#nav{height: 115px; background: url(../img/nav.jpg) repeat-x;}
.nav{display: flex; justify-content: space-between;}
.logo{padding-top: 10px;}
.menuicon{ color: #fff; display: flex; height: 115px;align-items: center;}
.menuicon .iconfont{font-size: 45px; margin-right: 30px;}
.menuicon .sousuo{width: 39px; height: 39px; border-radius: 50%; border: 2px solid #fff; font-size: 25px; display: block; line-height: 39px; text-align: center;}
.menu{}
.menu ul{display: flex;}
.menu>ul>li{font-size: 20px; color: #fff; padding:0 13px; position: relative; line-height: 115px;}
.menu>ul>li:hover{background: #992623;}
.menu ul li ul{position: absolute; display: flex; width: 100%; flex-wrap: wrap; background: rgba(163,63,61,0.8); left: 0; display: none; z-index: 999; z-index: 10;}
.menu ul li ul li{ font-size: 16px; line-height: 20px; display: block; text-align: center; width: 100%; padding: 8px 0px;}
.menu ul li ul li:hover{background-color: rgba(163,63,61,1);}
#banner{height: 840px; position: relative; }
#banner .bd li{height: 840px;}
#banner .bd li img{display: block; height: 840px; width: 100%; object-fit: cover;}
#banner .prev,#banner .next{position: absolute; font-size: 60px; top: 45%;}
#banner .prev span,#banner .next span{font-size: 60px; color: rgba(255,255,255,0.6);}
#banner .prev{left: 23px;}
#banner .next{right: 23px;}
#banner .hd{position: absolute; bottom: 47px; display: flex; justify-content: center; width: 100%;}
#banner .hd li{width: 33px; height: 33px; background: url(../img/icon1.png) center no-repeat; margin: 0 10px;}
#banner .hd li.on{background: url(../img/icon2.png);}
#m1{height: 1384px; background: url(../img/m1.jpg) center;}
.m1{height: 570px; padding-top: 115px;}
.tit1{height: 124px; position: relative;}
.tit1 h3{font-size: 42px; font-weight: bold; color: #a5403e; line-height: 42px; padding-top: 30px;}
.tit1>span{font-size: 60px; position: absolute; color: rgba(165,64,62,0.08); position: absolute; top: -10px; left: 52px; line-height: 60px;}
.tit1 a{float: right; width: 176px; height: 46px; display: block; border: 2px solid #e9dcdc; border-top-left-radius: 20px; border-bottom-right-radius: 20px; text-align: center; line-height: 46px; color: #a5403e; font-size: 16px; margin-top: 26px;}
.tit1 a span{padding-right: 9px;}
.m1con ul{display: flex; justify-content: space-between;}
.m1con ul li{width: 32%; height: 393px; border-top-left-radius: 50px; border-bottom-right-radius: 50px; overflow: hidden; position: relative;}
.m1con ul li img{width: 100%; height: 100%; object-fit: cover;}
.m1contit{height: 120px; padding-top: 20px; width: 100%; background: linear-gradient(164deg, #b92623, #f8786d); position: absolute; bottom: 0; border-top-left-radius: 50px; color: #fff;}
.m1contit .sj{float: left; width: 155px; text-align: center;}
.m1contit .sj h3{font-size: 50px; line-height: 58px; font-weight: bold; position: relative;}
.m1contit .sj h3::after{ content: ''; width: 40px; height: 1px; background: #fff; position: absolute; bottom: 0; left: 50%; margin-left: -20px; }
.m1contit .sj span{font-size: 20px;}
.m1contit p{font-size: 24px; font-weight: bold; line-height: 43px; padding-top: 5px; padding-right: 27px;}
.m2{ padding-top: 115px;}
.m2con ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.m2con ul li{width: 32%; height: 118px; position: relative; margin-top: 40px; margin-bottom: 24px;}
.m2con ul li .sj{height: 118px; width: 118px;background: linear-gradient(164deg, #b92623, #f8786d); border-top-left-radius: 50px; border-bottom-right-radius: 50px; text-align: center; color: #fff; float: left; margin-right: 18px;}
.m2con ul li .sj h3{font-size: 50px; line-height: 58px; padding-top: 12px; font-weight: bold; position: relative;}
.m2con ul li .sj h3::after{ content: ''; width: 40px; height: 1px; background: #fff; position: absolute; bottom: 0; left: 50%; margin-left: -20px; }
.m2con ul li .sj span{font-size: 20px;}
.m2con ul li p{font-size: 22px; font-weight: bold; line-height: 36px; padding-top: 18px; padding-right: 27px;}
.m2{ padding-top: 115px; }
#m3{height: 1200px; background: url(../img/m3.jpg) center;}
.tit2{height: 117px; padding-top: 80px; position: relative;}
.tit2 h3{font-size: 42px; font-weight: bold; color: #fff; line-height: 42px; padding-top: 30px;}
.m3con{width: 100%; height: 900px;  border-radius: 26px; overflow:hidden; position: relative;}
.m3conbj{width: 100%; height: 900px; background-color: #000;position: absolute; left: 0; top: 0; z-index: 1;}
.m3conbj img{opacity: 0.64; display: block; width: 100%; height: 900px; object-fit: cover; }
.m3conbj video{position: absolute; left: 0; top: 0; width: 100%; height: 900px; opacity: 0.64;transition: all 0.5s; z-index: 10;}
.m3conbj video#myVideo.play{opacity: 1;}
.m3conr{width: 55%; height: 100%; float: right; position: relative; z-index: 2; border-radius: 25px; overflow: hidden;}
.m3conr ul{width: 100%; border-radius: 25px; overflow: hidden; margin-right: 50px;}
.m3conr ul li{float: left; width: 50%; height: 50%; position: relative; display: flex;justify-content: center; overflow: hidden;}

.m3conr ul li img{display: block; width: 100%; height: 100%; transition: all 0.3s;}
.m3conr ul li:hover img{transform: scale(1.2);}
.m3conr ul li .bj{width: 100%; height: 100%; display: block; position: absolute; z-index: 2; background: url(../img/bj.png) bottom repeat-x;}
.m3li_t{position: absolute; z-index: 3; bottom: 45px; border-bottom: 2px solid #fff; width: 72%; font-size: 26px; line-height: 35px;  color: #fff; font-weight: normal; padding-left: 10px; }
.m3li_t h3{float: left; font-weight: normal; font-size: 26px;}
.m3li_t span{float: right; font-size: 26px; padding-top: 6px; padding-right: 5px;}
.m3conl{float: left; position: relative; z-index: 3; text-align: center; color: #fff; font-size: 26px; width: 45%; height: 100%; flex-direction: column;}
.m3conl img{display: block;}
#foot{height: 516px;background: linear-gradient(67deg, #a5403e, #f8786d); clear: both; }
.foot1{display: flex; padding-top: 58px; height: 346px; justify-content: space-between;}
.foot_tit{font-size: 24px; font-weight: bold; color: #fff; border-bottom: 1px solid #e67c7a;}
.foot_con{padding-top: 26px; color: #fff; font-size: 18px; line-height: 34px;}
.foot2{height: 111px; border-top: 1px solid #e67c7a; color: #fff; font-size: 18px; line-height: 111px;}
.totop{position: fixed; right: 6%; bottom: 34px; z-index: 9; display: none;}

	.zyl{float: left; background: #fff; width: 216px; margin-top: 23px;}
	
	.zyl_t{background: linear-gradient(67deg, #a5403e, #f8786d); color: #fff; font-weight: bold; padding-left: 35px; height: 51px; line-height: 51px;}
	.zyl_con{border: 1px solid #ddd;}
	.zyl_con>ul{}
	.zyl_con>ul>li{text-indent: 35px; min-height: 41px; line-height: 40px; background: url(../img/li.png) top left no-repeat; border-bottom: 1px #a2d1ef dashed;}
	.zyl_con>ul>li.on{background: url(../img/li.png) top no-repeat; font-weight:bold;}
	.zyl_con>ul>li:hover{ background: url(../img/li.png) top left no-repeat #a5403e; color: #fff;}
	.zyl_con>ul>li.on .menu_item{color: #fff;}
	.zyl_con>ul>li:hover .menu_item{color: #fff;}
	.zyl_con>ul>li ul{max-height: 0; overflow: hidden; transition: all 0.5s;}
	.zyl_con>ul>li ul li{background: none; line-height: 35px; padding-left: 0;}
	.zyl_con>ul>li:hover ul{max-height: 350px;}
	.zyr{
		float: right; width: calc(100% - 250px);
	}

@media (max-width:1650px){
	.menu>ul>li{font-size: 18px; color: #fff; padding:0 4px; position: relative; line-height: 115px;}
}
@media (max-width:1420px){
	.menu>ul>li{font-size: 18px; color: #fff; padding:0 4px; position: relative; line-height: 115px;}
	.container{padding-left: 3%; padding-right: 3%;}
}
@media (max-width:1340px){
	.menu>ul>li{font-size: 16px; color: #fff; padding:0 3px; position: relative; line-height: 115px;}
	.container{padding-left: 2%; padding-right: 2%;}
}
@media (max-width:1237px){
	.menu{display: none;}
}
/* 手机 */
@media (max-width:768px){
	#nav{height: 80px;}
	#nav img{height: 60px;}
	.menuicon{height: 60px; padding-top: 20px;}
	.menuicon .sousuo{display: none;}
	.logo{padding-left: 15%;}
	#banner{height: auto; }
	#banner .bd li{height: auto;}
	#banner .bd li img{display: block; height: auto; object-fit: cover;}
	#banner .prev,#banner .next{position: absolute; font-size: 60px; top: 15%;}
	#banner .prev span,#banner .next span{font-size: 60px; color: rgba(255,255,255,0.6);}
	#banner .hd{position: absolute; bottom: 10px; display: flex; justify-content: center; width: 100%;}
	#m1{height: auto; background: url(../img/m1.jpg) center;}
	.m1{height: auto; padding-top: 35px;}
	.m1con ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
	.m1con ul li{width: 100%; height: 393px; border-top-left-radius: 50px; border-bottom-right-radius: 50px; overflow: hidden; position: relative; margin-bottom: 20px;}
	.m2{ padding-top: 35px; padding-bottom: 35px;}
	.m2con ul li{width: 100%; height: 118px; position: relative; margin-top: 10px; margin-bottom: 14px;}
	#m3{height: auto; background: url(../img/m3.jpg) center; padding-bottom: 50px;}
	.tit2{height: 137px; padding-top: 30px; position: relative;}
	.m3con{width: 100%; height: auto;  border-radius: 26px; overflow:hidden; position: relative;}
	.m3conbj{width: 100%; height: 100%; background-color: #000;position: absolute; left: 0; top: 0; z-index: 1;}
	.m3conbj img{opacity: 0.64; display: block; width: 100%; height: 500px; object-fit: cover; }
	.m3conr{width: 100%; height: 100%; float: none; position: relative; z-index: 2; border-radius: 25px; overflow: hidden;}
	.m3conl{float: left; position: relative; z-index: 3; text-align: center; color: #fff; font-size: 26px; width: 100%; height: auto; flex-direction: column; padding-top: 50px;}
	.m3conr ul{margin-right: 0; padding-top: 30px;}
	.foot2{background: linear-gradient(67deg, #a5403e, #f8786d);}
	.foot2{height: 111px; padding-top: 20px; border-top: 1px solid #e67c7a; color: #fff; font-size: 18px; line-height: 35px; text-align: center;}

	.zyl{ display: none;}
.zyr{
		float: none; padding: 0 15px;
		width: auto;
	}
	
}