@charset "utf-8";
/* CSS Document */
body,td,th,input,textarea,select{
	font-size:13px;
	font-family:'微软雅黑', Arial, Tahoma;
	color:#666;
}
body,dl,dt,dd,p,h3{margin:0;}
img{border:0px none; vertical-align:middle;}
table{border-collapse:collapse;}
ul{display:block; margin:0; padding:0;}
li{list-style:none;}
a{color:#666; text-decoration:none; outline:none;transition:all ease 0.3s;}
a:hover{color:#0081CC;}
.clear{ clear:both; height:0px !important; overflow:hidden;}
.wrap{
	width:90%;
	margin:auto;
	}
.wrapmax{
	max-width:1500px;
	}
.fl{
	float:left;
	}
.fr{
	float:right;
	}
.head{
	width:100%;
	height:131px;
	border-bottom:1px solid #eee;
	position:fixed;
	left:0px;
	top:0px;
	z-index:1000;
	background:#fff url(/images/headbg.jpg) no-repeat right 0;
	background-size: auto 100%;
	transition:all ease .4s;
	}
.head-main .nav-t{
	height:80px;
	overflow:hidden;
	}
.head-main .nav-t a#logo{
	display: inline-block;
	margin-top:15px;
	}
.head-main .nav-t #sublogo{
	height:25px;
	margin-top:33px;
	margin-left:20px;
	}
#head-mobile,#mobile-hdbox{
	display:none;
	}

.head-main .nav-f{
	height:50px;
	background-color:#fff;
	border-top:1px solid #ddd;
	}
.head-main .nav{
	width:75%;
	height:49px;
	}
.head-main .nav > ul > li{
	float:left;
	position: relative;
	}
.head-main .nav > ul > li > a{
	display:block;
	float:left;
	font-size:16px;
	line-height:49px;
	height:49px;
	padding:0px 18px;
	}
.head-main .nav > ul > li > a:hover,.head-main .nav > ul > li > a.cur{
	color:#fff;
	background-color:#0081CC;
	}
.head-main .nav  .submenu{
	display:none;
    position: absolute;
    top: 49px;
    left: 0;
	z-index:999;
    width: 240px;
    border-top: 3px solid #0081CC;
	border-radius:0 0 5px 5px;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
	background-color:#fff;
	box-shadow:3px 3px 5px rgba(0,0,0,.6);
	overflow:hidden;
	}
.head-main .nav  .submenu li a{
    display: block;
    padding-left: 25px;
    width: 213px;
    line-height: 50px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 14px;
    color: #666;
    background-color: #fff;
	}
.head-main .nav  .submenu li a:hover{
	color:#0081CC;
	padding-left:30px;
	}
.head-main .nav-t .sharebox{
	float:right;
	height:30px;
	margin-top:30px;
	text-align:right;
	}
.head-main .nav-t .sharebox a{
	display: inline-block;
	width:26px;
	height:26px;
	margin-left:6px;
	opacity:.7;
	}
.head-main .nav-t .sharebox a:hover{
	opacity:1;
	transform:translateY(-3px);
	}


.head-main .nav-f .wrap{
	position:relative;
	}
.head-main .nav-f .subnav{
	float:right;
	height:49px;
	}
.head-main .nav-f .subnav ul li{
	float:left;
	height:49px;
	line-height:49px;
	font-size:16px;
	margin-left:9px;
	padding-left:9px;
	position:relative;
	}
.head-main .nav-f .subnav ul li::before{ 
	content:"";
	display:block;
	height:20px;
	width:1px;
	background-color:#ddd;
	position:absolute;
	left:0px;
	top:15px;
	}
.head-main .nav-f .subnav ul li#search-pc{
	border-left:none;
	position:relative;
	}
.head-main .nav-f .subnav ul li#search-pc .search-wrap{
	display:none;
	width:200px;
	height:32px;
	padding:5px 0;
	border:1px solid #ddd;
	background-color:#fff;
	position:absolute;
	right:-10px;
	top:49px;
	}
