@charset utf-8;html{overflow-x:hidden;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}
html,body,div,span,p,h1,h2,h3,h4,h5,h6,em,img,strong,blockquote,sub,sup,tt,i,b,dd,dl,dt,form,label,table,caption,tbody,tfoot,thead,tr,th,td,ul,li,p,a,ol,ul,input{margin:0;padding:0}
body{background:#fff;font-size:16px;font-family:"微软雅黑";color:#000;/*padding:150px 0 53px;*/ background-color:#999;}
table{border-collapse:collapse;border-spacing:0}
img{
	border:0;
	vertical-align:top;
	padding: 0px;
}
.main-wrapper {min-width: 320px; max-width:600px; margin: 0 auto; width: 100%; overflow: hidden;}

em,i{font-style:normal}
b{font-weight:400}
ul,ol,li{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
button,input,select,textarea{font-size:100%;vertical-align:middle}
textarea{resize:none}
a,a:visited{color:#666;text-decoration:none}
a,iframe,input,select{outline:0 none}
.clear{clear:both;font-size:0;line-height:0;height:0}
.fix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;font-size:0}
.fix{zoom:1; margin:0 auto; max-width:600px}
.fl{float:left}
.header{ /*position:fixed;left:0;width:100%;top:0;z-index:20;*/ }
.headee{ background: #0046e5; width: 100%; z-index: 20;}
.head{line-height:40px;height:60px;position:relative}
.headee h1{ color:#fff; text-align:center;}
.head .returnbtn,.head .searchbtn,.head .fanhui{position:absolute;height:40px}
.head .fanhui{left:10px;width:32px;background:url(../images/fanhui.png) center center no-repeat;background-size:20px auto}
.header, .footer, .sidebox, .main{    transition: transform .5s ease; -webkit-transition: 0 .5s ease; -ms-transition: 0 .5s ease; -o-transition: 0 .5s ease;
 -moz-transition: 0 .5s ease;}

.head .searchbtn1{ height:40px;float:right;width:60px;background:url(../images/shouye.png) center center no-repeat;background-size:40px auto;}
.head .searchbtn{right:47px;width:60px;background:url(../images/pngbg14.png) center center no-repeat;background-size:40px auto;}
.head .returnbtn{left:17px;width:13px;background:url(../images/pngbg33.png) center center no-repeat;background-size:13px auto;}
.webtit{ margin:0; width:100%; height:90px;}
.webtit .logo{ width:100%; height:100%; background:url(../images/logo.jpg) no-repeat center; background-color:#fff;}
.nav1{ width:100%; height:60px; background:url(../images/nav.jpg) no-repeat center; float:left; }
.nav1 li{  float:left;height:60px;text-align:center; width:20%;}
.nav1 li a{display:inline-block;color:#fff;font-size:12px;line-height:13px}
.nav1 li span{display:block;height:35px;background-position:center center;background-repeat:no-repeat}
.nav1 li .bg1{background-image:url(../images/nav1.png);background-size:20px auto}
.nav1 li .bg2{background-image:url(../images/nav2.png);background-size:20px auto}
.nav1 li .bg3{background-image:url(../images/nav3.png);background-size:20px auto}
.nav1 li .bg4{background-image:url(../images/nav4.png);background-size:20px auto}
.nav1 li .bg5{background-image:url(../images/nav5.png);background-size:20px auto}

.jianjie{ padding:2%; background-color:#fff;}
.jianjie h3{ color:#333; font-size:28px; text-align:center; font-weight:bold; padding-bottom:0.5em;}
.jianjie .bf{ color:#333; font-size:16px; line-height:31px; text-indent:1em; }





.slideBox{position:relative;/*overflow:hidden*/ margin-top:60px;}
.slideBox .hd{position:absolute;height:5px;line-height:5px;bottom:8px;right:0;z-index:1;width:100%;text-align:center}
.slideBox .hd li{display:inline-block;width:5px;height:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#cfcfcf;text-indent:-9999px;overflow:hidden;margin:0 6px}
.slideBox .hd li.on{background:#4d9ddc}
.slideBox .bd{position:relative;z-index:0}
.slideBox .bd li{position:relative;text-align:center}
.slideBox .bd li img{vertical-align:top;width:100%; background:url(../images/banner01.jpg) no-repeat center center no-repeat;}
.slideBox .bd li a{-webkit-tap-highlight-color:rgba(0,0,0,0)}


.main{position:relative}
.footer{z-index:10;position:fixed;bottom:0;left:0;width:100%;border-top:1px solid #c5c5c5;background:#0046e5;}
.footmenu li{width:33%;float:left;height:53px;text-align:center}
.footmenu li a{display:inline-block;color:#fff;font-size:12px;line-height:13px}
.footmenu li span{display:block;height:35px;background-position:center center;background-repeat:no-repeat}
.footmenu li .bg1{background-image:url(../images/pngbg09.png);background-size:20px auto}
.footmenu li .bg2{background-image:url(../images/pngbg10.png);background-size:17px auto}
.footmenu li .bg3{background-image:url(../images/pngbg11.png);background-size:19px auto;width: 19px;}
.footmenu li a.on{color:#4d9ddc}
.footmenu li a.on .bg3{background-image:url(../images/pngbg24.png)}

.case .case1{ width:31%;}
.case{ background-color:#fff;}
.case li img{ width:100%; height:101px;}
.case li span{ width:100%; margin-top:-30px;background: rgba(0,0,0,0.6) none repeat scroll !important; position:relative; z-index:999; float:left; height:30px; font-size:12px; color:#fff; line-height:30px; text-align:center;}


.exlist_index .ho{ width:31%;}
.exlist li.fl,.exlist_index li.f3{margin-left:1%; }
.exlist li.fr,.exlist_index li.f2{margin-right:2%; width:30%; float:right;}
.exlist_index .tit{ color:#0046e5; text-transform:uppercase; margin:0 auto; background-color:#fff; padding:2%; font-size:17px;}
.exlist_index .tit span{ width:5px; height:21px; float:left; margin-right:10px;}
.exlist_index li{background:#fff;width:48%; margin:0 0 18px}
.news_index .jsnav{position:relative;top:0}
.news_index .newslist{padding:0 12px 20px}

.foot_nav{margin-bottom:20px;padding:20px 20px 0}
.foot_nav .copyright{font-size:12px;line-height:20px;color:#666}
.foot_nav .vchange{background:url(../images/diannao.png) no-repeat left center;background-size:15px auto;padding-left:20px;font-size:12px;line-height:20px;color:#666}
.linksBottom{width:100%;height:1px;background:url(../images/line_h.jpg) repeat-x;margin:0 auto}
.links{width:100%;line-height:25px;background:url(../images/line_h.jpg) repeat-x;position:relative;margin:0 auto;padding:0}
.links ul li{float:left;padding-right:12px}
.links ul li a,.links ul li a:hover,.links ul li a:active{color:#21a1e2;font-size:14px}
.fr,.exlist_index h4{float:right; font-size:14px;}
.exlist_index h4 em{ font-family:"宋体";}
.exlist,.al{background:#f1f1f1}
.exlist ul,.exlist_index ul{padding-bottom:0px; background-color:#fff;}
.exlist li a,#scroller li.on .arrow,.exlist_index li a{display:block}
.exlist li .exc,.exlist_index li .exc{padding:5px 7px; font-size:12px; text-align:center;}
.exlist li.fl,.exlist_index li.fl{margin-left:0%; }
.exlist li.fr,.exlist_index li.fr{margin-right:2%; width:48%;}
.exlist li .eximg img,.exlist_index li .eximg img{width:100%;height:auto;}
.exlist li .exname,.exlist_index li .exname{line-height:20px;color:#ff8400;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.exlist li .exjs,.exlist_index li .exjs{line-height:18px;color:#666}
.exlist li .exstyle,.exlist_index li .exstyle{font-size:10px}
.exlist li .extime,.exlist_index li .extime{font-size:9px;font-family:Arial,Helvetica,sans-serif}
.exbd,.yw{padding-top:54px}
.newsxq .newsxqcont,.main .about .aboutcont{line-height:23px;color:#666;padding-bottom:12px}
.eximg{ border:#e3dcdc solid 1px;}
.eximg h5{ height:20px; position:relative; z-index:1;background: rgba(0,0,0,0.6) none repeat scroll !important; margin-top:-20px; font-size:12px; text-align:center; line-height:20px; color:#fff;}
.eximg h3{ color:#333; font-size:20px; font-weight:bold; text-align:center; line-height:50px;text-overflow:ellipsis;  
   white-space: nowrap;overflow: hidde;}
.eximg img{ width:100%;}
.exe{ float:left; color:#333; width:20%; font-size:15px; line-height:36px; text-align:center; border:#777 solid 1px; margin-left:2%; margin-bottom:1%;}
.ex1{ float:right; margin-right:2%;}
.exe a{ color:#333;}

.jsnav{position:fixed;z-index:10;top:48px;width:100%;background:#f9f9f9;left:0;height:54px;-webkit-box-shadow:0 1px 4px 0 #999;box-shadow:0 1px 4px 0 #999}
#wrapper{position:relative;z-index:10;width:100%;-ms-touch-action:none;line-height:54px;height:54px}
#scroller{position:absolute;z-index:10;-webkit-tap-highlight-color:rgba(0,0,0,0);height:54px;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-o-text-size-adjust:none;text-size-adjust:none}
#scroller ul{list-style:none;width:100%;margin:0;padding:0}
#scroller li{position:relative;height:54px;float:left;line-height:54px}
#scroller li a{color:#666;font-size:14px;margin:0 5px}
#scroller li.on a{color:#0046e5}
#scroller li .arrow{width:10px;height:7px;background:url(../images/pngbg43.png) no-repeat;background-size:100% 100%;left:50%;margin-left:-5px;position:absolute;bottom:-7px;display:none}
.news_index .newslist{padding:0 12px 20px}
.newslist li{border-bottom:1px solid #d9d9d9}
.newslist li a{display:block; background:url(../images/news.jpg) left no-repeat;height:39px;text-indent:1em;position:relative}
.newslist li .newsnum{position:absolute;width:54px;height:26px;line-height:26px;border-right:1px solid #bbb;top:19px;left:0;text-align:center;font-size:20px;color:#cfcece;font-family:Arial,Helvetica,sans-serif}
.newslist li .newstit{padding-top:9px;color:#2f2f2f;line-height:21px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-size:14px;}
.newslist li .newstime{font-family:Arial,Helvetica,sans-serif;font-size:10px;color:#333333; float:right; padding-top:14px;}
.news_index .jsnav{position:relative;top:0}
.news_index .newslist{padding:0 12px 20px; background-color:#fff;}




.proDetailImgBox {
    margin: 0 auto;
    margin-bottom: .5rem;
    overflow: hidden;
    position: relative;
    height: 100%;
}
.proImgSwipe {
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    text-align: center;
    visibility: visible;
    margin-bottom: .5rem;
}

.paginateTable {
    width: 100%;
    height: 100%;
}
.pagenation {
    clear: both;
    font-size: .7rem;
    color: #333;
    height: 2.5rem;
    width: 100%;
    text-align: center;
    position: relative;
}
.pagenation .pagePrev {
    width: 3.5rem;
    border: 1px solid #7d1311;
    -webkit-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -o-border-radius: .1rem;
    border-radius: 0.3rem;
    overflow: visible;
    background-size: 100%;
}
.pagenation .pagePrev, .pagenation .pageNext {
    height: 1.3rem;
    line-height: 1.3rem;
    position: absolute;
}
.pagenation .pagePrev {
    left: 1em;
    display: inline-block;
    width: 8.5rem;
    font-size: 3em;
    height: 2em;
}
.pagenation a {
    display: block;
}
.pagenation a {
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0.5em;
    background: url(about:blank);
    color:#7d1311;
}
.pagenation .pageNext {
    right: 1em;
    display: inline-block;
    width: 8.5rem;
    height: 3.5rem;
    font-size: 3em;
    
}
.pagenation .pageNext {
    width: 8.5rem;
    border: 1px solid #7d1311;
    -webkit-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -o-border-radius: .1rem;
    border-radius: 0.3rem;
    overflow: visible;
    background-size: 100%;
}
.remarkBox {
    padding: 0 .5rem;
}
.richContent {
    line-height: 1.6;
    padding: 0 1.35rem;
    white-space: normal;
    word-wrap: break-word;
    word-break: normal;
    overflow: hidden;
    text-align: left;
    margin: 1.5rem 0;
    font-size: 1.8rem;
}

.paramCollection{text-align: center;
    font-size: 2em;}

.g_text{padding: 0em 0em 1em 0em;}


.mProductList {
    margin-top: 0.5rem;
}
.productPicListForm {
    padding: .25rem 0rem;
}
.g_separator {
    background: #cacaca;
}
.mProductList a {
    color: #333;
    font-size: .7rem;
    text-decoration: none;
}
.mProductList .tableBox {
    table-layout: fixed;
}
.tableBox {
    display: table;
    margin: 0.25rem 0;
    width: 100%;
    table-layout: fixed;
}
.tableBox .tableCell {
    display: table-cell;
    vertical-align: middle;
    padding: 0;
    padding-left: .5rem;
}
.tableBox .tableCell-70 {
    width: 50%;
}
.mProductList .nameWrap {
    word-break: break-all;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
}
.style3Img{border: 0;
    max-width: 100%;
    max-height: 100%;
    vertical-align: top;}
.mProductList .paramName {
    font-size: 1.7rem;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    margin-bottom: .4rem;
}
.separatorLine {
    clear: both;
    margin: 0;
    font-size: 0;
    border-top: 0;
    border-left: none;
    border-right: 0;
    height: 1px;
    line-height: 1px;
    border-width: 1px;
}