/*公共样式部分*/
body {font-size: 14px;font-family:Microsoft YaHei; min-width:1400px; overflow-x:hidden;}
div,ul,li,span,p,img,h1,h2,h3,h4,h5,h6,dl,dt,dd{margin: 0px; padding: 0px;list-style: none;border: 0px;}
*{margin: 0;padding: 0;box-sizing: border-box;}
em,i{font-style:inherit;font-weight:inherit;}
ul{list-style: none;}
img {border: none;vertical-align: middle;}
a {text-decoration: none;color: #333;}
a:hover{color: #008a7c; text-decoration: none; }
tr,td{padding:0 !important;}
input, textarea {outline: none;border: none;}

/*左右浮动清除*/
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;height: 0px; overflow: hidden;}

/*宽度*/
.w1400{ width:1400px; margin:0 auto; overflow:hidden;}
.page{ width:1400px; margin:0 auto;}

.bg{ width:96%; margin:0 auto;}
.bg1{ width: 100%;min-width: 1400px;position: relative;}


/*距离*/
.top10{ margin-top:10px;}
.top20{ margin-top:20px;}
.top30{ margin-top:30px;}
.top40{ margin-top:40px;}
.top50{ margin-top:50px;}
.top60{ margin-top:60px;}
.top70{ margin-top:70px;}
.top80{ margin-top:80px;}
.top90{ margin-top:90px;}
.top100{ margin-top:100px;}

/*t*/
.t{ font-size:42px; font-weight:bold; text-align:center;}
.t b{ color:#018b7c;}
.t p{ font-size:18px; font-weight:normal; color:#999; line-height:40px;}
.t em{ font-size:0; display:inline-block;height: 8px; margin-top: 10px;}
.t em i{ display:inline-block; width:8px; height:8px; border-radius:50%; background:#018b7c;animation: bounce_fountainG 1.2s linear infinite;} 
.t em i+i{ margin-left:16px;}
.t em i:nth-child(1){animation-delay: .4s;}
.t em i:nth-child(2){background:rgba(1,139,124,0.6);animation-delay: .6s;}
.t em i:nth-child(3){animation-delay: .8s;}


.t1{ font-size:42px; font-weight:bold; text-align:center; color:#ffffff;}
.t1 p{ font-size:18px; font-weight:normal; color: rgba(255, 255, 255, 0.7); line-height:40px;}
.t1 em{ font-size:0; display:inline-block;height: 8px; margin-top: 10px;}
.t1 em i{ display:inline-block; width:8px; height:8px; border-radius:50%; background:rgba(255,255,255,0.7);animation: bounce_fountainG 1.2s linear infinite;} 
.t1 em i+i{ margin-left:16px;}
.t1 em i:nth-child(1){animation-delay: .4s;}
.t1 em i:nth-child(2){background:rgba(255,255,255,0.4);animation-delay: .6s;}
.t1 em i:nth-child(3){animation-delay: .8s;}



@keyframes bounce_fountainG { 
0% {
transform:scale(1);
}
100% {
transform:scale(.5);
}
}


/*top*/
.head_bg{position: absolute; top:0px;}
.nyhead_bg{ background: #fff; width: 100%;  }
.head{width:96%;margin:0 auto; background: #fff; height: 140px; z-index: 999; position: relative; padding:0 2%; border-radius: 0 0 20px 20px;}
.logod{margin-top: 0px; height:140px; padding: 0.6% 0%; position: relative; z-index: 999;}
.logo{margin-top: 4px;}
.name{margin-top:20px;margin-left: 1.2vw; position:relative;}
.name p{font-size:28px; font-weight:bold; color:#222; padding-bottom:10px; letter-spacing:0.45vw;}
.name b{width:90px; height:30px; line-height:30px; background:#f78806; float: left;  color: #fff; text-align: center;     font-size: 16px;     font-weight: normal;}
.name b+b:before{content:""; width:10px; height:10px; border-radius:30px; background:#fff; position: absolute; bottom: 10px; margin-left: -21px;}
.name b+b {margin-left: 5px;}

/*nav*/
.nav{height:140px;position: relative;z-index: 999;}
.nav>ul>li{ float: left; display: block;height:140px;padding-left:1vw;}
.nav>ul>li>a{ display: block; color: #333; font-size: 16px; text-align: center;position: relative; z-index: 2;   line-height: 140px; }
.NavCeshi li{position: relative;}
.NavCeshi > li.navcurrent>a, .NavCeshi > li:hover >a{transition: .3s all ease-in-out; color:#018b7c; font-weight:bold;}



/*下拉导航*/
.nav li>.nav2 {display: none;position: absolute; left: -200px;  top: 140px;  z-index: 99999;   background: rgba(255,255,255,0.98); padding: 30px;     width: 400px;}
.nav li>.nav2 a{display: block;  height:46px; line-height:46px; width: 90px; font-size: 15px; text-align: center; color:#444; }
.nav li>.nav2 a:hover{ color: #018b7c;     text-decoration: underline;}
.nav2_r{margin-left: 10px;}
.nav2_r img { width: 220px;}


.head_r {width: 15%;position: relative;margin-top:53px; z-index: 9999;}
.head_r:before {content:'';width:1px;height:140px;background: rgba(255,255,255,0.2);position: absolute;top: -35px;left: -36px;display: none;}
.head_r>ul {display: flex;justify-content: space-between;align-items: center;}
.head_r>ul>li { margin-right: 8px;}
.head_r>ul>li i {font-size: 16px;line-height:  20px;position:relative;border: 1px solid #ccc;border-radius: 50%;width: 30px;height: 30px;display: flex;justify-content: center;align-items: center;color: #ccc;}

.head_r>ul>li a {font-size:14px;color:#666;}

.head_r>ul>li:hover .tit_sel{transform: rotateX(0);transition: all 0.5s;} 
.tit_sel {background: rgba(1, 139, 124,0.8);transform: rotateX(90deg);position: absolute;right: -55px;transition: all 0.5s;font-size: 16px;padding: 34px;z-index: 9999;top: 87px;transform-origin: top;     width: 850px;}
.tit_sel span {font-size: 24px;display: block;color: #152682;font-family: Arial;}
.tit_icon:hover .tit_sel{transform: rotateX(0);transition: all 0.5s;}
#search-i{float:left; width:30px; height:33px; overflow:hidden; margin-top:20px;  box-sizing: border-box; padding-top: 7px;    border: 1px solid #b2dbd7;border-left: none;margin-left: -15px;}
#search-bg{float:left;width:668px;height:33px;overflow:hidden;padding-left:14px;margin-top:20px;box-sizing: border-box;border: 1px solid #b2dbd7;border-right: none;text-align: left;line-height: 30px;}
.search-text{font-size:14px;color: #fff;justify-content: center;align-items: center;}
.search-text a{ font-size:14px; color: #fff !important;}
.search-text a:hover{ font-size:14px; color: #ffffff;}
.search-text span{ float:left;  color:#ffffff;font-size: 15px;}
#infoname{ border:none;background:none; outline:none;} 
.search_name {float: left;font-size:22px;color: #ffffff; line-height: 32px;position: relative;z-index: 5;padding: 15px 0;width: 264px;height: 96px;background: #cb0303;text-align: center;}
.search_name:after {content: "";width: 0px;height: 0px;border-top: 7px solid #005299; border-right: 7px solid transparent;border-bottom:8px solid transparent; border-left: 7px solid #005299;position: absolute; top: 81px; right: -13px; transition: 0.5s all ease-in-out; }
.form {justify-content: center;display: flex;}

.Tel{float: right;  position: relative;  padding-left:54px;  z-index: 5; margin-top: 30px; background:url(https://memberpic.114my.com.cn/hainaxunbang/uploadfile/image/20220726/20220726163625_225546446.png) no-repeat left;}
.Tel p{ font-size:25px; color:#333; font-family: Impact; }



@media screen and ( max-width:1500px ){
.bg,.head{    width: 98% !important; }
.head{padding: 0 1% !important; }
.nav>ul>li{padding-left: 0.5vw !important;}
	}

@media screen and ( max-width:1460px ){
.vs_bt,.nycs_bt{ width: 98% !important;}

	}
@media screen and ( max-width:1400px ){
.vs_bt,.nycs_bt{ width: 96% !important;}
	}



@media screen and ( max-width:1366px ){
.bg,.head{    width: 98% !important; }
.head{padding: 0 1% !important; }
.nav>ul>li{padding-left: 0.5vw !important;}
.name p { font-size: 26px !important;}
.name b{width: 82px !important;}
.name b+b:before{margin-left: -17px !important;}
.nav>ul>li>a{font-size: 15px !important;}
.nyhead_bg .nav {  position: relative; left: -120px;}

.vs_bt,.nycs_bt{ width: 95% !important;}

	}


@media screen and ( max-width:1300px ){
.bg,.head{    width: 100% !important; }
.head{padding: 0 1% !important; }
.nav>ul>li{padding-left: 0.5vw !important;}
.name p { font-size: 26px !important;}
.name b{width: 82px !important;}
.name b+b:before{margin-left: -17px !important;}
.nav>ul>li>a{font-size: 15px !important;}
.nyhead_bg .nav {  position: relative; left: -120px;}
.vs_bt{ width: 86% !important;}

	}

@media screen and ( max-width:1250px ){
.vs_bt,.nycs_bt{ width: 75% !important;}
	}


/*pro*/
.pro_bg{ background:url(https://memberpic.114my.com.cn/hainaxunbang/uploadfile/image/20220726/20220726203423_1851865055.jpg) no-repeat center; padding:70px 0;}
.pro_w{ background:#fff; border:25px solid #008a7c; width:1450px; margin:0 auto; height:570px; padding: 30px;     border-bottom: none;}
.pro_w1{background: #008a7c; width:1450px; margin:0 auto; padding: 30px;}

.pro_f{ width:53%; float:left;  position:relative;  padding-top: 20px;}
.pro_f1{ font-size:46px; font-weight:bold; position: relative; z-index: 3;}
.pro_f1:after{ content:""; width:39%; height:15px; background:rgba(0,138,124,0.8); display: block; position: relative;  top: -15px; z-index: -1;}
.pro_f2{ font-size:18px; line-height:30px; color:#666;}
.pro_f3 { position: relative;}
.pro_f3 li{background: linear-gradient(to right,#d7e6e4,#fff); height:50px; line-height:50px; font-size:16px; color:#525958; margin: 30px 0 30px 38px;}
.pro_f3 li b{ font-weight:bold; color:#008a7c;}

.pro_f3 li em{width:55px;height: 55px;background: rgba(0, 138, 124,1);border-radius: 50%;display: flex;justify-content: center;align-items: center;position: relative;transition: 0.5s;z-index: 55;cursor:pointer; float:left; left: -27px; top: -3px;}
.pro_f3 li em:after{content:'';width: 70px;height: 70px;background: rgba(0, 138, 124,0.8);position: absolute;top: -8px;left: -8px;border-radius: 50%;z-index: -1;-webkit-animation: warn 2s linear infinite;}





.pro_r{float: right;width: 40%;  position: relative;}
.spleft {   position: absolute;  top: 40%;   left: 45%;}
.spvidio{ display:inline-block; width:68px; height:68px; position:relative;   }
.spvidio span{width:68px; height:68px; background:#f7ab52 url(https://memberpic.114my.com.cn/hainaxunbang/uploadfile/image/20220728/20220728203712_450860374.png) no-repeat center; display:block;z-index:33; position:relative; cursor:pointer;   border-radius: 50%;}
.video_box{width:100%;height:100%;background:rgba(0,0,0,0.6);position: fixed;top:0;left:0;z-index:-1;opacity:0;transition:600ms ease;}
.video_box.cur{opacity:1;z-index:999999;transition:600ms ease;}
.video{position: fixed;top:-100%;left:57%;margin-top:-250px;margin-left:-500px;transition:600ms ease;}
.video_box.cur .video,.video_box.cur .video_x{top:42%;transition:600ms ease;}
.video_x{width:50px;height:50px;border-radius:50px;background:#fff;position: fixed;top:-100%;left:40%;margin-left:520px;margin-top:-270px;text-align: center;line-height:50px;font-size:22px;font-weight: lighter;cursor: pointer;transition:600ms ease;}
.pulse2 {position: absolute;  top: -25%;left: -25%;z-index: 1; width:150%; height:150%; border-radius: 50%; opacity: 0; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; opacity: 0; -webkit-animation: warn 2s ease-out; animation: warn 2s ease-out;-o-animation:warn 2s linear infinite;-moz-animation:warn 2s linear infinite; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; background: #f78806;box-shadow: 1px 1px 30px #f78806; }
.pulse3 {position: absolute; top: -25%;left: -25%;z-index: 1; width:150%; height:150%; border-radius: 50%; opacity: 0; -webkit-animation: warn1 2s ease-out; animation: warn1 2s ease-out;-o-animation:warn1 2s linear infinite;-moz-animation:warn1 2s linear infinite; -webkit-animation-iteration-count: infinite;background: #f78806; animation-iteration-count: infinite;box-shadow: 1px 1px 30px #f78806;}
@keyframes warn {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.6;
    }
    75% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.65;
    }
    100% {
        transform: scale(1);-webkit-transform: scale(1);opacity: 0.0;
    }
}
@-o-keyframes warn {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.6;
    }
    75% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.65;
    }
    100% {
        transform: scale(1);-webkit-transform: scale(1);opacity: 0.0;
    }
}
@-moz-keyframes warn {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.6;
    }
    75% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.65;
    }
    100% {
        transform: scale(1);-webkit-transform: scale(1);opacity: 0.0;
    }
}
@-webkit-keyframes warn {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.6;
    }
    75% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.65;
    }
    100% {
        transform: scale(1);-webkit-transform: scale(1);opacity: 0.0;
    }
}
@keyframes warn1 {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.6;
    }
    75% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.65;
    }
    100% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.0;
    }
}
@-webkit-keyframes warn1 {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.6;
    }
    75% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.65;
    }
    100% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.0;
    }
}
@-o-keyframes warn1 {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.6;
    }
    75% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.65;
    }
    100% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.0;
    }
}
@-moz-keyframes warn1 {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.6;
    }
    75% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.65;
    }
    100% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.0;
    }
}



.pro_wf {overflow:hidden;}
.pro_wf .progdwz2021{width:100% !important;}
.pro_wf ul {width:100%;height: auto !important;display: flex; flex-wrap: wrap; justify-content: space-between;}
.pro_wf ul li {width:330px;overflow: hidden;    border: 1px solid #9abfbb;     height: 316px;}
.pro_wf ul img {width: 100%;}
.pro_wf li a {display: block;position:relative;}
.pro_wf li br {display: none;}
.pro_wf li span a {display: block; font-size: 16px; text-align: center;     padding: 10px 0;}
.pro_wf li>a:after {position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: all 0.3s; transform: scale(0.5) rotateZ(180deg); background: rgba(0, 0, 0, 0.5);}
.pro_wf li:hover>a:after {opacity: 1; transform: scale(1) rotateZ(0deg);}
.pro_wf li>a:before {position: absolute; content: ""; width: 50px; height: 50px; background: url(https://memberpic.114my.com.cn/yangtong/uploadfile/image/20220530/20220530161742_452484007.png) no-repeat;  text-align: center; line-height: 50px; font-size: 24px; top: 50%; margin-top: -25px; left: 50%; margin-left: -25px; transition: all .5s; z-index: 2; transform: scale(0);}
.pro_wf li:hover>a:before {transform: scale(1);}
.pro_wf ul+ul {margin-top:5px;}
.pro_wf li span { position: absolute;  background: #fff;  width: 328px;  line-height: 40px;}
.pro_wf li:hover>a:before{opacity: 1;transform: scaleY(1);}
.pro_wf li img{transition: 0.3s all ease;width: 100%;}
.pro_wf li:hover img{transform: scale(1.1);}
.pro_wf li:hover>a:after{opacity: 1;}
.pro_wf li:hover span, .pro_wf li:hover span a {background: #f78806; color: #fff;}

 


/*case*/
.case_bg{background:url(https://memberpic.114my.com.cn/hainaxunbang/uploadfile/image/20220726/20220726203440_70903485.jpg); width:100%; padding:70px 0;}
.case_t{ width:1400px; margin:0 auto; height:140px; }
.case_t li{ float:left; background:url(https://memberpic.114my.com.cn/hainaxunbang/uploadfile/image/20220727/20220727105140_615002922.jpg); width:233px; height:140px; font-size:22px; text-align:center; color:#444;}
.case_t li:nth-child(1){ background:url(https://memberpic.114my.com.cn/hainaxunbang/uploadfile/image/20220727/20220727105544_89417979.jpg); width:233px; height:140px; color:#fff;}
.case_t li:nth-child(3){ background:url(https://memberpic.114my.com.cn/hainaxunbang/uploadfile/image/20220727/20220727110807_432836221.jpg); width:233px; height:140px; color:#018a7b;}
.case_t li:nth-child(5){ background:url(https://memberpic.114my.com.cn/hainaxunbang/uploadfile/image/20220727/20220727111151_14334928.jpg); width:233px; height:140px; color:#5e3416;}
.case_t li p{ padding-top:20px; padding-bottom:15px;}
.case_t li a{ font-size:22px;}
.case_t li:nth-child(1) a{ font-size:22px; color:#fff;}
.case_t li:nth-child(3) a{ font-size:22px; color:#018a7b;}
.case_t li:nth-child(5) a{ font-size:22px; color:#5e3416;}


.case_w{ background: #fff;   width: 1397px; padding: 20px;  margin: 0 auto;   height:684px; position: relative; display:block;}
.case_w a{position: absolute;overflow: hidden;}
.case_w a:nth-child(1){width: 660px;height: 643px;}
.case_w a:nth-child(1) p{}
.case_w a:nth-child(2){width: 678px;height: 310px;right: 20px;}
.case_w a:nth-child(3){width: 328px;height: 313px;top: 350px;left: 699px;}
.case_w a:nth-child(4){width: 329px;height: 314px;top: 350px;right:21px;}
.case_w p{width: 100%;height: 100%;background: rgb(0 0 0/0.6);position: absolute;top:-100%;left: 0;display: flex;align-items: center;justify-content: center;transition: 0.3s;}
.case_w a:hover p{top:0;}
.case_w span{font-size: 18px;color: #fff;}

.case_w a i{ display: block; width: 100%;   overflow: hidden;  }
.case_w a i img{width: 100%;-webkit-transition: 0.3s ease all;transition: 0.3s ease all;height: auto;}
.case_w a:hover img{transform: scale(1.1);}

/*proadv*/
.proadv_bg{ width:100%; background:url(https://memberpic.114my.com.cn/hainaxunbang/uploadfile/image/20220727/20220727114800_1572160939.jpg) no-repeat center; width:100%; height:999px; padding:70px 0;}

.proadv_f{ width:27%;}
.proadv_f dl{width: 380px; margin: 40px 0; float: left;}
.proadv_f dd{ margin-right: 20px; float:left; background:url(https://memberpic.114my.com.cn/hainaxunbang/uploadfile/image/20220727/20220727142533_1502236959.png) no-repeat; width:100px; height:113px;}
.proadv_f dd:hover{float:left; background:url(https://memberpic.114my.com.cn/hainaxunbang/uploadfile/image/20220727/20220727141730_878721072.png) no-repeat; width:100px; height:113px;}
.proadv_f dt{ font-size:16px; color:#fff; line-height:30px; margin: 15px 0 0 25px;}
.proadv_f dt p{ font-size:30px; font-weight:bold; padding-bottom: 15px;}

.proadv_r{width:26%; margin-left:1%;}
.proadv_r dl{width: 380px; margin: 40px 0; float: left;}
.proadv_r dd{float:left; background:url(https://memberpic.114my.com.cn/hainaxunbang/uploadfile/image/20220727/20220727142533_1502236959.png) no-repeat; width:100px; height:113px; margin-left: 20px;}
.proadv_r dd:hover{float:left; background:url(https://memberpic.114my.com.cn/hainaxunbang/uploadfile/image/20220727/20220727141730_878721072.png) no-repeat; width:100px; height:113px;}
.proadv_r dt{float: left; font-size:16px; color:#fff; line-height:30px;  margin: 15px 0px 0 0; text-align: right;}
.proadv_r dt p{ font-size:30px; font-weight:bold; padding-bottom: 15px;}

.proadv_t{ padding-top:40px;}



/*adv*/
.adva_box {max-width: 1400px;margin: 0 auto;}

.adva_tab {display: flex;justify-content: space-between;margin-top: 60px;width: 100%;position:  relative;padding-bottom:0;background: url(https://memberpic.114my.com.cn/hainaxunbang/uploadfile/image/20220727/20220727204910_559165613.png) no-repeat bottom right;}
.adva_nav {width: 16%;overflow: hidden;}
.adva_nav ul {}
.adva_nav li {display: flex;flex-direction: column;align-items: center;justify-content: center;color: #fff;background: #00897b;border-bottom: 1px solid rgba(255,255,255,0.3);padding: 50px;}
.adva_nav li i {font-size: 30px;line-height: 30px;}
.adva_nav li p {font-size: 24px;line-height: 24px;padding-top: 16px;}
.adva_con {width: 84%;}
.adva_big {width: 100%;position:  relative;transition: 0.5s;}
.adva_big+.adva_big {display: none;}
.adva_pic {}
.adva_pic img {width:100%;height:  auto;}
.adva_txt {width:670px;background:  #fff;position:  absolute;bottom:-14.9%;left: 0;padding: 50px;box-shadow:  0 0 20px #ddd;display:  flex;flex-direction:  column;}
.adva_txt p {display: flex;flex-direction: column; position: relative;}
.adva_txt p b{font-size:38px;line-height: 40px;font-weight: bold;}
.adva_txt p b i {font-size: 40px;color: #00897b;font-weight:  bold;line-height:  40px;display:  inline-block;}
.adva_txt p:before{ content:""; width:40px; height:40px; border-radius:50%; position:absolute; background:rgba(3,138,124,0.1); left: -15px; top: -12px;}
.adva_txt p span {font-size: 14px;font-family: Arial;color: #ccc;text-transform: uppercase;font-weight:  lighter;line-height:  14px;padding-top: 8px; letter-spacing: 1px;}
.adva_txt em {font-size:  15px;line-height: 30px;font-weight:  lighter; padding-top: 19px;}
.adva_txt em+em {padding-top:0;}
.adva_txt a {width: 160px;height: 40px;border: 2px solid #00897b;border-radius: 15px 0 15px 0;font-size:  18px;display:  flex;justify-content:  center;align-items:  center;color: #00897b;margin-top: 25px;}
.adva_tel{ margin-top:20px;}
.adva_tel b{background:url(https://memberpic.114my.com.cn/hainaxunbang/uploadfile/image/20220727/20220727203439_894132775.png) no-repeat left 10px; width: 40px;
    height: 60px;  display: block;  float: left;     margin-right: 10px;}
.adva_tel span{ font-size:16px; color:#666666; font-weight:normal; display:block;}
.adva_tel i{ font-size:30px; font-weight:bold; color:#018b7c; }

.adva_btn {display:  flex;position:  absolute;right:  0;bottom: 42px;    width: 6%;justify-content: space-between;}
.adva_btn:hover i {}
.adva_btn>i {cursor: pointer;font-size: 28px;z-index: 5;display:  flex;justify-content:  center;align-items:  center;color: #999;}
.adva_btn>i:first-child {left: 50px;transform: rotate(180deg);} 
.adva_nav li.on {background: #f78806;}


/*partner*/
.partner_t{width: 1400px;margin: 0 auto;}
.partner_t li {display: flex;justify-content: space-between; float: left;  display: block;}
.partner_t li{padding-left: inherit !important;transition: all 0.3s linear;text-align: center;width: calc(100% / 4);background: #fff;overflow: hidden;}
.partner_t li a{display: flex;height: 100%;align-items: center;justify-content: center;}
.partner_t li a img{}
.partner_t li p{ display: none;}
.partner_t li {  margin-top: 10px;}

/*.partner_t li a img{    -webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);

filter: grayscale(100%);

filter: gray; transition: all 0.5s linear;}
    .partner_t li a img:hover{    -webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0);
-o-filter: grayscale(0);

filter: grayscale(0);

filter: gray; transition: all 0.5s linear;}*/
.partner_t li:hover{box-shadow: 0 0 20px rgb(0 0 0 / 0.2);position: relative;z-index: 99;transform: scale(1);}
.partner_t ul+ul li {  display: block;}

/*com*/
.com_bg{ background:url(https://memberpic.114my.com.cn/hainaxunbang/uploadfile/image/20220727/20220727151712_80673257.jpg) no-repeat center; width:100%; height:883px; padding:80px 0;}
.com_f{ float:left; width:56%;}
.com_f img { margin-bottom: 10px;}


.com_r{float:left; width:44%; padding-top: 45px;}
.com_r b{ font-size:40px; color:#018b7c; background:url(https://memberpic.114my.com.cn/hainaxunbang/uploadfile/image/20220727/20220727173015_1944937872.png) no-repeat left; padding-left:80px; margin-bottom: 40px; font-weight:bold; display:block;}
.com_r p{ line-height:42px; font-size:18px; color: #333; display: block; text-indent: 2em; margin-bottom:15px; font-weight:bold;}
.com_r p:nth-child(4){ color:#d5111d;}





/*news*/
.news_list{height:501px;width: 1400px;overflow: hidden; margin:0 auto;}
.news_list .news_div{height:500px;}
.news_list .news_div_item,.news_list .divdgweb_new_div_item{width: 23.65%;display: inline-block;position: relative;height:490px;transition:0.5s; padding: 20px; border: 1px #eee solid;}
.news_list .news_div_item+.news_div_item,.news_list .divdgweb_new_div_item+.divdgweb_new_div_item{margin-left:1.79%;}
.news_list .news_div_item_date,.news_list .divdgweb_new_div_item_date{position: absolute;top:250px;display: inline-block;font-weight: 400;left: 19px;padding-left: 32px;height: 22px;}
.news_list .news_div_item_date::before,.news_list .divdgweb_new_div_item_date::before{position:absolute;content:'';background:url(https://memberpic.114my.com.cn/hainaxunbang/uploadfile/image/20220728/20220728085913_2001578869.png) no-repeat left center;top: 0;left: 0;width: 22px;height: 22px;}
.news_list .news_div_item_content,.news_list .divdgweb_new_div_item_content{position: absolute;top:280px;left: 19px;padding-right: 14px;}
.news_list .news_div_item_year, .news_list .news_div_item_month, .news_list .news_div_item_day{float: left;font-size: 15px;line-height: 22px; color: #999;}
.news_list .divdgweb_new_div_item_year, .news_list .divdgweb_new_div_item_month, .news_list .divdgweb_new_div_item_day{float: left;font-size: 15px;line-height: 22px; color: #999;}
.news_list .news_div_item_a,.news_list .divdgweb_new_div_item_a{font-size: 16px;display: block;margin-bottom: 16px;position:relative;transition:0.3s; font-weight: 	normal;}
.news_list .news_div_item_a::before,.news_list .divdgweb_new_div_item_a::before{position:absolute;content:'查看详情';bottom: -152px;left: 0;width: 175px;height: 33px;background: #fff;border-radius: 40px;line-height: 33px;color: #999;font-size: 15px;transition:0.5s;padding-left: 43px; border:1px #eee solid; font-weight: 100;}
.news_list .news_div_item_a::after,.news_list .divdgweb_new_div_item_a::after{position:absolute;content:'';bottom: -141px;font-size: 43px;background:url(https://memberpic.114my.com.cn/hainaxunbang/uploadfile/image/20220728/20220728085913_2054123016.png) no-repeat center;width: 25px;height: 14px;left: 130px;transition:0.5s;}
.news_list .news_div_item_body,.news_list .divdgweb_new_div_item_body{font-size: 14px;color: #666;font-weight: 100;line-height: 24px;}
.news_list .news_div_item_pic, .news_list .news_div_item_pic a, .news_list .news_div_item_image{width:100%;height:auto;display: block;     overflow: hidden;}
.news_list .divdgweb_new_div_item_pic, .news_list .divdgweb_new_div_item_pic a, .news_list .divdgweb_new_div_item_image{width:100%;height:auto;display: block;}
.news_list .news_div_item_pic,.news_list .divdgweb_new_div_item_pic{ border:1px solid #eee;}
.news_list .news_div_item:hover .news_div_item_a,.news_list .divdgweb_new_div_item:hover .divdgweb_new_div_item_a{color: #018b7c;transition:0.3s;}
.news_list .news_div_item:hover .news_div_item_a::before,.news_list .divdgweb_new_div_item:hover .divdgweb_new_div_item_a::before{background: #018b7c;transition:0.5s;padding-left:40px; color: #fff;}
.news_list .news_div_item:hover .news_div_item_a::after,.news_list .divdgweb_new_div_item:hover .divdgweb_new_div_item_a::after{left:110px;transition:0.5s;}
.news_tab img {  position: relative; float: left; top: 18px;}

.news_list .news_div_item .news_div_item_pic img,.news_list .divdgweb_new_div_item .news_div_item_pic img{ width:100%; height:100%; transition:all .6s ease; }
.news_list .news_div_item:hover .news_div_item_pic img,.news_list .divdgweb_new_div_item:hover .news_div_item_pic img{ transform:scale(1.1);}
.news_list .news_div_item:hover img{transform:scale(1.1);}

/*友情链接*/
.links1{ background:url(https://memberpic.114my.com.cn/hainaxunbang/uploadfile/image/20220727/20220727155454_1950639043.png) no-repeat center; float:left; width:168px; height:60px; text-align: center; margin-right: 10px; margin-top:10px;}
.links1 b{font-size:21px; font-weight:normal; color:#444;     line-height: 44px;}
.links{line-height:80px;font-size:15px; color:#263938; text-transform:uppercase;font-weight: normal; }
.links p span{ padding:0 10px 0 10px; font-family: Impact;}
.linkTagcs li a { font-size: 14px;}

/*copy*/
.copy_bg{width: 100%; background: url(https://memberpic.114my.com.cn/hainaxunbang/uploadfile/image/20220727/20220727153042_1419819398.jpg) no-repeat center;     padding-top: 80px; margin-top: 40px;}

.copy_t{ float:left;}
.copy_t li{float: left; margin-right: 110px;}
.copy_t li p{font-weight: normal;font-size: 18px;color: #fff; position:relative; padding-bottom:30px;}
.copy_t li p:after{content: "";display: block;width: 28px;height: 2px;background: #56b0ad; top:35px; position:absolute;}
.copy_t li:hover p:after{content: "";position: absolute;  top: 35px; width: 77px; height: 2px; background-color: #fff; left:0px; transition: 0.5s; }
.copy_t li a{display: block;font-size: 14px;font-weight: lighter;color: #c6e6e5;line-height: 30px;}
.copy_t li a:hover{color: #fff;}
.copy_t li:nth-child(4) {margin-right: 0;}

.copy_tel{margin-left:130px;}
.copy_tel li{font-size:16px; color:#bbe8e5; font-weight:lighter; }
.copy_tel li i{background:url(https://memberpic.114my.com.cn/hainaxunbang/uploadfile/image/20220727/20220727165601_418849629.png) no-repeat; width: 21px; height: 21px; float: left; margin-top: 3px; margin-right: 10px;}
.copy_tel li p{ font-size:34px; color:#fff; padding-top:10px; font-weight:bold;}
.erweimacon dl img { width: 140px;   height: 140px;}

.erweimatab {padding-top:22px; padding-right: 15px;}
.erweimacon dl+dl{ display:none;}
.erweimatab dt{ width:38px; height:38px; cursor:pointer; border-radius:50%; -webkit-transition:all .4s ease; transition:all .4s ease;     border: 1px solid rgb(255, 255, 255, 0.8);}
.erweimatab dt+dt{ margin-top:18px;}
.erweimatab dt.on{ background:#fff;}
.foot_dh li dl img {width: 180px;height: 180px;padding: 10px;border: 1px solid #363636;}
.erweimatab dt.on img {filter: grayscale(0);}
.erweimatab dt img {filter: grayscale(1) brightness(10);}
.erweimacon dl p {font-size: 15px; color: #fff; text-align: center;  padding: 10px 0;  font-weight: lighter;}

.end_bg{width: 100%;  height: 1px; margin-top: 90px; background: rgb(255, 255, 255, 0.2);}
.end{ text-align:center; padding:30px 0;}
.end,.end a{ font-size:15px; color:#c6e6e5; font-weight:lighter; line-height:35px; width: 1400px; margin: 0 auto;}
.end a:hover{ color:#fff;}



/*对比*/
.vs_bg{background: #e3f1ef; width: 100%; margin: 0 auto; padding: 70px 0;}
.vs_t{background: #008a7c;  padding: 20px; width: 1450px; margin: 0 auto; text-align: center; font-size: 42px; color: #fff;  font-weight: bold;}
.vs_bt{background: #fff; width: 1450px;  margin: 0 auto; padding: 30px; border-radius: 0 0 20px 20px;}




/*右侧浮动*/
.y-kefu-box { position: fixed; right: 0; top: 20%; z-index: 9999; font-size: 13px;}
.y-kefu-box a{ text-decoration:none;}
.y-kefu-box img { display: block; width: 100%; height: auto; }
.y-kefu-box01 .icon { display: block; background: url(https://memberpic.114my.com.cn/hainaxunbang/uploadfile/image/20220805/20220805164340_2000820193.png) no-repeat; margin: 0 auto 6px;}
.y-kefu-box01 { width: 54px; color: #666; text-align: center; }
.y-kefu-box01 .kf-close-btn { width: 27px; height: 27px; background-position: -5px -115px; position: relative; cursor: pointer;}
.y-kefu-box01 .kf-close-btn:before { content: ''; display: block; width: 1px; height: 12px; position: absolute; bottom: -12px; left: 13px; z-index: 1;  background-color: #018b7c; }/*颜色更改*/
.y-kefu-box01 .show-status>a, .y-kefu-box01 .show-status>div { display: block; width: 52px; padding: 8px 0 12px; background-color: #fff; border-left: solid 1px #efefef; border-top: solid 1px #efefef; border-right: solid 1px #efefef; position: relative;}
.y-kefu-box01 .show-status { position: relative; }
.y-kefu-box01 .show-status .kf-zixun { background-color: #018b7c; border-color: #018b7c; color: #fff; margin: 10px 0 7px;}/*颜色更改*/
.y-kefu-box01 .kf-zixun { border-radius: 2px; }
.y-kefu-box01 .kf-zixun i { width: 21px; height: 22px; background-position: -5px -5px; }
.y-kefu-box01 .kf-mobile { border-top-left-radius: 2px; border-top-right-radius: 2px; }
.y-kefu-box01 .kf-mobile>i { width: 18px; height: 18px; background-position: -30px -32px; }
.y-kefu-box01 .kf-mobile:hover>i { background-position: -30px -32px; }
.y-kefu-box01 .kf-weChat>i { width: 22px; height: 20px; background-position: -5px -53px; }
.y-kefu-box01 .kf-weChat:hover>i {background-position: -30px -53px; }
.y-kefu-box01 .kf-email { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
.y-kefu-box01 .kf-email>i { width: 18px; height: 14px; background-position: -5px -80px; }
.y-kefu-box01 .kf-email:hover>i { background-position: -30px -80px; }
.y-kefu-box01 .back-top i { width: 13px; height: 11px; background-position: -5px -98px; }
.y-kefu-box01 .back-top:hover i { background-position: -30px -98px; }
.y-kefu-box01 .kf-email, .y-kefu-box01 .back-top  { border-bottom: solid 1px #efefef;}
.y-kefu-box01 .back-top { margin-top: 20px; border-radius: 2px; left: 55px;}
.y-kefu-box01 .hver:hover { background-color: #018b7c; border-color: #018b7c;}/*颜色更改*/
.y-kefu-box01 .hver:hover>p { color: #fff; }
.y-kefu-box01 .mobile-infos, .y-kefu-box01 .y-ewm-box, .y-kefu-box01 .y-email-infos { background-color: #fff; border: solid 1px #efefef; position: absolute; right: 90px; z-index: 2; border-radius: 2px; display: none;} 
/*电话*/
.y-kefu-box01 .mobile-infos { width: 260px; text-align: left; top: 0;}
.y-kefu-box01 .mobile-infos>div { padding: 20px 0 20px 45px; position: relative; }
.y-kefu-box01 .mobile-infos>div i { width: 15px; height: 15px; background-position: -52px -32px; position: absolute; top: 22px; left: 20px; z-index: 2; }
.y-kefu-box01 .mobile-infos .online1 { border-bottom: solid 1px #efefef; }
.y-kefu-box01 .mobile-infos span { color:#b9b9b9; }
.y-kefu-box01 .mobile-infos p { color: #018b7c; font-size: 18px; }/*颜色更改*/
.right { width: 12px; height: 12px; position: absolute; right: -12px; top: 24px;}
.right-arrow1,.right-arrow2 { width: 0; height: 0; display: block; position: absolute; left: 0; top: 0; border-top: 6px transparent dashed; border-right: 6px transparent dashed; border-bottom: 6px transparent dashed; border-left: 6px white solid; overflow: hidden;}
.right-arrow1 { left: 1px; border-left: 6px #efefef solid;}
.right-arrow2 { border-left: 6px white solid;}
/*二维码*/
.y-kefu-box01 .y-ewm-box { width: 151px; height: 178px; top: -60px;}
.y-kefu-box01 .y-ewm-box>div { width: 151px; height: 178px; }
.y-kefu-box01 .y-ewm-box img { width: 120px; height: 120px; margin: 15px auto 10px; }
.y-kefu-box01 .y-ewm-box .y-ewm-img1 { width: 150px; border-right: solid 1px #efefef; }
.y-kefu-box01 .y-ewm-box .right { top: 84px; }
/*邮箱*/
.y-kefu-box01 .y-email-infos { padding: 28px 20px 28px 45px; color:#b9b9b9; text-align: left; bottom: 0; }
.y-kefu-box01 .y-email-infos p { color: #018b7c; font-size: 16px; }/*颜色更改*/
.y-kefu-box01 .y-email-infos>i { width: 18px; height: 13px; background-position: -52px -80px; position: absolute; left: 15px; top: 30px; }
.y-kefu-box01 .y-email-infos .right { top: 55px; }
.y-kefu-box01 .hide-status { width: 54px; height: 65px; background-color:#018b7c;position: absolute; top: 37px; left: 55px; z-index: 9;}/*关闭后颜色*/
.y-kefu-box01 .hide-status .kf-zixun { padding: 10px 0 7px; color: #fff; cursor: pointer; }