@charset "utf-8";
@import url(base.css);
.ht_1200{max-width: 1200px;margin: 0 auto;box-sizing: border-box;}

/* header */
.header{width: 100%;height: 100px;position: fixed;top: 0;left: 0;z-index: 1000;padding: 0 4%;box-sizing: border-box;
border-bottom: 1px solid rgba(255,255,255,0.3);transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.headerleft{float: left;}
.headerlogo{float: left;padding-top: 16px;box-sizing: border-box;margin-right: 36px;}
.headerlogo a{display: block;max-width: 74px;position: relative;width: 74px;}
.headerlogo a img{display: block;width: 100%;position: absolute;top: 0;left: 0;height: 68px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.headerlogo a .headerlogoimgs{opacity: 0;}
.headerticker{float: left;padding-top: 34px;box-sizing: border-box;}
.headerticker p{font-size: 14px;color: #fff;font-weight: 400;line-height: 20px;opacity: 0.8;}
.headeright{float: right;}
.headeright>ul>li{float: left;margin-right: 48px;}
.headeright>ul>li:last-child{margin-right: 0;}
.headeright>ul>li>a{font-size: 16px;color: #fff;font-weight: 400;line-height: 100px;position: relative;display: block;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.headeright>ul>li>a:before{content: '';width: 0%;height: 2px;background: #004098;position: absolute;
top: 0;left: 50%;transform: translateX(-50%);transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.header:hover{background: #fff;border-bottom: 1px solid #eee;}
.header:hover .headerlogo a .headerlogoimg{opacity: 0;}
.header:hover .headerlogo a .headerlogoimgs{opacity: 1;}
.header:hover .headerticker p{color: #333;}
.header:hover .headeright>ul>li>a{color: #333;}
.header .headeright>ul>li:hover>a{color: #004098;}
.header .headeright>ul>li:hover>a:before{width: 100%;}
.header.active{background: #fff;border-bottom: 1px solid #eee;}
.header.active .headerlogo a .headerlogoimg{opacity: 0;}
.header.active .headerlogo a .headerlogoimgs{opacity: 1;}
.header.active .headerticker p{color: #333;}
.header.active .headeright>ul>li>a{color: #333;}
.header.headeractive{background: #fff;border-bottom: 1px solid #eee;}
.header.headeractive .headerlogo a .headerlogoimg{opacity: 0;}
.header.headeractive .headerlogo a .headerlogoimgs{opacity: 1;}
.header.headeractive .headerticker p{color: #333;}
.header.headeractive .headeright>ul>li>a{color: #333;}
.headerdown{position: absolute;top: 100px;left: 0;width: 100%;background: #fff;display: none;box-shadow: 0 3px 10px rgba(0,0,0,0.1);}
.headerdowncon{width: 100%;}
.headerdowncon ul{position: relative;}
.headerdowncon ul li {float: left;text-align: center;position: relative;z-index: 99;}
.headerdowncon ul li a{display: block;padding: 0 70px;box-sizing: border-box;line-height: 81px;
font-size: 16px;color: #333;font-weight: 400;position: relative;z-index: 999;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.headerdowncon ul .animation{position: absolute;height: 100%;background: url(../images/navbj.png) center no-repeat;background-size: 100% 100%;
z-index: 10;transition: all 0.5s;width: 0;}
.headerdowncon ul li:hover a{color: #fff;}
.start-home,.headerdowncon ul li:nth-child(1):hover~.animation {width: 204px;left: 0;}
.headerdowncon ul li:nth-child(2):hover~.animation {width: 204px;left: 204px;}
.headerdowncon ul li:nth-child(3):hover~.animation {width: 204px;left: 408px;}
.headerdowncon ul li:nth-child(4):hover~.animation {width: 204px;left: 612px;}
.headerdowncon ul li:nth-child(5):hover~.animation {width: 204px;left: 816px;}
.headerdowncon ul li:nth-child(6):hover~.animation {width: 204px;left: 1020px;}

.start-home,.ywly ul li:nth-child(1):hover~.animation {width: 250px;left: 0;}
.ywly ul li:nth-child(2):hover~.animation {width: 250px;left: 210px;}
.ywly ul li:nth-child(3):hover~.animation {width: 290px;left: 408px;}
.ywly ul li:nth-child(4):hover~.animation {width: 290px;left: 670px;}
/* 首页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;}
.bannerconter{width: 100%;position: absolute;top: 45%;left: 0;padding: 0 10%;box-sizing: border-box;
transform: translateY(-50%);}
.bannertext{max-width: 1000px;}
.bannertext h4{font-size: 60px;color: #fff;font-weight: 400;margin-bottom: 32px;line-height: 64px;max-width: 680px;}
.bannertext p{font-size: 40px;color: #fff;font-weight: 300;}
.bannercon .bannerpages{bottom: 100px !important;text-align: left;padding: 0 10%;box-sizing: border-box;}
.bannercon .swiper-pagination-bullet{width: 50px;height: 2px;background: rgba(255,255,255,0.5);opacity: 1;border-radius: 0;position: relative;}
.bannercon .swiper-pagination-bullet:after{content: "";display: block;width: 0;height: 2px;position: absolute;background-color: #fff;top: 0;left: 0;}
.bannercon .swiper-pagination-bullet-active:after{transition: width 3s;width: 100%;}
.bannernumber{width: 100%;position: absolute;bottom: 180px;left: 0;padding: 0 10%;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;}
.bannernumber strong b{font-weight: 400;}
/* 内容 */
.conter{width: 100%;}
.business{width: 100%;padding: 120px 0;box-sizing: border-box;background: #fff;}
.businesscon{width: 100%;}
.title{width: 100%;margin-bottom: 50px;}
.title h4{font-size: 32px;color: #3D424D;font-weight: 400;float: left;}
.businesslist{width: 100%;}
.businesslist ul li{float: left;width: 33.3%;}
.businesslist ul li a{display: block;width: 100%;position: relative;}
.businesslist ul li a img{display: block;width: 100%;}
.businesstext{position: absolute;bottom: 32px;left: 0;width: 100%;padding: 0 42px;box-sizing: border-box;}
.businesstext h5{font-size: 24px;color: #fff;font-weight: 500;margin-bottom: 6px;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.businesstext p{font-size: 14px;color: #fff;font-weight: 400;opacity: 0.6;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.businesslist ul li:hover .businesstext h5{transform: translateX(10px);}
.innew{width: 100%;padding: 100px 0;box-sizing: border-box;}
.innewcon{width: 100%;}
.innewcon .title{margin-bottom: 80px;}
.innewcon .title h4{color: #fff;}
.innewtitleright{float: right;padding-top: 16px;box-sizing: border-box;}
.innewtitleright a{float: left;font-size: 16px;color: #fff;font-weight: 400;margin-right: 40px;}
.innewtitleright a:last-child{margin-right: 0;}
.innewconter{width: 100%;}
.innewconlist{width: 100%;display: none;padding: 0 2%;box-sizing: border-box;}
.innewconlist:first-child{display: block;}
.innewconlist ul{margin-bottom: 90px;}
.innewconlist ul li{float: left;width: 31%;margin-right: 3.5%;background: #fff;}
.innewconlist ul li:last-child{margin-right: 0;}
.innewconlist ul li a{display: block;width: 100%;}
.innewimg{width: 100%;overflow: hidden;position: relative;}
.innewimg .inimg{display: block;width: 100%;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.inbf{position: absolute;top: 50%;left: 50%;border-radius: 50%;width: 56px;height: 56px;margin-top: -28px;margin-left: -28px;}
.innewtext{width: 100%;padding: 24px;box-sizing: border-box;background: #fff;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.innewtext h5{font-size: 20px;color:#333;font-weight: 400;line-height: 28px;height: 56px;margin-bottom: 24px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.innewlast{width: 100%;}
.innewleft{float: left;text-align: center;}
.innewleft p{font-size: 14px;color: #999;font-weight: 400;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.innewleft h6{font-size: 18px;color: #999;font-weight: 500;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.innewright{float: right;margin-top: 6px;}
.innewright i{display: block;width: 32px;height: 32px;background: url(../images/m.svg) center no-repeat;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.innewconlist ul li:hover .innewimg .inimg{transform: scale(1.1);}
.innewconlist ul li:hover .innewtext{background:#004098;}
.innewconlist ul li:hover .innewtext h5{color: #fff;}
.innewconlist ul li:hover .innewleft p{color: #fff;}
.innewconlist ul li:hover .innewleft h6{color: #fff;}
.innewconlist ul li:hover .innewright i{background: url(../images/ms.svg) center no-repeat;}
.more{display: table;margin: 0 auto;font-size: 16px;color: #fff;font-weight: 400;}
.more i{display: inline-block;width: 20px;height: 20px;background: url(../images/more.svg) center no-repeat;vertical-align: -5px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.more:hover i{margin-left: 4px;}
.inproduct{width: 100%;background: #f2f2f2;padding: 100px 0 70px 0;box-sizing: border-box;}
.inproductup{width: 100%;}
.inproductup .innewtitleright a{color: #666;margin-right: 24px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.inproductup .innewtitleright a.active{color: #004098;}
.inproductup .innewtitleright a:hover{color: #004098;}
.inproductbut{width: 100%;padding-left: 18.5%;box-sizing: border-box;}
.inproductconter{width: 100%;}
.inproductlist{width: 100%;display: none;}
.inproductlist:first-child{display: block;}
.inproductlisted{width: 100%;padding-top: 24px;box-sizing: border-box;}
.inproductlisted ul li a{display: block;width: 100%;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.inproimg{width: 100%;}
.inproimg img{display: block;width: 100%;}
.inprotext{width: 100%;padding: 26px 32px;box-sizing: border-box;background: #F5F5F5;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.inprotext h5{font-size: 20px;color: #3D424D;font-weight: 500;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;margin-bottom: 4px;}
.inprotext p{font-size: 16px;color: #999;font-weight: 400;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.inproimgadd{float:left;width:33%;overflow:hidden;}
.inproimgadd img{transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.inprotextadd{float:left;width:67%;background:#fff;padding:10px 10px 10px 60px;}
.inproductlisted ul li:hover a{box-shadow: 0px 0px 16px 0px rgba(163,177,204,0.2);margin-top: -20px;}
.inproductlisted ul li:hover .inprotext{background: #fff;}
.inproductlisted ul li:hover .inprotext h5{color: #1259E6;}
.inprolast{width: 100%;margin-top: 60px;}
.meansnext{float: left;width: 32px;height: 32px;background: url(../images/pright.png) center no-repeat !important;position: static;
cursor: pointer;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.meansnext:hover{background: url(../images/prights.png) center no-repeat !important;}
.meansprev{float: left;width: 32px;height: 32px;background: url(../images/pleft.png) center no-repeat !important;position: static;
cursor: pointer;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;margin-right: 12px;}
.meansprev:hover{background: url(../images/plefts.png) center no-repeat !important;}
.inculture{width: 100%;background: #F2F2F2;padding: 100px 0;box-sizing: border-box;}
.inculturecon{width: 100%;}
.inculturebut{width: 100%;}
.incultureup{width: 100%;margin-bottom: 30px;overflow: hidden;}
.incultureup a{display: block;width: 100%;}
.incultureup a img{display: block;width: 100%;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.incultureup a:hover img{transform: scale(1.1);}
.inculturelast{width: 100%;}
.inculturelast ul li{float: left;width: 24%;margin-right: 1.33%;overflow: hidden;}
.inculturelast ul li:last-child{margin-right: 0;}
.inculturelast ul li a{display: block;width: 100%;position: relative;}
.inculturelast ul li a img{display: block;width: 100%;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.inculturelast ul li:hover a img{transform: scale(1.1);}
.inculturetext{width: 100%;position: absolute;top: 50%;left: 0;padding: 10px;box-sizing: border-box;text-align: center;
transform: translateY(-50%);}
.inculturetext h5{font-size: 20px;color: #fff;font-weight: 500;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 8px;}
.inculturetext p{font-size: 12px;color: #fff;font-weight: 300;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
text-transform: uppercase;}
.inflair{width: 100%;padding: 100px 0;box-sizing: border-box;background: #fff;}
.inflaircon{width: 100%;}
.inflairconter{width: 100%;position: relative;}
.inflairlist ul li img{display: block;width: 100%;margin: 0 auto;cursor: pointer;}
.flairpage{width: 100%;display: none;}
.flairpage .swiper-pagination-bullet{cursor: pointer;background: #000 !important;opacity: .2;margin: 0 4px;}
.flairpage .swiper-pagination-bullet-active{opacity: 1;background: #004098 !important;}
.flairnext{width: 64px;height: 64px;background: url(../images/hright.svg) center no-repeat !important;top:50%;position: absolute;
cursor: pointer;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;margin-top: -32px;z-index: 10;right: -80px !important;}
.flairnext:hover{background: url(../images/hover-right.svg) center no-repeat !important;}
.flairprev{width: 64px;height: 64px;background: url(../images/hleft.svg) center no-repeat !important;top:50%;position: absolute;
cursor: pointer;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;margin-top: -32px;z-index: 10;left: -80px !important;}
.flairprev:hover{background: url(../images/hover-left.svg) center no-repeat !important;}
.footer{width: 100%;}
.footerup{width: 100%;padding: 56px 0 42px 0;box-sizing: border-box;}
.footerupcon{width: 100%;}
.footerupcon h1{float: left;}
.footerupcon h1 img{display: block;width: 100%;}
.footerupcon select{float: right;width: 308px;height: 48px;border: 1px solid rgba(255,255,255,0.3);padding: 0 60px 0 14px;box-sizing: border-box;
font-size: 14px;color: #fff;outline: none;background: transparent url(../images/se.png) 98% center no-repeat;margin-top: 10px;
appearance:none;-moz-appearance:none;-webkit-appearance:none;}
.addse{width:100%;position:relative;}
.addse:before{content:'';width:1px;height:32px;background:#fff;opacity:0.3;position:absolute;top:18px;right:48px;}
.footerupcon select option{color: #333;}
.footerbutcon{width: 100%;margin-top: 24px;}
.footerbutconleft{float: left;}
.footerbutconleft p{font-size: 16px;color: #fff;opacity: 0.6;font-weight: 400;line-height: 22px;margin-bottom: 4px;}
.footerbutconleft p:last-child{margin-bottom: 0;}
.footerewm{width: 100px;text-align: center;margin-top: 10px;}
.footerewm img{display: block;width: 100px;margin-bottom: 6px;}
.footerewm span{display: block;font-size: 16px;color: #fff;opacity: 0.6;}
.footerbutright{float: right;width: 70%;}
.footerbutright ul{float: right;}
.footerbutright ul li{float: left;margin-right: 40px;}
.footerbutright ul li:last-child{margin-right: 0;}
.footerbutright ul li h5{font-size: 16px;color: #fff;font-weight: 500;margin-bottom: 18px;}
.footerbutright ul li a{font-size: 14px;color: #fff;font-weight: 400;display: table;opacity: 0.6;line-height: 24px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.footerbutright ul li a:hover{opacity: 1;}
.footerbut{width: 100%;padding: 14px 0;box-sizing: border-box;background: #2B2B2B;}
.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;font-size: 0;float: left;}
.navleft a img{width: 66%;display: block;}
.navtext{float: left;margin-left: -10px;}
.navtext p{font-size: 12px;color: #666;line-height: 20px;}
.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.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-size: 14px;color: #fff;padding: 9px 15px;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);}
/* 关于我们--公司介绍 */
.nbanner{width: 100%;position: relative;}
.nbanner img{display: block;width: 100%;}
.nbannercon{width: 100%;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.nbannerconter{width: 100%;text-align: center;}
.nbannerconter h4{font-size: 60px;color: #fff;font-weight: 400;}
.aboutone{width: 100%;padding: 100px 0;box-sizing: border-box;background: #fff;}
.aboutonecon{width: 100%;}
.aboutoneleft{float: left;width: 52%;padding-right: 4%;box-sizing: border-box;}
.aboutoneleft h2{font-size: 32px;color: #3D424D;font-weight: 500;margin-bottom: 36px;}
.aboutonegp{width: 100%;margin-bottom: 60px;}
.aboutonegp h4{font-size: 32px;color: #004098;font-weight: 500;margin-bottom: 4px;}
.aboutonegp p{font-size: 14px;color: #3D424D;font-weight: 400;}
.aboutonelist{width: 100%;}
.aboutonelist ul li{float: left;width: 25%;text-align: center;position: relative;margin-bottom: 60px;}
.aboutonelist ul li:before{content: '';width: 1px;height: 100%;background: #F0F0F0;position: absolute;top: 0;right: 0;}
.aboutonelist ul li:nth-child(4):before{display: none;}
.aboutonelist ul li:last-child:before{display: none;}
.aboutonelist ul li h5{font-size: 32px;color: #004098;font-weight: 500;}
.aboutonelist ul li h5 span{font-size: 14px;color: #999;vertical-align: 14px;}
.aboutonelist ul li p{font-size: 14px;color: #3D424D;font-weight: 400;}
.aboutoneright{float: right;width: 44%;}
.aboutoneright p img{display:block;width:100%;}
.aboutoneright p{font-size: 14px;color: #3D424D;font-weight: 400;line-height: 30px;margin-bottom: 20px;}
.aboutoneright p:last-child{margin-bottom: 0;}
.aboutwo{width: 100%;}
.aboutwoleft{float: left;width: 62%;}
.aboutwoleft img{display: block;width: 100%;}
.aboutworight{float: right;width: 38%;background: #004098;padding: 0 6%;box-sizing: border-box;}
.aboutworight p{font-size: 14px;color: #fff;font-weight: 400;line-height: 30px;}
.abouthree{width: 100%;padding: 100px 0;box-sizing: border-box;background: #fff;}
.abouthreecon{width: 100%;}
.abouthreecon ul li{width: 100%;}
.abouthreeimg{float: left;width: 48%;margin-right: 4%;padding-top: 118px;box-sizing: border-box;}
.abouthreeimg img{display: block;width: 100%;}
.abouthreetext{float: right;width: 48%;}
.aboutitle{width: 100%;margin-bottom: 50px;}
.aboutitle h4{font-size: 32px;color: #3D424D;font-weight: 500;margin-bottom: 20px;}
.aboutitle i{display: block;width: 82px;height: 6px;background: #D70012;}
.abouthreetexted{width: 100%;}
.abouthreetexted p{font-size: 14px;color: #3D424D;font-weight: 400;line-height: 30px;}
.abouthreecon ul li:nth-child(2){margin-bottom: 100px;}
.abouthreecon ul li:nth-child(2) .abouthreeimg{float: right;margin-right: 0;margin-left: 4%;padding-top: 0;margin-top: -300px;}
.abouthreecon ul li:nth-child(2) .abouthreetext{float: left;padding-top: 118px;box-sizing: border-box;}
.abouthreecon ul li:nth-child(3) .abouthreeimg{padding-top: 0;}
.aboutfore{width: 100%;padding: 204px 0;box-sizing: border-box;}
.aboutforecon{max-width: 960px;margin: 0 auto;}
.aboutforecon p{font-size: 16px;color: #3D424D;font-weight: 400;line-height: 30px;margin-bottom: 20px;text-align: left;}
.aboutforecon p:last-child{margin-bottom: 0;}
/* 关于我们--组织架构 */
.structure{width: 100%;padding: 100px 0;box-sizing: border-box;background: #fff;}
.structurecon{width: 100%;}
.structurecon img{display: block;width: 100%;}
/* 关于我们--发展历程 */
.develop{width: 100%;padding: 200px 0 100px 0;box-sizing: border-box;}
.developcon{width: 100%;}
.developtitle{float: left;margin-right: 100px;}
.developtitle h4{font-size: 32px;color: #fff;font-weight: 500;}
.developconter{float: left;max-height: 800px;overflow-y: auto;padding-right: 40px;box-sizing: border-box;margin-right: 80px;}
.developconter ul{position: relative;}
.developconter ul:before{content: '';width: 1px;height: 108%;position: absolute;top: 0;right: 10px;background: #fff;}
.developconter ul li{width: 100%;position: relative;margin-bottom: 100px;box-sizing: border-box;cursor: pointer;}
.developconter ul li:first-child{padding-top: 80px;}
.developconter ul li h5{float: left;font-size: 22px;color: #fff;opacity: 0.6;margin-right: 42px;font-weight: 500;line-height: 22px;
width: 66px;text-align: right;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.developconter ul li i{float: left;width: 22px;height: 22px;border-radius: 50%;border: 1px solid #fff;box-sizing: border-box;
position: relative;transform: scale(0.8);transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.developconter ul li i:before{content: '';width: 16px;height: 16px;border-radius: 50%;background: #fff;position: absolute;
top: 50%;left: 50%;transform: translate(-50%,-50%);}
.developconter ul li.active h5{font-size: 28px;opacity: 1;}
.developconter ul li.active i{transform: scale(1);}
.developright{float: left;max-width: 700px;}
.developlist{width: 100%;display: none;}
.developlist:first-child{display: block;}
.developlist h5{font-size: 56px;color: #fff;font-weight: 500;margin-bottom: 16px;}
.developimg{width: 100%;margin-bottom: 24px;}
.developimg img{display: block;max-width: 100%;}
.developbut{width: 100%;}
.developbut p{font-size: 20px;color: #fff;font-weight: 400;line-height: 28px;margin-bottom: 20px;position: relative;padding-left: 24px;box-sizing: border-box;}
.developbut p:before{content: '';border-width:10px;position: absolute;top: 4px;left: 0;
border-style:solid dashed dashed dashed;border-color: transparent transparent transparent #fff;}
/* 关于我们--资质证书 */
.certification{width: 100%;padding: 100px 0;box-sizing: border-box;background: #fff;}
.certificationcon{width: 100%;}
.certificationlist{width: 100%;}
.certificationlist ul li{float: left;width: 24%;margin-right: 1.33%;margin-bottom: 50px;cursor: pointer;}
.certificationlist ul li:nth-child(4n){margin-right: 0;}
.cerimg{width: 100%;box-shadow: 0px 8px 16px 0px rgba(163,177,204,0.3);background: #fff;margin-bottom: 20px;}
.cerimg img{display: block;width: 100%;}
.certificationlist ul li p{text-align: center;font-size: 16px;color: #333;font-weight: 400;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.npages{width: 100%;}
.npagesleft{float: left;}
.npagesleft p{font-size: 14px;color: #333;font-weight: 400;line-height: 32px;}
.scrpage{float: right;}
.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;}
.zitc{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 3000;display: none;}
.zitcbj{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.5);}
.zitcbox{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.zitcbox img{display: block;max-width: 100%;margin: 0 auto 20px;}
.zitcbox i{display: block;width: 32px;height: 32px;border-radius: 50%;cursor: pointer;margin: 0 auto;
background: url(../images/zclose.png) center no-repeat;}
/* 新闻中心 */
.samillnav{width: 100%;background: #F2F2F2;height: 80px;box-sizing: border-box;}
.samillnavcon{width: 100%;}
.samillnavcon ul li{width: 50%;line-height: 80px;box-sizing: border-box;}
.samillnavcon ul li:last-child{border-right: 0;}
.samillnavcon ul li a{display: table;font-size: 16px;color: #666;text-align: center;font-weight: 400;margin: 0 auto;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;position: relative;}
.samillnavcon ul li a:before{content: '';width: 0%;height: 4px;background: #004098;position: absolute;bottom: 0;left: 50%;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;transform: translateX(-50%);border-radius: 8px;}
.samillnavcon ul li.active a{color: #004098;font-weight: 500;}
.samillnavcon ul li.active a:before{width: 100%;}
.samillnavcon ul li:hover a{color: #004098;font-weight: 500;}
.samillnavcon ul li:hover a:before{width: 100%;}
.newcon{width: 100%;padding: 56px 0 80px 0;box-sizing: border-box;}
.newconter{width: 100%;}
.newconterup{width: 100%;margin-bottom: 60px;}
.newconterupcon{width: 100%;}
.newconterupcon ul li{width: 100%;}
.newconterupcon ul li a{display: block;width: 100%;}
.newconterupcon ul li a img{display: block;width: 100%;}
.newcontertext{position: absolute;bottom: 40px;left: 0;padding-left: 50px;box-sizing: border-box;max-width: 790px;}
.newcontertext h5{font-size: 24px;color: #fff;font-weight: 500;margin-bottom: 20px;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newcontertext .newjianjie{font-size: 14px;color: #fff;font-weight: 400;margin-bottom: 24px;line-height: 24px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;max-height: 48px;}
.newcontertext .newtimes{font-size: 14px;color: #fff;font-weight: 400;margin-bottom: 6px;line-height: 24px;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newcontertext i{display: block;width: 28px;height: 4px;background: #004098;border-radius: 5px;}
.newbutton{position: absolute;bottom: 40px;right: 40px;z-index: 1;}
.newprev{position: static;cursor: pointer;width: 50px !important;height: 50px !important;float: left;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;margin-right: 16px;
background: url(../images/nleft.svg) no-repeat center center !important;background-size: 100% 100% !important;}
.newprev:hover{background: url(../images/nlefts.svg) no-repeat center center !important;background-size: 100% 100% !important;}
.newnext{position: static;cursor: pointer;width: 50px !important;height: 50px !important;float: left;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;
background: url(../images/nright.svg) no-repeat center center !important;background-size: 100% 100% !important;}
.newnext:hover{background: url(../images/nrights.svg) no-repeat center center !important;background-size: 100% 100% !important;}
.newconterbut{width: 100%;}
.newlist{width: 100%;margin-bottom: 50px;}
.newlist ul li{width: 100%;}
.newlist ul li a{display: block;width: 100%;border-bottom: 1px solid #EBEBEB;padding: 40px 0;box-sizing: border-box;}
.newlist ul li:first-child a{padding-top: 0;}
.newimg{float: left;overflow: hidden;width: 450px;height: 300px;margin-right: 40px;}
.newimg img{display: block;width: 100%;height: 100%;object-fit: cover;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.newtexted{float: right;width: calc(100% - 490px);padding-top: 20px;box-sizing: border-box;}
.newtexted h5{font-size: 20px;color: #333;font-weight: 500;margin-bottom: 14px;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.newtexted .unveil{font-size: 14px;color: #666;font-weight: 400;line-height: 24px;display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;height: 72px;margin-bottom: 60px;}
.newtexted .newtime{font-size: 14px;color: #999;line-height: 24px;font-weight: 400;margin-bottom: 10px;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newtexted span{display: block;width: 128px;height: 40px;background: #F6F6F6;text-align: center;line-height: 40px;font-size: 14px;color: #333;font-weight: 400;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;border-radius: 2px;}
.newtexted span i{display: inline-block;width: 12px;height: 12px;background: url(../images/new5.svg) center no-repeat;vertical-align: -2px;margin-left: 14px;vertical-align: -2px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.newlist ul li:hover .newimg img{transform: scale(1.1);}
.newlist ul li:hover .newtexted h5{color: #004098;}
.newlist ul li:hover .newtexted span{background:#004098;color: #fff;}
.newlist ul li:hover .newtexted span i{background: url(../images/new6.svg) center no-repeat;}
/* 新闻中心详情 */
.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{background: #fff;padding: 60px 0 80px 0;box-sizing: border-box;}
.newdetailcon{width: 100%;}
.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: 40px 0;border-bottom: 1px solid #EBEBEB;box-sizing: border-box;}
.newdetailconter p{font-size: 14px;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;}
.newother{width: 100%;padding: 40px 0 0 0;box-sizing: border-box;}
.newother h4{font-size: 20px;color: #333;font-weight: 500;margin-bottom: 32px;}
.newotherlist{width: 100%;}
.newotherlist ul li{float: left;width: 24%;margin-right: 1.33%;}
.newotherlist ul li:last-child{margin-right: 0;}
.newotherlist ul li a{display: block;width: 100%;}
.newotherimg{width: 100%;height: 190px;overflow: hidden;margin: 0 auto;}
.newotherimg img{display: block;width: 100%;height: 100%;object-fit: cover;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.newothertext{width: 100%;padding-top: 16px;box-sizing: border-box;}
.newothertext p{font-size: 14px;color: #666;font-weight: 400;line-height: 24px;height: 48px;margin-bottom: 16px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.newothertext span{display: block;font-size: 14px;color: #999;}
.newotherlist ul li:hover .newotherimg img{transform: scale(1.1);}
.newotherlist ul li:hover .newothertext p{color: #004098;}
/* 视频专区 */
.videoconlist{padding: 0;}
.videoconlist ul{margin-bottom: 0;}
.videoconlist ul li{margin-bottom: 40px;box-shadow: 0px 8px 16px 0px rgba(163,177,204,0.3);width: 32%;margin-right: 2%;}
.videoconlist ul li:nth-child(3n){margin-right: 0;}
/* 视频专区详情 */
.videobox{width: 100%;padding-top: 20px;box-sizing: border-box;}
.videobox video{display: block;width: 100%;outline: none;}
/* 业务领域 */
.businessone{width: 100%;padding: 100px 0;box-sizing: border-box;background: #fff;}
.businessonecon{width: 100%;}
.titleed{margin-bottom: 32px;}
.businesstexted{width: 100%;}
.businesstexted p{font-size: 16px;color: #333;line-height: 28px;font-weight: 400;}
.businesstwo{width: 100%;padding-bottom: 100px;background: #fff;box-sizing: border-box;}
.businesstwocon{width: 100%;}
.businesstwoconlist{width: 100%;}
.businesstwoconlist ul li{float: left;width: 24%;margin-right: 1.33%;margin-bottom: 2%;overflow: hidden;position: relative;}
.businesstwoconlist ul li:nth-child(4n){margin-right: 0;}
.businesstwoconlist ul li img{display: block;width: 100%;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.businesstwoconlistext{width: 100%;padding: 32px;box-sizing: border-box;position: absolute;bottom: 0;left: 0;}
.businesstwoconlistext p{font-size: 16px;color: #fff;line-height: 30px;font-weight: 400;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.businesstwoconlist ul li:hover img{transform: scale(1.1);}
.businessthree{width: 100%;}
.businessthreecon{width: 100%;}
.businessthreecon ul li{width: 100%;}
.businessleft{float: left;width: 62%;}
.businessleft img{display: block;width: 100%;}
.businessright{float: left;width: 38%;}
.businesscontext{width: 100%;padding: 26% 14% 6% 14%;box-sizing: border-box;}
.butitle{width: 100%;font-size: 32px;color: #fff;margin-bottom: 100px;font-weight: 500;}
.busuccess{width: 100%;}
.busuccess h5{font-size: 20px;color: #fff;font-weight: 500;margin-bottom: 20px;}
.busuccess p{font-size: 14px;color: #fff;font-weight: 400;line-height: 30px;}
.buspage{width: 100%;display: block;bottom: 20% !important;text-align: left !important;padding-left: 67%;box-sizing: border-box;}
.buspage .swiper-pagination-bullet{cursor: pointer;background: #fff !important;opacity: .3;margin: 0 4px;}
.buspage .swiper-pagination-bullet-active{opacity: 1;}
.businessfore{width: 100%;padding: 100px 0;box-sizing: border-box;background: #F2F2F2;}
.businessforecon{width: 100%;}
.businesslisted{width: 100%;background: #fff;padding: 50px 20px 38px 20px;box-sizing: border-box;}
.businesslisted ul li{float: left;width: 33.3%;margin-bottom: 12px;}
.businesslisted ul li a{display: block;width: 100%;}
.businesslisted ul li a img{display: block;max-width: 100%;margin: 0 auto;}
/* 产品服务 */
.productcon{width: 100%;padding: 80px 0;box-sizing: border-box;background: #fff;}
.productcon .productlist{padding-top: 0;margin-bottom: 10px;}
.productlist ul li{float: left;width: 32%;margin-right: 2%;margin-bottom: 40px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.productlist ul li:nth-child(3n){margin-right: 0;}
.addprolist ul li{float: left;width: 100%;margin-right: 0%;margin-bottom: 32px;position:relative;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.productlist ul li .inprotext p{transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.productlist ul li:hover{ box-shadow: rgba(163, 177, 204, 0.2) 0px 0px 16px 0px;transform: translateY(-20px);}
.productlist ul li:hover a { box-shadow: none; margin-top: 0; }
.productlist ul li:hover .inprotext{background: #004098;}
.productlist ul li:hover .inprotext h5{color: #fff;}
.productlist ul li:hover .inprotext p{color: #fff;}
.inprotextadd p{margin-bottom:60px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;white-space: inherit;}
.inprotextadd span{font-size:16px;color:#333;font-weight:400;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display:block;}
.inprotextadd span b{display: inline-block;width: 16px;height: 16px;
background: url(../images/mores.png) center no-repeat;margin-left: 2px;vertical-align: -2px;}
.addprolist ul li:before{content:'';width:62%;height:1px;background:#F1F1F1;position:absolute;right:0;bottom:0;}
.addprolist ul li:hover{box-shadow: none;transform: translateY(0px);}
.addprolist ul li:hover .inproimgadd img{transform:scale(1.1);}
.addprolist ul li:hover .inprotext{background: #fff;}
.addprolist ul li:hover .inprotext h5{color: #004098;}
.addprolist ul li:hover .inprotext p{color: #999;}
/* 产品详情 */
.nbannerbox img{height: 600px;object-fit: cover;}
.proone{width: 100%;margin-top: -380px;position: relative;z-index: 1;}
.proonecon{width: 100%;}
.proimgs{float: left;background: #fff;padding: 16px;box-sizing: border-box;width: 43%;margin-right: 4%;}
.proimgs img{display: block;width: 100%;}
.protexted{float: left;width: 53%;padding-top: 16px;box-sizing: border-box;}
.protexted h5{font-size: 32px;color: #fff;font-weight: 500;margin-bottom: 16px;}
.protextedcon{width: 100%;}
.protextedcon p{font-size: 14px;color: #fff;font-weight: 400;line-height: 24px;}
.peotwo{width: 100%;background: #fff;padding: 80px 0;box-sizing: border-box;}
.peotwocon{width: 100%;}
.protitle{width: 100%;margin-bottom: 32px;}
.protitle h4{font-size: 32px;color: #004098;font-weight: 500;}
.protext{width: 100%;}
.protext p{font-size: 14px;color: #666;line-height: 24px;font-weight: 400;}
.prothree{width: 100%;background: #fff;padding-bottom: 80px;box-sizing: border-box;}
.prothreecon{width: 100%;}
.probox{width: 100%;border: 1px solid #EBEBEB;box-sizing: border-box;}
.probox ul li{width: 100%;border-bottom: 1px solid #ebebeb;box-sizing: border-box;text-align: center;}
.probox ul li:last-child{border-bottom: 0;}
.probox ul li span{width: 35%;padding: 16px 10px;box-sizing: border-box;font-size: 20px;color: #666;font-weight: 500;line-height: 28px;background: #F5F5F5;
float: left;border-right: 1px solid #EBEBEB;}
.probox ul li p{width: 65%;padding: 16px 10px;box-sizing: border-box;font-size: 20px;color: #333;font-weight: 500;line-height: 28px;background: #fff;
float: left;}
.profore{width: 100%;padding-bottom: 40px;box-sizing: border-box;background: #fff;}
.proforecon{width: 100%;}
.proforecon .inproductlisted{padding-top: 0;}
/* 股东信息 */
.stockholder{width: 100%;padding: 100px 0;box-sizing: border-box;}
.stockholdercon{width: 100%;}
.stockholdercon p{font-size: 14px;color: #3D424D;font-weight: 400;line-height: 30px;margin-bottom: 20px;}
.stockholdercon p:last-child{margin-bottom: 0;}
.stockholdercon p img{display: block;max-width: 100%;margin: 0 auto;}
/* 定期报告 */
.report{width: 100%;}
.reportlist{width: 100%;margin-bottom: 10px;}
.reportlist ul li{float: left;width: 24%;margin-right: 1.33%;margin-bottom: 40px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.reportlist ul li:nth-child(4n){margin-right: 0;}
.reportlist ul li a{display: block;width: 100%;}
.reportimg{width: 100%;position: relative;overflow: hidden;}
.reportimg img{display: block;width: 100%;}
.reportop{position: absolute;top: 0;left: 0;width: 100%;padding: 38px 28px;box-sizing: border-box;}
.reportop h5{font-size: 24px;color: #fff;font-weight: 500;line-height: 32px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.reportop p{font-size: 16px;color: #fff;font-weight: 300;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
margin-top: 20px;opacity: 0.6;}
.reportbut{width: 100%;position: absolute;bottom: 0;left: 0;padding: 28px 24px;box-sizing: border-box;}
.reportbut span{float: right;width: 72px;height: 32px;background: rgba(255,255,255,0.1);border-radius: 16px;border: 1px solid #FFFFFF;
text-align: center;box-sizing: border-box;line-height: 30px;font-size: 14px;color: #fff;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.reportlist ul li:hover{box-shadow: 0px 8px 24px 0px rgba(107,122,153,0.8);}
.reportlist ul li:hover .reportbut span{background: #fff;color: #004098;}
/* 临时公告 */
.notice{width: 100%;}
.noticelist{width: 100%;margin-bottom: 50px;}
.noticelist ul li{width: 100%;margin-bottom: 2px;height: 60px;position: relative;}
.noticelist ul li:before{content: '';width: 0%;height: 100%;position: absolute;
background: linear-gradient(270deg, #FFFFFF 0%, #004098 100%);
top: 0;left: 0;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.noticelist ul li a{display: block;width: 100%;background: linear-gradient(270deg, #FFFFFF 0%, #F2F2F2 100%);
padding: 0 16px;box-sizing: border-box;}
.noticelist ul li a p{float: left;width: 70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
font-size: 14px;color: #333;line-height: 60px;position: relative;z-index: 1;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.noticelist ul li a span{float: right;width: 25%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
font-size: 14px;color: #333;line-height: 60px;position: relative;z-index: 1;text-align: right;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.noticelist ul li:hover:before{width: 100%;}
.noticelist ul li:hover a p{color: #fff;}
/* 股票行情 */
.investor{width: 100%;margin-bottom: 40px;}
.investorleft{float: left;}
.investorleft p{font-size: 20px;color: #3D424D;font-weight: 400;margin-bottom: 8px;}
.investorleft h5{font-size: 56px;color: #3D424D;font-weight: 400;}
.investoright{float: right;padding-top: 65px;box-sizing: border-box;}
.investoright p{font-size: 20px;color: #3D424D;font-weight: 300;}
.investorone{width: 100%;background: #F7F8FA;padding: 40px 40px 0 40px;box-sizing: border-box;margin-bottom: 40px;}
.investorone ul li{float: left;width: 25%;margin-bottom: 40px;}
.investorone ul li p{font-size: 20px;color: #3D424D;font-weight: 400;}
.investorone ul li h5{font-size: 40px;color: #3D424D;font-weight: 400;}
.investortwo{width: 100%;}
.investortab{width: 100%;margin-bottom: 24px;}
.investortab a{float: left;padding: 17px 24px;box-sizing: border-box;border-radius: 16px;background: #F5F5F5;font-size: 16px;color: #3D424D;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;margin-right: 16px;}
.investortab a:last-child{margin-right: 0;}
.investortab a.active{background: #004098;color: #fff;}
.investortab a:hover{background: #004098;color: #fff;}
.investorimg{width: 100%;}
.investorimg img{display: block;width: 100%;}
/* 企业党建 */
.constructlist ul li a{background: linear-gradient(270deg, rgba(255,255,255,0) 0%, #F2F2F2 100%);}
.constructlist ul li:before{background: linear-gradient(270deg, rgba(255,255,255,0) 0%, #A50001 100%);}
/* 企业文化 */
.cultureone{width: 100%;margin-top: -90px;position: relative;z-index: 1;}
.cultureonecon{width: 100%;padding: 48px 20px 56px 20px;box-sizing: border-box;background: #00509A;
box-shadow: 0px 10px 40px 0px rgba(163,177,204,0.3);}
.cultureonecon p{font-size: 24px;color: #fff;font-weight: 400;text-align: center;margin-bottom: 4px;}
.cultureonecon h5{font-size: 32px;color: #fff;font-weight: 500;text-align: center;}
.culturetwo{width: 100%;padding: 80px 0;background: #fff;box-sizing: border-box;}
.cutitle{width: 100%;margin-bottom: 40px;}
.cutitle h4{font-size: 32px;color: #3D424D;font-weight: 500;text-align: center;}
.culturetwolist{width: 100%;}
.culturetwolist ul li{float: left;width: 25%;position: relative;overflow: hidden;}
.culturetwolist ul li img{display: block;width: 100%;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.culturetext{width: 100%;position: absolute;top: 50%;left: 0;padding: 10px;box-sizing: border-box;text-align: center;
transform: translateY(-50%);}
.culturetext h5{font-size: 36px;color: #fff;font-weight: 500;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 14px;}
.culturetext p{font-size: 20px;color: #fff;font-weight: 300;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
text-transform: uppercase;}
.culturetwolist ul li:hover img{transform: scale(1.1);}
.culturethree{width: 100%;background: #fff;padding-bottom: 80px;box-sizing: border-box;}
.culturethreecon{width: 100%;}
.culturethreecon ul li{float: left;width: 49%;margin-right: 2%;position: relative;overflow: hidden;}
.culturethreecon ul li:last-child{margin-right: 0;}
.culturethreecon ul li img{display: block;width: 100%;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.cultext{width: 100%;padding: 0 40px;box-sizing: border-box;position: absolute;top: 65%;left: 0;}
.cultext h5{font-size: 24px;color: #fff;font-weight: 500;margin-bottom: 32px;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.cultext p{font-size: 16px;color: #fff;font-weight: 300;line-height: 22px;}
.culturethreecon ul li:hover img{transform: scale(1.1);}
.culturefore{width: 100%;padding: 100px 0;box-sizing: border-box;}
.cultureforecon{width: 100%;}
.cultureforecon .cutitle{margin-bottom: 50px;}
.cultureforecon .cutitle h4{color: #fff;}
.cullist{width: 100%;border: 1px solid #81B4E3;box-sizing: border-box;border-left: 0;border-right: 0;}
.cullist ul li{float: left;width: 20%;padding: 152px 10px;box-sizing: border-box;border-right: 1px solid #81B4E3;}
.culimg{width: 64px;height: 64px;margin: 0 auto 35px;}
.culimg img{display: block;width: 100%;}
.cultexted{width: 100%;}
.cultexted p{font-size: 24px;color: #fff;text-align: center;line-height: 32px;}
/* 联系我们 */
.conterone{width: 100%;padding: 80px 0;box-sizing: border-box;background: #fff;}
.conteronecon{width: 100%;}
.contertitle{width: 100%;text-align: center;margin-bottom: 60px;}
.contertitle h4{font-size: 32px;color: #000;font-weight: 500;}
.conterlist{width: 100%;}
.conterlist ul li{width: 49%;background: #fff;float: left;border:1px solid #e6e6e6;box-sizing:border-box;margin-right:2%;margin-bottom: 20px;
    transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.conterlist ul li:nth-child(2n){margin-right:0%;}
.conterlist ul li a{display:flex;width:100%;align-items:center;}
.conlefted{width:120px;float:left;}
.conlefted img{display:block;width:100%;}
.conrighted{float:left;width:calc(100% - 120px);padding:0 6px;box-sizing:border-box;}
.conrighted h6{font-size:20px;color:#050101;font-weight:500;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom:8px;}
.conrighted p{font-size:14px;color:#999;font-weight:400;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom:6px;}
.conrighted span{font-size:16px;color:#004098;font-weight:400;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display:block;}
.conrighted span b{display: inline-block;width: 16px;height: 16px;
background: url(../images/mores.png) center no-repeat;margin-left: 2px;vertical-align: -2px;}
.conterlist ul li:hover{box-shadow: 0 0 20px rgba(68,71,75,0.2);transform: translate3d(0,-4px,0);border-color:#004098;}
.conterlist ul li h5{font-size: 18px;color: #000;font-weight: 500;margin-bottom: 20px;}
.conterlist ul li h4{font-size: 24px;color: #004098;font-weight: 500;margin-bottom: 50px;}
.conterlist ul li h4 i{display: inline-block;width: 24px;height: 24px;
background: url(../images/tell.svg) center no-repeat;margin-right: 12px;vertical-align: -2px;}
.conterlist ul li p{font-size: 14px;color: #999;font-weight: 400;}
.contertwo{width: 100%;padding: 80px 0;box-sizing: border-box;background: #fff;}
.contactbox{width: 100%;}
.contactlist{width: 100%;display: none;}
.contactlist:first-child{display: block;}
.contertwocon{width: 100%;}
.conterleft{float: left;width: 66%;}
.conterleft img{display: block;width: 100%;}
.conterright{float: left;width: 34%;background: #004098;padding: 30px 30px;box-sizing: border-box;}
.conterright p{font-size: 16px;color: #fff;line-height: 30px;font-weight: 400;}
.conterewm{width: 160px;margin: 50px auto 0;}
.conterewm img{display: block;width: 100%;margin-bottom: 16px;}
.conterewm span{display: block;font-size: 16px;color: #fff;opacity: 0.6;text-align: center;}
/* 招纳贤士 */
.join{width: 100%;padding: 100px 0;box-sizing: border-box;background: #fff !important;}
.joincon{width: 100%;}
.jointitle{width: 100%;position: relative;padding-left: 26px;box-sizing: border-box;margin-bottom: 0.56rem;}
.jointitle::before{content: "";width: 6px;height: 96%;background: #004098;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.jointitle h4{font-size: 24px;color: #333;font-weight: 500;margin-bottom: 12px;}
.jointitle p{font-size: 14px;color: #666;font-weight: 400;}
.joinlist{width: 100%;}
.joinlist ul li{width: 100%;background: linear-gradient(270deg, rgba(255,255,255,0) 0%, #F2F2F2 100%);margin-bottom: 12px;border-radius: 2px;overflow: hidden;}
.joinlist ul li:last-child{margin-bottom: 0;}
.joinup{width: 100%;padding: 0 40px;box-sizing: border-box;border-radius: 4px 4px 0 0;cursor: pointer;
position: relative;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.joinupcon{width: 100%;padding: 30px 0;box-sizing: border-box;}
.joinupleft{float: left;width: 80%;}
.joinupleft h5{display: inline-block;font-size: 18px;color: #292C33;font-weight: 500;margin-right: 0.24rem;}
.joinupleft p{display: inline-block;font-size: 14px;color: #292C33;}
.joinupleft p span{display: inline-block;margin-right: 12px;position: relative;}
.joinupleft p span::before{content: "";width: 1px;height: 12px;background: #292C33;position: absolute;top: 4px;right: -7px;}
.joinupleft p span:last-child{margin-right: 0;}
.joinupleft p span:last-child::before{display: none;}
.joinup i{width: 9px;height: 16px;background: url(../images/jmore.svg) center no-repeat;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;
background-size: cover;position: absolute;top: 50%;right: 60px;margin-top: -8px;}
.joinupcon:hover i{background: url(../images/jmores.svg) center no-repeat;background-size: cover;}
.joinbut{width: 100%;padding: 0 40px 40px 40px;box-sizing: border-box;display: none;}
.joinbutcon{width: 100%;border-top: 1px solid rgba(153,153,153,0.2);padding-top: 28px;box-sizing: border-box;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.joinbutitle{width: 100%;margin-bottom: 16px;}
.joinbutitle h5{font-size: 16px;color: #292C33;font-weight: 500;margin-bottom: 12px;}
.joinbutitle i{display: block;width: 24px;height: 4px;background: #004098;}
.joinbutlast{width: 100%;}
.joinbutlast p{font-size: 14px;color: #666;line-height: 26px;font-weight: 400;}
.joinlist ul li.active .joinup i{transform: rotate(90deg);}
.joinlist ul li:hover .joinbutcon{border-color: #004098;}
.joinlist ul li:hover .joinup{background: #004098;}
.joinlist ul li:hover .joinup .joinupcon{border-color: #004098;}
.joinlist ul li:hover .joinupleft h5{color: #fff;}
.joinlist ul li:hover .joinupleft p{color: #fff;}
.joinlist ul li:hover .joinupleft p span::before{background: #fff;}
/* 后改资料下载 */
.prodownloadlist{width: 100%;}
.prodownloadlist ul li{width: 100%;height: 45px;border-bottom: 1px solid #EBEBEB;line-height: 44px;box-sizing: border-box;}
.prodownloadlist ul li p{float: left;width: 75%;font-size: 14px;color: #333;font-weight: 400;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.prodownloadlist ul li a{float: right;font-size: 14px;color: #004098;font-weight: 400;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;text-align: right;}
.prodownloadlist ul li a:hover{color: #1259E6;}
.contertitles{width: 100%;margin-bottom: 40px;}
.contertitles h4{font-size: 32px;color: #333;font-weight: 500;text-align: center;margin-bottom: 14px;}
.contertitles p{font-size: 16px;color: #666;font-weight: 400;text-align: center;}
.conternav{width: 100%;border-bottom: 1px solid #E5E5E5;box-sizing: border-box;margin-bottom: 40px;}
.conternav ul{text-align: center;}
.conternav ul li{display: inline-block;padding-bottom: 14px;box-sizing: border-box;font-size: 14px;color: #616265;
border-bottom: 2px solid transparent;
margin-right: 20px;cursor: pointer;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.conternav ul li:last-child{margin-right: 0;}
.conternav ul li:hover{color: #004098;}
.conternav ul li.active{border-color: #004098;color: #004098;font-weight: bold;}
.conterright a{display: block;width: 110px;height: 32px;line-height: 30px;text-align: center;font-weight: 500;
font-size: 14px;color: #fff;border-radius: 25px;border: 1px solid #fff;box-sizing: border-box;margin-top: 10px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.conterright a:hover{border-color: #1259E6;background: #1259E6;}
.addqywh{width:100%;margin-top:60px;}
.addqywh img{display:block;width:100%;}
@media screen and (max-width: 1905px) {
	.inproductbut{padding-left: 17.5%;}
}
@media screen and (max-width: 1805px) {
	.inproductbut{padding-left: 15.5%;}
}
@media screen and (max-width: 1705px) {
	.inproductbut{padding-left: 13.5%;}
}
@media screen and (max-width: 1605px) {
	.inproductbut{padding-left: 10.5%;}
}
@media screen and (max-width: 1505px) {
	.inproductbut{padding-left: 8.5%;}
}
@media screen and (max-width: 1400px) {
	.headeright>ul>li{margin-right: 32px;}
	.bannertext h4{font-size: 40px;line-height: 50px;margin-bottom: 24px;}
	.bannertext p{font-size: 24px;}
	.business,.innew,.inproduct,.inculture,.inflair{padding: 80px 0;}
	.title{margin-bottom: 40px;}
	.innewcon .title{margin-bottom: 40px;}
	.innewconlist{padding: 0;}
	.innewconlist ul{margin-bottom: 40px;}
	.inproductbut{padding-left: 6.5%;}
	.inprolast{margin-top: 40px;}
	.nbannerconter h4{font-size: 40px;}
	.nbannerconter h4{font-size: 40px;}
	.aboutone,.abouthree,.structure,.certification,.businessone,.businessfore,.stockholder,.culturefore,.join{padding: 80px 0;}
	.abouthreecon ul li:nth-child(2){margin-bottom: 80px;}
	.aboutfore{padding: 120px 0;}
	.developlist h5{font-size: 40px;}
	.develop{padding: 180px 0 80px 0;}
	.businesstwo{padding-bottom: 80px;}
	.butitle{margin-bottom: 80px;}
}
@media screen and (max-width: 1380px) {
	.headeright>ul>li{margin-right: 24px;}
	.business,.innew,.inproduct,.inculture,.inflair{padding: 60px 0;}
	.title h4{font-size: 24px;}
	.businesstext h5{font-size: 20px;}
	.innewtitleright{padding-top: 8px;}
	.innewtext h5{font-size: 18px;}
	.incultureup{margin-bottom: 24px;}
	.flairprev{left: 0 !important;}
	.flairnext{right: 0 !important;}
	.aboutone,.abouthree,.structure,.certification,.newcon,.newdetail,.businessone,.businessfore,.productcon,.peotwo,.stockholder,
	.culturetwo,.culturefore,.conterone,.contertwo,.join{padding: 60px 0;}
	.aboutoneleft h2{font-size: 24px;margin-bottom: 30px;}
	.aboutonegp{margin-bottom: 40px;}
	.aboutonelist ul li{margin-bottom: 40px;}
	.aboutitle{margin-bottom: 40px;}
	.aboutitle h4{font-size: 24px;}
	.abouthreecon ul li:nth-child(2){margin-bottom: 60px;}
	.aboutfore{padding: 100px 0;}
	.develop{padding: 160px 0 60px 0;}
	.businesstwo{padding-bottom: 60px;}
	.butitle{margin-bottom: 60px;}
	.protitle h4{font-size: 24px;}
	.prothree{padding-bottom: 60px;}
	.investorleft h5{font-size: 32px;}
	.investoright{padding-top: 48px;}
	.investoright p{font-size: 18px;}
	.investorone ul li p{font-size: 16px;}
	.investorone ul li h5{font-size: 24px;}
	.culturethree{padding-bottom: 60px;}
	.contertitle h4{font-size: 24px;}
}
@media screen and (max-width: 1305px) {
	.inproductbut{padding-left: 4.5%;}
}
@media screen and (max-width: 1210px) {
	.ht_1200{max-width: 100%;padding: 0 4%;}
	.headeright>ul>li{margin-right: 18px;}
	.inproductbut{padding-left: 4%;}
	.nbanner img{height: 360px;object-fit: cover;}
	.aboutworight{padding: 0 4%;}
	.aboutworight p{line-height: 24px;}
	.abouthreeimg{padding-top: 60px;}
	.abouthreecon ul li:nth-child(2) .abouthreeimg{margin-top: -150px;}
	.develop{padding: 140px 0 40px 0;}
	.developtitle{float: none;width: 100%;margin-right: 0;margin-bottom: 20px;}
	.developtitle h4{font-size: 24px;}
	.developlist h5{font-size: 24px;}
	.developconter ul li h5{margin-right: 26px;}
	.developconter{margin-right: 40px}
	.developright{max-width: calc(100% - 200px);}
	.newdetailup h4{font-size: 24px;margin-bottom: 14px;}
	.newdetailconter{padding: 20px 0;}
	.businesstwo{padding-bottom: 40px;}
	.businesstwoconlistext{padding: 20px;}
	.businesstwoconlist ul li{width: 32%;margin-right: 2%;}
	.businesstwoconlist ul li:nth-child(4n){margin-right: 2%;}
	.businesstwoconlist ul li:nth-child(3n){margin-right: 0;}
	.butitle{margin-bottom: 40px;}
	.butitle{font-size: 24px;}
	.businesscontext{padding: 14% 4% 4% 4%;}
	.productcon,.peotwo{padding: 40px 0;}
	.nbannerbox img{height: 500px;}
	.protitle{margin-bottom: 20px;}
	.protexted h5{font-size: 24px;}
	.prothree{padding-bottom: 40px;}
	.stockholder{padding: 40px 0;}
	.reportop{padding: 20px;}
	.reportop h5{font-size: 20px;}
	.reportop p{font-size: 14px;margin-top: 10px;}
	.investor{margin-bottom: 20px;}
	.investorone ul li{margin-bottom: 20px;}
	.investortab a{padding: 10px;font-size: 14px;border-radius: 8px;margin-right: 8px;}
	.cultureone{margin-top: 40px;}
	.cultureonecon p{font-size: 18px;}
	.cultureonecon h5{font-size: 24px;}
	.culturetwo{padding: 40px 0;}
	.cutitle h4{font-size: 24px;}
	.culturetext h5{font-size: 24px;}
	.culturetext p{font-size: 16px;}
	.cultext h5{font-size: 20px;margin-bottom: 14px;}
	.cultext{padding: 0 20px;}
	.cultext p{font-size: 14px;}
	.culturethree{padding-bottom: 40px;}
	.culturefore{padding: 40px 0;}
	.cultexted p{font-size: 20px;}
	.cullist ul li{padding: 100px 10px;}
	.conterone,.contertwo,.join{padding: 40px 0;}
	.contertitle{margin-bottom: 40px;}

	.conterlist ul li h4{margin-bottom: 24px;}
	.conterewm{margin-top: 40px;}
	.joinup{padding: 0 20px;}
	.joinupcon{padding: 20px 0;}
	.joinup i{right: 20px;}
	.contertitles h4{font-size: 24px;}
	.conterright p{line-height: 24px;}
	.addqywh{margin-top:40px;}
}
@media screen and (max-width: 1108px) {
	.proone{margin-top: 0;padding-top: 40px;box-sizing: border-box;}
	.protexted h5{color: #333;}
	.protextedcon p{color: #333;}
}
@media screen and (max-width: 1028px) {
	.header{display: none;}
	.nav{display: block;}
	.bannertext h4{font-size: 32px;line-height: 44px;}
	.bannertext p{font-size: 20px;}
	.bannernumber span{font-size: 30px;}
	.innewtext{padding: 16px;}
	.inprotext{padding: 16px;}
	.inprotext h5{font-size: 16px;}
	.inprotext p{font-size: 14px;}
	.innewtext h5{font-size: 16px;line-height: 24px;height: 48px;margin-bottom: 16px;}
	.innewleft h6{font-size: 16px;}
	.business, .innew, .inproduct, .inculture, .inflair,.footerup,.businessfore{padding: 40px 0;}
	.title{margin-bottom: 24px;}
	.footerbutright ul li{margin-right: 20px;}
	.nbanner{margin-top: 60px;}
	.nbanner img{height: 315px;object-fit: cover;}
	.nbannerconter h4{font-size: 32px;}
	.aboutone,.abouthree,.structure,.certification,.newcon,.newdetail,.businessone{padding: 40px 0;}
	.abouthreecon ul li:nth-child(2){margin-bottom: 40px;}
	.aboutoneleft{float: none;width: 100%;margin-right: 0;}
	.aboutoneright{float: none;width: 100%;}
	.aboutwo{display: block;}
	.aboutwoleft{float: none;width: 100%;}
	.aboutworight{float: none;width: 100%;display: block;padding: 20px 4%;}
	.abouthreeimg{padding-top: 0;float: none;width: 100%;margin-bottom: 20px;}
	.abouthreeimg img{width: auto;max-width: 100%;margin: 0 auto;}
	.abouthreecon ul li{margin-bottom: 20px;}
	.abouthreecon ul li:last-child{margin-bottom: 0;}
	.abouthreecon ul li:nth-child(2) .abouthreeimg{margin-top: 0;}
	.abouthreetext{float: none;width: 100%;}
	.aboutfore{padding: 60px 0;}
	.abouthreecon ul li:nth-child(2) .abouthreetext{padding-top: 0;}
	.developconter ul li{margin-bottom: 40px;}
	.developconter ul li:first-child{padding-top: 40px;}
	.developconter ul li.active h5{font-size: 20px;}
	.developconter ul li h5{font-size: 18px;}
	.developconter{max-height: 500px;}
	.developbut p{font-size: 16px;line-height: 20px;margin-bottom: 12px;padding-left: 12px;}
	.developbut p:before{border-width: 6px;top: 7px;}
	.certificationlist ul li{margin-right: 2%;width: 32%;margin-bottom: 40px;}
	.certificationlist ul li:nth-child(4n){margin-right: 2%;}
	.certificationlist ul li:nth-child(3n){margin-right: 0;}
	.newconterup{margin-bottom: 40px;}
	.newcontertext{max-width: 80%;padding-left: 20px;}
	.newimg{float: none;width: 100%;height: auto;}
	.newimg img{max-width: 100%;width: auto;height: auto;margin: 0 auto;}
	.newtexted{float: none;width: 100%;}
	.newtexted .unveil{margin-bottom: 12px;}
	.newlist ul li a{padding: 14px 0;}
	.newdetailbox{padding-top: 60px;}
	.newotherlist ul li{width: 49%;margin-right: 2%;margin-bottom: 2%;}
	.newotherlist ul li:nth-child(2n){margin-right: 0;}
	.businessthreecon ul li{display: block;}
	.businessleft{float: none;width: 100%;}
	.businessright{float: none;width: 100%;}
	.businesscontext{padding: 4% 4% 6% 4%;}
	.buspage{padding-left: 0 !important;bottom: 20px !important;text-align: center !important;}
	.reportlist ul li{width: 32%;margin-right: 2%;}
	.reportlist ul li:nth-child(4n){margin-right: 2%;}
	.reportlist ul li:nth-child(3n){margin-right: 0;}
	.contertwocon{display: block;}
	.conterleft{float: none;width: 100%;}
	.conterright{float: none;width: 100%;padding: 20px;}
	.conternav{overflow-x: scroll;}
	.conternav::-webkit-scrollbar {display:none}
	.conternav ul{width: max-content;width: -moz-max-content;width: -o-max-content;}
}
@media screen and (max-width: 860px) {
	.footerbutright{display: none;}
	.proimgs{float: none;width: 100%;margin-right: 0;margin-bottom: 20px;}
	.proimgs img{width: auto;max-width: 100%;margin: 0 auto;}
	.protexted{float: none;width: 100%;}
	.investorone ul li{width: 33.3%;}
	.culturetwolist ul li{width: 50%;}
	.culturethreecon ul li{width: 100%;margin-right: 0;margin-bottom: 12px;}
	.culturethreecon ul li:last-child{margin-bottom: 0;}
	.cultext{top: auto;bottom: 6%;}
	.cullist ul li{width: 33.3%;padding: 40px 10px;}
}
@media screen and (max-width: 580px) {
	.bannerconter,.bannernumber,.bannercon .bannerpages{padding: 0 4%;}
	.bannertext{max-width: 100%;}
	.nbanner img{height: 180px;}
	.bannertext h4{font-size: 24px;line-height: 32px;}
	.bannertext p{font-size: 18px;}
	.businesslist ul li{width: 100%;float: none;margin-right: 0;margin-bottom: 12px;}
	.businesslist ul li:last-child{margin-bottom: 0;}
	.businesstext{padding: 0 24px;}
	.innewtitleright a{margin-right: 24px;}
	.innewconlist ul li{float: none;width: 100%;margin-right: 0;margin-bottom: 12px;}
	.innewconlist ul li:last-child{margin-bottom: 0;}
	.inproductup .title h4{float: none;}
	.inproductup .innewtitleright{float: none;}
	.flairpage{display: block;}
	.flairprev,.flairnext{display: none;}
	.inproductbut{padding: 0 4%;}
	.inprolast{display: table;margin: 20px auto 0;width: auto;}
	.inculturelast ul li{width: 49%;margin-right: 2%;margin-bottom: 2%;}
	.inculturelast ul li:nth-child(2n){margin-right: 0;}
	.footerupcon h1{float: none;}
	.footerupcon select{float: none;width: 100%;margin-top: 12px;}
	.addse:before{top:20px;}
	.footerbutcon{margin-top: 12px;}
	.footerbutconleft{float: none;}
	.nbannerconter h4{font-size: 24px;}
	.aboutoneleft h2{font-size: 22px;margin-bottom: 20px;}
	.aboutonegp{margin-bottom: 20px;}
	.aboutonelist ul li{margin-bottom: 20px;width:50%;}
	.aboutonelist ul li:nth-child(2):before{display:none;}
	.aboutitle{margin-bottom: 20px;}
	.aboutitle h4{margin-bottom: 12px;}
	.aboutitle i{width: 60px;}
	.develop{padding-top: 80px;}
	.developconter{padding-right: 12px;margin-right: 12px;}
	.developconter ul li h5{width: auto;font-size: 16px;margin-right: 8px;width: 42px;}
	.developconter ul li.active h5{font-size: 18px;}
	.developconter ul li i{width: 18px;height: 18px;margin-top: 2px;}
	.developconter ul:before{right: 8px;}
	.developconter ul li i:before{width: 14px;height: 14px;}
	.developright{max-width: calc(100% - 97px);}
	.developimg{margin-bottom: 12px;}
	.developlist h5{font-size: 20px;}
	.developbut p{font-size: 14px;margin-bottom: 8px;}
	.certificationlist ul li{margin-right: 2%;width: 49%;margin-bottom: 20px;}
	.certificationlist ul li:nth-child(4n){margin-right: 0;}
	.certificationlist ul li:nth-child(3n){margin-right: 2%;}
	.certificationlist ul li:nth-child(2n){margin-right: 0;}
	.npagesleft{float: none;margin-bottom: 10px;}
	.scrpage{float: none;width: 100%;}
	.scrpage ul li a{padding: 4px 8px;}
	.newlist{margin-bottom: 40px;}
	.newconterupcon ul li a img{height: 300px;object-fit: cover;}
	.newbutton{bottom: 20px;right: 20px;}
	.samillnav{height: auto;}
	.samillnavcon ul li{line-height: 46px;}
	.samillnavcon ul li a{font-size: 14px;}
	.newcontertext h5{font-size: 20px;margin-bottom: 14px;}
	.newcontertext .newjianjie{margin-bottom: 10px;}
	.breadcrumbs{padding: 18px 0;}
	.newother{padding-top: 20px;}
	.newotherlist ul li{float: none;width: 100%;margin-right: 0;margin-bottom: 12px;}
	.newotherlist ul li:last-child{margin-bottom: 0;}
	.newdetail{padding: 20px 0;}    
	.newdetailup h4{font-size: 20px;}
	.businesslisted{padding: 20px;}
	.businesslisted ul li{width: 100%;float: none;}
	.businesstwoconlist ul li{float: none;width: 100%;}
	.butitle{margin-bottom: 12px;}
	.busuccess h5{margin-bottom: 10px;}
	.busuccess p{line-height: 20px;}
	.businesscontext{padding-bottom: 10%;}
	.productlist ul li{float: none;width: 100%;margin-right: 0;}
	.probox ul li span{float: none;width: 100%;display: block;}
	.probox ul li p{float: none;width: 100%;}
	.reportlist ul li{width: 48%;margin-right: 2%;margin-bottom: 20px;}
	.reportlist ul li:nth-child(4n){margin-right: 0;}
	.reportlist ul li:nth-child(3n){margin-right: 2%;}
	.reportlist ul li:nth-child(2n){margin-right: 0;}
	.reportop{padding: 14px;}
	.reportbut{padding: 14px;}
	.reportop h5{font-size: 18px;line-height: 24px;}
	.noticelist{margin-bottom: 40px;}
	.investorone{padding: 20px 20px 0 20px;margin-bottom: 20px;}
	.investorone ul li{width: 50%;}
	.noticelist ul li{height: 50px;}
	.noticelist ul li a{padding: 0 10px;}
	.noticelist ul li a p,.noticelist ul li a span{line-height: 50px;}
	.culturetwolist ul li{width: 100%;float: none;margin-bottom: 10px;}
	.culturetwolist ul li:last-child{margin-bottom: 0;}
	.cullist ul li{width: 100%;float: none;border-bottom: 1px solid #81B4E3;}
	.cullist ul li:last-child{border-bottom: 0;}
	.culimg{margin-bottom: 14px;}
	.cultureforecon .cutitle{margin-bottom: 40px;}
	.cultureonecon{padding: 110px 10px;}
	.culturetwolist{padding: 0 4%;box-sizing: border-box;}
	.culturefore{padding: 40px 4%;}
	.cullist{border-left: 1px solid #81B4E3;}
	.conterlist ul li{width: 100%;float: none;margin-right: 0;margin-bottom: 12px;}
	.conterlist ul li:last-child{margin-bottom: 0;}
	.joinbutcon{padding-top: 14px;}
	.joinbut{padding: 0 14px 14px 14px;}
	.joinupleft h5{font-size: 16px;}
	.conternav{margin-bottom: 20px;}
	.conterewm{margin-top: 20px;}
	.conterlist ul li a{display:block;padding:12px;box-sizing:border-box;}
	.conlefted{float:none;margin:0 auto;}
	.conrighted{float:none;width:100%;}
	.conrighted h6{font-size:18px;}
	.addprolist ul li:before{width:100%;}
	.inproimgadd{float:none;width:100%;}
	.inprotextadd{float:none;width:100%;}
}