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

a:hover{
	text-decoration: none;
}

body{
	
	font-size: 16px;
}

.footer{
	background: #f9f9f9;
}






.zy{
	padding: 6rem 0;
	position: relative;
}

.zyl{
	float: left;
	width: 7rem;
}

.zyzi{
	position: relative;

}

.zyzi h2{
	text-transform: uppercase;
    color: #eef0f3;
    font-weight: bold;
    font-style: italic;
    font-size: 7rem;
	line-height: 7rem;
    writing-mode: tb-rl;
}

.zyzi h3{
	
	color: #476cba;

}

@media (min-width:992px){
	.zyzi h3{
	writing-mode: tb-rl;
	letter-spacing: .5rem;
	color: #476cba;
    line-height: 1;
    font-weight: bold;
	font-size: 2rem;
    position: absolute;
	top: 0%;
	left: 50%;
		
    transform: translateX(-50%);
	-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
}
}


.zyr{
	float: right;
	width: 80%;
}







.about{
	
}

.aboutcon{
	position: relative;
}

.aboutcon p{
	font-size: 0.9rem;
	line-height: 1.8rem;
	color: #333;
}

.aboutcon h3{
	color: #476cba;
	margin: 3rem 0 1rem;
	font-weight: 600;
	font-size: 1.5rem;
	text-transform: uppercase;
}

.aboutcon img{
	margin-top: 2rem;
}















/*.profl{
	margin-bottom: 2rem;
	margin-top: 100px;
	padding-top: 2rem;
}

.profl ul{
	margin-bottom: 0;
}

.profl ul li{
	float: left;
	padding: 0.6rem 2rem;
	background: #f1f1f1;
	margin-right: 1rem;
	border-radius: 50px;
	margin-bottom: 0.5rem;
	
	-webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease; 
}

.profl ul li a{
	font-size: 0.9rem;
	color: #476cba;
}

.profl ul li:hover{
	background-image: linear-gradient(to right, #5d3e9c , #2da1dd);
}

.profl ul li:hover a{
	color: #fff;
}

.profl ul li.proflactive{
	background-image: linear-gradient(to right, #5d3e9c , #2da1dd);
}

.profl ul li.proflactive a{
	color: #fff;
}*/





.pro{
	margin-top: 100px;
}

.pro .wid{
	width: 90%!important;
	margin: 0 auto;
}

.cpfl{
	float: left;
	width: 18%;
}

