.bg1 {
    width: 100%;
    height: 946px;
    background: url(../img/index/bg1.jpg) no-repeat center top;
    background: url(../img/index/bg1.jpg) no-repeat center top, url(../img/index/bg1y.jpg) no-repeat center top;
    position: relative;
    z-index: 111;
}

.bg1Container {
    width: 100%;
    margin: 0 auto;
    height: 100%;
    position: relative;
    margin-left: -10px;
    background: url(../img/index/bg1/bgs.png) no-repeat center 210px;
    display: none;
}

.bg1move {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/index/bg1m.jpg) no-repeat center top;
    background: url(../img/index/bg1m.jpg) no-repeat center top, url(../img/index/bg1my.jpg) no-repeat center top;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    transition: opacity 0.5s;
    z-index: 10;
}

.bg1move .i1 {
    display: block;
    width: 875px;
    height: 1150px;
    background: url(../img/index/bg1/bg1m1.png) no-repeat center top;
    position: absolute;
    left: 50%;
    top: 0; 
    margin-left: 0px;
    margin-top: 23px;
    z-index: 1;
    margin-left: 771px;
    opacity: 0;
    transition: opacity 1s,margin-left 1s;
    transition-delay: 0.4s;
}

.bg1move.on .i1 {
    margin-left: 42px;
    opacity: 1;
}
/*.bg1move.on .i1 {
    margin-left: -502px;
    opacity: 1;
}
.bg1move .i1 {
    display: block;
    width: 1776px;
    height: 946px;
    background: url(../img/index/bg1/bg1m1.png) no-repeat center top;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -502px;
    margin-top: 20px;
    z-index: 1;
    margin-left: -171px;
    opacity: 0;
    transition: opacity 0.5s,margin-left 0.5s;
    transition-delay: 0.4s;
}*/
.bg1move .i2 {
    display: block;
    width: 700px;
    height: 892px;
    background: url(../img/index/bg1/bg1m2.png) no-repeat center top;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: 200px;
    z-index: 3;
    margin-left: 250px;
    opacity: 0;
    transition: opacity 1s,margin-left 1s;
    transition-delay: 0.6s;
}

.bg1move.on .i2 {
    margin-left: 199px;
    opacity: 1;
}

.bg1move .i3 {
    display: block;
    width: 797px;
    height: 911px;
    background: url(../img/index/bg1/bg1m3.png) no-repeat center top;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: 482px;
    z-index: 5;
}

.bg1move .i4 {
    display: block;
    width: 600px;
    height: 937px;
    background: url(../img/index/bg1/bg1m4.png) no-repeat center top;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -101px;
    z-index: 2;
}

.bg1move .i5 {
    display: block;
    width: 648px;
    height: 215px;
    background: url(../img/index/bg1/bg1s1t.png) no-repeat center top;
    position: absolute;
    left: 50%;
    top: 209px;
    margin-left: -718px;
    z-index: 2;
}

.bg1move .i6 {
    display: block;
    width: 648px;
    height: 215px;
    background: url(../img/index/bg1/bg1s1b.png) no-repeat center top;
    position: absolute;
    left: 50%;
    top: 368px;
    margin-left: -548px;
    z-index: 2;
}

.bg1Slogan {
    display: block;
    width: 939px;
    height: 468px;
    position: absolute;
    left: 50%;
    margin-left: -469px;
    top: 158px;
    text-indent: -99999px;
    z-index: 11;
}

.bg1sTxt1 {
    display: block;
    width: 334px;
    height: 29px;
    background: url(../img/index/bg1/s1.png) no-repeat center center;
    position: absolute;
    left: 50%;
    top: 77px;
    margin-left: -167px;
    z-index: 1;
    display: none;
}

.bg1sTxt2 {
    display: block;
    width: 939px;
    height: 468px;
    background: url(../img/index/bg1/slogan.png) no-repeat center center;
    position: relative;
    z-index: 2;
    display: none;
}

.bg1sTxt3 {
    display: block;
    width: 705px;
    height: 54px;
    background: url(../img/index/bg1/s2.png) no-repeat center center;
    position: absolute;
    left: 50%;
    top: 442px;
    margin-left: -799px;
    z-index: 1;
    overflow: hidden;
}

.bg1sTxt3 .i1 {
    display: block;
    width: 705px;
    height: 54px;
    background: url(http://www.dtfy.cn/special/gw3../img/index/bg1/bg1s2t.png) no-repeat center center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    left: -200px;
    opacity: 0;
    /*transition: all 0.5s 0.8s;*/
}

.bg1sTxt3.on .i1 {
    left: 0;
    opacity: 1;
}

.bg1sTxt3 .i2 {
    display: block;
    width: 705px;
    height: 54px;
    background: url(http://www.dtfy.cn/special/gw3../img/index/bg1/bg1s2m.png) no-repeat center center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    opacity: 0;
    transform: scale(0);
    /*transition: all 0.5s 1.1s;*/
}

.bg1sTxt3.on .i2 {
    transform: scale(1);
    opacity: 1;
}

.bg1sTxt3 .i3 {
    display: block;
    width: 705px;
    height: 54px;
    background: url(http://www.dtfy.cn/special/gw3../img/index/bg1/bg1s2b.png) no-repeat center center;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    right: -200px;
    opacity: 0;
    /*transition: all 0.5s 0.8s;*/
}

.bg1sTxt3.on .i3 {
    right: 0;
    opacity: 1;
}

.bg1Btn {
    display: block;
    width: 956px;
    height: 147px;
    position: absolute;
    left: 50%;
    top: 740px;
    margin-left: -478px;
    /*background: url(../img/index/bg1/b1.png) no-repeat center center;*/
    text-indent: -99999px;
    z-index: 10;
    opacity: 0;
    transition: all 0.5s;
}

.bg1Btn.on {
    opacity: 1;
    top: 700px;
}

.bg1bDown {
    display: block;
    width: 478px;
    height: 110px;
    background: url(../img/index/bg1/bg1bdown.png) no-repeat;
    background: url(../img/index/bg1/bg1bdown.png) no-repeat, url(../img/index/bg1/bg1bdowny.png) no-repeat;
    position: absolute;
    right: 0;
    top: 6px;
}

.bg1bDown.on {
    animation: 1.3s bg1bDown steps(16) infinite;
}

@keyframes bg1bDown {
    0% {
        background-position: center 0;
    }

    100% {
        background-position: center -1760px;
    }
}

.bg1bDown .i1 {
    display: block;
    width: 8px;
    height: 10px;
    background: url(../img/index/bg1/b2.png) no-repeat center center;
    position: absolute;
    left: 50px;
    top: 50px;
    opacity: 0;
    transition: opacity 0.5s,left 0.5s;
}

.bg1bDown:hover .i1 {
    left: 155px;
    opacity: 1;
}

.bg1bDown .i2 {
    display: block;
    width: 8px;
    height: 10px;
    background: url(../img/index/bg1/b2.png) no-repeat center center;
    position: absolute;
    right: 50px;
    top: 50px;
    opacity: 0;
    transition: opacity 0.5s,right 0.5s;
}

.bg1bDown:hover .i2 {
    right: 110px;
    opacity: 1;
}

.bg1bReg {
    display: block;
    width: 478px;
    height: 110px;
    background: url(../img/index/bg1/bg1breg.png) no-repeat;
    background: url(../img/index/bg1/bg1breg.png) no-repeat, url(../img/index/bg1/bg1bregy.png) no-repeat;
    position: absolute;
    left: 0;
    top: 6px;
}

.bg1bReg:hover {
    animation: 1.3s bg1bReg steps(16) infinite;
}

@keyframes bg1bReg {
    0% {
        background-position: center 0;
    }

    100% {
        background-position: center -1760px;
    }
}

.bg1bReg .i1 {
    display: block;
    width: 8px;
    height: 10px;
    background: url(../img/index/bg1/b2.png) no-repeat center center;
    position: absolute;
    left: 50px;
    top: 50px;
    opacity: 0;
    transition: opacity 0.5s,left 0.5s;
}

.bg1bReg:hover .i1 {
    left: 103px;
    opacity: 1;
}

.bg1bReg .i2 {
    display: block;
    width: 8px;
    height: 10px;
    background: url(../img/index/bg1/b2.png) no-repeat center center;
    position: absolute;
    right: 50px;
    top: 50px;
    opacity: 0;
    transition: opacity 0.5s,right 0.5s;
}

.bg1bReg:hover .i2 {
    right: 157px;
    opacity: 1;
}

.bg1bZlp {
    display: block;
    width: 295px;
    height: 146px;
    background: url(../img/index/bg1/bg1bZlp.png) no-repeat center center;
    position: absolute;
    left: 327px;
    top: 0;
    z-index: 10;
}

.bg1bZlp .i1 {
    display: block;
    width: 18px;
    height: 18px;
    background: url(../img/index/bg1/b3.png) no-repeat center center;
    position: absolute;
    left: 138px;
    bottom: 32px;
}

.bg1bZlp:hover .i1 {
    animation: zlp 1s ease-out infinite;
}

@keyframes zlp {
    0% {
        bottom: 32px;
    }

    50% {
        bottom: 26px;
    }

    100% {
        bottom: 32px;
    }
}

.bg1sclock {
    display: block;
    width: 160px;
    height: 167px;
    position: fixed;
    right: 0;
    bottom: 40px;
    z-index: 105;
}

.bg1sclock.y1 {
    /*z-index: 104;*/
}

.bg1sclock .i1 {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/index/tc/bg1sc1.png) no-repeat center center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    transform: rotate(-5deg);
    transform-origin: 66px 135px;
    transition: all 0.5s;
}

.bg1sclock:hover .i1 {
    background: url(../img/index/tc/bg1sc1on.png) no-repeat center center;
}

.bg1sclock .i2 {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/index/tc/bg1sc2.png) no-repeat center center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    transform: rotate(5deg);
    transform-origin: 80px 147px;
    transition: all 0.5s;
}

.bg1sclock:hover .i2 {
    background: url(../img/index/tc/bg1sc2on.png) no-repeat center center;
}

.bg1sclock .i3 {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/index/tc/bg1sc3.png) no-repeat center center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    opacity: 0;
    transition: opacity 0.5s;
}

