/*::-webkit-scrollbar{
    display:none;
}*/
/*html {font-size: 62.5%; !*10 ÷ 16 × 100% = 62.5%*!}*/
body,html{
    color:#606b7f;
/*    background-color:#25292c;*/
    width:100%;
/*    width:1920px;*/
/*    overflow: hidden;*/
}
scrollbar {visibility:collapse !important;}
.red{
    color:#ff467a;
}
.bg_cont{
    margin:0 auto;
    height:879px;
    width:1200px;
    position:relative;
}
.bot_line{
    border:2px solid #ff467a;
}
.navline{
    border: 2px solid #ff467a;
    background-color:#ff467a;
    position: absolute;
    top: 66px;
    width: 68px;
    left: 611px;
}
.bg04 .content,
.bg05 .content
{
    /*width:100%;
    border:1px solid red;
    overflow: hidden;*/
}
.bg01,.bg02,.bg03,.bg04 ,bg05,.bg06,.bg07,.bg08{
    height:879px;
    width:1920px;
    position:relative;
    overflow: hidden;
}
.body_v{
    width:1920px;
    height:2800px;
    overflow:hidden;
}
.top_w{
    display: none;
    width:1920px;
    position: fixed;
    top:0px;
    left:0px;
    z-index: 105;
    background: #fff;
    box-shadow: 0px 4px 20px #888;
}
.top_w .top_cont{
    width:100%;
}
.top_w .top_cont{
    height:70px;
    width:1200px;
    margin:0 auto;
    position:relative;
}
.top_w .top_cont .logo{
    width:100px;
    height:70px;
    background: url(../img/LOGO_B.png) no-repeat 0 18px;
}
.top_w .top_cont .nav{
    position:absolute;
    right:0px;
    top:0px;
    height:70px;
    line-height:70px;
    font-size:0px;
}
.top_w .top_cont .nav a{
    display: inline-block;
    width:68px;
    height:67px;
    text-align:center;
    color:#868686;
    font-size:17px;
    margin-left:62px;
}
/*.top_w .top_cont .nav a:hover{
    color:#000;
    border-bottom:3px solid #ff467a;
}*/
/*
.top_w .top_cont .nav a.hover{
    color:#000;
    border-bottom:3px solid #ff467a;
}
*/

.bg03 .bg_cont .tit h2,
.bg04 .bg_cont .tit h2,
.bg05 .bg_cont .tit h2,
.bg06 .bg_cont .tit h2,
.bg07 .bg_cont .tit h2,
.bg08 .bg_cont .tit h2{
    font-size: 46px;
    letter-spacing: 5px;
    color: #64457b;
    position: absolute;
    top: 144px;
    left: 500px;
    z-index: 100;
}
.bg01,
.bg02,
.bg03,
.bg04,
.bg05,
.bg06,
.bg07
.bg08{
    width:1920px;
    margin:0 auto;
    overflow: hidden;
}
.bg03 .bg_cont .tit .bot_line,
.bg04 .bg_cont .tit .bot_line,
.bg05 .bg_cont .tit .bot_line,
.bg06 .bg_cont .tit .bot_line,
.bg07 .bg_cont .tit .bot_line,
.bg08 .bg_cont .tit .bot_line
{
    width: 106px;
    position: absolute;
    top: 193px;
    left: 596px;
    z-index:100;
}

.bg01{
    background: url(../img/bg_01.jpg) no-repeat center top;
}
.top{
    position:absolute;
    top:0px;
    height:0px;
    width:100%;
    z-index: 99;
}
.top .top_cont{
    height:70px;
    width:1200px;
    margin:0 auto;
    position:relative;
}
.top .top_cont .logo{
    width:100px;
    height:70px;
    background: url(../img/LOGO_W.png) no-repeat 0 18px;
}
.top .top_cont .nav{
    position:absolute;
    right:0px;
    top:0px;
    height:70px;
    line-height:70px;
    font-size:0px;
}
.top_cont .nav a{
    display: inline-block;
    width:68px;
    height:70px;
    text-align:center;
    color:#64457b;
    font-size:17px;
    margin-left:62px;
    white-space:nowrap;
}
/*
.top .top_cont .nav a:hover{
    color:#fff;
    border-bottom:3px solid #ff467a;
}
.top .top_cont .nav a.hover{
    color:#fff;
    border-bottom:3px solid #ff467a;
}
*/

.bg01 .bg_cont{
    background: url(../img/cont_01.jpg) no-repeat center top;
}
.bg01 .bg_cont .tit{
    position:absolute;
    width:408px;
    height:212px;
    left:396px;
    top:260px;
    background: url(../img/bg_cont_tit.png) no-repeat center top;
}

