@media (max-width:1200px){.mauto{max-width:92%}
footer .footer-head .add{padding-right:20px}
footer .footer-head dl{margin:0 20px}
}
@media (max-width:1024px){body{padding-top:65px}
.header{display:none}
.header-m{position:fixed;top:0;left:0;z-index:888;display:block!important;width:100%;height:65px;background:#fff;box-shadow:1px 1px 20px rgba(0,0,0,.1)}
.header-m::after{position:fixed;top:65px;left:0;display:none;width:100%;height:100%;background:rgba(0,0,0,.5);content:''}
.header-m .logo{position:absolute;left:50%;line-height:65px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.header-m .logo img{max-height:40px}
.header-m .m-menu-b{position:absolute;top:0;left:0;display:block;width:60px;height:65px;cursor:pointer}
.header-m .m-menu-b::after,.header-m .m-menu-b::before{position:absolute;top:50%;left:calc(35px / 2);z-index:9999;width:25px;height:1px;background:#999;content:'';-webkit-transition:all .3s ease-out .3s;transition:all .3s ease-out .3s}
.header-m .m-menu-b::before{-webkit-transform:translateY(-4px) rotate(0);transform:translateY(-4px) rotate(0)}
.header-m .m-menu-b::after{-webkit-transform:translateY(4px) rotate(0);transform:translateY(4px) rotate(0)}
.header-m .m-menu{position:fixed;top:0;left:-260px;z-index:888;display:none;padding-top:65px;width:100%;width:260px;height:100%;background:#fafafa;text-align:left;opacity:1}
.header-m .m-menu::after{position:absolute;top:65px;width:100%;height:1px;background:#ebebeb;content:''}
.header-m .nav{overflow-x:hidden;overflow-y:auto;height:calc(100% - 82px)}
.header-m .nav>li{border-bottom:1px solid #ebebeb;animation:resize .5s both;-webkit-animation:resize .5s both}
.header-m .nav>li>a{position:relative;display:block;padding:0 20px 0 40px;height:50px;color:#666;font-size:15px;line-height:50px}
.header-m .nav>li>a::after{position:absolute;top:50%;left:20px;margin-top:-5px;width:8px;height:8px;border:1px solid #999;border-radius:50%;background:0 0;content:'';-webkit-transition:all .3s;transition:all .3s}
.header-m .nav>li .sub-nav{display:none}
.header-m .nav>li .sub-nav a{position:relative;display:block;padding:0 40px;height:50px;background:#ebebeb;color:#4E4E4E;line-height:50px}
.header-m .nav>li .sub-nav a::after,.header-m .nav>li .sub-nav a::before{position:absolute;top:50%;left:20px;overflow:hidden;width:0;height:0;border:5px solid transparent;content:'';-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.header-m .nav>li .sub-nav a::before{left:21px;border-left:5px solid #555}
.header-m .nav>li .sub-nav a::after{border-left:5px #ebebeb solid}
.header-m .nav>li.cur{position:relative}
.header-m .nav>li.cur::after,.header-m .nav>li.cur::before{position:absolute;background:#999;content:'';-webkit-transition:all .3s;transition:all .3s}
.header-m .nav>li.cur::before{top:19px;right:25px;width:2px;height:12px}
.header-m .nav>li.cur::after{top:24px;right:20px;width:12px;height:2px}
.header-m .nav>li.active::after{background:#fff}
.header-m .nav>li.active>a{background:#555;color:#fff}
.header-m .nav>li.active>a::after{border-color:#fff;background:#fff}
.header-m .nav>li.active .sub-nav li{animation:ReturnToNormal .5s both;-webkit-animation:ReturnToNormal .5s both}
.header-m .m-language{position:absolute;bottom:0;left:0;width:100%;text-align:center}
.header-m .m-language a{display:block;border-bottom:1px solid #ebebeb;color:#666;font-size:16px;line-height:40px;animation:slideInUp 1.5s both;-webkit-animation:slideInUp 1.5s both}
.header-m .m-search-b{position:absolute;top:0;right:0;display:block;width:35px;height:65px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAVFBMVEUAAACZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZlKXBdvAAAAG3RSTlMA9jDDexUL5K6hHoOYuTqJyZDbR0Ao0O1cUGyrpb7OAAABV0lEQVRIx71Vy4KDIAwMyqMgKj7brv//n3sgtIjEhcvOLSQDkxACJGi4bmfG5lbzBv5EY9URQdl7zmDZkYDZgY7vMDyhdJQafRDQWV1Lf5Dol2v89vy4W75uUm4rb7+yLmeIObgmEa2OISslEkLQ8zDndfNAh5Pn+uAyFiTnGk/74Mk/kMELtcZn2/z+CO69NroB1A8EMI9vpSZfiIHsGN9fEwQ4zIrE6AuVKBI0waCmU1It3MDfOUdLx9ZdofTplpc7wuJ7EK0dBdLANHe0VMiZhvCFryU8ayXNtUm72rL2tRfXFbeG8BFrsFVZ8zFZ2d62/gF9oEueqMsMgVcu/o3OoXDMcIyfKgcZE+WjMl+SjRHDmGS80U1Dm0SVoyIZcYZExSkm0xIMMPoa7gYAmTDob5f57w0Z2E/Ex672vluxPyOGgUIERgN1DCWhnGHxzZRDNBL+Bb/Ur0nrX0q6YgAAAABJRU5ErkJggg==) no-repeat left center;background-size:18px;cursor:pointer}
html.active{overflow:hidden;height:100%}
html.active body{overflow:hidden;height:100%}
html.active .header-m{left:260px}
html.active .header-m::after{display:block}
html.active .header-m .m-menu-b::after,html.active .header-m .m-menu-b::before{background:#000}
html.active .header-m .m-menu-b::before{-webkit-transform:translateY(0) rotate(225deg);transform:translateY(0) rotate(225deg)}
html.active .header-m .m-menu-b::after{-webkit-transform:translateY(0) rotate(-225deg);transform:translateY(0) rotate(-225deg)}
html.active .header-m .m-menu{left:0;display:block}
html.active .banner,html.active .i-banner,html.active footer,html.active main{-webkit-transform:translateX(260px);transform:translateX(260px)}
.md-pl0{padding-left:0}
footer .footer-head .add{display:none}
.monthly-list li{width:25%}
}
@media (max-width:768px){.banner{height:3rem}
.banner2{padding-top:17%}
.banner2 li{margin:0 .1rem}
.banner2 a{width:1.3rem;height:1.3rem}
.banner2 .icon{height:20px}
.banner2 .icon img{-webkit-transition:all .3s;transition:all .3s}
.banner2 h3{font-size:12px}
.i-news{padding:.5rem 0}
.i-news h2{padding-bottom:5px;font-size:30px}
.i-news h2::after{left:120px;background-size:40%}
.i-tt1{font-size:22px}
.i-tt1::after{left:100px;background-size:70%}
.monthly li{padding:0 .05rem}
.monthly .imgs{height:2.4213rem}
.i-hotline h2{font-size:22px}
.i-hotline h2::after{top:-45%;left:95px;background-size:75%}
.i-culture .lg-4{margin-top:.1rem}
.i-about li{margin-bottom:.4rem}
.i-about h2{font-size:30px}
.i-about .icon{margin-bottom:.17rem}
.i-about .list{padding:0 .3rem}
.i-about .list em{font-size:38px}
.i-about .list .txt{margin-top:0}
.i-about .btn{margin-top:.25rem}
.i-partner .mauto{padding:0 32px}
.i-partner .owl-controls .owl-buttons .owl-prev{left:-32px}
.i-partner .owl-controls .owl-buttons .owl-next{right:-32px}
.main-nav-p{display:none}
.main-nav-m{position:relative;z-index:555;display:block;cursor:pointer}
.main-nav-m .title{position:relative;padding:0 10px;height:40px;background:#00893e;line-height:40px}
.main-nav-m .title strong{color:#fff;font-weight:700;font-size:16px}
.main-nav-m .title i{position:absolute;right:0;width:45px;height:100%;content:''}
.main-nav-m .title i::after,.main-nav-m .title i::before{position:absolute;top:50%;width:12px;height:1px;background:#fff;content:'';-webkit-transition:all .3s;transition:all .3s}
.main-nav-m .title i::before{left:46%;-webkit-transform:rotate(40deg) scaleY(1.5);transform:rotate(40deg) scaleY(1.5)}
.main-nav-m .title i::after{right:46%;-webkit-transform:rotate(-40deg) scaleY(1.5);transform:rotate(-40deg) scaleY(1.5)}
.main-nav-m .title.active i::before{-webkit-transform:rotate(-40deg) scaleY(1.5);transform:rotate(-40deg) scaleY(1.5)}
.main-nav-m .title.active i::after{-webkit-transform:rotate(40deg) scaleY(1.5);transform:rotate(40deg) scaleY(1.5)}
.main-nav-m ul{position:absolute;top:40px;display:none;padding:0 10px;width:100%;background:rgba(0,137,62,.8);color:#fff}
.main-nav-m ul li{animation:ReturnToNormal .5s both;-webkit-animation:ReturnToNormal .5s both}
.main-nav-m ul li a{display:block;height:40px;border-bottom:1px solid rgba(255,255,255,.55);line-height:40px}
.about h2 em{font-size:36px;line-height:38px}
.about h2 i{font-size:24px}
.honor-list li .imgs{height:2.0473rem}
.monthly-list li{width:50%}
.monthly-list li .imgs{height:3.567rem}
.join .box1 .txt{padding-right:5%;padding-left:5%}
.join .join-body,.join .join-head{font-size:12px}
.join .join-body li,.join .join-head li{height:45px;line-height:45px}
.process li{margin-bottom:15px}
.process .btn,.process .date,.process h3{height:45px;line-height:45px}
.process .date{width:120px;font-size:14px}
.process h3{width:calc(100% - 170px);font-size:14px}
.process .btn{width:50px;background-size:40%}
.fix-video .video-wrap{max-width:90%}
.fix-search{padding:0 15px}
.fix-search .search{padding-left:0;height:65px;background:0 0}
.fix-search .txt{padding:0 10px;text-align:left;font-size:20px}
.fix-search .btn{color:#777;font-size:22px}
}
@keyframes resize{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;transform:scale(5,5)}
100%{opacity:1;transform:scale(1,1)}
}
@-webkit-keyframes resize{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale(5,5)}
100%{opacity:1;-webkit-transform:scale(1,1)}
}
@keyframes ReturnToNormal{from{opacity:0;transform:rotate3d(0,0,1,45deg);transform-origin:right bottom}
to{opacity:1;transform:none;transform-origin:right bottom}
}
@-webkit-keyframes ReturnToNormal{from{opacity:0;-webkit-transform:rotate3d(0,0,1,45deg);-webkit-transform-origin:right bottom}
to{opacity:1;-webkit-transform:none;-webkit-transform-origin:right bottom}
}