#tousolid{height: 5px; background:  linear-gradient(to right, #d44168 , #ec6e8f);}
#tou{padding-left: 15%; padding-right: 15%; height: 149px;}
.logo{padding-top: 29px; float: left;}
.jrsc{width: 229px; height: 36px;  background:  linear-gradient(to right, #d44168 , #ec6e8f); border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;}
.tour{float: right; }
.jrsc{display: flex; padding-left: 30px; padding-right: 30px;}
.jrsc a{color: #fff; flex: 1; text-align: center;}
.tel{background: url(../img/a1.png) left no-repeat; padding-left: 41px; font-size: 16px; color: #d7476d; line-height: 25px; padding-top: 30px;}
.tel span{display: block; color: #333333; font-size: 24px; font-style: italic;}
#navsolid{height: 1px; background:  linear-gradient(to right, #d44168 , #ec6e8f);}
#nav{height: 60px; padding-left: 13%; padding-right: 13%;}
.menu ul{display: flex;}
.menu ul li{flex: 1; text-align: center; height: 60px; line-height: 60px; font-size: 18px;}
.menu ul li.on{background:  linear-gradient(to right, #d44168 , #ec6e8f);}
.menu>ul>li.on>a{color: #fff;}
.menu ul li ul{position: absolute; z-index: 999; background: rgba(255,255,255,0.7); display: block; width: 100%; left: 0; display: none;}
.menu ul li ul li{display: inline-block; padding: 0px 10px; font-size: 16px; height: 50px; line-height: 50px;}
.menu ul li ul li a{color: #333;}
.menu ul li ul li:hover{background:  linear-gradient(to right, #d44168 , #ec6e8f);}
.menu ul li ul li:hover a{color: #fff;}
#banner{position: relative; }
.hdul{position: absolute; width: 200px; left: 50%; bottom: 65px; z-index: 999; margin-left: -100px;}
.hdul a{width: 66px; height: 66px; display: block;}
.hdul .prev{background: url(../img/bl.png); float: left;}
.hdul .next{background: url(../img/br.png); float: right;}
.hdul .prev:hover{background: url(../img/blh.png);}
.hdul .next:hover{background: url(../img/brh.png);}
#m1{height: 910px;}
.m1{padding-top: 130px; height: 780px; position: relative;}
.m1l{width: 50%; height: 550px; float: left;}
.t1{height: 84px; background: url(../img/t1.png) left no-repeat;position: relative;}
.t1 h3{font-size: 30px; font-weight: bold; padding-left: 24px; line-height: 30px; padding-top: 15px;}
.t1 span{font-size: 15px; padding-left: 100px; font-family: Arial, Helvetica, sans-serif;}
.t1 p{font-size: 18px; left: 163px; position: absolute; top: 8px;}
.m1r{width: 50%; float: right;}
.m1con{padding-right: 43px;}
.m1con h3{font-size: 26px; color: #d7466d; padding-top: 43px; padding-bottom: 15px;}
.m1con p{font-size: 18px; line-height: 36px;}
.m1b{height: 210px; box-shadow: 0 0 20px rgba(0,0,0,0.1); clear: both; position: relative; top: -105px; margin: auto; width: calc(100% - 100px); background: #fff; border-bottom-left-radius: 93px; border-top-right-radius: 93px;}
.m1b ul{display: flex;}
.m1b ul li{flex:1; text-align: center; font-size: 26px; line-height: 40px; padding-top: 64px; height: 146px; background: url(../img/m1li.jpg) right no-repeat; background-position: ;} 
.m1b ul li:nth-last-child(1){background: none;}
.m1b ul li span{font-size: 60px;  background-image: linear-gradient(to right, #d44168 , #ec6e8f);  background-clip: text;-webkit-background-clip: text;color: transparent; font-weight: bold;}
#m2{height: 550px; background: url(../img/m2.jpg) center;}
#m2 ul{display: flex;}
#m2 ul li{flex: 1; height: 550px; padding-top: 145px; border-left: 1px solid rgba(255,255,255,0.2); padding-left: 35px; padding-right: 35px;}
#m2 ul li .icon{height: 45px;}
#m2 ul li h3{font-size: 24px; font-weight: bold; color: #fff; padding-top: 20px; padding-bottom: 10px;}
#m2 ul li p{color: #fff; font-size: 14px; border-bottom: 2px solid #fff;padding-bottom: 5px;}
#m2 ul li a{color: #fff; font-size: 14px; line-height: 50px;}
#m2 ul li .line{width: 60px; height: 2px; background-image: linear-gradient(to right, #d44168 , #ec6e8f); display: block; position: relative; top: -2px; transition: all 0.3s;}
#m2 ul li:hover .line{width: 100%;}
#m3{height: 1438px; background: #f5f5f5;}
.m3{padding-top: 129px;}
.t2{height: 84px; background: url(../img/t2.png) left no-repeat;position: relative;}
.t2 .more{width: 118px; height: 38px; border: 1px solid #d7466d; display: block; float: right; color: #d7466d; text-align: center; line-height: 38px;}
.t2 h3{font-size: 30px; font-weight: bold; padding-left: 24px; line-height: 30px; padding-top: 15px; }
.t2 span{font-size: 15px; padding-left: 100px; font-family: Arial, Helvetica, sans-serif;}
.t2 ul{float: right;background-image: linear-gradient(to right, #d44168 , #ec6e8f);   transform: skew(-15deg, 0); width: 70%; display: flex; margin-top: 15px;}
.t2 ul li{flex: 1; text-align: center; height: 50px; line-height: 50px;}
.t2 ul li.on{background: #e91e63}
.t2 ul li::after{content: '|'; color: #fff; float: right;}
.t2 ul li:nth-last-child(1)::after{content: '';}
.t2 ul li a{color: #fff;transform: skew(15deg, 0); display: inline-block;}
.m3con ul{padding-top: 75px; margin-left: -30px;}
.m3con ul li{background: #fff;float: left; width: calc(25% - 30px); height: 518px; position: relative; margin-left: 30px; margin-bottom: 69px;}
.m3con ul li h3{height: 65px; line-height: 65px; text-align: center; font-size: 18px; font-weight: normal; background: #fff;}
.m3con ul li .img{height: 278px; border: 1px solid #f0f0f0;}
.m3con ul li .img img{max-width: 100%; max-height: 100%;}
.m3con ul li p{font-size: 16px; padding:30px 20px 0px; text-align: center; line-height: 24px; height: 72px;}
.m3con ul li .more{text-align: center; font-size: 16px; color: #d7466d; margin-top: 20px;}
.m3con ul li .line{position: absolute; bottom: 0; height: 2px;background-image: linear-gradient(to right, #d44168 , #ec6e8f); width: 0%; transition: all 0.3s;}
.m3con ul li:hover .line{width: 100%;}
.m3con ul li:hover h3{background: url(../img/b2.png) left no-repeat; transition: all 0.3s;}
.m3con ul li:hover {box-shadow: 0 0 20px rgba(0,0,0,0.1); transition: all 0.3s;}
#m4{background: #f5f5f5;position: relative;}
.m4t{position: absolute; width: 538px; height: 82px; background: url(../img/m4t.png); left: 50%; margin-left: -269px; top: 120px;}
#m4 img{display: block; margin: 0;}
.m5{height: 660px;padding-top: 78px;}
.m5con{padding-top: 80px;}
.m5l{width: 75%; float: left;}
.m5l .bd ul li{width: 30%; float: left; margin-right: 3%;}
.m5l .bd ul li .img{height: 210px; width: 100%; background-repeat: no-repeat; background-size: cover; margin-bottom: 10px; background-position: center;}
.m5l .bd ul li span{font-size: 14px; line-height: 40px;}
.m5l .bd ul li h3{line-height: 35px; font-size: 16px; font-weight: normal; height: 70px;}
.m5l .bd ul li p{color: #999999; font-size: 16px; line-height: 27px; height: 81px; padding-top: 10px;}
.m5l .hd{clear: both; padding-top: 50px;}
.m5l .hd ul{margin: auto;text-align: center;}
.m5l .hd ul li{width: 16px; height: 16px; border-radius: 50%; background: #bfbfbf;  display: inline-block; margin: 0px 9px; line-height: 99px; overflow: hidden;}
.m5l .hd ul li.on{background: #d7466d;}

.m5r{width: 23%; float: right;}
.m5r ul li{height: 210px;}
.m5r ul li .img{height: 150px; width: 100%; background-repeat: no-repeat; background-size: cover; margin-bottom: 10px; background-position: center;}
.m5r ul li .img .tip{width: 100px; height: 40px; background: #d7466d; color: #fff; line-height: 40px; text-align: center; color: #fff; border-bottom-right-radius: 13px;}
.m5r ul li h3{font-weight: normal; font-size: 16px;}

#foot{height: 500px; background: url(../img/foot.jpg) center; color: #fff;}
.footl{width: 75%; float: left;}
.footnav{height: 339px; border-bottom: 1px solid #f2668b;}
.footnav>ul{display: flex; padding-top: 60px;}
.footnav>ul>li{flex:1; font-size: 20px;}
.footnav ul li a{color: #fff;}
.footnav ul li ul{padding-top: 20px;}
.footnav ul li ul li{font-size: 16px; line-height: 36px;}
.footbl{font-size: 14px; line-height: 28px; padding-top: 25px; color: #ffa9c0; float: left;}
.footbr{width: 280px; float: right; padding-top: 15px;}
.footbr img{float: left; padding-right: 16px;}
.footbr span{padding-top: 30px; display: block; line-height: 23px; font-size: 16px}
.footr{width: 25%; float: right; padding-top: 70px;}
.footr ul{padding-top: 20px;}
.footr ul li{padding-left: 80px;}
.footr ul li{margin-top: 10px;}
.footr ul li div{width: 33px; height: 30px;}
#bannerzy{height: 375px; background: url(../img/zybanner.jpg) center; position: relative;}	
.zydaohang{border-bottom: 1px solid #eeeeee; height: 59px; padding-top: 29px; line-height: 59px; font-size: 14px; color: #777777;}		
.zydaohang span{padding-right: 6px;}
#titzy{float: left;}	
#titzy a{color: #777777; width: 110px; height: 40px; display: block; float: left; text-align: center; line-height: 40px; margin-top: 5px;}
#titzy a.on{color: #FFFFFF; background:linear-gradient(to right, #d44168 , #ec6e8f)}

@media (max-width:1610px){
	.m4t{ top: 20px;}
	.footbr{display: none;}
	.footr ul li{padding-left: 0;}
}
@media (max-width:768px){
	
	#m1{height: auto;}
	.m1{padding-top: 30px; height: auto; position: relative;}
	.m1b{display: none;}
	.m1l{width: 100%; height: auto; float: none;}
	.m1con{padding-right: 0;}
	.m1r{width: 100%; float: none;}
	#m2{height: auto; background: url(../img/m2.jpg) center; background-size: cover;}
	#m2 ul{display: block;}
	#m2 ul li{width: auto; height: auto; padding-top: 15px; border-left: 1px solid rgba(255,255,255,0.2); padding-left: 35px; padding-right: 35px;}
	#m2 ul li .icon{height: 45px; display: none;}
	#m2 ul li h3{font-size: 24px; font-weight: bold; color: #fff; padding-top: 20px; padding-bottom: 10px;}
	#m2 ul li p{color: #fff; font-size: 14px; border-bottom: 2px solid #fff;padding-bottom: 5px;}
	#m2 ul li a{color: #fff; font-size: 14px; line-height: 50px;}
	#m2 ul li .line{width: 60px; height: 2px; background-image: linear-gradient(to right, #d44168 , #ec6e8f); display: block; position: relative; top: -2px; transition: all 0.3s;}
	#m2 ul li:hover .line{width: 100%;}
	.t2 ul{display: none;}
	#m3{height: auto;}
	.m3wap{padding-top: 39px;}	
	.m3con ul li{ width: calc(100% - 30px); margin-bottom: 30px; height: auto}

	.m5{padding-top: 30px; height: auto;}
	.t2 .more{display: none;}
	.m5wap .bd li{width: 100%; float: left;}
	.m5wap .bd li .img{height: 210px; width: 100%; background-repeat: no-repeat; background-size: cover; margin-bottom: 10px; background-position: center;}
	.m5wap .bd li span{font-size: 18px; line-height: 40px;}
	.m5wap .bd li h3{line-height: 35px; font-size: 20px; font-weight: normal; height: 70px;}
	.m5wap .bd li p{color: #999999; font-size: 16px; line-height: 27px; height: 81px; padding-top: 10px;}
.m5wap .hd{clear: both; padding-top: 50px;}
.m5wap .hd ul{margin: auto;text-align: center;}
.m5wap .hd ul li{width: 16px; height: 16px; border-radius: 50%; background: #bfbfbf;  display: inline-block; margin: 0px 9px; line-height: 99px; overflow: hidden;}
.m5wap .hd ul li.on{background: #d7466d;}
.footsj{ background: url(../img/foot.jpg) center;color: #fff;}
.footsj p{padding: 15px;}
}