@charset "utf-8";
/* CSS Document */








.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 .8s;
-moz-transition: all .8s;
-ms-transition: all .8s;
-webkit-transition: all .8s;
-o-transition: all .8s;
}

.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;
	
}

.swiper-pagination-bullet{
	height: 7px;
	width: 60px;
	border-radius: 0;
}













@media (min-width:1500px){
	.pro .container{
	width: 1500px!important;
}
}


@media (min-width:992px) and (max-width:1550px){
	.pro .container{
	width: 90%!important;
}
}

.pro{
	padding: 5% 0;
}

.prozi{
	text-align: center;
	margin-bottom: 5%;
}

.prozi h2{
	font-size: 28px;
	color: #333;
}

.proimg{
	overflow: hidden;
	position: relative;
	border-radius: 5px;
}

.proimg img{
	transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;
	
}

.proimg p{
	position: absolute;
	bottom: 0;
	text-align: center;
	background: rgba(0,0,0,.5);
	color: #fff;
	margin-bottom: 0;
	width: 100%;
	padding: 8px 0;
}

.procon a:hover img {
	transform: scale(1.1);
	-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
}

.procon .col-md-4{

	margin-bottom: 3%;
}











.anniua{
	text-align: center;
}

.anniua a{
	display: block;
	line-height: 42px;
    width: 162px;
    height: 44px;
	border: 1px solid #999;
	margin: 0 auto;
	color: #666;
	transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;
}

.anniua a:hover{
	background: #024e9c;
	color: #fff;
	border: 1px solid #024e9c;
}

@media (min-width:1400px){
	.saide .container{
	width: 1400px!important;
}
}


@media (min-width:992px) and (max-width:1450px){
	.saide .container{
	width: 90%!important;
}
}

.saide{
	padding-top: 8%;
}

.news{
	height: 400px;
	width: 100%;
}

.newsl{
	float: left;
	width: 33.3%;
	height: 400px;
	position: relative;
	background: rgba(243,243,243,1.00)
}

.newscon{
	text-align: center;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
	width: 80%;
	margin: 0 10%;
}

.newsl h2{
	font-size: 28px;
	color: #333;
	margin-bottom: 40px;
}

.newsl ul{
	margin-bottom: 40px;
}

.newsl ul li{
	float: left;
	width: 100%;
	padding-bottom: 5px;
	font-size: 14px;
	color: #555;
	text-align: left;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}

.newsl ul li span{
	float: right;
	font-size: 14px;
}

.newsl a:hover li{
	color: #024e9c
}

.newsr{
	float: right;
	width: 66.7%;
	height: 400px;
	overflow: hidden;
}

.newsr img{
	transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
	
}

.news:hover img {
	transform: scale(1.1);
	-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
}



.about{
	height: 400px;
	width: 100%;
}

.about ul li{
	float: left;
	width: 33.33%;
	position: relative;
	height: 400px;
	overflow: hidden;
}

.aboutcon{
	text-align: center;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
	width: 80%;
	margin: 0 10%;
}

.aboutcon h2{
	font-size: 28px;
	color: #333;
	margin-bottom: 40px;
}

.aboutcon p{
	font-size: 14px;
	line-height: 28px;
	color: #666;
	margin-bottom: 40px;
	text-align: left;
}

.about img{
	transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
	
}

.about:hover img {
	transform: scale(1.1);
	-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
}














.yewuzi{
	text-align: center;
	margin-bottom: 5%;
}

.yewuzi h2{
	font-size: 28px;
	color: #333;
}

