@charset "UTF-8";

*{ margin: 0; padding: 0; list-style: none; text-decoration: none; box-sizing: border-box;}
body{ position: relative; font-size:14px; min-width:1200px; background:url(https://memberpic.114my.com.cn/jiarui/uploadfile/image/20230216/20230216173533_900685398.jpg) top center; /*font-family: Microsoft YaHei;*/  font-family: "yhan"; vertical-align: baseline; width: 100%; overflow-x: hidden;}
i, em{ font-style: normal;}

a{color: #333;}
h1, h2, h3, h4, h5, h6, b{ font-weight: normal;}
img{ border: none \9; display: inline-block;}
.clearfix:after{ content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}
.fl{ float: left;}
.fr{ float: right;}
.clear{clear: both;height: 0;}
.cl{clear: both;height: 0;}
button,input {font-family: 'Microsoft YaHei', arial, 'Heiti SC', tahoma, 'Hiragino Sans GB', \\5B8B\4F53, sans-serif; outline: none;}


.t{text-align: center;height:144px; display: flex; flex-direction: column; align-items: center; margin-top:38px;position: relative;}
.t h3{font-size:40px;color:#232321;line-height:75px; padding-top:2px; height:84px;  position: relative; z-index: 5; font-weight: bold;}
.t h3 b{ font-size:54px; font-weight: bold;  color:#014bae; padding:0 10px; transform: skewX(-8deg); display: inline-block; font-family: Microsoft YaHei;}
/*.t h3:after {content:'';width:50px;height:4px; background-color: rgba(203,0,0,.9); position: absolute;bottom:10px;left:0%;z-index: -1;animation:myfirst 3s linear infinite;}*/
.t span{color: #666; font-size:22px; line-height:22px; font-weight:lighter;}
.t span b{ font-weight:bold;}
.t em{font-size: 70px;color: #f5f5f5;font-family: Impact;letter-spacing: 3px;text-transform: uppercase; height:3px}
.t em b{color: #f5f5f5;font-family: Impact;}
/*.t i{width: 46px;height:5px;background:#f5f5f5;position: absolute;bottom:78px;left: 0;animation: protitI 2s linear infinite; right: 0;margin: 0 auto;}*/

@keyframes protitI{
  0%,100%{width: 46px;}
  50%{width: 0;}
}

.w1200{ width:1200px; margin:auto; overflow:hidden;}

.inbt{ background:#fff;border-top-left-radius: 80px;}

.ewm{width:24px; height:24px;   cursor: pointer;  position: relative; background:url(https://memberpic.114my.com.cn/jiarui/uploadfile/image/20230217/20230217154522_1735143242.png)no-repeat center;}
.ewm p{position: absolute;background:#fff; padding:6px; color:#000; top:40px; left:-45px; z-index: 99999;transition:all 0.5s; text-align:center; font-size:15px; line-height:32px; transform:rotateX(90deg);transform-origin: top;}
.ewm p img{width:100px; }
.ewm:hover p{transform:rotateX(0);box-shadow: 0 0 20px rgba(0,0,0,0.1); }

.tel{background: url(https://memberpic.114my.com.cn/jiarui/uploadfile/image/20230217/20230217154522_1121900616.png)no-repeat center left;padding-left:40px; margin:0 0 0 0;}
.tel span{font-size:20px; color:#222; line-height:28px;position: relative; top:-3px;}
.tel b{font-family: Arial; font-size:30px; color:#044e95; font-weight:bold;}

/*heade*/
.head_bc{width: 100%;position: relative;}
.hea_tc{display: flex;justify-content: space-between;height:118px;align-items: center;position: relative; width:1200px; margin:auto;}
.hea_logo{display: flex;align-items: center; width:63%;}
.hea_logo2{display: flex; padding-left:19px;}
.h_tcc{margin-left: 14px;}
.h_tcc>b{display: block;font-size:48px; color: #040404; padding-top:13px; line-height:22px; letter-spacing:1px;  font-family: "pmzd";}
.h_tcc>p{font-size:18px;color:#040404;margin-top:9px;text-transform: uppercase;letter-spacing:0px; padding-left:0px; font-family: "pmzd"; font-weight:bold;}
.head_lc{width: 100%;display: flex;justify-content: space-between;align-items: center;height: 80px;position: relative;}
.hea_wz {margin-left:19px; position: relative; height: 100%; display: flex; flex-direction: column; top:2px; justify-content: center; }
.hea_wz b span{ font-size:38px; font-weight:bold; padding-right:2px; float:left; font-family: "pmzd"; background: -webkit-linear-gradient(-315deg,#107ac4 10%,#107ac4 50%, #014bae 80%);-webkit-background-clip:text;-webkit-text-fill-color: transparent; letter-spacing:1px;}
.hea_wz>b { letter-spacing: 0px; font-weight: bold;  display: block;  font-size:24px;color:#004bae; line-height:23px; /*background: url() no-repeat left top; padding-left:80px;*/     font-family: Microsoft YaHei;}
/*.hea_wz>b>span {font-size: 23px; color: #0152cf; }*/
.hea_wz > p {
    font-size: 20px;
    color: #333;
    letter-spacing: 1px;
    margin-top: 9px;
    font-weight: lighter;

}
.hea_wz:after {position: absolute; content: ""; background: rgba(255,255,255,0.07); top: 0; left: -41px; width: 1px; height: 100%; }
.hee>p {font-size:17px; color: #107ac4; display: flex; line-height: 28px; margin-top:1px;}
.hee>p>span {font-size: 16px; color: #999; margin-right: 10px; border: 1px #ddd solid; padding:5px 6px; border-radius: 50%;}
.hee>div {display: flex; }
.hee>div>b {font-size:29px; letter-spacing:1px; font-weight:bold; color:#004bae; font-family:din;}
.hee>div>b:last-child {margin-left: 30px; letter-spacing:1px; }

.nav_c:after {content:'';position: absolute;width: 100%;height: 6px;-webkit-transform: skew(-28deg);-moz-transform: skew(-28deg);-o-transform: skew(-28deg);background: linear-gradient(to right,#0152cf,#0152cf);top: 0px;left: 0;animation:myfirst 1s linear ; }
@keyframes myfirst
{
    0%   { width: 0%;}
  100% { width: 79%;}
}
@keyframes myfirst1
{
    0%   { width: 0%;}
  100% { width: 21%;}
}

.head_c {background: #fff; }
.nav_bc {
    position:relative;
    width: 100%;
    background: #fff;
    z-index: 9999;
}

.tywidth{ width:1200px; margin: 0 auto;}
.more-title{ width:1200px; margin: 55px auto 25px; text-align: center; background: url(images/moretitlebg.png) no-repeat center; background: url(images/moretitlebg.png) \9 no-repeat center; position: relative; height: 54px;}
.more-title h6{ font-size: 32px; color: #333; position: relative; top: -23px;}
.more-title p{ font-size: 18px; color: #666; position: relative; top: -20px;}

.dianhua b i{color:#E0E0E0; padding:0 8px; font-weight: lighter;}
.nav{background:#014bae;  background-size: cover; width: 100%; height: 60px; position: relative; z-index: 9992;}
.nav-content{line-height: 60px;height: 60px;}
.nav-content ul li{ float: left; position: relative; height: 60px; line-height: 60px; text-align: center; }
.nav-content ul li p{ position: relative; height: 60px; line-height: 60px; padding:0px 23px;  }
.nav-content ul li p:before{ position: absolute; left: 0;  width: 100%;content: ""; z-index: 16; visibility: hidden;}
.nav-content ul li:hover p:before{ visibility: visible;}
/*.nav-content ul li:last-child p{ padding:0 0 0px 25px;}*/
.nav-content ul li .subnav{ position: absolute; display: none; left: 0; top: 60px; z-index:99999; background: #fff; width: 100%; border: 1px solid #F3F3F3; border-bottom: none; text-align: center;}
.nav-content ul li .subnav dl dd{ position: relative; float: none; margin: 0; border-bottom: 1px solid #F3F3F3;}
.nav-content ul li .subnav dl dd a{ color: #000; font-size:16px;}
.nav-content ul li .subnav dl dd a:hover{ color: #000; font-weight:bold;}
.nav-content ul li a{ color: #fff; font-size:17px; position: relative; display: block; height:40px; line-height:40px; }
.nav-content ul li:hover p{ background:#107ac4;}
.zhuanti{background:#107ac4;z-index: 14;}


/*幻灯*/
  
/*.banner-box .bd li{ -webkit-animation: kenburns-top1 3.5s ease-out  both;animation: kenburns-top1 3.5s ease-out  both;}*/
.index_products_bg{background: url() no-repeat center;height: 162px;width: 100%;position: absolute;top: -100px;}
.wcjh{width:1200px; margin:auto;}
.t70{margin-top:65px;}
.mlr30{margin:0 30px;}

/*产品*/
.factory_con{width:380px;text-align:center;position:relative; margin-bottom:30px; border-radius: 10px; }
.factory_con a{width: 380px;display: block;height:285px;overflow: hidden; position: relative;  border-radius: 10px; box-shadow: 0px 5px 38px rgb(248 249 251 / 9%); }
.factory_con a img{width: 380px;height: 285px;transition:all 0.5s linear;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear; border-radius: 10px; }
.factory_con a:hover img{transform: scale(1.3);-webkit-transform: scale(1.3);-ms-transform: scale(1.3);-moz-transform: scale(1.3);background: #fff;position: relative;z-index: 2; border-radius: 10px; }
.factory_con a p{width:380px;position:absolute;bottom:-40px;z-index: 3;text-align:center;display:block;font-size:16px;line-height:40px;background:rgba(0,0,0,0.4);color:#fff;transition:all 0.5s linear;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;}
.factory_con a:hover p{bottom: 0;}

.bkbg{width:100%; background: #f8f9fb; overflow:hidden; padding:60px 0 30px 0;}


/*广告*/
.yicijh{ width:100%; height:180px; background:url(https://memberpic.114my.com.cn/jiarui/uploadfile/image/20230216/20230216165913_949747309.jpg)#014bae no-repeat  center ; text-align:center; clear:both; margin-top:30px;}
.yicijh h3{font:bold 34px/36px "impact"; color:#ffffff; padding-top:48px;}
.yicijh p{font:18px/34px "impact"; color:#fff; line-height:60px; letter-spacing:1.2px;}
.yicijh em{font:24px/30px "Arial"; color:#ffffff;display:block; padding-top:37px;}
.yicijh span{color:#fff;  }

/*简介*/

.about_txt{width:51%; float: right;}
.about_txt b{font-size:22px; letter-spacing:-1px; font-weight:bold; letter-spacing:1px; align-items: center; line-height: 36px; color:#014bae; padding-top: 50px;}
/*.about_txt b:after{content: ''; width: 130%; height: 1px; background: #ddd; position: absolute; top: 105px; left: 0;}*/
.about_txt b span{font-size: 30px; text-transform: uppercase;}
.about_txt p{font-size:31px; line-height:49px; padding: 18px 0 20px 0; color:#282f37; position: relative;}
.about_txt p:after{content:'';width:87px;height:5px; background-color: rgba(0,75,174,.4); position: absolute;bottom:82px;left:15.4%;z-index: -1;/*animation:myfirst 3s linear infinite;*/}
.about_txt em{font-size:16px; line-height:31px; padding: 3% 0 8%; color:#333;}
.about_txt ul{display: flex; width: 100%; justify-content: space-between;}
.about_txt li{display: flex; align-items: center; width: 30%; justify-content: space-between; border-right: 1px solid rgba(221,221,221,0.3); padding: 0 20px 0 0;}
.about_txt li.on i{background:#0e7ac3;}
.about_txt li:last-child{border-right: none}
.about_txt li i{width: 50px; height: 50px; background: #333333; border-radius: 50%; font-size: 30px; color: #fff; display: flex; justify-content: center; align-items: center;}
.about_txt li a{font-size: 20px; display: flex; flex-direction: column; font-weight: lighter;}

.about_txt li a span{font-size: 12px; text-transform: uppercase; font-weight: lighter; color: #ccc;}
.about{width:1200px; margin:auto; overflow:hidden;}

.about_pic{ float:left; width:46%;}

/*流程*/
.process>ul{margin-top: 50px;display: flex;justify-content: space-between; width:1200px; margin:auto;}
.process>ul>li{border-radius:8px;border:2px solid #dddddd;display: flex;flex-direction: column;align-items: center;justify-content: center;height: 230px;position: relative;transition: all .5s;  padding: 0 20px;}
.process>ul>li+li{margin-left: 12px;}
.process>ul>li:after {  position: absolute; content: "";  width: 20px;  height: 24px; text-align: center; line-height: 24px; background:url(https://memberpic.114my.com.cn/jiarui/uploadfile/image/20230217/20230217154523_1647872218.png) no-repeat; bottom: 10px; right: -38px; color: #333; font-size: 45px;}
.process>ul>li:last-child:after{display: none;}
.process>ul>li>span{width:86px;height:86px;background: #f5f5f5;color: #0052cf;font-size: 28px;text-align: center;line-height: 80px;border-radius: 100%;transition: all .3s;
    }
.process>ul>li i{width: 32px;height: 32px;border-radius: 100%;background: rgba(255,255,255,0.16);display: flex;align-items: center;justify-content: center;position: relative;margin-top: -17px;}
.process>ul>li em{font-size: 16px;color: #fff;font-weight: bold;width: 24px;height: 24px;line-height: 26px;text-align: center;background:#014bae;border-radius: 100%;}
.process>ul>li b{position: relative;width: 7px;height: 7px;background: #c1c1c1;border-radius: 100%;margin: 13px 0 26px;}
.process>ul>li b:after{position: absolute;content: "";width: 5px;height: 5px;background: #c1c1c1;border-radius: 100%;bottom: -8px;left: 1px;}
.process>ul>li p{font-size: 19px;color: #191d1c;}

.process>ul>li:hover p{color:#014bae;}
.process>ul>li:hover img{filter: contrast(0) brightness(2);}
.process>ul>li:hover>span{background:#014bae;}
.process>ul>li:hover em{background:#fff; color:#014bae;}
.process>ul>li:hover i{background: rgba(1,82,207,0.16)}
.process>ul>li:hover{border-color:#014bae;transform: translateY(-10px); box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 10%);}

.process>ul>li:hover>span {color: #fff;}

.m25{padding-bottom:25px;}

.message{background: url(https://memberpic.114my.com.cn/jiarui/uploadfile/image/20230217/20230217154523_521764435.png) no-repeat center bottom; padding-bottom:40px; margin-top:25px;}

.contact_us03{ width:1200px; margin:auto;}
.contact_us03 .infor .tit{font-size:30px; line-height:30px; color:#02001c; text-align:center; font-weight:bold;}
.contact_us03 .content{ width:100%; margin:auto;}
.contact_us03 .content .inp_wrap{float:left; width:32%; margin-right:2%; margin-bottom:35px;}
.contact_us03 .content .inp_wrap_two{margin-right:0;}
.contact_us03 .content .inp_wrap label{display:block; font-size:19px; font-weight:bold; color:#02001c; margin-bottom:10px; letter-spacing: 1px;}
.contact_us03 .content .inp_wrap label em{color:#ea081c; display:inline-block; margin-right:5px;}
.contact_us03 .content .inp_wrap .inp{width:100%; border:1px solid #f5f5f5; height:58px; line-height:58px; padding:0; text-indent:17px; font-size:15px; background:#f5f5f5;}
.contact_us03 .content .inp_wrap_last{width:100%;}
.contact_us03 .content .inp_wrap_last .inp{line-height:35px; height:125px; padding:20px; box-sizing:border-box;}
.contact_us03 .content .btn_wrap{text-align:center; margin-top:14px;}
.contact_us03 .content .btn_wrap .btns{display:inline-block; width:442px; height:56px; line-height:56px; font-family: "yhan"; margin:0;  background: linear-gradient(to bottom, #014bae, #107ac4); letter-spacing:1px; color:#fff; font-size:20px; border:none; /*transform:skewX(-20deg);*/ box-sizing:border-box; cursor:pointer;}
.contact_us03 .content .btn_wrap .btns span{display:block; transform:skewX(20deg); font-size:15px;}
.contact_us03 .content .btn_wrap .btns i{display:inline-block; padding-left:10px; transition:all 0.5s ease;}
.contact_us03 .content .btn_wrap .btns:hover i{padding-left:30px;}
.contact_us03 .infor .tit{font-size:30px; line-height:30px; color:#02001c; text-align:center; font-weight:bold;}

.tel_bg{text-align: center;padding:26px 0;}
.tel2{display: inline-block;}
.tel2 p{font-size:15px;color: #222;float: left;line-height: 60px; font-family: Microsoft YaHei;}
.tel2 d{font-size:38px; font-weight:bold; color: #222; font-family: din; float: left;margin-top: -5px; line-height:64px;}
.tel2 i{width: 59px;height: 59px;display: inline-block;background:#107ac4 url(https://memberpic.114my.com.cn/jiarui/uploadfile/image/20230217/20230217154523_658477688.png)no-repeat center;border-radius: 50%;float: left;margin-right: 20px;position: relative;}
.tel2 i:before,.tel2 i:after {position: absolute;left:50%;top:52%;height: 59px;width:59px;margin-top: -31px;margin-left: -30px;border-radius: 50%;box-shadow: 0 0 0 0 #D4E0EE;animation: ripple 1.8s infinite;}
.tel2 i:before {animation-delay:0.7s;content:"";position:absolute;right: 0;bottom: 0;}
.tel2 i:after {animation-delay:1s;content:"";position:absolute;right: 0;bottom: 0;}
@-webkit-keyframes ripple {
    70% {box-shadow: 0 0 0 30px rgba(0, 159, 232, .0);}
    100%{box-shadow: 0 0 0 0 rgba(0, 159, 232, .0);}
}


/*地图*/
.news{width: 100%;background-color: #393a3e; border-top-left-radius: 110% 25%; border-top-right-radius: 110% 25%;/* background:url(https://memberpic.114my.com.cn/jiarui/uploadfile/image/20230203/20230203183252_1333144401.jpg) center;*/ background-repeat: no-repeat; background-attachment: fixed;     padding-bottom: 14px;}
.news .t{ margin-top:0px !important; padding-top:60px; height:180px;}
.news .t em{color: rgba(255,255,255,0.1);}
.news .t em b{color: rgba(255,255,255,0.4);}
.news .t h3{ color:#fff;}
.news .t h3 b{color:#fff;}
.news .t i{bottom:48px;}
.news_m{width: 1200px;overflow: hidden; margin:auto;}
.news_m dl{width:32%;float: left;} 
.news_m dl:nth-child(2n){ margin:0 2%;}
.news_m dl dt{overflow: hidden;line-height: 0;}
.news_m dl dt img{width:100%;}
.news_m dl dd{width:100%;height:38px;padding:13px 0 0 10px; filter: contrast(0) brightness(2); text-align: center;position: relative;}
.news_m .news_desc p{ text-align:left; /*background: url(https://memberpic.114my.com.cn/jiarui/uploadfile/image/20230217/20230217154522_1970405527.png) 0 3px no-repeat;*/ padding-left:0px; font-weight:lighter;}
.news_m dl dd h5{height:48px;line-height: 50px;overflow: hidden; text-align:left;}
.news_m dl dd h5 a{font-size:20px;color: #111;display: block;width: 330px;white-space:nowrap; font-weight:bold; overflow:hidden; text-overflow:ellipsis;}
.news_m dl dd span{display: block;width: 135px;position: absolute;bottom: -18px;left: 120px;}
.news_m dl dd span a{display: block;width: 135px;text-align: center;height: 45px;line-height: 45px;background: #d2d2d2;font-size: 14px;color: #333;overflow: hidden;border-radius: 30px;}
.news_m dl:hover dd span a{background: #29934c;color: #fff;}
.news_m .news_desc{font-size:16px; color: #666; line-height:30px; font-weight:lighter; overflow: hidden;} 
.news_m dl dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}

/*--footer--*/
.wrap{width:1200px; margin:auto;}
.footer{color:#fff; padding-top:10px; padding-bottom:17px; overflow:hidden; background:#333333; }
.ft-inner{padding:30px 0;line-height:30px;overflow:hidden; display:none;}
.ft-inner .ft-tel{float:left;padding-left:40px;background:url(images/ft_tel.png) no-repeat 0 center;}
.ft-inner .ft-tel span{font-size:14px;color: rgba(255, 255, 255, 0.6);}
.ft-inner .ft-tel a{font-family:"gotham";font-size:18px; color: #fff;}
.ft-inner .ft-menu{overflow:hidden; text-align:left;}
.ft-inner .ft-menu a{display:inline-block; margin-right:45px; font-size:16px;color:#fff; }
.ft-inner .ft-menu a:hover{color:#01499b;}
.ft-bottom{padding:30px 0 56px 0;line-height:40px; margin-top:54px; border-top: 1px solid rgba(255, 255, 255, 0.07);}
.ft-bottom .copyright{float:left;font-size:15px; color:#fff;}
.ft-bottom .copyright p{color:#fff;}
.ft-bottom .copyright span{display:inline-block;margin-right:20px; color:#fff; font-size:15px;}
.ft-bottom .copyright span b{}
.ft-bottom .copyright a{color:#fff; font-size:15px;}
.ft-bottom .copyright a:hover{color:#107ac4; text-decoration:underline;}
.ft-bottom .flinks{float:right;}
.ft-bottom .flinks dl{position:relative;height:40px;}
.ft-bottom .flinks dt{width:125px;text-align:center; background:#014bae;}
.ft-bottom .flinks dt a{display:block;color:#fff; font-size:14px;}
.ft-bottom .flinks dt a:after{display:inline-block;margin-left:10px; content:""; width:6px; height:10px;  background:url(https://memberpic.114my.com.cn/szjiarui/uploadfile/image/20221020/20221020153234_1885426292.png) no-repeat; transition:all .5s; font-size:10px;}
.ft-bottom .flinks dd{display:none;position:absolute;right:0;bottom:100%; width:650px;overflow:hidden; background:#014bae;}
.ft-bottom .flinks dd a{display:block;float:left; font-size:14px;color:#fff;text-align:center; padding-left:10px;}
.ft-bottom .flinks dd a:hover{text-decoration:underline;}
.ft-bottom .flinks dl:hover dt a:after{transform:rotate(90deg);}
.ft-bottom .flinks dl:hover dd{display:block;}
@media(max-width:1200px){.footer{padding:0 10px;text-align:center;overflow:hidden;}
.ft-inner{padding:30px 10px;}
.ft-inner .ft-tel{float:none;display:inline-block;padding: 0;background: none;}
.ft-inner .ft-menu{display:none;}
.ft-bottom{height:auto;line-height:25px;}
.ft-bottom .copyright{float:none;width:100%;}
.ft-bottom .copyright span{margin:0 5px;}
.ft-bottom .flinks{display:none;}}
/*--end footer--*/




/*右*/    
.kf.on{right:15px}
.kf .kf_div{box-shadow:0 0 18px rgba(0,0,0,.1);margin-bottom:8px}
.kf .kf_div:last-child{margin-bottom:0}
.kf .item{width:50px;height:50px;background:#107ac4;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;position:relative}
.kf .item:first-child{border-top-left-radius:6px}
.kf .item:last-child{border-bottom-left-radius:6px}
.kf { position: fixed; right: -100px; bottom:20%; width: 50px; z-index: 9; -webkit-transition: all .5s; -o-transition: all .5s;   transition: all .5s;}
   
.kf .item .box{font-family: Arial;  font-weight: bold;  position:absolute;left:90px;top:50%;transform:translateY(-50%);z-index:-1;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;width:298px;height:50px;background:#fff;box-shadow:0 0 18px rgba(0,0,0,.1);border-radius:25px;margin-right:8px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;font-size:26px;font-family:din_b;color:#014bae}
.kf .item .box:before{width:10px;height:100%;position:absolute;right:-9px;top:0;content:''}
.kf .item .box i{width:32px;height:32px;display:block;border-radius:50%;margin:0 18px 0 17px;background:url(https://memberpic.114my.com.cn/jiarui/uploadfile/image/20230213/20230213083949_497891956.png) no-repeat center #014bae}
.kf .item .box2{width:154px;position:absolute;left:90px;top:50%;transform:translateY(-50%);z-index:-1;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:#fff;box-shadow:0 0 18px rgba(0,0,0,.1);padding:15px 0 20px;border-radius:6px}
.kf .item .box2:before{width:10px;height:100%;position:absolute;right:-9px;top:0;content:''}
.kf .item .box2 h3{width:100%;text-align:center;font-size:24px;color:#014bae;font-weight:700}
.kf .item .box2 img{width:133px;height:133px;margin:5px 0}
.kf .item .box2 div{font-size:16px;line-height:22px;color:#666;text-align:center}
.kf .item:hover{background:#014bae;}
.kf .item:hover .box{left:-306px}
.kf .item:hover .box2{left:-164px}
.kf .item:hover a img{display:none}
.kf .item:hover a img.on{display:block}
.kf .item a{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;position:relative;z-index:1}
.kf .item a img{-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;max-width:50%}
.kf .item a img.on{display:none;max-width:50%}
@media (max-width:768px){.kf{top:auto;bottom:10px;left:50%;margin-left:-80px;transform:translateY(0);display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;-o-flex-direction:row;flex-direction:row}
.kf .kf_div{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;-o-flex-direction:row;flex-direction:row;height:40px}
.kf .item{width:40px;height:40px;border-radius:0!important}
.kf .item a img{max-width:50%}
.kf .item:hover .box{left:-50px;opacity:1;top:-30px}
.kf .item:hover .box2{left:-40px;opacity:1;top:-70px}
.kf .item .box{left:-50px;top:-20px;opacity:0;width:140px;font-size:14px;height:40px;border-radius:20px;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}
.kf .item .box:before,.kf .item .box i{display:none}
.kf .item .box2{left:-40px;top:-50px;opacity:0;width:120px;height:120px;padding:5px}
.kf .item .box2:before,.kf .item .box2 h3,.kf .item .box2 div{display:none}
    .kf .item .box2 img{width:110px;height:110px}}
@media (max-width:1200px){
.h_tcc>p{ font-size: 16px;}
}

.add_con{ width: 1200px; margin: 0 auto;}
.addnr .item {margin-bottom: 1%;clear: both;}
.addnr .item i{display: inline-block;width: 40px;font-size: 0;vertical-align: middle;}
.addnr .item i img{width: 100%;filter: brightness(10);}
.addnr .item b{display: inline-block;vertical-align: middle;font-size: 18px;color: #fff;margin-left: 10px;font-weight: bold;}
.addnr .item span{display: inline-block;vertical-align: middle;font-size: 18px;color: #fff;margin-left: 10px;}

.addnr.asd.fr {
  padding-right: 10px;
}