﻿.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;
}

.segmentation{
	position: relative;
	text-align: center;
	color: red;
	width: 40%;
	margin: auto;
	font-size: 31px;
}
 
.segmentation:before, .segmentation:after
{
content: "";
width: 40%;
height: 1px;
position: absolute;
top: 55%;
}

.segmentation:before
{
background: -webkit-linear-gradient(right, #666, #eee);
background: -o-linear-gradient(left, #666, #eee);
background: -moz-linear-gradient(left,#666, #eee);
background: linear-gradient(to left, #666, #eee);
left: 2px;
}

.segmentation:after
{
background: -webkit-linear-gradient(left, #666, #eee);
background: -o-linear-gradient(right, #666, #eee);
background: -moz-linear-gradient(right,#666, #eee);
background: linear-gradient(to right, #666, #eee);
right: 2px;
}

.segmentations{
	position: relative;
	text-align: center;
	color: red;
	width: 68%;
	margin: auto;
	font-size: 31px;
}
 
.segmentations:before, .segmentations:after
{
content: "";
width: 40%;
height: 1px;
position: absolute;
top: 55%;
}

.segmentations:before
{
background: -webkit-linear-gradient(right, #fff, #1c1313);
background: -o-linear-gradient(left, #fff, #1c1313);
background: -moz-linear-gradient(left,#fff, #1c1313);
background: linear-gradient(to left, #fff, #1c1313);
left: 2px;
}

.segmentations:after
{
background: -webkit-linear-gradient(left, #fff, #1c1313);
background: -o-linear-gradient(right, #fff, #1c1313);
background: -moz-linear-gradient(right,#fff, #1c1313);
background: linear-gradient(to right, #fff, #1c1313);
right: 2px;
}
/* .head1 h1::before{
	content: '';
	display: block;
	width: 400px;
	height: 1px;
	position: absolute;
	bottom: -5px;
	left: 50%;
	margin-left: -200px;
	background-color: #ff0000;
}
.head1 h1::after{
	content: '';
	display: block;
	width: 400px;
	height: 4px;
	position: absolute;
	bottom: -11px;
	left: 50%;
	margin-left: -200px;
	background-color: #ff0000;
} */

.tell {
    width: 35%;
    margin: 75px auto;
}
.tell img {
    width: 100%;
}

.ads{width:100%;position:relative}
.ads img{width:100%;display:block}
.zixun{position:absolute;top:15%;right:4%;width:6%;border-radius:50%;box-sizing:border-box;text-align:center;line-height:20px}
.zixun1{top:8%;right:19%}
.zixun2{top:12%;right:11%}
.zixun-bg{width:100%}
.zixun-bg img{width:100%;display:block}
.ads-link{position:absolute;top:0;right:10%;display:block;width:40%;height:100%}

/*banner*/
.y-banner{
	width: 100%;
}
.y-banner img{
	display: block;
	width: 100%;
}


/*section1*/
.section1{margin-top: 62px;}
.section1-content{
	width: 96%;
	margin: 12px auto;
}
.section1-content ul{
	width: 100%;
}
.section1-content li{
	width: 8%;
    height: 70px;
    float: left;
    margin-top: 68px;
    margin-left: 4%;
}
.section1-content li img{
	display: block;
	width: 100%;
}

/*section2*/
.section2{
	width: 100%;
	padding-bottom: 45px;
	padding-top: 45px;
	margin-top: 80px;
	background-color: #e6e6e6;
}
.section2-c{
	margin: 20px;
background-color: #121315;
border-radius: 15px;
padding-bottom: 20px;
border: 1px solid aliceblue;
}
.section2-content{
	position: relative;
	margin-top: 20px;
	overflow: hidden;
}
.section2-item{
	width: 40%;
	position: absolute;
	top: 15%;
	text-align: center;
}
.pos1{left: 2%;}
.pos2{right: 2%;}
.pos3{
	top: 44%;
	left: 28%;}
.pos4{
	top: 76%;
	left: 2%;}
.pos5{
	top: 76%;
	right: 2%;}
.section2-item h2{
	font-size: 30px;
	font-family: '迷你简小标宋';
	font-weight: bold;
}
.section2-item h2 span{color: #fe0000;}
.section2-item p{
	margin-top: 8px;
	font-size: 22px;
	font-family: '迷你简小标宋';
	font-weight: bold;
}
.section2-item p span{color: #fe0000;}
.section2 h2{font-size: 26px;color: red;font-weight: bold;margin-bottom: 5px;}
.sections-item p{font-size: 17px;color: #fff;}
.sections-item{width: 47%;float: left;margin-left: 2%;}

/*.section3*/
.section3{margin-top: 80px;}
.section3-content{
	width: 95%;
	margin: 65px auto;
}
.section3-content img{
	width: 100%;
	display: block;
}

/*section4*/
.section4{padding-bottom: 30px;}
.section4-content{
	width: 95%;
	margin: 30px auto;
}
.section4-content ul{width: 100%;}
.section4-content li{
	width: 32%;
	/*height: 262px;*/
	float: left;
	margin-left: 1%;
	margin-top: 20px;
}
.section4-content li img{
	width: 100%;;
	display: block;
}

.video-box-img{
	width: 100%;
	height: 238px;
	position: relative;}
.video-box-img img {
    display: block;
    cursor: pointer;
    width: 100%;
    height: 100%;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;

}
.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;
}


@media screen and (max-width: 1680px){
	.wrapper{width: 1300px;}

	

}

@media screen and (max-width: 1600px){
	.wrapper{width: 1200px;}

	.head h1{font-size: 42px;}
	.head1 h1::before{width: 340px;margin-left: -170px;}
	.head1 h1::after{width: 340px;margin-left: -170px;}

	.section2-item h2 {font-size: 24px;}
    .section2-item p{font-size: 18px;}

}

@media screen and (max-width: 1440px){
	.wrapper{width: 1100px;}
	
	.head h1 {
	    font-size: 40px;
	}

}

@media screen and (max-width: 1400px){
	.wrapper{width: 980px;}

	.head h1 {
	    font-size: 36px;
	}
	.section1 {
	    margin-top: 40px;
	}
	.head1 h1::before {
	    width: 296px;
	    margin-left: -148px;
	}
	.head1 h1::after {
	    width: 296px;
	    margin-left: -148px;
	}
	.section2 h2{
		font-size: 16px;
	}
	.sections-item p{
		font-size: 14px;
	}
	.section2-content{
		margin-top: 20px;
	}
	.section4{padding-bottom: 0;}
	
}