@charset "utf-8";
html{ font-size: 100px; }
body{ font-family:"Microsoft YaHei","Source Han Sans CN",sans-serif;  color:#333; font-size:14px;background: #181818;}
*{margin:0px;padding:0px;list-style: none; }
img{border:0px; max-width: 100%;}
a{text-decoration:none;color:#333;}
a:hover{color:#e40011}
i{ font-style: normal; }
em{ font-style:normal;}
.clear{clear:both;}
.l{float:left;}
.r{float:right;}
.layui-layer-setwin .layui-layer-close2 {
    right: -6px!important;
    top: -6px!important;
}
.bak{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;  display: block; }
.bak:hover {-webkit-transform:scale(1.08); -moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);}
.pic,.pic1{ overflow: hidden; margin: auto; position: relative;}
.pic span{ background-repeat: no-repeat; background-position: center; background-size: cover; display: block;}
.pic span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; transition: all 0.5s;}

.pic1 span{background-repeat: no-repeat; background-position: center; background-size:contain; display: block;}
.pic1 span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: contain; transition: all 0.5s;}



.w1200{ width: 1200px; margin: auto; max-width:96% }
.content{ margin:20px auto; }
.middle{ margin: 0px auto; padding: 40px 0px; }

.head{ height:75px;    background-color: rgba(0,0,0,.5); width:100%; position:fixed; left:0px; top:0px; z-index:99999999 }
.logo{ float: left; padding-top: 10px; }
.nav{  font-size: 18px; margin-left: 40px; float:left; padding-top:24px; text-transform:uppercase; }
.nav li{ float: left; text-align: center; position: relative; z-index: 999;}
.nav li a{ display: block;  margin: 0px 40px; color:#FFF; padding-bottom:5px;}
.nav li a.on,.nav li a:hover{ border-bottom:2px solid #3ccc64}

.nav li .sub-box1{ position:absolute;text-transform:none; top:72px; left: -45%;  width:200%; overflow: hidden; height: 0px; display: block; z-index: 999; transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;  z-index: -1;opacity:0; filter:alpha(opacity=0); -webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 5px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px rgba(0,0,0,0.2); }

.nav li:hover .sub-box1{ display: block; height: auto; z-index: 1;opacity:1; filter:alpha(opacity=1); }
.nav li .sub-box{ background:#fff; }
.nav li .sub-box a{ display: block; margin: auto; font-size: 14px;  padding:0px 10px; text-align: center; border-bottom: #004F88 1px dotted; line-height: 45px; }
.nav li .sub-box a:hover{ background: #4078c2; color: #fff; }


.banner video{ width:100%; height:100vh;object-fit:cover}
.banner .dl{ position:absolute; color:#FFF;display: flex;align-items: center; width:100%; height:100vh;  left:0px; top:0px; z-index: 2; }
.banner .dl i{ display:block;font-size:64px; font-size: 54px; line-height:80px;

    }
.banner .dl p{margin-top: 14px; font-size: 28px;/*letter-spacing: -1px;*/
    line-height: 1.8;
    /*text-align: justify;*/ /*width:500px;*/ max-width:100%}

.banner .dl dl span{display: inline-block;width: 50px;
    height: 10px;
    display: inline-block;
    background: hsla(0,0%,100%,.4); margin-right:6px;border-radius:0px;}
.banner .dl dl{ padding-top:10px;}
.banner .dl dl span.acts{background: #fff;}
.case_fl{}
.case_fl .comtit{}
.comtit{ color:#FFF; text-align:center;}
.comtit i{font-weight: 500;
    font-size: 40px;
    line-height: 42px;padding: 9% 0 20px; display:block;}
    .comtit1 i{ padding-bottom:45px; }
.comtit p{font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    color: hsla(0,0%,100%,.6);
    padding-bottom: 7%;}
.case_fl ul.case_erji{}
.case_fl ul.case_erji li{  width:22.2%; float:left; margin-right:3.73%; color:#FFF; position:relative}
.case_fl ul.case_erji li .con{position:relative; border:1px solid #000;border: 1px solid hsla(0,0%,100%,.2); padding:20px; height:220px;}
.case_fl ul.case_erji li.z{ margin-right:0px;}
.case_fl ul.case_erji li i{    font-weight: 500;
    font-size: 26px;
    line-height: 28px;
    margin-bottom: 10px; display:block; color: #fff;}
.case_fl ul.case_erji li:hover i{ color: #e40011; }
.case_fl ul.case_erji li p{font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    /*text-align: justify;*/
    color: hsla(0,0%,100%,.7);}
.case_fl ul.case_erji li img{ position:absolute; height:80px; right:20px; bottom:20px;}
.case_fl ul.case_erji li .my{cursor: pointer; text-align:center;
    transition: opacity .3s;
    opacity: 0;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.2);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-shrink: 0;display: flex;align-items: center;justify-content: center; }
.case_fl ul.case_erji li .my a{color:#FFF}
.case_fl ul.case_erji li .my a i{ line-height:50px; border-radius:50px; display:block; width:50px; height:50px; background:rgb(60, 204, 100);}
.case_fl ul.case_erji li:hover .my{ opacity:1}

.case_list{ padding-bottom:4%}
.case_list ul.case_list_li{ }
.case_list ul.case_list_li li{float:left; width:calc(22.8% - 2px); position:relative;border:1px solid rgba(0,0,0,0);  margin-right:2.93%; overflow:hidden;transition: all .5s; }
.case_list ul.case_list_li li .bigcon{padding-bottom:140%;position:relative;  }
.case_list ul.case_list_li li:hover{ border:1px solid #FFF;}
.case_list ul.case_list_li li.z{ margin-right:0px;}
.case_list ul.case_list_li li video{width:100%;object-fit:cover; height:100%; position:absolute; left:0px; top:0px;}
.case_list ul.case_list_li li .bg{ position: absolute; left: 0; top: 0;  background: linear-gradient(to top, rgba(0,0,0,0.8) 20%, rgba(0,0,0,0) 100%); z-index: 1; width: 100%; height: 100%;}
.case_list ul.case_list_li li .con{ position:absolute; z-index:9999; left:0px; bottom:30px; width: 100%;}
.case_list ul.case_list_li li .con i{width: 100%;
    white-space: nowrap; text-align:center;
    height: 38px;
    left: 0;
    /*background: linear-gradient(93.96deg,#3ccc64 -7.68%,#9ce155 74.07%,#f8e97d 135.01%);*/
    background: linear-gradient(to right, #000 50%, #999 100%);
    box-shadow: 0 4px 4px rgba(0,0,0,.25);
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 38px;
    text-align: center;
    color: #fff; display:block;}
.case_list ul.case_list_li li .con dl{padding: 0 20px;color: #fff;padding-top: 20px;
   }
.case_list ul.case_list_li li .con dl span{

    font-style: normal;
    font-weight: 600;
    font-size: 26px;
    line-height: 28px;}
.case_list ul.case_list_li li .con dl p{ margin-top: 14px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    /*text-align: justify;*/ height:72px; margin-bottom:20px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
    }

.gund{ background:#0c0c0c; padding-top:5%}
.gund .gundtit{ font-size:26px; color:hsla(0,0%,100%,.9); margin-left:30px; position:relative; display:block; height:22px; text-indent:14px; }
.gund .gundtit:before{height: 22px;
    width: 4px;
    margin-right: 7px;
    --tw-bg-opacity: 1;
    background-color: rgba(60,204,100,var(--tw-bg-opacity)); content:''; display:block; position:absolute; left:0px; top:3px;}
#zuo {overflow:hidden; width: 100%; margin-top:3%;height:509px; overflow:hidden   }
#inzuo { float: left; width: 800%;   }
#zuo1 { float: left;}
#zuo li{ float:left; list-style:none; width:371px;  margin:0 15px;}
#zuo2 { float: left;}

#zuo li{ overflow:hidden;  position: relative;}
  #zuo li dl{ width:100%; height:509px; background-position:center; background-repeat:no-repeat; background-size:cover;transition: all 0.2s;}
  #zuo li:hover dl{-webkit-transform:scale(1.08); -moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);}
  #zuo li dl img{ float:left; width:45px; line-height:45px; height:45px; border-radius:45px;}
  #zuo li dl span{ float:left; display:inline-block; height:45px; line-height:45px; margin-left:12px; font-size: 18px; color:#FFF;}
  #zuo li dl .dd{ padding-top:65%; color:#FFF;font-size: 18px;}
  #zuo li dl .dd p{ line-height:24px; height:120px;  display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;}
  #zuo li dl .dd i{ display:block; padding-top:15%}
  #zuo li dl dd{ width:300px; margin:auto; padding:8% 0; position: relative; z-index: 2;}
#zuo li .bg{ background: rgba(0,0,0,0.6) ; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;}


  .jkdk{padding:3% 0 4% 0}
 .tabnr{ float:left; width:55.4%; }
   .tabnr dl{ display:none; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover; padding-bottom:59.3%}
   .tabnr dl p{position: absolute;
    bottom: 38px;
    right: 38px;
    font-size: 20px;
    color: hsla(0,0%,100%,.7);}
   .tabtit{float:left; width:44.6%;}
   .tabtit dl{ position:relative; float:left;background-position:center; background-repeat:no-repeat; background-size:cover; width:25%; padding-bottom:24.55%}
   .tabtit dl.ses:before{ display:block; position:absolute; left:0px; top:0px; width:100%; height:100%; content:'';

    background: hsla(0,0%,100%,.4);
    transition: all .3s;}

.foot{ padding:2% 0 0 0; text-align:center;
    background-color: rgba(0,0,0); color:#FFF}
    .foot .w1200{ width: 800px; }
.foot li{ float:left; width:47%; margin-left:2%; line-height:2}
.foot li i{ display:block; font-size:22px; padding-bottom:10px;}
.foot li em{display:block;}
.foot li span{display:block;}
.foot li p{display:block;}
.foot li .jj{display:block;}
.foot .cop{display:block; border-top:1px solid #FFF; margin-top:22px; padding-top:15px; padding-bottom:15px;}

.case_list{ padding-top:75px; color:#FFF;}
.nytit{ padding-top:3%; font-weight:700; font-size:30px;}
.nyjj{ padding-top:1%;color: rgba(255,255,255,.5);}
.nydh{
    padding-top:3%;
	border-bottom:2px solid rgb(49, 49, 49);
}
.nydh a{
    display:inline-block;
	font-size:16px;
	color:#FFF;
	margin-right:3%;
	padding-bottom:20px;
	position:relative;
}
.nydh a.on:after,.nydh a:hover:after{position: absolute;
    content: "";
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    transform: scale(1);
    --tw-bg-opacity: 1;
    background-color: rgba(60,204,100,var(--tw-bg-opacity));}
ul.case_ny_ul{ padding:5% 0 3% 0;}
ul.case_ny_ul li{background: #252525;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 10px 0 rgba(24,24,24,.1);
    transform: translateZ(0);
    transition-property: transform;
    transition-duration: .3s;
    backface-visibility: hidden; float:left; width:32%; margin-right:2%; margin-bottom:2%; color:#FFF;}
ul.case_ny_ul li.z{ margin-right:0;}
ul.case_ny_ul li .pic{ padding-bottom:65%; position:relative}
ul.case_ny_ul li video{ position:absolute;width:100%; height:100%;object-fit:cover; left:0px; top:0px; }
ul.case_ny_ul li .text{ display:block; width:325px; margin:20px auto; max-width:96%}
ul.case_ny_ul li .text i{ display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-size:20px;}
ul.case_ny_ul li .text p{ padding-top:12px;color: rgba(255,255,255,.4); line-height:22px; height:44px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}


.ad_con{ font-size: 20px; line-height: 1.8;  color: #fff; padding-bottom: 5%; text-align: center; }