.sdw-header-nomove {
    overflow: auto;
}

.sdw-header-nomove .sdw-header,
.sdw-header-nomove .inpage-banner-wrap .inpage-banner-box {
    opacity: 1;
    transform: translateX(0);
    transition-duration: 0s;
}

.sdw-header-nomove .banner-mask-wrap {
    display: none;
}

.ft-links {
    display: none;
}


/*面包屑*/

.mianbaoxue-box {
    top: -45px;
}

.mianbaoxue-box .mbx-cont {
    color: #fff;
    font-size: 14px;
}

.mianbaoxue-box .mbx-cont a {
    color: #fff;
}


/*高端网站*/

#inpage-banner-wrap {
    margin-top: 90px;
}

.inpage-banner-wrap {
    width: 100%;
    height: 100%;
    /*margin-top: 90px;*/
    position: relative;
    overflow: hidden;
}

.inpage-banner-wrap .inpage-banner-box {
    width: 100%;
    height: 100%;
    position: relative;
}

.inpage-banner-wrap .inpage-banner-cont {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    color: #fff;
}

.inpage-banner-wrap .banner-txts {
    position: relative;
    top: 32%;
}

.inpage-banner-wrap .banner-txts h2,
.inpage-banner-wrap .banner-txts h1 {
    font-size: 34px;
    font-weight: 400;
    padding-bottom: 40px;
}

.inpage-banner-wrap .banner-txts p {
    font-size: 16px;
    padding-bottom: 10px;
}

.inpage-banner-nav {
    width: 100%;
    height: 160px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
}

.inpage-banner-nav:after {
    content: '';
    display: block;
    width: 50%;
    height: 100%;
    background: url(/file/Default/images/nav_bg.jpg) repeat;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.inpage-bannerNav-box {
    height: 100%;
    background: url(/file/Default/images/nav_bg.jpg) repeat;
    position: relative;
    z-index: 2;
}

.inpage-bannerNav-box .icon-mouse {
    display: block;
    width: 75px;
    height: 100%;
    background-color: #1d1d1d;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.inpage-bannerNav-box .icon-mouse i {
    display: block;
    width: 13px;
    height: 22px;
    background: url(/file/Default/images/icons.png) no-repeat -5px -42px;
    position: relative;
    left: 31px;
    top: 69px;
    cursor: pointer;
}

.inpage-banner-navList {
    width: 1125px;
    position: relative;
    left: 75px;
    z-index: 2;
}

.inpage-banner-navList ul {
    width: 100%;
    overflow: hidden;
}

.inpage-banner-navList ul li {
    float: left;
    width: 25%;
    height: 160px;
    color: #fff;
    font-size: 20px;
    padding-top: 55px;
    text-align: center;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
}

.inpage-banner-navList ul li a {
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding-top: 55px;
    z-index: 2;
    box-sizing: border-box;
}

.inpage-banner-navList ul li i {
    display: block;
    width: 18px;
    height: 20px;
    background-repeat: no-repeat;
    margin: 0 auto 8px;
}

.inpage-banner-navList li.li1 i {
    background-image: url(/file/Default/images/icon01.png);
}

.inpage-banner-navList li.li2 i {
    background-image: url(/file/Default/images/icon02.png);
}

.inpage-banner-navList li.li3 i {
    background-image: url(/file/Default/images/icon03.png);
}

.inpage-banner-navList li.li4 i {
    background-image: url(/file/Default/images/icon04.png);
}

.inpage-banner-navList ul li:after {
    content: '';
    display: block;
    width: 1px;
    height: 100px;
    background-color: rgba(255, 255, 255, .3);
    position: absolute;
    right: 0;
    top: 30px;
}

.inpage-bannerNav-box .icon-mouse i {
    animation: mousemove 1s ease-in both infinite;
}

@keyframes mousemove {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(10px);
    }
}


/*page02*/

.gdwz-page02-wrap {
    position: relative;
}

span.redbg {
    display: block;
    width: 60%;
    height: 312px;
    background: url(/file/Default/images/nav_bg.jpg) repeat;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.gdwz-page02-wrap .shape01 {
    width: 737px;
    height: 592px;
    background: url(/file/Default/images/shape01.png) no-repeat;
    position: absolute;
    left: -200px;
    top: 432px;
    z-index: 1;
}

.gdwz-page02-wrap .shape02 {
    width: 1031px;
    height: 435px;
    background: url(/file/Default/images/shape02.png) no-repeat;
    position: absolute;
    right: 10px;
    top: 712px;
    z-index: 1;
}

.gdwz-page02-wrap .page02-box {
    height: auto;
    position: relative;
    z-index: 2;
}

.gdwz-page02-wrap .page02-cont {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}

#cs_box {
    width: 120px;
    height: 220px;
    color: #FFF;
    background: #54a7ff;
    position: fixed;
    right: 10px;
    top: 100px;
    border-radius: 10px;
    z-index: 1000
}

#cs_box span {
    height: 20px;
    line-height: 20px;
    display: block;
}

.cs_close {
    color: #FFF;
    position: absolute;
    right: 10px;
    top: 8px;
    cursor: pointer;
    font-size: 20px;
    font-family: Verdana, Geneva, sans-serif
}

.cs_title {
    font-size: 14px;
    margin: 10px;
    font-weight: bold;
}

.cs_img {
    width: 100px;
    height: 100px;
    background: #FFF;
    margin: 10px;
    background-image: url(http://static.soudaoyun.com/069772-com/moban/yunwuxian/images/lanrenzhijia.jpg)
}

.cs_info {
    font-size: 12px;
    margin: 0px 10px;
    overflow: hidden;
    text-align: center;
}

.cs_btn {
    width: 100px;
    height: 25px;
    background: #333;
    margin: 5px 10px;
    border-radius: 5px;
    font-size: 12px;
    line-height: 25px;
    color: #FFF;
    text-align: center;
    cursor: pointer;
}

.gdwz-page02-wrap .page02-nav {
    width: 75px;
    height: 100%;
    border-right: solid 1px #f2f2f2;
    padding-top: 240px;
    box-sizing: border-box;
}

.gdwz-page02-wrap .page02-nav>span {
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin: 0 auto;
    border: solid 3px #fff;
    margin-bottom: 18px;
    box-sizing: border-box;
    cursor: pointer;
}

.gdwz-page02-wrap .page02-nav>span:before {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    background-color: #666;
    border-radius: 50%;
    position: relative;
    left: 3px;
    top: 3px;
}

.gdwz-page02-wrap .page02-nav>span.cur {
    border-color: #f30000;
}

.gdwz-page02-wrap .page02-nav>span.cur:before {
    display: none;
}

.gdwz-page02-wrap .page02-list {
    width: 100%;
    height: 560px;
    padding-right: 75px;
    margin-bottom: 20px;
    background-color: #fff;
    position: relative;
    z-index: 2;
    box-sizing: border-box;
}

.gdwz-page02-wrap .page02-list>span {
    width: 1px;
    height: 1px;
    position: absolute;
    top: -90px;
    left: 0;
    z-index: 1;
}

.gdwz-page02-wrap .page02-list .txts,
.gdwz-page02-wrap .page02-list .zi {
    width: 525px;
}

.gdwz-page02-wrap .page02-list .txts {
    height: 490px;
    padding: 110px 0 0 70px;
    box-sizing: border-box;
    position: relative;
}

.gdwz-page02-wrap .page02-list .txts h2 {
    font-size: 34px;
    color: #1d1d1d;
    font-weight: 400;
    position: relative;
    padding: 25px 0 40px;
}

.gdwz-page02-wrap .page02-list .txts h2:before {
    content: '';
    display: block;
    width: 32px;
    height: 7px;
    background-color: #f30000;
    position: absolute;
    left: 0;
    top: 0;
}

.gdwz-page02-wrap .page02-list .txts p {
    font-size: 18px;
    color: #1d1d1d;
    line-height: 30px;
}

.gdwz-page02-wrap .page02-list .txts a.look-site {
    display: block;
    font-size: 16px;
    color: #262626;
    margin-top: 25px;
}

.gdwz-page02-wrap .page02-list .txts a.look-site:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-top: solid 5px transparent;
    border-bottom: solid 5px transparent;
    border-left: solid 5px #262626;
    margin-left: 5px;
}

.gdwz-page02-wrap .page02-list .zi {
    position: relative;
    top: 100px;
}

.gdwz-page02-wrap .page02-list .ying {
    height: 405px;
    background: url(/file/Default/images/ying.png) no-repeat center center;
    background-size: 100% auto;
}

.gdwz-page02-wrap .page02-list .gao {
    height: 413px;
    background: url(/file/Default/images/gao.png) no-repeat center center;
    background-size: 100% auto;
    position: relative;
    left: 50px;
}

.gdwz-page02-wrap .page02-list .gaotxts {
    left: 15%;
    padding-left: 0;
}

.gdwz-page02-wrap .page02-list .ji {
    height: 395px;
    background: url(/file/Default/images/ji.png) no-repeat center center;
    background-size: 100% auto;
}

.gdwz-page02-wrap .page02-list .duo {
    height: 383px;
    background: url(/file/Default/images/duo.png) no-repeat center center;
    background-size: 100% auto;
    position: relative;
    left: 50px;
}

.gdwz-page02-wrap .page02-list .txts .btns {
    position: absolute;
    bottom: 40px;
    left: 70px;
    z-index: 3;
}

.gdwz-page02-wrap .page02-list .txts .btns a {
    margin-right: 25px;
}

.gdwz-page02-wrap .page02-list .gaotxts .btns {
    left: 0;
}


/*page03*/

.gdwz-page03-wrap {
    padding: 50px 0 45px;
}

.gdwz-page03-wrap .tt {
    text-align: center;
    color: #222;
}

.gdwz-page03-wrap .tt h2 {
    font-size: 34px;
    font-weight: 400;
    padding-bottom: 8px;
}

.gdwz-page03-wrap .tt p {
    font-size: 16px;
}

.gdwz-page03-wrap .process-box {
    width: 100%;
    height: 260px;
    border-top: solid 1px #ebebeb;
    border-bottom: solid 1px #ebebeb;
    margin-top: 45px;
    position: relative;
}

.gdwz-page03-wrap .process-box .rule-bg {
    display: block;
    width: 100%;
    height: 15px;
    background: url(/file/Default/images/ruler_img.png) no-repeat;
    position: relative;
    top: 105px;
}

.gdwz-page03-wrap .steps-cont {
    width: 100%;
    height: 186px;
    position: absolute;
    left: 0;
    top: 38px;
    z-index: 2;
}

.gdwz-page03-wrap .steps-cont p {
    width: 60px;
    color: #666;
    font-size: 14px;
    text-align: center;
    position: absolute;
}

.gdwz-page03-wrap .steps-cont p em {
    display: block;
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 50%;
    border: solid 1px #e8e8e8;
    text-align: center;
    line-height: 30px;
    margin: 0 auto;
    box-sizing: border-box;
}

.gdwz-page03-wrap .steps-cont p:after {
    content: '';
    display: block;
    width: 1px;
    height: 90px;
    background-color: #e5e5e5;
    position: absolute;
    left: 50%;
    z-index: 1;
}

.gdwz-page03-wrap .steps-cont p.step-top {
    top: 0;
}

.gdwz-page03-wrap .steps-cont p.step-btm {
    bottom: 6px;
}

.gdwz-page03-wrap .steps-cont p.step-top em {
    margin-bottom: 6px;
}

.gdwz-page03-wrap .steps-cont p.step-btm em {
    margin-top: 6px;
}

.gdwz-page03-wrap .steps-cont p.step-top:after {
    top: 30px;
}

.gdwz-page03-wrap .steps-cont p.step-btm:after {
    bottom: 30px;
}

.gdwz-page03-wrap .steps-cont p.step01 {
    left: 3.75%;
}

.gdwz-page03-wrap .steps-cont p.step02 {
    left: 10.8333%;
}

.gdwz-page03-wrap .steps-cont p.step03 {
    left: 18.3333%;
}

.gdwz-page03-wrap .steps-cont p.step04 {
    left: 26.25%;
}

.gdwz-page03-wrap .steps-cont p.step05 {
    left: 34.1666%;
}

.gdwz-page03-wrap .steps-cont p.step06 {
    left: 41.8333%;
}

.gdwz-page03-wrap .steps-cont p.step07 {
    left: 50%;
}

.gdwz-page03-wrap .steps-cont p.step08 {
    left: 58%;
}

.gdwz-page03-wrap .steps-cont p.step09 {
    right: 28.3333%;
}

.gdwz-page03-wrap .steps-cont p.step10 {
    right: 20%;
}

.gdwz-page03-wrap .steps-cont p.step11 {
    width: 90px;
    right: 10%;
}

.gdwz-page03-wrap .steps-cont p.step12 {
    right: 3.3333%;
}

.gdwz-page03-wrap .gdwz-case-cont {
    margin-top: 50px;
}

.gdwz-page03-wrap .gdwz-case-cont ul li {
    float: left;
    width: 30.3333%;
    margin-bottom: 50px;
}

.gdwz-page03-wrap .gdwz-case-cont li.mr,
.gdwz-page03-wrap .gdwz-case-cont li:nth-child(3n-1) {
    margin: 0 4.5%;
}

.gdwz-page03-wrap .gdwz-case-cont ul li a {
    display: block;
    width: 100%;
    height: 100%;
}

.gdwz-page03-wrap .gdwz-case-cont .case-img-box {
    display: block;
    width: 100%;
    height: 232px;
    overflow: hidden;
}

.gdwz-page03-wrap .gdwz-case-cont img {
    display: block;
    width: 100%;
    height: auto;
}

.gdwz-page03-wrap .gdwz-case-cont li p {
    font-size: 16px;
    color: #1d1d1d;
    padding: 20px 50px 20px 0;
    border-bottom: solid 1px #e5e5e5;
    position: relative;
    box-sizing: border-box;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.gdwz-page03-wrap .gdwz-case-cont li p:after {
    content: '';
    display: block;
    width: 41px;
    height: 9px;
    background: url(/file/Default/images/icon_jt.png) no-repeat;
    position: absolute;
    right: 0;
    top: 26px;
    z-index: 1;
}

.gdwz-page03-wrap .gdwz-case-cont li:hover p {
    background-color: #f30000;
    color: #fff;
    padding-left: 6%;
}

.gdwz-page03-wrap .gdwz-case-cont li:hover p:after {
    right: 6%;
    background-image: url(/file/Default/images/icon_jt02.png);
}

.gdwz-page03-wrap .gdwz-case-cont a.all-case {
    display: block;
    width: 80px;
    font-size: 16px;
    color: #222;
    margin: 0 auto;
    position: relative;
}

.gdwz-page03-wrap .gdwz-case-cont a.all-case em {
    display: block;
    width: 11px;
    height: 11px;
    background-color: #1d1d1d;
    position: absolute;
    right: 0;
    top: 5px;
}

.gdwz-page03-wrap .gdwz-case-cont a.all-case em:before,
.gdwz-page03-wrap .gdwz-case-cont a.all-case em:after {
    content: '';
    display: block;
    background-color: #f8f8f8;
    position: absolute;
}

.gdwz-page03-wrap .gdwz-case-cont a.all-case em:before {
    width: 100%;
    height: 3px;
    left: 0;
    top: 4px;
}

.gdwz-page03-wrap .gdwz-case-cont a.all-case em:after {
    width: 3px;
    height: 100%;
    left: 4px;
    top: 0;
}

.gdwz-contact-box {
    width: 100%;
    height: 283px;
    background: url(/file/Default/images/gdwz_form_bg.png) no-repeat center top;
    background-size: cover;
}

.gdwz-contact-box .gdwz-contact-cont {
    padding-top: 30px;
}

.gdwz-contact-box p {
    font-size: 20px;
    color: #000;
    padding-bottom: 30px;
}

.gdwz-contact-box .contact-form>div {
    width: 28%;
    height: 70px;
    background-color: #fff;
    margin-right: 1%;
    box-shadow: 5px 5px 50px rgba(0, 0, 0, .1);
}

.gdwz-contact-box .contact-form>div input {
    width: 100%;
    height: 70px;
    font-size: 16px;
    padding: 0 20px;
    box-sizing: border-box;
}

.gdwz-contact-box .contact-form a.smt {
    display: block;
    width: 13%;
    height: 70px;
    line-height: 70px;
    text-align: center;
    background-color: #1d1d1d;
    color: #fff;
    font-size: 16px;
    box-shadow: 5px 5px 50px rgba(0, 0, 0, .1);
}

.gdwz-contact-box .gdwz-contact-cont>span {
    display: block;
    font-size: 14px;
    color: #999;
    padding-top: 24px;
}

@media only screen and (min-width: 1600px) {
    .gdwz-page02-wrap .page02-list {
        height: 600px;
    }
    .gdwz-page02-wrap .page02-list .txts,
    .gdwz-page02-wrap .page02-list .zi {
        width: 625px;
    }
}


/*动画*/

.gdwz-page02-wrap .page02-list .txts a.look-site:hover {
    animation: alinkMove 1s ease-out both infinite;
}

@keyframes alinkMove {
    0%,
    100% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(8px);
    }
}

.gdwz-page02-wrap .page02-list .zi:hover {
    animation: pulse 2s ease-out both infinite;
}

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}


/*入场动画*/

.inpage-banner-wrap .inpage-banner-box {
    opacity: 0;
}

.inpage-banner-nav {
    opacity: 0;
    transform: translateX(100%);
}

.gdwz-page03-wrap .gdwz-case-cont li p,
.gdwz-page03-wrap .gdwz-case-cont li p:after {
    opacity: 1;
    transform: translateY(0);
    transition: all .5s ease-out;
}

.inpage-banner-wrap.active .inpage-banner-box,
.inpage-banner-wrap.active .inpage-banner-nav {
    opacity: 1;
    transform: translateY(0);
    transition: all .8s ease-out .8s;
}

.gdwz-page02-wrap span.redbg {
    opacity: 0;
    transform: scaleX(0);
    transform-origin: right center;
}

.gdwz-page02-wrap .list01,
.gdwz-page02-wrap .list03 {
    opacity: 0;
    transform: translateX(-40%);
}

.gdwz-page02-wrap .list02,
.gdwz-page02-wrap .list04 {
    opacity: 0;
    transform: translateX(40%);
}

.gdwz-page02-wrap.active span.redbg {
    opacity: 1;
    transform: scaleX(1);
    transition: all .8s ease-out;
}

.gdwz-page02-wrap.active .list01,
.gdwz-page02-wrap .page02-list.active {
    opacity: 1;
    transform: translateX(0);
    transition: all .8s ease-out;
}

.gdwz-page03-wrap .tt,
.gdwz-page03-wrap .process-box,
.gdwz-page03-wrap .gdwz-case-cont {
    opacity: 0;
    transform: translateY(20px);
}

.gdwz-page03-wrap.active .tt,
.gdwz-page03-wrap.active .process-box,
.gdwz-page03-wrap.active .gdwz-case-cont {
    opacity: 1;
    transform: translateY(0);
    transition: all .8s ease-out;
}

.gdwz-page03-wrap.active .process-box {
    transition-delay: .2s;
}

.gdwz-page03-wrap.active .gdwz-case-cont {
    transition-delay: .8s;
}

.gdwz-page03-wrap .steps-cont p {
    opacity: 0;
}

.gdwz-page03-wrap .steps-cont p.step-top {
    transform: translateY(-20px);
}

.gdwz-page03-wrap .steps-cont p.step-btm {
    transform: translateY(20px);
}

.gdwz-page03-wrap.active .steps-cont p {
    opacity: 1;
    transform: translateY(0);
    transition: all .5s ease-out .6s;
}


/*全网推广*/

.fz34 {
    font-size: 34px;
}

.fz18 {
    font-size: 18px;
}

.fz16 {
    font-size: 16px;
}

.icons-qwtg {
    display: block;
    background-image: url(/file/Default/images/icons_qwtg.png);
    background-repeat: no-repeat;
}

.qwtg-page02-wrap {
    width: 100%;
    height: 390px;
    position: relative;
    z-index: 2;
}

.qwtg-page02-wrap .qwtg-page02-cont {
    height: 80%;
    background: url(/file/Default/images/nav_bg.jpg) repeat;
    position: relative;
    z-index: 9;
}

.qwtg-page02-wrap .qwtg-page02-cont .txts {
    width: 45%;
    color: #fff;
    height: 100%;
    position: relative;
    top: -60px;
    left: 12%;
    z-index: 3;
}

.qwtg-page02-wrap .txts h2 {
    font-weight: 400;
    padding-bottom: 30px;
}

.qwtg-page02-wrap .txts p {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 1px;
}

.qwtg-page02-wrap .txts span {
    display: block;
    padding-bottom: 25px;
    position: absolute;
    bottom: 25px;
    left: 0;
    z-index: 2;
}

.qwtg-page02-wrap .txts span em {
    display: block;
    font-size: 14px;
    padding-top: 2px;
}

.qwtg-page02-wrap .txts span:after {
    content: '';
    display: block;
    width: 32px;
    height: 7px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
}

.qwtg-page02-wrap .qwtg-page02-cont .r-img {
    width: 54%;
    height: 396px;
    background: url(/file/Default/images/qwtg_p2_img.png) no-repeat center center;
    background-size: 100% auto;
    position: absolute;
    top: -50px;
    right: 0;
    z-index: 2;
}

.qwtg-tt {
    width: 100%;
    color: #1d1d1d;
    text-align: center;
    position: relative;
    z-index: 9;
}

.qwtg-tt h2 {
    display: inline-block;
    font-weight: 400;
    color: #222;
    padding: 26px 0 20px;
    position: relative;
}

.qwtg-tt h2:before {
    content: '';
    display: block;
    width: 32px;
    height: 7px;
    background-color: #f30000;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -16px;
}

.qwtg-page03-wrap .qwtg-page03-cont {
    padding-top: 80px;
    background-color: #fff;
}

.qwtg-page03-wrap .qwtg-page03-btm {
    width: 100%;
    height: auto;
    position: relative;
}

.qwtg-page03-wrap .qwtg-p3btm-bg {
    width: 100%;
    height: auto;
    margin-top: -70px;
}

.qwtg-page03-wrap .p3btm-cont {
    width: 80%;
    height: 100%;
    position: absolute;
    left: 10%;
    top: 0;
    z-index: 2;
}

.qwtg-page03-wrap .p3btm-cont .infos {
    position: absolute;
}

.qwtg-page03-wrap .p3btm-cont .infos h3 {
    font-weight: 400;
    padding: 8px 0 12px;
    font-size: 18px;
    color: #222;
}

.qwtg-page03-wrap .p3btm-cont .infos p {
    line-height: 22px;
    font-size: 12px;
}

.qwtg-page03-wrap .p3btm-cont .infos span {
    display: block;
    width: 31px;
    height: 31px;
    background-color: rgba(243, 0, 0, .1);
    margin-top: 40px;
    border-radius: 50%;
    margin-left: -15px;
}

.qwtg-page03-wrap .p3btm-cont .infos span em {
    display: block;
    width: 17px;
    height: 17px;
    background-color: #fff;
    border: solid 5px #f30000;
    box-sizing: border-box;
    border-radius: 50%;
    position: relative;
    left: 7px;
    top: 7px;
}

.qwtg-page03-wrap .p3btm-cont .infos01 {
    top: 28.5%;
    left: 0;
}

.qwtg-page03-wrap .p3btm-cont .infos01 i {
    width: 21px;
    height: 23px;
    background-position: -5px -5px;
}

.qwtg-page03-wrap .p3btm-cont .infos02 {
    top: 41%;
    left: 25%;
}

.qwtg-page03-wrap .p3btm-cont .infos02 i {
    width: 22px;
    height: 22px;
    background-position: -35px -5px;
}

.qwtg-page03-wrap .p3btm-cont .infos03 {
    top: 27%;
    left: 50%;
}

.qwtg-page03-wrap .p3btm-cont .infos03 i {
    width: 27px;
    height: 21px;
    background-position: -65px -5px;
}

.qwtg-page03-wrap .p3btm-cont .infos04 {
    top: 37%;
    left: 75%;
}

.qwtg-page03-wrap .p3btm-cont .infos04 i {
    width: 28px;
    height: 26px;
    background-position: -100px -5px;
    margin-top: 15px;
}

.qwtg-page03-wrap .p3btm-cont .infos04 span {
    position: absolute;
    top: -36%;
    margin-top: 0;
}

.qwtg-page03-wrap .p3btm-cont .infos05 {
    top: 16%;
    right: 0;
    text-align: right;
}

.qwtg-page03-wrap .p3btm-cont .infos05 i {
    width: 28px;
    height: 31px;
    background-position: -135px -5px;
    margin-top: 15px;
    position: absolute;
    right: 0;
    bottom: -46px;
}

.qwtg-page03-wrap .p3btm-cont .infos05 span {
    position: absolute;
    top: -58%;
    right: -15px;
    margin-top: 0;
}

.qwtg-page04-wrap {
    margin: 18px 0 40px;
}

.qwtg-page04-wrap .qwtg-page04-cont {
    padding: 80px 0 50px;
    background-color: #1d1d1d;
}

.qwtg-page04-wrap .qwtg-tt {
    color: #fff;
}

.qwtg-page04-wrap .qwtg-tt h2 {
    color: #fff;
}

.qwtg-page04-wrap .qwtg-page04-list {
    width: 86%;
    margin: 0 auto;
    padding-top: 70px;
    overflow: hidden;
}

.qwtg-page04-wrap .qwtg-page04-list>div {
    width: 100%;
    height: 100%;
    position: relative;
}

.qwtg-page04-wrap .qwtg-page04-list .option {
    width: 30.3333%;
    height: 402px;
    background: url(/file/Default/images/user_kt_bg.png) no-repeat;
    background-size: 100% auto;
    padding-left: 1%;
    box-sizing: border-box;
}

.qwtg-page04-wrap .qwtg-page04-list .option a {
    display: block;
    height: 11%;
    padding: 6% 0 6% 10%;
    position: relative;
    border-bottom: solid 1px #f2f2f2;
}

.qwtg-page04-wrap .qwtg-page04-list .option img {
    display: block;
    width: 30%;
    height: auto;
}

.qwtg-page04-wrap .option a span {
    display: block;
    width: 28%;
    height: 60%;
    position: absolute;
    right: 0;
    top: 20%;
    border-left: solid 1px #e5e5e5;
    text-align: center;
    color: #999;
}

.qwtg-page04-wrap .option a span i {
    width: 14px;
    height: 15px;
    background-position: -170px -5px;
    margin: 8px auto 2px;
}

