.clf:before,.clf:after ,.clear:before,.clear:after{content:""; display:table; }
.clf:after , .clear:after{clear:both;}
.clf, .clear{*zoom:1;/*IE/7/6*/ }
 input {-webkit-appearance:none; /*去除input默认样式*/ border-radius:0px;} 
body{ background:#ededed;}
.head-bar{color:#4c4c4c; border-bottom:none;position:inherit;}
.head-bar-title{ color:#000;font-size:.18rem;}
.head-bar-title > form{ display:block; width:100%; background:#f0f2f5; border-radius:24px; height:24px; margin-top:12px;}
.head-bar-title > form > button{ display:block; float:left; background:none; height:24px; border:none; padding:0px;}
.head-bar-title > form > button img{ height:16px; width:inherit; margin-left:10px; padding-top:0px;}
.head-bar-title > form > input[type="text"]{ display:block; border:none; float:left; height:24px; background:none; padding:0; width:70%; margin:0 10px 0 10px;}
.hf{ display:block; width:100%; background:#ededed}
.home-head {width:100%;/*{if $background}background:#007AFF url('{$background}') no-repeat;{else}background:#007AFF url('static/img/home-background.png') no-repeat;background-size:512px 100px;{/if}*/; display:block; overflow:hidden; position: relative;}
.home-head > .img-box{float:left;border:#FFFFFF 2px solid;border-radius:50%; left:.1rem; ;position:absolute;}
.home-head > .home-head-bg{ width:100%; border:none; border-radius:0; margin:0; }
.home-head ul {float:left;position:absolute; left:.8rem; top:.05rem;}
.home-head li {height:.26rem;line-height:.26rem;color:#FFFFFF;text-shadow:0 1px 1px #FAFAFA;}
.home-head strong {font-size:16px;font-weight:normal;}
/*banner*/
/*banner*/
.bx-wrapper {position: relative;margin: 0 auto;padding: 0;*zoom: 1;}
.bx-wrapper img {width: 100%;display: block;}
/** THEME
===================================*/
.bx-wrapper .bx-viewport {-webkit-transform: translatez(0);-moz-transform: translatez(0);-ms-transform: translatez(0);-o-transform: translatez(0);transform: translatez(0);}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {position: absolute;bottom: .1rem;width: 100%;}
/* LOADER */
.bx-wrapper .bx-loading {min-height: 50px;background: url(../img/bx_loader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;}
/* PAGER */
.bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;color: #666;padding-top: 20px;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #666;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 5px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #325ADB ;}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev:hover {background-position: 0 0;}
.bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -16px;outline: 0;width: 32px;height: 32px;text-indent: -9999px;z-index: 9999;}
.bx-wrapper .bx-controls-direction a.disabled {display: none;}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {text-align: center;}
.bx-wrapper .bx-controls-auto .bx-start {display: block;text-indent: -9999px;width: 10px;height: 11px;outline: 0;margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {background-position: -86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop {display: block;text-indent: -9999px;width: 9px;height: 11px;	outline: 0;background: url(../images/controls.png) -86px -44px no-repeat;	margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {background-position: -86px -33px;}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left;width: 80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0;width: 35px;}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {position: absolute;bottom: 0;left: 0;background: #666\9;background: rgba(80, 80, 80, 0.75);width: 100%;}
.bx-wrapper .bx-caption span {color: #fff;font-family: Arial;	display: block;	font-size: .85em;padding: 10px;}
.bx-controls-direction{ display:none !important;}
/*banner结束*/
.home-quick {height:70px;background:#FFFFFF;text-align:center;padding:15px 0;}
.home-quick li {width:25%;float:left;}
.home-quick img {width:46px;margin:0 0 6px 0;}
.home-quick span {display:block;font-size:12px;}
/*nav*/
nav{ width:100%; display:block; background:#fff;}
nav > ul{ display:block; width:100%;}
nav > ul > li{ display:block; width:25%; float: left; padding:10px 0; cursor:pointer; margin:0}
nav > ul > li img{ height:30px;width:30px;display:block; margin:auto;}
nav > ul > li span{ display:block; width:100%; font-size:14px; color:#666; text-align:center; padding:5px 0}
nav > ul > icon_1 img{ background-position:12px 0;}
nav > ul > icon_2 img{background-position:195px 0;}
nav > ul > icon_3 img{background-position:366px 0;}
nav > ul > icon_4 img{background-position:543px 0;}
.bd{ border-bottom:2px solid #0468c6; padding:5px 0;  }
.bd span{ color:#0468c6;}
hr{ display:block; width:100%; height:.1rem;background:#ededed; margin:0px;}
/*正文*/
.wap_content{ display:none; width:100%; background:#fff; margin-bottom:.1rem;  }
.wap_content > .cptj{ display:block; width:100%; margin-top:.2rem;}
.wap_content > .cptj >h2{ display:block; width:100%; padding:0 3%; padding-bottom:.1rem;    text-align:left; border-bottom:1px solid #f6f6f6; box-sizing:border-box; }
.wap_content > .cptj >h2 >span{font-size:.2rem; color:#000; display:block; height:.24rem; line-height:.24rem; width:100%; overflow:hidden;border-left: 2px solid #0468c6; padding-left:.12rem; box-sizing:border-box;}
.wap_content > .cptj > ul{ display:block; width:100%;}
.wap_content > .cptj > ul > li{ display:block; width:100%; padding:0.1rem 3%;  box-sizing:border-box; border-bottom:1px solid #f6f6f6;}
.wap_content > .cptj > ul > li >a >img{ width:.9rem; height:.9rem; display:block; position:absolute; }
.wap_content > .cptj > ul > li > section{ display:block; margin-left:1rem;}
.wap_content > .cptj > ul > li > section h3{ display:block; width:100%; color:#404040; font-size:.16rem; line-height:.22rem; height:.46rem; overflow: hidden;}
.wap_content > .cptj > ul > li > section p{ display:block; width:100%; margin-top:.2rem;}
.wap_content > .cptj > ul > li > section  p >span{ display:block; float:left; font-size:.14rem; color:#808080; }
.tel{ display:block; height:.28rem; float:right; margin-right:.1rem; }
.tel >img{ display:block; height:.2rem; float:left;}
.tel >span{ display: block; font-size:.14rem; color:#000; float:left; margin-left:.04rem; line-height:.2rem}
.tj_more{ display:block;margin:15px 0}
.tj_more >p{ display:block; width:120px; height:30px; margin:auto;border:1px solid #0468c6;border-radius: 12px }
.tj_more >p> span{ display: block; float:left; line-height:30px; font-size:14px;padding-left:10px }
.tj_more>p> img{  margin-left:5px; height:18px;width:18px; margin-top:6px; display:block;float:left;}

/*产品中心*/
.wap_content > .cpzx{ display:block; width:100%; margin-top:20px;}
.wap_content > .cpzx >h2{ display:block; width:100%; padding:0 3%;    text-align:left; box-sizing:border-box; }
.wap_content > .cpzx >h2 >span{font-size:.2rem; float:left; color:#000; display:block; height:.24rem; line-height:.24rem; width:80%; overflow:hidden;border-left: 2px solid #0468c6; padding-left:.12rem; box-sizing:border-box;}
.wap_content > .cpzx >h2 a{ display:block; width:20%; float:right;}
.wap_content > .cpzx >h2 a i{ font-style:normal; font-size:.16rem; font-weight:normal; color:#666; float:right; display:block; line-height:.24rem; }
.wap_content > .cpzx >h2 a img{ display:block; float:right; height:.18rem; margin-top:.03rem;}
 .cpzx > ul{ display:block; width:100%; padding:0 3%; box-sizing:border-box; margin-top:.2rem; font-size:0px;}
 .cpzx > ul > li{display: flex;width: 25%; float:left;box-sizing: border-box; overflow:hidden; margin-left: -1px;margin-top: -1px;font-size: 12px;height: 44px; line-height: 16px; text-align: center;    border: 1px solid #a9bcec; align-items:center; }
  .cpzx > ul > li.a_show{display: flex !important;}
 .cpzx > ul > li a{ color:#0468c6; width:94%; display:block; overflow:hidden; margin-left:3% }
.show{ display:inline-block !important; }
.hide{ display:none !important}
.box{ display:block; width:94%; margin:0.2rem 3%; overflow:hidden;}
.slider4 .spic{ width:100%; display:block;}
.slider4 .spic img{ width:100%; display:block;}
.slider4 .spic span{ display:block; width:100%; font-size:.16rem; line-height:.24rem; height:.5rem; color:#000; overflow:hidden;}
.slider4 .btel{ display:block; width:100%; height:.34rem; background:#0468c6; margin-top:.1rem;}
.slider4 .btel p{ display:block; height:.34rem; width:.78rem; margin:auto}
.slider4 .btel img{ display:block; height:.18rem; width:.18rem; float:left; margin-top:.08rem; }
.slider4 .btel >p> span{ display:block; line-height:.34rem; font-size:.14rem; color:#fff; margin-left:.04rem; float:left}
.box .bx-has-pager{ display:none !important;}
/*品牌故事*/
.ppgs{ display:block; width:100%; margin-top:.2rem; padding:0 3%;box-sizing:border-box; margin-bottom:.1rem;}
.ppgs  >h2{ display:block; width:100%;    text-align:left;  }
.ppgs  >h2 >span{font-size:.2rem; float:left; color:#000; display:block; height:.24rem; line-height:.24rem; width:80%; overflow:hidden;border-left: 2px solid #0468c6; padding-left:.12rem; box-sizing:border-box;}
.ppgs  >h2 a{ display:block; width:20%; float:right;}
.ppgs  >h2 a i{ font-style:normal; font-size:.16rem; font-weight:normal; color:#666; float:right; display:block; line-height:.24rem; }
.ppgs  >h2 a img{ display:block; float:right; height:.18rem; margin-top:.03rem;}
.ppgs .ppgs_b{ display:block; width:100%; margin:.2rem 0; height:1rem; overflow:hidden;  }
.ppgs .img_box{ display:block; width:1rem; height:1rem; position:absolute; overflow:hidden;}
.ppgs .img_box img{ width:100%;}
.ppgs .img_text{ display:block; padding-left:1.1rem; width:100%; box-sizing:border-box;}
.ppgs .img_text h3{ display:block; font-size:.18rem; color:#000; line-height:.24rem; height:.24rem; overflow:hidden; text-overflow:ellipsis; white-space:normal;}
.ppgs .img_text .text{ display:block;overflow : hidden; line-height: 24px !important; text-align:left;
text-overflow: ellipsis;
-webkit-line-clamp:3;
-webkit-box-orient: vertical;}
/*info*/	
.info{ display:block; width:100%; padding:0 3%;box-sizing:border-box; background:#fff}
.info  >h2{ display:block; width:100%;    text-align:left; margin-top:.2rem;  }
.info >h2 >span{font-size:.2rem; float:left; color:#000; display:block; height:.24rem; line-height:.24rem; width:80%; overflow:hidden;border-left: 2px solid #0468c6; padding-left:.12rem; box-sizing:border-box;}
.info > ul{ display:block; width:100%;}
.info > ul >li{ display:block; margin:.2rem 0; color:#0468c6; font-size:.14rem; clear:both;}	
.info > ul >li >a{ display:block; font-size:.14rem; color:#0468c6; float:right; }	
.info > ul >li >a:first-child{ float:left;}	
.info > ul >li >a:first-child span{ display:block; line-height:.2rem;}	
.info > ul >li >a img{ height:.22rem; display:block; margin-left:.04rem; margin-bottom:.04rem}
.info > ul >li >a p{ display:block; font-size:.14rem; color:#666; }	
.info_tel,.info_qq,.info_xx{ display: block; width:.3rem;}
.info_xx{ margin-right:.14rem;}
/*footer*/
footer{ height:.34rem; width:100%; margin:.16rem 0; display:block; margin-bottom:.86rem;}
footer p{ display:block; width:100%; text-align:center; color: #666; font-size:.14rem; margin-bottom:.1rem;}
/*底部导航*/
.b_nav{ display:block; position:fixed; bottom:0rem; height:.54rem; width:100%; padding:0.04rem 3%; box-sizing:border-box; background:#fff; border-top:1px solid #ccc; }
.b_nav >ul{ display:block; height:.46rem;}
.b_nav >ul >li{ display:block; height:.44rem; border:1px solid #CCCCCC; width:31%; margin-left:3.5%; float:left; box-sizing:border-box;}	
.b_nav >ul >li:first-child{ margin-left:0; background:#fff;}
.b_nav >ul >li a{ display:block; width:100%;}
.b_nav >ul >li p{ display:block; margin:auto; width:.84rem;}
.b_nav >ul >li img{ height:.22rem; display:block; float:left; margin-top:.1rem;}
.b_nav >ul >li span{ display:block; float:left; margin-left:.06rem; line-height:.42rem;}
.b_nav >ul >li:first-child span{  color:#4c4c4c; }
.b_nav >ul >li.b_nav_qq p{ width:.78rem;}
.b_nav >ul >li.b_nav_qq{ border:1px solid #a9cbec; background:#fff} 
.b_nav >ul >li.b_nav_qq  span{ color:#0468c6;}
.b_nav >ul >li.b_nav_tel{ background:#0468c6; border:1px solid #0468C6;}
.b_nav >ul >li.b_nav_tel span{ color:#fff}

/*产品中心*/
.Products .no_cp{ height:.3rem; width:100%; background:#ececec; color:#666; text-align:center; font-size:.16rem; display:block; line-height:.4rem;}
.Products form{ display:block; width:100%; padding:0.16rem 3%; box-sizing:border-box; margin-top:.1rem; margin-bottom:.12rem; background:#ececec}
.Products form p{ display:block; width:100%; clear:both; height:.26rem; margin-bottom:.1rem;}
.Products form label{ display:block; width:26%; text-align:left; font-size:.14rem; line-height:.26rem; float:left; color:#000;}
.Products form  input{ display:block; width:66%;  height:.24rem; float:left; padding-left:.1rem; border-radius:4px; border:1px solid #ccc;}
.Products form select{ display:block;width:40%;  height:.24rem; float:left; padding-left:.1rem; border-radius:4px; border:1px solid #ccc;}
.Products form button{ background:#fff; color:#0468c6; border:1px solid #0468c6; height:.24rem; font-size:.14rem;  margin-left:26%; width:34%; text-align:center;}
/*公司介绍*/
.introduce{ width:100%; padding:0.2rem 3%; box-sizing:border-box; }
.introduce > h2{ font-size:.2rem; line-height:.32rem; text-align:center; color:#000; }
.introduce > .content-text{ display:block; width:100%; margin-top:.1rem; font-size:.14rem; color:#999; line-height:.22rem}
.introduce > .content-text img{ display:block; max-width:100%;  margin:0 auto .1rem;}
@media(max-width:320px){.head-bar-title > form > input[type="text"]{ width:60%;}}