#tou{height: 100px; display: flex; justify-content: space-between; min-width: 1400px;}
.logo{display: flex;}
.logo1{width: 211px; height: 100px; background: #eeeeee;}
.logo2{padding-left: 20px; height: 100px;}
.nav{display: flex; padding-top: 32px;}
.nav>ul>li{float: left; font-size: 18px;  position: relative; padding-left: 20px; padding-right: 20px;}
.nav>ul>li.on>a,.nav>ul>li.on{font-weight: bold; color: #1c2550;}
.nav ul {float: left;}
.nav ul li ul{position: absolute; width: 100%;z-index: 9; left: 0px; display: none;}
.nav ul li ul li{width: 100%; background: rgba(28,37,80,0.8); text-align: center; font-size: 16px;}
.nav ul li ul li:hover{background: rgba(28,37,80,1);}
.nav ul li ul li a{color: #fff; font-weight: normal;}
.tel{padding-right: 100px; line-height: 30px;}
.tel img{float: left; display: inline-block; padding-top: 2px; padding-right: 3px;}
#banner{height: 860px; position: relative;}
#banner .bd ul li{height: 860px; background-position: center;}
#banner .hd{position: absolute; left: 62px; height: 860px; top: 0;}
#banner .hd ul li{width: 3px; height: 100px; background: #fff;}
#banner .hd ul li.on{background: #1c2550;}
.bannerbg{width: 277px; height: 860px; background: url(../img/bannerbg.png); position: absolute; right: 0; top: 0;}
.bannerbg .banner_count{position: absolute; top: 410px; width: 100%;}
.pageState{font-size: 22px; color: #9cb4d3;}
.pageState span{color: #fff;}
.banner_count .prev{float: right; padding-right: 8px; padding-top: 5px;}
.banner_count .next{padding-left: 35px; padding-right: 35px; padding-top: 5px; float: left;}
#m1{height: 900px; background: url(../img/m1.jpg) center; position: relative;}
.waves{width: 100%; height: 900px; position: absolute; left: 0; top: 0; z-index: 0;}
.t1{color: #fff; height: 327px;}
.t1 h3{font-size: 50px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; padding-top: 120px;}
.t1 span{font-size: 30px; line-height: 30px; }
.m1con img{width: 650px; height: 400px; float: left;}
.m1conr{width: 617px; float: right; color: #fff; font-size: 16px; line-height: 36px; text-indent: 2em;}
.m1conr a{font-size: 15px; color: #fff; width: 178px; height: 48px; border: 1px solid #fff; display: block; line-height: 48px; margin-top: 60px; background: url(../img/more.png) right no-repeat; background-position: 142px;}
#m2{height: 900px; position: relative; background: url(../img/m2.jpg) center;}
.m2{background: #f4f6fa; height: 900px;}
.t2{height: 234px;}
.t2 h3{font-size: 50px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; padding-top: 60px;}
.t2 span{font-size: 30px; line-height: 50px; }
.pl93{padding-left: 93px;}
.t2l{width: 750px; height: 234px; border-bottom: 1px solid #d2d2d2; float: left;}
.t2l ul{float: right;padding-top: 27px;}
.t2l ul li{float: left; font-size: 18px; display: block; padding-left: 30px; padding-right: 30px; height: 45px;}
.t2l ul li.on{border-bottom: 3px solid #1b4894;}
.m2con{padding-top: 100px;}
.m2con .con ul.bd li{height: 450px;}
.m2conr{float: right; width: 470px; padding-right: 100px;}
.m2conl{float: left; width: 570px;}
.m2conr{text-align: center;}

.m2conr img{width: 470px; height: 345px; object-fit: contain;}
.m2conr span{font-size: 20px; font-weight: bold; padding-top: 20px;}
.m2conl h3{font-size: 24px; color: #1b4894;}
.m2conl p{height: 245px;}
.m2conl a{font-size: 15px; color: #fff; width: 158px; padding-left: 20px; height: 48px;display: block; line-height: 48px; margin-top: 60px; background: url(../img/more.png) #1b4894 right no-repeat; background-position : 142px;}

.con_hd{clear: both; padding-top: 47px;}
.con_hd ul li{float: left; width: 10px; height: 10px; display: block; border-radius: 50%; background: #333; overflow: hidden; margin-left: 23px;}
.con_hd ul li.on{width: 45px; height: 45px; border-radius: 50%; background: none; border: 3px solid #1b4894; font-size: 20px; text-align: center; line-height: 45px; position: relative; top: -21px; }
.con_hd ul li::before{content: '0';}


#m3{height: 894px; background: url(../img/m3.jpg) center; }
.m3{width: 660px; height: 660px; border: 1px solid #fff; border-radius: 50%; position: relative; }
.m3hover{width: 230px;}
.m3t{text-align: center; color: #fff;}
.m3t h3{color: rgba(255,255,255,0.4); font-size: 50px; line-height: 50px; padding-top: 150px;}
.m3t span{font-size: 30px;}
.m3con{font-size: 16px; color: #fff; line-height: 30px;width: 500px; margin: auto;}
.m3con a{font-size: 15px; color: #fff; width: 158px; padding-left: 20px; height: 48px;display: block; line-height: 48px; margin-top: 60px; background: url(../img/more.png) #1b4894 right no-repeat; background-position : 142px; margin: auto;}
.m3con p{height: 150px; padding-top: 20px;}
.m3a1{ position: absolute; color: #fff; top: 180px; left: -222px; font-size: 24px; text-align: right;}
.m3a1::before{content: ''; width: 16px; height: 16px; display: block; background: #fff; border-radius: 50%; right: -25px; top: 15px; position: absolute; border: 0;}
.m3a2{ position: absolute; color: #fff; top: 80px; right: -159px; font-size: 24px;}
.m3a2::before{content: ''; width: 16px; height: 16px; display: block; background: #fff; border-radius: 50%; left: -25px; top: 15px; position: absolute;}
.m3a3{ position: absolute; color: #fff; top: 568px; left: -119px; font-size: 24px; text-align: right;}
.m3a3::before{content: ''; width: 16px; height: 16px; display: block; background: #fff; border-radius: 50%; right: -25px; top: 15px; position: absolute;}
.m3a4{ position: absolute; color: #fff; top: 495px; right: -189px; font-size: 24px;}

.m3a4::before{content: ''; width: 16px; height: 16px; display: block; background: #fff; border-radius: 50%; left: -25px; top: 15px; position: absolute;}
.m3a1:hover::before{ border: 4px solid rgba(0,0,0,0.2); right: -29px; top: 11px;}
.m3a2:hover::before{ border: 4px solid rgba(0,0,0,0.2); left: -29px; top: 11px;}
.m3a3:hover::before{ border: 4px solid rgba(0,0,0,0.2); right: -29px; top: 11px;}
.m3a4:hover::before{ border: 4px solid rgba(0,0,0,0.2); left: -29px; top: 11px;}
.m3acon{width: 233px; padding-left: 25px; padding-right: 25px; height: 283px; background: #fff;  border-radius: 7px; position: absolute; left: -58px; top: -48px; text-align: left;}
.m3bcon{width: 233px; padding-left: 25px; padding-right: 25px; height: 283px; background: #fff;  border-radius: 7px; position: absolute; left: 5px; top: -28px;}
.m3ccon{width: 233px; padding-left: 25px; padding-right: 25px; height: 283px; background: #fff;  border-radius: 7px; position: absolute; left: -58px; top: -157px; text-align: left;}
.m3dcon{width: 233px; padding-left: 25px; padding-right: 25px; height: 283px; background: #fff;  border-radius: 7px; position: absolute; left: 5px; top: -127px;}
.m3acon .arrow {
  position: absolute;
  top: 60px;
  right: -10px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid white;
} 
.m3bcon .arrow{
  position: absolute;
  top: 40px;
  left: -10px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid white;
} 
.m3ccon .arrow {
  position: absolute;
  top: 170px;
  right: -10px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid white;
} 
.m3dcon .arrow{
  position: absolute;
  top: 140px;
  left: -10px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid white;
} 
.hidden{display: none;}
.t3{font-size: 21px; color: #1b4894; font-weight: bold; border-bottom: 1px solid #eeeeee; height: 47px; padding-top: 20px;}
.m3ul{padding-top: 10px;}
.m3ul li{width: 50%; float: left; font-size: 16px; line-height: 43px; text-indent: 7px; color: #333}
.m3hover:hover span{display: none;}
.m3hover:hover .hidden{display: block;}
#m4{height: 920px; background: url(../img/m4.jpg) center;}
.m4l{width: 440px; float: left;}
.m4t{ }
.m4t h3{ font-size: 50px; line-height: 50px; padding-top: 150px; letter-spacing: -3px; }
.m4t span{font-size: 30px; position: relative;}
.m4t a{font-size: 15px; color: #fff; width: 158px; padding-left: 20px; height: 48px;display: block; line-height: 48px; margin-top: 115px; background: url(../img/more.png) #1b4894 right no-repeat; background-position : 142px; }
.m4t span::after{content: ''; width: 70px; height: 1px; background: #d2d2d2; position: absolute; bottom: -20px; left: 0; }
.m4r{float: right; width: 959px; }
.m4r_top{height: 340px; border-left: 1px solid #d2d2d2; margin-top: 121px;}
.m4r_top_sj{width: 106px; padding-top: 10px; float: left; padding-left: 50px; color: #b5b4b4; height: 330px;}
.m4r_top_sj h3{font-size: 25px; font-weight: normal; line-height: 25px;}
.m4r_top_sj span{ font-size: 16px;}
.m4r_top_con{width: 760px; float: right; padding-right: 40px;}
.m4r_top_con h3{font-size: 22px; font-weight: bold; color: #1b4894;}
.m4r_top_con p{font-size: 18px; line-height: 32px; padding-top: 20px; height: 190px;}
.m4r_top_con a{font-size: 16px;color: #1b4894; background: url(../img/icon5.png) left bottom no-repeat; display: block; width: 138px; height: 50px; line-height: 50px; }
.m4r_ul {padding-top: 35px;}
.m4r_ul ul{display: flex;}
.m4r_ul li{height: 285px; flex:1; background: #fff; border-left: 1px solid #eeeeee; padding: 0 34px;}
.m4r_ul li:nth-child(1){border-left: 0;}

.m4r_ul li span{font-size: 16px; color: #b5b4b4; padding-top: 30px; padding-bottom: 10px; display: block;}
.m4r_ul li p{font-size: 18px; line-height: 32px; height: 120px;}
.m4r_ul li a{font-size: 16px;color: #1b4894; background: url(../img/icon5.png) left bottom no-repeat; display: block; width: 138px; height: 50px; line-height: 50px;}
.m4r_ul li:hover{background: #1b4894; color: #fff;}
.m4r_ul li:hover span{color: #fff;}
.m4r_ul li:hover a{color: #fff; background: url(../img/icon4.png) left bottom no-repeat; }
#foot1{height: 138px; border-bottom: 2px solid #0d233d; background: #091a2f;}
#foot2{height: 398px; border-bottom: 2px solid #0d233d; background: #091a2f;}
.foot1r{float: right; padding-top: 37px;}
.foot1r img{height: 68px;}
.foot1l{padding-top: 56px;}
.foot1l_t{background: url(../img/icon6.png) left no-repeat; height: 37px; color: #fff; padding-left: 58px;font-size: 20px; font-weight: bold; line-height: 37px; float: left;}
.foot1l_con{float: left;line-height: 37px;}
.foot1l_con a{color: #fff; font-size: 16px; margin-left: 5px; margin-right: 10px;}
.foot2_nav{padding-top: 75px; float: left;}
.foot2_nav ul li{float: left; font-size: 18px; margin-right: 60px; position: relative; }
.foot2_nav>ul>li::after{content: ''; width: 25px; height: 2px; background: #fff; position: absolute; left: 0; top: 53px; }
.foot2_nav ul li a{color: #fff;}
.foot2_nav ul li ul{padding-top: 40px;}
.foot2_nav ul li ul li{float: none; font-size: 16px; line-height: 34px;}
.foot2_nav ul li ul li a{ color: #495f78;}
.foot2_r{float: right; color: #fff; text-align: right; width: 430px;font-size: 16px; padding-top: 60px;}
.foot2_r h3{font-size: 16px;}
.foot2_r span{font-size: 22px; font-weight: bold; line-height: 35px; padding-bottom: 15px;display: block;}
#foot3{height: 70px;background: #091a2f; line-height: 70px; font-size: 15px; color: #495f78; }
.foot3l{float: left;}
.foot3r{float: right;}
@media (max-width:1500px){
	.tel{padding-right: 0; line-height: 30px;}
}
@media (max-width:768px){
	#tou{display: none;}
	#banner{height: 200px; position: relative;}
	#banner .bd ul li{height: 200px; background-position: center; background-size: cover;}
	#banner .hd{position: absolute; left: 62px; height: 860px; top: 0;}
	#banner .hd ul li{width: 3px; height: 100px; background: #fff;}
	#banner .hd ul li.on{background: #1c2550;}
	.bannerbg{display: none;}
	.bannerbg .banner_count{position: absolute; top: 410px; width: 100%;}
	.pageState{font-size: 22px; color: #9cb4d3;}
	.pageState span{color: #fff;}
	.banner_count .prev{float: right; padding-right: 8px; padding-top: 5px;}
	.banner_count .next{padding-left: 35px; padding-right: 35px; padding-top: 5px; float: left;}
	#m1{height: 900px; background: url(../img/m1.jpg) center; position: relative;}
	.waves{width: 100%; height: 900px; position: absolute; left: 0; top: 0; z-index: 0;}
	.t1{color: #fff; height: 200px;}
	.t1 h3{font-size: 40px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; padding-top: 20px;}
	.t1 span{font-size: 30px; line-height: 30px; }
	.m1con img{width: 100%; height: auto; float: none;}
	.m1conr{width: 100%; float: none; color: #fff; font-size: 16px; line-height: 36px; text-indent: 2em;}
	.m1conr a{font-size: 15px; color: #fff; width: 178px; height: 48px; border: 1px solid #fff; display: block; line-height: 48px; margin-top: 30px; background: url(../img/more.png) right no-repeat; background-position: 142px;}
	#m2{height: 900px; position: relative; background: url(../img/m2.jpg) center;}
	.m2{background: #f4f6fa; height: 900px;}
	.t2{height: auto;}
	.t2 h3{font-size: 40px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; padding-top: 20px;}
	.t2 span{font-size: 30px; line-height: 50px; }
	.pl93{padding-left: 0px;}
	.t2l{width: 100%; height: 180px; border-bottom: 1px solid #d2d2d2; float: none;}
	.t2l ul{float: none;padding-top: 27px; display: none;}
	.t2l ul li{float: left; font-size: 18px; display: block; padding-left: 30px; padding-right: 30px; height: 45px;}
	.t2l ul li.on{border-bottom: 3px solid #1b4894;}
	.m2con{padding-top: 10px;}
	.m2con .con ul.bd li{height:auto;}
	.m2conr{float: none; width: 100%; padding-left: 30px; padding-right:30px;}
	.m2conl{float: none; width: 100%;}
	.m2conr{text-align: center;}
	
	.m2conr img{width: 100%; height: 280px; object-fit: contain;}
	.m2conr span{font-size: 20px; font-weight: bold; padding-top: 20px;}
	.m2conl h3{font-size: 24px; color: #1b4894;}
	.m2conl p{height: 190px;}
	.m2conl a{font-size: 15px; color: #fff; width: 158px; padding-left: 20px; height: 48px;display: block; line-height: 48px; margin-top: 0px; background: url(../img/more.png) #1b4894 right no-repeat; background-position : 142px;}
	
	.con_hd{clear: both; padding-top: 47px; display: none;}
	.con_hd ul li{float: left; width: 10px; height: 10px; display: block; border-radius: 50%; background: #333; overflow: hidden; margin-left: 23px;}
	.con_hd ul li.on{width: 45px; height: 45px; border-radius: 50%; background: none; border: 3px solid #1b4894; font-size: 20px; text-align: center; line-height: 45px; position: relative; top: -21px; }
	.con_hd ul li::before{content: '0';}
	
	#m4{height: auto; background: url(../img/m4.jpg) center;}
	.m4l{width: 100%; float: none;}
	.m4t{ height: 400px; }
	.m4t h3{ font-size: 50px; line-height: 50px; padding-top: 15px; letter-spacing: -3px; }
	.m4t span{font-size: 30px; position: relative;}
	.m4t a{font-size: 15px; color: #fff; width: 158px; padding-left: 20px; height: 48px;display: block; line-height: 48px; margin-top: 55px; background: url(../img/more.png) #1b4894 right no-repeat; background-position : 142px; }
	.m4t span::after{content: ''; width: 70px; height: 1px; background: #d2d2d2; position: absolute; bottom: -20px; left: 0; }
	.m4r{float: none; width: 100%; }
	.m4r_top{height: 340px; border-left: 0; margin-top: 21px;}
	.m4r_top_sj{width: 106px; padding-top: 10px; float: left; padding-left: 50px; color: #b5b4b4; height: 330px; display: none;}
	.m4r_top_sj h3{font-size: 25px; font-weight: normal; line-height: 25px;}
	.m4r_top_sj span{ font-size: 16px;}
	.m4r_top_con{width: 100%; float: none; padding-right: 0px;}
	.m4r_top_con h3{font-size: 22px; font-weight: bold; color: #1b4894;}
	.m4r_top_con p{font-size: 18px; line-height: 32px; padding-top: 20px; height: 190px;}
	.m4r_top_con a{font-size: 16px;color: #1b4894; background: url(../img/icon5.png) left bottom no-repeat; display: block; width: 138px; height: 50px; line-height: 50px; }
	.m4r_ul {padding-top: 35px;}
	.m4r_ul ul{display: flex; flex-wrap: wrap;}
	.m4r_ul li{height: 235px; flex:1; background: #fff; border-top: 1px solid #eeeeee; padding: 0 34px;}
	.m4r_ul li:nth-child(1){border-top: 0;}
	
	.m4r_ul li span{font-size: 16px; color: #b5b4b4; padding-top: 20px; padding-bottom: 10px; display: block;}
	.m4r_ul li p{font-size: 18px; line-height: 32px; height: 100px;}
	.m4r_ul li a{font-size: 16px;color: #1b4894; background: url(../img/icon5.png) left bottom no-repeat; display: block; width: 138px; height: 50px; line-height: 50px;}
	.m4r_ul li:hover{background: #1b4894; color: #fff;}
	.m4r_ul li:hover span{color: #fff;}
	.m4r_ul li:hover a{color: #fff; background: url(../img/icon4.png) left bottom no-repeat; }
	#foot3{height: auto;background: #091a2f; line-height: 20px; font-size: 15px; color: #495f78; padding-top: 30px; padding-bottom: 30px; }
	.foot3l{float: none;}
	.foot3r{float: none; padding-top: 15px; object-fit: contain;}
}



.nodata img{margin: auto; padding-top: 30px; padding-bottom: 30px; display: block;}