.head-main .nav-f .subnav ul li#search-pc .search-wrap input[type="text"]{
	float:left;
	height:32px;
	line-height:32px;
	width:80%;
	border:none;
	background-color:inherit;
	color:#333;
	font-size:12px;
    text-indent:10px;
	overflow:hidden;
	}
.head-main .nav-f .subnav ul li#search-pc .search-wrap input::-webkit-input-placeholder{ 
	color: #333;
	} 
.head-main .nav-f .subnav ul li#search-pc .search-wrap button{
	float:right;
	width:20%;
	height:32px;
	border:none;
	background-color:inherit;
	color:#fff;
	cursor:pointer;
	}
.head-main .nav-f .subnav li#search-pc a#search-hd{
	cursor:pointer;
	}
body,html{
	height:100%;
	}
.banner{
	width:100%;
	height:100%;
	padding-top:131px;
	box-sizing:border-box;
	}
.banner .swiper-container,.banner .swiper-slide{
	height:100%;
	text-align:center;
	}
.banner .swiper-slide{
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	}
.ban1{
	background-image:url(/images/banner1.jpg);
	}
.ban2{
	background-image:url(/images/banner2.jpg);
	}
.ban3{
	background-image:url(/images/banner3.jpg);
	}
.ban4{
	background-image:url(/images/banner4.jpg);
	}
.ban5{
	background-image:url(/images/banner5.jpg);
	}
.ind-probox{
	position:relative;
	border-bottom:1px solid #ddd;
	overflow:hidden;
	}
.ind-pronav{
	overflow:hidden;
	}
.ind-pronav li{
	float:left;
	width:10%;
	border-right:1px solid #eee;
	box-sizing:border-box;
	text-align:center;
	background-color:#f5f5f5;
	overflow:hidden;
	}
.ind-pronav li a{
	display:block;
	width:100%;
	padding-bottom:15px;
	padding-top:20px;
	font-size:16px;
	color:#999;
	background-color:#fff;
	}
.ind-pronav li:last-child{
	border-right:none;
	}
.ind-pronav li span.img{
	display:block;
	max-width:80%;
	margin:auto;
	text-align:center;
	overflow:hidden;
	box-sizing:border-box;
	}
.ind-pronav li span.img img{
	max-width:75px;
	height:auto;
	}

.ind-pronav li span.tit{
	display: block;
	min-width:80px;
	margin-top:8px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
	}
.ind-pronav li a:hover{
	transform:translateY(-10px);
	color:#007FCC;
	background-color:#f5f5f5;
	}
.ind-about{
	background:#f4f4f4;
	background-size: cover;
	padding-top:40px;
	padding-bottom:40px;
	overflow:hidden;
	}
.ind-about .wrap{
	height:100%;
	position:relative;
	}
.ind-about .tit1{
	font-size:36px;
	}
.ind-about .ab-fz{
	margin-top:30px;
	}
.ind-about .ab-fz li{
	float:left;
	width:23%;
	padding:15px 1%;
	transition:all ease .3s;
	}
.ind-about .ab-fz li .img{
	display: block;
	float: left;
	width:80px;
	height:80px;
	text-align: center;
	line-height: 80px;
	margin-right:10px;
	border-radius: 100%;
	background-color: #e9e9e9;
	overflow: hidden;
	}
.ind-about .ab-fz li .img img{
	width:50px;
	height:auto;
	}
.ind-about .ab-fz li h3{margin-top:5px;color: #333;}
.ind-about .ab-fz li p{
	margin-top:10px;
	}
.ind-about .ab-fz li:hover{
	transform:translateY(-7px);
	}
.ind-about .video{
	float: right;
	width:45%;
	min-height: 350px;
	margin-top: 30px;
	}
.ind-about .video a{display: block; width: 100%;border-radius:8px;overflow: hidden;background-color: #000;}
.ind-about .video a img{width: 100%;transition:all ease-out .3s;}

.ind-about .video a:hover img.bg{
	transform: scale(1.1);
	opacity:.6;
	}

.ind-about .con{
	float: left;
	width: 50%;
	line-height:2em;
	margin-top:30px;
	}
.ind-about .con p{
	margin-bottom:10px;
	}
.ind-about .more{
	display:inline-block;
	height:20px;
	line-height:20px;
	margin-top:20px;
	}
.ind-about .more i{
	float:left;
	display:block;
	width:20px;
	height:20px;
	background-color:#0c74bd;
	margin-right:2px;
	}
.ind-about .more i:last-child{
	margin-right:10px;
	}

#ind-field{
	height:500px;
	margin-top:60px;
	}
#fieldlist{
	height:500px;
	overflow:hidden;
	position:relative;
	}
