body{width: 100%;color: #333;font-family: "Microsoft YaHei", "Arial";max-width: 512px;margin: 0 auto;background: #858585;}
*{list-style: none;margin: 0px;padding: 0px}
a{outline: 0px;color: #333;text-decoration: none}
.clear{clear: both}
.fr{float: right}
.fl{float: left}
.wrap{background: #fff;margin: 0px auto;width: 100%;overflow: auto;-ms-overflow-x: hidden;overflow-x: hidden;}
.padding20{padding: 2% 2% 4%;width: 96%;color: rgb(0, 0, 0);line-height: 150%;float: left}
.content{width: 100%;float: left}
.content p{padding-top: 2%}
.content img{height: auto;}
.cb{clear: both}
.center{width: 100%;text-align: center;float: left;background-size: 100%}
.center img{margin: 5.8% 0px;width: 90%}
.borderbox{box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box}
/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height:50px;overflow:hidden;background:#fff;position:relative;z-index:10;width:100%;}
.sp_logo{padding:0px 10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:50px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#c9141e;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/
.padding20 img{max-width: 96%;display: block;margin: 0 auto;margin-top: 2%;margin-bottom: 2%}
.slideBox{width: 100%;overflow: hidden;position: relative;float: left}
.slideBox .hd{height: 15px;overflow: hidden;position: absolute;right: 15px;bottom: 15px;z-index: 1}
.slideBox .hd ul{overflow: hidden;zoom: 1;float: left}
.slideBox .hd ul li{float: left;margin-right: 10px;width: 15px;height: 15px;line-height: 14px;text-align: center;background: #f2c32b;cursor: pointer;border-radius: 10px}
.slideBox .hd ul li.on{background: #fbeace}
.slideBox .bd{position: relative;height: 100%;z-index: 0}
.slideBox .bd li{zoom: 1;vertical-align: middle}
.slideBox .bd img{width: 100%;display: block}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev, .slideBox .next{position: absolute;left: 3%;top: 50%;margin-top: -25px;display: block;width: 32px;height: 40px;background: url(../images/ad_ctr.png) 0px 0px no-repeat;filter: alpha(opacity = 50);opacity: 0.5}
.slideBox .next{left: auto;right: 3%;background-position: 0px -40px}
.slideBox .prev:hover, .slideBox .next:hover{filter: alpha(opacity = 100);opacity: 1}
.slideBox .prevStop{display: none}
.slideBox .nextStop{display: none}
/*-----------------------------banner结束--------------------------------------*/

.hr_10{margin:0px auto; clear:both; height:10px; font-size:1px; overflow:hidden;}
.wipper{position: relative;width: 100%; overflow:hidden; padding:2em 0 ; clear:both;}
.promore{width: 100%;text-align: center;float: left;position: relative; }
.promore a{background:#fff;display: block; width: 120px; height: 2.5em; line-height: 2.5em; margin: 0 auto;text-align:center;color:#08569C; border: 1px solid #08569C;}
.h-title{width:100%;overflow: hidden; margin-bottom:2em;text-transform:uppercase;}
.h-title h2{ display:block; color:#1F2F72; font-size:1.5em;line-height:2em; text-align:center;}
.h-title p{ color:#8093BC; font-size:1.0em; font-weight:normal; line-height:1.2em; text-align:center;}

/*产品分类展示*/
.wip_1{background: #F5F5F5;}
.category{ overflow:hidden;width:96%; padding: 0 2%;text-align: center}
.category  a{ display: inline-block; width: 32%; margin-bottom: 0.5em; background: #203278; color: #fff; line-height: 2em;}
/*搜索 产品优势*/
.wip_2{background: #F5F5F5; padding-top:0;}
.adv-g{width: 100%; display: block;}

.searcharea{width:98%;background:#FFFFFF;overflow:hidden;margin:0px auto; padding:1%;}
.search_txt{float:left;display:block;padding-left:1em;height:2.5em;line-height:2.5em;background:#fff;width:55%;border:1px solid #ccc;overflow: hidden;}
.search_but{display:block;cursor:pointer; float:right;height:2.5em;line-height:2.5em;width:19%;text-align:center;background:#203278;color:#fff;border:1px solid #203278; margin-left: 1%; }
.search_tel{background:#B82225;border:1px solid #B82225;}

.adv{  overflow:hidden;  }
.adv ul{text-align: center;  overflow:hidden;  }
.adv ul li{ display: inline-block; overflow:hidden; text-align:center;   }
.adv ul li h4{display:  table-cell;vertical-align:  middle;background: url("/images/index_19.png") no-repeat center center;width:8em; height: 8em; line-height: 2em; color: #383838;font-size:0.9em; background-size: 100% 100%; margin: 0.5em;  }
.adv ul li p{ display: none}

/*优势*/
.wip_3{background: #2878BD; color:#fff}
.wip_3 .h-title h2{ color:#fff}
.wip_3 .h-title p{ color:#69A1D1}
.com-adv .hd{margin-bottom: 5px; overflow: hidden}
.com-adv .hd li{display: inline-block; width: 20%;  overflow:hidden;height: 4em;line-height: 4em; }
.com-adv .hd li a{display: block;box-sizing: border-box; background: #3A3939; color: #fff; margin: 0px 1px; text-align: center; font-size: 0.9em}
.com-adv .hd li a b{ display: none}
.com-adv .hd li.on{background: #DD2526;}
.com-adv .hd li.on a{background: none;}
.com-adv .bd{}
.com-adv .bd dl{overflow:hidden;  width: 96%;padding: 2%; }
.com-adv .bd dl dt{ display: block; text-align: center; padding-bottom: 1em;}
.com-adv .bd dl dt img{ width:80%; padding:6px; background:#A9C8ED;}
.com-adv .bd dl dd{ display: block; }
.com-adv .bd dl dd h3{ line-height: 36px; color: #FFDC38;font-size:24px;}
.com-adv .bd dl dd p{ margin-bottom: 10px;}
/*分公司*/
.prev0,.next0{width:31px;height:31px;display: block;overflow: hidden;z-index: 9; position: absolute;top: 50%;}
.prev1{background:url(/images/index_31.png) no-repeat 0 0;}
.next1{background:url(/images/index_34.png) no-repeat 0 0;right: 0;}
.wip_4{background-image: url("/m/images/wip_4.jpg"); background-size: 100% 100%;  }
.com-fen{position: relative;width: 96%; margin: 0px auto;}
.com-fen .bd{ overflow:hidden; width: 100%; }
.com-fen .bd ul{ overflow:hidden; zoom:1; }
.com-fen .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center; width:100%;     }
.com-fen .bd ul li .pic,.com-fen .bd ul li .ptitle{ text-align:center; display:block;width:70%; padding: 8px; background:#fff; margin: 0 auto;}
.com-fen .bd ul li .pic img{ width:100%; display:block; }
.com-fen .bd ul li .ptitle{ line-height:1.2em;}
/*简介*/
.home-abo{ background: url(/m/images/index_16.jpg);color:#fff}
.home-abo .cont{overflow:hidden;  width: 96%;padding: 2%;}
.home-abo .cont img{ display: block;margin:0px auto; max-width:98%;}
.home-abo .more{ margin-top:1em;display: block; width: 120px; height: 2em; line-height: 2em; text-align:center;color:#fff; border: 1px solid #fff;}
.home-abo .cont h2{ line-height: 45px; color: #FFDC38;font-size:30px;}
.home-abo .cont h4{font-size:18px;}
/*热点新闻*/
.wip_5{background: #F5F5F5; padding-top:0;}
.nstitle{width:100%;margin-bottom:25px; height:66px;}
.nstitle a{ float: left; box-sizing: border-box; height:66px;width:50%;padding:10px 5px 0px 15px;  background: #898989 ;color: #fff }
.nstitle a h2{ font-size: 18px; line-height: 24px;display: block}
.nstitle a h4{ font-size: 12px; line-height: 20px; text-transform: uppercase; display: block}

.newsbox{ width:100%; overflow:hidden}
.newsbox .hd a.on{  background: #23377E;}
.newsboxdb{}
.news-hot { display:block;  width: 96%;padding: 2%;overflow:hidden;}
.news-hot img{ display:block; max-width:60%; max-height: 20em; border:1px solid #ccc;}
.news-hot dl{}
.news-hot dt { display:block;line-height:2em; margin:10px 0px 8px 0px;color:#222; font-size:1.2em;word-break: keep-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news-hot dd span{ color:#000; display:block;padding: 10px 0px;}
.news-hot dd p{color:#8F8F8F; height:72px; overflow:hidden;}

/*产品*/
.product{width: 100%;float: left;position: relative;}
.product ul{width: 98%;float: left;margin-bottom:2rem; margin-left:1%;}
.product li{width: 48.56%;padding:0 0 1.5rem;}
.product li img{display: block;width: 100%;box-sizing:border-box;border:solid 1px #203278;box-sizing: border-box;}
.product li span{display: block;color: #fff;  background: #203278; line-height: 2.4rem; height:2.4rem; overflow:hidden;text-align: center; margin-top: 2px;} 
.product a:nth-child(2n+1) li{ float:left;}
.product a:nth-child(2n) li { float:right;}
.wipper .product{margin-bottom:0rem;}
.wipper .product ul{margin-bottom:0rem; }

/*新闻*/
.newslist{padding: 0 3.12% 2em;width: 93.75%;float: left}
.newslist ul{width: 100%;float: left; padding-bottom:5%;}
.newslist ul li{width: 100%;border-bottom-color: rgb(233, 232, 232);border-bottom-width: 1px;border-bottom-style: solid;float: left}
.newslist ul li a{background-image: url(../images/newsico.png);background-repeat: no-repeat;background-position: left;background-size: 2%;padding: 0px 4% 0px 3%;width: 93%;color:#222;line-height: 3;overflow: hidden;float: left;white-space: nowrap;text-overflow: ellipsis;-ms-text-overflow: ellipsis}
.newslist ul li a span{ float:right;}
/*内页栏目*/
.title{ background:#23377E;padding: 0 1em;width: 98%;color: #fff;font-size: 1.8em;margin-bottom:1em; line-height:2.5em; height:2.5em; position:relative;}
.title span{float: right}
.title span a{color:#fff; font-size: 1.5rem; font-weight:normal;}

.view_title{margin: 1% 0px 2%;padding: 5px 2% 1%;width: 96%;text-align: center;color: rgb(0, 0, 0);font-family: \5FAE\8F6F\96C5\9ED1;font-size: 1.2em;font-weight: normal;border-bottom-color: rgb(197, 208, 217);border-bottom-width: 1px;border-bottom-style: solid;float: left}

/*-- - Page Pagination
------------------------------------------*/
.page-pagination{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 25px;margin-bottom:2rem;width: 100%} 
.page-pagination li{font-size: 16px; line-height: 24px; color: #1f2d30; text-align: center; margin: 5px 5px;} 
.page-pagination li a{color: #1f2d30; background-color: #f8f8f8; padding: 10px;width: 44px; height: 44px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;box-sizing: border-box} 
@media only screen and (max-width: 575px){
	.page-pagination li{font-size: 14px;margin: 5px 5px;} 
	.page-pagination li a{padding: 5px; width: 36px; height: 36px;} 
} 
.page-pagination li:hover a{color: #fff; background-color: #1f2d30;} 
.page-pagination li.active a{color: #ffffff; background-color: #fab702;}


.news-title h3{font-size: 18px; font-weight: bold; line-height: 30/20; margin-bottom: 20px; text-align:center}
.news-title span{display: block; line-height: 40px; font-size: 15px; color: #999; border-top: 1px dashed #cfcfcf; border-bottom: 1px dashed #cfcfcf; font-family: Helvetica, sans-serif, Arial, "Helvetica Neue"; text-align:center}

.prevNext{clear: both;margin: 0px auto;border-top: dashed 1px #ccc;border-bottom: dashed 1px #ccc;height: 60px;line-height: 30px;color: #666;font-size: 13px;-webkit-text-size-adjust: none;padding: 10px 0px;}
.prevNext a{text-decoration: underline;}
.prevNext .prev{/*float:left;*/}
.prevNext .prev a{text-decoration: none;}
.prevNext .prev a:hover{color: #317de9;text-decoration: none;}
.prevNext .next{/*float:right;*/}
.prevNext .next a{text-decoration: none;}
.prevNext .next a:hover{color: #317de9;text-decoration: none;}

.pro-content{margin:20px 0; width:98%; clear:both;}

.protabs{height: 45px;background: #DFDFDF;}
.protabs span{float: left;height: 45px;width: 140px;background: #2B2B2B;font-size: 18px;line-height: 45px;color: #fff;text-align:center;}

.feedback_str{ margin-top:15px; text-indent:2em;}
.pro-inquire{width:100%; margin:0 auto; overflow:hidden; margin-top:40px; border-top:5px solid #419ED5;}
.inner-feedback{width:98%; font-size:14px; color:#444;}
.inner-feedback .feed_t{width:98%; height:40px; background:#FAFAFA; border:1px solid #ccc; line-height:40px; text-indent:12px; color:#555; *text-indent:0; *width:580px; *padding-left:12px;}
.inner-feedback .feed_c{width:92%; height:80px; background:#FAFAFA; border:1px solid #ccc; padding:10px; color:#555;font-family:Arial, Helvetica, sans-serif;}
.inner-feedback .feed_b{float:left; width:120px; height:48px; line-height:48px; background:#FA8021; color:#fff; text-align:center; border:1px solid #FA8021; font-size:16px;}
.inner-feedback table{margin:0px auto; background:#fff; border:1px solid #fff; border-radius:10px; overflow:hidden;}
.inner-feedback table td{padding:10px 0px;}
.goto{padding: 20px 15px 30px;line-height: 24px;}


.table{border-collapse: collapse;}
.table td, .table th{border: 1px solid #cdcdcd;padding:.2em .3em}
.table p{padding: 0px;margin: 0px;}
.table{width: 100%;overflow-y: auto; overflow-x:scroll;_overflow: auto;margin: 0.5em 0 1em;}

/*添加IOS下滚动条*/
.bartable{overflow-x: scroll;}
.bartable::-webkit-scrollbar{-webkit-appearance: none;width: 14px;height: 14px;}
.bartable::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #F5F5F5;}
.bartable::-webkit-scrollbar-thumb{border-radius: 8px;border: 0px solid #fff;background-color: rgba(0, 0, 0, .3);}

/*备注
@media screen and (max-width:1024px){.banner img{height:419px}.bd li img{height:419px}.proimg img{height:315px}}
@media screen and (max-width:960px){.banner img{height:392px}.bd li img{height:392px}.proimg img{height:295px}}
@media screen and (max-width:800px){.banner img{height:325px}.bd li img{height:325px}.proimg img{height:243px}}
@media screen and (max-width:768px){.banner img{height:312px}.bd li img{height:312px}.proimg img{height:233px}}
@media screen and (max-width:640px){.banner img{height:259px}.bd li img{height:259px}.proimg img{height:192px}}
@media screen and (max-width:480px){.banner img{height:192px}.bd li img{height:192px}.proimg img{height:140px}}
@media screen and (max-width:420px){.banner img{height:167px}.bd li img{height:167px}.proimg img{height:121px}}
@media screen and (max-width:360px){.banner img{height:147px}.bd li img{height:147px}.proimg img{height:111px}}
@media screen and (max-width:320px){.banner img{height:131px}.bd li img{height:131px}.proimg img{height:98px}}
*/
.clear{margin:0px auto; clear:both; height:0px; font-size:0px; overflow:hidden;}
.blank1{margin:0px auto; clear:both; height:1px; font-size:1px; overflow:hidden;}
.blank8{margin:0px auto; clear:both; height:8px; font-size:1px; overflow:hidden;}
.blank10{margin:0px auto; clear:both; height:10px; font-size:1px; overflow:hidden;}
.blank15{margin:0px auto; clear:both; height:15px; font-size:1px; overflow:hidden;}
.blank20{margin:0px auto; clear:both; height:20px; font-size:1px; overflow:hidden;}
.blank25{margin:0px auto; clear:both; height:25px; font-size:1px; overflow:hidden;}
.blank30{margin:0px auto; clear:both; height:30px; font-size:1px; overflow:hidden;}
.blank40{margin:0px auto; clear:both; height:40px; font-size:1px; overflow:hidden;}
.blank45{margin:0px auto; clear:both; height:45px; font-size:1px; overflow:hidden;}
.blank50{margin:0px auto; clear:both; height:50px; font-size:1px; overflow:hidden;}
.blank80{margin:0px auto; clear:both; height:80px; font-size:1px; overflow:hidden;}
.padding12{padding:12px;}


.hovertreebottom{height: 48px;}
.hovertreebottom ul{position: fixed;z-index: 200;bottom: 0;left: 0;width: 100%;background: #4B4B4B;}
.hovertreebottom li{/*border:1px solid rgba(190,190,190,1);*/height: 48px;border: 0;float: left;width: 25%;}
.hovertreebottom li:nth-of-type(1){}
.hovertreebottom li>a{color: #fff;display: block;line-height: 48px;text-align: center;padding: 0px;}
.hovertreebottom li>a img{height: 28px;}
.hovertreebottom li a i{width: 24px; height: 24px; margin: 4px auto 0; display: block; line-height: 24px;font-size:24px;}
.blankfooer{margin: 0px auto;clear: both;height: 10px;font-size: 1px;overflow: hidden;width: 100%;}

html {font-size: 10px;}
@media screen and (min-width: 320px) {
    html {
        font-size: 10.625px;
    }
}
@media screen and (min-width: 360px) {
    html {
        font-size: 11.875px;
    }
}
@media screen and (min-width: 400px) {
    html {
        font-size: 13.125px;
    }
}
@media screen and (min-width: 440px) {
    html {
        font-size: 14.375px;
    }
}
@media screen and (min-width: 480px) {
    html {
        font-size: 15.625px;
    }
}
@media screen and (min-width: 520px) {
    html {
        font-size: 16.875px;
    }
}
@media screen and (min-width: 560px) {
    html {
        font-size: 18.125px;
    }
}
@media screen and (min-width: 600px) {
    html {
        font-size: 19.375px;
    }
}
@media screen and (min-width: 640px) {
        html {
            font-size: 20px;
        }
    }