@import "iconfont.css";.fyc {



    display: -webkit-flex;



    display: flex;



    display: -webkit-box;



    display: box;



    -webkit-box-orient: vertical;



    box-orient: vertical;



    -webkit-flex-direction: column;



    -ms-flex-direction: column;



    flex-direction: column;



    -webkit-justify-content: center;



    justify-content: center;



    -webkit-box-pack: center;



    box-pack: center



}







@font-face {



    font-family:icomoon;



    src:url('fonts/icomoon.eot?-2mgmdr&v=51');



    src:url('fonts/icomoon.eot?#iefix-2mgmdr&v=51') format('embedded-opentype'), url('fonts/icomoon.ttf?-2mgmdr&v=51') format('truetype'), url('fonts/icomoon.woff?-2mgmdr&v=51') format('woff');



    font-weight:400;



    font-style:normal;



}







.wrap {



    width: 88vw;



    max-width: 1440px;



    margin-left: auto;



    margin-right: auto



}







.ver>* {



    display: inline-block;



    vertical-align: middle



}







.t {



    transition: .4s



}







.table-cell {



    display: table;



    width: 100%



}







.table-cell>* {



    display: table-cell;



    vertical-align: middle



}







.row-pv0 {



    margin-left: 0;



    margin-right: 0



}







.row-pv0>* {



    padding-left: 0;



    padding-right: 0



}







.mv0 {



    margin-left: 0!important;



    margin-right: 0!important



}







.pv0 {



    padding-left: 0!important;



    padding-right: 0!important



}







.pt0 {



    padding-top: 0px !important



}







.pb0 {



    padding-bottom: 0px !important



}







.mb0 {



    margin-bottom: 0 !important



}







.mt0 {



    margin-top: 0!important



}







.bg-gray {



    background: #f5f5f5



}







.c {



    color: #00a1e6



}







.bgc {



    background: #00a1e6



}







.cf {



    color: #fff



}







.c-red {



    color: red



}







.bg-red {



    background: red



}







.hv:hover {



    color: #00a1e6



}







.hv-f:hover {



    color: #fff



}







.hv-red:hover {



    color: red;



    color: #00a1e6



}







.bghover {



    transition: .4s;



    transition: all .4s ease 0s



}







.bghover:Hover {



    background: #00a1e6;



    color: #fff



}







.line {



    border: 1px solid #eaeaea



}







.line-b {



    border-bottom: 1px solid #eaeaea



}







.line-t {



    border-top: 1px solid #eaeaea



}







.trans {



    transition: .5s



}







.coverimg.contain .cover {



    background-size: contain



}







.cover-box {



    position: relative;



    display: block;



    overflow: hidden



}







.cover-box .coverimg {



    width: 100%;



    height: 100%;



    position: absolute;



    left: 0;



    top: 0;



    background-repeat: no-repeat;



    background-size: cover;



    background-position: center;



    z-index: 1;



    transition: transform .6s ease 0s



}







.cover-box .coverimg.contain {



    background-size: contain



}







.cover-box ._bg {



    width: 100%;



    visibility: hidden;



    display: block



}







.cover-box .icon-bofang1 {



    position: absolute;



    left: 50%;



    top: 50%;



    transform: translateX(-50%) translateY(-50%);



    z-index: 5;



    font-size: .4rem;



    color: #fff;



    transition: .4s;



    transition: all .4s ease 0s



}







@media (min-width: 993px) {



    .cover-box:hover .cover-tip {



        opacity:1;



        filter: alpha(opacity=1)



    }







    .cover-box:hover .coverimg {



        transform: scale(1.05, 1.05)



    }







    .cover-box:hover .icon-bofang1 {



        font-size: .6rem



    }



}







.cover-tip {



    width: 100%;



    height: 100%;



    position: absolute;



    left: 0;



    top: 0;



    opacity: 0;



    filter: alpha(opacity=0);



    transition: all .4s ease 0s;



    z-index: 55



}







.cover-tip .bgbox {



    display: block;



    width: 100%;



    height: 100%;



    background-color: #000;



    opacity: .6;



    filter: alpha(opacity=60)



}







.cover-tip .bgbox.blue {



    background-color: rgba(0,161,230,0.8)



}







.cover-tip .stit {



    font-size: 16px;



    line-height: 30px;



    width: 100%;



    text-align: center;



    position: absolute;



    left: 0;



    top: 50%;



    margin-top: -15px;



    color: #fff



}







.cover-tip .stit {



    font-size: 16px;



    line-height: 30px;



    width: 100%;



    text-align: center;



    position: absolute;



    left: 0;



    top: 50%;



    margin-top: -15px;



    color: #fff



}







.cover-tip .line {



    display: inline-block;



    width: 100px;



    height: 1px;



    background-color: #f2f2f2;



    position: absolute;



    left: 50%;



    margin-left: -50px;



    transition: all .6s ease 0s



}







.cover-tip .linet {



    top: 0



}







.cover-tip .lineb {



    bottom: 0



}







.cover-tip:hover .line {



    width: 6px;



    margin-left: -3px;



    opacity: .6;



    filter: alpha(opacity=60)



}







.red {



    color: red



}







.ver>* {



    display: inline-block;



    vertical-align: middle



}







.hv-scale {



    overflow: hidden



}







.hv-scale img {



    -webkit-transition: .5s;



    -o-transition: .5s;



    -moz-transition: .5s;



    transition: .5s



}







.hv-scale:hover img {



    -webkit-transform: scale(1.1);



    -moz-transform: scale(1.1);



    -ms-transform: scale(1.1);



    -o-transform: scale(1.1);



    transform: scale(1.1)



}







.t,.tran3 {



    transition: all .4s ease 0s



}







.t5 {



    transition: all .5s ease 0s



}







.table-cell {



    display: table;



    width: 100%



}







.table-cell>* {



    display: table-cell;



    vertical-align: middle;



    float: none



}







.row-pv0 {



    margin-left: 0;



    margin-right: 0



}







.row-pv0>* {



    padding-left: 0;



    padding-right: 0



}







.mv0 {



    margin-left: 0!important;



    margin-right: 0!important



}







.pv0 {



    padding-left: 0!important;



    padding-right: 0!important



}







.pt0 {



    padding-top: 0px !important



}







.pb0 {



    padding-bottom: 0px !important



}







.mb0 {



    margin-bottom: 0 !important



}







.mt0 {



    margin-top: 0!important



}







.c {



    color: #00a1e6



}







.bgc {



    background: #00a1e6



}







.hv:hover {



    color: #00a1e6



}







.hv-f:hover {



    color: #fff



}







.cover-box {



    position: relative;



    display: block;



    overflow: hidden



}







.cover-box .coverimg {



    width: 100%;



    height: 100%;



    position: absolute;



    left: 0;



    top: 0;



    background-repeat: no-repeat;



    background-size: cover;



    background-position: center;



    z-index: 1;



    transition: transform .6s ease 0s



}







.cover-box ._bg {



    width: 100%;



    visibility: hidden;



    display: block



}







@media (min-width: 993px) {



    .cover-box:hover .cover-tip {



        opacity:1;



        filter: alpha(opacity=1)



    }







    .cover-box:hover .coverimg {



        transform: scale(1.05, 1.05)



    }



}







.cover-tip {



    width: 100%;



    height: 100%;



    position: absolute;



    left: 0;



    top: 0;



    opacity: 0;



    filter: alpha(opacity=0);



    transition: all .4s ease 0s;



    z-index: 3



}







.cover-tip .bgbox {



    display: block;



    width: 100%;



    height: 100%;



    background-color: #000;



    opacity: .6;



    filter: alpha(opacity=60)



}







.cover-tip .stit {



    font-size: 16px;



    line-height: 30px;



    width: 100%;



    text-align: center;



    position: absolute;



    left: 0;



    top: 50%;



    margin-top: -15px;



    color: #fff



}







.cover-tip .stit {



    font-size: 24px;



    line-height: 30px;



    width: 100%;



    text-align: center;



    position: absolute;



    left: 0;



    top: 50%;



    margin-top: -15px;



    color: #fff



}







.cover-tip .line {



    display: inline-block;



    width: 100px;



    height: 1px;



    background-color: #f2f2f2;



    position: absolute;



    left: 50%;



    margin-left: -50px;



    transition: all .6s ease 0s



}







.cover-tip .linet {



    top: 0



}







.cover-tip .lineb {



    bottom: 0



}







.cover-tip:hover .line {



    width: 6px;



    margin-left: -3px;



    opacity: .6;



    filter: alpha(opacity=60)



}







.c-red {



    color: #00a1e6



}







.cItem {



    display: none



}







.cItem.active {



    display: block



}







@keyframes downico {



    0% {



        left: 0;



        opacity: 1



    }







    35% {



        left: 50%;



        opacity: 0



    }







    65% {



        left: -50%;



        opacity: 0



    }







    100% {



        left: 0;



        opacity: 1



    }



}







@keyframes downico2 {



    0% {



        left: 0;



        opacity: 1



    }







    35% {



        left: 50%;



        opacity: 0



    }







    65% {



        left: -50%;



        opacity: 0



    }







    100% {



        left: 0;



        opacity: 1



    }



}







.v-link {



    background: #00a1e6;



    border-radius: 2em;



    padding: .12rem .3rem;



    line-height: 1.2;



    font-size: 14px;



    color: #fff;



    display: inline-block;



    transition: all .4s ease 0s



}







@media (max-width: 768px) {



    .v-link {



        padding:.2rem .5rem



    }



}







.v-link .ic-arr {



    width: 28px;



    height: 7px;



    display: inline-block;



    margin-left: 5px;



    position: relative



}







.v-link .ic-arr i {



    width: 28px;



    height: 7px;



    position: absolute;



    background-image: url('img/arr.png');



    background-repeat: no-repeat;



    background-size: contain;



    background-position: center center;



    left: 0



}







@media (max-width: 992px) {



    .v-link .ic-arr i {



        animation:downico 1.5s ease-out infinite



    }



}







.v-link:hover {



    color: #fff



}







.v-link:hover .ic-arr i {



    animation: downico 1.5s ease-out infinite



}







.v-link-line {



    border: 1px solid #fff;



    border-radius: 2em;



    padding: .15rem .3rem;



    text-transform: uppercase;



    line-height: 1.2;



    font-size: 14px;



    color: #fff;



    display: inline-block;



    transition: all .4s ease 0s



}







@media (max-width: 768px) {



    .v-link-line {



        padding:.2rem .5rem



    }



}







@media (max-width: 480px) {



    .v-link-line {



        padding:.14rem .3rem;



        font-size: 12px



    }



}







.v-link-line .ic-arr {



    width: 28px;



    height: 7px;



    display: inline-block;



    margin-left: .1rem;



    position: relative



}







.v-link-line .ic-arr i {



    width: 28px;



    height: 7px;



    position: absolute;



    background-image: url('img/arr.png');



    background-repeat: no-repeat;



    background-size: contain;



    background-position: center center



}







@media (max-width: 992px) {



    .v-link-line .ic-arr i {



        animation:downico 1.5s ease-out infinite



    }



}







.v-link-line:hover {



    color: #fff;



    background: #00a1e6;



    border-color: #00a1e6



}







.v-link-line:hover .ic-arr i {



    animation: downico 1.5s ease-out infinite



}







.rbtn {



    width: .5rem;



    height: .5rem;



    transition: all .4s ease 0s;



    border: 1px solid #fff;



    border-radius: 50%;



    display: inline-block;



    position: relative;



    overflow: hidden



}







.rbtn i {



    width: 28px;



    height: 100%;



    position: absolute;



    background-image: url('img/arr.png');



    background-repeat: no-repeat;



    background-size: contain;



    background-position: center center;



    animation: downico 1.5s ease-out infinite



}







.rbtn2 {



    width: .48rem;



    height: .48rem;



    transition: all .4s ease 0s;



    border: 1px solid #00a1e6;



    border-radius: 50%;



    display: inline-block;



    position: relative;



    overflow: hidden



}







.rbtn2 i {



    width: 100%;



    height: 100%;



    position: absolute;



    background-image: url('img/arr3.png');



    background-repeat: no-repeat;



    background-size: contain;



    background-position: center center;



    background-size: 28px



}







.rbtn2:hover {



    background: #00a1e6



}







.rbtn2:hover i {



    animation: downico 1.5s ease-out infinite;



    background-image: url('img/arr.png')



}







@media (max-width: 768px) {



    .rbtn2 {



        width:30px;



        height: 30px



    }







    .rbtn2 i {



        left: 0;



        background-size: 60% auto



    }



}







.rbtn2.on {



    background: #00a1e6



}







.rbtn2.on i {



    animation: downico 1.5s ease-out infinite;



    background-image: url('img/arr.png')



}







.medium {



    font-family: medium



}







.swiper-container {



    --swiper-theme-color: #00a1e6



}







.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {



    opacity: .6s !important



}







.iconfont {



    color: inherit



}







.medium {



    font-family: medium



}







footer {



    background: #fff;



    position: relative;



    z-index: 55



}







footer a {



    color: #999;



    transition: all .4s ease 0s



}







footer a:hover {



    color: #00a1e6



}







footer a:hover {



    transform: translateX(5px)



}







footer .ftlogos {



    width: 4.1rem



}







@media (max-width: 1360px) {



    footer .ftlogos {



        width:3.8rem



    }



}







@media (max-width: 1200px) {



    footer .ftlogos {



        width:100%;



        padding: .4rem 0;



        border-bottom: 1px solid #e4e8ea;



        display: -webkit-flex;



        display: flex;



        display: -webkit-box;



        display: box;



        -webkit-align-items: center;



        align-items: center;



        -webkit-box-align: center;



        box-align: center



    }







    footer .ftlogos .logo {



        margin-bottom: 0!important;



        margin-right: .5rem



    }







    footer .ftlogos .icons {



        display: -webkit-flex;



        display: flex;



        display: -webkit-box;



        display: box;



        -webkit-align-items: center;



        align-items: center;



        -webkit-box-align: center;



        box-align: center;



        -webkit-box-pack: center;



        box-pack: center;



        -webkit-justify-content: center;



        justify-content: center



    }



}







@media (max-width: 1200px) {



    footer .ftnavs {



        padding:.64rem 0 1.2rem



    }



}







@media (min-width: 1200px) {



    footer .ft-top {



        display:-webkit-flex;



        display: flex;



        display: -webkit-box;



        display: box;



        -webkit-box-pack: justify;



        box-pack: justify;



        -webkit-justify-content: space-between;



        justify-content: space-between;



        padding: .64rem 0 1.1rem



    }



}







@media (min-width: 992px) {



    footer .ftnavs {



        display:-webkit-flex;



        display: flex;



        display: -webkit-box;



        display: box;



        -webkit-box-pack: justify;



        box-pack: justify;



        -webkit-justify-content: space-between;



        justify-content: space-between;



        min-width: 0;



        -webkit-box-flex: 1;



        -webkit-flex-grow: 1;



        -ms-flex-positive: 1;



        flex-grow: 1;



        -webkit-flex-shrink: 1;



        -ms-flex-negative: 1;



        flex-shrink: 1



    }



}







footer .navitem {



    line-height: 30px;



    padding-right: .2rem



}







@media (max-width: 992px) {



    footer .navitem {



        padding-right:0



    }



}







footer .navitem h4 {



    position: relative;



    margin-bottom: 12px;



    font-weight: bold;



    font-size: 16px



}







footer .navitem .icon-jia {



    float: right;



    transition: .3s;



    display: none;



    margin-right: 10px



}







footer .navitem .info a {



    display: block;



    line-height: 30px



}







footer .ft-top .logo {width: 4rem;height: 0.6rem;background-image: url('img/ft_logo.png');background-repeat: no-repeat;background-size: contain;/* background-position: center center; */display: block;margin-bottom: .42rem;}







footer .icons {



    display: -webkit-flex;



    display: flex;



    display: -webkit-box;



    display: box;



    -webkit-align-items: center;



    align-items: center;



    -webkit-box-align: center;



    box-align: center



}







footer .icons a {



    width: 36px;



    height: 36px;



    border-radius: 50%;



    border: 1px solid #ccc;



    margin-right: .2rem;



    display: block;



    transition: all .4s ease 0s



}







footer .icons a:last-child {



    margin-right: 0



}







footer .icons a:hover {



    background-color: rgba(0,0,0,0.05);



    transform: scale(.98)



}







@media (max-width: 640px) {



    footer .icons a {



        width:30px;



        height: 30px;



        margin-right: .14rem



    }



}







footer .icons i {



    width: 100%;



    height: 100%;



    background-size: .2rem;



    background-position: center;



    background-repeat: no-repeat;



    display: block



}







@media (max-width: 640px) {



    footer .icons i {



        background-size:.26rem



    }



}







footer .icons .ic-facebook {



    background-image: url('img/ft_Facebook.png')



}







footer .icons .ic-twitter {



    background-image: url('img/ft_twitter.png')



}







footer .icons .ic-youtube {



    background-image: url('img/ft_youtube.png')



}







footer .icons .ic-ins {



    background-image: url('img/ft_ins.png')



}







footer .icons .ic-in {



    background-image: url('img/ft_in.png')



}







footer .ft-bottom {



    padding: 15px 0;



    color: #999;



    background-color: #e4e8ea;



    font-size: 12px;



    line-height: 1.76



}







footer .ft-bottom a {



    color: #999



}







footer .ft-bottom a:hover {



    color: #00a1e6



}







footer .ft-bottom .copyright>*>* {



    display: inline-block;



    vertical-align: middle



}







footer .ft-bottom .beian {



    margin-left: 5px;



    color: #999



}







footer .ft-bottom .beian:hover {



    color: #00a1e6



}







@media (min-width: 993px) {



    footer .ft-bottom .wrap {



        display:-webkit-flex;



        display: flex;



        display: -webkit-box;



        display: box;



        -webkit-align-items: center;



        align-items: center;



        -webkit-box-align: center;



        box-align: center;



        -webkit-box-pack: justify;



        box-pack: justify;



        -webkit-justify-content: space-between;



        justify-content: space-between



    }



}







@media (max-width: 992px) {



    footer .ft-bottom {



        text-align:center;



        padding: .2rem 0



    }



}







@media (max-width: 640px) {



    footer .ft-bottom .copyright {



        line-height:1.8



    }







    footer .ft-bottom .copyright a {



        display: inline-block



    }



}







@media (max-width: 992px) {



    footer .navitem {



        float:none;



        width: 100%



    }







    footer .navitem .icon-jia {



        display: block;



        color: #999



    }







    footer .navitem h4 {



        position: relative;



        border-bottom: 1px solid #e4e8ea;



        height: 46px;



        line-height: 46px;



        margin: 0



    }







    footer .navitem .info {



        display: none;



        padding: 10px 30px;



        line-height: 2



    }







    footer .navitem.active .iconfont {



        transform: rotate(135deg)



    }



}







.menu_btn_wrap {



    height: 80px;



    position: relative;



    min-width: 0;



    -webkit-box-flex: 1;



    -webkit-flex-grow: 1;



    -ms-flex-positive: 1;



    flex-grow: 1;



    -webkit-flex-shrink: 1;



    -ms-flex-negative: 1;



    flex-shrink: 1



}







@media (max-width: 768px) {



    .menu_btn_wrap {



        height:60px



    }



}







.menu_btn {



    width: 50px;



    height: 60px;



    z-index: 101;



    cursor: pointer;



    left: 50%;



    top: 50%;



    position: absolute;



    transform-origin: center center;



    transform: translateY(-50%) translateX(-50%) scale(.8);



    -webkit-transform: translateY(-50%) translateX(-50%) scale(.8);



    -moz-transform: translateY(-50%) translateX(-50%) scale(.8);



    -ms-transform: translateY(-50%) translateX(-50%) scale(.8);



    -o-transform: translateY(-50%) translateX(-50%) scale(.8)



}







