@charset "utf-8";

/* 清除默认样式 */
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a{
    text-decoration: none;
    color: #616161;
}

em, i {
    font-style: normal;
}

ul, ol {list-style: none;}

a, img {
    /*阻止长按页面，弹出菜单的方法*/
    -webkit-touch-callout:none;
}

input, textarea {
    outline: none;
    border: none;
}

/* 禁止缩放表单 */
input[type="submit"], input[type="reset"], input[type="button"], input {
    resize: none;
    border: none;
}

/* 图片自适应 */
img {
    max-width: 100%;
    height: auto;
    border: 0;
    -ms-interpolation-mode: bicubic;/*为了照顾ie图片缩放失真*/
    vertical-align: middle;
}

.clearfix:after{
    content: "";
    display: block;
    height: 0;
    clear:both;
    visibility: hidden;
}

.sier{min-width: 1200px!important;}

.btsm{text-align: center;margin-top: 50px;margin-bottom: 10px;}
.btsm h1{font-size: 30px;line-height: 30px; font-weight: normal;margin-bottom: 0;}
.btsm em{font-size: 14px;line-height: 40px;}
.btsm p{width: 18px;border-bottom: 1px solid #696969;margin: auto;}

.more{text-align: center;margin: 20px;}
.more a{padding: 12px 34px;background: #18b7cd;border-radius: 6px;color: #fff;}
.more a:hover{text-decoration: underline;}

.iowerk{position: relative;}

.iowerk .uyop{position: absolute;bottom: 8%;left: 50%;margin-left: -184px;}
.iowerk .uyop .butn{background: #18b7cd;z-index: 1;}
.iowerk .uyop .butn:hover span{color: #18b7cd;}
.iowerk .uyop .butn:nth-child(2){margin-left: 100px;}

.iosdfl{margin-top: 50px;}
.iosdfl p img{display: inline-block;margin-right: 5px;vertical-align: text-bottom;}
.iosdfl p a{font-size: 14px;color: #212529;text-decoration: underline;cursor: pointer;}
.iosdfl p a:hover{color: #ff0000;}

.lzzsgl:hover{cursor: pointer;text-decoration: underline;}

.butn:after{background: #fff;}

.navbar{padding: 0!important;}

.tp-leftarrow.tparrows.hermes ,
.tp-rightarrow.tparrows.hermes ,
.tp-arr-allwrapper{
    display: none;
}

.ceons{margin-top: 30px;margin-bottom: 50px;}
.ceons .ciusm{display: inline-block;margin-right: 13px;vertical-align: top;margin-top: 11px; width: 110px;height: 32px;line-height: 32px;font-size: 16px; background: #00549f;color: #fff;border-radius: 5px;text-align: center;}
.ceons ul{display: inline-block; border: 1px dashed #ccc;margin-bottom: 0;}
.ceons ul li{float: left;width: 110px;height: 54px; display: flex;align-items: center;justify-content: center;}
.ceons ul li img{max-height: 33px;}
.yiod{display: grid;align-items: center; height: 446px; background: url(../images/yiod.jpg) no-repeat;background-size: 100%;margin-top: 50px;}
.yiod .counter-box img {width: 100px;margin: auto;}
.yiod .counter-box h4 {font-weight: normal;}
.yiod .counter-box p {font-weight: bold;}

.yiod .counter-box .separat{width: 18%;height: 1px;background: #fff;float: none;margin-left: auto;margin-right: auto; margin-top: 15px;margin-bottom: 15px;}

.exData{display: grid;grid-template-columns: repeat(3, 1fr);width: 1200px;margin:50px auto;}
.exData .tex {
    font-size: 64px;
    font-weight: bold;
    color: #71a652;
}
.exData p {
    font-weight: bold;
    text-align: center;
}
.exData P .areaM {
    font-size: 80px;
}
.exData p.textC {
    font-size: 30px;
}

.portfolio ul{width: 1200px;margin: auto;display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;}
.portfolio ul li{position: relative;overflow: hidden;}
.portfolio ul li img{transition-duration: 1s;}
.portfolio ul li:hover img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);transition-duration: 1s;}
.portfolio ul li p {
    width: 100%;
    line-height: 50px;
    font-size: 18px;
    font-weight: normal;
    overflow:hidden;
    text-align: center;
    color: #fff;
    position: absolute;
    bottom: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.4);
    margin-bottom: 0;
    -webkit-transition:all .4s;
    -moz-transition:all .4s;
    -ms-transition:all .4s;
    -o-transition:all .2s;
    transform:all .4s;
}
.portfolio ul li:hover p {
    background: none;
    -webkit-transition:all .4s;
    -moz-transition:all .4s;
    -ms-transition:all .4s;
    -o-transition:all .2s;
    transform:all .4s;
}
.portfolio ul li .portfo {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    opacity: 0;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    transition: 0.3s;
    text-align: center;
    background: rgba(0, 0, 0, 0.4);
}
.portfolio ul li:hover .portfo {
    opacity: 1;
}
.portfolio ul li .portfo h4 {
    font-size: 16px;
    color: #fff;
    font-weight: normal;
    padding: 20px;
    line-height: 30px;
}

.zhanqu{height: 640px;padding: 60px 0;}
.zjian{width: 1200px;margin: auto;}
.sideMenu{display: grid;grid-auto-flow: column;gap: 14px;margin-top: 30px;}
.buju{float: left;}
.sideMenu h3{cursor:pointer;float: left;overflow: hidden;}
.sideMenu h3 img{width: 188px;height: 377px;}
.sideMenu h3.on img{width: 0;-transition:width .6s;-moz-transition:width .6s; /* Firefox 4 */-webkit-transition:width .6s; /* Safari and Chrome */-o-transition:width 1s; /* Opera */}
.sideMenu ul{display:none;width: 0;overflow: hidden;}
.sideMenu h3.on + ul{width: 392px;-transition:width .6s;-moz-transition:width .6s; /* Firefox 4 */-webkit-transition:width .6s; /* Safari and Chrome */-o-transition:width 1s; /* Opera */}


.kdst{width:1200px;overflow:hidden;margin:auto;}
.kdst li{float:left;width: 274px;position:relative;overflow:hidden;margin-right: 34px;}
.kdst li:nth-child(4n){margin-right: 0;}
.kdst li img{float:left; width:100%;transition:all 2s;}
.kdst li:hover img{transform:scale(1.1, 1.1);}
.kdst li .hl_c{position:absolute;bottom:0;width:100%;height:50px;background:rgba(0,0,0,0.4); filter:alpha(opacity=70); overflow:hidden;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .2s;transform:all .4s;}
.kdst li .hl_c span{position:absolute;top: 0;width:100%;text-align:center;font-size:18px;font-weight: normal; color:#fff; line-height:50px; overflow:hidden;}
.kdst li .hl_c b{position:absolute;top: 210px;left: 50%;margin-left: -60px; display: block;color: #000; font-size: 16px;width: 100px;font-weight: normal; background-color: #fff; border-radius: 25px;padding: 2px 0;text-align: center;}
.kdst li:hover .hl_c span{top:150px;font-size: 28px;font-weight: bold;}
.kdst li .hl_c .l_more{position:absolute; left:50%; margin-left:-60px; bottom:-50px; width:120px; text-align:center; font-size:16px; color:#fff; line-height:40px; color:#4dbbaa; background:#fff;border-radius:6px;transition:all .3s ease;blr:expression(this.onFocus=this.blur());opacity:0;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transform:all .5s}
.kdst li:hover .hl_c{height:100%; padding:0;}
.kdst li:hover .hl_c .l_more{bottom:25%;opacity:1;}

.ppzs{min-width: 1200px; background: url(https://i.lisoexpo.com/efb_pc/ppzsbj.jpg) no-repeat;background-size: cover !important;position: relative;z-index: 1;}
.ppzs ul{width: 1200px;margin: auto;padding: 5px;}
.ppzs ul li{float: left;width: 170px;height: 84px; display: flex;align-items: center;justify-content: center;overflow: hidden; margin-top: 30px;}
.ppzs:after {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #3251c3;
    content: "";
    z-index: -1;
    opacity: .8;
}
.ppzs .tishi{width: 1200px;margin:15px auto 0;padding-bottom: 30px; text-align: right;color: #fff;font-size: 12px;}

.news{width:1200px;margin:auto}
.news ul{margin-top: 20px;}
.news ul li{width:350px;height:340px;float:left;margin-right:75px;box-shadow:0 0 10px 1px #d0cfcf;-webkit-transition:all .7s;-moz-transition:all .7s;-ms-transition:all .7s;-o-transition:all .8s;transform:all .7s;}
.news ul li:nth-child(3n){margin-right:0}
.news ul li div{width:350px;height:200px;overflow:hidden}
.news ul li p{display:block;width:290px;height:60px;margin:0 auto 2px;font-size:16px;color:#3e3a39;line-height:26px;margin-top:10px}
.news ul li b a{display:block;width:290px;height:30px;text-align: center; line-height:30px;font-weight:400;letter-spacing:2px;margin-left:15px;font-size:16px;color:#297f95;margin-top:5px}
.news ul li p a:hover{text-decoration: underline;color:#3e3a39;}
.news ul li b a:hover{text-decoration: underline;color:#297f95;}

.cooperation:hover #client .hd a{display: block;}
#client{position:relative;width: 1044px;margin:0 auto 100px;}
#client .hd .next{display: none; position: absolute;right: 45%;top: 50%;width: 74px;height: 74px;margin-top: -37px;margin-right: -600px;background-color: rgba(0,0,0,.3);z-index: 7;transition: background 0.3s linear 0s;-webkit-transition: background 0.3s linear 0s;}
#client .hd .next i{display: block;width: 26px;height: 48px;margin-left: 24px;margin-top: 13px;background: url(https://i.lisoexpo.com/sce_pc/banner_arr.png) no-repeat;transform: rotate(180deg);-webkit-transform: rotate(180deg);}
#client .hd .prev{display: none; position: absolute;left: 45%;top: 50%;width: 74px;height: 74px;margin-top: -37px;margin-left: -600px;background-color: rgba(0,0,0,.3);z-index: 7;transition: background 0.3s linear 0s;-webkit-transition: background 0.3s linear 0s;}
#client .hd .prev i{display: block;width: 26px;height: 48px;margin-left: 24px;margin-top: 13px;background: url(https://i.lisoexpo.com/sce_pc/banner_arr.png) no-repeat;}
#client .bd li{float:left;width: 164px;height: 62px;display: flex;align-items: center;justify-content: center;overflow: hidden; margin:5px;border:1px solid #ddd;}
#client .bd li>a{display: block;}

/*详情页*/
.writs{width: 1200px;margin: 50px auto;} 
.writs .listl{float: left;width: 290px;position: relative;}
.writs .listl ul li{width: 288px;height: 58px;border: 1px solid #c9c9c9;padding: 17px 42px;}
.writs .listl ul li a{width: 100%;font-size: 18px;line-height: 19px;color: #666;-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;-o-transition:all .6s;transform:all .6s;}
.writs .listl ul li a span{display: none; font-size: 18px;text-transform: uppercase;}
.writs .listl ul li a img{float: right;margin-top: 6px;}
.writs .listl ul li.active{border: 1px solid #999;}
.writs .listl ul li.active a{font-size: 18px;color: #187fc4;font-weight: normal;}
.writs .listl ul li.active a span{display: inline-block;}
.writs .listl ul li.active a img{display: none;}
.writs .listl ul li:hover{border: 1px solid #999;}
.writs .listl ul li:hover a{font-size: 23px;color: #187fc4;font-weight: normal;-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;-o-transition:all .6s;transform:all .6s;}
.writs .listl ul li:hover a span{display: inline-block;}
.writs .listl ul li:hover a img{display: none;}
.writs .listl .isiue{position: absolute;top: -200px;width: 100%;}
.writs .listl .isiue h1{color: #fff;font-size: 136px;text-align: center;line-height: 120px;}
.writs .listl .isiue .osdu{background: #fff;padding: 30px 0;}
.writs .listl .isiue .osdu h2{color: #000;font-size: 50px;text-align: center;}
.writs .listl .isiue .osdu h6{color: #000;font-size: 12px;text-transform: uppercase;text-align: center;letter-spacing: 2px;}
.writs .listl .lsdei{padding: 25px;}
.writs .listl .lsdei .butn{z-index: 1!important;}
.writs .listl .lsdei span{font-size: 19px;}
.writs .listl .lsdei .zw{background: #006ab7;width: 100%;margin-bottom: 20px;}
.writs .listl .lsdei .zw:after{background: #f08300;color: #006ab7;}
.writs .listl .lsdei .gz{background: #f08300;width: 100%;}
.writs .listl .lsdei .gz:after{background: #006ab7;}
.writs .listr{float: right;width: 860px;padding-top: 9px;}
.writs .listr h1{font-size: 24px;text-align: center;}
.writs .listr .yiosi{border-bottom: 2px solid #000;padding-bottom: 5px;margin-bottom: 50px;}
.writs .listr .yiosi h3{float: left; font-size: 26px;font-weight: normal;margin-bottom: 0;}
.writs .listr .yiosi h3 span{font-size: 22px;text-transform: uppercase;}
.writs .listr .yiosi p{float: right;margin-bottom: 0;margin-top: 9px;font-size: 14px;}
.writs .listr .yiosi a{color:#212529;font-weight: normal;}
.writs .listr .yiosi a:hover{text-decoration: underline;}

.news_rq1 {
    width: 160px;
    overflow: hidden;
    float: left;
}
.news_rq1 b {
    color: #999;
    font-size: 14px;
    font-weight: lighter;
}
.news_rq2 {
    width: 100px;
    overflow: hidden;
    float: left;
    font-size: 13px;
    color: #999;
    margin-top: 3px;
    margin-left: 10px;
}
.news_rq2 span {
    display: block;
    float: left;
    width: 12px;
    height: 20px;
    font-size: 14px;
    overflow: hidden;
    background: url(https://i.lisoexpo.com/efb_pc/ico_news4.png) left center no-repeat;
}

.writs .listr .downs li{padding: 5px 20px;}
.writs .listr .downs li:nth-child(odd){background: #efefef;}
.writs .listr .downs li {font-size: 18px;color: #000;line-height: 54px;}
.writs .listr .downs li a{float: right; font-size: 18px;color: #000;line-height: 54px;}
.writs .listr .downs li:hover a{text-decoration: underline;}

.writs .listr .neis li{margin-bottom: 30px;}
.writs .listr .neis .uowtl {float: left; overflow: hidden;width: 266px;height: 130px;display: flex;align-items: center;justify-content: center;}
.writs .listr .neis .uowtr{float: right; width: 570px;}
.writs .listr .neis .uowtr h2 a{font-size: 18px;line-height: 22px; color: #000;}
.writs .listr .neis .uowtr h2 a:hover{text-decoration: underline;color: #18b7cd;}
.writs .listr .neis .uowtr p{height: 60px; font-size: 14px;color: #3e3a39;margin:12px 0;}
.writs .listr .neis .uowtr .mores{padding-top: 8px; border-top: 1px dashed #c2c2c2;}
.writs .listr .neis .uowtr .mores b{float: left; font-size: 14px;color: #000;}
.writs .listr .neis .uowtr .mores em a{float: right;font-size: 14px;font-style: normal;color: #000;}
.writs .listr .neis .uowtr .mores em a:hover{text-decoration: underline;color: #18b7cd;}

.writs .listr .meitis{margin:10px 0}
.writs .listr .meitis li{float: left;display: flex;align-items: center;justify-content: center; width: 197px;height: 88px; padding: 9px;margin-right: 24px;margin-bottom: 24px; border: 1px solid #ccc;}
.writs .listr .meitis li:nth-child(4n){margin-right: 0;}

footer{background: #000!important;padding: 80px 0;}
footer .container{min-width: 1200px;}
footer .footnav{float: left;width: 600px;}
footer .footnav .footlogo img{height: 80px;}
footer .footnav>ol{margin-top: 58px;}
footer .footnav>ol>li{float: left;margin-right: 40px;}
footer .footnav>ol>li>h6{font-size: 16px;font-weight: normal;color: #fff;}
footer .footnav>ol>li>ul>li>a{display: block; font-size: 14px;text-align: center;line-height: 22px;color: #fff;}
footer .footnav>ol>li>ul>li>a:hover{color: #ff0000;}

footer .footiew{float: right;}
footer .footiew .haio{float: left;width: 100px;margin-right: 60px;}
footer .footiew .haio p{font-size: 16px;text-align: center;color: #fff;margin-top: 6px;}

footer .footiew .isow h6{margin-top: 20px; font-size: 14px;font-weight: normal;color: #fff;}
footer .footiew .isow p{font-size: 12px;color: #fff;}

.footer-bar{background: #000!important;}
.footer-bar p {font-size: 12px;color: #fff;}
.footer-bar p a{color: #fff;font-size: 12px;}

.scroll-to-top{width: 55px!important;height: 53px!important; border: none!important; background: url(https://i.lisoexpo.com/efb_pc/back2top.png) center no-repeat!important;}

.diow {
    display: block;
    z-index: 999;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,.7);
    transition: all .6s;
}

.diow .elemZone {
    position: relative;
    width: 681px;
    height: 80px;
    margin: auto;
}

.diow .elemZone .butn {
    background: #18b7cd;
    z-index: 1;
    margin: 20px 50px 0;
}
.diow .elemZone .butn:hover {
    color: #18b7cd;   
}

.diow .blclose{
    display: none; 
    background: url(https://i.lisoexpo.com/efb_pc/vbg01.png) no-repeat;
    z-index: 8;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 33px;
    height: 33px;
    cursor: pointer;
}

.botw {
    width: 100px;
    height: 112px;
    position: fixed;
    left:-100px;
    bottom: 0;
    display: block;
    cursor: pointer;
    transition: all .5s;
}