@media screen and (min-width: 320px) and (max-width: 414px) { html { font-size: 12px; } }
@media screen and (min-width: 415px) and (max-width: 568px) { html { font-size: 14px; } }
@media screen and (min-width: 569px) and (max-width: 736px) { html { font-size: 16px; } }
@media screen and (min-width: 737px) and (max-width: 1080px) { html { font-size: 16px; } }
@media screen and (min-width: 1081px) { html { font-size: 24px; } }



body{font-family:"Microsoft Yahei";color:#666; padding:0; margin:0;background:#f0f0f0;}
input , textarea , select{font-family:"Microsoft Yahei"; color:#666; }
a{ color:#666;}
a:hover{ color:#1A6AAF;}
img{max-width:100%;vertical-align:top}
/*头部*/
.wrap{ width:100%; max-width:640px; margin:0 auto; padding-bottom:60px;}
.head{ width:100%;background:#059de7;position:fixed;top:0;z-index:9;overflow:hidden}
.head .logo{ text-align:center}
.head .logo img{ width:100%; max-width:260px; height:auto; vertical-align:top;}
.head .nav-btn{position:absolute;z-index:2; top:8px;width: 40px;height:40px;right:10px;}
.head .nav-btn img{width:100%;max-width:40px;}
.mtop{height:56px;}

.tna{margin:5px ;}
.nav{ width:100%;  overflow:hidden;}
.nav li{ width:30%; height:30px; float:left;background:#fff;border-radius:5px;margin:5px 1%; }
.nav li a{ display:block; width:100%; height:30px; line-height:30px; color:#666; text-align:center;font-size:14px; }
.nav li a.hover{background:#f38120;display:block;color:#fff;border-radius:5px;}


.tnap{margin:5px ;}
.navp{ width:100%;  overflow:hidden;}
.navp li{ width:31%; height:30px; float:left;background:#fff;border-radius:5px;margin:5px 1%; }
.navp li a{ display:block; width:100%; height:30px; line-height:30px; color:#f38120; text-align:center;font-size: 12px;}
.navp li a.hover{background:#f38120;display:block;color:#fff;border-radius:5px;}
/*幻灯片*/
.owl-carousel .owl-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/* display none until init */
.owl-carousel{display: none;position: relative;width: 100%;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* mouse grab icon */
.grabbing {cursor:url(grabbing.png) 8 8, move;}
/* fix */
.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility:    hidden;-ms-backface-visibility:     hidden;-webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);}
#owl-demo { position: relative;z-index:1; width: 100%; margin-left: auto; margin-right: auto;}
#owl-demo .item{ position: relative; display: block;}
#owl-demo img { display: block; width: 100%;}
#owl-demo b { position: absolute; left: 0; bottom: 0; width: 100%; height: 78px; background-color: #000; opacity: .5; filter: alpha(opacity=50);}
#owl-demo span { position: absolute; left: 0; bottom: 37px; width: 100%; font: 18px/32px "微软雅黑","黑体"; color: #fff; text-align: center;}
.owl-pagination { position: absolute; left: 0; bottom: 5px; width: 100%; height: 22px; text-align: center;}
.owl-page { display: inline-block; width:10px; height: 10px; margin: 0 5px; background:#fff; *display: inline; *zoom:1; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
.owl-pagination .active { background:#1A6AAF;}
.owl-buttons { display: none;}
.owl-buttons div { position: absolute; top: 50%; width: 24px; height: 48px; margin-top: -40px; text-indent: -9999px;}

.black-fixed {position: fixed;z-index: 99999!important;left: 0;width: 0;top: 0;height: 150%;background: rgba(0,0,0,0.9);text-align: right;font-size: 0.4rem;color: #fff;line-height: 2;right: 0;overflow: hidden;-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-ms-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;opacity: 0;}
.black-clicked {width: 100%;padding-top:3%;padding-right: 2%;left: -180px;-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-ms-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;opacity: 1}
.allpage {position: relative;z-index:1;background: #f0f0f0;height: auto;-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-ms-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;right: 0;min-height: 6rem;}

.bnav {background: #059de7;z-index:1;width: 180px;position: absolute;right: 0;top: 0;bottom: 0;}
.fixed {width: 180px;height: 100%;position: fixed;right: 0;top: 0;bottom: 0;z-index: 10;overflow-x: hidden;}
.bnav li {width: 180px;margin: 0 auto;border-bottom: 1px solid #0897dc;border-top: 1px solid #1ea9ed;}
.bnav li a {display: block;width: 100%;font: 700 16px/50px '微软雅黑';color: #fff;text-align: center;}
.bnav li a span {margin-right: 3%;font-size: 24px;}
.bnav li p {text-indent: 70px;}
.bnav li:last-child {margin-bottom: 20%;border-bottom: 0;}

.cgal_nr { width:100%;overflow:hidden;border-bottom:#ddd 1px solid;margin-bottom:20px;}
.cgal_nr ul li { width:50%; height:auto; padding:10px 0px; float:left; text-align:center;border:#ddd 1px solid;border-left:0;border-bottom:0;font-size:14px;}
.cgal_nr ul li .lzj { width:89%; margin:0px auto; text-align:center;}
.cgal_nr ul li .chec{margin:10px  auto;width:80px;text-align:center;border:#059de7 1px solid;border-radius:5px;padding:5px 0;}
.cgal_nr ul li .chec a{color:#059de7;}
.cgal_nr ul li.none{border-right:0}

.i_m{ width:95%;margin:20px auto 0; background:#fff;border-radius:10px;overflow:hidden;-webkit-box-shadow: 0 1px 5px #ddd;box-shadow: 0 1px 5px #ddd;}
.tit{text-align:center;font-size:18px;color:#000;font-weight:800;padding:5% 0;}
.tit a{color:#f38120;display:block;font-size:16px;font-weight:normal;padding:8px 0}
.tit span{font-size:16px;display:block;font-weight:normal;padding:8px 0}
.strength{text-align:center;width:100%}

.m-con-2 { margin-bottom:15px; }
.m-con-2 a{ display:block;}
.m-con-2 dl { overflow:hidden; box-shadow:0 1px #e6e6e6; margin-bottom:2px; padding:12px 10px 12px 10px; position:relative; }
.m-con-2 dt { float:left;display:block;border:1px solid #ccc; margin-right:11px; }
.m-con-2 dt img { display:block;border:1px solid #f5f5f5;}
.m-con-2 h3 {color:#059de7;font-weight:normal; height: 24px; line-height: 24px; overflow: hidden; padding-right: 10px;font-size:16px; }
.m-con-2 p { font-size: 14px; height: 42px; line-height: 22px; margin:5px; margin-right:3%; overflow: hidden; }
.m-con-2 span{font-size:12px;width:100px;text-align:center;border-radius:5px;background:#f38120;font-weight:bold;color:#fff;padding:5px 0;float:left}

.caselist li{ width:100%; float:left;  margin-bottom:20px;padding:0 15px 15px; position:relative; overflow:hidden;border-bottom:#cacaca 1px solid;}
.caselist li figure{ display:block; overflow:hidden; line-height:normal;}
.caselist li figure img{ display:block; width:100%;border-radius:20px;}
.caselist li figcaption{ display:block;color:#333; font-size:16px;padding:10px 0; }
.caselist li p{ font-size:14px;color:#999;height:40px;overflow:hidden}
a.casemore{background:#ff854a;width:80%;margin:0 auto 15px;text-align:center;color:#fff;font-size:16px;display:block;padding:10px 0;clear:both;border-radius:5px;}

.expert{ width:100%; padding:10px 0;position:relative; }
.expert .piclist{ overflow:hidden; zoom:1;}
.expert .ohbox{ position:relative;left:40px;width:80%}

.expert .piclist li{float:left; display:inline; width:30%;background:#fff;margin-right:10px;}
.expert .piclist li span{height:25px;line-height:25px;display:block;text-align:center;   }
.expert .pageBtn span{ background:url(../images/icon_10.png) no-repeat; display:block;width:43px;height:75px;position:absolute;top:30%;cursor:pointer;text-indent:-999em;overflow:hidden; }
.expert .pageBtn .prev{left:0px;background-position:0 0 ;}
.expert .pageBtn .next{right:0px;background-position:-43px 0 ;}
.expert .pageBtn .list{overflow:hidden;zoom:1;margin:10px 0 0 413px; }
.expert .pageBtn .list li{ background:url(images/bntBg.png); float:left; display:inline; width:15px;height:15px;background-position:-86px -57px ;cursor:pointer;margin-left:10px;line-height:10000px;overflow:hidden;  }
.expert .pageBtn .list li.on{background-position:-114px -57px }

.slideTxtBox{   }
.slideTxtBox .hd{ height:40px; line-height:40px; padding:0 20px; position:relative;margin-top:15px;  }
.slideTxtBox .hd .more{position:absolute;right:10px;top:0px;color:#ff854a}
.slideTxtBox .hd ul{ float:left; position:absolute;  height:40px;   }
.slideTxtBox .hd ul li{ float:left; padding:0 10px;margin-right:20px; cursor:pointer;font-size:18px; }
.slideTxtBox .hd ul li.on{ height:40px; border-bottom:1px solid #ff854a; }
.slideTxtBox .bd ul{ padding:15px;  zoom:1;  }
.slideTxtBox .bd li{ height:35px; line-height:35px;font-size:14px; width:100%;overflow:hidden}
.slideTxtBox .bd li .date{ float:right; color:#999;  }

.footer{background:#fff;padding:20px;margin:20px 0 78px;overflow:hidden}
.footer .f_fl{float:left;width:72%}
.footer .f_fl dl{margin-bottom:15px;}
.footer .f_fl dt{float:left}
.footer .f_fl dd{padding-left:10px;font-size:14px;color:#333;padding-top:6px;}
.footer .f_fr{float:right}

.foot{ width:100%;  background:#f38120; position:fixed; left:0; bottom:0; z-index:9;}
.foot a{ display:block; width:33%; float:left; text-align:center; color:#FFF;border-right:#f78d32 1px solid;}
.foot img{ width:30px; height:30px;margin-bottom:5px; vertical-align:top; margin-top:5px;}
.foot p{font-size:14px;padding:0 0 10px;font-weight:normal}


.scd{ width:100%; overflow:hidden; position:relative; padding-bottom:20px;}
.s_nav{ width:30%; position:absolute; background:#CCCCCC; right:-30%; top:0; z-index:999; height:100%;}
.s_nav_a{ right:0;}
.scd .i_m_l{ margin-left:-30%;}
.s_nav ul{ width:100%; text-align:center; padding:20px 0;}
.s_nav ul li{ width:100%;}
.s_nav ul li a{ display:block; width:100%; height:30px; line-height:30px; font-size:13px; color:#333;}
.s_nav ul li.on a{ background:#999999; color:#FFF;}


.i_name{width:200rpx; text-align:center;padding:0;  float:left; margin:10px; display:block; }
.s_ico{ width:26px; height:22px; background:url(../images/nav_ico.png) no-repeat; position:absolute; right:0; top:25px; cursor:pointer;}
.i_name a{ display:inline-block; *display:inline; zoom:1; font-size:14px; color:#f38120; position:relative;}
.i_name a:before,.i_name a:after{ display:block; width:40px; height:1px;  content:""; position:absolute; top:-50%;}
.i_name a:before{left:-50px;}
.i_name a:after{ right:-50px;}
.s_m{ width:100%;margin:0 auto; line-height:180%; float:left;}
.s_m img{ max-width:100%; vertical-align:top;}/*height:auto; */

.section-title{margin:10px 0;border-bottom:#ddd 1px solid;padding-bottom:10px;text-align:center; font-size:18px;}
.section-title strong{background-color:#1c1c1c;width:35px;height:35px;border-radius:40px;position:absolute;top:1px;right:0px;}
.section-title h4{margin-bottom:5px;color:#F39801;font-size:16px;}
.section-title em{color:#999;font-size:12px;}
.section-title strong img{margin-left:8px;margin-top:7px;}
.listControl{width:100%;padding:20px 0;margin:0 auto;overflow:hidden;text-align:center}
.show_page {color:#666; overflow:hidden;font-size:12px;line-height:15px;display:inline}
.show_page span.disabled {border:1px solid #ccc;padding:2px 6px;margin-left:2px; background:#fff;}
.show_page span.current {color:#fff;font-weight:bold;background:#ccc;border:1px solid #C3C3C3;padding:2px 6px;margin-left:2px;}
.show_page a:link,DIV.show_page a:visited,DIV.show_page a:active{color:#666;background:#fff;border:1px solid #ccc;padding:2px 6px;margin-left:2px;text-decoration:none;font-size:12px;}
.show_page a:hover {BORDER: #ccc 1px solid;  COLOR: #fff; BACKGROUND: #ccc}

.content{line-height:24px;text-align:left;padding:0 10px;margin-bottom:10px}
.content img{max-width:100%}

.proimg {text-align:center}
.proimg img{max-width:600px;max-height:600px;margin:0 auto;padding:10px 0}
.protitle{height:34px;line-height:34px;background:#F39801;color:#fff;font-size:14px;text-align:left;padding:0 10px;margin-bottom:10px}

.product-list{width:100%;margin:0 auto;position:relative;padding-bottom:50px;}
.product-list .hd .prev,.product-list .hd .next { width:32px; height:13px; position:absolute; bottom:40px; z-index:3;cursor:pointer }
.product-list .hd .prev { background: url(../images/arrow7.png); left:40%; }
.product-list .hd .next { background: url(../images/arrow6.png);right:40%;}
.product-list .hd  ul{ position:absolute;left:50%;bottom:40px; overflow:hidden; zoom:1;margin-left:-20px;  }
.product-list .hd  ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px;text-indent:-9999px;border-radius:100px;cursor:pointer; background:#ddd; }
.product-list .hd ul li.on{ background:#f78d32; }
.product-list .bd ul{ overflow:hidden; zoom:1; }
.product-list .bd ul li{ float:left; width:31%; margin:0 5px; margin-bottom:13px;}
.product-list .bd ul li:last-child{ margin-right:0;}
.product-list .bd ul li figure{ display:block; overflow:hidden; position:relative;}
.product-list .bd ul li figure:before{ content:""; width:100%; height:100%;   transition:200ms; box-sizing:border-box; position:absolute; left:0; top:0; z-index:5;}
.product-list .bd ul li figure img{ display:block; width:100%; height:auto; line-height:1; transition:500ms;border:#ddd 1px solid}
.product-list .bd ul li span{ display:block;padding:15px 0; transition:320ms; text-align:center; color:#323232; font-size:14px; position:relative;} 
.protext{ position:relative;}
.protext:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; transform-origin:left bottom; -webkit-transform-origin:left bottom; -webkit-transition:-webkit-transform .34s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .34s cubic-bezier(.4,0,.2,1); transition:transform .34s cubic-bezier(.4,0,.2,1); transition:transform .34s cubic-bezier(.4,0,.2,1),-webkit-transform .34s cubic-bezier(.4,0,.2,1); transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;}

.i_news dl{ padding:12px 10px;overflow:hidden }
.i_news dl dt{ width:105px; float:left;}
.i_news dl dt img{ width:100%; height:auto; vertical-align:top;}
.i_news dl dd{ width:65%; float:right;}
.i_news dl dd .title{ width:100%; height:25px; line-height:25px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.i_news dl dd .title a{ font-size:14px; font-weight:bold;color:#666;}
.i_news dl dd .des{ width:100%; height:38px; font-size:12px; line-height:150%; overflow:hidden;}




.chuchou{

}