@charset "utf-8";*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-border:border-color;-moz-box-sizing:border-box;outline:none}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}
h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:400;line-height:1.2;color:inherit}
ul,li{list-style:none}
em,i{font-style:normal}
a{text-decoration:none;color:inherit}
img{vertical-align:middle;outline:none;border:0}
body{font-family:"Microsoft Yahei","Arial","Hiragino Sans GB","WenQuanYi Micro Hei",sans-serif;font-size:15px;line-height:1.5;font-weight:normal;color:#333;background:#fff}
input,button,textarea,select{outline:none;font-family:inherit;border:none;background:none;appearance:none;-moz-appearance:none;-webkit-appearance:none}
select::-ms-expand{display:none}
iframe{border:none;vertical-align:top}
:before,:after{-webkit-box-sizing:border-box;box-sizing:border-box}
em{font-style:normal}
table{border-spacing:0;border-collapse:collapse;background-color:transparent}
.clear{clear:both;height:0;line-height:0;font-size:0}
.clearfix:before,.clearfix:after,.container:before,.container:after,.container-middle:before,.container-middle:after{content:" ";display:table}
.clearfix:after,.container:after,.container-middle:after{clear:both}
.clearfix{zoom:1}
.pr{position:relative}
.fl{float:left}
.fr{float:right}
.pull-left{float:left}
.pull-right{float:right}
.bgf{background:#fff}
.bgd{background:#f6f4f5}
.w100{width:100%}
.content p{
    color: #666;
    line-height: 2;
    font-size: 15px;
}
.dis-table{display:table;width:100%;height:100%}
.dis-cell{display:table-cell;vertical-align:middle}
.text-align{text-align:center}
.section{width:100%;overflow:hidden}
.out{overflow-y:auto;padding-right:5px}
.out::-webkit-scrollbar{width:3px;background-color:#fff}
.out::-webkit-scrollbar-thumb{background-color:#222d7d;border-radius:10px}
.headwidth{padding:0 15px;width:92%;margin:0 auto;transition:all .3s}
/* .container,.container-middle,.wrap{margin:0 auto}
.wrap,.container,.container-middle{width:1400px;max-width: 100%;}
.container{width:100%;padding-right:0px;padding-left:0px;margin-right:auto;margin-left:auto} */
.container_left{width:260px;float:left;padding:30px 0px}
.container_right{width:960px;float:right;padding:30px 0px}
.page-num,.page-link{color:#00803b}
.page-num-current{z-index:1;color:#fff;background-color:#00803b;border-color:#00803b}

.container
 {
    width: 1400px;
    margin:0 auto;
    max-width: 100%;
}


.nmt30{margin-top:30px}
.nmt50{margin-top:50px}
.padding_50{padding-top:50px;padding-bottom:50px}
.center-align{text-align:center}
.ny_tit{text-align:left;padding:40px 0}
.ny_tit .entit{font-size:35px;color:#067de9}
.ny_tit .chtit{font-size:25px;color:#FFF}
.ny_tit .entit01{font-size:32px;padding-top:0px;color:#eee;font-family:"Open Sans Light";font-weight:300;text-transform:uppercase}
.ny_tit .chtit01{font-size:56px;color:#333;margin-top:10px;font-family:"Open Sans Light";font-weight:900}
.ny_tit .chtit03{font-size:28px;color:#067de9;margin-top:10px;font-weight:600}
.ny_tit .chtit01 i{width:100px;height:1px;display:inline-block;border-bottom:1px solid #ccc;margin:10px}
.ny_tit .chtit02{font-size:16px;padding-top:10px;color:#333;font-family:"Open Sans Light";font-weight:400}


.ny_title{text-align: center;padding: 40px 0; }
.ny_title .entit{font-size: 35px;color: #067de9;}
.ny_title .chtit{font-size: 25px;color: #FFF;}
.ny_title .entit01{font-size: 32px;padding-top: 0px; color:#eee;    font-family: "Open Sans Light"; font-weight: 300;text-transform : uppercase;}
.ny_title .chtit01{font-size: 32px;color: #000;margin-top: 10px;font-family: "Open Sans Light"; font-weight: 300;}
.ny_title .chtit03{font-size: 28px;color: #067de9;margin-top: 10px;font-weight: 600;}
.ny_title .chtit01 i{width: 100px;height: 1px;display: inline-block;border-bottom: 1px solid #ccc;margin: 10px;}
.ny_title .chtit02{font-size: 15px;padding-top: 10px; color:#888/*6087fb*/;    font-family: "Open Sans Light"; font-weight: 300;}

.footclear{
    width: 100%; height: 50px;
}
.titcol2{color:#00803b !important}
.titcol3{color:#fff !important}
.titcol5{color:#2ce314 !important}
/* header{transition:background-color .3s;position:fixed;background-color:#fff;top:0;margin:0 auto;transition:all .3s} */
header.headroom--unpinned,header.headroom--unpinned.cur{top:-90px}
.heartop{padding:0px 0}
#header{position:fixed;z-index:999;width:100%;min-width:1280px;margin:0 auto;height:90px;
    /* background-color:#FFF; */
    /* background-color: rgba(255, 255, 255, 0.8); */
    z-index:20;transition:all .36s ease}
#header .nav{float:right;margin:0 auto;transition:all .36s ease;text-align:right}
#header .nav>li{display:inline-block;width:10%;min-width:105px;font-size:15px;transition:all .36s ease;text-align:right;margin-right:1px;position:relative}
#header .nav>li>a{color:#FFF;height:90px;line-height:90px;display:block;text-align:center;text-decoration:none;transition:all .36s ease}
#header .nav>li.cur>a,#header .nav>li:hover>a{
    /* background-color:#FFF !important; */
    color:#00803b;transition:all .36s ease}
#header .nav>li>a.nobg{background:none;border-right:0px;padding-right:0}
#header .nav li:after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:4px;width:0;background:#00803b;transition:all 0.56s ease}
#header .nav li .sub-nav li:after{height:0px}
#header .nav li:hover:after,#header .nav li.cur:after{padding:0 30px;transition:all 0.56s ease}
.nav .sub-nav{width:120px;position:absolute;top:90px;left:-5px;z-index:998;overflow:hidden;display:none;padding-top:1px;background-color:rgba(0,0,0,0.55);padding-bottom:0px}
.nav .sub-nav li{overflow:hidden;text-align:center;border-bottom:1px dashed #555;padding-bottom:0px}
.nav .sub-nav li.last{border:none}
.nav .sub-nav li a{color:#FFF;display:block;line-height:40px;font-size:14px;height:40px}
.nav .sub-nav li a:hover{color:#FFF;background-color:#00803b}
.sub-nav-bg{background:#ebecea;height:34px;position:absolute;top:88px;left:0;width:100%;display:none}
.containerin{width:84%;min-width:1280px;margin:0 auto;clear:both}
.containerpro{width:84%;min-width:1280px;margin:0 auto;clear:both}
#header .h_con{float:left;text-align:center;box-sizing:content-box;height:90px;vertical-align:middle;padding:0;
    /* background:#FFF; */
    border:0;transition:all .36s ease}
.logo{float:left;margin-top:12px;margin-right:10px}
.logo img{height: 60px;}
.company_name{width:245px;float:left;height:52px;margin-top:22px;border-left:1px dashed #aaa;padding-left:15px;transition:all .3s}
.company_name h1{width:225px;line-height:25px;font-size:26px;color:#fff;font-weight:bold;letter-spacing:0pt;text-align:left;float:left;margin-top:2px;margin-bottom:0}
.company_name h1 span{color:#fff}
.company_name h2{width:225px;line-height:30px;font-size:14px;color:#fff;font-weight:400;font-weight:normal;text-align:left;float:left;margin-top:0px;margin-bottom:0}
.language{float:right;position:relative;padding-right:9px;margin-top:0px;margin-left:50px}
.language .btn{width:100px;height:90px;line-height:80px;background-position:right center;background-repeat:no-repeat;cursor:pointer;background-size:13px 9px;background-image:url(../images/top_bg7.png);color:#fff;font-size:14px;padding-left:16px;position:relative}
.language .btn:after{content:"";position:absolute;width:16px;height:100%;top:0;left:0;background:url(../images/top_bg3_on.png) left center no-repeat;background-size:16px 16px}
.language:hover .btn:after{background-image:url(../images/top_bg3_on2.png)}
.language:hover .btn{color:#00803b}
.language .list{position:absolute;top:90px;left:50%;transform:translate(-50%,0);-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);z-index:5;width:200px;text-align:center;display:none}
.language .list{top:90px}
.language ul{background:#fff;border-radius:0 0 4px 4px;position:relative;box-shadow:0 4px 14px 1px rgba(0,0,0,0.01)}
.language li a{height:50px;line-height:50px;display:block;font-size:14px;color:#999999;font-weight:bold}
.language li a:hover{color:#ffffff;background:#00803b}
@media (max-width:1660px){.headwidth{padding:0 15px;width:100%;margin:0 auto}
#header .nav>li{min-width:110px}
.nav .sub-nav{width:120px;left:-5px}
#header .h_con h1 img{max-width:100%;transition:all .36s ease}
}@media (max-width:1538px){.headwidth{padding:0 15px;width:100%;margin:0 auto}
#header .nav>li{min-width:95px}
.nav .sub-nav{width:120px;left:-13px}
#header .h_con h1 img{max-width:100%;transition:all .36s ease}
}@media (max-width:1440px){#header .nav>li{min-width:100px}
.nav .sub-nav{width:120px;left:-10px}
#header .h_con h1 img{max-width:100%;transition:all .36s ease}
.company_name{display:none}
}
#header.navbg{height:90px;box-shadow:0 2px 6px rgba(0,0,0,.1);z-index:999; background-color: #fff;}
#header.navbg .nav>li>a{ color: #000;}
#header.navbg .nav>li.cur>a, #header.navbg .nav>li:hover>a {
    color: #00803b;
   
}
#header.navbg .language .btn{ color: #000;}
#header.navbg .company_name h1{color: #4c4c4c;}
#header.navbg .company_name h2{color: #4c4c4c;}
#header.navbg .company_name h1 span {
    color: #00803b;
}
.inprobg{width:100%;height:100px;background:#00803b;background-size:cover;margin-bottom:10px}
.video_type{width:100%;text-align:left;margin-top:0px;background:#fff}
.video_type .hd{position:relative;clear:both;width:100%;height:50px}
.video_type .hd ul{height:50px}
.video_type .bd ul{min-height:330px}
.video_type .hd ul ul{margin:0 auto;display:table}
.video_type .hd ul li{display:inline-block;text-align:center;width:240px;height:100px;border-radius:0px;cursor:pointer;font-size:14px;color:#FFF;margin:0px;transition:0.2s ease all;-webkit-transition:0.2s ease all;-moz-transition:0.2s ease all}
.video_type .hd ul li span{width:45px;height:45px;display:block;border-radius:50px;overflow:hidden;margin:0 auto;margin-top:15px;margin-bottom:5px}
.video_type .hd ul li span img{height:45px;filter:grayscale(100%);filter:gray;border-radius:50px;filter:grayscale(100%) brightness(100%);ransition:0.2s ease all;-webkit-transition:0.2s ease all;-moz-transition:0.2s ease all}
.video_type .hd ul li a{color:#333}
.video_type .hd ul li:hover{background:#3bb6e7;position:relative;color:#fff}
.video_type .hd ul li:hover a{color:#fff}
.video_type .hd ul li:hover span img{filter:gray;filter:grayscale(100%) brightness(100%);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}
.video_type .hd ul li.on{background:#3bb6e7;position:relative;color:#fff}
.video_type .hd ul li.on a{color:#fff}
.video_type .hd ul li.on:after{content:"";position:absolute;top:100px;left:45%;border-width:10px;border-style:solid;border-color:#3bb6e7 transparent transparent transparent}
.video_list{width:100%;position:relative;margin:0 auto;overflow:hidden}
.video_list .hd02{z-index:9}
.video_list .hd02 ul{float:right;overflow:hidden;zoom:1}
.video_list .bd02{margin-top:35px}
.video_list .bd02 ul{overflow:hidden;zoom:1}
.video_list .bd02 ul dl{float:left;_display:inline;overflow:hidden;width:100%;border:0px solid #eee;padding:0px;margin-right:26px;margin-bottom:24px;border-radius:0px;padding-bottom:25px;overflow:hidden;transition:0.2s ease all;-webkit-transition:0.2s ease all;-moz-transition:0.2s ease all}
.video_list .bd02 ul dt{width:500px;float:right;overflow:hidden;display:block;border-radius:5px;border:1px solid #f5f5f5;box-shadow:0 2px 2px rgba(0,0,0,.1)}
.video_list .bd02 ul dt img{max-width:100%;display:block;border-radius:5px}
.video_list .bd02 ul dd{width:55%;float:left}
.video_list .bd02 ul dd p{width:100%;display:block;text-align:left;padding-top:8px;font-size:32px;color:#333}
.video_list .bd02 ul dd b{display:inline-block;line-height:26px;text-align:left;padding:18px 0px;font-size:14px;color:#fff}
.video_list .bd02 ul dd b img{max-width:80%}
.video_list .bd02 ul dd span{width:90%;display:block;line-height:26px;text-align:left;padding:8px 15px;font-size:14px;color:#333;border:1px dashed #ddd;margin-top:20px;background:#f6f8fa}
.video_list .bd02 ul dd em{width:130px;display:block;border:1px solid #067de9;background:#067de9;text-align:center;height:40px;line-height:40px;margin-top:15px;transition:0.2s ease all;color:#fff}
.video_list .bd02 ul li:hover p{color:#067de9}
.video_list .bd02 ul li:hover{border-bottom-color:#067de9}
.video_list .bd02 ul:hover dd em{background:#067de9;border:1px dashed #067de9;color:#fff}
.img_atuo{height:auto;overflow:hidden}
.in_protype{position:relative;clear:both;width:100%;text-align:center;height:50px}
.in_protype ul{height:50px}
.in_protype ul{min-height:330px}
.in_protype ul ul{margin:0 auto;text-align:center;display:table}
.in_protype ul li{display:inline-block;padding:8px 20px;border-radius:2px;border:1px solid #067de9;cursor:pointer;font-size:14px;color:#333;margin:0 5px;background:#eee}
.in_protype ul li a{color:#333}
.in_protype ul li:hover{background:#067de9;position:relative;color:#fff}
.in_protype ul li:hover a{color:#fff}
.in_protype ul li.on{background:#067de9;position:relative;color:#fff}
.in_protype ul li.on a{color:#fff}
.pro_otherbg{background:#f6f8fa;padding:30px 0}
.pro_card{border:2px solid #f5f8fa;border-radius:5px;box-shadow:0px 0px 0px 0px rgba(222.00091525807102,219.00077969107474,219.00077969107474,0.59);background-color:#FFFFFF;overflow:hidden}
.pro_card:hover{border:2px solid #00803b}
.pro_card_tit{color:#111111;font-size:19px;font-weight:700;line-height:1.7em;text-align:center}
.pro_card_text{color:#3e3e3e;line-height:2em;text-align:center}
.pro_card img{transition:0.4s ease all}
.pro_card:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.in_more{font-style:normal;margin:0 auto;width:200px;height:40px;line-height:40px;text-align:center;background:#00803b;text-align:center;color:#fff !important;font-size:14px;display:block;margin-top:5%;position:relative;z-index:0;border-radius:20px;overflow:hidden}
.in_more:after{color:#FFFFFF !important;background:#E64552;position:absolute;left:0;top:0;height:100%;width:0%;transition:all 0.3s;content:"";z-index:-1}
.in_more:hover:after{width:100%;background:#E64552;color:#FFFFFF !important}
.wrap2{clear:both;width:96%;max-width:1600px;margin:0 auto;text-align:left;zoom:1}
.in_tit{line-height:30px;position:relative;margin-bottom:50px;z-index:2}
.in_tit:after{width:100%;height:100px;opacity:0.05;content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.in_tit p:first-of-type{color:#00803b;font-size:30px;font-weight:300}
.in_tit p:first-of-type b{font-size:36px;color:#00803b}
.in_tit p:first-of-type i{font-weight:bolder;color:#ff8a00;font-size:36px}
.in_tit p:first-of-type span{color:#000;font-size:30px}
.in_tit p:nth-of-type(2){color:#999999;font-size:14px;text-transform:uppercase}
.in_tit p:last-of-type{color:#666666;font-size:16px}
.in_tit p:last-of-type b{color:#00803b;font-size:20px}
.i_three{overflow:hidden;background:url(../images/i_img4.jpg) center center no-repeat;background-size:cover;height:449px}
.i_three .counter{text-align:center;max-width:1360px;margin:0 auto;margin-top:6%}
.i_three .counter ul li{float:left;width:25%;transition:all 0.3s;position:relative;text-align:center;margin-bottom:4%}
.i_three .counter ul li:after{content:"";position:absolute;right:0;top:50%;margin-top:-38px;height:76px;width:1px;background:rgba(237,237,237,0.2)}
.i_three .counter ul li:last-child:after{width:0}
.i_three .counter ul li .txts2{display:inline-block;vertical-align:top;text-align:left;padding-left:3%;padding-right:3%}
.i_three .counter ul li .nums{color:#333;line-height:1}
.i_three .counter span{display:inline-block;vertical-align:top;overflow:hidden;letter-spacing:1px;color:#fff;font-weight:bold;font-size:60px}
.i_three .counter label{display:inline-block;vertical-align:top;margin-top:-5%;line-height:2;font-weight:500;font-size:14px;color:#fff}
.i_three .counter .h6{font-weight:normal;font-size:14px;overflow:hidden;line-height:24px;margin-top:2px;margin-bottom:6px;color:#fff}
.i_three .counter ul li:hover{-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}
.i_four{background:#fff;overflow:hidden;position:relative;text-align:center;margin-top:-210px;-webkit-box-shadow:0 5px 25px rgba(0,0,0,0.05);box-shadow:0 5px 25px rgba(0,0,0,0.05);padding-bottom:5%}
.i_four .boxs{margin:0 auto;width:96%;max-width:1000px}
.i_four .i_one_t .h3{float:none}
.i_four .i_one_t .h3 span{width:100%}
.i_four .p{line-height:28px;overflow:hidden;color:#7e7e7e;font-size:16px;margin-top:5%;text-align:left}
.i_four .a{font-style:normal;margin:0 auto;width:200px;height:40px;line-height:40px;text-align:center;background:#00803b;text-align:center;color:#fff;font-size:14px;display:block;margin-top:5%;position:relative;z-index:0;border-radius:2px;overflow:hidden}
.i_four .a:after{background:#E64552;position:absolute;left:0;top:0;height:100%;width:0%;transition:all 0.3s;content:"";z-index:-1}
.i_four .a:hover:after{width:100%;background:#E64552}
.td_rc{}
.td_rc ul{display:flex;justify-content:space-between}
.td_rc ul li{width:24%;background:#f9f9f9;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s;padding:5% 2%;border-radius:30px 0 30px 0;box-shadow:inset 0 0 20px 1px rgb(0 0 0 / 0.02);border:5px solid #f8f8f8}
.td_rc li em{height:65px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:all .3s}
.td_rc li h3{font-size:24px;color:#333;line-height:36px;text-align:center;font-weight:normal}
.td_rc li p{text-align:left;font-size:14px;line-height:32px;margin-top:20px;min-height:150px}
.td_rc ul li:hover,.td_rc ul li.cur{transform:translateY(-10px);border-radius:30px 0 30px 0;background:#fff;border:5px solid #00803b}
.td_rc li:hover svg,.td_rc ul li.cur em{transform:rotateY(360deg)}
.Floor002233{padding:5% 0 2%}
.auto_1440{max-width:90%;margin:0 auto}
.Floor002233{padding:5% 0 2%}
.Floor002233 .container{position:relative}
.Floor002233 .container .list{overflow:hidden;padding-bottom:10px}
.Floor002233 .titl{text-align:center;font-size:20px;color:#c49162;padding:40px 0 30px}
.Floor002233 .titl p{margin:0;font-size:13px;text-transform:uppercase;letter-spacing:5px;color:#e3ccbb}
.Floor002233 li h3{font-weight:normal;margin:10px 0}
.Floor002233 li h3 a{font-size:18px;color:#00803b;line-height:25px;margin:0}
.Floor002233 li a.img{position:relative;display:block;text-align:center;overflow:hidden;min-height:40px}
.Floor002233 li a.img .time{color:#fff;text-align:center;font-family:'DIN-Medium';position:absolute;bottom:0;left:0;width:40%;height:40px;background:rgba(5,36,113,0.7);display:block;font-size:16px;line-height:40px}
.Floor002233 li a.img span{font-size:26px;padding-top:4px}
.Floor002233 li a.img img{width:100%;transition:all 0.3s}
.Floor002233 li:hover a.img img{transform:scale(1.1)}
.Floor002233 li{background:#fff;width:100%;box-shadow:0 0 10px 2px rgba(5,36,113,0.1)}
.Floor002233 li .text{padding:26px 23px}
.Floor002233 li .text p{font-size:14px;color:#777;line-height:22px}
.Floor002233 .more{padding-top:40px}
.Floor002233 .more a{display:block;line-height:42px;width:220px;border-radius:50px;border:1px solid #00803b;margin:0 auto;text-align:center;font-size:16px;transition:0.3s;color:#00803b;background:#f6f6f6}
.Floor002233 .more a:hover{color:#fff;background:#00803b}
.Floor002233 .swiper-button-next,.Floor002233 .swiper-container-rtl .swiper-button-prev,.Floor002233 .swiper-button-prev,.Floor002233 .swiper-container-rtl .swiper-button-next{display:none}
.Floor002233 .swiper-button-next,.Floor002233 .swiper-button-prev{position:absolute;top:50%;width:1.5vw;height:1.5vw;top:50%;margin-top:-3vw;font-size:0;background:none;border:0;border-left:3px solid #949494;border-bottom:3px solid #949494;cursor:pointer;display:block}
.Floor002233 .swiper-button-prev{left:-3.5%;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg)}
.Floor002233 .swiper-button-next{right:-3.5%;transform:rotate(-135deg);-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg)}
@media(min-width:768px){.Floor002233 .titl{font-size:24px}
.Floor002233 li{width:33.33%;float:left}
.Floor002233 li h3{overflow:hidden}
}@media (min-width:1024px){.Floor002233 .titl{font-size:30px}
}@media (min-width:1280px){.Floor002233 li .text p{height:66px;overflow:hidden}
.Floor002233 .more{padding:40px 0}
}@media (max-width:1366px){.Floor002233 .swiper-button-prev{left:36%}
.Floor002233 .swiper-button-next{right:36%}
.Floor002233 .swiper-button-next,.Floor002233 .swiper-button-prev{top:100%;margin-top:-5.5vw}
}@media (max-width:1024px){.Floor002233{padding:30px 0}
.Floor002233 .more a{width:180px}
.Floor002233 .swiper-button-prev{left:12%;width:20px;height:20px;margin-top:-8.5vw}
.Floor002233 .swiper-button-next{right:12%;width:20px;height:20px;margin-top:-8.5vw}
}.Hcase{padding:2% 0 2%;background:#f6f9ff}
.Hcase .wrap-content{position:relative}
.Hcase .wrap-content .list{overflow:hidden;padding-bottom:10px; padding-top: 100px;}
.Hcase .titl{text-align:center;font-size:20px;color:#c49162;padding:40px 0 30px}
.Hcase .titl p{margin:0;font-size:13px;text-transform:uppercase;letter-spacing:5px;color:#e3ccbb}
.Hcase li h3{font-weight:normal;margin:10px 0}
.Hcase li h3 a{font-size:14px;color:#00803b;line-height:25px;margin:0}
.Hcase li a.img{position:relative;display:block;text-align:center;overflow:hidden;padding-top:60%}
.Hcase li a.img .time{color:#fff;text-align:center;font-family:'DIN-Medium';position:absolute;bottom:0;left:0;width:40%;height:40px;background:rgba(5,36,113,0.7);display:block;font-size:16px;line-height:40px}
.Hcase li a.img span{font-size:26px;padding-top:4px}
.Hcase li a.img img{width:100%;transition:all 0.3s;position:absolute;left:0;top:0;height:100%;object-fit:cover}
.Hcase li:hover a.img img{transform:scale(1.1)}
.Hcase li{background:auto;width:100%;}
.Hcase li .text{padding:10px 5%}
.Hcase li .text p{font-size:14px;color:#777;line-height:22px}
.Hcase .more{padding-top:40px}
.Hcase .more a{display:block;line-height:42px;width:220px;border-radius:50px;border:1px solid #00803b;margin:0 auto;text-align:center;font-size:16px;transition:0.3s;color:#00803b;background:#f6f6f6}
.Floor002233 .more a:hover{color:#fff;background:#00803b}
.Hcase .swiper-button-next,.Hcase .swiper-container-rtl .swiper-button-prev,.Hcase .swiper-button-prev,.Hcase .swiper-container-rtl .swiper-button-next{display:none}
.Hcase .swiper-button-next,.Hcase .swiper-button-prev{position:absolute;top:50%;width:1.5vw;height:1.5vw;top:50%;margin-top:-3vw;font-size:0;background:none;border:0;border-left:3px solid #949494;border-bottom:3px solid #949494;cursor:pointer;display:block}
.Hcase .swiper-button-prev{left:-3.5%;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg)}
.Hcase .swiper-button-next{right:-3.5%;transform:rotate(-135deg);-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg)}
@media(min-width:768px){.Hcase .titl{font-size:24px}
.Hcase li{width:33.33%;float:left}
.Hcase li h3{overflow:hidden}
}@media (min-width:1024px){.Hcase .titl{font-size:30px}
}@media (min-width:1280px){.Hcase li .text p{height:66px;overflow:hidden}
.Hcase .more{padding:40px 0}
}@media (max-width:1366px){.Hcase .swiper-button-prev{left:36%}
.Hcase .swiper-button-next{right:36%}
.Hcase .swiper-button-next,.Hcase .swiper-button-prev{top:100%;margin-top:-5.5vw}
}@media (max-width:1024px){.Hcase{padding:30px 0}
.Hcase .more a{width:180px}
.Hcase .swiper-button-prev{left:12%;width:20px;height:20px;margin-top:-8.5vw}
.Hcase .swiper-button-next{right:12%;width:20px;height:20px;margin-top:-8.5vw}
}.page_banner{overflow:hidden;position:relative;padding:120px 0;height:500px;color:#fff;line-height:45px;margin-top:0px}
.page_banner .container{position:relative}
.page_banner .container:after{width:1200px;height:1200px;border-radius:100%;content:'';position:absolute;background:#00803b;opacity:.7;left:-630px;top:50%;transform:translateY(-20%);z-index:1}
.page_banner .container:before{width:1200px;height:1200px;border-radius:100%;content:'';position:absolute;background:#00803b;opacity:.5;left:-750px;top:50%;transform:translateY(-50%);z-index:2}
.page_banner .container .box{height:100px;position:absolute;z-index:3}
.page_banner h3{font-size:48px;font-weight:lighter}
.page_banner p{font-size:18px}
.page_banner p img{width:200px}
.typenav{width:100%;text-align:center;padding:0px 0;font-size:0;background:#FFF}
.typenav ul{margin:0 auto}
.typenav a{display:inline-block;padding:20px 35px;border-radius:0px;border-radius:0px;cursor:pointer;font-size:16px;color:#333;margin:0px;btransition:all .3s}
.typenav a:hover{position:relative;color:#00803b}
.typenav a.on{background:#00803b !important;color:#fff}
.typenav a:first-child{border-left:0px}
.typenav a h1{font-size:16px;font-weight:normal}
.bottoms{width:100%;background:#f4f4f4;padding-bottom:0px;margin-top:50px}
.bottom_nav{margin-right:60px}
.bottom_nav .c4title{position:relative;padding:0 0 15px 0;margin-bottom:5px}
.bottom_nav .c4title a{font-size:15px;display:block;line-height:35px;color:#000;font-weight:bold}
.bottom_nav ul li a{font-size:14px;display:block;line-height:30px;transform:translateX(0);transition:all 0.3s;color:#898989}
.bottom_nav ul li a:hover{text-decoration:underline;color:#00803b;ransform:translateX(3px)}
.bottom_md{line-height:35px;color:#fff;font-size:14px;margin-left:0px;margin-right:50px}
.bottom_md .c4title{position:relative;padding:0 0 15px 0;margin-bottom:5px}
.bottom_md .c4title a{font-size:15px;display:block;line-height:35px;color:#000;font-weight:bold}
.bottom_md p{height:33px;line-height:33px;font-size:14px}
.bottom_md p span{display:inline-block;line-height:30px;font-size:14px;vertical-align:top;color:#898989}
.bottom_md p.company i{width:20px;height:27px;display:inline-block;background:url() center bottom no-repeat;margin-right:10px}
.bottom_md p.address i{width:20px;height:20px;display:inline-block;background:url(../images/ico_contact_01.png) center bottom no-repeat;margin-right:10px;margin-top:5px;background-size:20px}
.bottom_md p.tel i{width:20px;height:20px;margin-top:5px;display:inline-block;background:url(../images/ico_contact_03.png) center bottom no-repeat;margin-right:10px;background-size:20px}
.bottom_md p.mobile i{width:20px;height:20px;margin-top:5px;display:inline-block;background:url(../images/ico_contact_04.png) center bottom no-repeat;margin-right:10px;background-size:20px}
.bottom_md p.emial i{width:20px;height:20px;margin-top:5px;display:inline-block;background:url(../images/ico_contact_02.png) center bottom no-repeat;margin-right:10px;background-size:20px}
.bottom_md p b{display:inline-block;vertical-align:top;font-size:20px;font-weight:600}
.bottom_right{float:right;margin-left:50px;margin-top:10px;color:#999;font-size:14px;text-align:center}
.banq_nr{width:410px;line-height:46px;padding-left:40px;background:url() left 8px no-repeat;margin:0 auto;color:#fff;font-size:14px}
.bottom_nav2{width:240px}
.bottom_nav2 .c4title{position:relative;padding:0 0 15px 0;margin-bottom:5px}
.bottom_nav2 .c4title a{font-size:15px;display:block;line-height:35px;color:#000;font-weight:bold}
.bottom_rwm{width:240px;margin:0 auto;margin-top:0px;color:#898989;font-size:14px}
.bottom_rwml{width:100px;line-height:30px;height:auto;text-align:center}
.bottom_text{background:#f4f4f4;border-top:1px solid #eaeaea;font-size:14px;line-height:35px;color:#333;padding:15px 0;text-align:center}
.bottom_text a{font-size:14px;color:#333}
.links{width:100%;font-size:14px;background:#f4f4f4;margin:0 auto;margin-top:20px;padding:15px 0;color:#666}
.links a{color:#666;margin-right:15px;line-height:26px}
.links a:hover{color:#000}
.footer-benefit-wrap{width:100%;height:165px;background-color:#1d60e6}
.footer-benefit-list{position:relative;width:25%;height:165px;-webkit-box-sizing:border-box;box-sizing:border-box}
.footer-benefit-list::after{position:absolute;top:50px;right:0;content:"";width:1px;height:46px;background:#4a80eb}
.footer-benefit-list4::after{width:0}
.fbi-img{display:block;width:47px;height:40px;margin:53px 20px 0 18px}
.footer-benefit-list1 .fbi-img{margin-left:0}
.fbi-wrap{width:214px;height:165px}
.fbi-wrap .p1{font-size:18px;color:#ffffff;padding:38px 0 8px}
.fbi-wrap .p2{font-size:14px;color:#ffffff;padding-bottom:00px}
.footer-meta-wrap{width:100%;background:#252526}
.contact-ul{margin-top:5px}
.contact-ul li{float:left;width:calc(32% - 0px);margin-right:2%;margin-bottom:30px;border:1px solid #e5e5e5;padding-bottom:10px;height:125px;border-radius:3px}
.contact-ul li:nth-child(3n){margin-right:0}
.contact-ul li img{float:left}
.contact-ul li .item{padding:32px 10px 0 30px}
.contact-ul li .item div{margin-left:70px;padding-left:25px;border-left:1px dashed #e5e5e5}
.contact-ul li .item div span{display:block;color:#333333;font-size:16px}
.contact-ul li .item div p{margin-top:8px;font-size:18px;color:#00803b}
.contact-ul li .item div b{font-size:20px}
.contact-ul li .des{margin-top:7px;font-size:12px;text-align:center;letter-spacing:1px}
.contact-ul li .des em{color:#ee0f0f}
.feedback{border:1px solid #ddd;float:right;position:relative;display:block;background:#fff;margin:0px auto}
.feedback_input{margin-top:0px}
.feedback_input input{border:1px solid #ddd;border-radius:5px;background:#fff;width:calc(50% - 20px);float:left;margin:0 20px 20px 0;height:50px;line-height:50px;padding:0 10px}
.feedback_input textarea{border:1px solid #ddd;background:#fff;width:calc(100% - 20px);float:left;margin:0 20px 20px 0;height:160px;line-height:20px;border-radius:5px;padding:10px}
.feedback_input .ico01{background:url(../images/input_ico01.png) right center no-repeat;background-size:26px 26px}
.feedback_input .ico02{background:url(../images/input_ico02.png) right center no-repeat;background-size:26px 26px}
.feedback_input .ico03{background:url(../images/input_ico03.png) right center no-repeat;background-size:26px 26px}
.feedback_input .ico04{background:url(../images/input_ico04.png) right center no-repeat;background-size:26px 26px;margin-right:0}
.feedback_input .ico05{background:url(../images/input_ico05.png) right top no-repeat;background-size:26px 26px}
.feedback_input .feed_btn{display:block;float:left;width:100px;height:40px;line-height:40px;font-size:14px;border-radius:5px;background:#00803b;text-align:center;color:#fff;cursor:pointer}
.feedback_input .codeimg{margin-top:10px}
.map{width:100%}
.mapBox1{height:26.66vw}
.contace_icon{display:inline-block;margin:0 auto;background-color:#3377FF33;color:#1962f5;font-size:22px;width:80px;height:80px;line-height:80px;text-align:center;border-radius:80px}
.contace_icon i{width:22px;height:22px;text-align:center}
.view .swiper-slide{height:auto;max-width:600px;padding:3px;box-sizing:border-box;overflow:hidden;text-align:center}
.big{border:1px solid #eee;width:600px; border-radius: 10px;}
.big li .box{overflow:hidden;text-align:center;border:1px solid #ddd}
.big li .box img{max-width:90%;max-height:90%;margin:0 auto;display:block;border:0; border-radius: 10px;}
.big .box .img-big{border-radius: 10px;}
.img-big{max-width:100%;max-height:100%}
.preview .swiper-slide{width:70px;height:70px;margin:0 3px;box-sizing:border-box;overflow:hidden;cursor:pointer}
.preview .active-nav{border:1px solid #00803b}
.proico{max-width:100%;margin:0 auto;margin-bottom:20px}
.protel{width:20px;margin:0 auto;margin-top:0px;margin-right:10px}
.btn-next{color:#fff !important;background-color:#00803b;border-color:#00803b}
.right_phone{text-align:center;font-size:18px;padding-bottom:10px}
.right_info a{width:49.5%;font-size:14px;text-align:center;display:inline-block;border:1px solid #eee;height:40px;line-height:40px;padding:0px 0px;color:#00803b;transition:0.4s;margin-top:0px}
.right_info a:hover{background-color:#00803b;color:#fff}
.prodetailtit{border-bottom:3px solid #00803b;overflow:hidden;font-size:16px;font-weight:normal;background-color:#FFF}
.prodetailtit span{float:left;padding:0 5%;line-height:50px;background-color:#00803b;margin-right:4px;color:#FFF}
.news_list{width:100%;display:block}
.news_list dl{display:block;overflow:hidden;border:1px solid #ddd;padding:20px;margin-bottom:15px;background:#fff}
.news_list dl dt{width:320px;height:240px;float:left;display:inline-block}
.news_list dl dt img{display:block;max-width:100%;max-height:100%;border:0;margin:0 auto}
.news_list dl dd{width:calc(100% - 400px);height:240px;display:inline-block;float:right;margin-right:20px}
.news_list dl dd p.title{font-size:24px;height:50px;line-height:50px;color:#000;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news_list dl dd p.time{font-size:14px;height:40px;line-height:30px;color:#666}
.news_list dl dd p.des{font-size:15px;color:#666;line-height:24px;display:block;height:100px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.news_btn{display:inline-block;padding:10px 50px;background:#00803b;color:#fff;border-radius:2px;float:right;margin-top:10px}
.news_btn:hover{background:#004e8d}
.news_list dl:hover{border:1px solid #00803b}
.news_detail_page{width:100%;overflow:hidden}
.news_detail_page a{font-size:14px;display:block;width:100%;height:50px;line-height:50px;color:#666;padding-left:35px;background:url(../images/icon-dd7.png) no-repeat 5px center;border-bottom:1px dashed #ddd;border-top:1px solid #ddd}
.news_detail_page a:last-child{background:url(../images/icon-dd8.png) no-repeat 5px center;border-top:0px solid #e5e5e5}
.news_detail_page a:hover{color:#52451f}
.service_bg{padding-bottom:35%;position:relative}
.service_box{position:absolute;top:17%;left:5%}
.service_box .sertit{padding:15px 0;font-size:18px;margin-bottom:20px}
.service_box .sertit span{display:inline-block;border-left:6px solid #004e8d;padding-left:15px;font-size:30px}
.service_box .p{text-indent:0;font-size:18px;margin:0;font-size:16px;line-height:32px}
.service_box .p span{color:#004e8d;font-size:40px;font-weight:bold;display:block;font-family:'IMPACT';margin-top:30px}
.casecard{border-style:solid;border:1px solid #e3e3e3;border-radius:5px;background-color:#FFFFFF}
.casecard:hover{border:1px solid #00803b}
.casecard:hover .casetit{color:#004e8d}
.casecard img{vertical-align:middle;display:flex;height:auto;padding:15px;margin:0 auto;border:none;border-radius:0;box-shadow:none;align-items:center;justify-content:flex-start}
.casecard .casetit{height:35px;line-height:1.7}
#c-header .c-switch{position:absolute;top:50%;right:15px;display:none;width:24px;height:20px;margin-top:30px;cursor:pointer}
#c-header .c-switch i{position:relative;display:block;height:2px;background:#000;-webkit-transition:all 0.3s;transition:all 0.3s}
#c-header.c-head-hide .c-switch i,.c-open #c-header .c-switch i{background:#333}
#c-header .c-switch i:nth-child(1){top:0}
#c-header .c-switch i:nth-child(3){bottom:0}
#c-header .c-switch i:nth-child(2){margin:6px 0}
body.c-open #c-header .c-switch i:nth-child(2){opacity:0}
body.c-open #c-header .c-switch i:nth-child(1){top:8px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
body.c-open #c-header .c-switch i:nth-child(3){bottom:8px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.langdis{display:none !important}
.col-red{color:#d10e0e !important}
@media screen and (max-width:767px){.container,.container-md,.container-sm{max-width:720px !important;min-width:auto !important;padding-right:15px !important;padding-left:15px !important; width: 100%;}
.mod_advice_right{ display: none;}
.ys_footer {
    background: #041D2C;
    padding: 10px 0 45px !important;
}
.foot_top {
    display:block !important;
}

.foot_top_left{
    width: 100% !important;
    padding-right: 0px !important;
    height: 80px;
    border-bottom: 1px solid rgba(255, 255, 255, .2) !important;
    border-right: 0px solid rgba(255, 255, 255, .2) !important;
}
.foot_top_left li a {
    width: 33% !important;
    float: left;
    display:flex !important;
    justify-content: space-between;
    align-items: center;
    padding: 0 0px 0 11px !important;
    border-bottom: 0px solid rgba(255, 255, 255, .2) !important;
}
.foot_top_mid {
    width: 100% !important;
}
.foot_top_mid>ul {
    display: flex;
    padding: 0 0px !important;
    justify-content: space-around;
}
.foot_top_mid>ul>li {
    padding: 0 0px !important;
}
.foot_top_right {
    display:none !important;
}
.foot_mid {
    display: block !important;
float: left;
    justify-content: space-between;
}
.foot_mid_left {
    width: 100% !important;
    max-width:100% !important;
    padding: 12px 0px 12px 12px !important;
    background: none !important;
}

.foot_mid_right {
    width: 100% !important;
    padding-left: 0px !important;
}
.foot_mid_right ul {
    display: block !important;
    border-radius: 10px;
    background: none !important;
    backdrop-filter: blur(10px);
    padding: 0px 0 12px !important;
}
.foot_mid_right li {
    float: left !important;
    width: 100% !important;
    padding: 0 12px !important;
    border-right: 0px solid rgba(255, 255, 255, .1) !important;
}
.foot_bot {
    display: block !important;
    justify-content: space-between;
}
.foot_bot_left, .foot_bot_right {
    display:none !important;
}
.foot_bot_right_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100% !important;
    /* width: calc(100% - 220px); */
}
.d-block {
    display:none !important;
}
.ny_title{text-align: center;padding: 40px 0; }
.ny_title .entit{font-size: 35px;color: #067de9;}
.ny_title .chtit{font-size: 25px;color: #FFF;}
.ny_title .entit01{font-size: 26px;padding-top: 0px; color:#eee;    font-family: "Open Sans Light"; font-weight: 300;text-transform : uppercase;}
.ny_title .chtit01{font-size: 26px;color: #000;margin-top: 10px;font-family: "Open Sans Light"; font-weight: 300;}
.ny_title .chtit03{font-size: 28px;color: #067de9;margin-top: 10px;font-weight: 600;}
.ny_title .chtit01 i{width: 30px;height: 1px;display: inline-block;border-bottom: 1px solid #ccc;margin: 10px;}
.ny_title .chtit02{font-size: 15px;padding-top: 10px; color:#888/*6087fb*/;    font-family: "Open Sans Light"; font-weight: 300;}

.langdis{display:block !important}
#header{height:80px}
#header .h_con{height:80px}
/* .logo img{width:180px} */
.head-sm-height{height:80px !important}
#c-header{position:fixed;top:0;left:0;z-index:9999999;width:100%;line-height:100px;text-align:center}
#c-header .c-switch{display:block}
#header .nav{float:none !important}
.dhnav{width:100%;min-width:auto;height:0px;float:left;background-color:#2f237c;border-top:0px solid #1D60E6;position:fixed;overflow-y:auto;top:80px;background-color:#FFF;transition:all 0.5s}
.nav{z-index:99;width:90%;margin:0 auto;min-width:auto}
.nav>li{height:auto;width:100% !important;position:relative;z-index:999;border-bottom:1px solid #eee}
.nav>li>a{font-size:15px;color:#333 !important;height:56px !important;line-height:56px !important;display:block;text-align:left !important;font-weight:400}
.nav>li.last{background:none}
.nav>li:hover>a{color:#f5461c;background:#fff}
.nav .hnav a{color:#333 !important;background:#fff;border-radius:0px;border-bottom:0px solid #eee}
#header .nav li:after{left:5%}
body.c-open #c-header .dhnav{height:calc(100% - 80px);height:-webkit-calc(100% - 80px)}
body.c-open #c-header.c-head-hide .dhnav{height:calc(100% - 60px);height:-webkit-calc(100% - 60px)}
#c-header .dhnav li a i{float:right;margin-top:15px;font-size:20px}
.nav .sub-nav{width:100%;position:relative;top:0px;left:0px;z-index:99;overflow:hidden;display:none;padding-top:1px;background-color:#fff;padding-bottom:0px}
.nav .sub-nav li{overflow:hidden;text-align:left;border-bottom:1px dashed #eee;padding-left:20px}
.nav .sub-nav li.last{border:none}
.nav .sub-nav li a{color:#333;display:block;line-height:40px;font-size:14px;height:40px}
.nav .sub-nav li a:hover{color:#000;background:#fff}
.sub-nav-bg{background:#ebecea;height:34px;position:absolute;top:88px;left:0;width:100%;display:none}
.nav .sub-nav li:last-child{border-bottom:0px dashed #eee}
.inprobg{width:100%;height:50px}
.video_list .bd02 ul dd{width:100%;float:left}
.video_list .bd02 ul dd span{width:100%}
.video_list .bd02 ul dd p{text-align:center !important}
.video_list .bd02 ul dd b img{max-width:100%}
.video_list .bd02 ul dd em{display:inline-block;text-align:center}
.video_list .bd02 ul dt{width:100%;float:left}
.video_type .hd{overflow-x:auto;white-space:nowrap}
.video_type .hd ul li{text-align:center;width:240px;height:50px;line-height:50px}
.video_type .hd ul li span{float:left;margin-top:0px;margin-bottom:0px;margin-left:15px}
.in_protype ul li{display:inline-block;padding:8px 10px}
.td_rc ul{display:inline-block !important}
.td_rc ul li{width:100%;display:inline-block !important}
.ny_tit .chtit01{font-size:24px}
.ny_tit .chtit01 i{width:20px}
.in_tit p:first-of-type{color:#00803b;font-size:20px}
.in_tit p:first-of-type span{font-size:20px}
.in_tit p:first-of-type b{font-size:20px}
.i_three .counter ul li{width:50%}
.i_three .counter span{font-size:30px}
.i_four .p{line-height:16px;line-height:1.5}
.bottom_md{margin-right:0px}
.bottom_nav .c4title{position:relative;padding:0 0 0px 0;margin-bottom:0px;margin-top:10px}
.bottom_nav{margin-right:0px;width:50%}
.bottom_md .c4title{position:relative;padding:0 0 0px 0;margin-bottom:0px;margin-top:10px}
.bottom_nav2{display:none}
.bottom_text{line-height:1.5}
.typenav ul{margin:0 auto;overflow-x:auto;white-space:nowrap}
.page_banner{overflow:hidden;position:relative;padding:0px 0;height:100px;color:#fff;line-height:45px;margin-top:0px}
.big{width:100%;height:auto}
.view .arrow-left,.view .arrow-right{height:350px;display:block}
.news_list dl dt{width:100%;height:auto;float:left;display:inline-block}
.news_list dl dd{width:100%;height:240px;display:inline-block;float:left;margin-right:20px}
.right_info a{width:100%;text-align:left}
.contact-ul li{width:100%}
}

/* .l_symain {
    position: relative;
}
.fl {
    float: left;
}

.l_sybox2{
    position: relative;
    height: 910px;
    overflow: hidden;
}
.l_sybox2{
    position: relative;
    height: 910px;
    overflow: hidden;
}
.l_sybx2imgs{
    height: 100%;
}
.l_sylbimmg_bg {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}
.l_sylbimmg_bg_after {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
}
.l_sybx2nr {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 100%;
    z-index: 6;
}
.l_sybx2sol{
    width: 608px;
    height: 100%;
    position: relative;
    z-index: 1;
}
.l_sybx2sol::after{
    content: "";
    width: calc(100% + 260px);
    height: 100%;
    background: rgba(0,0,0,.4);
    position: absolute;
    top: 0;
    left: -260px;
    z-index: -1;
}
.l_sybx2titwz{
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    text-align: right;
}
.l_sybx2titwz .l_sybx4tit h2{
    color: #fff;
}
.l_sybx2titwz h4{
    font-size: 24px;
    line-height: 1.75;
    color: rgba(255,255,255,.85);
    margin-top: 22px;
}
.l_sybx2titwz .l_sybanbtn {
    display: inline-block;
    margin-top: 50px;
}
.l_sybx2le{
    width: 260px;
    text-align: center;
    height: 100%;
}
.l_sybx2ri{
    width: calc(100% - 260px);
    height: 100%;
}
.l_sybx2le1{
    height: 50%;
    position: relative;
    transition: all .36s;
    cursor: pointer;
}
.l_sybx2le1s,.l_sybx2ri1s{
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 50px;
}
.l_sybx2ri1 {
    height: 33.333333%;
    position: relative;
    cursor: pointer;
    transition: all .36s;
}
.l_sybx2ri1 .l_sybx2wz{
    width: calc(100% - 112px);
    padding-left: 38px;
    margin-top: 0;
}
.l_sybx2ri1s{
    padding: 0 30px;
}
.l_sybx2ri1 .l_sybx2wz h4{
    font-size: 22px;
}
.l_sybox3{
    padding: 100px 0;
}

.l_sybx1ri {
    width: 550px;
    margin-top: 80px;
}
.l_sybx1mid {
    margin-top: 110px;
}
.l_sybox1{
    height: calc(100vh - 82px);
}
.l_shareic a{
    width: 100%;
    position: relative;
    display: block;
}
.l_shareic img{
    height: 100%;
    transition: all .36s;
}
.l_shareic .l_img2{
    opacity: 0;
}

.l_b2bx5li{
    margin-bottom: 72px;
}
.l_b2bx5tp {
    margin-bottom: 0;
}
.l_nybanjian p{
    font-size: 18px;
    line-height: 1.75;
    color: #fff;
    margin-top: 25px;
}
.l_c2bx1ri_imgs:not(:first-child){
    display: none;
}

.l_sybx2le1 a,
.l_sybx2ri1 a{
    display: block;
    width: 100%;
    height: 100%;
}

.l_sybx2ic{
    width: 112px;
    position: relative;
    display: inline-block;
}
.l_sybx2ic img{
    width: 100%;
    height: 100%;
    transition: all .36s;
}
.l_sybx4qtp p{
    font-size: 14px;
    line-height: 1.75;
    color: #999999;
}
.l_sybx4sz p{
    font-size: 18px;
    line-height: 1.75;
    color: #f36a42;
}
.l_sybx4sz span{
    font-size: 90px;
    line-height: 1.5;
    font-family: "Montserrat" !important;
    background: linear-gradient(to right,#e61f1a,#ff6a3d);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    margin-right: 15px;
}
.l_sybx4qt {
    position: absolute;
    left: 0;
    bottom: 80px;
    z-index: 20;
}
.l_sybx4qtli {
    padding: 0 60px;
}
.l_sybx4qt {
    margin: 0 -60px;
}
.l_sybx2ic{
    width: 112px;
    position: relative;
    display: inline-block;
}
.l_sybx2ic img{
    width: 100%;
    height: 100%;
    transition: all .36s;
}
.l_sybx2wz{
    margin-top: 20px;
}
.l_sybx2wz h4{
    font-size: 26px;
    line-height: 1.75;
    color: #fff;
    transition: all .36s;
}
.l_hover_after{
    opacity: 0;
}
.l_sybx2titwz1{
    display: none;
}
.l_sybx2titwz1 .l_banmrp p {
    color: #333;
}
.l_sybx2titwz1 .l_sybanbtn {
    border: 1px solid #333;
}
.l_sybox2{
    position: relative;
    height: 910px;
    overflow: hidden;
}
.l_sybx2imgs{
    height: 100%;
}
.l_sylbimmg_bg {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}
.l_sylbimmg_bg_after {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
}
.l_sybx2nr {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 100%;
    z-index: 6;
}
.l_sybx2sol{
    width: 608px;
    height: 100%;
    position: relative;
    z-index: 1;
}
.l_sybx2sol::after{
    content: "";
    width: calc(100% + 260px);
    height: 100%;
    background: rgba(0,0,0,.4);
    position: absolute;
    top: 0;
    left: -260px;
    z-index: -1;
} */