/*-----------?б????-----------*/
.scrollbg {
  background-position: center;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-size: cover;
}

.fixedbg {
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
/*-----------λ??---------*/

.position_a {
  position: absolute;
  top: 0;
  left: 0;
}
.full {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
/*----------banner----------*/

.slide-item {
  visibility: hidden;
  opacity: 0;
  -webkit-transform: perspective(600px) rotateX(5deg) rotateY(-10deg) scale(.8);
  -ms-transform: perspective(600px) rotateX(5deg) rotateY(-10deg) scale(.8);
  transform: perspective(600px) rotateX(5deg) rotateY(-10deg) scale(.8);
  -webkit-transform-origin: center center 0;
  -ms-transform-origin: center center 0;
  transform-origin: center center 0;
  -webkit-transition: -webkit-transform 2s ease, opacity .8s ease, visibility .8s ease;
  transition: transform 2s ease, opacity .8s ease, visibility .8s ease;
}

.flex-active-slide {
  visibility: visible;
  opacity: 1;
  -webkit-transform: perspective(600px) rotateX(0deg) rotateY(0deg) scale(1);
  -ms-transform: perspective(600px) rotateX(0deg) rotateY(0deg) scale(1);
  transform: perspective(600px) rotateX(0deg) rotateY(0deg) scale(1);
}

#banner .btm_cont .title hr {
  width: 0;
  opacity: .8;
  filter: alpha(opacity=80);
  -webkit-transition: all .8s ease .8s;
  transition: all .8s ease .8s;
}

/*---- Direction btns ----*/

.direction_nav {
  position: absolute;
  width: 30%;
  z-index: 20;
  height:100%;
  line-height: 50px;
  overflow: hidden;
  top:0;
}
@media (min-width: 768px) {
	.direction_nav {
		width:50px;
		cursor:pointer;
		height:103px;
		top: 50%;
		margin-top: -25px;
	}
}

.direction_nav div {
}

.direction_nav.next_btn {
  right: 0;
}

.direction_nav.next_btn {
  right:5%;
}

.direction_nav.prev_btn {
  left:5%;
}
.btn_icon_l,.btn_icon_r{
	width:100%;
	height:100%;
	background-size:contain;
}
.btn_icon_r{
	background:url(/resource/402881e556546f5b01565479f2db0001/images/icon_02.png) no-repeat right center;
	float:right;
}
.btn_icon_l{
	background:url(/resource/402881e556546f5b01565479f2db0001/images/icon_01.png) no-repeat left center;
}
@media (max-width: 767px) {
	.btn_icon_l,.btn_icon_r{
		width:20px;
	}
}

.no-touch .direction_nav:hover div {
  width: 50px; 
}
.direction_nav {
  bottom: 230px;
}
/*
#banner .prev_btn {
  cursor: url(/resource/402881e556546f5b01565479f2db0001/images/arrow-left.png) 30 43, url(/resource/402881e556546f5b01565479f2db0001/images/arrow-left-32.ico) 16 16, auto;
}
#banner .next_btn {
  cursor: url(/resource/402881e556546f5b01565479f2db0001/images/arrow-right.png) 30 43, url(/resource/402881e556546f5b01565479f2db0001/images/arrow-right-32.ico) 16 16, auto;
}
*/
@-webkit-keyframes down_arrow {
  0% {
    -webkit-transform: translateY(10px);
  }
  50% {
    -webkit-transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(10px);
  }
}
@keyframes down_arrow {
  0% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  50% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
}

.down_arrow {
  position: absolute;
  right:49%;
  bottom:20px;
  width: 35px;
  height:35px;
  font-size: 24px;
  color: #4eb7cd;
  z-index: 30;
  background:url(/resource/402881e556546f5b01565479f2db0001/images/arrow1.png);
}

.down_arrow:before {
  position: absolute;
  left: 14px;
  -webkit-animation: down_arrow .7s infinite;
  animation: down_arrow 1.5s infinite;
}












.clear{clear:both;}

.swiper-container {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	 width: 100%;
	height: 100%;
}
#array {
	position: absolute;
	z-index: 999;
	-webkit-animation: start 1.5s infinite ease-in-out;
}
.cen_1200{
	width:1200px;
	margin:auto;
	padding:100px 10px 10px 10px;
	z-index:2;
	position:relative;
}
@media (max-width: 768px) {
	.cen_1200{
		padding-top:50px;
	}
}
@media (max-width: 414px) {
	.cen_1200{
		padding-top:10px;
	}
}
@media (max-width: 1199px) {
	.cen_1200{
		width:100%;
	}
}