.bg1sclock:hover .i3 {
    background: url(../img/index/tc/bg1sc3on.png) no-repeat center center;
}

.bg1sclock.clock .i1 {
    transform: rotate(0deg);
}

.bg1sclock.clock .i2 {
    transform: rotate(0deg);
}

.bg1sclock.clock .i3 {
    opacity: 1;
}

.bg1sclock.clock:hover {
    /*background: url(../img/index/tc/bg1scon.png) no-repeat center center;*/
}

.bg1Serviceb {
    display: block;
    width: 0;
    height: 112px;
    background: url(../img/index/tc/q.png) no-repeat left center;
    position: fixed;
    right: 80px;
    right: 50px;
    bottom: 50px;
    transition: width 0.5s;
    overflow: hidden;
    z-index: 103;
}

.bg1Service {
    display: block;
    width: 0;
    height: 112px;
    position: fixed;
    right: 140px;
    right: 110px;
    bottom: 50px;
    transition: width 0.5s;
    overflow: hidden;
    z-index: 105;
}
/*.bg1Service{
	display: block;
	width: 442px;
	width: 0;
	height: 170px;
	background: url(../img/index/tc/r.png) no-repeat center center;
	position: fixed;
	right: 80px;
	bottom: 50px;
	transition: width 0.5s;
	overflow: hidden;
	z-index: 2;
}*/
.bg1svTxt1 {
    position: absolute;
    left: 90px;
    top: 12px;
    top: 10;
}

.bg1svTxt2 {
    position: absolute;
    left: 90px;
    top: 64px;
    top: 60px;
}

.bg1svTxt3 {
    position: absolute;
    left: 90px;
    top: 116px;
}

.bg1svTxt {
    display: block;
    width: 288px;
    width: 326px;
    height: 45px;
}

.bg1svTxt .icon {
    float: left;
    width: 18px;
    height: 20px;
    background: url(../img/index/bg1/q4.png) no-repeat center center;
    margin-top: 10px;
}

.bg1svTxt .title {
    float: left;
    width: 195px;
    height: 20px;
    line-height: 20px;
    color: #fff5dc;
    font-size: 16px;
    margin-top: 10px;
    margin-left: 10px;
}

.bg1svTxt1 .icon, .bg1svTxt1 .title {
    margin-top: 14px;
}

.bg1svTxt2 .icon, .bg1svTxt2 .title {
    margin-top: 6px;
}

.bg1svTxt.yue {
    display: block;
    width: 333px;
    width: 286px;
    height: 44px;
    background: url(../img/index/tc/y.png) no-repeat center center;
}

.bg1svTxt.yue .icon {
    float: left;
    width: 19px;
    height: 19px;
    background: url(../img/index/tc/q1.png) no-repeat center center;
    margin-top: 5px;
}

.bg1svTxt.yue .title {
    float: left;
    width: 195px;
    width: 175px;
    height: 19px;
    line-height: 20px;
    color: #ffdf92;
    font-size: 16px;
    margin-top: 3px;
    margin-left: 10px;
}

.bg1svTxt.yue .title em {
    display: block;
    width: 195px;
    /*text-indent: 10px;*/
    color: #dbc694;
    font-size: 14px;
}

.bg1svTxt.yue .btn {
    float: left;
    width: 67px;
    text-align: center;
    height: 26px;
    line-height: 26px;
    color: #874941;
    font-size: 14px;
    background: url(../img/index/tc/q2.png) no-repeat center center;
    /*margin-left: -3px;*/
    margin-top: 9px;
    position: relative;
    text-indent: -99999px;
    display: none;
}

.bg1Service:hover .bg1svTxt.yue .btn {
    background: url(../img/index/tc/q2on.png) no-repeat center center;
}

.bg2 {
    width: 100%;
    height: 1160px;
    background: url(../img/index/bg2.jpg) no-repeat center center;
    background: url(../img/index/bg2.jpg) no-repeat center center, url(../img/index/bg2y.jpg) no-repeat center center;
    position: relative;
    overflow: hidden;
}

.bg2Container {
    width: 1400px;
    margin: 0 auto;
    height: 1150px;
    padding-top: 10px;
}

.bg2Czlp {
    float: left;
    width: 493px;
    height: 750px;
    height: 760px;
    margin-right: 38px;
    margin-top: 90px;
    margin-left: 34px;
    position: relative;
}

.bg2Czlp .bg2a {
    display: block;
    width: 493px;
    height: 750px;
    height: 760px;
    position: relative;
}

.bg2Czlp .bg2a .xian {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
}

.bg2Czlp .bg2a .xian::before, .bg2Czlp .bg2a .xian::after {
    box-sizing: inherit;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
}

.bg2Czlp .bg2a .xian::before, .bg2Czlp .bg2a .xian::after {
    border: 1px solid transparent;
    width: 0;
    height: 0;
}

.bg2Czlp .bg2a .xian::before {
    top: 0;
    left: 0;
}

.bg2Czlp .bg2a .xian::after {
    bottom: 0;
    right: 0;
}

.bg2Czlp .bg2a:hover .xian::before, .bg2Czlp .bg2a:hover .xian::after {
    width: 100%;
    height: 100%;
}

.bg2Czlp .bg2a:hover .xian::before {
    border-top-color: #ffb06c;
    border-right-color: #ffb06c;
    transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}

.bg2Czlp .bg2a:hover .xian::after {
    border-bottom-color: #ffb06c;
    border-left-color: #ffb06c;
    transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}

.bg2CzlpBj {
    display: block;
    width: 493px;
    height: 750px;
    height: 760px;
    background: url(../img/index/bg2/bg2Czlp.jpg) no-repeat center center;
    background: url(../img/index/bg2/bg2Czlp.jpg) no-repeat center center, url(../img/index/bg2/bg2Czlpy.jpg) no-repeat center center;
    z-index: 1;
    /*background-blend-mode: screen;*/
}

.bg2CzlpRen {
    display: block;
    width: 765px;
    height: 847px;
    background: url(../img/index/bg2/bg2CzlpRen.png) no-repeat center center;
    background: url(../img/index/bg2/bg2CzlpRen.png) no-repeat center center, url(../img/index/bg2/bg2CzlpReny.png) no-repeat center center;
    z-index: 2;
    position: absolute;
    left: -272px;
    top: -88px;
}

.bg2Czlpyy {
    display: block;
    width: 493px;
    height: 750px;
    height: 760px;
    background: url(../img/index/bg2/bg2Czlpyy.png) no-repeat center center;
    z-index: 3;
    position: absolute;
    left: 0;
    top: 0;
}

.bg2CzlpLz {
    display: block;
    width: 493px;
    height: 760px;
    background: url(../img/index/bg2/bg2CzlpLz.png) no-repeat;
    z-index: 4;
    position: absolute;
    left: 0;
    top: 0;
    animation: 1.3s bg2CzlpLz steps(28) infinite;
}

.bg2Czlp .bg2a:hover .bg2CzlpLz {
    animation: 0.5s bg2CzlpLz steps(28) infinite;
}

@keyframes bg2CzlpLz {
    0% {
        background-position: center 0;
    }

    100% {
        background-position: center -21280px;
    }
}

.bg2CzlpWzt {
    display: block;
    width: 493px;
    height: 760px;
    z-index: 5;
    position: absolute;
    left: 0;
    top: 0;
    text-indent: -99999px;
}

.bg2CzlpWzt:after {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -23px;
    width: 46px;
    height: 46px;
    background: url(../img/index/bg2/jon.png) no-repeat center center;
    z-index: 111;
    /*opacity: 0;*/
    bottom: -46px;
    bottom: 12px;
}

.bg2Czlp .bg2a .bg2CzlpWzt:hover::after {
    transition: transform 0.7s;
    bottom: 12px;
    opacity: 1;
    transform: rotate(360deg);
}

.bg2CzlpWz {
    display: block;
    width: 493px;
    height: 760px;
    z-index: 4;
    position: absolute;
    left: 0;
    top: 0;
    text-indent: -99999px;
    overflow: hidden;
}

.bg2CzlpWz i {
    display: block;
    width: 152px;
    line-height: 1;
    padding-bottom: 6px;
    text-align: center;
    color: #ffffff;
    font-size: 30px;
    font-weight: bold;
    position: absolute;
    left: 50%;
    top: 520px;
    margin-left: -76px;
    white-space: nowrap;
    display: none;
}

.bg2CzlpWz em {
    display: block;
    width: 329px;
    height: 147px;
    background: url(../img/index/bg2/bg2CzlpWz.png) no-repeat center center;
    z-index: 4;
    position: absolute;
    left: 81px;
    top: 580px;
    top: 550px;
    transition: top 0.5s;
}

.bg2Czlp .bg2a:hover .bg2CzlpWz em {
    top: 550px;
}

.bg2CzlpWz:after {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -23px;
    width: 46px;
    height: 46px;
    background: url(../img/index/bg2/jon.png) no-repeat center center;
    z-index: 111;
    /*opacity: 0;*/
    bottom: -46px;
    bottom: 12px;
    display: none;
}

.bg2Czlp .bg2a:hover .bg2CzlpWz:after {
    transition: transform 0.7s;
    bottom: 12px;
    opacity: 1;
    transform: rotate(360deg);
}


.bg2Cxw {
    float: left;
    width: 804px;
    height: 750px;
    margin-top: 90px;
    position: relative;
}

.bg2CxwSwiper {
    display: block;
    width: 804px;
    height: 352px;
    background: url(../img/index/bg2/bg2CxwSwiper.png) no-repeat center center;
    position: relative;
}

.bg2Swiperx {
    width: 0;
    height: 3px;
    background: #efd091;
    background: #ffa246;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    /*transition: width 2s linear;*/
}

.bg2Swiperx.loading {
    animation: loading 3s linear infinite;
}

@keyframes loading {
    0% {
        width: 0;
    }

    100% {
        width: 804px;
    }
}

.bg2CxwSwiper #banner {
    width: 802px;
    height: 350px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    border: 1px solid #efd091;
}