.bg02{
    background: url(../img/bg_02.jpg) no-repeat center top;
/*    height:872px;*/
}
.bg02 .bg_cont{
    background: url(../img/cont_02.jpg) no-repeat center top;
}
.bg02 .bg_cont .tit h2{
    font-size:46px;
    letter-spacing:13px;
    text-align: right;
    color:#64457b;
    position:absolute;
    top:208px;
    right:0px;
}
.bg02 .bg_cont .tit em.red{
    color:#ff467a;
    font-weight:900;
}
.bg02 .bg_cont .tit .bot_line{
    width: 106px;
    position: absolute;
    top: 255px;
    right: 9px;
}
.bg02 .bg_cont .tit .content{
    font-size:17px;
    width: 437px;
    position: absolute;
    top: 391px;
    right: 0px;
    line-height:36px;
}
.bg02 .bg_cont .tit .content span{
    position: absolute;
    top: 330px;
    width: 215px;
    right:5px;
}

.bg03{
    background:url('../img/bg_03.jpg') no-repeat center top;
}
.bg03 .bg_cont{
    background:url('../img/cont_03.jpg') no-repeat center top;
}

.bg03 .bg_cont .tit .content ul{
    width:1200px;
    margin:0 auto;
     position:absolute;
     top:344px;
}
.bg03 .bg_cont .tit .content ul .one{
    background: url(../img/1.png) no-repeat center top;

}
.bg03 .bg_cont .tit .content ul .two{
    background: url(../img/2.png) no-repeat center top;

}
.bg03 .bg_cont .tit .content ul .two div{
    width: 218px !important;
}
.bg03 .bg_cont .tit .content ul .three{
    background: url(../img/3.png) no-repeat center top;

}
.bg03 .bg_cont .tit .content ul li{
    float:left;
    width:400px;
    height:450px;
    text-align:center;
    position: relative;
}
.bg03 .bg_cont .tit .content ul li h3{
    font-size:26px;
    color:#64457b;
    position:absolute;
    top:276px;
    left:130px;
}
.bg03 .bg_cont .tit .content ul li div{
    width: 228px;
    text-align: left;
    font-size: 16px;
    letter-spacing: 3px;
    position: absolute;
    top: 343px;
    left: 130px;
    line-height:30px;
}

.bg04{
    background: url(../img/bg_04.jpg) no-repeat center top;
   /* overflow: hidden;*/
}
.bg04 .bg_cont{
    /*overflow: hidden;*/
    /*background: url(../img/cont_04_01.jpg) no-repeat center top;*/
}
.bg04 .bg_cont .slideBgs{
    position:absolute;
    top:0px;
    width:1200px;
    height:879px;
    z-index: 99;
}
.bg04 .bg_cont .slideBgs div{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
}
.bg04 .bg_cont .slideBgs .slideBg_01{
    background:url('../img/cont_04_01.jpg') no-repeat center top;
}
.bg04 .bg_cont .slideBgs .slideBg_02{
    background:url('../img/cont_04_02.jpg') no-repeat center top;
    display: none;
}

