#tou{height: 95px; background: #0e82b7;}
.logo{float: left; padding-top: 13px;}
.fwrx{float: right; width: 259px; height: 36px; background: #1887ba; border-radius: 19px; border: 1px solid #358fb9; margin-top: 28px; font-size: 16px; line-height: 38px; color: #fff;}
.fwrx img{display: block; float: left; padding-top: 10px; padding-left: 20px; padding-right: 8px;}
#nav{height: 60px;}
#nav ul{display: flex;}
#nav ul li{flex: 1; font-size: 18px; text-align: center; line-height: 60px; position: relative;}
.nav>ul>li.on{background: url(../img/nav.png) center top no-repeat; }
.nav>ul>li.on>a{color: #0e82b7; font-weight: bold;}
.nav>ul>li::after{content: '|'; float: right;}
.nav>ul>li:nth-last-child(1)::after{content: '';}
#nav ul li ul{position: absolute; width: 100%; background: #fff; box-shadow: rgba(0,0,0,0.1) 0 10px 10px; display: none; z-index: 999}
#nav ul li ul li{height: 35px; line-height: 35px; font-size: 16px;}
#nav ul li ul li:hover{background: #0e82b7;}
#nav ul li ul li:hover a{color: #fff;}
#banner{height: 710px; position: relative;}
#banner ul.bd li{height: 710px;}
#banner .container{position: relative; height: 0px;}
#banner .hd{position: absolute; z-index: 9; height: 5px; top: 594px; right: 0;}
#banner .hd li{width: 160px; height: 5px; background: #fff; display: block; float: left; margin-right: 50px;}
#banner .hd li.on{background: #399098;}
#banner .prev{position: absolute; left: -60px; width: 42px; height: 32px; background: url(../img/bl.png); top: 327px;}
#banner .prev:hover{ background: url(../img/blon.png);}
#banner .next{position: absolute; right: -60px; width: 42px; height: 32px; background: url(../img/br.png); top: 327px;}
#banner .next:hover{ background: url(../img/bron.png);}
.zxgg{width: 375px; height: 360px; padding-top: 30px; background: #fff; border-radius: 8px; box-shadow: rgba(0,0,0,0.15) 5px 0 15px; top: 144px; position: absolute; left: 32px;}
.zxgg_t{background: url(../img/a1.png) left no-repeat; font-size: 18px; font-weight: bold; height: 48px; padding-left: 50px; line-height: 48px; margin-left: 20px; }
.zxgg ul{padding-left: 50px; padding-right: 25px;}
.zxgg ul li{border-bottom: 1px solid #f5efea; padding-left: 18px; padding-right: 18px; height: 65px; padding-top: 12px;}
.zxgg ul li h3{font-size: 15px; font-weight: bold; line-height: 28px;}
.zxgg ul li p{color: #888888; font-size: 15px; line-height: 28px;}
.zxgg .more{width: 116px; height: 29px; border-radius: 15px; box-shadow: rgba(0,0,0,0.15) 3px 0 10px; text-align: center; margin: auto; margin-top: 23px;}
#m1{height: 640px; background: #f6f9fe;}
.m1{height: 175px; position: relative; top: -80px;}
.m1l{width: 580px; height: 175px; border-radius: 15px; background: #fff; float: left;}
.m1lt{padding-left: 35px; padding-top: 20px;}
.m1lt h3{font-size: 20px; font-weight: bold;line-height: 28px;}
.m1lt span{font-size: 12px; line-height: 18px;}
.m1lcon {padding-left: 25px; padding-top: 15px;}
.m1lcon form input{width: 310px; padding-left: 30px; height: 55px; border-radius: 27px; border: 2px solid #f6f6f6; box-shadow: rgba(0,0,0,0.03) 0px 4px 6px; font-size: 15px;}
.m1lcon form button{width: 180px; height: 55px;  border-radius: 27px; background: #0e82b7; color: #fff; border: 2px solid #047bb2; margin-left: 5px;}
.m1r{float: right; width: 710px; }
.m1r ul{display: flex; justify-content: space-between;}
.m1r ul li{width: 145px; padding-left: 25px; height: 175px; border-radius: 15px; background: #fff; }
.m1r ul li .img{height: 55px; display: block; padding-top: 19px; position: relative;}
.m1r ul li .img::after{content: ''; width: 20px; height: 4px; background: #e2a43f; border-radius: 2px; display: block; position: absolute; bottom: -16px; }
.m1r ul li h3{font-size: 22px; line-height: 28px; padding-top: 26px;}
.m1r ul li p{font-size: 14px; color: #888888;}
.m2{position: relative; top: -35px;}
.m2r{float: right; width: 270px; padding-left: 50px; height: 380px; padding-top: 61px; background: url(../img/m2r.png);}
.m2r h3{font-size: 28px; line-height: 28px; color: #fff; font-weight: bold; padding-bottom: 10px;}
.m2r span{line-height: 52px; font-size:38px; color: rgba(255,255,255,0.2);}
.m2l .hd{height: 90px;}
.m2l .hd ul{padding-top: 5px;}
.m2l .hd li{width: 240px; height: 46px; border: 2px solid #fff; border-radius: 25px; background: #fff; float: left; box-shadow: rgba(0,0,0,0.07) 0 4px 15px; text-align: center; line-height: 46px; font-size: 18px; font-weight: bold; margin-right: 27px;}
.m2l .hd li.on{background: #0e82b7; border: 2px solid #047bb2; color: #fff;}
.m2l .hd li.on a{color: #fff;}
.m2l .bd{background: url(../img/m2l.png); width: 953px; height: 351px;}
.m2l .bd ul{padding-top: 40px; padding-left: 32px;}
.m2l .bd ul li{width: 165px; height: 40px; line-height: 40px; text-align: center; background: #fff;border-radius: 20px; float: left; margin-right: 12px; margin-bottom: 35px;}
.m2l .bd ul li:hover{background: #e2a43f;}
.m2l .bd ul li:hover a{color: #fff;}
.m2l .bd ul li img{float: right; padding-top: 5px; padding-right: 5px;}
#m2{height: 700px; background: #deecf7;}
.m3l{width: 775px; float: left;}
.t1{height: 80px; padding-top: 63px;}
.t1 h3{font-size: 28px; font-weight: bold; float: left;}
.t1 ul{padding-top: 13px;}
.t1 ul li{font-size: 18px; float: left; font-size: 18px; width: 95px; height: 30px; text-align: center; line-height: 30px; border-radius: 5px; margin-left: 15px;}
.t1 ul li.on{background: #0e82b7; color: #fff;}
.t1 .more{float: right; padding-top: 13px;}
.t1 .more a{background: url(../img/icon9.png) right no-repeat; padding-right: 28px; font-size: 14px; color: #888888;}
.m3lcon ul li{width: 740px; padding-left: 35px; height: 70px; border-radius: 10px; background: #fff; border-radius: 10px; margin-bottom: 12px; line-height: 70px; font-size: 18px;}
.m3lcon ul li .sj{float: right; width: 183px; height: 38px; border-left: 1px solid #cadde5; line-height: 38px; margin-top: 16px; font-size: 16px;color: #888888;text-align: center;}
.m3lcon ul li .sj span{padding-right: 8px;}
.m3lcon ul li:hover a{color: #0e82b7; font-weight: bold;}
.m3lcon ul li:hover .sj{color: #0e82b7;}
.m3r{width: 443px; float: right;}
.m3rcon{font-size: 18px; line-height: 37px; padding-top: 27px;}
.m3rcon video{width: 443px; height: 249px;}
.m3rcon p{padding-top: 10px;}
.m3rcon a{color: #e2a43f;}
#m3{height: 699px; background: #f6f9fe;}
.m4con {padding-left: 50px; padding-right: 50px; position: relative;}
.m4con ul li{position: relative; float: left; top: -30px; margin: 0px 9px; width: 224px;}
.m4con ul li .img{width: 140px; height: 140px; border-radius: 50%; overflow: hidden; border: 5px solid #fff; background: #fff; box-shadow: rgba(49,121,154,0.15) 0 10px 10px; position: relative; top: 75px; left: 43px;}
.m4con ul li .con{ padding-top: 75px; text-align: center; width: 224px; height: 207px;background: #fff; }
.m4con ul li .con h3{text-align: center; font-size: 20px; line-height: 30px; font-weight: normal; padding-top: 10px;}
.m4con ul li .con span{text-align: center;font-size: 15px;color: #666666; line-height: 19px;}
.m4con ul li .con p{font-size: 14px; line-height: 19px; color: #666666; text-align: left; padding-left: 22px; padding-right: 22px; padding-top: 10px; height: 60px;}
.m4con ul li .ks{font-size: 20px; color: #0e82b7; text-align: center; width: 180px; margin: auto; border-top: 1px solid #e9e9e9; line-height: 57px; margin-top: 10px;}
.m4con .prev{position: absolute; left: 0; top: 50%;  }
.m4con .prev span{font-size: 22px; color: #c4c4c4;}
.m4con .prev:hover span,.m4con .next:hover span{color: #31799a;}
.m4con .next{position: absolute; right: 0; top: 50%;  }
.m4con .next span{font-size: 22px; color: #c4c4c4;}
#m5{height: 580px; background: url(../img/m4.jpg) center;}
.m5l{width: 400px; height: 580px; float: left; position: relative;}
.t2{padding-left: 98px; color: #fff; padding-top: 60px;}
.t2 h3{font-size: 28px; line-height: 28px; }
.t2 span{ letter-spacing: 6px; font-size: 16px;}
.m5l ul{padding-left: 72px;}
.m5l ul li{font-size: 18px; color: #fff; background: url(../img/a3.png) left no-repeat; padding-left: 29px; margin-top: 30px;}
.m5l ul li.on{background: url(../img/a4.png) left no-repeat; font-size: 22px; font-weight: bold;}
.m5l .more{position: absolute; left: 170px; bottom: 69px ;}
.m5r{width: 900px; float: right; position: relative; top: 0px;}
.m5r .con{background: #fff; width: 870px; height: 550px; padding: 15px;  border-radius: 15px;}
.m5r .con .img{width: 870px; height: 295px;  border-radius: 15px; background-size: cover; background-position: center;}
.m5r .con ul{padding-top: 13px;}
.m5r .con ul li{border-bottom: 1px solid #f2f2f2; height: 92px; padding-top: 22px;}
.m5r .con ul li .sj{width: 100px; padding-left: 18px; height: 62px; background: url(../img/a7.png); text-align: center; padding-top: 10px; float: left; margin-right: 19px;}
.m5r .con ul li .sj h3{font-size: 28px; line-height: 32px; color: #e2a43f;}
.m5r .con ul li .sj p{font-size: 16px; line-height: 16px;}
.m5r .con ul li>a>h3{font-size: 18px; font-weight: bold; line-height: 28px; padding-top: 8px;}
.m5r .con ul li>a>p{font-size: 15px; color: #888888; line-height: 28px;}
.m5r .con ul li:nth-child(2){border-bottom: 0;}
#m6{height: 740px; background: url(../img/a8.jpg) center;}
.t3 {height: 142px;}
.t3 ul{padding-top: 80px;}
.t3 ul li{float: left; font-size: 22px; margin-right: 45px; line-height: 30px; }
.t3 ul li.on{font-size: 28px; font-weight: bold;}
.m6con{margin-top: 55px;}
.m6con ul{background: url(../img/a9.png) no-repeat; height: 450px; background-position: 14px 30px;}
.m6con ul li{width: 245px;padding: 5px; height: 158px;background: #0e82b7; border-radius: 15px; display: flex; flex-direction: column; float: left; margin-right: 30px; margin-bottom: 64px;}
.m6con ul li .img{width: 245px; height: 128px; border-radius: 15px; background-size: cover; background-position: center;}
.m6con ul li .tit{color: #fff; text-align: center;line-height: 35px;}
.m6con ul li:nth-child(1){margin-left: 103px;}
.m6con ul li:nth-child(n+5){flex-direction: column-reverse;}

#foot{height: 420px; background: url(../img/foot.jpg) center;}
.foot1{height: 119px; padding-top: 49px;}
.foot1l{float: left;}
.foot1l img{padding-top: 19px;}
.foot1r{float: right; color: #fff; }
.foot1r img{float: left; padding-right: 17px;}
.foot2{height: 114px; padding-top: 40px;}
.foot2 ul{padding-left: 16px; display: flex; justify-content: space-between;}
.foot2 ul li{padding-left: 17px;color: #fff; font-size: 20px; float: left;}
.foot2 ul li .h5{font-size: 16px; color: #5f93ab; font-weight: normal; position: relative;  }
.foot2 ul li .h5::before{width: 4px; height: 20px; content: ''; background: #e4a440; display: block; position: absolute; left: -17px; top: 5px;}
.foot3{border-top: 1px solid #07435f;}
.foot2c{float: left; width: 223px;}
.foot2 ul li:nth-child(1){width: 490px;}
.foot2 ul li:nth-child(2){width: 500px;}
.foot2 ul li .h6{font-size: 16px; color: #5f93ab; font-weight: normal; position: relative;  }
.foot2 ul li .h6::before{width: 1px; height: 50px; content: ''; background: #07435f; display: block; position: absolute; left: -35px; top: 10px;}
.foot3{color: #5f93ab; padding-top: 15px;}
.foot3l{float: left; }
.foot3r{float: right;}

/* 手机 */
@media (max-width:768px){
	.h68{height: 68px;}
	#m1{height: auto; background: #f6f9fe;}
	.m1{height: auto; position: relative; top: -60px;}
	.zxgg{width: 100%; height: 390px; padding-top: 30px; background: #fff; border-radius: 8px; box-shadow: rgba(0,0,0,0.15) 5px 0 15px; top: 0px; position: relative; left: 0;}
	.m1r{float: none; width: 100%; }
	.m1r ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
	.m1r ul li{width: 145px; padding-left: 25px; margin-top: 15px; height: 175px; border-radius: 15px; background: #fff; }
	.m1r ul li .img{height: 55px; display: block; padding-top: 19px; position: relative;}
	.m1r ul li .img::after{content: ''; width: 20px; height: 4px; background: #e2a43f; border-radius: 2px; display: block; position: absolute; bottom: -16px; }
	.m1r ul li h3{font-size: 22px; line-height: 28px; padding-top: 26px;}
	.m1r ul li p{font-size: 14px; color: #888888;}
	.m2l .hd{height: auto;}
	.m2l .hd ul{padding-top: 5px; display: flex; flex-wrap: wrap; justify-content: space-between;}
	.m2l .hd li{width:47%; height: 46px; border: 2px solid #fff; border-radius: 25px; background: #fff; float: left; box-shadow: rgba(0,0,0,0.07) 0 4px 15px; text-align: center; line-height: 46px; font-size: 18px; font-weight: bold; margin-right: 0px; margin-bottom: 20px;}
	.m2l .hd li.on{background: #0e82b7; border: 2px solid #047bb2; color: #fff;}
	.m2l .hd li.on a{color: #fff;}
	.m2l .bd{background: url(../img/m2l.png); width: 100%; height: auto;}
	.m2l .bd ul{padding-top: 35px; padding-bottom: 35px; padding-left: 15px; padding-right: 15px; display: flex; flex-wrap: wrap; justify-content: space-between; }
	.m2l .bd ul li{width: 45%; height: 40px; line-height: 40px; text-align: center; background: #fff;border-radius: 20px; float: left; margin-right: 0px; margin-bottom: 15px;}
	.m2l .bd ul li:hover{background: #e2a43f;}
	.m2l .bd ul li:hover a{color: #fff;}
	.m2l .bd ul li img{float: right; padding-top: 5px; padding-right: 5px;}
	#m2{height: auto; background: #deecf7;}
	.m3l{width: 100%; float: none;}
	.m3lcon ul li{width: calc(100% - 15px); padding-left: 15px; height: 70px; border-radius: 10px; background: #fff; border-radius: 10px; margin-bottom: 12px; line-height: 70px; font-size: 18px;}
	.m3lcon ul li .sj{float: right; width: 130px; height: 38px; border-left: 1px solid #cadde5; line-height: 38px; margin-top: 16px; font-size: 16px;color: #888888;text-align: center;}
	.m3r{width: 100%; float: none;}
	.t1{height: 90px; padding-top: 23px;}
	.t1 h3{font-size: 28px; font-weight: bold; float: left;}
	.t1 ul{padding-top: 13px; display: none;}	
	.t1 .more{float: right; padding-top: 13px;}
	.t1 .more a{background: url(../img/icon9.png) right no-repeat; padding-right: 28px; font-size: 14px; color: #888888;}
	#m3{height: 559px; background: #f6f9fe;}
	.m3r{width: 100%; float: none; padding-bottom: 15px;}
	.m3rcon{font-size: 18px; line-height: 37px; padding-top: 0px;}
	.m3rcon video{width: 100%; height: 249px;}
	.m4con ul li .con{ padding-top: 75px; text-align: center; width: 224px; height: 282px;background: #fff; }
	#m5{height: 580px; background: url(../img/m4.jpg) center;}
	.m5l{width: 100%; height: auto; float: none; position: relative;}
	.t2{padding-left: 15px; color: #fff; padding-top: 30px;}
	.t2 h3{font-size: 28px; line-height: 28px; }
	.t2 span{ letter-spacing: 6px; font-size: 16px;}
	.m5l ul{padding-left: 15px; display: flex; flex-wrap: wrap;}
	.m5l ul li{font-size: 18px; width: 120px; color: #fff; background: url(../img/a3.png) left no-repeat; padding-left: 29px; margin-top: 0px;}
	.m5l ul li.on{background: url(../img/a4.png) left no-repeat; font-size: 22px; font-weight: bold;}
	.m5l .more{position: absolute; left: 170px; bottom: 69px ; display: none;}
	.m5r{width: 100%; float: none; position: relative; top: 0px;}
	.m5r .con{background: #fff; width: 100%; height: 400px; padding: 0px;  border-radius: 15px;}
	.m5r .con .img{width: 100%; height: 150px;  border-radius: 15px; background-size: cover; background-position: center;}
	.m5r .con ul{padding-top: 13px;}
	.m5r .con ul li{border-bottom: 1px solid #f2f2f2; height: 92px; padding-top: 22px;}
	.m5r .con ul li .sj{width: 100px; padding-left: 18px; height: 62px; background: url(../img/a7.png); text-align: center; padding-top: 10px; float: left; margin-right: 19px;}
	.m5r .con ul li .sj h3{font-size: 28px; line-height: 32px; color: #e2a43f;}
	.m5r .con ul li .sj p{font-size: 16px; line-height: 16px;}
	.m5r .con ul li>a>h3{font-size: 18px; font-weight: bold; line-height: 28px; padding-top: 8px;}
	.m5r .con ul li>a>p{font-size: 15px; color: #888888; line-height: 28px;}
	.m5r .con ul li:nth-child(2){border-bottom: 0;}
	#footwap{background: #095577; text-align: center; color: #fff; padding: 15px;}
}