.menu_btn i {



    position: absolute;



    width: 26px;



    height: 2px;



    background: #666;



    left: 12px;



    display: block;



    -webkit-transition: all .4s ease-in-out;



    -moz-transition: all .4s ease-in-out;



    transition: all .4s ease-in-out;



    -o-transition: all .4s ease-in-out



}







.menu_btn i:nth-of-type(1) {



    top: 20px



}







.menu_btn i:nth-of-type(2) {



    top: 30px



}







.menu_btn i:nth-of-type(3) {



    top: 40px;



    width: 14px



}







.menu_btn.active i:nth-of-type(1) {



    -webkit-transform: rotate(225deg) translate(-7px, -7px);



    -moz-transform: rotate(225deg) translate(-7px, -7px);



    -ms-transform: rotate(225deg) translate(-7px, -7px);



    -o-transform: rotate(225deg) translate(-7px, -7px);



    transform: rotate(225deg) translate(-7px, -7px)



}







.menu_btn.active i:nth-of-type(3) {



    opacity: 0



}







.menu_btn.active i:nth-of-type(2) {



    -webkit-transform: rotate(-225deg) translate(0, 0);



    -moz-transform: rotate(-225deg) translate(0, 0);



    -ms-transform: rotate(-225deg) translate(0, 0);



    -o-transform: rotate(-225deg) translate(0, 0);



    transform: rotate(-225deg) translate(0, 0)



}







.menu_btn:hover i:nth-of-type(3) {



    width: 28px



}







.header {



    background: #fff;



    transition: all .4s ease 0s;



    width: 100%;



    z-index: 9999;



    position: fixed;



    left: 0;



    right: 0;



    top: 0;



    box-shadow: 0 0 10px rgba(0,0,0,0.1)



}







.header.transparent {



    box-shadow: none



}







.header .hdinner {



    width: 96%;



    margin-left: auto;



    margin-right: auto;



    overflow: visible;



    position: relative;



    z-index: 999;



    min-height: 80px;



    display: -webkit-flex;



    display: flex;



    display: -webkit-box;



    display: box;



    -webkit-box-pack: justify;



    box-pack: justify;



    -webkit-justify-content: space-between;



    justify-content: space-between



}







@media (max-width: 480px) {



    .header .hdinner {



        width:92%



    }



}







.header .logo {display: block;width: 360px;height: 87px;background: url('img/logo.png') no-repeat 0 center}







@media (max-width: 992px) {



    .header .hdinner {



        height:80px



    }







    .header .logo {



        height: 80px



    }



}







@media (max-width: 768px) {



    .header .hd-tool,.header .hdinner {



        min-height:auto;



        height: 60px



    }







    .header .logo {



        height: 60px;



        background-size: 80%



    }



}







@media (max-width: 480px) {



    .header .logo {



        width:160px



    }



}







.header.transparent:not(:hover) {



    background: url(img/banner_cover.png) repeat-x 0 0;



    background-size: contain



}







.header.transparent:not(:hover) .menu_btn i {



    background: #fff



}







.header.transparent:not(:hover) .logo {



    background-image: url('img/logo_f.png')



}







.header.transparent:not(:hover) .pc-menus .tit {



    color: #fff



}







.header.transparent:not(:hover) .hd-tool {



    color: #fff



}







.header.transparent:not(:hover) .hd-tool a {



    color: #fff



}







.header.transparent:not(:hover) .hd-tool .iconfont {



    color: inherit



}







.header:not(.transparent)+main {



    margin-top: 80px



}







@media (max-width: 768px) {



    .header:not(.transparent)+main {



        margin-top:60px



    }



}







.hd-tool {



    display: -webkit-flex;



    display: flex;



    display: -webkit-box;



    display: box;



    -webkit-align-items: center;



    align-items: center;



    -webkit-box-align: center;



    box-align: center;



    height: 80px;



    line-height: 80px;



    color: #333



}







.hd-tool .icon-down,.hd-tool .txt {



    font-size: 14px;



    text-transform: uppercase



}







.hd-tool .item {



    display: inline-block;



    padding: 0 .1rem;



    cursor: pointer;



    vertical-align: middle



}







.hd-tool .item .iconfont {



    padding: 0 1px



}







.hd-tool .item:hover {



    color: #00a1e6



}







.hd-tool .item:hover .iconfont {



    color: #00a1e6



}







@media (max-width: 768px) {



    .hd-tool {



        height:60px;



        line-height: 60px



    }







    .hd-tool .item {



        padding: 0 4px



    }



}







.pc-menus {



    max-width: 850px;



    margin: 0 .8rem;



    min-width: 0;



    -webkit-box-flex: 1;



    -webkit-flex-grow: 1;



    -ms-flex-positive: 1;



    flex-grow: 1;



    -webkit-flex-shrink: 1;



    -ms-flex-negative: 1;



    flex-shrink: 1;



    display: -webkit-flex;



    display: flex;



    display: -webkit-box;



    display: box;



    -webkit-box-pack: justify;



    box-pack: justify;



    -webkit-justify-content: space-between;



    justify-content: space-between;



    position: relative;



    text-align: left



}







.pc-menus li {



    text-align: center;



    transition: all .4s ease 0s



}







.pc-menus .tit {



    white-space: nowrap;



    text-align: center;



    cursor: pointer;



    font-size: 16px;



    display: block;



    transition: all .4s ease 0s;



    line-height: 80px;



    height: 80px;



    position: relative;



    text-transform: uppercase



}







.pc-menus .tit>.iconfont {



    font-size: 12px;



    margin-left: 5px



}







.pc-menus .tit::after {



    content: '';



    display: block;



    position: absolute;



    width: 0px;



    height: 0px;



    border: 0 solid transparent;



    border-bottom-color: #00a1e6;



    left: 50%;



    bottom: 0;



    transform: translateX(-50%);



    transition: all .4s ease 0s



}







.pc-menus .tit.active {



    color: #00a1e6 !important



}







.pc-menus li:hover .tit {



    color: #00a1e6



}







.pc-menus li:hover .tit::after {



    border-width: .15rem



}







.pc-menus .tit-home.active::after,.pc-menus li:hover .tit-home::after {



    width: 100%



}







@media (max-width: 1400px) {



    .pc-menus .tit {



        font-size:16px



    }



}







.hd-dropinfo {



    position: absolute;



    left: 50%;



    transform: translateX(-50%);



    z-index: 5;



    width: 100%;



    top: 100%;



    z-index: 555;



    background: #fff;



    height: 0;



    overflow: hidden;



    opacity: 0;



    transition: all .4s ease 0s;



    min-width: 990px



}







.hd-dropinfo .inners {



    position: relative;



    z-index: 222;



    font-size: 16px;



    display: table;



    width: 100%;



    border-top: 4px solid #00a1e6;



    height: 100%;



    transition: all .4s ease 0s;



    background: #fff



}







.hd-dropinfo .inners>* {



    display: table-cell;



    vertical-align: middle;



    float: none



}







.hd-dropinfo .inners .navs,.hd-dropinfo .inners .infobox {



    vertical-align: top



}







.hd-dropinfo .inners .navs {



    padding: .34rem 0;



    width: 196px;



    background-color: #f6f6f6



}







.hd-dropinfo .infobox {



    padding: .34rem .46rem .5rem;



    transition: all .4s ease 0s;



    text-align: left



}







.hd-dropinfo .infobox .title {



    font-size: .28rem;



    margin-bottom: .2rem;



    display: -webkit-flex;



    display: flex;



    display: -webkit-box;



    display: box;



    -webkit-align-items: center;



    align-items: center;



    -webkit-box-align: center;



    box-align: center



}







.hd-dropinfo .infobox .title:Hover {



    color: #00a1e6



}







.hd-dropinfo .infobox .title .icon {



    width: .3rem;



    height: .3rem;



    display: block;



    margin-right: 12px



}







.hd-dropinfo .infobox .txt {



    color: #666;



    line-height: 22px;



    height: 66px;



    word-break: break-word;



    display: -webkit-box;



    -webkit-box-orient: vertical;



    overflow: hidden;



    -webkit-line-clamp: 3;



    text-align: left



}







.hd-dropinfo .infobox .v-link {



    margin-top: .5rem



}







.hd-dropinfo .sub-nav {



    padding-top: .2rem



}







.hd-dropinfo .sub-nav a {



    display: block;



    text-align: left;



    padding-left: 20px;



    position: relative;



    margin-bottom: .1rem;



    transition: all .4s ease 0s;



    color: #00a1e6



}







.hd-dropinfo .sub-nav a::before {



    content: '';



    display: block;



    width: 6px;



    height: 1px;



    background: #00a1e6;



    position: absolute;



    top: 50%;



    z-index: 5;



    left: 0



}







.hd-dropinfo .inners .sub-nav a:hover em {



    border-bottom: 1px solid #00a1e6



}







.hd-dropinfo .inners .sub-nav+.v-link {



    margin-top: .3rem



}







.hd-dropinfo .navs .item {



    line-height: 1.5;



    padding: 10px 36px 10px 22px;



    margin-bottom: 10px;



    opacity: 1;



    transition: all .4s ease 0s;



    text-align: left;



    position: relative;



    display: block;



    white-space: nowrap;



    cursor: pointer;



    border-left: 3px solid transparent



}







.hd-dropinfo .navs .iconfont {



    position: absolute;



    right: 10px;



    top: 50%;



    transform: translateY(-50%)



}







.hd-dropinfo .navs .item.active,.hd-dropinfo .navs .item:hover {



    background: #fff;



    color: #00a1e6;



    border-left-color: #00a1e6



}







.hd-language {



    position: relative



}







.hd-language::after {



    content: '';



    display: block;



    position: absolute;



    width: 0px;



    height: 0px;



    border: 0 solid transparent;



    border-bottom-color: #00a1e6;



    left: 100%;



    margin-left: -34px;



    bottom: 0;



    transition: border .4s ease 0s



}







.hd-language:hover::after {



    border-width: .18rem



}







.hd-language:hover .dropinfo {



    padding: 20px .1rem;



    height: auto;



    border-top: 4px solid #00a1e6



}







.hd-language .dropinfo {



    position: absolute;



    left: 50%;



    transform: translateX(-50%);



    z-index: 5;



    top: 100%;



    margin-top: -1px;



    width: 2rem;



    background: #fff;



    transition: all .1s ease 0s;



    height: 0;



    overflow: hidden;



    text-transform: uppercase;



    text-align: center



}







.hd-language .dropinfo a {



    display: block;



    line-height: 40px;



    margin-bottom: 10px;



    color: #666;



    text-align: left;



    padding-left: .5rem



}







.hd-language .dropinfo a:hover {



    color: #00a1e6



}







@media (max-width: 640px) {



    .hd-language .dropinfo a {



        margin-bottom:0;



        padding-left: .3rem



    }



}







@media (max-width: 640px) {



    .hd-language::after {



        margin-left:-30px



    }



}







.pc-menus li:hover .hd-dropinfo {



    height: 365px;



    overflow: visible;



    opacity: 1;



    box-shadow: 0 10px 10px rgba(0,0,0,0.1)



}







@media (max-width: 1300px) {



    .pc-menus li:hover .navs .item {



        width:100%!important;



        float: left!important



    }



}







.coverimg {



    position: relative;



    overflow: hidden



}







.coverimg ._bg {



    visibility: hidden;



    display: block;



    width: 100%



}







.coverimg .cover {



    position: absolute;



    width: 100%;



    height: 100%;



    left: 0;



    top: 0;



    transition: all .4s ease 0s;



    background-repeat: no-repeat;



    background-size: cover;



    background-position: center



}







.coverimg:hover .cover {



    transform: scale(1.05)



}







.coverimg.contain {



    background-size: contain



}







main {



    overflow: hidden



}







.m-menus {



    width: 100%;



    height: 100vh;



    position: fixed;



    top: 60px;



    right: -100%;



    background: #fff;



    overflow: hidden;



    line-height: 40px;



    font-size: 15px;



    z-index: 999;



    -webkit-transition: all .4s ease;



    -moz-transition: all .4s ease;



    -o-transition: all .4s ease;



    transition: all .4s ease



}







@media (min-width: 768px) {



    .m-menus {



        top:80px



    }



}







.m-menus .inner {



    height: calc(100vh - 50px);



    overflow-y: auto;



    border-top: 1px solid #e3e3e3;



    padding-bottom: 30px



}







.m-menus .hd-tel {



    text-align: center;



    display: block;



    margin: 50px 0 0



}







.m-menus .hd-tel .iconfont {



    font-size: 30px;



    margin-right: 10px;



    color: #000



}







.m-menus a {



    color: #333



}







.m-menus.active {



    right: 0



}







.m-menus ul {



    overflow-y: auto;



    border-bottom: 1px solid #e3e3e3



}







.m-menus .item:not(:first-child) {



    border-top: 1px solid #e3e3e3



}







.m-menus .item {



    cursor: pointer;



    transition: .3s;



    -webkit-transition: .3s;



    -moz-transition: .3s;



    -ms-transition: .3s;



    -o-transition: .3s;



    position: relative



}







.m-menus .item .iconfont {



    position: absolute;



    right: 8%;



    top: 50%;



    transform: translateY(-50%);



    font-size: 15px;



    color: #999;



    font-weight: bold;



    transition: .3s



}







.m-menus .item>a,.m-menus h5 {



    display: block;



    padding: 0 8%;



    line-height: 54px;



    color: #333;



    position: relative;



    font-size: 16px



}







.m-menus h5 {



    text-transform: uppercase



}







.m-menus h5.active>* {



    color: #00a1e6



}







.m-menus .xs-dropinfo {



    display: none;



    background: rgba(0,0,0,0.05);



    padding: 15px 9%;



    font-size: 14px



}







.m-menus .xs-dropinfo a {



    color: #666;



    display: block;



    line-height: 40px



}







.m-menus .trans {



    -webkit-transition: all .4s ease;



    -moz-transition: all .4s ease;



    -o-transition: all .4s ease;



    transition: all .4s ease



}







.m-menus .open h5 {



    background: #00a1e6;



    border-top: 0



}







.m-menus .open h5 .iconfont {



    color: #fff



}







.m-menus .open h5 .iconfont::before {



    content: "\e625"



}







.m-menus .open h5>a,.m-menus .open h5 p {



    font-weight: bold;



    color: #fff !important



}







.m-menus .xs-dropinfo dl.br {



    border-right: 1px solid #ccc



}







.m-menus .hd-tel {



    font-size: 26px;



    font-family: medium;



    color: #666



}







.hd-search-box {



    position: fixed;



    left: 0;



    right: 0;



    background: #fff;



    padding: 20px 5%;



    display: none;



    border-top: 4px solid #00a1e6



}







.hd-search-box .inner {



    display: -webkit-flex;



    display: flex;



    display: -webkit-box;



    display: box;



    -webkit-align-items: center;



    align-items: center;



    -webkit-box-align: center;



    box-align: center;



    -webkit-box-pack: end;



    box-pack: end;



    -webkit-justify-content: end;



    justify-content: end



}







.hd-search-box form {



    border: 1px solid #00a1e6;



    max-width: 500px;



    display: block;



    position: relative;



    border-radius: 3px;



    width: 80%;



    min-width: 500px



}







.hd-search-box .key {



    width: 90%;



    height: 50px;



    line-height: 50px;



    text-indent: 20px;



    display: block



}







.hd-search-box .submit {



    position: absolute;



    right: 0px;



    top: 50%;



    transform: translateY(-50%);



    border-left: 1px solid #00a1e6;



    text-align: center;



    width: 50px;



    font-size: 20px;



    line-height: 50px;



    height: 50px;



    color: #00a1e6



}







.hd-search-box .submit .iconfont {



    font-size: 20px



}







.hd-search-box .submit:hover {



    background: #00a1e6;



    color: #fff



}







.hd-search-box .close {



    float: right;



    height: 40px;



    line-height: 42px;



    width: 60px;



    text-align: center;



    font-size: 20px;



    color: #333 !important



}







.hd-search-box .close:hover {



    color: #00a1e6



}







@media (min-width: 993px) {



    .hd-search-box {



        top:80px



    }



}







@media (max-width: 768px) {



    .hd-search-box {



        top:50px



    }







    .hd-search-box .inner {



        float: none;



        width: 100%



    }







    .hd-search-box form {



        min-width: auto;



        width: 90%



    }







    .hd-search-box .close {



        position: relative



    }



}







@media (max-width: 480px) {



    .hd-search-box {



        bottom:0;



        height: auto



    }



}







.pagination {



    text-align: center;



    margin-top: .3rem;



    display: block



}







.pagination.s2 li span,.pagination.s2 li a {



    border: 1px solid #dedede;



    border-radius: 2px!important



}







.pagination.s2 .active span {



    border: 1px solid #00a1e6 !important



}







.pagination li {



    margin: 0 5px



}







@media (max-width: 480px) {



    .pagination li {



        margin:0 2px



    }







    .pagination li>* {



        padding: 5px 12px



    }



}







.pagination .active>a,.pagination .active>span,.pagination .active>a:hover,.pagination .active>span:hover,.pagination .active>a:focus,.pagination .active>span:focus {



    background: #00a1e6;



    color: #fff;



    border: 0



}







.pagination li>a,.pagination li>span {



    float: none;



    display: inline-block;



    cursor: pointer;



    color: #333;



    border-radius: 0 !important;



    border: 0;



    background: #fdfdfd;



    padding: 10px 15px



}







input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {



    color: #999



}







input:-moz-placeholder,textarea:-moz-placeholder {



    color: #999



}







input::-moz-placeholder,textarea::-moz-placeholder {



    color: #999



}







input:-ms-input-placeholder,textarea:-ms-input-placeholder {



    color: #999



}







.swiper-pagination-bullet {



    border: 1px solid #00a1e6;



    opacity: 1;



    background: none



}







.swiper-pagination-bullet-active {



    background: #00a1e6



}







.pnext-box .swiper-button-prev,.pnext-box .swiper-button-next {



    top: 0;



    margin-top: 0



}







.vcrumbs {



    padding: .3rem 0 !important



}




.ibanner-box{
    position: relative;
}


.index-banner {
    position: relative;
    /*height: 9.6rem;*/
    max-height: 100vh
}

.index-banner .swiper-pagination {
    bottom: .5rem
}

.index-banner .swiper-pagination-bullet {
    background: rgba(255,255,255,0.3);
    opacity: 1;
    transition: all .4s ease 0s;
    width: .12rem;
    height: .12rem;
    border-radius: 50%;
    display: inline-block;
    background: #fff;
    margin: 0 6px !important
}


.index-banner .swiper-pagination-bullet-active {



    background: #00a1e6



}







.index-banner .swiper-slide {



    background-repeat: no-repeat;



    background-size: cover;



    background-position: center



}



.index-banner .swiper-slide .pic {width:100%}



.index-banner .swiper-slide .mpic {

    display: none;

    visibility: hidden;



    width: 100%



}







.index-banner .img {



    position: relative



}







.index-banner video {



    position: absolute;



    width: 100%;



    height: 100%;



    object-fit: cover;



    top: 0;



    left: 0



}







.index-banner .content {



    position: absolute;



    left: 50%;



    top: 50%;



    transform: translateX(-50%) translateY(-50%);



    bottom: 0;



    width: 88vw;



    max-width: 1440px;



    margin-left: auto;



    margin-right: auto;



    width: 82%;



    max-width: 1600px;



    z-index: 55



}







.index-banner .textbox {



    color: #fff;



    width: 40%;



    text-align: left;



    min-width: 550px;



    max-width: 100%



}







