/*



By  石 

QQ  117188215



*/

@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,img{margin:0;padding:0}

ul,li,ol,dl,dt,dd{list-style: none;}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }

table{border-collapse:collapse;border-spacing:0}

audio,canvas,video { display: inline-block;*display: inline;*zoom: 1;}

fieldset,img{border:0}

caption,th{text-align:left}

q:before,q:after{content:''}

abbr,acronym{border:0;font-variant:normal}

sup{vertical-align:text-top}

sub{vertical-align:text-bottom}

input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}

input,textarea,select{*font-size:100%}

@media screen and (max-width: 767px){

	input[type="button"],input[type="submit"],input[type="reset"],textarea,select{-webkit-appearance: none;-webkit-tap-highlight-color:transparent;} 

}

a{ text-decoration: none;color: #666;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}

a:hover{text-decoration:none;cursor: pointer;}

html,body{

	font-family: "arial" ,'Microsoft Yahei';

	*font-family: "微软雅黑";

	*font-family: "Microsoft Yahei";

	color: #666;

	width: 100%;

	overflow-x: hidden;

	overflow-y: auto;

}

*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-tap-highlight-color:transparent}

img{

	-moz-user-select:none;/*火狐*/

	-webkit-user-select:none;/*webkit浏览器*/

	-ms-user-select:none;/*IE10*/

	-khtml-user-select:none;/*早期浏览器*/

	user-select:none;

}

body{position: relative;overflow-x: hidden;min-width: 320px;}

.clear{clear: both;}

.mt2{margin-top: 2% !important;}

.mb2{margin-bottom: 2% !important;}

.pt2{padding-top: 2% !important;}

.pb2{padding-bottom: 2% !important;}

.mt0{margin-top: 0% !important;}

.mb0{margin-bottom: 0% !important;}

.pt0{padding-top: 0% !important;}

.pb0{padding-bottom: 0% !important;}

.after:after{

    content: "";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}



.wrapper1440{

	max-width: 1440px;

	margin: 0 auto;

	position: relative;

}
.wrapper1200{

	max-width: 1200px;

	margin: 0 auto;

	position: relative;

}



@media only screen and (max-width:1440px) {

	.wrapper1440{
		width: 100%;

		padding: 0 15px;

	}
}
@media only screen and (max-width:1199px) {

	.wrapper1200{
		width: 100%;

		padding: 0 15px;

	}
}

.PubTopOut{

	position: relative;

}

.pubTop{

	height: 100px;

	overflow: hidden;

}
.pubTop>.wrapper1440{
	height: 100%;
}

.pubTop .logo{

	float: left;

	margin-top: 10px;

	height: 75px;

}

.pubTop .logo img{

	display: block;

	height: 100%;

	width: auto;

}

.pubTop .right{

	float: right;

	position: relative;

	padding-right: 245px;
	height: 100%;

}

.pubTop .right a{

	display: inline-block;

	font-size: 20px;

	color: #666666;

	float: right;

	display: block;

	margin-right: 15px;

	padding-left: 30px;

	height: 100px;

	line-height: 100px;
	display: none;

}

.pubTop .right a.chBtn{

	background: url(../images/btn_china.png) no-repeat left center;

}
.pubTop .right a.enBtn{

	background: url(../images/btn_en.png) no-repeat left center;

}

.pubTop .right a.on{

	color: #0e5ea7;

}



.searchBox{

	position: absolute;

	height: 45px;

	background: #f5f5f5;

	border-radius: 22px;

	right: 0;

	top: 50%;

	margin-top: -22px;

	overflow: hidden;

	font-size: 0;

}

.searchBox input[type=text]{

	width: 185px;

	border:none;

	height: 45px;

	background: none;

	outline: none;

	font-size: 14px;

	color: #bbbbbb;

	padding-left: 20px;

}

.searchBox .search_btn{

	width: 20px;

	height: 45px;

	background: url(../images/btn_search.png) no-repeat center;

	border: none;

	text-indent: -99999px;

	outline: none;

	margin-right: 22px;

	vertical-align: top;

}



.pubNav{

	position: relative;

	width: 100%;

	background: #084896;

	font-size: 16px;

	-webkit-transition: all .3s ease-in-out 0s;

	-moz-transition: all .3s ease-in-out 0s;

	-ms-transition: all .3s ease-in-out 0s;

	-o-transition: all .3s ease-in-out 0s;

	transition: all .3s ease-in-out 0s;

}

.pubNav li a{

	color: #fff;

	display: inline-block;

	padding: 0 10px;

	height: 1.5em;

	line-height: 1.5em;

	width: 100%;

}

