@charset "gb2312";
/* Style Reset */
body,p,h1,ul,li,input,img{margin:0; padding:0; color: #333;}
ul, ol, li, dl, dt, dd {list-style:none;}
a{text-decoration:none;outline:0px;}
fieldset, img {border:0;}
.clear {clear:both;width:100%;}
/* top */
.topbg{width:100%;position:relative;height:auto; z-index: 2;}
.topbgpic{width:100%;display:block;}
.logo{display:block;position:absolute;left:0;top:0;bottom:0;}
.tlogo{width: 23%; position: absolute; top: 0; left: 12%;}
.logo img{display:block; max-height:100%}
.navbtn{position:absolute;right:0;display:block;top:0;bottom:0; max-height: 100%;}
.banner{width:100%; margin-top: -10px;}
.banner img{display:block;width:100%}
.searchbg{width:100%;padding:2% 0;background:#fff;background:-webkit-linear-gradient(top,#fff,#e2e3e2);background:-o-linear-gradient(top,#fff,#e2e3e2);background:-moz-linear-gradient(top,#fff,#e2e3e2);background:linear-gradient(top,#fff,#e2e3e2);}
.search{width:94.53125%;margin:0 auto;height:51px;background:url(../images/searchbg.png) 0 0 no-repeat;background-size:100% 100%;}
.text{float:left;width:70%;height:51px;border:0;background:none;font:700 16px/51px Microsoft Yahei,STHeiti,SimHei;color:#fff;text-indent:3.801%;}
.button{width:20%;height:51px;border:0;background:url(../images/searchico.png) center center no-repeat;float:right;background-size:28.099%}
.searchborder{width:100%;height:0;overflow:hidden;border-top:1px solid #f1f1f1;border-bottom:1px solid #e2e2e2}
.black{position:fixed;width:100%;height:100%;background:#000;z-index:999;top:0;left:0;display:none}
.img-zoom{position:fixed;max-width:100%;z-index:9999;max-height:100%;}
/* nav */
.black{position:fixed;width:100%;height:100%;background:#000;z-index:999;top:0;left:0;display:none}
.img-zoom{position:fixed;max-width:100%;z-index:9999;max-height:100%;}
body{position:relative;overflow-x:hidden;}
.nav{width:220px;height:100%;position:absolute;right:0;top:0;background:#292929;z-index:1;}
.allpage{position:relative;z-index:10;background:#fff; background-size: 4px auto; overflow: hidden;}
.nav li{margin:0 auto;line-height:53px;background-size:13.18%;margin:0 auto;border-bottom:1px solid #fff}
.nav li a{display:block;height:60px;font:700 16px/60px Microsoft Yahei,STHeiti,SimHei;color:#fff; position: relative; text-align: center;}
.nav li a img{ max-height: 52%; position: absolute; left: 10%; top:24%;}
.clicked{}
/* productul*/
.productul{width:96.09375%;margin:2% auto;overflow:hidden}
.productul li{width:33.33%;float:left}
.productul li a{display:block;width:96.0975%;margin:0 auto}
.productul li img{display:block;width:100%}
.productul li a p{width:100%;height:78px;font:700 22px/74px Microsoft Yahei,STHeiti,SimHei;color:#fff;text-indent:12.18%}
.productul li a p.color1{background:url(../images/icons1.jpg) 77.15% center no-repeat #0090ff;border-top:1px solid #1a9bff;background-size:13.19%;}
.productul li a p.color2{background:url(../images/icons2.jpg) 77.15% center no-repeat #ff3535;border-top:1px solid #ff4949;background-size:13.19%;}
.productul li a p.color3{background:url(../images/icons3.jpg) 77.15% center no-repeat #fe6c00;border-top:1px solid #fe7b1a;background-size:13.19%;}
/*newsul*/
.newsul{width:100%}
.newsul li{width:94.6875%;margin:0 auto 3%;border:1px solid #ededed;border-radius:6px;padding:2% 0 1.5%;background:#f6f6f6;background:-webkit-linear-gradient(top,#f6f6f6,#fff,#ededed);background:-o-linear-gradient(top,#f6f6f6,#fff,#ededed);background:-moz-linear-gradient(top,#f6f6f6,#fff,#ededed);background:linear-gradient(top,#f6f6f6,#fff,#ededed);overflow:hidden;position:relative;box-shadow:0 0 2px #fff inset;}
.news_img{display:block;width:25.7425%;border:1px solid #e9e9e9;padding:4px;background:#fff;float:left;margin:0 4.125% 0 1.98%}
.news_img img{display:block;width:100%}
.news_link{display:block;width:60.726%;float:left;height:46px;font:700 16px/46px Microsoft Yahei,STHeiti,SimHei;color:#3b3b3b;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.newsul li div{float:left;width:60.726%;font:14px/26px Microsoft Yahei,STHeiti,SimHei;color:#949494;height:52px;overflow:hidden}
.news_more{display:block;width:16.5%;height:36px;font:14px/36px Microsoft Yahei,STHeiti,SimHei;color:#fff;text-align:center;right:0;bottom:7px;position:absolute;background:#fe6c00}
.lookmore{display:block;background:url(../images/more.jpg) 0 0 no-repeat;text-align:center;background-size:100% 100%;font:700 14px/41px Microsoft Yahei,STHeiti,SimHei;color:#fff;width:92.1875%;margin:2% auto;height:48px;}
/* foot */
.footnav{width:97%;margin:0 auto;overflow:hidden;padding-bottom:20px;padding-top: 20px;}
.footnav a{display:block;width:22%; margin:0 1.5%;height:45px;float:left;background:#009b75;text-align:center;font:normal 14px/45px Microsoft Yahei,STHeiti,SimHei;color:#fff; border-radius: 3px;font-family: Microsoft Yahei,STHeiti,SimHei;}
.support{width:100%;text-align:center;font:700 12px/30px Microsoft Yahei,STHeiti,SimHei;color:#767676}
.support a{color:#767676}
.foot{width:100%;height:90px; box-sizing: border-box; background:#292929; overflow:hidden}
.foot li{float:left;width:25%;height:90px;overflow:hidden}
.foot li.tel{height:91px;margin-top:-1px;}
.foot li a{display:block;width:100%;height:100%; font-size: 20px; line-height: 90px; text-indent: 40px; font-family:Microsoft Yahei,STHeiti,SimHei;color:#fff;text-align:center;}
.tel a{background:url(../images/tel.png) 30px center no-repeat;background-size:23%}
.sms a{background:url(../images/sms.png) 30px center no-repeat;background-size:23%}
.map a{background:url(../images/map.png) 30px center no-repeat;background-size:19%}
.share a{background:url(../images/share.png) 30px center no-repeat;background-size:23%}
/*subpage*/

.subtitle{border-bottom: 1px solid #ccc; font-size:20px; padding-top: 5px; line-height: 60px; font-weight: 700; font-family: Microsoft Yahei,STHeiti,SimHei; color: #000; padding-left: 10px; position: relative;}
.subtitle span{padding:0px 8px; display:inline-block; border-bottom: 3px solid #009b75; margin-bottom: -2px;}

.classbtn{position:absolute;width:22.1337%;height:35px;right:1.4331%;background:url(../images/classbtn.png) 0 0 no-repeat;top:17px;font:700 14px/35px Microsoft Yahei,STHeiti,SimHei;color:#fff;text-indent:2.07%;background-size:100% 100%}
.class{width:45%;right:0;top:55px;z-index:111;position:absolute;display:none}
.class li{width:100%;text-indent:1em;border-bottom: 1px solid rgb(98, 189, 167);background:#089a74;}
.class li a{display:block;width:100%;font:normal 14px/45px Microsoft Yahei,STHeiti,SimHei;color:#fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.subpage{width:94%;margin:0 auto;font:14px/24px Microsoft Yahei,STHeiti,SimHei;color:#4c4c4c;padding:20px 0px;min-height:360px; text-align: justify;}
.subpage h1{width:100%;font:700 18px/24px Microsoft Yahei,STHeiti,SimHei;color:#4c4c4c;padding:10px 0px;border-bottom:1px dashed #e3e3e3;text-align:center;margin-bottom:10px}
.subpage img{display:block;margin:0 auto;max-width:100%}
/*product*/
.product{width:100%;overflow:hidden;min-height:360px; padding-top: 20px;}
.product li{width:50%;float:left;}
.product li a{display:block;width:92.8125%;margin:0 auto}
.product li img{display:block;width:94%; margin:0 auto; padding-bottom:10px;}
.product li p{width:100%;font:14px/22px Microsoft Yahei,STHeiti,SimHei; padding:5px 0px;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#3b3b3b}
.pages{width:96%;margin:0 auto 1px;height:37px;display:block;background:#ff8400;text-indent:1.765%;font:14px/37px Microsoft Yahei,STHeiti,SimHei;color:#fff;text-overflow:ellipsis;overflow:hidden;white-space: nowrap;}


.class li .subnav{
    overflow: hidden;
    padding-bottom: 8px;
    text-indent: 1.7em;
    margin-top: -5px;
    display: none;
}
.class li .subnav a{
    line-height: 30px;
}
.sytit1{overflow: hidden; margin: 0 auto;}
.sytit1 img{ display: block; max-width: 100%;}
.t1{
    padding-top: 5%;
    padding-bottom: 3%;
    width: 94%;
}

.sybox1{ background: url(../images/sybj1.jpg) center top no-repeat; background-size: cover; position: relative; overflow: hidden; font-family: Microsoft Yahei,STHeiti,SimHei;margin-top: 3%;}
.sybox1 .box1{
    position: relative;
    overflow: hidden;
    padding-bottom: 5%;
}
.sybox1 .box1 .zs1{
    position: absolute;
    width: 24%;
    right: 5%;
    bottom: 0px;
}
.sybox1 .box1 .pic{
    float: left;
    width: 60%;
}
.sybox1 .box1 .pic img{
    display: block;
    width: 100%;
}
.sybox1 .box1 .txt{
    width: 48%;
    background: #009b75;
    color: #fff;
    position: absolute;
    right: 0;
    top: 6%;
    height: 78%;
}
.sybox1 .box1 .txt .nr{
    width: 76%;
    margin: 0 auto;
    padding-top: 7%;
    padding-bottom: 7%;
}
.sybox1 .box1 .txt .nr img{
    display: block;
    max-width: 100%;
}
.sybox1 .box1 .txt .nr p{
    margin: 0;
    color: #fff;
    line-height: 20px;
    font-size: 12px;
    height: 60px;
    margin-top: 4px;
    overflow: hidden;
}
.sybox1 .box1 .txt .nr .more{
    background: #fff;
    color: #009b75;
    font-size: 12px;
    line-height: 20px;
    height: 20px;
    padding: 0px 5px;
    margin-top: 4px;
    display: inline-block;
}
.sybox1 .box2{
    width: 90%;
    margin: 0 auto;
    padding-bottom: 2%;
}
.sybox1 .box2 .sytit1{
    padding-bottom: 4%;
}
.sybox1 .box2 .sytit1 img{
    width: 45%;
    margin: 0 auto;
}
.sybox1 .box2 ul li{
    overflow: hidden;
    background: #aac952;
    margin-bottom: 2%;
}
.sybox1 .box2 ul li:nth-child(even){
    background: #009b75;
}
.sybox1 .box2 ul li .pic{
    width: 53%;
    float: left;
}
.sybox1 .box2 ul li .pic img{
    width: 100%;
    display: block;
}
.sybox1 .box2 ul li .txt{
    width: 47%;
    float: left;
}
.sybox1 .box2 ul li .txt img{
    width: 100%;
    display: block;
}
.sybox2{
    background: #fff;
    padding: 5% 0%;
    overflow: hidden;
}
.sybox2 .box1{
    background: url(../images/sybj2.jpg) center top no-repeat;
    background-size: cover;
    overflow: hidden;
}
.sybox2 .box1 .sytit1{
    padding: 4% 0%;
}
.sybox2 .box1 .sytit1 img{
    width: 42%;
    display: block;
    margin: 0 auto;
}
.sybox2 .box1 .sycp{
    width: 90%;
    margin: 0 auto;
    padding-bottom: 5%;
    overflow: hidden;
}
.sybox2 .box1 .sycp ul li img{
    max-width: 100%;
}
.sybox2 .box2{
    background: #fff;
}
.sybox2 .box2 .sytit1{
    padding: 5% 0%;
}

.sybox2 .box2 .sytit1 img{
    display: block;
    margin: 0 auto;
    width: 47%;
}
.sybox2 .box2 .syhz{
    overflow: hidden;
    width: 90%;
    margin: 0 auto;
    background: #06b58a;
}
.sybox2 .box2 .syhz a{
    float: left;
    width: 27.5%;
}
.sybox2 .box2 .syhz a img{
    width: 100%;
    display: block;
}
.sybox2 .box2 .syhz a:first-child{
    width: 45%;
}
.sybox2 .synews{
    overflow: hidden;
    background: #c0bfbf;
    padding: 5%;
}
.sybox2 .synews img{
    max-width: 100%;
}
.sybox2 .synews ul{
    padding-top: 6px;
}
.sybox2 .synews ul li{
    margin-top: 5px;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #7d7d7d;
    background: url(../images/m1.png) 95% center no-repeat;
    background-size: auto 8px;
    font-size:12px;
    padding-right: 15%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.sybox2 .synews ul li a{
    color:#515151;
}
.sybox3{
    width: 90%;
    box-sizing: border-box;
    border: 1px solid #009b75;
    overflow: hidden;
    margin: 0 auto;
}
.sybox3 .fgzst{
    float: left;
    width: 9.2%;
    overflow: hidden;
}
.sybox3 .fgzst img{
    display: block;
    max-width: 100%;
}
.sybox3 .fgbtn{
    float: right;
    width: 8.45%;
    overflow: hidden;
}
.sybox3 .fgbtn img{
    display: block;
    max-width: 100%;
}
.sybox3 .fgzs{
    width: 78%;
    margin-left: 2.3%;
    float: left;
    overflow: hidden;
    margin-top: 2.7%;
}
.sybox3 .fgzs ul li{
    position: relative;
}
.sybox3 .fgzs ul li span{
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 17px;
    line-height: 17px;
    text-align: center;
    background: rgba(0, 155, 117, 0.4);
    color: #fff;
    font-size: 14px;
}
.sybox3 .fgzs ul li img{
    max-width: 100%;
    display: block;
}

@media all and (min-width:640px){
body{width:640px;margin:0 auto;position:relative;}

}
@media all and (min-width:480px) and (max-width:639px){
    .sybox1 .box ul li .tit{
        height: 26px;
        line-height: 26px;
        background: rgba(0, 0, 0, 0.5);
        font-size: 12px;
        padding-left: 5px;
        background-size: 20px auto;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
    }
    .sypp{
        overflow: hidden;
        background: #eeeeee;
        margin-top: 15px;
        padding: 3% 0%;
    }
    .sybox2 .box1 .tit{
        height: 26px;
        line-height: 26px;
        background: rgba(0, 0, 0, 0.5) url(../images/m1.png) 94% center no-repeat;
        background-size: 30px auto;
        font-size: 12px;
        padding-left: 5px;
        background-size: 20px auto;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
    }
    .sybox2 ul li .tit,.sybox3 ul li .tit{
        height: 26px;
        line-height: 26px;
        background: rgba(0, 0, 0, 0.5) url(../images/m1.png) 94% center no-repeat;
        background-size: 30px auto;
        font-size: 12px;
        padding-left: 5px;
        background-size: 20px auto;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
    }
    .search,.text,.button,.footnav a,.subtitle{height:45px;line-height:45px;}
    .productul li a p.color1,.productul li a p.color2,.productul li a p.color3{height:60px;line-height:60px;font-size:16px;text-indent:10.18%;background-position:87% center}
    .newsul li div{line-height:21px;height:42px;font-size:12px}
    .news_link,.footnav a,.more{height:39px;line-height:39px;font-size:14px}
    .news_img{padding:3px}
    .news_more{height:27px;line-height:27px;font-size:12px;bottom:6px}
    .lookmore{height:36px;line-height:30px;}
    .foot{height:66px;}
    .foot li{height:66px}
    .foot li.tel{height:69px}
    .foot li a{line-height:105px;background-position:center 3px;}
    .classbtn{height:36px;line-height:36px;top:6px;width:139px}
    .class{top:45px}
    .class li a,.pages,.pages a{height:36px;line-height:36px;}
}
@media all and (max-width:479px){
    .sybox1 .box ul li .tit{
        height: 26px;
        line-height: 26px;
        padding-left: 5px;
        background: rgba(0, 0, 0, 0.5) ;
        font-size: 12px;
        background-size: 20px auto;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
    }
    .sypp{
        overflow: hidden;
        background: #eeeeee;
        margin-top: 13px;
        padding: 3% 0%;
    }
    .sybox2 .box1 .tit{
        height: 26px;
        line-height: 26px;
        background: rgba(0, 0, 0, 0.5) url(../images/m1.png) 95% center no-repeat;
        background-size: 30px auto;
        font-size: 12px;
        padding-left: 7px;
        background-size: 20px auto;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
    }
    .sybox2 ul li .tit,.sybox3 ul li .tit{
        height: 26px;
        line-height: 26px;
        background: rgba(0, 0, 0, 0.6);
        background-size: 30px auto;
        font-size: 12px;
        padding-left: 7px;
        padding-right: 7px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
    }
    .search,.text,.button,.footnav a{height:30px;line-height:30px;}
    .productul li a p.color1,.productul li a p.color2,.productul li a p.color3{height:39px;line-height:39px;font-size:16px;text-indent:10.18%;background-position:87% center}
    .newsul li div{line-height:14px;height:28px;font-size:12px}
    .news_link,.footnav a,.more{height:26px;line-height:24px;font-size:14px}
    .news_img{padding:2px}
    .news_more{height:18px;line-height:18px;font-size:12px;bottom:4px}
    .lookmore{height:24px;line-height:20px;}
    .foot{height:45px;}
    .foot li{height:45px}
    .foot li.tel{height:46px}
    .foot li a{line-height:46px;background-position:20px center; text-indent: 30px; font-size: 16px;}
    .classbtn{width:100px;right:2%;}

    .class li{width:100%;text-indent:1em;text-indent:1em;border-bottom: 1px solid rgb(98, 189, 167);background:#089a74;}
    .class li a{display:block;width:100%;font:normal 14px/36px Microsoft Yahei,STHeiti,SimHei;color:#fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
    .sybox1 h3{font-size: 18px;}
    .sybox3 ul li span{font-size: 16px; line-height: 20px; padding: 6px 0px;}
    .product li p{font-size: 12px; line-height: 20px;}
    .synews ul li a{font-size: 14px;}
    .sycp ul li .sycpli{width: 30.5%;}
    .synews ul li:before{top:0.9em;}
}
.pnews{width:93.75%;margin:1em auto 0em auto; min-height: 300px;}
.pnews li{
	padding:0 3.25%;
	color:#1e1f24;font:normal 16px/3 Microsoft Yahei,STHeiti,SimHei;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.pnews li:nth-child(2n+1){
	font:normal 16px/3 Microsoft Yahei,STHeiti,SimHei;
	background: rgb(234, 255, 249);
}
.pnews li .biao{float:right;color:#5C5A5A;}
.pnews li a{
	display:block;
	color:#383535;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;
}
.pnews li a:visited{color:#5C5A5A;}
.pnews li a.pressed{color:#5C5A5A;}
.fenye{ text-align:center; padding:20px 0px; font-family: Microsoft Yahei,STHeiti,SimHei; color: #000; font-size: 14px;}
.fenye a{ padding:0px 5px; color:#000;}

.title1{ font-weight:normal; font-size:20px;  color:#009a74; padding-bottom:15px; width:100%;line-height:30px; overflow:hidden; text-align:center; clear:both; font-family:Microsoft Yahei; padding-top:10px; }
.title1 span{display: block;font-size: 16px; padding-top: 7px; text-transform: uppercase; line-height: 20px;}
.title1  img{ vertical-align: middle; padding-bottom: 5px;}
.title2{ color:#009a74;  margin: 10px 0px;  font-size:16px;  line-height:30px; font-family:Microsoft Yahei; }
.title3{  color:#fff; background:#009a74; font-size:14px; font-family:Microsoft Yahei; height:40px; display:inline-block;  margin-bottom:5px; padding:0px 15px;  line-height:40px; }
.title4{  color:#009a74;  font-size:14px;  }
.subpage table td{
    padding: 2px;
}
.qyjjli li{
    padding-top: 20px;
}
.qyjjli li .pic img{
    display: block;
    width: 100%;
}

.cptxlist{overflow: hidden;}
.cptxlist li{ width: 46%; margin: 2%; float: left;}
.cptxlist li .title2{ display: block; margin: 5px 0px; font-size: 16px; text-align:justify; }