.field-prev,.field-next{
	display:none;
	width:50px;
	height:100%;
	font-family:"宋体";
	font-size:30px;
	text-align:center;
	line-height:500px;
	color:#fff !important;
	background-color:rgba(0,0,0,0.7);
	position:absolute;
	top:0px;
	z-index:999;
	cursor:pointer;
	overflow:hidden;
	}
.field-prev{
	left:0px;
	}
.field-next{
	right:0px;
	}
#fieldlist:hover .field-prev,#fieldlist:hover .field-next{
	display:block;
	}
#fieldlist .swiper-slide{
	border-right:1px solid rgba(255,255,255,0.88);
	box-sizing:border-box;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	}
#fieldlist .swiper-slide .fibox{
	width:100%;
	height:100%;
	text-align:center;
	color:#fff;
	position:absolute;
	left:0px;
	bottom:-400px;
	background-color:rgba(0,129,204,.9);
	transition:all ease .3s;
	}
#fieldlist .swiper-slide .fibox h3{
	font-size:18px;
	margin-top:40px;
	}
#fieldlist .swiper-slide .fibox img{
	height:200px;
	width:auto;
	margin-top:40px;
	}
#fieldlist .swiper-slide .fibox .t1{
	margin-top:40px;
	font-size:14px;
	}
#fieldlist .swiper-slide .fibox .t2{
	margin-top:10px;
	font-size:14px;
	}
#fieldlist .swiper-slide .fibox a.more{
	display:block;
	color:#fff;
	width:120px;
	height:40px;
	line-height:40px;
	border-radius:5px;
	border:1px solid #fff;
	margin:20px auto;
	}
#fieldlist .swiper-slide .fibox a.more:hover{
	box-shadow:3px 3px 3px rgba(0,0,0,0.3);
	transform:translateY(-2px);
	background-color:rgba(255,255,255,0.2);
	}
#fieldlist .swiper-slide:hover .fibox{
	bottom:0px;
	}

.ind-ft{
	padding:60px 0;
	}
.ind-ft .tit{
	font-size:30px;
	}
.ind-ft .tit span{
	border-bottom:2px solid #333;
	padding:8px 3px;
	}
.ind-news{
	float:left;
	width:48%;
	}
.newsbox{
	width:100%;
	height:464px;
	margin-top:30px;
	position:relative;
	}
.newsbox li{
	height:222px;
	margin-bottom:20px;
	position:relative;
	overflow:hidden;
	}
.newsbox li a.img{
	display:block;
	width:390px;
	height:220px;
	border:1px solid #ddd;
	box-sizing:border-box;
	position:absolute;
	left:0px;
	top:0px;
	overflow:hidden;
	}
.newsbox li .img img{
	width:390px;
	height:220px;
	}
.ind-contact .ahover{
	position:relative;
	}
.newsbox li a.img:after,.ahover:after{
    z-index: 2;
    position: absolute;
    width: 100%;
    height: 100%;
	left: 0;
    right: 0;
    content: '';
    top: 0;
    border: 0 solid #0081CC;
    box-sizing: border-box;
    -webkit-transition: .3s cubic-bezier(.77,.2,.375,1);
    transition: .3s cubic-bezier(.77,.2,.375,1);
	}
.newsbox li:hover a.img:after,.ahover:hover:after{
    border-width: 8px;
	}
.newsbox li .con{
	padding-left:420px;
	padding-top:15px;
	}
.newsbox li .con h3{
	margin-bottom:10px;
	}
