@charset "utf-8";
/************************************首页****************************************/
*{margin: 0px;padding: 0px;font-family: "microsoft yahei";}
body{min-width:1200px;font-size: 14px;overflow-x:hidden;}
table,td,tr,ul,ol,li,dl,dd,dt,p,input,form,em,p,img,h1,h2,h3,h4,h5{margin:0px;padding:0px;}
h1{color:#232323;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,p,span{font-size:14px;}
p{color:#686868;}
ul,li{list-style:none;}
button{border:none;}
input{background:none;outline:none;border:0px;}
.clear{font-size:0;line-height:0;height:0;clear:both;visibility:hidden;overflow:hidden}
img {border: none;}
a{text-decoration:none;color:#686868;}
a:hover{text-decoration:none;}

.content{width: 75%;margin: 0 auto;min-width: 1200px;}

/*******************************头部**********************************/
.top-blank{height:185px;overflow:hidden;background:none;}
.top-head{height:80px;position:fixed;top:0;width:100%;z-index:1000;background:none;}

.top01{width:100%;overflow:hidden;background-color: #ffffff;}
.top01 .content{display: flex;height:110px;justify-content: space-between;align-items: center;}
.top01 .content .logo{width: auto;display: flex;align-items: center;}
.top01 .content .logo a{width: auto;height: 66px;overflow: hidden;}
.top01 .content .logo a img{width: auto;height: 100%;}
.top01 .content .logo em.xcy{font-size: 24px;color: #89bb12;font-weight: bold;letter-spacing: 2px;margin-left: 40px;}
.top01 .content .topDH{display: flex;align-items: center;}
.top01 .content .topDH .tb{width: 50px;height:50px;overflow: hidden;}
.top01 .content .topDH .tb img{width: 100%;height: auto;}
.top01 .content .topDH .dh{}
.top01 .content .topDH h2{font-size: 14px;font-weight: 100;letter-spacing: 4px;}
.top01 .content .topDH h3{font-size: 24px;letter-spacing: 2px;color: #c29700;}

.top02{height:75px;width:100%;background-color:rgba(1,92,111,0.8);box-shadow: 0 0 10px #cdcdcd;}
.top02_center{}

.nav{width:auto;display: flex;justify-content: center}
.nav ul{width:100%;display: flex;}
.nav li{flex: 1; margin:0 5px 0 6px; text-align:center;}
.nav a{width:90px;height:42px;padding-top:30px;display:block;font-size:1.2em;color: #FFFFFF;position: relative;}
.nav li a:hover{}
.nav li a:after{content: "";display: block;position: absolute;left: 50%;right: 50%;bottom: -3px;height: 3px;opacity: 0;background-color: #EEEEEE; -webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav li a:hover:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}



.nav .sub{display:none;width:100%;padding:0;position:fixed;top:185px;overflow:hidden;text-align:left;z-index:999999;left:0px;background:rgba(248,248,248,.9);}
.nav .sub .nav_xiao{width:75%;overflow:hidden;padding:40px 20px 40px 20px;margin:0 auto;display: flex;min-width: 1200px;box-sizing: border-box;}
.nav .sub .nav_xiao .xiao_five{width:75%;overflow:hidden;display: flex;}
.nav .sub .nav_xiao .xiao_five img{width:auto;height:100%;transform: translateX(-50%);margin-left: 50%;}
.nav .sub .nav_xiao .xiao_five a{flex: 1; height:180px;padding:0;margin-right:45px;overflow: hidden;border-radius: 10px;}
.nav .sub .nav_xiao .xiao_five2{float: right;margin-right: 20px;text-align: left;width: 25%;margin-top:15px;}
.nav .sub .nav_xiao .xiao_five2 .A{width: 100%;height: 44px;border-bottom: dashed 1px #666;text-align: center;line-height: 44px;cursor: pointer;}
.nav .sub .nav_xiao .xiao_five2 .A:hover{letter-spacing: 2px;background-color: #3589ff;color: #fff;transition: all 0.3s;}

/*搜索*/
.nav li:last-child{display: flex;justify-content: center;}
.nav li:last-child a{width: 24px;}
.nav li:last-child a img{display: block;width: 100%;}

.nav-xiaoBJ{flex-direction: column;}
.nav-xiaoBJ h1{font-size: 30px;text-align: center;margin-top: 20px;margin-bottom: 20px;}
.nav-sou{width: 600px;height: 50px;margin-top: 20px; border: solid 1px #eee;background-color: #fff;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;padding: 0 20px;box-sizing: border-box;}
.nav-sou input{font-size: 14px;color: #A8A8A8;font-weight: 100;flex: 1;height: 50px;}
.nav-sou a{width: 30px;height: 30px;overflow: hidden;padding-top: 10px;}
.nav-sou a img{display: block;width: 100%;}


/*********************************banner*************************************/
.gallery-top{width:100%; height:auto; position: relative !important;left:0; z-index:9999;}
.gallery-top .swiper-slide{width:100%; height: auto; position:relative;background: #333;}
.gallery-top .swiper-slide img { width:100%; height:auto;opacity: .8}
.gallery-top .swiper-slide .hb{width:100%; height: auto;  position:absolute; left:0; top:0;}
.gallery-top .swiper-slide .dxs { display:block;}
.gallery-top .swiper-slide .sxs { display:none;}
.gallery-top .swiper-slide .wz{width:80%; color:#fff; text-shadow:2px 2px 2px #666; position:absolute; left:10%; top:42%; text-align:center}
.gallery-top .swiper-slide .wz h3{font-size:60px; letter-spacing:3px; line-height:100px;}
.gallery-top .swiper-slide .wz p{font-size:20px;  text-transform:uppercase; text-transform:uppercase;color: #fff; letter-spacing:1px; line-height:36px;}
.gallery-top .swiper-button-next { background:url(../images/yj.png) no-repeat center left; width:40px; height:80px;opacity: .5;}
.gallery-top .swiper-button-prev { background:url(../images/zj.png) no-repeat center right; width:40px; height:80px;opacity: .5;}
/****************************************************优势*************************************************/
.syys{background-color: #f8f8f8;padding: 80px 0;}
.syys .content{display: flex;}
.syys .content a{flex: 1;margin-right: 20px;box-shadow: 0 0 5px #eaeaea;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 30px 0;background-color: #ffffff;transition: all .3s;}
.syys .content a:last-child{margin-right: 0;}
.syys .content a .icon{width: 50px;height: 50px;overflow: hidden;margin-bottom: 20px;}
.syys .content a .icon img{width: 100%;height:auto;transition: all .3s;}
.syys .content a h1{font-size: 22px;transition: all .3s;}
.syys .content a span{display: block;width: 20px;height: 2px;background-color: #666;margin: 10px 0;transition: all .3s;}
.syys .content a p{color: #888888;transition: all .3s;}
.syys .content a:hover{background-color: #184a93;transition: all .3s;}
.syys .content a:hover h1,.syys .content a:hover p{color: #f8fbff;transition: all .3s;}
.syys .content a:hover span{background-color: #f8fbff;transition: all .3s;}
.syys .content a:hover .icon img{transform: translateY(-50.4%);transition: all .3s;}
/***************************************************解决方案*************************************************/
.jjfa{padding: 140px 0;background: url("../images/fzlc-sjz.jpg") no-repeat;background-attachment: fixed;}
.jjfa .content{}
.sybt{margin-bottom: 20px;display: flex;align-items: center;justify-content: space-between;}
.sybt h1{font-size: 40px;letter-spacing: 2px;display: flex;align-items: center;}
.sybt h1 span{font-size: 38px;color: #DBDBDB;margin-left: 20px;}
.sybt h1 em{display: inline-block;width:2px;height: 20px;background-color: #eee;margin-left: 20px;}
.sybt a{font-size: 16px;}
.jjfa-ul{display: flex;}
.jjfa-ul a{flex: 1;height: 220px;overflow: hidden;background-color: #333333;position: relative;}
.jjfa-ul a img.jjimg{height: 100%;width: auto;transform: translateX(-50%);margin-left: 50%;opacity: .8;transition: all 0.3s;}
.jjfa-ul a .txt{position: absolute;top: 0;top: 0;width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;transform: scale(0.9);transition: all 0.3s;}
.jjfa-ul a .txt h1{font-size: 20px;color: #ffffff;margin-top: 40px;line-height: 40px;}
.jjfa-ul a .txt p{font-size: 14px;color: #ffffff;line-height: 28px;}
.jjfa-ul a .txt .An{width: 40px;height: 40px;overflow: hidden;opacity: 0;transition: all 0.3s;}
.jjfa-ul a .txt .An img{display: block;width: 100%;}
.jjfa-ul a:hover img.jjimg{opacity: .2;transition: all 0.3s;}
.jjfa-ul a:hover .txt{transform: scale(1);transition: all 0.3s;}
.jjfa-ul a:hover .txt .An{opacity: 1;transition: all 0.3s;}
/****************************************************关于我们*************************************************/
/************首页标题公共样式结束************/
.sy-ywjs{width: 100%;height: auto;overflow: hidden;padding: 140px 0;}
/*首页标题和选项卡*/
.sydbt{margin-bottom: 30px;}
.sydbt h1{font-size: 40px;text-align: center;letter-spacing: 6px;margin-bottom: 10px;}
.sydbt h1 span{font-size: 40px;color: #89bb12;}
.sydbt h2{font-size: 16px;font-weight: 100;display: flex;align-items: center;justify-content: center;}
.sydbt h2 em{display: inline-block;width: 5px;height: 5px;background-color: #666666;border-radius: 50%;margin: 0 10px;}
.sydbt .xxk{display: flex;justify-content: center;margin-top: 20px;}
.sydbt .xxk a{padding: 10px 20px;border: solid 1px #ABABAB;margin: 0 5px;transition: all 0.3s;}
.sydbt .xxk a.on{background-color: #89bb12;border-color: #89bb12;color: #fff; }
.sydbt .xxk a:hover{background-color: #89bb12;border-color: #89bb12;color: #fff; transition: all 0.3s;}
/**/
.sy-ywjscon{display: flex;position: relative;}
h1.syabout-bt{font-size:28px;font-weight: 400;letter-spacing: 4px;}
.sy-ywjscon .tt{position: absolute;width: 160px;height: 160px;overflow: hidden;left: 50px;top: -50px;z-index: 1;}
.sy-ywjscon .tt img{display: block;width: 100%;height: 100%;}

.sYwjs-dtimg{flex: 1;position: relative;height: 500px;overflow: hidden;}
.sYwjs-dtimg img{width: auto;height: 100%;transform: translateX(-50%);margin-left: 50%;}

.sYwjs-txt{flex: 1; margin-left: 30px;position: relative;}
.about-p{width: 100%;height: 180px;overflow: hidden;margin-top: 20px;}
.about-p p{font-size:14px;font-weight: 100;line-height: 28px;margin-top: 10px; overflow:hidden;overflow:hidden; 
     text-overflow:ellipsis;
     display:-webkit-box; 
     -webkit-box-orient:vertical;
     -webkit-line-clamp:5;
}
.sYwjs-txt .sz{position: absolute; right: 0; display: flex;justify-content: space-between;background-color:rgba(0,34,38,.9);height: 140px;width: 130%; align-items: center;padding: 0 40px 0 30%;box-sizing: border-box;}
.sYwjs-txt .sz .wrap{width: 100%;}
.sYwjs-txt .sz .wrap .row{width: 100%; display:flex; align-items:center; justify-content:space-between;}
.sYwjs-txt .sz .wrap .row li{width: 25%;}
.wrap .row .n_r{}
.wrap .row .n_r p{color: #89bb12;}
.wrap .row .n_r .s_z{color: #89bb12;}
.wrap .row .n_r .s_z b{color: #89bb12;font-size: 30px}
.sYwjs-txt a{display: block;margin-top:180px;background-color: #7e7e7e;width: 200px;height: 60px;color: #fff;line-height: 60px;text-align: center;border-radius: 5px;transition: all 0.3s;}
.sYwjs-txt a:hover{background-color: #89bb12;color: #fff; transition: all 0.3s;}
/********************产品推荐************************/
.syCPtj{background:#f8f8f8;padding: 140px 0;}
.Box {position: relative;}
.Box .content {}
.Box h2 {text-align: center;}
.Box .Box_con {position: relative;}
.Box .Box_con .btnl {position: absolute;}
.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 80px;cursor: pointer;}
.Box .Box_con .btnl {background: url( "../images/jtl02.png") no-repeat center;left: -72px;}
.Box .Box_con .btnr {background: url( "../images/jtr02.png") no-repeat center;right: -72px;}
.Box .Box_con .btnl:hover {background: url( "../images/jtl03.png") no-repeat center;}
.Box .Box_con .btnr:hover {background: url("../images/jtr03.png") no-repeat center;}
.Box .Box_con .conbox {position: relative;overflow: hidden;}
.Box .Box_con .conbox ul {position: relative;list-style: none;display: flex;}
.Box .Box_con .conbox ul li {float: left;flex: 1; height: 240px;margin-left: 20px;overflow: hidden;}
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box .Box_con .conbox ul li img {display: block;width: auto;height:100%;transform: translateX(-50%);margin-left: 50%;}
.Box .Box_con .conbox ul li:hover img {}
/*暂隐藏的滑动条*/			
.Box .BoxSwitch {margin-top: 30px;text-align: center;display: none;}
.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
.Box .BoxSwitch span.cur {background: red;}

/*********************新闻动态************************/
.synews{padding: 140px 0;width: 100%;height: auto;overflow: hidden;background: url("../images/gybj.jpg") no-repeat;background-size: 100% 100%;background-attachment: fixed;}
.tab-block {width: 100%;height: 580px;margin: 50px auto 0;background-color: #FFF;border: 1px solid #e5e5e5;box-sizing: border-box;}
.tab-block.information-tab {height: 430px;}
.tab-block.information-tab .tabs {height: 380px;}
.tab-block .tab-buttons {width: 100%;height: 50px;background-color: #fafafa;display: flex;}
.tab-block .tab-buttons .tab-button {flex: 1; height: 50px;text-align: center;font-size: 16px;color: #ababab;border-bottom: solid 1px #eeeeee; line-height: 50px;position: relative;cursor: pointer;background-color: #ffffff;box-sizing: border-box;}
.tab-block .tab-buttons .tab-button.cur {background-color: #89bb12;color: #ffffff;}
.tab-block .tab-buttons .tab-button.cur:after {content: '';position: absolute;top: -1px;left: 0;width: 100%;height: 2px;background-color: #89bb12;box-sizing: border-box;}
.tab-block .tabs {width: 100%;height: 528px;box-sizing: border-box;}
.tab-block .tabs .tab-item {width: 100%;height: 100%;display: none;padding: 20px;box-sizing: border-box;}
.tab-block .tabs .tab-item.active {display: block;}
.information-tab .information-left {width: 39%;height: 340px;overflow: hidden;position: relative;float: left;}
.information-tab .information-left img {display: block; width: auto;height: 340px;transform: translateX(-50%);margin-left: 50%;}
.information-tab .information-left .left-bottom {position: absolute;bottom: 0;left: 0;width: 100%;height: 48px;line-height: 48px;background-color: rgba(0, 0, 0, .5);z-index: 2;color: #fff;padding: 0 14px;box-sizing: border-box;}
.information-tab .information-left .left-bottom .article-title {font-size: 18px;width: 70%;float: left;}
.information-tab .information-left .left-bottom .article-time {font-size: 14px;float: right;}
.information-tab .information-right {width: 59%;height: 340px;float: right;}
.information-tab .information-right .article-list {padding-top: 20px;}
.information-tab .information-right .article-list .article-link {
	display: block;padding: 0 20px;transition: all .7s ease 0s;
}
.information-tab .information-right .article-list .article-link .article-head span {
	display: inline-block;vertical-align: middle;
}
.information-tab .information-right .article-list .article-number {
	width: 20px;height: 20px;text-align: center;line-height: 20px;color: #fff;background-color: #999;font-size: 14px
}
.information-tab .information-right .article-list .article-title {
	font-size: 16px;color: #333;line-height: 20px;margin-left: 14px;width: 450px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap
}
.information-tab .information-right .article-list .article-time {
	float: right;font-size: 12px;color: #999;line-height: 20px
}
.information-tab .information-right .article-list .article-content {
	margin-top: 10px;padding-left: 44px;width: 450px;font-size: 14px;color: #666;line-height: 26px;display: none;transition: all .7s ease 0s;
}
.information-tab .information-right .article-list .article-content p {
	height: 52px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;
}
.information-tab .information-right .article-list:nth-of-type(1) .article-number, .information-tab .information-right .article-list:nth-of-type(2) .article-number, .information-tab .information-right .article-list:nth-of-type(3) .article-number {
	background-color: #333;transition: all .7s ease 0s;
}
.information-tab .information-right .article-list.current .article-link {
	background-color: #fafafc;
	padding: 20px;transition: all .7s ease 0s;
	
}
.information-tab .information-right .article-list.current .article-number {
	background-color: #89bb12!important
}
.information-tab .information-right .article-list.current .article-title {
	color: #89bb12;
}
.information-tab .information-right .article-list.current .article-content {
	display: block;transition: all .7s ease 0s;
}
.question-icon {
	width: 16px;height: 16px;display: inline-block;vertical-align: middle;background: url(../images/question-icon.png) center no-repeat;-ms-background-size: 16px 16px;background-size: 16px 16px;
}


/************************************底部*******************************************/
.dibu{width: 100%;height: auto;padding: 60px 0;background-color: #f4f4f4;;}
.dibu .content{height: auto; display: flex;flex-direction: column;align-items:center;justify-content: center;}
.dibulogo{width: 220px;margin-bottom: 40px;}
.dibulogo img{display: block;width: 100%;height: auto;}
.dibuyl{display: flex;}
.dibuyl a{border-right: solid 1px #ababab;color: #666666;padding: 0 10px;}
.dibuyl a:first-child{border-left: solid 1px #ababab;}
.dibu .content p{margin-top: 40px;color: #666666;}
.dibu .content p a{display: inline-block;color: #666666;}

.db-A{width: 100%;display: flex;justify-content: center;margin-top: 30px;}
.db-A a{width: 40px;height: 40px;border-radius: 35px;border: solid 1px #ababab;margin-right: 20px;}
.db-A a:last-child{margin-right: 0;}
.db-A a img{display: block;width: 50%;margin-left: 50%;margin-top: 50%;transform: translateX(-50%) translateY(-50%);}


/***************************************************内页************************************************************/
/***内页banner***/
.lbban{width: 100%;height: auto;position: relative;overflow: hidden; background-color: #000;}
.lbban img{display: block;width: 100%;height: auto;opacity: 0.6;}
.lbban-txt{position: absolute;transform: translateX(-50%) translateY(-50%);top: 50%;left: 50%;}
.lbban-txt h1{color: #fff;text-align: center;font-size: 40px;margin-bottom: 20px;}
.lbban-txt p{color: #fff;text-align: center;color: #ffa200;}

/********列表页*******/
.sxydt-mbxdh-sj{display: none;}
.sxydt-bt{display: none;}
.sxydt-mbxdh{width: 100%;height: 40px;background-color: #f8f8f8;border: solid 1px #eee;box-sizing: border-box;display: flex;align-items: center;}
.sxydt-mbxdh a{padding: 5px 10px;}
.sxydt-mbxdh a img{display: inline-block;float: left;width: 16px;height: 16px;margin-right: 5px;}

.lby{width: 100%;height: auto;overflow: hidden;margin: 0 auto;}
/*选项卡*/
.wblb-L{display: inline-block;float: left;width: 25%;padding: 40px;box-sizing: border-box;border: solid 1px #eee;}
.wblb-xxk{padding-bottom: 40px;margin-bottom: 40px;}
.wblb-xxk h1{font-size: 34px;margin-bottom: 20px;}
.wblb-xxk h1 span{font-weight: 100;margin-left: 10px;font-size: 20px;}
.wblb-xxk h2{font-size: 16px;display: flex;line-height: 40px;border-bottom: dashed 1px #eee;cursor: pointer;}
.wblb-xxk h2 span{margin-right: 10px;opacity: 0; transition: all 0.3s}

.wblb-xxk h2:hover{color: #333; transform: translateX(5px);transition: all 0.3s;}
.wblb-xxk h2:hover span{margin-right: 20px;opacity: 1; color: #89bb12;transition: all 0.3s}

.lb-sobox{margin-bottom: 80px;}
.lb-sou-kuang{width: 100%;height: 50px;border: solid 1px #eee;background-color: #f8f8f8;display: flex;justify-content: space-between;border-radius: 25px;}
.lb-sou-kuang input{font-size: 14px;line-height: 50px;margin-left: 20px;font-weight: 100;flex: 1;}
.lb-sou-kuang img{display: inline-block;width: 24px;height: 24px;margin-top: 13px;margin-right: 20px;}

.lb-zjxw{margin-bottom: 60px;}
.lb-zjxw h1.bt{font-size: 20px;display: flex;align-items: center;height: 40px;}
.lb-zjxw h1.bt img{display: inline-block;width: 20px;height: 20px;margin-right: 5px;}

.lb-zjxw .st{width: 100%;display: flex;border-bottom: dashed 1px #cccccc;padding-bottom: 20px;}
.lb-zjxw .st em{width: 40%;height: 100px;overflow: hidden;}
.lb-zjxw .st em img{height: 100%;width: auto;transform: translateX(-50%);margin-left: 50%;}
.lb-zjxw .st .ww{width: 60%;margin-left: 2%;}
.lb-zjxw .st .ww h1{font-size: 16px;border: none;margin: 0; overflow:hidden; 
     text-overflow:ellipsis;
     display:-webkit-box; 
     -webkit-box-orient:vertical;
     -webkit-line-clamp:1;
}
.lb-zjxw .st .ww h2{font-weight: 100;font-size: 14px;color: #7A7A7A; line-height: 24px;margin-top: 6px; overflow:hidden; 
     text-overflow:ellipsis;
     display:-webkit-box; 
     -webkit-box-orient:vertical;
     -webkit-line-clamp:3;}
.lb-zjxw h1{border-bottom: solid 1px #eee;}
.lb-zjxw h3{ display: block;width: 100%;height: 50px;overflow: hidden; display: flex;align-items: center; font-size: 16px;font-weight: 400;cursor: pointer;border-bottom: dashed 1px #cccccc;}
.lb-zjxw h3:hover{background-color: #f8f8f8;}
.lb-zjxw h3 span:nth-child(1){margin-right: 5px;}
.lb-zjxw h3 span:nth-child(2){flex: 1;font-size: 16px; margin-right: 20px;font-weight: bold;overflow:hidden; 
     text-overflow:ellipsis;
     display:-webkit-box; 
     -webkit-box-orient:vertical;
     -webkit-line-clamp:1;}
.lb-zjxw h3 span:nth-child(3){width: 40px;color: #ccc;}


.lblx{margin-right: 0;}
.lblx h3,.lb-zjxw h1{font-size: 20px;line-height: 30px;margin-bottom: 20px;}
.lblx h4{line-height: 30px;font-weight: 400;}
.lblx h4 img{display: inline-block;width: 16px;height: auto;float: left;margin-top: 8px; margin-right: 10px;}
/*列表内容*/
.lby-LI{
	 width: 75%;height: auto;overflow: hidden; display: flex;background-color: #ebebeb;flex-wrap: wrap;padding: 10px;box-sizing: border-box;
}
.lby-LI li{
	width: 32%;background-color: #fff;margin: 0.7%;
}
.lby-LI li:nth-child(3n){
	margin-right: 0;
}
.lby-LI-img{
	width: 100%;height: 300px;background-color: #333; overflow: hidden;border-bottom: solid 3px #FFF;transition: all 0.3s;position: relative;
}
.lby-LI-img img{
	display: block;height: 100%;width: auto;transform: translateX(-50%);margin-left: 50%;opacity: 1;transition: opacity 0.3s;
}
.lby-LI-img h2{position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);font-size: 16px;color: #fff;opacity: 0;transition: opacity 0.3s;}
.lby-LI-img h2 img{display: block;width:60px;height: auto;}
.lby-LI-img h5{
	position: absolute; top: 50%;left: 50%;transform: translateX(-50%) translateY(0);color: #fff;display: flex;opacity: 0;font-size: 16px;transition: all 0.3s;
}
.lby-LI-txt{
	width: 100%; height: 160px;background-color: #fff;padding: 20px;box-sizing: border-box;
}
.lby-LI-txt h1{font-size: 18px;overflow:hidden; 
     text-overflow:ellipsis;
     display:-webkit-box; 
     -webkit-box-orient:vertical;
     -webkit-line-clamp:1;
}
.lby-LI-txt p{font-size: 14px;font-weight: 100;line-height: 28px;margin-top: 10px;overflow:hidden; 
     text-overflow:ellipsis;
     display:-webkit-box; 
     -webkit-box-orient:vertical;
     -webkit-line-clamp:2;
}
.lby-LI-txt h4{font-size: 14px;font-weight: 100;margin-top: 10px;}

.lby-LI li:hover .lby-LI-img{border-bottom: solid 3px #014b70;transition: all 0.3s; }
.lby-LI li:hover .lby-LI-img img{opacity: 0.6;transition: opacity 0.3s;}
.lby-LI li:hover .lby-LI-img h5{transform: translateX(-50%) translateY(-50%);opacity: 1;transition: all 0.3s;}
.lby-LI li:hover .lby-LI-img h2{opacity: 1;transition: opacity 0.3s;}
/*翻页*/
.fanye{width: 100%;padding: 40px 0 60px; overflow: hidden;display: flex;justify-content: center;}
.fanye a{background-color: #f8f8f8;text-align: center;padding: 10px 20px;margin-right: 1px;border-radius: 20px;}
.fanye a:last-child{margin-right: 0;}
.fanye a:hover{transform: scale(1.05);background-color: #89bb12;color: #fff; transition: all 0.3s;}

/***************************************************详情页******************************************************/
.wblb-R{background-color: #FFFFFF;border-left: solid 1px #eee;border-right: solid 1px #eee; flex-direction: column;padding: 0;padding: 40px;box-sizing: border-box;padding-bottom: 40px;}
.wblb-R h1{font-size: 24px;line-height: 34px;margin-top: 40px;text-align: center;}
.wblb-R h2{font-size: 16px;font-weight: 100;margin-top: 40px;border-bottom: solid 1px #eee;margin-bottom: 10px;padding-bottom: 5px;}
.xqnr{}

.xqnr h3{font-size: 18px;margin: 10px 0;}
.xqnr p{line-height: 35px;}

/*分享*/
.xqdb{background-color: #f8f8f8;margin-top: 40px;}
.xqdb-An{display: flex;height: 40px;align-items: center;padding-left: 20px;border-bottom: solid 1px #eee;}
h4.fl{font-size: 15px;font-weight: 100;margin-right: 10px;}
.xqdb-An a{width: 24px;height: auto;position: relative;margin-right: 10px;}
.xqdb-An a img{display: block;width: 100%;}
.xqdb-An a img:last-child{position: absolute;top: 0;left: 0;opacity: 0;}

.xqdb-An a:hover img:last-child{opacity: 1;}

/*下一篇*/
.xqdb-next{width: 100%;height: 50x;overflow: hidden;padding: 20px;display: flex;box-sizing: border-box;}
.xqdb-next a{color: #fff;width: 140px;height: 44px;text-align: center;line-height: 44px;border-radius: 3px; margin-right: 20px;background-color: #6E6E6E;font-size: 16px;}
.xqdb-next a:hover{background-color: #89bb12;}
.xq-xian{width: 100%;height: 1px;background-color: #eee;margin-top: 40px;}