/*1*/
.about-content .content1{
	background: #f8f8f8;padding: 70px 0
}
.about-content .content1 .content1-left{
	width: 30%;margin-right: 5%;padding-top: 55px;
	float: left;
}
.about-content .content1 .content1-left .pip{
	font-size: 32px;line-height: 60px;color: #c8c8c8
}
.about-content .content1 .content1-left .pip2{
	font-size: 18px;line-height: 22px;
}
.about-content .content1 .content1-left .row{margin-left: -36px}
.about-content .content1 .content1-left .row .lg_se{
	float: left;width: 33.3%;padding-top: 28px;text-align: center;
}
.about-content .content1 .content1-left .row .lg_se h6{
	font-size: 40px;color: #e7342f;line-height: 40px;margin-bottom: 7px;
}
.about-content .content1 .content1-left .row .lg_se .timer{
	font-size: 14px;color: #858585;line-height: 28px;
}

.about-content .content1 .content1-right{
	float: right;width: 65%;
}
.about-content .content1 .content1-right .pip3{
	font-size: 26px;line-height: 26px;margin-bottom: 40px;
}
.about-content .content1 .content1-right .pip4{
	font-size: 14px;color: #858585;line-height: 28px;
}
/*2*/
.about-content .content2{
	padding: 70px 0 115px;
	background-size:100% 100%
}
.about-content .content2 .w1200{position: relative;}
.about-content .content2 .cont2 .tit{
	color: #fff;font-size: 26px;line-height: 26px;text-align: center;margin-bottom: 42px
}
.about-content .content2 .cont2 .inn{
	color: #fff;font-size: 14px;line-height: 28px;
}
.about-content .content2 .cont2 .ple{
	font-size: 18px;color: #fff;line-height: 32px;
}
.bg-pic img{display:none}
/*背景图片*/
.about-content .content2 .bg-pic{
	position: absolute;
	width: 500px;
	bottom: -80px;
	right: 0
}
/*3*/
.about-content .content3{
	padding: 70px 0
}
.about-content .content3 .content3-title{
	font-size: 26px;line-height: 26px;width: 100%;text-align: center;margin-bottom: 50px;
}
.about-content .content3 .content3-pic,.about-content .content3 .content3-pic img{
	width: 100%;
}
/*4*/
.swiper-button-next{
		background-image: url(../../images/l-icon.png) !important;
	    right: 0;
	    background-size: 100% 100%;
	    width: 36px;
	    height: 52px;
	    position: absolute;
	    top:50%;
	    margin-top: -22px;
	    z-index: 10;
	    cursor: pointer;
	    right: 0;
	    overflow: hidden;
	}	
	.swiper-button-prev{
	 	background-image: url(../../images/r-icon.png) !important;
	    background-size: 100% 100%;
	    height: 52px;
	    width: 36px;
	    position: absolute;
	    left: 0;
	    top:50%;
	    margin-top: -22px;
	    z-index: 10;
	    cursor: pointer;
	    overflow: hidden;
	}
	.swiper-button-next.swiper-button-disabled{
		background-image: url(../../images/l-icon2.png) !important;opacity: 1
	}	
	.swiper-button-prev.swiper-button-disabled{
	 	background-image: url(../../images/r-icon2.png) !important;opacity: 1
	}


