/*# sourceMappingURL=style.css.map */
/*base*/
input.ind-txt::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
	color: #fff; 
} 
input.ind-txt:-moz-placeholder, textarea:-moz-placeholder { 
	color: #fff; 
} 
input.ind-tet::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
	color: #333; 
} 
input.ind-tet:-moz-placeholder, textarea:-moz-placeholder { 
	color: #333; 
} 

/*//加载*/
.preload {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	height: 100%;
	z-index: 81;
	background: #fff;
	-webkit-transition: background-color .5s;
	transition: background-color .5s;
	-webkit-transform-origin: 50% 42%;
	-ms-transform-origin: 50% 42%;
	transform-origin: 50% 42%
}

.preload.is-loaded {
	background: 0 0
}

.preload.is-animate-out {
	-webkit-transform: scale(5);
	-ms-transform: scale(5);
	transform: scale(5);
	opacity: 0;
	-webkit-transition: opacity 1s,-webkit-transform 1s;
	transition: opacity 1s,-webkit-transform 1s;
	transition: transform 1s,opacity 1s;
	transition: transform 1s,opacity 1s,-webkit-transform 1s
}

.preload.is-paused .preload__progress {
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0)
}

.preload.is-paused .preload__progress-inner {
	-webkit-animation: none;
	animation: none
}

.preload.is-clean {
	background: 0 0;
	z-index: -1;
	-webkit-transition: none;
	transition: none
}

.preload.is-clean .preload__bg {
	display: none
}

.preload.is-clean .preload__progress {
	background: rgba(0,0,0,.5);
	top: 50%
}

.preload.is-clean .preload__progress-inner {
	background: #35373b
}

.preload.is-clean-paused .preload__progress-inner {
	-webkit-animation: none;
	animation: none
}

.preload__bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.preload__progress {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	margin:-1px 0 0 -100px;
	height: 1px;
	background: rgba(255,255,255,.15);
	-webkit-transition: .3s;
	transition: .3s
}

.preload__progress-inner {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	-webkit-animation: preloadLine 1.6s both infinite;
	animation: preloadLine 1.6s both infinite
}

