@charset "UTF-8";

html{-webkit-text-size-adjust:none;font-size: 62.5%;}
body{color: #1a1a1a;overflow-x:hidden;margin:0;padding:0; font-family: hs_r;}
html, body, h1, h2, h3, h4, h5, h6, div, p, ul, ol, li, dl, dt, dd, table, thead, tbody, th, td, form, fieldset, legend, input, textarea, button, select{padding:0;margin:0;}
input,select,textarea{border-radius: 0;outline: none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"]{-webkit-appearance: none;}
a{color: #1a1a1a;text-decoration:none;font-size:15px;}
a *{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
a{text-decoration: none;color:#333;font-size: 14px;}
li{list-style: none;}
em,i{font-style: normal;font-style: inherit;}
:focus{outline: none;}
.dfs{display:flex;align-items:end;justify-content:space-between;}
.gy,.box{max-width: 1400px;margin: 0 auto;}
@media screen and (max-width: 1366px){.gy{max-width: 1200px;margin: 0 auto;}}
.gy1{min-width: 1280px;margin: 0 auto;width: 100%;}
.cl,.clear{ clear: both;height: 0px; overflow: hidden;}
.fl{ float:left;}
.fr{ float:right;}

@font-face{font-family:hs_r;src:url(https://114my.cn.114.114my.net/hxp/fonts/HarmonyOS_Sans_SC_Regular.ttf)}
.hs_r{font-family:hs_r}


@font-face {
	font-family:"DIN-BOLD";src:url("https://114my.cn.114.114my.net/hxp/fonts/DIN-BOLD.woff2.txt") format("woff2"),url("https://114my.cn.114.114my.net/hxp/fonts/DIN-BOLD.woff.txt") format("woff"),url("https://114my.cn.114.114my.net/hxp/fonts/DIN-BOLD.ttf.txt") format("truetype"),url("https://114my.cn.114.114my.net/hxp/fonts/DIN-BOLD.eot.txt") format("embedded-opentype"),url("https://114my.cn.114.114my.net/hxp/fonts/DIN-BOLD.svg.txt") format("svg")}

@font-face {
  font-family: 'iconfont';  
  src: url('//at.alicdn.com/t/c/font_4661037_45r1mkaip6x.woff2?t=1727487865719') format('woff2'),
       url('//at.alicdn.com/t/c/font_4661037_45r1mkaip6x.woff?t=1727487865719') format('woff'),
       url('//at.alicdn.com/t/c/font_4661037_45r1mkaip6x.ttf?t=1727487865719') format('truetype');
}


.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@font-face {
font-family:din;
src:url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.ttf),
     url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.eot),
     url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.otf),
     url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.woff),
     url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.woff2);
}

/*bt*/
.bt{width:1400px; text-align:center; font-size:42px; line-height:40px; font-weight:bold; color:#333; margin: 0 auto;}
.bt b{color:#0557bf;}
.bt p{margin-top:16px; font-size:17px; line-height:18px; color:#777; font-weight: lighter;}

.top30{margin-top: 30px;}
.top40{margin-top: 40px;}
.top50{margin-top: 50px;}
.top60{margin-top: 60px;}
.top70{margin-top: 70px;}
.top80{margin-top: 80px;}


/*head*/
.head {width: 100%;padding:32px 0px; }
.head_box {margin: 0 auto;display: flex;justify-content: space-between;align-items: center;    max-width: 1400px; min-width: 1300px;}
.head_l{display: flex;justify-content: space-between;align-items: center;}

.head_l .logo{ position: relative; }
.head_l .logo span{ display:block; font-size: 29px; letter-spacing: 2.2px; color:#332d2b; padding-top:5px;}
.head_l .logo img{width: 120px;}
.head_l .head_wz{font-size: 45px; line-height: 45px; font-weight: bold; color: #063e9b; padding: 8px 34px 0 10px; background: url(https://memberpic.114my.com.cn/st123456/uploadfile/image/20240703/20240703095409_1126038775.png)right 0 no-repeat;}
.head_l .head_wz p{ letter-spacing:1.2px; text-transform: uppercase;font-size: 14px;line-height: 32px; color:#063e9b; }



.head_tit {display: flex;flex-direction: column; padding-left: 10px;  font-size: 22px; font-weight: normal;color: #666; }
.head_tit b {font-size:1.8vw; height:38px; color:#0557bf; line-height: 31px;}

.head_tit b span {font-size: 25px;color:#48c5ff;vertical-align: bottom;font-weight: bold;}
.head_tit ul {display: flex;justify-content: space-between;width: 100%;}
.head_tit li {font-weight: lighter; display:  flex; font-size:15px; flex-direction:  column;justify-content:  center;align-items:  center;     font-family: "microsoft yahei";}
.head_tit li+li {border-left:none;}
.head_tit li i { font-size: 24px;color: #999;}
.head_tit li p {font-size:  14px;line-height: 15px;padding-top: 5px; font-weight:normal;}
.head_tit li p span { color:  #48c5ff;}
.head_tit li a {font-size:14px;}
.head_r {/* width: 260px; */background: url()no-repeat right;display:  flex;align-items:  center;}
.head_r p {display: flex;flex-direction: column;font-size:14px;line-height: 24px;text-align: right; color: #666;}
.head_r p span {font:32px "Times New Roman", Times, serif; font-weight:bold; color:#222; line-height: 30px; }
.head_r>i {width:48px; height:48px;border-radius: 50%;display: flex;
justify-content: center;align-items: center;background:#0557bf;color: #fff;margin: 0 0 0 16px;    font-size:26px;}
.head_r>em{display: flex;justify-content: center;align-items: center; color: #fff;margin: 0 8px;    font-size:26px;}
.head_r>ul>li:hover .tit_sel {transform: rotateX(0);transition: all 0.5s;}
.head_r>ul {}
.head_r>ul>li {width:48px; height:48px;border:1px solid #ddd;border-radius: 50%;display: flex;justify-content: center;align-items: center;}
.head_r>ul>li i {font-size:24px;    position: relative;    margin-top: 1px;}
.head_r>ul>li i:after { content: ''; width: 100%;height: 82px; position: absolute; top: 0;left: 0;}

.language {padding:0px !important;}
.language a{ background:none;}
.language i{display: inline-block;vertical-align: middle;width:4vw;height:2vw;background: url('');background-size:100%;/*margin-right: 10px;*/}
.language span {display: inline-block;vertical-align: middle;}
.b2b{ background:none;}
.b2b i{display: inline-block;vertical-align: middle;width:8vw;height:2.38vw;background: url('');background-size:100%;}
.b2b a{background:none;}}

.head_r>ul>li:hover .tit_sel{transform: rotateX(0);transition: all 0.5s;} 
.tit_sel {width:600px;height:70px;background: rgba(0,0,0,0.8);transform: rotateX(90deg);position: absolute;right: 0;transition: all 0.5s;font-size: 16px;padding:30px 0 30px 30px; z-index: 99;top:151px;}
.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 #dddddd;border-left: none;}
#search-bg{float:left; width:483px; height:33px; overflow:hidden; padding-left:14px; margin-top:20px; box-sizing: border-box;     border: 1px solid #dddddd;border-right: none;text-align: left; line-height: 30px;}
.search-text{ font-size:14px;color: #999999;justify-content: center;align-items: center;}
.search-text a{ font-size:15px; color: #fff !important; transition: all 0.3s linear; padding-right:5px;}
.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;}
.head_right {display: flex;justify-content: space-between;align-items: center;width: 72%;}


#dh_banner {position: relative;}
/*导航*/
.nav_bg {width: 100%;     position: absolute; z-index: 55; /*background: #112a87;*/ height: 5vw; line-height: 5vw;     border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.nav_bg0{width: 100%; position: relative;z-index: 55; background: #0254bb; height: 4vw; line-height: 4vw; }

.nav {width: 1400px;  margin: 0 auto;}
.nav>ul {display: flex;justify-content: space-around;align-items: center;/* height: 100%; */}
.nav>ul>li {display: flex;flex-direction: column;align-items: center;transition: 0.5s;z-index: 5;    width: calc(100% / 9);}
.nav>ul>li>a {font-size: calc(0.72rem + 0.6vw);color: #fff;text-align: center;display: flex;flex-direction: column;position: relative;    width: 100%;}
.nav li a i {color: #999;font-size: 12px;font-family: Arial;text-transform: uppercase;opacity: 0.5;transform: scale(0.9);   }
.nav>ul>li>a:after {content:'';width:100%;height:5vw;background:linear-gradient(to right,#f1991b,#f1991b);position: absolute;left: 0%;top:0;opacity: 0;transform: scaleX(0);transition: 0.5s;z-index:-1;}
.nav li:hover>a, .nav li:hover a i,.nav li.cur>a, .nav li.cur a i {transition:0.5s;}
.nav>ul>li:hover a:after, .nav>ul>li.cur a:after {opacity: 1;transform: scaleX(1);transition: 0.5s;}
.nav_bg0 .nav > ul > li > a::after{height: 4vw; line-height: 4vw; }
.nav_bg0 .nav .p_navBox2{top: 65px;}




/*下拉*/
.nav>ul>li:hover .p_navBox2{max-height:600px;}
.nav .p_navBox2{position: absolute;width:100%;background: rgba(255,255,255,0.95);top:82px;left: 0;max-height:0px;overflow: hidden;transition: 0.3s ease all;border-radius: 10px;/*backdrop-filter: blur(5px);*/     z-index: 99;}
.nav .p_navBox2>div.warp{margin:0 auto;display:flex;max-width:1400px;justify-content:space-between;padding:60px 0;}
.nav .p_navBox2 .warp .dh_fl{width:66%;}
.nav .p_navBox2 .warp .dh_fl ul{display:block;width:100%;height: 100%;}
.nav .p_navBox2 .warp .dh_fl ul p a{font-size: 18px;display:block;line-height: 40px;}
.nav .p_navBox2 .warp .dh_fl ul p a span{font-size: 18px;line-height: 40px;}
.nav .p_navBox2 .warp .dh_fl ul li:hover p a{color:#fff;}
.nav .p_navBox2 .warp .dh_fl>ul>li>a{font-size: 16px; float: left; line-height: 50px; height: 50px;}
.nav .p_navBox2 .warp .dh_fl>ul>li{width:19%;    font-size: 20px;padding: 0 20px;font-weight: 400;letter-spacing: 0;line-height: 50px;float: left;background:#ddd; transition:all .3s ease;}
.nav .p_navBox2 .warp .dh_fl>ul>li+li{margin-left:2%;}
.nav .p_navBox2 .warp .dh_fl>ul>li:nth-child(4n+1){margin-left:0;}
.nav .p_navBox2 .warp .dh_fl>ul>li:nth-child(n+5){margin-top:20px;}
.nav .p_navBox2 .warp .dh_fl>ul>li:hover,.nav .p_navBox2 .warp .dh_fl .prolist2021 li:hover{background:#0557bf  url(https://memberpic.114my.com.cn/hndtrf/uploadfile/image/20240926/20240926140054_1824682612.png) no-repeat center right 20px;}
.nav .p_navBox2 .warp .dh_fl>ul>li:hover a,.nav .p_navBox2 .warp .dh_fl .prolist2021 li:hover a{ color: #fff;}
.nav .p_navBox2 .warp .dh_fl>ul>li>a:hover,.nav .p_navBox2 .warp .dh_fl .prolist2021 li>a:hover{color:#fff; background: #0557bf; display: block;}

.nav .p_navBox2 .warp .dh_fl .prolist2021{    display: block;width: 100%;   height: 100%;}
.nav .p_navBox2 .warp .dh_fl .prolist2021 li{width:18.8%;    font-size: 20px;padding: 0 20px;font-weight: 400;letter-spacing: 0;line-height: 50px;float: left;background:#ddd; transition:all .3s ease;     margin-bottom: 10px; margin-right:2%;     display: flex;}
.nav .p_navBox2 .warp .dh_fl.prolist2021> li>a{font-size: 16px; float: left; line-height: 50px; height: 50px;}
,.nav .p_navBox2 .warp .dh_fl .prolist2021 li:nth-child(4n+1){margin-left:0;}
,.nav .p_navBox2 .warp .dh_fl .prolist2021 li:nth-child(n+4){margin-top:20px;}
.nav .p_navBox2 .warp .dh_fl1{width:68%;}



.nav .p_navBox2 .warp .dh_tu{width:410px;}
.nav .p_navBox2 .warp .dh_tu img{width:100%;height:auto;}
.nav .p_navBox2 .warp .dh_fl .title{font-size:27px;line-height:26px;color:#000;font-weight:700;margin-bottom:20px}
.nav .p_navBox2 .warp .dh_fl .jieshao{font-size:16px;line-height:1.8;color:#333;margin-bottom:40px}
.nav .p_navBox2 .warp .dh_fl li dl{width: 50%;float:left;position: absolute;left: 50%;display:none;top:0px;background: #fff;height: 100%;padding: 40px 0;overflow-y: auto;}
.nav .p_navBox2 .warp .dh_fl li dl a{width: 100%;font-size: 18px;line-height: 60px;display: block;padding-left: 60px;float:left;font-weight: lighter;}
.nav .p_navBox2 .warp .dh_fl li.on dl{display:block;}
.nav .p_navBox2 .warp .dh_fl .prolist2021 li a.prolist2021_one {font-size: 16px;}


/*jj*/
.introbg{width:100%; max-width:1920px; min-width:1400px; height:955px; margin:0 auto; background:url(https://memberpic.114my.com.cn/hndtrf/uploadfile/image/20241019/20241019093502_311197501.jpg) center no-repeat; overflow: hidden;}
.intro{width:1400px; margin:0 auto; padding-top:100px;}
.intro_fl{float:left;}
.about{}
.about em{display:block; padding-top:16px; font-size:40px; line-height:40px; color:#333; font-weight:bold; background:url(https://memberpic.114my.com.cn/hndtrf/uploadfile/image/20240914/20240914155433_1303013184.png) left top no-repeat;}
.about span{display:block; margin:13px 0 43px; font-size:22px; line-height:22px; color:#333; font-weight:bold;}
.about p{width:832px; font-size:16px; line-height:30px; color:#666;}
.about p+p{margin-top:18px;}
.about .about_more{}
.about_more{display:flex; flex-direction:row; margin-top:35px;}
.about_more a{display:block; width:180px; margin-right:20px; text-indent:40px; font-size:16px; line-height:52px; color:#fff; text-decoration:none;}
.about_more a img{display:inline-block; margin-left:25px; vertical-align:middle;}
.about_more a:nth-child(1){background-color:#0557bf;}
.about_more a:nth-child(2){background-color:#ff9f16;}
.course.swiper-container{width:855px; padding-top:95px; cursor:auto !important; position:relative;}
.course .toggle-button{position:absolute; right:0; top:86px; z-index:3; width:14px; height:19px; cursor:pointer; background:url(https://memberpic.114my.com.cn/hndtrf/uploadfile/image/20240926/20240926140139_556472020.jpg) center no-repeat;}
.course li{width:190px; height:305px; position:relative; border-top:2px solid #e8e8e8;}
.course li:after{content:""; display:block; width:2px; height:2px; border-radius:50%; border:7px solid #0557bf; background:#fff; position:absolute; left:calc(50% - 8px); top:-8px; box-shadow:0px 0px 0px 8px #f0f0f0; -webkit-box-shadow:0px 0px 0px 8px #f0f0f0; -moz-box-shadow: 0px 0px 0px 8px #f0f0f0; animation:ripple 1s infinite;}
.course li .prime{display:flex; justify-content:center; align-items:flex-start; height:215px; position:absolute; left:calc(50% - 14%); top:50px; cursor:pointer;}
.course li .prime em{font-size:24px; line-height:24px; color:#333; font-weight:bold; writing-mode:vertical-rl;}
.course li .prime span{display:block; margin-left:14px; line-height:14px; writing-mode:vertical-rl;}
.course li .prime .pass{position:absolute; left:calc(50% / 50%); top:-13px; width:163px; height:280px; padding:10px 10px 0 10px; box-sizing:border-box; background:#fff; transform:scale(0); visibility:hidden; transition-duration:0.4s; box-shadow:0px 0px 13px 0px rgba(51,51,51,0.1); -webkit-box-shadow:0px 0px 13px 0px rgba(51,51,51,0.1); -moz-box-shadow:0px 0px 13px 0px rgba(51,51,51,0.1);}
.course li.swiper-slide-active .prime .pass{transform:scale(1); visibility:visible;}
.course li .prime .pass img{width:143px; height:94px;}
.course li .prime .pass p{/*width:131px; */margin:17px auto 0; line-height:28px; color:#333; font-family:Microsoft YaHei; font-size: 15px;}
@keyframes ripple {
0%{box-shadow:0px 0px 0px 0 rgba(51,51,51,.75); -webkit-box-shadow:0px 0px 0px 0 rgba(51,51,51,.75); -moz-box-shadow: 0px 0px 0px 0 rgba(51,51,51,.75);}
100%{box-shadow:0px 0px 0px 10px transparent; -webkit-box-shadow:0px 0px 0px 10px transparent; -moz-box-shadow: 0px 0px 0px 10px transparent;}
}
.course li .prime .pass p b {
    display: block;
    text-align: center;
    font-size: 18px;
    margin-bottom: 10px;}
/*shu*/
.data{float:right; width:350px;}
.data dl{display:flex; justify-content:flex-start; align-items:center; margin-bottom:80px;}
.data dt{}
.data dd{display:flex; flex-direction:column; margin-left:25px;}
.data dd span{font-size:18px; line-height:18px; color:rgba(255,255,255,.7);}
.data dd em{display:flex; align-items:flex-end; margin-top:5px;     color: #fff;  font-size: 24px;}
.data dd em i{font-family: "DIN-BOLD"; font-size:50px; line-height:40px; color:#fff; font-weight:bold;}
.data dd em font{display:block; width:23px; margin-left:7px; text-align:center; line-height:23px; color:#0557bf; border-radius:calc(23px / 2); background:#fff;     font-size: 14px;}
.data dl:nth-child(1) dd em,.data dl:nth-child(3) dd em{margin-left:-3px;}

/*sl*/





/*pro*/
.pr_l{width:46%; overflow: hidden; position: relative; background:#f5f5f5; height:630px;  border-radius: 10px;  float: left;}
.pr_r{width:52%; overflow: hidden; float: right;}

.product_t {}
.product_t dt{padding: 60px 0 0 50px; float: left;}
.product_t dt a{font-size:30px;  font-weight: bold; color: #333;} 
.product_t dt p{ margin-top: 25px;}
.product_t dt span{font-size: 16px; color: #444; line-height: 36px; text-align: center; margin-right: 10px;float: left; border: 1px solid #e5e5e5; display: block; width: 80px; height: 80px;padding-top: 10px; border-radius: 5px;}
.product_t dt span i{font-size:32px;  font-weight: normal; vertical-align: middle; color: #0557bf; display: block;}
.product_t dt em{line-height: 36px; font-size: 17px;  display: block; color: #555;}
.product_t dd{ position: absolute; left: 0; bottom: 0;}



.product_it.product_1{width: 49%; margin-right:2%;  height:450px;}
.product_it.product_2{width: 49%;  height:450px;}
.product_it.product_3{ margin-bottom:4%;}


.product_it{ background:#f5f5f5; width:100%; height:300px;   float:left; border-radius: 15px; position: relative;}
.product_it:hover{ color:#FFF; background: #0557bf;}
.product_it:hover  a strong{ color:#FFF;}
.product_it:hover strong .en{color: rgb(255,255,255,.9);}
.product_it > a{  height: 95px; overflow:hidden; position: relative; z-index: 999999;}
.product_it > a strong{ font-size:29px; font-weight: normal; display: block; line-height: 28px; position: relative; color:#333;  padding: 40px 0 0 30px; }
.product_it > a strong .en{ font-size: 0.9vw; color: #666; display:block; line-height:1.32vw; text-transform: capitalize; padding:10px 0 10px; }
.product_it img{ display: block; float:right; }
.product_it > b{ position: absolute; top: 10px; right: 30px;}  
.product_it a .more-1{display: block; height:32px;line-height:32px; overflow: hidden;  top:120px; left:33px; text-align: center; background:#f9f9f9;border-radius:32px;  position: absolute;}
.product_it a .more-1 i{display: inline-block;vertical-align: middle;width:32px;height:32px; border-radius:32px; background: url(https://memberpic.114my.com.cn/hndtrf/uploadfile/image/20240926/20240926140332_857984408.png) center no-repeat #0557bf; }
.product_it a .more-1:hover{ background: #333; transition:all .5s; }
.product_it:hover .more-1 i{background: url(https://memberpic.114my.com.cn/hndtrf/uploadfile/image/20240926/20240926140352_149278850.png) center no-repeat #fff;}



/*解决方案*/
.preceptbg{width:100%; overflow-x:hidden;     overflow-y: hidden;}
.precept{width:1400px; height:868px; margin:0 auto; position:relative;}
.precept_contbg{width:1920px; position:absolute; left:-260px; top:0;}
.precept_cont{}
.precept_img{position:absolute; left:0; top:0;}
.precept_img:after{content:""; display:block; width:1920px; height:868px; position:absolute; left:0; top:0; background:url(https://memberpic.114my.com.cn/jinmaitong/uploadfile/image/20240321/20240321194750_248207270.png) center no-repeat;}
.precept_tit{position:absolute; left:260px; top:123px;}
.precept_tit em{font-size:45px; line-height:45px; color:#fff; font-weight: bold;}
.precept_tit span{display:block; margin-top:23px; font-size:18px; line-height:18px; color:#fff;}
.precept_tit font a{display:block; width:150px; padding-left:14px; margin-top:65px; font-size:18px; line-height:46px; color:#fff; position:relative; z-index:1; text-decoration:none; background:url(https://memberpic.114my.com.cn/jinmaitong/uploadfile/image/20240321/20240321194830_1385497861.png) right center no-repeat;}
.precept_tit font:before{content:""; display:block; position:absolute; left:0; top:150px; width:46px; height:46px; border-radius:23px; background:#0557bf; transition-duration:0.8s;}
.precept_tit font:hover:before{width:177px;}
.precept_txt{width:1000px; height:600px; padding: 20px 0; position:absolute;  left:600px; top:100px; background:#fff; box-sizing:border-box;}
.precept_txt em{display:block; /*width:399px;*/ padding-bottom:9px; text-align:center; font-size:24px; line-height:24px; color:#333; font-weight:bold; border-bottom:1px solid #efefef;}
.precept_txt p{/*width:399px;*/ margin-top:8px; font-size:15px; line-height:22px; color:#666;}
.precept_txt span{display:block; margin-top:20px; width:360px; height:285px; border:1px solid #eee;}
.precept_txt span img{width:100%;}
.precept_nav{width:100%; display: flex;flex-direction: column;     position: absolute; left: 0; z-index: 11;top: 100px;}
.precept_nav dl{float:left; width: calc(100% / 5); height:124px; cursor:pointer;     box-sizing: border-box;  background:#fff; display: flex;
    flex-direction: column;
    align-items: center;}
.precept_nav dl+dl{    border-top: 1px solid #eee;}
.precept_nav dl.on dd{  color: #fff;}
.precept_nav dl:hover,.precept_nav dl.on{background:#0557bf;     color: #fff;}
.precept_nav dd.on{color: #fff;}
.precept_nav dt{float:left; margin-top:25px; overflow:hidden; position:relative;   font-size: 42px;}
.precept_nav dt img{position:absolute; left:0; top:0;}
.precept_nav dl:hover dt img,.precept_nav dl.on dt img{top:-42px;}
.precept_nav dd{float:left;  margin-top:11px; font-size:20px; line-height:20px; color:#555;}
.precept_nav dd a{float:left;   font-size:20px; line-height:20px; color:#555;}
.precept_nav dl:hover dt{ color: #fff;}
.precept_nav dl:hover dd,.precept_nav dl:hover dd a{ color: #fff;}



/*优势*/

.adv_bc{ background: url(https://memberpic.114my.com.cn/hndtrf/uploadfile/image/20240927/20240927151005_1076856353.jpg) no-repeat center bottom;padding:84px 0;position: relative;}
.adv_c .ti_t *, .adv_c .ti_b *{color: #fff;}
.adv_c .ti_t:after{background: #fff;}
.adv_ic{margin-top:50px;display: flex;justify-content: space-between;}
.adv_item{width: 32.6%;text-align: center;z-index: 99; background: #fff; box-shadow: 0 0 20px #f8f8f8;}
.adv_item:hover{box-shadow: 0 0 20px #eee;}
.adv_item img{width: 100%;display: block;transition: 1s;}
.adv_item:hover img{transform: scale(1.1);}
.adv_item>span{color: #fff;font-size: 52px;display: block; width:110px; margin:auto;}
.adv_item>i{color: #fff;font-size:26px;margin: 10px 0 7px;display: block;}
.adv_item>em{font-size:12px;color: rgba(255,255,255,0.6);display: block;     text-transform: uppercase;}
.adv_item>p{overflow: hidden;     overflow: hidden;
    margin: 5%;
    display: block;}
.ad_wz{padding: 3% 6% 9% 6%; height: 180px;}
.ad_wz>span{color: #0557bf;font-size: 38px;   font-weight: normal;     padding-right: 6px;}
.ad_wz>i{color: #333;font-size: 34px;   font-weight: bold;}
.ad_wz>em{font-size: 16px;color: #999;margin-top: 12px;display: block;}
.ad_wz>p{font-size: 16px;color: #666;margin: 20px 0 10px;line-height: 26px;}
.ad_wz>b{display: block;font-weight: normal;font-size: 12px;line-height: 16px;min-height: 32px;}

.adva_tit {display: flex;align-items: center;flex-direction: column; color:#333;     position: relative;}
.adva_tit span {font-size: 48px;line-height: 50px;display:  flex;align-items:  center;}
.adva_tit span b {color:#0557bf; }
.adva_tit ul {display: flex;align-items: center;margin: 10px 0;justify-content:  space-between;width: 2%;}
.adva_tit li {width: 8px;height: 8px;background:#0557bf;transform: rotate(45deg);}
.adva_tit li:nth-child(2) {opacity: 0.7;}
.adva_tit li:last-child {opacity: 0.5;}
.adva_tit p {font-size:  18px;font-weight:  lighter;line-height:  46px; color: #666;}

/*视频*/

.about_p {width:100%;background: url(https://memberpic.114my.com.cn/hndtrf/uploadfile/image/20240927/20240927163145_1441189132.jpg)no-repeat center;height:26vw;overflow: hidden;padding-top:8vw;position: relative;background-size: 100%; background-repeat: no-repeat;
    background-attachment: fixed; position: relative;}
.about_p:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
background:rgba(0,0,0,0.6);
    top: 0;
    left: 0;}
.about_con {color: #ffffff;}
.about_con p span {font-size: 45px;line-height:45px;width: 727px;margin: 0 auto;margin-top: 20px; font-weight: bold; position: relative;}
.about_con em { font-size:28px; line-height: 32px;  display: block; margin-top: 36px; text-align: center;  position: relative; font-family: Microsoft YaHei; font-weight: normal;}
.about_con p {font-size: 45px; line-height: 45px; text-align:center; position: relative;} 

/*video_sp*/
#adoutVideoBox{margin:auto; padding:1em; border-radius:10px; border-width:5px; overflow:visible;}
#shutAdoutVideoBox{width:30px; text-align:center; line-height:30px; color:#fff; font-weight:bold; text-transform:uppercase; position:absolute; right:-35px; top:5px; border-top-right-radius:5px; border-bottom-right-radius:5px; background-color:#000; cursor:pointer; transition-duration:0.8s;}
#shutAdoutVideoBox:hover{background-color:#0063d1;}


.video_sp{float:left; padding:27px 0px;}
.ripple img { width:32px;height:32px;position: relative;z-index: 5;}
.ripple,.ripple:before,.ripple:after {position: absolute;left:50%;top:62%;height: 90px;width: 90px;margin-top: -55px;margin-left: -45px;border-radius: 50%;-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255,0.64);-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64);box-shadow: 0 0 0 0 #7f7f7f;animation: ripple 3s infinite;background: #fff;}
.ripple{background: rgba(255, 255, 255, 0.5); display: flex;justify-content: center;align-items: center;}
.ripple:before {-webkit-animation-delay:.9s;animation-delay:0.9s;content:"";position:absolute;right: 0;bottom: 0;}
.ripple:after {-webkit-animation-delay:.6s;animation-delay:0.6s;content:"";position:absolute;right: 0;bottom: 0;}
.video_box{background:rgba(0,0,0,0.6); top:0;left:0;z-index:-1;opacity:0;transition:600ms ease;}
.video_box.cur{opacity:1;z-index:999;transition:600ms ease;}
.video{position: fixed;top:-100%;left:50%;margin-top:-300px;margin-left:-575px;transition:600ms ease;}
.video_box.cur .video,.video_box.cur .video_x{top:40%;transition:600ms ease;}
.video_x1{}

@-webkit-keyframes ripple {
    70% {-webkit-box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);}
    100%{-webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);
                box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);}
}

.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:999;transition:600ms ease;}

.video_box.cur .video,.video_box.cur .video_x{top:45%;transition:600ms ease;}
.video_x{width:50px;height:50px;border-radius:50px;background:#fff;position: fixed;top:-100%;left:61%;margin-left:260px;margin-top:-260px;text-align: center;line-height:50px;font-size:32px; line-height:46px; font-weight: lighter;cursor: pointer;transition:600ms ease; content: "x"; color:#000;}

@keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 70px rgba(0, 0, 0, .0);
            box-shadow: 0 0 0 70px rgba(0, 0, 0, .0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .0);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, .0);
  }
}
@media screen and (max-width:999px) and (min-width:800px) {
    .box1 {max-width:990px;}
}
@media screen and (max-width:1099px) and (min-width:1000px) {
    .box1 {max-width:1070px;}
}
@media screen and (max-width:1299px) and (min-width:1100px) {
    .box1 {max-width:1280px;}
     .about_txt {padding-top: 0%;}
 .about_txt>em {padding-top: 2%;}
    .about_video {top:65%;}
 .about_txt ul {padding-top: 5%;}
}
@media screen and (max-width:1499px) and (min-width:1300px) {
    .box1 {max-width:1490px;}
    .about_txt {padding-top: 1.1%;}
   .about_txt ul {padding-top: 5%;}
    .about_video {top:65%;}
    .about_txt>em {padding-top: 3%;}

}
@media screen and (max-width:1660px) and (min-width:1500px) {
.about_txt ul {    padding-top: 6%;}


}
@media screen and (max-width:1920px) and (min-width:1500px) {
    .box1 {max-width:1400px;}
}


@keyframes ripple{70%{-webkit-box-shadow: 0 0 0 70px rgba(0, 0, 0, .0);box-shadow: 0 0 0 70px rgba(0, 0, 0, .0);}
100%{-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .0);box-shadow: 0 0 0 0 rgba(0, 0, 0, .0);}}




/*新闻*/
.newsbg{width:100%; padding-top:70px; background:url(https://memberpic.114my.com.cn/hndtrf/uploadfile/image/20240926/20240926140438_118780976.jpg)center top;}
.newsbg1400{width:1400px; margin:0 auto; }
.news_nav{margin-top:47px;}
.news_navfl,.news_navfl a{float:left;}
.news_navfl a+a{margin-left:49px;}
.news_navfl a dt{overflow:hidden; float:left; position:relative; font-size: 30px;}
.news_navfl a dt img{position:absolute; left:0; top:0;}
.news_navfl a dd{float:left; margin-left:12px; font-size:18px; line-height:25px; color:#333;}
.news_navfl a:hover dt img,.news_navfl a.newscur dt img{top:-25px;}
.news_navfl a:hover dt,.news_navfl a:hover dd,.news_navfl a.newscur dd{color:#0557bf; font-weight:bold;}
.news_navfl a.newscur dt{    font-weight: normal;}
.news_navfr{float:right; padding-top:7px;}
.news_navfr a{font-size:16px; line-height:16px; color:#333; text-decoration:none;}
.news_navfr a:hover{color:#0557bf;}
.news_navfr a:after{content:""; display:block; margin-top:1px; width:100%; height:1px; background:#333;}
.news_navfr a:hover:after{background:#0557bf;}
.news{margin-top:54px; overflow:hidden}
.news1{float:left; width:930px;}
.news2{margin-left:70px;}
.news3{float:right;}
/*后台*/
.news1 .news_div_item{float:left; position:relative; width:430px; height:456px; margin-right:30px;}
.news1 .news_div_item_pic img{width:430px; height:294px;}
.news1 .news_div_item_date{position:absolute; left:30px; top:436px; font-family:Arial; color:#999;}
.news1 .news_div_item_year,.news1 .news_div_item_month,.news1 .news_div_item_day{float:left;}
.news1 .news_div_item_content{position:absolute; top:325px; padding-right:8px;}
.news1 .news_div_item_title a{font-size:18px; line-height:18px; color:#333; font-weight:bold;}
.news1 .news_div_item_title a:before{content:""; display:block; position:absolute; left:0px; top:106px; width:25px; height:25px; background:url(https://memberpic.114my.com.cn/hndtrf/uploadfile/image/20240926/20240926140510_251734.png) center no-repeat;}
.news1 .news_div_item_body{margin-top:15px; font-size:14px; line-height:24px; color:#999;}
/*中间*/
.news2 .news_div_item:nth-child(1){display:none;}
.news2 .news_div_item{float:left; position:relative; width:470px; height:131px; margin-bottom:30px; border-bottom:1px solid #dadada;}
.news2 .news_div_item_date{position:absolute; left:0; top:104px; font-family:Arial; color:#999;}
.news2 .news_div_item_year,.news2 .news_div_item_month,.news2 .news_div_item_day{float:left;}
.news2 .news_div_item_content{position:absolute; top:0px; padding-right:8px;}
.news2 .news_div_item_title a{font-size:18px; line-height:18px; color:#333; font-weight:bold;}
.news2 .news_div_item_title a:before{content:""; display:block; position:absolute; left:455px; top:106px; width:3px; height:6px; background:url(https://memberpic.114my.com.cn/hndtrf/uploadfile/image/20240926/20240926140534_1594431510.png) center no-repeat;}
.news2 .news_div_item_body{margin-top:15px; font-size:14px; line-height:24px; color:#999;}


/*mess*/

.mess{background:url(https://memberpic.114my.com.cn/hndtrf/uploadfile/image/20240926/20240926140557_1618415186.jpg) center; position: relative;margin:0 auto;padding-top:58px;height:257px;}

.mes_t{color: #fff; font-size:2vw; line-height:2.5vw; margin-bottom: 20px;}
.mes_t b{font-size:1.8vw;}
.mes_t>div{display: flex;}
.mes_t>div>i{font-size: 75px;color: #fff;position: relative;font-family: 'DIN';}
.mes_t>div>i>span {position: absolute; font-size: 12px; color: #fff; background: #333; width: 35px; height: 35px; border-radius: 100%;
    text-align: center; line-height: 35px; bottom: 0px; right: -15px;}
.mes_t>div>b{font-size: 30px;color: #fff;margin-left: 8px;padding-top: 8px;}
.mes_t>div>b>span{font-size: 40px;font-weight: normal;color: #fff;}
.lyan {}
.mes_t>p{font-size: 18px;color: #fff;margin-top: 0px;}



/* footer */
.footer {background:#f9f9f9;position: relative;clear: both; color: #fff;}
.footer-content {width: 81%;margin:auto;position: relative;     padding: 10px 0;}
.footer-content-top {padding:4.4% 0;}
.footer-nav {float: right;width:100%;text-align: right;}
.footer-nav ul,.footer-nav li {list-style: none;margin: 0;padding: 0;}
.footer-nav ul{text-align: left;margin-left:4vw; display: inline-block; vertical-align: top; font-size:18px;}
.footer-nav ul:first-child {margin-left: 0;}
.footer-nav .title-1 {font-weight: bold;}
.footer-nav li {margin-top:10px;}
.footer-nav strong{ margin-bottom:14px; color: #333;}
.footer-nav li a{display: block;color: #666; font-size:15px;}
.footer-nav li a:hover {color: #0557bf;}
.footer-nav .contact-1 {overflow: hidden;}
.footer-nav .contact-us-1 {color: rgba(255, 255, 255, 0.6);margin-top: 2rem;}
.footer-nav .contact-us-1 strong{font-weight: normal;}
.footer-nav .contact-us-1 p:first-child {padding: 0;margin: 0;}
.footer-content-bottom {border-top: 1px solid #eee;padding:2% 0;position: relative;}
.footer-copy {color: rgba(0, 0, 0, 0.7);position: relative; font-size:15px; }
.footer-copy a {color: rgba(0, 0, 0, 0.7); font-size:15px;}
.footer-copy a:hover {color: #fff;}
.footer-link {position: absolute;right: 0;top: 30px;transform: translateY(-50%);}
.footer-link li {list-style: none;padding: 0;margin: 0;display: inline-block;vertical-align: middle;position: relative;width: 30px;height: 30px;}
.footer-link .ewmshow-1 {background: #fff;padding: 5px;width: 90px;height: 90px;overflow: hidden;position: absolute;bottom: 100%;left: 50%;border-radius: 4px;margin-left: -50px;display: none;}
.footer-link li:hover .ewmshow-1{display: block;}

.footer-left {float: left;width: 28%;}
.base_tel{padding-bottom:35px; border-bottom:1px solid rgba(0,0,0,.1); background:url(https://memberpic.114my.com.cn/hndtrf/uploadfile/image/20240926/20240926140621_257016208.png) right 33px no-repeat;}
.base_tel em{display:block; padding-left:22px; font-size:16px; line-height:18px; color:#fff; background:url(https://memberpic.114my.com.cn/hndtrf/uploadfile/image/20240926/20240926140658_1175596316.png) left center no-repeat;}
.base_tel p{margin-top:12px; font-family:din; font-size:34px; line-height:30px; color:#0557bf; font-weight:bold;}
.base_lx{margin-top:15px; font-size:16px; line-height:19px; color:rgba(0,0,0,.7); }
.base_lx i{font-size:16px; color:rgba(0,0,0,.7); padding-right:3px; font-weight: bold;}


.footer-top-right {float: right;width:72%;}
.QRcode{ margin-top: 20px;}
.QRcodecon{}
.QRcodecon em{display:inline-block; margin-left:10px; position:relative;}
.QRcodecon em:before{content:""; display:block; width:153px; height:153px; position:absolute;     border: #eee solid 1px;}
.QRcodecon em p{text-align:center; font-size:18px; line-height:18px; color:#fff; margin-bottom:25px; opacity: 0.8;}
.QRcodecon em img{ width:148px; height:148px; border:4px solid #fff; }
.QRcodetab{ margin-left: 15px; margin-top: 15px;}
.QRcodetab span{ display: block; float: left; border-radius:50%; width:36px; height:36px;  line-height: 36px; cursor:pointer; overflow:hidden; border: 1px solid #a3a3a3; color: #666; font-size: 18px; text-align: center;}
.QRcodetab span.on{background-color:#0557bf; line-height: 36px; color:#fff;}
.QRcodetab span+span{margin-left:11px;}

.footer-copy,.footer-content-bottom a{color: rgba(0, 0, 0, 0.7);}
.footer-content-bottom a:hover {color: #0557bf;}
.footer-copy.fl { float: left;}


/*友情链接*/

.blogroll_box{padding:0 !important;}
.blogroll_box dl{position:relative;     position: relative; top: -11px;}
.blogroll_box dt{width:180px; padding-left:13px; box-sizing:border-box; font-size:16px; line-height:40px; color:rgba(0,0,0,.5); border:1px solid rgba(0,0,0,.2); cursor:pointer;}
.blogroll_box dt i{display:inline-block; margin-left:72px; vertical-align:middle;}
.blogroll_box dd{display:none; position:absolute; left:0; bottom:42px;}
.linkTagcs{background:#fff; overflow:hidden;}
.linkTagcs li{display:block; width:100%;}
.linkTagcs a{display:block; text-align:center; font-size:15px; line-height:50px; color:#555 !important; transition-duration:0.5s;}
.linkTagcs a:hover{background:#eee;}



/*浮动*/
.y-kefu-box { position: fixed; right: 0; top: 25%; z-index: 9999; font-size: 13px;}
.y-kefu-box img { display: block; width: 100%; height: auto; }
.y-kefu-box01 .icon { display: block; background: url(https://memberpic.114my.com.cn/hndtrf/uploadfile/image/20211130/20211130092622_1487912401.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; background-color: #0557bf; position: absolute; bottom: -12px; left: 13px; z-index: 1; }
.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: #0557bf; border-color: #0557bf; 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: -5px -32px; }
.y-kefu-box01 .kf-mobile:hover>i { background-position: -30px -32px; }
.y-kefu-box01 .kf-weChat>i { width: 22px; height: 19px; background-position: -5px -55px; }
.y-kefu-box01 .kf-weChat:hover>i {background-position: -30px -55px; }
.line-b{ border-bottom: solid 1px #efefef;}
.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:#0557bf; border-color: #0557bf;}
.y-kefu-box01 .hver:hover>p { color: #fff; }
.y-kefu-box01 .kf-zixun1 { border-radius: 2px;border-bottom: 1px #efefef solid;border-top: 0px !important;}
.y-kefu-box01 .kf-zixun1 i { width: 21px; height: 22px; background-position: -5px -180px; }
.y-kefu-box01 .kf-zixun1:hover>i { background-position: -30px -180px; }
.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: 220px; 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:#0557bf; font-size: 18px; }
y-kefu-box .right {width: 12px;height: 12px;position: absolute;right: -12px;top: 24px;}
y-kefu-box .right-arrow1,y-kefu-box .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;}
y-kefu-box .right-arrow1 {left: 1px;border-left: 6px #efefef solid;}
y-kefu-box .right-arrow2 {border-left: 6px white solid;}

.y-kefu-box01 .y-ewm-box { width: 140px; top: -60px;}
.y-kefu-box01 .y-ewm-box>div { width: 140px; padding:10px 0;}
.y-kefu-box01 .y-ewm-box>div p{line-height:34px;}
.y-kefu-box01 .y-ewm-box img { width:120px; height:120px; margin: 0 auto; }
.y-kefu-box01 .y-ewm-box .y-ewm-img1 { width: 140px;  }
.y-kefu-box01 .y-ewm-box .right { top: 84px; }
/*email*/
.y-kefu-box01 .y-email-infos { padding: 28px 20px 28px 45px; color:#b9b9b9; text-align: left; bottom: 0; width:170px;}
.y-kefu-box01 .y-email-infos p { color:#0557bf; 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:#0557bf;position: absolute; top: 37px; left: 55px; z-index: 9;}
.y-kefu-box01 .hide-status .kf-zixun { padding: 10px 0 7px; color: #fff; cursor: pointer; }