.main{ width: 85%; margin: 0 auto; }
/* max-width: 1600px; padding: 0 20px;*/

header{ height: 100px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);   z-index: 9999; width: 100%; }
header .right{  width: 59.7%;}
header .right nav{ width: 100%  ;}
li.nav-item>a{ line-height: 100px; height: 100px;   display: inline-block; transition: all .3s; position: relative;}
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: 100px;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;}
  .subMenu>ul>li>a{display:block;padding:0 20px;text-align: center;line-height: 80px;color: #333; opacity: 0.6; font-size: 15px;}
  .subMenu>ul>li>a:hover{opacity: 1;}

 .search-btn{ cursor: pointer;}
.search_con{display:none;  position:fixed;top: 100px;  right:20px; 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{animation: hover 3.25s ease infinite;
	animation-delay: -0.45s;}

.content p{ opacity: .7; font-weight: 100; margin : 40px 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{ background: url(../images/aboutbg.jpg) no-repeat left top; background-size: 30% 100%; padding: 50px 0;}
.about .m1400{ display: flex; justify-content: space-between;}
.aboutright{ width:1000px; padding: 35px 0; position: relative; margin-right:150px;}
.aboutright h1{ font-size: 38px; font-weight: 800;}
.aboutright .info{ font-size: 16px; line-height: 3em; margin-top: 60px; }
.aboutmore{ position: absolute; bottom:45px; left: 0;  font-size: 16px; width: 260px; height: 70px; text-align: center; line-height: 70px; 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%;}
.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;}


.m1000{ width: 1000px;}
 
.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/foot-bg.jpg) no-repeat center top; background-size: cover; color: #fff;}
footer .top .main{ align-items: flex-start;}
footer .top  dl  {line-height: 2.7;}
footer .top  dl  dd { font-size: 18px; opacity: 0.4; font-size: 18px; }
footer .top .main dl:nth-child(2){ width: 235px;}
footer .top .main dl:nth-child(2) dd{ width: 50%; float: left;}
footer .top  dl  dd:hover{ opacity: 1;}
footer .top  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;}
 .about-info .tit{ align-items: flex-start;}
 .about-info .left h1{ line-height: 1;}
 .about-info .right a{ background: url(../images/about-ico.jpg) no-repeat  top right; padding: 5px 12px 15px 0; margin-left: 60px; border-bottom: 2px solid #e5e5e5;}
 .about-info .right a:hover, .about-info .right a.on{ border-color: #006fb7; color: #006fb7;}
 .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: 120px;}
 .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);}



/* 分页 */
.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;	
}