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


.slideBox{ 
  width:100%;
  overflow:hidden; 
  position:relative; 
  margin:0 auto;
  background: #000; padding-top:101px;
}
.slideBox .bd{ 
  position:relative; 
  height:100%;
}
.slideBox .bd li{ 
  vertical-align:middle; 
}
.slideBox .bd .pc-banner{ 
  width:100%; 
  height: auto;
  display:block;  
  /*animation: changeScale 1 2.5s;*/
}
.slideBox .hd{ 

  overflow:hidden; 
  position:absolute; 
 width:100%; 

  bottom:0; 
  z-index:1; left:4%;
}
.slideBox .hd ul{ 
  overflow:hidden; 
  zoom:1; 
  color:#fff; 
   width:28%; height:94px; background:#0d50a1; 
 padding:35px 54px;
}
.slideBox .hd ul li{ 
  display: inline-block;
  margin-right:12px;  
  width:8px; 
  height:8px; 
  background:#fff; 
  border-radius:100%; 
  cursor:pointer; 
}
.slideBox .hd ul li.on{ 
  width: 8px;
  height: 21px;
  border-radius:10px; 
}
.banner-txt{ position:absolute; width:100%; top:44%; transform:translateY(-50%);}
.banner-txt p{ color:#fff; font-size:18px; width:520px; padding-top:15px; line-height:1.8;}

.slideBox .prev,.slideBox .next{ position:absolute; bottom:40px; left:30%; width:27px; height:11px; background:url(../images/pre.png) no-repeat left center; z-index:2; opacity:0.6; transition-duration:.5s;}
.slideBox .prev{ padding-right:50px;}
.slideBox .next{ left:34%; transform:rotate(180deg)}
.slideBox .prev:hover,.slideBox .next:hover{ opacity:1;}
.slideBox .prev:after{ content:""; position:absolute; width:1px; height:15px; background:#4174b3; top:0; right:0;}
.in-xia{ position:absolute; bottom:0; height:94px; background:#5e5c5d; width:17%; left:0; text-align:center;}

.jumpto{-webkit-transition: .3s all;
	-moz-transition: .3s all;
	-ms-transition: .3s all;
	-o-transition: .3s all;
	transition: .3s all;
	width:38px;
	height:38px;
	display: block;
	position: absolute;
	z-index: 100;
	left:50%;
	bottom:27%;
	margin:0 0 0 -19px;
	z-index:9999999;
	-webkit-animation: jumptoMap 1.5s linear infinite;
	animation: jumptoMap 1.5s linear infinite;
	-moz-animation: jumptoMap 1.5s linear infinite;
	-o-animation: jumptoMap 1.5s linear infinite;
	-ms-animation: jumptoMap 1.5s linear infinite;
	opacity: .8;
	-ms-filter: alpha(opacity=80);
	filter: alpha(opacity=80);
	-webkit-transition: opacity .8s linear;
	-moz-transition: opacity .8s linear;
	-o-transition: opacity .8s linear;
	transition: opacity .8s linear;
	cursor:pointer;
}
.in-xm{ background:#f1f1f1; padding:90px 0; margin-top:60px;}
.xm-ti{ padding-bottom:60px; }
.xm-ti dt{border-right:1px solid #cfcfcf; padding-right:20px; float:left;}
.xm-ti dt p{ font-size:44px; padding-bottom:10px;text-transform: uppercase;}
.xm-ti dt span{ text-transform:uppercase; font-size:24px;}
.xm-ti dd{ float:right; width:65%;}
.xm-ti dd h1{ font-size:30px; color:#0d50a1; padding-bottom:10px;}
.xm-ti dd p{ font-size:18px;}

.in-pro{ width:100%; background:url(../images/bg.jpg) no-repeat center center;background-size: cover; padding:95px 0;}
.in-pro-le{ width:395px; color:#fff;}
.in-pro-le h1{ font-weight:normal; font-size:44px; padding-bottom:5px;text-transform: uppercase;}
.in-pro-le span{text-transform:uppercase; font-size:24px;}
.in-pro-le p{ font-size:18px; text-align:justify; line-height:1.7; padding:100px 0 140px 0;}
.in-pro-le a{ display:inline-block; transition-duration:.5s; border:1px solid #fff; color:#fff; font-size:18px; padding:10px 40px;}
.in-pro-le a:hover{ background:#0e55a5; border-color:#0e55a5;}
.in-pro-ri{ width:62%; background:url(../images/b.png) no-repeat; background-size: cover;}
.in-pro-ri li{ width:50%; padding:30px; border-bottom:1px solid #5f90c4; border-right:1px solid #5f90c4; float:left;}
.in-pro-ri li .wb{ position:relative; padding-bottom:69%; overflow:hidden}
.in-pro-ri li .wb img{ position:absolute; top:0; left:0; width:100%; height:100%; display:block; transition-duration:.5s;}
.in-pro-ri li .wb p{ position:absolute; bottom:0; font-size:17px; color:#fff; background:rgba(0,0,0,0.5); padding:15px 0; text-align:center; width:100%; transition-duration:.5s;}
.in-pro-ri li:hover img{ transform:scale(1.1,1.1)}
.in-pro-ri li:hover .wb p{background:#0754a2;}
.in-pro-ri li:nth-child(2n){ border-right:none;}
.in-pro-ri li:nth-child(3),.in-pro-ri li:nth-child(4){ border-bottom:none;}
.in-new{ width:100%; background:url(../images/bg3.jpg) no-repeat;background-size: cover; padding:95px 0;}

.home-new-list{
	width: 100%;
}
.home-new-img{
	width: 100%;
	height: 220px;
	overflow: hidden;
}
.home-new-img img{
	display: block;
	transition-duration: 0.5s;
}
.home-new-content{
	width: 100%;
	background: #fff;
	padding: 34px 30px 34px;
	transition-duration: 0.5s;
}
.home-new-content span{
	display: block;
	font-size: 18px;
	color: #333333;
	text-align: center;
	line-height: 36px;
	font-family: 'Iskoola Pota','Arial','微软雅黑';
	transition-duration: 0.5s;
}
.home-new-content h1{
	font-size: 16px;
	line-height: 1.5;
	color: #333333;
	font-weight: normal;
	text-align: justify;
	display: -webkit-box; 
	-webkit-box-orient: vertical; 
	-webkit-line-clamp: 2; 
	overflow: hidden;
	transition-duration: 0.5s;
}

.know-more{
	font-size: 14px;
	width: 150px;
	text-align: center;
	line-height: 39px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	margin: 34px auto 0;
	transition-duration: 0.5s;
}
.owl-carousel2 .item:hover .home-new-img img{
	transform: scale(1.1);
}
.owl-carousel2 .item:hover .home-new-content{
	background: #105a9b;
}
.owl-carousel2 .item:hover .home-new-content span{
	color: #fff;
}
.owl-carousel2 .item:hover .home-new-content h1{
	color: #fff;
}
.owl-carousel2 .item:hover .know-more{
	color: #fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}



/*.in-new-le{ width:54.5%; background:#fff; transition-duration:.5s;}
.in-new-img{ width:58%; position:relative; padding-bottom:49.6%; overflow:hidden;}
.in-new-img img{ position:absolute; top:0; left:0; width:100%; height:100%; display:block; transition-duration:.5s;}
.in-new-txt{ width:42%; padding:40px 50px; position:relative;}
.in-new-txt h1{ font-weight:normal; font-size:20px; color:#777777;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.in-new-txt span{ display:block; color:#1856a1; font-size:16px; padding:20px 0;}
.in-new-txt p{ font-size:16px;color:#777777; text-align:justify; line-height:1.7; margin-bottom:30px;}
.in-new-txt:after{ content:""; position:absolute; bottom:0; width:30px; height:12px; background:url(../images/ljt.jpg) no-repeat;}
.in-new-le:hover .in-new-img img{ transform:scale(1.1,1.1)}
.in-new-le:hover{-moz-box-shadow:0px 0px 7px #B5B5B5; -webkit-box-shadow:0px 0px 7px #B5B5B5; box-shadow:0px 0px 7px #B5B5B5;}

.in-new-ri{ width:44%; background:#fff; padding:45px 38px;}
.in-new-ri dl{ border-bottom:1px solid #e5e5e5; padding-bottom:40px; margin-bottom:40px;}
.in-new-ri dl dt{ width:67px; background:#9a9a9a; text-align:center; font-family:"Arial"; color:#fff; float:left;}
.in-new-ri dl dt p{ font-size:32px; padding:10px 0;}
.in-new-ri dl dt span{ background:#0e55a5; display:block; padding:10px 0;}
.in-new-ri dl dd{ width:80%; float:right;}
.in-new-ri dl dd h1{ font-weight:normal; font-size:20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; padding-bottom:14px;}
.in-new-ri dl dd p{ font-size:16px; color:#777777;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical; line-height:1.7;}
.in-new-ri dl:nth-child(2){ border:none; padding-bottom:20px; margin-bottom:0;}*/

.new-more{ padding-top:70px; text-align:center;}
.new-more a{ display:inline-block; border:1px solid #105a9b; padding:10px 60px; color:#105a9b; font-size:18px; transition-duration:.5s;}
.new-more a:hover{ color:#fff; background:#105a9b;}
.in-ab{ background:url(../images/bg4.jpg) no-repeat;background-size: cover; padding:110px 0; position:relative;}
.in-pro-le .ab-ti{ padding-bottom:90px;}

.ab-shu dl{
  width: 25%;
  font-size: 18px;
  text-align: center;
  float: left;  color: #fff;
}
.ab-shu dl dt{}
.ab-shu dl dt h2{
  display: inline-block;
  font-family: "Arial";
  font-size: 48px;
  padding-right: 10px;
}
.ab-shu dl dd{
  padding-top:31px; 
}
.ab-ri{ width:80%;}
.ab-le{ width:20%;}
.ab-po{ position:absolute; bottom:0;width: 100%;}
.ab-po img{ display:block;width: 100%;}


.in_qxjd{width: 100%; cursor: pointer; position:relative; opacity:0.5;}
.in_qxjd .pic{width: 100%; overflow: hidden; background: #000; position: relative; padding-bottom:40%;}

.in_qxjd .pic img{display: block; transition-duration: 1s; position:absolute; top:0; left:0; transition-duration:.5s; width:100%; height:100%;}
.in_qxjd .text{background: #fff; width:373px; padding:35px; position:absolute; bottom:0; right:56px; opacity:0;}
.in_qxjd .text .p1{  font-size:30px;}
.in_qxjd .text .p2{font-size: 18px; line-height:1.7; color: #777; margin:38px 0;}
.in_qxjd .text .an a{font-size:18px; color: #0d50a1;}
.in_qxjd:hover .pic img{transform: scale(1.1); opacity: 0.7}
.in_qxjd:hover .pic .dw{background:rgba(195,163,86,0.6);}
.num{ text-align:right; font-size:30px;font-family: "Arial"; color:#99999b; padding-top:50px;}
.num b{ color:#0d50a1; font-size:36px; font-weight:normal;}
.in-xm .active .in_qxjd,.in-xm .active .in_qxjd .text{ opacity:1;}
.in-xm .owl-prev,.in-xm .owl-next{ display: block !important; width: 91px; height: 57px; background:url(images/pre1.png) no-repeat center center; position: absolute; left: 14%; color: #fff; text-align: center; text-indent:-9999px; top:50%; margin-top:-28.5px;}
.in-xm .owl-next{ right:14%; left:auto; transform:rotate(180deg)}
.owl-controls{}
.in-xm .row{position: relative;}
.in-xm .owl-dots{ width:100%; text-align: center; padding-top:40px;}
.in-xm .owl-dot{ display:inline-block; margin:0 8px;}
.in-xm .owl-dot span{ display:inline-block; width:14px; height:14px; background:#b0b0b0}
.in-xm .active span{ background:#0e55a5}


.fix-right{
	position: fixed;
	right: 0;
	top: 30%;
	z-index: 999;
}
.fix-right ul li{
	width: 180px;
	padding: 10px 0;
	border-radius: 5px;
	margin-bottom: 2px;
	background: #2470cc;
	cursor: pointer;
	transition-duration: 0.5s;
	position: relative;
	right: 0;
}
.fix-right-nav{
	zoom: 1;
	padding-left: 20px;
}
.fix-right-nav:after{
	display: block;
	content: '';
	clear: both;
}
.fix-right-nav img{
	float: left;
}
.fix-right-nav span{
	float: left;
	font-size: 16px;
	color: #ffffff;
	line-height: 28px;
	margin-left: 5px;
}
.fix-ewm{
	display: block;
	margin: 0 auto;
	max-width: 100%;
	margin-top: 15px;
}
.fix-right ul li:hover{
	right: 5px;
}
 @media only screen and (max-width: 1445px) {
	.xm-ti dd{
		width: 72%;
	}
	.jumpto{
		left: 14%;
	}
	.slideBox .prev{
		left: 24%;
	}
	.slideBox .next{
		left: 29%;
	}
	
	.xm-ti dt p{
		font-size: 32px;
	}
	.xm-ti dd h1{
		font-size: 28px;
	}	
	.xm-ti dd p {
	    font-size: 16px;
	}
	
}
@media only screen and (max-width: 1366px) {
}
@media only screen and (max-width: 1240px) {
}
@media only screen and (max-height: 920px) {
	
}
@media only screen and (max-width: 992px) {

}
 @media only screen and (max-width: 760px) {
 		/*body{
 			overflow-x: hidden;
 		}*/
	 	.banner-txt p{width: 100%;font-size: 14px;line-height: 1.4;}
	 	.in-xm{
	 		padding: 30px 0;
	 		margin-top: 30px;
	 		overflow: hidden;
	 	}
	 	.xm-ti dt{
	 		width: 100%;
	 		border-right: none;
	 		padding-right: 0;
	 		margin-bottom: 30px;
	 	}
	 	.xm-ti dt p{
	 		font-size: 28px;
	 		padding-bottom: 0;
	 	}
	 	.xm-ti dt span{
	 		font-size: 18px;
	 	}
	 	.xm-ti dd{
	 		width: 100%;
	 	}
	 	.xm-ti dd h1{
	 		font-size: 22px;
	 	}
	 	.xm-ti dd p{
	 		font-size: 16px;
	 	}
	 	.in_qxjd .pic img{
	 		position: relative;
	 	}
	 	.in_qxjd .text{
	 		width: 100%;
	 		position: relative;
	 		right: 0;
	 		padding: 15px;
	 	}
	 	.in_qxjd .pic{
	 		padding-bottom:0;
	 		background: none;
	 	}
	 	.in_qxjd .text .p1 {
	    font-size: 18px;
		}
		.in_qxjd .text .p2{
			font-size: 16px;
			margin: 15px 0;
		}
		.in_qxjd .text .an a{
			font-size: 16px;
		}
		.num{
			padding-top: 0px;
			font-size: 20px;
		}
		.num b{
			font-size: 22px;
		}
		.in-xm .owl-dots{
			padding-top: 15px;
		}
		.in-pro{
			padding: 50px 0;
		}
		.in-pro-le{
			width: 100%;
			margin-bottom: 20px;
		}
		.in-pro-le h1{
			font-size: 28px;
		}
		.in-pro-le span{
			font-size: 18px;
		}
		.in-pro-le p{
			width: 100%;
			padding: 30px 0 30px 0;
			font-size: 16px;
		}
		.in-pro-le a{
			font-size: 16px;
			padding: 5px 20px;
		}
		.in-pro-ri{
			width: 100%;
		}
		.in-pro-ri li{
			padding: 15px;
		}
		.in-pro-ri li .wb p{
			font-size: 15px;
		}
		.in-new{
			padding: 50px 0;
		}
		.xm-ti{
			padding-bottom: 0;
		}
		.in-new-le{
			width: 100%;
		}
		.in-new-img{
			width: 100%;
		}
		.in-new-txt{
			width: 100%;
			padding: 20px 15px;
		}
		.in-new-txt h1{
			font-size: 18px;
		}
		.in-new-txt:after{
			bottom: 20px;
		}
		.in-new-ri{
			width: 100%;
			padding: 20px 15px;
		}
		.in-new-ri dl dd{
			width: calc(100% - 67px);
			padding-left: 10px;
		}
		.in-new-ri dl dd h1{
			font-size: 18px;
		}
		.new-more{
			padding-top: 20px;
		}
		.new-more a{
			font-size: 16px;
			padding: 5px 20px;
		}
		.in-pro-le .ab-ti{
			padding-bottom: 30px;
		}
		.in-ab{
			padding: 30px 0;
		}
		.ab-ri{
			width: 100%;
		}
		.ab-shu dl{
			font-size: 14px;
			padding: 0 10px;
		}
		.ab-shu dl dt h2{
			font-size: 16px;
    	padding-right: 0px;
		}
		.ab-shu dl dd{
			padding-top: 10px;
			font-size: 12px;
		}
		.f-cd{
			display: none;
		}
		.f-lx{
			width: 100%;
			position: relative;
			top: 0;
			left: 0;
			transform: translateX(0);
			margin-top: 10px;
		}
		.f-lx h1{
			font-size: 20px;
			padding-bottom: 10px;
		}
		.f-lx p{
			font-size: 15px;
		}
		.f-ewm{
			float: none;
		}
		.banquan{
			font-size: 12px;
			text-align: center;
			padding-top: 30px;
		}
		.fix-right{
			display: none;
		}
}


@keyframes jumptoMap {
0% {
margin-bottom:0;
animation-timing-function:ease-out
}
50% {
margin-bottom:10px;
animation-timing-function:ease-in
}
100% {
margin-bottom:0;
animation-timing-function:ease-out
}
}
@-webkit-keyframes jumptoMap {
0% {
margin-bottom:0;
animation-timing-function:ease-out
}
50% {
margin-bottom:10px;
animation-timing-function:ease-in
}
100% {
margin-bottom:0;
animation-timing-function:ease-out
}
}
@-moz-keyframes jumptoMap {
0% {
margin-bottom:0;
animation-timing-function:ease-out
}
50% {
margin-bottom:10px;
animation-timing-function:ease-in
}
100% {
margin-bottom:0;
animation-timing-function:ease-out
}
}
@-ms-keyframes jumptoMap {
0% {
margin-bottom:0;
animation-timing-function:ease-out
}
50% {
margin-bottom:10px;
animation-timing-function:ease-in
}
100% {
margin-bottom:0;
animation-timing-function:ease-out
}
}