@charset "utf-8";
@import url(base.css);
.ht_1200{max-width: 1200px;margin: 0 auto;box-sizing: border-box;}
.f36{font-size: 36px;font-weight: 500;}
/* header */
.header{width: 100%;height: 100px;padding: 0 4%;box-sizing: border-box;position: fixed;top: 0;left: 0;z-index: 1000;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;background: #fff;}
.headerleft{float: left;}
.headerlogo{padding-top: 16px;box-sizing: border-box;}
.headerlogo a{display: block;position: relative;width: 502px;height: 64px;}
.headerlogo a img{display: block;width: 100%;position: absolute;top: 0;left: 0;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.headeright{float: right;}
.headeright>ul>li{float: left;margin-right: 48px;position: relative;}
.headeright>ul>li:last-child{margin-right: 0;}
.headeright>ul>li>a{font-size: 16px;color: #333;font-weight: 400;line-height: 100px;position: relative;display: block;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.headeright>ul>li.active>a{color: #004098;}
.headeright>ul>li:hover>a{color: #004098;}
.header.active{box-shadow: 0 3px 12px rgba(98,107,181,.25);}
.headerdown{position: absolute;top: 100px;left: 50%;width: 100%;background: #fff;box-shadow: 0 3px 10px rgba(0,0,0,0.1);
width: 200px;margin-left: -100px;border-radius: 0 0 6px 6px;display: none;}
.headerdowncon{width: 100%;}
.headerdowncon ul li {text-align: center;}
.headerdowncon ul li:last-child{border-radius: 0 0 5px 5px;}
.headerdowncon ul li:last-child a{border-radius: 0 0 5px 5px;}
.headerdowncon ul li a{display: block;padding: 12px 10px;box-sizing: border-box;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
font-size: 16px;color: #333;font-weight: 400;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.headerdowncon ul li:hover a{color: #fff;background: #004098;}
/* 首页banner */
.banner{width: 100%;}
.bannercon{width: 100%;}
.bannercon ul li{width: 100%;}
.bannercon ul li img{display: block;width: 100%;margin: 0 auto;height: 100vh;object-fit: cover;}
.bannernumber{width: 100%;position: absolute;bottom: 90px;left: 0;padding: 0 4%;box-sizing: border-box;z-index: 10;}
.bannernumber span{font-size: 38px;color: #fff;font-weight: 400;}
.bannernumber span b{font-weight: 400;}
.bannernumber strong{font-size: 18px;color: #fff;font-weight: 400;opacity: 0.8;}
.bannernumber strong b{font-weight: 400;}
/* 内容 */
.conter{width: 100%;}
.footer{width: 100%;}
.footerup{width: 100%;padding: 62px 10% 38px 10%;box-sizing: border-box;background: #404040;}
.footerupcon{width: 100%;margin-bottom: 22px;}
.footerleft{float: left;border-bottom: 1px solid rgba(255,255,255,0.3);padding-bottom: 18px;box-sizing: border-box;width: 56%;}
.footerleft ul li{float: left;margin-right: 48px;}
.footerleft ul li:last-child{margin-right: 0;}
.footerleft ul li a{display: block;font-size: 16px;color: #fff;opacity: 0.8;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s}
.footerleft ul li a:hover{opacity: 1;}
.footeright{float: right;}
.footeright select{display: block;width: 460px;height: 48px;border: 1px solid #979797;padding: 0 60px 0 14px;box-sizing: border-box;
font-size: 14px;color: #fff;outline: none;background: transparent url(../images/se.svg) 100% center no-repeat;
appearance:none;-moz-appearance:none;-webkit-appearance:none;}
.footeright select option{color: #333;}
.footerbutton{width: 100%;}
.footertall{float: left;margin-right: 28px;}
.footertall p{font-size: 16px;color: #fff;opacity: 0.6;line-height: 22px;margin-bottom: 4px;}
.footertall p:last-child{margin-bottom: 0;}
.footerewm{float: left;}
.footerewm img{display: block;width: 100px;margin-bottom: 6px;}
.footerewm p{text-align: center;font-size: 16px;color: #fff;opacity: 0.6;}
.footerbut{width: 100%;padding: 12px 0;box-sizing: border-box;background: #2B2B2B;text-align: center;}
.footerlast{width: 100%;}
.footerlast p{font-size: 14px;color: #fff;}
.footerlast p span{opacity: 0.6;}
.footerlast p a{opacity: 0.6;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;color: #fff;}
.footerlast p a:hover{opacity: 1;}
.backtop{cursor: pointer;font-size: 0.9em;position: fixed;text-align: center;z-index: 999; -webkit-transition: background-color 0.2s ease-in-out;-moz-transition: background-color 0.2s ease-in-out;display: none;
    -ms-transition: background-color 0.2s ease-in-out;transition: background-color 0.2s ease-in-out;background: #121212;color: #ffffff;
	border-radius: 3px;padding-left: 12px;padding-right: 12px;padding-top: 12px;padding-bottom: 12px;right: 20px;bottom: 90px;}
.backtop:hover{background: #004098;color: #fff;}
.nav{width: 100%;height: 60px;background: #fff;z-index: 2000;padding: 0 14px;box-sizing: border-box;display: none;
position: fixed;top: 0;left: 0;}
.navleft{float: left;width: 40%;height: 60px;display: flex;align-items: center;}
.navleft a{display: block;}
.navleft a img{width: 70%;display: block;}
.navright{float: right;margin-top: 20px;}
.navright>span{width: 24px;height: 2px;display: block;margin-bottom: 7px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;
 background: #004098;}
.navright>span:last-child{margin-bottom: 0;}
.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: #004098;}
.mobilebox .close{width: 100%;height: 60px;position: relative;}
.mobilebox .close i{float: right;width: 20px;height: 20px;background: url(../images/menu-close.svg) no-repeat;background-size: 100% 100%;margin: 20px;}
.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-size: 14px;color: #fff;padding: 9px 15px;box-sizing: border-box;background: #0063eb;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 9px 25px;box-sizing: border-box;border-top: 1px solid #eee;background: #3b98e5;
position: relative;}
.mobilenav>a:first-child{border-top: 0;}
.mobilenav>div>span{display: block;font-family: chainRegular;font-size: 14px;color: #fff;padding: 9px 15px 9px 25px;
    box-sizing: border-box;border-top: 1px solid #eee;position: relative;background-color: #5e83a2;}
.mobilenav>div>span 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>.on>span i{transform: rotate(90deg);}
.mobilenav>div>ul>li>a{display: block;font-size: 14px;font-family: chainRegular;color: #fff;padding: 9px 15px 9px 35px;box-sizing: border-box;border-top: 1px solid #eee;position: relative;}
.mobileerji{display: none;}
.innew{width: 100%;padding: 90px 10%;box-sizing: border-box;background: #fff;}
.innewcon{width: 100%;}
.intitle{width: 100%;margin-bottom: 56px;}
.intitle h4{color: #333;text-align: center;}
.innewconter{width: 100%;}
.innewleft{float: left;width: 53%;margin-right: 4%;}
.innewleftcon{width: 100%;}
.innewleftcon ul li{width: 100%;}
.innewleftcon ul li a{display: block;width: 100%;height: 100%;}
.innewleftcon ul li a img{display: block;width: 100%;height: 100%;object-fit: cover;}
.innewtext{width: 100%;position: absolute;bottom: 0;left: 0;padding: 36px 56px;box-sizing: border-box;
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, #000000 100%);}
.innewtext p{font-size: 24px;color: #fff;font-weight: 400;line-height: 40px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.innewpage{width: auto !important;bottom: auto !important;top:32px !important;right: 32px !important;text-align: right !important;}
.innewpage .swiper-pagination-bullet{width: 32px;height: 32px;border-radius: 0;font-size: 16px;color: #fff;text-align: center;margin: 0 2px !important;
line-height: 32px;opacity: 1;background: rgba(0,0,0,.3);transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.innewpage .swiper-pagination-bullet-active{background: #004098;}
.innewright{float: left;width: 43%;}
.innewright ul li{width: 100%;border-bottom: 1px solid #F5F5F5;box-sizing: border-box;}
.innewright ul li a{display: block;padding: 22px 0;box-sizing: border-box;}
.innewright ul li:first-child a{padding-top: 0;}
.innewright ul li a p{float: left;width: 82%;font-size: 22px;color: #333;font-weight: 500;line-height: 30px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.innewright ul li a span{float: right;font-size: 16px;color: #999;font-weight: 400;line-height: 22px;width: 18%;text-align: right;}
.innewright ul li a:hover p{color: #004098;}
.inbusiness{width: 100%;padding: 168px 10% 227px 10%;box-sizing: border-box;}
.inbusinesscon{width: 100%;}
.inbusinesstitle{width: 100%;margin-bottom: 24px;}
.inbusinesstitle h4{color: #333;}
.inbusinessconter{width: 100%;}
.inbusinessleft{float: left;width: 40%;padding-top: 16px;box-sizing: border-box;}
.inbusinessleft p{font-size: 16px;color: #666;font-weight: 500;line-height: 26px;}
.inbusinessleft a{display: block;width: 182px;height: 56px;background: #004098;border-radius: 4px;font-size: 16px;color: #fff;margin-top: 80px;
text-align: center;line-height: 56px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.inbusinessleft a:hover{background: #003098;}
.inbusinessright{float: right;width: 50%;}
.inbusinessright ul li{float: left;width: 24%;margin-right: 1.33%;margin-bottom: 2%;padding: 45px 10px 19px 10px;box-sizing: border-box;
background: #fff;border-radius: 2px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.inbusinessright ul li:nth-child(1){margin-left: 25.33%;}
.inbusinessright ul li:nth-child(3){margin-right: 0;}
.inbusinessright ul li:last-child{margin-right: 0;}
.inbusinessright ul li a{display: block;width: 100%;}
.inbusinessimg{width: 56px;height: 56px;margin: 0 auto 28px;overflow: hidden;position: relative;}
.inbusinessimg img{display: block;width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;height: 100%;object-fit: cover;}
.inbusinessimg .inbusinessimgbut{top: -50%;opacity: 0;}
.inbusinessright ul li a p{font-size: 18px;color: #333;font-weight: 500;text-align: center;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 48px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.inbusinessright ul li:hover{background: #004098;}
.inbusinessright ul li:hover .inbusinessimg .inbusinessimgup{top: -50%;opacity: 0;}
.inbusinessright ul li:hover .inbusinessimg .inbusinessimgbut{top: 50%;opacity: 1;}
.inbusinessright ul li:hover a p{color: #fff;}
.inconstruct{width: 100%;padding: 100px 10%;box-sizing: border-box;background: #F5F5F5;}
.inconstructcon{width: 100%;}
.inconstructleft{float: left;width: 48.4%;margin-right: 3.2%;}
.inconstructup{width: 100%;padding: 62px 10px 80px 0;box-sizing: border-box;}
.inconstructup h4{font-size: 56px;text-align: center;color: #fff;font-weight: 500;}
.inconstructup a{display: table;margin: 0 auto;font-size: 24px;color: #fff;font-weight: 300;}
.inconstructup a i{display: inline-block;width: 32px;height: 32px;background: url(../images/co3.png) center no-repeat;
vertical-align: -7px;}
.inconstructlist{width: 100%;padding: 40px 0 0 0;box-sizing: border-box;}
.inconstructlist ul li{width: 100%;margin-bottom: 20px;}
.inconstructlist ul li:last-child{margin-bottom: 0;}
.inconstructlist ul li a{display: block;width: 100%;}
.inconstructlist ul li a p{float: left;width: 82%;font-size: 22px;color: #333;font-weight: 500;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.inconstructlist ul li a span{float: right;font-size: 16px;color: #999;font-weight: 400;line-height: 22px;width: 18%;text-align: right;
padding-top: 4px;box-sizing: border-box;}
.inconstructlist ul li a:hover p{color: #004098;}
.inconstructright{float: right;width: 48.4%;}
.incase{width: 100%;padding: 100px 10%;box-sizing: border-box;background: #fff;}
.incasecon{width: 100%;}
.incatitle{width: 100%;margin-bottom: 46px;}
.incatitle h4{color: #333;}
.incaseconter{width: 100%;}
.incaseleft{float: left;width: 46%;margin-right: 4%;}
.incaseleft ul li{width: 100%;margin-bottom: 12px;}
.incaseleft ul li:last-child{margin-bottom: 0;}
.incaseleft ul li a{display: block;padding: 20px 13px;box-sizing: border-box;background: linear-gradient(270deg, #FFFFFF 0%, #F5F5F5 100%);
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.incaseleft ul li a h5{font-size: 24px;color: #333;font-weight: 500;margin-bottom: 10px;line-height: 32px;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.incaseleft ul li a p{font-size: 16px;color: #666;font-weight: 400;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.incaseleft ul li:hover a{background: linear-gradient(270deg, rgba(0,64,152,0.73) 0%, #004098 100%);}
.incaseleft ul li:hover a h5{color: #fff;}
.incaseleft ul li:hover a p{color: #fff;}
.incaseleft ul li.active a{background: linear-gradient(270deg, rgba(0,64,152,0.73) 0%, #004098 100%);}
.incaseleft ul li.active a h5{color: #fff;}
.incaseleft ul li.active a p{color: #fff;}
.incaseright{float: right;width: 50%;}
.incaseright img{display: none;width: 100%;height: 100%;object-fit: cover;}
.incaseright img:first-child{display: block;}
.inabout{width: 100%;padding: 100px 10%;box-sizing: border-box;background: #F5F5F5;}
.inaboutcon{width: 100%;}
.inabtitle{width: 100%;margin-bottom: 70px;}
.inabtitle h4{color: #333;text-align: center;}
.inaboutconter{width: 100%;}
.inaboutconter p{font-size: 18px;color: #666;font-weight: 400;margin-bottom: 20px;line-height: 30px;}
.inaboutconter p:last-child{margin-bottom: 0;}
.inaboutlast{width: 100%;margin-top: 60px;}
.inaboutlast a{display: block;width: 182px;height: 56px;background: #004098;border-radius: 4px;font-size: 16px;color: #fff;margin: 0 auto;
text-align: center;line-height: 56px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.inaboutlast a:hover{background: #003098;}
.inhonor{width: 100%;height: 100px;background: #fff;padding-left: 40px;box-sizing: border-box;}
.inhtitle{float: left;line-height: 100px;}
.inhtitle h4{font-size: 24px;color: #333;font-weight: 400;}
.inhtitle h4 i{display: inline-block;width: 52px;height: 50px;margin-right: 4px;vertical-align: -12px;}
.inhtitle h4 i img{display: block;width: 100%;}
.inhonorlist{float: left;width: calc(100% - 160px);padding-left: 20px;box-sizing: border-box;}
.inhonorlist marquee{display: block;width: 100%;}
.inhonorlist ul li{line-height: 100px;font-size: 20px;color: #666;font-weight: 400;margin-right: 60px;display: inline-block;
position: relative;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;padding-left: 14px;box-sizing: border-box;}
.inhonorlist ul li:before{content: '';width: 6px;height: 6px;background: #ccc;border-radius: 50%;position: absolute;
top: 50%;left: 0;margin-top: -3px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.inhonorlist ul li:hover{color: #004098;}
.inhonorlist ul li:hover:before{background:#004098;}
.inproduct{width: 100%;background: #fff;padding: 120px 10%;box-sizing: border-box;position: relative;}
.inproduct:before{content: '';width: 57%;height: 80%;background: #004098;position: absolute;top: 0;left: 0;}
.inproductcon{width: 100%;position: relative;z-index: 1;}
.inproductleft{float: left;}
.inproductleft h4{color: #fff;margin-bottom: 20px;}
.inproductleft i{display: block;width: 60px;height: 6px;background: #fff;margin-bottom: 60px;}
.inproductleft ul li{float: left;width: 164px;height: 56px;border: 1px solid #FFFFFF;
box-sizing: border-box;text-align: center;line-height: 54px;font-size: 22px;color: #fff;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;cursor: pointer;}
.inproductleft ul li.active{background: rgba(255,255,255,0.3);}
.inproductleft ul li:hover{background: rgba(255,255,255,0.3);}
.inproductright{float: right;width: 36%;}
.inproductright p{font-size: 16px;color: #666;font-weight: 400;line-height: 26px;}
.inproductbut{width: 100%;padding-top: 60px;box-sizing: border-box;position: relative;z-index: 1;}
.inproductlist{width: 100%;display: none;}
.inproductlist:first-child{display: block;}
.inproductlist ul li{float: left;width: 25%;overflow: hidden;position: relative;height: 580px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.inproductlist ul li a{display: block;width: 100%;height: 100%;}
.inproductlist ul li a img{display: block;width: 100%;height: 100%;object-fit: cover;}
.inprotext{width: 100%;position: absolute;bottom: -155px;left: 0;padding: 50px;box-sizing: border-box;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.inprotext h5{color: #fff;}
.inprotext p{margin-top: 32px;font-size: 16px;color: #fff;height: 105px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
.inproductlist ul li.active{width: 50%;}
.inproductlist ul li.active .inprotext{bottom: 0;background: linear-gradient(180deg, rgba(0,0,0,0) 0%, #000000 100%)}
.inbanner{width: 100%;margin-top: 100px;}
.inbanner img{display: block;width: 100%;height: 100%;object-fit: cover;}
.about{width: 100%;padding: 64px 0 80px 0;box-sizing: border-box;background: #fff;}
.aboutcon{width: 100%;}
.aboutleft{float: left;width: 67%;margin-right: 5%;}
.aboutleft h4{font-size: 40px;color: #333;font-weight: 500;margin-bottom: 36px;}
.aboutleftext{width: 100%;}
.aboutleftext p{font-size: 16px;color: #333;font-weight: 500;margin-bottom: 20px;}
.aboutleftext p:last-child{margin-bottom: 0;}
.aboutright{float: right;width: 28%;}
.aboutimg{width: 100%;margin-bottom: 2px;}
.aboutimg img{display: block;width: 100%;}
.aboutlist{width: 100%;background: #004098;padding: 24px 24px 56px 24px;box-sizing: border-box;}
.aboutlist h5{font-size: 20px;color: #fff;font-weight: 500;margin-bottom: 16px;}
.aboutlist ul li{width: 100%;margin-bottom: 40px;}
.aboutlist ul li:last-child{margin-bottom: 0;}
.aboutlist ul li i{float: left;width: 56px;height: 56px;margin-right: 16px;}
.aboutlist ul li i img{display: block;width: 100%;}
.abtext{float: left;width: calc(100% - 72px);}
.abtext h6{font-size: 18px;color: #fff;font-weight: 400;margin-bottom: 16px;}
.abtext p{font-size: 14px;color: #fff;font-weight: 400;line-height: 24px;}
.newcon{width: 100%;padding: 48px 0 64px 0;box-sizing: border-box;background: #fff;}
.newconter{width: 100%;}
.newleft{float: left;width: 67%;margin-right: 5%;}
.newlist{width: 100%;}
.newlist ul li{width: 100%;padding: 20px 0;border-bottom: 1px solid #EBEBEB;box-sizing: border-box;}
.newlist ul li:first-child{padding-top: 0;}
.newlist ul li a{display: block;width: 100%;}
.newimg{float: left;width: 282px;border-radius: 4px;height: 158px;}
.newimg img{display: block;width: 100%;height: 100%;object-fit: cover;border-radius: 4px;}
.newtext{float: left;width: calc(100% - 282px);padding-left: 20px;box-sizing: border-box;}
.newtext h5{font-size: 20px;color: #333;font-weight: 400;line-height: 28px;margin-bottom: 12px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newtext p{font-size: 14px;color: #999;font-weight: 400;line-height: 22px;margin-bottom: 24px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newtext span{font-size: 14px;color: #999;font-weight: 400;}
.newlist ul li a:hover h5{color: #004098;}
.scrpage{width: 100%;margin-top: 40px;}
.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 a{font-size: 14px;color: #333;border: 1px solid #ccc;display: block;padding: 6px 12px;box-sizing: border-box;border-radius: 2px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;background: #fff;}
.scrpage ul .active a{border-color: #004098;background: #004098;color: #fff;}
.scrpage ul li:hover a{border-color: #004098;background: #004098;color: #fff;}
.newright{float: right;width: 28%;}
.newslist{width: 100%;}
.newslist ul li{width: 100%;border-radius: 4px;}
.newslist ul li a{display: block;width: 100%;height: 100%;}
.newslist ul li a img{display: block;width: 100%;height: 220px;object-fit: cover;border-radius: 4px;}
.newstext{width: 100%;padding: 0 10px;box-sizing: border-box;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.newstext h5{font-size: 16px;color: #fff;text-align: center;font-weight: 400;}
.newstext i{display: block;width: 30px;height: 4px;background: #fff;margin: 10px auto;}
.newstext h4{font-size: 28px;color: #fff;text-align: center;font-weight: 400;}
.newpages .swiper-pagination-bullet{width: 6px;height: 6px;opacity: 0.5;background: #fff;margin: 0 2px !important;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.newpages .swiper-pagination-bullet-active{opacity: 1;}
.newdetailbox{width: 100%;padding-top: 100px;box-sizing: border-box;}
.breadcrumbs{width: 100%;background: #F9F9F9;padding: 23px 0;box-sizing: border-box;}
.breadcrumbscon{width: 100%;}
.breadcrumbscon i{float: left;width: 16px;margin-right: 8px;margin-top: 1px;}
.breadcrumbscon i img{display: block;width: 100%;}
.breadcrumbscon a{float: left;font-size: 14px;color: #999;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.breadcrumbscon a:hover{color: #004098;}
.breadcrumbscon span{float: left;font-size: 14px;color: #999;margin: 0 4px;}
.breadcrumbscon strong{float: left;font-size: 14px;color: #999;font-weight: 400;}
.newdetail{width: 100%;padding: 56px 0;box-sizing: border-box;background: #fff;}
.newdetailcon{width: 100%;}
.newdetaileft{float: left;width: 67%;margin-right: 5%;}
.newdetailup{width: 100%;border-bottom: 1px solid #EBEBEB;padding-bottom: 20px;box-sizing: border-box;}
.newdetailup h4{font-size: 32px;color: #333;font-weight: 500;margin-bottom: 28px;}
.newdetailup p{display: block;font-size: 14px;color: #999;line-height: 24px;}
.newdetailup p span{display: inline-block;position: relative;margin-right: 24px;}
.newdetailup p span:before{content: '';width: 1px;height: 14px;background-color: #999;position: absolute;top: 5px;right: -12px;}
.newdetailup p span:last-child{margin-right: 0;}
.newdetailup p span:last-child:before{display: none;}
.newdetailconter{width: 100%;padding: 32px 0;box-sizing: border-box;}
.newdetailconter p{font-size: 16px;color: #333;line-height: 26px;margin-bottom: 20px;}
.newdetailconter p img{display: block;max-width: 100%;margin: 0 auto;}
.newdetailconter p:last-child{margin-bottom: 0;}
.newdetailright{float: right;width: 28%;border: 1px solid #EBEBEB;padding: 16px 24px 24px 24px;box-sizing: border-box;}
.newdetailright h5{font-size: 20px;color: #333;border-bottom: 1px solid #EBEBEB;padding-bottom: 16px;box-sizing: border-box;margin-bottom: 16px;font-weight: 500;}
.newdetailright ul li{width: 100%;margin-bottom: 24px;}
.newdetailright ul li:last-child{margin-bottom: 0;}
.newdetailright ul li a{display: block;width: 100%;}
.newimgs{width: 100%;border-radius: 4px;margin-bottom: 12px;}
.newimgs img{display: block;width: 100%;border-radius: 4px;}
.newtexted{width: 100%;}
.newtexted p{font-size: 16px;color: #333;font-weight: 400;line-height: 24px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newdetailright ul li a:hover .newtexted p{color: #004098;}
.business{width: 100%;padding: 48px 0 64px 0;box-sizing: border-box;background: #fff;}
.businesscon{width: 100%;}
.businessleft{float: left;width: 28.5%;margin-right: 5.5%;}
.businessleft ul li{width: 100%;height: 56px;background: #F5F5F5;margin-bottom: 2px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.businessleft ul li:last-child{margin-bottom: 0;}
.businessleft ul li a{display: block;width: 100%;line-height: 56px;font-size: 20px;color:#333;font-weight: 400;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;padding: 0 24px;box-sizing: border-box;}
.businessleft ul li.active{background: #004098;}
.businessleft ul li.active a{color:#fff;}
.businessleft ul li:hover{background: #004098;}
.businessleft ul li:hover a{color:#fff;}
.businessright{float: right;width: 66%;}
.businesstitle{width: 100%;border-bottom: 1px solid #EBEBEB;padding-bottom: 24px;box-sizing: border-box;}
.businesstitle h4{font-size: 24px;color: #004098;font-weight: 400;}
.businesstext{width: 100%;padding-top: 32px;box-sizing: border-box;}
.businesstext p{font-size: 16px;color: #333;line-height: 26px;margin-bottom: 20px;}
.businesstext p img{display: block;max-width: 100%;margin: 0 auto;}
.businesstext p:last-child{margin-bottom: 0;}
.productlistqt{width: 100%;padding-top: 32px;box-sizing: border-box;}
.productlistqt h4{font-size: 20px;color: #333;font-weight: 400;margin-bottom: 16px;}
.productlistqt ul li{float: left;width: 32%;margin-right: 2%;}
.productlistqt ul li:last-child{margin-right: 0;}
.productlistqt ul li a{display: block;width: 100%;position: relative;}
.productlistqt ul li a img{display: block;width: 100%;height: 154px;object-fit: cover;}
.productlistqt ul li a p{font-size: 24px;color: #fff;font-weight: 400;line-height: 32px;width: 100%;text-align: center;
position: absolute;top: 50%;transform: translateY(-50%);left: 0;padding: 0 10px;box-sizing: border-box;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.productleft{float: left;width: 28.5%;margin-right: 5.5%;}
.productleft ul li{width: 100%;margin-bottom: 2px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.productleft ul li:last-child{margin-bottom: 0;}
.productleft ul li>a{display: block;width: 100%;line-height: 56px;font-size: 20px;color:#333;font-weight: 400;background: #F5F5F5;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;padding: 0 24px;box-sizing: border-box;}
.productleft ul li>a span{float: left;}
.productleft ul li>a i{float: right;width: 16px;height: 16px;background: url(../images/add.svg) center no-repeat;margin-top: 20px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.productleft ul li.active>a{background: #004098;}
.productleft ul li.active>a{color:#fff;}
.productleft ul li.active>a i{color:#fff;background: url(../images/ajjs.svg) center no-repeat;}
.prodown{width: 100%;margin-top: 2px;display: none;}
.prodown a{display: block;width: 100%;line-height: 56px;font-size: 16px;color:#333;font-weight: 400;margin-bottom: 2px;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: #F5F5F5;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;padding: 0 44px;box-sizing: border-box;}
.prodown a:hover{color: #004098;}
.productleft ul li.active .prodown{display: block;}
@media screen and (max-width: 1905px) {
}
@media screen and (max-width: 1805px) {
}
@media screen and (max-width: 1705px) {
}
@media screen and (max-width: 1605px) {
}
@media screen and (max-width: 1505px) {
}
@media screen and (max-width: 1450px) {
	.footerup{padding: 60px 8% 38px 8%;}
	.innew,.inbusiness,.inconstruct,.incase,.inabout,.inproduct{padding: 80px 8%;}
}
@media screen and (max-width: 1380px) {
	.footerup{padding: 60px 6% 38px 6%;}
	.footerleft ul li{margin-right: 28px;}
	.footeright select{width: 320px;}
	.innew,.inbusiness,.inconstruct,.incase,.inabout,.inproduct{padding: 60px 6%;}
	.innewtext{padding: 24px 32px;}
	.innewtext p{font-size: 20px;line-height: 28px;}
	.innewright ul li a{padding: 12px 0;}
	.innewright ul li a p,.inconstructlist ul li a p{font-size: 20px;}
	.inbusinessleft a{margin-top: 60px;}
	.inabtitle{margin-bottom: 60px;}
	.about{padding: 60px 0;}
}
@media screen and (max-width: 1305px) {
}
@media screen and (max-width: 1210px) {
	.ht_1200{max-width: 100%;padding: 0 4%;}
	.f36{font-size: 24px;}
	.headerlogo{padding-top: 23px;}
	.headerlogo a{width: 390px;}
	.headeright>ul>li{margin-right: 24px;}
	.footerup{padding: 40px 4% 32px 4%;}
	.innew,.inbusiness,.inconstruct,.incase,.inabout,.inproduct{padding: 40px 4%;}
	.intitle,.incatitle{margin-bottom: 40px;}
	.inbusinessleft a{margin-top: 40px;}
	.inconstructup{padding: 40px 10px;}
	.inconstructup h4{font-size: 24px;}
	.inconstructup a{font-size: 16px;margin-top: 6px;}
	.inconstructup a i{width: 20px;height: 20px;background-size: 100%;vertical-align: -4px;}
	.inconstructlist{padding-top: 20px;}
	.incaseleft ul li a{padding: 10px;}
	.incaseleft ul li a h5{font-size: 20px;line-height: 24px;margin-bottom: 6px;}
	.incaseleft ul li a p{font-size: 14px;}
	.inabtitle{margin-bottom: 40px;}
	.inaboutlast{margin-top: 40px;}
	.inhonor{height: 80px;}
	.inhtitle{line-height: 80px;}
	.inhtitle h4 i{vertical-align: -17px;}
	.inhonorlist ul li{line-height: 80px;margin-right: 32px;font-size: 16px;}
	.inproductleft i{margin-bottom: 40px;}
	.inproductbut{padding-top: 40px;}
	.inprotext{padding: 20px;bottom: -125px;}
	.inprotext p{margin-top: 20px;}
	.inbanner img{height: 360px;}
	.about,.newcon,.newdetail,.business{padding: 40px 0;}
	.aboutleft h4{font-size: 24px;margin-bottom: 20px;}
	.aboutlist ul li{margin-bottom: 20px;}
	.aboutlist{padding: 14px;}
	.newdetailup{padding-bottom: 10px;}
	.newdetailup h4{font-size: 24px;margin-bottom: 12px;}
	.newdetailconter{padding: 20px 0;}
}
@media screen and (max-width: 1108px) {
}
@media screen and (max-width: 1040px) {
	.header{display: none;}
	.nav{display: block;}
	.bannercon{margin-top: 60px;}
	.bannercon ul li img{height: auto;}
	.bannernumber{bottom: 14px;}
	.bannernumber span{font-size: 30px;}
	.innewconter{display: block;}
	.innewleft{float: none;width: 100%;margin-right: 0;margin-bottom: 20px;}
	.innewright{float: none;width: 100%;}
	.inbusinessleft{float: none;width: 100%;margin-right: 0;padding-top: 0;}
	.inbusinessright{float: none;width: 100%;margin-top: 16px;}
	.inconstructleft{float: none;width: 100%;margin-right: 0;margin-bottom: 16px;}
	.inconstructright{float: none;width: 100%;}
	.incaseconter{display: block;}
	.incaseleft{float: none;margin-right: 0;width: 100%;margin-bottom: 16px;}
	.incaseright{float: none;width: 100%;}
	.incaseright img{width: auto;max-width: 100%;margin: 0 auto;height: auto;}
	.inbanner{margin-top: 60px;}
	.inbanner img{height: 320px;}
	.aboutleft,.newleft,.newdetaileft{float: none;width: 100%;margin-right: 0;margin-bottom: 16px;}
	.aboutright,.newright,.newdetailright{float: none;width: 100%;}
	.newleft{margin-bottom: 32px;}
	.newdetailbox{padding-top: 60px;}
	.businessleft,.productleft{display: none;}
	.businessright{float: none;width: 100%;}
} 
@media screen and (max-width: 980px) {
	.footerleft{width: 100%;float: none;margin-bottom: 12px;}
	.footeright{float: none;width: 100%;}
	.inproduct:before{width: 100%;}
	.inproductleft{float: none;width: 100%;margin-bottom: 16px;}
	.inproductright{float: none;width: 100%;}
	.inproductright p{color: #fff;}
}
@media screen and (max-width: 900px) {
	
}
@media screen and (max-width: 860px) {
	
}
@media screen and (max-width: 790px) {
	.navleft a img{width: 100%;}
}
@media screen and (max-width: 650px) {
	.navleft{width: 75%;}
	.footerleft{padding-bottom: 10px;}
	.footerleft ul li{margin-right: 20px;margin-bottom: 6px;}
	.footeright select{width: 100%;}
	.footertall{margin-bottom: 10px;}
	.innewpage{top: 12px !important;right: 12px !important;}
	.innewtext{padding: 12px;}
	.innewtext p{font-size: 16px;line-height: 20px;}
	.innewright ul li a p,.inconstructlist ul li a p{font-size: 16px;width: 76%;line-height: 20px;}
	.innewright ul li a span,.inconstructlist ul li a span{font-size: 14px;width: 22%;}
	.inbusinessleft a{width: 140px;height: 40px;line-height: 40px;font-size: 14px;margin-top: 20px;}
	.inbusinessright ul li{width: 49%;margin-right: 2%;}
	.inbusinessright ul li:nth-child(1){margin-left: 0;}
	.inbusinessright ul li:nth-child(2n){margin-right: 0;}
	.inbusinessright ul li:nth-child(3){margin-right: 2%;}
	.inbusinessright ul li{padding: 12px 10px;}
	.inbusinessimg{margin-bottom: 14px;}
	.inbusinessright ul li a p{font-size: 16px;height: 42px;}
	.inconstructlist ul li{margin-bottom: 12px;}
	.incatitle,.inabtitle{margin-bottom: 24px;}
	.inaboutconter p{font-size: 16px;margin-bottom: 14px;}
	.inaboutlast{margin-top: 20px;}
	.inaboutlast a{width: 140px;height: 40px;line-height: 40px;font-size: 14px;}
	.inhonor{padding: 20px 4%;box-sizing: border-box;height: auto;}
	.inhtitle{float: none;line-height: 1.5;text-align: center;}
	.inhonorlist{float: none;width: 100%;padding-left: 0;margin-top: 14px;}
	.inhonorlist ul li{line-height: 40px;}
	.inproductleft i{margin-bottom: 20px;}
	.inproductleft ul li{width: 140px;height: 40px;line-height: 40px;font-size: 14px;}
	.inproductlist ul{display: block;}
	.inproductlist ul li{float: none;width: 100%;height: auto;margin-bottom: 12px;}
	.inproductlist ul li:last-child{margin-bottom: 0;}
	.inproductlist ul li.active{width: 100%;}
	.inprotext{bottom: 0;background: linear-gradient(180deg, rgba(0,0,0,0) 0%, #000000 100%)}
	.inbanner img{height: 180px;}
	.aboutleftext p{margin-bottom: 14px;}
	.scrpage ul li a{padding: 4px 8px;}
	.newimg{float: none;width: 100%;height: auto;margin-bottom: 12px;}
	.newtext{float: none;width: 100%;padding-left: 0;}
	.newtext h5{font-size: 16px;}
	.newtext p{margin-bottom: 12px;}
	.newstext h4{font-size: 24px;}
	.businesstitle{padding-bottom: 12px;}
	.businesstext{padding-top: 24px;}
	.productlistqt ul li{float: none;width: 100%;margin-right: 0;margin-bottom: 2%;}
	.productlistqt ul li:last-child{margin-bottom: 0;}
	.productlistqt ul li a img{height: auto;}
	.inprotext p{-webkit-line-clamp: 2;height:42px;margin-top:10px;}
}
@media screen and (max-width: 580px) {
	
}