@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900|Roboto:300,400,500,600,700,800,900&display=swap');
*{cursor:pointer}
.bodyW{max-width:750px;margin:0 auto;position:relative;min-width:360px;}
html,
body {
	margin: 0 auto;
	color: #000;
	    background: #fff;
	    font: 14px/1.5;
		font-family: 'Arial';
	    outline: 0;
	}
.clear{clear: both;}
.clear1{clear: both;height: 0.05rem;width: 100%;background: #CECECE;}
.clear2{clear: both;width: 100%;height: 0.06rem;background: #f7f7f7;margin-top: 0.2rem;margin-bottom: 0.2rem;}
.home-head{
	position: fixed;
    max-width: 750px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    width: 100%;
    z-index: 2000;
    background-color: #fff;
	text-align: left;
	height: 0.8rem;
	-moz-box-shadow:0px 2px 4px #acacac; /* 鑰佺殑 Firefox */
	box-shadow:0px 2px 4px #acacac;
}
.home-head>img{height:0.8rem;}
.head-r{position: absolute;top: 0rem;right: 0.2rem;}
.head-homer{position: absolute;top: 0.2rem;right: 0.2rem;}
.head-homer img{height: 0.4rem;width: 0.4rem;}
.menubutton {width:.5rem; height:.5rem;cursor: pointer; }
.menubutton .menuicon{  height:.039rem;  margin-bottom: .125rem;  background: #00a0e9; }
.menubutton .menuicon.top{ animation:icon01 linear infinite 2s; }
.menubutton .menuicon.middle{ animation:icon02 linear infinite 2s; }
.menubutton .menuicon.bottom{ animation:icon03 linear infinite 2s; }
@keyframes icon01{ 0%{ width:100%;} 25%{ width:25%;} 100%{ width:100%;} }
@keyframes icon02{ 0%{ width:100%;} 50%{ width:25%;} 100%{ width:100%;} }
@keyframes icon03{ 0%{ width:100%;} 75%{ width:25%;} 100%{ width:100%;} }

.ny-head{
	position: fixed;
    max-width: 750px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    width: 100%;
    z-index: 2000;
    background-color: #fff;
	text-align: center;
	height: .8rem;
	-moz-box-shadow:0px 2px 4px #acacac; /* 鑰佺殑 Firefox */
	box-shadow:0px 2px 4px #acacac;
}
.ny-head>.back{position: absolute;top: 0.22rem;left: 0.2rem;color: #fff;}
.ny-head>.hedtxt{position: absolute;top:0;left:0;color: #fff;z-index: 100;height: 0.8rem;line-height: .8rem;text-align: center;color: #006ece;
width:6rem;margin-left: 0.75rem;margin-right: 0.75rem;overflow: hidden;
}

.ny-head>.back img{height: .36rem;}
.ny-head>.head-r{position: absolute;top: 0.22rem;;right: 0.2rem;}
.ny-head>.menubutton {width:.5rem; height:.5rem;cursor: pointer; }
.ny-head>.menubutton>.menuicon{  height:.039rem;  margin-bottom: .125rem;  background: #006ece; }
.ny-head>.menubutton>.menuicon.top{ animation:icon01 linear infinite 2s; }
.ny-head>.menubutton>.menuicon.middle{ animation:icon02 linear infinite 2s; }
.ny-head>.menubutton>.menuicon.bottom{ animation:icon03 linear infinite 2s; }
@keyframes icon01{ 0%{ width:100%;} 25%{ width:25%;} 100%{ width:100%;} }
@keyframes icon02{ 0%{ width:100%;} 50%{ width:25%;} 100%{ width:100%;} }
@keyframes icon03{ 0%{ width:100%;} 75%{ width:25%;} 100%{ width:100%;} }



/* 杞挱娴锋姤 */
.indexBanner{position:relative;z-index:5;margin-top:0.8rem;}
.indexBanner .slick-ban{overflow:hidden}
.indexBanner .slick-ban .item{height:3.15rem;overflow:hidden;}
.indexBanner .slick-ban .item img{display:block;width:100%;height:100%}
.indexBanner .slick-ban .slick-dots{position:absolute;bottom:.15rem;left:0;width:100%;font-size:0;text-align:center}
.indexBanner .slick-ban .slick-dots li{display:inline-block;vertical-align:middle;width:.4rem;height:.08rem;background-color:#eee;margin-left: 0.1rem;}
.indexBanner .slick-ban .slick-dots li button{font-size:0;background:0 0;border:none}
.indexBanner .slick-ban .slick-dots li.slick-active{background-color:#00a0e9;}

/* 鍙 */
.yqptsj{
	width: 100%;padding:0  0.2rem;
}
.yqptsj li{width: 24%;display: inline-block;text-align: center;color: #929292;vertical-align: middle;padding: 0.2rem 0;}
.yqptsj li span{line-height: 0.4rem;display: block;position: relative;padding-left:0.5rem ;text-align: left;font-size: 0.22rem;}
.yqptsj li span::after{
	content: "";
	position: absolute;
	width: 0.28rem;height: 0.28rem;
	background: url(../images/g.png) no-repeat;
	top: 0.06rem;left:0.17rem;
	background-size:100% 100% ;
}
.topbtj{width: 100%;padding: 0 .2rem;line-height: 0.8rem;height: 0.8rem;background: #f2f2f2;font-size: 0.35rem;font-weight: bold;color: #4967b7;text-transform:uppercase}

/* 寮瑰嚭鑿滃崟 */
#Scroll{position: fixed;z-index: 1000;top: 0;left: 0;width:7.5rem;height: 100%;background: #f7f7f7;
padding:1.1rem 0.5rem; overflow-y: auto;display: none; 
}
.leftnav{width: 100%;}
.leftnav>.navlist>a{font-size: 0.30rem;font-weight: 550;line-height: 0.8rem;}
.leftnav>.navlist>.leftnav2>li>a{line-height: 0.6rem;padding-left: 0.4rem;}

.glbox{border-top: 0.04rem  #C3C3C3 solid;width: 100%;padding-top: 0.4rem;}
.glbox a{width: 50%;display: block;float: left;height: 0.6rem;line-height: 0.6rem;}
.glbox a i{color: #C0C0C0;}
.closecd{width: 100%;background: #00a0e9;color: #fff;text-align: center;margin-top: 0.8rem;line-height: 1rem;height: 1rem;}



/* 寮瑰嚭 鍒嗙被鑿滃崟 */
#flmenu{position: fixed;z-index: 3000;top: 0;left: 0;width:0;height: 100%;
overflow-y: auto;overflow: hidden;
}
.max-scroll{position:absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;z-index: 100;opacity: .8;}
.leftnavcp{width:7.5rem;position: absolute;top: 0;left: 0;z-index: 200;padding:1.1rem 0.5rem; }
.leftnavcp>.navlist>a{font-size: 0.30rem;line-height: 0.8rem;color: #fff;}
.leftnavcp>.navlist>.leftnavcp2>li>a{line-height: 0.6rem;padding-left: 0.4rem;color: #fff;}
.closecdcp{width: 100%;background: #00a0e9;color: #fff;text-align: center;margin-top: 0.8rem;line-height: 1rem;height: 1rem;border-radius: 0.1rem;}

/* 棣栭〉鍏徃绠€浠 */
.aboutbox{width:100%; margin-top: 0.2rem;}
.aboutbox .imgleft{width:50%;float: left;}
.imgleft .ltitle{padding-left: 0.3rem;margin-top: 0.1rem;}
.imgleft .ltitle span{color: #006ece;}
.imgleft .ltitle h1{font-size: 0.25rem;color: #ff0000;margin-top: 0.06rem;margin-bottom: 0.06rem;}
.imgleft .ltitle p{font-size: 0.18rem;line-height: 0.25rem;}

.aboutbox .texright{width:50%;float: right;}
.texright .rtitle{padding-left: 0.2rem;}
.texright .rtitle span{color: #ff0000;}
.texright .rtitle h1{line-height: 0.5rem;font-size: .35rem; color: #00a0e9;margin-top: 0.4rem;position: relative;}
.texright .rtitle h1::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0.8rem;
	height: 0.01rem;
	background: #00a0e9;
}
.texright .rtitle a{display: block;padding: 0.2rem 0;}
.texright .rtitle a:hover{ color: #00a0e9;}
.texright .rimgt h3{font-size: 0.18rem;width: 60%;text-align: center;background: #035297;height: 0.5rem;line-height: 0.5rem ;color: #fff; margin-left: 20%;
margin-top: 1.2rem;}
.texright .rtitle p{font-size: 0.18rem;line-height: 0.3rem;}


/* 棣栭〉鎺ㄨ崘浜у搧 */
.tjprolist{width:100%;padding: 2%;background: #f7f7f7;}
.tjprolist h3{display: block;width: 100%;clear: both;margin-bottom: 0.2rem;font-size: 0.3rem;font-weight: bold;padding-left: 0.1rem;position: relative;}

.tjprolist h3 a{position: absolute;right: 0;top: 0;font-weight: 400;font-size:0.24rem;}
.tjprolist>ul>li{display: inline-block;width:48%;text-align: center;border-radius: 0.1rem;margin-top: 0.2rem;padding-top: 0.1rem;
margin-left:1%;
background: #fff;
vertical-align: top;

}
.tjprolist>ul>li>a>span{
	    margin-bottom: 0.2rem;
	    display: block;
	    width: 100%;
	    height: 0.8rem;
	    overflow: hidden;
	}
}
.tjprolist>ul>li>a>img{width: 100%;}

/* 棣栭〉鍦板浘 */
.ditubox{width: 100%;margin-top: 0.2rem;text-align: center;}
.ditubox h3{display: block;width: 100%;font-size:.35rem;text-align: center;}
.ditubox span{display: block;font-size: .2rem;width: 100%;text-align: center;color:#b6b6b6;margin-top: 0.2rem;padding-bottom: 0.2rem;}

/* 棣栭〉鎼滅储 */
.serbox{background: #f7f7f7; padding:.8rem .3rem;}
.serbox h3{width: 100%;text-align: center;font-size:.24rem;;}
.inpubox{width:7rem;height:.7rem;margin: 0 auto;position: relative;margin-top: .30rem;}
.inpubox input{width: 6.93rem;height: .7rem;line-height: .7rem;position:absolute;top: 0;left: 0;border: 1px #dcdcdc solid;border-radius: .5rem;background: #fff;z-index: 20;padding-left: 0.4rem;}
.inpubox span{position: absolute;top:.17rem;right:.23rem;z-index: 30;cursor: pointer;}
.inpubox span img{width:.35rem}


/* 棣栭〉鍒嗙被 */
.navclass{padding-bottom: 0.25rem;}
.navclass li{width: 24%;display: inline-block;text-align: center;margin-top: 0.25rem;vertical-align:top;}
.navclass li img{width: 0.8rem;}
.navclass li span{display: block;padding:0.05rem 0.2rem;line-height: 0.30rem;font-size: 0.22rem;}

/* 鐑棬浜у搧 */
.hotboxtit {clear: both;background: #f7f7f7;height: 0.8rem;line-height: 0.8rem;}
.hotboxtit h3{display: block;float: left;font-size: 0.36rem;padding-left: .2rem;font-weight: bold;height: 0.8rem;line-height: 0.8rem;}
.hotboxtit span{display: block;;float: right;font-size: .26rem;padding-right: 0.2rem;}

.hotboxlist{background: #fff;width:7.5rem;margin: 0 auto;padding: 0.2rem;position: relative;}
.hotboxlist .hotboxlistmore{
	position: absolute;top: 0.2rem;right: 0;
    width: 16%;
    text-align: center;
    height: 0.8rem;

    text-align: center;}
.nav-tabs {border-bottom: 3px solid #f7f7f7;}
.nav-tabs li{display: inline-block;height: 0.8rem;text-align: left;width: 30%;margin-bottom: 0.1rem;}
.nav-tabs .active{color: #67b2fe;}
.proboxli li{display: inline-block;width: 32.4%;padding: 0.1rem;vertical-align:top;}
.proboxli li .proimg{border: 1px #c9c9c9 solid;margin-top: 0.2rem;}
.proboxli li span{display: block;width: 100%;text-align: left;margin-top: 0.1rem;overflow: hidden; font-weight: bold;font-size: 0.22rem;}
.proboxli li p{display: block;width: 100%;color: #979797;font-size: 0.2rem;overflow: hidden;text-align: left;}






.footcopy{width: 100%;background: #eee;line-height: 0.5rem;text-align: center;color: #000;padding: 0.3rem 0;display: block;}
.footcopy span{display: block;width: 100%;}
.footcopy span a{color: #000;}

/* 鍐呴〉  鍏徃绠€浠 */
.bannerbox{width: 100%;height: 2.5rem;margin-top: 0.8rem; background:url(../images/about1.jpg) no-repeat;background-position: center center;background-size: 100%;}
.bannerbox h3{width: 100%;height: 2.5rem;padding-top: 1rem;text-align: center;color: #fff;font-weight: bold;font-size: .35rem;}

.conbox{padding: 0.2rem;}
.conbox h3{color: #004fa4;}
.conbox h5{color: ##0e67e7;position: relative;}
.conbox h5::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -.15rem;
    width: 1rem;
    height: .05rem;
    background: #0e67e7;
}
.conbox .abbox{margin-top: 0.4rem;color: #434343;}
.conbox .abbox img{width: 100%;}

/* 鍏徃绠€浠嬮噷闈㈠巶鎴 */
.tjcf{width:100%;padding: 2% 0;}
.tjcf h3{display: block;width: 100%;clear: both;margin-bottom: 0.2rem;font-size: 0.3rem;font-weight: bold;padding-left: 0.1rem;position: relative;}
.tjcf h3::after{
	content: "";
	position: absolute;
	top: 0;
	left: -0.15rem;
	height: 0.33rem;
	width: 0.08rem;
	background:#035297 ;
}
.tjcf h3 a{position: absolute;right: 0;top: 0;font-weight: 400;font-size:0.24rem;}
#imgshow>figure{display: inline-block;width:48%;text-align: center;margin-top: 0.2rem;
margin-left: 0.1rem;
padding: 0.1rem;
    border-radius: 0.1rem;
    box-shadow: 0 0 0.03rem rgba(34, 34, 34, 0.2);
    box-sizing: border-box;
	height: 3.7rem;
	float: left;
	overflow: hidden;
}
#imgshow>figure>li>span{display: block;width: 100%;padding: 0.1rem 0;
}
#imgshow>figure>li>a{height: 2.7rem;overflow: hidden;display: block;;width: 100%;}



/* 鑱旂郴鎴戜滑澶  鍏敤 */
.ny_nav{width:100%;background: #fff;height: .8rem; position: relative;}
.ny_nav h3{display: block;width: 100%;clear: both;font-size: 0.26rem;font-weight: bold;padding-left: 0.25rem;position: relative; line-height: .8rem;}
.ny_nav h3::after{
	content: "";
	position: absolute;
	top: .21rem;
	left:0;
	height: 0.33rem;
	width: 0.08rem;
}
.ny_nav a{position: absolute;right: 0;top: 0;font-weight: 400;font-size: 0.26rem;line-height: 0.8rem;width: 3rem;text-align: right;color: #000;padding-right: 0.2rem;}

/* 璧拌繘閼 */
.htitlebox{width: 100%;text-align: center;border-top:0.2rem #f7f7f7 solid;}
.htitlebox h3{height:1rem;line-height: 1rem;font-size: 0.36rem;font-weight: bold;}
.htitlebox h3 span{position: relative;}
.htitlebox h3 span::after{
	content: "";
	position: absolute;
	left: -0.7rem;
	top: 0.18rem;
	width: 0.56rem;
	height: 0.17rem;
	background:url(../images/t-l.png) no-repeat;background-size: 100% 100%;
}
.htitlebox h3 span::before{
	content: "";
	position: absolute;
	right: -0.7rem;
	    top: 0.18rem;
	width: 0.56rem;
	height: 0.17rem;
	background:url(../images/t-r.png) no-repeat;background-size: 100% 100%;
}

.habouttit{padding: 0.2rem;line-height: 0.4rem;color: #636363;font-size: 0.26rem;}
.aboutmore{display: block;width:2.5rem;height: 0.65rem;line-height: 0.65rem;text-align:center;border: 1px #1b85e9 solid;border-radius: 50px;color: #1b85e9;float: right;margin-right: 0.2rem;margin-top: 0.5rem;}


/* 浜у搧璇︽儏 */
/* 杞挱娴锋姤 */
.proluobo{position:relative;z-index:5;padding-top:.16rem}
.proluobo .slick-ban{overflow:hidden}
.proluobo .slick-ban .item{height:7.5rem;overflow:hidden;}
.proluobo .slick-ban .item img{display:block;width:100%;height:100%}
.proluobo .slick-ban .slick-dots{position:absolute;bottom:.15rem;left:0;width:100%;font-size:0;text-align:center}
.proluobo .slick-ban .slick-dots li{display:inline-block;vertical-align:middle;width:.1rem;height:.1rem;background-color:#eee;margin-left: 0.1rem;
border-radius: 1rem;}
.proluobo .slick-ban .slick-dots li button{font-size:0;background:0 0;border:none}
.proluobo .slick-ban .slick-dots li.slick-active{background-color:#00a0e9;}

.provtitle{width: 100%;padding: 0.3rem;background: #fff;border-top:0.15rem #f7f7f7 solid;}
.provtitle h3{font-size: 0.33rem;font-weight: bold;}
.provtitle .procs{padding: 0.2rem 0; line-height: 0.6rem;}
.provtitle .procs>ul>li{border-bottom: 0.02rem #ccc solid; height: auto; padding-top: 0.02rem;padding-bottom: 0.02rem;}
.provtitle .procs>ul>.mftitle{color: #006dd6;}
.provtitle .procs>ul>li h6{width:0.9rem;display: block;float: left;line-height: 0.7rem;height: 0.7rem;}
.provtitle .procs>ul>li span{width: 5.9rem;float: left;line-height: 0.7rem; overflow: hidden;}
.provtitle .procontent{line-height: 0.5rem;background: #fff;}
.provtitle .procontent p{line-height: 0.5rem;}
.xqtitl{width: 100%;height: 0.8rem;line-height: 0.8rem;text-align: center;background: #f7f7f7;}
.xqtitl span{font-weight: bold;font-size: 0.28rem;position: relative;}
.xqtitl span::after{
	content: "";
	position: absolute;
	left: -100%;
	    top: 50%;
	width: 1rem;height: 0.03rem;background: #000000;
}
.xqtitl span::before{
	content: "";
	position: absolute;
	right: -100%;
	    top: 50%;
	width: 1rem;height: 0.03rem;background: #000000;
}



 /* 璇︽儏,涓婁竴椤?涓嬩竴椤 */
 .clear{clear: both;}
 .two{  padding: 0.1rem 0;  border-top: 0.01rem dotted #a5a7aa;  border-bottom: 0.01rem dotted #a5a7aa;width: 100%;  }
 .page_left{  float: left;  width: 3.75rem;  border-right:  0.01rem solid #d5d8dc;  }
  .page_left p{padding: 0;margin: 0;}
 .page_left a{  display: block;  padding:0.2rem 0.5rem;  margin-right: 0.2rem;  }
 .page_left a:hover{  background: #006dd6; color: #fff; }
 .page_left a .page1{  width: 0.4rem;  height: 0.4rem;  background: url(../images/com/proprevious1.png) no-repeat;  float: left;  margin-right: 0.2rem; text-align: right; }
 .page_left a .page2{  font-size: 0.26rem;  color: #808488;  padding:0.01rem;text-align: right;font-weight: bold;  }
 .page_left a:hover .page2{  color: #fff;  }
 .page_left a .page3{  font-size: 0.26rem;  color: #808488; text-align: right; }
 .page_left a:hover .page3{  color: #fff;  }
 .page_right {  float: left;  width: 3.75rem;  }
   .page_right p{padding: 0;margin: 0;}
 .page_right a {  display: block;  padding:0.2rem 0.5rem;  margin-left: 0.2rem;  text-align: left;  }
 .page_right a:hover{  background: #006dd6;  color: #fff;  }
 .page_right a .page1{  width: 0.4rem;  height: 0.4rem;  background: url(../images/com/pronext1.png) no-repeat;  float: right;  margin-left: 20px;  }
 .page_right a .page2{  font-size:0.26rem;  color: #808488;  padding:.01rem; font-weight: bold;  }
 .page_right a:hover .page2{  color: #fff;  }
 .page_right a .page3{  font-size: 0.26rem;  color: #808488;  }
 .page_right a:hover .page3{  color: #fff;  }
 
 
 /* 鏂伴椈鍒楄〃 */
 .newslistbox{width: 100%;padding: 0.2rem;}
  .newslistbox li{width: 100%;clear: both;border-bottom: 1px #ddd solid;padding-bottom: 0.2rem;margin-bottom: 0.2rem;}
 .newslistbox li img{width: 2.57rem;height: 1.77rem;float: left;display: block;}
 .newslistbox li .newrighttt{width: 4.35rem;float: right;}
  .newslistbox li .newrighttt h3{overflow: hidden; font-size: 0.3rem;}
 .newslistbox li .newrighttt p{color: #807f7f;font-size: 0.24rem;margin-top: 0.2rem;height: 1.05rem;overflow: hidden;line-height: 0.28rem;}
 
 
 /* 鏂伴椈璇︽儏 */
 .newvtitle{width: 100%;padding: 0.2rem;}
 .newvtitle h3{width: 100%;display: block;font-size: 0.3rem;font-weight: 100;border-bottom: 1px #ccc solid;padding: 0.2rem 0;}
  .newvtitle .newimg{width: 100%;margin-top: 0.2rem;}
    .newvtitle .newimg img{width: 100%;}
 .newvtitle .newcontent{line-height: 0.5rem;color: #333;padding-top: 0.25rem;}
  .newvtitle .newcontent p{}
  
  
  /* 鍒嗕韩鎻愮ず */
  .fxtjbox{
	  position: fixed;
	  	right:0;
	  	top: 0;
	  	width:7.5rem;
		height: 100%;
	  	z-index: 10000;
		display: none;
  }
  .fxtjbox .fxbj{background: #000;opacity: 0.7;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 100;}
  .fxtjbox img{position: absolute;top: 0;left: 0;z-index: 200;}
  
  .contactcom{width: 100%;}
  .contactcom h3{font-size: 0.3rem;}
  .contactcom p{color: #979797;padding-top: 0.3rem;padding-bottom: 0.3rem;}
  .contactcom .concompname{font-size: 0.3rem;font-weight: bold;padding-top: 0.3rem;padding-bottom: 0.3rem;}
  .contactcom li{line-height: 0.8rem;}
  .contactcom li a{color: #000}
  
  .bootewm{width: 100%;background: #67b1fe;color: #fff;padding: 0.2rem;}
  	.bootewm .ewmleft{width: 4.8rem;float: left;font-size: 0.28rem;}
  	.bootewm .ewmleft li{padding:0.1rem 0;}
   .bootewm .emwright{float: right;text-align: center;font-size: 0.28rem;}
  .bootewm .emwright img{width: 2.05rem;height: 2.05rem;}