/*
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;
}
.bodyBox{max-width: 2000px;margin: 0 auto;overflow: hidden;}
.wrapper1440{
	max-width: 1440px;
	margin: 0 auto;
	position: relative;
}
.wrapper1200{
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}
.wrapper{
	max-width: 91%;
	margin: 0 auto;
}

@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;
}
.pubTop .logo{
	float: left;
	margin-top: 30px;
	height: 40px;
}
.pubTop .logo img{
	display: block;
	height: 100%;
	width: auto;
}
.pubTop .right{
	float: right;
	position: relative;
	padding-right: 190px;
	height: 100px;
	width: 55%;
}
.pubTop .right .rightin{
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -14px;
}
.pubTop .right .rightin>div{
	display: inline-block;
}


.language{
	width: 100px;
	height: 28px;
	border-radius: 14px;
	color: #666;
	background: #eee;
	line-height: 28px;
	font-size: 14px;
	text-align: center;
	vertical-align: top;
}

.searchBox{
	height: 28px;
	background: #eee;
	border-radius: 22px;
	overflow: hidden;
	font-size: 0;
	min-width: 60px;
	line-height: 28px;
	padding: 0 20px;
	margin-right: 10px;
}
.searchBox input[type=text]{
	border:none;
	height: 27px;
	background: none;
	outline: none;
	font-size: 14px;
	color: #bbbbbb;
	width: 0;
}
.searchBox .search_btn{
	width: 20px;
	height: 26px;
	background: url(../images/searchBtn.png) no-repeat center;
	border: none;
	text-indent: -99999px;
	outline: none;
	vertical-align: top;
}
.searchBox.on input[type=text]{
	width: 120px;
}
.pubNav{
	height: 100px;
	position: relative;
	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;
	line-height: 100px;
	width: 100%;
}
.pubNav li a{
	color: #333333;
	display: inline-block;
	padding: 0 5px;
	height: 1.5em;
	line-height: 1.5em;
	width: 100%;
}
.pubNav li{
	float: left;
	position: relative;
	text-align: center;
	margin: 0 2%;
}
.pubNav li.on>a,.pubNav li:hover>a{color: #004ea2;}
.pubNav li>i {
    content: '';
    width: 100%;
    width: 0% \9;
    height: 2px;
    background: #004ea2;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
   -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    transform: scaleX(0);
    -o-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -webkit-transform: scaleX(0)
}
.pubNav li.on>i {
    content: '';
    width: 100%;
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    height: 2px;
    background: #004ea2;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
}
.pubNav li:hover i{
	width: 100%;
	transform: scaleX(1);
	-webkit-transform: scaleX(1);
	-o-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform-origin: left;
	-webkit-transform-origin: left;
	-o-transform-origin: left;
	-moz-transform-origin: left;
	-ms-transform-origin: left;
}
.pubNav dl{
	position: absolute;
	width: 180%;
	background: rgba(255,255,255,0.6);
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#66ffffff,endcolorstr=#66ffffff);	
	left: -40%;
	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>a{
	font-size: 14px;
}
.pubNav dd:hover>a{
	color: #004ea2;
}
.pubNav ul li:hover dl{
	top: 100%;
	opacity: 1;
	filter:alpha(opacity=100);
	visibility: visible;
	display: block\9;
}
.pubNav dl dd{
	height: 45px;
	line-height: 45px;
}
.navMenu{
	position: absolute;
	right: 10px;
	margin: 0;
	height: 50px;
	width: 30px;
	z-index: 123456;
	display: none;
	border-top: 2px solid #084896;
	top:17px;
}
.navMenu:after,.navMenu:before{
	content: "";
	width: 30px;
	height: 2px;
	background: #084896;
	position: absolute;
	right: 50%;
	top: 5px; 
	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: 34px;
}
.navMenu.on{
	border: 0;
}
.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;
}
		
@-webkit-keyframes returnToNormal {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes returnToNormal {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@media only screen and (max-width:1500px ) {
	.pubTop .right{
		width: 750px;
	}
	.pubTop .logo{
		height: 35px;
		margin-top: 35px;
	}
}

@media only screen and (max-width:1320px ) {
	.pubTop .wrapper{
		max-width: 100%;
		padding: 0 15px;
		position: relative;
	}
	.pubTop .logo{
		height: 30px;
		margin-top: 35px;
	}
}

@media only screen and (max-width:1199px) {
	.pubTop{
		height: 80px;
	}
	.pubTop .logo{
		margin-top: 25px;
	}
	.pubTop .right{
		width: 400px;
		padding-right: 250px;
		height: 80px;
	}
	.pubTop .right .rightin{
		right: 60px;
	}
	.pubNav ul dl{
		display: none;
	}
	.pubNav ul li:hover dl{
		display: none;
	}
	.navMenu{
		display: block;
		z-index: 22;
	}
	.pubNav ul li{
		float: none;
		background: none;
		width: 100%;
		height: 45px;
		line-height: 45px;
		margin: 0;
		-webkit-animation-duration: 0.5s;
		animation-duration: 0.5s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: returnToNormal;
		animation-name: returnToNormal;
		-webkit-animation-duration: 0.5s;
		animation-duration: 0.5s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: returnToNormal;
		animation-name: returnToNormal;
	}
	.pubNav ul li a,.pubNav ul li.on a{
		color: #fff;
	}
	
	.pubNav{
		width: 50px;
		height: 50px;
		position: absolute;
		top: 16px;
		right: -15px;
		background: none;
	}
	.pubNav ul{
		z-index: 21;
		padding: 20px 0;
		width: 300px;
		position: absolute;
		right: 0;
		top:0;
		background: rgba(0,0,0,0.8);
		filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#80000000,endcolorstr=#80000000);
		display: none;
	
	}
	.pubNav ul li a:hover{
		color: #084896;
	}
}
@media only screen and (max-width:1024px) {
	.pubTop .right .rightin>div.searchBox{
		display: none;
	}
	.pubTop{
		height: 50px;
	}
	.pubTop .right{
		height: 50px;
		width: 50px;
		padding-right: 150px;
	}
	.pubNav{
		top: 0;
	}
	.pubTop .logo{
		height: 25px;
		margin-top: 13px;
	}
}
/*手机*/
@media only screen and (max-width:767px) {
	.pubTop .right{
		padding-right: 0;
	}
	.pubTop .logo{
		height: 15px;
		margin-top: 18px;
	}
	.pubTop{
		position: fixed;
		width: 100%;
		height: 50px;
		top: 0;
		left: 0;
		z-index: 22;
		background: #fff;
	}
	.index_banner{
		margin-top: 50px;
	}
	.language{
		width: auto;
		padding: 0 10px;
		right: 0;
	}
	.pubTop .right .rightin{
		right: 30px;
	}
}