.bg04 .bg_cont .arr_left_01,
.bg04 .bg_cont .arr_right_01
{
    background:url(../img/bg_04_arr.png) no-repeat center top;
    position:absolute;
    top:523px;
    width:60px;
    height:60px;
    z-index:100;
}
.bg04 .bg_cont .arr_left_01:hover,
.bg04 .bg_cont .arr_right_01:hover
{
    background:url(../img/bg_04_arr_hover.png) no-repeat center top;

}
.bg04 .bg_cont .arr_left_01.hover,
.bg04 .bg_cont .arr_right_01.hover
{
    background:url(../img/bg_04_arr_hover.png) no-repeat center top;

}
.bg04 .bg_cont .arr_left_01{
    left:-44px;
}
.bg04 .bg_cont .arr_right_01:hover
{
    background-position-y:18px;
}
.bg04 .bg_cont .arr_right_01.hover
{
    background-position-y:18px;
}
.bg04 .bg_cont .arr_right_01{
    background-position-y:18px;
    right:-44px;
    transform:rotate(180deg);
    -ms-transform:rotate(180deg); 	/* IE 9 */
    -moz-transform:rotate(180deg); 	/* Firefox */
    -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
    -o-transform:rotate(180deg); 	/* Opera */
}
.bg04 .bg_cont .tit .content ul.bg04_01,
.bg04 .bg_cont .tit .content ul.bg04_02{
    z-index: 100;
    position:relative;
}
.bg04 .bg_cont .tit .content ul.bg04_01 li,
.bg04 .bg_cont .tit .content ul.bg04_02 li{
    width: 267px;
    height:200px;
}
.bg04 .bg_cont .tit .content ul.bg04_02 li{
    width: 210px;
}
.bg04 .bg_cont .tit .content ul.bg04_01 li h3,
.bg04 .bg_cont .tit .content ul.bg04_02 li h3{
    font-size:20px;
    font-weight: 900;
    margin-bottom:7px;
    color:#7177bf;
}
.bg04 .bg_cont .tit .content ul.bg04_01 li div,
.bg04 .bg_cont .tit .content ul.bg04_02 li div
{
    font-size:14px;
    letter-spacing: 3px;
    line-height:30px;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow: hidden;
    height:60px;
    transition: height 1s;
    -moz-transition: height 1s;	/* Firefox 4 */
    -webkit-transition: height 1s;	/* Safari 和 Chrome */
    -o-transition: height 1s;	/* Opera */
}
.bg04 .bg_cont .tit .content ul.bg04_02 li div{
    -webkit-line-clamp:9;
    height:234px;
}
.bg04 .bg_cont .tit .content ul.bg04_01 li div:hover{
    height:180px;
    -webkit-line-clamp:9;
}
.bg04 .bg_cont .tit .content ul.bg04_01 li div.hover{
    height:180px;
    -webkit-line-clamp:9;
}
.bg04 .bg_cont .tit .content ul.bg04_01 .four div:hover{
    height:140px;
    -webkit-line-clamp:9;
}
.bg04 .bg_cont .tit .content ul.bg04_01 .four div.hover{
    height:140px;
    -webkit-line-clamp:9;
}
.bg04 .bg_cont .tit .content ul.bg04_01 .two div:hover{
    height:140px;
    -webkit-line-clamp:9;
}
.bg04 .bg_cont .tit .content ul.bg04_01 .two div.hover{
    height:140px;
    -webkit-line-clamp:9;
}
.bg04 .bg_cont .tit .content ul.bg04_01 li .slidebtn{
    position:absolute;
    background:url(../img/slide_btn.png) no-repeat center top;
    width: 13px;
    height:7px;
    right:5px;
    transform:rotate(180deg);
    -ms-transform:rotate(180deg); 	/* IE 9 */
    -moz-transform:rotate(180deg); 	/* Firefox */
    -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
    -o-transform:rotate(180deg);
    transition: transform 1s;
    -moz-transition: transform 1s;	/* Firefox 4 */
    -webkit-transition: transform 1s;	/* Safari 和 Chrome */
    -o-transition: transform 1s;	/* Opera */
}
.bg04 .bg_cont .tit .content ul.bg04_01 li .slidebtn.hover{
    transform:rotate(0deg);
    transition: transform 1s;
    -moz-transition: transform 1s;	/* Firefox 4 */
    -webkit-transition: transform 1s;	/* Safari 和 Chrome */
    -o-transition: transform 1s;	/* Opera */
}


.bg04 .bg_cont .tit .content ul.bg04_01 .one{
    position: absolute;
    top: 309px;
    left: 120px;
}
/*.bg04 .bg_cont .tit .content ul .one div:hover{
    height:180px;
    -webkit-line-clamp:9;
}*/
.bg04 .bg_cont .tit .content ul.bg04_01 .two{
    position: absolute;
    top: 294px;
    left: 751px;
}
.bg04 .bg_cont .tit .content ul.bg04_01 .three{
    position: absolute;
    top: 622px;
    left: 157px;
}
.bg04 .bg_cont .tit .content ul.bg04_01 .four{
    position: absolute;
    top: 685px;
    left: 749px;
}
.bg04 .bg_cont .tit .content ul.bg04_01 .five{
    position: absolute;
    top: 498px;
    left: 884px;
}
.bg04 .bg_cont .tit .content ul.bg04_02 .one{
    position:absolute;
    top: 405px;
    left:111px;
}
.bg04 .bg_cont .tit .content ul.bg04_02 .two{
    position: absolute;
    top: 405px;
    left: 872px;
}
.bg04 .bg_cont .tit .content .slideBox_01{
    width:3840px;
    height:879px;
    position:relative;
    opacity:1;
    transition: opacity 1s;
    -moz-transition: opacity 1s;	/* Firefox 4 */
    -webkit-transition: opacity 1s;	/* Safari 和 Chrome */
    -o-transition: opacity 1s;
    /*left:-1920px;*/
}
.bg04 .bg_cont .tit .content .slideBox_01.hover{

    transition: opacity 1s;
    -moz-transition: opacity 1s;	/* Firefox 4 */
    -webkit-transition: opacity 1s;	/* Safari 和 Chrome */
    -o-transition: opacity 1s;	/* Opera */
    opacity:0.1;
}