.qwtg-page04-wrap .option .info {
    padding: 8% 0 8% 8%;
}

.qwtg-page04-wrap .option .info h3 {
    font-weight: 400;
    font-size: 18px;
    color: #222;
    padding-bottom: 5%;
}

.qwtg-page04-wrap .option .info p {
    font-size: 14px;
    color: #666;
    padding-top: 3%;
}

.qwtg-page04-wrap .option .info p strong {
    color: #222;
}

.qwtg-page04-wrap .option a span {
    display: block;
    width: 28%;
    height: 60%;
    position: absolute;
    right: 0;
    top: 20%;
    border-left: solid 1px #e5e5e5;
    text-align: center;
    color: #999;
}

.qwtg-page04-wrap .option>p {
    font-size: 16px;
    color: #222;
    width: 92%;
    padding-right: 14%;
    position: relative;
    left: 8%;
    border-top: solid 1px #e5e5e5;
    padding-top: 8%;
    line-height: 24px;
    box-sizing: border-box;
}

.qwtg-page04-wrap .use-kt-nav {
    width: 100%;
    text-align: center;
    margin-top: 40px;
}

.qwtg-page04-wrap .use-kt-nav span {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    margin-right: 10px;
    cursor: pointer;
}

.qwtg-page04-wrap .use-kt-nav span:before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    background-color: #4a4a4a;
    border-radius: 50%;
    position: relative;
    left: 4px;
    top: 4px;
}

.qwtg-page04-wrap .use-kt-nav span.cur {
    border: solid 2px #f30000;
    box-sizing: border-box;
}

.qwtg-page04-wrap .use-kt-nav span.cur:before {
    display: none;
}

@media only screen and (min-width: 1600px) {
    .qwtg-page04-wrap .qwtg-page04-list .option {
        height: 468px;
    }
    .qwtg-page03-wrap .p3btm-cont .infos01 {
        top: 32.5%;
    }
    .qwtg-page03-wrap .p3btm-cont .infos02 {
        top: 45%;
    }
    .qwtg-page03-wrap .p3btm-cont .infos03 {
        top: 31%;
    }
    .qwtg-page03-wrap .p3btm-cont .infos04 {
        top: 36%;
    }
    .qwtg-page03-wrap .p3btm-cont .infos05 span {
        top: -66%;
    }
}

.qwtg-page04-wrap .qwtg-page04-list .option {
    transition: all .5s ease-out;
}

.qwtg-page04-wrap .qwtg-page04-list .option:hover {
    transform: translateY(-10px);
}


/*入场动画*/

.qwtg-page02-wrap {
    opacity: 0;
    transform: translateX(100%);
}

.qwtg-page02-wrap.active {
    opacity: 1;
    transform: translateX(0);
    transition: all .5s ease-out;
}

.qwtg-tt {
    /*opacity: 0;
	transform: translateY(10px); */
}

.qwtg-page03-wrap .qwtg-page03-btm,
.qwtg-page03-wrap .p3btm-cont .infos {
    opacity: 0;
    transform: translateY(20px);
}

.qwtg-page03-wrap.active .qwtg-tt,
.qwtg-page03-wrap.active .qwtg-page03-btm,
.qwtg-page03-wrap.active .p3btm-cont .infos {
    opacity: 1;
    transform: translateY(0);
    transition: all .7s linear;
}

.qwtg-page03-wrap.active .qwtg-page03-btm {
    transition-delay: .2s;
}

.qwtg-page03-wrap .p3btm-cont .infos span em {
    animation: movecircle 1.2s ease-out both infinite;
}

@keyframes movecircle {
    0%,
    100% {
        opacity: .7;
        transform: scale(1);
    }
    50% {
        opacity: 1;
        transform: scale(1.1);
    }
}

.qwtg-page04-wrap .qwtg-page04-list {
    opacity: 0;
    transform: translateY(-15px);
}

.qwtg-page04-wrap.active .qwtg-tt,
.qwtg-page04-wrap.active .qwtg-page04-list {
    opacity: 1;
    transform: translateY(0);
    transition: all .8s ease-out;
}


/*客户案例专题页*/

.custom-case-navlist li.li1 i {
    background-image: url(/file/Default/images/icon02.png);
}

.custom-case-navlist li.li2 i {
    width: 20px;
    background-image: url(/file/Default/images/icon_yx.png);
}

.custom-case-navlist li.li3 i {
    background-image: url(/file/Default/images/icon03.png);
}

.custom-case-navlist li.li4 i {
    width: 22px;
    background-image: url(/file/Default/images/icon_gd.png);
}

.case-page02-wrap {
    position: relative;
    z-index: 10;
}

.case-page02-box {
    padding-top: 80px;
    background-color: #fff;
    position: relative;
    z-index: 9;
}

.case-page02-wrap .case-page02-cont {
    margin-top: 50px;
}

.case-page02-wrap .case-page02-cont ul {
    border-bottom: solid 1px #f2f2f2;
}

.case-page02-wrap .case-page02-cont ul li {
    float: left;
    width: 20%;
    height: auto;
    border-top: solid 1px #f2f2f2;
    border-left: solid 1px #f2f2f2;
    box-sizing: border-box;
    position: relative;
}

.case-page02-cont ul li:nth-child(5n+1) {
    border-left-color: #fff;
}

