@charset "utf-8";
/* CSS Document */

/*初始化*/
html { font-family:"微软雅黑"; background:#fff;} 
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, dl, dt, dd, input,figure { margin: 0; padding: 0; }
body { -webkit-overflow-scrolling: touch; text-align:left;  max-height: 100%; max-width:640px; margin:0 auto; background:#eaeaea; }
a, a:hover { text-decoration: none; outline: none;  }
li { list-style: none }
img { border: none; max-width:100%; margin:0 auto; padding:0; display:block; }
input, select, textarea { border: none; outline: none; background: none }
em,i { font-style: normal }
h1, h2, h3, h4, h5, h6 { font-weight: normal }
.clear{clear:both; width:100%; overflow:hidden;}
.jz{ width:1200px; margin:0 auto;}
.clearfix::after{ clear: both; display: block; height: 0; content: '';}
.verticalcenter{ position: relative;   top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%);    transform: translateY(-50%);}
/* clear */
.fn-clearfix:after { display: block; font-size: 0; content: '\0020'; clear: both; height: 0; }
.fn-clearfix { zoom: 1; /*for IE6 IE7*/ }
.fn-clear { visibility: hidden; clear: both; }

/*header*/
.header {background:#fff;}
.header .logo {  float:left; z-index:5; position:relative  }
.header .logo img {/*width:3.59rem; */height:1.3rem; margin: 0.11rem 0 0.11rem 0.2rem;}
.header .tel{  float: right;  }
.header .tel img{ height:1.3rem; padding: 0.12rem 0; float: right; margin-right:0.1rem  }

/* banner -------------------------------------- */
	.focus{ width:10rem; height:100%;  margin:0 auto; position:relative; overflow:hidden;   }
	.focus .hd{ width:100%; height:5px;  position:absolute; z-index:1; bottom:0; text-align:center;  }
	.focus .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box; height:5px; background-color:rgba(51,51,51,0.9); border-top:1px solid #fff;  }
	.focus .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; }
	.focus .hd ul .on{ background:#1469a2;  }
	.focus .bd{ position:relative; z-index:0; }
	.focus .bd li img{ width:100%;  height:100%;  } 
	.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }
	
	
.focusBox { position: relative; width:100%; /*height:450px;*/ overflow: hidden; }
	.focusBox .pic{ position:relative; z-index:0; }
	.focusBox .pic img { width:100%; /*height:450px;*/ display: block; }
	.focusBox .hd { width:100%; position: absolute; bottom: 10px; text-align: center; font-size:0; z-index:1; }
	.focusBox .hd li{margin: 0 5px; background: url(../images/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer;
		display:inline-block; *display:inline; zoom:1;  _background: url(../images/dot8.png) no-repeat 0 -16px;
	}
	.focusBox .hd .on{ background-position:0 0; }

	.focusBox .prev,
	.focusBox .next { width: 40px; height: 60px; margin: -40px 0 0; display: none; background: url(../images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }
	.focusBox .prev { left: 0; }
	.focusBox .next { background-position: 0 -60px; right: 0; }
	.focusBox .prev:hover,
	.focusBox .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }	
	
	
	
	
	/*banner*/
.block_home_slider{  z-index:4;position: relative;background-color: #ffffff;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;behavior: url(js/PIE.htc); /*半透明兼容*/text-align: center;line-height: 0px;margin-right: auto;margin-left: auto;} /*底部小图标*/
.block_home_slider .slide{position:relative;}
.block_home_slider .flex-direction-nav a{width:25px; height:25px; margin-top:-17px; display:block; position:absolute; top:50%; background-repeat:no-repeat; background-image:url(../images/sprite_arrow_2.png); text-indent:-9000px;}
.block_home_slider .flex-direction-nav a.flex-prev{left:6px; background-position:left top;}
.block_home_slider .flex-direction-nav a.flex-prev:hover{background-position:left bottom;}
.block_home_slider .flex-direction-nav a.flex-next{right:6px; background-position:right top;}
.block_home_slider .flex-direction-nav a.flex-next:hover{background-position:right bottom;}
.block_home_slider .flex-control-paging{ width:10rem; margin:0 auto; position:absolute; bottom:10px; text-align:center;}
.block_home_slider .flex-control-paging li{margin: 2px;padding: 0px; display:inline-block;overflow: hidden;list-style-type: none;}
.block_home_slider .flex-control-paging li a{width:15px; height:15px; display:block; background-repeat:no-repeat; background:url(../images/dot.png) center bottom; text-indent:-9000px; cursor:pointer;}
.block_home_slider .flex-control-paging li a.flex-active{background-position:center top;}
.block_home_post_feature{width:300px;}
.block_home_post_feature p{padding-bottom:0px;}
.flexslider{margin: 0; padding: 0;}
/*.flexslider .slides > li{display: none;-webkit-backface-visibility: hidden;list-style-type: none;} 
*//* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img{width: 100%; display: block;}
.flex-pauseplay span{text-transform: capitalize;}
	
	
/*wap*/
.wrap { width:100%; color:#4b4b4b; }
/*nav*/
.nav { padding:0.50rem 0 0.58rem;}   
.bt2{font-size: 40px; color: #000; margin: 0 0 20px;font-weight: 400!important; text-align:center;}
.bt3{font-size: 20px;color: #999; margin:0 0 10px 0; line-height:32px; font-weight: 400!important; text-align:center;}
.bt33{font-size: 20px;color: #999; margin:0 0 10px 0; line-height:32px; font-weight:800 !important; text-align:center;}

.nav ul{ margin:0 17px;}
.nav li{text-decoration: none;  }
.nav li a{ font-size: 22px; color: #00a0e9; height: 60px; line-height: 60px; text-align: center; border: 1px solid #00a0e9; float: left; display: inline-block; padding: 0; margin: 15px; width: 170px; letter-spacing: 0.1em; }
.bt_k{ text-align:center; margin-bottom:12px;}
.bt_k .bt2{ margin-bottom:6px; font-size:34px;}
.bt_k span{ display:block; width:38px; height:2px; background:#0368b9; margin:0 auto;}
.more{ display:block;}
.more a{ font-size:18px; color:#222; width:206px; text-align:center; line-height:50px; height:50px; display: table; border:1px solid #222; margin:10px auto 30px;}



/*nav*/
.nav-1 { padding:0.27rem 0 0.00rem;}
.nav-1 h2{ text-align:center;display:block; color:#0186f4; margin:0.1rem auto ;font-size:20px;line-height: 1.23rem; height: 1.23rem;}

.nav-1 li { float:left; width:48%; text-align:center; margin:0.14rem auto; padding:0 0.1rem;}
.nav-1 li .p1 { font-size:18px; color:#1b1b1b; margin-top:0.16rem;text-align:center;}
.nav-1 li img { width:4.91rem; height:3.22rem; margin:0 auto;}

.khjz{ display:block; width:100%; background:#efefef; padding:18px 0 8px;}
/*nav*/
.nav-2 { padding:0.27rem 0 0.58rem;/*border-top:2px #eaeaea double;*/}

.nav-2 li { float:left; width:33%; text-align:center; margin:0.31rem auto 0;}
.nav-2 li .p1 { font-size:14px; color:#1b1b1b; margin-top:0.16rem;text-align:center;}
.nav-2 li img { width:3.2rem; height:2.41rem; margin:0 auto;}
.k5_team-1{ width:9.8rem;  overflow:hidden; position:relative; margin:0 0.1rem;  }	
.k5_team-1 .bd-1{ padding:10px 0;   }
.k5_team-1 .bd-1 ul{ overflow:hidden; zoom:1; }
.k5_team-1 .bd-1 ul li{ margin:0 0.05rem; float:left; _display:inline; overflow:hidden; text-align:center;  }
.k5_team-1 .bd-1 ul li .pic{ text-align:center; }
.k5_team-1 .bd-1 ul li .pic img{    width: 3.2rem; height: 2.41rem; margin: 0 auto;display:block; }
.k5_team-1 .bd-1 ul li p{ text-align:center; font-size:18px; line-height:38px; height:38px;}
.k5_team1-1 img{ width:9.19rem; display:block; margin: 0 auto;}


/*nav*/
.nav-7 { padding:0.27rem 0 0.58rem;}
.nav-7 h2 img{width:6.61rem; height:1.61rem; margin:0 auto; margin-bottom:0.3rem;}

.nav-7 li { float:left; width:25%;/* text-align:center;*/ margin:0.31rem auto 0;}
.nav-7 li .p1 { font-size:14px; color:#1b1b1b; margin-top:0.16rem;text-align:center;}
.nav-7 li img { width:1.81rem; height:2.50rem; margin:0 auto;}



/*nav*/
.nav-4 { padding:0.27rem 0 0.58rem;}
.nav-4 h2{ text-align:center;display:block; color:#0186f4; margin:0.3rem auto ;font-size:36px;  margin-bottom:0.26rem;}
.nav-4 h2 img{width:6.61rem; height:1.61rem; margin:0 auto;}
.nav-4  {/* float:left; width:25%;*/ /*text-align:center;*/ margin:0.31rem auto 0;line-height: 0.63rem;}
.nav-4  p { font-size:14px; color:#1b1b1b; margin:0.46rem;/*text-align:center;*/}
.nav-4 .cx-t img { /*width:1.61rem; height:1.61rem;*/ margin:0 auto; width:95%; height:95%; padding:0.2rem;}

/*nav*/

.nav-5 { padding:0.27rem 0 0.58rem;}
.nav-5 h3{ text-align:center;display:block; color:#0186f4; margin:0.3rem auto ;  margin-bottom:0.26rem;}
.nav-5 h3 img{width:6.61rem; height:1.61rem; margin:0 auto;}

.nav-5 li { float:left; /*width:25%; text-align:center;*/ margin:0.31rem auto 0;}
.nav-5 li a h2 { font-size:20px;  background:url(../images/li-1.jpg) no-repeat left ; padding-left:0.86rem; color:#1b1b1b; margin:0.26rem;/* margin-top:0.16rem*/;/*text-align:center;*/line-height: 0.43rem;}
.nav-5 li a p {/* width:1.61rem; height:1.61rem;*/  font-size:14px; color:#333; margin:0.26rem;line-height: 0.63rem;}





.tel1{ margin:0.3rem auto; display: inline-block; text-align:center; width:10rem;}
.tel11{ margin:0.3rem auto; display: inline-block; text-align:center; width: 7.05rem; height: 0.83rem;  background:url(../images/ico8.jpg) no-repeat center center; background-size:7.05rem 0.83rem;}

.tel1 img{ width: 7.05rem; height: 0.83rem; margin: 0 auto;}
/*k1*/
.k1 h1{  display:block; font-size:50px; font-weight:bolder; color:#0186f4;  border-bottom:2px solid #0186f4; padding:0 0 0.2rem 0.47rem; margin-bottom:0.2rem;}
.k1 h1 span{ color:#333333;}
.k1 h2{ font-size:34px; color:#0186f4; padding:0.1rem 0 0.1rem 0.47rem; line-height:0.8rem; font-weight:bolder;}
/*k2*/
.k2 h1 span,.k3 h1 span,.k4 h1 span{ color:#0186f4;}
.k2,.k3,.k4,.k5{ display: inline-block; width:10rem;}
.bt{font-weight:bolder;display:block; color:#fff; margin:0.3rem auto ; padding-left:0.47rem; font-size:42px; line-height: 1.53rem; height: 1.53rem; background:#0186f4 /*url(../images/ico5.png) no-repeat center right*/; }
.bt span img{ float:right; width: 2.19rem; height: 1.53rem;}

.k2 h1{ margin-left:0.57rem; padding-left:0.6rem; line-height:1rem; font-size:30px; color:#252525; display:block;  background:url(../images/ico6.png) no-repeat center left; background-size:0.47rem 0.64rem;}
.bt1{ background:#d1d1d1; display:block; color:#151515; margin:0.3rem auto ; padding-left:0.47rem; font-size:36px;/*font-weight:bolder; */line-height: 1.23rem; height: 1.23rem;}
.k3 h1{margin-left:0.57rem; padding-left:0.6rem; line-height:1rem; font-size:26px; color:#252525; display:block;  background:url(../images/ico7.png) no-repeat center left; background-size:0.47rem 0.55rem;}
.k2 h3{ font-size:34px; line-height:0.8rem; margin:0.36rem auto; margin-left:0.6rem; color:#0186f4; font-weight:bolder;}
.k4 h1{margin-left:0.57rem; padding-left:0.6rem; line-height:1rem; font-size:24px; color:#252525; display:block;  background:url(../images/ico7.png) no-repeat center left; background-size:0.47rem 0.55rem;}


.k5{ }
/*.k5 h2{ text-align:center;display:block; color:#0186f4; margin:0.1rem auto 0.0rem ;font-size:20px;line-height: 0.45rem; height: 1.08rem;}
*/.k5 p{ /*text-indent:8mm;*/ display:block; color:#000000; margin:0 0.4rem 0.1rem ;font-size:20px;line-height: 0.56rem; padding-top:0.0rem;letter-spacing: 0.04em;}

.k5 span img{ width:10rem; display:block;}
.k5_team{ width:9.2rem;  overflow:hidden; position:relative; margin:0 0.4rem;  }	
.k5_team .bd{ padding:10px 0;   }
.k5_team .bd ul{ overflow:hidden; zoom:1; }
.k5_team .bd ul li{ margin:0 0.09rem; float:left; _display:inline; overflow:hidden; text-align:center;  }
.k5_team .bd ul li .pic{ text-align:center; }
.k5_team .bd ul li .pic img{ width:2.12rem; height:1.54rem; display:block; }
.k5_team1 img{ width:9.19rem; display:block; margin: 0 auto;}



/*产品*/
.mr_frbox h2{ text-align:center;display:block; color:#fff; margin:0.0rem auto ;font-size:20px;line-height: 1.43rem; height: 1.43rem;}
.mr_frbox h2 span{ font-size:24px; font-weight:bolder;}
.mr_frbox { /*height: 130px;*//* width: 540px;*/ background:#3d3d3f; padding-bottom:0.8rem;margin:0.3rem 0;}
.mr_frBtnR { float: right; margin-top: 28px; cursor: pointer;}
.mr_frUl ul li { display: inline; float: left; margin:0 0.14rem; /*height: 115px; width: 125px; margin-right: 13px;*/ overflow: hidden; }
.mr_frUl ul li img { display: block; margin-bottom: 7px; width:2.2rem; height:1.22rem; display:block; }




.fu {width:10rem;height:3.1rem;position:relative; float:left; display:block; margin-bottom:0.3rem;}
/*.fu .prev{width:40px; height:40px;position:absolute;top:3.08rem; left:0.1rem; z-index:100; cursor:pointer; background:url(../images/jt1.png) no-repeat; background-size:40px 40px;  }
.fu .next{width:40px; height:40px;position:absolute;top:3.08rem; right:0.1rem; z-index:100; cursor:pointer; background:url(../images/jt2.png) no-repeat; background-size:40px 40px;  }*/
.fu .scrollWrap{width:9.6rem;overflow:hidden;position:absolute; margin:0.2rem 0.2rem; }
.fu  dl{float:left;width:3.01rem; height:2.74rem;text-align:center;position:relative; margin:0 0.095rem; position:relative}
.fu  dl a{  width:3.01rem; height:2.74rem; display:block; color:#fff; }
.fu  dl a img{ width:2.97rem; height:1.78rem; display:block; border:1px solid #bababa;}
.fu  dl a h1 {width:2.84rem; margin:0 2px;height: 0.8rem; font-weight:bolder;text-align: center;line-height: 0.8rem;font-size: 16px; color: #4b4b4b; }
.fu  dl a h1{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-line-clamp:1;}

/*新闻切换*/
.sy_xw{margin:0.2rem auto 0;}
.sy_xw_bt{height:0.96rem; position:relative;line-height:0.96rem; /*padding:0 0.05rem;*/}
.sy_xw_bt a { float:left; width:3.333rem;background:#d1d1d1; line-height:0.96rem; text-align:center; color:#1a1a1a;  font-size:30px;cursor: pointer; }
.sy_xw_bt .active {color:#fff; background:#0186f4;cursor: pointer;}

.box_qh1 { width:100%;  overflow:hidden;}
.box_qh1 .hd { height:0.96rem; position:relative;line-height:0.96rem; /*padding:0 0.05rem;*/}
.box_qh1 .hd li { float:left; width:3.333rem;background:#d1d1d1; line-height:0.96rem; text-align:center; color:#1a1a1a;  font-size:30px;cursor: pointer; }
.box_qh1 .hd li.on {color:#fff; background:#0186f4;cursor: pointer; }
.box_qh1 .bd { }
.xw{ margin:0.3rem 0;}
.xw li {border-bottom:1px dashed #868686; width:9rem; margin:0 auto;  height:0.9rem; line-height:0.9rem;}
.xw li a { font-size:18px; color:#555555; padding:0 0.15rem; display:block; float:left;width:8.7rem;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-line-clamp:1;}
.xw li span { float:right; display:block;color:#5c5c5c;}
/*新闻*/
.box_qh2 { width:100%;  overflow:hidden;}
.box_qh2 .hd { height:0.96rem; position:relative;line-height:0.96rem; /*padding:0 0.05rem;*/}
.box_qh2 .hd li { float:left; width:5rem;background:#d1d1d1; line-height:0.96rem; text-align:center; color:#1a1a1a;  font-size:30px;cursor: pointer; }
.box_qh2 .hd li.on {color:#fff; background:#0186f4;cursor: pointer; }
.box_qh2 .bd { }

/*fo*/
.fo{ background:#252728; width:100%; text-align:center; padding-bottom:1.52rem;}
.fo_top{ border-bottom:1px solid #0f1213; text-align:center;}
.fo_top h1{ background:url(../images/fo1.png) no-repeat center left; padding-left:0.78rem; background-size:0.78rem; font-size:26px; color:#0186f4; line-height:1rem; display:inline-block;}
.fo_top1 h1{ background:url(../images/fo2.png) no-repeat center left; padding-left:0.78rem; background-size:0.78rem; font-size:26px; color:#0186f4; line-height:1rem; display:inline-block;}

.fo_w{ border-top:1px solid #2f2f2f; font-size:18px; line-height:0.7rem; color:#bfbfbf; padding:0.36rem 0;}
.fo_w a{ color:#bfbfbf;}


/*footer*/
.footer { background:#6c6c6c;position:fixed; bottom:0; width:10rem; z-index:5000;height: 1.38rem; }
.footer ul li { float:left;  text-align:center;vertical-align: sub;}
.footer ul li a { display: block; font-size: 14px; color: #fff; vertical-align: sub;}
.footer ul li .fo1 { line-height:1.38rem; height:1.38rem; display: inline-block;  font-size: 24px; color: #fff; width:2.13rem; border-right:1px solid #404142;   }
.footer ul li .fo3 { line-height:0.85rem; height:1.08rem; display: inline-block; background:url(../images/top.png) 0rem 0px no-repeat;width:1.38rem;    font-size: 14px; color: #fff; background-size:1.38rem 1.38rem;   }
/*.footer ul li .foo{
-webkit-animation:flash 2s .3s infinite ease both;
-moz-animation:flash 2s .3s infinite ease both;}
@-webkit-keyframes flash{
0%,50%,100%{opacity: 1;}
25%,75%{opacity: 0;}
}
@-moz-keyframes flash{
0%,50%,100%{opacity: 1;}
25%,75%{opacity: 0;}
}*/

.footer ul li a img { width:0.59rem; height:1.08rem;/*vertical-align: sub;*/ }
.footer ul li a p { margin-top:5px; font-size:16px;}
.info { font-size:18px;width: 8.4rem;height: 27px;line-height: 28px;text-align: center;margin: 8px auto; border: 1px dashed #ccc;border-left: none;border-right: none;color: #6f6f6f;}

@media screen and (max-width:414px) {
.k1 h1{ font-size:40px;}
.k1 h1 span{ color:#333333;}
.k1 h2{font-size:23px; }
.bt{ font-size:32px; }
.k2 h1{font-size:21px;}
.bt1{font-size:28px;}
.k3 h1{font-size:17px;}
.k2 h3{ font-size:24px;}
.k4 h1{font-size:16px; }
.box_qh1 .hd li,.box_qh2 .hd li,.sy_xw_bt a{  font-size:22px;cursor: pointer; }
.xw li a { font-size:15px; }
.fo_top h1,.fo_top1 h1{ font-size:18px;}
.fo_w{ font-size:15px; }
/*.footer ul li .fo1 {font-size: 16px; }
*/.fu  dl a h1 { font-size: 14px;  }


	}
@media screen and (max-width:375px) {
.k1 h1{ font-size:38px; }
.k1 h1 span{ color:#333333;}
.k1 h2{ font-size:20px;  }
.bt{  font-size:28px;}
.k2 h1{  font-size:18px; }
.bt1{ font-size:26px;}
.k3 h1{ font-size:15px;}
.k2 h3{ font-size:24px;}
.k4 h1{font-size:14px; }
.box_qh1 .hd li,.box_qh2 .hd li,.sy_xw_bt a{ font-size:18px;cursor: pointer; }
.xw li a { font-size:14px; }
.fo_top h1,.fo_top1 h1{font-size:18px;}
.fo_w{  font-size:14px; }
/*.footer ul li .fo1 { font-size: 15px;width:2.12rem;   }
*/.fu  dl a h1 {font-size: 14px; }
	}
@media screen and (max-width:360px) {
.k1 h1{  font-size:36px; }
.k1 h1 span{ color:#333333;}
.k1 h2{font-size:20px;  }
	}


@media screen and (max-width:320px) {
.nav li .p1 { font-size:15px; color:#828282; /*color:#1b1b1b;*/ margin-top:0.16rem;text-align:center;}
.k1 h1{  font-size:32px; }
.k1 h1 span{ color:#333333;}
.k1 h2{ font-size:17px;}
.bt{  font-size:26px; }
.k2 h1{ font-size:16px;}
.bt1{  font-size:22px; }
.k3 h1{ font-size:13px;}
.k2 h3{ font-size:20px; }
.k4 h1{font-size:12px;}
.box_qh1 .hd li,.box_qh2 .hd li,.sy_xw_bt a { font-size:16px;cursor: pointer; }
.xw li a { font-size:12px; }
.fo_top h1,.fo_top1 h1{ font-size:15px; }
.fo_w{  font-size:12px;}
/*.footer ul li .fo1 {font-size: 14px;width:2.12rem;   }
*/.fu  dl a h1 {font-size: 12px; }




}

.zuix1{width:8.8rem; padding:0.2rem 0.1rem;line-height:25px;text-align:center;font-size:20px;font-weight:bold;color:#fff;background-color:#057AD7;margin: 0 auto}
.xp{width:98%;margin:0 auto;margin-top:8px;}
.shang{ font-weight:bold; text-align:center; color:#000; width:10rem;}
.shang a{color:#000}