@charset "utf-8";
.banner_menu{
	position: absolute;
	bottom: 60px;
	left: 9%;
	z-index: 10;
}
.banner_menu .banner_menu_nav{
	font-size: 18px;
	line-height: 18px;
	margin-right: 35px;
    color:#625757;  
}
.banner_menu .banner_menu_nav:last-child{
	margin-right: 0;
}
.banner_menu .banner_menu_nav:hover,
.banner_menu .banner_menu_nav.on{
	color:#d25753;
}
.pro_e{
	max-width: 100%;
	margin-top:150px;
}
.pro_title{
	font-size: 24px;
	line-height: 30px;
	color:#c94743;
	margin-top:60px;
}
.pro_subtitle{
	font-size: 56px;
	line-height: 72px;
	margin-top:45px;
}
.pro_title2{
	font-size: 56px;
	line-height: 72px;
}
.pro1_content{
	margin-top: 100px;
}
.pro1_content img{
	max-width: 70%;
    display: block;
    margin: 0 auto; 
}
.pro1_content p{
	font-size: 16px;
	line-height: 32px;
	color:#666;
	margin-top: 120px;
}
.pro1_box{
	padding-bottom: 160px;
}
.pro2_box{
	padding-bottom: 160px;
	background: #fff;
}
.pro2_content{
	position: relative;
	margin-top: 95px;
	margin-bottom: 155px;
}
.pro2_content .img{
	width: 57.6%;
}
.pro2_content .pro2_txt{
	height: 66%;
	background: #d25753;
	color:#fff;
	font-size: 28px;
	line-height: 48px;
	position: absolute;
	width: 51.2%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 49%;
}
.pro2_content .pro2_txt .txt{
	padding: 0 10.6%;
}
.pro2_inner{
	font-size: 16px;
	color:#666666;
	line-height: 32px;
	width: 57.6%;	
}
.pro2_inner p{
	margin-bottom: 32px;
}
.pro2_inner p:last-child{
	margin-bottom: 0;
}
.pro3_box{
	padding-top: 100px;
	padding-bottom: 150px;
	background: #f6f6f6;
}

.pro3_box .pro3_subtitle{
	font-size: 16px;
	color:#666;
	line-height: 32px;
	margin-top: 56px;
	width: 60%;
}
.pro3_box .pro3_inner{
	margin-top: 110px;
}
.pro3_box .pro3_inner .pro3_img{
	width: 100%;
}
.pro3_box .pro3_inner_left{
	width: 33.7%;
}
.pro3_box .pro3_inner_right{
	width: 56.5%;
}
.pro3_box .pro3_inner_right .img{
	width: 100%;
}
.pro3_box .pro3_inner_nav{
	margin-bottom: 55px;
	font-size: 26px;
	line-height: 32px;
}
.pro3_box .pro3_inner_nav:last-child{
	margin-bottom: 0;
}
.pro3_box .pro3_inner_nav .pro3_inner_bar{
	height: 5px;
	border-radius: 20px;
	background: #fff;
	overflow: hidden;
	margin-bottom: 20px;
}
.pro3_box .pro3_inner_nav .pro3_inner_bar .bar{
	height: 100%;
	width: 100%;
	background: #d25753;
}
.pro3_box .pro3_content{
	line-height: 42px;
	font-size: 24px;
	margin-top: 100px;
}
.pro3_box .pro3_content .pro3_content_dian{
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #d25753;
	margin-top: 20px;
}
.pro3_box .pro3_content .pro3_content_txt{
	width: calc(100% - 25px);
	margin-left: 20px;
}

.pro4_box{
	background: #fff;
	padding-bottom: 35px;
	padding-top: 110px;
}
.pro4_box .pro4_inner{
	margin-top: 60px;
	overflow: hidden;
}
.pro4_box .pro4_con{
	height: 210px;
	box-sizing: border-box;
	border-bottom: 1px solid #dedede;
}
.pro4_box .pro4_con:last-child{
	border-bottom: none;
}
.pro4_box .pro4_nav{
	float: left;
	margin-right: 10%;
	width: 30%;
}
.pro4_box .pro4_nav:last-child{
	margin-right:0;
}
.pro4_box .pro4_nav .pro4_nav_img{
	width: 84px;
	height: 84px;
	border:1px solid #dedede;
	border-radius: 50%;
}
.pro4_box .pro4_nav .pro4_nav_title{
	width: calc(100% - 84px - 15%);
	margin-left: 15%;
	font-size: 16px;
	line-height: 32px;
	color:#666666;
}

