@charset "UTF-8";
/*css 初始化 */
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img,a { margin:0; padding:0; }
body{overflow-x:hidden;}
fieldset, img,input,button { border:none; padding:0;margin:0;outline-style:none; }
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0; }
select, input { vertical-align:middle;}
select, input, textarea { font-size:12px; margin:0;}
textarea { resize:none; } /*防止拖动*/
img {border:0; vertical-align:middle; }  /*  去掉图片低测默认的3像素空白缝隙*/
table { border-collapse:collapse; }
body {
    font:12px/150% Arial,Verdana,"\5b8b\4f53";
    font-family:"微软雅黑","宋体";
    color:#333333;
    background:#fff;
    transition: all 0.6s;overflow-x: hidden;
}
@font-face {
    font-family: 'DPblack';
    src:url('../font/dinpro-black.woff') format('woff'); /* 旧浏览器支持 */
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DPbold';
    src: url('../font/dinpro-bold.woff') format('woff'); /* 旧浏览器支持 */
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DPlight';
    src: url('../font/dinpro-light.woff') format('woff'); /* 旧浏览器支持 */
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DPmedium';
    src:url('../font/dinpro-medium.woff') format('woff'); /* 旧浏览器支持 */
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DPregular';
    src:url('../font/dinpro-regular.woff') format('woff'); /* 旧浏览器支持 */
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DPfeilong';
    src: url('../font/feilong.woff') format('woff'); /* 旧浏览器支持 */
    font-weight: normal;
    font-style: normal;
}
.clearfix:before,.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after{clear:both;}
.clearfix{
    *zoom:1;/*IE/7/6*/
}
a {color:#333333; text-decoration:none; }
a:hover{color:#18998e;}
h1,h2,h3,h4,h5,h6 {text-decoration:none;font-weight:normal;font-size:100%;}
s,i,em{font-style:normal;text-decoration:none;}
.col-red{color: #0b02ec !important;}
ul,ol,li{list-style:none}

/*公共类*/
.fl {
    float:left
}
.fr {
    float:right
}
.al {
    text-align:left
}
.ac {
    text-align:center
}
.ar {
    text-align:right
}
.hide {
    display:none
}
.clear{clear: both;}
.w14{width: 1400px;margin:0 auto;}
.df{display: flex;}
.jc{justify-content:space-between;}
.ja{justify-content:space-around;}
.je{justify-content: end;}
.fw{flex-flow: wrap;}
.ai{align-items: center;}
.ae{align-items: end;}
.fd{flex-direction: column;}
.frr{flex-direction: row-reverse;}
.text-1{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.text-2{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;
    line-clamp: 2;-webkit-box-orient: vertical;}
.text-3{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;
    line-clamp: 3;-webkit-box-orient: vertical;}
.back-f5{background:#f5f8f8;}
/* 头部公共 css */
#head{width: 100%;box-sizing: border-box;height:36px;box-sizing: border-box;max-height:36px;position:absolute;z-index:9;top:30px;}
#head .logo{height:36px;margin-left:-100px;}
#head .logo img{height:36px;}
#head .nav{align-self: flex-start;}
#head .nav .top-nav{flex-grow:1;margin:0px 100px;}
#head .nav .top-nav .nLi{position: relative;z-index:99;text-align: center;width:auto;}
#head .nav .top-nav .top-a{font-size:16px;line-height:36px;color:#fff;}
#head .nav .top-nav .top-a:after{content:'';display: block;width:0%;margin-top:23px;height:3px;background:#18998e;margin-left:-25%;transition:width 0.6s;}
#head .nav .top-nav .active a,#head .nav .top-nav li:hover a{font-weight: bold;color:#18998e;}
#head .nav .top-nav .active a:after,#head .nav .top-nav li:hover a:after{width:150%;}
#head .nav .sc{margin-right:-100px;}
#head .nav .sc li{width:22px;height:22px;margin-left:50px;position: relative;cursor:pointer;}
#head .nav .sc li:first-child .sub-but{background:url(../images/top-search.png)no-repeat center;width:22px !important;height:22px;}
#head .nav .sc li:first-child input{width:0px;transition:width 0.6s;}
/*#head .nav .sc li:first-child:hover input{width:80px;font-size:16px;line-height:22px;box-sizing: border-box;padding:0px 10px;}*/
#head .nav .sc li:nth-child(2) .rwm{width:120px;height:120px;position: absolute;top:50px;left:-50px;z-index:99;display: none;}
#head .nav .sc li:nth-child(2) .rwm img{width:100%;height:120px;object-fit: cover;}
#head .nav .sc li:nth-child(2):hover .rwm{display: block;}

#head .tel{font-size: 36px;font-family: 'DPregular';color: #fff;margin-right: -100px;line-height: 36px;}
#head .tel:before{content:'';display:inline-block;width:36px;height:36px;background:url(../images/top-tel.png)no-repeat center;background-size:cover;margin-right:5px;margin-bottom:-5px;}

.son-nav{position: absolute;background:#fff;overflow: hidden;top:62px;left:-25%;width:150%;text-align: center;z-index: 999;display: none;}
.son-nav a{font-size: 14px;line-height: 40px;border-top: 1px solid #eee;display: block;color: #333333;}
.son-nav a:hover{background:#18998e;color: #fff !important;}
/*banner*/
 .fullSlide{ width:100%;  position:relative;  background:#fff;z-index:1;}
    .fullSlide .bd{ margin:0 auto; position:relative; z-index:0; }
    .fullSlide .bd ul{ width:100% !important; }
    .fullSlide .bd li{ width:100% !important;height:800px;overflow:hidden; text-align:center;    background-position: center center !important;}
    .fullSlide .bd li a{ display:block;height:800px;}
     .fullSlide .bd li img{width: 100%;height:100%;object-fit: cover;}
     .fullSlide .bd li video{width:100%;height:100%;object-fit: fill;}

    .fullSlide .hd{ display:block!important;width:100%;position:absolute;z-index:1999;bottom:5%;margin: 0 auto;
        left:0; text-align:center;}
    .fullSlide .hd ul{ text-align:center; }
    .fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:50px;height:4px;margin:4px;overflow:hidden;line-height:999px;
        border-radius:4px;box-sizing: border-box;transition: width 0.6s;background:rgba(0,0,0,0.8);}
    .fullSlide .hd ul .on{background:#18998e;}

    .fullSlide .prev,.fullSlide .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:5%;  z-index:1; width:40px; height:60px; background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none;  }
    .fullSlide .next{ left:auto; right:5%; background-position:-6px -137px; }  


/* 底部信息 */
.mt120{margin-top: 120px;}
/* 底部信息 */
.footer{width: 100%;overflow: hidden;padding:60px 0px;color: #fff;background:url(../images/foot-back.jpg)no-repeat center; background-size: cover;}
.footer .foot-nav{width: 851px;display: flex;justify-content: space-between;flex-flow: row;float: left;margin-bottom:50px;}
.footer .foot-nav .fo-li1 span{font-size: 18px;line-height: 18px;font-weight: bold;margin-bottom: 38px;display: block;}
.footer .foot-nav .fo-li1 .fo-li2{font-size: 14px;line-height: 14px;margin-bottom: 15px;}
.footer .foot-nav .fo-li1 .fo-li2 a{color: #aaf2eb;}
.footer .foot-nav .fo-li1 .fo-li2 a:hover{color:#fff;}
.footer .call-info{width:300px;text-align: right;font-size: 14px;color: #aaf2eb;}
.footer .call-info li span{font-size:16px;line-height:16px;display: inline-block;margin-bottom:20px;}
.footer .call-info li  .tel{font-family: 'DPregular';font-size:40px;line-height:40px;margin-bottom:40px;color:#fff;}
.footer .call-info p,.footer .call-info h3{margin-bottom:18px;}
.footer .call-info .rwm{width:126px;margin-top:30px;}
.footer .call-info .rwm img{width:100%;}
.footer .call-info .rwm span{display: block;font-size:16px;line-height:16px;margin-top:20px;text-align: center;}
.foot-info{font-size: 14px;line-height:14px;color: #aaf2eb;    margin-top: -40px;width: 50%;}
.foot-info a{color:#aaf2eb;}
.footer .call-info p.webadd,.footer .call-info p.adds{line-height:26px;}
.footer .call-info p.webadd:before,.footer .call-info p.adds:before{content:'';display: inline-block;width:26px;height:26px;background:url(../images/foot-icon2.png)no-repeat center;
background-size: cover;margin-bottom: -8px;margin-right:10px;}
.footer .call-info p.adds:before{background:url(../images/foot-icon1.png)no-repeat center;}


/* 底部悬浮 */
#com-ly .je{float: right;}
#com-ly{width:100%;height:92px;background:#e02013;position: fixed;bottom:0px;z-index:999;box-sizing: border-box;padding-top:25px;}
#com-ly li{width:250px;height:42px;border-radius:20px;background:#fff;
    box-sizing: border-box;padding:0px 20px;margin-right:20px;}
#com-ly li.sub{width:84px;text-align: center;padding:0;border-radius:20px;}
#com-ly li input{color:#333333;font-size:16px;line-height:42px;height:42px;}
#com-ly li.sub input{width:84px;background:#0043b6;border-radius:20px;cursor: pointer;transition:all 0.6s;color: #fff;
    font-weight: bold;}
#com-ly li.sub:hover input{transform: scale(0.9);}
#com-ly p.ly-tel{font-size:36px;line-height:42px;color:#fff;}
#com-ly p.ly-tel:before{content:'';display:inline-block;width: 28px;height: 28px;background: url(../images/foot-icon3.png)no-repeat center;
margin-bottom: -1px;margin-right: 10px;background-size: cover;margin-left:80px;}
#com-ly .ly-img{width:305px;margin-top:-95px;}
#com-ly .ly-img img{width:100%;}



 #lang{
    width: 100%;
    box-sizing: border-box;
    height: 36px;
    box-sizing: border-box;
    max-height: 36px;
    position: absolute;
    z-index: 9;
    top: 70px;
    }
    
      /* 语言包容器 - 绝对定位版 */
    .lang-dropdown {
        z-index: 9999;
        font-family: Arial, sans-serif;
        font-size: 14px;
        padding-bottom: 10px; /* 底部感应区 */
    }

    /* 当前显示的语言按钮 */
    .lang-current {
        display: block;
        padding: 6px 12px;
        color: #333;  
        border: 1px solid #ddd;
        background: #fff;
        border-radius: 4px;
        cursor: pointer;
        white-space: nowrap;
    }

    /* 鼠标移上去显示 */
    .lang-dropdown:hover .lang-list {
        display: block;
    }

    /* 下拉列表盒子 */
    .lang-list {
        display: none;
        top: 100%;
        
        /* 【关键修改】改为左对齐 */
        left: 0;  
        /* right: 0;  <-- 删掉这行 */
        
        background: #fff;
        box-shadow: 0 4px 15px rgba(0,0,0,0.1);
        border: 1px solid #eee;
        border-radius: 4px;
        min-width: 120px;
        margin-top: 5px; /* 下拉菜单和按钮中间的距离 */
    }

    /* 隐形桥：填补缝隙防止菜单消失 */
    .lang-list::before {
        content: '';
        position: absolute;
        top: -12px;
        left: 0;
        width: 100%;
        height: 12px;
        background: transparent;
    }

    /* 列表里的链接 */
    .lang-list a {
        display: block;
        padding: 10px 15px;
        color: #666;
        text-decoration: none;
        font-size: 13px;
        white-space: nowrap;
        border-bottom: 1px solid #f9f9f9;
        text-align: left;
        transition: all 0.3s;
    }

    /* 修复圆角 */
    .lang-list a:first-child { border-radius: 4px 4px 0 0; }
    .lang-list a:last-child { border-radius: 0 0 4px 4px; border-bottom: none; }

    /* 鼠标经过链接 */
    .lang-list a:hover {
        background-color: #f0f7ff;
        color: #007aff;
        padding-left: 20px;
    }
    
    /* 当前选中 */
    .lang-list a.on {
        color: #007aff;
        font-weight: bold;
        background-color: #f9f9f9;
    }