/* @font-face {
	font-family: zyyt;
	src: url(../font2/zyyt.TTF);
}
@font-face {
	font-family: sscb;
	src: url(../font2/SOURCEHANSERIFSC-SEMIBOLD.OTF);
} */


@keyframes banrun2{
	0%{top: 10px;}
	50%{top: 0;}
	100%{top: 10px;}
}


.section1{position: relative;}
.banner img{max-width: 100%;display: block;position: relative;
	/* animation: banrun1 5s linear infinite; */
}
.bannerinner{position: absolute;top: 60%;left: 0;width: 100%;transform: translateY(-50%);z-index: 9;
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}
.bannerinner h2{font-size: 72px;color: #fff;font-weight: bold;line-height: 72px;font-style: italic;}
.bannerinner h3{font-size: 36px;color: #fff;line-height: 36px;margin: 26px 0;}
.bannerinner p{font-size: 18px;color: rgba(255,255,255,.3);font-weight: bold;line-height: 36px;text-transform: uppercase;letter-spacing: 4px;}
.bannerinner a{display: inline-block;line-height: 40px;font-size: 16px;color: #fff;margin-top: 70px;}
.bannerinner a::after{content: "";display: block;width: 164px;height: 2px;background: url(../images/bannerlist_03.jpg) center center;background-size: 100% 100%;}
.bannerinner a span{font-size: 20px;display: inline-block;margin-left: 86px;}

.bannerinner a:hover{color: #2176bd;}


.syxh h6{position: absolute;right: 0;bottom: 3%;height: 82px;width: 18.2%;background: url(../images/s1ico_03.png) center center;background-size: 100% 100%;text-align: center;z-index: 2;display: none;}
.syxh h6 span{line-height: 80px;font-size: 30px;color: #fff;animation: banrun2 2s linear infinite;position: relative;}


.sybt{font-size: 0;}
.sybtl,.sybtr{display: inline-block;vertical-align: middle;box-sizing: border-box;width: 50%;}
.sybtl h2{font-size: 36px;color: #fff;line-height: 36px;}
.sybtl h4{font-size: 18px;color: rgba(255,255,255,.3);font-weight: bold;letter-spacing: 4px;margin: 10px 0;text-transform: uppercase;}
.sybtl i{display: block;width: 12px;height: 12px;background: #fff;margin-bottom: 54px;}
.sybtr{text-align: right;}
.sybtr a{display: inline-block;line-height: 40px;font-size: 16px;color: #fff;}
.sybtr a::after{content: "";display: block;width: 100%;height: 2px;background: url(../images/bannerlist_03.jpg) center center;background-size: 100% 100%;}
.sybtr a span{font-size: 20px;display: inline-block;margin-left: 55px;}
.sybtr a:hover{color: #2176bd;}


.section2{padding: 170px 0 140px;background: url(../images/s2bg_02.jpg) center center;background-size: 100% 100%;position: relative;margin-top: -1.46%;}
.section2 ul{font-size: 0;}
.section2 ul li{display: inline-block;vertical-align: top;box-sizing: border-box;width: 32%;margin-right: 2%;margin-bottom: 37px;}
.section2 ul li:nth-of-type(3n){margin-right: 0;}
.section2 ul li{position: relative;border: 1px solid #fff;padding: 25px 0;box-sizing: border-box;font-size: 0;}
.s2_l,.s2_r{display: inline-block;vertical-align: middle;box-sizing: border-box;}
.s2_l{width: 34%;text-align: center;border-right: 1px solid #fff;padding: 45px 0;}
.s2_r{width: 66%;position: absolute;right: 0;top: 50%;padding-left: 50px;padding-right: 20px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}
.s2_l span{font-size: 50px;color: #fff;line-height: 60px;}
.s2_r h3{font-size: 18px;color: #fff;margin-bottom: 10px;}
.s2_r a{font-size: 14px;color: rgba(255,255,255,.5);line-height: 24px;position: relative;padding-left: 10px;display: block;}
.s2_r a::before{content: '';display: block;width: 2px;height: 2px;background: rgba(255,255,255,.5);position: absolute;left: 0;top: 12px;}
.section2 ul li:hover{border: 1px solid #2176bd;border-top-left-radius: 60px;border-bottom-right-radius: 60px;}
.section2 ul li:hover span{color: #2176bd;}
.section2 ul li:hover .s2_l{border-right: 1px solid #2176bd;}
.section2 ul li:hover h3{color: #2176bd;}
.section2 ul li a:hover{color: #fff;}
.section2 ul li a:hover::before{background: #fff;}
.s2more a{position: absolute;left: 0;bottom: 0;width: 100%;background: #2176bd;text-align: center;display: block;color: #fff;}
.s2more a span{line-height: 52px;font-size: 40px;}
.s2more a:hover{background: #fff;color: #2176bd;}


.section3{position: relative;padding: 140px 0 200px;background: url(../images/s3bg_02.jpg) center center;background-size: 100% 100%;}
.section3 .sybtl h2{color: #333333;}
.section3 .sybtl h4{color: rgba(51,51,51,.3);}
.section3 .sybtl i{background: #217bc1;}
.section3 ul{font-size: 0;}
.section3 ul li{display: inline-block;vertical-align: top;box-sizing: border-box;width: 23.5%;margin-right: 2%;}
.section3 ul li:last-of-type{margin-right: 0;}
.section3 ul li a{position: relative;display: block;padding: 108px 50px 120px;box-sizing: border-box;background: #fff;box-shadow: 0 0 10px 3px #d6dadf;}
.section3 ul li a h5,.section3 ul li a h6{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.section3 ul li a h5 img,.section3 ul li a h6 img{width: 100%;height: 100%;}
.section3 ul li a h5{z-index: 2;opacity: 0;}
.section3 ul li a h6{z-index: 3;opacity: .1;}
.section3 ul li a>img{position: relative;z-index: 4;margin-bottom: 28px;}
.section3 ul li a h3,.section3 ul li a p{position: relative;z-index: 4;}
.section3 ul li a h3{font-size: 24px;color: #121e33;}
.section3 ul li a h3::after{content: '';display: block;width: 13px;height: 1px;background: #194494;margin: 38px 0;}
.section3 ul li a p{font-size: 14px;color: rgba(51,51,51,.6);line-height: 24px;height: 96px;}
.section3 ul li a:hover h5{opacity: 1;}
.section3 ul li a:hover h6{opacity: .3;}
.section3 ul li a:hover h3{color: #fff;}
.section3 ul li a:hover h3::after{background: #a2d828;}
.section3 ul li a:hover p{color: rgba(255,255,255,.6);}


.section4{position: relative;padding: 140px 0 190px;background: #e9eef4;}
.section4 .sybtl h2{color: #333333;}
.section4 .sybtl h4{color: rgba(51,51,51,.3);}
.section4 .sybtl i{background: #217bc1;}
.section4 .sybtr a{color: #121e33;}
.section4 .sybtr a::after{background: url(../images/s4btr_03.jpg) center center;background-size: 100% 100%;}
.section4 ul{font-size: 0;}
.section4 ul li{display: inline-block;vertical-align: top;box-sizing: border-box;width: 19.92%;margin-right: 0.1%;margin-bottom: 1px;}
.section4 ul li:nth-of-type(5n){margin-right: 0;}
.section4 ul li a{display: block;position: relative;}
.section4 ul li a img{width: 100%;}
.section4 ul li a .s4txt{position: absolute;bottom: 15%;left: 0;width: 100%;text-align: center;z-index: 2;}
.section4 ul li a .s4txt{position: absolute;bottom: 15%;left: 0;width: 100%;text-align: center;}
.section4 ul li a .s4txt span{font-size: 50px;color: #fff;line-height: 50px;margin-bottom: 24px;display: block;opacity: 0;}
.section4 ul li a .s4txt h3{font-size: 18px;color: #fff;}
.section4 ul li a .s4txt h4{font-size: 16px;color: rgba(255,255,255,.4);text-transform: uppercase;letter-spacing: 4px;margin-left: 4px;}
.section4 ul li a::before{content: '';display: block;width: 0;height: 0;background: rgba(33,118,189,.9);position: absolute;top: 50%;left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
}
.section4 ul li a::after{content: '';display: block;width: 100%;height: 100%;background: rgba(0,0,0,.2);position: absolute;top: 50%;left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
}
.section4 ul li a:hover::before{height: 100%;width: 100%;}
.section4 ul li a:hover span{opacity: 1;}
.section4 ul li a:hover::after{width: 0;height: 0;}


.section5{padding: 154px 0 140px;background: url(../images/s5bg_02.png) center center;background-size: 100% 100%;position: relative;margin-top: -46px;font-size: 0;z-index: 2;}
.section5 .sybtr a{color: #121e33;}
.section5 .sybtr a::after{background: url(../images/s4btr_03.jpg) center center;background-size: 100% 100%;}
.section5_l,.section5_r{display: inline-block;vertical-align: middle;box-sizing: border-box;}
.section5_l{width: 24%;}
.section5_r{width: 76%;}
.section5_r ul{font-size: 0;}
.section5_r ul li{display: inline-block;vertical-align: top;box-sizing: border-box;margin-right: 2%;width: 32%;margin-bottom: 20px;}
.section5_r ul li:nth-of-type(3n){margin-right: 0;}
.section5_r ul li a{display: block;position: relative;}
.section5_r ul li a img{width: 100%;}
/* .section5_r ul li:first-of-type{width: 67%;}
.section5_r ul li:nth-of-type(2){width: 32%;margin-right: 0;}
.section5_r ul li:nth-of-type(3),.section5_r ul li:nth-of-type(4){margin-top: -22.6%;width: 33%;}
.section5_r ul li:nth-of-type(4){margin-right: 0;} */
.section5_r ul li a h3{position: absolute;font-size: 16px;color: #fff;bottom: 0;left: 0;width: 100%;text-align: center;line-height: 50px;background: rgba(33,118,189,.9);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
}
.section5_r ul li:nth-of-type(4),.section5_r ul li:nth-of-type(5),.section5_r ul li:nth-of-type(6){margin-bottom: 0;}
.section5_r ul li a::before{content: '';display: block;width: 0;height: 0;background: rgba(33,118,189,.9);position: absolute;top: 50%;left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
}
.section5_r ul li a:hover::before{height: 100%;width: 100%;}
.section5_r ul li a:hover h3{background: none;}
.section5_l h3{position: relative;font-size: 16px;color: #fff;line-height: 44px;border: 1px solid rgba(255,255,255,.22);border-radius: 8px;width: 185px;padding-left: 36px;box-sizing: border-box;
	margin-bottom: 10px;cursor: pointer;
}
.section5_l h3:last-of-type{margin-bottom: 0;}
.section5_l h3 span{position: absolute;top: 50%;right: 20px;opacity: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}
.section5_l h3.ac{width: 254px;background: #2176bd;border: 1px solid #2176bd;}
.section5_l h3.ac span{opacity: 1;}
.s5txt{display: none;}
.s5txt.ac{display: block;}

.section6{position: relative;padding: 182px 0 110px;margin-top: -46px;background: url(../images/s6bg_02.jpg) center center;background-size: 100% 100%;}
.section6 ul{font-size: 0;}
.section6 ul li{display: inline-block;vertical-align: top;box-sizing: border-box;width: 18.8%;margin-right: 1.5%;margin-bottom: 20px;}
.section6 ul li:nth-of-type(5n){margin-right: 0;}
.section6 ul li a{display: block;position: relative;overflow: hidden;}
.section6 ul li a img{width: 100%;}
.section6 ul li a:hover img{
	transform: scale(1.1);
}

.section7{padding: 115px 0;position: relative;background: url(../images/s7bg_02.jpg) center center;background-size: 100% 100%;}
.s7tlist{display: none;margin-bottom: 60px;}
.s7tlist.ac{display: block;}
.s7b{font-size: 0;position: relative;}
.s7b a{display: inline-block;vertical-align: top;box-sizing: border-box;width: 32%;margin-right: 2%;padding: 60px 30px;box-sizing: border-box;background: rgba(33,118,189,.4);}
.s7b a h3{font-size: 20px;line-height: 32px;height: 64px;color: #fff;}
.s7b a:last-of-type{margin-right: 0;}
.s7t{font-size: 0;}
.s7tr{width: 50%;margin-left: 50%;text-align: right;padding-right: 156px;box-sizing: border-box;}
.s7tr h3{font-size: 30px;color: #fff;line-height: 48px;margin-bottom: 10px;text-align: left;width: 90%;}
.s7tr h4{font-size: 14px;color: rgba(255,255,255,.6);position: relative;}
.s7tr h4::before{content: '';display: inline-block;vertical-align: middle;width: 140px;height: 1px;background: rgba(255,255,255,.2);margin-right: 16px;}
.s7tl{position: absolute;bottom: 0;left: 18%;width: 31.7%;}
.s7tl img{width: 100%;}
.s7b a.ac{background: rgba(33,118,189,.9);}