* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    font-size: 14px;
    font-family: Microsoft YaHei;
}
em, i {
    font-style: inherit;
    font-weight: inherit;
}
ul {
    list-style: none;
}
img {
    border: none;
    vertical-align: middle;
}
a {
    text-decoration: none;
    color: #333;
}
tr, td {
    padding: 0 !important;
}
input, textarea {
    outline: none;
    border: none;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    font-size: 14px;
    font-family: Microsoft YaHei;
}
em, i {
    font-style: inherit;
    font-weight: inherit;
}
ul {
    list-style: none;
}
img {
    border: none;
    vertical-align: middle;
}
a {
    text-decoration: none;
    color: #333;
}
tr, td {
    padding: 0 !important;
}
input, textarea {
    outline: none;
    border: none;
}
html {
    overflow-x: hidden;
    overflow-y: auto;
}
@font-face {
  font-family: 'iconfont';  /* Project id 3313270 */
  src: url('//at.alicdn.com/t/font_3313270_0hlm7pcxkxb8.woff2?t=1649506041768') format('woff2'),
       url('//at.alicdn.com/t/font_3313270_0hlm7pcxkxb8.woff?t=1649506041768') format('woff'),
       url('//at.alicdn.com/t/font_3313270_0hlm7pcxkxb8.ttf?t=1649506041768') format('truetype');
}

@font-face {
font-family: 'din';
src: url("//memberpic.114my.com.cn/hongfu123/cssnew/DIN%20Medium.woff2.txt") format("woff2"),
       url("//memberpic.114my.com.cn/hongfu123/cssnew/DIN%20Medium.woff.txt") format("woff"),
       url("//memberpic.114my.com.cn/hongfu123/cssnew/DIN%20Medium.ttf.txt") format("truetype"),
       url("//memberpic.114my.com.cn/hongfu123/cssnew/DIN%20Medium.eot.txt") format("embedded-opentype"),
       url("//memberpic.114my.com.cn/hongfu123/cssnew/DIN%20Medium.svg.txt") format("svg");
}

