::-webkit-scrollbar {
    width: 9px;
    background-color: #000;
}
::-webkit-scrollbar-corner {
    background-color: #000;
}
::-webkit-scrollbar-thumb {
    border: solid 2px #000;
    width: 5px;
    border-radius: 4px;
    background-color: #ffc600;
}
::selection {
    background: #ffd010;
    color: #3d3d3d;
    text-shadow: none;
}
::selection {
    background: #ffd010;
    color: #fff;
}

/*菜单栏*/
.ab_header_box {
    position: fixed;
    width: 94%;
    z-index: 9999;
    box-sizing: content-box;
    padding: 25px 3%;
    transition: background-color 0.5s;
    -webkite-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
}
.menu-icon{
    width: 30px;
    background-color: white;
    border-top: 3px solid white;
    border-bottom: 3px solid white;
    background-clip: content-box;
    height: 3px;
    padding: 6px 0px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.ab_header_left {
float: left
}

.ab_header_left h1 {
margin: 0;
}

.ab_header_right {
float: right;
margin-top: 15px;
}

.ab_nav a {
color: white;
text-decoration: none;
padding-bottom: 3px;
font-size: 18px;
}

.ab_nav a:hover {
border-bottom: 1px solid white;
}

.ab_nav .ab_nav_color {
color: #fff;
}

.ab_logoone {
float: left;
height: 44px;
}

.ab_logotwo {
float: left;
height: 44px;
display: none;
}

.ca_header_lei {
background-color: white;
box-shadow: 0px 1px 5px black;
transition: background-color 0.5s;
-webkite-transition: background-color 0.5s;
-moz-transition: background-color 0.5s;
-o-transition: background-color 0.5s;
}

.ca_header_lei .menu-icon{
background-color: black;
border-color: black;
}

.ca_header_lei .ab_nav .ab_nav_color {
color: #000;
}

@keyframes map {
to {
    border-color: black;
    background-color: black;
    color: white;
}
}

@keyframes font_color {
to {
    color: white
}
}

@keyframes share_bg {
to {
    background-color: black;
}
}

@keyframes ce_bg {
to {
    background-color: #e43a3d;
}
}

@keyframes lian_change {
to {
    background-color: white;
    color: black;
}
}
.ab_nav_smbox {
display: none
}

.ab_top_con02 {
display: none
}
/*响应式*/
@media (min-width: 1200px){
    .ab_nav {
        float: left;
        margin-right: 50px;
    }
}

@media (max-width: 1199.98px) {
    .ab_nav {
        background-color: #666;
        padding: 21px;
        border-bottom: 1px solid white;
    }

    .ab_nav a {
        color: white;
        font-size: 16px;
    }
    .ca_header_lei .ab_nav .ab_nav_color{
        color: #fff;
    }

    .ab_header_right {
        width: 50%;
        position: absolute;
        right: 0px;
        top: -15px;
        display: none
    }

    .ab_logoone {
        float: left;
        width: 60%;
        height: auto
    }

    .ab_logotwo {
        float: left;
        width: 60%;
        height: auto
    }

    .ab_nav_smbox {
        position: absolute;
        right: 20px;
        top: 32px;
        text-align: right;
        width: 5%;
        display: block
    }

    .ab_nav_img {
        display: none
    }
}

@media (max-width: 991.98px) {

}

@media (max-width: 767.98px) {
    .ab_nav_smbox {
        top: 20px;
    }
    .ab_logoone {
        float: left;
        width: 65%;
        height: auto;
    }

    .ab_logotwo {
        float: left;
        width: 65%;
        height: auto
    }

    .ab_header_box {
        /*position: absolute;*/
        width: 94%;
        z-index: 5;
        padding: 20px 3%;
    }
}

@media (max-width: 575.98px) {
    .ab_nav_smbox {
        position: absolute;
        right: 20px;
        top: 25px;
        text-align: right;
        width: 10%;
        display: block;
    }
}

/*联系侧边栏*/
.rel {
    position: relative;
}

.abs {
    position: absolute;
}

.xuanfu {
    width: 55px;
    height: 255px;
    position: fixed;
    top: 50%;
    right: 0;
    margin-top: -127px;
    z-index: 11111;
}

.xf_top {
    width: 55px;
    height: 212px;
    background: url(../image/xfbg.png) no-repeat;
    padding: 6px 0px;
}

.xf_bot {
    width: 39px;
    height: 21px;
    background: url(../image/xfbg2.png) no-repeat;
    bottom: 0px;
    left: 50%;
    margin-left: -20px;
    cursor: pointer;
}

.xf_bot div div {
    width: 11px;
    height: 11px;
    border-radius: 100%;
    background: url(../image/xfanniu1.png) no-repeat center center;
    top: 50%;
    margin-top: -5px;
    left: 22px;
}

.xf_bot div div.gb {
    height: 3px;
    margin-top: -1px;
    left: 7px;
    border-radius: 0px;
    background: #f19f1c;
}

.xf_top_k {
    height: 54px;
    cursor: pointer;
}

.xftb {
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -15px;
    opacity: .5;
    filter: alpha(opacity=50);
}

.xf_top_k_nr {
    width: 154px;
    height: 46px;
    top: 4px;
    right: -154px;
}

.xf_top_k1 {
    width: 154px;
    height: 46px;
    background: url(../image/xfbg3.png) no-repeat;
    font-size: 14px;
}

.xf_topknrl {
    top: 50%;
    margin-top: -13px;
    left: 10px;
}

.xf_topknrr {
    width: 100px;
    height: 46px;
    left: 10px;
    top: 50%;
    margin-top: -23px;
}

.xf_ewm {
    top: 50%;
    margin-top: -48px;
}

.xf_nr1 {
    line-height: 46px;
    padding-left: 10px;
}

.xf_nr1 a {
    color: #fff;
    font-size: 16px;
}

.xf_nr2 {
    color: #fff;
    height: 40px;
    line-height: 46px;
    font-size: 14px;
}

.xf_nr3 {
    background: none !important;
}

.xf_nr1 span {
    color: #fff;
    font-size: 16px;
}


@media screen and (max-width: 1200px) {
    .case-top-right {
        font-size: 150px;
    }

    .case-top-left-top {
        font-size: 38px;
    }

    .case-top-left-bottom {
        font-size: 28px;
    }

    .casecont-wrap > div {
        width: 100%;
    }
}

@media (max-height: 620px) {
    .case ul li div.auto {
        display: none
    }
}


/*二维码，地区弹窗样式*/
.weitan_box {
    position: fixed;
    width: 100%;
    background-color: rgba(102, 102, 102, 0.5);
    top: 0;
    left: 0;
    z-index: 10;
    display: none
}

.weitan_nei {
    width: 550px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10%;
    background-color: white;
    padding: 30px 20px 50px 20px;
    border-radius: 10px;
    text-align: center
}

.wei_close {
    float: right;
    cursor: pointer
}

.tan_erma {
    border: 6px solid #ea5f00;
    width: 150px;
    border-radius: 3px;
}

.worldtan_box {
    position: fixed;
    width: 100%;
    background-color: rgba(231, 161, 24, 0.95);
    top: 100px;
    left: 0;
    z-index: 10;
    padding-top: 100px;
    padding-bottom: 100px;
    display: none
}

.world_shan {
    float: left;
    margin-left: 8%;
    margin-right: 3%;
    width: 6%
}

.world_close {
    float: right;
    cursor: pointer
}

.world_nei {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

.worldtan_sol {
    float: left;
    color: white;
    font-size: 1.8vw
}

.tanworld_local {
    color: black;
    font-size: 19px;
    margin-right: 20px;
    line-height: 40px;
}

.worldtan_sor {
    float: left;
    width: 40%;
}

/*Banner*/
/*第一屏*/
.fangan{position: absolute;width:100%;height:310px;top:50%;margin-top: -155px; line-height: initial}
.fangan h3{font-size: 32px;color: #cbcbcb}
.fangan h2{font-size: 62px;color: #019ee4}
.fangan h4{font-size: 32px;color: #ffffff}
.fangan h5 a{font-size: 14px;color: #019ee4;background: url(../image/banner1_h5.png) no-repeat center;display: block;line-height: 28px;margin-top: 72px;}
.animation3 h3,.animation3 h2,.animation3 h4{
    overflow: hidden;
}
.animation3 h3 span,.animation3 h2 span{
    display: inline-block;
    -webkit-animation:flash3 1s .2s ease both;
    -moz-animation:flash3 1s .2s ease both;
    animation:flash3 .8s 1s ease both;
}
@-webkit-keyframes flash3{
    0%{-webkit-transform:translateY(100%);}
    100%{-webkit-transform:translateY(0%);}
}
@-moz-keyframes flash3{
    0%{-moz-transform:translateY(100%);}
    100%{-moz-transform:translateY(0%);}
}
@-ms-keyframes flash3{
    0%{-ms-transform:translateY(100%);}
    100%{-ms-transform:translateY(0%);}
}
@keyframes flash3{
    0%{transform:translateY(100%);}
    100%{transform:translateY(0%);}
}
.animation3 h4 span{
    display: inline-block;
    -webkit-animation:flash4 1s .2s ease both;
    -moz-animation:flash4 1s .2s ease both;
    animation:flash4 .8s 1s ease both;
}
@-webkit-keyframes flash4{
    0%{-webkit-transform:translateY(-100%);}
    100%{-webkit-transform:translateY(0%);}
}
@-moz-keyframes flash4{
    0%{-moz-transform:translateY(-100%);}
    100%{-moz-transform:translateY(0%);}
}
@-ms-keyframes flash4{
    0%{-ms-transform:translateY(-100%);}
    100%{-ms-transform:translateY(0%);}
}
@keyframes flash4{
    0%{transform:translateY(-100%);}
    100%{transform:translateY(0%);}
}
.animation3 h6{
    display: inline-block;
    height:4px;
    background: #fff;
    width:700px;
    margin:20px 0;
    -webkit-animation:flash5 2s .5s ease both;
    -moz-animation:flash5 2s .5s ease both;
    animation:flash5 2s .5s ease both;
}
@-webkit-keyframes flash5{
    0%,100%{-webkit-transform:scaleX(0);}
    40%,60%{-webkit-transform:scaleX(1);}
}
@-moz-keyframes flash5{
    0%,100%{-moz-transform:scaleX(0);}
    40%,60%{-moz-transform:scaleX(1);}
}
@-ms-keyframes flash5{
    0%,100%{-ms-transform:scaleX(0);}
    40%,60%{-ms-transform:scaleX(1);}
}
@keyframes flash5{
    0%,100%{transform:scaleX(0);}
    40%,60%{transform:scaleX(1);}
}
/*第二屏*/
/*第二屏*/
.fengxian{margin:140px auto;width:590px;height:532px;position: absolute;left:50%;top:50%;margin-left: -295px;margin-top: -266px; line-height: initial}
.fengxian>div{position: relative;}
.fengxian img{position:absolute;left:95px;top:60px;width:400px;height:auto;}
.fengxian hgroup{padding-top: 150px}
.fengxian hgroup h3{font-size: 48px;color:#019ee4;}
.fengxian hgroup h2{font-size: 60px;color: #fff;line-height: 84px}
.fengxian hgroup h4{font-size: 28px;color: #fff}
.animation1 h3{
    -webkit-animation:flash 1s .2s ease both;
    -moz-animation:flash 1s .2s ease both;
    animation:flash 1s .2s ease both;
}
.animation1 h2{
    -webkit-animation:flash 1s 1s ease both;
    -moz-animation:flash 1s 1s ease both;
    animation:flash 1s 1s ease both;
}
.animation1 h4{
    -webkit-animation:flash 1s 1.6s ease both;
    -moz-animation:flash 1s 1.6s ease both;
    animation:flash 1s 1.6s ease both;
}
@-webkit-keyframes flash{
    0%{-webkit-transform:translateY(200px);opacity:0;}
    100%{-webkit-transform:translateY(0px);opacity:1;}
}
@-moz-keyframes flash{
    0%{-moz-transform:translateY(200px);opacity:0;}
    100%{-moz-transform:translateY(0px);opacity:1;}
}
@-ms-keyframes flash{
    0%{-ms-transform:translateY(200px);opacity:0;}
    100%{-ms-transform:translateY(0px);opacity:1;}
}
@keyframes flash{
    0%{transform:translateY(200px);opacity:0;}
    100%{transform:translateY(0px);opacity:1;}
}

.animation1 img{
    -webkit-animation:flashh 1s 1.6s ease both;
    -moz-animation:flashh 1s 1.6s ease both;
    animation:flashh 1s 1.6s ease both;
}
@-webkit-keyframes flashh{
    0%{opacity:0;}
    100%{opacity:1;}
}
@-moz-keyframes flashh{
    0%{opacity:0;}
    100%{opacity:1;}
}
@-ms-keyframes flashh{
    0%{opacity:0;}
    100%{opacity:1;}
}
@keyframes flashh{
    0%{opacity:0;}
    100%{opacity:1;}
}

/*第三屏*/
.six{margin:100px auto;width:476px;height:476px;position: absolute;left:50%;top:50%;margin-left:-238px;margin-top:-238px;line-height: initial}
.six>div{position: relative;}
.six img.sixb{position: absolute;z-index: 1;width:100%;left:0;top:0;}
.six img.sixa{position: absolute;z-index: 2;width:100%;left:0;top:0;}
.six hgroup{padding-top: 80px;position: relative;z-index: 3}
.six h3{font-size: 32px;color: #fff}
.six h2{font-size: 98px;color: #019ee4}
.six h4{font-size: 22px;color: #fff}

.another{position: absolute;top:0;width:50%;height:100%;background: rgba(0,0,0,0.3);}
.animation2_1{animation:animation2_1 .5s .2s linear both;position: absolute;top:0;width:50%;height:100%;background: rgba(0,0,0,0.3);}

@keyframes animation2_1{
    0%{right:-50%;}
    100%{right:0%;}
}
.animation2{ animation:flashs .8s .3s linear both; }
@keyframes flashs{
    0%{left:-45%;}
    100%{left:25%;}
}

.animation2 img.sixb{
    -webkit-animation:flash2 8s 0s linear both;
    -moz-animation:flash2 8s 0s linear both;
    animation:flash2 8s 0s linear both;
}

@-webkit-keyframes flash2{
    0%{-webkit-transform:rotate(0deg);}
    10%{-webkit-transform:rotate(1680deg);}
    20%{-webkit-transform:rotate(2080deg);}
    30%{-webkit-transform:rotate(2280deg);}
    100%{-webkit-transform:rotate(2000deg);}
}
@-moz-keyframes flash2{
    0%{-moz-transform:rotate(0deg);}
    10%{-moz-transform:rotate(1680deg);}
    20%{-moz-transform:rotate(2080deg);}
    30%{-moz-transform:rotate(2280deg);}
    100%{-moz-transform:rotate(2000deg);}
}
@-ms-keyframes flash2{
    0%{-ms-transform:rotate(0deg);}
    10%{-ms-transform:rotate(1680deg);}
    20%{-ms-transform:rotate(2080deg);}
    30%{-ms-transform:rotate(2280deg);}
    100%{-ms-transform:rotate(2000deg);}
}
@keyframes flash2{
    0%{transform:rotate(0deg);}
    10%{transform:rotate(1680deg);}
    20%{transform:rotate(2080deg);}
    30%{transform:rotate(2280deg);}
    100%{transform:rotate(2000deg);}
}
.animation2 img.sixa{
    -webkit-animation:flash22 8s 0s linear both;
    -moz-animation:flash22 8s 0s linear both;
    animation:flash22 8s 0s linear both;
}
@-webkit-keyframes flash22{
    0%{-webkit-transform:rotate(0deg);}
    10%{-webkit-transform:rotate(-1680deg);}
    20%{-webkit-transform:rotate(-2080deg);}
    30%{-webkit-transform:rotate(-2280deg);}
    100%{-webkit-transform:rotate(-2000deg);}
}
@-moz-keyframes flash22{
    0%{-moz-transform:rotate(0deg);}
    10%{-moz-transform:rotate(-1680deg);}
    20%{-moz-transform:rotate(-2080deg);}
    30%{-moz-transform:rotate(-2280deg);}
    100%{-moz-transform:rotate(-2000deg);}
}
@-ms-keyframes flash22{
    0%{-ms-transform:rotate(0deg);}
    10%{-ms-transform:rotate(-1680deg);}
    20%{-ms-transform:rotate(-2080deg);}
    30%{-ms-transform:rotate(-2280deg);}
    100%{-ms-transform:rotate(-2000deg);}
}
@keyframes flash22{
    0%{transform:rotate(0deg);}
    10%{transform:rotate(-1680deg);}
    20%{transform:rotate(-2080deg);}
    30%{transform:rotate(-2280deg);}
    100%{transform:rotate(-2000deg);}
}
.animation2 h2{/*
		-webkit-animation:flash21 1s 0s linear both;
		-moz-animation:flash21 1s 0s linear both;*/
    animation:flash21 1s 1s linear both;
}
/*@-webkit-keyframes flash2{
		0%{-webkit-transform:rotate(0deg);}
		10%{-webkit-transform:rotate(1680deg);}
		20%{-webkit-transform:rotate(2080deg);}
		30%{-webkit-transform:rotate(2280deg);}
		100%{-webkit-transform:rotate(2000deg);}
	}
@-moz-keyframes flash2{
		0%{-moz-transform:rotate(0deg);}
		10%{-moz-transform:rotate(1680deg);}
		20%{-moz-transform:rotate(2080deg);}
		30%{-moz-transform:rotate(2280deg);}
		100%{-moz-transform:rotate(2000deg);}
	}
@-ms-keyframes flash2{
		0%{-ms-transform:rotate(0deg);}
		10%{-ms-transform:rotate(1680deg);}
		20%{-ms-transform:rotate(2080deg);}
		30%{-ms-transform:rotate(2280deg);}
		100%{-ms-transform:rotate(2000deg);}
	}*/
@keyframes flash21{
    0%{transform:rotate(0);}
    /*20%{transform:translate(-220px,0px);}
    30%{transform:translate(-170px,-60px);}
    40%{transform:translate(-130px,0px);}
    50%{transform:translate(-100px,-40px);}
    60%{transform:translate(-70px,0px);}
    70%{transform:translate(-40px,-20px);}
    80%{transform:translate(-20px,0px);}
    90%{transform:translate(-10px,-10px);}*/
    100%{transform:rotate(720deg);}
}


/*横屏ipad*/
@media (max-width: 1080px){
    .six{width:340px;height:340px;margin-left:-170px}
    .six hgroup{padding-top: 62px;}
    .six h3{font-size: 26px;}
    .six h2{font-size: 40px;}
    .six h4{font-size: 18px;}
}

/*横屏iphone6*/
@media (max-height: 550px) and (max-width: 929px) and (orientation: landscape){
    .fangan{margin-top:-66px;}
    .fangan h3,.fangan h4{font-size: 20px;}
    .fangan h2{font-size: 28px;}
    .animation3 h6{width: 400px;margin:10px 0;}
    .fangan h5 a{margin-top: 34px;}
    .fengxian{width:390px;height:232px;margin-left:-195px;margin-top: -126px;}
    .fengxian img{width:250px;left:72px;top:30px;}
    .fengxian hgroup h3{font-size: 26px;}
    .fengxian hgroup h2{font-size: 34px;line-height: 40px}
    .fengxian hgroup h4{font-size: 16px;}
    .fengxian hgroup{padding-top: 100px;}
    .six{width:200px;height:200px;left:50%;margin-left: -100px;top:50%;margin-top: -66px;}
    .six hgroup{padding-top: 26px;}
    .six h3{font-size: 16px;}
    .six h2{font-size: 26px;}
    .six h4{font-size: 12px;}

}



/*竖屏iphone6*/
@media (max-width: 460px){
    .hotline{right:60px;}
    .hotline img{margin-top: 22px;}
    .hotline span{display: none;}
    .fangan{height:auto;}
    .fangan h3{font-size: 20px;}
    .fangan h2{font-size: 24px;}
    .fangan h4{font-size: 16px;max-width: 80%;margin:0 auto;}
    .fangan h6{width:90%;margin:10px 0;}
    .fengxian{width:290px;height:232px;margin-left: -145px;margin-top:-126px;}
    .fengxian img{width:200px;left:45px;top:30px;}
    .fengxian hgroup{padding-top: 75px;}
    .fengxian hgroup h3{font-size: 24px;}
    .fengxian hgroup h2{font-size: 30px;line-height:40px;}
    .fengxian hgroup h4{font-size: 14px;}
    .six{width:200px;height:200px;/*margin-left: -100px;*/margin-left: 0;margin-top: -66px;}
    .xuanfu{display: none;}
    .six hgroup{padding-top: 40px;}
    .six h3{font-size: 18px;}
    .six h2{font-size: 24px;}
    .six h4{font-size: 12px;}
}


.five_shop {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 2%;
}
/*头部banner*/
.inf_onebg {
    width: 100%;
}
.inf_sobox {
    text-align: center;
    position: absolute;
    width: 100%;
    top: 40%;
    left: 0;
    font-size: 40px;
    color: #fff;
}
.inf_one {
    position: relative;
    overflow: hidden;
    font-weight: bold;
}
.inf_sotwo {
    font-size: 16px;
    color: #a5a6ac;
    padding-top: 28px;
}

@media (max-width: 1020px){
    .inf_soone {
        font-size: 5vw;
        color: white;
        font-weight: bold;
    }
}
@media (max-width: 620px) {
    .inf_sobox {
        text-align: center;
        position: absolute;
        width: 100%;
        top: 45%;
        left: 0;
    }
    .inf_soone {
        font-size: 5vw;
        color: white;
        font-weight: bold;
    }
    .inf_one {
        height: 200px;
    }

    .inf_onebg {
        height: 100%;
    }

    .inf_sotwo {
        font-size: 16px;
        color: #a5a6ac;
        padding-top: 28px;
        display: none
    }
}