body{font-family:"Microsoft Yahei";font-size:14px;color:#666; padding:0; margin:0;}
input , textarea , select{font-family:"Microsoft Yahei"; color:#666; font-size:14px;}
a{ color:#666;}
a:hover{ color:#0C5AA2;}
.tcenter{text-align:center}
.f16{font-size:16px;}
/*头部*/
.wrap{ width:100%; max-width:480px; margin:0 auto; padding-bottom:60px;}
.head{ width:100%; padding:10px;}.head .ret{float:right;text-align:right;width:60%;}
.head .logo{ width:40%; float:left;}
.head .logo img{ width:100%; max-width:139px; height:auto; vertical-align:top;}
.head .tel{ width:60%; float:right; text-align:right;}
.head .tel p{ width:100%; height:22px; line-height:22px; margin-top:8px;color:#000;font-weight:bold}
.head .tel a{ display:inline-block; *display:inline; zoom:1; height:25px; line-height:25px; padding-left:28px; background:url(../images/icon1.jpg) no-repeat left center;}
.head .tel a em{ font-size:12px; font-weight:bold; color:#f00; margin-left:3px;}
.nav{ width:100%; height:40px; background:#0C5AA2; overflow:hidden;}
.nav li{ width:25%;border-bottom:#0A4C87 1px solid; height:40px; float:left; background:url(../images/line.png) no-repeat right center;}
.nav li a{ display:block; width:100%; height:40px; line-height:40px; color:#FFF; text-align:center; font-size:15px;}
/*幻灯片*/
.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%;-ms-touch-action: pan-y;}
.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; 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:#0C5AA2;}
.owl-buttons { display: none;}
.owl-buttons div { position: absolute; top: 50%; width: 24px; height: 48px; margin-top: -40px; text-indent: -9999px;}
/*幻灯片*/
.i_m{ width:100%; padding:0 20px;}
.i_name{ width:100%; text-align:center; padding:20px 0; position:relative;}
.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:22px; color:#0C5AA2; position:relative;}
.i_name a:before,.i_name a:after{ display:block; width:40px; height:1px; background:#ddd; content:""; position:absolute; top:50%;}
.i_name a:before{left:-50px;}
.i_name a:after{ right:-50px;}
.i_about{ width:100%; font-size:13px; line-height:185%;}
.btn{ display:block; width:105px; height:30px; line-height:28px; border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:10px auto; text-align:center;}
.btn:hover{ border-color:#0C5AA2;}
.i_m_a{ width:100%; padding:0 15px;}
.i_pro{ width:100%;}
.i_pro li{ width:32%; float:left; margin-bottom:10px; padding:0 5px;}
.i_pro li .li_m{ width:100%; border:1px solid #ddd; position:relative;}
.i_pro li .li_m img{ width:100%; height:auto; vertical-align:top;}
.i_pro li .li_m p{ width:95%;margin:0 auto; line-height:25px;  text-align:center;font-size:12px;   left:0; bottom:0; z-index:9;height:50px;overflow:hidden}

.i_brand{ width:100%;}
.i_brand li{ width:33.33%; float:left; margin-bottom:10px; padding:0 5px;}
.i_brand li .li_m{ width:100%; border:1px solid #ddd; position:relative;}
.i_brand li .li_m img{ width:100%; height:auto; vertical-align:top;}
.i_brand li .li_m p{ width:100%; line-height:25px; background:rgba(0,0,0,.5); text-align:center;font-size:12px; color:#fff; position:absolute; left:0; bottom:0; z-index:9;}


.i_news{ width:100%;}
.i_news dl{ width:100%; padding:12px 0; border-bottom:1px solid #ddd;}
.i_news dl dt{ width:28% ;float:left;}
.i_news dl dt img{ width:100%; height:auto; vertical-align:top;}
.i_news dl dd{ width:68%; 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:#02509A;}
.i_news dl dd .des{ width:100%; height:38px; font-size:12px; line-height:150%; overflow:hidden;}
.foot{ width:100%; height:60px; background:#0C5AA2; position:fixed; left:0; bottom:0; z-index:999999;}
.foot a{ display:block; width:25%; float:left; text-align:center; color:#FFF;}
.foot img{ width:25px; height:25px; vertical-align:top; margin-top:10px;}
.scd{ width:100%; overflow:hidden; position:relative; padding-bottom:20px;}
.s_m{ width:100%; font-size:13px; line-height:150%;}
.s_m img{ max-width:100%; height:auto; vertical-align:top;}
.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;}


/*产品详细*/
.ProductDetailed{}
.ProductDetailed h3{font-size:1.2em; line-height:1.187em; padding:1.625em 0; color:#333; text-align:center; border-bottom:1px solid #e0e1e1;}
.ProductDetailed .ProductScroll_img img{width:320px;}
.ProductDetailed .ProductScroll_img p{color:#333; font-size:14px; padding:1.437em 1.75em;}


.m-con-1 { padding:15px 0 12px 0; width:320px; margin:15px auto;}
 .m-con-1 a { float:left; width:132px; margin:0 14px 10px 14px; text-align:center; line-height:20px;  display:block; font-size:14px; color:#666}
 .m-con-1 span{ height:38px; clear:both; display:block; overflow:hidden;}
 .m-con-1 a img {  margin-bottom:8px; }
.m-con-1{overflow:hidden;}
.m-con-1 li{padding:10px 0; float:left; width:46%; margin:10px 2%; text-align:center; background-color:#f9f9f9; overflow:hidden;}
.m-con-1 li img{max-height:110px;}
.m-con-1 h5{margin-top:10px;}
.m-con-1 h5 a{color:#333;}


.m-con-2 a{ display:block;}
.m-con-2 { margin-bottom:26px; }
.m-con-2 dl { border-bottom:1px solid #ffffff; box-shadow:0 1px #e6e6e6; margin-bottom:2px; padding:12px 12px 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; float:left;border:1px solid #e2e2e2;}
 .m-con-2 h3 { height: 30px; line-height:15px; overflow: hidden; padding-right: 10px;font-size:14px; }
 .m-con-2 p { font-size: 12px; height: 65px; line-height: 22px; margin:5px;  overflow: hidden;color:#666 }

/*选项面板*/
.TabBarBox{background:#f0f0f0; border-bottom:1px solid #adadad; box-shadow:0 1px 3px #d7d7d7; margin-bottom:.625em;}
.TabBarBox:after {content:'.'; display:block; height:0; clear:both; visibility:hidden;}
.TabBarBox li{width:20%; height:38px; float:left; text-align:center; padding-top:2px;}
.TabBarBox .TabBarNow{border-top:2px solid #02509A; background:#fff; padding:0;}
.TabBarBox li a{font-size:.75em; color:#333; border-right:1px solid #e2e2e2; display:block; height:100%; line-height:38px;}


/*详细内容*/
.DetailedSpan table td{width:50%}
.DetailedSpan img{width:100%; display:block; margin:0 auto;}

/*查看图文完整版*/
.ViewDown{margin:0.781em; border:1px solid #ddd; height:1.562em; line-height:1.562em; border-radius:5px; text-align:center; color:#666; display:block; background:linear-gradient(180deg , #fff 0% , #f4f4f4 100%);}


.formSpan{margin:.937em 0; font-size:.75em;}
.formSpan td{padding:5px;}
.formSpan input , .formSpan textarea{border:1px solid #ddd; border-radius:3px;}
.formSpan input[type='text'] , .formSpan input[type='phone']{height:2.5em; line-height:2.5em; width:19.5em; text-indent:.5em;}
.formSpan textarea{resize:none; width:19.5em; text-indent:.5em; height:5.562em; padding:.25em 0;}
.formSpan .sbutton , .formSpan .btnReset{width:5.625em; height:2.8em; line-height:2.8em; border:none; border-radius:3px; font-size:.875em; display:inline-block; text-align:center;}
.formSpan .sbutton{background:#f00; margin-right:2em; color:#fff;}
.formSpan .btnReset{background:#999; color:#fff;}

.g_btn{background-color:#f96b17; color:#fff; border:none; font-size:.875em; display:inline-block; text-align:center;}


.searchSpan{position:relative; overflow:hidden; margin:.687em;}
.searchSpan .txtSearch{height:33px; border-radius:5px; border:1px solid #ddd; font-size:.75em; text-indent:1em; width:99.9%; outline:none;}
.searchSpan .btnSearch{position:absolute; right:0px; top:1px; border-radius:0 5px 5px 0; display:block; height:33px; line-height:33px; color:#333; width:2.5em; border-left:1px solid #ddd; border-right:1px solid #ddd; text-align:center; background:url(../images/sssbg.png) no-repeat center center;background-size:40% 40%}


/*产品标题*/
.ProductTitle{height:30px; line-height:30px; background:#02509A; color:#fff; font-size:.75em; padding:0 .687em; border-bottom:1px solid #d1d1d1; box-shadow:0 1px 3px #c6c6c6;}
.ProductTitle:after {content:'.'; display:block; height:0; clear:both; visibility:hidden;}
.ProductTitle span a{color:#026CB8}

/*评论框*/
.ProductBox{padding:.937em .75em;}
.ProductBox textarea{width:97%; height:5.625em; resize:none; border-radius:3px; border:1px solid #ddd; padding:.343em; font-size:12px; display:block; margin:0 auto;}
.ProductBox .ProductSubmit,.show_more .ProductSubmit{display:block; background:#f96b17; height:2.8em; line-height:2.8em; border-radius:3px; text-align:center; color:#fff; margin-top:.625em; font-size:.875em;}


/*评论列表*/
.ProductList{border-top:1px solid #e0e1e1; border-bottom:1px solid #e0e1e1;}
.ProductList li{padding:.937em .687em; border-bottom:1px dotted #ccc;}
.ProductList li h5 strong{color:#f96b17; font-weight:normal;}
.ProductList li h5 em{color:#999;}
.ProductList li .ProductCont{}
.ProductList li .Reply{text-align:right; font-size:.875em;}
.ProductList li .Reply a{margin-left:.75em; color:#f96b17;}



/*类似产品*/
.SimilarBox{padding:20px 0;width: 320px;margin: 0 auto;position: relative;}
.SimilarBox .m-con {}
.SimilarBox .m-nowr{margin:16px 22px 0 22px;}
.SimilarBox ul{margin-left:5px;}
.SimilarBox li{}
.SimilarBox li img{width:130px;}
.SimilarBox li h5{font-weight:normal; margin-top:6px; width:130px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;text-align:center;}
.SimilarBox li a{color:#767676;float: left;width: 130px;padding-right:8px;}
.SimilarBox .btnRight , .SimilarBox .btnLeft{ position:absolute; margin-top:41px; color:#333; font-size:1.2em; top:50%; margin-top:-20px;}
.SimilarBox .btnRight{right:0;}
.SimilarBox .btnLeft{left:0;}
/*.SimilarBox .btnLeft{background:url(../Skins/Default/Img/btnSimilar_L.png) no-repeat left; margin-left:8px;}
.SimilarBox .btnRight{background:url(../Skins/Default/Img/btnSimilar_R.png) no-repeat right; margin-right:8px;}
*/


.DetailedSpan{margin:0 10px;}

.diy_select{width:33.33%;position:relative;font-size:12px;color:#000;float:left;margin-bottom:10px;}
.diy_select_btn,.diy_select_txt{float:left;height:100%;line-height:28px}
.diy_select,.diy_select_list{border:1px solid #ddd;}
.diy_select_txt{width:100%}
.diy_select_txt,.diy_select_list li{text-align:center;overflow:hidden}
.diy_select_btn{width:28px;background:url(rec.gif) no-repeat center}
.diy_select_list{position:absolute;top:28px;left:0px;z-index:88888;border-top:none;width:100%;display:none;_top:29px;background:#fff;}
.diy_select_list li{list-style:none;height:25px;line-height:25px;cursor:default;_background:#fff}
.diy_select_list li a{color:#000}
.diy_select_list li.focus{background:#3399FF;color:#fff}


.section-title{margin:10px 0;border-bottom:#ddd 1px solid;padding-bottom:10px;}
.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:#EC333B;}
.section-title em{color:#999;font-size:12px;}
.section-title strong img{margin-left:8px;margin-top:7px;}


.productLayout{overflow:hidden; background-color:#eee;}
.productLayout dl{padding:10px 0; float:left; width:46%; margin:10px 2%; background-color:#fff; overflow:hidden;}
.productLayout dt{text-align:center;}
.productLayout dt img{width:90%;}
.productLayout dd h5{margin:0 5%; height:30px; line-height:15px; font-size:14px; overflow:hidden; margin-top:10px; text-align:center;}
.productLayout dd h5 a{color:#333;}
.productLayout dd p{margin:10px 5% 0 5%; font-size:14px; height:44px; line-height:22px; overflow:hidden; color:#f00;}

.nyListSpan li{border-bottom:1px solid #ccc;}
.nyListSpan li a.nyListLinkSpan{display:block; height:100% ;padding:10px; background:url(/mobile/images/Index/lYsLiIco2.png) no-repeat , linear-gradient(180deg , #fff 0% , #f1f1f1 100%); color:#666; background-position: 90% center;}
.nyListSpan li a.nyListLinkSpan:hover{background:url(/mobile/images/Index/lYsLiIco2H.png) no-repeat , linear-gradient(180deg , #fff 0% , #ccc 100%); background-position: 90% center;}

.content .cont_t{padding:0 20px;}
.content .cont_t h1{font-size:1.4em; padding-top: 10px; color:#f96b17; font-weight:bold;}
.content .cont_t p{line-height:22px; color:#999; font-size:.75em;}
.content .cont_c{border-top:1px solid #eee; padding:10px 15px; font-size:1.2em; line-height:1.7em;}
.content .cont_c p img{max-width:100%;}

@media screen and (max-width:365px) {
.head .logo{ width:40%;}
.head .tel{ width:60%;}
}



.listControl{width:95%;padding:0px 0 10px 0;margin:0 auto;}
DIV.show_page {float:right;text-align:right;margin-top:20px; color:#666; font-size:12px;overflow:hidden;font-size:12px;line-height:15px;}
DIV.show_page span.disabled {border:1px solid #ccc;padding:2px 6px;float:left;display:block;margin-left:2px;}
DIV.show_page span.current {color:#fff;font-weight:bold;background:#ccc;border:1px solid #C3C3C3;padding:2px 6px;float:left;display:block;margin-left:2px;}
DIV.show_page a {border:1px solid #ccc;padding:2px 6px;float:left;display:block;margin-left:2px;text-decoration:none;font-size:12px;}
DIV.show_page a:link,DIV.show_page a:visited,DIV.show_page a:active{color:#666;}
DIV.show_page a:hover {BORDER: #ccc 1px solid;  COLOR: #333; BACKGROUND: #fff}
DIV.show_page input{padding:1px; border:1px solid #ccc;font-size: 12px;color:#666;width:25px;}


.know li{
  background: url(../images/wd_w.gif) no-repeat left top;
  padding-left: 30px;
  border-bottom:1px solid #eee;
  margin-bottom:8px;
  padding-bottom:5px;
}
.know li i{
  display:inline-block;
  float:right;
  margin-right:10px;
  font-style:normal;
}
.know li em{
  display:inline-block;
  float:right;
}

.answer li{
  background: url(../images/wd_d.gif) no-repeat left top;
  padding-left: 30px;
  border-bottom:1px solid #eee;
  margin-bottom:8px;
  padding-bottom:5px;
}
.answer li i{
  display:inline-block;
  float:right;
  margin-right:10px;
   font-style:normal;

}
.answer li em{
  display:inline-block;
  float:right;
}