.content5{
	margin: 42px auto;
	border: 1px dashed #e1e1e1;padding: 0 50px
}
.content5 .content5-l{
	float: left;padding: 26px 0;width: 70%;line-height: 46px;
}
.content5 .content5-l a{display: block;}
.content5 .content5-l a img{width: 40px;margin-right: 24px;}
.content5 .content5-l a {color: #191919;font-size: 18px;}
.content5 .content5-r{
	background: #005dc4;line-height: 42px;width:110px;color: #fff;
	font-size: 14px;margin-top: 28px;text-align: center;float: right;border-radius: 30px
}

.about-content .content1 .video_con{width:100%;margin-top:5%;}
.about-content .content1 .video_con video{width:100%;height:auto;}


@media (min-width: 1024px){

	.content4 {
	    width: 100%;
	    position: relative;
	    overflow: hidden;
	}
	.content4 .bg_img {
	    position: relative;
	    height: 600px;
	}
	.content4 .bg_img img {
	    width: 100%;
	    min-height: 100%;
	}
	.seven_biaoti {
	    width: 100%;
	    max-width: 1200px;
	    text-align: center;
	    color: #fff;
	    position: absolute;
	    margin: auto;
	    left: 50%;
	    top: 12%;
	    margin-left: -600px;
	}
	.seven_biaoti p {
	    margin-left: 100px;
	    margin-right: 150px;
	    width: 90%;
	    margin: 0 auto;
	}
	.seven_biaoti p .s01 {
	    opacity: 0.7;
	    text-align: left;
	    display: block;
	    float: left;
	    line-height: 84px;
	}
	.seven_biaoti p .s_c {
	    font-size: 3em;
	    font-weight: bold;
	    line-height: 84px;
	    opacity: 1 !important;
	    width: 80%;
	    margin: 0 auto;
	    display: block;
	    background: url(../../images/xuxian.png) no-repeat 0 center;
	    background-size: 90% 1px;
	}
	.seven_biaoti p .s02 {
	    opacity: 0.7;
	    text-align: right;
	    display: block;
	    float: right;
	    line-height: 84px;
	    position: relative;
	    top: -84px;
	}
	/*小屏标题*/
	.yidong2 {
	    display: none;
	}
	.content4 .bg_qie {
	    max-width: 1200px;
	    position: absolute;
	    top: 35%;
	    left: 50%;
	    margin-left: -600px;
	}
	.content4 .bg_qie .swiper-wrapper{width: 1200px}
	.bg_sect {
	    margin-top: 2em;
	    overflow: hidden;
	    height:18em;
	}
	.bg_sect .bgs_left {
	    width:50%;
	    float: left;
	    margin-left:0;
	}
	.bg_sect .bgs_left p {
	    width: 70%;
	    margin: auto;
	    color: #fff;
	}
	.bg_sect .bgs_left .p01 {
	    font-size: 36px;
	}
	.bg_sect .bgs_left .p02 {
	    font-size: 14px;
	    line-height: 28px;
	    margin-top: 30px;
	}
	.bg_sect .bgs_left .p03 {
	    font-size: 18px;
	}
	.bg_sect .cen_img {
	    width: 1px !important;
	    position: absolute;
	    left: 50%;
	    height: 100%;
	}
	.bg_sect .bgs_right {
	    width:50%;
	    float: right;
	    margin-right:0;
	}
	.bg_sect .bgs_right p {
	    width: 70%;
	    margin: auto;
	    color: #fff;
	}
	.bg_sect .bgs_right .p01 {
	    font-size: 36px;
	}
	.bg_sect .bgs_right .p02 {
	    font-size: 14px;
	    line-height: 28px;
	    margin-top: 30px;
	}
	.bg_sect .bgs_right .p03 {
	    font-size: 18px;
	}
	
}
/*ipad*/

@media (max-width: 1024px) and (min-width: 768px){
	.content4{width: 100%}
	.content4 .bg_qie{width: 90%}
	.content4 .bg_qie .swiper-wrapper{width: 100%}
	.content4 .bg_img {
	    position: relative;
	    height: 32em;
	}
	.content4 .bg_img img {
	    width: 100%;
	    height: 100%;
	}
	.seven_biaoti {
	    text-align: center;  
	    color: #fff;
	    position: absolute;
	    top: 0;
	    width: 90%;
	    margin: auto;
	    left: 6%;
	    top: 0%;
	}
	.seven_biaoti p {
	    display: none;
	}
	.seven_biaoti .yidong2 {
	    margin-top: 2em;display: block;
	}
	.seven_biaoti .yidong2 .span1 {
	    font-size: 1.3em;
	    margin-left: 0.5em;
	    margin-right: 0.5em;
	}
	.seven_biaoti .yidong2 .span2 {
	    font-size: 2.5em;
	    margin-left: 0.5em;
	    margin-right: 0.5em;
	}
	.seven_biaoti .yidong2 .span1 {
	    font-size: 1.3em;
	    margin-left: 0.5em;
	    margin-right: 0.5em;
	}
	.content4 .bg_qie {
	    position: absolute;
	    top: 35%;
	    width: 90%;
	    left: 6%;margin-left: 0
	}
	.bg_sect {
	    margin-top: 2em;
	    overflow-y: auto;
	    height: auto;
	}
	.bg_sect .bgs_left {
	    width: 40%;
	    float: left;
	    margin-left: 5%;
	}
	.bg_sect .cen_img {
	    width: 1px !important;
	    position: absolute;
	    left: 50%;
	    height: 100%;
	}
	.bg_sect .bgs_right {
	    width: 40%;
	    float: right;
	    margin-right: 5%;
	}
	.bg_sect .bgs_left p{width: 90%}
	.bg_sect .bgs_right p{width: 90%}
	.bg_sect .bgs_left .p01 {
	    margin: auto;
	    color: #fff;
	    font-size: 2em
	}
	.bg_sect .bgs_left .p02{
	    color: #fff;margin-top: 0.7em;font-size: 1em
	}
	.bg_sect .cen_img {
	    width: 1px !important;
	    position: absolute;
	    left: 50%;
	    height: 100%;
	}
	.bg_sect .bgs_right {
	    width: 40%;
	    float: right;
	    margin-right: 5%;
	}
	.bg_sect .bgs_right .p01 {
	    margin: auto;
	    color: #fff;
	    font-size: 2em
	}
	.bg_sect .bgs_right .p02 {
	    color: #fff;margin-top: 0.7em;font-size: 1em
	}
	/*5*/
	.content5{padding: 0 1em}
	.content5 .content5-l{padding: 1em 0;line-height: 3em}
	.content5 .content5-r{margin-top: 1em}
	.content5 .content5-l a{font-size: 1.2em}
	.content5 .content5-r{width: 8em;line-height: 3em;height: 3em;font-size: 1em}
}

@media (max-width: 768px){
	/*.two_nav .w1200{width: 100%;}*/
	.two_nav .aaa{width: 90% !important;}
	.about-content .content1{padding: 2em 0}
	.about-content .content1 .content1-left{width: 100%;padding: 0}
	.about-content .content1 .content1-right{width: 100%;margin-top: 2em}
	.about-content .content1 .content1-right .pip3{margin-bottom: 0.8em}

	.about-content .content2 .bg-pic{width: 80%;bottom: -3em}
	.about-content .content2{padding: 2em 0 5em}
	.about-content .content2 .bg-pic img{width: 100%}

	.yidong2{display: block;}
	.content4 {width: 100%;margin-top:2em;position: relative;}
	.content4 .bg_img{position: relative;height: 37em;text-align: center;    width: 100%;
    overflow: hidden;}
	.content4 .bg_img img{ display: inline-block;}
	.content4 .bg_img .hei_bg{position: absolute;top:0;left: 0;bottom:0;right:0;width: 100%;height: 100%;background:rgba(0,0,0,0.6);}
	.seven_biaoti {text-align:center;color:#fff;position: absolute;top:0;width:90%;margin:auto;    left: 6%;top: 0%;}
	.seven_biaoti p{display: none;}
	.seven_biaoti p .s_c{font-size: 3em;margin:0 0.5em 0 0.5em;font-weight: bold;line-height: 2em;padding-top:0.5em;opacity: 1 !important;}
	.seven_biaoti p .s01{margin:0 1.5em 0 0em;opacity: 0.7;;}
	.seven_biaoti p .s02{margin:0 0em 0 1.5em;opacity: 0.7;}
	.seven_biaoti .yidong2{margin-top: 2em;}
	.seven_biaoti .yidong2 .span1{font-size: 1.3em;margin-left: 0.5em;margin-right:0.5em;}
	.seven_biaoti .yidong2 .span2{font-size:2.5em;margin-left: 0.5em;margin-right:0.5em;}
	.content4 .bg_qie{position: absolute;top:30%;width:90%;left:6%;height: 24em;margin-left: 0}
	
    .bg_sect{ overflow: hidden;height: 23em;}
	.bg_sect .bgs_left{width: 93%;margin:auto;}
	.bg_sect .bgs_left p{width: 80%;margin:auto;color:#fff;}
	.bg_sect .bgs_left .p01 {font-size: 1.5em;}
	.bg_sect .bgs_left .p02 {font-size: 1em;line-height:1.3em;margin-top:0.7em;}
	
	.bg_sect .bgs_right{width: 93%; margin: 0 auto}
	.bg_sect .bgs_right p{width: 80%;margin:auto;color:#fff;}
	.bg_sect .bgs_right .p01 {font-size: 1.5em;}
	.bg_sect .bgs_right .p02 {font-size: 1em;line-height:1.3em;margin-top:0.7em;}
	
	.bg_sect .cen_img{width: 80% !important;height: 1px;background: #fff;margin:0.5em auto}
	.bg_sect .cen_img img{display: none;}
	.swiper-button-prev,.swiper-button-next{top: 50%}
	.content5{padding: 0 1em}
	.content5 .content5-l{width: 100%;height: 3em;line-height: 3em;padding: 1em 0}
	.content5 .content5-l a{font-size: 1em}
	.content5 .content5-r{font-size: 1em;margin-bottom: 1em}
}