@media (max-width:1200px){
.mauto{max-width:92%}
footer dl{padding-right:40px}
footer .con-r{padding-left:5%}
.solve-info .owl-controls .owl-buttons div{display:none}
.i-about .list .icon{width:200px;height:200px}
.event .owl-controls .owl-buttons .owl-prev{left:-5px}
.event .owl-controls .owl-buttons .owl-next{right:-5px}
}
@media (max-width:1024px){
footer{padding:.5rem 0}
footer .con-l{float:none;padding:0}
footer .con-r{float:none;width:100%;text-align:center;padding:0;border:none}
footer .con-r div{text-align:center}
footer .con-r .txt{display:-webkit-flex;display:flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center}
footer .mauto{padding:.5rem 0}
footer dl{width:20%;text-align:center;padding-right:0;margin-bottom:.35rem}
footer dt{font-size:14px}
footer dd{font-size:12px}
}
@media (max-width:768px){
footer dl{display:none}
.banner{height:3rem}
.page4 .list1{width:100%;max-width:100%;padding:20% 10%}
.page4 .list1 .slick-dots div{width:40px;height:5px}
.page5{padding:0 10%}
.page5 .list1{width:100%;max-width:100%;padding:20% 10%}
.page5 .list1 em{font-size:24px}
.page5 .list1 .slick-dots div{width:40px;height:5px}
.i-about .list .icon{margin-bottom:.2rem;width:180px;height:180px}
.i-about .list em{font-size:16px}
.i-about .list a h3{font-size:12px}
.i-about .list a{margin:.25rem 10px}
.i-about .list li:nth-child(2){border:none}
.i-news ul a{display:block}
.i-news .info{width:100%;padding:.3rem}
.i-news .info h3{font-size:18px;padding-top:.25rem;padding-bottom:.2rem}
.i-news .info .txt{font-size:12px;line-height:22px}
.i-news .imgs{width:100%}
.i-news .owl-pagination{display:block}
.i-news .owl-buttons{display:none}
.main-nav-p{display:none}
.main-nav-m{display:block;position:relative;z-index:555;cursor:pointer}
.main-nav-m .title{position:relative;height:40px;line-height:40px;background:#0093d8;padding:0 10px}
.main-nav-m .title strong{color:#fff;font-size:16px;font-weight:700}
.main-nav-m .title i{position:absolute;content:'';width:45px;height:100%;right:0}
.main-nav-m .title i::after,.main-nav-m .title i::before{position:absolute;top:50%;content:'';width:12px;height:1px;background:#fff;transition:all .3s;-webkit-transition:all .3s}
.main-nav-m .title i::before{left:46%;transform:rotate(40deg) scaleY(1.5);-webkit-transform:rotate(40deg) scaleY(1.5)}
.main-nav-m .title i::after{right:46%;transform:rotate(-40deg) scaleY(1.5);-webkit-transform:rotate(-40deg) scaleY(1.5)}
.main-nav-m .title.active i::before{transform:rotate(-40deg) scaleY(1.5);-webkit-transform:rotate(-40deg) scaleY(1.5)}
.main-nav-m .title.active i::after{transform:rotate(40deg) scaleY(1.5);-webkit-transform:rotate(40deg) scaleY(1.5)}
.main-nav-m ul{display:none;position:absolute;top:40px;width:100%;padding:0 10px;background:rgba(0,147,216,.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;line-height:40px;border-bottom:1px solid rgba(255,255,255,.55)}
.banner em{font-size:24px}
.banner span{font-size:16px;padding-top:.05rem}
.news-list li a{display:block}
.news-list .date{font-size:14px;padding-top:.2rem}
.news-list .txt{height:72px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.solve h2{font-size:24px;padding-bottom:.3rem}
.solve ul .els2{opacity:1;visibility:visible}
.contact li h3{width:100%;padding:.1rem 0}
.contact li .info{width:100%}
.about{padding:1rem 0}
.about h2{font-size:20px}
.about .txt{height:140px}
.about .con-r{margin-top:.5rem;text-align:center}
.event .tt2 em{font-size:45px}
.event .tt2 span{margin-top:0}
.honor .hide-btn{right:20%}
.fix-video .video-wrap{max-width:90%}
.fix-search{padding:0 15px}
.fix-search .search{padding-left:0;background:0 0;height:65px}
.fix-search .txt{font-size:20px;text-align:left;padding:0 10px}
.fix-search .btn{font-size:22px;color:#777}
.main-nav-p li{margin: 0 20px;}
}
@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-origin:right bottom;transform:rotate3d(0,0,1,45deg)}
to{opacity:1;transform-origin:right bottom;transform:none}
}
@-webkit-keyframes ReturnToNormal{
from{opacity:0;-webkit-transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg)}
to{opacity:1;-webkit-transform-origin:right bottom;-webkit-transform:none}
}