/* ??????????? */  
@media (min-width: 769px) {
  .page-pull {
	  display:none;
  }
}

.page-pull { position:fixed; left:0; right:0; bottom:3%; margin:auto; width:1.6rem; height:1.6rem; background:url(/resource/402881e556546f5b01565479f2db0001/images/icon_04.png) center; background-size:cover;
z-index:16;
animation: pull 1.5s infinite;
-moz-animation: pull 1.5s infinite;	/* Firefox */
-webkit-animation: pull 1.5s infinite;	/* Safari ?? Chrome */
-o-animation: pull 1.5s infinite;}
@keyframes pull
{
0% {opacity: 0;bottom:2%;}
50% {opacity: 1;bottom:3.5%;}
100% {opacity: 0;bottom:5%;}
}

@-moz-keyframes pull /* Firefox */
{
0% {opacity: 0;bottom:2%;}
50% {opacity: 1;bottom:3.5%;}
100% {opacity: 0;bottom:5%;}
}

@-webkit-keyframes pull /* Safari ?? Chrome */
{
0% {opacity: 0;bottom:2%;}
50% {opacity: 1;bottom:3.5%;}
100% {opacity: 0;bottom:5%;}
}

@-o-keyframes pull /* Opera */
{
0% {opacity: 0;bottom:2%;}
50% {opacity: 1;bottom:3.5%;}
100% {opacity: 0;bottom:5%;}
}

.mouse{
	position:absolute;
	left:0;
	right:0;
	z-index:5;
	margin:auto;
	bottom:10px;
	width:95px;
	padding-left:25px;
	color:#979797;
	font-size:18px;
	height:38px;
	display:none;
	background:url(/resource/402881e556546f5b01565479f2db0001/images/icon_05.png)top left no-repeat;
}
@media (min-width: 769px) {
	.mouse{
		display:block
	}
}
.picture{
	display:block;
	width:100%;
	height:75%;
	padding-top:20px;
	font-size:18px;
	color:#666666;
	position:relative;
}
.picture img {
	width:62%;
	display:block;
	height:auto;
	margin:auto;
}
.picture p {
	text-align:center;
	position:absolute;
	width:100%;
	left:0;
	bottom:10px;
	margin:0;
}


