/* CSS Document */

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

.footer .shang .kefu{ float:left;}
.sy-1-bg{ height:550px;}

}

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


}

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

.footer .w1230{ width:auto; margin:0 15px;}

}



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

/*头部*/
.header{ height:50px; position:fixed; top:0;}
.header .logo,.header .logo img{ height:40px;}
.header .logo{ margin-top:5px; margin-left:15px;}

.w650{ width:100%;}




/* 导航开始 */
.daohang{ display:none;}
.nav{-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease; display:block;}
.nav{width:100%;background:#fff;float:left;}
.nav li{ width:8%;height:20px;line-height:20px;float:left;font-size:14px;text-align:center;position:relative;}
.nav ul li a{color:#333;display:block; font-size:14px;}
.nav ul li:hover,.nav ul li.another{background:#ccc;}
.nav ul li:hover a{ color:#fff !important; background-color:#009944;}
.nav ul li.another a.wp_nav_li{ color:#009944;}
 .toggle{opacity: 0;}

 .toggle {
    width: 25px;
    height: 20px;
    position: absolute;
    top: 14px;
    right: 0px;
    cursor: pointer;
    z-index: -1;
}
 .toggle em {
    width: 100%;
    height: 3px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color:#009944;
    border-radius: 5px;
}
 .toggle em:nth-child(2) {
    top: 8px;
}
 .toggle em:last-child {
    top: auto;
    bottom: 0px;
}
 .toggle em:first-child {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}
 .toggle em:last-child {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}
 .toggle em, .header .toggle{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.active .nav li {
    opacity: 0;
}

.chose {
  width: 21px;
  height: 21px;
  background:url(../images/chose.png) no-repeat center;
  -webkit-background-size: 100%;
  background-size: 100%;
  position: absolute;
  right: 15px;
  top: 16px;
  cursor: pointer;
}
/* 导航结束 */

 .nav,.active .nav{
	width: 210px;
	height:auto;
    position: fixed;
    float: none;
    top: 0px;
    left: auto;
    right: -212px;
    border-left: 2px solid #d7d7d7;
    bottom: 0px;
    background-color: #fff;
    z-index: 10;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;}
 .nav ul{width:100%;height:auto;}
 .nav li, .nav li a{    
    width: 100%;
    margin: 0;
}
 .nav li a{
    width:100%;
    float:none;
    font-size:14px;
    display:block;
    color:#333;
    padding-left:30px;
	text-align:left;
}
 .toggle{opacity:1;right:15px;}
 .toggle em:first-child, .toggle em:last-child{-webkit-transform:translateY(0);transform:translateY(0);}
 .toggle{z-index:1;}
 .nav.show{padding-top: 50px;}
 .nav.show li a:hover{
    background: #009944;
}
.sec_nav{position:initial !important; background:none !important; border-bottom:none !important; box-shadow:none !important;}
.sec_nav span > a{color:#fff !important;padding-left:40px !important;}
.sec_nav{width:100%;display:none;position:absolute;left:-25%;top:50px;z-index:100;  }
.web_hid_nav{display:block !important}
.nav li{position:initial;height:auto;}
.sec_nav .web_hid_nav a{ color:#fff !important;}
.web_hid_nav{ background-color:#fff !important;}


.nav ul li{ padding:0; float:none;}
.nav ul li a{ border-right:none;}
.nav ul li a, .nav ul li .box li a{ padding:10px 0 !important;}

.daohang ul li{ width:100%;}
.daohang ul li a{ height:auto; padding:0 0 0 30px !important; height:40px; line-height:40px; font-size:15px;}
.daohang ul li .box{ width:inherit !important; left:inherit !important; top:inherit !important; margin-left:auto !important;}
.daohang ul li .box li:hover a b,.daohang ul li .box li a b{ display:none !important;}
.daohang ul li .box li a{ width:100%; padding:0 0 0 40px !important; line-height:30px;}
.daohang ul li .box li a span{ float:none; color:#333 !important;}
.daohang ul li .box li:hover a span{ color:#fff !important;}
.daohang ul li .box li:hover a{ background-color:#009944 !important;}




.device,.swiper-container { height:auto !important;}
.swiper-wrapper,.swiper-slide{ height:auto !important; background:none !important;}
.swiper-slide img{ display:block !important;}



.w1300,.w1200,.w1150,.w1100,.w1050,.w1000,.w800{ width:100%;}



/*banner*/
.device,.banner{ margin-top:50px;}



/*首页*/
.sy-1-bg{ background:none; height:auto; padding:30px 0;}
.sy-1{ position:static; margin:0 auto; width:100%; height:auto;}
.sy-1 .sy-1-1,.sy-1 .sy-1-2,.sy-1 .sy-1-3{ width:100%; text-align:center;}
.sy-1 .sy-1-1{ width:100%; height:345px;}
.sy-1 .sy-1-2{ height:auto; padding-bottom:60px;}
.sy-1 .sy-1-2 div{ width:auto; margin:10px 15px 0;}

.sy-2{ padding-bottom:30px; padding-top:0;}
.sy-2-n{ height:auto; margin-bottom:10px;}
.sy-2-n .fl,.sy-2-n .fr{ width:100%; height:auto;}
.sy-2-n:nth-child(even) .fl{ float:left;}
.sy-2-n:nth-child(even) .fr{ float:right;}
.sy-2-n .fl{ padding-bottom:20px;}
.sy-2-n .fl b{ width:50px; height:50px; margin-top:30px; background-size:60% !important;}
.sy-2-n .fl p{ margin-top:20px; font-size:24px;}

.sy-3-bg{ background:none; width:100%; height:auto; padding-top:60px;}
.sy-3{ width:auto; height:auto; margin:30px 15px 50px;}
.sy-3 .bt{ left:50%; margin-left:-140px;}
.sy-3 .sy-3-n{ padding:30px 0 0 0;}
.sy-3 .sy-3-n .fl,.sy-3 .sy-3-n .fr{ width:100%;}
.sy-3 .sy-3-n .fl p span{ font-size:16px;}
.sy-3 .sy-3-n .fr{ margin-top:20px; padding-bottom:50px;}
.sy-3 .sy-3-n .fr ul li{ padding-bottom:10px; margin-bottom:20px;}
.sy-3 .sy-3-n .more{ left:50%; bottom:0; margin-left:-60px;}
.sy-3 .sy-3-n .more{ width:120px;}
.sy-3 .sy-3-n .more a{ font-size:14px;}

.sy-5{ padding:30px 0;}
.sy-5 .w1150{ width:auto; margin-left:15px; margin-right:15px;}
.sy-5 .sy-5-zi{ margin-bottom:15px;}
.sy-5 ul li{ width:49%; margin-right:2%; margin-bottom:10px;}
.sy-5 ul li:nth-child(even){ margin-right:0;}




/*底部*/
.footer{ padding:30px 0 10px;}
.footer .w1230{ width:auto; margin:0 15px;}
.footer .shang{ position:relative; padding-bottom:50px;}
.footer .shang dl{ width:50%; margin-right:0; height:125px; margin-bottom:30px;}
.footer .shang dl:first-child{ float:none; margin-right:0; width:100%; text-align:center; height:auto;}
.footer .shang dl:nth-child(6){ float:none; width:100%; text-align:center;}
.footer .shang dl:nth-child(6) dt{ display:none;}
.footer .shang dl:nth-child(2),.footer .shang dl:nth-child(3),.footer .shang dl:nth-child(4){ display:none;}
.footer .shang dl:nth-child(5){ height:30px; line-height:30px; position:absolute; bottom:0; left:0; width:100%; text-align:center;}
.footer .shang dl:nth-child(5) dt,.footer .shang dl:nth-child(5) dd{ font-size:14px; display:inline-block;}
.footer .shang dl:nth-child(5) dt{ margin-right:5px;}
.footer .shang dl dt{ margin-bottom:20px;}
.footer .shang dl dd{ margin-bottom:10px;}
.footer .shang .kefu{ display:none;}
.footer .xia{ margin-top:20px;}
.footer .xia a{ display:none;}




/*右侧客服*/
.izl-rmenu .btn{ width:40px; height:40px;}
.izl-rmenu{ bottom:80px;}




/*搜索*/
.sousuo .wenben{ display:block; left:0;}








/*产品中心*/
.chanpin{ padding-top:30px; padding-bottom:50px;}
.chanpin .zuoce,.chanpin .youce{ width:100%;}
.zuoce ul li{ margin-left:auto; margin-right:auto; margin-bottom:10px; height:30px; line-height:30px;}
.zuoce ul li a{ font-size:16px;}
.zuoce p{ display:none;}

.chanpin .youce{ margin-top:30px;}












/*关于我们*/
.guanyu .fl{ text-align:center;}
.guanyu .zuoce p{ display:block;}
.guanyu .fr{ margin-top:20px;}








/*联系我们*/
.lianxi .fl{ width:100%; float:none;}
.lianxi .fl h1{ font-size:24px; margin-top:0; margin-bottom:20px; text-align:center;}
.lianxi .fl #dituContent{ height:200px !important; }
.lianxi .lianxi-1{ margin-top:30px;}
.lianxi .lianxi-1 .lianxi-n{ width:100%; float:none;}
.lianxi .lianxi-1 .lianxi-n p{ height:30px;}
.lianxi .lianxi-1 .lianxi-n:first-child p{ background-size:20px !important;}
.lianxi .lianxi-1 .lianxi-n:nth-child(2) p{ background-size:30px !important;}
.lianxi .lianxi-1 .lianxi-n:nth-child(3) p{ background-size:18px !important;}
.lianxi .lianxi-1 .lianxi-n span{ margin-top:10px; line-height:1.8; margin-bottom:20px;}
.lianxi .lianxi-1 .lianxi-n:first-child span{ font-size:24px;}
.lianxi .fr{ float:none; margin:0 auto; padding-top:60px;}
.lianxi .fr .bt{ text-align:center; font-weight:bold;}
.lianxi .fr form input, .lianxi .fr form textarea{ height:40px; line-height:40px;}
.fr form textarea{ height:150px !important; line-height:1.8 !important;}
.lianxi .fr form #dosubmit{ margin-top:30px; width:95%;}









/*新闻中心*/
.xinwen-dh{ margin-bottom:30px;}
.xinwen-dh .dh-n{ display:block; margin-left:auto; margin-right:auto; margin-bottom:10px; height:30px; line-height:30px; width:148px;}
.xinwen-dh .dh-n:first-child{ margin-right:auto;}
.xinwen-dh .dh-n a{ font-size:16px;}



.xinwen ul li,.xinwen ul li:nth-child(3n){ margin-right:0;}
.xinwen ul li{ width:49%; margin-bottom:25px;height: 220px;}
.xinwen ul li:nth-child(odd){ margin-right:2%;}
.xinwen ul li p{ margin-top:10px;}
.xinwen ul li p, .xinwen ul li span,.xinwen ul li b{ padding:0 10px;}
.xinwen ul li p a{ font-size:14px; line-height:1.2;}
.xinwen ul li span{ margin:5px auto;}
.xinwen ul li .more{ width:55px !important; height:20px !important; margin-left:10px !important;}


.xinwen-ss{ width:228px; margin:0 auto 10px;}
.xinwen-xq .youce h1{ font-size:20px;}
.xinwen-xq .youce .news_nr{ line-height:1.8; margin-bottom:30px;}
.xinwen-xq .youce .news_nr{}

.sx{ margin-bottom:0;}
.sx a.fanhui{ position:static !important; display:block !important; margin:20px auto 0 !important;}
.xiangguan .bt{ margin-bottom:20px;}






/*资料下载*/
.ziliao-s{ height:30px; line-height:30px;}
.ziliao .zuoce ul li:nth-child(4n){ margin-right:auto;}
.ziliao .youce ul li,.ziliao ul li:nth-child(4n){ margin-right:0;}
.ziliao .youce ul li{ width:49%; margin-bottom:25px;}
.ziliao .youce ul li:nth-child(odd){ margin-right:2%;}
.fenye a, .fenye span{ padding:2px 6px; margin:0 3px;}




/*搜索*/
.ss-chanpin ul li .fl{ width:75%;}



}





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



}


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


}


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

.lianxi .fl h1{ font-size:22px;}
.xinwen ul li b .more{ margin-left:0 !important;}


}