/*banner*/
.index_banner{
	width: 100%;
	padding-top: 32.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;
	background-position:center center;
	background-size:auto 100%;
}
.index_banner .swiper-container .swiper-slide a{
	display: block;
	width: 100%;
	height: 100%;
}
.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: 4%;
	width: 100%;
	text-align: center;
	z-index: 3;
}
.index_banner .pagination span{
	display: inline-block;
	width: 12px;
	height:12px;
	border-radius: 12px;
	background: #fff;
	margin: 0 5px;
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#30ffffff,endcolorstr=#30ffffff);
	transition: all .3s;
	vertical-align: middle;
}
.index_banner .pagination span.swiper-active-switch{
	background:#2c86e7;
	width: 25px;
	height: 6px;
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#00ffffff,endcolorstr=#00ffffff);
}
.index_banner .prev,.index_banner .next{
	display: block;
	position: absolute;
	width: 65px;
	height: 65px;
	top: 50%;
	margin-top: -32px;
	z-index: 2;
	background-repeat:no-repeat ;
	background-position:center center;
	background-color:rgba(255,255,255,0.5) ;
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#50ffffff,endcolorstr=#50ffffff);
}
.index_banner .prev:hover,.index_banner .next:hover{
	background-color:rgba(255,255,255,0.3) ;
		filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#30ffffff,endcolorstr=#30ffffff);
}
.index_banner .prev{
	background-image: url(../images/prev.png);
	left: 5%;
}
.index_banner .next{
	background-image: url(../images/next.png);
	right: 5%;
}
@media only screen and (max-width:1199px){
	.index_banner{
		padding-top: 40%;
	}
	.index_banner .prev{
		left: 2%;
	}
	.index_banner .next{
		right: 2%;
	}
}
@media only screen and (max-width:1024px ) {
	.index_banner .prev,.index_banner .next{
		display: none;
	}
}
@media only screen and (max-width:767px){
	.index_banner{
		padding-top: 50%;
	}
}

.index_one>div{
	float: left;
	width: 50%;
}
.index_one .box{
	padding-left: 4.5%;
}
.index_one .box2{
	padding-right: 4.5%;
}
.index_one .in{
	position: relative;
	padding: 4% 5% 4% 5%;
}
.index_one .in h2{
	color: #333;
	font-weight: normal;
	line-height: 2em;
	width: 100%;
	overflow: hidden;
	width: 100%;
	max-height: 6em;
	overflow: hidden;
	font-size: 18px;
}
.index_one .in p{
	font-size: 14px;
	color: #666666;
	line-height: 1.8em;
	text-align: justify;
	max-height: 5.4em;
	overflow: hidden;
}
.index_one .in .word{
	position: relative;
	padding-left: 100px;
}
.index_one .in i{
	position: absolute;
	width: 80px;
	height: 80px;
	left:0;
	top: 50%;
	margin-top: -40px;
	background: url(../images/a1.png) no-repeat;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
}
.index_one .box .in i{background-position:0 0 ;}
.index_one .box2 .in i{background-position:0 -80px ;}
.index_one .box.on .in i{background-position:-80px 0 ;}
.index_one .box2.on .in i{background-position:-80px -80px ;}
.index_one .word>span{
	font-size: 12px;
	color: #666666;
	line-height: 2em;
	margin-top: 8px;
	display: block;
}
.index_one .boxa.on{
	background: url(../images/b2.jpg) no-repeat center;
}
.index_one .boxa.on h2,.index_one .boxa.on p,.index_one .boxa.on span{color: #fff;}

.pubtit{
	font-size: 30px;
	color: #dadada;
	font-weight: normal;
	text-align: center;
}
.pubtit span{display: block;text-transform: uppercase;}
.pubtit p{
	display: inline-block;
	font-size: 24px;
	color: #333333;
	line-height: 2em;
	padding: 0 40px;
	position: relative;
	background: url(../images/tline.png) no-repeat center;
}
@media only screen and (max-width:1440px ) {
	.index_one .in{
		padding: 4%;
	}
	.index_one .box{
		padding-left:3%;
	}
	.index_one .box2{
		padding-right: 3%;
	}
}
@media only screen and (max-width:1350px ) {
	.index_one .box{
		padding-left:2%;
	}
	.index_one .box2{
		padding-right: 2%;
	}
}
@media only screen and (max-width:1200px ) {
	.index_one .box{
		padding-left:0;
	}
	.index_one .box2{
		padding-right: 0;
	}
	.index_one .boxa .in i{
		width: 60px;
		height: 60px;
		background-size:120px 120px;
		margin-top: -30px;
	}
	.index_one .box .in i{background-position:0 0 ;}
	.index_one .box2 .in i{background-position:0 -60px ;}
	.index_one .box.on .in i{background-position:-60px 0 ;}
	.index_one .box2.on .in i{background-position:-60px -60px ;}
	.index_one .in .word{
		padding-left: 80px;
	}
	.index_one>div{
		width: 100%;
		background-size:cover !important;
		-webkit-background-size:cover auto !important;
	}
	.pubtit{
		font-size: 26px;
	}
	.pubtit p{
		font-size: 20px;
	}
}

@media only screen and (max-width:767px ) {
	.pubtit{
		font-size: 24px;
	}
	.pubtit p{
		font-size: 18px;
	}
	.index_one .boxa .in i{
		width: 40px;
		height: 40px;
		background-size:80px 80px;
		margin-top: -20px;
	}
	.index_one .box .in i{background-position:0 0 ;}
	.index_one .box2 .in i{background-position:0 -40px ;}
	.index_one .box.on .in i{background-position:-40px 0 ;}
	.index_one .box2.on .in i{background-position:-40px -40px ;}
	.index_one .in .word{
		padding-left: 60px;
	}
	.index_one .in p{
		height: auto;
		max-height: none;
	}
}

.index_two{
	padding: 3% 0;
}
.index_two .list{
	padding: 4% 0;
	position: relative;
}
.index_two .swiperOut{
	max-width: 1380px;
	margin: 0 auto;
	position: relative;
	padding-top: 28%;
}
.index_two .swiperOut .swiper-container{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left:0;
}
.index_two .swiperOut .in{
	width: 100%;
	overflow: hidden;
	padding: 0 15px;
}
.index_two .swiperOut .img{
	width: 100%;
	padding-top: 66%;
	position: relative;
	overflow: hidden;
}
.index_two .swiperOut .img img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
}
.index_two .swiperOut h2{
	font-size: 18px;
	color: #333333;
	font-weight: normal;
	line-height: 2em;
	margin: 2% 0 1%;
	height: 2em;
	width: 100%;
	overflow: hidden;
	white-space:nowrap; 
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	border-bottom:1px solid #cccccc ;
	position: relative;
}
.index_two .swiperOut h2:after{
	width: 2em;
	height: 1px;
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	background: #004ea2;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
}
.index_two .swiperOut p{
	font-size: 14px;
	color: #666666;
	font-weight: normal;
	line-height: 1.5em;
	margin: 2% 0 1%;
	height: 1.5em;
	width: 100%;
	overflow: hidden;
	white-space:nowrap; 
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
}
.index_two .swiperOut .swiper-slide:hover img{
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
}
.index_two .swiperOut .swiper-slide:hover p{
	color: #0069c2;
}
.index_two .swiperOut .swiper-slide:hover h2:after{
	width: 5em;
}
.index_two .prevb ,.index_two .nextb{
	display: block;
	position: absolute;
	width: 33px;
	height: 61px;
	top:35%;
}
.index_two .prevb{
	background: url(../images/prevb.png) no-repeat center;
	left: 0;
}
.index_two .nextb{
	background: url(../images/nextb.png) no-repeat center;
	right: 0;
}
.moreOUt{
	text-align: center;
}
.more_btn{
	display: inline-block;
	text-transform: uppercase;
	margin: 0 auto;
	min-width: 153px;
	height: 50px;
	line-height: 50px;
	padding: 0 30px;
	color: #fff;
	background: #004ea2;
	font-size: 16px;
	text-align: center;
	border-radius: 25px;
	box-shadow: 0 5px 5px rgba(0,78,126,0.2);
}
.more_btn i{
	display: inline-block;
	width: 7px;
	height: 9px;
	background: url(../images/more.png) no-repeat center;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	margin-left: 15px;
}
.more_btn:hover i{
	margin-left: 20px;
}
@media only screen and (max-width:1620px) {
	.index_two .wrapper{
		max-width: 100%;
		padding: 0 20px;
	}
}
@media only screen and (max-width:1500px) {
	.index_two .swiperOut{
		max-width: 90%;
	}
}
@media only screen and (max-width:1024px) {
	.index_two .swiperOut{
		max-width: 90%;
		padding-top: 40%;
	}
	.more_btn{
		height: 40px;
		line-height: 40px;
		border-radius: 20px;
		font-size: 14px;
	}
}
@media only screen and (max-width:767px) {
	.index_two .swiperOut{
		max-width: 100%;
		padding-top: 90%;
	}
	.index_two .prevb ,.index_two .nextb{
		display: none;
	}
	
}
.index_three{
	padding: 4% 0;
	background: url(../images/b6.jpg) no-repeat center;
	background-size:cover ;
	-webkit-background-size:cover ;
}
.index_three .in{
	padding: 3% 0;
}
.index_three .word{
	font-size: 18px;
	color: #333333;
	line-height: 2em;
	text-align: center;
}
.index_three .list{
	text-align: center;
	padding: 3% 0 5%;
}
.index_three .list .box{
	display: inline-block;
	margin-left: 15%;
	text-align: center;
}
.index_three .list .box:first-child{
	margin-left: 0;
}
.index_three .list .box h2{
	font-size: 58px;
	color: #004ea2;
	font-weight: normal;
}
.index_three .list .box h2 small{
	font-size:28px;
	display: inline-block;
	vertical-align: middle;
	font-style: normal;
	padding-left: 5px;
}
.index_three .list .box h2 em{
	font-size: 36px;
	display: inline-block;
	vertical-align: middle;
	font-style: normal;
	padding-left: 5px;
}
.index_three .list .box p{
	font-size: 28px;
	color: #004ea2;
	line-height: 2em;
	padding-bottom: 10px;
	position: relative;
}
.index_three .list .box p:before{
	content: '';
	position: absolute;
	width: 2em;
	height: 1px;
	background: #004ea2;
	bottom: 0;
	left: 0;
}