.newsbox li .con p.t3{
	color:#999;
	}
.newsbox li .con p.date{
	font-weight:bold;
	margin-top:15px;
	}
.newsbox li .con p.date a{
	color:#0081CC;
	}
.newsbox li .con p.date a:hover{
	padding-bottom:4px;
	border-bottom:2px solid #0081CC;
	}
	
.ind-contact{
	float:right;
	width:48%;
	}
.ind-contact .conbd{
	width:100%;
	margin-top:30px;
	}
.ind-contact .conbd .conb1{
	display:block;
	width:100%;
	height:200px;
	background-color:#f5f5f5;
	background-image:url(/images/indcontact.png);
	background-position:86% 0;
	background-size:auto 100%;
	background-repeat:no-repeat;
	box-sizing:border-box;
	padding-top:50px;
	padding-left:40px;
	}
.ind-contact .conbd .conb1 h3{
	font-size:30px;
	}
.ind-contact .conbd .conb1 p{
	font-size:18px;
	margin-top:10px;
	font-weight:bold;
	color:#999;
	}
.ind-contact .conbd .conb1:hover p{
	color:#0081CC;
	transition:all ease .3s;
	}
.ind-contact .conbd .conb2{
	width:100%;
	margin-top:20px;
	}
.ind-contact .conbd .conb2 .fl,.ind-contact .conbd .conb2 .fr{
	display:block;
	width:48%;
	height:240px;
	text-align:center;
	background-color:#f5f5f5;
	box-sizing:border-box;
	padding-top:30px;
	}
.ind-contact .conbd .conb2 h3{
	font-size:18px;
	}
.ind-contact .conbd .conb2 .fl{
	background-image:url(/images/indcontact2.jpg);
	background-position: center bottom;
	background-size:auto 70%;
	background-repeat:no-repeat;
	}
.ind-contact .conbd .conb2 .fr{
	background-image:url(/images/indcontact3.jpg);
	background-position: center bottom;
	background-size:auto 70%;
	background-repeat:no-repeat;
	}
		
#foot .ft-t{
	background-color:#222;
	padding-bottom:30px;
	padding-top:50px;
	}
#foot .ft-t .ft-nav{
	width:70%;
	}
#foot .ft-t .ft-nav dl{
	float:left;
	width:20%;
	}
#foot .ft-t .ft-nav dt{
	margin-bottom:30px;
	}
#foot .ft-t .ft-nav dt a{
	color:#fff;
	font-size:16px;
	}
#foot .ft-t .ft-nav dd a{
	color:#b0b0b0;
	font-size:14px;
	line-height:2em;
	}
#foot .ft-t .ft-nav dd a:hover{
	color:#fff;
	padding-left:5px;
	}
#foot .ft-t .wxwrap{
	width:25%;
	}
#foot .ft-t .wxbox{
	width:40%;
	text-align:center;
	margin:0 5%;
	}
#foot .ft-t .wxbox p{
	margin-top:10px;
	color:#fff;
	font-size:14px;
	}
#foot .ft-t .wxbox img{
	width:100%;
	max-width:126px;
	height:auto;
	}
	
	
#foot .ft-f{
	background-color:#000;
	line-height:50px;
	}
#foot .ft-f  a:hover{
	color:#fff;
	}
#foot .ft-f .ft-f1{
	min-height:50px;
	border-bottom:1px solid #333;
	overflow:hidden;
	}
#foot .ft-f .ft-f1 .fr a{
	margin-left:9px;
	padding-left:9px;
	border-left:1px solid #333;
	vertical-align:middle;
	}
#foot .ft-f .ft-f1 .fl a{
	margin-right:9px;
	padding-right:9px;
	border-right:1px solid #333;
	vertical-align:middle;
	}
.ft-f .ft-f1 .fl a:last-child,.ft-f .ft-f1 .fr a:first-child{
	border:none;
	}
/************浮动客服**************/
.float{
	width:40px;
    position: absolute;
    right: 0px;
    top:290px;
    z-index: 999;
	}
