@charset "utf-8";
/* CSS Document */
html{overflow:hidden;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
body{font-family:'fz-EL',"Microsoft YaHei","Hiragino Sans GB",sans-serif;font-size:12px;color:#000000;word-wrap:break-word;behavior:url("img/csshover.htc");overflow:hidden;}
button,input,select,textarea{font:12px/1.5  Arial, "微软雅黑", Helvetica,  Verdana, sans-serif;word-wrap:break-word;color:#565756;}
ul,li{list-style:none;margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:100%;}
img{border:none;border:0;vertical-align:middle;}
a{text-decoration:none;outline:none;}
p{margin:0;padding:0;}
input,select,textarea{vertical-align:middle;*font-size:100%;}
input{margin:0;outline:none;padding:0;}
input::-ms-clear{display:none;}
.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;

}
.clearfix{*zoom:1}

.ddw{position:absolute;left:0;top:0;color:#000;font-size:16px;z-index:9999;}
.ddw2{position:absolute;left:20px;top:0;color:#000;font-size:16px;z-index:9999;}
.num_box{position:relative;}
.num{font-size:50px;width:100%;position:relative;overflow: hidden;}


.blank{clear:both;height:10px;overflow:hidden;font-size:0px;}
.blank1{clear:both;height:5px;overflow:hidden;font-size:0px;}
#num_0{background:#ffdd05;background-size:100% 100%;}
#num_1{background:#fff;background-size:100% 100%;}
#num_2{background:#00a0e9;background-size:100% 100%;}
#num_3{background:#41cb90;background-size:100% 100%;}
#num_4{background:url("img/asdas-2.png") 0 80% no-repeat;background-size:80% 50%; color:#000;}
#num_5{background:#ffdd05;background-size:100% 100%;}
#num_6{background:#28bdff;background-size:100% 100%;}
#num_7{background:#ccff9a;background-size:100% 100%;}
#num_8{background:#fff;;background-size:100% 100%;}
#num_9{background:#fff;}
#num_10{background:#F0F;}
.fixed_r{position:absolute;right:10px;top:300px;z-index:999;}
.fixed_r li{width:10px;height:10px;background:#fff;border-bottom:1px solid #ccc;line-height:20px;color:#333;font-size:12px;text-align:
    center;cursor:pointer;margin-bottom: 60%;opacity:0.5;filter:alpha(opacity=50);border-radius:50px 50px 50px 50px;}
.fixed_r li.on{background:#999999;}
.x_main{
    width: 100%;float: left;height: 70px;background: #fff;
}
.x_main3{
    width: 100%;float: left;height: 100%;position: relative;
}
.x_main30{
    width: 85%;float: left;height: 100%;position: relative;z-index: 998;margin-left: 15%;
}
.x_main3 img{
    margin-top: 18%;
}
.x_main32{
    width: 85%;float: left;position: absolute;left: 15%;top: 13%;z-index: 995;
}
.x_main4{
    width: 600px;float: left;position: absolute;left: 700px;top: 200px;
}
.x_main4li{
    width: 600px;float: left;font-size: 40px;height: 60px;line-height: 60px;color: #555;
}
.x_main4li2{
    width: 600px;float: left;font-size: 16px;height: 30px;line-height: 30px;color: #777;
}
.fl{
    float: left;
}
.x_hid{
    float: left;overflow: hidden;width: 100%;
}
.x_main1{
    width: 1024px;margin: 0 auto;
}
.x_col{
    width: 100%;float: left;background: #ffdd05;height: 100%;
}
.x_main2{
    width: 100%;float: left;
}
.wLeft{
    float: left;height: 200px;
}
.header {
    width: 100%;float: left;border-bottom: 1px solid #ccc;position: absolute;left: 0px;top: 0px;z-index: 9999;background: #fff;
}
.nav {
    width: 824px;float:right;height: 80px;line-height: 80px;
}
.logo{
    width: 200px;float: left;height: 72px;display: inline;margin-left: 20px;display: inline;
}
.nav li {
    width: 88px;float: right;line-height: 80px;font-size: 16px;margin-left: 15px;text-align: center;
}
.nav a {
    text-decoration: none;color: #6b695d;
}
.yes{
    width: 100px;height:68px;float: right;line-height: 70px;font-size: 16px;margin-left: 15px;text-align: center;
}
.yes a {
    text-decoration: none;color: #ff7182;
}

.x_bg{
    width: 100%;background: url("img/15.png") repeat-x;
}
.x_img{
  width: 55%;  float: left;display: inline;position: absolute;left: 50px;top: 280px;
}
.x_img2{
    width: 100%;float: left;overflow: hidden;height: 100%;
}
.x_img3{
    width: 60%;float: left;text-align: center;position: absolute;left: 20%;top: 80%;opacity:0.5;filter:alpha(opacity=50);
}
.x_img32{
    width: 100%;float: left;text-align: center;position: absolute;left: 0px;top: 85%;
}
.x_li{
    width: 420px; height: 65px;line-height: 65px;font-size: 50px;color: #555;text-align: right;margin-left: 55%;margin-top: 29%; display: inline;float: left;
}
.x_li2 {
    width: 500px;height: 30px;line-height: 30px;font-size: 16px;color: #777;text-align: center;margin-left: 55%;display: inline;float: left;
}
.x_li4{
    width: 500px; height: 45px;line-height: 45px;font-size: 24px;color: #555;text-align: center;margin-left: 55%;display: inline;float: left;margin-top: 1%;display: inline;
}
.img_bot{
    width: 130px;height: 50px;float: right;line-height: 25px;margin-left: 1%;
    margin-top: 20px;background:#fe5a7d;border: 1px solid #fe5a7d;border-radius: 25px 25px 25px 25px;text-align: center;text-decoration: none;line-height: 50px;font-size: 20px;color: #fff;
}
.img_bot a {
    text-decoration: none;line-height: 50px;font-size: 20px;color: #fff;
}
.img_bot1 a {
    text-decoration: none;line-height: 50px;font-size: 20px;color: #fff;
}
.img_bot_yes{
    width: 130px;height: 50px;float:right;line-height: 25px; left;margin-left: 1%;
    margin-top: 20px;background:#fd8899;border: 1px solid #fd8899;border-radius: 25px 25px 25px 25px;text-align: center;text-decoration: none;line-height: 50px;font-size: 20px;color: #fff;
}
.img_bot_yes a{
    text-decoration: none;line-height: 50px;font-size: 20px;color: #fff;
}

.x_li3{
    width: 1024px;height: 30px;line-height: 30px;font-size: 20px;color: #c4c4c4;text-align: center;float: left;
}
.x_btn{
    width: 100%;float: left;height: 58px;text-align: center;margin-top: 30px;
}
.c_li {
    width: 1024px;float: left;display: inline;position: relative;
}
.c_li2{
    width: 1024px;float: left;height: 60px;line-height: 60px;color: #555;font-size: 40px;display: inline;margin-top: 100px;
}
.c_li3{
    width: 1024px;float: left;height: 25px;line-height: 25px;color: #777;font-size: 16px;margin-top: 15px;display: inline;
}
.num_2_img{
    width: 70%;float: left;margin-left: 35%;
}
.mp2{
    margin-top: 0px;
}
.mp3{
    margin-top: 12%;
}
.x_gif{
    width: 113px;height: 113px;float: left;position: absolute;left: 69%;top: 60%;
}
.x_gif2{
    width: 20px;height: 42px;float: left;position: absolute;left: 73.6%;top: 64%;
}
.sc_li{
    width: 1024px;font-size: 36px;color: #e6f9fc;text-indent: 450px;height: 50px;line-height: 35px;margin-top: 60px;font-size: 40px;
}
.fon_co{
    color: #e6f9fc;
}
.fon_co2{
    color: #ccf3f9;
}
.sc_li2{
    width: 1024px;font-size: 18px;color: #ccf3f9;text-indent: 450px;height: 25px;line-height: 25px;
}
.sc_li3{
    float: left;position: relative;left: 35%;top: -500px;
}
.sc_li4{
    margin-top: 20%;
}
.sc3_li{
    width:80%; float: left;margin-top: 20%;margin-left: 50px;display: inline;position: relative;
}

.sc3_div{
    float: left;width: 500px;position: absolute;left:55%;top:68%;color: #000;overflow: hidden;
}
.sc3_dli{
    float: left;font-size: 50px;width: 500;height: 70px;line-height: 50px;color: #555;
}
.sc3_dli2{
    width: 500px;float: left;font-size: 18px;height: 25px;line-height: 25px;color: #777;
}

.img_animation{
    animation: myfirst 2s;
    -moz-animation: myfirst linear 2s; /* Firefox */
    -webkit-animation: myfirst linear 2s; /* Safari and Chrome */
    -o-animation: myfirst linear 2s; /* Opera */
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    transform: scale(1, 1);
}
.sc3_img {
    width: 151px;
    height: 150px;
    position: absolute;
    left: -70px;
    top: 360px;
    background: url("img/21.png") no-repeat;

}
@keyframes myfirst {
    0% {
        -webkit-transform: scale(0, 0);
        opactity: 0;
        -moz-transform: scale(0, 0);
        opactity: 0;
        transform: scale(0, 0);
        opactity: 0;
    }
    100% {
        -webkit-transform: scale(1, 1);
        opactity: 1;
        -moz-transform: scale(1, 1);
        opactity: 1;
        transform: scale(1, 1);
        opactity: 1;
    }

}

@-moz-keyframes myfirst /* Firefox */
{
    0% {
        -webkit-transform: scale(0, 0);
        opactity: 0;
        -moz-transform: scale(0, 0);
        opactity: 0;
        transform: scale(0, 0);
        opactity: 0;
    }
    100% {
        -webkit-transform: scale(1, 1);
        opactity: 1;
        -moz-transform: scale(1, 1);
        opactity: 1;
        transform: scale(1, 1);
        opactity: 1;
    }

}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
    0% {
        -webkit-transform: scale(0, 0);
        opactity: 0;
        -moz-transform: scale(0, 0);
        opactity: 0;
        transform: scale(0, 0);
        opactity: 0;
    }
    100% {
        -webkit-transform: scale(1, 1);
        opactity: 1;
        -moz-transform: scale(1, 1);
        opactity: 1;
        transform: scale(1, 1);
        opactity: 1;
    }
}

@-o-keyframes myfirst /* Opera */
{
    0% {
        -webkit-transform: scale(0, 0);
        opactity: 0;
        -moz-transform: scale(0, 0);
        opactity: 0;
        transform: scale(0, 0);
        opactity: 0;
    }
    100% {
        -webkit-transform: scale(1, 1);
        opactity: 1;
        -moz-transform: scale(1, 1);
        opactity: 1;
        transform: scale(1, 1);
        opactity: 1;
    }
}

.bg_li {
    width: 1024px;float: left;height: 60px;line-height: 60px;font-size: 28px;color: #fff;margin-top: 300px;
}
.bg_li2{
    width: 270px;float: left;font-size: 16px;color: #fff;
}
.bg_li3{
    width: 300px;float: left;height:80px;margin-left: 40px;
}
.bg_li4 {
    width: 300px;float: left;font-size: 18px;height: 30px;line-height: 30px;text-indent: 42px;margin-top: 40px;
}
.bg_li4 span {
    width: 300px;float: left;font-size: 14px;
}
.bg_li5{
    width: 150px;float: left;font-size: 18px;height: 30px;line-height: 30px;margin-left: 80px;margin-top: 40px;
}
.bg_li5 span {
    width: 150px;float: left;font-size: 14px;line-height: 20px;margin-top: 14px;
}
.bg_li6 {
    width: 300px;float: left;font-size: 18px;height: 30px;line-height: 30px;margin-left: 190px;margin-top: 40px;
}
.bg_li6 span {
    width: 200px;float: left;font-size: 14px;line-height: 20px;margin-top: 14px;
}
.img_bg{
    float: left;position: relative;
}
.x_pos{
    width: 1024px;position: absolute;top: 0px;left: 300px;
}
.sc4_ul{
    width: 100%;position: relative;left: 100px;top: 100px;
}
.main5_li {
    width: 1024px;float: left;font-size: 40px;color: #e6f9fc;height: 70px;line-height: 50px;margin-top: 10%;
}
.main5_li2{
    width: 1024px;float: left;font-size: 16px;color: #ccf3f9;height: 30px;line-height: 30px;
}
.main5_li3{
    width: 350px;float: left;font-size: 16px;color:#ccf3f9;height: 30px;line-height: 30px;
}
.main5_li4{
    width: 50%;float: right;margin-top: 20%;
}
.main5_li48{
    width: 85%;float: left;position: relative;margin-left: 15%;display: inline;
}
.main10{
    width: 100%;float: left;position: absolute;left: -20%;top: -36%;
}
.main6_li{
    width: 1024px;float: left;font-size: 40px;color: #555;height: 50px;line-height: 35px;margin-top: 150px;margin-left: 30px;
}
.main6_li2{
    width: 1024px;float: left;font-size: 16px;color: #777;height: 25px;line-height: 25px;margin-left: 30px;margin-top: 25px;
}
.main6_li3{
    width: 300px;float: left;font-size: 16px;color: #777;line-height: 25px;margin-left: 30px;
}
.main6_li4{
    float: left;margin-left: 300px;
}
.main7_li{
    width: 1024px;float: left;text-align: center;font-size: 34px;color: #000;padding-top: 50px;display: inline;
}
.main7_li2{
    width: 1024px;float: left;text-align: center;font-size: 18px;color:#504c4b;padding-top: 35px;display: inline;
}
.main7_li3{
    width: 935px;height: 320px;float: left;padding-left: 100px;padding-top: 50px;
}
.main7_li4{
    width: 1024px;float: left;padding-top: 10px;
}
.main7_li4 span{
    width: 245px;margin-left: 145px;font-size: 14px;color:#504c4b;
}
.main8_li{
    width: 1024px;float: left;text-align: center;padding-top: 370px;font-size: 36px;color: #fff;
}
.main8_li2{
    width: 1024px;float: left;text-align: center;font-size: 14px;color: #fff;padding-top: 45px;
}
.main8_li3{
    width: 1024px;float: left;text-align: center;font-size: 14px;color: #fff;padding-top: 10px;
}
.img_bg2{
    float: left;position: relative;
}
.x_pos2{
    width: 1024px;position: absolute;top: 370px;left: 0px;
}
.main9_li{
    width: 1024px;height: 35px;text-align: center;float: left;margin-top: -100px;
}
.main9_li2{
    width: 1024px;float: left;text-align: center;font-size: 18px;color:#848484;
}
.main9_li3{
    width: 1024px;float: left;height:238px;padding-top: 50px;
}



.img_right{
    width: 485px;float: right;height: 735px;margin-top: 130px;
}
.left_li{
    width: 530px;float: left;font-size: 36px;color: #5d5d5d;margin-top: 200px;
}
.left_li2{
    width: 530px;float: left;font-size: 18px;color: #7c7c7c;margin-top: 15px;
}
.left_li3{
    width: 176px;height: 47px;background: url("img/btn_iso.png") no-repeat;float: left;line-height: 47px;font-size: 20px;color: #fff;text-indent: 40px;margin-top: 45px;
}
.left_li3 a {
    text-decoration: none;font-size: 20px;color: #fff;
}
.left_li4{
    width: 220px;float: left;margin-top: 45px;margin-left: 80px;font-size: 18px;color: #7c7c7c;height: 25px;
}
.left_li5{
    width: 220px;float: left;margin-left: 80px;height: 22px;
}
.left_li5 a {
    text-decoration: none;font-size: 14px;color:#11a6ea;
}
.left_li6{
    width: 176px;height: 47px;background: url("img/btn_and.png") no-repeat;float: left;line-height: 47px;font-size: 20px;color: #fff;text-indent: 40px;margin-top: 45px;
}
.left_li6 a {
    text-decoration: none;font-size: 20px;color: #fff;
]}
.left_li7{
    width: 530px;float: left;height: 20px;line-height: 20px;margin-top: 10px;text-indent: 5px;color:#10a6ea;
}
.left_li8{
    width: 220px;float: left;margin-left: 80px;height: 96px;padding-left: 15px;margin-top: 5px;
}
.left_li9{
    width: 176px;float: left;height: 20px;line-height: 20px;margin-top: -20px;text-indent: 5px;color:#10a6ea;
}
.left_li10{
    width: 220px;float: left;margin-left: 80px;font-size: 18px;color: #7c7c7c;height: 25px;
}
.x_main21li{
    width: 1024px;float: left;margin-top: 15%;display: inline;text-align: center;
}

.x_main21li2{
    width: 1024px;float: left;color: #00b7ee;font-size: 36px;margin-top:65px;
}
.x_main21li2 span{
    margin-left: 30px;
}
.x_main21li3{
    width: 1024px;float: left;height: 570px;margin-top: 80px;margin-bottom: 99px;
}
.x_main212{
    width: 1024px;float: left;font-size: 36px;color: #535353;margin-bottom: 20px;display: inline;
}
.x_main213{
    width: 464px;height: 60px;line-height: 60px;font-size: 18px;color: #535353;border: 1px solid #535353;border-left: 0px;float: left;text-align: center;
}
.x_main214{
    width: 464px;height: 60px;line-height: 60px;font-size: 18px;color: #535353;border: 1px solid #535353;border-left: 0px;float: left;border-right: 0px;text-align: center;
}
.x_bor2{
    border-top: 0px;
}
.x_a {
    width: 990px;float: left;text-align: center;margin-top: 20px;display: inline;padding-bottom: 10px;
}
.x_a a {
    text-decoration: none;color: #868686;font-size: 10px;
}
.footer{
    width: 100%;float: left;background: #262523;position: relative;
}
.x_ewm{
    width: 100%;position: absolute;left: 500px;top:50px;display: none;
}
.x_ewm2{
    width: 100%;position: absolute;left: 22%;top:22%;display: none;
}
.x_ewm img {
    width: 10%;float: left;
}
.x_ewm2 img {
    width: 10%;float: left;
}
.mp {
    margin-top: 30px;display: inline;
}
.ml{
    margin-left: 10%;display: inline;
}
.ml2{
    margin-left: 20%;display: inline;
}
.ml3{
    margin-left: 40%;display: inline;
}

.fot_div{
    width: 1024px;float: left;
}
.fot_li{
    width: 146px;height: 61px;float: left;padding-top: 10px;display: inline;
}
.fot_li2{
    width: 236px;float: left;height: 23px;padding-left: 220px;
}
.fot_li3{
    width: 55px;float: left;height: 55px;margin-left: 120px;margin-top: 10px;
}
.fot_li4{
    width: 200px;float: left;height: 25px;line-height: 25px;font-size: 25px;color:#fff000;margin-top: 20px;text-indent: 15px;
}
.fot_li5{
    width: 200px;float: left;height: 18px;line-height: 18px;font-size: 14px;color:#6d6d6d;text-indent: 15px;
}
.x_bor{
    width: 100%;float: left;height: 1px;background: url("img/bor_1.png") repeat-x;position: relative;left: 0px;top: -220px;
}
.fot_ul{
    width: 130px;float: left;margin-top: 30px;margin-left: 260px;
}
.fot_ul a {
    text-decoration: none;color:#868686;
}
.fot_ul2{
    width: 130px;float: left;margin-top: 30px;margin-left: 60px;
}
.fot_ul2 a{
    text-decoration: none;color:#868686;
}
.fot_li6{
    width: 130px;float: left;font-size: 20px;height: 35px;line-height: 35px;color:#868686;
}
.fot_li7{
    width: 105px;float: left;height: 20px;line-height: 20px;font-size: 12px;text-indent: 5px;padding-top: 20px;color:#868686;
}
.fot_img{
    width: 21px;height: 21px;float: left;display: inline;margin-top: 18px;
}
.main9_li4 {
    width: 80px;float: left;background: url("img/img_5.png")no-repeat;text-indent: 30px;height: 20px;line-height: 20px;font-size: 14px;margin-left: 130px;
}
.main9_li5 {
    width: 100px;float: left;background: url("img/img_6.png")no-repeat;text-indent: 30px;height: 20px;line-height: 20px;font-size: 14px;margin-left: 150px;
}
.main9_li6{
    width: 100px;float: left;background: url("img/img_7.png")no-repeat;text-indent: 30px;height: 20px;line-height: 20px;font-size: 14px;margin-left: 150px;
}
.main9_li7{
    width: 100px;float: left;background: url("img/img_8.png")no-repeat;text-indent: 30px;height: 20px;line-height: 20px;font-size: 14px;margin-left: 120px;
}
.main9_li8{
    width: 1024px;float: left;text-align: center;padding-top: 30px;display: inline;margin-bottom: 20px;
}

.sc02_li{
    width: 1024px;float: left; font-size: 50px;height: 60px;line-height: 60px;color: #fff;margin-top: 250px;
}
.sc02_li2{
    width: 1024px;float: left; font-size: 30px;height: 40px;line-height: 40px;margin-top: 20px;display: inline;color: #fff;
}
.sc02_img{
    width: 784px;float: left;height: 675;position: relative;;left: 400px;top: 100px;overflow: hidden;
}
.poric{
    width: 1024px;height: 50px;float: right;;line-height: 50px;font-size: 22px;text-align: right;color:#fe5a7d;padding-right: 180px;
}
.li_vido{
    width: 170px;height: 50px;float: left;margin-left: 41%;line-height: 18px;font-size: 18px;text-align: center;color:#5b5429;line-height: 18px;cursor: pointer;
}