.case-page02-cont ul li span {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.case-page02-cont ul li .hover-cont {
    width: 300%;
    height: 450px;
    background-color: #1d1d1d;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    display: none;
}

.case-page02-cont .hover-cont a.logo {
    display: block;
    width: 33%;
    height: auto;
    background-color: #f30000;
}

.case-page02-cont .hover-cont .txts {
    width: 33%;
    padding: 0 3% 0 5%;
    box-sizing: border-box;
}

.case-page02-cont .hover-cont a.tt {
    display: inline-block;
    color: #fff;
    padding: 18% 0 6%;
}

.case-page02-cont .hover-cont .txts p {
    font-size: 13px;
    line-height: 22px;
}

.case-page02-cont .hover-cont a.jt {
    display: block;
    width: 41px;
    height: 9px;
    background: url(/file/Default/images/icon_jt02.png) no-repeat;
    position: absolute;
    bottom: 16%;
    left: 5%;
    z-index: 9;
}

.case-page02-cont .hover-cont .h-case-img {
    width: 67%;
    height: 100%;
    background: url(/file/Default/images/case_hover_img.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

.case-page02-cont .hover-cont .h-case-img span {
    display: block;
    width: 67%;
    height: 51.5%;
    background-color: #033572;
    position: absolute;
    left: 15%;
    top: 26%;
    z-index: 3;
    overflow: hidden;
}

.case-page02-cont .hover-cont .h-case-img img {
    position: relative;
}

.case-page02-cont ul li .hover-cont-right {
    left: -200%;
}

.case-page02-cont .hover-cont-right a.logo {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

.case-page02-cont .hover-cont-right .txts {
    padding-left: 0;
    position: absolute;
    right: 0;
    top: 28%;
    z-index: 1;
}

.case-page02-cont .hover-cont-right a.jt {
    left: 67%;
}

.case-page02-cont .hover-cont-right .h-case-img {
    right: 33%;
}

.case-page02-cont ul li:hover .img-box img {
    transform: scale(1.05);
}

.case-page02-cont ul li:hover .hover-cont {
    display: block;
}

.all-case-btn {
    width: 100%;
    height: 100px;
    background-color: #fff;
    text-align: center;
}

.all-case-btn a {
    display: inline-block;
    font-size: 16px;
    height: 24px;
    line-height: 24px;
    padding-right: 20px;
    position: relative;
    top: 38px;
}

.all-case-btn a em {
    display: block;
    width: 11px;
    height: 11px;
    background-color: #1d1d1d;
    position: absolute;
    right: 0;
    top: 7px;
    z-index: 1;
}

.all-case-btn a em:before {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    background-color: #fff;
    position: absolute;
    top: 4px;
    left: 0;
}

.all-case-btn a em:after {
    content: '';
    display: block;
    width: 3px;
    height: 100%;
    background-color: #fff;
    position: absolute;
    left: 4px;
    top: 0;
}

.case-page03-wrap {
    padding-top: 80px;
}

.case-page03-wrap .gdwz-case-cont,
.gdwz-page03-wrap .opcity1 {
    opacity: 1;
    transform: translateY(0);
}

.case-page03-wrap .gdwz-case-cont li {
    border-bottom: solid 1px #e5e5e5;
    padding-bottom: 20px;
}

.case-page03-wrap .gdwz-case-cont li p {
    border-bottom: none 0;
    padding-bottom: 15px;
}

.case-page03-wrap .gdwz-case-cont li em {
    display: block;
    color: #666;
    font-size: 14px;
    padding-bottom: 4px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.case-page03-wrap .gdwz-case-cont ul li {
    margin-bottom: 40px;
}

.case-page03-wrap .gdwz-case-cont ul li:hover p {
    background: none;
    color: #1d1d1d;
    padding-left: 0;
}

.case-page03-wrap .gdwz-case-cont ul li:hover p:after {
    background-image: url(/file/Default/images/icon_jt.png);
    right: 0;
}

.case-page04-wrap {
    position: relative;
}

.case-page04-wrap span.bg {
    display: block;
    width: 86%;
    height: 100%;
    background: url(/file/Default/images/case_p4_bg.jpg) no-repeat center top;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.case-page04-wrap .case-page04-box {
    height: 100%;
    padding-top: 80px;
    background: url(/file/Default/images/case_p4_bg.jpg) no-repeat center top;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
}

.case-page04-cont {
    margin-top: 100px;
    position: relative;
}

.case-page04-cont .case-page04-infos {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.case-page04-cont .case-page04-infos:not(:first-child) {
    display: none;
}

.case-page04-cont .case-page04-infos .txts {
    width: 22%;
    height: 410px;
    position: relative;
}

.case-page04-cont .txts h3 {
    font-weight: 400;
    font-size: 20px;
    color: #1d1d1d;
    padding-bottom: 20px;
}

.case-page04-cont .txts p {
    color: #666;
    font-size: 14px;
    line-height: 24px;
}

.case-page04-cont .txts a {
    display: block;
    width: 160px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    background-color: #000;
    font-size: 14px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9;
}

.case-page04-cont .txts a i {
    display: inline-block;
    width: 41px;
    height: 9px;
    background: url(/file/Default/images/icon_jt02.png) no-repeat;
    margin-left: 15px;
    position: relative;
    z-index: 2;
}

.case-page04-cont .case-img {
    width: 52%;
    height: auto;
    margin-left: 4%;
}

.case-page04-wrap .case-page04-nav {
    width: 11%;
    position: absolute;
    right: 6%;
    top: 300px;
    z-index: 9;
}

.case-page04-wrap .case-page04-nav>span {
    display: block;
    width: 100%;
    padding: 20px 0;
    font-size: 15px;
    color: #999;
    background-color: #f3f3f3;
    text-align: center;
    cursor: pointer;
    position: relative;
    transition-duration: 0s;
}

.case-page04-wrap .case-page04-nav>span:hover,
.case-page04-wrap .case-page04-nav>span.cur {
    color: #fff;
    transition-duration: .3s;
}

.case-page04-wrap .case-page04-nav>span.cur em {
    width: 100%;
}

.case-page04-wrap .case-page04-nav>span:hover:before,
.case-page04-wrap .case-page04-nav>span.cur:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: solid 4px transparent;
    border-bottom: solid 4px transparent;
    border-right: solid 4px #f30000;
    position: absolute;
    left: -4px;
    top: 50%;
    margin-top: -4px;
}

.case-page05-wrap {
    padding: 80px 0 50px;
}

.case-page05-wrap .client-box {
    margin-top: 46px;
    padding-bottom: 50px;
    border-bottom: solid 1px #ebebeb;
    position: relative;
    z-index: 9;
}

.case-page05-wrap .client-box li {
    width: 9%;
    margin-left: 4%;
    margin-bottom: 20px;
    padding-top: 20px;
    position: relative;
    border-radius: 50%;
}

.case-page05-wrap .client-box li:nth-child(8n+1) {
    margin-left: 0;
}

.case-page05-wrap .client-box li img {
    border-radius: 50%;
    border: solid 0 #f30000;
    box-sizing: border-box;
}

.case-page05-wrap .client-box .info {
    width: 500px;
    padding: 30px;
    box-sizing: border-box;
    background-color: #fff;
    position: absolute;
    left: 8px;
    top: 10px;
    z-index: 2;
    box-shadow: 5px 5px 40px rgba(0, 0, 0, .1);
    display: none;
    opacity: 0;
}

.case-page05-wrap .client-box .info:after {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    background: url(/file/Default/images/case_p5_sj.png);
    position: absolute;
    left: 0;
    bottom: -18px;
    z-index: 2;
}

.case-page05-wrap .client-box .info h3 {
    font-weight: 400;
    font-size: #333;
    font-size: 20px;
}

.case-page05-wrap .client-box .info em {
    display: block;
    color: #999;
    font-size: 16px;
    padding: 8px 0 22px;
}

.case-page05-wrap .client-box .info p {
    font-size: 16px;
    color: #1d1d1d;
    line-height: 24px;
}

.case-page05-wrap .client-box .info a {
    display: inline-block;
    color: #999;
    font-size: 14px;
    margin-top: 40px;
}

.case-page05-wrap .client-box .info a:after {
    content: '';
    display: inline-block;
    width: 41px;
    height: 9px;
    background: url(/file/Default/images/icon_jt.png);
    margin-left: 10px;
}

.case-page05-wrap .client-box .info-right {
    left: -400px;
}

.case-page05-wrap .client-box .info-right:after {
    left: 482px;
    transform: rotate(90deg);
}

.case-page05-wrap .client-box li:hover img {
    border-width: 8px;
}

@media only screen and (min-width: 1600px) {
    .case-page05-wrap .client-box .info-right {
        left: -388px;
    }
}

.pingjia-wrap {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
}

.pingjia-wrap .pingjia-img-box {
    width: 60%;
    position: relative;
    left: 20%;
    top: 50%;
    transform: translateY(-50%);
}

.pingjia-wrap span.close {
    display: block;
    width: 50px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    position: absolute;
    right: -55px;
    top: 0;
    z-index: 9;
    cursor: pointer;
}

.case-page02-cont .h-case-img img.active {
    transform: translateY(-200px);
}

.gdwz-page03-wrap .gdwz-case-cont ul li:hover img {
    transform: translateY(-232px);
}

.case-page02-cont .hover-cont .h-case-img img,
.gdwz-page03-wrap .gdwz-case-cont img {
    transition: all 1s cubic-bezier(0.12, 0.4, 0.57, 1.01);
}

.case-page04-cont .txts a,
.case-page05-wrap .client-box li img,
.case-details-banner a,
.case-details-page02wrap .ljzx .btns a {
    transition: all .3s linear;
}


/*客户案例详情*/

.case-details-banner .banner-txts>div a,
.case-details-banner a.weblink {
    display: block;
    width: 63px;
    height: 63px;
    border: solid 1px rgba(255, 255, 255, .3);
    border-radius: 50%;
}

.case-details-banner .banner-txts>div a:hover,
.case-details-banner a.weblink:hover {
    border-color: #fff;
}

.case-details-banner .bshare-custom {
    width: 65px;
    height: 65px;
    position: absolute;
    top: 200%;
    left: 0;
    z-index: 1;
    display: none;
}

.case-details-banner .bshare-custom a.weblink {
    margin: 0;
    padding: 0;
    background-image: none;
}

.case-details-banner a.weblink {
    width: 63px;
    height: 63px;
}

.case-details-banner a.weblink i {
    width: 15px;
    height: 16px;
    background-position: -5px -40px;
    position: relative;
    left: 24px;
    top: 23px;
}

.case-details-banner .right-btns {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
}

.case-details-banner .right-btns a {
    margin-left: 30px;
}

.case-details-banner .right-btns a.prev i,
.case-details-banner .right-btns a.next i {
    width: 7px;
    height: 12px;
    position: relative;
    left: 28px;
    top: 25px;
}

.case-details-banner .right-btns a.prev i {
    background-position: -35px -40px;
}

.case-details-banner .right-btns a.next i {
    background-position: -50px -40px;
}

.case-details-banner .right-btns a.all i {
    width: 11px;
    height: 11px;
    background-position: -65px -40px;
    position: relative;
    left: 26px;
    top: 26px;
}

.case-details-banner .banner-txts p>a {
    color: #fff;
    padding-right: 8px;
}

.case-details-banner .banner-txts p>a:hover {
    color: #e4e2e2;
    text-decoration: underline;
}

.case-details-page02wrap .case-details-box {
    background-color: #fff;
    margin-top: -30px;
    padding-bottom: 70px;
    box-sizing: border-box;
    font-size: 14px;
}

.case-details-page02wrap .case-details-box .xmjs {
    width: 62%;
    padding: 70px 5% 0;
    box-sizing: border-box;
}

.case-details-page02wrap .case-details-box h3 {
    font-weight: 400;
    font-size: 24px;
    color: #1d1d1d;
    padding-bottom: 10px;
}

.case-details-page02wrap .case-details-box .xmjs small {
    display: block;
    color: #666;
    margin-bottom: 30px;
}

.case-details-page02wrap .case-details-box .xmjs small em {
    padding-right: 25px;
}

.case-details-page02wrap .case-details-box p {
    padding-bottom: 30px;
    line-height: 24px;
    color: #666;
}

.case-details-page02wrap .xmjs span {
    display: block;
    color: #999;
    margin-top: 20px;
}

.case-details-page02wrap .xmjs span em {
    padding-right: 40px;
}

.case-details-page02wrap .case-details-box .ljzx {
    width: 38%;
    padding: 130px 5% 0;
    box-sizing: border-box;
}

.case-details-page02wrap .case-details-box:before {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background-color: #f3f3f3;
    position: absolute;
    left: 62%;
    top: 0;
    z-index: 1;
}

.case-details-page02wrap .ljzx strong {
    font-size: 22px;
    color: #1d1d1d;
}

.case-details-page02wrap .ljzx .btns {
    margin-top: 100px;
}

.case-details-page02wrap .ljzx .btns a {
    background-image: none;
    margin: 0;
}

.case-details-page02wrap .ljzx .btns a.zixun {
    display: inline-block;
    width: 140px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background-color: #1d1d1d;
    color: #fff;
    font-size: 16px;
    padding-left: 0;
    text-decoration: none;
}

.case-details-page02wrap .ljzx .btns a.share {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    margin-left: 60px;
    color: #999;
    font-size: 16px;
    padding-right: 30px;
    position: relative;
    top: 8px;
}

.case-details-page02wrap .ljzx .btns a.share em {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: solid 1px #c1c1c1;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 2px;
}

.case-details-page02wrap .ljzx .btns a.share em:before {
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    background: url(/file/Default/images/icons_qwtg.png) no-repeat -80px -40px;
    position: relative;
    left: 5px;
    top: 5px;
}

.case-details-page02wrap .ljzx .btns a.share:hover {
    color: #666;
}

.case-details-page02wrap .ljzx .btns a.share:hover em {
    border-color: #666;
}

.case-details-page03wrap {
    margin-top: 20px;
}

.case-details-page03box {
    background-color: #fff;
    box-sizing: border-box;
}

.case-details-page03box .case-web-img {
    display: block;
    width: 100%;
    padding: 80px 5% 40px;
    box-sizing: border-box;
}

.case-details-page03box .case-web-img img {
    width: auto;
    max-width: 100%;
}

#content img {
    max-width: 100%;
    width: auto;
    display: inline;
}

.case-details-page03box .info_key {
    text-align: center;
    padding-bottom: 40px;
}

.case-details-page03box .case-web-btn {
    width: 100%;
    height: 79px;
    border-top: solid 1px #f2f2f2;
    position: relative;
}

.case-details-page03box .case-web-btn .all-case-btn {
    height: 100%;
}

.case-details-page03box .case-web-btn .all-case-btn a {
    top: 28px;
}

.case-details-page03box .case-web-btn>a {
    display: block;
    width: 25%;
    height: 100%;
    color: #999;
    position: absolute;
    top: 0;
    cursor: pointer;
}

.case-details-page03box .case-web-btn>a:hover {
    color: #333;
}

.case-details-page03box .case-web-btn>a.prev-jt {
    left: 0;
}

.case-details-page03box .case-web-btn>a.next-jt {
    right: 0;
}

.case-details-page03box .case-web-btn>a i {
    width: 7px;
    height: 12px;
    position: relative;
    left: 8%;
    top: 34px;
}

.case-details-page03box .case-web-btn>a.prev-jt i {
    background-position: -35px -60px;
}

.case-details-page03box .case-web-btn>a.next-jt i {
    background-position: -50px -60px;
    left: 90%;
}

.case-details-page03box .case-web-btn>a:after {
    content: '';
    display: block;
    width: 1px;
    height: 40px;
    background-color: #f2f2f2;
    position: absolute;
    top: 20px;
}

.case-details-page03box .case-web-btn>a.prev-jt:after {
    right: 0;
}

.case-details-page03box .case-web-btn>a.next-jt:after {
    left: 0;
}

.case-details-page03box .case-web-btn>a span {
    display: block;
    width: 82%;
    height: 24px;
    line-height: 24px;
    position: absolute;
    top: 28px;
    z-index: 3;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.case-details-page03box .case-web-btn>a.prev-jt span {
    right: 5%;
}

.case-details-page03box .case-web-btn>a.next-jt span {
    left: 5%;
    text-align: right;
}

.case-details-page04wrap .gdwz-case-cont {
    opacity: 1;
    transform: translateY(0);
}

.case-details-page04wrap .gdwz-case-cont li {
    padding-bottom: 0;
}

.case-details-page05wrap {
    margin-bottom: 50px;
}

.case-details-page05wrap .qwtg-tt h2 {
    font-size: 20px;
}

.case-details-page05cont {
    padding: 36px 0 60px;
    border-bottom: solid 1px #ebebeb;
}

.case-details-page05cont>div {
    width: 50%;
    position: relative;
    box-sizing: border-box;
}

.case-details-page05cont .left-details-news {
    border-right: solid 1px #dfdfdf;
    min-height: 150px;
}

.case-details-page05cont .left-details-news .img-box {
    display: block;
    width: 32%;
    height: auto;
}

.case-details-page05cont .left-details-news .info {
    width: 56%;
    margin-left: 5%;
}

.case-details-page05cont .left-details-news h3 {
    font-weight: 400;
    font-size: 16px;
    padding-bottom: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.case-details-page05cont .left-details-news h3 a {
    color: #1d1d1d;
}

.case-details-page05cont .left-details-news p {
    font-size: 13px;
    color: #666;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.case-details-page05cont .left-details-news .time {
    display: block;
    width: 56%;
    position: absolute;
    bottom: 0;
    left: 37%;
    z-index: 9;
    font-size: 13px;
    color: #999;
}

.case-details-page05cont .left-details-news .time a {
    display: block;
    width: 34px;
    height: 34px;
    border: solid 1px #bdbdbd;
    border-radius: 50%;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
}

.case-details-page05cont .left-details-news .time a:hover {
    border-color: #999;
}

.case-details-page05cont .left-details-news .time a i {
    width: 7px;
    height: 12px;
    background-position: -50px -60px;
    position: relative;
    left: 13px;
    top: 11px;
}

.case-details-page05cont .right-news-list {
    padding-left: 5%;
}

.case-details-page05cont .right-news-list li {
    margin-top: 8px;
    position: relative;
}

.case-details-page05cont .right-news-list li:first-child {
    margin-top: 0;
}

.case-details-page05cont .right-news-list li a {
    display: block;
    width: 80%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.case-details-page05cont .right-news-list li em {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}

.case-details-page05cont .right-news-list li a:hover {
    color: #1d1d1d;
}


/*客户案例综合*/

.caseAll-banner-wrap {
    width: 100%;
    height: 680px;
    position: relative;
}

.caseAll-banner-wrap .inpage-banner-box,
.caseAll-banner-wrap .inpage-banner-cont {
    height: 100%;
}

.caseAll-banner-wrap .inpage-banner-cont {
    width: 100%;
    background-repeat: no-repeat;
    background-position: center top;
}

.caseAll-banner-wrap .data-cont {
    height: 100%;
    color: #fff;
    text-align: center;
    font-size: 16px;
}

.caseAll-banner-wrap .data-info {
    width: 25%;
    height: 100%;
    padding-top: 235px;
    border-right: solid 1px rgba(255, 255, 255, .1);
    box-sizing: border-box;
}

.caseAll-banner-wrap .data-info:first-child {
    border-left: solid 1px rgba(255, 255, 255, .1);
}

.caseAll-banner-wrap .data-info h3 {
    font-weight: 400;
    font-size: 24px;
    padding-bottom: 25px;
}

.caseAll-banner-wrap .data-info p {
    padding-bottom: 6px;
}

.caseAll-banner-wrap .inpage-banner-nav {
    opacity: 1;
    transform: translateX(0);
}

.caseAll-banner-wrap .inpage-banner-navList {
    width: 100%;
    left: 0;
}

.caseAll-banner-wrap .inpage-banner-navList ul li:after {
    height: 100%;
    top: 0;
}

.caseAll-page02-wrap {
    position: relative;
    z-index: 10;
}

.caseAll-page02-wrap .caseAll-page02-cont {
    z-index: 3;
}

.caseAll-page02-wrap .case-filter-box {
    height: 138px;
    background-color: #fff;
}

.caseAll-page02-wrap .case-filter-box>div {
    width: 50%;
}

.caseAll-page02-wrap .select-box>div {
    width: 33.333333%;
    float: left;
    padding: 30px 8% 0;
    box-sizing: border-box;
    font-size: 18px;
    color: #000;
}

.caseAll-page02-wrap .select-box>div span {
    display: block;
    height: 78px;
    line-height: 78px;
    text-align: center;
    position: relative;
}

.caseAll-page02-wrap .select-box .icon-hy {
    width: 15px;
    height: 15px;
    background-position: -100px -40px;
    position: absolute;
    left: 12%;
    top: 31px;
}

.caseAll-page02-wrap .select-box .icon-area {
    width: 17px;
    height: 17px;
    background-position: -135px -40px;
    position: absolute;
    left: 12%;
    top: 30px;
}

.caseAll-page02-wrap .select-box .icon-type {
    width: 15px;
    height: 9px;
    background-position: -170px -40px;
    position: absolute;
    left: 12%;
    top: 34px;
}

.caseAll-page02-wrap .select-box .icon-jt {
    width: 12px;
    height: 7px;
    background-position: -65px -60px;
    position: absolute;
    right: 12%;
    top: 35px;
}

.caseAll-page02-wrap .select-box .select-list {
    width: 92%;
    height: 415px;
    padding: 30px 0;
    background-color: #ececec;
    position: absolute;
    left: 4%;
    top: 108px;
    z-index: 9;
    display: none;
}

.caseAll-page02-wrap .select-list>div {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
}

.caseAll-page02-wrap .select-list a {
    float: left;
    display: block;
    width: 20%;
    padding: 10px 0 14px 5%;
    font-size: 14px;
    color: #666;
}

.caseAll-page02-wrap .select-list a:hover {
    color: #f30000;
}

.caseAll-page02-wrap .select-list span.lines {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.caseAll-page02-wrap .select-list span.lines:before,
.caseAll-page02-wrap .select-list span.lines:after,
.caseAll-page02-wrap .select-list span.lines em {
    display: block;
    width: 1px;
    height: 100%;
    background-color: #e0e0e0;
    position: absolute;
    top: 0;
}

.caseAll-page02-wrap .select-list span.lines:before {
    content: '';
    left: 25%;
}

.caseAll-page02-wrap .select-list span.lines:after {
    content: '';
    left: 75%;
}

.caseAll-page02-wrap .select-list span.lines em {
    left: 50%;
}

.caseAll-page02-wrap .select-box>div:hover span {
    background-color: #ececec;
}

.caseAll-page02-wrap .select-box>div:hover .select-list {
    display: block;
}

.caseAll-page02-wrap .case-search-box {
    height: 50px;
    padding: 0 4%;
    margin-top: 44px;
    box-sizing: border-box;
}

.caseAll-page02-wrap .search-form span.inp {
    float: left;
    display: block;
    width: 70%;
    height: 50px;
    background-color: #f8f8f8;
    border: solid 1px #ebebeb;
    box-sizing: border-box;
    position: relative;
}

.caseAll-page02-wrap .case-search-box input {
    width: 100%;
    height: 50px;
    padding: 0 50px 0 4%;
    box-sizing: border-box;
}

.caseAll-page02-wrap .search-form span.inp a {
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
}

.caseAll-page02-wrap .search-form span.inp a i {
    width: 20px;
    height: 20px;
    background-position: -100px -60px;
    margin: 15px auto 0;
}

.caseAll-page02-wrap .case-search-box button {
    float: right;
    width: 25%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    background-color: #1d1d1d;
    cursor: pointer;
}

.caseAll-page02-wrap span.redbg {
    height: 138px;
}


/*翻页按钮*/

.pagination {
    text-align: center;
    padding-bottom: 50px;
    border-bottom: solid 1px #e5e5e5;
}

.pagination a,
.pagination span {
    display: inline-block;
    font-size: 16px;
    width: 53px;
    height: 53px;
    line-height: 53px;
    border: solid 1px #e5e5e5;
    border-radius: 50%;
    background-color: #fff;
    margin: 0 6px;
    color: #ccc;
}

.pagination a:hover,
.pagination a.cur,
.pagination span:hover {
    background-color: #1d1d1d;
    border-color: #1d1d1d;
    color: #fff;
}

.pagination span {
    cursor: pointer;
    text-indent: -9999px;
    position: relative;
}

.pagination span.prev {
    margin-left: 40px;
}

.pagination span i {
    width: 7px;
    height: 12px;
    position: absolute;
    top: 20px;
    left: 23px;
}

.pagination span.prev i {
    background-position: -35px -60px;
}

.pagination span.next i {
    background-position: -50px -60px;
}


/*
.pagination .el-pager li { width: 55px; height: 55px; font-size: 16px; color: #ccc; line-height: 55px; border-radius: 50%; border: solid 1px #e5e5e5; box-sizing: border-box; background-color: #fff; margin: 0 6px;}
.pagination .el-pager li.active { background-color: #1d1d1d; border-color: #1d1d1d; color: #fff; }
.pagination .el-pager li.active+li { border-left: solid 1px #e5e5e5; }
.pagination .el-pagination .btn-next, .pagination .el-pagination .btn-prev { width: 55px; height: 55px; border-radius: 50%; border: solid 1px #e5e5e5; box-sizing: border-box; padding: 0; }
.pagination .el-pagination .btn-prev { margin-right: 10px; }
.pagination .el-pagination .btn-next { margin-left: 10px; }
.pagination .el-icon-arrow-left:before, .pagination .el-icon-arrow-right:before { content: ''; display: block; width: 7px; height: 12px; background: url(/file/Default/images/icons_qwtg.png) no-repeat; margin: 0 auto;}
.pagination .el-icon-arrow-left:before { background-position: -35px -60px; }
.pagination .el-icon-arrow-right:before { background-position: -50px -60px; }
.pagination .el-pager .more::before { line-height: 55px;}
*/


/* -- 翻页效果 -- */

.apage {
    padding-bottom: 50px;
    border-bottom: solid 1px #e5e5e5;
    text-align: center;
}

.apage a {
    display: inline-block;
    font-size: 16px;
    width: 53px;
    height: 53px;
    line-height: 53px;
    border: solid 1px #e5e5e5;
    border-radius: 50%;
    background-color: #fff;
    margin: 0 6px;
    color: #ccc;
}

.apage .num_btns {
    float: right;
    font-family: Tahoma;
}

.apage a:hover,
.apage .cur {
    background-color: #1d1d1d;
    border-color: #1d1d1d;
    color: #fff;
}

.apage .cust_txt {
    float: left;
    display: none;
}

.apage .oran_pg_fp {
    background: url(img/first_page.gif) 20px 22px no-repeat;
}

.apage .oran_pg_pp {
    background: url(img/pre_page.gif) 20px 22px no-repeat;
}

.apage .oran_pg_np {
    background: url(img/next_page.gif) 25px 22px no-repeat;
}

.apage .oran_pg_lp {
    background: url(img/last_page.gif) 24px 22px no-repeat;
}

.apage select {
    font-size: 8px;
    margin-top: 5px;
}

.apage .oran_pg_txt {
    height: 15px;
    border: solid 1px #d4e3e9;
    width: 20px;
    margin-left: 5px;
}

.apage .oran_pg_btn {
    height: 15px;
    border: solid 1px #d4e3e9;
    margin-left: 5px;
    font-size: 9px;
    background: #5984ac;
    color: #fff;
}


/*增值服务*/

.sdw-abtn {
    display: block;
    padding: 0 40px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 16px;
    background-color: #1d1d1d;
}

.zzfw-banner-txts .sdw-abtn:hover {
    color: #1d1d1d;
}

.zzfw-banner-txts .sdw-abtn:hover em {
    background-color: #fff;
}

.zzfw-banner-txts {
    width: 95%;
    padding-left: 5%;
    padding-top: 52px;
    color: #fff;
}

.zzfw-banner-txts>i {
    width: 24px;
    height: 22px;
    background-position: -5px -60px;
}

.zzfw-banner-txts .kecheng {
    margin-left: 2.2%;
}

.zzfw-banner-txts .kecheng p {
    font-size: 22px;
    padding-bottom: 15px;
    margin-top: -4px;
}

.zzfw-banner-txts .kecheng span {
    font-size: 15px;
}

.zzfw-banner-txts .kecheng span em {
    padding-right: 30px;
    margin-right: 30px;
    border-right: solid 1px #fff;
}

.zzfw-banner-txts .kecheng span em:last-child {
    border-right: none 0;
}

.zzfw-page02-wrap {
    position: relative;
}

.zzfw-page02-box {
    padding: 80px 0 60px;
    background-color: #fff;
    position: relative;
    z-index: 2;
}

.zzfw-page02-cont {
    margin-top: 80px;
    height: 600px;
    position: relative;
}

.zzfw-page02-cont .circle-bg {
    width: 515px;
    height: 515px;
    background: url(/file/Default/images/addserver_circle_bg.png) no-repeat;
    margin: 0 auto;
    position: relative;
}

.zzfw-page02-cont .circle-bg span.img-box {
    display: block;
    width: 390px;
    height: 390px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -195px 0 0 -195px;
    border-radius: 50%;
    z-index: 3;
    overflow: hidden;
}

.zzfw-page02-cont .circle-bg .nums {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.zzfw-page02-cont .circle-bg .nums span {
    display: block;
    width: 50px;
    height: 50px;
    background-color: rgba(104, 104, 104, .1);
    border-radius: 50%;
    font-size: 14px;
    color: #fff;
    position: absolute;
}

.zzfw-page02-cont .circle-bg .nums em {
    display: block;
    width: 34px;
    height: 34px;
    background-color: #f30000;
    border-radius: 50%;
    line-height: 34px;
    text-align: center;
    position: relative;
    left: 8px;
    top: 8px;
}

.zzfw-page02-cont .circle-bg .num1 {
    top: -10px;
    right: 150px;
}

.zzfw-page02-cont .circle-bg .num2 {
    top: 50%;
    right: -25px;
    margin-top: -22px;
}

.zzfw-page02-cont .circle-bg .num3 {
    bottom: 0;
    right: 135px;
}

.zzfw-page02-cont .circle-bg .num4 {
    bottom: 88px;
    left: 25px;
}

.zzfw-page02-cont .circle-bg .num5 {
    top: 88px;
    left: 25px;
}

.zzfw-page02-cont .txt-infos {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}

.zzfw-page02-cont .txt-infos p {
    font-size: 22px;
    color: #1d1d1d;
    padding-bottom: 15px;
}

.zzfw-page02-cont .txt-infos span {
    display: block;
    font-size: 14px;
    color: #666;
    padding-bottom: 3px;
}

.zzfw-page02-cont .txt-infos>div {
    position: absolute;
}

.zzfw-page02-cont .txt-infos>div:before,
.zzfw-page02-cont .txt-infos>div:after {
    content: '';
    display: block;
    position: absolute;
    background-color: #e4e4e4;
}

.zzfw-page02-cont .txt-infos>div:before {
    height: 1px;
    top: 15px;
}

.zzfw-page02-cont .txt-infos>div:after {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    top: 12px;
    left: -25px;
}

.zzfw-page02-cont .txt-infos .info1 {
    right: -150px;
    top: 0;
}

.zzfw-page02-cont .txt-infos .info1:before {
    width: 160px;
    left: -180px;
}

.zzfw-page02-cont .txt-infos .info2 {
    right: -330px;
    top: 246px;
}

.zzfw-page02-cont .txt-infos .info2:before {
    width: 36px;
    left: -55px;
}

.zzfw-page02-cont .txt-infos .info3 {
    right: -215px;
    bottom: -90px;
}

.zzfw-page02-cont .txt-infos .info3:before {
    width: 73px;
    left: -93px;
}

.zzfw-page02-cont .txt-infos .info4 {
    left: -336px;
    bottom: -35px;
    text-align: right;
}

.zzfw-page02-cont .txt-infos .info4:before {
    width: 55px;
    right: -75px;
}

.zzfw-page02-cont .txt-infos .info4:after {
    left: 280px;
}

.zzfw-page02-cont .txt-infos .info5 {
    left: -305px;
    top: 96px;
    text-align: right;
}

.zzfw-page02-cont .txt-infos .info5:before {
    width: 85px;
    right: -110px;
}

.zzfw-page02-cont .txt-infos .info5:after {
    left: 218px;
}

.zzfw-page03-wrap .zzfw-page03-box {
    padding: 80px 0;
}

.zzfw-page03-wrap .zzfw-page03-cont {
    margin-top: 80px;
}

.zzfw-page03-wrap .zzfw-page03-cont .info-box {
    width: 25%;
    height: 330px;
    border-bottom: solid 1px #ebebeb;
    margin-bottom: 50px;
}

.zzfw-page03-cont .info-box>span {
    display: block;
    width: 42px;
    height: 42px;
    background-color: #f30000;
    border-radius: 50%;
    position: relative;
}

.zzfw-page03-cont .info-box>span:after {
    content: '';
    display: block;
    width: 1px;
    height: 200px;
    background-color: #ededed;
    position: absolute;
    left: 50%;
    top: 42px;
}

.zzfw-page03-cont .info-box>span em {
    display: block;
    width: 20px;
    text-align: center;
    font-size: 16px;
    color: #ccc;
    position: absolute;
    left: 11px;
    top: 255px;
}

.zzfw-page03-cont .info-box .txts {
    margin-left: 15px;
}

.zzfw-page03-cont .info-box .txts h4 {
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    font-weight: 400;
    color: #1d1d1d;
    padding-bottom: 15px;
}

.zzfw-page03-cont .info-box .txts p {
    padding-top: 4px;
    font-size: 14px;
    color: #666;
    line-height: 22px;
}

.zzfw-page03-cont .info1-box>span i {
    width: 22px;
    height: 22px;
    background-position: -5px -85px;
    position: relative;
    left: 10px;
    top: 10px;
}

.zzfw-page03-cont .info1-box .txts h4 {
    line-height: normal;
}

.zzfw-page03-cont .info2-box>span i {
    width: 25px;
    height: 23px;
    background-position: -35px -85px;
    position: relative;
    left: 8px;
    top: 9px;
}

.zzfw-page03-cont .info3-box>span i {
    width: 23px;
    height: 23px;
    background-position: -65px -85px;
    position: relative;
    left: 9px;
    top: 9px;
}

.zzfw-page03-cont .info4-box>span i {
    width: 22px;
    height: 24px;
    background-position: -100px -85px;
    position: relative;
    left: 10px;
    top: 9px;
}

.zzfw-page03-cont .info5-box>span i {
    width: 21px;
    height: 21px;
    background-position: -135px -85px;
    position: relative;
    left: 10px;
    top: 10px;
}

.zzfw-page03-cont .info6-box>span i {
    width: 22px;
    height: 22px;
    background-position: -170px -85px;
    position: relative;
    left: 10px;
    top: 10px;
}

.zzfw-page03-cont .info7-box>span i {
    width: 19px;
    height: 19px;
    background-position: -135px -60px;
    position: relative;
    left: 11px;
    top: 11px;
}

.zzfw-page03-cont .info8-box>span i {
    width: 23px;
    height: 23px;
    background-position: -170px -60px;
    position: relative;
    left: 9px;
    top: 9px;
}

.zzfw-page04-wrap {
    margin: 0 0 50px;
}

.zzfw-page04-wrap .zzfw-page04-cont>div {
    width: 50%;
}

.zzfw-page04-wrap .zzfw-page04-cont .zzfw-switch-box {
    height: 100%;
    position: relative;
}

.zzfw-page04-wrap .zzfw-switch-box ul {
    width: 100%;
    height: 100%;
    position: relative;
}

.zzfw-page04-wrap .zzfw-switch-box li {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    overflow: hidden;
}

.zzfw-page04-wrap .zzfw-switch-box li:not(:first-child) {
    display: none;
}

.zzfw-page04-wrap .zzfw-circle-nav {
    width: 210px;
    height: 40px;
    line-height: 40px;
    background-color: rgba(0, 0, 0, .5);
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -105px;
    z-index: 9;
    text-align: center;
}

.zzfw-page04-wrap .zzfw-circle-nav span {
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #fff;
    border-radius: 50%;
    margin-right: 10px;
    cursor: pointer;
}

.zzfw-page04-wrap .zzfw-circle-nav span.cur {
    background-color: #f30000;
}

.zzfw-page04-wrap .zzfw-course-info {
    height: 52%;
    background-color: #1d1d1d;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
    padding: 4% 6% 0;
    box-sizing: border-box;
}

.zzfw-page04-wrap .zzfw-course-info .qwtg-tt {
    color: #fff;
    font-size: 14px;
    text-align: left;
}

.zzfw-page04-wrap .zzfw-course-info .qwtg-tt h2 {
    font-size: 22px;
    color: #fff;
    padding-bottom: 8px;
}

.zzfw-page04-wrap .zzfw-course-info .qwtg-tt h2:before {
    left: 0;
    margin-left: 0;
}

.zzfw-page04-wrap .zzfw-course-info>a {
    display: block;
    width: 150px;
    height: 50px;
    background-color: #fff;
    color: #1d1d1d;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    position: absolute;
    bottom: 15%;
    left: 12%;
    z-index: 3;
}

.zzfw-page04-wrap .zzfw-course-info>a:hover {
    color: #fff;
}

.zzfw-page04-wrap .zzfw-small-imgbox {
    height: 48%;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
}

.zzfw-page04-wrap .zzfw-small-imgbox ul {
    height: 100%;
}

.zzfw-page04-wrap .zzfw-small-imgbox ul li {
    width: 50%;
    height: 100%;
    overflow: hidden;
}

.zzfw-page04-wrap .zzfw-small-imgbox img {
    width: auto;
    height: 100%;
}

.zzfw-page04-wrap img {
    transition: all .5s linear;
}

.zzfw-page04-wrap .zzfw-switch-box li:hover img,
.zzfw-page04-wrap .zzfw-small-imgbox li:hover img,
.cxyj-page02-wrap .cxyj-img-news .item:hover img {
    transform: scale(1.05);
}


/*创新研究*/

.cxyj-page02-wrap {
    margin-bottom: 40px;
    position: relative;
}

.cxyj-banner-txts {
    padding: 25px 0 0 35px;
}

.cxyj-banner-txts a {
    display: block;
    float: left;
    width: 130px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-size: 18px;
    margin-right: 15px;
    margin-bottom: 10px;
    position: relative;
}

.cxyj-banner-txts a.cur {
    background-color: #1a1a1a;
}

.cxyj-banner-txts a:first-child:before {
    content: '';
    display: inline-block;
    width: 11px;
    height: 11px;
    background: url(/file/Default/images/icons_qwtg.png) no-repeat -65px -40px;
    margin-right: 8px;
}

.cxyj-banner-txts a em {
    display: block;
    width: 0%;
    height: 100%;
    background-color: #1a1a1a;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.cxyj-banner-txts a span {
    position: relative;
    z-index: 2;
}

.cxyj-banner-txts a:hover em,
.cxyj-banner-txts a.cur em {
    width: 100%;
}

.cxyj-page02-wrap .cxyj-page02-box {
    background-color: #fff;
    z-index: 2;
}

.cxyj-page02-wrap .cxyj-page02-cont {
    border-bottom: solid 1px #e8e8e8;
}

.cxyj-page02-wrap .cxyj-page02-cont .cxyj-img-news {
    width: 40%;
    padding: 5% 5% 2%;
    border-right: solid 1px #e8e8e8;
    box-sizing: border-box;
}

.cxyj-page02-wrap .cxyj-img-news .item {
    margin-bottom: 40px;
}

.cxyj-page02-wrap .cxyj-img-news .img-box {
    display: block;
    width: 100%;
    /*height: 233px;*/
    overflow: hidden;
}

.cxyj-page02-wrap h3 {
    font-weight: 400;
    font-size: 18px;
    padding: 22px 0 12px;
}

.cxyj-page02-wrap h3 a {
    color: #2b2b2b;
}

.cxyj-page02-wrap p {
    font-size: 14px;
    color: #666;
    line-height: 22px;
}

.cxyj-page02-wrap .cxyj-img-news p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.cxyj-page02-wrap span.time {
    display: block;
    padding-top: 20px;
}

.cxyj-page02-wrap .cxyj-img-news span.time {
    margin-top: 22px;
    border-top: solid 1px #e8e8e8;
}

.cxyj-page02-wrap span.time a {
    font-size: 14px;
    color: #2b2b2b;
    padding-right: 15px;
    position: relative;
}

.cxyj-page02-wrap span.time a:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: solid 5px transparent;
    border-bottom: solid 5px transparent;
    border-left: solid 5px #2b2b2b;
    position: absolute;
    right: 0;
    top: 5px;
    z-index: 2;
}

.cxyj-page02-wrap span.time em {
    display: inline-block;
    font-size: 13px;
    color: #b8b8b8;
    padding-left: 15px;
    margin-left: 15px;
    border-left: solid 1px #e2e2e2;
}

.cxyj-page02-wrap .cxyj-img-news .item:hover h3 a,
.cxyj-page02-wrap .item span.time a:hover {
    color: #000;
}

.cxyj-page02-wrap .cxyj-img-news .item:hover p {
    color: #333;
}

.cxyj-page02-wrap .cxyj-txts-news {
    width: 60%;
    border-left: solid 1px #e8e8e8;
    position: relative;
    left: -1px;
    box-sizing: border-box;
}

.cxyj-page02-wrap .cxyj-txts-news ul li {
    width: 100%;
    border-top: solid 1px #e8e8e8;
    position: relative;
}

.cxyj-page02-wrap .cxyj-txts-news p {
    margin-bottom: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.cxyj-page02-wrap .cxyj-txts-news span.time {
    padding-top: 10px;
}

.cxyj-page02-wrap .cxyj-txts-news span.time em {
    border-left: none 0;
    padding-left: 0;
    margin-left: 0;
}

.cxyj-page02-wrap .cxyj-txts-news li>div {
    width: 100%;
    padding: 5% 8% 8%;
    box-sizing: border-box;
    position: relative;
    z-index: 9;
}

.cxyj-page02-wrap .cxyj-txts-news li>div>a {
    display: block;
    width: 38px;
    height: 38px;
    border: solid 1px #ececec;
    border-radius: 50%;
    position: absolute;
    right: 8%;
    bottom: 12%;
    z-index: 3;
}

.cxyj-page02-wrap .cxyj-txts-news li>div>a .icon-show {
    width: 41px;
    height: 9px;
    background-position: -5px -112px;
    position: absolute;
    left: -18px;
    top: 15px;
}

.cxyj-page02-wrap .cxyj-txts-news li>div>a .icon-hver {
    width: 13px;
    height: 9px;
    background-position: -80px -60px;
    position: absolute;
    left: 12px;
    top: 15px;
    display: none;
}

.cxyj-page02-wrap .cxyj-txts-news ul li:first-child {
    border-top: none 0;
}

.cxyj-page02-wrap .cxyj-txts-news ul li:before {
    content: '';
    display: block;
    width: 0;
    height: 100%;
    background-color: #f30000;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
}

.cxyj-page02-wrap .cxyj-txts-news ul li:after {
    content: '';
    display: block;
    width: 0%;
    height: 100%;
    background-color: #f2f2f2;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.cxyj-page02-wrap .cxyj-txts-news ul li:hover:after {
    width: 100%;
}

.cxyj-page02-wrap .cxyj-txts-news ul li:hover:before {
    width: 4px;
}

.cxyj-page02-wrap .cxyj-txts-news ul li:hover>div>a {
    background-color: #f30000;
    border-color: #f30000;
}

.cxyj-page02-wrap .cxyj-txts-news ul li:hover>div>a .icon-show {
    display: none;
}

.cxyj-page02-wrap .cxyj-txts-news ul li:hover>div>a .icon-hver {
    display: block;
}

.cxyj-banner-txts a em,
.cxyj-page02-wrap h3 a,
.cxyj-page02-wrap .cxyj-img-news .item p,
.cxyj-page02-wrap .cxyj-txts-news ul li:after,
.cxyj-page02-wrap .cxyj-txts-news ul li:hover>div>a {
    transition: all .5s ease-out;
}

.cxyj-page02-wrap .cxyj-img-news .img-box img {
    transition: all .8s ease-out;
}

@media only screen and (min-width: 1600px) {
    .cxyj-page02-wrap .cxyj-img-news .img-box {
        height: 272px;
    }
    .cxyj-page02-wrap .cxyj-txts-news li>div {
        padding-bottom: 8.6%;
    }
}


/*新闻详情*/

.icon-label {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-position: -80px -112px;
    margin-right: 6px;
}

.case-details-banner a.weblink i.icon-share {
    width: 22px;
    height: 20px;
    background-position: -100px -112px;
    left: 20px;
    top: 21px;
}

.news-details-wrap .news-details-box {
    background-color: #fff;
    margin-top: -26px;
}

.news-details-wrap .news-details-cont {
    width: 72%;
    border-right: solid 1px #f1f1f1;
    margin-right: -1px;
}

.news-details-wrap .article-infos {
    height: 90px;
    line-height: 90px;
    color: #666;
    font-size: 14px;
    padding-left: 6%;
    box-sizing: border-box;
    border-bottom: solid 1px #f1f1f1;
}

.news-details-wrap .article-infos span {
    padding-right: 20px;
}

.news-details-wrap .article-cont {
    padding: 40px 5% 0 6%;
}

.news-details-wrap .article-cont h2 {
    font-size: 20px;
    color: #1d1d1d;
    font-weight: 400;
    padding-bottom: 20px;
}

.news-details-wrap .article-cont p {
    font-size: 14px;
    color: #333;
    line-height: 26px;
    /*margin-bottom: 50px;*/
}

.news-details-wrap .article-cont p a strong {
    color: red;
}

.news-details-wrap .article-cont img {
    width: auto;
    max-width: 100%;
    margin: 0 auto;
}

.news-details-wrap .news-details-right {
    width: 28%;
    padding: 36px 1% 0 4%;
    border-left: solid 1px #f1f1f1;
    box-sizing: border-box;
    border-top: solid 30px #f30000;
}

.news-details-wrap .news-details-right h2 {
    font-weight: 400;
    font-size: 20px;
    color: #333;
    padding-bottom: 10px;
}

.news-details-wrap .news-details-right a {
    color: #666;
    font-size: 14px;
}

.news-details-wrap .news-details-right a:hover {
    color: #000;
}

.news-details-wrap .news-details-right li {
    margin-top: 15px;
}

.news-details-wrap .news-details-right>div {
    margin-bottom: 50px;
}

.news-details-wrap .hot-label a {
    float: left;
    padding: 6px 10px;
    background-color: #f8f8f8;
    margin: 0 10px 10px 0;
}

.news-details-wrap .hot-label a:hover {
    color: #fff;
}

.news-details-wrap .hot-label h2 {
    padding-bottom: 25px;
}


/*关于深度网*/

.about-banner-navList {
    width: 100%;
    left: 0;
}

.about-banner-navList a {
    color: #fff;
}

.about-banner-navList li i {
    background-image: url(/file/Default/images/icons_qwtg.png)!important;
}

.about-banner-navList li.li1 i {
    width: 18px;
    height: 17px;
    background-position: -5px -135px;
}

.about-banner-navList li.li2 i {
    width: 20px;
    height: 19px;
    background-position: -35px -135px;
}

.about-banner-navList li.li3 i {
    width: 19px;
    height: 17px;
    background-position: -65px -135px;
}

.about-banner-navList li.li4 i {
    width: 19px;
    height: 19px;
    background-position: -100px -135px;
}

.about-page02-wrap {
    position: relative;
    z-index: 3;
}

.about-page02-box {
    height: 380px;
    padding-top: 90px;
    background-color: #fff;
    position: relative;
    z-index: 2;
}

.about-page02-box>div {
    width: 50%;
    box-sizing: border-box;
}

.about-tt {
    color: #1d1d1d;
    padding-left: 5%;
}

.about-tt h2 {
    font-weight: 400;
    padding-bottom: 60px;
    position: relative;
}

.about-tt h2:after {
    content: '';
    display: block;
    width: 32px;
    height: 7px;
    background-color: #e80000;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
}

.about-page02-wrap .about-sdw-txts {
    height: 100%;
    padding-right: 5%;
    position: relative;
}

.about-page02-wrap .about-sdw-txts p {
    color: #333;
    font-size: 16px;
    line-height: 28px;
}

.about-page02-wrap .about-sdw-txts .shipin-btn {
    width: 128px;
    height: 128px;
    border: solid 1px #2c2c2c;
    border-radius: 50%;
    position: absolute;
    bottom: 75px;
    left: 0;
    z-index: 9;
    cursor: pointer;
}

.about-page02-wrap .about-sdw-txts .shipin-btn i {
    width: 22px;
    height: 35px;
    background-position: -170px -112px;
    margin: 46px auto 0;
}

.about-page02-wrap .about-sdw-txts .shipin-btn p {
    color: #1d1d1d;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    background-color: #fff;
    position: absolute;
    right: -45px;
    top: 50%;
    margin-top: -25px;
}

.video-box {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    background-color: rgba(0, 0, 0, .6);
}

.video-box .video-cont {
    width: 860px;
    margin: 0 auto;
    position: relative;
    top: 50%;
    margin-top: -260px;
}

.video-cont i {
    display: block;
    width: 21px;
    height: 21px;
    background-position: -5px -5px;
    position: absolute;
    right: -25px;
    top: 0;
    z-index: 9;
    cursor: pointer;
}

.about-page03-wrap {
    width: 100%;
    height: 780px;
    margin-top: -90px;
    background-color: #f1f1f1;
    position: relative;
    z-index: 1;
}

.about-page03-wrap .logosBg-box {
    width: 100%;
    height: 580px;
    position: absolute;
    left: 0;
    top: 66px;
    z-index: 1;
    overflow: hidden;
}

.about-page03-wrap span.logo-bg {
    display: block;
    width: 100%;
    height: 1160px;
    background: url(/file/Default/images/about_logos_bg.png) no-repeat center top;
    position: relative;
}

.about-page03-wrap .about-page03-box {
    z-index: 2;
}

.about-page03-wrap .about-sdw-data {
    padding-top: 248px;
}

.about-page03-wrap .about-sdw-data>div {
    width: 20%;
    height: 240px;
    background-color: #fff;
    border-radius: 50%;
    text-align: center;
    padding-top: 6%;
    margin-left: 6.6666%;
    position: relative;
    box-sizing: border-box;
}

.about-page03-wrap .about-sdw-data>div:first-child {
    margin-left: 0;
}

.about-page03-wrap .about-sdw-data strong {
    display: block;
    font-size: 40px;
    color: #1d1d1d;
    padding-bottom: 3%;
    position: relative;
    z-index: 2;
}

.about-page03-wrap .about-sdw-data p {
    font-size: 14px;
    color: #666;
    padding-bottom: 5px;
    position: relative;
    z-index: 2;
}

.about-page03-wrap .about-sdw-data span {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.about-page03-wrap .about-sdw-data span:before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    background-color: #e80000;
    border-radius: 50%;
    position: absolute;
    right: 17%;
    top: 10%;
}

.about-page04-wrap {
    margin-top: -90px;
    position: relative;
    z-index: 5;
}

.about-page04-wrap span.bg {
    display: block;
    width: 50%;
    height: 720px;
    background: url(/file/Default/images/about_p4_bg.jpg) no-repeat left top;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.about-page04-wrap .about-page04-box {
    height: 720px;
    background: url(/file/Default/images/about_p4_bg.jpg) no-repeat center top;
    position: relative;
    z-index: 2;
}

.about-page04-wrap .about-tt {
    color: #fff;
    margin-top: 80px;
    position: relative;
    z-index: 2;
}

.about-page04-wrap .about-page04-cont {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.about-page04-wrap .about-page04-cont .txts {
    width: 25%;
    height: 100%;
    color: #ffffff;
    padding-top: 466px;
    padding-left: 5%;
    border-left: solid 1px rgba(255, 255, 255, .1);
    box-sizing: border-box;
    position: relative;
}

.about-page04-wrap .about-page04-cont .txts h4 {
    font-weight: 400;
    font-size: 24px;
    padding-bottom: 28px;
}

.about-page04-wrap .about-page04-cont .txts p {
    font-size: 14px;
    padding-bottom: 3px;
}

.about-page04-wrap .about-page04-cont .txts:after {
    content: '';
    display: block;
    width: 14px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    bottom: 90px;
    left: 20%;
    z-index: 2;
}

.about-page05-wrap {
    position: relative;
}

.about-page05-wrap span.lines {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.about-page05-wrap span.lines em {
    display: block;
    width: 1px;
    height: 100%;
    background-color: rgba(0, 0, 0, .1);
    position: absolute;
    top: 0;
}

.about-page05-wrap span.lines em.line1 {
    left: 0;
}

.about-page05-wrap span.lines em.line2 {
    left: 25%;
}

.about-page05-wrap span.lines em.line3 {
    left: 50%;
}

.about-page05-wrap span.lines em.line4 {
    left: 75%;
}

.about-page05-wrap span.lines em.line5 {
    right: 0;
}

.about-page05-wrap .about-page05-cont {
    padding: 90px 0;
    position: relative;
    z-index: 2;
}

.about-page05-wrap .about-page05-cont .office-img {
    width: 48%;
    height: 361px;
    margin-bottom: 4%;
    position: relative;
    overflow: hidden;
}

.about-page05-wrap .office-img span {
    color: #fff;
    font-size: 14px;
    position: absolute;
    bottom: 30px;
    left: 6%;
    z-index: 2;
    padding-left: 8%;
}

.about-page05-wrap .office-img span:before {
    content: '';
    display: block;
    width: 35px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 50%;
}

.about-page05-wrap .office-img:nth-child(odd) {
    float: left;
}

.about-page05-wrap .office-img:nth-child(even) {
    float: right;
}

.about-page05-wrap .office-img:nth-child(2) {
    margin-top: 140px;
}

.about-page05-wrap .office-img:last-child {
    margin-bottom: 0;
}

.about-page06-wrap .about-page06-box>div {
    width: 50%;
    height: 225px;
    background-color: #fff;
    padding: 3% 5% 0 4%;
    box-sizing: border-box;
    position: relative;
}

.about-page06-wrap {
    margin-bottom: 90px;
}

.about-page06-wrap .about-page06-box .cont {
    position: relative;
    z-index: 2;
}

.about-page06-wrap .about-page06-box h3 {
    font-size: 22px;
    color: #00000c;
}

.about-page06-wrap .about-page06-box p {
    color: #666;
    font-size: 16px;
    padding: 14px 0 30px;
}

.about-page06-wrap .about-page06-box a {
    display: block;
    width: 155px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 14px;
    color: #1d1d1d;
    border: solid 1px #e5e5e5;
}

.about-page06-wrap .about-page06-box span.bg {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #e80000;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.about-page06-wrap .about-page06-box span.en {
    font-size: 36px;
    color: #e8e8e8;
    line-height: 35px;
    position: absolute;
    right: 0;
    top: 0;
}

.about-page06-wrap .about-page06-box i {
    position: absolute;
    left: 0;
    bottom: -70px;
}

.about-page06-wrap .our-honor i {
    width: 26px;
    height: 25px;
    background-position: -5px -160px;
}

.about-page06-wrap .join-us i {
    width: 25px;
    height: 24px;
    background-position: -100px -160px;
}

.about-page06-wrap .our-honor span.bg {
    width: 100%;
}

.about-page06-wrap .our-honor h3,
.about-page06-wrap .our-honor p,
.about-page06-wrap .our-honor a,
.about-page06-wrap .our-honor span.en {
    color: #fff;
}

.about-page06-wrap .our-honor a:hover {
    color: #1d1d1d;
}

.about-page06-wrap .our-honor a:hover em {
    background-color: #fff;
}

.about-page06-wrap .join-us a:hover {
    color: #fff;
}

@media only screen and (min-width: 1600px) {
    .about-page03-wrap .about-sdw-data>div {
        height: 280px;
    }
    .about-page03-wrap .about-sdw-data strong {
        font-size: 44px;
    }
    .about-page03-wrap .about-sdw-data p {
        font-size: 16px;
    }
    .about-page05-wrap .about-page05-cont .office-img {
        height: 420px;
    }
}

.about-page02-wrap .about-sdw-txts .shipin-btn:hover p {
    transform: translateX(-8px);
}

.about-page02-wrap .about-sdw-txts .shipin-btn:hover i {
    transform: rotate(180deg) translateX(5px);
}

.about-page03-wrap .about-sdw-data>div:hover,
.about-page05-wrap .about-page05-cont .office-img:hover img {
    transform: scale(1.05);
}

.about-page03-wrap .about-sdw-data>div:hover span {
    transform: rotate(360deg);
}

.about-page02-wrap .about-sdw-txts .shipin-btn p,
.about-page02-wrap .about-sdw-txts .shipin-btn i,
.about-page03-wrap .about-sdw-data>div,
.about-page03-wrap .about-sdw-data>div span,
.about-page05-wrap .about-page05-cont .office-img img,
.labelDetails-page02-wrap .cxyj-txts-news ul li,
.news-details-wrap .classic-case a img {
    transition: all .5s ease-out;
}


/*联系我们*/

.contact-us-banner .banner-txts span {
    display: block;
    font-size: 12px;
    margin-top: 8%;
}

.contact-us-banner .banner-txts span em {
    display: inline-block;
    font-size: 14px;
    padding-right: 10px;
    margin-right: 10px;
    position: relative;
}

.contact-us-banner .banner-txts span em:after {
    content: '';
    display: block;
    width: 1px;
    height: 15px;
    background-color: rgba(255, 255, 255, .3);
    position: absolute;
    right: 0;
    top: 2px;
}

.contact-us-banner .banner-txts strong {
    display: block;
    font-size: 26px;
    color: #fff;
    padding-top: 6px;
}

.contactUs-page02-wrap {
    margin-top: -140px;
    margin-bottom: 50px;
    position: relative;
}

.contactUs-page02-wrap .contactUs-page02-box {
    background-color: #fff;
    padding: 0 5%;
    box-sizing: border-box;
}

.contactUs-page02-wrap .contactUs-nav {
    height: 140px;
    line-height: 140px;
    color: #ccc;
    font-size: 26px;
    border-bottom: solid 1px #f3f3f3;
    position: relative;
}

.contactUs-page02-wrap .contactUs-nav span {
    display: block;
    height: 100%;
    cursor: pointer;
    margin-right: 5%;
}

.contactUs-page02-wrap .contactUs-nav span.cur {
    color: #1d1d1d;
    border-bottom: solid 1px #1d1d1d;
}

.contactUs-page02-wrap .building-imgs {
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
}

.contactUs-page02-wrap .building-imgs.sz {
    width: 34px;
    height: 81px;
    background-image: url(/file/Default/images/buliding_sz.png);
    right: 50px;
}

.contactUs-page02-wrap .building-imgs.gz {
    width: 34px;
    height: 106px;
    background-image: url(/file/Default/images/buliding_gz.png);
    right: 50px;
}

.contactUs-page02-wrap .building-imgs.zs {
    width: 111px;
    height: 60px;
    background-image: url(/file/Default/images/buliding_zs.png);
    right: 10px;
}

.contactUs-page02-wrap .contactUs-cont {
    padding: 60px 0;
}

.contactUs-page02-wrap .contactUs-cont .company-box:not(:first-child) {
    display: none;
}

.contactUs-page02-wrap .contactUs-cont .company-box>div {
    width: 50%;
}

.contactUs-page02-wrap .contactUs-cont .tel {
    font-size: 16px;
    color: #1d1d1d;
}

.contactUs-page02-wrap .tel strong:first-child {
    padding-right: 50px;
    border-right: solid 1px #eaeaea;
}

.contactUs-page02-wrap .tel strong:last-child {
    padding-left: 30px;
}

.contactUs-page02-wrap .contactUs-cont .ads {
    margin-top: 40px;
    font-size: 15px;
    color: #666;
    padding-left: 22px;
    position: relative;
}

.contactUs-page02-wrap .ads p {
    padding-bottom: 6px;
}

.contactUs-page02-wrap .ads:before {
    content: '';
    display: block;
    width: 12px;
    height: 13px;
    background: url(/file/Default/images/icons_qwtg.png) no-repeat -50px -112px;
    position: absolute;
    left: 0;
    top: 3px;
}

.contactUs-page02-wrap .contactUs-cont .sdw-abtn {
    display: inline-block;
    margin-top: 120px;
}


/*热门标签*/

.labe-page02-wrap {
    margin: 130px 0 40px;
}

.labe-page02-wrap .label-page02-box {
    background-color: #fff;
}

.labe-page02-wrap .label-page02-cont {
    padding: 4% 5% 8%;
    box-sizing: border-box;
}

.labe-page02-wrap .label-page02-cont .tt {
    font-size: 20px;
    font-weight: 400;
    color: #333;
    padding-bottom: 26px;
    border-bottom: solid 1px #f2f2f2;
}

.labe-page02-wrap .label-page02-cont .tt h1 {
    display: inline-block;
    font-size: 20px;
    color: #e80000;
}

.labe-page02-wrap .label-page02-cont .hot-lebel-tt {
    position: relative;
}

.mianbaoxie {
    color: #999;
    font-size: 13px;
    position: absolute;
    right: 0;
    top: 2px;
    z-index: 3;
}

.mianbaoxie a {
    color: #999;
}

.mianbaoxie a:hover {
    color: #333;
}

.labe-page02-wrap .hot-label-list {
    padding-top: 36px;
}

.labe-page02-wrap .hot-label-list a {
    display: inline-block;
    padding: 6px 12px;
    background-color: #f8f8f8;
    color: #666;
    margin: 0 8px 12px 0;
}

.labe-page02-wrap .hot-label-list a:hover {
    color: #fff;
}

.labelDetails-page02-wrap .label-page02-cont {
    width: 72%;
    padding-right: 0;
    border-right: solid 1px #f1f1f1;
    margin-right: -1px;
}

.labelDetails-page02-wrap .mianbaoxie {
    right: 5%;
}

.labelDetails-page02-wrap .label-news-list {
    margin-bottom: 0;
}

.labelDetails-page02-wrap .label-news-list .cxyj-txts-news {
    width: 100%;
}

.labelDetails-page02-wrap .cxyj-txts-news {
    border-left: none 0;
    left: 0;
}

.labelDetails-page02-wrap .cxyj-txts-news ul li {
    border-bottom: solid 1px #e8e8e8;
    border-top: none 0;
    box-sizing: border-box;
}

.labelDetails-page02-wrap .cxyj-txts-news li>div {
    padding: 2% 5% 3% 0;
}

.labelDetails-page02-wrap .cxyj-txts-news li>div>a {
    right: 5%;
}

.labelDetails-page02-wrap .cxyj-txts-news ul li:hover {
    padding-left: 4%;
}

.labelDetails-page02-wrap .news-details-wrap {
    width: 28%;
}

.labelDetails-page02-wrap .news-details-wrap .news-details-right {
    width: 100%;
    padding-left: 12%;
    padding-right: 4%;
}

.news-details-wrap .classic-case h3 {
    padding-bottom: 25px;
}

.news-details-wrap .classic-case a {
    display: block;
    width: 42%;
    margin-right: 8%;
    margin-bottom: 15px;
    text-align: center;
    font-size: 13px;
}

.news-details-wrap .classic-case a p {
    padding-top: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news-details-wrap .classic-case a img {
    border: solid 1px #ececec;
    box-sizing: border-box;
}

.news-details-wrap .classic-case a:hover img {
    border-color: #f30000;
}

.labelDetails-page02-wrap .label-news-list .label {
    display: inline-block;
    margin-left: 15px;
    font-size: 13px;
}

.labelDetails-page02-wrap .label-news-list .label i {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-position: -135px -112px;
    position: relative;
    top: 2px;
    margin-right: 6px;
}

.labelDetails-page02-wrap .label-news-list .label a:after {
    display: none;
}

.labelDetails-page02-wrap .label-news-list .label a:hover {
    color: #f30000;
    text-decoration: underline;
}


/*网站地图*/

.sitemap-wrap {
    margin: 130px 0 30px;
}

.sitemap-wrap .sitemap-box {
    background-color: #fff;
    padding: 4%;
}

.sitemap-wrap .sitemap-nav {
    position: relative;
    font-size: 20px;
    color: #1d1d1d;
    padding-bottom: 26px;
    border-bottom: solid 1px #f2f2f2;
}

.sitemap-wrap .sitemap-nav .xml-map {
    display: inline-block;
    color: #999;
    margin-left: 16px;
    padding-left: 16px;
    position: relative;
}

.sitemap-wrap .sitemap-nav .xml-map:before {
    content: '';
    display: block;
    width: 1px;
    height: 20px;
    border-left: dashed 1px #999;
    position: absolute;
    left: 0;
    top: 2px;
    z-index: 2;
}

.sitemap-wrap .sitemap-cont .item {
    padding: 40px 0;
    border-bottom: solid 1px #f2f2f2;
}

.sitemap-wrap .sitemap-cont .tt a {
    display: inline-block;
    font-size: 20px;
    color: #333;
    margin-right: 20px;
}

.sitemap-wrap .sitemap-cont .list a {
    display: inline-block;
    font-size: 16px;
    color: #999;
    margin: 12px 18px 0 0;
}

.sitemap-wrap .sitemap-cont .list a:hover {
    color: #1d1d1d;
}


/*新闻综合*/

.newsAll-wrap {
    margin-top: 130px;
    margin-bottom: 30px;
}

.newsAll-wrap .newsAll-free-box {
    height: 396px;
}

.newsAll-wrap .newsAll-free-box .newsAll-banner {
    width: 70%;
    height: 100%;
    position: relative;
}

.newsAll-wrap .newsAll-banner ul {
    width: 100%;
    height: 100%;
    position: relative;
}

.newsAll-wrap .newsAll-banner li {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.newsAll-wrap .newsAll-banner li span.img-box {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    overflow: hidden;
}

.newsAll-wrap .newsAll-banner li h2 {
    font-size: 30px;
    font-weight: 400;
    color: #fff;
    position: absolute;
    left: 11%;
    top: 22%;
    line-height: 50px;
    z-index: 2;
}

.newsAll-wrap .newsAll-banner li a {
    display: block;
    width: 148px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    border: solid 1px #fff;
    color: #fff;
    position: absolute;
    left: 11%;
    bottom: 22%;
    z-index: 3;
}

.newsAll-wrap .newsAll-banner li a span {
    padding-right: 15px;
}

.newsAll-wrap .newsAll-banner li a:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: solid 5px transparent;
    border-bottom: solid 5px transparent;
    border-left: solid 5px #fff;
    position: absolute;
    right: 40px;
    top: 50%;
    margin-top: -5px;
    z-index: 2;
}

.newsAll-wrap .newsAll-banner li a:hover {
    border-color: #f30000;
}

.newsAll-wrap .newsAll-banner li:not(:first-child) {
    display: none;
}

.newsAll-banner-nav {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 8%;
    left: 0;
    z-index: 9;
}

.newsAll-banner-nav span {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #fff;
    margin-right: 15px;
    border-radius: 50%;
    cursor: pointer;
}

.newsAll-banner-nav span.cur {
    background-color: #e80000;
}

.newsAll-wrap .newsAll-free-box .free-website {
    width: 28%;
    height: 100%;
    background-color: #fff;
    border-top: solid 10px #e80000;
    padding: 0 4% 0 3%;
    box-sizing: border-box;
}

.newsAll-wrap .free-website h3 {
    font-weight: 400;
    font-size: 24px;
    color: #333;
    padding: 15% 0 10%;
}

.newsAll-wrap .free-website .free-form>span {
    display: block;
    width: 100%;
    height: 50px;
    border: solid 1px #ebebeb;
    margin-bottom: 20px;
}

.newsAll-wrap .free-website .free-form input {
    width: 100%;
    height: 50px;
    padding: 0 15px;
    box-sizing: border-box;
}

.newsAll-wrap .free-website .free-form a {
    display: block;
    width: 100%;
    height: 55px;
    line-height: 55px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    background-color: #e80000;
    margin-top: 30px;
}

.newsAll-wrap .free-website .free-form a em {
    background-color: #1d1d1d;
}

.newsAll-wrap .free-website>p {
    font-size: 14px;
    color: #666;
    padding-top: 20px;
    line-height: 22px;
}

.newsAll-wrap .website-building-box {
    margin: 20px 0;
    padding: 4% 5% 1%;
    box-sizing: border-box;
    background-color: #fff;
}

.newsAll-wrap .tt {
    border-bottom: solid 1px #f3f3f3;
    position: relative;
    overflow: hidden;
}

.newsAll-wrap .tt h2 {
    float: left;
    font-weight: 400;
    font-size: 24px;
    color: #1d1d1d;
    padding-bottom: 22px;
    border-bottom: solid 1px #e80000;
}

.newsAll-wrap .tt .alinks {
    margin-top: 5px;
}

.newsAll-wrap .tt .alinks a {
    color: #666;
    font-size: 16px;
    padding: 0 10px;
}

.newsAll-wrap .tt .alinks a:hover {
    color: #f30000;
    text-decoration: underline;
}

.website-building-cont {
    margin-top: 30px;
    margin-bottom: 0;
}

.website-building-cont .infos {
    width: 58%;
}

.website-building-cont .infos .item {
    width: 45%;
    margin-right: 5%;
}

.website-building-cont .infos .img-box {
    /*height: 185px;*/
}

.website-building-cont .news-list-cont {
    width: 42%;
}

.website-building-cont .news-list-cont li {
    position: relative;
    margin-bottom: 12px;
}

.website-building-cont .news-list-cont li a {
    display: block;
    width: 80%;
    color: #1d1d1d;
    font-size: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.website-building-cont .news-list-cont li em {
    color: #1d1d1d;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
}

.website-building-cont .news-list-cont li a:hover {
    color: #f30000;
    text-decoration: underline;
}

@media only screen and (min-width: 1600px) {
    .newsAll-wrap .newsAll-free-box {
        height: 460px;
    }
    .website-building-cont .infos .img-box {
        height: 214px;
    }
    .website-building-cont .news-list-cont li {
        margin-bottom: 15px;
    }
}


/*竞价专题页*/

.toptitle {
    width: 100%;
    text-align: center;
    overflow: hidden;
    padding-top: 30px;
    position: relative;
}

.toptitle h3 {
    font-size: 18px;
    color: #3f3f3f;
}

.toptitle h2 {
    font-weight: normal;
    display: block;
    font-size: 40px;
    color: #333;
}

.toptitle h2 font {
    color: #ff5d00;
}

.toptitle i {
    background: url(Img/hr.png) no-repeat center center;
    display: block;
    height: 10px;
}

.jj_banner {
    background: url(Img/jingjiabnr.jpg) no-repeat center top;
    width: 100%;
    height: 760px;
    position: relative;
}

.jiajing1 {
    position: absolute;
    left: 400px;
    top: 57px;
    opacity: 0;
}

.jiajing2 {
    position: absolute;
    right: 400px;
    top: 188px;
    opacity: 0;
}

.jjquestion {
    height: 815px;
    margin: 0px auto;
}

.jj_eight {
    width: 1004px;
    margin: 0px auto;
}

.jj_eight ul {
    margin-top: 35px;
    height: 540px;
    width: 1087px;
}

.jj_eight ul li a {
    float: left;
    width: 240px;
    height: 258px;
    margin-bottom: 30px;
    display: block;
    background: url(Img/achengse1.png) no-repeat;
    width: 194px;
    height: 232px;
    margin-right: 75px;
    position: relative;
}

.jj_eight ul li a:hover {
    display: block;
    background: url(Img/achengse.png) no-repeat;
    width: 194px;
    height: 232px;
}

.jj_li1 a span {
    position: absolute;
    top: 120px;
    left: 50px;
    color: #333;
    font-size: 24px;
    display: block;
    text-align: center;
}

.jj_li1 a:hover span {
    position: absolute;
    top: 120px;
    left: 50px;
    color: #fff;
    font-size: 24px;
    display: block;
    text-align: center;
}

.jj_li1 a span font {
    display: block;
    font-size: 12px;
    color: #ccc;
}

.jj_li1 i {
    background: url(Img/01.png) no-repeat center 0px;
    width: 56px;
    height: 42px;
    position: absolute;
    left: 35.5%;
    top: 60px;
    display: block;
}

.jj_li1 a:hover i {
    background: url(Img/01.png) no-repeat center -49px;
    width: 56px;
    height: 42px;
    display: block;
    transition: all 0.5s ease 0s;
}

.jj_li2 a span {
    position: absolute;
    top: 120px;
    left: 20px;
    color: #333;
    font-size: 24px;
    display: block;
    text-align: center;
}

.jj_li2 a:hover span {
    position: absolute;
    top: 120px;
    left: 20px;
    color: #fff;
    font-size: 24px;
    display: block;
    text-align: center;
}

.jj_li2 a span font {
    display: block;
    font-size: 12px;
    color: #ccc;
}

.jj_li2 i {
    background: url(Img/02.png) no-repeat center 0px;
    width: 56px;
    height: 42px;
    position: absolute;
    left: 35.5%;
    top: 60px;
    display: block;
}

.jj_li2 a:hover i {
    background: url(Img/02.png) no-repeat center -49px;
    width: 56px;
    height: 42px;
    display: block;
    transition: all 0.5s ease 0s;
}

.jj_li3 a span {
    position: absolute;
    top: 120px;
    left: 50px;
    color: #333;
    font-size: 24px;
    display: block;
    text-align: center;
}

.jj_li3 a:hover span {
    position: absolute;
    top: 120px;
    left: 50px;
    color: #fff;
    font-size: 24px;
    display: block;
    text-align: center;
}

.jj_li3 a span font {
    display: block;
    font-size: 12px;
    color: #ccc;
}

.jj_li3 i {
    background: url(Img/03.png) no-repeat center 0px;
    width: 56px;
    height: 42px;
    position: absolute;
    left: 35.5%;
    top: 60px;
    display: block;
}

.jj_li3 a:hover i {
    background: url(Img/03.png) no-repeat center -49px;
    width: 56px;
    height: 42px;
    display: block;
    transition: all 0.5s ease 0s;
}

.jj_li4 a span {
    position: absolute;
    top: 120px;
    left: 10px;
    color: #333;
    font-size: 24px;
    display: block;
    text-align: center;
}

.jj_li4 a:hover span {
    position: absolute;
    top: 120px;
    left: 10px;
    color: #fff;
    font-size: 24px;
    display: block;
    text-align: center;
}

.jj_li4 a span font {
    display: block;
    font-size: 12px;
    color: #ccc;
}

.jj_li4 i {
    background: url(Img/04.png) no-repeat center 0px;
    width: 56px;
    height: 42px;
    position: absolute;
    left: 35.5%;
    top: 60px;
    display: block;
}

.jj_li4 a:hover i {
    background: url(Img/04.png) no-repeat center -49px;
    width: 56px;
    height: 42px;
    display: block;
    transition: all 0.5s ease 0s;
}

.jj_li5 a span {
    position: absolute;
    top: 120px;
    left: 10px;
    color: #333;
    font-size: 24px;
    display: block;
    text-align: center;
}

.jj_li5 a:hover span {
    position: absolute;
    top: 120px;
    left: 10px;
    color: #fff;
    font-size: 24px;
    display: block;
    text-align: center;
}

.jj_li5 a span font {
    display: block;
    font-size: 12px;
    color: #ccc;
}

.jj_li5 i {
    background: url(Img/05.png) no-repeat center 0px;
    width: 56px;
    height: 42px;
    position: absolute;
    left: 35.5%;
    top: 60px;
    display: block;
}

.jj_li5 a:hover i {
    background: url(Img/05.png) no-repeat center -49px;
    width: 56px;
    height: 42px;
    display: block;
    transition: all 0.5s ease 0s;
}

.jj_li6 a span {
    position: absolute;
    top: 120px;
    left: 20px;
    color: #333;
    font-size: 24px;
    display: block;
    text-align: center;
}

.jj_li6 a:hover span {
    position: absolute;
    top: 120px;
    left: 20px;
    color: #fff;
    font-size: 24px;
    display: block;
    text-align: center;
}

.jj_li6 a span font {
    display: block;
    font-size: 12px;
    color: #ccc;
}

.jj_li6 i {
    background: url(Img/06.png) no-repeat center 0px;
    width: 56px;
    height: 42px;
    position: absolute;
    left: 35.5%;
    top: 60px;
    display: block;
}

.jj_li6 a:hover i {
    background: url(Img/06.png) no-repeat center -49px;
    width: 56px;
    height: 42px;
    display: block;
    transition: all 0.5s ease 0s;
}

.jj_li7 a span {
    position: absolute;
    top: 120px;
    left: 30px;
    color: #333;
    font-size: 24px;
    display: block;
    text-align: center;
}

.jj_li7 a:hover span {
    position: absolute;
    top: 120px;
    left: 30px;
    color: #fff;
    font-size: 24px;
    display: block;
    text-align: center;
}

.jj_li7 a span font {
    display: block;
    font-size: 12px;
    color: #ccc;
}

.jj_li7 i {
    background: url(Img/07.png) no-repeat center 0px;
    width: 56px;
    height: 42px;
    position: absolute;
    left: 35.5%;
    top: 60px;
    display: block;
}

.jj_li7 a:hover i {
    background: url(Img/07.png) no-repeat center -49px;
    width: 56px;
    height: 42px;
    display: block;
    transition: all 0.5s ease 0s;
}

.jj_li8 a span {
    position: absolute;
    top: 120px;
    left: 10px;
    color: #333;
    font-size: 24px;
    display: block;
    text-align: center;
}

.jj_li8 a:hover span {
    position: absolute;
    top: 120px;
    left: 10px;
    color: #fff;
    font-size: 24px;
    display: block;
    text-align: center;
}

.jj_li8 a span font {
    display: block;
    font-size: 12px;
    color: #ccc;
}

.jj_li8 i {
    background: url(Img/08.png) no-repeat center 0px;
    width: 56px;
    height: 42px;
    position: absolute;
    left: 35.5%;
    top: 60px;
    display: block;
}

.jj_li8 a:hover i {
    background: url(Img/08.png) no-repeat center -49px;
    width: 56px;
    height: 42px;
    display: block;
    transition: all 0.5s ease 0s;
}

.jj_eight p {
    height: 71px;
    overflow: hidden;
    text-align: center;
    position: relative;
}

.jj_eight p a {
    position: absolute;
    left: 40%;
    height: 71px;
    padding-left: 3px;
    padding-top: 12px;
    font-size: 18px;
    color: #fff;
}

.jj_job {
    height: 740px;
    background: url(Img/fannao.png) no-repeat 500px 300px #262626;
}

.jj_job1 {
    width: 1004px;
    margin: 0px auto;
    height: 530px;
    padding-top: 105px;
}

.jj_left {
    width: 32%;
    float: left;
    margin-left: 40px;
    height: 553px;
}

.jj_right {
    width: 45%;
    float: right;
    background: url(Img/jjrightbg.png) no-repeat right 232px;
    height: 553px;
}

.jj_left h3 {
    background: url(Img/quan1.png) no-repeat;
    width: 373px;
    height: 56px;
    text-align: center;
    line-height: 56px;
    font-size: 35px;
    color: #fff;
}

.jj_left h3 font {
    color: #ff5d00;
}

.jj_left ul {
    background: url(Img/libg.png) no-repeat;
    width: 359px;
    height: 315px;
    margin-top: 35px;
}

.jj_left ul li {
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    color: #fff;
    padding-left: 30px;
}

.jj_left h4 {
    font-size: 35px;
    color: #ff5d00;
    font-weight: bold;
    height: 60px;
    line-height: 60px;
    margin-top: 30px;
}

.jj_left p {
    color: #fff;
}

.jj_right h3 {
    background: url(Img/quan2.png) no-repeat;
    width: 373px;
    height: 56px;
    text-align: center;
    line-height: 56px;
    font-size: 35px;
    color: #fff;
    margin-bottom: 35px;
}

.jj_right h3 font {
    color: #ff5d00;
}

.jj_right ul li {
    height: 35px;
    line-height: 35px;
    color: #fff;
    font-size: 15px;
}

.jj_right ul li p {
    float: left;
    padding-left: 10px;
}

.jj_right ul li font {
    background: url(Img/quan4.png) no-repeat left center;
    height: 21px;
    width: 21px;
    float: left;
    margin-top: 8px;
    text-align: center;
    line-height: 21px;
    display: block;
}

.jj_right a {
    color: #ff5d00;
    background: url(Img/heise3.png) no-repeat;
    margin-left: 110px;
    width: 208px;
    text-align: center;
    padding-top: 15px;
    height: 79px;
    font-size: 18px;
    margin-top: 245px;
    display: block;
}


/*竞价专题页*/


/*方法*/

.jjfnleft {
    width: 50%;
    background: url(Img/cs1.jpg) repeat-x;
    height: 454px;
    float: left;
}

.jjfnright {
    width: 50%;
    background: #ff5d00;
    height: 454px;
    float: left;
}

.jf_p1 {
    background: url(Img/a1.png) no-repeat 30px 80px;
    height: 167px;
    padding-top: 90px;
    color: #fff;
    font-size: 16px;
    padding-left: 200px;
    text-align: left;
    line-height: 30px;
}

.jf_p2 {
    background: url(Img/a2.png) no-repeat 30px 50px;
    height: 167px;
    padding-top: 50px;
    color: #fff;
    font-size: 16px;
    padding-left: 200px;
    text-align: left;
    line-height: 30px;
}

.jjfnright p {
    margin: 80px;
    height: 345px;
    background: url(Img/shendu1.png) no-repeat;
    padding-top: 130px;
    text-align: left;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
}

.jjfanfa {
    height: 690px;
    background: #f7f7f7;
    border-bottom: 2px solid #989898;
    padding-top: 50px;
    text-align: center;
}

.jjfanfa1 {
    width: 1004px;
    margin: 0px auto;
    padding-top: 45px;
}

.jj_jianjie {
    width: 100%;
    background: #f3f3f3;
    height: 650px;
    border-top: 5px solid #989898;
    padding-top: 80px;
    margin: 0px auto;
}

.jj_jianjie1 {
    width: 1004px;
    margin: 0px auto;
}

.jj_jianjie2 h3 {
    font-size: 35px;
    color: #000;
    text-align: center;
    font-weight: normal;
}

.jj_jianjie2 h3 font {
    color: #ff5d00;
    font-weight: normal;
}

.jj_jianjie2 span {
    display: block;
    font-size: 18px;
    color: #000;
    text-align: center;
}

.jj_jianjie2 ul {
    background: url(Img/liyangse.png) no-repeat;
    width: 1080px;
    height: 98px;
    margin-top: 55px;
}

.jj_jianjie2 ul li {
    height: 98px;
    text-align: center;
    line-height: 98px;
    float: left;
    color: #fff;
    font-size: 30px;
    width: 239px;
    margin-right: 14px;
    font-weight: bold;
}

.jj_txt {
    background: url(Img/sxin.png) no-repeat left center;
    height: 270px;
    margin-top: 50px;
}

.jj_txt ul {
    margin-left: 482px;
    padding-top: 60px;
}

.jj_txt ul li {
    width: 500px;
    height: 80px;
}

.jj_txt ul li span {
    width: 44px;
    height: 44px;
    margin-right: 10px;
    color: #fff;
    line-height: 44px;
    font-size: 24px;
    text-align: center;
    float: left;
    background: #ff5d00;
}

.jj_txt ul li p {
    float: left;
    width: 440px;
}

.jj_txt ul li p font {
    display: block;
    font-size: 24px;
    color: #ff5d00;
}

.lhy1 {
    width: 1004px;
    margin: 0px auto;
    height: 454px
}

.lhy {
    background: url(Img/scai.jpg) no-repeat center center;
    height: 620px;
    text-align: center;
    padding-top: 120px;
}

.lhy a {
    width: 456px;
    display: block;
    margin: 0 auto;
}

.lhy_left {
    width: 50%;
    float: left;
}

.lhy_right {
    width: 40%;
    margin-left: 5%;
    height: 450px;
    float: left;
}

.lhy_right h3 {
    height: 50px;
    line-height: 50px;
    color: #fff;
    width: 340px;
    height: 70px;
    line-height: 70px;
    font-size: 30px;
    text-align: center;
    border: 3px solid #fff;
}

.lhy_right p {
    font-size: 18px;
    line-height: 30px;
    margin-top: 30px;
    color: #fff;
    text-align: left;
}

.jj_yunying {
    background: url(Img/hesebj.jpg) no-repeat center top;
    height: 650px;
    width: 100%;
    margin: 0px auto;
    padding-top: 70px;
}

.jj_yunying1 {
    width: 1004px;
    margin: 0px auto;
    background: #fff;
    height: 540px;
    padding-top: 20px;
}

#zimu {
    font-size: 12px;
    color: #ccc;
}

.jj_yunying2 {
    background: url(Img/bdjj.jpg) no-repeat right bottom;
    height: 360px;
    margin: 0px 70px;
    padding-top: 10px;
}

.jj_yunying2 ul {
    background: url(Img/tubian.jpg) no-repeat;
    height: 292px;
}

.jj_yunying2 ul li {
    height: 44px;
    margin-top: 40px;
}

.jj_yunying2 p {
    padding-left: 80px;
    font-size: 16px;
    color: #000;
}

.jj_yunying2 p font {
    color: #ff5d00;
}

.jj_yunying2 p b {
    display: block;
    font-size: 18px;
    color: #ff5d00;
}

.liudayoushi {
    width: 1004px;
    margin: 0px auto;
    height: 1250px;
    padding-top: 15px;
}

.jj_youshi ul {
    margin-top: 50px;
    height: 1450px;
}

.jj_youshi ul li {
    width: 50%;
    float: left;
    margin-bottom: 40px;
}

.jj_youshi ul li i {
    display: block;
    width: 520px;
    height: 269px;
    overflow: hidden;
}

.jj_youshili span {
    width: 98px;
    height: 173px;
    line-height: 173px;
    text-align: center;
    color: #fff;
    font-size: 35px;
    background: #ff5d00;
    display: block;
    float: left;
    margin-right: 15px;
}

.jj_youshili p {
    line-height: 25px;
    font-size: 14px;
    width: 413px;
    float: left;
    text-align: left;
}

.jj_youshili p font {
    display: block;
    color: #ff5d00;
    height: 40px;
    line-height: 40px;
    font-size: 24px;
    padding-bottom: 5px;
}

.liright1 p {
    padding-top: 15px;
    width: 411px;
    padding-right: 10px;
    text-align: left;
}

.jj_youshi p a {
    display: block;
    background: url(Img/heise1.png) no-repeat;
    width: 208px;
    position: absolute;
    left: 40%;
    text-align: center;
    height: 71px;
    padding-left: 3px;
    padding-top: 12px;
    font-size: 18px;
    color: #fff;
}

.jj_youshi p a:hover {
    display: block;
    background: url(Img/heise2.png) no-repeat;
}

.jj_case {
    background: url(Img/heisebg.jpg) no-repeat no-repeat center top;
    width: 100%;
    height: 620px;
    padding-top: 40px;
    overflow: hidden;
}

.jj_case h3 {
    font-size: 30px;
    color: #fff;
    text-align: center;
    font-weight: normal;
}

.jj_case h3 font {
    color: #ff5d00;
    display: block;
    font-weight: normal;
}

.liudayunying {
    width: 1004px;
    margin: 0px auto;
    margin-top: 50px;
}

.liudayunying ul {
    width: 1050px;
    height: 913px;
}

.liudayunying ul li {
    float: left;
    height: 427px;
    width: 323px;
    margin-bottom: 25px;
    margin-right: 18px;
    background: #f7f7f7;
    color: #000;
}

.liudayunying ul li p font {
    color: #ff5d00;
}

.liudayunying h4 {
    text-align: center;
}

.liudayunying h4 img {
    width: 249px;
    height: 54px;
}

.liudayunying h4 a {
    margin-left: 35%;
    margin-top: 30px;
    width: 208px;
    height: 71px;
    display: block;
    text-align: center;
}

.ldy1 h3 {
    background: url(Img/sanjiao1.png) no-repeat left top;
    height: 60px;
    padding-top: 35px;
    font-size: 20px;
    color: #ff5d00;
    padding-left: 75px;
    font-weight: bold;
}

.ldy1 p {
    padding: 20px;
    font-size: 13px;
    line-height: 25px;
    background: url(Img/jjys1.png) no-repeat center bottom;
    height: 293px;
}

.ldy2 h3 {
    background: url(Img/sanjiao2.png) no-repeat left top;
    height: 60px;
    padding-top: 35px;
    font-size: 20px;
    color: #ff5d00;
    padding-left: 75px;
    font-weight: bold;
}

.ldy2 p {
    padding: 20px;
    font-size: 13px;
    line-height: 25px;
    background: url(Img/jjys2.png) no-repeat center bottom;
    height: 293px;
}

.ldy3 h3 {
    background: url(Img/sanjiao3.png) no-repeat left top;
    height: 60px;
    padding-top: 35px;
    font-size: 20px;
    color: #ff5d00;
    padding-left: 75px;
    font-weight: bold;
}

.ldy3 p {
    padding: 20px;
    font-size: 13px;
    line-height: 25px;
    background: url(Img/jjys3.png) no-repeat center bottom;
    height: 293px;
}

.ldy4 h3 {
    background: url(Img/sanjiao4.png) no-repeat left top;
    height: 60px;
    padding-top: 35px;
    font-size: 20px;
    color: #ff5d00;
    padding-left: 75px;
    font-weight: bold;
}

.ldy4 p {
    padding: 20px;
    font-size: 13px;
    line-height: 25px;
    background: url(Img/jjys4.png) no-repeat center bottom;
    height: 293px;
}

.ldy5 h3 {
    background: url(Img/sanjiao5.png) no-repeat left top;
    height: 60px;
    padding-top: 35px;
    font-size: 20px;
    color: #ff5d00;
    padding-left: 75px;
    font-weight: bold;
}

.ldy5 p {
    padding: 20px;
    font-size: 13px;
    line-height: 25px;
    background: url(Img/jjys5.png) no-repeat center bottom;
    height: 293px;
}

.ldy6 h3 {
    background: url(Img/sanjiao6.png) no-repeat left top;
    height: 60px;
    padding-top: 35px;
    font-size: 20px;
    color: #ff5d00;
    padding-left: 75px;
    font-weight: bold;
}

.ldy6 p {
    padding: 20px;
    font-size: 13px;
    line-height: 25px;
    background: url(Img/jjys6.png) no-repeat center bottom;
    height: 293px;
}

.jj_fk {
    width: 1004px;
    margin: 0px auto;
    height: 650px;
    padding-top: 80px;
}

.jj_fkleft {
    width: 58%;
    text-align: center;
    overflow: hidden;
    float: left;
}

.jj_fkleft h3 {
    font-size: 36px;
    font-weight: bold;
    color: #ff5d00;
    margin-bottom: 50px;
}

.jj_fkright {
    width: 355px;
    float: right;
}

.jj_fkright h3 {
    font-size: 40px;
    color: #000;
    margin-top: -10px;
}

.jj_fkright h3 font {
    font-size: 48px;
    color: #ff5d00;
}

.jj_fkright span {
    font-size: 14px;
}

.jj_form1 {
    margin-top: 35px;
}

.jj_xm1 {
    margin-top: 20px;
    text-indent: 75px;
    font-size: 14px;
    color: #666;
    height: 30px;
    padding: 10px 0px;
    width: 358px;
    border: none;
}

#txtsites1 {
    background: url(Img/f11.png) no-repeat 15px center #efefef;
}

#txtfw1 {
    background: url(Img/f22.png) no-repeat 15px center #efefef;
}

#txtphones1 {
    background: url(Img/f33.png) no-repeat 15px center #efefef;
}

.submtj {
    background: url(Img/sumit.jpg) no-repeat;
    width: 167px;
    height: 63px;
    border: none;
    float: left;
    cursor: pointer;
}

.jj_midtxt4 {
    margin-top: 30px;
}

.zhengduan {
    float: right;
    display: block;
}

.cpcenter1 .rside {
    width: 1004px;
    margin: 0px auto;
    height: 465px;
    position: relative;
    z-index: 5;
    overflow: hidden;
    margin-top: 35px;
}

.cpcenter1 .rside .pic_show {
    overflow: hidden;
    width: 1000000px;
    height: 465px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 60;
    overflow: hidden;
}

.cpcenter1 .rside .pic_show li {
    overflow: hidden;
    height: 465px;
    width: 1004px;
    float: left;
}

.cpcenter1 .rside .pic_show li img {
    display: block;
    width: 1004px;
    height: 463px;
}

.qhbtn .prev {
    position: absolute;
    top: 45%;
    left: 0px;
    background: url(Img/faa1.png) no-repeat left center;
    z-index: 999;
    width: 44px;
    height: 44px;
    display: block;
}

.qhbtn .next {
    position: absolute;
    top: 45%;
    right: 0px;
    background: url(Img/fa1.png) no-repeat left center;
    z-index: 999;
    width: 44px;
    height: 44px;
    display: block;
}

.qhbtn .prev:hover {
    background: url(Img/faa11.png) no-repeat left center;
}

.qhbtn .next:hover {
    background: url(Img/fa11.png) no-repeat left center;
}

.zxSpanQita {
    margin: 44px auto;
    height: 325px;
}

.zxSpanQita h2 {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: normal;
}

.zxSpanQita h2 a {
    color: #ff5b00;
}

.zxSpanQita h2 span {
    display: block;
    font-size: 12px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    color: #999;
}

.zxSpanQita .zxBox {
    width: 650px;
}

.zxSpanQita .zxBox dl {
    height: 260px;
    overflow: hidden;
}

.zxSpanQita .zxBox dt {
    width: 250px;
}

.zxSpanQita .zxBox dt h5 {
    padding-top: 10px;
}

.zxSpanQita .zxBox p {
    line-height: 22px;
    padding-top: 12px;
}

.zxSpanQita .zxBox h2 {
    color: #ff5b00;
    font-size: 16px;
    font-weight: normal;
}

.zxSpanQita .zxBox h2 a {
    color: #ff5b00;
}

.zxSpanQita .zxBox dt img {
    width: 250px;
    overflow: hidden;
}

.zxSpanQita .zxBox dd {
    margin-left: 270px;
}

.zxSpanQita .zxBox dd ul {
    position: relative;
    top: -8px;
}

.zxSpanQita .zxBox dd li {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    padding-right: 10px;
}

.zxSpanQita .zxBox dd li>a {
    width: 250px;
    overflow: hidden;
    float: left;
    font-size: 14px;
}

.zxSpanQita .zxBox dd li font {
    float: right;
    font-size: 12px;
    color: #999999;
}


/*常见问题*/

.zxSpanQita .cjwt {
    padding-left: 42px;
    width: 505px;
}

.zxSpanQita .cjwt ul {
    position: relative;
    top: -8px;
}

.zxSpanQita .cjwt li {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    padding-right: 18px;
    font-size: 12px;
}

.zxSpanQita .cjwt li font {
    float: right;
    font-size: 12px;
    color: #999999;
}

.zxSpanQita .cjwt li a {
    float: left;
    width: 400px;
    overflow: hidden;
    font-size: 14px;
}


/*友情链接*/

.sp-title {
    width: 100%;
    height: 40px;
    border: none;
    line-height: 25px;
    overflow: hidden;
    color: #444;
    margin-right: 2px;
    padding-top: 20px;
}

.sp-title li {
    width: 100%;
    height: 42px;
    line-height: 42px;
    background: #E2E2E2;
    float: left;
    overflow: hidden;
}

.sp-title li a {
    font-size: 15px;
    color: #333333;
}

.sp-title li .yqljsq {
    float: left;
    margin-left: 15px;
    font-size: 15px;
}

.sp-title li .yqljck {
    float: right;
    margin-right: 15px;
}

.yplj_con {
    width: 100%;
    background: url(/skins/default//file/Default/images/yplj_ing.jpg) no-repeat center;
    padding-bottom: 30px;
}

.yplj_con .container {
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
}

.formbox table tbody tr td input {
    height: 20px;
}

.formbox {
    font-size: 14px;
    margin-bottom: 20px;
    padding-top: 20px;
}

.formbox input[type="button"] {
    cursor: pointer;
}

.formbox table tbody tr td input,
.formbox table tbody tr td textarea {
    width: 300px;
    padding: 5px;
}

.formbox table tbody tr td input.b18 {
    width: 80px;
    height: 30px;
}

.formbox em {
    display: block;
    width: 317px;
    height: 34px;
    position: relative;
}

.formbox table th,
table td {
    padding: 5px;
}


/*---2020-05-18---*/


/*--public*/

.sem-section,
.seo-section {
    overflow: hidden;
}

.wrap-title {
    text-align: center;
    overflow: hidden;
    margin-top: 80px;
    margin-bottom: 30px;
}

.wrap-title h2 {
    font-weight: normal;
    font-size: 32px;
    color: #000;
}

.wrap-title h2 a {
    color: #000;
}

.wrap-title p {
    margin-top: 15px;
    font-size: 16px;
    color: #999;
}

.wrap-title i {
    display: block;
    margin: 30px auto 0;
    width: 196px;
    height: 7px;
    background: url(/file/Default/images/wrap_tit.png);
}

@media (max-width:1599px) {
    .wrap-title h2 {
        font-size: 41px;
    }
    .wrap-title p {
        margin-top: 21px;
        font-size: 17px;
    }
}


/*--end public*/


/*--sem-section01--*/

.sem-section01 {
    padding: 100px 0;
    background: #fff;
}

.sem-section01-cont {
    margin-top: 40px;
    overflow: hidden;
    transform: translateX(-200%);
    transition: all 1s ease-in-out;
}

.sem-section01-cont .summary {
    text-align: center;
    line-height: 35px;
    font-size: 20px;
    color: #666;
    overflow: hidden;
}

.sem-section01-cont .list {
    padding: 0 50px;
    overflow: hidden;
}

.sem-section01-cont .item {
    float: left;
    margin-top: 120px;
    padding: 0 50px;
    width: 50%;
    overflow: hidden;
    box-sizing: border-box;
}

.sem-section01-cont .item .pic {
    float: left;
    width: 180px;
}

.sem-section01-cont .item .pic img {
    display: block;
    width: 100%;
}

.sem-section01-cont .item .text {
    padding-left: 20px;
    overflow: hidden;
}

.sem-section01-cont .item .text h3 {
    height: 45px;
    line-height: 45px;
    font-weight: normal;
    font-size: 34px;
    color: #000;
    overflow: hidden;
}

.sem-section01-cont .item .text p {
    height: 140px;
    line-height: 35px;
    font-size: 20px;
    color: #000;
}

.sem-section01.active .sem-section01-cont {
    transform: translateX(0);
}

@media (max-width:1599px) {
    .sem-section01 {
        padding: 85px 0;
    }
    .sem-section01-cont {
        margin-top: 34px;
    }
    .sem-section01-cont .item {
        margin-top: 102px;
        padding: 0 42.5px;
    }
    .sem-section01-cont .item .pic {
        width: 154px;
    }
    .sem-section01-cont .item .text {
        padding-left: 17px;
    }
    .sem-section01-cont .item .text h3 {
        height: 38px;
        line-height: 38px;
        font-size: 29px;
    }
    .sem-section01-cont .item .text p {
        height: 120px;
        line-height: 30px;
        font-size: 17px;
    }
}


/*--end sem-section01--*/


/*--sem-section02--*/

.sem-section02 {
    position: relative;
    padding: 60px 0;
    overflow: hidden;
}

.sem-section02:before,
.sem-section02:after {
    display: block;
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    content: "";
}

.sem-section02:before {
    left: 0;
    background: #f30000;
}

.sem-section02:after {
    right: 0;
    background: #222;
}

.sem-section02-cont {
    position: relative;
    z-index: 33;
    height: 634px;
    transform: translateX(200%);
    transition: all 1s ease-in-out;
}

.sem-section02-cont .leftCon {
    float: left;
    margin-left: -50px;
    padding: 0 60px;
    width: 756px;
    height: 634px;
    color: #000;
    background: #f8f8f8;
}

.sem-section02-cont .leftCon h2 {
    margin-top: 140px;
    height: 160px;
    line-height: 80px;
    font-weight: normal;
    font-size: 48px;
}

.sem-section02-cont .leftCon h4 {
    margin-top: 40px;
    line-height: 36px;
    font-size: 25px;
}

.sem-section02-cont .leftCon p {
    margin-top: 28px;
    font-size: 20px;
    line-height: 38px;
}

.sem-section02-cont .rightCon {
    float: right;
    padding-top: 30px;
    width: 500px;
    overflow: hidden;
}

.sem-section02-cont .rightCon .item {
    margin-top: 30px;
    overflow: hidden;
}

.sem-section02-cont .rightCon .num {
    float: left;
    width: 82px;
    height: 90px;
    line-height: 80px;
    font-size: 40px;
    text-align: center;
    color: #fff;
    overflow: hidden;
    background: url(/file/Default/images/sem_s2_num.png) no-repeat;
    transform: translateY(10px);
}

.sem-section02-cont .rightCon .text {
    padding-left: 20px;
    overflow: hidden;
}

.sem-section02-cont .rightCon .text h3 {
    height: 42px;
    line-height: 42px;
    font-size: 25px;
    color: #fff;
}

.sem-section02-cont .rightCon .text p {
    line-height: 24px;
    font-size: 14px;
    color: #fff;
    opacity: 0.8;
}

.sem-section02.active .sem-section02-cont {
    transform: translateX(0);
}

@media (max-width:1599px) {
    .sem-section02 {
        padding: 51px 0;
    }
    .sem-section02-cont {
        height: 543px;
    }
    .sem-section02-cont .leftCon {
        margin-left: -42px;
        padding: 0 21px;
        width: 660px;
        height: 543px;
    }
    .sem-section02-cont .leftCon h2 {
        margin-top: 120px;
        height: 137px;
        line-height: 68px;
        font-size: 41px;
    }
    .sem-section02-cont .leftCon h4 {
        margin-top: 34px;
        line-height: 30px;
        font-size: 21px;
    }
    .sem-section02-cont .leftCon p {
        margin-top: 24px;
        font-size: 17px;
        line-height: 32px;
    }
    .sem-section02-cont .rightCon {
        float: right;
        padding-top: 25px;
        width: 470px;
    }
    .sem-section02-cont .rightCon .item {
        margin-top: 25px;
    }
    .sem-section02-cont .rightCon .num {
        width: 70px;
        height: 77px;
        line-height: 68px;
        font-size: 34px;
        background-size: 100% 100%;
    }
    .sem-section02-cont .rightCon .text {
        padding-left: 17px;
    }
    .sem-section02-cont .rightCon .text h3 {
        height: 36px;
        line-height: 36px;
        font-size: 21px;
    }
    .sem-section02-cont .rightCon .text p {
        line-height: 20px;
        font-size: 12px;
        color: #fff;
    }
}


/*--end sem-section02--*/


/*--sem-section03--*/

.sem-section03 {
    padding-top: 30px;
    overflow: hidden;
    background: #f8f8f8;
}

.sem-section03-form {
    padding: 45px 20px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
    opacity: 0;
    transform: scale(0);
    transition: all 1s ease-in-out;
}

.sem-section03-form .text {
    float: left;
    width: 460px;
    overflow: hidden;
}

.sem-section03-form .text h3 {
    height: 48px;
    line-height: 48px;
    font-size: 35px;
    color: #e5000d;
}

.sem-section03-form .text p {
    margin-top: 5px;
    font-size: 18px;
    color: #6f6f6f;
    font-weight: 100;
}

.sem-section03-form .form {
    float: right;
    padding-top: 14px;
    width: 886px;
    overflow: hidden;
}

.sem-section03-form .form li {
    float: left;
    margin-left: 4px;
    overflow: hidden;
}

.sem-section03-form .form li input {
    display: block;
    padding: 10px 25px;
    width: 336px;
    height: 52px;
    font-size: 18px;
    outline: none;
    border: #e1e1e1 solid 1px;
    box-sizing: border-box;
    border-radius: 30px;
}

.sem-section03-form .form li input::-webkit-input-placeholder {
    color: #999;
}

.sem-section03-form .form li a {
    display: block;
    width: 200px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background: #ed4c55;
    border-radius: 30px;
}

.sem-section03-form .form li a:hover {
    background: #e5000d;
}

.sem-section03-cont {
    padding: 90px 0 110px;
    overflow: hidden;
}

.sem-section03-cont .list {
    overflow: hidden;
}

.sem-section03-cont .item {
    float: left;
    width: 420px;
    height: 450px;
    text-align: center;
    transform: rotate(180deg);
    overflow: hidden;
    background: url(/file/Default/images/sem_s3_item.png) no-repeat;
    transition: all 1s ease-in-out;
}

.sem-section03-cont .item:nth-child(2) {
    margin: 0 70px;
}

.sem-section03-cont .item em {
    display: block;
    margin-top: 90px;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    color: #e4e4e4;
}

.sem-section03-cont .item span {
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 28px;
    color: #ff0000;
}

.sem-section03-cont .item small {
    display: block;
    margin-top: 8px;
    font-size: 10px;
    color: #b8b7b7;
    text-transform: uppercase;
}

.sem-section03-cont .item p {
    margin-top: 20px;
    padding: 0 75px;
    height: 120px;
    line-height: 40px;
    font-size: 20px;
    color: #000;
}

.sem-section03-cont .item i {
    display: block;
    margin: 0 auto;
    width: 40px;
    height: 40px;
}

.sem-section03.active .sem-section03-form {
    opacity: 1;
    transform: scale(1);
}

.sem-section03.active .sem-section03-cont .item {
    transform: rotate(0);
}

@media (max-width:1599px) {
    .sem-section03 {
        margin-top: 25px;
    }
    .sem-section03-form {
        padding: 38px 17px;
        box-shadow: 0 4px 17px rgba(0, 0, 0, 0.15);
    }
    .sem-section03-form .text {
        width: 394px;
    }
    .sem-section03-form .text h3 {
        height: 41px;
        line-height: 41px;
        font-size: 30px;
    }
    .sem-section03-form .text p {
        margin-top: 4px;
        font-size: 15px;
    }
    .sem-section03-form .form {
        padding-top: 12px;
        width: 712px;
    }
    .sem-section03-form .form li input {
        padding: 8px 20px;
        width: 270px;
        height: 42px;
        font-size: 15px;
    }
    .sem-section03-form .form li a {
        width: 160px;
        height: 42px;
        line-height: 42px;
        font-size: 15px;
    }
    .sem-section03-cont {
        padding: 72px 0 88px;
    }
    .sem-section03-cont .item {
        width: 360px;
        height: 385px;
        background-size: 100% 100%;
    }
    .sem-section03-cont .item:nth-child(2) {
        margin: 0 60px;
    }
    .sem-section03-cont .item em {
        margin-top: 77px;
        height: 20px;
        line-height: 20px;
        font-size: 12px;
    }
    .sem-section03-cont .item span {
        height: 34px;
        line-height: 34px;
        font-size: 24px;
        color: #ff0000;
    }
    .sem-section03-cont .item small {
        margin-top: 6px;
        font-size: 10px;
    }
    .sem-section03-cont .item p {
        margin-top: 17px;
        padding: 0 64px;
        height: 102px;
        line-height: 34px;
        font-size: 17px;
    }
    .sem-section03-cont .item i {
        width: 34px;
        height: 34px;
    }
}


/*--end sem-section03--*/


/*--sem-section04--*/

.sem-section04 {
    padding: 100px 0;
    overflow: hidden;
    background: #fff;
}

.sem-section04-cont {
    margin-top: 90px;
    overflow: hidden;
    transform: translateX(200%);
    transition: all 1s ease-in-out;
}

.sem-section04-cont .pic {
    overflow: hidden;
}

.sem-section04-cont .pic img {
    display: block;
}

.sem-section04-cont .text {
    padding-top: 15px;
    font-size: 24px;
    line-height: 45px;
    color: #000;
    overflow: hidden;
}

.sem-section04-cont .text strong {
    font-size: 30px;
}

.sem-section04.active .sem-section04-cont {
    transform: translateX(0);
}

@media (max-width:1599px) {
    .sem-section04 {
        padding: 85px 0;
    }
    .sem-section04-cont {
        margin-top: 77px;
    }
    .sem-section04-cont .text {
        margin-top: 12px;
        font-size: 20px;
        line-height: 38px;
    }
    .sem-section04-cont .text strong {
        font-size: 25px;
    }
}


/*--end sem-section04--*/


/*--sem-section05--*/

.sem-section05 {
    padding: 100px 0;
    overflow: hidden;
    background: url(/file/Default/images/sem_s5_bg.jpg) no-repeat center 0;
    background-size: cover;
}

.sem-section05 .wrap-title h2 {
    color: #fff;
}

.sem-section05-cont {
    margin-top: 50px;
    overflow: hidden;
    transform: translateY(200%);
    transition: all 1s ease-in-out;
}

.sem-section05-slide {
    position: relative;
    margin: 0 auto;
    height: 554px;
}

.sem-section05-slide .list {
    margin: 0 auto;
    width: 1084px;
}

.sem-section05-slide .prev,
.sem-section05-slide .next {
    position: absolute;
    z-index: 33;
    top: 50%;
    margin-top: -36px;
    width: 72px;
    height: 72px;
    cursor: pointer;
    outline: none;
    border-radius: 50%;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
}

.sem-section05-slide .prev {
    left: 0;
    background-image: url(/file/Default/images/sem_s5_prev.png);
}

.sem-section05-slide .next {
    right: 0;
    background-image: url(/file/Default/images/sem_s5_next.png);
}

.sem-section05-slide .prev:hover,
.sem-section05-slide .next:hover {
    background-color: #f30000;
}

.sem-section05-slide .list {
    overflow: hidden;
}

.sem-section05-slide .item {
    width: 286px;
    height: 554px;
}

.sem-section05-slide .item img {
    display: block;
    width: 100%;
}

.sem-section05.active .sem-section05-cont {
    transform: translateY(0);
}

@media (max-width:1599px) {
    .sem-section05 {
        padding: 85px 0;
    }
    .sem-section05-cont {
        margin-top: 42px;
    }
    .sem-section05-slide {
        height: 474px;
    }
    .sem-section05-slide .prev,
    .sem-section05-slide .next {
        width: 62px;
        height: 62px;
    }
    .sem-section05-slide .item {
        width: 245px;
        height: 474px;
    }
}


/*--end sem-section04--*/


/*--sem-section06--*/

.sem-section06 {
    padding: 100px 0;
    overflow: hidden;
    background: #fff;
}

.sem-section06-cont {
    overflow: hidden;
}

.sem-section06-cont .list {
    width: 1430px;
    overflow: hidden;
}

.sem-section06-cont .item {
    position: relative;
    float: left;
    margin-top: 60px;
    margin-right: 30px;
    width: 325px;
    height: 168px;
    overflow: hidden;
    transition: all 1s ease-in-out;
}

.sem-section06-cont .item:nth-child(odd) {
    transform: rotateX(180deg);
}

.sem-section06-cont .item:nth-child(even) {
    transform: rotateY(180deg);
}

.sem-section06-cont .pic {
    overflow: hidden;
    border: #dcdcdc solid 1px;
}

.sem-section06-cont .pic img {
    display: block;
    width: 100%;
}

.sem-section06-cont .tit {
    position: absolute;
    z-index: 99;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: #f30000;
    transform: translateY(100%);
    transition: all 0.5s;
}

.sem-section06-cont .tit a {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    color: #fff;
    transform: translateY(-50%);
}

.sem-section06-cont .item:hover .tit {
    transform: translateY(0);
}

.sem-section06.active .sem-section06-cont .item {
    transform: rotate(0deg) !important;
}

@media (max-width:1599px) {
    .sem-section06 {
        padding: 85px 0;
    }
    .sem-section06-cont .list {
        width: 1225px;
    }
    .sem-section06-cont .item {
        margin-top: 51px;
        margin-right: 25px;
        width: 276px;
        height: 143px;
    }
}


/*--sem-section06--*/


/*--seo_banner--*/

.seo_banner {
    position: relative;
    height: 820px;
    overflow: hidden;
}

.seo_banner .item {
    height: 820px;
    background-repeat: no-repeat;
    background-position: center;
}

.seo_banner .banner-pager {
    position: absolute;
    z-index: 3;
    left: 0;
    bottom: 30px;
    width: 100%;
    text-align: center;
}

.seo_banner .banner-pager span {
    margin: 0 7px !important;
    width: 90px;
    height: 5px;
    cursor: pointer;
    border-radius: 0;
    opacity: 1;
    background: #fff;
}

.seo_banner .banner-pager span.swiper-pagination-bullet-active {
    background: #ff0000;
}


/*--end seo_banner--*/


/*--seo-section01--*/

.seo-section01 {
    padding: 80px 0 50px;
    overflow: hidden;
    background: #fff;
}

.seo-section01-cont {
    margin-top: 30px;
    overflow: hidden;
}

.seo-section01-cont .list {
    margin: 0 -25px;
    width: 1450px;
}

.seo-section01-cont .item {
    position: relative;
    float: left;
    width: 20%;
    text-align: center;
    transition: all 2s ease-in-out;
}

.seo-section01-cont .item i {
    display: block;
    margin: 0 auto;
    width: 168px;
    height: 182px;
}

.seo-section01-cont .item i img {
    display: block;
    width: 100%;
}

.seo-section01-cont .item .text {
    padding: 10px 25px;
    overflow: hidden;
}

.seo-section01-cont .item .text h3 {
    font-size: 24px;
    color: #222;
}

.seo-section01-cont .item .text p {
    margin-top: 10px;
    line-height: 32px;
    font-size: 18px;
    color: #222;
}

.seo-section01-cont .item:nth-child(1) {
    transform: translateX(100%);
}

.seo-section01-cont .item:nth-child(2) {
    transform: translateX(200%);
}

.seo-section01-cont .item:nth-child(3) {
    transform: translateX(300%);
}

.seo-section01-cont .item:nth-child(4) {
    transform: translateX(400%);
}

.seo-section01-cont .item:nth-child(5) {
    transform: translateX(500%);
}

.seo-section01.active .seo-section01-cont .item {
    transform: translateX(0) !important;
}

@media (max-width:1599px) {
    .seo-section01 {
        padding: 68px 0 42px;
    }
    .seo-section01-cont {
        margin-top: 25px;
    }
    .seo-section01-cont .list {
        margin: 0 -16px;
        width: 1232px;
    }
    .seo-section01-cont .item i {
        width: 142px;
        height: 154px;
    }
    .seo-section01-cont .item .text {
        padding: 10px 22px;
    }
    .seo-section01-cont .item .text h3 {
        font-size: 20px;
    }
    .seo-section01-cont .item .text p {
        line-height: 27px;
        font-size: 15px;
    }
}


/*--seo-section06--*/


/*--seo-section02--*/

.seo-section02 {
    padding: 70px 0;
    overflow: hidden;
    background: url(/file/Default/images/seo_s2_bg.jpg) no-repeat center 0;
}

.seo-section02 .tit {
    position: relative;
    padding-right: 50px;
    width: 600px;
    height: 70px;
    line-height: 70px;
    font-size: 48px;
    text-align: center;
    color: #fff;
}

.seo-section02 .tit:after {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -23px;
    width: 6px;
    height: 46px;
    content: "";
    background: #f30000;
}

.seo-section02 .list {
    margin-top: 22px;
    width: 650px;
    text-align: right;
    overflow: hidden;
}

.seo-section02 .list .item {
    height: 116px;
    line-height: 30px;
    font-size: 18px;
    color: #fff;
    overflow: hidden;
    transform: translateX(-100%);
    transition: all 1s ease-in-out;
}

.seo-section02 .list .item p {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.seo-section02 .list .item:nth-child(1) {
    transition: all 0.5s ease-in-out;
}

.seo-section02 .list .item:nth-child(2) {
    transition: all 1s ease-in-out;
}

.seo-section02 .list .item:nth-child(3) {
    transition: all 1.5s ease-in-out;
}

.seo-section02 .list .item:nth-child(4) {
    transition: all 2s ease-in-out;
}

.seo-section02.active .seo-section02-cont .list .item {
    transform: translateX(0);
}

@media (max-width:1599px) {
    .seo-section02 .tit {
        padding-right: 42px;
        width: 510px;
        font-size: 40px;
    }
    .seo-section02 .list {
        width: 552px;
    }
}


/*--seo-section02--*/


/*--seo-section03--*/

.seo-section03 {
    padding: 60px 10px 35px;
    overflow: hidden;
    background: #fff;
}

.seo-section03-cont {
    margin-top: 60px;
    overflow: hidden;
}

.seo-section03-cont .list {
    overflow: hidden;
}

.seo-section03-cont .item {
    position: relative;
    float: left;
    padding: 12px 20px;
    width: 50%;
    overflow: hidden;
    box-sizing: border-box;
    transform: translateY(100%);
    transition: all 1s ease-in-out;
}

.seo-section03-cont .pic {
    overflow: hidden;
}

.seo-section03-cont .pic img {
    display: block;
    width: 100%;
}

.seo-section03-cont .text {
    position: absolute;
    top: 50%;
    left: 50px;
    right: 50px;
    color: #fff;
    overflow: hidden;
    transform: translateY(-50%);
}

.seo-section03-cont .text h3 {
    font-size: 48px;
    font-weight: normal
}

.seo-section03-cont .text p {
    margin-top: 20px;
    line-height: 45px;
    font-size: 18px;
}

.seo-section03-cont .tips {
    padding-top: 35px;
    text-align: center;
    font-size: 18px;
    color: #000;
    overflow: hidden;
}

.seo-section03.active .seo-section03-cont .list .item {
    transform: translateY(0);
}

@media (max-width:1599px) {
    .seo-section03-cont {
        margin-top: 50px;
    }
    .seo-section03-cont .text h3 {
        font-size: 40px;
    }
    .seo-section03-cont .text p {
        margin-top: 17px;
        line-height: 38px;
        font-size: 15px;
    }
    .seo-section03-cont .tips {
        padding-top: 30px;
        font-size: 15px;
    }
}


/*--seo-section03--*/


/*--seo-section04--*/

.seo-section04 {
    padding: 90px 0;
    overflow: hidden;
    background: url(/file/Default/images/seo_s4_bg.jpg) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
}

.seo-section04 .wrap-title * {
    color: #fff;
}

.seo-section04-cont {
    overflow: hidden;
    transform: translateX(200%);
    transition: all 1s ease-in-out;
}

.seo-section04-cont .list {
    margin-top: 60px;
    width: 1420px;
}

.seo-section04-cont .item {
    float: left;
    margin-right: 20px;
    width: 264px;
    height: 500px;
    overflow: hidden;
    background: #fff;
}

.seo-section04-cont .icon {
    margin: 40px auto;
    width: 100px;
    height: 100px;
}

.seo-section04-cont .icon img {
    display: block;
    width: 100%;
}

.seo-section04-cont .text {
    text-align: center;
    overflow: hidden;
}

.seo-section04-cont .text h3 {
    height: 25px;
    line-height: 25px;
    font-weight: normal;
    font-size: 18px;
    color: #000;
}

.seo-section04-cont .text p {
    font-size: 16px;
    line-height: 28px;
    color: #666;
}

.seo-section04.active .seo-section04-cont {
    transform: translateX(0);
}

@media (max-width:1599px) {
    .seo-section04 {
        padding: 76px 0;
    }
    .seo-section04-cont .list {
        margin-top: 50px;
        width: 1220px;
    }
    .seo-section04-cont .item {
        margin-right: 16px;
        width: 228px;
    }
    .seo-section04-cont .text h3 {
        font-size: 16px;
    }
    .seo-section04-cont .text p {
        font-size: 14px;
    }
}


/*--end seo-section04--*/


/*--seo-section05--*/

.seo-section05 {
    padding: 90px 0;
    overflow: hidden;
    background: #f8f8f8;
}

.seo-section05-cont {
    margin-top: 68px;
    overflow: hidden;
}

.seo-section05-cont .list {
    width: 1460px;
}

.seo-section05-cont .item {
    float: left;
    margin-right: 60px;
    margin-bottom: 35px;
    width: 424px;
    overflow: hidden;
    background: #fff;
}

.seo-section05-cont .pic {
    overflow: hidden;
}

.seo-section05-cont .pic img {
    display: block;
    width: 100%;
    transition: all 1s;
}

.seo-section05-cont .text {
    padding: 15px 10px;
    overflow: hidden;
}

.seo-section05-cont .text h3 {
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    color: #000;
    font-weight: normal;
    overflow: hidden;
}

.seo-section05-cont .text h3 a {
    color: #000;
}

.seo-section05-cont .text .summary {
    height: 50px;
    line-height: 25px;
    font-size: 14px;
    color: #000;
    overflow: hidden;
}

.seo-section05-cont .item:hover .pic img {
    transform: scale(1.1);
}

.seo-section05-cont .item:hover .text h3 a {
    color: #f30000;
}

.seo-section05-cont .tips {
    padding: 20px;
    line-height: 40px;
    text-align: center;
    font-size: 24px;
    color: #000;
    overflow: hidden;
    background: #fff;
}

@media (max-width:1599px) {
    .seo-section05 {
        padding: 76px 0;
    }
    .seo-section05-cont {
        margin-top: 60px;
    }
    .seo-section05-cont .list {
        width: 1250px;
    }
    .seo-section05-cont .item {
        margin-right: 50px;
        margin-bottom: 30px;
        width: 360px;
    }
    .seo-section05-cont .tips {
        padding: 17px;
        line-height: 34px;
        font-size: 20px;
    }
}


/*--end seo-section05--*/


/*全网推广*/

.fz34 {
    font-size: 34px;
}

.fz18 {
    font-size: 18px;
}

.fz16 {
    font-size: 16px;
}

.icons-qwtg {
    display: block;
    background-image: url(/file/Default/images/icons_qwtg.png);
    background-repeat: no-repeat;
}

.qwtg-page02-wrap {
    width: 100%;
    height: 390px;
    position: relative;
    z-index: 2;
}

.qwtg-page02-wrap .qwtg-page02-cont .txts {
    width: 45%;
    color: #fff;
    height: 100%;
    position: relative;
    top: -60px;
    left: 12%;
    z-index: 3;
}

.qwtg-page02-wrap .txts h2 {
    font-weight: 400;
    padding-bottom: 30px;
}

.qwtg-page02-wrap .txts p {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 1px;
}

.qwtg-page02-wrap .txts span {
    display: block;
    padding-bottom: 25px;
    position: absolute;
    bottom: 25px;
    left: 0;
    z-index: 2;
}

.qwtg-page02-wrap .txts span em {
    display: block;
    font-size: 14px;
    padding-top: 2px;
}

.qwtg-page02-wrap .txts span:after {
    content: '';
    display: block;
    width: 32px;
    height: 7px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
}

.qwtg-page02-wrap .qwtg-page02-cont .r-img {
    width: 54%;
    height: 396px;
    background: url(/file/Default/images/qwtg_p2_img.png) no-repeat center center;
    background-size: 100% auto;
    position: absolute;
    top: -50px;
    right: 0;
    z-index: 2;
}


/*--qwtg-page03--*/

.qwtg-page03-wrap {
    padding: 90px 0 120px;
    overflow: hidden;
    background: #fff;
    border-bottom: #f8f8f8 solid 30px;
}

.qwtg-page03-cont {
    overflow: hidden;
}

.qwtg-page03-cont .list {
    position: relative;
    margin: 60px auto 0;
    width: 940px;
    height: 816px;
    overflow: hidden;
    background: url(/file/Default/images/qwtg_s3_list.jpg) no-repeat center 0;
}

.qwtg-page03-cont .item {
    position: absolute;
    width: 368px;
    overflow: hidden;
}

.qwtg-page03-cont .item h3 {
    font-weight: normal;
    font-size: 20px;
    color: #000;
}

.qwtg-page03-cont .item p {
    margin-top: 12px;
    line-height: 28px;
    font-size: 16px;
    color: #000;
}

.qwtg-page03-cont .item-1 {
    right: 0;
    top: 0;
}

.qwtg-page03-cont .item-2 {
    right: 0;
    top: 215px;
}

.qwtg-page03-cont .item-3 {
    left: 0;
    top: 460px;
    text-align: right;
}

.qwtg-page03-cont .item-4 {
    left: 0;
    top: 640px;
    text-align: right;
}


/*--end qwtg-page03--*/


/*--qwtg-page04--*/

.qwtg-page04-wrap {
    padding: 90px 0 80px;
    overflow: hidden;
    background: #fff;
    border-bottom: #f8f8f8 solid 30px;
}

.qwtg-page04-cont {
    margin-top: 50px;
    padding: 0 25px;
    overflow: hidden;
}

.qwtg-page04-cont .item {
    position: relative;
    float: left;
    margin: 0 1%;
    padding: 13px;
    width: 14.66%;
    height: 365px;
    background: #f1f1f1;
    box-sizing: border-box;
}

.qwtg-page04-cont .item:before,
.qwtg-page04-cont .item:after {
    display: block;
    position: absolute;
    content: "";
}

.qwtg-page04-cont .item:before {
    left: 10px;
    right: 10px;
    top: 10px;
    bottom: 10px;
    border: #e7e7e7 solid 1px;
}

.qwtg-page04-cont .item:after {
    left: 12px;
    right: 12px;
    top: 12px;
    bottom: 12px;
    border: #fff solid 2px;
}

.qwtg-page04-cont .pic {
    overflow: hidden;
}

.qwtg-page04-cont .pic img {
    display: block;
    width: 100%;
}

.qwtg-page04-cont .icon {
    position: relative;
    margin: 0 auto;
    width: 74px;
    height: 74px;
    background: #fff;
    border: #fb0002 solid 3px;
    border-radius: 50%;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.25);
    transform: translateY(-50%);
}

.qwtg-page04-cont .text {
    margin-top: -20px;
    padding: 0 10px;
    overflow: hidden;
}

.qwtg-page04-cont .text h3 {
    height: 25px;
    line-height: 25px;
    font-size: 20px;
    color: #000;
    font-weight: normal;
    text-align: center;
}

.qwtg-page04-cont .text i {
    display: block;
    margin: 12px auto;
    width: 40px;
    height: 2px;
    background: #fb0002;
}

.qwtg-page04-cont .text p {
    line-height: 25px;
    font-size: 14px;
    color: #000;
}

@media(max-width:1600px) {
    .qwtg-page04-cont {
        padding: 0 10px;
    }
    .qwtg-page04-cont .item {
        margin: 0 0.5%;
        width: 15.66%
    }
}


/*--end qwtg-page03--*/


/*--qwtg-page05--*/

.qwtg-page05-wrap {
    padding: 80px 0 60px;
    overflow: hidden;
    background: #fff;
}

.qwtg-page05-cont {}

.qwtg-page05-cont .list {}

.qwtg-page05-cont .item {
    float: left;
    margin-top: 4%;
    margin-right: 4%;
    width: 22%;
}

.qwtg-page05-cont .item:nth-child(4n) {
    margin-right: 0;
}

.qwtg-page05-cont .pic {
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.qwtg-page05-cont .pic img {
    display: block;
    width: 100%;
}

.qwtg-page05-cont .text {
    padding-top: 20px;
    text-align: center;
    overflow: hidden;
}

.qwtg-page05-cont .text h3 {
    font-weight: normal;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.qwtg-page05-cont .text h3 a {
    color: #000;
}

.qwtg-page05-cont .text p {
    margin-top: 5px;
    font-size: 16px;
    color: #484f4f;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/*--end qwtg-page05--*/


/* headline */

.headline {
    width: 1249px;
    padding: 0 70px;
    height: auto;
    margin: 0 auto;
    padding-top: 65px;
    padding-bottom: 70px;
    text-align: center;
    overflow: hidden;
}

.headline>p {
    font-size: 48px;
    color: black;
    line-height: 65px;
    font-weight: bold;
    margin-bottom: 25px;
}

.headline>p a {
    font-size: 48px;
    color: black;
    line-height: 65px;
    font-weight: bold;
}

.headline>span {
    font-size: 17px;
    color: black;
    line-height: 28px;
}


/* banner */

.ibanner {
    width: 100%;
    height: 700px;
    background: #232323;
    min-width: 1389px;
}

.ibanner .banner_c {
    width: 1359px;
    height: 100%;
    margin: 0 auto;
    padding: 0 15px;
    overflow: hidden;
    text-align: center;
}

.ibanner .banner_c p {
    font-size: 33px;
    color: #fff;
    line-height: 55px;
    margin-top: 200px;
    margin-bottom: 14px;
}

.ibanner .banner_c span {
    font-size: 24px;
    color: #fff;
    letter-spacing: 1px;
    line-height: 42px;
    font-weight: lighter;
}

.ibanner .banner_c a {
    font-size: 24px;
    color: #fff;
    line-height: 75px;
    display: block;
    margin: 0 auto;
    margin-top: 75px;
    border-radius: 35px;
    width: 260px;
    background: #ff0000;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}

.ibanner .banner_c a:hover {
    font-size: 26px;
}


/* 策略 */

.tactics {
    width: 100%;
    height: auto;
    background: #fff;
    overflow: hidden;
    min-width: 1389px;
}

.tactics .tactics_c {
    width: 1200px;
    height: 448px;
    margin: 0 auto;
}

.tactics .tactics_c ul {
    width: 100%;
    height: 100%;
}

.tactics .tactics_c li {
    width: 20.5%;
    height: 313px;
    float: left;
    margin: 0 3%;
    padding-top: 135px;
    text-align: center;
}

.tactics .tactics_c li:nth-child(1) {
    margin-left: 0;
    background: url(/file/Default/images/tacticsIcon001.png)center top no-repeat;
}

.tactics .tactics_c li:nth-child(2) {
    background: url(/file/Default/images/tacticsIcon002.png)center top no-repeat;
}

.tactics .tactics_c li:nth-child(3) {
    background: url(/file/Default/images/tacticsIcon003.png)center top no-repeat;
}

.tactics .tactics_c li:nth-child(4) {
    margin-right: 0;
    background: url(/file/Default/images/tacticsIcon004.png)center top no-repeat;
}

.tactics .tactics_c li span {
    font-size: 33px;
    color: black;
    line-height: 65px;
    display: inline-block;
    position: relative;
}

.tactics .tactics_c li span::after {
    content: "";
    width: 40%;
    height: 1px;
    background: #8c8c8c;
    position: absolute;
    bottom: 0;
    left: 30%;
}

.tactics .tactics_c li p {
    font-size: 15px;
    color: black;
    letter-spacing: 1px;
    line-height: 28px;
    margin-top: 15px;
}


/* 产品服务 */

.productBusiness {
    width: 100%;
    height: auto;
    overflow: hidden;
    min-width: 1389px;
    background: #f8f8f8;
    padding-bottom: 55px;
}

.productBusiness .productBusiness_c {
    width: 1389px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}

.productBusiness .productBusiness_c ul li {
    width: 383px;
    height: 288px;
    float: left;
    margin-right: 37px;
    margin-bottom: 37px;
    background: #fff;
    padding: 0 30px 0 25px;
    position: relative;
}

.productBusiness .productBusiness_c ul li::after {
    content: "";
    width: 70px;
    height: 70px;
    position: absolute;
    top: 40px;
    left: 28px;
}

.productBusiness .productBusiness_c ul li>p {
    margin-top: 135px;
    margin-bottom: 15px;
    color: Black;
}

.productBusiness .productBusiness_c ul li>p a {
    font-size: 24px;
    color: black;
    line-height: 30px;
}

.productBusiness .productBusiness_c ul li>span {
    font-size: 16px;
    color: #8b8b8b;
    line-height: 28px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.productBusiness .productBusiness_c ul li:hover {
    background: #f30000;
}

.productBusiness .productBusiness_c ul li:hover>p {
    color: #fff;
}

.productBusiness .productBusiness_c ul li:hover>span {
    color: #fff;
}

.productBusiness .productBusiness_c ul li:nth-child(1)::after {
    background: url(/file/Default/images/prdbs001.png)left top no-repeat;
}

.productBusiness .productBusiness_c ul li:nth-child(2)::after {
    background: url(/file/Default/images/prdbs002.png)left top no-repeat;
}

.productBusiness .productBusiness_c ul li:nth-child(3)::after {
    background: url(/file/Default/images/prdbs003.png)left top no-repeat;
}

.productBusiness .productBusiness_c ul li:nth-child(4)::after {
    background: url(/file/Default/images/prdbs004.png)left top no-repeat;
}

.productBusiness .productBusiness_c ul li:nth-child(5)::after {
    background: url(/file/Default/images/prdbs005.png)left top no-repeat;
}

.productBusiness .productBusiness_c ul li:nth-child(6)::after {
    background: url(/file/Default/images/prdbs006.png)left top no-repeat;
}

.productBusiness .productBusiness_c ul li:hover:nth-child(1)::after {
    background: url(/file/Default/images/prdbs001_hover.png)left top no-repeat;
}

.productBusiness .productBusiness_c ul li:hover:nth-child(2)::after {
    background: url(/file/Default/images/prdbs002_hover.png)left top no-repeat;
}

.productBusiness .productBusiness_c ul li:hover:nth-child(3)::after {
    background: url(/file/Default/images/prdbs003_hover.png)left top no-repeat;
}

.productBusiness .productBusiness_c ul li:hover:nth-child(4)::after {
    background: url(/file/Default/images/prdbs004_hover.png)left top no-repeat;
}

.productBusiness .productBusiness_c ul li:hover:nth-child(5)::after {
    background: url(/file/Default/images/prdbs005_hover.png)left top no-repeat;
}

.productBusiness .productBusiness_c ul li:hover:nth-child(6)::after {
    background: url(/file/Default/images/prdbs006_hover.png)left top no-repeat;
}

.productBusiness .productBusiness_c ul li:nth-child(3n) {
    margin-right: 0;
}


/* 客户 */

.customer {
    width: 100%;
    height: auto;
    overflow: hidden;
    min-width: 1389px;
    background: #fff;
}

.customer .customer_c {
    width: 1389px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}

.customer .customer_c ul li {
    width: 320px;
    height: 165px;
    float: left;
    overflow: hidden;
    margin-right: 33.5px;
    margin-bottom: 60px;
    border: 1px solid #dcdcdc;
}

.customer .customer_c ul li:nth-child(4n) {
    margin-right: 0;
}

.customer .customer_c ul li img {
    width: 100%;
    height: 100%;
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
}

.customer .customer_c ul li img:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}


/* 新闻 */

.ask {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #f7f7f7;
    min-width: 1389px;
    padding-bottom: 80px;
}

.ask .ask_c {
    width: 1389px;
    height: auto;
    margin: 0 auto;
}

.ask .ask_c>ul>li {
    width: 438px;
    height: auto;
    float: left;
    margin-right: 37.5px;
}

.ask .ask_c>ul>li:nth-child(3n) {
    margin-right: 0;
}

.ask .ask_c>ul>li>p {
    font-size: 30px;
    color: #666666;
    line-height: 40px;
    margin-top: 70px;
    margin-bottom: 33px;
}

.ask .ask_c>ul>li .ask_in {
    width: 100%;
    height: auto;
}

.ask .ask_c>ul>li .ask_in .ask_tit {
    width: 100%;
    height: 253px;
    margin-bottom: 22px;
    overflow: hidden;
}

.ask .ask_c>ul>li .ask_in .ask_tit img {
    width: 100%;
    height: 100%;
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
}

.ask .ask_c>ul>li .ask_in .ask_tit img:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.ask .ask_c>ul>li .ask_in ul li {
    width: calc(100% - 95px);
    height: auto;
    padding-right: 95px;
    position: relative;
}

.ask .ask_c>ul>li .ask_in ul li>p {
    font-size: 16px;
    color: #666666;
    line-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ask .ask_c>ul>li .ask_in ul li>p a {
    font-size: 15px;
    color: #666666;
    line-height: 36px;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}

.ask .ask_c>ul>li .ask_in ul li>p a:hover {
    color: #555;
    font-weight: bold;
    font-size: 16px;
}

.ask .ask_c>ul>li .ask_in ul li>span {
    font-size: 15px;
    color: #666666;
    line-height: 36px;
    position: absolute;
    right: 0;
    top: 0;
}


/*我能为你做什么*/

.sdw-todo-wrap {
    width: 100%;
    height: 920px;
    background: url(Img/Index/p3_bg.jpg) no-repeat center top;
    position: relative;
    overflow: hidden
}

.sdw-todo-wrap>div {
    height: 100%
}

.sdw-todo-wrap .color-blocks {
    width: 100%;
    height: 100%;
    position: relative
}

.sdw-todo-wrap .color-blocks span {
    display: block;
    position: absolute;
    z-index: 1;
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-transition: all .5s linear;
    -o-transition: all .5s linear;
    -moz-transition: all .5s linear;
    transition: all .5s linear
}

.sdw-todo-wrap .color-blocks span.block1 {
    width: 105px;
    height: 81px;
    background-image: url(Img/Index/p2_cblock01.png);
    top: 237px;
    left: -160px
}

.sdw-todo-wrap .color-blocks span.block2 {
    width: 104px;
    height: 101px;
    background-image: url(Img/Index/p2_cblock02.png);
    top: 45px;
    left: 133px
}

.sdw-todo-wrap .color-blocks span.block3 {
    width: 267px;
    height: 141px;
    background-image: url(Img/Index/p2_cblock03.png);
    top: 242px;
    left: 318px
}

.sdw-todo-wrap .color-blocks span.block5 {
    width: 110px;
    height: 76px;
    background-image: url(Img/Index/p2_cblock04.png);
    top: 510px;
    left: 210px
}

.sdw-todo-wrap .color-blocks span.block4 {
    width: 159px;
    height: 233px;
    background-image: url(Img/Index/p2_cblock05.png);
    top: 385px;
    left: 405px
}

.sdw-todo-wrap .color-blocks span.block6 {
    width: 158px;
    height: 213px;
    background-image: url(Img/Index/p2_cblock06.png);
    top: 170px;
    right: -100px
}

.sdw-todo-wrap .color-blocks span.block7 {
    width: 110px;
    height: 76px;
    background-image: url(Img/Index/p2_cblock07.png);
    top: 268px;
    right: -288px
}

.sdw-todo-wrap .color-blocks span.block8 {
    width: 105px;
    height: 181px;
    background-image: url(Img/Index/p2_cblock08.png);
    top: 400px;
    right: -286px
}

.sdw-todo-wrap .color-blocks.active span:nth-child(odd) {
    -webkit-animation: blockmove 1s ease-out both 1;
    -moz-animation: blockmove 1s ease-out both 1;
    animation: blockmove 1s ease-out both 1
}

.sdw-todo-wrap .color-blocks.active span:nth-child(even) {
    -webkit-animation: blockmove 1.2s ease-out both 1;
    -moz-animation: blockmove 1.2s ease-out both 1;
    animation: blockmove 1.2s ease-out both 1
}

@-webkit-keyframes blockmove {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(.2);
        transform: scale(.2);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-moz-keyframes blockmove {
    0% {
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    50% {
        -moz-transform: scale(.2);
        transform: scale(.2);
        opacity: 1
    }
    100% {
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes blockmove {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(.2);
        -moz-transform: scale(.2);
        transform: scale(.2);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.sdw-banner-nav .icon-mouse {
    animation: mousemove 1s ease-in both infinite;
}

@keyframes mousemove {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(10px);
    }
}

.sdw-todo-box {
    width: 100%;
    height: 630px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3
}

.sdw-todo-box .sdw-todo-cont {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9
}

.sdw-todo-box .left-cont {
    color: #fff;
    position: relative;
    top: 360px
}

.sdw-todo-box .left-cont .en-txt {
    display: block;
    font-size: 12px;
    padding-bottom: 12px
}

.sdw-todo-box .left-cont .en-txt em {
    display: block
}

.sdw-todo-box .left-cont a.circle-jt {
    margin-top: 50px
}

.sdw-todo-box .right-cont {
    width: 584px;
    height: 557px;
    position: relative;
    top: 58px;
    right: -25px
}


/*2019-11-14 新增*/

.sdw-todo-box .right-cont {
    width: 850px;
    height: 642px;
    background: url(Img/Index/p3_computer_bg.png) no-repeat;
    position: relative;
    top: 58px;
    right: -88px
}

.sdw-todo-box .right-cont span {
    display: block;
    background-repeat: no-repeat;
    position: absolute;
}

.sdw-todo-box .right-cont .img01 {
    width: 443px;
    height: 367px;
    background-image: url(Img/Index/p3_partimg01.png);
    top: 47px;
    left: 194px;
    z-index: 9;
}

.sdw-todo-box .right-cont .img02 {
    width: 402px;
    height: 234px;
    background-image: url(Img/Index/p3_partimg02.png);
    top: 84px;
    left: 24px;
    z-index: 8;
}

.sdw-todo-box .right-cont .img03 {
    width: 169px;
    height: 220px;
    background-image: url(Img/Index/p3_partimg03.png);
    top: 255px;
    right: 68px;
    z-index: 8;
}

.sdw-todo-box .right-cont .img04 {
    width: 131px;
    height: 82px;
    background-image: url(Img/Index/p3_partimg04.png);
    top: 436px;
    right: 212px;
    z-index: 7;
}

.sdw-todo-box .right-cont .img05 {
    width: 420px;
    height: 262px;
    background-image: url(Img/Index/p3_partimg05.png);
    top: 272px;
    right: 212px;
    z-index: 6;
}

.sdw-todo-box .right-cont .img06 {
    width: 169px;
    height: 350px;
    background-image: url(Img/Index/p3_partimg06.png);
    top: 0;
    left: 169px;
    z-index: 5;
}

.sdw-todo-box .right-cont .img07 {
    width: 138px;
    height: 144px;
    background-image: url(Img/Index/p3_partimg07.png);
    top: 62px;
    left: 90px;
    z-index: 4;
}

.sdw-todo-wrap .right-cont span {
    opacity: 0;
}

.sdw-todo-wrap .right-cont .img01 {
    -webkit-transform: translateX(-60px);
    -moz-transform: translateX(-60px);
    -ms-transform: translateX(-60px);
    transform: translateX(-60px);
}

.sdw-todo-wrap .right-cont .img02 {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);
}

.sdw-todo-wrap .right-cont .img04 {
    -webkit-transform: translateX(-80px);
    -moz-transform: translateX(-80px);
    -ms-transform: translateX(-80px);
    transform: translateX(-80px);
}

.sdw-todo-wrap .right-cont .img05 {
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
}

.sdw-todo-wrap .right-cont .img03 {
    -webkit-transform: translate(40px, 40px);
    -moz-transform: translate(40px, 40px);
    -ms-transform: translate(40px, 40px);
    transform: translate(40px, 40px);
}

.sdw-todo-wrap .right-cont .img06,
.sdw-todo-wrap .right-cont .img07 {
    -webkit-transform: translate(-40px, -40px);
    -moz-transform: translate(-40px, -40px);
    -ms-transform: translate(-40px, -40px);
    transform: translate(-40px, -40px);
}

.sdw-todo-wrap.active .right-cont .img01,
.sdw-todo-wrap.active .right-cont .img02,
.sdw-todo-wrap.active .right-cont .img04,
.sdw-todo-wrap.active .right-cont .img05 {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all .8s ease-out 1.2s;
    -moz-transition: all .8s ease-out 1.2s;
    transition: all .8s ease-out 1.2s;
}

.sdw-todo-wrap.active .right-cont .img03,
.sdw-todo-wrap.active .right-cont .img06,
.sdw-todo-wrap.active .right-cont .img07 {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all .8s linear .5s;
    -moz-transition: all .8s linear .5s;
    transition: all .8s linear .5s;
}

.sdw-todo-nav {
    width: 100%;
    height: 200px;
    position: absolute;
    bottom: 90px;
    left: 0;
    z-index: 99
}

.sdw-todo-nav .option {
    width: 32.6666%;
    height: 200px;
    background-color: #fff
}

.sdw-todo-nav .option2 {
    margin: 0 1%
}

.sdw-todo-nav .option h3 {
    font-weight: 400;
    font-size: 18px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    color: #1d1d1d;
    border-bottom: solid 1px #f0f0f0;
    position: relative
}

.sdw-todo-nav .option h3:after {
    content: '';
    display: block;
    width: 40px;
    height: 2px;
    background-color: #f30000;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    bottom: 0;
    z-index: 3
}

.sdw-todo-nav .option h3 i {
    display: inline-block;
    margin-right: 16px;
    position: relative;
    z-index: 2;
}

.sdw-todo-nav .option1 h3 i {
    width: 18px;
    height: 15px;
    background-position: -66px -22px
}

.sdw-todo-nav .option2 h3 i {
    width: 20px;
    height: 15px;
    background-position: -88px -22px
}

.sdw-todo-nav .option3 h3 i {
    width: 20px;
    height: 20px;
    background-position: -112px -28px;
    position: relative;
    top: 3px
}

.sdw-todo-nav .option a {
    display: block;
    color: #1d1d1d;
    font-size: 16px;
    padding-left: 12%
}

.sdw-todo-nav .option .list {
    padding-top: 33px;
    height: 97px;
    position: relative
}

.sdw-todo-nav .option .list span {
    display: block;
    float: left;
    width: 50%;
    height: 24px;
    line-height: 24px;
    margin-bottom: 15px;
    position: relative;
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.sdw-todo-nav .list span:hover {
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px)
}

.sdw-todo-nav .list span em {
    display: block;
    width: 20px;
    height: 20px;
    border: solid 1px #e2e2e2;
    border-radius: 50%;
    position: absolute;
    right: 12%;
    top: 2px;
    z-index: 1
}

.sdw-todo-nav .list span em:before {
    content: '';
    display: block;
    width: 4px;
    height: 7px;
    background: url(Img/Index/icons.png) no-repeat -22px -52px;
    position: relative;
    left: 8px;
    top: 6px
}

.sdw-todo-nav .list:before {
    content: '';
    display: block;
    width: 1px;
    height: 56px;
    border-left: dashed 1px #ccc;
    position: absolute;
    left: 50%;
    top: 38px;
    z-index: 9
}

.sdw-todo-nav .option.cur h3,
.sdw-todo-nav .option:hover h3 {
    color: #fff
}

.sdw-todo-nav .option .hover-animation em {
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    -moz-transition-duration: .5s;
    transition-duration: .5s;
}

.sdw-todo-nav .option:hover h3 em,
.sdw-todo-nav .option.cur h3 em {
    width: 100%;
}

.sdw-todo-nav .option.cur h3:before,
.sdw-todo-nav .option:hover h3:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: solid 4px transparent;
    border-right: solid 4px transparent;
    border-top: solid 4px #1d1d1d;
    position: absolute;
    left: 50%;
    margin-left: -4px;
    top: 0;
    z-index: 9
}

.sdw-todo-nav .option1.cur h3 i,
.sdw-todo-nav .option1:hover h3 i {
    background-position: -66px -5px
}

.sdw-todo-nav .option2.cur h3 i,
.sdw-todo-nav .option2:hover h3 i {
    background-position: -88px -5px
}

.sdw-todo-nav .option3.cur h3 i,
.sdw-todo-nav .option3:hover h3 i {
    background-position: -112px -5px
}

.sdw-todo-box .title {
    position: absolute;
    left: 0;
    top: 80px;
    z-index: 99;
    color: #fff
}

.sdw-todo-box .title h2 {
    font-weight: 400
}

.sdw-todo-box .title span.subtitle {
    display: block;
    font-size: 18px;
    margin: 20px 0 110px
}


/*新闻*/

.sdw-news-wrap {
    width: 100%;
    padding: 20px 0 40px;
    background-color: #f8f8f8;
}

.sdw-news-wrap .news-nav {
    width: 100%;
    text-align: center;
}

.sdw-news-wrap .news-nav a {
    display: inline-block;
    padding: 0 30px;
    color: #999;
    font-size: 20px;
    position: relative
}

.sdw-news-wrap .news-nav a:before {
    content: '';
    display: block;
    width: 1px;
    height: 26px;
    background-color: #a5a5a5;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg)
}

.sdw-news-wrap .news-nav a:first-child:before {
    display: none
}

.sdw-news-wrap .news-nav a.cur,
.sdw-news-wrap .news-nav a:hover {
    color: #2b2b2b
}

.sdw-news-wrap .news-nav a.cur:after,
.sdw-news-wrap .news-nav a:hover:after {
    content: '';
    display: block;
    width: 62%;
    height: 2px;
    background-color: #2b2b2b;
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -31%
}

.sdw-news-wrap .news-box {
    margin-top: 50px;
    height: 400px;
    position: relative
}

.sdw-news-wrap .news-box .news-cont {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2
}

.sdw-news-wrap .news-box .first-news {
    width: 28%
}

.sdw-news-wrap .news-box .news-list {
    width: 70%
}

.sdw-news-wrap .img-box {
    margin-bottom: 25px;
    height: 176px;
    overflow: hidden;
    position: relative
}

.sdw-news-wrap .img-box>a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.sdw-news-wrap .first-news .img-link {
    width: 90%;
    background-color: rgba(0, 0, 0, .5);
    position: absolute;
    left: 5%;
    top: 20%;
    z-index: 9
}

.sdw-news-wrap .first-news .img-link>img {
    width: 38%
}

.sdw-news-wrap .first-news .img-bg img {
    -webkit-transition: all .8s linear;
    -o-transition: all .8s linear;
    -moz-transition: all .8s linear;
    transition: all .8s linear
}

.sdw-news-wrap .first-news:hover .img-bg img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.sdw-news-wrap .first-news .img-link .txts {
    width: 62%;
    position: absolute;
    left: 45%;
    top: 12%;
    color: #fff
}

.sdw-news-wrap .first-news .txts p {
    font-size: 18px;
    padding-bottom: 3px
}

.sdw-news-wrap .first-news .txts i {
    display: block;
    width: 26px;
    height: 26px;
    border: solid 1px #fff;
    border-radius: 50%;
    margin-top: 6%
}

.sdw-news-wrap .first-news .txts i:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: solid 6px transparent;
    border-bottom: solid 6px transparent;
    border-left: solid 6px #fff;
    position: relative;
    left: 10px;
    top: 7px;
    z-index: 2
}

.sdw-news-wrap .news-cont h4 {
    font-weight: 400;
    font-size: 18px;
    color: #2b2b2b;
    padding: 0 0 15px
}

.sdw-news-wrap .news-cont h4 a {
    color: #2b2b2b
}

.sdw-news-wrap .news-cont p.js {
    font-size: 14px;
    height: 66px;
    color: #666;
    line-height: 22px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.sdw-news-wrap .news-cont span.time {
    display: block;
    padding-top: 20px;
    margin-top: 16px;
    border-top: solid 1px #e2e2e2
}

.sdw-news-wrap .news-cont span.time a {
    display: inline-block;
    color: #2b2b2b;
    font-size: 14px;
    padding-right: 16px;
    margin-right: 20px;
    position: relative
}

.sdw-news-wrap .news-cont span.time a:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: solid 5px transparent;
    border-bottom: solid 5px transparent;
    border-left: solid 5px #2b2b2b;
    position: absolute;
    right: 0;
    top: 5px
}

.sdw-news-wrap .news-cont span.time em {
    font-size: 12px;
    padding-left: 15px;
    border-left: solid 1px #e2e2e2;
    color: silver
}

.sdw-news-wrap .news-infos {
    width: 45%;
    margin-left: 5%;
    margin-bottom: 39px;
    -webkit-transition: all .5s linear;
    -o-transition: all .5s linear;
    -moz-transition: all .5s linear;
    transition: all .5s linear
}

.sdw-news-wrap .news-infos:hover {
    -webkit-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    transform: translateX(-5px)
}


/*--inpage-banner--*/

.inpage-banner {
    position: relative;
    z-index: 1;
    height: 820px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center 0;
    background-attachment: fixed;
}


/*--end inpage-banner--*/


/*--fast-menu--*/

.fast-menu-wrap {
    position: relative;
    z-index: 99;
    margin-top: -160px;
    height: 160px;
    overflow: hidden;
}

.fast-menu-wrap .inner {
    position: relative;
    padding-left: 75px;
    height: 160px;
    overflow: hidden;
    background: url(/file/Default/images/fast_menu_bg.png);
    box-sizing: border-box;
}

.fast-menu-wrap .icon-mouse {
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 100%;
    background: #1d1d1d;
}

.fast-menu-wrap .icon-mouse i {
    display: block;
    position: relative;
    left: 31px;
    top: 69px;
    width: 13px;
    height: 22px;
    cursor: pointer;
    background: url(Img/Index/icons.png) no-repeat -5px -42px;
    animation: mousemove 1s ease-in both infinite;
}

.fast-menu {
    width: 100%;
    height: 160px;
    overflow: hidden;
}

.fast-menu li {
    position: relative;
    float: left;
    padding: 50px 0;
    height: 60px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}

.fast-menu li:before {
    display: block;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    margin-left: -5px;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    content: "";
    transition: all 1s;
    background: #7c0104;
    border-radius: 50%;
    opacity: 0;
}

.fast-menu li:after {
    display: block;
    position: absolute;
    z-index: 1;
    right: 0;
    top: 30px;
    bottom: 30px;
    width: 1px;
    content: "";
    background: rgba(255, 255, 255, 0.1);
}

.fast-menu li:last-child:after {
    display: none;
}

.fast-menu li i {
    position: relative;
    z-index: 3;
    display: block;
    margin: 0 auto;
    width: 24px;
    height: 24px;
}

.fast-menu li span {
    position: relative;
    z-index: 3;
    display: block;
    margin-top: 10px;
    font-size: 20px;
    color: #fff;
}

.fast-menu li span a {
    color: #fff;
}

.fast-menu li:hover:before {
    animation: scales 2s infinite linear;
}

.fast-menu-case li {
    width: 33.3333%;
}

.fast-menu-case li i {
    background: url(/file/Default/images/icons_case.png) no-repeat;
}

.fast-menu-case li i.icon-partner {
    background-position: 0 0;
}

.fast-menu-case li i.icon-case {
    background-position: 0 -24px;
}

.fast-menu-case li i.icon-brand {
    background-position: 0 -48px;
}

.fast-menu-help li {
    width: 25%;
}

.fast-menu-help li i {
    background: url(/file/Default/images/icons_help.png) no-repeat;
}

.fast-menu-help li i.icon-intro {
    background-position: 0 -48px;
}

.fast-menu-help li i.icon-values {
    background-position: 0 -72px;
}

.fast-menu-help li i.icon-team {
    background-position: 0 0;
}

.fast-menu-help li i.icon-contact {
    background-position: 0 -24px;
}

@keyframes scales {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    50% {
        transform: scale(20);
        opacity: 1;
    }
    100% {
        transform: scale(50);
        opacity: 0;
    }
}


/*--end fast-menu--*/


/*--section-title--*/

.section-title {
    margin-bottom: 50px;
    text-align: center;
    overflow: hidden;
}

.section-title i {
    display: block;
    margin: 0 auto 20px;
    width: 32px;
    height: 7px;
    background: #f30000;
}

.section-title h2 {
    height: 60px;
    line-height: 60px;
    font-weight: normal;
    font-size: 48px;
    color: #1d1d1d;
}

.section-title h2 a {
    color: #1d1d1d;
    transition: all 0.5s;
}

.section-title h2 a:hover {
    color: #f30000;
}

.section-title p {
    margin-top: 18px;
    line-height: 30px;
    font-size: 20px;
    color: #1d1d1d;
}


/*--end section-title--*/


/*--case-page-one--*/

.case-page-one {
    padding: 90px 0 45px;
    overflow: hidden;
    background: #fff;
}

.case-page-one .list {
    padding-top: 1px;
    padding-left: 1px;
    width: 1400px;
    overflow: hidden;
    background: #f2f2f2;
}

.case-page-one .item {
    position: relative;
    float: left;
    padding-right: 1px;
    padding-bottom: 1px;
    width: 279px;
    height: 149px;
    overflow: hidden;
}

.case-page-one .item img {
    display: block;
    width: 100%;
    transition: all 0.5s;
}

.case-page-one .item:hover img {
    transform: scale(1.1);
}

.case-page-one .more {
    padding-top: 40px;
    line-height: 24px;
    text-align: center;
    overflow: hidden;
}

.case-page-one .more a {
    display: inline-block;
    padding-right: 20px;
    font-size: 16px;
    color: #222;
    background: url(/file/Default/images/more.png) no-repeat right center;
}

@media (max-width:1599px) {
    .case-page-one {
        padding: 77px 0 38px;
    }
    .case-page-one .list {
        width: 1200px;
    }
    .case-page-one .item {
        width: 239px;
        height: 128px;
    }
}


/*--end case-page-one--*/


/*--case-page-two--*/

.case-page-two {
    padding: 45px 0;
    overflow: hidden;
    background: #fff;
}

.case-page-two .list {
    width: 1428px;
    overflow: hidden;
}

.case-page-two .item {
    float: left;
    margin-right: 28px;
    margin-bottom: 28px;
    width: 448px;
    overflow: hidden;
    background: #f2f2f2;
}

.case-page-two .pic {
    height: 248px;
    overflow: hidden;
}

.case-page-two .pic img {
    display: block;
    width: 100%;
    transition: all 0.5s linear;
}

.case-page-two .pic:hover img {
    transform: scale(1.1);
}

.case-page-two .text {
    position: relative;
    padding: 20px 150px 20px 12px;
    overflow: hidden;
}

.case-page-two .text h3 {
    height: 26px;
    line-height: 26px;
    font-weight: normal;
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.case-page-two .text h3 a {
    color: #333;
}

.case-page-two .text h3 a:hover {
    color: #f30000;
}

.case-page-two .text p {
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.case-page-two .text .read {
    display: block;
    position: absolute;
    right: 12px;
    top: 20px;
    bottom: 20px;
    width: 100px;
    border-left: #bcbcbc solid 1px;
    background: url(/file/Default/images/case_read.png) no-repeat center;
}

@media (max-width:1599px) {
    .case-page-two {
        padding: 38px 0;
    }
    .case-page-two .list {
        width: 1224px;
    }
    .case-page-two .item {
        margin-right: 24px;
        margin-bottom: 24px;
        width: 384px;
    }
    .case-page-two .pic {
        height: 212px;
    }
}


/*--end case-page-two--*/


/*--case-page-four--*/

.case-page-four {
    padding: 45px 0;
    overflow: hidden;
    background: #fff;
}

.case-four-slide {
    position: relative;
    height: 570px;
    overflow: hidden;
}

.case-four-slide .case-menu {
    position: absolute;
    top: 0;
    right: 75px;
    width: 165px;
    z-index: 999;
}

.case-four-slide .case-menu li {
    position: relative;
    height: 66px;
    line-height: 66px;
    font-size: 15px;
    text-align: center;
    cursor: pointer;
    color: #999;
    border-bottom: #e7e7e7 solid 1px;
    background: #f3f3f3;
}

.case-four-slide .case-menu li:before {
    display: none;
    position: absolute;
    left: -3px;
    top: 50%;
    margin-top: -3px;
    width: 6px;
    height: 6px;
    content: "";
    background: #f30000;
    transform: rotate(45deg);
}

.case-four-slide .case-menu li.cur {
    color: #fff;
    background: #f30000;
}

.case-four-slide .case-menu li.cur:before {
    display: block;
}

.case-main {
    position: relative;
    width: 1090px;
    overflow: hidden;
}

.case-main .item {
    display: none;
    overflow: hidden;
}

.case-main .text {
    position: relative;
    float: left;
    width: 288px;
    height: 410px;
}

.case-main .text h3 {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: normal;
    color: #1d1d1d;
}

.case-main .text p {
    height: 120px;
    line-height: 24px;
    font-size: 14px;
    color: #666;
    overflow: hidden;
}

.case-main .text a.read {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 160px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: #000;
}

.case-main .text a.read:after {
    display: inline-block;
    margin-left: 20px;
    width: 41px;
    height: 9px;
    content: "";
    background: url(/file/Default/images/icon_jt02.png) no-repeat;
}

.case-main .text a.read:hover {
    background: #f30000;
}

.case-main .pic {
    float: right;
    width: 728px;
    overflow: hidden;
}

.case-main .pic img {
    display: block;
    width: 100%;
}


/*--end case-page-four--*/


/*--crumbs--*/

.crumbs {
    position: relative;
    margin-bottom: 25px;
    padding-left: 38px;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    color: #666;
    overflow: hidden;
    margin-top: 120px;
}

.crumbs:before {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 30px;
    height: 1px;
    content: "";
    background: #c9c9c9;
}

.crumbs a {
    color: #666;
}

.crumbs a:hover {
    color: #f30000;
}


/*--end crumbs--*/


/*--case-detail--*/

.case-detail-wrap {
    overflow: hidden;
    background: #f2f2f2;
}

.case-detail {
    overflow: hidden;
}

.case-detail .leftCon {
    float: left;
    width: 72.7%;
    overflow: hidden;
    background: #fff;
}

.case-detail .article {
    padding: 40px 62px;
    overflow: hidden;
}

.case-detail .article .hd {
    padding-bottom: 10px;
    overflow: hidden;
    border-bottom: #dcdcdc solid 1px;
}

.case-detail .article .hd h1 {
    font-weight: normal;
    font-size: 24px;
    color: #000;
}

.case-detail .article .hd .meta {
    padding-top: 20px;
    overflow: hidden;
}

.case-detail .article .hd .meta span {
    display: inline-block;
    margin-right: 15px;
    font-size: 14px;
    color: #666;
}

.case-detail .article .bd {
    padding-top: 24px;
    overflow: hidden;
}

.case-detail .article .bd .ad {
    position: relative;
}

.case-detail .article .bd .ad a {
    display: block;
    position: absolute;
    right: 14px;
    top: 50%;
    margin-top: -21px;
    width: 110px;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: #f40000;
    border-radius: 10px;
}

.case-detail .article .bd .ad a:hover {
    background: #000;
}

.case-detail .article .bd .box-tit {
    margin: 48px 0;
    text-align: center;
}

.case-detail .article .bd .box-tit em {
    display: block;
    margin: 0 auto 20px;
    width: 32px;
    height: 7px;
    background: #f30000;
}

.case-detail .article .bd .box-tit h3 {
    font-size: 24px;
    color: #1d1d1d;
}

.case-detail .article .bd .box-cont {
    font-size: 14px;
    line-height: 1.75;
    color: #666;
    overflow: hidden;
}

.case-detail .article .bd .box-cont p img {
    display: block;
}

.case-detail .article-page {
    position: relative;
    padding: 20px 30px;
    height: 40px;
    overflow: hidden;
}

.case-detail .article-page .prev {
    position: absolute;
    left: 30px;
    top: 20px;
    width: 75px;
    height: 40px;
    border-right: #000 solid 1px;
}

.case-detail .article-page .prev a {
    display: block;
    height: 40px;
    background: url(/file/Default/images/page_prev.png) no-repeat center;
}

.case-detail .article-page .next {
    position: absolute;
    right: 30px;
    top: 20px;
    width: 75px;
    height: 40px;
    border-left: #000 solid 1px;
}

.case-detail .article-page .next a {
    display: block;
    height: 40px;
    background: url(/file/Default/images/page_next.png) no-repeat center;
}

.case-detail .article-page .prev:hover,
.case-detail .article-page .next:hover {
    background: #000;
}

.case-detail .article-page .back {
    margin: 0 auto;
    width: 100px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.case-detail .article-page .back a {
    display: inline-block;
    padding-right: 20px;
    font-size: 16px;
    color: #222;
    background: url(/file/Default/images/more.png) no-repeat right center;
}

.case-detail .rightCon {
    float: right;
    width: 24%;
    overflow: hidden;
    background: #fff;
    box-sizing: border-box;
}

.case-detail .rightCon .box-tit {
    position: relative;
    padding: 27px 27px 0;
    overflow: hidden;
}

.case-detail .rightCon .box-tit:before {
    display: block;
    position: absolute;
    top: 27px;
    left: 0;
    width: 3px;
    height: 20px;
    content: "";
    background: #f30000;
}

.case-detail .rightCon .box-tit h3 {
    padding-bottom: 12px;
    font-weight: normal;
    font-size: 20px;
    line-height: 1;
    color: #333;
    border-bottom: #dcdcdc solid 1px;
}

.case-detail .rightCon .list {
    padding: 0 27px 27px;
    overflow: hidden;
}

.case-detail .rightCon .item {
    margin-top: 17px;
    order: height
}

.case-detail .rightCon .item .pic {
    display: none;
    overflow: hidden;
}

.case-detail .rightCon .item .pic img {
    display: block;
    width: 100%;
    transition: all 1s;
}

.case-detail .rightCon .item .pic:hover img {
    transform: scale(1.1);
}

.case-detail .rightCon .item .text {
    padding: 16px 24px;
    overflow: hidden;
    background: #f2f2f2;
}

.case-detail .rightCon .item .text h3 {
    line-height: 24px;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.case-detail .rightCon .item .text h3 a {
    color: #000;
}

.case-detail .rightCon .item .text h3 a:hover {
    color: #f30000;
}

.case-detail .rightCon .item .text p {
    line-height: 22px;
    font-size: 14px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.case-detail .rightCon .item:hover .pic {
    display: block;
}

.recom-case {
    margin-top: 40px;
    overflow: hidden;
}

.recom-case .list {
    width: 1428px;
    overflow: hidden;
}

.recom-case .item {
    float: left;
    margin-right: 28px;
    margin-bottom: 28px;
    width: 448px;
    overflow: hidden;
    background: #f2f2f2;
}

.recom-case .pic {
    height: 248px;
    overflow: hidden;
}

.recom-case .pic img {
    display: block;
    width: 100%;
    transition: all 0.5s linear;
}

.recom-case .pic:hover img {
    transform: scale(1.1);
}

.recom-case .text {
    position: relative;
    padding: 20px 150px 20px 12px;
    overflow: hidden;
}

.recom-case .text h3 {
    /* height:26px; */
    /* line-height:26px; */
    font-weight: normal;
    font-size: 16px;
    /* overflow:hidden; */
    /* text-overflow:ellipsis; */
    /* white-space:nowrap; */
}

.recom-case .text p {
    display: none;
}

.recom-case .text h3 a {
    color: #333;
}

.recom-case .text h3 a:hover {
    color: #f30000;
}

.recom-case .text p {
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.recom-case .text .read {
    display: block;
    position: absolute;
    right: 12px;
    top: 20px;
    bottom: 20px;
    width: 100px;
    border-left: #bcbcbc solid 1px;
    background: url(/file/Default/images/case_read.png) no-repeat center;
}

@media (max-width:1599px) {
    .recom-case .list {
        width: 1224px;
    }
    .recom-case .item {
        margin-right: 24px;
        margin-bottom: 24px;
        width: 384px;
    }
    .recom-case .pic {
        height: 212px;
    }
}


/*--end case-detail--*/


/*--about-page-one--*/

.about-page-one {
    padding-bottom: 76px;
    overflow: hidden;
    background: #f8f8f8 url(/file/Default/images/aboutus_bg.jpg) no-repeat center bottom;
}

.about-page-one .section-title {
    text-align: right;
}

.about-page-one .section-title i {
    margin-right: 0;
}

.about-page-one .inner {
    padding-top: 90px;
    overflow: hidden;
    background: #fff;
}

.about-page-one .videoBox {
    position: relative;
    float: left;
    width: 639px;
    height: 433px;
    overflow: hidden;
}

.about-page-one .videoBox iframe {
    display: block;
    width: 639px;
    height: 433px;
}

.about-page-one .videoBox .pic {
    overflow: hidden;
}

.about-page-one .videoBox .pic img {
    display: block;
    width: 639px;
    height: 433px;
    transition: all 1s;
}

.about-page-one .videoBox .player {
    position: absolute;
    z-index: 33;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    content: "";
    background: rgba(0, 0, 0, 0.5) url(/file/Default/images/player_btn.png) no-repeat center;
}

.about-page-one .videoBox:hover .pic img {
    transform: scale(1.1);
}

.about-page-one .intro {
    position: relative;
    float: right;
    padding: 0 80px 143px 60px;
    width: 621px;
    height: 433px;
}

.about-page-one .intro:after {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 143px;
    height: 143px;
    content: "";
    background: #f30000 url(/file/Default/images/add.png) no-repeat center;
}

.about-page-one .summary {
    height: 180px;
    line-height: 30px;
    font-size: 16px;
}

.about-page-one .list {
    margin-top: 75px;
    overflow: hidden;
}

.about-page-one .list .item {
    position: relative;
    float: left;
    margin-right: 90px;
    width: 206px;
    height: 206px;
    text-align: center;
    background: #fff;
    border-radius: 50%;
}

.about-page-one .list .item:last-child {
    margin-right: 0;
}

.about-page-one .list .item em {
    display: block;
    position: absolute;
    left: 20px;
    top: 20px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    font-size: 16px;
    font-family: "DIN Medium";
    color: #fff;
    background: #f30000;
    border-radius: 50%;
}

.about-page-one .list .item h3 {
    position: relative;
    top: 50%;
    font-weight: normal;
    font-size: 24px;
    color: #333;
    transform: translateY(-50%);
}

.about-page-one .list .item h3 strong {
    display: block;
}

@media(max-width:1599px) {
    .about-page-one .videoBox {
        width: 544px;
        height: 368px;
    }
    .about-page-one .videoBox iframe {
        width: 544px;
        height: 368px;
    }
    .about-page-one .videoBox .pic img {
        width: 544px;
        height: 368px;
    }
    .about-page-one .intro {
        padding: 0 70px 121px 50px;
        width: 536px;
        height: 368px;
    }
    .about-page-one .list .item {
        margin-right: 76px;
        width: 175px;
        height: 175px;
    }
    .about-page-one .intro:after {
        width: 121px;
        height: 121px;
    }
}


/*--end about-page-one--*/


/*--about-page-two--*/

.about-page-two {
    padding-top: 90px;
    overflow: hidden;
    background: #fff;
}

.about-page-two .section-title {
    text-align: left;
}

.about-page-two .section-title i {
    margin-left: 0;
}

.about-page-two .inner {
    position: relative;
    height: 672px;
    overflow: hidden;
    background: url(/file/Default/images/about_page_two_bg.jpg) no-repeat;
    background-size: 100%;
}

.about-page-two .inner .item {
    position: absolute;
    padding: 50px 10px 0;
    width: 350px;
    height: 336px;
    color: #333;
    text-align: center;
    box-sizing: border-box;
}

.about-page-two .inner .item em {
    display: block;
    height: 100px;
    line-height: 100px;
    font-size: 95px;
    font-family: "DIN Medium";
}

.about-page-two .inner .item h3 {
    margin-top: 12px;
    height: 40px;
    line-height: 40px;
    font-weight: normal;
    font-size: 24px;
}

.about-page-two .inner .item p {
    line-height: 30px;
    font-size: 18px;
}

.about-page-two .inner .item-1 {
    left: 0;
    top: 0;
    background: #eee;
}

.about-page-two .inner .item-2 {
    left: 350px;
    top: 0;
}

.about-page-two .inner .item-3 {
    left: 700px;
    top: 336px;
    background: #eee;
}

.about-page-two .inner .item-4 {
    left: 1050px;
    top: 336px;
}

.about-page-two .inner .item:hover {
    color: #fff;
    background: #f30000;
}

@media(max-width:1599px) {
    .about-page-two .inner {
        height: 572px;
    }
    .about-page-two .inner .item {
        padding: 40px 10px 0;
        width: 298px;
        height: 286px;
    }
    .about-page-two .inner .item em {
        height: 85px;
        line-height: 85px;
        font-size: 80px;
    }
    .about-page-two .inner .item h3 {
        margin-top: 10px;
        height: 34px;
        line-height: 34px;
        font-size: 20px;
    }
    .about-page-two .inner .item p {
        line-height: 26px;
        font-size: 16px;
    }
    .about-page-two .inner .item-1 {
        left: 0;
        top: 0;
        background: #eee;
    }
    .about-page-two .inner .item-2 {
        left: 298px;
        top: 0;
    }
    .about-page-two .inner .item-3 {
        left: 594px;
        top: 286px;
        background: #eee;
    }
    .about-page-two .inner .item-4 {
        left: 894px;
        top: 286px;
    }
}


/*--end about-page-two--*/


/*--about-page-three--*/

.about-page-three {
    padding: 90px 0 40px;
    overflow: hidden;
    background: #f7f7f7;
}

.about-page-three .list {
    overflow: hidden;
}

.about-page-three .list .item {
    float: left;
    margin-right: 135px;
    padding: 70px 40px;
    width: 376px;
    height: 376px;
    text-align: center;
    overflow: hidden;
    background: url(/file/Default/images/about_three_item.png) no-repeat;
    background-size: 100%;
    box-sizing: border-box;
}

.about-page-three .list .item:last-child {
    margin-right: 0;
}

.about-page-three .list .item i {
    display: block;
    margin: 0 auto;
    width: 50px;
    height: 50px;
}

.about-page-three .list .item i img {
    display: block;
    width: 100%;
}

.about-page-three .list .item h3 {
    margin-top: 18px;
    height: 40px;
    line-height: 40px;
    font-weight: normal;
    font-size: 24px;
    color: #333;
}

.about-page-three .list .item p {
    margin-top: 10px;
    height: 96px;
    line-height: 32px;
    font-size: 18px;
}

.about-page-three .list .item em {
    display: block;
    margin: 0 auto;
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 18px;
    color: #999;
}

@media(max-width:1599px) {
    .about-page-three .list .item {
        margin-right: 114px;
        padding: 60px 34px;
        width: 320px;
        height: 320px;
    }
}


/*--end about-page-three--*/


/*--about-page-four--*/

.about-page-four {
    padding: 90px 0 70px;
    overflow: hidden;
    background: url(/file/Default/images/about_four_bg.jpg) no-repeat center bottom;
    background-size: cover;
}

.about-page-four .inner {
    position: relative;
    height: 537px;
    overflow: hidden;
    background: url(/file/Default/images/about_four_list.png) no-repeat center;
    background-size: auto 100%;
}

.about-page-four .inner .hd {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 259px;
    height: 259px;
    text-align: center;
    overflow: hidden;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.about-page-four .inner .hd h3 {
    margin-top: 78px;
    height: 40px;
    line-height: 40px;
    font-size: 24px;
    color: #333;
}

.about-page-four .inner .hd em {
    display: block;
    font-size: 14px;
    font-family: "DIN Medium";
    text-transform: uppercase;
}

.about-page-four .inner .hd i {
    display: block;
    margin: 8px auto 0;
    width: 50px;
    height: 50px;
    background: url(/file/Default/images/about_four_hd.png) no-repeat center;
}

.about-page-four .inner .item {
    position: absolute;
    padding: 0 30px;
    width: 340px;
    text-align: center;
}

.about-page-four .inner .item em {
    display: block;
    margin: 0 auto;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 30px;
    font-family: "DIN Medium";
    color: #e80000;
    border: #e80000 solid 1px;
    border-radius: 50%;
}

.about-page-four .inner .item h3 {
    margin-top: 14px;
    height: 40px;
    line-height: 40px;
    font-size: 24px;
    color: #333;
}

.about-page-four .inner .item p {
    margin-top: 14px;
    line-height: 30px;
    font-size: 18px;
    color: #333;
}

.about-page-four .inner .item:hover em {
    color: #fff;
    background: #e80000;
    transform: rotate(360deg);
    transition: all 1s;
}

.about-page-four .inner .item-1 {
    top: 40px;
    left: 0;
}

.about-page-four .inner .item-2 {
    top: 40px;
    right: 0;
}

.about-page-four .inner .item-3 {
    bottom: 40px;
    left: 0;
}

.about-page-four .inner .item-4 {
    bottom: 40px;
    right: 0;
}

@media(max-width:1599px) {
    .about-page-four .inner {
        background-size: 456px;
    }
}


/*--end about-page-four--*/


/*--about-page-five--*/

.about-page-five {
    padding: 90px 0 40px;
    overflow: hidden;
    background: url(/file/Default/images/about_five_bg.jpg) no-repeat center;
    background-size: cover;
}

.about-page-five .section-title {
    text-align: left;
}

.about-page-five .section-title i {
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 35px;
}

.about-page-five .section-title * {
    color: #fff;
}

.about-page-five .list {
    padding-top: 50px;
    overflow: hidden;
}

.about-page-five .list .item {
    float: left;
    margin-right: 20px;
    padding: 90px 25px 0;
    width: 335px;
    height: 323px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.85);
    box-sizing: border-box;
}

.about-page-five .list .item:last-child {
    margin-right: 0;
}

.about-page-five .list .item:nth-child(odd) {
    margin-top: 140px;
}

.about-page-five .list .item h3 {
    height: 40px;
    line-height: 40px;
    font-weight: normal;
    font-size: 24px;
    color: #333;
}

.about-page-five .list .item p {
    margin-top: 30px;
    line-height: 30px;
    font-size: 18px;
    color: #333;
}

@media(max-width:1599px) {
    .about-page-five .list .item {
        margin-right: 18px;
        padding: 76px 22px 0;
        width: 284px;
        height: 274px;
    }
}


/*--end about-page-five--*/


/*--about-page-six--*/

.about-page-six {
    padding-top: 90px;
    overflow: hidden;
    background: #fff;
}

.about-six-slide {
    position: relative;
    height: 589px;
    overflow: hidden;
}

.about-six-slide .hd {
    position: absolute;
    z-index: 55;
    left: 245px;
    bottom: 0;
    padding: 16px 0;
    width: 210px;
    height: 6px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
}

.about-six-slide .hd li {
    display: inline-block;
    margin: 0 10px;
    width: 6px;
    height: 6px;
    text-indent: -9999px;
    cursor: pointer;
    background: #fff;
    border-radius: 50%;
}

.about-six-slide .hd li.cur {
    background: #f30000;
}

.about-six-slide .bd {
    overflow: hidden;
}

.about-six-slide .bd .item {
    position: relative;
    height: 589px;
    overflow: hidden;
}

.about-six-slide .bd .pic {
    overflow: hidden;
}

.about-six-slide .bd .pic img {
    display: block;
    width: 100%;
}

.about-six-slide .bd .text {
    position: absolute;
    right: 0;
    top: 0;
    padding: 60px 100px;
    width: 500px;
    height: 190px;
    overflow: hidden;
    background: #1d1d1d;
}

.about-six-slide .bd .text i {
    display: block;
    margin-bottom: 18px;
    width: 32px;
    height: 7px;
    background: #f30000;
}

.about-six-slide .bd .text h3 {
    height: 40px;
    line-height: 40px;
    font-size: 26px;
    color: #fff;
}

.about-six-slide .bd .text p {
    height: 50px;
    line-height: 25px;
    font-size: 14px;
    color: #fff;
}

.about-six-slide .bd .text a {
    display: block;
    margin-top: 25px;
    width: 156px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #333;
    background: #fff;
}

.about-six-slide .bd .text a:hover {
    color: #fff;
    background: #f30000;
}

@media(max-width:1599px) {
    .about-six-slide {
        height: 504px;
    }
    .about-six-slide .bd .item {
        height: 504px;
    }
    .about-six-slide .bd .text {
        padding: 50px 80px;
        width: 440px;
        height: 166px;
    }
    .about-six-slide .bd .text a {
        margin-top: 20px;
    }
}


/*--end about-page-six--*/