/* CSS Document */
html,
body {
	height: auto;
	padding: 0;
	margin: 0;
	font-family: "微软雅黑", "arial", "Helvetica", "Helvetica Neue";
	color: #212121;
	line-height: 1.5; font-size: 12px;
	text-align: center;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	background: #213246;
}
input,
textarea {
	font-family: "微软雅黑", "arial", "Helvetica", "Helvetica Neue";
	color: #212121;
	outline: none;
}

input:focus,textarea:focus {	outline: none;}

ul,li {
	list-style: none;
	padding: 0;
	margin: 0;
}

h1,h2,h3,h4,h5,h6,dl,dd,dt {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: #212121;
}

a:hover {
	color: #437041;
	text-decoration: none;
}

a img {
	border: 0;
}

input::-webkit-input-placeholder {	color: #838383;}
input::-moz-placeholder {	color: #838383;}
input:-ms-input-placeholder {	color: #838383;}

.font45 {
	font-size: 45px;
}
.font40 {
	font-size: 40px;
}
.font38 {
	font-size: 38px;
}
.font32 {
	font-size: 32px;
}
.font24 {
	font-size: 24px;
}
.font22 {
	font-size:20px;
}
.font20 {
	font-size:20px;
}
.font18 {
	font-size:18px;
}
.font17 {
	font-size:17px;
}
.font16 {
	font-size: 16px;
}

.font14 {
	font-size: 14px;
}
.font13 {
	font-size: 13px;
}
.font12 {
	font-size: 12px;
}
.wrap { background: center 0 no-repeat;
background-size:100% auto;
background-attachment:fixed ;}
.con {
	 max-width: 1200px;	margin: 0 auto;
}

@media only screen and (max-width:1232px) {
	.con {
		margin: 0 1em;
	}
}

@media only screen and (max-width:828px) {

   .font45 {
   	font-size: 25px;
   }
   .font40 {
   	font-size: 23px;
   }
   .font38 {
   	font-size: 22px;
   }
   .font32 {
   	font-size: 20px;
   }
	.font24 {
		font-size: 18px;
	}
	.font20 {
		font-size: 16px;
	}

	.font18 {
		font-size: 14px;
	}

	.font16 {
		font-size: 12px;
	}

	.font14 {
		font-size: 12px;
	}

	.con,.cons {
		margin: 0 1em;
		width: auto;
	}
}

/*页面元素入场动画*/
.anim {
-webkit-transform: translateY(50px);
-ms-transform: translateY(50px);
transform: translateY(50px);
-webkit-transition: opacity 1s,-webkit-transform 1s;

transition: opacity 1s,-webkit-transform 1s;
-o-transition: transform 1s,opacity 1s;

transition: transform 1s,opacity 1s;
transition: transform 1s,opacity 1s,-webkit-transform 1s;

opacity: 0;
}
.anim.on {
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity:1;
}

.animLeft {
-webkit-transform: translateX(-50px);
-ms-transform: translateX(-50px);
transform: translateX(-50px);
-webkit-transition: opacity 1s,-webkit-transform 1s;

transition: opacity 1s,-webkit-transform 1s;
-o-transition: transform 1s,opacity 1s;

transition: transform 1s,opacity 1s;
transition: transform 1s,opacity 1s,-webkit-transform 1s;

opacity: 0;
}
.animLeft.on {
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity:1;
}

.animRight {
-webkit-transform: translateX(50px);
-ms-transform: translateX(50px);
transform: translateX(50px);
-webkit-transition: opacity 1s,-webkit-transform 1s;

transition: opacity 1s,-webkit-transform 1s;
-o-transition: transform 1s,opacity 1s;

transition: transform 1s,opacity 1s;
transition: transform 1s,opacity 1s,-webkit-transform 1s;

opacity: 0;
}
.animRight.on {
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity:1;
}

.animBig {
	-ms-transform:scale(1.6,1.6); /* IE 9 */
	-webkit-transform: scale(1.6,1.6); /* Safari */
	transform: scale(1.6,1.6); /* 标准语法 */
	
	-webkit-transition: opacity 1s,-webkit-transform 1s;
	
	transition: opacity 1s,-webkit-transform 1s;
	-o-transition: transform 1s,opacity 1s;
	
	transition: transform 1s,opacity 1s;
	transition: transform 1s,opacity 1s,-webkit-transform 1s;
	
	opacity: 0;
}
.animBig.on {
-ms-transform:scale(1,1); /* IE 9 */
	-webkit-transform: scale(1,1); /* Safari */
	transform: scale(1,1); /* 标准语法 */
opacity:1;
}

/*头部*/
.headerW {
	width: 100%;
	height: 80px;
}
.header {
	margin: 0 auto;  height: 100%;
}

.header .con {
	position: relative;
	z-index: 100;
	height: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.header .logo img {
	display: block;
	width: auto;
	height:45px;
}

/*头部导航*/
.navW { margin-top: 1em; position: relative; z-index: 1; font-size: 15px;
}
.navW .con {  height: 50px; overflow: visible;
	display: flex; justify-content: space-between; align-items: stretch;}
.navL { width: 42px; height: 50px;
background: url(../images/nav_l.png) 0 0 no-repeat;}
.navR { width: 42px; height: 50px;
background: url(../images/nav_r.png) 0 0 no-repeat;}
.nav { flex: 1; 
	height: 100%;	
	background: url(../images/nav_bg.png) 0 0 repeat-x;
	background-size:auto 100%;
}
.nav>ul { margin-left: 3em;
	height: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.nav>ul>li {
	display: flex;
	height: 100%;
	align-items: center;
	align-items: center;
	justify-content: space-between;
	z-index: 100;
	cursor: pointer; position: relative; z-index: 0; margin-right: 2.8em;
}
.nav>ul>li>a,
.nav>ul>li>span {
	display: flex;
	align-items: center;
	color: #becfd8;
	padding: 0 0.3em;
	line-height: 2.25em;
}

@media only screen and (max-width:1200px) {
.nav>ul>li>a, .nav>ul>li>span{ padding: 0 0.8em;}
}

@media only screen and (max-width:1000px) {
.nav>ul>li>a, .nav>ul>li>span{ padding: 0 0.5em;}
}

.nav>ul>li>a:hover {color: #fff;}
.nav>ul>li.cur>a { font-size: 17px; font-weight: bold;color: #fff;}
.nav>ul>li .icon { font-size: 0.6em; position: relative; z-index: 0; top: 0.1em; margin-left: 1em;}
.nav .sub_nav {
	display: none;
	position: absolute; background-color: #272b33;
	top: 100%;
	left: -2.7em; right: -2.7em; padding: 0.4em .5rem;
	text-align: center;
-moz-box-shadow: 0 0.6em 0.6em rgba(0, 0, 0, .1);
-webkit-box-shadow: 0 0.6em 0.6em rgba(0, 0, 0, .1);
box-shadow: 0 0.6em 0.6em rgba(0, 0, 0, .1);
}

.nav .sub_nav li {	line-height: 2.4em; color: #212121; cursor: default;}
.nav .sub_nav li a {display: block;	color: #b8b6b4;}
.nav .sub_nav li a:hover {	color: #fff;}

.sub_Box { display: none; position: absolute; z-index: 0;
 left: 0; right: 0; top: 100%; background-color: #fff; line-height: 3;}
.sub_Box .sub_box_c { border-top:1px solid #eaefef; 
margin: 0 18.5% 0 29%; display: flex; justify-content: space-around; align-items: flex-start;}
.sub_Box .sub_box_c ul { padding: 1.8em 0;}

.navM {	display: none;}

.header .btnW { display: flex; justify-content: flex-start; align-items: center;}
.header .lan { position: relative; z-index: 1; text-align: left; color:#75B000}
.header .lan .line { display: inline-block; margin: 0 0.3em;}
.header .lan a { color: #B1B1B1;}
.header .lan a:hover { color: #75B000;}

.searchBox {  width: 295px; margin-left: 76px; height: 36px;
justify-content: space-between; align-items: center;  background-color: #272b33;
-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.searchBox form { width: 100%; height: 100%;
display: flex; justify-content: space-between; align-items: center;}
.searchBox .iW { border-left:1px solid #474b51 ; flex: 1; padding: 0 0.7em 0 1em; }
.searchBox .input { width: 100%; display: block; border: 0; width: 100%;
 outline-width: 0; color: #fff; background-color: transparent;
     line-height: 1.5em; font-size: 1em;
     height: 1.5em;}
.searchBox input::-webkit-input-placeholder {	color: #999;}
.searchBox input::-moz-placeholder {	color: #999;}
.searchBox input:-ms-input-placeholder {	color: #999;}

.searchBox .btnSearch { margin-right: 0.7em; font-size: 1.4em; 
line-height: 1;  color: #fff;
 outline-width: 0;
border: 0; display:block;cursor: pointer; }


/**/
.selBox {
  position: relative;
  display: inline-block;
  z-index: 10000;
  width: 104px;
  height: 36px;
  font-size: 12px;
}

.selBox.show {
  z-index: 11;
}

.selBox .btn {
  position: relative; text-align: left;
  z-index: 0;
  cursor: pointer;
  padding: 0 2em 0 1em;
  line-height: 2.8em;
  color: #b8b6a8;
}

.selBox .btn .txt {
  display: inline-block;
  vertical-align: middle;
}

.selBox .btn .arr {
  position: absolute;
  right: 1.4em;
  top: 50%;
  margin-top: -0.4em;
  display: inline-block;
  vertical-align: middle;
  width: 1em; line-height: 1;
  height: 1em; font-size: 0.8em;
  
}

.selBox.show .btn .arr {
	transform: rotate(180deg);
-ms-transform: rotate(180deg); /* IE 9 */
-webkit-transform: rotate(180deg); /* Safari and Chrome */
}

.selBox .dropDown {
  display: none;
  position: absolute;
  right: 0;
  left: 0;
  top: 3em;
  width: auto;
  background-color: #272b33;
  line-height: 2.2em;
  -moz-box-shadow: 0 8px 8px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, .1);
  box-shadow: 0 8px 8px rgba(0, 0, 0, .1);
  max-height: 18.2em;
  overflow-y: auto; text-align: left;
}

.selBox .dropDown li {
  cursor: pointer;
  padding: 1px 1.2em 0;
  color: #999;
}

.selBox .dropDown li:last-child {
  border-bottom: 0;
}

.selBox .dropDown li a {
  color: #fff;
}


@media only screen and (max-width:828px) { 
	.header .lan .btnLan span { min-width: 2.7em; color: #1a6f7d;}
	.header .lan { font-size: 0.8em;}
	.header .lan .btnLan img { display: none;}
	.header .lan .lanDropdown { display: none; position: absolute; top: 40px; 
	left: auto; right: 0;
	 width: 4.8em; text-align: center;}
	.header .lan .lanDropdown a img  { display: none;}
	.searchWBox .searchSwitch { font-size: 0.8em;}
	.header .btnW .line {  margin-right:1em;}
	.searchWBox {position: static; z-index: 0; } 
	.searchPBox { width: 100%; top: 60px;}
	
}

.header .c-switch {  position: absolute; left:0; top: 50%; margin-top: -12px;
	display: none;
	width: 24px;
	height:24px;
	cursor: pointer;
	/* position: absolute; left: 15px; top: 50%; margin-top: -10px; */
}

.header .c-switch i {
	position: relative;
	display: block;
	height: 3px;
	background: #fff;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.header .c-switch i:nth-child(1) {
	top: 0;
}

.header .c-switch i:nth-child(3) {
	bottom: 0;
}

.header .c-switch i:nth-child(2) {
	margin: 5px 0; 
}

.header .c-switch.show i:nth-child(2) {
	opacity: 0;
}

.header .c-switch.show i:nth-child(1) {
	top:8px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.header .c-switch.show i:nth-child(3) {
	bottom: 8px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.mask { position: fixed; z-index: 300; display: none;
 left: 0; top: 0; width: 100%; height: 100%;
  background-color: rgba(0,0,0,0.6);}

@media only screen and (max-width:980px) {
	.headerW {height: 80px;
		-moz-box-shadow: 0 0 0.3em rgba(0, 0, 0, .2);
		-webkit-box-shadow: 0 0 0.3em rgba(0, 0, 0, .2);
		box-shadow: 0 0 0.3em rgba(0, 0, 0, .2);}
		.header .con { justify-content: center;}
	.header .c-switch {	display: block;	}
	.header .logo img { height: 40px; margin: 0 auto;}
	.header .btnW { margin-right: 0.2em;}
	.searchBox { display: none;}

	.navW {	display: none;	}

	.navM {
		position: fixed;
		z-index: 400;
		width: 64%;
		left: -65%;
		top:0;
		overflow-y: auto;
		background-color: #171a21;
		display: block;
		font-size: 14px;
		line-height: 3;
		text-align: left;
		overflow-y: auto;
		height: 100vh; overflow-y: auto;
		transition: all 0.5s;
		-webkit-transition:all 0.5s;
		
		display: flex; justify-content: space-between; flex-direction: column;
		align-items: stretch;
	}
	.navM.show {left: 0;}

	.navM>ul { padding-top: 1em;}
	.navM li { padding: 0 1em;
		border-top: 1px solid #171a21;
		border-bottom: 3px solid #1c1f24;
		position: relative;
		z-index: 0;
	}
	
	.navM li:first-child {
		border-top: 0;
	}

	.navM ul ul {
		height: 0;
		overflow: hidden;
		transition: height 2s; font-size: 13px; 
	}
	.navM ul ul li { border-top:0 ;}

	.navM ul ul li a {
		text-indent: 1em; border-top:0 ; color: #67c1f5;
	}
	.navM ul ul li a:hover {
		color:#fff;
	}

	.navM a {
		color: #bdbdbd;
		display: block;
	}

	.navM a:hover {
		color: #fff;
	}
	.navM li .title { display: flex; justify-content: space-between; align-items: center;}


	.navM li.show ul {
		height: auto;
	}
	
	.navM li.show ul .sub_nav_p { padding-left: 2em; display: flex; justify-content: flex-start;
	align-items: stretch;flex-wrap: wrap; text-align: center; line-height: 1.2; padding-bottom: 1.2em;}
	.navM li.show ul .sub_nav_p a {text-indent: 0;}
	.navM li.show ul .sub_nav_p li { padding-top: 1em; width: 32%; margin-right: 2%;}
	.navM li.show ul .sub_nav_p li:nth-child(2n) { margin-right: 0;}
 	.navM li.show ul .sub_nav_p .pic {  display: block; position: relative; z-index: 0;
	 padding-top:70%; width: 70%; margin: 0 auto 0.5em;	}
	.navM li.show ul .sub_nav_p .pic img { position: absolute;
	 width: 100%; height: 100%; left: 0; top: 0; object-fit: contain;}
	 
	 .navM .nFooter { color: #8a8a8a; line-height: 1.3;  padding: 0 1em 1em;}
}

.noteBox { background-color: #295b7b; height: 2.7em; color: #a0eaff;}
.noteBox .con { height: 100%; display: flex; justify-content: space-between; align-items: center; text-align: left;}
.noteBox .pics { font-size: 0.9em;}
.noteBox .txt { flex: 1; margin: 0 1em; height: 1.5em; overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1; 
}
.noteBox .btnClose { cursor: pointer; font-size: 0.8em;}


.swiper-banner-w { position: relative; z-index: 0;}
.swiper-banner .pic { width: 100%; padding-top: 56.55%;
position: relative; z-index: 0;}
.swiper-banner .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.swiper-banner .pic img.img_mb {display: none;}
.swiper-banner .swiper-pagination { bottom: 0; margin-right: 4%; width: auto; right: 0; left: 0;
 margin-bottom: 3%; text-align: right;}
.swiper-banner .swiper-pagination .swiper-pagination-bullet {
	background-color: #fff; width: 4em; height: 0.35em;
transition: all 0.5s;
-webkit-transition:all 0.5s; 
margin:0 0.4em !important;
filter:alpha(opacity=20);-moz-opacity:0.2; opacity:0.2;
-moz-border-radius:0; -webkit-border-radius:0; border-radius:0;}
.swiper-banner .swiper-pagination .swiper-pagination-bullet-active { 
	background-color: #5c7e10;
filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;}
.swiper-banner .swiper-pagination-w { z-index: 10; position: absolute; left: 0; bottom: 40px; right: 0;}
@media only screen and (max-width:1200px) {
.swiper-banner .pic {  padding-top: 62.08vw;}	
}
@media only screen and (max-width:828px) {
	.swiper-banner .con { margin: 0 2em;}
	.swiper-banner .pic {  padding-top: 74vw;}
	.swiper-banner .pic img.img_pc {display: none;}
	.swiper-banner .pic img.img_mb {display: block;}
	
	.swiper-banner .swiper-pagination .swiper-pagination-bullet {
		width: 0.6em; height: 0.3em;}
	.swiper-banner .swiper-pagination .swiper-pagination-bullet-active {
		 width: 2.8em;}
}

/*底部*/
.footer {  margin-top: 4em;
	background: #171a21;
	text-align: left;
	color: #fff;
}
.footer .fList {}
.footer .fList ul { padding: 2.1em 0; border-bottom: 1px solid #2e313a;
 display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.footer .fList li { flex: 1; border-right:1px solid #2e313a;
 display: flex;  justify-content: center; align-items: center;}
.footer .fList .pic{ margin-right: 1em; display: inline-block; width: 2em; height: 2em; }

.footer .fNav {border-bottom: 1px solid #2e313a;
 padding: 2.9em 0 3em; display: flex; justify-content: space-between; align-items: flex-start;}
.footer .fNav dl { flex: 1;}
.footer .fNav dl:nth-child(6) { width: 248px;}
.footer .fNav dt  { color: #c6d4df;}
.footer .fNav dl:nth-child(6) dt  { text-align: center;}
.footer .fNav dt a { color: #fff;}
.footer .fNav dd { margin-top: 1.3em; color: #59656d;}
.footer .fNav dd a { color: #59656d;}
.footer .fNav dd a:hover { color: #67c1f5;}
.footer .fNav dd li { line-height: 2.3em;}


.footer .fNav ul { width: 100%;display: flex; justify-content: space-between; align-items: flex-start;
}
.footer .fNav ul li { width: 26%;}
.footer .fNav ul li .pic { display: block; padding-top: 40%; position: relative; z-index: 0;}
.footer .fNav ul li .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;
object-fit: cover;}
.footer .fNav ul li .name { margin-top: 0.6em; line-height: 1.4;color: #59656d}

.footer .fLink { padding: 1em; color: #59656d; line-height: 1.7;}
.footer .fLink a { color: #59656d;}
.footer .fLink a:hover { color: #67c1f5;}

.footer .fbottom {color: #59656d;
	padding:1em 0 2em; display: flex; justify-content: space-between; align-items: center;
}
.footer .fbottom .copyright { flex: 1; margin-right: 22.5%; display: flex; justify-content: flex-start; align-items: center;}
.footer .fbottom .copyright .pic { margin-right: 1em;}
.footer .fbottom .qq { margin-right: 4.8%;}
.footer .fbottom .qq .num {  display: block; font-size: 1.4em; color:#67c1f5 ;}
.footer .fbottom .btnServ { cursor: pointer; padding: 0 1.8em;
 line-height: 3em; display: inline-block; color: #fff; background-color: #4c6b22;
 -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;}
 .footer .fbottom .btnServ .icon { margin-right: 0.3em; vertical-align: middle;}
 
 @media only screen and (max-width:980px) {
	 .footer { display: none;}
 }
 
.gotop {
  display: none;
  cursor: pointer;
  position: fixed;
  bottom: 0;
  right: 0;
  width: 4.5em;
  padding: 0.7em 0 0.3em;
  transition: all 0.3s;
  background-color: #121c29;
  color: #fff;
  line-height: 1.3;
  -moz-border-top-left-radius:3em; -webkit-border-top-left-radius:3em; border-top-left-radius:3em;
}
.gotop .arr { display: block; font-size: 0.6em;}

.sideFloat { position: fixed; z-index: 200;  right: 0; bottom: 10vh;
width: 4.6em; line-height: 2.1em;}
.sideFloat .btn { position: relative; z-index: 0;
	display: block; cursor: pointer; padding: 1em 0 0.4em; 
	border-bottom: 1px solid #1e2834; cursor: pointer; color: #898e94;
background-color: #000;}
.sideFloat .btn:hover { color: #fff; background-color: #2d3b4c;}
.sideFloat i{ display: block; font-size: 1.6em;}

.sideFloat .btn:first-child {
	-moz-border-top-left-radius:0.5em; -webkit-border-top-left-radius:0.5em; border-top-left-radius:0.5em;
}
.sideFloat .btn:last-child {
	-moz-border-bottom-left-radius:0.5em; -webkit-border-bottom-left-radius:0.5em; border-bottom-left-radius:0.5em;
}
.sideFloat .fPopup { position: absolute; right: 5.5em; top: 50%; margin-top: -2.4em; display: none;
background-color: #121c29; padding:1.4em  1.6em; color: #898e94;
-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;}
.sideFloat .btn:hover .fPopup { display: block;}
.sideFloat  .qPopup {margin-top: -3.8em;}
.sideFloat .fPopup::after { content: ""; display: block;
 position: absolute; right: -0.5em; width: 1em; height: 1em;
background-color: #121c29;  top: 50%; margin-top: -0.5em;
transform: rotate(45deg);
-ms-transform: rotate(45deg); /* IE 9 */
-webkit-transform: rotate(45deg); /* Safari and Chrome */
}
.sideFloat .fPopup .icon { margin-right: 0.7em; display: inline-block;}
.sideFloat .fPopup .txtb { margin-top: 0.7em; display: flex; justify-content: flex-start; align-items: flex-start;}
.sideFloat .fPopup .txtb:first-child { margin-top: 0;}
.sideFloat .fPopup .txt {white-space:nowrap; *white-space:nowrap;}

.sideFloat .wPopup { margin-top: -8em;}
.sideFloat .wPopup img { display: block; width: 15em; height: auto;}

@media only screen and (max-width:828px) {
	.sideFloat { display: none;}
}

@media only screen and (max-width: 420px) {
	html,
	body {
		font-size: 14px;
	}
}

@media only screen and (max-width: 360px) {
	html,
	body {
		font-size: 12px;
	}
}


.proIBox { margin-top: 0.7em;background-color: #111a26; color: #fff;
-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;
 padding: 0.7em; }
.proIBox .listC{ border: 1px solid #295b7b; padding:0.3em 1em 1em; 
display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;
-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;}
.proIBox .listC a { color: #fff;}
.proIBox .listC a { margin-top: 0.7em; padding: 0.1em 1em 0 1em; text-align: left;
 display: flex; justify-content: flex-start; align-items: center; position: relative; z-index: 0;
 color: #90a1b2;}
.proIBox .listC a:hover { color: #fff;}
.proIBox .listC a.cur { background-color: #3a495a; color: #fff;}
.proIBox .listC .pics { position: relative; top: 0; display: block; width: 18px; height: 18px;margin-right: 10px;}
.proIBox .listC .pics img {display: block;  width: 18px; height: 18px;}
.proIBox .listC .name {  flex: 1; display: block;  line-height: 2.8em; height:2.8em;
overflow: hidden;}

.proIBox .conP{ display: flex; justify-content: space-between; align-items: stretch;}
.proIBox .conL{overflow: hidden; margin-top: 0.7em; flex: 1; margin-right: 0.7em; border: 1px solid #295b7b;
-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;}
.proIBox .conR{overflow: hidden; margin-top: 0.7em;  width: 24%; border: 1px solid #295b7b;
-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;}

.proIBox .proList { margin: 1em 0;}
.proIBox .proList li { margin:0 1em; padding: 1em 1em; overflow: hidden;border-bottom: 1px dashed #295b7b;
display: flex; flex-wrap: wrap; 
 justify-content: space-between; align-items: center; color:#497180;
transition: all 0.5s;
-webkit-transition:all 0.5s
}
.proIBox .proList li:hover {background-color: #213246;}
.proIBox .proList .picb { width: 4em;}
.proIBox .proList .pic { display: block; padding-top: 100%; position: relative; z-index: 0;}
.proIBox .proList .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;
object-fit: cover;}
.proIBox .proList .txtb { flex: 1; padding: 0 1em; text-align: left;}
.proIBox .proList .name { color: #ff0000; margin-right: 0.8em;}
.proIBox .proList .name a { color: #ff0000;}
.proIBox .proList .name .date{ color:#497180;}
.proIBox .proList .intro { margin-top: 0.3em;
 line-height: 1.5em; height: 1.5em; overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1; 
}

.proIBox .proList .btnW{  
	display: flex; justify-content: center; align-items: center;
}
.proIBox .proList .btnW .btn1 { display: block; background-color: #ddc373;
line-height: 2.5em; cursor: pointer; padding: 0 1em; color: #624e22;}
.proIBox .proList .btnW .btn1:hover { color: #624e22;}
.proIBox .proList .btnW .btn2 { display: block; background-color: #0b2d3b;
line-height: 2.5em; cursor: pointer;padding: 0 1em;
color: #fbd07c;}

@media only screen and (max-width: 980px) {
	.proIBox .conP{ display: block;}
	.proIBox .conL{  margin-right: auto;}
	.proIBox .conR{ width: 100%;}
	.proIBox .proList .btnW { justify-content: flex-end; margin: 1em 0 0; width: 100%;}
	.proIBox .proList .picb { width: 2em;}
	.proIBox .proList li { align-items: flex-start; padding: 1em 0;}
}

.proIBox .conR .sBox {}
.proIBox .conR .sBox .tit { padding: 0.4em 0.5em;
	font-weight: bold; background-color: #213246; border-bottom: 1px solid #295b7b;
display: flex; justify-content: flex-start; align-items: center;}
.proIBox .conR .sBox .tit img { margin-right: 0.3em; width: 1.5em; height: 1.5em; object-fit: contain;}
.proIBox .conR .sBox .tit span {}
.proIBox .conR .sBox .list { padding:0.5em 1em 1em; text-align: left;}
.proIBox .conR .sBox .list { color:#497180;}
.proIBox .conR .sBox .list li { margin-top: 0.7em;}
.proIBox .conR .sBox .list a { color:#497180;}
.proIBox .conR .sBox .list a:hover { color:#a0eaff;}
.proIBox .conR .sBox .list .icon { font-size: 0.9em;}
.proIBox .conR .sBox .list li.red { font-weight: bold;}
.proIBox .conR .sBox .list li.red a { color:#ff0000;}
.proIBox .conR .sBox .serv { padding:1em;}
.proIBox .conR .sBox .serv img { display: block; max-width: 100%; height: auto;}

.page {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 0.1em 1em 1.4em;
color: #fbd07c; line-height: 2; }
.page a { margin: 0.3em 0.3em 0; display: inline-block; background-color: #0b2d3b; 
color: #fbd07c; padding: 0.1em 0.8em 0;
-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;}
.page a:hover { background-color: #ddc373;color: #624e22;}
.page span { display: inline-block; padding: 0.1em 0.8em 0;
-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;}


.detailBox {}

.detailBox .conP{ display: flex; justify-content: space-between; align-items: stretch;}
.detailBox .conL{ margin-top: 0.7em; flex: 1; margin-right: 1.66%; 
background-color: #111a26; color: #fff; overflow: hidden;
}

.detailBox .conR{ margin-top: 0.7em;  width: 28%;overflow: hidden;
background-color: #111a26; color: #fff;
-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;}

.position { background-color: #182332; border-bottom: 1px solid #1d2b3c;
 display: flex; justify-content: flex-start; align-items: center;
line-height: 1.5em;}
.position .line { display: inline-block; width: 3px; height: 1em;
background-color: #5c7e10; vertical-align: middle; margin-right: 0.8em;}
.position a { position: relative; z-index: 0;}
.position a,.position .cur { color: #fff; display: block; padding: 1em 4.5em 1em 3em;}
.position a:first-child{ background-color: #202e41;}
.position .arrow {display:none;}
.position a:first-child::after { width: 1.5em; height: 100%; content: "";
display: block; position: absolute; top: 0; right: 0;
background: url(../images/arr_1.png) center center no-repeat;
background-size:100%  100%;}
.position a:nth-child(2) { background-color: #1c283a;}
.position a:nth-child(2)::after { width: 1.5em; height: 100%; content: "";
display: block; position: absolute; top: 0; right: 0;
background: url(../images/arr_2.png) center center no-repeat;
background-size:100%  100%;}
.position a:hover { color: #a0eaff;}

@media only screen and (max-width: 980px) {
	.position a,.position .cur { color: #fff; display: block; padding: 0.7em 2em 0.7em 1em;}
	.position a:first-child::after { width: 0.9em;}
	.position a:nth-child(2)::after { width: 0.9em;}
}


.positionD {  text-align: left; margin: 1.5em 0 0;
line-height: 1.5em; color: #babec6;}
.positionD .arrow { margin: 0 1em; display: inline-block; color: #627381; font-family: "宋体";}
.positionD a {  display: inline-block;color: #e8f0f8;}
.positionD a:hover { color: #fff;}

.detail { padding: 4.8%; color: #8f98a0;}
.detail { text-align: left;}
.detail .tit { font-weight: normal; color: #bcd5d6;}
.detail .about { color: #577175;
 display: flex; justify-content: space-between; align-items: flex-start;}
.detail .about a{ color: #577175; }
.detail .about a:hover{ color: #a0eaff; }
 
.detail .about .aboutL { margin-top: 1em; }
.detail .about .aboutL .label { margin-top: 1em; line-height: 1.8em; display: inline-block; padding: 0 1em;
-moz-border-radius:1em; -webkit-border-radius:1em; border-radius:1em;
 margin-right: 2em;}
.detail .about .aboutR { margin-top: 2em;}
.detail .about .aboutR a { display: inline-block; margin-right: 0.5em;}
.detail .about .label { padding: 0 0.8em; 
display: inline-block; background-color: #000; color: #fff;
-moz-border-radius:1em; -webkit-border-radius:1em; border-radius:1em;}
.detail .about .date {display: inline-block; margin-top: 1em; margin-right: 1em;}
.detail .about .view {display: inline-block; margin-top: 1em;
 padding-left: 1em; border-left:1px solid #313c48;}


.detail .content { margin: 4.9% 4.2% 0;}
.detail .content img { max-width: 100%; height: auto;}
.detail .pageTurn { line-height: 2; margin: 2em 4.2% 0; color: #8f98a0;}
.detail .pageTurn a{color: #8f98a0;}
.detail .pageTurn a:hover { color:#a0eaff;}

.detailBox .proList { margin: 1em 0;}
.detailBox .proList li { margin:0 1em; padding: 1em 1em; overflow: hidden;border-bottom: 1px dashed #295b7b;
display: flex;  justify-content: space-between; align-items: center; color:#497180;

transition: all 0.5s;
-webkit-transition:all 0.5s
}
.detailBox .proList li:hover {background-color: #213246;}
.detailBox .proList .picb { width: 4em;}
.detailBox .proList .pic { display: block; padding-top: 100%; position: relative; z-index: 0;}
.detailBox .proList .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;
object-fit: cover;}
.detailBox .proList .txtb { flex: 1; padding: 0 1em; text-align: left;}
.detailBox .proList .name { color: #ff0000;}
.detailBox .proList .name a { color: #ff0000;}
.detailBox .proList .name .date{ color:#497180; margin-left: 0.8em;}
.detailBox .proList .intro { margin-top: 0.3em;
 line-height: 1.5em; height: 1.5em; overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1; 
}

.detailBox .proList .btnW{  
	display: flex; justify-content: center; align-items: center;
}
.detailBox .proList .btnW .btn1 { display: block; background-color: #ddc373;
line-height: 2.5em; cursor: pointer; padding: 0 1em; color: #624e22;}
.detailBox .proList .btnW .btn1:hover { color: #624e22;}
.detailBox .proList .btnW .btn2 { display: block; background-color: #0b2d3b;
line-height: 2.5em; cursor: pointer;padding: 0 1em;
color: #fbd07c;}

@media only screen and (max-width: 980px) {
	.detailBox .conP{ display: block;}
	.detailBox .conL{  margin-right: auto;}
	.detailBox .conR{ width: 100%;}
	
	.detail .about { display: block;}
	.detail .about .aboutR { margin:1em 0 0;}
	.detail .content { margin: 4.9% 0 0;}
}

.detailBox .conR .sBox {}
.detailBox .conR .sBox .tit { padding: 1em 1.4em;
	font-weight: bold; border-bottom: 1px solid #1d2b3c; color: #bcd5d6;
display: flex; justify-content: flex-start; align-items: center;}
.detailBox .conR .sBox .tit .line { display: inline-block; width: 3px; height: 1em;
background-color: #5c7e10; vertical-align: middle; margin-right: 0.8em;}

.detailBox .conR .sBox .listTop { margin-top: 0}
.detailBox .conR .sBox .listTop ul { }
.detailBox .conR .sBox .listTop li { padding: 1.1em 0 0; margin: 0 0.9em;
overflow: hidden;}
.detailBox .conR .sBox .listTop .pic { display: block; padding-top: 41%;
 position: relative; z-index: 0;}
.detailBox .conR .sBox .listTop .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;
object-fit: cover;}
.detailBox .conR .sBox .listTop .num { position: absolute; z-index: 10; top: 0; left: 0;
width: 4em; height: 2em;
background: center 0 no-repeat;
background-size:contain;}
.detailBox .conR .sBox .listTop .top1 { left: 0.62em; background-image: url(../images/top1.png);}
.detailBox .conR .sBox .listTop .top2 {left: 0.62em; background-image: url(../images/top2.png);}
.detailBox .conR .sBox .listTop .txtb { background-color: #0a0906;}
.detailBox .conR .sBox .listTop .name { text-align: left; font-weight: bold;
 line-height: 1.5; height: 1.5em;
overflow: hidden; padding: 0.6em 0.8em 0.8em;}
.detailBox .conR .sBox .listTop .name a { color: #c6d4df;}

.detailBox .conR .sBox .list { margin-top: 0}
.detailBox .conR .sBox .list ul { padding-bottom: 1.2em;}
.detailBox .conR .sBox .list li { padding:1.2em 0 0; margin: 0 1.1em;
overflow: hidden;}
.detailBox .conR .sBox .list li .lib {  text-align: left;
display: flex; justify-content: space-between; align-items: stretch;}
.detailBox .conR .sBox .list .picb { width: 44%; max-width: 11.2em;}
.detailBox .conR .sBox .list .pic { display: block; padding-top: 70%;
 position: relative; z-index: 0;}
.detailBox .conR .sBox .list .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;
object-fit: cover;}
.detailBox .conR .sBox .list .num { position: absolute; z-index: 10; top: 0; left: 0;
 height: 1.8em; color: #fff; background-color: rgba(0,0,0,0.9);
line-height: 1.8em; padding: 0 0.5em;}
.detailBox .conR .sBox .list .txtb { flex: 1; margin-left: 0.7em;
 display: flex; flex-direction: column; justify-content: space-between; align-items: stretch;}
.detailBox .conR .sBox .list .name { margin-top: 0.3em; line-height: 1.8; height: 3.6em;
overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2; 
}
.detailBox .conR .sBox .list .name a { color: #c6d4df;}

.detailBox .conR .sBox .list .view { margin-bottom: 0.4em; color: #577180;}

/*详情产品*/


.proTopBox {
	margin-top: 1.8em;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.proTopBox .picb {
	position: relative;
	z-index: 0;
	margin-left: 0;
	width: 57.5%;
}

.proTopBox .picd {
	display: block;
	padding-top: 53.2%;
	position: relative;
	z-index: 0;
}

.proTopBox .picd a {
	position: absolute;
	left: 0;
	top: 0;
	width: 100% !important;
	height: 100% !important;
}

.proTopBox .picd img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: alpha(opacity=100) !important;
	-moz-opacity: 1.0 !important;
	opacity: 1.0 !important;
}

.proTopBox .pics { background-color: #121a27;
	position: relative;
	z-index: 0; 
}
.swiper_pro_s { margin: 0 4em 0 3.5em;

}

.swiper_pro_s .item {
	border: 2px solid #121a27;
	margin: 0 3%;
}
.swiper_pro_s .pic {
	position: relative;
	z-index: 0;
	padding-top: 52.5%;
}
.swiper_pro_s .pic img {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	object-fit: cover;
}

.swiper_pro_s .name {
	margin-top: 0.8em;
	line-height: 1.5em;
	height: 1.5em;
	overflow: hidden;
}

.swiper_pro_s .swiper-slide {
	cursor: pointer; padding: 2.3% 0;
	width: 29.4%;
}
.swiper_pro_s .swiper-slide.cur .item {
	border: 2px solid #babec6;
}
.swiper_pro_s .swiper-button-disabled {
	filter: alpha(opacity=40);
	-moz-opacity: .4;
	opacity: 0.4;
}

.proTopBox .pics .btnNext,
.proTopBox .pics .btnPrev {
	position: absolute;
	z-index: 10;
	left: auto;
	top:14%;
	bottom: 14%;
	right: 0;
	cursor: pointer;
	width: 1.5em;
	background:#182432;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-border-radius:0; -webkit-border-radius:0; border-radius:0;
	display: flex; justify-content: center; align-items: center;
}
.proTopBox .pics .btnNext { right: 0.8em;

}
.proTopBox .pics .btnPrev {
	left: 0.8em;
	right: auto;
	
}
.proTopBox .pics .btnNext .icon {
	transform: rotate(-90deg);
		-ms-transform: rotate(-90deg); /* IE 9 */
		-webkit-transform: rotate(-90deg); /* Safari and Chrome */
}
.proTopBox .pics .btnPrev .icon {
	
	transform: rotate(90deg);
	-ms-transform: rotate(90deg); /* IE 9 */
	-webkit-transform: rotate(90deg); /* Safari and Chrome */
}

.proTopBox .pics .btnNext .icon,
.proTopBox .pics .btnPrev .icon{ color: #294960;}
.proTopBox .pics .swiper-button-disabled .icon {
filter:alpha(opacity=60);-moz-opacity:.6; opacity:0.6;
}

.proTopBox .txtb {
	 flex: 1; margin-left: 2%;	text-align: left;
}
.proTopBox .txtb .tit { font-weight: normal; color: #fff;}
.proTopBox .txtb .labels {
	margin-top: 0.3em;}
.proTopBox .txtb .labels span {display: inline-block;
background-color:  #1a2737; color: #5f6870; line-height: 2; padding: 0 0.7em;}
.proTopBox .txtb .priceBox { margin-top: 1.1em; margin-bottom: 1.8em; background-color: #2c3c4e; padding: 0.8em 1.2em;
display: flex; justify-content: space-between; align-items: center;}
.proTopBox .txtb .priceBox .t_1 { padding: 0.2em 0; color: #ffcc6a;}
.proTopBox .txtb .priceBox .t_1 .num { font-size: 2em;}
.proTopBox .txtb .priceBox .t_2 { border-left:1px solid #335069; padding:0.7em 0 0.7em 1.2em; color: #969ea7;}
.proTopBox .txtb .tits { margin-top: 1em; color: rgba(255,255,255,0.8);}
.proTopBox .txtb .btnIntro { margin-top: 0.9em; text-align: center; line-height: 2.5;
 display:block; cursor: pointer; border: 1px solid #44a1ef; color: #44a1ef;}
.proTopBox .txtb .btnDown { margin-top: 0.9em; text-align: center; line-height: 2.5;
  display:block; cursor: pointer; border: 1px solid #baef44; color: #baef44;}
.proTopBox .txtb .btnW {margin-top: 3.4em; color: #9098a1;}
.proTopBox .txtb .btn {
	padding: 0 1.9em;
	margin-right: 1.2em;
	line-height: 3;
	display: inline-block;
	color: #fff;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eb3a28+0,f78107+100 */
	background: rgb(235,58,40); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(235,58,40,1) 0%, rgba(247,129,7,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(235,58,40,1) 0%,rgba(247,129,7,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(235,58,40,1) 0%,rgba(247,129,7,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb3a28', endColorstr='#f78107',GradientType=1 ); /* IE6-9 */
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	border-radius: 0.3em;
}

@media only screen and (max-width:828px) {
	.proTopBox {
		display: block;
	}

	.proTopBox .picb {
		width: auto;
		margin-left: auto;
	}

	.proTopBox .txtb {
		margin-top: 1.5em;
		width: auto;
		margin-right: auto;
	}

	.proTopBox .txtb .txtc {
		padding: 1.5em;
	}

	.proTopBox .txtb .btn {
		margin-right: 0.5em;
	}

}

.detailServ { margin-top: 1.7em;}
.detailServ img {display: block; width: 100%; height: auto;}

.detailPBox {
	margin: 0 auto 0;
	text-align: left;
	line-height: 2;
	display: flex; justify-content: space-between; align-items: flex-start;
}
.detailPBox  .conL { margin-top: 2.5em; flex: 1; margin-right: 2%; background-color: #1a2736;}
.detailPBox  .conR { margin-top: 2.5em; width: 23.5%; background-color: #192432;
-moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;}

@media only screen and (max-width:828px) { 
	.detailPBox {
		display: block;
	}
	.detailPBox  .conL { margin-right: auto;}
	.detailPBox  .conR { width: 100%;}
}

.detailPBox .tit { background-color: #182332; 
	color: #fff; display: flex; justify-content: flex-start; align-items: flex-start;
}
.detailPBox .tit  .name { border-top:2px solid #549ecb ;	padding: 0.5em 3.3em; background-color: #1b2736;}

.detailPBox .content {padding: 4%; overflow: hidden;
	color: #ff0000; line-height: 1.5;
}
.detailPBox .content img { max-width: 100%; height: auto;}

.detailPBox .conR  .tit { padding: 0.9em 1.1em 0; color: #abbec6; font-weight: bold;}
.detailPBox .conR .list { padding-bottom: 0.9em;}
.detailPBox .conR .list ul {}
.detailPBox .conR .list li {background-color: #17222f;
-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em; overflow: hidden;}
.detailPBox .conR .list li:nth-child(2n) { margin-right: 0;}
.detailPBox .conR .list li .lib { padding: 0.75em 1.4em; text-align: left;
display: flex; justify-content: space-between; align-items: center;}
.detailPBox .conR .list .picb { width: 44%;}
.detailPBox .conR .list .pic { display: block; padding-top: 46.3%; position: relative; z-index: 0;
-moz-border-radius:0.4em; -webkit-border-radius:0.4em; border-radius:0.4em;}
.detailPBox .conR .list .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;
object-fit: cover;}
.detailPBox .conR .list .txtb { flex: 1; margin-left: 1em; padding: 0 0.3em;}
.detailPBox .conR .list .name { line-height: 1.4; height:1.4em;
overflow: hidden; color: #fff; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1; }
.detailPBox .conR .list .name a { color: #fff;}
.detailPBox .conR .list .price { color: #4ec1d6;}

@media only screen and (max-width:980px) {
	.detailPBox .conR .list li { width: 100%; margin-right: 0;}
	.detailPBox .conR .list .picb { width: 11.3em;}
	.detailPBox .conR .list .label {
	    padding: 0.5em 0;
	    margin-top: 0.1em;}
	.detailPBox .conR .list .name { line-height: 1.3; height: 2.6em;}
}