@media only screen and (max-width:1024px) {
	.index_three .list .box h2{
		font-size: 48px;
	}
	.index_three .list .box p,.index_three .list .box h2 small{
		font-size: 24px;
	}
	.index_three .word{
		font-size: 16px;
	}
}
@media only screen and (max-width:767px) {
	.index_three .list .box h2{
		font-size: 32px;
	}
	.index_three .list .box p,.index_three .list .box h2 small{
		font-size: 16px;
	}
	.index_three .list .box h2 em{
		font-size: 20px;
	}
	.index_three .list .box{
		margin-left: 5%;
	}
	.index_three .list .box:first-child{
		margin-left: 0;
	}
	.index_three .word{
		font-size: 14px;
	}
}


.index_four{
	padding: 3% 0;
}
.index_four .list{
	padding: 4% 0;
	position: relative;
}
.index_four .swiperOut{
	width: 100%;
	margin: 0 auto;
	position: relative;
	padding-top: 26.4%;
}
.index_four .swiperOut .swiper-container{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left:0;
}
.index_four .swiperOut .in{
	width: 100%;
	overflow: hidden;
	padding: 0 15px;
}
.index_four .swiperOut .img{
	width: 100%;
	padding-top: 51.7%;
	position: relative;
	overflow: hidden;
}
.index_four .swiperOut .img img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
}
.index_four .swiperOut .swiper-slide:hover img{
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
}
.index_four .word .top{
	position: relative;
	color: #222;
	padding: 15px 0 15px 90px;
	border-bottom: 1px solid #ccc;
}
.index_four .word .top .left{
	width: 90px;
	height: 90px;
	position: absolute;
	top: 10px;
	left:0;
}
.index_four .word .top .left p{
	font-size: 64px;
	font-weight: bold;
	text-align: center;
	line-height: 1em;
}
.index_four .word .top .left span{
	font-size: 18px;
	color: #666;
	display: block;
	text-align: center;
	line-height: 1em;
}
.index_four .word .top .right{
	width: 100%;
	padding: 0 10px;
	border-left: 1px solid #ccc;
	padding-bottom: 18px;
}
.index_four .word .top .right h2{
	font-size: 20px;
	font-weight: normal;
	overflow: hidden;
	white-space:nowrap; 
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	line-height: 1.5em;
	height: 1.5em;
}
.index_four .word .top .right p{
	font-size: 14px;
	color: #999999;
	font-weight: normal;
	overflow: hidden;
	white-space:nowrap; 
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	line-height: 2em;
	height: 2em;
}
.index_four .word .bottom{
	padding: 12px 0;
}
.index_four .word .bottom a{
	float: left;
	color: #999;
	font-size: 12px;
}
.index_four .word .bottom>.see{
	float: right;
	color: #999;
	font-size: 12px;
}
.index_four .word .bottom a i{
	display: inline-block;
	width: 17px;
	height: 10px;
	background: url(../images/see.png) no-repeat center;
	margin-right: 10px;
}
.index_four .swiperOut .swiper-slide:hover .word .top{
	color: #004ea2;
}
.index_four .swiperOut .swiper-slide:hover .word .top .left span{
	color: #004ea2;
}
.index_four .swiperOut .swiper-slide:hover .word .top .right p{
	color: #004ea2;
}
.index_four .word .bottom>.see:hover{
	color: #004ea2;
}
.index_four .menuBox{
	background: #f9f9f9;
}
.index_four .menuBox a{
	float: left;
	width: 33.33%;
	font-size: 20px;
	color: #333;
	text-align: center;
	height: 60px;
	line-height: 60px;
}
.index_four .menuBox a.moreBtn{
	color: #fff;
	background: #004ea2;
	font-size: 16px;
	text-transform: uppercase;
}
@media only screen and (max-width:1460px) {
	.index_four .word .top .left p{
		font-size: 50px;
	}
	.index_four .word .top .right{
		padding-bottom: 10px;
	}
	.index_four .word .top .right h2{
		font-size: 18px;
	}
	.index_four .menuBox a{
		height: 50px;
		line-height: 50px;
	}
}
@media only screen and (max-width:1340px) {
	.index_four .list{
		max-width: 100%;
	}
}
@media only screen and (max-width:1199px) {
	.index_four .swiperOut{
		padding-top: 30%;
	}
}
@media only screen and (max-width:1024px) {
	.index_four .swiperOut{
		padding-top: 40%;
	}
}
@media only screen and (max-width:767px) {
	.index_four .swiperOut{
		padding-top: 80%;
	}
	.index_four .word .top .left p{
		font-size: 46px;
	}
	.index_four .word .top .right h2{
		font-size: 16px;
	}
	.index_four .menuBox a{
		display: none;
	}
	.index_four .menuBox a.moreBtn{
		display: block;
		width: 92%;
		margin: 10px auto 0;
		height: 40px;
		line-height: 40px;
		float: none;
		font-size: 14px;
	}
}