/*head*/
.head {
    width: 100%;
    padding: 15px 0px 15px 0;
    z-index: 999;
margin: 0 auto;
background: url(https://memberpic.114my.com.cn/hongfu123/uploadfile/image/20230625/20230625160622_1796070758.jpg) center;
}
.head_box {
    max-width: 1300px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.head_l {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.head_logo {
    display: flex;
    position: relative;
    align-items: center;
}
.head_logo i {
    display: inline-block;
}
.head_logo em img {margin-left: 32px;
}
.head_logo i img {
}
.head_logo>p {
    font-weight: bold;
    font-size: 26px;
    line-height: 40px;
padding-left:20px;
color: #333;
}
.head_logo p b {
    display: inline-block;
    font-weight: normal;
    font-size: calc(1rem + 1vw);
    line-height: calc(1rem + 1vw);
    overflow: hidden;
    width: 102%;
}
.head_logo>p>span {
    font-size: 16px;
    display: block;
    line-height: 26px;
    font-weight: normal;
    color: #999;
    letter-spacing: 0px;
font-family: Microsoft YaHei;
border-radius: 60px;
    font-style: normal;
background: linear-gradient(120deg,#3080fd 10%,#37b7f6 80%);
color: #fff;
text-align: center;
}

.head_r {/* width: 260px; */
    display: flex;
    align-items: center;
    height: 66px;
}
.head_r p {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    line-height: 14px;
    text-align: left;
    margin-right: 6px;
    color: #333;
    padding-left: 17px;
}
.head_r p span {
    font-size: 22px;
    font-family: din;
    line-height: 30px;
    font-weight: bold;
    color: #333;
}
.head_r>i {
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
    font-size: 27px;
    margin: 0 0px 0px 16px;
    border: 1px #333 solid;
}
.head_r>ul>li:hover .tit_sel {
    transform: rotateX(0);
    transition: all 0.5s;
}
.head_r>ul {
}
.head_r>ul>li {
    width: 2.5vw;
    height: 2.5vw;
    border: 1px solid #333;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    float: left;
    margin-left: 1vw;
    line-height: 2.5vw;
    text-align: center;
}
.head_r>ul>li i {
    font-size: 21px;
    position: relative;
    margin-top: -1px;
    color: #333;
    text-transform: uppercase;
}
.head_r>ul>li i a {font-size: 16px;
 color: #333;
}
.head_r>ul>li i:after {
    content: '';
    width: 100%;
    height: 82px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
/*head*/
.head_r>ul>li:hover .tit_sel {
    transform: rotateX(0);
    transition: all 0.5s;
}
.tit_sel {
    width: 500px;
    height: 150px;
    background: rgba(51,51,51,0.7);
    transform: rotateX(90deg);
    position: relative;
    right: 0;
    transition: all 0.5s;
    font-size: 16px;
    padding: 34px;
    z-index: 9999;
    top: 10px;
}
.tit_sel span {
    font-size: 24px;
    display: block;
    color: #333;
    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: 374px;
    height: 33px;
    overflow: hidden;
    padding-left: 14px;
    margin-top: 20px;
    box-sizing: border-box;
    border: 1px solid #fff;
    border-right: none;
    text-align: left;
    line-height: 30px;
}
.search-text {
    font-size: 14px;
    color: #999999;
    justify-content: center;
    align-items: center;
    width: 413px;
}
.search-text a {
    font-size: 15px;
    color: #fff !important;
    transition: all 0.3s linear;
}
.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%;
}
/*nav*/
.head_nav {width:100%; margin: 0 auto; position: relative; z-index: 99;
    background: linear-gradient(120deg,#1772fb 10%,#37b7f6 80%); padding:0 5%;}
.head_nav>ul {display: flex;justify-content: space-between;align-items: center; max-width:1300px; margin: 0 auto;}
.head_nav li {position: relative; height:76px; line-height:76px;}
.head_nav li a {font-size: 18px;position: relative;transition: 0.5s;color:  #fff;font-weight:  normal;}
.head_nav li a:after {content:'';width: 0;height: 2px;background:#125ad6;position: absolute;bottom: -32px;left: 47%;transition: 0.5s;}
.head_nav>ul>li:hover>a,.head_nav>ul>li.cur>a {color: #fff; }
.head_nav>ul>li:hover>a:after,.head_nav>ul>li.cur>a:after {width: 100%;width: 10px;height: 10px;background:#125ad6; border-radius: 50%;}
/*nav_con*/
.head_nav li:hover .nav_con {transform:rotateX(0deg);}
.nav_con {position:  absolute;top: 210%;left: 0;background: #f8f8f8;width: 100%;display:  flex;justify-content:  space-between;transition:0.5s;transform: rotateX(90deg);transform-origin:top;overflow:  hidden;padding: 3%;align-items: c;}
.nav_con i {width: 48%;overflow: hidden;}
.nav_con i img {width:  100%;height:  auto;}
.nav_r {width: 49%;}
.nav_r  p {font-size: 24px;display: flex;flex-direction:column;font-weight: bold;}
.nav_r p span {font-size: 18px;font-family: Arial;text-transform: uppercase;font-weight: lighter;padding: 2% 0 0;color: #999;letter-spacing: 1px;}
.nav_r>ul {display:  flex;flex-wrap: wrap;width: 100%;margin: 7% 0 0;}
.nav_r li {width: 31%;padding: 3%;border: 1px solid #ddd;display: flex;justify-content: center;align-items:center;margin: 0 2% 0 0;}
.nav_r li:nth-child(n+4) {margin: 3% 0 0;}
.nav_r li>a {font-size: calc(0.5rem + 0.5vw);}
.head_nav li:nth-child(3) .nav_con .nav_r li {width: 48%;}
.head_nav li:nth-child(3) .nav_con .nav_r li:nth-child(n+3) {margin: 3% 0 0;}

/*导航下拉*/
.head_nav li>.nav2{position:absolute;top:76px;left:-80px;z-index:99999;display:none;box-shadow:5px 5px 10px rgba(0,0,0,.3);}
.head_nav li>.nav2 a{display:block;width:260px;height:60px;border-bottom:none;background:#fff;color:#333; text-align: center;}
#aa2>.nav2 a{width:150px;font-size:15px;}
.head_nav li>.nav2 a:hover{background:#125ad6;color:#fff;}
.nav2 b{color:#999;}
.head_nav li>.nav2 a span{display:block;color:#333;text-transform:uppercase;font-size:16px;line-height:60px;-webkit-transition:all .8s cubic-bezier(.35,.75,.55,1) .1s;-moz-transition:all .8s cubic-bezier(.35,.75,.55,1) .1s;transition:all .8s cubic-bezier(.35,.75,.55,1) .1s;}
.head_nav li>.nav2 a b{position:relative;display:inline-block;display:block;color:#ccc;line-height:30px;-webkit-transition:all .8s cubic-bezier(.35,.75,.55,1) .1s;-moz-transition:all .8s cubic-bezier(.35,.75,.55,1) .1s;transition:all .8s cubic-bezier(.35,.75,.55,1) .1s;}
.head_nav li>.nav2 a span:before{display:inline-block;width:0;height:2px;background:#fff;content:'';vertical-align:middle;-webkit-transition:all .8s cubic-bezier(.35,.75,.55,1) .1s;-moz-transition:all .8s cubic-bezier(.35,.75,.55,1) .1s;transition:all .8s cubic-bezier(.35,.75,.55,1) .1s;}
.head_nav li>.nav2 a b:before{display:inline-block;width:0;height:2px;background:0 0;content:'';vertical-align:middle;-webkit-transition:all .8s cubic-bezier(.35,.75,.55,1) .1s;-moz-transition:all .8s cubic-bezier(.35,.75,.55,1) .1s;transition:all .8s cubic-bezier(.35,.75,.55,1) .1s;}
.head_nav li>.nav2 a:hover span{color:#fff;font-size:16px;}
.head_nav li>.nav2 a:hover span:before{margin-right:5px;width:40px;}


/*幻灯片*/
.banner{overflow:hidden; width:100%; position:relative; z-index:1; background:#000;}
.banner-box{ min-width:1300px; height:700px; position:relative; margin:0 auto; }
.banner-box .bd, .banner-box .bd ul{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:700px; background-position: center; background-repeat: no-repeat;}
.banner-box .bd li a{ display:block; background-size:auto;     width: 100%;height: 80%;position: relative;z-index: 9;}
.banner-btn{ width: 100%; position: absolute; bottom:30px; left: 0; margin-left: 0; height: 450px; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:30px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out; z-index: 9;}
.banner-btn a.prev{ left:-50px; background:url(https://memberpic.114my.com.cn/027457/uploadfile/image/20201216/20201216100647_1556163588.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(https://memberpic.114my.com.cn/027457/uploadfile/image/20201216/20201216100647_1556163588.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute; bottom:0px; width: 100%; display: block; }
.banner-box .hd ul{ text-align: center}
.banner-box .hd ul li{ width:10px; height:10px; border-radius :50%; text-indent:-9999px; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; opacity:0.8; border:1px #fff solid;}
.banner-box .hd ul li.on{ background:#fff;border-radius: 8px; width:10px;}
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }

.banner-box .bd li{ -webkit-animation: kenburns-top1 3.5s ease-out  both;animation: kenburns-top1 3.5s ease-out  both;}


.char_txt {width: 1300px; margin: 0 auto; padding: 35px 0px;}
.char_txt ul { display:  flex;justify-content: space-around;}
.char_txt li {width:  350px; flex-direction:  column;align-items:  center; justify-content:  center;color:  #333;}
.char_txt li i {font-size:35px; float: left; padding-top: 4%; color: #125ad6;}
.char_txt li p { display:  flex;flex-direction:  column;align-items:  baseline; font-size:  18px; color:  #999; padding-left: 6%;}
.char_txt li p span { font-size:  50px;color:  #333;position:  relative;line-height:  50px; margin: 0 0 2px 0; font-family: 'din'; font-weight: 100;}
.char_txt li p span em {width: 20px; height:  20px; font-size:  14px;position:  absolute;top: 0;  right: -10px;background: #125ad6; border-radius:  50%;display:  flex; justify-content:  center;align-items:  center; color: #fff; line-height: 20px;}

.tit {display:  flex;flex-direction:  column;align-items:  center;position:  relative; margin-bottom: 60px;}
.tit:before {content: '';background: linear-gradient(120deg,#125ad6 10%,#3593e2 80%);width: 3%;height: 4px; position:  absolute;left: 49%;bottom: -20%;}
.tit b {font-size: 40px;display: block;text-align: center;}
.tit p {font-size: 18px;color: #999;padding: 0.5% 0 0;text-align: center;}
.tit span{font-size: 82px;color: #125ad6; font-family: din; top: 13px;
    position: relative;}

.tit1 {display:  flex;flex-direction:  column;align-items:  center;position:  relative; margin-bottom: 60px;}
.tit1:before {content: '';background: linear-gradient(120deg,#125ad6 10%,#3593e2 80%);width: 3%;height: 4px; position:  absolute;left: 49%;bottom: -20%;}
.tit1 b {font-size: 40px;display: block;text-align: center;color: #fff;}
.tit1 p {font-size: 18px;color: #fff;padding: 0.5% 0 0;text-align: center;}
.tit1 span{font-size: 82px;color: #fff; font-family: din; top: 13px;
    position: relative;}


.content{max-width:1300px;margin:0 auto;}

/*分类*/
.pr_box{padding:60px 0px;overflow:hidden;width:100%;margin:0 auto;background:#f8f8f8;}
.pro_fl{width:100%;overflow:hidden;margin-bottom:50px;}

.pro_fld{width:340px;overflow:hidden; float:left;}
.pro_tabl{float:left;width:320px;height:140px;background: linear-gradient(120deg,#125ad6 10%,#3593e2 80%);border-top-left-radius:60px;border-bottom-right-radius:0px;text-align:center;line-height:110px;font-size:34px;color:#fff;position:relative;margin-top:0px;}
.pro_tabl:before{content:"classification";position:absolute;font-size:18px;color:#fff;opacity:0.3;text-transform:uppercase;font-family:Arial;top:42px;}
.pro_tab{position: relative;margin-bottom:20px;width:320px;float:left; background: #fff; padding:30px 30px 45px 30px;}
.pro_tab ul { width: 100%; flex-direction: column;}
.pro_tab li {width: 100%; float: left; height: 60px;}
.pro_tab li+li{margin-top:13px;}
.pro_tab li>a {font-size: 18px;color: #fff; width: 100%; padding: 7% 0 7% 20%;display: flex; transition: 0.2s; background: #125ad6;}
.pro_tab li>a:hover{background: linear-gradient(120deg,#125ad6 10%,#3593e2 80%);transition: 0.2s; color: #fff;}
.pro_tab li dl {padding: 10% 20%;}
.pro_tab li dt {position: relative;padding: 0 0 0 6%;}
.pro_tab li dt:nth-child(n+2) {margin: 10% 0 0;}
.pro_tab li dt:before {content:'';width: 4px;height: 4px;border: 1px solid #333;position: absolute;left: -7px;top: 5px;transform: rotate(45deg);}
.pro_tab li:after{content:'○';position: relative;right: -33px; top: -45px; font-size: 20px; color: #999;}
.pro_tab li dt a {font-size: 16px;color: #666;}

.pro_list {max-width: 960px;overflow: hidden;}
.pro_list ul {display: flex;justify-content: space-between;}
.pro_list ul li {background: #fff;position: relative;border:1px solid #eee;flex-shrink:0;float: left;width:318px;transition: 0.2s;}
.pro_list ul li+li{margin-left:5px;}
.pro_list ul+ul{margin-top:7px;}
.pro_list ul li img {}
.pro_list ul li {display: inline-block;transition: 0.2s;}
.pro_list ul li img {width: 100%;padding:18px;height:auto !important;}
.pro_list ul li a {font-size: 17px;display:inline-block !important;color: #6f737a;width: 100%;line-height:72px;text-align: left; text-align:center;}
.pro_list ul li span{}
.pro_list ul li>a a{width:100%;height:100%;position: absolute !important;top: 0;left: 0;}
.pro_list ul li,.pro_list ul li a,.pro_list ul li>a a{position:relative;display:block;}
.pro_list ul li:hover span a{color:#fff;background:#125ad6; transition: 0.2s;}
.pro_list ul li:hover{border:20px solid #125ad6;transition: 0.2s;}
.pro_list ul li>a{overflow:hidden;display:block;}

.pr_more{width:600px;height:60px;background:#fff;text-align:center;font-size:17px;line-height:60px; margin: 0 auto;transition:0.6s ease;margin-top: 50px; border-radius: 30px; box-shadow: 0px 0px 10px rgba(204,204,204,0.3);}
.pr_more:hover{background:#125ad6;transition:0.6s ease;width:1000px;box-shadow:0px 0px 10px rgba(0,51,153,0.3);}
.pr_more:hover a{color:#fff;font-size:17px;}
.pr_more a{font-size:17px;font-weight:100; color:#666;}

/*adv*/
.adva {background: linear-gradient(120deg,#125ad6 10%,#3593e2 80%); width: 100%; padding:80px 0px;}
.adva_box {
    max-width: 1300px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
}
.adva_tit {
    display: flex;
    flex-direction: column;
    position: relative;
}

.adva_tit b {
    font-size: 42px;
    color: #fff;
}
.adva_tit b span {
    color: #24ac4a;
}
.adva_tit p {
    font-size: 18px;
    color: #fff;
    font-weight: 100;
    padding: 15px 0 0 0px;
    text-align: center;
}
.adva_tab {
    width: 100%;
    margin: 6% 0 0;
}
.adva_nav {
}
.adva_nav ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 0 auto;
}
.adva_nav li {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    width: 25%;
    height: 180px;
    justify-content: center;
    z-index: 5;
}
.adva_nav li:before {
    content: '';
    width: 100%;
    height: 1px;
    background: rgba(255,255,255,0.2);
    position: absolute;
    top: 50%;
    left: 0;
    z-index: -1;
}
.adva_nav li:after {
    content: '';
    width: 100%;
    height: 0;
    background: linear-gradient(120deg,#3794e2 10%,#4db8ea 80%);
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.5s;
    z-index: -1;
}
.adva_nav li i {
    font-size: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    position: relative;
}
.adva_nav li i:before {
    content: '';
    width: 1px;
    height: 12px;
    background: #fff;
    position: absolute;
    bottom: -31px;
    left: 15px;
    opacity: 0.3;
}
.adva_nav li i:after {
    content: '';
    width: 5px;
    height: 5px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    bottom: -16px;
    left: 13px;
    opacity: 0.3;
}
.adva_nav li p {
    font-size: 22px;
    line-height: 24px;
    padding-top: 45px;
    color: #fff;
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.adva_nav li p span {
    font-size: 12px;
    text-transform: uppercase;
    transform: scale(0.9);
    font-family: Arial;
    opacity: 0.5;
}
.adva_nav li.on:after {
    height: 100%;
}
.adva_con {
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 20px rgba(2,76,179,0.1);
}
.adva_bao {
    display: flex;
    transition: 0.5s;
}
.adva_big {
    width: 100%;
    flex-shrink: 0;

}
.adva_ic{display: flex;justify-content: space-between;align-items: center;overflow: hidden;padding: 6.5%;}

.adva_tu {
    display: flex;
    width: 100%;
    margin: 0 auto;
    padding: 0 5.5% 5.5%;
    flex-wrap: wrap;
    justify-content: space-between;
}

.adva_pic {
    width: 50%;
}
.adva_pic i {
}
.adva_pic i img {
    width: 100%;
    height: auto;
}
.adva_txt {
    width: 45%;
    display: flex;
    flex-direction: column;
}
.adva_txt p {
    align-items: center;
    font-size: 36px;
    line-height: 42px;
    position: relative;
    padding-left: 7%;
    z-index: 5;
    font-weight: bold;
    color: #666;
}
.adva_txt p span {
    font-size: 17px;
    color: #999;
    display: block;
    text-transform: uppercase;
    padding-top: 5px;
    font-weight: 100;
}
.adva_txt p:after {
    content: '';
    background: rgba(18,90,214,0.1);
    position: absolute;
    top: -8px;
    left: 0;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    z-index: -1;
}
.adva_txt p b {
    color: #024cb3;
    font-size: 48px;
}
.adva_txt em {
    font-size: 17px;
    color: #666;
    font-weight: 100;
    line-height: 34px;
}
.adva_txt em:nth-child(2) {
    margin-top: 9%;
}
.adva_txt a {
    width: 320px;
    height: 50px;
    background: linear-gradient(120deg,#125ad6 10%,#3593e2 80%);
    color: #fff;
    border-radius: 20px 0 20px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10%;
    font-weight: 100;
    transition: 0.5s;
font-size: 17px;
}
.adva_txt a:hover {
    width: 460px;
    transition: 0.5s;
    border-radius: 0px;
    letter-spacing: 4px;
}

/*流程*/
.xw_lcbox{width:100%;padding:60px 0 70px 0; background: url(https://memberpic.114my.com.cn/hongfu123/uploadfile/image/20230625/20230625161052_1208747637.jpg) center;overflow:hidden;position:relative;z-index:0;}


/*形象*/
.qy_corp {padding: 30px 0 24px 0 ;}
.qy_co2 {
  max-width: 1300px;
  margin: 50px auto 0;
}
.qy_co2 tr br {
  display: none;
}
.qy_co2 tr div {
  height: 60px;
  line-height: 60px;
  background: #eee;
 padding: 0 !important;
}
.qy_co2 tr div a {
  font-size: 18px;
  position: relative;
display: block;
z-index: 2;
}
.qy_co2 tr {
  display: flex;
  justify-content: space-between;
}
.qy_co2 tr td {
  margin-bottom: 30px;
  position: relative;
}
.qy_co2 tr div a::before{
  content: '';
  position: absolute;
  width: 100%;
  background: #125ad6;
  height: 0;
  left: 0;
  bottom: 0;
  z-index:-1;
}
.qy_co2 tr td:hover a {
  color: #fff;
}
.qy_co2 tr td:hover a:before {
  height: 100%;
transition: all .5s;
}

/*company*/
.com_bc{padding: 0px 0 70px 0px;background-size:100%;}
.com_ti{text-align: center;}
.com_ti>b{display: block;font-size: 42px;color: #333; letter-spacing: 1px;}
.com_ti>p{font-size: 20px;margin-top: 12px;color: #999;}
.com_ic{display: flex;margin-top: 41px;}
.com_ic>ul{width: 22%;background: linear-gradient(120deg,#125ad6 10%,#3593e2 80%);padding: 44px 44px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.com_ic>ul>li{width: 100%;}
.com_ic>ul b{color: #fff;font-size: 30px;display: block;text-align: center; font-weight: 100;}
.com_ic>ul b a{color: #fff;font-size: 30px;}
.com_ic>ul p{font-size: 17px;color: rgba(255,255,255,0.6);margin: 17px 0 40px;text-align: center; font-weight: 100;}
.com_ic>ul>li:last-child p{margin-bottom: 0;}
.com_ic>ul>li+li{border-top: 1px solid rgba(255,255,255,0.2);padding-top: 46px;}
.com_ic>p{width: 78%;}
.com_ic>p img{width: 100%;}
.com_wz>b{display: block;font-size: 30px;}
.com_wz>div{font-size: 16px;color: #666;line-height: 38px;margin-top: 18px;}
.com_wz{background: #f8f8f8; padding:50px 60px 60px 60px;}

/*新闻*/
.news_box{margin:0px auto;background: #f8f8f8;padding: 70px 0; overflow: hidden;}
.news_bt{width:625px;margin: auto;}
.nb_tab a{width:171px;height:42px;background:#fff;display:inline-block;vertical-align:top;color:#333;box-shadow:0px 0px 10px rgb(0,0,0,0.1);border-radius:30px;margin-top:0px;text-align: center; margin-bottom: 50px;}
.nb_tab a+a{margin-left:50px;}
.nb_tab a.cur{background: linear-gradient(120deg,#125ad6 10%,#3593e2 80%);color:#fff;background-size:400% 370%;box-shadow:0px 0px 10px rgba(18,90,214,0.3)}
.nb_tab a i,.nb_tab a b{display:inline-block;vertical-align:top;line-height:42px;}
.nb_tab a b{font-size:16px;font-weight:100;letter-spacing:1px;}
@-webkit-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}
@-moz-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}
@keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}
.nbc_list+.nbc_list{display:none;}
.nbcl_le{width: 56%; float: left;}
.nbcl_le .news_div_item{width: 49%;display: inline-block;vertical-align:top; background: #fff; padding:28px 30px;}
.nbcl_le .news_div_item+.news_div_item{margin-left:10px;}
.nbcl_le .news_div_item_pic img{width:288px;}
.news_div_item_title a{font-size:18px;}
.nbcl_le .news_div_item_content{margin-top:10px;}
.nbcl_le .news_div_item_body{margin-top:15px;line-height:25px;color:#68686a;font-size:15px; font-weight: 100;}
.nbcl_le .news_div_item_date,.new_more{display:inline-block;vertical-align:top;font-size:0;margin-top:25px;}
.nbcl_le .news_div_item_date>div{display:inline-block;vertical-align:top;color:#68686a;}
.new_more{width:24px;height:24px;border-radius:24px;border:1px solid #9a9899;background:url(https://memberpic.114my.com.cn/hongfu123/uploadfile/image/20220408/20220408114128_1928105453.png) no-repeat right center;float: right;margin-top:5px;}

.nbcr_ri{width: 43.6%; float: right;}
.nbcr_ri .news_div_item_pic{display: none;}
.nbcr_ri .news_div_item{font-size:0;border-top:1px solid #e6e6e6;padding:40px 0;position:relative;transition:300ms;border-left:1px #e6e6e6 solid;border-right:1px #e6e6e6 solid;}
.nbcr_ri .news_div_item:hover{box-shadow:0 0 21px #d2d2d2;z-index:1;transition:300ms;}
.nbcr_ri .news_div_item_date,.nbcr_ri .news_div_item_content{display:inline-block;vertical-align:top;}
.nbcr_ri .news_div_item_date{width:115px;text-align:center;font-size:0;}
.nbcr_ri .news_div_item_content{width:432px;padding-left:20px;border-left:1px solid #f3f3f3; font-weight:100;text-align: left;}
.nbcr_ri .news_div_item_date>div{font-family:Arial;}
.nbcr_ri .news_div_item_year,.nbcr_ri .news_div_item_month{display:inline-block;vertical-align:top;color:#565656;  font-size: 14px;}
.nbcr_ri .news_div_item_day{font-size:47px;font-weight:bold;line-height: 55px;}
.nbcr_ri .news_div_item_body{margin-top:10px;line-height:25px;color:#68686a;padding-right:20px;font-size:15px;}
.nbcr_ri .news_div_item:nth-child(3){border-bottom:1px #e6e6e6 solid;}
.new_t{float:left;}
.new_ta{font-size:40px;color:#333;line-height:46px;display:block;width:400px;margin:auto;}
.new_ta span{font-weight:bold;}
.new_tb{font-size:20px;color:#666;line-height:40px;}

/*links*/
.links {overflow: hidden;padding: 45px 15px;border-top: 1px solid #eee;}
.links_box {max-width:1300px;margin: 0 auto;display: flex;align-items:  center;justify-content:  space-between;}
.links_l {display: flex;align-items: center;width: 9%;justify-content:  space-between;}
.links_l i {font-size: 24px;}
.links_l p {font-size: 18px;font-weight: lighter;padding: 0 0 0;}
.links_r {width: 88%;}
.linkTagcs {}
.linkTagcs ul {}
.linkTagcs li {}
.linkTagcs li a {font-size:16px;}

/*copy*/
.copy {overflow: hidden;padding: 0 15px;background: #333;}
.copy_box {max-width: 1300px;margin: 0 auto;}
.copy_tab {display:  flex;justify-content:  space-between;padding: 60px 0 50px 0;}
.copy_nav {width: 66%;}
.copy_nav>ul {display: flex;justify-content: space-around;width: 100%;}
.copy_nav li {display: flex;flex-direction:  column;position:  relative;}
.copy_nav li:before {content:'';width:  1px;height:  10%;background:#125ad6;position:  absolute;left: -30px;top: 0;}
.copy_nav li:after {content:'';width:  5px;height:  5px;background: #125ad6;border-radius:  50%;position:  absolute;left: -32px;top: 0px;}
.copy_nav li>p {font-size: 20px;color: #fff;margin: 0 0 30px 0;}
.copy_nav li>a {font-size: 14px;font-weight: 100;color: rgba(255,255,255,0.5);padding: 0 0 10px 0;transition: 0.5s; }
.copy_nav li>a:hover {color:#1886de;}
.copy_con {width: 24%;}
.copy_con>ul {}
.copy_con li {color:  #fff; display:  flex;align-items:  center;width:  100%;}
.copy_con li:nth-child(n+2) {margin: 6% 0 0;}
.copy_con li i {font-size: 28px;}
.copy_con li>p {font-size: calc(0.8rem + 0.2vw);padding: 0 0 0 15px; line-height: 22px;}
.copy_con>a {color:  #fff; font-size: calc(0.8rem + 0.2vw); background: linear-gradient(120deg,#125ad6 10%,#3593e2 80%);padding: 3% 12%;margin: 11% 0 0;display:  inline-block;transition: 0.5s;  letter-spacing: 2px; border-radius: 50px;}
.copy_con>a:hover{padding: 3% 22%;transition: 0.5s;  letter-spacing: 3px;}
.copy_end {padding: 32px 0;border-top: 1px solid rgba(255,255,255,0.1);color:  #fff;font-size: 15px;font-weight:  lighter;display:  flex;justify-content:  center;align-items:  center;}
.copy_end a{font-size: 16px;color:  #fff;}

.service{width: 100%;overflow: hidden; padding-top:50px;}
.service_box{width: 1300px; margin:20px auto; overflow: hidden;}
.service_box li{width: 313px; float: left; border:1px #eee dashed; height: 313px; border-radius: 50%; position: relative; background: #f8f8f8; padding:50px 40px;}
.service_box li+li{margin-left: 16px;}
.service_box li img{width: 100px; height: 100px; border-radius: 50%; margin: 0 auto; display: flex;}
.service_box li p{width: 233px; line-height: 28px; color: #999; text-align: center; float: left; padding : 25px 20px 13px 20px; font-size: 18px; font-weight: 100;}
.service_box li span{font-size: 30px; display: block; color: #333; margin-bottom: 10px; font-weight: 400; line-height:32px;}
.service_box li:hover{background: #074ad3;}
.service_box li:hover span{color: #fff;}
.service_box li:hover p{color: rgba(255,255,255,0.6);}

/*产品特点*/
.protd_bg{ max-width:1400px; margin:0 auto; margin-top:0px;}

.protd_main{ position:relative; margin-top:90px; height:678px; background:url(https://memberpic.114my.com.cn/hongfu123/uploadfile/image/20220507/20220507102602_1962689680.png) center top no-repeat;}
.protd_main li{position:absolute;}
.protd_main li em{width:30px; height:30px; background:#fff;border-radius: 50%;
    text-align: center;
    font-size: 18px;
    float:left;
margin-right:12px;
    line-height: 30px;}
.protd_main li span{ margin-top:30px;  font-size:24px; line-height:26px; font-weight:500; color:#fff;}
.protd_main li p{ margin-top:16px; width:350px; font-size:15px; line-height:22px;color:rgba(255,255,255,0.8);}
.protd_main li:nth-child(1){left:0; top:66px;}
.protd_main li:nth-child(2){left:0; top:240px;}
.protd_main li:nth-child(3){left:0; top:384px;}

.protd_main li:nth-child(4){right:0; top:66px; text-align:right;}
.protd_main li:nth-child(5){right:0; top:240px; text-align:right;}
.protd_main li:nth-child(6){right:0; top:384px; text-align:right;}

.protd_main li i{width:30px; height:30px; background:#fff;border-radius: 50%;
    text-align: center;
    font-size: 18px;
    float:right;
margin-left:12px;
    line-height:30px;}
.protd_main li:em{ transform: rotateY(0);}
.protd_main li:hover em img{ transform:scale(1,1) rotateY(360deg); transition:all 1s;}
.protd_mainimg{position:absolute; left:364px; bottom:0;}

.pro_more1{ width:720px; margin:auto; position:relative; background: linear-gradient(120deg,#125ad6 10%,#3593e2 80%); height:74px; margin-top:0px; border-radius: 80px;}
.pro_more1 .m_bg{ position:absolute; z-index:1; left:0; top:0; height:100%; width:0;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s; background:#4487f9; border-radius: 80px;}
.pro_more1 .tel{ height:74px; margin:4px; line-height:74px; padding:0 30px; position:relative; z-index:10; border-radius: 30px; text-align: center;}
.pro_more1 .tel span{ display:block;color:#fff; font-weight:200; }
.pro_more1 .tel .span1{ font-size:28px; letter-spacing: 2px;}
.pro_more1 a{ display:block; line-height:60px; color:#fff; width:160px; text-align:center; float:right;position:relative; z-index:999; font-size:18px;}
.pro_more1:hover .m_bg{ width:100%;}