@-webkit-keyframes preloadLine {
	2% {
		-webkit-transform-origin: 100% 50%;
		transform-origin: 100% 50%;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	48% {
		-webkit-transform-origin: 100% 50%;
		transform-origin: 100% 50%;
		-webkit-transform: scaleX(0);
		transform: scaleX(0)
	}

	52% {
		-webkit-transform-origin: 0 50%;
		transform-origin: 0 50%;
		-webkit-transform: scaleX(0);
		transform: scaleX(0)
	}

	98% {
		-webkit-transform-origin: 0 50%;
		transform-origin: 0 50%;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

@keyframes preloadLine {
	2% {
		-webkit-transform-origin: 100% 50%;
		transform-origin: 100% 50%;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	48% {
		-webkit-transform-origin: 100% 50%;
		transform-origin: 100% 50%;
		-webkit-transform: scaleX(0);
		transform: scaleX(0)
	}

	52% {
		-webkit-transform-origin: 0 50%;
		transform-origin: 0 50%;
		-webkit-transform: scaleX(0);
		transform: scaleX(0)
	}

	98% {
		-webkit-transform-origin: 0 50%;
		transform-origin: 0 50%;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

.load-bg{
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index:80;
}
.load-bg .top{
	height: 50%;
	width: 100%;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
}
.load-bg .top i{
	display: block;
	width: 200px;
	height: 1px;
	background-color: #555;
	position: absolute;
	bottom: 0;
	left:50%;
	margin-left: -100px;
	-webkit-transition: .5s;
	transition: .5s;
}
.load-bg .top i.on{
	left:0%;
	margin-left: 0px;
	width:100%;
}
.load-bg .bot{
	bottom: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height:50%;
	background-color: #fff;
}
/*@media (min-width:768px) {
	.preload__progress {
		top: 60%;
		width: 260px;
		margin-left: -130px
	}

	.company__card-cell.is-active .company__card-wrap {
		-webkit-box-shadow: 0 5px 125px rgba(0,0,0,.3);
		box-shadow: 0 5px 125px rgba(0,0,0,.3)
	}
}

@media (min-width:960px) {
	.preload__progress {
		top: 65%
	}
}
@media (orientation:landscape) {
	.preload__progress {
		top: 65%
	}
	}*/

	body{
		padding: 0;
		margin: 0;
		min-width: 1200px;
	}

	/*首页导航*/

	.ind-nav{
		width:auto;
		height: auto;
		position: fixed;
		z-index: 101;
		margin-top: 42px;
		top:0;
		left: 0;
		/*min-width: 1200px;*/
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
		box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.2);
	}
/*.ind-nav.hot{
	display: none;
	}*/
	.ind-nav.on{
		padding-top:0px;
		margin-top: 0;

	}
	.ind-nav.sro-top{
		top: -85px;
	}
	.ind-nav .logo{
		width: 160px;
		/*height:60px;*/
		height: 68px;
		float: left;
		background-color: #fff;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
	}
	.ind-nav.on .logo{
		width:160px;
		height:60px;
		
	}
	.ind-nav .logo img{
		display: block;
/*	width:100px;
margin:15px auto 0;*/
width: 115px;
margin: 18px auto 0;	
}
.ind-nav.on .logo img{
	/*width: 85px;
	margin:13px auto 0;*/
	width: 105px;
	margin: 16px auto 0;
	/*height: auto;*/
}
.ind-nav .line{
	width:68px;
	height:68px;
	float: left;
	position: relative;
	cursor: pointer;
	/*	background: url(../img/nav-bg.png) repeat;*/
	background-color: #fff;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	/*box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.2);*/
}
.ind-nav .line .warp{
	height:100%;
	width:100%;
	background: url(../img/nav-tit1.png) center no-repeat;
	background-size: 100% 100%;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.ind-nav.on .line{
	width: 60px;
	height: 60px;
}
.ind-nav .line.cur .warp{
	background: url(../img/nav-tit2.png) center no-repeat;
	background-size: 100% 100%;
}

/*.ind-nav .line.on,.ind-nav .line.cur,.ind-nav .line.on2{
	background-color: #333333;
}
.ind-nav .line:hover{
	background-color: #333333;
	}*/
/*#ser .line p{
	color: #172a7e;
}
#ser .line:hover{
	background-color:#333333;
	}*/
/*.ind-nav .line p{
	width:46px;
	height: 1px;
	background-color: #fff;
	position: absolute;
	left:20.5px;
	-webkit-transition: all 0.8s;
        	transition: all 0.8s;
     -webkit-border-radius : 20%;
   		-moz-border-radius : 20%;
   			 border-radius : 20%;
}
.ind-nav.on .line p{
	width: 30px;
	left: 18.5px;
}
.ind-nav .line.cur p{
	left: 24.5px;
}
.ind-nav .line .line1{
	top:27px;
	   	-webkit-transform-origin: left top;
	        -ms-transform-origin: left top;
	            transform-origin: left top;
        -webkit-transform: rotateZ(0deg);
        	-ms-transform: rotateZ(0deg);
        		transform: rotateZ(0deg);
		    -webkit-transition: all 0.5s;
		    	-ms-transition: all 0.5s;
		            transition: all 0.5s;
}
.ind-nav.on .line .line1{
	top: 23px;
}
.ind-nav .line.cur .line1 {
	 -webkit-transform: rotateZ(45deg);
	         transform: rotateZ(45deg);
}
.ind-nav .line .line2{
	top:43px;
	-webkit-transition: all 0.5s;
            transition: all 0.5s;
}
.ind-nav.on .line .line2{
	top: 34px;
}
.ind-nav .line.cur .line2 {
	opacity: 0;
}
.ind-nav .line .line3{
	top:59px;
	   	-webkit-transform-origin: left bottom;
	        -ms-transform-origin: left bottom;
	            transform-origin: left bottom;
        -webkit-transform: rotateZ(0deg);
        	-ms-transform: rotateZ(0deg);
        		transform: rotateZ(0deg);
		    -webkit-transition: all 0.5s;
		    	-ms-transition: all 0.5s;
		            transition: all 0.5s;
}
.ind-nav.on .line .line3{
	top:45px;
}
.ind-nav .line.cur .line3{
    -webkit-transform: rotateZ(-45deg);
            transform: rotateZ(-45deg);
            }*/
            .langue2{display: none;}
            .language{
            	/*width:300px;*/
            	/*height:22px;*/
            	max-width: 500px;
            	position: fixed;
            	top: 52px;
            	right: 3%;
            	z-index: 150;
            }
            .language .sel-langue{
            	max-width: 260px;
            }
            .language .warp{
            	width: 100%;
            	height: 100%;
            }
            .language .lang{
            	/*width: 65px;*/
            	height: 16px;
            	float: right;
            	margin-top: 5px;
            	padding-left: 5px;
            	width: 35px;
            }
            .language .lang a{
            	display: block;
            	float: right;
            	height: 16px;
            	font-size: 16px;
            	line-height: 16px;
            	color: #fff;
            	margin-left: 10px;
            	font-family: 'Arial';
            	cursor: pointer;
            }
            .langue1 .lang{
            	margin-top: 19px;
            }

            .language .sel{
            	width: 220px;
            	float: right;
            	margin-left: 20px;
            	background-color: #26262a;
            	overflow: hidden;
            	position: relative;
            	/*cursor: pointer;*/
            	min-height: 50px;
            	-webkit-transition: all 0.3s;
            	transition: all 0.3s;
            	display: none;
            }
            .language .sel i{
            	height:50px;
            	width: 100%;
            	position: absolute;
            	top: 0;
            	left: 0;
            	z-index: 2;
            	background: url(../img/inp-bg.png) repeat; 
            }
            .language .sel .arr{
            	width:50px;
            	position: absolute;
            	right: 0;
            	top: 0;
            	height:50px;
            	z-index:3;
            	background: url(../img/head-arr1.png) center no-repeat;
            }
            .language .sel .arr.on{
            	background: url(../img/head-arr2.png) center no-repeat;
            }
            .language .sel .arr:hover{
            	background-color: #323236
            }
            .language .sel span{
            	display: block;
            	line-height:50px;
            	height:0px;
            	font-size: 16px;
            	color: #717174;
            	padding:0 20px;
            	cursor: pointer;
            	-webkit-transition: all 0.5s;
            	transition: all 0.5s;
            	position: relative;
            	overflow: hidden;
            }

            .language .sel span:hover{
            	background-color: #323236;
            }
            .language .sel span.on{
            	height: 50px;
            }
            .language .sel span.cur{
            	color: #fff
            }
            .language .sel.on .arr{
            	background: url(../img/head-arr2.png) center no-repeat;
            }
/*.language .sel.on span{
	height: 50px;
	}*/
	.language .serch{
		width: 170px;
		height: 22px;
		display: block;
		float: right;
		margin-right: 10px;
		overflow: hidden;
		border-bottom: 1px solid transparent;
		transition:all 0.3s;
		-webkit-transition:all 0.3s;
	}
	.language .serch form{
		display: block;
		width: 100%;
		height: 100%;
	}
	.langue1 .serch{
		margin: 15px 10px 0 0;

	}
	.langue1 .serch i{
		display: block;
		position: absolute;
		z-index: 2;
		top: 0;
		left: 0;
		height: 50px;
		line-height:50px;

	}
	.language .serch.on{
		border-bottom: 1px solid #ccc
	}
	.language .serch .ind-submit{
		display: block;
		width: 30px;
		height: 22px;
		float: right;
		background: url(../img/serch.png) center no-repeat;
		border:0;
	}
	.language.cur .serch .ind-submit{
		background: url(../img/serch1.png) center no-repeat;
	}
	.language.col .serch .ind-submit{
		background: url(../img/serch1.png) center no-repeat;
	}
	.language .serch .ind-text{
		display: block;
		float: right;
		width:0;
		height: 22px;
		line-height: 22px;
		color: #fff;
		border:0;
		font-size: 14px;
		transition:all 0.5s;
		-webkit-transition:all 0.5s;
		background:url(../img/inp-bg.png) center repeat; 
	}
	.language.col .serch .ind-text{
		color: #333;
	}
	.language .serch .ind-text.cur{
		display: block;
	}
	.language .serch.on .ind-text{
		width:120px;
		padding: 0 10px;
	}
	.language.cur .lang a{
		color: #333;
	}
	.language.col .lang a{
		color: #444;
	}
	.langue1.cutt{
		top: 0;
		right: 0;
	}


	.language.cur .lang{
		border-left: 1px solid #adaeb0;
	}
	.language.cuut .sel{
		position: absolute;
		top: 0;
		width: 50px;
		right: 0%;
		z-index: 10;
	}
	.langue1.cuttt .sel span{
		display: none;
	}


	.ind-header{
		width: 100%;
		height:100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index:100;
		display: none;
		background:url(../img/ind-header.png) center repeat-x;
	}
	.ind-header .warp{
		width: 1200px;
		margin: 0 auto;
		height:100%;
	}
	.ind-header .warp li{
		width:150px;
		float: left;
		height:90%;
		padding: 15% 20px 0 20px;
		/*border-left: 1px solid #3856ac;*/
		position: relative;
	}
	.ind-header .warp li i{
		display: block;
		position: absolute;
		height: 100%;
		width: 1px;
		background: url(../img/nav-borbg.png) center no-repeat;
		top: -95px;
		left: -1px;
	}
	.ind-header .warp li a{
		display: block;
		color: #fff;
	}
	.ind-header .warp li .tit{
		font-size: 24px;
		line-height: 35px;
		margin-bottom: 40px;
		position: relative;
		cursor: default;
	}
	.ind-header .warp li .mtop{margin-top: 50px;}
	.ind-header .warp li .tit i{
		display: block;
		width: 7px;
		height: 7px;
		background-color: #fff;
		border-radius: 100%;
		position: absolute;
		left:-14px;
		top: 50%;
		margin-top: -3.5px;
	}
	.ind-header .warp li .point{
		cursor: pointer;
	}
	.ind-header .warp li .lt{
		font-size: 18px;
		line-height:36px;
		color: #fff;
		/*width: 75px;*/
		cursor: pointer;
		margin-bottom: 6px;
		border-bottom: 1px solid transparent;
		transition:all 0.4s;
		-webkit-transition:all 0.4s;
	}
	.ind-header .warp li .lt.on,.ind-header .warp li .lt:hover{
		border-bottom: 1px solid #fff;
	}


	.footer{
		padding: 95px 0 140px;
		background-color: #1a2634;
		width: 100%;
		/*height: 100%;*/
		position: relative;
		overflow: hidden;
	}
	.footer.on{
		padding: 90px 0 75px;
	}
	.footer .warp{
		width:80%;
		height: auto;
		z-index: 5;
		margin-left: 227px;
	}
	.footer.on .warp{
		margin-left: 10%;
	}

	.footer .warp .top{
		width: 100%;
		border-bottom: 1px solid #454545;
		margin-bottom: 70px;
	}
	.footer .warp .top .fot-logo,.footer .warp .top .fot-logo img{
		width: 140px;
		display: block;
		height: 41px;
	}
	.footer .warp .top .fot-logo {margin-bottom: 22px;}
	.footer .warp .top .mintit{
		font-size: 18px;
		line-height: 28px;
		color: #282828;
		color: #fff;
		margin-bottom: 40px;
	}
	.footer .warp .mid{
		width: 100%;
		padding-bottom: 150px;
	}
	.footer.on .warp .mid{
		padding-bottom: 80px;
	}
	.footer .warp .mid .fot-nav{
		width: 85%;
		height: 160px;
		float: left;
	}
	.footer .warp .mid .fot-nav li{
		float: left;
		margin-right: 6%;
	}
	.footer .warp .mid .fot-nav li:last-child{
		margin-right: 0;
	}
	.footer .warp .mid .fot-nav li a{
		display: block;
		cursor:default;
	}
	.footer .warp .mid .fot-nav li .point{
		cursor: pointer;
	}
	.footer .warp .mid .fot-nav li .tit{
		font-size: 16px;
		line-height: 22px;
		margin-bottom: 15px;
		color: #fff;
	}
	.footer .warp .mid .fot-nav li .mintit{
		color: #979797;
		font-size: 14px;
		line-height: 29px;
		transition:all 0.5s;
		-webkit-transition:all 0.5s;
		cursor: pointer;
	}
	.footer .warp .mid .fot-nav li .mintit:hover{
		color: #fff;
	}
	.footer .warp .mid .ewm{
		width: 140px;
		float: right;
	}
	.footer .warp .mid .ewm .img,.footer .warp .mid .ewm .img img{
		width: 96px;
		height: 96px;
		margin: 0 auto;
		display: block;
	}
	.footer .warp .mid .ewm .img{
		margin-bottom: 10px;
	}
	.footer .warp .mid .details{
		font-size: 14px;
		line-height: 24px;
		color: #6b6b6b;
		text-align: center;
		transition:all 0.4s;
		-webkit-transition:all 0.4s;
	}
	.footer .warp .mid .details:hover{
		color: #fff;
	}
	.footer .fot{
		width: 100%;
		border-top: 1px solid #454545;
		padding-top: 45px;
	}
	.footer .fot p{
		font-size: 14px;
		line-height: 28px;
		color: #6e6e6e
	}
	.footer .fot p a{color: #6e6e6e;}
	.footer .fot p a:hover{color: #fff;}






	/*首页 welcome*/
	/*screen1*/
	.iban{
		min-width: 1200px;
		position: relative;
		z-index: 33;
	}
	.iban .img{
		cursor: pointer;
	}
	.iban .btns{
		position: absolute;
		left:50%;
		bottom:3%;
		width: 100px;
		z-index: 33;
	}
	.iban .btns span{
		display:inline-block;
		cursor: pointer;
		height: 14px;
		width: 14px;
		border-radius: 100%;
		margin: 0 5px;
		transition:all 0.2s;
		-webkit-transition:all 0.2s;
		transition: all 0\0/IE9;
		-webkit-transition:all 0\0/IE9;
		background: #fff;
	}
	.iban .btns span.cur{
		background: #172a7e;
	}
	.iban .img .warp,.screen2 .warp,.iban .mian .warp{
		width:auto;
		height: auto;
		position: absolute;
		top: 50%;
		left:227px;
		margin-top: -85px;
		z-index: 5;
	}
	.iban .mian .warp{
		margin-top: -30px;
	}
/*.panel.on .iban .mian .warp,.panel.on .iban .img .warp,.panel.on .screen2 .warp{
	left:10%;
	}*/
	.iban .warp h2,.screen2 .warp h2,.screen3 .warp h2,.screen4 .warp h2{
		display: block;
		font-size: 64px;
		line-height: 70px;
		color: #fff;
		margin-bottom: 55px;
	}
/*.panel.on .iban .warp h2,.panel.on .screen2 .warp h2,.panel.on .screen3 .warp h2,.panel.on .screen4 .warp h2{
	font-size: 48px;
	line-height: 60px;
	}*/


	.screen2 .warp .btn{
		width:auto;
		padding:9px 35px;
		height: 43px;
		line-height: 43px;
		font-size: 20px;
		border:1px solid #fff;
		/*display: block;*/
		color: #fff;
		transition:all 0.4s;
		-webkit-transition:all 0.4s;
		position: relative;
		background: url(../img/iban-btn1.png) center repeat;
	}
	.screen2 .warp .btn span,
	.screen3 .warp .btn span,
	.screen5 .list li .btns span{
		font-family: '宋体';
	}

	.iban .warp .btn i,.screen2 .warp .btn i{
		width: 11px;
		height: 11px;
		position: absolute;
		left: 123px;
		top: 50%;
		margin-top: -5.5px;
		background: url(../img/iban-jia.png) center no-repeat;
	}
	.iban .warp .btn:hover,.screen2 .warp .btn:hover{
		background: url(../img/iban-btn.png) center repeat;
	}
	.screen2{
		width: 100%;
		height: 100%;
		position: relative;
		/*	overflow: hidden;*/
		/*background: url(../img/ind-warp2.jpg) center no-repeat;*/
		/*background-size: cover;*/
		/*-ms-behavior: url(backgroundsize.min.htc);*/
/*	-ms-behavior: url(css/backgroundsize.htc);
behavior: url(css/backgroundsize.min.htc);*/
/*	style.css?t=1492965053*/
/*behavior: url(backgroundsize.min.htc);*/
}

.screen3,.screen4{
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.banner{
	width: 100%;
	position: absolute;
	height: 100%;
	overflow: hidden;
	left: 0;
	top: 0;
	z-index: -1;
	transition:all 0.5s linear;
	-webkit-transition:all 0.5s linear;

}

.op-bg{
	opacity: 0;
	filter: alpha(opacity=0);
	transition:all 0.5s linear;
	-webkit-transition:all 0.5s linear;
}
.op-bg.on{
	z-index: 2;
	opacity:1;
	filter: alpha(opacity=100);
}
.banner .bimg{display: block; width:100%}

.screen3 .warp,.screen4 .warp{
	width:auto;
	height: auto;
	position: absolute;
	top: 50%;
	left:227px;
	z-index:1;
}
.banner.on{
	z-index: 2;
	opacity:1;
	filter: alpha(opacity=100);
}
/*.screen3 .warp.on{
	z-index: 30;
	opacity:1;
	filter: alpha(opacity=100);
	}*/
	.screen3 .warp{margin-top: -117px;z-index: 10;display: none}
	.screen4 .warp{margin-top: -180px;padding-bottom: 80px;}

/*.panel.on .screen3 .warp,.panel.on .screen4 .warp，.panel.on .screen3 .warp,.panel.on .screen5 .warp,.panel.on .screen4 .warp{left: 10%}
.panel.on .screen5 .warp{margin-top: -20%;}*/
.panel{overflow: hidden;}
.screen3 .warp h2{
	margin-bottom:30px;
}
.screen3 .warp .details{
	font-size: 30px;
	line-height: 40px;
	color: #fff;
	margin-bottom: 50px;
}
.screen3 .warp .btn{
	width:auto;
	padding:9px 35px;
	height: 43px;
	line-height: 43px;
	font-size: 20px;
	border:1px solid #fff;
	/*display: block;*/
	color: #fff;
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	position: relative;
	background: url(../img/iban-btn1.png) center repeat;
}
.screen3 .warp .btn i{
	width: 11px;
	height: 11px;
	position: absolute;
	left: 123px;
	top: 50%;
	margin-top: -5.5px;
	background: url(../img/iban-jia.png) center no-repeat;
}
.screen3 .warp .btn:hover{
	background: url(../img/iban-btn.png) center repeat;
}
.screen3 .point{
	width:245px;
	position: absolute;
	right:35px;
	top: 50%;
	z-index: 10;
	margin-top: -35px;
}
.screen3 .point li{
	height:36px;
	position: relative;
	color: #cacaca;
	width:245px;
	font-size:26px;
	position: relative;
	cursor: pointer;
	margin-bottom: 15px;
}
.screen3 .point li span{
	display: block;
	float: right;
	/*width: 120px;*/
	height:36px;
	line-height:36px;
	margin-right: 20px;
	color: #cacaca;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.screen3 .point li i{
	display: block;
	float: right;
	width:10px;
	height: 2px;
	background-color: #fff;
	margin-top:17.5px;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.screen3 .point li.on i{width: 45px;}
.screen3 .point li.on span{color: #fff;}
.screen4 .warp h2{line-height: 85px;}
.screen4 .warp .list{width: 100%; margin-top:40px}
.screen4 .warp .list li{
	float: left;
	width:300px;
	margin-right: 100px;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	background: url(../img/iban-btn1.png) repeat;
	cursor: pointer;
}
.screen4 .warp .list .last-li{width: 240px;}
/*.screen4 .warp .list li.on{margin-right:30px;}*/
.screen4 .warp .list li .top{margin-bottom: 25px;}
.screen4 .warp .list li .top .img{
	width: 100%;
	/*height: 100px;*/
	margin-bottom: 5px;
}
.screen4 .warp .list li .top .img img{
	display: block;
	width: 100px;
	/*height: 100px;*/
}
.screen4 .warp .list li .top  h3{
	font-size: 26px;
	line-height: 30px;
	color: #fff;
}
.screen4 .warp .list li .bot .details,.screen4 .warp .list li .bot .details p{
	font-size: 16px;
	line-height: 24px;
	color: #fff;
}
.screen4 .warp .list li .bot .details{
	margin-bottom: 50px;
	opacity: 0;
	filter: alpha(opacity=0);
/*	opacity:1\0/IE9;
filter: alpha(opacity=1\0/IE9);*/
transition:all 0.3s;
-webkit-transition:all 0.3s;
/*	transition:all 0s\0/IE9;
-webkit-transition:all 0s\0/IE9;*/
position: relative;
top: 15px;

}
.screen4 .warp .list li .bot .arr{
	width: 100%;
	height: 39px;
	opacity: 0;
	filter: alpha(opacity=0);
	/*opacity:1\0/IE9;*/
	/*filter: alpha(opacity=1\0/IE9);*/
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	position: relative;
	top: 10px;
}
.screen4 .warp .list li .bot .arr img{
	display: block;
	width: 87px;
	/*height: 39px;*/
}
.screen4 .warp .list li:hover .bot .details{
	opacity: 1;
	filter: alpha(opacity=100);
	top: 0px;
}
.screen4 .warp .list li:hover .bot .arr{
	opacity: 1;
	filter: alpha(opacity=100);
	top: 0
}
.screen5{
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.screen5 .warp{
	width:80%;
	height: auto;
	position: absolute;
	top: 50%;
	left:227px;
	margin-top: -17%;
	z-index: 5;
}
.screen5 .warp h2{
	display: block;
	font-size: 64px;
	color: #333;
	line-height: 70px;
	margin-bottom: 70px;
}
/*.screen5 .warp h2.on{
	margin-bottom: 40px;
	}*/
/*.panel.on .screen5 .warp h2{
	font-size: 48px;
	line-height: 60px;
	}*/
	.screen5 .warp .list li{
		float: left;
		width:31%;
		margin-right: 2%;
		cursor: pointer;
	}
	.screen5 .warp .list li a{
		display: block;
		width: 100%;
		height: 100%;
		cursor: pointer;
	}
	.screen5 .list li .img{
		width: 100%;
		margin-bottom: 30px;
		position: relative;
		overflow: hidden;
	}
	.screen5 .list li .img img{
		display: block;
		width: 100%;
		/*height: 100%;*/
		padding: 0;
		margin: 0;
		vertical-align: baseline;
		transition:all 0.5s ease-in-out;
		-webkit-transition:all 0.5s ease-in-out;
	}
	.screen5 .list li .img .tip{
		position: absolute;
		z-index: 2;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: url(../img/inews-btnbg.png) center repeat;
		opacity:0;
		filter: alpha(opacity=0);
		transition:all 0.5s ease-in-out;
		-webkit-transition:all 0.5s ease-in-out;
	}
	.screen5 .list li .img .tip i{
		position: absolute;
		left: 50%;
		top: 50%;
		margin: -25px 0 0 -25px;
		width: 49px;
		height: 49px;
		background:url(../img/inews-icon.png) center no-repeat;
	}
	.screen5 .list li h3{
		font-size: 24px;
		line-height: 28px;
		height:56px;
		color: #333;
		overflow:hidden; 
		margin-bottom: 15px;
	}
/*.panel.on .screen5 .list li h3{
	font-size: 20px;
	}*/
	.screen5 .list li .details{
		font-size: 16px;
		color: #909090;
		line-height: 28px;
		min-height: 85px;
		margin-bottom: 20px;
	}
	.screen5 .list li .btns{
		width: 110px;
		padding: 0 20px;
		height: 33px;
		border:1px solid #e5e5e5;
		display: block;
		text-align: center;
		font-size: 16px;
		color: #888888;
		transition:all 0.5s;
		-webkit-transition:all 0.5s;
		/*	background: url(../img/iban-btn1.png) center repeat;*/

	}
	.screen5 .list li .btns:hover{
		/*background: url(../img/inews-btn.png) center repeat;*/
		background-color: #1e409f;
		color: #fff;
	}
	.screen5 .list li:hover .img .tip{
		opacity: 1;
		filter: alpha(opacity=100);
	}
	.screen5 .list li:hover .img img{
		transform:scale(1.05);
		-webkit-transform:scale(1.05);
	}


	/*企业栏目*/
	/*企业栏目base*/
	.concept1 .warp,.concept2 .warp{
		position: relative;
		width: 1200px;
		margin: 0 auto;
		overflow: hidden;
	}

	/*理念*/
	.concept1{
		width: 100%;
		padding: 90px 0 105px;
		background-color: #fff;
	}
	.concept1 .warp .title{
		margin-bottom: 70px;
	}
	.concept1 .warp .title h2,.concept2 .warp h2{
		display: block;
		/*font-size: 44px;*/
		line-height:66px;
		color: #222;
		margin-bottom:30px;
	}
	.concept1 .warp .title h3{
		display: block;
		font-size: 30px;
		color: #666666;
		line-height: 35px;
	}
	.concept1 .warp .list{
		width: 100%;
		float: left;
		position: relative;
	}
	.concept1 .warp .list li{
		float: left;
		position: relative;
		width:230px;
		padding:25px 70px 0 0 ;
	}
	.concept1 .warp .list li:nth-child(2){
		animation-delay:0.3s;
		-webkit-animation-delay:0.3s;
	}
	.concept1 .warp .list li:nth-child(3){
		animation-delay:0.6s;
		-webkit-animation-delay:0.6s;
	}
	.concept1 .warp .list li:nth-child(4){
		animation-delay:0.9s;
		-webkit-animation-delay:0.9s;
	}
	.concept1 .warp .list li i{
		display: block;
		width: 43px;
		height: 1px;
		background-color: #cccccc;
		position: absolute;
		top: 0;
		left: 0;
	}
	.concept1 .warp .list li h2{
		display: block;
		font-size: 28px;
		line-height: 35px;
		margin-bottom: 30px;
		color: #333333;
	}
	.concept1 .warp .list li p{
		font-size: 16px;
		color: 666666;
		line-height: 28px;
	}
	.concept2{
		/*background: url(../img/status-img1.jpg) center no-repeat;*/
		height: 650px;
		width: 100%;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		-o-background-size: cover;
		position: relative;
	}
	.concept2 .sta-bg,.concept3 .sta-bg,.mation2 .sta-bg{
		width: 100%;
		position: absolute;
		height: 100%;
		overflow: hidden;
		left: 0;
		top: 0;
	}
	.concept2 .sta-bg .bg-img,.concept3 .sta-bg .bg-img,.mation2 .sta-bg .bg-img{
		display: block;
	}
	.concept2 .warp{
		position: relative;
		z-index: 5;
		padding-top: 260px;
	}
	.concept2 .warp h2{
		color: #fff;
	}
	.concept2 .warp .details{
		font-size: 30px;
		line-height: 36px;
		color: #fff;
	}
	.concept3{
		background:#1f3d9e url(../img/status-bg.jpg) center no-repeat;
		width: 100%;
		/*height: 590px;*/
		position: relative;
	}
	.concept3 .warp{
		width: 1200px;
		margin: 0 auto;
		height: 100%;
		position: relative;z-index: 2;
		overflow: hidden;
	}
	.concept3 .warp li{
		float: left;
		/*height:590px;*/
		width:300px;
		position: relative;
	}
	.concept3 .warp li:nth-child(2){
		animation-delay:0.3s;
		-webkit-animation-delay:0.3s;
	}
	.concept3 .warp li:nth-child(3){
		animation-delay:0.6s;
		-webkit-animation-delay:0.6s;
	}
	.concept3 .warp li:nth-child(4){
		animation-delay:0.9s;
		-webkit-animation-delay:0.9s;
	}
	.concept3 .warp li i{
		display: block;
		height: 100%;
		width: 1px;
		background-color: #354b9a;
		position: absolute;
		left: 0;
		top: 0;
	}
	.concept3 .warp li em{
		display: block;
		height: 100%;
		width: 1px;
		background-color: #354b9a;
		position: absolute;
		right: 0;
		top: 0;
	}
	.concept3 .warp li .box{
		padding: 100px 30px 0;
		transition:all 0.6s;
		-webkit-transition:all 0.6s;
		height:490px;
		width: 240px;
	}
	.concept3 .warp li:hover .box{
		background-color: #1e409f
	}
	.concept3 .warp li h2{
		display: block;
		font-size: 28px;
		line-height: 35px;
		color: #fff;
		margin-bottom: 30px;
	}
	.concept3 .warp li p{
		font-size: 16px;
		line-height: 38px;
		color: #d3dcf5;
	}
	.concept3 .warp li .spn1{
		font-size: 16px;
		line-height: 38px;
		color: #fff;
		font-weight: bold;
	}
	.concept3 .warp li .spn2{
		font-size: 18px;
		line-height: 38px;
		color: #fff;
		font-weight: bold;
	}
	.concept4{
		background-color: #fafafa;
		padding:90px 0 140px;
	}
	.concept4 .warp{
		width: 1200px;
		margin: 0 auto;
	}
	.concept4 .warp .title{
		width: 100%;
		margin-bottom:60px;
	}
	.concept4 .warp .title h2{
		display: block;
		/*font-size: 44px;*/
		line-height:66px;
		color: #222;
	}
	.concept4 .warp .list{
		width: 1200px;
		margin: 0 auto;
	}
	.concept4 .warp .list ul{
		width: 1216px;
	}
	.concept4 .warp .list li{
		float: left;
		width: 249px;
		padding: 35px 20px 0;
		margin-right: 15px;
		height: 315px;
		box-shadow: 0 0px 6px 0 rgba(0,0,0,0.1);
	}
	.concept4 .warp .list li h2{
		display: block;
		font-size: 28px;
		line-height: 35px;
		color: #333;
		padding-bottom: 25px;
		position: relative;
		margin-bottom: 23px;
	}
	.concept4 .warp .list li h2 i{
		display: block;
		width: 75px;
		height: 1px;
		background-color: #e5e5e5;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	.concept4 .warp .list li .details,.concept4 .warp .list li .details p{
		font-size: 16px;
		line-height: 30px;
		color:#666666;
	}


	/*企业信息*/
	.mation1{
		width: 1200px;
		margin: 0 auto;
		padding: 90px 0 135px;
		overflow: hidden;
	}
	.mation1 .title{
		width: 100%;
		height:66px;
		margin-bottom: 30px;
	}
	.mation1 .title h2{
		/*font-size: 44px;*/
		line-height:66px;
		color: #333;
	}
	.mation1 .mian li{
		float: left;
		position: relative;
		height: 375px;
	}
	.mation1 .mian li h3{
		font-size: 28px;
		line-height: 36px;
		color: #1f3d9e;
	}
	.mation1 .mian .settime{
		background: url(../img/information-img1.png) 170px 47px no-repeat;
		width:400px;
		position: relative;
	}
	.mation1 .mian .settime h3{
		margin-bottom:35px;
	}
	.mation1 .mian .settime .year{
		font-size: 72px;
		color: #1f3d9e;
		font-family: 'BebasNeueRegular';
		line-height: 76px;
		padding-bottom: 50px;
	}
	.mation1 .mian .settime .time{
		border-bottom: 1px solid #e5e5e5
	}
	.mation1 .mian .settime .year span{
		font-family: '微软雅黑';
		font-size: 16px;
		line-height: 36px;
		color: #666666;
	}
	.mation1 .mian .settime .address {
		padding: 60px 0 25px;
		background: url(../img/information-img2.png) 190px 60px no-repeat;
	}
	.mation1 .mian .settime .address .hq{
		font-size: 28px;
		line-height: 36px;
		color: #1f3d9e;
		margin-bottom: 20px;
	}	
	.mation1 .mian .settime .address .add{
		font-size: 16px;
		line-height: 36px;
		color: #666666
	}
	.mation1 .technology{
		padding: 0 35px;
		width: 357px;
		animation-delay:0.4s;
		-webkit-animation-delay:0.4s;
		position: relative;
		background:url(../img/information-img3.png) center 220px no-repeat;
	}
	.mation1 .mian .technology h3,.mation1 .business h3{
		margin-bottom:25px;
	}
	.mation1 .technology .details,.mation1 .business .details{
		font-size: 16px;
		line-height: 30px;
		color: #666666
	}
	.mation1 .technology i,.mation1 .mian .settime i{
		display: block;
		position: absolute;
		width: 1px;
		height: 96%;
		right: 0;
		top: 4%;
		background-color: #e5e5e5
	}
	.mation1 .business{
		animation-delay:0.8s;
		-webkit-animation-delay:0.8s;
		width:283px;
		position: relative;
		padding: 0 45px;
		background:url(../img/information-img4.png) center 190px no-repeat;
	} 

	.mation2{
		height: 850px;
		width: 100%;
		position: relative;
		background: url(../img/information-mation2-bg.jpg) center no-repeat;
	}
	.mation2 .warp{
		width: 1200px;
		margin: 0 auto;
	}
	.mation2 .warp .title{
		margin-bottom: 10px;
		padding-top: 90px;
		position: relative;
	}
	.mation2 .warp .title h2{
		/*font-size: 44px;*/
		line-height:66px;
		color: #fff;
		margin-bottom:60px;
	}
	.picScroll-left{ 
		width:1200px; 
		margin: 0 auto; 
		/*height: 500px;*/
		overflow:hidden; 
		position:relative;  
	}
	.picScroll-left .hd{ 
		overflow:hidden;  
		width:110px;
		height: 42px; 
		/*background:#f4f4f4; */
		margin: 0 auto;
	}
	.picScroll-left .hd .prev{ 
		display:block;  
		float: left;
		width:42px; 
		height:42px; 
		cursor:pointer; 
		background:url(../img/infro-icon1.png) no-repeat;
		transition:all 0.4s;
		-webkit-transition:all 0.4s;
	}
	.picScroll-left .hd .prev:hover{
		background:url(../img/infro-icon11.png) no-repeat;
	}
	.picScroll-left .hd .next{ 
		display:block;  
		width:42px; 
		height:42px; 
		float:right;  
		overflow:hidden;
		cursor:pointer; 
		background:url(../img/infro-icon2.png) no-repeat;
		transition:all 0.4s;
		-webkit-transition:all 0.4s;
	}
	.picScroll-left .hd .next:hover{
		background:url(../img/infro-icon22.png) no-repeat;
	}
	.picScroll-left .bd ul{overflow:hidden; zoom:1;}
	.picScroll-left .bd ul li{
		float:left; 
		_display:inline; 
		overflow:hidden; 
		width:264px;
		padding:56px 18px 0;
		min-height: 400px;
		float: left;
		background: url(../img/mation-titbg2.png) center top no-repeat;
	}

	.picScroll-left .bd li h3{
		display: block;
		font-size: 60px;
		line-height: 65px;
		color: #fff;
		margin-bottom: 30px;
		font-family: 'BebasNeueRegular';
	}
	.picScroll-left .bd li .details{
		padding: 0 15px;
	}
	.picScroll-left .bd li .details p{
		padding-left: 20px;
		font-size: 16px;
		line-height: 28px;
		color: #fff;
		background: url(../img/mation2-point.png) left 11px no-repeat;
		margin-bottom: 25px;
	}


/*.mation2 .scroll-box {
  width: 1200px;
  position: relative;
  overflow: hidden;
}
.mation2 .scroll-box .con {
  width: 1200px;
  position: relative;
}
.mation2 .scroll-box .con li{
  width:300px;
  padding: 0 10px;
  height:440px;
  float: left;
  background: url(../img/iban-btn1.png) repeat;
}
.mation2 .scroll-box .con li h3{
	display: block;
	font-size: 60px;
	line-height: 65px;
	color: #fff;
	margin-bottom: 30px;
	font-family: 'BebasNeueRegular';
}
.mation2 .scroll-box .con li .details{
	padding: 0 15px;
}
.mation2 .scroll-box .con li .details p{
	padding-left: 20px;
	font-size: 16px;
	line-height: 28px;
	color: #fff;
	background: url(../img/mation2-point.png) left 11px no-repeat;
	margin-bottom: 25px;
}
.mation2 .scroll-box .bar {
  width: 1200px;
  height: 1px;
  background: #8f9ecf;
  border-bottom: 2px solid #1f3d9e;
  margin-top: 30px;
  position: relative;
}
.mation2 .scroll-box .bar .btn {
  position: absolute;
  width: 253px;
  height: 4px;
  bottom: -1px;
  left: 0;
  background: #8f9ecf;
  cursor: pointer;
  border-radius: 5px;
  }*/
  .mation3{
  	width: 100%;
  	margin: 0 auto;
  	padding: 90px 0 70px;
  	background-color: #fdfdfd;
  }
  .mation3 .title{
  	position: relative;
  	width: 1200px;
  	margin: 0 auto 60px;
  	overflow: hidden;
  }
  .mation3 .title .box{
  	width: 550px;
  	float: left;
  }
  .mation3 .title .box h2,.status1 .title h2,.status3 .warp .title h2{
  	/*font-size: 44px;*/
  	line-height:66px;
  	margin-bottom:30px;
  }
  .mation3 .title .box .details,
  .mation3 .title .box .details p,
  .status1 .title .details,
  .status1 .title .details p{
  	font-size: 30px;
  	line-height: 48px;
  	color: #666666
  }
  .status1 .title .details p.source{
  	font-size:18px;
  }
  .mation3 .title .pic{
  	/*width: 580px;*/
  	float: right;
  	height: 56px;
  	margin-top: 110px;
  }
  .mation3 .title .pic li{
  	float: left;
  	height: 55px;
  	line-height: 55px;
  	border-bottom: 1px solid #e3e3e3;
  	margin-left: 27px;
  	font-size: 18px;
  	color: #666666;
  	text-align: right;
  	cursor:pointer;
  }
  .mation3 .title .pic li.cur{
  	border-bottom: 1px solid #172a7e;
  }
  .qiehuaimg{
  	position:relative;
  }
  .qiehuaimg .dimg1{
  	background-repeat:no-repeat;
  	background-position:center;
  	display:none;
  	text-align:center;
  }
  .qiehuaimg .dimg1.show1{
  	display:block;
  }

  .mation3 .title .pic .icon1{
  	width:84px;
  	background: url(../img/mation3-icon1.png) 5px center no-repeat;
  }
  .mation3 .title .pic .icon2{
  	width: 80px;
  	background: url(../img/zb1.png) 5px center no-repeat;
  }
  .mation3 .title .pic .icon3{
  	width:124px;
  	background: url(../img/zb2.png) 5px center no-repeat;
  }
  .mation3 .title .pic .icon4{
  	width: 116px;
  	background: url(../img/zb3.png) left center no-repeat;
  }
   .mation3 .title .pic .icon5{
  	width: 120px;
  	background: url(../img/a5.png) left center no-repeat;
  }
  .mation3 .mian{
  	width: 100%;
  	height: 663px;
  	// background: url(../img/qq4.png) center no-repeat;
  }
  .mation3 .mian .box{
  	width: 1336px;
  	margin: 0 auto;
  	position: relative;
  	height: 663px;
  	overflow: hidden;
  }
/*.mation3 .mian .box img{
	opacity: 0;
	filter: alpha(opacity=0);
	}*/
	.mation3 .mian .box .img1{
		-width: 210px;
		-height: 90px;
		position: absolute;
		left: 86px;
		splay: block;
		top: 105px;
		animation-delay:0.5s;
		-webkit-animation-delay:0.5s;
		z-index:10
	}
	.mation3 .mian .box .img2{
		-width: 500px;
		-height:222px;
		position: absolute;
		left: 267px;
		display: block;
		top: 173px;
		animation-delay:0.8s;
		-webkit-animation-delay:0.8s;
		z-index:10
	}
	.mation3 .mian .box .img3{
		-width:300px;
		-height:59px;
		position: absolute;
		right: 93px;
		display: block;
		top: 149px;
		z-index:10
	}
	.mation3 .mian .box .img4{
		position:relative;
		width:100%;
		height: 100%;
	}
	.mation3 .mian.zbing1 .box .img4{
		position:relative;
		width:100%;
	}
	.mation3 .mian.zbing1 .box .img1{
		position:absolute;
		-width: 276px;
		-height: 110px;
		top: 261px;
		left: 539px;
		splay: block;
		animation-delay:0.5s;
		-webkit-animation-delay:0.5s;
		z-index:10
	}
	.mation3 .mian.zbing2 .box .img4{
		position:relative;
		width:100%;
	}
	.mation3 .mian.zbing2 .box .img1{
		position:absolute;
		-width:198px;
		-height:43px;
		top: 75px;
		left: 252px;
		splay: block;
		animation-delay:0.5s;
		-webkit-animation-delay:0.5s;
		z-index:10
	}
	.mation3 .mian.zbing2 .box .img2{
		position:absolute;
		-width:462px;
		-height:152px;
		top: 200px;
		left: 241px;
		splay: block;
		animation-delay:0.5s;
		-webkit-animation-delay:0.5s;
		z-index:10
	}
	.mation3 .mian.zbing3 .box .img4{
		position:relative;
		width:100%;
	}
	.mation3 .mian.zbing3 .box .img1{
		position:absolute;
		-width:186px;
		-height:24px;
		top: 130px;
		left: 250px;
		splay: block;
		animation-delay:0.5s;
		-webkit-animation-delay:0.5s;
		z-index:10
	}
	.mation3 .mian.zbing3 .box .img2{
		position:absolute;
		-width:234px;
		-height:123px;
		top: 245px;
		left: 540px;
		splay: block;
		animation-delay:0.5s;
		-webkit-animation-delay:0.5s;
		z-index:10
	}
	.mation3 .mian.zbing4 .box .img1{
		width:150px;
		height:18px;
		top:126px;
	}
	.mation3 .mian.zbing4 .box .img2{
		width:341px;
		height:49px;
		top: 149px;
    	right: 93px;
    	left: auto;
	}
	.mation3 .mian.zbing4 .box .img3{
		    width: 532px;
		    height: 215px;
		top: 173px;
    right: 528px;
	}
	.mation3 .mian .box .img5{
/*	width:357px;
height:149px;*/
width: 354px;
height: 160px;
position: absolute;
right: 453px;
display: block;
top: 75px;
}
.mation3 .mian .box .img6{
	width: 415px;
	height: 150px;
	position: absolute;
	left: 26px;
	display: block;
	top: 226px;
	animation-delay:0.5s;
	-webkit-animation-delay:0.5s;
}

/*企业地位*/
.status1{
	width: 1200px;
	margin: 0 auto;
	padding: 90px 0 130px;
	background-color: #fff;
}
.status1 .title{
	margin-bottom:65px;
}
.status1 .warp{
	position: relative;
	width: 1210px;
	margin: 0 auto;
	/*	height: 448px;*/
	height:600px;
	/*background: url(../img/con1-bg.png) center no-repeat;*/
	background: url(../img/cnpc.png) center no-repeat;
}
.status1 .warp  .math{
	line-height:1!important;
	height:auto!important;
}
.status1 .warp .line{
	width: 0;
	/*height: 448px;*/
	height:615px;
	top: -6px;
	left: 0;
	z-index: 2;
	position: absolute;
	overflow: hidden;
	display: block;
	/*opacity: 0;*/
	/*background: url(../img/zexian.png) no-repeat left bottom;*/
	/*	filter: alpha(opacity=0);*/
	background: url(../img/cnpcbg.png) no-repeat left bottom;
	
}
.status1 .warp .line.on{
	animation:myfirst 3s 0.3s;
	-moz-animation:myfirst 3s 0.3s; /* Firefox */
	-webkit-animation:myfirst 3s 0.3s; /* Safari and Chrome */
	-o-animation:myfirst 3s 0.3s;/* Opera */
}
.status1 .warp .line.cur{
	width: 1200px;
	/*opacity:1;*/
	/*filter: alpha(opacity=100);*/
}
.status1 .warp .line img{
	display: block;
	width: 1200px;
	height: 423px;
	position: absolute;
	top: 0;
	left: 0;
}
	@keyframes myfirst
	{
		0% {width:0px;}
		16% {width:202px;}
		32% {width: 405px;}
		48% {width:600px;}
		64% {width:800px;}
		82% {width:1000px;}
		100% {width:1200px;}
	}

	@-moz-keyframes myfirst /* Firefox */
	{
		0% {width:0px;}
		16% {width:202px;}
		32% {width: 405px;}
		48% {width:600px;}
		64% {width:800px;}
		82% {width:1000px;}
		100% {width:1200px;}
	}

	@-webkit-keyframes myfirst /* Safari and Chrome */
	{
		0% {width:0px;}
		16% {width:202px;}
		32% {width: 405px;}
		48% {width:600px;}
		64% {width:800px;}
		82% {width:1000px;}
		100% {width:1200px;}
	}

	@-o-keyframes myfirst /* Opera */
	{
		0% {width:0px;}
		16% {width:202px;}
		32% {width: 405px;}
		48% {width:600px;}
		64% {width:800px;}
		82% {width:1000px;}
		100% {width:1200px;}
	}

/*
@keyframes myfirst
{
	0% {width:0px;}
	25% {width:190px;}
	55% {width: 612px;}
	90% {width:1060px;}
	100% {width:1200px;}
}

@-moz-keyframes myfirst
{
	0% {width:0px;}
	25% {width:190px}
	55% {width: 612px}
	90% {width:1060px}
	100% {width:1200px}
}

@-webkit-keyframes myfirst 
{
	0% {width:0px;}
	25% {width:190px}
	55% {width: 612px}
	90% {width:1060px}
	100% {width:1200px}
}

@-o-keyframes myfirst 
{
	0% {width:0px;}
	25% {width:190px}
	55% {width: 612px}
	90% {width:1060px}
	100% {width:1200px}
}
*/

.status1 .warp .box1{
	width: 170px;
	position: absolute;
	bottom:106px;
	height: 115px;
	left: 80px;
	z-index: 2;
}
.status1 .warp .box1 .year,.status1 .warp .box2 .year,.status1 .warp .box3 .year,.status1 .warp .box4 .year{
	display: block;
	font-size: 26px;
	color: #147acb;
	line-height: 30px;
	font-family: 'BebasNeueBook';
	margin-bottom: 5px;
	font-weight: bold;
}
.status1 .warp .box1 .math,.status1 .warp .box2 .math,.status1 .warp .box3 .math,.status1 .warp .box4 .math{
	font-size: 60px;
	line-height: 80px;
	height: 80px;
	color: #147acb;
	font-family: 'BebasNeueBook'
}
.status1 .warp .fa{
	font-size: 16px;
	font-family: 'arial'
}
.status1 .warp .box2{
	width: 140px;
	position: absolute;
	bottom: 248px;
	left: 336px;
	z-index: 2;

}
.status1 .warp .box3 {
	width: 100px;
	position: absolute;
	top: 139px;
	right: 438px;
	z-index: 2;
}
.status1 .warp .box4{
	width: 100px;
	position: absolute;
	top: -61px;
	right: 150px;
	z-index: 2;

}
.status1 .warp .box5{
	width: 100px;
	position: absolute;
	top: -61px;
	right: 150px;
	z-index: 2;

}
.status1 .warp .box5 .math{
    font-size: 60px;
    line-height: 80px;
    height: 80px;
    color: #172a7e;
    font-family: 'BebasNeueBook';
}
.status1 .warp .box5 .year{
    display: block;
    font-size: 26px;
    color: #172a7e;
    line-height: 30px;
    font-family: 'BebasNeueBook';
    margin-bottom: 5px;
    font-weight: bold;
}
.status1 .warp .box1,.status1 .warp .box2,.status1 .warp .box3,.status1 .warp .box4,.status1 .warp .box5{
    height: 110px;
}
    .status1 .warp .box1{
            left: 165px;
            bottom: 50px;
    }
    .status1 .warp .box2{
            left: 355px;
            bottom: 120px;
    }

    .status1 .warp .box3{
		top: auto;
            left: 535px;
            bottom: 180px;
    }
    .status1 .warp .box4{
		top: auto;
            left: 715px;
            bottom: 325px;
    }
    .status1 .warp .box5{
            left: auto;
            bottom: auto;
            top: 0;
            right: 255px;
    }


.newpic-left{
	width:100%;
	text-align:center;
	padding-top:40px;
}
.status1 .warp .box2 .math,.status1 .warp .box2 .year{
	color: #2a76cd;
}
.status1 .warp .box3 .math,.status1 .warp .box3 .year,.status1 .warp .box4 .math,.status1 .warp .box4 .year{
	color: #1f3d9e;
}
.status1 .warp .minline{
	display: block;
	width: 1px;
	background-color: #d0d0d0;
	position: absolute;
	bottom:25px;
}
.status1 .warp .i1{
	left: 202px;
	height: 0px;
}
.status1 .warp .i2{
	left:405px;
	height:0px;
}
.status1 .warp .i3{
	right:605px;
	height:0px;
}
.status1 .warp .i4{
	right:405px;
	height:0px;
}
.status1 .warp .i5{
	right:205px;
	height:0px;
}
/*.status1 .warp .i1.on{
	height: 8px;
}
.status1 .warp .i2.on{
	height: 132px;
}
.status1 .warp .i3.on{
	height: 375px;
	}*/
	.status2{
		width:100%;
		margin: 0 auto;
		background-color: #1f3d9e;
		padding: 90px 0 100px;
	}
	.status2 .arrowex{
		margin-top:30px;
		text-align:center;
	}
	

	
	.status2 .arrowex a.prev{
	display:inline-block;
	cursor:pointer;
	width:42px; 
		height:42px; 
		background:url(../img/infro-icon1.png) no-repeat;
		transition:all 0.4s;
		-webkit-transition:all 0.4s;
		margin:0 5px;
	}
	.status2 .arrowex a.prev:hover{
		background:url(../img/infro-icon11.png) no-repeat;
	}
	.status2 .arrowex a.next{ 
		display:inline-block;
		width:42px; 
		height:42px; 
		 margin:0 5px;
		overflow:hidden;
		cursor:pointer; 
		background:url(../img/infro-icon2.png) no-repeat;
		transition:all 0.4s;
		-webkit-transition:all 0.4s;
	}
	.status2 .arrowex a.next:hover{
		background:url(../img/infro-icon22.png) no-repeat;
	}
	.status2 .warp{
		position: relative;
		width: 1200px;
		margin: 0 auto;
		overflow: hidden;
	}
	.status2 .warp .title{
		margin-bottom:60px;
	}
	.status2 .warp .title h2{
		display: block;
		/*font-size: 44px;*/
		line-height:66px;
		color: #fff;
	}
	.status2 .warp .mian{
		margin-bottom: 20px;
	}
	.status2 .warp .mian li{
		float: left;
		height: 500px;
	}
	.status2 .warp .mian .box1{
		width: 345px;
		margin-right: 20px;
		background:#fff url(../img/con2-img1.png) center 270px no-repeat;
		float: left;
		height: 500px;
	}
	.status2 .mian .box1 .details,.status2 .mian .box1 .details p,.status2 .mian .box2 .details p,.status2 .mian .box3 .details p,.status2 .list .left .details,.status2 .list .left .details p,.status2 .list .right .details{
		font-size: 18px;
		line-height: 36px;
		color: #666666
	}
	.status2 .mian .box1 .details,.status2 .mian .box3 .details{
		padding:70px 35px 0; 
		position: relative;
	}
	.status2 .mian .box1 .details i,.status2 .mian .box3 .details i,.status2 .list .left i,.status2 .list .right i{
		display: block;
		width: 61px;
		height: 3px;
		background-color: #d9d9d9;
		position: absolute;
		top: 47px;
		left: 35px;
	}
	.status2 .mian .box2{
		width: 410px;
		margin-right: 20px;
		float: left;
		
	}
	.status2 .mian .box2 .details{
		height:170px;
		background-color: #fff;
		position: relative;
		padding:70px 35px 0;
	}
	.status2 .mian .box2 .mbot{
		margin-bottom: 20px;
	}
	.status2 .mian .box2 .details i{
		display: block;
		width: 61px;
		height: 3px;
		background-color: #d9d9d9;
		position: absolute;
		top: 47px;
		left: 35px;
	}
	.status2 .mian .box3{
		width: 405px;
		background:#fff url(../img/con2-img2.png) center 270px no-repeat;
		float: left;
		height: 500px;
	}
	@media (max-width: 1366px) {
		.status2 .warp .mian .box1{
		height:400px;
		}
		.status2 .warp .mian .box3{
		height:400px;
		}
	}
	.status2 .list{
		width: 100%;
	}
	.status2 .list li{
		margin-bottom: 20px;
	}
	.status2 .list .left,.status2 .list .right{
		width: 590px;
		height: 240px;
		background-color: #fff;
		position: relative;
	}
	.status2 .list .left .details{
		padding:70px 35px 0;
	}
	.status2 .list .right .details{
		width: 500px;
		margin:0px 0 0 35px;
		padding-top: 70px;
	}

	.status3{
		padding: 90px 0 144px;
		background-color: #f2f2f2;
	}
	.status3 .warp{
		width: 1200px;
		margin: 0 auto;
	}
	.status3 .warp .title{
		margin-bottom:60px;
	}
	.status3 .warp .title .details{
		font-size: 24px;
		line-height: 36px;
		color: #666666;
		width: 770px;
	}
	.status3 .warp .mian{
		width: 100%;
	}
	.status3 .warp .mian li{
		height: 262px;
		margin-bottom: 20px;
	}
	.status3 .warp .mian li .box{
		width:351px;
		border-top:3px solid #d9d9d9;
		height: 234px;
		padding:25px 70px 0 0;
		font-size: 16px;
		line-height: 30px;
		color: #666666;
	}
	.status3 .warp .mian li .pic{
		width: 779px;
		height: 262px;
		overflow: hidden;
		transition:all 0.5s ease;
		-webkit-transition:all 0.5s ease;
	}
	.status3 .warp .mian li .pic img{
		display: block;
		width: 100%;
		transition:all 0.5s;
		-webkit-transition:all 0.5s;
	}
	.status3 .warp .mian li:hover .pic{
		background-color: #000
	}
	.status3 .warp .mian li:hover .pic img{
		transform:scale(1.05);
		-webkit-transform:scale(1.05);
		opacity: 0.8;
	}


	/*news*/
	.news-warp{
		width:100%;
		background-color: #f4f4f4;
		padding:90px 0;
	}
	.news-warp .warp{
		width: 1200px;
		margin: 0 auto 70px;
	}
	.news-warp .warp .title{
		font-size: 44px;
		color: #222;
		text-align: center;
		margin-bottom: 60px;
	}
	.news-warp .warp h2{
		/*font-size: 44px;*/
		line-height: 66px;
		color: #222;
		text-align: center;
	}
	.news-warp .warp li{
		/*height: 297px;*/
		margin-bottom: 36px;
		cursor: pointer;
	}
	.news-warp .warp li .bor{
		width: 100%;
		height: 100%;
		transition:all 0.5s;
		-webkit-transition:all 0.5s;
		background-color: #fff;
		box-shadow: 0 0 5px 0 rgba(0,0,0,0.05);
	}
	#serch .warp li{
		opacity: 1;
		filter: alpha(opacity=100);
		opacity: 1\0/IE9;
		filter: alpha(opacity=100\0/IE9);
	}
	.news-warp .warp li .bor:hover{
		box-shadow: 0 0 20px 0 rgba(0,0,0,0.2)
	}
	.news-warp .warp .list1 .pic{
/*	width: 268px;
height: 211px;*/
width: 310px;
height: 181px;
float: left;
overflow: hidden;
margin: 43px 0 43px 36px;

}
.news-warp .warp .list1 .pic img{
	display: block;
	width: 100%;
}
.news-warp .warp .list1 .box{
	width: 640px;
	float: left;
	margin-left: 45px;
	/*height: 211px;*/
	padding: 43px 0 43px;
}
.news-warp .warp .list1 .box h3,.news-warp .warp .list2 .box h3{
	font-size: 24px;
	line-height: 30px;
	color: #222;
	margin-bottom: 15px;
	white-space:nowrap; 
	overflow:hidden; 
	text-overflow:ellipsis;
}
.news-warp .warp .list1 .box .details,.news-warp .warp .list2 .box .details{
	font-size: 14px;
	line-height: 27px;
	color: #666;
	height: 90px;
	margin-bottom: 15px;
}
.news-warp .warp .list1 .box .year,.news-warp .warp .list2 .box .year{
	width: 100%;
	font-size: 14px;
	line-height: 28px;
}
.news-warp .warp .list1 .box .year .time,.news-warp .warp .list2 .box .year .time{
	color: #666666;
	padding-right: 20px;
	border-right: 1px solid #efefef;
	margin-right: 20px;
}
.news-warp .warp .list1 .box .year .tit,.news-warp .warp .list2 .box .year .tit{
	color: #1e409f
}
.news-warp .warp li .arr{
	float: right;
	width: 59px;
	border-left: 1px solid #f2f2f2;
	height:267px;
	background: url(../img/news-icon1.png) center no-repeat;
}
.news-warp .warp .list2 .box{
	width: 920px;
	padding: 43px 0 43px 36px;
	float: left;
}

/*翻页*/
.fy{
	width: 100%;
	height: 40px;
	text-align: center;
}
.fy a{
	font-size: 14px;
	padding: 6px 12px;
	background-color: #ccc;
	color: #fff;
	margin:0 5px; 
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.fy a:hover,.fy a.on{
	background-color: #172a7e;
}

/*newsinfor*/
.newsinfor{
	width: 100%;
	background-color: #fff;
	padding:240px 0 95px;
}
.newsinfor .warp{
	width: 1200px;
	margin:0 auto 30px;
}
.newsinfor .warp .title{
	margin-bottom: 40px;
}
.newsinfor .warp .title h2{
	font-size: 48px;
	line-height: 73px;
	color: #222;
	margin-bottom:30px;
}
.newsinfor.on .warp .title h2{
	font-size: 44px;
}
.newsinfor .warp .title .math{
	height: 22px;
}
.newsinfor .warp .title .math .time{
	font-size: 18px;
	line-height: 22px;
	color: #666666;
	font-family: "Arial";
	padding-right: 20px;
	margin-right: 20px;
	border-right: 1px solid #e5e5e5;
}
.newsinfor .warp .title .math .tit{
	font-size: 16px;
	color: #1e409f;
	line-height: 22px;
}
.newsinfor .warp .mina{
	width: 100%;
	padding-bottom: 70px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 16px;
	line-height: 30px;
	color: #666666;
} 
.newsinfor .warp .mina img{
	max-width: 100%;
}
.newsinfor .warp .mina p{
	font-size: 16px;
	line-height: 30px;
	color: #666666;
}
.newsinfor .bot{
	width: 1200px;
	margin: 0 auto;

}
.newsinfor .bot .box{
	width: 750px;
	float: left; padding:0
}
.newsinfor .bot .box p{
	font-size: 14px;
	line-height: 30px;
	color: #666;
}
.newsinfor .bot .box p a{
	color: #999;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.newsinfor .bot .box p a:hover{
	color: #666;
}
.newsinfor .bot .btns{
	width: 100px;
	height: 46px;
	line-height: 46px;
	padding: 0 50px;
	border:1px solid #e5e5e5;
	font-size: 18px;
	color: #1e409f;
	display: block;
	float: right;
	background: url(../img/newsinfor-icon1.png) 143px center no-repeat;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.newsinfor .bot .btns:hover{
	background:#1e409f url(../img/newsinfor-icon2.png) 143px center no-repeat;
	color: #fff;
	border:1px solid #1e409f;
}

/*交通*/
.traffic1{
	width: 1200px;
	margin:90px auto 140px;
}
.traffic1 .title{
	margin-bottom:30px;
}
.traffic1 .title h2{
	/*font-size: 44px;*/
	line-height:66px;
	color: #222;
}
.traffic1 .warp{
	width: 1200px;
	height:540px;
	position: relative;
	background: url(../img/bus.jpg) no-repeat center;
}
.traffic1 .warp .i1{
	width:60px;
}
.traffic1 .warp .i1 i{
	animation:le 2.5s linear infinite;
	-moz-animation:le 2.5s linear infinite;
	-webkit-animation:le 2.5s linear infinite;
	-o-animation:le 2.5s linear infinite;
}
.traffic1 .warp .i2{
	width:30px;
}
.traffic1 .warp .i2 i{
	animation:le 2.5s linear infinite;
	-moz-animation:le 2.5s linear infinite;
	-webkit-animation:le 2.5s linear infinite;
	-o-animation:le 2.5s linear infinite;
}
.traffic1 .warp .i3{
	width: 60px;
}
.traffic1 .warp .i3 i{
	animation:le 2.5s linear infinite;
	-moz-animation:le 2.5s linear infinite;
	-webkit-animation:le 2.5s linear infinite;
	-o-animation:le 2.5s linear infinite;
}
@keyframes le
{
	0%{margin-left:0%; opacity:0;}
	60%{margin-left:60%; opacity:1;}
	100%{margin-left:100%;opacity:0;}
}
@-moz-keyframes le /* Firefox */
{
	0%{margin-left:0%; opacity:0;}
	60%{margin-left:60%; opacity:1;}
	100%{margin-left:100%;opacity:0;}
}
@-webkit-keyframes le /* Safari and Chrome */
{
	0%{margin-left:0%; opacity:0;}
	60%{margin-left:60%; opacity:1;}
	100%{margin-left:100%;opacity:0;}
}
@-o-keyframes le /* Opera */
{
	0%{margin-left:0%; opacity:0;}
	60%{margin-left:60%; opacity:1;}
	100%{margin-left:100%;opacity:0;}
}
.traffic1 .warp span{
	overflow: hidden;
	height: 15px;
	display: block;
	position: absolute;
}
.traffic1 .warp span i{
	border-top: 7.5px solid transparent;
	border-bottom: 7.5px solid transparent;
	border-left:7.5px solid #999;
	/*border-left:7.5px solid #000;*/
	display: block;
}
.traffic1 .warp .shape1{
	top: 196px;
	left: 170px;
}
.traffic1 .warp .shape2{
	top: 22px;
	left:580px;
}
.traffic1 .warp .shape3{
	top:195px;
	left:580px;
}
.traffic1 .warp .shape4{
	top:427px;
	left:580px;
}
.traffic1 .warp .shape5{
	top: 22px;
	left:835px;
}
.traffic1 .warp .shape6{
	top:196px;
	left:835px;
}
.traffic1 .warp .shape7{
	top:427px;
	left:835px;
}

.traffic1 .warp p{
	width: 130px;
	height: 25px;
	line-height: 25px;
	color: #222;
	font-size: 18px;
	text-align: center;
	position: absolute;
}
.traffic1 .warp .fa1{
	left:0px;
	top: 300px;
}
.traffic1 .warp .fa2{
	left:320px;
	top: 300px;
}
.traffic1 .warp .fa3{
	left:675px;
	top: 100px;
}
.traffic1 .warp .fa4{
	left:675px;
	top: 300px;
}
.traffic1 .warp .fa5{
	left:675px;
	top: 500px;
}
.traffic1 .warp .fa6{
	left:965px;
	top: 100px;
}
.traffic1 .warp .fa7{
	left:965px;
	top: 300px;
}
.traffic1 .warp .fa8{
	left:965px;
	top: 500px;
}
.traffic1 a{
	display: block;
}
.traffic1 .dx01{
	left: 0;
	top: 150px;
	width: 130px;
	height: 180px;
}
.traffic1 .mozu01{
	left: 270px;
	top: 150px;
	width: 230px;
	height: 180px;
}
.traffic1 .mozu02{
	left: 650px;
	top: 0;
	width: 170px;
	height: 130px;
}

.traffic1 .mozu03{
	left: 650px;
	top: 170px;
	width: 170px;
	height: 160px;
}

.traffic1 .mozu04{
	left: 650px;
	top:380px;
	width: 170px;
	height: 150px;
}
.traffic1 .dianchi01{
	left: 930px;
	top: 0;
	width: 190px;
	height: 130px;
}

.traffic1 .dianchi02{
	left: 930px;
	top: 170px;
	width: 210px;
	height: 160px;
}

.traffic1 .dianchi03{
	left: 930px;
	top: 365px;
	width: 200px;
	height: 160px;
}



.traffic2{
	width: 100%;
	position: relative;
}
.traffic2 .title{
	width: 100%;
	border-bottom: 1px solid #70706e;
	height: 70px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.traffic2.cut .title{
	position: fixed;
	left: 0;
	top: 0;
	background-color: #1d3c91;
	border-color: #1d3c91;
}
.traffic2 .title .warp{
	width: 1200px;
	margin: 0 auto;
}
.traffic2 .title .warp li{
	float: left;
	height: 70px;
	width: 400px;
	font-size: 20px;
	color: #fff;
	line-height: 70px;
	text-align: center;
	position: relative;
	background: url(../img/traffic2-bg1.png) center no-repeat;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	cursor: pointer;
}
.traffic2 .title .warp li.on,.traffic2 .title .warp li:hover{
	background: url(../img/traffic2-bg.png) center no-repeat;
}
.traffic2 .title .warp li i{
	display: block;
	width: 1px;
	height: 100%;
	background-color: #232323;
	position: absolute;
	left: 0;
	top: 0;
}
.traffic2.cut .title .warp li i{
	background-color: #34509d;
}
.traffic2 .title .warp li em{
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
	left: 50%;
	bottom: -5px;
	margin-left: -5px;
	background: url(../img/traffic2-point1.png) center no-repeat;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.traffic2 .title .warp li.on em,.traffic2 .title .warp li:hover em{
	background: url(../img/traffic2-point.png) center no-repeat;
}
.traffic2 .mian,.ensrgy2 .warp-e .mian{
	width: 100%;
}
.traffic2 .mian .list,.ensrgy2 .mian .list{
	width: 100%;
	height: 100%;
	display: none;
}
.traffic2 .mian .pic{
	height: 750px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
}
.traffic2 .mian .pic .box{
	padding-top: 290px;
	width: 1200px;
	margin: 0 auto;
}
.traffic2 .mian .pic .box h2{
	/*font-size: 44px;*/
	line-height: 66px;
	color: #fff;
	margin-bottom: 15px;
}
.traffic2 .mian .pic .box .details,.traffic2 .mian .pic .box .details p{
	font-size: 20px;
	line-height: 40px;
	color: #fff;
}
.traffic2 .mian .warp,.ensrgy2 .mian .warp{
	width: 100%;
}
.traffic2 .mian .warp .top,.ensrgy2 .mian .warp .top{
	background-color: #172a7e;
	/*height: 110px;*/
}
.traffic2 .mian .warp .top table,.traffic2 .mian .warp .bot table,.ensrgy2 .mian .warp .top table,.ensrgy2 .mian .warp .bot table{
	display: block;
	width: 1200px;
	margin: 0 auto;
	color: #fff;
}
.traffic2 .mian .warp .top table tr td,.ensrgy2 .mian .warp .top table tr td{
	font-size: 16px;
	font-weight: bold;
	line-height: 25px;
	padding: 30px 0 30px;
}
.traffic2 .mian .warp .bot,.ensrgy2 .mian .warp .bot{
	width: 100%;
	background-color: #1e409f;
	padding-bottom: 90px;
}
.traffic2 .mian .warp .bot table tr td,.ensrgy2 .mian .warp .bot table tr td{
	font-size: 16px;
	padding:25px 0;
	border-bottom: 1px solid #294aa4
}
.ensrgy1 {
	width: 1200px;
	margin: 0 auto;
	padding:90px 0 65px
}
.ensrgy1 .title{
	margin-bottom:60px;
}
.ensrgy1 .title h2{
	/*font-size: 44px;*/
	line-height:66px;
	color: #000;
}
.ensrgy1 .warp{
	width: 1200px;
	margin: 0 auto;
	height:320px;
	position: relative;
}
.ensrgy1 .warp p{
	width: 120px;
	line-height: 32px;
	color: #222;
	font-size: 18px;
	text-align: center;
	position: absolute;
	bottom:23px;
}
.ensrgy1 .warp .pl1{
	left:15px;
}
.ensrgy1 .warp .pl2{
	left:335px;
}
.ensrgy1 .warp .pl3{
	left:637px;
}
.ensrgy1 .warp .pl4{
	left:964px;
}
.ensrgy1 .warp span{
	position: absolute;
	height: 15px;
	z-index: 2;
	display: block;
}
.ensrgy1 .warp .w1{
	left:100px;
	top: 20px;
	width: 265px;
}
.ensrgy1 .warp .w2{
	left:430px;
	bottom:61px;
	width: 230px;
}
.ensrgy1 .warp .w3{
	right:203px;
	top:20px;
	width:265px;
}
.ensrgy1 .warp .sj1 i{
	margin-left:70px;
	animation:lee 4s linear infinite;
	-moz-animation:lee 4s linear infinite;
	-webkit-animation:lee 4s linear infinite;
	-o-animation:lee 4s linear infinite;
}
.ensrgy1 .warp .sj2 i{
	margin-left:175px;
	animation:lee 4s linear infinite 2s;
	-moz-animation:lee 4s linear infinite 2s;
	-webkit-animation:lee 4s linear infinite 2s;
	-o-animation:lee 4s linear infinite 2s;
	opacity: 0;
	filter: alpha(opacity=0);
	opacity: 1\0/IE9;
	filter: alpha(opacity=100\0/IE9);
}
.ensrgy1 .warp .sj3 i{
	margin-left:65px;
	animation:lee 4s linear infinite;
	-moz-animation:lee 4s linear infinite;
	-webkit-animation:lee 4s linear infinite;
	-o-animation:lee 4s linear infinite;
}
.ensrgy1 .warp .sj4 i{
	margin-left:165px;
	animation:lee 4s linear infinite 2s;
	-moz-animation:lee 4s linear infinite 2s;
	-webkit-animation:lee 4s linear infinite 2s;
	-o-animation:lee 4s linear infinite 2s;
	opacity: 0;
	filter: alpha(opacity=0);
	opacity: 1\0/IE9;
	filter: alpha(opacity=100\0/IE9);
}
.ensrgy1 .warp .sj5 i{
	margin-left:80px;
	animation:lee 4s linear infinite;
	-moz-animation:lee 4s linear infinite;
	-webkit-animation:lee 4s linear infinite;
	-o-animation:lee 4s linear infinite;
}
.ensrgy1 .warp .sj6 i{
	margin-left:175px;
	animation:lee 4s linear infinite 2s;
	-moz-animation:lee 4s linear infinite 2s;
	-webkit-animation:lee 4s linear infinite 2s;
	-o-animation:lee 4s linear infinite 2s;
	opacity: 0;
	filter: alpha(opacity=0);
	opacity: 1\0/IE9;
	filter: alpha(opacity=100\0/IE9);
}
@keyframes lee
{
	0%{margin-left:0%; opacity:0;}
	10%{margin-left:10%; opacity:1;}
	90%{margin-left:90%; opacity:1;}
	100%{margin-left:100%;opacity:0;}
}
@-moz-keyframes lee /* Firefox */
{
	0%{margin-left:0%; opacity:0;}
	10%{margin-left:10%; opacity:1;}
	90%{margin-left:90%; opacity:1;}
	100%{margin-left:100%;opacity:0;}
}
@-webkit-keyframes lee /* Safari and Chrome */
{
	0%{margin-left:0%; opacity:0;}
	10%{margin-left:10%; opacity:1;}
	90%{margin-left:90%; opacity:1;}
	100%{margin-left:100%;opacity:0;}
}
@-o-keyframes lee /* Opera */
{
	0%{margin-left:0%; opacity:0;}
	10%{margin-left:10%; opacity:1;}
	90%{margin-left:90%; opacity:1;}
	100%{margin-left:100%;opacity:0;}
}
.ensrgy1 .warp span i{
	border-top: 7.5px solid transparent;
	border-bottom: 7.5px solid transparent;
	border-left:7.5px solid #999;
	display: block;

}
.ensrgy1 a{
	display: block;
}
.ensrgy1 .dx01{
	width: 175px;
	height: 210px;
	left: 0;
	top: 90px;
}
.ensrgy1 .mozu01{
	width: 205px;
	height: 200px;
	left: 290px;
	top: 100px;
}
.ensrgy1 .mozu02{
	width: 205px;
	height: 200px;
	left: 600px;
	top: 100px;
}
.ensrgy1 .dianchi01{
	width: 150px;
	height: 210px;
	left: 940px;
	top: 90px;
}

.ensrgy2{
	width: 100%;
	background-color: #fafafa;
	padding: 90px 0 135px;
	margin: 0 auto;
}
.ensrgy2.vi{
	padding:2% 0 135px;
	overflow: hidden;
}
.ensrgy2 .title{
	position: relative;
	width: 1200px;
	margin: 0 auto 60px;
	min-height: 170px;
	overflow: hidden;
}
.ensrgy2.vi .title{
	margin: 0 auto 2%;
}
.ensrgy2 .title .list{
	display: none;
}
.ensrgy2 .title .left{
	width: 900px;
	/*float: left;*/
	margin: 0 auto;
	position: relative;
}
.ensrgy2 .title .left .box{
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

.ensrgy2 .title .right{
	width: 100px;
	height: 42px;
	float: right;
	padding-top: 12px;
}
.ensrgy2 .title .right span{
	width: 43px;
	height: 42px;
	display: inline-block;
	cursor: pointer;
}
.ensrgy2 .title .right .pver{
	background: url(../img/next1.png) center no-repeat;
}
.ensrgy2 .title .right .pver:hover{
	background: url(../img/next2.png) center no-repeat;
}
.ensrgy2 .title .right .next{
	background: url(../img/pver2.png) center no-repeat;
}
.ensrgy2 .title .right .next:hover{
	background: url(../img/pver1.png) center no-repeat;
}
.ensrgy2 .title h2{
	/*font-size: 44px;*/
	line-height: 66px;
	color: #222;
	margin-bottom:15px;
	text-align: center;
}
.ensrgy2.vi .title h2{
	margin-bottom: 20px;
}
.ensrgy2 .title .details{
	font-size: 18px;
	line-height: 36px;
	color: #666;
	text-align: center;
}
.ensrgy2 .img{
	/*max-width: 1400px;
	min-width: 1200px;*/
	width: 70%;
	margin: 0 auto 50px;
/*	max-height: 490px;
min-height: 420px;*/
} 
.ensrgy2.vi .img{margin-bottom: 20px;}
.ensrgy2 .img img{
	display: none;
	width: 100%;
}
.ensrgy2 .tit{
	width: 490px;
	margin: 0 auto 65px;
	height: 85px;
	position: relative;
	text-align: center;
}
.ensrgy2.vi .tit{
	margin-bottom: 20px;
}
.ensrgy2 .tit em{
	width: 370px;
	height: 0;
	border-top: 1px dashed #e6e6e6;
	position: absolute;
	top: 20px;
	left: 50%;
	margin-left: -185px;
}
.ensrgy2 .tit span{
	float: left;
	line-height: 30px;
	height: 30px;
	padding-top: 55px;
	text-align: center;
	font-size: 16px;
	color: #999999;
	display: inline-block;
	position: relative;
	cursor: pointer;
	margin: 0 40px;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.ensrgy2.vi .tit span{
	padding-top: 45px;
}
.ensrgy2 .tit span i{
	position: absolute;
	display: block;
	width: 43px;
	height: 42px;
	top: 0px;
	left: 50%;
	margin-left: -21.5px;
	background: url(../img/energy-point.jpg) center no-repeat;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.ensrgy2 .tit span:hover i,.ensrgy2 .tit span.on i{
	background: url(../img/energy-point1.jpg) center no-repeat;
}
.ensrgy2 .tit span:hover,.ensrgy2 .tit span.on{
	color: #1e409f
}
.ensrgy2 .mian .warp .top{
	background-color: #efefef
}
.ensrgy2 .mian .warp .top table{
	color: #333333;
	border-bottom: 1px solid #e3e3e3;
}
.ensrgy2 .mian .warp .top table tr td{
	padding: 29px 0 30px;
}
.ensrgy2 .mian .warp .bot table{
	color: #666666
}
.ensrgy2 .mian .warp .bot{
	background-color: #fafafa;
	padding-bottom: 0;
}
.ensrgy2 .mian .warp .bot table tr td{
	border-bottom: 1px solid #ededed
}





/*.Fadesmall{
	position: relative;
	top:35px;*/
	/*opacity: 0;
	filter: alpha(opacity=0);
	opacity:1\0;
	filter: alpha(opacity=100)\0;
	*opacity:1;
	*filter: alpha(opacity=100);*/
/*}
.Fadesmalll{
	position: relative;
	top:35px;*/
	/*opacity: 0;
	filter: alpha(opacity=0);
	opacity:1\0;
	filter: alpha(opacity=100)\0;
	*opacity:1;
	*filter: alpha(opacity=100);*/
/*}
.Fadesleft{
	position: relative;
	left:-35px;*/
/*	opacity: 0;
	filter: alpha(opacity=0);
	opacity:1\0;
	filter: alpha(opacity=100)\0;
	*opacity:1;
	*filter: alpha(opacity=100);*/
	/*}*/
/*.Fadesright{
	position: relative;
	left:35px;*/
/*	opacity: 0;
	filter: alpha(opacity=0);
	opacity:1\0;
	filter: alpha(opacity=100)\0;
	*opacity:1;
	*filter: alpha(opacity=100);*/
	/*}*/


	/*1366*768*/
	/*首页*/

	.homeindex .screen3 .warp,
	.homeindex .screen4 .warp,
	.homeindex .screen3 .warp,
	.homeindex .screen5 .warp,
	.homeindex .screen4 .warp{
		left: 10%
	}
	.homeindex .screen5 .warp{
		margin-top: -19%;
	}
	.homeindex .screen5 .warp h2{
		font-size: 42px;
		line-height: 60px;
		margin-bottom: 30px;
		margin-top: 10px;
	}
	.iban .warp .btn,.screen2 .warp .btn,.screen3 .warp .btn{
		font-size: 16px;
	}
	.homeindex .iban .mian .warp,.homeindex .iban .img .warp,.homeindex .screen2 .warp{
		left:10%;
	}
	.homeindex .iban .warp h2,.homeindex .screen2 .warp h2,.homeindex .screen3 .warp h2,.homeindex .screen4 .warp h2{
		font-size: 42px;
		line-height: 60px; font-weight:bold
	}
	.homeindex .iban .warp h3{    font-size: 28px;
    color: #fff;}
	.homeindex .iban .warp p,.homeindex .screen2 .warp a p,.homeindex .screen3 .warp a p{    line-height: 30px;
    color: #fff;
    font-size: 22px;}
	.homeindex .iban .warp p span,.homeindex .screen2 .warp a p span,.homeindex .screen3 .warp a p span{    margin-left: 10px;
    vertical-align: middle;}
	.homeindex .iban .warp h2, .homeindex .screen2 .warp h2, .homeindex .screen3 .warp h2, .homeindex .screen4 .warp h2,.homeindex .screen3 .warp .details{
		margin-bottom: 35px;
	}
	.homeindex .screen3 .warp h2{
		margin-bottom: 18px;
	}
	.homeindex .screen3 .warp .details{
		font-size: 24px;
	}
	.homeindex .screen3 .point li{
		font-size: 22px;
	}
	.homeindex .screen4 .warp .list li .top .img img{
		width: auto;
	}
	.homeindex .screen4 .warp .list li .top h3{
		font-size: 22px;
	}
	.homeindex .footer .fot p{
		padding-left: 0;
	}
	.homeindex .footer .fot p.beian{
		margin-left:30px;
	}
	.homeindex .footer{
		padding: 60px 0 10px;
	}
	.homeindex .footer .warp{
		margin-left: 10%;
	}
	.homeindex .footer .warp .mid{
		padding-bottom: 80px;
	}

	.homeindex .screen4 .warp .list li .bot .details{
		margin-bottom: 30px;
	}
	.homeindex .screen4 .warp .list li{margin-right:30px;}
	.homeindex .screen4 .warp .list li .bot .arr img{
		width: 70px;
	}
	.homeindex .screen5 .list li h3{
		font-size: 18px;
	}
	.homeindex .screen5 .list li .img{
		margin-bottom: 20px;
	}
	.homeindex .screen5 .list li .details{
		font-size: 14px;
		min-height: 72px;
		line-height: 24px;
	}

	/*企业信息*/
	.in-info .sub-banner .text-box .desc{
		font-size: 42px;
		line-height: 70px;
	}
	.in-info .sub-banner .text-box .desc p{ font-weight:bold}
	.in-info .sub-banner .text-box .desc span{ font-size:18px; display:block; line-height:30px}
	.in-info .sub-banner .text-box .hottel{
		font-size: 20px;
	}
	.in-info .sub-tit{
		font-size: 34px;
	}
	.in-info .mation3 .title .box h2,.in-info .status1 .title h2,.in-info .status3 .warp .title h2{
		margin-bottom: 15px;
	}
	.in-info .mation3 .title .box .details, .in-info .mation3 .title .box .details p, .in-info .status1 .title .details, .in-info .status1 .title .details p{
		font-size: 24px;
		line-height: 36px;
	}
	.in-info .status1 .title .details p.source{
		font-size:18px;
	}
	.in-info .status1 .warp .box1 .math, .in-info .status1 .warp .box2 .math,.in-info .status1 .warp .box3 .math{
		font-size: 66px;
	}
	.in-info .mation1{
		padding: 60px 0 100px;
	}
	.in-info .mation1 .mian li h3{
		font-size: 24px;
	}
	.in-info .mation1 .mian .settime .year{
		font-size: 62px;
		padding-bottom: 40px;
	}
	.in-info .mation1 .mian .settime .address{
		padding: 30px 0 25px;
		background: url(../img/information-img2.png) 190px bottom no-repeat;
	}
	.in-info .mation1 .mian li{
		height: 310px;
	}
	.in-info .mation1 .mian .technology h3, .in-info .mation1 .business h3{
		margin-bottom: 15px;
	}
	.in-info .mation1 .technology .details, .in-info .mation1 .business .details{
		font-size: 14px;
		line-height: 24px;
	}
	.in-info .mation1 .technology{
		background: url(../img/information-img3.png) center bottom no-repeat;
	}
	.in-info .mation1 .business{
		background: url(../img/information-img4.png) center bottom no-repeat;
	}
	.in-info .mation1 .mian .settime .address .hq{
		font-size: 24px;
		margin-bottom: 15px;
	}
	.in-info .mation1 .mian .settime .address .add{
		font-size: 14px;
		line-height: 24px;
	}
	.in-info .mation1 .mian .settime h3{
		margin-bottom: 25px;
	}
	.in-info .mation3{
		padding: 60px 0 40px;
	}
	.in-info .mation3 .title .pic{
		margin-top: 95px;
	}
	.in-info .mation3 .title{
		margin-bottom: 30px;
	}
	.in-info .mation2 .warp .title{
		padding-top: 60px;
	}
	.in-info .mation2 .warp .title h2{
		margin-bottom: 30px;
	}
	.in-info .picScroll-left .bd li h3{
		font-size: 50px;
		margin-bottom: 15px;
	}
	.in-info .picScroll-left .bd li .details p{
		font-size: 14px;
		line-height: 24px;
		margin-bottom: 15px;
	}
	.in-info .mation2{
		height: 640px;
	}
	.in-info .picScroll-left .bd ul li{
		min-height: 330px;
	}
	.in-info .mation3 .title .pic li{
		font-size: 16px;
	}
	.in-info .mation3 .title .pic .icon4{
		width: 100px;
	}
	.in-info .mation3 .title .pic .icon3{
		width: 90px;
	}
	.in-info .mation3 .title .pic .icon2{
		padding-right: 20px;
	}
	.in-info .mation3 .title .pic .icon1{
		padding-right: 25px;
	}
	@media(max-width: 1366px){
		.in-info .mation3 .title .pic .icon2{
			padding-right: 10px;
		}
		.in-info .mation3 .title .pic .icon1{
			padding-right: 15px;
		}
		.in-info .mation3 .title .pic .icon3 {
			width: 110px;
		}
	}
	.in-info .picScroll-left .hd{
		width: 100px;
	}
	/*企业地位*/
	.in-info .status1{
		padding: 60px 0 80px;
	}

	.in-info .status2{
		padding: 60px 0 50px;
	}
	.in-info .status2 .warp .title{
		margin-bottom: 30px;
	}
	.in-info .status2 .warp .mian li{
		height: 400px;
	}
	.in-info .status2 .mian .box1 .details, 
	.in-info .status2 .mian .box1 .details p, 
	.in-info .status2 .mian .box2 .details p, 
	.in-info .status2 .mian .box3 .details p, 
	.in-info .status2 .list .left .details, 
	.in-info .status2 .list .left .details p, 
	.in-info .status2 .list .right .details{
		font-size: 16px;
		line-height: 28px;
	}
	.in-info .status2 .warp .mian .box1{
		background: #fff url(../img/con2-img1.png) center 220px no-repeat;
	}
	.in-info .status2 .mian .box3{
		background: #fff url(../img/con2-img2.png) center 220px no-repeat;
	}
	.in-info .status2 .list .left, .in-info .status2 .list .right{
		height: 220px;
	}
	.in-info .status2 .mian .box2 .details{
		height: 120px;
	}
	.in-info .status3{
		padding: 60px 0 100px;
	}
	.in-info .status1 .warp{
		height:600px;
		/*height: 384px;*/
				/*height: 384px;background: url(../img/xxfline.jpg) center no-repeat;*/
	}
	.in-info .status1 .warp .line{
		top: -6px;
		/*	height: 385px;*/
		/*height: 600px;*/
		/*	background: url(../img/xxfline2.png) no-repeat left center;*/
	}
	/*.in-info .status1 .warp .box1{
		bottom: 80px;
	}
	.in-info .status1 .warp .box2{
		bottom:200px;
	}
	.in-info .status1 .warp .box3{
		top: -45px;
	}
	.in-info .status1 .warp .box1 .math,.in-info .status1 .warp .box2 .math,.in-info .status1 .warp .box3 .math{
		height: 60px;
		line-height: 60px;
	}
	.in-info .status1 .title{
		margin-bottom: 30px;
	}*/
	/*企业理念*/
	.in-info .concept1{
		padding: 60px 0 90px;
	}
	.in-info .concept1 .warp .title h2, .in-info .concept2 .warp h2{
		margin-bottom: 15px;
	}
	.in-info .concept1 .warp .title h3{
		font-size: 24px;
		line-height: 36px;
	}
	.in-info .concept1 .warp .title{
		margin-bottom: 50px;
	}
	.in-info .concept1 .warp .list li h2{
		font-size: 22px;
		line-height: 34px;
		margin-bottom: 15px;
	}
	.in-info .concept1 .warp .list li p{
		font-size: 14px;
		line-height: 24px;
	}
	.in-info .concept3 .warp li .box{
		padding: 60px 30px 0;
		height: 400px;
	}
	.in-info .concept3 .warp li p{
		font-size: 14px;
		line-height: 36px;
	}
	.in-info .concept3 .warp li h2{
		font-size: 24px;
		line-height: 36px;
		margin-bottom: 20px;
	}
	.in-info .concept3 .warp li .spn2,.in-info .concept3 .warp li .spn1{
		font-size: 14px;
	}
	.in-info .concept4{
		padding: 60px 0 100px;
	}
	.in-info .concept4 .warp .title{
		margin-bottom: 30px;
	}
	.in-info .concept4 .warp .list li{
		height: 280px;
	}
	.in-info .concept4 .warp .list li h2{
		font-size: 24px;
	}
	.in-info .concept4 .warp .list li .details, .in-info .concept4 .warp .list li .details p{
		font-size: 14px;
		line-height: 24px;
	}
	.in-info .concept2{
		height: 480px;
	}
	.in-info .concept2 .warp{
		padding-top: 175px;
	}
	/*绿色交通*/
	.in-info .traffic1{
		margin: 60px auto 80px;
	}
	.in-info .traffic1 .title{
		margin-bottom: 0;
	}
	.in-info .traffic1 .warp{
		height: 470px;
		background: url(../img/xxfbus.jpg) no-repeat center;
	}
	.in-info .traffic1 .warp p{
		font-size: 16px;
	}
	.in-info .traffic1 .warp .shape1{
		top: 182px;
	}
	.in-info .traffic1 .warp .shape2,
	.in-info .traffic1 .warp .shape5{
		top: 34px;
	}
	.in-info .traffic1 .warp .shape3,
	.in-info .traffic1 .warp .shape6{
		top: 182px;
	}
	.in-info .traffic1 .warp .shape4,
	.in-info .traffic1 .warp .shape7{
		top: 359px;
	}
	.in-info .traffic1 .warp .fa1,
	.in-info .traffic1 .warp .fa2{
		top: 245px;
	}
	.in-info .traffic1 .warp .fa3,
	.in-info .traffic1 .warp .fa6{
		top: 90px;
	}
	.in-info .traffic1 .warp .fa4,
	.in-info .traffic1 .warp .fa7{
		top:260px;
	}
	.in-info .traffic1 .warp .fa5,
	.in-info .traffic1 .warp .fa8{
		top:430px;
	}
	.in-info .traffic2 .title{
		height: 50px;
	}
	.in-info .traffic2 .title .warp li{
		height: 50px;
		line-height: 50px;
		font-size: 16px;
	}
	.in-info .traffic2 .mian .pic .box .details,.in-info .traffic2 .mian .pic .box .details p{
		font-size: 16px;
		line-height: 28px;
	}
	.in-info .traffic2 .mian .pic{
		height: 540px;
	}
	.in-info .traffic2 .mian .pic .box{
		padding-top: 200px;
	}
	.in-info .traffic2 .mian .warp .bot table tr td, .in-info .ensrgy2 .mian .warp .bot table tr td{
		font-size: 14px;
		padding: 10px 0;
	}
	.in-info .traffic2 .mian .warp .top table tr td, .in-info .ensrgy2 .mian .warp .top table tr td{
		font-size: 14px;
		line-height: 24px;
		padding: 15px 0;
	}
	.in-info .traffic1 .dx01{
		left: 0;
		top: 150px;
		width: 130px;
		height: 120px;
	}
	.in-info .traffic1 .mozu01{
		left: 290px;
		top: 150px;
		width: 190px;
		height: 120px;
	}
	.in-info .traffic1 .mozu02{
		left: 657px;
		top: 0;
		width: 150px;
		height: 115px;
	}

	.in-info .traffic1 .mozu03{
		left: 650px;
		top: 150px;
		width: 170px;
		height: 136px;
	}

	.in-info .traffic1 .mozu04{
		left: 660px;
		top: 330px;
		width: 150px;
		height: 130px;
	}
	.in-info .traffic1 .dianchi01{
		left: 930px;
		top: 0;
		width: 190px;
		height: 120px;
	}

	.in-info .traffic1 .dianchi02{
		left: 940px;
		top: 160px;
		width: 190px;
		height: 125px;
	}

	.in-info .traffic1 .dianchi03{
		left: 950px;
		top: 330px;
		width: 160px;
		height: 130px;
	}


	/*能源存储*/
	.in-info .ensrgy1{
		padding: 60px 0 40px;
	}
	.in-info .ensrgy1 .title{
		margin-bottom: 30px;
	}
	.in-info .ensrgy1 .warp p{
		font-size: 16px;
	}
	.in-info .ensrgy2 .title .details{
		font-size: 16px;
		line-height: 28px;
	}
	.in-info .ensrgy2 .title h2{
		margin-bottom: 10px;
	}
	.in-info .ensrgy2 .title{
		min-height: 150px;
	}
	.in-info .ensrgy2 .title{
		margin: 0 auto 1%;
	}
	.in-info .ensrgy2 .tit span{
		padding-top: 35px;
		font-size: 14px;
		height: 24px;
		line-height: 24px;
	}
	.in-info .ensrgy2 .tit{
		margin-bottom: 0;
	}
	/*新闻资讯*/
	.in-info .news-warp{
		padding: 60px 0;
	}
	.in-info .news-warp .warp .title{
		margin-bottom: 30px;
	}
	.in-info .news-warp .warp .list1 .pic{
		margin: 30px 0 30px 30px;
	}
	.in-info .news-warp .warp .list1 .box{
		padding: 30px 0;
	}
	.in-info .news-warp .warp li .arr{
		height: 241px;
	}
	.in-info .news-warp .warp .list1 .box h3, .in-info .news-warp .warp .list2 .box h3{
		font-size: 20px;
	}
	.in-info .news-warp .warp .list1 .box .details, .in-info .news-warp .warp .list2 .box .details{
		font-size: 14px;
		line-height: 24px;
	}
	.in-info .news-warp .warp .list2 .box{
		padding: 30px 0 30px 30px;
	}
	.in-info .news-warp .warp li{
		margin-bottom: 30px;
	}
	.in-info .newsinfor .warp .title h2{
		font-size: 34px;
	}
	.in-info .newsinfor .warp .mina,
	.in-info .newsinfor .warp .mina p{
		font-size: 14px;
		line-height: 24px;
	}
	.in-info .newsinfor .bot .btns{
		width: 80px;
		height: 40px;
		line-height: 40px;
		font-size: 16px;
		background: url(../img/newsinfor-icon1.png) 133px center no-repeat;
	}
	.in-info .newsinfor .bot .btns:hover{
		background:#1e409f url(../img/newsinfor-icon2.png) 133px center no-repeat;
	}
	.in-info .newsinfor{
		padding: 150px 0 55px;
	}
	.in-info .ind-header .warp li .tit{
		font-size: 20px;
		margin-bottom: 20px;
	}
	.in-info .ind-header .warp li{
		padding: 15% 10px 0 10px;
	}
	.in-info .ind-header .warp li .lt{
		font-size: 16px;
		line-height: 30px;
	}

	.in-info .ind-nav .logo{
		height: 60px;
	}
	.in-info .ind-nav .line{
		height: 60px;
		width: 60px;
	}
	.in-info .ind-nav .logo img{
		width:120px;
		margin:15px auto 0;
	}
	.in-info .ind-nav.on .logo img{
		width: 85px;
		margin:13px auto 0;
	}
	.in-info .ind-nav.on .line{
		width: 50px;
		height: 50px;
	}
	.in-info .ind-nav.on .logo{
		width:140px;
		height:50px;
		
	}

.homeindex .screen2 .warp h2,.homeindex .screen4 .warp h2{ margin-bottom:10px}
.homeindex .screen2 .warp h4,.homeindex .screen4 .warp h4{color: #fff;
    font-size: 16px;
    width: 60%;
    font-weight: normal; margin-bottom:20px}
.xwbt{ position:relative}
.xwbt a{         position: absolute;
    right: 32px;
    top: 20px;
    font-size: 18px;
    line-height: 1;
    color: #333333;
    border-bottom: 1px solid #9e9a9a;
    padding-bottom: 8px;}
.box,.box *{    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.box{ padding:150px 0;}
.main{ width:1200px; margin:0 auto}
.gsjj{ width:100%; height:936px; background:url(../img/jjbg.jpg) center no-repeat; overflow:hidden; position:relative}
.title h2{ font-size:48px; color:#333333}
.gsjjnr{    width: 55%;
    font-size: 16px;
    line-height: 2;
    margin-top: 100px;}

.gsjj2 {    margin-top: 45px;
    overflow: hidden;
    margin-bottom: 50px;}
.gsjj2 dl{    width: 25%;
    float: left; overflow:hidden}
.gsjj2 dl dd{ width:45px; height:40px; float:left; margin-right:5px}
.gsjj2 dl dt{ width:115px; float:left; font-size:12px; line-height:20px}
.gsjj2 dl dt p{}
.gsjj2 dl dt div{}
.gsjj2 dl dt div span{ font-size:18px;    margin-right: 5px;}
.gsjj2 dl dt div i{ font-style:normal;}
.gsjj2 dl.jj1 dd{ background:url(../img/jj1.png) center no-repeat;}
.gsjj2 dl.jj2 dd{ background:url(../img/jj2.png) center no-repeat;}
.gsjj2 dl.jj3 dd{ background:url(../img/jj3.png) center no-repeat;}
.gsjj2 dl.jj4 dd{ background:url(../img/jj4.png) center no-repeat;}
.more{}
.more p{}
.more p img{ margin-right:5px}
.more p span{    line-height: 30px;
    color: #666666;
    font-size: 22px;
    vertical-align: middle;
    font-weight: normal;}
.lsyg{ width:100%; background:url(../img/lsbg.jpg) center no-repeat; overflow:hidden; position:relative;background-size:cover;padding:80px 0;}
.baise .title h2{ color:#fff}
.lsyglb{ color:#fff;margin-top: 80px;
    margin-bottom: 50px;}
.lsyglb dl{    margin-bottom: 20px;}
.lsyglb dl dd{    font-size: 24px;
    font-weight: bold; }
.lsyglb dl dt{    font-size: 18px;
    line-height: 30px;
    font-weight: normal;
    color: #d6d6d6;}
.baise .more p span{ color:#fff}
.ryzznr{    margin: 60px 0 0;
    padding: 0 0 60px 0;    overflow: hidden; position:relative}
.ryzznr img{ width:100%; height:auto}
.qywh{ width:100%; height:936px; background:url(../img/whbg.jpg) center no-repeat; overflow:hidden; position:relative}
.biaoti{ text-align:center}
.biaoti h2{ font-size:42px; color:#333333}
.biaoti p{ font-size:18px; color:#666666}
.whnr{ overflow:hidden; margin:60px 0 60px}
.whnr dl{ width:295px; float:left; margin-right:6.66666px;    background: rgba(153,153,153,0.6);
    height: 320px;
    padding: 50px 35px; color:#fff}
.whnr dl dd{margin-bottom: 20px;}
.whnr dl dd h3{    font-size: 18px;
    line-height: 1.5;}
.whnr dl dd h2{    font-size: 20px;}
.whnr dl dd p{    width: 50px;
    height: 1px;
    background: #fff;
    margin-top: 10px;}
.whnr dl dt{    font-size: 15px;}
.whnr dl.end{ margin:0}
.whnr dl:hover{ background: rgba(0,134,237,0.8);}
.yfzznr { font-size:16px;    margin-bottom: 60px;
    margin-top: 40px;}
.lxwm{    background: #f6f8fb;}
.lxwmnr{ margin:40px 0 0; overflow:hidden}
.lxwmnr dl{ width:31.333%; float:left; margin-right:3%; margin-bottom:40px}
.lxwmnr dl dd{ font-size:24px; color:#333333;    margin-bottom: 15px;}
.lxwmnr dl dt{ font-size:14px; color:#666666}
.lxwmnr dl:nth-child(3n) {
    margin-right: 0;
}
.lx1{ overflow:hidden;}
.lx2{    margin-top: 60px;}
.lx2 ul { overflow:hidden;    border-bottom: 1px solid #eadede;}
.lx2 ul li{    float: left;
    width: 120px;
    font-size: 16px;
    text-align: center;    border-bottom: 3px solid transparent; cursor:pointer}
.lx2 ul li.hover{    border-bottom: 3px solid #00479d;}
.lx2 div.lx2nr img{ width:100%}
.qyjjny1 { font-size:16px}
.jjnr21{ overflow:hidden; margin:80px 0 0 0}
.jjnr21 dl{ width:14.285%; float:left; text-align:center}
.jjnr21 dl dd{    color: #005198;
    font-weight: bold;
    margin-bottom: 5px; font-size: 28px}
.jjneirong p{ line-height:30px; }
.jjnynr2{width:100%; height:680px; background:url(../img/jjnybg.jpg) center no-repeat; overflow:hidden; position:relative}
.jjnynr2nr {    font-size: 16px;
    color: #fff;
    margin-top: 100px;}
.mbox,.mbox a{ color:#666666; font-size:14px; line-height:40px;}
.lsgyny{ padding:80px 0}
.gynybt h2{    font-size: 48px;    color: #333333;}
.gynybt p{    font-size: 14px;
    color: #888888;}
.gynylb{ margin-top:60px}
.gynylb dl{   
    position: relative; width:100%}
.gynylb dl dd{    width: 150px;
   
     position:relative;position: absolute;
    left: 0;
    top:0;}
.gynylb dl dd p{    font-size: 24px;
    line-height: 1;
    font-weight: bold;}
.gynylb dl dd span{ width:11px; height:11px; position:absolute; background:url(../img/dian.png) center no-repeat;    right: -5.5px;
    top: 5px;}
.gynylb dl dt{    width: 1050px;
float:right;padding-left: 60px;
    font-size: 16px; border-left: 1px solid #00479d;padding-bottom: 80px;}
.gynylb dl dt p{ margin-top:-8px}
.gynylb dl.fir dd{ }
.gynylb dl.fir dd p{color:#00479d}
.gynylb dl.fir dd span{width:17px; height:17px; position:absolute; background:url(../img/dian2.png) center no-repeat;    right: -8.5px;
    top: -3px;}
.gynylb dl.fir dt{color:#00479d}

.yfzz{padding: 80px 0;}
.zznynr{    overflow: hidden;
    margin: 50px 0;}
.zznynr dl{ width:30.333%; float:left; margin-right:4.5%}
.zznynr dl.end{ margin-right:0}
.zznynr dl dd{}
.zznynr dl dd img{ width:100%; height:auto}
.zznynr dl dt{    padding: 20px 10px;
    text-align: center;}
.zznynr dl dt h2{    font-size: 24px;
    color: #333333;
    margin-bottom: 5px;}
.zznynr dl dt p{    font-size: 14px;
    color: #666666;}
.yfpt{width:100%; height:936px; background:url(../img/yfbg2.jpg) center no-repeat; overflow:hidden; position:relative; padding:0}
.yfpt .main{ height:100%}
.yfptnr{ overflow:hidden; height:100%}
.yfptnr dl{ width:50%; float:left; height:100%;    text-align: center;
    color: #fff;padding: 180px 0}
.yfptnr dl:hover{ background:url(../img/cover.png) repeat-x}
.yfptnr dl dd{ width:100px; height:100px;    margin: 0 auto 20px;}
.yfptnr dl.pt1 dd{ background:url(../img/pt11.png) center no-repeat}
.yfptnr dl.pt2 dd{ background:url(../img/pt21.png) center no-repeat}
.yfptnr dl.pt1:hover dd{ background:url(../img/pt12.png) center no-repeat}
.yfptnr dl.pt2:hover dd{ background:url(../img/pt22.png) center no-repeat}
.yfptnr dl dt{}
.yfptnr dl dt h2{font-size: 36px;
    margin-bottom: 10px;}
.yfptnr dl dt p{    font-size: 16px;}
.tdnr{ margin-top:40px;}
.td1 ul{ overflow:hidden}
.td1 ul li{ float:left; margin-right:30px; font-size:26px; border-bottom:2px solid transparent;cursor: pointer;}
.td1 ul li.hover{ color:#08237e; border-bottom:2px solid #08237e}
.td2{    overflow: hidden;
    margin: 50px 0;}
.td2 dl{ overflow:hidden; width:50%; float:left;    margin-bottom: 80px;}
.td2 dl dd{ width:250px; float:left;}
.td2 dl dd img{    width: 100%;
    height: auto;
    border-radius: 8px;}
.td2 dl dt{     width: 350px;
    float: left;
    padding:35px 30px;}
.td2 dl dt h2{    font-size: 22px;    margin-bottom: 5px;}
.td2 dl dt span{    width: 50px;
    height: 1px;
    background: #08237e;
    display: block;
    margin-bottom: 10px;}
.yftd{ padding-bottom:70px}
.yfcg{  height:800px;    position: relative; padding:0; background:url(../img/yfczbg.jpg) center no-repeat;}
.yfcg .main{ position:absolute; top:100px; left:50%; margin-left:-600px}
.yfcg .title h2{ color:#fff}
.yfcgnr{ overflow:hidden; margin:130px 0 0}
.yfcgnr dl{ width:16.666%; float:left; text-align:center; color:#fff}
.yfcgnr dl dd{    position: relative;
    width: 100px;
    height: 100px; margin:0 auto}
.yfcgnr dl dd h2{    position: absolute;
    width: 100%;
    top: 25px;
    font-size: 24px;}
.yfcgnr dl dd span{    position: absolute;
    width: 100%;
    display: block;
    left: 0;
    top: 40px;
    margin-left: 20px;}
.yfcgnr dl dt{    margin-top: 20px;
    padding: 0 20px; font-size:16px}
	
.clearfix:before, .clearfix:after{display: table;
    content: " ";}
.product_box {
    width: 100%;
    margin-top: 60px;
}

.clearfix:after{ clear: both;}
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.product_box .product_list {
    margin-bottom: 140px;
    padding-left: 40px; position:relative
}
.product_box .product_list a {
    display: block;
    position: relative;
}
.product_box .product_list a .pimg {
    width: 60%;
    float: left;
    overflow: hidden;
}
.tranyime {
    transition: all 0.5s ease-in-out;
}
.product_box .product_list a .pimg img {
    width: 100%;
}
.product_box .product_list a .ptext {
    width: 48.33%;
    float: right;
    background: url(../img/bj.png) no-repeat center;
    padding: 30px 55px;
    top: -70px;
    position: absolute;
    right: 0px;
    transition: all 0.5s ease-in-out;
    height: 404px;
    background-size: 100% 100%;
}
.product_box .product_list a .ptext h1 {
    color: #2b2b2b;
    font-size: 25px;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
    margin-bottom: 30px;
    margin-top: 30px;
}
.product_box .product_list a .ptext .pcon {
    height: 130px;
    overflow-y: scroll;
    padding-right: 10px;
    margin-bottom: 20px;
}
.product_box .product_list a .ptext .pcon P {
    color: #707070;
    font-size: 14px;
    line-height: 25px;
}
.product_box .product_list > span::before {
        position: absolute;
    content: "";
    width: 240px;
    height: 1px;
    background: #2b2b2b;
    right: 160px;
    top: 50%;
    margin-top: -0.5px;
}
.product_box .product_list > span {
        display: block;
    float: right;
    color: #2b2b2b;
    font-size: 22px;
    position: relative;
    position: absolute;
    bottom: 0;
    right: 30px;
}
.product_box .product_list:nth-child(2n) {
    padding-left: 0px;
    padding-right: 40px;
}
.product_box .product_list:nth-child(2n) a .pimg {
    float: right;
}
.product_box .product_list:nth-child(2n) a .ptext {
    right: auto;
    left: 0px;
}
.product_box .product_list:nth-child(2n) > span {
        right: auto;
    left: 30px;
}
.product_box .product_list:nth-child(2n) > span::before {
        left: 160px;
    right: auto;
}
.product_box .product_list:hover > font {
            color: #2f97f7;
            border-color: #2f97f7;
        }
.product_box .product_list:hover > font::before {
            background-color: #2f97f7;
        }
/*
        .product_box .product_list:hover a .pimg img {
            transform: scale(1.1);
        }
*/
        .product_box .product_list:hover a .ptext {
            transform: translateY(20px);
        }


.cplbxq{    overflow: hidden;
    padding: 50px 0 10px;
    border-bottom: 1px solid #dadada;
    margin-bottom: 50px;}
.cplbxql h2{    font-size: 36px;
    color: #333333;    margin-bottom: 20px;}
.cplbxqr{width: 49%;
    float: right;
    margin-left: 2%;}
.cplbxqr img{ width:100%;    border: 1px solid #e0dddd;}
.btn-more{cursor: pointer;color: #1264a3;display: inline-block;background: url(../images/xjian.png) right center no-repeat;padding-right: 20px;}
.btn-more.dl{

    block;background: url(../images/xjiana.png) right center no-repeat;
}
.cplbxqlnr{     margin-bottom: 10px;
    max-height: 275px;
    overflow: hidden;
    line-height: 1.6; font-size:15px}
.cplbxqlnr.xs{ max-height:inherit}
.xgcplb{margin-bottom: 55px;}
.xgcplb h2{    font-size: 36px;
    margin-bottom: 30px;}
.xgcplist{background: #fff;
    overflow: hidden;
    box-shadow: 0 0 70px rgba(29,56,75,.17);padding: 25px;}
.xgcplist dl{      width: 100%;
    text-align: center;
    margin-bottom: 20px;
    border-bottom: 1px solid #e6d9d9;
    padding-bottom: 20px;    overflow: hidden;}
.xgcplist dl dd{    width: 35%;
    float: left;}
.xgcplist dl dd img{ width:100%}
.xgcplist dl dt{      width: 60%;
    float: left;
    margin-left: 5%;    padding-top: 10px;}
.xgcplist dl dt h2{       font-size: 22px;
    margin-bottom: 20px;
    text-align: left;
    border-bottom: 1px solid #e0dada;
    color: #00479d;
    padding-bottom: 10px;
    font-weight: bold;}
.cplbnr{    margin-bottom: 10px;
    max-height: 155px;
    overflow: hidden;
    line-height: 2;
    font-size: 15px; text-align:left}
.btn-more2{text-align: left;
    display: block;
    color: #1639b1;
    font-weight: bold;
    font-size: 14px;
    padding-left: 22px;
    background: url(../images/zhankai.jpg) left no-repeat;
    line-height: 17px; cursor:pointer}
.btn-more2.dl{background: url(../images/shouqi.jpg) left no-repeat;}
.cplbnr.xs {
    max-height: inherit;
}
.cpzw {
    margin-bottom: 50px;
}
.dxal{ margin-bottom:100px}
.cpzw h2 {
    font-size: 36px;
    margin-bottom: 30px;
}
.dxallb,.dxallb *{    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.dxallb{background: #fff;
    font-size: 14px;
    overflow: hidden; position:relative}
.dxallb #thumbs1{     width: 100%;
    height: 100%;
    background: #f6f6f6;}
.dxallb #thumbs1 p{   width: 80%;
    text-align: justify;    line-height: 1.8;}
.dxallb #gallery1{ width:70%; float:right}
.dxallb #gallery1 img{ width:100%; height:auto}
.dxallb #thumbs1 a.cpalckxq{    display: block;
    color: #00479d;
    float: left;
    margin-right: 60px;
    margin-top: 30px;
    border: 1px solid;
    padding: 5px 15px;
    border-radius: 5px;}
.dxallb #thumbs1 a.cpalckxq:hover{    background: #00479d;
    color: #fff;
    border-color: #00479d;}
.dxallb #thumbs1 h2{   width: 80%;
    line-height: 1.6;
    font-size: 18px;
    color: #00479d;
    margin-bottom: 20px;
    font-weight: bold;}
.dxallb #thumbs1 .swiper-button-next,.dxallb #thumbs1  .swiper-button-prev{    width: 90px;
    height: 45px;
    position: absolute;}
.dxallb #thumbs1 .swiper-button-next{ background:#fff url(../images/right2.png) center no-repeat;       bottom: 20px;
    top: auto;
    right: 20px;}
.dxallb #thumbs1 .swiper-button-next:hover{background:#00479d url(../images/right.png) center no-repeat;   }
.dxallb #thumbs1 .swiper-button-prev{background:#fff url(../images/left2.png) center no-repeat;      left: auto;
    right: 115px;
    top: auto;
    bottom: 20px;}
.dxallb #thumbs1 .swiper-button-prev:hover{background:#00479d url(../images/left.png) center no-repeat;}
.dxallb #thumbs1 .swiper-button-next:after,.dxallb #thumbs1 .swiper-button-prev:after{ content:none}
.dxallb #thumbs1 .zcwz{ padding:80px 25px;    width: 30%;
    position: absolute;
    height: 100%;}
.dxallb #thumbs1 .yctp{ width:70%; float:right}
.dxallb #thumbs1 h3{    font-size: 24px;
    color: #333333;}
.dxallb #thumbs1 p{}

.yycj{ padding-bottom:10px}
.yycjnr{    position: relative;
    margin: 60px auto; width:1100px}
.yycjgd{    position: relative;
    overflow: hidden;}
.yycjgd dl{    text-align: center;}
.yycjgd dl dd{ width:200px; height:200px; border:1px solid #cccccc; border-radius:100%;position: relative;    margin: 0 auto;}
.yycjgd dl dd span{    position: absolute;
    width: 100%;
    left: 0;
    top: 155px;
    color: #fff; display:none}
.yycjgd dl:hover dd span{ display:block}
.yycjgd dl dt{    margin-top: 25px;    height: 110px;}
.yycjgd dl dt h2{    font-size: 14px;
    color: #333333;}
.yycjgd dl dt p{    color: #666666;
    font-size: 12px;
    margin-bottom: 25px;opacity: 0;}
.yycjgd dl:hover dt p,.yycjgd dl:hover dt a.yygd{ opacity: 1;}
.yycjgd dl dt a.yygd{    padding: 10px 20px;
    background: #019cff;
    color: #fff;
    border-radius: 20px;opacity: 0;}
.yycjgd dl dd.cj1{ background:url(../img/yycj1.png) center no-repeat}
.yycjgd dl dd.cj2{ background:url(../img/yycj2.png) center no-repeat}
.yycjgd dl dd.cj3{ background:url(../img/yycj3.png) center no-repeat}
.yycjgd dl dd.cj4{ background:url(../img/yycj4.png) center no-repeat}
.yycjgd dl dd.cj5{ background:url(../img/yycj5.png) center no-repeat}
.yycjgd dl dd.cj6{ background:url(../img/yycj6.png) center no-repeat}
.yycjgd dl:hover dd.cj1{ background:#019cff url(../img/yycj1a.png) center no-repeat}
.yycjgd dl:hover dd.cj2{ background:#019cff url(../img/yycj2a.png) center no-repeat}
.yycjgd dl:hover dd.cj3{ background:#019cff url(../img/yycj3a.png) center no-repeat}
.yycjgd dl:hover dd.cj4{ background:#019cff url(../img/yycj4a.png) center no-repeat}
.yycjgd dl:hover dd.cj5{ background:#019cff url(../img/yycj5a.png) center no-repeat}
.yycjgd dl:hover dd.cj6{ background:#019cff url(../img/yycj6a.png) center no-repeat}
.yycjnr .swiper-button-next:after,.yycjnr .swiper-button-prev:after{ font-size:22px}
.yycjnr .swiper-button-next,.yycjnr .swiper-button-prev{    width: 40px;
    height: 40px;
    border: 1px solid;
    border-radius: 100%;    top: 31%;}
.yycjnr .swiper-button-next{    right: -50px;}
.yycjnr .swiper-button-prev{    left: -50px;}
.zhhcp{ width:100%; min-width:1200px; overflow:hidden}
.zhhcp dl{ width:33.33333%; float:left; position:relative}
.zhhcp dl dd{ width:100%;}
.zhhcp dl dd>img{ width:100%; height:auto}
.zhhcp dl dt{ position:absolute; width:100%; height:100%;left: 0;
    top: 0;    display: flex;
    justify-content: center;
    align-items: center; text-align:center}
.zhhcp dl dt div img{    margin-bottom: 10px;
    opacity: 0;}
.zhhcp dl dt div h2{    font-size: 24px;
    color: #fff; margin-bottom:10px}
.zhhcp dl dt div p{    font-size: 15px;
    color: #fff;
    padding: 0 60px;  opacity: 0;}
.zhhcp dl:hover dt{ background:url(../img/zhcpbg.png) center no-repeat; background-size:100% 100%}
.zhhcp dl:hover dt img,.zhhcp dl:hover dt p{ opacity: 1;}
.hxnl{ padding-bottom:0}
.hxnl .biaoti p{    width: 50%;
    margin: 0 auto;
    font-size: 14px;
    color: #666666;}
.hxnlnr{ overflow:hidden; margin:50px 0}
.hxnlnr dl{ overflow:hidden; width:50%; float:left; margin-bottom:80px}
.hxnlnr dl dd{    width: 200px;
    height: 200px;
    border-radius: 100%;
    float: left;
    background: #f4f4f4;}
.hxnlnr dl.hxnl1 dd{ background:#f4f4f4 url(../img/hxnl1.png) center no-repeat}
.hxnlnr dl.hxnl2 dd{ background:#f4f4f4 url(../img/hxnl2.png) center no-repeat}
.hxnlnr dl.hxnl3 dd{ background:#f4f4f4 url(../img/hxnl3.png) center no-repeat}
.hxnlnr dl.hxnl4 dd{ background:#f4f4f4 url(../img/hxnl4.png) center no-repeat}
.hxnlnr dl.hxnl1:hover dd{ background:#f4f4f4 url(../img/hxnl1a.png) center no-repeat}
.hxnlnr dl.hxnl2:hover dd{ background:#f4f4f4 url(../img/hxnl2a.png) center no-repeat}
.hxnlnr dl.hxnl3:hover dd{ background:#f4f4f4 url(../img/hxnl3a.png) center no-repeat}
.hxnlnr dl.hxnl4:hover dd{ background:#f4f4f4 url(../img/hxnl4a.png) center no-repeat}
.hxnlnr dl dt{    width: 400px;
    height: 200px;
    float: left;
    display: flex;
    align-items: center;
    padding: 0 80px 0 30px;}
.hxnlnr dl dt h2{font-size: 18px;
    color: #333333; margin-bottom:5px}
.hxnlnr dl:hover dt h2{ color:#019cff}
.hxnlnr dl dt p{    font-size: 12px;
    color: #666666;}
.syms{ padding-top:100px;    padding-bottom: 0;}
.symsnr{ overflow: hidden; margin:60px 0}
.symsnr dl{ width:48%; margin-right:4%; float:left; margin-bottom:50px;    text-align: center;}
.symsnr dl:nth-child(2n){ margin-right:0}
.symsnr dl dd{ width:100%}
.symsnr dl dd img{width:100%; height:auto;}
.symsnr dl dt{ padding:20px}
.symsnr dl dt h2{    font-size: 24px;
    color: #333; line-height:1.4}
.symsnr dl dt h3{margin-bottom: 5px;}
.symsnr dl dt p{    font-size: 14px;
    line-height: 30px;
    min-height: 150px    color: #666666;;}

.caselist dl{ overflow:hidden; margin-bottom:50px}
.caselist dl dd{ width:550px; float:left}
.caselist dl dd img{ width:100%; height:auto}
.caselist dl dt{ width:650px; float:left; padding:20px 50px 0}
.caselist dl dt h2{ font-size:24px; color:#00479d; font-weight: bold; margin-bottom:10px}
.caselist dl dt p{ font-size:14px; color:#555555}

.nyalnr .main{ position:relative}
.pt50{ padding-top:50px}
.alnav{   text-align: center;
    width: 100%;
    position: absolute;
    top: -50px;}
.alnav ul{        display: inline-block;
    margin: 0 30px;
    padding: 5px 15px 5px;
    box-shadow: 0 0 10px rgba(23, 24, 25, 0.37);
    background: #fff;
    border-radius: 8px;
    position: relative;
    vertical-align: top;
    z-index: 88;}
.alnavtp{    position: absolute;
    top: -10px;}
.alnav ul li{ cursor:pointer}
.alnav ul li p,.alnav ul li span{ display:inline-block; vertical-align:middle;font-size: 16px;}
.alnav ul li p{ margin-right:65px;    margin-right: 65px;
    font-weight: bold;
    color: #00479d;}
.alnav ul li.fir{}
.alnav ul li.sec{ display:none;    margin-top: 10px; text-align:left}
.alnav ul li.sec a{ display:block;color:#666666}
.alnav ul li.sec:hover{ color:#666666; border-bottom:1px solid #079fff}
.alnav ul li.sec:hover a{ color:#666666;}


.page-list{width:100%;    margin: 10px 0;
    text-align: center;}/*这里的宽度width:680px;自己调整*/
.page-list b,.page-list a{    margin: 0 15px;
        width: 35px;
    height: 35px;
    line-height: 35px;
    display: inline-block;
    color: #666666;
    border-radius: 50%;}
.page-list b,.page-list a:hover{    background: #009cff;
    color: #fff;}
	
.lnnr{    overflow: hidden;
    margin: 50px 0;}
.lnnr dl{ width:50%; float:left; text-align:center}
.lnnr dl dd{ width:230px; height:230px;    border-radius: 100%; margin:0 auto 30px }
.lnnr dl.ln1 dd{ background:#eeeeee url(../img/ln1.png) center no-repeat}
.lnnr dl.ln2 dd{ background:#eeeeee url(../img/ln2.png) center no-repeat}
.lnnr dl dt h2{ font-size:24px; color:#333333}
.lnnr dl dt p{ font-size:16px; color:#888888}
.fwcn{ background:url(../img/cnbg.jpg) center no-repeat; width:100%; height:936px; position:relative; overflow:hidden}
.cnnr{ overflow:hidden; margin:150px 0}
.fwcn .biaoti h2{ color:#fff}
.cnnr dl{     width: 18%;
    margin: 0 1%;
    float: left;
    color: #fff;
    text-align: center;
    height: 300px;
    position: relative;
    overflow: hidden;
    border: 1px solid;
    border-radius: 10px;
    padding: 35px 20px;
    background: rgba(255,255,255,0.4);}
.cnnr dl:hover{background: rgba(0,115,255,0.4);}
.cnnr dl dd{ width:100px; height:100px; margin:0 auto}
.cnnr dl.cn1 dd{ background:url(../img/cn1.png) center no-repeat}
.cnnr dl.cn2 dd{ background:url(../img/cn2.png) center no-repeat}
.cnnr dl.cn3 dd{ background:url(../img/cn3.png) center no-repeat}
.cnnr dl.cn4 dd{ background:url(../img/cn4.png) center no-repeat}
.cnnr dl.cn5 dd{ background:url(../img/cn5.png) center no-repeat}
.cnnr dl dt{ margin-top:20px;}
.cnnr dl dt h2{ font-size:30px;}
.cnnr dl dt h2 span{ font-size:18px
}
.cnnr dl dt p{ font-size:12px}
.fwys{    padding-bottom: 90px;}
.fwyslb { margin-top:80px}
.cnlb dl:after{      display: table;
    content: " ";  clear: both;}
.cnlb dl{margin-bottom: 60px;}
.cnlb dl dd{     width: 150px;
    height: 150px;
    float: left;
    padding: 5px;
    box-shadow: 0 0 10px rgba(29,56,75,.17);
    background: #fff;
    border-radius: 5px;}
.cnlb dl dd>div{ width:100%; height:100%; border:1px solid #fff}
.cnlb dl dd>div span{     width: 100%;
    height: 80px;
    display: block;
    margin-top: 10px;}
.cnlb dl.cn1 dd>div span{ background:url(../images/cn1.png) center no-repeat}
.cnlb dl.cn2 dd>div span{ background:url(../images/cn2.png) center no-repeat}
.cnlb dl.cn3 dd>div span{ background:url(../images/cn3.png) center no-repeat}
.cnlb dl.cn4 dd>div span{ background:url(../images/cn4.png) center no-repeat}
.cnlb dl.cn5 dd>div span{ background:url(../images/cn5.png) center no-repeat}
.cnlb dl dd>div p{ height:40px; line-height:40px; text-align:center; font-size:14px}
.cnlb dl dd>div p i{ font-size:18px; font-style:normal}
.cnlb dl dt{       padding-top: 25px;
    width: 82%;
    float: right;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;    height: 150px;}
.cnlb dl dt h2{   
    margin-bottom: 15px;
    font-size: 20px;
    color: #666;
    font-weight: 600;}
.cnlb dl dt p{    font-size: 15px;
    line-height: 25px;}
.cnlb dl:hover dd>div{    border: 1px solid #66c4ff;}
.cnlb dl:hover dt{border-bottom: 1px solid #66c4ff}



.cnlb dl:after{      display: table;
    content: " ";  clear: both;}
.cnlb dl{margin-bottom: 60px;}
.cnlb dl dd{     width: 150px;
    height: 150px;
    float: left;
    padding: 5px;
    box-shadow: 0 0 70px rgba(29,56,75,.17);
    background: #fff;
    border-radius: 5px;}
.cnlb dl dd>div{ width:100%; height:100%; border:1px solid #fff}
.cnlb dl dd>div span{     width: 100%;
    height: 80px;
    display: block;
    margin-top: 10px;}
.cnlb dl.cn1 dd>div span{ background:url(../images/cn1.png) center no-repeat}
.cnlb dl.cn2 dd>div span{ background:url(../images/cn2.png) center no-repeat}
.cnlb dl.cn3 dd>div span{ background:url(../images/cn3.png) center no-repeat}
.cnlb dl.cn4 dd>div span{ background:url(../images/cn4.png) center no-repeat}
.cnlb dl.cn5 dd>div span{ background:url(../images/cn5.png) center no-repeat}
.cnlb dl dd>div p{ height:40px; line-height:40px; text-align:center; font-size:14px}
.cnlb dl dd>div p i{ font-size:18px; font-style:normal}
.cnlb dl dt{       padding-top: 25px;
    width: 82%;
    float: right;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;    height: 150px;}
.cnlb dl dt h2{   
    margin-bottom: 15px;
    font-size: 20px;
    color: #666;
    font-weight: 600;}
.cnlb dl dt p{    font-size: 15px;
    line-height: 25px;}
.cnlb dl:hover dd>div{    border: 1px solid #66c4ff;}
.cnlb dl:hover dt{border-bottom: 1px solid #66c4ff}

.fwyslb dl dd>div{    padding: 5px 15px;}
.fwyslb dl dd>div span{    font-size: 12px;
    height: 30px;}
.fwyslb dl dd>div p{ height:50px; line-height:50px; font-size:20px}
.fwyslb dl dt{ padding-top:20px}
.huise{ background:#f8f8f8;    padding-top: 100px;}
.fwglnr{ overflow:hidden; margin-top:80px}
.fwgl1,.fwgl2{ width:50%; float:left}
.fwgl1{    text-align: center;}
.fwgl2{ padding:30px 20px}
.fwgl2 img{margin-bottom: 20px;}
.fwgl2 h2{    font-size: 28px;
    color: #333333;    margin-bottom: 10px;}
.fwgl2 ul{    overflow: hidden;
    width: 80%;}
.fwgl2 ul li{     width: 50%;
    float: left;
    font-size: 15px;
    color: #666666;}
.fwglnr.sec{ margin:0}
.fwlx{ padding-bottom:100px}
.fwlxnr{ overflow:hidden; margin-top:80px}
.fwlxnr dl{ width:33.3333%; float:left;    padding-right: 60px;
    margin-bottom: 50px;}
.fwlxnr dl dd{ font-size:24px; color:#333333}
.fwlxnr dl dt{     font-size: 15px;
    color: #666666;
    line-height: 30px;
    height:240px!important;
    overflow: hidden;}
.fgslx .main {
    padding: 0;
}

.hzlist ul li{ width:24%; float:left; margin:0 0.5% 20px}
.hzlist ul li img{ width:100%}

 .iban .mian .warp, .iban .img .warp, .screen2 .warp{
		left:10%;
	}
	 .iban .warp h2, .screen2 .warp h2, .screen3 .warp h2, .screen4 .warp h2{
		font-size: 42px;
		line-height: 60px; font-weight:bold
	}
	 .iban .warp h3{    font-size: 28px;
    color: #fff;}
	 .iban .warp p, .screen2 .warp a p, .screen3 .warp a p{    line-height: 30px;
    color: #fff;
    font-size: 22px;}
	 .iban .warp p span, .screen2 .warp a p span, .screen3 .warp a p span{    margin-left: 10px;
    vertical-align: middle;}
.iban.zhbanner .mian .warp{ margin-top:-70px; }
.iban.zhbanner .mian .warp h2{   margin-bottom: 15px;}
.iban.zhbanner .mian .warp h4{
    font-size: 18px;
    display: block;
    line-height: 30px; color:#fff}
.gbnav{    padding: 80px 0 60px;}
.gbnav ul{ overflow:hidden;}
.gbnav ul li{ width:33.3333%; float:left}
.gbnav ul li.gbnav1{ text-align:left}
.gbnav ul li.gbnav2{ text-align: center}
.gbnav ul li.gbnav3{ text-align: right}
.gbnav ul li a{    font-size: 46px;
    color: #333333;border-bottom: 5px solid transparent;    padding-bottom: 6px;}
.gbnav ul li.on a{border-bottom: 5px solid #00479d; color:#00479d; font-weight:bold }
.gdnr{ padding:0 0 150px; font-size:15px}
.gbjg {
    background: #efefef;padding: 0 20px; overflow:hidden
}
.gbjg>h2{    line-height: 70px;
    font-size: 20px;
    color: #666666; width:31.3333%; float:left}
.gbjg>h2.sec,.gbjg>h2.third{ text-align:center}
.gbjg>h2.third{ text-align:right; float:right}
.gbjglb dl,.gfzs dl{ overflow:hidden; border-bottom:1px solid #efefef;padding: 0 20px;}
.gbjglb dl dd,.gfzs dl dd{ width:31.3333%; float:left; line-height:70px; }
.gbjglb dl dd:nth-child(2n),.gfzs dl dd:nth-child(2n){ text-align:center}
.gbjglb dl dd:nth-child(3n),.gfzs dl dd:nth-child(3n){    text-align: center;
    float: right;
    width: 10%;}

.gfzs dl{ padding:0}
.gshq{padding: 0 0 100px 0;}
.gshq .main{ background:#f6f6f5; overflow:hidden; position:relative;    padding: 50px;}
.cyzl{ padding-bottom:70px}
.hq1{    font-size: 20px;
    color: #666666;
    margin-bottom: 20px;}
.hq2{overflow: hidden;}
.hq2 dl{    float: left;
    margin-right: 63px;
    position: relative; overflow:hidden}
.hq2 dl h3{    font-size: 80px;
    line-height: 1;}
.hq2 dl.hq21{    color: #ff0000;    padding-right: 110px; margin-right:150px}
.hq2 dl.hq21.die{ color:#237c02}
.hq2 dl.hq21 i{    position: absolute;
    display: block;
    width: 18px;
    height: 17px;
    bottom: 8px;
    z-index: 88;
    right: 80px; background:url(../img/zhang.png) center no-repeat}
.hq2 dl.hq21.die i{ background:url(../img/die.png) center no-repeat}
.hq2 dl.hq21 span{    position: absolute;
    font-size: 30px;
    font-weight: bold;
    z-index: 89;
    line-height: 1;
    bottom: 5px;
    right: 0;}
.hq2 dl.hq22{}
.hq2 dl.hq22 dd{    font-size: 18px;
    color: #666666;
    margin-bottom: 5px;
    line-height: 1.6;}
.hq2 dl.hq22 dt{    font-size: 34px;
    color: #333333;
    line-height: 1.2;}
.hq3{    font-size: 14px;
    color: #888888;
    margin-top: 30px;}
.dshnr{ overflow:hidden; margin-top:60px}
.dshnr dl{ width:25%; float:left; position:relative;    margin-bottom: 80px;}
.dshnr dl dd{     position: relative;
    padding-left: 15px;
    font-size: 22px;
    color: #333333;}
.dshnr dl dd span{     width: 6px;
    height: 6px;
    position: absolute;
    background: url(../images/dian.png) center no-repeat;
    left: 0;
    top: 50%;
    margin-top: -3px;}
.dshnr dl dt{    font-size: 16px;
    color: #666666;
    padding-left: 15px;
    height: 120px;
    line-height: 30px;}
.hzlist{ padding-bottom:10px}
.mb30{ margin-bottom:30px}
.gsbglb{ padding-bottom:40px}
.gsbg{ padding:0}
.gsbglb ul{    margin-bottom: 35px;}
.gsbglb ul li{     position: relative;
    border-bottom: 1px solid #f1f1f1;
    padding: 20px 0 20px 20px;
    overflow: hidden;}
.gsbglb ul li:hover{    box-shadow: 0px 0px 5px #d4d2d2;}
.gsbglb ul li .bgxzl{    width: 1090px;
    float: left;}
.gsbglb ul li .bgxzl p{color: #333333;
    font-size: 17px;
    line-height: 50px;}
.gsbglb ul li:hover .bgxzl p{ color:#00479d}
.gsbglb ul li .bgxzr{     width: 90px;
    float: left;
    height: 50px;
    border-left: 1px solid #e4e2e2;
    text-align: center;    position: relative;}
.gsbglb ul li .bgxzr a{       width: 40px;
    height: 40px;
    display: block;
    opacity: 0;
    background: url(../img/xiazai.png) center no-repeat;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    top: 5px;}
.gsbglb ul li .bgxzr dl{}
.gsbglb ul li .bgxzr dl dd{font-size: 24px;
    color: #666666;
    font-weight: bold;
    line-height: 1.2;}
.gsbglb ul li .bgxzr dl dt{    font-size: 12px;
    color: #a4a4a4;}
.gsbglb ul li:hover a{opacity: 1;}
.gsbglb ul li:hover dl{ display:none}
.gsxw{    padding-bottom: 50px;}
.gsxw ul li{     position: relative;
    margin-bottom: 50px;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    padding: 25px;
    border: 1px solid #e8e4e4;}
.gsxw ul li:hover{box-shadow: 0 0 70px rgba(29,56,75,.27);}
.gsxw ul li .xwrq{   text-align: center;
    width: 70px;
    color: #666666;
    position: absolute;
    top: 35%;
    z-index: 999;
    right: 20px;}
.gsxw ul li .xwrq h2{    font-size: 26px;
    border-bottom: 1px solid #d2c7c7;
    padding-bottom: 5px;
    margin-bottom: 5px;}
.gsxw ul li .xwrq h3{    font-size: 16px;}
.gsxw ul li .xwtp{      position: relative;
    width: 30%;
    float: left;
    margin-right: 3%;}
.gsxw ul li .xwtp img{ width:100%}
.gsxw ul li .xwinfo{     padding: 20px 0;
    width: 57%;
    float: left;}
.gsxw ul li .xwinfo span{ font-size:13px; color:#888888}
.gsxw ul li .xwinfo h2{     font-size: 18px;
    color: #333333;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;    margin-top: 5px;}
.gsxw ul li .xwinfo p{    font-size: 14px;
    line-height: 25px;    color: #888888;    margin-bottom: 15px;}
.gsxw ul li .xwinfo a.xwgd{    color: #888888;
    border: 1px solid #e6e6e6;
    display: block;
    width: 100px;
    text-align: center;
    line-height: 35px;}
.gsxw ul li:hover h2{color:#00479d}
.gsxw ul li .xwinfo a.xwgd:hover{    background: #00479d;
    color: #fff;}
	
.rcln{ padding-bottom:90px}
.rclnnr{ margin:70px 0}
.rclnnr dl{ overflow:hidden; margin-bottom:60px; position:relative}
.rclnnr dl dd{ width:575px; float:left;}
.rclnnr dl dd img{ width:100%; height:auto}
.rclnnr dl dt{ position:absolute; width:600px; height:100%; right:0; top:0;/*弹性盒模型*/    
    display:flex;
/*侧轴居中对齐*/    
    align-items: center;    padding-left: 25px;}
.rclnnr dl dt h2{    font-size: 22px;
    margin-bottom: 5px;
    color: #333;}
.rclnnr dl dt p{    font-size: 17px;
    color: #666666;}
.mt30{ margin-bottom:20px}
.rclnnr dl.sec dd{ float:right}
.rclnnr dl.sec dt{ padding-left:0; left:0; right:auto; padding-right:25px}
.ygfc{ background:#f6f8fb;padding-bottom: 50px;}
.ygfc .main{ height:100%}
.ygfcnr{ position:relative; margin:50px 0 0; padding-bottom:50px; overflow:hidden; height:720px;}
.ygfcnr>div>div img{ width:100%; height:auto}
.ygfcnr>div>div p{ font-size:15px; height:40px; line-height:40px; background:#fff; text-align:center;overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
word-wrap:normal;}

.ygfc .swiper-container {
      width: 100%;
      height: 100%;
      margin-left: auto;
      margin-right: auto;
    }
.ygfc .swiper-slide {
	 width:380px;
	 height:290px;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.ygfc .swiper-slide img{ width:100%; height:250px;}

.zglt{    overflow: hidden;
    line-height: 60px;
    background: #efefef;}
.zglt p{ float:left; text-align:center}
.zhiwei{    width: 20%;}
.bumen{width: 25%;}
.faburqi{width: 35%;}
.gzxq{ width:10%}
.gzdidian{ width:10%}
.zglist div.sdmenu div{ padding:0}
.zglist div.sdmenu div span{     background: none;
    border-bottom: 1px solid #dedada;}
.zglist div.sdmenu div.collapsed span p{    background: url(../images/collapsed.png) 99% no-repeat;}
.zglist div.sdmenu div span p{    background: url(../images/expanded.png) 99% no-repeat;}
.zglist div.sdmenu div span p i{ display:block; font-style:normal;float:left; text-align:center;    font-size: 14px;}
.zglist div.sdmenu div a{ padding:50px 75px}
.zglist div.sdmenu div a p{line-height: 30px; font-size:15px;    color: #333;}
.zglist div.sdmenu div a p.gzxqbt{    font-weight: bold;
    margin-bottom: 20px; font-size:16px}
.zglist div.sdmenu div a p.mt50{ margin-bottom:50px}
.sslt .bumen{ width:25%}
.sslt .zpfs{ width:10%}
.lyfh a{    padding: 0 50px;
    border: 1px solid #e5e5e5;
    color: #1e409f;
    display: block;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    width: 180px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    background: url(../img/newsinfor-icon1.png) 133px center no-repeat;
    margin: 80px auto 0;}
.lyfh a:hover{
		background:#1e409f url(../img/newsinfor-icon2.png) 133px center no-repeat;
	}
.zglist{ margin-top:60px}

.jjfanr{ overflow:hidden; margin:60px 0 0}
.jjfanr dl{ width:33.3333%; float:left; text-align:center}
.jjfanr dl dd{    width: 150px;
    height: 150px;
    margin: 0 auto 20px;
    border-radius: 100%;}
.jjfanr dl.jjfa1 dd{ background:#f4f4f4 url(../img/jjfa1.png) center no-repeat}
.jjfanr dl.jjfa2 dd{ background:#f4f4f4 url(../img/jjfa2.png) center no-repeat}
.jjfanr dl.jjfa3 dd{ background:#f4f4f4 url(../img/jjfa3.png) center no-repeat}
.jjfanr dl dt{    padding: 0 25px;}
.jjfanr dl dt h2{ font-size:18px; margin-bottom:5px}
.jjfanr dl dt p{ color:#666666}

.totop {
       position: fixed;
    bottom: 10%;
    right: 10px;
    z-index: 9999;
    width: 60px;
    height: 54px;
    background: #26489d;
    text-align: center;
    padding-top: 10px;box-shadow: 0 0 10px rgba(0,0,0,.5); cursor:pointer; display:none
}

.beizhu{margin: 30px 0;
    font-size: 14px;
    color: #666666;
    padding-left: 20px;}





.overcp {
	background: rgba(0,0,0,0.7);
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9999;
}
.vd-modal {
	position: fixed!important;
	top: 10%;
	left: 25%;
	z-index: 1050;
	background-color: #333;
	outline: 0;
	width: 50%;
	height: 80%;
}
.vd-modal .modal-head {
	margin: 0;
	font-size: 18px;
	height: 0;
	position: relative;
	font-weight: 400;
}
.vd-modal .modal-close {
	position: absolute;
	z-index: 9999;
	top: 20px;
	margin: 0;
	padding: 0;
	font-size: 30px;
	cursor: pointer;
	background: 0 0;
	top: 6px;
	right: 10px;
	width: 44px;
	height: 44px;
	outline: 0;
	color: #fff;
	background-repeat: no-repeat;
	background-image: url(../images/close.png);
	background-position: center center;
}
.zydsp { position:relative; overflow:hidden; padding-bottom:10px}

.gsgk2{    width: 86px;
	overflow: hidden;
	position: fixed;
	bottom: 5px;
	left:  5px;
	z-index: 998;}
.gsgk2 img{ width: 100%; height: auto}
.drop-up{position: relative}
.button{    background: none;
    color: #6e6e6e;
    border: 1px solid;
    line-height: 26px;
    padding: 0 55px;
    font-size: 14px;
}
.dropdown{position: absolute;
    bottom: 28px;
    border: 1px solid #6e6e6e;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px; display: none}
.dropdown ul li a{     color: #6e6e6e;
    line-height: 28px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;}
.drop-up:hover .dropdown{display: block}