@charset "utf-8";
.banner{ position:relative;overflow:hidden;height: auto;z-index: 3}
.banner img{width: 100%;height: auto;}
.banner .swiper-slide{opacity: 0!important}
.banner .swiper-slide-active{opacity: 1!important}
.pagination{position: absolute; left:0;bottom:6%;height:8px;width: 100%; z-index:5;}
.pagination{width: 100%;height:8px;text-align: center;}
.pagination .swiper-pagination-bullet{display: inline-block;background:rgba(255,255,255,.6);width:8px; height:8px;text-indent:99999px; overflow:hidden; margin:0 4px;cursor: pointer;transition: all 0.5s;opacity: 1;}
.pagination .swiper-pagination-bullet-active{background: #fff;}

.sj-banner{ position:relative;overflow:hidden;width: 100%;height: auto;z-index: 3;display: none}
.sj-banner img{width: 100%;height: auto;}
.sj-banner .swiper-slide{opacity: 0!important}
.sj-banner .swiper-slide-active{opacity: 1!important}

@media screen and (max-width: 1640px){
}
@media screen and (max-width: 1024px){
}
@media screen and (max-width: 750px){
	.banner{display: none}
	.sj-banner{display: block;}

	.pagination .swiper-pagination-bullet{width: 6px;height: 6px}
}

.s1{padding: 70px 0 90px}
.s1 .item{}
.s1 .item .topArea{padding: 22px 0 20px 30px;display: block;}
.s1 .item .topArea .cont{padding-right: 34px;}
.s1 .item .topArea .h{font-size: 24px;font-weight: bold;}
.s1 .item .topArea .p{font-size: 14px;text-transform: uppercase;}
/*.s1 .item .hotNews{margin: 37px 0 30px;}
.s1 .item .hotNews .pic{width: 310px;height: auto;overflow: hidden;float: left;margin-right: 30px;}
.s1 .item .hotNews .pic img{width: 100%;height: auto;}
.s1 .item .hotNews .txt{padding-top: 5px}
.s1 .item .hotNews .txt .h a{font-size: 18px;color: #333333;font-weight: bold;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;display: block;}
.s1 .item .hotNews .txt .s{font-size: 24px;color: #cccccc;font-weight: bold;font-family: arial;margin-top: 10px}
.s1 .item .hotNews .txt .p{font-size: 14px;color: #999999;margin-top: 15px;line-height: 1.8;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;-webkit-box-orient: vertical;}
.s1 .item .hotNews .pic img{display:block;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all .5s;max-width: 100%;}
.s1 .item .hotNews:hover .pic img{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1); }
.s1 .item .hotNews:hover .txt .h a{color: #044ba5}*/
.s1 .item .list{}
.s1 .item .list ul li{padding-left: 20px;position: relative;line-height: 36px;}
.s1 .item .list ul li:after{content: '';position: absolute;top: 50%;left: 0;width: 8px;height: 8px;margin-top: -4px;background: #d2d2d2;border-radius: 100%}
/*.s1 .item .list ul li em{font-size: 16px;margin-right: 5px}*/
.s1 .item .list ul li a{font-size: 16px;color: #333333;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;-webkit-box-orient: vertical;}
.s1 .item .list ul li span{float: right;font-size: 14px;color: #999999}

.s1 .item-l{float: left;width: 65.5%}
.s1 .item-l .topArea{background: url(bg_1.jpg) no-repeat center center;background-size: cover;}
.s1 .item-l .topArea .cont{background: url(arrow_1.png) no-repeat right 28px;background-size: 15px 15px;display: inline-block;}
.s1 .item-l .topArea .h{color: #044ba5;}
.s1 .item-l .topArea .p{color: #a1bcd6;}
.s1 .item-l .newsBox{margin-top: 30px;}
.s1 .item-l .newsBox .pic{width: 46.5%;float: left;position: relative;}
.s1 .item-l .newsBox .pic .bd ul li{overflow: hidden;position: relative;}
.s1 .item-l .newsBox .pic .bd ul li img{width: 100%;height: 326px;display:block;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all .5s;object-fit: cover;}
.s1 .item-l .newsBox .pic .bd ul li:hover img{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1); }
.s1 .item-l .newsBox .pic .bd ul li .mask{position: absolute;bottom: 0;left: 0;z-index: 2;background: rgba(0,0,0,.45);font-size: 14px;color: #f4f4f4;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;box-sizing: border-box;padding: 8px 45px 8px 10px}
.s1 .item-l .newsBox .pic .hd{position: absolute;bottom: 15px;right: 10px;z-index: 2}
.s1 .item-l .newsBox .pic .hd ul li{width: 7px;height: 7px;float: left;margin: 0 3px;background: #949494;text-indent: 99999px}
.s1 .item-l .newsBox .pic .hd ul li.on{background: #0050b5}
/*.s1 .item-l .list ul li em{color: #044ba5}*/
.s1 .item-l .list{float: right;width: 50%}
.s1 .item-l .list ul li a:hover{color: #044ba5}

.s1 .item-r{float: right;width: 32.2%}
.s1 .item-r .topArea{background: url(bg_2.jpg) no-repeat center center;background-size: cover;}
.s1 .item-r .topArea .cont{background: url(arrow_2.png) no-repeat right 28px;background-size: 15px 15px;display: inline-block;}
.s1 .item-r .topArea .h{color: #447fca;}
.s1 .item-r .topArea .p{color: #8aa4c4;}
/*.s1 .item-r .list ul li em{color: #cc252c}*/
.s1 .item-r .list{margin-top: 30px;}
.s1 .item-r .list ul li a:hover{color: #2eaa24}

@media screen and (max-width: 1640px){
	.s1{padding: .7rem 0 .9rem}
	.s1 .item .hotNews{margin: .37rem 0 .3rem}
	.s1 .item .hotNews .pic{width: 3.1rem;margin-right: .3rem}
	.s1 .item .hotNews .txt .s{font-size: .24rem}
	/* .s1 .item .list ul li{padding: .16rem 0 .16rem .2rem} */
	.s1 .item .list ul li a{font-size: .16rem}
	.s1 .item .list ul li span{font-size: .14rem}
	.s1 .item .list ul li:after{width: .08rem;height: .08rem;margin-top: -.04rem}
}

@media screen and (max-width: 1024px){
	.s1 .item{float: unset;width: 100%}
	.s1 .item .topArea{margin-bottom: 10px;padding: 22px 0 22px 28px}
	.s1 .item .topArea .h{font-size: 20px;}
	.s1 .item .topArea .p{font-size: 14px;}
	.s1 .item .hotNews .pic{width: 100%;float: unset;}
	.s1 .item .hotNews .txt{padding: 10px 0}
	.s1 .item .hotNews .txt .h a{font-size: 16px;}
	.s1 .item .hotNews .txt .s{font-size: 14px;margin-top: 0}
	.s1 .item .hotNews .txt .p{font-size: 14px;margin-top: 5px}
	/* .s1 .item .list ul li{padding: 10px 0 10px 10px} */
	.s1 .item .list ul li a{font-size: 14px;}
	.s1 .item .list ul li em{font-size: 14px;}
	.s1 .item .list ul li span{font-size: 14px;}
	.s1 .item .list ul li:after{width: 4px;height: 4px;margin-top: -2px;}
	.s1 .item-l .newsBox{margin-top: 0}
	.s1 .item-l .newsBox .pic{width: 100%;float: unset;margin-bottom: 15px;}
	.s1 .item-l .list{width: 100%;float: unset;}

	.s1 .item-l{margin-right: 0;margin-bottom: 25px}
}

@media screen and (max-width: 750px){
	.s1 .item .topArea{padding: 15px 0 15px 18px}
}

.s2{padding: 96px 0 90px;background: #f4f4f4}
.s2 .topArea .h{font-size: 24px;color: #333333;font-weight: bold;text-align: center;}
.s2 .topArea .h::after{content: '';display: block;height: 1px;width: 60px;border-bottom: 3px solid #0050b5;margin: 10px auto 0;}
.s2 .CPbox{margin-top: 30px;}
.s2 .CPitem{display: inline-block;width: 20%;height: 250px;box-sizing: border-box;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);background-color: #fff;border:1px solid #EDEDED;padding-top: 38px;float: left;}
.s2 .CPitem .CPpic{display: block; width: 80px;height: 80px;margin: 0 auto;margin-bottom: 20px;background-color: #044ba5;border-radius: 50%;}
.s2 .CPitem .CPtit{color: #333;font-size: 18px;line-height: 20px;font-weight: 400;display: block;text-align: center;margin-bottom: 8px;}
.s2 .CPitem .CPdes{color: #999;font-size: 14px;line-height: 23px;display: block;box-sizing: border-box;padding: 0 30px;text-align: center;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;word-wrap: break-word;-webkit-hyphens: auto;}
.s2 .CPitem:hover{transform: translate(0,-5px);transition-duration: .5s;}
.s2 .c_more{display: block; width: 50px;height: 50px;margin: 30px auto 20px auto;}
.s2 .phone{display: none;}
.s2 .more {font-size: 14px;color: #014689;line-height: 16px;}
.s2 .more img{width: 20px;border: 0;vertical-align: middle;}
@media screen and (max-width: 1640px){
	.s2{padding: .96rem 0 .9rem}
}
@media screen and (max-width: 1280px){
	.s2 .CPitem{width: 25%;}
}

@media screen and (max-width: 1024px){
	.s2 .CPitem{width: 33.3333%;}
}

@media screen and (max-width: 750px){
	.s2 .CPitem{display: block;width: auto; box-sizing: border-box;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);border: 0;position: relative;padding-left: 100px;height: auto;padding-top: 20px;padding-bottom: 20px;padding-right: 20px;float: none;}
	  /*.CPitem:nth-child(1){display: block;}*/
	.s2 .CPitem .CPpic{position: absolute;width: 60px;height: 60px;top: 20px;left: 20px;}
	.s2 .CPitem .CPtit{text-align: left;}
	.s2 .CPitem .CPdes{text-align: left;padding: 0;font-size: 12px;}
	.s2 .onlyPc{display: none !important;}
	.s2 .CPitem+.more{display: block;margin-top: 20px;text-align: center;}
}

.s3{padding: 96px 0 90px;background: #f4f4f4}
.s3 .topArea{position: relative;}
.s3 .topArea .h{font-size: 24px;color: #333333;font-weight: bold;text-align: center;}
.s3 .topArea .h::after{content: '';display: block;height: 1px;width: 60px;border-bottom: 3px solid #0050b5;margin: 10px auto 0;}
.s3 .topArea .topnav{position: absolute;top: 0;right: 0;}
.s3 #arrow-left{background: url(arrow_left.png) no-repeat;background-size: contain;display: block;width: 36px;height: 36px;float: right;margin-right: 10px;transition: all .5s ease;}
.s3 #arrow-right{background: url(arrow_right.png) no-repeat;background-size: contain;display: block;width: 36px;height: 36px;float: right;transition: all .5s ease;}
.s3 #arrow-left:hover{background: url(arrow_left02.png) no-repeat;background-size: contain;}
.s3 #arrow-right:hover{background: url(arrow_right02.png) no-repeat;background-size: contain;}
.s3 .s3-swiper{margin-top: 30px;}
.s3 .s3-swiper .swiper-slide a{display: block;}
.s3 .s3-swiper .swiper-slide .pic{overflow: hidden;padding-bottom: 70%;position: relative;}
.s3 .s3-swiper .swiper-slide .pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display:block;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all .5s;max-width: 100%;object-fit: cover;}
.s3 .s3-swiper .swiper-slide .p{font-size: 16px;color: #333333;text-align: center;margin-top: 20px}
.s3 .s3-swiper .swiper-slide:hover .pic img{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1); }
.s3 .s3-swiper .swiper-slide:hover .p{color: #044ba5}

@media screen and (max-width: 1640px){
	.s3{padding: .96rem 0 .9rem}
}
@media screen and (max-width: 1024px){
	.s3 .topArea .h{font-size: 20px}
}
@media screen and (max-width: 750px){
	.s3 #arrow-left{width: 24px;height: 24px;margin-top: 6px;}
	.s3 #arrow-right{width: 24px;height: 24px;margin-top: 6px}
}

.s3{padding: 70px 0 94px;background: url(bg_03.jpg) no-repeat center center;background-size: cover;}
.s3 .leftArea{float: left;width: 50%;padding-top: 38px;}
.s3 .leftArea .h{font-size: 24px;color: #333333;font-weight: bold;}
.s3 .leftArea .p{font-size: 16px;color: #333333;margin-top: 15px;line-height: 1.8}
.s3 .leftArea .list{margin-top: 50px;}
.s3 .leftArea .list ul li{float: left;width: 25%}
.s3 .leftArea .list ul li:last-child{margin-right: 0}
.s3 .leftArea .list ul li .a{font-size: 50px;color: #2eaa24;font-weight: bold;line-height: 54px;vertical-align: bottom;}
.s3 .leftArea .list ul li .a em{font-size: 18px;display: inline-block;line-height: 18px;}
.s3 .leftArea .list ul li .b{font-size: 18px;color: #666666;}
.s3 .rightArea{float: right;width: 46.73%}
.s3 .rightArea video{width: 100%;height: auto;}
.s3 .rightArea img{width: 100%;height: auto;}

@media screen and (max-width: 1640px){
	.s3{padding: .7rem 0 .94rem}
	.s3 .leftArea{padding-top: .38rem}
	.s3 .leftArea .list{margin-top: .5rem;}
	.s3 .leftArea .list ul li .a{font-size: .5rem;line-height: .54rem}
	.s3 .leftArea .list ul li .a em{font-size: .18rem}
	.s3 .leftArea .list ul li .b{font-size: .18rem}
}
@media screen and (max-width: 1024px){
	.s3 .leftArea{width: 100%;margin-bottom: 20px}
	.s3 .rightArea{width: 100%}
	.s3 .leftArea .h{font-size: 20px;}
	.s3 .leftArea .p{font-size: 14px;}
	.s3 .leftArea .list ul li{width: 50%;text-align: center;margin-bottom: 15px}
	.s3 .leftArea .list ul li .a{font-size: 24px;line-height: 24px}
	.s3 .leftArea .list ul li .a em{font-size: 14px}
	.s3 .leftArea .list ul li .b{font-size: 14px;}
}

.s4{}
.s4 ul li{float: left;width: 20%;height: auto;overflow: hidden;}
.s4 ul li a{display: block;}
.s4 ul li img{width: 100%;height: auto;display:block;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all .5s;max-width: 100%;}
.s4 ul li:hover img{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1); }

@media screen and (max-width: 1024px){
	.s4 ul li{width: 50%}
}
@media screen and (max-width: 750px){

}