@charset "utf-8";
@media screen and (max-width: 1680px) {
.yindao h1 img{height: 120px}

.banner .zi{padding: 5%}
.banner-thumbs{left: 5%}
.banner .zi span{font-size: 35px}
.dtit p>b{font-size: 24px}
.syab .zi b{font-size: 38px}
.nban b{font-size: 28px}
.about-t>b{font-size: 24px}
.wenhua .z strong{font-size: 18px}
.contact .z h1{font-size: 24px}
}
@media screen and (max-width: 1600px) {
.container{max-width: 90%}
.header .mem{margin:0 15px;}
.header .tel{margin-right: 15px}
}
@media screen and (max-width: 1440px) {
.yindao h1 img{height: 100px}
.yindao .ul li .mask b{font-size: 30px}
.yindao .ul li .mask p>a{border-width: 1px;}
.yindao .te>b{font-size: 22px}
.yindao .ul li .mask img{height: 65px}

.header h1 img{height: 40px}
.nav{margin-left: 1%}
.nav>li{font-size: 16px}
.prozinav{left: -200px}
.prozinav .you .t{font-size: 18px}
.sypro-prev{left: 0}
.sypro-next{right: 0}

}

@media screen and (max-width: 1366px){
.header{height: 60px;}
.header h1{line-height:55px;}
.header h1 img{height: 35px}
.header .y{margin-top: 12px}
body{padding-top: 60px}
.nav>li{line-height: 60px;height: 60px;}
.header .tel{font-size: 16px;margin-top: 4px}
.header .mem{margin:0 5px;}
.header .sea{width:350px }
.header .sea .k{width: 295px}

.banner-thumbs{bottom: 10%}
.banner .zi span{font-size: 30px}
.banner .zi .mo{padding: 5px 20px}
.syab{padding: 6%}
.syab .zi b{font-size: 30px}
.synews li .zi b{font-size: 16px;height: 24px}
.syhezuo li{height: 100px;line-height: 100px}
.hezuo li{height: 100px;line-height: 100px}
.foot .z img{height: 40px}
.menubg{line-height: 35px}
.about-t>b{font-size: 20px}
/*.procon1z{width: 50%}
.procon1 .y{width: 45%}*/
.procon1 .y>h1{font-size: 22px;margin-top: 0;margin-bottom: 10px}
}

@media screen and (max-width: 1280px) {
.nav>li>a{padding: 0 8px}
}

