@charset "utf-8";
.slow img:hover {
    transform: scale(1.05);
}

/*图片放大*/
.slow img {
    -moz-transition: all 0.9s ease-in-out;
    -webkit-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    -ms-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;
}
* {
    font-family: Arial, Helvetica, "Microsoft Yahei", sans-serif;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
   /* overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;*/
}

body {
    position: relative;
    padding: 0;
    margin: 0;
    font-family: Arial, Helvetica, "Microsoft Yahei", sans-serif;
    /*-webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;*/
    line-height: 1;
    font-size: 14px;
    overflow-x: hidden;
}

html,
body {
    min-height: 100vh;
}

html {
    overflow: -moz-scrollbars-vertical;
}

ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    color: #393939;
}

/*公共内页的section*/
.com_n_sec {
    margin-top: 5rem;
}

/*公共内页的box*/
.com_n_box {
    margin-top: 4rem;
}

/*公共内页的标题*/
.com_n_til {
    text-align: center;
}

.com_n_til h3 {
    font-weight: bold;
    line-height: 2;
    font-size: 2.4rem;
}

.com_n_til span {
    color: #999999;
    font-size: 1.4rem;
    line-height: 1.5;
}

.box_table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
}

.box_table_cell {
    display: table-cell;
    vertical-align: middle;
}
.bg_jianbian{ background-image: -moz-linear-gradient( 22deg, rgba(1,81,144,1) 0%, rgba(59,179,194,1) 100%); background-image: -webkit-linear-gradient( 22deg, rgba(1,81,144,1) 0%, rgba(59,179,194,1) 100%); background-image: -ms-linear-gradient( 22deg, rgba(1,81,144,1) 0%, rgba(59,179,194,1) 100%);}

#m_nav {z-index: 9999999999999;position: fixed;width: 100%;height: 100vh;right: -105%;top: 0;display: none;padding: 1.5rem 0 7rem;overflow: hidden;pointer-events: none;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;}
#m_nav .close{position:absolute;top: 6px;right:15px;font-size: 28px;color:#fff;z-index: 10000;}

#m_nav.act { pointer-events: auto; right: 0; }
#m_nav>ul>li {width: 100%;overflow: hidden;padding: 0 0 0 2.3rem;position: relative;}
#m_nav>ul>li {border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
#m_nav li .a { display: inline-block; width: calc(100% - 30px) }
#m_nav li .a { line-height: 4rem; height: 4rem; color: #fff; padding: 0; font-size: 1.125rem; float: left; }
#m_nav li .h3{line-height: 4rem; height: 4rem; }
#m_nav li .a span { display: block; position: absolute; top: 0; right: 10px; width: 20px; height: 50px; text-align: center; }
#m_nav li .a span i { font-size: 0; }
#m_nav li i {opacity: 1;filter: alpha(opacity=100);display: inline-block;width: 100%;height: 4rem;display: inline-block;background: url(../images/arrow_down.svg) calc(100% - 2rem) center no-repeat;background-size: 13px 13px !important;position: absolute;display: block;right: 0;}

#m_nav li.on i {background: url(../images/arrow_down_on.svg) calc(100% - 2rem) center no-repeat;}
#m_nav .on.title .a i { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); }
#m_nav li { display: block; width: 100%; }
.slide_nav { position: absolute; left: 0; height: 70px; z-index: 998; padding: 15px; top: 0; width: 100%; }
#m_nav .title .list { display: none; position: relative; width: 100%; z-index: 9; left: 0; margin-left: 0; background: none; border: 0; clear: both; padding-bottom: 10px; }
#m_nav .title .list span { background: none; }
#m_nav .title .list span a:hover { color: #014085; }
#m_nav .title .list a {display: block;font-size: 1rem;color: rgba(255,255,255,.6);text-align: left;line-height: 40px;height: 40px;border: 0;font-weight: 300;}
/*三级导航 开始*/
#m_nav .title .list .void>a { background-size: 10px; position: relative; }
#m_nav .title .list .void>a:before { content: "·"; position: absolute; left: -1em; font-size: 12px; font-weight: bold; }
#m_nav .title .list span { position: relative; display: block; }
#m_nav .title .list span .sub { position: static; width: 100%; display: block !important; overflow: hidden; }
#m_nav .title .sub a { background: none; font-size:.875rem;
opacity: .8; min-width: 50%; float: left; display: inline-block; color: #999; }
.nav_mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 888; background-color: rgba(0,0,0,0.4); display: none; }
.m_header_box {transition: .6s;display: none;height: 60px;}
#m_header #logo .box_table, #nav_btn_box .box_table { width: auto; float: left; }
.m_header_box header{padding:0 15px;top: 0;height: 60px;background: #ffffff;box-shadow: 0 3px 5px rgba(0,0,0,.05);position: fixed;top: 0;left: 0;right: 0;z-index: 100;}
#m_header #logo{height: 60px;float: left;}
#m_header #logo img{max-height:60%;height: 30px;max-height: 30px;}
#m_header .yuyan{ height:4.5rem; float:right; margin-right:4rem;}
#m_header .yuyan span{ display:block; width:24px; height:24px; line-height:24px; color:#fff; font-size:.9rem; text-align:center; margin-left:17px; background:rgba(255,255,255,.3);}

#yuyanBtn .iconfont {
    display: inline-block;
    margin-right: 0.5rem;
    margin-left: 0;
    font-size: 0;
    width: 1.5rem;
    height: 1.5rem;
    -webkit-border-radius: 100%;
    background: #005bac url(../images//language_icon_2.gif) no-repeat center center;
    background-size: cover;
}
.m_nav_list {flex-direction: column;justify-content: flex-start;width: 100%;overflow: auto;margin: 81px 0 0;}
.m_nav_list::-webkit-scrollbar { display:none}

/*导航按钮开始*/
#nav_btn_box { height: 100%; z-index: 999999999; float: right; margin-left: 20px; }
#nav_btn_box.on { background: none; }
#nav_btn { }
#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before { background: #fff; }
#nav_btn { cursor: pointer; text-align: center; z-index: 99999; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; outline: none; box-shadow: none; }
#nav_btn .point { display: inline-block; width: 1.875rem; height: 22px; position: relative; outline: none; }
#nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before { width: 1.75rem; }
#nav_btn .navbtn {position: absolute;top: 12px;left: 0;display: inline-block;width: 100%;height: 3px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #000;background-image: -moz-linear-gradient( 22deg, rgba(1,81,144,1) 0%, rgba(59,179,194,1) 100%);background-image: -webkit-linear-gradient( 22deg, rgba(1,81,144,1) 0%, rgba(59,179,194,1) 100%);background-image: -ms-linear-gradient( 22deg, rgba(1,81,144,1) 0%, rgba(59,179,194,1) 100%);border-radius: 1.5px;}
#nav_btn .navbtn::after, #nav_btn .navbtn::before {position: absolute;left: 0;display: inline-block;width: 100%;height: 3px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #000;background-image: -moz-linear-gradient( 22deg, rgba(1,81,144,1) 0%, rgba(59,179,194,1) 100%);background-image: -webkit-linear-gradient( 22deg, rgba(1,81,144,1) 0%, rgba(59,179,194,1) 100%);background-image: -ms-linear-gradient( 22deg, rgba(1,81,144,1) 0%, rgba(59,179,194,1) 100%);border-radius: 1.5px;}
#nav_btn .navbtn::after { top: -8px; }
#nav_btn .navbtn::before { top: 8px; }
#nav_btn .point.on .navbtn { background: transparent; }
#nav_btn .point.on .navbtn::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; }
#nav_btn .point.on .navbtn::before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; }
/*导航按钮结束*/
#banner .swiper-slide-active {
    z-index: 99999
}

#banner .swiper_banner {
    height: 100vh;
}

#banner .slide-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat !important;
    transition: 1s linear 2s;
    -webkit-transition: 1s linear 2s;
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
}

#banner .swiper-slide-active .slide-inner {
    transition: 6s linear;
    transform: scale(1, 1);
    -webkit-transition: 6s linear;
    -webkit-transform: scale(1, 1);
}

#banner .swiper-slide .top {
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#banner .swiper-slide .top .box_table {
    text-align: left;
}

#banner .swiper-slide .top h2 {
    letter-spacing: 0.4rem;
    font-weight: bold;
    font-size: 3.5rem;
    color: #fff;
    line-height: 1.25;
}

#banner .swiper-slide .top h3 {
    letter-spacing: 0.4rem;
    font-size: 3.35rem;
    color: #fff;
    line-height: 1.25;
    margin-top: 1rem;
}

/*#banner .swiper-slide .letter{
    transition: 1.1s .6s;
    opacity: 0;
    transform: translateX(100px);
}
#banner .swiper-slide-active .letter{
    transform: translateX(0px);
    opacity: 1;
}
#banner .swiper-slide .letter span{
    display: inline-block;
    opacity: 0;
    filter: blur(10px);
    -webkit-filter: blur(10px);
    transform: translateY(-16px);
    margin: 0 .5px;
}
#banner .swiper-slide-active .letter span{
    opacity: 1;
    filter: blur(0px); 
    -webkit-filter: blur(0px); 
    transform: translateY(0px);
}*/
#banner .swiper-slide .top {
    transform: translateY(150px);
    opacity: 0;
}

#banner .swiper-slide-active .top {
    opacity: 1;
    transform: translateY(30px);
    transition-delay: .6s;
    -moz-transition: all 2.5s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 2.5s cubic-bezier(0.19, 1, 0.22, 1);
}

#banner .swiper-slide-active {
    z-index: 999;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clear {
    clear: both;
}

.j_tab {
    display: table;
    width: 100%;
    height: 100%;
}

.j_tab_cel {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

#header,
#nav ul li h3,
.top_menu {
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

#header {
    z-index: 999;
    background: transparent;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 998;
    padding-top: 16px;
    min-width: 1280px;
}

#header .m {
    height: 100%;
    display: flex;
    justify-content: space-between;
}

#logo {
    float: left;
    height: 90px;
}

#logo img {}

#logo img.img02 {
    display: none;
}

#header .fr {
    display: flex;
    flex-grow: 1;
    max-width: 1250px;
}

#nav {
    float: left;
    margin-right: 30px;
    flex-grow: 1;
    max-width: 960px;
}

#nav ul {
    display: flex;
}

#nav ul li {
    float: left;
    position: relative;
    z-index: 0;
    flex-grow: 1;
    text-align: center;
    height: 90px;
}

#nav ul li a {
    display: block;
    text-transform: uppercase;
}

#nav ul li h3 {
    font-size: 1rem;
    color: #fff;
    line-height: 90px;
    overflow: hidden;
    text-align: center;
    position: relative;
    display: inline-block;
}

#nav ul li.on h3 {
    color: #016aaf;
}

#nav ul li h3:before {
    content: "";
    display: block;
    width: 0;
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 0;
    height: 3px;
    background: #ffffff;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

#nav ul li.on h3:before,
#nav ul li:hover h3:before {
    width: 100%;
}

#nav ul li .sub {
    position: absolute;
    top: 100%;
    background: #fff;
    width: 130px;
    left: 50%;
    margin-left: -65px;
    top: 100%;
    z-index: 10000;
    transform: translateY(-20px);
    visibility: hidden;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

#nav ul li .sub .box {
    padding: 10px 15px;
    background: #fff;
    text-align: center;
}

#nav ul li .sub a {
    padding: 0;
    line-height: 2;
    transition: .3s;
    font-size: .875rem;
}

#nav ul li .sub a:hover {
    color: #016aaf;
}

#nav ul li:hover .sub {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

.sy #nav ul li.on h3 {
    color: #fff;
}

.sy #nav ul li h3:before {
    bottom: 15px;
}

.sy #nav ul li .sub {
    top: calc(100% - 17px);
}

.top_menu {
    float: left;
    height: 90px;
}

.top_menu .ico {
    float: left;
    margin-left: 1.5rem;
}

/*语言切换*/
.top_menu {
    float: left;
    height: 90px;
}

.top_menu .ico {
    float: left;
    margin-left: 1.5rem;
}


.top_menu #yuyanBtn {
    position: relative;
    height: 100%;
}

.top_menu #yuyanBtn .dt {
    height: 100%;
}

.top_menu #yuyanBtn .dt .icon {
    margin-right: 18px;
}

.top_menu #yuyanBtn i.xiala {
    display: inline-block;
    width: 9px;
    height: 6px;
    background-size: contain;
    vertical-align: middle;
    margin-left: 8px;
}

.top_menu #yuyanBtn i.xiala svg {
    display: block;
}

.top_menu #yuyanBtn .dd {
    position: absolute;
    top: 100%;
    background: #fff;
    width: 130px;
    left: 50%;
    margin-left: -65px;
    border: 1px solid #bbb;
    border-bottom: 5px solid #016aaf;
    z-index: 10000;
    transform: translateY(-20px);
    visibility: hidden;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transition: .5s;
}

.top_menu #yuyanBtn:hover .dd {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

.top_menu #yuyanBtn .dd .box {
    padding: 10px 20px;
    background: #fff;
}

.top_menu #yuyanBtn .dd:before {
    content: "";
    position: absolute;
    top: -3px;
    right: 50%;
    margin-right: -20px;
    height: 40px;
    width: 40px;
    background-color: #FFFFFF;
    border: 1px solid #bbb;
    z-index: -1;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}

.top_menu #yuyanBtn .dt a {
    display: block;
    text-align: center;
    line-height: 35px;
    height: 35px;
    padding: 0 16px;
    color: #000;
    background: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.top_menu #yuyanBtn .dd a {
    display: block;
    text-align: center;
    line-height: 35px;
    height: 35px;
    padding: 0 16px;
    color: #333;
}

#header.xg {
    z-index: 9999999999999;
    background: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    padding-top: 0;
}

#header.xg #logo .img01 {
    display: none;
}

#header.xg #logo .img02 {
    display: block;
}

#header.xg #nav ul li h3 {
    color: #333;
}

#header.xg #nav ul li h3:before {
    bottom: 0;
    background: #005bac;
}

#header.xg #nav ul li h3 svg path {
    stroke: #777;
}

#header.xg #nav ul li .sub {
    top: 100%;
}

#header.xg #searchBtn .icon path {
    fill: #494949;
}
















.a_more {
    margin-top: 5rem;
    display: inline-block;
}

.a_more a {
    display: flex;
    align-items: center;
    justify-content: center;
    border: rgba(255, 255, 255, .5) 1px solid;
    padding: 0 2.2rem;
    height: 3.4375rem;
    font-size: 1rem;
    color: rgba(255, 255, 255, .8);
    border-radius: 1.625rem;
    transition: .5s;
}

.a_more a i {
    font-size: 2rem;
    margin-left: 1rem
}

.a_more a:hover {
    background: #0093D8;
    border: #0093D8 1px solid;
}

#banner .swiper-pagination-bullets {
    bottom: 5rem !important;
}