.bg2CxwSwiper .pic {
    width: 10000px;
    height: 350px;
}

.bg2CxwSwiper .pic li {
    width: 802px;
    height: 350px;
    float: left;
}

.bg2CxwSwiper .pic li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    box-sizing: border-box;
}

.bg2CxwSwiper .pic li a:hover {
    color: #efd091;
    transition: color 1s;
}

.bg2CxwSwiper .pic li a::before, .bg2CxwSwiper .pic li a::after {
    box-sizing: inherit;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
}

.bg2CxwSwiper .pic li a::before, .bg2CxwSwiper .pic li a::after {
    border: 1px solid transparent;
    width: 0;
    height: 0;
}

.bg2CxwSwiper .pic li a::before {
    top: 0;
    left: 0;
}

.bg2CxwSwiper .pic li a::after {
    bottom: 0;
    right: 0;
}

.bg2CxwSwiper .pic li a:hover::before, .bg2CxwSwiper .pic li a:hover::after {
    width: 100%;
    height: 100%;
}

.bg2CxwSwiper .pic li a:hover::before {
    border-top-color: #efd091;
    border-right-color: #efd091;
    transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}

.bg2CxwSwiper .pic li a:hover::after {
    border-bottom-color: #efd091;
    border-left-color: #efd091;
    transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}

.bg2CxwSwiper .pic li img {
    width: 802px;
    height: 350px;
    display: block;
}

.bg2CxwSwiper .num {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 802px;
    height: 21px;
    text-align: right;
    font-size: 0;
}

.bg2CxwSwiper .num span {
    display: inline-block;
    width: 21px;
    height: 21px;
    background: url(../img/index/bg2/s1.png) no-repeat center center;
    opacity: 1;
    transition: all 0.5s;
    margin-right: 6px;
}

.bg2CxwSwiper .num span.button {
    background: url(../img/index/bg2/s1on.png) no-repeat center center;
}

.bg2CxwSwiper .swiper-wrapper {
    width: 802px;
    height: 350px;
}

.bg2CxwSwiper .swiper-slide {
    width: 802px;
    height: 350px;
}

.bg2CxwSwiper .swiper-slide a {
    display: block;
    width: 802px;
    height: 350px;
}

.bg2CxwSwiper .swiper-slide img {
    display: block;
    width: 802px;
    height: 350px;
}

.bg2CxwSwiper .swiper-container-horizontal > .swiper-pagination-bullets, .bg2CxwSwiper .swiper-pagination-custom, .bg2CxwSwiper .swiper-pagination-fraction {
    text-align: right;
    left: auto;
    right: 10px;
}

.bg2CxwSwiper .swiper-pagination-bullet {
    width: 21px;
    height: 21px;
    background: url(../img/index/bg2/s1.png) no-repeat center center;
    opacity: 1;
    transition: all 0.5s;
}

.bg2CxwSwiper .swiper-pagination-bullet-active {
    background: url(../img/index/bg2/s1on.png) no-repeat center center;
}

.bg2CxwNews {
    width: 804px;
    height: 400px;
    height: 382px;
    margin-top: 16px;
    margin-top: 18px;
    /*background: #416ea9;
	background: rgba(65,110,169,0.4);*/
}

.bg2CxwTabs {
    width: 804px;
    /*width: 722px;*/
    margin: 0 auto;
    height: 20px;
    padding-top: 28px;
}

.bg2CxwTab {
    float: left;
    width: 119px;
    height: 20px;
    text-align: center;
    font-size: 20px;
    color: #efd091;
    line-height: 20px;
    margin-right: 24px;
    transition: color 0.5s;
    position: relative;
}
/*.bg2CxwTab i{
	width: 0;
	height: 20px;
	background: url(../img/index/bg2/bg2CxwTab.png) no-repeat center center;
	background-size: 119px 16px;
	position: absolute;
	left: 50%;
	top: 0;
}*/
.bg2CxwTab:hover {
    color: #ff7200;
}

.bg2CxwTab.on {
    color: #efd091;
    /*font-weight: bold;*/
    background: url(../img/index/bg2/bg2CxwTab.png) no-repeat center center;
    background-size: 119px 16px;
}

.bg2CxwTab.on i {
    width: 119px;
    left: 0;
    /*transition: width 0.5s,left 0.5s;*/
}

.bg2CxwTabs .more {
    float: right;
    width: 32px;
    height: 20px;
    background: url(../img/index/bg2/xw_more.png) no-repeat center center;
}

.bg2CxwTabs .more:hover {
    background: url(../img/index/bg2/xw_moreon.png) no-repeat center center;
}

.bg2CxwDiv {
    display: block;
    width: 804px;
    height: 308px;
    height: 318px;
    margin: 0 auto;
    margin-top: 26px;
    overflow: hidden;
    position: relative;
}

.bg2CxwList {
    display: block;
    width: 804px;
    height: 308px;
    height: 318px;
    position: absolute;
    top: 0;
    transition: left 0.5s;
}

.bg2CxwDesc {
    width: 804px;
    height: 80px;
}

.bg2CxwDesc a {
    display: block;
    width: 804px;
    height: 80px;
    background: url(../img/index/bg2/bg2CxwDesc.png) no-repeat center center;
    position: relative;
}

.bg2CxwDesc a i {
    display: block;
    width: 0;
    height: 80px;
    background: url(../img/index/bg2/bg2CxwDesc.png) no-repeat center center;
    position: absolute;
    left: 50%;
    top: 0;
}

.bg2CxwDesc a:hover i {
    width: 804px;
    margin-left: -402px;
    transition: width 0.5s,margin-left 0.5s;
}

.bg2CxwDesc a span {
    display: block;
    width: 804px;
    /*width: 722px;*/
    margin: 0 auto;
    text-align: center;
    height: 80px;
    line-height: 80px;
    position: relative;
    z-index: 1;
    font-size: 24px;
    color: #d3e8f7;
    /*font-weight: bold;*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bg2CxwList ul {
    display: block;
    width: 804px;
    /*width: 722px;*/
    margin: 0 auto;
    height: 240px;
    /*height: 212px;*/
    /*height: 210px;*/
    /*overflow: hidden;*/
}

.bg2CxwList ul a {
    display: block;
    width: 804px;
    /*width: 722px;*/
    height: 52px;
    height: 58px;
    border-bottom: 1px solid rgba(255,247,233,0.2);
    position: relative;
}

.bg2CxwList ul a::after {
    content: "";
    display: block;
    width: 0;
    height: 1px;
    background: rgba(255,247,233,0.2);
    position: absolute;
    left: 50%;
    bottom: -1px;
    transition: all 0.5s;
}

.bg2CxwList ul a:hover::after {
    width: 100%;
    left: 0;
}

.bg2CxwList ul a i {
    float: left;
    width: 9px;
    height: 9px;
    margin: 25px 6px 24px 0;
    background: url(../img/index/bg2/i1.png) no-repeat center center;
}

.bg2CxwList ul a:hover i {
    transform: rotateY(180deg);
    background: url(../img/index/bg2/i1on.png) no-repeat center center;
    transition: background 0.5s,transform 0.5s;
}

.bg2CxwList ul a span {
    float: left;
    width: 610px;
    width: 690px;
    height: 58px;
    line-height: 58px;
    font-size: 18px;
    color: #efd091;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.bg2CxwList ul a:hover span {
    color: #ff7200;
    transition: color 1s;
}

.bg2CxwList ul a em {
    float: right;
    height: 58px;
    line-height: 58px;
    font-size: 18px;
    color: #efd091;
}

.bg2CxwList ul a:hover em {
    color: #ff7200;
    transition: color 1s;
}

.bg2Cnav {
    display: block;
    width: 1366px;
    width: 1334px;
    height: 134px;
    padding-top: 74px;
    clear: both;
    margin-left: 34px;
    position: relative;
}

.bg2Cnav a .bg2CnavDx {
    display: block;
    width: 273px;
    height: 126px;
    position: absolute;
    left: 8px;
    top: 8px;
}

.bg2Cnav a .bg2CnavDx .i1 {
    display: block;
    width: 1px;
    height: 0;
    position: absolute;
    left: 0;
    bottom: 118px;
}

.bg2Cnav a:hover .bg2CnavDx .i1 {
    height: 8px;
    transition: height 0.03s linear;
}

.bg2Cnav a .bg2CnavDx .i2 {
    display: block;
    width: 0;
    height: 1px;
    position: absolute;
    left: 0;
    top: 0;
}

.bg2Cnav a:hover .bg2CnavDx .i2 {
    width: 273px;
    transition: width 0.2s linear;
    transition-delay: 0.03s;
}

