.index{width:100%;overflow:hidden;}
.index .swiper-container{width:100%;height:100%;overflow:hidden}
.index .swiper-container .swiper-slide{width:100%;height:100%;overflow:hidden}
.index .swiper-container .swiper-slide img{display:block;
	transform:scale(1.25);
	-moz-transform:scale(1.25);
-ms-transform:scale(1.25);
-webkit-transform:scale(1.25);
-o-transform:scale(1.25);
	vertical-align:middle;
	transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;
}

.index .swiper-slide-active img{
	transform: scale(1)!important;
	-moz-transform: scale(1)!important;
-ms-transform: scale(1)!important;
-webkit-transform: scale(1)!important;
-o-transform: scale(1)!important;
	
}









.about{ width:100%; float:left; padding:5% 0 4% 0;}
.tit_1{ width:170px; float: left; position: relative;}
.tit_1 h4{ width:100%; float: left; font-size: 30px; color: #0283d5; line-height: 46px;}
.tit_1 h6{ width:100%; float: left; font-size: 14px; color: #999; line-height: 1; font-family:Arial;}
.tit_1 .bian{ width:545px; position: absolute; right: 0; top:74px; height: 5px;}
@media screen and (max-width:1023px) {
.tit_1{ width:120px;}
.tit_1 h4{ font-size: 20px; line-height: 36px;}
.tit_1 h6{ font-size: 12px;}
.tit_1 .bian{ top:48px;}
}
.about .zbox{ width:100%; float:left;}
.about .c_586{ width:50.08%; float:left; margin-top:54px;}
.about .c_586 .p{ width:100%; float:left; }
.about .c_586 p{
	font-size:14px; color:#333; line-height:36px; text-indent:2em;
}
.about .c_586 ul{ width:100%; float:left; margin-top:9px;}
.about .c_586 ul li{ width:47.44%; float:left; margin-top:10px; padding:32px 20px 36px 20px; background:#fafafa;}
.about .c_586 ul li .ico{ width:66px; height:66px; float:left; background:linear-gradient(to right, #0283d5 , #67c0a9);
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.about .c_586 ul li:hover .ico{ transform:rotateY(180deg);}
.about .c_586 ul li:hover{ box-shadow:0 3px 7px rgba(0,0,0,0.15);}
.about .c_586 ul li .ico img{ float:left;}
.about .c_586 ul li h4{ margin-left:81px; margin-top:2px; font-size:16px; color:#333; line-height:1;}
.about .c_586 ul li h5{ margin-left:81px; margin-top:8px; font-size:12px; color:#999; line-height:20px; height:40px; overflow:hidden; }
.about .c_586 .btnn{ /*width:100%; */float:left; margin-top:34px;width:166px; height:51px;background: linear-gradient(to right, #0283d5 , #67c0a9);border-radius:23px;padding: 3px 0 0 3px;}
.about .c_586 .btnn a{ display:block; float:left; width:160px; height:45px; line-height:45px; color:#333; background:#fff;font-size:14px; text-transform:uppercase; text-align:center;
-moz-border-radius:23px; 
-webkit-border-radius:23px; 
-khtml-border-radius:23px;
border-radius:23px;

transition: all .01s!important;
-moz-transition: all .01s!important;
-ms-transition: all .01s!important;
-webkit-transition: all .01s!important;
-o-transition: all .01s!important;
}
.about .c_586 .btnn:hover a{
	 background:linear-gradient(to right, #0283d5 , #67c0a9);
	color: #fff;
}
.fr{ float:right !important;}
.about .zbox .img{ width:46.15%; float:right; position:relative; padding:10px; /*margin-top:-60px;*/}
.about .zbox .img img{ width:100%; float:left;}
.about .zbox .img .bian{ width:105%; position:absolute; right:0; top:0;}

.btnnnn{
	float:left; margin-top:34px;
}
.moreClick {
    width: 180px;
    height: 50px;
    border-radius: 25px;
    text-align: center;
    font-size: 14px;
    line-height: 50px;
    background-image: url(../images/bg2.png);
    letter-spacing: 4px;
    display: block;
    color: #333;
}
.animation.srcospcur {
    -moz-transform: translate(0,0px);
    -o-transform: translate(0,0px);
    -webkit-transform: translate(0,0px);
    transform: translate(0,0px);
    opacity: 1;
    transition: 0.01s;
    -webkit-transition: 0.01s;
    -moz-transition: 0.01s;
    -ms-transition: 0.01s;
    -o-transition: 0.01s;
}
.bgc {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.moreClick:hover {
    background-image: url(../images/bg1.png);
    color: #fff;
}












.pro{ width:100%; float:left; padding:5% 0 4% 0;background: url(../images/b1.jpg) no-repeat center;background-attachment: fixed}
.tit_1{ width:170px; float: left; position: relative;}
.tit_1 h4{ width:100%; float: left; font-size: 30px; color: #67c0a9; line-height: 46px;}
.tit_1 h6{ width:100%; float: left; font-size: 14px; color: #999; line-height: 1; font-family:Arial;}
.tit_1 .bian{ width:545px; position: absolute; right: 0; top:74px; height: 5px;}
@media screen and (max-width:1023px) {
.tit_1{ width:120px;}
.tit_1 h4{ font-size: 20px; line-height: 36px;}
.tit_1 h6{ font-size: 12px;}
.tit_1 .bian{ top:48px;}
}

.procon{
	float: left;
	width: 100%;
	margin-top: 65px;
}

.procon ul li{
	float: left;
	width: 25%;
	padding: 10px;
	position: relative;
}

.procon ul li:nth-child(1){
	width: 50%;

}

.proimg{
	position: relative;
	overflow: hidden;
}

.procon ul li p{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	color: #fff;
	margin-bottom: 0;
	padding: 6px 0;
	background: rgba(0,0,0,.5);
	transition: all 1s!important;
-moz-transition: all 1s!important;
-ms-transition: all 1s!important;
-webkit-transition: all 1s!important;
-o-transition: all 1s!important;
}

.procon ul li:hover p{
	background:linear-gradient(to right, #0283d5 , #67c0a9);
}























.ys{ width:100%; float:left; padding:5% 0 4%;background:rgba(245,245,245,1.00);position: relative}
.ys::before {
    content: '';
    background: url(../images/bub-bg.png);
    top: 0;
    background-size: 100% auto;
    width: 20%;
    height: 100%;
    -webkit-animation: slide 55s linear infinite;
    position: absolute;
    right: 0;
}

@-webkit-keyframes slide {
    from {
        background-position: 0 0
    }
    to {
        background-position: 0 -5000px
    }
}
.ys .tit_1 h4{ color:#67c0a9;}
.ys .tit_1 h6{ color:#999; opacity:0.5;}
.ys ul{ width:100%; float:left; margin-top:-60px;}
.ys ul li{ width:20%; float:left;}
.ys ul li .img{ width:100%; float:left; overflow:hidden; position:relative; padding-bottom: 79.5%;}
.ys ul li .img img{ width:100%; float:left; position:absolute; left:0; top:0;
		 transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
 -webkit-transition: all 0.4s linear;
-o-transition: width all 0.4s linear;}
.ys ul li:hover .img img{transform: scale(1.09,1.09);
	-ms-transform: scale(1.09,1.09);	
-webkit-transform: scale(1.09,1.09);
	 -o-transform: scale(1.09,1.09);	
   -moz-transform: scale(1.09,1.09);}
.ys ul li .text{ width:100%; float:left; height:186px; text-align:center; padding:46px 20px 20px 20px;}
.ys ul li .text h3{ width:100%;font-family: 'OPENSANS-LIGHT'; font-size:30px; color:white; line-height:1;}
.ys ul li .text h3 span{ opacity:0.5;}
.ys ul li .text .bian{ width:1px; height:25px; background:white; opacity:0.3; display:inline-block; *zoom:1; *display:inline; margin-top:5px;}
.ys ul li .text h4{ width:100%; font-size:18px; color:white; line-height:1; margin-top:5px;}
.ys ul li.l0{ margin-top:183px;}
.ys ul li.l1 .text{ background:#0283d5;}
.ys ul li.l2 .text{ background:#67c0a9;}
.ys ul li.l3 .text{ background:#cc2210;}
.ys ul li.l4 .text{ background:#f29300;}
.ys ul li.l5 .text{ background:#11a4be;}
.ys .more{ width:100%; float:left; margin-top:-54px;}
.ys .more a{ display:block; float:right; width:64px;}
.ys .more a:hover{ margin-right:10px;}














.news{ width:100%; float:left; padding:5% 0 4% 0;}
.newscon{
	float: left;
	width: 100%;
	margin-top: 65px;
}
.news li {
	float: left;
	padding: 0 8px;
	width: 33%;
	margin-bottom: 15px;
}

.home-dynamic-item {
	position: relative;
	background: #fff;
	-webkit-box-shadow: 1px 1px 9px rgba(0,0,0,.07);
	-moz-box-shadow: 1px 1px 9px rgba(0,0,0,.07);
	box-shadow: 1px 1px 9px rgba(0,0,0,.07);
}

.home-dynamic-item::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #272727;
	-webkit-transition: all ease 1s;
	transition: all ease 1s;
	opacity: 0;
}

.home-dynamic-item-in {
	position: relative;
	z-index: 2;
	padding: 130px 30px 40px 40px;
	color: #999;
	font-size: 14px;
}

.home-dynamic-item .date {
	position: absolute;
	left: 40px;
	top: -17px;
	padding: 25px 10px 10px;
	width: 101px;
	font-size: 28px;
	color: #fff;
	text-align: right;
	background: #272727;
}

.home-dynamic-item .date p {
	opacity: .56;
	font-size: 15px;
}

.home-dynamic-item .name {
	margin-bottom: 35px;
	font-size: 18px;
	color: #000;
}

.home-dynamic-item .des p{
	line-height: 24px;
	height: 72px;
	overflow: hidden;
	margin-bottom: 30px;
}

.home-dynamic-item:hover::before {
	opacity: 1;
}

.home-dynamic-item:hover .date {
	color: #fff;
	background: linear-gradient( #0283d5 , #67c0a9);
}

.home-dynamic-item:hover .name { color: #fff;}

.home-dynamic-body .more-button-1 .default a { color: #0283d5;}
.home-dynamic-body .more-button-1 .hover-i a { color: #fff;}











.more{
	float: left;
	width: 100%;
	margin-bottom: 60px;
}
.more ul{overflow: hidden;}
.more ul li{position: relative;float: left;width: 49%;overflow: hidden;}
.more ul li:nth-child(even){float: right;}
.more ul li .picture{display: block;width: 100%;-webkit-transition: all 1s;transition: all 1s;-webkit-transform: scale(1.1);transform: scale(1.1);}
.more ul li:hover .picture{-webkit-transform: scale(1);transform: scale(1);}
.more ul li .mask,
.more ul li .box{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.more ul li .mask{-webkit-transition: all 1s;transition: all 1s;}
.more ul li:hover .mask{opacity: 0;}
.more ul li .title{margin: 60px 0 0 46px;color: #fff;letter-spacing: 1px;}
.more ul li .title .en{display: block;line-height: 16px;color: #fff;text-transform: uppercase;}
.more ul li .title .cn{display: block;line-height: 20px;margin-top: 12px;font-size: 18px;color: #fff;}
.more ul li .video{position: absolute;bottom: 35px;left: 46px;width: 50px;height: 50px;background-position: -200px -50px;}
.more ul li .video:hover{background-position: -250px -50px;}
.more ul li .moree{position: absolute;left: 45px;bottom: 27px;line-height: 25px;line-height: 25px;border-bottom: 1px solid transparent;font-size: 14px;color: #fff;letter-spacing: 1px;text-transform: uppercase;}
.more ul li .moree:hover{border-color: rgba(255, 255, 255, .5);}