/*slide area*/
.slide_erea {
	position:relative;
	height:950px;
}
.slide_erea-1, .slide_erea-2, .slide_erea-3 {
	position:absolute;
}
.slide_erea-1 {
	z-index:10;
	width:100%;
}
.slide_erea-2 {
	z-index:30;
	width:100%;
}
.slide_erea-3 {
	z-index:20;
	width:100%;
	max-height:1100px;
}
/*slide area end*/
/*client slick begin*/
.responsive {
	margin-bottom:100px;
	width:92%;
	background:transparent;
}
.responsive div {
	width:100%;
	margin-left:1px;
}
.responsive img {
	width:170px;
	height:105px;
	line-height:105px;
	background:#FFF;
	border:1px solid #acacac;
	overflow:hidden;
	box-shadow: 2px 2px 4px #999;
	margin-bottom:15px;
}
.responsive img:first-child {
	margin-left:0px;
}
 @media only screen and (max-width:480px) {
 .responsive div {
width:100%;
margin-left:0px;
}
 .responsive img {
width:160px;
height:100px;
line-height:100px;
border:1px solid #acacac;
overflow:hidden;
box-shadow: 2px 2px 4px #999;
margin-bottom:15px;
}
.slide_erea-1 {
	margin-top:100px;
}

}
/*client slick end*/


/*news begin*/
.paddingtop{ height:100px;}
.percent72{ margin:0 auto; width:72%;}
@media only screen and (min-width:2561px){
	.percent72{ margin:0 auto; width:2560px;}
}
.area_title{ font-size:35px; font-weight:700;color:#006895; margin-bottom:30px;}
.index_news li{ float:left; width:49%; height:225px; background:#FFF; margin-right:2%; margin-bottom:20px;}
.index_news li.last{ margin-right:0}
.index_news li .index_news_left{ width:30%; text-align:center; float:left; font-size:11px;}
.index_news li .index_news_right{ text-align:left; padding-top:70px;}
.index_news_left p{font-size:50px; font-weight:700; padding-top:70px; }
.index_news li:hover{background: linear-gradient(to right, #006A9F, #3C886F); color:#FFF}
.index_news li:hover a{ color:#FFF}

.index_news_last li{ float:left; width:100%; height:225px; background:#FFF; margin-bottom:20px;}
.index_news_last li .index_news_left{ width:15%; text-align:center; float:left; font-size:11px;}
.index_news_last li .index_news_right{ text-align:left; padding-top:70px;}
.index_news_last li:hover{background: linear-gradient(to right, #006A9F, #3C886F); color:#FFF}
.index_news_last li:hover a{ color:#FFF}

.index_newsletter{ text-align:center; color:#006895; font-size:40px; font-weight:bold; margin-top:70px; background:url(../images/index_newsletter_2560.png) no-repeat bottom ; height:380px;}


.news_mobile{ width:95%;background:#FFF; margin-top:11px;}
.news_mobile li{ padding:5px 0}

@media screen and (max-width: 1920px) {
	.index_newsletter{  background:url(../images/index_newsletter_1920.png) no-repeat bottom ; height:310px;}

}

@media screen and (max-width: 1440px) {
	.index_newsletter{   font-size:30px;background:url(../images/index_newsletter_1440.png) no-repeat bottom ; height:258px;}
}
.index_newsletter span{ color:#666666}


/**/
.index_contact_area{ text-align:center; color:#006895; font-size:40px; font-weight:bold; margin-top:50px;padding-bottom:80px; background:url(../images/index_newsletter_2560.png) no-repeat bottom ; height:420px;}
@media screen and (max-width: 1920px) {
	.index_contact_area{  background:url(../images/index_newsletter_1920.png) no-repeat bottom ; height:310px;}

}

@media screen and (max-width: 1440px) {
	.index_contact_area{   font-size:30px;background:url(../images/index_newsletter_1440.png) no-repeat bottom ; height:258px;}
}

/**/

.index_valve{ background:url(../images/index_valve.png) no-repeat bottom #FFF; height:580px;}

.percent80{ margin:0 auto; width:80%; text-align:left; padding-top:40px;}
@media only screen and (min-width:2561px){
	.percent80{ margin:0 auto; width:2560px;}
}
.index_valve_left{margin:0 auto; float:left;font-size:60px;font-weight:bold;color:#666666}

.index_valve_left span{color:#006895;}
.index_valve_right{ float:right; text-align:left; margin:0 auto;color:#666666; padding-top:50px; font-size:20px;}
@media screen and (max-width: 1920px) {
	.index_valve{ background:url(../images/index_valve_1920.png) no-repeat bottom #FFF;}
	.index_valve_left{font-size:45px;}
	.index_valve_right{font-size:15px;}
}
@media only screen and (max-width:480px){
	.index_valve_left{font-size:30px;}
	.percent72{ margin:0 auto; width:95%; text-align:left;}
}
.index_valve_left .index_contact{color:#666666; font-size:16px; display:block; padding-left:5px;}

.index_contact_area_right{text-align:center; color:#666666;  font-size:20px; padding-left:62%; padding-top:80px;}
@media only screen and (max-width:780px){
	.index_contact_area_right{text-align:center; color:#666666;  font-size:12px; padding-left:1%; }

}
/*index class begin*/

.fold_wrap{width:100%;height:675px;margin:0px auto 0 auto;overflow:hidden; }
.fold_wrap li{float:left;width:500px;height:675px;position:relative;overflow:hidden;cursor:pointer;}
.fold_wrap li .mask_b{position:absolute;overflow:hidden;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.3);_background:#B2B2B2;}
.fold_wrap li.active .mask_b{background:none;}
.fold_wrap li .mask_b h4{color:#fff;position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10%;
  font-size:50px;
  text-align:left
  }
.weizhi{position: absolute;
  top: 60%;
  transform: translateY(-50%);
  left: 10%;
  font-size:50px;
  text-align:left}
.fold_wrap li.big{width:322px;}
.fold_wrap li .adv_intro{position:absolute; bottom:-200px; color:#FFF; font-size:13px;text-align:left;left: 10%; padding-right:5%}

.adv_intro_show{ top: 54%;[;top:57.5%;]   //这样写}

.pic_auto{width:100%;height:100%;}
.gray_indexclass{filter: grayscale(100%); }
/**/
.index_class_more{ background:#FFF; height:400px;}

/* 屏幕分辨率放大为 150 */
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 120dpi) {
    .slide_erea-3 {
         transform: scale(0.85, 0.85); /* 缩放数值需要根据效果调试 */
        transform-origin: left top;
    }
}