.about{
	width:100%;
	height:100%;
	background:#ffffff;
}
.about_h1{
	display:block;
	width:200px;
	font-size:40px;
	letter-spacing:10px;
	margin:73px 20%;
	text-align:right;
}
.about_BG{
	width:100%;
	position:absolute;
	z-index:1;
	top:0;
	bottom:0;
	margin:auto;
	left:0;
	height:80%;
	border-top:3px solid #c6eff8;
	border-bottom:3px solid #c6eff8;
}
.about_img{
	height:100%;
	position:absolute;
	z-index:2;
	top:0;
	left:0;
}
.about_text{
	position:absolute;
	z-index:3;
	top:0;
	bottom:0;
	right:4%;
	margin:auto;
	width:50%;
	min-width:800px;
	height:630px;
	background:#f3f6fa;
	padding:0 80px;
	text-align:left;
}
.aim{
	font-size:21px;
	color:#333333;
	margin-bottom:34px;
}
.aim li{
	float:left;
	margin-right:26px;
}
.aim li span{
	color:#4eb7cd;
	margin-right:6px;
}
.about_text p{
	font-size:16px;
	color:#666666;
	text-indent:32px;
	line-height:30px;
}
.about_text_but{
	display:block;
	width:142px;
	height:34px;
	line-height:34px;
	padding:1px;
	text-align:center;
	color:#666666;
	margin-left:145px;
	margin-top:80px;
	background:#b4e8f3 url(../images/right_02.png) 105px center no-repeat;
	transition: background-color 1s;
    -moz-transition: background-color 1s;
    -webkit-transition: background-color 1s;
    -o-transition: background-color 1s;
}
.about_text_but:hover{
	background-color:#b9fdff;
}
.about_text_but span{
	display:block;
	width:70%;
	height:100%;
	background:#f3f6fa;
}
@media (max-width: 768px) {
	.about_text{
		padding:0 60px;
		width:100%;
		min-width:inherit;
		right:0;
	}
	.about_text_but{
		margin-top:60px
	}
}
@media (max-width: 414px) {
	.about_text{
		width:100%;
		min-width:inherit;
		height:100%;
		background:#f3f6fa;
		position:relative;
		margin:0;
		padding:20px 15px 0 15px !important;
	}
	.about_text p{
		font-size:1.2rem;
		color:#666666;
		text-indent:2.4rem;
		line-height:1.8rem;
	}
	.about_h1{
		font-size:2.5rem;
		width:40%;
		min-width:125px;
		margin:0 auto 8% auto !important;
	}
	.aim{
		font-size:1.6rem;
		padding:0 2.4rem !important;
		margin-bottom:6%;
	}
	.aim li{
		margin:0;
	}
	.aim_R{
		margin-left:20px !important;
	}
	.about_text_but{
		margin:10% auto
	}
	.about_BG{
		display:none
	}
	.about_img{
		display:none
	}
}
.news_BG{
	width:100%;
	height:100%;
	background:url(/resource/402881e556546f5b01565479f2db0001/images/BG_01.jpg)top center no-repeat;
	background-size: cover;
	position:absolute;
	top:0;
	left:0;
}
.news_h1{
	display:block;
	margin:5% auto 2% auto;
	width:200px;
	font-size:40px;
	letter-spacing:10px;
	text-align:right;
}
.news1{
	text-align:left;
	float:left;
	width:550px;
	padding:0;
}
.news1 li{
	margin-top:60px;
	float:left;
}
.news1_img{
	width:195px;
	float:left;
	background:url(/resource/402881e556546f5b01565479f2db0001/images/newsImg_01.jpg) top center no-repeat;/* ????????????????? */
	height:135px;
	background-size:cover;
}
.news1_text{
	width:320px;
	float:left;
	margin-left:30px;
}
.news1_text_h1{
	display:block;
	font-size:14px;
	color:#333333;
	margin:0;
	line-height:30px;
}
.news1_text_p{
	color:#666666;
	font-size:12px;
	display:block;
	height:34px;
	width:100%;
	margin:0;
}
.news1_text_time{
	font-size:14px;
	color:#999999;
	text-align:right;
	margin-bottom:10px;
	margin-top:0;
}
.news1_text_but{
	display:block;
	color:#4eb7cd;
	background-color:transparent;
	border:1px solid #4eb7cd;
	border-radius:8px;
	font-size:12px;
	text-align:center;
	line-height:23px;
	width:112px;
	height:23px;
	margin-top:18px;
	float:right;
	transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -webkit-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
}
.news1_text_but:hover{
	color:#ffffff;
	background-color:#4eb7cd
}
.news2{
	width:425px;
	margin-top:51px;
	float:right;
	padding:0;
}
.news2 li {
	width:100%;
	line-height:50px;
	height:50px;
	position:relative;
	float:left;
}
.news2 li a{
	display:block;
	width:100%;
	color:#999999;
}
.news2 li a:hover{
	color:#4eb7cd
}
.news2_time{
	font-size:14px;
}
.news2_title{
	color:#333333;
	font-size:14px;
	position:relative;
	z-index:10;
}
.news_but{
	width:15%;
	min-width:100px;
	height:58px;
	background:#b4e8f3 url(../images/right.png) center center no-repeat;
	position:relative;
	margin:auto;
	display:block;
	z-index:3;
	margin-top:40px;
}
.halfLink_overflow{
	position:absolute;
	z-index: 8;
	display: block;
	width: 0;
	height: 14px;
	bottom: 12px;
	left: 105px;
	background: #b4e8f3;
}		
	
