@charset "utf-8";
@media(max-width:1700px){.navBoxb dl.sign4 { height: 4.5rem;}}
@media(max-width:1600px){.navBoxb dl.sign4 { height: 4rem;}}
@media(max-width:1360px){.navBoxb { margin-top:1rem;}
.navBoxb dl dt { margin-bottom:0.36rem;}
.navBoxb dl dd { margin-bottom:0.2rem;}
.navBoxb dl.sign4 { height: 3rem;}
}
@media(max-width:750px){.navBoxb { margin-top:0.5rem;}
.navBoxb dl.sign4 { padding-left:0rem; margin-left:0rem; height: auto; border-left:none;}
.navBoxb dl { margin:0 0 0.3rem 0;width: 50%; float: left;}
.navBoxb dl dt { margin-bottom:0.2rem;}
.navBoxb dl dt a { font-size: 0.2rem;}
.navBoxb dl dd { margin-bottom:0.15rem;}
.navBoxb dl dd a { font-size: 0.18rem;}
.navBoxe { margin-top:0.3rem;}
.navBoxe .share a {width: 30px;}
.header .top { padding:0px 2%;}
.header .top .menu { height:15px; }
.header .logo {width: 100px; margin-top:10px;}
.header .nav {display: none;}
.header .banner .cont { left:2%; }
.header .banner .cont .t1 { font-size: 0.2rem; }
.header .banner .cont .imgA img { width: 140px; }
.header .banner .cont .t2 { margin: 12px 0 30px; font-size: 20px; line-height: 1.8;}
.header .banner .cont .c { font-size: 0.28rem; }
.header .banner .cont .more { padding:0.14rem 0.6rem 0.14rem .15rem;margin-top:0;}
.header .banner .icon {right:8.3333333%; bottom:8%;}
.banner .num .relative .c {display: none;}
.banner .num {height: 0.8rem;}
}
@media(max-width: 450px){
.header .banner .cont .imgA img { width: 120px; }
.header .banner .cont .t2 { font-size: 18px; }
}
@media (max-width:1680px ) {
.homeBox .box .imgBtn ol li a{padding: 5.67% 40px;}
.joinBox .left{padding-top: 20px;}
.joinBox2 .left{padding-top: 50px;}
.cxfzBox3 .left{width: 50%;}}
@media (max-width:1600px ) {
.homeAbout .right ol li{margin-right: 120px;}
.homeAbout .right ol { margin-top: 40px; }
.homeAbout .right ol li:after { right:-75px; }
.homeBox .box .imgBtn ol li a{padding: 5.2% 30px;}
.pathBox .box .text{padding-top: 100px;}
.proBox2 .boxtext .text .con{width: 640px;}
.proBox2 .boxtext .text .con .img01{width: 280px;height: auto;}
.proBox2 .boxtext .text .con .t{width: 300px;padding-top: 30px;}
}
@media (max-width:1440px ) {
.title h3{font-size: 40px;}
.homeAbout .right .text{max-width: 100%;}
.homeAbout .right ol li{margin-right: 120px;}
.homeBox .box .imgBtn ol li .text p{font-size: 18px;}
.homeBox .box .imgBtn ol li .text p span{font-size: 14px;}
.homeBox .box .imgBtn ol li .text .icon img{height: 35px;}
.homeBox .box .imgBtn ol li .more{margin-top: 24px;}
.homeBox .box .imgBtn ol li a{padding: 6.4% 30px;}
.newsTop .text{padding: 30px;}
.joinBox .left{padding-top: 0;}
.joinBox2 .left{padding-top: 40px;}
.aboutBox2 .left{padding-top: 0;}
.aboutBox5 .left{padding-top: 15px;}
.pathBox .box .text{padding-top: 20px;}
.aboutBox4 .left ol li .t{max-width: 370px;}
.cxfzBox .left{padding-top: 30px;}
.cxfzBox2{height: 620px;padding-top: 100px;}
.cxfzBox3 .left ol li{padding: 0 20px;}
.cxfzBox4 .left{padding-top: 70px;}
.proBox .left{padding-top: 0;}
.caseBoxQh .swiper-slide{width: 580px;}
}
@media (max-width:1366px ) {
.homeAbout .right ol li p{font-size: 45px;}
.homeAbout .right ol { margin-top: 30px; }
.homeAbout .right ol li:after { right:-75px; }
.homeBox .box .imgBtn ol li a{padding: 6% 25px;}
.newsTop .text p{line-height: 24px;}
.contactBox .title h3{font-size: 34px;}
}
@media (max-width:1280px ) {
.homeBox .box .imgBtn ol li .text p span{font-size: 12px;}
.homeBox .box .imgBtn ol li a{padding: 2% 25px;}
.homeBox3 ul li .text { padding: 0 12px; }
.newsTop .text p{height: 72px;overflow: hidden;}
.contactBox .title h3{font-size: 30px;}
.aboutBox4 .left ol li .t{max-width: 300px;}
.cxfzBox4 .left{padding-top: 20px;}
.proBoxList .swiper-button-prev{right: 7%;}
.homeAbout .right ol li { margin-right: 100px; }
.homeAbout .right ol { margin-top: 20px; }
.homeAbout .right ol li:after { right:-65px; }
}
@media (max-width:1024px ) {
.container{max-width: 100%;padding: 0 15px;}
.header{padding: 0 15px;}
.navbtn{right: 15px;}
.nav{display: none;}
.popLeft{display: none;}
.bannerBox .bannerText{display: none;}
.banner .slick-dots{width: 100%;top: auto;bottom:10px;text-align: center;}
.banner .slick-dots li button{width: 20px;margin: 0 5px;}
.banner .slick-dots li.slick-active button{width: 20px;}
.bannerBox .zsimg{display: none;}
.title h3{font-size: 32px;}
.homeAbout .right ol li { margin-right: 50px; }
.homeAbout .right ol { margin-top: 20px; }
.homeAbout .right ol li:after { display: none; }
.homeBox .box .imgBtn ol li .text p span{display: none;}
.homeBox .box{margin-right: 0;}
.homeBox .box .imgBtn ol li .text p{font-size: 12px;}
.homeBox .box .imgBtn ol li .text .icon img{height: 27px;}
.homeBox .box .imgBtn ol li .more{margin-top: 0;font-size: 12px;background-size:15px 15px;padding-right: 24px;margin-top: 15px;}
.homeBox2:before{width: 100%;}
.homeBox3 ul li { width: 100%; margin-right:0; height: auto; padding-bottom: 18px; }
.homeBox3 ul li .relative { padding-top: 100px; }
.homeBox3 ul li:nth-child(n+2) { margin-top: 16px; }
.homeBox3 ul li .icon{position: absolute; left:50%; transform: translateX(0%); top: auto;line-height: 0; transition: all 0.6s; width: auto;}
.homeBox3 ul li .icon img { width: 80px; }
.homeBox3 ul li .icon img.pic2 { display: none; }
.homeBox3 ul li .text{left:0; width: 100%; top: auto;position: relative; transition: all 0.6s;padding: 0 12px;}
.homeBox3 ul li { background: url(../images/hdbga.jpg) no-repeat center/cover; }
.homeBox3 ul li .icon img.pic1 { display: none; }
.homeBox3 ul li .icon img.pic2 { display: inline-block; }
.homeBox3 ul li .icon { top: 12px; left:auto; transform: translateX(0); right: 12px; }
.homeBox3 ul li .text { top: auto; bottom: auto; text-align: left; }
.homeBox3 ul li .text h3 { color:#fff; }
.homeBox3 ul li .text p { display: block; color:#fff; }
.homeBox3 ul li { background: url(../images/hdbga.jpg) no-repeat center/cover; }
.homeBox3 ul li:hover .icon img.pic1 { display: none; }
.homeBox3 ul li:hover .icon img.pic2 { display: inline-block; }
.homeBox3 ul li:hover .icon { top: 12px; left:auto; transform: translateX(0); right: 12px; }
.homeBox3 ul li:hover .text { top: auto; bottom: auto; text-align: left; }
.homeBox3 ul li:hover .text h3 { color:#fff; }
.homeBox3 ul li:hover .text p { display: block; color:#fff; }
.PCnav{display: none;}
.nav-bottom{display: none;}
.nav_box{padding: 15px;}
.MOnav{display: block;margin-top: 30px;}
.MOnav ul li{float: left;width: 100%;line-height: 60px;font-size: 16px;border-bottom:1px solid rgba(0,0,0,.2);background:url(../images/jt01.png) no-repeat right center;}
.MOnav ul li a{display: block;color: #fff;}
.nybanner .zsimg{display: none;}
.nybanner .news_img,.nybanner .contact_img{height: 450px;}
.nybanner .text{text-align: center;}
.nybanner .text h4{font-size: 18px;}
.nybanner .text h3{font-size: 20px;}
.nybanner .nybannerText{display: none;}
.mobilemenu{display: block;padding: 15px;border-bottom:1px solid #e6e6e6;}
.mobilemenu ul li{float: left;width:50%;text-align: left;font-size: 14px;line-height: 24px;margin: 10px 0;}
.mobilemenu ul li a{display: block;color:#666;}
.mobilemenu ul li.cur a{color: #000;}
.newsBox{padding: 40px 0;}
.newsTop .img{width: 100%;}
.newsTop .img img{width: 100%;}
.newsTop .text{width: 100%;padding: 15px;}
.newsTop .moreBtn{margin-top: 30px;}
.newsTop{margin-bottom: 30px;}
.newsList ul li{padding: 20px 0;}
.newsList ul{margin-bottom: 30px;}
.newsshowBox{padding: 30px 0 40px;}
.joinBox .left{width: 100%;}
.joinBox .img{width: 100%;text-align: center;margin-top: 20px;}
.joinBox2 .img{margin-left: 0;}
.contactBox .left{width: 100%;}
.contactBox .right{width: 100%;}
.contactBox{padding: 30px 0 40px;}
.aboutBox .left{width: 100%;}
.aboutBox .img{width: 100%;text-align: center;margin-top: 25px;}
.aboutBox2 .left{width: 100%;}
.aboutBox2 .img{margin-left: 0;width: 100%;text-align: center;}
.aboutBox2:before{width: 100%;}
.aboutBox4{background: #1e6eb7;height: auto;padding: 0 0 40px;}
.aboutBox4 .left{width: 100%;position: relative;padding: 30px 15px 30px;background: #f0f0f0;margin-top: -30px;}
.aboutBox4 .left ol li .t { margin-left:0; }
.aboutBox4 .left::before{display: none;}
.aboutBox4 .right{width: 100%;padding-top: 20px;}
.aboutBox5 .left{width: 100%;padding-top: 0;}
.aboutBox5 .right{width: 100%;margin-right: 0;margin-top: 25px;}
.aboutBox5 .right img{width: 100%;}
.pathBox .swiper-scrollbar{width: 86%;}
.cxfzBox .left{width: 100%;padding-top: 0;}
.cxfzBox .img{width: 100%;text-align: center;margin-top: 20px;}
.cxfzBox3 .left{width: 100%;}
.cxfzBox3 .right{width: 100%;margin-top: 40px;}
.cxfzBox4 .left{width: 100%;padding-top: 0;}
.cxfzBox4 .img{margin-left: 0;width: 100%;text-align: center;margin-top: 20px;}
.cxfzBox5 .img{margin-right: 0;}
.cxfzBox4{padding: 30px 0 40px;}
.cxfzBox5{padding-top: 0;}
.proBox .left{width: 100%;}
.proBox .img{width: 100%;text-align: center;margin-top: 25px;}
.proBox2{display: none;}
.mobilePro{display: block;overflow: hidden;}
}
@media (max-width:768px ) {
.footerTop .left { width: 100%; }
.footerTop .t { margin-top:20px;text-align: left; position: relative; float: left; left:0; transform: translateX(0); top:0; font-size: 16px; }
.homeAbout .right ol li p { font-size: 32px; }
.homeAbout{padding: 30px 0 40px;}
.homeAbout .left{width: 100%;}
.homeAbout .title span{font-size: 12px;}
.title h3,.contactBox .title h3{font-size: 22px;}
.contactBox .title p{font-size: 12px;letter-spacing: 1px;}
.homeAbout .title p{font-size: 12px;letter-spacing: 2px;}
.homeAbout .left .moreBtn{margin-top: 20px;}
.homeAbout .right{width: 100%;padding-top: 30px;}
.homeAbout .right .text h4{font-size: 16px;}
.homeAbout .right .text p{font-size: 14px;line-height: 24px;margin-top: 10px;}
.homeAbout .right ol{margin-top: 25px;}
.homeBox .box .imgBtn{width: 100%;height: auto;position: relative;}
.homeBox2 ul li .icon { width:100px; }
.homeBox .box .imgBtn ol li{width:50%;text-align: center;height: auto;border-right:1px solid #5b6068;}
.homeBox .box .imgBtn ol li .more{display: none;}
.homeBox .box .imgBtn ol li .text{float: none;}
.homeBox .box .imgBtn ol li:nth-child(2n){border-right: none;}
.homeBox .box .imgBtn ol li a{padding: 15px; font-size:12px;}
.homeBox2{padding: 20px 0 40px;}
.homeBox2 ul li{width: 100%;margin-top: 20px;margin-right: 0;}
.homeBox2 ul li:nth-child(2n){margin-right: 0;float: right;margin-top: 20px;}
.homeBox3{padding: 40px 0;}
.homeBox3 .ts{font-size: 14px;line-height: 24px;}
.homeBox3 ul{margin-top: 30px;} 
.homeWenhua{height: auto;padding: 60px 0;}
.homeWenhua .text{max-width: 100%;text-align: center;padding-top: 0;}
.homeWenhua .text .t{font-size: 14px;line-height: 24px;}
.homeWenhua .moreBtn{margin: 30px auto 0;}
.homeWenhua .moreBtn a{margin: 0 auto;text-align: left;}
.footer{padding-top: 30px;}
.footerTop .right .fx span { width: 40px; text-align: left; }
.footerTop .right{margin-top: 10px;float: left;width: 100%;text-align: left;}
.footerTop .right .fx{margin-top: 10px;}
.footerTop .right p span{display: inline-block;margin-right: 5px;}
.footerTop .right .fx a{margin-left: 0;margin-right: 10px;}
.banquan .right{display: none;}
.banquan .left{width: 100%;text-align: center;}
.banquan{padding: 15px;}
.homeAbout:before{display: none;}
.newsList ul li{width: 100%;}
.newsList ul li .text h3,.newsTop .text h3{font-size: 16px;}
.newsList ul li .text span,.newsTop .text span{font-size: 12px;}
.newsshowBox .box h1{font-size: 18px;}
.newsshowBox .box .data{font-size: 14px;padding: 10px 0;}
.newsshowBox .box .detail{padding: 20px 0;font-size: 14px;line-height: 24px;}
.joinBox{padding: 30px 0 40px;}
.joinBox .left .text{font-size: 14px;line-height: 24px;margin-top: 15px;}
.joinBox2 .left{padding-top: 0;}
.joinBox3{padding: 30px 0 40px;}
.joinBox3 .top .topT{max-width: 100%;font-size: 14px;line-height: 24px;margin-top: 15px;}
.ygfcBox{margin-right: 0;margin-top: 20px;padding-bottom: 0;}
.ygfcBox .swiper-slide{width: 300px;}
.ygfcBox .box .text{font-size: 14px;padding: 12px 0;}
.ygfcBox .swiper-button-prev, .ygfcBox .swiper-button-next{opacity: 0;}
.ygfcBox .swiper-pagination{display: none;}
.joinBox4{padding: 30px 0;}
.joinBox4 .tablesBox{margin-top: 20px;margin-bottom: 25px;}
.contactBox .left .text{font-size: 14px;margin-top: 20px;}
.contactBox .left .text p span{font-size: 16px;}
.contactBox .left .text p{margin-bottom: 15px;padding-left: 27px;}
.contactBox .left .text p.d1,.contactBox .left .text p.d2,.contactBox .left .text p.d3,.contactBox .left .text p.d4{background-size:18px 18px;}
.contactBox .right ol li input{padding: 10px 0;font-size: 14px;}
.contactBox .right ol li textarea{font-size: 14px;}
.contactMap #allmap{height: 320px;}
.aboutBox{padding-top: 40px;}
.aboutBox .left .bt{font-size: 14px;margin-top: 10px;}
.aboutBox .left .text{font-size: 14px;line-height: 24px;margin-top: 10px;}
.aboutBox2 .left .text{font-size: 14px;line-height: 24px;}
.aboutBox2 .img{margin-top: 10px;}
.aboutBox3{padding: 20px 0 80px;}
.aboutBox4 .left .text{font-size: 14px;line-height: 24px;margin-top: 15px;}
.aboutBox4 .left ol{margin-top: 20px;}
.aboutBox4 .left ol li .t{max-width: 90%;}
.aboutBox4 .left ol li{margin-bottom: 20px;}
.aboutBox4 .left ol li:last-child{margin-bottom: 0;}
.aboutBox4 .right .text{font-size: 14px;line-height: 24px;}
.aboutBox4 .right .text p{margin-top: 10px;}
.aboutBox5{padding: 30px 0 40px;}
.aboutBox5 .left .ts{font-size: 14px;line-height: 24px;margin-top: 15px;padding-bottom: 20px;}
.aboutBox5 .left ol{margin-top: 20px;}
.aboutBox5 .left ol li span.tit{display: block;width: 100%;}
.aboutBox5 .left ol li .t{width: 100%;line-height: 24px;}
.aboutBox5 .left ol li{margin-bottom: 20px;}
.honorQH2 .slick-prev{left: 15px;}
.honorQH2 .slick-next{right: 15px;}
.aboutBox6{padding: 30px 0 40px;}
.pathBox{margin-top: 30px;}
.pathBox .box .text h3{font-size: 14px;line-height: 24px;}
.aboutBox4 .left ol li .icon{width: 100%;text-align: center;margin-bottom: 10px;}
.aboutBox4 .left ol li .icon img{height: 40px;}
.aboutBox4 .left ol li .t{max-width: 100%;width: 100%;text-align: center;}
.aboutBox4 .left ol li .t h3{font-size: 16px;margin-bottom: 5px;}
.aboutBox4 .left ol li .t p{font-size: 14px;}
.pathBox .swiper-button-prev, .pathBox .swiper-button-next{display: none;}
.pathBox .swiper-scrollbar{width: 100%;}
.cxfzBox{padding: 30px 0 40px;}
.cxfzBox .left .text{font-size: 14px;line-height: 24px;margin-top: 15px;}
.cxfzBox2{height: auto;padding: 40px 0 60px;}
.cxfzBox2 .text{font-size: 14px;line-height: 24px;}
.cxfzBox3{padding: 30px 0 40px;}
.cxfzBox3 .left .text{font-size: 14px;line-height: 24px;margin-top: 20px;}
.cxfzBox3 .left ol{margin-top: 30px;}
.cxfzBox3 .left ol li p{font-size: 12px;}
.cxfzBox3 .left ol li span{font-size: 30px;line-height: 14px;}
.cxfzBox4 .left .text{font-size: 14px;line-height: 24px;margin-top: 15px;}
.cxfzBox6{height: 260px;padding-top: 60px;}
.cxfzBox6 .text{font-size: 14px;line-height: 24px;}
.proBox{padding: 30px 0 40px;}
.proBox .left .text{font-size: 14px;line-height: 24px;}
.proBox .left .text p{margin-top: 10px;}
.proBox3{height: auto;padding: 40px 0 60px;background-size:100% 300px;}
.proBox3 .left{width: 60%;}
.proBox3 .left .text{margin-top: 10px;font-size: 14px;line-height: 24px;}
.proBox4{padding: 30px 0 40px;}
.caseBoxQh .swiper-slide{width: 325px;}
.caseBoxQh .box p.bt{font-size: 14px;}
.caseBoxQh .box:hover .hide{display: none;}
.caseBoxQh .box:hover p.bt{display: block;}
.caseBoxQh{margin-right: 0;margin-top: 20px;padding-top: 0;}
.caseBoxQh .swiper-button-prev, .caseBoxQh .swiper-button-next{display: none;}
.mobilePro .slick-dots li button{width: 6px;height: 6px;}
.proBox5{padding: 30px 0 40px;}
.proBoxList .box .text{padding: 15px;}
.proBoxList .box .text h3{font-size: 16px;}
.proBoxList .box .text p{line-height: 24px;height: 48px;margin-top: 5px;}
.proBoxList .swiper-button-prev, .proBoxList .swiper-button-next{width: 30px;height: 27px;}
.proBoxList{padding-top: 60px;}
.homeBox .box .imgBtn{background: rgba(30, 32, 36, .9);}
.homeBox .box{height: 555px;}
.homeBox .box .imgbox{top:160px;}
}
@media (max-width:640px ) {
.logo{margin-top: 0;width: 90px;}
.header{height: auto;padding: 0px;}
.navbtn{width: 30px;}
.navbtn img{width: 30px;height: 14px;}
.banner .slick-dots{bottom:5px;}
.moreBtn a{height: 46px;line-height: 46px;padding: 0 15px;font-size: 12px;width: 160px;}
.moreBtn a:before{right: 15px;top: 17px;}
.fenyeBtn{margin-top: 25px;}
.joinBox4 .top .joinBnt a{width: 110px;height: 44px;line-height: 42px;font-size: 14px;}
.joinBox4 .tablesBox table tr th{padding: 10px 5px;font-size: 14px;}
.joinBox4 .tablesBox table tr th:first-child, .joinBox4 .tablesBox table tr td:first-child{padding-left: 10px;}
.joinBox4 .tablesBox table tr td{font-size: 14px;padding: 10px 5px;}
.homeBox .box{height:400px; }
}
@media (max-width:480px ) {
.homeBox3 ul li .icon img { width: 60px; }
.homeBox3 ul li .relative { padding-top: 70px; }
.homeAbout .right ol{margin-top: 15px;}
.homeAbout .right ol li{margin: 10px 30px 10px 0;}
.homeAbout .right ol li span{font-size: 14px;}
.homeBox .box .imgBtn ol li .text p{font-size: 14px;}
.homeBox2 ul li h3{font-size: 16px;margin-top: 15px;}
.homeBox2 ul li p{margin-top: 15px;}
.homeBox2 ul li{padding-left: 15px;}
.homeBox2 ul li span{margin-top: 20px;}
.footerTop .left .img{width: 120px;}
.nybanner .news_img,.nybanner .contact_img{height: 240px;}
.mobilemenu{padding: 10px 15px;}
.mobilemenu ul li{margin: 5px 0;}
.newsBox{padding-top: 20px;}
.newsList{padding-top: 0;}
.page a{width: 42px;line-height: 42px;font-size: 14px;}
.fenyeBtn a{float: left;font-size: 14px;line-height: 36px;width: 30%;margin-right: 2%;min-width: 0;}
.fenyeBtn a.f-r{float: right;margin-right: 0;}
.fenyeBtn a.btn{width: 36%;}
.joinBox4 .tablesBox table tr th:nth-child(2),.joinBox4 .tablesBox table tr th:nth-child(3),.joinBox4 .tablesBox table tr td:nth-child(2),.joinBox4 .tablesBox table tr td:nth-child(3){display: none;}
.honorQH2 .box p{font-size: 14px;bottom:10px;}
.honorQH .slick-prev, .honorQH .slick-next{width: 26px;height: 26px;margin-top: -13px;}
.honorQH .slick-prev{left: -10px;}
.honorQH .slick-next{right: -10px;}
.proBox3 .left{width: 100%;}
.proBoxList .swiper-button-prev{right: 10%;}
.nybanner .text{top: 60%;}
.homeBox .box{height: 398px;}
.homeBox .box .imgbox{top:80x;}
}
@media (max-width:414px ) {
.joinBox4 .top .joinBnt{margin-top: 8px;}
.cxfzBox3 .left ol li{padding: 0 10px;}
.homeBox .box{height: 365px;}}
@media (max-width:375px ) {
.joinBox4 .top .joinBnt a{width: 100px;}
.cxfzBox3 .left ol li{padding: 0 5px;}
.caseBoxQh .swiper-slide{width: 300px;}
.homeBox .box{height: 345px;}
.homeAbout .right ol li { margin-right: 20px; }
.homeAbout .right ol li p { font-size: 28px; }
}
@media (max-width:360px ) {}
@media(max-width: 1680px){.title h3 { font-size: 42px; }}
@media(max-width: 1440px){.title h3 { font-size: 36px; }}
@media(max-width: 1280px){.title h3 { font-size: 28px; }}