@charset "utf-8";
.m-btn{height:60px;width:40px;display:none;position: absolute;right: 0;top: 50%; margin-top:-28px;z-index:9999999;}
.m-btn span{ width:20px; height:2px;background: #333; position:absolute; left:17.5px; top:24px;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;}
.m-btn .line1{-webkit-transform-origin:2px center;-moz-transform-origin:2px center;transform-origin:2px center}
.m-btn .line2{top:30px;}
.m-btn .line3{top:36px;-webkit-transform-origin:1px center;-moz-transform-origin:1px center;-ms-transform-origin:1px center;-o-transform-origin:1px center;transform-origin:1px center}
.m-btn.open-menu .line2 {opacity: 0;filter: alpha(opacity=0);}
.m-btn.open-menu .line1{webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.m-btn.open-menu .line3{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}

.mobile-menu{width: 270px;position: fixed; top: 0; height: 100%; overflow: hidden;background: #3a7642;z-index: 99999;left: 0;transform: translate3d(-270px,0,0);-webkit-transform: translate3d(-270px,0,0);-ms-transform: translate3d(-270px,0,0);-sand-transform: translate3d(-270px,0,0); -webkit-transition: transform .3s ease; -moz-transition: transform .3s ease; -o-transition: transform .3s ease; transition: transform .3s ease;}
.mobile-menu .closed{ display:block; width:30px; height:30px;  position:absolute; right:15px; top:15px}
.mobile-menu ul{ width:100%;height:100%;overflow-y:auto;overflow-x:hidden; padding-top:20px}
.mobile-menu a{ display:block}
.mobile-menu li{ position:relative;border-bottom: 1px solid rgba(255,255,255,.23);}
.mobile-menu li.fir a{ display:inline-block; position:relative}
.mobile-menu li.fir a:after{ content:""; width:1px; height:15px; background:rgba(255,255,255,.3); position:absolute; right:0;top:18px}
.mobile-menu li.fir a:last-child::after{ display:none}
.mobile-menu li>a{display: block;padding:12px 15px; font-size: 16px; line-height: 26px; overflow-x: hidden;text-transform: uppercase;color: #fff;}
.mobile-menu li .sub{ padding:0 3%; line-height:30px; margin:5px 0 15px 0; font-size:14px; display:none}

.mobile-menu.show{left: 0;transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-sand-transform: translate3d(0,0,0);}
.mobile-menu-bg, .sidebar-left-bg{position: fixed;top: 0;left: 0;width: 100%; height: 100%;z-index: 1000; display:none;background-color: rgba(0,0,0,.7);}

.mobile-sidebar-btn{ font-weight:bold; color:#333; display:flex; display:-webkit-flex; align-items:center; opacity:0; visibility:hidden; height:0; overflow:hidden; font-size:16px}
.mobile-sidebar-btn .line{ margin-right:10px; position:relative}
.mobile-sidebar-btn .line, .mobile-sidebar-btn .line:before, .mobile-sidebar-btn .line:after{display: inline-block;width: 18px;height: 2px; background:#333;}
.mobile-sidebar-btn .line:before, .mobile-sidebar-btn .line:after{position: absolute;content: "";left: 0;}
.mobile-sidebar-btn .line:before{top: -6px;}
.mobile-sidebar-btn .line:after{top: 6px;}
.sidebar-left-close{display: none;padding: 16px 20px;background-color: #000;text-align: right; color:#fff}
.sidebar-left-close span{text-transform: uppercase;font-size: 12px;line-height: 35px;position: relative;cursor: pointer;padding-right: 21px;}
.sidebar-left-close span:after{content:" ";position: absolute; right: 0; top: 50%; margin-top: -1px;width: 15px;height: 2px; display: inline-block; background-color: #fff;}



/*.m-foot{ position:fixed; width:100%; height:50px; left:0; bottom:0;background:#3a7642; color:#fff; display:none; z-index:1500}
.m-foot li{ float:left; width:33.3%; text-align:center;}
.m-foot li a{ color:#fff; font-size:12px; display:block;}
.m-foot li.li2 a{ background:url(../images/kf-emails.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li3 a{ background:url(../images/fltel.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li4 a{ background:url(../images/right_pic6.png) no-repeat center 3px; padding-top:25px}
.m-foot li.li2 a span{display: block;}*/


.m-pronav{ position: relative; width:100%;z-index:90; bottom:0; display:none; margin-bottom:30px;}
.m-pronav h3{ background:#3a7642; position:relative}
.m-pronav h3 a{ display:block;padding:10px 5%;color:#fff;}
.m-pronav h3 i{ width:17px; height:17px; background:url(../images/menu_list3.png) no-repeat; background-size:17px 17px; position:absolute;top:13px;right:5%}
.m-pronav .active i{background:url(../images/menu_list2.png) no-repeat;background-size:17px 17px;}
.m-pronav ul{ background:#fff; position:absolute; width:100%; display:none}
.m-pronav ul li{ border-bottom:1px solid #e8e8e8;}
.m-pronav ul li a{ display:block; padding:8px 5%}

@media screen and (max-width: 1600px){
.banner{ width:120%; margin-left:-10%}

}

@media screen and (max-width: 1366px){
body{ font-size:15px;}
.banner{ width:130%; margin-left:-15%}
.header .nav .menu li .menu_a{ font-size:17px;}


.title h3{ font-size:32px; }
.title p{ font-size:17px;}

.footer h3{ font-size:17px;}
.float_kf .tel .hd{font-size:17px;}
.float_kf .fqq .hd{ font-size:17px;}

.nnav span {min-width:90px;font-size:18px;}
.nmain .pronav .biaoti{ font-size:18px;}
.nmain .prolist li .wenzi h3{ font-size:18px; }
.proxtop .wenzi h3{line-height:70px;font-size:24px;}

.proxtop .wenzi .down h3{line-height:50px; font-size:18px; }
.probottom .tabmenu li {min-width:90px; font-size:18px;}

.nmain .cxleft .kuai .tex{font-size:17px;}
.form_2 .sub_btn{ width:160px; padding-right:20px; height:52px; font-size:17px;}

.header .nav .menu li .menu_a{ margin:0 15px}



}
@media screen and (max-width: 1200px){
.header .nav .menu li .menu_a{ margin:0 10px}

.footer li:nth-child(5){ margin-left:0px;}
.footer li:nth-child(6){ margin-right:0px;}
}
@media screen and (max-width: 1024px){
.banner{ width:140%; margin-left:-20%}
.header .nav .menu li .menu_a{ font-size:16px;}

.title h3{ font-size:30px; }
.title p{ font-size:16px;}

.proxtop .wenzi h3{line-height:60px;font-size:24px;}

.nmain .cxleft .kuai .tex{font-size:16px;}
.nmain .cxleft .kuai .tu img{ width:70px; height:auto}

.footer li:nth-child(1),.footer li:nth-child(2), .footer li:nth-child(3),.footer li:nth-child(4){ display:none}

.title h3{ font-size:26px; }

.nmain .prolist li{ float:left; margin-right:0%; width:48.5%; margin-bottom:15px;}
.nmain .prolist li:nth-child(3n+1){ clear:none;}
.nmain .prolist li:nth-child(2n){ float:right}
.nmain .prolist li:nth-child(2n+1){ clear:both;}
}

@media screen and (max-width: 999px){
.header .nav .menu{ display:none}
.header .nav .logo{ padding:15px 0;}
.header .nav .logo img{ height:55px;}
.space{ height:125px;}
.header .m-btn{ display:block}
}

@media screen and (max-width: 768px){
.header .top{ display:none}
.space{ height:85px;}
.float_kf{ display:none}
.m-foot{ display:block}

.title h3{ font-size:24px; }


.title{ margin-bottom:35px; }
.title h3{  padding-bottom:10px;}
.title p{ padding-bottom:15px;}

.nmain .cxleft{ float:none; width:100%}
.nmain .cxliuyan{ float:none; width:100%; margin-top:40px;}
.nmain .cxleft .kuai{ margin-bottom:20px;}


.nmain .pronav{ display:none}
.nmain .prolist{ float:none; width:100%}
.m-pronav{ display:block; }

.proxtop .pics{ float:none; width:100%;}
.proxtop .wenzi{ float:none; width:100%; margin-top:30px;}
}

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

.nmain .prolist li .wenzi h3{ font-size:16px;line-height:20px; height:70px;}
.huadong{ overflow-x:auto}
.header .nav .logo{ padding:12px 0;}
.header .nav .logo img{ height:50px;}
.space{ height:74px;}

.footer li:nth-child(5), .footer li:nth-child(6){ width:50%}
.footer li:nth-child(7){ width:100%; margin-top:20px; clear:both}

.footer .content {display: block;display:block;}
.footer ul {display:block;display:block;}
.footer li{ float:left}
}