*{font-family: "Microsoft Yahei", Arial; color: #333;}

/* 主色调 */
:root{--background: #0047bb;}

/* 头部 */
#header {width: 100%;background-color: #000;font-size: 16px;color: #fff; position: fixed; top: 0; left: 0; z-index: 10;}
#header .nav {padding:14px 0;}
#header .nav .logo {width: 174px;height: 56px; } 
#header .nav .items {padding:0 56px 0 0;}
#header .nav .items li{text-align: center; margin-left: 90px;}
#header .nav .items li a{width: 100%;  display: block; font-size: 16px; color: #fff; font-weight: bold;}
#header .nav .items .thehovermaskbg{background-color: #fff;}
#header .nav .language div{width:20px;height:20px;margin:16px 0 0 0;}
#header .container .wrapper .swiper-pagination-bullet {background-color: #fff;}
/* 二级 */
#header .nav .items .nav-box{position: relative;}
#header .nav .items .nav-box .subnav-box{width: 175px; height: 0; overflow:hidden; position: absolute;top: 70px;left: 50%; transform: translateX( -50%);}
#header .nav .items .nav-box .subnav-box .two{height: auto; width: 100%; background: #fff;}
#header .nav .items .nav-box .subnav-box .two .subnav{padding: 20px;font-size: 14px;color: #333;}
#header .nav .items .nav-box .subnav-box .two .subnav:hover{background: var(--background); color: #fff;}

/* 手机端 */
.header-mb{width: 100%;height: 750px; overflow: auto; position: absolute;top: 84px;left: 100%;background: #ffffff;display: flex;flex-direction: column;}
.header-mb .nav-box .nav{display: block;text-align: center;height: 60px;line-height: 60px;font-size: 16px;border-bottom: 1px solid #d8d8d8;}
.header-mb .nav-box .nav.on{color: #ff4d00;font-weight: bold;}
.header-mb .nav-box .subnav-box{overflow: hidden;}
.header-mb .nav-box .subnav-box .subnav{display: block;text-align: center;height: 0;line-height: 50px;font-size: 14px;transform: translateY(-50px);}
.header-mb.cur{left: 0;}
.header-mb .nav-box.cur .subnav-box .subnav{height: 50px;transform: translateY(0);border-bottom: 1px dashed #d8d8d8;}
.header-mb .nav-box.cur .subnav-box .subnav:last-child{border-bottom-style: solid;}

@media screen and (max-width: 1366px) {
	#header .nav .items .nav-box:first-of-type{margin-left: 0;}
}
@media screen and (max-width: 1280px){
	#header .nav .items li{margin-left: 50px;}
}
@media screen and (max-width: 1024px){
	#header .nav .language{float: left; margin-right: 20px;}
	#header .nav .list .items{display: none;}

	.header .mb-btn{display: block; float: right; width: 50px;height: 50px;position: relative;}
	.header .mb-btn>div{width: 30px;height: 2px;border-radius: 2px;background: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
	.header .mb-btn>div:before,
	.header .mb-btn>div:after{content: '';display: block;width: inherit;height: inherit;background: #fff;position: absolute;}
	.header .mb-btn>div:before{transform: translateY(-10px);}
	.header .mb-btn>div:after{transform: translateY(10px);}
	.header .mb-btn.cur>div{background: transparent;}
	.header .mb-btn.cur>div:before{transform: translateY(0) rotate(-45deg);}
	.header .mb-btn.cur>div:after{transform: translateY(0) rotate(45deg);}

	.header-mb .nav-box .nav{padding: 0 !important;}
	.header-mb .nav-box.on .nav {color:#0D4E9E; font-weight: 600;}
}
@media screen and (max-width: 750px){
	#header .nav .logo{margin-top: 15px;}
	#header .nav .language div{width: 65px; height: 80px; margin-top: 0;}
	#header .nav .language div img{ zoom: 1.5;}
	.header .mb-btn{width: 65px;height: 80px;}
	.header .mb-btn>div{width: 40px;height: 3px;}
	.header .mb-btn>div:before{transform: translateY(-11px);}
	.header .mb-btn>div:after{transform: translateY(11px);}

	.header-mb{top: 108px;}
	.header-mb .nav-box .nav{height: 80px;line-height: 80px;font-size: 30px;}
	.header-mb .nav-box .subnav-box .subnav{line-height: 70px;font-size: 26px;}
	.header-mb .nav-box.cur .subnav-box .subnav{height: 70px;}
	.header{width: 40.3%;}
}

/* banner */
#i-banner{margin-top: 74px;}
#i-banner .container .slide .videoContent {width: 100%;height: 100%;}
#i-banner .container .slide .videoContent .videoElement{object-fit: cover; height: 100%;}
#i-banner .container .swiper-pagination-bullet {background-color: #fff ;opacity:1;margin:0 10px;}
#i-banner .container .swiper-pagination {margin-bottom: 50px;}
#i-banner .container .swiper-pagination-bullet-active{position: relative;}
#i-banner .container .swiper-pagination-bullet-active::before {content:"";width: 22px;height: 22px;display: inline-block;background: transparent ;border: 1px solid #8b959c;position: absolute;top:-8px;bottom:0;left:-8px;right:0;border-radius: 50%;}
#i-banner .text{width: 100%; top: 50%; left: 0; transform: translateY( -50%);z-index: 2;}
#i-banner .text .title{width: 80%; margin:0 0 30px 0; font-size: 52px; color: #fff; font-weight: bold;}
#i-banner .text .brief{width: 80%; font-size: 24px;color:#fff;margin:0 0 40px 0; font-weight: bold;}
#i-banner .text .btn{width:180px;height:50px;font-size: 16px;color:#fff;background-color: var(--background);text-align: center;line-height: 50px;}

#o-banner{margin-top: 84px;}
/* #o-banner::before{content:"";display: block; width: 100%; height: 100%; background: rgba(0,181,255,0.25); position: absolute; top: 0; left: 0; z-index: 1;} */
#o-banner .text-box{width: 90%; text-align: center;top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 5; font-size: 72px; color: #fff;}

#s-banner {margin-top: 84px;}
#s-banner .content .top{top: 30%; z-index: 5;}
#s-banner .content .top .txt{width: 55%;}
#s-banner .content .top .title{font-size: 60px;color:#fff;font-weight: bold; padding-bottom: 50px; margin-bottom: 30px; border-bottom: 1px solid #818285;}
#s-banner .content .top .brief{font-size: 16px;color:#fff;line-height: 24px; text-align:justify;}
#s-banner .page{width: 260px; height: 80px; top: 50%; right: 18.57%; z-index: 5; transform: translateY(-50%);}
#s-banner .page .prev,
#s-banner .page .next,
#s-banner .page .return{width: 80px;height: 100%;border: 1px solid rgba(255,255,255,0.1);}
#s-banner .page .return{margin: 0 10px;}
#s-banner .page .prev:hover,
#s-banner .page .next:hover,
#s-banner .page .return:hover{background: var(--background); border-color: var(--background);}
#s-banner .page .prev .svg,
#s-banner .page .next .svg{width: 22px; height: 16px;color:#fff; fill: #fff;}

@media screen and (max-width: 1680px) {
	#s-banner .page{right: 6.57%;}
	/* #i-banner .text{width: 67%;} */
}
@media screen and (max-width: 1440px) {
	/* #i-banner .text{width: 78%;} */
}
@media screen and (max-width: 1366px) {
	#i-banner .text .title{font-size:48px;}
}
@media screen and (max-width: 1280px){
	#i-banner .text .title{font-size: 40px;}

	#s-banner .content .top{top: 20%;}
	#s-banner .content .top .title{font-size: 50px;}
}
@media screen and (max-width: 1200px) {
	/* #i-banner .text{top: 40%;} */
}
@media screen and (max-width: 1024px){
	#s-banner .content .top{top: 11%;}
	#s-banner .content .top .txt{width: 62%;;}
}
@media screen and (max-width: 750px){
	/* #i-banner .text{width: 90%; left: 5.33%;} */
	#i-banner .text{height: max-content;}
	#i-banner .text .title,
	#i-banner .text .brief{width: 100%;}
	#i-banner .text .btn{width: 300px; height: 60px; line-height: 60px; font-size: 26px;}

	#s-banner .content .top .txt{width: 100%;}
	#s-banner .content .top .brief{font-size: 26px; line-height: 1.8;}
	#s-banner .page{top: 85%; right: 32.57%; transform: translateY(-50%); }
}

/* 底部 */
#footer {font-size: 16px;background-color: #0d121a;}
#footer  .content{padding: 50px 0 80px; border-bottom: 1px solid #3d4148;}
#footer .left{width:196px;}
#footer .left .logo {width: 196px;height: 60px; }
#footer .left .icons {margin-top: 60px;}
#footer .left .icons .bu{width: 1px;height:18px;background-color: #252a31;margin-top:4px;}
#footer .left .icons .bu:last-child{display:none;}
#footer .right .li{margin-left: 70px;white-space: nowrap;}
#footer .right .li:nth-child(1){margin-left: 0;}
#footer .right .li .name{font-size: 18px;margin:0 0 15px 0;color:#fff;}
#footer .right .li .a{font-size: 15px;color:#fff;opacity: .5;padding: 5px 0;line-height: 1.6;display: block;}
#footer .footer{padding:40px 0;}
#footer .left .icons a{opacity: 0.5;}
#footer .right .li .a:hover,
#footer .left .icons a:hover{opacity: 1;}
#footer .footer>div{color:#5d5f62;}
#footer .footer .tech, 
#footer .footer .tech a{color: #fff; opacity: 0.5;}
#footer .footer .tech:hover,
#footer .footer .tech:hover a{opacity: 1;}

@media screen and (max-width: 1280px) {
	#footer .right .li{margin-left: 60px;}
}
@media screen and (max-width: 1024px){
	#footer .left{width: 100%; margin-bottom: 50px;}
	#footer .left .logo{width: auto; height: auto; display: block; margin: 0 auto 50px;}
	#footer .left .icons{justify-content: center;}
	#footer .left .icons a{margin-right: 20px;}

	#footer .right{width: 100%;flex-wrap: wrap;}
	#footer .right .li{width: 100%; margin: 0;}
	#footer .right .li .name{padding: 15px 0; border-bottom: 1px solid #ccc;}
	#footer .right .li .two-list{height: 0; overflow: hidden}
	#footer .right .li .two-list .two {padding: 0 20px 20px;}

	#footer .footer{flex-direction: column;}
}
@media screen and (max-width: 750px){
	#footer .left .icons a{zoom: 1.3;}
	#footer .right .li .name{font-size: 30px; }
	#footer .right .li .two-list .two .a{font-size: 26px;}
	#footer .footer>div{font-size: 26px; line-height: 1.8; text-align: center;}
}

/* 首页 */
#i-part1{margin: 100px 0;}
#i-part1 .title{color:#1a1a1a;padding: 0 0 70px;font-size: 48px;font-weight: 900;}
#i-part1 .title .tu{display: inline-block;width:6px; height:38px; background-color: var(--background);}
/* #i-part1 .container {margin:0 0 100px 0;} */
#i-part1 .container .slide {width: 47.5%; margin-right: 5%; padding: 60px 0 44px; font-size: 16px;text-align: center;background: url(/images/swiper-2-bgc.png) no-repeat center / cover;}
#i-part1 .container .slide .name{font-size: 30px;font-weight: bold;margin:0 0 30px 0;}
#i-part1 .container .slide .more{margin:0 0 70px 0;color:#5376c9}
#i-part1 .container .slide .img{min-height: 360px;}
#i-part1 .prev,
#i-part1 .next{font-size: 16px;color: #fff;position: absolute;top: calc(50% - 40px);left: -40px;width: 80px;height: 80px;border: 1px solid #333333;z-index: 2;fill: #464646;cursor: pointer;}
#i-part1 .next{right: -40px;left: auto;}
#i-part1 .prev:hover,
#i-part1 .next:hover{background-color: var(--background);fill: #fff;}
#i-part1 .prev .svg,
#i-part1 .next .svg{width: 50%;}

#i-part2 {font-size: 16px;position: relative;}
#i-part2 .content .bgc img{height: 100%;}
#i-part2 .content .top{width: 33.75%;margin-bottom: 18.35%;}
#i-part2 .content .top .title{color:#fff;margin: 0 0 45px 0;font-size: 48px;font-weight: bold;}
#i-part2 .content .top .title .tu{display: inline-block;width:6px; height:38px; background-color: var(--background);}
#i-part2 .content .top .brief{font-size: 48px;color:var(--background);font-weight: bold;margin-bottom:75px;}
#i-part2 .content .top .substance{font-size: 16px;color:#fff;margin-bottom:90px;line-height: 30px; text-align:justify;}
#i-part2 .content .top .btn{width:180px;height:50px;font-size: 16px;color:#fff;z-index: 2;background-color: var(--background);text-align: center;line-height: 50px;}
#i-part2 .bottom {top:auto;bottom: 130px;}
#i-part2 .bottom .container{ background: rgba(0, 0, 0, .5); border-top: 1px solid #1f2730;border-bottom: 1px solid #1f2730;}
#i-part2 .bottom .slide {width: 20%;text-align: center;height:134px;color:#fff; position: relative;}
#i-part2 .bottom .slide:after{content:"";display: block;width:1px; height: 60px; background: #ffff;position: absolute;right: 0;top: 50%; transform: translateY(-50%); z-index: 5; opacity: 0.3;}
#i-part2 .bottom .slide:last-child:after{display: none;}
#i-part2 .bottom .slide.swiper-slide-thumb-active{background-color: var(--background);}
#i-part2 .bottom .slide.swiper-slide-thumb-active:after{display: none;}
#i-part2 .bottom .slide[progress="-4"]{border-color: transparent;}
#i-part2 .bottom .prev,
#i-part2 .bottom .next{width: 36px;height: 36px;color:#fff;top: calc(50% - 18px);left: -5px;z-index: 1;fill: #fff;cursor: pointer; opacity: 0.5;}
#i-part2 .bottom .prev:hover,
#i-part2 .bottom .next:hover{opacity: 1}
#i-part2 .bottom .next{left: auto;right: -5px;}

#i-part3 {font-size: 16px;background-color: #f6f6f6;padding:100px 0;}
#i-part3 .box{align-items: center;}
#i-part3  .left{width: 44.38%;}
#i-part3  .left .title{color:#1a1a1a;margin: 0 0 40px 0;font-weight: 900;font-size: 30px;}
#i-part3  .left .title .tu{display: inline-block;width:6px; height:23px; background-color: var(--background);}
#i-part3  .left .brief{font-size: 48px;color:var(--background);font-weight: bold;margin-bottom: 50px;}
#i-part3  .left .substance{font-size: 16px;color:#353535;margin-bottom: 66px;line-height: 30px; text-align:justify;}
#i-part3  .left .btn{width:180px;height:50px;font-size: 16px;color:#fff;z-index: 2;background-color: var(--background);text-align: center;line-height: 50px;}
#i-part3  .right {width: 50%;}
#i-part3  .right  .li{width: 48.75%;border-radius: 4px;position: relative;margin:18px 2.25% 0 0;}
#i-part3  .right  .li:nth-child(-n+2){margin-top: 0;}
#i-part3  .right  .li:nth-child(2n){margin-right:0;}
/* #i-part3  .right  .li .img{height:223px;} */
#i-part3  .right  .li .surface {position: absolute;top:50%;left:50%;width: 100%;height:120px; transform: translate(-50%, -50%);}
#i-part3  .right  .li .surface  .icon {position: absolute;width:34px;height:40px;left:50%;transform: translate(-50%, 0);}
#i-part3  .right  .li .surface  .state {position: absolute;width:100%;top:52px;color: #fff;font-size: 18px;text-align: center; font-weight: bold;}

#i-part4 {font-size: 16px;padding:100px 0;}
#i-part4 .title{padding-bottom: 63px; margin-bottom: 30px; border-bottom: 1px solid #f6f6f6;}
#i-part4 .title .h2{font-weight: 900;font-size: 48px;}
#i-part4 .title .h2 .tu{display: inline-block;width:6px; height:38px; background-color: var(--background);}
#i-part4 .title .btn{width:180px;height:50px;font-size: 16px;text-align: center;line-height: 50px;border:1px solid #666666;color:#959595}
#i-part4 .box .container{width: 100%;}
#i-part4 .box .li {width: 47.5%; margin-right: 5%; transition: all 0.3s ease;}
#i-part4 .box .li:last-child{margin-right:0;}
#i-part4 .box .li:hover{background: #f6f6f6;}
#i-part4 .box .li .top {padding:30px 6.57% 70px;position: relative;}
#i-part4 .box .li .top .category{text-align: center;border:1px solid #c5c5c5;color:#959595;margin:0 0 30px 0;font-size: 14px;padding: 5px 20px;display: inline-block;}
#i-part4 .box .li .top .name{font-weight: bold;font-size: 20px;}
#i-part4 .box .li .top .day{width: 60px;height: 60px;line-height:60px;text-align: center; background-color: var(--background);position: absolute;bottom:0;left: 50;z-index: 1;font-weight: 900;color:#fff;transform: translate(0%, 50%);font-size: 24px;}
#i-part4 .box .li .top .month {font-size:16px;color:#fff;position: absolute;bottom:-50px;left: 50;z-index: 1;color:#fff;transform: translate(0%, 50%);}
#i-part4 .box .li .img{height: 335px;}
#i-part4 .box .prev,
#i-part4 .box .next{font-size: 16px;color: #fff; top: calc(50% - 40px);left: -40px;width: 80px;height: 80px;border: 1px solid #333333;z-index: 2;fill: #464646;cursor: pointer; }
#i-part4 .box .next{right: -40px;left: auto;}
#i-part4 .box .prev:hover,
#i-part4 .box .next:hover{background-color: var(--background);fill: #fff;}
#i-part4 .box .prev .svg,
#i-part4 .box .next .svg{width: 50%;}

@media screen and  (max-width: 1440px) {
	#i-part2 .content .top{width: 42.75%; margin-bottom: 13.35%;}
	#i-part2 .bottom{bottom: 10%;}

	#i-part3 .left .brief{font-size: 40px;}
}
@media screen and (max-width: 1280px) {
	#i-part2 .content .top{width: 55.75%;}
	#i-part2 .content .top .substance{margin-bottom: 60px;}
	#i-part2 .bottom .slide{height: 100px;}

	#i-part3{padding: 120px 0;}
	#i-part3 .left .title{margin-bottom: 60px;}
	#i-part3 .left .brief{margin-bottom: 60px;}
	#i-part3 .right .li .surface .state{font-size: 16px;}

	#i-part4{padding: 120px 0;}
}
@media screen and (max-width: 750px) {
	#i-part1{margin: 60px 0;}
	#i-part1 .container .slide{width: 100%;}
	#i-part1 .container .slide .more{font-size: 24px;}
	#i-part1 .prev,
	#i-part1 .next{display: none;}

	#i-part2 .content .slide{height: 550px;}
	#i-part2 .content .slide .bgc{height: 100%;}
	#i-part2 .content .top{width: 100%; margin-bottom: 0;}
	#i-part2 .content .top .substance{font-size: 26px; line-height: 1.8;}
	#i-part2 .content .top .btn{width: 300px;height: 60px;line-height: 60px;font-size: 26px;}
	#i-part2 .bottom .prev, #i-part2 .bottom .next{width: 50px; height: 50px;}
	#i-part2 .bottom .container{display: none;}


	#i-part3{padding: 60px 0;}
	#i-part3 .box{flex-direction: column;}
	#i-part3 .left{width: 100%; margin-bottom: 30px;}
	#i-part3 .left .title{font-size: 48px; margin-top: 0; margin-bottom: 40px}
	#i-part3 .left .title .tu{height: 38px;}
	#i-part3 .left .brief{font-size: 32px;}
	#i-part3 .left .substance{font-size: 26px; line-height: 1.8; margin-bottom: 60px;}
	#i-part3 .left .btn{width: 300px; height: 60px; line-height: 60px; font-size: 26px;}
	#i-part3 .right .li{height: 250px;}
	#i-part3 .right .li .img{height: 100%;}
	#i-part3 .right .li .surface .icon{zoom: 1.3;}
	#i-part3 .right .li .surface .state{font-size: 26px;}
	#i-part3 .right{width: 100%;}

	#i-part4{padding: 60px 0;}
	#i-part4 .title{padding-bottom: 30px;}
	#i-part4 .box .li{width: 100%;}
	#i-part4 .prev,
	#i-part4 .next{display: none;}
	#i-part4 .box .li .top .category{font-size: 24px;}
	#i-part4 .box .li .top .name{font-size: 26px;}
	#i-part4 .box .li .top .month{font-size: 24px;}
}

/* 内页 */
#crumbs{background: transparent ;}
#crumbs .box .cate{width: auto;padding: 21px; margin-right: 50px; color: #999999; font-size: 18px; font-weight:bold;}
#crumbs .box .cate:last-child{margin-right: 0;}
#crumbs .box .cate.cur{color: #fff; background:var(--background); /*border-bottom: 2px solid var(--background)*/}

/* 关于我们 */
.about{padding: 100px 0;}
.title-wrap{width: 100%;margin-bottom: 60px; }
.title-wrap .tit{width: calc(100% - 30%);padding-left: 26px; font-size: 48px; font-weight: bold; position: relative}
.title-wrap .tit::before{content: ""; display: block; width: 6px; height: 38px; background: var(--background); position: absolute; top:50%; left: 0; transform: translateY(-50%);}
.title-wrap .icon{width: 29%;}

#a-part1 .editor{font-size: 16px; text-align: justify;}

#a-part2{background: #fafafa;}
#a-part2 .list .item{background: #fff;}
#a-part2 .list .item:nth-of-type(2n){flex-direction: row-reverse;}
#a-part2 .list .item .pic{width: 50%;}
#a-part2 .list .item .info{width: 50%;}
#a-part2 .list .item .info .icon{margin-bottom: 35px;}
#a-part2 .list .item .info .p1{margin-bottom: 11px;}
#a-part2 .list .item .info .p2{ color: var(--background); font-weight: bold;}
#a-part3 .list .item{width: 33.3%; padding: 60px 33px;}
#a-part3 .list .item:nth-child(odd){background: #f6f6f6;}
#a-part3 .list .item .info {margin-bottom: 14px;}
#a-part3 .list .item .info .name{width: 52%; margin: 0 auto 12px; font-size: 18px; line-height: 22px; color: var(--background); font-weight: bold;}
#a-part3 .list .item .info .brief{min-height: 100px;font-size: 14px; color: #666; line-height: 24px; text-align: justify;}
#a-part4{background: #fafafa;}

@media screen and (max-width: 1280px) {
	.title-wrap .tit{font-size: 46px;}
	#a-part2 .list .item .info .p2{width: 85%; margin: 0 auto; }
}
@media screen and (max-width: 1200px){
	#a-part3 .list .item .info .name{width: 80%;}
}
@media screen and (max-width: 1024px){
	.title-wrap .tit{font-size: 32px;}

	#a-part2 .list .item{align-items: unset;}
	#a-part2 .list .item .info{padding: 50px 0;}

	#a-part3 .list .item{display: flex;flex-direction: column;justify-content: space-between;}
	#a-part3 .list .item .info .name{width: 90%;}
}
@media screen and (max-width: 750px){
	.about{padding: 60px 0;}
	.title-wrap .tit{width: 100%; font-size: 48px;}
	.title-wrap .icon{display: none;}
	#a-part1 .editor{font-size: 26px; line-height: 1.8;}

	#a-part2 .list .item,
	#a-part2 .list .item:nth-of-type(2n){flex-direction: column;}
	#a-part2 .list .item .pic{width: 100%;}
	#a-part2 .list .item .info{width: 100%;}
	#a-part2 .list .item .info .icon{zoom: 1.3;}
	#a-part2 .list .item .info .p1{font-size: 24px !important;}

	#a-part3 .list .item{width: 100%;}
	#a-part3 .list .item .info .name{font-size: 32px; line-height: 36px;}
	#a-part3 .list .item .info .brief{font-size: 26px; line-height: 1.8;}
}

/* 产品列表 */
#products{padding: 100px 0 86px; background: #fff; border-top: 1px solid #dedede;}
#products .cate-list{margin-bottom: 70px;}
#products .mb-cate{display: none;}
#products .cate-list .cate{padding: 22px 28px; border: 1px solid #dedede; font-size: 16px; margin: 0 20px 10px 0;}
#products .cate-list .cate:last-child{margin-right: 0;}
#products .cate-list .cate.cur{border-color: var(--background); background: var(--background); color: #fff;}
#products .box .list .item{margin-bottom: 30px; background: #f5f7fa;}
#products .box .list .item .left{width: 34.07%; padding: 70px 0 20px;}
#products .box .list .item .right{width: calc(100% - 34.07%); padding: 0 1.5% 0 4.6%;}
#products .box .list .item .right .name{margin-bottom: 28px; font-size: 36px; line-height: 49px; font-weight: bold;}
#products .box .list .item .right .brief{margin-bottom: 35px; font-size: 16px; color: #666666; line-height: 23px;}
#products .box .list .item .right .features{margin-bottom: 35px;}
#products .box .list .item .right .features .li{width: 50%;}
#products .box .list .item .right .features .li i{width: 6px; height: 6px; margin-right: 18px; background: #333333; border-radius: 50%;}
#products .box .list .item .right .features .li .txt{width: calc(100% - 6px - 18px);font-size: 16px; line-height: 27px}
#products .box .list .item .right .view{border: 1px solid #dedede; background: transparent; padding: 18px 43px; font-size: 16px;}
#products .box .list .item:hover .right .view{background: var(--background); border-color: var(--background); color: #fff;}
#products .box .loading{margin-top: 70px;}

@media screen and (max-width: 750px) {
	#crumbs .box .cate{font-size: 30px;}
	#products{padding: 60px 0;}
	#products .cate-list .cate{font-size: 26px;}
	#products .box .list .item{flex-direction: column;}
	#products .box .list .item .left{width: 100%;}
	#products .box .list .item .right{width: 100%; padding: 0 4.6% 30px;}
	#products .box .list .item .right .features .li{width: 100%; margin-bottom: 10px;}
	#products .box .list .item .right .features .li .txt{width: 100%; font-size: 26px;}
	#products .box .list .item .right .brief{font-size: 26px; line-height: 1.8;}
	#products .box .list .item .right .view{font-size: 26px;}
	.paging[type='scroll'] .pg-more,
	.paging[type='scroll'] .pg-load,
	.paging[type='scroll'] .pg-over{font-size: 26px !important;}

	.editor, .detail{font-size: 26px !important; line-height: 1.8 !important;}
}

/* 产品解决方案 */
#pro-detail1{padding: 100px 0 60px;}
#pro-detail1 .box{background: #f5f8fa; padding: 100px 50px;}
#pro-detail1 .left{width: 57.86%;}
#pro-detail1 .left .small-pic{width: 61.3%; height: auto;}
#pro-detail1 .left .small-pic .pic{width: 100px; height: 100px; border: 1px solid #dedede; background: #fff;}
#pro-detail1 .left .small-pic .pic.swiper-slide-thumb-active{border-color: var(--background);}
#pro-detail1 .left .btn{width:22px; height: 16px; top: 50%; transform: translateY(-50%); opacity: 1; z-index: 5;}
#pro-detail1 .left .btn.prev{left: 60px;}
#pro-detail1 .left .btn.next{right: 60px;}
#pro-detail1 .left .btn.swiper-button-disabled{opacity: 0.7;}
#pro-detail1 .right{width: calc(100% - 57.86%); padding: 0 6.6%;}
#pro-detail1 .right .top {margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #e1e4e6}
#pro-detail1 .right .top .name{font-size: 24px; font-weight: bold; line-height: 39px; color: #005cac;}
#pro-detail1 .right .top .cate{font-size: 16px; line-height: 27px; color: #999999;}
#pro-detail1 .right .features {margin-bottom: 20px; }
#pro-detail1 .right .features .f1{margin-bottom: 20px; font-size: 16px; font-weight: bold; line-height:33px;}
#pro-detail1 .right .features .f2{min-height: 120px; font-size: 16px; line-height: 24px;}
#pro-detail1 .right .features .li{width: 100%;}
#pro-detail1 .right .features .li i{width: 6px; height: 6px; margin-right: 18px; background: #333333; border-radius: 50%;}
#pro-detail1 .right .features .li .txt{width: calc(100% - 6px - 18px);font-size: 16px; line-height: 27px}
#pro-detail1 .right .more{width: 180px; height: 50px; background: #005cac; font-size: 16px; color: #fff; line-height: 50px;}
#pro-detail2 .top{border-bottom: 1px solid #005cac;}
#pro-detail2 .top .cate{height: 60px; line-height: 60px; padding: 0 42px; border: 1px solid #dedede; background: transparent; font-size: 18px;}
#pro-detail2 .top .cate.cur{background: #005cac; border-color: #005cac; color: #fff;}
#pro-detail2 .box{background: #fafafa; padding: 100px 0;}
/* #pro-detail2 .box .detail-box .p2{padding: 0 60px;} */

#pro-detail3 .container .slide {width: 31.79%;}
#pro-detail3 .container .slide .name{font-size: 16px; line-height: 60px; border-bottom: 1px solid #f1f1f1;}
#pro-detail3 .container .slide:hover .name{background: #005cac; border-color: #005cac; color: #fff;}
#pro-detail3 .prev,
#pro-detail3 .next{font-size: 16px;color: #fff;position: absolute;top: calc(50% - 40px);left: -40px;width: 80px;height: 80px;border: 1px solid #333333;z-index: 2;fill: #464646;cursor: pointer;}
#pro-detail3 .next{right: -40px;left: auto;}
#pro-detail3 .prev:hover,
#pro-detail3 .next:hover{background-color: var(--background);fill: #fff;}
#pro-detail3 .prev .svg,
#pro-detail3 .next .svg{width: 50%;}

@media screen and (max-width: 1024px){
	#pro-detail1 .box{padding: 60px 0; flex-direction: column;}
	#pro-detail1 .left{width: 100%; margin-bottom: 30px;}
	#pro-detail1 .right{width: 100%;}
	
}
@media screen and (max-width: 750px) {
	#pro-detail1 .left .btn{zoom: 1.5;}
	#pro-detail1 .left .btn.prev {left: 20px;}
	#pro-detail1 .left .btn.next {right: 20px;}
	#pro-detail1 .right .top .name{font-size: 32px;}
	#pro-detail1 .right .top .cate{font-size: 24px;}
	#pro-detail1 .right .features .f1{font-size: 26px;}
	#pro-detail1 .right .features .f2{font-size: 26px; line-height: 1.8;}
	#pro-detail1 .right .features .li{width: 100%; margin-bottom: 10px;}
	#pro-detail1 .right .features .li .txt{font-size: 26px; line-height: 1.8;}
	#pro-detail1 .right .more{width: 300px; height: 90px; line-height: 90px; font-size: 26px;}

	#pro-detail2 .top .cate{font-size: 26px;}

	#pro-detail3 .container .slide{width: 47.79%;}
	#pro-detail3 .container .slide .name{font-size: 26px;}
	#pro-detail3 .prev{left: -30px;}
	#pro-detail3 .next{right: -30px;}
}


/* 特殊产品详情 */
#cus-detail2{padding: 80px 0 124px; background: #fafafa;}
#cus-detail2 .big-tit{padding-bottom: 29px; margin-bottom: 52px; font-size: 30px; font-weight: bold; position: relative;}
#cus-detail2 .big-tit::before{content:""; display: block; width: 37px; height: 3px; background: var(--background); position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
#cus-detail2 .form{}
#cus-detail2 .form .row{margin-top: 50px;}
#cus-detail2 .form .req1{margin-top: 0;}
#cus-detail2 .form .row .que{font-size: 18px; padding-bottom: 25px; margin-bottom: 30px; border-bottom: 1px solid #dedede;}
#cus-detail2 .form .req1 .que{padding-bottom: 20px; margin-bottom:0;border:0;}
#cus-detail2 .form .row textarea{width: 100%; height: 250px; padding: 15px; font-size: 14px; line-height: 20px; resize: none; border: 1px solid #dedede; border-radius: 5px; background: #fafafa;}
#cus-detail2 .form .row textarea:focus{border-color: var(--background); background: #fff;}
#cus-detail2 .form .row input{width: 100%; height: 50px; padding: 0 15px; line-height: 50px; margin-top: 10px; border: 1px solid #dedede; border-radius: 5px;font-size: 14px; background: #fafafa;}
#cus-detail2 .form .row input:first-child{margin-top: 0;}
#cus-detail2 .form .row input:focus{border-color: var(--background); background: #fff;}
#cus-detail2 .form .btn_box .submit{width: 340px; height: 50px; margin-top: 50px; line-height: 50px; border-radius: 5px; background-color: var(--background); font-size: 14px; color: #fff;}

@media screen and (max-width: 750px){
	#cus-detail2{padding: 60px 0;}
	#cus-detail2 .form .req1 .que,
	#cus-detail2 .form .row .que,
	#cus-detail2 .form .row textarea,
	#cus-detail2 .form .row input{font-size: 26px; line-height: 1.8;}
	#cus-detail2 .form .row input{height: 90px;}
	#cus-detail2 .form .btn_box .submit{width: 100%; font-size: 26px; height: 90px; line-height: 90px;}
}

/* 解决方案 */
#solutions{padding: 100px 0; background: #fafafa;}
#solutions .list .item{margin-bottom: 30px; background: #fff;}
#solutions .list .item .left{width: 45%;}
#solutions .list .item .right{width: calc(100% - 45%); padding: 0 4.5% 0 7.7%;}
#solutions .list .item .right .name{margin-bottom: 28px; font-size: 36px; line-height: 49px; font-weight: bold;}
#solutions .list .item .right .brief{margin-bottom: 59px; font-size: 16px; color: #666666; line-height: 23px;}
#solutions .list .item .right .view{border: 1px solid #dedede; background: transparent; padding: 18px 42px; font-size: 16px; color: #666666;}
#solutions .list .item:hover .right .view{background: var(--background); border-color: var(--background); color: #fff;}

@media screen and (max-width: 1024px){
	#solutions .list .item{flex-direction: column;}
	#solutions .list .item .left{width: 100%;}
	#solutions .list .item .right{width: 100%; padding: 30px 4.5%;}
	#solutions .list .item .right .brief{font-size: 26px; line-height: 1.8;}
	#solutions .list .item .right .view{font-size: 26px; padding: 27px 74px;}
}

/* 解决方案详情 */
.solution{padding-top: 90px;}
.solution .title-wrap .tit{width: 100%;}
#solu-detail1 .title-wrap .brief{width: 100%; font-size: 20px; line-height: 30px; margin-top: 30px;}
#solu-detail1.solu-back{margin-top: 90px; background: #fafafa;}
#solu-detail1.solu-back .container .img{height: 330px;background: #ffffff;}

#solu-detail1 .container .slide {width: 31.79%;}
#solu-detail1 .container .slide .name{font-size: 16px; line-height: 60px; border-bottom: 1px solid #f1f1f1;}
#solu-detail1 .container .slide:hover .name{background: #005cac; border-color: #005cac; color: #fff;}
#solu-detail1 .prev,
#solu-detail1 .next{font-size: 16px;color: #fff;position: absolute;top: calc(50% - 40px);left: -40px;width: 80px;height: 80px;border: 1px solid #333333;z-index: 2;fill: #464646;cursor: pointer;}
#solu-detail1 .next{right: -40px;left: auto;}
#solu-detail1 .prev:hover,
#solu-detail1 .next:hover{background-color: var(--background);fill: #fff;}
#solu-detail1 .prev .svg,
#solu-detail1 .next .svg{width: 50%;}

#solu-detail5 .container .slide {width: 47.86%; font-size: 16px;text-align: center;}
#solu-detail5 .container .slide .img{height: 480px; background: #fafafa;}
#solu-detail5 .container .slide .name{font-size: 16px; line-height: 60px; border-bottom: 1px solid #f1f1f1;}
#solu-detail5 .container .slide:hover .name{background: #005cac; border-color: #005cac; color: #fff;}
#solu-detail5 .prev,
#solu-detail5 .next{font-size: 16px;color: #fff;position: absolute;top: calc(50% - 40px);left: -40px;width: 80px;height: 80px;border: 1px solid #333333;z-index: 2;fill: #464646;cursor: pointer;}
#solu-detail5 .next{right: -40px;left: auto;}
#solu-detail5 .prev:hover,
#solu-detail5 .next:hover{background-color: var(--background);fill: #fff;}
#solu-detail5 .prev .svg,
#solu-detail5 .next .svg{width: 50%;}

@media screen and (max-width: 1024px) {
	#solu-detail1 .container .slide{width: 30.79%;}
}
@media screen and (max-width: 750px){
	#solu-detail1 .title-wrap .brief{font-size: 26px; line-height: 1.8;}
	#solu-detail1 .container .slide{width: 47.79%;}
	#solu-detail1 .container .slide .name,
	#solu-detail5 .container .slide .name{font-size:  26px;}
	#solu-detail1 .prev{left: -30px;}
	#solu-detail1 .next{right: -30px;}
}

/* 招聘 */
#career{padding: 100px 0 125px;}
#career .info{padding: 45px 3.3%;border: 1px solid #ececf1; background: #fafafa; font-size: 16px; line-height: 34px;}
#career .list{margin:30px 0 45px;}
#career .list .li{margin-bottom: 10px;}
#career .list .li .border>*{color: #1a1a1a;}
#career .list .join{margin-bottom: 10px; }
#career .list .border{padding: 30px 3.2%; border:1px solid #e7e8ea;}
#career .list .name{width:calc(20% - 30px); margin:0 30px 0 0; font-size:16px; color: #1a1a1a;}
#career .list .much{width:calc(20% - 30px); margin:0 30px 0 0; font-size:16px; color: #999999;}
#career .list .date{width: 17%;font-size: 16px;}
#career .list .date .txt{margin-left: 10px;}
#career .list .btn{width: 13px; height: 13px; position:relative; transition: all 0.3s ease;}
#career .list .btn:before{content:""; display: block; width: 13px; height:1px; position: absolute; top: 6px; left: 0;  background: #ccc;}
#career .list .btn:after{content:""; display: block; width: 1px; height:13px; position: absolute; top: 0; left: 6px; background: #ccc;}
#career .list .term{height: 0; overflow: hidden;}
#career .list .term .editor{padding: 50px 3.2% 40px; background: #ffffff; border: 1px solid #dedede; border-top: 0;}
#career .list .term .editor .apply{margin-top: 50px; padding: 19px 34px; background: var(--background); font-size: 16px; color: #fff;}
#career .list .join.open{ border-bottom: 1px solid #dedede;}
#career .list .join:hover .border,
#career .list .join.open .border{background:#f2f2f2;}
#career .list .join.open .li1{font-weight: bold;}
#career .list .join.open .li2,
#career .list .join.open .li4{color: #1a1a1a;}
#career .list .join.open .btn{transform: rotate(45deg);}
#career .list .join.open .btn:before,
#career .list .join.open .btn:after{ background: #1a1a1a;}
/* 弹窗 */
#join-popup{width: 100%;height: 100%;position: fixed;top: 0;left: 0;pointer-events:none; opacity:0;z-index: 5;}
#join-popup.show{pointer-events:auto; opacity:1;}
#join-popup .flex-grow1{flex-grow: 1;flex-basis: 0;}
#join-popup .background{width: 100%;height: 100%;background-color: rgba(0,0,0,.5);position: absolute;top: 0;left: 0;}
#join-popup .join-form{width: 760px;height: 300px;padding-top: 60px;position: absolute;top: 30%;left: 50%;transform: translateX(-50%);background: #fff;border-radius: 10px;box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.18);overflow: hidden;}
#join-popup .join-form .close-btn{width: 30px;height: 30px;position: absolute;top: 30px;right: 30px;transform: rotate(45deg);}
#join-popup .join-form .close-btn:before{content: '';display: block;width: 30px;height: 1px;background: var(--background);position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
#join-popup .join-form .close-btn:after{content: '';display: block;width: 1px;height: 30px;background: var(--background);position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
#join-popup .join-form .form-title{font-size: 32px; font-weight: bold; text-align: center;margin-bottom: 30px;}
#join-popup .join-form .job{font-size: 24px;color: var(--background);text-align: center;margin-bottom: 30px;}
#join-popup .join-form .input-box{width: 68.5%;height: 50px;line-height: 50px;margin: 0 auto 20px;border-bottom: 1px solid #dddddd;display: flex;justify-content: space-between; font-size: 18px;}
#join-popup .join-form .input-box .file{width: 110px;height: 40px;background: #eaeaea;border-radius: 3px;font-size: 16px;line-height: 40px;text-align: center;}
#join-popup .join-form .btn-box{width: 100%;display: flex;justify-content: center;margin: 40px 0 25px;}
#join-popup .join-form .btn-box input[type="submit"]{width: 140px;height: 50px;border-radius: 5px;background: var(--background);font-size: 16px;color: #fff;}

@media screen and (max-width: 750px) {
	#career{padding: 60px 0;}
	#career .info{font-size: 26px; line-height: 1.8;}
	#career .list .much.li2,
	#career .list .much.li3,
	#career .list .date{display: none;}
	#career .list .li .border>*,
	#career .list .name,
	#career .list .much{font-size: 26px}
	#career .list .name{width: calc(55% - 30px);}
	#career .list .much{width: calc(38% - 30px);}
	#career .list .btn{width: 30px; height: 30px;}
	#career .list .btn:before{width: 30px; height:1px; position: absolute; top: 15px; left: 0;}
	#career .list .btn:after{width: 1px; height:30px; position: absolute; top: 0; left: 15px;}
	#career .list .term .editor .apply{font-size: 26px; padding: 22px 57px;}

	#join-popup .join-form{width: 90%; height: 400px;}
	#join-popup .join-form .input-box{width: 85%;}
	#join-popup .join-form .input-box{height: 55px; line-height: 55px;}
	#join-popup .join-form .input-box,
	#join-popup .join-form .input-box .file{font-size: 26px;}
	#join-popup .join-form .input-box .file{width: 240px; height: 50px; line-height: 50px;}
	#join-popup .join-form .btn-box input[type="submit"]{width: 300px;height: 80px;font-size: 26px;}
}

/* 联系我们 */
#c-part1{}
#c-part1 .item{width: 25%; border-right: 1px solid #dedede; padding: 0 4.7%;}
#c-part1 .item:last-child{border-right:0;}
#c-part1 .item .icon{margin-bottom: 43px;}
#c-part1 .item .p1{margin-bottom: 18px; font-size: 18px; font-weight: bold;}
#c-part1 .item .p2{padding-bottom: 26px; min-height: 72px; font-size: 14px; line-height: 23px; position: relative;}
#c-part1 .item .p2:before{content:""; display: block; width: 30px; height: 5px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); background: var(--background);}
#c-part2{background:#fafafa;}
#c-part2 .bot{background: #fff; }
#c-part2 .mb-bot{display: none;}
#c-part2 .bot .left{width: 50%; padding: 58px 3.8%;}
#c-part2 .bot .left .item{padding-bottom: 34px; margin-bottom: 37px; border-bottom: 1px solid #dedede;}
#c-part2 .bot .left .item:last-child{margin-bottom:0; padding-bottom:0; border-bottom:0;}
#c-part2 .bot .left .item .name{margin-bottom: 23px; font-size: 18px; font-weight: bold;}
#c-part2 .bot .left .item .located{font-size: 16px; line-height: 23px; color: #999999;}
#c-part2 .bot .right{width: 50%; }
#c-part2 .bot .right .item{height: 100%;}
#c-part2 .bot .right .item .map{width: 100%; height: 100%;}
#c-part2 .bot .left .item.cur .name{color: var(--background);}
#c-part2 .bot .left .item.cur .located{color: #333;}
#c-part3 .list{}
#c-part3 .list .cont-box{height: 709px; overflow: hidden;}
#c-part3 .list .item{width: 31.79%; margin: 33px 2.3% 0 0; padding: 43px 3.2%; background: #fafafa;}
#c-part3 .list .item:nth-of-type(3n){margin-right: 0;}
#c-part3 .list .item:nth-child(-n+3){margin-top: 0;}
#c-part3 .list .item .name{margin-bottom: 23px; font-size: 24px; font-weight: bold;}
#c-part3 .list .item .uk .li{ display: flex; align-items: baseline; margin-bottom: 22px; font-size: 16px; line-height: 24px; }
#c-part3 .list .item .uk .li .icon{width: 20px; margin-right: 15px;}
#c-part3 .list .item .uk .li .txt{width: calc(100% - 35px);}
#c-part3 .list .load{margin-top: 45px;}
#c-part3 .list .load .txt{font-size: 16px; margin-left: 9px;}
#c-part4{background: #fafafa;}
#c-part4 form .top {margin-bottom: 31px;}
#c-part4 form .top .row{ margin-top: 31px; width: 49%;}
#c-part4 form .top .row:nth-child(-n+2){ margin-top: 0;}
#c-part4 form .top .row input{ width: 100%; padding: 0 20px; border: 1px solid #dedede; border-radius: 5px; font-size: 14px; line-height: 50px; background: #fff;}
#c-part4 form .top .row input::placeholder{color: #999999;}
#c-part4 form .top .row input:focus{border-color: var(--background);}
#c-part4 form textarea{width: 100%; height: 320px; padding: 15px 20px; border: 1px solid #dedede; border-radius: 5px;  resize: none; font-size: 14px; line-height: 1.8; background: #fff;}
#c-part4 form textarea:focus{border-color: var(--background);}
#c-part4 form .tips{ margin-top: 10px;}
#c-part4 form .btn_box{ width: 340px; height: 50px; margin: 60px auto 0; border-radius: 5px; background: var(--background);  text-align: center;}
#c-part4 form .btn_box input{width: 100%; height: 100%; font-size: 16px; color: #fff; line-height: 50px;}

#c-part4 form .tips{ font-size: 14px;}

@media screen and (max-width: 750px) {
	#c-part1 .box{flex-wrap: wrap; }
	#c-part1 .item{width: 100%; margin-top: 50px; border-right: 0;}
	#c-part1 .item:first-child{margin-top: 0;}
	/* #c-part1 .item:nth-of-type(2n) {border-right: 0;} */
	#c-part1 .item .icon{margin-bottom: 20px;}
	#c-part1 .item .p1{font-size: 32px;}
	#c-part1 .item .p2{font-size: 26px; line-height: 1.8;}

	#c-part2 .bot{display: none;}
	#c-part2 .mb-bot{display: block; width: 100%;}
	#c-part2 .mb-bot .item{width: 100%; background: #fff;padding: 30px;}
	#c-part2 .mb-bot .item .name{font-size: 30px; font-weight: bold; color: var(--background); margin-bottom: 20px;}
	#c-part2 .mb-bot .item .located{font-size: 26px; line-height: 1.8;  margin-bottom: 20px;}
	#c-part2 .mb-bot .item .map-address{width: 100%; height: 400px;}
	#c-part2 .mb-bot .item .map-address .map{height: 100%;}

	#c-part3 .list .cont-box{height: 870px;}
	#c-part3 .list .item{width: 100%; margin-right: 0;}
	#c-part3 .list .item:nth-of-type(3n){margin-right: 2.3%;}
	#c-part3 .list .item:nth-child(-n+3){margin-top: 33px;}
	#c-part3 .list .item:first-child{margin-top: 0;}
	#c-part3 .list .item .name{font-size: 30px;}
	#c-part3 .list .item .uk .li .icon{zoom: 1.5;}
	#c-part3 .list .item .uk .li .txt{font-size: 26px; line-height: 1.8;}
	#c-part3 .list .load .txt{font-size: 26px;}

	#c-part4 form .top{flex-wrap: wrap; margin-bottom: 0;}
	#c-part4 form .top .row{width: 100%; margin-bottom: 30px;}
	#c-part4 form .top .row input,
	#c-part4 form textarea{font-size: 26px;}
	#c-part4 form textarea{line-height: 1.8;}
	#c-part4 form .btn_box{width: 100%; height: 90px;}
	#c-part4 form .btn_box input{font-size: 26px;}
}

/* 新闻详情 */
#news-detail{margin-top: 84px;padding: 100px 0 65px;}
#news-detail .title{font-size: 36px;color: #1a1a1a;font-weight: 700;margin-bottom: 45px;}
#news-detail .time{margin-right: 55px;}
#news-detail .time,
#news-detail .views{font-size: 14px;color: #999;}
#news-detail .time .svg{margin-right: 10px;fill: #999;width: 18px;height: 18px;}
#news-detail .views .svg{margin-right: 10px;width: 24px;height: 15px;fill: #999;}
#news-detail .share span{margin-right: 15px;}
#news-detail .share a{ width: 21px; height: 17px; margin-right: 10px;}
#news-detail .share a[share='wechat']{background: url(/images/icon76.png) no-repeat center left 0;}
#news-detail .share a[share='sina']{background: url(/images/icon76.png) no-repeat center left -35px;}
#news-detail .share a[share='facebook']{background: url(/images/icon76.png) no-repeat center left -69px;}
#news-detail .share a[share='twitter']{background: url(/images/icon76.png) no-repeat center left -102px;}
#news-detail .share a[share='linkedin']{background: url(/images/icon76.png) no-repeat center right 0;}
#news-detail .share a[share='wechat']:hover{background: url(/images/icon89.png) no-repeat center left 0;}
#news-detail .share a[share='sina']:hover{background: url(/images/icon89.png) no-repeat center left -35px;}
#news-detail .share a[share='facebook']:hover{background: url(/images/icon89.png) no-repeat center left -69px;}
#news-detail .share a[share='twitter']:hover{background: url(/images/icon89.png) no-repeat center left -102px;}
#news-detail .share a[share='linkedin']:hover{background: url(/images/icon89.png) no-repeat center right 0;}
#news-detail .content{padding-top: 50px;border-top: 1px solid #eee;margin: 35px 0 100px;}
#news-detail .btns .prev,
#news-detail .btns .next{width: 50%;padding: 3.928% 12.5% 4.285% 4.643%;border: 1px solid #e6e6e6;background: #f8f8f8;}
#news-detail .btns .next{padding: 3.928% 4.643% 4.285% 12.5%;}
#news-detail .btns .prev .svg,
#news-detail .btns .next .svg{width: 40px;height: 40px;fill: #1a1a1a;}
#news-detail .btns .prev .text,
#news-detail .btns .next .text{width:calc(100% - 50px);}
#news-detail .btns .t1{font-size: 18px;color: #1a1a1a;margin-bottom: 25px;}
#news-detail .btns .t2{font-size: 14px;color: #1a1a1a;}
#news-detail .btns .prev:hover .t1,
#news-detail .btns .next:hover .t1{color: #fff;}
#news-detail .btns .prev:hover .t2,
#news-detail .btns .next:hover .t2{color: #fff;}
#news-detail .btns .prev:hover .svg,
#news-detail .btns .next:hover .svg{fill: #fff;}
#news-detail .btns .prev:hover,
#news-detail .btns .next:hover{background: var(--background);}

@media screen and (max-width: 750px) {
	#news-detail .time, #news-detail .views{float: inherit; width: 100%; font-size: 26px;}
	#news-detail .share{float: inherit; width: 100%; align-items: center;}
	#news-detail .time .svg,
	#news-detail .views .svg{display: none;}
	#news-detail .share span{font-size: 26px;}
	#news-detail .share a{zoom: 1.3;}
	#news-detail .btns .prev{width: 100%; padding: 3.928% 4.5% 4.285% 4.643%;}
	#news-detail .btns .next{width: 100%; padding: 3.928% 4.643% 4.285% 4.5%;}
	#news-detail .btns .t1{font-size: 24px;}
	#news-detail .btns .t2{font-size: 26px;}
}

/*全站搜索*/
#search{width:100%; margin-top: 84px; padding:40px 0;}
#search .form{margin-bottom:22px;margin-top: 20px;}
#search .form .text{width: 600px;padding-left: 15px;height: 49px;line-height: 49px;border:1px solid #ccc;border-top-left-radius:5px;border-bottom-left-radius:5px;border-right:none;font-size: 16px;}
#search .form .submit{height: 49px;width: 59px;border-top-right-radius: 5px;border-bottom-right-radius:5px;background: var(--background) url(/images/search.png) no-repeat center center;color: #fff;font-size: 16px;}
#search .list{width:100%; margin-bottom:50px;}
#search .list .info .cate{padding-left:15px;}
#search .list .new .cate{}
#search .list .know .cate{}
#search .list .info a{padding:20px 0; border-bottom:1px solid #dddddd;}
#search .list .info a:first-child{border-top:1px solid #dddddd;}
#search .list .info .title{margin-right:16px; line-height:22px; color:var(--background); font-size:16px; font-weight:bold;}
#search .list .info .day,
#search .list .info .cate{color:#888888; font-size:16px; margin-right:20px;}
#search .list .info .day{margin:0;}
#search .list .info .desc{height:60px; overflow:hidden; margin-top:1.375%; color:#888888; font-size:14px; line-height:32px;}

@media (max-width: 750px){
	#search .form .text{font-size: 26px;}
	#search .form .submit{width: 75px;font-size: 26px;}
	#search .list .info .title{font-size: 28px;line-height: 1.6;}
	#search .list .info .day,
	#search .list .info .cate{font-size: 28px;line-height: 1.6;}
	#search .list .info .desc{font-size: 26px;line-height: 1.6;height: 120px;}
}


#news{padding: 100px 0 75px;background: #fafafa;}
#news .list{}
#news .list .content{padding: 60px 0;border-bottom: 1px solid #e6e6e6;}
#news .list .content .time{color: #ccc;width: 143px;padding-right: 20px;}
#news .list .content .time .d{font-size: 60px;font-weight: 700;}
#news .list .content .time .ym{font-size: 18px;}
#news .list .content .pic{width: 35.357%;}
#news .list .content .pic::before{content: '';display: block;padding-top: 44.04%;}
#news .list .content .text_box{width: calc(100% - 143px - 35.357%);padding-left: 60px;}
#news .list .content .text_box .title{font-size: 22px;color: #333;font-weight: 700;}
#news .list .content .text_box .brief{font-size: 16px;color: #999;line-height: 1.875;margin: 15px 0 65px;height: 60px;overflow: hidden;}
#news .list .content .text_box .detail{font-size: 16px;color: #333;width: 192px;height: 56px;line-height: 54px;border: 1px solid #d8d8d8;}
#news .list .content .text_box .detail .icon{width: 14px;height: 16px;background: url(/images/yn/detail-icon.png) no-repeat center / 100%;margin-left: 25px;}
#news .list:hover{background: #fff;}
#news .list .content:hover .time{color: #0047bb;}
#news .list .content:hover .text_box .detail{color: #fff;width: 192px;height: 56px;line-height: 54px;border-color: #0047bb;background-color: #0047bb;}
#news .list .content:hover .text_box .detail .icon{background-image: url(/images/yn/detail-icon2.png);}
#news .loading{margin-top: 70px;}
@media(max-width: 1024px){
	#news .list .content .time{width: 110px;}
	#news .list .content .text_box{width: calc(100% - 110px - 35.357%);padding-left: 30px;}
	#news .list .content .text_box .brief{margin-bottom: 30px;}
}
@media(max-width: 750px){
	#news .list .content{flex-wrap: wrap;}
	#news .list .content .time{width: 150px;}
	#news .list .content .time .ym{font-size: 28px;}
	#news .list .content .pic{width: calc(100% - 150px);}
	#news .list .content .text_box{width: 100%;padding-left: 0;margin-top: 30px;}
	#news .list .content .text_box .title{font-size: 36px;}
	#news .list .content .text_box .brief{font-size: 30px;height: 113px;}
	#news .list .content .text_box .detail{font-size: 26px;height: 66px;line-height: 64px;width: 250px;}
	#news .list .content .text_box .detail .icon{width: 22px;height: 26px;}
}

/* 新闻详情 */
#newsroom-detail{margin-top: 84px;padding: 100px 0 65px;}
#newsroom-detail .title{font-size: 36px;color: #1a1a1a;font-weight: 700;margin-bottom: 45px;}
#newsroom-detail .time{margin-right: 55px;}
#newsroom-detail .time,
#newsroom-detail .views{font-size: 14px;color: #999;margin-right: 68px;}
#newsroom-detail .time .svg{margin-right: 10px;fill: #999;width: 18px;height: 18px;}
#newsroom-detail .views .svg{margin-right: 10px;width: 24px;height: 15px;fill: #999;}
#newsroom-detail .share span{margin-right: 15px;font-size: 14px;color: #999;}
#newsroom-detail .share a{ width: 21px; height: 17px; margin-right: 10px;}
#newsroom-detail .share a[share='wechat']{background: url(/images/icon76.png) no-repeat center left 0;}
#newsroom-detail .share a[share='sina']{background: url(/images/icon76.png) no-repeat center left -35px;}
#newsroom-detail .share a[share='facebook']{background: url(/images/icon76.png) no-repeat center left -69px;}
#newsroom-detail .share a[share='twitter']{background: url(/images/icon76.png) no-repeat center left -102px;}
#newsroom-detail .share a[share='linkedin']{background: url(/images/icon76.png) no-repeat center right 0;}
#newsroom-detail .share a[share='wechat']:hover{background: url(/images/icon89.png) no-repeat center left 0;}
#newsroom-detail .share a[share='sina']:hover{background: url(/images/icon89.png) no-repeat center left -35px;}
#newsroom-detail .share a[share='facebook']:hover{background: url(/images/icon89.png) no-repeat center left -69px;}
#newsroom-detail .share a[share='twitter']:hover{background: url(/images/icon89.png) no-repeat center left -102px;}
#newsroom-detail .share a[share='linkedin']:hover{background: url(/images/icon89.png) no-repeat center right 0;}
#newsroom-detail .down{width: 192px;height: 56px;line-height: 56px;font-size: 16px;color: #fff;background: #0047bb;margin-top: -50px;}
#newsroom-detail .down .icon{width: 11px;height: 14px;background: url(/images/yn/down-icon.png) no-repeat center / 100%;margin-left: 40px;}
#newsroom-detail .down:hover{opacity: .8;}
#newsroom-detail .content{padding-top: 50px;border-top: 1px solid #eee;margin: 35px 0 100px;}
#newsroom-detail .btns .prev,
#newsroom-detail .btns .next{width: 50%;padding: 3.928% 12.5% 4.285% 4.643%;border: 1px solid #e6e6e6;background: #f8f8f8;}
#newsroom-detail .btns .next{padding: 3.928% 4.643% 4.285% 12.5%;}
#newsroom-detail .btns .prev .svg,
#newsroom-detail .btns .next .svg{width: 40px;height: 40px;fill: #1a1a1a;}
#newsroom-detail .btns .prev .text,
#newsroom-detail .btns .next .text{width:calc(100% - 50px);}
#newsroom-detail .btns .t1{font-size: 18px;color: #1a1a1a;margin-bottom: 25px;}
#newsroom-detail .btns .t2{font-size: 14px;color: #1a1a1a;}
#newsroom-detail .btns .prev:hover .t1,
#newsroom-detail .btns .next:hover .t1{color: #fff;}
#newsroom-detail .btns .prev:hover .t2,
#newsroom-detail .btns .next:hover .t2{color: #fff;}
#newsroom-detail .btns .prev:hover .svg,
#newsroom-detail .btns .next:hover .svg{fill: #fff;}
#newsroom-detail .btns .prev:hover,
#newsroom-detail .btns .next:hover{background: var(--background);}

@media screen and (max-width: 750px) {
	#newsroom-detail .time, #newsroom-detail .views{float: inherit; width: 100%; font-size: 26px;}
	#newsroom-detail .share{float: inherit; width: 100%; align-items: center;}
	#newsroom-detail .time .svg,
	#newsroom-detail .views .svg{display: none;}
	#newsroom-detail .share span{font-size: 26px;}
	#newsroom-detail .share a{zoom: 1.3;}
	#newsroom-detail .down{width: 240px;height: 56px;line-height: 56px;font-size: 26px;color: #fff;background: #0047bb;margin-top: -50px;}
	#newsroom-detail .down .icon{width: 18px;height: 24px;margin-left: 30px;}
	#newsroom-detail .content *{font-size: 30px !important;}
	#newsroom-detail .btns .prev{width: 100%; padding: 3.928% 4.5% 4.285% 4.643%;}
	#newsroom-detail .btns .next{width: 100%; padding: 3.928% 4.643% 4.285% 4.5%;}
	#newsroom-detail .btns .t1{font-size: 24px;}
	#newsroom-detail .btns .t2{font-size: 26px;}
}

#index_news{padding: 130px 0 0;}
#index_news .top_box{padding-bottom: 63px;border-bottom: 1px solid #f6f6f6;}
#index_news .top_box .title{font-weight: 700;font-size: 48px;}
#index_news .top_box .title .tu{display: inline-block;width:6px; height:38px; background-color: #0047bb;}
#index_news .top_box .cate_box{}
#index_news .top_box .cate_box .item{min-width: 200px;height: 50px;line-height: 48px;border: 1px solid #666;font-size: 16px;color: #666;margin-left: 20px;padding: 0 10px;text-align: center;}
#index_news .top_box .cate_box .item:hover,
#index_news .top_box .cate_box .item.cur{background: #0047bb;color: #fff;border-color: #0047bb;}
#index_news .content{}
#index_news .content .li{width: 32.8125%;padding-top: 70px;padding-bottom: 140px;}
#index_news .content .li:nth-child(1){padding-right: 25px;}
#index_news .content .li:nth-child(2){width: 34.375%;padding-left: 25px;padding-right: 25px;border-left: 1px solid #f6f6f6;border-right: 1px solid #f6f6f6;}
#index_news .content .li:nth-child(3){padding-left: 25px;}
#index_news .content .li .text_box{padding: 30px 30px 50px;}
#index_news .content .li .text_box .tit{font-size: 20px;color: #1a1a1a;line-height: 1.5;font-weight: 700;height: 60px;}
#index_news .content .li .text_box .brief{font-size: 16px;color: #999;line-height: 1.5;height: 48px;margin-top: 10px;}
#index_news .content .li .text_box .d{width: 60px;height: 60px;background: #0047bb;font-size: 30px;color: #fff;text-align: center;line-height: 60px;bottom: -30px;z-index: 2;}
#index_news .content .li .text_box .ym{font-size: 16px;color: #fff;bottom: -60px;z-index: 2;}
#index_news .content .li .pic{width: 100%;}
#index_news .content .li .pic::before{content: '';display: block;padding-top: 44.177%;}
#index_news .content .li:hover .text_box{background: #f6f6f6;}

@media(max-width: 1024px){
	#index_news .top_box{flex-wrap: wrap;}
	#index_news .top_box .cate_box{width: 100%;margin-top: 20px;}
}
@media(max-width: 750px){
	#index_news{padding-bottom: 70px;}
	#index_news .top_box .cate_box{flex-wrap: wrap;}
	#index_news .top_box .cate_box .item{font-size: 26px;margin-top: 15px;height: 60px;line-height: 58px;}
	#index_news .content{flex-wrap: wrap;}
	#index_news .content .li{width: 100%;padding-top: 20px;padding-bottom: 10px;margin-bottom: 30px;}
	#index_news .content .li:nth-child(1){padding-right: 0;}
	#index_news .content .li:nth-child(2){width: 100%;padding-left: 0;padding-right: 0;border-left: 0;border-right: 0;}
	#index_news .content .li:nth-child(3){padding-left: 0;}
	#index_news .content .li .text_box .tit{font-size: 36px;height: 108px;}
	#index_news .content .li .text_box .brief{font-size: 30px;height: 90px;}
	#index_news .content .li .text_box .d{font-size: 30px;}
	#index_news .content .li .text_box .ym{font-size: 26px;bottom: -75px;}
}