#banner .swiper-pagination-bullet {
    width: 34px;
    height: 50px;
    background: none;
    position: relative;
    opacity: 1;
    font-size: 1.5rem;
    font-family: Dosis_m;
    color: transparent;
    transition: .5s;
    margin: 0 1rem
}

#banner .swiper-pagination-bullet:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: transparent 1px solid;
    left: 50%;
    margin-left: -15px;
    transition: .5s;
}

#banner .swiper-pagination-bullet:after {
    content: "";
    position: absolute;
    bottom: 12px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    border: #fff 1px solid;
    left: 50%;
    margin-left: -3px;
    opacity: 1;
    transition: .5s;
}

#banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
    color: #fff;
}

#banner .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    border: #07A6F1 1px solid;
}

#banner .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
    background: #fff
}

.s_case {
    display: block;
    padding-bottom: 4rem;
    width: 100%
}

.s_case ul {
    display: flex;
}

.s_case ul li {
    width: 20%;
    transition: .5s;
    overflow: hidden;
}

.s_case ul li.on {
    width: 40%;
}

.s_case ul li a {
    display: block;
    padding-left: 1px;
}

.s_case ul li .box {
    color: #fff;
    position: relative;
    transition: .5s;
}

.s_case ul li .txt:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .5);
    transition: .5s;
    z-index: -1;
}

.s_case ul li .txt {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 1.5rem;
    transition: .5s;
    z-index: 1;
}

.s_case ul li .tt {}

.s_case ul li .con .h3 {
    transition: .2s;
    height: auto
}

.s_case ul li .con .h3 h3 {
    font-size: 1.5rem;
    transition: .2s;
    line-height: 1.25;
}

.s_case ul li .con .h3 p {
    transition: .2s;
    font-size: .875rem;
    line-height: 1.25;
    opacity: .5;
    font-family: Dosis;
    text-transform: uppercase;
}

.s_case ul li .con .h4 {
    opacity: 0;
    transition: .8s;
    height: 0
}

.s_case ul li .con .h4 h4 {
    font-size: 2.525rem;
    line-height: 1.25;
    font-weight: bold;
    text-shadow: 0 1px 20px rgb(255 255 255 / 80%);
    transition: .8s;
}

.s_case ul li .con .h4 p {
    transition: .8s;
    font-size: .875rem;
    line-height: 1.25;
    font-family: Dosis;
    text-transform: uppercase;
}

.b_more {
    margin-top: 4rem;
    display: inline-block;
}

.b_more span {
    display: flex;
    align-items: center;
    justify-content: center;
    border: rgba(255, 255, 255, .5) 1px solid;
    padding: 0 2.2rem;
    height: 3.4375rem;
    font-size: 1rem;
    color: rgba(255, 255, 255, .8);
    border-radius: 1.625rem;
    transition: .5s;
}