.index-banner h5 {

    font-size: .4rem;

    line-height: 1.1;

    border-bottom: 1px solid #fff;

    padding-bottom: 20px;

    display: inline-block;

    margin-bottom: 20px;

    text-transform: uppercase;

    font-weight: bold;

}







.index-banner .en {

    font-size: .2rem;

    padding-bottom: .25rem;

    margin-bottom: .25rem;

    line-height: 1.3;

    margin-top: .1rem

}







.index-banner .vmore {



    display: block;



    margin: 0 auto



}







@media (max-width: 1680px) {



    .index-banner {



        /* height:auto */



    }







    .index-banner .swiper-pagination {



        bottom: .3rem



    }



}







@media (max-width: 1200px) {



    .index-banner {



        /*height:7rem*/



    }







    .index-banner h5 {



        font-size: .56rem



    }



}







@media (max-width: 768px) {



    .index-banner .swiper-pagination {



        bottom:.1rem



    }







    .index-banner .xsimg {



        width: 100%



    }



}







@media (max-width: 640px) {



    .index-banner {



        height:320px



    }







    .index-banner .swiper-slide {



        overflow: hidden



    }





.index-banner .swiper-slide .pic {
    display: none;
}

    .index-banner .swiper-slide .mpic {

        display: block;

        height: 100%;



        width:100%;



        max-width: none;



        position: relative;



        visibility:visible;



        object-fit:cover;



    }



    .index-banner .content,



    .index-banner .swiper-slide .textbox{ display:none;}







    .index-banner .textbox {



        padding: .3rem .1rem;



        line-height: 34px



    }







    .index-banner .textbox .en {



        font-size: 16px



    }







    .index-banner .textbox h5 {



        font-size: 26px;



        margin-bottom: 0



    }



}







@media (max-width: 480px) {



    .index-banner .swiper-pagination-bullet-active {



        border-width:2px



    }







    .index-banner .en {



        font-size: 14px;



        padding-bottom: 0



    }







    .index-banner h5 {



        font-size: 30px



    }



}







.iabout {



    padding-top: 1.2rem;



    padding-bottom: 1.2rem;



    background: #f5f5f5;



    position: relative



}







.iabout::after {



    content: '';



    display: block;



    position: absolute;



    width: 65%;



    height: 100%;



    left: 35%;



    bottom: .9rem;



    background: url(img/map.png) no-repeat right bottom;



    background-size: contain;



    z-index: 1



}







.iabout .wrap {



    position: relative;



    z-index: 5



}







.iabout .top {margin-left: -0.55rem;margin-right: -0.55rem;}







.iabout .top>* {padding-left: .55rem;padding-right: .1rem;}







.iabout .videobox {



    position: relative;



    width: 100%;



    text-align: left



}







.iabout .videobox .bg {



    width: 100%;



    display: block



}







.iabout .videobox video {



    position: absolute;



    height: 100%;



    top: 0;



    left: 0;



    width: 100%;



    object-fit: cover



}







.iabout .videobox .ic-play {



    width: 100%;



    height: 100%;



    background-image: url('img/play.png');



    background-repeat: no-repeat;



    background-size: contain;



    background-position: center center;



    background-size: 1.02rem;



    position: absolute;



    left: 50%;



    top: 50%;



    transform: translateX(-50%) translateY(-50%);



    z-index: 5;



    z-index: 55;



    cursor: pointer;



    transition: all .4s ease 0s



}







.iabout .videobox .ic-play:hover {



    background-image: url('img/play2.png')



}







.iabout h2 {



    margin-bottom: .36rem



}







.iabout .info {



    font-size: 16px;



    color: #666;



    line-height: 1.8;



    margin-bottom: .4rem



}







@media (max-width: 992px) {



    .iabout .videobox {



        margin-bottom:.5rem



    }



}







.cdata {



    margin-top: .8rem



}







.cdata li {



    position: relative;



    width: 20%;



    padding-right: .5rem



}







.cdata li::after {



    content: '';



    display: block;



    width: 1px;



    height: 80%;



    background-color: #c4c4c4;



    position: absolute;



    right: 0px;



    top: 50%;



    transform: translateY(-50%)



}







.cdata li:last-child {



    margin-right: 0



}







.cdata li:last-child::after {



    display: none



}







.cdata b {



    font-size: .2rem;



    line-height: 1.2;



    color: #00a1e6



}

.cdata b em{
    font-size: .5rem;
}





.cdata .desc {



    font-size: 16px;



    color: #999



}







.cdata i {



    width: .5rem;



    height: .5rem;



    background-repeat: no-repeat;



    background-size: contain;



    background-position: center



}







@media (min-width: 769px) {



    .cdata i {



        position:absolute;



        top: .1rem;



        right: .5rem



    }



}







.cdata i.ic1 {



    background-image: url('img/ic_zhong.png')



}







.cdata i.ic2 {



    background-image: url('img/ic_jing.png')



}







.cdata i.ic3 {



    background-image: url('img/ic_kh.png')



}







.cdata i.ic4 {



    background-image: url('img/ic_lang.png')



}







@media (min-width: 769px) {



    .cdata {



        display:-webkit-flex;



        display: flex;



        display: -webkit-box;



        display: box;



        -webkit-box-pack: justify;



        box-pack: justify;



        -webkit-justify-content: space-between;



        justify-content: space-between



    }



}







@media (max-width: 1200px) {



    .cdata i {



        right:.2rem;



        width: .4rem



    }







    .cdata b {



        font-size: .5rem



    }



}







@media (max-width: 768px) {



    .cdata {



        overflow:hidden



    }







    .cdata li {



        width: 25%;



        float: left;



        margin-bottom: .5rem



    }







    .cdata li::after {



        display: none



    }







    .cdata li i {



        display: block;



        width: .6rem;



        height: .6rem



    }



}







@media (max-width: 768px) {



    .cdata {



        border-top:1px solid #dedede



    }







    .cdata li {



        width: 50%;



        border: 1px solid #dedede;



        padding: .4rem .1rem;



        text-align: center;



        margin: -1px -1px 0 0



    }







    .cdata li b {



        font-size: 36px;



        display: block;



        margin-bottom: 5px



    }







    .cdata li .desc {



        font-size: 14px



    }







    .cdata li:nth-child(2n+1) {



        clear: both



    }







    .cdata li i {



        margin: 0 auto .2rem;



        width: .5rem;



        height: .5rem



    }



}







.ihd {



    font-size: .32rem;



    position: relative;



    padding-bottom: .16rem;



    font-weight: bold



}







.ihd.upper {



    text-transform: uppercase



}







.ihd::after {



    content: '';



    display: block;



    position: absolute;



    width: 48px;



    height: 3px;



    background: #00a1e6;



    bottom: 0;



    left: 0;



    transition: all .4s ease 0s



}







.ihd:hover::after {



    width: 2rem



}







@media (max-width: 640px) {



    .ihd {



        font-size:22px



    }



}







.ihd.center {



    text-align: center



}







.ihd.center::after {



    left: 50%;



    transform: translateX(-50%)



}







.industries {



    background: #f5f5f5;



    padding: 1rem 0



}







.industries-swiper .hd {



    display: -webkit-flex;



    display: flex;



    display: -webkit-box;



    display: box;



    -webkit-align-items: center;



    align-items: center;



    -webkit-box-align: center;



    box-align: center;



    -webkit-box-pack: justify;



    box-pack: justify;



    -webkit-justify-content: space-between;



    justify-content: space-between;



    margin-bottom: .6rem



}







.industries-swiper .pnext-box {



    position: relative;



    width: 1.1rem;



    height: .5rem



}







.industries-swiper .pnext-box i {



    font-style: normal;



    width: .5rem;



    height: .5rem;



    padding: 0;



    border-radius: 50%;



    border: 1px solid #00a1e6;



    transition: all .4s ease 0s



}







.industries-swiper .pnext-box i::after {



    font-size: 20px



}







.industries-swiper .pnext-box i:hover {



    background: #00a1e6;



    color: #fff



}







.industries-swiper .pnext-box .swiper-button-prev {



    left: 0



}







.industries-swiper .pnext-box .swiper-button-next {



    right: 0



}







.industries-swiper li {



    width: 500px



}







@media (max-width: 1360px) {



    .industries-swiper li {



        width:400px



    }



}







.industries-swiper .inner {



    position: relative;



    overflow: hidden;



    color: #fff;



    margin: 0 .13rem



}







.industries-swiper .inner .tit {



    position: absolute;



    padding: .1rem .34rem;



    bottom: 0;



    left: 0



}







.industries-swiper .inner h5 {



    font-size: .24rem;



    margin-bottom: 10px;



    transition: all .4s ease 0s



}







.industries-swiper .inner h5 a {



    color: #fff;



    transition: all .2s ease 0s;



    display: block



}







.industries-swiper .inner h5 a:hover {



    text-decoration: underline



}







@media (max-width: 1200px) {



    .industries-swiper .inner h5 {



        font-size:22px



    }



}







.industries-swiper .inner .coverbox {



    position: absolute;



    left: 0;



    right: 0;



    top: 100%;



    transition: all .4s ease 0s;



    line-height: .5rem;



    height: 100%



}







.industries-swiper .inner .coverbox .content {



    position: absolute;



    left: 50%;



    top: 50%;



    transform: translateX(-50%) translateY(-50%);



    z-index: 5;



    top: 60%;



    width: 100%;



    padding: 0 .34rem



}







.industries-swiper .inner .txt {



    line-height: 22px;



    font-size: 16px;



    height: 66px;



    word-break: break-word;



    display: -webkit-box;



    -webkit-box-orient: vertical;



    overflow: hidden;



    -webkit-line-clamp: 3;



    margin-bottom: .2rem;



    transition: all .4s ease 0s



}







.industries-swiper .inner:hover .tit {



    transform: translateY(100%)



}







.industries-swiper .inner:hover .coverbox {



    background-color: rgba(0,160,230,0.8);



    top: 0



}







.ipress {



    padding: 1rem 0 1.2rem;



    position: relative;



    overflow: hidden



}







.ipress canvas {



    position: absolute;



    left: 0;



    right: 0;



    top: 0;



    height: 50%!important;



    z-index: 1



}







.ipress .wrap {



    position: relative;



    z-index: 555



}







.ipress .ihd {



    margin-bottom: .8rem



}







.press-list {



    margin-left: -0.24rem/2;



    margin-right: -0.24rem/2



}







.press-list>* {



    padding-left: .24rem/2;



    padding-right: .24rem/2



}







.press-list.s2 {



    margin-left: -0.6rem/2;



    margin-right: -0.6rem/2



}







.press-list.s2>* {



    padding-left: .6rem/2;



    padding-right: .6rem/2



}







@media (max-width: 1200px) {



    .press-list.s2 {



        margin-left:-0.24rem/2;



        margin-right: -0.24rem/2



    }







    .press-list.s2>* {



        padding-left: .24rem/2;



        padding-right: .24rem/2



    }



}







.press-list li {



    margin-bottom: .3rem



}







@media (max-width: 992px) {



}







.press-item {



    margin-bottom: .24rem



}







.press-item .inner {



    border: 1px solid #e5e5e5;



    background: #fff



}







.press-item .inner:hover {



    box-shadow: 0 .1rem .1rem rgba(0,0,0,0.1)



}







.press-item .inner:hover .rbtn2 {



    background: #00a1e6



}







.press-item .inner:hover .rbtn2 i {



    animation: downico 1.5s ease-out infinite;



    background-image: url('img/arr.png')



}







.press-item .info {



    padding: .3rem .24rem;



    height: 227px;



    position: relative



}







@media (max-width: 1200px) {



    .press-item .info {



        height:180px



    }



}







@media (max-width: 768px) {



    .press-item .info {



        height:auto;



        padding-bottom: .5rem



    }



}







.press-item .info .title {



    font-size: 24px;



    line-height: 26px;



    word-break: break-word;



    display: -webkit-box;



    -webkit-box-orient: vertical;



    overflow: hidden;



    -webkit-line-clamp: 2;



    max-height: 52px;



    margin-bottom: 20px



}







.press-item .info .title:hover {



    color: #00a1e6



}







@media (max-width: 1200px) {



    .press-item .info .title {



        font-size:20px;



        line-height: 24px;



        max-height: 48px



    }



}







.press-item .info .data .time {



    color: #999;



    text-transform: uppercase



}







.press-item .info .data .tag {



    color: #00a1e6;



    display: inline-block;



    padding-right: .1rem



}







.press-item .rbtn2 {



    position: absolute;



    right: .24rem;



    bottom: .3rem



}







@media (max-width: 768px) {



    .updates-swiper .linkbtn {



        display:none



    }







    .updates-swiper .info {



        height: 126px



    }







    .updates-swiper .info .title {



        font-size: 18px;



        line-height: 22px;



        max-height: 44px



    }



}







.icontact {



    background: url('img/contactbg.jpg') no-repeat center center;



    background-size: cover;



    padding: 1.08rem 0;



    position: relative;



    z-index: 55



}







.icontact input::-webkit-input-placeholder,.icontact textarea::-webkit-input-placeholder {



    color: #fff



}







.icontact input:-moz-placeholder,.icontact textarea:-moz-placeholder {



    color: #fff



}







.icontact input::-moz-placeholder,.icontact textarea::-moz-placeholder {



    color: #fff



}







.icontact input:-ms-input-placeholder,.icontact textarea:-ms-input-placeholder {



    color: #fff



}







.icontact .mail {



    color: #fff



}







.icontact .mail:hover {



    color: #00a1e6



}







@media (min-width: 992px) {



    .icontact .row {



        margin-left:-0.73rem;



        margin-right: -0.73rem;



        display: table;



        width: 100%



    }







    .icontact .row>* {



        padding-left: .73rem;



        padding-right: .73rem



    }







    .icontact .row>* {



        display: table-cell;



        vertical-align: middle;



        float: none



    }



}







@media (min-width: 992px) and (max-width:1200px) {



    .icontact .row {



        margin-left:-0.3rem;



        margin-right: -0.3rem



    }







    .icontact .row>* {



        padding-left: .3rem;



        padding-right: .3rem



    }



}







.icontact .formbox {



    background: rgba(255,255,255,0.1);



    padding: .5rem;



    color: #fff



}







.icontact .formbox h3 {



    font-size: .36rem



}







.icontact .formbox .txt {



    line-height: 1.5;



    margin: .1rem 0 .26rem;



    opacity: .6



}







.icontact form textarea,.icontact form input {



    border: 0;



    border-bottom: 2px solid #bbb;



    cursor: default!important;



    padding: .3rem 0;



    color: #fff;



    background-color: transparent;



    resize: none



}







.icontact form .submit {



    background: #00a1e6;



    border-radius: 2em;



    color: #fff;



    display: inline-block;



    width: 180px;



    height: 40px;



    line-height: 40px;



    text-align: center;



    margin-top: .32rem;



    cursor: pointer;



    transition: .4s;



    transition: all .4s ease 0s



}







.icontact form .submit:hover {



    width: 160px



}







.icontact form .cell {



    position: relative



}







.icontact form .cell .required {



    position: absolute;



    top: 50%;



    transform: translateY(-50%);



    z-index: 5;



    left: 0;



    color: #ff0000



}







.icontact form textarea,.icontact form input {



    position: relative;



    padding-left: 16px



}







.icontact form textarea {



    padding: .2rem 0 .2rem 16px



}







.icontact form input::after {



    content: '';



    display: block;



    position: absolute;



    width: 0;



    height: 2px;



    background: #00a1e6;



    left: 0;



    bottom: 0;



    transition: all .4s ease 0s



}







.icontact form textarea:focus,.icontact form input:focus {



    border-bottom: 2px solid #00a1e6 !important



}







.icontact .address {



    color: #fff



}







.icontact .address li+li {



    margin-top: .6rem



}







.icontact .address .ihd:hover {



    color: #00a1e6



}







.icontact .address .ihd {



    margin-bottom: .6rem;



    display: inline-block;



    color: #fff



}







.icontact .address h4 {



    font-size: 24px



}







.icontact .info {



    font-size: 18px



}







.icontact .info p {



    margin-top: 22px;



    padding-left: 36px;



    position: relative



}







.icontact .info i {



    width: 24px;



    height: 24px;



    background-repeat: no-repeat;



    background-size: contain;



    background-position: center;



    position: absolute;



    left: 0;



    top: 0



}







.icontact .info .ic-addr {



    background-image: url('img/ic_lx_1.png')



}







.icontact .info .ic-tel {



    background-image: url('img/ic_lx_2.png')



}







.icontact .info .ic-email {



    background-image: url('img/ic_lx_3.png')



}







@media (max-width: 992px) {



    .icontact .formbox {



        margin-bottom:.6rem



    }







    .icontact .address h4 {



        font-size: 20px



    }







    .icontact .address .ihd {



        margin-bottom: .5rem



    }







    .icontact .address .info {



        font-size: 16px



    }







    .icontact .address .info p {



        padding-left: 32px



    }







    .icontact .address i {



        width: 22px;



        height: 22px;



        line-height: 22px;



        text-align: center



    }



}







@media (max-width: 768px) {



    .icontact form input {



        padding-top:.4rem;



        padding-bottom: .4rem



    }



}







.igoods .id {



    color: transparent;



    line-height: 1;



    z-index: 2;



    width: 1.4rem;



    height: 1.1rem;



    background-size: contain;



    background-repeat: no-repeat;



    background-position: center



}







.igoods .id.id1 {



    background-image: url('img/no_01.png')



}







.igoods .id.id2 {



    background-image: url('img/no_02.png')



}







.igoods .id.id3 {



    background-image: url('img/no_03.png')



}







@media (min-width: 992px) {



    .igoods ul {



        display:-webkit-flex;



        display: flex;



        display: -webkit-box;



        display: box;



        -webkit-align-items: center;



        align-items: center;



        -webkit-box-align: center;



        box-align: center



    }







    .igoods li {



        width: 25%;



        height: 42vw;



        transition: all .4s ease 0s;



        overflow: hidden;



        position: relative;



        border: 1px solid #fff;



        background-repeat: no-repeat;



        background-size: cover;



        background-position: center



    }







    .igoods li::after {



        content: '';



        display: block;



        position: absolute;



        width: 100%;



        height: 100%;



        background-color: rgba(0,0,0,0.5);



        left: 0;



        top: 0;



        z-index: 1;



        opacity: 1;



        transition: all .4s ease 0s



    }







    .igoods li .info {



        color: #fff;



        width: 50%;



        position: absolute;



        left: 50%;



        top: 50%;



        transition: .8s;



        z-index: 5;



        transform: translateX(-50%) translateY(-50%) scale(1)



    }







    .igoods li .info h3 {



        position: relative;



        z-index: 5



    }







    .igoods li .title,.igoods li h3 {



        font-size: 30px;



        color: #fff;



        display: block;



        transition: .4s;



        transition: all .4s ease 0s



    }







    .igoods li .title:hover {



        transform: translateX(10px)



    }







    .igoods li .id {



        font-size: 1.4rem;



        color: transparent;



        position: absolute;



        left: -0.7rem;



        bottom: 60%



    }







    .igoods .cover {



        position: absolute;



        left: 0;



        right: 0;



        top: 100%;



        transition: all .4s ease 0s;



        transition-delay: .2s;



        z-index: 55



    }







    .igoods .active {



        width: 50%



    }







    .igoods .active::after {



        opacity: 0



    }







    .igoods .active .cover {



        transform: translateY(-100%)



    }







    .igoods .active .info {



        transform: scale(0)



    }



}







@media (min-width: 992px) and (max-width:1360px) {



    .igoods li .title,.igoods li h3 {



        font-size:26px



    }







    .igoods li .id {



        font-size: 1.2rem



    }







    .igoods li .desc {



        font-size: 16px



    }



}







.igoods .cover {



    padding: .4rem;



    background-color: rgba(0,161,230,0.8);



    color: #fff



}







