#tou{height: 110px;}
.logo{float: left; width: 449px; padding-left: 60px; line-height: 110px;}
.logo img{display: block; padding-top: 8px;}
.tour{width: 210px; padding-left: 65px; height: 86px; padding-top: 24px; float: right; background: #1c7ce2; color: #fff; font-size: 15px;}
.tour h3{font-size: 24px; font-weight: normal; line-height: 24px;}
.tour img{float: left; padding-right: 5px; }
.tour p{line-height: 25px; padding-bottom: 9px;}
.nav{float: right; width: calc(100% - 784px); max-width: 890px;}
.nav ul{display: flex; padding-top: 33px;}
.nav ul li{float: left; font-size: 18px; height: 45px; line-height: 45px; flex:1; position: relative; text-align: center;}
.nav ul li::after{content: '·'; font-weight: bold; position: absolute; right: 0;}
.nav ul li:nth-last-child(1){margin-right: 20px;}
.nav ul li:nth-last-child(1)::after{content: '';}
.nav ul li.on{background: #1c7ce2; border-radius: 22px; }
.nav ul li.on a{color: #fff;}
.nav ul li.on::after{content: '';}

#banner{height: 790px;	position: relative;	}
#banner ul.bd li{height: 790px;}
#banner .hd{position: absolute; bottom: 35px; width: 100%; text-align: center;}
#banner .hd li{display: inline-block; font-size: 30px; font-family: 'Bahnschrift'; margin: 0px 23px; border-bottom: 5px solid #fff; color: #fff; padding-left: 9px; padding-right: 9px;}
#banner .hd li.on{color: #4196f0; border-bottom: 5px solid #4196f0;}
.m1{height: 615px; padding-top: 120px; background: url(../img/icon3.png) right no-repeat; background-position:90% 119px ;}
.t1{font-size: 30px; line-height: 30px; background: url(../img/icon2.png) left no-repeat; padding-left: 65px;}
.m1con ul li{color: #000; font-size: 40px; line-height: 58px;}
.m1 .hd ul li{width: calc(25% - 20px); float: left; background: #f5f5f5; height: 212px; margin-right: 20px;}
.m1 .hd ul li span{float: left; font-size: 54px; line-height: 54px; padding-left: 35px; padding-top: 39px;}
.tit{float: right; text-align: right; padding-right: 35px;  }
.tit h3{font-size: 60px; font-family:'Bahnschrift'; color: rgba(51, 51, 51, 0.2); line-height: 60px; padding-top: 33px; padding-bottom: 20px;}
.tit i{font-size: 30px; line-height: 30px; font-style: normal;}
.tit p{ color: rgba(51, 51, 51, 0.4); font-size: 16px;}
.m1 .hd ul li.on{background: #1c7ce2; color: #fff;}
.m1 .hd ul li.on h3{color: rgba(255, 255, 255, 0.4);}
.m1 .hd ul li.on p{color: rgba(255, 255, 255, 0.4);}
.m1con{height: 200px; padding-top: 35px; position: relative;}
.m1con .arrow{position: relative; float: right;}
.m1con a.next{  position: absolute;
    right: 0px;
    top: 50%;
    overflow: hidden;
    zoom: 1;
    width: 26px;
    height: 26px;
    text-indent: -99999px;
    border-left: 8px solid #b2b2b2; 
    border-top: 8px solid #b2b2b2;
    transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);}
.m1con a.prev{  position: absolute;
    right: 76px;
    top: 50%;
    overflow: hidden;
    zoom: 1;
    width: 26px;
    height: 26px;
    text-indent: -99999px;
    border-left: 8px solid #b2b2b2;
    border-top: 8px solid #b2b2b2;
    transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);}
.m1con a:hover{border-left: 8px solid #4878a9;    border-top: 8px solid #4878a9;}
#m2{height: 1068px; background: url(../img/m2.jpg) center;}
.t2{height: 210px;  position: relative;}
.t2 h3{font-size: 50px; line-height: 210px; font-weight: normal; position: relative; z-index: 2;}
.t2 span{width: 698px; height: 62px; display: block; background: url(../img/t2.png); position: absolute; top: 101px; z-index: 1;}
.t2 .more{float: right; margin-top: 150px; position: relative;}
.t2 .more::after{content: ''; width: 340px; height: 1px; background: #333333; position: absolute; left: -352px; top: 16px;}
.m2conl{width: calc(45% - 50px); float: left;}
.m2conl ul{padding-top: 20px;}
.m2conl ul li{height: 136px; margin-top: 34px; background-image: url(../img/a2.png); background-repeat: no-repeat; background-position: 130% 50%;}
.m2conl ul li a{padding-left: 15%; display: block;}
.m2conl ul li h3{font-size: 30px;}
.m2conl ul li p{font-size: 18px; line-height: 26px; color: #888888; padding-right: 30%;}
.m2conl ul li img{}
.m2conl ul li.on{border-bottom: 2px solid #e1e1e1;  transition: all 0.5s;  background-position: 100% 50%;}
.m2conl ul li.on h3{color: #1c7ce2;}
.m2conr{float: right; width: calc(55% - 50px);}
.m2conr ul li .img{height: 520px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.m2conr .m2rtit{height: 192px; background: #1c7ce2; padding-left: 70px;}
.m2conr .m2rtit a{float: right; font-size: 28px; color: #fff; padding-right: 70px; line-height: 192px;}
.m2conr .m2rtit h3{font-size: 40px; font-weight: normal; color: #fff; line-height: 60px; padding-top: 20px;}
.m2conr .m2rtit span{color: #aac9f7; font-size: 20px; position: relative;}
.m2conr .m2rtit span::after{content: ''; width: 40px; height: 6px; background: #fff; position: absolute; bottom: -32px; left: 0;}
#m3{height: 800px; background: url(../img/m3.jpg) center;}
.t3{height: 210px; padding-top: 30px;  position: relative;}
.t3 h3{font-size: 50px; line-height: 210px; font-weight: normal; position: relative; z-index: 2; color: #fff;}
.t3 span{width: 727px; height: 62px; display: block; background: url(../img/t3.png); position: absolute; top: 131px; z-index: 1;}
.m3con p{width: 68%; color: #fff; font-size: 18px; padding-top: 20px; height: 160px;}
.m3con a{font-size: 20px; border-bottom: 1px solid #fff; color: #fff; line-height: 45px; display: block; float: left;}
.m3con2{clear: both; text-align: center; padding-top: 100px;}
.m3con2 a{width: 400px; height: 120px; padding-top: 10px; border: 2px solid #fff; display: inline-block; border-radius: 18px; color: #fff; text-align: left; margin: 0px 74px;}
.m3con2 a span{float: left; font-size: 60px; padding-left: 53px; padding-right: 35px;}
.m3con2 a h3{font-size: 30px; font-weight: normal; line-height: 36px; padding-top: 25px;}
.m3con2 a p{font-size: 18px;}
.m4{height: 988px;}
.m4t{height: 261px; border-bottom: 2px solid #dcdcdc;}
.t4{height: 210px; padding-top: 30px;  position: relative; float: left;}
.t4 h3{font-size: 50px; line-height: 210px; padding-top: 30px; font-weight: normal; position: relative; z-index: 2; }
.t4 span{width: 260px; height: 71px; display: block; background: url(../img/t4.png); position: absolute; top: 166px; z-index: 1;}
.m4t a{color: #000;}
.m4t .hd{float: right; width: 420px; padding-top: 190px;}
.m4t .hd ul li{ font-size: 20px; height: 50px; line-height: 50px; text-align: center; width: 140px; float: left; margin-right: 20px;}
.m4t .hd .more{float: right; display: block; font-size: 20px; line-height: 50px; position: relative;}
.m4t .hd ul li.on{background: #1c7ce2; color: #fff; position: relative;}
.m4t .hd ul li.on::after{content: ''; width: 140px; height: 4px; background: #1c7ce2; position: absolute; bottom:-23px ; left: 0px; z-index: 99; } 
.m4conl{width: 68%;}
.m4conl ul{padding-top: 60px;}
.m4conl ul li{float: left; width: calc(50% - 30px); background: #f8f8f8; height: 528px; margin-right: 30px;}
.m4conl ul li .img{height: 308px; background-repeat: no-repeat; background-position: center; background-size: cover;}
.m4conl ul li h3{font-size: 22px; font-weight: normal; color: #000; padding-top: 30px;}
.m4conl ul li .wz{padding-left: 25px; padding-right: 25px;}
.m4conl ul li .sj{font-size: 16px; color: #9a9a9a;}
.m4conl ul li p{font-size: 16px; color: #555555; line-height: 26px; padding-top: 20px;}
.m4conr{height: 528px; float: right; width: 32%; background: #f8f8f8;}
.m4conr ul{padding-left: 30px; padding-right: 30px; padding-top: 15px;}
.m4conr ul li{margin-top: 15px;}
.m4conr ul li{font-size: 22px; font-weight: normal; line-height: 33px;}
.m4conr ul li span{font-size: 16px; color: #9a9a9a; display: block;}
.m4conr ul li a{display: block;}
#foot{height: 460px; background: url(../img/foot.jpg) top center;}
.foot1{height: 362px;}
.footl{width: 68%; float: left; background: #232323; height: 362px; border-top: 10px solid #1c7ce2;}
.footr{width: calc(32% - 2px); float: right; background: #1e1e1e; height: 362px; border-top: 10px solid #6a6a6a; border-right: 2px solid #323232;}
.footl>ul>li{width: calc(25% - 2px); float: left;height: 290px; border-left: 2px solid #323232;font-size: 20px; font-weight: bold; color: #fff; position: relative;text-indent: 47px; padding-top: 72px;}
.footl>ul>li::after{content: ''; width: 5px; height: 20px; background: #fff; position: absolute; left: -2px; top: 82px;}
.footl ul li ul{padding-top: 20px;}
.footl ul li ul li{font-size: 16px; color: #8c8c8c; font-weight: normal; line-height: 35px;}
.footl ul li ul li a{color:#fff}
.footl ul li a{color:#fff}
.footr1{height: 188px; border-bottom: 2px solid #323232;}
.footr1 img{float: right; padding-right: 22px; padding-top: 32px;}
.footr2{color: #999999; font-size: 16px; text-align: right;padding-right: 22px;}
.footr2 p{padding-top: 20px;}
.footr2 h3{font-size: 40px; font-weight: bold; color: #fff; line-height: 40px; padding-top: 5px;}
.footr2 span{font-size: 26px; position: relative; top: 4px; padding-right: 5px;}
.foot2{clear: both; border-top: 2px solid #323232; }
.foot2l{width: 68%; float: left; background: #232323; height: 86px; line-height: 86px; font-size: 16px; color: #999999; }
.foot2r{width: 32%; float: right; height: 86px; line-height: 86px; font-size: 16px; color: #999999;  text-align: right; }





@media (max-width:768px){
	#bannerwap{position: relative; display: block;}
	#bannerwap .hd{position: absolute; width: 100%; bottom: 20px; text-align: center;}
	#bannerwap .hd li{width: 20px; height: 20px; line-height: 20px; font-size: 14px; border-radius: 50%; margin: 0px 5px; border: 1px solid #fff; display: inline-block; color: #fff;}
	#bannerwap .hd li.on{color: #c89736; border: 1px solid #c89736;}
	.m1con ul li{color: #000; font-size: 20px; line-height: 35px;}
	.m1con .arrow{display: none;}
	.m1{height: auto; padding-top: 50px; background: url(../img/icon3.png) right no-repeat; background-position:90% 119px ;}
	.t1{font-size: 30px; line-height: 30px; background: url(../img/icon2.png) left no-repeat; padding-left: 65px;}
	.m1 .hd ul li{width: calc(50% - 20px); float: left; background: #f5f5f5; height: 132px; margin-left: 0px; text-align: center; margin-bottom: 15px;}
	
	.m1 .hd ul li span{float: none; text-align: center; display: block; font-size: 54px; line-height: 54px; padding-left: 0px; padding-top: 15px; padding-bottom: 15px;}
	.tit{float: none; text-align: center; padding-right: 5px;  }
	.tit h3{font-size: 30px; font-family:'Bahnschrift'; color: rgba(51, 51, 51, 0.2); line-height: 60px; padding-top: 33px; padding-bottom: 20px; display: none;}
	.tit i{font-size: 25px; line-height: 30px; font-style: normal; margin: auto; text-align: center; display: block; width: 100%;}
	.tit p{ clear: both; color: rgba(51, 51, 51, 0.4); font-size: 16px; display: none;}
	
	#m2{height: 1068px; background: url(../img/m2.jpg) center;}
	.t2{height: 110px;  position: relative;}
	.t2 h3{font-size: 30px; line-height: 110px; font-weight: normal; position: relative; z-index: 2;}
	.t2 span{ display: none;}
	.t2 .more{float: right; margin-top: 150px; position: relative; display: none;}
	.t2 .more::after{content: ''; width: 340px; height: 1px; background: #333333; position: absolute; left: -352px; top: 16px;}
	#m2{height: auto; background: url(../img/m2.jpg) center;}
	
	.m2conwap{float: none; width: 100%;}
	.m2conwap ul li{margin-bottom: 15px;}
	.m2conwap ul li img{display: block;}
	.m2conwap .m2rtit{height:122px; background: #1c7ce2; padding-left: 15px;}
	.m2conwap .m2rtit a{float: right; font-size: 20px; color: #fff; padding-right: 0px; line-height: 92px; display: none;}
	.m2conwap .m2rtit h3{font-size: 20px; font-weight: normal; color: #fff; line-height: 30px; padding-top: 10px;}
	.m2conwap .m2rtit span{color: #aac9f7; font-size: 16px; position: relative;}
	.m2conwap .m2rtit span::after{content: ''; width: 40px; height: 6px; background: #fff; position: absolute; bottom: -32px; left: 0;}
	#m3{height: auto; background: url(../img/m3.jpg) center; padding-bottom: 30px;}
	.t3{height: 90px; padding-top: 10px;  position: relative;}
	.t3 h3{font-size: 30px; line-height: 90px; font-weight: normal; position: relative; z-index: 2; color: #fff;}
	.t3 span{display: none;}
	.m3con p{width: 100%; color: #fff; font-size: 16px; padding-top: 0px; height: auto;}
	.m3con a{font-size: 20px; border-bottom: 1px solid #fff; color: #fff; line-height: 45px; display: block; float: left;}
	.m3con2{clear: both; text-align: center; padding-top: 30px;}
	.m3con2 a{width: 100%; height: 100px; padding-top: 0px; border: 2px solid #fff; display: inline-block; border-radius: 18px; color: #fff; text-align: left; margin: 10px 0px;}
	.m3con2 a span{float: left; font-size: 60px; padding-left: 15px; padding-right: 15px;}
	.m3con2 a h3{font-size: 30px; font-weight: normal; line-height: 36px; padding-top: 25px;}
	.m3con2 a p{font-size: 18px;}
	.m4conl{width: 100%;}
	.m4conl ul{padding-top: 0px;}
	.m4conl ul li{float: none; width: 100%; background: #f8f8f8; height: auto; margin-right: 30px; padding-bottom: 20px; margin-bottom: 20px;}
	.m4conl ul li img{width: 100%; display: block; padding-bottom: 15px;}
	.m4conl ul li h3{font-size: 22px; line-height: 30px;  font-weight: normal; color: #000; padding-top: 0px;}
	.m4conl ul li .wz{padding-left: 25px; padding-right: 25px;}
	.m4conl ul li .sj{font-size: 16px; color: #9a9a9a;}
	.m4conl ul li p{font-size: 16px; color: #555555; line-height: 26px; padding-top: 0px;}
	.m4conr{height: auto; float: none; width: 100%; background: #f8f8f8;}
	.m4conr ul{padding-left: 30px; padding-right: 30px; padding-top: 15px;}
	.m4conr ul li{margin-top: 15px;}
	.m4conr ul li{font-size: 22px; font-weight: normal; line-height: 33px;}
	.m4conr ul li span{font-size: 16px; color: #9a9a9a; display: block;}
	.foot{ background: url(../img/foot.jpg) top center; color: #fff; text-align: center; padding-top: 25px; padding-bottom: 15px;}
}