.b_more span i {
    background-size: cover;
    background-image: url(../images/b_more.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 4rem;
    height: 2rem;
    font-size: 2rem;
    margin-left: 1rem
}

.b_more span:hover {
    background: #0093D8;
    border: #0093D8 1px solid;
}

.s_case ul li .con {
    color: rgba(255, 255, 255, .8);
    transition: .5s;
}

.s_case ul li.on .box .txt {
    /* width: 21.25rem; */
    /* height: 13rem; */
    transition-delay: .5s;
}

.s_case ul li.on .box .txt:before {
    background: none;
}

.s_case ul li.on .box .con .h3 {
    opacity: 0;
    height: 0
}

.s_case ul li.on .box .con .h4 {
    text-align: left;
    opacity: 1;
    height: auto;
    padding-left: 2.5rem
}

.img_zd {
    position: relative;
    width: 100%;
}

.slow {
    overflow: hidden
}

.slow img:hover {
    transform: scale(1.05);
}

.s_case ul li .txt {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    text-align: center;
}


/*图片放大*/
.slow img {
    -moz-transition: all 0.9s ease-in-out;
    -webkit-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    -ms-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;
}

.s_case ul li .img .img_hezi {
    padding-bottom: 34.375rem !important;
}

.img_zd>img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.s_count {
    width: 100%;
    display: block;
    margin-top: 3rem;
    margin-bottom: 3rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
    background: url(../images/dashan.png) center no-repeat;
}

ul.ul01 {
    display: flex;
}

ul.ul01 li a h5 {
    line-height: 3;
    font-size: 1.05rem;
    margin-top: 1.2rem;
    color: #666;
    text-align: center;
}

ul.ul01 li {
    cursor: pointer;
    width: 25%;
    display: inline-block;
    position: relative;
    text-align: center;
}

ul.ul01 li a h3 {
    font-weight: bold;
    font-size: 2.8rem;
    color: #333;
    margin-bottom: 0.625rem;
    padding: 0;
    display: inline-block;
    position: relative;
}

ul.ul01 li a h3 small {
    font-weight: normal;
    font-size: 1.8rem;
    color: #333;
    vertical-align: top;
    margin-left: 0.5rem;
}

ul.ul01 li a img {
    transition: 0.9s;
}

ul.ul01 li a:hover img {
    transform: rotateY(180deg);
}

footer {
    padding-bottom: 2.5rem;
    padding-top: 4rem;
}

footer .left {
    width: 20%;
    flex-shrink: 0;
}

.ft_logo {
    margin-bottom: 2rem;
}

.ft_tel h6 {
    text-align: left;
    font-size: 1.6rem;
    color: #333;
    font-family: "Barlow Condensed Medium";
}
@media (max-width:1200px){
    .ft_tel h6 {
        text-align: center;
    }
}

.ft_lianxi ul {
    margin-top: 2rem;
    text-align: center;
}

.ft_lianxi ul li {}

.ft_lianxi ul li>.box {
    display: inline-block;
    position: relative;
    width: 7.125rem;
    height: 7.125rem;
    border: 1px solid #525252;
    /*padding: 7px;*/
}

.ft_lianxi ul li>.box img {
    width: 100%;
}

.ft_lianxi ul li p {
    text-align: center;
    font-size: .875rem;
    margin-top: 0.625rem;
}

footer .right {
    padding-left: 8%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.ft_nav {
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}

.ft_nav dl {
    padding-left: 5%;
    width: 100%;
}

.ft_nav dl dt {
    font-size: 1.4rem;
    line-height: 2;
    font-weight: bold;
    margin-bottom: 1.05rem;
}

.ft_nav dl dd a {
    position: relative;
    font-size: 1.15rem;
    line-height: 1.8;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.ft_nav dl dt a {
    color: #4D4D4D;
}

.ft_nav dl dd a:hover {
    color: #0093D8;
}

.qr-scanner {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    pointer-events: none;
}

.qr-scanner .box {
    height: 100%;
    width: 100%;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    /* border: 0.1rem solid rgba(0, 255, 51, 0.2); */
}

.qr-scanner .line {
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 255, 51, 0) 43%, #0093D8 211%);
    border-bottom: 1px solid #0093D8;
    transform: translateY(-100%);
    animation: radar-beam 2s infinite;
    animation-timing-function: cubic-bezier(0.53, 0, 0.43, 0.99);
    animation-delay: 1.4s;
}

@keyframes radar-beam {
    0% {
        transform: translateY(-100%);
    }

    100% {
        transform: translateY(0);
    }
}

.ft_nav dl dd a:before {
    bottom: 0;
    line-height: 1;
    content: '-';
    position: absolute;
    left: 0;
    top: 0px;
    opacity: 0;
    transition: all 0.6s ease-out;
}

.ft_nav dl dd a:hover {
    padding-left: 10px;
    transition: all 0.6s;
}

.ft_nav dl dd a:hover:before {
    opacity: 1;
    transition: all 0.6s;
}

/*内页*/
.bannerBox {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 70vh;
}

.bannerBox .text {
    position: absolute;
    top: 14vw;
    left: 0;
}

.bannerBox .text .tit {
    font-weight: bold;
    font-size: 3.2rem;
    color: #ffffff;
}

.bannerBox .text .tit .cn {
    line-height: 1;
}

.bannerBox .text .tit .en {
    margin-top: 4rem;
    font-size: 2.1rem;
    font-weight: normal;
    line-height: 1.5;
}

.n_case01_1 .box {
    margin-top: 4rem;
}

/*.n_case01_2 {*/
/*}*/

.n_case01_2 .box {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.n_case01_2 .box {
    max-width: 650px;
    margin: 0 auto;
}

.n_case01_2 .box h3 {
    text-align: center;
    color: #fff;
    font-weight: bold;
    line-height: 2;
    font-size: 2.4rem;
}

.n_case01_2 .box .nr {
    margin-top: 3rem;
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.8;
}

.n_case01_3 .til span {
    line-height: 1.5;
    font-size: 1.15rem;
    color: #999;
}

.n_case01_3 .hd {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 50;
}

.n_case01_3 .bd {
    /*flex-grow: 1;*/
    display: flex;
    align-items: center;
    margin-right: 3rem;
}

.n_case01_3 .hd .swiper {
    height: 38rem;
}

.n_case01_3 .container {
    margin-top: 3rem;
    justify-content: center !important;
    overflow: hidden;
    display: flex;
    flex-direction: row-reverse;
}

.n_case01_3 .bd .txt {
    width: 100%;
    max-width: 505px;
    transform: translateY(4rem);
    opacity: 0;
    margin: 3rem 0;
}

.n_case01_3 .bd .swiper {
    width: 40rem;
}

.n_case01_3 .hd .swiper h3 {
    color: #666;
    line-height: 2.4rem;
    font-size: 1.8rem;
}

.n_case01_3 .hd .nr {
    max-width: 25rem;
    font-size: 1.05rem;
    line-height: 1.5;
    height: 3rem;
    opacity: 0;
    color: #666666;
    -webkit-transition: opacity .2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity .2s cubic-bezier(0.4, 0, 0.2, 1);
}
@media screen and (max-width: 1200px){
    .n_case01_3 .container .hd .swiper .swiper-wrapper li{
        height:80px!important;
    }
}

.n_case01_3 .hd .swiper-slide-thumb-active h3 {
    font-size: 2.2rem;
    color: #0095DA;
    font-weight: bold;
}

.n_case01_3 .hd .swiper-slide-thumb-active .nr {
    opacity: 1;
}

.n_case01_3 .hd .swiper-slide a {
    padding-top: 2rem;
}

.n_case01_3 .hd .swiper-slide:before {
    content: ' ';
    position: absolute;
    display: inline-block;
    bottom: 0;
    height: 1px;
    z-index: 3;
    background-color: transparent;
    left: 5rem;
    right: 0;
    -webkit-transition: left cubic-bezier(0.4, 0, 0.2, 1) .4s, background-color cubic-bezier(0.4, 0, 0.2, 1) .4s;
    transition: left cubic-bezier(0.4, 0, 0.2, 1) .4s, background-color cubic-bezier(0.4, 0, 0.2, 1) .4s;
}

.n_case01_3 .hd .swiper-slide-thumb-active:before {
    background-color: #0095DA;
    left: 0;
}

.n_case01_4 {
    margin-top: 8rem;
    padding-top: 5rem;
    background: url(../images/n_case01_4_bg.jpg) no-repeat top center;
}

.n_case01_4 .til h3 {
    text-align: center;
    color: #fff;
    font-weight: bold;
    line-height: 2;
    font-size: 2.4rem;
}

.n_case01_4 .til .nr {
    margin-top: 2rem;
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.8;
}

.n_case01_4 .box {
    max-width: 650px;
    margin: 0 auto;
}

.n_case01_4 .container {
    margin-top: 5.5rem;
}

.n_case01_4 .container .box2 {
    background: #fff;
    border-radius: 1rem 1rem 0 0;
    min-height: 10rem;
}

.n_case01_4 .container .box2 dl {
    padding-top: 4rem;
    padding-left: 8rem;
    padding-right: 8rem;
}

.n_case01_4 .container .box2 img {
    max-width: 6rem;
}

.n_case01_4 .container .box2 h4 {
    color: #0093D8;
    line-height: 1;
    font-size: 1.6rem;
    margin-top: 1.5rem;
}

.n_case01_4 .container .box2 h5 {
    position: relative;
    font-size: 1.25rem;
    margin-top: 1.1rem;
    line-height: 1.6;
    color: #666666;
}

.n_case01_4 .container .box2 dl dd:hover h3 img {
    -webkit-animation: jello 1s;
    -moz-animation: jello 1s;
    animation: jello 1s;
}

.n_case01_4 .container .box2 dl dd h5:before {
    content: "";
    position: absolute;
    bottom: -1rem;
    left: 50%;
    margin-left: -1rem;
    width: 0;
    height: 2px;
    background: #093e96;
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.n_case01_4 .container .box2 dl dd:hover h5:before {
    width: 2rem;
}


@keyframes jello {

    from,
    11.1%,
    to {
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        -moz-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        -moz-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        -moz-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.js-mouse-stalker {
    z-index: 9000;
    position: fixed;
    top: 0;
    left: 0;
    mix-blend-mode: difference;
    cursor: none;
    opacity: 0;
    pointer-events: none;
    /* cubic-bezier(.19, 1, .22, 1) */
    transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.js-mouse-stalker .js-mouse-stalker__cursor,
.js-mouse-stalker .js-mouse-stalker__follower {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    cursor: none;
    pointer-events: none
}

.js-mouse-stalker .js-mouse-stalker__cursor {
    z-index: 2;
    top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
    background-color: #cf2f28;
    transition: all .5s cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.js-mouse-stalker .js-mouse-stalker__follower {
    z-index: 1;
    top: -25px;
    left: -25px;
    width: 50px;
    height: 50px;
    border: 1px solid rgba(0, 0, 0, 0);

}

.js-mouse-stalker.is-hover .js-mouse-stalker__cursor {
    top: -35px;
    left: -35px;
    width: 80px;
    height: 80px;
    background-color: #cf2f28;
    opacity: .3
}

.js-mouse-stalker.is-hover .js-mouse-stalker__follower {
    z-index: 3;
    top: -35px;
    left: -35px;
    width: 80px;
    height: 80px;
    opacity: .6
}

.js-mouse-stalker.is-hover .js-mouse-stalker__follower:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 15px;
    margin-left: -7.5px;
    margin-top: -7.5px;

    background-size: cover;
    content: "";
}

.js-mouse-stalker.is-drag .js-mouse-stalker__cursor {
    top: -26px;
    left: -26px;
    width: 50px;
    height: 50px;
    background-color: #fff;
    opacity: .3
}

.js-mouse-stalker.is-drag .js-mouse-stalker__follower {
    z-index: 3;
    top: -26px;
    left: -26px;
    width: 50px;
    height: 50px;
    opacity: .6
}

.js-mouse-stalker.is-drag .js-mouse-stalker__follower:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin-top: -10px;
    color: #fff;
    font-size: .9rem;
    font-weight: 400;
    text-align: center;
    content: "Drag"
}

.n_case01_5 .box {
    position: relative;
    margin-top: 5rem;
}

.n_case01_5 .box .zy {
    padding-bottom: 50%;
}

.n_case01_5 .box .left {
    border-radius: 1rem;
    position: relative;
    background-image: url(../images/n_case01_5_bg01.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: calc(65% - 1rem);
}

.n_case01_5 .box .left img {
    max-height: 25rem;
}

.n_case01_5 .box .right {
    border-radius: 1rem;
    position: relative;
    background-image: url(../images/n_case01_5_bg02.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: calc(35% - 1rem);
}

.n_case01_5 .box .right img {
    max-width: 20rem;
}

.n_case01_5 .box .text {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 40%;
    left: 0;
}

.n_case01_5 .box .text h3 {
    font-weight: bold;
    font-size: 2.4rem;
    color: #fff;
    line-height: 2.5;
    position: relative;
    text-shadow:2px 3px 1px #666;

}


/*.n_case01_5 .box .text h3:before {*/
/*    content: "";*/
/*    display: block;*/
/*    width: 5rem;*/
/*    position: absolute;*/
/*    left: calc(50% - 2.5rem);*/
/*    bottom: 0;*/
/*    height: 2px;*/
/*    background: #0093D8;*/
/*}*/

.n_case01_5 .box .img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.n_case01_6 .box {
    background-image: url(../images/n_case01_5_bg03.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    margin-top: 5rem;
}

.n_case01_6 .box .zy {
    padding-bottom: 30%;
}

.n_case01_6 .box img {
    max-width: 40rem;
}

.n_case01_6 .box .img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.n_case01_6 .box .text h3 {
    margin-left: 4rem;
    display: inline-block;
    font-weight: bold;
    font-size: 2.4rem;
    color: #0093D8;
    line-height: 2.5;
    position: relative;
}
@media (max-width:1200px){
    .n_case01_6 .box .text h3 {
        margin-left: 2rem;
        margin-top:2rem;
        display: inline-block;
        font-weight: bold;
        font-size: 2rem;
        color: #0093D8;
        line-height: 2;
        position: relative;
    }
}

.n_case01_6 .box .mob_more{
    width:120px;
    height: 40px;
    line-height:40px;
    font-size:14px;
    position: absolute;
    bottom:20px;
    left:45%;
}
@media (max-width:1200px){
    .n_case01_6 .box .mob_more{
        width:120px;
        height: 30px;
        line-height:32px;
        font-size:14px;
        position: absolute;
        bottom:20px;
        left:35%;
    }
}

.n_case01_6 .box .text h3:before {
    content: "";
    display: block;
    width: 5rem;
    position: absolute;
    left: calc(50% - 2.5rem);
    bottom: 0;
    height: 2px;
    background: #0093D8;
}

.n_case01_7 .box {
    margin-top: 3rem;
}

.n_case01_7 .swiper-slide img {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 1rem;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .7;
    -webkit-transition: all .5s;
}

.n_case01_7 .swiper-slide:hover img {
    border-color: #0093d8;
    opacity: 1;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}



.n_case01_8 .box {
    margin-top: 3rem;
}

.n_case01_8 .left {
    width: 40%;
}

.n_case01_8 .left {
    font-size: 1.4rem;
    line-height: 2;
    color: #333;
}

.n_case01_8 .right {
    width: 40%;
}

.n_case01_8 .btn {
    min-width: 8rem;
}

.form-check-input {
    width: 1.5em;
    height: 1.5em;
}

.form-check-label {
    margin-top: 0.25em;
    font-size: 1.05rem;
    line-height: 1.5rem;
    margin-left: .5rem;
}

.n_case02_01 .box {
    position: relative;
    z-index: 999999;
    border-radius: 1rem 1rem 0 0;
    padding-top: 3rem;
    margin-top: -6rem;
    background: #fff;
}

.n_case02_01 .box li {
    width: 33.333%;
    text-align: center;
}

.n_case02_01 .box li h3 {
    margin-left: 1rem;
    font-size: 2.1rem;
    font-weight: bold;
    color: #333;
}
@media (max-width:1200px){
    .n_case02_01 .box li h3 {
        font-size: 1rem;
        font-weight: bold;
        color: #333;
    }
}

.n_case02_4 {
    background: url(../images/n_case02_4_bg.jpg) no-repeat top center;
}

.n_case02_5 {
    margin-top: 10rem;
    background: url(../images/n_case02_5_bg.jpg) no-repeat top center;
}

.n_case02_8 .img_box img {
    cursor: pointer;
    min-width: 15rem;
    border: 1px solid #ccc;
    border-radius: 1rem;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .7;
    -webkit-transition: all .5s;
}

.n_case02_8 .img_box:hover img {
    border-color: #0093d8;
    opacity: 1;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.n_case02_7 .box .left img {
    max-width: 20rem;
}

.n_case02_7 .box .right img {
    max-width: 16rem;
}

.n_case02_7 .box .zy {
    padding-bottom: 60%;
}

.n_case02_6 .box img {
    max-width: 30rem;
}

.n_case03_3 {
    margin-top: 6rem;
    background-attachment: fixed;
    padding-bottom: 6rem;
    background-image: url('../images/n_case03_3_bg.jpg');
    width: 100%;
    height: 80vh;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
@media (max-width:1200px){
    .n_case03_3 {
        background-repeat: repeat;
    }
}

.n_case03_3 .box {
    padding-top: 9rem;
    padding-bottom: 5rem;
}

.n_case03_3 .box {
    text-align: center;
    max-width: 650px;
    margin: 0 auto;
}

.n_case03_3 .box h3 {
    color: #fff;
    font-weight: bold;
    line-height: 2;
    font-size: 2.6rem;
}

.n_case03_3 .box .nr {
    margin-top: 2.5rem;
    color: #fff;
    font-size: 1.25rem;
    line-height: 1.5;
}

@media (max-width:1200px){
    .n_case03_3 {
        margin-top: 0;
        padding-bottom: 0;
        height: 30vh;
        background-attachment:local;
        background-repeat: no-repeat;
    }
    .n_case03_3 .box h3 {
        line-height: 0.5;
        font-size: 1.3rem;
    }
    
    .n_case03_3 .box .nr {
        font-size: 1rem;
        line-height: 0.5;
    }
}

.n_case04_2 {
    background: url(../images/n_case04_2_bg.jpg) no-repeat top center;
}

.n_case04_3 {
    margin-top: 9rem;
    background: url(../images/n_case04_3_bg.jpg) no-repeat top center;
}

.n_case04_4 {
    margin-top: 9rem;
    background: url(../images/n_case04_4_bg.jpg) no-repeat top center;
}


.n_about_01 {
    margin-top: 4rem;
}

.n_about_01 .left {
    margin-right: 4rem;
}

.n_about_01 h2 {
    color: #0093D8;
    line-height: 1.5;
    font-size: 2.2rem;
    font-weight: bold;
}
.n_about_01 em{
    display: block;
    width: 3rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    height: 0.5rem;
    background: #0093D8;
}
.n_about_01 .nr {
    padding-left: 5%;
    padding-right: 5%;
    /*text-indent: 2rem;*/
    margin-top: 2rem;
    font-size: 1.2rem;
    line-height: 1.5;
    color: #999;
}

.n_about_02 .til h3 {
    font-weight: bold;
    line-height: 2;
    font-size: 2.4rem;
}

.n_about_02 .box {
    margin-top: 4rem;
}



.n_about_03 {
    margin-top: 4rem;
}

.n_about_03 .left {
    width: 25%;
}

.n_about_03 .left h3 {
    text-align: center;
    color: #0093D8;
    font-weight: bold;
    line-height: 2;
    font-size: 2.4rem;
}

.n_about_03 .left .nr {
    color: #999999;
    font-size: 1.1rem;
    line-height: 1.5;
    margin-top: 2rem;
    text-indent: 2rem;
}

.n_about_03 .right {
    width: 70%;
}

.n_about_03 .right img {
    width: 100%;
}

.n_about_04 .box {
    position: relative;
    margin-top: 4rem;
}
.n_about_04 ul {
    display: flex;

}
.n_about_04 ul li{
    overflow: hidden;
    cursor: pointer;
    position: relative;
        width: 16.666%;
}
.n_about_04 ul li  .top1 {
    padding: 0 1.625rem 5rem;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.n_about_04 ul li  .top1 h4 {
    text-align: center;
    font-size: 1.475rem;
    color: #fff;
    transition: 0.6s;
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
}
.n_about_04 ul li  .top1 .con {
    margin-top: 7rem;
    height: 0;
    transition: 0.6s;
    overflow: hidden;
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
}
.n_about_04 ul li:hover  .con {
    height: auto;
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
}
.n_about_04 ul li:hover  .top1 p {
    opacity: 0.8;
    visibility: visible;
    transform: translateY(0);
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
}
.n_about_04 ul li ._box{
    margin-top: 8rem;
}
.n_about_04 img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.n_about_04 ul li:hover img{
    transform: scale(1.05);
}
.n_about_04 ul li   .img_hezi {
    padding-bottom: 29.5625rem !important;
}
.n_about_04 ul li .top1 p {
    font-size: 1.05rem;
    color: #fff;
    line-height: 1.5;

    /*opacity: 0;*/
    /*visibility: hidden;*/
    transition: 0.6s;
    position: relative;
    transform: translateY(20px);
    margin-top: 45px;
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
    display: block;
}
/*.n_about_04 .box .bb {
    animation: float 4s ease-in-out infinite;
    -webkit-animation: float 4s ease-in-out infinite;
    text-shadow: 0 0 5px #000;
    cursor: pointer;
    position: absolute;
    color: #fff;
    text-align: center;
    font-size: 1.2rem;
    line-height: 2;
    box-shadow: inset 0px 0px 20px 1px #99D4F0;
    border-radius: 50%;
    border: 1px solid #FFFFFF;
}

.n_about_04 .box .b1 {
    left: 5%;
    padding: 1.6rem;
    top: 50%;
}

.n_about_04 .box .b2 {
    left: 20%;
    padding: 0.5rem;
    width: 7rem;
    height: 7rem;
    top: 60%;
}

.n_about_04 .box .b3 {
    left: 35%;
    padding: 0.5rem;
    width: 7rem;
    height: 7rem;
    top: 40%;
}

.n_about_04 .box .b4 {
    left: 55%;
    padding: 1.6rem;
    top: 50%;
}

.n_about_04 .box .b5 {
    left: 70%;
    padding: 1rem;
    top: 60%;
    line-height: 1.3;
    width: 9rem;
    height: 9rem;
}

.n_about_04 .box .b6 {
    left: 85%;
    padding: 1rem;
    top: 30%;
    line-height: 1.3;
    width: 9rem;
    height: 9rem;
}*/
.n_about_05{
    padding-top: 4rem;
    padding-bottom: 5rem;
    background: #F0F0F0;
}
.n_about_05 .box {
    margin-top: 4rem;
}
.n_about_05 ul {
    margin: 0 -1rem;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.n_about_05 ul li {
    width: 20%;
    float: left;
    text-align: center;
    padding: 0 1rem
}

.n_about_05 ul li a {
    display: block;
    position: relative;
    width: 100%;
    max-width: 18rem;
    margin: 0 auto;
}

.n_about_05 ul li .box2 {
    width: 100%;
    height: 0;
    padding-top: 19rem;

    background: #f7f7f7;
    /* border-radius: 50%; */
    position: relative;
    z-index: 1;
}
.n_about_05 ul li .j_tab {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}

.n_about_05 ul li font {
    width: 5rem;
    height: 5rem;
    margin: 1rem auto;
    display: block;
    margin-bottom: 1.5rem;
}

.n_about_05 ul li font img {
    transition: all .3s;
    width: 100%
}

.n_about_05 ul li .img02 {
    display: none;
}

.n_about_05 ul li h5 {
    font-size: 1.35rem;
    font-weight: bold;
    color: #333;
    transition: all .3s;
    line-height: 1.5;
    height: 3.5rem;
}
.n_about_05 ul li span {
margin-top: 1rem;
    display: block;
    font-size: 1.05rem;
    color: #474a4a;
    transition: all .3s;
    line-height: 1.5;
    height: 5rem;
}

.n_about_05 ul li .box2:before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 1;
    left: 0px;
    top: 0px;
    -moz-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);
    -o-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);
    -ms-transition: all .6s cubic-bezier(0.445, 1.045, 0.355, 1);
    transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
}

.n_about_05 ul li .box2:after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background: #0084cd;
    position: absolute;
    z-index: 2;
    left: 0px;
    top: 0px;
    transform: scale(0.6);
    -webkit-transform: scale(0.6);
    opacity: 0;
    -moz-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);
    -o-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);
    -ms-transition: all .6s cubic-bezier(0.445, 1.045, 0.355, 1);
    transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);
}

.n_about_05 ul li:hover .box2:after {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
}

.n_about_05 ul li:hover .box2:before {
    transform: scale(.8);
    -webkit-transform: scale(.8);
    opacity: 0;
}

.n_about_05 ul li:hover .img01 {
    display: none;
}

.n_about_05 ul li:hover .img02 {
    display: inline-block;
}

.n_about_05 ul li:hover h5 {
    color: #fff;
}
.n_about_05 ul li:hover span {
    color: #fff;
}
/*.n_about_05 .bb {
    background: #DAEFF9;
    border-radius: 1rem;
    height: 15rem;

}

.n_about_05 .bb .left {
    text-align: center;
    width: 50%;
}

.n_about_05 .bb .left h3 {
    color: #0093D8;
    font-size: 2.2rem;
    line-height: 2;
    font-weight: bold;
}

.n_about_05 .bb .left img {
    max-width: 5rem;
}

.n_about_05 .bb .right {
    text-align: left;
    width: calc(50% + 15rem);

    font-size: 1.6rem;
    line-height: 1.8;
    color: #333333;
    background: #fff;

    height: 100%;
}

.n_about_05 .bb .b-l {
    border-radius: 20rem 0 0 20rem;
}

.n_about_05 .bb .b-r {
    border-radius: 0 20rem 20rem 0;
}*/

.n_about_06 .box {
    text-align: center;
    margin-top: 6rem;
    background-attachment: fixed;
    padding-bottom: 6rem;
    background-image: url('../images/n_about_06_bg.jpg');
    width: 100%;
    height: 80vh;
    background-position: center;
    background-size: contain;
}


@media (max-width:1200px){
    .n_about_06 .box {
        margin-top: 0;
        padding-bottom: 0;
        background-size: cover;
        background-attachment:local;
        background-repeat: no-repeat;
    }
}

.n_about_06 .container {
    padding-left: 5%;
    padding-right: 5%;
}

.n_about_06 .box img {
    max-width: 6rem;
}

.n_about_06 .box .icon {
    display: inline-block;
    width: 6rem;
    height: 6rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;

}

.n_about_06 .box .icon01 {
    background-image: url(../images/n_about_06_01.png);
}

.n_about_06 .box .icon02 {
    background-image: url(../images/n_about_06_02.png);
}

.n_about_06 .box .icon03 {
    background-image: url(../images/n_about_06_03.png);
}

.n_about_06 .box .icon04 {
    background-image: url(../images/n_about_06_04.png);
}

/*.n_about_06 .box li:hover .icon01 {*/
/*    transform: rotateY(360deg);*/
/*    background-image: url(../images/n_about_06_h_01.png);*/
/*}*/

/*.n_about_06 .box li:hover .icon02 {*/
/*    transform: rotateY(360deg);*/
/*    background-image: url(../images/n_about_06_h_02.png);*/
/*}*/

/*.n_about_06 .box li:hover .icon03 {*/
/*    transform: rotateY(360deg);*/
/*    background-image: url(../images/n_about_06_h_03.png);*/
/*}*/

/*.n_about_06 .box li:hover .icon04 {*/
/*    transform: rotateY(360deg);*/
/*    background-image: url(../images/n_about_06_h_04.png);*/
/*}*/

.n_about_06 .box h3 {
    margin-top: 2rem;
    color: #fff;
    font-size: 2.3rem;
    font-weight: bold;
    line-height: 2;
}

.n_about_06 .box .nr {
    padding-left: 4rem;
    padding-right: 4rem;
    text-align: left;
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.65;

}

.n_about_06 .box li {

    border-radius: 1.2rem;
    padding-top: 4rem;
    padding-bottom: 3rem;
    position: relative;
    width: 25%;
    cursor: pointer;
}

/*.n_about_06 .box li:hover {*/
/*    backdrop-filter: blur(15px);*/
/*    background: rgb(255 255 255 / 15%);*/
/*}*/

@keyframes float {
    0% {
        transform: translatey(0px);
    }

    50% {
        transform: translatey(-10px);
    }

    100% {
        transform: translatey(0px);
    }
}

@-webkit-keyframes float {
    0% {
        transform: translatey(0px);
    }

    50% {
        transform: translatey(-10px);
    }

    100% {
        transform: translatey(0px);
    }
}

.bggrey {
    background: #f4f4f4;
}

.newslist {
    margin: 0 auto;
    padding: 6em 0 4em;
    overflow: hidden
}

.newslist ul {
    width: 100%;
    margin:0;
}

.newslist li {
    position: relative;
    display: block
}

.newslist li a {
    margin: 0 0.5em 2em;
    background: #fff;
    overflow: hidden;
    -webkit-box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.05);
    display: block
}

.newslist li a .img {
    width: 100%;
    height: 13em;
    overflow: hidden;
    background-color: #dcdcdc
}

.newslist li a .img img {
    width: 120%;
    min-height: 100%;
    margin-left: -10%;
    transition: all .4s;
    -webkit-transition: all .4s
}

.newslist li a .title {
    padding: 1.5em 1em 0 1em
}

.newslist li a .title h2 {
    margin: 0;
    width: 100%;
    color: #000;
    font-size: 16px;
    line-height: 24px;
    overflow: hidden
}

.newslist li a .title p {
    margin: 10px 0 0;
    width: 100%;
    height: 48px;
    overflow: hidden;
    text-indent: 0;
    font-size: 14px;
    line-height: 24px;
    color: #999
}

.newslist li a .title .date {
    border-top: 1px solid #eee;
    padding-top: 10px;
    margin: 10px 0;
    font-size: 14px;
    display: block;
    color: #999
}

.newslist li a:hover {
    -webkit-box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.1)
}

.newslist li a:hover .img img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05)
}

.newslist li a:hover h2 {
    color: #0094d9
}

.newscon {
    padding: 3em 0;
    overflow: hidden;
    min-height: 400px;
    margin-bottom: 20px;
    font-size: 1em;
    line-height: 24px;
    color: #222
}

.newscon img {
    display: block;
    max-width: 100%;
    border: 0;
    margin: 0 auto 10px
}

.newscon .newstitle {
    margin-bottom: 10px;
    padding: 1em 0 2em;
    text-align: center;
    line-height: 30px;
    border-bottom: 1px solid #dbdbdb
}

.newscon .newstitle h2 {
    font-weight: 600;
    font-size: 2.5em;
    margin: 20px 0;
    line-height: 1.25
}

.newscon .newstitle .newsmemo {
    font-size: 14px;
    width: 100%;
    overflow: hidden
}

.newscon .newsintro {
    padding: 2em 5%;
    display: block;
    font-size: 1rem;
    line-height: 2rem;
    overflow: hidden;
    min-height: 400px;
    color: #000
}

.newscon .newsintro p {
    margin: 10px 0;
    text-indent: 2em
}

.newscon .newsintro img {
    margin: 0px auto;
    margin-bottom: 10px;
    margin-top: 10px;
    max-width: 100%
}

.newscon .newsturn {
    border-top: 1px solid #dbdbdb;
    padding-top: 24px;
    position: relative;
    margin: 30px auto 0
}

.newscon .newsturn p {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 30px;
    font-size: 16px
}

.newscon .newsturn a {
    line-height: 30px;
    font-size: 16px
}

/*分页*/
#pages {
    text-align: center;
}

#pages li {
    margin: 0 2px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: #e6e6e6;
    color: #333;
    display: inline-block;
}