.index_five{
	padding: 10% 0;
	background: url(../images/b10.jpg) no-repeat center;
	background-size:cover;
	-webkit-background-size:cover;
}
.index_five .wrapper>div{
	float: left;
}
.index_five .left{
	width: 35.16%;
	padding: 0 2%;
}
.index_five .right{
	width: 64.84%;
}
.index_five .left .pubtit{
	text-align: left;
}
.index_five .left .word{
	margin: 5% auto;
	font-size: 18px;
	color: #999999;
	line-height: 2em;
	max-height: 10em;
	width: 100%;
	overflow: hidden;
	text-align: justify;
}
.index_five .left .moreOUt{
	text-align: left;
	padding-top: 5%;
}
.index_five .right li{
	float: left;
	width: 23%;
	margin:1% 1%;
	position: relative;
	padding-top: 14.15%;
}
.index_five .right li .box{
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	width: 100%;
	height: 100%;
	padding: 10px;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.1);
	border-radius: 4px;
}
.index_five .right li .box i{
	display: inline-block;
	height: 100%;
	width: 0;
	vertical-align: middle;
}
.index_five .right li .box img{
	max-height: 100%;
	max-width: 100%;
	height: auto;
	width: 100%;
	vertical-align: middle;
	text-align: center;
}

@media only screen and (max-width: 1399px) {
	.index_five .left{
		width: 50%;
		padding: 0 2%;
	}
	.index_five .right{
		width: 50%;
	}
	.index_five .right li{
		width: 31.33%;
		padding-top: 18.476%;
	}
}
@media only screen and (max-width: 1024px) {
	.index_five .left{
		width: 100%;
	}
	.index_five .right{
		width:100%;
	}
}
.index_six{
	padding: 3% 0 5%;
	background: url(../images/b17.jpg) no-repeat center top;
	background-size:100% auto;
	-webkit-background-size:100% auto;
}
.index_six .box{
	width: 1260px;
	margin:5% auto;
	padding: 10px;
	background: #fff;
}
.index_six .box>div{
	float: left;
}
.index_six .box .left{
	width: 660px;
	height: 365px;
	position: relative;
}
.index_six .box .right{
	width: 570px;
	height: 365px;
	padding: 85px 0 0 70px;
}
.index_six .box .right h2{
	font-weight: normal;
	font-size: 14px;
	color: #cccccc;
}
.index_six .box .right h2 p{
	font-size: 20px;
	color: #333333;
	line-height: 2em;
}
.index_six .box .right li{
	font-size: 16px;
	color: #666666;
	line-height: 1.5em;
	margin: 8px 0;
}
.index_six .box .left .anchorBL{display: none;}
.index_six .box .left .BMap_Marker.BMap_noprint{
	background: url(../images/icon19.png) !important;
    width: 15px !important;
    height: 22px !important;
}
.footer{
	background: #333333;
	padding: 3.5% 0 2.5%;
}
.footer .left{
	width: 890px;
	float: left;
}
.footer .top>a{
	float: left;
	display: block; 
	width: 34%;
}
.footer .top{
	padding: 0 0 2%;
	border-bottom: 1px solid #373737;
}
.footer .top>a img{
	display: block;
	width: 100%;
}
.footer .top li{
	float: left;
	margin-left: 4%;
	height: 32px;
	line-height: 32px;
}
.footer .top li a{
	color: #ffffff;
	font-size: 16px;
}
.footer .top li a:hover{
	color: #0069C2;
}
.footer .bottom p{
	float: left;
	font-size: 12px;
	color: #cccccc;
}
.footer .bottom p{
	margin-left: 8%;
	padding: 3.5% 0 0;
}
.footer .bottom p:first-child{margin: 0;}
.footer .bottom p a{
	color: #ccc;
}
.footer .bottom p a:hover{
	color: #004ea2;
}
.footer .right{
	float: right;
	width: 650px;
}
.footer .right li{
	display: inline-block;
	font-size: 12px;
	vertical-align: top;
	margin-left: 40px;
	color: #ccc;
	line-height: 2em;
	text-align: center;
}
.footer .right li .box{
	font-size: 14px;
	color: #ffffff;
	line-height: 2em;
	text-align: left;
}
.footer .right li img{
	width: 98px;
	height: 98px;
}
.footer .right li .box a.zaixian{
	display: block;
	width: 128px;
	height: 40px;
	line-height: 40px;
	background: #565656;
	border-radius: 4px;
	color: #fff;
	text-align: center;
}
.footer .right li .box a.zaixian i{
	display: inline-block;
	width: 17px;
	height: 17px;
	background: url(../images/a3.png) no-repeat center;
	vertical-align: middle;
	margin-right: 5px;
}
@media only screen and (max-width: 1680px) {
	.footer .right{
		width: 540px;
		
	}
	.footer .right li{
		margin-left: 20px;
	}
}
@media only screen and (max-width: 1610px) {
	.footer .right li .box{
		display: none;
	}
	.footer .right{
		width: auto;
	}
}
@media only screen and (max-width: 1310px) {
	.footer .left,.footer .right{
		width: 100%;
	}
	.footer .left{
		margin-bottom: 20px;
	}
}
@media only screen and (max-width: 1260px) {
	.index_six .box{
		width: 100%;
	}
	.index_six .box .left,.index_six .box .right{
		width: 50%;
	}
	.footer .top{
		display: none;
	}
	.footer .wrapper{
		width: 100%;
	}
	.footer .bottom p{
		margin-left: 0;
		margin-right: 5%;
	}
	.footer .bottom p:first-child{margin-right: 5%;}
}
@media only screen and (max-width: 1023px) {
	.index_six .box{
		width: 100%;
	}
	.index_six .box .left,.index_six .box .right{
		width: 100%;
		height: 200px;
		padding: 10px;
	}
}

