body{width: 100%;color: #333;font-family: "Microsoft YaHei", "Arial";max-width: 640px;margin: 0 auto;background: #ffffff;}
*{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;}
.header{width: 100%;float: left;background:#fff;}
.logo{width: 60%;text-align: left;float: left;}
.logo img{width: 100%;max-width: 320px;}
.menu_but{width: 15%;text-align: center;color: rgb(255, 255, 255);float: right;display: block;min-width: 42px}
.menu_but a{width: 100%;text-align: center;color: rgb(42, 49, 75);float: left;min-width: 40px}
.menu_but a img{width: 100%;max-width: 80px;}
#modal{display: none}
#clsdiv{display: none}
#pageslide{background: #1B7530;top: 0px;width: 50%;height: 100%;display: none;position: fixed;z-index: 999999;max-width: 320px}
.nav{width: 100%;font-size: 16px;float: left}
.navli{width: 100%;float: left}
.navli a{padding: 5% 0px 5% 10%;width: 90%;text-align: left;color: rgb(255, 255, 255);font-size: 14px;border-bottom-color: rgb(255, 255, 255);border-bottom-width: 1px;border-bottom-style: solid;float: left}
.navli a:hover{background: #069cf9}
a.navlison{padding: 5% 0px 5% 15%;width: 85%;text-align: left;color: rgb(255, 255, 255);font-size: 13px;border-bottom-color: rgb(255, 255, 255);border-bottom-width: 1px;border-bottom-style: solid;background: #498EEB !important;float: left}
.big-pic{width: 100%;float: left;position: relative}
.big-pic img{width: 100%;float: left;display: block}
.pic-list a p img{width: 100%;float: left;display: block}
.big-pic-in{margin: 0px auto;width: 100%;height: auto;overflow: hidden;position: relative}
.pic-list{height: auto;position: relative;z-index: 0;-webkit-transform: translate3d(0, 0, 0)}
.big-pic a{width: 100%;height: auto;float: left}
.big-pic a p{width: 100%;height: auto;float: left}
.big-pic2 .pic-list{width: 200%}
.big-pic2 .pic-list img{width: 100%}
.big-pic2 .pic-list a{width: 50%}
.big-pic3 .pic-list{width: 300%}
.big-pic3 .pic-list a{width: 33.3%}
.big-pic4 .pic-list{width: 400%}
.big-pic4 .pic-list a{width: 25%}
.slide-dot{padding: 2px 0px;width: 100%;height: 15px;bottom: 0px;float: left;position: absolute}
.slide-dot span{background: url("../images/slide-dot.png") no-repeat -13px 0px;margin: 0px 3px;width: 13px;height: 15px;vertical-align: top;display: inline-block;z-index: 10}
.slide-dot .slide-dot-cur{background-position: 0px 0px;z-index: 10}
.transition{transition: transform 0.3s ease-out;-moz-transition: -moz-transform 0.3s ease-out;-webkit-transition: -webkit-transform 0.3s ease-out;-o-transition: -o-transform 0.3s ease-out}
.slidemain{margin: 0px auto;width: 80px;overflow: auto}

.hr_10{margin:0px auto; clear:both; height:10px; font-size:1px; overflow:hidden;}
.wipper{position: relative;width: 100%; overflow:hidden; padding:0px 0px 30px; clear:both;}
.promore{width: 100%;text-align: center;float: left;position: relative}
.promore a{display: block; border: 1px solid #DADCDF; width: 160px; height: 35px; line-height: 35px; margin: 0 auto;text-align:center;color:#262626;}
.indextitle{ clear:both;width:100%;overflow: hidden;margin-bottom:20px; background:url(/m/images/index_10.png) no-repeat left center;color:#fff; font-size:20px;font-weight:normal;line-height:48px; text-indent:40px;}
.indextitle span{color: #fff;font-size:14px; float:right;margin-right:20px;}
.indextitle span a{color: #fff;font-size:14px;}

.home-menu{position: relative;width: 100%; overflow:hidden; clear:both;}
.home-menu ul{width: 100%;overflow:hidden;}
.home-menu li{width: 96%;float: left;margin: 15px 2% 15px;text-align: center;overflow:hidden; }
.home-menu li img{width: 100%; max-width:588px;}

.casetil{margin-bottom: 20px;}
.casetil a{display: block;position: relative;overflow: hidden;width: 100%;border-radius: 10px;}
.casetil img{display: block;width: 100%;}
.casetil .tit{position: absolute;bottom: 0; display: block; box-sizing: border-box;width: 100%;height: 40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 40px;font-size: 18px;background: rgba(78,177,67,0.75);color: #fff;text-align: center;}


.newslist{padding: 3% 3.12%;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:dashed;float: left}
.newslist ul li a{padding: 0px 4% 0px 3%;width: 93%;color:#444;line-height: 3;overflow: hidden;float: left;white-space: nowrap;text-overflow: ellipsis;-ms-text-overflow: ellipsis}
.newslist ul li a span{ color:#40A859; }
.wip_news{}
.wip_news .newslist{padding: 0%;width: 100%;float: left}
.wip_news .newslist ul{padding-bottom:0%;}

.news-hot { width: 96%; margin:0px 2%; overflow:hidden; float:left;}
.news-hot a{ width: 100%; overflow:hidden; float:left;}
.news-hot a img{ width: 100%;}
.news-hot .tt {background:rgba(64,168,89,0.8); position:absolute; z-index:99; margin-top:-50px; width:92%; padding:0px 2%;  height:50px; line-height:50px; overflow: hidden;word-break:keep-all;white-space:nowrap; text-overflow:ellipsis; color:#fff; font-size:16px;}
.news-hot .tt span{ float:right}

.product{background: #ffffff;width: 100%;margin-bottom: 5%;float: left;position: relative}
.product ul{width: 100%;float: left;padding-bottom: 5%;}
.product li{background: #fff;margin: 2% 0.7% 0px 1%;padding: 3px;border: 1px solid #40A840;border-image: none;width: 48%;display:inline-block;box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box}
.product li div{width: 100%;float: left}
.product li img{width: 100%;float: left;display: block;}
.product .protxt{padding: 2% 0px;width: 100%;text-align: center;color: #fff;overflow: hidden;float: left;white-space: nowrap;-ms-text-overflow: ellipsis;background:#40A840;}

.home-abo{}
.home-abo .cont{ color:#444; padding:0px 2%;}
.home-abo .cont img{ margin-bottom:8px; max-width:100%;}
.home-pro{}
.home-pro .product{margin-bottom: 0;}
.home-pro .product ul{padding-bottom: 0;}
/*searcharea*/
.searchbar{width:100%;padding:10px 0px; float:left; background:#fff;}
.searcharea{width:94%;overflow:hidden;margin:0px auto; background:#fff; border:1px solid #252525; border-radius:5px; padding:1%;}
.search_txt{float:left;display:block;padding-left:1em;min-height:30px;line-height:30px;background:#fff;width:85%;border:none;overflow: hidden;}
.search_but{display:block;cursor:pointer; float:right;min-height:30px;line-height:30px;width:10%;text-align:center;background:#252525 url(../images/search.png) center center scroll no-repeat;color:#fff;border:none; background-size:auto 90%; background-position:center center; border-radius:10px;}

.footnav{background: #f3f3f3;width: 100%;float: left}
.footnav ul{padding: 1% 0px 1% 3%;width: 97%;float: left}
.footnav ul li{background-image: url(../images/footnav.png);background-repeat: no-repeat;background-position: left;background-size: 100% 100%;padding: 3% 7% 3% 0px;width: 23%;text-align: left;color: #0474b6;margin-right: -3.8%;float: left;position: relative;box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box}
.footnav a{width: 100%;text-align: center;color: #0474b6;float: left}
.foottxt{padding: 2% 0px;width: 100%;text-align: center;color: #0474b6;font-family: \5FAE\8F6F\96C5\9ED1;font-size: 11px;float: left}
.foottxt a{color: #155604}
.footer{background: #5574B6;padding: 1% 0px;width: 100%;font-size: 1em;float: left;box-shadow: 0px 0px 5px #ccdafb}
.footer ul{padding: 0px 3.12%;width: 93.75%;float: left}
.footer ul li{padding: 2% 0px 1%;width: 25%;float: left;box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box}
.footer ul li a{width: 100%;text-align: center;color: rgb(255, 255, 255);float: left;display: block}
.footer img{width: 26%;margin-bottom: 3px;vertical-align: middle;min-width: 20px}
.center{width: 100%;text-align: center;float: left;background-size: 100%}
.center img{margin: 5.8% 0px;width: 90%}


.title{ background:#1B7530;padding: 2.5% 0px 2.5% 3%;width: 97.2%;color: #fff;font-size: 1.4em;float: left;/*text-shadow: 1px 0px 0px #fff;*/margin-bottom: 2%}
.title span{float: right}
.title span a{color:#fff; font-size:16px; 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}
.pages{margin: 3% 3.5%;border-radius: 20px;border: 1px solid #026db3;border-image: none;width: 93%;float: left;box-shadow: 0px 3px 6px #afbcd4;background: #1e9bef}
.page_change{padding: 1% 0px;width: 80%;text-align: center;color: #026db3;font-size: 1.2em;border-right-color: rgb(240, 241, 244);border-left-color: rgb(240, 241, 244);border-right-width: 1px;border-left-width: 1px;border-right-style: solid;border-left-style: solid;float: left;display: block;box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box}

.subpagename{width: 98%;text-align: center;font: 1.3em/1.5em "Helvetica";color: #000;margin: 10px 1%;}
.subpagetime{font: 1.1em/1.8em "microsoft yahei";color: #666;width: 100%;text-align: center;margin: 0 auto;overflow: hidden;width: 80%;margin: 0 auto}
.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}

.cb{clear: both}


.page_list{height: 24px;line-height: 24px;text-align: center;letter-spacing: 0;font-family: "Arial Black";margin: 5px auto;}
.page_list a{display: inline-block;color: #898989;border: 1px solid #e8e8e8;background: #f8f8f8;text-align: center;padding: 0 8px;margin: 0 1px;}
.page_list a:hover{color: #fff;border: 1px solid #898989;background: #898989;}
.page_list a.on{color: #333;border: 1px solid #ccc;background: #E5EDF2;}

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


.table{border-collapse: collapse;}
.table td, .table th{border: 1px solid #cdcdcd;padding:.5em 1em}
.table p{padding: 0px;margin: 0px;}
.table{width: 100%;overflow-y: auto;_overflow: auto;margin: 0 0 1em;}
/*添加IOS下滚动条*/
.table::-webkit-scrollbar{-webkit-appearance: none;width: 14px;height: 14px;}
.table::-webkit-scrollbar-thumb{border-radius: 8px;border: 3px 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;}

.title-h-in{min-height: 25px; background:#F2F2F2; padding:1% 0;}
.w-title24{text-align:center; line-height:1.2;}
.w-title24 .title-h-in >span{display:block; font-size:32px; margin-bottom:5px;}
.w-title24 .tith{display:inline-block; position:relative;*display:inline; zoom:1; text-align:center; padding:0 10px;}
.w-title24 .tith h2{font-size:20px; font-weight:normal; line-height:2;display:inline-block;*display:inline; zoom:1;}
.w-title24 .tith .tit_left{height:1px; width:30px; position:absolute; left:-30px; top:50%;}
.w-title24 .tith .tit_right{height:1px; width:30px; position:absolute; right:-30px; top:50%;}
.bg_vice_light{background:#07316A;}
.color_vice_light,.color_vice{color:#07316A;}

.hovertreebottom{height: 53px;}
.hovertreebottom ul{position: fixed;z-index: 200;bottom: 0;left: 0;width: 100%;background: #245721;}
.hovertreebottom li{/*border:1px solid rgba(190,190,190,1);*/height: 53px;border: 0;float: left;width: 25%;}
.hovertreebottom li:nth-of-type(1){}
.hovertreebottom li>a{font-size: 12px;color: #fff;display: block;line-height: 15px;text-align: center;padding: 3px 0px 5px;}
.hovertreebottom li>a img{height: 24px;}
.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%;}

.pro-inquire{overflow: hidden;padding: 20px;margin: 20px 5px;border: 1px solid #ccc;border-radius: 10px;}
.pro-inquire p{display: block;border-bottom: 1px solid #ccc;margin-bottom: 10px;}
.pro-inquire span{float: left;}
.feed_t{display: block;height: 30px;line-height: 30px;background: #fff;width: 70%;border: none;overflow: hidden;font-size: 15px}
.feed_b{display: block;margin: auto;width: 120px;height: 36px;line-height: 36px;background: #f80;color: #fff;text-align: center;border: 1px solid #f80;font-size: 16px;}
.feed_c{height:72px; line-height:24px;border:1px solid #ccc; font-size:16px; width:98%; margin-top:5px;}