﻿@charset "utf-8";
/* CSS Document */
body{
	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:#de4131;}
.clear{ clear:both; height:0px !important; overflow:hidden;}
.wrap{width:1200px;margin:0 auto;}
.imgauto{
	max-width:100%;
	height:auto;
	}
.fl{
	float:left;
	}
.fr{
	float:right;
	}
.head .lantop{
   background: #fff;
	height: 35px;
	line-height: 35px;
}
.head  .lan{
	background: url("../images/en.png") 10px  center no-repeat;
	background-size: 20px;
}
.head{
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:99;
	}
.head .topbar{
	height:40px;
	background-color:#eee;
	background: linear-gradient(to bottom, #fefefe,#eee);
	border-bottom:1px solid #ddd;
	overflow:hidden;
	}
.head .topbar .fl{
	line-height:40px;
	color:#999;
	}
.head .topbar span.phone{
	float:left;
	display:inline-block;
	height:40px;
	line-height:40px;
	padding-left:30px;
	color:#666;
	background:url(../images/top1.png) no-repeat left center;
	}
.head .topbar b{
	float:left;
	display:inline-block;
	height:14px;
	width:1px;
	background-color:#ddd;
	margin:0 15px;
	margin-top:14px;
	}
.head .topbar #top-search{
	float:right;
	height:27px;
	width:180px;
	color:#fff;
	border:1px solid #ddd;
	background-color: #fff;
	border-radius:40px;
	margin-top:6px;
	overflow:hidden;
	transition:all ease .3s;
		}
.head .topbar #top-search:hover{
	border-color:#4686E6;
	}
.head .topbar #top-search  input[type="text"]{
	float:left;
	height:26px;
	line-height:26px;
	padding-left:15px;
	width:125px;
	border:none;
	background-color:transparent;
	color:#999;
	overflow:hidden;
	}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
	color: #ccc;
	} 
.head .topbar #top-search button{
	float:right;
	width:27px;
	height:26px;
	border:none;
	background: url(../images/search_t.png) no-repeat center center;
	color:#fff;
	margin-right:10px;
	cursor:pointer;
	}
.head .navwrap{
	height:100px;
	background-color:#fff;
	}
.head .navwrap .logo{
	float:left;
	height:100px;
	width:350px;
	background:url(../images/logo.png) no-repeat left center;
	overflow:hidden;
	}
.head .navwrap .navbox{
	float:right;
	margin-top:50px;
	}

.head .navwrap #nav > li{
	float:left;
	width:110px;
	height:50px;
	text-align:center;
	font-size:16px;
	}
.head .navwrap #nav > li > a{
	display:block;
	width:110px;
	text-align:center;
	position:relative;
	color:#666;
	border-right:1px solid #ddd;
	}
.head .navwrap #nav > li.active >a{
	color: #0d6fba;
}
.head .navwrap #nav li:last-child a{
	border-right:none;
	}

.head .navwrap #nav li a span.line{
	display: inline-block;
	height:2px;
	width:0;
	margin:auto;
	background-color:#15499A;
	position:absolute;
	bottom:-29px;
	left:50%;
	z-index:99;
	}
.head .navwrap #nav li a:hover{
	color:#15499A;
	}
.head .navwrap #nav .subnav{
	display:none;
	width:100%;
	height:0;
	opacity:0;
	background-color:rgba(255,255,255,1);
	border-top:1px solid #ddd;
	position:absolute;
	top:100px;
	left:0px;
	z-index:98;
	}
.head .navwrap #nav .subnav .fl{
	width:370px;
	padding-top:25px;
	overflow:hidden;
	}
.head .navwrap #nav .subnav .fl img{
	width:350px;
	height:190px;
	border:7px solid rgba(21,73,154,.9);
	}
.head .navwrap #nav .subnav .fr{
	width:730px;
	padding-top:25px;
	text-align:left;
	}
.head .navwrap #nav .subnav .fr > div{
	height:40px;
	margin-bottom:8px;
	}
