@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900|Teko:300,400,500,600,700,800,900&display=swap');
html,
body {
	height: 100%;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

body {
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	color: #000;
	line-height: 20px;
	font-weight: 400;
	position: relative;
	z-index: 1;
	background: #fff;
	overflow-x: hidden;
}

a {
	text-decoration: none;
	font-family: 'Poppins', sans-serif;
	color: #000;
	font-size: 16px;
	-webkit-transition: all 0.6s ease-in;
	-moz-transition: all 0.6s ease-in;
	-ms-transition: all 0.6s ease-in;
	-o-transition: all 0.6s ease-in;
	transition: all 0.3s ease-in;
	cursor:pointer;
	-webkit-transition: 0.3s;
	transition: 0.3s;

}

a:hover,a:focus,a:visited {	
	text-decoration: none;
	outline: none;
	color: #000;
	
	-webkit-transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
	-ms-transition:all 0.2s ease-in;
	-o-transition:all 0.3s ease-in;
	transition:all 0.3s ease-in;

}


input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
	color: transparent;
}

i,
span,
a {
	display: inline-block;
}

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

li {
	display: inline-block;
}
.container{min-width: 1200px;}
.container-fluid{min-width: 1200px;}
.swiper-container{min-width: 1200px;}

.navbox{height: 110px;position: absolute;right:0;top: 0;z-index: 30;padding-right: 200px;}
.navbox li{ float: right;position: relative; width:150px;text-align: center;}
.navbox li a{color: #000; line-height: 110px;}
.navbox li a:hover{color: #000; font-weight: 500;}
.navbox li .aactive{color: #000;text-align: center; font-weight: 500;}
.navbox li:hover::after{
	content: "";
	width: 100px;
	height: 3px;
	position: absolute;
	background: #000;
	bottom: 0;
	left: 26px;
}
.navbox .ccactive::after{
	content: "";
	width: 100px;
	height: 3px;
	position: absolute;
	background: #000;
	bottom: 0;
	left: 26px;
}




.headleftbox{
	position: absolute;
	top: 0;
	left: 0;
	width: 162px;
	height: 100%;
	background: #fff;
	z-index: 40;
}
.headleftbox .logo{height: 162px;width:162px;text-align: center;}
.headleftbox .logo img{width: 88%;margin-top: 15px;padding-bottom: 10px;}
.headleftbox .logo a{color: #b2b2b2;padding-right: 6px;margin-top:5px;line-height: 15px;height: 15px;}
.headleftbox .logo .active{color: #000; font-weight:500;}
.headleftbox .logo .yycn{border-right: 2px #b2b2b2 solid;}

.headleftbox .logo1{height: 162px;width:162px;text-align: center;}
.headleftbox .logo1 img{width: 88%;margin-top:25px;}
.headleftbox .logo1 a{color: #fff;padding-right: 6px;margin-top:5px;line-height: 15px;height: 15px;}
.headleftbox .logo1 .active{color: #000; font-weight:500;}
.headleftbox .logo1 .yycn{border-right: 2px #fff solid;}


.headleftbottom{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 162px;
}
.headleftbottom li{width: 100%;height:90px;text-align: center;cursor: pointer;position: relative;}
.headleftbottom li a{width: 100%;height: 60px;display: block;}
.topwx{background: url(../images/wx.png) no-repeat center center;}
.topwx:hover{background: url(../images/wx-h.png) no-repeat center center;}
.topali{background: url(../images/ali.png) no-repeat center center;}
.topali:hover{background: url(../images/ali-h.png) no-repeat center center;}
.toptm{background: url(../images/tm.png) no-repeat center center;}
.toptm:hover{background: url(../images/tm-h.png) no-repeat center center;}

.wxbox{position: relative;}
.wxbox span{position: absolute;top: 0;left:158px; width: 0;overflow: hidden;-webkit-transition: 0.3s;transition: 0.3s;}
.wxbox:hover span{width: 205px;}

.searbox{position: relative;height: 90px;top:-70px;width: 550px;background: #fff;z-index: 200;border-top-right-radius: 5px;border-bottom-right-radius:5px;padding-left: 20px;-webkit-transition: 0.3s;transition: 0.3s;right:-160px;transform: scaleX(0);transform-origin: left center;
	  transition: transform .35s;}
.searbox input{text-decoration: none;outline: none;outline-width: 0 !important;border: 0;background: #e6e6e6;height: 40px;width: 400px;border-top-left-radius:20px;border-bottom-left-radius:20px;padding-left: 15px;float: left;margin-top: 25px;}
.searbox span{height: 40px;width: 60px;background: #83b5dc;color: #fff;line-height: 40px;display: block;float: left;margin-top: 25px;}

.searbox p{height: 90px;width: 40px;color: #83b5dc;font-size: 25px;line-height: 90px;display: block;float: right;}
.selected1{transform: scaleX(1);}

.headbottom{height: 200px;background: #fff;padding-left: 162px;min-width: 1440px;padding-top: 18px;}
.headbottom li{width: 24.7%;display: inline-block;}
.headbottom li img{display: block;float: left;width: 170px;}
.headbottom li h4{display: block;font-size: 16px;float:left;width: 148px;padding-left: 6px;padding-top:19px;height:95px;overflow: hidden;}
.headbottom li span{display: block;font-size: 14px;color: #83b5dc;font-weight: 500;width: 45%;float:left;padding-left: 6px;}
@media screen and (max-width: 1440px){
	.headbottom{height: 200px;background: #fff;padding-left: 162px;min-width: 1440px;padding-top:33px;}
	.headbottom li{width: 24.7%;display: inline-block;}
	.headbottom li img{display: block;float: left;width: 170px;}
	.headbottom li h4{display: block;font-size: 14px;float:left;width: 140px;padding-left:0;padding-top:19px;height:95px;overflow: hidden;}
	.headbottom li span{display: block;font-size: 12px;color: #83b5dc;font-weight: 500;width: 45%;float:left;padding-left:0;}
}


.homejjbj{position: relative; width:100%;padding: 0;}
.homejjbj img{width: 100%;position: relative;z-index: 1;}

.hcbox{position: relative;}
@media screen and (max-width: 1920px){
	.atbj{position: absolute;top:100px;left: 12%;z-index: 100;width: 512px;}
	.videobox{width:28%;position: absolute;top: 710px;left:12%;;z-index: 100;}
	.videobox .videohuangbj{position: absolute;top: -15px;left: -15px;width: 100%;background: #ffdb00;height: 75%;z-index: -1;}
	.htextbox{position: absolute;top:990px;right:110px;width:672px;z-index: 100;text-align: right;padding-left: 100px;}
	.htextbox p span{position: absolute;top: 220px; left: 306px;width: 275px;height: 84px;line-height: 84px;background: #83b5dc;color: #fff;font-size: 18px;display:block;text-align: center;border-radius: 50px;}
	.proxian .pttil a{display: block; margin-top: 34%;font-size: 22px;}
}
@media screen and (max-width: 1680px){
	.atbj{position: absolute;top:63px;left: 13%;z-index: 100;width: 500px;}
	.videobox{width:26%;position: absolute;top:632px;left:15%;;z-index: 100;}
	.videobox .videohuangbj{position: absolute;top: -15px;left: -15px;width: 100%;background: #ffdb00;height: 55%;z-index: -1;}
	.htextbox{position: absolute;top:856px;right:110px;width:672px;z-index: 100;text-align: right;padding-left: 100px;}
	.htextbox p span{position: absolute;top:198px; left: 306px;width: 275px;height: 84px;line-height: 84px;background: #83b5dc;color: #fff;font-size: 18px;display:block;text-align: center;border-radius: 50px;}
	.proxian .pttil a{display: block; margin-top: 34%;font-size: 22px;}
}

@media screen and (max-width: 1440px){
	.atbj{position: absolute;top:29px;left: 20%;z-index: 100;width: 432px;}
	.videobox{width:20%;position: absolute;top:535px;left: 23%;;z-index: 100;}
	.videobox .videohuangbj{position: absolute;top: -15px;left: -15px;width: 100%;background: #ffdb00;height: 55%;z-index: -1;}
	.htextbox{position: absolute;top:750px;right:110px;width:672px;z-index: 100;text-align: right;padding-left: 100px;}
	.htextbox p span{position: absolute;top:198px; left: 306px;width: 275px;height: 84px;line-height: 84px;background: #83b5dc;color: #fff;font-size: 18px;display:block;text-align: center;border-radius: 50px;}
	.proxian .pttil a{display: block; margin-top: 34%;font-size:18px;}
}

.htextbox p{line-height: 30px;color: #98989a;}


.videobox .hvid{background: #000;}
.videobox .hvid video{width: 100%; max-height: 405px;}
.videobox .hvid span{display: block;background: #000;font-size: 12px;color: #fff;padding:30px;line-height:30px;}

.cptop{text-align: center;}
.cptop h3{text-align: center;font-size: 30px;padding-top: 130PX;position: relative;}
.cptop h3::after{
	content: "";
	position: absolute;
	width: 2px;height: 90px;background: #cdcdcd;top: 0;left: 50%;
}
.cptop img{margin-top: 15px;}

.proxian{border-bottom: 1px #d6d6d6 solid; }
.proxian img{width: 100%;}
.proxian .pttil{text-align: center;font-weight: 500;}

.hnewsbox{position: relative;}
.hnewsbox img{width: 100%;}
.hmorenews{text-align: center;display: block;position: absolute;right:95px;bottom:108px;padding: 15px 30px;z-index: 100;border-radius: 50px;}
a.hmorenews{color: #fff;background: #83b5dc;}
.hmorenews:hover{background: #000;box-shadow: 0 3px 16px -2px #535353;}

.hnewlist{margin-top: 70px;}
.bian{width: 8%; display: inline-block;}
.zhongj{width: 27.5%;display: inline-block;padding: 40px;position: relative;padding-bottom: 70px;}
.zhongj::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 1px;
	background: #e9e8e8;
	height: 65%;
}
.zhongj h3{font-size: 20px;display: block;}
.zhongj p{display: block;width: 100%;padding-top:20px;color: #717171;height: 90px;overflow: hidden;}
.zhongj span{font-size: 40px;position: relative;margin-top: 40px;font-weight:550;}
.zhongj span b{font-size:14px;position: absolute;top:-9px;right:-28px;color: #717171;font-weight:600;}
.zhongj .hnmore{color: #83b5dc;font-size: 16px;display: block;font-weight:600;}
.zhongj a:hover .hnmore{color: #000000;}
.zhongj a:hover h3{color: #83b5dc;}
@media screen and (max-width: 1440px){
	.zhongj{width: 27.5%;display: inline-block;padding:33px;position: relative;padding-bottom: 70px;}
	.zhongj h3{font-size: 18px;display: block;}
	.zhongj p{display: block;width: 100%;padding-top:20px;color: #717171;font-size: 14px;}
}

.hbotot{background: #f4f5f9;}
.newwobox{padding: 100px;}
.newwobox a{background: #fff;width: 98%;height:100px;line-height:100px;text-align: center;font-size: 25px;font-weight: 500;}
.newwobox a:hover{background: #83b5dc;color: #fff;box-shadow: 0 3px 16px -2px #83b5dc;}


.footboxxxx{margin-top: 80px;margin-bottom:80px;height: auto;}
.footbian{width:7.2%; float: left; height:100px;}

@media screen and (max-width: 1920px){
	.footbian{width:13.2%; float: left; height:100px;}
}
@media screen and (max-width: 1680px){
	.footbian{width:15.2%; float: left; height:100px;}
}
@media screen and (max-width: 1680px){
	.footbian{width:16%; float: left; height:100px;}
}




.foot1{width:21%;  float: left;}
.foot1 h3{font-size: 18px;font-weight: 500;padding-bottom:15px;position: relative;}
.foot1 h3::after{
	content: "";
	position: absolute;
	width: 10px;height: 10px;border-radius: 10px;
	background: #000000;
	top:6px;left:-20px;
}
.foot1 a{display: block;line-height: 35px;height:35px;color: #717171;}
.foot1 a:hover{color: #83b5dc;}


.foot2{width:42%; float: left;}
.flbox{width: 50%;float: left;padding-bottom: 25px;}
.flbox h3{font-size: 18px;font-weight: 500;padding-bottom:15px;position: relative;}
.flbox h3::after{
	content: "";
	position: absolute;
	width: 10px;height: 10px;border-radius: 10px;
	background: #000000;
	top:6px;left:-20px;
}
.flbox li{display: block;}
.flbox a{display: block;line-height: 30px;color: #717171;}

.flbli li{width:35%;float:left;}
.flbox li a:hover{color:#83b5dc}



.foot3{width:21%; float: left;}
.foot3 h3{font-size: 18px;font-weight: 500;padding-bottom:13px;position: relative;}
.foot3 h3::after{
	content: "";
	position: absolute;
	width: 10px;height: 10px;border-radius: 10px;
	background: #000000;
	top:6px;left:-20px;
}
.foot3 h3 a:hover{color:#83b5dc}



@media screen and (max-width: 1680px){
	.footbian{width:12.2%;}
}
@media screen and (max-width: 1600px){
	.footbian{width:11.5%;}
}
@media screen and (max-width: 1440px){
	.footbian{width: 13%;}
	.foot1{width:15%;  float: left;}
	.foot2{width:47%; float: left;}
}

.footcopy{text-align: center;color: #fff;line-height: 40px;background: #83b5dc;padding: 20px 0;}
.footcopy p{width: 100%;text-align: center;}
.footcopy a{padding-right: 30px;color: #fff;}



.nytop h3{display: block;line-height:100PX;text-align: center; padding-top:50px;position:relative}
.nytop h3::after{
	content: "";
	position: absolute;
	top: 0;left: 50%;
		width: 2px;
		height:50px;
		background:#cdcdcd;
}
.prob{border-bottom: 1px #cdcdcd solid;}
.proclass li{width:19.7%;height:90px;line-height: 30px; position: relative;}
.proclass li a{font-size: 14px;font-weight: 500;}
.proclass li a:hover{color:#83b5dc;}

.proactive a{color:#83b5dc;position: relative;}
.proactive a::after{
	content: "";
	position: absolute;
	bottom: -9px;left: 0;width: 60px;height: 3px;background: #000000;	
}

.proclass li .xflbox{position: absolute;top:45px;left: 0; z-index: 800;width: 1000px;display: none;}
.proclass li .xflbox li{width: auto;line-height: 40px;height: 40px;float: left;padding-left: 10px;padding-right: 20px;}

.proclass .proactive  .xflbox{display: block;}



.proclass li .xflbox li a{color: #8d8d8d;font-size: 14px;}
.proclass li .xflbox li a::after{
	content: "";
	position: absolute;
	width: 6px;height:6px;border-radius:5px;
	background: #8d8d8d;
	top:17px;left:-11px;
}
/* .proclass li:hover  .xflbox li{display: block;} */
.proclass li .xflbox li a:hover{color:#83b5dc;}
.proclass li .xflbox li a.proxactive {color:#83b5dc;}
.proclass li .xflbox li a.proxactive::after{
	content: "";
	position: absolute;
	width: 6px;height:6px;border-radius:5px;
	background: #83b5dc;
	top:17px;left:0px;
}

.proclass li .xflbox li a:hover::after{
	content: "";
	position: absolute;
	width: 6px;height:6px;border-radius:5px;
	background: #83b5dc;
	top:17px;left:-11px;
}






.prolibox{background: #fafafa;padding-top:50px;}
.pro{width: 100%; margin-top: 30px;}
.pro a{width:98%;background: #fff;border-radius:15px;text-align: center;}
.pro a img{width: 100%;margin-top: 15px;}
.pro h5{font-size: 16px;font-weight: 500;text-align: center;margin-top: 12px;}
.pro span{display:block;color: #868686;padding-bottom: 6px;}
.pro .prlistna{display: block;padding:13px 0;color: #fff;background: #83b5dc;width: 130px;border-radius: 50px;font-size:18px;margin: 0 auto;margin-bottom:30px;margin-top: 20px;}
.pro a:hover{box-shadow:0 0 21px 9px #dbdbdb;}
.pro a:hover .prlistna{background: #000000;}

 
 
 .newtu{width: 200px;float: left;}
 .pptitleab{width: 960px;float: left;padding-left:20px;}
 .stspan1b{font-size:1.2rem;display: block;width:90%;padding-left: 20px;padding-bottom: 20px;}
 .stspan2b{display: block;width: 90%;padding-left: 20px;line-height: 40px;font-size: 14px;color: #c4c4c4;}
 .tupimg1{display: block;position: absolute;right: 20px;bottom: 70px;background: url(../images/m-a.jpg); width: 48px; height: 27px;}
 .prin2{width: 100%;display: block; border-bottom:2px #eee solid;padding-bottom: 20px;margin-bottom:40px;}
 .prin2:hover{border-bottom: 2px #83b5dc solid; color: #83b5dc;}
 .prin2:hover .stspan1a{color: #83b5dc;}
 .prin2:hover .stspan2a{}
 
 .fs-20{font-size: 20px;}
  .content{line-height: 25px;color: #575757;}
  .text-secondary{font-size: 14px;}
 
 .lh-2{font-size: 14px;color: #777}
 .lh-2 a{font-size: 14px;color: #777}
 .lh-2 a:hover{font-size: 14px;color: #68ba5b}
 
 .topbanner{height:400px;background: #69bf6a;background: url(../images/tubj.jpg) no-repeat;background-size:100% 100%;text-align: center;padding-top:180px;}
 .topbanner span{color: #fff; width:550px;padding-top:20px;}
 .topbanner h2{color: #fff; padding-top: 10px;padding-bottom: 10px;font-size: 60px;position: relative;width: 500px;display: block;margin: 0 auto;height: 100px;}
 .topbanner h2::after{
 	content: "";
 	position: absolute;
 	width:78px;
 	height: 4px;
 	background: #fff;
 	bottom: 0;
 	left:214px;
 }
  .navleftpr{margin-bottom: 20px;}
 .navleftpr h3{padding: 0;margin: 0;width: 100%;height: 55px;line-height: 55px;background: #83b5dc;color: #fff;font-size:16px;padding-left: 10px;}
  .navleftpr h3 i{font-size: 14px;}
 .navleftpr li{width: 100%;border-bottom: 1px dotted #a5a7aa;}
 .navleftpr li a{display: block;font-size: 14px;height: 50px;line-height: 50px;width: 100%;padding-left: 10px;}
  .navleftpr li a:hover{ background: #000; color: #fff;padding-left: 20px;}
  .navleftpr a.active{ background: #000; color: #fff;padding-left: 20px;}
  .navleftpr li i{font-size: 12px;}
 
 .abconte img{width: 100%;}
 /* 详情,上一页,下一页 */
 .clear{clear: both;}
 .two{  padding: 10px 0;  border-top: 1px dotted #a5a7aa;  border-bottom: 1px dotted #a5a7aa;width: 100%;  }
 .page_left{  float: left;  width: 435px;  border-right: 1px solid #d5d8dc;  }
  .page_left p{padding: 0;margin: 0;}
 .page_left a{  display: block;  padding: 20px;  margin-right: 25px;  }
 .page_left a:hover{  background: #83b5dc;  }
 .page_left a .page1{  width: 40px;  height: 40px;  background: url(../images/com/proprevious1.png) no-repeat;  float: left;  margin-right: 20px;  }
 .page_left a .page2{  font-size: 18px;  color: #808488;  padding:1px;  }
 .page_left a:hover .page2{  color: #1f1f1f;  }
 .page_left a .page3{  font-size: 14px;  color: #808488;  }
 .page_left a:hover .page3{  color: #1f1f1f;  }
 .page_right {  float: left;  width: 435px;  }
   .page_right p{padding: 0;margin: 0;}
 .page_right a {  display: block;  padding: 20px;  margin-left: 25px;  text-align: right;  }
 .page_right a:hover{  background: #83b5dc;  }
 .page_right a .page1{  width: 40px;  height: 40px;  background: url(../images/com/pronext1.png) no-repeat;  float: right;  margin-left: 20px;  }
 .page_right a .page2{  font-size: 18px;  color: #808488;  padding:1px;  }
 .page_right a:hover .page2{  color: #1f1f1f;  }
 .page_right a .page3{  font-size: 14px;  color: #808488;  }
 .page_right a:hover .page3{  color: #1f1f1f;  }