@media (max-width: 414px) {
	.news_h1{
		font-size:2.5rem;
		width:40%;
		margin-bottom:5px !important;
	}
	.news1,.news2{
		width:100% !important;
	}
	.news2{
		display:none;
	}
	.news2_time,.news2_title {
		font-size:1rem;
	}
	.news2_time{
		width:88px;
	}
	.news1 li{
		margin-top:15px !important;
		width:100%;
	}
	.halfLink_overflow{
		display:none
	}
	.news1_text {
		width:60%;
		padding-left:20px;
		margin:0;
	}
	.news1_text_h1{
		font-size:1.4rem;
		line-height:1.8rem;
	}
	.news1_img{
		width:40%;
		height:100px;
	}
	.news1_text_time{
		margin-bottom:0;
		font-size:1rem;
	}
	.news1_text_p{
		font-size:1rem;
	}
	.news1_text_but{
		margin-top:5px;
	}
	.news2 li {
		line-height:2.4rem !important;
		height:2.4rem !important;
	}
	.news_but{
		height:36px;
		margin-top:20px;
		width:30%;
	}
}
@media (max-width: 768px) {
	.news1 li{
		margin-top:30px;
	}
	.news2 li {
		line-height:45px;
	}
	.news2{
		margin-top:20px;
	}
}
@media (max-width: 1000px) {
	.news_h1,.plan_h1{
		margin-bottom:20px;
	}
	.news1 li{
		margin-top:30px;
	}
	.news1,.news2{
		float:inherit;
		margin:auto;
	}
	.news2{
		margin-top:40px;
		width:550px;
		background:rgba(255, 255, 255, 0.4);
		padding:0 62px;
	}
	.news2 li {
		line-height:40px;
		height:40px;
	}
}