#pages li a {
    font-size: 14px;
    display: block;
    padding: 0 12px;
}

#pages li span {
    font-size: 14px;
    display: block;
    padding: 0 12px;
}

#pages li.active {
    text-align: center;
    background: #0094d9 !important;
    color: #fff;
    display: inline-block;
}

#pages li:hover {
    background: #0094d9 !important;
}

#pages li:hover a {
    color: #fff;
}

.n_fuwu_01 .box {
    padding-bottom: 3rem;
    text-align: center;
    margin-top: 4rem;
    background: url(../images/n_fuwu_01_bg.jpg) bottom center no-repeat;
    min-height: 20rem;
}

.n_fuwu_01 .box .left {
    width: 50%;
}

.n_fuwu_01 .box .left p {
    font-size: 1.2rem;
    line-height: 2;
    margin-top: 1rem;
    color: #333;
}

.n_fuwu_01 .box .right {
    width: 50%;
}

.n_fuwu_01 .box .right h3 {
    font-size: 2.8rem;
    line-height: 2;
    color: #0093D8;
    font-weight: bold;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.n_fuwu_01 .box .right p {
    font-size: 1.6rem;
    color: #333;
    line-height: 2;
}

.n_fuwu_02 ul li {
    overflow: hidden;
    cursor: pointer;
    position: relative;
    width: 33.33%;
    text-align: center;
    padding-top: 7rem;
    padding-bottom: 16rem;
}

.n_fuwu_02 .box {
    margin-top: 3rem;
    background: url(../images/n_fuwu_02_bg.jpg) center no-repeat;
}

.n_fuwu_02 ul li h3 {
    margin-top: 3rem;
    font-weight: bold;
    font-size: 2.4rem;
    color: #0093D8;
    line-height: 1.6;
}

.content-two-list-1-hide {
    position: absolute;
    width: 100%;
    height: 100%;
    padding-top: 65px;
    padding-bottom: 65px;
    left: 0;
    top: 0;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.429);
    opacity: 0;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    transform: translateY(100%);

}

.content-two-list-1-hide p {
    color: #fff;
    font-size: 1.2rem;
    line-height: 2;
    margin-top: 2rem;
}

.n_fuwu_02 ul li.on .content-two-list-1-hide {
    transform: translateY(0);
    opacity: 1;
}

.n_fuwu_02 ul li.on .content-two-list-1-hide>img {
    filter: grayscale(1) brightness(2);
}

.n_fuwu_02 ul li.on .content-two-list-1-t {
    opacity: 0;
}

.n_fuwu_04 .til {
    text-align: center;
}

.n_fuwu_04 .til h3 {
    font-weight: bold;
    line-height: 2;
    font-size: 2.4rem;
}

.n_fuwu_04 .box {
    margin-top: 4rem;
}

.n_fuwu_04 .box h3 {
    font-size: 2.1rem;
    font-weight: bold;
    color: #0093D8;
    line-height: 2;
}

.n_fuwu_04 .box span {
    font-size: 1.4rem;
    line-height: 2;
    color: #999;
}

.n_fuwu_04 .box .p_box {
    margin-top: 4rem;
    margin-bottom: 4rem;
    position: relative;

}

.n_fuwu_04 .box .pp {
    margin-top: 8rem;
}

.n_fuwu_04 .box .pp ul li {
    width: 25%;
}

.n_fuwu_04 .box .pp img {
    max-width: 6rem;
}

/*.n_banner .rect {
    width: 90vw;
    height: 90vw;
    position: absolute;
    left: -45vw;
    top: -45vw;
    background: rgb(0 147 216 / 37%);
    border-radius: 45%;
    -webkit-animation: roateOne 20s linear infinite;
}

@-webkit-keyframes roateOne {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}*/

.n_fuwu_03 .box {
    margin-top: 4rem;
}

.n_fuwu_03 .left {
    width: 20rem;
}

.n_fuwu_03 .left span {
    font-weight: bold;
    font-size: 3.6rem;
    line-height: 1.5;
    color: #0093D8;
}

.n_fuwu_03 .left i {
    font-size: 1.8rem;
    position: relative;
    top: -2rem;
    margin-left: 8px;
    color: #0093D8;
}

.n_fuwu_03 .left p {
    font-size: 1.8rem;
    color: #999;
    line-height: 2;
}

.n_fuwu_03 .left li {
    margin-bottom: 4rem;
}

.n_fuwu_03 .right {
    width: calc(100% - 20rem);
}

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f9f9f9;
    z-index: 1000;
    overflow: hidden;
    transition: -webkit-transform 0.8s ease;
    transition: transform 0.8s ease;
    transition: transform 0.8s ease, -webkit-transform 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    -webkit-transition: all 0.8s ease;
}

.load_txt {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%)translateY(-50%);
    ;
    -webkit-transform: translateX(-50%)translateY(-50%);
    text-align: center;
    color: #fff;
    width: 100%;
}

.load_txt>div:nth-child(1) {
    font-size: 24px;
    line-height: 1;
    margin-bottom: 15px;
}

.load_txt>div:nth-child(2) {
    line-height: 1;
    font-size: 14px;
    text-transform: uppercase;
}

.load_txt span {
    min-width: 0.5rem;
    display: inline-block;
    vertical-align: middle;
    opacity: 0;
    -webkit-transform: translate3d(150px, 0px, 0);
    transform: translate3d(150px, -0px, 0);
}

.load_txt.move span {
    animation: letter-fade-in 1.6s ease forwards;
    -webkit-animation: letter-fade-in 1.6s ease forwards;

}

.load_txt.move.move2 span {
    animation: letter-fade-in2 1.6s ease backwards;
    -webkit-animation: letter-fade-in2 1.6s ease backwards;
}

@keyframes letter-fade-in {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(150px, 0px, 0);
        transform: translate3d(150px, -0px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }


}

@keyframes letter-fade-in2 {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-150px, 0px, 0);
        transform: translate3d(-150px, 0px, 0);
    }


}

.preloader.hid {
    right: 100%;
}

.logo_mask {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%)translateY(-50%)translateZ(0);
    transform: translateX(-50%)translateY(-50%)translateZ(0);
    background: #0093D8;
    overflow: hidden;

}

.logo_mask.show {
    animation: maskmove 1.6s ease forwards;
    -moz-animation: maskmove 1.6s ease forwards;
    -o-animation: maskmove 1.6s ease forwards;
    -webkit-animation: maskmove 1.6s ease forwards;
    transition: all 1.2s 3.2s ease;
    -webkit-transition: all 1.2s 3.2s ease;
}

@keyframes maskmove {

    0% {
        opacity: 1;
        width: 100%;
        height: 100%;
    }

    100% {
        opacity: 1;
        width: 110px;
        height: 100px;
    }
}

@-webkit-keyframes maskmove {
    0% {
        opacity: 1;
        width: 100%;
        height: 100%;
    }

    100% {
        opacity: 1;
        width: 110px;
        height: 100px;
    }
}

.logo_mask.show {
    transform: translateX(-105%)translateY(-50%);
    -webkit-transform: translateX(-105%)translateY(-50%);
}

.logo_mask:after {
    content: "";
    position: absolute;
    width: 14px;
    height: 100%;
    left: 50%;
    margin-left: -9px;
    top: 100%;
    background: #f9f9f9;
}

.logo-txt {
    position: absolute;
    left: calc(50% + 1rem);
    top: 50%;
    transform: translateX(5%)translateY(-50%);
    -webkit-transform: translateX(5%)translateY(-50%);
    clip: rect(0px 0px 100px 0px);
    clip: rect(0px, 0px, 100px, 0px);
}

.logo-txt.move {
    animation: txtMove 1.2s ease forwards 2.2s;
    -moz-animation: txtMove 1.2s ease forwards 2.2s;
    -o-animation: txtMove 1.2s ease forwards 2.2s;
    -webkit-animation: txtMove 1.2s ease forwards 2.2s;
}

@keyframes txtMove {
    0% {
        clip: rect(0px 0px 100px 0px);
        clip: rect(0px, 0px, 100px, 0px);
    }

    100% {
        clip: rect(0px 279px 100px 0px);
        clip: rect(0px, 279px, 100px, 0px);
    }
}

@-webkit-keyframes txtMove {
    0% {
        clip: rect(0px 0px 100px 0px);
        clip: rect(0px, 0px, 100px, 0px);
    }

    100% {
        clip: rect(0px 279px 115px 0px);
        clip: rect(0px, 279px, 115px, 0px);
    }
}

.parallel {
    width: 100px;
    height: 70px;
    left: 5px;
    bottom: 15px;
    position: absolute;
    background: #0093D8;
    transform: skew(-30deg, 0);
    border: 10px #fff solid;
    clip: rect(115px 56px 115px 0px);
    clip: rect(115px, 56px, 115px, 0px);
}

.logo_mask.show .parallel {
    animation: iconMove1 1.2s ease forwards 2.4s;
    -moz-animation: iconMove1 1.2s ease forwards 2.4s;
    -o-animation: iconMove21 1.2s ease forwards 2.4s;
    -webkit-animation: iconMove1 1.2s ease forwards 2.4s;
}

@keyframes iconMove1 {
    0% {
        clip: rect(115px 110px 115px 0px);
        clip: rect(115px, 110px, 115px, 0px);
    }

    100% {
        clip: rect(0px 110px 115px 0px);
        clip: rect(0px, 110px, 115px, 0px);
    }
}

@-webkit-keyframes iconMove1 {
    0% {
        clip: rect(115px 110px 115px 0px);
        clip: rect(115px, 110px, 115px, 0px);
    }

    100% {
        clip: rect(0px 110px 115px 0px);
        clip: rect(0px, 110px, 115px, 0px);
    }
}

.n_buju01_01 .box {
    margin-top: 5rem;
}

.n_buju01_02 .container {
    position: relative;
}