.head .navwrap #nav .subnav .fr > div a{
	display:block;
	float:left;
	width:100px;
	height:40px;
	font-size:14px;
	line-height:40px;
	text-align:center;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	background-color:rgba(21,73,154,.8);
	color:#fff;
	border-left:1px solid rgba(255,255,255,0.8);
	}	
.head .navwrap #nav .subnav .fr > div a:hover{
	background-color:rgba(21,73,154,1);
	}
.head .navwrap #nav .subnav .fr a.more{
	height:40px;
	background:none;
	color:#15499A;
	border:1px solid #15499A;
	}
.head .navwrap #nav .subnav .fr a.more:hover{
	background:#014ca1;
	border-color:#014ca1;
	color:#fff;
	}
.head .navwrap #nav .subnav .fr p{
	font-size:13px;
	line-height:2em;
	color:#666;
	}	
.head .navwrap #nav .subnav .fr span{
	display:inline-block;
	width:80px;
	height:2px;
	background-color:#014ca1;
	margin-bottom:4px;
	}
/**************滚动楼层**************/
html, body {
	position: relative;
	height: 100%;
}

.swiper-main{
	width: 100%;
	height:100%;
	margin-top: 100px;
}
#main-pagination .swiper-pagination-bullet{
	width:14px;
	height:14px;
	background-color:rgba(255,255,255,.8);
	margin:8px 0;
	}
#main-pagination .swiper-pagination-bullet-active{
	background-color:#15499A;
	}
/*********楼层1*********/
#ind-banner{
	}
#ind-banner .ind-news{
	width:1000px;
	height:50px;
	position: absolute;
	z-index:99;
	left:50%;
	bottom:50px;
	margin-left:-500px;
	box-shadow:5px 5px 5px rgba(0,0,0,.6);
	border-radius:5px;
	overflow:hidden;
	}
#ind-banner .ind-news dt{
	float:left;
	width:160px;
	line-height:50px;
	height:50px;
	text-align:center;
	color:#15499A;
	font-size:16px;
	background-color:rgba(255,255,255,0.9);
	}
#ind-banner .ind-news dd{
	float:left;
	width:840px;
	height:50px;
	color:#fff;
	background-color:rgba(21,73,154,.9);
	}
#ind-banner .ind-news dd a{
	display: block;
	float: left;
	width: 259px;
	padding: 0 10px;
	color: #AAC7F3;
	text-align: center;
	border-right: 1px solid #fff;
	margin-top: 17px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	}
#ind-banner .ind-news dd a:last-child{
	border-right:none;
	}
#ind-banner .ind-news dd a:hover{
	color:#fff;
	}

.banner{
	height:100%;
	}
.banner .swiper-slide{
	height:100%;
	width:100%;
	text-align:center;
	overflow:hidden;
	background-size: cover;
	background-position:center bottom;
	background-repeat:no-repeat;
	}
.banner #banner1{
	background-image:url(../images/banner1.jpg);
	}
.banner #banner2{
	background-image:url(../images/banner2.jpg);
	}
.banner #banner3{
	background-image:url(../images/banner3.jpg);
	}
/*********楼层2*********/
.ind-title{
	text-align:center;
	margin-bottom:30px;
	}
.ind-title h3{
	font-size:32px;
	color:#15499A;
	}
.ind-title p{
	font-size:20px;
	color:#333;
	}
.ind-title span{
	display:inline-block;
	height:2px;
	width:80px;
	background-color:#E51072;
	}


#ind-product .ind-title h3,#ind-product .ind-title p{
	color:#fff;
	}
#ind-product .ind-title span{
	background-color:#fff;
	}
#ind-product{
	background:#000 url(../images/indbg2.jpg) no-repeat center bottom;
	}
#ind-product .wrap,#ind-about .wrap,#ind-contact .wrap{
	padding-top:200px;
	}
#ind-product .ind-probox{
	position:relative;
	}