.neiBanner{
	position: relative;
	padding-top: 17.25%;
	background-repeat:no-repeat;
	background-size:cover ;
	-webkit-background-size:cover;
	background-position:center ;
}
.neiBanner h2{
	color: #0069c2;
	font-weight: normal;
	text-align: center;
	font-size: 42px;
	position: absolute;
	left: 50%;
	margin-left: -2em;
	top: 30%;
}
.neiBanner h2 span{
	font-size: 24px;
	line-height: 2em;
	display: block;
	text-transform: uppercase;
}

@media only screen and (max-width: 1440px) {
	.neiBanner h2{
		font-size: 36px;
	}
	.neiBanner h2 span{
		font-size: 22px;
	}
}
@media only screen and (max-width: 1199px) {
	.neiBanner{
		padding-top: 20%;
	}
	.neiBanner h2{
		font-size: 32px;
	}
}
@media only screen and (max-width: 1023px) {
	.neiBanner{
		padding-top: 30%;
	}
	.neiBanner h2{
		font-size: 28px;
	}
	.neiBanner h2 span{
		font-size: 18px;
	}
}
@media only screen and (max-width: 767px) {
	.neiBanner{
		padding-top: 32%;
		margin-top: 50px;
	}
	.neiBanner h2{
		font-size: 24px;
	}
	.neiBanner h2 span{
		font-size: 16px;
	}
}

.nei_nav{
	width: 100%;
	height: 55px;
	line-height: 55px;
	color: #eb6100;
	font-size: 14px;
	border-bottom: 1px solid #eeeeee;
}
.nei_nav a{
	padding: 0 10px;
	color: #666666;
	font-size: 14px;
}
.nei_nav a:hover{
	color: #eb6100;
}
.nei_nav a.index_link{
	display: inline-block;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	width: 54px;
	height: 54px;
	vertical-align: top;
	background: url(../images/../images/c1.png) no-repeat center;
}
.nei_nav span{
	padding: 0 10px;
	color: #666666;
	font-size: 14px;
	cursor: pointer;
}
.nei_navr{
	float: right;
}
.nei_navr a{
	font-size: 14px;
	color: #666;
	margin-left: 40px;
	display: inline-block;
	position: relative;
}
.nei_navr a.on:after{
	content: '';
	position: absolute;
	width: 60px;
	height: 1px;
	bottom: 0;
	left: 50%;
	margin-left: -30px;
	background: #eb6100;
}
.nei_navr a:hover{
	color: #eb6100;
}
.pinpaiBox{
	padding: 5% 0;
}
.pinpaiBox li{
	float: left;
	width: 25%;
}
.pinpaiBox li dt{
	width: 100%;
	position: relative;
	padding-top: 58.1%;
	font-size: 0;
	border-right: 1px dashed #e2e2e2;
	border-top: 1px dashed #e2e2e2;
	border-bottom: 1px dashed #e2e2e2;
}
.pinpaiBox li:nth-child(4n+1) dt{
	border-left: 1px dashed #e2e2e2;
}
.pinpaiBox li dt .img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	padding: 15px;
	text-align: center;
}
.pinpaiBox li dt .img img{
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	vertical-align: middle;
}
.pinpaiBox li dt .img i{
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}
.pinpaiBox li dd{
	text-align: center;
	font-size: 14px;
	color: #666666;
	padding: 20px;
}
.page{
	width: 100%;
	text-align: center;
	font-size: 14px;
	margin: 2% auto;
}
.page a,.page input[type=text]{
	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;
	outline: none;
}
.page input[type=button]{
	display: inline-block;
	background: no-repeat;
	height: 35px;
	line-height: 35px;
	width: 60px;
	text-align: center;
	border: 1px solid #e6e6e6;
	font-size: 14px;
	margin: 0 3px;
	color: #666;
	outline: none;
}
.page a.fanye{
	width: 75px;
}
.page a:hover,.page a.on,.page input[type=button]:hover{
	background: #ea5404;
	color: #fff;
}
.page p{display: inline-block;}
@media only screen and (max-width:1200px){
	.pinpaiBox{
		padding: 5% 15px;
		margin-top: 60px;
	}
}
@media only screen and (max-width:1024px) {
	.page{
		margin-top: 20px;
	}
	.page a,.page input[type=text]{
		width: 30px;
		height: 30px;
		line-height: 30px;
	}
	.page input[type=button]{
		height: 30px;
		line-height: 30px;
	}
	.page a.fanye{
		width: 60px;
	}
	.pinpaiBox li{
		width: 50%;
	}
	.pinpaiBox li:nth-child(2n+1) dt{
		border-left: 1px dashed #e2e2e2;
	}
	.nei_navr{
		width: 100%;
		margin-bottom: 20px;
		margin-left: 0;
		text-align: center;
		overflow-x: auto;
    	white-space: nowrap;
	}
	.nei_navr a{
		margin-left: 0;
		padding: 0 5px;
	}
}
@media only screen and (max-width:767px) {
	.page a{
		margin: 0;
	}
	.page p{
		display: none;
	}
}