.float .fla{
	display:block;
	height:40px;
	width:40px;
	text-align:center;
	background-color:#0081CC;
	position:relative;
	transition:all ease .3s;
	cursor:pointer;
	}
.float .fla .img{
	height:40px;
	width:40px;
	position:absolute;
	left:0px;
	top:0px;
	line-height:40px;
	}
.float .fla .img img{
	width:auto;
	height:30px;
	vertical-align:middle;
	}
.float .fla .con{
	width:100px;
	height:40px;
	line-height:40px;
	background-color:#666;
	color:#fff;
	position:absolute;
	left:44px;
	top:0px;
	}
.float .fla:hover{
	background-color:#FF8000;
	}
.float  #qq dl,.float  #tel dl{
	width:120px;
	border:1px solid #ddd;
	background-color:#fff;
	position:absolute;
	left:-138px;
	top:0;
	padding-bottom:10px;
	display:none;
	padding:6px;
	}
.float  #qq dl dt,.float  #tel dl dt{
	background-color:#FF8000;
	color:#fff;
	padding:6px;
	margin-bottom:15px;
	}
.float  #qq dl dd,.float  #tel dl dd{
	margin-bottom:10px;
	}
.float  #wechat div{
	width:140px;
	height:140px;
	border:1px solid #ddd;
	position:absolute;
	left:-148px;
	top:-44px;
	display:none;
	background-color:#fff;
	}
.float  #wechat div img{
	width:100%;
	height:auto;
	}
@media (max-width: 1400px) {
.newsbox li a.img,.newsbox li a.img img{
	width:300px;
	height:170px;
	}
.newsbox li .con{
	padding-left:320px;
	padding-top:15px;
	}

	}
@media (max-width: 1200px) {
	.head{
		height:117px;
		}
	.head-main .nav-t a#logo{
		margin-top:20px;
		}
	.head-main .nav-t a#logo img{
		height:35px;
		width:auto;
		}
	.head-main .nav-t #sublogo{
		display:none;
		}
	.banner{
		height:60%;
		padding-top:117px;
		}

	.float{
		display:none;
		}
		
}
@media (max-width: 992px) {
	.head{
		height:50px;
		}
	.head-main .nav-t {
		height: 50px;
	}
	.head-main .nav-t a#logo{
		margin-top:9px;
	}
	.head-main .nav-t a#logo img{
		height:28px;
		width:auto;
	}
	#menu-pc{
		display:none;
	}


	.head-main .nav-t .sharebox{
		display:none;
	}
	/************手机导航**************/
	#head-mobile{
		display:block;
		float:right;
		}
	#head-mobile a{
		float:left;
		display:block;
		width:22px;
		height:22px;
		padding:15px 0 0 12px;
		cursor:pointer;
		}
	#head-mobile a img{
		width:22px;
		height:auto;
		}
	#mobile-hdbox{
		display:block;
		width:100%;
		position:absolute;
		top:50px;
		left:0px;
		z-index:999;
		}
	#mobile-hdbox #searchbd-mob{
		display:none;
		width:90%;
		height:30px;
		padding:10px 5%;
		position:absolute;
		left:0px;
		top:0px;
		background-color:rgba(0,129,204,.8);
		overflow:hidden;
		}
	#mobile-hdbox #searchbd-mob .searchbox{
		width:100%;
		height:30px;
		border-radius:5px;
		background-color:#fff;
		overflow:hidden;
		}
	#mobile-hdbox #searchbd-mob input[type="text"]{
		float:left;
		height:30px;
		line-height:30px;
		width:80%;
		border:none;
		background-color:inherit;
		text-indent:10px;
		overflow:hidden;
	}
	#mobile-hdbox #searchbd-mob input::-webkit-input-placeholder{ 
		color: #333;
	} 
	#mobile-hdbox #searchbd-mob button{
		float:right;
		width:15%;
		height:32px;
		border:none;
		background-color:#eee;
		color:#fff;
		overflow:hidden;
	}
	#mobile-hdbox #lanbd-mob{
		display:none;
		width:22%;
		min-width:100px;
		position:absolute;
		right:0px;
		top:0px;
		}
	#mobile-hdbox #lanbd-mob a{
		display:block;
		height:40px;
		line-height:40px;
		text-align:center;
		background-color:#fff;
		border-bottom:1px solid #ddd;
		}
	
	#mobile-hdbox #menubd-mob{
		display:none;
		width:100%;
		position:absolute;
		left:0px;
		top:0px;
		background-color:#fff;
		}
	#mobile-hdbox #menubd-mob .menulist > li{
		border-bottom:1px solid #ddd;
		min-height:40px;
		line-height:40px;
		}
	#mobile-hdbox #menubd-mob .menulist > li > a{
		display:inline-block;
		float:left;
		width:75%;
		padding-left:5%;
		height:40px;
		background-color:#fff;
		}
	#mobile-hdbox #menubd-mob .menulist > li span.btn{
		display:inline-block;
		float:right;
		width:2%;
		padding-left:8%;
		padding-right:10%;
		text-align: center;
		font-size:2em;
		background-color:#fff;
		}
	#mobile-hdbox #menubd-mob .menulist .submenu{
		display:none;
		background-color:#0081CC;
		padding-top:40px;
		}
	#mobile-hdbox #menubd-mob .menulist .submenu li{
		padding:0 5%;
		height:40px;
		border-bottom:1px solid #55BFFF;
		}
	#mobile-hdbox #menubd-mob .menulist .submenu li:last-child{
		border-bottom:none;
		}
	#mobile-hdbox #menubd-mob .menulist .submenu li a{
		display:block;
		color:#fff;
		}
	
	/************手机导航 END**************/
	.banner{
		height:250px;
		padding-top:50px;
	}
	.ind-pronav li{
		width:20%;
		border-bottom:1px solid #eee;
	}
	.swiper-pagination-bullet{
		width:4px !important;
		height:4px !important;
		border: 1px solid #fff !important;
		}
