@charset "utf-8";
/* CSS Document */
body,td,th,input,textarea,select{
	font-size:13px;
	font-family:'微软雅黑', Arial, Tahoma;
	color:#333;
}
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: #004da0;}
.clear{ clear:both; height:0px !important; overflow:hidden;}
.wrap{width:1200px;margin:0 auto;}
.fl{float:left;}
.fr{float:right;}

#head{
	width: 100%;
	height: 100px;
	background-color: #fff;
	position: fixed;
	left:0px;
	top:0;
	z-index:999;
	transition:all ease .3s;
}
#head .wrap{height: 100%;}
#head #logo{
	float: left;
	display: block;
	height: 100%;
	line-height:90px;
	overflow: hidden;
}
#head #logo img{transition: all .2s;}
.menu{
	float: right;
	height: 100%;
	margin-right: 20px;
}
.menu > li{
	float: left;
	height: 100%;
	text-align: center;
	position: relative;
}
.menu > li > a{
	display: inline-block;
	color: #333;
	font-size: 15px;
	height: 100%;
	text-align: center;
	padding: 42px 20px 0 20px;
	position: relative;
	box-sizing: border-box;
}
.menu > li > a:after{content: " ";display: block;width: 100%;height: 4px;background-color:rgba(0,0,0,0.00);position: absolute;left: 0;bottom: -4px; transition: all .2s;}
.menu > li > a:hover{color:#004da0;}
.menu > li.A > a:after{background-color:#004da0;bottom: 0px;}
.menu li .submenu{
	display: none;
	width: 250px;
	background-color: #fff;
	text-align: left;
	position: absolute;
	left: 0;
	top:100px;
	line-height: 20px;
	z-index: 5000;
	box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);	
}
.menu li .submenu li{ border-bottom: 1px solid #ecf0f1;	}
.menu li .submenu li a{
	display: block;
	font-size: 13px;
	color: #666;
	background-color: #fff;
	padding: 8px;
}
.menu li .submenu li a:hover{
	background: #ecf0f1;
	color: #004da0;
	padding-left: 15px;
}
#head.small{height:60px;box-shadow:0 5px 25px rgba(0,0,0,.12);}
#head.small #logo{line-height: 50px;}
#head.small #logo img{height: 40px;}
#head.small .menu > li > a{padding-top:18px;}
#head.small .submenu{top:60px;}
#head.small .hdfr{margin-top: 15px;	}
.hdfr{float: right;margin-top:38px;	width:70px;height: 30px;position: relative; transition: all .3s;}
.searchwrap{width: 30px;height: 30px;float: left;position:relative;}
#head .searchwrap #searbtn{display: block;width: 30px;height: 30px;background:#5b5b5b url(../images/searchW.png) no-repeat center center;	border-radius: 3px;}
#head .searchwrap #searchcon{width:0px;height: 30px;border-radius: 3px;overflow: hidden;transition: all .3s;background-color: #ddd;position: absolute;right: 0;top: 0;z-index: 99;}
#head .searchwrap #searchcon input[type="text"]{
	float:left;
	height:30px;
	line-height:30px;
	width:170px;
	border:none;
	background-color:inherit;
	color:#fff;
	font-size: 12px;
  text-indent:10px;
	overflow:hidden;
	}
#head #searchcon button{
	float:right;
	width:30px;
	height:30px;
	border:none;
	background:#004da0 url(../images/searchW.png) no-repeat center center;
	cursor:pointer;
	transition: all .3s;
	}

