@charset "utf-8";

.navbar-header-custom {position: relative;display: flex;align-items: center;height: 60px;}
.navbar-header-custom:hover ol{display: block;}
.navbar-header i{display: inline-block;width: 14px;border-style: solid;border-color: #000 transparent transparent;border-width: 14px 14px 0;}
.navbar-header ol{display: none;position: absolute;top: 60px;right: 0;}
.navbar-header ol li{width: 126px;background-color: #fff;border-top:1px solid #1b1b1b;line-height: 40px;text-align: center;font-size: 18px;}
.navbar-header ol li a{color: #333;}

/* 清除默认样式 */
* {
    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;
    display: block;
    -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;text-transform: uppercase;}
.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: #710cb7;border-radius: 6px;color: #fff;}
.more a:hover{text-decoration: underline;}

.zhanpin ul{width: 1200px;margin:auto;display: grid;grid-template-columns: repeat(6, 1fr);grid-column-gap: 12px;}
.zhanpin ul li {overflow: hidden;position: relative;}
.zhanpin ul li p{font-size: 18px;text-align: center;}

.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{height: 450px; background: url(/pc/images/yiod.jpg) no-repeat;background-size: 1920px 450px;margin-top: 50px;}
.yiod .container{padding-top: 120px;}
.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;}


.portfolio{width: 1200px;margin: auto;}
.portfolio .portem{float: left;margin: 5px;position: relative;overflow: hidden;}
.portfolio .portem .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(31, 53, 72, 0.6);
}
.portfolio .portem:hover .portfo {
    opacity: 1;
}
.portfolio .portem .portfo h4 {
    font-size: 16px;
    color: #fff;
    font-weight: normal;
    padding: 20px;
    line-height: 30px;
}
.portfolio .portem 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(31, 53, 72, 0.6);
    margin-bottom: 0;
    -webkit-transition:all .4s;
    -moz-transition:all .4s;
    -ms-transition:all .4s;
    -o-transition:all .2s;
    transform:all .4s;
}
.portfolio .portem:hover p {
    background: none;
    -webkit-transition:all .4s;
    -moz-transition:all .4s;
    -ms-transition:all .4s;
    -o-transition:all .2s;
    transform:all .4s;
}


.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 .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 span{top:180px;}
.kdst li:hover .hl_c .l_more{bottom:25%;opacity:1;}

.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;}

.pseiu:hover #torak .hd a{display: block;}
#torak{position:relative;width: 1044px;margin:0 auto 50px;}
#torak .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;}
#torak .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);}
#torak .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;}
#torak .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;}
#torak .bd li{float:left;width: 500px;height: 276px;margin: 0 11px; display: flex;align-items: center;justify-content: center;overflow: hidden;border:1px solid #ddd;}
#torak .bd li>a{display: block;}

/*详情页*/
.writs{width: 1200px;margin: 136px auto;}
.writs .listl{float: left;width: 290px;position: relative;}
.writs .listl ul li{width: 288px;min-height: 26px;border: 1px solid #c9c9c9;padding: 9px 42px;}
.writs .listl ul li a{width: 100%;font-size: 20px;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: 20px;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: 20px;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: -220px;width: 100%;}
.writs .listl .isiue h1{color: #fff;font-size: 136px;text-align: center;line-height: 120px;}
.writs .listl .isiue .osdu{background: #fff;padding-top: 50px;}
.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;padding:20px;}
.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 .tneis li{border-bottom: 1px dashed #c2c2c2;padding-bottom: 10px;margin-bottom: 10px;}
.writs .listr .tneis a{font-size: 18px;line-height: 22px; color: #000;}
.writs .listr .tneis 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;}

.partner form{margin-bottom: 40px;}
.partner form input.kuang{border: 2px solid #000;width: 770px;height: 50px;padding-left: 10px;}
.partner form button{background-color: #fff;line-height: 46px;vertical-align: top;padding: 0 20px;}
.partner form ol{margin-top: 30px;}
.partner form ol li{float: left;font-size: 18px;margin-right: 23px;margin-bottom: 23px;}
.partner form ol li b{margin-left: 5px;font-weight: normal;}

footer{background: #000!important;padding: 40px 0 80px;}
footer .fmide{width: 1200px;margin:auto;display: grid;grid-auto-flow: column;justify-content: space-between;}
footer .footlogo{margin-bottom: 30px;}
footer ol{display: grid;grid-auto-flow: column;justify-content: space-between;gap:50px;}
footer ol li h6{font-size: 18px;font-weight: normal;color: #fff;}
footer ol li a{display: block;font-size: 14px;color: #fff;line-height: 2;}
footer ol li a:hover{color: #ff0000;}
footer ol li p{font-size: 14px;color: #fff;line-height: 2;}

footer .footiew{float: right;}
footer .footiew ul{display: grid;grid-auto-flow: column;justify-content: space-between;gap:30px;}
footer .footiew img{width: 100px;}
footer .footiew b{display: block;font-weight: lighter; font-size: 16px;text-align: center;color: #fff;margin-top: 6px;}
footer .footiew h6{font-size: 18px;font-weight: normal;color: #fff;margin-top: 30px;}
footer .footiew a{display: block;font-size: 14px;color: #fff;line-height: 2;}


.tup{width: 1200px;margin:0 auto 30px;}
.footbar p {font-size: 12px;color: #fff;text-align: center;}
.footbar 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: 440px;
    height: 80px;
    margin: auto;
}

.diow .elemZone .butn {
    background: #710cb7;
    z-index: 1;
    margin: 20px 46px 0;
}
.diow .elemZone .butn:hover {
    color: #710cb7;
}

.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;
}

/* 分页 */
.pagebar{overflow:hidden; width:100%; margin-bottom:30px; margin-top:10px;}
.pagebar .pagination {display: flex;justify-content: center;margin-top: 10px;}
.pagination li a {display: block; background: #fff;border: 1px solid #ccc;color: #333;font-size: 14px;padding: 8px 12px;margin: 0 5px;border-radius: 3px;}
.pagination li a:hover {color:#710cb7;border: 1px solid #710cb7;}
.pagination li span {display: block; color: #fff;background:#710cb7;font-size: 14px;padding: 8px 12px;margin: 0 5px;border-radius: 3px;}
.pagination li.disabled span{background: #fff;border: 1px solid #ccc;color: #333;}