@charset "utf-8";
html {
    font-size: 100px;
}

.main-width {
    width: 1440px;
    margin: 0 auto;
}

.header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 60px;
    z-index: 9999;
    transition: all .3s;
}

.header .phone-menu {
    display: none;
    position: fixed;
    width: 32px;
    height: 22px;
    left: 5%;
    top: 17px;
    z-index: 99999;
    cursor: pointer;
}

.header .phone-menu span {
    display: block;
    width: 32px;
    height: 2px;
    background-color: #292b30;
    border-radius: 1px;
    -moz-transform-origin: 6% 50%;
    -webkit-transform-origin: 6% 50%;
    -o-transform-origin: 6% 50%;
    transition: all .3s;
}

.header .phone-menu .b1,
.header .phone-menu .b2 {
    margin-bottom: 8px;
}

.header .reser {
    display: none;
    position: fixed;
    right: 5%;
    top: 13px;
    padding: 0;
    width: auto;
    line-height: 30px;
    font-size: 14px;
    border-bottom: none;
    z-index: 99999;
}

.header .reser a {
    color: #fff;
}

.header .reser a:hover {
    color: #008ad4;
}

.header .logo {
    float: left;
}

.header .logo .pic {
    position:relative;
    height: 38px;
    margin-top: 11px;
}

.header .logo .pic img {
    width: auto;
    height: 100%;
    transition: all .5s;
}

.header .logo .pic .l2 {position:absolute;left:0;top:0;opacity:0;}

.header .nav {
    float: right;
}

.header .language {
    float: left;
    width: 70px;
    height: 23px;
    padding: 18.5px 0;
    margin-left: 50px;
}

.header .language .select {
    position: relative;
    border: 1px solid #fff;
    height: 21px;
    cursor: pointer;
}

.header .language .select p {
    padding: 4px;
    height: 13px;
    line-height: 14px;
    font-size: 12px;
    color: #fff;
}

.header .language .select em {
    position: absolute;
    top: 9px;
    right: 10px;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: #fff;
}

.header .language .select .sel-box {
    display: none;
    background-color: #fff;
    border: 1px solid #fff;
}

.header .nav .one>li {
    position: relative;
    float: left;
    line-height: 30px;
    padding: 15px 0;
    margin-left: 38px;
    font-size: 16px;
    letter-spacing: 1px;
}

.header .nav .one>li i {
    display: none;
}

.header .nav .one>li a {
    color: #fff;
}

.header .nav .one>li:hover {
    font-weight: bold;
}

.header .nav .one>li:hover>a {
    color: #008ad4;
}

.header .nav .one>li.active>a {
    color: #008ad4;
}

.header .nav .one>.hs>a i {
    display: inline-block;
    width: 10px;
    height: 5px;
    margin: -2px 0 0 5px;
    vertical-align: middle;
    background: url(/images/all-icon.png) no-repeat -210px -190px;
}

.header .nav .one>.hs.active>a i {
    background-position: -220px -190px;
}

.header .nav .one>.hs:hover>a i {
    background-position: -220px -190px;
}

.header .nav .one>.hs:hover:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 2px;
    background-color: #008ad4;
    z-index: 9;
}

.header .nav .one>.hs:hover:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -14px;
    width: 0;
    height: 0;
    margin-left: -7px;
    border: 7px solid transparent;
    border-top-color: #008ad4;
}

