@CHARSET "UTF-8";

body {background: #fff;}

#backtotop {position: fixed;bottom: 50px;right: 20px;display: none;cursor: pointer;font-size: 50px;z-index: 9999;}

#backtotop:hover {color: #333}

section.en{display:none}

section.zh-cn{display:block}



.logo{position:relative;clear:both;overflow:hidden;font-size:36px;font-weight:bold;color:#010101;}

.logo img{float:left;margin-right:20px}

.logo a{font-size: 2rem;}

.logo .-en{font-size:18px;font-size: 1rem;font-family:Georgia;padding-top:5px;color:#757575;}



.banner{position:relative;/* height:600px; */width:100%;}

.banner .owl-nav{position:absolute;top: 40%;width: 100%;}

.banner .owl-nav .owl-prev{left:10%;position:absolute}

.banner .owl-nav .owl-next{right:10%;position:absolute}

.banner .owl-nav i{font-size: 24px;color: rgba(255,255,255,.75);font-weight: bold;}

.owl-carousel .owl-item div{height:600px;background-position: center;background-repeat: no-repeat;background-size: contain;}



.nav_wrap{background:#e7e7e7;}

.layui-nav{background:#e7e7e7;max-width:1200px;margin: auto;}

.layui-nav .layui-nav-item a{color:#333;font-size:16px;text-align: center;}

.nav_wrap .layui-nav .layui-this > a{font-weight:bold}



.layui-nav > .layui-nav-item{width:11.11%; }

.layui-nav > .layui-nav-item > a:hover{font-weight:bold;color:#ef7d00;text-shadow: 1px 0rem 1px white, -1px 0rem 1px white, 0rem 1px 1px white, 0rem -1px 1px white;}

.layui-nav > .layui-nav-item > a::after{content:"/";font-size:22px;position:absolute;right: -4px;color:#a9a8a8;}

.layui-nav > .layui-nav-item > a::after:hover{text-shadow:0}

.layui-nav .layui-nav-more{right: 8%;font-size: 12px;}

.layui-nav-bar{background:#ef7d00;height:2px}

.layui-nav .search{display:inline-block;text-align:center;position: relative;vertical-align: middle;line-height: 60px;width: 11.11%;cursor: pointer;z-index: 9999;}

.layui-nav .search .search_form{transition: all .5s;opacity: 0;position: absolute;right: 0;top: 6px;}

.layui-nav .search:hover .search_form{opacity: 1;display: block;width: 100%;top: 50px;}

.layui-nav .search .search_form form{position:absolute;width: 200%;left: -100%;background: rgb(73 9 94 / 40%);height: 40px;bottom: -44px;border-radius: 4px;}



.layui-nav .search .search_form form .form-control{width:80%;position:absolute;left: 6px;top: 6px;height: 60%;}

.layui-nav .search .search_form form .btn{width:20%;position:absolute;right: 6px;top: 6px;height: 71%;}

.toptel{text-align: right;background-image:url(/themes/lipp_com_cn/public/assets/images/top_tel.png);background-repeat:no-repeat;background-position:center left;width: 40%;height:53px;float: right;transition: all .3s;background-size: 23%;margin-top: 12px;}

.toptel:hover{background-position-x: 5%;}

.toptel div{text-align:left;color:#39923d;padding-left:33%}

.toptel a{font-size: 24px;font-weight: bold;}



.language{text-align:right;line-height:3em;border-bottom:1px solid #EEEDF2;font-size:12px;color:#999}

.language img{vertical-align: middle; position:relative;top:-2px;width:30px;height:20px;margin-right:5px}

.language span{padding:0 1em;font-size: 12px}

.language a{padding:0 .5em;font-size: 16px;font-weight: bold;}

.language span img{width:auto;height:auto}

.icon_group{background-color:#fff;margin-top: -75px;padding: 40px 10px;text-align:center;box-shadow: 0 2px 8px #f3f2f2;font-size: 16px;margin-bottom: 40px;}

.title1{position:relative;text-align:center;margin-bottom: 3em;z-index: 2;}

.title1 h2{font-family: MicrosoftYaHei-Bold;font-size: 40px;font-weight:bold;font-stretch: normal;line-height: 2em;letter-spacing: -1px;color: #000;}

.title1 p{font-size:18px;display: inline-block;position: relative;background-color: #fff;padding: 0 .5em;}

.title1 .line1{display:block;border-bottom:3px solid #f68100;position: absolute;top: 12px;left: -30px;right: -30px;z-index: -1;}

.title1 .line2{position: absolute;display: block;border-bottom: 1px solid #e7e7e7;left: 0;right: 0;bottom: 10px;z-index: -2;}



.sbg{background-image:url(/themes/lipp_com_cn/public/assets/images/sbg.jpg);background-position: center;background-size:cover;background-repeat:no-repeat;padding: 0 0 5em 0;}

.sbg h3{font-size:18px;position: relative;color:#000;margin-bottom: 1.5em;}

.sbg .title_icon{background-color:#093e5e;width:18px;height:18px;display: inline-block;position: relative;top: 2px;}

.sbg .jianjie{font-size:16px; line-height:2em;text-indent: 2em;text-align:justify}

.movie video{margin: 0 0 0 auto;display:block;object-fit: fill;cursor: pointer;}

.sbg .-more{width:154px;height:40px; line-height:40px; display:block; text-align:center;margin:2em 0 0;color:#fff;background-color:#f68100}

.icon_group2{margin-top:4em}

.icon_group2 .-icon{text-align:center;width:160px;height:192px;line-height: 220px;margin: auto;position: relative;display: block;font-size: 16px;font-weight: bold;}

.icon_group2 .-icon img{display:block;margin:auto;position:absolute;left: 40.5%;top: 29%;transition:transform 1.5s}

.icon_group2 .-icon:hover img{transform: rotateY(360deg);}

.icon_group2 .layui-col-md3:nth-child(odd) .-icon{background-image:url(/themes/lipp_com_cn/public/assets/images/icon_bg_1.png);background-repeat:no-repeat;}

.icon_group2 .layui-col-md3:nth-child(even) .-icon{background-image:url(/themes/lipp_com_cn/public/assets/images/icon_bg_2.png);background-repeat:no-repeat;color:#fff}



.case_menu{clear:both;overflow:hidden}

.case_menu li{width:20%;float:left;text-align:center}

.case_menu li a{display:block;border-right:1px solid #fff;background-color:#093e5e;color:#fff;height:47px;line-height:47px;transition:all .3s;font-size: 18px;}

.case_menu li a:hover{background-color:#f0880f}



.case_tab{clear:both;overflow:hidden}

.case_tab .layui-tab-title li{width:20%;padding: 0;text-align:center;}

.case_tab .layui-tab-title li a{display:block;border-right:1px solid #fff;background-color:#093e5e;color:#fff;height:47px;line-height:47px;transition:all .3s;font-size: 18px;}

.case_tab .layui-tab-title li.layui-this a{font-weight:normal}

.case_tab .layui-tab-title li a:hover, .case_tab .layui-tab-title .layui-this a{background-color:#f0880f}

.case_tab .layui-tab-title .layui-this:after{display:none}

.case_tab .layui-tab-content{padding:0}











.case_list{clear:both;overflow:hidden;margin-left: -3.01%;padding-top: 2em;}

.case_list .-item{display:block;width: 30.333333%;float:left;position:relative;margin-left: 3%;margin-bottom: 43px;overflow:hidden}

.case_list .-item .-thumb{background-repeat:no-repeat;background-size:cover;background-position:center;transition:all .3s;height: 305px;transform:scale(1);}

.case_list .-item .-thumb img{opacity: 0;}

.case_list .-item:hover .-thumb{transform:scale(1.2);}

.case_list .-item .-title{position:absolute;left:0;right:0;bottom:0;height:33px;line-height: 33px;font-size:18px;background-color:rgb(9,62,94,.75);text-align:center;color:#fff;display: none;}



.banner_full{height: 243px;position:relative;margin-bottom: 4vw;}

.banner_full .-txt{color:#fff;position:absolute;top: 22%;left: 32.5%;right: 20%;text-align:right;}

.banner_full .-txt h3{font-size: 29px;font-size: 1.5vw;font-weight:bold;padding-bottom: 16px;transform:scale(1);transition:all .4s;}

.banner_full .-txt .-tel{font-size:22px;font-size:1.2vw;color:#fff;text-align:right;border-top: 1px solid #ccc;}

.banner_full .-txt .-tel i{font-size:42px;margin:0 10px;position:relative;top:10px;color:#fff}

.banner_full .-txt .-tel a{padding-left:.7em;color:#f68100;font-weight:bold;font-size:30px;font-size:2vw;transition:all .4s;position: relative;top: 4px;}

.banner_full .-txt .-tel a:hover{font-size:2.2vw;color:#ff2020;text-shadow:1px 1px 4px #FFC107}



.banner_full .-item{position:absolute;max-width:30%;bottom: 10px;transition:all .4s;}

.banner_full:hover .-item{max-width: 31%;}

.banner_full:hover .-bg .blue_block{transform: rotateZ(0deg);right: -3%;}

.banner_full:hover .-txt h3{text-shadow:0 2px 4px #fd9801;color:#fff300;transform: scale(1.1);}



.banner_full .-bg{position:absolute;z-index: -1;left:0;right:0;bottom: 0;height: 269px;background-color: #ffffff;overflow: hidden;}

.banner_full .black_bg{background-color:#000;position: absolute;left: 0;right: 0;bottom: 10px;height: 240px;}

.banner_full .blue_block{background-color:#093e5e;width: 350px;height: 800px;position: absolute;right: -5%;top: -70%;transform: rotateZ(35deg);transition: all .5s;}

@media screen and (max-width: 1400px){

    .banner_full .-txt{

        top: 19%;

        left: 20%;

        right: 5%;

        padding: 10px 30px 30px 10px;

        border-radius: 10px;

        background-color: rgb(31 38 60 / 35%);

    }

    .banner_full .-txt h3{font-size: 24px;}

    .banner_full:hover .-txt h3{text-align:center}

    .banner_full .-item{

        max-width: 50%;

    }

    .banner_full .-bg .blue_block{transition: all .7s;right:-20%;}

    .banner_full:hover .-bg .blue_block{right:100%;width:200%;opacity:0}

}



.news{width:95%}

.news .-title{position:relative;border-bottom:1px solid #e7e7e7;height:62px}

.news .-title .-en{font-size:16px;color:#d2d2d2;/* font-weight:bold; */padding-bottom: 8px;font-family: Georgia;}

.news .-title h3{font-size:16px;color:#000;font-weight:bold}

.news .-title .-more{position:absolute;right:0;bottom: 14px;}

.news .-title .-more i{color:#093e5e;font-size: 20px;transition:transform .5s;}

.news .-title .-more i:hover{transform: rotateZ(180deg);}

.news .-top{padding: 24px 0;border-bottom: 1px solid #e7e7e7;overflow: hidden;clear: both;display: block;}

.news .-top .-thumb{float: left;margin-right: 2em;width: 150px;height: 115px;}

.news .-top .-date{color: #273333;font-size: 32px;font-weight: bold;}

.news .-top h4{padding-bottom:.5em;font-weight: bold;}

.news .-top p{color: #989797; height:38px; overflow:hidden;text-overflow:ellipsis}

.news ul{padding:1em 0}

.news ul li{position:relative;overflow:hidden;clear:both}

.news ul li i{position: relative;top: -7px;}

.news ul li a{padding-left: .5em;display: inline-block;max-width: 80%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 24px;}

.news ul li span{float:right;color:#989797;line-height: 24px;}



.bottom_nav{text-align: center;border-bottom: 1px solid #8897a5;padding-bottom:16px;margin-bottom:32px;}

.bottom_nav li{display: inline-block;padding:0 2em;}

.bottom_nav li a{font-size:16px; line-height: 2em}



#footer{padding:2em;background-color:#093e5e;color:#8897a5;overflow: hidden;clear: both;}

#footer a{color:#8897a5}

#footer .links{border-bottom:1px solid #8897a5;padding:0 0 1em;margin-bottom:2em}

#footer .links strong{font-weight: bold}

#footer .line{width:80px;margin-top:1em;}

#footer .bottom_info{line-height:2em}

#footer .qrcode{display:inline-block;float:right;margin-left:30px;padding:10px;border:1px solid #ccc}

#footer .qrcode img{max-width:100px}



.title2{position:relative;text-align:center;margin-bottom: 4em;}

.title2 h2{font-size:30px;font-weight:bold;line-height:1.5em;border-bottom:3px solid #f68100;width:max-content;margin:auto;position:relative;top:80px}

.title2 .-en{font-size:60px;color:#e1e1e1;font-weight:bold}



#about .article_content{line-height:2em;font-size:16px;}

#about .article_content p{padding-bottom:1em}



#about .history{padding: 4em 0 4em 0;margin: 2em auto 0;text-align:center;background-color: #093e5e;}

#about .history img{max-width:100%}



#about .imglist{overflow:hidden;clear:both;margin: 0 -10px 2em -10px;}

#about .imglist div a{width: 95%;margin: 10px auto;display: block;min-height: 256px;}

#about .imglist div a img{width:100%;min-height: 256px;}

#about .imglist .col4{width:33.333333%;display:block;float:left}

#about .imglist .col3{width:25%;display:block;float:left}



.qywh{background-image:url(/themes/lipp_com_cn/public/assets/images/qywh.jpg);background-repeat: no-repeat;background-position: center bottom}

.qywh a:hover{color:#333}

.qywh h3{

    font-size: 18px;

    font-weight: bold;

    line-height: 2em;

}

.qywh p{

    font-size: 16px;

    line-height: 2em;

    padding-bottom: 1em;

}





#case_list .owl-item{height:280px}

#case_list .owl-item .-img{position:relative;background-repeat:no-repeat;background-position:center;background-size:cover;display: block;height: 100%;cursor:pointer}

#case_list .owl-item .-img h3{position:absolute;bottom:0;left:0;right:0;line-height:3em;text-align:center;color:#fff;background-color: rgb(9 62 94 / .75);transition:all .4s;display: none;}

#case_list .owl-item .-img:hover h3{opacity:0;bottom:-3em}

#case_list .owl-item .-img img{height:100%;transition:all .4s;opacity}

#case_list .owl-item .-img:hover img{}



#case_list .-bg{/* background-color:#fbfbfb; *//* padding:4em 0; *//* margin-top: 4em; */}



.caselist{overflow:hidden}

.caselist .layui-container{position:relative;z-index:1}

.caselist .-bg{position:relative;padding: 6em 0 6em 0;overflow: hidden-x;}



.caselist .-bg:nth-child(1){padding-top:4em;}

.caselist .-bg:nth-child(2){}

.caselist .-bg:nth-child(2) .-block{

    background: #fbfbfb;

    width: 4000px;

    position:absolute;

    height: 600px;

    transform: rotateZ(-8deg);

    z-index: 0;

    top: 0;

    right: -1500px;

}



.caselist .-bg:last-child{padding-bottom: 13em;}

.caselist .-bg:nth-child(4) .-block{

    background: #fbfbfb;

    width: 4000px;

    position:absolute;

    height: 600px;

    transform: rotateZ(8deg);

    z-index: 0;

    top: 0;

    left: -1500px;

}







.dgtd{overflow:hidden;height:590px;padding:5em 0}

.dgtd .-item{overflow:hidden;clear:both;position:relative;padding:.5em 1em 4em 9em}

.dgtd .-item img{position:absolute;left:0}

.dgtd .-item h3{font-size:18px;font-weight:bold;margin-bottom:.5em}

.dgtd .-item p{font-size:16px;line-height:2em}



#ep_page .-bg{background-color:#f8f8f8;padding:4em 0;}

#ep_page .banner{margin:2em 0}

#ep_page .owl-carousel .owl-item div{height:auto}

#ep_page .owl-carousel .owl-item div img{/* height:305px */}



#ep_page #products .-items{overflow: hidden;clear: both;width: 100%;margin-left: -2.5%;padding-top:20px;}

#ep_page #products .-item{

    width: 45%;

    height: 210px;

    float:left;

    display: block;

    background-color: #f8f8f8;

    margin-bottom: 3em;

    position: relative;

    margin-top: 20px;

    margin-left: 4%;

    box-shadow: 2px 2px 4px 0px hsl(0deg 0% 0% / 43%);

}

#ep_page #products .-item:hover .-thumb{transform:scale(1.1)}

#ep_page #products .-item .-thumb{

    height: 230px;

    width: 290px;

    background-repeat: no-repeat;

    background-size: cover;

    margin-right: 2em;

    position: absolute;

    bottom: 0;

    transition:all .4s

}

#ep_page #products .-item h3{

    padding-top: 1em;

    padding-left: 60%;

    padding-right: 1em;

    font-size: 16px;

}

#ep_page #products .-item .-more{

    width: 140px;

    height: 40px;

    line-height: 40px;

    position: absolute;

    right: 1.2em;

    bottom: 1em;

    background-color: #f68100;

    text-align: center;

    color: #fff;

}



#service_page .-bg{background-image:url(/themes/lipp_com_cn/public/assets/images/sbg.jpg);background-position:center;padding:4em 0 0 0;}

#service_page .banner2{position:relative;text-align: center;}

#service_page .banner2 img{max-width:100%}

#service_page .article_content{line-height:2em;font-size:16px;padding:2em}

#service_page .fwfw .-item{width:95%;display:block;margin: 10px auto;transition:all .5s;}

#service_page .fwfw .layui-col-md4:first-child .-item:hover{transform:none;box-shadow:none}

#service_page .fwfw .-item:hover{transform: scale(1.1);z-index: 2;position: relative;box-shadow: 0 5px 20px 1px rgb(0 0 0 / 60%);}



#service_page .guestbook{background-color:rgb(76 76 76 / 68%);padding:3em;margin-bottom:3em;border-radius:10px;color:#fff}

#service_page .guestbook .messlist input{background-color:rgb(255 255 255 / 76%);line-height: 2.5em;height: 2.5em;border-radius: 5px;padding-left:20px;border:2px solid #fff;}

#service_page .guestbook .messlist label{font-size:16px}

#service_page .guestbook .messlist{height:3em}  

#service_page .guestbook .section-title{display:none}

#service_page .guestbook .textareas{height:auto}

#service_page .guestbook .textareas textarea{background-color:rgb(255 255 255 / 76%);border-radius: 5px;padding:10px 20px;border:2px solid #fff;width: 40%;}

#service_page .guestbook .text{position:absolute;right: 5%;top:15%;line-height:2;}

#service_page .guestbook .text h2{font-size:24px;font-weight:bold;margin-bottom:.5em}

#service_page .guestbook .text h3,#service_page .guestbook .text p{font-size:18px;font-weight: normal;}



#skill_page .article_content{line-height:2em;font-size:16px;padding:2em}

#skill_page .banner2{overflow:visible;clear:both;background: #fbfbfb;position: relative;margin: 5em auto;height: 340px;}

#skill_page .banner2 .-img{width: 50%;background-color:#093e5e;position: absolute;top: 0;height: 340px;}

#skill_page .banner2 .-img img{max-width:100%;position: absolute;right: 0;top: -96px;}

#skill_page .banner2 .-text{left: 50%;position: absolute;right: 0;background-color: #fbfbfb;height: 340px;overflow: hidden;}

#skill_page .banner2 .-text > div{padding: 2.5em 2.5em 0;font-size: 16px;line-height: 2em;color:#505050}

#skill_page .banner2 .-text strong{color:#000;font-weight:bold}

#skill_page .lpgy .-item{padding-left: 9em;line-height:4em;font-size:16px;white-space: nowrap;}

#skill_page .-bg{background-color: #fbfbfb;padding-bottom:5em;padding-top:3em;}

#skill_page .-item i{color:#f68100;margin-right:.5em}

#skill_page .-item strong{font-weight:bold}





.my-tab{margin: 2em auto 3em auto;}

.my-tab .layui-tab-item{padding-top: 2rem;}

.my-tab .layui-tab-content{padding: 0;}

.my-tab .layui-tab-title{max-width: 1200px;margin:auto;text-align: left;height: 60px;border-bottom: none;}

.my-tab .layui-tab-title li{font-size: 20px;line-height: 60px;height: 60px;min-width: 8em;background-color: #fbfbfb;border-right: 1px solid #ececec;}

.my-tab .layui-tab-title li.layui-this{font-size: 20px;background-color: #f68100;color: #fff;font-weight: normal;overflow: hidden;}

.my-tab .layui-this:after{display: block;width: 30px;height: 30px;background-color: #fff;position: absolute;left: 42%;border: none !important;top: 95%;transform: rotateZ(45deg);}





.submenu{overflow:hidden;clear:both;display: block;margin: 20px 0;}

.submenu a.layui-btn{height:60px;line-height:60px;min-width:8em;font-size:20px;background: #093e5e;color: #fff;}

.submenu a.layui-btn:hover{opacity:1;background-color:#f68100;position: relative;}

.submenu a.layui-btn:hover i{display: block;position:absolute;width: 70px;background: #fbfbfb;height: 70px;transform: rotateZ(45deg);left: 29.5%;bottom: -75px;}

.submenu a.active{opacity:1;background-color:#f68100;position: relative;}

.submenu a.active i{display: block;position:absolute;width: 70px;background: #fbfbfb;height: 70px;transform: rotateZ(45deg);left: 29.5%;bottom: -75px;}



#contact_page .section-title{font-size:18px;padding-bottom: 1em;font-weight: bold;color: #5a5a5a;}

#contact_page .contact-info{}

#contact_page .contact-info h5{

    line-height: 2em;

    font-weight: bold;

}

#contact_page .contact-info p{

    padding-bottom: 1em;

    font-size: 14px;

    color: #666;

}



.list_header{overflow:hidden;padding-top: 1em;border-bottom:1px dashed #fbfbfb}

.list_header h2{

    line-height: 2em;

    width: 50%;

    font-size: 20px;

}

.list_header .layui-breadcrumb{

    display: block;

    line-height: 40px;

}

.list_header i{font-size: 24px;position: relative;top: 4px;margin-right: 10px;}



.list_header .layui-breadcrumb a{font-size:16px;color:#333 !important}



#news_list .-bg{background-color:#fbfbfb}

#news_list .news_list{overflow:hidden;clear:both}

#news_list .news_list .-item{margin:1em auto;padding: 1em;background: #fff;}

#news_list .news_list .-item .-thumb{background-size:cover;background-repeat:no-repeat;background-position:top;max-width:95%;height:150px}

#news_list .news_list .-item h2{

    line-height: 2.5em;

    padding-left: 1em;

}

#news_list .news_list .-item h2 a{font-size:18px}

#news_list .news_list .-item p{

    font-size: 14px;

    line-height: 2em;

    padding-bottom: 1em;

    padding-left: 1.5em;

}

#news_list .news_list .-item .post_date{

    display: block;

    color: #999;

    font-size: 1.5rem;

    font-weight: normal;

    margin: 10px 0 12px;

    transition: all .5s ease;

    text-align:center;

}

#news_list .news_list .-item i{font-size:18px;background-color: #fbfbfb;padding:6px 18px;display: block;width: 30%;margin: auto;text-align: center;}



#article_detail .article-box{

    line-height: 2em;

    padding-top: 2em;

}

#article_detail .article-box h2{

    text-align: center;

    font-size: 28px;

}

#article_detail .article-box .article-infobox{

    text-align: center;

    padding: 1em 0;

}

#article_detail .article-box #article_content{

    padding: 2em;

    font-size: 16px;

    line-height: 2em;

}





.pagination{text-align:center;margin:2em auto;}

.pagination .page-item{display:inline;padding:2px .5em;margin:0 .5em;background-color:#fff}

.pagination .active{color:#fff;background-color:#093e5e}



#article_content p{font-size:16px;line-height:2em}

#article_content img{display:block;margin:1em auto;}

#article_content strong{font-weight:bold}



.imgbox{clear:both;overflow:hidden;margin: 2em 0;margin-left: -2%;}

.imgbox .-img{width: 23.000%;height: 220px;float:left;position:relative;border-radius: 5px;overflow: hidden;margin-left: 2%;margin-bottom: 20px;cursor: pointer;box-shadow: 0 3px 4px #c3c3c3;}

.imgbox .-img img{max-width: 100%;display: block;margin: auto !important;height: 100%;transition:all .4s;}

.imgbox .-img h3{position:absolute;bottom:0;left:0;right:0;background-color:#093e5e9c;color:#fff;font-size:16px;text-align:center;transition:all .4s;line-height: 2em;display: none;}

.imgbox .-img:hover img{transform:scale(1.2)}

.imgbox .-img:hover h3{opacity:0}



.firends{overflow:hidden;padding:3em 0;text-align:center}

.firends img{max-width:100%}