@font-face { 
	font-family:SourceHanSansCN-Regular; 
	src: url(font/SourceHanSansCN-Regular.otf); 
}
@font-face { 
	font-family:SourceHanSansCN-Bold; 
	src: url(font/SourceHanSansCN-Bold.otf); 
}
@font-face { 
	font-family:SourceHanSansCN-Medium; 
	src: url(font/SourceHanSansCN-Medium.otf); 
}
@font-face { 
	font-family:Alibaba-PuHuiTi-Regular; 
	src: url(font/Alibaba-PuHuiTi-Regular.ttf); 
}
@font-face { 
	font-family:Alibaba-PuHuiTi-Medium; 
	src: url(font/Alibaba-PuHuiTi-Medium.ttf); 
}
@font-face { 
	font-family:Alibaba-PuHuiTi-Bold; 
	src: url(font/Alibaba-PuHuiTi-Bold.ttf); 
}
@font-face { 
	font-family:AlimamaShuHeiTi-Bold; 
	src: url(font/AlimamaShuHeiTi-Bold.ttf); 
}
.apR{font-family:Alibaba-PuHuiTi-Regular;  }
.apM{font-family:Alibaba-PuHuiTi-Medium;  }
.apB{font-family:Alibaba-PuHuiTi-Bold;   }
.shB{font-family:SourceHanSansCN-Bold; }
.shM{font-family:SourceHanSansCN-Medium;  }
.asB{font-family:AlimamaShuHeiTi-Bold; }