.header .nav .one>li.spec a{display:block;padding:0 15px;font-size:14px;background-color:#0071ac;border-radius:5px;color:#fff !important;}
.header .nav .one>li.spec a img{display:none;}
.header .nav .one>li.spec.b1 a{background-image:linear-gradient(to right,#fdc570,#ef8135);}
.header .nav .one>li.spec.b2{margin-left:15px;}
.header .nav .one>li.spec.b2 a{background-image:linear-gradient(to right,#03a0fb,#004cf1);}

.header .nav .drap {
    display: none;
    position: absolute;
    top: 60px;
    left: 50%;
    width: 150px;
    margin-left: -85px;
    padding: 10px;
    background: #fff;
}

.header .nav .drap li {
    width: 150px;
    font-size: 14px;
    font-weight: normal;
}

.header .nav .drap li a {
    display: block;
    width: 130px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    text-align: center;
}

.header .nav .drap li a:hover {
    background: #008ad4;
    color: #fff !important;
}

.header .nav .drap-down {
    display: none;
    position: fixed;
    left: 0;
    top: 60px;
    width: 100%;
    background: #fff;
    text-align: center;
    border-top: 1px solid #dcdcdc;
}

.header .nav .drap-down h2 {
    line-height: 30px;
    font-size: 14px;
    padding-left: 5px;
    margin-bottom: 10px;
    color: #292B30;
    text-align: left;
}

.header .nav .drap-down li {
    float: left;
    width: 150px;
    padding: 5px;
    font-size: 14px;
    box-sizing: border-box;
    font-weight: normal;
}

.header .nav .drap-down li a {
    display: block;
    width: 140px;
    height: 50px;
    line-height: 50px;
    background: #f1f7ff;
}

.header .nav .drap-down li a:hover {
    background: #008ad4;
    color: #fff !important;
}

.header .nav .drap-down .box {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 450px;
    padding: 30px 15px;
    vertical-align: top;
}

.header .nav .drap-down .two {
    width: 300px;
}

.header .nav .drap-down .one {
    width: 150px;
}

.header .nav .one>li:hover .drap {
    display: block;
}

.header .nav .one>li:hover .drap-down {
    display: block;
}

.header.active .phone-menu .b1 {
    transform: rotate(45deg);
}

.header.active .phone-menu .b2 {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.header.active .phone-menu .b3 {
    transform: rotate(-45deg);
}


.header:hover{background:#fff;}
.header:hover .logo .pic .l1{opacity:0;}
.header:hover .logo .pic .l2{opacity:1;}
.header:hover .nav .one>li a{color:#292B30;}
.header:hover .nav .one>li a:hover{color:#008ad4;}
.header:hover .language .select{border-color:#292b30;}
.header:hover .language .select p{color:#292b30;}
.header:hover .language .select em{border-top-color:#292b30;}
.header.flow{background:#fff;}
.header.flow .logo .pic .l1{opacity:0;}
.header.flow .logo .pic .l2{opacity:1;}
.header.flow .nav .one>li a{color:#292B30;}
.header.flow .nav .one>li a:hover{color:#008ad4;}
.header.flow .language .select{border-color:#292b30;}
.header.flow .language .select p{color:#292b30;}
.header.flow .language .select em{border-top-color:#292b30;}
.header.flow.hid {top: -82px;}
.header.flow.hid .nav .one>li:hover .drap {display: none;}
.header.flow.hid .nav .one>li:hover .drap-down {display: none;}


.footer {
    padding: 40px 0 20px;
    background-color: #191919;
    overflow: hidden;
}

.footer h3 {
    line-height: 25px;
    margin-bottom: 10px;
    font-size: 18px;
    color: #fff;
}

.footer a {
    color: #767675;
}

.footer a:hover {
    color: #008ad4;
}

.footer li {
    line-height: 25px;
    margin-bottom: 5px;
    color: #767675;
}

.footer .main-width {
    display: flex;
    justify-content: space-between;
}

.footer .func-box {
    float: left;
    box-sizing: border-box;
}


/* .footer .mnav{}
.footer .service{} */


/* .footer .onav{}
.footer .contact{} */

.footer .wechat {
    float: right;
    text-align: right;
}

.footer .wechat p {
    margin: 0 0 0 auto;
    width: 118px;
    max-width: 100%;
    margin-top: 5px;
    text-align: center;
}

.other-banner {
    position: relative;
    overflow: hidden;
    text-align: center;
}

.other-banner img {
    width: 100%;
    height: auto;
}

.other-banner .text {
    position: absolute;
    width: 100%;
    left: 0;
    top: 37.5%;
}

.other-banner .text h2 {
    line-height: 0.6rem;
    font-size: 0.48rem;
    text-align: center;
    color: #fff;
    font-weight: bold;
}

.other-banner .text hr {
    border: none;
    width: 5.74rem;
    height: 0.02rem;
    margin: 0.25rem auto;
    background: url(/images/banner-line.png) no-repeat;
    background-size: 100% 100%;
}

.other-banner .text ul {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.other-banner .text li {
    float: left;
    height: 0.3rem;
    margin: 0 0.2rem;
    vertical-align: top;
}

.other-banner .text li i {
    display: inline-block;
    width: 0.3rem;
    height: 0.3rem;
    margin-right: 0.1rem;
    vertical-align: top
}

.other-banner .text li p {
    display: inline-block;
    line-height: 0.3rem;
    font-size: 0.18rem;
    vertical-align: top;
    color: #fff;
}

.other-banner .text li .i1 {
    background: url(/images/banner-icon-01.png) no-repeat;
    background-size: 100% 100%;
}

.other-banner .text li .i2 {
    background: url(/images/banner-icon-02.png) no-repeat;
    background-size: 100% 100%;
}

.other-banner .text li .i3 {
    background: url(/images/banner-icon-03.png) no-repeat;
    background-size: 100% 100%;
}

.other-banner .text li .i4 {
    background: url(/images/banner-icon-04.png) no-repeat;
    background-size: 100% 100%;
}

.other-banner.ecology .text{left:17.7%;top:32%;width:auto;text-align:left;}
.other-banner.ecology .text h1{line-height:5.2vw;margin-bottom:0.8vw;font-size:4.2vw;letter-spacing:0.3vw;color:#fff;}
.other-banner.ecology .text p{line-height:2vw;font-size:1.4vw;letter-spacing:0.3vw;color:#fff;}
.other-banner.ecology .text a{display:inline-block;line-height:2.6vw;padding:0 2vw;margin-top:2vw;font-size:1.35vw;letter-spacing:0.3vw;color:#fff;border-radius:5px;background-color:#fb8c00;}


.erp-banner {
    position: relative;
    overflow: hidden;
}

.erp-banner img {
    width: 100%;
    height: auto;
}

.erp-banner .text {
    position: absolute;
    left: 17.96875%;
    top: 35.17857%;
}

.erp-banner .text h2 {
    line-height: 0.6rem;
    margin-bottom: 0.1rem;
    font-size: 0.48rem;
    color: #fff;
    font-weight: bold;
}

.erp-banner .text p {
    line-height: 0.3rem;
    font-size: 0.18rem;
    color: #fff;
}

.erp-banner .text a {
    display: block;
    width: 1.35rem;
    height: 0.35rem;
    line-height: 0.35rem;
    margin-top: 0.4rem;
    text-align: center;
    background-color: #fff;
    color: #008ad4;
    border-radius: 0.175rem;
    font-size: 0.16rem;
}

.erp-banner .text .point {
    margin-top: 0.2rem;
}

.erp-banner .text .point span {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 0.25rem;
    margin-right: 0.25rem;
    font-size: 0.18rem;
    padding-left: 0.15rem;
    color: #fff;
}

.erp-banner .text .point span i {
    font-size: 0.22rem;
    font-weight: bold;
}

.erp-banner .text .point span:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0.08rem;
    width: 0.09rem;
    height: 0.09rem;
    background-color: #008ad4;
    border-radius: 50%;
}

.erp-banner .over p {
    font-size: 0.24rem;
}

.erp-banner .stool p {
    font-size: 0.24rem;
}

.friend {
    background-color: #191919;
    overflow: hidden;
}

.friend .main-width {
    padding: 10px 0;
    border-top: 1px solid #464646;
}

.friend span {
    color: #fff;
    margin-right: 10px;
}

.friend a {
    color: #767675;
    margin-right: 10px;
}

.friend a:hover {
    color: #008ad4;
}

.copyright {
    background-color: #191919;
    text-align: center;
}

.copyright a {
    color: #fff;
}

.copyright a:hover {
    color: #008ad4;
}

.copyright .main-width {
    padding: 10px 0;
    line-height: 30px;
    border-top: 1px solid #464646;
}

.flow-contact {
    position: fixed;
    right: -80px;
    ;
    top: 50%;
    padding: 15px 10px 10px;
    background: url(/images/blue-bg.jpg) no-repeat;
    background-size: 100% 100%;
    z-index: 99999;
    transition: all .5s;
}

.flow-contact div {
    width: 60px;
    margin-bottom: 10px;
    text-align: center;
}

.flow-contact div a,
.flow-contact div span {
    line-height: 15px;
    font-size: 12px;
    color: #fff;
}

.flow-contact .icon {
    display: block;
    width: 36px;
    height: 36px;
    margin: 0 auto 2px;
    background: url(/images/all-icon.png) no-repeat;
    cursor: pointer;
}

.flow-contact .qq .icon {
    background-position: -5px -225px;
}

.flow-contact .tel .icon {
    background-position: -41px -225px;
}

.flow-contact .tel .open {
    display: none;
    position: absolute;
    top: 50%;
    left: -110px;
    width: 85px;
    padding: 10px;
    margin-top: -47px;
    background-color: #fff;
    border: 1px solid #aaa;
}

.flow-contact .tel .open p {
    line-height: 20px;
    color: #666;
    text-align: left;
}

.flow-contact .tel:hover .open {
    display: block;
}

.flow-contact .yuyue .icon {
    background-position: -77px -225px;
}

.flow-contact .wechat .icon{background-position: -113px -225px;}
.flow-contact .wechat .open{
    display: none;
    position: absolute;
    top: 50%;
    left: -110px;
    width: 120px;
    padding: 5px;
    margin-top: -65px;
    background-color: #fff;
    border: 1px solid #aaa;
}
.flow-contact .wechat .open img{
    width:100%;height:100%;
}
.flow-contact .wechat:hover .open {
    display: block;
}

.flow-contact .to-top {
    margin-top: 15px;
    display: block !important;
}

.flow-contact .to-top a {
    display: block;
    width: 16px;
    height: 9px;
    margin: 0 auto;
    background: url(/images/all-icon.png) no-repeat -46px -145px;
}

.flow-contact .close {
    position: fixed;
    width: 20px;
    height: 30px;
    right: 0;
    top: 50%;
    margin-top: -30px;
    cursor: pointer;
    background-color: #eee;
    transition: all .5s;
}

.flow-contact .close em {
    position: absolute;
    width: 15px;
    height: 2px;
    background-color: #008ad4;
    transition: all .5s;
}

.flow-contact .close .e1 {
    right: 4px;
    top: 4px;
    transform-origin: right center;
    transform: rotate(315deg);
}

.flow-contact .close .e2 {
    right: 4px;
    bottom: 4px;
    transform-origin: right center;
    transform: rotate(-315deg);
}

.flow-contact.on {
    right: 0;
}

.flow-contact.on .close {
    background: none;
}

.flow-contact.on .close .e1 {
    right: 4px;
    top: 13px;
    transform-origin: right center;
    transform: rotate(315deg);
}

.flow-contact.on .close .e2 {
    right: 4px;
    bottom: 4px;
    transform-origin: right center;
    transform: rotate(-315deg);
}

.flow-video {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    transition: all .4s;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    z-index: -1;
}

.flow-video .box {
    position: absolute;
    top: 30%;
    left: 50%;
    width: 874px;
    height: 500px;
    transform: translate(-50%, -50%);
    padding: 10px;
    box-sizing: border-box;
    box-shadow: 0 0 20px #333;
    transition: all .4s;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    background: #fff url(/images/loadinglit.gif) no-repeat center;
}

.flow-video .box i {
    position: absolute;
    right: -40px;
    top: 0px;
    width: 40px;
    height: 40px;
    background: url(/images/close.png);
    cursor: pointer;
}

.flow-video .encrypt {
    position: absolute;
    top: 30%;
    left: 50%;
    width: 240px;
    height: 120px;
    margin: -60px 0 0 -120px;
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
    box-sizing: border-box;
    text-align: center;
    font-size: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    transition: all .4s;
}

.flow-video .encrypt input {
    width: 100%;
    height: 35px;
    line-height: 33px;
    margin-bottom: 15px;
    padding: 0 10px;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    box-sizing: border-box;
}

.flow-video .encrypt span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 90px;
    height: 30px;
    line-height: 30px;
    box-sizing: border-box;
    background-color: #aaa;
    color: #fff;
    border-radius: 15px;
    font-size: 14px;
    cursor: pointer;
}

.flow-video .encrypt span:hover {
    background-color: #008ad4;
}

.flow-video .encrypt .enter {
    margin-right: 20px;
}

.flow-video.on {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    z-index: 99999;
}

.flow-video.on .box {
    top: 50%;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.flow-video.on .encrypt {
    top: 30%;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.flow-video.on .encrypt.sh {
    top: 50%;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.com-title {
    text-align: center;
}

.com-title h1,
.com-title h2 {
    position: relative;
    display: inline-block;
    line-height: 40px;
    font-size: 30px;
}

.com-title h1 span,
.com-title h2 span {
    color: #008ad4;
}

.com-title h1:before,
.com-title h2:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -110px;
    width: 70px;
    height: 1px;
    background-color: #fabd02;
}

.com-title h1:after,
.com-title h2:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -110px;
    width: 70px;
    height: 1px;
    background-color: #fabd02;
}

.com-title p {
    line-height: 30px;
    font-size: 18px;
    color: #666;
}

.categry-com {
    position: relative;
    z-index: 2;
    background-color: #ebebeb;
}

.categry-com ul {
    overflow: hidden;
    background-color: #ebebeb;
}

.categry-com li {
    position: relative;
    float: left;
    width: 16.666666%;
    height: 55px;
    line-height: 55px;
    text-align: center;
    font-size: 18px;
}

.categry-com li:after {
    content: "";
    position: absolute;
    right: 0;
    top: 7px;
    width: 1px;
    height: 41px;
}

.categry-com li:nth-last-child(1):after {
    display: none;
}

.categry-com li.active {
    background-color: #fff;
}

.categry-com li.active a {
    color: #008ad4;
}

.categry-com li.active:after {
    display: none;
}

.categry-com.two li {
    width: 50%;
}

.categry-com.three li {
    width: 33.33333%;
}

.categry-com.four li {
    width: 25%;
}

.index-main .slidebox {
    position: relative;
    width: 100%;
    z-index: 9;
    overflow: hidden;
}

.index-main .slidebox .slideshow {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.index-main .slidebox .slideshow ul {
    position: relative;
    width: 4000px;
    overflow: hidden;
}

.index-main .slidebox .slideshow ul li {
    position: relative;
    float: left;
}

.index-main .slidebox .slideshow ul li img {
    width: 100%;
    height: auto;
}

.index-main .slidebox .slideshow ul li .text {
    position: absolute;
}

.index-main .slidebox .slideshow ul li .text h2 {
    line-height: 0.95rem;
    margin-bottom: 0.2rem;
    font-size: 0.72rem;
    font-weight: bold;
    color: #fff;
}

.index-main .slidebox .slideshow ul li .text p {
    line-height: 0.4rem;
    font-size: 0.3rem;
    color: #fff;
}

.index-main .slidebox .slideshow ul li .text p i {
    color: #f8c207;
}

.index-main .slidebox .slideshow ul li .text .point {
    margin-top: 10px;
}

.index-main .slidebox .slideshow ul li .text .point span {
    line-height: 0.35rem;
    margin-right: 0.2rem;
    font-size: 0.24rem;
    color: #fff;
}

.index-main .slidebox .slideshow ul li .text .point span i {
    color: #f8c207;
    font-weight: bold;
}

.index-main .slidebox .slideshow ul li .text .more {
    display: block;
    width: 1.75rem;
    height: 0.44rem;
    line-height: 0.44rem;
    margin-top: 0.55rem;
    text-align: center;
    border-radius: 0.22rem;
    background-color: #fff;
    color: #008ad4;
    font-size: 0.18rem;
}

.index-main .slidebox .slideshow ul li .t1 {
    left: 51%;
    top: 29.487%;
}

.index-main .slidebox .slideshow ul li .t2 {
    left: 51%;
    top: 35.897%;
}

.index-main .slidebox .slideshow ul li .t3 {
    left: 53.125%;
    top: 37.179%;
}

.index-main .slidebox .slidelist {
    height:5px;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 7%;
    text-align: center;
}

.index-main .slidebox .slidelist ul {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
}

.index-main .slidebox .slidelist ul li {
    float: left;
    width: 28px;
    height: 5px;
    padding: 1px 5px;
    margin: 0 5px;
    box-sizing: border-box;
    transition: all .5s;
}

.index-main .slidebox .slidelist ul li i {
    display: block;
    width: 18px;
    height: 3px;
    background: rgba(0, 0, 0, .4);
    transition: all .5s;
}

.index-main .slidebox .slidelist ul .active {
    background-color: #fff;
}

.index-main .slidebox .slidelist ul .active i {
    background-color: #fff;
}

.index-main .slidebox .item-btn {
    position: absolute;
    width: 21px;
    height: 40px;
    top: 50%;
    margin-top: -20px;
    background: url(/images/all-icon.png) no-repeat;
    cursor: pointer;
}

.index-main .slidebox .prev {
    left: 5.2%;
    background-position: -5px -175px;
}

.index-main .slidebox .next {
    right: 5.2%;
    background-position: -26px -175px;
}

.index-main .slidebox .prev:hover {
    background-position: -47px -175px;
}

.index-main .slidebox .next:hover {
    background-position: -68px -175px;
}

.index-products {
    padding: 90px 0 110px;
}

.index-products .top {
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid #e5e5e5;
}

.index-products .top .pos {
    position: relative;
    padding-top: 50px;
    background-color: #fff;
    z-index: 99;
}

.index-products .top .com-title {
    margin-bottom: 50px;
}

.index-products .top .tab .item {
    position: relative;
    float: left;
    width: 25%;
    padding: 20px 0 30px;
    text-align: center;
    cursor: pointer;
}

.index-products .top .tab .item p {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 50px;
    font-size: 20px;
    ;
    vertical-align: top;
}

.index-products .top .tab .item i {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 50px;
    height: 50px;
    vertical-align: top;
    background: url(/images/all-icon.png) no-repeat;
}

.index-products .top .tab .item .erp {
    background-position: -5px -5px;
}

.index-products .top .tab .item .overseas {
    background-position: -55px -5px;
}

.index-products .top .tab .item .invo {
    background-position: -105px -5px;
}

.index-products .top .tab .item .inte {
    background-position: -155px -5px;
}

.index-products .top .tab .item a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.index-products .top .tab .item:hover p {
    color: #008ad4;
}

.index-products .top .tab .item:hover .erp,
.index-products .top .tab .item.on .erp {
    background-position: -5px -55px;
}

.index-products .top .tab .item:hover .overseas,
.index-products .top .tab .item.on .overseas {
    background-position: -55px -55px;
}

.index-products .top .tab .item:hover .invo,
.index-products .top .tab .item.on .invo {
    background-position: -105px -55px;
}

.index-products .top .tab .item:hover .inte,
.index-products .top .tab .item.on .inte {
    background-position: -155px -55px;
}

.index-products .top .tab .item.on {
    padding-bottom: 29px;
    border-bottom: 1px solid #0071ac;
    background: url(/images/index-product-tab-bg.jpg) repeat-x bottom center;
}

.index-products .top .tab .item.on p {
    font-weight: bold;
    color: #008ad4;
}

.index-products .top .tab .item.on:after {
    content: "";
    position: absolute;
    width: 24px;
    height: 13px;
    bottom: -2px;
    left: 50%;
    margin-left: -12px;
    background: url(/images/arrow-up.png) no-repeat;
}

.index-products .top .tab:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

.index-products .cont {
    padding: 50px 0;
    background: #f6f7f7;
    border: 1px solid #e5e5e5;
    border-top: none;
}

.index-products .cont .box {
    display: none;
    overflow: hidden;
}

.index-products .cont .box h3 {
    line-height: 30px;
    margin-bottom: 10px;
    font-size: 18px;
    color: #333;
}

.index-products .cont .box p {
    color: #999;
}

.index-products .cont .box p span {
    color: #008ad4;
}

.index-products .cont .box .btn {
    margin-top: 15px;
    overflow: hidden;
}

.index-products .cont .box .btn a {
    display: block;
    float: left;
    width: 110px;
    height: 30px;
    margin-right: 15px;
    line-height: 28px;
    text-align: center;
    border: 1px solid #fabd02;
    background-color: #fabd02;
    color: #fff;
    border-radius: 15px;
    box-sizing: border-box;
}

.index-products .cont .box .btn a:hover {
    background-color: #008ad4;
    border-color: #008ad4;
}

.index-products .cont .box .pro {
    float: left;
    width: 50%;
    padding-left: 40px;
    padding-right: 10px;
    box-sizing: border-box;
}

.index-products .cont .box .adv {
    float: left;
    width: 50%;
    padding-left: 40px;
    padding-right: 10px;
    box-sizing: border-box;
}

.index-products .cont .box.on {
    display: block;
}

.index-adv {
    padding: 90px 0 45px;
    background: url(/images/index-adv-bg.jpg) no-repeat center;
    background-attachment: fixed;
}

.index-adv .com-title {
    margin-bottom: 75px;
}

.index-adv .com-title h2 {
    color: #fff;
}

.index-adv .cont ul {
    overflow: hidden;
}

.index-adv .cont li {
    position: relative;
    float: left;
    width: 33.3333%;
    height: 201px;
    padding: 0 60px;
    margin-bottom: 20px;
    text-align: center;
    box-sizing: border-box;
}

.index-adv .cont li img {
    margin-bottom: 15px;
}

.index-adv .cont li h3 {
    line-height: 30px;
    margin-bottom: 10px;
    font-size: 18px;
    color: #fff;
    transition: all .5s;
}

.index-adv .cont li h3:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 8px;
    margin-left: 10px;
    margin-top: -2px;
    background: url(/images/all-icon.png) no-repeat -210px -175px;
}

.index-adv .cont li .text {
    height: 0;
    border-bottom: 1px solid #383f43;
    overflow: hidden;
    transition: all .5s;
}

.index-adv .cont li p {
    color: #bbb;
}

.index-adv .cont li:hover .text {
    height: 75px;
}

.index-adv .cont li:hover h3 {
    color: #008ad4;
}

.index-adv .cont li:hover h3:after {
    background-position: -226px -175px;
}

.index-partner {
    padding: 50px 0 70px;
}

.index-partner .com-title {
    margin-bottom: 20px;
}

.index-partner .tab {
    text-align: center;
    font-size: 0;
    margin-bottom: 35px;
}

.index-partner .tab span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 35px;
    padding: 0 35px;
    border-bottom: 1px solid #ccc;
    font-size: 18px;
    cursor: pointer;
}

.index-partner .tab .on {
    color: #008ad4;
    border-color: #008ad4;
}

.index-partner .cont .slide-partner {
    display: none;
    position: relative;
}

.index-partner .cont .slide-partner li {
    width: 100%;
    border-top: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    box-sizing: border-box;
}

.index-partner .cont .slide-partner li .pic {
    position: relative;
    float: left;
    width: 16.66666%;
    text-align: center;
    box-sizing: border-box;
    border-right: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
}

.index-partner .cont .slide-partner li .pic img {
    width: auto;
    max-width: 100%;
    height: auto;
}

.index-partner .cont .slide-partner li .pic .co {
    position: absolute;
    top: 50%;
    left: 50%;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transform: translate(-50%, -50%);
    transition: all .5s;
}

.index-partner .cont .slide-partner li .pic:hover .co {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.index-partner .cont .slide-partner li .pic:before {
    content: "";
    position: absolute;
    width: 35px;
    height: 35px;
    left: -18px;
    top: -18px;
    background: url(/images/point.png) no-repeat;
    z-index: 2;
}

.index-partner .cont .slide-partner li .pic:after {
    content: "";
    position: absolute;
    width: 35px;
    height: 35px;
    right: -18px;
    bottom: -18px;
    background: url(/images/point.png) no-repeat;
    z-index: 2;
}

.index-partner .cont .slide-partner li:after {
    content: "";
    display: block;
    clear: both;
}

.index-partner .cont .slide-partner .btn {
    position: absolute;
    top: 50%;
    width: 18px;
    height: 32px;
    background: url(/images/all-icon.png) no-repeat;
    cursor: pointer;
}

.index-partner .cont .slide-partner .prev {
    left: -100px;
    background-position: -5px -110px;
}

.index-partner .cont .slide-partner .next {
    right: -100px;
    background-position: -23px -110px;
}

.index-partner .cont .slide-partner .prev:hover {
    background-position: -41px -110px;
}

.index-partner .cont .slide-partner .next:hover {
    background-position: -59px -110px;
}

.index-partner .cont .slide-partner.on {
    display: block;
}

.page {
    text-align: center;
    clear: both;
}

.page ul {
    display: inline-block;
}

.page ul li {
    float: left;
    margin: 0 5px;
}

.page ul li a {
    display: block;
    line-height: 36px;
    padding: 0 14px;
    border-radius: 5px;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.page ul li.thisclass a {
    background-color: #008ad4;
    color: #fff;
}

.page ul li a:hover {
    background-color: #008ad4;
    color: #fff;
}

.page .pagelistbox {
    overflow: hidden;
    font-size: 0;
}

.page .pagelistbox a,
.page .pagelistbox strong,
.page .pagelistbox span {
    display: inline-block;
    line-height: 36px;
    margin: 0 5px;
    padding: 0 14px;
    border-radius: 5px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    font-size: 14px;
}

.page .pagelistbox strong {
    background-color: #008ad4;
    color: #fff;
}

.main-erp .com-title {
    margin-bottom: 50px;
}

.main-erp .why {
    padding: 70px 0;
    background-color: #fafafa;
    overflow: hidden;
}

.main-erp .why .cont {
    position: relative;
    overflow: hidden;
    background-color: #f5f5f5;
}

.main-erp .why .cont .text {
    float: left;
    width: 50%;
    padding: 2%;
    box-sizing: border-box;
}

.main-erp .why .cont .text p {
    line-height: 30px;
    font-size: 14px;
    color: #666;
}

.main-erp .why .cont .text p span {
    color: #008ad4;
}

.main-erp .why .cont .video {
    float: right;
    width: 50%;
}

.main-erp .why .cont .video video {
    width: 100%;
    height: auto;
}

.main-erp .benefit {
    padding: 70px 0;
    overflow: hidden;
    background: url(/images/service/erp-benefit-bg.jpg) no-repeat center;
}

.main-erp .benefit .com-title {
    margin-bottom: 65px
}

.main-erp .benefit .com-title h2 {
    color: #fff;
}

.main-erp .benefit ul {
    display: flex;
    justify-content: space-between;
    margin-bottom: 55px;
}

.main-erp .benefit li {
    width: 12.5%;
    margin-bottom: 15px;
    text-align: center;
    box-sizing: border-box;
    transition: all .5s;
}

.main-erp .benefit li p {
    font-size: 14px;
    color: #d4d4d4;
}

.main-erp .benefit li p.adv-num {
    height: 30px;
    line-height: 30px;
    margin-bottom: 15px;
    font-size: 26px;
    text-align: center;
    overflow: hidden;
    font-weight: bold;
    color: #fff;
}

.main-erp .benefit li p.adv-num span {
    position: relative;
    width: 15px;
    height: 100%;
    margin-right: 2px;
    display: inline-block;
    vertical-align: top;
}

.main-erp .benefit li p.adv-num span i {
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    word-wrap: break-word;
    transition: all 0.8s linear;
    color: #fff;
}

.main-erp .benefit a {
    display: block;
    width: 170px;
    height: 46px;
    line-height: 46px;
    margin: 50px auto 0;
    text-align: center;
    background-color: #fabd02;
    color: #fff;
    border-radius: 23px;
    font-size: 20px;
}

.main-erp .benefit a:hover {
    background-color: #008ad4;
}

.main-erp .benefit.on li p.adv-num span i {
    top: -300px;
}

.main-erp .benefit.on li p.adv-num span.n1 i {
    top: -30px;
}

.main-erp .benefit.on li p.adv-num span.n2 i {
    top: -60px;
}

.main-erp .benefit.on li p.adv-num span.n3 i {
    top: -90px;
}

.main-erp .benefit.on li p.adv-num span.n4 i {
    top: -120px;
}

.main-erp .benefit.on li p.adv-num span.n5 i {
    top: -150px;
}

.main-erp .benefit.on li p.adv-num span.n6 i {
    top: -180px;
}

.main-erp .benefit.on li p.adv-num span.n7 i {
    top: -210px;
}

.main-erp .benefit.on li p.adv-num span.n8 i {
    top: -240px;
}

.main-erp .benefit.on li p.adv-num span.n9 i {
    top: -270px;
}

.main-erp .benefit.on li p.adv-num span.r2 i {
    transition-delay: .2s;
}

.main-erp .benefit.on li p.adv-num span.r3 i {
    transition-delay: .4s;
}

.main-erp .structure {
    padding: 70px 0;
}

.main-erp .structure .box {
    position: relative;
    overflow: hidden;
    text-align: center;
}

.main-erp .structure .box img {
    width: auto;
    height: 7rem;
    max-width: 100%;
}

.main-erp .structure .box .item {
    position: absolute;
}

.main-erp .structure .box .item img {
    position: relative;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
}

.main-erp .structure .box .item ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    width: 200px;
    padding: 10px 15px;
    margin-left: -100px;
    border: 1px solid #008ad4;
    background-color: #fff;
    box-sizing: border-box;
    overflow: hidden;
    z-index: 3;
}

.main-erp .structure .box .item ul li {
    float: left;
    width: 50%;
    line-height: 25px;
    font-size: 12px;
    text-align: center;
}

.main-erp .structure .box .item ul li.full {
    width: 100%;
}

.main-erp .structure .box .item:hover img {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.main-erp .structure .box .item:hover ul {
    display: block;
}

.main-erp .structure .box .i1 {
    left: 21.80555%;
    top: 13.273%;
    width: 9.375%;
}

.main-erp .structure .box .i2 {
    left: 31.80555%;
    top: 13.273%;
    width: 9.375%;
}

.main-erp .structure .box .i3 {
    left: 41.80555%;
    top: 13.273%;
    width: 9.375%;
}

.main-erp .structure .box .i4 {
    left: 51.80555%;
    top: 13.273%;
    width: 9.375%;
}

.main-erp .structure .box .i5 {
    left: 61.80555%;
    top: 13.273%;
    width: 9.375%;
}

.main-erp .structure .box .i6 {
    left: 71.80555%;
    top: 13.273%;
    width: 9.375%;
}

.main-erp .structure .box .i7 {
    left: 21.80555%;
    top: 24.88687%;
    width: 9.375%;
}

.main-erp .structure .box .i8 {
    left: 31.80555%;
    top: 24.88687%;
    width: 9.375%;
}

.main-erp .structure .box .i9 {
    left: 58.88888%;
    top: 24.88687%;
    width: 7.3611%;
}

.main-erp .structure .box .i10 {
    left: 21.80555%;
    top: 31.975867%;
    width: 7.3611%;
}

.main-erp .structure .box .i11 {
    left: 29.375%;
    top: 31.975867%;
    width: 7.3611%;
}

.main-erp .structure .box .i12 {
    left: 37.013888%;
    top: 31.975867%;
    width: 11.527777%;
}

.main-erp .structure .box .i13 {
    left: 48.819444%;
    top: 31.975867%;
    width: 7.3611%;
}

.main-erp .structure .box .i14 {
    left: 56.527777%;
    top: 31.975867%;
    width: 7.3611%;
}

.main-erp .structure .box .i15 {
    left: 64.305555%;
    top: 31.975867%;
    width: 9.166666%;
}

.main-erp .structure .box .i16 {
    left: 73.819444%;
    top: 31.975867%;
    width: 7.3611%;
}

.main-erp .structure .box .i17 {
    left: 21.80555%;
    top: 43.5897%;
    width: 9.375%;
}

.main-erp .structure .box .i18 {
    left: 31.66667%;
    top: 43.5897%;
    width: 9.375%;
}

.main-erp .structure .box .i19 {
    left: 41.53%;
    top: 43.5897%;
    width: 9.375%;
}

.main-erp .structure .box .i20 {
    left: 21.80555%;
    top: 51.282%;
    width: 9.375%;
}

.main-erp .structure .box .i21 {
    left: 31.66667%;
    top: 51.282%;
    width: 9.375%;
}

.main-erp .structure .box .i22 {
    left: 41.53%;
    top: 51.282%;
    width: 9.375%;
}

.main-erp .structure .box .i23 {
    left: 21.80555%;
    top: 58.52187%;
    width: 9.375%;
}

.main-erp .structure .box .i24 {
    left: 47.91666%;
    top: 58.52187%;
    width: 10.97222%;
}

.main-erp .structure .box .i25 {
    left: 60.83333%;
    top: 58.52187%;
    width: 10.97222%;
}

.main-erp .structure .box .i26 {
    left: 85.27777%;
    top: 7.6923%;
    width: 12.77777%;
}

.main-erp .structure .box .i27 {
    left: 85.27777%;
    top: 13.57466%;
    width: 12.77777%;
}

.main-erp .structure .box .i28 {
    left: 85.27777%;
    top: 25.641%;
    width: 12.77777%;
}

.main-erp .structure .box .i29 {
    left: 85.27777%;
    top: 41.93%;
    width: 12.77777%;
}

.main-erp .structure .box .i30 {
    left: 85.27777%;
    top: 53.99698%;
    width: 12.77777%;
}

.main-erp .structure .box .i31 {
    left: 85.27777%;
    top: 59.7285%;
    width: 12.77777%;
}

.main-erp .possess {
    padding: 70px 0;
    background-color: #fafafa;
}

.main-erp .possess .cont {
    overflow: hidden;
    border: 1px solid #e9eaed;
}

.main-erp .possess .tab {
    position: relative;
    float: left;
    width: 17.36%;
    padding: 40px 0;
    border-right: 1px solid #e9eaed;
    overflow: hidden;
    box-sizing: border-box;
}

.main-erp .possess .tab span {
    position: relative;
    display: block;
    height: 55px;
    line-height: 55px;
    border-right: 5px solid #fafafa;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
    transition: all .3s;
}

.main-erp .possess .tab span i {
    display: inline-block;
    vertical-align: middle;
    width: 34px;
    height: 30px;
    margin-right: 15px;
    background: url(/images/all-icon.png) no-repeat;
    background-position-y: -110px;
}

.main-erp .possess .tab span .team {
    background-position-x: -90px;
}

.main-erp .possess .tab span .product {
    background-position-x: -124px;
}

.main-erp .possess .tab span .funds {
    background-position-x: -158px;
}

.main-erp .possess .tab span .sale {
    background-position-x: -192px;
}

.main-erp .possess .tab span .warehouse {
    background-position-x: -226px;
}

.main-erp .possess .tab span .report {
    background-position-x: -260px;
}

.main-erp .possess .tab span .logistics {
    background-position-x: -294px;
}

.main-erp .possess .tab span .supply {
    background-position-x: -328px;
}

.main-erp .possess .tab span .curser {
    background-position: -370px -140px;
}

.main-erp .possess .tab span .order {
    background-position: -466px -5px !important;
}

.main-erp .possess .tab span:hover {
    background-color: #f2f4f5;
    color: #008ad4;
}

.main-erp .possess .tab span:hover .curser {
    background-position: -404px -140px;
}

.main-erp .possess .tab span:hover .order {
    background-position: -466px -35px !important;
}

.main-erp .possess .tab .on {
    color: #008ad4;
    border-color: #008ad4;
    background-color: #f2f4f5;
}

.main-erp .possess .tab .on i,
.main-erp .possess .tab span:hover i {
    background-position-y: -140px;
}

.main-erp .possess .tab .on .order {
    background-position: -466px -35px !important;
}

.main-erp .possess .tab .on .curser {
    background-position: -404px -140px;
}

.main-erp .possess .list {
    position: relative;
    float: left;
    width: 82.64%;
    padding: 3.47% 0 30px 4.16%;
    box-sizing: border-box;
}

.main-erp .possess .list .item {
    display: none;
    overflow: hidden;
}

.main-erp .possess .list .item .text {
    float: left;
    width: 55%;
}

.main-erp .possess .list .item .text h3 {
    line-height: 35px;
    margin-bottom: 5px;
    font-size: 24px;
    font-weight: bold;
}

.main-erp .possess .list .item .text p {
    color: #757575;
}

.main-erp .possess .list .item .text span {
    line-height: 25px;
    color: #757575;
}

.main-erp .possess .list .item .text .info {
    margin-bottom: 15px;
}

.main-erp .possess .list .item .text .point {
    margin-bottom: 15px;
}

.main-erp .possess .list .item .text .point span {
    position: relative;
    padding-left: 12px;
    margin-right: 20px;
}

.main-erp .possess .list .item .text .point span:after {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 6px;
    height: 6px;
    background-color: #ccc;
    border-radius: 50%;
}

.main-erp .possess .list .item .text .otab {
    margin-bottom: 15px;
    overflow: hidden;
}

.main-erp .possess .list .item .text .otab span {
    float: left;
    display: block;
    width: 110px;
    height: 30px;
    line-height: 28px;
    margin-right: 10px;
    text-align: center;
    border: 1px solid #d4dade;
    box-sizing: border-box;
    border-radius: 15px;
    cursor: pointer;
}

.main-erp .possess .list .item .text .otab span:hover,
.main-erp .possess .list .item .text .otab .on {
    background-color: #008ad4;
    border-color: #008ad4;
    color: #fff;
}

.main-erp .possess .list .item .text .obox {
    display: none;
}

.main-erp .possess .list .item .text .obox.on {
    display: block;
}

.main-erp .possess .list .item .text .ttab {
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #dcdcdc;
    overflow: hidden;
}

.main-erp .possess .list .item .text .ttab span {
    float: left;
    display: block;
    width: 25%;
    line-height: 25px;
    cursor: pointer;
}

.main-erp .possess .list .item .text .ttab .on {
    color: #008ad4;
}

.main-erp .possess .list .item .text .tbox {
    display: none;
}

.main-erp .possess .list .item .text .tbox.on {
    display: block;
}

.main-erp .possess .list .item .text .func li {
    position: relative;
    padding-left: 18px;
}

.main-erp .possess .list .item .text .func li p {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    transition: all .5s;
}

.main-erp .possess .list .item .text .func li p span {
    position: absolute;
    left: 100%;
    top: 0;
    width: 600px;
    margin-left: 20px;
    transform: translateX(30px);
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transition: all .5s;
}

.main-erp .possess .list .item .text .func li:after {
    content: "";
    position: absolute;
    left: 0;
    top: 8.5px;
    width: 6px;
    height: 6px;
    border: 1px solid #008ad4;
    background-color: #008ad4;
    border-radius: 4px;
    transition: all .5s;
}

.main-erp .possess .list .item .text .func li:hover p {
    color: #008ad4;
}

.main-erp .possess .list .item .text .func li:hover p span {
    transform: translateX(0);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    color: #008ad4;
}

.main-erp .possess .list .item .text .func li:hover:after {
    background: none;
}

.main-erp .possess .list .item .pic {
    width: 45%;
    float: left;
    text-align: center;
}

.main-erp .possess .list .item .pic img {
    max-width: 85%;
    height: auto;
}

.main-erp .possess .list .item.on {
    display: block;
}

.main-erp .possess .list .yuyue {
    display: block;
    width: 130px;
    height: 36px;
    line-height: 34px;
    margin-top: 20px;
    text-align: center;
    border-radius: 18px;
    font-size: 14px;
    background-color: #fabd02;
    color: #fff;
    box-sizing: border-box;
}

.main-erp .possess .list .yuyue:hover {
    background-color: #008ad4;
}

.main-erp .possess .list:after {
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    width: 1px;
    height: 100%;
    background-color: #e9eaed;
}

.main-overseas .com-title {
    margin-bottom: 50px;
}

.main-overseas .backdrop {
    padding: 70px 0;
    overflow: hidden;
    background-color: #fafafa
}

.main-overseas .backdrop li {
    position: relative;
    float: left;
    width: 20%;
    padding: 0 2%;
    text-align: center;
    box-sizing: border-box;
}

.main-overseas .backdrop li img {
    margin-bottom: 20px;
    transition: all .5s;
}

.main-overseas .backdrop li:hover img {
    transform: translateY(-10px);
}

.main-overseas .backdrop li:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 90px;
    right: 0;
    top: 50%;
    margin-top: -45px;
    background-color: #dcdcdc;
}

.main-overseas .backdrop li:nth-last-child(1):after {
    display: none;
}

.main-overseas .why {
    padding: 70px 0;
    overflow: hidden;
}

.main-overseas .why li {
    position: relative;
    float: left;
    width: 14.2857%;
    padding: 30px 0.65% 25px;
    text-align: center;
    box-sizing: border-box;
    transition: all .5s;
}

.main-overseas .why li a {
    display: block;
    width: 170px;
    height: 46px;
    line-height: 46px;
    margin: 50px auto 0;
    text-align: center;
    background-color: #008ad4;
    color: #fff;
    border-radius: 23px;
    font-size: 20px;
}

.main-overseas .why li em {
    display: block;
    width: 120px;
    height: 138px;
    margin: 0 auto 25px;
    transition: all .5s;
}

.main-overseas .why li em.wh1 {
    background: url(/images/service/backdrop-why-01.png) no-repeat;
}

.main-overseas .why li em.wh2 {
    background: url(/images/service/backdrop-why-02.png) no-repeat;
}

.main-overseas .why li em.wh3 {
    background: url(/images/service/backdrop-why-03.png) no-repeat;
}

.main-overseas .why li em.wh4 {
    background: url(/images/service/backdrop-why-04.png) no-repeat;
}

.main-overseas .why li em.wh5 {
    background: url(/images/service/backdrop-why-05.png) no-repeat;
}

.main-overseas .why li em.wh6 {
    background: url(/images/service/backdrop-why-06.png) no-repeat;
}

.main-overseas .why li em.wh7 {
    background: url(/images/service/backdrop-why-07.png) no-repeat;
}

.main-overseas .why li p {
    height: 75px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.main-overseas .why li p span {
    color: #008ad4;
}

.main-overseas .why li i {
    position: absolute;
    width: 0;
    height: 0;
    transition: all 1s;
}

.main-overseas .why li .lt {
    left: 0;
    top: 0;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
}

.main-overseas .why li .rt {
    right: 0;
    top: 0;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
}

.main-overseas .why li .lb {
    left: 0;
    bottom: 0;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.main-overseas .why li .rb {
    right: 0;
    bottom: 0;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.main-overseas .why li:hover {
    box-shadow: 0 0 40px #ddd;
    transform: translateY(-3px);
}

.main-overseas .why li:hover i {
    width: 17px;
    height: 17px;
    border-color: #008ad4;
}

.main-overseas .why li:hover em.wh1 {
    background: url(/images/service/backdrop-why-01-on.png) no-repeat;
}

.main-overseas .why li:hover em.wh2 {
    background: url(/images/service/backdrop-why-02-on.png) no-repeat;
}

.main-overseas .why li:hover em.wh3 {
    background: url(/images/service/backdrop-why-03-on.png) no-repeat;
}

.main-overseas .why li:hover em.wh4 {
    background: url(/images/service/backdrop-why-04-on.png) no-repeat;
}

.main-overseas .why li:hover em.wh5 {
    background: url(/images/service/backdrop-why-05-on.png) no-repeat;
}

.main-overseas .why li:hover em.wh6 {
    background: url(/images/service/backdrop-why-06-on.png) no-repeat;
}

.main-overseas .why li:hover em.wh7 {
    background: url(/images/service/backdrop-why-07-on.png) no-repeat;
}

.main-overseas .why li.btn:hover {
    box-shadow: none;
    transform: translateY(0);
}

.main-overseas .why li.btn:hover i {
    width: 0;
    height: 0;
    border-color: #fff;
}

.main-overseas .possess {
    padding: 70px 0;
    background: url(/images/service/overseas-possess-bg.jpg) no-repeat center;
}

.main-overseas .possess .com-title h2 {
    color: #fff;
}

.main-overseas .possess .system {
    margin-bottom: 50px;
    overflow: hidden;
}

.main-overseas .possess .system .box {
    position: relative;
    float: left;
    width: 50%;
    height: 230px;
    padding: 40px 50px 0;
    box-sizing: border-box;
    background: rgba(255, 255, 255, .05);
    text-align: center;
    transition: all .5s;
}

.main-overseas .possess .system .box h3 {
    line-height: 30px;
    margin-bottom: 15px;
    font-size: 20px;
    color: #fff;
}

.main-overseas .possess .system .box p {
    height: 75px;
    color: #d0d1d2;
    margin-bottom: 14px;
}

.main-overseas .possess .system .box i {
    position: absolute;
    width: 0;
    height: 0;
    transition: all .5s;
    border-style: solid;
    border-width: 0px;
    border-color: #008ad4;
}

.main-overseas .possess .system .box .lt {
    left: 0;
    top: 0;
    border-right: none;
    border-bottom: none;
}

.main-overseas .possess .system .box .rt {
    right: 0;
    top: 0;
    border-left: none;
    border-bottom: none;
}

.main-overseas .possess .system .box .lb {
    left: 0;
    bottom: 0;
    border-right: none;
    border-top: none;
}

.main-overseas .possess .system .box .rb {
    right: 0;
    bottom: 0;
    border-left: none;
    border-top: none;
}

.main-overseas .possess .system .box a {
    display: block;
    width: 110px;
    height: 30px;
    margin: 0 auto;
    line-height: 30px;
    background-color: #fabd02;
    color: #fff;
    border-radius: 16px;
    transition: all .5s;
}

.main-overseas .possess .system .box:hover {
    box-shadow: 0 0 15px #23648e inset;
    background: rgba(255, 255, 255, 0);
}

.main-overseas .possess .system .box:hover i {
    width: 35px;
    height: 35px;
    border-width: 2px;
}

.main-overseas .possess .system .box:hover a {
    background-color: #008ad4;
}

.main-overseas .possess .process img {
    max-width: 100%;
    height: auto;
}

.main-overseas .different {
    padding: 70px 0;
}

.main-overseas .different .com-title {
    margin-bottom: 65px;
}

.main-overseas .different .cont {
    overflow: hidden;
}

.main-overseas .different .cont .box {
    float: left;
    width: 50%;
}

.main-overseas .different .cont .title {
    position: relative;
    background-color: #fff;
    width: 190px;
    height: 60px;
    margin: 2px auto;
    box-shadow: 0 0 10px #84d1fa inset;
    z-index: 2;
}

.main-overseas .different .cont .title h2 {
    line-height: 60px;
    font-size: 20px;
    ;
    text-align: center;
}

.main-overseas .different .cont .title i {
    position: absolute;
    width: 0;
    height: 0;
    transition: all .5s;
    border-style: solid;
    border-width: 0px;
    border-color: #61caf7;
    width: 16px;
    height: 10px;
    border-width: 2px;
}

.main-overseas .different .cont .title .lt {
    left: -2px;
    top: -2px;
    border-right: none;
    border-bottom: none;
}

.main-overseas .different .cont .title .rt {
    right: -2px;
    top: -2px;
    border-left: none;
    border-bottom: none;
}

.main-overseas .different .cont .title .lb {
    left: -2px;
    bottom: -2px;
    border-right: none;
    border-top: none;
}

.main-overseas .different .cont .title .rb {
    right: -2px;
    bottom: -2px;
    border-left: none;
    border-top: none;
}

.main-overseas .different .cont ul {
    overflow: hidden;
    margin-top: -30px;
}

.main-overseas .different .cont ul:before {
    content: "";
    display: block;
    width: 66.6666%;
    height: 1px;
    margin: 0 auto;
    background: #cce8f7;
}

.main-overseas .different .cont li {
    float: left;
    width: 33.3333%;
    text-align: center;
}

.main-overseas .different .cont li p {
    margin-top: 15px;
    color: #666;
}

.main-overseas .different .cont li em {
    display: block;
    width: 120px;
    height: 138px;
    margin: 0 auto;
    background-size: 100% auto !important;
    transition: all .5s;
}

.main-overseas .different .cont li .dif1 {
    background: url(/images/service/overseas-different-01.png) no-repeat;
}

.main-overseas .different .cont li .dif2 {
    background: url(/images/service/overseas-different-02.png) no-repeat;
}

.main-overseas .different .cont li .dif3 {
    background: url(/images/service/overseas-different-03.png) no-repeat;
}

.main-overseas .different .cont li .dif4 {
    background: url(/images/service/overseas-different-04.png) no-repeat;
}

.main-overseas .different .cont li .dif5 {
    background: url(/images/service/overseas-different-05.png) no-repeat;
}

.main-overseas .different .cont li .dif6 {
    background: url(/images/service/overseas-different-06.png) no-repeat;
}

.main-overseas .different .cont li:hover .dif1 {
    background: url(/images/service/overseas-different-01-on.png) no-repeat;
}

.main-overseas .different .cont li:hover .dif2 {
    background: url(/images/service/overseas-different-02-on.png) no-repeat;
}

.main-overseas .different .cont li:hover .dif3 {
    background: url(/images/service/overseas-different-03-on.png) no-repeat;
}

.main-overseas .different .cont li:hover .dif4 {
    background: url(/images/service/overseas-different-04-on.png) no-repeat;
}

.main-overseas .different .cont li:hover .dif5 {
    background: url(/images/service/overseas-different-05-on.png) no-repeat;
}

.main-overseas .different .cont li:hover .dif6 {
    background: url(/images/service/overseas-different-06-on.png) no-repeat;
}

.main-overseas .different .cont li:before {
    content: "";
    display: block;
    width: 1px;
    height: 65px;
    margin: 0 auto 5px;
    background-color: #cce8f7;
}

.main-invoicing .com-title {
    margin-bottom: 50px;
}

.main-invoicing .status {
    padding: 70px 0;
    background-color: #fafafa;
    overflow: hidden;
}

.main-invoicing .status ul {
    width: 101.04166%;
}

.main-invoicing .status li {
    position: relative;
    float: left;
    width: 32.3024%;
    margin-right: 1.0309%;
    padding: 20px 0 20px 25px;
    box-sizing: border-box;
    background-color: #fff;
    box-shadow: 0 0 20px #dfdfdf;
    background: url(/images/none-bg.png) no-repeat;
    background-size: 100% 100%;
    transition: all .5s;
}

.main-invoicing .status li i {
    display: block;
    width: 95px;
    height: 110px;
    transition: all .5s;
}

.main-invoicing .status li i.work {
    background: url(/images/service/status-01.png) no-repeat;
}

.main-invoicing .status li i.manual {
    background: url(/images/service/status-02.png) no-repeat;
}

.main-invoicing .status li i.info {
    background: url(/images/service/status-03.png) no-repeat;
}

.main-invoicing .status li p {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    padding: 0 40px 0 145px;
    box-sizing: border-box;
    transform: translateY(-50%);
    transition: all .5s;
}


/* .main-invoicing .status li:hover{}
.main-invoicing .status li:hover p{} */

.main-invoicing .status li:hover i.work {
    background: url(/images/service/status-01-on.png) no-repeat;
}

.main-invoicing .status li:hover i.manual {
    background: url(/images/service/status-02-on.png) no-repeat;
}

.main-invoicing .status li:hover i.info {
    background: url(/images/service/status-03-on.png) no-repeat;
}

.main-invoicing .why {
    padding: 70px 0;
    overflow: hidden;
}

.main-invoicing .why .text {
    float: right;
    width: 55%;
    padding-top: 15px;
}

.main-invoicing .why .text h2 {
    position: relative;
    display: inline-block;
    line-height: 40px;
    margin-bottom: 25px;
    font-size: 30px;
}

.main-invoicing .why .text h2 span {
    color: #008ad4;
}

.main-invoicing .why .text p {
    color: #666;
}

.main-invoicing .why .text a {
    display: block;
    width: 110px;
    height: 30px;
    margin-top: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #fabd02;
    color: #fff;
    border-radius: 16px;
    transition: all .5s;
}

.main-invoicing .why .text a:hover {
    background-color: #008ad4;
}

.main-invoicing .why .pic {
    float: left;
    width: 41%;
}

.main-invoicing .why .pic img {
    max-width: 80%;
    height: auto;
    transition: all .5s;
}

.main-invoicing .why .pic img:hover {
    transform: scale(1.1, 1.1);
}

.main-invoicing .benefit {
    padding: 70px 0;
    background-color: #fafafa;
}

.main-invoicing .benefit ul {
    overflow: hidden;
    border: 1px solid #dcdcdc;
    border-right: none;
}

.main-invoicing .benefit li {
    float: left;
    width: 33.3333%;
    height: 260px;
    padding: 25px 4.5% 0;
    border-right: 1px solid #dcdcdc;
    text-align: center;
    box-sizing: border-box;
    background: url(/images/none-bg.png) no-repeat;
    background-size: 100% 100%;
    transition: all .5s;
}

.main-invoicing .benefit li i {
    display: block;
    width: 105px;
    height: 122px;
    margin: 0 auto 15px;
    transition: all .5s;
}

.main-invoicing .benefit li i.be1 {
    background: url(/images/service/invoicing-benefit-01.png) no-repeat;
}

.main-invoicing .benefit li i.be2 {
    background: url(/images/service/invoicing-benefit-02.png) no-repeat;
}

.main-invoicing .benefit li i.be3 {
    background: url(/images/service/invoicing-benefit-03.png) no-repeat;
}

.main-invoicing .benefit li p {
    color: #666;
    transition: all .5s;
}

.main-invoicing .benefit li p span {
    font-size: 18px;
    color: #008ad4;
    transition: all .5s;
}

.main-invoicing .benefit li:hover {
    box-shadow: 0 0 10px #008ad4 inset;
}


/* .main-invoicing .benefit li:hover p{} */

.main-invoicing .benefit li:hover i.be1 {
    background: url(/images/service/invoicing-benefit-01-on.png) no-repeat;
}

.main-invoicing .benefit li:hover i.be2 {
    background: url(/images/service/invoicing-benefit-02-on.png) no-repeat;
}

.main-invoicing .benefit li:hover i.be3 {
    background: url(/images/service/invoicing-benefit-03-on.png) no-repeat;
}

.main-invoicing .possess {
    padding: 70px 0;
    background: url(/images/service/invoicing-possess-bg.jpg) no-repeat top center;
    overflow: hidden;
}

.main-invoicing .possess .com-title h2 {
    color: #fff;
}

.main-invoicing .possess ul {
    width: 100.625%;
}

.main-invoicing .possess li {
    position: relative;
    float: left;
    width: 32.712%;
    height: 200px;
    margin-right: 0.621%;
    padding: 30px 25px 0;
    box-sizing: border-box;
    background: rgba(255, 255, 255, .05);
    text-align: center;
    transition: all .5s;
}

.main-invoicing .possess li h3 {
    line-height: 30px;
    margin-bottom: 10px;
    font-size: 20px;
    color: #fff;
}

.main-invoicing .possess li p {
    height: 50px;
    color: #d0d1d2;
    margin-bottom: 15px;
}

.main-invoicing .possess li a {
    display: block;
    width: 110px;
    height: 30px;
    margin: 0 auto;
    line-height: 30px;
    color: #fff;
    background-color: #fabd02;
    border-radius: 16px;
    transition: all .5s;
}

.main-invoicing .possess li i {
    position: absolute;
    width: 0;
    height: 0;
    transition: all .5s;
    border-style: solid;
    border-width: 0px;
    border-color: #008ad4;
}

.main-invoicing .possess li .lt {
    left: 0;
    top: 0;
    border-right: none;
    border-bottom: none;
}

.main-invoicing .possess li .rt {
    right: 0;
    top: 0;
    border-left: none;
    border-bottom: none;
}

.main-invoicing .possess li .lb {
    left: 0;
    bottom: 0;
    border-right: none;
    border-top: none;
}

.main-invoicing .possess li .rb {
    right: 0;
    bottom: 0;
    border-left: none;
    border-top: none;
}

.main-invoicing .possess li:hover {
    box-shadow: 0 0 20px #23648e inset;
    background: rgba(255, 255, 255, 0);
}

.main-invoicing .possess li:hover h3 {
    color: #008ad4;
}

.main-invoicing .possess li:hover p {
    color: #fff;
}

.main-invoicing .possess li:hover i {
    width: 35px;
    height: 35px;
    border-width: 2px;
}

.main-invoicing .possess li:hover a {
    background-color: #008ad4;
}

.main-invoicing .different {
    padding: 70px 0;
    overflow: hidden;
}

.main-invoicing .different li {
    position: relative;
    float: left;
    width: 14.2857%;
    height: 210px;
    padding: 20px 15px;
    box-sizing: border-box;
    transition: all .5s;
}

.main-invoicing .different li .text {
    text-align: center;
    box-sizing: border-box;
    transition: all .5s;
}

.main-invoicing .different li em {
    display: block;
    width: 95px;
    height: 110px;
    margin: 0 auto 10px;
    transition: all .5s;
}

.main-invoicing .different li em.df1 {
    background: url(/images/service/invoicing-different-01.png) no-repeat;
}

.main-invoicing .different li em.df2 {
    background: url(/images/service/invoicing-different-02.png) no-repeat;
}

.main-invoicing .different li em.df3 {
    background: url(/images/service/invoicing-different-03.png) no-repeat;
}

.main-invoicing .different li em.df4 {
    background: url(/images/service/invoicing-different-04.png) no-repeat;
}

.main-invoicing .different li em.df5 {
    background: url(/images/service/invoicing-different-05.png) no-repeat;
}

.main-invoicing .different li em.df6 {
    background: url(/images/service/invoicing-different-06.png) no-repeat;
}

.main-invoicing .different li em.df7 {
    background: url(/images/service/invoicing-different-07.png) no-repeat;
}

.main-invoicing .different li h3 {
    line-height: 25px;
    font-size: 14px;
    color: #666;
    transition: all .5s;
}

.main-invoicing .different li i {
    position: absolute;
    width: 0;
    height: 0;
    transition: all 1s;
}

.main-invoicing .different li .lt {
    left: 0;
    top: 0;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
}

.main-invoicing .different li .rt {
    right: 0;
    top: 0;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
}

.main-invoicing .different li .lb {
    left: 0;
    bottom: 0;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.main-invoicing .different li .rb {
    right: 0;
    bottom: 0;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.main-invoicing .different li:hover {
    box-shadow: 0 0 40px #ddd;
    transform: translateY(-3px);
}

.main-invoicing .different li:hover .text h3 {
    color: #008ad4;
}

.main-invoicing .different li:hover i {
    width: 17px;
    height: 17px;
    border-color: #008ad4;
}

.main-invoicing .different li:hover em.df1 {
    background: url(/images/service/invoicing-different-01-on.png) no-repeat;
}

.main-invoicing .different li:hover em.df2 {
    background: url(/images/service/invoicing-different-02-on.png) no-repeat;
}

.main-invoicing .different li:hover em.df3 {
    background: url(/images/service/invoicing-different-03-on.png) no-repeat;
}

.main-invoicing .different li:hover em.df4 {
    background: url(/images/service/invoicing-different-04-on.png) no-repeat;
}

.main-invoicing .different li:hover em.df5 {
    background: url(/images/service/invoicing-different-05-on.png) no-repeat;
}

.main-invoicing .different li:hover em.df6 {
    background: url(/images/service/invoicing-different-06-on.png) no-repeat;
}

.main-invoicing .different li:hover em.df7 {
    background: url(/images/service/invoicing-different-07-on.png) no-repeat;
}

.main-invoicing .different a {
    display: block;
    width: 170px;
    height: 46px;
    line-height: 46px;
    margin: 32px auto 0;
    text-align: center;
    background-color: #fabd02;
    color: #fff;
    border-radius: 23px;
    font-size: 20px;
    transition: all .5s;
}

.main-invoicing .different a:hover {
    background-color: #008ad4;
}

.main-solution .com-title {
    margin-bottom: 50px;
}

.main-solution .status {
    padding: 70px 0;
    background-color: #fafafa;
    overflow: hidden;
}

.main-solution .status li {
    float: left;
    width: 20%;
    text-align: center;
}

.main-solution .status li p {
    margin-top: 15px;
    font-size: 18px;
    color: #666;
}

.main-solution .status li em {
    display: block;
    width: 105px;
    height: 122px;
    margin: 0 auto;
    background-size: 100% auto !important;
    transition: all .5s;
}

.main-solution .status li em.st1 {
    background: url(/images/service/solution-status-01.png) no-repeat;
}

.main-solution .status li em.st2 {
    background: url(/images/service/solution-status-02.png) no-repeat;
}

.main-solution .status li em.st3 {
    background: url(/images/service/solution-status-03.png) no-repeat;
}

.main-solution .status li em.st4 {
    background: url(/images/service/solution-status-04.png) no-repeat;
}

.main-solution .status li em.st5 {
    background: url(/images/service/solution-status-05.png) no-repeat;
}

.main-solution .status li:hover em.st1 {
    background: url(/images/service/solution-status-01-on.png) no-repeat;
}

.main-solution .status li:hover em.st2 {
    background: url(/images/service/solution-status-02-on.png) no-repeat;
}

.main-solution .status li:hover em.st3 {
    background: url(/images/service/solution-status-03-on.png) no-repeat;
}

.main-solution .status li:hover em.st4 {
    background: url(/images/service/solution-status-04-on.png) no-repeat;
}

.main-solution .status li:hover em.st5 {
    background: url(/images/service/solution-status-05-on.png) no-repeat;
}

.main-solution .why {
    padding: 90px 0;
    background: url(/images/service/solution-why-bg.jpg) no-repeat center;
}

.main-solution .why .com-title h2 {
    color: #fff;
}

.main-solution .why .com-title h2 br {
    display: none;
}

.main-solution .why ul {
    overflow: hidden;
}

.main-solution .why li {
    position: relative;
    float: left;
    width: 25%;
    height: 260px;
    padding: 40px 40px 0;
    text-align: center;
    box-sizing: border-box;
    background: url(/images/none-bg.png) no-repeat;
    background-size: 100% 100%;
    transition: all .5s;
}

.main-solution .why li i {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px;
    border-color: #008ad4;
    transition: all .5s;
}

.main-solution .why li .lt {
    left: 0;
    top: 0;
    border-right: none;
    border-bottom: none;
}

.main-solution .why li .rt {
    right: 0;
    top: 0;
    border-left: none;
    border-bottom: none;
}

.main-solution .why li .lb {
    left: 0;
    bottom: 0;
    border-right: none;
    border-top: none;
}

.main-solution .why li .rb {
    right: 0;
    bottom: 0;
    border-left: none;
    border-top: none;
}

.main-solution .why li em {
    display: block;
    width: 105px;
    height: 122px;
    margin: 0 auto 25px;
    background-size: 100% auto !important;
    transition: all .5s;
}

.main-solution .why li em.wh1 {
    background: url(/images/service/solution-why-01.png) no-repeat;
}

.main-solution .why li em.wh2 {
    background: url(/images/service/solution-why-02.png) no-repeat;
}

.main-solution .why li em.wh3 {
    background: url(/images/service/solution-why-03.png) no-repeat;
}

.main-solution .why li em.wh4 {
    background: url(/images/service/solution-why-04.png) no-repeat;
}

.main-solution .why li p {
    font-size: 18px;
    color: #fff;
    transition: all .5s;
}

.main-solution .why li:hover {
    box-shadow: 0 0 15px #23648e inset;
}

.main-solution .why li:hover i {
    width: 35px;
    height: 35px;
    border-width: 2px;
}

.main-solution .why li:hover p {
    color: #008ad4;
}

.main-solution .benefit {
    padding: 70px 0;
    background-color: #fafafa;
    overflow: hidden;
}

.main-solution .benefit a {
    display: block;
    width: 170px;
    height: 46px;
    line-height: 46px;
    margin: 0 auto;
    text-align: center;
    background-color: #fabd02;
    color: #fff;
    border-radius: 23px;
    font-size: 20px;
    transition: all .5s;
}

.main-solution .benefit a:hover {
    background-color: #008ad4;
}

.main-solution .benefit ul {
    margin-bottom: 30px;
}

.main-solution .benefit li {
    position: relative;
    float: left;
    width: 20%;
    height: 260px;
    padding: 30px 1% 0;
    text-align: center;
    box-sizing: border-box;
    transition: all .5s;
}

.main-solution .benefit li em {
    display: block;
    width: 95px;
    height: 110px;
    margin: 0 auto 15px;
    transition: all .5s;
}

.main-solution .benefit li em.be1 {
    background: url(/images/service/solution-benefit-01.png) no-repeat;
}

.main-solution .benefit li em.be2 {
    background: url(/images/service/solution-benefit-02.png) no-repeat;
}

.main-solution .benefit li em.be3 {
    background: url(/images/service/solution-benefit-03.png) no-repeat;
}

.main-solution .benefit li em.be4 {
    background: url(/images/service/solution-benefit-04.png) no-repeat;
}

.main-solution .benefit li em.be5 {
    background: url(/images/service/solution-benefit-05.png) no-repeat;
}

.main-solution .benefit li p {
    min-height: 75px;
    font-size: 14px;
}

.main-solution .benefit li p span {
    color: #008ad4;
}

.main-solution .benefit li i {
    position: absolute;
    width: 0;
    height: 0;
    transition: all 1s;
}

.main-solution .benefit li .lt {
    left: 0;
    top: 0;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
}

.main-solution .benefit li .rt {
    right: 0;
    top: 0;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
}

.main-solution .benefit li .lb {
    left: 0;
    bottom: 0;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.main-solution .benefit li .rb {
    right: 0;
    bottom: 0;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.main-solution .benefit li:hover {
    box-shadow: 0 0 40px #ddd;
    transform: translateY(-3px);
}

.main-solution .benefit li:hover i {
    width: 17px;
    height: 17px;
    border-color: #008ad4;
}

.main-solution .benefit li:hover em.be1 {
    background: url(/images/service/solution-benefit-01-on.png) no-repeat;
}

.main-solution .benefit li:hover em.be2 {
    background: url(/images/service/solution-benefit-02-on.png) no-repeat;
}

.main-solution .benefit li:hover em.be3 {
    background: url(/images/service/solution-benefit-03-on.png) no-repeat;
}

.main-solution .benefit li:hover em.be4 {
    background: url(/images/service/solution-benefit-04-on.png) no-repeat;
}

.main-solution .benefit li:hover em.be5 {
    background: url(/images/service/solution-benefit-05-on.png) no-repeat;
}

.main-solution .possess {
    padding: 70px 0;
    background: url(/images/service/solution-possess-bg.jpg) no-repeat center;
}

.main-solution .possess .com-title h2 {
    color: #fff;
}

.main-solution .possess ul {
    overflow: hidden;
}

.main-solution .possess li {
    position: relative;
    float: left;
    width: 16.6666%;
    padding: 15px;
    transition: all .5s;
    box-sizing: border-box;
    text-align: center;
}

.main-solution .possess li em {
    display: block;
    width: 90px;
    height: 105px;
    margin: 0 auto 10px;
    transition: all .5s;
    background-size: 100% 100% !important
}

.main-solution .possess li em.po1 {
    background: url(/images/service/solution-possess-01.png) no-repeat;
}

.main-solution .possess li em.po2 {
    background: url(/images/service/solution-possess-02.png) no-repeat;
}

.main-solution .possess li em.po3 {
    background: url(/images/service/solution-possess-03.png) no-repeat;
}

.main-solution .possess li em.po4 {
    background: url(/images/service/solution-possess-04.png) no-repeat;
}

.main-solution .possess li em.po5 {
    background: url(/images/service/solution-possess-05.png) no-repeat;
}

.main-solution .possess li em.po6 {
    background: url(/images/service/solution-possess-06.png) no-repeat;
}

.main-solution .possess li p {
    line-height: 25px;
    font-size: 16px;
    color: #fff;
}

.main-solution .possess li i {
    position: absolute;
    width: 0;
    height: 0;
    transition: all .5s;
    border-style: solid;
    border-width: 0px;
    border-color: #008ad4;
}

.main-solution .possess li .lt {
    left: 0;
    top: 0;
    border-right: none;
    border-bottom: none;
}

.main-solution .possess li .rt {
    right: 0;
    top: 0;
    border-left: none;
    border-bottom: none;
}

.main-solution .possess li .lb {
    left: 0;
    bottom: 0;
    border-right: none;
    border-top: none;
}

.main-solution .possess li .rb {
    right: 0;
    bottom: 0;
    border-left: none;
    border-top: none;
}

.main-solution .possess li:hover {
    box-shadow: 0 0 20px #23648e inset;
}

.main-solution .possess li:hover p {
    color: #008ad4;
}

.main-solution .possess li:hover i {
    width: 35px;
    height: 35px;
    border-width: 2px;
}

.main-solution .possess li:hover em.po1 {
    background: url(/images/service/solution-possess-01-on.png) no-repeat;
}

.main-solution .possess li:hover em.po2 {
    background: url(/images/service/solution-possess-02-on.png) no-repeat;
}

.main-solution .possess li:hover em.po3 {
    background: url(/images/service/solution-possess-03-on.png) no-repeat;
}

.main-solution .possess li:hover em.po4 {
    background: url(/images/service/solution-possess-04-on.png) no-repeat;
}

.main-solution .possess li:hover em.po5 {
    background: url(/images/service/solution-possess-05-on.png) no-repeat;
}

.main-solution .possess li:hover em.po6 {
    background: url(/images/service/solution-possess-06-on.png) no-repeat;
}

.main-solution .possess .process {
    margin-top: 50px;
    text-align: right;
}

.main-solution .possess .process h3 {
    margin-bottom: 35px;
    line-height: 40px;
    font-size: 30px;
    ;
    text-align: left;
    color: #fff;
}

.main-solution .possess .process img {
    max-width: 100%;
    height: auto;
}

.main-solution .show {
    padding: 70px 0;
    background-color: #fafafa;
}

.main-solution .show h3 {
    line-height: 40px;
    margin-bottom: 15px;
    font-size: 30px;
    text-align: left;
}

.main-solution .show .device {
    margin-bottom: 50px;
}

.main-solution .show .device .slide-dev {
    position: relative;
}

.main-solution .show .device .slide-pic {
    overflow: hidden;
}

.main-solution .show .device .slide-pic li {
    float: left;
    width: 230px;
    margin-right: 12px;
    text-align: center;
}

.main-solution .show .device .slide-pic li img {
    width: 100%;
    height: auto;
}

.main-solution .show .device .slide-pic li p {
    margin-top: 10px;
}

.main-solution .show .device .item-btn {
    position: absolute;
    top: 50%;
    width: 21px;
    height: 40px;
    margin-top: -37px;
    background: url(/images/all-icon.png) no-repeat;
    cursor: pointer;
}

.main-solution .show .device .prev {
    left: -50px;
    background-position: -370px -100px;
}

.main-solution .show .device .next {
    right: -50px;
    background-position: -391px -100px;
}

.main-solution .show .device .prev:hover {
    background-position: -412px -100px;
}

.main-solution .show .device .next:hover {
    background-position: -433px -100px;
}

.main-solution .show .effect .slide-effect {
    position: relative;
}

.main-solution .show .effect .slide-pic {
    overflow: hidden;
}

.main-solution .show .effect .slide-pic li {
    float: left;
    width: 348px;
    margin-right: 16px;
}

.main-solution .show .effect .slide-pic li img {
    width: 100%;
    height: auto;
}

.main-solution .show .effect .item-btn {
    position: absolute;
    top: 50%;
    width: 21px;
    height: 40px;
    margin-top: -20px;
    background: url(/images/all-icon.png) no-repeat;
    cursor: pointer;
}

.main-solution .show .effect .prev {
    left: -50px;
    background-position: -370px -100px;
}

.main-solution .show .effect .next {
    right: -50px;
    background-position: -391px -100px;
}

.main-solution .show .effect .prev:hover {
    background-position: -412px -100px;
}

.main-solution .show .effect .next:hover {
    background-position: -433px -100px;
}

.main-solution .different {
    padding: 70px 0;
}

.main-solution .different .cont ul {
    overflow: hidden;
    border-left: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
}

.main-solution .different .cont li {
    float: left;
    width: 20%;
    padding: 40px 10px 10px;
    text-align: center;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    box-sizing: border-box;
}

.main-solution .different .cont li p {
    height: 50px;
    margin-top: 15px;
    font-size: 18px;
}

.main-solution .different .cont li a {
    display: block;
    width: 170px;
    height: 46px;
    line-height: 46px;
    margin: 32px auto 47px;
    text-align: center;
    background-color: #fabd02;
    color: #fff;
    border-radius: 23px;
    transition: all .5s;
}

.main-solution .different .cont li a:hover {
    background-color: #008ad4;
}

.main-solution .different .cont li em {
    display: block;
    width: 95px;
    height: 110px;
    margin: 0 auto;
    background-size: 100% auto !important;
    transition: all .5s;
}

.main-solution .different .cont li em.dif1 {
    background: url(/images/service/solution-different-01.png) no-repeat;
}

.main-solution .different .cont li em.dif2 {
    background: url(/images/service/solution-different-02.png) no-repeat;
}

.main-solution .different .cont li em.dif3 {
    background: url(/images/service/solution-different-03.png) no-repeat;
}

.main-solution .different .cont li em.dif4 {
    background: url(/images/service/solution-different-04.png) no-repeat;
}

.main-solution .different .cont li em.dif5 {
    background: url(/images/service/solution-different-05.png) no-repeat;
}

.main-solution .different .cont li em.dif6 {
    background: url(/images/service/solution-different-06.png) no-repeat;
}

.main-solution .different .cont li em.dif7 {
    background: url(/images/service/solution-different-07.png) no-repeat;
}

.main-solution .different .cont li em.dif8 {
    background: url(/images/service/solution-different-08.png) no-repeat;
}

.main-solution .different .cont li em.dif9 {
    background: url(/images/service/solution-different-09.png) no-repeat;
}

.main-solution .different .cont li:hover em.dif1 {
    background: url(/images/service/solution-different-01-on.png) no-repeat;
}

.main-solution .different .cont li:hover em.dif2 {
    background: url(/images/service/solution-different-02-on.png) no-repeat;
}

.main-solution .different .cont li:hover em.dif3 {
    background: url(/images/service/solution-different-03-on.png) no-repeat;
}

.main-solution .different .cont li:hover em.dif4 {
    background: url(/images/service/solution-different-04-on.png) no-repeat;
}

.main-solution .different .cont li:hover em.dif5 {
    background: url(/images/service/solution-different-05-on.png) no-repeat;
}

.main-solution .different .cont li:hover em.dif6 {
    background: url(/images/service/solution-different-06-on.png) no-repeat;
}

.main-solution .different .cont li:hover em.dif7 {
    background: url(/images/service/solution-different-07-on.png) no-repeat;
}

.main-solution .different .cont li:hover em.dif8 {
    background: url(/images/service/solution-different-08-on.png) no-repeat;
}

.main-solution .different .cont li:hover em.dif9 {
    background: url(/images/service/solution-different-09-on.png) no-repeat;
}

.main-industry {
    padding: 60px 0 0;
}

.main-industry .categry {
    text-align: center;
}

.main-industry .categry ul {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.main-industry .categry ul li {
    position: relative;
    float: left;
    width: 170px;
    height: 35px;
    line-height: 35px;
    font-size: 18px;
    border-bottom: 1px solid #eaeaea;
}

.main-industry .categry ul li a {
    color: #999;
}

.main-industry .categry ul li:after {
    content: "";
    position: absolute;
    right: 0;
    top: 9px;
    width: 1px;
    height: 17px;
    background-color: #d2d2d2;
}

.main-industry .categry ul li:nth-last-child(1):after {
    display: none;
}

.main-industry .categry ul li.active {
    border-color: #008ad4;
}

.main-industry .categry ul li.active a {
    color: #008ad4;
}

.main-industry .cont {
    position: relative;
}

.main-industry .cont .item {
    padding: 80px 0;
}

.main-industry .cont .item h2 {
    line-height: 35px;
    font-size: 30px;
    text-align: center;
}

.main-industry .cont .item h2 span {
    color: #008ad4;
}

.main-industry .cont .item .blogo {
    margin-bottom: 40px;
    text-align: center;
}

.main-industry .cont .item .blogo img {
    position: relative;
    z-index: 2;
}

.main-industry .cont .item .blogo .pos {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.main-industry .cont .item .blogo .pos:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -35px;
    width: 35px;
    height: 1px;
    background-color: #d2d2d2;
}

.main-industry .cont .item .blogo .pos:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -35px;
    width: 35px;
    height: 1px;
    background-color: #d2d2d2;
}

.main-industry .cont .item .info {
    margin-bottom: 60px;
    overflow: hidden;
}

.main-industry .cont .item .info li {
    float: left;
    width: 16.66666%;
    text-align: center;
    overflow: hidden;
}

.main-industry .cont .item .info li p {
    color: #666;
}

.main-industry .cont .item .info li i {
    position: relative;
    display: block;
    width: 105px;
    height: 122px;
    margin: 0 auto 10px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    transition: all .5s;
}

.main-industry .cont .item .info li i:before {
    content: "";
    position: absolute;
    top: 61px;
    left: 50%;
    margin-left: 52px;
    width: 120px;
    height: 0;
    border-top: 1px dashed #dedede;
}

.main-industry .cont .item .info li i:after {
    content: "";
    position: absolute;
    top: 61px;
    right: 50%;
    margin-right: 52px;
    width: 120px;
    height: 0;
    border-top: 1px dashed #dedede;
}

.main-industry .cont .item .info li .ic1 {
    background-image: url(/images/industry/industry-icon-01.png);
}

.main-industry .cont .item .info li .ic2 {
    background-image: url(/images/industry/industry-icon-02.png);
}

.main-industry .cont .item .info li .ic3 {
    background-image: url(/images/industry/industry-icon-03.png);
}

.main-industry .cont .item .info li .ic4 {
    background-image: url(/images/industry/industry-icon-04.png);
}

.main-industry .cont .item .info li .ic5 {
    background-image: url(/images/industry/industry-icon-05.png);
}

.main-industry .cont .item .info li .ic6 {
    background-image: url(/images/industry/industry-icon-06.png);
}

.main-industry .cont .item .info li .ic1:hover {
    background-image: url(/images/industry/industry-icon-01-on.png);
}

.main-industry .cont .item .info li .ic2:hover {
    background-image: url(/images/industry/industry-icon-02-on.png);
}

.main-industry .cont .item .info li .ic3:hover {
    background-image: url(/images/industry/industry-icon-03-on.png);
}

.main-industry .cont .item .info li .ic4:hover {
    background-image: url(/images/industry/industry-icon-04-on.png);
}

.main-industry .cont .item .info li .ic5:hover {
    background-image: url(/images/industry/industry-icon-05-on.png);
}

.main-industry .cont .item .info li .ic6:hover {
    background-image: url(/images/industry/industry-icon-06-on.png);
}

.main-industry .cont .item .solution .com-title {
    margin-bottom: 40px;
}

.main-industry .cont .item .solution .list {
    background-size: 100% auto;
    background-position: center;
}

.main-industry .cont .item .solution h3 {
    line-height: 35px;
    margin-bottom: 50px;
    font-size: 24px;
    font-weight: bold;
    color: #008ad4;
}

.main-industry .cont .item .solution ul {
    width: 101.0416%;
    overflow: hidden;
}

.main-industry .cont .item .solution li {
    position: relative;
    float: left;
    width: 33.33333%;
    border-right: 15px solid #fff;
    border-bottom: 15px solid #fff;
    height: 255px;
    text-align: center;
    box-sizing: border-box;
    transition: all .5s;
}

.main-industry .cont .item .solution li .text {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    padding: 0 6%;
    transform: translateY(-50%);
    box-sizing: border-box;
}

.main-industry .cont .item .solution li .text h3 {
    line-height: 25px;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
    color: #fbbe04;
}

.main-industry .cont .item .solution li .text p {
    min-height: 75px;
    color: #d2d2d2;
}

.main-industry .cont .item .solution li:hover {
    box-shadow: 0 0 20px inset #008ad4;
}

.main-industry .cont .item1 .list {
    background-image: url(/images/industry/bg-01.jpg);
}

.main-industry .cont .item2 {
    background-color: #f7f9fb;
}

.main-industry .cont .item2 .list {
    background-image: url(/images/industry/bg-02.jpg);
}

.main-industry .cont .item2 .solution li {
    border-color: #f7f9fb;
}

.main-stool .distributed {
    padding: 70px 0;
    background-color: #f8f8f8;
}

.main-stool .distributed .com-title {
    margin-bottom: 40px;
}

.main-stool .distributed .tab {
    position: relative;
    margin-bottom: 45px;
}

.main-stool .distributed .tab .slide-pic {
    width: 1230px;
    margin: 0 auto;
    overflow: hidden;
}

.main-stool .distributed .tab li {
    position: relative;
    float: left;
    width: 126px;
    background-color: #fff;
    margin-right: 12px;
    cursor: pointer;
}

.main-stool .distributed .tab li img {
    width: 100%;
    height: auto;
}

.main-stool .distributed .tab li .opic {
    position: absolute;
    left: 0;
    top: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transition: all .5s;
}

.main-stool .distributed .tab li:hover .opic {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.main-stool .distributed .tab li.on .opic {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.main-stool .distributed .tab .btn {
    position: absolute;
    width: 8px;
    height: 14px;
    top: 50%;
    margin-top: -7px;
    background: url(/images/all-icon.png) no-repeat;
    cursor: pointer;
}

.main-stool .distributed .tab .prev {
    left: 70px;
    background-position: -120px -210px;
}

.main-stool .distributed .tab .next {
    right: 70px;
    background-position: -128px -210px;
}

.main-stool .distributed .tab .prev:hover {
    background-position: -136px -210px;
}

.main-stool .distributed .tab .next:hover {
    background-position: -144px -210px;
}

.main-stool .distributed .map {
    position: relative;
    width: 953px;
    max-width: 100%;
    margin: 0 auto;
}

.main-stool .distributed .map img {
    width: 100%;
    height: auto;
}

.main-stool .distributed .map ul {
    display: none;
}

.main-stool .distributed .map ul.on {
    display: block;
}

.main-stool .distributed .map li {
    position: absolute;
    width: 1px;
    height: 1px;
}

.main-stool .distributed .map li i {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 19px;
    height: 24px;
    margin-left: -9.5px;
    background: url(/images/all-icon.png) no-repeat -260px -175px;
}

.main-stool .distributed .map li span {
    position: absolute;
    bottom: -5px;
    line-height: 20px;
    color: #0a9eea;
    white-space: nowrap;
}

.main-stool .distributed .map li .right {
    left: 15px;
}

.main-stool .distributed .map li .left {
    right: 15px;
}

.main-stool .distributed .map li em {
    position: absolute;
    left: -30px;
    top: -31px;
    width: 60px;
    height: 60px;
    border: 2px solid #008ad4;
    box-sizing: border-box;
    border-radius: 50%;
    animation: wave 3s;
    animation-iteration-count: infinite;
    transform: scale(1, 1);
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.main-stool .distributed .map li .e2 {
    animation-delay: 500ms;
}

.main-stool .distributed .map li .e3 {
    animation-delay: 1000ms;
}

.main-stool .distributed .map li.us {
    left: 18.46%;
    top: 38.56%;
}

.main-stool .distributed .map li.canada {
    left: 13.43%;
    top: 22.46%;
}

.main-stool .distributed .map li.mexico {
    left: 19.31%;
    top: 53.60%;
}

.main-stool .distributed .map li.uk {
    left: 45.85%;
    top: 30.72%;
}

.main-stool .distributed .map li.spain {
    left: 46.38%;
    top: 41.74%;
}

.main-stool .distributed .map li.france {
    left: 48.48%;
    top: 37.29%;
}

.main-stool .distributed .map li.germany {
    left: 49.95%;
    top: 34.32%;
}

.main-stool .distributed .map li.italy {
    left: 51.42%;
    top: 41.95%;
}

.main-stool .distributed .map li.japan {
    left: 86.57%;
    top: 43.43%;
}

.main-stool .distributed .map li.australia {
    left: 85.10%;
    top: 80.30%;
}

.main-stool .distributed .map li.hk {
    left: 78.49%;
    top: 52.33%;
}

.main-stool .distributed .map li.argentina {
    left: 28.86%;
    top: 87.71%;
}

.main-stool .distributed .map li.ireland {
    left: 44.38%;
    top: 33.90%;
}

.main-stool .distributed .map li.austria {
    left: 52.26%;
    top: 37.29%;
}

.main-stool .distributed .map li.brazil {
    left: 33.16%;
    top: 71.19%;
}

.main-stool .distributed .map li.belgium {
    left: 47.11%;
    top: 35.81%;
}

.main-stool .distributed .map li.poland {
    left: 53.62%;
    top: 31.57%;
}

.main-stool .distributed .map li.ph {
    left: 83.32%;
    top: 59.11%;
}

.main-stool .distributed .map li.korea {
    left: 84.47%;
    top: 43.22%;
}

.main-stool .distributed .map li.holland {
    left: 49.95%;
    top: 30.08%;
}

.main-stool .distributed .map li.turkey {
    left: 58.86%;
    top: 44.70%;
}

.main-stool .distributed .map li.india {
    left: 69.05%;
    top: 55.08%;
}

.main-stool .distributed .map li.sweden {
    left: 52.15%;
    top: 22.67%;
}

.main-stool .distributed .map li.szland {
    left: 50.68%;
    top: 37.50%;
}

.main-stool .distributed .map li.taiwan {
    left: 80.69%;
    top: 53.60%;
}

.main-stool .distributed .map li.singapore {
    left: 77.12%;
    top: 68.43%;
}

.main-stool .distributed .map li.malaysia {
    left: 75.55%;
    top: 63.98%;
}

.main-stool .distributed .map li.newzl {
    left: 94.65%;
    top: 91.10%;
}

.main-stool .distributed .map li.colombia {
    left: 26.55%;
    top: 61.01%;
}

.main-stool .distributed .map li.peru {
    left: 26.55%;
    top: 71.18%;
}

.main-stool .distributed .map li.chile {
    left: 27.28%;
    top: 90%;
}

.main-stool .distributed .map li.panama {
    left: 23.61%;
    top: 59.53%;
}

.main-stool .distributed .map li.indonesia {
    left: 80.06%;
    top: 65.46%;
}

.main-stool .distributed .map li.vietnam {
    left: 77.86%;
    top: 56.56%;
}

.main-stool .distributed .map li.thailand {
    left: 74.82%;
    top: 55.08%;
}

.main-stool .distributed .map li.russia {
    left: 74.81%;
    top: 20.97%;
}

.main-stool .distributed .map li.nigeria {
    left: 50.50%;
    top: 57.53%;
}

.main-stool .distributed .map li.kenya {
    left: 58.76%;
    top: 65.46%;
}

.main-stool .distributed .map li.morocco {
    left: 44.91%;
    top: 49.15%;
}

.main-stool .distributed .map li.ctdw {
    left: 45.54%;
    top: 61.02%;
}

.main-stool .distributed .map li.ghana {
    left: 47.74%;
    top: 61.02%;
}

.main-stool .distributed .map li.egypt {
    left: 55.30%;
    top: 50.84%;
}

.main-stool .distributed .map li.cameroon {
    left: 50.68%;
    top: 65.46%;
}

.main-stool .distributed .map li.none {
    width: 400px;
    height: 80px;
    left: 50%;
    top: 50%;
    margin: -40px 0 0 -200px;
}

.main-stool .feature {
    padding: 40px 0 0;
}

.main-stool .feature .tab {
    text-align: center;
    border-bottom: 1px solid #f1f1f1;
}

.main-stool .feature .tab span {
    display: inline-block;
    line-height: 25px;
    padding: 0 25px 25px;
    margin: 0 10px;
    font-size: 18px;
    cursor: pointer;
}

.main-stool .feature .tab .on {
    padding: 0 25px 20px;
    border-bottom: 5px solid #008ad4;
    color: #008ad4;
}

.main-stool .feature .cont .box {
    display: none;
}

.main-stool .feature .cont .box.on {
    display: block;
}

.main-stool .feature .cont .item {
    padding-top: 120px;
    overflow: hidden;
}

.main-stool .feature .cont .item .left {
    float: left;
}

.main-stool .feature .cont .item .right {
    float: right;
}

.main-stool .feature .cont .item .pic {
    width: 50%;
    text-align: center;
}

.main-stool .feature .cont .item .pic img {
    max-width: 100%;
    height: auto;
}

.main-stool .feature .cont .item .text {
    width: 50%;
    padding: 10px 0 0 3.5%;
    box-sizing: border-box;
}

.main-stool .feature .cont .item .text h2 {
    line-height: 35px;
    margin-bottom: 25px;
    font-size: 30px;
}

.main-stool .feature .cont .item .text h3 {
    line-height: 25px;
    font-size: 16px;
    font-weight: bold;
    color: #008ad4;
}

.main-stool .feature .cont .item .text p {
    color: #757575;
}

.main-stool .feature .cont .item .text a {
    display: block;
    width: 125px;
    height: 35px;
    line-height: 35px;
    border-radius: 18px;
    background-color: #008ad4;
    color: #fff;
    text-align: center;
    cursor: pointer;
}

.main-stool .feature .cont .item .text ul {
    overflow: hidden;
    margin-bottom: 15px;
}

.main-stool .feature .cont .item .text li {
    position: relative;
    float: left;
    width: 25%;
    height: 25px;
    line-height: 25px;
    padding: 0 1% 0 25px;
    margin-bottom: 20px;
    box-sizing: border-box;
    font-size: 16px;
    color: #757575;
    white-space: nowrap;
}

.main-stool .feature .cont .item .text li:after {
    content: "";
    position: absolute;
    left: 0;
    top: 3.5px;
    width: 18px;
    height: 18px;
    background: url(/images/all-icon.png) no-repeat -300px -175px;
}

.main-stool .feature .cont .item .text li.long {
    width: auto;
    margin-right: 15px;
}

.main-stool .feature .cont .item .text .twig {
    margin-bottom: 20px;
}

.main-stool .feature .cont .item .text .func p {
    position: relative;
    padding-left: 13px;
}

.main-stool .feature .cont .item .text .func p:after {
    content: "";
    position: absolute;
    left: 0;
    top: 9.5px;
    width: 6px;
    height: 6px;
    background-color: #008ad4;
    border-radius: 50%;
}

.main-stool .feature .cont .item .text.left {
    padding-left: 5%;
}

.main-stool .feature .cont .item .text.right {
    padding-right: 5%;
}

.main-stool .feature .cont .item:nth-child(2n) {
    background-color: #f7f8fa;
}

@keyframes wave {
    from {
        transform: scale(0.25, 0.25);
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }
    to {
        transform: scale(1, 1);
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
    }
}

.main-case {
    padding: 70px 0 0;
}

.main-case .com-title {
    margin-bottom: 60px;
}

.main-case .com-title p {
    margin-top: 10px;
    font-size: 14px;
    color: #b4b4b4;
}

.main-case .partner {
    margin-bottom: 50px;
    overflow: hidden;
}

.main-case .partner .pos {
    padding: 0 3%;
    box-sizing: border-box;
}

.main-case .partner li {
    position: relative;
    float: left;
    width: 32.558%;
    margin: 0.38765%;
    overflow: hidden;
}

.main-case .partner li img {
    width: 100%;
    height: auto;
    transition: all .5s;
}

.main-case .partner li .clogo {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    width: auto;
    margin: -40px 0 0 -110px;
}

.main-case .partner li:hover .clogo {
    transform: scale(1.1, 1.1);
}

.main-case .partner li:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(/images/case/cover.png);
}

.main-case .item {
    padding: 80px 0;
    overflow: hidden;
}

.main-case .item h3 {
    position: relative;
    line-height: 28px;
    margin-bottom: 20px;
    padding-left: 22px;
    font-size: 24px;
}

.main-case .item h3:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 28px;
    background: url(/images/all-icon.png) no-repeat -330px -175px;
}

.main-case .item p {
    margin-bottom: 10px;
    font-size: 16px;
}

.main-case .item .pos {
    padding: 0 3%;
    box-sizing: border-box;
}

.main-case .item .title {
    width: 359px;
    height: 246px;
    padding-top: 50px;
    margin-bottom: 70px;
    box-sizing: border-box;
    text-align: center;
    background-size: 100% auto !important;
}

.main-case .item .title h2 {
    font-size: 36px;
    font-weight: bold;
}

.main-case .item .left {
    float: left;
}

.main-case .item .right {
    float: right;
}

.main-case .item .demand {
    margin-bottom: 50px;
}

.main-case .item .demand h3 {
    margin-bottom: 40px;
}

.main-case .item .demand ul {
    padding-top: 10px;
    overflow: hidden;
}

.main-case .item .demand li {
    float: left;
    text-align: center;
}

.main-case .item .demand li img {
    max-width: 70%;
    height: auto !important;
    transition: all .5s;
}

.main-case .item .demand li img:hover {
    transform: scale(1.05, 1.05);
}

.main-case .item .demand li p {
    font-size: 16px;
    margin-top: 20px;
}

.main-case .item .demand .three li {
    width: 33.33333%;
}

.main-case .item .demand .four li {
    width: 25%;
}

.main-case .item .income h3 {
    margin-bottom: 30px;
}

.main-case .item .income li {
    position: relative;
    line-height: 25px;
    padding-left: 40px;
    margin-bottom: 20px;
    font-size: 16px;
}

.main-case .item .income li:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    background: url(/images/case/dot-icon-blue.png) no-repeat;
    background-size: 100% 100% !important;
}

.main-case .item .situation {
    padding-top: 45px;
}

.main-case .case-a {
    background: url(/images/case/casea-bg.jpg) no-repeat center;
}

.main-case .case-a .title {
    background: url(/images/case/case-title-a.png) no-repeat;
}

.main-case .case-a .info {
    width: 43%;
}

.main-case .case-a .situation {
    width: 55%;
}

.main-case .case-b .title {
    background: url(/images/case/case-title-b.png) no-repeat;
}

.main-case .case-b .title h2 {
    color: #008ad4;
}

.main-case .case-b .income li:after {
    background: url(/images/case/dot-icon-gray.png) no-repeat;
}

.main-case .case-b .info {
    width: 32%;
}

.main-case .case-b .situation {
    width: 60%;
}

.main-case .case-c {
    background: url(/images/case/casec-bg.jpg) no-repeat center;
}

.main-case .case-c .title {
    background: url(/images/case/case-title-c.png) no-repeat;
}

.main-case .case-c .title h2 {
    color: #fff;
}

.main-case .case-c .info {
    margin-left: 3%;
}

.main-case .case-c .overview h3 {
    color: #fff;
}

.main-case .case-c .overview p {
    color: #fff;
}

.main-case .case-c .info {
    width: 32%;
}

.main-case .case-c .situation {
    width: 64%;
    padding: 55px 8.5%;
    background-color: #fff;
    box-sizing: border-box;
}

.main-about .com-title {
    margin-bottom: 60px;
}

.main-about .profile {
    padding: 80px 0;
    overflow: hidden;
}

.main-about .profile .text {
    float: right;
    width: 49.3%;
    padding-top: 5.5%;
}

.main-about .profile .text h1 {
    line-height: 40px;
    font-size: 30px;
}

.main-about .profile .text hr {
    width: 70px;
    margin: 25px 0 40px;
    border: 1px solid #008ad4;
    text-align: left;
}

.main-about .profile .text p {
    color: #666;
    margin-bottom: 20px;
}

.main-about .profile .text p strong {
    color: #008ad4;
}

.main-about .profile .text p span {
    color: #008ad4;
}

.main-about .profile .text .ename {
    line-height: 30px;
    font-size: 18px;
    color: #999;
}

.main-about .profile .pic {
    float: left;
    width: 47.2%;
}

.main-about .profile .pic img {
    width: 100%;
    height: auto;
}

.main-about .history {
    padding: 70px 0 150px;
    background: url(/images/about/history-bg.jpg) no-repeat bottom center;
}

.main-about .history .com-title h2 {
    color: #fff;
}

.main-about .history .list {
    position: relative;
    padding-left: 3.47%;
    overflow: hidden;
}

.main-about .history .list li {
    position: relative;
    float: left;
    width: 8.20%;
    height: 140px;
    padding: 50px 0 0 25px;
    box-sizing: border-box;
}

.main-about .history .list li i {
    position: absolute;
    top: 0;
    left: 10px;
    height: 37px;
    line-height: 37px;
    padding: 0 15px;
    background: url(/images/about/history-icon.png) no-repeat left center;
    color: #f8bb03;
    font-size: 17px;
}

.main-about .history .list li p {
    width: 200%;
    line-height: 23px;
    color: #c8c8c8;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.main-about .history .list li p span {
    color: #008ad4;
}

.main-about .history .list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 18px;
    width: 11px;
    height: 1px;
    background: rgba(255, 255, 255, .2);
}

.main-about .history .list li:after {
    content: "";
    position: absolute;
    left: 0;
    top: 19px;
    width: 1px;
    height: 121px;
    background: rgba(255, 255, 255, .2);
}

.main-about .history .list li:nth-last-child(1) p {
    width: 100%;
}

.main-about .history .list .down {
    padding-top: 40px;
    margin-top: 140px;
}

.main-about .history .list .down i {
    top: initial;
    bottom: 0;
}

.main-about .history .list .down p {
    -webkit-line-clamp: 2;
}

.main-about .history .list .down:before {
    content: "";
    position: absolute;
    left: 0;
    top: initial;
    bottom: 18px;
    width: 11px;
    height: 1px;
    background: rgba(255, 255, 255, .2);
}

.main-about .history .list .down:after {
    content: "";
    position: absolute;
    left: 0;
    top: initial;
    bottom: 19px;
    width: 1px;
    height: 121px;
    background: rgba(255, 255, 255, .2);
}

.main-about .history .list:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, .2);
}

.main-about .culture {
    padding: 70px 0;
    background-color: #fafafa;
}

.main-about .culture .cont {
    overflow: hidden;
}

.main-about .culture .cont li {
    float: left;
    width: 33.33333%;
    margin-bottom: 20px;
    padding: 0 30px;
    text-align: center;
    box-sizing: border-box;
}

.main-about .culture .cont li img {
    max-width: 70%;
    height: auto;
    margin-bottom: 30px;
}

.main-about .culture .cont li em {
    display: block;
    width: 120px;
    height: 139px;
    margin: 0 auto 30px;
    background-size: 100% 100% !important;
    transition: all .5s;
}

.main-about .culture .cont li h3 {
    line-height: 30px;
    margin-bottom: 10px;
    font-size: 24px;
}

.main-about .culture .cont li p {
    color: #999;
}

.main-about .culture .cont li p span {
    margin: 0 10px;
    white-space: nowrap;
}

.main-about .culture .cont li .cul1 {
    background: url(/images/about/culture-01.png) no-repeat;
}

.main-about .culture .cont li .cul2 {
    background: url(/images/about/culture-02.png) no-repeat;
}

.main-about .culture .cont li .cul3 {
    background: url(/images/about/culture-03.png) no-repeat;
}

.main-about .culture .cont li .cul1:hover {
    background: url(/images/about/culture-01-on.png) no-repeat;
}

.main-about .culture .cont li .cul2:hover {
    background: url(/images/about/culture-02-on.png) no-repeat;
}

.main-about .culture .cont li .cul3:hover {
    background: url(/images/about/culture-03-on.png) no-repeat;
}

.main-about .honor {
    padding: 70px 0;
}

.main-about .honor .slide-honor {
    position: relative;
    margin-bottom: 60px;
}

.main-about .honor .slide-pic {
    overflow: hidden;
}

.main-about .honor .slide-pic li {
    float: left;
    width: 351px;
    margin-right: 12px;
    text-align: center;
}

.main-about .honor .slide-pic li p {
    font-size: 18px;
    color: #666;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.main-about .honor .slide-pic li .pic {
    margin-bottom: 10px;
    border: 1px solid #d2d2d2;
}

.main-about .honor .slide-pic li .pic img {
    width: 100%;
    height: auto;
}

.main-about .honor .item-btn {
    position: absolute;
    top: 50%;
    width: 21px;
    height: 40px;
    margin-top: -20px;
    background: url(/images/all-icon.png) no-repeat;
    cursor: pointer;
}

.main-about .honor .prev {
    left: -80px;
    background-position: -370px -100px;
}

.main-about .honor .next {
    right: -80px;
    background-position: -391px -100px;
}

.main-about .honor .prev:hover {
    background-position: -412px -100px;
}

.main-about .honor .next:hover {
    background-position: -433px -100px;
}

.main-about .honor .more {
    display: block;
    width: 170px;
    height: 44px;
    line-height: 44px;
    margin: 0 auto;
    text-align: center;
    border: 1px solid #dcdcdc;
    border-radius: 23px;
    color: #999;
    font-size: 20px;
}

.main-about .honor .more:hover {
    border-color: #008ad4;
    background-color: #008ad4;
    color: #fff;
}

.main-about .style {
    padding: 70px 0;
    background-color: #fafafa;
}

.main-about .style .slide-style {
    position: relative;
    margin-bottom: 60px;
}

.main-about .style .slide-pic {
    overflow: hidden;
}

.main-about .style .slide-pic li {
    float: left;
    width: 470px;
    margin-right: 15px;
    text-align: center;
}

.main-about .style .slide-pic li p {
    font-size: 18px;
    color: #666;
}

.main-about .style .slide-pic li .pic {
    margin-bottom: 10px;
}

.main-about .style .slide-pic li .pic img {
    width: 100%;
    height: auto;
}

.main-about .style .item-btn {
    position: absolute;
    top: 50%;
    width: 21px;
    height: 40px;
    margin-top: -20px;
    background: url(/images/all-icon.png) no-repeat;
    cursor: pointer;
}

.main-about .style .prev {
    left: -80px;
    background-position: -370px -100px;
}

.main-about .style .next {
    right: -80px;
    background-position: -391px -100px;
}

.main-about .style .prev:hover {
    background-position: -412px -100px;
}

.main-about .style .next:hover {
    background-position: -433px -100px;
}

.main-about .style .more {
    display: block;
    width: 170px;
    height: 44px;
    line-height: 44px;
    margin: 0 auto;
    text-align: center;
    border: 1px solid #dcdcdc;
    border-radius: 23px;
    color: #999;
    font-size: 20px;
}

.main-about .style .more:hover {
    border-color: #008ad4;
    background-color: #008ad4;
    color: #fff;
}

.main-about .partner {
    padding: 70px 0;
}

.main-about .partner ul {
    overflow: hidden;
    border-left: 1px solid #dcdcdc;
    border-top: 1px solid #dcdcdc;
}

.main-about .partner li {
    position: relative;
    float: left;
    width: 16.6666%;
    border-right: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    box-sizing: border-box;
    text-align: center;
}

.main-about .partner li img {
    max-width: 100%;
    height: auto;
    transition: all .5s;
}

.main-about .partner li .co {
    position: absolute;
    top: 50%;
    left: 50%;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transform: translate(-50%, -50%);
    transition: all .5s;
}

.main-about .partner li:hover img {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.main-about-com {
    padding: 70px 0;
}

.main-about-com .com-title {
    margin-bottom: 60px;
}

.main-about-com .over-honor {
    overflow: hidden;
}

.main-about-com .over-honor ul {
    width: 100.83333%;
}

.main-about-com .over-honor li {
    float: left;
    width: 24.17355%;
    margin: 0 0.82645% 30px 0;
    text-align: center;
}

.main-about-com .over-honor li p {
    font-size: 18px;
    color: #666;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.main-about-com .over-honor li .pic {
    margin-bottom: 10px;
    border: 1px solid #d2d2d2;
}

.main-about-com .over-honor li .pic img {
    width: 100%;
    height: auto;
}

.main-about-com .over-style {
    overflow: hidden;
}

.main-about-com .over-style ul {
    width: 101.04166%;
}

.main-about-com .over-style li {
    float: left;
    width: 32.3024%;
    margin: 0 1.0309% 30px 0;
    text-align: center;
}

.main-about-com .over-style li p {
    font-size: 18px;
    color: #666;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.main-about-com .over-style li .pic {
    margin-bottom: 10px;
}

.main-about-com .over-style li .pic img {
    width: 100%;
    height: auto;
}

.main-about-com .over-partner h3 {
    line-height: 25px;
    padding-left: 10px;
    margin-bottom: 20px;
    border-left: 5px solid #008ad4;
}

.main-about-com .over-partner ul {
    position: relative;
    border-top: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    margin-bottom: 50px;
}

.main-about-com .over-partner ul:before {
    content: "";
    position: absolute;
    width: 35px;
    height: 35px;
    right: -16px;
    top: -18px;
    background: url(/images/point.png) no-repeat;
    z-index: 2;
}

.main-about-com .over-partner ul:after {
    content: "";
    display: block;
    clear: both;
}

.main-about-com .over-partner li {
    position: relative;
    float: left;
    width: 16.66666%;
    text-align: center;
    box-sizing: border-box;
    border-right: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
}

.main-about-com .over-partner li img {
    max-width: 100%;
    height: auto;
    transition: all .5s;
}

.main-about-com .over-partner li .co {
    position: absolute;
    top: 50%;
    left: 50%;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transform: translate(-50%, -50%);
    transition: all .5s;
}

.main-about-com .over-partner li:hover img {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.main-about-com .over-partner li:before {
    content: "";
    position: absolute;
    width: 35px;
    height: 35px;
    left: -18px;
    top: -18px;
    background: url(/images/point.png) no-repeat;
    z-index: 2;
}

.main-about-com .over-partner li:after {
    content: "";
    position: absolute;
    width: 35px;
    height: 35px;
    right: -18px;
    bottom: -18px;
    background: url(/images/point.png) no-repeat;
    z-index: 2;
}

.main-about-com .case .pic {
    overflow: hidden;
    margin-bottom: 50px;
}

.main-about-com .case .pic li {
    float: left;
    width: 33.33333%;
}

.main-about-com .case .pic li img {
    width: 100%;
    height: auto;
}

.main-about-com .case .detail {
    padding: 50px;
    margin-bottom: 40px;
    background-color: #f6f6f6;
    overflow: hidden;
}

.main-about-com .case .detail h2 {
    line-height: 40px;
    margin-bottom: 30px;
    font-size: 30px;
    font-weight: bold;
    color: #333;
}

.main-about-com .case .detail h2 span {
    color: #008ad4;
}

.main-about-com .case .detail h2:after {
    content: "";
    display: inline-block;
		width:
}

.main-about-com .case .detail .box {
    box-sizing: border-box;
}

.main-about-com .case .detail .box h3 {
    line-height: 35px;
    margin-bottom: 15px;
    font-size: 24px;
    color: #666;
}

.main-about-com .case .detail .box li {
    position: relative;
    padding-left: 35px;
    line-height: 35px;
    color: #999;
    font-size: 18px;
}

.main-about-com .case .detail .box li:after {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 20px;
    height: 21px;
    background: url(/images/all-icon.png) no-repeat -5px -145px;
}

.main-about-com .case .detail .state {
    float: left;
    width: 50%;
    margin-bottom: 30px;
}

.main-about-com .case .detail .appeal {
    float: left;
    width: 50%;
    padding-left: 3%;
    margin-bottom: 30px;
}

.main-about-com .case .detail .solution {
    clear: both;
    padding-top: 30px;
    border-top: 1px solid #dcdcdc;
}

.main-about-com .case .detail .solution h3 {
    color: #008ad4;
}

.main-about-com .join {
    border-bottom: 1px solid #dcdcdc;
}

.main-about-com .join .item {
    border: 1px solid #dcdcdc;
    transition: all .5s;
}

.main-about-com .join .item .info {
    padding: 10px 30px;
    border-bottom: none;
    overflow: hidden;
    transition: all .5s;
}

.main-about-com .join .item .info .position {
    position: relative;
    float: left;
    width: 36%;
}

.main-about-com .join .item .info .position span {
    position: absolute;
    left: 145px;
    top: 50%;
    line-height: 30px;
    font-size: 20px;
    font-weight: bold;
    color: #008ad4;
    transform: translateY(-50%);
}

.main-about-com .join .item .info .opi {
    float: left;
    width: 47%;
    padding-top: 55px;
    overflow: hidden;
}

.main-about-com .join .item .info .opi p {
    float: left;
    font-size: 18px;
    line-height: 30px;
}

.main-about-com .join .item .info .opi p span {
    font-weight: bold;
    color: #333;
}

.main-about-com .join .item .info .opi .add {
    width: 35%;
}

.main-about-com .join .item .info .opi .exp {
    width: 38%;
}

.main-about-com .join .item .info .opi .salary {
    width: 27%;
}

.main-about-com .join .item .info .btn {
    float: right;
    width: 150px;
    height: 40px;
    line-height: 40px;
    margin-top: 50px;
    border-radius: 20px;
    font-size: 18px;
    background-color: #008ad4;
    color: #fff;
    text-align: center;
    cursor: pointer;
}

.main-about-com .join .item .info .btn i {
    display: inline-block;
    width: 16px;
    height: 9px;
    margin: -3px 0 0 5px;
    vertical-align: middle;
    background: url(/images/all-icon.png) no-repeat -30px -145px;
}

.main-about-com .join .item .detail {
    display: none;
    position: relative;
    padding: 45px 100px;
    overflow: hidden;
    background-color: #f5f5f5;
}

.main-about-com .join .item .detail .box {
    float: left;
    width: 50%;
    padding: 0 6.5%;
    box-sizing: border-box;
    line-height: 25px;
    color: #e6e6e6;
}

.main-about-com .join .item .detail .box h3 {
    line-height: 30px;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
}

.main-about-com .join .item .detail .box li {
    line-height: 25px;
    color: #333;
}

.main-about-com .join .item .detail:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -10px;
    border: 10px solid transparent;
    border-top-color: #fff;
}

.main-about-com .join .item.on {
    border-color: #008ad4;
}

.main-about-com .join .item.on .info .btn i {
    background-position: -46px -145px;
}

.main-about-com .contact .com-title {
    margin-bottom: 50px;
}

.main-about-com .contact .link {
    margin-bottom: 50px;
    overflow: hidden;
}

.main-about-com .contact .link .time {
    float: left;
    width: 19.5%;
    height: 350px;
    padding-top: 50px;
    background-color: #fafafa;
    text-align: center;
    box-sizing: border-box;
}

.main-about-com .contact .link .time h3 {
    margin: 25px 0 7px;
    line-height: 30px;
    font-size: 24px;
    color: #333;
    font-weight: bold;
}

.main-about-com .contact .link .time p {
    font-size: 18px;
    color: #999;
}

.main-about-com .contact .link .time p span {
    margin: 0 6px;
}

.main-about-com .contact .link .list {
    position: relative;
    float: right;
    width: 79.5%;
    height: 350px;
    background-color: #fafafa;
    box-sizing: border-box;
}

.main-about-com .contact .link .list ul {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    padding: 0 2.2%;
    box-sizing: border-box;
}

.main-about-com .contact .link .list li {
    position: relative;
    float: left;
    width: 32.33333%;
    height: 110px;
    padding: 27px 10px 0 90px;
    margin: 0.5%;
    background-color: #fff;
    box-sizing: border-box;
}

.main-about-com .contact .link .list li img {
    position: absolute;
    left: 10px;
    top: 28px;
}

.main-about-com .contact .link .list li h3 {
    line-height: 35px;
    font-size: 18px;
    font-weight: bold;
}

.main-about-com .contact .link .list li p {
    line-height: 20px;
    color: #999;
}

.main-about-com .contact .link .list li p a {
    color: #999;
}

.main-about-com .contact .link .list li p a:hover {
    color: #008ad4;
}

.main-about-com .contact .way {
    overflow: hidden;
}

.main-about-com .contact .way .info {
    float: left;
    width: 35%;
    padding-top: 60px;
}

.main-about-com .contact .way .info h2 {
    line-height: 40px;
    font-size: 30px;
}

.main-about-com .contact .way .info h3 {
    line-height: 30px;
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: bold;
}

.main-about-com .contact .way .info hr {
    width: 70px;
    border: 1px solid #008ad4;
    margin: 25px 0 40px;
}

.main-about-com .contact .way .info p {
    line-height: 30px;
    font-size: 18px;
    color: #999;
}

.main-about-com .contact .way .info li {
    position: relative;
    padding-left: 70px;
    line-height: 30px;
    font-size: 18px;
}

.main-about-com .contact .way .info li span {
    position: absolute;
    left: 0;
    top: 0;
    line-height: 30px;
    font-size: 14px;
}

.main-about-com .contact .way .map {
    float: right;
    width: 61%;
    height: 450px;
    margin-top: 50px;
}

.main-about-com .detail-style {
    text-align: center;
}

.main-about-com .detail-style img {
    max-width: 100%;
    height: auto;
    margin-bottom: 15px;
}

.reserve-banner {
    position: relative;
}

.reserve-banner img {
    width: 100%;
    height: auto;
}

.reserve-banner .text {
    position: absolute;
    left: 0;
    top: 42.857%;
    left: 14.583%;
}

.reserve-banner .text h1 {
    line-height: 0.6rem;
    margin-bottom: 0.1rem;
    font-size: 0.48rem;
    font-weight: bold;
    color: #fff;
}

.reserve-banner .text p {
    line-height: 0.3rem;
    font-size: 0.16rem;
    color: #fff;
}

.main-reserve .cont {
    padding: 60px 40px 80px;
}

.main-reserve .cont .info {
    float: left;
    width: 54.4%;
    box-sizing: border-box;
}

.main-reserve .cont .info h3 {
    line-height: 40px;
    margin-bottom: 15px;
    font-size: 30px;
    color: #333;
}

.main-reserve .cont .info ul {
    margin-bottom: 35px;
}

.main-reserve .cont .info li {
    position: relative;
    line-height: 30px;
    padding-left: 15px;
    font-size: 16px;
    color: #999;
}

.main-reserve .cont .info li:after {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    width: 6px;
    height: 6px;
    background-color: #008ad4;
    border-radius: 50%;
}

.main-reserve .cont .info p {
    line-height: 30px;
    font-size: 16px;
    color: #999;
}

.main-reserve .cont .info p span {
    margin: 0 10px 0 5px;
    font-size: 28px;
    font-style: italic;
    color: #008ad4;
}

.main-reserve .cont .info p br {
    display: none;
}

.main-reserve .cont .enter {
    position: relative;
    float: right;
    width: 42.6%;
    padding: 5.5% 2.94% 7.35%;
    margin-top: -22%;
    box-sizing: border-box;
    border: 1px solid #dcdcdc;
    background-color: #fff;
    border-radius: 10px;
    font-size: 0;
    z-index: 9;
}

.main-reserve .cont .enter h2 {
    line-height: 35px;
    margin-bottom: 60px;
    font-size: 30px;
    color: #666;
}

.main-reserve .cont .enter input[type="text"] {
    width: 100%;
    height: 58px;
    line-height: 56px;
    margin-bottom: 25px;
    padding: 0 20px;
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
    font-size: 18px;
    border-radius: 8px;
}

.main-reserve .cont .enter input[type="text"]::-webkit-input-placeholder {
    color: #ccc;
}

.main-reserve .cont .enter input[type="text"]:-moz-placeholder {
    color: #ccc;
}

.main-reserve .cont .enter input[type="text"]::-moz-placeholder {
    color: #ccc;
}

.main-reserve .cont .enter input[type="text"]:-ms-input-placeholder {
    color: #ccc;
}

.main-reserve .cont .enter input[type="submit"] {
    width: 170px;
    height: 46px;
    margin-top: 40px;
    font-size: 20px;
    color: #fff;
    border-radius: 23px;
    background-color: #fabd02;
    cursor: pointer;
    transition: all .5s;
}

.main-reserve .cont .enter input[type="submit"]:hover {
    background-color: #008ad4;
}

.list-news {
    padding: 50px 0;
    overflow: hidden;
    background-color: #f3f3f3;
}

.list-news .categry {
    float: left;
    width: 300px;
    padding: 20px 0;
    background-color: #fff;
    box-shadow: 0 0 20px #ddd;
}

.list-news .categry li {
    line-height: 70px;
    font-size: 24px;
}

.list-news .categry li a {
    display: block;
    padding-left: 90px;
}

.list-news .categry li a:hover {
    background-color: #ececec;
}

.list-news .categry .active a {
    background-color: #ececec;
    color: #008ad4;
    border-right: 4px solid #008ad4;
}

.list-news .cont {
    float: right;
    width: 1090px;
    padding: 30px 65px;
    box-sizing: border-box;
    background-color: #fff;
    box-shadow: 0 0 20px #ddd;
}

.list-news .cont .title {
    position: relative;
    padding: 0 230px 25px 0;
    margin-bottom: 25px;
    border-bottom: 1px solid #ededed;
}

.list-news .cont .title h1 {
    line-height: 34px;
    font-size: 24px;
    font-weight: bold;
    color: #333;
}

.list-news .cont .title .search {
    position: absolute;
    right: 0;
    top: 0;
    width: 230px;
    height: 34px;
    padding-right: 42px;
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
}

.list-news .cont .title .search input[type="text"] {
    width: 100%;
    height: 32px;
    padding: 0 5px;
    box-sizing: border-box;
}

.list-news .cont .title .search input[type="submit"] {
    position: absolute;
    right: 0;
    top: 0;
    width: 42px;
    height: 32px;
    background: #eee url(/images/search-icon.png) no-repeat center;
    cursor: pointer;
}

.list-news .cont .list li {
    position: relative;
    padding: 0 0 25px 315px;
    margin-bottom: 25px;
    border-bottom: 1px solid #ededed;
}

.list-news .cont .list li .pic {
    position: absolute;
    left: 0;
    top: 0;
}

.list-news .cont .list li .pic img {
    width: 100%;
    height: auto;
}

.list-news .cont .list li .text {
    height: 190px;
    box-sizing: border-box;
    padding-top: 17px;
}

.list-news .cont .list li .text h3 {
    line-height: 25px;
    margin-bottom: 15px;
    font-size: 18px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.list-news .cont .list li .text p {
    height: 75px;
    margin-bottom: 15px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.list-news .cont .list li .text a {
    display: inline-block;
    line-height: 25px;
    border-bottom: 1px solid #008ad4;
    color: #008ad4;
}

.main-news .cont .title {
    padding-bottom: 15px;
}

.main-news .cont .title h1 {
    margin-bottom: 15px;
}

.main-news .cont .title span {
    line-height: 25px;
    font-size: 14px;
    color: #999;
}

.main-news .cont .title .author {
    color: #008ad4;
    margin-right: 30px;
}

.main-news .cont .detail h3 {
    line-height: 30px;
    margin: 30px 0 15px;
    font-size: 20px;
    font-weight: bold;
    color: #333;
}

.main-news .cont .detail hr {
    margin: 30px 0;
    border: none;
    border-top: 1px solid #dcdcdc;
}

.main-news .cont .detail p {
    margin-bottom: 20px;
}

.main-news .cont .detail img {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}

.list-resource {
    padding: 50px 0;
    overflow: hidden;
}

.list-resource .com-title {
    margin-bottom: 50px;
}

.list-resource .platform ul {
    width: 101.80555%;
}

.list-resource .platform li {
    float: left;
    width: 23.6458375%;
    padding: 30px 30px 45px;
    margin: 0 1.3541625% 3% 0;
    text-align: center;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #eee;
    transition: all .5s;
}

.list-resource .platform li img {
    max-width: 95%;
    height: auto;
    margin-bottom: 10px;
}

.list-resource .platform li h3 {
    line-height: 25px;
    font-size: 18px;
    margin-bottom: 10px;
}

.list-resource .platform li p {
    height: 125px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    color: #999;
}

.list-resource .platform li a {
    display: block;
    width: 110px;
    height: 30px;
    line-height: 28px;
    margin: 15px auto 0;
    text-align: center;
    background-color: #fabd02;
    color: #fff;
    border-radius: 15px;
    box-sizing: border-box;
    transition: all .5s;
}

.list-resource .platform li:hover {
    box-shadow: 0 5px 15px #ddd;
    transform: translateY(-5px);
}

.list-resource .platform li:hover a {
    background-color: #008ad4;
}

.list-resource .pay li {
    height: 130px;
    margin-bottom: 30px;
    padding: 10px;
    background-color: #fff;
    box-shadow: 0 0 20px #ccc;
    overflow: hidden;
}

.list-resource .pay li>div {
    position: relative;
    float: left;
    height: 130px;
    box-sizing: border-box;
}

.list-resource .pay li>div:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: 80px;
    margin-top: -40px;
    background-color: #dcdcdc;
}

.list-resource .pay li .pic {
    width: 24.6%;
}

.list-resource .pay li .pic img {
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    transform: translateY(-50%);
}

.list-resource .pay li .title {
    width: 13%;
}

.list-resource .pay li .title h3 {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 10px;
    box-sizing: border-box;
    text-align: center;
    font-size: 18px;
}

.list-resource .pay li .text {
    width: 49.3%;
}

.list-resource .pay li .text p {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 20px;
    box-sizing: border-box;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.list-resource .pay li .link {
    width: 13.1%;
}

.list-resource .pay li .link a {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 110px;
    height: 30px;
    line-height: 30px;
    margin: -15px 0 0 -55px;
    text-align: center;
    border-radius: 15px;
    background-color: #fabd02;
    color: #fff;
    transition: all .5s;
}

.list-resource .pay li .link a:hover {
    background-color: #008ad4;
}

.list-resource .pay li .link:after {
    display: none;
}

.main-resource {
    padding: 50px 0;
    overflow: hidden;
    background-color: #f3f3f3;
}

.main-resource .categry {
    float: left;
    width: 300px;
    padding: 20px 0;
    background-color: #fff;
    box-shadow: 0 0 20px #ddd;
}

.main-resource .categry li {
    line-height: 70px;
    font-size: 24px;
}

.main-resource .categry li a {
    display: block;
    padding-left: 90px;
}

.main-resource .categry li a:hover {
    background-color: #ececec;
}

.main-resource .categry .active a {
    background-color: #ececec;
    color: #008ad4;
    border-right: 4px solid #008ad4;
}

.main-resource .cont {
    float: right;
    width: 1090px;
    padding: 30px 65px;
    box-sizing: border-box;
    background-color: #fff;
    box-shadow: 0 0 20px #ddd;
}

.main-resource .cont .title {
    padding-bottom: 20px;
    margin-bottom: 40px;
    border-bottom: 1px solid #dcdcdc;
    overflow: hidden;
}

.main-resource .cont .title h1 {
    float: left;
    line-height: 48px;
    font-size: 24px;
    font-weight: bold;
}

.main-resource .cont .title .enter {
    float: right;
    display: block;
    width: 170px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background-color: #008ad4;
    color: #fff;
    font-size: 20px;
    border-radius: 24px;
    cursor: pointer;
}

.main-resource .cont .text h2 {
    line-height: 30px;
    margin-bottom: 15px;
    font-size: 22px;
    color: #008ad4;
}

.main-resource .cont .text h3 {
    line-height: 25px;
    margin-bottom: 5px;
    font-size: 18px;
    color: #666;
}

.main-resource .cont .text p {
    color: #999;
}

.main-resource .cont .text p span {
    margin-right: 50px;
}

.main-resource .cont .text .item {
    margin-bottom: 35px;
}

.main-resource .cont .text .part {
    margin-bottom: 25px;
}

.main-resource .cont .text .part span {
    margin: 0 15px;
}

.main-resource .non {
    padding: 100px 0;
    text-align: center;
}

.enrolment {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    transition: all .4s;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    z-index: -1;
}

.enrolment .box {
    position: absolute;
    left: 50%;
    top: 30%;
    width: 720px;
    height: 500px;
    padding: 30px;
    box-sizing: border-box;
    transform: translate(-50%, -50%);
    background-color: #fff;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    overflow-y: auto;
    transition: all .4s;
}

.enrolment .box em {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 37px;
    height: 37px;
    background: url(/images/all-icon.png) no-repeat -460px -100px;
    cursor: pointer;
}

.enrolment .box h2 {
    line-height: 30px;
    margin-bottom: 15px;
    font-size: 22px;
    color: #008ad4;
}

.enrolment .box .ibox {
    width: 102.3%;
    font-size: 0;
    margin-bottom: 15px;
}

.enrolment .box .ibox input {
    width: 47.7517%;
    height: 42px;
    line-height: 40px;
    padding: 0 10px;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    margin: 0 2.2483% 2.2483% 0;
    box-sizing: border-box;
    transition: all .5s;
}

.enrolment .box .ibox input:focus {
    border-color: #008ad4;
}

.enrolment .box .sbox {
    margin-bottom: 20px;
    overflow: hidden;
}

.enrolment .box .sbox h3 {
    line-height: 25px;
    margin-bottom: 5px;
    font-size: 18px;
}

.enrolment .box .sbox li {
    position: relative;
    float: left;
    height: 25px;
    padding-left: 20px;
    margin-right: 40px;
    margin-bottom: 2px;
    box-sizing: border-box;
}

.enrolment .box .sbox li i {
    position: absolute;
    left: 0;
    top: 7px;
    width: 11px;
    height: 11px;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.enrolment .box .sbox li input {
    position: absolute;
    left: 0;
    top: 7px;
    width: 11px;
    height: 11px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
}

.enrolment .box .sbox li input:checked+i {
    background-color: #008ad4;
    border-color: #008ad4;
}

.enrolment .box .sbox li label {
    line-height: 27px;
    font-size: 14px;
    color: #888;
}

.enrolment .box .sbox .two li {
    width: 50%;
    margin-right: 0;
}

.enrolment .box .sbox .five li {
    width: 20%;
    margin-right: 0;
}

.enrolment .box .sub {
    width: 170px;
    height: 46px;
    border-radius: 23px;
    background-color: #008ad4;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
}

.enrolment.on {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    z-index: 99999;
}

.enrolment.on .box {
    top: 50%;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.list-video {
    padding: 50px 0;
}

.list-video .com-title {
    margin-bottom: 25px;
}

.list-video .categry {
    margin-bottom: 65px;
    text-align: center;
}

.list-video .categry ul {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.list-video .categry ul li {
    position: relative;
    float: left;
    width: 170px;
    height: 35px;
    line-height: 35px;
    font-size: 18px;
    border-bottom: 1px solid #eaeaea;
}

.list-video .categry ul li:after {
    content: "";
    position: absolute;
    right: 0;
    top: 9px;
    width: 1px;
    height: 17px;
    background-color: #d2d2d2;
}

.list-video .categry ul li:nth-last-child(1):after {
    display: none;
}

.list-video .categry ul li.active {
    border-color: #008ad4;
}

.list-video .categry ul li.active a {
    color: #008ad4;
}

.list-video .cont {
    overflow: hidden;
}

.list-video .cont ul {
    width: 101.85185%;
}

.list-video .cont li {
    float: left;
    width: 23.181818%;
    margin: 0 1.818182% 30px 0;
}

.list-video .cont li .pic {
    position: relative;
    overflow: hidden;
}

.list-video .cont li .pic img {
    width: 100%;
    height: auto;
}

.list-video .cont li .pic i {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 66px;
    height: 66px;
    margin: -33px 0 0 -33px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transform: scale(1.5, 1.5);
    transition: all .5s;
    z-index: 2;
    cursor: pointer;
    background: url(/images/video/play-icon.png) no-repeat;
}

.list-video .cont li .pic:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    transition: all .5s;
}

.list-video .cont li .pic:hover i {
    transform: scale(1, 1);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.list-video .cont li .pic:hover:after {
    background: rgba(0, 0, 0, 0.6);
}

.list-video .cont li .text {
    padding: 15px;
    text-align: center;
}

.list-video .cont li .text h3 {
    line-height: 25px;
    margin-bottom: 10px;
    font-size: 18px;
    height: 50px;
}

.list-video .cont li .text p {
    display: none !important;
    height: 75px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.list-video .cont .non {
    padding: 100px 0;
    text-align: center;
}

.list-video .cont .non p {
    font-size: 20px;
}

#terp,
#tover,
.tpos {
    display: block;
    position: relative;
    height: 0;
    top: -82px;
}

.stpos {
    display: block;
    position: relative;
    height: 0;
    top: -120px;
}

.an-overall .animate {
    transform: translateY(80px);
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transition: transform .8s ease, opacity .8s ease;
}

.an-overall .t1 {
    transition-delay: .2s;
}

.an-overall .t2 {
    transition-delay: .4s;
}

.an-overall .t3 {
    transition-delay: .6s;
}

.an-overall .t4 {
    transition-delay: .8s;
}

.an-overall .t5 {
    transition-delay: 1s;
}

.an-overall .t6 {
    transition-delay: 1.2s;
}

.an-overall .t7 {
    transition-delay: 1.4s;
}

.an-overall .t8 {
    transition-delay: 1.6s;
}

.an-overall.action .animate {
    transform: translateY(0);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.main-workflow .an-overall .mt {
    margin-top: 20px;
    float: left;
}

.main-workflow .an-overall .com-title .title {
    font-size: 16px;
}

.main-workflow .status .title {
    font-weight: bold;
    font-size: 16px;
    color: #0a9eea;
}

.main-workflow .status li i.advantage1 {
    background: url(/images/workflow/advantage-1.png) no-repeat;
}

.main-workflow .status li i.advantage2 {
    background: url(/images/workflow/advantage-2.png) no-repeat;
}

.main-workflow .status li i.advantage3 {
    background: url(/images/workflow/advantage-3.png) no-repeat;
}

.main-workflow .status li i.advantage4 {
    background: url(/images/workflow/advantage-4.png) no-repeat;
}

.main-workflow .status li i.advantage5 {
    background: url(/images/workflow/advantage-5.png) no-repeat;
}

.main-workflow .status li i.advantage6 {
    background: url(/images/workflow/advantage-6.png) no-repeat;
}

.main-workflow .status li:hover i.advantage1 {
    background: url(/images/workflow/advantage-1-on.png) no-repeat;
}

.main-workflow .status li:hover i.advantage2 {
    background: url(/images/workflow/advantage-2-on.png) no-repeat;
}

.main-workflow .status li:hover i.advantage3 {
    background: url(/images/workflow/advantage-3-on.png) no-repeat;
}

.main-workflow .status li:hover i.advantage4 {
    background: url(/images/workflow/advantage-4-on.png) no-repeat;
}

.main-workflow .status li:hover i.advantage5 {
    background: url(/images/workflow/advantage-5-on.png) no-repeat;
}

.main-workflow .status li:hover i.advantage6 {
    background: url(/images/workflow/advantage-6-on.png) no-repeat;
}

.main-workflow .possess {
    padding: 70px 0;
    background: url(/images/service/invoicing-possess-bg.jpg) no-repeat top center;
    overflow: hidden;
}

.main-workflow .possess .rate {
    box-sizing: border-box;
    background: rgba(255, 255, 255, .2);
    overflow: hidden;
    border-radius: 18px;
    height: 114px;
    padding: 0 20px 0 20px;
    width: 860px;
}

.main-workflow .possess .com-title .com-title-msg {
    font-size: 20px;
    color: #ffffff;
}

.main-workflow .erp-banner {
    position: relative;
}

.main-workflow .erp-banner-msg {
    position: absolute;
    z-index: 999;
}

.main-workflow .possess .rate .item {
    width: 80px;
    float: left;
    height: 90px;
    position: relative;
    margin: 10px 11px;
    transition: all .5s;
}

.main-workflow .possess .rate .item i {
    position: absolute;
    display: block;
    width: 60px;
    height: 60px;
    transition: all .5s;
    top: 10px;
    left: 14px;
}

.main-workflow .possess .rate .itemselected {
    border-bottom: 5px solid #F6BB06;
}

.main-workflow .possess .rate .item span {
    position: absolute;
    display: inline-block;
    top: 65px;
    left: 7px;
    color: #ffffff;
    width: 64px;
    text-align: center;
}

.main-workflow .ratecontent {
    width: 860px;
    margin: 0 auto;
    overflow: hidden;
    box-sizing: border-box;
    transition: all .5s;
}

.main-workflow .ratecontent .wrapper {
    overflow: hidden;
    width: 600px;
    margin: 0 auto;
    box-sizing: border-box;
    display: none;
}

.main-workflow .ratecontent .selected {
    display: block;
}

.main-workflow .ratecontent .wrapper .img {
    float: left;
    width: 300px
}

.main-workflow .ratecontent .describe {
    float: left;
    width: 300px;
    color: #ffffff;
    padding: 30px 0
}

.main-workflow .ratecontent .describe h3 {
    color: #ffffff;
}

.main-workflow .possess .rate i.step1 {
    background: url(/images/workflow/step-1-on.png) no-repeat;
}

.main-workflow .possess .rate i.step2 {
    background: url(/images/workflow/step-2.png) no-repeat;
}

.main-workflow .possess .rate i.step3 {
    background: url(/images/workflow/step-3.png) no-repeat;
}

.main-workflow .possess .rate i.step4 {
    background: url(/images/workflow/step-4.png) no-repeat;
}

.main-workflow .possess .rate i.step5 {
    background: url(/images/workflow/step-5.png) no-repeat;
}

.main-workflow .possess .rate i.step6 {
    background: url(/images/workflow/step-6.png) no-repeat;
}

.main-workflow .possess .rate i.step7 {
    background: url(/images/workflow/step-7.png) no-repeat;
}

.main-workflow .possess .rate i.step8 {
    background: url(/images/workflow/step-8.png) no-repeat;
}


/* .main-workflow .possess .rate .item:hover{border-bottom: 5px solid #F6BB06;} */


/* .main-workflow .possess .rate .item:hover i.step1{background:url(/images/workflow/step-1-on.png) no-repeat;}
.main-workflow .possess .rate .item:hover i.step2{background:url(/images/workflow/step-2-on.png) no-repeat;}
.main-workflow .possess .rate .item:hover i.step3{background:url(/images/workflow/step-3-on.png) no-repeat;}
.main-workflow .possess .rate .item:hover i.step4{background:url(/images/workflow/step-4-on.png) no-repeat;}
.main-workflow .possess .rate .item:hover i.step5{background:url(/images/workflow/step-5-on.png) no-repeat;}
.main-workflow .possess .rate .item:hover i.step6{background:url(/images/workflow/step-6-on.png) no-repeat;}
.main-workflow .possess .rate .item:hover i.step7{background:url(/images/workflow/step-7-on.png) no-repeat;}
.main-workflow .possess .rate .item:hover i.step8{background:url(/images/workflow/step-8-on.png) no-repeat;} */

.add-fba {
    background: url(/images/addPage/eee_background_2.png) no-repeat;
}

.add-fba .add-top {
    background: none;
    border-bottom: none;
}

.add-fba .main-width .contact ul {
    background: none;
}

.add-fba .main-width .contact li {
    position: relative;
    float: left;
    width: 48%;
    height: 100px;
    background-color: #fff;
    padding: 20px 30px;
    box-sizing: border-box;
    margin: 10px;
}

.add-fba .main-width .contact li span {
    position: relative;
    float: left;
    width: 5%;
    font-size: 34px;
    color: #008ad4;
    font-weight: 700;
    margin-top: 15px;
    margin-right: 2%;
}

.add-fba .main-width .contact li div {
    float: left;
    width: 90%;
}

.add-six {
    background: url(/images/addPage/six_background.jpg) no-repeat center;
    background-size: 100% 100%;
}

.add-six .content {
    padding: 70px 0 100px;
    overflow: hidden;
    color: #fff;
    position: relative;
}

.clearfix:after {
    content: '\20';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
}

.add-six .content li {
    position: relative;
    float: left;
    width: 16.66%;
    padding: 0 20px;
    text-align: center;
    box-sizing: border-box;
    height: 200px;
}

.add-six .content li p {
    line-height: 2;
}

.add-six .content li .top {
    font-size: 26px;
}

.add-six .content li .bottom {
    font-size: 18px;
}

.add-six .content a {
    color: #fff;
}

.add-six .content li .icon {
    position: relative;
}

.triangle {
    width: 0;
    height: 0;
    border-top: 8px solid #f7bc05;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    margin-top: 10px;
    position: relative;
    top: 10px;
}

.add-six .content .button {
    position: absolute;
    bottom: 40px;
    left: 50%;
    margin-left: -85px;
    width: 110px;
    height: 30px;
    line-height: 30px;
    background-color: #fabd02;
    color: #fff;
    border-radius: 16px;
    transition: all .5s;
    text-align: center;
}

.add-six .content .button:hover {
    background-color: #008ad4;
}

.add-eight {
    padding: 90px 0 10px;
}

.add-eight .com-title {
    margin-bottom: 75px;
}

.add-eight .cont ul {
    overflow: hidden;
}

.add-eight .cont li {
    position: relative;
    float: left;
    width: 25%;
    height: 201px;
    padding: 0 60px;
    margin-bottom: 20px;
    text-align: center;
    box-sizing: border-box;
}

.add-eight .cont li img {
    margin-bottom: 15px;
}

.add-eight .cont li h3 {
    line-height: 30px;
    margin-bottom: 10px;
    font-size: 18px;
    color: #fff;
    transition: all .5s;
}

.add-eight .cont li h3:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 8px;
    margin-left: 10px;
    margin-top: -2px;
    background: url(/images/all-icon.png) no-repeat -210px -175px;
}

.add-eight .cont li .text {
    height: 0;
    border-bottom: 1px solid #383f43;
    overflow: hidden;
    transition: all .5s;
}

.add-eight .cont li:hover .text {
    height: 75px;
}

.add-eight .cont li:hover h3 {
    color: #008ad4;
}

.add-eight .cont li:hover h3:after {
    background-position: -226px -175px;
}

.background {
    background: url(/images/addPage/eee_background_2.png) no-repeat;
}

.four .why {
    padding: 70px 0;
    overflow: hidden;
}

.four .why .text {
    float: right;
    width: 35%;
    padding-top: 15px;
    margin-top: 80px;
}

.four .why .text h2 {
    position: relative;
    display: inline-block;
    line-height: 40px;
    margin-bottom: 25px;
    font-size: 30px;
}

.four .why .text h2 span {
    color: #008ad4;
}

.four .why .text p {
    color: #666;
    position: relative;
    line-height: 35px;
}

.four .why .text a {
    display: block;
    width: 110px;
    height: 30px;
    margin-top: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #fabd02;
    color: #fff;
    border-radius: 16px;
    transition: all .5s;
}

.four .why .text a:hover {
    background-color: #008ad4;
}

.four .why .pic {
    float: left;
    width: 51%;
}

.four .why .pic img {
    max-width: 80%;
    height: auto;
    transition: all .5s;
}

.four .why .pad {
    padding: 0 60px;
    box-sizing: border-box;
}

.four .text i {
    position: absolute;
    display: inline-block;
    width: 18px;
    height: 18px;
    transition: all .5s;
    top: 8px;
}

.four .text i.icon {
    background: url(/images/addPage/icon.png) no-repeat;
}

.four .text p span {
    display: inline-block;
    width: 100%;
    margin-left: 25px;
    transition: all .5s;
}

.youth .an-overall .mt {
    margin-top: 20px;
    float: left;
}

.youth .an-overall .com-title .title {
    font-size: 16px;
}

.youth .status .title {
    font-weight: bold;
    font-size: 16px;
    color: #0a9eea;
}

.youth .status li i.advantage1 {
    background: url(/images/workflow/advantage-1.png) no-repeat;
}

.youth .status li i.advantage2 {
    background: url(/images/workflow/advantage-2.png) no-repeat;
}

.youth .status li i.advantage3 {
    background: url(/images/workflow/advantage-3.png) no-repeat;
}

.youth .status li i.advantage4 {
    background: url(/images/workflow/advantage-4.png) no-repeat;
}

.youth .status li i.advantage5 {
    background: url(/images/workflow/advantage-5.png) no-repeat;
}

.youth .status li i.advantage6 {
    background: url(/images/workflow/advantage-6.png) no-repeat;
}

.youth .status li:hover i.advantage1 {
    background: url(/images/workflow/advantage-1-on.png) no-repeat;
}

.youth .status li:hover i.advantage2 {
    background: url(/images/workflow/advantage-2-on.png) no-repeat;
}

.youth .status li:hover i.advantage3 {
    background: url(/images/workflow/advantage-3-on.png) no-repeat;
}

.youth .status li:hover i.advantage4 {
    background: url(/images/workflow/advantage-4-on.png) no-repeat;
}

.youth .status li:hover i.advantage5 {
    background: url(/images/workflow/advantage-5-on.png) no-repeat;
}

.youth .status li:hover i.advantage6 {
    background: url(/images/workflow/advantage-6-on.png) no-repeat;
}

.youth .possess {
    padding: 70px 0;
    background: url(/images/addPage/banner2.jpg) no-repeat top center;
    overflow: hidden;
}

.youth .possess .rate {
    box-sizing: border-box;
    background: rgba(255, 255, 255, .2);
    overflow: hidden;
    border-radius: 18px;
    height: 114px;
    padding: 0 20px 0 20px;
    width: 860px;
}

.youth .possess .com-title .com-title-msg {
    font-size: 20px;
    color: #ffffff;
}

.youth .erp-banner {
    position: relative;
}

.youth .erp-banner-msg {
    position: absolute;
    z-index: 999;
}

.youth .possess .rate .item {
    width: 80px;
    float: left;
    height: 90px;
    position: relative;
    margin: 10px 28px;
    transition: all .5s;
}

.youth .possess .rate .item i {
    position: absolute;
    display: block;
    width: 60px;
    height: 60px;
    transition: all .5s;
    top: 10px;
    left: 14px;
}

.youth .possess .rate .itemselected {
    border-bottom: 5px solid #F6BB06;
}

.youth .possess .rate .item span {
    position: absolute;
    display: inline-block;
    top: 65px;
    left: 7px;
    color: #ffffff;
    width: 64px;
    text-align: center;
}

.youth .ratecontent {
    width: 860px;
    margin: 0 auto;
    overflow: hidden;
    box-sizing: border-box;
    transition: all .5s;
}

.youth .ratecontent .wrapper {
    overflow: hidden;
    width: 700px;
    margin: 0 auto;
    box-sizing: border-box;
    display: none;
}

.youth .ratecontent .selected {
    display: block;
}

.youth .ratecontent .wrapper .img {
    float: left;
    width: 330px
}

.youth .ratecontent .describe {
    float: left;
    width: 350px;
    color: #ffffff;
    padding: 30px 0;
    margin-top: 20px;
}

.youth .ratecontent .describe h3 {
    color: #ffffff;
}

.youth .possess .rate i.step1 {
    background: url(/images/addPage/youth/step-1-on.png) no-repeat;
}

.youth .possess .rate i.step2 {
    background: url(/images/addPage/youth/step-2.png) no-repeat;
}

.youth .possess .rate i.step3 {
    background: url(/images/addPage/youth/step-3.png) no-repeat;
}

.youth .possess .rate i.step4 {
    background: url(/images/addPage/youth/step-4.png) no-repeat;
}

.youth .possess .rate i.step5 {
    background: url(/images/addPage/youth/step-5.png) no-repeat;
}

.youth .possess .rate i.step6 {
    background: url(/images/addPage/youth/step-6.png) no-repeat;
}

.amazon-product .add-top {
	background: none;
	border-bottom: none;
}

.amazon-product .main-width .contact ul {
	background: none;
}

.amazon-product .main-width .contact li {
	position: relative;
	float: left;
	width: 31%;
	height: 140px;
	padding: 20px;
	box-sizing: border-box;
	margin: 10px;
	background-color: #fff;
}

.amazon-product .main-width .contact li span {
	position: relative;
	float: left;
	width: 5%;
	font-size: 34px;
	color: #008ad4;
	font-weight: 700;
	margin-top: 15px;
	margin-right: 2%;
}

.amazon-product .main-width .contact li div {
	float: right;
	width: 82%;
}

.listing-management {
	background: #f7f8fa;
	padding: 0 0 100px 0;
}

.listing-management .animate {
	transform: translateY(80px);
	filter: alpha(opacity=1);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	transition: transform .8s ease, opacity .8s ease;
}

.listing-management .main-width .contact li div p:nth-child(2) {
	height: 0;
	border-bottom: 1px dashed #383f43;
	overflow: hidden;
	transition: all .5s;
}

.listing-management .main-width .contact li div p:nth-child(1):hover+p {
	height: 55px;
}

.listing-management .add-top {
	background: none;
	border-bottom: none;
}

.listing-management .main-width .contact ul {
	background: none;
}

.listing-management .main-width .contact li {
	position: relative;
	float: left;
	width: 48%;
	padding: 3px;
	box-sizing: border-box;
	margin: 0 10px;
}

.listing-management .main-width .contact li span {
	position: relative;
	float: left;
	width: 5%;
	font-size: 34px;
	color: #008ad4;
	font-weight: 700;
	margin-top: 15px;
	margin-right: 2%;
}

.listing-management .main-width .contact li div {
	float: right;
	width: 94%;
	height: 75px;
}

/* .listing-management .main-width .contact li div p:nth-child(2) {
	opacity: 0;
	transition: transform .8s ease, opacity .8s ease;
}

.listing-management .main-width .contact li div p:nth-child(1):hover {
	cursor: pointer;
}
.listing-management .main-width .contact li div p:nth-child(1):hover+p {
	opacity: 1;
	transform: translateY(0);
} */

.amazon-adv {
	padding: 90px 0 10px;
}

.amazon-adv .com-title {
	margin-bottom: 75px;
}

.amazon-adv .cont ul {
	overflow: hidden;
}

.amazon-adv .cont li {
	position: relative;
	float: left;
	width: 33%;
	height: 201px;
	padding: 0 60px;
	margin-bottom: 20px;
	text-align: center;
	box-sizing: border-box;
}

.amazon-adv .cont ul li:nth-child(1):after, .amazon-adv .cont ul li:nth-child(2):after {
	width: 1px;
	height: 100px;
	background-color: #d5d5d5;
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto 0;
}

.amazon-adv .cont li img {
	margin-bottom: 15px;
}

.amazon-adv .cont li h3 {
	line-height: 30px;
	margin-bottom: 10px;
	font-size: 18px;
	color: #fff;
	transition: all .5s;
}

.amazon-adv .cont li h3:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 8px;
	margin-left: 10px;
	margin-top: -2px;
	background: url(/images/all-icon.png) no-repeat -210px -175px;
}

.amazon-adv .cont li .text {
	height: 0;
	border-bottom: 1px solid #383f43;
	overflow: hidden;
	transition: all .5s;
}

.amazon-adv .cont li:hover .text {
	height: 75px;
}

.amazon-adv .cont li:hover h3 {
	color: #008ad4;
}

.amazon-adv .cont li:hover h3:after {
	background-position: -226px -175px;
}

.order {
	background: url(/images/amazon/order/background.png) no-repeat;
	position: relative;
}

.order .container {
	padding: 40px 0 70px 0;
	overflow: hidden;
	color: #fff;
}

.order .container .block .item {
  margin: 30px 0;
}

.order .container .block .item img {
	margin-top: -5px;
}

.order .container .block .item .title {
	font-size: 16px;
	display: inline-block;
	margin: 0 10px;
	text-align-last:justify;
	width: 105px;
}

.order .container .block .item .content {
	border-bottom: 1px dashed #fff;
	font-size: 14px;
	display: inline-block;
}

.order .container .button {
	position: absolute;
	bottom: 40px;
	left: 50%;
	margin-left: -85px;
	width: 110px;
	height: 30px;
	line-height: 30px;
	background-color: #fabd02;
	color: #fff;
	border-radius: 16px;
	transition: all .5s;
	text-align: center;
}

.order .container .button a {
	color: #fff;
}

.order .container .button:hover {
	background-color: #008ad4;
	color: #fff;
}

.purchase {
	padding: 90px 0 10px;
	background: url(/images/amazon/purchase/background.png) no-repeat;
}

.purchase .com-title {
	margin-bottom: 60px;
}

.purchase .cont ul {
	overflow: hidden;
}

.purchase .cont li {
	position: relative;
	float: left;
	width: 32%;
	height: 240px;
	padding: 30px;
	margin-bottom: 20px;
	text-align: center;
	box-sizing: border-box;
	margin: 9px;
}

.purchase .cont li:nth-child(1) {
	background: url(/images/amazon/purchase/bg.png) no-repeat 0 0;
}

.purchase .cont li:nth-child(2) {
	background: url(/images/amazon/purchase/bg.png) no-repeat -490px 0;
}

.purchase .cont li:nth-child(3) {
	background: url(/images/amazon/purchase/bg.png) no-repeat -973px 0;
}

.purchase .cont li:nth-child(4) {
	background: url(/images/amazon/purchase/bg.png) no-repeat 0 -260px;
}

.purchase .cont li:nth-child(5) {
	background: url(/images/amazon/purchase/bg.png) no-repeat -490px -260px;
}

.purchase .cont li:nth-child(6) {
	background: url(/images/amazon/purchase/bg.png) no-repeat -973px -260px;
}

.purchase .cont li:nth-child(6) .button {
	position: absolute;
	width: 110px;
	height: 30px;
	line-height: 30px;
	background-color: #fabd02;
	color: #fff;
	border-radius: 16px;
	transition: all .5s;
	text-align: center;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}

.purchase .cont li:nth-child(6) .button:hover {
	background-color: #008ad4;
	color: #fff;
}

.purchase .cont li:nth-child(6) .button a {
	color: #fff;
}

.purchase .cont li img {
	margin-bottom: 15px;
}

.purchase .cont li h3 {
	line-height: 30px;
	margin-bottom: 10px;
	font-size: 18px;
	color: #fff;
	transition: all .5s;
}

.purchase .cont li h3:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 8px;
	margin-left: 10px;
	margin-top: -2px;
	background: url(/images/purchase/background.png) no-repeat -210px -175px;
}

.purchase .cont li .bottom {
	color: #fff;
	margin-top: 20px;
}

.serivece {
	padding: 70px;
}

.serivece .com-title {
	margin-bottom: 75px;
}

.serivece .cont ul {
	overflow: hidden;
}

.serivece .cont li {
	position: relative;
	float: left;
	width: 25%;
	height: 201px;
	padding: 0 60px;
	margin-bottom: 20px;
	text-align: center;
	box-sizing: border-box;
}

.serivece .cont li i {
	margin-bottom: 15px;
	width: 90px;
	height: 100px;
	background: url(/images/amazon/service/01.png) no-repeat;
}

.serivece .cont li img:after {
	background: url(/images/all-icon.png) no-repeat -210px -175px;
}

.serivece .t1 li em.serivece1 {
	background:url(/images/amazon/service/01.png) no-repeat;
	width: 100px;
  height: 120px;
	display: inline-block;
}
.serivece .t1 li em.serivece2 {
	background:url(/images/amazon/service/02.png) no-repeat;
	width: 100px;
  height: 120px;
	display: inline-block;
}
.serivece .t1 li em.serivece3 {
	background:url(/images/amazon/service/03.png) no-repeat;
	width: 100px;
  height: 120px;
  display: inline-block;}
.serivece .t1 li em.serivece4 {
	background:url(/images/amazon/service/04.png) no-repeat;
	width: 100px;
  height: 120px;
	display: inline-block;
}
.serivece .t1 li em.serivece1:hover {
	background:url(/images/amazon/service/01-active.png) no-repeat;
	width: 100px;
  height: 120px;
	display: inline-block;
}
.serivece .t1 li em.serivece2:hover {
	background:url(/images/amazon/service/02-active.png) no-repeat;
	width: 100px;
  height: 120px;
	display: inline-block;
}
.serivece .t1 li em.serivece3:hover {
	background:url(/images/amazon/service/03-active.png) no-repeat;
	width: 100px;
  height: 120px;
  display: inline-block;}
.serivece .t1 li em.serivece4:hover {
	background:url(/images/amazon/service/04-active.png) no-repeat;
	width: 100px;
  height: 120px;
	display: inline-block;
}

.storage {
	padding: 70px;
	background:url(/images/amazon/storage/bg.png) no-repeat;
}

.storage .com-title {
	margin-bottom: 75px;
}

.storage .cont ul {
	overflow: hidden;
}

.storage .cont li {
	position: relative;
	float: left;
	width: 25%;
	height: 201px;
	padding: 0 60px;
	margin-bottom: 20px;
	text-align: center;
	box-sizing: border-box;
}

.storage .t1 li em.storage1 {
	background:url(/images/amazon/storage/01.png) no-repeat;
	width: 100px;
  height: 120px;
	display: inline-block;
}
.storage .t1 li em.storage2 {
	background:url(/images/amazon/storage/02.png) no-repeat;
	width: 100px;
  height: 120px;
	display: inline-block;
}
.storage .t1 li em.storage3 {
	background:url(/images/amazon/storage/03.png) no-repeat;
	width: 100px;
  height: 120px;
  display: inline-block;}
.storage .t1 li em.storage4 {
	background:url(/images/amazon/storage/04.png) no-repeat;
	width: 100px;
  height: 120px;
	display: inline-block;
}
.storage .t1 li em.storage1:hover {
	background:url(/images/amazon/storage/01-active.png) no-repeat;
	width: 100px;
  height: 120px;
	display: inline-block;
}
.storage .t1 li em.storage2:hover {
	background:url(/images/amazon/storage/02-active.png) no-repeat;
	width: 100px;
  height: 120px;
	display: inline-block;
}
.storage .t1 li em.storage3:hover {
	background:url(/images/amazon/storage/03-active.png) no-repeat;
	width: 100px;
  height: 120px;
  display: inline-block;}
.storage .t1 li em.storage4:hover {
	background:url(/images/amazon/storage/04-active.png) no-repeat;
	width: 100px;
  height: 120px;
	display: inline-block;
}

.logistics-management {
	background:url(/images/amazon/logistics/bg.png) no-repeat;
	padding: 70px;
}

.logistics-management .cont ul {
	overflow: hidden;
}

.logistics-management .cont li {
	position: relative;
	float: left;
	width: 32%;
	height: 240px;
	padding: 30px;
	margin-bottom: 20px;
	text-align: center;
	box-sizing: border-box;
	margin: 9px;
	background: rgb(160, 160, 160, 0.1);
}

.logistics-management .cont li p {
	color: #fff;
}

.logistics-management .cont li .bottom {
	color: #fff;
	margin-top: 20px;
}

.logistics-management .cont li .button {
	position: absolute;
	width: 110px;
	height: 30px;
	line-height: 30px;
	background-color: #fabd02;
	color: #fff;
	border-radius: 16px;
	transition: all .5s;
	text-align: center;
	bottom: 30px;
	right: 50%;
	margin-right: -55px;
}

.logistics-management .cont li .button:hover {
	background-color: #008ad4;
	color: #fff;
}

.logistics-management .cont li .button a {
	color: #fff;
}
.statement {
	padding: 50px 0 10px;
}

.statement .add-top {
	background: none;
	border-bottom: none;
}

.statement .main-width .contact ul {
	background: none;
}

.statement .main-width .contact li {
	position: relative;
	float: left;
	width: 31%;
	height: 213px;
	padding: 50px 10px 50px 60px;
	box-sizing: border-box;
	margin: 10px;
	background-color: #fff;
	box-shadow: 0 0 6px 4px #eee;
}

.statement .main-width .contact li img {
	margin-top: 20px;
}

.statement .main-width .contact li div {
	float: right;
	width: 66%;
}

.statement .contact .txt {
	margin: 30px 0;
	text-align: center;
}

.fund {
	padding: 60px 0 45px;
	background: url(/images/amazon/fund/bg.png) no-repeat;
}

.fund .com-title {
	margin-bottom: 40px;
}

.fund .cont ul {
	overflow: hidden;
}

.fund .cont li {
	position: relative;
	float: left;
	width: 20%;
	height: 240px;
	padding: 0 25px;
	margin-bottom: 20px;
	text-align: center;
	box-sizing: border-box;
}

.fund .cont ul li:nth-child(1):after, .fund .cont ul li:nth-child(2):after, .fund .cont ul li:nth-child(3):after, .fund .cont ul li:nth-child(4):after {
	width: 1px;
	height: 100px;
	background-color: #d5d5d5;
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto 0;
}

.fund .cont li img {
	margin-bottom: 15px;
}

.fund .cont li h3 {
	line-height: 30px;
	margin-bottom: 10px;
	font-size: 18px;
	color: #fff;
	transition: all .5s;
}

.fund .cont li h3:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 8px;
	margin-left: 10px;
	margin-top: -2px;
	background: url(/images/all-icon.png) no-repeat -210px -175px;
}

.fund .cont li .text {
	height: 0;
	border-bottom: 1px solid #383f43;
	overflow: hidden;
	transition: all .5s;
}

.fund .cont li:hover .text {
	height: 75px;
}

.fund .cont li:hover h3 {
	color: #008ad4;
}

.fund .cont li:hover h3:after {
	background-position: -226px -175px;
}


.safe .add-top {
	background: none;
	border-bottom: none;
}

.safe .main-width .contact ul {
	background: none;
}

.safe .main-width .contact li {
	position: relative;
	float: left;
	width: 48%;
	height: 100px;
	background-color: #fff;
	padding: 20px 30px;
	box-sizing: border-box;
	margin: 5px;
}

.safe .main-width .contact li span {
	position: relative;
	float: left;
	width: 5%;
	font-size: 34px;
	color: #008ad4;
	font-weight: 700;
	margin-top: 15px;
	margin-right: 2%;
}

.safe .main-width .contact li div {
	float: left;
	width: 86%;
	margin-left: 15px;
	margin-top: 20px;
}

.safe-five {
	padding: 90px 0;
	background-color: rgba(250, 250, 250);
}

.safe-five .com-title {
	margin-bottom: 75px;
}

.safe-five .cont ul {
	overflow: hidden;
}

.safe-five .cont li {
	position: relative;
	float: left;
	width: 20%;
	height: 201px;
	padding: 0 75px;
	margin-bottom: 20px;
	text-align: center;
	box-sizing: border-box;
}

.safe-five .cont li img {
	margin-bottom: 15px;
}

.safe-five .cont li .bottom {
	margin-top: 10px;
}

.safe-six .an-overall .mt {
	margin-top: 20px;
	float: left;
}

.safe-six .an-overall .com-title .title {
	font-size: 16px;
}

.safe-six .status .title {
	font-weight: bold;
	font-size: 16px;
	color: #0a9eea;
}

.safe-six .status li i.advantage1 {
	background: url(/images/safe/six/01.png) no-repeat;
}

.safe-six .status li i.advantage2 {
	background: url(/images/safe/six/02.png) no-repeat;
}

.safe-six .status li i.advantage3 {
	background: url(/images/safe/six/03.png) no-repeat;
}

.safe-six .status li i.advantage4 {
	background: url(/images/safe/six/04.png) no-repeat;
}

.safe-six .status li i.advantage5 {
	background: url(/images/safe/six/05.png) no-repeat;
}

.safe-six .status li i.advantage6 {
	background: url(/images/safe/six/06.png) no-repeat;
}

.safe-six .status li {
	position: relative;
	float: left;
	width: 48%;
	margin-right: 1.0309%;
	padding: 20px 0 20px 25px;
	box-sizing: border-box;
	background-color: #fff;
	box-shadow: 0 0 20px #dfdfdf;
	background: url(/images/none-bg.png) no-repeat;
	background-size: 100% 100%;
	transition: all .5s;
	margin-top: 20px;
}

.safe-service {
	padding: 90px 0;
}

.safe-service .com-title {
	margin-bottom: 75px;
}

.safe-service .cont ul {
	overflow: hidden;
}

.safe-service .cont li {
	position: relative;
	float: left;
	width: 33.33%;
	height: 316px;
	padding: 20px 90px;
	margin: 20px 0px;
	text-align: center;
	box-sizing: border-box;
}

.safe-service .cont li div {
	box-sizing: border-box;
	background-color: #fff;
	box-shadow: 0 0 20px #dfdfdf;
	background-size: 100% 100%;
	height: 306px;
  padding: 20px;
}

.safe-service .cont li img {
	margin-bottom: 15px;
}

.safe-service .cont li .bottom {
	margin-top: 10px;
}

.list-resnew{padding:40px 0;}
.list-resnew .rescate{position:relative;float:left;width:100px;}
.list-resnew .rescate ul{position:sticky;top:100px;box-shadow:0 0 10px rgba(0,0,0,.15);border-radius:5px;overflow:hidden;}
.list-resnew .rescate li{height:50px;line-height:50px;border-bottom:1px solid #eee;font-size:14px;text-align:center;cursor:pointer;transition:all .5s;}
.list-resnew .rescate li:hover{color:#008ad4;}
.list-resnew .rescate li.active{background-color:#008ad4;color:#fff;}
.list-resnew .reslist{float:right;width:1320px;}
.list-resnew .reslist .item{margin-bottom:40px;}
.list-resnew .reslist .title{margin-bottom:10px;overflow:hidden;}
.list-resnew .reslist .title h2{float:left;line-height:30px;margin-right:15px;font-size:24px;font-family:"SourceHanSansCN-Bold";}
.list-resnew .reslist .title p{float:left;line-height:20px;padding-top:10px;font-size:14px;}
.list-resnew .reslist .title .btn{float:right;width:61px;height:30px;line-height:30px;border:1px solid #bbb;border-radius:5px;text-align:center;font-size:0;}
.list-resnew .reslist .title .btn span{display:inline-block;width:30px;vertical-align:top;font-size:14px;font-family:"SourceHanSansCN-Bold";cursor:pointer;transition:all .5s;}
.list-resnew .reslist .title .btn span:hover{background-color:#008ad4;color:#fff;}
.list-resnew .reslist .title .btn .prev{border-right:1px solid #bbb;}
.list-resnew .reslist .ibox{height:350px;padding:15px;background-color:#419FE3;overflow:hidden;box-sizing:border-box;border-radius:5px;}
.list-resnew .reslist .ibox .desc{float:left;width:250px;padding:40px 10px;text-align:center;box-sizing:border-box;}
.list-resnew .reslist .ibox .desc img{width:50px;height:50px;}
.list-resnew .reslist .ibox .desc h3{line-height:30px;margin:20px 0;font-size:20px;font-family:"SourceHanSansCN-Bold";color:#fff;}
.list-resnew .reslist .ibox .desc p{line-height:25px;font-size:14px;color:#fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
.list-resnew .reslist .ibox .slide-pic{float:right;width:1025px;overflow:hidden;}
.list-resnew .reslist .ibox .slide-pic ul{width:1000%;}
.list-resnew .reslist .ibox .slide-pic li{float:left;width:245px;height:320px;padding:20px;margin-right:15px;background-color:#fff;border-radius:5px;box-sizing:border-box;overflow:hidden;text-align:center;}
.list-resnew .reslist .ibox .slide-pic li img{width:90%;height:auto;}
.list-resnew .reslist .ibox .slide-pic li p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;}
.list-resnew .reslist .ibox .slide-pic li a{display:block;width:120px;line-height:34px;margin:20px auto 0;font-size:14px;background-color:#fabd02;color:#fff;border-radius:5px;transition:all .5s;}
.list-resnew .reslist .ibox .slide-pic li a:hover{background-color:#008ad4;}


.sidebox{position:absolute;left:0;top:calc(17.7vw + 70px);width:200px;height:100%;}
.sidebox ul{position:sticky;top:10px;}
.sidebox li{line-height:40px;padding:4px 20px;font-size:16px;color:#22314f;cursor:pointer;border-radius:0 8px 8px 0;}
.sidebox li:before{content:"";display:inline-block;vertical-align:top;width:40px;height:40px;background-size:1000% 200%;}
.sidebox li:nth-child(2):before{background-position-x:-100%;}
.sidebox li:nth-child(3):before{background-position-x:-200%;}
.sidebox li:nth-child(4):before{background-position-x:-300%;}
.sidebox li:nth-child(5):before{background-position-x:-400%;}
.sidebox li:nth-child(6):before{background-position-x:-500%;}
.sidebox li:nth-child(7):before{background-position-x:-600%;}
.sidebox li:nth-child(8):before{background-position-x:-700%;}
.sidebox li:nth-child(9):before{background-position-x:-800%;}
.sidebox li:nth-child(10):before{background-position-x:-900%;}
.sidebox li:hover{color:#3ea6f6;}
.sidebox li:hover:before{background-position-y:-100%;}
.sidebox li.on{color:#3ea6f6;}
.sidebox li.on:before{background-position-y:-100%;}


.main-ecology{padding:70px 0;background-color:#f1f4f9;}
.main-ecology .cont h2{position:relative;line-height:40px;padding-left:15px;font-size:16px;font-weight:bold;color:#333;border-bottom:1px solid #ddd;}
.main-ecology .cont section{margin-bottom:20px;background-color:#fff;box-shadow:0 0 2vw rgba(0,0,0,.05);border-radius:10px;overflow:hidden;}
.main-ecology .cont section ul{width:100.56338%;}
.main-ecology .cont section ul:after{content:"";display:block;height:0;clear:both;}
.main-ecology .cont section li{display:none;position:relative;float:left;width:16.10644%;height:90px;padding:10px 10px 10px 46px;margin:0 0.56% 0.56% 0;border-radius:5px;overflow:hidden;transition:all .5s;box-sizing:border-box;}
.main-ecology .cont section li a{display:block;}
.main-ecology .cont section li .pic{position:absolute;left:10px;top:10px;width:26px;height:26px;overflow:hidden;}
.main-ecology .cont section li .pic img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:auto;height:auto;max-width:100%;max-height:100%;}
.main-ecology .cont section li .text h3{line-height:26px;font-size:14px;font-weight:bold;color:#333;transition:all .5s;}
.main-ecology .cont section li .text p{height:40px;line-height:20px;font-size:12px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;}
.main-ecology .cont section li:hover{background-color:#f1f4f9;}
.main-ecology .cont section li:hover h3{color:#3ea6f6;}
.main-ecology .cont section li.onli.show{display:block;}
.main-ecology .cont .box{padding:15px;}
.main-ecology .cont .partner{background-color:#fff;box-shadow:0 0 2vw rgba(0,0,0,.05);border-radius:10px;overflow:hidden;}
.main-ecology .cont .partner section{display:none;margin-bottom:0;border-radius:0;box-shadow:none;}
.main-ecology .cont .partner section.on{display:block;}
.main-ecology .cont .partner .tab{display:inline-block;height:30px;padding:2px;margin-bottom:15px;background-color:#f2f8fd;border-radius:20px;}
.main-ecology .cont .partner .tab span{display:inline-block;vertical-align:top;line-height:30px;padding:0 13px;border-radius:20px;cursor:pointer;}
.main-ecology .cont .partner .tab span:hover{color:#3ea6f6;}
.main-ecology .cont .partner .tab .on{background-color:#3ea6f6;color:#fff;}
.main-ecology .cont .partner .tab .on:hover{color:#fff;}



.flow-icon{position:fixed;right:10px;top:50%;transform:translateY(-50%);background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.3);z-index:999;}
.flow-icon a{position:relative;display:block;width:70px;height:70px;padding-top:7px;text-align:center;border-bottom:1px solid #ddd;box-sizing:border-box;}
.flow-icon a span{display:block;line-height:15px;font-size:12px;}
.flow-icon a .sbox{display:none;position:absolute;right:80px;top:50%;transform:translateY(-50%);padding:10px;box-shadow:0 0 5px rgba(0,0,0,.3);background-color:#fff;}
.flow-icon a .sbox h3{line-height:20px;font-size:16px;font-weight:bold;}
.flow-icon a .sbox h3 p{line-height:20px;font-size:14px;}
.flow-icon a .sbox img{width:120px;height:120px;}
.flow-icon a:before{content:"";display:block;width:40px;height:40px;margin:0 auto;background-image:url(/images/flow-icon.png);background-size:500% 200%;}
.flow-icon a:hover{background-color:#3ea6f6;}
.flow-icon a:hover span{color:#fff;}
.flow-icon a:hover .sbox{display:block;}
.flow-icon a:hover:before{background-position-y:-100%;}
.flow-icon .sqzx:before{background-position-x:0;}
.flow-icon .sqdh:before{background-position-x:-100%;}
.flow-icon .sqdh:hover:after{content:"";position:absolute;right:100%;top:50%;width:0;height:0;margin-top:-5px;border:5px solid transparent;border-right-color:#3ea6f6;}
.flow-icon .yyys:before{background-position-x:-200%;}
.flow-icon .wxzx:before{background-position-x:-300%;}
.flow-icon .wxzx:hover:after{content:"";position:absolute;right:100%;top:50%;width:0;height:0;margin-top:-5px;border:5px solid transparent;border-right-color:#3ea6f6;}
.flow-icon .to-top{padding-top:15px;border-bottom:none;}
.flow-icon .to-top:before{background-position-x:-400%;}



.loadbtn{padding:10px 0 20px;text-align:center;clear:both;}
.loadbtn .more{position:relative;display:inline-block;line-height:25px;padding:0 25px 25px;font-size:16px;font-weight:bold;color:#3ea6f6;text-transform:uppercase;border-radius:8px;cursor:pointer;}
.loadbtn .more:before{content:"";position:absolute;left:50%;bottom:10px;width:12px;height:1px;background-color:#3ea6f6;transform-origin:center left;transform:rotate(-40deg);}
.loadbtn .more:after{content:"";position:absolute;right:50%;bottom:10px;width:12px;height:1px;background-color:#3ea6f6;transform-origin:center right;transform:rotate(40deg);}
.loadbtn .nomore{display:none;line-height:50px;font-size:16px;font-weight:bold;color:#3ea6f6;text-transform:uppercase;}
.loadbtn .loading{display:none;position:relative;width:36px;height:36px;margin:7px auto;}
.loadbtn .loading i:before{content:"";position:absolute;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background-color:#fff;animation:load .4s;animation-iteration-count:infinite;}
.loadbtn .loading i:after{content:"";position:absolute;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background-color:#fff;animation:load .4s;animation-iteration-count:infinite;}
.loadbtn .loading .i1:before{top:0;left:50%;}
.loadbtn .loading .i1:after{top:14.65%;left:85.35%;animation-delay:.05s;}
.loadbtn .loading .i2:before{top:50%;left:100%;animation-delay:.1s;}
.loadbtn .loading .i2:after{top:85.35%;left:85.35%;animation-delay:.15s;}
.loadbtn .loading .i3:before{top:100%;left:50%;animation-delay:.2s;}
.loadbtn .loading .i3:after{top:85.35%;left:14.65%;animation-delay:.25s;}
.loadbtn .loading .i4:before{top:50%;left:0;animation-delay:.3s;}
.loadbtn .loading .i4:after{top:14.65%;left:14.65%;animation-delay:.35s;}
.loadbtn.on .more{display:none;}
.loadbtn.on .loading{display:block;}
.loadbtn.hide .more{display:none;}
.loadbtn.hide .loading{display:none;}
.loadbtn.hide .nomore{display:block;}
@keyframes load{
0% {transform:scale(1);background-color:#c0dfff;}
40% {transform:scale(2);background-color:#007fff;}
80% {transform:scale(1);background-color:#c0dfff;}
100% {transform:scale(1);background-color:#c0dfff;}
}


/* Blog */

@font-face{font-family:"lucide";src:url('/css/font/lucide.ttf?t=1750105047201') format('truetype');}
.list-blog{padding:40px 0;}
.list-blog .list{margin-bottom:40px;}
.list-blog .list ul{display:flex;flex-wrap:wrap;column-gap:2%;row-gap:30px;}
.list-blog .list li{position:relative;width:32%;border-radius:10px;border:1px solid #eee;box-sizing:border-box;overflow:hidden;transition:all 0.3s ease;}
.list-blog .list li a{position:absolute;left:0;top:0;width:100%;height:100%;}
.list-blog .list li .pic{position:relative;height:0;padding-bottom:62.5%;overflow:hidden;}
.list-blog .list li .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;transition:all 0.3s ease;}
.list-blog .list li .text{padding:24px;}
.list-blog .list li .text h3{line-height:28px;margin-bottom:12px;font-size:20px;font-family:"SourceHanSansCN-Bold";text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.list-blog .list li .text p{line-height:20px;font-size:14px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.list-blog .list li .text .tags{display:flex;flex-wrap: wrap;column-gap:8px;margin:16px 0;}
.list-blog .list li .text .tags span{display:block;line-height:16px;padding:4px 8px;border-radius:4px;background-color:#eff6ff;color:#2563eb;font-size:12px;}
.list-blog .list li .text .taghid{display:none;}
.list-blog .list li .text .infos{display:flex;column-gap:16px;line-height:20px;font-size:14px;}
.list-blog .list li .text .infos span{display:flex;align-items:center;column-gap:4px;}
.list-blog .list li .text .infos span:before{font-family:"lucide";}
.list-blog .list li .text .infos .view:before{content:"\e0be";}
.list-blog .list li .text .infos .duration:before{content:"\e08b";}
.list-blog .list li:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(0, 82, 217, 0.15);}
.list-blog .list li:hover .pic img{transform:scale(1.05);}
@media only screen and (max-width:1040px){
.list-blog .list li{width:49%;}
}
@media only screen and (max-width:640px){
.list-blog .list ul{row-gap:15px;}
.list-blog .list li{width:100%;}
}

.main-blog{background-color:#f9fafb;}
.main-blog .title{position:relative;height:380px;padding-top:60px;box-sizing:border-box;background-image:linear-gradient(to right,#2563eb,#7e22ce);color:#fff;z-index:1;}
.main-blog .title img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;opacity:0.3;z-index:-1;}
.main-blog .title h1{line-height:48px;margin-bottom:16px;font-size:48px;color:#fff;font-family:"SourceHanSansCN-Bold";}
.main-blog .title .infos{display:flex;column-gap:16px;line-height:24px;font-size:16px;}
.main-blog .title .infos *{display:flex;align-items:center;column-gap:4px;}
.main-blog .title .infos *:before{font-family:"lucide";}
.main-blog .title .infos time:before{content:"\e067";}
.main-blog .title .infos .author:before{content:"\e19f";}
.main-blog .title .infos .duration:before{content:"\e08b";}
.main-blog .title .main-width{display:flex;flex-direction:column;justify-content:center;height:100%;}
.main-blog .cont{padding:48px 0;}
.main-blog .cont .main-width{display:flex;justify-content:space-between;}
.main-blog .cont .article{width:calc(100% - 380px);}
.main-blog .cont .article .artbox{padding:40px;border-radius:16px;border:1px solid #eee;background-color:#fff;}
.main-blog .cont .article .artbox > *{margin-bottom:20px;}
.main-blog .cont .article .artbox img{max-width:100%;height:auto;}
.main-blog .cont .article .artbox h2{line-height:40px;font-size:30px;font-family:"SourceHanSansCN-Bold";}
.main-blog .cont .article .artbox h3{line-height:32px;font-size:24px;font-family:"SourceHanSansCN-Bold";}
.main-blog .cont .article .artbox p{line-height:30px;font-size:18px;}
.main-blog .cont .article .artbox .tags{display:flex;flex-wrap: wrap;column-gap:8px;margin-bottom:32px;}
.main-blog .cont .article .artbox .tags span{display:block;line-height:20px;padding:8px 16px;border-radius:30px;background-color:#eff6ff;color:#2563eb;font-size:14px;}
.main-blog .cont .article .artbox .taghid{display:none;}
.main-blog .cont .article .artbox .desc{padding:24px;margin-bottom:32px;background-color:#eff6ff;border-left:4px solid #2563eb;}
.main-blog .cont .article .artbox .desc p{line-height:30px;font-size:18px;font-style:italic;}
.main-blog .cont .article .related{padding:32px;margin-top:30px;border-radius:16px;border:1px solid #eee;background-color:#fff;}
.main-blog .cont .article .related h2{line-height:32px;margin-bottom:24px;font-size:24px;font-family:"SourceHanSansCN-Bold";}
.main-blog .cont .article .related ul{display:flex;column-gap:2%;}
.main-blog .cont .article .related li{display:none;width:32%;}
.main-blog .cont .article .related li .pic{position:relative;height:0;padding-bottom:62.5%;border-radius:8px;overflow:hidden;}
.main-blog .cont .article .related li .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.main-blog .cont .article .related li .text{padding-top:10px;}
.main-blog .cont .article .related li .text h3{line-height:24px;margin-bottom:8px;font-size:16px;font-family:"SourceHanSansCN-Bold";text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.main-blog .cont .article .related li .text p{line-height:20px;font-size:14px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.main-blog .cont .article .related li .text .infos{display:flex;column-gap:12px;line-height:16px;margin-top:12px;font-size:12px;}
.main-blog .cont .article .related li.on{display:block;}
.main-blog .cont .side{position:relative;width:350px;}
.main-blog .cont .side .box{position:sticky;top:92px;}
.main-blog .cont .side .enqiry{padding:24px;border-radius:16px;border:1px solid #eee;background-color:#fff;text-align:center;}
.main-blog .cont .side .enqiry h2{line-height:28px;margin-bottom:12px;font-size:20px;}
.main-blog .cont .side .enqiry p{line-height:23px;margin-bottom:24px;font-size:14px;}
.main-blog .cont .side .enqiry a{display:block;line-height:56px;font-size:16px;text-align:center;border-radius:12px;background-color:#2563eb;color:#fff;font-family:"SourceHanSansCN-Bold";}
.main-blog .cont .side .enqiry:before{content:"\e11a";display:block;width:64px;height:64px;line-height:24px;margin:0 auto 16px;padding:20px;font-size:24px;font-family:"lucide";box-sizing:border-box;border-radius:50px;background-color:#eff6ff;color:#2563eb;text-align:center;}
.main-blog .cont .side .share{padding:24px;margin-top:30px;border-radius:16px;border:1px solid #eee;background-color:#fff;}
.main-blog .cont .side .share h2{line-height:28px;margin-bottom:12px;font-size:20px;}
.main-blog .cont .side .share .ico{display:flex;justify-content:space-between;}
.main-blog .cont .side .share .ico a{display:block;width:31%;line-height:16px;padding:12px;border-radius:12px;font-size:12px;text-align:center;box-sizing:border-box;}
.main-blog .cont .side .share .ico a:before{display:block;width:32px;height:32px;line-height:14px;padding:9px;margin:0 auto 8px;border-radius:30px;box-sizing:border-box;font-size:14px;font-family:"lucide";color:#fff;}
.main-blog .cont .side .share .ico .wechat{background-color:#f0fdf4;color:#22c55e;}
.main-blog .cont .side .share .ico .wechat:before{content:"\e11a";background-color:#22c55e;}
.main-blog .cont .side .share .ico .wechat:hover{background-color:#dcfce7;}
.main-blog .cont .side .share .ico .weibo{background-color:#feefef;color:#ef4444;}
.main-blog .cont .side .share .ico .weibo:before{content:"\e159";background-color:#ef4444;}
.main-blog .cont .side .share .ico .weibo:hover{background-color:#fee2e2;}
.main-blog .cont .side .share .ico .copy{background-color:#f9fafb;color:#6b7280;}
.main-blog .cont .side .share .ico .copy:before{content:"\e0a2";background-color:#6b7280;}
.main-blog .cont .side .share .ico .copy:hover{background-color:#f3f4f6;}
@media only screen and (max-width:1040px){
.main-blog .title{height:280px;padding:0;}
.main-blog .title h1{line-height:32px;font-size:32px;}
.main-blog .cont .main-width{display:block;}
.main-blog .cont .article{width:100%;margin-bottom:30px;}
.main-blog .cont .article .artbox{padding:30px;}
.main-blog .cont .side{width:100%;}
}
@media only screen and (max-width:640px){
.main-blog .title{padding:15px 0;}
.main-blog .title h1{line-height:24px;font-size:24px;}
.main-blog .title .main-width{justify-content:space-between;}
.main-blog .title .main-width:before{content:"";}
.main-blog .title .infos{display:block;}
.main-blog .cont{padding:30px 0;}
.main-blog .cont .article .artbox{padding:20px;}
.main-blog .cont .article .artbox h2{line-height:30px;font-size:24px;}
.main-blog .cont .article .artbox h3{line-height:24px;font-size:18px;}
.main-blog .cont .article .artbox p{line-height:20px;font-size:14px;}
.main-blog .cont .article .artbox .desc{padding:15px;}
.main-blog .cont .article .artbox .desc p{line-height:20px;font-size:14px;}
.main-blog .cont .article .related{padding:20px;}
.main-blog .cont .article .related ul{display:block;}
.main-blog .cont .article .related li{width:100%;margin-bottom:20px;}
.main-blog .cont .article .related li .text .infos{margin-top:5px;}
}