#ind-product .ind-pronav{
	width:1130px;
	height:400px;
	margin:auto;
	padding-top:10px;
	overflow:hidden;
	}
#ind-product .swiper-slide{
	width:25%;
	text-align:center;
	}

#ind-product .swiper-slide a{
	display:block;
	width:240px;
	height:290px;
	padding:15px;
	margin:auto;
	text-align:center;
	border-radius:5px;
	background-color:rgba(255,255,255,.9);
	}
#ind-product .swiper-slide a:hover{
	transform:translateY(-8px);
	color:#fff;
	background-color:rgba(21,73,154,.9);
	box-shadow:3px 3px 3px rgba(0,0,0,.6);
	}
#ind-product .swiper-slide .img{
	display:block;
	width:240px;
	height:240px;
	text-align:center;
	overflow:hidden;
	}
#ind-product .swiper-slide .img img{
	width:240px;
	height:240px;
	border-radius:5px;
	transition:all ease .3s;
	}
#ind-product .swiper-slide p{
	width:240px;
	margin-top:25px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	}
#ind-product .pronav-next,#ind-product .pronav-prev{
	display:block;
	width:30px;
	height:60px;
	line-height:60px;
	font-size:60px;
	font-family:"宋体",Arial;
	position:absolute;
	top:120px;
	color:rgba(255,255,255,0.70);
	text-align:center;
	cursor:pointer;
	}
#ind-product .pronav-prev{
	left:0px;
	}
#ind-product .pronav-next{
	right:0px;
	}
#ind-product .pronav-next:hover,#ind-product .pronav-prev:hover{
	color:rgba(255,255,255,1);
	text-shadow:3px 3px 3px rgba(0,0,0,.6);
	}
#ind-product .pronav-next:hover{transform:translateX(6px);}
#ind-product .pronav-prev:hover{transform:translateX(-6px);}

#ind-product a.more{
	display:inline-block;
	padding:12px 30px;
	border:1px solid #ddd;
	border-radius:5px;
	color:#fff;
	background-color:rgba(255,255,255,.2);
	}
#ind-product a.more:hover{
	background-color:#15499A;
	border:1px solid #15499A;
	color:#fff !important;
	transform:translateY(-6px);
	box-shadow:0px 3px 3px rgba(0,0,0,.3);
	}

/*********楼层3*********/
#ind-about{
	background:#000 url(../images/indbg3.jpg) no-repeat center bottom;
	}
#ind-about .ml{
	float:left;
	width:550px;
	height:386px;
	border-radius:5px;
	overflow:hidden;
	}
#ind-about .ml img{
	}
#ind-about .title{
	font-size:20px;
	padding-top:20px;
	margin-bottom:30px;
	color:#333;
	}
#ind-about .mm{
	float:left;
	width:230px;
	height:386px;
	margin-left:20px;
	padding:0 20px;
	background-color:#fff;
	border-radius:5px;
	overflow:hidden;
	transition:all ease .3s;
	position:relative;
	}
#ind-about .mm:hover,#ind-about .mr .mr-t:hover,#ind-about .mr .mr-f:hover{
	box-shadow:0px 5px 15px rgba(0,0,0,.3);
	transform:translateY(-6px);
	}
#ind-about .mm .con{
	color:#999;
	line-height:2em;
	}
#ind-about .mm .morebox{
	width:270px;
	position:absolute;
	bottom:25px;
	left:8px;
	}
#ind-about .mm .morebox a{
	display:block;
	float:left;
	width:85px;
	border-right:1px solid #ddd;
	color:#2757A4;
	text-align:center;
	font-size:14px;
	}
#ind-about .mm .morebox a:last-child{
	border-right:none;
	}
#ind-about .mm .morebox a img{
	margin-bottom:5px;
	transition:all ease-in .5s;
	}
#ind-about .mm .morebox a:hover img{
	transform:rotateY(360deg);
	}
#ind-about .mr{
	float:right;
	width:340px;
	height:386px;
	}