body{ font-size:12px; line-height: 1.5; color: #666;font-family:SourceHanSansCN-Regular,"\5FAE\8F6F\96C5\9ED1";overflow-x: hidden; }
a{ text-decoration:none; transition:all 0.3s}
a:hover{ text-decoration:none;}
input,button,textarea{outline: none;font-family:SourceHanSansCN-Regular; }
input:-ms-input-placeholder,textarea:-ms-input-placeholder {   color: #666;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder  {   color: #666}
.wrap{max-width: 1200px;width: 100%; margin: 0 auto;box-sizing: border-box; position: relative; }
.imgbox{text-align: center;}
.imgbox img{max-width: 100%;vertical-align: top;}
*::-webkit-scrollbar {
	width: 5px;
	background-color: #E4E4E4;
}
*::-webkit-scrollbar-thumb {
	background-color: #00359B;
	border-radius: 8px;
    width: 1px;
}
	

.lan{color: #00359B!important;}


.banner{position: relative;}
.banbg{width: 100%;vertical-align: top;position: relative;z-index: 1;min-height: 350px;}
.banm{width: 100%;position: absolute;left: 0;top: 21%; z-index: 2;box-sizing: border-box;padding: 0 20%;}      
.bantxt{box-shadow: 5px 5px 9px 0px rgba(99,149,225,0.59);border-radius: 30px;border: 2px solid #fff;width: 372px;height: 56px;font-size: 26px;color: #fff;}
.img1{margin: 68px 0 8px;max-width: 100%;}
.logo{max-width: 100%;}
.icon3a{width: 100%;height: 70px;position: absolute;left: 0;bottom: 0;z-index: 1;}
.icon3a::before{content: '';display: inline-block;width: calc((100% - 1200px)/2);height: 100%;position: absolute;left: 0;top: 0;background: url(../images/icon3aa.png) repeat-x;}
.icon3a::after{content: '';display: block;width: 1200px;height: 100%;margin: 0 auto;background: url(../images/icon3a.png) no-repeat right center;background-size: auto 100%;}

.nav{width: 100%;height: 70px;position: absolute;right: 0;bottom: -32px;z-index: 5;}
.nav::before{content: '';display: inline-block;width: calc((100% - 1200px)/2);height: 100%;position: absolute;right: 0;top: 0;background: #ECF3FE;}
.navm{width: 1200px;max-width: 100%; margin: 0 auto;height: 70px;position: relative;z-index: 5;background: url(../images/icon3b.png) no-repeat left center;background-size: auto 100%;}
.navm li{margin: 0 15px;}
.navm li a{padding: 0 20px;position: relative;}
.navm li a span{color: #112E66;font-size: 18px;line-height: 40px;transition: all 0.3s;position: relative; z-index: 2;}
.navm li a:hover span,.navm li a.now span{color: #fff;}
.navm li a::before{content: '';display: inline-block;width: 100%;height: 100%;position: absolute;left: 0;bottom: 0;background: linear-gradient(263deg, #00359B, #006CB9);border-radius: 4px;opacity: 0;transition: all 0.3s;}
.navm li a:hover::before,.navm li a.now::before{opacity: 0.9;}


.bg{background: url(../images/bg.jpg) no-repeat center bottom;background-size: 100% auto;}
.sy1{padding: 55px 0 75px;position: relative;}
.sy1l{position: relative; z-index: 3;}
.sy1lm{width: 590px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.sy1lm::before{content: '';display: inline-block;width: 350px;height: 265px;background: url(../images/icon1.png) no-repeat center center;position: absolute;left: -74px;top: 136px;}
.sy1lm img{width: 100%;vertical-align: top;position: relative; z-index: 1;}
.sy1lm h2{width: calc(100% - 40px);height: 60px;background: linear-gradient(263deg, #00359B, #006CB9);border-radius: 30px 0 30px 0;position: absolute;right: 0;bottom: -28px; z-index: 2;box-sizing: border-box;padding: 0 50px 0 20px;}
.sy1lm h2 span{color: #fff;font-size: 18px;}
.sy1lm h2::before{content: '';display: inline-block;width: 28px;height: 20px;background: url(../images/icon1b.png) no-repeat center center;position: absolute;top: 10px;right: 12px;}
.sy1r{width: 644px;position: relative; z-index: 1;background: url(../images/img2b.png) no-repeat center center;background-size: cover;padding: 44px 30px 40px 67px;box-sizing: border-box;height: 475px;border-radius: 50px 0 0 0;overflow: hidden;}
.sy1rt h2 a{color: #333;font-size: 26px;line-height: 32px;}
.sy1rt h2 a:hover{color: #00359B;}
.sy1rt p{text-indent: 2em;color: #666;font-size: 14px;line-height: 24px;margin: 10px 0 0;}
.sy1rt p a{display: inline;}
.sy1rb{margin: 10px 0 0;border-top: 1px solid #e6e6e6;padding: 20px 3px 0;}
.sy1rb li a{color: #333;font-size: 16px; line-height: 36px;}
.sy1rb li a:hover{color: #00359B;}
.sy1rb ul{padding-bottom: 20px;}

.title{width: 672px;margin: 0 auto;}
.bttxt1{color: #00359B;font-size: 46px;line-height:1;font-style: italic;}
.btr{width: 188px;margin-left: 4px;position: relative; z-index: 2;}
.btr p{text-align: right;color: #00359B;font-size: 14px;line-height: 16px;padding-bottom: 2px;font-style: italic;}
.btr h2{background: url(../images/icon3.png) no-repeat center center;height: 50px;color: #fff;font-size: 36px;font-style: italic;text-align: center;line-height: 50px;}
.title::before{content: '';display: inline-block;width: 100%;height: 1px;background: #00359B;position: absolute;bottom: 14px;left:0; z-index: 1;}
.line{position: absolute;}
.line b{width: 7px;height: 7px;border-radius: 50%;border: 1px solid #00359B;box-sizing: border-box;}
.line span{width: 105px;height: 1px;background: #00359B;}
.linel{left: -47px;bottom: 2px;}
.liner{right: -47px;bottom: 20px;}
.more2{width: 112px;height: 30px;background: url(../images/more2.png) no-repeat right 7px center;position: absolute;right: -47px;bottom: 24px;}
.title2{width: 100%;}
.title2::before{width: calc(100% - 43px);}
.title2 .liner{right: -6px;}
.title2 .more2{right: -6px;}
.title3{width: 100%;}
.title3::before{width: calc(100% - 50px);bottom: -10px;}
.title3 .liner{right: 0;bottom: 0;}
.back{width: 112px;height: 30px;background: url(../images/back.png) no-repeat right 7px center;position: absolute;right:0;bottom: 7px;}

.sy2m{margin: 38px 0 0;}
.sy2m li{width: calc((100% - 20px)/2);margin: 0 20px 20px 0;background: url(../images/icon2.png) no-repeat center center;background-size: cover;padding: 10px;box-sizing: border-box;}
.sy2m li:nth-child(2n){margin-right: 0;}
.sy2ml{width: 290px;height: 180px;position: relative;}
.sy2ml img{width: 100%;vertical-align: top;height: 100%;position: relative; z-index: 1;}
.sy2ml::before{content: '';display: inline-block;width: 66px;height: 66px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);margin-top: 10px;background: url(../images/icon2b.png) no-repeat center center;z-index: 2;}
.sy2mr{width: calc(100% - 290px - 18px);padding: 14px 0 0;}
.sy2mr span{background: #DBE9FF;line-height: 24px;font-size: 16px;padding: 0 10px;}
.sy2mr h2 a{color: #333;font-size: 18px;margin: 5px 0;}
.sy2mr h2 a:hover{color: #00359B;}
.sy2mr b{font-weight: normal;color: #666;font-size: 14px;}
.sy3{padding: 75px 0 65px;}
.sy3m{margin: 35px 0 0;}
.sy3m li{width: calc((100% - 60px)/4);margin: 0 20px 30px 0;background: #f7f7f7;box-shadow: 0px 2px 16px 0px rgba(0,0,0,0.1);}
.sy3m li a{width: 100%;vertical-align: top;}
.sy3mt{position: relative;}
.sy3mt img{width: 100%;vertical-align: top;height: 170px;z-index: 1;}
.sy3mt::before{content: '';display: inline-block;width: 66px;height: 66px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);margin-top: 10px;background: url(../images/icon2b.png) no-repeat center center;z-index: 2;}
.sy3m li h2{text-align: center;line-height: 50px;color: #333;font-size: 16px;}
.sy3m li h2:hover{color: #00359B;}
.sy3m li:nth-child(4n){margin-right: 0;}
.sy4{padding: 0 0 70px;}
.sy4l{width: 657px;}
.sy4lt{padding: 30px 0;}
.sy4ltl{width: 200px;height: 142px;position: relative;}
.sy4ltl img{width: 100%;height: 142px;border-radius: 0 10px 0 10px;position: relative;z-index: 2;}
.sy4ltl::before{content: '';display: inline-block;width: 100%;height: 100%;border-radius: 0 10px 0 10px;background: #DDF0FD;position: absolute;left: 10px;top: 10px;z-index: 1;}
.sy4ltr{width: calc(100% - 200px - 30px);}
.sy4ltr h2{color: #333;font-size: 18px;margin-bottom: 5px;}
.sy4ltr p{color: #666;font-size: 14px;line-height: 20px;}
.sy4lt:hover h2{color: #00359B;}
.sy4lb li{border-top: 1px solid #E6E6E6;padding: 30px 0;}
.sy4lb li h2{color: #333;font-size: 18px;margin-bottom: 5px;}
.sy4lb li p{color: #666;font-size: 14px;line-height: 24px;}
.sy4lb li h2:hover{color: #00359B;}
.sy4r{width: 467px;}
.sy4rm{margin: 10px 0 0;}
.sy4rm li{border-bottom: 1px solid #E6E6E6;padding: 15px 0;}
.sy4rm li a{max-width: calc(100% - 90px);line-height: 30px;color: #333;font-size: 18px;}
.sy4rm li span{color: #999;font-size: 14px;}
.sy4rm li:last-child{border: none;}
.bg2{background: url(../images/bg2.png) no-repeat center center;background-size: cover;}
.footert{padding: 50px 0;}
.footert ul{padding: 15px 0 0;}
.footert li span{color: #fff;font-size: 14px;line-height: 24px;}
.footert li span:nth-child(1){width: 345px;}
.footert li span:nth-child(2){margin-left: 70px;}        
.footerb{border-top: 1px solid #142866;color: #8894B8;font-size: 14px;text-align: center;line-height: 1;padding: 25px 0;}
.lbox{padding: 100px 0 150px;}
.lbm{margin: 30px 0 80px;}
.lbm li{border-bottom: 1px solid #e6e6e6;padding: 30px 0;}
.lbm li span{color: #808080;font-size: 15px;}
.lbm li a{max-width: calc(100% - 80px);color: #333;font-size: 18px;}
.lbm li:hover a{color: #00359B;}
.xqbox{padding: 100px 0 120px;}
.xqt{border-bottom: 1px solid #e6e6e6;padding-bottom: 25px;}
.xqt h2{font-size: 40px;margin-bottom: 18px;}
.icon4a{background: url(../images/icon4a.png) no-repeat left center;font-size: 16px;padding-left: 22px;}
.icon4b{background: url(../images/icon4b.png) no-repeat left center;font-size: 16px;padding-left: 23px;margin-left: 30px;}
.xqm{color: #333;font-size: 18px;line-height: 30px;font-family:Alibaba-PuHuiTi-Regular; padding: 30px 0 60px;}
.xqm img{max-width: 100%;}
.xqm span,.xqm b{display: inline;}
.xqb li{max-width: 50%;}
.xqb li a{color: #666;font-size: 14px;}
.xqb li a:hover{color: #00359B;}

.page .layui-laypage a,.page .layui-laypage span,.page2 .layui-laypage a,.page2 .layui-laypage span{margin: 0 4px;}
.layui-laypage{display: flex;flex-direction: row;margin: 0;}
.layui-laypage a, .layui-laypage button, .layui-laypage input, .layui-laypage select, .layui-laypage span{border:none;height: 40px;text-align: center;width: 40px;padding: 0;border-radius: 6px!important;color: #333;font-size: 14px;overflow: hidden;display: flex;flex-direction: column;justify-content: center; align-items: center;background: #f7f7f7;font-family:Alibaba-PuHuiTi-Regular;}
/* .layui-laypage-prev,.layui-laypage-next{width: 80px!important;} */
/* .layui-laypage-skip{width: auto!important;display: flex;justify-content: center;align-items: center;height: 37px!important;;line-height: 37px!important;;font-size: 0!important;;}
.layui-laypage-count{width: auto!important;}
.page .layui-input,.page .layui-laypage-btn{width: 64px!important;box-sizing: border-box;} */
/* .layui-laypage>a:first-child, .layui-laypage>a:first-child em,.layui-laypage>a:last-child, .layui-laypage>a:last-child em{border-radius: 4px;} */
.layui-laypage a:hover{background: #f2f2f2;color: #333;}
.layui-laypage-prev{margin-right: 12px!important;width: auto!important;padding: 0 18px!important;}
.layui-laypage-next{margin-left: 12px!important;width: auto!important;padding: 0 18px!important;} 

	
	.phflexshow,.phblockshow{display: none;}
	.pcblockshow{display: block;}
	.pcflexshow{display: flex;}
	
	@media screen and (max-width:1920px){
		
		
	}
	
	
	@media screen and (max-width:1701px){
		
		
		
	}
	@media screen and (max-width:1550px){
		
	} 
	
	@media screen and (max-width:1461px){	
		.wrap{padding: 0 15px;}
	
		
	} 
	
	@media screen and (max-width:1368px){	
		
	
	} 
	@media screen and (max-width:1280px){
		
		.sy1l{width: 100%;box-sizing: border-box;padding: 0 0 30px 67px;}
		.sy1lm{position: relative;}
		.sy1r{width: 100%;}
		.sy4l{width: 100%;}
		.sy4r{width: 100%;margin: 30px 0 0;}
	
	}
	@media screen and (max-width:1100px){
		
		.img1{margin: 35px 0 5px;}
		.navm li{margin: 0 10px;}
		.navm li a{padding: 0 10px;}
	}
	@media screen and (max-width:960px){
		.bantxt{border-width: 1px;width: 190px;height: 35px;font-size: 14px;}
		.img1{margin: 30px 0 10px;}
		.banm{padding: 0 10%;top: 15%;}		
		.icon3a{height: 50px;}
		.icon3a::before{display: none;}
		.icon3a::after{width: 80%;background-size: cover;display: inline-block;}
		.nav{height: 50px;bottom: -25px;display: flex;justify-content: flex-end;}
		.nav::before{display: none;}
		.navm{overflow: auto;height: 50px;background-size: cover;width: 95%;display: inherit;margin: inherit;}
		.navm::-webkit-scrollbar{display: none;}
		.navm ul{width: 750px;}
		.navm li{margin: 0 5px;}
		.navm li a span{font-size: 16px;line-height: 35px;}



	
	.page .layui-laypage a,.page .layui-laypage span{margin: 0 4px;}
	.layui-laypage a, .layui-laypage button, .layui-laypage input, .layui-laypage select, .layui-laypage span{height: 30px;width: 30px;border-radius: 2px;font-size: 14px;}
	.layui-laypage-prev{margin-right: 15px!important;}
	.layui-laypage-next{margin-left: 15px!important;} 
	} 
	@media screen and (max-width:760px){
.xqbox{padding: 50px 0 60px;}
.xqt{padding-bottom: 15px;}
.xqt h2{font-size: 20px;margin-bottom: 10px;}
.icon4a{background-size: 15px auto; font-size: 13px;padding-left: 18px;}
.icon4b{background-size: 15px auto; font-size: 13px;padding-left: 20px;margin-left: 20px;}
.xqm{font-size: 15px;padding: 15px 0 30px;}
.xqb li{max-width: 100%;margin: 5px 0;}
.logo2{height: 35px;}
.footert{padding: 25px 0;}
.footert li span{font-size: 13px;text-align: center;width: 100%;}
.footert li span:nth-child(1){width: 100%;}
.footert li span:nth-child(2){margin-left: 0;} 
.footerb{font-size: 12px;padding: 15px 0;}
.lbox{padding: 50px 0 70px;}
.bttxt1{font-size: 24px;}
.line span{width: 55px;}
.back{background-size: 70px auto;background-position: right center;bottom: 3px;}
.lbm{margin: 15px 0 40px;}	
.lbm li{padding: 15px 0;}
.lbm li span{font-size: 12px;}
.lbm li a{font-size: 14px;}
.sy1{padding: 25px 0 35px;}
.sy1l{padding: 0 0 20px 0;}
.sy1lm{width: 100%;top: inherit;transform: inherit;}
.sy1lm::before{width: 175px;height: 135px;background-size: cover;left: -15px;top: 125px;}
.sy1lm h2{width: calc(100% - 20px);height: 40px;border-radius: 15px 0 15px 0;bottom: -14px; padding: 0 30px 0 10px;}
.sy1lm h2 span{font-size: 15px;}
.sy1lm h2::before{width: 14px;height: 10px;background-size: cover; top: 5px;right: 6px;}
.sy1r{width: 100%;padding: 20px 15px 20px 20px;height: auto;border-radius: 25px 0 0 0;}
.sy1rt h2 a{font-size: 18px;line-height: 30px;}
.sy1rt p{margin: 5px 0 0;}
.sy1rb{padding: 10px 3px 0;}
.sy1rb li a{font-size: 14px; line-height: 25px;}
.more1{height: 30px;}
.sy2m li{width: 100%;margin: 0 0 20px 0;}
.sy2ml{width: 145px;height:auto;position: relative;}
.sy2ml img{height: auto;min-height: 100px;}
.sy2ml::before{width: 40px;height: 40px;margin-top: 0px;background-size: cover;}
.sy2mr{width: calc(100% - 145px - 10px);padding:0;}
.sy2mr span{font-size: 15px;}
.sy2mr h2 a{font-size: 16px;}
.title{width: 80%;}
.btr{width: 160px;}
.btr p{font-size: 12px;}
.btr h2{height: 30px;font-size: 20px;line-height: 30px;background-size: 100% 100%;}
.more2{width: 62px;background-size: 62px auto;background-position: right center;}
.sy3{padding: 35px 0 30px;}
.sy3m{margin: 25px 0 0;}
.sy3m li{width: calc((100% - 15px)/2); margin: 0 15px 25px 0;}
.sy3m li:nth-child(2n){margin-right: 0;}
.sy3mt img{height: auto;min-height: 100%;}
.sy3mt::before{width: 40px;height: 40px;margin-top: 0px;background-size: cover;}
.sy3m li h2{line-height: 40px;font-size: 14px;}
.sy4{padding: 0 0 30px;}
.sy4lt{padding: 15px 0;}
.sy4ltl{width: 150px;height: auto;}
.sy4ltl img{height: auto;border-radius: 0 5px 0 5px;}
.sy4ltl::before{left: 5px;top: 5px;border-radius: 0 5px 0 5px;}
.sy4ltr{width: calc(100% - 150px - 15px);}
.sy4ltr h2{font-size: 16px;}
.sy4ltr p{font-size: 13px;}
.sy4lb li{padding: 15px 0;}
.sy4lb li h2{font-size: 16px;}
.sy4lb li p{font-size: 13px;}
.sy4rm li{padding: 10px 0;}
.sy4rm li a{max-width: calc(100% - 80px);font-size: 16px;}
.sy4rm li span{font-size: 12px;}


}
	
	[data-animate] {
		opacity: 0
	}
	[data-animate].animate__animated {
		opacity: 1
	}