@media screen and (max-width: 1200px) {
.yindao{display: block;overflow-y:auto;padding: 4% 0}
.yindao>div{width: 480px;margin:0 auto;}
.yindao h1 img{height: 70px}
.yindao .ul li{width: 100%;margin-bottom: 50px}
.yindao .ul li .mask img{height: 60px}


.navbtn{background: none; cursor: pointer; outline: none;margin-top: 5px;
margin-left: 10px}
.navbtn span {display: block;width:26px;height:3px;background-color:#878787;
margin-left: calc(50% - 13px);margin-bottom:3.5px; transition: all .5s ease-out;transform-origin: 0 0;
-webkit-transition: all .5s ease-out; -webkit-transform-origin: 0 0;
-moz-transition: all .5s ease-out; -moz-transform-origin: 0 0;
-ms-transition: all .5s ease-out; -ms-transform-origin: 0 0;
-o-transition: all .5s ease-out; -o-transform-origin: 0 0;}
.navbtn.active span:nth-child(2) { opacity: 0;}
.navbtn.active span:first-child {transform: rotate(45deg) translate(1px, -4px);}
.navbtn.active span:last-child {margin-bottom: 0; transform: rotate(-45deg) translate(-1px, 3px);}
.nav{display: none;position: absolute;width: 400px;max-width:60%; height:calc(100vh - 60px);
top:100%;margin-left: 0; overflow-y: auto;background:rgba(0,0,0,0.9); padding: 20px 0; z-index: 3;right:0;
-webkit-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;
-moz-transition:all .5s;}
.nav.lef{right: 0}
.nav>li{width: 100%;color: #fff;height: auto;line-height: 40px;padding-left: 20px}
.nav>li>a{padding: 0}
.nav>li>i{display: none}
.xiala{width: 100%; display: block;position: static;background:none;padding: 5px 0;
box-shadow:none;text-align: left;padding-left: 50px;}
.zinav>a{color: #fff;}
.zinav>a:hover{color:#c7000b;}
.prozinav .zuo{background:none;width: 100%;padding:0}
.prozinav .you{display: none}
.prozinav .zuo li{color: #fff}
.prozinav .zuo li a{padding: 0}
.prozinav .zuo li.active, .prozinav .zuo li:hover{color: #c7000b;background:none;}

.about1 .z{width: 100%;margin-top: 10px}
.about1 .y{width: 100%;text-align: center;}
.wenhua .z{width: 100%;}
.wenhua .y{width: 100%;text-align: center;}
.news li .y b{max-height: 30px}
.news li .y p{max-height: 42px;}
.pro li{width: 31.2%}

.dbnav li>a{ font-size: 14px;}
.dbnav li .dbxiala>a{ font-size: 12px;}
}
@media screen and (max-width: 1024px) {
.container{max-width: 640px}
.banner .zi span{font-size: 22px}
.banner .zi p{font-size: 14px}
.banner-thumbs{bottom: 10px}
.banner-thumbs .swiper-slide{width: 55px;height: 30px;border-width: 1px}
.banner .swiper-slide img{min-height: 180px;}
.banner .zi .mo{font-size: 14px;padding:2px 5px;margin-top: 5px}
.dtit p>b{font-size: 20px}
.dmo{padding: 3px 8px}
.syab .zi b{font-size: 24px}
.synews li{width: 100%;margin-bottom: 10px}
.foot{display: none}

.nban b{font-size: 22px}
.posi{display: none}
.about-t>b{display: block;font-size: 18px}
.about2 .ul1{width: 100%}
.about2 .ul2{width: 100%;margin-top: 10px}
.wenhuax li{width: 100%;margin-bottom: 10px}
.news li{width: 100%;margin-bottom: 10px}
.menu li.duo{display: none}
.shouji{display: block;}
.pro li{width: 48%}
.pro li b{font-size: 16px;margin:10px 0;}
.procon1z{width: 100%;}
.procon1 .y{width: 100%;margin-top: 10px}
.procon1 .y>h1{margin-bottom: 0}
.procon1 .y .zi>b{font-size: 18px}
.procon1 .y .zi{margin:10px 0;}
.procon-t{font-size: 18px}
.artpage a{width: 100%;font-size: 14px}
.procon3 .tab td.t{font-size: 16px}
.procon3 .tab td{display: block;padding: 5px 15px}
.protui li{margin-bottom: 10px}
.hezuo li{width: 31%}
.contact .z{width: 100%;}
.contact .z h1{font-size: 18px}
.contact .z p{font-size: 14px}
.contact .y{width: 100%;margin-top: 10px}
.my-map { height: 240px; }

.loginbg{padding: 10px 0}
.login h3,.regist h3,.registzi h3{font-size: 18px}
.loginbg .z{display: none}
.loginbg .y{width: 100%;padding: 20px}
.login{margin-top: 0;width: 360px}
.registbg{padding: 0}
.registbg .z{display: block;width: 100%;padding: 20px}
.registzi{margin-top: 0}
.regist{width: 360px}
.login .b,.regist .b,.registzi a.lo{font-size: 16px}

.prodleft{ width: 100%; }
.prodright{ width: 100%; }

}

@media screen and (max-width: 980px) {

}

@media screen and (max-width: 860px) {

}

@media screen and (max-width:768px) {
.yindao h1{margin-bottom: 25px}
.yindao>div{width: 300px}
.yindao h1 img{height: 55px;}
.yindao .ul li .mask b{font-size: 22px}
.yindao .ul li .mask p>a{width: 95px;height: 28px;line-height: 26px;}
.yindao .ul li .mask img{height: 40px}
.yindao .te{margin-top: 0}
.yindao .te>b{font-size: 20px}
.yindao-bg>img{width: 200%;margin-left: -100%}

.container{max-width: 400px}
.header{height: 75px}
.header h1{text-align: center;width: 100%;line-height: 35px}
.header h1 a{display: inline-block;}
.header h1 img{height: 30px}
.header .y{width: 100%;margin-top: 5px;}
.header .tel{display: none}
.header .sea{width:250px }
.header .sea .k{width: 195px}
.navbtn{float: left;margin-left: 0;margin-top: 10px}
.nav{left: -100%}
.nav.lef{left: 0}
.zinav > a:hover{ background:none; }
body{padding-top: 75px}
.banner .zi span{font-size: 18px}
.banner-thumbs .swiper-slide{width: 40px;height: 20px;border-width: 1px}
.banner .zi p{display: none}
.banner .banv img{ display:block; }
.banner .banv video{ display:none; }

.dtit{text-align: center;}
.dmo{float: none;display: inline-block;margin-top: 0}
.sypro li b{font-size: 14px}
.sypro li a.mo{margin-top: 5px}
.syab{padding:20px}
.syab .zi b{font-size: 18px}
.syab .zi p{font-size: 14px}
.syab .zi a.mo{margin-top: 10px;padding: 2px 8px}
.synews li .zi{padding: 5px 10px}
.synews li .zi p{margin:5px 0;}
.syhezuo li{height: 80px;line-height: 80px}
.copy{padding: 5px 0}
.nban img{width: 220%;margin-left: -60%}
.nban b{font-size: 18px}
.nban b>span{font-size: 14px}
.menubg{line-height: 25px}
.menu li a{padding: 0 15px}
.about-t{margin-bottom: 10px}
.about2 .ul1 li b,.about2 .ul2 li b{padding: 2px 10px;font-size: 14px}
.about3 li b{padding: 5px}
.wenhuax li .zi b{font-size: 18px}
.wenhuax li .zi{padding: 10px}
.news li .y p{margin:5px 0;}
.news li .y b{font-size: 18px}
.hezuo li {width: 48%;height: 80px;line-height: 80px;margin-bottom: 10px}
.contact .z h1{text-align: center;}
.procon1 .y>h1{font-size: 18px}
.procon1 .y .xia{text-align: center;}
.procon1 .y .xia>a{font-size: 14px;background-size: 22px!important;background-position: 5px center!important;
padding: 5px 10px 5px 30px}

.showtop h1{ font-size:20px;}
.showtop .showcs{ margin:5px 0; }


.artpage2 span{width: 100%}
.artpage2 span:first-child{border-right:none;}

.gvrp{ width: 100%; left:0; top: 0; margin:0; height: 100%;  }
.gvrp .gvrptxt{ height: 85%; }
}
@media screen and (max-width:640px) {

}