.pro5_box{
	background: #F6F6F6;
	padding-top: 110px;
	padding-bottom: 140px;
}
.pro5_box .pro5_inner{
	margin-top: 115px;
}
.pro5_box .pro5_nav{
	font-size: 26px;
	line-height: 32px;
	padding-bottom: 36px;
}
.pro5_box .pro5_nav .pro5_nav_left{
	color:#c94743;
	width: 15%;
}
.pro5_box .pro5_nav .pro5_nav_right{
	width: 85%;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}
.pro5_box .pro5_nav:hover .pro5_nav_right{
	-webkit-transform: translateX(-20px);
	transform: translateX(-20px);
}
.pro5_box .pro5_nav:last-child{
	padding-bottom: 0;
}

.pro6_box{
	background: #fff;
	padding-top: 110px;
	padding-bottom: 160px;
}
.pro6_box .pro6_inner{
	margin-top: 70px;
}
.pro6_box .pro6_nav{
	width: 31%;
	margin-right: 3.5%;
	border-top: 1px solid #ededed;
	padding-top: 46px;
	float: left;
}
.pro6_box .pro6_nav .pro6_nav_img{
	width: 46px;
	height: 47px;
	background: url(../img/pro6_icon1.png) no-repeat left top;
	background-size: 100% 100%;
}
.pro6_box .pro6_nav:hover .pro6_nav_img{
	background: url(../img/pro6_icon2.png) no-repeat left top;
	background-size: 100% 100%;
}
.pro6_box .pro6_nav:nth-child(3n){
	margin-right: 0%;
}
.pro6_box .pro6_nav .pro6_nav_time{
	font-size: 16px;
	color:#d25753;
	line-height: 16px;
}
.pro6_box .pro6_nav .pro6_nav_title{
	font-size: 26px;
	line-height: 32px;
	margin-top: 15px;
}
.pro6_box .pro6_nav .pro6_nav_subtitle{
	color:#666;
	font-size: 16px;
	line-height: 32px;
	margin-top: 30px;
}
.pro6_box .pro6_nav .pro6_nav_img{
	margin-top: 40px;
}
.swiper-button-prev2{
	position: initial !important;
	margin-top: 0 !important;
}
.swiper-button-next2{
	position: initial !important;
	margin-top: 0 !important;
	margin-left: 20px;
}
.swiper-button-prev2:after,
.swiper-button-next2:after{
	color:#000;
	font-size: 16px;
}
.swiper-button-prev2:hover:after,
.swiper-button-next2:hover:after{
	color:#c94743;
}

/*响应式适配*/

@media screen and (max-width: 1861px) {}

@media screen and (max-width: 1681px) {
	
}

@media screen and (max-width: 1450px) {
	.pro4_box .pro4_nav{
		float: left;
		margin-right: 5%;
		width: 32.5%;
	}
	.pro4_box .pro4_nav .pro4_nav_title{
		width: calc(100% - 84px - 10%);
		margin-left: 5%;
		font-size: 16px;
		line-height: 24px;
	}
	.pro3_box .pro3_inner_nav{
		margin-bottom: 30px;
	}
	.pro3_box .pro3_content{
		margin-top: 50px;
	}
	.pro_e{
		width: 60%;
	}
	.pro_subtitle{
		font-size: 36px;
		line-height: 44px;
	}
}

