/*首页开始*/

.index-header-wrap {
    width: 100%;
    margin-top: 70px;
}


.header-box{
    width: 100%;
    background-color: white;
    -webkit-box-shadow: 0 5px 24px rgba(0,0,0,.1);
            box-shadow: 0 5px 24px rgba(0,0,0,.1);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
}

.index-header {
    width: 1200px;
    height: 70px;
    line-height: 70px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background-color: white;
}
.index-header-left {
    width: 150px;
    height: 70px;
    padding: 14px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.news-left .time-box {
    padding-left: 8px;
}

.news-left .time-box::before {
    content: '';
    background-image: url( /images/img/shijian.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    display: inline-block;
    width: 24px;
    height: 24px;
    position: relative;
    top: 6px;
    right: 8px;
    overflow: hidden;
}

.news-left .hot-box {
    padding-left: 8px;
}

.news-left .hot-box::before {
    content: '';
    background-image: url( /images/img/huo.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    display: inline-block;
    width: 24px;
    height: 24px;
    position: relative;
    top: 6px;
    right: 8px;
    overflow: hidden;
}

.index-header-left img {
    width: 100%;
    height: 100%;
}
.header-right-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}
.header-right-nav li {
    margin: 0 10px;
}
.header-right-nav li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    color: #333;
    font-size: 16px;
}
.header-right-nav li a:hover {
    color: #dd541a;
}
.header-right-nav li .register {
    display: block;
    width: 118px;
    height: 34px;
    line-height: 34px;
    border: 1px solid #dd541a;
    text-align: center;
    background-color: #dd541a;
    font-size: 14px;
    font-family: "微软雅黑";
    border-radius: 28px;
    color: #fff;
    margin-right: 10px;
}
.header-right-nav li .login {
    display: block;
    width: 80px;
    height: 34px;
    border: 1px solid #dcdcdc;
    border-radius: 28px;
    text-align: center;
    line-height: 34px;
    font-size: 14px;
    color: #333;
    background: #fff;
}
.header-right-nav li .register:hover {
    color: white;
    border: 1px solid #009ad6;
    background-color: #009ad6;
}
.header-right-nav li .login:hover {
    color: #333;
    background-color: rgba(0, 0, 0, .1);
}
.index-banner-wrap {
    width: 100%;
    height: 600px;
    margin-top: 70px;
    background: -webkit-linear-gradient(141deg, #dd541a 33%, #00f2ff 0%, #dd541a 0%, #3a405b 33%, #5fc0d0 66%, #5d76ff 100%);
    background: -o-linear-gradient(141deg, #00f2ff, #dd541a, #5fc0d0, #5d76ff, #dd541a, #00f2ff);
    background: linear-gradient(309deg, #00f2ff, #dd541a, #5fc0d0, #5d76ff, #dd541a, #00f2ff);
    background-size: 1200% 1200%;
    -webkit-animation: AnimationName 27s ease infinite;
    animation: AnimationName 27s ease infinite;

}

.chanpin-nav {
    position: relative;
    padding-right: 8px;
}

.chanpin-nav::after {
    content: '';
    position: absolute;
    top: 30px;
    right: 0;
    display: block;
    margin: 0;
    padding: 0;
    width: 8px;
    height: 8px;
    border: 1px solid rgba(0,0,0,0.4);
    border-top: 0;
    border-left: 0;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}

.chanpin-nav-box {
    width: 100%;
    height: 0;
    padding: 24px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: fixed;
    top: 70px;
    left: 0;
    background-color: white;
    -webkit-box-shadow: 0 10px 24px rgba(0, 0, 0, .08);
            box-shadow: 0 10px 24px rgba(0, 0, 0, .08);
    z-index: 10000;
    display: none;
    opacity: 0;
}

.chanpin-nav-list {
    width: 1200px;
    height: 440px;
    margin: 0 auto;
    padding-bottom: 24px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}


.chanpin-nav-item {
    width: 25%;
    padding: 0 24px;
    border-left: 1px solid rgba(0,0,0,.1);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.chanpin-nav-item:nth-child(1) {
    border-left: 0;
    padding-left: 0;
}



.chanpin-nav-list .chanpin-nav-item a {
    width: 80%;
    margin: 0 auto;
    color: #666;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 10px 0;
    font-size: 14px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.chanpin-nav-item:nth-child(1) a{
    width: 100%;
    margin: 0;
}

.chanpin-nav-list .chanpin-nav-item a:visited {
    color: #666;
    text-decoration: none;
}

.chanpin-nav-list .chanpin-nav-item a:hover {
    color: #009ad6;
    text-decoration: none;
}

.chanpin-nav-item  h2 {
    display: block;
    width: 80%;
    margin: 0 auto;
    font-size: 16px;
    color: #666;
    padding: 10px 0;
    border-top: 1px solid rgba(0,0,0,.1);
}

.chanpin-nav-item  h2:nth-child(1){
    padding-top: 0;
    border-top: 0;
}

.chanpin-nav-item:nth-child(1) h2  {
    width: 100%;
    margin: 0;
}

.chanpin-nav-item a img {
    width: 38px;
    height: 38px;
    margin-right: 14px;
}

.chanpin-nav-item a h3 {
    font-size: 14px;
}

.chanpin-nav-item a p {
    font-size: 12px;
}


.chanpin-nav-bottom{
    width: 100%;
    padding-top: 24px;
    border-top: 1px solid rgba(0,0,0,.1);
    text-align: center;
    font-size: 16px;
}

@-webkit-keyframes AnimationName {
    0% {
        background-position: 0 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0 50%
    }
}
@keyframes AnimationName {
    0% {
        background-position: 0 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0 50%
    }
}
.index-banner-wrap .index-banner {
    padding-top: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.index-banner-wrap .index-banner {
    width: 1200px;
    margin: 0 auto;
}
.index-banner .index-banner-left {
    width: 22%;
    background-color: white;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
            box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    position: relative;
}
.index-banner .index-banner-left .banner-left-title {
    width: 100%;
    height: 48px;
    line-height: 48px;
    color: #dd541a;
    font-size: 14px;
    text-indent: 24px;
}

.banner-left-nav .nav-itme-wrap {
    width: 100%;
    height: 88px;
    border-top: 1px solid rgba(0, 0, 0, .1);
}

.banner-left-nav .nav-itme-wrap a {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.banner-left-nav .nav-itme-wrap a:hover {
    -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
            transform: translateY(-5px);
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.banner-left-nav .nav-itme-wrap a .nav-itme-img {
    width: 50px;
    height: 50px;
    margin: 0 14px 0 24px;
}

.banner-left-nav .nav-itme-wrap a .nav-itme-img img {
    width: 100%;
    height: 100%;
}

.banner-left-nav .nav-itme-wrap a .nav-itme-text h3 {
    color: #dd541a;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
}

.tow-nav-wrap {
    width: 936px;
    height: 510px;
    padding-left: 14px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1000
}

.tow-nav-wrap .tow-nav {
    width: 60%;
    height: 100%;
    padding: 14px;
    border-radius: 4px 0 0 4px;
    background-color: white;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.tow-nav-wrap .tow-nav .tow-nav-itme {
    padding: 0px 14px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.tow-nav-wrap .tow-nav .tow-nav-itme:last-child {
    margin-bottom: 0;
    border-bottom: none;
}

.tow-nav-wrap .tow-nav h2 {
    color: #dd541a;
    font-size: 14px;
    line-height: 20px;
    padding-top: 10px;
}

.tow-nav-wrap .tow-nav .tow-nav-info {
    margin: 8px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}

.tow-nav-wrap .tow-nav .tow-nav-info a {
    display: block;
    margin-right: 16px;
    font-size: 14px;
    margin-bottom: 4px;
}

.index-banner-left:hover .tow-nav-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.tow-nav-wrap .tow-nav-right-wrap{
    width: 40%;
    height: 100%;
    border-radius: 0 4px 4px 0;
    background-color: white;
}

.tow-nav-wrap .tow-nav-right-wrap .tow-nav-right{
    width: 100%;
    height: 100%;
    padding: 14px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: rgba(0,0,0,.08);
}

.tow-nav-wrap .tow-nav-right a{
    display: block;
    width: 100%;
    height: 32%;
    border-radius: 4px;
    overflow: hidden;
}

.tow-nav-wrap .tow-nav-right a:nth-child(2){
    margin: 8px 0;
}

.tow-nav-wrap .tow-nav-right a img{
    width: 100%;
    height: 100%;
}

.index-banner .index-banner-right {
    width: 76%;
    height: 510px;
    background-color: white;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
            box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    overflow: hidden;
}

#boxBox {
    width: 100%;
    height: 404px;
    position: relative;
    overflow: hidden;
}
#boxBox>ul {
    position: absolute;
}
#boxBox ul li {
    width: 912px;
    height: 404px;
    float: left;
}
#boxBox ul li img {
    width: 912px;
    height: 404px;
}
#direction {
    position: relative;
}
#direction>a {
    width: 50px;
    height: 60px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    position: absolute;
    top: 170px;
    font-size: 30px;
    text-align: center;
    line-height: 60px;
}
#direction>a:nth-child(2) {
    right: 0;
}
#btn {
    position: absolute;
    left: 42%;
    bottom: 0;
}
#btn>a {
    float: left;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #f40;
    margin-right: 10px;
}
#btn .active {
    background: #fff;
}

.banner-right-bottom .right-bottom-info {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
}

.banner-right-bottom .right-bottom-info .info-itme {
    height: 106px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;

}

.right-bottom-info .info-itme img{
    width: 54px;
    height: auto;
    margin-right: 14px; 
}

.right-bottom-info .info-itme h3 {
    color: #dd541a;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 6px; 
}

.right-bottom-info .info-itme span {
    display: block;
    font-size: 14px;
    color: #666;
}

/*.right-bottom-info .info-itme span:first-child {
    font-size: 34px;
    line-height: 1;
    color: #666;
    font-family: HelveticaNeueLTPro;
}

.right-bottom-info .info-itme span:last-child {
    width: auto;
    font-size: 16px;
    color: #989baf;
}*/

.index-content {
    width: 100%;
}
.index-content .public-box {
    width: 1200px;
    margin: 0 auto;
    padding-top: 60px;
}
.index-content .public-box .public-tetle {
    font-size: 26px;
    line-height: 60px;
    color: #f84;
    font-weight: bold;
    text-align: center;
}
.index-content .index-marketing h2 {
    padding-top: 24px;
}
.index-content .public-box p {
    text-align: center;
    color: #a7a9b7;
    font-size: 16px;
}
.index-marketing .index-marketing-content {
    margin-top: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.index-marketing-content .index-marketing-itme {
    border-radius: 4px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
            box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.index-marketing-content .index-marketing-itme:hover {
    -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
            transform: translateY(-5px);
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.index-marketing-content .index-marketing-itme:hover {}
.index-marketing-content .index-marketing-itme img {
    width: 586px;
    height: 210px;
}
.index-marketing-content .index-marketing-itme .marketing-itme-detail {
    padding: 0 36px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.index-marketing-content .index-marketing-itme .marketing-itme-detail h3 {
    font-size: 20px;
    color: #dd541a;
    font-weight: bold;
    line-height: 20px;
    margin: 24px 0;
}
.index-marketing-content .index-marketing-itme .marketing-itme-detail p {
    font-size: 14px;
    color: #989baf;
    line-height: 29px;
    text-align: left;
}
.index-marketing-content .index-marketing-itme .marketing-itme-detail div {
    margin-top: 24px;
    border-top: 1px solid rgba(0, 0, 0, .1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}
.index-marketing-content .index-marketing-itme .marketing-itme-detail .marketing-itme-span {
    display: inline-block;
    font-size: 16px;
    line-height: 37px;
    padding: 14px 0;
    color: #666;
    vertical-align: text-bottom;
}
.index-marketing-content .index-marketing-itme .marketing-itme-detail .experience-btn {
    display: block;
    width: 132px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    margin: 24px 0;
    color: white;
    background: #dd541a;
    *background: #dd541a;
    _background: #dd541a;
    background: -webkit-linear-gradient(left, #dd541a, #dd541a);
    background: -o-linear-gradient(left, #dd541a, #dd541a);
    background: -webkit-gradient(linear, left top, right top, from(#dd541a), to(#dd541a));
    background: linear-gradient(left, #dd541a, #dd541a);

    border-radius: 30px;
}
.index-marketing-content .index-marketing-itme .marketing-itme-detail .experience-btn:hover {
    background: #dd541a;
    *background: #dd541a;
    _background: #dd541a;
    background: -webkit-linear-gradient(left, #dd541a, #dd541a);
    background: -o-linear-gradient(left, #dd541a, #dd541a);
    background: -webkit-gradient(linear, left top, right top, from(#dd541a), to(#dd541a));
    background: linear-gradient(left, #dd541a, #dd541a);

}
.marketing-spread-one {
    margin-top: 50px;
    padding: 14px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
            box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.marketing-spread-one:hover {
    -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
            transform: translateY(-5px);
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.marketing-spread-one img {
    width: 380px;
    height: 295px;
}
.marketing-spread-one .marketing-spread-one-detail {
    width: 100%;
}
.marketing-spread-one .marketing-spread-one-detail h3 {
    margin: 24px 0;
    font-size: 20px;
    color: #dd541a;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
}
.marketing-spread-one .marketing-spread-one-detail p {
    width: 80%;
    margin: 0 auto;
    font-size: 14px;
    color: #989baf;
    line-height: 29px;
    text-align: left;
}
.marketing-spread-one .marketing-spread-one-detail div {
    width: 80%;
    margin: 40px auto 0;
    padding-top: 24px;
    border-top: 1px solid rgba(0, 0, 0, .1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.marketing-spread-one .marketing-spread-one-detail div span {
    display: inline-block;
    font-size: 16px;
    color: #666;
    line-height: 37px;
    vertical-align: text-bottom;
}
.marketing-spread-one .marketing-spread-one-detail div a {
    display: block;
    width: 132px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    color: white;
    background: #1d953f;
    *background: #1d953f;
    _background: #1d953f;
    background: -webkit-linear-gradient(left, #dd541a 0%, #dd541a 100%);
    background: -o-linear-gradient(left, #dd541a 0%, #dd541a 100%);
    background: -webkit-gradient(linear, left top, right top, from(#dd541a), to(#dd541a));
    background: linear-gradient(left, #dd541a, #dd541a);
    border-radius: 30px;
}
.marketing-spread-one .marketing-spread-one-detail div a:hover {
    background: #45b97c;
    *background: #45b97c;
    _background: #45b97c;
    background: -webkit-linear-gradient(right, #dd541a, #dd541a);
    background: -o-linear-gradient(right, #dd541a, #dd541a);
    background: -webkit-gradient(linear, right top, left top, from(#dd541a), to(#dd541a));
    background: linear-gradient(right, #dd541a, #dd541a);
}
.marketing-spread-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.marketing-spread-bottom .two {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
}
.marketing-spread-bottom .two img {
    width: 558px;
    height: 210px;
}
.marketing-spread-bottom .two p {
    width: 94%;
}
.marketing-spread-bottom .two div {
    width: 94%;
    margin: 40px auto 0;
}
.public-box .superiority {
    width: 100%;
    margin-top: 50px;
}
.public-box .superiority p {
    font-size: 14px;
    color: #666;
    line-height: 28px;
}
.public-box .superiority .superiority-list {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    text-align: center;
}
.public-box .superiority .superiority-list .superiority-itme {
    margin: 50px 14px 0;
}
.public-box .superiority .superiority-list .superiority-itme img {
    width: 76px;
    height: 76px;
    margin: 0 auto;
}
.public-box .superiority .superiority-list .superiority-itme span {
    display: inline-block;
    font-size: 16px;
    color: #666;
    margin: 14px 0;
    /*color: #989baf;*/
}
.public-box .superiority .superiority-list .superiority-itme p {
    font-size: 14px;
    color: #989baf;
}
.ensure {
    width: 100%;
    margin-top: 50px;
}
.ensure .ensure-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.ensure .ensure-list .ensure-item {
    height: 362px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 14px;
    padding: 50px 14px 24px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
            box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative;
}
.ensure .ensure-list .ensure-item:hover {
    -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
            transform: translateY(-5px);
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.ensure .ensure-list .ensure-item i {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 50%;
    color: #dd541a;
    font-size: 24px;
    background-color: white;
    position: absolute;
    left: 50%;
    top: -20px;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
.ensure .ensure-list .ensure-item h3 {
    margin: 24px 0;
    font-size: 20px;
    color: #000000;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
}
.ensure .ensure-list .ensure-item p {
    font-size: 14px;
    line-height: 24px;
}
.ensure .ensure-list .ensure-item .ensure-item-img {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: 24px;
    width: 100px;
    height: 100px;
    /*margin: 24px auto 0;
    border-radius: 50%;
    overflow: hidden; */
}
.ensure .ensure-list .ensure-item .ensure-item-img img {
    width: 100%;
    height: 100%;
}
.successful-case .successful-case-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.successful-case .successful-case-nav div {
    width: 120px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    margin: 50px 14px;
    border-radius: 4px;
    color: #666;
    font-size: 16px;
    cursor: pointer;
}
.successful-case .successful-case-nav .selcet-case-nav {
    color: white;
    background-color: #dd541a;
}
.successful-case-list {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.successful-case-list .img-item {
    width: 32%;
    height: 410px;
    margin: 8px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .2);
            box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    overflow: hidden;
    cursor: pointer;
    position: relative;
}
.successful-case-list .img-item img {
    width: 100%;
    height: 286px;
}
.img-item .img-item-text span {
    display: inline-block;
    font-size: 20px;
    padding: 20px 0 0 30px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
}
.img-item .img-item-text p {
    height: 40px;
    padding: 14px 24px 0;
    font-size: 14px;
    text-align: left;
    overflow: hidden;
}
.successful-case-list .img-item .two-code {
    width: 100px;
    height: 100px;
    margin: 24px auto;
}
.successful-case-list .img-item .img-item-hover {
    position: absolute;
    top: 410px;
    width: 100%;
    height: 100%;
    padding: 50px 24px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-color: white;
    -webkit-transition: top .5s ease;
    -o-transition: top .5s ease;
    transition: top .5s ease;
}
.successful-case-list .img-item .img-item-hover span {
    font-size: 20px;
}
.successful-case-list .img-item .img-item-hover p {
    margin-top: 14px;
    font-size: 14px;
    text-align: left;
}
.successful-case-list .img-item .img-item-hover .url {
    width: 100%;
    margin-top: 80px;
    font-size: 14px;
    text-align: center;
}
.successful-case-list .img-item:hover .img-item-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: top .5s ease;
    -o-transition: top .5s ease;
    transition: top .5s ease;
    z-index: 10;
}
.news {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.news .news-left {
    width: 40%;
}
.news .news-left .news-left-title {
    margin: 50px 0 14px;
    font-size: 16px;
    color: #dd541a;
    font-weight: bold;
    line-height: 20px;
    text-align: left;
}

.news .news-left .news-seo-list {
    width: 100%;
}
.news .news-left .news-seo-list li {
    padding-top: 16px;
}
.news .news-left .news-seo-list li a {
    color: #666;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
}
.news .news-left .news-seo-list li a img {
    width: 120px;
    height: 78px;
    margin-right: 14px;
}
.news .news-left .news-seo-list li a p {
    text-align: left;
    color: #666;
    font-size: 14px;
}
.news .news-left .news-seo-list li a:hover p {
    color: #dd541a;
}
.news .news-left .news-seo-list li .time-wrap {
    flex-shrink: 0;
}

.news .news-left .news-seo-list li a div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.news .news-left .time-wrap{
    width: 88px;
    height:88px;
    margin-right:8px;
    border: 6px double rgba(0,0,0,.3);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align:center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center!important;
    -webkit-justify-content: center!important;
        -ms-flex-pack: center!important;
            justify-content: center!important;
}

.news .news-left .time-wrap p{
    text-align: center;
    font-size: 32px;
    margin-bottom: 10px;
    font-weight: bold;
}

.news .news-right {
    width: 58%;
}
.news .news-right .news-right-nav {
    margin: 50px 0 14px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
}
.news .news-right .news-right-nav div {
    margin-right: 24px;
    font-size: 16px;
    color: #dd541a;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
}
.news .news-right .news-right-nav .selcet-right-nav {
    color: #dd541a;
}
.news .news-right .news-right-one {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
}
.news .news-right .news-right-one img {
    width: 214px;
    height: 116px;
    margin-right: 14px;
}
.news .news-right .news-right-one div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.news .news-right .news-right-one div h3 {
    font-size: 14px;
    color: #dd541a;
    font-weight: bold;
    line-height: 20px;
    text-align: left;
}
.news .news-right .news-right-one:hover h3 {
    color: #dd541a;
}
.news .news-right .news-right-one div p {
    text-align: left;
    color: #666;
    font-size: 14px;
}
.news-right-list-wrap .news-right-list {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.news-right-list-wrap .news-right-list li {
    width: 46%;
    padding: 14px 4px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.news-right-list-wrap .news-right-list li a {
    width: 100%;
    color: #666;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.news-right-list-wrap .news-right-list li a p {
    width: 220px;
    text-align: left;
    color: #666;
    font-size: 14px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    overflow: hidden;
}
.news-right-list-wrap .news-right-list li a:hover p {
    color: #dd541a;
}
.news-right-list-wrap .news-right-list li a p::before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    margin-right: 6px;
    margin-bottom: 2px;
    background-color: #666;
    border-radius: 50%;
}

.news-bottom {
    display: block;
    width: 120px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    margin: 80px auto;
    padding: 0 24px;
    border-radius: 4px;
    color: white!important;
    font-size: 16px;
    cursor: pointer;
    background-color: rgb(0, 118, 254);
}

.news-bottom:hover {
    background-color: rgb(0, 154, 214);
}

.footer-title {
    width: 100%;
    height: 170px;
    margin: 50px auto 0;
    background-color: rgb(221, 84, 26);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}
.footer-title h2 {
    font-size: 30px;
    color: white;
}
.footer-title .footer-title-btn {
    width: 230px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: rgb(221, 84, 26);
    font-size: 16px;
    border-radius: 4px;
    background-color: white;
}
.index-footer-botton {
    width: 100%;
    height: 66px;
    line-height: 66px;
    color: #999;
    font-size: 14px;
    text-align: center;
    background-color: rgb(34,34,34);
    border-top: 1px solid #333;
}

.index-footer-botton a {
    color: #999!important;
}

.footer-address-link-box {
    width: 100%;
    padding: 26px 0;
    background-color: rgb(34,34,34);
    border-top: 1px solid #333;
}

.footer-address-link {
    width: 1200px;
    margin: 0 auto;
    color: #999;
    font-size: 14px;
    display: flex;
    align-items: flex-start;
}

.footer-address-link ul {
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 0;
}

.footer-address-link ul li a {
    padding: 0 12px;
    color: #999;
}

.right-btn{
    position: fixed;
    bottom: 30%;
    right: 40px;
    width: 68px;
    height: 68px;
    line-height: 68px;
    text-align: center;
    color: white;
    font-size: 20px;
    border-radius: 50%;
    background-color: rgba(0,0,255,.8); 
    cursor: pointer;
}

.right-btn-num{
    position: absolute;
    top: 0;
    left: 46px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: red;
    color: white;
    font-size: 12px; 
    border-radius: 50%;   
}

.right-menu{
    position: fixed;
    top: 50%;
    right: -290px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 290px;
    height: 100vh;
    background: white;
    z-index: 10001;
}

.right-menu .right-menu-info{
    padding: 36px 30px 0;
}

.right-menu .right-menu-info>.close{
    display: block;
    width: 30px;
    height: 30px;
    float: right;
    cursor: pointer;
}

.right-menu h3{
    color: #dd541a;
    font-size: 24px;
    font-weight: bold;
    line-height: 20px;
}

.right-menu p{
    line-height: 27px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #dd541a;
    font-weight: bold;
    letter-spacing: 0;
}

.right-menu .tel{
    line-height: 37px;
    font-family: PingFangSC-Medium;
    font-size: 26px;
    color: #dd541a;
    letter-spacing: 0;
}

.right-menu .on-tel{
    padding: 24px 0;
}

.right-menu .on-line{
    padding: 24px 30px 24px;
    background-color: rgba(0,0,0,.04);
}

.right-menu .on-line a{
    display: block;
    width:100px;
    position: relative;
}

.right-menu-form{
    padding: 14px 30px 30px;
    border-top: 1px solid rgba(0,0,0,.1)
}

.right-menu-form p {
    padding-bottom: 10px;
    line-height: 27px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    letter-spacing: 0;
}

.right-menu-form input{
    margin-top: 10px;
    padding: 10px;
    height: 18px;
    width: 208px;
    background: #fff;
    border: 1px solid #bbb;
    border-radius: 2px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #999;
    -webkit-box-sizing: content-box;
            box-sizing: content-box; 
}

.right-menu-form button{
    margin-top: 20px;
    height: 40px;
    width: 100%;
    background: #38f;
    border: none;
    outline: none;
    border-radius: 2px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
}

.right-weixin{
     padding: 24px 30px 24px;
}

.right-weixin .tow-code-wrap img{
    display: inline-block;
    width: 76px;
    height: 76px;
    border: none;
    outline: none; 
}

.right-weixin .tow-code-wrap img:first-child{
    margin-right: 28px; 
    margin-top: 8px; 
}

.footer-address{
    width: 1200px;
    margin: 0 auto;
    padding: 60px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.footer-address-left{
    width: 25%;
}

.footer-address-left a {
    color: #999;
}

.footer-address-left p{
    font-size: 16px;
    color: #999;
    font-weight: bold;
    margin-bottom: 12px;
}

.footer-address-left ul{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
}

.footer-address-left ul li{
    margin: 0 12px 4px 0;
    font-size: 14px;
}

.footer-address-info{
    width: 56%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.footer-address-info p a{
    display: block;
    font-size: 14px;
    color: #666;
    line-height: 30px;
}

.footer-address-info span{
    display: block;
    font-size: 16px;
    color: #666;
    font-weight: bold;
    margin-bottom: 12px;
}

.footer-address-code>p{
    font-size: 16px;
    color: #666;
    font-weight: bold;
    margin-bottom: 12px;
}

.footer-address-code div{
    display: inline-block;
    margin-right: 14px;
    font-size: 14px;
    color: #666;
}

.footer-address-code img{
    width: 226px;
    height: 68px;
    margin-bottom: 14px
}

.footer-address-code span {
    color: #999;
} 

/*首页结束*/

.public-banner {
    width: 100%;
    height: 410px;
}
.public-banner img {
    width: 100%;
    height: 100%;
}

/*新闻资讯页面开始*/

.news-content-wrap .news-content {
    width: 1200px;
    min-height: 1600px;
    margin: 24px auto 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.news-content .news-left {
    width: 66%;
    padding: 24px;

    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    background: white;
    -webkit-box-shadow: 0 0 24px rgba(0,0,0,.2);
            box-shadow: 0 0 24px rgba(0,0,0,.2);
}

.news-left-text {
    padding-top: 24px;
    line-height: 36px;
    font-size: 16px;
}

.news-content .news-left h2 {
    display: inline-block;
    font-size: 26px;
    color: #333;
    line-height: 60px;
}
.news-content .news-left .news-left-time {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.news-content .news-left p {
    line-height: 36px;
}

.news-content-wrap .news-content .seo-left p{
    margin-top: 0;
    line-height: 24px;
}

.news-content .news-left p:first-child {
    margin-top: 0;
}

.news-left-text img {
    max-width: 100%;
}

.news-content .news-left .cue-bg{
    text-indent: 24px;
    background-color: rgba(0, 0, 0, .1);
    font-size: 15px;
    margin-top: 24px;
    font-size: 14px;
    color: #666666;
    padding: 12px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.news-content .news-left .correlation {
    width: 100%;
    margin: 50px 0 24px;
}
.news-content .news-left .correlation span {
    color: #05273B;
    line-height: 32px;
    cursor: pointer;
    font-size: 14px;
    padding: 8px 14px;
}

.news-content .news-left .correlation .selcet-span {
    color: #fff;
    background-color: #05273B;
}

.news-content .news-left .correlation ul {
    width: 100%;
    border-top: 2px solid #05273B;
    background-color: #f5f6f8;
    padding: 10px 0;
}
.news-content .news-left .correlation ul li {
    height: 30px;
    overflow-y: hidden;
    line-height: 30px;
    margin: 0 20px;
    padding-left: 10px;
    font-size: 14px;
    color: #666;
    position: relative;
}
.news-content .news-left .correlation ul li a:before {
    content: "";
    height: 0px;
    width: 0px;
    position: absolute;
    top: 12px;
    left: 0px;
    border-top: 4px solid transparent;
    border-left: 6px solid #666;
    border-bottom: 4px solid transparent;
}

.news-content .news-right {
    width: 31%;
    height: auto;
    -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
            align-self: flex-start;
    padding: 24px;
    background: white;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-shadow: 0 0 24px rgba(0,0,0,.2);
        box-shadow: 0 0 24px rgba(0,0,0,.2);
}

.news-right span {
    font-size: 20px;
    line-height: 56px;
    color: #1f1f1f;
}

.news-content .news-right .line {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}

.news-content .news-right .line i:first-child {
    display: inline-block;
    width: 33%;
    height: 6px;
    background-color: #94cb29;
}

.news-content .news-right .line i:last-child {
    display: inline-block;
    width: 67%;
    height: 6px;
    background-color: rgba(0, 0, 0, .3);
}

.news-content .news-right ul {
    width: 100%;
    padding: 10px 0;
}

.news-content .news-right ul li {
    height: 30px;
    overflow-y: hidden;
    line-height: 30px;
    margin: 0 20px;
    padding-left: 10px;
    font-size: 14px;
    position: relative;
}

.news-content .news-right ul li a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.news-content .news-right ul li a span {
    width: 77%;
    font-size: 14px;
    line-height: 30px;
    color: #666666;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.news-content .news-right ul li a:before {
    content: "";
    height: 0px;
    width: 0px;
    position: absolute;
    top: 12px;
    left: 0px;
    border-top: 4px solid transparent;
    border-left: 8px solid #94cb29;
    border-bottom: 4px solid transparent;
}

.news-right div a {
    display: block;
    margin-top: 14px;
}

.news-right div a img {
    width: 100%;
    height: 100%;
}

.news-hover{
    position: relative;
}

.news-hover-ic{
    position: absolute;
    top: 10px;
    left: 50px;
    width: 0;
    height: 0;
    opacity: 0;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; 
}

.news-hover:hover .news-hover-ic{
    top: -60px;
    left: 114px;
    width: 100px;
    height: 100px;
    opacity: 1;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.5);
            box-shadow: 0 0 10px rgba(0,0,0,.5);
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; 
}

/*新闻资讯页面结束*/

/*品牌建站开始*/

.brandweb-content .brandweb-nav {
    width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}
.brandweb-content .brandweb-nav a {
    padding: 14px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-bottom: 3px solid transparent;
    font-size: 16px;
    color: #666;
}
.brandweb-content .brandweb-nav .selcet-brandweb-nav {
    border-bottom-color: #20B09F;
    color: #20B09F;
    cursor: default;
}
.brandweb-content .brandweb-line {
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}
.brandweb-content .brandweb-itme {
    width: 1200px;
    margin: 120px auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}
.brandweb-content .brandweb-itme>img {
    margin: 0 auto;
}
.brandweb-content .brandweb-itme .brandweb-itme-info {
    width: 42%;
    -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
            align-self: flex-start;
}
.brandweb-content .brandweb-itme .brandweb-itme-info h3 {
    font-size: 24px;
    text-align: left;
    color: #333;
    margin-bottom: 40px;
}
.brandweb-content .brandweb-itme .brandweb-itme-info p {
    font-size: 14px;
    line-height: 24px;
    color: #999;
}
.brandweb-itme-info>div {
    margin-top: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.brandweb-itme-info>div div {
    width: 30%;
}
.brandweb-itme-info>div div img {
    margin: 0 auto
}
.brandweb-itme-info>div div p {
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    margin-top: 15px;
}
.brandweb-case-wrap {
    width: 100%;
    padding: 54px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: url( /template/img/items-case-bg.png) no-repeat center;
}
.brandweb-case-wrap h2 {
    font-size: 30px;
    color: #fff;
    margin-bottom: 40px;
    text-align: center;
}
.brandweb-case-wrap .brandweb-case {
    width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.brandweb-case-wrap .brandweb-case a {
    width: 280px;
    height: 220px;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
}
.brandweb-case-wrap .brandweb-case a img {
    width: 100%;
    height: 100%;
}
.brandweb-case-wrap .brandweb-case a p {
    position: absolute;
    bottom: -52px;
    width: 100%;
    line-height: 50px;
    font-size: 16px;
    padding-left: 24px;
    background-color: white;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition: bottom .3s ease;
    -o-transition: bottom .3s ease;
    transition: bottom .3s ease;
}
.brandweb-case-wrap .brandweb-case a:hover p {
    bottom: 0;
    -webkit-transition: bottom .3s ease;
    -o-transition: bottom .3s ease;
    transition: bottom .3s ease;
}
.marketingapp-wrap, .maintenance-wrap {
    width: 1200px;
    margin: 50px auto 0;
}
.marketingapp, .maintenance {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.marketingapp-itme {
    width: 220px;
    height: 180px;
    text-align: center;
    position: relative;
}
.marketingapp-itme>div {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    color: white;
    font-size: 16px;
    padding-top: 72px;
    background-color: rgba(0, 0, 0, .5);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.marketingapp-itme:hover div {
    background-color: #20b09f;
}
.marketingapp-wrap>h2, .maintenance-wrap>h2 {
    position: relative;
    height: 62px;
    padding: 0 0 0 13px;
    margin: 0 0 20px;
    line-height: 62px;
    font-size: 24px;
    font-weight: normal;
    color: #333;
}
.marketingapp-wrap>h2:before, .maintenance-wrap>h2:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 3px;
    height: 22px;
    margin: -11px 0 0;
    background-color: #20b09f;
}
.maintenance .maintenance-itme {
    width: 33.3%;
    height: 98px;
    line-height: 98px;
    font-size: 16px;
    padding-left: 170px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
}
.maintenance .maintenance-itme img {
    position: absolute;
    top: 50%;
    left: 92px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.maintenance .maintenance-itme img:nth-child(2) {
    display: none;
}
.maintenance .maintenance-itme:hover img {
    display: block;
}
.pay-tip {
    height: 115px;
    margin: 60px 0 0;
    padding: 25px 0 0;
    color: #fff;
    text-align: center;
    background: url( /template/img/pay-tip-bg.png) top center no-repeat;
}
.pay-tip .pay-tip-header {
    line-height: 58px;
    font-size: 30px;
    font-weight: bold;
}
.pay-tip p {
    font-size: 16px;
    line-height: 26px;
}
.service-list {
    position: relative;
    width: 1200px;
    height: 78px;
    margin: 46px auto 72px;
}
.flex-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}
.service-list {
    position: relative;
    height: 78px;
    margin: 46px auto 72px;
}
.service-list:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 8px;
    background: #eee;
    border-radius: 4px;
}
.service-list:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 26px;
    height: 38px;
    margin: -19px 0 0 0;
    background: url( /template/img/service-arrow.png) no-repeat;
}
.service-item {
    position: relative;
    width: 100%;
    cursor: pointer;
}
.service-txt {
    position: relative;
    width: 68px;
    height: 68px;
    margin: 0 auto;
    border: 5px solid #fff;
    background: #20b09f;
    line-height: 68px;
    text-align: center;
    color: #fff;
    border-radius: 50px;
    -webkit-box-shadow: 0 0 8px rgba(228, 230, 200, 1);
            box-shadow: 0 0 8px rgba(228, 230, 200, 1);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.service-tag {
    position: absolute;
    left: -34px;
    top: 50%;
    min-height: 20px;
    width: 68px;
    text-align: center;
    line-height: 20px;
    background: #eee;
    font-size: 12px;
    border-radius: 40px;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
}
.service-pop {
    position: absolute;
    left: 50%;
    bottom: 102px;
    width: 136px;
    margin: 0 0 0 -78px;
    padding: 8px 10px 16px;
    text-align: center;
    background: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 8px rgba(228, 230, 200, 1);
            box-shadow: 0 0 8px rgba(228, 230, 200, 1);
    opacity: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
}
.service-pop:before {
    content: "";
    position: absolute;
    bottom: -17px;
    left: 50%;
    width: 19px;
    height: 17px;
    margin: 0 0 0 -9px;
    background: url( /template/img/service-pop-trangle.png) no-repeat;
}
.service-pop-title {
    font-size: 14px;
    line-height: 38px;
}
.service-pop p {
    color: #666;
    line-height: 20px;
    font-size: 12px;
}
.service-txt:hover {
    width: 84px;
    height: 84px;
    font-size: 16px;
    line-height: 84px;
    border: 0 none;
    background: #40dac8;
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
    -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
            transform-origin: center center;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.service-txt:hover+.service-pop {
    opacity: 1;
    -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
}
/*品牌建站结束*/

/*营销型建站开始*/

.items {
    width: 1200px;
    margin: 60px auto;
}
.items-jc .items-title {
    margin-bottom: 40px;
    font-size: 24px;
    text-align: center;
}
.items-jc .item {
    border: 1px solid #20b09f;
    height: 210px;
    margin-left: 30px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-align: center;
    padding-top: 47px;
    position: relative;
}
.tems-jc .item:first-child {
    margin-left: 0;
}
.items-jc .item .img {
    margin-bottom: 28px;
}
.items-jc .item .bg {
    margin: 0 auto;
    height: 53px;
}
.items-jc .item .bg1 {
    background: url(/images/img/marketing-icon1.png) no-repeat center;
    width: 56px;
}
.items-jc .item .bg2 {
    background: url(/images/img/marketing-icon2.png) no-repeat center;
    width: 54px;
}
.items-jc .item .bg3 {
    background: url(/images/img/marketing-icon3.png) no-repeat center;
    width: 61px;
}
.items-jc .item .title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}
.items-jc .item .con {
    font-size: 14px;
    color: #999;
}
.items-jc .jc-hover {
    background: #20b09f;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.items-jc .jc-hover .flex-row {
    padding: 0 30px;
}
.items-jc .jc-hover:before {
    content: "";
    position: absolute;
    width: 242px;
    border-bottom: 1px dotted rgba(255, 255, 255, .4);
    left: 50%;
    bottom: 118px;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
.items-jc .jc-hover:after {
    content: "";
    position: absolute;
    height: 156px;
    border-right: 1px dotted rgba(255, 255, 255, .4);
    left: 50%;
    bottom: 40px;
}
.items-jc .hover-title {
    color: #fff;
    font-size: 16px;
    text-align: left;
    display: block;
    margin: 15px 0 10px 20px;
}
.items-jc .item .list {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 90px;
    color: #fff;
}
.items-jc .item .list:last-child {}
.items-jc .item .list .img {
    margin-bottom: 5px;
    margin-top: 15px;
}
.items-jc .item .list .list-i {
    height: 41px;
    margin: 0 auto;
}
.items-jc .item .list .list-i1 {
    background: url(/images/img/marketing-icon4.png) no-repeat center;
}
.items-jc .item .list .list-i2 {
    background: url(/images/img/marketing-icon5.png) no-repeat center;
}
.items-jc .item .list .list-i3 {
    background: url(/images/img/marketing-icon6.png) no-repeat center;
}
.items-jc .item .list .list-i4 {
    background: url(/images/img/marketing-icon7.png) no-repeat center;
}
.items-jc .item .list .list-i5 {
    background: url(/images/img/marketing-icon8.png) no-repeat center;
}
.items-jc .item .list .list-i6 {
    background: url(/images/img/marketing-icon9.png) no-repeat center;
}
.items-jc .item .list .list-i7 {
    background: url(/images/img/marketing-icon10.png) no-repeat center;
}
.items-jc .item .list .list-i8 {
    background: url(/images/img/marketing-icon11.png) no-repeat center;
}
.items-jc .item .list .list-i9 {
    background: url(/images/img/marketing-icon12.png) no-repeat center;
}
.items-jc .item .list .list-i10 {
    background: url(/images/img/marketing-icon13.png) no-repeat center;
}
.items-jc .item .list .list-i11 {
    background: url(/images/img/marketing-icon14.png) no-repeat center;
}
.items-jc .item .list .list-i12 {
    background: url(/images/img/marketing-icon15.png) no-repeat center;
}
.items-jc .item:hover .jc-hover {
    display: block;
}
/*营销型建站结束*/

/*电商型建站开始*/

.e-commerce-wrap {
    margin: 60px auto;
}
.e-commerce-wrap p, .flow p {
    margin-bottom: 85px;
    font-size: 24px;
    text-align: center;
}
.e-commerce-list, .flow-list {
    width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.e-commerce-itme img {
    margin: 0 auto;
}
.e-commerce-itme span {
    display: inline-block;
    text-align: center;
    color: #666;
    font-size: 18px;
    margin-top: 20px;
}
.flow {
    width: 100%;
    padding: 60px 0;
    background-color: rgba(0, 0, 0, .05);
}
.flow-itme {
    width: 25%;
    height: 338px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #E5E5E5;
    background-color: #fff;
    padding: 0 15px;
    margin: 0 20px;
}
.flow-itme img {
    width: 184px;
    height: 109px;
    margin: 50px auto;
}
.flow-itme span {
    display: block;
    color: #666;
    font-size: 14px;
    text-align: center;
}
.o2o>p {
    font-size: 24px;
    text-align: center;
    padding: 60px 0;
}
.o2o-list {
    width: 1200px;
    margin: 0 auto 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.o2o-list .o2o-item img {
    margin: 0 auto 14px;
}
.o2o-list .o2o-item p {
    width: 200px;
    font-size: 14px;
    color: #666;
    text-align: center;
}
.manage {
    background-color: rgba(0, 0, 0, .05);
}
.manage>p {
    font-size: 24px;
    text-align: center;
    padding: 60px 0;
}
.manage-list {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.manage-list .manage-item {
    width: 356px;
    border: 1px solid #E5E5E5;
}
.manage-list .manage-item>div {
    width: 100%;
    height: 70px;
    padding-left: 50px;
    background-color: #E5E5E5;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}
.manage-list .manage-item>div img {
    margin-right: 14px;
}
.manage-item .hover {
    display: none;
}
.manage-list .manage-item>div span {
    font-size: 18px;
    color: #666;
}
.manage-item p {
    font-size: 14px;
    color: #999;
    line-height: 36px;
    padding: 24px 60px;
}
.manage-item p span {
    display: block;
    position: relative;
}
.manage-item p span:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    background-color: #ccc;
    border-radius: 50%;
    left: -15px;
    top: 15px;
}
.manage-item:hover {
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .2);
            box-shadow: 0 0 15px rgba(0, 0, 0, .2);
}
.manage-item:hover div {
    background-color: #20B09F;
}
.manage-item:hover div span {
    color: white;
}
.manage-item:hover div .none {
    display: none;
}
.manage-item:hover div .hover {
    display: block;
}
/*电商型建站结束*/

/*海外型建站开始*/

.polyglot .polyglot-title {
    font-size: 24px;
    text-align: center;
    padding: 60px 0;
}
.polyglot .polyglot-text {
    text-align: center;
    line-height: 24px;
}
.polyglot img {
    margin: 0 auto;
}
.custom-made {
    background-color: rgba(0, 0, 0, .05);
}
.custom-made>p {
    padding: 60px 0;
    font-size: 24px;
    text-align: center;
    margin-bottom: 25px;
}
.custom-made-list {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.custom-made-list .custom-made-itme {
    width: 284px;
    height: 300px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #E5E5E5;
    background-color: #fff;
    position: relative;
}
.custom-made-list .custom-made-itme:hover {
    border-color: #20B09F;
}
.custom-made-list .custom-made-itme img {
    height: 80px;
    margin: 70px auto 20px;
}
.custom-made-itme .hover {
    display: none;
}
.custom-made-itme p {
    text-align: center;
    font-size: 16px;
    line-height: 26px;
}
.custom-made-itme:hover .hover {
    display: block;
}
.custom-made-itme:hover .none {
    display: none;
}
/*海外型建站结束*/

/*微分销*/

.distribution h2 {
    font-size: 32px;
    color: #242424;
    text-align: center;
    font-weight: normal;
    padding-top: 50px;
}
.distribution p {
    display: block;
    font-size: 16px;
    color: #7d7d7d;
    margin-top: 24px;
    text-align: center;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.ov {
    overflow: hidden;
}
.clearfix {
    content: "";
    display: block;
    overflow: hidden;
    clear: both;
}
/*03*/

.floor_2 {
    overflow: hidden;
    background: url( /images/img/02_bg.png) center top no-repeat;
    background-size: 100% 100%;
    margin-top: 20px;
    padding-bottom: 70px;
}
.w1200 {
    width: 1200px;
    margin: 0 auto;
}
.w1200 .title {
    margin-top: 60px;
    text-align: center;
}
.title p {
    font-size: 36px;
    color: #3a3a3a;
    padding-top: 10px;
}
.title span {
    display: block;
    font-size: 18px;
    color: #3a3a3a;
    margin-top: 24px;
}
a.anli {
    display: block;
    height: 60px;
    width: 250px;
    background: #ff9600;
    line-height: 60px;
    font-size: 22px;
    text-align: center;
    color: #fff;
    border-radius: 30px;
    margin: 0 auto;
    margin-top: 40px;
}
.floor_2 ul {
    overflow: hidden;
    margin-top: 40px;
}
.floor_2 ul li {
    float: left;
    width: 150px;
    height: 243px;
    text-align: center;
    background: #fff;
    padding: 0 24px;
    border: 1px solid #dcdcdc;
    border-collapse: collapse;
}
.floor_2 ul li em {
    display: block;
    height: 62px;
    margin: 46px auto 0;
}
.floor_2 ul li p {
    font-size: 16px;
    color: #242424;
    margin-top: 30px;
}
.floor_2 ul li span {
    display: block;
    font-size: 14px;
    color: #a9a9a9;
    margin-top: 10px;
    text-align: left;
}
.floor_2 ul li:nth-child(1) em {
    background: url(/images/img/02_1_1.png) center no-repeat;
}
.floor_2 ul li:nth-child(2) em {
    background: url(/images/img/02_2_2.png) center no-repeat;
}
.floor_2 ul li:nth-child(3) em {
    background: url(/images/img/02_3_3.png) center no-repeat;
}
.floor_2 ul li:nth-child(4) em {
    background: url(/images/img/02_4_4.png) center no-repeat;
}
.floor_2 ul li:nth-child(5) em {
    background: url(/images/img/02_5_5.png) center no-repeat;
}
.floor_2 ul li:nth-child(6) em {
    background: url(/images/img/02_6_6.png) center no-repeat;
}
.floor_2 ul li:nth-child(7) em {
    background: url(/images/img/02_7_7.png) center no-repeat;
}
.floor_2 ul li:nth-child(8) em {
    background: url(/images/img/02_8_8.png) center no-repeat;
}
.floor_2 ul li:nth-child(9) em {
    background: url(/images/img/02_9_9.png) center no-repeat;
}
.floor_2 ul li:nth-child(10) em {
    background: url(/images/img/02_10_10.png) center no-repeat;
}
.floor_2 ul li:nth-child(11) em {
    background: url(/images/img/02_11_11.png) center no-repeat;
}
.floor_2 ul li:nth-child(12) em {
    background: url(/images/img/02_12_12.png) center no-repeat;
}
.floor_2 ul li:hover {
    background: #ff9600;
}
.floor_2 ul li:hover p, .floor_2 ul li:hover span {
    color: #fff;
}
.floor_2 ul li:nth-child(1):hover em {
    background: url(/images/img/02_1.png) center no-repeat;
}
.floor_2 ul li:nth-child(2):hover em {
    background: url(/images/img/02_2.png) center no-repeat;
}
.floor_2 ul li:nth-child(3):hover em {
    background: url(/images/img/02_3.png) center no-repeat;
}
.floor_2 ul li:nth-child(4):hover em {
    background: url(/images/img/02_4.png) center no-repeat;
}
.floor_2 ul li:nth-child(5):hover em {
    background: url(/images/img/02_5.png) center no-repeat;
}
.floor_2 ul li:nth-child(6):hover em {
    background: url(/images/img/02_6.png) center no-repeat;
}
.floor_2 ul li:nth-child(7):hover em {
    background: url(/images/img/02_7.png) center no-repeat;
}
.floor_2 ul li:nth-child(8):hover em {
    background: url(/images/img/02_8.png) center no-repeat;
}
.floor_2 ul li:nth-child(9):hover em {
    background: url(/images/img/02_9.png) center no-repeat;
}
.floor_2 ul li:nth-child(10):hover em {
    background: url(/images/img/02_10.png) center no-repeat;
}
.floor_2 ul li:nth-child(11):hover em {
    background: url(/images/img/02_11.png) center no-repeat;
}
.floor_2 ul li:nth-child(12):hover em {
    background: url(/images/img/02_12.png) center no-repeat;
}
/*微分销*/

.shop_title {
    text-align: center;
    overflow: hidden;
    margin-top: 60px;
}
.shop_title p {
    font-size: 36px;
    color: #242424;
    padding-top: 10px;
}
.shop_title span {
    display: block;
    font-size: 16px;
    color: #7d7d7d;
    padding-top: 24px;
}
.floor4 {
    padding-bottom: 70px;
    background-color: white;
    overflow: hidden;
}
.floor4 .shop_img {
    overflow: hidden;
    width: 1000px;
    margin: auto;
    padding-top: 40px;
}
/*小程序*/

.model {
    background: #fff;
    padding-bottom: 50px;
    overflow: hidden;
    width: 100%;
}
.model .wrap {
    overflow: hidden;
}
.model .wrap li {
    margin: 0 50px;
    margin-top: 35px;
    float: left;
    display: block;
    width: 200px;
    position: relative;
}
.model .wrap li:hover p {
    background: url(/images/img/p-bg.png) no-repeat center;
}
.model .wrap li p {
    width: 100%;
    font-size: 20px;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 110px;
    background: url(/images/img/p-bgg.png) center no-repeat;
}
.model .wrap li p a {
    display: block;
    font-size: 16px;
    color: #ff9600;
    padding-top: 10px;
}
.model .wrap li span {
    position: absolute;
    text-align: center;
    display: block;
    width: 80px;
    height: 80px;
    top: 115px;
    vertical-align: middle;
    left: 50%;
    margin-left: -40px;
}
.model .wrap li span.icon1 {
    background: url(/images/img/icon1g.png) no-repeat center;
}
.model .wrap li span.icon2 {
    background: url(/images/img/icon2g.png) no-repeat center;
}
.model .wrap li span.icon3 {
    background: url(/images/img/icon3g.png) no-repeat center;
}
.model .wrap li span.icon4 {
    background: url(/images/img/icon4g.png) no-repeat center;
}
.model .wrap li span.icon5 {
    background: url(/images/img/icon5g.png) no-repeat center;
}
.model .wrap li:hover span.icon1 {
    background: url(/images/img/icon1.png) no-repeat center;
}
.model .wrap li:hover span.icon2 {
    background: url(/images/img/icon2.png) no-repeat center;
}
.model .wrap li:hover span.icon3 {
    background: url(/images/img/icon3.png) no-repeat center;
}
.model .wrap li:hover span.icon4 {
    background: url(/images/img/icon4.png) no-repeat center;
}
.model .wrap li:hover span.icon5 {
    background: url(/images/img/icon5.png) no-repeat center;
}
.model .wrap li dl {
    width: 100%;
    background: url(/images/img/dl-bg.png) no-repeat center;
    height: 180px;
}
.model .wrap li dd {
    font-size: 14px;
    color: #666;
    margin-bottom: 5px;
    position: relative;
    padding-left: 30px;
    padding-right: 20px;
}
.model .wrap li dd:first-child {
    padding-top: 40px;
}
.model .wrap li:hover dd i {
    background: #00c568;
}
.model .wrap li dd i {
    position: absolute;
    width: 4px;
    height: 4px;
    background: #d6d6d6;
    left: 20px;
    top: 8px
}
.model .wrap li dd:first-child i {
    top: 48px
}
.featrue {
    padding-top: 90px;
}
.featrue .img-wrap {
    margin-top: 45px;
}
.model a.xcx {
    display: block;
    font-size: 20px;
    color: #fff;
    text-align: center;
    border-radius: 30px;
    line-height: 70px;
    height: 70px;
    width: 292px;
    background: #fb6027;
    margin: 32px auto 0;
}
.w1200 {
    width: 1200px;
    margin: 0 auto;
}
.wrap01 {
    overflow: hidden;
    width: 1200px;
    margin: auto;
}
.wrap01 li {
    margin-top: 35px;
    margin-left: 33px;
    float: left;
    display: block;
    width: 200px;
    position: relative;
}
.wrap01 li:hover p {
    background: url(/images/img/p-bg.png) no-repeat center;
}
.wrap01 li p {
    width: 100%;
    font-size: 20px;
    text-align: center;
    padding-top: 30px;
    color: #666;
    padding-bottom: 110px;
    background: url(/images/img/p-bgg.png) center no-repeat;
}
.wrap01 li p b {
    display: block;
    font-size: 16px;
    color: #ff9600;
    padding-top: 10px;
}
.wrap01 li span {
    position: absolute;
    text-align: center;
    display: block;
    width: 80px;
    height: 80px;
    top: 115px;
    vertical-align: middle;
    left: 50%;
    margin-left: -40px;
}
.wrap01 li span.icon1 {
    background: url(/images/img/icon2g.png) no-repeat center;
}
.wrap01 li span.icon2 {
    background: url(/images/img/icon2g.png) no-repeat center;
}
.wrap01 li span.icon3 {
    background: url(/images/img/icon2g.png) no-repeat center;
}
.wrap01 li span.icon4 {
    background: url(/images/img/icon2g.png) no-repeat center;
}
.wrap01 li:hover span.icon1 {
    background: url(/images/img/icon2.png) no-repeat center;
}
.wrap01 li:hover span.icon2 {
    background: url(/images/img/icon2.png) no-repeat center;
}
.wrap01 li:hover span.icon3 {
    background: url(/images/img/icon2.png) no-repeat center;
}
.wrap01 li:hover span.icon4 {
    background: url(/images/img/icon2.png) no-repeat center;
}
.wrap01 li dl {
    width: 100%;
    background: url(/images/img/dl-bg.png) no-repeat center;
    height: 180px;
}
.wrap01 li dd {
    font-size: 14px;
    color: #666;
    margin-bottom: 5px;
    position: relative;
    padding-left: 30px;
    padding-right: 20px;
}
.wrap01 li dd:first-child {
    padding-top: 40px;
}
.wrap01 li:hover dd i {
    background: #00c568;
}
.wrap01 li dd i {
    position: absolute;
    width: 4px;
    height: 4px;
    background: #d6d6d6;
    left: 20px;
    top: 8px
}
.wrap01 li dd:first-child i {
    top: 48px
}
.mar {
    margin-bottom: 70px !important;
}
.s6 {
    background: #f5f5f5 url(/images/img/3-5-01.jpg) no-repeat center bottom;
    width: 100%;
    overflow: hidden;
    text-align: center;
}
.s6 h3 {
    padding-top: 70px;
    font-size: 36px;
    color: #000;
    font-weight: normal;
}
.s6 h4 {
    margin-top: 24px;
    font-size: 18px;
    color: #525355;
    font-weight: normal;
}
.edition .s6 ul {
    width: 1200px;
    margin: 50px auto;
    overflow: hidden;
}
.edition .s6 li {
    float: left;
    width: 212px;
    border: 1px solid transparent;
    height: 110px;
    padding: 85px 15px 0 15px;
    margin: 0 28px 36px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center 10px;
    background-color: #f4f4f4;
    border-radius: 10px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.edition .s6 li:hover {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    background-color: #fff;
    border-color: #dcdcdc;
}
.edition .s6 li span {
    font-size: 22px;
    color: #282828;
}
.edition .s6 li p {
    margin-top: 10px;
    line-height: 24px;
    color: #646464;
    text-align: left;
}
.wsycms_tablebox {
    width: 1200px;
    margin: 0 auto;
    background: #fff;
    margin-top: 50px;
    margin-bottom: 70px;
}
.wsycms_tablebox .table {
    width: 1200px;
    margin: 0 auto;
    font-size: 14px;
    color: #3D3D3D;
    text-align: center;
    border-collapse: collapse;
    height: auto;
    /*border:1px solid #CED6D9;*/
}
.wsycms_tablebox .table thead th {
    font-size: 18px;
    color: #fff;
    font-weight: normal;
    padding: 0;
    margin: 0;
}
.wsycms_tablebox .table td {
    border: 1px solid #CED6D9;
    padding: 10px;
    margin: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
/*05*/

.floor_4 {
    background-color: #f8f8f8;
    margin-top: 40px;
    padding-bottom: 60px;
}
.floor_4 ul {
    overflow: hidden;
    margin-top: 40px;
    width: 1255.5px;
}
.floor_4 ul li {
    display: block;
    float: left;
    margin-right: 55.5px;
    width: 363px;
    height: 160px;
    position: relative;
    overflow: hidden;
}
.floor_4 ul li img {
    width: 100%;
    display: block;
}
.floor_4 ul li span {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    background-color: rgba(0, 0, 0, 0.7);
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    overflow: hidden;
}
.floor_4 dl {
    overflow: hidden;
    margin-top: 30px;
    width: 1255.5px;
}
.floor_4 dl dt {
    float: left;
    width: 363px;
    margin-right: 55.5px;
    overflow: hidden;
    display: block;
}
.floor_4 dl dt:last-child {
    margin-right: 0;
}
.floor_4 dl dt p {
    font-size: 20px;
    text-align: left;
    padding-left: 17px;
    color: #242424;
}
.floor_4 dl dt p a {
    display: block;
    font-size: 14px;
    float: right;
    color: #9c9c9c;
}
.floor_4 dl dt .text {
    margin-top: 14px;
    text-align: left;
}
.floor_4 dl dt .text a {
    display: block;
    color: #656565;
    line-height: 36px;
    font-size: 16px;
}
.floor_4 dl dt .text a em {
    display: block;
    float: left;
    color: #333;
    font-style: normal;
    font-size: 16px;
}
.floor_4 dl dt .text a em:nth-child(1) {
    width: 295px;
    float: left;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.floor_4 dl dt .text a em:nth-child(2) {
    width: 55px;
    float: left;
    margin-left: 12px;
}
.floor_4 dl dt:nth-child(1) p {
    background: url(/images/06_2.jpg) left no-repeat;
}
.floor_4 dl dt:nth-child(2) p {
    background: url(/images/06_3.jpg) left no-repeat;
}
.floor_4 dl dt:nth-child(3) p {
    background: url(/images/06_4.jpg) left no-repeat;
}

/*关于我们*/
.aboutus{
    width: 1200px;
    margin: 0 auto; 
}

.aboutus-nav{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.aboutus-nav div{
    height: 100%;
    width: 128px;
    font-size: 16px;
    line-height: 36px;
    text-align: center;
    margin: 24px 2px 0px 0px;
    cursor: pointer;
}

.aboutus-nav .select-aboutus{
    background-color: #dd541a;
    color: white;
}

.aboutus-nav div:hover{
    background-color: #dd541a;
    color: white;
}

.aboutus-info{
    margin-top: 50px; 
    padding: 50px;
    position: relative;
    background-color: white;
}

.aboutus-info .one-p{
    width: 524px;
}

.aboutus-info p{
    font-size: 16px;
    line-height: 50px;
    text-indent: 2em;
    margin-bottom: 24px;
}


.aboutus-info>img{
    position: absolute;
    top: 65px;
    right: 50px;
    width: 454px;
    height: 248px;
    border-radius: 20px;
}

.info-table-title,
.info-table-content {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #666;
    font-weight: normal;
}

.info-table-title {
    height: 40px;
    background-color: #F7F7F7;
    justify-content: center;
}

.info-table-content {
    padding: 12px 0;
    border-bottom: 1px solid rgba(0,0,0,.06);
}

.info-table-title  div,
.info-table-content div {
    width: 33.33%;
    height: 100%;
    line-height: 40px;
    padding-left: 24px;
    box-sizing: border-box;
}

.info-table-title  div {
    border-top: 1px solid #fff;
}

.info-table-content div p {
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 32px;
    text-indent: 0;
}

.pos-code {
    position: relative;
}

.pos-code img {
    position: absolute;
    width: 196px;
    height: auto;
    display: none;
}

.pos-code:hover img {
    display: block;
    top: -200px;
    cursor: pointer;
    border: 8px solid #fff;
    border-radius: 4px;
    box-shadow: 0 0 48px rgba(0,0,0,0.3);
}

/*关于我们结束*/

/*合作加盟开始*/
.join-prospect{
    height: 800px;
    background: url(/images/img/bg1.png) center;
}

.join-prospect h2,.advantage h2,
.ask h2,.procedure h2,.custom h2{
    font-size: 30px;
    color: #666;
    padding: 50px 0 47px;
    text-align: center;
}

.join-public{
    width: 1200px;
    margin: 54px auto 0;
}

.join-prospect-info{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.join-prospect-info>img{
    width: 380px;
    height: 450px;
    margin-right: 40px;
    margin-left: 60px; 
}

.join-prospect-info>div{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
}

.join-prospect-info>div p{
    font-size: 16px;
    color: #666;
}

.join-prospect-info>div p i{
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: white;
    margin-right: 14px; 
    background-color: #dd541a;
    border-radius: 50px;  
}

.advantage p,.ask p,.custom p{
    font-size: 16px;
    color: #999;
    text-align: center;
}

.advantage-list{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    text-align: center;
}

.advantage-list div{
    width: 280px;
    height: 360px;
    padding-top: 54px; 
    -webkit-box-sizing: border-box; 
            box-sizing: border-box;
    border: 1px solid #eee;
    background-color: white;
    color: #666;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.advantage-list div:hover{
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
            box-shadow: 0 0 10px rgba(0,0,0,.1);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.advantage-list div img{
    margin: 0 auto;
}

.advantage-list div h3{
    font-size: 20px;
    color: #333;
    font-weight: normal;
    margin: 24px 0 42px;
}

.advantage-list div span{
    font-size: 16px;
    color: #333;
}

.ask{
    margin-top: 50px;
    padding-bottom: 50px;
    background-color: rgba(0,0,0,.02);
}

.ask-info{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.procedure{
    margin-top: 50px;
    padding-bottom: 50px;
    background-color: rgba(0,0,0,.02);
}

.procedure-info>div{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}

.procedure-info>div ul li{
    width: 1013px;
    height: 80px;
    background: url( /template/img/triangle.png) center no-repeat;
    padding: 17px 23px 0 35px;
    margin-bottom: 19px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.procedure-info>div ul li .title{
    font-size: 16px;
    color: #ff6800;
    margin-bottom: 12px;
}

.procedure-info>div ul li p{
    color: #666;
}


.Cooperative-contact-wrap{
  width: 1200px;
  margin: 66px auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  font-size: 18px;
 /* text-align: center;*/
  position: relative;
}

.Cooperative-contact-wrap .two-code-left{
  position: absolute;
  left: 35%;
  width: 186px;
  height: 186px;
  display: none;
}

.Cooperative-contact-wrap .two-code-rigth{
  position: absolute;
  right: 35%;
  width: 186px;
  height: 186px;
  display: none;
}

.Cooperative-contact{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

.Cooperative-contact:hover{
  color: #ff6800;
}

.Cooperative-contact:hover .two-code-left{
  display: block;
}

.Cooperative-contact:hover .two-code-rigth{
  display: block;
}

.Cooperative-contact-img{
  width: 156px;
  height: 156px;
  overflow: hidden;
}

.Cooperative-contact h4{
  margin: 15px 0;
}

.Cooperative-contact p{
  color: #666;
  font-size: 14px;
  line-height: 30px;
}
/*合作加盟结束*/

/*定制开发开始*/
.custom-list div{
    width: 18%;
}

.custom-list div h3{
    font-size: 16px;
    color: #595959;
    margin-bottom: 0px; 
}

.custom-list div i{
    display: block;
    width: 50%;
    height: 1px;
    margin: 24px auto;
    background-color: #b1b1b1;
}

.custom-list div span{
    display: block;
    color: #b1b1b1;
    font-size: 14px;
    margin-bottom: 6px; 
}

.trade-bg{
    margin-top: 50px; 
    padding-bottom: 100px;
    background: url( /template/img/trade-bg.jpg) center;
}

.trade-bg h2,.trade-bg p{
    color: white;
}

.trade-info>img{
    margin: 100px auto 0;
}
/*定制开发结束*/

/*註冊頁面開始*/
.register>p{
    width: 495px;
    height: 82px;
    line-height: 66px;
    font-family: 微软雅黑;
    font-size: 14px;
    color: #c2c9d2;
    margin: 40px auto 0;
    position: relative;
    left: 26px;
}

.register>p span{
    display: inline-block;
    text-indent: 2px;
    vertical-align: middle;
    font-size: 20px;
    color: #afb6c0;
    margin: 0 10px; 
}

.regBox{
    width: 830px;
    margin: 0 auto;
    padding: 40px 0;
    border-radius: 2px;
    background: #fff;
    -webkit-box-shadow: 0 0 9px 0 rgba(92,128,255,0.17);
            box-shadow: 0 0 9px 0 rgba(92,128,255,0.17);
    position: relative;
}

.register ::-webkit-input-placeholder{color:#ddd}
.register ::-moz-placeholder{color:#ddd}
.register ::-moz-placeholder{color:#ddd}
.register ::-ms-input-placeholder{color:#ddd}

.regBox div{
    margin-bottom: 45px;
}

.regBox div span{
    width: 32%;
    display: inline-block;
    text-align: right;
    font-size: 14px;
    color: #738299;
    padding-right: 16px;
    margin-bottom: 4px;
}

.regBox div input{   
    display: inline-block;
    width: 36%;
    height: 36px;
    line-height: 36px;
    border: 0;
    border-radius: 0;
    outline: 0;
    padding: 0;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.regBox .regBtn{
    display: block;
    width: 36%;
    height: 54px;
    line-height: 54px;
    margin: 36px auto;
    background-color: #0075ff;
    border-radius: 2px;
    color: #fff;
    text-align: center;
    font-size: 18px;
    outline: 0;
    border: 0;
    cursor: pointer;
}

.regBox .wrapper{
    display: inline-block;
    width: 36%;
    margin: 0;
}

.regBox .wrapper input{
    width: 62%;
}

.regBox .wrapper button{
    text-align: center;
    width: 102px;
    height: 28px;
    line-height: 26px;
    border: 1px solid #a7cfff;
    background-color: #fff;
    color: #4e9fff;
    border-radius: 2px;
    cursor: pointer;
    margin-left: 8px; 
}

.regBox .toLogin{
    color: #667790;
    font-size: 14px;
    text-align: center;
    margin-top: 16px;
    margin-bottom: 0; 
}

.regBox .toLogin a{
    color: #0075ff;
    display: inline-block;
    height: 17px;
    border-bottom: 1px solid #0075ff;
    text-decoration: none;
}
/*註冊頁面結束*/

/*新闻资讯列表页开始*/

.news-top-nav-box {
    width: 100%;
    padding: 36px 0;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.news-top-nav {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.news-top-nav .nav-list {
    width: auto;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.news-top-nav .nav-list h2 {
    padding-right: 24px;
}

.news-top-nav .nav-list a {
    display: block;
    width: 110px;
    height: 36px;
    line-height: 36px;
    margin: 0 24px;
    /*padding: 0 24px;*/
    font-size: 14px;
    text-align: center;
    color: #666;
}

.news-top-nav-box .news-top-nav .nav-item-select {
    display: block;
    width: 110px;
    height: 36px;
    line-height: 36px;
    margin: 0 24px;
    /*padding: 0 24px;*/
    font-size: 14px;
    text-align: center;
    color: white;
    border-radius: 4px;
    background-color: rgb(0, 118, 254);
}

.news-top-nav .nav-search {
    width: 280px;
    height: 36px;
    line-height: 36px;
    border: 1px solid rgba(0,0,0,.3);
    border-radius: 35px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.news-top-nav .nav-search img {
    padding: 0 14px 0 8px;
}

.news-top-nav .nav-search input {
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 14px;
    background-color: transparent;
}

.news-content-box {
    width: 100%;
    height: auto;
    padding-top: 14px;
}

.news-content-box .news-content {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.news-content-left {
    width: 74%;
    /*display: flex;*/
    /*flex-direction: column;*/
    /*align-items: center;*/
    /*justify-content: flex-start;*/
}

.news-content-left img {
    width: 184px;
    height: 140px;
    margin-right: 14px;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
}

.news-content-left .news-info-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 24px 0;
}

.news-content-left .news-info-item:first-child {
    padding-top: 0;
}

.news-content-left .news-info-item:hover {
    color: #666;
}

/*.news-info-item .news-info {*/
    /*padding: 8px 0;*/
/*}*/

.news-info-item .news-info-text {
    font-size: 14px;
    padding: 8px 0;
}

.new-paging-box {
    padding: 24px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.new-paging-box a {
    display: block;
    padding: 4px 10px;
    margin-left: 8px;
    color: #999;
    border: 1px solid #999;
}

.new-paging-box a:hover {
    color: rgb(0, 118, 254);
    border: 1px solid rgb(0, 118, 254);
}

.news-content-right {
    width: 23%;
}

.news-content-right .news-host {
    background-color: rgba(0,0,0,.03);
}

.news-content-right .news-host:last-child {
    margin-top: 24px;
}

.news-content-right .news-host h2 {
    display: block;
    width: 100%;
    height: 36px;
    line-height: 36px;
    text-align: left;
    padding-left: 14px;
    margin-top: 8px;
    color: white;
    background-color: #dd541a;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;

}

.news-host .news-host-list{
    padding: 0 14px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.news-host .news-host-list a {
    display: block;
    width: 100%;
    font-size: 14px;
    padding-top: 24px;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;

}

.news-host .news-host-list a:last-child{
    padding-bottom: 24px;
}

/*seo*/

.cue-old {
    font-size: 18px;
    padding: 24px 0;
}

.seo-box {
    padding-top: 24px;
}

.cue-old .icon {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 8px;
    margin-bottom: 2px;
    border-top: 1px solid rgba(0,0,0,.5);
    border-right: 1px solid rgba(0,0,0,.5);
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
}

.seo-cue-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(0,0,0,.1);
}

.seo-cue-wrap .seo-cue-p {
    display: inline-block;
    font-size: 16px;
    color: #009ad6;
}

.seo-cue-wrap .seo-cue {
    font-weight: bold;
}

.seo-search {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    position: relative;
}

.seo-search input {
    display: inline-block;
    width: 60%;
    height: 36px;
    line-height: 36px;
    padding: 0 40px 0 12px;
    margin-right: 8px;
    font-size: 16px;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.seo-search .seo-search-img {
    position: absolute;
    top: 6px;
    right: 114px;
    width: 24px;
    height: 24px;
}

.seo-top-nav-box {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.seo-top-nav .seo-top-nav-item {
    padding-left: 24px;
}

.seo-search .tw-btn {
    display: inline-block;
    width: 96px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    color: white;
    border-radius: 4px;
    background: rgb(0, 118, 254);
}

.seo-search .tw-btn:hover {
    background: #009ad6;
}

.seo-item-wrap {
    font-size: 14px;
    padding: 24px 0;
    border-bottom: 1px solid rgba(0,0,0,.1);
}

.seo-item-wrap:last-child {
    border-bottom: 0;
}

.seo-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: auto;
    color: #666;
}

.seo-item .browse-num-wrap {
    width: 46px;
    height: 38px;
    text-align: center;
    padding: 4px 0;
    color: #666;
    background: #f0f2f6;
    margin-right: 8px;
}

.seo-item .browse-num-wrap .browse-num {
    display: block;
}

.seo-item .seo-item-tiile {
    font-size: 16px;
}

.seo-item .seo-item-text {
    padding: 12px 0;
}

.u-input-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.u-input {
    width: 82%;
}

.u-input-wrap .u-input h3 {
    display: inline-block;
}

.question-input h3{
    font-size: 16px;
    font-weight: normal;
    padding: 12px 0;
}

.question-input .question-cue-title {
    font-size: 16px !important;
}

.question-input input {
    display: inline-block;
    width: 38%;
    height: 36px;
    line-height: 36px;
    padding: 0 12px;
    font-size: 16px;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.question-input input::-webkit-input-placeholder{
    color: #999;
    font-size: 14px;
}

.question-input input:-ms-input-placeholder{
    color: #999;
    font-size: 14px;
}

.question-input input::-ms-input-placeholder{
    color: #999;
    font-size: 14px;
}

.question-input input::placeholder{
    color: #999;
    font-size: 14px;
}

.question-input .question-deatil {
    display: inline-block;
    width: 100%;
    height: 120px;
    font-size: 16px;
    padding-top: 8px;
    padding-left: 12px;
    resize: none;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.question-input .question-bottom-btn ,.seo-deatil-wrap .answer-btn {
    display: block;
    width: 120px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    margin-top: 24px;
    font-size: 16px;
    color: white;
    border-radius: 4px;
    background: rgb(0, 118, 254);
}

.question-input .question-bottom-btn:hover ,.seo-deatil-wrap .answer-btn:hover{
    background: #009ad6;
    color: white;
}

.seo-deatil-wrap {
    font-size: 16px;
}

.seo-detail-hd {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 24px;
}

.seo-detail-line {
    width: 15%;
    height: 1px;
    background: rgba(0,0,0,.1);
}

.seo-detail-p a {
    font-size: 14px;
    color: #009ad6;
}

.answer-btn {
    margin-bottom: 24px;
}

.seo-detail-u-name {
    font-weight: bold;
}

.seo-detail-info {
    padding: 24px 0;
    border-top: 1px solid rgba(0,0,0,.1);
}

.seo-detail-info:first-child {
    border-top: 0;
}

.seo-detail-info img {
    max-width: 100%;
    margin: 12px 0;
}

.seo-detail-info figure {
    margin: 0;
}

.seo-detail-info .answer-wrap .answer-img {
    display: inline-block;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    width: 46px;
    height: 46px;
    margin-right: 8px;
    border-radius: 50%;
}

.seo-detail-info-wrap .seo-detail-info p{
    font-size: 16px;
    line-height: 38px;
}

.answer-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 12px;
}

.news-right .hot-goods {
    margin-bottom: 56px;
}

.news-right .hot-goods  a {
    width: 100%;
    height: auto;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
        box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.news-right .hot-goods a img {
    width: 46px;
    height: 46px;
    flex-shrink: 0;
    margin-right: 12px;
}

.public-card-wrap {
    margin-top: 24px;
    padding: 18px;
    border-radius: 4px;
    background: white;
    -webkit-box-shadow: 0 0 24px rgba(0,0,0,.1);
            box-shadow: 0 0 24px rgba(0,0,0,.1);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.public-card {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.public-card-left {
    margin-right: 16px;
}

.public-card-left .public-card-img {
    width: 94px;
    height: 94px;
    border-radius: 50%;
    background-color: rgba(0,0,0,.15);
    overflow: hidden;
}

.public-card-left .public-card-img img {
    width: 100%;
    height: 100%;
}

.public-card-right p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.public-card-right p:nth-child(2) {
    padding: 4px 0;
}

.public-card-right p img {
    width: 16px;
    height: 16px;
    margin-right: 8px;
}

.public-card-right .public-card-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.public-card-right .public-card-btn a {
    padding: 4px 8px;
    color: white;
    font-size: 12px;
    margin-right: 14px;
    background-color: #1ABC9D;
    border-radius:4px;
}

.public-card-right .public-card-btn a:last-child {
    margin-right: 0;
}

.public-card-bottom {
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid rgba(0,0,0,.15);
}

.public-card-wrap .public-card-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.public-card-wrap .public-card-info span {
    width: 86px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: white;
    font-size: 12px;
    background-color: #89d0bd;
    border-radius:4px;
}

.hover-card-img {
    position: relative;
}

.hover-card-img .card-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.hover-card-img:hover .card-img{
    top: -113px;
    left: -18px;
    width: 96px;
    height: 96px;
    opacity: 1;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3);
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
/*seo*/
/*新闻资讯列表页结束*/