﻿@charset "utf-8";
.clear {clear:both;}
*:focus { outline: none; } 
body.on{overflow:hidden;}
.tnav,.tss{display:none;}
.prolist li span i{display:none;}
.fonav{display:none;width:100%;position:fixed;bottom:0;left:0;z-index:991;}
.fonav ul{width:100%;max-width:640px;background:#fff;margin:0 auto;border-top:1px solid #ddd;position:relative;z-index:1;}
.fonav ul li{width:25%;float:left;border-left:1px solid #ddd;margin:0 0 0 -1px;}
.fonav ul li a{display:block;width:100%;padding:10px 0;font-size:14px;color:#555;text-align:center;}
.fonav ul li dl{width:95%;position:absolute;left:2.5%;bottom:56px;z-index:11;border:1px solid #ddd;display:none;background:#fff;}
.fonav ul li dl dd{border-bottom:1px solid #ddd;width:33.33%;float:left;margin:0 0 -1px 0;}
.fonav ul li dd a{padding:7px 0;font-size:14px;}
.fonav ul li dl tt{display:block;width:34px;height:15px;position:absolute;left:33%;bottom:-14px;z-index:12;overflow:hidden;}
.fonav ul li dl tt i{display:block;width:17px;height:17px;border:1px solid #ddd;background:#fff;transform:rotate(45deg);position:absolute;left:5px;bottom:5px;z-index:11;}
.foh50{height:15px;}
.tuijian li div{width:98%;height:180px;overflow:hidden;}
.tuijian li div img{width:100%;min-height:100%;transition:.5s;}
.tuijian li div:hover img{transform:scale(1.2);}
.clpiclist li dt{display:none;}
.clpiclist li dd{margin:0;}
.clpiclist li dd p{display:none;}
input {-webkit-appearance:none;}
.xingqu-tit{display:none;}
.dhindex{width:100%;margin:10px auto;display:none;}
.dhindex li{width:25%;float:left;height:80px;background-repeat:no-repeat;background-position:center 0;background-size:45px auto;text-align:center;}
.dhindex li a{display:block;padding-top:50px;font-size:12px;}
.dhindex li.dh_66{background-image:url(../images/n_66.png);}
.dhindex li.dh_71{background-image:url(../images/n_71.png);}
.dhindex li.dh_74{background-image:url(../images/n_74.png);}
.dhindex li.dh_1{background-image:url(../images/n_1.png);}
.dhindex li.dh_14{background-image:url(../images/n_14.png);}
.dhindex li.dh_32{background-image:url(../images/n_32.png);}
.dhindex li.dh_41{background-image:url(../images/n_41.png);}
.dhindex li.dh_37{background-image:url(../images/n_37.png);}
.mslide{border-top:1px solid #ddd;}
.mslide,.mlists{width:100%;display:none;}
.mainright #slider,.mainindexl .side_nav,.mainindexl .likelist{display:block;}
.pc{display:block;}
.phone{display:none;}


@media (max-width:1100px) {
.top{width:95%;}
.logo{width:250px;}
.nav ul{width:95%;}
.hot{height:41px;width:95%;line-height:41px;position:relative;z-index:1;}
.hotleft{width:auto;margin:0 360px 0 0;}
#scrollDiv,#scrollDiv2{position:absolute;right:0;top:0;z-index:11;}
.main{width:95%;}
.mainleft{width:28%;}
.mainleft .mainleft{width:100%;}
.leftpic{width:100%;float:none;margin:0;}
.leftpic img{width:100%;}
.mainright{width:70%;}
#slider{width:100%;}
#slider li img{width:100%;}
ul.inprolist li{width:24%;height:195px;margin:15px 1% 15px 0;}
ul.inprolist li .li_img{ width:100%;height:156px;overflow:hidden;}
ul.inprolist li .li_img img{width:100%;min-height:100%;}
ul.inprolist li .li_title{ width:100%;}
ul.side_top {height:10px;width:100%;}
ul.side_nav {width:100%;float:none;clear:both;}
.side_bottom {height:10px;width:100%;margin-top:20px;}
.likelist{width:100%;}
.likelist span{width:100%;}
ul.keylist2{width:100%;}
.mainlianxi{width:100%;}
.mainlianxi span{width:100%;}
ul.kouhao{width:100%;}
ul.kouhao span{width:100%;height:auto;}
ul.kouhao span h3{width:90%;}
ul.lianxi{width:100%;}
ul.lianxi li{width:100%; }
.mainhaoping span{width:100%;text-indent:5px;}
ul.haoping{width:95%; margin:10px auto 0;padding:0 0 10px;}
ul.haoping li{width:100%;}
ul.chengnuo{width:100%;}
ul.chengnuo span{width:100%; height:auto; }
ul.chengnuo span h3{width:100%;}
.copyright{height:auto;width:100%;margin:0 auto;padding-top:15px;}
.copyrights{height:auto;width:100%;margin:0 auto;padding:10px 0;}
.copyrights ul li{display:inline-block;float:none;margin:5px 5px;}
.c_left{display:none;}
.c_right{width:95%;height:auto;float:none;text-align:center;}
.c_right li {height:auto;line-height:17px;padding:3px 0;}
.link{height:auto;line-height:22px;}
.link_small{height:auto;line-height:22px;width:95%;margin:0 auto;}
ul.pinpailist{width:100%;}
ul.keylist{width:100%;}
ul.enprolist li{height:auto;min-height:100px;margin:10px 0;position:relative;z-index:1;}
ul.enprolist li .li_img{ border:#efefef solid 1px; width:100px; height:100px;float:none;margin:0;position:absolute;left:0;top:0;z-index:11;}
ul.enprolist li .li_img img{width:100%;min-height:100%;}
ul.enprolist li .li_title{height:auto;width:auto;margin:0 1px 0 110px;float:none;}
ul.enprolist li .li_title b a{line-height:20px;}
ul.cproduct .left{width:35%;margin:20px 0;}
ul.cproduct  .left img{width:100%;}
ul.cproduct  .right{width:61%;height:auto;float:right;}
.pcontent{width:100%;margin:20px auto;}
.pcontent img{width:auto!important;max-width:100%;height:auto!important;}
.pcontent dl{ width:100%;margin:20px auto;}
.pcontent dl dt{height:auto;line-height:20px;width:100%;}
.titles{width:100%; line-height:20px;height:auto;padding-bottom:10px;}
.conten_body{margin-top:10px;width:auto;}
.conten_body img{width:auto!important;max-width:100%;height:auto!important;}
.conten_title span{float:none;display:inline-block;}
.conten_title{line-height:20px;height:auto;}
.read_next_page{height:auto;}
.related_news{width:100%;float:none;}
.related_news h3{margin-left:0;margin-top:20px;}
.related_news ul{height:auto;}
.related_news ul li{float:left;line-height:35px;width:50%;margin:0;padding:0;}
ul.enprolist li .li_title{line-height:20px;}
ul.enprolist li .li_title b a{font-weight:bold; line-height:20px; font-size:14px;}
ul.goodslist li{width:24%;height:185px;margin:15px 1% 0 0;}
ul.goodslist li a:first-child{display:block;width:100%;height:156px;overflow:hidden;}
ul.goodslist li a:first-child img{width:100%;min-height:100%;}
.framecenter{width:100%;margin:0 auto;}
.framecenter .newslist{width:95%;max-width:1000px;margin:0 auto;}
.framecenter .newslist li{text-align:left;}
.framecenter .newslist li .infolist{margin-left:0px;}
.content{ width:100%;padding:0;line-height:30px;}
.content img{max-width:100%;}
.content table,.pcontent table{width:100%!important;}
.location{width:95%;margin:10px auto;}




.taglike{width:99%;border:#ccc dotted 1px;padding:20px 0;margin:20px 0;}
.taglike h3{padding:10px 20px 0;}
.taglike li{padding:0px 20px;}
.pp1{width:100%;margin:10px 0;height:276px;display:block;background:url(../images/pp1.jpg) no-repeat center 0;background-size:100% auto;}
.pp2{width:100%;margin:10px 0;height:276px;display:block;background:url(../images/pp2.jpg) no-repeat center 0;background-size:100% auto;}
.pp3{width:100%;margin:10px 0;height:288px;display:block;background:url(../images/pp3.jpg) no-repeat center 0;background-size:100% auto;}
.pp4{width:100%;margin:10px 0;height:276px;display:block;background:url(../images/pp4.jpg) no-repeat center 0;background-size:100% auto;}
.pp5{width:100%;margin:10px 0;height:276px;display:block;background:url(../images/pp5.jpg) no-repeat center 0;background-size:100% auto;}
.pp6{width:100%;margin:10px 0;height:276px;display:block;background:url(../images/pp6.jpg) no-repeat center 0;background-size:100% auto;}
.pp01{width:100%;margin:15px 0;height:66px;display:block;background:url(../images/pp01.jpg) no-repeat center 0;background-size:100% auto;}
.pp02{width:100%;margin:10px 0;height:98px;display:block;background:url(../images/pp02.jpg) no-repeat center 0;background-size:100% auto;}
.linkbox{width:95%;margin:20px auto;clear:both;}
.linkbox ul li{ float:left; margin-right:20px;}
.zhuantipic{ width:auto;height:auto; border:#d0d0d0 solid 1px; float:none; display:block; padding:10px;}
.zhuantipic li{float:none;}
.rihgtbiao{ width:99.5%;margin:10px 0 0;float:none;text-align:left;}
.speciallist li span.span001{ width:20%;}
.speciallist li span.span002{ width:20%;}  
.speciallist li span.span003{ width:60%;} 
#note2 {height:auto;padding-bottom:10px;}
#note2 ul.w18 {width:auto;float:none;}


}
@media (max-width:1001px) {
.banner{display:none;}
.inlink{display:none;}
.nav ul li{padding:0 15px;}


}
@media (max-width:951px) {
.nav ul li{padding:0 12px;}


}
@media (max-width:850px) {
* {
            padding: 0;
            margin: 0;
            box-sizing: border-box;
        }
        html, body {
            height: 100%;
            overflow: auto;
            -webkit-overflow-scrolling: touch;
        }
        body {
            position: relative;
        }
#head{height:auto;}
.top{height:60px;position:relative;z-index:99;}
.logo{width:150px;margin:13px 0 0 0;}
.logo img{width:130px;}
.tnav{width:30px;height:30px;position:absolute;right:0;top:15px;z-index:1;background:url(../../images/tnav.png) no-repeat center center;cursor:pointer;display:block;}
.tss{width:30px;height:30px;position:absolute;right:40px;top:15px;z-index:1;background:url(../../images/tss.png) no-repeat center center;cursor:pointer;display:block;}

.search{width:105%;float:none;margin:0;padding:10px 0;background:#fff;position:absolute;left:-2.5%;top:50px;z-index:9999;display:none;text-align:center;border-bottom:1px solid #ddd;}
.searchm{width:230px;margin:0 auto;}
.tel{display:none;}
.side-bar,.qust_contach{display:none;}
.nav{height:100%;width:100%;background:rgba(0,0,0,.7);position:absolute;left:0;top:58px;z-index:99999;display:none;}
.nav a{color:#555;}
.nav ul{width:150px;position:absolute;right:-150px;top:0;zoom:1;background:#F5F5F5;}
.nav ul li{float:none;height:40px;line-height:40px;color:#FFF;padding:0;border:0;border-bottom:#CCCCCC solid 1px;width:100%;}
.nav ul li.sitemap a{color:#fff;}
.nav ul li.sitemaps{float:none;padding:0;color:#fff;}
.nav ul li.navOn{float:none;padding:0;color:#fff;}
.nav ul li.sitemaps a{float:none;padding:0;color:#fff;}
.nav ul li.navOn a{float:none;padding:0;color:#fff;}
.hot{height:auto;width:100%;line-height:20px;padding:10px 0;background:#fff;}
.hotleft{width:95%;margin:0 auto;text-align:center;height:auto;float:none;}
#scrollDiv,#scrollDiv2{position:static;width:300px;margin:10px auto 0;height:20px;line-height:20px;}
#scrollDiv li,#scrollDiv2 li{height:20px;}
.main{width:100%;}
.mainleft{width:95%;float:none;margin:0 auto;}
.mainright{width:95%;float:none;margin:10px auto 0;}
ul.keylist2 li{width:25%;}
ul.side_nav li{float:left;width:25%;}
ul.side_nav li a {width:100%;}
.inclass{float:right;width:auto; }
.inclass a{font-size:14px;}
.newproduct{padding:20px 0 0;}
ul.pinpailist li{width:25%;}
ul.keylist li{width:25%;float:left;}
.mslide{display:block;}
.mlists{display:none;}
.mainright #slider{display:none;}
.mainindexl .side_nav,.mainindexl .likelist{display:block;}
.pc{display:none;}
.phone{display:block;}



.banner66{height:180px;}
.banner71{height:180px;}
.banner74{height:180px;}
.banner76{height:180px;}
.xingqubg{width:100%;height:100%;background:rgba(0,0,0,.7);position:fixed;left:0;top:0;z-index:990;display:none;}
.xingqubgm{width:100%;height:100%;background:rgba(0,0,0,.7);position:absolute;left:0;top:40%;z-index:99;display:none;}
.mainph{width:100%;}
.mainph .mainright{width:95%;margin:10px auto 0;}
.mainph .bdsharebuttonbo{width:95%;margin:0 auto;}
.mainph .weizhi{width:95%;margin:0 auto;}
.mainph .prolist{margin:10px auto 0;width:95%;}
.xingqu-tit{display:block;width:100%;margin:10px auto 0;position:relative;z-index:988;background:#fff;}
.xingqu-tit span{display:inline-block;padding:5px 0;background:#f2f2f2;border:1px solid #ddd;border-radius:3px;font-size:14px;color:#333;background:url(../images/tdown.png) no-repeat 95% center;cursor:pointer;background-size:12px auto;width:45%;text-align:center;margin:0 0 0 2.5%;}
.xingqu-tit span:nth-child(2){float:right;margin:0 2.5% 0 0;}
.xingqu-tit span.on{background:url(../images/tup.png) no-repeat 95% center;cursor:pointer;background-size:12px auto;color:#0275e1;border:1px solid #0275e1;}
.xingqu{position:relative;z-index:999;background:#fff;width:100%;margin:0 auto;}
.xingqu ul{width:100%;background:#fff;position:absolute;left:0;top:0;z-index:11;}
.xingqu li{width:100%;float:none;clear:none;height:auto;display:none;padding:10px 0;}
.xingqu li span{padding:0;background:#f2f2f2;border:1px solid #ddd;border-radius:3px;margin:5px 0 5px 8px;display:inline-block;}
.xingqu li span.xingqu-lia{display:none;}
.xingqu li span a{color:#333;display:inline-block;padding:0 6px;}
.xingqu li span.navOn{background:none;border:1px solid #0275e1;}
.xingqu li span.navOn a{color:#0275e1;}
.fonav{display:block;}
.mainleft h1.arctit {font-size:16px;}
.mainright ul.clpiclist li{padding:0;background:none;min-height:60px;line-height:16px;margin:5px 0;}
.mainright ul.clpiclist li a{padding:0;margin:0;text-indent:0;display:block;}
.mainright ul.clpiclist li dl{width:95%;margin:0 auto;min-height:60px;position:relative;z-index:1;}
.clpiclist li dt{width:60px;height:60px;position:absolute;left:0;top:0;z-index:11;overflow:hidden;display:block;}
.clpiclist li dt img{width:100%;height:100%;}
.clpiclist li dd{margin:0 0 0 70px;}
.clpiclist li dd p{margin:3px 0 0 0;font-size:12px;color:#999;line-height:16px;text-indent:0;padding:0;display:block;}
.prolist li span.span63,.prolist li span.span65{display:none;}
.dhindex{display:block;}

}
@media (max-width:750px) {


}
@media (max-width:650px) {
ul.keylist2 li{width:33.33%;}
ul.side_nav li{width:33.33%;}
ul.pinpailist li{width:33.33%;}
ul.keylist li{width:33.33%;}
ul.inprolist li{height:175px;}
ul.inprolist li .li_img{height:136px;}
.inpro{padding:0;}
.inclass{float:none;width:auto;display:block;text-align:left;}
.more2{float:none;width:auto;display:block;text-align:left;}
.related_news ul li{float:none;line-height:20px;width:100%;margin:5px 0;}
ul.goodslist li{height:165px;}
ul.goodslist li a:first-child{height:136px;}


}
@media (max-width:550px) {
ul.keylist2 li{width:50%;}
ul.side_nav li{width:50%;}
ul.pinpailist li{width:50%;}
ul.keylist li{width:50%;}
ul.inprolist li{width:48%;height:195px;margin:10px 2% 10px 0;}
ul.inprolist li .li_img{height:156px;}
ul.cproduct .left{width:100%;margin:20px auto;float:none;}
ul.cproduct  .right{width:100%;float:none;margin:20px auto 0;}
ul.goodslist li{width:48%;height:185px;margin:10px 1% 0 0;}
ul.goodslist li a:first-child{height:156px;}




}
@media (max-width:450px) {
ul.inprolist li{height:175px;}
ul.inprolist li .li_img{height:136px;}
ul.goodslist li{height:165px;}
ul.goodslist li a:first-child{height:136px;}



}
@media (max-width:390px) {


}
@media (max-width:350px) {


}