﻿*{-webkit-text-size-adjust:none}
body,html{margin:0;padding:0;font-family:Bahnschrift,'微软雅黑';background:#fff;overflow-x:hidden}
a{text-decoration:none;color:#000;}
li,ul{margin:0;padding:0;list-style:none}
img{border:0;max-width:100%}
h1,h2,h3,h4,h5,p,span{margin:0;padding:0}

.cb{clear:both}
.dn{display:none!important;}
.al{text-align:left!important;}
.msgbox{text-align:center}
.nowrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.main{min-width:320px}
.header{position:absolute;z-index:100;width:100%;left:0;right:0;top:0;height:45px;background:#202020;text-align:center}
.header .menuicon{display:inline-block;position:absolute;right:0;top:0;background:url(../images/menuicon2.png) center top no-repeat;width:32px;height:32px;margin:6px 10px;background-size:100% auto}
.header .searchicon{display:none;position:absolute;right:0;top:0;background:url(../images/searchicon.png) no-repeat;width:25px;height:23px;margin:11px}
.header .logoicon{position:absolute;left:0;top:0;background:url(../images/logo.png) no-repeat;width:32px;height:32px;margin:10px;background-size:cover}
.header .gobackicon{position:absolute;left:0;top:0;background:url(../images/gobackicon.png) no-repeat;width:32px;height:32px;margin:6px 10px;background-size:100% auto}
.header .more{position:absolute;right:10px;top:0;background:url(../images/more.png) center center no-repeat;width:25px;height:25px;margin:10px;background-size:100% auto}
.header .home{position:absolute;right:10px;top:4px}
.header h1{width:70%;margin:0 auto;line-height:45px;color:#fff;white-space:nowrap;overflow:hidden;font-size:16px;font-weight:400;text-overflow:ellipsis}
.header .search{display:none;position:absolute;z-index:1200;left:0;top:45px;width:100%;background:#fff}
.header .search table{width:100%;text-align:center}
.header .search table td{text-align:center}
.header .search input{height:25px;border:1px solid #ccc;background:0 0}
.header .search input[type=text]{width:100%}
.header .search input[type=submit]{width:100%;background:#ccc;height:29px}

.homeheader{position:absolute;z-index:100;left:0;top:0;width:100%;text-align:left;overflow:hidden}
.homeheader2{overflow:hidden;text-align:left;background:rgba(0,0,0,1);}
.homeheader .logo{height:38px;margin:6px;margin-left:15px;}
.homeheader .menuicon{display:inline-block;position:absolute;right:15px;top:7px;width:40px;height:40px;background:url(../images/menuicon.png) center center no-repeat;background-size:auto 20px;}
.homeheader .language{position:absolute;z-index:10;right:70px;top:12px;font-size:0;background2:url(../../home/images/globalicon.png) 0 center no-repeat;overflow:hidden}
.homeheader .language a{display:none;color:#000;font-size:12px;line-height:30px;text-align:right;}
.homeheader .language img{height:25px;margin:0 5px;vertical-align:middle;}
.homeheader .language a.cur{display:inline-block;}

.owl-banner{position:relative}
.owl-banner .item img{float:left;display:block;width:100%;height:auto}
.owl-banner .owl-dots{position:absolute;bottom:0;width:100%;text-align:center}
.owl-banner .owl-dots div{display:inline-block;width:12px;height:3px;margin:3px;border-radius:0;background:#fff;border:0 solid #fff}
.owl-banner .owl-dots div.active{background:#ff9728}
.box{margin-bottom:50px}
.box2{display:block;position:absolute;z-index:180;top:45px;bottom:50px;left:0;right:0;overflow:auto;overflow-x:hidden}
.info{padding:10px;width:auto;display:block;height:auto;word-break:break-all;font-size:13px;line-height:25px}
.info input,.info textarea{width:98%;margin:1% 4px;height:30px}
.info .tt{border-bottom:1px dashed #969696;font-weight:400;text-align:center;margin-bottom:5px}
.info .tt span{display:inline-block;width:auto;font-size:16px;line-height:27px;color:#000;padding:5px 25px;margin-bottom:10px}
.info textarea{height:150px}
.info .ta{text-align:center}
.info img{max-width:100%;margin:0 auto}
.allpage{border-bottom:1px solid #aaa}
.allpage li{padding:10px;border-top:1px solid #aaa;background:#eaeaea}
.allpage li b{display:none}
.allpage li a{color:#000}
.prevnext{display:inline-block;width:100%;text-align:center}
.prevnext a{display:block;position:relative;margin:10px 4%;border:1px solid #d7d7d7;border-radius:3px;width:40%;background-color:#f2f0ec;color:#333;line-height:2.5em}
.prevnext .prev{float:left;text-indent:5%}
.prevnext .next{float:right;text-indent:-5%}
.prevnext a span{display:inline-block;position:absolute;top:50%;margin-top:-10px;border-color:transparent #9c9595;border-style:solid}
.prevnext .prev span{left:5%;border-width:10px 10px 10px 0}
.prevnext .next span{right:5%;border-width:10px 0 10px 10px}

.footheight{height:55px}
.footer{clear:both;position:fixed;z-index:10000;width:100%;right:0;bottom:0;height:55px;background:#f4f4f4}
.footer ul{font-size:14px;text-align:center;overflow:hidden}
.footer li{float:left;width:20%;height:100%;text-align:center}
.footer li span{display:block;height:15px;line-height:15px;font-size:12px;color:#000}
.footer a{display:block;height:100%}
.footer i{display:block;height:35px}
.footer .homeicon{background:url(../images/footicon1.png) center center no-repeat;background-size:auto 25px}
.footer .telicon{background:url(../images/footicon2.png) center center no-repeat;background-size:auto 25px}
.footer .mapicon{background:url(../images/footicon3.png) center center no-repeat;background-size:auto 25px}
.footer .gotopicon{background:url(../images/footicon4.png) center center no-repeat;background-size:auto 15px}
.footer .producticon{background:url(../images/footicon5.png) center center no-repeat;background-size:auto 25px}

.panel{display:none;width:100%;padding:0}
.panel .close{position:absolute;left:0;top:0;bottom:0;width:25%;background:#eee;background:rgba(0,0,0,.3);color:#fff;font-size:40px;text-align:center;line-height:50px}
.panel .close img{width:50%;margin:10% 0}
.panel .list{position:absolute;right:0;top:0;bottom:0;width:75%;background:#353638;color:#fff;overflow:hidden;overflow-y:auto}
.panel li{position:relative;line-height:45px;color:#fff;vertical-align:middle;border-bottom:1px solid #444}
.panel li.t{display:none;height:25px;line-height:25px;font-size:14px;font-weight:700;color:#fff;border-bottom:1px solid #444;padding:0 20px}
.panel li a{display:inline-block;width:60%;padding-left:20px;color:#f5f7f6;font-size:14px}
.panel li .b{display:none}
.panel li li a{padding-left:40px}
.panel li li li a{padding-left:60px}
.panel li ul{display:none;border-top:1px solid #444}
.panel li b{position:absolute;right:10px;top:0;color:#fff;display:inline-block;width:20px;text-align:center;}
.banner{display:none;position:relative;background:#5c656e}
.banner img{float:left;width:100%}
.homesearch{padding:20px 20px 0 20px}
.homesearch div{position:relative;width:100%;height:30px;border:1px solid #eee;background:#f5f5f5;border-radius:4px;overflow:hidden}
.homesearch div img{width:20px;height:20px;margin:5px}
.homesearch div input{position:absolute;left:30px;top:0;width:90%;height:28px;border:0;background:0 0}
.homenav{padding:0;background:#4d4e5d;overflow:hidden}
.homenav a{display:block;padding:0;text-align:center;margin-bottom:0}
.homenav a img{float:left;width:100%}
.homenav li{float:left;width:25%}
.homenav li a{display:block;margin:0;text-align:center;border:1px solid #36556e;border-top:0;border-left:0}
.homenav li a span{clear:both;display:block;line-height:35px;color:#fff;font-size:14px}

.homecopyright{background:#f4f4f4;border-top:1px solid #f5f5f5;text-align:center;padding:10px 0;}
.homecopyright div{font-size:12px;line-height:20px}
.homekefu{padding:30px;line-height:30px;text-align:center;vertical-align:middle;font-size:18px;font-weight:700}
.homekefu img{height:30px;vertical-align:middle}
.homeqrcode{clear:both;text-align:center;white-space:nowrap}
.homeqrcode .q{display:inline-block;margin:0 10px;background:#fff;padding:10px;font-size:12px}
.homeqrcode .q img{width:90px}

.boxtitle{position:relative;text-align:center;font-size:0;padding:30px 0 0 0;}
.boxtitle .bt1{font-size:22px;color:#000;line-height:25px;margin-bottom:10px;background:url(../../home/images/titledot.jpg) left bottom no-repeat;text-transform: uppercase;}
.boxtitle .bt1 div{font-size:22px;}
.boxtitle .bt2{line-height:20px;font-size:14px;color:#9a9a9a;}
.boxtitle .bt2 div{}
.boxtitle .bt3{color:#9d9d9d;font-size:16px;margin-bottom:30px;}
.boxtitle .bt3 span{display:inline-block;width:80px;height:2px;background:#008bde;}

.boxtitle .more{position:absolute;right:20px;top:30px;font-size:14px;color:#92687a;}
.boxtitle .more span{margin-left:10px;}

.boxtitle.white .bt1{color:#fff;}
.boxtitle.white .bt2{color:#fff;}
.boxmore{position:absolute;right:20px;top:20px;}
.boxmore a{font-size:14px;color:#196d4a;}

.typebox{padding:0;overflow:hidden;background:#fff;}
.typebox .type{margin-top:20px;}
.typebox .type li{float:left;width:22%;margin:0 4% 4% 0;overflow:hidden;text-align:center;}
.typebox .type li:nth-child(4n){margin-right:0;}
.typebox .type li img{height:35px;object-fit:contain;transition:all 0.5s;}
.typebox .type li a{display:block;position:relative;color:#000;padding:10px 0;}
.typebox .type li .text2{position:absolute;top:60px;left:40px;}
.typebox .type li .tit{font-size:14px;margin:0;line-height:30px;}
.typebox .type li .tit2{display:none;font-size:12px;line-height:20px;}
.typebox .type li .more{display:none;font-weight:normal;margin-top:20px;font-size:14px;}

.aboutbox{position:relative;overflow:hidden;padding:0 0 10px 15px;}
.aboutbox .boxtitle{text-align:left;}

.aboutbox .img{margin:0;position:relative;}
.aboutbox .img img{width:100%;}


.aboutbox .content{position:relative;color:#fff;margin-top:30px;}
.aboutbox .tit{position:absolute;z-index:10;left:20px;right:50px;bottom:80px;font-size:16px;}
.aboutbox .cont{position:absolute;z-index:10;left:20px;right:50px;bottom:30px;height:40px;line-height:20px;overflow:hidden;font-size:14px;}

.aboutbox .more2{text-align:left;padding:0;}
.aboutbox .more2 a{display:inline-block;padding-left:20px;border:1px solid #c8c8c8;border-radius:20px;font-size:12px;line-height:25px;}
.aboutbox .more2 span{display:inline-block;width:15px;margin:0 10px;}


.productbox{position:relative;}
.productbox .boxtitle{margin:0 0 30px 20px;text-align:left;}
.productbox .m{height:100%;}

.productbox .list{height:350px;overflow:hidden;background:url(../images/productbg.jpg) center top no-repeat;}
.productbox .list .item{float:left;width:33.33%;height:100%;position:relative;}
.productbox .list .item a{display:block;color:#fff;height:100%;border-right:1px solid #ccc;}
.productbox .list .item a:hover{background:rgba(0,0,0,0.6);}
.productbox .list .item:last-child a{border-right:0;}
.productbox .list .num{position:absolute;left:20px;top:200px;letter-spacing:4px;}
.productbox .list .tit{position:absolute;left:20px;top:240px;right:20px;font-size:16px;}

.touzibox{background:#f8f8f8;}
.touzibox .boxtitle{text-align:left;margin-left:20px;}

.touzibox .list{overflow:hidden;padding:20px;}
.touzibox .list .item{float:left;width:48%;margin:0 4% 4% 0;background:#fff;}
.touzibox .list .item:nth-child(2n){margin-right:0;}
.touzibox .list .item .img{position:relative;padding-top:50%;text-align:center;}
.touzibox .list .item .img img{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;object-fit:contain;}


.casebox{background:#000 url(../images/casebg.jpg) center bottom no-repeat;background-size:100% auto;padding-bottom:25px;}

.casebox .cont{display:none;}
.casebox .info{display:none;}
.casebox .time{display:none;}
.casebox .entit{display:none;}
.casebox a{color:#fff;display:block;text-align:center;padding:0 10px;font-size:13px;}
.casebox .item{}
.casebox .item img{width:100%;}



.newsbox{padding-bottom:20px;overflow:hidden;background:#fff;}
.newsbox .boxtitle{padding-top:25px;margin-left:20px;}

.newsbox .content{background:#fff;margin:0;}

.newsbox .content .l{padding:20px;}
.newsbox .content .l li{clear:both;margin-top:10px;padding-bottom:10px;border-bottom:1px solid #eee;overflow:hidden;}
.newsbox .content .l li a{display:block;}
.newsbox .content .l .time2{display:none;}
.newsbox .content .l .img{float:left;width:100px;height:80px;margin-right:10px;}
.newsbox .content .l .img img{width:100%;height:100%;object-fit:cover;}
.newsbox .content .l .tit{line-height:20px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.newsbox .content .l .time{line-height:20px;font-size:14px;color:#ccc;}
.newsbox .content .l .cont{line-height:20px;font-size:12px;height:40px;overflow:hidden;}

.newsbox .content li a:hover .tit{color:#009241;}

.newsbox .more2{text-align:center;padding:20px 0;}
.newsbox .more2 a{display:inline-block;padding-left:20px;border:1px solid #c8c8c8;border-radius:20px;font-size:12px;line-height:25px;}
.newsbox .more2 span{display:inline-block;width:15px;margin:0 10px;}


.list1 li{float:left;width:50%}
.list1 li a{display:block;overflow:hidden;margin:3px 1%;padding:3px 1%;width:96%;color:#333;font-size:12px}
.list1 li .img{position:relative;padding-top:100%;display:block;overflow:hidden;text-align:center;border:1px solid #ccc}
.list1 li .img img{position:absolute;left:1%;top:1%;right:1%;bottom:1%;margin:auto;max-width:98%;max-height:98%;vertical-align:middle}
.list1 li .tit{display:block;overflow:hidden;text-align:center;white-space:nowrap;text-overflow:ellipsis}
.list2 li{position:relative;height:30px;line-height:30px;border-bottom:1px dashed #aaa;font-size:12px}
.list2 li a{display:block;font-size:12px;color:#000;padding-right:80px;}
.list2 li a:hover{color:Red}
.list2 li .tit{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.list2 li .time{position:absolute;right:0;top:0;color:#000}
.jobbox li{position:relative;line-height:30px;border-bottom:1px dashed #aaa;font-size:12px}
.jobbox li a{display:block;font-size:12px;color:#000}
.jobbox li a:hover{color:#000}
.jobbox li .time{position:absolute;right:0;top:0;color:#000}
.showmore{clear:both;display:none;text-align:center;font-size:14px;padding:10px 0}
.page{clear:both;padding:20px 0;text-align:center}
.page a{display:inline-block;height:20px;line-height:20px;font-size:12px;padding:0 5px;margin:0 2px;border:1px solid #aaa;color:#333}
.page a.cur{background:#aaa;color:#fff}