.bg2Cnav a .bg2CnavDx .i3 {
    display: block;
    width: 1px;
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.bg2Cnav a:hover .bg2CnavDx .i3 {
    height: 126px;
    transition: height 0.15s linear;
    transition-delay: 0.23s;
}

.bg2Cnav a .bg2CnavDx .i4 {
    display: block;
    width: 0;
    height: 1px;
    position: absolute;
    right: 0;
    bottom: 0;
}

.bg2Cnav a:hover .bg2CnavDx .i4 {
    width: 273px;
    transition: width 0.2s linear;
    transition-delay: 0.38s;
}

.bg2Cnav a .bg2CnavDx .i5 {
    display: block;
    width: 1px;
    height: 0;
    position: absolute;
    left: 0;
    bottom: 0;
}

.bg2Cnav a:hover .bg2CnavDx .i5 {
    height: 9px;
    transition: height 0.03s linear;
    transition-delay: 0.58s;
}

.bg2Cnav a:hover .bg2CnavDx i {
    background: #f6aa68;
}

.bg2CnavMusic {
    display: block;
    width: 281px;
    height: 134px;
    background: url(../img/index/bg2/nav.png) no-repeat center center;
    position: absolute;
    top: 74px;
    left: 0;
}

.bg2CnavMusic a {
    display: block;
    width: 281px;
    height: 134px;
    position: relative;
}

.bg2CnavMusic .bg2CnavTxt1 {
    display: block;
    width: 190px;
    height: 74px;
    text-indent: -99999px;
    background: url(../img/index/bg2/n1.png) no-repeat center center;
    position: absolute;
    top: 15px;
    left: -50px;
    transition: left 1s,background 1s;
}

.bg2Cnav .bg2CnavMusic a:hover .bg2CnavTxt1 {
    left: -34px;
    background: url(../img/index/bg2/n1on.png) no-repeat center center;
}

.bg2CnavMusic .bg2CnavImg {
    display: block;
    width: 314px;
    height: 160px;
    background: url(../img/index/bg2/ni1.png) no-repeat center center;
    position: absolute;
    left: -33px;
    top: -16px;
}

.bg2CnavService {
    display: block;
    width: 281px;
    height: 134px;
    background: url(../img/index/bg2/nav.png) no-repeat center center;
    position: absolute;
    top: 74px;
    left: 350px;
}

.bg2CnavService a {
    display: block;
    width: 281px;
    height: 134px;
    position: relative;
}

.bg2CnavService .bg2CnavTxt1 {
    display: block;
    width: 190px;
    height: 74px;
    text-indent: -99999px;
    background: url(../img/index/bg2/n2.png) no-repeat center center;
    position: absolute;
    top: 15px;
    left: -50px;
    transition: left 1s,background 1s;
}

.bg2Cnav .bg2CnavService a:hover .bg2CnavTxt1 {
    left: -34px;
    background: url(../img/index/bg2/n2on.png) no-repeat center center;
}

.bg2CnavService .bg2CnavImg {
    display: block;
    width: 331px;
    height: 173px;
    background: url(../img/index/bg2/ni2.png) no-repeat center center;
    position: absolute;
    left: -50px;
    top: -16px;
}

.bg2CnavNotes {
    display: block;
    width: 281px;
    height: 134px;
    background: url(../img/index/bg2/nav.png) no-repeat center center;
    position: absolute;
    top: 74px;
    left: 702px;
}

.bg2CnavNotes a {
    display: block;
    width: 281px;
    height: 134px;
    position: relative;
}

.bg2CnavNotes .bg2CnavTxt1 {
    display: block;
    width: 190px;
    height: 74px;
    text-indent: -99999px;
    background: url(../img/index/bg2/n3.png) no-repeat center center;
    position: absolute;
    top: 15px;
    left: -50px;
    transition: left 1s,background 1s;
}

.bg2Cnav .bg2CnavNotes a:hover .bg2CnavTxt1 {
    left: -34px;
    background: url(../img/index/bg2/n3on.png) no-repeat center center;
}

.bg2CnavNotes .bg2CnavImg {
    display: block;
    width: 314px;
    height: 150px;
    background: url(../img/index/bg2/ni3.png) no-repeat center center;
    position: absolute;
    left: -33px;
    top: -17px;
}

.bg2CnavTouch {
    display: block;
    width: 281px;
    height: 134px;
    background: url(../img/index/bg2/nav.png) no-repeat center center;
    position: absolute;
    top: 74px;
    left: 1050px;
}

.bg2CnavTouch a {
    display: block;
    width: 281px;
    height: 134px;
    position: relative;
}

.bg2CnavTouch .bg2CnavTxt1 {
    display: block;
    width: 190px;
    height: 74px;
    text-indent: -99999px;
    background: url(../img/index/bg2/n4.png) no-repeat center center;
    position: absolute;
    top: 15px;
    left: -50px;
    transition: left 1s,background 1s;
    z-index: 1;
}

.bg2Cnav .bg2CnavTouch a:hover .bg2CnavTxt1 {
    left: -34px;
    background: url(../img/index/bg2/n4on.png) no-repeat center center;
}

.bg2CnavTouch .bg2CnavImg {
    display: block;
    width: 314px;
    height: 150px;
    background: url(../img/index/bg2/ni4.png) no-repeat center center;
    position: absolute;
    left: -37px;
    top: -16px;
}

.bg2CnavTxt2 {
    display: block;
    line-height: 1;
    color: #efd091;
    font-size: 16px;
    position: absolute;
    top: 98px;
    left: -34px;
    transition: left 1s;
}

.bg2Cnav a:hover .bg2CnavTxt2 {
    left: -15px;
    color: #ff7200;
}

.bg3 {
    display: block;
    width: 100%;
    height: 760px;
    background: url(../img/index/bg3.jpg) no-repeat center center;
    background: url(../img/index/bg3.jpg) no-repeat center center, url(../img/index/bg3y.jpg) no-repeat center center;
    position: relative;
    overflow: hidden;
}

.bg3Container {
    width: 1920px;
    height: 760px;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -960px;
}

.bg3Ctitle {
    display: block;
    width: 655px;
    height: 70px;
    background: url(../img/index/bg3/bg3Ctitle.png) no-repeat center center;
    position: absolute;
    top: 38px;
    left: 50%;
    margin-left: -683px;
    text-indent: -999999px;
}

.bg3Cimg {
    display: block;
    width: 1920px;
    height: 575px;
    position: absolute;
    left: 50%;
    top: 126px;
    margin-left: -960px;
    background: url(../img/index/bg3/cc.jpg) no-repeat center center;
    cursor: default;
}

@media (min-width: 1930px) {
    .bg3Cimg {
        overflow: visible !important;
    }
}

.bg3Cimg1 {
    display: block;
    width: 1920px;
    height: 575px;
    /*background: url(../img/index/bg3/b1.png) no-repeat left center;*/
    position: absolute;
    left: 0;
    top: 0;
    transition: width 1s;
    z-index: 2;
    /*background: url(../img/index/bg3/cc.png) no-repeat center center;*/
}

.bg3Cimg1.hover {
    /*width: 0;*/
}

.lt {
    width: 1589px;
    width: 0;
    height: 2px;
    position: absolute;
    top: 0;
    left: -320px;
    left: -1909px;
    background: #f6aa68;
}

.lt.hover {
    width: 1589px;
    left: -320px;
    transition: width 0.4s, left 0.4s;
}

.lm {
    width: 2px;
    height: 1000px;
    height: 0;
    position: absolute;
    top: 0;
    left: 1269px;
    background: #f6aa68;
    transform: rotate(45deg);
    transform-origin: center top;
}

.lm.hover {
    height: 1000px;
    height: 813px;
    transition: height 0.25s 0.4s;
}

.lb {
    width: 1589px;
    width: 0;
    height: 2px;
    position: absolute;
    bottom: 0;
    right: 1226px;
    background: #f6aa68;
}

.lb.hover {
    width: 1589px;
    transition: width 0.4s 0.65s;
}

.rt {
    width: 1589px;
    /*width: 0;*/
    height: 2px;
    position: absolute;
    top: 0;
    right: -2528px;
    background: #f6aa68;
}

.rt.hover {
    width: 1589px;
    right: -939px;
    transition: width 0.4s, right 0.4s;
}

.rm {
    width: 2px;
    height: 1000px;
    height: 0;
    position: absolute;
    top: 0;
    left: 1269px;
    background: #f6aa68;
    transform: rotate(45deg);
    transform-origin: center top;
}

.rm.hover {
    height: 1000px;
    height: 813px;
    transition: height 0.25s 0.4s;
}

.rb {
    width: 1589px;
    width: 0;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 696px;
    background: #f6aa68;
}

.rb.hover {
    width: 1589px;
    transition: width 0.4s 0.65s;
}

.bg3Cimg1q {
    display: block;
    width: 1920px;
    width: 0;
    height: 575px;
    /*background: url(../img/index/bg3/b1q.png) no-repeat left center;*/
    position: absolute;
    left: 0;
    top: 0;
    transition: width 1s;
    z-index: 3;
}

.bg3Cimg1q.hover {
    width: 1920px;
}

.bg3Cimg2 {
    display: block;
    width: 1920px;
    height: 575px;
    /*background: url(../img/index/bg3/b2.png) no-repeat right center;*/
    position: absolute;
    right: 0;
    top: 0;
    transition: width 10s;
    z-index: 2;
}

.bg3Cimg2.hover {
    /*width: 0;*/
}

.bg3Cimg2q {
    display: block;
    width: 1920px;
    width: 0;
    height: 575px;
    /*background: url(../img/index/bg3/b2q.png) no-repeat right center;*/
    position: absolute;
    right: 0;
    top: 0;
    transition: width 1s;
    z-index: 3;
}

.bg3Cimg2q.hover {
    width: 1920px;
}

.bg3CTxt1 {
    display: block;
    width: 436px;
    height: 138px;
    position: absolute;
    left: 50%;
    top: 390px;
    margin-left: -650px;
    z-index: 10;
}

.bg3CTxt1 span {
    display: block;
    width: 168px;
    height: 38px;
    background: url(../img/index/bg3/t1.png) no-repeat center center;
    text-indent: -99999px;
}

.bg3CTxt1 em {
    display: block;
    width: 436px;
    height: 44px;
    color: #e9f6ff;
    font-size: 18px;
    line-height: 22px;
    margin-top: 12px;
}

.bg3CTxt1 a {
    display: block;
    width: 118px;
    text-align: center;
    height: 36px;
    line-height: 36px;
    margin-top: 8px;
    background: url(../img/index/bg3/i.png) no-repeat 0 0;
    font-size: 16px;
    color: #dcccad;
    position: relative;
    box-sizing: border-box;
}

.bg3CTxt1 a:hover {
    color: #ffc755;
    transition: color 1s;
}

.bg3CTxt1 a::before, .bg3CTxt1 a::after {
    box-sizing: inherit;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
}

.bg3CTxt1 a::before, .bg3CTxt1 a::after {
    border: 1px solid transparent;
    width: 0;
    height: 0;
}

.bg3CTxt1 a::before {
    top: 0;
    left: 0;
}

.bg3CTxt1 a::after {
    bottom: 0;
    right: 0;
}

.bg3CTxt1 a:hover::before, .bg3CTxt1 a:hover::after {
    width: 100%;
    height: 100%;
}

.bg3CTxt1 a:hover::before {
    border-top-color: #ffc755;
    border-right-color: #ffc755;
    transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}

.bg3CTxt1 a:hover::after {
    border-bottom-color: #ffc755;
    border-left-color: #ffc755;
    transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}

.bg3CTxt2 {
    display: block;
    width: 436px;
    height: 138px;
    position: absolute;
    left: 50%;
    top: 390px;
    margin-left: 328px;
    z-index: 10;
}

.bg3CTxt2 span {
    display: block;
    width: 136px;
    height: 38px;
    background: url(../img/index/bg3/t2.png) no-repeat center center;
    text-indent: -99999px;
}

.bg3CTxt2 em {
    display: block;
    width: 436px;
    height: 44px;
    color: #e9f6ff;
    font-size: 18px;
    line-height: 22px;
    margin-top: 12px;
}

.bg3CTxt2 a {
    display: block;
    width: 118px;
    text-align: center;
    height: 36px;
    line-height: 36px;
    margin-top: 8px;
    background: url(../img/index/bg3/i.png) no-repeat 0 0;
    font-size: 16px;
    color: #dcccad;
    position: relative;
    box-sizing: border-box;
}

.bg3CTxt2 a:hover {
    color: #ffc755;
    transition: color 1s;
}

.bg3CTxt2 a::before, .bg3CTxt2 a::after {
    box-sizing: inherit;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
}

.bg3CTxt2 a::before, .bg3CTxt2 a::after {
    border: 1px solid transparent;
    width: 0;
    height: 0;
}

.bg3CTxt2 a::before {
    top: 0;
    left: 0;
}

.bg3CTxt2 a::after {
    bottom: 0;
    right: 0;
}

.bg3CTxt2 a:hover::before, .bg3CTxt2 a:hover::after {
    width: 100%;
    height: 100%;
}

.bg3CTxt2 a:hover::before {
    border-top-color: #ffc755;
    border-right-color: #ffc755;
    transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}

.bg3CTxt2 a:hover::after {
    border-bottom-color: #ffc755;
    border-left-color: #ffc755;
    transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}

.bg3CmapImg {
    display: block;
    width: 1920px;
    height: 575px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    cursor: default;
}

#bg3Cmap area {
    cursor: default;
}

