@charset "utf-8";
@media (max-width:1800px) {
}
@media (max-width:1700px) {
}
@media (max-width:1599px) {
.w1400{width: 92%;}
.footer .ff2{margin: 0 5%;}
.footer .ff3{width: 250px;}
}
@media (max-width:1488px) {
.m2abt_itmx .overflowHide{height: 410px;}
}
@media (max-width:1399px) {
.w1400 {width: 92%;}
.toper ul li{margin-left: 50px;}
.footer .ff3{width: 200px;}

}

@media (max-width:1360px) {
.footer .ff2{margin: 0 3%;}
.foot1 .f-menu a{padding: 0 40px;}	

}
@media (max-width:1321px) {#home_slider001 li .box img{height: auto;}

}

@media (max-width:1284px) {
.footer .ff3{width: 190px;}
.footer .ff2{margin: 0 2%;}
.toper ul li{margin-left: 40px;}


}
@media (max-width:1250px) {
.toper ul li{margin-left: 30px;}
.footer .ff2{margin: 0;}
.contact .left{width:40%;}
.contact .middle{width: 36%;}
.m2abt_itmx .overflowHide{height: 370px;}

}

@media (max-width:1185px) {
w1400,.w1220 {width: 92%;}
body {font-size:12px;}
#toTop{display: none;}
#toggleMenu{display: -webkit-box;display: -ms-flexbox;display: flex;}
.phonemenu{display: block;}
.toper .menu{display: none;}
#toggleMenu nav{padding: 0;}
#toggleMenu nav .toggle::before{display: none;}
.phonemenu ul{margin: 0;}
#toggleMenu nav .toggle{top: 29px;}
.wrapper{padding-bottom: 80px;}
.news li a .text{width: 75%;}
.news li a h4{margin-top: 18px;}
.title{font-size: 32px;}
.part1 .part01{padding-top: 0;}
.part1{padding-bottom: 40px;}
.books a img,.m2abt_itmx .overflowHide{height: 320px;}
.more2{margin-top: -1px;}
.foot1 .f-menu a{padding: 0 15px;}
.about .left,.about .right{width: 100%;float: none;}
.about .right::after{display: none;}
.about .right{margin-top: 30px;}
.toper .logo2,.toper .logo{margin-top: 3px;}
.toper .logo2 img,.toper .logo img{height:46px;width: auto;}
.brand .block{width: 255px;height: 170px;top: -85px;padding: 30px 0 0 40px;font-size: 26px;}
.brand .block h3{font-size: 26px;}
.brand .block em{margin: 20px 0 18px 0;}
.brand .place{margin-top: 60px;}
.brand .home{height: 140px;}
.brand .place{padding-left: 40px;}

}
@media (max-width:1130px){
.inside_text05 .text05_nav h2{line-height:normal;font-size: 18px;padding-bottom: 15px;}
.inside_text05 .text05_nav h3 span{line-height: 26px;}
.inside_text05 .text05 p{line-height: 24px;}
.inside_text05 .text05_nav h3{padding-bottom: 20px;}
.inside_text05 .text05 img{margin: 20px auto;}
.inside_text05 .text05,.inside_text05 .fy{padding-bottom:40px;}
.toper .logo2,.toper .logo{margin-top: 3px;}
.toper .logo2 img,.toper .logo img{height:46px;width: auto;}
.brand .block{width: 255px;height: 170px;top: -85px;padding: 30px 0 0 40px;font-size: 26px;}
.brand .block h3{font-size: 26px;}
.brand .block em{margin: 20px 0 18px 0;}
.brand .place{margin-top: 60px;}
.brand .home{height: 140px;}
.about .left,.about .right{width: 100%;float: none;}
.about{padding: 70px 0;}
.about .right::after{display: none;}
.about .right{margin-top: 30px;}
.about .h4{font-size: 28px;}
.sub_menu li{margin-right: 60px;}
.contact{padding:25px 0 40px 0;}
.join li{padding: 30px;margin-bottom: 30px;}


}
@media (max-width:1044px) {
.phonemenu{display: block;}
#toTop{display: none;}
.toper .logo2,.toper .logo{margin-top: 2px;}
.toper .logo2 img,.toper .logo img{height:46px;width: auto;}
#toggleMenu nav .toggle{top:20px;}
.news li a .text{width: 72%;}
.inside_text05 .text05_nav h2{line-height:normal;font-size: 18px;padding-bottom: 15px;}
.inside_text05 .text05_nav h3 span{line-height: 26px;}
.inside_text05 .text05 p{line-height: 24px;}
.inside_text05 .text05_nav h3{padding-bottom: 20px;}
.inside_text05 .text05 img{margin: 20px auto;}
.inside_text05 .text05,.inside_text05 .fy{padding-bottom:40px;}
.toperh{height: 80px;padding: 15px 0;}
.toper.active2{height: 80px;}
.brand .block{width: 255px;height: 170px;top: -85px;padding: 30px 0 0 40px;font-size: 26px;}
.brand .block h3{font-size: 26px;}
.brand .block em{margin: 20px 0 18px 0;}
.brand .place{margin-top: 60px;padding-left: 30px;}
.brand .home{height: 140px;}
.about .left,.about .right{width: 100%;float: none;}
.about{padding: 70px 0;}
.about .right::after{display: none;}
.about .right{margin-top: 30px;}
.about .h4{font-size: 28px;}
.sub_menu li{margin-right: 60px;}
.contact{padding:0px 0 35px 0;}
.contact .left{width:44%;}
.contact .middle{width: 38%;}
.contact .right{margin-right: 0;padding: 0;}
.service{margin:20px 0 80px 0;}
}