.pubNav li>a{border-left: 1px solid #4b8ed8;}

.pubNav li{

	display: inline-block;

	width: 11.11%;

	position: relative;

	text-align: center;

	height: 45px;

	line-height: 45px;

}

.pubNav li:first-child a{border: none;}

.pubNav dl{

	position: absolute;

	width: 100%;

	background: rgba(8,72,150,0.6);

	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#66084896,endcolorstr=#66084896);	

	left: 0;

	top: 110%;

	z-index: 10;

	opacity: 0;

	filter:alpha(opacity=0); 

	-webkit-transition: all .3s ease-in-out 0s;

	-moz-transition: all .3s ease-in-out 0s;

	-ms-transition: all .3s ease-in-out 0s;

	-o-transition: all .3s ease-in-out 0s;

	transition: all .3s ease-in-out 0s;

	visibility: hidden;

	visibility: visible\9;

	display: none\9;

}

.pubNav dl dd{

	border-top: 1px solid #094d9b;

}

.pubNav ul li:hover dl{

	top: 100%;

	opacity: 1;

	filter:alpha(opacity=100);

	visibility: visible;

	display: block\9;

}

.navMenu{

	position: absolute;

	right: 0;

	margin: 0;

	height: 60px;

	width: 60px;

	z-index: 123456;

	display: none;

}

.navMenu:after,.navMenu:before{

	content: "";

	width: 30px;

	height: 2px;

	background: #084896;

	position: absolute;

	right: 50%;

	top: 23px; 

	margin: 0 -15px 0 0;

	-webkit-transition: all .5s ease-in-out 0s;

	transition: all .5s ease-in-out 0s;

}

.navMenu:after{

	top: auto;

	bottom: 23px;

}

.navMenu.on:before{

	top: 48%;

	-webkit-transform: rotateZ(45deg);

	transform: rotateZ(45deg);

	background: #fff;

}

.navMenu.on:after{

	bottom: 50%;

	-webkit-transform: rotateZ(-45deg);

	transform: rotateZ(-45deg);

	background: #fff;

}

@media only screen and (max-width:1199px) {
	.pubNav ul dl{

		display: block;

		opacity: 1;

		position: inherit;

		background: none;

		filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#00084896,endcolorstr=#00084896);	

		visibility: visible;

	}

	.pubNav ul li{

		height: auto;

		text-align: left;

		line-height: 40px;

	}

	.pubNav dl{

		font-size: 0;

	}

	.pubNav dl dd{

		border: none;

		font-size: 14px;

		display: inline-block;

		height: 25px;

		line-height: 25px;

		background: rgba(255,255,255,0.3);

		margin-right: 2px;

	}

	.pubNav ul li:hover dl{

		display: block;

	}

	.pubTop{

		height: 60px;

		line-height: 60px;

	}

	.pubTop .logo{

		height: 40px;

	} 

	.pubTop .right a{

		height: 60px;

		line-height: 60px;

	}

	.searchBox{

		height: 35px;

		line-height: 35px;

		border-radius: 17.5px;

		margin-top: -17.5px;

	}

	.searchBox input[type=text]{

		height: 35px;

		line-height: 35px;

	}

	.searchBox .search_btn{

		height: 35px;

	}

	.pubNav{

		position: absolute;

		top:0;

		right: 0;

	}

	.pubTop .right{

		margin-right: 50px;

	}

	.navMenu{

		display: block;

		z-index: 22;

	}

	.pubNav ul li{

		float: none;

		background: none;

		width: 100%;

	}

	.pubNav{

		width: 60px;

		height: 60px;

		position: absolute;

		top: 0;

		right: 0;

		background: none;

	}

	.pubNav ul{

		z-index: 21;

		padding: 20px 0;

		width: 300px;

		position: fixed;

		max-height: 100%;

		overflow-y: auto;

		right: 0;

		top:0;

		background: rgba(0,0,0,0.8);

		filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#80000000,endcolorstr=#80000000);

		transform: translateX(300px);
		-webkit-transform: translateX(300px);
		-moz-transform: translateX(300px);
		-ms-transform: translateX(300px);
		-o-transform: translateX(300px);

		-webkit-transition: all .3s ease-in-out 0s;

		-moz-transition: all .3s ease-in-out 0s;

		-ms-transition: all .3s ease-in-out 0s;

		-o-transition: all .3s ease-in-out 0s;

		transition: all .3s ease-in-out 0s;

	

	}

	.pubNav ul{

		padding: 20px 30px;

		overflow-y: auto;

	}

	.pubNav ul.slider{

		-webkit-transform: translateX(0);

		-moz-transform: translateX(0);

		-ms-transform: translateX(0);

		-o-transform: translateX(0);

	}

	.pubNav ul li a:hover{

		color: #084896;

	}

}

/*手机*/

@media only screen and (max-width:767px) {
	.pubTop .right{

		padding-right: 80px;

		width: auto;

	}

	.searchBox{

		width: auto;

		display: none;

	}

	.searchBox input[type=text]{

		width: 0;

		-webkit-transition: all .3s ease-in-out 0s;

		-moz-transition: all .3s ease-in-out 0s;

		-ms-transition: all .3s ease-in-out 0s;

		-o-transition: all .3s ease-in-out 0s;

		transition: all .3s ease-in-out 0s;

	}

	.searchBox.on input[type=text]{

		width: 150px;

	}

	.pubTop .logo{

		height: 35px;

		margin-top: 11px;

	}

	.pubTop .right{

		padding-right: 0;

		margin-right: 40px;

	}

	.pubTop .right a{

		padding: 0;

	}

	.pubTop .right a.enBtn,.pubTop .right a.chBtn{

		background: none;

		font-size: 16px;

	}

	.PubTopOut{

		position: fixed;

		width: 100%;

		height: 60px;

		top: 0;

		left: 0;

		z-index: 22;

		background: #fff;

	}

	.index_banner{

		margin-top: 60px;

	}
}





/*banner*/

.index_banner{

	width: 100%;

	padding-top: 36.5%;

	position: relative;

}

.index_banner .swiper-container{

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

}

.index_banner .swiper-container .swiper-slide{

	width: 100%;

	position: relative;

	height: 100%;

	overflow: hidden;

}

.index_banner img{

	display: block;

	width: auto;

	height: 100%;

	margin: 0 auto;

	position: absolute;

	top: 0;

	left: 50%;

	transform: translateX(-50%);

}

.index_banner .pagination{

	position: absolute;

	bottom: 2%;

	width: 100%;

	text-align: center;

	z-index: 3;

}

.index_banner .pagination span{

	display: inline-block;

	width: 40px;

	height:4px;

	background: rgba(255,255,255,0.3);

	margin: 0 4px;

	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#30ffffff,endcolorstr=#30ffffff);

}

.index_banner .pagination span.swiper-active-switch{

	background:#fff;

	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#00ffffff,endcolorstr=#00ffffff);

}



.index_one{

	width: 100%;

	position:relative;

	padding-top: 36%;

	overflow: hidden;

	background: #f7f7f7;

}

.index_one>div{

	position:absolute;

	width: 50%;

	height: 100%;

	top: 0;

	left: 0;

	right: 0;
	overflow: hidden;

}

.index_one .left>img{

	width: 100%;

	height: auto;

	display: block;

}

.index_one .bottom{

	width: 100%;

	height: 22%;

	position: relative;

}

.index_one .bottom ul{

	height: 100%;

	width: 100%;

	background: #6b9fc3;

}

.index_one .bottom li{

	float: left;

	width: 33.33%;

	height: 100%;

	display:table;

	table-layout: fixed;

	text-align: center;

	border-left: 1px solid #fff;

	cursor: pointer;

}

.index_one .bottom li:first-child{

	border: none;

}

.index_one .bottom li .in{

	display: table-cell;

	vertical-align: middle;

	color: #fff;

}

.index_one .bottom li.li1{background: #548ebd;}
.index_one .bottom li.li2{background: #6196c1;}
.index_one .bottom li.li3{background: #6b9fc3;}



.index_one .bottom li .in i{

	display: inline-block;

	width: 80px;

	height: 80px;

	background: url(../images/icon1.png) no-repeat;

	vertical-align: top;

	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;

}
.index_one .bottom li.li1 .in i{background-position:0 0;}
.index_one .bottom li.li2 .in i{background-position:0 -80px;}
.index_one .bottom li.li3 .in i{background-position:0 -160px;}

.index_one .bottom li .in h2{

	display: inline-block;

	text-align: left;

	padding-left: 5px;

	font-weight: normal;

	font-size: 26px;

	line-height: 1.5em;

}

.index_one .bottom li:hover i{

	transform: translateX(-10px);
	-webkit-transform: translateX(-10px);
	-moz-transform: translateX(-10px);
	-ms-transform: translateX(-10px);
	-o-transform: translateX(-10px);

}

.index_one .bottom li .in h2 p{

	font-size: 16px;

	position: relative;

	margin-bottom: 5px;

}

.index_one .bottom li .in h2 p:after{

	content: '';

	position: absolute;

	width: 1.5em;

	height: 1px;

	background: #fff;

	bottom: 0;

	left: 0;

}

.index_one .right{

	right: 0;

	left: auto;

	padding: 2% 4% 2% 2%;

	background: url(../images/a1.png) no-repeat right bottom ;

}



.index_one .right>h2{

	color: #b4d6fc;

	font-size: 42px;

	font-weight: normal;

	text-transform: uppercase;

	line-height: 1.5em;

	margin-bottom: 5%;

}

.index_one .right>h2 p{

	display: inline-block;

	position: relative;

}

.index_one .right>h2 p:after{

	content: '';

	position: absolute;

	width: 0.8em;

	height: 2px;

	background: #27adfe;

	bottom: 0;

	left: 0;

}

.index_one .right>h2 span{

	color: #0b5dab;

	font-size: 24px;

	padding-left:15px;

	display: inline-block;

	line-height: 1.5em;

	vertical-align: middle;

}

.index_one .right .word{

	font-size: 16px;

	color: #666;

	line-height: 2em;

	height: 10em;

	overflow: hidden;

	text-overflow: ellipsis;

	-o-text-overflow:ellipsis;

	display: -webkit-box;/*将对象作为弹性伸缩盒子模型显示*/

	-webkit-line-clamp: 5;/*限制显示的文本行数*/

	-webkit-box-orient: vertical;/*设置或检索伸缩盒对象的子元素的排列方式 */

	text-align: justify;

	padding-right: 5px;

}



.index_one .right .list{

	padding: 5% 0;

}

.index_one .right .list li{

	float: left;

	width: 25%;

}

.index_one .right .list li a{

	display: block;

	text-align: center;

}

.index_one .right .list i{

	display: block;

	width: 110px;

	height: 110px;

	border: 1px solid #27adfe;

	border-radius: 50%;

	margin: 0 auto;

	padding:25px;

	transition: all .5s;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-ms-transition: all .5s;

	-o-transition: all .5s;

	background-size:100% ;

	background: #f7f7f7;

}

.index_one .right .list i em{

	display: block;

	width: 60px;

	height: 60px;

	background: url(../images/icon2.png) no-repeat;

	transition: all .3s;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-ms-transition: all .3s;

	-o-transition: all .3s;

}

.index_one .right .list i.i1 em{background-position:0 0;}
.index_one .right .list i.i2 em{background-position:0 -60px;}
.index_one .right .list i.i3 em{background-position:0 -120px;}
.index_one .right .list i.i4 em{background-position:0 -180px;}


.index_one .right .list li:hover i{

	background: url(../images/a2.png) no-repeat center;

	border: none;

	background-size:100% ;

}

.index_one .right .list li:hover i.i1 em{background-position:-60px 0;}
.index_one .right .list li:hover i.i2 em{background-position:-60px -60px;}
.index_one .right .list li:hover i.i3 em{background-position:-60px -120px;}
.index_one .right .list li:hover i.i4 em{background-position:-60px -180px;}



.index_one .right .list p{

	font-size: 18px;

	color: #333;

	line-height: 2em;

	margin-top: 10px;

}

.index_one .moreBtn{

	position: absolute;

	bottom: 8%;

	background: #f7f7f7;

}

.moreBtn{

	width: 216px;

	height: 60px;

	line-height: 60px;

	display: block;

	border-radius:30px ;

	color: #999999;

	font-size: 18px;

	border: 1px solid #d4d4d4;

	box-shadow:0 5px 5px rgba(212,212,212,0.3);

	text-align: center;

	margin: 0 auto;

}

.moreBtn>i{

	display: inline-block;

	width: 25px;

	height: 17px;

	vertical-align: middle;

	margin-left: 37px;

	background: url(../images/icon3.png) no-repeat center;

	transition: all .3s;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-ms-transition: all .3s;

	-o-transition: all .3s;

}

.moreBtn:hover{

	border: 1px solid #b8dfff;

	color: #219bfe;

}

.moreBtn:hover i{

	transform: translateX(10px);
	-webkit-transform: translateX(10px);
	-moz-transform: translateX(10px);
	-ms-transform: translateX(10px);
	-o-transform: translateX(10px);

	background: url(../images/icon4.png) no-repeat center;

}



@media only screen and (max-width:1680px) {

	.moreBtn{

		height: 40px;

		line-height: 40px;

		width: 180px;

	}

	.index_one .right .list{

		padding: 5% 0;

	}

	.index_one .right{

		padding: 2% 4% 2% 2%;

	}

	.index_one .right .list i{

		width: 100px;

		height: 100px;

		padding: 20px;

	}

}

@media only screen and (max-width:1800px) {
	.index_one .bottom li .in h2{

		font-size: 20px;

	}

	.index_one .bottom li .in h2 p{

		font-size: 14px;

	}

	.index_one .bottom li .in i{

		width: 40px;

		height: 40px;

		background: url(../images/icon1.png) no-repeat;

		background-size:40px 120px;

	}

	.index_one .bottom li.li1 .in i{background-position:0 0;}

	.index_one .bottom li.li2 .in i{background-position:0 -40px;}

	.index_one .bottom li.li3 .in i{background-position:0 -80px;}

	.index_one .right .list i{

		width: 80px;

		height: 80px;

		padding: 10px;

	}

	.moreBtn{

		width: 180px;
		height: 40px;
		line-height: 40px;
		bottom: 2%;

	}

	.index_one .right>h2{

		font-size: 36px;

	}
}
@media only screen and (max-width:1360px) {
	.index_one .right .list p{

		font-size: 16px;

	}

	.moreBtn{

		width: 180px;

	}

	.index_one .right .word {

	    font-size: 14px;

	    color: #666;

	    line-height: 2em;

	    height: 8em;

	    overflow: hidden;

	    text-overflow: ellipsis;

	    -o-text-overflow: ellipsis;

	    display: -webkit-box;

	    -webkit-line-clamp: 4;

	    -webkit-box-orient: vertical;

	}
}
@media only screen and (max-width:1200px) {
	.index_one .bottom li .in h2{

		font-size: 18px;

	}

	.index_one{

		padding: 0;

	}

	.index_one>div{

		position: inherit;

		width: 100%;

	}

	.index_one .left>img{

		width: 100%;

		height: auto;

	}

	.index_one .bottom li .in{

		padding: 20px 0;

	}

	.index_one .moreBtn{

		position: static;

		margin-bottom: 20px;

	}

	.index_one .right>h2 span{

		font-size: 20px;

	}

	.index_one .right>h2{

		font-size: 30px;

	}

	.index_banner{

		width: 100%;

		padding-top: 45%;

		position: relative;

	}
}
@media only screen and (max-width:767px) {
	.index_one .bottom li .in i{

		display: block;

		margin: 0 auto;

	}

	.index_one .right .list i{

		width: 60px;

		height: 60px;

		padding:15px;

	}

	.index_one .right .list i em{

		width: 30px;

		height: 30px;

		background-size:60px 120px;

	}

	.index_one .right{

		background-size:50% auto;

	}

	.index_one .right .list i.i1 em{background-position:0 0;}

	.index_one .right .list i.i2 em{background-position:0 -30px;}

	.index_one .right .list i.i3 em{background-position:0 -60px;}

	.index_one .right .list i.i4 em{background-position:0 -90px;}

	.moreBtn{font-size: 14px;width: 150px;}

	.index_one .right .list li:hover i.i1 em{background-position:-30px 0;}

	.index_one .right .list li:hover i.i2 em{background-position:-30px -30px;}

	.index_one .right .list li:hover i.i3 em{background-position:-30px -60px;}

	.index_one .right .list li:hover i.i4 em{background-position:-30px -90px;}

	.index_banner{

		width: 100%;

		padding-top: 50%;

		position: relative;

	}

	.index_one .left>img{

		display: none;

	}


}



.inPubtit{

	font-weight: normal;

	color: #0b5dab;

	font-size: 30px;

	text-align: center;

	line-height: 1.5em;

}

.inPubtit>p{

	text-transform: uppercase;

	font-size: 16px;

	color: #bbbbbb;

}

/*产品*/

.index_two{

	width: 100%;

	padding: 4% 0;

}



.index_two .wrapper1440{

	padding: 0 90px;

}

.index_two .swiperOut{

	max-width: 1260px;

	position: relative;

	padding-top: 30.587%;

	margin: 5% auto;

	

}

.index_two .swiperOut .swiper-containerb{

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

}

.index_two .swiper-slide{

	transition: all .5s;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-ms-transition: all .5s;

	-o-transition: all .5s;

}
.index_two .swiper-slide a{

	display: block;

	width: 100%;

	height: 100%;

}

.index_two .swiper-slide .in{

	background: #f3f4f3;

	width: 94%;

	height: 94%;

	margin: 1% auto 5%;

	box-shadow: 0 5px 20px rgba(0,0,0,0.2);

	font-size: 20px;

	position: relative;

}

.index_two .in .img{

	width: 100%;

	height:75%;

	text-align: center;

	display: table;

	table-layout: fixed;

	overflow: hidden;

	position: relative;

}

.index_two .in .img p{

	width: 100%;

	height:12.6em;

	display: table-cell;

	vertical-align: middle;

}

.index_two .swiperOut .paginationb{

	position: absolute;

	width: 100%;

	left: 0;

	text-align: center;

	bottom:-10px;

	display: none;

}

.index_two .swiperOut .paginationb span{

	display: inline-block;

	width: 10px;

	height: 10px;

	border: 1px solid #ccc;

	border-radius: 50%;

	margin: 0 2px;

}

.index_two .swiperOut .paginationb span.swiper-active-switch{

	background: #066DCC;

	border: none;

}

.index_two .in .img img{

	max-width: 90%;

	max-height: 90%;

	width: auto;

	height: auto;

}

.index_two .in .word{

	height: 30%;

	width: auto;

	background: #fff;

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	text-align: center;

	display: table;

}

.index_two .in .word p{

	display: table-cell;

	vertical-align: middle;

	width: 100%;

	color: #0b5dab;

	font-size: 20px;

	

}

.index_two .in .word span{

	display: block;

	font-size: 14px;

	color: #999999;

	line-height: 2em;

}

.arrow-left,.arrow-right{

	display: block;

	position: absolute;

	width: 40px;

	height: 80px;

	background-color:#cccccc;

	background-repeat:no-repeat ;

	background-position:center center;

	top: 35%;

	margin-top: -40px;

	transition: all .3s;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-ms-transition: all .3s;

	-o-transition: all .3s;

}

.arrow-left{

	left: 0;

	background-image:url(../images/icon5.png);

}
.arrow-right{

	right: 0;

	background-image:url(../images/icon6.png);

}

.arrow-left:hover,.arrow-right:hover{

	background-color:#219bfe ;

}

.index_two .swiper-slide .word1{

	display: table;

	position: absolute;

	width: 100%;

	height: 100%;

	bottom: 0;

	background: url(../images/a4.png) no-repeat center;

	visibility: visible;

	transition: all .5s;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-ms-transition: all .5s;

	-o-transition: all .5s;

	text-align: center;

	opacity: 0;

	fill: alpha(opacity=0);

	transform: translateY(100%);
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);

}

.index_two .swiper-slide .word1 ul{

	display: table-cell;

	vertical-align: middle;

	padding: 2% 8%;

}

.index_two .swiper-slide .word1 li{

	padding-left: 5em;

	position: relative;

	font-size: 14px;

	color: #fff;

	line-height: 1.5em;

	margin-bottom: 0.5em;

}

.index_two .swiper-slide .word1 li span{

	position: absolute;

	top: 0;

	left: 0;

	display: block;

}

.index_two .swiper-slide .word1 p{

	height: 1.5em;

	text-align: left;

	display: block;

}

.index_two .swiper-slide  .word .xiazaiBtn{

	display: block;

	height: 30px;

	line-height: 30px;

	text-align: center;

	width: 120px;

	font-size: 14px;

	color: #0c549d;

	background:#0c549d;

	color: #fff;

	margin: 8% auto 0;

}





.index_two .swiper-slide:hover{

	transform: scale(1.02) translateY(-5px);
	-webkit-transform: scale(1.02) translateY(-5px);
	-moz-transform: scale(1.02) translateY(-5px);
	-ms-transform: scale(1.02) translateY(-5px);

}

.index_two .swiper-slide:hover .word1{

	opacity: 1;

	fill: alpha(opacity=100);

	transform: translateY(0);

	-webkit-transform: translateY(0);

	-moz-transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

}

@media only screen and (max-width:1440px ) {
	.index_two .swiper-slide .in{

		font-size: 18px;

	}
}
@media only screen and (max-width:1340px ) {
	.index_two .swiper-slide .in{

		font-size: 16px;

	}
}


@media only screen and (max-width:1199px ) {
	.index_two .swiper-slide .in{

		font-size: 14px;

	}

	.index_two .in .word{

		height: 25%;

	}

	

	.index_two .wrapper1440{

		padding: 0 60px;

	}

	.index_two .swiper-slide .word1{

		opacity: 1;

		fill: alpha(opacity=100);

		transform: translateY(0);

		-webkit-transform: translateY(0);

		-moz-transform: translateY(0);

		-ms-transform: translateY(0);

		-o-transform: translateY(0);

	}
}
@media only screen and (max-width:1024px ) {

	.index_two .swiper-slide .in{

		font-size: 12px;

	}
	.index_two .wrapper1440{

		padding: 0 40px;

	}

	.index_two .swiper-slide .in{

		box-shadow: 0 2px 10px rgba(0,0,0,0.2);

	}

	.arrow-left,.arrow-right{

		display: none;

	}

	.index_two .swiper-slide:hover i{

		opacity: 0;

		filter: alpha(opacity=0);

	}

	.index_two .swiper-slide:hover i em{

		opacity: 0;

		filter: alpha(opacity=0);

	}

	.index_two .swiper-slide:hover .word{

		border-bottom: 1px solid #219bfe;

	}

	.index_two .swiper-slide:hover{

		transform: scale(1) translateY(0);
		-webkit-transform: scale(1) translateY(0);
		-moz-transform: scale(1) translateY(0);
		-ms-transform: scale(1) translateY(0);

	}
}

@media only screen and (max-width:1023px ) {
	.index_two .swiperOut{

		padding-top: 40.587%;

	}
}
@media only screen and (max-width:767px ) {

	.index_two .wrapper1440{

		padding: 0 15px;

	}

	.index_two .swiperOut{

		padding: 0;

		padding-top: 80.587%;

	}

	.index_two .swiperOut .paginationb{

		display: block;

	}

}


.index_three{

	width: 100%;

	padding: 4% 0;

	background: url(../images/b3.jpg) no-repeat center;

	background-size:cover;
	-webkit-background-size:cover;

}

.index_three .wrapper1440{

	padding-top: 4%;

}

.index_three .inPubtit{color: #fff;}

.index_three .inPubtit>p{color: #f7f7f7;}



.index_four{

	width: 100%;

	padding: 4% 0;

	background: #f6f6f6;

}

.newsNav{

	text-align: center;

	margin: 4% 0;

}

.newsNav li{

	display: inline-block;

	width: 165px;

	height: 45px;

	line-height: 45px;

	border-radius: 20px;

	background: #f0f0f0;

	color: #666666;

	margin: 0 50px;

	font-size: 16px;

	cursor: pointer;

}

.newsNav li a{

	color: #666666;

}
.newsNav li.on a{

	color: #fff;

}

.newsBox{

	margin-bottom: 4%;

}

.newsBox .list{

	display: none;

}

.newsBox .list:first-child{

	display: block;

}

.newsNav li.on{

	background: #0951a0;

	color: #fff;

}

.picNews li{

	float: left;

	width: 47.2%;

	margin-left: 5.4%;

	padding-top: 14.632%;

	position: relative;

	margin-bottom: 2%;

}

.picNews li:first-child{

	margin-left: 0;

}

.picNews .box{

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	padding-left: 43.5%;

}

.picNews .box>img{

	width: 43.5%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	display: block;

}

.picNews .box .word{

	padding: 6%;

	padding-right: 15%;

	width: 100%;

	height: 100%;

	background: #fff;

	box-shadow: 2px 3px 15px rgba(0,0,0,0.1);

	transition: all .3s;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-ms-transition: all .3s;

	-o-transition: all .3s;

}

.picNews .word h2{

	font-size: 16px;

	color: #333333;

	font-weight: normal;

	line-height: 1.8em;

	margin-bottom: 2%;

	height: 3.6em;

	width: 100%;

	overflow : hidden;

	text-overflow: ellipsis;

	-o-text-overflow:ellipsis;

	display: -webkit-box;/*将对象作为弹性伸缩盒子模型显示*/

	-webkit-line-clamp: 2;/*限制显示的文本行数*/

	-webkit-box-orient: vertical;/*设置或检索伸缩盒对象的子元素的排列方式 */

}
.picNews .word p{

	font-size: 14px;

	color: #999999;

	line-height: 1.8em;

	margin: 3% 0;

	height: 3.6em;

	width: 100%;

	overflow : hidden;

	text-overflow: ellipsis;

	-o-text-overflow:ellipsis;

	display: -webkit-box;/*将对象作为弹性伸缩盒子模型显示*/

	-webkit-line-clamp: 2;/*限制显示的文本行数*/

	-webkit-box-orient: vertical;/*设置或检索伸缩盒对象的子元素的排列方式 */

}

.picNews .word span,.wordNews .word span{

	font-size: 12px;

	color: #cccccc;

	display: block;

	line-height: 1.5em;

}

.picNews li:hover .word h2,.wordNews li:hover .word h2{color: #0951a0;}
.picNews li:hover .word,.wordNews li:hover{

	box-shadow: 2px 5px 20px rgba(9,81,160,0.3);

}

.wordNews li{

	float: left;

	width: 32.33%;

	margin-left: 1.5%;

	background: #fff;

	padding: 1.5%;

	padding-right: 3%;

	box-shadow: 2px 3px 15px rgba(0,0,0,0.1);

	transition: all .3s;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-ms-transition: all .3s;

	-o-transition: all .3s;

}

.wordNews li:first-child{

	margin: 0;

}

.wordNews .word h2{

	font-size: 16px;

	color: #333333;

	font-weight: normal;

	line-height: 1.8em;

	margin-bottom: 2%;

	height: 1.8em;

	width: 100%;

	overflow : hidden;

	overflow: hidden;

	white-space:nowrap; 

	text-overflow:ellipsis;

	-o-text-overflow:ellipsis;

}

.wordNews .word p{

	font-size: 14px;

	color: #999999;

	line-height: 1.8em;

	margin: 3% 0;

	height: 5.4em;

	width: 100%;

	text-align: justify;

	overflow : hidden;

	text-overflow: ellipsis;

	-o-text-overflow:ellipsis;

	display: -webkit-box;/*将对象作为弹性伸缩盒子模型显示*/

	-webkit-line-clamp: 3;/*限制显示的文本行数*/

	-webkit-box-orient: vertical;/*设置或检索伸缩盒对象的子元素的排列方式 */

}



@media only screen and (max-width:1440px){

	.picNews .word h2{

		line-height: 1.8em;

		height: 1.8em;

		width: 100%;

		overflow : hidden;

		text-overflow: ellipsis;

		-o-text-overflow:ellipsis;

		display: -webkit-box;/*将对象作为弹性伸缩盒子模型显示*/

		-webkit-line-clamp: 1;/*限制显示的文本行数*/

		-webkit-box-orient: vertical;/*设置或检索伸缩盒对象的子元素的排列方式 */



	}
}
@media only screen and (max-width:1200px){

	.inPubtit{font-size: 24px;}

	.newsNav li{

		width: 130px;

		margin: 0 10px;

	}

	.picNews .box .word{

		padding-right: 8%;

	}

	.picNews .word p{

		margin: 1% 0;

	}
}
@media only screen and (max-width:1024px){

	.picNews li{

		width: 100%;

		padding-top: 30.8%;

		margin-left: 0;

	}

	.picNews .word h2{

		margin-bottom: 2%;

		-webkit-line-clamp: 2;/*限制显示的文本行数*/

	}

	.wordNews li{

		width: 100%;

		margin-left: 0;

		margin-bottom: 2%;

		padding: 10px;

	}

	.wordNews li:first-child{

		margin-bottom: 2%;

	}

}
@media only screen and (max-width:767px){

	.inPubtit{font-size: 20px;}
	.inPubtit>p{font-size: 14px;}

	.newsNav li{

		width: auto;

		padding:0 10px;

		height: 35px;

		line-height: 35px;

		margin: 0 1px;

		font-size: 14px;

	}

	.picNews .box .word{

		padding: 10px;

	}

	.picNews .word h2,.wordNews .word h2{

		font-size: 14px;

		margin: 0;

	}

	.wordNews .word p,.picNews .word p{

		margin: 0;

	}

	.picNews .word p{

		font-size: 14px;

		color: #999999;

		line-height: 1.8em;

		height: 1.8em;

		width: 100%;

		overflow: hidden;

		white-space:nowrap; 

		text-overflow:ellipsis;

		-o-text-overflow:ellipsis;

		display: block; 

	    -webkit-line-clamp: inherit; 

	    -webkit-box-orient: vertical; 



	}
}



.index_five{

	width: 100%;

	padding: 3% 0;

	background: #0c549d;

	position: relative;

}

.index_five li{

	float: left;

	width: 14.2857%;

	height: 90px;

	text-align: center;

	padding: 10px;

	display: table;

	table-layout: fixed;

	overflow: hidden;

}

.index_five li div{

	max-width: 100%;

	max-height: 100%;

	height: 90px;

	display: table-cell;

	vertical-align: middle;

}

.index_five  li div img{

	max-width: 100%;

	max-height: 100%;

	width: auto;

	height:  auto;

}

.index_five .lianxiBox{

	display: table;

	width: 100%;

	margin-top: 20px;

}

.index_five .lianxiBox p{

	display: table-cell;

	color: #fff;

	font-size: 22px;

}

.index_five .lianxiBox .p3{

	text-align: right;

}
.index_five .lianxiBox .p2{

	text-align: right;

}

.index_five .lianxiBox p i{

	display: inline-block;

	width: 40px;

	height: 40px;

	vertical-align: middle;

	background: url(../images/icon8.png) no-repeat;

}

.index_five .lianxiBox p.p1 i{

	background-position:0 0;

}
.index_five .lianxiBox p.p2 i{

	background-position:0 -40px;

}
.index_five .lianxiBox p.p3 i{

	background-position:0 -80px;

}

.index_five .qqzixun{

	display: block;

	width: 150px;

	height: 48px;

	border-radius: 4px;

	border: 1px solid #80a4c8;

	margin: 2% auto;

	text-align: center;

	line-height: 48px;

	color: #fff;

	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;

}

.index_five .qqzixun i{

	display: inline-block;

	width: 22px;

	height: 23px;

	background: url(../images/icon9.png) no-repeat center;

	vertical-align: middle;

	margin-right: 5px;

}

.index_five .qqzixun:hover{

	box-shadow: 0 0 10px rgba(255,255,255,0.3);

	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	-o-transform: translateY(-5px);

}



.backTop{

	display: block;

	position: absolute;

	left: 50%;

	bottom: -32px;

	margin-left: -32.5px;

	width: 65px;

	height: 65px;

	background: url(../images/icon10.png);

	transition: all .3s;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-ms-transition: all .3s;

	-o-transition: all .3s;

}

.backTop:hover{

	transform: translateY(-5px);

	-webkit-transform: translateY(-5px);

	-moz-transform: translateY(-5px);

	-ms-transform: translateY(-5px);

	-o-transform: translateY(-5px);

}





@media only screen and (max-width:1440px ) {
	.index_five .lianxiBox p{

		font-size: 20px;

	}
}
@media only screen and (max-width:1200px ) {
	.index_five .lianxiBox p{

		font-size: 16px;

	}

}
@media only screen and (max-width:1024px ) {
	.index_five li{

		width: 20%;

		height: 70px;

	}

	.index_five li div{

		height: 70px;

	}

	.index_five .lianxiBox{

		display: block;

	}
	.index_five .lianxiBox p{

		display: block;

		text-align: left;

		line-height: 2em;

		padding: 5px 0;

	}
	.index_five .lianxiBox p i{

		background-size:30px;

		width: 30px;

		height: 30px;

	}

	.index_five .lianxiBox .p2,
	.index_five .lianxiBox .p3{text-align: left;}

	.index_five .lianxiBox p.p1 i{

		background-position:0 0;

	}

	.index_five .lianxiBox p.p2 i{

		background-position:0 -30px;

	}

	.index_five .lianxiBox p.p3 i{

		background-position:0 -60px;

	}
}
@media only screen and (max-width:767px ) {
	.index_five li{

		width: 25%;

		height: 50px;

	}

	.index_five li div{

		width: 100%;

		height:50px;

	}

	.index_five .qqzixun{

		margin: 2% auto 7%;

	}

	.backTop{

		display: block;

		position: absolute;

		left: 50%;

		bottom: -5px;

		margin-left: -15px;

		width: 30px;

		height: 28px;

		background: url(../images/icon10.png);

		background-size:cover;
		-webkit-background-size:cover;

		transition: all .3s;

		-webkit-transition: all .3s;

		-moz-transition: all .3s;

		-ms-transition: all .3s;

		-o-transition: all .3s;

	}
}



/*公共底部*/

.pubfooter{

	padding-top: 4%;

	border-top: 1px solid #ececec;

}

.pubfooter .top{

	position: relative;

	padding-left: 98px;

	margin-bottom: 3.5%;
	min-height: 30px;

}

.pubfooter .top span{

	display:block;

	width: 98px;

	height: 31px;

	line-height: 31px;

	padding-left: 15px;

	position: absolute;

	left: 0;

	top: 0;

	color: #fff;

	font-size: 16px;

	background: url(../images/a8.png) no-repeat center;

}

.pubfooter .top a{

	font-size: 16px;

	color: #666;

	line-height: 31px;

	padding: 0 12px;

}

.pubfooter .top a:hover{color: #066dcc;}

.pubfooter .center{

	padding-right: 230px;

	position: relative;

	padding-bottom: 2%;

}
.pubfooter .center .left{
	width: 100%;
}

.pubfooter .center dl{

	float: left;

	width: 20%;

	text-align: left;

}

.pubfooter .center dl dt a{

	color: #666666;

	font-size: 18px;

	line-height: 2.5em;

	margin-bottom: 10px;

	border-bottom: 1px solid #ececec;

	position: relative;

	width: 5em;

}

.pubfooter .center dl dt a:before{

	content: '';

	width: 1.2em;

	height: 2px;

	position: absolute;

	bottom: 0;

	left: 0;

	background: #0951a0;

}

.pubfooter .center dl a{

	display: inline-block;

	color: #999999;

	font-size: 14px;

	line-height: 2em;

}

.pubfooter .center dl a:hover{

	color: #066dcc;

}



.pubfooter .center .right{

	position: absolute;

	right: 75px;

	top: 0;

	width: 145px;

	text-align: center;

	color: #999;

	font-size: 16px;

	line-height: 1.5em;

}

.pubfooter .center .right img{

	width: 118px;

	height: 118px;

}

.pubfooter .bottom{

	background: #092137;

	height: 40px;

	line-height: 40px;

	color: #465566;

	font-size: 14px;

	overflow: hidden;

}

.pubfooter .bottom .right{

	float: right;

}

.pubfooter .bottom .right a{

	color: #465566;

}

.pubfooter .bdsharebuttonbox,.pubfooter .fr{

	display: inline-block;

	vertical-align: middle;

	padding-left: 20px;

}
.bd_weixin_popup{

	height: 290px !important;

}

.pubfooter .bdshare-button-style2-16 a,.pubfooter .bdshare-button-style2-16 .bds_more{

	float: none !important;

	background-position:0 0 !important;

}

.pubfooter .bdshare-button-style2-16 .bds_sqq{background: url(../images/icon11.png) no-repeat;}

.pubfooter .bdshare-button-style2-16 .bds_tsina{background: url(../images/icon12.png) no-repeat;}
.pubfooter .bdshare-button-style2-16 .bds_weixin{background: url(../images/icon13.png) no-repeat;}
.pubfooter .bdshare-button-style2-16 .bds_bdhome{background: url(../images/icon14.png) no-repeat;}

@media only screen and (max-width:1200px ) {

	.pubfooter .center dl dt a{

		font-size: 16px;

	}

}
@media only screen and (max-width:1024px ) {

	.pubfooter .center .left{

		display: none;

	}

	.pubfooter .center{

		padding: 0;

		padding-bottom: 2%;

	}

	.pubfooter .center .right{

		position: initial;

		width: 100%;

	}

	.pubfooter .bdsharebuttonbox{

		display: none;

	}

	.pubfooter .top span{

		font-size: 14px;

	}

	.pubfooter .top a{

		font-size: 14px;

	}

	.pubfooter .center .right{

		font-size: 14px;

	}

}
@media only screen and (max-width:767px ) {

	.pubfooter .center,.pubfooter .top{

		display: none;

	}

	.pubfooter{

		padding-top:0;

	}

	.pubfooter .bottom{

		height: auto;

		line-height:2em;

	}

	.pubfooter .bottom .right{

		float: left;

	}

}



.newsCenter {

	padding-top: 2%;

}

.newsCenter .picNews li{

	width: 48%;

	margin:0 1% 2%;

}
.newsCenter .newsBox{

	margin: 0;

}

.page{

	width: 100%;

	text-align: center;

	font-size: 14px;

	margin: 2% auto;

}

.page a{

	display: inline-block;

	height: 35px;

	line-height: 35px;

	width: 40px;

	text-align: center;

	border: 1px solid #e6e6e6;

	font-size: 14px;

	margin: 0 3px;

	color: #666;

}

.page a.fanye{

	width: 75px;

}

.page a:hover,.page a.on{

	background: #0c549d;

	color: #fff;

}

.neibanner{

	width: 100%;

	position: relative;

	padding-top: 17.5%;

}

.neibanner .img{

	height: 100%;

	width: 100%;

	position: absolute;

	top: 0;

	left: 0;

	overflow: hidden;

	text-align: center;

}

.neibanner .img img{

	height: 100%;

	width: auto;

}

.neibanner .word{

	position: absolute;

	background: rgba(0,0,0,0.1);

	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000,endcolorstr=#99000000);

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	text-align: center;

	color: #fff;

	padding-top:4.5%;

}

.neibanner .word h2{

	font-size: 26px;

	font-weight: normal;

	line-height: 2em;

	letter-spacing: 2px;

}

.neibanner .word p{

	font-size: 24px;

	line-height: 2em;

	text-transform: uppercase;

	position: relative;

	padding-bottom:10px;

}

.neibanner .word p:before{

	content: '';

	width: 2em;

	height: 2px;

	background: #fff;

	position: absolute;

	bottom: 0;

	left: 50%;

	margin-left: -1em;

}

.nei_nav{

	height: 50px;

	line-height: 50px;

	font-size: 14px;

	color: #666666;

	border-bottom: 1px solid #eeeeee;

}

.nei_nav a{

	color: #666666;

}

.nei_nav a:hover{

	color: #066DCC;

}

.xq_content{

	padding: 4% 0;

}



.xq_content>h2{

	text-align: center;

	font-size: 24px;

	color: #333333;

	font-weight: normal;

	line-height: 1.5em;

}

.xq_content>.share_box{

	text-align: center;

	font-size: 14px;

	color: #999999;

	margin: 30px 0;

	max-width: 1200px;

	margin: 2% auto;

}

.xq_content>.share_box>span{

	float: left;

}

.xq_content .share_box .right{

	float: right;

}

.share_box .bdsharebuttonbox{

	display: inline-block;

	vertical-align: middle;

}

.xq_content .share_box .bdshare-button-style2-16 a,.share_box  .bdshare-button-style2-16 .bds_more{

	padding-left: 20px;

}

.xq_content .share_box .bds_weixin{

	background: url(../images/b05.jpg) no-repeat;

	background-position:center !important;

}



.bianji_word{

	font-size: 16px;

	line-height:2em;

	color: #666666;

	text-align: justify;

}

.bianji_word *{

	max-width: 100%;

	height: auto;

}



.shitit{

	font-size: 25px;

	color: #333333;

	font-weight: normal;

	text-align: center;

	line-height: 2em;

	margin-top: 1%;

}

.shiimg{

	display: block;

	margin: 0 auto;

}

@media only screen and (max-width:1440px ) {
	.xq_content{

		padding: 4% 15px;

	}
}

@media only screen and (max-width:1024px) {
	.newsCenter .picNews li{

		width: 100%;

		margin:0 0 2%;

	}

	.page{

		margin-top: 20px;

	}

	.page a{

		width: 30px;

		height: 30px;

		line-height: 30px;

	}

	.page a.fanye{

		width: 60px;

	}

	.neibanner{

		padding-top: 30%;

	}

	.neibanner .word h2,.neibanner .word p{

		font-size: 16px;

		font-weight: normal;

		line-height: 2em;

	}

	.neibanner .word p{

		font-size: 14px;

	}

	.xq_content .share_box .right{

		display: none;

	}

	.xq_content>h2{

		font-size: 18px;

	}

	.shiimg{

		width: 70%;

	}

	.shitit{

		font-size: 22px;

	}

	.neibanner .word{

		padding-top: 9%;

	}

}
@media only screen and (max-width:767px) {
	.neibanner{

		margin-top: 60px;

		padding-top: 50%;

	}

	.nei_nav{

		display: none;

	}

	.xq_content>h2{

		font-size: 16px;

	}

	.shitit{

		font-size: 18px;

	}

	.neibanner .word p{

		font-size: 12px;

	}

	.neibanner .word{

		padding-top:15%;

	}

	.page a{

		margin: 0;

	}
}



.zhaopin_one{

	padding: 2% 0;

	font-size: 0;

}

.zhaopin_one ul{

	padding: 5% 0;

	text-align: center;

}

.zhaopin_one li{

	display: inline-block;

	width: 18.6%;

	margin:0 0.7% 2%;

	font-size: 14px;

	border: 1px solid #f2f2f2;

	border-radius: 8px;

	padding: 0 10px;

	padding: 20px;

	text-align: center;

	box-shadow: 0 0 5px rgba(0,0,0,0.1);

	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;

}

.zhaopin_one li:hover{

	border: 1px solid #b8cde2;

	box-shadow: 0 0 10px rgba(12,84,157,0.3);

}

.zhaopin_one li img{

	max-width: 105px;

	height: 80px;

	display: block;

	margin: 0 auto;

}

.zhaopin_one .box h2{

	font-weight: normal;

	font-size: 20px;

	color: #0c549d;

	line-height: 2em;

}

.zhaopin_one .box p{

	font-size: 14px;

	color: #333333;

	line-height: 2em;

}

.zhaopin_one .box span{

	display: block;

	margin: 0 auto;

	height: 28px;

	line-height: 28px;

	border: 1px solid #a9cde8;

	text-align: center;

	width: 90px;

	margin-top: 10px;

}

.zhaopin_two{

	padding:3% 0;

	background: #f9f9f9;

}

.zhaopin_two .word,.zhaop_four .word{

	font-size: 14px;

	color: #666666;

	line-height: 2em;

	text-align: justify;

	padding: 2% 0;

}

.zhaop_four .word{

	font-size: 16px;

}

.zhaopin_two .wrapper1200>div.word{

	font-size: 16px;

}

.zhaopin_two .team{

	position: relative;

	padding-top:27.5%;

	overflow: hidden;

}

.zhaopin_two .team img{

	position: absolute;

	top: 0;

	left: 0;

	width: 66.66%;

	display: block;

}

.zhaopin_two .team .word{

	width: 33.34%;

	height: 100%;

	background: #fff;

	position: absolute;

	right: 0;

	top: 0;

	padding: 2%;

}

.zhaopin_two .team .word h2{

	font-size: 38px;

	color: #13abee;

	font-weight: normal;

	line-height: 1.5em;

	text-transform: uppercase;

}

.zhaopin_two .team .word h2 p{

	font-size: 14px;

	color: #13abee;

	opacity: 0.3;

	filter: alpha(opacity=30);

	line-height: 1.5em;

}

.zhaopin_two .team .word p{

	font-size: 16px;

	color: #999999;

}

.zhaopin_three{

	padding: 3% 0;

}

.zhaopin_three>.wrapper1200{

	padding: 2.5% 0;

}

.xinchouBox{

	width: 100%;

	position: relative;

	padding-top: 40%;

	background: url(../images/a10.png) no-repeat center;

	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;

}

.xinchouBox li{

	position: absolute;

	width: 50%;

	height: 50%;

}

.xinchouBox li.li1{

	top: -1%;

	left: 0;

}
.xinchouBox li.li2{

	top: -1%;

	right: 0;

	text-align: right;

}
.xinchouBox li.li3{

	top: 81%;

	left: 0;

}
.xinchouBox li.li4{

	top: 81%;

	right: 0;

	text-align: right;

}

.xinchouBox .word{

	width: 55%;

	position: absolute;

	top: 0;

}

.xinchouBox li.li2 .word{

	right: 0;

}
.xinchouBox li.li4 .word{

	right: 0;

}

.xinchouBox .word h2{

	font-size: 20px;

	color: #333333;

	font-weight: normal;

	line-height: 2em;

	margin-bottom: 1%;

}

.xinchouBox .word p{

	font-size: 16px;

	color: #999999;

	line-height: 2em;

}

.xinchouBox .word2{

	position: absolute;

	width: 32%;

	right: 0;

	color: #fff;

	padding-top: 5%;

}

.xinchouBox li.li1 .word2{

	bottom: 25%;

}
.xinchouBox li.li2 .word2{

	left: 15%;

	top: 18%;

	width: 6em;

	text-align: center;

}
.xinchouBox li.li3 .word2{

	right: 10%;

	top: -32%;

	width: 6em;

	text-align: center;

}
.xinchouBox li.li4 .word2{

	left: 18%;

	top: -50%;

	width: 6em;

	text-align: center;

}

.xinchouBox .word2 h2{

	font-weight: normal;

	font-size: 20px;

}

.xinchouBox .word2 i{

	display: block;

	width: 50px;

	height: 50px;

	background: url(../images/icon15.png) no-repeat;

}

.xinchouBox li.li3{clear: both;}

.xinchouBox li.li1 .word2 i{background-position:0 0;margin-left: 1em;}
.xinchouBox li.li2 .word2 i{background-position:0 -50px;margin: 0 auto;}
.xinchouBox li.li3 .word2 i{background-position:0 -100px;margin: 0 auto;}
.xinchouBox li.li4 .word2 i{background-position:0 -150px;margin: 0 auto;}

.xinchouBox .word{

	opacity: 0;

	filter: alpha(opacity=100);

}

.xinchouBox li.li1 .word.cur{animation: fadeInDown 1s forwards;}
.xinchouBox li.li2 .word.cur{animation: fadeInDown 1s forwards;}
.xinchouBox li.li3 .word.cur{animation: fadeInDown 1s forwards .5s;}
.xinchouBox li.li4 .word.cur{animation: fadeInDown 1s forwards .5s;}

@keyframes fadeInDown{
	from{transform: translateY(-100px);opacity: 0;}
	to{transform: translateY(0);opacity: 1;}
}



.zhaop_four{

	padding: 3% 0;

	background: #F9F9F9;

}

.zhaop_four li{

	float: left;

	text-align: center;

	width: 25%;

	padding: 5% 2%;

}

.zhaop_four li img{

	max-width: 100%;

	display: block;

	margin: 0 auto;

	cursor: pointer;

}

.zhaop_four li:hover img{

	animation: flip .8s;
	-webkit-animation: flip .8s;

}

@keyframes flip {

  from {

    transform: rotate3d(0, 1, 0, -180deg);

    animation-timing-function: ease-out;

  }

  to {

    transform: rotate3d(0, 1, 0, 0deg);

    animation-timing-function: ease;

  }

}

@media only screen and (max-width:1199px) {
	.zhaopin_two .team{

		padding: 0;

	}

	.zhaopin_two .team img{

		position: static;

		width: 100%;

	}

	.zhaopin_two .team .word{

		width:100%;

		height:auto;

		background: #fff;

		position: static;

		padding: 2%;

	}

	.zhaopin_two .team .word h2{

		font-size: 34px;

	}

	.zhaopin_three>.wrapper1200{

		padding: 2.5% 15px;

	}

	.xinchouBox .word h2,.xinchouBox .word2 h2{

		font-size: 18px;

	}

	.zhaop_four li:hover img{

		animation: none;

		-webkit-animation:none;

	}

	.xinchouBox .word{

		opacity: 1;

		filter: alpha(opacity=100);

	}

	
}
@media only screen and (max-width:1023px) {
	.zhaopin_one li{

		width: 48%;

		margin: 0 1% 2%;

	}

	.zhaopin_two .team .word h2{

		font-size: 30px;

	}

	.xinchouBox{

		background: none;

		position: static;

		padding: 0;

	}

	.xinchouBox li{

		float: left;

		width: 50%;

		position: static;

		height: auto;

	}

	.xinchouBox .word{

		position: static;

		width: 90%;

		text-align: left;

	}

	.xinchouBox li.li1 .word h2{color: #ed311f;}
	.xinchouBox li.li2 .word h2{color: #91c222;}
	.xinchouBox li.li3 .word h2{color: #f39b20;}
	.xinchouBox li.li4 .word h2{color: #23a7e3;}

	.xinchouBox li .word2{

		display: none;

	}

}
@media only screen and (max-width:768px) {
	.zhaopin_one .box h2{

		font-size: 16px;

	}

	.zhaopin_one li img{

		height: 40px;

	}

	.zhaopin_two .team .word h2{

		font-size: 28px;

	}

	.zhaopin_two .team .word p{

		font-size: 14px;

	}
}
@media only screen and (max-width:767px) {

	.zhaop_four li{

		width: 50%;

	}
}





.zhaopinBox{

	padding: 2% 0;

}

.zhaopinBox .top .left{

	width: 75%;

	float: left;

}

.zhaopinBox .top h2{

	color: #333333;

	font-size: 40px;

	font-weight: normal;

}

.zhaopinBox .top .left li{

	 float: left;

	 width: 16.667%;

	 color: #999999;

	 font-size: 16px;

	 margin: 2% 0;

}
.zhaopinBox .top h3{

	font-size: 16px;

	color: #0c549d;

	font-weight: normal;

}

.zhaopinBox .top .word{

	font-size: 16px;

	color: #666666;

	line-height: 2em;

}

.zhaopinBox .top .touBtn{

	width: 240px;

	height: 55px;

	line-height: 55px;

	text-align: center;

	color: #fff;

	background: #0c549d;

	display: block;

	margin: 4% 0;

}

.zhaopinBox .top .touBtn i{

	display: inline-block;

	width: 21px;

	height: 54px;

	vertical-align: top;

	background: url(../images/icon16.png) no-repeat center;

	margin-right: 10px;

}

.zhaopinBox .top .right{

	width: 260px;

	float: right;

	padding: 0 14px 0;

	border: 1px solid #ECECEC;

	min-height: 255px;

}

.zhaopinBox .top .right h4{

	font-size: 16px;

	color: #333333;

	font-weight: normal;

	line-height: 2em;

	padding: 5px 0;

	border-bottom: 1px solid #ECECEC;

}

.zhaopinBox .top .right li{

	line-height: 2em;

	color: #666666;

	font-size: 16px;

	padding-left:15px;

	position: relative;

}

.zhaopinBox .top .right li a{

	 color: #999999;

}

.zhaopinBox .top .right li:hover a{

	 color: #1355cd;

}

.zhaopinBox .top .right ul{

	padding: 5px 0;

}

.zhaopinBox .top .right li:before{

	content: '';

	position: absolute;

	width: 3px;

	height: 3px;

	background: #0c549d;

	left: 5px;

	top: 0.9em;

}

.zhaopinform{

	padding: 2% 0;

	display: none;

}

.zhaopinform h2{

	font-size: 16px;

	color: #666666;

	font-weight: normal;

	margin-bottom: 3%;

}

.zhaopinform ul{

	width: 1275px;

}

.zhaopinform ul li{

	float: left;

	margin-right:75px;

	width: 350px;

	margin-bottom: 33px;

	position: relative;

	padding-left: 90px;

}

.zhaopinform ul input,.zhaopinform ul select{

	width: 100%;

	height: 44px;

	line-height: 44px;

	padding: 0 10px;

	font-size: 16px;

	color: #333;

	border: 1px solid #cccccc;

}
.zhaopinform ul .box>p{

	width: 100%;

	height: 44px;

	line-height: 40px;

	padding: 0 10px;

	font-size: 14px;

	color: #333;

}

.zhaopinform ul span{

	display: inline-block;

	width: 85px;

	text-align: right;

	font-size: 16px;

	color: #333333;

	margin-right: 5px;

	line-height: 40px;

	position: absolute;

	top: 0;

	left: 0;

	height: 40px;

}

.zhaopinform ul .boxtext{

	width: 100%;

}

.zhaopinform ul textarea{

	resize: none;

	width: 1110px;

	height: 120px;

	line-height: 2em;

	vertical-align: top;

	padding: 5px 10px;

	font-size: 16px;

	color: #333;

	border: 1px solid #cccccc;

}

.zhaopinform .btnBox{

	text-align: center;

}

.zhaopinform .btnBox a{

	display: inline-block;

	margin: 0 20px;

	width: 175px;

	height: 55px;

	line-height: 55px;

	background: #b7b7b7;

	text-align: center;

	color: #fff;

	font-size: 14px;

}

.zhaopinform .btnBox a i{

	display: inline-block;

	width: 21px;

	height: 54px;

	vertical-align: top;

	margin-right: 5px;

}

.zhaopinform .btnBox a.tijiaobtn{background: #0c549d;}

.zhaopinform .btnBox a.tijiaobtn i{background: url(../images/icon16.png) no-repeat center;}
.zhaopinform .btnBox a.chongzhi i{background: url(../images/icon17.png) no-repeat center;}

@media only screen and (max-width:1199px ) {
	.zhaopinBox .top .left{

		width: 100%;

	}

	.zhaopinBox .top .right{

		display: none;

	}

	.zhaopinform ul{

		width: 100%;

	}

	.zhaopinform ul li{

		margin: 0 auto 3%;

		width: 33.33%;

		padding-right: 10px;

	}

	.zhaopinform ul textarea{

		width: 100%;

	}

	.zhaopinBox .top h2{

		font-size: 32px;

	}

	.zhaopinBox .top .left li{

		width:33.33%;

	}
}
@media only screen and (max-width:767px ) {

	.zhaopinBox .top .touBtn{

		height: 35px;

		line-height: 35px;

		width: 180px;

	}

	.zhaopinBox .top .touBtn i{

		height: 34px;

		background-size:16px 16px;

	}
	.zhaopinform ul li{

		margin: 0 auto 3%;

		width:100%;

		padding-right: 5px;

	}

	.zhaopinform ul textarea{

		width: 100%;

	}

	.zhaopinform ul input, .zhaopinform ul select,.zhaopinform ul span{

		height: 30px;

		line-height: 30px;

	}

	.zhaopinform .btnBox a{

		height: 35px;

		line-height: 35px;

		width: 45%;

		margin: 2% 2%;

	}

	.zhaopinform .btnBox a i{

		height: 34px;

		background-size:16px 16px !important;

	}

	.zhaopinBox .top h2{

		font-size: 28px;

	}

	.zhaopinBox .top .left li{

		width:50%;

	}
}



/*品质保障*/

.baozhang_one{

	padding: 15px 0;

	background: #f8f8f8;

	width: 100%;

}

.baozhang_one li{

	width: 50%;

	float: left;

}

.baozhang_one li.left{padding-right: 10%;border-right: 1px solid #dddddd;}
.baozhang_one li.right{padding-left: 10%;}

.baozhang_one li .box{

	width: 100%;

	position: relative;

	padding-left: 90px;

}

.baozhang_one li .box img{

	position: absolute;

	top: 50%;

	left: 0;

	margin-top: -35px;

	height: 70px;

	width: auto;

	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;

}

.baozhang_one li:hover .box img{

	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);

}

.baozhang_one li .box h2{

	font-size: 20px;

	color: #333333;

	line-height: 2em;

}

.baozhang_one li:hover .box h2{

	color: #0c549d;

}

.baozhang_one li .box p{

	font-size: 16px;

	color: #666;

	line-height: 1.5em;

	height: 3em;

	

}

.baozheng_two{

	padding: 4% 0;

}

.pubtit2{

	font-size: 24px;

	color: #333333;

	line-height: 2em;

	padding-bottom: 10px;

	text-align: center;

	width: 14em;

	margin: 0 auto;

	border-bottom: 1px solid #efefef;

	position: relative;

	margin-bottom: 4%;

}

.pubtit2:before{

	content: '';

	position: absolute;

	width: 4em;

	height: 4px;

	background: #0c549d;

	left: 50%;

	margin-left: -2em;

	bottom: -1px;

}

.baozheng_two ul{

	text-align: center;

	font-size: 0;

}

.baozheng_two li{

	display: inline-block;

	width: 16%;

	margin: 0 4%;

}

.baozheng_two li .box{

	width: 100%;

	padding-top: 136.97%;

	position: relative;

}

.baozheng_two li img{

	display: block;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}

.baozheng_three .pubtit2{

	color: #fff;

}

.baozheng_three .pubtit2:before{

	background: #fff;

}

.baozheng_three{

	padding: 5% 0 6%;

	background: url(../images/b10.jpg) no-repeat center;

	background-size:cover;

}

.wrapper1140{

	max-width: 1140px;

	margin: 0 auto;

	position: relative;

}

.baozheng_three .swiperBox{

	width: 100%;

	position: relative;

	padding-top: 32%;

}

.baozheng_three .swiper-containerc{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	text-align: center;

}

.baozheng_three .img{

	width: 36.84%;

	position: relative;

	padding-top: 49.88%;

	margin: 0 auto;

	margin-top: 10%;

}

.baozheng_three .img img{

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	display: block;

}

.baozheng_three p{

	color: #333;

	font-size: 14px;

	line-height: 2em;

	margin-top: 2%;

	position: relative;

	z-index: 6;

}

.baozheng_three .swiper-slide{

	position: relative;

}

.baozheng_three .swiper-slide .box{

	position: absolute;

	width: 100%;

	height: 100%;

	background: #fff;

	height: 80%;

	top: 10%;

	transition: all .5s;
	-webkit-transition: all .5s;

}
.baozheng_three .swiper-slide .box:before{

	content: '';

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	background: rgba(0,0,0,0.3);

	z-index: 5;

	transition: all 1s;

	-webkit-transition: all 1s;

	-moz-transition: all 1s;

	-ms-transition: all 1s;

}

.baozheng_three .swiper-slide-active .box{

	background: #fff;

	position: absolute;

	z-index: 10;

	height: 100%;

	top: 0;

	width: 120%;

	left: -10%;

}

.baozheng_three .swiper-slide-active .box:before{

	background: #fff;

}

.baozheng_three .swiper-slide-active .img{

	z-index: 6;

}

.baozheng_three .prev,.baozheng_three .next{

	display: block;

	position: absolute;

	width:68px;

	height: 68px;

	background-repeat:no-repeat ;

	background-position:center center;

	top: 50%;

	margin-top: -34px;

	border-radius: 50%;

	border: 1px solid #86878d;

	transition: all .3s;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-ms-transition: all .3s;

	-o-transition: all .3s;

	background-color:rgba(51,51,51,0.5);

	font-size: 28px;

	text-align: center;

	line-height: 68px;

	color: #86878d;

	

}

.baozheng_three .prev{left: -90px;}
.baozheng_three .next{right: -90px;}

.baozheng_three .prev:hover,.baozheng_three .next:hover{

	background-color:rgba(250,175,65,0.5);

	color: #fff;

}

@media only screen and (max-width: 1440px) {
	.wrapper1140{

		max-width: 1000px;

	}
}

@media only screen and (max-width: 1200px) {
	.baozhang_one li.left{padding-right: 5%;}

	.baozhang_one li.right{padding-left: 5%;}

	.baozheng_two li{

		width: 32%;

		margin: 0 9%;

	}

	.pubtit2{

		font-size: 20px;

	}

	.baozheng_three .prev, .baozheng_three .next{

		width: 40px;

		height: 40px;

		line-height: 40px;

		z-index: 5;

	}

	.baozheng_three .prev{

		left: 0;

	}
	.baozheng_three .next{

		right: 0;

	}
}

@media only screen and (max-width:1024px ) {
	.baozheng_three .prev, .baozheng_three .next{

		display: none;

	}

	.baozheng_three .swiperBox{

		width: 90%;

		margin: 0 auto;

		padding-top: 80%;

		background: #fff;

	}

	.baozheng_three .swiper-slide-active .box:before,.baozheng_three .swiper-slide .box:before{

		display: none;

	}
}
@media only screen and (max-width: 767px) {
	.baozhang_one li{

		width: 100%;

		border: none !important;

		padding: 0 !important;

	}

	.baozhang_one li.left{

		margin-bottom: 15px;

	}

	.baozhang_one li .box img{

		height: 50px;

		margin-top: -25px;

	}

	.baozhang_one li .box{

		padding-left: 70px;

	}

	.baozhang_one li .box p{

		height: auto;

	}

	.baozhang_one li .box h2{

		font-size: 16px;

	}

	.pubtit2{

		font-size: 18px;

	}

	.pubtit2:before{

		height: 3px;

	}

	.baozheng_two li{

		width: 40%;

		margin: 0 2.5%;

	}

}

.contactBox{

	padding: 3% 0;

}



.addr{

	width: 100%;

	position: relative;

	background: #fff;

	margin-bottom: 5%;

}

.addr:before{

	width: 100%;

	height: 15%;

	content: '';

	position: absolute;

	left: 0;

	bottom: -15%;

	z-index: 0;

	background: url(../images/c3.png) no-repeat center;

}

.addr .left{

	float: left;

	width: 600px;

	height: 410px;

}
.addr .left .top{

	position: relative;

	border-bottom: 1px solid #e5e5e5;

	padding-bottom: 20px;

	margin-bottom:20px;

}

.addr .left .top img{

	float: left;

}

.addr .left .top h2{

	font-size: 24px;

	color: #bbbbbb;

	font-weight: normal;

	line-height: 1.5em;

	margin-left: 80px;

}

.addr .left .top h2 p{

	color: #0b5dab;

}

.addr ul span{

	display: inline-block;

	padding-left: 24px;

	font-size: 14px;

	color: #666666;

}

.addr ul span.tleft{

	width: 5em;

	text-align: center;

	padding-left: 0;

	margin-right: 24px;

	color: #333333;

}

.addr ul li{

	line-height: 24px;

	margin-bottom: 10px;

}

.addr ul li i{

	display: inline-block;

	width: 30px;

	height: 30px;

	background: url(../images/icon18.png) no-repeat;

	vertical-align: middle;

}

.addr ul li i.i1{background-position:0 0;}
.addr ul li i.i2{background-position:0 -40px;}
.addr ul li i.i3{background-position:0 -80px;}
.addr ul li i.i4{background-position:0 -120px;}
.addr ul li i.i5{background-position:0 -160px;}
.addr ul li i.i6{background-position:0 -200px;}
.addr ul li i.i7{background-position:0 -240px;}



.addr .right{

	float: right;

	width: 520px;

	height: 410px;

	position: relative;

}

.addr .right .mapBox{

	width: 100%;

	height: 300px;

	position: absolute;

	right: 0;

	top: 50%;

	margin-top: -150px;

}

.mapBox .anchorBL{display: none;}

.mapBox .BMap_Marker.BMap_noprint{

	background: url(../images/icon19.png) !important;

    width: 15px !important;

    height: 22px !important;

}



@media only screen and (max-width:1180px ) {
	.addr .left{

		width: 100%;

	}
	.addr .right{

		display: none;

	}

	.addr .left .top h2{

		font-size: 18px;

		margin-left: 60px;

	}

	.addr .left .top img{

		width: 50px;

	}

	.addr .left{

		height: auto;

	}

	.addr .left .top{

		padding-bottom: 10px;

		margin-bottom: 10px;

	}

	.contactBox .wrapper1200{

		padding-top: 20px;

	}

}
@media only screen and (max-width:767px ) {

	.addr ul span{

		padding-left: 5px;

	}
	.addr ul span.tleft{

		margin-right: 5px;

	}

	.addr:before{

		display: none;

	}

}



.about_one .right .wordout{

	padding: 15% 8% 2% 5%;

	font-size: 14px;

    color: #666;

    line-height: 2em;

    height: 100%;

    width: 100%;

    position: absolute;

    top: 0;

    right: 0;

    -webkit-line-clamp:initial;

}
.about_one .right .wordout .word{

    -webkit-line-clamp:initial;

    height: 100%;

    overflow: hidden;

    padding-right: 5px;

}



.about_two{

	width: 100%;

	background: url(../images/b11.jpg) no-repeat;

	background-size:cover;
	-webkit-background-size:cover;

	padding: 2% 0;

}

.about_two img{

	display: block;

	max-width: 100%;

	margin: 0 auto;

}

.about_two .img{

	position: relative;

}

.about_two .word{

	position: absolute;

	top: 0;

	left: 0;

}

.about_two h2{

	font-size: 43px;

	text-transform: uppercase;

	font-weight: normal;

	color: #eeebe9;

	opacity: 0.5;

}
.about_two p{

	font-size: 24px;

	color: #fff;

}

.about_three{

	padding: 4% 0;

}

.about_three ul{

	margin-top: 3%;

}

.about_three li{

	float: left;

	width: 25%;

	padding: 5px;

}

.about_three li .box{

	padding: 15%;

	background: #fff;

	border: 1px solid #eeeeee;

	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;

}

.about_three li .box .img{

	width: 100%;

	position: relative;

	padding-top: 130.2%;

}

.about_three li .box .img img{

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

}

.about_three li .box p{

	font-size: 16px;

	color: #333;

	text-align: center;

	margin-top: 15%;

}

.about_three li:hover .box{

	border: 1px solid #5194d8;

	box-shadow: 0 0 10px rgba(205,205,205,0.8);

}
.about_three li:hover .box p{

	color: #066dcc;

}

.about_four{

	width: 100%;

	padding: 3% 0;

	background: #fafafa;

}

.about_four ul{

	text-align: center;

	font-size: 0;

	margin-top: 3%;

}

.about_four li{

	display: inline-block;

	cursor: pointer;

	vertical-align: top;

	width: 33.33%;

	margin-bottom: 20px;

	padding: 0 10px;

}

.about_four li h2{

	width: 184px;

	height: 184px;

	line-height: 184px;

	background: url(../images/c11.png) center;

	font-size: 30px;

	color: #ffffff;

	font-weight: normal;

	background-size:100% 100%;

	margin: 0 auto;

	border-radius: 50%;

}

.about_four li.li2 h2{background: url(../images/c12.png) center;}
.about_four li.li3 h2{background: url(../images/c13.png) center;}
.about_four li.li4 h2{background: url(../images/c14.png) center;}
.about_four li.li4 h2{background: url(../images/c15.png) center;}

.about_four li p{

	color: #666;

	font-size: 16px;

	line-height: 2em;

	margin-top: 15px;

}

.about_four li:hover h2{

	animation: bounce .8s;
	-webkit-animation: bounce .8s;
	-moz-animation: bounce .8s;

}

@keyframes bounce {

  from, 20%, 53%, 80%, to {

    transform: translate3d(0,0,0);

  }



  40%, 43% {

    transform: translate3d(0, -30px, 0);

  }



  70% {

    transform: translate3d(0, -15px, 0);

  }



  90% {

    transform: translate3d(0,-4px,0);

  }

}

@media only screen and (max-width:1199px ) {
	.about_one .right .wordout{

		position: relative;

		padding: 0;

		padding-bottom: 20px;

	}

	.about_one .right .wordout .word{

		height: 16em;

	}

	.about_one .right{

		padding: 15px 10px 0 15px;

	}

	.about_two .word{

		left: 15px;

	}

	.about_three li .box{

		padding: 10%;

	}

	.about_four li h2{

		width: 160px;

		height: 160px;

		line-height: 160px;

		font-size: 28px;

	}
}
@media only screen and (max-width:1024px ) {

	.about_two .word{

		position: relative;

		text-align: center;

		margin-bottom: 4%;

	}
	.about_four li h2{

		width: 120px;

		height: 120px;

		line-height: 120px;

		font-size: 24px;

	}
}
@media only screen and (max-width:767px ) {

	.about_two h2{

		font-size: 30px;

	}

	.about_two p{

		font-size: 18px;

	}

	.about_three li{

		width: 50%;

	}

	.about_four li{

		width: 50%;

	}

	.about_four li h2{

		font-size: 20px;

	}

	.about_four li p{

		font-size: 14px;

	}
}



/*服务支持*/

.fuwu_one{

	padding: 3% 0;

	background: url(../images/c17.png) no-repeat  bottom;

}

.fuwuNav .topnav{

	text-align: center;

	font-size: 0;

	padding: 4% 0;

	background: #fff;

}

.fuwuNav .topnav li{

	display: inline-block;

	width: 180px;

	height: 40px;

	line-height: 40px;

	border: 1px solid #e5e5e5;

	font-size: 16px;

	color: #333333;

	vertical-align: middle;

	cursor: pointer;
	margin: 5px 0;

}

.fuwuNav .topnav li a{

	display: block;

}

.fuwuNav .topnav li.on{

	background: #0e5ea7;

	color: #fff;

	border: none;

}
.fuwuNav .topnav li.on a{

	background: #0e5ea7;

	color: #fff;

}

.fuwuBox>div{

	float: left;

	width: 50%;

	padding-top: 2%;

}

.fuwuBox .word h3{

	font-size: 30px;

	color: #333333;

	font-weight: normal;

	margin-bottom: 8%;

	line-height: 2em;

	position: relative;

}

.fuwuBox .word h3:after{

	content: '';

	width: 5em;

	height: 2px;

	background: #ff0000;

	left: 0;

	bottom: 0;

	position: absolute;

}

.fuwuBox .word li{

	width: 50%;

	margin-bottom: 20px;

	cursor: pointer;

	padding: 0 5px;

	display: inline-block;

	vertical-align: top;

}

.fuwuBox .word li span{

	display: block;

	width: 36px;

	height: 36px;

	border: 1px solid #c7c7c7;

	border-radius: 50%;

	font-size: 16px;

	color: #999999;

	text-align: center;

	line-height: 36px;

	cursor: pointer;

	transition: all .3s;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-ms-transition: all .3s;

	-o-transition: all .3s;

}

.fuwuBox .word li.last{

	clear: both;

	width: 100%;

}

.fuwuBox .word li p{

	font-size: 16px;

	color: #333333;

	line-height: 2em;

	margin-top: 20px;

}

.fuwuBox .word li:hover span{

	background: url(../images/c16.png) no-repeat center;

	color: #fff;

	border: none;

}

.fuwuBox .imgboxOut{

	width: 460px;

	margin: 0 auto;

	position: relative;

	margin-top: 10%;

	margin-left: 5%;

}

.fuwuBox  .swiper-container{

	width: 100%;

}

.fuwuBox  .swiper-container .img{

	width: 86.9%;

	margin: 0 auto;

	position: relative;

	padding-top: 78.21%;

}

.fuwuBox  .swiper-container .img img{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	display: block;

}

.fuwuBox .prev,.fuwuBox .next{

	display: block;

	position: absolute;

	width: 36px;

	height: 36px;

	border: 1px solid #e0e0e0;

	border-radius: 50%;

	top: 50%;

	margin-top: -18px;

}

.fuwuBox .prev{left:-38px;background: url(../images/icon20.png) no-repeat center;}
.fuwuBox .next{right:-38px;background: url(../images/icon21.png) no-repeat center;}



.fuwu_one>div{

	position: relative;

}



.fuwu_one{

	display: block;

	opacity: 1;

	z-index: 1;

	filter: alpha(opacity=100);

	visibility: visible;

}

.fuwu1,.fuwu2{

	background: #f5f5f5;

}

.fuwu2{

	background: #fff;

}

.fuwu1>div,.fuwu2>div{

	padding: 0;

}

.fuwu1 .fuwuBox>div{

	float: right;

}

.fuwu1 .fuwuBox.on,.fuwu2 .fuwuBox.on{

	position: relative;

	width: auto;

	height: auto;

}



@media only screen and (max-width:1199px ) {

	.fuwu_one{

		background: #fff;

		margin-bottom: 20px;

	}

	.fuwu1{

		background: #f5f5f5;

	}

	.fuwu_one .topnav{

		display: none;

	}
	.fuwuBox>div{

		width: 100%;

		padding-top: 2%;

	}

	.fuwuBox .imgboxOut{

		width: 90%;

	}

	.fuwu_one>div{

		padding: 0 15px 0;

	}

	.fuwu_one .fuwuBox{

		position: relative;

		opacity: 1;

	}

	.fuwuBox .imgboxOut{

		margin-top: 0;

	}

	.fuwuBox .word h3{

		margin-bottom: 3%;

		font-size: 24px;

	}

	.fuwuBox .imgboxOut{

	}

	.fuwuBox .next{

		right: -30px;

	}
	.fuwuBox .prev{

		left: -30px;

	}
}

@media only screen and (max-width:768px ){

	.fuwuBox .word li{

		width: 100%;

		position: relative;

		padding-left: 30px;

	}

	.fuwuBox .word h3{

		font-size: 18px;

	}

	.fuwuBox .word li span{

		font-size: 16px;

		width: 24px;

		height: 24px;

		line-height: 24px;

		display: inline-block;

		position: absolute;

		top: 50%;

		margin-top: -12px;

		left: 0;

	}

	.fuwuBox .word li p{

		display: inline-block;

		margin-top: 0;

	}

	.fuwuBox .prev, .fuwuBox .next {

	    width: 30px;

	    height: 30px;

	}

}



.chanpin_one{

	padding: 3% 0;

}

.chanpin_one .topnav{

	padding: 3% 10%;

}

.chanpin_one .topnav li{

	float: left;

	width: 25%;
	margin-bottom: 10px;

}

.chanpin_one .topnav a{

	display: block;

	width: 100%;
	text-align: center;
	height: 40px;

	line-height: 40px;

	color: #666;

	font-size: 18px;

	margin: 0 auto;

}
.chanpin_one .topnav li.on a{

	color: #0c549d;

	border: 1px solid #93b6d1;

	text-align: center;

}

.chanpinList .list>ul>li{

	width: 24.5%;

	margin-left: 0.6%;

	position: relative;

	float: left;

	border: 1px solid #eeeeee;

}

.chanpinList .list>ul>li:first-child{

	margin-left: 0;

}
.chanpinList .list .box .img{

	position: relative;

	width: 100%;

	padding-top: 69.28%;

	font-size: 0;

	overflow: hidden;

	background: #fff;

}

.chanpinList .list .box .img i{

	display: inline-block;

	vertical-align: middle;

	height:100%;

}

.chanpinList .list .box .img p{

	text-align: center;

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	height: 100%;

}
.chanpinList .list .box .img p img{

	max-width: 100%;

	max-height: 100%;

	display: inline-block;

	vertical-align: middle;

	transition: all .3s;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-ms-transition: all .3s;

}

.chanpinList .list .word{

	background: #FAFAFA;

	padding: 15px;

	padding-bottom: 30px;

}

.chanpinList .list .box li{

	padding-left: 5em;

	position: relative;

	font-size: 14px;

	color: #333333;

	line-height: 1.5em;

	margin-bottom: 0.5em;

	min-height: 1.5em;

}
.navMenu+ul{
	text-align: center;
}
.chanpinList .list .box li span{

	position: absolute;

	top: 0;

	left: 0;

	display: block;

}

.chanpinList .list .xiazaiBtn{

	display: block;

	position: absolute;

	height: 40px;

	line-height: 40px;

	text-align: center;

	width: 140px;

	font-size: 16px;

	color: #0c549d;

	border: 1px solid #0c549d;

	bottom: -20px;

	left: 50%;

	margin-left: -70px;

	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;

}

.chanpinList .list>ul>li:hover .xiazaiBtn{

	background: #0c549d;

	color: #fff;

}

.chanpinList .list>ul>li:hover img{

	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);

}

.chanpinList .page{

	margin-top: 5%;

}

.chanpinList .list{

	display: none;

}

.chanpinList .list:first-child{

	display: block;

}

.chanpin_three{

	padding: 3% 0;

}

.chanpin_three img{

	display: block;

	margin: 4% auto;

	max-width: 100%;

}

.chanpin_four{

	padding: 3% 0 6%;

	background: url(../images/b15.jpg) no-repeat center;

	background-size:cover ;
	-webkit-background-size:cover ;

}

.chanpin_four .inPubtit,.chanpin_four .inPubtit p{color: #fff;}

.chanpin_four .word{

	color: #fff;

	font-size: 16px;

	line-height: 2em;

	text-align: justify;

}

.chanpin_four .word1{

	padding: 3% 0;

	text-align: center;

}

.chanpin_four li{

	float: left;

	width: 32%;

	margin-left: 2%;

	border: 1px solid #99ddff;

	padding: 2% 1%; 

	overflow: hidden;

}

.chanpin_four li:first-child{

	margin-left: 0;

}

.chanpin_four .word2{

	color: #fff;

	font-size: 16px;

	line-height: 2em;

	height: 22em;

	text-align: justify;

	overflow: hidden;

	padding-right: 5px;

}

.chanpin_four li h2{

	color: #fff;

	font-size: 20px;

	font-weight: normal;

	text-align: center;

	margin-bottom: 3%;

}

.chanpin_five{

	padding: 3% 0;

	background: #FAFAFA;

}

.chanpin_five .listOut{

	width: 1200px;

	margin: 0 auto;

	margin-top: 30px;

}

.chanpin_five ul{

	display: table;

	text-align: center;

	width: 100%;

	margin-bottom: 20px;

}

.chanpin_five li{

	display: table-cell;

}
.chanpin_five li .box{

	width: 280px;

	background: #fff;

	margin: 0 auto;

	padding: 30px;

}

.chanpin_five li .img{

	width: 100%;

	position: relative;

	padding-top: 131.25%;

}

.chanpin_five li .img img{

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	display: block;

}

.chanpin_five li p{

	font-size: #333;

	font-size: 16px;

	margin-top: 30px;

}

@media only screen and (max-width:1200px ) {

	.chanpin_five .listOut{

		width: 100%;

	}

	.chanpin_five ul{

		display: block;

		font-size: 0;

	}

	.chanpin_five li{

		display: inline-block;

		width: 50%;

		margin-bottom: 15px;

	}
}
@media only screen and (max-width:1024px ) {
	.chanpinList .list>ul>li{

		width: 48%;

		margin:0 0;

		margin-bottom: 40px;

	}
}
@media only screen and (max-width:767px ) {
	.chanpinList .list>ul>li{
		width: 100%;
	}
	.chanpin_one .topnav li{
		width: 50%;
	}
	.chanpin_one .topnav{

		padding: 3% 0;

	}
	.chanpin_one .topnav li a{
		font-size: 14px;
	}
	.chanpin_one .topnav li a{
		text-align: center;
		height: 30px;
		line-height: 30px;
	}

	.chanpinList .list .xiazaiBtn{

		width: 120px;

		height: 30px;

		line-height: 30px;

		bottom: -15px;

	}

	.chanpin_four li{

		width: 100%;

		margin: 0;

		margin-bottom: 15px;

	}

	.chanpin_four li h2{

		font-size: 18px;

	}

	.chanpin_four li .word2{

		height: auto;

		font-size: 14px;

	}
	.chanpin_four .word{

		height: auto;

		font-size: 14px;

	}

	.chanpin_five li{

		padding: 0 15px;

	}

	.chanpin_five li .box{

		width: 100%;

		margin: 0;

		padding: 10px;

	}

	.chanpin_five li p{

		margin-top: 10px;

	}
}



.floatNav {width:50px;position:fixed;right:0;bottom:200px;z-index:9999}

.floatNav li {clear:both;width:50px;height:50px;position:relative;margin-bottom:1px;border-radius: 4px;overflow: hidden;}

.floatNav li:hover{overflow: visible;}

.floatNav li i {position:absolute;right:-280px;top:0;z-index:-1;display:block;width:280px;height:50px;background-color:#c4c4c4;font-size:18px;line-height:50px;padding-left:20px;color:#fff}

.floatNav li a {display:block;width:50px;height:50px;background-color:#c4c4c4;background-repeat:no-repeat;background-image:url(../images/icon_float.png);}

.floatNav li a:hover {background-color:#219bfe}

.floatNav li.n4{display: none;}

.floatNav li.n1 a {background-position:center 10px}

.floatNav li.n2 a {background-position:center -65px}

.floatNav li.n3 a {background-position:center -144px}

.floatNav li.n4 a {background-position:center -228px}

.floatNav li.n3 em {display:block;width:120px;height:120px;position:absolute;left:-120px;top:-40px;display:none}

.floatNav li.on.n3 em {display:block}

.qq_img {

			widht: 80px;

			height: 100%;

			float: left;

		}

		

.qq_img a {

	display: block;

	width: 80px;

	height: 100%;

	background: none !important;

	text-align: center;

}

.floatNav li.n1 i{

	width: 200px;

}



.zhichenOut{

	padding-top: 33.33%;

	position: relative;

}

.zhichenOut .swiperBox{

	width: 100%;

	position: relative;

	padding-top: 32%;

}

.zhichenOut  .swiper-containerf{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	text-align: center;

}

.zhichenOut  .img{

	width: 36.84%;

	position: relative;

	padding-top: 51.567%;

	margin: 0 auto;

	margin-top: 10%;

}

.zhichenOut  .img img{

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	display: block;

}

.zhichenOut  p{

	color: #333;

	font-size: 16px;

	line-height: 2em;

	margin-top: 5%;

	position: relative;

	z-index: 6;

}

.zhichenOut  .swiper-slide{

	position: relative;

}

.zhichenOut  .swiper-slide .box{

	position: absolute;

	width: 100%;

	height: 100%;

	background: #fff;

	height: 80%;

	top: 10%;

	transition: all .5s;

	-webkit-transition: all .5s;

}

.zhichenOut  .swiper-slide .box:before{

	content: '';

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	background: rgba(0,0,0,0.3);

	z-index: 5;

	transition: all 1s;

	-webkit-transition: all 1s;

	-moz-transition: all 1s;

	-ms-transition: all 1s;

}

.zhichenOut  .swiper-slide-active .box{

	background: #fff;

	position: absolute;

	z-index: 10;

	height: 100%;

	top: 0;

	width: 120%;

	left: -10%;

}

.zhichenOut  .swiper-slide-active .box:before{

	background: #fff;

}

.zhichenOut  .swiper-slide-active .img{

	z-index: 6;

}

.zhichenOut  .prev,.zhichenOut  .next{

	display: block;

	position: absolute;

	width:68px;

	height: 68px;

	background-repeat:no-repeat ;

	background-position:center center;

	top: 50%;

	margin-top: -34px;

	border-radius: 50%;

	border: 1px solid #86878d;

	transition: all .3s;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-ms-transition: all .3s;

	-o-transition: all .3s;

	background-color:rgba(51,51,51,0.5);

	font-size: 28px;

	text-align: center;

	line-height: 68px;

	color: #86878d;

	z-index: 5;

	-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;

	

}

.zhichenOut  .prev{left: 0;}

.zhichenOut  .next{right: 0;}

.zhichenOut  .prev:hover,.zhichenOut  .next:hover{

	background-color:rgba(250,175,65,0.5);

	color: #fff;

	border: none;

}

@media only screen and (max-width: 1200px) {
	.zhichenOut{padding-top: 38%;}

	.floatNav{

		display: none;

	}
}
@media only screen and (max-width: 767px) {
	.zhichenOut{padding-top: 82%;}

	.zhichenOut .swiper-container p{

		font-size: 16px;

	}

	.zhichenOut .prev,.zhichenOut .next{

		width: 30px;

		height: 30px;

		line-height: 30px;

		font-size: 16px;

		background: none;

		margin-top: -15px;

	}

	.zhichenOut .img{

		margin-top: 5%;

	}

	.about_three li .box p{

		font-size: 12px;

	}

	.zhichenOut  p{

		margin-top: 3%;

	}

	

	.zhichenOut  .swiper-slide .box{

		transition: all 0s;

		-webkit-transition: all 0s;

	}

	.zhichenOut  .swiper-slide .box:before{

		transition: all 0s;

		-webkit-transition: all 0s;

		-moz-transition: all 0s;

		-ms-transition: all 0s;

	}

}