/*通用css*/
*{padding:0px; margin:0px;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,i,b,em,span,form,fieldset,legend,input,textarea,select,button,th,td {margin:0; padding:0; font-style:normal; }
h1,h2,h3,h4,h5,h6 {list-style:none; font-weight:normal;}
input,select,button{font-size:12px; border:0; background:none; outline:none; vertical-align:middle;}
button {overflow:visible}
img{border:none; vertical-align:middle;}
li{list-style:none;}
a{color:#333; text-decoration:none;}
a:hover{color:#F60; text-decoration:none;}
.clear{overflow:hidden; clear:both; height:0px;}
.fl{ float:left;}
.fr{ float:right;}
.con{width: 1200px;margin: 0 auto;}

/*网站导航*/
.header{
	width:100%;
	padding:0 2%; 
	background-color:rgba(255,255,255,.95);
	box-shadow:0 0 5px #aaa; 
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
}
.header .logo{
	width:138px; 
	margin:10px 0;
	float:left;
}
.header .logo img{
	width:100%; 
	height:auto; 
	display:block;
}

.header .nav{
	float:right;
	margin-top: 14px;
}
.header .nav ul li{
	font-size:16px; 
	text-align:center; 
	float:left; 
	display:block;
	position:relative;
	margin:0px 0px 0px 50px;
	line-height:90px;
}
.header .nav ul li a{
	color:#333; 
	display:block; 
}
.header .nav ul li a:hover { 
	color:#0091ff;
}
.header .nav ul li span{
	width:0; 
	height:2px; 
	background-color:#0091ff;
	position:absolute;
	left:50%; 
	bottom:0;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;
transform:translate(-50%,0);
-webkit-transform:translate(-50%,0);
-moz-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);
-o-transform:translate(-50%,0);
}
.header .nav ul li:hover span{
	width:100%;
}
.header .nav ul li.on span{
	width:100%;
}
.header .nav .ej{
	width:180px;
	background:#fff; 
	position:absolute; 
	left:-58px;
	z-index:999;
	display:none; 
	padding:0px; 
	margin-left:0px;
	text-align:left;
	padding-bottom: 14px;
}
.header.on .nav .ej{
	background:#fff;
}
.header .nav .ej a{
	font-size:14px; 
	line-height:40px;  
	color:#333; 
	text-align: center;
}
.header .nav .ej a:hover { background:#0091ff; color:#FFF;}
.header .nav ul li:hover .ej{display:block;}
@media only screen and (max-width:1200px){
.header .nav ul li {margin:0px 0px 0px 20px;}
.sousuo{margin-top:34px; margin-left:12px; margin-right:0px;}
}

.head_h{width:100%; background-color:#fff; height:90px;}

/*banner*/
.gallery-top{width:100%; position:relative; z-index:9;}
.gallery-top .swiper-slide { position:relative;}
.gallery-top .swiper-slide img{width:100%; height:auto; display:block;}
.gallery-top .swiper-slide .wz{ color:#fff; text-align:center; position:absolute; left:50%; top: 50%; transform: translate(-50%, -50%);  z-index:9; }
.gallery-top .swiper-slide .wz h3{font-size:50px; font-weight:bold; letter-spacing:8px; text-shadow: 2px 2px 4px rgba(0,0,0,0.9);  padding:30px 50px;}
@media only screen and (max-width:1360px){
.gallery-top .swiper-slide .wz{ width:80%;}
}
@media only screen and (max-width:992px){
.gallery-top .swiper-slide img{width:150%;}
.gallery-top .swiper-slide .wz{ width:90%;}
.gallery-top .swiper-slide .wz h3{font-size:23px;padding:0px; letter-spacing:0px}
}

/*******************about**************************/
.aboutbox{
	width: 100%;
	height: auto;
	overflow: hidden;
	background:url("../image/ABOUTbj.jpg");
	background-size: 100% auto;
	overflow: hidden;
	padding-top: 50px;
	padding-bottom: 80px;
}
.aboutbox .con h1{
	text-align: center;
	letter-spacing: 2px;
	font-size: 22px;
	line-height: 40px;
	margin: 0 auto 10px auto;
}
.aboutbox .con p{
	
	font-size: 14px;
	line-height: 28px;
	font-weight: 100;
	overflow:hidden; 
     text-overflow:ellipsis;
     display:-webkit-box; 
     -webkit-box-orient:vertical;
     -webkit-line-clamp:6;
}
.ab-an{
	width: 134px;
	height: 40px;
	background-color: #1f78d0;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 2px;
	text-align: center;
	line-height: 40px;
	border-radius: 18px;
	margin: 20px auto 0 auto;
	transform: scale(1);
	transition: all 0.5s;
}
.ab-an:hover{
	transform: scale(1.05);
	transition: all 0.5s;
	background-color: #0080ff;
}
/**********************四个图**************************/
.product_list{ width:100%; float:left; position:relative}
.product_list li{ width: calc(50% - 8px);
	height: 484px;
	float: left; 
	margin:0 8px 16px 0; 
	position:relative; 
	overflow: hidden;
	border-radius: 0 10px 10px 0;
}
.product_list li:nth-child(2n){ 
	margin: 0 0 16px 8px;
	border-radius:  10px 0 0 10px;
}
.product_list .img{ width: 100%; height: 484px; float: left; text-align: center; position: relative}
.product_list .img img{ width: 1280px; height:484px; float: left; position: relative; left: 50%; margin-left: -640px; transition: all 0.3s ease}
.product_list li:hover img{ transform: scale(1.03)}
/***文字****/
.product_list .t_box{ width: 100%;
	float: left; 
	position: absolute;
	top: 80px;
	z-index: 1;
}
.product_list .t_1{ width: 100%; float: left; font-size: 34px; color: #333333; line-height: 40px;margin-left: 40%;}
.product_list .t_1.co_f{ color:#fff;}
.product_list .t_2{ width: 100%; float: left; font-size: 22px; color: rgba(50,50,50,1);  line-height: 40px; margin-top: 13px;margin-left: 40%;font-weight: bold;}
.product_list .t_2.co_f{ color:#fff;}
.product_list .t_3{
	width: 134px; 
	float: left;
	font-size: 16px; 
	letter-spacing: 2px;
	font-weight: bold;
	color: #fff; 
	background-color: #1f78d0; 
	text-align: center; 
	line-height: 40px;
	border-radius: 18px; 
	position: relative; 
	left: 48%;
	margin:180px 0 0 -64px;
	transform: scale(1);
	transition: all 0.5s;
}
.product_list .t_3:hover{
	transform: scale(1.05);
	transition: all 0.5s;
	background-color: #0080ff;
}
/*****************************banner2********************************/
.ban2-box{
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
}
.ban2-box .ban2-img{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.ban2-box .ban2-img img{
	width: 100%;
	height: 100%;
}
.ban2-box .ban2-txt{
	width: 100%;
	height:100%;
	overflow: hidden;
	position: absolute;
	top: 0;
}
.ban2-box .ban2-txt h2{
	display: block;
	width: 1200px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	margin-top: 5%;
	margin-bottom: 3%;
	font-size: 22px;
	font-weight: 600;
	color: #313131;
}
/******************************最新动态*******************************/
.new-box{
	width: 100%;
	height: auto;
	overflow: hidden;
	font-size: 0;
}
.new-box a{
	display: inline-block;
	width: 285px;
	height: auto;
	overflow: hidden;
	margin-right: 20px;
}
.new-box a:hover{
	color: #003c77;
}
.new-box a:last-child{
	margin-right: 0;
}
.new-box a .new-img{
	width: 100%;
	height: auto;
	overflow: hidden;
	border-radius: 10px;
}
.new-box a .new-img img{
	width: 100%;
	height: 100%;
	transform: scale(1);
	transition: transform 0.5s;
}
.new-box a .new-img img:hover{
	transform: scale(1.05);
	transition: transform 0.5s;
}
.new-box .new-txt h1{
	font-size: 16px;
	border-bottom: solid 1px #eee;
}
.new-box .new-txt p{
	line-height: 24px;
	font-weight: 600;
	overflow:hidden; 
     text-overflow:ellipsis;
     display:-webkit-box; 
     -webkit-box-orient:vertical;
     -webkit-line-clamp:2;
}
.new-box .new-txt h2{
	font-size: 14px;
	font-weight: 100;
	text-align: center;
	margin: 0;
}




/*底部*/
.foot { width:100%; background:#282828; padding-top:40px;color:#FFF;}
.foot .foot-logo{
	width: 270px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}
.foot .foot-logo img{
	width: 100%;
	height: 100%;
}
.foot .foot-p{
	text-align: center;
	line-height: 28px;
	margin-top: 10px;
	color: #d5d3d3;
}
.foot .foot1{
	text-align: center;
	line-height: 40px;
	border-top: solid 1px #5b5b5b;
	color: #d5d3d3;
}
/***********
.zxkf{width:60px; position:fixed; right:0; top:30%; z-index:99999;}
.zxkf .dh{margin-bottom:2px; background-color:rgba(0,0,0,.8); width:60px; height:60px; float:right; overflow:hidden;
transition:all 0.5s;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;}
.zxkf .dh:hover{background-color:rgba(235,105,90,1); width:210px;}
.zxkf .dh .tp{float:left; width:60px; padding-top:30px; height:60px; background:url(../images/d_h.png) no-repeat center 10px; font-size:12px; line-height:30px; color:#fff; text-align:center;
transition:all 0.5s;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;}
.zxkf .dh:hover .tp{background-color:rgba(205,30,10,.8);}
.zxkf .dh .wz{font-size:20px; color:#fff; font-family:Arial; line-height:60px; float:left; margin-left:10px;}
.zxkf .qq{margin-bottom:2px; background-color:rgba(0,0,0,.8); width:60px; height:60px; float:right; overflow:hidden; transition:all 0.5s;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;}
.zxkf .qq:hover{background-color:rgba(66,167,204,.8); width:150px;}
.zxkf .qq .tp{float:left; width:60px; padding-top:30px; height:60px; background:url(../images/q_q.png) no-repeat center 10px; font-size:12px; line-height:30px; color:#fff; text-align:center;
transition:all 0.5s;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;}
.zxkf .qq:hover .tp{background-color:rgba(66,137,184,.7);}
.zxkf .qq .wz{font-size:14px; color:#fff; line-height:60px; float:left; margin-left:10px;}
.zxkf .qq .wz a{color:#fff;}
.zxkf .wx{margin-bottom:2px; background-color:rgba(0,0,0,.8); width:60px; height:60px; float:right; position:relative; transition:all 0.5s;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;}
.zxkf .wx:hover{background-color:rgba(75,192,124,1);}
.zxkf .wx .tp{float:left; width:60px; padding-top:30px; height:30px; background:url(../images/w_x.png) no-repeat center 10px; font-size:12px; line-height:30px; color:#fff; text-align:center;}
.zxkf .ewm{position:absolute; width:120px; border:1px solid #e7e7e7; left:-125px; bottom:0; display:none;}
.zxkf .ewm img{width:100%; height:auto; display:block;}
.zxkf .wx:hover .ewm{display:block;}
.zxkf .fh{margin-bottom:10px; background-color:#0068b7; width:60px; height:60px; float:right; position:relative; cursor:pointer; display:none;
transition:all 0.5s;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;}
.zxkf .fh .tp{float:left; width:60px; padding-top:30px; height:30px; background:url(../images/f_h.png) no-repeat center 10px; font-size:12px; line-height:30px; color:#fff; text-align:center;}
@media only screen and (max-width:992px) {
.zxkf{ display:none;}
}
*************************/
/**********************************列表页***************************************/
/*********列表banner********/
.lb-ban{
	width:100%;
	position:relative;
	overflow:hidden;
	height:600px;
	margin-top: -100px;
}
.lb-ban .lb-banimg{
	width:2000px;
    position:absolute;
	left:50%;
	margin-left:-1000px;
}
/*******************列表区块*********************/
.qk-box{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 60px;
}
/********列表标题*********/
.qk-box .con h1{
	font-size: 24px;
	text-align: center;
	margin: 0;
	display: block;
	width: 100%;
	height: 90px;
	line-height: 90px;
	background: url("../image/ny-bj.jpg") no-repeat;
	background-size: 100% 100%;
}
.qk-box .con .qk-xxk{
	width: 100%;
	height: auto;
	font-size: 0;
	margin: 0 auto; text-align:center
}
.qk-box .con .qk-xxk a{
	display: inline-block;
	width: 175px;
	height: 44px;
	font-size: 16px;
	text-align: center;
	background-color: #135bab;
	margin-right: 30px;
	border-radius: 20px;
	line-height: 40px;
	color: #fff;
	font-weight: 100;
	transform: scale(1);
	transition: all 0.5s;
}
.qk-box .con .qk-xxk a:hover{
	transform: scale(1.05);
	transition: all 0.5s;
	background-color: #0086ff;
	font-weight: 600;
}
.qk-box .con .qk-xxk a:nth-child(6){
	margin-right: 0;
}
/******列表项*****/
.qk-box .con .qklb{
	width: 100%;
	height: auto;
	
}
.qk-box .con .qklb a{
	display: block;
	width: 100%-50px;
	height: 160px;
	background-color: #f9f9f9;
	font-size: 16px;
	margin-top: 20px;
	border-radius: 10px;
	padding-right: 50px;
	padding-top: 10px;
	transform: scale(1);
	transition: all 0.5s;
}
.qk-box .con .qklb a:first-child{
	margin-top: 40px;
}
.qk-box .con .qklb a:hover{
	transform: scale(1.02);
	transition: all 0.5s;
	background-color: #fff;
	box-shadow: 0 0 20px #eee;
}
.qk-box .con .qklb a .dian{
	display: inline-block;
	width: 6px;
	height: 6px;
	float: left;
	background-color: #037fdd;
	border-radius: 3px;
	margin-top: 26px;
	margin-left: 30px;
}
.qk-box .con .qklb a .lbnr{
	display: inline-block;
	width: 96%;
	float: right;
}
.qk-box .con .qklb a .lbnr h2{
	font-size: 18px;
	color: #333;
	overflow: hidden;
}
.qk-box .con .qklb a .lbnr p{
	font-size: 14px;
	line-height: 24px;
	overflow:hidden; 
     text-overflow:ellipsis;
     display:-webkit-box; 
     -webkit-box-orient:vertical;
     -webkit-line-clamp:2;
	font-weight: 100;
	color: #323232;
}
.qk-box .con .qklb a .lbnr h3{
	font-size: 14px;
	font-weight: 100;
	margin: 0;
	color: #7E7E7E;
}
/**********页码***********/
.fanyebox{
	width: 100%;
	height:auto;
	margin-top: 40px;
	margin-bottom: 40px;
}
.fanye{
	width: 520px;
	height: auto;
	font-size: 0;
	margin: 0 auto;
}
.fanye a{
	font-size: 14px;
	display: inline-block;
	width: 60px;
	text-align: center;
	margin-right: 5px;
	line-height: 40px;
	border-radius: 5px;
	color: #626262;
	transform: scale(1);
	transition: all 0.5s;
}
.fanye a:hover{
	background-color: #EEEEEE;
	color: #333;
	transform: scale(1.1);
	transition: all 0.5s;
}
/****************************************详情页****************************************/
.xqbox{
	width: 100%;
	height: auto;
	overflow: hidden;
	background-color: #F8F8F8;
	border-radius: 10px;
	padding: 20px 40px 40px 40px;
	margin-top: 40px;
	margin-bottom: 60px;
	transition: all 0.5s;
}
.xqbox:hover{
	background-color: #fff;
	transition: all 0.5s;
}
.xqbox .xqbt{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.xqbox .xqbt h1{
	background: none;
}
.xqbox .xqbt h2{
	margin: 0;
	font-size: 14px;
	text-align: center;
	font-weight: 100;
}
.xqbox .xqbt .xian{
	border-bottom: solid 1px #eee;
	margin-top: 10px;
}
.xqbox .xq-tw{
	width: 100%;
	height: auto;
}
.xqbox .xq-tw .xq-img{
	width: 100%;
	height: auto;
	overflow: hidden;
	border-radius: 10px;
	margin: 20px 0 20px 0;
}
.xqbox .xq-tw .xq-img img{
	width: 100%;
	height: 100%;
}
.xqbox .xq-tw p{
	line-height: 24px;
	font-weight: 100;
}