.bg4 {
    display: block;
    width: 100%;
    height: 870px;
    background: url(../img/index/bg4.jpg) no-repeat center center;
    background: url(../img/index/bg4.jpg) no-repeat center center, url(../img/index/bg4y.jpg) no-repeat center center;
    position: relative;
}

.bg4Container {
    display: block;
    width: 1366px;
    margin: 0 auto;
    height: 870px;
    position: relative;
}
/*文字部分*/
.bg4Cwz {
    display: block;
    width: 1095px;
    height: 588px;
    background: url(../img/index/bg4/bj.png) no-repeat center center;
    position: absolute;
    left: 0;
    top: 132px;
}

.bg4CwzItem {
    display: block;
    width: 520px;
    height: 190px;
    position: absolute;
    left: 608px;
    top: 216px;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: left 0.5s,opacity 0.5s;
}

.bg4CwzItem.on {
    display: block;
    width: 520px;
    height: 190px;
    position: absolute;
    left: 88px;
    top: 216px;
    opacity: 1;
    filter: alpha(opacity=100);
}

.bg4CwzTitle {
    display: block;
    width: 340px;
    height: 37px;
    text-indent: -99999px;
}

.bg4CwzItem1 .bg4CwzTitle {
    background: url(../img/index/bg4/t1.png) no-repeat left center;
}

.bg4CwzItem2 .bg4CwzTitle {
    background: url(../img/index/bg4/t2.png) no-repeat left center;
}

.bg4CwzItem3 .bg4CwzTitle {
    background: url(../img/index/bg4/t3.png) no-repeat left center;
}

.bg4CwzItem4 .bg4CwzTitle {
    background: url(../img/index/bg4/t4.png) no-repeat left center;
}

.bg4CwzItem5 .bg4CwzTitle {
    background: url(../img/index/bg4/t5.png) no-repeat left center;
}

.bg4CwzItem6 .bg4CwzTitle {
    background: url(../img/index/bg4/t6.png) no-repeat left center;
}

.bg4CwzItem p {
    display: block;
    width: 520px;
    height: 104px;
    padding-top: 10px;
    font-size: 16px;
    color: #f5e7ce;
    line-height: 28px;
}

.bg4CwzItem .more {
    display: block;
    width: 90px;
    height: 16px;
    font-size: 16px;
    color: #d2bf96;
    line-height: 1;
    position: relative;
}

.bg4CwzItem .more i {
    display: block;
    width: 12px;
    height: 16px;
    font-size: 16px;
    color: #d2bf96;
    position: absolute;
    top: 0;
}

.bg4CwzItem .more i.i1 {
    left: 66px;
}

.bg4CwzItem .more i.i2 {
    left: 78px;
}

.bg4CwzItem .more:hover {
    color: #ff7200;
}

.bg4CwzItem .more:hover i.i1 {
    animation: b4i1 0.9s linear infinite;
    color: #ff7200;
}

.bg4CwzItem .more:hover i.i2 {
    animation: b4i2 0.9s linear infinite;
    color: #ff7200;
}

@keyframes b4i1 {
    0% {
        left: 66px;
    }

    25% {
        left: 78px;
    }

    50% {
        left: 90px;
        opacity: 0;
    }

    75% {
        left: 54px;
        opacity: 0;
    }

    100% {
        left: 66px;
        opacity: 1;
    }
}

@keyframes b4i2 {
    0% {
        left: 78px;
    }

    25% {
        left: 90px;
        opacity: 0;
    }

    50% {
        left: 54px;
        opacity: 0;
    }

    75% {
        left: 66px;
        opacity: 1;
    }

    100% {
        left: 78px;
    }
}
/*按钮部分*/
.bg4Ctabs {
    display: block;
    height: 36px;
    position: absolute;
    left: 32px;
    top: 650px;
    z-index: 10;
}

.bg4Ctabs a {
    float: left;
    width: 108px;
    text-align: center;
    height: 36px;
    line-height: 36px;
    margin-right: 16px;
    font-size: 16px;
    color: #ada79a;
    background: url(../img/index/bg4/i.png) no-repeat 0 0;
    position: relative;
    box-sizing: border-box;
}

.bg4Ctabs a:hover {
    color: #efd091;
    transition: color 1s;
}

.bg4Ctabs a::before, .bg4Ctabs a::after {
    box-sizing: inherit;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
}

.bg4Ctabs a::before, .bg4Ctabs a::after {
    border: 1px solid transparent;
    width: 0;
    height: 0;
}

.bg4Ctabs a::before {
    top: 0;
    left: 0;
}

.bg4Ctabs a::after {
    bottom: 0;
    right: 0;
}

.bg4Ctabs a:hover::before, .bg4Ctabs a:hover::after {
    width: 100%;
    height: 100%;
}

.bg4Ctabs a:hover::before {
    border-top-color: #efd091;
    border-right-color: #efd091;
    transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}

.bg4Ctabs a:hover::after {
    border-bottom-color: #efd091;
    border-left-color: #efd091;
    transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}

.bg4Ctabs a.on {
    color: #6c6045;
    background: url(../img/index/bg4/i.png) no-repeat 0 -72px;
    pointer-events: none;
}

.bg4Cnext {
    display: block;
    width: 81px;
    height: 81px;
    background: url(../img/index/bg4/next.png) no-repeat 0 0;
    position: absolute;
    right: 0;
    top: 390px;
    left: 680px;
    z-index: 10;
}

.bg4Cnext:hover {
    background: url(../img/index/bg4/next.png) no-repeat 0 -81px;
}

.bg4disable {
    pointer-events: none;
}
/*图片部分*/
.bg4Cimg {
    display: block;
    width: 1047px;
    height: 664px;
    position: absolute;
    left: 340px;
    top: 74px;
    z-index: 3;
}

.bg4CimgItem1 {
    background: url(../img/index/bg4/b1.jpg) no-repeat center center;
}

.bg4CimgItem1 i {
    background: url(../img/index/bg4/r1.png) no-repeat center center;
}

.bg4CimgItem2 {
    background: url(../img/index/bg4/b2.jpg) no-repeat center center;
}

.bg4CimgItem2 i {
    background: url(../img/index/bg4/r2.png) no-repeat center center;
}

.bg4CimgItem3 {
    background: url(../img/index/bg4/b3.jpg) no-repeat center center;
}

.bg4CimgItem3 i {
    background: url(../img/index/bg4/r3.png) no-repeat center center;
}

.bg4CimgItem4 {
    background: url(../img/index/bg4/b4.jpg) no-repeat center center;
}

.bg4CimgItem4 i {
    background: url(../img/index/bg4/r4.png) no-repeat center center;
}

.bg4CimgItem5 {
    background: url(../img/index/bg4/b5.jpg) no-repeat center center;
}

.bg4CimgItem5 i {
    background: url(../img/index/bg4/r5.png) no-repeat center center;
}

.bg4CimgItem6 {
    background: url(../img/index/bg4/b6.jpg) no-repeat center center;
}

.bg4CimgItem6 i {
    background: url(../img/index/bg4/r6.png) no-repeat center center;
}

.bg4CimgItem {
    display: block;
    width: 400px;
    height: 586px;
    position: absolute;
    left: 608px;
    top: 40px;
    overflow: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
}

.bg4CimgItem em {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.8);
    z-index: 5;
}

.bg4CimgItem i {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: opacity 1s;
}

.bg4CimgItem.on {
    display: block;
    width: 483px;
    height: 664px;
    position: absolute;
    left: 452px;
    top: 0;
    overflow: visible;
    z-index: 20;
    opacity: 1;
    filter: alpha(opacity=100);
}

.ie8 .bg4CimgItem {
    display: none;
}

.ie8 .bg4CimgItem.on {
    display: block;
}

.bg4CimgItem.on em {
    background: none;
}

.bg4CimgItem.on i {
    display: block;
    width: 654px;
    height: 734px;
    position: absolute;
    left: -71px;
    top: -70px;
    opacity: 1;
    filter: alpha(opacity=100);
}

.bg4CimgItem.prev {
    display: block;
    width: 440px;
    height: 628px;
    position: absolute;
    left: 20px;
    top: 18px;
    z-index: 20;
    opacity: 0;
}

