#tou{height: 80px; min-width: 1400px;}
.toul{height: 80px; background: #0049a0; float: left; background: linear-gradient(to right, #014099, #0a6dbe); width: 300px; border-top-right-radius: 65px; padding-left: 7.5%;}
.toul img{padding-top: 10px;}
.tour{float: right; padding-right: 7.5%; height: 80px; line-height: 80px; width: 220px;}
.tour{font-size: 30px; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; color: #014099;}
.tour img{padding-right: 5px;}
.nav{float: right;}
.nav ul{padding-top: 8px; margin-right: 15px;}
.nav ul li{font-size: 20px; float: left; margin: 0 25px;height: 64px; line-height: 64px;}
.nav ul li.on{color: #fdb323; border-bottom: 8px solid #fdb323;}
.nav ul li.on a{color: #fdb323;}
#banner ul.bd li{height: 1000px;}
.m1{height: 130px; position: relative; top: -65px; background: #fff; box-shadow: 0 0 24px rgba(0,0,0,0.05);}
.m1 ul{display: flex; padding-top: 35px;}
.m1 ul li{flex:1; height: 60px; border-right: 1px solid #e5e5e5;}
.m1 ul li:nth-last-child(1){border-right: 0;}
.m1 ul li img{padding-right: 10px; padding-left: 10px;}
.m1 ul li::before{content: ''; width: 5px; height: 24px; background: url(../img/icon5.png);}
.m1 ul li h3{line-height: 18px; font-size: 18px; font-weight: bold; padding-top: 5px;}
.m1 ul li span{text-transform: uppercase; font-size: 12px; }
.m2{height: 130px; position: relative; top: -22px;}
.m2t{width: 185px; float: left; padding-top: 15px;}
.m2t h3{font-size: 32px; font-weight: bold; background: url(../img/icon5.png) left no-repeat; padding-left: 17px; line-height: 32px;}
.m2t span{font-size: 18px; text-transform: uppercase;}
.m2con{float: right;}
.m2con ul li{float: left; text-align: center; margin: 0px 65px;}
.m2con ul li .shu{position: relative;}
.m2con ul li .shu span{font-size: 55px; line-height: 55px; color: #014099; font-family: Impact;}
.m2con ul li .shu i{width: 25px; height: 25px; display: inline-block; text-align: center; line-height: 25px; border-radius: 50%; background: #fdb323; font-size: 15px; font-style: normal; color: #fff;}
.m2con ul li p{font-size: 18px;}
.m3{height: 943px; position: relative;}
.m3l{width: 635px; float: left;}
.m3t{margin-top: 48px; position: absolute; border-bottom: 4px solid #014099; left: 0; width: calc(50% - 520px);}
.m3t span{width: 180px; height: 56px; background: #014099; display: block; color: #fff; font-size: 24px; line-height: 60px; text-align: center; float: right;}
.m3t span img{display: inline-block; float: right;position: relative; top: 19px; right: 23px;}
.m3r{float: right; width: 650px; height: 850px; position: relative; z-index: 2;}
.m3lcon{padding-top: 200px;}
.m3lcon h3{font-size: 40px;}
.m3lcon p{font-size: 18px; line-height: 36px; padding-top: 30px; height: 220px;}
.m3lcon a{font-size: 16px; color: #a3a3a3; width: 136px; height: 42px; border: 2px solid #d2d2d2; display: block; text-align: center; line-height: 42px; position: relative;}
.m3lcon a img{float: right; position: relative; right: 15px; top: 18px;}
.m3b{width: calc(50% + 700px); height: 170px; background: #014099; border-top-left-radius: 123px; position: absolute; bottom: 93px; right: 0; z-index: 1;}
.m3bcon{width: 700px; text-align: center; color: #fff; padding-top: 50px;}
.m3bcon h3{font-size: 30px; line-height: 41px;}
.m3bcon span{font-size: 15px;}
.m4{height: 1603px; background: url(../img/m4.jpg) center;}
.m4t{width: 185px; margin: auto; padding-top: 90px; height: 139px;}
.m4t h3{font-size: 32px; font-weight: bold; background: url(../img/icon5.png) left no-repeat; padding-left: 17px; line-height: 32px;}
.m4t span{font-size: 18px; text-transform: uppercase;}
.m4con{width: 1231px; margin: auto; position: relative;}
.m4con .bd{overflow: hidden;}
.m4con ul li{width: 370px; margin-right: 61px; float: left;}
.m4con ul li .img{width: 370px; height: 450px; background-size: cover; background-repeat: no-repeat; background-position: center;}
.m4cont{height: 80px; background: #fdb323; color: #fff; font-size: 20px; line-height: 80px; padding-left: 35px; padding-right: 35px;}
.m4cont a{float: right; color: #fff;}
.m4con .next{position: absolute; left: -104px; top: 253px; font-size: 50px;}
.m4con .next span,.m4con .prev span{font-size: 50px; color: #fff;}
.m4con .prev{position: absolute; right: -104px; top: 253px; font-size: 50px;}
.m4con .next:hover span,.m4con .prev:hover span{color: #06449b;}
.m5con{padding-top: 237px; padding-left: 180px;}
.m5con ul li{width: 246px; height: 359px; background: url(../img/icon8.png) 100% 100% ; padding: 17px; float: left; transition: all 0.5s; position: relative; top: 61px; z-index: 5; /* box-shadow: 0 0 35px rgba(0,0,0,0.8); */}
.m5con ul{ height: 559px;}
.m5con ul li .img{width: 246px; height: 359px; background-size: cover; }
.m5con ul li.on{transform: scale(1.25); z-index: 9;position: relative; left: -80px;}
.m5con ul li.on2{position: relative; left: -135px;}
.m6{height: 1072px; background: url(../img/m6.jpg) center; position: relative;}
.m6con{width: 1270px; margin: auto;}
.m6con ul{height: 500px; }
.m6con ul li{width: 310px; height: 410px; float: left; margin-right: 10px; perspective: 390px; margin-top: 15px;}
.m6con ul li .img{width: 310px; height: 410px; background-size: cover; background-repeat: no-repeat; }
.m6con ul li:nth-child(2n+1) .img{transform: rotateX(0deg) rotateY(-8deg); /* 倾斜元素 */}
.m6con ul li:nth-child(2n) .img{transform: rotateX(0deg) rotateY(8deg); /* 倾斜元素 */ position: relative; left: 17px;}
.more {margin: auto; width: 136px;}
.more a{font-size: 16px; color: #a3a3a3; width: 136px; height: 42px; border: 2px solid #d2d2d2; display: block; text-align: center; line-height: 42px; position: relative;}
.more a img{float: right; position: relative; right: 15px; top: 18px;}
.m7{background: url(../img/m8.png) center; height: 179px; width: 100%; position: absolute; bottom: 65px;}
#foot{height: 368px; background: url(../img/foot.jpg) center;}
.foot_top{height: 142px;}
.footlogo{padding-top: 23px; float: left;}
.foot_nav{float: right;}
.foot_nav ul{padding-top: 63px;}
.foot_nav ul li{float: left; font-size: 20px; line-height: 23px; height: 23px; border-right: 2px solid #4e4e4e; padding: 0 29px; }
.foot_nav ul li:nth-last-child(1){border-right: 0;}
.foot_b{ padding-top: 55px; height: 110px;}
.foot_b table tr td{border: 0; font-size: 12px; text-align: center;}
.foot_b table tr td img{display: block; margin: auto;}
.foot_f{text-align: center;}
@media (max-width:1768px){
	.nav ul li{font-size: 20px; float: left; margin: 0 20px;height: 64px; line-height: 64px;}
}
@media (max-width:1650px){
	.nav ul li{font-size: 20px; float: left; margin: 0 15px;height: 64px; line-height: 64px;}
}
@media (max-width:1568px){
	.nav ul li{font-size: 20px; float: left; margin: 0 6px;height: 64px; line-height: 64px;}
}
@media (max-width:768px){
.m2{height: auto; position: relative; top: 0px;}
.m2t{width: 100%; float: none; padding-top: 15px;}
.m2t h3{font-size: 32px; font-weight: bold; background: url(../img/icon5.png) left no-repeat; padding-left: 17px; line-height: 32px;}
.m2t span{font-size: 18px; text-transform: uppercase;}
.m2con{float: none; padding-top: 20px;}
.m2con ul li{float: left; width: 50%; text-align: center; margin: 0px 0px;}
.m2con ul li .shu{position: relative;}
.m2con ul li .shu span{font-size: 55px; line-height: 55px; color: #014099; font-family: Impact;}
.m2con ul li .shu i{width: 25px; height: 25px; display: inline-block; text-align: center; line-height: 25px; border-radius: 50%; background: #fdb323; font-size: 15px; font-style: normal; color: #fff;}
.m2con ul li p{font-size: 18px;}
.m3{height: auto; position: relative;}
.m3l{width: 100%; float: none; padding-bottom: 30px;}
.m3t{margin-top: 48px; position: relative; height: 56px; border-bottom: 4px solid #014099; left: 0; width: 100%;}
.m3t span{width: 180px; height: 56px; background: #014099; display: block; color: #fff; font-size: 24px; line-height: 60px; text-align: center; float: left;}
.m3t span img{display: inline-block; float: right;position: relative; top: 19px; right: 23px;}
.m3r{float: none; width: 100%; height: auto; position: relative; z-index: 2;}
.m3lcon{padding-top: 20px;}
.m3lcon h3{font-size: 30px;}
.m3lcon p{font-size: 18px; line-height: 36px; padding-top: 10px; height: auto; padding-bottom: 30px;}
.m3lcon a{font-size: 16px; color: #a3a3a3; width: 136px; height: 42px; border: 2px solid #d2d2d2; display: block; text-align: center; line-height: 42px; position: relative;}
.m3lcon a img{float: right; position: relative; right: 15px; top: 18px;}
.m3b{width: 100%; height: 170px; background: #014099; border-top-left-radius: 0px; position: relative; bottom: 0px; right: 0; z-index: 1;}
.m3bcon{width: 100%; text-align: center; color: #fff; padding-top: 50px;}
.m3bcon h3{font-size: 25px; line-height: 41px;}
.m3bcon span{font-size: 14px;}
.m4{height: auto; background: url(../img/m4.jpg) center;}
.m4t{width: 185px; margin: auto; padding-top:45px; height: 139px;}
.m4conwap{width: 100%; margin: auto; position: relative;}
.m4conwap .bd{overflow: hidden;}
.m4conwap ul li{width: 100%;  float: left;}
.m4conwap ul li .img{width: 100%; height: 450px; background-size: cover;}

.m6{height: 800px; background: url(../img/m6.jpg) center; position: relative;}
.m6con{width: 100%; margin: auto; overflow: hidden;}
.m6con ul{height: 400px; }
.m6con ul li{width: 50%; height: 310px; float: left; margin-right: 0px; perspective: 390px; margin-top: 15px;}
.m6con ul li .img{width: 100%; height: 310px; background-size: cover; background-repeat: no-repeat; }
.m6con ul li:nth-child(2n+1) .img{transform: rotateX(0deg) rotateY(-8deg); /* 倾斜元素 */}
.m6con ul li:nth-child(2n) .img{transform: rotateX(0deg) rotateY(8deg); /* 倾斜元素 */ position: relative; left: 0px;}

.footwap{background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.5); text-align: center; padding-top: 20px; padding-bottom: 20px;}




}