@charset 'utf-8';

/*公共部分*/

body,div,p,dl,dt,ul,ol,li,h1,h2,h3,h4,h5,form,textarea{margin:0px;padding:0px;}

body{color:#333;font-size:14px; font-family:'微软雅黑';background:#eee;}

img{border:none;max-width:100%;}

html{overflow-y: scroll;}

ol,ul{list-style: none;}

a{color:inherit;font:inherit; outline: none;}

a:hover{color: inherit;}

a:link, a:visited,a:hover, a:active {text-decoration: none;}

.pr{position: relative;} .pa{position: absolute;} .pf{position: fixed;}

.fl{float: left;} .fr{float: right;}

.cl:after{display:block;clear:both;content:"";visibility:hidden;height:0;}

.cl{zoom:1;}

.box{width:1200px; margin:0 auto;}

h3{text-align: center;margin:20px;}

h3 span{display: block;margin-top:10px;font-weight: normal;font-size: 14px;color:#666;letter-spacing: 1px;}

.more{

	display: block;

	margin:20px auto;

	width:65px;

	height: 25px;

	line-height: 25px;

	font-size: 14px;

	border:solid 1px #c9c9c9;

	border-radius: 5px;

	text-align: center;

	transition: background .5s,border .5s;

	-webkit-transition: background .5s,border .5s;

}

.more:hover{

	color:#fff;

	border-color: #a32b2c;

	background-color:#a32b2c;

}

.animated {

  -webkit-animation-duration: 1.5s;

  animation-duration: 1.5s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}

/*主体部分*/

header{

	width:100%;

	height:auto;


}

.menu{

	top:30px;

	left: 50%;

	width:1200px;

	height: 80px;

	margin-left: -600px;

	z-index: 10;

}

.logo{ display: block;height: 100%;font-size: 0px;}

.logo img{width:auto; height: 100%;}

.menu ul{

	width:800px;

}

.menu ul li{

	float: left;

	height: 80px;

	line-height: 80px;

	margin-left:20px;

	color:#fff;



}

.menu ul li a{

	padding:5px 10px;

	color:#fff;

	border-radius: 5px;

}

.menu ul li a:hover,

.menu ul li.on a{

	color:#333;

	font-weight: bold;

	background: #fff;

}

.slideBox{

	width:100%;

	text-align:center;

	overflow: hidden;

}

.slideBox .hd{

	bottom:20px;

	width:100%;

	height: 30px;

	z-index: 10;

}

.slideBox .hd ul{

	width:100%;

	text-align: center;

}

.slideBox .hd ul li{

	display: inline-block;

	margin:5px;

	width:40px;

	height: 2px;

	border:solid 1px #fff;

	background-color: #fff;

	border-radius: 2px;

	cursor:pointer;

}

.slideBox .hd ul li.on{background-color: #666;border-color:#666;}

.slideBox .bd ul{zoom:1;}

.slideBox .bd li{font-size: 0px;}

.slideBox .bd li .date{ float:right; color:#999;}



.ind-pro{

	background: #eee;

	overflow: hidden;

}

.pro-app{

	width:100%;

	padding-bottom: 20px;

	overflow: hidden;

}

.pro-app ul{padding:.5%;}

.pro-app ul li{

	position: relative;

	float: left;

	margin:.5%;

	width:32%;

	font-size: 0px;

	overflow: hidden;

}

.pro-app ul li a{

	display: block;

	position: absolute;

	top:0;

	left: 0;

	padding: 0 20%;

	width:60%;

	height:100%;

	font-family: '宋体';

	color:#fff;

	text-align: center;

	background:rgba(0,0,0,.7);

	z-index: 10;

	opacity: 0;

	filter:Alpha(opacity=0);

	transition: opacity 1s;

	-webkit-transition: opacity 1s;

}

.pro-app ul li a:hover{

	opacity: 1;

	filter:Alpha(opacity=100);

}

.pro-app ul li a h4{

	margin-top: 15%;

	font-size: 20px;

	padding:15px 0;

}

.pro-app ul li a p{

	font-family: '微软雅黑';

	font-size: 14px;

	line-height: 24px;

}

.exhibition{

	width:100%;

	padding:10px 0;

	overflow: hidden;



}

.exhibition ul li:nth-child(2n){float: right;}

.exhibition ul li:nth-child(2n+1){float: left;}

.exhibition ul li{

	width:560px;

	height: 345px;

	margin:8px 0;

	font-size: 0;

	border:solid 8px #fff;

	background: #fff;

}

/* .exhibition ul li img{

	width:100%;

	height: auto;

} */

.exhibition ul li h4{

	font-size: 16px;

	color:#1e377c;

	height: 50px;

	line-height: 50px;

	border-bottom: solid 1px #c9c9c9;

}

.exhibition ul li h4 small{

	float: right;

	font-size: 15px;

	color:#333;

}

.exhibition ul li p{

	padding: 5px 0;

	color:#666;

	font-size: 14px;

	line-height: 24px;

}

.exhibition ul li:hover{

	box-shadow: 2px 2px 4px #c9c9c9;

}

@-webkit-keyframes fade{

  0% {

    opacity: .8;

  }



  100% {

    opacity: 1;

  }

}



@keyframes fade{

  0% {

    opacity: .8;



  }



  100% {

    opacity: 1;

  }

}

.exhibition ul li:hover img{

	-webkit-animation-name: fade;

  	animation-name: fade;

	-webkit-animation-duration: 1s;

  	animation-duration: 1s;

  	-webkit-animation-fill-mode: both;

  	animation-fill-mode: both;

}



@-webkit-keyframes slideLeft {

  0% {

    opacity: 0;

    margin-right: 10px

  }



  100% {

    opacity: 1;

    margin-right: 0;

  }

}



@keyframes slideLeft {

  0% {

    opacity: 0;

    margin-right: 10px;

  }



  100% {

    opacity: 1;

    margin-right: 0;

  }

}

.exhibition ul li:hover h4 small{

	-webkit-animation-name: slideLeft;

  	animation-name: slideLeft;

	-webkit-animation-duration: 1.1s;

  	animation-duration: 1.1s;

  	-webkit-animation-fill-mode: both;

  	animation-fill-mode: both;

}

@-webkit-keyframes fadeIn {

  0% {

    opacity: 0;

    transform: scale(1,.8);

  }



  100% {

    opacity: 1;

    transform: scale(1,1);

  }

}



@keyframes fadeIn {

  0% {

    opacity: 0;

    transform: scale(1,.8);

  }



  100% {

    opacity: 1;

    transform: scale(1,1);

  }

}



.exhibition ul li:hover p{

  -webkit-animation-name: fadeIn;

  animation-name: fadeIn;

 -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  animation-delay:.1s;

 -webkit-animation-delay:.1s;

}

.ind-news{

	padding-bottom: 80px;

	overflow: hidden;

}

.ind-news ul{

	padding:30px 0;

	overflow: hidden;

}

.ind-news ul li{

	display: table;

	width:560px;

	margin:10px 0;

	padding:5px;

	background: #fff;

}

.ind-news ul li:nth-child(2n+1){float: left;}

.ind-news ul li:nth-child(2n){float: right;}

.ind-news ul li:hover{

	box-shadow: 2px 2px 4px #c9c9c9;

}

.ind-news ul li:hover .right{

	-webkit-animation-name: fadeIn;

  animation-name: fadeIn;

 -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}

.ind-news ul li:hover .left{

	-webkit-animation-name: fade;

  	animation-name: fade;

	-webkit-animation-duration: 1s;

  	animation-duration: 1s;

  	-webkit-animation-fill-mode: both;

  	animation-fill-mode: both;

}

.ind-news ul li div{

	display: table-cell;

	width:50%;

	text-align: left;

	vertical-align: middle;

}

.ind-news ul li div img{width:280px; height: 186px;object-fit:cover;}

.ind-news .left{

	font-size: 0;

	overflow: hidden;

}

.ind-news .right{

	padding:0 15px;

}

.ind-news .right h4{

	height: 40px;

	line-height: 40px;

	font-size: 16px;

	text-align: center;

	overflow:hidden;

}

.ind-news .right p{

	color:#666;

	font-size: 14px;

	line-height: 24px;

}

.ind-news .right span{

	display: block;

	padding:10px 0;

	font-family: '宋体';

	color:#666;

}

footer{

	width:100%;

	height: 210px;

	background-color: #ccc;

}

footer .top{

	height: 180px;

}

footer .fbox{

	width:640px;

	margin:0 auto;

	padding-top: 30px;

}

footer .fbox h5{

	font-size: 15px;

	color:#666;

	padding-bottom: 10px;

	margin-bottom: 5px;


}

footer .fbox p{

	color:#666;

	height: 25px;

	line-height: 25px;

}

footer .fbox span{

	display: block;

	padding-top: 8px;

}

footer .fbox span a{margin-left: 5px;}

footer .copyright{

	width:100%;

	margin-bottom: 0;

	font-size: 12px;

	color:#8c8c8c;

	height: 30px;

	line-height: 30px;

	text-align: center;

	border-top: solid .5px #b3b3b3;

}

.site-map{

	width:100%;

	height: 50px;

	line-height: 50px;

	color: #333;

	font-weight: bold;

	background-color: #fff;

}

.site-map-scroll{

	position: fixed;

	top:0;

	box-shadow: 0 2px 2px #c9c9c9;

	-webkit-box-shadow: 0 2px 2px #c9c9c9;

	z-index: 100;

}

.site-map a{

	color:#1e377c;

}

.site-map .return{

	display: inline-block;

	margin-top: 10px;

	width:80px;

	height: 30px;

	line-height: 30px;

	text-align: center;

	border-radius: 15px;

	-webkit-border-radius:15px;

	float: right;

	color:#fff;

	background-color:#035297;

}

.site-map .return:hover{

	background-color: #0d71c9;

}

.sub-menu,.sub-menu-color{

	margin:30px 0;

	text-align: center;

}

.sub-menu a,.sub-menu-color a{

	display: inline-block;

	padding:4px 10px;

	margin:5px;

	border:solid 1px #c9c9c9;

	border-radius: 5px;

}

.sub-menu-color a{

	color:#fff;

	transition: transform .2s;

	-webkit-transition: transform .2s;

}

.sub-menu a:hover,.sub-menu a.on{

	color:#fff;

	background-color: #a32b2c;

}

.sub-menu-color a:hover,.sub-menu-color a.on{

	/*transform: scale(1.1,1.1);*/

	box-shadow: 4px 4px 4px #999;

}

.prolist{

	margin: 50px 0;

	width:100%;

	overflow: hidden;

}

.prolist li{

	position: relative;

	float: left;

	margin:0 33px 33px 0;

	padding:10px 10px 0 10px;

	width:358px;

	font-size: 0px;

	/*background: #fff;*/

	overflow: hidden;

}

.prolist li:nth-child(3n){

	margin-right: 0px;

}

.prolist li:hover{

	background-color:#fff;

	box-shadow: 3px 3px 4px #c9c9c9;

}

.prolist li img,.prolist li .hov img{width:100%;}

.prolist li .hov{

	display: inline-block;

	position: absolute;

	box-sizing: border-box;

	width: 100%;

	top:0px;

	left:0px;

	padding: 8px;

	z-index: 1;

	opacity: 0;

	transition: opacity .5s;

	-webkit-transition: opacity .5s;

}

.prolist li:hover .hov{

	opacity: 1;

}

.prolist li h4{

	height: 50px;

	color:#666;

	line-height: 50px;

	font-size: 14px;

}

.prolist li h4 small{

	float: right;

	font-size: 12px;

}

.pro{

	width:1000px;

	margin:10px auto;

}

.pro h5, .case h5{

	margin:0px auto;

	font-size: 14px;

	border-bottom: solid 1px #c9c9c9;

}

.pro h5 span, .case h5 span{

	display: inline-block;

	padding:10px 25px;

	color:#fff;

	background-color: #6d6d6d;

}
.pro h5 span.cur{background-color: #1e377c;}
.news{

	width:1000px;

	margin:0 auto;

	overflow: hidden;

}

.news h5{

	margin:20px 0;

	line-height: 50px;

	font-size: 18px;

	text-align: center;

}

.news h5 small{

	display: block;

	text-align: center;

	margin-top: 0px;

	height: 40px;

	line-height: 40px;

	font-size: 14px;

	color:#666;

}





.picFocus{

	position:relative;

	margin:30px auto 140px auto;

	width:1000px;

	font-size: 0;

	overflow: hidden;

	zoom:1;

}

.picFocus .hd{

	width:800px;

	margin:10px auto;

}

.picFocus .hd ul li{

	position: relative;

	box-sizing: border-box;

	width:200px;

	border:solid 8px #fff;

	box-shadow: 2px 2px 4px #c9c9c9,-2px -2px 4px #c9c9c9;

	float:left;

	text-align:center;

}

.picFocus .hd ul li span{

	display: block;

	position: absolute;

	top:0px;

	left: 0px;

	width:100%;

	height: 100%;

	background-color:rgba(0,0,0,.7);

	z-index: 10;

}

.picFocus .hd ul li img{

	width:100%;

    cursor:pointer;

}

.picFocus .hd ul li.on span{

	background-color: rgba(0,0,0,0);

}

.picFocus .bd{

	box-sizing: border-box;

	width:800px;

	margin:0 auto;

	border:solid 10px #fff;

	box-shadow: 2px 2px 4px #c9c9c9,-2px -2px 4px #c9c9c9;

}

.picFocus .bd li{ vertical-align:middle; position: relative;overflow: hidden;}

.picFocus .bd li span{

	position: absolute;

	bottom:0px;

	display: block;

	padding-left: 10px;

	width:780px;

	height: 40px;

	line-height: 40px;

	font-size: 14px;

	color:#fff;

	background-color: rgba(0,0,0,.5);

	z-index: 100;

}

.picFocus .bd img{ width:100%; display:block;  }

.picFocus .prev,

.picFocus .next{

	position:absolute;

	top:50%;

	margin-top:-40px;

	font-family: '宋体';

	font-weight: bolder;

	font-size: 60px;

	color:#666;

	display:block;

	width:64px;

	height:80px;

	line-height: 80px;

	text-align: center;

}

.picFocus .prev{left: -120px;}

.picFocus .next{ right:-120px;}

.picFocus .prev:hover,

.picFocus .next:hover{ filter:alpha(opacity=100);opacity:1;  }



.picFocust{

	position:relative;

	margin:30px auto 30px auto;

	width:1000px;

	font-size: 0;

	overflow: hidden;

	zoom:1;

}

.picFocust .hd{

	float: left;

	width:195px;

	margin-left:5px;

}

.picFocust .hd ul li{

	position: relative;

	margin-bottom: 5px;

	box-sizing: border-box;

	width:195px;

	height: 160px;

	border:solid 8px #fff;

	box-shadow: 2px 2px 4px #c9c9c9,-2px -2px 4px #c9c9c9;

	float:left;

	text-align:center;

}

.picFocust .hd ul li span{

	display: block;

	position: absolute;

	top:0px;

	left: 0px;

	width:100%;

	height: 100%;

	background-color:rgba(0,0,0,.5);

	z-index: 10;

}

.picFocust .hd ul li img{

	height:100%;

    cursor:pointer;

}

.picFocust .hd ul li.on span{

	background-color: rgba(0,0,0,0);

}

.picFocust .bd{

	float: left;

	box-sizing: border-box;

	width:800px;

	height: 490px;

	margin:0;

	border:solid 10px #fff;

	overflow: hidden;

	box-shadow: 2px 2px 4px #c9c9c9,-2px -2px 4px #c9c9c9;

}

.picFocust .bd li{ vertical-align:middle; position: relative;}

.picFocust .bd li span{

	position: absolute;

	bottom:0px;

	display: block;

	padding-left: 10px;

	width:780px;

	height: 40px;

	line-height: 40px;

	font-size: 14px;

	color:#fff;

	background-color: rgba(0,0,0,.5);

	z-index: 100;

}

.picFocust .bd img{ width:100%; display:block; height:473px; }



.picbox{

	position: fixed;

	display: none;

	top:0;

	left:0;

	width:100%;

	height: 100%;

	background-color: rgba(0,0,0,.8);

	z-index: 10;

}

.picbox iframe{

	position: fixed;

	display: none;

	top:50%;

	left:50%;

	margin:-250px -500px;

	width:1000px;

	height:516px;

	border:none;

	z-index: 20;

}



.swiper-container {

	width:800px;

	height: 500px;

	border:solid 8px #fff;

}

.swiper-btn{

	position:fixed;

	top:0;

	left: 50%;

	margin-left:-300px;

	width:600px;

	height: 500px;

	z-index: 100;

}

#close{

	position: fixed;

	top:50%;

	right:50%;

	margin-top: -285px;

	margin-right: -408px;

	width:26px;

	height: 26px;

	line-height: 26px;

	text-align: center;

	font-size: 20px;

	background-color: #fff;

	z-index: 100;

	cursor: pointer;

}



.flipster{

	padding:40px 0;

	width:1200px;

	position: relative;

}

.flipster .flipto-prev,

.flipster .flipto-next{

	position: absolute;

	top:50%;

	margin-top: -50px;

	display: block;

	width:60px;

	height:100px;

	background-position: center center;

}

.flipster .flipto-prev{

	left: 0;


}

.flipster .flipto-next{

	right: 0;


}

.flip-li{

	display: table;

	width:500px;

	height: 286px;

	background-color: #fff;

	overflow: hidden;



	-moz-user-select: none; /*火狐*/

	-webkit-user-select: none; /*webkit浏览器*/

	-ms-user-select: none; /*IE10*/

	-khtml-user-select: none; /*早期浏览器*/

	user-select: none;

}

.flip-li .f-l{



	display: table-cell;

	width:280px;

	padding:5px 0 5px 5px;

	overflow: hidden;

}



.flip-li .f-l img{position: absolute;width:276px; height: 276px;}

.flip-li .f-r{

	display: table-cell;

	height: 200px;

	padding:0 20px;

	text-align: center;

	vertical-align: middle;

	color:#666;

}

.flip-li .f-r h5{

	font-size: 14px;

	line-height: 24px;

	padding-bottom: 20px;

}

.flip-li .f-r p{

	height: 96px;

	line-height: 24px;

	text-align: left;

}

.flip-li .f-r b{

	display: inline-block;

	margin-top: 28px;

	width:65px;

	height: 25px;

	line-height: 25px;

	font-weight: normal;

	font-size: 14px;

	border:solid 1px #a32b2c;

	color:#fff;

	background-color:#a32b2c;

	border-radius: 5px;

	text-align: center;

	transition: background .5s,border .5s;

	-webkit-transition: background .5s,border .5s;

}

.flip-li .f-r b:hover{background-color: #d42e2f;border-color: #d42e2f;}

.text{

	width:1000px;

	margin:80px auto;

	font-weight: normal;

	color:#666;

	line-height: 24px;

	overflow: hidden;

}

.sub-page{

	width:1000px;

	margin:0 auto;

	overflow: hidden;

}

.sub-page a{

	display: block;

	color: #035297;

	font-weight: bolder;

	margin:10px 0;

}

.sub-page span{

	display: inline-block;

	background-color: #035297;

	padding:5px 10px;

	margin-right: 10px;

	color:#fff;

}

.sub-page a:hover span{

	background-color: #0d71c9;

}

.sub-page a:hover{

	color:#0d71c9;

}

.content{

	min-height: 500px;

}

.imgbox{

	margin:20px auto;

	width:1000px;

	text-align: center;

}

.imgbox img{max-width:100%;}



form{text-align: center;}

textarea{width:390px; height: 150px; padding: 0 10px;margin:10px 0; color:#666;font:inherit; line-height: 30px;}

input[type="reset"],input[type="submit"]{width:100px; height: 30px; margin:10px;}

#error{position: absolute;top:175px;left:720px; color:red;}











	.swiper-team {

        width: 1000px;

        height: auto;

        margin-left: auto;

        margin-right: auto;

    }

    .swiper-slide {

        background-size: cover;

        background-position: center;

        font-size: 0;

    }

    .gallery-top {

    	box-sizing: border-box;

        width: 800px;

        height:auto;

        border:solid 10px #fff;

        box-shadow: 2px 2px 4px #c9c9c9,-2px -2px 4px #c9c9c9;

        -webkit-box-shadow: 2px 2px 4px #c9c9c9,-2px -2px 4px #c9c9c9;

        overflow: hidden;

    }

    .gallery-thumbs {

    	margin:10px auto;

    	width:800px;

        height: auto;

        box-sizing: border-box;

        overflow: hidden;



    }

    .gallery-thumbs .swiper-slide {

    	position: relative;

    	box-sizing: border-box;

        width: 200px;

        height:141px;

        font-size: 0;

        border:solid 8px #fff;

        box-shadow: 2px 2px 4px #c9c9c9,-2px -2px 4px #c9c9c9;

        -webkit-box-shadow: 2px 2px 4px #c9c9c9,-2px -2px 4px #c9c9c9;

    }

    .gallery-thumbs .swiper-slide span{

    	position: absolute;

    	top:0;

    	left:0;

    	display: block;

    	width:100%;

    	height: 100%;

    	background-color: rgba(0,0,0,.7);

    	z-index: 100;

    }

    .gallery-thumbs .swiper-slide-active span{

        background-color: rgba(0,0,0,0);

    }





   #left,#right{

   	 background: rgba(0,0,0,0);

   	 font-family: '宋体';

   	 font-weight: bolder;

   	 line-height: 55px;

   	 color:#666;

   	 font-size: 60px;

   	 text-align: center;

   }



#content{ margin:0 auto; padding:62px 0 30px 0;  position:relative; text-align:left; z-index:0; }

.content h3{font-size:20px;}

.loading li,.lazy{

	background: #fff url('../images/loading.gif') no-repeat center;

	background-size: auto 30px;

}

.fenye{text-align:center;}

.tjpro,.tjnews{padding-top:30px;}

.tjpro>span,.tjnews>span{font-size:20px;line-height:30px;margin:20px 0;}

.tjpro ul li{width:320px;float:left;padding:6px;}

.tjpro ul li img{width:320px;height:200px;}

.tjpro ul li span{display:block;text-align:center;line-height:30px;}

.tjnews ul li{width:550px;padding-right:50px;float:left;line-height:30px;list-style-type:disc;}

.tjnews ul li span{float:right;}


.lyb{border:1px solid #97a3b4;border-radius:10px;width:280px;margin-top:-50px;}
.lyb span{font-size:26px;color:#808b9b;line-height:50px;text-align:center;display:block;}
.lyb ul li{border:1px solid #97a3b4;border-radius:10px;margin:10px;line-height:20px;padding:5px;}
.lyb ul li textarea{background:none;width:250px;border:0;}
.submita{border:0;width:100px;height:30px;line-height:30px;margin:5px auto;background:#1f95d3;display:block;color:#fff;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
       /* placeholder颜色  */
      color: #808b9b;
        /* placeholder字体大小  */
        font-size: 14px;
    }
.tel{color:#fff;float: left;padding-left: 30px;line-height:  30px;font-size: 16px;margin: 3px 0 0 120px;}
.gtop{z-index:11;position:fixed;right:0;top:200px;display:none;}
.fd{z-index:11;position:fixed;right:0;top:265px;width:57px;height:171px;background:url(../images/fd.png) no-repeat center;}
.fd1,.fd2,.fd3{position:relative;width:57px;height:57px;}
.fdjj,.fddh,.fdqrc{position:absolute;right:57px;top:0;display:none;padding-right:10px;}
.fdlyb{background:#fff;}
.fdlyb ul li,.fdlyb{border:1px solid #1b95d4;}
.fdlyb span{color:#1b95d4;}
.fdlyb input::-webkit-input-placeholder,.fdlyb textarea::-webkit-input-placeholder {
       /* placeholder颜色  */
      color: #1b95d4;
    }
	
.rexian{background:#fff;color: #1b95d4;width:220px;line-height:55px;height:55px;overflow:hidden;border:1px solid #1b95d4;border-radius:10px;font-size:16px;text-align:center;}
.qrc{background:#fff;border:1px solid #1b95d4;padding:20px;border-radius:10px;}
.fdqrc img{width:200px;}
.fd1:hover .fdjj{display:block;}
.fd2:hover .fddh{display:block;}
.fd3:hover .fdqrc{display:block;}