@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%!important}
footer .head dl{margin-right:48px}
}
@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 .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}
.i-guides .clearfix{display:block}
.i-guides a,.i-guides select{float:none;margin:0 0 .2rem 0}
.i-guides a{display:block;margin:.3rem auto}
.news-info2 .con-r{border:none}
.fix-txt h3{font-size:20px}
.xsdnn{display:none}
.lere-t{max-width:100%;padding:0}
.i-fed-ul{-webkit-flex-direction:column;flex-direction:column}
.i-fed-li{margin:.1rem auto;width:100%}
.i-fed-btn{margin-top:.15rem}
.i-about .info .txt{height:auto}
.i-fed-btn{width:165px}
.i-yw li{margin-bottom:.2rem}
.box-ms{display:none}
.mo-plr20{padding-left:.2rem;padding-right:.2rem}
.ban-txt{display:none}
.c-flr-l,.c-flr-r{display:block;font:none;width:100%}
.c-flr-r{margin-top:.2rem;text-align:center}
.n-fa-ul li{width:50%}
.n-fa-ul li img{width:100%}
.nn-cpli a{margin-bottom:.15rem}
.n-cp-ul li img{width:auto}
.n-ezin-ul li{width:100%}
.n-xxyw-ul li{width:100%}
.n-xxyw-ul .owl-buttons{display:none}
.n-pinfo-ul li{width:100%}
.xs-add-h1{width:90%}
.contact .n-cont-x li{width:100%!important;float:none!important;margin:.2rem auto}
.xlxwm{-webkit-flex-direction:column;flex-direction:column}
.xlxwm li{width:100%!important}
}
@media(max-width:480px){
.xs-add-h1{width:85%}
.xs-add{padding-right:.8rem}
.n-xxyw-ul{margin-bottom:.5rem}
.n-fa-ul li{width:100%}
.n-ezin-ul li{width:100%;padding-right:0}
.f16{font-size:.24rem}
.xs-pro-tab .tab-head li{width:100%;float:none}
.xs-pro-tab .dflr{-webkit-flex-direction:column;flex-direction:column}
.xs-pro-tab .tab-head{height:auto}
.pro-list .x-pcp-list li{width:100%;padding:.1rem;float:none}
.z-top-l,.z-top-r{width:100%;float:none}
.z-zz li .z-top .z-top-r{background:url(../images/add.png) no-repeat right center}
.z-zz li .z-top.cur .z-top-r{background:url(../images/add-h.png) no-repeat right center}
}
@-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}
}