.cpfl h3{
	background-image: linear-gradient(to right, #5d3e9c , #2da1dd);
	color: #fff;
	margin-top: 10px;
	padding: 1rem 1rem 1rem 1rem;
	font-size: 1.2rem;
}

.cpfl ul li{
	font-size: 0.9rem;
	background: #f4f4f4;
	margin-top: 2px;
	padding: 10px 10px 10px 1rem;
	
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;
}

.cpfl ul li:hover{
	background-image: linear-gradient(to right, #5d3e9c , #2da1dd);
}

.cpfl ul li a{
	color: #333;
	transition: all .5s!important;
-moz-transition: all .5s!important;
-ms-transition: all .5s!important;
-webkit-transition: all .5s!important;
-o-transition: all .5s!important;
}

.cpfl ul li:hover a{
	color: #fff;
}

.cpfl ul li.proflactive{
	background-image: linear-gradient(to right, #5d3e9c , #2da1dd);
}

.cpfl ul li.proflactive a{
	color: #fff;
}

.procon ul{
	margin-bottom: 0;
}

.procon ul li{
	float: left;
	width: 25%;
	padding: 1%;
}

.proimg{
	
}

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

.procon ul li:hover img{
	transform: scale(0.95);
	-moz-transform: scale(0.95);
-ms-transform: scale(0.95);
-webkit-transform: scale(0.95);
-o-transform: scale(0.95);
}

.procon ul li p{
	font-size: 0.9rem;
	color: #333;
	text-align: center;
	margin: 1rem 0 0rem 0;
	line-height: 1.5rem;
	/*height: 3.5rem;
	overflow: hidden;*/
	
     white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.procon ul li:hover p{
	color: #476cba
}






.prool{
	float: left;
	width: 45%;
}

.proocon{
	float: right;
	width: 80%;
	margin-top: 10px;
}

.proocon .sx{
	float: right;
	width: 45%;
	padding-top: 15px;
}

.proocon .sx h3{
	font-size: 1.2rem;
	color: #476cba;
	margin-bottom: 3rem;
}

.proocon .sx a{
	color: #111;
	/*float: right;*/
}

.proocon .sx a:hover{
	color: #476cba;
}

.proocon .sx p{
	color: #111;
	font-size: 0.9rem;
	margin-bottom: 1rem;
}

.proocon .sx .xian{
	background: #ddd;
	height: 1px;
	width: 100%;
	margin: 2rem 0
}






.ppro{
	position: relative;
	z-index: 555;
	margin-top: 68px;
}

.ppro ul{
	margin-bottom: 0;
}

.ppro .list{width: 100%;}
	.ppro .list ul li{background:#476cba;border-bottom: 1px solid #fff;}
	.ppro .list ul li a{padding-left: 0.9rem;color: #fff; font-size:0.9rem; display: block; height:3rem;line-height: 3rem;position: relative;
	}
	.ppro .list ul li .inactive{ background:url(../images/off.png) no-repeat 95% center;}
	.ppro .list ul li .inactives{background:url(../images/on.png) no-repeat 95% center;} 
	.ppro .list ul li ul{display: none;}
	.ppro .list ul li ul li { border-left:0; border-right:0; background-color:#EDEDED; border-bottom: 1px solid #fff;overflow: hidden}
	.ppro .list ul li ul li ul{display: none;}
	.ppro .list ul li ul li a{ padding-left:1rem;color: #476cba}
	.ppro .list ul li ul li ul li { background-color:#EDEDED; border-color:#fff; }
	.last{ background-color:#d6e6f1; border-color:#6196bb; }
	.ppro .list ul li ul li ul li a{ color:#476cba; padding-left:2rem;}










.fenye{
	margin-top: 5%;
}

.fenye *{
	font-size: 0px;
}

.fenye a{
	text-decoration:none;
	color:#3c3c3c;
	background:none;
	padding: 7px 11px;
	margin-right:3px;
	cursor:pointer;
	font-size: 0.9rem;
}
.fenye .red{
	color:#476cba; 
	border-bottom: 1px solid #476cba;
	padding: 7px 11px;
	font-size: 0.9rem;
	margin-right:3px;
}
.fenye a.active{
	color:#476cba; 
	border-bottom: 1px solid #476cba;
}
.fenye a:hover{
	text-decoration:none;
	color:#476cba; 
	border-bottom: 1px solid #476cba;
}














.fac{
	
}

.faccon{
	position: relative;
}

.faccon ul{
	margin-bottom: 0;
}

.faccon ul li{
	float: left;
	width: 32%;
	margin-bottom: 1rem;
}

.faccon ul li:nth-child(3n+2){
	margin-left: 2%;
	margin-right: 2%;
}
















.video{
	
}

.videocon{
	position: relative;
}


.videocon ul li{
	float: left;
	width: 48%;
	margin-bottom: 2rem;
}

.videocon ul li:nth-child(odd){
	margin-right: 2%;
}

.videocon ul li:nth-child(even){
	margin-left: 2%;
}

.videocon ul li p{
	font-size: 0.9rem;
	margin-bottom: 0;
	color: #333;
	line-height: 1.8rem;
	
	white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.videocon ul li iframe{
	width: 100%;
	height: 500px;
}











.xz{
	
}

.xzcon{
	position: relative;
}


.xzcon ul{
	margin-bottom: 0;
}

.xzcon ul li{
	float: left;
	width: 32%;
	margin-bottom: 2%;
}

.xzcon ul li:nth-child(3n+2){
	margin-left: 2%;
	margin-right: 2%;
}

.xzcon h5{
	font-size: 1rem;
	color: #111;
	margin-bottom: 10px;
	transition: all .8s;
-moz-transition: all .8s;
-ms-transition: all .8s;
-webkit-transition: all .8s;
-o-transition: all .8s;
}

.xzcon ul li:hover h5{
	padding-left: 10px;
	color: #116ab2;
}

.xzcon p{
	font-size: 0.9rem;
	margin-bottom: 0;
	line-height: 55px;
	padding-left: 30px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 20px;
    background-image: url(../images/download-btn.png);
    color: #666;
}

.xzcon img{
	transition: all .8s;
-moz-transition: all .8s;
-ms-transition: all .8s;
-webkit-transition: all .8s;
-o-transition: all .8s;
}

.xzimg{
	overflow: hidden;
	position: relative;
	border:1px solid #f0f0f0;
}










.online{
	
}

.onlinecon{
	position: relative;
}

.mes{
	
}

.mes ul li{
	float: left;
	width: 45%;
	margin-bottom: 2%;
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
}

.mes ul li:nth-child(1),.mes ul li:nth-child(3){
	margin-right: 5%;
}

.mes ul li:nth-child(2),.mes ul li:nth-child(4){
	margin-left: 5%;
}

.mes ul li:nth-child(5){
	border-bottom: none;
}

.mes label{
	color: #476cba;
	font-size: 0.9rem;
}

.mes ul li input{
	border: none;
	background: none;
	width: 60%;
	font-size: 0.9rem;
	color:#323232;
	padding-left: 2%;
}

.mes ul .wide{
	width: 100%;
}

.mes ul li textarea{
	width: 100%;
	font-size: 0.9rem;
	color:#323232;
	padding: 1%;
	height: 350px;
	margin-top: 2rem;
	border: 1px solid #ccc;
}

.mes .submit{
	color: white;
	padding: 1rem 3rem;
	background-image: linear-gradient(to right, #5d3e9c , #2da1dd);
	border: none;
	font-size: 0.9rem;
}
















.news{
	
	position: relative;	
}

.newscon ul li{
	
	position: relative;
	padding-bottom: 2rem;
	margin-bottom: 2rem;
}

.newscon ul li:nth-child(3n+3){
	margin-bottom: 0;
}

.newscon h3{
	font-size: 1.2rem;
	color: #476cba;
	margin-bottom: 1rem;
}

.newscon p{
	font-size: 0.9rem;
	line-height: 1.8rem;
	color: #333;
	margin-bottom: 1rem;
}

.newscon span{
	color: #999;
	font-size: 0.9rem;
}

.newsxian{
	position: absolute;
	left: 0;
	width: 0%;
	height: 1px;
	bottom: 0;
	background-image: linear-gradient(to right, #5d3e9c , #2da1dd);
	transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}

.newscon ul li:hover .newsxian{
	width: 100%;
}




.newszi h3{
	 font-size: 1.2rem;
	margin-bottom: 3rem;
	color: #476cba;
}

.newsscon{
	font-size: 0.9rem;
	line-height: 1.8rem;
	color: #333;
}

.newsa{
	margin-top: 4rem;
	text-align: center;
}

.newsa a{
	font-size: 0.9rem;
	color: #fff;
	background-image: linear-gradient(to right, #5d3e9c , #2da1dd);
	padding: 1rem 3rem;
}






















.lx{
	position: relative;
}


.lxcon ul li{
	margin-bottom: 2rem;
	font-size: 0.9rem;
	float: left;
	width: 33%;
}

@media (min-width:992px){
	.lxcon ul li:nth-child(5){
		width: 50%;
	}
}















@media (min-width:768px) and (max-width:991px){
	.banner{
		display: none;
	}
	
	.wid{
		width: 90%!important;
		padding: 0;
	}
	
	.zy{
		padding: 5rem 0;
		margin-top: 80px;
	}
	
	.zyl,.zyr,.prool{
		float: none;
		width: 100%;
	}
	
	.zyzi h2{
		display: none;
	}
	
	.zyzi h3{
		font-size: 1.6rem;
		text-align: center;
		margin-bottom: 3rem;
	}
	
	.ppro{
		margin-top: 80px!important;
	}
	
	.pro{
		margin-top: 0px!important;
	}
	
	.procon ul li{
		width: 48%;
		margin: 0 0 2rem 0!important;
		padding: 0;
	}
	
	.procon ul li:nth-child(odd){
		margin-right: 2%!important;
	}
	
	.procon ul li:nth-child(even){
		margin-left: 2%!important;
	}
	
	.procon ul li p{
		 text-overflow: -o-ellipsis-lastline;
		  overflow: hidden;
		  text-overflow: ellipsis;
		  display: -webkit-box;
		  -webkit-line-clamp: 2;
		  line-clamp: 2;
		  -webkit-box-orient: vertical;
	}
	
	.proocon{
		width: 100%;
		float: none;
	}
	
	.fenye a{
		padding: 1rem 2rem;
		background: #f1f1f1;
		margin: 0 0.5rem;
		border: none!important;
	}
	
	.fenye .red{
		padding: 1rem 2rem;
		background: #476cba;
		margin: 0 0.5rem;
		border: none;
		color: #fff;
	}
	
	.fenye a:nth-child(3){
		display: none;
	}
	
	.fenye a:last-child{
		display: none;
	}
	
	.prool h3{
		font-size: 1.6rem;
		line-height: 2.2rem;
		color: #476cba;
		margin-bottom: 3rem;
	}
	
	.proocon .sx{
		float: none;
		width: 100%;
		margin-top: 3rem;
	}
	
	.faccon ul li{
		width: 48%;
		margin: 0 0 2rem 0!important;
		padding: 0;
	}
	
	.faccon ul li:nth-child(odd){
		margin-right: 2%!important;
	}
	
	.faccon ul li:nth-child(even){
		margin-left: 2%!important;
	}
	
	.videocon ul li{
		width: 100%;
		margin: 0 0 2rem 0!important;
	}
	
	.xzcon ul li{
		width: 48%;
		margin: 0 0 2rem 0!important;
		padding: 0;
	}
	
	.xzcon ul li:nth-child(odd){
		margin-right: 2%!important;
	}
	
	.xzcon ul li:nth-child(even){
		margin-left: 2%!important;
	}
	
	.mes ul li{
		width: 100%;
		margin: 0 0 2rem 0!important;
	}
	
	.mes ul li textarea{
		margin-top: 0;
		height: 10rem;
	}
	
	.lxcon ul li{
		width: 100%!important;
		margin: 0 0 2rem 0!important;
	}
}











@media (max-width:767px){
	.banner{
		display: none;
	}
	
	.wid{
		width: 90%!important;
		padding: 0;
	}
	
	.zy{
		padding: 4rem 0;
		margin-top: 68px;
	}
	
	.zyl,.zyr,.prool{
		float: none;
		width: 100%;
	}
	
	.zyzi h2{
		display: none;
	}
	
	.zyzi h3{
		font-size: 1.6rem;
		text-align: center;
		margin-bottom: 3rem;
	}
	
	.ppro{
		margin-top: 68px!important;
	}
	
	.pro{
		margin-top: 0px!important;
	}
	
	.procon ul li{
		width: 48%;
		margin: 0 0 2rem 0!important;
		padding: 0;
	}
	
	.procon ul li:nth-child(odd){
		margin-right: 2%!important;
	}
	
	.procon ul li:nth-child(even){
		margin-left: 2%!important;
	}
	
	.procon ul li p{
		 text-overflow: -o-ellipsis-lastline;
		  overflow: hidden;
		  text-overflow: ellipsis;
		  display: -webkit-box;
		  -webkit-line-clamp: 2;
		  line-clamp: 2;
		  -webkit-box-orient: vertical;
	}
	
	.proocon{
		width: 100%;
		float: none;
	}
	
	.fenye a{
		padding: 0.5rem 0.5rem;
		background: #f1f1f1;
		margin: 0 0.5rem;
		border: none!important;
		
	}
	
	.fenye .red{
		padding: 0.5rem 0.5rem;
		background: #476cba;
		margin: 0 0.5rem;
		border: none;
		color: #fff;
		
	}
	
	.fenye a:nth-child(3){
		display: none;
	}
	
	.fenye a:last-child{
		display: none;
	}
	
	
	.prool h3{
		font-size: 1.2rem;
		line-height: 2.2rem;
		color: #476cba;
		margin-bottom: 3rem;
	}
	
	.proocon .sx{
		float: none;
		width: 100%;
		margin-top: 2rem;
	}
	
	.faccon ul li{
		width: 48%;
		margin: 0 0 2rem 0!important;
		padding: 0;
	}
	
	.faccon ul li:nth-child(odd){
		margin-right: 2%!important;
	}
	
	.faccon ul li:nth-child(even){
		margin-left: 2%!important;
	}
	
	.videocon ul li{
		width: 100%;
		margin: 0 0 2rem 0!important;
	}
	
	.videocon ul li iframe{
		height: 10rem;
	}
	
	.xzcon ul li{
		width: 48%;
		margin: 0 0 1rem 0!important;
		padding: 0;
	}
	
	.xzcon ul li:nth-child(odd){
		margin-right: 2%!important;
	}
	
	.xzcon ul li:nth-child(even){
		margin-left: 2%!important;
	}
	
	.mes ul li{
		width: 100%;
		margin: 0 0 2rem 0!important;
	}
	
	.mes ul li textarea{
		margin-top: 0;
		height: 10rem;
	}
	
	.lxcon ul li{
		width: 100%!important;
		margin: 0 0 2rem 0!important;
	}
}