.bg4CimgItem.prev i {
    /*display: block;
	width: 654px;
	height: 734px;
	position: absolute;
	left: -72px;
	top: -70px;*/
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.5s;
}

.bg4CimgItem.next1 {
    display: block;
    width: 440px;
    height: 628px;
    position: absolute;
    left: 533px;
    top: 18px;
    z-index: 15;
    opacity: 1;
}

.bg4CimgItem.next1 i {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transform: scale(0.4);
}

.bg4CimgItem.next1 em {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.5);
    z-index: 5;
}

.bg4CimgItem.next2 {
    display: block;
    width: 400px;
    height: 586px;
    position: absolute;
    left: 608px;
    top: 40px;
    z-index: 10;
    opacity: 1;
}

.bg4CimgItem.next2 i {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transform: scale(0.4);
}

.bg4CimgItem.next2 em {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.8);
    z-index: 5;
}

.bg4CimgItem1.on i {
    left: -70px;
}

.bg4CimgItem4.on i {
    /*left: -121px;*/
}

.bg5 {
    display: block;
    width: 100%;
    height: 556px;
    background: url(../img/index/bg5.jpg) no-repeat center center;
    background: url(../img/index/bg5.jpg) no-repeat center center, url(../img/index/bg5y.jpg) no-repeat center center;
    position: relative;
    overflow: hidden;
}

.bg5Preview {
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    background: rgba(0,0,0,0.9);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10001;
    display: none;
}

.bg5Preview img {
    display: block;
    width: 1300px;
    height: 700px;
    object-fit: cover;
    position: fixed;
    left: 50%;
    margin-left: -650px;
    top: 50%;
    margin-top: -350px;
}