.plan{
	background:#ffffff;
	width:100%;
	height:100%;
	padding-bottom:246px;
	position:relative;
}
.plan ul li{
	width:22%;
	margin-bottom:24px;
	float:left;
	margin-left:1.5%;
	margin-right:1.5%;
}
.plan img{
	width:100%;
	
}
.plan ul li a{
	display:block;
	position:absolute;
	right:0;
	top:0;
	border:2px solid #d4d2d2;
	color:#d4d2d2;
	line-height:18px;
	font-size:16px;
	float:right;
	width:23px;
	height:23px;
	text-align-last:center;
}
.plan_text{
	position:relative;
	display:block;
	width:100%;
	padding-right:25px;
	margin-top:10px;
	margin-bottom:0;
	text-align:left;
	color:#333333;
	font-size:14px;
	line-height:23px;
}
.plan_span{
	display:block;
	width:100%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.plan_h1{
	display:block;
	margin:20px auto 2% auto;
	width:200px;
	font-size:40px;
	letter-spacing:10px;
	text-align:right;
}
@media (max-width: 768px){
	.plan ul li{
		width:28%;
		margin-left:2.65%;
		margin-right:2.65%
	}
}
@media (max-width: 414px){
	.plan ul li{
		margin-top:20px;
		margin-bottom:0;
	}
	.plan_text{
		margin-top:10px;
	}
	.plan ul li {
		width:45% !important;
		margin-left:2.5%;
		margin-right:2.5%;
	}
	.plan_h1{
		font-size:2.5rem;
		width:40%;
		margin-bottom:5px;
	}
}
@media (max-width: 320px) {
	.plan_h1{
		margin-top:10px;
		margin-bottom:0;
	}
	.plan ul li{
		margin-top:10px;
	}
	.plan_text{
		margin-top:8px;
	}
}
.lh_24{
	line-height:24px;
}
.carousel-control img {
    width: 34px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
@media (max-width: 414px){
    .carousel-control {
        height: 60px !important;
        padding: 2px;
        border-radius: 2px;
    }
}

@media (max-width: 980px){
    .carousel-control {
        width: 40px !important;
        height: 66px;
        padding: 6px;
        border-radius: 4px;
    }
}


/*???*/
.carouselTab{
	height:90%;
	position:relative;
	z-index:4;
	padding-top:0;
}
.carouselDiv{
	height:90%;
	overflow:hidden;
	position:relative;
}
.carousel {
  position: absolute;
  top: 0;
  margin:auto;
  bottom: 0;
  font-size: 20px;
  color: #fff;
  background:#b4e8f3;
  height:180px;
  width:70px;
  padding:8px;
  z-index:5;
}
@media (max-width: 980px) {
	.carousel {
		width:40px;
		height:66px;
		padding:6px;
		border-radius:4px;
	}
}
@media (max-width: 414px) {
	.carousel {
		height:60px;
		padding:2px;
		border-radius:2px;
	}
	.carouselDiv{
		height:600px;
	}
}
.carousel img{
	width:34px;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
}
.carousel.left {
  left:0;
}
.carousel.right {
  right: 0;
}

.product{
	height:100%;
	padding-left:100px !important;
	padding-right:100px !important;
	padding-bottom:50px;
	float:left;
	background:#fff;
}
.pro{
	width:100%;
	height:100%;
	position:relative;
	padding-top:120px;
}
.product_h1{
	text-align:center;
	display:block;
	width:200px;
	position:relative;
	font-size:40px;
	letter-spacing:10px;
	margin:auto;
	z-index:5;
	height:10%;
}
.product_h1 span,.about_h1 span,.news_h1 span,.plan_h1 span,.culture_h1 span,.pro2_h1 span,.structure_h1 span{
	display:block;
	margin-top:21px;
	float:left;
	height:2px;
	width:84px;
	border-top:2px solid #4eb7cd;
}
.product_li_1{
	cursor:pointer;
	width:25%;
	height:100%;
	float:left;
	padding:20px;
	position:relative;
}
.product_li_2{
	width:30%;
	margin:0;
	height:100%;
	float:left;
	padding:35px 50px 35px 20px;
	position:relative;
	border:1px solid #e0e0e0;
}
.pro2_text{
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
}
.pro2_h1{
	position:relative;
	text-align:right;
	display:block;
	width:290px;
	height:10%;
	font-size:40px;
	letter-spacing:10px;
	margin:auto;
	z-index:5;
}
.pro2_text li {
	width:100%;
	height:auto;
	position:relative;
	margin-top:20px;
}
.pro2_text_left{
	width:100%;
	font-size:14px;
	color:#999999;
	float:left;
	position:absolute;
	top:0;
	left:0;
}
.pro2_text_right{
	width:100%;
	padding-left:60px;
	height:auto;
	color:#000000;
	font-size:14px;
}
.pro2_text_right p,.pro2_text_left p{
	line-height:25px;
	margin:0;
}
.pro2_arrowTop,.pro2_arrowBottom{
	position:absolute;
	display:block;
	right:15px;
	width:36px;
	height:36px;
	background-color:#cbcbcb;
	background-position:center center;
	background-repeat:no-repeat;
}
.pro2_arrowTop{
	bottom:71px;
	background-image:url(/resource/402881e556546f5b01565479f2db0001/images/arrow_top.png);
}
.pro2_arrowBottom{
	bottom:30px;
	background-image:url(/resource/402881e556546f5b01565479f2db0001/images/arrow_bottom.png);
}
.ellipsis{
	width:5%;
	height:25px;
	position:relative;
	top:50%;
	margin-top:-13px;
	float:left;
	text-align:center;
}
.pdT_260{
	padding-top:2% !important;
}
.pro_tit{
	width:55%;
	height:55px;
	position:absolute;
	top:-28px;
	left:0;
	right:0;
	margin:auto;
	background:#f5f5f5;
	font-size:18px;
	color:#000000;
	line-height:55px;
	text-align:center;
}
@media (max-width: 768px) {
	.product_li_1{
		width:50%;
		height:50%;
	}
	.picture{
		padding-top:0 !important;
	}
	.picture img{
		width:40% !important;
	}
	.product{
		padding-bottom:20px;
	}
	.product_but{
		margin:10% auto !important;
	}
	.picture p {
		margin-top:12% !important;
	}
	.product{
		padding:0px 15px 20px 15px !important;
	}
}
@media (max-width: 414px) {
	.product_h1{
		font-size:2.5rem;
		width:34%;
		min-width:125px;
		height:auto;
	}
	.product_h1 span, .about_h1 span, .news_h1 span, .plan_h1 span{
		margin-top:1.2rem;
		width:38%
	}
	.product_but{
		font-size:0.8rem;
		min-width:80px !important;
		line-height:34px !important;
		height:36px !important;
	}
	.product_but span{
		margin-left:0 !important;
	}
	.picture{
		font-size:1.3rem !important;
	}
	.picture img{
		width:50% !important
	}
	.picture p {
		margin-top:15% !important;
	}
	.product_li_2{
		width:100%;
		height:100%;
		float: none;
		padding:15px;
	}
	.ellipsis{
		display:none;
	}
	.pro_tit{
		height:30px;
		line-height:30px;
		top: -15px
	}
	.pro2_h1{
		font-size:2.4rem;
		width:150px;
		letter-spacing:0
	}
	.pro2_h1 span{
		width:50px;
		margin-top:12px;
	}
	.pro2_arrowTop,.pro2_arrowBottom{
		right:0px;
	}
	.pro2_arrowTop{
		top:0;
	}
	.pro2_arrowBottom{
		bottom:0;
	}
	.pro{
		padding-top:20px;
	}
}
.product a,.about a,.cen_1200 a{
	text-decoration:none;
}
.product_but{
	display:block;
	text-align:center;
	color:#999999;
	border:1px solid #f7f7f7;
	height:48px;
	width:40%;
	min-width:150px;
	line-height:48px;
	margin:50px auto;
}
.product_but span{
	margin-left:4px
}
.product_li_bor1,.product_li_bor2{
	border:1px solid #f6f6f6;
}
.product_li_bor2{
	border:1px solid #f6f6f6;
}
@media (min-width: 768px) {
	.product_li_bor1{
		border-right:none;
	}
}
.pro_TBcar{
	width:100%;
	position:absolute;
	top:0;
	left:0;
}
.culture{
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	background:#f5f5f5;
	height:630px;
	width:50%;
	min-width:800px;
	z-index:3;
	padding:70px;
	color:#333333;
}
.culture p{
	line-height:25px;
}
.culture_h1{
	display: block;
    width: 280px;
    font-size: 40px;
    letter-spacing: 4px;
    margin: 0px 20% 73px 20%;
    text-align: right;
}
.culture h2{
	font-size:24px;
	margin:42px 0;
}
.structure{
	width:100%;
	height:100%;
	padding-bottom:246px;
}
.structure ul{
	width:100%;
	height:100%;
	padding:0 0 50px 0;
}
.structure ul li{
	width:31%;
	float:left;
	background:#f5f5f5;
	height:100%;
	padding:30px;
}
.structure ul li p{
	font-size:16px;
	color:#333333;
	line-height:32px;
	text-align:center;
	margin:0;
}
.structure_h1{
	display: block;
    width: 260px;
    font-size: 35px;
    letter-spacing: 4px;
    margin:  30px auto 50px auto;
    text-align: right;
}
.structure_but{
	display:block;
	width:155px;
	height:48px;
	border:1px solid #e6e6e6;
	background:#f5f5f5;
	line-height:48px;
	text-align:center;
	color:#999999;
	margin:100px auto 0 auto;
}
.structure_but:hover{
	background-color:#b4e8f3;
	color:#fff;
}
@media (max-width: 1366px) {
	.structure_but{
		margin-top:30px;
	}
	.structure ul li p{
		font-size:14px;
		line-height:28px;
	}
	.structure_h1{
		margin:  10px auto 20px auto;
	}
}
@media (max-width: 768px) {
	.structure_h1{
		display: block;
    	width: 100%;
    	font-size: 2.4rem;
    }
	.structure_h1 span{
		width:50px;
		margin-top:12px;
	}
}
@media (max-width: 414px) {
	.culture{
		width:100%;
		min-width: inherit;
		height:100%;
		padding:60px 20px 0px 20px;
	}
	.culture_h1{
		margin-bottom:20px;
		margin-top:40px;
		margin:0 auto 20px auto;
		font-size:2.4rem;
		width:170px;
	}
	.culture h2 {
		font-size:2rem;
		margin-top:20px;
		margin-bottom:20px
	}
	.culture_h1 span{
		width:50px;
		margin-top:12px;
	}
	.structure_but{
		margin-top:0;
		height:auto;
		width:auto;
		display:inline;
		border:none;
		font-size:1rem;
		line-height:24px;
		float:right
	}
	.structure ul{
		padding-bottom:0;
	}
	.structure ul li{
		width:100%;
		height:31.33%;
		padding:10px;
		margin-bottom:2%;
		position:relative;
	}
	.structure ul li p{
		font-size:1.4rem;
		line-height:2rem;
		display:block;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
		text-align:left;
	}
	.structure_h1{
		margin: -17px auto 20px auto;
		width:70px;
		font-size:1.6rem;
		letter-spacing:0;
		text-align:center;
		float:left;
		position:absolute;
		left:10px;
		top:50%;
	}
	.structure_h1 span{
		width:30px;
		float: left;
		margin-top:16px;
	}
	.structure{
		padding-bottom:200px;
		padding-top:50px;
	}
	.structure_text{
		padding-left:80px;
		width:100%;
	}
}
@media (max-width: 320px) {
	.structure ul li p{
		font-size:1rem;
		line-height:1.6rem
	}
	.culture p {
		font-size:1.2rem;
		line-height:1.6rem
	}
}
.maR_35{
	margin-right:3.5%;
}

.banner{
	width:100%;
	height:100%;
	position:relative;
	background:url(/resource/402881e556546f5b01565479f2db0001/images/about_banner.jpg) center no-repeat;
	background-size:cover;
}
.introduce_tit{
	margin-top:100px;
	width:100%;
	height:104px;
	position:relative;
}
.introduce_tit_bor{
	border-bottom:2px solid #c3e2e9;
	width:162px;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}
.introduce_tit h2{
	color:#aca9a9;
	line-height:104px;
	font-size:48px;
	text-align:center;
	margin:0;
}
.introduce_text{
	margin-top:14%;
	width:100%;
}
.introduce_text p {
	text-indent:2em;
	line-height:25px;
}
@media (max-width: 414px) {
	.introduce_tit h2{
		font-size:2.2rem;
		line-height:60px;
	}
	.introduce_tit{
		margin-top:50px;
		width:100%;
		height:40px;
		position:relative;
	}
	.introduce_tit{
		margin-top:50px;
		width:100%;
		height:60px;
		position:relative;
	}
	.introduce_text p{
		font-size:1.2rem;
		line-height:1.6rem;
	}
	.introduce_text{
		margin-top:6%
	}
}
@media (max-width: 320px) {
	.introduce_tit h2{
		font-size:2rem;
		line-height:40px;
	}
	.introduce_text p{
		font-size:1rem;
		line-height:1.5rem;
		margin:0;
	}
	.introduce_tit{
		margin-top:50px;
		height:40px;
	}
	.introduce_text{
		margin-top:2%
	}
}

.history_div{
	width:100%;
	height:100%;
	padding-top:60px;
	overflow:hidden;
}