@media screen and (max-width: 1335px) {
    .pro2_content .pro2_txt {
        font-size: 18px;
        line-height: 38px;
    }
    .pro2_content {
        margin-bottom: 85px;
    }
    .pro2_inner {
        width: 100%;  
    }     
        .pro_title2 {
        font-size: 36px;
        line-height: 52px;  
    }
    .pro5_box .pro5_nav {
        font-size: 18px;
        line-height: 24px;
        padding-bottom: 26px;
    }
    .pro6_box .pro6_nav .pro6_nav_title {
        font-size: 20px;
        line-height: 26px;
        margin-top: 10px;
    }
    .pro3_box .pro3_subtitle {
        width: 100%;  
    }
    .pro2_box {
        padding-bottom: 80px;
    }
    .pro3_box {
        padding-top: 50px;
        padding-bottom: 75px;
    }
    .pro4_box {
        padding-top: 55px;
    }
    .pro5_box {
        padding-top: 55px;
        padding-bottom: 70px;
    }
    .pro6_box {
        background: #fff;
        padding-top: 55px;
        padding-bottom: 80px;  
    }
}

@media screen and (max-width: 1200px) {
	.banner_menu{
		bottom: 14px;
		left: 10px;
	}
	.banner_menu .banner_menu_nav{
		font-size: 12px;
		line-height: 12px;
		margin-right: 10px;
	}
	.pro_e{
		margin-top:20px;
		width: 70%;
	}
	.pro_title{
		font-size: 14px;
		line-height: 20px;
		margin-top:10px;
	}
	.pro_title2{
		font-size: 20px;
		line-height: 26px;
	}
	.pro_subtitle{
		font-size: 20px;
		line-height: 26px;
		margin-top:6px;
	}
	.pro1_content{
		margin-top: 30px;
	}
	.pro1_content p{
		font-size: 14px;
		line-height: 20px;
		margin-top: 30px;
	}
	.pro1_box{
		padding-bottom: 30px;
	}
	
	.pro2_box{
		padding-bottom: 30px;
	}
	.pro2_content{
		margin-top: 20px;
		margin-bottom: 30px;
	}
	.pro2_content .img{
		width: 70%;
	}
	.pro2_content .pro2_txt{
		height: 66%;
		font-size: 20px;
		line-height: 30px;
		width: 60%;
		left: 40%;
	}
	.pro2_content .pro2_txt .txt{
		padding: 0 5%;
	}
	.pro2_inner{
		font-size: 14px;
		color:#666666;
		line-height: 20px;
		width: 57.6%;	
	}
	.pro2_inner p{
		margin-bottom: 10px;
	}
	
	.pro3_box{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	.pro3_box .pro3_subtitle{
		font-size: 14px;
		color:#666;
		line-height: 20px;
		margin-top: 16px;
		width: 60%;
	}
	.pro3_box .pro3_inner{
		margin-top: 20px;
	}
	.pro3_box .pro3_inner_left{
		width: 33.7%;
	}
	.pro3_box .pro3_inner_right{
		width: 56.5%;
	}
	.pro3_box .pro3_inner_right .img{
		width: 100%;
	}
	.pro3_box .pro3_inner_nav{
		margin-bottom: 10px;
		font-size: 14px;
		line-height: 20px;
	}
	.pro3_box .pro3_inner_nav:last-child{
		margin-bottom: 0;
	}
	.pro3_box .pro3_inner_nav .pro3_inner_bar{
		height: 5px;
		border-radius: 20px;
		background: #fff;
		overflow: hidden;
		margin-bottom: 20px;
	}
	.pro3_box .pro3_inner_nav .pro3_inner_bar .bar{
		height: 100%;
		width: 100%;
		background: #d25753;
	}
	.pro3_box .pro3_content{
		line-height: 30px;
		font-size: 16px;
		margin-top: 30px;
	}
	.pro3_box .pro3_content .pro3_content_dian{
		margin-top: 13px;
	}
	.pro3_box .pro3_content .pro3_content_txt{
		width: calc(100% - 25px);
		margin-left: 20px;
	}
	.pro4_box{
		padding-bottom: 20px;
		padding-top: 30px;
	}
	.pro4_box .pro4_inner{
		margin-top: 30px;
	}
	.pro4_box .pro4_con{
		height: 160px;
	}
	.pro4_box .pro4_con:last-child{
		border-bottom: none;
	}
	.pro4_box .pro4_nav{
		float: left;
		margin-right: 10%;
		width: 30%;
	}
	.pro4_box .pro4_nav:last-child{
		margin-right:0;
	}
	.pro4_box .pro4_nav .pro4_nav_img{
		width: 42px;
		height: 42px;
	}
	.pro4_box .pro4_nav .pro4_nav_img .img{
		max-height: 40%;
		max-width: 40%;
	}
	.pro4_box .pro4_nav .pro4_nav_title{
		width: calc(100% - 62px);
		margin-left: 20px;
		font-size: 14px;
		line-height: 20px;
	}
	.pro5_box{
		padding-top: 20px;
		padding-bottom: 30px;
	}
	.pro5_box .pro5_inner{
		margin-top: 20px;
	}
	.pro5_box .pro5_nav{
		font-size: 14px;
		line-height: 20px;
		padding-bottom: 10px;
	}
	.pro5_box .pro5_nav .pro5_nav_left{
		width: 15%;
	}
	.pro5_box .pro5_nav .pro5_nav_right{
		width: 85%;
		-webkit-transition:initial;
		transition:initial;
	}
	.pro5_box .pro5_nav:hover .pro5_nav_right{
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
	}
	.pro6_box{
		padding-top: 20px;
		padding-bottom: 30px;
	}
	.pro6_box .pro6_inner{
		margin-top: 10px;
	}
	.pro6_box .pro6_nav{
		width: 31%;
		margin-right: 3.5%;
		padding-top: 20px;
	}
	.pro6_box .pro6_nav .pro6_nav_img{
		width: 30px;
		height: 30px;
	}
	.pro6_box .pro6_nav .pro6_nav_time{
		font-size: 12px;
		line-height: 12px;
	}
	.pro6_box .pro6_nav .pro6_nav_title{
		font-size: 16px;
		line-height: 24px;
		margin-top: 10px;
	}
	.pro6_box .pro6_nav .pro6_nav_subtitle{
		font-size: 14px;
		line-height: 20px;
		margin-top: 10px;
	}
	.pro6_box .pro6_nav .pro6_nav_img{
		margin-top: 20px;
	}
}

@media screen and (max-width: 1100px) {}

@media screen and (max-width: 1000px) {}

@media screen and (max-width: 768px) {
	.pro2_content .img{
		width: 100%;
	}
	.pro2_content .pro2_txt{
		height: 80%;
		font-size: 14px;
		line-height: 20px;
		width: 80%;
		left: 10%;
	}
	.pro2_inner{
		width: 100%;
	}
	.pro3_box .pro3_subtitle{
		width: 100%;
	}
	.pro3_box .pro3_inner{
		display: block;
	}
	.pro3_box .pro3_inner_left{
		width: 100%;
	}
	.pro3_box .pro3_inner_right{
		width: 100%;
		margin-top:20px;
	}
	.pro3_box .pro3_content{
		margin-top: 20px;
	}
	.pro4_box .pro4_con{
		height: auto;
		display: block;
		border-bottom: none;
	}
	.pro4_box .pro4_nav{
		float: initial;
		width: 100%;
		margin-bottom: 10px;
	}
	.pro4_box .pro4_inner{
		margin-top: 20px;
	}
	.pro4_box .pro4_nav .pro4_nav_img .img{
		max-height: 40%;
		max-width: 40%;
	}
	.pro5_box .pro5_nav .pro5_nav_left{
		width: 25%;
	}
	.pro5_box .pro5_nav .pro5_nav_right{
		width: 75%;
	}
	.pro6_box .pro6_nav{
		width: 100%;
		margin-right: 0%;
		padding-top: 20px;
		margin-bottom: 20px;
	}
	.pro6_box .pro6_nav:last-child{
		margin-bottom: 0;
	}
}

@media screen and (max-width: 450px) {
    .pro2_content .pro2_txt {
     position:initial;
     width:100%;
     transform:initial;
     -webkit-transform:initial; 
     padding:20px 0px;
    }
}

@media screen and (max-width: 380px) {}

@media screen and (max-width: 330px) {}