@charset "utf-8";
/* CSS Document */
html{}
body{font-family:"Microsoft YaHei";  margin:0px; padding:0px; overflow-x:hidden;}
ol,ul,li,p,dl,dt,dd,h1,h2,h3,h4,h5,h6{list-style:none outside none; margin:0px; padding:0px;}
img {border:none;}
.clear20{ height:20px}
.clear40{ height:40px}
a:link, a:visited { text-decoration: none;outline:none;}
a:hover, a:active { text-decoration: none;outline:none;}
.clear{clear:both;}
.kg{ width:90%; margin:0 auto; }
.kga{ margin:0 auto;  width:90%;}
.kgb{ width:98%; margin:0 auto; max-width:1920px;}
.fl{ float:left;}
.fr{ float:right;}
.main{ width: 85%; margin: 0 auto; }
/* max-width: 1600px; padding: 0 20px;*/

header{ height: 140px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);   z-index: 9999; width: 100%; }
header .right{  width: 66%;}
header .right nav{ width: 100%  ;}
li.nav-item>a{ line-height: 140px; height: 140px;   display: inline-block; transition: all .3s; position: relative; width:150px; }
li.nav-item>a::after{ width: 100%; height: 2px; background: #006fb7; position: absolute; bottom: 0; left: 0;content: ''; display: block; transform: scale(0,1); transition: all .36s; }
li.nav-item>a.on, li.nav-item>a:hover{ color: #006fb7; }
li.nav-item>a.on::after, li.nav-item>a:hover::after{ transform: scale(1,1);}
 

  /* 二级菜单 */
  .subMenu{ display: none;position: absolute;top: 140px;left: 0;width: 100%; height: 80px;background-color: #dedede;z-index: 99;}
  .subMenu>ul{ display: flex;flex-wrap: wrap;flex-direction: row;justify-content: center;align-items:center ; margin-left:150px }
  .subMenu>ul>li>a{display:block;padding:0 20px;text-align: center;line-height: 80px;color: #333; opacity: 0.6; font-size: 16px; font-weight:700}
  .subMenu>ul>li>a:hover{opacity: 1;}

 .search-btn{ cursor: pointer;}
.search_con{display:none;  position:fixed;top: 140px;  right:40px; width:300px; height:75px; padding:17px 11px 17px 17px; background:url(../images/top_bg2.png) no-repeat;z-index:100;/* border:1px solid #eee;box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.2);border-radius: 2px;*/}
.search_con .input1{ height:41px; line-height:41px; background:#f8f8f8; border:0;  padding-left: 15px;  width:calc(100% - 41px); float:left; outline:none;}
.search_con .bnts{   width:41px; height:41px; background:url(../images/top_pic3.png) no-repeat; cursor:pointer;}
.search_con .bnts:hover{transition:all 0.3s;background:url(../images/top_pic4.png) no-repeat;}
 

.banner{ width:100%; margin:0 auto}
.showcase {
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	padding: 0 20px;
}

.video-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #000;
}

.video-container video {
	min-width: 100%;
	min-height: 100%;
  position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	object-fit: cover;
}

.video-container:after {
	content: '';
	z-index: 1;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.1);
	position: absolute;
}
.content {
	z-index: 2; 
	 /* animation: hover 3.25s ease infinite;
	animation-delay: -0.45s; */
}
.content  img{}

.content p{ opacity: .7; font-weight: 100; margin : 0px 0;}
.content .btn{ width: 300px; height: 60px; border: 1px solid #fff; display: inline-block; text-align: center; line-height: 60px;}
.content .btn em{ position: absolute; left: 0; top: 0;width: 100%;  height: 100%; background: #fff;  transition: all .3s; transform: scale(1,0);}
.content .btn span{position: relative; z-index: 5;}
.content .btn:hover em{ transform: scale(1,1); box-shadow: 0 0 20px rgba(255, 255, 255, 0.5);}

.index-about{ background: url(../images/index-bg.jpg) no-repeat center top; background-size: 100% 75%; }

.index-about .line{ width: 40px; height: 5px; background: #fff; opacity: 0.3; margin:40px auto;} 

.m1620{ width:97%; margin:0px auto; position: relative;}
.m1400{ width:100%; margin:0px auto; position: relative;}

.about{ width:1350px; margin:0 auto;  background-size: 30% 100%; padding: 50px 0;}
.about .m1400{ display: flex; justify-content: space-between;}
.aboutright{ width:650px; padding: 35px 0; position: relative; float:left}
.aboutright h1{ font-size: 38px; font-weight: 800; color:#333}
.aboutright .info{ font-size: 18px; line-height:40px; margin-top: 40px; }
.aboutmore{ position: absolute; left: 0;  font-size: 16px; width: 180px; height: 40px; text-align: center; line-height: 40px; border-radius: 35px; overflow: hidden;}
.aboutmore a{ position: relative; width: 100%; height: 100%; display: inline-block;color: #fff;border-radius: 35px; overflow: hidden;background: #172f68; }
.aboutmore a::before{bottom:50%; }
.aboutmore a::after{top:50%;}
.aboutmore a::before,.aboutmore a::after{display:block; content:""; position:absolute; left:0; height:0; width:100%; z-index:1;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear; background-color:#ffb200;}
.aboutmore span{ z-index: 10; position: relative;}
.aboutmore a:hover::after,.aboutmore a:hover::before{ height:50%;}

.aboutmore3{ position: absolute; left: 0;  font-size: 16px; width: 280px; height: 40px; text-align: center; line-height: 40px; border-radius: 35px; overflow: hidden;}
.aboutmore3 a{ position: relative; width: 100%; height: 100%; display: inline-block;color: #fff;border-radius: 35px; overflow: hidden;background: #172f68; }
.aboutmore3 a::before{bottom:50%; }
.aboutmore3 a::after{top:50%;}
.aboutmore3 a::before,.aboutmore3 a::after{display:block; content:""; position:absolute; left:0; height:0; width:100%; z-index:1;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear; background-color:#ffb200;}
.aboutmore3 span{ z-index: 10; position: relative;}
.aboutmore3 a:hover::after,.aboutmore3 a:hover::before{ height:50%;}

.aboutmore4{ position: absolute; right: 0;  font-size: 16px; width: 280px; height: 40px; text-align: center; line-height: 40px; border-radius: 35px; overflow: hidden;}
.aboutmore4 a{ position: relative; width: 100%; height: 100%; display: inline-block;color: #fff;border-radius: 35px; overflow: hidden;background: #172f68; }
.aboutmore4 a::before{bottom:50%; }
.aboutmore4 a::after{top:50%;}
.aboutmore4 a::before,.aboutmore4 a::after{display:block; content:""; position:absolute; left:0; height:0; width:100%; z-index:1;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear; background-color:#ffb200;}
.aboutmore4 span{ z-index: 10; position: relative;}
.aboutmore4 a:hover::after,.aboutmore4 a:hover::before{ height:50%;}




.aboutmore2{ position: absolute; left: 200;  font-size: 16px; width: 180px; height: 40px; text-align: center; line-height: 40px; border-radius: 35px; overflow: hidden;  color:#FFFFFF}
.aboutmore2 a{ position: relative; width: 100%; height: 100%; display: inline-block;color: #fff; border-radius: 35px; overflow: hidden;background: #172f68;  color:#FFFFFF }
.aboutmore2 a::before{bottom:50%; }
.aboutmore2 a::after{top:50%;}
.aboutmore2 a::before,.aboutmore2 a::after{display:block; content:""; position:absolute;color: #fff; left:0; height:0; width:100%; z-index:1;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear; background-color:#ffb200; }
.aboutmore2 span{ z-index: 10; position: relative; color:#FFFFFF}
.aboutmore2 a:hover::after,.aboutmore2 a:hover::before{ height:50%;  color:#FFFFFF}



.aboutit{ position: absolute; right: 0; top:50px;}
.aboutit h1{  color: #eaebef; font-size: 152px; text-transform: uppercase;writing-mode: tb-rl; line-height: 1em; }
.aboutit h3{ text-align: center; font-size: 22px; font-weight: normal; margin-top: 45px;}

.aboutleft{ float:right; width:650px;padding: 80px 0;}
.m1000{ width: 1000px;}
 
 
 .about2{ background: rgba(0, 47, 167, 0.5); background-size: 30% 100%; padding: 50px 0;}
 .about2right{ width:1200px; padding: 35px 0; position: relative; margin:0 auto }
.about2right h1{ font-size: 38px; font-weight: 800; color:#FFFFFF}
.about2right .info{ font-size: 18px; line-height: 3em; margin-top: 60px; }


 
.cj{height: 756px;background:url(../images/honor.png) repeat center ;padding-top: 0px;}
.cj h2.tit a{color: #fff;background:url(../images/tit2.jpg) no-repeat center 55px;display:block;margin-bottom:170px;}
.cj h2.tit a em{color: #fff;}
.honor{width: 1200px;margin:0 auto;}
.h2 { font-size:26px;}
.wit2{ height:557px;  position:relative;}
.wit2 .arr1 a{ display:block; width:40px; height:40px; overflow:hidden; background:url(../images/z.png) no-repeat; position:absolute; top:250px; left:60px;}
.wit2 .arr2 a{display:block; width:40px; height:40px; overflow:hidden; background:url(../images/y1.png) no-repeat; position:absolute; top:250px; right:60px;}
.wit2 .dl01{ width:122px; height:122px; overflow:hidden; position:absolute; top:27px; left:0;}
.wit2 .dl01 dt img{width:122px; height:122px;border:5px solid #d7d7d7;}
.wit2 .dl05{ position:absolute; top:27px; left:838px;}
.wit2 .dl02{ width:142px; height:142px; overflow:hidden; position:absolute; top:18px; left:163px;}
.wit2 .dl02 dt img{width:142px; height:142px;}
.wit2 .dl04{ position:absolute; top:18px; left:656px;}
.wit2 .dl03{ width:350px; overflow:hidden; position:absolute; top:0; left:307px;}
.wit2 .dl03 dt{width:173px; height:173px; margin:0 auto; overflow:hidden;}
.wit2 .dl03 dt img{width:173px; height:173px;}
.wit2 dd h4{ font:14px "Microsoft Yahei"; text-align:center; font-weight:normal; margin-top:140px;}
.wit2 dd h4 a{ color:#fff;}
.wit2 dd h4 span{ display:block; color:#666666; font-weight:normal;}
.wit2 dd p{ font:12px "Microsoft Yahei"; color:#999999; line-height:18px; text-align:center; margin-top:10px; height:56px; overflow:hidden; padding-bottom:12px; line-height:18px;}
.wit2 dd em a{ display:block; width:109px; height:29px; border:2px solid #999999; font:14px "Microsoft Yahei"; text-align:center; color:#999999; line-height:29px; overflow:hidden; margin:0 auto;}

.wit span.xx{ width:26px; height:21px; overflow:hidden; display:block; margin:0 auto 20px;}
.wit span.xx img{ width:26px; height:21px;}
.containerscoll p,.containerscoll p a{color:#fff;font-weight:normal;font-size:12px;}
#carousel {width:960px;height:556px;position:relative;margin:0 auto;clear:both;overflow:hidden;background-repeat: no-repeat;border-radius: 15px; bottom:0px; margin-top:-170px;}
#carousel img {visibility:hidden;cursor:pointer;width:564px; height:420px;}
.container{padding-bottom: 20px;}
.atitlesc{position: absolute;left: 300px; top: 322px; width:350px; text-align:center; opacity: 0.7;filter:alpha(opacity=70);color:#fff; margin-top:45px;}

 .m1300{ width:88%; margin:0px auto; overflow:hidden}
.product{ background: url(../images/productbg.png)  repeat-x center bottom; padding-bottom: 20px; }
.product .m1300 ul{ display: flex; justify-content: space-between;}
.product .m1300 .swiper-slide { width: 423px;  padding-top: 22px; float:left}
.product .m1300 .swiper-slide em{ position: absolute; bottom: 0; left: 0; z-index: 1; height:0; width: 100%; display: block; background: #005CA3; transition: all .5s;}
.product .m1300 .swiper-slide .proimg{z-index: 2; position: relative; text-align: center; height:280px; line-height: 300px;transition: all .5s;}
.product .m1300 .swiper-slide .protxt{z-index: 2; position: relative; height: 135px; padding: 0 20px; display: flex; align-items: center;  justify-content: center;}
.product .m1300 .swiper-slide .protxt h5 { font-size: 16px; font-weight: normal;}
.product .m1300 .swiper-slide .protxt figure{ font-size: 14px; line-height: 2em; margin-top: 20px; color: #666;}
.product .m1300 .swiper-slide:hover em{ height: 100%;}
.product .m1300 .swiper-slide:hover a{ color: #fff !important;}
.product .m1300 .swiper-slide:hover figure { color: #fff}
.product .m1300 .swiper-slide:hover .proimg { background:#1FA2D9;}
.product .m1300 .swiper-slide .proimg img{ max-width: 100%; max-height: 100%;}


.inprod{width:100%; margin:0 auto; overflow:hidden}
.inprod ul{} 
.inprod ul li{width:24%; overflow: hidden; float:left; margin-left:2px; margin-top:20px }
.inprod img{width:300px; height:285px; border:1px #CCCCCC double}
.inprod p{ line-height:30px; text-align:center; font-size:14px; height:65px;}
.inprod span{ line-height:35px; height:35px; text-align:center; font-size:16px; padding-bottom:20px; background:url(../images/prod.png) no-repeat;  }

.plist{width:350px; float:left; margin-right:50px;}
.plist ul{} 
.plist ul li{width:100%; overflow: hidden; float:left; margin-left:2px; }
.plist ul li a{line-height:40px; font-size:13px;}
.plist p{ line-height:55px; text-align:left; font-size:20px;}

.plist2{width:1000px; float:right; }
.plist2 ul{} 
.plist2 ul li{width:100%; overflow: hidden; float:left; margin-left:2px; border-bottom:1px #CCCCCC double;  }
.plist2 ul li a{line-height:55px; font-size:18px; text-align:left}
.plist2 p {  text-align:left; font-size:15px; float:right}


 
 
 .hezuo{ width:1200px; margin:0 auto;}
 .hezuo ul{}
 .hezuo ul li{ width:290px; float:left; margin-bottom:20px;}
 .hezuo ul li img{ width: 260px; /* 图片宽度 */
  height: 120px; /* 图片高度 */
  overflow: hidden; /* 隐藏超出部分 */
  border-radius: 5% 5% 5% 5%; /* 初始设置为圆形，稍后修改 */}
 .hezuo ul li p{width: 260px; font-size:15px; line-height:35px; color:#FFFFFF; text-align:center}
 
 
 
 .abkg{ width:90%; margin:0 auto; max-width:1450px; margin-top:0px}			  
.abcon{ margin:0 auto; color:#434343;text-align:left; margin-top:0px; line-height: 200%; font-size: 16px; text-indent:2em }
.idxBan .swiper-slide::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; background-image: linear-gradient(to bottom,rgba(0,0,0,),transparent);} 
.idxBanImg{animation: swiper_img_move 8s linear 0s infinite normal both; width: 100vw;  height: 100vh; object-fit: cover; min-height: 360px; }
.idxBan .text{ position: absolute; z-index: 20; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.idxBan .pagination{ width: 100%; position: absolute; left: 0; bottom: 25px; z-index: 10; display: flex; align-items: center; justify-content: center;}
.idxBan .pagination .swiper-pagination-bullet{ background: #fff; margin: 0 8px; width: 10px;  height: 10px;}

 
 
 
 
.paly{ width: 100px; cursor: pointer; background: #fff; border-radius: 50%; height: auto;
	box-shadow: 0 0 rgba(255, 255, 255, 0.1),0 0 0 15px rgba(255, 255, 255, 0.1),0 0 0 30px rgba(255, 255, 255, 0.1);
	animation: ripple-wave1 1s linear infinite;
	animation-play-state: running;
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	-webkit-animation: ripple-wave1 1s linear infinite; transform: scale(0.8);}
.paly:hover{  }
@keyframes ripple-wave1{
	to {
		box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.1),0 0 0 30px rgba(255, 255, 255, 0.1),0 0 0 45px rgba(255, 255, 255, 0.02);
	}
  }
 

div.video-play{position:fixed;top:0;bottom:0;right:0;left:0;width:100vw;height:100vh;z-index:10001;display:none}
div.video-bg{position:absolute;top:0;bottom:0;width:100%;z-index:1001;background:#0b0b0b;opacity:.8}
div.video-wrap{z-index:1002;position:fixed;top:52%;left:50%;-webkit-transform:translate3d(-50%, -52%, 0);transform:translate3d(-50%, -52%, 0);width:1000px;height:570px;  }

div.video-wrap video{width:100%;height:auto}
div.close-btn{cursor: pointer; transition: all .36s;
 
 text-align: center;
 line-height: 40px;
 z-index: 9999;
 position: absolute;
 background: #000;
 border: 2px solid #fff;
 width: 50px;
 height: 50px;
 border-radius: 50%; opacity: 0.5;
 right: -20px;
 top: -25px;}
 div.close-btn:hover{ transform: rotate(180deg); opacity: 1;}
 .index-about .num div{ align-items: flex-end; line-height: 1;  }
 .index-about .num div em{ opacity: 0.4; margin-left: 5px;}
 .about-link .item { width: 47.5%;}
 .about-link .item figure{ height: 140px;  transform-style: preserve-3d;top: 50%; margin-top: -70px;width: 380px; height: 140px;  letter-spacing: 5px; left: 50%; margin-left: -190px;
    transition: all 0.5s;position: absolute;  }
 .about-link .item figure:hover {
    cursor: pointer;
    transform: rotateX(90deg);
}

 .about-link .item figure .txt{  width: 100%; height: 100%; background: url(../images/about-border.png) no-repeat center center; background-size: 100% 100%; 
z-index: 11; transform: translateZ(10px);}
 
.about-link .item figure a{position: absolute;  background: #006fb7;  width: 100%; height: 100%;  
 transform: translateY(10px) rotateX(-90deg); }
 .about-link .item:hover figure a{ color: #fff;}
 .about-link .item:hover{ box-shadow: 0 0 20px rgba(255, 255, 255, 0.5);}

 
 .index-tit{ width: 920px; }

 /* 首页产品 */
 .product-ban .gallery-top .swiper-container {
    width: 100%;
    height: auto;
  }
 
  .product-ban .gallery-top .swiper-slide{ position: relative;}
  .product-ban .gallery-top .swiper-slide img{ width: 100%;}
  .product-ban  .gallery-top .swiper-slide .txt{  z-index: 9; width: 100%; height: 100%;background: rgba(0, 0, 0, 0.5); font-size: 16px; display: block; top: 0; left: 0; position: absolute; color: #fff;
 padding-left: 40px; line-height: 3; display: flex; flex-direction: column; justify-content: flex-end; padding-bottom: 40px;
}
.product-ban .gallery-top .swiper-slide .txt img{ width: 69px; height: 10px;}
.product-ban .gallery-top .swiper-slide-active .txt{ display: none;}
   .pro-next{   width: 15%; position: absolute; right: 0;top: 0; height: 100%; z-index: 9; cursor: pointer; transition: all .3s;  }   
   .product-ban:hover  .pro-next{ background: rgba(0, 0, 0, 0.3);  }  
   .swiper-pagination-bullet{ width: 15px; height: 15px; border: 2px solid #fff; margin: 0 15px !important; background: transparent; position: relative;}
   .swiper-pagination-bullet-active::after{ position: absolute; width: 5px; height: 5px; top: 3px; left: 3px; background: #fff; display: block; content: ''; border-radius: 50%;}
   .gallery-top .swiper-slide-next{ transition: all .3s;}

   .product-ban .gallery-top:hover  .swiper-slide-next{transform: scaleX(1.2);}

   .product-ban .gallery-top:hover   .pro-next{ width: 23.5%;}

   .product-ban  .gallery-thumbs{ width: 580px; height: 500px; background: rgba(255, 255, 255, 0.9); position: absolute; left: 7.5%; top: 50%; margin-top: -250px; z-index: 999;}
   .product-ban  .gallery-thumbs:hover{ background: rgba(255, 255, 255);}
   .product-ban  .gallery-thumbs  .swiper-slide figure { width: 416px;}
   .product-ban  .gallery-thumbs  .swiper-slide figure div:nth-child(2){width:100%;word-break:break-all;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;}
   .product-ban  .gallery-thumbs  .swiper-slide figure a{ width: 220px; height: 60px; border: 1px dotted #666;}

   .product-ban  .gallery-thumbs  .swiper-slide figure a:hover{transform: translateX(8px);}
   .index-case .img{ position: absolute; top:0; left: 0; width: 100%; height: 100%; z-index: 2;}

   .index-case .img p{ font-weight:200;  }
   .index-case .img a{ width: 200px; height: 50px; border: 1px solid #fff;}
.index-news .item{ width: 30%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
 
.index-news .item .txt{ padding: 25px 20px; line-height: 2.6;}
 
.index-news .item .txt em{width: 0;  height: 2px; left: 0; bottom: 0; position: absolute; background: #006fb7; transition: all .3s;}
.index-news .item:hover .txt em{width: 100%;}
.index-news .item:hover .img img{   transform: scale(1.1);webkit-filter: grayscale(50%);filter: grayscale(50%);}

footer{ background: url(../images/cj_bg.jpg) repeat center; background-size: cover; color: #fff;}
footer .top2 .main{ align-items: flex-start; color: #fff;}
footer .top2  dl  {line-height: 2.7;}
footer .top2  dl  dd { font-size: 15px;   }
footer .top2  dl  dd  a { font-size: 15px; line-height:40px; }

footer .top2 .main dl:nth-child(2){ width: 335px;}
footer .top2 .main dl:nth-child(2) dd{ width: 50%; float: left;}
footer .top2  dl  dd:hover{ opacity: 1;  color: #fff;}
footer .top2  dl  dd a:hover{   color: #fff;}
footer .bot{ border-top: 1px solid  rgba(255, 255, 255, 0.2); line-height: 70px; color: rgba(255, 255, 255, 0.2);}
.ewmimg{ width: 170px;}

  /* 右侧  */

  .page-aside {
	position: fixed;
	right: -6px;
	bottom: 180px;
	transform: translateX(100%);
	z-index: 6;
	opacity: 0;
	transition: transform .3s, opacity .3s
}

.page-aside.show {
	transform: translateX(0);
	opacity: 1
}

.page-aside .img {
	max-width: 100%
}

.page-aside-item {
	width: 54px;
	text-align: center;
	height: 50px;
	position: relative;
	z-index: 1;
	cursor: pointer;
	display: block;
	background-color: rgba(0, 0, 0, .5);
	margin: 4px 0;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	padding-right: 6px;
	transition: transform .3s;
	display: flex;
	align-items: center;
	justify-content: center
}

.page-aside-item .icon {
	width: 24px
}

.phone-heard { height: 65px;  width: 100%; background: #fff; box-shadow: 0  0 10px rgba(0, 0, 0, 0.1);   z-index: 10000;
 padding: 0 15px;}
.phone-logo {  }
.phone-logo img{ height: 45px;}
.topsearch{ width: 41px; height: 41px; background: url(../images/top_pic4.png); background-size: cover;}
.topsearchclose{ width: 41px; height: 41px; background: url(../images/topsearchclose.png); background-size: cover; display: none;}
.munebtn{ width: 41px; height: 41px; background: url(../images/munebtn.png); background-size: cover;}
.munebtnclose{ width: 41px; height: 41px; background: url(../images/munebtnclose.png); background-size: cover;display: none;}

.phone-search_con{ width: 100%; position: fixed; left: 0; top: 65px; background: #f2f2f2; z-index: 10000; padding: 15px; display: none;} 
.phone-search_con .input1{ border: 1px solid #e5e5e5; background: #fff; height: 40px;  width: calc(100% - 40px); padding-left: 15px;}
.phone-search_con .bnts{ background: url(../images/top_pic3.png) #006fb7 no-repeat center center; width: 40px; height: 40px;}
.phone-nav{ position: fixed; width: 100%; height: 100%; background: #006fb7; top: 65px; left: 0; z-index: 10001;display: none;}
.phone-nav ul{ margin: 40px auto; width: 80%;}
.phone-nav ul li{ border-bottom: 1px solid rgba(255, 255, 255, 0.2); text-align: center;}
.phone-nav ul li a{ color: #fff; font-size: 22px; line-height: 3; }
.phone-nav2{transform: translateX(0) !important;}
 .phone-banner{ display: none;}
.swiper-pagination-bullet{ width: 15px; height: 15px; border: 2px solid #fff; margin: 0 15px !important; background: transparent; position: relative;}
.swiper-pagination-bullet-active::after{ position: absolute; width: 5px; height: 5px; top: 3px; left: 3px; background: #fff; display: block; content: ''; border-radius: 50%;}
#toolbar{ position: fixed; bottom: 0; left: 0; width: 100%; z-index: 10001; display: none;}
#toolbar a {
    width: 25%;
   padding: 10px 0;
    text-align: center;
   color: #fff; display: flex; align-items: center; justify-content: center; flex-direction: column;
}
#toolbar img{ height: 20px; margin-bottom:5px;}


/* 产品中心 */
.prolistul{ background: url(../images/prolistul-bg.jpg)   repeat-y top center;  }
.wall {
	display: block;
	position: relative;
  }
  .wall-column {
	display: block;
	position: relative;
	width: 50%;
	/* width: 25%; */
	float: left;
	padding: 0 .1rem;
	box-sizing: border-box;
  } 
  .wall .wall-column:nth-child(1) { text-align: right; padding-right: 60px;}
  .wall .wall-column:nth-child(2){   padding-left: 60px;}
  .wall .wall-column a div:nth-child(1)::after{ display: block; content: ''; width: 30px; height: 100%; background: url(../images/product-ico.png) no-repeat center center; background-size: 100% auto; position: absolute; top: 0; 
	right: -75px;} 
	.wall .wall-column:nth-child(2) a div:nth-child(1)::after{  right: auto; left: -75px;} 
	.wall .article{ padding: 80px 0 0;}
	.wall .article a div:nth-child(2){width:100%;word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden; margin: 30px 0;}
	.wall .article:hover img{ transform: scale(1.1);}
	.wall .tit div{text-align: left; padding: 100px 0;}
 .more{ width: 280px; height: 56px; border-radius: 30px; margin-top: 80px; }

 .caselistul{ width: 65%; margin: 0 auto;}
 .caselistul li { border-radius: 10px; overflow: hidden;}
 .caselistul li .txt{ position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
 .caselistul li a{ width: 200px; height: 50px; border: 1px solid #fff;  transition: all .5s;}
 
 .caselistul li:hover .txt{ background: rgba(0, 0, 0, 0.3);}
 .caselistul li:hover  a{transform: translateY(-10px); transform: scale(1.2);}

 /* 关于我们 */
 .about-main{ width: 1440px;}
  .down{ width: 1000px;}
 .about-info .tit{ align-items: flex-start;}
 .about-info .left h1{ line-height: 1;}
 .about-info .right a:hover, .about-info .right a.on{ border-color: #006fb7; color: #fff;}
 .about-info .con .txt{ position: absolute; top: 40%; left: 23%; height: 100%; align-items: center; height: 50%;   }
 .about-info .con .txt h1{ border-bottom: 2px solid #000; margin-bottom: 15px;  }
 .about-info .con .txt h1:last-child{ margin-left: 90px;}
 .about-info .con .left{ width: 22%;}
 .about-info .con .right{background: #f0f2f5; width: 64%; padding:50px 40px 0px 170px ;}
 .about-info .con .right div{ max-height:500px; overflow-y: scroll;   }
 .about-info .con .right div::-webkit-scrollbar {/*滚动条整体样式*/    /*高宽分别对应横竖滚动条的尺寸*/   width: 3px;}
 .about-info .con .right div::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 3px; background: #003f98; width: 3px; }
 .about-info .con .right div::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 3px; background: #ffffff; width: 3px; }

 .about-Culture{ align-items: flex-start;}
 .about-Culture .right{ width: 55%;}
 .about-Culture .left {width: 40%;}
 .about-Culture .left .top { text-align: right; }
 .about-Culture .left .top .con{ align-items: flex-start; justify-content: flex-end;}
 .about-Culture .left .top .con p{ background: url(../images/Culture-ico.png) no-repeat center bottom; width: 20px; background-size: 14px auto; padding-bottom: 30px; margin-left: 100px;}
 .about-Culture .left .bot{ line-height: 2.5;}
 .about-Culture .left .bot dl{ background: url(../images/product-ico.png) no-repeat  left center; background-size: 12px 12px; padding-left: 30px;}

 .about-History{ background: url(../images/History-bg.jpg) no-repeat center top; background-size: cover; }
 .about-History .tit p{ text-transform: uppercase;}


 #introduce,#Culture,#History{  padding-top: 100px; margin-top: -100px; }


 .about-History .gallery-top .swiper-slide{ width: 100%; padding: 50px; background: url(../images/HistoryItem-bg.png) no-repeat center bottom #fff; background-size: 100% auto;}
 .about-History .gallery-top .swiper-slide .img{ width: 55%;}
 .about-History .gallery-top .swiper-slide .txt{ width: 45%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding-left:30px;}
 .about-History .gallery-top .swiper-slide .txt div:nth-child(1){ border: 5px solid #e8ebf0; text-align: center; font-weight: 800; width: 38%;}
 .about-History .gallery-top .swiper-slide .txt div:nth-child(2){  width: 5px; background: #e8ebf0;   height: 1px;}
 .about-History  .bot{ height: 80px; background: rgba(0, 0, 0, .4); width: 100%; position: absolute; bottom: 0;  left: 0;}
 .about-History .gallery-thumbs{ width: 100%; height: 80px;  line-height: 80px; color: rgba(255, 255, 255, 0.8); text-align: center;}
 .about-History .gallery-thumbs .swiper-slide-thumb-active{ color: #fff; font-size: 20px;}
 .about-History  .swiper-button-prev:after,  .about-History .swiper-button-next:after{ font-size: 20px;}
 .contact-type .left{ width: 50%;  height: 700px;}
 .contact-type .right{ width: 50%;  }
 .contact-type .right figure{ width: 82%;}
 .contact-type .right figure .item{ border-bottom: 1px solid #333; padding: 30px 0;}
 .contact-Online .con{ background: #213f6b; padding: 60px 80px; flex-wrap: wrap;}
 .contact-Online .con .item{ width: 45%; border-bottom: 1px solid #fff;  padding: 50px 0 30px;}
 .contact-Online .con .item span{white-space: nowrap;}
 .contact-Online .con .item input{  color: rgba(255, 255, 255, 0.7); width: 80%; height: 50px;}
 .contact-Online .con .item:nth-child(5){ width: 100%;}
 .contact-Online .con .item:nth-child(6){ border: none; }
 .contact-Online .con .item:nth-child(6) input{ border: 1px solid #fff; width: 30%;}

 .searchtit div:nth-child(2){ width: 42px;  height: 5px; background: #213f6b; margin: 20px auto; }
 .searchul li{ padding: 0 35px; line-height: 90px; border-bottom: 1px solid #e5e5e5; background: #fff;  transition: all .3s;}
 .searchul li a{ display: inline-block;white-space: nowrap; width: 80%;  overflow: hidden;text-overflow:ellipsis;}
 .searchul li:hover{ transform: scale(1.05);}
 .searchul li span{white-space: nowrap;}

 .newslist li .txt{ width: calc(100% - 600px); padding-right: 20px;}
 .newslist li .txt div:nth-child(2){width:100%;word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
 .newslist li .txt div:nth-child(3){ border: 1px solid #aaa; width: 140px;  height: 44px; }
 .newslist li .img img{ width: 600px; height: 360px; object-fit: cover;}
 .newslist li:hover{ background: #f0f2f5;}
 .newslist li:hover .img img{ transform: scale(1.1);}
 
 .newslist li:hover .txt div:nth-child(3){transform: translateY(-10px); background: #006fb7; color: #fff;}
 .location{ line-height: 100px;  letter-spacing: 2px;}
 .location a{ color: #888;}
 .newsdetail{ padding: 60px; align-items: flex-start;}
 .newsdetail .left{ width: 130px;}
 .newsdetail .left .date{ background: #213f6b; padding:20px 0;  }
 .newsdetail .left .page a:nth-child(3) img{    transform: rotateZ(180deg);}
 .newsdetail .left .page a:hover{ color: #006fb7; transform: translateX(8px);}
 .newsdetail .right{ width: calc(100% - 205px);}
 .newsdetail .right .f14{ margin: ;}
 .newsdetail .right .con img{ max-width: 100%; margin: 8px 0;}
 
 
 /* 资质 */
.pl12{padding: 0px 0;background: #fafafa;}

.pl12 .en{font-size: 40px;font-style: italic;font-weight: bold;text-align: center;}

.pl12 .xian{width: 4px;height: 25px;background: #fff;margin: 25px auto 70px;}

.pl12 .ul1{ margin:0 auto; width:82%}

.pl12 .ul1 li{width: 20%;float: left;margin-right: 2%; margin-left:2%;bbox-sizing: border-box;background: #fff;margin-bottom: 1.5%;border:1px solid #ddd;}

.pl12 .ul1 li:nth-child(3n){margin-right: 0;}

.pl12 .ul1 li .img,.pl12 .ul1 li .img img{display: block; width: 100%;  overflow: hidden;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}

.pl12 .ul1 li .lbt{padding: 20px 0 ;}

.pl12 .ul1 li .lbt .llt{width: 100%;float: left;box-sizing: border-box;padding:0 20px;}

.pl12 .ul1 li .lbt .llt .ltc{display: -webkit-box;line-height: 1.5;height: 42px;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}

.pl12 .ul1 li .lbt .llt .ltt{margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.pl12 .ul1 li .lbt .lrt{width: 28%;float: right;text-align: center;display: none;}

.pl12 .ul1 li .lbt .lrt .lj1{width: 70px;height: 7px;background: #e3e3e3;border-radius: 10px;margin: 10px auto 0;}

.pl12 .ul1 li .lbt .lrt .lj1 span{display: block;border-radius: 10px;height: 100%;}

.pl12 .ul1 li .lbt .lrt .lj1 .s30{width: 30%;background: #ff8d25;}

.pl12 .ul1 li .lbt .lrt .lj1 .s50{width: 50%;background: #21b8ce;}

.pl12 .ul1 li .lbt .lrt .lj1 .s70{width: 70%;background: #43df5e;}

.pl12 .ul1 li:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);}

.xz{ width:200px; overflow:hidden; margin:0px auto; float:left}
.xz ul{}
.xz ul li{ width:200px;  float:left; overflow:hidden;font-size:16px; margin-left:2px; margin-right:2px; margin-bottom:10px; } 
.xz ul li a{ width:100%; height:55px; display:block; text-align:center; color:#333;  line-height:55px;}
.red{ background: #efefef }
.red:hover{ color: #0000CC}

.prolist{}
.prolistUl{padding: 30px 0;}
.prolistUl li{width: 32%;margin-right: 2%; background: #fff; text-align: center; float: left; margin-bottom: 30px;}
.prolistUl li:nth-child(3n){ margin-right: 0;}
.prolistUl li .propic{ display: flex; width: 100%;  align-items: center;  justify-content: center;	 transition: all .5s;  }
.prolistUl li .prowen{ padding: 25px; }
.prolistUl li .prowen h1{ font-size: 18px; font-weight: normal;}
.prolistUl li .prowen .info{ color: #666666; font-size: 14px; margin: 25px 0;}
.prolistUl li .prowen .btn{ background: #f4f6fb; text-align:  center; color: #666; font-size: 16px; height: 50px; line-height: 50px;  transition: all .5s; display: block;}
.prolistUl li:hover{ box-shadow: 0 0 10px rgb(0, 0, 0,0.2);}
.prolistUl li:hover .btn { background: #F4F6FB; color: #666;}
.prolistUl li .propic img{ max-width: 100%; max-height: 100%;}

.pro-detail-bot{ padding: 45px 0;}
.title-pro{ border-bottom: 1px solid #e5e5e5;}
.title-pro span{ color: #172f68; font-weight: 800; font-size: 24px; position: relative; display: inline-block; padding-bottom: 35px;} 
.title-pro span::after{ content: ''; display: block; width: 100%; height: 2px; background: #172f68; position:absolute; bottom: -1px;  left: 0;}

/* 分页 */
.List_page{

	text-align: center;
	height: 100px;
	line-height: 100px;
	font-size: 0;
	margin-top: 10px;
}
.List_page a{
	width: 65px;
	height: 40px;
	font-size: 14px;
	padding:10px;
	line-height: 40px;
	border: #d5d5d5 1px solid;
	color: #66666a;
	margin: 0 20px;
}
.List_page a.on{
	background-color: #0099FF;
	color: #fff;
}
.List_page a:hover{
	background-color: #0099FF !important;
	color: #fff !important;	
}


/*返回顶部*/

.izl-rmenu{position:fixed;right:0;bottom:10px;padding-bottom:73px;background:url(../images/r_b.png) 0px bottom no-repeat; z-index:999; }

.izl-rmenu .btn{width:60px; height:60px; margin-bottom:1px; cursor:pointer; position:relative;}

.izl-rmenu .btn:hover{background-color:#de4b44;}

.izl-rmenu a.btn-ting,.izl-rmenu a.btn-ting:visited{background:url(../images/fd1.png) no-repeat #1a1a1c;text-decoration:none; display:block;}

.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/fd2.png) no-repeat #1a1a1c;text-decoration:none; display:block;}

.izl-rmenu .btn-wx{background:url(../images/fd3.png) no-repeat #1a1a1c;}

.izl-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}

.izl-rmenu .btn-phone{background:url(../images/fd4.png) no-repeat #1a1a1c;}

.izl-rmenu .btn-phone .phone{background-color:#de4b44; position:absolute;width:160px; left:-160px; top:0px; line-height:60px;color:#fff;font-size:16px;text-align:center;display:none;}

.izl-rmenu .btn-top{background:url(../images/fd5.png) no-repeat #fff;display:none;}

.izl-rmenu .btn-top:hover{background-color:#fff;}