.igoods .cover .desc {



    font-size: 18px;



    margin: 20px 0;



    line-height: 24px;



    max-height: 72px;



    word-break: break-word;



    display: -webkit-box;



    -webkit-box-orient: vertical;



    overflow: hidden;



    -webkit-line-clamp: 3



}







@media (max-width: 991px) {



    .igoods {



        width:88vw;



        max-width: 1440px;



        margin-left: auto;



        margin-right: auto;



        padding: .4rem 0



    }







    .igoods li {



        margin-bottom: .1rem;



        color: #fff;



        position: relative



    }







    .igoods li .id {



        padding: 1rem .3rem;



        font-size: 1rem;



        margin-left: .1rem



    }







    .igoods li h3 {



        display: none



    }







    .igoods .cover .title {



        color: #fff;



        font-size: 22px



    }







    .igoods .cover .desc {



        font-size: 16px;



        margin: 10px 0 20px



    }



}







@media (max-width: 640px) {



    .igoods .id {



        padding-left:.2rem



    }







    .igoods .cover {



        padding: .3rem .2rem .2rem



    }







    .igoods .cover .title {



        font-size: 20px



    }







    .igoods .cover .desc {



        line-height: 22px;



        max-height: 44px;



        -webkit-line-clamp: 2;



        font-size: 14px



    }







    .pnext-box *:after {



        font-size: 14px!important



    }



}







.banner {



    position: relative;



    height: 6.8rem;



    max-height: 100vh;



    overflow: hidden



}







.banner.good2 .textbox {



    text-align: center;



    width: 100%



}







.banner ._bg {



    background-repeat: no-repeat;



    background-size: cover;



    background-position: center;



    position: absolute;



    width: 100%;



    height: 100%;



    transform: scale(1.05);



    left: 0;



    top: 0;



    transition: 3s ease-in-out



}







.banner video {



    width: 100%;



    height: 100%;



    object-fit: cover;



    left: 0;



    top: 0;



    position: absolute



}







.banner ._bg.animated {



    transform: scale(1)



}







.banner .content {



    position: absolute;



    left: 50%;



    top: 50%;



    transform: translateX(-50%) translateY(-50%);



    z-index: 5;



    width: 88vw;



    max-width: 1440px;



    margin-left: auto;



    margin-right: auto;



    width: 82%;



    max-width: 1600px;



    z-index: 55



}







.banner .textbox {



    color: #fff;



    text-align: left;



    max-width: 100%



}







@media (min-width: 992px) {



    .banner .textbox {



        width:60%



    }



}







.banner h5 {



    font-size: .6rem;



    line-height: 1.1;



    padding-bottom: .2rem;



    display: inline-block;



    text-transform: uppercase;



    -webkit-filter: drop-shadow(3px 5px rgba(0,0,0,0.1));



    filter: drop-shadow(3px 5px rgba(0,0,0,0.1))



}







.banner .en {



    font-size: 24px;



    line-height: 1.3



}







@media (max-width: 1200px) {



    .banner h5 {



        font-size:.56rem



    }



}







@media (max-width: 640px) {



    .banner {



        height:260px



    }







    .banner .textbox {



        padding: .3rem .1rem;



        line-height: 34px



    }







    .banner .textbox .en {



        font-size: 16px



    }







    .banner .textbox h5 {



        font-size: 30px



    }



}







@media (min-width: 768px) {



    .goodinfo-top {



        height:8.5rem;



        max-height: calc((100vh - 80px));



        display: flex;



        position: relative;



        background-repeat: no-repeat;



        background-size: cover;



        background-position: center



    }







    .goodinfo-top .content {



        position: absolute;



        left: 50%;



        top: 50%;



        transform: translateX(-50%) translateY(-50%);



        z-index: 5;



        width: 88vw;



        max-width: 1440px;



        margin-left: auto;



        margin-right: auto;



        width: 82%;



        max-width: 1600px;



        z-index: 55



    }







    .goodinfo-top .textbox {



        width: 60%



    }







    .goodinfo-top .crumbsbox {



        margin: auto auto 0 auto



    }



}







.goodinfo-top .content {



    width: 88vw;



    color: #fff



}







.goodinfo-top .quote {



    background: #00a1e6;



    padding: .2rem .6rem;



    display: inline-block;



    color: #fff;



    border-radius: 2em;



    font-size: 18px;



    transition: .4s;



    transition: all .4s ease 0s



}







.goodinfo-top .quote:hover {



    background: #008fcd



}







.goodinfo-top .tag {



    font-size: 18px;



    margin-bottom: .2rem;



    font-style: italic



}







.goodinfo-top h5 {



    font-size: .48rem;



    padding-bottom: .3rem;



    -webkit-filter: drop-shadow(3px 5px rgba(0,0,0,0));



    filter: drop-shadow(3px 5px rgba(0,0,0,0));



    line-height: 1.1



}







.goodinfo-top .en {



    font-size: 16px;



    line-height: 1.8;



    margin-bottom: .5rem



}







.goodinfo-top .crumbs {



    position: relative;



    color: #fff



}







.goodinfo-top .crumbs a {



    color: #fff



}







@media (max-width: 768px) {



    .goodinfo-top {



        padding-left:6vw;



        padding-right: 6vw;



        background: #fff !important;



        height: auto;



        margin-bottom: .2rem;



        padding-bottom: .6rem



    }







    .goodinfo-top .good-info-image {



        display: block;



        margin: 0 auto .3rem



    }







    .goodinfo-top .content {



        color: #333



    }







    .goodinfo-top h5 {



        line-height: 1.3



    }







    .goodinfo-top .textbox {



        width: 100%



    }



}







@media (max-width: 480px) {



    .goodinfo-top .quote {



        line-height:1;



        padding: .2rem .4rem



    }







    .goodinfo-top .textbox h5 {



        font-size: 22px



    }







    .goodinfo-top .textbox .en {



        font-size: 14px;



        line-height: 1.5



    }



}







.crumbs-box {



    box-shadow: 0 0 10px rgba(0,0,0,0.2);



    background: #fff;



    font-size: 16px;



    position: relative;



    z-index: 5



}







.crumbs-box .inner {



    display: -webkit-flex;



    display: flex;



    display: -webkit-box;



    display: box;



    -webkit-align-items: center;



    align-items: center;



    -webkit-box-align: center;



    box-align: center;



    -webkit-box-pack: justify;



    box-pack: justify;



    -webkit-justify-content: space-between;



    justify-content: space-between;



    position: relative



}







.crumbs-box .inner::before {



    content: '';



    display: block;



    position: absolute;



    width: 40vw;



    right: 100%;



    background: #00a1e6;



    height: 100%;



    top: 0



}







.crumbs-box nav {



    position: relative;



    display: -webkit-flex;



    display: flex;



    display: -webkit-box;



    display: box;



    -webkit-align-items: center;



    align-items: center;



    -webkit-box-align: center;



    box-align: center



}







.crumbs-box nav h2 {



    height: .8rem;



    line-height: .8rem;



    text-transform: uppercase;



    background: #00a1e6;



    color: #fff;



    margin-right: .16rem;



    position: relative;



    padding-right: 1rem;



    cursor: pointer



}







@media (max-width: 640px) {



    .crumbs-box nav h2 {



        height:1rem;



        padding-right: .5rem;



        padding-left: 0;



        margin-right: .1rem



    }



}







.crumbs-box nav h2 i {



    font-size: 12px;



    position: absolute;



    right: .2rem;



    top: 50%;



    transform: translateY(-50%);



    color: #fff



}







.crumbs-box h2 {



    line-height: 1.4 !important;



    display: -webkit-flex;



    display: flex;



    display: -webkit-box;



    display: box;



    -webkit-align-items: center;



    align-items: center;



    -webkit-box-align: center;



    box-align: center;



    -webkit-box-pack: center;



    box-pack: center;



    -webkit-justify-content: center;



    justify-content: center



}







.crumbs-box nav h4 {



    color: #00a1e6



}







@media (max-width: 768px) {



    .crumbs-box nav h4 {



        font-size:14px



    }



}

.crumbs-box .dropinfo {
    /*background: #00a1e6;*/
    /*padding: 20px 0;*/
    /*color: #fff;*/
    /*display: none*/
    margin-right: auto;
    
}

.crumbs-box .dropinfo a {
    color: #fff;
    display: inline-block;
    margin-right: .1rem;
    font-size: 14px;
    position: relative;
    padding: 5px 20px;
    background: #333;
    border-radius: 14px;
}
.crumbs-box .dropinfo a:hover {
    color: #00a1e6
}






.crumbs-box .dropinfo a::before {
    /*content: '';*/
    /*display: block;*/
    /*position: absolute;*/
    /*width: 6px;*/
    /*height: 6px;*/
    /*border-radius: 100%;*/
    /*background: #00a1e6;*/
    /*left: 0;*/
    /*top: 11px;*/
    /*transition: all .4s ease 0s;*/

}







.crumbs-box .dropinfo a:hover::after,.crumbs-box .dropinfo .active::after {



    width: 100%



}

.crumbs-box .dropinfo .active{
    background: #00a1e6;
}

.crumbs-box .dropinfo a.active:hover{
    color: #fff;
}



@media (max-width: 768px) {



    .crumbs-box .dropinfo a {



        margin-bottom:5px



    }



}







.crumbs {



    color: #999



}







.crumbs .icon-shouye {



    color: #00a1e6;



    font-size: 18px



}







.crumbs a {



    color: #999



}







.crumbs a:hover {



    color: #00a1e6



}







.crumbs .icon-right {



    font-size: 14px;



    padding: 0 5px



}







.crumbs.s2 {



    height: auto;



    line-height: 1.5;



    padding: .26rem 0



}







.good-introduce {



    width: 88vw;



    max-width: 1440px;



    margin-left: auto;



    margin-right: auto;



    margin: .4rem auto 1rem



}







.good-introduce .info {



    font-size: 16px;



    line-height: 24px;



    color: #666;



    margin-top: .3rem



}







.good-introduce .info.row {



    margin-left: -1.5rem/2;



    margin-right: -1.5rem/2



}







.good-introduce .info.row>* {



    padding-left: 1.5rem/2;



    padding-right: 1.5rem/2



}







@media (max-width: 1360px) {



    .good-introduce .info.row {



        margin-left:-0.8rem/2;



        margin-right: -0.8rem/2



    }







    .good-introduce .info.row>* {



        padding-left: .8rem/2;



        padding-right: .8rem/2



    }



}







@media (max-width: 992px) {



    .good-introduce .info p+p {



        margin-top:1em



    }



}







.good-introduce .brief {



    background: #f5f5f5;



    margin-top: .2rem;



    color: #00a1e6;



    padding: .2rem .3rem;



    font-style: italic;



    border-left: 2px solid #00a1e6;



    font-size: 20px;



    line-height: 1.6;



    position: relative;



    top: .2rem



}







@media (max-width: 1200px) {



    .good-introduce .brief {



        font-size:16px



    }



}







.goods-navs-item {



    margin-bottom: .3rem



}







.goods-navs-box {



    padding: .6rem 0 1rem;



    background: #f5f5f5



}







.goods-navs-box ul {



    margin-top: .5rem



}







.goods-top {



    min-height: 2.8rem;



    display: -webkit-flex;



    display: flex;



    display: -webkit-box;



    display: box;



    -webkit-box-orient: vertical;



    box-orient: vertical;



    -webkit-flex-direction: column;



    -ms-flex-direction: column;



    flex-direction: column;



    -webkit-justify-content: center;



    justify-content: center;



    -webkit-box-pack: center;



    box-pack: center



}







.goods-top .info {



    max-width: 960px;



    width: 80%



}







@media (max-width: 992px) {



    .goods-top .info {



        width:100%



    }



}







@media (min-width: 768px) {



    .goods-top {



        padding:.45rem;



        position: relative;



        width: 88vw;



        max-width: 1440px;



        margin-left: auto;



        margin-right: auto;



        background-repeat: no-repeat;



        background-size: cover;



        background-position: center;



        color: #fff



    }



}







@media (max-width: 768px) {



    .goods-top {



        padding:.5rem .3rem;



        position: relative;



        color: #fff



    }



}







.goods-top .title {



    font-size: .36rem;



    margin-bottom: .1rem;



    display: block;



    color: #fff;



    transition: .4s;



    transition: all .4s ease 0s



}







.goods-top .title:hover {



    transform: translateX(5px)



}







.goods-top .info {



    font-size: 16px;



    line-height: 26px;



    max-height: 104px;



    word-break: break-word;



    display: -webkit-box;



    -webkit-box-orient: vertical;



    overflow: hidden;



    -webkit-line-clamp: 4



}







.goods-info {



    width: 88vw;



    max-width: 1440px;



    margin-left: auto;



    margin-right: auto;



    padding: .1rem .4rem .4rem;



    background: #fff



}







.goods-info.s2 {



    display: block;



    margin-bottom: 1rem



}







@media (max-width: 640px) {



    .goods-info {



        width:100%;



        padding-top: .4rem



    }



}







.goods-info li {



    margin-bottom: .2rem;



    



}







.goods-info li:nth-child(3n+1) {



    clear: both



}







@media (max-width: 992px) {



    .goods-info li:nth-child(3n+1) {



        clear:both



    }







    .goods-info li:nth-child(4n+1) {



        clear: none



    }



}







@media (max-width: 768px) {



    .goods-info li:nth-child(2n+1) {



        clear:both



    }







    .goods-info li:nth-child(3n+1) {



        clear: none



    }



}







.goods-info li:hover .title {



    color: #00a1e6



}







.goods-info .title {



    font-size: 24px;



    margin-top: .2rem;



    display: block;



    margin-bottom: .2rem;



    text-align: center;



}







@media (max-width: 992px) {



    .goods-info .title {



        font-size:16px



    }



}







@media (max-width: 768px) {



    .goods-info .title {



        font-size:14px



    }



}







.goods-info .title:hover {



    color: #00a1e6



}







.ginfo-top {



    padding: .5rem;



    border-top: .04rem solid #00a1e6;



    margin-bottom: .6rem;



    background: #fff;



    width: 88vw;



    max-width: 1440px;



    margin-left: auto;



    margin-right: auto



}







@media (max-width: 768px) {



    .ginfo-top {



        padding-left:6%;



        padding-right: 6%;



        width: 100%;



        margin-bottom: .2rem



    }



}







.ginfo-top .row {



    margin-left: -0.3rem;



    margin-right: -0.3rem



}







.ginfo-top .row>* {



    padding-left: .3rem;



    padding-right: .3rem



}







.ginfo-top .ihd {



    margin-top: .2rem



}







.ginfo-top .info {



    font-size: 16px;



    color: #666;



    line-height: 1.76;



    margin: .4rem 0 .6rem



}







.ginfo-top .quote {



    background: #00a1e6;



    padding: .2rem .6rem;



    display: inline-block;



    color: #fff;



    border-radius: 2em;



    font-size: 18px;



    transition: .4s;



    transition: all .4s ease 0s



}







.ginfo-top .quote:hover {



    background: #008fcd



}







@media (max-width: 992px) {



    .ginfo-top .quote {



        font-size:16px



    }



}







.ginfo-swiper {



    border: 1px solid #e5e5e5;



    text-align: center



}







.ginfo-swiper li {



    padding: .3rem



}







@media (max-width: 992px) {



    .ginfo-swiper {



        margin-bottom:.5rem



    }



}







.ginfo-nav {



    font-size: 18px;



    background: #fff;



    position: relative;



    text-align: center;



    border-bottom: 1px solid #eaeaea



}







.ginfo-nav .wrap {



    display: -webkit-flex;



    display: flex;



    display: -webkit-box;



    display: box;



    -webkit-align-items: center;



    align-items: center;



    -webkit-box-align: center;



    box-align: center;



    -webkit-box-pack: justify;



    box-pack: justify;



    -webkit-justify-content: space-between;



    justify-content: space-between;



    position: relative;



    z-index: 55



}







.ginfo-nav a {



    display: block;



    color: #666;



    line-height: 1rem;



    position: relative



}







.ginfo-nav a:hover {



    color: #00a1e6



}







.ginfo-nav a::after {



    content: '';



    display: block;



    position: absolute;



    width: 0;



    height: 4px;



    background: #00a1e6;



    bottom: 0;



    left: 50%;



    transform: translateX(-50%);



    transition: .4s;



    transition: all .4s ease 0s



}







.ginfo-nav a:Hover {



    color: #00a1e6



}







.ginfo-nav a.on {



    color: #00a1e6



}







.ginfo-nav a.on::after {



    width: 100%



}







.ginfo-nav.fixed {



    position: fixed;



    box-shadow: 0 5px 10px -1px rgba(0,0,0,0.1);



    left: 0;



    width: 100%;



    top: 80px;



    z-index: 555;



    border-bottom: 0



}







.good-info-nav-wrap {



    height: 80px;



    position: relative;



    z-index: 555



}







.ginfo-table {



    padding: .5rem 0;



    background: #fff



}







.ginfo-table .wrap {



   



}







.ginfo-table .ihd {



    margin-bottom: .4rem



}







@media (max-width: 992px) {



    .ginfo-table {



        border-top:10px solid #f6f7f9;



        border-bottom: 10px solid #f6f7f9



    }



}







.ginfo-updates {



    padding: 1.1rem 0



}







.ginfo-updates.s2 {



    padding: .8rem 0



}







.ginfo-updates .ihd {



    margin-bottom: .6rem



}







.ginfo-products {



    background: #fff;



    padding: 1.1rem 0



}







.ginfo-products .ihd {



    margin-bottom: .7rem



}







.good-list {



    margin-left: -0.36rem/2;



    margin-right: -0.36rem/2



}







.good-list>* {



    padding-left: .36rem/2;



    padding-right: .36rem/2



}







.good-list li {



    margin-bottom: .26rem



}







.good-list li .img {



    margin-bottom: .2rem



}







.good-list li .title {



    display: block;



    font-size: 18px;



    line-height: 1.4



}







.good-list li:hover .title {



    color: #00a1e6



}







@media (max-width: 992px) {



    .good-list li:nth-child(2n+1) {



        clear:both



    }







    .good-list li .title {



        font-size: 15px



    }



}







.hy-introduce {



    padding: .4rem 0 1rem;



    position: relative



}







.hy-introduce ._bg {



    background-image: url('img/bg_hy.jpg');



    background-repeat: no-repeat;



    background-position: right center;



    position: absolute;



    width: 100%;



    height: 100%;



    left: 0;



    top: 0;



    z-index: 1;



    background-size: auto 100%



}







.hy-introduce .info {



    position: relative;



    z-index: 2;



    font-size: 16px;



    line-height: 1.76;



    color: #666;



    margin-top: .3rem;



    width: 50%



}







@media (max-width: 992px) {



    .hy-introduce ._bg {



        opacity:.2



    }







    .hy-introduce .info {



        width: 80%



    }



}







@media (max-width: 768px) {



    .hy-introduce ._bg {



        opacity:.1



    }







    .hy-introduce .info {



        width: 100%



    }



}







.hy-list-box {



    background: #f5f5f5;



    padding: .66rem 0 1.3rem



}







.hy-list {



    padding-bottom: 1px



}







@media (min-width: 641px) {



    .hy-list li {



        display:table;



        width: 100%;



        margin-bottom: .4rem;



        background: #fff;



        transition: .4s;



        transition: all .4s ease 0s



    }







    .hy-list li>* {



        display: table-cell;



        vertical-align: middle



    }







    .hy-list li:hover {



        box-shadow: 0 10px 10px rgba(0,0,0,0.1)



    }







    .hy-list li:hover .rbtn2 {



        background: #00a1e6



    }







    .hy-list li:hover .rbtn2 i {



        animation: downico 1.5s ease-out infinite;



        background-image: url('img/arr.png')



    }







    .hy-list .img {



        width: 400px



    }







    .hy-list .info {



        padding: .3rem .4rem



    }



}