@media (max-width:920px) {
#home_slider001 .flex-control-paging li a::after{display: none;}
#home_slider001 .flex-control-paging li a{margin: 0 5px;}
#home_slider001 .flex-control-paging li a.flex-active{background: #265193;}
#home_slider001 .flex-control-paging{bottom:10px;}
.part1{padding: 30px 0;background: none;}
.part1 .part01{width: 100%;padding: 0;}
.title{font-size: 26px;padding-bottom:18px;}
.title span{padding-right: 45px;}
.title span::after{background: url(../images/fuhao.png) no-repeat;background-size: auto 14px;height: 14px;top: 7px;}
.part1 .a-pic{margin-bottom: 15px;}
.title em{height: 2px;}
.part1 .our{padding: 20px 0;}
.footer{display: none;}
.foot{display: block;}
.about{margin-bottom: 60px;}
.news,.nn_detail,.about_x2.bgs2{margin-bottom: 80px;}
.join{margin-bottom:100px;}
.contact .left{width:100%;float: none;}
.contact .middle{width: 100%;float: none;text-align: left;padding:25px 0;border: none;}
.contact .right{margin-right: 0;padding: 0;float: none;}
.service li{width: 48.5%;margin-right: 3%;}
.service li:nth-child(3n){margin-right:3%}
.service li:nth-child(2n){margin-right:0}
.books a img, .m2abt_itmx .overflowHide{height: 388px;}
.books a p{height: 58px;line-height: 58px;font-size: 17px;}
.books a p::after{height: 58px;bottom: -58px;}
.service{margin:20px 0 80px 0;}

}
@media (max-width:860px) {
.news li a .text{width: 60%;}
	
}

@media (max-width:768px) {
.part1 .a-pic{display:block;}
.toper .logo2 img{height: 38px;width: auto;}
.phonemenu{display: block;}
.toper .logo2 img,.toper .logo img{height:38px;width: auto;}
.toperh{height:62px;padding: 12px 0;}
.toper.active2{height:62px;}
#toggleMenu nav .toggle{top:11px;}
.more{margin-top: 30px;}
.part2,.part3{padding:40px 0;}
.more3{display: block;}
.more2{display: none;}
.title b{padding-left: 0;}
.part2 .books{margin-top: 10px;}
.books a p{height: 46px;line-height: 46px;}
.books a p::after{height: 46px;line-height: 46px;}
.part2 .swiper-pagination-bullet{width: 10px;height: 10px;}
.books .swiper-pagination{margin-top:20px;}
.part003{padding-top: 10px;}
.part3 .left,.part3 .right{width: 100%;float: none;}
.part3 .left img{height: 450px;border-radius:10px;}
.part3 .left{height: 450px;border-radius: 10px;}
.part3 .left a p{font-size: 16px;bottom: 15px;}
.part3 .right{padding: 20px 4% 10px 4%;}
.part3 .tit a,.books a p{font-size: 16px;}
.part3 .con{padding-top: 15px;}
.part3 .group{margin-bottom: 20px;padding-bottom: 20px;}
.part3{margin-bottom: 80px;}
.toper .logo2,.toper .logo{margin-top: 0px;}

}

