/*  */
.header{position: fixed;top: 0;left: 0;right: 0;width: 100%;height: 100px; z-index: 9999;background-color: #fff;}
.header.active{box-shadow: 0 0 10px rgb(0 0 0 / 10%);}
.header .box{display: flex;justify-content: space-between;align-items: flex-end;height: 100px;}
.hd_logo{display: flex;align-items: center;margin: 0 0 17px;}
.hd_logo a img{display: block;height: 64px;}
.hd_logo p{font-size: 18px;color: #333333;border-left: 1px solid #0c2c75;line-height: 18px;margin: 0 0 0 14px;padding: 0 0 0 12px;}
.hd_logo p b{color: #0c2c75;font-family:'SourceHanSansCNMedium';font-weight: initial;}
.hd_nav{width: 588px;}
.hd_tel{display: flex;align-items: center;width: 164px;height: 23px;background: url(../images/h_tel.png) no-repeat center center;justify-content: center;margin: 0 0 16px;}
.hd_tel p{font-size: 20px;color: #0c2c75;font-family:'SourceHanSansCNMedium';line-height: 21px;padding: 0 0 0 16px;letter-spacing: -1px;}
.box_magin{display: flex;align-items: center;justify-content: space-between;}
.hd_nav li{}
.hd_nav li a{display: block;font-size: 16px;color: #666666;border-bottom: 2px solid;border-color: transparent;line-height: 16px;padding: 0 0 21px;}
.hd_nav li a:hover{font-family:'SourceHanSansCNMedium';color: #0c2c75;border-color: #0c2c75;}
.hd_nav li a.nav_on{font-family:'SourceHanSansCNMedium';color: #0c2c75;border-color: #0c2c75;}



.di{clear:both;width:100%;padding-top:65px;font-size: 16px;background-color: #222525;}
.di1{border-bottom: 1px solid rgba(255,255,255,0.2);align-items: center;padding: 0 0 46px;}
.header1{display: flex;align-items: center;}
.header1 img{display: block;height: 52px;}
.header1 p{font-size: 16px;color: #fff;border-left: 1px solid #fff;padding: 0 0 0 10px;margin: 0 0 0 13px;line-height: 23px;}
.d_nav{width: 642px;}
.d_nav ul li a{color: #fff;font-size: 16px;}
.di2{display: flex;padding: 86px 0 76px;justify-content: space-between;box-sizing: border-box;}
.di21{line-height: 50px;color: #fff;width: 270px;}
.di21 span{font-size: 16px;color: #fff;margin-bottom: 32px;display: block;line-height: 16px;}
.di21 p b{font-size: 39px;display: block;margin-bottom: 5px;color: #fff;line-height: 39px;}
.di22{/* margin-left: 140px; *//* margin-top: 49px; */font-size: 16px;line-height: 16px;}
.di22 div{font-size:16px;line-height: 35px;color: #fff; }
.di22 a{color: #fff;}
.di22 a:hover{color: #fff;}
.di23ma ul{/* margin-top: 49px; */display: flex;align-items: flex-start;}
.di23ma ul li:first-child{margin-left: 0;}
.di23ma li{margin-left: 20px;text-align: center;}
.di23ma ul li .di23{background-size: cover;border: 1px solid #fff;}
.di23ma ul li p{font-size: 14px;color: #fff;line-height: 14px;margin: 8px 0 0;}
.di23 img{display: block; height: 94px;padding: 4px;}
.di3{width: 100%;background-color: #181919;  height: 85px;color: rgba(255,255,255,0.8);display: flex;align-items: center;font-size: 12px;}
.di3 a,.di3 a:hover{color: rgba(255,255,255,0.8);}
.di3 em{margin:0 5px;}
/* rgba(89, 178, 165,0.4) */
/* 悬浮 */
.f {display:flex;}
.fc {flex-flow:column;}
.jfs {justify-content:flex-start;}
.jfe {justify-content:flex-end;}
.ja {justify-content:space-around;}
.jb {justify-content:space-between;}
.jc {justify-content:center;}
.je {justify-content:space-evenly;}
.ac {align-items:center;}
.ab {align-items:baseline;}
.as {align-items:flex-start;}
.ae {align-items:flex-end;}
.tc {text-align:center;}
.tl {text-align:left;}
.tr {text-align:right;}
.w {flex-wrap:wrap;}
.p_r {position:relative;}
.p_a {position:absolute;}
.hand {cursor:pointer;}
.ellipsis {overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;}
.clearfix {zoom:1;}
.clearfix::after,.clearfix::before {content:'';display:table;}
.clearfix::after {clear:both;}
.scroll {overflow-x:scroll;}
.border {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

/* 悬浮框 */
.xuan {position:fixed;right:0;top:0;bottom:0;margin:auto;width:69px;height:362px;z-index:99;font-size:16px;}
.xuan li {width:69px;height:69px;background:#0c2c75;cursor:pointer;}
.xuan li img {display:block;}
.xuan li:hover {background:#c8000b;}
.xuan li:hover .kuang {display:flex;}
.xuan li .kuang {display:none;background-color:rgb(255,255,255);box-shadow:1.5px 2.598px 11.18px 1.82px rgb(28 28 28 / 13%);width:161px;height:161px;right:90px;border-radius:15px;}
.xuan li .kuang  img{display: block;width: 90%;}
.xuan li:nth-child(3) .kuang {width:244px;height:71px;}
.xuan li:nth-child(1) .kuang {height:71px;}
.xuan .kuang .jiao {top:0;bottom:0;margin:auto;right:-20px;width:0;height:0;border-width:10px;border-color:transparent transparent transparent #fff;border-style:solid;filter:drop-shadow(1.5px 2.598px 11.18px rgb(28 28 28 / 13%));}
/* 悬浮框 enf */