@media (min-width: 641px) and (max-width:1200px) {



    .hy-list .img {



        width:40%



    }



}







.hy-list .title {



    font-size: 24px;



    line-height: 30px;



    max-height: 60px;



    word-break: break-word;



    display: -webkit-box;



    -webkit-box-orient: vertical;



    overflow: hidden;



    -webkit-line-clamp: 2



}







.hy-list .title:hover {



    color: #00a1e6



}







.hy-list .desc {



    font-size: 16px;



    color: #666;



    line-height: 24px;



    height: 48px;



    word-break: break-word;



    display: -webkit-box;



    -webkit-box-orient: vertical;



    overflow: hidden;



    -webkit-line-clamp: 2;



    margin: .2rem 0



}







.hy-list .bottom {



    display: -webkit-flex;



    display: flex;



    display: -webkit-box;



    display: box;



    -webkit-align-items: center;



    align-items: center;



    -webkit-box-align: center;



    box-align: center;



    -webkit-box-pack: justify;



    box-pack: justify;



    -webkit-justify-content: space-between;



    justify-content: space-between



}







.hy-list .data .time {



    color: #999;



    text-transform: uppercase



}







.hy-list .data .tag {



    color: #00a1e6;



    display: inline-block;



    padding-right: .1rem



}







@media (max-width: 1200px) {



    .hy-list .title {



        font-size:20px;



        line-height: 26px;



        max-height: 52px



    }



}







@media (max-width: 640px) {



    .hy-list li {



        background:#fff;



        margin-bottom: .3rem



    }







    .hy-list .info {



        padding: .3rem .2rem .6rem



    }







    .hy-list .desc {



        margin-bottom: .3rem



    }



}







.hy-artile .arc-top {



    text-align: center;



    padding-bottom: .46rem;



    margin-left: auto;



    margin-right: auto;



    width: 88%;



    max-width: 1100px



}







.hy-artile .arc-top h1 {



    font-size: .36rem;



    margin: 0 0 .26rem;



    line-height: 1.3



}







.hy-artile .arc-top .data {



    color: #999



}







.hy-artile .arc-top .data .time {



    text-transform: uppercase



}







.hy-artile .arc-top .data .tag {



    color: #00a1e6;



    padding-right: .1rem



}







@media (max-width: 640px) {



    .hy-artile .arc-top {



        padding-bottom:.4rem



    }



}







.hy-artile .wrap {



    position: relative;



    padding: .5rem 0 .9rem



}







.hy-artile .arc-bd {



    background: #fff;



    font-size: 16px;



    color: #666;



    position: relative



}







.hy-artile .arc-content {



    max-width: 840px;



    margin-left: auto;



    margin-right: auto;



    width: 80%



}







@media (max-width: 768px) {



    .hy-artile .arc-content {



        width:100%



    }



}







.hy-artile article {



    line-height: 1.76



}







.hy-artile article p {



    margin-bottom: .3rem



}







.hy-artile article img {



    display: block;



    width: 100%



}







.hy-artile article video {


width: 100%;


object-fit: cover;


display: block;


margin-bottom: .3rem;


height: auto;
}







.updates-swiper-wrap {



    width: 88vw;



    max-width: 1440px;



    margin-left: auto;



    margin-right: auto



}







@media (max-width: 992px) {



    .updates-swiper-wrap {



        width:100%



    }



}







.updates-swiper-box {



    position: relative;



    padding: 0 50px



}







@media (min-width: 1680px) {



    .updates-swiper-box {



        margin-left:-50px;



        margin-right: -50px



    }



}







@media (max-width: 992px) {



    .updates-swiper-box {



        padding:0



    }



}







.updates-swiper-box .pnext {



    width: 50px;



    height: 50px;



    line-height: 50px;



    text-align: center;



    border-radius: 50%;



    border: 1px solid #00a1e6;



    color: #00a1e6;



    transition: .4s;



    transition: all .4s ease 0s



}







.updates-swiper-box .pnext::after {



    color: inherit;



    font-size: 20px



}







.updates-swiper-box .pnext:hover {



    background: #00a1e6;



    color: #fff



}







@media (max-width: 768px) {



    .updates-swiper-box .pnext {



        width:36px;



        height: 36px;



        line-height: 36px;



        text-align: center



    }



}







.updates-swiper-box .swiper-button-prev {



    left: -10px



}







.updates-swiper-box .swiper-button-next {



    right: -10px



}







.updates-swiper li {



    width: 33.33%



}







.updates-swiper li .inner {



    margin: 0 .1rem



}







@media (max-width: 992px) {



    .updates-swiper li {



        padding-bottom:.5rem;



        width: 40%



    }



}







@media (max-width: 768px) {



    .updates-swiper li {



        width:50%



    }



}







@media (max-width: 480px) {



    .updates-swiper li {



        width:70%



    }



}







.bg-white {



    background: #fff



}







.products-swiper {



    text-align: center



}







.products-swiper .title {



    margin-left: .1rem;



    margin-right: .1rem



}







@media (max-width: 992px) {



    .products-swiper {



        padding-bottom:.5rem



    }



}







.products-swiper li {



    width: 25%



}







@media (max-width: 1200px) {



    .products-swiper li {



        width:33.33%



    }



}







@media (max-width: 768px) {



    .products-swiper li {



        width:50%



    }



}







.arc-pnext {



    padding-top: .3rem;



    border-top: 1px solid #b2e3f7;



    display: -webkit-flex;



    display: flex;



    display: -webkit-box;



    display: box;



    -webkit-align-items: center;



    align-items: center;



    -webkit-box-align: center;



    box-align: center;



    -webkit-box-pack: justify;



    box-pack: justify;



    -webkit-justify-content: space-between;



    justify-content: space-between;



    line-height: 30px;



    font-size: 16px



}







.arc-pnext a {



    display: block



}







.arc-pnext a:hover {



    color: #00a1e6



}







.arc-pnext a .ic-arr {



    width: 28px;



    height: 7px;



    background-image: url('img/arr3.png');



    background-repeat: no-repeat;



    background-position: center center;



    display: inline-block;



    vertical-align: middle;



    margin: 0 5px;



    filter: grayscale(100%)



}







.arc-pnext a:hover .ic-arr {



    filter: grayscale(0%)



}







.arc-pnext .prev .ic-arr {



    transform: rotate(180deg)



}







.arc-pnext .list {



    width: 30px;



    height: 30px;



    position: relative;



    overflow: hidden



}







.arc-pnext .list .icon {



    background-image: url('img/menu.png');



    background-repeat: no-repeat;



    background-position: center center;



    width: 30px;



    height: 30px;



    display: block;



    background-size: 24px



}







.arc-pnext .list:hover .icon {



    filter: drop-shadow(36px 0 #00a1e6);



    position: relative;



    left: -36px



}







.arc-share {



    position: absolute;



    left: 0;



    top: .5rem;



    padding-top: .2rem;



    text-align: center;



    width: 1.5rem;



    max-width: 150px



}







.arc-share h4 {



    font-size: 16px;



    color: #999;



    position: relative;



    border-bottom: 1px solid rgba(0,0,0,0.1);



    margin: 0 auto .3rem



}







.arc-share h4 em {



    position: absolute;



    left: 50%;



    top: 50%;



    transform: translateX(-50%) translateY(-50%);



    z-index: 5;



    background: #fff;



    padding: 0 10px



}







.arc-share a {



    width: 36px;



    height: 36px;



    display: block;



    margin: 0 auto .2rem;



    border: 1px solid #c2c2c2;



    border-radius: 50%;



    overflow: hidden



}







.arc-share i {



    width: 36px;



    height: 36px;



    display: block;



    background-size: .2rem;



    background-position: center;



    background-repeat: no-repeat;



    cursor: pointer



}







.arc-share .ic-facebook {



    background-image: url('img/ft_Facebook.png')



}







.arc-share .ic-twitter {



    background-image: url('img/ft_twitter.png')



}







.arc-share .ic-in {



    background-image: url('img/ft_in.png')



}







.arc-share a:hover {



    background: #00a1e6;



    border-color: #00a1e6



}







.arc-share a:hover i {



    filter: drop-shadow(36px 0 #fff);



    position: relative;



    left: -36px



}







@media (max-width: 1360px) {



    .arc-share {



        width:auto



    }







    .arc-share h4 {



        margin-bottom: .5rem



    }







    .arc-share em {



        position: relative



    }







    .arc-share em::after {



        content: '';



        display: block;



        position: absolute;



        width: 20%;



        height: 2px;



        background-color: #ccc;



        left: 50%;



        margin-left: -10%



    }



}







.press-list-box {



    padding: .5rem 0 1.5rem



}







.press-list-box .ihd {



    margin-bottom: .38rem



}







.video-list li:nth-child(3n+1) {



    clear: none



}







.video-list li:nth-child(4n+1) {



    clear: both



}







@media (max-width: 1200px) {



    .video-list li:nth-child(3n+1) {



        clear:both



    }







    .video-list li:nth-child(4n+1) {



        clear: none



    }



}







@media (max-width: 992px) {



    .video-list li:nth-child(2n+1) {



        clear:both



    }







    .video-list li:nth-child(3n+1) {



        clear: none



    }



}







.video-list .info {



    height: 180px



}







@media (max-width: 1200px) {



    .video-list .info {



        height:160px



    }



}







@media (max-width: 768px) {



    .video-list .info {



        height:auto



    }



}







@media (max-width: 992px) {



    .video-list .cover-tip {



        opacity:1



    }







    .video-list .cover-tip .icon-bofang1 {



        font-size: .8rem



    }



}







.vide-type {



    font-size: 20px;



    border-bottom: 1px solid #eaeaea;



    position: relative;



    top: -0.2rem;



    margin-bottom: .5rem;



    line-height: .8rem



}







@media (min-width: 993px) {



    .vide-type {



        display:-webkit-flex;



        display: flex;



        display: -webkit-box;



        display: box



    }



}







.vide-type h4 {



    color: #999;



    padding-right: 1.2rem;



    line-height: .8rem



}







.vide-type nav {



    min-width: 0;



    -webkit-box-flex: 1;



    -webkit-flex-grow: 1;



    -ms-flex-positive: 1;



    flex-grow: 1;



    -webkit-flex-shrink: 1;



    -ms-flex-negative: 1;



    flex-shrink: 1



}







.vide-type nav a {



    margin-right: .6rem;



    position: relative;



    display: inline-block



}







.vide-type nav a:hover {



    color: #00a1e6



}







.vide-type nav a:last-child {



    margin-right: 0



}







.vide-type nav .active::after {



    content: '';



    display: block;



    position: absolute;



    width: 100%;



    height: 3px;



    background: #00a1e6;



    bottom: 0;



    left: 0



}







@media (max-width: 1200px) {



    .vide-type.s2 {



        margin-bottom:80px



    }







    .vide-type.s2 .search {



        border: 1px solid #eaeaea;



        left: 0;



        top: 100%;



        margin-top: 40px;



        width: 100%;



        max-width: none;



        border-radius: 5px;



        max-width: 600px



    }







    .vide-type.s2 .search input {



        text-align: left;



        display: block;



        padding-left: .2rem;



        height: 40px;



        line-height: 40px



    }







    .vide-type.s2 .search .submit {



        height: 40px;



        line-height: 40px;



        margin-top: 0;



        padding-right: 10px



    }



}







.vide-type.s2 h4 {



    padding-right: .6rem



}







.vide-type .search {



    position: absolute;



    right: 0;



    top: 50%;



    transform: translateY(-50%);



    padding-right: 40px;



    max-width: 300px



}







.vide-type .search .submit {



    position: absolute;



    right: 0;



    top: 50%;



    transform: translateY(-50%);



    color: #00a1e6;



    cursor: pointer;



    width: 30px;



    text-align: center;



    margin-top: 5px



}







.vide-type .search input {



    font-size: 18px;



    padding: .2rem 0;



    text-align: right;



    width: 100%



}







.vide-type .search input::-webkit-input-placeholder,.vide-type .search textarea::-webkit-input-placeholder {



    color: #999



}







.vide-type .search input:-moz-placeholder,.vide-type .search textarea:-moz-placeholder {



    color: #999



}







.vide-type .search input::-moz-placeholder,.vide-type .search textarea::-moz-placeholder {



    color: #999



}







.vide-type .search input:-ms-input-placeholder,.vide-type .search textarea:-ms-input-placeholder {



    color: #999



}







@media (max-width: 992px) {



    .vide-type {



        font-size:16px



    }



}







@media (max-width: 768px) {



    .vide-type nav a {



        margin-right:.3rem



    }



}







.download-list {



    margin-bottom: .6rem



}







.download-list li {



    border-bottom: 1px solid #eaeaea;



    padding: 24px 0;



    position: relative;



    font-size: 18px;



    transition: .4s;



    transition: all .4s ease 0s



}







.download-list li a {



    display: -webkit-flex;



    display: flex;



    display: -webkit-box;



    display: box



}







.download-list li .tit {



    min-width: 0;



    -webkit-box-flex: 1;



    -webkit-flex-grow: 1;



    -ms-flex-positive: 1;



    flex-grow: 1;



    -webkit-flex-shrink: 1;



    -ms-flex-negative: 1;



    flex-shrink: 1;



    display: block;



    margin-right: .3rem



}







.download-list li i {



    display: block



}







.download-list li .icon-download {



    color: #666;



    font-size: 18px



}







.download-list li .icon-pdf {



    font-size: 20px;



    padding-right: 20px



}







.download-list li:hover {



    color: #00a1e6



}







.download-list li:hover i,.download-list li:hover .tit {



    color: #00a1e6



}







@media (min-width: 992px) {



    .download-list li:hover {



        padding-left:.3rem



    }



}







.map-box {



    position: relative



}







.map-box nav {



    width: 500px;



    border: 1px solid #00a1e6;



    background: #fff;



    text-align: center;



    font-size: 20px;



    bottom: .5rem



}







.map-box nav .item {



    float: left;



    line-height: .6rem;



    width: 25%;



    color: #00a1e6;



    cursor: pointer;



    position: relative



}







.map-box nav .item::before {



    content: '';



    display: block;



    width: 1px;



    height: 40%;



    position: absolute;



    top: 50%;



    transform: translateY(-50%);



    z-index: 5;



    background: #00a1e6;



    left: -1px



}







.map-box nav .active::before,.map-box nav .item:first-child::before,.map-box nav .active+.item::before {



    display: none



}







.map-box nav .active {



    background: #00a1e6;



    color: #fff !important



}







.map-box .info {



    position: relative



}







.map-box .info h4 {



    font-size: 24px;



    border-bottom: 1px solid #eaeaea;



    padding-bottom: 10px;



    margin-bottom: 20px



}







.map-box .info dd {



    margin-top: .3rem;



    color: #666;



    font-size: 16px;



    line-height: 22px;



    position: relative;



    padding-left: 30px



}







.map-box .info dd i {



    width: 20px;



    height: 20px;



    position: absolute;



    left: 0;



    top: 2px



}







.map-box .info dd .ic-addr {



    background-image: url('img/ic_m1.png');



    background-repeat: no-repeat;



    background-position: center center



}







.map-box .info dd .ic-tel {



    background-image: url('img/ic_m2.png');



    background-repeat: no-repeat;



    background-position: center center



}







.map-box .info dd .ic-print {



    background-image: url('img/ic_m3.png');



    background-repeat: no-repeat;



    background-position: center center



}







.map-box .info dd .ic-email {



    background-image: url('img/ic_m4.png');



    background-repeat: no-repeat;



    background-position: center center



}







@media (min-width: 992px) {



    .map-box nav {



        position:absolute;



        left: -250px



    }







    .map-box #map {



        position: absolute;



        width: 65vw;



        left: 0;



        top: 0;



        height: 100%



    }







    .map-box .info {



        margin-left: 65vw;



        width: 29vw;



        max-width: 450px



    }







    .map-box .info .inner {



        padding: .8rem 0 2rem .5rem



    }







    .map-box .info .logo {



        width: 230px;



        height: 50px;



        background-image: url('img/map_logo2.png');



        background-repeat: no-repeat;



        background-position: center center;



        background-size: contain;



        display: block;



        margin-bottom: .3rem



    }



}







@media (max-width: 991px) {



    .map-box {



        padding-top:.5rem



    }







    .map-box #map {



        height: 6rem



    }







    .map-box .info {



        width: 88vw;



        max-width: 1440px;



        margin-left: auto;



        margin-right: auto;



        padding: .5rem 0



    }







    .map-box nav {



        margin: 0 auto .3rem



    }







    .map-box nav a {



        font-size: 16px



    }



}







@media (max-width: 640px) {



    .map-box nav {



        width:5rem



    }



}







.contact-list {



    padding: .9rem 0



}







.contact-list .ihd {



    margin-bottom: .54rem



}







.contact-list .row {



    margin-left: -0.36rem/2;



    margin-right: -0.36rem/2



}







.contact-list .row>* {



    padding-left: .36rem/2;



    padding-right: .36rem/2



}







.contact-list .row li {



    margin-bottom: .36rem



}







.contact-list .row .inner {



    background: #f5f5f5;



    padding: .3rem



}







.contact-list .row h3 {



    font-size: 24px;



    margin-bottom: .4rem



}







.contact-list .row dd {



    font-size: 16px;



    line-height: 22px;



    color: #666;



    margin-bottom: .2rem;



    position: relative;



    padding-left: .4rem



}







.contact-list .row i {



    width: 20px;



    height: 20px;



    position: absolute;



    left: 0;



    top: 2px



}







.contact-list .row .ic-addr {



    background-image: url('img/ic_m1.png');



    background-repeat: no-repeat;



    background-position: center center



}







.contact-list .row .ic-tel {



    background-image: url('img/ic_m2.png');



    background-repeat: no-repeat;



    background-position: center center



}







.contact-list .row .ic-email {



    background-image: url('img/ic_m4.png');



    background-repeat: no-repeat;



    background-position: center center



}







@media (max-width: 992px) {



    .contact-list .row h4 {



        font-size:20px



    }



}







.quote-form {



    background: #f5f5f5;



    padding: .86rem 0 1.4rem



}







.quote-form .form {



    max-width: 1100px



}







@media (min-width: 992px) {



    .quote-form .form {



        width:80%;



        margin: 0 0 0 auto;



        min-width: 640px



    }



}







.quote-form .cell {



    margin-bottom: .24rem



}







.quote-form .inner {



    min-height: .8rem;



    border: 1px solid #e6e6e6;



    background: #fff;



    position: relative



}







.quote-form .inner input {



    border: 0;



    line-height: .8rem;



    height: .8rem;



    background: none;



    padding: 0 0 0 .2rem;



    font-size: 16px;



    z-index: 2



}







.quote-form .inner.focus input {



    line-height: .4rem;



    padding: .26rem .2rem 0 .2rem;



    position: relative



}







.quote-form .inner.focus .tit {



    line-height: .46rem;



    z-index: 3



}







.quote-form .inner .tit {



    font-weight: 0;



    line-height: .8rem;



    color: #999;



    font-size: 16px;



    position: absolute;



    left: .2rem;



    top: 0;



    z-index: 1;



    transition: .4s;



    transition: all .4s ease 0s



}







@media (max-width: 768px) {



    .quote-form .inner input {



        line-height:1rem;



        height: 1rem



    }







    .quote-form .inner .tit {



        line-height: 1rem



    }







    .quote-form .inner.focus .tit {



        line-height: .6rem



    }







    .quote-form .inner.focus input {



        padding-top: .36rem



    }



}







.quote-form .area-inner .tit {



    line-height: .46rem



}