.n_buju01_02 .container:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    border-bottom: #e5e5e5 1px solid;
    z-index: -1;
}

.n_buju01_02 .container:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 0;
    height: 1px;
    border-bottom: #0596D9 1px solid;
    z-index: 0;
    -moz-transition: all 4s ease-in-out;
    -webkit-transition: all 4s ease-in-out;
    -o-transition: all 4s ease-in-out;
    -ms-transition: all 4s ease-in-out;
    transition: all 4s ease-in-out;
    z-index: 0
}

.n_buju01_02 .container:hover:after {
    left: 0;
    width: 100%;
}

.n_buju01_02 .container .yuandian:before {
    content: "";
    position: absolute;
    left: 0;
    width: 8px;
    height: 8px;
    border: #e5e5e5 1px solid;
    border-radius: 50%;
    background: #fff;
    top: calc(50% - 4px);
    z-index: 1
}

.n_buju01_02 .container .yuandian:after {
    content: "";
    position: absolute;
    right: 0;
    width: 8px;
    height: 8px;
    border: #e5e5e5 1px solid;
    border-radius: 50%;
    background: #fff;
    top: calc(50% - 4px);
    z-index: 1
}

.n_buju01_02 .container:hover .yuandian:before {
    border: #0596D9 1px solid;
}

.n_buju01_02 .container:hover .yuandian:after {
    border: #0596D9 1px solid;
    transition-delay: 4s
}

.n_buju01_02 .box {
    margin-top: 4rem;
}

.n_buju01_02 ul {
    margin: 0 -1rem;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.n_buju01_02 ul li {
    width: 20%;
    float: left;
    text-align: center;
    padding: 0 1rem
}

.n_buju01_02 ul li a {
    display: block;
    position: relative;
    width: 100%;
    max-width: 15.3125rem;
    margin: 0 auto;
}

.n_buju01_02 ul li .box2 {
    width: 100%;
    height: 0;
    padding-top: 16rem;
    box-shadow: 0 0 0 .625rem #fff;
    background: #f7f7f7;
    border-radius: 50%;
    position: relative;
    z-index: 1;
}

.n_buju01_02 ul li .box2 span {
    position: absolute;
    z-index: 9999;
    color: #fff;
    font-size: 1.2rem;
    right: 1rem;
    bottom: 1rem;
    transition: all .9s;
    opacity: 0;
}

.n_buju01_02 ul li .j_tab {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}

.n_buju01_02 ul li font {
    width: 5rem;
    height: 5rem;
    margin: 0 auto;
    display: block;
    margin-bottom: 1.5rem;
}

.n_buju01_02 ul li font img {
    transition: all .3s;
    width: 100%
}

.n_buju01_02 ul li .img02 {
    display: none;
}

.n_buju01_02 ul li h5 {
    font-size: 1.25rem;
    color: #474a4a;
    transition: all .3s;
    line-height: 1.5
}


.n_buju01_02 ul li .box2:before {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 1.5rem 0 1.5rem 0;
    display: block;
    border: 1px solid #e7e7e7;
    position: absolute;
    z-index: 1;
    left: 0px;
    top: 0px;
    -moz-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);
    -o-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);
    -ms-transition: all .6s cubic-bezier(0.445, 1.045, 0.355, 1);
    transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
}

.n_buju01_02 ul li .box2:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 1.5rem 0 1.5rem 0;
    display: block;
    background: #0084cd;
    position: absolute;
    z-index: 2;
    left: 0px;
    top: 0px;
    transform: scale(0.6);
    -webkit-transform: scale(0.6);
    opacity: 0;
    -moz-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);
    -o-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);
    -ms-transition: all .6s cubic-bezier(0.445, 1.045, 0.355, 1);
    transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);
}

.n_buju01_02 ul li:hover .box2:after {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
}

.n_buju01_02 ul li:hover .box2:before {
    transform: scale(.8);
    -webkit-transform: scale(.8);
    opacity: 0;
}

.n_buju01_02 ul li:hover .img01 {
    display: none;
}

.n_buju01_02 ul li:hover span {
    opacity: 1;
}

.n_buju01_02 ul li:hover .img02 {
    display: inline-block;
}

.n_buju01_02 ul li:hover h5 {
    color: #fff;
}


.n_buju01_03 .box {
    margin-top: 4rem;
}

.n_buju01_03 .youshi {
    transition: all 0.5s ease;
    padding-top: 4rem;
    padding-bottom: 4rem;
    position: relative;
    z-index: 99999;
    width: 40%;
    text-align: center;
}

.n_buju01_03 .youshi h3 {
    color: #0596D9;
    line-height: 1.5;
    font-weight: bold;
    font-size: 2.4rem;
}

.n_buju01_03 .youshi .nr {
    color: #333;
    font-size: 1.6rem;
    margin-top: 3rem;
    line-height: 1.5;
    text-align: left;
    padding-left: 5%;
    padding-right: 5%;
}

.n_buju01_03 ul li {
    overflow: hidden;
    cursor: pointer;
    position: relative;
}

.n_buju01_03 ul li .list_hover {
    width: 55%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    transition: 600ms;
    -webkit-transition: 600ms;
}

.n_buju01_03 ul li .bg1 {
    background: url(../images/n_buju01_03_01_bg.jpg) repeat;
}

.n_buju01_03 ul li .bg2 {
    background: url(../images/n_buju01_03_02_bg.jpg) repeat;
}

.n_buju01_03 ul li .bg3 {
    background: url(../images/n_buju01_03_03_bg.jpg) repeat;
}

.n_buju01_03 ul li .bg4 {
    background: url(../images/n_buju01_03_04_bg.jpg) repeat;
}


.n_buju01_03 ul li .rr {
    border-radius: 0 14rem 14rem 0;
}

.n_buju01_03 ul li .ll {
    right: 0;
    left: auto;
    border-radius: 14rem 0 0 14rem;
}

.n_buju01_03 ul li:hover .list_hover {
    width: 120%;
}

.n_buju01_03 ul li:hover .youshi.rr {
    margin-right: 5rem;
}

.n_buju01_03 ul li:hover .youshi.ll {
    margin-left: 5rem;
}

.n_buju01_03 ul li:hover h3 {
    color: #fff;
}

.n_buju01_03 ul li:hover .nr {
    color: #fff;
}

.s_server {
    position: relative;
    width: 100%;
    overflow: hidden;

}

.s_server .box {
    position: relative;
    overflow: hidden;
    margin-top: 4rem;
}

.s_server .underbox {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.s_server .underbox .container {
    width: 100%;
    height: 100%;
    padding: 0
}

.s_server .bd {
    display: flex;
    align-items: end;
    margin-left: 3rem;
    max-width: 50rem
}

.s_server .hd {
    display: flex;
    align-items: start;
    position: relative;
    z-index: 9;
}
.s_server .hd:before {
    position: absolute;
    content: '';
    display: block;
    width: 1px ;
    height: 20rem;
    background: #fff;
    right: 4.35rem;
    top: 0;
}
.s_server .hd .swiper {
    height: 40rem;
}

.s_server .hd .swiper-slide {}

.s_server .hd h3 {
    padding: 2rem 6rem 2rem 2rem;
    position: relative;
    font-size: 1.8rem;
    color: #fff;
    text-align: right;
}

.s_server .hd h3:before {
    content: "";
    display: block;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    right: 4rem;
    top: calc(50% - 0.4rem);
    visibility: visible;
    transition: .5s;
}
.s_server .hd h3:after {
    content: "";
    display: block;
    width: 1.2rem;
    height:1.2rem;
    border-radius: 50%;
    border:1px solid  #fff;
    position: absolute;
    right: 3.8rem;
    top: calc(50% - 0.6rem);
    visibility: visible;
    transition: .5s;
}
.s_server .hd li.swiper-slide-thumb-active h3:after {
    border-color: #0093D8;
}
.s_server .hd li.swiper-slide-thumb-active h3:before {
    background: #0093D8;
}
.s_server .hd li.swiper-slide-thumb-active h3 {
    /*background: rgb(0 147 216 / 20%);*/
   color: #0093D8;
}


.s_server .txt {
    width: 100%;
    max-width: 505px;
    transform: translateY(4rem);
    opacity: 0;
    margin: 5rem 0;
}

.s_server li.swiper-slide-active .txt {
    transform: translateY(0);
    opacity: 1;
    transition: 1s .5s;
}

.s_server .hd .swiper-slide {
    margin-bottom: 0 !important;
}

.s_server .txt h3 {
    font-size: 2.5rem;
    margin-top: 1.875rem;
    margin-bottom: 2rem;
    position: relative;
    color: #fff;
    font-weight: bold;
}

.s_server .txt p {
    font-size: 1.15rem;
    line-height: 1.675rem;
    overflow: hidden;
    color: #fff
}

.s_server .txt p font {
    color: #0093D8
}

.s_server .bgbox {
    position: relative;
    z-index: 1;
}

.s_server .bgbox .pic {
    position: relative;
}

.s_server .bgbox .pic:before {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    padding-top: 41.9%;
}

.s_server .bgbox .pic img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.n_buju02_01 .box {
    margin-top: 5rem;
}
.n_buju02_04 .box{
    padding-top: 5rem;
    padding-bottom: 4rem;
    background: url(../images/n_buju02_04_bg.jpg) center no-repeat;
}
.n_buju02_04 .b_til {
    text-align: center;
}

.n_buju02_04 .b_til h3 {
    font-size: 3.2rem;
    color: #0093D8;
    line-height: 1.5;
    font-weight: bold;
}

.n_buju02_04 .b_til h5 {
    color: #333;
    font-size: 2.1rem;
    line-height: 1.5;
    font-weight: bold;
}

.n_buju02_04 .b_til p {
    color: #333;
    line-height: 2;
    font-size: 1.4rem;
}

.n_buju02_03 ul li {
    position: relative;
    padding-top: 10rem;
    padding-bottom: 5rem;
    margin-left: 3%;
    margin-right: 3%;
    width: 33.333%;
    text-align: center;
    /* background: url(../images/n_buju02_03_jt.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;*/
}

.n_buju02_03 ul li .zy {
    padding-bottom: 62%;
}

.n_buju02_03 ul li .img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.n_buju02_03 ul li .img img {
    animation-delay: 0ms;
    animation-duration: 3500ms;
    animation-iteration-count: infinite;
    animation-name: arrow;
    animation-play-state: running;
    animation-timing-function: linear;
    width: 100%;
}

@keyframes arrow {
    0% {
        opacity: 0.2;
        transform: translate3d(0px, 0px, 0px);
        -webkit-transform: translate3d(0px, 0px, 0px);
        -moz-transform: translate3d(0px, 0px, 0px);
        -ms-transform: translate3d(0px, 0px, 0px);
        -o-transform: translate3d(0px, 0px, 0px);
    }

    22% {
        opacity: 0.6;
    }

    44% {
        opacity: 1;
        transform: translate3d(0px, 15px, 0px);
        -webkit-transform: translate3d(0px, 15px, 0px);
        -moz-transform: translate3d(0px, 15px, 0px);
        -ms-transform: translate3d(0px, 15px, 0px);
        -o-transform: translate3d(0px, 15px, 0px);
    }

    66% {
        opacity: 0.8;
        transform: translate3d(0px, 10px, 0px);
        -webkit-transform: translate3d(0px, 10px, 0px);
        -moz-transform: translate3d(0px, 10px, 0px);
        -ms-transform: translate3d(0px, 10px, 0px);
        -o-transform: translate3d(0px, 10px, 0px);
    }

    100% {
        opacity: 0.5;
        transform: translate3d(0px, 2px, 0px);
        -webkit-transform: translate3d(0px, 2px, 0px);
        -moz-transform: translate3d(0px, 2px, 0px);
        -ms-transform: translate3d(0px, 2px, 0px);
        -o-transform: translate3d(0px, 2px, 0px);
    }
}

.n_buju02_03 ul li .text {
    position: absolute;
    left: 0;
    top: 30%;
    bottom: 0;
    right: 0;
}

.n_buju02_03 ul li h4 {
    font-size: 2.8rem;
    font-weight: bold;
    line-height: 1.5;
    color: #0093D8;
}

.n_buju02_03 ul li span {
    color: #fff;
    line-height: 2;
    font-size: 1.2rem;
}

.n_buju02_03 ul li p {
    color: #fff;
    line-height: 2;
    font-size: 1.2rem;
    margin-top: 3rem;
}

.n_jishu01_01 .box {
    /*margin-top: 4rem;*/
}

.n_jishu01_02 ul li {
    overflow: hidden;
    cursor: pointer;
    position: relative;
    width: 33.33%;
    text-align: center;
    padding-top: 7rem;
    padding-bottom: 16rem;
}

.n_jishu01_02 .box {
    margin-top: 3rem;
    background: url(../images/n_jishu01_02_bg.jpg) center no-repeat;
}

.n_jishu01_02 ul li h3 {
    margin-top: 3rem;
    font-weight: bold;
    font-size: 2.4rem;
    color: #fff;
    line-height: 1.6;
}

.n_jishu01_02 ul li.on .content-two-list-1-hide {
    transform: translateY(0);
    opacity: 1;
}

.n_jishu01_02 ul li.on .content-two-list-1-hide>img {
    /*filter: grayscale(1) brightness(2);*/
}

.n_jishu01_02 ul li.on .content-two-list-1-t {
    opacity: 0;
}

.n_jishu01_02 ul li.on h3 {
    color: #0093D8;
}

.n_jishu01_02 .content-two-list-1-hide p {
    text-align: center;
    color: #666;
}

.n_jishu01_02 .content-two-list-1-hide {
    background-color: rgba(255, 255, 255, 0.8);
}

.n_jishu01_03 .box {
    margin-top: 4rem;
}

.n_jishu01_03 .box ul li {
    width: 33.33%;
    text-align: center;
    min-height: 20rem;
}

.n_jishu01_03 .box ul li {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
    transition: background-position 0.5s ease;
}

.n_jishu01_03 .box ul li a {
    /*cursor: url('../images/custom-cursor.png'), auto;*/
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 20rem;
    padding-bottom: 20rem;
}

.n_jishu01_03 .box ul li h3 {
    color: #fff;
    font-size: 2.6rem;
    line-height: 2;
}

.n_jishu01_03 .box ul li.p1 {
    background-image: url(../images/case_01.jpg);
}

.n_jishu01_03 .box ul li.p2 {
    background-image: url(../images/case_02.jpg);
}

.n_jishu01_03 .box ul li.p3 {
    background-image: url(../images/case_03.jpg);
}

.n_jishu01_03 .box ul li:hover {

    background-position: right center;
}


.n_jishu02_01 .box {
    max-width: 820px;
    margin: 0 auto;
    position: relative;
}

.n_jishu02_01 .box .line {
    width: 50rem;
    height: 50rem;
    border-radius: 50%;
    border: 1px solid red;
}

.n_jishu02_01 .box .yq {
    width: 16rem;
    height: 16rem;
    position: absolute;
    left: calc(50% - 8rem);
    top: calc(50% - 8rem);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-align: center;
}

.n_jishu02_01 .box .yq img {
    width: 100%;
    z-index: 999999;
}

.n_jishu02_01 .box .point-i {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    background-color: rgba(0, 147, 216, 0.5);
    transform: scale(.3);
    -webkit-animation: circleScale 3s linear infinite;
    -moz-animation: circleScale 3s linear infinite;
    -ms-animation: circleScale 3s linear infinite;
    animation: circleScale 3s linear infinite;
    -webkit-transform: scale(.3);
    -moz-transform: scale(.3);
    -ms-transform: scale(.3);
    -o-transform: scale(.3);
}

.n_jishu02_01 .box .point-i:nth-of-type(2) {
    animation-delay: 1s;
}

.n_jishu02_01 .box .point-i:nth-of-type(3) {
    animation-delay: 2s;
}

@keyframes circleScale {
    0% {
        opacity: 1;
        -webkit-transform: scale(.3);
        -moz-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3);
        -o-transform: scale(.3);
    }

    100% {
        opacity: 0;
        transform: scale(1.125);
        -webkit-transform: scale(1.125);
        -moz-transform: scale(1.125);
        -ms-transform: scale(1.125);
        -o-transform: scale(1.125);
    }
}