.bg5Container {
    display: block;
    width: 1920px;
    height: 556px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

@media (min-width: 1930px) {
    .bg5Container {
        overflow: visible;
    }
}

.bg5CmapImg {
    display: block;
    width: 1920px;
    height: 540px;
    position: absolute;
    left: 0;
    top: 8px;
    z-index: 3;
}

.bg5CmapBox {
    display: block;
    width: 1920px;
    height: 540px;
    position: absolute;
    left: 0;
    top: 8px;
    z-index: 1;
}

.bg5CmapItem {
    display: block;
    width: 348px;
    height: 348px;
    position: absolute;
    text-indent: -99999999px;
}

.bg5CmapItem .i3 {
    display: block;
    width: 348px;
    height: 348px;
    position: absolute;
    left: 0;
    top: 0;
}

.bg5CmapItem.on .i3 {
    background: url(../img/index/bg5/yy.png) no-repeat center center;
    transition: background 0.5s;
}

.bg5CmapItem6.on .i3 {
    /*background: none;*/
}

.bg5CmapItem .i1 {
    display: block;
    width: 248px;
    height: 248px;
    position: absolute;
    left: 50px;
    top: 50px;
    transform: rotate(45deg);
    box-sizing: border-box;
    z-index: 2;
}

.bg5CmapItem .i1::before, .bg5CmapItem .i1::after {
    box-sizing: inherit;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
}

.bg5CmapItem .i1::before, .bg5CmapItem .i1::after {
    border: 1px solid transparent;
    width: 0;
    height: 0;
}

.bg5CmapItem .i1::before {
    top: 0;
    left: 0;
}

.bg5CmapItem .i1::after {
    bottom: 0;
    right: 0;
}

.bg5CmapItem.on .i1::before, .bg5CmapItem.on .i1::after {
    width: 100%;
    height: 100%;
}

.bg5CmapItem.on .i1::before {
    border-top-color: #ffb06c;
    border-right-color: #ffb06c;
    transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}

.bg5CmapItem.on .i1::after {
    border-bottom-color: #ffb06c;
    border-left-color: #ffb06c;
    transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}

.bg5CmapItem6 .i1 {
    display: block;
    width: 248px;
    height: 248px;
    position: absolute;
    left: 50px;
    top: 50px;
    transform: rotate(45deg);
    box-sizing: border-box;
    z-index: 2;
}

.bg5CmapItem6 .i1::before, .bg5CmapItem6 .i1::after {
    box-sizing: inherit;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
}

.bg5CmapItem6 .i1::before, .bg5CmapItem6 .i1::after {
    border: 2px solid transparent;
    width: 0;
    height: 0;
}

.bg5CmapItem6 .i1::before {
    top: 0;
    left: 0;
}

.bg5CmapItem6 .i1::after {
    bottom: 0;
    right: 0;
}

.bg5CmapItem6.on .i1::before, .bg5CmapItem6.on .i1::after {
    width: 100%;
    height: 100%;
}

.bg5CmapItem6.on .i1::before {
    border-top-color: #efd091;
    border-right-color: #efd091;
    transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}

.bg5CmapItem6.on .i1::after {
    border-bottom-color: #efd091;
    border-left-color: #efd091;
    transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}

.bg5CmapItem .i2 {
    display: block;
    width: 120px;
    height: 38px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -60px;
    margin-top: -19px;
    opacity: 0;
    z-index: 1;
    /*transition: opacity 0.5s;*/
}

.bg5CmapItem.on .i2 {
    background: url(../img/index/bg5/i.png) no-repeat center center;
    opacity: 1;
}

.bg5CmapItem6.on .i2 {
    background: none;
}

.bg5CmapItem1 {
    left: -156px;
    top: 0;
    background: url(../img/index/bg5/a1.png) no-repeat center center;
}

.bg5CmapItem2 {
    left: 30px;
    top: 189px;
    background: url(../img/index/bg5/a2.png) no-repeat center center;
}

.bg5CmapItem3 {
    left: 219px;
    top: 0;
    background: url(../img/index/bg5/a3.png) no-repeat center center;
}

.bg5CmapItem4 {
    left: 408px;
    top: 189px;
    background: url(../img/index/bg5/a4.png) no-repeat center center;
}

.bg5CmapItem5 {
    left: 597px;
    top: 0;
    background: url(../img/index/bg5/a5.png) no-repeat center center;
}

.bg5CmapItem6 {
    left: 786px;
    top: 189px;
    background: url(../img/index/bg5/a6.png) no-repeat center center;
}

.bg5CmapItem6 .i3 {
    display: block;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 163px;
    top: 236px;
    background: url(../img/index/bg5/a6i.png) no-repeat center center;
}

.bg5CmapItem6.on .i3 {
    transform: rotate(180deg);
    transition: transform 0.5s;
    background: url(../img/index/bg5/a6i.png) no-repeat center center;
}

.bg5CmapItem7 {
    left: 975px;
    top: 0;
    background: url(../img/index/bg5/a7.png) no-repeat center center;
}

.bg5CmapItem8 {
    left: 1164px;
    top: 189px;
    background: url(../img/index/bg5/a8.png) no-repeat center center;
}

.bg5CmapItem9 {
    left: 1353px;
    top: 0;
    background: url(../img/index/bg5/a9.png) no-repeat center center;
}

.bg5CmapItem10 {
    left: 1542px;
    top: 189px;
    background: url(../img/index/bg5/a10.png) no-repeat center center;
}

.bg5CmapItem11 {
    left: 1731px;
    top: 0;
    background: url(../img/index/bg5/a11.png) no-repeat center center;
}

.bg5CmapItem12 {
    left: -348px;
    top: 189px;
    background: url(../img/index/bg5/a12.png) no-repeat center center;
}

.bg5CmapItem13 {
    left: 1920px;
    top: 189px;
    background: url(../img/index/bg5/a13.png) no-repeat center center;
}

.bg7 {
    display: block;
    width: 100%;
    height: 400px;
    background: url(../img/index/bg7.jpg) no-repeat center center;
    background: url(../img/index/bg7.jpg) no-repeat center center, url(../img/index/bg7y.jpg) no-repeat center center;
    overflow: hidden;
    position: relative;
}

.bg7Container {
    display: block;
    width: 1366px;
    height: 400px;
    margin: 0 auto;
}

.bg7Czfrd {
    display: block;
    width: 1366px;
    height: 328px;
    padding-top: 56px;
}

.bg7Czf {
    float: left;
    width: 390px;
    height: 328px;
    background: url(../img/index/bg7/bg7Czf.png) no-repeat center center;
}

.bg7CzfTitle {
    display: block;
    width: 350px;
    height: 33px;
    background: url(../img/index/bg7/t1.png) no-repeat center center;
    margin: 0 auto;
    margin-top: 30px;
}

.bg7CzfTitle span {
    float: left;
    text-indent: -99999px;
}

.bg7CzfTitle .more {
    float: right;
    width: 32px;
    height: 20px;
    background: url(../img/index/bg2/xw_more.png) no-repeat center center;
}

.bg7CzfTitle .more:hover {
    background: url(../img/index/bg2/xw_moreon.png) no-repeat center center;
}

.bg7CzfList {
    display: block;
    width: 350px;
    margin: 0 auto;
    margin-top: 24px;
}

.bg7CzfList a {
    display: block;
    width: 350px;
    height: 20px;
    margin-bottom: 20px;
}

.bg7CzfList a i {
    float: left;
    width: 9px;
    height: 9px;
    background: url(../img/index/bg2/i1.png) no-repeat center center;
    margin-top: 6px;
    margin-right: 10px;
}

.bg7CzfList a span {
    float: left;
    width: 280px;
    height: 20px;
    line-height: 20px;
    color: #90b3e5;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bg7CzfList a em {
    float: right;
    height: 20px;
    line-height: 20px;
    color: #90b3e5;
    font-size: 16px;
}

.bg7CzfList a:hover i {
    transform: rotateY(180deg);
    background: url(../img/index/bg2/i1on.png) no-repeat center center;
    transition: background 0.5s,transform 0.5s;
}

.bg7CzfList a:hover span {
    color: #efd091;
    transition: color 0.5s;
}

.bg7CzfList a:hover em {
    color: #efd091;
    transition: color 0.5s;
}

.bg7Cmethod {
    float: right;
    width: 953px;
    height: 328px;
    background: url(../img/index/bg7/bg7Cmethod.png) no-repeat center center;
}

.bg7CmeTitle {
    display: block;
    width: 107px;
    height: 22px;
    margin-left: 22px;
    padding-top: 30px;
}

.bg7CmeTitle i {
    display: block;
    width: 107px;
    height: 22px;
    background: url(../img/index/bg7/t2.png) no-repeat center center;
    text-indent: -99999px;
}

.bg7CmeDesc {
    display: block;
    width: 931px;
    height: 20px;
    margin-left: 22px;
    margin-top: 16px;
}

.bg7CmeDesc span {
    float: left;
    line-height: 20px;
    font-size: 18px;
    color: #90b3e5;
}

.bg7CmeDesc .more {
    float: right;
    width: 32px;
    height: 20px;
    background: url(../img/index/bg2/xw_more.png) no-repeat center center;
}

.bg7CmeDesc .more:hover {
    background: url(../img/index/bg2/xw_moreon.png) no-repeat center center;
}

.bg7Cmethod ul {
    width: 945px;
    height: 190px;
    margin-top: 30px;
    margin-left: 8px;
}

.bg7Cmethod li {
    float: left;
    width: 300px;
    height: 190px;
    margin-left: 15px;
}

.bg7Cmethod li a {
    display: block;
    width: 300px;
    height: 190px;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
}

.bg7Cmethod li a::before, .bg7Cmethod li a::after {
    box-sizing: inherit;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 5;
}

.bg7Cmethod li a::before, .bg7Cmethod li a::after {
    border: 1px solid transparent;
    width: 0;
    height: 0;
}

.bg7Cmethod li a::before {
    top: 0;
    left: 0;
}

.bg7Cmethod li a::after {
    bottom: 0;
    right: 0;
}

.bg7Cmethod li a:hover::before, .bg7Cmethod li a:hover::after {
    width: 100%;
    height: 100%;
}

.bg7Cmethod li a:hover::before {
    border-top-color: #efd091;
    border-right-color: #efd091;
    transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}

.bg7Cmethod li a:hover::after {
    border-bottom-color: #efd091;
    border-left-color: #efd091;
    transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}

.bg7Cmethod li a img {
    display: block;
    width: 300px;
    height: 190px;
    transition: transform 0.5s;
}

.bg7Cmethod li a:hover img {
    transform: scale(1.2);
}

.bg7Cmethod li a span {
    display: block;
    width: 300px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    font-size: 18px;
    font-size: 16px;
    color: #ddefff;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../img/index/bg7/x.png) no-repeat center center;
}

.bg8 {
    display: block;
    width: 100%;
    height: 909px;
    background: url(../img/index/bg8.jpg) no-repeat center center;
    background: url(../img/index/bg8.jpg) no-repeat center center, url(../img/index/bg8y.jpg) no-repeat center center;
    position: relative;
    overflow: hidden;
}

.bg8Container {
    width: 1366px;
    height: 909px;
    margin: 0 auto;
    position: relative;
}

.bg8Ctitle {
    display: block;
    width: 136px;
    height: 37px;
    background: url(../img/index/bg8/t.png) no-repeat center center;
    text-indent: -9999999px;
    position: absolute;
    left: 0;
    top: 100px;
}

.bg8Cdesc {
    display: block;
    font-size: 16px;
    color: #e9f6ff;
    line-height: 40px;
    position: absolute;
    left: 0;
    top: 160px;
}

.bg8Cdesc span {
    display: block;
    width: 740px;
    font-size: 16px;
    color: #f5e7ce;
    line-height: 34px;
    text-indent: 32px;
}

.bg8Creg {
    display: block;
    width: 345px;
    height: 112px;
    background: url(../img/index/bg8/r.png) no-repeat center center;
    text-indent: -9999999px;
    position: absolute;
    left: 0;
    top: 666px;
}

.bg8Creg .i1 {
    display: block;
    width: 6px;
    height: 6px;
    background: #ffe4d7;
    border-radius: 50%;
    position: absolute;
    left: 82px;
    top: 53px;
    transition: all 0.5s;
}

.bg8Creg .i2 {
    display: block;
    width: 6px;
    height: 6px;
    background: #ffe4d7;
    border-radius: 50%;
    position: absolute;
    right: 82px;
    top: 53px;
    transition: all 0.5s;
}

.bg8Creg:hover {
    background: url(../img/index/bg8/ron.png) no-repeat center center;
    background: url(../img/index/bg8/ron.png) no-repeat center center, url(../img/index/bg8/r.png) no-repeat center center;
}

.bg8Creg:hover .i1 {
    width: 10px;
    height: 10px;
    left: 9px;
    top: 51px;
}

.bg8Creg:hover .i2 {
    width: 10px;
    height: 10px;
    right: 9px;
    top: 51px;
}

.bg8Cdown {
    display: block;
    width: 345px;
    height: 112px;
    background: url(../img/index/bg8/d.png) no-repeat center center;
    text-indent: -9999999px;
    position: absolute;
    left: 382px;
    top: 666px;
}

.bg8Cdown .i1 {
    display: block;
    width: 6px;
    height: 6px;
    background: #ffe4d7;
    border-radius: 50%;
    position: absolute;
    left: 82px;
    top: 53px;
    transition: all 0.5s;
}

.bg8Cdown .i2 {
    display: block;
    width: 6px;
    height: 6px;
    background: #ffe4d7;
    border-radius: 50%;
    position: absolute;
    right: 82px;
    top: 53px;
    transition: all 0.5s;
}

.bg8Cdown:hover {
    background: url(../img/index/bg8/don.png) no-repeat center center;
    background: url(../img/index/bg8/don.png) no-repeat center center， url(../img/index/bg8/d.png) no-repeat center center;
}

.bg8Cdown:hover .i1 {
    width: 10px;
    height: 10px;
    left: 9px;
    top: 51px;
}

.bg8Cdown:hover .i2 {
    width: 10px;
    height: 10px;
    right: 9px;
    top: 51px;
}

.bg9 {
    display: block;
    width: 100%;
    height: 593px;
    background: url(../img/index/bg9.jpg) no-repeat center center;
    background: url(../img/index/bg9.jpg) no-repeat center center, url(../img/index/bg9y.jpg) no-repeat center center;
    position: relative;
    overflow: hidden;
}

.bg9Container {
    display: block;
    width: 1366px;
    height: 593px;
    margin: 0 auto;
    position: relative;
}

.bg9Cconfig {
    display: block;
    position: absolute;
    left: 14px;
    top: 42px;
}

.bg9ConfigTitle {
    display: block;
    width: 452px;
    height: 35px;
    background: url(../img/index/bg9/t1.png) no-repeat center center;
}

.bg9ConfigTitle span {
    float: left;
    text-indent: -99999px;
}

.bg9ConfigTitle .more {
    float: right;
    width: 32px;
    height: 20px;
    background: url(../img/index/bg9/i.png) no-repeat center center;
}

.bg9ConfigTitle .more:hover {
    background: url(../img/index/bg9/ion.png) no-repeat center center;
}

.bg9ConfigDesc {
    display: block;
    width: 452px;
    margin-top: 10px;
}

.bg9ConfigDesc span {
    display: block;
    width: 452px;
    line-height: 1;
    font-size: 16px;
    color: #2a4568;
    font-weight: 400;
    margin-bottom: 12px;
}

.bg9Chotline {
    display: block;
    width: 334px;
    position: absolute;
    right: 12px;
    top: 68px;
}

.bg9HotTitle {
    display: block;
    width: 104px;
    height: 23px;
    text-indent: -999999px;
    background: url(../img/index/bg9/t2.png) no-repeat center center;
}

.bg9HotPhone {
    display: block;
    line-height: 1;
    font-size: 48px;
    color: #324968;
    font-weight: bold;
    font-family: 'Arial';
    margin-top: 22px;
}

.bg9HotBtn {
    display: block;
    width: 334px;
    height: 42px;
    margin-top: 18px;
}

.bg9HotBtn .serviceCenter {
    float: left;
    width: 154px;
    height: 42px;
    text-indent: -99999px;
    background: url(../img/index/bg9/i1.png) no-repeat center center;
    overflow: hidden;
    position: relative;
}

.bg9HotBtn .serviceCenter i {
    display: block;
    width: 154px;
    height: 42px;
    background: url(../img/index/bg9/w1.png) no-repeat center center;
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
}

.bg9HotBtn .serviceCenter:hover {
    background: url(../img/index/bg9/i1on.png) no-repeat center center;
    background: url(../img/index/bg9/i1on.png) no-repeat center center， url(../img/index/bg9/i1.png) no-repeat center center;
}
/*.bg9HotBtn .serviceCenter::before {
	z-index: 1;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 154px;
	height: 154px;
	border-radius: 50%;
	background: url(../img/index/bg9/i1on.png) no-repeat center center;
	transform-origin: center;
	transform: translate3d(-50%, -50%, 0) scale(0, 0);
	transition: transform 0.45s ease-in-out;
}
.bg9HotBtn .serviceCenter:hover::before {
	transform: translate3d(-50%, -50%, 0) scale(1, 1);
	border-radius: 0;
}*/
.bg9HotBtn .svchat {
    float: right;
    width: 154px;
    height: 42px;
    text-indent: -99999px;
    background: url(../img/index/bg9/i2.png) no-repeat center center;
    overflow: hidden;
    position: relative;
}

.bg9HotBtn .svchat i {
    display: block;
    width: 154px;
    height: 42px;
    background: url(../img/index/bg9/w2.png) no-repeat center center;
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
}

.bg9HotBtn .svchat:hover {
    background: url(../img/index/bg9/i2on.png) no-repeat center center;
    background: url(../img/index/bg9/i2on.png) no-repeat center center， url(../img/index/bg9/i2.png) no-repeat center center;
}
/*.bg9HotBtn .svchat::before {
	z-index: 1;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 154px;
	height: 154px;
	border-radius: 50%;
	background: url(../img/index/bg9/i2on.png) no-repeat center center;
	transform-origin: center;
	transform: translate3d(-50%, -50%, 0) scale(0, 0);
	transition: transform 0.45s ease-in-out;
}
.bg9HotBtn .svchat:hover::before {
	transform: translate3d(-50%, -50%, 0) scale(1, 1);
	border-radius: 0;
}*/
.bg9Cnav {
    display: block;
    width: 1366px;
    height: 150px;
    position: absolute;
    left: 0;
    top: 360px;
}

.bg9NavWx {
    display: block;
    width: 156px;
    height: 150px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/index/bg9/n1.png) no-repeat center center;
}

