*
{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    line-height: 100%;
}
body
{
    font-size: 14px;
    font-family: Microsoft YaHei;
    overflow-x: hidden;
}
em, i
{
    font-style: inherit;
    font-weight: inherit;
}
ul
{
    list-style: none;
}
a
{
    text-decoration: none;
    color: #333;
    text-transform: uppercase;
}
tr, td
{
    padding: 0!important;
}
input, textarea
{
    outline: none;
    border: none;
}
@font-face
{
    font-family: DIN Medium;
    src: url(../font/DIN-Medium.ttf),url(../font/DIN-Medium.eot?),url(http://cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.otf),url(../font/DIN-Medium.woff),url(../font/DIN-Medium.woff2);
}
.icon
{
    width: 1em;
    height: 1em;
    vertical-align: -.15em;
    fill: currentColor;
    overflow: hidden;
}
@font-face
{
    font-family: "阿里妈妈数黑体Bold";
    font-weight: 700;
    src: url("/cssnew/Alimama_ShuHeiTi_Bold.woff2.txt") format("woff2"),url("/cssnew/Alimama_ShuHeiTi_Bold.woff.txt") format("woff");
    font-display: swap;
}
@font-face
{
    font-family: 'iconfont';
    src: url('/html/font/font_3966154_18fuj0tjwzw.woff2') format('woff2'),url('/html/font/font_3966154_18fuj0tjwzw.woff') format('woff'),url('/html/font/font_3966154_18fuj0tjwzw.ttf') format('truetype');
}
.top
{
    background: #0056dc;
    overflow: hidden;
    padding: .8% 1%;
}
.top_box
{
    max-width: 1800px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.top_name p
{
    color: #fff;
    font-size: 15px;
}
.top_more
{
    display: flex;
    align-items: center;
}
.top_more p
{
    margin: 0 0 0 26px;
}
.top_more p a
{
    font-size: 15px;
    color: #fff;
    display: flex;
    align-items: center;
}
.top_more p a img
{
    margin: 0 10px 0 0;
}
.head
{
    padding: 1% 1%;
    width: 100%;
    z-index: 5;
    background: #fff;
}
.head_box
{
    max-width: 1800px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.head_logo
{
    display: flex;
    align-items: center;
}
.head_logo i
{
    width: 16%;
}
.head_logo i img
{
    width: 100%;
}
.head_logo p
{
    font-size: 32px;
    display: flex;
    flex-direction: column;
    margin: 0 0 0 10px;
    letter-spacing: 2px;
    color: #0056dc;
}
.head_logo p span
{
    font-size: 15px;
    font-weight: lighter;
    margin: 3% 0 0;
    width: 100%;
    text-align: center;
    letter-spacing: .5px;
    color: #666;
}
.head_con
{
    width: 72%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.head_nav
{
    width: 65%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.head_nav ul
{
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}
.head_nav li
{
    position: relative;
}
.head_nav li a
{
    font-size: 16px;
    position: relative;
}
.head_nav li>a:before
{
    content: '';
    width: 0;
    height: 2px;
    background: #0056dc;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: .5s;
    z-index: 1;
}
.head_nav li>a:after
{
    content: '';
    width: 100%;
    height: 57px;
    position: absolute;
    left: 0;
}
.head_nav li:hover a:before, .head_nav>ul>li.cur a:before
{
    width: 100%;
}
.head_num
{
    display: flex;
    align-items: center;
    margin: 0 0 0 30px;
}
.head_num i
{
    font-size: 27px;
    color: #0056dc;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
.head_num p
{
    font-size: 24px;
    font-family: DIN Medium;
    padding: 0 0 0 7px;
    white-space: nowrap;
}
.head_lan
{
    margin: 0 0 0 30px;
    position: relative;
}
.head_lan p
{
    display: flex;
    border: 1px solid #eee;
    padding: 7% 0;
    width: 90px;
    justify-content: center;
    align-items: center;
}
.head_lan p:last-child
{
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 0;
    transform-origin: top;
    transform: rotateX(90deg);
    transition: .5s;
}
.head_lan:hover p:last-child
{
    opacity: 1;
    transform: rotateX(0deg);
}
.head_lan p a
{
    display: flex;
    align-items: center;
}
.head_lan p i
{
    width: 26%;
}
.head_lan p i img
{
    width: 100%;
}
.head_lan p span
{
    font-size: 15px;
    margin: 0 0 0 10px;
    font-weight: lighter;
}
.head_qit
{
    position: absolute;
    top: 150px;
    left: -45px;
    width: 150px;
    background: #fff;
    opacity: 0;
    transition: .5s all ease;
    visibility: hidden;
    display: flex;
    flex-direction: column;
}
.head_qit>a
{
    font-size: 16px;
    padding: 15%;
    text-align: center;
    white-space: nowrap;
    font-weight: lighter;
    transition: .5s;
}
.head_nav>ul>li:hover .head_qit
{
    visibility: visible;
    top: 58px;
    opacity: 1;
}
.head_qit>a:hover, .head_qit>div>ul>li:hover>a
{
    background: #0056dc;
    color: #fff;
}
.banner
{
    position: relative;
    height: 100%;
    overflow: hidden;
    background: #fff;
    margin: 0!important;
}
.banner a
{
    overflow: hidden;
}
.banner a img
{
    height: auto;
    transform: scale(1.1);
    width: 100%!important;
    margin: 0!important;
}
.banner a.active
{
    z-index: 5;
    opacity: 1;
}
.banner a.active img
{
    transform: scale(1.1);
    opacity: 1;
}
.banner .slick-active img
{
    transition: 6s linear;
    transform: scale(1);
}
.banner a img
{
    transition: transform 5s linear,opacity 1s linear;
    -webkit-transition: transform 5s linear,opacity 1s linear;
    -o-transition: transform 5s linear,opacity 1s linear;
    -moz-transition: transform 5s linear,opacity 1s linear;
    -ms-transition: transform 5s linear,opacity 1s linear;
}
.banner .ban_dot
{
    display: flex!important;
    width: 100%;
    justify-content: flex-start;
    align-items: flex-end;
    position: absolute;
    bottom: 5%;
    left: 5%;
}
.banner .ban_dot li
{
    width: 2px;
    height: 10px;
    display: inline-block;
    background: #fff;
    margin: 0 .3%;
    transition: .5s;
    position: relative;
    z-index: 5;
    overflow: hidden;
}
.banner .ban_dot li:before
{
    content: '';
    width: 100%;
    height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    transition: 1s all;
}
.banner .ban_dot li.slick-active
{
    height: 40px;
}
.banner .ban_dot li.slick-active:before
{
    height: 100%;
}
.banner .ban_dot li button
{
    font-size: 0;
    border: none;
    outline: none;
}
.banner .slick-prev:before
{
    content: ''!important;
    font-family: iconfont!important;
    color: #161883!important;
    font-size: 60px!important;
}
.banner .slick-next:before
{
    content: ''!important;
    font-family: iconfont!important;
    color: #161883!important;
    font-size: 60px!important;
}
.banner .slick-prev
{
    left: 3%!important;
    transform: rotate(180deg)!important;
    z-index: 5;
}
.banner .slick-next
{
    right: 3%!important;
    top: 45%!important;
}
.banner .slick-prev:before, .banner .slick-next:before
{
    opacity: 0;
    transition: all ease .5s;
}
.banner:hover .slick-prev:before, .banner:hover .slick-next:before
{
    opacity: 1;
}
.num
{
    padding: 3% 1%;
    overflow: hidden;
    border-bottom: 1px solid #eee;
}
.num_box
{
    max-width: 1500px;
    margin: 0 auto;
}
.num_con ul
{
    display: flex;
    justify-content: space-between;
}
.num_con li
{
    width: 49%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.num_con li+li
{
    border-left: 1px solid #eee;
}
.num_con li b
{
    font-size: 16px;
    display: flex;
    align-items: center;
}
.num_con li b span
{
    font-size: 55px;
    font-family: DIN Medium;
}
.num_con li b i
{
    font-size: 16px;
}
.num_con li em
{
    font-size: 16px;
    font-weight: lighter;
    padding: 3% 0 0;
}
.int
{
    padding: 4% 1%;
    overflow: hidden;
}
.int_box
{
    max-width: 1500px;
    margin: 0 auto;
}
.int_con
{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.int_txt
{
    display: flex;
    flex-direction: column;
    width: 48%;
}
.int_txt>p
{
    font-size: 36px;
    font-weight: bold;
    color: #0056dc;
}
.int_txt p span
{
    color: #333;
}
.int_txt em
{
    padding: 4% 0 0;
    font-size: 18px;
    line-height: 30px;
    font-weight: lighter;
}
.int_txt ul
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 8% 0 0;
}
.int_txt li
{
    width: 48%;
    display: flex;
    align-items: center;
    background: #fff;
    box-shadow: 0 0 20px #ddd;
    padding: 5%;
}
.int_txt li:nth-child(n+3)
{
    margin: 4% 0 0;
}
.int_txt li i
{
    font-size: 42px;
    color: #0056dc;
}
.int_txt li p
{
    font-size: 22px;
    display: flex;
    flex-direction: column;
    margin: 0 0 0 8%;
}
.int_txt li p span
{
    font-size: 12px;
    font-family: Arial;
    color: #999;
    text-transform: uppercase;
    padding: 10px 0 0;
}
.int_pic
{
    width: 48%;
}
.int_pic i
{
    overflow: hidden;
}
.int_pic i img
{
    width: 100%;
    height: auto;
}
.pro
{
    padding: 4% 1%;
    overflow: hidden;
    background: #f8f8f8;
}
.pro_box
{
    max-width: 1500px;
    margin: 0 auto;
}
.pro_tit
{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.pro_tit b
{
    font-size: 40px;
    display: flex;
    align-items: center;
}
.pro_tit b span
{
    color: #0056dc;
    margin: 0 0 0 10px;
}
.pro_tit p
{
    font-size: 20px;
    font-weight: lighter;
    padding: 1.2% 0 0;
}
.pro_tab
{
    margin: 4% 0 0;
}
.pro_nav ul
{
    display: flex;
    justify-content: center;
}
.pro_nav li
{
    margin: 0 1vw;
    background: #fff;
    padding: 1%;
    width: 15%;
    text-align: center;
    transition: .5s;
}
.pro_nav li.on
{
    background: #0056dc;
}
.pro_nav li a
{
    font-size: 18px;
    font-weight: lighter;
}
.pro_nav li.on a
{
    color: #fff;
}
.pro_con
{
    margin: 3% 0 0;
    overflow: hidden;
}
.pro_con>ul
{
    display: flex;
    transition: .5s;
}
.pro_con>ul>li
{
    width: 100%;
    flex-shrink: 0;
}
.divproduct_new_div_item
{
    display: flex!important;
    flex-direction: row-reverse;
    background: #fff;
}
.divproduct_new_div_item_content
{
    padding: 3.6%;
    border-bottom: 1px solid #eee;
    width: 65%;
}
.divproduct_new_div_item_title a
{
    font-size: 26px;
    font-family: Arial;
    width: 100%;
    display: block;
    position: relative;
    z-index: 5;
}
.divproduct_new_div_item_title a:before
{
    content: '+';
    width: 32px;
    height: 32px;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: -4px;
    background: #0056dc;
    z-index: -1;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    transition: .5s;
    transform: rotate(0deg);
}
.divproduct_new_div_item:hover .divproduct_new_div_item_title a:before
{
    background: #eb1d28;
    transform: rotate(360deg);
}
.divproduct_new_div_item_body p
{
    font-size: 17px;
    font-weight: lighter;
    padding: 3% 0 0;
    line-height: 30px;
}
.divproduct_new_div_item_body em
{
    font-size: 18px;
    display: flex;
    flex-direction: column;
    font-weight: bold;
    margin: 4% 0 0;
}
.divproduct_new_div_item_body em span
{
    font-size: 17px;
    font-weight: lighter;
    padding: 2% 0 0;
}
.divproduct_new_div_item_body o
{
    display: flex;
    margin: 5% 0 0;
}
.divproduct_new_div_item_body o a
{
    font-size: 16px;
    background: #eb1d28;
    color: #fff;
    width: 20%;
    margin: 0 2% 0 0;
    padding: 2%;
    text-align: center;
}
.divproduct_new_div_item_body o a:last-child
{
    background: #0056dc;
}
.product_div_item_pic
{
    width: 35%;
}
.product_div_item_pic a
{
    overflow: hidden;
    display: block;
}
.product_div_item_pic img
{
    width: 100%;
    height: auto;
    transition: .5s;
}
.divproduct_new_div_item:hover .product_div_item_pic img
{
    transform: scale(1.1);
}
.pro_call .ban_dot
{
    display: flex!important;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin: 3% 0 0;
    position: absolute;
    bottom: 18%;
    right: -38%;
}
.pro_call .ban_dot li
{
    width: 10px;
    height: 10px;
    display: inline-block;
    background: #0056dc;
    margin: 0 .5%;
    transition: .5s;
    border-radius: 50%;
}
.pro_call .ban_dot li.slick-active
{
    width: 25px;
    border-radius: 40px;
    background: #eb1d28;
}
.pro_call .ban_dot li button
{
    font-size: 0;
    border: none;
    outline: none;
}
.pro_app>p
{
    font-size: 16px;
    background: #0056dc;
    width: 10%;
    color: #fff;
    padding: 1%;
    font-weight: lighter;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pro_app>p i
{
    font-size: 24px;
    margin: 0 10% 0 0;
}
.pro_app ul
{
    display: flex;
    margin: 2% 0 0 0!important;
}
.pro_app li
{
    margin: 0 .1%;
    display: flex!important;
    flex-direction: column;
    align-items: center;
    border: 1px solid #eee;
    background: #fff;
}
.pro_app li>a
{
    overflow: hidden;
}
.pro_app li a img
{
    width: 100%;
    height: auto;
    transition: .5s;
}
.pro_app li:hover img
{
    transform: scale(1.1);
}
.pro_app li p
{
    width: 100%;
    text-align: center;
    padding: 5% 0;
}
.pro_app li p a
{
    font-size: 16px;
}
.pro_app .ban_dot
{
    display: none!important;
}
.char
{
    padding: 4% 1%;
    overflow: hidden;
    position: relative;
    z-index: 5;
}
.char:before
{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.char_box
{
    max-width: 1500px;
    margin: 0 auto;
}
.char_tit
{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.char_tit b
{
    font-size: 40px;
    display: flex;
    align-items: center;
}
.char_tit b span
{
    color: #0056dc;
}
.char_tit p
{
    font-size: 20px;
    font-weight: lighter;
    padding: 1.2% 0 0;
}
.char_con
{
    margin: 4% 0 0;
    position: relative;
    z-index: 5;
}
.char_con ul
{
    display: flex;
    justify-content: space-between;
}
.char_con li
{
    width: 24%;
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 5% 1% 7%;
    box-shadow: 0 0 0 transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 5;
    border: 1px solid #f8f8f8;
    transition: .5s;
}
.char_con li:hover
{
    box-shadow: 0 0 10px #eee;
    transform: translateY(-10px);
}
.char_con li:before
{
    content: "";
    width: 100%;
    height: 0;
    background: #0056dc;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: .5s;
}
.char_con li:hover:before
{
    height: 100%;
}
.char_con li i
{
    font-size: 36px;
    color: #eb1d28;
    width: 210px;
    height: 210px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border: 3px solid #fff;
}
.char_con li i img
{
    transition: .5s;
    width: 100%;
    height: auto;
}
.char_con li:hover img
{
    transform: scale(1.1);
}
.char_con li p
{
    display: flex;
    flex-direction: column;
    font-size: 26px;
    margin: 12% 0 0;
    align-items: center;
    text-align: center;
    position: relative;
    z-index: 5;
}
.char_con li p:before
{
    content: '';
    width: 20%;
    height: 5px;
    background: #0056dc;
    position: absolute;
    bottom: -45%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.char_con li p span
{
    font-size: 17px;
    padding: 5% 0 0;
    font-weight: lighter;
    opacity: .8;
    line-height: 30px;
}
.char_con li:hover p
{
    color: #fff;
}
.char_pic
{
    width: 40%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 440px;
    height: 440px;
    background: #eb1d28;
    border-radius: 50%;
    padding: 1%;
}
.char_pic:before
{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(1.1);
    right: 0;
    bottom: 0;
    margin: auto;
    border: 1px dashed #fff;
    border-radius: 50%;
}
.char_pic i
{
    overflow: hidden;
    display: flex;
    border-radius: 50%;
}
.char_pic i img
{
    width: 100%;
    height: auto;
    transition: .5s;
}
.char_pic:hover img
{
    transform: scale(1.1);
}
.char_more
{
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #fff;
    box-shadow: 0 0 20px #ddd;
    border-radius: 240px;
    width: 65%;
    margin: 5% auto 0;
    padding: 3%;
}
.char_more p
{
    font-size: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.char_more p span
{
    font-size: 32px;
    font-weight: bold;
    padding: 3% 0 0;
}
.char_more em
{
    display: flex;
    align-items: center;
    font-size: 18px;
    background: #0056dc;
    color: #fff;
    margin: 4% 0 0;
    border-radius: 50px;
    padding: 1.5%;
    width: 64%;
    justify-content: center;
}
.char_more em span
{
    font-size: 27px;
    font-family: 'DIN Medium';
}
.appli
{
    padding: 10% 1% 4%;
    overflow: hidden;
    background: #f8f8f8;
    margin: -10% 0 0;
}
.appli_box
{
    max-width: 1600px;
    margin: 0 auto;
}
.appli_tit
{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.appli_tit b
{
    font-size: 40px;
    display: flex;
    align-items: center;
}
.appli_tit b span
{
    color: #0056dc;
    margin: 0 0 0 10px;
}
.appli_tit p
{
    font-size: 20px;
    font-weight: lighter;
    padding: 1.2% 0 0;
}
.appli_tab
{
    margin: 3% 0 0;
}
.appli_nav ul
{
    display: flex;
}
.appli_nav li
{
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    padding: 1.5% 0;
    transition: .5s;
}
.appli_nav li.on
{
    background: #0056dc;
}
.appli_nav li+li
{
    border-left: 1px solid #eee;
}
.appli_nav li p
{
    font-size: 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.appli_nav li.on p, .appli_nav li.on p span
{
    color: #fff;
}
.appli_nav li p span
{
    font-size: 12px;
    font-family: Arial;
    color: #999;
    padding: 5px 0 0;
}
.appli_con
{
    margin: 3% 0 0;
}
.appli_call
{
    overflow: hidden;
}
.appli_call .divdgweb_new_div
{
    margin-bottom: 0!important;
    display: flex;
    transition: .5s;
}
.appli_call .divdgweb_new_div_item
{
    display: flex!important;
    flex-direction: row-reverse;
    width: 100%;
    margin: 0 .15%;
    background: #fff;
    flex-shrink: 0;
}
.appli_call .divdgweb_new_div_item_content
{
    display: flex;
    flex-direction: column;
    padding: 5%;
    border: 1px solid #eee;
    border-top: none;
    width: 40%;
}
.appli_call .divdgweb_new_div_item_title a
{
    font-size: 27px;
    font-weight: bold;
}
.appli_call .divdgweb_new_div_item_body
{
    font-size: 15px;
    width: 100%;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 30px;
    font-weight: lighter;
}
.appli_call .divdgweb_new_div_item_body p
{
    display: flex;
    flex-direction: column;
    margin: 4% 0 0;
    font-weight: lighter;
    line-height: 32px;
    color: #666;
    font-size: 16px;
}
.appli_call .divdgweb_new_div_item_body p span
{
    font-size: 20px;
    margin: 0 0 8% 0;
}
.appli_call .divdgweb_new_div_item_body o
{
    display: flex;
    margin: 15% 0 0;
}
.appli_call .divdgweb_new_div_item_body o a
{
    font-size: 16px;
    background: #0056dc;
    color: #fff;
    width: 36%;
    margin: 0 4% 0 0;
    padding: 3%;
    text-align: center;
}
.appli_call .divdgweb_new_div_item_body o a:last-child
{
    background: #e50112;
}
.appli_call .news_div_item_pic
{
    width: 60%;
}
.appli_call .news_div_item_pic a
{
    overflow: hidden;
}
.appli_call .news_div_item_pic a img
{
    width: 100%;
    height: auto;
}
.appli_call .ban_dot
{
    display: flex!important;
    width: 100%;
    bottom: -14%;
    left: 0;
    justify-content: center;
    align-items: center;
    margin: 3% 0 0;
}
.appli_call .ban_dot li
{
    width: 10px;
    height: 10px;
    display: inline-block;
    background: #ddd;
    margin: 0 .5%;
    transition: .5s;
    border-radius: 50%;
}
.appli_call .ban_dot li.slick-active
{
    background: #e50112;
}
.appli_call .ban_dot li button
{
    font-size: 0;
    border: none;
    outline: none;
}
.cer
{
    padding: 4% 1%;
    overflow: hidden;
}
.cer_box
{
    max-width: 1600px;
    margin: 0 auto;
}
.cer_tit
{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.cer_tit b
{
    font-size: 40px;
    display: flex;
    align-items: center;
}
.cer_tit b span
{
    color: #0056dc;
    margin: 0 0 0 10px;
}
.cer_tit p
{
    font-size: 20px;
    font-weight: lighter;
    padding: 1.2% 0 0;
}
.cer_con
{
    margin: 3% 0 0;
}
.cer_call li
{
    display: flex!important;
    flex-direction: column;
    margin: 0 .1%;
}
.cer_call li a
{
    overflow: hidden;
    font-size: 16px;
    font-weight: lighter;
}
.cer_call li a img
{
    width: 100%;
    height: auto;
    transition: .5s;
}
.cer_call li:hover img
{
    transform: scale(1.1);
}
.cer_call li p
{
    width: 100%;
    text-align: center;
    padding: 5% 0;
}
.cer_btn
{
    display: flex;
    width: 12%;
    justify-content: space-between;
    margin: 3% auto 0;
    background: #0056dc;
    padding: .8%;
    border-radius: 40px;
}
.cer_btn i:hover
{
    background: #fe0000;
    color: #fff;
    border: none;
}
.cer_btn>i
{
    width: 50px;
    height: 50px;
    cursor: pointer;
    font-size: 28px;
    display: flex!important;
    justify-content: center;
    align-items: center;
    top: 0;
    border-radius: 50%;
    transition: .5s;
    background: #fff;
    font-weight: bold;
    color: #fe0000;
    letter-spacing: 10px;
    bottom: 0;
    margin: auto 0;
}
.cer_btn>i:first-child
{
    left: 6%;
    transform: rotate(180deg);
}
.cer_btn>i:last-child
{
    right: 6%;
}
.cer_call .ban_dot
{
    display: none!important;
}
.about
{
    overflow: hidden;
    padding: 6% 1% 4%;
    position: relative;
    z-index: 5;
    background: #f8f8f8;
}
.about:before
{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.about_box
{
    max-width: 1600px;
    margin: 0 auto;
}
.about_tab
{
    display: flex;
    justify-content: space-between;
}
.about_txt
{
    width: 50%;
    display: flex;
    flex-direction: column;
}
.about_txt b
{
    display: flex;
    flex-direction: column;
    font-size: 40px;
}
.about_txt b span
{
    font-size: 16px;
    font-family: Arial;
    padding: 2% 0 0;
    text-transform: uppercase;
}
.about_txt p
{
    font-size: 16px;
    font-weight: lighter;
    line-height: 36px;
    margin: 6% 0 0;
}
.about_txt ul
{
    display: flex;
    margin: 8% 0 0;
}
.about_txt li
{
    width: 18%;
    text-align: center;
    transition: .5s;
    padding: 1.5%;
    background: transparent;
}
.about_txt li.on
{
    background: #0056dc;
}
.about_txt li a
{
    font-size: 17px;
    font-weight: lighter;
}
.about_txt li.on a
{
    color: #fff;
}
.about_pic
{
    width: 40%;
}
.about_pic i
{
    overflow: hidden;
}
.about_pic i img
{
    width: 100%;
    height: auto;
}
.about_call
{
    margin: 3% 0 0;
}
.about_call
{
    width: 100%;
    flex-shrink: 0;
}
.about_call ul
{
    margin: 0!important;
}
.about_call li
{
    display: flex!important;
    flex-direction: column;
    margin: 0 .2%;
}
.about_call li>a
{
    overflow: hidden;
}
.about_call li a img
{
    width: 100%;
    height: auto;
    transition: .5s;
}
.about_call li:hover img
{
    transform: scale(1.1);
}
.about_call li p
{
    width: 100%;
    text-align: center;
    padding: 5% 0;
    background: #fff;
}
.about_call li p a
{
    font-size: 16px;
    font-weight: lighter;
}
.about_call .ban_dot
{
    display: none!important;
}
.news
{
    padding: 4% 1% 4%;
    overflow: hidden;
    background: url(http://memberpic.114my.cn/dgjkfhcl123/uploadfile/image/20221125/20221125160120_1960738670.jpg);
}
.news_box
{
    max-width: 1600px;
    margin: 0 auto;
}
.news_top
{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.news_tit
{
    display: flex;
    flex-direction: column;
}
.news_tit b
{
    font-size: 40px;
}
.news_tit b span
{
    color: #0056dc;
}
.news_tit p
{
    font-size: 20px;
    padding: 5% 0 0;
    font-weight: lighter;
}
.news_tit em
{
    font-size: 0;
    display: inline-block;
    height: 8px;
    padding: 2% 0 0;
}
.news_tit em i
{
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #c4d0dc;
    animation: bounce_fountainG 1.2s linear infinite;
}
.news_tit em i+i
{
    margin-left: 16px;
}
.news_tit em i:nth-child(1)
{
    animation-delay: .4s;
}
.news_tit em i:nth-child(2)
{
    background: #0056dc;
    animation-delay: .6s;
}
.news_tit em i:nth-child(3)
{
    animation-delay: .8s;
}
.news_nav
{
    width: 32%;
}
.news_nav ul
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.news_nav li
{
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    margin: 0 12px;
    width: 100%;
    padding: 1.5% 25px;
    position: relative;
    overflow: hidden;
    z-index: 5;
}
.news_nav li:before
{
    content: '';
    width: 0;
    height: 100%;
    background: #0056dc;
    position: absolute;
    top: 0;
    left: 0;
    transition: .5s;
    z-index: -1;
}
.news_nav li.on:before
{
    width: 100%;
}
.news_nav li i
{
    font-size: 18px;
    line-height: 24px;
    display: none;
}
.news_nav li a
{
    font-size: 16px;
    line-height: 24px;
    padding-left: 4px;
    white-space: nowrap;
    font-weight: lighter;
}
.news_nav li.on, .news_nav li.on a
{
    color: #fff;
    font-weight: bold;
}
.news_list
{
    width: 100%;
    display: flex;
    transition: all .5s;
}
.news_list .tempWrap
{
    width: 100%!important;
}
.news_list .news_div
{
    display: flex;
    justify-content: space-between;
    flex-shrink: 0;
    width: 100%;
}
.news_list .news_div_item
{
    width: 32%;
    position: relative;
    transition: .5s;
    padding: 20px;
    background: #fff;
    display: flex!important;
    flex-direction: column-reverse;
    margin: 0 .1%;
    border: 1px solid #eee;
}
.news_list .news_div_item_date
{
    position: absolute;
    bottom: 170px;
    display: block;
    left: 19px;
    height: 22px;
    font-size: 13px;
    color: #666;
}
.news_list .news_div_item_date::before
{
    content: '';
}
.news_list .news_div_item_content
{
    height: 220px;
}
.news_list .news_div_item_year, .news_list .news_div_item_month, .news_list .news_div_item_day
{
    float: left;
    font-size: 13px;
    line-height: 22px;
    color: #666;
}
.news_list .news_div_item_a
{
    font-size: 16px;
    display: block;
    margin-bottom: 40px;
    position: relative;
    transition: .3s;
    font-weight: 100;
    padding-top: 18px;
}
.news_list .news_div_item_a::before
{
    position: absolute;
    content: '了解详情';
    bottom: -176px;
    left: 0;
    width: 130px;
    height: 40px;
    background: #fff;
    border-radius: 20px;
    line-height: 40px;
    color: #666;
    font-size: 13px;
    transition: .5s;
    border: 1px #f6f5f5 solid;
    text-align: center;
    box-sizing: border-box;
    padding-left: 30px;
}
.news_list .news_div_item_a::after
{
    position: absolute;
    font-size: 18px;
    width: 18px;
    height: 14px;
    left: 22px;
    transition: .5s;
    font-family: 'iconfont';
    content: "";
    color: #666;
    bottom: -163px;
}
.news_list .news_div_item_body
{
    font-size: 14px;
    color: #999;
    line-height: 26px;
    font-weight: 100;
}
.news_list .news_div_item_pic, .news_list .news_div_item_pica, .news_list .news_div_item_image
{
    width: 100%;
    height: auto;
    display: block;
    transition: .5s;
}
.news_list .news_div_item:hover .news_div_item_a
{
    color: #0056dc;
    transition: .3s;
}
.news_list .news_div_item:hover .news_div_item_a::before
{
    background: #0056dc;
    color: #fff;
}
.news_list .news_div_item:hover .news_div_item_a::after
{
    color: #fff;
}
.new_ic
{
    overflow: hidden;
    margin: 3% auto 0;
}
.news_list .news_div_item:hover .news_div_item_pic img
{
    transform: scale(1.1);
    transition: .5s;
}
.news_div_item_pic
{
    overflow: hidden;
}
.copy
{
    overflow: hidden;
    padding: 0 1%;
    background: #0056dc;
}
.copy_box
{
    max-width: 1600px;
    margin: 0 auto;
}
.copy_top
{
    padding: 3% 2% 3%;
    border-bottom: 1px solid rgba(255,255,255,.1);
    display: flex;
    justify-content: space-between;
}
.copy_top p
{
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: lighter;
    color: #fff;
}
.copy_top p i
{
    font-size: 24px;
    margin: 0 10px 0 0;
}
.copy_top p span
{
    font-size: 28px;
    font-family: DIN Medium;
}
.copy_top p:last-child span
{
    font-size: 21px;
}
.copy_con
{
    display: flex;
    justify-content: space-between;
    padding: 4% 0;
}
.copy_nav
{
    width: 52%;
}
.copy_nav ul
{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.copy_nav li p
{
    font-size: 22px;
    line-height: 20px;
    margin-bottom: 20px;
    font-weight: bold;
    color: #fff;
}
.copy_nav li a
{
    font-size: 16px;
    line-height: 36px;
    display: flex;
    color: #fff;
    transform: translateX(0);
    transition: .5s;
    opacity: .8;
}
.copy_nav li a:hover
{
    transform: translateX(10px);
}
.copy_pic
{
    width: 32%;
}
.copy_pic ul
{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.copy_pic li
{
    width: 30%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.copy_pic li i
{
    overflow: hidden;
    padding: 1%;
    border: 1px solid #eee;
}
.copy_pic li i img
{
    width: 100%;
    height: auto;
}
.copy_pic li p
{
    font-size: 15px;
    padding: 5% 0;
    color: #fff;
    background: #1265e7;
    width: 100%;
    text-align: center;
    font-weight: lighter;
}
.end
{
    padding: 2% 1%;
    overflow: hidden;
    background: #0652c9;
}
.end_box
{
    max-width: 1600px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.end_box em
{
    color: #fff;
    font-size: 16px;
}
.end_box em>a
{
    font-size: 16px;
    color: #fff;
}
.end_box>a
{
    font-size: 16px;
    color: #fff;
    padding: 3% 0 0;
    font-weight: lighter;
    color: #999;
}
.head_nav>ul>li .dropmenu
{
    width: 100%;
    position: absolute;
    top: 63px;
    left: -50px;
    z-index: 99;
    transform-origin: 0 0;
    transform: perspective(600px) rotateX(-90deg);
    transition: 600ms ease;
}
.head_nav>ul>li:hover .dropmenu
{
    transform: perspective(600px) rotateX(0deg);
    transition: 600ms ease;
    cursor: pointer;
}
.head_nav>ul>li .dropmenu a
{
    font-size: 15px;
    display: block;
    line-height: 45px;
    text-align: center;
    color: #fff;
    background: rgba(0,49,123,.8);
    transition: 600ms ease;
    margin-top: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 165px;
}
.head_nav>ul>li .dropmenu a:hover
{
    background: rgba(255,156,0,.8);
}