#ind-about .mr .mr-t,#ind-about .mr .mr-f{
	width:300px;
	height:185px;
	padding:0 20px;
	color:#999;
	background-color:#fff;
	border-radius:5px;
	transition:all ease .3s;
	position:relative;
	}
#ind-about .mr .mr-t{
	margin-bottom:16px;
	background-image:url(../images/indabout2.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
	}
#ind-about .mr .mr-f{
	background-image:url(../images/indabout3.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
	}
#ind-about .mr  .mr-f dt{
	margin-bottom:18px !important;
	}
#ind-about .mr  .mr-f dd{
	width:260px;
	background:url(../images/ico1.gif) no-repeat 0 7px;
	padding-left:10px;
	margin-bottom:5px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	
	}
#ind-about .mr a.more{
	display: inline-block;
	color:#999;
	border:1px solid #ddd;
	border-radius:5px;
	padding:8px 25px;
	position:absolute;
	bottom:15px;
	}
#ind-about .mr a.more:hover{
	background-color:#144899;
	color:#fff;
	border:1px solid #144899;
	}

/*********楼层4*********/
#ind-contact .wrap{
	position:relative;
	z-index:9;
	}
#ind-contact .wrap .bd{
	width:810px;
	height:260px;
	margin:auto;
	line-height:2em;
	font-size:16px;
	border-radius:5px;
	box-shadow:5px 5px 5px rgba(0,0,0,.3);
	overflow:hidden;
	}
#ind-contact .wrap .bd .fl{
	width:550px;
	height:230px;
	padding:30px 0 0 30px;
	background-color:rgba(255,255,255,.9);
	background: linear-gradient(to bottom,rgba(255,255,255,.9),rgba(221,221,221,.9));
	color:#666;
	overflow:hidden;
	}
#ind-contact .wrap .bd h3{
	font-weight:normal;
	font-size:26px;
	color:#134799;
	margin-bottom:15px;
	}
#ind-contact .wrap .bd .fr{
	width:227px;
	height:230px;
	text-align:center;
	padding-top:30px;
	font-size:14px;
	color:#fff;
	border-left:3px solid #666;
	background-color:rgba(21,73,154,.9);
	overflow:hidden;
	}
#ind-contact .wrap .bd .fr img{
	width:150px;
	height:auto;
	border-radius:4px;
	margin-bottom:10px;
	box-shadow:5px 5px 5px rgba(0,0,0,.3);
	}
#ind-contact .zzdiv{
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,.6);
	position:absolute;
	top:0;
	z-index:2;
	}
.indmap{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	z-index:0;
	}
#ind-contact #copy{
	width:100%;
	height:40px;
	line-height:40px;
	text-align:center;
	color:#fff;
	background-color:rgba(21,73,154,.9);
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:99;
	}

#foot{
	height:220px;
	background-color:#eee;
	padding-top:30px;
	color:#888;
	margin-top:30px;
	overflow:hidden;
	}
#foot a{
	color:#888;
	}
#foot .fl dl{
	float:left;
	width:110px;
	padding-right:25px;
	}
#foot .fl dl dt{
	color:#15499A;
	font-size:16px;
	margin-bottom:10px;
	}
#foot .fl dl dd{
	font-size:12px;
	line-height:24px;
	text-overflow:ellipsis;
	white-space: nowrap;
	overflow:hidden;
	}
#foot .fl dl.ft-contact{
	width:auto;
	}
#foot .fr{
	text-align:center;
	font-size:12px;
	color:#888;
	}
#foot .fr img{
	border:1px solid #ccc;
	border-radius:5px;
	margin-bottom:15px;
	box-shadow:3px 3px 3px rgba(0,0,0,.4);
	}
#foot a:hover{
	color:#15499A;
	}
	
#copy{
	height:40px;
	line-height:40px;
	color:#D2E1F9;
	font-size:12px;
	text-align:center;
	background:url(../images/copybg.jpg) repeat-x 0 0;
	}
#copy a{
	color:#D2E1F9;
	}
