/*# sourceMappingURL=style.css.map */
body{
	overflow: hidden;
}
.forie{
	width: 100%;
	height: 100%;
	background: url(../img/tishi.png) center no-repeat;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 500;
}

.bgf7{
	background-color: #000;
}
input.inptet::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
	color: #fff; 
} 
input.inptet:-moz-placeholder, textarea:-moz-placeholder { 
	color: #fff; 
} 




.phone-serbox .mbox .ser::-webkit-input-placeholder{color: #848484; }    /* 浣跨敤webkit鍐呮牳鐨勬祻瑙堝櫒 */
.phone-serbox .mbox .ser:-moz-placeholder{color: #848484; }                  /* Firefox鐗堟湰4-18 */
.phone-serbox .mbox .ser::-moz-placeholder{color: #848484; }                  /* Firefox鐗堟湰19+ */
.phone-serbox .mbox .ser:-ms-input-placeholder{color: #848484; }           /* IE娴忚鍣 */
@font-face {
	font-family: 'BebasNeueRegular';
	src: url('../fonts/BebasNeueRegular.eot');
	src: url('../fonts/BebasNeueRegular.eot') format('embedded-opentype'),
	url('../fonts/BebasNeueRegular.woff2') format('woff2'),
	url('../fonts/BebasNeueRegular.woff') format('woff'),
	url('../fonts/BebasNeueRegular.ttf') format('truetype'),
	url('../fonts/BebasNeueRegular.svg#BebasNeueRegular') format('svg');
}
@font-face {
	font-family: 'BebasNeueBook';
	src: url('../font/BebasNeueBook.eot');
	src: url('../font/BebasNeueBook.eot') format('embedded-opentype'),
	url('../font/BebasNeueBook.woff2') format('woff2'),
	url('../font/BebasNeueBook.woff') format('woff'),
	url('../font/BebasNeueBook.ttf') format('truetype'),
	url('../font/BebasNeueBook.svg#BebasNeueBook') format('svg');
}
.fy{
	width: 100%;
	text-align: center;
}
.fy.mt76{margin-top: 46px;}
.fy .prve,.fy .next{
	font-family: '寰蒋闆呴粦';
}
.fy a{
	display: inline-block;
	font-size: 14px;
	line-height: 36px;
	color: #6d6d6d;
	margin: 0 5px;
	border:1px solid #d3d3d3;
	padding: 0 15px;
	line-height: 39px;
	font-family: 'arial';
	cursor: pointer;
	border-radius: 2px;
	transition: all  0.4s;
	-webkit-transition: all 0.4s;
}
.fy a:hover{
	border:1px solid #0063a9;
	background-color: #0063a9;
	color: #fff;
}
.fy a.active{
	border:1px solid #0063a9;
	background-color: #0063a9;
	color: #fff;
}
.waiter{
	width: 100%;
}
.waiter .spinner {
	margin: 24px auto;
	width: 20px;
	height: 20px;
	position: relative;
}

.waiter .container1 > div,.waiter .container2 > div,.waiter .container3 > div {
	width: 6px;
	height: 6px;
	background-color: #333;
	border-radius: 100%;
	position: absolute;
	-webkit-animation: bouncedelay 1.2s infinite ease-in-out;
	animation: bouncedelay 1.2s infinite ease-in-out;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.waiter .spinner .spinner-container {
	position: absolute;
	width: 100%;
	height: 100%;
}

.waiter .container2 {
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}

.waiter .container3 {
	-webkit-transform: rotateZ(90deg);
	transform: rotateZ(90deg);
}

.waiter .circle1 { top: 0; left: 0; }
.waiter .circle2 { top: 0; right: 0; }
.waiter .circle3 { right: 0; bottom: 0; }
.waiter .circle4 { left: 0; bottom: 0; }

.waiter .container2 .circle1 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}

.waiter .container3 .circle1 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

.waiter .container1 .circle2 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}

.waiter .container2 .circle2 {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}
.waiter .container3 .circle2 {
	-webkit-animation-delay: -0.7s;
	animation-delay: -0.7s;
}

.waiter .container1 .circle3 {
	-webkit-animation-delay: -0.6s;
	animation-delay: -0.6s;
}

.waiter .container2 .circle3 {
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
}

.waiter .container3 .circle3 {
	-webkit-animation-delay: -0.4s;
	animation-delay: -0.4s;
}

.waiter .container1 .circle4 {
	-webkit-animation-delay: -0.3s;
	animation-delay: -0.3s;
}

.waiter .container2 .circle4 {
	-webkit-animation-delay: -0.2s;
	animation-delay: -0.2s;
}

.waiter .container3 .circle4 {
	-webkit-animation-delay: -0.1s;
	animation-delay: -0.1s;
}

@-webkit-keyframes bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0.0) }
	40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
	0%, 80%, 100% { 
		transform: scale(0.0);
		-webkit-transform: scale(0.0);
		} 40% { 
			transform: scale(1.0);
			-webkit-transform: scale(1.0);
		}
	}
	.header-phone{display: none;}
	.header{
		width: 100%;
		background-color: #fff;
		position: relative;
	}
	.header .hd-link{
		font-size: 16px;
		position: absolute;
		right: 60px;
		bottom: 14px;
		color: #888;
	}
	.header .logo{
		height: 33px;
		width: 201px;
		padding: 36px 0;
		float: left;
		margin-left: 60px;
	}
	.header .logo img{display: block;width: 100%;}
	.header .nav{
		float: left;
		margin-left: 60px;
	}
	.header .nav ul li{
		float: left;
		margin-right: 70px;
		transition: all  0.3s;
		-webkit-transition: all 0.3s;
		position: relative;
	}
	.header .nav ul li:last-child{margin-right: 0}
	.header .nav ul li .title{
		font-size: 14px;
		line-height: 33px;
		color: #333333;
		display: block;
		width: 100%;
		padding:36px 1px;
		height: 100%;
		position: relative;
		text-decoration: none;
	}
	.header .nav ul li .title:before{
		content: '';
		width:0%;
		height: 2px;
		position: absolute;
		bottom: 30px;
		left: 50%;
		display: block;
		background-color: #0778e3;
		transition: all ease-in 0.3s;
		-webkit-transition: all ease-in 0.3s;
	}
	.header .nav ul li:hover .title:before{
		left:-1px;
		width: 100%;
	}
	.header .nav ul li .details{
		top: 105px;
		left: 0;
		background-color: #fff;
		position: absolute;
		width: 240px;
		display: none;
		z-index: 50;
		border-top: 3px solid #035cac;
	}
	.header .nav ul li .details a{
		display: block;
		padding-left: 25px;
		line-height: 50px;
		border-bottom: 1px solid #e5e5e5;
		border-left: 1px solid #e5e5e5;
		border-right: 1px solid #e5e5e5;
		font-size: 16px;
		color: #666;
		background-color: #fff;
	}
	.header .language{
		float: right;
		height: 33px;
		padding: 36px 0;
		margin-right:60px;
		font-size: 14px;
		line-height: 33px;
		color: #888;
	}
	.header .language .en{
		float: right;
		font-size: 14px;
		color: #888;
		margin-left: 20px;
		cursor: pointer;
		text-decoration: none;
	}
	.header .language .en:hover,.header .nav ul li .details a:hover{
		color: #006cb8;
	}
	.header .language .links{
		float: left;
	}
	.base-ban{
		width: 100%;
		overflow: hidden;
		position: relative;
	}
	.base-ban img{
		display: block;
		width: 100%;
	}

	.base-ban .warp{
		position: absolute;
		top:43%;
		left: 50%;
		z-index: 2;
		margin-left: -720px;
	}
	.base-ban .warp h2{
		font-size: 48px;
		color: #fff;
		line-height:72px;
		font-weight: bold;
		margin: 0;
	}
	.base-ban .warp .fa{
		font-size: 26px;
		line-height: 36px;
		color: #fff;
		margin-bottom: 0;
	}


	.header-phone{
		display: none;
		padding: 0 4.5%;
		height: 105px;
		margin: 0 auto;
		background-color: #fff;
		position: relative;
		box-shadow: 0 0 5px 2px rgba(0,0,0,0.05)
	}
	.header-phone .logo{
		height:33px;
		width: 201px;
		float: left;
		padding: 36px 0;
	}
	.header-phone .logo a{
		display: block;
		width: 100%;
		height:100%;
	}
	.header-phone .logo a img{
		display: block;
		width: 100%;
	}
	.header-phone .serch{
		float: right;
		height: 100%;
		padding: 32.5px 0;
	}

	.header-phone .serch .ph-serch{
		width: 30px;
		margin-right: 10px;
		float: left;
		height: 100%;
		background: url(../img/ico_01.png) center/20px no-repeat;
	}
	.header-phone .serch .langue,.header-phone .serch .lines{
		float: left;
	}
	.header-phone .serch .langue{
		font-size: 36px;
		text-align: center;
		font-family: 'arial';
		line-height: 40px;
		color: #666666;
		position: relative;
		width:125px;
		padding-right: 15px;
		margin-right: 40px;
		border-left: 1px solid #e5e5e5;
		border-right: 1px solid #e5e5e5;
		background: url(../img/ico_02.png) 87px center/8px no-repeat;
		width: auto;
		border-left: none;
	}
	.header-phone .serch .langue a{
		display: block;
		color: #333;
	}
	.header-phone .serch .langue .mbox{
		display: none;
		position: absolute;
		width: 100%;
		top: 52px;
		text-align: center;
		border: 1px solid #e5e5e5;
		background-color: #fff;
		padding: 5px 0;
		z-index:2;
	}
	.header-phone .serch .langue .mbox a{
		display: block;
		height: 28px;
		font-size: 15px;
		line-height: 28px;
	}

	.header-phone .serch .lines{
		width: 50px;
		height: 40px;
		position: relative;
		cursor: pointer;
	}
	.header-phone .serch .lines p{
		width:50px;
		height:4px;
		background-color: #006cb8;
		border-radius:2px;
		position: absolute;
		left: 0;
		-webkit-transition: all 0.8s;
		transition: all 0.8s;
	}
	.header-phone .serch .lines p:nth-child(1){
		top: 0px;
		-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;
	}
	.header-phone .serch .lines.cur p:nth-child(1) {
		-webkit-transform: rotateZ(45deg);
		transform: rotateZ(45deg);
	}
	.header-phone .serch .lines p:nth-child(2){
		top: 17px;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
	}
	.header-phone .serch .lines.cur p:nth-child(2) {
		opacity: 0;
	}
	.header-phone .serch .lines p:nth-child(3){
		top: 33px;
		-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;
	}
	.header-phone .serch .lines.cur p:nth-child(3){
		-webkit-transform: rotateZ(-45deg);
		transform: rotateZ(-45deg);
	}
	.header-phone .tip-nav{
		width: 100%;
		position: absolute;
		top: 105px;
		left: 0;
		z-index: 40;
		display: none;
		background: #fff;
	}
	.header-phone .tip-nav ul{margin-bottom: 0}
	.header-phone .tip-nav li{
		border-bottom: 1px solid #aaa;
		border-right: 1px solid #035cac;
	}
	.header-phone .tip-nav li .title{
		color: #fff;
		display: block;
		width: 100%;
		padding: 0 17% 0 5%;
		font-size: 18px;
		height: 55px;
		line-height: 55px;
		color: #fff;
		cursor: pointer;
		border-right: 1px solid #035cac;
		background-color: #035cac;
		position: relative;
	}
	.header-phone .tip-nav li:hover .title{text-decoration: none;}
	.header-phone .tip-nav li .title i{
		display: block;
		width: 34px;
		height:  55px;
		background: url(../img/ico_100.png) no-repeat center;
		background-size: auto 21%;
		position: absolute;
		right: 20px;
		top: 0;
		bottom:0;
		margin: auto;
	}
	.header-phone .tip-nav li .details{
		width: 100%;
		background-color: #004888;
		display: none;
	}
	.header-phone .tip-nav li .details a{
		display: block;
		width: 100%;
		padding: 0 17.4% 0 4.6%;
		height: 48px;
		line-height: 48px;
		border-top: 1px solid #5484af;
		color: #fff;
		font-size: 16px;
	}
	.header-phone .tip-bg{
		position: fixed;
		background-color: rgba(0,0,0,0.8);
		top: 0;
		left: 0;
		z-index: 3;
		height: 100%;
		width: 100%;
		display: none;
	}
	.header-phone .tip-serch{
		width: 91%;
		position: absolute;
		top:100px;
		left: 4.5%;
		height: 40px;
		display: none;
		z-index: 4;
	}
	.header-phone .tip-serch form{
		display: block;
		width: 100%;
		height: 100%;
		border:1px solid #f2f2f2;
		box-sizing:border-box;
	}
	.header-phone .tip-serch form .tet{
		float: left;
		width: 85%;
		float: left;
		height: 38px;
		line-height: 38px;
		font-size: 14px;
		box-sizing:border-box;
		padding: 0 5%;
		color: #fff;
		border:0;
		background-color: transparent;
	}
	.header-phone .tip-serch form .sub-btn{
		width: 15%;
		height: 38px;
		float: right;
		background: url(../img/page-serch.png) center no-repeat;
		background-size: auto 55%;
		border:0;
	}
	.header-phone .tip-serch .close{
		wimg49.jpgidth: 35px;
		height: 35px;
		background: url(../img/close.png) center no-repeat;
		position: fixed;
		top: 30px;
		right: 4.5%;
		cursor: pointer;
		z-index: 4;
		background-size: auto 86%;
	}

	.base-box{
		width: 100%;
		position: relative;
		top: -32px;
		z-index: 3;
		left: 0;
	}
	.base-box.on{
		position: fixed;
		top:48px;
		z-index: 600;
	}
	.base-title{
		width: 285px;
		position: relative;
		top:0;
		left: 50%;
		height:48px;
		z-index:3;
		margin-left: -720px;
	}
	.base-box .img{
		height: 80px;
		width: 100%;
		position: absolute;
		left: 0;
		opacity: 0;
		filter: alpha(opacity=0);
		top: -48px;
		transition: all 0.3s;
		-webkit-transition: all  0.3s;
		background: url(../img/img49.jpg) center/cover no-repeat;
	}
	.base-box.on .img{
		opacity: 1;
		filter: alpha(opacity=100);
	}

	.base-title .warp,.base-title .mian{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 4;
	}
	.base-title .mian{display: none;}
	.base-title .warp a i,.base-title .mian a i{
		display: block;
		width: 100%;
		background-color: #368fd9;
		position: absolute;
		bottom: 0;
		height: 1px;
		left: 0;
		transition: all 0.3s;
		-webkit-transition: all  0.3s;
	}
	.base-title .warp a,.base-title .mian a{
		display: block;
		font-size: 18px;
		line-height: 48px;
		color: #fff;
		overflow: hidden;
		height: 0;
		text-decoration: none;
		padding:0 25px 0 35px;
		position: relative;
		cursor: pointer;
		transition: all 0.3s;
		-webkit-transition: all  0.3s;
		background:#0372cd url(../img/img4.png) 245px center no-repeat;
	}
	.base-title .warp a:hover i,.base-title .warp a.on i,.base-title .mian a.on i{
		background-color: #0063a9;
	}
	.base-title .warp a.on,.base-title .mian a.on{
		color: #fff;
		height: 48px;
		line-height: 48px;
		text-decoration: none;
		background-color: #0063a9;
	}
	.base-title .warp:hover a,.base-title .mian a.cur{
		height: 48px;
		line-height: 48px;
	}

	.footer{
		display: block;
		width: 100%;
		padding-top: 100px;
		background-color: #fff;
	}
	.footer .fot-top{
		height: 300px;
		text-align: center;
		background: url(../img/img45.jpg) center/cover no-repeat;
	}
	.footer .fot-top h2{
		font-size: 36px;
		line-height: 40px;
		color: #fff;
		text-align: center;
		padding-top: 85px;
		margin: 0 0 45px;
	}
	.footer .fot-top .inpbox{
		width: 920px;
		margin: 0 auto;
		height: 40px;
		padding-bottom: 10px;
		border-bottom: 1px solid rgba(255,255,255,0.2)
	}
	.footer .fot-top .inpbox .inp{
		width: 70%;
		display: block;
		height: 30px;
		line-height: 30px;
		padding-left: 10px;
		border:0;
		float: left;
		background: transparent;
		color: #fff;
		font-size: 16px;
	}
	.footer .fot-top .inpbox .btns{
		width: 30px;
		height: 30px;
		border:0;
		cursor: pointer;
		display: block;
		float: right;
		background: url(../img/img44.png) center no-repeat;
	}
	.footer .fot-bot{
		padding: 0 30px;
		max-width: 1455px;
		margin: 85px auto 60px;
	}
	.footer .fot-bot .nav{
		width: 89%;
	}
	.footer .fot-bot .nav ul li{
		width: 14.2%;
		float: left;
	}
	.footer .fot-bot .nav ul li a,.footer .fot-bot .nav ul li .mtit{
		display: block;
		font-size: 13px;
		line-height: 32px;
		color: #666666;
		cursor: pointer;
		transition: all 0.4s;
		-webkit-transition: all  0.4s;
	}
	.footer .fot-bot .nav ul li .tit{
		font-size: 16px;
		color: #006cb6;
	}
	.footer .fot-bot .nav ul li a:hover{
		color: #006cb6;
	}
	.footer .fot-bot .fenx{
		width:135px;
	}
	.footer .fot-bot .fenx .fa{
		font-size: 16px;
		line-height: 30px;
		color: #000000;
	}
	.footer .fot-bot .fenx .icon{
		height: 33px;
	}
	.footer .fot-bot .fenx .icon a{
		display: inline-block;
		width: 34px;
		height: 33px;
		margin: 0 11px 0 0;
		transition: all 0.4s;
		-webkit-transition: all  0.4s;
	}
	.footer .fot-bot .fenx .icon .bds_tsina{
		background: url(../img/img45.png) center/cover no-repeat;
	}
	.footer .fot-bot .fenx .icon .bds_tsina:hover{
		background: url(../img/img46.png) center/cover no-repeat;
	}
	.footer .fot-bot .fenx .icon .bds_sqq{
		background: url(../img/img47.png) center/cover no-repeat;
	}
	.footer .fot-bot .fenx .icon .bds_sqq:hover{
		background: url(../img/img48.png) center/cover no-repeat;
	}
	.footer .fot-bot .fenx .icon .bds_weixin{
		background: url(../img/img49.png) center/cover no-repeat;
	}
	.footer .fot-bot .fenx .icon .bds_weixin:hover{
		background: url(../img/img50.png) center/cover no-repeat;
	}

	.bdimgshare-bg,.bdimgshare-content{display: none;}
	.footer .foot{
		background-color: #0778e3;
		height: 60px;
		padding: 17px 0;
		line-height: 26px;
	}
	.footer .foot .warp{
		max-width: 1455px;
		margin: 0 auto;
		padding: 0 30px;
	}
	.footer .foot .left{
		font-size: 12px;
		line-height: 26px;
		color: #b4d6f7;
	}
	.footer .foot .left a{color: #b4d6f7;}
	.footer .foot .left a:hover{color: #fff;}
	.footer .foot .right{
		width: 188px;
		height: 26px;
		line-height: 26px;
		padding: 0 10px;
		border-radius: 5px;
		position: relative;
		cursor: pointer;
		background:#2086e6 url(../img/img51.png) 90% center no-repeat;
	}
	.footer .foot .right p{
		height: 26px;
		line-height: 26px;
		color: #b4d6f7;
		width: 100%;
	}
	.footer .foot .right .ttip{
		width: 100%;
		position: absolute;
		bottom: 25px;
		left: 0;
		background-color: #2086e6;
		padding: 5px 8px 10px;
		display: none;
	}
	.footer .foot .right .ttip a{
		display: block;
		line-height: 26px;
		color: #b4d6f7;
		padding: 3px 0;
		font-size: 14px;
		border-bottom: 1px solid #3697f6;
	}
	.footer .foot .right .ttip a:hover{
		color: #fff;
	}
	.footer .foot .box{
		height: 13px;
		line-height: 13px;
		margin-right: 20px;
		font-size: 12px;
		margin-top: 7.5px;
		position: relative;
	}
	.footer .foot .box .tipimg{
		display: block;
		width: 120px;
		height: 120px;
		position: absolute;
		top: -145px;
		left: -20px;
		z-index: 2;
		display: none;
	}
	.footer .foot .box .tipimg img{
		display: block;
		width: 100%;
		height: 100%;
	}

	.footer .foot .box a{
		display: inline-block;
		color: #b4d6f7;
		padding: 0 17px 0 16px;
	}
	.footer .foot .box a:nth-child(1){border-right: 1px solid #2086e6}
	.footer .foot .box a:hover{color: #fff;}
	.flex-law {
		position: fixed;
		top: 40%;
		left: 10px;
		display: block;
		width: 398px;
		z-index: 49;
	}
	.flex-law a {
		display: block;
		width: 100%;
	}
	.flex-law img {
		width: 100%;
	}
	@media (max-width: 1024px){
		.flex-law {
			width: 30%;
		}
	}	
	@media (min-width:320px){
		.phone-serch{
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			display: none;
			height: 100%;
			z-index: 50;
			background-color: rgba(0,0,0,0.8);
		}
		.header-phone .serch .langue .mbox{
			width: 100px;
			left: -25px;
		}

		.phone-serbox{
			width: 92%;
			display: none;
			position: fixed;
			top: 0;
			left: 4%;
			z-index: 51;
		}
		.phone-serbox i{
			display: block;
			width: 20px;
			height: 20px;
			background: url(../img/ico_07.png) no-repeat center;
			background-size: 100% auto;
			position: fixed;
			right: 8%;
			top: 50px;
			cursor: pointer;
			z-index: 11;
		}
		.phone-serbox .mbox{
			width: 92%;
			/*border: 1px solid #aaa;*/
			background:#000;
			position: fixed;
			left: 4%;
			top: 120px;
			height: 60px;
			z-index: 11;
		}
		.phone-serbox .mbox .ser{
			border: none;
			width: 70%;
			background: none;
			font-size: 18px;
			color: #848484;
			height: 60px;
			float: left;
			line-height: 60px;
			padding: 0 4%;
		}
		.phone-serbox .mbox .btn{
			border: none;
			width:20%;
			height: 60px;
			float: right;
			background: url(../img/ico_08.png) no-repeat center/23px;
		}






		.phone-fot{
			background-color: #fff;
			padding-top: 45px;
		}
		.phone-fot .warp{
			padding:40px 4.5% 0;
			background-color: #0778e3;
		}
		.phone-fot .warp .img{
			width: 100px;
			height: 100px;
			margin: 0 auto;
		}
		.phone-fot .warp .img img{
			display: block;
			width: 100%;
			height: 100%;
		}
		.phone-fot .warp .center{
			text-align: center;
		}
		.phone-fot .tit{

			line-height: 1.2;
			color: #ffffff;
			display: block;
			padding:20px 0 ;
			padding-bottom: 18px;
			border-bottom: 1px solid #2086e6;
			font-size: 30px;
		}
		.phone-fot .bg{
			background: url(../img/img52.png) 97% center/18px auto no-repeat;
		}
		.phone-fot .box{
			width: 100%;
			padding: 10px 0 20px;
			display: none;
		}
		.phone-fot .box .mtit{
			font-size: 18px;
			line-height: 1.5;
			display: block;
			color: #ffffff;
			padding: 5px 0;
		}
		.phone-fot .bot{
			padding: 30px 0 60px;
			font-size: 18px;
			line-height: 30px;
			color: #b4d6f7;
		}
		.phone-fot .bot a{color: #b4d6f7;}
	}


	@media (min-width:320px) and (max-width: 767px){
		.base-title .mian{display: block;}
		.header,.base-title .warp{display: none;}
		.header-phone{
			padding: 0 4.5%;
			height: 52px;
			display: block;
		}
		.header-phone .serch .zihao{
			width: 26px;
			height: 100%;
			background:url(../img/ziti.png) no-repeat center;
			background-size: 100%;
			margin-right: 10px;
		}
		.header-phone .serch .langue a.en{
			width: 26px;
			text-indent: -999px;
			background:url(../img/yuyan.png) no-repeat center;
			background-size: 100%;
		}
		.header-phone .logo{
			width: 100px;
			float: left;
			padding:18px 0;
		}
		.header-phone .serch{
			padding: 0;
		}
		.header-phone .serch .langue,.header-phone .serch .lines{
			float: left;
		}
		.header-phone .serch .langue{
			font-size: 16px;
			text-align: center;
			font-family: 'arial';
			line-height: 52px;
			height: 52px;
			color: #666666;
			margin-right: 20px;
		}
		.header-phone .serch .lines{
			width:25px;
			height: 20px;
			margin-top: 16px;
		}
		.header-phone .serch .lines p{
			width:25px;
			height:2px;
		}
		.header-phone .serch .lines p:nth-child(2){top: 9px;}

		.header-phone .serch .lines p:nth-child(3){ top: 17px;}
		.header-phone .serch .lines.cur p:nth-child(3){
			-webkit-transform: rotateZ(-45deg);
			transform: rotateZ(-45deg);
		}
		.header-phone .tip-nav{top: 52px;}
		.header-phone .tip-nav li .title{
			font-size: 20px;
			height: 50px;
			line-height: 50px;
		}
		.header-phone .tip-nav li .title i{
			height: 35px;
		}
		.header-phone .tip-nav li .details a{
			height: 40px;
			line-height:40px;
			font-size: 18px;
		}
		.base-ban .warp{
			left: 4.5%;
			right: 4.5%;
			margin-left: 0;
		}
		.base-ban .warp h2{
			font-size: 32px;
			line-height:36px;
		}
		.base-ban .warp .fa{
			font-size: 17px;
			line-height: 22px;
		}
		.base-title{
			width: 91%;
			left: 4.5%;
			top: 15px;
			height: 35px;
			margin-left: 0;
		}
		.base-title .warp a{
			font-size: 14px;
			background: #0372cd url(../img/img4.png) 90% center no-repeat;
		}
		.base-title .warp a.on,.base-title:hover .warp a{
			height: 35px;
			line-height: 35px;
		}
		.fy a{
			display: inline-block;
			font-size: 16px;
			line-height: 20px;
			color: #6d6d6d;
			margin: 0 2px;
			border:1px solid #d3d3d3;
			padding: 0 10px;
			line-height: 29px;
			font-family: 'arial';
			cursor: pointer;
			border-radius: 2px;
		}
		.fy.mt76{margin-top: 30px;}
		.ohv{overflow: hidden;}
		.base-ban img{
			width: 150%;
			position: relative;
			left: -30%;
		}
		.base-title .mian a{
			font-size: 18px;
			background: #0372cd url(../img/img4.png) 90% center no-repeat;
		}
		.base-title .mian a.cur,.base-title .mian a.on{
			height: 50px;
			line-height: 50px;
		}
		.footer{display: none;}
		.base-box .img{
			height: 60px;
			width: 100%;
			position: absolute;
			left: 0;
			opacity: 0;
			filter: alpha(opacity=0);
			top: -23px;
			transition: all 0.3s;
			-webkit-transition: all  0.3s;
			background: url(../img/img49.jpg) center/cover no-repeat;
		}
		.base-box.on{
			top:23px;
		}

	}

	@media (min-width:768px) and (max-width: 992px){
		.phone-fot .warp .img{
			width: 140px;
			height: 140px;
		}
		.header,.base-title .warp{display: none;}
		.header-phone,.base-title .mian{display: block;}
		.base-ban img{
			width: 150%;
			position: relative;
			left: -30%;
		}
		.base-ban .warp{
			margin-left: 0;
			left:30px;
		}
		.base-title{
			left:30px;
			margin-left: 0;
		}
		.footer{display: none;}
		.phone-fot{padding-top:70px;}

	}	
	@media (min-width:992px){
		.phone-fot{display: none;}
	}



	@media (min-width:992px) and (max-width:1200px){
		.header .hd-link{
			right: 30px;
		}
		.header .nav{margin-left: 30px;}
		.header .nav ul li{margin-right: 18px;}
		.header .language .en{margin-left: 10px;}
		.header .nav ul .none{display: none;}
		.header .nav{margin-left: 25px;}
		.header .language{margin-right:30px;}
		.header .logo{
			margin-left: 30px;
			width: 180px; 
		}
		.footer .fot-bot .nav{
			width: 85%;
		}

		.footer .foot .box{margin-right: 8px;}
		.footer .foot .box a{
			padding: 0 8px 0 5px;
		}


	}
	@media (min-width:992px) and (max-width:1520px){
		.base-ban .warp{
			right: 30px;
			left: 30px;
			margin-left:0px;
			padding-left:0px;
		}
		.base-title{left: 30px;margin-left: 0}
	}
	@media (min-width:1101px) and (max-width:1200px){
		.header .nav ul li{margin-right: 27px;}
	}
	@media (min-width:1201px) and (max-width:1350px){
		.header .hd-link{
			right: 30px;
		}
		.header .nav ul li{margin-right: 28px;}
		.header .language{margin-right:30px;}
		.header .logo{margin-left: 30px;}
		.footer .fot-bot .nav{
			width: 85%;
		}
	}
	@media (max-width:1550px) and (min-width:1351px){
		.header .nav ul li{margin-right:38px;}

	}

	.new-con{
		padding: 30px;
	}
	.new-con table{
		margin:0 auto 10px;
	}
	.new-con table th{
		padding: 5px 10px;
		text-align: center;
	}
	.new-con table td{
		padding: 5px 10px;
	}
	@media(max-width: 767px){
		.new-con .t{
			width: 100%!important;
		}
		.new-con table{
			font-size: 12px;
		}
		.new-con table th{
			width: 25%;
			padding: 1px 2px;
		}
		.new-con table td{
			padding: 1px 2px;
		}
	}

	/*鏂板鍦板浘*/
	.n-service{
		position: relative;
		z-index: 2;

	}
	.n-service .s-select{
		width: 500px;
		height: 21rem;
		background: #fff;
		padding: 1.4rem 1rem;
	}
	.n-service .s-select .title {
		font-size: 0.6rem;
		margin-bottom: 0.5rem;
	}
	.n-service .s-select .select-box {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		align-items: center;
		position: relative;
		z-index: 2;
	}
	.n-service .s-select .select-box div.cs-select {
		width: 48%;
		height: 50px;
		line-height: 50px;
		font-size: 16px;
		color: #666;
		font-weight: normal;
		max-width: none;
		text-indent: 0.5rem;
		border: 2px solid #e2e2e2;
		border-radius: 8px;
		box-sizing: content-box;
		position: relative;
	}
	.n-service .s-select .select-box .cs-skin-border > span {
		border: none;
		padding: 0;
		padding-right: 1rem;
		position: relative;
	}
	.n-service .s-select .select-box .cs-select:after {
		content: "";
		position: absolute;
		width: 10px;
		height:6px;
		background: url('../../web/img/new-ico2g.png')no-repeat center center;
		background-size: contain;
		top: 0.6rem;
		right: 0.4rem;
	}
	.n-service .s-select .select-box .cs-select.cs-active:after {
		-webkit-transform: translateY(-50%) rotate(180deg);
		transform: translateY(-50%) rotate(180deg);
	}

	.cs-select ul {
		list-style: none;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	.n-service .s-select .select-box .cs-skin-border ul span {
		padding: 3px 15px;
		font-size: 14px;
		color: #666;
		height: 45px;
		line-height: 45px;
	}
	.n-service .s-select .warp-item-list {
		height: calc(100% - 150px);
	}
	.n-service .s-select .item-list {
		width: 95%;
		margin-top: 1rem;
		height: 100%;
	}
	.n-service .s-select .item-list .item {
		display: flex;
		flex-flow: column wrap;
		justify-content: flex-start;
		align-items: flex-start;
		padding: 0.75rem 0;
		border-bottom: 1px solid #e6e6e6;
		cursor: pointer;
	}
	.n-service .s-select .item-list .item .tit3 {
		margin-bottom: 15px;
		font-size: 0.5rem;
		color: #000;
		font-weight: bold;
	}
	.n-service .s-select .item-list .item .add, .n-service .s-select .item-list .item .tel {
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
		align-items: center;
		font-size: 0.4rem;
		color: #666;
	}
	.n-service .s-select .select-box .cs-select .cs-options {
		max-height: 150px;
		overflow-y: auto;
		position: absolute;
		left: 0;
		width: 100%;
		opacity: 0;
		visibility: hidden;
	}
	.n-service .s-select .select-box .cs-skin-border .cs-options {
		left: 0;
		top: 51px;
		background: #f8f8f8;
	}
	.cs-skin-border .cs-options li:hover, .cs-skin-border li.cs-focus{
		background: #f5f3ec;
	}

	.n-service .s-select .select-box .cs-select.cs-active .cs-options {
		opacity: 1;
		-webkit-transition: opacity 0.2s;
		transition: opacity 0.2s;
		visibility: visible;
	}
	.n-service .mapbox{
		width: calc(100% - 500px);
		height: 21rem;
	}


	@media(max-width: 1024px){
		.n-service .s-select {
			width: 45%;
		}
		.n-service .mapbox {
			width: 55%;
		}
	}

	@media(max-width: 767px){
		.n-service .s-select {
			width: 100%;
			padding: 3rem 5%;
			height: auto;
		}
		.n-service .mapbox {
			width: 100%;
			height: 300px;
		}
		.n-service .s-select .title {
			margin-bottom: 12.5px;
			font-size: 18px;
		}
		.n-service .s-select .select-box div.cs-select {
			height: 40px;
			line-height: 40px;
			padding-right: 0;
			text-indent: 15px;
		}
		.n-service .s-select .select-box .cs-skin-border > span {
			text-indent: 15px;
			font-size: 14px;
		}
		.n-service .s-select .select-box .cs-skin-border .cs-options {
			top: 41px;
		}
		.n-service .s-select .item-list {
			margin-top: 20px;
			max-height: 220px;
		}
		.n-service .s-select .item-list .item {
			padding: 15px 0;
		}
		.tit-20 {
			font-size: 14px;
		}
		.n-service .s-select .item-list .item .add {
			margin-bottom: 0;
		}
		.n-service .s-select .select-box .cs-select:after {
			top: 1.8rem;
			right: 1.4rem;
		}
		.n-service .s-select .item-list .item .tit3{
			font-size: 14px;
		}


	}



.footer .fot-telbox{
	padding: 0 30px;
    max-width: 1455px;
    display:block;
    margin: 30px auto 90px;
}
.footer .left-wrap .tx0{
  line-height: 1.2;
  font-size: 18px;
  color:#222222;
}
.footer .left-wrap .tx1{
  font-size: 14px;
  color:#666666;
  margin-top: 22px;
}
.footer .left-wrap .tx1 .i{
  float:left;
  width: 420px;
  line-height: 30px;
}