.chanpinBox{
	padding: 40px 0 3% 250px;
	position: relative;
	min-height: 590px;
}
.chanpinBox .left{
	float: left;
	width: 226px;
	position: absolute;
	top: 40px;
	left: 0;
}
.chanpinBox .left h2{
	font-size: 22px;
	color: #fff;
	font-weight: normal;
	background: url(../images/c1.jpg) no-repeat center;
	background-size:cover ;
	-webkit-background-size:cover;
	text-align: center;
	width: 100%;
	overflow: hidden;
	padding: 20px 10px;
}
.chanpinBox .left h2 p{
	width: 100%;
	height: 1.5em;
	line-height: 1.5em;
	overflow: hidden;
}
.chanpinBox .left h2 span{
	text-transform: uppercase;
	font-size: 14px;
	line-height: 2em;
	width: 100%;
	height: 2em;
	overflow: hidden;
}
.chanpinBox .left img{
	width: 100%;
	display: block;
	margin-top: 15px;
}
.chanpinBox .listnav{
	border: 1px solid #255aa9;
	text-align: center;
}
.chanpinBox .listnav dl{
	width: 100%;
	line-height: 1.5em;
}
.chanpinBox .listnav dl dt{
	line-height: 1.5em;
	padding: 15px 10px 10px 10px;
	font-size: 16px;
	color: #333333;
	cursor: pointer;
}
.chanpinBox .listnav dl dd{
	display: none;
}
.chanpinBox .listnav dl.active dd{
	display: block;
}
.chanpinBox .listnav dl dd a{
	color: #666666;
	font-size: 14px;
	display: block;
	padding: 8px 10px;
	line-height: 1.5em;
}
.chanpinBox .listnav dl dd:hover a,.chanpinBox .listnav dl dd.on a{
	color: #EB6100;
}
.chnapinRight{
	width: 100%;
}
.chnapinRight li{
	width: 31.15%;
	margin-left: 2.183%;
	float: left;
	margin-bottom: 3%;
}
.chnapinRight li .box .img{
	width: 100%;
	position: relative;
	padding-top: 66%;
	overflow: hidden;
}
.chnapinRight li .box .img img{
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
}
.chnapinRight li .box p{
	margin: 10px 0;
	font-size: 14px;
	color: #333333;
	line-height: 2em;
	height: 2em;
	overflow: hidden;
	white-space:nowrap; 
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
}
.chnapinRight li .box span{
	color: #999999;
	font-size: 14px;
	display: block;
	width: 80px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	border-radius: 17px;
	border: 1px solid #ededed;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
}
.chnapinRight li:hover .box span{
	background: #ea5404;
	border: 1px solid #ea5404;
	box-shadow: 0 5px 5px rgba(234,84,4,0.1);
	color: #fff;
} 
.chnapinRight li:hover .box p{
	color: #ea5404;
}
.chnapinRight li:hover img{
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
}

@media only screen and (max-width:1023px ) {
	.chnapinRight li{
		width: 48%;
		margin-left: 2%;
	}
	.neiBanner h2{
		margin: 0;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
	}
}
@media only screen and (max-width:768px ) {
	.chanpinBox .left{
		width: 100%;
		position: relative;
		top: 0;
		margin-bottom: 20px;
	}
	.chanpinBox {
		padding: 0;
	}
	.chanpinBox .left h2{
		font-size: 20px;
	}
	.chnapinRight li{
		width: 48%;
		margin: 1%;
	}
	.chnapinRight li .box span{
		height: 25px;
		line-height: 25px;
		font-size: 12px;
		width: 60px;
	}
	.chanpinBox .left h2{
		padding: 10px;
	}
	.chanpinBox{
		padding-top: 20px;
	}
	.chanpinBox .left img{
		display: none;
	}
}
.newsList{
	padding: 3% 0;
}
.newsList .list{
	margin-bottom: 2%;
	background: #f5f5f5;
}
.newsList .list a{
	position: relative;
	display: block;
	padding-top: 16.6666%;
}
.newsList .list .img{
	float: left;
	width: 21.5%;
	padding-top: 16.6666%;
	position: absolute;
	top: 0;
	left: 0;
}
.newsList .list .img>img{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: block;
}
.newsList .list .right{
	width: 10.666%;
	padding-top: 16.6666%;
	background: #ababab;
	color: #fff;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
}
.newsList .list .right>div{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	text-align: center;
}
.newsList .list .right>div i{
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	width: 0;
}
.newsList .list .right p{
	font-size: 26px;
	line-height: 1em;
}
.newsList .list .right span{
	font-size: 14px;
	line-height: 1em;
}
.newsList .list .right>div p{
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}
.newsList .list .cenWord{
	float: left;
	width: 100%;
	padding-left: 21.5%;
	padding-right: 10.666%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 0;
}
.newsList .list .cenWord>div{
	padding: 3%;
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	width: 100%;
}
.newsList .list .cenWord>i{
	display: inline-block;
	height: 100%;
	width: 0;
	vertical-align: middle;
}
.newsList .list .cenWord h2{
	width: 100%;
	font-size: 18px;
	color: #333333;
	font-weight: normal;
	height: 2em;
	line-height: 2em;
	margin-bottom: 10px;
	overflow: hidden;
	white-space:nowrap; 
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
}
.newsList .list .cenWord p{
	font-size: 16px;
	color: #666666;
	line-height: 2em;
	height: 4em;
	overflow : hidden;
	text-overflow: ellipsis;
	-o-text-overflow:ellipsis;
	display: -webkit-box;/*将对象作为弹性伸缩盒子模型显示*/
	-webkit-line-clamp: 2;/*限制显示的文本行数*/
	-webkit-box-orient: vertical;/*设置或检索伸缩盒对象的子元素的排列方式 */
}
.newsList .list:hover .right{
	background: #004ea2;
}

