@charset 'utf-8';@media (max-width:1440px){.header .logo{padding-left:15px}
.header .logo img{height:30px}
.header nav ul li{margin:0 8px}
}
@media (max-width:1200px){.mauto{max-width:92%}
footer .head dl{margin-right:48px;max-width: 62px;}
}
@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:translateY(-50%);transform:translateX(-50%)}
.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;-webkit-animation:resize .5s both;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{-webkit-animation:ReturnToNormal .5s both;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;-webkit-animation:slideInUp 1.5s both;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)}
.i-main .i-about .slider{margin-top:.3rem;padding-left:5.3%;text-align:center}
.i-main .i-about .slider img{width:auto;height:auto}
.about .list li{padding:.15rem .5rem .5rem .3rem}
.contact .con-r{margin-top:.35rem;padding-left:0}
}
@media (max-width:768px){footer .corpight{float:none;text-align:center}
.banner{height:3rem}
.banner span{font-size:22px}
.banner i{font-size:26px}
.pro-banner .vc{padding-bottom: 0;}
.pro-banner li{padding-bottom:0;height:3.5rem;background-size:cover}
.pro-banner h3{padding-bottom:.2rem;font-size:26px}
.pro-banner .txt{height:75px;line-height:25px;-webkit-line-clamp:3}
.pro-banner .owl-buttons{position:absolute;top:inherit;bottom:0;left:50%;margin:0 auto;width:1200px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.pro-banner .owl-controls .owl-buttons .owl-prev{left:0;background-image:url(../images/pro_l.png)}
.pro-banner .owl-controls .owl-buttons .owl-prev:hover{background-image:url(../images/pro_ls.png)}
.pro-banner .owl-controls .owl-buttons .owl-next{left:32px;background-image:url(../images/pro_r.png)}
.pro-banner .owl-controls .owl-buttons .owl-next:hover{background-image:url(../images/pro_rs.png)}
.pro-banner .owl-pagination{display:none}
.i-banner .owl-controls .owl-buttons div{width:.4rem;height:.88rem;background-size:cover}
.i-tt1 em{line-height:22px}
.i-pro .img::after{visibility:visible;opacity:1}
.i-pro .owl-pagination{bottom:-10%}
.i-news li{padding:0}
.i-news .owl-pagination{bottom:-7%}
.i-about{padding:.5rem 0}
.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:#0099a8;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,153,168,.8);color:#fff}
.main-nav-m ul li{-webkit-animation:ReturnToNormal .5s both;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 .list li{padding:.2rem 0}
.about .list li:nth-child(2){border:none}
.about .list span{font-size:50px}
.about .list i{font-size:20px}
.about .list em{font-size:16px}
.honor-list li a{background-position:bottom center;background-size:100% auto}
.honor-list li a .img{height:3rem}
.honor-list li a .img img{bottom:15%}
.news-list .info{padding-bottom:.3rem;height:auto}
.join-wrap .join-body li,.join-wrap .join-head li{font-size:12px}
.pro-info .head .txt h3{font-size:32px}
.pro-info .head .txt .li30{height:auto}
.pro-info .head .img img{position:inherit}
.pro-info .info-w{padding-top:.5rem;border-top:1px solid #bbb}
.pro-info .info-w .box{margin-bottom:.7rem}
.pro-info .info-w .title{width:120px;color:#10919f;font-size:15px;line-height:28px}
.pro-info .info-w .info{padding-left:6.7%;width:calc(100% - 120px);color:#666;line-height:28px}
.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}
}
@-webkit-keyframes resize{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale(5,5);transform:scale(5,5)}
100%{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1)}
}
@keyframes resize{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale(5,5);transform:scale(5,5)}
100%{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1)}
}
@keyframes resize{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale(5,5);transform:scale(5,5)}
100%{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1)}
}
@keyframes resize{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale(5,5);transform:scale(5,5)}
100%{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1)}
}
@-webkit-keyframes ReturnToNormal{from{opacity:0;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);-webkit-transform-origin:right bottom;transform-origin:right bottom}
to{opacity:1;-webkit-transform:none;transform:none;-webkit-transform-origin:right bottom;transform-origin:right bottom}
}
@keyframes ReturnToNormal{from{opacity:0;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);-webkit-transform-origin:right bottom;transform-origin:right bottom}
to{opacity:1;-webkit-transform:none;transform:none;-webkit-transform-origin:right bottom;transform-origin:right bottom}
}