@charset "utf-8";
.wrapper{overflow: hidden;padding: 100px 0 50px 0;}



/*********banner*********/
/*首页 */
.index-banner{overflow: hidden;background: url(../images/index_img.webp) no-repeat center right;background-size: cover;height: 1020px;width: 100%;position: relative;}
.index-banner .text{overflow: hidden;height: 860px;margin-left: 75px;width: 870px;margin-top:80px;background: rgba(255,255,255,0.5);text-align: center;}
.index-banner .text h1{font-size: 72px;line-height:1.3;padding-top: 200px;}
.index-banner .text h2{font-size: 20px;font-family: arial;margin: 50px 0 40px 0;}
.index-banner .text h3{font-size: 15px;line-height: 28px;width: 400px;margin: 0 auto;font-weight: bold;}
.index-banner .text a{
	display: block;width: 100px;line-height: 45px;text-align: center;border-radius: 50px;border: 1px solid #181818;margin: 50px auto 0;
	-webkit-transition: all 0.4s;   
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	transition: all 0.4s;
}
/*内页*/
.ny-banner{overflow: hidden;line-height: 480px;height: 480px;width: 100%;text-align: center;font-size: 72px;color: #ffffff;}
.ny-banner .text{width: 100%;height: 100%;background: rgba(0,0,0,0.2);}



/*********首页*********/
.index-banner .text a,.index-banner .text a:hover{background:#A201CB;color: #fff;}
/*m2*/
.m2{overflow: hidden;text-align: center;}
.m2 h1{font-size: 50px;}
.m2 h2{font-size:20px;margin: 40px 0 30px 0;}
.m2 h3{font-size:18px;line-height: 31px;font-weight: bold;}
.m2 h4{font-size:15px;font-weight: bold;margin-top: 10px;}
/*m3*/
.m3{overflow: hidden;padding: 100px 0 60px 0;}
/*m4*/
.m4{overflow: hidden;text-align: center;}
.m4 img{width: 100%;}
.m4 h1{font-size: 28px;margin: 45px 0;}
.m4 h2{font-weight: bold;line-height: 31px;font-size: 18px;}
.m4 p{line-height: 31px;font-size: 17px;}
/*m5*/
.m5{overflow: hidden;padding: 100px 0 40px 0;}
.m5 h3{font-size: 50px;text-align: center;}
.m5 h4{font-size: 20px;text-align: center;margin: 40px 0 80px 0;}
/*m6*/
.m6{cursor: pointer;overflow: hidden;}
.m6 .video{display: none;}
/*m7*/
.m7{overflow: hidden;padding: 100px 0 60px 0;}
/*m8*/
.m8{overflow: hidden;background: url(../images/img9.webp) no-repeat center center;background-size: cover;line-height: 480px;height: 480px;width: 100%;text-align: center;font-size: 72px;color: #ffffff;}
.m8 .text{width: 100%;height: 100%;background: rgba(0,0,0,0.2);}
/*m9*/
.m9{overflow: hidden;padding: 20px 0 100px 0;font-size: 18px;line-height: 35px;}
.m9 h1{font-size: 40px;margin: 80px 0 40px 0;}
/*m10*/
.m10{overflow: hidden;}
.m10 .left{width: 50%;overflow: hidden;}
.m10 .img{height: 680px;background: url(../images/cons.png) no-repeat center center;background-size: cover;}
.m10 .form{text-align: center;overflow: hidden;}
.m10 .form .center{display: inline-block;overflow: hidden;width:460px;text-align: left;}
.m10 .form h1{font-size: 40px;margin-top: 120px;}
.m10 .form h2{font-size: 15px;margin: 40px 0 25px 0;}
.m10 .form .input{margin-top: 8px;overflow: hidden;}
.m10 .form input[type='text']{line-height: 30px;font-size: 15px;padding: 5px;border:0;outline:none;border-bottom: 1px solid rgba(24, 24, 24, 1);}
.m10 .form textarea{font-size: 15px;padding: 5px;border:0;outline:none;border-bottom: 1px solid rgba(24, 24, 24, 1);width: 100%;height: 110px;font-family: "微软雅黑";}
.m10 .form .submit{text-align: center;border: 0;background: none;outline: none;cursor: pointer;font-size: 15px;margin: 15px auto 0;display: block;}



/*********列表1*********/
.list-one{overflow: hidden;}
.list-one .item{cursor: default;float: left;overflow: hidden;width: 460px;margin-left: 20px;display: block;text-align: center;margin-bottom: 40px;}
.list-one .item img{width: 460px;height: 380px;}
.list-one .item:nth-child(2n+1){margin-left: 0;}
.list-one .item h1{font-size: 26px;line-height: 1.3;margin: 50px 0;}
.list-one .item h2{font-size: 18px;line-height: 1.3;}
.list-one .item .text{font-size: 17px;line-height: 31px;margin-top: 30px;}



/*********列表2*********/
.list-two{overflow: hidden;}
.list-two .item{cursor: default;float: left;overflow: hidden;width: 460px;margin-left: 20px;display:block;margin-bottom: 40px;}
.list-two .item img{width: 460px;height: 380px;}
.list-two .item:nth-child(2n+1){margin-left: 0;}
.list-two .item h1{font-size: 26px;line-height: 1.3;margin: 50px 0 30px 0;}
.list-two .item .text{font-size: 17px;line-height: 31px;height:150px;overflow-y: auto;}
.list-two-h5{text-align: center;font-size: 50px;margin: 80px 0; }



/*********列表3*********/
.list-three{overflow: hidden;}
.list-three .item{border:1px solid #cccccc;overflow: hidden;display:block;margin-bottom:  35px;}
.list-three .item .img{width: 469px;height: 306px;float: left;}
.list-three .item .text{width: 465px;float: left;overflow: hidden;}
.list-three .item h1{font-size: 12px;padding: 40px 40px 25px 40px;}
.list-three .item h2{font-size: 22px;line-height: 28px;padding: 0 40px;}
.list-three .item:hover h2{color: rgba(49,101,112,1);}



/*********列表4*********/
.list-four{overflow: hidden;}
.list-four .item{overflow: hidden;display:block;margin-top: 50px;}
.list-four .item .left{overflow: hidden;width: 50%;}
.list-four .item img{overflow: hidden;width: 350px;height: 320px;margin: 0 auto;}
.list-four .item h1{font-size:36px;padding: 90px 0 70px 0;line-height: 1.3;}
.list-four .item a{
	display: block;width: 100px;line-height: 45px;text-align: center;border-radius: 50px;border: 1px solid #181818;
	-webkit-transition: all 0.4s;   
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	transition: all 0.4s;
}
.list-four .item a:hover{color: #ffffff;background:#A201CB;}
.list-four .item:nth-child(1n+1) img{float: left;}
.list-four .item:nth-child(1n+1) h1{text-align: right;}
.list-four .item:nth-child(1n+1) a{float: right;}
.list-four .item:nth-child(2n+1) img{float: right;}



/*********列表5*********/
.list-fives{overflow: hidden;padding-bottom: 50px;}
.list-fives h5{text-align: center;font-size: 50px;margin-top: 80px;}
.list-fives .item{display: block;overflow: hidden;display:block;margin-top: 60px;}
.list-fives .item img{max-width: 100%;width:800px;margin: 0 auto;display: block;}
.list-fives .item h1{font-size: 28px;padding: 70px 0 40px 0}
.list-fives .item h2{font-size: 20px;line-height: 33px;}



/*********列表6*********/
.list-six{overflow: hidden;}
.list-six img{
	height: 225px;display: block;width: 305px;margin-bottom: 10px;cursor:pointer;
	-webkit-transition: all 0.4s;   
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	transition: all 0.4s;
}
.list-six .top .left{width: 620px;height: 460px;display: block;margin-right: 10px;}
.list-six .top,.list-six .bottom{overflow: hidden;}
.list-six .bottom img{float: left;margin-left: 10px;}
.list-six .bottom img:nth-child(3n+1){margin-left: 0px;}
.list-six img:hover{opacity: 0.8;}



/*********列表7*********/
.list-seven{overflow: hidden;padding-bottom: 50px;}
.list-seven .item{display: block;overflow: hidden;display:block;margin-bottom: 70px;cursor: default;}
.list-seven .item h1{font-size: 40px;font-family: arial;margin-bottom: 40px;}
.list-seven .item p{font-size: 20px;line-height: 33px;}



/*********列表8*********/
.list-eight{overflow: hidden;padding-bottom: 50px;}
.list-eight img{
	width: 300px;height: 410px;float: left;margin:0 6px 12px 6px;display: block;cursor: pointer;
	-webkit-transition: all 0.4s;   
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	transition: all 0.4s;
}
.list-eight img:hover{opacity: 0.8;}
.list-eight-h5{text-align: center;font-size: 50px;margin: 20px 0 80px 0; }



/*********联系我们*********/
.contact{overflow: hidden;text-align: center;width: 760px;margin: 0 auto;}
.contact h1{font-size: 60px;}
.contact h2{font-size: 20px;font-weight: bold;margin:35px 0;line-height: 33px;}
.contact p{font-size: 20px;font-weight: bold;line-height: 33px;}
.contact a{display: block;text-align: center;line-height: 60px;background: #ffffff;border-radius: 50px;margin-top: 50px;}



/*********详情*********/
.detail{overflow: hidden;padding: 60px 90px;border:1px solid #ccc;margin-top: 50px;}
.detail .tag{height: 30px;position: relative;line-height: 30px;z-index: 99;}
.detail .tag span{font-size: 12px;line-height:1.3;}
.detail .tag span.right{cursor: pointer;}
.detail .share-hide{cursor: pointer;display: none;position: absolute;right: 0;top: 30px;padding: 0 20px;line-height: 50px;box-shadow: 0 3px 8px 0 rgba(0,0,0,.2);width: 160px;z-index: 98;background: #ffffff;}
.detail .share-hide img{float: left;margin-top:17px;margin-right: 8px;}
.detail .title{font-size: 40px;margin: 35px 0;}
.detail .text{overflow: hidden;line-height: 1.5;font-size: 18px;}
.detail .share{line-height:25px;margin-top:80px;overflow: hidden;padding: 18px 0;border-top: 1px solid #cccccc;border-bottom:1px solid #cccccc;}
.detail .share .share-ico{margin-right: 26px;}
.detail .share .share-ico:hover{opacity: 0.6;}
.detail .num{font-size: 12px;color: #666666;margin-top: 20px;}



/*********列表9*********/
.list-nine{overflow: hidden;padding-bottom: 50px;}
.list-nine h5{line-height: 75px;font-size: 18px;}
.list-nine h5 .right{line-height: 75px;font-size: 14px;}
.list-nine .list{overflow: hidden;}
.list-nine .item{
	display: block;overflow: hidden;border: 1px solid #ccc;float: left;width: 290px;
	-webkit-transition: all 0.4s;   
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	transition: all 0.4s;
	margin-left: 32px;
	margin-bottom: 30px;
}
.list-nine .item:nth-child(3n+1){margin-left: 0;}
.list-nine .img{display: block;width: 290px;height: 166px;}
.list-nine .text{padding: 25px 20px;overflow: hidden;}
.list-nine h1{font-size: 18px;line-height: 1.5;padding-bottom: 15px;border-bottom: 1px solid #ccc}
.list-nine h2{font-size: 12px;color: #666666;line-height: 18px;background: url(../images/yan.png) left center no-repeat;padding-left: 30px;margin-top: 15px;}
.list-nine .item:hover{opacity: 0.7;}



/* 移动端响应 */
@media (max-width: 768px) {
	.index-banner .text{width: auto;margin-left: 0;}
	.index-banner .text h1{font-size: 45px;}
	.wrapper{padding: 40px 15px;}
	.m2{padding: 0 15px;}
	.m2 h1{font-size: 35px;}
	.m2 h2{font-size: 18px;margin: 20px 0;}
	.m2 h3{font-size: 16px;font-weight: normal;}
	.m2 h4{line-height: 1.4;}
	.m3{padding: 40px 15px 0 15px;}
	.list-one .item img{width:auto;height: auto;}
	.list-one .item h1{margin: 20px 0;font-size: 22px;}
	.list-one .item .text{font-size: 16px;margin-top: 20px;}
	.list-one .item{width: auto;float: none;margin-left: 0;margin-bottom: 30px;}
	.m4{padding: 0 15px;}
	.m4 h1{margin:20px 0;font-size: 22px;}
	.m4 p{font-size: 16px;}
	.m5{padding: 40px 15px 10px 15px;}
	.m5 h3{font-size: 30px;}
	.m5 h4{margin: 30px 0;}
	.list-two .item img{width: auto;height: auto;}
	.list-two .item{width: auto;float: none;margin-left: 0;margin-bottom:30px;}
	.list-two .item h1{margin: 20px 0;font-size: 22px;}
	.m7{padding: 40px 0;}
	.list-three .item .img{width: 100%;height: 240px;float: none;}
	.list-three .item h1{padding: 15px;}
	.list-three .item .text{width: auto;float: none;}
	.list-three .item h2{font-size: 18px;padding: 15px;}
	.m8{font-size: 50px;}
	.m9{padding: 20px 15px 40px 15px;font-size: 16px;}
	.m9 h1{margin: 20px 0;font-size: 25px;}
	.m10 .img{float: none;width: auto;height: 320px;}
	.m10 .form{float: none;width: auto;padding: 20px 15px;}
	.m10 .form .center{width: auto;}
	.m10 .form h2{line-height: 1.5;}
	.m10 .form h1{font-size: 28px;margin-top: 15px;}
	.ny-banner{height: 250px;line-height: 250px;font-size: 40px;}
	.list-four .item{margin-top: 30px;}
	.list-four .item .left{float: none;width: auto;} 
	.list-four .item img{float: none;width: auto;height: auto;margin: 10px auto;display: block;}
	.list-four .item h1{text-align: center;}
	.list-four .item:nth-child(1n+1) h1{text-align: center;font-size: 22px;padding: 20px 0;}
	.list-four .item:nth-child(1n+1) a{float: none;margin: 0 auto;}
	.list-four .item:nth-child(1n+1) img{float: none;}
	.list-two-h5{margin: 50px 0;font-size: 28px;} 
	.list-six img{width: 100% !important;height: auto;}
	.list-fives h5{font-size: 28px;margin-top: 50px;}
	.list-fives .item img{width: 70%;}
	.list-fives .item{margin-top: 30x;}
	.list-fives .item h1{padding: 20px 0;font-size: 22px;}
	.list-fives .item h2{font-size: 16px;line-height: 1.5;}
	.list-seven .item{margin-bottom: 40px;} 
	.list-seven .item h1{font-size: 28px;margin-bottom: 20px;}
	.list-seven .item p{font-size: 16px;}
	.list-seven{padding-bottom: 0;}
	.list-eight-h5{font-size: 28px;margin:0 0 30px 0;}
	.list-eight img{width: 100%;height: auto;float: none;} 
	.list-eight{padding-bottom: 20px;}
	.list-nine .item{width:auto;float: none;margin-left: 0;}
	.list-nine .img{width: 100%;height: auto;}
	.list-nine h1{font-size: 17px;}
	.list-nine{padding-bottom: 20px;}
	.detail{padding: 20px 15px;}
	.detail .title{margin: 20px 0;font-size: 22px;line-height: 1.4;}
	.detail .text{font-size: 16px;}  
	.detail .share{margin-top:40px;}
	.contact{width: auto;}
	.contact h1{font-size: 30px;;line-height: 1.4;}
	.contact h2{margin: 15px 0;font-size: 16px;}
	.contact p{font-size: 16px;} 
	.contact a{margin-top: 20px;}
}