.indexPart2{}
.indexPart2 .bigBox{ position: relative; margin-top: 60px;}
.indexPart2 .tab{ position: absolute; left: 50%; margin-left: -700px; bottom: 0px; z-index: 2; width: 1400px;}
.indexPart2 .tab li{ float: left; width: 25%; position: relative; height: 150px;}
.indexPart2 .tab li .box{ margin: 0 16px; position: relative; height: 150px; background: #f5f5f5;}
.indexPart2 .tab li .xbox{ /* padding-left: 72px;*/ position: absolute; left: 0px; bottom: 0px; height: 150px; width: 100%; overflow: hidden; background: #f5f5f5;}
.indexPart2 .tab li .xbox.on{ background: #024e9c; background-size: 100% 100%; }
.indexPart2 .tab li .imgDiv{ display: none; position: absolute; left: 50%; bottom: 15px; margin-left: -131px;transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;}
.indexPart2 .tab li .name1{ padding: 50px 0 0 30px; color: #666; font-size: 20px; font-weight: bold;}
.indexPart2 .tab li .name2{ font-size: 13px; font-weight: bold; padding: 5px 0 0 30px; color: #cacaca; height: 40px; position: relative;}
.indexPart2 .tab li .name2 em{ position: absolute; left: 30px; bottom: 0px; width: 40px; height: 2px; display: none; background: url(../images/bg4.png) repeat; }
.indexPart2 .tab li .ico{ position: absolute; right: 25px; top: 30px; }
.indexPart2 .tab li .xbox.on .name1{ color: #fff; }
.indexPart2 .tab li .xbox.on .name2{ color: #fff; }
.indexPart2 .tab li .xbox.on .name2 em{ display: block; }
.indexPart2 .bigImg img{ width: 100%; }

















@media (min-width:1500px){
	.ys .container{
	width: 1500px!important;
}
}


@media (min-width:992px) and (max-width:1550px){
	.ys .container{
	width: 90%!important;
}
}

.ys{
	margin: 8% 0 0%;
	height: 700px;
	background: url(../images/ys.jpg) no-repeat center;
	position: relative;
}

.yscon{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 70%;
	height: 500px;
	transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
}

.ysl{
	float: left;
	width: 30%;
	height: 500px;
	position: relative;
}

.yslcon{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
	width: 80%;
}

.ysl h2{
	color: #fff;
	font-size: 28px;
	margin-bottom: 33px;
}

.ysl span{
	color: #fff;
	font-size: 24px;
	text-transform : uppercase;
	opacity: .5;
}

.ysl h3{
	color: #fff;
	font-size: 16px;
	line-height: 30px;
}

.ysr{
	float: left;
	width: 70%;
	background: #fff;
	height: 500px;
	position: relative;
	border-radius: 5px;
}

.ysrcon{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
	width: 90%;
}

.ysr  * { display:block; overflow:hidden;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.ysr li {float:left;width: 48%;}
.ysr li img{transition: all 1s;
	-moz-transition: all 1s;
-ms-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
width: 45px;
	height: 45px;
	margin-bottom: 10px;
}
.ysr li h3{ font-weight:bold; font-size:20px;}
.ysr li i{ background:#CCC; height:1px; width:30px; margin:20px 0px 10px 0px;}
.ysr li span{ font-size:14px; line-height:24px; color:#666;}
.ysr li:hover h3 {color:#024e9c;}
.ysr li:hover img{
	transform: rotate(360deg);
	-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
}

.adv1 {padding-bottom:50px;}
.adv2 {padding-bottom:50px;padding-left: 4%!important;}
.adv3 {}
.adv4 {padding-left: 4%!important;}


@media (max-width:1450px){
	.ysr li h3{
		font-size: 16px;
	}
	
}














@media (min-width:1300px){
	.lx .container{
	width: 1300px!important;
}
}


@media (min-width:992px) and (max-width:1350px){
	.lx .container{
	width: 90%!important;
}
}

.lx{
	padding: 5% 0 3%;
}

.lxzi{
	text-align: center;
	margin-bottom: 5%;
}

.lxzi h2{
	font-size: 28px;
	color: #333;
}

.lxcon ul li{
	float: left;
	width: 33%;
	margin-bottom: 3%;
}


.lximg{
	float: left;
	width: 13%;
}

.lximg img{
	width: 100%;
}

.lxp{
	float: left;
	padding-left: 15px;
}

.lxp h3{
	font-size: 15px;
	margin-bottom: 10px;
}

.lxp p{
	font-size: 17px;
}