.quote-form .area-inner textarea {



    border: 0;



    padding: .4rem .2rem .1rem;



    font-size: 16px;



    height: 1.5rem;



    background: none;



    z-index: 3



}







@media (max-width: 768px) {



    .quote-form .area-inner .tit {



        line-height:.6rem



    }







    .quote-form .area-inner textarea {



        padding-top: .6rem;



        height: 2rem



    }



}







.quote-form .submit {



    background: #00a1e6;



    border-radius: 2em;



    color: #fff;



    display: inline-block;



    width: 180px;



    height: 40px;



    line-height: 40px;



    text-align: center;



    margin-top: .3rem;



    cursor: pointer;



    transition: .4s;



    transition: all .4s ease 0s



}







.quote-form .submit:hover {



    width: 200px



}







.partner-list {



    padding: .5rem 0 1rem



}







.partner-list .ihd {



    margin-bottom: .5rem



}







.partner-list ul {



    margin-left: -0.24rem/2;



    margin-right: -0.24rem/2



}







.partner-list ul>* {



    padding-left: .24rem/2;



    padding-right: .24rem/2



}







.partner-list li {



    width: 20%;



    float: left;



    margin-bottom: .24rem



}







@media (max-width: 1200px) {



    .partner-list li {



        width:25%



    }



}







@media (max-width: 992px) {



    .partner-list li {



        width:33.3%



    }



}







@media (max-width: 640px) {



    .partner-list li {



        width:50%



    }



}







.partner-list .cover-box {



    border: 1px solid #eaeaea;



    transition: .4s;



    transition: all .4s ease 0s



}







.partner-list .cover-box:hover {



    border-color: #00a1e6;



    box-shadow: 0 5px 10px rgba(0,0,0,0.1)



}







.join-box {



    padding: .6rem 0 1rem;



    background: #f5f5f5



}







.join-box .ihd {



    margin-bottom: .44rem



}







.join-box .item {



    margin-bottom: 10px



}







.join-box .item h3 {



    height: 60px;



    line-height: 60px;



    background: #fff;



    font-size: 18px;



    padding-left: .3rem;



    position: relative;



    cursor: pointer



}







.join-box .item h3 .tag {



    position: absolute;



    right: 15px;



    top: 50%;



    transform: translateY(-50%);



    color: #00a1e6



}







.join-box .item h3 .tag .iconfont {



    padding-left: 5px;



    font-size: 20px



}







.join-box .item .info {



    display: none;



    background: #fff;



    padding: .4rem .6rem;



    color: #666;



    line-height: 1.8



}







.join-box .item .info h4 {



    font-weight: bold;



    margin-top: 1.4em;



    padding-bottom: 5px



}







.join-box .item .apply {



    width: 180px;



    height: 48px;



    line-height: 48px;



    text-align: center;



    background: #00a1e6;



    color: #fff;



    display: block;



    font-size: 18px;



    margin-top: .3rem;



    transition: .4s;



    transition: all .4s ease 0s



}







.join-box .item .apply:hover {



    width: 160px



}







@media (max-width: 640px) {



    .join-box .item h3 .tag {



        font-size:14px



    }







    .join-box .item h3 .tag .iconfont {



        font-size: 18px



    }







    .join-box .item .info {



        padding: .2rem .4rem .6rem



    }







    .join-box .item .apply {



        width: 130px;



        height: 36px;



        line-height: 36px;



        font-size: 16px



    }



}







.join-box .item.open h3 {



    background: #00a1e6;



    color: #fff



}







.join-box .item.open h3 .tag {



    color: #fff



}







.join-box .item.open h3 .tag .iconfont::before {



    content: "\e620"



}







@media (max-width: 640px) {



    .join-box .item.open h3 {



        height:50px;



        line-height: 50px



    }



}







.c-profile {



    padding: .5rem 0 1rem



}







.c-profile .ihd {



    margin-bottom: .4rem



}







.c-profile .txt {



    font-size: 16px;



    color: #666;



    line-height: 1.76



}







.c-profile .txt p {



    margin-bottom: .2rem



}







.c-profile .cdata i {



    opacity: .6



}







.c-profile .cdata b {



    color: #00a1e6



}







.c-profile .cdata .desc {



    color: #999



}







.c-network {



    background-color: #f6f6f6;



    background-image: url('img/map2.jpg');



    background-repeat: no-repeat;



    background-position: center center;



    background-size: cover;



    padding: 1rem 0 .5rem



}







.c-network .wrap {



    height: 5.6rem;



    position: relative



}







.c-network .ihd {



    margin-bottom: .3rem



}







.c-network .txt {



    line-height: 1.76



}







.c-network .value {



    position: absolute;



    left: 0;



    bottom: 0



}