@media (max-width:720px) {
.toperh.active2 .logo{display:none;}
.news li a .time{width: 100px;font-size: 20px;padding: 10px 0 0 0;border-right: none;}
.news li a .time b{font-size: 40px;}
.news li a .time2{width: 100px;}
.news li a .text{width: 75%;}
.news{padding: 20px 0 40px 0;}
.news li a h4{font-size: 16px;margin-top: 0;}
.news li a p{font-size: 14px;line-height: 22px;}
.news li{padding: 25px 0;border-bottom: 1px solid #ddd;}	
.news li:hover{box-shadow: none;}
.news li:hover a h4{color: #0f6bb0;transform: translateX(0px);}
.inside_text05 .text05_nav h2{line-height:normal;font-size: 17px;padding-bottom: 15px;}
.inside_text05 .text05_nav h3 span{line-height: 26px;}
.inside_text05 .text05 p{line-height: 24px;font-size: 14px;}
.inside_text05 .text05_nav h3{padding-bottom: 20px;}
.inside_text05 .text05 img{margin: 20px auto;}
.inside_text05 .text05,.inside_text05 .fy{padding-bottom:40px;}
.join li{width: 100%;padding: 20px;margin-bottom: 20px;}
.join ul{display: block;}
.join li a .p1{font-size: 16px;}
.join li a .p1 .ten{width: 16px;height: 16px;}
.join li a .p2 strong{font-size: 14px;}
.join li a .p3{font-size: 14px;line-height: 26px;}
.join li a .p2{margin: 20px 0 14px 0;}
.join li a .p4{font-size: 14px;}
.about_x2.bgs2 .show_t{font-size: 16px;margin-bottom: 0;line-height: 32px;}
.about_x2.bgs2 .con_line{font-size: 14px;}
.about_x2.bgs2 p{font-size: 14px;line-height: 24px;}
.about_x2.bgs2{margin-bottom: 110px;}
.inside_text05 .fy h4 a{font-size: 15px;}
.inside_text05 .fy h4{line-height: 28px;}
.inside_text05 .text05_nav{margin: 40px 0 20px 0;}
#toggleMenu nav .toggle{width: 30px;}
.toper .logo2,.toper .logo{margin-top: 0px;}
.books a img, .m2abt_itmx .overflowHide{height: 300px;}


}
@media (max-width:650px) {
.news li a .time{width: 100px;font-size: 20px;padding: 10px 0 0 0;border-right: none;}
.news li a .time b{font-size: 40px;}
.news li a .time2{width: 100px;}
.news li a .text{width: 75%;}
.news{padding: 20px 0 40px 0;}
.news li a h4{font-size: 16px;margin-top: 0;}
.news li a p{font-size: 14px;line-height: 22px;}
.news li{padding: 25px 0;border-bottom: 1px solid #ddd;}	
.news li:hover{box-shadow: none;}
.news li:hover a h4{color: #0f6bb0;transform: translateX(0px);}
.brand .block{width: 230px;height: 136px;top: -75px;padding: 26px 0 0 32px;font-size: 22px;}
.brand .block h3{font-size: 22px;}
.brand .block em{margin: 12px 0 12px 0;}
.brand .place{margin-top: 35px;}
.brand .home{height: 100px;}
.sub_menu a{font-size: 18px;padding-bottom: 24px;}
.sub_menu{padding-bottom: 24px;}
.sub_menu li{margin-right: 40px;}
.about .h4{font-size: 22px;}
.about{padding-top: 50px;}
.contact .left h5{font-size: 20px;margin-bottom: 15px;}
.service li{margin-bottom: 20px;}

}

@media (max-width:640px) {
.brand .block{display: none;}
.brand .place{float: none;margin-top: 20px;}
.brand .home{height: 60px;}
.sub_menu a{font-size: 16px;padding-bottom:15px;}
.sub_menu{padding-bottom:15px;}
.nav-slide{height: 2px;}
.sub_menu li{margin-right: 30px;}
.about .h4{font-size: 20px;}
.about .h4 span{font-size: 16px;}
.about{padding: 40px 0;}
.about p{font-size: 14px;line-height: 24px;}
.about .right{margin: 20px 0;}
.about .h4{margin-bottom: 20px;}
.toper .logo2, .toper .logo{margin: 0;}

}

@media (max-width:480px) {
.toper .logo, .toperh.active .logo{display: none;}
.toper .logo2, .toperh.active .logo2,.part1 .a-pic{display:block;}
.toper .logo2 img{height: 32px;width: auto;}
.carousel-scroll-btn{display: none;}
.toper,.toperh.active {height:60px;padding: 14px 0;}
.toper .logo,.toperh.active .logo {margin:18px 0 0 0;}
.toper .logo img{height: 24px;}
#toggleMenu nav .toggle{top:10px;}
.news li a .text{width: 70%;}
#toggleMenu nav .toggle.active span{background: #fff;}
.banner{margin-top: 60px;}
.part1 p a{font-size: 14px;line-height: 24px;}
.more{margin-top: 30px;}
.more a{width: 120px;font-size: 14px;height: 38px;line-height: 38px;}
.more a span{padding-right:35px;}
.more a span::after {
    background: url(../images/look2.png) no-repeat;
    width: 24px;
    height: 18px;
    top: 9px;
    background-size: auto 18px;
}
.word{overflow: inherit;top: 500px;}
.word p{font-size: 130px;}
.part2{padding: 30px 0;}
.part1 .our{padding-bottom: 10px;}
.more3{display: block;}
.more2{display: none;}
.title b{padding-left: 0px;}
.part2 .books{margin-top:12px;}
.books a img, .m2abt_itmx .overflowHide{height: 180px;}
.books a p{height: 38px;line-height: 38px;font-size: 14px;}
.books a p::after{height: 38px;line-height: 38px;}
.part2 .swiper-pagination-bullet{width: 10px;height: 10px;}
.books .swiper-pagination{margin-top:20px;}
.part3{padding: 30px 0;}
.part003{padding-top: 10px;}
.part3 .left,.part3 .right{width: 100%;float: none;}
.part3 .left img{height: 227px;border-radius:10px;}
.part3 .left{height: 227px;border-radius:10px;}
.part3 .left a p{font-size: 15px;bottom: 10px;}
.part3 .right{padding: 20px 4% 10px 4%;}
.part3 .tit a{font-size: 16px;}
.part3 .con{padding-top: 10px;}
.part3 .group{margin-bottom: 16px;padding-bottom: 16px;}
.part3{margin-bottom: 77px;}
.toperh #toggleMenu nav .toggle span{background: #000;}
.title{font-size: 22px;padding-bottom:18px;}
.title span{padding-right: 45px;}
.news li a .time{float: none;padding:0;margin-bottom: 20px;text-align: left;}
.news li a .text{width: 100%;float: none;}
.news li{padding: 20px 0;}
.contact .left h5{font-size: 18px;}
.contact .left p{line-height: 26px;}
.contact .left{padding-top: 10px;}
.contact .middle h6 {
    background: url(../images/phone.jpg) no-repeat left top;background-size: 38px 38px;
    line-height: 38px;
    padding-left: 56px;}
#toggleMenu nav .toggle span{width: 20px;height: 2px;}
#toggleMenu nav .toggle span:nth-child(2){width: 22px;}



}

@media (max-width:375px) {
.news li a .time{width: 100px;font-size: 18px;border-right: none;}
.news li a .time b{font-size:34px;}
.news li a h4{margin-bottom: 10px;}
}