﻿.ads{
	width: 100%;
	position: relative;
}
.ads img{
	width: 100%;
	display: block;
}
.zixun{
	position: absolute;
        top: -68%;
    right: 0%;
    width: 17%;
    border-radius: 50%;
    box-sizing: border-box;
    text-align: center;
    line-height: 20px;
}
.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%;
}

.wrapper{
	width: 1400px;
	margin: 0 auto;
}

/*section1*/
.section1{
	width: 100%;
}
.section1 img{
	width: 100%;
	display: block;
}

/*.section2*/
.section2{
	width: 100%;
	margin-top: 80px;
}
.section2-img{
	float: left;
    width: 45%;
    padding: 8px;
    margin-left: 5%;
    border: 1px solid #000;
    box-sizing: border-box;
}
.section2-img img{
	width: 100%;
	display: block;
}
.section2-txt{
	width: 40%;
    float: left;
    /* margin-top: 7%; */
    margin-left: 4%;
}
.section2-txt a{
    width: 80%;
    padding: 10px;
    background: #f03e4d;
    color: #fff;
    font-size: 22px;
    margin: 0 auto;
    display: block;
    text-align: center;
    border-radius: 177px 5px;
}
.section2-txt h2{
	font-size: 36px;
	font-family: '文鼎CS中黑';
	color: #40001b;
}
.section2-txt h3{
	margin: 20px 0;
	font-size: 24px;
	font-family: '文鼎CS中黑';
	color: #40001b;
}
.section2-txt p{
	font-size: 18px;
	font-family: '文鼎CS中黑';
	color: #000000;
	margin-bottom:22px;
}
.section2-txt p span{color: #ff0000;}

/*section3*/
.section3{
	width: 100%;
	margin-top: 80px;
}
.section3 img{
	width: 100%;
	display: block;
}

.mq_way{width: 100%; height: 378px;margin-top: 40px; }
.mq_way_head{border-bottom: 1px solid; padding: 30px 0 20px;}
.mq_way_head h3{padding:10px;font-size: 38px; color: #450925; display: inline-block;}
.mq_way_head p{font-size: 16px;letter-spacing: 8px;margin-left: 14px;color: #aaa;}
.mq_way_cont{width: 100%; height: 245px; margin: 0 auto; padding: 25px 0 10px; box-sizing: border-box;overflow:hidden;}
.mq_way_cont_item{float: left;width: 50%; height: 210px; padding-left:13%;padding-top: 16px; border-left: 2px solid #41011b; box-sizing: border-box;}
.mq_way_cont_item:first-child{border-left: none;}
.mq_way_cont_h{border: 2px solid #8f6a7b; padding: 2px;display: inline-block;}
.mq_way_cont_h h3{ background: #8f6a7b; padding: 5px 16px; display: inline-block; color: #fff; font-size: 24px;}
.mq_way_cont_item ul{margin-top: 14px;}
.mq_way_cont_item li{font-size: 19px;line-height: 1.6; color: #fff;}

/*section4*/
.section4{
	width: 100%;
	margin-top: 80px;
}

.head{
	width: 100%;
	text-align: center;
}
.head h1{
	font-size: 42px;
	font-family: '微软雅黑';
	color: #440922;
}
.head h1 span{color: #000;}

.section4-content{
	width: 100%;

}
.section4-li{
	width: 47%;
    height: 430px;
    float: left;
    margin-left: 2%;
    margin-top: 4%;
    text-align: center;
}
.section4-li-img{
	width: 100%;
	margin-bottom: 16px;
}
.section4-li-img img{
	width: 100%;
	display: block;
}
.section4-li span{
	font-size: 20px;
	font-family: '微软雅黑';
	color: #fff;
	background: #40001b;
}

/*section5*/
.section5{
	width: 100%;
	margin-top: 80px;
	padding: 2% 4%;
	border: 1px solid #000;
	box-sizing: border-box;
}
.section5-img{
	width: 40%;
	float: left;
}
.section5-img img{
	width: 100%;
	display: block;
}
.section5-txt{
	float: left;
	width: 50%;
	margin-top: 5%;
	padding-left: 7%;
}
.section5-txt h3{
	font-size: 36px;
	font-family: '文鼎CS中黑';
	color: #40001b;
}
.section5-txt > div{margin: 20px 0;}
.section5-txt > div span{
	font-size: 24px;
	font-family: '微软雅黑';
	background: #40001b;
	color: #fff;
}
.section5-txt p{
	font-size: 22px;
	font-family: '微软雅黑';
	color: #000;
	line-height: 1.5;
}
.section5-txt p.p1{
	color: #40001b;
}

/*section6*/
.section6{
	width: 100%;
	margin-top: 60px;
}

.section6-content{
	width: 100%;
}
.section6-img{
	width: 28%;
	height: 286px;
	margin-left: 4%;
	margin-top: 4%;
	float: left;
	border: 1px solid #000;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
}
.section6-img img{
	display: block;
	height: 100%;
	width: auto;
	left:50%;
	position: absolute;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transition: all 0.6s;
    -webkit-transition: all 0.6s;
    cursor: pointer;
}

.tell {
    width: 25%;
    margin: 75px auto;
}
.tell img{
    width: 100%;
}

.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;
    border: solid 1px rgba(131,131,131,.5);
}
.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;
    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: 1100px;}

	.section4-li{height: 402px;}

	.section6-img{height: 245px;}

}

@media screen and (max-width: 1600px){
	.wrapper{width: 1200px;}

	.section4-li{height: 372px;}

	.section5-txt p {font-size: 20px;}

	.section6-img {height: 226px;}

}

@media screen and (max-width: 1440px){
	.wrapper{width: 1100px;}

	.head h1 {font-size: 40px;}

	.section2-txt{margin-top: 3%;}
	.section2-txt h2{font-size: 32px;}
	.section2-txt h3{font-size: 22px;}
	.section2-txt p{font-size: 16px;}

    .section4-li{height: 350px;}
    .section4-li span {font-size: 18px;}

    .section6-img {height: 208px;}

}

@media screen and (max-width: 1400px){
	.wrapper{width: 980px;}
	
    .head h1 {font-size: 36px;}

	.section2-txt h2 {font-size: 30px;}
    .section2-txt h3 {margin: 12px 0;font-size: 20px;}
    .section2-txt p {font-size: 16px;}

    .section4-li{height: 310px;}
    .section4-li-img{margin-bottom: 10px;}
    .section4-li span {font-size: 16px;}

	.section5-txt h3 {font-size: 34px;}
    .section5-txt > div span {font-size: 22px;}
    .section5-txt p { font-size: 17px;}

	.section6-img {height: 185px;}

}