.c-network .value b {



    font-size: 1rem;



    background: linear-gradient(to top right, #00a1e6, #17ecbd);



    -webkit-background-clip: text;



    color: transparent



}







.c-network .value em {



    font-size: 16px;



    color: #999;



    text-transform: uppercase



}







.c-list {



    padding-bottom: 1rem



}







.c-list .top {



    background: url('img/gs.jpg') no-repeat center center;



    background-size: cover;



    position: relative



}







.c-list .top video {



    width: 100%;



    height: 100%;



    object-fit: cover;



    left: 0;



    top: 0;



    position: absolute;



    z-index: 5



}







.c-list .top .wrap {



    height: 6rem;



    position: relative;



    color: #fff;



    font-size: .48rem;



    text-align: center;



    z-index: 55



}







@media (max-width: 768px) {



    .c-list .top .wrap {



        height:4rem



    }



}







.c-list .top h3 {



    position: absolute;



    left: 50%;



    top: 50%;



    transform: translateX(-50%) translateY(-50%);



    z-index: 5;



    width: 100%



}







.c-list .infobox {



    padding: .4rem 0 .3rem;



    border-bottom: 1px solid #eaeaea;



    margin-bottom: .6rem



}







.c-list .infobox .ihd {



    margin-bottom: .4rem



}







.c-list .infobox .vtxt p {



    margin-bottom: 1em



}







.c-list .row {



    margin-left: -1rem/2;



    margin-right: -1rem/2



}







.c-list .row>* {



    padding-left: 1rem/2;



    padding-right: 1rem/2



}







.c-list .row li {



    margin-bottom: .9rem;



    display: -webkit-flex;



    display: flex;



    display: -webkit-box;



    display: box



}







.c-list .row li .info {



    padding-left: .4rem;



    min-width: 0;



    -webkit-box-flex: 1;



    -webkit-flex-grow: 1;



    -ms-flex-positive: 1;



    flex-grow: 1;



    -webkit-flex-shrink: 1;



    -ms-flex-negative: 1;



    flex-shrink: 1



}







.c-list .row li:nth-child(2n+1) {



    clear: both



}







.c-list .row .icon {



    width: .88rem



}







.c-list .row h3 {



    font-size: 24px;



    margin-bottom: .15rem



}







.c-list .row .vtxt p {



    margin-bottom: 1em



}







.vtxt {



    font-size: 16px;



    color: #666;



    line-height: 1.76



}







.h-talent {



    padding: .5rem 0 .6rem



}







.h-talent .ihd {



    margin-bottom: .4rem



}







@media (min-width: 992px) {



    .h-talent .bd {



        background-image:url('img/work.png');



        background-repeat: no-repeat;



        background-position: center center;



        height: 4.25rem;



        position: relative;



        background-size: contain



    }







    .h-talent .bd li {



        width: 36%;



        font-size: 24px;



        position: absolute;



        top: .8rem;



        text-align: right;



        white-space: nowrap



    }







    .h-talent .bd li:nth-child(2n) {



        left: 64%;



        text-align: left



    }







    .h-talent .bd li:nth-child(3),.h-talent .bd li:nth-child(4) {



        bottom: .7rem;



        top: auto



    }



}







@media (min-width: 992px) and (max-width:1200px) {



    .h-talent .bd li {



        font-size:20px



    }







    .h-talent .bd li:nth-child(1),.h-talent .bd li:nth-child(2) {



        top: 1rem



    }







    .h-talent .bd li:nth-child(3),.h-talent .bd li:nth-child(4) {



        bottom: 1rem



    }



}







@media (max-width: 991px) {



    .h-talent {



        background-size:30vw



    }







    .h-talent li {



        font-size: 20px;



        line-height: 1.76;



        color: #666;



        padding-left: 15px;



        position: relative



    }







    .h-talent li::before {



        position: absolute;



        top: 50%;



        transform: translateY(-50%);



        z-index: 5;



        left: 0;



        content: '???';



        display: block;



        font-size: 14px;



        color: #00a1e6



    }



}







.work2-box {



    background: url('img/work2.jpg') no-repeat center center;



    background-size: cover;



    padding: .9rem 0 1.2rem;



    color: #fff;



    font-size: 16px



}







.work2-box .wrap .inner {



    line-height: 1.6;



    width: 70%;



    max-width: 720px



}







@media (max-width: 992px) {



    .work2-box .wrap .inner {



        width:100%



    }







    .work2-box .wrap .inner h4 {



        font-size: 20px



    }



}







.work2-box .wrap h4 {



    font-size: 24px;



    line-height: 1.2



}







.work2-box .wrap p {



    margin-top: .2rem



}







.factory-box {



    padding: .5rem 0 .8rem



}







.factory-box .ihd {



    margin-bottom: .4rem



}







.factory-box .vtxt {



    margin-bottom: .6rem



}







.development-box {



    padding: .5rem 0 .8rem;



    background: url('img/work3.jpg') no-repeat center center;



    background-size: cover



}







.development-box .ihd {



    margin-bottom: .4rem



}







.development-box .vtxt {



    margin-bottom: .6rem



}







@media (min-width: 993px) {



    .development-box li {



        width:25%;



        float: left;



        position: relative



    }







    .development-box li dl {



        margin-left: .8rem;



        padding-bottom: .5rem;



        padding-left: .3rem;



        position: relative



    }







    .development-box li dl::before {



        content: '';



        display: block;



        position: absolute;



        width: 1px;



        top: 20px;



        bottom: 10px;



        background: linear-gradient(180deg, #c6c6c6, #efefef);



        left: 0



    }







    .development-box li dd {



        font-size: 18px;



        position: relative;



        height: 1rem



    }







    .development-box li dd p {



        line-height: 20px;



        display: inline-block;



        background: #fff;



        border-radius: 2em;



        padding: 14px .3rem;



        box-shadow: -10px 0 10px rgba(0,0,0,0.1);



        position: relative



    }







    .development-box li dd p::before {



        content: '';



        display: block;



        width: 0;



        height: 0;



        border: 10px solid transparent;



        border-right-color: #fff;



        border-right-width: 15px;



        position: absolute;



        top: 50%;



        transform: translateY(-50%);



        z-index: 5;



        left: -18px



    }







    .development-box li dd p::after {



        content: '';



        display: block;



        width: 16px;



        height: 16px;



        background: #c6c6c6;



        border: 5px solid #f4f4f4;



        border-radius: 50%;



        position: absolute;



        top: 50%;



        transform: translateY(-50%);



        z-index: 5;



        left: -0.3rem;



        margin-left: -8px



    }







    .development-box li h3 {



        font-size: 24px;



        text-align: center;



        font-weight: bold;



        left: -0.8rem;



        border-top: 1px solid #00a1e6;



        padding-top: .2rem;



        position: relative



    }







    .development-box li h3::before {



        content: '';



        display: block;



        position: absolute;



        width: 24px;



        height: 24px;



        background-color: #f5f5f5;



        border: 6px solid #00a1e6;



        border-radius: 50%;



        left: 1.5rem;



        top: -13px;



        margin-left: -2px;



        z-index: 2



    }







    .development-box li h3::after {



        content: '';



        display: block;



        position: absolute;



        width: 40px;



        height: 40px;



        background-color: #f5f5f5;



        border-radius: 50%;



        top: -20px;



        left: 1.5rem;



        margin-left: -10px;



        z-index: 1



    }



}







@media (max-width: 1200px) {



    .development-box li dd p {



        font-size:16px



    }







    .development-box li li dl {



        margin-left: 0



    }







    .development-box li li h3 {



        font-size: 18px



    }







    .development-box li li h3::before,.development-box li li h3:after {



        left: .7rem



    }



}







@media (max-width: 992px) {



    .development-box li {



        margin-bottom:.3rem;



        border-bottom: 1px solid #eaeaea;



        padding-bottom: .2rem



    }







    .development-box h3 {



        font-size: 22px;



        color: #00a1e6;



        margin-bottom: .1rem



    }







    .development-box dd {



        font-size: 16px;



        display: inline-block;



        padding-right: .3rem;



        min-width: 25%;



        line-height: 1.76;



        color: #666;



        padding-left: 15px;



        position: relative



    }







    .development-box dd:last-child {



        padding-right: 0



    }







    .development-box dd::before {



        content: '???';



        position: absolute;



        top: 50%;



        transform: translateY(-50%);



        z-index: 5;



        left: 0



    }



}







.benefits-box {



    padding: .5rem 0 .5rem;



    position: relative



}







@media (min-width: 992px) {



    .benefits-box::after {



        content:'';



        display: block;



        position: absolute;



        width: 34vw;



        height: 100%;



        background: url('img/ic_be.jpg') no-repeat center center;



        background-size: cover;



        right: 0;



        top: 0



    }



}







.benefits-box .ihd {



    margin-bottom: .4rem



}







.benefits-box .icons {



    margin-left: -0.2rem/2;



    margin-right: -0.2rem/2



}







.benefits-box .icons>* {



    padding-left: .2rem/2;



    padding-right: .2rem/2



}







.benefits-box .icons li {



    margin-bottom: .2rem



}







.benefits-box .inner {



    background: #f5f5f5;



    height: 2.2rem;



    display: -webkit-flex;



    display: flex;



    display: -webkit-box;



    display: box;



    -webkit-box-orient: vertical;



    box-orient: vertical;



    -webkit-flex-direction: column;



    -ms-flex-direction: column;



    flex-direction: column;



    -webkit-justify-content: center;



    justify-content: center;



    -webkit-box-pack: center;



    box-pack: center;



    text-align: center



}







.benefits-box .inner em {



    width: .66rem;



    height: .66rem;



    overflow: hidden;



    display: block;



    margin: 0 auto .1rem;



    position: relative



}







.benefits-box .inner .ic {



    width: .66rem;



    height: .66rem;



    display: block;



    background-position: center;



    background-repeat: no-repeat;



    background-size: contain;



    position: absolute



}







.benefits-box .inner .ic.ic1 {



    background-image: url('img/ic_be_1.png')



}







.benefits-box .inner .ic.ic2 {



    background-image: url('img/ic_be_2.png')



}







.benefits-box .inner .ic.ic3 {



    background-image: url('img/ic_be_3.png')



}







.benefits-box .inner .ic.ic4 {



    background-image: url('img/ic_be_4.png')



}







.benefits-box .inner .ic.ic5 {



    background-image: url('img/ic_be_5.png')



}







.benefits-box .inner .ic.ic6 {



    background-image: url('img/ic_be_6.png')



}







.benefits-box .inner .ic.ic7 {



    background-image: url('img/ic_be_7.png')



}







.benefits-box .inner .ic.ic8 {



    background-image: url('img/ic_be_8.png')



}







.benefits-box .inner .tit {



    margin: 0 .1rem;



    line-height: 26px;



    height: 52px;



    display: -webkit-flex;



    display: flex;



    display: -webkit-box;



    display: box;



    -webkit-box-orient: vertical;



    box-orient: vertical;



    -webkit-flex-direction: column;



    -ms-flex-direction: column;



    flex-direction: column;



    -webkit-justify-content: center;



    justify-content: center;



    -webkit-box-pack: center;



    box-pack: center;



    font-size: 18px;



    color: #666



}







@media (min-width: 992px) {



    .benefits-box .inner:hover {



        background:#00a1e6



    }







    .benefits-box .inner:hover .tit {



        color: #fff



    }







    .benefits-box .inner:hover i {



        -webkit-filter: drop-shadow(.66rem 0 #fff);



        filter: drop-shadow(.66rem 0 #fff);



        left: -0.66rem;



        top: 0



    }



}







.benefits-box .icon {



    background: url('img/ic_be.jpg') no-repeat center center;



    background-size: cover



}







@media (max-width: 992px) {



    .benefits-box .inner .tit {



        font-size:16px;



        line-height: 20px;



        height: 40px;



        padding-top: 5px



    }



}







.team-box {



    background: #f5f5f5;



    padding: .5rem 0 1rem



}







.team-box .ihd {



    margin-bottom: .4rem



}







.team-box .press-list {



    margin-left: -0.56rem/2;



    margin-right: -0.56rem/2



}







.team-box .press-list>* {



    padding-left: .56rem/2;



    padding-right: .56rem/2



}







@media (max-width: 1200px) {



    .team-box .press-list {



        margin-left:-0.3rem/2;



        margin-right: -0.3rem/2



    }







    .team-box .press-list>* {



        padding-left: .3rem/2;



        padding-right: .3rem/2



    }



}







.swiper-factory {



    padding-bottom: .6 rem



}







.swiper-factory li {



    width: 50%;



    padding: 0 .1rem



}







@media (max-width: 640px) {



    .swiper-factory li {



        width:100%;



        padding: 0



    }



}







.swiper-factory li .tit {



    background: #f5f5f5;



    padding: .2rem 0;



    text-align: center;



    font-size: 24px



}







@media (max-width: 1200px) {



    .swiper-factory li .tit {



        font-size:20px



    }



}







@media (max-width: 640px) {



    .swiper-factory li .tit {



        font-size:18px



    }



}







.swiper-factory .pnext {



    width: .5rem;



    height: .5rem;



    line-height: .5rem;



    border-radius: 50%;



    border: 1px solid #00a1e6;



    transition: .4s;



    transition: all .4s ease 0s



}







.swiper-factory .pnext::after {



    font-size: 20px



}







.swiper-factory .pnext:hover {



    background: #00a1e6



}







.swiper-factory .pnext:hover::after {



    color: #fff



}







.honner-data {



    background: #f5f5f5;



    padding: .5rem 0 1rem



}







.honner-data .wrap .ihd {



    margin-bottom: .3rem



}







.honner-data .wrap .txt {



    font-size: 16px;



    color: #666;



    line-height: 1.76;



    margin-bottom: .4rem



}







.honner-data .wrap .txt p {



    margin-bottom: .2rem



}







@media (min-width: 992px) {



    .honner-data .inner {



        display:table;



        width: 100%



    }







    .honner-data .inner>* {



        display: table-cell;



        vertical-align: middle



    }







    .honner-data .leftbox {



        width: 70%;



        padding-right: 1rem



    }







    .honner-data .rightbox {



        width: 30%



    }



}







@media (min-width: 992px) and (max-width:1360px) {



    .honner-data .leftbox {



        width:60%;



        padding-right: .5rem



    }







    .honner-data .rightbox {



        width: 35%



    }



}







@media (max-width: 991px) {



    .honner-data .rightbox {



        margin-top:1rem



    }







    .honner-data .rightbox img {



        width: 100%



    }



}







@media (max-width: 768px) {



    .honner-data .rightbox {



        margin-top:.5rem;



        clear: both



    }



}







.hdata .title {



    display: -webkit-flex;



    display: flex;



    display: -webkit-box;



    display: box;



    -webkit-align-items: center;



    align-items: center;



    -webkit-box-align: center;



    box-align: center



}







@media (min-width: 769px) {



    .hdata {



        display:-webkit-flex;



        display: flex;



        display: -webkit-box;



        display: box;



        -webkit-box-pack: justify;



        box-pack: justify;



        -webkit-justify-content: space-between;



        justify-content: space-between



    }







    .hdata li {



        width: 24%



    }



}







@media (max-width: 768px) {



    .hdata {



        overflow:hidden



    }







    .hdata li {



        width: 50%;



        float: left;



        margin-bottom: .5rem



    }



}







.hdata li .title {



    display: -webkit-flex;



    display: flex;



    display: -webkit-box;



    display: box;



    -webkit-align-items: center;



    align-items: center;



    -webkit-box-align: center;



    box-align: center;



    margin-bottom: .1rem



}







.hdata li .icon {



    opacity: .6;



    width: 30px;



    height: 30px;



    display: block;



    margin-right: .2rem



}







.hdata li .icon.ic1 {



    background-image: url('img/hdata_1.png')



}







.hdata li .icon.ic2 {



    background-image: url('img/hdata_2.png')



}







.hdata li .icon.ic3 {



    background-image: url('img/hdata_3.png')



}







.hdata li .icon.ic4 {



    background-image: url('img/hdata_4.png')



}







.hdata li b {



    font-size: .48rem;



    line-height: 1.2;



    font-family: medium;



    color: #00a1e6



}







.hdata li .desc {



    font-size: 18px;



    color: #999



}







@media (max-width: 1360px) {



    .hdata li .desc {



        font-size:16px



    }



}







.honner-zs {



    padding: .5rem 0;



    overflow: hidden



}







.honner-zs .ihd {



    margin-bottom: .5rem



}







.honner-zs .inner {



    padding: .36rem .2rem .2rem;



    border: 1px solid #e5e5e5;



    background: #fff;



    text-align: center



}







.honner-zs .inner:hover {



    border-color: #00a1e6



}







.honner-zs .inner:hover .tit {



    color: #00a1e6



}







.honner-zs .cover-box {



    max-width: 260px;



    margin: 0 auto .1rem



}







.honner-zs .tit {



    font-size: 18px;



    color: #666;



    height: 66px;



    display: -webkit-flex;



    display: flex;



    display: -webkit-box;



    display: box;



    -webkit-box-orient: vertical;



    box-orient: vertical;



    -webkit-flex-direction: column;



    -ms-flex-direction: column;



    flex-direction: column;



    -webkit-justify-content: center;



    justify-content: center;



    -webkit-box-pack: center;



    box-pack: center



}







.honner-zs .tit em {



    line-height: 22px;



    display: inline-block;



    vertical-align: middle;



    max-height: 44px;



    word-break: break-word;



    display: -webkit-box;



    -webkit-box-orient: vertical;



    overflow: hidden;



    -webkit-line-clamp: 2



}







@media (max-width: 640px) {



    .honner-zs .tit {



        font-size:16px



    }



}







.honner-zs .bd {



    margin: 0 -0.3rem



}







.honner-zs .bd li {



    width: 33.33%



}







.honner-zs .bd li .inner {



    margin: 0 .3rem



}







@media (max-width: 1200px) {



    .honner-zs .bd {



        margin:0 -0.2rem



    }







    .honner-zs .bd li .inner {



        margin: 0 .2rem



    }



}







@media (max-width: 992px) {



    .honner-zs .bd {



        margin:0 -0.2rem



    }







    .honner-zs .bd li {



        width: 50%



    }







    .honner-zs .bd li .inner {



        margin: 0 .2rem



    }







    .honner-zs .bd .tit em {



        font-size: 16px;



        line-height: 20px;



        max-height: 40px



    }



}







@media (max-width: 768px) {



    .honner-zs .bd {



        margin:0 -0.1rem



    }







    .honner-zs .bd li .inner {



        margin: 0 .1rem



    }







    .honner-zs .bd .tit em {



        font-size: 14px;



        line-height: 18px;



        height: 36px



    }



}







@media (max-width: 480px) {



    .honner-zs .bd {



        margin:0 -0.06rem



    }







    .honner-zs .bd li .inner {



        margin: 0 .06rem



    }



}







.honner-swiper {



    padding-bottom: .7rem



}







.honner-swiper .swiper-pagination-bullet {



    background-color: #d0d0d0;



    border: 0;



    transition: .4s;



    transition: all .4s ease 0s



}







.honner-swiper .swiper-pagination-bullet-active {



    background: #00a1e6



}







.ginfo-download {



    padding: .5rem 0;



    background: #fff



}







.ginfo-download .ihd {



    margin-bottom: .4rem



}







.ginfo-wrap {



    background: #fff



}







@media (max-width: 992px) {



    .ginfo-wrap .cItem {



        display:block!important



    }



}







.ginfo-features {



    font-size: 16px;



    line-height: 1.76;



    padding: .5rem 0;



    background: #fff;



    margin-bottom: .1rem



}







.ginfo-features .ihd {



    margin-bottom: .4rem



}







.ginfo-features h4 {



    font-size: 24px;



    padding: 30px 0 10px



}







@media (max-width: 992px) {



    .ginfo-features h4 {



        font-size:20px



    }



}







.ginfo-features .bd {



    color: #666



}

.ginfo-features .bd p video{width:80%;}





.ginfo-features .bd h4:first-child {



    padding-top: 0



}







.BMap_cpyCtrl,.anchorBL {



    display: none



}







#map label,#map img {



    max-width: none;



    max-height: none



}







.layer-video video {



    object-fit: cover



}







.soft-list-box {



    margin: .5rem auto 1rem



}







.soft-list-box .ihd {



    margin-bottom: .4rem



}







.soft-list-box .list {



    padding-bottom: .2rem



}







.soft-item {



    background: #f5f5f5;



    margin-bottom: .4rem



}







.soft-item .download {



    border: 1px solid #00a1e6;



    border-radius: 2em;



    display: inline-block;



    padding: 14px 25px;



    color: #00a1e6;



    transition: .4s;



    transition: all .4s ease 0s



}







.soft-item .download .iconfont {



    padding-right: 5px;



    font-size: 16px



}







@media (max-width: 992px) {



    .soft-item .download {



        padding:10px 20px



    }



}







.soft-item h3 {



    font-size: 24px;



    overflow: hidden;



    white-space: nowrap;



    -o-text-overflow: ellipsis;



    text-overflow: ellipsis;



    margin-bottom: .2rem



}







.soft-item .info {



    font-size: 16px;



    color: #666;



    line-height: 24px;



    height: 96px;



    margin-bottom: .4rem;



    word-break: break-word;



    display: -webkit-box;



    -webkit-box-orient: vertical;



    overflow: hidden;



    -webkit-line-clamp: 4



}







@media (max-width: 1360px) {



    .soft-item .info {



        margin-bottom:.3rem



    }



}







@media (max-width: 1200px) {



    .soft-item .info {



        line-height:22px;



        height: 66px;



        -webkit-line-clamp: 3



    }



}







@media (min-width: 768px) {



    .soft-item {



        display:-webkit-flex;



        display: flex;



        display: -webkit-box;



        display: box;



        -webkit-align-items: center;



        align-items: center;



        -webkit-box-align: center;



        box-align: center;



        padding: .3rem;



        transition: .4s;



        transition: all .4s ease 0s



    }







    .soft-item .img {



        width: 30%;



        max-width: 370px



    }







    .soft-item .content {



        min-width: 0;



        -webkit-box-flex: 1;



        -webkit-flex-grow: 1;



        -ms-flex-positive: 1;



        flex-grow: 1;



        -webkit-flex-shrink: 1;



        -ms-flex-negative: 1;



        flex-shrink: 1;



        padding-left: .3rem



    }







    .soft-item:hover {



        background: #fff;



        box-shadow: 0 2px 15px rgba(0,0,0,0.1)



    }







    .soft-item:hover .download {



        background: #00a1e6;



        color: #fff



    }



}







@media (min-width: 768px) and (max-width:1200px) {



    .soft-item .img {



        width:258px



    }



}







@media (min-width: 768px) and (max-width:992px) {



    .soft-item .img {



        width:230px



    }



}







@media (max-width: 768px) {



    .soft-item .title {



        font-size:20px



    }







    .soft-item .content {



        padding: .4rem



    }



}







@media (max-width: 768px) {



    .soft-item .content {



        padding:.3rem .2rem .5rem



    }



}







.service-introduce {



    padding-bottom: .6rem;



    position: relative;



    background: #fff



}







@media (min-width: 768px) {



    .service-introduce .wrap {



        display:-webkit-flex;



        display: flex;



        display: -webkit-box;



        display: box;



        -webkit-box-pack: justify;



        box-pack: justify;



        -webkit-justify-content: space-between;



        justify-content: space-between;



        position: relative;



        padding: .4rem 0;



        z-index: 1



    }







    .service-introduce .leftbox {



        width: 50%



    }



}







.service-introduce .wrap::before {



    content: '';



    display: block;



    position: absolute;



    width: 8.2rem;



    height: 100%;



    background: url('img/print_bg.jpg') no-repeat center bottom;



    background-size: cover;



    right: -2.5rem;



    background-size: 8.2rem;



    top: 0;



    z-index: 1



}







.service-introduce .info {



    margin-top: .3rem;



    position: relative;



    z-index: 2;



    font-size: 16px;



    line-height: 1.76;



    color: #666;



    max-width: 612px



}







.service-introduce .rightbox {



    z-index: 55;



    text-align: center;



    position: relative;



    padding-right: 1rem



}







.service-introduce .rightbox .top {



    position: relative;



    display: inline-block



}







.service-introduce .rightbox .year {



    font-size: 2rem;



    color: #00a1e6;



    font-family: medium;



    line-height: 1;



    font-weight: bold;



    background-image: -webkit-linear-gradient(45deg, #00a1e6, #0038c0);



    -webkit-background-clip: text;



    -webkit-text-fill-color: transparent



}







.service-introduce .rightbox .unit {



    color: #00a1e6;



    font-size: 16px;



    position: relative;



    bottom: .26rem;



    position: absolute;



    right: -46px;



    bottom: .46rem



}







.service-introduce .rightbox .tit {



    font-size: 16px;



    color: #666



}







@media (max-width: 992px) {



    .service-introduce {



        padding-top:.6rem



    }







    .service-introduce:before {



        right: -0.4rem



    }







    .service-introduce .rightbox .year {



        font-size: 1.5rem



    }







    .service-introduce .rightbox .unit {



        bottom: .2rem;



        right: -55px



    }



}







@media (max-width: 768px) {



    .service-introduce .rightbox {



        padding:.5rem 0



    }







    .service-introduce .wrap:before {



        right: 0rem;



        width: 100%



    }



}







.service-list-box {



    padding: .8rem 0



}







@media (min-width: 768px) {



    .service-list-box .list {



        display:-webkit-flex;



        display: flex;



        display: -webkit-box;



        display: box;



        -webkit-align-items: center;



        align-items: center;



        -webkit-box-align: center;



        box-align: center;



        -webkit-box-align: stretch;



        box-align: stretch



    }







    .service-list-box li {



        background: #fff;



        width: 32%;



        padding: 1rem .5rem .6rem;



        transition: .4s;



        transition: all .4s ease 0s



    }







    .service-list-box li:nth-child(2) {



        margin: 0 2%



    }







    .service-list-box li:hover {



        background: #00a1e6;



        box-shadow: 0 10px 10px rgba(0,160,230,0.5)



    }







    .service-list-box li:hover .ic1 {



        background-image: url('img/ic_fw_1_on.png')



    }







    .service-list-box li:hover .ic2 {



        background-image: url('img/ic_fw_2_on.png')



    }







    .service-list-box li:hover .ic3 {



        background-image: url('img/ic_fw_3_on.png')



    }







    .service-list-box li:hover .txt {



        color: #fff



    }



}







@media (min-width: 768px) and (max-width:1200px) {



    .service-list-box li {



        padding:1rem .3rem .6rem



    }



}







.service-list-box .txt {



    font-size: 16px;



    color: #666;



    line-height: 2



}







.service-list-box .ic {



    width: 1.2rem;



    height: 1.2rem;



    display: block;



    margin: 0 auto .8rem;



    background-size: contain



}







.service-list-box .ic.ic1 {



    background-image: url('img/ic_fw_1.png')



}







.service-list-box .ic.ic2 {



    background-image: url('img/ic_fw_2.png')



}







.service-list-box .ic.ic3 {



    background-image: url('img/ic_fw_3.png')



}







@media (max-width: 768px) {



    .service-list-box li {



        background:#fff;



        margin-bottom: .3rem;



        padding: .6rem .4rem .6rem



    }







    .service-list-box li .ic {



        margin-bottom: .3rem



    }



}







.stuff-item {



    position: relative;



    z-index: 555;



    padding-bottom: .9rem



}







.stuff-item h5 {



    font-size: 18px;



    width: 88vw;



    max-width: 1440px;



    margin-left: auto;



    margin-right: auto;



    color: #00a1e6;



    font-style: italic;



    margin-bottom: .2rem;



    max-width: 1200px



}







.stuff-item .table-scroll+h5 {



    margin-top: .4rem



}







.stuff-item .table-scroll {



    width: 88vw;



    max-width: 1440px;



    margin-left: auto;



    margin-right: auto;



    max-width: 1200px;



    overflow-x: auto



}







@media (max-width: 768px) {



    .stuff-item .table-scroll {



        width:100%



    }







    .stuff-item .table-scroll .inner {



        min-width: 768px;



        padding: 0 6vw



    }







    .stuff-item .table-scroll .inner.s4 {



        min-width: 600px



    }







    .stuff-item .table-scroll table {



        width: 100%



    }



}







.stuff-item table {



    width: 100%



}







.stuff-item table th,.stuff-item table td {



    padding: 10px;



    border: 1px solid #dddddd



}







.stuff-item table th {



    text-align: center



}







.stuff-item table td {



    max-width: 2rem;



    word-wrap: break-word



}







.stuff-item table thead {



    background: #00a1e6;



    color: #fff



}







.stuff-item table thead th {



    padding: 15px 10px



}







.stuff-item table tbody tr:hover {



    background-color: #fffde3



}







.stuff-item .ic-show {



    width: 24px;



    height: 24px;



    background: url('img/show.png') no-repeat center center;



    background-size: contain;



    display: block;



    margin: 0 auto;



    cursor: pointer



}







.stuff-item .g-download {



    border: 1px solid #ddd;



    padding: 0 .2rem



}







@media (max-width: 992px) {



    .stuff-item .g-download {



        width:88vw;



        max-width: 1440px;



        margin-left: auto;



        margin-right: auto



    }



}







.stuff-item .g-download h4,.stuff-item .g-download .link {



    padding: 15px 0



}







.stuff-item .g-download h4 {



    border-bottom: 1px solid #ddd;



    font-size: 16px



}







.stuff-item .g-download .link {



    display: block;



    color: #00a1e6;



    transition: .4s;



    transition: all .4s ease 0s



}







.stuff-item .g-download .link:hover {



    color: #00a1e6



}







.stuff-item .g-download .link:hover {



    transform: translateX(5px)



}







.stuff-item .g-download .link .iconfont {



    padding-right: 10px;



    display: inline-block



}







.layer-img img {



    width: 100%;



    max-height: auto



}







.stuff-box {



    position: relative



}







.stuff-nav {



    width: 88vw;



    max-width: 1440px;



    margin-left: auto;



    margin-right: auto



}







@media (min-width: 992px) {



    .stuff-nav {



        width:88vw;



        position: absolute;



        left: 50%;



        transform: translateX(-50%);



        top: 0



    }







    .stuff-nav.fixed {



        position: fixed;



        top: 100px;



        z-index: 5



    }







    .stuff-nav.fixed .inner {



        position: relative



    }







    .stuff-nav .inner {



        width: 2.2rem;



        min-height: 50vh;



        background: #00a1e6;



        color: #fff



    }







    .stuff-nav dl:hover dt {



        background-color: #4dbdee;



        color: #fff



    }







    .stuff-nav dl:hover dt::before {



        background: #fff



    }







    .stuff-nav dt:hover,.stuff-nav dd:hover {



        background-color: #4dbdee;



        text-indent: 5px;



        color: #fff



    }



}







@media (max-width: 992px) {



    .stuff-nav {



        width:88vw;



        max-width: 1440px;



        margin-left: auto;



        margin-right: auto;



        margin-bottom: .5rem



    }







    .stuff-nav .active dt {



        color: #fff



    }







    .stuff-nav dt {



        border-bottom: 1px solid #eaeaea;



        position: relative



    }







    .stuff-nav dt::before {



        content: '';



        display: block;



        width: 4px;



        height: 4px;



        border-radius: 50%;



        background: #00a1e6;



        position: absolute;



        top: 50%;



        transform: translateY(-50%);



        z-index: 5;



        left: 5px



    }







    .stuff-nav dd {



        float: left



    }







    .stuff-nav dd dd+dd {



        padding-left: .2rem



    }



}







.stuff-nav dt,.stuff-nav dd {



    padding: 15px 20px;



    font-weight: normal;



    transition: .4s;



    transition: all .4s ease 0s;



    margin-bottom: 1px



}







.stuff-nav dt {



    font-size: 16px;



    cursor: pointer



}







.stuff-nav dd {



    padding-left: 30px;



    cursor: pointer;



    transition: .4s;



    transition: all .4s ease 0s



}







.stuff-nav .active dt {



    background-color: #4dbdee



}







@media (max-width: 1200px) {



    .vide-type.s2 {



        margin-bottom:20px



    }



}







.good-toppic {



    margin-top: .8rem;



    margin-left: -0.44rem/2;



    margin-right: -0.44rem/2



}







.good-toppic>* {



    padding-left: .44rem/2;



    padding-right: .44rem/2



}







.good-toppic li {



    margin-bottom: .2rem



}







.good-toppic .inner {



    background: url('img/toppic_bg.jpg') no-repeat center center;



    background-size: cover;



    padding-bottom: 1.2rem



}







.good-toppic .content {



    padding: .52rem .3rem 1.1rem .4rem;



    margin-right: .5rem;



    background-position: right bottom;



    background-repeat: no-repeat;



    background-size: cover



}







.good-toppic .content h5 {



    color: #00a1e6;



    font-style: italic;



    font-size: 16px;



    margin-bottom: 8px



}







.good-toppic .content .title {



    font-size: 30px;



    line-height: 1;



    font-weight: bold;



    margin-bottom: .2rem;



    transition: .4s;



    transition: all .4s ease 0s;



    display: inline-block



}







@media (min-width: 992px) {



    .good-toppic .content .title:hover {



        color:#00a1e6;



        transform: translateX(5px)



    }



}







.good-toppic .content .txt {



    font-size: 16px;



    color: #666;



    line-height: 20px;



    height: 100px;



    word-break: break-word;



    display: -webkit-box;



    -webkit-box-orient: vertical;



    overflow: hidden;



    -webkit-line-clamp: 5;



    margin-bottom: .2rem;



    margin-right: .5rem



}







@media (max-width: 1360px) {



    .good-toppic {



        margin-left:-0.2rem/2;



        margin-right: -0.2rem/2



    }







    .good-toppic>* {



        padding-left: .2rem/2;



        padding-right: .2rem/2



    }







    .good-toppic .content {



        padding-right: .6rem;



        padding-left: .2rem



    }







    .good-toppic .content .title {



        font-size: 26px



    }



}







@media (max-width: 1200px) and (min-width:993px) {



    .good-toppic .content {



        padding-left:.3rem



    }







    .good-toppic .content .title {



        white-space: nowrap



    }







    .good-toppic .content .title br {



        display: none



    }



}







@media (max-width: 992px) {



    .good-toppic .content .title {



        font-size:24px



    }



}







@media (max-width: 768px) {



    .good-toppic .content {



        max-width:630px;



        padding-left: 10%



    }







    .good-toppic .content br {



        display: none



    }







    .good-toppic .content .txt {



        width: 70%



    }



}







@media (max-width: 580px) {



    .good-toppic .content {



        padding-left:.3rem



    }







    .good-toppic .content .txt {



        width: 95%



    }



}







.vhd {



    font-size: .36rem;



    margin-bottom: .6rem



}







.vhd h6 {



    font-style: italic;



    font-weight: normal;



    line-height: 1.2;



    margin-bottom: 5px



}







@media (max-width: 768px) {



    .vhd h6 {



        margin-bottom:.2rem



    }



}







.vhd .ihd {



    line-height: 1.2



}







.good-brief {



    background-color: #00245c;



    color: #fff;



    padding: 1.4rem 0 2.2rem;



    background-position: center;



    background-repeat: no-repeat;



    background-size: contain



}







.good-brief .txt {



    font-size: 16px;



    line-height: 1.6;



    font-style: italic;



    max-width: 940px;



    width: 90%;



    font-size: .2rem



}







@media (min-width: 1200px) {



    .good-brief .content {



        width:82%



    }



}







@media (max-width: 1200px) {



    .good-brief {



        padding:.6rem 0 1rem;



        background: #00245c



    }







    .good-brief .hd {



        margin-bottom: .2rem



    }







    .good-brief .txt {



        width: 100%



    }



}







@media (max-width: 768px) {



    .good-brief .hd {



        font-size:20px



    }







    .good-brief .txt {



        font-size: 14px



    }



}







.good-brief-2 {



    padding: .9rem 0 1rem;



    margin-bottom: .6rem



}







.good-brief-2 .ihd {



    margin-bottom: .4rem



}







.good-brief-2 .txt {



    font-size: 16px;



    width: 100%;



    max-width: none



}







.goods-list-2 {



    padding: .8rem 0



}







.goods-list-2._info .item h4 {



    color: #333;



    font-size: 24px;



    padding: .3rem 0 .1rem



}







@media (max-width: 992px) {



    .goods-list-2._info .item h4 {



        font-size:20px



    }



}







.goods-list-2._info .item ul {



    padding-bottom: .1rem;



    line-height: 1.6



}







@media (max-width: 768px) {



    .goods-list-2._info .item ul {



        margin-left:22px



    }



}







.goods-list-2._info .item ul,.goods-list-2._info .item li {



    list-style-type: disc



}







.goods-list-2 .item .tit {



    color: #00a1e6;



    font-size: .36rem;



    display: block;



    margin-bottom: 15px;



    line-height: 1.1



}







.goods-list-2 .item .desc {



    font-size: 16px;



    color: #666;



    line-height: 26px;



    max-height: 130px;



    word-break: break-word;



    display: -webkit-box;



    -webkit-box-orient: vertical;



    overflow: hidden;



    -webkit-line-clamp: 5



}







.goods-list-2 .coverimg {



    display: block



}







@media (min-width: 768px) {



    .goods-list-2 ul {



        padding-left:5%;



        padding-right: 5%



    }







    .goods-list-2 .item {



        display: -webkit-flex;



        display: flex;



        display: -webkit-box;



        display: box;



        -webkit-align-items: center;



        align-items: center;



        -webkit-box-align: center;



        box-align: center;



        -webkit-box-pack: center;



        box-pack: center;



        -webkit-justify-content: center;



        justify-content: center



    }







    .goods-list-2 .item .info,.goods-list-2 .item .img {



        width: 50%;



        padding: .3rem 3%



    }







    .goods-list-2 .item:nth-child(2n+1) .info-2 {



        display: none



    }







    .goods-list-2 .item:nth-child(2n) .info-1 {



        display: none



    }



}







@media (max-width: 992px) {



    .goods-list-2 .item .info,.goods-list-2 .item .img {



        padding:.3rem .1rem



    }



}







@media (max-width: 640px) {



    .goods-list-2 .item {



        padding:.3rem 0;



        border-bottom: 1px solid #eaeaea



    }







    .goods-list-2 .item .info,.goods-list-2 .item .img {



        padding: 0



    }







    .goods-list-2 .item .tit {



        font-size: 20px



    }







    .goods-list-2 .desc {



        max-height: 78px;



        word-break: break-word;



        display: -webkit-box;



        -webkit-box-orient: vertical;



        overflow: hidden;



        -webkit-line-clamp: 3



    }



}







@media (max-width: 992px) {



    .software-list ul {



        padding-left:0;



        padding-right: 0



    }



}







.software-list .item .tit {



    color: #333



}







.software-list .item .desc {



    margin-bottom: .3rem;



    line-height: 1.5



}







.software-list .item .desc p+p {



    margin-top: .1rem



}







@media (min-width: 768px) {



    .software-list .item .info {



        width:60%



    }







    .software-list .item .img {



        width: 40%



    }



}







.software-list .download {



    border: 1px solid #00a1e6;



    border-radius: 2em;



    display: inline-block;



    padding: 11px 23px;



    color: #00a1e6;



    transition: .4s;



    transition: all .4s ease 0s



}







.software-list .download .iconfont {



    padding-right: 5px;



    font-size: 16px



}







.software-list .download:hover {



    background: #00a1e6;



    color: #fff



}







@media (max-width: 992px) {



    .software-list .download {



        padding:10px 20px



    }



}







.goods-more {



    background-color: #00245c;



    background-size: cover;



    background-position: center;



    background-repeat: no-repeat;



    text-align: center;



    color: #fff;



    padding: 1.1rem 0 1.2rem



}







.goods-more h2 {



    font-size: .36rem;



    margin-bottom: .5rem;



    font-style: italic



}







@media (max-width: 640px) {



    .goods-more {



        padding:.8rem 0



    }



}







.support-list-box {



    margin-bottom: .2rem



}







.support-list-box .ihd {



    margin-bottom: .4rem



}







@media (max-width: 640px) {



    .support-list-box+.support-list-box {



        border-top:1px solid #eaeaea;



        padding-top: .5rem



    }



}







.support-list {



    margin-left: -0.8rem/2;



    margin-right: -0.8rem/2



}







.support-list>* {



    padding-left: .8rem/2;



    padding-right: .8rem/2



}







.support-list li {



    padding-bottom: .5rem



}







.support-list li:nth-child(2n+1) {



    clear: both



}







.support-list .tit {



    color: #00a1e6;



    font-size: .3rem;



    margin: .16rem 0 .1rem



}







@media (max-width: 768px) {



    .support-list .tit {



        font-size:22px



    }



}







.support-list .desc {



    font-size: 16px;



    color: #666;



    line-height: 1.5



}







.contact-form {



    background: #f5f5f5;



    padding: .9rem 0 1.2rem



}







.contact-form.s2 {



    padding-top: .7rem



}







.contact-form .inner {



    max-width: 950px;



    width: 88%;



    margin-left: auto;



    margin-right: auto



}







.contact-form .ihd {



    margin-bottom: .4rem



}







.contact-form .txt {



    font-size: 16px;



    color: #999;



    text-align: center;



    margin: 0 auto .6rem;



    max-width: 90%;



    line-height: 1.56



}







.contact-form .wrap {



    background: #fff;



    padding: .88rem 5%



}







.contact-form .wrap .formbox {



    max-width: 970px;



    margin-left: auto;



    margin-right: auto



}







.contact-form .cell {



    margin-bottom: .2rem;



    position: relative



}







.contact-form .cell .layui-input,.contact-form .cell input {



    height: 46px;



    line-height: 46px;



    padding-left: .18rem



}







.contact-form .cell .sms {



    height: 44px;



    width: 158px;



    position: absolute;



    right: 16px;



    top: 1px



}







.contact-form .cell .input-box {



    display: -webkit-flex;



    display: flex;



    display: -webkit-box;



    display: box;



    -webkit-align-items: center;



    align-items: center;



    -webkit-box-align: center;



    box-align: center;



    -webkit-box-pack: center;



    box-pack: center;



    -webkit-justify-content: center;



    justify-content: center



}







.contact-form .cell .upload {



    width: 92px;



    height: 32px;



    line-height: 32px;



    text-align: center;



    border: 1px solid #00a1e6;



    color: #00a1e6;



    margin: 0 10px 0 5px;



    cursor: pointer



}







.contact-form .cell .upload:hover {



    background: #00a1e6;



    color: #fff



}







.contact-form .cell .name,.contact-form .cell .placeholder {



    color: #999



}







@media (min-width: 769px) {



    .contact-form .cell .name {



        min-width:0;



        -webkit-box-flex: 1;



        -webkit-flex-grow: 1;



        -ms-flex-positive: 1;



        flex-grow: 1;



        -webkit-flex-shrink: 1;



        -ms-flex-negative: 1;



        flex-shrink: 1



    }



}







@media (max-width: 768px) {



    .contact-form .cell .input-box {



        margin-bottom:50px;



        position: relative



    }







    .contact-form .cell .name {



        position: absolute;



        left: 15px;



        top: 100%



    }



}







.contact-form .layui-textarea {



    height: 2rem;



    resize: none



}







.contact-form .submit {



    background: #00a1e6;



    border-radius: 2em;



    color: #fff;



    display: inline-block;



    width: 180px;



    height: 40px;



    line-height: 40px;



    text-align: center;



    margin-top: .3rem;



    cursor: pointer;



    transition: .4s;



    transition: all .4s ease 0s



}







.contact-form .submit:hover {



    width: 200px



}







.italic {



    font-style: italic



}







.software-list .item .tit,.goods-list-2 .item .tit.italic {



    font-size: .32rem



}







.goods-list-2 .item .tit {



    font-size: .32rem



}







.c-list .row2 h3 {



    font-size: 22px;



    font-weight: bold



}







.progress-list {



    position: relative;



    padding: .5rem 0 1rem



}







.progress-list .ihd {



    margin-bottom: 1rem



}







@media (min-width: 769px) {



    .progress-list {



        width:50%



    }







    .progress-list::after {



        content: '';



        display: block;



        position: absolute;



        width: 1px;



        top: 0;



        bottom: 60px;



        border-right: 1px dashed #a5dff8;



        z-index: -1;



        right: 0



    }







    .progress-list::before {



        content: '';



        display: block;



        position: absolute;



        width: 30px;



        height: 17px;



        background: url(img/_arr.png) no-repeat center 0;



        background-size: cover;



        top: -17px;



        right: -15px



    }







    .progress-list li {



        width: 100%;



        position: relative;



        margin-top: -0.5rem



    }







    .progress-list li::before,.progress-list li::after {



        content: '';



        position: absolute;



        border-radius: 50%;



        top: 50%;



        background: #00a1e6;



        transition: all .3s ease-out



    }







    .progress-list li::before {



        left: -16px;



        background: #a5dff8;



        width: 32px;



        height: 32px;



        margin-top: -16px;



        transform: scale(.5)



    }







    .progress-list li::after {



        left: -8px;



        width: 16px;



        height: 16px;



        margin-top: -8px;



        -webkit-transform: scale(0);



        transform: scale(0)



    }







    .progress-list li:nth-child(2n)::before {



        left: auto;



        right: -16px



    }







    .progress-list li:nth-child(2n)::after {



        left: auto;



        right: -8px



    }







    .progress-list li:hover::before {



        transform: scale(1)



    }







    .progress-list li:hover::after {



        transform: scale(1)



    }







    .progress-list li:nth-child(2n+1) {



        margin-left: 100%



    }







    .progress-list li:nth-child(2n+1) dl {



        margin-left: 60px



    }







    .progress-list dl {



        margin-right: 60px;



        border: 1px solid #dadada;



        padding: .3rem .7rem;



        position: relative;



        background: #fff;



        font-family: medium



    }







    .progress-list dl::before,.progress-list dl::after {



        content: '';



        position: absolute;



        width: 0;



        height: 0;



        top: 50%;



        right: -20px



    }







    .progress-list dl::before {



        transform: translateY(-50%);



        border: 10px solid;



        border-color: transparent transparent transparent #dadada



    }







    .progress-list dl::after {



        border: 9px solid;



        transform: translateY(-50%) translateX(-2px);



        border-color: transparent transparent transparent #fff



    }







    .progress-list li:nth-child(2n+1) {



        margin-left: 100%



    }







    .progress-list li:nth-child(2n+1) dl::before,.progress-list li:nth-child(2n+1) dl::after {



        right: auto;



        left: -20px



    }







    .progress-list li:nth-child(2n+1) dl::before {



        border-color: transparent #dadada transparent transparent



    }







    .progress-list li:nth-child(2n+1) dl::after {



        border-color: transparent #fff transparent transparent;



        transform: translateY(-50%) translateX(2px)



    }







    .progress-list li:hover dl {



        border-color: #00a1e6;



        box-shadow: 0 0 20px rgba(0,0,0,0.1)



    }







    .progress-list li:hover dl::before {



        border-left-color: #00a1e6



    }







    .progress-list li:nth-child(2n+1):hover dl::before {



        border-right-color: #00a1e6;



        border-left-color: #fff



    }



}







@media (min-width: 769px) and (max-width:1200px) {



    .progress-list::after {



        top:10px



    }



}







@media (min-width: 769px) and (max-width:1200px) {



    .progress-list::before {



        top:0



    }



}







.progress-list dt {



    font-size: 24px;



    margin-bottom: 10px;



    line-height: 1;



    font-family: medium



}







.progress-list dd p {



    color: #666;



    line-height: 26px;



    position: relative;



    font-size: 16px



}







.progress-list dd p::before {



    content: '';



    display: block;



    position: absolute;



    width: 8px;



    height: 8px;



    left: -28px;



    top: 9px;



    border-radius: 50%;



    background: #00a1e6



}







.progress-list dd p+p {



    margin-top: 5px



}







@media (max-width: 992px) {



    .progress-list li {



        margin-top:-0.7rem



    }



}







@media (max-width: 768px) {



    .progress-list {



        margin-top:-0.4rem



    }







    .progress-list li {



        padding: .4rem 0;



        margin-top: 0;



        border-bottom: 1px solid #dadada



    }







    .progress-list dl {



        padding: .3rem



    }







    .progress-list dl dt {



        color: #00a1e6;



        font-size: 34px;



        margin-bottom: 20px;



        text-align: center



    }







    .progress-list dl dd p {



        padding-left: .3rem;



        line-height: 1.76



    }







    .progress-list dl dd p::before {



        left: 0;



        width: 6px;



        height: 6px



    }







    .progress-list dl dd p+p {



        margin-top: 10px



    }



}







.purchase-list {



    padding-bottom: .7rem



}







.purchase-list .item {



    min-height: .8rem;



    border: 1px solid #eaeaea;



    padding: .24rem;



    transition: .4s;



    transition: all .4s ease 0s;



    margin-bottom: .2rem



}







.purchase-list .item .tit {



    display: block;



    font-size: 18px;



    line-height: 1.6;



    margin-bottom: .16rem



}







@media (max-width: 480px) {



    .purchase-list .item .tit {



        font-size:17px



    }



}







.purchase-list .item .time {



    color: #999999



}







@media (min-width: 992px) {



    .purchase-list .item {



        display:-webkit-flex;



        display: flex;



        display: -webkit-box;



        display: box;



        -webkit-align-items: center;



        align-items: center;



        -webkit-box-align: center;



        box-align: center;



        -webkit-box-pack: justify;



        box-pack: justify;



        -webkit-justify-content: space-between;



        justify-content: space-between



    }







    .purchase-list .item .tit {



        font-size: 20px;



        max-width: 70%;



        overflow: hidden;



        white-space: nowrap;



        -o-text-overflow: ellipsis;



        text-overflow: ellipsis;



        margin-bottom: 0



    }



}







.purchase-list .item:hover {



    background: #00a1e6;



    border-color: #00a1e6



}







.purchase-list .item:hover * {



    color: #fff



}







.arc-file {



    margin: 1rem 0;



    border: 1px solid #eaeaea;



    min-height: .6rem;



    padding: .2rem;



    font-size: 16px;



    line-height: 1.76



}







.arc-file .tit {



    color: #666



}







.arc-file a {



    color: #000;



    font-weight: bold;



    border-bottom: 1px solid #666



}







.arc-file a:hover {



    color: #00a1e6;



    border-bottom-color: #00a1e6



}







.purchase-arc table {



    width: 100%!important



}







.cover-box {



    width: 458px;



    max-width: 100%;



    height: 259px;



}







.foot-nav-box{



    display:none;



}







@media (max-width: 640px) {



    .foot-nav-box{



        display:block;



    }



    footer .ft-bottom {



        padding: 0.4rem 0;



    }



}







.foot-nav-box,



.foot-nav-box .foot-nav{ 



    height:50px;



}







.foot-nav-box .foot-nav{ 



    position:fixed;



    bottom:0;



    left:0;



    width:100%;



    z-index:200;



    background-color:#fff;



    box-shadow: 0 0 4px 0 rgb(0,0,0,.1);



    display:flex;



}







.foot-nav-box .foot-nav ul{



    flex:1;



    display:flex;



}







.foot-nav-box .foot-nav ul li{



    flex:1;



    display:flex;



}







.foot-nav-box .foot-nav ul li a{



    flex:1;



    position:relative;



    text-align:center;



    display:flex;



    flex-direction:column;



    justify-content:space-between;



    padding:7px 0;



    color: #7b8196;



    line-height:1;



    font-size:12px;



}







.foot-nav-box .foot-nav ul li a.active{



    color:rgb(50,133,255);



}







.foot-nav-box .foot-nav ul li:nth-child(3) a:before{



    content:"";



    display:block;



}







.foot-nav-box .foot-nav ul li .home{



    width:48px;



    height:48px;



    border-radius:100%;



    border:solid 4px #fff;



    background:rgba(50,133,255,1);



    position:absolute;



    top:0;



    left:0;



    right:0;



    transform:translateY(-50%);



    margin:auto;



    display:flex;



    align-items:center;



    justify-content:center;



    color:#fff;



}







.u-iconfont{



    font-family: icomoon!important;



    speak: none;



    font-style: normal;



    font-weight: 400;



    font-variant: normal;



    text-transform: none;



    line-height: 1;



    -webkit-font-smoothing: antialiased;



    -moz-osx-font-smoothing: grayscale;



}







.u-iconfont:before{



    font-size:18px;



    height:18px;



}







.iconfont-tel:before {



    content: '\a0910';



}







.iconfont-product:before{



    content: '\a0844';



}







.iconfont-home:before{



    content: '\a0963';



}







.iconfont-honor:before{



    content: '\a0036';



}







.iconfont-contact:before{



    content: '\a0383';



}







.pagination li .page-num-current{



    color:#00a1e6 !important;



    font-weight:bold;



}







.pc-menus li{



    text-align:left;



}







.index-product{



	background:#fff;



}







.index-product .goods-info{



	padding-left:0;



	padding-right:0;



}







.index-product .tabbtns{



	text-align:center;



}







.index-product .tabbtns .tab{



	padding-left:.1rem;



	padding-right:.1rem;



	position:relative;



	background:#323232;



	margin:0 .1rem;



	min-width:140px;



	cursor:pointer;



	transition: all 0.4s ease;



	position:relative;



	z-index:0;



	overflow:hidden;



}







.index-product .tabbtns .tab:after {



    position: absolute;



    content: "";



    width: 0;



    height: 100%;



    top: 0;



    right: 0;



    z-index: -1;



    background-color: #00a1e6;



    border-radius: 100px;



    transition: all 0.4s ease;



}







.index-product .tabbtns .tab.active:after,



.index-product .tabbtns .tab:hover:after {



	left:0;



	width:100%;



}







.index-product .tabcontent ul{



	display:none;



}







.index-product .tabcontent ul:first-child{



	display:block;



}







.index-product .tabcontent ul .cover-box{



	width:100%; height:auto; padding-bottom:80%;



}







@media (max-width:640px){



	.index-product .tabbtns .tab{



		min-width:inherit;



		margin: 0 0.05rem;



        width: 47%;



        white-space: nowrap;



	}



	.goods-navs-box{



		padding:.3rem 0 .5rem;



	}



}