.bg04 .bg_cont .tit .content .slideBox_01 li{
    width:1920px;
    height:879px;
    float:left;
}

.bg04 .bg_cont .tit .content .center_tit{
    position:absolute;
    left:510px;
    top:507px;
    width:180px;
    text-align: center;
    font-size:24px;
    font-weight:900;
    letter-spacing: 4px;
    line-height:35px;
    color:#fff;
    z-index:100;
}

.bg05{
    background:url('../img/bg_05.jpg') no-repeat center top;
    width:1920px;
}
.bg05 .bg_cont{
    height: 839px;
    background:url('../img/cont_05.jpg') no-repeat center top;
}
.bg05 .bg_cont .arr_left_02,
.bg05 .bg_cont .arr_right_02
{
    z-index: 100;
    width:64px;
    height: 40px;
    position:absolute;
    background:url('../img/bg_05_arr.png') no-repeat center top;
    top:690px;
}
.bg05 .bg_cont .arr_left_02{
    left:600px;
    transform:rotate(180deg);
    -ms-transform:rotate(180deg); 	/* IE 9 */
    -moz-transform:rotate(180deg); 	/* Firefox */
    -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
    -o-transform:rotate(180deg); 	/* Opera */
}
.bg05 .bg_cont .arr_right_02{
    left:687px;
}

.bg05 .bg_cont .arr_left_02.hover{
    background:url('../img/bg_05_arr_hover.png') no-repeat center top;
    transform:rotate(180deg);
    -ms-transform:rotate(180deg); 	/* IE 9 */
    -moz-transform:rotate(180deg); 	/* Firefox */
    -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
    -o-transform:rotate(180deg); 	/* Opera */
}
.bg05 .bg_cont .arr_right_02.hover{
    background:url('../img/bg_05_arr_hover.png') no-repeat center top;
}
.bg05 .bg_cont .slideBgs01 div{
    z-index:99;
    width:61px;
    height:61px;
    position:absolute;
    top:351px;
    left:279px;
}
.bg05 .bg_cont .slideBgs01 .slideBg_01{
    top:347px;
    background:url('../img/anquan.png') no-repeat center top;
}
.bg05 .bg_cont .slideBgs01 .slideBg_02{
    display: none;
    background:url('../img/dashuju.png') no-repeat center top;
}
.bg05 .bg_cont .slideBgs01 .slideBg_03{
    display: none;
    background:url('../img/qukuailian.png') no-repeat center top;
}
.bg05 .bg_cont .tit .content .slideBox_02{
    width:5760px;
    height:284px;
    position:absolute;
    top:359px;
    opacity:1;
    transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;	/* Firefox 4 */
    -webkit-transition: opacity 0.2s;	/* Safari 和 Chrome */
    -o-transition: opacity 0.2s;
}
.bg05 .bg_cont .tit .content .slideBox_02.hover{
    opacity:0.1;
    transition: opacity 1s;
    -moz-transition: opacity 1s;	/* Firefox 4 */
    -webkit-transition: opacity 1s;	/* Safari 和 Chrome */
    -o-transition: opacity 1s;	/* Opera */
}
.bg05 .bg_cont .tit .content .slideBox_02 li{
    height:284px;
    width:1920px;
    float:left;
    position:relative;
}
.bg05 .bg_cont .tit .content .slideBox_02 li h3{
    font-size:26px;
    letter-spacing: 7px;
    color:#fff;
    position:absolute;
    top:0px;
    left:600px;
}
.bg05 .bg_cont .tit .content .slideBox_02 li div{
    font-size:16px;
    color:#fff;
    line-height: 36px;
    letter-spacing: 3px;
    position:absolute;
    left:600px;
    top:86px;
    width:600px;
}

.bg06{
    background:url('../img/bg_06.jpg') no-repeat center top;
}

.bg06 .bg_cont{
    background:url('../img/cont_06.jpg') no-repeat center top;
}
.bg06 .bg_cont .tit .content ul{
    position:absolute;
    top:255px;
}