@keyframes ripple {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1);
        transform: scale(.1)
    }

    20% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.n_jishu02_01 .box ul li {
    position: absolute;
    z-index: 999999999;
    cursor: pointer;
}

.n_jishu02_01 .box ul li .txt p {
    color: #333;
    font-size: 1.6rem;
    line-height: 2;
}

.n_jishu02_01 .box ul li img {
    max-width: 8rem;
    border-radius: 50%;
    box-shadow: inset 0px 0px 20px 1px rgba(153, 212, 240, 0.53);
}

.n_jishu02_01 .box ul li .on {
    display: none;
}

.n_jishu02_01 .box ul li:hover .on {
    display: block;
}

.n_jishu02_01 .box ul li:hover .off {
    display: none;
}

.n_jishu02_01 .box ul li.li_1 {
left: calc(50% - 4rem);
    top: 2rem;
    text-align: center;
}

.n_jishu02_01 .box ul li.li_2 {
    right: 15%;
    top: 18%;
    text-align: center;
}

.n_jishu02_01 .box ul li.li_3 {
    left: 15%;
    top: 18%;
    text-align: center;
}

.n_jishu02_01 .box ul li.li_4 {
    right: 15%;
    bottom:18% ;
    text-align: center;
}

.n_jishu02_01 .box ul li.li_5 {
    left: 15%;
    bottom:18%;
    text-align: center;
}

.n_jishu02_01 .box ul li.li_6 {
left: calc(50% - 4rem);
    bottom: 2rem;
    text-align: center;
}

.n_jishu02_01 {
    margin-top: 8rem;
}

.n_jishu02_02 {
    margin:8rem 20px 0 20px;
}

.n_jishu02_02 .left {
    width: 50%;
}

.n_jishu02_02 .left.text {
    width: 40%;
}

.n_jishu02_02 .right {
    width: 50%;
}

.n_jishu02_02 .right.text {
    width: 40%;
}

.n_jishu02_02 .text h3 {
    font-size: 2.8rem;
    line-height: 1.5;
    color: #333;
}

.n_jishu02_02 .text .nr {
    font-size: 1.4rem;
    line-height: 1.5;
    margin-top: 2rem;
    color: #999;
}

.n_jishu02_02 ul li {
    margin-bottom: 1rem;
}


.n_jishu03_01 ul li {
    overflow: hidden;
    cursor: pointer;
    position: relative;
    width: 33.33%;
    text-align: center;
    padding-top: 7rem;
    padding-bottom: 16rem;
}

.n_jishu03_01 .box {
    margin-top: 3rem;
    background: url(../images/n_jishu03_01_bg.jpg) center no-repeat;
}

.n_jishu03_01 ul li h3 {
    margin-top: 3rem;
    font-weight: bold;
    font-size: 2.4rem;
    color: #fff;
    line-height: 1.6;
}

.n_jishu03_01 ul li.on .content-two-list-1-hide {
    transform: translateY(0);
    opacity: 1;
}

.n_jishu03_01 ul li.on .content-two-list-1-hide>img {
    /*filter: grayscale(1) brightness(2);*/
}

.n_jishu03_01 ul li.on .content-two-list-1-t {
    opacity: 0;
}

.n_jishu03_01 ul li.on h3 {
    color: #0093D8;
}

.n_jishu03_01 .content-two-list-1-hide p {
    text-align: center;
    color: #666;
}

.n_jishu03_01 .content-two-list-1-hide {
    padding-top: 8rem;
    background-color: rgba(255, 255, 255, 0.8);
}

.n_jishu03_02 {
    margin-top: 8rem;
    background: url(../images/n_jishu03_02_bg.jpg) no-repeat top center;
}

.n_jishu03_03 {
    margin-top: 8rem;
    background: url(../images/n_jishu03_03_bg.jpg) no-repeat top center;
}

.n_jishu03_04 {
    margin-top: 8rem;
}

.n_jishu03_04 .left {
    width: 40%;
}

.n_jishu03_04 .right {
    position: relative;
    background: #fff;
    width: 50%;
}

.n_jishu03_04 .left h3 {
    color: #0093D8;
    font-size: 2.8rem;
    line-height: 2;
    font-weight: bold;
}

.n_jishu03_04 .left .text {
    overflow: hidden;
    margin-top: 5rem;
}

.n_jishu03_04 .left .text h4 {
    color: #0093D8;
    font-size: 2.4rem;
    line-height: 2;
}

.n_jishu03_04 .left .text h5 {
    margin-top: 2rem;
    font-size: #666666;
    font-size: 2.4rem;
    line-height: 2;

}

.n_jishu03_04 .left .nr {
    margin-top: 1.5rem;
    font-size: 1.4rem;
    color: #333333;
    line-height: 1.5;
}

.n_jishu03_04 .yqs {
    overflow: hidden;
    z-index: 999999;
    position: absolute;
    left: calc(50% - 11rem);
    top: calc(50% - 11rem);
    background: #EBF8FF;
    width: 22rem;
    padding: 3.5rem;
    border-radius: 50%;
    height: 22rem;
}

.n_jishu03_04 .yqs img {
    width: 100%;
}

.n_jishu03_04 .yq {
    position: relative;
}

.n_jishu03_04 .iicon {
    position: absolute;
    left: 0;
    top: 0;
}

.n_jishu03_04 .ys {
    z-index: 9999;
    cursor: pointer;
    /*background: red;*/
    width: 4rem;
    height: 10rem;
    position: absolute;
}

.n_jishu03_04 .ys01 {
    left: calc(50% - 2rem);
    top: 0;
}

.n_jishu03_04 .ys02 {
    transform: rotate(20deg);
    right: 30%;
    top: 5%;
}

.n_jishu03_04 .ys03 {
    transform: rotate(40deg);
    right: 15%;
    top: 15%;
}

.n_jishu03_04 .ys04 {
    transform: rotate(68deg);
    right: 8%;
    top: 30%;
}

.n_jishu03_04 .ys05 {
    transform: rotate(95deg);
    right: 8%;
    top: 46%;
}

.n_jishu03_04 .ys06 {
    transform: rotate(120deg);
    right: 14%;
    top: 62%;
}

.n_jishu03_04 .ys07 {
    transform: rotate(145deg);
    right: 27%;
    top: 72%;
}

.n_jishu03_04 .ys08 {
    transform: rotate(180deg);
    left: calc(50% - 2rem);
    bottom: 0;
}

.n_jishu03_04 .icon .on {
    display: none;
}

.n_jishu03_04 .on .off {
    display: none;
}

.n_jishu03_04 .on .on {
    display: block;
}

.n_jishu03_04 .lc_con {
    display: none;

}

.n_jishu03_04 .lc_con.on {
    display: block;
}

.n_jishu03_04 .lc_con1 {
    height: 0;
    visibility: hidden;
    opacity: 0;
    transform: translateY(0px);
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
}

.n_jishu03_04 .lc_con1.on {
    height: auto;
    visibility: visible;
    display: block;
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
}

.n_banner video {
    width: 100%;
    max-height: calc(100vh - 5.625rem);
    object-fit: cover;
}

.n_pro01_01 {
    margin-top: 5rem;
}

.n_pro01_01 .box {
    background: url(../images/n_pro01_01.jpg) center no-repeat;
    position: relative;
}

.n_pro01_01 .box .text {
    position: absolute;
    right: 2rem;
    bottom: 5rem;
    color: #999;
    font-size: 0.8rem;
}

.n_pro01_02 .box {
    margin-top: 4rem;
}

