﻿.wrapper{
	width: 1400px;
	margin: 0 auto;
}

.head{
	padding-top: 30px;
	text-align: center;
}
.head h1{
	position: relative;
	font-size: 50px;
	font-weight: bold;
	color: #000;
	font-family: '迷你简小标宋';
}
.head h1 span{
	color: #c00000;
}

/* .head1 h1::before{
	content: '';
	display: block;
	width: 250px;
	height: 1px;
	position: absolute;
	bottom: -5px;
	left: 50%;
	margin-left: -125px;
	background-color: #ff0000;
} */

.tell {
    width: 36%;
    margin: 75px auto;
}
.tell-icon {
    width: 100%;
}
.tell-icon img{
    width: 100%;
    display: block;
}

/*banner*/
.y-banner{
	width: 100%;
}
.y-banner img{
	display: block;
	width: 100%;
}


/*section1*/
.section1{
	width: 100%;
	padding-bottom: 16px;
	padding-top: 64px;
	background-color: #f1f0ed;
}
.section1 .head1 h1::before {
    width: 188px;
    margin-left: -92px;
}
.section1-content{padding: 65px 0;}
.section1-item{
	float: left;
	width: 50%;
	text-align: center;
}
.section1-item-icon{
	width: 33%;;
	margin: 0 auto;
}
.section1-item-icon img{
	display: block;
	width: 100%;
}
.section1-list img{
	display: block;
	width: 100%;
}
.segmentation{
	position: relative;
text-align: center;
color: #8a0e16;
width: 40%;
margin: auto;
font-size: 47px;
height: 64px;
display: block;
}
.segmentation::before,.segmentation::after{
	content: "";
width: 40%;
height: 1px;
position: absolute;
top: 55%;
}
.segmentation:before
{
background: -webkit-linear-gradient(right, #231815, #eee);
background: -o-linear-gradient(left, #231815, #eee);
background: -moz-linear-gradient(left,#231815, #eee);
background: linear-gradient(to left, #231815, #eee);
left: 2px;
}
.segmentation::after{
	background: -webkit-linear-gradient(left, #231815, #eee);
background: -o-linear-gradient(right, #231815, #eee);
background: -moz-linear-gradient(right,#231815, #eee);
background: linear-gradient(to right, #231815, #eee);
right: 2px;
}

.sectin1-li{
	width: 20%;
	margin-left: 3%;
	float: left;
	text-align: center;
}
.sectin1-li h4{
	font-size: 32px;
	font-weight: bold;
	font-family: '方正清刻本';
	color: #bf1820;
}
.sectin1-li p{
	font-size: 22px;
	font-family: '微软雅黑';
	color: #2a2c2d;
}

/*section2*/
.section2{
	width: 100%;
	margin-top: 80px;
	padding-bottom: 0.8rem;
}

.section2-content{margin-top: 60px;}
.section2-item{
	width: 20%;
	float: left;
	margin-top: 30px;
	margin-left: 4%;
}
.section2-img{
	width: 100%;
	height: 423px;
}
.section2-img img{
	width: 100%;
	height: 100%;
	display: block;
}
.section2-intr1{margin-top: 8px;}
.section2-intr1 p{
	font-size: 20px;
	font-family: '晴圆';
	font-weight: bold;
	color: #424242;
}
.section2-intr2{
	margin-top: 8px;
}
.section2-intr2 h3{
	color: #424242;
	font-size: 26px;
	font-weight: bold;
}
.section2-intr2 p{
	font-size: 20px;
	font-family: '晴圆';
	font-weight: bold;
	color: #424242;
}

/*section3*/
.section3{
	width: 100%;
	margin-top: 70px;
	padding-bottom: 30px;
	background-color: #f0f0f0;
}
.section3-content{    
	margin-top: 80px;
	width: 100%;}
.section3-content img{
	width: 100%; 
	display: block;}

/*section4*/
.section4{
	margin-top: 80px;
	width: 100%;}
.section4 .head1 h1::before {
    width: 188px;
    margin-left: -92px;
}
.section4-content{padding: 15px 0;}
.section4-item{
	width: 44%;
	float: left;
	margin-left: 4%;
	margin-top: 4%;
    overflow: hidden;
}
.section4-item img{
	width: 100%;
	display: block;
	transition: all 0.6s;
    -webkit-transition: all 0.6s;
    cursor: pointer;
}
.section4-item img:hover {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}

/*section5*/
.section5{
	width: 100%;
	margin-top: 80px;
	padding-bottom: 30px;
}
.section5-content{
	margin-top: 30px;
	padding-bottom: 20px;
	width: 100%;}
.section5-content img{
	width: 100%; 
	display: block;}

.video-wrap{display:flex;justify-content:space-around;flex-wrap:wrap}
.video-wrap li{margin-top:3%;width:30%;cursor:pointer;list-style-type:none;border-radius:10px;height: 300px;overflow: hidden; border:solid 1px rgba(131,131,131,.5)}
.video-wrap li：hover .index_b_cont_item_bg{display: block;width: 30%;height: 300px;}
.video-box-img{width:100%;height:238px;position:relative}
.video-box-img img{display:block;cursor:pointer;width:100%;height:100%;transition:all .6s;
-webkit-transition:all .6s;border-top-left-radius:10px;border-top-right-radius:10px}
.video-box-img .bofang{position:absolute;left:50%;top:50%;width:64px;height:64px;margin-left:-32px;margin-top:-32px}
.video-box-img .bofang img{width:100%;opacity:0.3;}
.video-wrap li p{font-size:16px;color:#333;padding:10px 6px;text-align:center}


@media screen and (max-width: 1680px){
	.wrapper{width: 1300px;}

	.sectin1-li h4 {
    	font-size: 28px;}
    .sectin1-li p {
    	font-size: 20px;}

    .section2-img{height: 366px;}
	.section2-intr1 p {
    	font-size: 19px;}
    .section2-intr2 h3 {
    	font-size: 25px;}
    .section2-intr2 p {
    	font-size: 19px;}

}

@media screen and (max-width: 1600px){
	.wrapper{width: 1200px;}

	.head h1{font-size: 42px;}
	.section1 .head1 h1::before {
	    width: 164px;
	    margin-left: -82px;
	}

	.sectin1-li h4 {
	    font-size: 26px;
	}
	.sectin1-li p {
	    font-size: 18px;
	}

	.head1 h1::before{width: 216px;margin-left: -108px;}
	.section2-img{height: 337px;}
	.section2-intr1 p {
	    font-size: 18px;
	}
	.section2-intr2 h3 {
	    font-size: 24px;
	}
	.section2-intr2 p {
	    font-size: 18px;
	}

}

@media screen and (max-width: 1440px){
	.wrapper{width: 1100px;}
	
	.head h1 {
	    font-size: 40px;
	}
	.sectin1-li h4 {
	    font-size: 24px;
	}
	.sectin1-li p {
	    font-size: 16px;
	}
	.section2-img{height: 309px;}
	.section2-intr1 p {
	    font-size: 16px;
	}
	.section2-intr2 h3 {
	    font-size: 22px;
	}
	.section2-intr2 p {
	    font-size: 16px;
	}

}

@media screen and (max-width: 1400px){
	.wrapper{width: 980px;}

	.head h1 {
	    font-size: 36px;
	}
	.section1 .head1 h1::before {
	    width: 140px;
	    margin-left: -70px;
	}
	.sectin1-li h4 {
	    font-size: 22px;
	}
	.sectin1-li p {
	    font-size: 15px;
	}
	.section2{margin-top: 62px;}
	/* .head1 h1::before {
	    width: 184px;
	    margin-left: -92px;
	} */
	.section2-img{height: 278px;}
	.section2-intr1 p {
	    font-size: 14px;
	}
	.section2-intr2 h3 {
	    font-size: 20px;
	}
	.section2-intr2 p {
	    font-size: 14px;
	}
	
}