*{ padding: 0; margin: 0; text-decoration: none; list-style: none; outline: none;}
body{ font-family:"微软雅黑","黑体","宋体";}
a{ direction: none; color:#333;}
table{direction:none;}


/*pages*/
.pagination-wrapper{
margin: 40px 0;
}
.pagination{
height: 34px;
text-align: center;
}
.pagination li {
display: inline-block;
height: 32px;
line-height: 32px;
margin-right: 5px;
border: 1px solid #dddddd;
padding: 0 12px;
text-decoration: none;
}
.pagination li a{
 display:inline;
display: block;
font-size: 16px;
color: #555555;

}
.pagination li a:hover{
color:#2b6fa7;
}
.pagination li.thisclass {
background: #2b6fa7;
color: #fff;
height: 32px;
line-height: 32px;
padding: 0 12px;
font-size: 16px;
text-decoration: none;
}
.pagination li.thisclass a,.paginatio1 li.thisclass a:hover{
background: transparent;
border-color: #2b6fa7;
color: #fff;
cursor: default;
}
/*top*/
header{ width:100%; height:80px; background-color:#fff; z-index:99999999; position:fixed; box-shadow:0 0 10px #666 !important;top:0}
header #logo{ width:22%; float:left; margin-left:2%; height: 80px; overflow: hidden;}
header #logo img{ max-width:100%; max-height: 100px;}
header .ss {border: 2px solid #dadada; border-radius: 50px; float: left; width: 12%; margin-top: 1.5%; overflow: hidden; transition: all 0.5s;}
header .ss:hover {border:2px solid #de1a1a}
header .ss .textbox {border:0; width: 80%; float: left; height: 40px; text-indent: 2em;color:#999}
header .ss span {float: left; display: block; width: 15%;}
.clear {clear: both;}

nav{ width:54%; float:left; margin-left:4%;}
nav ul li{ float:left; width:11%; line-height:80px; text-align:center; margin:  0 0.2%;}
nav ul li a{ width:100%; height:auto; color:#212121; font-size:18px; display:block; }
nav ul li:hover,nav ul li.on a{ background:#00319b; color:#fff;}
nav ul li:hover a{ color:#fff;}

nav dl{width:100%; height:260px;  position: fixed;left:0px; box-sizing: border-box; display: none;}
nav dl .dlpic{position: absolute;width:100%; background:rgba(0,0,0,0.75); }
nav dl dd{ float:left; width:8.2%;padding-bottom:20px; line-height: 40px !important;}
nav dl dd .flpic{width:90%; overflow: hidden;margin-top:10%;margin-left:5%;}
nav dl dd img{ width:100%;  height: auto; transition:1s;}
nav dl dd:hover img{ transform: scale(1.2);}
nav dl dd p{ font-size:14px; color:#fff; height: 45px; line-height: 45px; overflow: hidden;} 
nav dl dd:hover{ background:#de1a1a;}
nav ul li dl a::after{ display: none;}
nav ul li:hover dl{ display: block;}

.topTel{ float:right; width:18%; margin-top:0.8%;}
.topTel img{ float:left; margin-right:10px; }
.topTel p{ font-size:15px; color:#666; margin-bottom:5px;}
.topTel b{ font-size:24px; color:#dc0000;}
header .btn{ display: none;}


/* banner */
.banner{ width: 100%; height: 1000px; overflow: hidden; position: relative; }
.banner img{ position: absolute;left:0;top:0;}
.banner video {width: 100%; position: absolute;left:0;top:0; z-index: -1;}

.ys_bj{width: 1300px; margin: 0 auto; margin-bottom: 40px !important;}
.ys_bj ul {text-align: center; margin-top: 30px;}
.ys_bj li { display: inline-block;  border-radius:5px ; background: #0058b3; line-height: 45px; height: 45px; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ; margin-bottom: 10px; padding:0 6px;}
.ys_bj li a{color:#fff; display: block; font-size: 15px;}
.ys_bj li:hover {background: #666;}
.ysw-1260{
	width: 1360px;
	height: auto;
	margin: 0 auto;
}
.ysw-1260 h2{
	width: 100%;
	height: 40px;
	font-size: 46px;
	color: #666;
	font-weight: bold;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 10px;
}
.ys18{
	width: 70%;
	line-height: 32px;
	height: auto;
	font-size: 18px;
	color: #999;
	text-align: center;
	margin: 0 auto;
	margin-top: 20px;
}
.ys18 a {color:#999}
.k_pic { margin: 0 auto;    width: 1360px;}
.k_pic h5 {font-size: 30px; line-height: 50px; display: block; margin-bottom: 10px; text-indent: 0.5em;color:#666; font-weight: normal; margin-top: 30px;}
.k_pic h5 span {font-size: 14px; padding-left: 10px;}
.m1-le{
	float:left;
	width:350px;
	position: relative;
}
.m1-le img {border-radius: 20px; ;display: block;}
.m1-le .le-h{
	
	padding-top:18px;
	height:80px;
}
.m1-le h2{color:#fff; position: absolute;z-index: 1; display: block; width: 100%; bottom: 0; 
	background: rgba(0,60, 182, 0.7); height: 100px;border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; text-align: center; line-height: 100px; font-size: 30px; text-shadow: 0 5px 10px #000275 !important;}


.m1-le .le-h2 h4{
	background:url(../Img/fl-n03.jpg) no-repeat top center;
	color:#fff;
	font-size:20px;
	height:40px;
	font-weight:bold;
	text-indent:50px;
}
.m1-le .le-h2 img{
	margin-bottom:18px;
}
.m1-le .le-h2 p{
	color:#ffffff;
	line-height:180%;
	font-size:16px;
}

.m1-le .le-1{
	width:126px;
	height:5px;
	background:#e7f0ef;
	margin:0 auto;
}
.m1-ri{
	 margin-left:25px;
	float:left; 
	width:72%;
}
.m1-ri .h2-tit{
	
	background:#f0f0f0;
	width:100%;
	padding:6px;
}

/*首页产品*/
.pro1{
	height: auto;  
  }
  .pro1 li{
	transition: all 0.5s;
	  padding:5px;
	  border-radius: 10px;
	  position:relative;
	  padding-bottom:10px;
	float: left;
	margin-right:10px;
	margin-bottom:10px;
	width:230px;
	box-sizing: border-box;
	box-shadow: 0 0 10px #efefef;
  }
   .pro1 li:nth-child(4n){
	margin-right: 0;
   }
  /* .pro1 li:hover {border: 2px solid #efefef; box-shadow: 0 5px 10px #ccc;} */
  .pro1 li .tu1{
	overflow: hidden;
  }
  .pro1 li .hot {position: absolute;left:-6px;top:-6px; z-index: 1; width: 60px;}
  .pro1 li .tu1 img{
	width:100%;
	 transition: all 0.5s ease-out;
	-webkit-transform: scale(1, 1); 
	 -moz-transform: scale(1, 1); 
	-webkit-transition: all 0.5s ease-out; 
	 -moz-transition: all 0.5s ease-out; 
  }
  .pro1 li:hover .tu1 img{
	transition: all 0.5s ease-out;
	-webkit-transform: scale(1.1, 1.1); 
	   -moz-transform: scale(1.1, 1.1); 
	-webkit-transition: all 0.5s ease-out; 
	   -moz-transition: all 0.5s ease-out; 
  
  }
  .pro1 li .tu1 .uptit{
	bottom:-60px;
	left:0px;
	width: 100%;
	height: 50px;
	background-color: rgb(107,204,29,0.7);
	border-radius: 12px 12px 0px 0px;
	overflow: hidden;
	transition: all 0.3s ease-out;
  }
  .pro1 li .tu1 .uptit p{
	display: block;
	font-size: 14px;
	color: #333;
	text-align: center;
	line-height: 50px;
  }
  .pro1 li:hover .tu1 .uptit{
	bottom:40px;
  }
  
  
  .pro1 li .p-tit{
	  transition: all 0.5s ease-out;
  }
  
  
  .pro1 li .p-tit a h3{
	  text-align:center;
	  transition: all 0.5s ease-out;
	  overflow:hidden;
	font-size:15px;
	font-weight:bold;
	color: #666;
	line-height: 32px;
	letter-spacing: 0px;
  }
  .pro1 li .p-tit a p{
	  text-align:center;
	  transition: all 0.5s ease-out;

	font-size:15px;
	color: #999;

	letter-spacing: 0px;
  }
  .pro1 li .p-tit a h4{
	  margin:0 auto;
	  text-align:center;
	  line-height:26px;
	font-size:17px;
	color: #409c96;
	font-weight:bold;
	letter-spacing: 0px;
  }
  

.con_text {color:#fff; line-height: 35px; margin: 3% 3% 3% 10%;}
.h-fenlei{
	margin:0 auto;
	width:260px;
  }
  .h-fenlei dt{
	margin-top:20px;
	height:65px;
	
  }
  .h-fenlei dt a{
	  background:#ffffff;
	  border-radius:10px;
	  transition: all 0.3s ease-out;
	  display: block;
	  height:55px;
	  line-height:55px;
	  font-weight:bold;
	  text-align:center;
	  font-size:18px;
	  color: #333;
  }
  
  
  .h-fenlei dd{
	height:45px;
	width:205px;
	text-align:left;
	border-bottom:1px #ccc dashed;
  }
  .h-fenlei dd:hover{
  }
  .h-fenlei dd a{
	  text-transform: uppercase;
	  transition: all 0.3s ease-out;
	display: block;
	height:45px;
	text-align: left;
	font-size:16px;
	overflow:hidden;
	color: #ffffff;
	text-indent: 2em;
	line-height:45px;
  }
  .h-fenlei dd a:hover {color:#de1a1a; font-weight: bold; padding-left: 10px;}
  .h-fenlei dt a:hover{background:#de1a1a;color:#fff;}


/* product */
.product{ width:100%;}
.pubCon{ width:1400px; margin: 0 auto;}
.pubTit{ width:100%; text-align: center; margin-top:60px;}
.proNav{ width:100%; margin-top:30px; overflow:hidden;}
.proNav ul li{ width:9.5%; float:left; text-align: center; line-height: 45px; height: 45px; border:1px solid #01519e; margin-right:1%; margin-bottom:15px; border-radius:5px; transition:0.5s;}
.proNav ul li a{ color:#01519e; width:100%; display: block;}
.proNav ul li:nth-child(3n){ }
.proNav ul li:hover{ background:#01519e;}
.proNav ul li:hover a{ color:#fff;}

.proList{ width:100%; overflow:hidden;margin-top:30px;}
.proList ul{width:100%; }
.proList ul li{ width:23%; height:auto;  float:left; margin-right:2.6%; margin-bottom:35px; overflow:hidden; text-align:center; position: relative;}
.proList ul li:nth-child(4n){ margin-right:0px;}
.proList ul li .propic{ width:100%; height:227px; overflow:hidden; }
.proList ul li .propic img{ display:block; width:100%; transition:0.5s; min-height:227px;}
.proList ul li:hover .propic img{ transform:scale(1.1);}
.prozhe{ position: absolute; top:0px; left:0px; transform: scale(0); transition:0.75s; width:100%; height: 227px; overflow: hidden;}
.prozhe img{ width:100%;}
.proList ul li:hover .prozhe{ transform: scale(1);}
.proList ul li h4{background:#ddd; font-size:17px; color:#333; font-weight:500; text-align:center; line-height:40px; width:100%; transition:0.5s;}
.proList ul li h4 p {display:block; background:red;color:#fff; font-size:14px; line-height:30px !important;}
.proList ul li:hover h4{ background:#01519e; color:#fff;}
#marquee2{ width:100%; overflow:hidden;}





/*about*/
.about{ width:100%; height:630px; overflow:hidden; position:relative; background: url(/img/c4.png);}
.shipinbj{ width:100%;}

.video{ width:100%; height: 580px;}

.show_sj{ display:none !important; background:url(/img/visible-sj.jpg) no-repeat center; width:100%; height: 680px; }


.about .pubTit{ position: relative; top:0px; z-index: 9; text-align: left;left:-50px}
.about .abCon{position:absolute; z-index:99; top:0px;}
.abLeft{ width:650px; float:left; color:#666;font-size:17px; line-height:30px; text-align:center; text-align:justify; text-indent:2em;}
.abLeft h1{ font-size:20px; color:#666; display:inline-block;}

.abLeft ul{ margin-top:20px;}
.abLeft ul li{ width:25%; text-align:left; float:left;}
.abLeft ul li i img{ transition:0.5s;}
.abLeft ul li:hover i img{transform:rotatey(180deg);}
.abLeft ul li b{ width:100%; text-align:left; display:inline-block;color:#666; font-weight: 500;}
.abLeft ul li:hover b{ color:#dc0000;}


/*shuzi*/
.fl_listbox{ width:100%; position:absolute;bottom:0px;}
.fl_list{ position: relative; z-index: 10; height:150px; margin:0 auto;padding-top: 30px;}
.fl_list .fl_item{ position: relative; font-size: 18px; display: block; height: 100%; float: left; width:25%; text-align: center;;}
.fl_list .fl_item:after{ content:''; display: block; margin-top: 100%;} 
.fl_list .fl_tit a{ position: relative; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; padding: 10%;}

.fl_list .fl_item:hover .fl_tit a p{ opacity: 0; color: #FFF;}
.fl_list .fl_item .img{ width: 210px; display: block; margin: 0 auto; margin-bottom: 20px; overflow: hidden; position: relative;}
.fl_list .fl_item .img img{ width: 200px; display: block; height: 160px; transition: 0.3s all; padding:3px;}


/*数字*/
.fl_tit{ margin:2px 0; font-size:45px;}
.fl_tit ul li:nth-child(4) {border-right-style: none;}
.fl_titx .li_box{padding-top: 20px;}
.fl_tit .div1 .span1{font-size: 65px;color: #fff;font-family: 'impact';}
.fl_tit .div1 .span3{font-size: 24px;color: #fff;font-family: "impact";}
.fl_tit .div2 .span2{font-size: 18px;color: #fff; display:block;}

#demo {overflow:hidden;height:340px; overflow:hidden; width:1600px;position:relative;margin: 0 auto;}
#demo li { float: left; width: 210px; margin: 10px; text-align: center;}
#demo li img {width: auto; height: 300px;}
#indemo {float: left;width: 800%;}
#demo1 {float: left;}
#demo2 {float: left;}


/* case */
.case{ width:100%;}
.casepic{ width:100%; height: auto; overflow: hidden;}
.case .swiper-slide .casepic img{ width:100%;transition:0.5s;}
.case .swiper-slide:hover .casepic img{ transform: scale(1.1);}
.case .swiper-container{ margin-top:30px;}

.case .swiper-button-next{ width:40px; height: 60px; background:rgba(255,255,255,0.45); color:#01519e; transition:0.5s; border-radius: 3px;}
.case .swiper-button-prev{ width:40px; height: 60px; background:rgba(255,255,255,0.45); color:#01519e;transition:0.5s;border-radius: 3px;}
.case .swiper-button-next:hover{ background:rgba(255,255,255,0.75);}
.case .swiper-button-prev:hover{background:rgba(255,255,255,0.75);}
.case .swiper-slide h4{ width:100%; height:45px; line-height: 45px; background:#333; text-align: center; color:#fff; font-size:16px; font-weight: 500; margin-top:-5px;}
.xuanzhe3{	width: 365px;height: 10px;margin: 0px auto;}
/*youshi*/
.advantages{ width:100%; height:896px; background:url(https://img.alicdn.com/imgextra/i2/265962233/O1CN014azYOO1SMlWSCuy2u_!!265962233.jpg) no-repeat center; margin-top:90px; background-size:100% 100%;}
.adtop{ width:100%; }
.adTit{ padding-top:60px; float:left; width:50%; max-width:720px;}
.adTit img{ width:100%;}
.adtel{ float:right; margin-top:-31px; width:35%; max-width:510px;}
.adtel img{ width:100%;}
.adbot{ margin-top:100px; text-align: center; position: relative;}
.adyuan{ width:50%; margin-left:25%;}
.adyuan img{ width:100%;} 
.adbot ul li{ position: absolute; left:0px;top:50px;width:35%; }
.adbot ul li .adtext{ width:80%; height:70px; float:left; background:rgba(255,255,255,0.75) ;border-radius:10px; float:left; padding:0px 2%; line-height: 30px; color:#01519e;position: absolute;left:0px; top:20px; }
.adbot ul li .adtext p{ font-size:18px; margin-right:50px;}
.adbot ul li .adicon{ width:110px; height:110px; background:url(/img/adicon.png) no-repeat center; background-size:100% 100%; font-size:22px;color:#fff;position: absolute; top:0px; right:0px;  }
.adbot ul li .adicon p{padding-top:30px; }

.adbot ul li:nth-child(2){ top:330px; width:30%}
.adbot ul li:nth-child(3) { position: absolute; left:65%;top:50px;}
.adbot ul li:nth-child(3) .adtext{position: absolute; top:20px; left:50px;}
.adbot ul li:nth-child(3) .adtext p{  margin-left:50px; margin-right:0px;}
.adbot ul li:nth-child(3) .adicon{position: absolute; top:0px;left:0px; }
.adbot ul li:nth-child(4) { position: absolute; left:70%;top:330px; width:30%;}
.adbot ul li:nth-child(4) .adtext{position: absolute;left:50px; top:20px;}
.adbot ul li:nth-child(4) .adtext p{  margin-left:50px;margin-right:0px;}
.adbot ul li:nth-child(4) .adicon{position: absolute; top:0px;left:0px; }


/*------------新闻----------*/
.newsbj{width:100%; height:400px; background:url(/img/newsbj.jpg) center top no-repeat; padding-top: 50px;}
.y-news004{
  margin:0 auto;
  width:1360px;
  height: auto;
  margin-top:-220px;
  padding-top:5px;
  background-color:#fff;
  overflow: hidden;
  border-radius:20px ;
  -webkit-border-radius:20px ;
  -moz-border-radius:20px ;
  -ms-border-radius:20px ;
  -o-border-radius:20px ;


}
.y-news004 ul{
  width: 100%;
  padding:10px;
  overflow: hidden;
}
.y-news004 ul li{
  margin-right:10px;
  float: left;
  width: 306px;
  height: auto;
  text-align: center;
  border-radius: 10px;
  padding:10px;
  margin-bottom:10px;
  border:1px solid #dc0000;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.y-news004 ul li:hover{box-shadow: 0px 0px 15px #aaa; background-color:#fff;}
.y-news004 ul li img{border-radius: 10px;
  float: left;
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px;
}
.y-news004 ul li .r01{  text-align:left;  float: right;  width:260px;  height: auto;}
.y-news004 ul li .r01 a h3{
	display: block;
	width:100%;
	height:25px;
	font-size: 16px;
	color: #dc0000;
	font-family: "微软雅黑";
	font-weight: normal;
}
.y-news004 ul li:hover .r01 a h3{
  color: #E80000;
}
.y-news004 ul li .r01 p{
  display: block;
  width: 100%;
  font-size: 13px;
  color: #666;
  line-height: 25px;
  padding-top: 10px;
}

.y-news004 ul li:hover .r01 p{
 
  color: #666;
}

.y-news004 ul li .r01 span{
  display: block;
  width: 100%;
  text-indent: -0.5em;
  height: 20px;
  font-size: 13px;
  color: #dc0000;
  line-height: 120%;
  padding-top:5px;
}

.y-news004 ul li:hover .r01 span{
 
  color: #666;
}
.xuanzhe {
	width: 100%;
	height: 60px;
	text-align: center;
	margin-top: 30px;
}
.xuanzhe1 {
	width: 60%;
	height: 40px;
	margin: 0 auto;
	text-align: center;
}
.xuanzhe2 {
	width: 100%;
	height: 20px;
	margin-top: 40px;
}
.xuanzhe3 {
	width: 365px;
	height: 10px;
	margin: 0px auto;
}
.a22 {
	font-family: "微软雅黑";
	font-size: 46px;
	line-height: 30px;
	font-weight: bold;
	color: #dc0000;
	text-decoration: none;
	font-style: normal;
}
.a33 {
	font-family: "微软雅黑";
	font-size: 46px;
	line-height: 40px;
	font-weight: bold;
	color: #666;
}


/*foot*/
.foot-w{
	width: 100%;
	background: url(/img/bottombg.jpg) no-repeat center bottom;

  }
  .foot-w img {	border-bottom:10px solid #d9010b; margin-bottom: 30px;}
  .foot-tit{}
  .foot-tit h3{
	display: block;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 2px;
  }
  .foot-tit .linea{
	margin:15px 0px;
	width: 28px;
	height: 2px;
	background-color: #fff;
  }
  .foot-la{
	float: left;
	width: 450px;
  }
  .foot-lx{
	display: block;
	font-size: 14px;
	color: #fff;
	line-height: 190%;
  }
  .foot-lx p,
  .foot-lx p a,
  .foot-lx p strong{
	font-size: 14px;
	color: #fff;
	line-height: 190%;
  }
  
  .foot-lb{
	float: left;
	width: 460px;
	min-height: 100px;
  }
  .foot-lc{
	margin-left: 20px;
	float: left;
	width: 410px;
  }
  .foot-lc img {width: 18px; float: left; margin-top: 3px; border-radius: 50px; background: #333;border:3px solid #333; margin-right: 2px;}
  .foot-pro a{
	display: block;
	float: left;
	margin: 5px;
	padding: 0 10px;
	line-height: 30px;
	height:30px;
	 /* background: #efefef; */
	 border-radius: 5px;
	font-size: 14px;
	color: #fff;
	border:1px solid #fff;
  }
  .foot-pro a:hover,.foot-dh a:hover {background: #d9010b; transition: background 0.5s;}
  
  .foot-dh a{
	display: block;
	float: left;
	margin: 5px;
	width: 90px;
	padding: 0 10px;
	line-height: 30px;
	height:30px;
	 /* background: #d9010b; */
	 border-radius: 5px;
	font-size: 14px;
	color: #fff;
	border:1px solid #fff;
  }
  .foot-ewm{
	float: left;
	margin-left: 25px;
	width: 250px;
  }
  .foot-ewm li{
	float: left;
	width: 145px;
	text-align: center;
  }
  .foot-ewm li .tua{
	margin:0 auto;
	padding:1px;
	width: 123px;
	float: left;
	height: 123px;
	box-sizing: border-box;
  }
  .foot-ewm li .tua img{
	width: 100%;
	border-radius: 5px;
  }
  .foot-ewm li p{
	display: block;
	text-align: center;
	font-size: 14px;
	color: #fff;
  }
  .foot-bq{
	margin-top: 40px;
	width: 100%;
	border-top:1px solid #ccc;
	padding:25px 0px;
	font-size: 14px;
	color: #fff;
	line-height: 150%;
	text-align: center;
	overflow: hidden;
  }
  .foot-bq p,
  .foot-bq p a,
  .foot-bq p strong{
	font-size: 14px;
	color: #fff;
	text-align: center;
	line-height: 30px;
  }
  .foot-bq img{
	vertical-align: middle;
  }
  /*end bottom*/



/* honor */
.honor{ width:100%;  margin-top:100px; overflow: hidden;}
.honor .pubTit{ margin-bottom:40px; margin-top:20px;}
.honorLeft{ width:60%; float:left;}
.honorLeft img{ width:100%;}
#marquee3{width:100%;height:auto;overflow:hidden; margin:0px auto; padding-top:20px;}
#marquee3 ul li{width:150px; float:left; padding:0 10px; text-align:center;}
#marquee3 ul li img{ width:100%;}
#marquee3 ul li p{width:100%; color:#333;}
#marquee3 ul li:hover p{ color:#01519e;}
.honorRig{ width:38%; float:right; height: 720px; overflow: hidden;}
.honorRig img{ width:100%;}

/* delivery */
.delivery{ width:100%; height:720px; background:url(/img/fahuobj.jpg) no-repeat center; margin-top:80px; }
#marquee1{width:100%;height:600px;overflow:hidden; margin:0px auto; margin-top:50px; }
#marquee1 ul li{width:510px; height: 360px; float:left; padding:0 10px; text-align:center; }
#marquee1 ul li img{width:100%; min-height: 360px; overflow: hidden;}
#marquee1 ul li p{width:100%; color:#fff; font-size:18px; line-height: 45px; height: 45px; background:#01519e; margin-top:-5px; transition:0.5s;}
#marquee1 ul li:hover p{ background:#dc0000;}


/* news */
.news{ width:100%; height: 650px;background:#f8f8f8; margin-top:-60px;}
.news .pubTit{ padding-top:60px; margin-bottom:30px;}
.newsIndex{ width:100%;}
.newsIndex li{ width:46%; float:left; background:#fff; padding:1%; transition:0.5s; margin:1%;}
.newsIndex li .newLimg{ width:30%; float:left; overflow: hidden;}
.newsIndex li .newLimg img{ width:100%; transition:0.5s;}
.newsIndex li .newsRtext{ width:68%; float:right;} 
.newsIndex li .newsRtext h3{ font-size:18px; color:#333; margin-bottom:10px;}
.newsIndex li .newsRtext i{ width:20%; height: 1px; background:#dc0000; display: block; margin-bottom:15px; transition:0.75s;}
.newsIndex li .newsRtext p{ font-size:15px; color:#555; line-height: 25px; height:40px;}
.newsIndex li .newsRtext span{ font-size:16px; color:#333; font-weight: 600; display: block; margin-top:10px;}

.newsIndex li:hover{ background:#dc0000;}
.newsIndex li:hover .newLimg img{ transform: scale(1.1);}
.newsIndex li:hover .newsRtext h3{ color:#fff;} 
.newsIndex li:hover .newsRtext i{ width:100%; background:#fff;}
.newsIndex li:hover .newsRtext p{ color:#eee;}
.newsIndex li:hover .newsRtext span{ color:#fff;}

.newsIndex li:nth-child(2n){ margin-right:0px;}

/* footer */
footer { width:100%; height:400px ; background:url(/img/footbj.jpg) no-repeat center; background-size:100% 100%;}
footer .fNav{ width:100%; height: 60px; line-height: 60px; border-bottom:1px solid rgba(255,255,255,0.45);}
footer .fNav li{ float:left; width:12.1%; line-height:60px; text-align:center;}
footer .fNav li a{ width:100%; height:60px; color:#fff; font-size:16px; display:block; }
footer .fNav li:hover{ background:#01519e; }
.fcon{width:100%; margin-top:30px; }
.flogo{ width:30%; float:left; margin-top:60px;}
.flogo img{ width:100%;}
.flianxi{ width:35%; float:left; margin-left:10%; margin-right:5%;}
.flianxi h1{ font-size:30px; color:#fff; margin-bottom:10px;}
.flianxi p{ font-size:16px; color:#fff; line-height:35px;}
.flianxi p i{ width:25px; height: 25px; float: left; margin-top:7px; margin-right:5px;}
.flianxi p i img{ width:100%;}
.ewm{ width:15%; float: right; font-size:15px; color:#fff; text-align: center; line-height: 35px;}
.ewm img{ width:100%;}


/* copy */
.copy { width:100%; height: 40px; background:#de1a1a; text-align: center; }
.copy p{ color:#fff; font-size:14px; line-height:40px; text-align: center;}
.copy b{ font-weight: 500; }
.copy p a{ color:#fff;}
.social_nav5{ display: none;}

/* ****************************************************************************************内页样式 ******************************************************************************/
.neibanner{ width:100%; position: relative; top:120px;}
.neibanner img{ width:100%;}

/* pubNei */
.pubNei{ width:100%; margin-top:120px; margin-bottom:30px; } 
.pubNei .position{ width:100%; height: 60px; line-height: 60px; border-bottom:1px solid #01519e; margin-bottom:30px; position: relative; z-index: 9;;}
.pubNei .position h2{ font-size:32px; color:#fff; float: left; width:300px; height: 137px; text-align: center; line-height: 137px; background:url(/img/neititbj.png) no-repeat center; background-size:100% 100%; margin-top:-77px;}
.pubNei .position h2 span{ font-size:22px; color:#fff; font-weight: 500; }
.pubNei .position p{ font-size:16px; color:#666; float:right;}
.pubNei .position p i{ float:left;}
.pubNei .position p a{ font-size:16px; color:#666;}
.pubNei .position p a:hover{ color:#dc0000;}

.abNeitext{ font-size:17px; color:#333; line-height: 40px; text-indent: 2em; text-align: justify;}
.abNeitext img{ text-indent: 0em;}


/* proList */
.honorList{ width:100%; overflow:hidden;margin-top:30px;}
.honorList ul{width:100%; }
.honorList ul li{ width:23%; height:auto;  float:left; margin-right:2.6%; margin-bottom:35px; overflow:hidden; text-align:center; position: relative;}
.honorList ul li:nth-child(4n){ margin-right:0px;}
.honorList ul li .propic{ width:100%; height:auto; overflow:hidden; }
.honorList ul li .propic img{ display:block; width:100%; transition:0.5s; }
.honorList ul li:hover .propic img{ transform:scale(1.1);}
.honorList ul li h4{ height:48px;  font-size:17px; color:#333; font-weight:500; text-align:center; line-height:48px; width:100%; transition:0.5s;}
.honorList ul li:hover h4{ color:#01519e;}

/* pronei */
.proNeicon{ width:100%; margin-top:50px;}
.proNeicon h2{ width:100%; height: 45px; color:#333; border-bottom:1px solid #ddd; margin-bottom:30px;  text-align: center;}
.proNeicon .projianjie{ width:100%; text-align: center; font-size:16px; color:#333; line-height: 30px;  }
.proNeicon .projianjie .proXiangqing {text-align: left !important; margin-top:50px; }
.proNeicon .projianjie .proXiangqing h3{ font-size:24px; width:100%; border-bottom:1px solid #01519e; height: 60px; margin-bottom:20px; }
.proNeicon .projianjie .proXiangqing h3 span{ width:20%; height: 60px; background:#01519e; display: block; color:#fff; text-align: center; line-height: 60px; }



.proList ul li .videopic{ width:100%; height:181px !important; overflow:hidden; }
.proList ul li .videopic img{ display:block; width:100%; transition:0.5s; min-height:181px !important;}

/* newList */
.newList{ width:100%; margin-top:30px;}
.newList ul li{ width:100%; height:260px; padding:20px 0px; transition:0.75s;}
.newList ul li .newLpic{ width:26%; float: left; }
.newList ul li .newLpic img{ width:100%; height: auto;}
.newList ul li .newLrig{ width:70%; float:right;}
.newList ul li .newLrig h3{ font-size:22px; color:#333; margin-top:20px;}
.newList ul li .newLrig span{ font-size:16px; color:#666; display: block; margin: 10px 0px;}
.newList ul li .newLrig p{ font-size:16px; color:#333; line-height: 30px;}
.newList ul li .newLrig .newlmore{ width:40%; height: 40px; border-radius:20px; background-color: #dc0000; text-align: center; line-height: 40px; margin-top:15px; transition:0.75s; }
.newList ul li .newLrig .newlmore a{font-size:16px; color:#fff;  display: block;}

.newList ul li:hover{ background:rgba(1,81,158,0.85); }
.newList ul li:hover h3{ color:#fff;}
.newList ul li:hover span{ color:#fff;}
.newList ul li:hover p{ color:#fff;}
.newList ul li .newLrig .newlmore:hover { background:#fff;}
.newList ul li .newLrig .newlmore:hover a{ color:#de1a1a; }


.newNeitext{ width:100%; text-align: center;}
.newNeitext h2{ font-size:20px; color:#333; margin-bottom:15px;}
.fdate { width:100%; }
.fdate p{ font-size:15px; color:#666; display: inline;}
.newjianjie{ font-size:16px; color:#333; line-height: 30px; text-align: left; text-indent: 2em; margin-top:20px;}

.pian{ width:100%; font-size:17px; color:#333; margin-top:30px; }
.pian p{ line-height: 35px;}
.pian p a{ color:#333;}
.pian p a:hover{ color:#dc0000;}

.contactli{ width:100%; overflow: hidden;}
.contactli ul li{ width:24%; margin-right:1.3%; float:left; text-align: center;}
.contactli ul li:nth-child(4){ margin-right:0px;}
.contactli ul li .conicon img{ width:23%;  }
.contactli ul li p{ font-size:18px; color:#333; line-height: 45px;}
.contactli ul li p span{ font-size:22px; color:#dc0000; font-weight: 600;}



@media screen and (min-width: 1200px) and (max-width: 1450px){

.pubCon{ width:800px; margin: 0 auto;}
.pubTit{ width:100%; text-align: center; margin-top:60px;}

/* header */
header{ width:100%; height:100px;}
header #logo{margin-top:25px;}
nav ul li{line-height:100px;}
nav ul li a{  height:100px;  }
nav dl dd{  padding-bottom:65px;}


.topTel{ float:right; width:20%; margin-top:20px;}
.topTel img{ height:40px; float:left; margin-right:5px; margin-top:10px; }
.topTel p{ font-size:14px; color:#666; margin-bottom:5px;}
.topTel b{ font-size:24px; color:#dc0000;}

/* product */
.proList ul li .propic{height:194px; }
.proList ul li .propic img{  min-height:194px;}

/* about */
.abLeft{ width:1200px; }

/* advantages */
.adtel{ float:right; margin-top:-25px;}

/* honor */
.honorRig{height: 640px;}

/* delivery */
.delivery{ height:560px;  }
#marquee1{width:100%;height:600px; }
#marquee1 ul li{width:360px; height: 254px;}
#marquee1 ul li img{width:100%; min-height: 254px; overflow: hidden;}


/* 内页 */
.neibanner{ width:100%; position: relative; top:100px;}
.newList ul li .newLrig h3{ font-size:22px; color:#333; margin-top:0px;}
.newList ul li:hover .newLrig h3{ color:#fff;}

.proList ul li .videopic{ width:100%; height:155px !important; overflow:hidden; }
.proList ul li .videopic img{ display:block; width:100%; transition:0.5s; min-height:155px !important;}

}



@media screen and (min-width: 992px) and (max-width: 1200px){

  .pubCon{ width:96%; margin: 0 auto;}
  .pubTit{ width:60%; text-align: center; margin-top:50px;  margin-left:20%;}
  .pubTit img{ width:70%; }
  header{ width:100%; height:90px; }
  header #logo{ width:25%; float:left; margin-top:20px; margin-left:2%;}
  header nav{ display:none; position:absolute;z-index: 9999; width:100%; top:90px; left:0; background:rgba(0,0,0,0.5);margin-left:0px;}
  header nav ul{ width:100%; margin-left:0px; float:none; }
  header ul li{ float:none;width:100%;text-align: center; line-height: 45px; border-bottom: 1px solid rgba(255,255,255,0.3); height: 45px;}
  header nav ul li a{  line-height:45px; color:#fff; height: 45px;} 
  header nav ul li b{ font-weight: 500; display: block;}
  header nav ul li span{ display: none;}
  header .topTel{ display: none;}

  header .btn{ width:50px; height: 50px; border:1px solid #888; position:absolute; right:10px; top:13px; border-radius:3px;overflow: hidden; display:block;  }
header .btn i{ width:44px; height:44px; display:block; margin:4px auto; }
header .btn i img{ width: 100%; height: auto;}
nav ul li:hover dl{ display:none;}

.proList{ width:100%; overflow:hidden;margin-top:30px;}
.proList ul{width:100%; }
.proList ul li{ width:30%; }
.proList ul li:nth-child(3n){ margin-right:0px;}
.proList ul li:nth-child(4n){ margin-right:2.6%;}
.proNav ul li{ width:31.5%;}


/* about */
.about .pubTit{ margin-top:-100px;}
.about .abCon{position:absolute; z-index:9; top:160px;}
.abLeft{ width:96%; float:left; color:#fff;font-size:17px; line-height:35px; ;}
.abLeft ul li b{  margin-top:0px; }

/* advantages */
.advantages{ width:100%; height:650px; }
.adTit{ padding-top:40px; float:left; width:60%;}
.adtel{ float:right; margin-top:-18px;}
.adbot{ margin-top:100px; text-align: center; position: relative;}
.adbot ul li .adicon{ width:100px; height:100px;  font-size:20px; }
.adbot ul li .adtext{ width:80%; height:70px;  left:0px; top:20px; }
.adbot ul li .adtext p{ font-size:14px; }
.adbot ul li:nth-child(2){ top:270px; width:35%}
.adbot ul li:nth-child(4) { position: absolute; left:65%;top:270px; width:35%;}

/* honor */
.honor{ width:100%;  margin-top:60px; overflow: hidden;}
.honor .pubTit{ margin-top:50px;}
.honorRig{height: 539px;}


.proList ul li .videopic{ width:100%; height:162px !important; overflow:hidden; }
.proList ul li .videopic img{ display:block; width:100%; transition:0.5s; min-height:162px !important;}

/* delivery */
.delivery{ height:500px;  }
#marquee1{width:100%;height:600px; }
#marquee1 ul li{width:300px; height: 212px;}
#marquee1 ul li img{width:100%; min-height: 212px; overflow: hidden;}


/* footer */
.flianxi h1{ font-size:24px;}
.ewm{margin-top:30px;}
.flianxi p{ font-size:14px; line-height: 40px;}


/* ****************************************************************************************内页样式 ******************************************************************************/
.neibanner{ width:100%; position: relative; top:120px;}
.neibanner img{ width:100%;}

.honorList{ width:100%; overflow:hidden;margin-top:30px;}
.proLhonorListist ul{width:100%; }
.honorList ul li{ width:30%; }
.honorList ul li:nth-child(3n){ margin-right:0px;}
.honorList ul li:nth-child(4n){ margin-right:2.6%;}

}



@media screen and (max-width: 992px){

  .pubCon{ width:96%; margin: 0 auto;}
  .pubTit{ width:90%; text-align: center; margin-top:50px;  margin-left:5%;}
  .pubTit img{ width:100%; }
  header{ width:100%; height:60px; }
  header #logo{ width:40% !important; float:left; margin-top:20px; margin-left:2%;}
  header nav{ display:none; position:absolute;z-index: 9999; width:100%; top:60px; left:0; background:rgba(0,0,0,0.5);margin-left:0px;}
  header nav ul{ width:100%; margin-left:0px; float:none; }
  header ul li{ float:none;width:100%;text-align: center; line-height: 45px; border-bottom: 1px solid rgba(255,255,255,0.3); height: 45px;}
  header nav ul li a{  line-height:45px; color:#fff; height: 45px;} 
  header nav ul li b{ font-weight: 500; display: block;}
  header nav ul li span{ display: none;}
  header .topTel{ display: none;}

  header .btn{ width:40px; height: 40px; border:1px solid #888; position:absolute; right:10px; top:13px; border-radius:3px;overflow: hidden; display:block;  }
header .btn i{ width:34px; height:34px; display:block; margin:4px auto; }
header .btn i img{ width: 100%; height: auto;}

nav ul li:hover dl{ display:none;}

.banner{ position: relative;top:60px; left:0px; z-index:1;z-index: 1; }

.product .pubTit img{ margin-top:30px;}

.proNav ul li{ width:48%; float:left; text-align: center; line-height: 40px; height: 40px; margin-right:1.2%; font-size:12px; overflow: hidden; margin-bottom:5px;}
.proNav ul li:nth-child(2n){ margin-right:0px; }
.proNav ul li:nth-child(3n){ margin-right:1.2%; }

.proList{ width:100%; overflow:hidden;margin-top:30px;}
.proList ul{width:100%; }
.proList ul li{ width:48%; margin-bottom:15px;}
.proList ul li:nth-child(2n){ margin-right:0px;}
.proList ul li .propic{height:122px; }
.proList ul li .propic img{  min-height:122px;}


/*about*/
.about{ width:100%; height:680px; overflow:hidden; margin-top:50px; position:relative;}
.zheshi{ width:100%; height:680px; background:rgba(0,0,0,0.35); position:absolute; top:0px;}
.about .pubTit{ position: relative; top:0px; z-index: 9; width:70%; margin-left:15%; margin-top:30px; text-align: left;}
.about .abCon{position:absolute; z-index:9;top:0px;}
.abLeft{ width:96%; float:left; color:#fff;font-size:14px; line-height:30px; text-indent: 0em ;}
.abLeft ul{ margin-top:20px;}
.abLeft ul li{ width:25%; text-align:center; float:left;}

.shipinbj{display: none !important;}
.show_sj{ display:block !important;}

.case .swiper-slide h4{ width:100%; height:35px; line-height: 35px; background:#01519e; text-align: center; color:#fff; font-size:14px; font-weight: 500; margin-top:-5px;}


/*数字*/
.fl_listbox{ display: none;}
.fl_list{ display: none;}
.fl_tit .div1 .span1{font-size: 30px;color: #fff;font-family: 'impact';}
.fl_tit .div1 .span3{font-size: 24px;color: #fff;font-family: "impact";}
.fl_tit .div2 .span2{font-size: 14px;color: #fff; display:block;}


/*youshi*/
.advantages{ width:100%; height:540px; background:url(https://img.alicdn.com/imgextra/i2/265962233/O1CN010BIyTL1SMlMp5J80T_!!265962233.jpg) no-repeat center; margin-top:40px; background-size:100% 100%;}
.adtop{ width:100%; }
.adTit{ padding-top:10px; float:left; width:60%; max-width:720px;}
.adTit img{ width:100%;}
.adtel{ float:right; margin-top:-8px; width:35%; max-width:510px;}
.adtel img{ width:100%;}
.adbot{ margin-top:120px; text-align: center; position: relative;}
.adyuan{display: none;}
.adbot{ margin-top:30px; }
.adbot ul li{ position: absolute; left:0px;top:10px;width:100%; }
.adbot ul li .adtext{ width:80%; height:70px; float:left;  float:left; padding:0px 2%; line-height: 30px; color:#01519e;position: absolute;left:0px; top:10px; }
.adbot ul li .adtext p{ font-size:14px; margin-right:50px;}
.adbot ul li .adicon{ width:90px; height:90px;  font-size:18px;color:#fff;position: absolute; top:0px; right:0px;  }
.adbot ul li .adicon p{padding-top:30px; }

.adbot ul li:nth-child(2){ top:230px; width:100%}
.adbot ul li:nth-child(3) { left:0%;top:130px;}
.adbot ul li:nth-child(4) { left:0%;top:330px; width:100%;}
.adbot ul li:nth-child(3) .adtext{ top:10px;}
.adbot ul li:nth-child(4) .adtext{ top:10px;}

.honor{ width:100%;  margin-top:40px; overflow: hidden;}
.honorLeft{ width:100%; float:none;}
.honorRig{display: none;}

/* delivery */
.delivery{ height:240px;  }
#marquee1{width:100%; }
#marquee1 ul li{width:100px; height:71px;}
#marquee1 ul li img{width:100%; min-height: 71px; overflow: hidden;}
#marquee1 ul li p{ font-size:14px; line-height: 30px; height: 30px;}

/* news */
.news{ width:100%; height: 520px;background:#f8f8f8; margin-top:-60px; display: none;}
.news .pubTit{ padding-top:60px; margin-bottom:30px;}
.newsIndex{ width:100%;}
.newsIndex li{ width:100%; float:none; background:#fff; padding:0%; transition:0.5s;  margin-bottom:5px; overflow: hidden;}
.newsIndex li .newLimg{ width:30%; float:left; overflow: hidden;}
.newsIndex li .newLimg img{ width:100%; transition:0.5s;}
.newsIndex li .newsRtext{ width:68%; float:right;}
.newsIndex li .newsRtext h3{ font-size:16px; color:#333; margin-bottom:10px;}
.newsIndex li .newsRtext p{display: none;}


/* footer */
footer { width:100%; height:370px ;}
footer .fNav{display: none;}

.fcon{width:100%; margin-top:30px; }
.flogo{ width:80%; float:left; margin-top:20px; margin-bottom:15px;}
.flogo img{ width:100%;}
.flianxi{ width:100%; float:left; margin-left:0%; margin-right:0%;}
.flianxi h1{ font-size:20px; color:#fff; margin-bottom:10px;}
.flianxi p{ font-size:14px; color:#fff; line-height: 35px; margin-bottom:5px;}
.flianxi p i{ width:25px; height: 25px; float: left; margin-top:7px; margin-right:5px;}
.flianxi p i img{ width:100%;}
.ewm{ display: none;}

/* copy */
.copy { width:100%; height: 60px; background:#212121; text-align: center;  margin-bottom:65px;}
.copy p{ color:#fff; font-size:14px; line-height:30px; text-align: center;}


/* 内页 */
.neibanner{ width:100%; position: relative; top:60px;}
.neibanner img{ width:100%;}

.abNeitext{ font-size:15px; color:#333; line-height: 40px; text-indent: 2em; text-align: justify;}
.abNeitext img{ text-indent: 0em; max-width:100% !important; height: auto !important;}

/* pubNei */
.pubNei{ width:100%; margin-top:80px; margin-bottom:30px; } 
.pubNei .position{ width:100%; height: 40px; line-height: 40px; border-bottom:1px solid #01519e; margin-bottom:30px; position: relative; z-index: 9;}
.pubNei .position h2{ font-size:24px; color:#fff; float: left; width:100%; height:40px; text-align: center; line-height: 40px; background:url(/img/neititbj.png) no-repeat center; background-size:100% 100%; margin-top:0px;}
.pubNei .position h2 span{ font-size:16px; color:#fff; font-weight: 500; }
.pubNei .position p{display: none;}
.pubNei .position p i{ float:left;}
.pubNei .position p a{ font-size:16px; color:#666;}
.pubNei .position p a:hover{ color:#dc0000;}
.proList ul li h4{ height:35px; background:#ddd; font-size:13px; color:#333; font-weight:500; text-align:center; line-height:35px; width:100%; transition:0.5s;}


/* pronei */
.proNeicon{ width:100%; margin-top:50px;}
.proNeicon h2{ width:100%; height: 45px; color:#333; border-bottom:1px solid #ddd; margin-bottom:30px;  text-align: center;}
.proNeicon .projianjie{ width:100%; text-align: center; font-size:16px; color:#333; line-height: 30px;  }
.proNeicon .projianjie img{ width:100%;}
.proNeicon .projianjie .proXiangqing {text-align: left !important; margin-top:50px; }
.proNeicon .projianjie .proXiangqing h3{ font-size:24px; width:100%; border-bottom:1px solid #01519e; height: 60px; margin-bottom:20px; }
.proNeicon .projianjie .proXiangqing h3 span{ width:50%; height: 60px; background:#01519e; display: block; color:#fff; text-align: center; line-height: 60px; }


.honorList{ width:100%; overflow:hidden;margin-top:30px;}
.honorList ul{width:100%; }
.honorList ul li{ width:48%; margin-bottom:15px;}
.honorList ul li:nth-child(2n){ margin-right:0px;}


.proList ul li .videopic{ width:100%; height:97px !important; overflow:hidden; }
.proList ul li .videopic img{ display:block; width:100%; transition:0.5s; min-height:97px !important;}


/* newList */
.newList{ width:100%; margin-top:30px; }
.newList ul li{ width:100%; height:auto !important; padding:10px 0px; transition:0.75s; margin-bottom:20px; border-bottom:1px solid #ddd;}
.newList ul li .newLpic{ display: none; }
.newList ul li .newLrig{ width:100%; float:none;}
.newList ul li .newLrig h3{ font-size:18px; color:#333; margin-top:20px;}
.newList ul li .newLrig p{ font-size:14px;line-height: 26px;}
.newList ul li .newLrig .newlmore{ width:100%; }

.newjianjie img{ max-width:100%; height: auto !important;}
.newjianjie{ font-size:16px; color:#333; line-height: 30px; text-align: left; text-indent: 0em !important ; margin-top:20px;}

.contactli{ width:100%; overflow: hidden;}
.contactli ul li{ width:100%; margin-right:0%; float:none; text-align: center; margin-bottom:10px; height: 60px;}
.contactli ul li:nth-child(3){ margin-right:0px;}
.contactli ul li .conicon img{ width:15%; float:left  }
.contactli ul li p{ font-size:16px; color:#333; line-height: 40px; width:83%; float:right;}
.contactli ul li p span{ font-size:22px; color:#dc0000; font-weight: 600;}


.social_nav5{ width:100%; height: 65px; background:#dc0000; position: fixed; bottom:0px; left:0px; margin-top:70px;z-index: 999; display: block;}
.social_nav5 ul li{ width:33%;background:#dc0000; height: 65px; float:left; text-align: center; border-right:1px solid #fff;  }
.social_nav5 ul li:nth-child(3n){ border:none;}
.social_nav5 ul li a{ font-size:14px; color:#fff; width:100%; }
.social_nav5 ul li a img{ display: block;width:30%; margin-left:35%;}

}