.lanbox{
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 3px;
	position: absolute;
	right: 0px;
	top: 0;
	overflow: hidden;
	transition: all .2s;
}
.lanbox i{
	display: block;
	width: 30px;
	height: 30px;
	background:#004da0 url(../images/ico-lan.png) no-repeat center center;
}
.lanbox a{
	display: block;
	color: #fff;
	width: 30px;
	height: 30px;
	text-align: center;
	background-color: #666;
}
.lanbox:hover{height: 90px;}
.lanbox a:hover{background-color: #333;}


.banner{
	width: 100%;
	height: 600px;
	margin-top: 100px;
	position: relative;
	overflow: hidden;
}
.banner .swiper-slide{
	width: 100%;
	height:600px;
	color: #333;
	background-position:top center;
	overflow: hidden;
}
.banner .swiper-slide .wrap{padding-top: 200px;position: relative;}
.banner .swiper-slide .t1{width: 400px; color: #004da0;font-size: 34px;margin-top: 8px;}
.banner .swiper-slide .t3 a{
	display: block;
	width: 100px;
	height: 40px;
	color: #004da0;
	text-align: center;
	line-height: 40px;
	margin-top: 15px;
	background-color: rgba(0,0,0,.1)
}
.banner .swiper-slide .t3 a:hover{color: #fff;background-color: rgba(0,0,0,.3);}
.banner .swiper-slide .b2a{position: absolute;right: -40px;top:90px;}



.banner .swiper-pagination{bottom: 20px!important;}
.banner .swiper-pagination-bullet{
	width:20px;
	height:6px;
	background-color: #fff;
	opacity: .8;
	border-radius: 0;
	transform: skewX(30deg);
	transition: all .3s;
}
.banner .swiper-pagination-bullet-active{width:35px;background-color:#004da0;}

.indtit1 h3{font-size: 34px;font-weight: bold;color: #004da0;text-align: center;}
.indtit1 p{font-size:16px;color: #666;font-family:Arial, "serif";text-align: center;margin-top: 5px;}

.ind-pro{margin-top: 70px;}
.ind-pro .probox{height: 482px; margin-top:50px;position: relative;overflow: hidden;}
.ind-pro .probox .prol{float: left;width: 760px; height: 480px;border: 1px solid #ddd;background: url(../images/indpro1.jpg) no-repeat right center;position: relative;cursor: pointer;}
.ind-pro .probox .pror{float: right;width: 400px; height: 480px;border: 1px solid #ddd;background: url(../images/indpro2.jpg) no-repeat right center;position: relative;cursor: pointer;}
.ind-pro .probox .tit{width:140px;position: absolute;top:-3px;left: 20px;}
.ind-pro .probox .pror .tit{right:5px;left: auto;}
.ind-pro .probox .tit h3{font-size: 24px;font-weight: normal;color: #004da0;margin-top:5px;}
.ind-pro .probox .tit p{font-size:17px;color: #999;font-family:Arial, "serif";margin-top: 5px;}
.ind-pro .probox .procon{width:1200px;height: 480px; position: absolute;top: 0;z-index: 99;box-shadow: 0 5px 16px rgba(0,0,0,.2);}
.ind-pro .probox .procon .prolist{width:708px;height: 460px;background-color: #fff;padding: 0 20px 20px 20px; border: 1px solid #ddd;overflow: hidden;}
.ind-pro .probox .procon .prolist a{display: block;float: left;width:220px; height:210px;text-align: center;margin:10px 0 5px 5px;padding: 5px; overflow: hidden;}
.ind-pro .probox .procon .prolist a h3{height: 180px;overflow: hidden;}
.ind-pro .probox .procon .prolist a h3 img{height: 180px;width: auto;}
.ind-pro .probox .procon .prolist a p{height: 20px;font-size: 16px;}
.ind-pro .probox .procon .prolist a:hover{box-shadow: 0px 0px 20px rgba(0,0,0,.2);}
.ind-pro .probox .procon .prolist a.more{font-size:90px;color: #ddd;line-height: 160px;}
.ind-pro .probox .procon .prolist a.more:hover{color: #666;box-shadow: 0 0 0;}


.ind-pro .probox .procon .prohd{display: block;width:450px;height: 482px;color: #fff;position: relative;}
.ind-pro .probox .procon .prohd > div{position: absolute;left: 30px;bottom: 30px;}
.ind-pro .probox .procon .prohd h3{font-size: 34px;}
.ind-pro .probox .procon .prohd p{font-size: 24px;}
.prolcon{left:-1300px;}
.prorcon{right:-1300px;left: auto;}
.prolcon .prohd{background: url(../images/indpro3.jpg) no-repeat 0 0;}
.prorcon .prohd{background: url(../images/indpro4.jpg) no-repeat 0 0;}
.ind-pro .probox .prorcon .prohd > div{right: 30px;bottom: 30px;left: auto;}


.ind-about{height: 520px;background:url(../images/indabout1.jpg) no-repeat center bottom; margin-top:80px;}
.ind-about .wrap{height: 520px;position: relative;}
.ind-about .fl{width:560px;font-size: 14px;line-height: 26px;color: #666;padding-top: 80px; position: relative;}
.ind-about .fl p{margin-bottom: 15px;}
.ind-about .fl .imgt{position: absolute;left: -10px;top: -10px;}
.ind-about .imgfr{position: absolute;right: 0px;bottom: 0px;}


.ind-case{height: 300px;background:#004da0 url(../images/indcase1.png) no-repeat 10% 0;}
.ind-case .tit{float: left;width: 300px;height: 210;color: #fff;padding-top:90px;}
.ind-case .tit img{margin-left: 2px;}
.ind-case .tit h3{font-size: 30px;margin-top: 10px;}
.ind-case .tit p{font-size: 16px;color: #8ec4ff;margin-top: 8px;}

.casewrap{float: right;width:900px;height: 300px;position:relative;}
.swiper-case{width:900px;height: 255px; padding-top: 45px; overflow: hidden;}
.swiper-case .swiper-slide a{display: block;float: right;width: 290px;height: 208px;position: relative;overflow: hidden;}
.swiper-case .swiper-slide .img{width: 290px;height: 208px;overflow: hidden;position: relative;z-index: 0;}
.swiper-case .swiper-slide .img img{width: 290px;height: 208px;transition: all .3s;}
.swiper-case .swiper-slide .con{width: 100%;height: 168px;color: #fff; position: absolute;left: 0;bottom: -50px;z-index: 9; padding:40px 20px 0 20px; box-sizing: border-box;background: linear-gradient(to top,rgba(0,0,0,1),rgba(0,0,0,0));transition: all .2s;}
.swiper-case .swiper-slide .con h3{font-size: 14px;font-weight: normal;}
.swiper-case .swiper-slide .con p{font-size: 12px; height:40px;overflow: hidden; margin-top: 10px;}
.swiper-case .swiper-slide .con b{display: block;width:80px; height:30px;font-size: 12px;line-height: 30px;font-weight: normal;text-align: center;background-color:#004da0; margin-top: 10px;}
.swiper-case .swiper-slide .bg{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .3);
    z-index: 1;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: opacity .3s;
}
.swiper-case .swiper-slide a:hover .img img{transform: scale(1.1);}
.swiper-case .swiper-slide a:hover .bg{opacity:1;filter: alpha(opacity=1);}
.swiper-case .swiper-slide a:hover .con{bottom:0;}




.casewrap .swiper-button-white{width: 35px;height:208px; background-color:rgba(0,0,0,0.7);top:44px;margin-top: 0;opacity: 0;transition: all .3s;}
.casewrap .swiper-button-prev{left: -25px;}
.casewrap .swiper-button-next{right: -35px;}
.casewrap:hover .swiper-button-white{opacity: 1;}




.ind-news{height:600px; margin-top: 50px;}
.newslist{width: 1230px;margin-top: 40px;}
.newslist li{float: left;	width:380px;margin-right: 30px;}
.newslist li a{ display: block;width: 380px;background-color: #f5f5f5;}
.newslist li .img{ width: 380px; height: 250px;background-color: #fff; overflow: hidden;}
.newslist li .img img{ width: 380px; height: 250px;border-radius: 3px; transition:all .4s;}
.newslist li .con{height: 80px; padding: 10px; background: url(../images/banner1a.png) no-repeat 310px bottom;background-size: auto 13px;}
.newslist li .con h3{font-size: 16px;font-weight: normal; text-overflow:ellipsis;white-space: nowrap;overflow: hidden;}
.newslist li .con p.text{font-size: 12px;color: #999; line-height:16px;height:40px;margin-top: 5px; overflow: hidden;
}
.newslist li .con p.date{font-size: 11px;color: #ccc;height: 16px; padding-left: 25px;background: url(../images/ico-date.png) no-repeat left center;}
.newslist li a:hover img{opacity: .8; transform:scale(1.1,1.1);}
.newslist li a:hover{background-color: #fff;box-shadow: 0 8px 25px rgba(0,0,0,.3);}

.ind-news a.more{display: block;width: 130px;height: 40px;text-align: center;line-height: 40px; border: 1px solid #ddd;border-radius: 3px;background-color: #f5f5f5;  margin:40px auto;}
.ind-news a.more:hover{background-color: #fff; border: 1px solid #fff;box-shadow: 0 3px 15px rgba(0,0,0,.3);}


.ind-search{height:320px;text-align: center;color: #fff;padding-top:80px; background: url(../images/indser1.jpg) no-repeat center bottom fixed;}
.ind-search h3{font-size: 36px;transform: skewX(10deg);text-shadow: 0 2px 10px rgba(0,0,0,.4);}
.ind-search p{font-size: 30px;text-shadow: 0 2px 10px rgba(0,0,0,.4);}
.ind-search .searchbox{width: 500px;height: 50px;border: 1px solid #fff;border-radius: 3px;overflow: hidden; margin: 50px auto;transition: all .3s;box-shadow: 0 2px 10px rgba(0,0,0,.4);}
.ind-search .searchbox input[type="text"]{
	float:left;
	height:50px;
	line-height:50px;
	width:420px;
	font-size: 16px;
	border:none;
	background-color:inherit;
	color:#fff;
  text-indent:10px;
	overflow:hidden;
	}
.ind-search .searchbox input::-webkit-input-placeholder{ 
	color: #fff;
	} 
.ind-search .searchbox button{
	float:right;
	width:80px;
	height:50px;
	border:none;
	background:url(../images/searchW.png) no-repeat center center;
	cursor:pointer;
	transition: all .3s;
	}
.ind-search .searchbox:hover{background-color: rgba(255,255,255,0.10);}
.ind-search .searchbox:hover button{background-color: rgba(1,22,33,0.70);}


.foot{
	height:260px;
	padding-top: 50px;
	background:#eee;
}
.foot a{color: #666;}
.foot a:hover{color: #004da0;}

.ft-contact{width:290px;margin-right: 50px;}
.ft-contact .hotline{color:#333;border-bottom: 1px solid #bbb;margin-bottom: 20px;padding-bottom: 10px;}
.ft-contact .hotline p{font-size: 16px;background:url(../images/banner1a.png) no-repeat 140px 5px;background-size: auto 10px;}
.ft-contact .hotline h3{font-size: 26px;margin-top: 5px;}
.ft-contact .conft p{
	padding-left:30px;
	position: relative;
	margin-bottom: 15px;
}
.ft-contact .conft p img{
	position: absolute;
	left: 0px;
	top: 0px;
}

.ft-nav{
	width:130px;
	margin-left:40px;
}
.ft-nav dt{
	font-size: 16px;
	color: #333;
	margin-bottom: 20px;
}
.ft-nav dt a{color: #333;}
.ft-nav dd a{
	display: inline-block;
	color: #666;
	margin-bottom:10px;
}

.ft-wechat{
	text-align: center;
	color: #999;
}
.ft-wechat img{
	border-radius: 5px;
	margin-bottom: 10px;
	box-shadow: 3px 3px 5px rgba(0,0,0,.5);
}




.copy{
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	color: #ddd;
	background-color: #333;
}