.n_pro01_02 .box .left {
    width: calc(50% - 1rem);
    background-image: url(../images/n_pro01_02_left01.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 50rem;
}

.n_pro01_02 .box .left .text01 {
    padding-top: 60%;
    padding-left: 10%;
    padding-right: 10%;
}

.n_pro01_02 .box .right .text02 {
    padding-top: 15%;
    padding-left: 10%;
    padding-right: 10%;
}

.n_pro01_02 .text h3 {
    font-weight: bold;
    font-size: 2.4rem;
    line-height: 2;
    color: #333;
}

.n_pro01_02 .text span {
    font-size: 1.4rem;
    line-height: 1.5;
    color: #666;
}

.n_pro01_02 .box .right {
    width: calc(50% - 1rem);
    height: 50rem;
}

.n_pro01_02 .box .right ul li {
    width: 100%;
    height: 24rem;
}

.n_pro01_02 .box .right ul .li1 {
    background-image: url(../images/n_pro01_02_right01.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.n_pro01_02 .box .right ul {
    height: 100%;
}

.n_pro01_02 .box .right ul .rb {
    width: calc(50% - 1rem);
}

.n_pro01_02 .box .right ul .rb .text03 {
    padding-top: 15%;
    padding-left: 10%;
    padding-right: 10%;
}

.n_pro01_02 .box .right ul .rb1 {
    background-image: url(../images/n_pro01_02_right02.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.n_pro01_02 .box .right ul .rb2 {
    background-image: url(../images/n_pro01_02_right03.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.n_pro01_02 .box2 {
    margin-top: 2rem;
}

.n_pro01_02 .box2 .left {
    width: calc(50% - 1rem);
    background-image: url(../images/n_pro01_02_left02.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 20rem;
}

.n_pro01_02 .box2 .right {
    width: calc(50% - 1rem);
    background-image: url(../images/n_pro01_02_left03.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 20rem;
}

.n_pro01_02 .box2 .left .text04 {
    padding-top: 12%;
    padding-left: 10%;
    padding-right: 10%;
}

.n_pro01_02 .box2 .right .text05 {
    padding-top: 12%;
    padding-left: 10%;
    padding-right: 10%;
}

.n_pro01_04 .box {
    margin-top: 4rem;
}

.n_pro01_04 .pic {
    padding: 5rem;
}

.n_pro01_05 {
    margin-top: 5rem;
}

.n_jishu04_01 .box {
    margin-top: 5rem;
}

.n_jishu04_01 .box ul li {
    margin-bottom: 2rem;
}

.n_jishu04_01 .box ul li .bb {
    border-radius: 1rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: calc(50% - 1rem);
    position: relative;
}

.n_jishu04_01 .box ul li .bb .nr {
    padding-top: 8%;
    padding-left: 8%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.n_jishu04_01 .box ul li .bb .pic {
    position: absolute;
    bottom: 3%;
    left: 10%;
}

.n_jishu04_01 .box ul li .bb .pic02 {
    position: absolute;
    left: 15%;
}

.n_jishu04_01 .box ul li .bb .pic03 {
    position: absolute;
    bottom: 5%;
    left: 10%;
}

.n_jishu04_01 .box ul li .bb .pic04 {
    position: absolute;
    bottom: 0;
    left: 0;
}

.n_jishu04_01 .box ul li .bb .pic img {
    max-height: 18rem;
}

.n_jishu04_01 .box ul li .bb .nr h3 {
    font-weight: bold;
    color: #0093D8;
    font-size: 2.4rem;
    line-height: 2;
}

.n_jishu04_01 .box ul li .bb .nr span {
    color: #666666;
    font-size: 1.4rem;
    line-height: 1.5;
}

.n_jishu04_01 .box ul li .bb .zy {
    width: 100%;
    padding-bottom: 70%;
}

.n_jishu04_01 .box ul li .bb1 {
    background-image: url(../images/n_jishu04_01_bg01.jpg);
}

.n_jishu04_01 .box ul li .bb2 {
    background-image: url(../images/n_jishu04_01_bg02.jpg);
}

.n_jishu04_01 .box ul li .bb3 {
    background-image: url(../images/n_jishu04_01_bg03.jpg);
}

.n_jishu04_01 .box ul li .bb4 {
    background-image: url(../images/n_jishu04_01_bg04.jpg);
}

.n_jishu04_02 .box {
    margin-top: 4rem;
}

.n_jishu04_02 .box .left {
    position: relative;
    width: calc(35% - 1rem);
    background-image: url(../images/jishu04_02_left01.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.n_jishu04_02 .box .left .zy {
    padding-bottom: 164%;
}

.n_jishu04_02 .box .left .text01 {

    padding-top: 20%;
    padding-left: 10%;
    padding-right: 10%;
}

.n_jishu04_02 .text {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.n_jishu04_02 .box .right .text02 {

    padding-top: 5%;
    padding-left: 5%;
}

.n_jishu04_02 .box .right .text07 {
    padding-top: 40%;
    padding-left: 10%;
}

.n_jishu04_02 .text em {
    display: block;
    width: 3rem;
    height: 0.5rem;
    background: #666;
    margin-bottom: 1.5rem;
}

.n_jishu04_02 .text h3 {
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 1.5;
    color: #333;
}

.n_jishu04_02 .text span {
    display: block;
    margin-top: 1.5rem;
    font-size: 1.2rem;
    line-height: 1.5;
    color: #666;
    width:45%;
}
@media (max-width:1200px){
    .n_jishu04_02 .text h3 {
        font-weight: bold;
        font-size: 1.5rem;
        line-height: 1.2;
        color: #333;
        width:50%;
    }
    
    .n_jishu04_02 .text span {
        display: block;
        margin-top: 1.5rem;
        font-size: 1rem;
        line-height: 1;
        color: #666;
        width:40%;
    }
}

.n_jishu04_02 .box .right {
    width: calc(65% - 1rem);
}

.n_jishu04_02 .box .right ul li {
    width: 100%;

}

.n_jishu04_02 .box .right ul .li1 {
    position: relative;
    background-image: url(../images/n_jishu04_02_right01.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right center;
        background-size: auto 100%;
    background-color: #F4F4F6;
}

.n_jishu04_02 .box .right ul .li1 .zy {
    padding-bottom: calc(44% - 1rem);
}

.n_jishu04_02 .box .right ul {
    height: 100%;
}

.n_jishu04_02 .box .right ul .rb {
    position: relative;
    width: calc(50% - 1rem);
}

.n_jishu04_02 .box .right ul .rb .zy {
    padding-bottom: calc(90% - 1rem);
}

.n_jishu04_02 .box .right ul .rb .text03 {

    padding-top: 10%;
    padding-left: 10%;
    padding-right: 10%;
}

.n_jishu04_02 .box .right ul .rb1 {    background-size: auto 100%;
        background-color: #F4F4F6;
    background-image: url(../images/n_jishu04_02_right02.jpg);
    /*background-size: cover;*/
    background-repeat: no-repeat;
    background-position: right center;
}

.n_jishu04_02 .box .right ul .rb2 {    background-size: auto 100%;
            background-color: #F4F4F6;
    background-image: url(../images/n_jishu04_02_right03.jpg);
    /*background-size: cover;*/
    background-repeat: no-repeat;
    background-position: right center;
}

.n_jishu04_02 .box2 {
    margin-top: 2rem;
}

.n_jishu04_02 .box2 .left {
    position: relative;
    width: calc(50% - 1rem);
    background-image: url(../images/n_jishu04_02_left02.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 100%;
            background-color: #F4F4F6;
}

.n_jishu04_02 .box2 .right {
    position: relative;
    width: calc(50% - 1rem);
    background-image: url(../images/n_jishu04_02_left03.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right center;
        background-size: auto 100%;
            background-color: #F4F4F6;

}

.n_jishu04_02 .box2 .text {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding-top: 30%;
    padding-left: 5%;
}

.n_jishu04_02 .box2 .text05 {
    padding-top: 10%;
}

.n_jishu04_02 .box2 .zy {
    padding-bottom: 60%;

}

.n_jishu04_03 .box {
    margin-top: 5rem;
}

.n_pro02_02 .li1 .left {
    width: 60%;
}

.n_pro02_02 .li1 .right {
    width: 40%;
}

.n_pro02_02 .smPic {
    display: none;
}

.n_pro02_02 .smPic.on {
    display: block;
}

.n_pro02_02 .text h3 {
    font-size: 2.6rem;
    font-weight: bold;
    color: #333;
    line-height: 2;
}

.n_pro02_02 .text ul {
    position: relative;
    margin-top: 4rem;
}

.n_pro02_02 .text ul:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 1px;
    background: #92cce8;
}

.n_pro02_02 .text ul li {
    cursor: pointer;
    position: relative;
    padding-left: 2rem;
    margin-bottom: 2rem;
}

.n_pro02_02 .text h3 font {
    color: #0093D8;
}

.n_pro02_02 .text li h5 {
    font-size: 2.4rem;
    line-height: 1.5;
    color: #666;
}

.n_pro02_02 .text li span {
    font-size: 1.6rem;
    line-height: 1.5;
    color: #666;
}

.n_pro02_02 .text li.on h5 {
    color: #0093D8;
}

.n_pro02_02 .text li.on span {
    color: #0093D8;
}

.n_pro02_02 .text li.on:after {
    content: '';
    position: absolute;
    left: -1px;
    top: 0;
    height: 100%;
    width: 2px;
    background: #0093D8;
}

.n_pro02_02 .li2 .left {
    width: 40%;
}

.n_pro02_02 .li2 .right {
    width: 60%;
}

.n_pro03_01 .box ul li {
    margin-bottom: 2rem;
}

.n_pro03_01 .box ul li .bb {
    border-radius: 1rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: calc(50% - 1rem);
    position: relative;
}

.n_pro03_01 .box ul li .bb .nr {
    padding-top: 8%;
    padding-left: 8%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.n_pro03_01 .box ul li .bb .pic {
    position: absolute;
    bottom: 3%;
    left: 25%;
}

.n_pro03_01 .box ul li .bb .pic02 {
    position: absolute;
    left: 15%;
}

.n_pro03_01 .box ul li .bb .pic03 {
    position: absolute;
    bottom: 3%;
    left: 15%;
}

.n_pro03_01 .box ul li .bb .pic04 {
    position: absolute;
    bottom: 3%;
    left: 20%;
}

.n_pro03_01 .box ul li .bb .pic img {
    max-height: 18rem;
}

.n_pro03_01 .box ul li .bb .nr h3 {
    font-weight: bold;
    color: #333;
    font-size: 2.4rem;
    line-height: 2;
}

.n_pro03_01 .box ul li .bb .nr h3 font {
    color: #0093D8;
}

.n_pro03_01 .box ul li .bb .nr span {
    color: #666666;
    font-size: 1.4rem;
    line-height: 1.5;
}

.n_pro03_01 .box ul li .bb .zy {
    width: 100%;
    padding-bottom: 70%;
}

.n_pro03_01 .box ul li .bb1 {
    background-image: url(../images/n_pro03_01_bg01.jpg);
}

.n_pro03_01 .box ul li .bb2 {
    background-image: url(../images/n_pro03_01_bg02.jpg);
}

.n_pro03_01 .box ul li .bb3 {
    background-image: url(../images/n_pro03_01_bg03.jpg);
}

.n_pro03_01 .box ul li .bb4 {
    background-image: url(../images/n_pro03_01_bg04.jpg);
}

.n_pro03_01 .box ul li .bb5 {
    background-image: url(../images/n_pro03_01_bg05.jpg);
}

.n_pro03_01 .box ul li .bb6 {
    background-image: url(../images/n_pro03_01_bg06.jpg);
}

.n_pro03_02 .box {
    background-image: url(../images/n_case01_5_bg03.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    margin-top: 5rem;
}

.n_pro03_02 .box .zy {
    padding-bottom: 30%;
}

.n_pro03_02 .box img {
    max-width: 25rem;
}

.n_pro03_02 .box .img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.n_pro03_02 .box .text h3 {
    margin-left: 4rem;
    display: inline-block;
    font-weight: bold;
    font-size: 2.4rem;
    color: #0093D8;
    line-height: 2.5;
    position: relative;
}

.n_pro03_02 .box .text h3:before {
    content: "";
    display: block;
    width: 5rem;
    position: absolute;
    left: calc(50% - 2.5rem);
    bottom: 0;
    height: 2px;
    background: #0093D8;
}

.n_pro03_03 .box {
    margin-top: 5rem;
}
.n_com_case_div .text{
position: relative;
    background: #F5F5F5;
    padding: 2rem 2rem;
    line-height: 2;
    text-align: left;
    font-size: 1.4rem;
}
.n_com_case_div .text .arrow {
    position: absolute;
    right: 0;
    top: 0;
    width: 13.5%;
    height: 100%;
    background: url(../images/img26.png) left center no-repeat;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 0;
}
.n_com_case_div a{
        -webkit-transition: all 0.5s ease;
    overflow: hidden;
    border-radius: 1rem;
    display: block;
    border:2px solid #fff;
}
.n_com_case_div .text h3{
    color: #333;
}
.n_com_case_div a:hover .arrow {
    opacity: 1;
    background: url(../images/img26.png) center no-repeat;
}
.n_com_case_div a:hover{
    border-color: #0093D8;
}

.xs_jianju li {
    margin-bottom: 20px;
    float: left;
    width: 33.33%;
    padding: 0 3rem;
}

.xs_jianju li a {
    display: block;
}

.xs_jianju li .img {
    text-align: center;
}

.xs_jianju li .img img {
    max-width: 100%;
    display: inline-block;
}

.xs_jianju li .txt {
    background: #fff;
    padding: 3rem 2rem 2rem 2rem;
    position: relative;
    z-index: 1;
    text-align: center;
}

.xs_jianju li .txt h5 {
    font-size: 1.5rem;
    color: #484848;
    margin-bottom: .75rem;
    font-weight: bold;
}

.xs_jianju li .txt:before {
    content: "";
    display: block;
    width: 0;
    height: 3px;
    background: #0093D8;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: .5s;
    position: absolute;
}

.xs_jianju li a:hover .txt:before {
    opacity: 1;
    width: 100%;
    left: 0;
    right: auto;
}


.n_pro03_04 .box {
    margin-top: 5rem;
}


.pro_n_list .hd {
    margin-bottom: 3.5rem;
}

.pro_n_list .hd ul {
    text-align: center;
}

.pro_n_list .hd ul li {min-width: 200px !important;}
.pro_n_list .pro_nav .slick-track{
    justify-content: center!important;
    display: flex;
    min-width: 400px !important;
    width: auto !important;
    position: relative;
}
.pro_n_list .hd ul li a {
    font-size: 1.4rem;
    color: #404040;
    padding-bottom: 1.5rem;
    display: inline-block;
    position: relative;
    white-space: nowrap;
}

.pro_n_list .hd ul li a:before {
    content: "";
    display: block;
    width: 0;
    height: 3px;
    background: #0093D8;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: .5s;
    position: absolute;
}

.pro_n_list .hd ul li.slick-current a {
    color: #0093D8;
}

.pro_n_list .hd ul li.slick-current a:before {
    opacity: 1;
    width: 100%;
    left: 0;
    right: auto;
}

.pro_n_list .bd {}

.pro_n_list .bd ul {
    overflow: hidden;
    margin: 0 -9px;
}

.pro_n_list .bd ul li {
    width: 25%;
    float: left;
    padding: 0 9px;
    margin-bottom: 20px;
}

.pro_n_list .bd ul li a {
    display: block;
}

.pro_n_list .bd ul li .img {}

.clear {
    clear: both;
}
.cd-fixed-background ._img_pro04_02_01 {
    background-image: url(../images/n_pro04_02_bg01.jpg);
}
.cd-fixed-background ._img_pro04_02_02 {
    background-image: url(../images/n_pro04_02_bg02.jpg);
}
.cd-fixed-background ._img_pro04_02_03 {
    background-image: url(../images/n_pro04_02_bg03.jpg);
}
.cd-fixed-background ._img_pro04_02_04 {
    background-image: url(../images/n_pro04_02_bg04.jpg);
}

.n_pro04_01 .box {
    margin-top: 5rem;
}

.tc {
    transition: all ease 300ms;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    transition: .5s;
    overflow: auto;
}

.tc[name=tc_search] {
    opacity: 1;
}

.tc.act {
    display: block;
    pointer-events: auto;
    visibility: visible;
    opacity: 1;
}

.tc-box {
    box-sizing: border-box;
    z-index: 999;
    display: block;
    position: relative;
}

.tc_close {
    position: absolute;
    cursor: pointer;
    color: #e13a39;
    font-size: 30px;
    right: 30px;
    top: 30px;
}

.tc_bg {
    height: 100%;
    background: rgba(0, 0, 0, .7);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transition: .5s;
}

.tc.act .tc_bg {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    transition: .5s;
}

.tc1 .tc {
    pointer-events: none;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 99999;
}

.tc1 .tc.act {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    pointer-events: auto;
}

.tc1 .tc-box {
    position: absolute;
    background: #309dd5;
    overflow: hidden;
    top: 50%;
    z-index: 9999;
    width: 11rem;
    left: 50%;
    margin-left: -5.5rem;
    margin-top: -5.5rem;
}

.tc1 .tc.act .tc-box {
    transform: scale(1);
}

.tc1 .tc.act {
    display: block;
}

.tc1 .close {
    position: absolute;
    cursor: pointer;
    font-size: 20px;
    right: 30px;
    top: 30px;
}

.tc1 .tc-box h3 img {
    width: 10rem;
    height: 10rem;
    margin: .5rem;
}

.tc1 .tc-box h5 {
    width: 11rem;
    height: 3rem;
    line-height: 3rem;
    font-size: 1rem;
    color: #fff;
    text-align: center
}

.tc .j_tab {
    table-layout: fixed;
}

.tc.act .tc-box {
    opacity: 1;
}

.tc_close {
    position: absolute;
    cursor: pointer;
    color: #e13a39;
    font-size: 30px;
    right: 15px;
    top: 15px;
}

.tc_bg {
    height: 100%;
    background: rgba(0, 0, 0, .7);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
}

.tc.act .tc_bg {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    transition: .5s;
}

.tc_shipin {
    width: 64rem;
    max-width: 90%;
    margin: 0 auto;
    background: none;
    position: relative;
}

.tc_shipin .video-js {
    width: 100%;
    height: 100%;
    position: relative;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding-top: 60%;
}

.tc_shipin .tc_close {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    top: -2rem;
    right: -3rem;
    border-radius: 50%;
}

.tc_shipin .tc_close img {
    display: block;
    position: absolute;
    width: 1rem;
    height: 1rem;
    left: 50%;
    top: 50%;
    margin-top: -.5rem;
    margin-left: -.5rem;
}

.tc_shipin .tc_close:hover img {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.video-js {
    width: 100% !important;
    height: 100% !important;
}

.video-js .vjs-big-play-button {
    left: 50% !important;
    top: 50% !important;
    margin-left: calc(-1.6rem - 5px);
    margin-top: calc(-1.6rem - 5px);
    border: 2px solid #fff !important;
}

video {
    object-fit: fill;
}

.vjs-poster {
    background-size: cover !important;
}

.n_jishu05_02 .swiper {
    width: 100%;
    height: 100%;
}

.n_jishu05_02 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    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;
}

.n_jishu05_02 .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.n_jishu05_02 .swiper-slide {
    width: 40%;
}

.n_jishu05_02 .swiper-slide h3 {
    font-size: 2.4rem;
    margin-bottom: 2rem;
    text-align: left;
    font-weight: bold;
    color: #333;
    line-height: 2;
}

.n_jishu05_02 .swiper-slide .nr {
    text-align: left;
}

.n_jishu05_02 .swiper-slide h4 {
    font-size: 1.8rem;
    font-weight: bold;
    margin-top: 1rem;
    line-height: 2;
    color: #333;
}

.n_jishu05_02 .swiper-slide p {
    color: #999;
    line-height: 1.5;
    font-size: 1.25rem;
}

.n_jishu05_02 .swiper-slide {
    width: 65%;
}

.n_jishu05_02 .but {
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    height: 5rem;
    margin-top: 2rem;
}

.n_jishu05_02 .swiper-button-next,
.n_jishu05_02 .swiper-button-prev {
    position: relative;
    display: inline-block;
    left: auto;
    right: auto;
    width: 4rem;

}


.n_jishu05_02 .swiper-slide:nth-child(2n) {
    width: 65%;
}

.n_jishu05_02 .swiper-slide:nth-child(3n) {
    width: 65%;
}

.n_jishu05_02 .swiper-button-prev:after,
.n_jishu05_02 .swiper-button-next:after {
    content: '';
}

.n_jishu05_02 i {
    border-radius: 50%;
    font-size: 2.8rem;
    color: #999;
}

.n_jishu05_02 i:hover {
    background: #0093D8;
    color: #fff;
}

.n_jishu06_02 ul li {
    cursor: pointer;
    padding: 3rem 5rem;
    width: 50%;
    background: linear-gradient(to right, #F0F9FD 50%, #fff 50%);
    background-size: 200% 100%;
    background-position: -100% 0;
}

.n_jishu06_02 ul li:hover {
    -webkit-animation: myfirst 2s 1;
    background-position: 0 0%;
}

.n_jishu06_02 ul li h3 {
    font-size: 2.1rem;
    color: #333;
    line-height: 2;
    font-weight: bold;
}

.n_jishu06_02 ul li span {
    color: #666;
    line-height: 1.5;
    font-size: 1.1rem;
}

.n_jishu06_02 ul li img {
    transform: rotateY(180deg);
    transition: all 0.5s ease-in-out 0s;
    max-width: 8rem;
}

.n_jishu06_02 ul li:hover img {
    transform: rotateY(0);
}

@-webkit-keyframes myfirst {
    0% {
        background-position: 100% 0;
    }

    100% {
        background-position: 0 0%;
    }
}

.n_jishu06_03 .box {
    position: relative;
}

.n_jishu06_03 .underbox .container {
    width: 100%;
    height: 100%;
    padding: 0;
}

.n_jishu06_03 .underbox {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.n_jishu06_03 .bd {
    display: flex;
    align-items: end;
    margin-left: 3rem;
    max-width: 50rem;
}

.n_jishu06_03 .txt {
    width: 100%;
    max-width: 505px;
    transform: translateY(4rem);
    opacity: 0;
    margin: 5rem 0;
}

.n_jishu06_03 li.swiper-slide-active .txt {
    transform: translateY(0);
    opacity: 1;
    transition: 1s .5s;
}

.n_jishu06_03 .txt h3 {
    font-size: 2.5rem;
    margin-top: 1.875rem;
    position: relative;
    color: #0093D8;
    font-weight: bold;
}

.n_jishu06_03 .txt span {
    font-size: 1.5rem;
    margin-top: 1.875rem;
    position: relative;
    color: #0093D8;
}

.n_jishu06_03 ._btn {
    z-index: 999999;
    position: absolute;
    width: 10rem;
    height: 6rem;
    border-radius: 0.5rem;
    padding: 1rem 2rem;
    margin-bottom: 1rem;
    margin-right: 1rem;
    display: inline-block;
    text-align: left;
    background: rgb(0 147 216 / 20%);
}

.n_jishu06_03 ._btn>div {
    height: 100%;
}

.n_jishu06_03 ._btn h3 {
    font-size: 1.6rem;
    position: relative;
    color: #fff;
}

.n_jishu06_03 ._btn span {
    font-size: 1.1rem;
    margin-top: 1.875rem;
    position: relative;
    color: #fff;
}

.n_jishu06_03 .btn1 {
    top: 2rem;
    right: 30rem;
}

.n_jishu06_03 .btn2 {
    top: 2rem;
    right: 18rem;
}

.n_jishu06_03 .btn3 {
    top: 10rem;
    right: 18rem;
}

.n_jishu06_03 .btn4 {
    top: 10rem;
    right: 6rem;
}

.n_jishu06_03 ._btn.on {
    background: rgb(0 147 216 / 80%);
}


.n_jishu06_04 .box ul li {
    width: 33.33%;
    text-align: center;
    min-height: 20rem;
}

.n_jishu06_04 .box ul li {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
    transition: background-position 0.5s ease;
}

.n_jishu06_04 .box ul li a {
    /*cursor: url('../images/custom-cursor.png'), auto;*/
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 20rem;
    padding-bottom: 20rem;
}

.n_jishu06_04 .box ul li h3 {
    color: #fff;
    font-size: 2.6rem;
    line-height: 2;
}

.n_jishu06_04 .box ul li.p1 {
    background-image: url(../images/case_01.jpg);
}

.n_jishu06_04 .box ul li.p2 {
    background-image: url(../images/case_02.jpg);
}

.n_jishu06_04 .box ul li.p3 {
    background-image: url(../images/case_03.jpg);
}

.n_jishu06_04 .box ul li:hover {

    background-position: right center;
}

.pro_hd_texiao {
    -webkit-animation: vibrate-1 3s linear infinite both;
    animation: vibrate-1 3s linear infinite both;
}

@-webkit-keyframes vibrate-1 {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }

    20% {
        -webkit-transform: translate(-5px, 5px);
        transform: translate(-5px, 5px);
    }

    40% {
        -webkit-transform: translate(-5px, -5px);
        transform: translate(-5px, -5px);
    }

    60% {
        -webkit-transform: translate(5px, 5px);
        transform: translate(5px, 5px);
    }

    80% {
        -webkit-transform: translate(5px, -5px);
        transform: translate(5px, -5px);
    }

    100% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}

@keyframes vibrate-1 {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }

    20% {
        -webkit-transform: translate(-5px, 5px);
        transform: translate(-5px, 5px);
    }

    40% {
        -webkit-transform: translate(-5px, -5px);
        transform: translate(-5px, -5px);
    }

    60% {
        -webkit-transform: translate(5px, 5px);
        transform: translate(5px, 5px);
    }

    80% {
        -webkit-transform: translate(5px, -5px);
        transform: translate(5px, -5px);
    }

    100% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}

.cd-fixed-background {
    border-bottom: 2px solid #0093D8;
    position: relative;
    height: 35rem;
    padding: 0;
}

.cd-fixed-background h2,
.cd-fixed-background p {
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cd-fixed-background h2 {
    font-size: 2.9rem;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 1em;
    color: #333;
}

.cd-fixed-background p {
    font-size: 1.6rem;
    color: #333;
    line-height: 1.6;
    width:75%;
}

.cd-fixed-background .cd-content::after {
    content: '';
    display: block;
    width: 100%;
    padding: 60% 0;
    margin: 2em auto 0;
}
.cd-fixed-background .cd-content {
    width: 38%;
    position: absolute;
    left: 0;
    top: 20%;
    bottom: auto;
}

.cd-fixed-background .cd-content::after {
    display: none !important;
}

/*.cd-fixed-background ._img {
    max-width: 900px;
    border-radius: 1rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 58%;
    background-attachment: fixed;
}*/

/* Paco Modi Parallex*/
.cd-fixed-background ._img {
    border-radius: 1rem;
    background-repeat: no-repeat;
    background-size: 62%;
    background-position: right;
    position: absolute;
    top: 0;
    background-attachment: fixed;
    z-index:-500;
    bottom: 5rem;
    width:100%;
}

.cd-fixed-background ._img01 {
    background-image: url("../images/n_jishu01_01_bg01.jpg");
}

.cd-fixed-background ._img02 {
    background-image: url("../images/n_jishu01_01_bg02.jpg");
}

.cd-fixed-background ._img03 {
    background-image: url("../images/n_jishu01_01_bg03.jpg");
}

.cd-fixed-background ._img04 {
    background-image: url("../images/n_jishu01_01_bg04.jpg");
}
.n_pro01_03 .cd-fixed-background .cd-content{
    top: 10%;
}
.n_pro01_03 .cd-fixed-background{
    border-bottom:none;
    border-top: 2px solid #0093D8;
}
.cd-fixed-background .text{
    font-size: 1.3rem;
    color: #333;
    position: absolute;
    bottom: 1rem;
    right: 0;
    width:63%;
}

.cd-fixed-background ._img_pro_01 {
    background-image: url("../images/n_pro01_03_bg01.jpg");
}

.cd-fixed-background ._img_pro_02 {
    background-image: url("../images/n_pro01_03_bg02.jpg");
}

.cd-fixed-background ._img_pro_03 {
    background-image: url("../images/n_pro01_03_bg03.jpg");
}

.cd-fixed-background ._img_pro_04 {
    background-image: url("../images/n_pro01_03_bg04.jpg");
}
.cd-fixed-background ._img_pro_05 {
    background-image: url("../images/n_pro01_03_bg05.jpg");
}

.cd-fixed-background ._img_pro_06 {
    background-image: url("../images/n_pro01_03_bg06.jpg");
}

.cd-fixed-background ._img_pro_07 {
    background-image: url("../images/n_pro01_03_bg07.jpg");
}

.cd-fixed-background ._img_pro_08 {
    background-image: url("../images/n_pro01_03_bg08.jpg");
}

.cd-fixed-background ._img_pro_02_01 {
    background-image: url("../images/n_pro02_bg01.jpg");
}

.cd-fixed-background ._img_pro_02_02 {
    background-image: url("../images/n_pro02_bg02.jpg");
}

.cd-fixed-background ._img_pro_02_03 {
    background-image: url("../images/n_pro02_bg03.jpg");
}

.cd-fixed-background ._img_pro_02_04 {
    background-image: url("../images/n_pro02_bg04.jpg");
}

.s7{
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 9999999;
    width: 100%;
    height: 100vh;
    position: absolute;
    background: #000;
    display: flex; 
    min-height: 700px;
    min-width: 900px;
    min-height: 625px;
    background: #000;
    -webkit-perspective: 1000px;
    overflow: hidden; 
            justify-content: center;
        align-items: center;
}
#ringgroup{
                z-index: 9999999;
    position: absolute;
    width: 800px;
    height: 800px;
    left: 50%;
    top: 50%;
    margin-left: -400px;
    margin-top: -400px;
    -webkit-transition: All 2.2s 0.1s;
    -webkit-transform: rotateZ(-360deg) translateZ(-4000px) scale(0.02);
    -webkit-perspective:1000px;
    -webkit-transform-style:preserve-3d;
}
#ringgroup.pass{

    -webkit-transform:rotateZ(0) translateZ(3200px) scale(1);
    opacity: 1;
}
.ring{
                z-index: 9999999;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url('../images/ring.png');
    -webkit-transform-style:preserve-3d;
    /*border: 4px solid white;*/
    /*border-radius: 400px;*/
}
.ring:nth-of-type(1){-webkit-transform: translateZ(0px);opacity: 1;}
.ring:nth-of-type(2){-webkit-transform: rotateZ(60deg) translateZ(-1000px) scale(0.9);opacity: 0.7;}
.ring:nth-of-type(3){-webkit-transform: rotateZ(120deg) translateZ(-200px) scale(0.8);opacity: 0.5;}
.ring:nth-of-type(4){-webkit-transform: rotateZ(30deg) translateZ(-3000px) scale(0.7);opacity: 0.1;}
#light{
    z-index: 9999999;
    width: 700px;
    height: 500px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -350px;
    margin-top: -250px;
    background: url('../images/light.png');
    -webkit-transform:scaleX(0.1) scaleY(0.1);
    -webkit-filter:brightness(0);
    -webkit-transition:All 0.4s ease-in;
}
#light.pass{
    -webkit-transform:scaleX(2) scaleY(0.5);
    -webkit-filter:brightness(6);
}
#light.passed{
    -webkit-transform:scaleX(6) scaleY(1.1);
    -webkit-filter:brightness(0);
    -webkit-transition:All 0.3s ease-out;
}
#wave {
        z-index: 9999999;
    width: 320px;
    height: 320px;
    top: 50%;
    left: 50%;
    margin-left: -160px;
    margin-top: -160px;
    position: absolute;
    background: url(../images/wave.png);
    -webkit-transform: scale(0.01);
    -webkit-transition: All 0.9s 0.62s ease;
    -webkit-filter: brightness(3);
}
#wave.pass {
    -webkit-transform: scale(12);
    -webkit-filter: brightness(1);
    opacity: 0;
}
#core{
            z-index: 9999999;
    display: block;
    position: absolute;
    width: 400px;
    height: 316px;
    left: 50%;
    top: 50%;
    margin-left: -200px;
    margin-top: -158px;
    -webkit-transition: All 0.9s ease;
    -webkit-transform:  translateZ(-4000px) rotateY(90deg) rotateZ(30deg);
    opacity: 1;
}
#core.pass{

    -webkit-transform: rotateZ(0) translateZ(1000px) rotateY(-15deg);
    opacity: 1;
}
#core img{
    width: 100%;
}
.history-header {
    height: 384px;
    background-size: cover;
    background-image: url('../images/history-banner.jpg');
    background-position: center;
    color: #fff;
}

.history-header h2 {
    text-align: center;
    font-size: 30px;
    line-height: 45px;
    padding-top: 150px;
}

.progress-bar1 {
    width: 530px;
    margin: auto;
    padding-top: 70px;
}

.progress-bar1 .node {
    width: 24px;
    height: 24px;
    float: left;
    position: relative;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    cursor: pointer;
}

.progress-bar1 .node .txt {
    position: absolute;
    font-size: 16px;
    top: -30px;
    width: 200px;
    text-align: center;
    left: 50%;
    margin-left: -100px;
}

.progress-bar1 .node .core {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 50%;
}

.progress-bar1 .node.active .core {
    background: #fff;
}

.progress-bar1 .line {
    float: left;
    height: 2px;
    background: rgba(255, 255, 255, 0.5);
    width: 100px;
    margin-top: 11px;
}


.history-content {
    height: 413px;
    background: #FBFBFB;
    color: #5F6464;
    overflow: hidden;
}

.en-us .history-content {
    height: 620px;
}

.history-main {
    width: 10000px;
    position: absolute;
}

.history-main-box {
    width: 384px;
    float: left;
    margin-right: 25px;
}

.history-title {
    font-weight: bold;
    font-size: 1.6rem;
    padding-top: 4rem;
    line-height: 2;
    padding-bottom: 1.0rem;
    border-bottom: 1px solid #D8D9DC;
    margin-bottom: 1.0rem;
    color: #2A2E2E;
}

.history-main-box .li {
    line-height: 25px;
    margin-bottom: 18px;
    font-size: 14px;
}

.history-main-box .li .left {
    float: left;
    width: 40px;
    padding-right: 10px;
    text-align: right;
}

.history-main-box .li .right {
    width: 320px;
    float: left;
}
.history-main-box .li .right i{
 font-size: 12px; 
 color: #0093D8;
 margin-right: 0.5rem;
}
.history-content .mod-con {
    position: relative;
    margin-left:20px;
}

.clearfix-mission {
    display: none;
}

.history-button {
    display: none;
}
.branchlist {
    position: relative;
    width: 100%;
    overflow: hidden;
    color: #000;
    margin-top: 3.125em;
}
.branchlist::before {
    position: absolute;
    left: 50%;
    top: 0;
    content: '';
    width: 1px;
    height: 100%;
    background-color: #dbdbdb;
}.branchlist::after {
    position: absolute;
    top: 50%;
    left: 0;
    content: '';
    height: 1px;
    width: 100%;
    background-color: #dbdbdb;
}.branchlist .item {
    height: 16em;
    float: left;
}.branchlist .item .info {
    font-size: 1.2em;
    line-height: 1.5;
    width: 70%;
}.branchlist .item .info .title {
    font-size: 1.25em;
    font-weight: bold;
    line-height: 2;
}.contactForm{
    font-size: 1.1rem;
    width: 100%;
    overflow: hidden;
    padding: 40px 0;
}