a,div{margin:0 auto;font-family: "Microsoft YaHei";text-decoration:none;color:#fff;}
a{cursor:pointer;}
ul,li{list-style: none;padding: 0;margin: 0;}
i{font-style: normal;}
.clearfix:after{clear: both;content: "";display: block;visibility: hidden;}
p{margin:0;padding:0;}

html{background:#dbdbdb;height: 100%;}
body{margin:0;font-family: "Microsoft YaHei";width:100%;height: 100%; background-size: 100% 100%;min-width: 320px;}
div, a, td, li {
    font-size: 16px;
    line-height: 150%;
    margin: 0 auto;
    font-family: "Microsoft YaHei";
    text-decoration: none;
}
.layer-box{position: relative; width: 1200px;height: 100%; margin: 0 auto;box-sizing: border-box;}
.p-lr-30{box-sizing:border-box; padding: 0 30px;}
.header{float: left; height:75px;position: absolute;top:0px;left:0px;width:100%;z-index: 999;background: rgba(0,0,0,.5);box-sizing: border-box;border-top:2px solid #f39800;}
.header ul{float:right;display: inline-block;height: 100%;}
.header ul li{
	float: left;
	font-size: 15px !important;
	height: 100%;
	width: 90px;
	margin-right: 20px;
}
.header ul li:first-child{border-left:none;}
.header ul li a{display: block; width: 100%; height: 100%;line-height: 75px; color: #fff;text-align: center;font-size: 15px !important;}
.header ul li a:hover,.header ul li a:active{background: #f39800;}
.logoimg{position: absolute;left: 20px;top:10px;}
.btn-login{position: relative; float: right;display:inline-block;padding: 4px 10px 7px;background: #f39800;font-size: 13px;margin-top: 25px;margin-left: 30px;width:77px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align:center;}
.ico-kx{position: absolute;top: 15px;right: 0;}
#fullpage{width: 100%;height: 100%; min-height:500px;}
.section{height:100%;margin:0 auto;color: #fff;}
.wph, .wph3{width: 960px;position: relative;}
.secright{width:500px;height:355px;background-size:100% 100%;}
/*.secphone{margin-top: 200px;overflow:visible;}*/
.secphone2{position:absolute;top: 149px;left: 24px;}
.wordtop1{position:absolute;top:25px;left:168px;color:#fff;font-size:16px;}
.wordtop2{position:absolute;top:55px;left:155px;color:#fff;font-size:16px;white-space: nowrap;}
.wordtop2in{font-size:28px;}
.wordbot1{position: absolute;top: 165px;font-size: 16px;color: #fff;left: 12px;}
.wordbot2{position: absolute;font-size: 16px;color: #fff;top: 194px;left: -17px;}
.wordbtna{font-size: 32px;color: #fff;font-weight: bold;bottom:10%; left: 50%;margin-left: -90px; position: absolute;width: 180px;height:52px;text-align: center;}
.wordbtnb{font-size: 23px;color: #fff;font-weight: bold;top: 260px;left: 0px;position: absolute;width: 280px;height:52px;text-align: center;line-height: 2.1;}
.w1secpic{width:100%;height:100%;background-size: contain;background-repeat: no-repeat;position:relative;}
.ovbtna{color:#000}
A:link {  TEXT-DECORATION: none;outline:none ;}.ovbtna0{color:#fff}

A:active { TEXT-DECORATION: none;outline:none;}
A:visited { TEXT-DECORATION: none; outline:none;}
A:hover {  TEXT-DECORATION: none;outline:none; }
.item_6 .banner { border: 7px solid #CCC; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.item_6 .banner img { display: block; width: 100%; }
.wph a{display:block;font-family:"Microsoft YaHei";color:#fff;text-align: center;padding: 2px 10px;font-size: 28px;}
.wph a:hover{color:#000;}
.wph a:active{color:#000;}
.page3step{float: left;font-size: 30px;line-height: 1.5;margin: 20% 0 0 20px;position: relative;top: 0;opacity: 1.0;-moz-transition: all 0.8s ease;-webkit-transition: all 0.8s ease;-ms-transition: all 0.8s ease;transition: all 0.8s ease;}
.page3title{font-size: 45px;text-align: center;}
.footerx{width:1120px;height:430px;text-align: center;position: relative;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border: 1px solid #fff;
    background: rgba(0, 0, 0, 0);
    border-radius: 50%;
    position: absolute;
    z-index: 1;}


.x_btncloseggk{width:60px; height:54px;background-image:url(http://www.kxtui.com/css/btnclose.png);background-position: 9px -49px}
.hdcloud{
    position:absolute;top:0px;right:10px;
    -webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-fill-mode:both;animation-fill-mode:both;
    -webkit-animation-name:cloudm1;animation-name:cloudm1;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function:linear;animation-timing-function:linear;
}
@-webkit-keyframes cloudm1{
    0%{right:40px;}
    50%{right:100px;}
    100%{right:40px;}
}
@keyframes cloudm1{
    0%{right:40px;}
    50%{right:100px;}
    100%{right:40px;}
}

.cloudl{
    width:109px;height:70px;position:absolute;top:180px;left:100px;opacity: 0.3;z-index:10;
    -webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-fill-mode:both;animation-fill-mode:both;
    -webkit-animation-name:cloudl;animation-name:cloudl;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function:linear;animation-timing-function:linear;
}
@-webkit-keyframes cloudl{
    0%{left:100px;}
    50%{left:150px;}
    100%{left:100px;}
}
@keyframes cloudl{
    0%{left:100px;}
    50%{left:150px;}
    100%{left:100px;}
}


.cloudr{
    width:126px;height:82px;position:absolute;top:290px;right:40px;opacity: 0.2;z-index:10;
    -webkit-animation-duration:13s;animation-duration:13s;-webkit-animation-fill-mode:both;animation-fill-mode:both;
    -webkit-animation-name:cloudr;animation-name:cloudr;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function:linear;animation-timing-function:linear;
}
@-webkit-keyframes cloudr{
    0%{right:40px;}
    50%{right:100px;}
    100%{right:40px;}
}
@keyframes cloudr{
    0%{right:40px;}
    50%{right:100px;}
    100%{right:40px;}
}


.xiaoyun2{
    width:45px;height:29px;position:absolute;top:290px;left:280px;z-index:10;
    -webkit-animation-duration:13s;animation-duration:13s;-webkit-animation-fill-mode:both;animation-fill-mode:both;
    -webkit-animation-name:xiaoyun2;animation-name:xiaoyun2;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function:linear;animation-timing-function:linear;
}
@-webkit-keyframes xiaoyun2{
    0%{left:280px;}
    50%{left:320px;}
    100%{left:280px;}
}
@keyframes xiaoyun2{
    0%{left:280px;}
    50%{left:320px;}
    100%{left:280px;}
}

#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span{background: #e74c3c;}
@media screen and (max-width: 3000px) {
    .act-desc-one{top:20%;}
    .p2-tit-box{display: block;}
    
    .s0-top-box{display: block;}
    .s0-bottom-box{display: block;}
    
    .b-img a{background-size: 100% 100%;}
    .footer{padding-top:4%;}
    .fndLink{margin-top: 50px;}
    
}

@media screen and (max-width: 1920px) {
	.b-img a{background-size: auto auto;}
}

@media screen and (max-width: 1600px) {

}

@media screen and (max-width: 1366px) {
	.footer{padding-top:2%;}
	.fndLink{margin-top: 20px;}
    .act-desc{bottom:26%;}
}
@media screen and (max-width: 1000px) {
    .secphone{position:relative;}
    .secphone .links-list-box1{background: #fff;position: absolute;left: 0;bottom:30px;}
    .secleft{background:none;display: block;width: 100%;height: 100%;}

    .activity-box{display: none}
    .ad-txt{background: rgba(0,0,0,.5);border-radius: 15px; left: auto;margin-left:0;}
    .ad-txt{color:#fff; }
    .ad-txt a{color:#fff; }

    .act-desc{bottom:30%;}
    .act-desc-one{top:35%;}

    .p2-tit-box{display: none;}
    
    .s0-top-box{display: none;}
    .s0-bottom-box{display: none;}

}
.links-list-box1{width: 100%;position: absolute;display: inline-block;left: 0;bottom:40px;background: #fff;}
.links-list-box1 .ll-box-li{box-sizing: border-box;padding-left: 50px;width: 100%;position: relative;display: inline-block;margin-bottom: 5px;}
.links-list-box1 .ll-box-li img{width: 30px;height: 30px;position: absolute;left: 10px;top:3px;}


@-webkit-keyframes pulse {
    0% {
        -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)
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes pulse {
    0% {
        -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)
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes flash {
    0%,100%,50% {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,100%,50% {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
        transform: perspective(400px) rotate3d(0,1,0,-15deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
        transform: perspective(400px) rotate3d(0,1,0,-15deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
    -webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;
}


.hvr-sweep-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    border-radius:20px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
    color: white;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}


.hvr-float-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.hvr-float-shadow:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    /* W3C */
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}


.hvr-shadow-radial {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}
.hvr-shadow-radial:before, .hvr-shadow-radial:after {
    pointer-events: none;
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    box-sizing: border-box;
    background-repeat: no-repeat;
    height: 5px;
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
.hvr-shadow-radial:before {
    bottom: 100%;
    background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}
.hvr-shadow-radial:after {
    top: 100%;
    background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}
.hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after {
    opacity: 1;
}
/*lastp*/
.anim {
    transition: all 0.8s;
    -moz-transition: all 0.8s;
    -webkit-transition: all 0.8s;
    opacity: 1.0;
}
.lasttxt1{
    top:340px;
}
.lasttxt1.txtinactive{
    top:140px;
}
.lasttxt2{
    top:20px;
    left:30px;
}
.lasttxt2.txtinactive{
    top:120px;
    left:400px;
}
.lasttxt3{
    top:20px;
    right:0px;
}
.lasttxt3.txtinactive{
    top:120px;
    right:360px;
}
.lasttxt4{
    top:230px;
    left:0px;
}
.lasttxt4.txtinactive{
    top:120px;
    left:405px;
}
.lasttxt5{
    top:230px;
    right:0px;
}
.lasttxt5.txtinactive{
    top:120px;
    right:360px;
}

.fndLink{width: 1200px;box-sizing: border-box;}
.fndLink a{line-height:30px;color: white;margin-left: 20px; font-size:15px;}
.bot-menus{line-height:20px;width: 100%;text-align: center;}
.bot-menus a{font-size: 13px;color: #818181;margin: 0 15px;}
.bot-menus a:hover{color: #ddd;}
/* --------------------------------yesen style-------------------------------- */
#galleryDiv2 {
    position:absolute; left:50%; top:50%; width:1200px; height:1200px;

    background:-webkit-radial-gradient(center center, 600px 600px ,rgba(50,50,50,1), rgba(0,0,0,0));
    background:-moz-radial-gradient(center center, 600px 600px ,rgba(50,50,50,1), rgba(0,0,0,0));
    background:-ms-radial-gradient(center center, 600px 600px ,rgba(50,50,50,1), rgba(0,0,0,0));
    background:-o-radial-gradient(center center, 600px 600px ,rgba(50,50,50,1), rgba(0,0,0,0));
    background:radial-gradient(center center, 600px 600px ,rgba(50,50,50,1), rgba(0,0,0,0));

    margin-left:-600px; margin-top:-600px;
    -webkit-transform:translateY(200px) rotateX(90deg);
    -moz-transform:translateY(200px) rotateX(90deg);
    -ms-transform:translateY(200px) rotateX(90deg);
    -o-transform:translateY(200px) rotateX(90deg);
    transform:translateY(200px) rotateX(90deg);
}
#galleryDiv1 {width:200px; height:200px; position:relative; margin:260px auto 0;
    background:null;

    -webkit-transform:perspective(1000px) rotateX(-10deg) rotateY(0deg);
    -moz-transform:perspective(1000px) rotateX(-10deg) rotateY(0deg);
    -ms-transform:perspective(1000px) rotateX(-10deg) rotateY(0deg);
    -o-transform:perspective(1000px) rotateX(-10deg) rotateY(0deg);
    transform:perspective(1000px) rotateX(-10deg) rotateY(0deg);

    -webkit-transform-style:preserve-3d;
    -moz-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
    -o-transform-style:preserve-3d;
    transform-style:preserve-3d;
}
#galleryDiv1 div.hid {position:absolute; left:50%; margin-left:-67px; margin-top:-90px; top:50%; background-size:100% 100%; font-size:50px;
    -webkit-transition:1s all ease;
    -moz-transition:1s all ease;
    -ms-transition:1s all ease;
    -o-transition:1s all ease;
    transition:1s all ease;

    overflow:hidden; width:153px; height:400px;

    -webkit-transform:rotateY(0deg) translateZ(0px);
    -moz-transform:rotateY(0deg) translateZ(0px);
    -ms-transform:rotateY(0deg) translateZ(0px);
    -o-transform:rotateY(0deg) translateZ(0px);
    transform:rotateY(0deg) translateZ(0px);
}
#galleryDiv1 div.img {top:10px; left:10px; margin:0; box-shadow:0 0 10px white; width:133px; height:200px; position:absolute; border-radius:2px;}

#galleryDiv1 div.img .shadow { position:absolute; left:0; top:-102px; width:133px; height:200px;
    background-size:100% 100%;
    opacity:0.2;
}
#galleryDiv1 div .over {position:absolute; left:0; top:214px; width:133px; height:100px; overflow:-hidden;
    -webkit-transform:scale(1,-1);
    -moz-transform:scale(1,-1);
    -ms-transform:scale(1,-1);
    -o-transform:scale(1,-1);
    transform:scale(1,-1);
}

#galleryDiv1 .ga-qr-img{display: block;width: 100%;height: 100%; top:0px;left: 0; position: absolute;opacity: 0;-webkit-transition:opacity 0.5s;transtion:opacity 0.5s;}
#galleryDiv1 div.img:hover .ga-qr-img{opacity: 1;}

.activity-box{width: 60%;height: 90%;position: absolute;left: 50%;margin-left: -30%;bottom: 0;}
.act-desc{width: 66%;height: 30%;font-size: 15px;position: absolute;left: 7%;color: #da3931;}
.act-desc p{margin:10px 0;font-size: 14px;}
.act-desc p b{font-size: 15px;}
.act-desc .tit1{font:bold 15px "Microsoft Yahei";}
.act-desc .btn-xq{color: #da3931;font-weight: bold;position: relative;display: inline-block;padding: 5px 6px;}
.act-desc-one{display:none;  width: 430px;position: absolute;left: 50%;margin: -330px 0 0 -165px; background: #FCECD2;box-sizing: border-box;padding:20px;border-radius: 15px;z-index: 9999;color: #D93930}
.act-desc-one ul{padding: 0;margin: 0;}
.act-desc-one ul li{list-style-type:none;}
.btn-close-desc{width: 24px;height: 24px;line-height: 24px;text-align: center; position: absolute;right:-8px;top:-8px;background: #B12B24;border-radius:50%;}
.activity-box .btn-dz{position: absolute;bottom:20%; right:2%;}
.activity-box .btn-dz img{width: 80%}
.main-qrcode{margin-top: 50%}
.home-notice{width: 100%;height: 40px;line-height: 40px; background: rgba(0,0,0,.5);position: absolute;left: 0;bottom: 0;z-index: 10;}
.home-notice img{float: left;width: 60px; margin-top: 5px;}
.home-notice ul li{float: left;display: inline-block;height: 100%;margin-left: 90px;font-size: 14px;line-height:40px;}
.home-notice ul li a:hover{color: #f39800;}
#newsTip{width: 40%;height: 36px;line-height: 18px; font-size:14px;cursor: pointer;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #b22a24;position: absolute;left: 35%;bottom: 7%;}
.data-box{font-size: 20px;position:absolute;width: 220px;height: 120px;left: 50%;top:50%;margin: 20px 0 0 -100px; }
.data-box div{color:#f39800;margin-bottom: 5px;}
.data-box label{width: 100%;}
.data-box span{font-size: 18px;color: #e81c3a;font-weight: bold;}
.data-box i{font-style:normal;}

.help-video{display: none; width: 100%;height: 100%;position: absolute;left: 0;top:0;z-index: 9999;background: rgba(0,0,0,.7)}
.help-video .btn-close-vdo{position: absolute;top:50%;left:50%;margin:-250px 0 0 340px;font-size: 50px;}
.help-video .video-box{width: 640px;height:498px; position: absolute;top:50%;left:50%;margin:-250px 0 0 -320px;background: #000;}

.p2-tit-box{width:600px;position: absolute;left: 50%;top:8%;margin-left: -300px;text-align: center;}
.p2-tit-box .tit{font-size: 30px;margin: 10px 0;color: #666;}
.p2-tit-box .txt{color: #eee;line-height: 30px;color: #777;}
.ptb-2 .tit{color: #fff;}
.ptb-2 .txt{color: #eee;}
.p2-tit-box5{width:600px;text-align: center;margin: 150px auto 30px;}
.p2-tit-box5 .tit{font-size: 30px;font-weight: bold;margin: 10px 0;}
.p2-tit-box5 .txt{color: #eee;line-height: 30px}

.footer{width: 100%;height: 100%;box-sizing: border-box;}
.foot-box{width: 100%;height: 63px;position: absolute;bottom: 0;left: 0;background: #141414;box-sizing: border-box;padding-top: 5px;}
.copyright{width: 100%;text-align: center;font-size: 13px;margin-top: 10px;color: #818181;}
.copyright1{width: 100%;font-size: 14px;color: #818181;text-align: center;margin-top: 5px;}
.p-ad{width: 100%;color: #818181;font-size: 12px;text-align: center;margin: 5px 0;}
.footer .sections {
    width: 1200px;
    height: 252px;
    margin: 0 auto;
}

.footer .section1 {
    width: 370px;
    height: 100%;
    float: left;
    overflow: hidden;
    border: 1px solid #818181;
    box-sizing: border-box;
}

.footer .section1 .title {
    font-size: 18px;
    color: #fff;
    text-align: center;
    margin-top: 10px;
    margin-bottom:10px;
    height: 24px;
}

.footer .section1 .desc,
.footer .section1 .desc1 {
    font-size: 14px;
    color: #818181;
    text-align: center;
    margin-top: 37px;
}

.footer .section1 .desc1{margin-top: 1px;}

.footer .section-account {
    margin-right: 40px
}

.footer .section-account .btn {
    background: transparent;
    border: 1px solid #e9611d;
    font-size: 14px;
    color: #ff7007;
    display: block;
    margin: auto;
    border-radius: 2px;
    cursor: pointer;
    width: 220px;
    height: 50px;
    line-height: 50px;
    border-radius: 0;
    text-align: center;
    margin-top: 25px;
}

.footer .section-account .btn-login1 {
    margin-top: 20px;
    margin-bottom: 35px;
    border-color: #818181; 
    height: 50px;
    line-height: 50px;
    color: #818181;
    border-radius: 0;
}

.footer .section-service .services {
	margin-top: 10px;
    text-align: center;
    margin-bottom: 5px
}

.footer .section-service .services ul{display: inline-block;width: 100%;height: 170px;}
.footer .section-service .services ul li{float: left;width: 140px;height: 140px; margin-left: 30px;font-size: 14px;color: #818181;}
.footer .section-service .services ul li img{width: 140px;height: 140px;}
.footer .section-service .services ul li p{margin: 5px 0;}

.footer .section-service .service {
    width: 150px;
    height: 140px;
    display: inline-block;
}

.footer .section-service .service .name {
    font-size: 14px;
    color: #eee;
    margin-top: 10px
}

.footer .section-service .service .name a {
    color: #eee;
    text-decoration: underline
}

.footer .section-service .service .qr-code {
    background: #000
}

.footer .section-service .service-weibo {
    margin-right: 0
}
.hot-news-box{width: 100%;}
.hot-news-box .items{width: 1200px;margin: 10px auto; height: 100px;position: relative;box-sizing: border-box;border: 1px solid #2F2F2F;}
.hot-news-box .items .tit{font-size: 20px;color: #fff;width: 160px;float: left;height: 100%;background: #1F1F1F;padding-top: 20px;box-sizing: border-box;}
.hot-news-box .items a{float: left;display: block;width: 76px;height: 76px;border-radius: 10px;overflow: hidden;margin: 10px 0 0 25px;line-height: 80px;}
.myPulse{-webkit-animation: pulse 2s 1s infinite;
    animation: pulse 1.5s 0s infinite;}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}


/*---------------2016-03-30改版------------------*/
.s0-top-box{width: 100%;height:60%;position: relative;}
.s0-bottom-box{width: 100%;height:40%;}
.s0-bottom-box ul.b-menu{display: inline-block;width: 100%;height: 100%;box-sizing: border-box;padding: 10px 0;}
.s0-bottom-box ul.b-menu li.b-menu-li{float: left;display: inline-block;height: 100%;position: relative;box-sizing: border-box;border-left: 1px solid #eee;}
.s0-bottom-box ul.b-menu li.b-menu-li:last-child{border-right: 1px solid #eee;}
.s0-bottom-box .l1,.s0-bottom-box .l3{width: 28%;position: relative;}
.links-list-box{width: 100%;
transform:translateY(3%);
-ms-transform:translateY(3%); 	/* IE 9 */
-moz-transform:translateY(3%); 	/* Firefox */
-webkit-transform:translateY(3%);}
.links-list-box .ll-box-li{box-sizing: border-box;padding-left: 50px;width: 100%;position: relative;display: inline-block;}
.links-list-box .ll-box-li img{width: 30px;height: 30px;position: absolute;left: 10px;top:3px;}
.link-list{width: 100%;position: relative;display: inline-block;background-image:url(/g/www/img/bg-txt.png);}
.link-list li{float: left;margin-left: 15px;}
.link-list li a{color: #0065CB;font-size: 14px;font-family: simsun;}
.link-list li a:hover{color: red;}
.s0-bottom-box .l1 a{width:40%; height: 20%;display: inline-block; position: absolute;left: 6%;top:3vh;box-sizing: border-box;}
.s0-bottom-box .l1 a .img-video{width: 100%;height: 100%;}
.s0-bottom-box .l1 a .img-player{position: absolute; width: 50px;height: 50px;left: 50%;top:50%;margin: -25px 0 0 -25px; z-index: 1;}
.s0-bottom-box .l2{width:44%;box-sizing: border-box;}
.s0-bottom-box .l1 a p,#sectionpc2 a p {color: #000;    font-size: 12px;    line-height: 1.4;}
.img-home1{position: absolute;left: 5%;top:5%; width: 90%;height:90%;}
.btn-dingzhi{position: absolute;width: 120px;left: 50%;top:50%;margin:-40px 0 0 -60px;}
.btn-dingzhi img{width: 100%;}
/*.ph-h-txt{width:90%;height: 40%; position: absolute;left: 5%;top:5%;}*/
.ph-h-txt{height: 40%;display: block;margin: 0 auto;padding-top: 10%;}
.ph-h-btns{display: block;width: 90%;height: 35%;position:absolute;left: 5%;bottom:150px;}
.ph-h-btns li{display: inline-block; width: 46%;height: 46%; margin:2%;float: left;}
.ph-h-btns li a{display: inline-block;width: 100%;height: 100%;}
.ph-h-btns li a img{width: 100%;}

/* banner */
.banner{width:100%; height:100%; overflow:hidden; position:relative;font-size:0}
.b-img{height:100%;width: 100%;position:absolute; left:0; top:0;}
.b-img a{ display:block;width: 100%;  height:100%; float:left;position: relative;box-sizing: border-box;text-align: center;}
.banner-img1{display: inline-block; height: 75%;margin:auto; margin-top: 5%;}
.banner-img2{display: inline-block; height: 60%;margin:auto; margin-top: 7%;margin-left: 30%;}
.banner-img3{display: inline-block; height: 70%;margin:auto; margin-top: 5%;}
.banner-img4{display: inline-block; height: 65%;margin:auto; margin-top: 7%;}
.b-list{width: 200px;text-align: center; height:50px;position: absolute;left:50%;bottom: 20px;margin-left: -100px; z-index:1;}
.b-list span{ display:inline-block;cursor:pointer; width:14px; height:14px;background: rgba(0,0,0,.5); border-radius:50%;margin:0 5px; _margin:0 3px;}
.b-list .spcss{background: rgba(255,255,255,.5);}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; }
/*.bar-left em{ display:block; width:50px; height:100px; background:url(../g/www/img/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:325px;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../g/www/img/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:325px;}*/
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}

.page2_td_small{width:90%;height:60%;position: absolute;top:230px;left: 5%; overflow: hidden;}
.page2_td_small ul{display: block;width: 100%;height: 100%;}
.page2_td_small ul li{width: 46%;height: 27%;position: relative; overflow: hidden; float: left;margin:2%; background: rgba(0,0,0,.5);box-sizing: border-box;border: 1px solid rgba(255,255,255,.5);}
.page2_td_small ul li img{height: 90%;margin-top: 3%;opacity: 1;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;}
.page2_td_small ul li p{font-size: 14px; line-height: 24px;margin: 0;width: 100%;height:94px;position: absolute;top:50%;margin-top: -47px;opacity: 0;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;}
.page2_td_small ul li.on img{opacity: 0;}
.page2_td_small ul li.on p{opacity: 1;}

.page2_td .images,.jdallist .images {
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    position: relative;
    top: 0;
    left: 0;
    opacity: 1.0;
}

.page2_td .images.inactive,.jdallist .images.inactive,.page3step.inactive,.txtinactive {
    opacity: 0;
}

.page2_td .images.inactive.from-left{
    left: -14em;
}

.page2_td .images.inactive.from-right {
    left: 14em;
}

.page2_td .images.inactive.from-top,.jdallist .images.inactive.from-top {
    top: -7em;
}

.page2_td .images.inactive.from-bottom,.jdallist .images.inactive.from-bottom,.page3step.inactive.from-bottom {
    top: 7em;
}
.x_btncloseui3b,.z_btncloseui3b{width:60px; height:54px;background-image:url(/css/btncloseui3b.png?1);background-position: 9px -49px}
.z_btncloseui3b { background-position: 9px 5px}
.cent{text-align:center;overflow: hidden; }
.block-box{
	display:block;
	width:100%;
	height:0;
	padding-bottom:100%;
	text-align: center;
	
}
@-webkit-keyframes rotation{
	from {-webkit-transform: rotate(0deg);}
	to {-webkit-transform: rotate(360deg);}
}
.Rotation{
	animation: rotation 18s linear infinite;
	-moz-animation: rotation 18s linear infinite;
	-webkit-animation: rotation 18s linear infinite;
	-o-animation: rotation 18s linear infinite;
}
.serviceCode {
    width: 140px;
    margin-top: 20px;
    height: 140px;
    background: url(/css/ui4fwewm.png?2) 50% 50%/100% no-repeat;
}