@charset "utf-8";
/* CSS Document */
body,td,th,input,textarea,select{
	font-size:14px;
	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: #01479b;}
.clear{ clear:both; height:0px !important; overflow:hidden;}
.wrap{width:1200px;margin:0 auto;}
.fl{float:left;}
.fr{float:right;}
#head{width:100%; min-width:1450px; padding:0 100px; box-sizing:border-box; height:116px; position:fixed; left:0; top:0; background:#fff; transition:all .35s; z-index:99;}
#logo{width:300px; height:60px; float:left; padding:30px 0 0 0; transition:height .35s; overflow:hidden;}
#logo a{display:block;}
#logo a img{ transition:all .35s;}
#search{width:36px; height:36px; background:#01479b; display:block; float:right; margin-top:46px; border-radius:3px; margin-left:30px; cursor:pointer; transition:all .35s; position:relative; z-index:2;}
#search>img{padding:8px; filter:alpha(opacity=70); opacity:.7;}
#search:hover,#search.A{background:#ed9100;}
#search-wrap{height:36px; width:0; background:#ed9100; position:absolute; right:100px; top:46px; border-radius:3px; z-index:1; transition:top .35s,right .35s;}
#search-wrap>input{padding:0 10px; background:none; color:#fff; border:0px none; font-size:13px; line-height:36px; height:36px;}
#search-wrap>input::-webkit-input-placeholder{color:rgba(255,255,255,.8);}

#menu{width:702px; height:100px; padding:16px; float:right; transition:line-height .35s,height .35s;}
#menu>li{float:left; position:relative;}
#menu>li:after{position:absolute; left:0; width:100%; height:0; bottom:0; font-size:0; background:#223dae; content:''; display:block; transition:all .18s;}
#menu>li.A:after{height:3px;}
#menu>li>a{font-size:15px; color:#333; line-height:100px; display:inline-block; padding:0 25px; transition:line-height .35s,height .35s,color .25s;}
#menu>li.A>a{color:#223dae;}
#menu>li>div{min-width:180px; background:#fff; position:absolute; left:0; top:100px; display:none; transition:top .35s;}
#menu>li>div>a{display:block; height:45px; line-height:44px;white-space: nowrap;text-overflow: ellipsis;border-bottom:1px solid #eee; padding:0 55px 0 25px; font-size:13px; transition:all .35s; white-space:nowrap; position:relative; overflow:hidden;}
#menu>li>div>a:after{content:''; display:block; width:20px; height:20px; position:absolute; background:url(img/arrow.png) no-repeat center center; right:35px; top:12px; filter:alpha(opacity=0); opacity:0; transition:all .5s;}
#menu>li>div>a:last-child{border-bottom:0px none;}
#menu>li>div>a:hover{background:#eee;border-bottom:1px solid #ddd;}
#menu>li>div>a:hover:after{right:20px; filter:alpha(opacity=60); opacity:.6;}
#menu>li>div>a:last-child:hover{border-bottom:0px none;}

#head.small{height:80px; box-shadow:0 2px 8px rgba(0,0,0,.08);}
#head.small #logo{height:58px; padding:20px 0 0 0; }
#head.small #logo a img{height:40px;}
#head.small #search{margin-top:25px;}
#head.small #menu{height:64px;}
#head.small #menu>li>a{line-height:54px; height:64px;}
#head.small #menu>li>div{top:64px;}
#head.small #search-wrap{top:25px;}

.banner{
	width: 100%;
	height:650px;
	margin-top: 116px;
	position: relative;
	z-index: 90;
	overflow: hidden;
}
.banner .swiper-slide{
	width: 100%;
	height:650px;
	color: #333;
	background-position:top center;
	overflow: hidden;
}
.banner .swiper-slide .wrap{padding-top:260px;}
.banner .swiper-pagination{width: 1200px!important;left: 50%!important;margin-left: -600px; text-align: right;bottom: 20px!important;}
.banner .swiper-pagination-bullet{
	width:50px;
	height:4px;
	border-radius:0px;
	background-color:#fff;
	opacity: .8;
	transition: all .3s;
}
.banner .swiper-pagination-bullet-active,.indpro-pagination .swiper-pagination-bullet-active{height: 10px;}


.ind-about{height: 600px;margin-top: 60px;overflow: hidden;position: relative;}
.ind-about .flcon{width: 660px;float: left;margin-top:10px;}
.ind-about .flcon .tit{font-size: 30px; color: #014898; }
.ind-about .flcon .tit span{display:inline-block;border-top: 4px solid #ddd;padding-top: 10px;}


.ind-about .flcon p{margin-bottom: 10px;text-indent: 2em;}


.ind-about .flcon .flc1{line-height: 28px; margin-top:25px;}
.ind-about .flcon .flc1 span{color: #01479b;}
.ind-about .flcon .flc1-en{color: #999;height: 0px;overflow: hidden;transition: all .3s;}
.ind-about .flcon .flc1-en.open{height:200px !important;}
.ind-about .flcon .flc2{margin-top: 40px;margin-left: -20px;}
.ind-about .flcon .flc2 li{float: left;width: 100px;text-align: center;color: #333;margin-right: 30px;}
.ind-about .flcon .flc2 li p{height:45px;margin-bottom: 10px; }
.ind-about .flcon #flcbtn{display: block; width:40px;height: 40px;background: #eee url(../images/ico-arrow3.png) no-repeat center center;cursor: pointer;position: relative;z-index: 9;margin:10px auto;}
.ind-about .flcon #flcbtn:after{display: block;content: ""; width: 650px;background-color: #eee;height:1px;position: absolute;left: -300px;top:15px;z-index:-9;}


.ind-about .indbg1{opacity: .15;position: absolute;left:10%;bottom:-280px;}

.ind-about .imgbox{float: right;width: 400px;height: 500px;padding-left: 50px;position: relative;}
.ind-about .imgbox .imgW .swiper-slide:not(.active){transform: scale(0.8);}


.ind-about .imgbox .imgL{width: 50px;height:250px;position: absolute;left: 0;bottom: 0;}
.ind-about .imgbox .imgL .imgbox_num{width: 50px;text-align: center;font-size: 20px; color: #2c3036; margin-bottom: 16px;line-height: 1;}
.ind-about .imgbox .imgL .line{height:60px;width: 1px;background-color: #ddd;margin: auto;}
.ind-about .imgbox .swiper-pagination{width: 50px;left:0px;bottom: 0px;}
.ind-about .imgbox .swiper-pagination .swiper-pagination-bullet{display: block;margin: 30px auto;cursor: pointer;}
.ind-about .imgbox .swiper-pagination .swiper-pagination-bullet-active{background-color: #000;}




.ind-pro {min-width: 1200px; height:500px;position: relative;}
.ind-pro .swiper-pagination{width: 100%;height: 6px;}
.ind-pro .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #02479f;}


.ind-pro .swiper-container{height: 100%;}
.ind-pro .swiper-slide{height: 100%;background-color: #eee;position: relative;overflow: hidden;}
.ind-pro .swiper-slide .hdC{width: 100%;box-sizing: border-box;padding: 0 20px;height:260px;position: absolute;left: 0;top: 0;z-index: 3;transition:all .2s;}
.ind-pro .swiper-slide:after{display: block;content: ""; width: 100%;background-color: #f5f5f5;height:260px;opacity: 1; position: absolute;left: 0;top: 0;z-index: 2;transition:all .3s;}


.ind-pro .swiper-slide b{display: block;width: 50px;height: 4px;background-color: #02479f;transition:all .2s;}
.ind-pro .swiper-slide .hdC .t1{font-size: 18px;color: #02479f;margin-top: 30px;transition:all .2s;}
.ind-pro .swiper-slide .hdC .t2{font-size: 14px;margin-top:5px;color: #999; font-family:Arial;text-transform:uppercase;transition:all .2s;}
.ind-pro .swiper-slide .hdC .t3{font-size: 14px;line-height: 28px;color: #666; margin-top: 20px;transition:all .2s;}
.ind-pro .swiper-slide img.bg{height: 100%;position: absolute;left: 0;bottom: 0;z-index: 1;}
.ind-pro .swiper-slide a.more{display: block;width: 80%;height: 50px;text-align: center;line-height: 50px; background-color: rgba(255,255,255,0.9);position: absolute;left: 10%;bottom:-50px;z-index: 3;opacity: 0;transform: scale(0.2);}
.ind-pro .swiper-slide a.more:hover {background-color: rgba(255,255,255,1);transform: translateY(-5px);box-shadow: 0 7px 20px rgba(0,0,0,.4);}

.ind-pro .swiper-slide:hover a.more{bottom:50px;opacity: 1;transform: scale(1);}
.ind-pro .swiper-slide:hover:after{height: 0;opacity: 0;}
.ind-pro .swiper-slide:hover .t1,.ind-pro .swiper-slide:hover .t2,.ind-pro .swiper-slide:hover .t3{color: #fff;}
.ind-pro .swiper-slide:hover b{background-color:  #fff;}

.indtit{text-align: center;}
.indtit h3{font-size: 30px;font-weight: normal;color: #014898;}
.indtit p{font-size:16px;color: #999;margin-top: 10px;margin-bottom: 10px;}
.more1{ text-align:center;}
.more1>a{ position:relative; display:inline-block; border:1px solid #ddd;padding:13px 40px;}
.more1>a:after{position:absolute;z-index:1; left:0;top:0; width:0;height:100%; opacity:0; background:rgba(1,71,157,1); content:''; transition:all .35s;}
.more1>a>span{position:relative;z-index:4;margin:0 auto;font-size:14px; color:#aaa; transition:all .35s;}
.more1>a:hover:after{opacity:1; width:100%;}
.more1>a:hover>span{ color:#fff;}


.ind-brand{padding-top:80px;padding-bottom:50px;background:url(../images/indbrand1.jpg) no-repeat center 0px;background-size: cover;}
.brandlist{width: 1194px; margin-bottom: 60px;margin-top:50px;}
.brandlist li{float: left;width:20%;height: 125px; text-align:center; vertical-align: center; border: 1px solid #ddd;box-sizing: border-box;margin-left: -1px;margin-top: -1px;background-color: #fff;}
.brandlist li a{display: block;width:200px;height:125px;line-height:0;text-align: center;overflow: hidden;cursor: pointer;position: relative; margin: 0 auto; }
.brandlist li img{ display: block; width:100%;height:auto; margin:0 auto; vertical-align:center; filter: grayscale(100%);filter: gray;transition:all .2s;}
.brandlist li:hover img{filter: grayscale(0%);filter: none;}



.foot{
	height:200px;
	color: #fff;
	background:#222 url(../images/ftbg.jpg) no-repeat center center;
	padding: 0 100px;
	box-sizing: border-box;
	overflow: hidden;
}
.foot .ftnav{margin-top: 80px;}
.foot .ftnav a{display: inline-block;color: #fff; margin-right:35px;}

.foot .fr{margin-top:35px;}
.foot .frA{float: left;text-align: right;height: 122px; margin-right:20px;padding-top:8px;border-right: 1px solid rgba(255,255,255,.8);padding-right: 25px;}
.foot .frA h3{font-size: 30px;}
.foot .frA .t2{color: #999;margin-top: 5px;line-height: 24px;}
.foot a{color: #999;}
.foot a:hover{color: #fff;}


.ftwechat{float: right;width: 150px;text-align: center;font-size: 12px;}
.ftwechat img{width: 130px;height: auto;border:1px solid #ddd;border-radius: 2px; margin-bottom:10px;box-shadow: 0px 8px 15px rgba(0,0,0,.3);}


.copy{color: #999;margin-top: 15px;font-size: 12px;}
.copy a:hover{color: #fff;}
.gotop{display: block;position: fixed;z-index: 999;right: 30px;bottom: 30px;text-align: center;width: 60px;height: 60px;line-height: 60px;background: rgba(1,71,156,.8);border-radius: 4px;}