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

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


.ani{transition:All .3s linear 0s;
-webkit-transition:All .3s linear 0s;
-moz-transition:All .3s linear 0s;
-o-transition:All .3s linear 0s;}


.middle{ margin: 0px auto; width:1200px; margin:auto; max-width:96%}
.head_dian{ height:91px; border-bottom:1px solid #27C2D6;}
.head_dian.fix{ border-bottom:1px solid rgba(0,0,0,0)}
.head{ height:91px; background:#FFF; line-height:91px; z-index:999; position:fixed; width:100%; left:0; top:0;}
.head a.logo{ float: left; display:inline-block; height:51px; line-height:51px; margin-top:20px; margin-left:20px; font-size:40px; color:#666; }
.nav{ float:right; }
.nav li{ float: left; text-align: center; position: relative; z-index: 999;}
.nav li a{ display: block; font-size:18px;padding: 0 20px;}
.nav li:hover a{}
.nav li.on a{color:#27c2d6}
.head .nav li .sub-box1{ position:absolute;text-transform:none; top:91px; left:0;  width:200px; 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);background-color: #F2F2F2; }

.nav li:hover .sub-box1{ display: block; height: auto; z-index: 1;opacity:1; filter:alpha(opacity=1); }
.nav li .sub-box a{font-weight: 400; display: block; color:#333; margin: auto; text-align:left; text-indent:20px; border-bottom: #e6e6e6 1px solid; height:48px; line-height: 48px; }
.nav li .sub-box a:hover{ background: #e4e4e4; }

.head.fix{background: rgba(255,255,255,.9); height:60px; line-height:60px;-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);}
.head.fix a.logo{ font-size:30px; height:40px; line-height:40px; margin-top:10px;}
.head.fix .nav li .sub-box1{ top:60px; }




.nbanner{ margin: auto;  }
.nbanner .pic span{ padding-top: 20%; }
.n_dh{ margin: auto;  text-align: center; }
.n_dh a{ display: inline-block; padding: 10px 20px; font-size: 16px; margin: 50px 10px 20px 10px; }
.n_dh a:hover{color: #fff; background: #1E4FB1; }
.n_dh a.on{color: #fff; background: #1E4FB1; }

/*返回顶部*/
#goTopBtn{ width: 38px; height: 38px; background: #6D1EEB; color: #fff; text-align: center;  border-radius: 100%; z-index: 99999; cursor: pointer; display:none!important }
#goTopBtn i{ font-size: 22px;line-height: 38px; }

.banner .hdp_nr{ position:absolute; height:100%; left:0; top:0; width:100%; display: flex;align-items: center;}
.banner .hdp_nr dl{ margin-left: 50px; }
.banner .hdp_nr p.pj{    font-size: 48px;
    font-weight: 300;
    letter-spacing: 0px;color: #16171e; padding-bottom:10px;}
.banner .hdp_nr p.pj1{font-size: 25px;
    font-weight: 300;
    letter-spacing: 0px;color: #16171e;}
.banner .hdp_bottom{background-color: rgba(39,194,214,.6);
    padding: 20px; position:absolute; left:0; bottom:0;}
.banner .hdp_bottom dl{border: 1px solid #fff;
    padding: 30px 30px 30px 30px;font-size: 25px;
    line-height: 32px;
    font-weight: 300;
    letter-spacing: 0px; color:#FFF}

.foot{background: rgba(0, 0, 0, 0.04); height:90px; line-height:90px;}
.foot .foot_nr{ width:1200px; margin:auto; max-width:96%}
.foot .foot_nr span{}
.foot a.ftop{ float:right; display:inline-block;background-color: transparent;
    border-width: 2px;
    border-style: solid;
    border-radius: 3px;
    transition: background-color .2s ease-in-out, color .2s ease-in-out;display: inline-block;
    position: relative;
    overflow: hidden;
    width: 42px;
    height: 42px;
    line-height: 42px!important;
    font-size: 20px!important;
    margin: 0;
    text-align: center;
    text-decoration: none!important; color:#333;
    transition: color .1s ease-in-out, background-color .1s ease-in-out, border-color .1s ease-in-out; margin-top:24px;}


.route{    background-color: rgba(125,218,230,1); padding:2% 0;}
.route span{    font-size: 36px;
    line-height: 48px;
    font-weight: 300;
    letter-spacing: 0px; color:#FFF;}

.pic_list{display: grid;grid-template-columns: repeat(3, minmax(0px, 1fr));gap:23px; width:1153px; margin:auto; max-width:100%; padding:23px 0;}
.pic_list .item{ background:#FFF;}
.pic_list .item .pic span{ padding-bottom:78%;}
.pic_list .item .txt{ padding:19px;}
.pic_list .item .txt span{font-size: 25px;
    line-height: 32px;
    font-weight: 300;
    letter-spacing: 0px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.pic_list .item .txt p{ line-height:22px;  color:#999; margin:16px 0 15px 0; font-size:16px;}
.pic_list .item .txt em{ display:inline-block; color:#27c2d6; float:right}
.pic_list .item .txt em:before{ color:#999}

.detail_nr{ display:flex;}
.detail_nr .detail_l{width:76%; margin-right:2%;}
.detail_nr .detail_r{ width:22%;}
.detail_nr .detail_r .dtitle{ font-size:16px;}
.detail_nr .detail_r ul{    background-color: #27c2d6; margin-top:20px;}
.detail_nr .detail_r ul a{ position:relative; display:block; color:#FFF; height:40px; line-height:40px; width:100%; font-size:16px; border-bottom:1px solid #52CEDE; text-indent:28px;}
.detail_nr .detail_r ul a:before{ display:block; position:absolute; content:''; background:#FFF; width:6px; height:6px; left:13px; top:50%; margin-top:-3px;}


.box{display: grid; grid-template-columns: repeat(4, 1fr);  gap:20px; margin:60px auto; }
.box li{ text-align: center; background: #fff; padding:40px; text-align: center; transition: all 0.5s; -webkit-box-shadow: 5px 0px 20px rgba(0,0,0,0.2); -moz-box-shadow: 5px 0px 20px rgba(0,0,0,0.2); -o-box-shadow: 5px 0px 20px rgba(0,0,0,0.2);box-shadow: 5px 0px 20px rgba(0,0,0,0.2);}
.box li h2{ font-size: 20px; margin:10px auto; font-weight: bold; }
.box li p{ color: #666; }
.box li .pic_big{ width: 40px; margin:auto; }
.box li .pic1 span{ padding-top: 100%; }
.box li:hover{ transform: translateY(-10px); }