@charset "utf-8";
@import "page.css";
@import "hdp.css";
@import "login.css";
@import "message.css";
@import "/font/iconfont.css";
@font-face {
    font-family: 'Noto Sans';
    src: url("/fonts/NotoSans-Regular.ttf");
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans CJK SC';
    src: url("/fonts/NotoSansCJKsc-Regular.otf") format("opentype");
}

/*@font-face {
    font-family: 'Noto Sans Thai';
    src: url("/fonts/NotoSansThai-Regular.ttf");
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans CJK KR';
    src: url("/fonts/NotoSansCJKkr-Regular.otf") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans CJK JP';
    src: url("/fonts/NotoSansCJKjp-Regular.otf") format("opentype");
    font-display: swap;
}



@font-face {
    font-family: 'Noto Sans CJK TC';
    src: url("/fonts/NotoSansCJKtc-Regular.otf") format("opentype");
    font-display: swap;
}*/

html{ font-size: 100px; }
body{font-size:14px;font-family: "Noto Sans","Noto Sans CJK SC","Hei" !important; /*font-family:Arial, Helvetica, sans-serif!important;*/ color:#4D4D4D; }


*{ margin:0px; padding:0px; list-style:none }



img{border:0px; max-width: 100%;}
a{text-decoration:none;color:#4D4D4D;}
a:hover{color:#D72D18}
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 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;  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-size: cover; background-repeat: no-repeat;background-position: center; 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-size: contains; background-repeat: no-repeat;background-position: center; display: block;}
.pic1 span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: contain; transition: all 0.5s;}


.w1200{ width: 1160px; margin: auto; max-width: 94%; }
/*.top .w1200{width: 1300px;}*/
.content{ margin:20px auto; padding:0 20px; }
.content1{ width: 75%; }
.middle{margin:20px auto;}
.box{ margin:0.3rem auto; }

.header{ margin:auto; position: absolute; left: 0; top: 0; width: 100%; z-index: 9999;  }
.top1{ margin:auto; background:#000; color: #fff; height: 50px; line-height: 50px; text-align: right; }
.top1 a{ display: inline-block; color: #fff;  font-size: 15px; }
.top1 span{padding: 0 8px; display: inline-block;}
.top1 a:hover{  text-decoration: underline;}
.top1 a.on{color: #EB3B03;}
.top{ margin: auto; background: rgb(31 31 31 / 40%); height: 90px; position:relative  }

.top div.sous{ position:absolute; left:0px; top:0px;  width:100%; display:none; z-index:99999; height:100vh; background:rgba(0,0,0,0.4) }
.sous_nr{background:#FFF;padding-bottom:80px;}
.top div.sous div.sous1{ width:670px; float:left; padding-top:30px; margin-left:100px;}
.top div.sous div.sous1 div.soutit{ border-bottom:2px solid #eef0f1; height:40px; line-height:40px; position:relative}
.top div.sous div.sous1 div.soutit i{ display:inline-block; position:absolute; left:0px; top:0px; height:40px; line-height:40px; font-size:20px; font-weight:bold; padding:0px 14px; border-bottom:2px solid #00a3ad;}
.top div.sous div.sous1 dl{ margin:16px auto; height:49px; line-height:49px; border:1px solid #00a3ad; border-radius:49px; overflow:hidden; position:relative;}
.top div.sous div.sous1 dl input{ background:none; border:none; height:49px; line-height:49px; padding-left:29px; font-size:16px; width:100%;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
}
.top div.sous div.sous1 dl a.abtn{ display:block; position:absolute; right:0px; height:49px; width:49px; text-align:center; border-radius:49px; color:#FFF; background:#00a3ad; top:0px; line-height:49px;}
.top div.sous div.sous1 ul{ padding-top:30px;}
.top div.sous div.sous1 ul li.at{ font-size:16px;}
.top div.sous div.sous1 ul li{ line-height:40px;}
.top div.sous div.sous1 ul li a{}
.top div.sous a.gb{ position:absolute; right:0px; top:10px; font-size:16px; line-height:50px;}

.n_top{ background:#fff;  /*border-bottom: #E5E5E5 2px solid; */}

.logo{ float: left; padding-top: 20px; }
.top .nav{ float:left; font-size: 16px; margin-left: 10px;  }
.top .nav li{ float: left; text-align: center; z-index: 999;}
.top .nav li a.yi{ display: block;  margin: 0px 10px;  line-height: 90px; font-size: 20px;  color: #fff; position: relative;}
.top .nav li a.yi:after{ content:""; position: absolute; bottom: 0; left: 0;  height: 4px; background:#fff; width: 0;transition: all 0.5s; display: none; }
.top .nav li a.yi:hover:after,.nav li.on a.yi:after{width: 100%; display: block; }


.top .nav li .sub-box1{ position:absolute;text-transform:none; top:90px; 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); }

.top .nav li:hover .sub-box1{ display: block; height: auto; z-index: 1;opacity:1; filter:alpha(opacity=1); }
.top .nav li .sub-box{ background:#fff; }
.top .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; }
.top .nav li .sub-box a:hover{ background: #4078c2; color: #fff; }
.top .sou_box{ float: right; margin-left: 20px; }
.top .sou_box a{ font-size: 24px; display: block; color: #fff; line-height: 90px; }

.top .tel{ float: right; height: 90px; overflow: hidden; line-height: 82px; color: #fff; }
.top .tel img{ }
.top .tel i{ font-size: 20px; }
.top .tel span{ font-size: 20px;}

.n_top .nav li a.yi,.n_top .tel,.n_top .sou_box a,.top.fix .nav li a,.top.fix .tel,.top.fix .sou_box a{ color: #000; }

.n_top .nav li a.yi:after,.top.fix .nav li a.yi:after{ background:red;  }
.top.fix{ position: fixed; top: 0; left: 0; width: 100%; background:#fff; -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); z-index:9999 }

.nav li .ernav{ background:#FFF; position:absolute; left:0px; background:#FFF; top:90px; width:100%; display:none;-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);}
.top.fix .nav li .ernav{ top:90px;}
.nav li .ernav .ernav_con{ padding:30px;  margin:auto; max-height: 500px; overflow: auto;}
.nav li .ernav .ernav_con::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 2px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
.nav li .ernav .ernav_con::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 2px;
  /*box-shadow   : inset 0 0 2px rgba(0, 0, 0, 0.2);*/
  background: #00A3AD;
  }
.nav li .ernav .ernav_con::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  /*box-shadow   : inset 0 0 2px rgba(0, 0, 0, 0.2);*/
  border-radius: 2px;
  background: #eee;
  }
.nav li .ernav .ernav_con ul{ text-align:left; float:left; width:25%;  }
.nav li .ernav.ernav2s .ernav_con ul:nth-child(1){ width:22%}
.nav li .ernav.ernav2s .ernav_con ul:nth-child(5),.nav li .ernav.ernav2s .ernav_con ul:nth-child(4){ width:18%;  }
.nav li .ernav.ernav2s .ernav_con ul:nth-child(5){ float:right}
.nav li .ernav.ernav2s .ernav_con ul:nth-child(2),.nav li .ernav.ernav2s .ernav_con ul:nth-child(3){ width:30%;  }
.nav li .ernav .ernav_con ul.half{  width:50%; }
.nav li .ernav .ernav_con ul.all{  width:100%; }
.nav li .ernav .ernav_con ul li{float: left; width: calc(88% - 7px); margin:0px 2% 12px 0; padding-left: 5px; line-height: 22px;  text-align: left; border-left: #bbdbdb  2px solid; /*margin:5px auto;*/ }
.nav li .ernav .ernav_con ul.half li{ width: calc(88% - 7px);}
.nav li .ernav .ernav_con ul.all li{ width: calc(31.3% - 7px); margin-right:2%;}
.nav li .ernav .ernav_con ul.all li a em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis; display:block; width:100%}
.nav li .ernav .ernav_con ul a{ display:block; font-size:14px; color:#666; }

.nav li .ernav .ernav_con ul a em{ display:block;color: #0071AD; font-size:18px;}
.nav li .ernav .ernav_con ul.half a em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.nav li .ernav .ernav_con ul a i{ color: #737B80; font-size: 15px; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;letter-spacing: 0.5px; line-height:18px;  font-weight:normal}
.nav li .ernav .ernav_con ul li a:hover em{ text-decoration: underline; }
.nav li .ernav .ernav_con ul a.at{ font-size:16px;  padding-bottom:10px;color:#1A1A1A}
.nav li .ernav .ernav_con ul a:hover{color: #E60012;}
.nav li.relate{ position:relative;  }
.nav li.relate .ernav1{ display:none;
    text-align: center;
    width: 140px;
    position: absolute;
    left: 50%;
    margin-left: -70px;
    border-radius: 10px;
    padding: 0px 0px; overflow:hidden;
    top: 90px;
    background: #FFF;-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.relate .ernav1 a{ border-bottom:1px dotted #ddd; display:block; height:35px;line-height:35px; color:#333; font-size:14px; margin:0px; padding:0px; width:100%; float:none}
.nav li.relate:hover .ernav1 a:hover{color: #E60012; background:#f7f7f7; }



.nav li .ernav2{ display:none;
    text-align: center;
    position: absolute;
     overflow:hidden;
    top: 70px;
    background: #FFF;-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);padding:30px 0px 30px 0px;

    width: 100%;
    left: 0%;

    }


.nav li .ernav2 .child{ width:1344px; width:90%; margin:auto;  padding-bottom:0.23rem;text-align:left;}
.nav li .ernav2 .child a{line-height:0.4rem; color:#666}
.nav li .ernav2 .child a.at{ float:left; display:block; width:114px; text-indent:11px; position:relative; font-size:16px; font-weight:bold}
.nav li .ernav2 .child a.at:before{ content:''; position:absolute; left:0px; top:50%; width:3px; height:18px; margin-top:-9px; display:block; background:#e40013}
.nav li .ernav2 .child dl{ display:block; overflow:hidden;}
.nav li .ernav2 .child dl a{ display:inline-block; margin:0px; padding:0px; margin-right:40px; font-size:14px;}
.nav li .ernav2 .child a:hover{color:#E60012;}

.ernav_sou{ margin:auto; padding:30px 30px 0 30px; }
.ernav_sou form{border:#00A3AD 1px solid;  height: 0.5rem; border-radius: 0.5rem; padding: 0 0 0 30px; overflow: hidden;}
.ernav_sou input[type="text"]{ float: left; width: calc(100% - 102px); background:#fff;  border:none; height: 0.5rem; line-height:0.5rem;}
.ernav_sou input[type="submit"]{ overflow: hidden; border:#00A3AD 1px solid; background:#00A3AD; color: #fff;  font-size: 18px; text-align: center; width: 100px; height: 0.5rem; line-height: 0.5rem; border-top-right-radius: 0.5rem;border-bottom-right-radius: 0.5rem; margin-right: -2px; cursor: pointer; }


.banner1{ margin: auto; position: relative; color: #fff; }
.banner1 .pic span{  padding-top:32.7%; }
.banner1 .text{ position: absolute; width: 100%; left: 0; top: 55%;  transform: translateY(-50%);}
.banner1 .text .con p{ font-size: 0.62rem; font-weight: bold; line-height: 1.3; }
.banner1 .text .con a{ width: 3rem; height: 0.55rem; line-height: 0.55rem; background:#D72D18; color: #fff; font-size: 18px; display: block; text-align: center; border-radius: 0.55rem; margin-top: 0.3rem; }
.banner1 .text .con a:hover{ background:#9e2b1f; }

.ad2 a{ display: block; font-size: 18px; text-decoration: underline; }
.ad2 a i{ font-size: 18px; color: #D72D18; }

.fuwu_box{ background-size: cover; background-repeat: no-repeat;background-position: center; position: relative; padding-top: 0.6rem;}
.fuwu{  width: 50%; background:#fff; float: right; }
.fuwu .con{ padding:0.5rem 0.3rem; }
.fuwu .con h2{ font-size: 0.4rem; font-weight: bold; margin:auto; }
.fuwu .con .text{ margin:10px auto; line-height: 1.8; font-size: 18px; color: #4D4D4D; }
.fuwu_list{ margin:20px auto; }
.fuwu_list li{ margin:10px auto; }
.fuwu_list li a{ display: block; font-size: 18px; text-decoration: underline; }
.fuwu_list li a i{ color: #D72D18;  font-size: 18px; }

.more{ margin:auto;  }
.more a{ width: 2rem; height: 0.5rem; line-height: 0.5rem; background:#D72D18; color: #fff; font-size: 18px; display: block; text-align: center; border-radius: 0.5rem; margin-top: 0.3rem; }
.more a:hover{ background:#9e2b1f; }

.more1 { margin:0.3rem auto 0.5rem auto; text-align: right; font-size: 18px; }
.more1 a{display: block; text-decoration: underline;}
.more1 a i { color: #D72D18; font-size: 18px;}
.more1 a:hover{  }

.index_dh{ margin: auto; text-align: center; font-size: 26px; font-weight: bold;}
.index_dh a{ display: block; }
.index_dh a h2{font-weight: bold;}

.case_index{  margin:-0.3rem auto;}
.case_index .swiper-wrapper{ padding: 0.3rem 0 0.3rem 0; }
.case li{ float: left;  width: 32.66%; margin-left: 1%; position: relative; transition: all 0.5s;}
.case_index li{ float:none; width:100%; margin:auto;}
.case li.li1{ margin-left: 0; }
.case li .pic span{ padding-top: 150%; }
.case li .text{ position: absolute; top: 0; left: 0; width: 100%;  background: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0)); height: 50%;}
.case li .text .con{ padding:30px; color: #fff; font-size:20px; }
.case li .text .con span{ display: block;  }
.case li .text .con p{ margin-top: 10px;text-decoration: underline; }
.case li .text .con p i{ font-size: 20px; }
.case li a:hover .text .con p{ font-weight: bold; }
.case li:hover{-webkit-box-shadow: 0 0px 15px rgba(0,0,0,0.5); -moz-box-shadow: 0 0px 15px rgba(0,0,0,0.5); -o-box-shadow: 0 0px 15px rgba(0,0,0,0.5);box-shadow: 0px 0px 15px rgba(0,0,0,0.5); transform: translateY(-10px);}
.case li .tit{position: absolute; width: 100%; background: linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0)); right: 0; bottom: 0; padding: 30px 0 20px 0; font-size: 20px; color: #fff;}
.case li .tit p{ padding: 0 30px; text-align: right; }
.case li .tit p a{color: #fff; }
.case li .tit p a:hover{  opacity: .8; }
.case .swiper-pagination{ outline: none; }
.case .swiper-pagination-bullet-active {
    background: #00A3AD;
}



.about_case li{ width: 22%; margin-left:3%; }

.ad_box{ position: relative;}
.ad_box .pic span{ padding-top: 42.8%; }
.ad{ width: 50%; background:#fff;  position: absolute; top: 0 ;right: 0; }
.ad .con{ padding:0.4rem 0.3rem;  }
.ad .con p{ font-size: 16px; }
.ad .con h2{ font-size: 0.4rem; font-weight: bold; margin:auto; }
.ad .con .text{ margin:10px auto; line-height: 1.8; font-size: 18px; color: #666; }


.gongneng{}
.gongneng .item{ float: left;  width: 32%; margin-left: 2%; position: relative;transition: all 0.5s; }
.gongneng .item:first-child{ margin-left: 0; }
.gongneng .item .pic span{ padding-top: 120%; }
.gongneng .item .text{ position: absolute; top: 0; left: 0; width: 100%;  background: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0));  height: 100%; }
.gongneng .item .text .con{ padding:30px; color: #fff; }
.gongneng .item .text .con h3{ display: block; font-size: 20px; margin-bottom: 30px;  }
.gongneng .item .text .con p{ margin-top: 10px; font-size: 18px;  }
.gongneng .item a:hover .text .con p{ opacity: .8; }
.gongneng .item .tit{position: absolute; width: 100%; background: linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0)); right: 0; bottom: 0; padding: 30px 0 20px 0; font-size: 20px; color: #fff;}
.gongneng .item .tit p{ padding: 0 30px; text-align: right; }
.gongneng .item .tit p a{color: #fff; }
.gongneng .item .tit p a:hover{  opacity: .8; }

.gongneng .item .down_list{  }
.gongneng .item .down_list li { margin:10px auto; }
.gongneng .item .down_list li a{ color: #fff; display: block;  font-size: 22px; text-decoration: underline; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.gongneng .item .down_list li a i{ font-size: 18px; }
.gongneng .item .down_list li a:hover{   font-weight: bold; }

.gongneng .item:hover{-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); transform: translateY(-10px);}

.fugai_box{display: flex; align-items: center; }
.fugai{ width: 46%; font-size: 18px; }
.fugai h2{ display: block; font-size:0.48rem;  font-weight: bold;  }
.fugai p{ margin:10px auto; line-height: 1.5; }
.shuzi{  width: 40%; margin-left: 5%; }
.shuzi li{ float: left;  font-size: 24px; }
.shuzi li span{ display: block; color: #FF0000; font-size: 0.64rem; font-family: "Noto Sans","Noto Sans CJK SC","Hei" ; }
.shuzi li p{ margin:auto; }
.shuzi li:nth-child(2n) { float: right; }




.lxwm{ background:#1F3C4C; padding: 1rem 0; text-align: center; color: #fff; font-size: 16px; margin:auto;}
.lxwm .tit{ margin:auto;  }
.lxwm .tit h3{font-size:0.59rem;}
.lxwm .dec{ margin-top: 0.24rem;  }
.lxwm .dec span{ font-size: 24px; display: block; margin:0.3rem auto 0.6rem auto;  }
.lxwm .dec a{ display: block; width: 2.5rem; height: 0.5rem; line-height: 0.5rem; border-radius: 0.5rem; background: #D72D18; color: #fff; margin:auto;  transition: all 0.5s; font-size: 18px;}
.lxwm .dec a:hover{ background:#9e2b1f;}

.case_box{margin: -1.3rem auto 0.3rem auto; width: 95%; position: relative; }
.case_list{  }
.case_list .swiper{ padding:0.2rem 0.1rem 0.6rem 0.1rem; }
.case_list a{ background:#fff; -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); display: block; padding: 10px; }
.case_list .pic span{ padding-top: 66%; }
.case_list .text{ margin:10px auto; }
.case_list .text span{ font-size: 20px; display: block; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.case_list .text p{ margin:10px auto;font-size: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;  color: #444; font-family: Gesta,Tahoma,Arial,Helvetica Neue,Bitstream Vera Sans,Helvetica,sans-serif;}
.case_list .more2 { font-size: 16px; }
.case_list .more2 i{ font-size: 20px; color: #D72D18; }
.case_list .swiper-button-next,.case_list .swiper-button-prev{top: auto; bottom: 0; outline: none;  }
.case_list .swiper-button-next:after,.case_list .swiper-rtl .swiper-button-prev:after,.case_list .swiper-button-next:after,.case_list .swiper-button-prev:after{ font-size: 24px; font-weight: bold; color: #B3B3B3; }
.case_list .swiper-button-next{ right: 40%;}
.case_list .swiper-button-prev{ left: 40%; }
.case_list .swiper-pagination-bullet{ background: #B3B3B3; opacity: 1; outline: none; width: 10px; height: 10px; }
.case_list .swiper-pagination-bullet-active{ background: #00A3AD; }

.ad_con{ border-left: #E6F6F7 5px solid; padding-left: 2.5%; width: 70%; }
.ad_con p{  font-size: 0.26rem; line-height: 1.5; color: #1A1A1A; }
.ad_con span{display: block; font-size: 16px; margin:10px auto;  color: #1A1A1A; opacity: 0.9;}


.index_hezuo{ margin:auto; font-size: 26px;}
.index_hezuo_con{margin:20px auto 0 auto;  }
.index_hezuo_con img{ display: block; margin:auto; }

.n_header{ position: relative;  margin:auto; height:140px;  }
.route{ border-bottom: #E5E5E5 1px solid; padding: 15px 0; margin:auto; overflow: hidden; font-size: 16px; border-top: #E5E5E5 3px solid; }


.foot_box{ background:#102129; padding: 0.5rem 0; }
.foot1{ margin:auto; margin-bottom: 0.3rem; border-bottom: #353D42 1px solid; padding-bottom: 0.3rem; }
.foot_l{ float: left; width: 12%; margin-right: 5%;  }
.foot_l p{ margin-bottom: 20px; }
.foot_nav{ overflow: hidden; }
.foot_nav ul{ float:left;  width:20%; padding-bottom:25px;}
.foot_nav ul.p{  width:310px; margin-left:5.5%;}
.foot_nav ul li.t{ padding-bottom:17px;}
.foot_nav ul li a{ color:#FFF; font-size:16px; }
.foot_nav ul li.small{ line-height:26px;}
.foot_nav ul li.small a{ font-size:14px;}
.foot_nav ul li a:hover{  text-decoration: underline;}
.foot_nav ul li.small1{ color:#FFF;}
.foot_nav ul li.small1 p{ line-height:26px;}

.foot2{ color: #B3B3B3;margin:auto; text-align: center; }
.foot2 span{ padding: 10px; }
.foot2 a{color: #B3B3B3;}
.foot2 a:hover{ text-decoration: underline; }
.foot2 p{ margin:10px auto; }
.nbanner{ position: relative;  height: 338px; margin:auto; overflow: hidden; }
.nbanner .pic_banner{background-size: auto; background-repeat: no-repeat;background-position: right center; position: absolute; right: 0; top: 0; width: 100%; height: 100%; text-align: right;  }

.nbanner .mask{ position: absolute; left: 0; top: 0; width: 68%; height: 100%; text-align: left; z-index: 1; }
.nbanner .text{ position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); color: #fff; font-size: 20px; z-index: 2; }
.nbanner .text span{ font-size: 52px; display: block; line-height: 1; }
.nbanner .text p{ margin-top: 20px; }

.n_dh{ margin: auto;  margin-bottom: 20px;  }
.n_dh a{ display: inline-block; padding-right: 20px; font-size: 24px; margin: auto; color: #1A1A1A;   }
.n_dh a.on{ color: #0071AD; font-weight: bold; }



.about_item{ margin:0 auto 0.3rem auto; border-bottom: #B3E3E6 1px solid; padding-bottom: 0.3rem; }
.about_item1{ padding-bottom:0; }
.about_tu{ float: right; width: 23%; margin-left: 2%; }
.about_tu .pic span{ padding-top:66%; }
.about_con{ overflow: hidden; width: 75%;  float: left;   }
.about_con h2,.about_con h1,.about_con h3{ font-size: 28px; margin:auto; color: #1A1A1A; }
.about_con p{ font-size: 18px; line-height: 1.5; margin:10px auto; }
.about_con a{ display: block; margin-top: 0.2rem; font-size: 16px; color: #0071AD; }
.about_con .more2 a{ color: #fff; }
.about_con a:hover{ text-decoration: underline; }
.about_list { margin:0.3rem auto 0 auto; }
.about_list li{ float: left; width: 23.5%; margin-left: 2%; margin-bottom:2%; }
.about_list li.li1{ margin-left: 0; }

.hezuo_list li{ width: 18.4%; }
.hezuo_list .text,.hezuo_list .more2{display: none;}
.hezuo_list .pic1 span{  padding-top: 50%; }
.about_con .wei{display: flex; align-items: center; margin:0.3rem auto; }
.about_con .wei .img{ float: left; width: 1.3rem; margin-right: 20px; }
.about_con .wei .wei_r{ overflow: hidden;  }
.about_con .wei .wei_r i{ display: block; font-size: 20px; }
.about_con .wei .wei_r span{ display: block; font-size: 16px; margin-top: 10px; }

.more2 a{ width: 3rem; background:#00A2AC;}
.more2 a:hover{ background:#005A63 ; }

.news_r{ float: right; width: 30%; margin-left: 2%; overflow: hidden; -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);}
.news_l{}
.news_l1{overflow: hidden; -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); padding:0 20px;}
.news_dh{ border-top: #00A3AD 5px solid; font-size: 20px;border-bottom: #ddd 1px solid; padding: 10px 20px;  }

.tong_list3{ margin: auto;  }
.tong_list3 li{ margin: 15px auto; border-bottom: #ddd 1px solid; padding-bottom: 15px;  }
.tong_list3 li a{  display: block; }
.tong_list3 li a h3{ font-size: 20px; color: #0071AD ; }
.tong_list3 li a:hover h3{ text-decoration: underline; }

.news_box{ margin-bottom: 0.3rem; }

.news_list{ margin: auto;  padding:0 20px;}
.news_list li{ margin: 15px auto; border-bottom: #ddd 1px solid; padding-bottom: 15px;  }
.news_list li a{  display: block;  font-size: 18px;}
.news_list li a h3{ font-size: 26px; color: #0071AD ; }


.pic_list1{ margin:0.3rem auto; }
.pic_list1 li{  margin-bottom:1%;}
.pic_list1 li.li1{ margin-left: 0; }

/*证书样本*/

.pic_list2 li{ float: left;  width: 21.25%; margin-left: 5%; margin-bottom: 2%; position: relative; transition: all 0.5s; }
.pic_list2 li.li1{ margin-left: 0; }
.pic_list2 li .pic1{-webkit-box-shadow: 0 0px 15px rgba(0,0,0,0.5); -moz-box-shadow: 0 0px 15px rgba(0,0,0,0.5); -o-box-shadow: 0 0px 15px rgba(0,0,0,0.5);box-shadow: 0px 0px 15px rgba(0,0,0,0.5);}
.pic_list2 li .pic1 span{ padding-top: 141.3%; }
/*.pic_list2 li .text{  margin:auto; height: 63px;}*/
.pic_list2 li .text{  margin:auto; text-align: center;}
.pic_list2 li .text .tit{ white-space:nowrap;overflow:hidden;text-overflow:ellipsis; margin:10px auto; }
.pic_list2 li .text .con{ padding:15px; font-size:16px; text-align: center; }
.pic_list2 li .text .con span{ display: block;  }
.pic_list2 li .text .con p{ margin-top: 10px;text-decoration: underline; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.pic_list2 li .text .con p i{ font-size: 20px; }
.pic_list2 li a:hover .text .con p{ font-weight: bold; }
.pic_list2 li:hover{ transform: translateY(-10px);}

.pic_list2_tx li{ float: none; width: auto; margin:auto; }
 .pic_list2 .swiper-slide {
      transition: 300ms;
      transform: scale(0.8);
    }
.pic_list2 .swiper-slide-active,.pic_list2 .swiper-slide-duplicate-active{
      transform: scale(1);
    }

 .pic_list2 .swiper-wrapper{ padding: 50px 0; }

 .pic_list2 .swiper-button-next,  .pic_list2 .swiper-rtl .swiper-button-prev{ right: 0;   }
 .pic_list2 .swiper-button-prev,  .pic_list2 .swiper-rtl .swiper-button-next{ left: 0; }
.pic_list2 .swiper-button-next, .pic_list2 .swiper-button-prev{ outline: none; color: #F08519; background-image: none;}
.pic_list2 .swiper-pagination-bullet{  opacity: .2; outline: none; }
.pic_list2 .swiper-pagination-bullet-active{opacity: 1; background: #F08519; }
/*认证项目*/
.renzheng_box{ background:#EEF0F1; padding: 0.6rem 0; }
.renzheng_fl{margin:auto; font-size: 16px;}
.renzheng_fl li{ float: left; width: 30%; margin-left: 5%; background:#fff; -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);}
.renzheng_fl li.li1{ margin-left: 0; }
.renzheng_fl li .pic span{ padding-top: 66%; }
.renzheng_fl li .text{ margin:auto; padding:20px; }
.renzheng_fl li .text h2{ display: block; font-size: 22px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.renzheng_fl li .text p{ margin:10px auto; line-height: 1.5;  color: #666; min-height: 1rem; }
.renzheng_fl li .text a{ color: #0071AD ; }
.renzheng_fl li .text a:hover{ text-decoration: underline; }
.renzheng_fl li:hover{ -webkit-box-shadow: 0 0px 15px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 15px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 15px rgba(0,0,0,0.2);box-shadow: 0px 0px 15px rgba(0,0,0,0.2);}

.renzheng_con{ width: 75%; float: none; }

.renzheng_tj{ margin:auto; }

.renzheng_youshi{font-size: 18px;}
.renzheng_youshi li{ float: left; width: 40%; margin-right: 10%;}
.renzheng_youshi li h2{ display:block; margin:auto;  font-size: 24px; color: #1A1A1A;}
.renzheng_youshi li p{ margin:10px auto;  line-height: 1.5; }
.renzheng_youshi li a{color: #0071AD ; display: block; margin:5px auto;}
.renzheng_youshi li a:hover{ text-decoration: underline; }

.renzheng_dh{ margin:20px 0 20px 0;  }
.renzheng_dh h3{ font-size: 28px; }
.renzheng_list{ margin:10px auto; display: grid; grid-template-columns: repeat(3, 1fr); gap:20px; }
.renzheng_list li{ /*float: left; width: 30%; margin-left: 5%; */border-top: #E6F6F7 1px solid; padding-top: 20px; /*margin-bottom:15px; */  }
.renzheng_list li a{ display: block; }
.renzheng_list li a p{ font-size: 20px; color: #0071AD;/*display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; min-height: 55px;*/}
.renzheng_list li a span{ font-size: 16px; color: #999; display: block;  margin:5px auto; }
.renzheng_list li.li1{ margin-left: 0; }
.renzheng_list li a:hover p{ color: #005A63; }

/*服务*/

.pic_list_fuwu{ margin:0.3rem auto 0 auto; }
.pic_list_fuwu li{ width: 22.75%; margin-left: 3%; }

.mess{  margin-top: 0.3rem; width:75%; }
.mess p{ margin:10px auto; }

.mess p input{display: block; font-size: 16px;
    width: 100%;
    padding: 17px;
    margin-bottom: 20px;
    border: 1px solid #eee;
    background: #eee;
    border-radius: 2px;
    outline: 0;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.mess dd textarea{display: block;font-size: 16px;
    width: 100%;
    padding: 17px;
    margin-bottom: 20px;
    border: 1px solid #eee;
    background: #eee;
    border-radius: 2px;
    outline: 0;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box;}
.mess dt input{display: block; font-size: 18px;margin: 0 auto!important; background: #D72D18; color:#FFF; border:none; cursor:pointer; transition: 0.5s all; border-radius: 0.55rem; width: 2rem; height: 0.55rem; line-height: 0.55rem;}
.mess dt input:hover{background:#9e2b1f;}


.fuwu_l{ float: left; width: 30%;  }
.fuwu_r{  float: right;  width: 57%; }
.fuwu_item{ float: left; width: 30%; margin-left:4%; background:#fff; -webkit-box-shadow: 0 0px 15px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 15px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 15px rgba(0,0,0,0.2);box-shadow: 0px 0px 15px rgba(0,0,0,0.2); border-top: #ddd 5px solid; border-radius: 5px;  }
.fuwu_item .con{padding: 20px; min-height: 150px; }
.fuwu_item h2{ font-size: 24px; color: #1A1A1A; }
.fuwu_item li{ margin:10px auto; }
.fuwu_item li a{ display: block; font-size: 18px; color: #0071AD; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.fuwu_item li a:hover{text-decoration: underline;}
.fuwu_item1{ margin-left: 0; }

/*培训*/
.peixun_box{ padding-bottom:1px; }
.peixun_list li{ margin-bottom:1%; }
.peixun_list li .pic span{ padding-top: 105%; }
.peixun_con{ width: 100%; float: none; }
.peixun_jj{ margin:auto; }
.peixun_l{ float: left; width: 48%; margin-right: 2%;  }
.peixun_l h2{font-size: 26px; }
.peixun_r{ overflow: hidden; font-size: 18px; line-height: 1.8; }
.peixun_l li{ margin:auto; }
.peixun_l li a{ display: inline-block; background:#00A3AD; color: #fff; border-radius: 0.5rem; line-height: 0.5rem; padding: 0 20px; }
.peixun_l li a:hover{ background:#007D8A; }

.penxun_item{ border-bottom: #B3E3E6 1px solid; }
.pic_list3{ margin:0.3rem auto;  }
.pic_list3 li{ float: left; width: 48%; margin-left:4%; background:#fff; -webkit-box-shadow: 0 0px 15px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 15px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 15px rgba(0,0,0,0.2);box-shadow: 0px 0px 15px rgba(0,0,0,0.2); border-top: #ddd 5px solid; border-radius: 5px;  margin-bottom:4%; transition: all 0.5s; }
.pic_list3 li a{ display: block;  }
.pic_list3 li .con{padding: 20px;}
.pic_list3 li h3{font-size: 22px; color: #0071AD;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.pic_list3 li p{ margin:10px auto; font-size: 16px; line-height: 1.8; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; height: 90px; }
.pic_list3 li em{ display: block; color: #00A3AD; font-size: 16px; }
.pic_list3 li:hover{transform: translateY(-10px); border-top: #00A3AD 5px solid;}
.pic_list3 li.li1{ margin-left: 0; }

.pic_list_n3{margin:0.3rem 0 0 0; width: 75%;}
.pic_list_n3 li{ float: none; width: 100%; margin-left: 0;  }


.peixun_sou{ background: #fff;box-shadow: 0px 0 4px 0px #888888; border-radius: 3px; padding:30px; margin-top:-86px; position: relative; z-index: 1; }
.peixun_sou .layui-form-item{ margin-bottom: 0; }

.peixun_sou .layui-form-item .layui-inline.peixun_fenlei{ margin-bottom:0; width: calc(100% - 380px); }
.peixun_sou .layui-form-item .layui-inline.peixun_but{ margin-right:0;margin-bottom:0; }
.peixun_sou .layui-btn{ height: 50px; width: 124px; line-height: 50px; margin:auto; padding:0; text-align: center; background: #00A3AD; font-size: 18px;  border-radius: 50px;}
.peixun_sou .layui-input{  height: 50px; line-height: 50px; font-size: 16px;color: #1A1A1A; border:#737373 1px solid; }
.layui-form-select dl dd, .layui-form-select dl dt{ font-size: 16px; line-height: 50px; }
.layui-form-select dl dd.layui-this{ background-color: #00A3AD;  }
.peixun_sou.peixun_sou1{box-shadow: 0px 0 0px 0px #888888; margin-top:10px;}
.case_xm{ margin:0.3rem 0 0 0; width: 75%; }
.case_xm li{ margin:20px auto;  }
.case_xm li a{ display: block; }
.case_xm li .pic{ float: left; width: 20%; margin-right: 3%; }
.case_xm li .pic span{ padding-top: 150%; }
.case_xm li .text{ overflow: hidden; font-size: 18px;  }
.case_xm li .text span{ display: block; font-size: 22px; font-weight: bold; }
.case_xm li .text p{ margin:10px auto 20px auto; }
.case_xm li .text em{ display: block; color: #0E4E70; }
.case_xm li a:hover .text em{text-decoration: underline;}

.down_listxm{margin:0.3rem auto 0 auto;}
.down_listxm li{ margin:10px auto; }
.down_listxm li a{ display: block; color: #0E4E70; font-size: 18px; }
.down_listxm li a:hover{ text-decoration: underline; }


.piao{ position: fixed; right: 10px; top: 20%;  width: 219px; z-index: 99999; -webkit-box-shadow: 0 0px 15px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 15px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 15px rgba(0,0,0,0.2);box-shadow: 0px 0px 15px rgba(0,0,0,0.2);}
.piao a{ display: block; }
.piao a img{ display: block; }
.piao a img.xian{  }
.piao a img.yin{ display: none; margin-top: 10px;}
.piao a:hover img.yin{ display: block; }

.wap{ display: none; }





.topw{ position:relative}
.topw div.sous{ position:fixed; left:0px; top:0px;   width:100%; display:none; z-index:99999; height:100vh; background:rgba(0,0,0,0.4) }

.topw .sous_nr{background:#FFF;padding-bottom:30px; overflow-y:auto; height: calc(100vh - 30px);box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.topw div.sous div.sous1{ width:97%;  padding-top:14px; margin:auto}
.topw div.sous div.sous1 div.soutit{ border-bottom:2px solid #eef0f1; height:40px; line-height:40px; position:relative; left:45px;}
.topw div.sous div.sous1 div.soutit i{ display:inline-block; position:absolute; left:0px; top:0px; height:40px; line-height:40px; font-size:20px; font-weight:bold; padding:0px 14px; border-bottom:2px solid #00a3ad;}
.topw div.sous div.sous1 dl{ margin:16px auto; height:49px; line-height:49px; border:1px solid #00a3ad; border-radius:49px; overflow:hidden; position:relative;}
.topw div.sous div.sous1 dl input{ background:none; border:none; height:49px; line-height:49px; padding-left:29px; font-size:16px; width:100%;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
}
.topw div.sous div.sous1 dl a.abtn{ display:block; position:absolute; right:0px; height:49px; width:49px; text-align:center; border-radius:49px; color:#FFF; background:#00a3ad; top:0px; line-height:49px;}
.topw div.sous div.sous1 ul{ padding-top:30px;}
.topw div.sous div.sous1 ul li.at{ font-size:16px;}
.topw div.sous div.sous1 ul li{ line-height:40px;}
.topw div.sous div.sous1 ul li a{}
.topw div.sous a.gb{ position:absolute; left:0px; top:10px; font-size:16px; line-height:50px;}

.sp_sou{ float:right; font-size:20px; height:50px; line-height:50px;}

.box1{ margin:50px auto; }
.ernav_sou_m{ padding:0; margin:20px 0 40px 0; width: 50%; }
.ernav_sou_m input[type="submit"]{ font-size: 16px; width: 130px; }
.ernav_sou_m  input[type="text"]{width: calc(100% - 130px);}