.bg06 .bg_cont .tit .content ul li{
    position:relative;
    width:435px;
    padding-bottom:83px;
}
.bg06 .bg_cont .tit .content ul li h3{
    color:#7177bf;
    font-size:24px;
    font-weight:900;
    letter-spacing: 3px;
    line-height: 84px;
}
.bg06 .bg_cont .tit .content ul li div{
    letter-spacing: 2px;
    line-height: 26px;
    font-size:16px;
    /*background-color:#7177bf;*/
}
.bg06 .bg_cont .tit .content ul li div.bot_line{
    width:100px;
    border:2px solid #7177bf;
    background-color:#7177bf;
    top:60px;
    left:0px;
}
.bg06 .bg_cont .tit .content ul li div.sp.bot_line{
    width:74px;
}

.bg07{
    background-color:#f4f5f9;
}
.bg07 .bg_cont{
    height:0px;
}
.bg07 .bg_cont .tit .bot_line{
    width:110px;
    left:543px;
}
.bg08{
    height:690px;
    background-color:#fff;
}
.bg08 .bg_cont h3{
    color:#333333;
    font-size: 20px;
    font-weight:900;
    width:397px;
    text-align: center;
    padding-top:20px;
    line-height:46px;
}
.bg08 .bg_cont h3.tit1{
    text-align: left;
    text-indent:108px;
}
.bg08 .bg_cont h3.tit3{
    text-align: right;
    padding-right:125px;
    width:265px;
}

.bg08 .bg_cont ul{
    float: left;
    width: 399px;
/*    overflow: hidden;
    zoom: 1;*/
}
.bg08 .bg_cont ul li{
    width: 136px;
    height: 40px;
    float: left;
    margin-right: 40px;
    margin-bottom: 34px;
    /*margin-left: 17px;*/
}
.bg08 .bg_cont ul.mid2{
    padding-left:45px;
    width:357px
}
.bg08 .bg_cont ul.right3{

}
.bg08 .bg_cont ul.right3 li{
    float:right;
    margin-right:0;
    margin-left:40px;
}
.bg08 .bg_cont{
    padding-top:77px;
    height:506px;
}
.bg08 .bg_cont ul li img{
    border: 1.5px solid #e2e2e2;
    border-radius: 6px;
    width: 100%;
    height: 100%;
}
.bg08 .bg_cont ul li.sp{
    margin-right:0px;
}
.bottom{
    background-color:#25292c;
    height:190px;
    width:1920px;
    color:#cfcfd0;
    position:relative;
}
.bottom .bg_cont{
    width:500px;
    margin-right:10px;
    height:190px;
}
.bottom .bg_cont .info{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top:0;
    margin: auto;
    width:348px;
    font-size:18px;
}
.bottom .bg_cont .info .logo{
    width:212px;
    height:93px;
    background:url('../img/mikeFontLogo.png') no-repeat 0 27px;
}
.bottom .bg_cont .info p{
    line-height: 25px;
}
.bottom .bg_cont .qrcode{
    position:absolute;
    width:128px;
    height:128px;
    background:url('../img/qrcode.png') no-repeat center top;
    top:31px;
    left:742px;
}
.bottom .bg_cont .telphone{
    position:absolute;
    width:227px;
    height:103px;
    font-size:28px;
    right:0px;
    top:54px;
}
.bottom .bg_cont .telphone p{
    text-align: left;
    line-height: 48px;
    text-indent: 30px;
}
.bottom .bg_cont .telphone .tel{
    background:url('../img/tel.png') no-repeat 0 13px;
}
.bottom .bg_cont .telphone .phone{
    background: url(../img/phone.png) no-repeat 6px 12px;
}

.nav_point{
    width: 100%;
    height: 0px;
    z-index: 999;
    position: fixed;
    transform:translateZ(0);
    top: 40%;
    /* margin: -250px auto 0 auto; */
}
.nav_point .nav_cont{
    width:1200px;
    margin:0 auto;
    height:0px;
}
.nav_point .nav_cont ul{
    width:50px;
    position:absolute;
    right:50px;
    top:35%;
}
.nav_point .nav_cont ul li{
    padding:2px;
    background: #000;
    opacity: .2;
    cursor: pointer;
    width:16px;
    height:16px;
    border-radius:20px;
    margin-bottom:10px;
}
.nav_point .nav_cont ul li:hover{
    background: #ff467a;
    opacity: 1;
}
.nav_point .nav_cont ul li.hover{
    background: #ff467a;
    opacity: 1;
}
/*.nav_point .nav_cont ul li span{
    background-color:#ff467a;
    width:100%;
    height:100%;
    border-radius:20px;
    display: block;
}*/