@charset "utf-8";
/* Style Reset */
body,p,h1,ul,li,input,img{margin:0; padding:0;}
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}
.topbgpic{width:100%;display:block;}
.logo{display:block;width:100%;position:absolute;left:0;top:0;}
.logo img{display:block;width:100%}
.navbtn{position:absolute;width:15.9375%;right:0;display:block;top:33.3333%}
.banner{width:100%}
.banner img{display:block;width:100%}
.banner a img{ border:0;}
.searchbg{width:100%;padding:2% 0;background:#fff;background:#eee;}
.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 15px/51px 'microsoft yahei';color:#595959;text-indent:3.801%; font-weight:normal;}
.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:#f2f2f2;z-index:1;}
.allpage{position:relative;z-index:10;background:#fff}
.nav li{width:200px;margin:0 auto;line-height:53px;background:url(../images/icons4.jpg) 149px center no-repeat;background-size:13.18%;margin:0 auto;border-bottom:1px solid #fff}
.nav li a{display:block;width:100%;height:52px;text-indent:37px;font:700 16px/52px '微软雅黑';color:#6b6b6b;border-bottom:1px solid #e8e8e8;}
.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:36px;font:700 18px/36px 'microsoft yahei';color:#fff; text-align:center;}
.productul li a p.color1{background:#E76F0E;background-size:13.19%;}
.productul li a p.color2{background:#E76F0E;background-size:13.19%;}
.productul li a p.color3{background:#E76F0E;background-size:13.19%;}
/*newsul*/
.newsul{width:100%}
.newsul li{width:94.6875%;margin:0 auto 3%;border-radius:3px;padding:2% 0 1.5%;background:#F0F0F0;overflow:hidden;position:relative;}
.news_img{display:block;width:26%;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';color:#3b3b3b;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.newsul li div{float:left;width:60.726%;font:14px/26px 'microsoft yahei';color:#949494;height:52px;overflow:hidden}
.news_more{display:block;width:16.5%;height:36px;font:14px/36px 'microsoft yahei';color:#3B4044;text-align:center;right:0;bottom:7px;position:absolute;background:#E0E0E0;}
.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';color:#fff;width:92.1875%;margin:2% auto;height:48px;}
/* foot */
.footnav{width:87.8125%;margin:0 auto;overflow:hidden;padding-bottom:15px}
.footnav a{display:block;width:18.52%;height:35px;float:left;margin:0 0.56%;border:1px solid #E6E6E6;background:#f6f6f6;text-align:center;font:700 14px/35px 'microsoft yahei';color:#6D6D6D; font-weight:normal;}
.support{width:100%;text-align:center;font:700 12px/20px 'microsoft yahei';color:#fff; display:none;}
.support a{color:#fff;}
.foot{width:100%;height:auto;background:#f58e30;overflow:hidden;}
.foot li{float:left;width:25%;height:auto;background:#f58e30 url(../images/bgline1.jpg) repeat-y right 0;overflow:hidden;}
.foot li a{width:50%;height:auto;padding:15% 0 15% 50%; font-size:1em;font-family:'microsoft yahei';color:#fff; display:block; float:left;}
.home1 a,.home2 a{background:url(../images/home.png) 25% center no-repeat;background-size:25%}
.tel a{background:url(../images/tel.png) 25% center no-repeat;background-size:22.5%}
.sms a{background:url(../images/sms.png) 25% center no-repeat;background-size:25%}
.map a{background:url(../images/map.png) 25% center no-repeat;background-size:21.875%}
.share a{background:url(../images/share.png) 25% center no-repeat;background-size:26%}
.foot li.share{ background-image:none;}
/*subpage*/
.more{display:block;width:28%;height:44px;margin:10px auto;text-align:center;font:12px/44px 'microsoft yahei';color:#fff;background:url(../images/lookmore.jpg) 0 0 no-repeat;background-size:100% 100%}
.classbtn{position:absolute;width:22.1337%;height:35px;right:1.4331%;background:url(../images/classbtn.png) 0 0 no-repeat;top:8px;font:700 12px/35px 'microsoft yahei';color:#fff;text-indent:2.07%;background-size:100% 100%}
.class{width:24%;right:0;top:50px;z-index:111;position:absolute;display:none}
.class li{width:100%;height:45px;background:url(../images/classli.png) 0 0 no-repeat;text-indent:1em;background-size:100% 100%}
.class li a{display:block;width:100%;font:700 14px/45px 'microsoft yahei';color:#fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.subpage{width:92%;margin:0 auto;font:14px/30px 'microsoft yahei';color:#4c4c4c;padding-bottom:15px;min-height:360px}
.subpage h1{width:100%;font:700 18px/40px 'microsoft yahei';color:#4c4c4c;border-bottom:1px dashed #e3e3e3;text-align:center;margin-bottom:10px}
.subpage center{ display:none;}
.subtitle{width:98.125%;margin:2% auto;height:50px;background:url(../images/subtitle.jpg) 0 0 no-repeat;background-size:100% 100%;color:#3A3A3A;text-indent:4%;font:700 16px/50px 'microsoft yahei';position:relative}
.subpage img{display:block;margin:0 auto;max-width:100%}
/*product*/
.product{width:100%;overflow:hidden;min-height:360px;}
.product li{width:25%;float:left;}
.product li a{display:block;width:92.8125%;margin:0 auto}
.product li img{display:block;width:100%}
.product li p{width:100%;font:14px/30px 'microsoft yahei';text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#3b3b3b}
.pages{width:96%;margin:0 auto 1px;height:37px;display:block;text-indent:1.765%;font:12px/37px 'microsoft yahei';color:#4B4B4B;text-overflow:ellipsis;overflow:hidden;white-space: nowrap;border-bottom:1px dashed #9D9D9D;
border-top:1px dashed #9D9D9D;}


.tuandui{width:94%; margin:16px auto 26px;}
.tuandui p{font-size:14px; line-height:22px; color:#666666;}
.tuandui p span{font-size:16px; line-height:36px; color:#FF6600;}

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

}
@media all and (min-width:320px) and (max-width:480px){
.product li{width:50%;float:left;}
.productul li a p{width:100%;height:20px;font:700 12px/20px 'microsoft yahei';}
.more{ font-size:12px; line-height:44px;height:44px;}
.text{font-size:12px;}
.productul li a p{font-size:12px;}
.product li p{font-size:12px;}

.subpage h1{width:100%;font:700 14px/40px 'microsoft yahei';color:#4c4c4c;border-bottom:1px dashed #e3e3e3;text-align:center;margin-bottom:10px}
.subtitle{width:98.125%;margin:2% auto;height:50px;background:url(../images/subtitle.jpg) 0 0 no-repeat;background-size:100% 100%;color:#3A3A3A;text-indent:3%;font:700 12px/50px 'microsoft yahei';position:relative}
.tuandui{width:94%; margin:16px auto 25px;}
.tuandui p{font-size:12px; line-height:16px; color:#666666;}
.tuandui p span{font-size:14px; line-height:30px;color:#FF6600;}
}
@media all and (min-width:480px) and (max-width:639px){

    .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:36px;line-height:36px;font-size:12px;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:12px;}
    .news_img{padding:3px}
    .news_more{height:27px;line-height:27px;font-size:12px;bottom:6px}
    .lookmore{height:36px;line-height:36px;font-size:12px;}

    .classbtn{height:36px;line-height:36px;top:6px;width:139px}
    .class{top:45px}
    .class li,.class li a,.pages,.pages a{height:36px;line-height:36px;font-size:12px;}
	.subpage h1{width:100%;font:700 18px/40px 'microsoft yahei';color:#4c4c4c;border-bottom:1px dashed #e3e3e3;text-align:center;margin-bottom:10px}
}
@media all and (max-width:479px){
    .search,.text,.button,.footnav a,.subtitle{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:12px;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:26px;font-size:12px;}
    .news_img{padding:2px}
    .news_more{height:18px;line-height:18px;font-size:12px;bottom:4px}
    .lookmore{height:24px;line-height:24px;font-size:12px;}
    .classbtn{height:24px;line-height:24px;top:4px;width:92px}
    .class{top:30px}
    .class li,.class li a,.pages,.pages a{height:25px;line-height:25px;font-size:12px;}
	.subpage h1{width:100%;font:700 12px/40px 'microsoft yahei';color:#4c4c4c;border-bottom:1px dashed #e3e3e3;text-align:center;margin-bottom:10px}
}

.mfootnav{width:80%;margin:0 auto;overflow:hidden;padding:15px 10%; background:#e9e9e9;}
.mfootnav a{display:block;width:25%;float:left;}
.mfootnav a img{display:block;width:100%;float:left;margin:0;background:#f6f6f6;text-align:center;}


.tuandui ul{
width:96%;
margin:20px auto;}
.tuandui li{
font-size:12px;
color:#585858;
padding:50px 0 0;
line-height:2.2em;}
.tuandui li img{
margin:0 auto;
width:50%; height:auto;
display:block;
}
.tuandui li b{
display:block;
text-align:center;
font-size:15px;
color:#333333;
margin:10px 0;
padding-left:10px;}

.lhomenew a img{
border:0;}
.lhomenew a{
margin:0;
padding:0;}
.lhomenew img{
width:100%; height:auto; display:block;}
.lhomenew h2{padding:0; width:100%; margin:0 auto;}
.lhomenew  h2 a img{ width:100%; border:0;}