@media (max-width:1200px){.top>div>div:first-of-type{max-width:45%}
.header a{font-size:30px}
.header div:last-of-type img{height:25px}
}
@media (max-width:970px){.top>div>div:first-of-type{max-width:30%}
.header div:last-of-type{display:none}
.header>i{transform:translateY(-50%) scale(1)}
.Znav{position:fixed;top:0;right:0;width:100%;height:100%;z-index:20;transition:all .3s;display:none}
.Znav ul{width:100%;height:100%;background:#000;padding:100px 0 0;display:block;text-align:center;z-index:11}
.Znav li{width:100%}
.Znav a{padding:20px 10px;width:100%;display:block;color:#fff;font-size:15px}
.Znav a:hover{background:#8c97cb}
.banner .slide-text>h1{font-size:36px;line-height:40px;margin-bottom:30px}
.banner .slide-text>p{font-size:20px}
.banner .slide-text>a{height:50px;padding:0 10px;font-size:16px;line-height:50px}
.search h6{font-size:16px}
.search h5{font-size:22px}
.search>div>div:first-of-type{width:150px}
.search>div>div:nth-child(2),.search>div>div:nth-child(3){width:calc((100% - 200px)/ 2)}
.search>div>div h6{font-size:14px}
.search>div>div h5{font-size:20px}
.search>div>div div{height:40px}
.search>div button{width:50px;height:40px}
.aboutIn>div>p{font-size:20px;line-height:36px}
.aboutIn ul{padding:60px 0 90px}
.aboutIn ul h6{font-size:24px}
.aboutIn ul h6 span{font-size:32px}
.aboutIn ul p{font-size:14px}
.footer .newsTags{flex-wrap:wrap}
.footer .newsTags>div{width:calc(100%/2);margin-bottom:30px}
.footer .newsTags .tags{padding-right:0;border-right:0}
.footer .newsTags .messages{padding-left:0;border-left:0}
}
@media (max-width:750px){.top>div{width:100%;padding:0 10px}
.top>div>div:first-of-type{max-width:0}
.header{width:100%;padding:10px 15px}
.header div:first-of-type{width:88%}
.banner .slide-text{width:90%;}
.banner .slide-text>h1{font-size:22px;line-height:25px;margin-bottom:20px}
.banner .slide-text>p{font-size:16px}
.banner .slide-text>a{height:30px;padding:0 10px;font-size:12px;line-height:30px}
.search>div{width:100%;padding:0 20px}
.search>div>div:first-of-type{width:100%;background:0 0;padding-bottom:0}
.search>div>div:nth-child(2),.search>div>div:nth-child(3){width:calc((100% - 50px)/ 2)}
.proClass{width:100%;padding:0 20px}
.proClass h3{font-size:30px}
.proClass p{font-size:20px}
.proClass h2{font-size:16px}
.special h3{font-size:30px}
.special p{font-size:20px}
.aboutIn div{width:100%;padding:0 20px}
.aboutIn>div>p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.aboutIn ul{flex-wrap:wrap}
.aboutIn ul li{width:50%;margin-bottom:30px}
.jobIn h3{font-size:30px}
.jobIn p{font-size:20px}
.footer .newsTags{width:100%;padding:0 20px}
.footer .newsTags>div{width:100%;margin-bottom:30px;padding:0;border:0!important}
.footer .Fnav{width:100%;padding:20px 20px 0}
.footer .copyright{width:100%;padding:15px 20px 0}
}
@media (max-width:500px){.top{display:none}
.banner .slide-text{width:90%;top:50%}
.banner .slide-text>h1{font-size:16px;margin-bottom:10px}
.banner .slide-text>p{font-size:14px}
.banner .slide-text>a{height:30px;padding:0 10px;font-size:12px;line-height:30px}
.search>div>div:nth-child(2),.search>div>div:nth-child(3){width:100%;padding:0;margin-top:15px}
.search>div>button{width:100%;margin:15px 0}
.proClass ul{flex-wrap:wrap}
.proClass li{width:100%;margin-bottom:20px}
.proClass h3{font-size:24px}
.proClass p{font-size:16px}
.special h3{font-size:24px}
.special p{font-size:16px}
.jobIn h3{font-size:24px}
.jobIn p{font-size:16px}
}
@media screen and (max-width:550px){.aboutIn h2{font-size:25px;padding-bottom:20px}
.aboutIn>div>p{line-height:30px;font-size:15px}
.aboutIn ul{padding:25px 0 20px}
}