.ind-about .video{
	float: none;
	width:100%;
	margin-top: 20px;
	}
.ind-about .con{
	float: none;
	width:100%;
	}
	.ind-about .ab-fz li{text-align: center;}
.ind-about .ab-fz li .img{
float: none;
	margin: 0 auto;
}
.ind-about .ab-fz li p{line-height: 24px;}
	
	.ind-about .fl  .more{
	width:100px;
	height:40px;
	line-height:40px;
	font-size:12px;
	}
	
	
	
	
	
.newsbox {
    height: 414px;
}
.newsbox li {
    height: 200px;
}
.ind-news,.ind-contact{
	float:none;
	width:100%;
	}
.ind-news{
	border-bottom:1px solid #eee;
	}
.ind-contact{
	margin-top:30px;
	}


	
	
}

@media (max-width: 768px) {
.ind-pronav li{
	width:50%;
	background-color:#fff;
}
.ind-pronav li a{
	display:block;
	float:left;
	width:100%;
	padding:10px;
	color:#999;
	box-sizing:border-box;
	position:relative;
	}
.ind-pronav li span.img{
	float:left;
	width:30%;
	}
.ind-pronav li span.img img{
	width:100% ;
	height:auto;
	}
.ind-pronav li span.tit{
	float:left;
	font-size:13px;
	text-align:left;
	width:60%;
	margin:0;
	position:absolute;
	top:40%;
	left:40%;
	}
.ind-about .tit1{
	font-size:20px;
	}
.ind-about .ab-fz{
	display:none;
	}

.newsbox {
    height: 800px;
	}
.newsbox li{
	width:100%;
	height: auto;
	}
.newsbox li a.img{
	width:100%;
	height: auto;
	position: inherit;
	}
.newsbox li .img img{
	width:100% !important;
	height: auto !important;
	}
.newsbox li .con{
	padding-left:0;
	padding-top:15px;
	}
.ind-contact .conbd .conb1{
	background-position:180% 0;
	}
.ind-contact .conbd .conb1 h3{
	font-size:20px;
	}
.ind-contact .conbd .conb1 p{
	font-size:14px;
	}



}
/* i i s7 .c o m */