.newsxq{
	padding: 3% 0;
	text-align: center;
}
.newsxq>h2{
	font-size: 18px;
	color: #333333;
	font-weight: normal;
	margin-bottom: 1.5%;
	line-height: 1.8em;
}
.newsxq>p{
	font-size: 14px;
	color: #757575;
	line-height: 2em;
	margin-bottom: 2em;
}
.newsxq .word{
	width: 100%;
	text-align: left;
	text-align: justify;
	font-size: 16px;
	color: #666666;
	line-height: 2em;
	font-family: "微软雅黑";
}
.newsxq .word *{
	max-width: 100%;
	height: auto;
	font-size: 16px;
	color: #666666;
	font-family: "微软雅黑";
}
@media only screen and (max-width:1200px ) {
	.newsList,.newsxq{
		padding: 3% 15px;
	}
}
@media only screen and (max-width:1024px ) {
	.newsList{
		padding: 8% 15px 3%;
	}
	.newsList .list .right p{
		font-size: 22px;
	}
	.newsList .list .cenWord h2{
		font-size: 16px;
		margin-bottom: 5px;
	}
	.newsList .list .cenWord p{
		font-size: 14px;
	}
}
@media only screen and (max-width:767px ) {
	.newsList{
		margin-top: 40px;
	}
	.newsList .list .right{
		display: none;
	}
	.newsList .list .cenWord{
		padding-right: 0;
		padding-left: 38%;
	}
	.newsList .list .cenWord h2{
		font-size: 16px;
		margin-bottom: 0;
		height: 1.5em;
		line-height: 1.5em;
	}
	.newsList .list .cenWord p{
		font-size: 14px;
		height: 2em;
		line-height: 2em;
		overflow: hidden;
		white-space:nowrap; 
		text-overflow:ellipsis;
		-o-text-overflow:ellipsis;
		display: block;/*将对象作为弹性伸缩盒子模型显示*/
		-webkit-line-clamp: initial;/*限制显示的文本行数*/
		-webkit-box-orient: vertical;/*设置或检索伸缩盒对象的子元素的排列方式 */
	}
	.newsList .list a{
		padding-top: 29.457%;
	}
	.newsList .list .img{
		width: 38%;
		padding-top: 29.457%;
	}
}


.about_one{
	width: 100%;
	background: url(../images/c13.jpg) no-repeat center;
	background-size:cover ;
	-webkit-background-size:cover ;
	padding: 6.5% 0 7.5%;
}
.abouttit{
	font-size: 48px;
	color: #dddddd;
	font-weight: normal;
	text-align: center;
}
.abouttit p{
	text-transform: uppercase;
}
.abouttit span{
	font-size: 26px;
	color: #333333;
	display: block;
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 20px;
}
.abouttit span:after{
	height: 2px;
	width: 3em;
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -1.5em;
	background: #004ea2;
}
.about_one .abouttit{
	text-align: left;
}
.about_one  .abouttit span:after{
	left: 0;
	margin-left: 0;
}
.about_one .wordLeft{
	width: 56%;
	float: left;
}
.about_one .wordLeft .word{
	font-size: 14px;
	color: #666666;
	line-height: 1.8em;
	overflow: hidden;
	height: 25.2em;
	overflow: hidden;
	text-align: justify;
}
.about_one .right{
	width: 39.16%;
	float: right;
	position: relative;
	padding-top: 40.826%;
}
.about_one .right .imgsmall{
	position: absolute;
	top: 0;
	left: -3%;
	border-radius: 50%;
	width: 243px;
	height: 243px;
	z-index: 2;
	overflow: hidden;
}
.about_one .right img{
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left: 0;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
}
.about_one .right .imgbig{
	position: absolute;
	bottom: 0;
	right: 0;
	border-radius: 50%;
	width: 281px;
	height: 281px;
	overflow: hidden;
}
.about_one .right>div:hover img{
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05);
}

@media only screen and (max-width:1200px ) {
	.about_one .right .imgsmall{
		width: 200px;
		height: 200px;
	}
	.about_one .right .imgbig{
		width: 240px;
		height: 240px;
	}
	.abouttit{
		font-size: 36px;
	}
	.abouttit span{
		font-size: 22px;
	}
}
@media only screen and (max-width:1023px ) {
	.about_one .wordLeft{
		width: 100%;
	}
	.about_one .right{
		padding: 0;
		width: 100%;
	}
	.about_one .right>div{
		position: static !important;
		float: left;
		width: 30% !important;
		height: auto !important;
		margin: 10px 10%;
	}
	.about_one .right>div img{
		position: static !important;
		width: 100%;
		height: auto;
	}
	.about_one .wordLeft .word{
		height: auto;
	}
}
@media only screen and (max-width:767px ) {
	.abouttit{font-size: 26px;}
	.abouttit span{font-size: 16px;}
}
.about_two{
	padding: 3% 0 5%;
	background: url(../images/c14.jpg) repeat;
}
.about_two img{
	max-width: 100%;
	height: auto;
	display: block;
	margin: 3% auto 0;
	display: block;
}

.about_three .aboutit2{
	font-size: 26px;
	color: #004ea2;
	font-weight: normal;
	text-align: center;
}
.about_three .aboutit2 span{
	font-size: 16px;
	display: block;
	line-height: 2em;
	text-transform: uppercase;
}
.about_three{
	padding: 7.25% 0;
	background: url(../images/c15.jpg) no-repeat center;
	background-size:cover ;
	-webkit-background-size:cover ;
}
.about_three .wrapper1440{
	padding: 2.77% 30px;
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#86ffffff,endcolorstr=#86ffffff);
	background: rgba(255,255,255,0.86);
}
.about_three .listword .word{
	font-size: 14px;
	color: #666666;
	text-align: justify;
	line-height: 2em;
	height: 6em;
	margin: 30px 0;
	display: none;
	padding-right: 5px;
}
.about_three .listword .word:first-child{display: block;}

.dateList{
	height: 90px;
	text-align: center;
	position: relative;
}
.dateList i{
	display: block;
    margin: 0 auto;
    margin-bottom: 10px;
    width: 18px;
    height: 27px;
    background: url(../images/a7.png) no-repeat center 11px;
}
.dateList .swiper-containerd{
	background-image:url(../images/a8.png) ;
	background-repeat:no-repeat ;
	background-position:center 17px;
}
.dateList p{
	font-size: 18px;
	color: #666666;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
}
.dateList .swiper-slide{
	cursor: pointer;
}
.dateList .swiper-slide.on i {
     background: url(../images/a9.png) no-repeat center 0;
}
.dateList .swiper-slide.on p{
	color: #004ea2;
	font-size: 22px;
}
.dateList>a{
    display: block;
    position: absolute;
    width: 52px;
    height: 41px;
    left: 0;
    top: 18%;
    margin-top: -20px;
    background-color: #c7c7c7;
    background-image: url(../images/a20.png);
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 2;
}
.dateList>a.next {
    left: auto;
    right: 0;
    background-image: url(../images/a21.png);
}

