/*轮播图*/

.clickmore{display: block;width: 160rem;height: 40rem;line-height: 40rem;text-align: center;color: #fff;font-size: 16rem;background-color: #16337a;margin: 0 auto}
.s1{background-color: #f2f2f2;padding: 80rem 0 100rem;overflow: hidden;}
.s1box{margin-top: 25rem}
.s1box .hd {margin-bottom: 50rem}
.s1box .hd ul{display: flex;justify-content: space-around;align-items:center;border-bottom: 1rem solid #e5e5e5;}
.s1box .hd ul li{height: 80rem;line-height: 80rem;position: relative;}
.s1box .hd ul li.on:after{content: "";position: absolute;width: 110%;height: 3rem;left: -5%;bottom: -2rem;background-color: #16337a}
.s1box .hd ul li a{display: block;width: 100%;height: 100%;font-size: 18rem;color: #333333}
.s1box .hd ul li.on a{font-weight: bold;color: #16337a}
.s1List li{background-color: #fff}
.s1List li a{display: block;width: 100%;height: 100%}
.s1List li .s1pic{overflow: hidden;}
.s1List li .s1pic img{transform: scale(1.11);transition: all 2s;-moz-transition: all 2s;-webkit-transition: all 2s;-o-transition: all 2s;}
.s1List li .s1txt{border-top: 1rem solid #eee;box-sizing:border-box;padding:40rem 30rem 60rem;position: relative;}
.s1List li .s1txt p:first-child{font-size: 18rem;color: #0c0c0c;font-weight: bold;}
.s1List li .s1txt p:nth-child(2){font-size: 16rem;color: #666666;line-height: 2;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; line-clamp: 2;-webkit-box-orient: vertical;margin-top: 20rem}
.s1List li .s1txt>div{position: absolute;width: 45rem;height: 45rem;background: url(../images/i4.png) no-repeat;background-position: center center;background-color: #16337a;right: 0;bottom: 0;-webkit-transition: all .5s;-moz-transition: all  .5s;-o-transition: all  .5s;transition: all  .5s;}
.s1List li:hover .s1pic img{transform: scale(1);}
.s1List li:hover .s1txt>div{background-color: #f38001}
.s2{padding: 80rem 0;overflow: hidden;}
.s2List{margin-top: 80rem;display: flex;justify-content: flex-start;align-items:flex-start;}
.s2List li{width: 10%;overflow: hidden;position: relative;height: 570rem;}
.s2List li .zz{width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(0,0,0,.7);position: absolute;}
.s2box{display: flex;align-items:center;width: 100%;height: 100%;box-sizing:border-box;padding: 0 45rem;position: absolute;left: 0;top: 0}
.s2Info{display: none;}
.s2Info img:first-child{width: 40rem}
.s2Info p:nth-child(2){font-size: 28rem;color: #ffffff;margin: 15rem 0 20rem;}
.s2Info p:nth-child(3){font-size: 16rem;color: #ffffff;line-height: 2;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 4; line-clamp: 4;-webkit-box-orient: vertical;}
.s2Info a:nth-child(4){display: block;width: 140rem;height: 40rem;border-radius: 40rem;border:1rem solid #fff;line-height: 40rem;text-align: center;color: #fff;font-size: 14rem;margin-top: 20rem}
.s2Title{font-size: 24rem;color: #fff}
.s2List li:first-child {width: 30%}
.s2List li:first-child .zz{background-color: rgba(22,51,122,.8);}
.s2List li:first-child .s2Info{display: block;}
.s2List li:first-child .s2Title{display: none;}
.s3{padding-bottom: 80rem;overflow: hidden;}
.s3List{margin-top: 80rem}
.s3List li{display:flex;background-color: #f2f2f2;align-items:center;width: 100%!important}
.s3List .s3Pic{width: 57%}
.s3List .s3Pic img{width: 100%}
.s3List .s3Txt{width: 43%;box-sizing:border-box;padding:45rem}
.s3List .s3Txt p:first-child{font-size: 24rem;color: #333333;font-weight: bold;}
.s3List .s3Txt p:nth-child(2){margin: 20rem 0;font-size: 16rem;color: #666666;line-height: 2;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3; line-clamp: 3;-webkit-box-orient: vertical;}
.s3List .s3Txt a:last-child{display: block;width: 140rem;height: 40rem;text-align: center;line-height: 40rem;color: #16337a;font-size: 16rem;border:1px solid #16337a;}
.s3List .swiper-scrollbar{position: relative;margin-top: 80rem;opacity: 1!important;height: 8rem;border-radius: 8rem;background-color: #e5e5e5;width: 100%;left: 0}
.s3List .swiper-scrollbar .swiper-scrollbar-drag{background-color: #16337a}
.s4{padding: 80rem 0;background-color: #f2f2f2;overflow: hidden;}
.s4box{margin: 40rem 0 50rem}
.s4box .hd{margin-bottom: 45rem}
.s4box .hd ul{font-size: 0;text-align: center;}
.s4box .hd ul li{display: inline-block;vertical-align: middle;font-size: 18rem;margin: 0 20rem;t}
.s4box .hd ul li a{color: #333}
.s4box .hd ul li.on a{color: #16337a;font-weight: bold;}
.s4Listbox{display: flex;justify-content: space-between;align-items:flex-start;}
.s4list_1 {width: 62%;}
.s4list_1 li{display: inline-block;vertical-align: top;width: 48%;}
.s4list_1 li a{display: block;width: 100%;height: 100%}
.s4list_1 li:last-child{margin-left: 4%}
.s4li_1_pic{overflow: hidden;}
.s4li_1_pic img{transform: scale(1.11);transition: all 2s;-moz-transition: all 2s;-webkit-transition: all 2s;-o-transition: all 2s;}
.s4list_1 li:hover .s4li_1_pic img{transform: scale(1);}
.s4li_1_txt{margin-top: 45rem}
.s4li_1_txt p:first-child{font-size: 24rem;color: #0c0c0c;}
.s4li_1_txt p:nth-child(2){font-size: 16rem;color: #666666;line-height: 2;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; line-clamp: 2;-webkit-box-orient: vertical;margin-top: 20rem}
.s4list_2 {width: 35%}
.s4list_2 li{margin-bottom: 30rem;}
.s4list_2 li:last-child{margin-bottom: 0}
.s4list_2 li a{display: block;width: 100%;height: 100%}
.s4list_2 li p:first-child{font-size: 24rem;color: #0c0c0c}
.s4list_2 li p:nth-child(2){font-size: 16rem;color: #666666;line-height: 2;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; line-clamp: 2;-webkit-box-orient: vertical;margin-top: 15rem}
.s5{padding: 80rem 0;overflow: hidden;}
.s5List{margin: 60rem 0}
.s5List li{overflow: hidden;}
.s5List li a{display: block;width: 100%;height: 100%}
.s5List li img{transform: scale(1.11);transition: all 2s;-moz-transition: all 2s;-webkit-transition: all 2s;-o-transition: all 2s;}
.s5List li:hover img{transform: scale(1);}
/*手机端*/
@media only screen and (max-width: 982px) {
  	
	.s1box .hd li:nth-child(n+4){display: none;}
	.s1box .bd .s1List:nth-child(n+6){display: none;}
	.s1box .hd ul li a{font-size: 24rem}
	.s1List li .s1txt p:first-child{font-size: 22rem}
	.s1List li .s1txt p:nth-child(2){font-size: 20rem}
	.s2List li:nth-child(n+6){display: none;}
	.s2List li{width: 17.5%}
	.s2List li:first-child {width: 30%}
	.s2box{padding: 0 25rem}
	.s2Info p:nth-child(2){font-size: 30rem}
	.s2Info p:nth-child(3){font-size: 22rem;-webkit-line-clamp: 3;line-clamp: 3;}
	.s2Info a:nth-child(4){width: 80%;height: 40rem;line-height: 40rem;font-size: 22rem}
	.s4Listbox{flex-wrap:wrap;}
	.s4box .hd ul li{font-size: 24rem}
	.s4list_1{width: 100%;margin-bottom: 30rem}
	.s4list_2{width: 100%}
	.s4li_1_txt p:first-child{font-size: 28rem}
	.s4li_1_txt p:nth-child(2){font-size: 20rem}
	.s4list_2 li p:first-child{font-size: 28rem;}
	.s4list_2 li p:nth-child(2){font-size: 20rem}
	.clickmore{width: 200rem;height: 60rem;line-height: 60rem;font-size: 26rem}
}