.bg9NavDy {
    display: block;
    width: 156px;
    height: 150px;
    position: absolute;
    left: 220px;
    top: 0;
    background: url(../img/index/bg9/n2.png) no-repeat center center;
}

.bg9NavWb {
    display: block;
    width: 156px;
    height: 150px;
    position: absolute;
    left: 360px;
    top: 0;
    background: url(../img/index/bg9/n3.png) no-repeat center center;
}

.bg9NavKp {
    display: block;
    width: 156px;
    height: 150px;
    position: absolute;
    right: 360px;
    top: 0;
    background: url(../img/index/bg9/n4.png) no-repeat center center;
}

.bg9NavHz {
    display: block;
    width: 156px;
    height: 150px;
    position: absolute;
    right: 220px;
    top: 0;
    background: url(../img/index/bg9/n5.png) no-repeat center center;
}

.bg9NavLt {
    display: block;
    width: 156px;
    height: 150px;
    position: absolute;
    right: 0;
    top: 0;
    background: url(../img/index/bg9/n6.png) no-repeat center center;
}

.bg9Cnav a .span {
    display: block;
    width: 110px;
    height: 110px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    position: absolute;
    left: 38px;
    top: 8px;
}

.bg9Cnav a img {
    display: block;
    width: 110px;
    height: 110px;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}

.bg9Cnav a img.cur {
    opacity: 1;
}

.bg9Cnav a img.hover {
    opacity: 0;
}

.bg9Cnav a:hover .span {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.bg9Cnav a:hover img {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

.bg9Cnav a:hover .cur {
    opacity: 0;
}

.bg9Cnav a:hover .hover {
    opacity: 1;
}
/*框效果*/
.bg9Cnav .xg {
    display: block;
    width: 120px;
    height: 120px;
    position: absolute;
    left: 33px;
    top: 3px;
    display: none;
}

.bg9Cnav .xg .left {
    display: block;
    width: 5px;
    height: 120px;
    position: absolute;
    left: 0;
    top: 0;
}

.bg9Cnav .xg .left .i1 {
    display: block;
    width: 5px;
    height: 0;
    background: rgba(144,179,229,0.5);
    position: absolute;
    left: 0;
    top: 0;
    transition: height 0.5s;
}

.bg9Cnav .xg .left .i2 {
    display: block;
    width: 5px;
    height: 0;
    background: rgba(144,179,229,0.5);
    position: absolute;
    left: 0;
    bottom: 0;
    transition: height 0.5s;
}

.bg9Cnav a:hover .xg .left .i1 {
    height: 60px;
}

.bg9Cnav a:hover .xg .left .i2 {
    height: 60px;
}

.bg9Cnav .xg .top {
    display: block;
    width: 120px;
    height: 5px;
    position: absolute;
    left: 0;
    top: 0;
}

.bg9Cnav .xg .top .i1 {
    display: block;
    width: 0;
    height: 5px;
    background: rgba(144,179,229,0.5);
    position: absolute;
    left: 0;
    top: 0;
    transition: width 0.5s;
}

.bg9Cnav .xg .top .i2 {
    display: block;
    width: 0;
    height: 5px;
    background: rgba(144,179,229,0.5);
    position: absolute;
    right: 0;
    top: 0;
    transition: width 0.5s;
}

.bg9Cnav a:hover .xg .top .i1 {
    width: 60px;
}

.bg9Cnav a:hover .xg .top .i2 {
    width: 60px;
}

.bg9Cnav .xg .right {
    display: block;
    width: 5px;
    height: 120px;
    position: absolute;
    right: 0;
    top: 0;
}

.bg9Cnav .xg .right .i1 {
    display: block;
    width: 5px;
    height: 0;
    background: rgba(144,179,229,0.5);
    position: absolute;
    left: 0;
    top: 0;
    transition: height 0.5s;
}

.bg9Cnav .xg .right .i2 {
    display: block;
    width: 5px;
    height: 0;
    background: rgba(144,179,229,0.5);
    position: absolute;
    left: 0;
    bottom: 0;
    transition: height 0.5s;
}

.bg9Cnav a:hover .xg .right .i1 {
    height: 60px;
}

.bg9Cnav a:hover .xg .right .i2 {
    height: 60px;
}

.bg9Cnav .xg .bottom {
    display: block;
    width: 120px;
    height: 5px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.bg9Cnav .xg .bottom .i1 {
    display: block;
    width: 0;
    height: 5px;
    background: rgba(144,179,229,0.5);
    position: absolute;
    left: 0;
    top: 0;
    transition: width 0.5s;
}

.bg9Cnav .xg .bottom .i2 {
    display: block;
    width: 0;
    height: 5px;
    background: rgba(144,179,229,0.5);
    position: absolute;
    right: 0;
    top: 0;
    transition: width 0.5s;
}

.bg9Cnav a:hover .xg .bottom .i1 {
    width: 60px;
}

.bg9Cnav a:hover .xg .bottom .i2 {
    width: 60px;
}





/*ts*/
.bg9ts {
    display: block;
    width: 290px;
    height: 389px;
    position: absolute;
    right: 0;
    bottom: 0;
}

.bg9tsOpen {
    display: block;
    width: 60px;
    height: 60px;
    width: 0;
    background: url(../img/index/ts/bg9tsOpen.png) no-repeat center center;
    position: absolute;
    right: 0;
    bottom: 0;
    transition: width 0.5s;
}

.bg9tsOpen:hover {
    background: url(../img/index/ts/bg9tsOpenon.png) no-repeat center center;
}

.bg9tsNr {
    display: block;
    width: 290px;
    height: 389px;
    width: 0;
    background: url(../img/index/ts/bg9tsNr.png) no-repeat center center;
    position: absolute;
    right: 0;
    bottom: 0;
    transition: width 0.5s;
    right: -25px;
}

.bg9tsClose {
    display: block;
    width: 25px;
    height: 103px;
    background: url(../img/index/ts/bg9tsClose.png) no-repeat center center;
    position: absolute;
    left: -23px;
    top: 210px;
}

.bg9tsClose:hover {
    background: url(../img/index/ts/bg9tsCloseon.png) no-repeat center center;
}

.bg9tsChoose {
    display: block;
    width: 262px;
    height: 48px;
    position: absolute;
    left: 14px;
    top: 188px;
}

.bg9tsChoose .my {
    float: left;
    height: 25px;
    margin-left: 27px;
    margin-top: 9px;
}

.bg9tsChoose .my i {
    float: left;
    width: 25px;
    height: 25px;
    background: url(../img/index/ts/my.png) no-repeat center center;
    margin-right: 8px;
}

.bg9tsChoose .my span {
    float: left;
    font-size: 14px;
    color: #807d75;
    line-height: 25px;
}

.bg9tsChoose .my:hover span {
    color: #ffd164;
}

.bg9tsChoose .my.on span {
    color: #ffd164;
}

.bg9tsChoose .ybb {
    float: left;
    height: 25px;
    margin-left: 52px;
    margin-top: 9px;
}

.bg9tsChoose .ybb i {
    float: left;
    width: 25px;
    height: 25px;
    background: url(../img/index/ts/ybb.png) no-repeat center center;
    margin-right: 8px;
}

.bg9tsChoose .ybb span {
    float: left;
    font-size: 14px;
    color: #807d75;
    line-height: 25px;
}

.bg9tsChoose .ybb:hover span {
    color: #ffd164;
}

.bg9tsChoose .ybb.on span {
    color: #ffd164;
}

.bg9tsText {
    display: block;
    width: 262px;
    height: 74px;
    position: absolute;
    left: 14px;
    top: 236px;
}

.bg9tsText textarea::-webkit-input-placeholder {
    color: #807d75;
}

.bg9tsText textarea:-moz-placeholder {
    color: #807d75;
}

.bg9tsText textarea::-moz-placeholder {
    color: #807d75;
}

.bg9tsText textarea:-ms-input-placeholder {
    color: #807d75;
}

.bg9tsText textarea {
    display: block;
    width: 240px;
    height: 46px;
    line-height: 22px;
    margin-left: 14px;
    margin-top: 14px;
    font-size: 14px;
    color: #9b9177;
    background: none;
    border: 0;
    resize: none;
}

.bg9tsText textarea {
    color: #5b5959;
}

.bg9tsText textarea::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 3px;
    height: 1px;
}

.bg9tsText textarea::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 4px;
    box-shadow: inset 0 0 3px #959280;
    background: #959280;
}

.bg9tsSub {
    display: block;
    width: 262px;
    height: 46px;
    background: url(../img/index/ts/bg9tsSub.png) no-repeat center center;
    text-indent: -99999px;
    position: absolute;
    left: 14px;
    top: 330px;
}

.bg9tsSub:hover {
    background: url(../img/index/ts/bg9tsSubon.png) no-repeat center center;
}

.bg9tsSub.disable {
    pointer-events: none;
    background: url(../img/index/ts/bg9tsSubno.png) no-repeat center center;
}

.bg9tsOver {
    display: block;
    width: 290px;
    height: 209px;
    width: 0;
    background: url(../img/index/ts/bg9tsOver.png) no-repeat center center;
    position: absolute;
    right: 0;
    bottom: 0;
    transition: width 0.5s;
}

.bg9ctsTxt2 {
    display: block;
    width: 262px;
    text-align: center;
    position: absolute;
    left: 14px;
    top: 146px;
    font-size: 16px;
    color: #b5ae9b;
    line-height: 22px;
}

.bg9ts.one .bg9tsOpen {
    width: 60px;
}

.bg9ts.two .bg9tsNr {
    width: 290px;
    right: 0;
}

.bg9ts.three .bg9tsOver {
    width: 290px;
}