@media only screen and (max-width:1200px ) {
	.dateList .swiper-container.wrapper1200{
		max-width: 90%;
	}
}
@media only screen and (max-width:1023px ) {
	.dateList .swiper-container.wrapper1200{
		max-width: 80%;
	}
	.about_three .aboutit2{
		font-size: 22px;
	}
	.dateList>a{
		width: 40px;
		height: 30px;
	}
}
@media only screen and (max-width:767px ) {
	.dateList .swiper-container.wrapper1200{
		max-width: 100%;
	}
	.about_three .aboutit2{
		font-size: 18px;
	}
	.dateList>a{
		display: none;
	}
	.dateList p{
		font-size: 16px;
	}
	.dateList .swiper-slide.on p{
		font-size: 18px;
	}
	.about_three .wrapper1440{
		padding: 2.7% 15px;
	}
	.listword.wrapper1200{
		padding: 0;
	}
	.about_three .listword .word{
		margin: 15px 0;
	}
}

.about_four{
	padding: 4.5% 0;
}
.qiyeBox{
	padding-top: 4%;
}
.qiyeBox .word{
	float: left;
	width: 50%;
	padding-bottom: 60px;
}
.qiyeBox .word h2{
	font-size: 18px;
	color: #333333;
	font-weight: normal;
	margin-bottom: 3.5%;
	line-height: 1.5em;
}
.qiyeBox .word h2 span{
	float: right;
	font-size: 14px;
	color: #004ea2;
}
.qiyeBox .img{
	float: right;
	position: relative;
	width: 47.8%;
	padding-top: 26.649%;
}
.qiyeBox .img img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.qiyeBox .word  p{
	font-size: 14px;
	color: #666666;
	text-align: justify;
	width: 100%;
	line-height: 2em;
	height: 10em;
	overflow: hidden;
	padding-right: 5px;
	margin-bottom: 3.5%;
}
.qiyeBox .swiper-slide{
	position: relative;
	width: 100%;
}
.qiyeBox a{
	display: block;
}

.qiyeBox .preve,.qiyeBox .nexte{
	position: absolute;
	width: 58px;
	height: 58px;
	background-size:100% 100%;
	-webkit-background-size:100% 100%;
	bottom: 58px;
	z-index: 2;
}
.qiyeBox .preve{
	background: url(../images/d1.jpg);
	left: 0;
}
.qiyeBox .nexte{
	background: url(../images/d2.jpg);
	left: 58px;
}
.qiyeBox .swiper-containere{
	height: 320px;
}

@media only screen and (max-width:1200px ) {
	.qiyeBox .preve,.qiyeBox .nexte{
		width: 40px;
		height: 40px;
	}
	.qiyeBox .preve{
		left: 15px;
		background-size:100% 100%;
		-webkit-background-size:100% 100%;
	}
	.qiyeBox .nexte{
		left: 55px;
		background-size:100% 100%;
		-webkit-background-size:100% 100%;
	}
}
@media only screen and (max-width:1024px ) {
	.qiyeBox .swiper-containere{
		height: 300px;
	}
}
@media only screen and (max-width:767px ) {
	.qiyeBox .swiper-containere{
		height: 450px;
	}
	.qiyeBox .word{
		width: 100%;
		padding-bottom: 10px;
	}
	.qiyeBox .img{
		width: 100%;
		padding-top: 55.75%;
	}
	.qiyeBox .preve,.qiyeBox .nexte{
		bottom: 0;
	}
	.qiyeBox .word h2{
		font-size: 16px;
	}
}

.lianxiBox .left{
	width: 620px;
	float: left;
	font-size: 20px;
}
.lianxiBox{
	padding: 3% 0 5%;
}
.lianxiBox .left .top p{
	color: #666666;
	font-size: 1.5em;
	line-height: 1.5em;
}
.lianxiBox .left .top h2{
	font-weight: normal;
	color: #333333;
	font-size: 2.2em;
	line-height: 2em;
}
.lianxiBox .left .top span{
	font-size: 1.5em;
	color: #333333;
	text-transform: uppercase;
	line-height: 1em;
}
.lianxiBox .left .top span em{
	font-style: normal;
	color: #fc7241;
	text-transform: uppercase;
}
.lianxiBox .left img{
	margin: 8% auto;
	width: 100%;
	display: block;
} 
.lianxiBox .left li{
	font-size: 1.2em;
	color: #666666;
	line-height: 2.2em;
}
.lianxiBox .mapBox{
	float: right;
	width: 484px;
	height: 484px;
	border-radius: 50%;
	border: 20px solid #f8f8fa;
	overflow: hidden;
}
.lianxiBox #map{
	width: 100%;
	height: 100%;
}
.mapBox .anchorBL{display: none;}
.mapBox .BMap_Marker.BMap_noprint{
	background: url(../images/icon11.png) !important;
    width: 15px !important;
    height: 22px !important;
}

@media only screen and (max-width:1199px ) {
	.lianxiBox{
		padding: 5% 15px;
	}
	.lianxiBox .left{
		font-size: 18px;
	}
	.lianxiBox .mapBox{
		width: 400px;
		height: 400px;
	}
}
@media only screen and (max-width:1023px ) {
	.lianxiBox .left{
		font-size: 16px;
		width: 45%;
	}
	.lianxiBox .mapBox{
		width: 360px;
		height: 360px;
	}
}
@media only screen and (max-width:880px ) {
	.lianxiBox .left{
		font-size: 12px;
		width: 50%;
	}
}
@media only screen and (max-width:767px ) {
	.lianxiBox .left{
		font-size: 10px;
		width: 100%;
		float: none;
	}
	.lianxiBox .mapBox{
		display: none;
	}
	.lianxiBox .left img{
		width: auto;
		height: 60px;
		margin: 3.5% 0;
	}
}


/*于同鑫修改_1.25*/
.yupinpaiBox li{
	width: 31%;
	margin: 1.16%;
	background: #ededed;
	position: relative;
}
.yupinpaiBox li a>img{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.yupinpaiBox li dt{
	background: url(../images/z10.png) repeat;
	width: 100%;
	height: 100%;
	padding-top: 74.35897435897436%;
	border: none !important;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.yupinpaiBox li:hover dt{
	background: url(../images/z11.png) repeat;
}
@media screen and (max-width: 768px){
	.yupinpaiBox li{
		width: 49%;
		margin: 0 2% 2% 0;
	}
	.yupinpaiBox li:nth-child(even){
		margin: 0 0 2% 0;
	}
}









