@charset "utf-8";
@import url(base.css);
/* 头部 */
.header{width: 100%;position: fixed;top: 0;left: 0;z-index: 5000;}
.headerup{width: 100%;background: #fff;padding: 0 11%;box-sizing: border-box;}
.headerupcon{width: 100%;}
.headeruplogo{float: left;padding: 29px 0;box-sizing: border-box;}
.headeruplogo a{display: block;}
.headeruplogo a img{display: block;}
.headerupright{float: right;padding: 50px 0;box-sizing: border-box;}
.headerupseach{float: left;position: relative;margin-right: 50px;}
.headerupseach input{width: 350px;height: 38px;background: #F2F2F2;font-size: 17px;color: #333;
outline: none;border: 0;padding: 0 40px 0 15px;box-sizing: border-box;}
.headerupseach input::-webkit-input-placeholder {color: #999;}
.headerupseach input:-moz-placeholder { color: #999;}
.headerupseach input::-moz-placeholder { color: #999;}
.headerupseach input:-ms-input-placeholder {color: #999;}
.headerupseach button{background: url(../images/search.png) center no-repeat;width: 38px;height: 38px;
border: 0;outline: none;display: block;position: absolute;top: 0;right: 0;}
.headeruplast{float: left;}
.headeruplast i{float: left;width: 63px;height: 1px;background: #999;margin-top: 19px;margin-right: 15px;}
.headeruplast a{font-size: 20px;color: #999;font-weight: 400;line-height: 38px;width: auto;height: auto;float: left;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.headeruplast a:hover{color: #005BAC;}
.headeruplast span{font-size: 18px;color: #999;font-weight: 400;line-height: 38px;float: left;margin: 0 8px;}
.headerbut{width: 100%;height: 75px;background: #005BAC;padding: 0 14.5%;box-sizing: border-box;}
.headerbut ul li{float: left;margin-right: 4.5%;position: relative;width: 12.7%;}
.headerbut ul li:last-child{margin-right: 0;}
.headerbut ul li>a{display: block;font-size: 20px;color: #fff;font-weight: 400;line-height: 75px;width: 100%;text-align: center;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.headerbut ul .active>a{background: #0172D7;}
.headerbut ul li:hover>a{background: #0172D7;}
.headerdown{position: absolute;top: 75px;left: 50%;transform: translateX(-50%);background: #fff;width: 200px;
border-radius: 0 0 4px 4px;box-shadow: 0 2px 8px rgba(0,0,0,0.2);display: none;z-index: 1000;}
.headerdown a{display: block;padding: 2px 15px;box-sizing: border-box;line-height: 30px;font-size: 16px;color: #333;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;text-align: center;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.headerdown a:hover{background: #005BAC;color: #fff;}
.headerdown a:last-child{border-radius: 0 0 4px 4px;}
/* 手机端 */
.nav{width: 100%;height: 60px;background: rgba(0,0,0,0.2);position: fixed;top: 0;left: 0;z-index: 2000;padding: 0 14px;box-sizing: border-box;display: none;}
.navleft{float: left;padding-top: 10px;box-sizing: border-box;width: 28%;}
.navleft a{display: block;font-size: 0;}
.navleft a img{width: 100%;display: block;}
.navright{float: right;margin-top: 20px;}
.navright>span{width: 24px;height: 2px;display: block;background: #fff;margin-bottom: 7px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;
 background: #fff;}
.navright.active span:nth-child(2){margin-left:6px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.navright.active span:nth-child(3){margin-left:2px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.mobile{width: 100%;height: 100%;position: fixed;top: 0;right: -100%;z-index: 3000;}
.mobilebj{width: 100%;height: 100%;position: fixed;top: 0;right: -100%;background: rgba(0,0,0,0.5);}
.mobilebox{width: 60%;height: 100%;position: absolute;top: 0;right: -50%;background: #002B60;}
.mobilebox .close{width: 100%;height: 68px;position: relative;}
.mobilebox .close i{float: right;width: 20px;height: 20px;background: url(../images/menu-close.svg) no-repeat;background-size: 100% 100%;margin: 24px;}
.mobilelist>ul>.on>a i{transform: rotate(90deg);}
.mobilelist{width: 100%;height: 100%;}
.mobilelist>ul>li{width: 100%;border-bottom: 1px solid #0b56b9;}
.mobilelist>ul>li:first-child{border-top: 1px solid #0b56b9;}
.mobilelist>ul>li:last-child{border-bottom: 0;}
.mobilelist>ul>li>a{display: block;font-family: chainRegular;font-size: 14px;color: #fff;padding: 9px 15px;box-sizing: border-box;background: #407aab;position: relative;}
.mobilelist>ul>li>a i{display: inline-block;width: 20px;height: 20px;background: url(../images/jiao.png) center no-repeat;
position: absolute;top:7px;right: 10px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.mobilenav{width: 100%;display: none;}
.mobilenav>a{display: block;font-size: 14px;color: #fff;padding: 9px 15px;box-sizing: border-box;border-top: 1px solid #eee;background: #5e83a2;
position: relative;}
.mobilenav>a:first-child{border-top: 0;}
.mobileseach{width: 80%;margin: 20px auto;position: relative;}
.mobileseach input{width: 100%;height: 38px;background: #F2F2F2;font-size: 17px;color: #333;
outline: none;border: 0;padding: 0 40px 0 15px;box-sizing: border-box;}
.mobileseach button{background: url(../images/search.png) center no-repeat;width: 38px;height: 38px;
border: 0;outline: none;display: block;position: absolute;top: 0;right: 0;}
/* 中间5屏 */
.conter{width: 100%;}
.slide_box{position: relative;top:0;left:0;height:100%;width:100%;padding:0 12%;box-sizing: border-box;}
.boxdian{display: none;}
.backup{width: 50px;height: 50px;position: fixed;bottom: 8%;right: 60px;background: url(../images/up.png) center no-repeat;cursor: pointer;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;border-radius: 4px;display: none;z-index: 2500;}
.backups{width: 50px;height: 50px;position: fixed;bottom: 8%;right: 60px;background: url(../images/up.png) center no-repeat;cursor: pointer;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;border-radius: 4px;display: none;z-index: 2500;}
/* 楼层一 */
.firstone{width: 100%;padding-top: 213px;box-sizing: border-box;}
.firstone ul li{width: 100%;}
.firstone ul li a{display: block;width: 100%;height: 100%;}
.bannerdian{bottom: 84px !important;overflow: hidden !important;}
.bannerdian .swiper-pagination-bullet{border-radius: 50% !important;opacity: 1 !important;height: 18px !important;width: 18px !important;
margin: 0 7px !important;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;font-size: 0;border: 0;overflow: hidden;
background: #fff !important;}
.bannerdian .swiper-pagination-bullet-active{width: 80px !important;border-radius: 25px !important;}
.firstone .bannernext{background: url(../images/right.png) center no-repeat;width: 68px;height: 68px;position: absolute;top: 58% !important;
z-index: 100;cursor: pointer;margin-top: -34px;right: 5% !important;border-radius: 50%;}
.firstone .bannerprev{background: url(../images/left.png) center no-repeat;width: 68px;height: 68px;position: absolute;top: 58% !important;
z-index: 100;cursor: pointer;margin-top: -34px;left: 5% !important;border-radius: 50%;}
.firstbut{width: 100%;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);z-index: 100;}
.firstext{width: 100%;padding: 0 11%;box-sizing: border-box;position: absolute;left: 0;top: 40%;transform: translateY(-50%);}
.firstext h5{font-size: 55px;font-weight: 500;line-height: 77px;color: #fff;margin-bottom: 13px;}
.firstext p{font-size: 27px;font-weight: 400;line-height: 38px;color: #fff;}
/* 楼层二 */
.advantage{width: 100%;}
.title{width: 100%;margin-bottom: 65px;transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;opacity: 0;
-webkit-transform: translateY(-100%);transform: translateY(-100%);position: relative;}
.title h4{font-size: 37px;font-weight: 500;line-height: 53px;text-align: center;color: #333;position: relative;
display: table;margin: 0 auto;}
.second{width: 100%;overflow: hidden;}
.secondleft{float: left;width: 49%;position: relative;-webkit-transform: translateX(-100%);transform: translateX(-100%);margin-right: 9%;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;opacity: 0;}
.secondleft .secondimg{display: block;width: 100%;height: 100%;object-fit: cover;}
.secondleft .bofang,.thirdrightcon .bofang,.aboutfirstleft .bofang{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 60px;height: 60px;border-radius: 50%;cursor: pointer;z-index:1000;}
.secondright{float: right;width: 42%;
-webkit-transform: translateX(100%);transform: translateX(100%);
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;opacity: 0;}
.secondrightext{width: 100%;}
.secondrightext h5{font-size: 30px;color: #333;font-weight: 400;line-height: 42px;margin-bottom: 16px;}
.secondrightext p{font-size: 17px;color: #666;font-weight: 400;line-height: 33px;margin-bottom: 22px;}
.secondrightext p:last-child{margin-bottom: 0;}
.cuursor .title{-webkit-transform: translateY(0%);transform: translateY(0%); opacity: 1;-webkit-transition:all 0.5s ease-out 0.1s;transition:all 0.5s ease-out 0.1s;}
.cuursor .second .secondleft{-webkit-transform: translateX(0%);transform: translateX(0%); opacity: 1;-webkit-transition:all 0.8s ease 0.6s;transition:all 0.8s ease 0.6s;}
.cuursor .second .secondright{-webkit-transform: translateX(0%);transform: translateX(0%); opacity: 1;-webkit-transition:all 0.8s ease 0.6s;transition:all 0.8s ease 0.6s;}
/* 模块三 */
.education{width: 100%;max-height: 578px;position: relative;
transform: scale(0);opacity: 0;-webkit-transition: all 0.5s;transition: all 0.5s;}
.title a{display: block;width: 125px;height:36px;border-radius: 25px;background: #005BAC;
font-size: 14px;color: #fff;text-align: center;line-height: 36px;float: right;margin-top: -36px;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.title a:hover{box-shadow: 0 2px 10px rgba(0,91,172,0.5);}
.title h5{position: absolute;left: 50%;top: -75px;display: block;color: #E5E8EA;font-size: 86px;
line-height: 120px;font-weight: 500;transform: translateX(-50%);}
.third{width: 100%;}
.thirdleft{float: left;width: 49%;position: relative;overflow:hidden;}
.thirdleft a{display: block;cursor: default;}
.thirdleft a img{display: block;height: auto !important;}
.thirdtext{width: 100%;position: absolute;bottom: -100%;left: 0;padding: 35px 22px;box-sizing: border-box;background: rgba(0,91,172,0.7);height:100%;
    transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.thirdtext h5{font-size: 18px;color: #fff;font-weight: 500;margin-bottom: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.thirdtext p{font-size: 14px;color: #f5f5f5;font-weight: 500;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.thirdtextcons{bottom:auto;top:0;background:transparent;}
.thirdtext h5{color: #333;padding-right:22px;box-sizing:border-box;}
.thirdtext p{color: #666;padding-right:22px;box-sizing:border-box;}
.thirdright{float: right;width: 49%;position: relative;overflow:hidden;}
.thirdright a{display: block;cursor: default;}
.thirdright .thirdimg{display: block;height: auto !important;}
.thirdrightcon{width: 100%;height: 100%;position:absolute;bottom:-100%;left: 0;
    transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.bjs{width: 100%;height: 100%;position:absolute;bottom:0%;left: 0;background: rgba(0,91,172,0.7);}
.cc{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 60px;height: 60px;border-radius: 50%;cursor: pointer;z-index:1000;}
.cc img{display:block;width:100% !important;height:100% !important;}
.thirdleft:hover .thirdtext{bottom:0;}
.thirdright:hover .thirdrightcon{bottom:0;}
.cuursor .education{transform: scale(1);opacity: 1;-webkit-transition: all 1s ease-out;transition: all 1s ease-out;}
/* 模块四 */
.teacher{width: 100%;}
.fourth{width: 100%;position: relative;transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;opacity: 0;
-webkit-transform: translateY(100%);transform: translateY(100%);}
.fourthcon{width: 100%;}
.fourthcon ul li{float: left;}
.fourthcon ul li a{display: block;}
.fourthimg{width: 100%;overflow: hidden;}
.fourthimg img{display: block;transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;height: auto !important;}
.fourthtext{width: 100%;padding: 29px 28px;box-sizing: border-box;background: #F9F9F9;}
.fourthtext h5{font-size: 22px;color: #333;font-weight: 500;line-height: 32px;border-bottom: 1px solid #D8D8D8;box-sizing: border-box;padding-bottom: 9px;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 16px;}
.fourthtext p{font-size: 17px;color: #666666;font-weight: 400;line-height: 33px;margin-bottom: 15px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.fourthtext span{display: block;width: 147px;height: 40px;background: #E5E5E5;text-align: center;line-height: 40px;font-size: 15px;
color: #666;transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.fourthcon ul li:hover .fourthimg img{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.fourthcon ul li:hover .fourthtext h5{color: #005BAC;}
.fourthcon ul li:hover .fourthtext span{background: #005BAC;color: #fff;}
.fourth .bannernexted{background: url(../images/rights.png) center no-repeat;width: 68px;height: 68px;position: absolute;top: 50% !important;
z-index: 100;cursor: pointer;margin-top: -34px;right: -10% !important;border-radius: 50%;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.fourth .bannernexted:hover{background: url(../images/righted.png) center no-repeat;}
.fourth .bannerpreved{background: url(../images/lefts.png) center no-repeat;width: 68px;height: 68px;position: absolute;top: 50% !important;
z-index: 100;cursor: pointer;margin-top: -34px;left: -10% !important;border-radius: 50%;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.fourth .bannerpreved:hover{background: url(../images/lefted.png) center no-repeat;}
.cuursor .fourth{transform: translateY(0);opacity: 1;-webkit-transition: all 1.1s ease-out;transition: all 1.1s ease-out;}
/* 视频 */
.tytc{position: fixed;top:0;left:0;width:100%;height:100%;background-color:rgba( 0,0,0,0.8);z-index: 20000;display: none;}
.gbtc{position: absolute;top:6%;left:50%;transform: translate(-50%,0);color:#fff;font-size: 40px;cursor: pointer;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.gbtc:hover{color:#005BAC;}
.sptc_box{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);width:60%;height: 70%;}
.sptc_box video{outline: none;}
.footer{width: 100%;background: #3C3C3C;z-index: 5000;padding: 70px 11% 63px 11%;box-sizing: border-box;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.footercon{width: 100%;}
.footerup{width: 100%;padding-bottom: 50px;box-sizing: border-box;}
.footerupleft{float: left;width: 60%;}
.footerupleft ul li{float: left;width: 20%;}
.footerupleft ul li:nth-child(1){width: 18%;}
.footerupleft ul li:nth-child(2){width: 25%;}
.footerupleft ul li:nth-child(3){width: 18%;}
.footerupleft ul li:nth-child(4){width: 25%;}
.footerupleft ul li:nth-child(5){width: 14%;}
.footerupleft ul li h5{font-size: 22px;color: #fff;font-weight: 400;line-height: 32px;margin-bottom: 14px;}
.footerupleft ul li a{font-size: 16px;color: #fff;font-weight: 400;line-height: 25px;margin-bottom: 10px;display: table;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.footerupleft ul li a:last-child{margin-bottom: 0;}
.footerupright{float: right;width: 40%;}
.footeruplefts{float: right;width: 50%;margin-right: 10%;}
.footeruplefts h5{font-size: 16px;color: #fff;font-weight: 400;margin-bottom: 2px;}
.footeruplefts p{font-size: 32px;color: #fff;font-weight: 500;line-height: 45px;}
.footeruplefts h6{font-size: 20px;color: #fff;font-weight: 400;margin: 12px 0 5px 0;}
.footeruplefts span{font-size: 16px;color: #fff;font-weight: 400;line-height: 30px;display: block;}
.footeruprights{float: right;width: 28%;}
.footeruprights h5{font-size: 22px;color: #fff;font-weight: 400;margin-bottom: 9px;}
.footeruprights img{display: block;}
.footerbut{width: 100%;border-top: 1px solid #6A6A6A;padding-top: 63px;box-sizing: border-box;}
.footerbut p{float: left;font-size: 20px;color: #C0C0C0;font-weight: 400;}
.footerbut a{float: right;font-size: 20px;color: #C0C0C0;font-weight: 400;}
/* 产品中心 */
.qt_w1100{width: 1100px;margin: 0 auto;}
.qtbanner{width: 100%;position: relative;}
.qtbanner img{display: block;margin: 0 auto;}
.headeractive{position: static;}
.qtbannertext{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 1200px;}
.qtbannertext h5{font-size: 48px;color: #fff;font-weight: 500;line-height: 48px;text-transform:Uppercase;margin-bottom: 16px;}
.qtbannertext h6{font-size: 24px;color: #fff;font-weight: 500;line-height: 33px;}
.product{width: 100%;}
.productcon{width: 100%;padding: 80px 0;box-sizing: border-box;}
.productconlist{width: 100%;}
.productconlist ul li{width: 100%;margin-bottom: 32px;}
.productconlist ul li:last-child{margin-bottom: 0;}
.productconlist ul li a{display: block;}
.proimg{float: left;width: 282px;height: 188px;overflow: hidden;margin-right: 24px;}
.proimg img{display: block;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.protext{float: left;width: 793px;}
.protext h5{font-size: 24px;color: #333;font-weight: 500;line-height: 32px;margin-bottom: 24px;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.protext p{font-size: 14px;color: #666;font-weight: 400;line-height: 22px;}
.productconlist ul li a:hover .proimg img{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.productconlist ul li a:hover .protext h5{color: #005BAC;}
/* 分页 */
.scrpage{width: 100%;margin: 60px 0 0 0;}
.scrpage ul{display: table;margin: 0 auto;}
.scrpage ul li{float: left;margin-right: 8px;}
.scrpage ul li:last-child{margin-right: 0;}
.scrpage ul li:first-child a{background: url(../images/page.png) center no-repeat;}
.scrpage ul li:last-child a{background: url(../images/pages.png) center no-repeat;}
.scrpage ul li a{font-size: 14px;color: #333;border: 1px solid #ccc;display: block;box-sizing: border-box;border-radius: 2px;text-align: center;line-height: 30px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;background: #fff;min-height: 32px;min-width: 32px;padding: 0 12px;}
.scrpage ul .active a{border-color: #002F5F;background: #002F5F;color: #fff;}
.scrpage ul li:hover a{border-color: #002F5F;background: #002F5F;color: #fff;}
.scrpage ul li:first-child:hover a{background: url(../images/pageleft.png) center no-repeat;}
.scrpage ul li:last-child:hover a{background: url(../images/pageright.png) center no-repeat;}
/* 产品中心详情 */
.qt_w1200{width: 1200px;margin: 0 auto;}
.productconxq{width: 100%;padding: 56px 0 70px 0;box-sizing: border-box;}
.productup{width: 100%;margin-bottom: 55px;}
.prodectupleft{width: 690px;}
.prodectupcon{width: 100%;}
.prodectupcon ul li img{display: block;width: 100%;}
.prodectupcon ul li .bofang{position: absolute;top: 50%;left: 50%;width: 60px;height: 60px;transform: translate(-50%,-50%);cursor: pointer;}
.prodian{bottom: 20px !important;}
.prodian .swiper-pagination-bullet{width: 12px !important;height: 12px !important;background: rgba(0,91,172,0.4) !important;opacity: 1 !important;}
.prodian .swiper-pagination-bullet-active{background: #005BAC !important;}
.prodectupright{width: 510px;background: #FAFAFA;padding: 55px 40px;box-sizing: border-box;}
.prodectupright h5{font-size: 24px;color: #333;font-weight: 500;line-height: 32px;margin-bottom: 24px;}
.prodectupright p{font-size: 14px;color: #666;font-weight: 400;line-height: 22px;}
.productxqcon{width: 100%;}
.productxqconleft{float: left;width: 854px;}
.proyfbj{width: 100%;margin-bottom: 55px;}
.proyfbj:last-child{margin-bottom: 0;}
.protitle{width: 100%;padding-bottom: 15px;border-bottom: 1px solid #E6E6E6;
box-sizing: border-box;}
.protitle h4{font-size: 24px;color: #333;font-weight: 500;line-height: 32px;position: relative;display: table;}
.protitle h4::before{content: '';width: 100%;height: 3px;background: #005BAC;position: absolute;bottom: -16px;left: 0;}
.proyfbjcon{width: 100%;padding-top: 32px;box-sizing: border-box;}
.proyfbjcon p{font-size: 14px;color: #666;font-weight: 400;line-height: 22px;margin-bottom: 20px;}
.proyfbjcon p:last-child{margin-bottom: 0;}
.proyfbjcon p img{display: block;margin: 0 auto;max-width: 100%;}
.productxqconright{float: right;width: 282px;box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08);background: #fff;
border-top: 4px solid #005BAC;padding: 28px 24px;box-sizing: border-box;}
.protited{width: 100%;margin-bottom: 30px;}
.protited h4{font-size: 20px;color: #333;font-weight: 500;position: relative;line-height: 28px;}
.protited h4::before{content: '';width: 34px;height: 2px;background: #0172D7;position: absolute;bottom: -10px;left: 0;}
.productlistxq{width: 100%;}
.productlistxq ul li{width: 100%;margin-bottom: 32px;}
.productlistxq ul li:last-child{margin-bottom: 0;}
.productlistxq ul li a{display: block;}
.proxqimg{width: 100%;overflow: hidden;margin-bottom: 16px;}
.proxqimg img{display: block;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.productlistxq ul li a p{font-size: 16px;color: #333;font-weight: 400;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.productlistxq ul li a:hover .proxqimg img{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.productlistxq ul li a:hover p{color: #005BAC;}
/* 新闻中心 */
.newnav{width: 100%;height: 56px;background: #F5F5F5;}
.newnavcon{width: 100%;}
.newnavcon ul li{float: left;margin-right: 80px;}
.newnavcon ul li:last-child{margin-right: 0;}
.newnavcon ul li a{display: block;line-height: 56px;font-size: 16px;color: #333;font-weight: 400;position: relative;}
.newnavcon ul li a::before{content: '';width: 0%;height: 2px;background: #005BAC;position: absolute;
bottom: 0;left: 50%;transform: translateX(-50%);ransition:.1s;-moz-transition: .1s;-webkit-transition: .1s;-o-transition: .1s;}
.newnavcon ul li a:hover::before{width: 100%;}
.newnavcon ul li.active a::before{width: 100%;}
.newcon{padding: 56px 0 60px 0;box-sizing: border-box;width: 100%;}
.news .protext{margin-right: 24px;}
.news .protext h6{font-size: 14px;color: #999;font-weight: 400;line-height: 20px;margin-bottom: 16px;}
.news .proimg{margin-right: 0;float: right;}
/* 新闻中心详情 */
.newtitle{width: 100%;}
.newtitle h4{font-size: 24px;color: #333;font-weight: 500;margin-bottom: 16px;}
.newtitle p{font-size: 14px;color: #999;font-weight: 400;}
.newtitle p span{margin-right: 25px;position: relative;}
.newtitle p span::before{content: '';width: 1px;height: 14px;background: #E6E6E6;position: absolute;top: 3px;right: -13px;}
.newtitle p span:last-child{margin-right: 0;}
.newtitle p span:last-child::before{display: none;}
.newtj{width: 100%;}
.newtj ul li a{display: block;border-bottom: 1px solid #F5F5F5;padding: 20px 0 16px 0;box-sizing: border-box;}
.newtj ul li:first-child a{padding-top: 0;}
.newtj ul li:last-child a{border-bottom: 0;}
.newtj ul li a h5{font-size: 14px;color: #333;font-weight: 500;display: -webkit-box;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;
-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-bottom: 12px;line-height: 24px;}
.newtj ul li a p{font-size: 14px;color: #999;font-weight: 400;}
.newtj ul li a:hover h5{color: #005BAC;}
.newpage{width: 100%;padding-top: 55px;box-sizing: border-box;}
.newpagelist{width: 48%;margin-right: 4%;border-top: 4px solid #005BAC;box-sizing: border-box;box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08);background: #fff;float: left;}
.newpagelist:last-child{margin-right: 0;}
.newpagelist a{display: block;padding: 32px 24px 22px 24px;box-sizing: border-box;}
.newpagelist a h5{display: table;font-size: 20px;color: #333;position: relative;font-weight: 500;padding-bottom: 10px;box-sizing: border-box;
margin-bottom: 20px;}
.newpagelist a h5::before{content: '';width: 100%;height: 2px;background: #0172D7;position: absolute;bottom: 0;left: 0;}
.newpagelist a p{font-size: 14px;color: #333;font-weight: 500;display: -webkit-box;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;
-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-bottom: 12px;line-height: 24px;}
.newpagelist a span{font-size: 14px;color: #999;display: block;font-weight: 400;}
.newpagelist a:hover p{color: #005BAC;}
/* 工程案例 */
.case{width: 100%;}
.case ul li{float: left;width: 49%;margin-right: 2%;margin-bottom: 4%;}
.case ul li:nth-child(2n){margin-right: 0;}
.case ul li a{display: block;}
.caseimg{display: block;overflow: hidden;}
.caseimg img{display: block;width: 100%;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.casetext{width: 100%;padding-top: 32px;box-sizing: border-box;}
.casetext h5{font-size: 24px;color: #333;font-weight: 500;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 16px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.casetext p{font-size: 14px;color: #666;font-weight: 400;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
line-height: 22px;height: 44px;}
.case ul li a:hover .caseimg img{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.case ul li a:hover .casetext h5{color: #155BD4;}
.scrpaged{margin-top: 20px;}
/* 工程案例详情 */
.casetitle h4{margin-bottom: 0;}
.casexq{border-top: 4px solid #005BAC;box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08);background: #fff;width: 100%;
margin-top: 55px;padding: 32px 24px 22px 24px;box-sizing: border-box;}
.casexq h6{display: table;font-size: 20px;color: #333;position: relative;font-weight: 500;padding-bottom: 10px;box-sizing: border-box;
margin-bottom: 30px;}
.casexq h6::before{content: '';width: 100%;height: 2px;background: #0172D7;position: absolute;bottom: 0;left: 0;}
.casexq .case ul li{margin-bottom: 0;}
.casexq .case ul li .casetext{padding-top: 16px;}
.casexq .case ul li .casetext h5{margin-bottom: 0;font-size: 16px;}
/* 联系我们 */
.contact{width: 100%;padding: 80px 0 60px 0;box-sizing: border-box;}
.contactmap{width: 100%;margin-bottom: 40px;}
.contactmap img{display: block;width: 100%;}
.contactbut{width: 100%;}
.contactbut h5{font-size: 16px;color: #333;font-weight: 400;line-height: 25px;margin-bottom: 24px;}
.contactbut ul{margin-bottom: 29px;}
.contactbut ul li{float: left;width: 32%;margin-right: 2%;height: 244px;background: #F5F5F5;padding: 64px 60px 60px 60px;box-sizing: border-box;}
.contactbut ul li:last-child{margin-right: 0;}
.contactbut ul li i{display: block;width: 60px;height: 60px;margin: 0 auto 12px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.contactbut ul li:nth-child(1) i{background: url(../images/tall.png) center no-repeat;}
.contactbut ul li:nth-child(1):hover i{background: url(../images/talls.png) center no-repeat;}
.contactbut ul li:nth-child(2) i{background: url(../images/tall.png) center no-repeat;}
.contactbut ul li:nth-child(2):hover i{background: url(../images/talls.png) center no-repeat;}
.contactbut ul li:nth-child(3) i{background: url(../images/ipone.png) center no-repeat;}
.contactbut ul li:nth-child(3):hover i{background: url(../images/ipones.png) center no-repeat;}
.contactbut ul li p{font-size: 32px;color: #333;font-weight: 500;line-height: 45px;text-align: center;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.contactbut ul li:hover p{color: #005BAC;}
.contactlast{width: 100%;}
.contactlast p{float: left;position: relative;font-size: 16px;color: #333;font-weight: 500;line-height: 24px;margin-right: 40px;}
.contactlast p::before{content: '';width: 1px;height: 16px;background: #333;position: absolute;top: 5px;right: -21px;}
.contactlast p:last-child{margin-right: 0;}
.contactlast p:last-child::before{display: none;}
/* 区域公司 */
.region{width: 100%;padding: 60px 0 35px 0;box-sizing: border-box;}
.region ul li{float: left;width: 32%;margin-right: 2%;margin-bottom:45px;border-top: 4px solid #005BAC;padding: 28px 24px 24px 24px;
box-sizing: border-box;box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08);}
.region ul li:nth-child(3n){margin-right: 0;}
.region ul li h5{font-size: 20px;color: #333;display: table;position: relative;padding-bottom: 10px;box-sizing: border-box;margin-bottom: 20px;
font-weight: 500;}
.region ul li h5::before{content: '';width: 100%;height: 2px;background: #0172D7;position: absolute;bottom: 0;left: 0;}
.region ul li p{font-size: 14px;font-weight: 400;line-height: 24px;font-weight: 400;margin-bottom: 12px;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.region ul li p:last-child{margin-bottom: 0;}
.region ul li p span{color: #999999;}
.region ul li p strong{color: #333333;font-weight: 400;}
/* 在线留言 */
.message{width: 996px;padding: 120px 0 140px 0;box-sizing: border-box;margin: 0 auto;}
.message h5{font-size: 24px;color: #333;font-weight: 500;line-height: 33px;margin-bottom: 40px;}
.message ul{margin-bottom: 24px;}
.message ul li{float: left;width: 49%;margin-right: 2%;}
.message ul li:last-child{margin-right: 0;}
.message ul li input{width: 100%;height: 50px;padding: 0 20px;box-sizing: border-box;font-size: 18px;
color: #333;outline: none;background: #fff;border: 0;border-radius: 2px;}
.message ul li input[type="text"]::-webkit-input-placeholder {color: #666;}
.message ul li input[type="text"]::-moz-input-placeholder {color: #666;}
.message ul li input[type="text"]::-ms-input-placeholder {color: #666;}
.messagetext{width: 100%;}
.messagetext textarea{width: 100%;height: 100px;border-radius: 2px;padding: 13px 20px;box-sizing: border-box;font-size: 18px;
color: #333;outline: none;background: #fff;border: 0;resize: none;display: block;}
.messagelast{width: 100%;}
.messagelast button{width: 162px;height: 40px;background: #005BAC;border: 0;outline: none;display: block;font-size: 18px;color: #fff;border: 0;
margin-top: 48px;border-radius: 2px;}
/* 集团招聘 */
.recruit{width: 100%;padding: 80px 0 35px 0;box-sizing: border-box;}
.recruitup{width: 100%;margin-bottom: 60px;}
.recruitup h5{font-size: 24px;color: #333;font-weight: 500;line-height: 33px;}
.recruitup p{font-size: 24px;color: #333;font-weight: 400;line-height: 33px;}
.recruitlist{width: 100%;}
.recruitlist ul li{float: left;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;width: 49%;margin-right: 2%;
background: #fff;margin-bottom: 45px;}
.recruitlist ul li:nth-child(2n){margin-right: 0;}
.recruitlist ul li a{display: block;padding: 48px;box-sizing: border-box;}
.recruitlist ul li a h5{font-size: 24px;color: #333;font-weight: 500;line-height: 32px;border-bottom: 1px solid #E6E6E6;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
padding-bottom: 32px;box-sizing: border-box;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;margin-bottom: 32px;}
.recruitlist ul li a p{font-size: 14px;color: #666;font-weight: 400;line-height: 24px;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;height: 120px;}
.recruitlist ul li:hover{background: #005BAC;}
.recruitlist ul li:hover a h5{color: #fff;border-color: #fff;}
.recruitlist ul li:hover a p{color: #fff;border-color: #fff;}
/* 集团招聘详情 */
.recruitxqcon{width: 100%;padding: 80px 0;box-sizing: border-box;}
.recruitxq{padding: 48px;width: 100%;background: #fff;box-sizing: border-box;}
.recruitxq h4{font-size: 24px;color: #333;font-weight: 500;line-height: 32px;border-bottom: 1px solid #E6E6E6;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
padding-bottom: 32px;box-sizing: border-box;margin-bottom: 32px;}
.recruitxqlist{width: 100%;}
.recruitxqlist p{font-size: 14px;color: #666;font-weight: 500;line-height: 24px;}
/* 常见问题 */
.problem{width: 100%;padding: 80px 0;box-sizing: border-box;}
.problem h5{font-size: 24px;color: #333;font-weight: 500;line-height: 33px;margin-bottom: 40px;}
.problemlist{width: 100%;}
.problemlist ul li{width: 100%;}
.problemlist ul li:first-child .problemup{padding-top: 0;} 
.problemup{width: 100%;height: 50px;background: #fff;border-bottom: 1px solid #F5F5F5;border-top: 1px solid #F5F5F5;padding: 0 32px;box-sizing: border-box;cursor: pointer;}
.problemup p{float: left;width: 90%;font-size: 20px;color: #333;line-height: 50px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.problemup p b{color: #005BAC;margin-right: 8px;font-weight: 500;}
.problemup i{float: right;width: 20px;height: 11px;background: url(../images/xl.png) center no-repeat;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;margin-top: 20px;}
.problemlist ul li.active i{transform: rotate(-180deg);}
.problembut{width: 100%;background: #fff;padding: 18px 32px 32px 32px;box-sizing: border-box;display: none;}
.problembut b{float: left;font-size: 20px;color: #005BAC;font-weight: 500;margin-right: 8px;margin-top: 2px;}
.problembutext{float: left;width: 90%;}
.problembutext p{font-size: 14px;color: #666;font-weight: 400;line-height: 32px;margin-bottom: 20px;}
.problembutext p:last-child{margin-bottom: 0;}
/* 关于我们 */
.about{width: 100%;}
.aboutfirst{width: 100%;background: #fff;}
.aboutfirstcon{width: 100%;padding: 80px 0;box-sizing: border-box;}
.aboutfirstleft{float: left;width: 54%;position: relative;margin-right: 6%;}
.aboutfirstleft .aboutimg{display: block;width: 100%;}
.aboutfirstright{float: right;width: 40%;padding-top: 2%;box-sizing: border-box;}
.aboutfirstright h5{font-size: 24px;color: #333;font-weight: 400;line-height: 33px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
margin-bottom: 20px;}
.aboutfirstright p{font-size: 14px;color: #666;font-weight: 400;line-height: 24px;margin-bottom: 20px;}
.aboutfirstright p:last-child{margin-bottom: 0;}
.abouttwo{width: 100%;background: #FAFAFA;}
.abouttwocon{width: 100%;padding: 80px 0;box-sizing: border-box;}
.abouttwoleft{float: left;width: 49%;margin-right: 17%;}
.abouttwoleft h5{font-size: 28px;color: #333;font-weight: 400;line-height: 40px;margin-bottom: 28px;}
.abouttwoleft p{font-size: 14px;color: #666;font-weight: 400;line-height: 24px;margin-bottom: 20px;}
.abouttworight{float: right;margin-right: 5.5%;width: 28.5%;}
.abouttworight img{display: block;width: 100%;height: 100%;}
.abouthree{width: 100%;background: #fff;}
.abouthreecon{width: 100%;padding: 80px 0;box-sizing: border-box;}
.abouthreecon h4{font-size: 24px;color: #333;font-weight: 400;line-height: 33px;margin-bottom: 32px;}
.abouthreecon ul li{float: left;width: 48%;margin-right: 2%;position: relative;margin-bottom: 20px;}
.abouthreecon ul li:last-child{margin-right: 0;}
.abouthreecon ul li img{display: block;width: 100%;}
.abouthreetext{width: 100%;padding: 0 20px;box-sizing: border-box;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.abouthreetext p{font-size: 16px;color: #fff;font-weight: 400;text-align: center;line-height: 22px;margin-bottom: 24px;}
.abouthreetext h5{font-size: 28px;color: #fff;font-weight: 400;text-align: center;line-height: 40px;}
.aboutfore{width: 100%;background: #FAFAFA;}
.aboutforecon{width: 100%;padding: 80px 0;box-sizing: border-box;}
.aboutitle{width: 100%;font-size: 24px;color: #333;font-weight: 500;line-height: 33px;margin-bottom: 60px;text-align: center;}
.aboutforeimg{width: 100%;}
.aboutforeimg img{display: block;width: 100%;}
.aboutfive{width: 100%;background: #fff;}
.aboutfivecon{width: 996px;padding: 80px 0;box-sizing: border-box;margin: 0 auto;}
.aboutfiveimg{width: 100%;margin-bottom: 40px;}
.aboutfiveimg img{display: block;width: 100%;}
.aboutfivetext{width: 100%;}
.aboutfivetext p{font-size: 14px;font-weight: 400;color: #666;line-height: 24px;margin-bottom: 20px;}
.aboutfivetext p:last-child{margin-bottom: 0;}
.aboutsix{width: 100%;background: #FAFAFA;}
.aboutsixcon{width: 100%;padding: 80px 0;box-sizing: border-box;}
.aboutitles{margin-bottom: 45px;}
.aboutsixlist{width: 100%;position: relative;padding: 0 5%;box-sizing: border-box;}
.aboutsixlistcon{width: 100%;}
.aboutsixlistcon ul li{float: left;}
.aboutsiximg{width: 100%;}
.aboutsiximg img{display: block;width: 100%;}
.aboutsixlistcon ul li p{font-size: 14px;color: #333;padding: 20px;box-sizing: border-box;background: #fff;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.aboutsixlist .aboutnext{background: url(../images/abright.png) center no-repeat;width: 40px;height: 40px;position: absolute;top: 50% !important;
z-index: 100;cursor: pointer;margin-top: -20px;right: 0% !important;border-radius: 50%;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.aboutsixlist .aboutnext:hover{background: url(../images/abrights.png) center no-repeat;}
.aboutsixlist .aboutprev{background: url(../images/ableft.png) center no-repeat;width: 40px;height: 40px;position: absolute;top: 50% !important;
z-index: 100;cursor: pointer;margin-top: -20px;left: 0% !important;border-radius: 50%;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.aboutsixlist .aboutprev:hover{background: url(../images/ablefts.png) center no-repeat;}
.aboutsevet{width: 100%;background: #fff;}
.aboutsevetcon{width: 996px;margin: 0 auto;padding: 80px 0;box-sizing: border-box;}
.aboutsevetup{width: 100%;position: relative;padding: 0 10%;box-sizing: border-box;margin-bottom: 80px;}
.aboutsevetupcon{width: 100%;}
.aboutsevetupcon ul li{position: relative;}
.aboutsevetupcon ul li::before{content: "";width: 100%;height: 2px;background: #E6E6E6;position: absolute;top: 55px;right: -50%;}
.aboutsevetupcon ul li:last-child::before{display: none;}
.aboutsevetupcon ul li h5{font-size: 24px;color: #333;font-weight: 400;text-align: center;line-height: 33px;margin-bottom: 15px;}
.aboutsevetupcon ul li b{display: block;width: 16px;height: 16px;background: #E6E6E6;border-radius: 50%;margin: 0 auto;position: relative;z-index: 1;}
.aboutsevetupcon .active-nav h5{color: #005BAC;}
.aboutsevetupcon .active-nav b{background: #005BAC;}
.aboutsevetup .arrow-left{background: url(../images/abright.png) center no-repeat;width: 40px;height: 40px;position: absolute;top: 50% !important;
z-index: 100;cursor: pointer;margin-top: -20px;right: 0% !important;border-radius: 50%;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.aboutsevetup .arrow-left:hover{background: url(../images/abrights.png) center no-repeat;}
.aboutsevetup .arrow-right{background: url(../images/ableft.png) center no-repeat;width: 40px;height: 40px;position: absolute;top: 50% !important;
z-index: 100;cursor: pointer;margin-top: -20px;left: 0% !important;border-radius: 50%;
transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}
.aboutsevetup .arrow-right:hover{background: url(../images/ablefts.png) center no-repeat;}
.aboutsevetbut{width: 100%;padding: 0 2%;box-sizing: border-box;}
.aboutsevetbutcon{width: 100%;}
.aboutsevetbutcon ul li{width: 100%;}
.aboutlastimg{float: left;width: 49%;margin-right: 2%;}
.aboutlastimg img{display: block;width: 100%;height: 100%;object-fit: cover;}
.aboutlastext{float: right;width: 49%;padding-top: 2%;box-sizing: border-box;}
.aboutlastext h5{font-size: 24px;color: #005BAC;font-weight: 500;line-height: 33px;margin-bottom: 16px;}
.aboutlastext p{font-size: 14px;color: #666;font-weight: 400;line-height: 24px;}

@media screen and (max-width: 1660px) {
	.title h5{font-size: 50px;line-height: 70px;top: -40px;}
}
@media screen and (max-width: 1455px) {
	.headerup,.slide_box{padding: 0 8%;}
	.headerbut{padding: 0 10%;}
	.firstext{padding: 0 11%;} 
	.headeruplogo{padding: 15px 0;}
	.headerupright{padding: 40px 0 30px 0;}
	.headerupseach{margin-right: 30px;}
	.headerupseach input{width: 300px;font-size: 16px;}
	.headeruplast i{width: 40px;margin-right: 8px;}
	.headeruplast a{font-size: 16px;}
	.headeruplast span{font-size: 14px;margin: 0 6px;}
	.headerbut{height: 60px;}
	.headerbut ul li>a{line-height: 60px;font-size: 18px;}
	.headerdown{top: 60px;}
	.firstext h5{font-size: 40px;line-height: 50px;}
	.firstext p{font-size: 22px;line-height: 26px;}
	.firstone{padding-top: 169px;}
	.bannerdian{bottom: 30px !important;}
	.bannerdian .swiper-pagination-bullet{width: 12px !important;height: 12px !important;}
	.bannerdian .swiper-pagination-bullet-active{width: 40px !important;}
	.title{margin-bottom: 40px;}
	.title h4{font-size: 30px;line-height: 40px;}
	.secondrightext h5{font-size: 26px;line-height: 32px;margin-bottom: 10px;}
	.secondrightext p{font-size: 16px;line-height: 30px;margin-bottom: 18px;}
	.secondleft{margin-right: 4%;}
	.secondright{width: 47%;}
	.fourthtext{padding: 20px 18px;}
	.fourth .bannerpreved{left: -7% !important;width: 60px !important;height: 60px !important;margin-top: -30px !important;}
	.fourth .bannernexted{right: -7% !important;width: 60px !important;height: 60px !important;margin-top: -30px !important;}
	.fourthtext h5{font-size: 20px;line-height: 28px;margin-bottom: 10px;}
	.fourthtext p{font-size: 16px;line-height: 30px;margin-bottom: 10px;}
	.fourthtext span{font-size: 14px;width: 140px;}
	.firstone .bannerprev,.firstone .bannernext{width: 60px !important;height: 60px !important;margin-top: -30px !important;}
	.footer{padding: 30px 8%;}
	.footerup{padding-bottom: 30px;}
	.footerupleft ul li h5{font-size: 18px;line-height: 28px;margin-bottom: 10px;}
	.footerupleft ul li a{font-size: 14px;line-height: 20px;margin-bottom: 8px;}
	.footeruplefts p{font-size: 26px;line-height: 35px;}
	.footeruplefts h6{font-size: 18px;}
	.footeruplefts span{font-size: 14px;line-height: 26px;}
	.footeruprights h5{font-size: 18px;}
	.footerbut{padding-top: 30px;}
	.footerbut p,.footerbut a{font-size: 16px;}
	.qtbannertext h5{font-size: 32px;line-height: 32px;}
	.qtbannertext h6{font-size: 18px;line-height: 26px;}
	.productcon{padding: 60px 0;}
	.message{padding: 60px 0;}
	.recruit{padding: 60px 0 15px 0;}
	.recruitup{margin-bottom: 40px;}
	.recruitxqcon{padding: 60px 0;}
	.problem{padding: 60px 0;}
	.aboutfirstcon,.abouttwocon,.abouthreecon,.aboutforecon,.aboutfivecon,.aboutsixcon,.aboutsevetcon{padding: 60px 0;}
	.aboutsevetup{margin-bottom: 60px;}
}

@media screen and (max-width: 1380px) {
	.fourth .bannerpreved{left: -7% !important;width: 50px !important;height: 50px !important;margin-top: -25px !important;}
	.fourth .bannernexted{right: -7% !important;width: 50px !important;height: 50px !important;margin-top: -25px !important;}
	.firstone .bannerprev,.firstone .bannernext{width: 50px !important;height: 50px !important;margin-top: -25px !important;}
	.footer{padding: 30px 6%;}
}
@media screen and (max-width: 1260px) {
	.headerup,.slide_box{padding: 0 6%;}
	.headerbut{padding: 0 8%;}
	.firstext h5{font-size: 30px;line-height: 40px;margin-bottom: 10px;}
	.firstext p{font-size: 20px;line-height: 24px;}
	.secondrightext h5{font-size: 24px;line-height: 26px;}
	.secondrightext p{line-height: 26px;margin-bottom: 15px;}
	.fourth .bannerpreved{left: -5% !important;}
	.fourth .bannernexted{right: -5% !important;}
	.footer{padding: 30px 4%;}
	.footerupleft ul li h5{font-size: 16px;line-height: 22px;}
	.footeruplefts p{font-size: 22px;}
	.footeruplefts h6,.footeruprights h5{font-size: 16px;}
	.footerbut p, .footerbut a{font-size: 14px;}
	.qt_w1200{width: 100%;padding: 0 40px;box-sizing: border-box;}
	.prodectupleft{width: 58%;}
	.prodectupright{width: 42%;padding: 40px;}
	.productxqconleft{width: 72%;}
	.productxqconright{width: 24%;}
	.qtbannertext{width: 100%;padding: 0 40px;box-sizing: border-box;top: 58%;}
	.news .proimg{width: 29%;height: auto;}
	.news .proimg img{width: 100%;}
	.news .protext{width: 68%;margin-right: 0;}
	.newpagelist a{padding-top: 22px;}
	.newnavcon ul li{margin-right: 40px;}
	.casexq{padding-top: 22px;}
	.contact{padding: 60px 0;}
	.contactbut ul li{padding: 64px 20px 60px 20px;}
	.region{padding: 60px 0 15px 0;}
	.problemup{padding: 0 15px;}
	.problembut{padding: 15px;}
	.problem h5{font-size: 20px;line-height: 24px;}
	.problemup p{font-size: 18px;}
	.abouttwoleft{width: 60%;margin-right: 6%;}
	.abouttworight{margin-right: 0;}
	.aboutfirstright h5{font-size: 20px;line-height: 24px;margin-bottom: 20px;}
	.aboutfirstright p{margin-bottom: 10px;line-height:20px;}
	.abouttwoleft h5{font-size: 20px;line-height: 24px;margin-bottom: 20px;}
	.abouttwoleft p{margin-bottom: 10px;line-height:20px;}
	.abouthreecon h4{font-size: 20px;line-height: 24px;margin-bottom: 20px;}
	.abouthreetext p{margin-bottom: 16px;}
	.abouthreetext h5{font-size: 22px;line-height: 26px;}
	.aboutfivetext p{margin-bottom: 10px;line-height: 20px;}
	.aboutsixlistcon ul li p{padding: 12px;}
	.aboutsevetupcon ul li h5{font-size: 20px;line-height: 24px;margin-bottom: 10px;}
	.aboutsevetupcon ul li b{width: 12px;height: 12px;}
	.aboutsevetupcon ul li::before{top: 40px;}
	.aboutlastext h5{font-size: 20px;line-height: 24px;margin-bottom: 10px;}
}
@media screen and (max-width: 1024px) {
	.headerup, .slide_box{padding: 0 3%;}
	.headerupseach input{width: 200px;}
	.fourth .bannerpreved{left: 2% !important;}
	.fourth .bannernexted{right: 2% !important;}
	.footerupleft ul li:nth-child(1){width: 15%;}
	.footerupleft ul li:nth-child(2){width: 28%;}
	.footerupleft ul li:nth-child(3){width: 15%;}
	.footerupleft ul li:nth-child(4){width: 28%;}
	.footerupleft ul li:nth-child(5){width: 14%;}
	.header{display: none;}
	.nav{display: block;}
	.firstone{padding-top: 0;}
	.firstext{top: 50%;}
	.firstone .bannerprev,.firstone .bannernext{top: 50% !important;}
	.qtbanner{padding-top: 60px;box-sizing: border-box;}
	.qtbannertext h5{margin-bottom: 10px;}
	.qt_w1100{width: 100%;padding: 0 20px;box-sizing: border-box;}
	.proimg{width: 29%;margin-right: 3%;height: auto;}
	.proimg img{width: 100%;}
	.protext{width: 68%;}
	.protext p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
	.productconxq{padding-top: 110px;}
	.prodectupright{padding: 30px 20px;}
	.productxqconright{padding: 20px;}
	.productlistxq ul li{margin-bottom: 20px;}
	.casetext{padding-top: 20px;}
	.region ul li{padding: 20px;}
	.message{padding: 40px 40px;width: 100%;}
	.message h5{margin-bottom: 20px;}
	.messagelast button{margin-top: 25px;}
	.recruit{padding: 40px 0 20px 0;}
	.recruitup{margin-bottom: 20px;}
	.recruitlist ul li{margin-bottom: 20px;}
	.recruitlist ul li a{padding: 20px;}
	.recruitlist ul li a h5{font-size: 20px;line-height: 26px;padding-bottom: 15px;margin-bottom: 15px;}
	.recruitup h5,.recruitup p{font-size: 20px;line-height: 26px;}
	.recruitxq{padding: 20px;}
	.recruitxq h4{font-size: 20px;line-height: 26px;padding-bottom: 15px;margin-bottom: 15px;}
	.recruitxqcon{padding: 40px 0;}
	.problem{padding: 40px 0;}
}
@media screen and (max-width: 997px) {
	.aboutfivecon,.aboutsevetcon{width: 100%;padding: 40px 40px !important;box-sizing: border-box;}
	.aboutsevetup{margin-bottom: 40px;}
	.aboutlastext{padding-top: 0;}
	.aboutsevetbut{padding: 0;}
	.aboutitle{margin-bottom: 40px;}
	.aboutfiveimg{margin-bottom: 20px;}
}
@media screen and (max-width: 968px) {
	.navleft{width: 38%;}
	.title{margin-bottom: 20px;}
	.title h5{font-size: 40px;top: -35px;}
	.title h4{font-size: 24px;}
	.second{display: block;}
	.secondleft{float: none;width: 100%;margin-bottom: 20px;}
	.secondright{float: none;width: 100%;}
	.thirdleft{float: none;width: 80%;margin: 0 auto 20px;}
	.thirdright{float: none;width: 80%;margin: 0 auto;}
	.education{max-height: inherit;}
	.footerupleft{width: 100%;float: none;}
	.footerupright{width: 100%;float: none;padding-top: 20px;box-sizing: border-box;}
	.footeruplefts{float: left;}
	.productcon{padding: 40px 0;}
	.productconlist ul li{margin-bottom: 20px;}
	.protext h5{font-size: 18px;line-height: 26px;margin-bottom: 12px;}
	.scrpage{margin-top: 40px;}
	.productup{display: block;margin-bottom: 40px;}
	.prodectupleft{width: 100%;}
	.prodectupright{width: 100%;}
	.proyfbj{margin-bottom: 40px;}
	.prodectupright h5{font-size: 18px;margin-bottom: 12px;line-height: 22px;}
	.productxqconleft{width: 100%;float: none;margin-bottom: 20px;}
	.productxqconright{width: 100%;float: none;}
	.productlistxq ul li{float: left;width: 32%;margin-right: 2%;margin-bottom: 0;}
	.productlistxq ul li:last-child{margin-right: 0;}
	.productconxq{padding-bottom: 40px;}
	.protitle h4,.protited h4{font-size: 18px;line-height: 26px;}
	.news .protext h6{margin-bottom: 5px;}
	.newtj ul li a{padding: 12px 0;}
	.newtitle h4{font-size: 18px;line-height: 24px;margin-bottom: 6px;}
	.newnav{display: none;}
	.casetext h5{font-size: 18px;line-height: 24px;margin-bottom: 10px;}
	.contactbut ul li{height: auto;padding: 60px 20px;}
	.contactbut ul li p{font-size: 24px;line-height: 28px;}
	.region ul li{width: 49%;margin-right: 2%;margin-bottom: 35px;}
	.region ul li:nth-child(3n){margin-right: 2%;}
	.region ul li:nth-child(2n){margin-right: 0;}
	.region{padding: 40px 0 5px 0;}
	.message h5{font-size: 18px;line-height: 22px;}
	.message ul li input{font-size: 16px;}
	.messagetext textarea{font-size: 16px;}
	.messagelast button{font-size: 16px;}
	.problemup p{font-size: 16px;}
	.problem h5{font-size: 16px;margin-bottom: 20px;}
	.problembut b{margin-top: 0;}
	.problembutext p{line-height: 26px;margin-bottom: 14px;}
	.aboutfirstcon, .abouttwocon, .abouthreecon, .aboutforecon, .aboutfivecon, .aboutsixcon, .aboutsevetcon{padding: 40px 0;}
	.aboutfirstcon,.abouttwocon{display: block;}
	.aboutfirstleft{float: none;width: 100%;margin-right: 0;}
	.aboutfirstright{float: none;width: 100%;}
	.abouttwoleft{width: 100%;float: none;margin-right: 0;}
	.abouttworight{float: none;}
	.abouthreetext{padding: 0 10px;}
	.abouthreetext p{font-size: 14px;margin-bottom: 8px;}
	.abouthreetext h5{font-size: 16px;}
	.thirdtext{bottom:0;}
}
@media screen and (max-width: 568px) {
	.navleft{width: 81%;}
	.navright{margin-top: 22px;}
	.firstone .bannerprev, .firstone .bannernext{display: none;}
	.firstext h5{font-size: 22px;line-height: 30px;}
	.firstext p{font-size: 16px;}
	.secondrightext h5{font-size: 18px;line-height: 22px;margin-bottom: 6px;}
	.secondrightext p{font-size: 14px;line-height: 18px;margin-bottom: 10px;}
	.title{margin-bottom: 10px;}
	.title h5{font-size: 22px;width: 100%;text-align: center;}
	.title h4{font-size: 18px;line-height: 20px;}
	.secondleft{width: 90%;margin: 0 auto 10px;}
	.thirdleft,.thirdright{width: 100%;}
	.thirdtext{padding: 10px;}
	.thirdtext h5{font-size: 16px;margin-bottom: 5px;}
	.backup,.backups{right: 10px;}
	.title a{display: none;}
	.fourthtext{padding: 10px;}
	.fourthtext h5{font-size: 16px;line-height: 22px;margin-bottom: 8px;}
	.fourthtext p{font-size: 14px;line-height: 24px;}
	.fourthtext span{width: 120px;height: 30px;line-height: 30px;}
	.footerupleft{display: none;}
	.footerupright{padding-top: 0;}
	.footer{padding: 20px 4%;}
	.footerup{padding-bottom: 20px;}
	.footerbut{padding-top: 20px;}
	.footeruplefts{width: 70%;margin-right: 0;}
	.footerbut p, .footerbut a{float: none;}
	.sptc_box{height: auto;width: 90%;}
	.qtbanner{height: 180px;}
	.qtbanner img{width: 100%;height: 100%;object-fit: cover;}
	.qtbannertext{top: 60%;padding: 0 20px;}
	.qtbannertext h5{font-size: 22px;line-height: 26px;margin-bottom: 5px;}
	.qtbannertext h6{font-size: 16px;line-height: 20px;}
	.proimg{width: 100%;margin-right: 0;float: none;margin-bottom: 14px;}
	.protext{width: 100%;float: none;}
	.protext h5{font-size: 16px;line-height: 22px;margin-bottom: 6px;}
	.qt_w1200{padding: 0 20px;}
	.productconxq{padding-top: 80px;}
	.prodectupright{padding: 15px 12px;}
	.productlistxq ul li{float: none;width: 100%;margin-right: 0;margin-bottom: 20px;}
	.proxqimg img{width: 100%;}
	.news .protext{width: 100%;float: none;margin-bottom: 10px;}
	.news .proimg{float: none;width: 100%;margin-bottom: 0;}
	.newtitle h4{font-size: 16px;}
	.proyfbjconed{padding-top: 20px;}
	.newpage{padding-top: 30px;}
	.newpagelist{width: 100%;float: none;margin-right: 0;margin-bottom: 20px;}
	.newpagelist:last-child{margin-bottom: 0;}
	.newpagelist a{padding: 10px;}
	.newpagelist a h5{font-size: 16px;margin-bottom: 10px;}
	.case ul li{width: 100%;margin-right: 0;}
	.casetext{padding-top: 14px;}
	.case ul li:last-child{margin-bottom: 0;}
	.casetext h5{font-size: 16px;line-height: 20px;}
	.casexq{padding: 20px;margin-top: 30px;}
	.casexq .case ul li{margin-bottom: 20px;}
	.casexq .case ul li:last-child{margin-bottom: 0;}
	.casexq h6{font-size: 18px;line-height: 26px;margin-bottom: 20px;}
	.contact{padding: 40px 0;}
	.contactmap{margin-bottom: 20px;}
	.contactbut ul li{width: 100%;margin-right: 0;margin-bottom: 20px;padding: 20px;}
	.contactbut ul li:last-child{margin-bottom: 0;}
	.contactlast p{float: none;}
	.contactlast p::before{display: none;}
	.contactbut h5{margin-bottom: 12px;}
	.contactbut ul li p{font-size: 18px;line-height: 22px;}
	.region ul li{float: none;width: 100%;margin-right: 0;margin-bottom: 20px;padding: 14px;}
	.region ul li h5{font-size: 16px;margin-bottom: 10px;}
	.region ul li p{margin-bottom: 6px;}
	.region{padding-bottom: 20px;}
	.message{padding: 40px 20px;}
	.message ul li{width: 100%;float: none;margin-bottom: 20px;}
	.message ul li:last-child{margin-bottom: 0;}
	.message ul li input{height: 40px;padding: 0 12px;font-size: 14px;}
	.messagetext textarea{padding: 10px 12px;font-size: 14px;}
	.messagelast button{margin: 20px auto 0;font-size: 14px;}
	.recruitup h5{font-size: 16px;line-height: 20px;margin-bottom: 4px;}
	.recruitup p{font-size: 14px;line-height: 18px;}
	.recruitlist ul li{width: 100%;margin-right: 0;float: none;}
	.recruitlist ul li a h5{font-size: 16px;padding-bottom: 10px;margin-bottom: 10px;}
	.recruitxq h4{font-size: 16px;padding-bottom: 10px;margin-bottom: 10px;}
	.aboutfivecon,.aboutsevetcon{width: 100%;padding: 40px 20px !important;box-sizing: border-box;}
	.aboutitle{font-size: 20px;margin-bottom: 20px;line-height: 24px;}
	.abouttworight{width: 100%;}
	.abouthreecon ul li{width: 100%;float: none;margin-right: 0;}
	.abouthreecon ul li:nth-child(2n){margin-right: 0;}
	.abouthreecon ul li img{width: 100%;}
	.aboutsevetbutcon ul li{display: block;}
	.aboutlastimg{width: 100%;margin-right: 0;float: none;margin-bottom: 10px;}
	.aboutlastext{float: none;width: 100%;}
	.aboutfirstright h5,.abouttwoleft h5{font-size: 18px;margin-bottom: 10px;}
}
@media screen and (max-width: 320px) {
	.secondleft{width: 80%;margin: 0 auto 10px;}
	.secondleft .bofang, .thirdrightcon .bofang,.aboutfirstleft .bofang{width: 30px;height: 30px;}
	.secondrightext h5{font-size: 16px;line-height: 20px;margin-bottom: 5px;}
	.secondrightext p{font-size: 12px;line-height: 16px;margin-bottom: 5px;}
}