html,body{width: 100%;}
p,h1,h2,ul{margin: 0px;}
.main{width: 100%; }
.icon_sp{background: url("../../img/new_home/icon_sp.png") no-repeat;}
.nav_sp{background: url("../../img/new_home/nav_sp.png") no-repeat;}
.nav_icon{background: url("../../img/new_home/nav_icon.png") no-repeat;}
/*头部*/
.hd_box{width: 100%; overflow: hidden;}
.header{ height: 749px; background: url(../../img/new_home/home_header_bg.jpg) 50% 0 no-repeat; background-size: cover;  overflow: hidden;}

.hd_center{width: 1100px; height: 749px; margin: 0 auto 0; position: relative; overflow: hidden; }
.hd_top{width: 1100px; height: 68px; position: relative; }
.ie_ts{width: 100%; height: 30px; line-height: 30px; font-size: 12px; color: #f00; text-align: center; position: absolute; top: 0px; left: 0px;}
.pg_logo{display: block; width: 155px; height: 30px; background-position: 0 0; float: left; margin-top: 32px;}
.kf_iphone{width: 132px; height: 30px; float: left; margin-left: 528px; margin-top: 36px;}
.kf_iphone_icon{display: block; width: 15px; height: 16px; background-position: -184px 0; margin-top: 8px; float: left;}
.kf_iphone_text{color: #fff; font-size: 14px; line-height: 30px; margin-left: 5px;}
.btn_login{display: block; width: 94px; height: 36px; text-align: center; color: #ffffff; font-size: 14px; line-height: 36px; float: left; margin-top: 32px; border-radius: 25px;}
.btn_login:hover{background-color: #1fb9ff; color: #fff;}
.btn_login:active{background-color: #00a3ed; color: #fff;}
.btn_login:focus{outline: none; cursor:pointer; color:#fff;}

.btn_reg{display: block; width: 94px; height: 36px; text-align: center; color: #ffffff; font-size: 14px; line-height: 36px; float: left; margin-top: 32px; background-color: #1fb9ff; border-radius: 25px; margin-left: 20px;}
.btn_reg:hover{background-color: #1fb9ff; color: #fff;}
.btn_reg:active{background-color: #00a3ed; color: #fff;}

.btn_ma{display: block; width: 26px; height: 34px; float: left; background-position: -215px 0; margin: 32px 0 0 44px;}
.ma_box{width: 171px; height: 335px; background: url("../../img/new_home/ewm.png") no-repeat; position: absolute; top: 78px; right: 4px; z-index: 100; display: none}

.hd_text{width: 1100px; height: 130px; position: absolute; top: 45%; left: 0px}
.hd_text_h1{width: 1100px; height: 70px; color: #fff; font-size: 48px; line-height: 70px; text-align: center;  }
.hd_text_h1 .hd_text_h1_s1{color: #ff2bcb;}
.hd_text_h1 .hd_text_h1_s2{color: #1fb9ff;}
.hd_text_h2{width: 1100px; height: 60px; overflow: hidden;}
.hd_text_h2_s1{display: block; width: 130px; height: 1px; background-color: #8d838d; float: left; margin: 30px 0 0 280px;}
.hd_text_h2_s2{display: block; width: 290px; height: 60px; color: #fff; font-size: 24px; text-align: center; line-height: 60px; float: left;}
.hd_text_h2_s3{display: block; width: 130px; height: 1px; background-color: #8d838d; float: left; margin: 30px 0 0 0;}

/*nav*/
.nav_box_big{width: 100%; height: 170px; background-color: #fff; position: absolute; left: 0px; z-index: 99999; }
.nav_box_big .nav_box_center{width: 1100px; height: 100%; background-color: #fff; margin: 0 auto 0; overflow: hidden;}
.nav_box_big .nav_list{width: 1100px; height: 160px; margin-top:10px;  overflow: hidden;}
.nav_box_big .nav_list li{width: 125px; height: 140px; float: left; cursor: pointer; margin-top:15px;}
.nav_box_big .nav_list li:hover span{color: #1fb9ff;}
.nav_box_big .nav_list li:hover p{color: #1fb9ff;}
.nav_box_big .nav_list .nav_list_li1{ margin-left: 0px;}
.nav_box_big .nav_list .nav_list_li2{ margin-left: 30px;}
.nav_box_big .nav_list .nav_list_li3{ margin-left: 30px;}
.nav_box_big .nav_list .nav_list_li4{ margin-left: 30px;}
.nav_box_big .nav_list .nav_list_li5{ margin-left: 30px;}
.nav_box_big .nav_list .nav_list_li6{ margin-left: 30px;}
.nav_box_big .nav_list .nav_list_li7{ margin-left: 30px;}
.nav_box_big .nav_list .nav_list_li8{ margin-left: 30px;}
 

.nav_box_big .nav_list li a{display: block; width: 84px; height: 92px; margin: 0 auto 0;}
.nav_box_big .nav_list li span{display: block; width: 125px; height: 50px; text-align: center; line-height: 50px; color: #939393; font-size: 17px;}
.nav_box_big .nav_list li .ps{display: block; width: 125px; height: 25px; text-align: center; line-height: 25px; color: #939393; font-size: 17px;}
.nav_box_big .nav_btn1{background-position: -508px -8px;}
.nav_box_big .nav_btn2{background-position: -110px -8px;}
.nav_box_big .nav_btn3{background-position: -8px -8px;}
.nav_box_big .nav_btn4{background-position: -208px -8px;}
.nav_box_big .nav_btn5{background-position: -708px -8px;}
.nav_box_big .nav_btn6{background-position: -308px -8px;}
.nav_box_big .nav_btn7{background-position: -408px -8px;}
.nav_box_big .nav_btn8{background-position: -608px -8px;}

.nav_box_big .nav_list_li1:hover .nav_btn1{background-position: -508px -98px;}
.nav_box_big .nav_list_li2:hover .nav_btn2{background-position: -110px -98px;}
.nav_box_big .nav_list_li3:hover .nav_btn3{background-position: -8px -98px;}
.nav_box_big .nav_list_li4:hover .nav_btn4{background-position: -208px -98px;}
.nav_box_big .nav_list_li5:hover .nav_btn5{background-position: -708px -98px;}
.nav_box_big .nav_list_li6:hover .nav_btn6{background-position: -308px -98px;}
.nav_box_big .nav_list_li7:hover .nav_btn7{background-position: -408px -98px;}
.nav_box_big .nav_list_li8:hover .nav_btn8{background-position: -608px -98px;}

/* .nav_box_big .nav_list_li1:active .nav_btn1{background-position: 508px -171px;}
.nav_box_big .nav_list_li2:active .nav_btn2{background-position: -167px -171px;}
.nav_box_big .nav_list_li3:active .nav_btn3{background-position: -332px -171px;}
.nav_box_big .nav_list_li4:active .nav_btn4{background-position: -499px -171px;}
.nav_box_big .nav_list_li5:active .nav_btn5{background-position: -665px -171px;}
.nav_box_big .nav_list_li6:active .nav_btn6{background-position: -830px -171px;}
.nav_box_big .nav_list_li7:active .nav_btn7{background-position: -997px -171px;} */

/*nav高亮*/
.nav_box_big .nav_btn1_h{background-position: 0 -136px;}
.nav_box_big .nav_btn2_h{background-position: -166px -136px;}
.nav_box_big .nav_btn3_h{background-position: -332px -136px;}
.nav_box_big .nav_btn4_h{background-position: -498px -136px;}
.nav_box_big .nav_btn5_h{background-position: -664px -136px;}
.nav_box_big .nav_btn6_h{background-position: -830px -136px;}
.nav_box_big .nav_btn7_h{background-position: -996px -136px;}


/*悬浮导航*/
.nav_box_small{width: 100%; height: 90px; box-shadow: 1px 1px 20px #e8e9ea; -webkit-box-shadow: 1px 1px 20px #e8e9ea; -moz-box-shadow: 1px 1px 20px #e8e9ea; -ms-box-shadow: 1px 1px 20px #e8e9ea; -o-box-shadow: 1px 1px 20px #e8e9ea; position: fixed; top: 0px; left: 0px; background-color: #fff; z-index: 99999999; display: none;}
.nav_box_small_center{width: 1100px; height: 90px; margin: 0 auto 0; }
.nav_logo{display: block; width: 154px; height: 29px; background: url("../../img/new_home/nav_logo.png") no-repeat; float: left; margin-top: 29px;}
.nav_box_small_list{ height: 90px; float: left; margin-left: 60px;}
.nav_box_small_list li{width: 110px; height: 90px; float: left; cursor: pointer;}
.nav_box_small_list li span{display: block; width: 90px; color: #939393; font-size: 12px; line-height: 23px; text-align: center;}
.nav_box_small_list li:hover span{color: #1fb9ff;}
/* .nav_small_sp{background: url("../../img/new_home/nav_small_sp.png") no-repeat;} */
.nav_small_sp{background: url("../../img/new_home/nav_icon.png") no-repeat;}
.nav_box_small_list li a{display: block; width: 90px; height: 90px; margin: 0px auto 0; overflow: hidden;}
.nav_box_small_list li font{display: block; width: 43px; height: 48px; margin: 15px auto 0;}
.nav_small_btn1{background-position: -328px -198px;}
.nav_small_btn2{background-position: -80px  -198px;}
.nav_small_btn3{background-position: -18px -198px;}
.nav_small_btn4{background-position: -142px -198px;}
.nav_small_btn5{background-position: -452px -198px;}
.nav_small_btn6{background-position: -204px -198px;}
.nav_small_btn7{background-position: -265px -198px;}
.nav_small_btn8{background-position: -390px -198px;}

.nav_box_small_list_li1:hover .nav_small_btn1{background-position: -328px -252px;}
.nav_box_small_list_li2:hover .nav_small_btn2{background-position: -80px -252px;}
.nav_box_small_list_li3:hover .nav_small_btn3{background-position: -18px -252px;}
.nav_box_small_list_li4:hover .nav_small_btn4{background-position: -142px -252px;}
.nav_box_small_list_li5:hover .nav_small_btn5{background-position: -452px -252px;}
.nav_box_small_list_li6:hover .nav_small_btn6{background-position: -204px -252px;}
.nav_box_small_list_li7:hover .nav_small_btn7{background-position: -265px -252px;}
.nav_box_small_list_li8:hover .nav_small_btn8{background-position: -388px -252px;}

/* .nav_box_small_list_li1:active .nav_small_btn1{background-position: 0 -99px;}
.nav_box_small_list_li2:active .nav_small_btn2{background-position: -106px -99px;}
.nav_box_small_list_li3:active .nav_small_btn3{background-position: -213px -99px;}
.nav_box_small_list_li4:active .nav_small_btn4{background-position: -320px -99px;}
.nav_box_small_list_li5:active .nav_small_btn5{background-position: -427px -99px;}
.nav_box_small_list_li6:active .nav_small_btn6{background-position: -534px -99px;}
.nav_box_small_list_li7:active .nav_small_btn7{background-position: -641px -99px;} */






/*内容一*/
.cont1{width: 100%; height: 707px; background: url("../../img/new_home/cont1_bg.jpg") 50% 50% no-repeat; position: relative; }
.cont1_center{width: 1100px; height: 707px; background: url("../../img/new_home/cont1_bg.jpg") 50% 50% no-repeat; margin: 0 auto 0;}
.cont1_left{width: 534px; overflow: hidden; float: left;}
.cont1_title{width: 534px; padding-top: 80px; overflow: hidden;}
.cont1_title_p1{width: 534px; color: #222222; font-size: 36px; line-height: 75px;  }
.cont1_title_p2{width: 534px; height: 25px; color: #d0d0d0; font-size: 14px; line-height: 20px; }

.cont1_sub_heads0{width: 534px; padding-top: 20px;}
.cont1_sub_heads0_p1{width: 534px; height: 50px; color: #222222; font-size: 24px; line-height: 50px;}
.cont1_sub_heads0_p2{width: 534px; position: relative;}
.cont1_sub_heads0_p2 p{color: #939393; font-size: 18px; line-height: 30px; }


.cont1_sub_heads1{width: 534px; padding-top: 20px;}
.cont1_sub_heads1_p1{width: 534px; height: 50px; color: #222222; font-size: 24px; line-height: 50px;}
.cont1_sub_heads1_p2{width: 534px; position: relative;}
.cont1_sub_heads1_p2 span{color: #939393; font-size: 18px; line-height: 23px; float: left;}
.cont1_sub_heads1_p2 c{color: #939393; font-size: 18px; line-height: 23px; float: left;}
.cont1_sub_heads1_p2 .cont1_tab_text{color: #939393;}
.cont1_sub_heads1_p2 .cont1_tab_text{color: #939393;}
.cont1_sub_heads1_p2 .cont1_tab_text{color: #939393;}
.cont1_sub_heads1_p2 .cont1_tab_text{color: #939393;}
.cont1_sub_heads1_p2 .cont1_tab_text{color: #939393;}

.cont1_sub_heads1_p2 .cont1_tab_text_h{color: #f00;}
.cont1_sub_heads1_p2 .cont1_tab_text_h{color: #f00;}
.cont1_sub_heads1_p2 .cont1_tab_text_h{color: #f00;}
.cont1_sub_heads1_p2 .cont1_tab_text_h{color: #f00;}
.cont1_sub_heads1_p2 .cont1_tab_text_h{color: #f00;}

#cont1_tab_text_last{position: absolute; top: 106px; left: 0px;}

.cont1_sub_heads1_p2 font{color: #939393; font-size: 18px; line-height: 23px; float: left;}

.cont1_sub_heads2{width: 534px; height: 103px; overflow: hidden; padding-top: 30px;}

.cont1_sub_heads3{width: 534px; overflow: hidden; padding-top: 40px;}
.cont1_sub_heads1_p3{width: 534px; overflow: hidden; color: #939393; font-size: 18px; line-height: 25px;}

.btn_lj_moer{display: block; width: 130px; height: 46px; background-color: #f4f5f6; color: #1fb9ff; font-size: 16px; line-height: 44px; text-indent: 22px; border: 1px solid #1fb9ff; border-radius: 50px; margin-top: 40px; position: relative;}
.btn_lj_moer_text{display: block; width: 130px; height: 46px;}
.btn_lj_moer_icon{display: block; width: 10px; height: 14px; background-position: -47px -53px; position: absolute; top: 16px; right: 22px;}
.btn_lj_moer:hover{background-color: #1fb9ff; color: #fff; }
.btn_lj_moer:hover .btn_lj_moer_icon{background-position: -71px -53px; }

.btn_lj_moer:active{background-color: #0091d3; color: #fff; }
.btn_lj_moer:active .btn_lj_moer_icon{background-position: -71px -53px; }
.cont1_right{width: 547px; height: 344px; overflow: hidden; float: left; margin: 152px 0 0 18px; position: relative; background-color: #fff;}
.cont1_tab_list{width: 100%; height: 344px; position: absolute; top: 0px; left: 0px; background-color: #fff;}

/*常态*/
.cont1_tab_list_li{width: 547px; height: 344px; float: left; background-color: #fff;}
.cont1_tab_list_li img{width: 547px; height: 344px; float: left;}
/*第一张 消失*/
.cont1_tab_list_li_1{width: 547px; height: 354px; float: left;}
.cont1_tab_list_li_1 img{width: 547px; height: 344px; float: left;}
.cont1_tab_list_li_1{
    -webkit-animation:cont1TabListLiHide 1s 2s ease both;
    -o-animation:cont1TabListLiHide 1s 2s ease both;
    -ms-animation:cont1TabListLiHide 1s 2s ease both;
    -moz-animation:cont1TabListLiHide 1s 2s ease both;
    animation:cont1TabListLiHide 1s 2s ease both;
    
}



/*显示*/
.cont1_tab_list_li_show{width: 547px; height: 344px; float: left; opacity: 0;}
.cont1_tab_list_li_show img{width: 547px; height: 344px; float: left;}
.cont1_tab_list_li_show{
    -webkit-animation:cont1TabListLiShow 1s 0s ease both;
    -o-animation:cont1TabListLiShow 1s 0s ease both;
    -moz-animation:cont1TabListLiShow 1s 0s ease both;
    -ms-animation:cont1TabListLiShow 1s 0s ease both;
    animation:cont1TabListLiShow 1s 0s ease both;
}
@keyframes cont1TabListLiShow{
    0%{opacity: 0;}
    100%{opacity: 1;}
}
@-webkti-keyframes cont1TabListLiShow{
    0%{opacity: 0;}
    100%{opacity: 1;}
}
@-ms-keyframes cont1TabListLiShow{
    0%{opacity: 0;}
    100%{opacity: 1;}
}
@-moz-keyframes cont1TabListLiShow{
    0%{opacity: 0;}
    100%{opacity: 1;}
}
@-o-keyframes cont1TabListLiShow{
    0%{opacity: 0;}
    100%{opacity: 1;}
}


/*消失*/
.cont1_tab_list_li_hide{width: 547px; height: 344px; float: left; opacity: 1;}
.cont1_tab_list_li_hide img{width: 547px; height: 344px; float: left;}
.cont1_tab_list_li_hide{
    -webkit-animation:cont1TabListLiHide 1s 0s ease both;
    -o-animation:cont1TabListLiHide 1s 0s ease both;
    -ms-animation:cont1TabListLiHide 1s 0s ease both;
    -moz-animation:cont1TabListLiHide 1s 0s ease both;
    animation:cont1TabListLiHide 1s 0s ease both;
}
@keyframes cont1TabListLiHide{
    0%{opacity: 1;}
    100%{opacity: 0;}
}

@-o-keyframes cont1TabListLiHide{
    0%{opacity: 1;}
    100%{opacity: 0;}
}

@-moz-keyframes cont1TabListLiHide{
    0%{opacity: 1;}
    100%{opacity: 0;}
}

@-ms-keyframes cont1TabListLiHide{
    0%{opacity: 1;}
    100%{opacity: 0;}
}

@-webkit-keyframes cont1TabListLiHide{
    0%{opacity: 1;}
    100%{opacity: 0;}
}







/*内容二*/
.cont2{width: 100%; height: 790px; background-color: #fff; }
.cont2_center{width: 1100px; height: 790px; background-color: #fff; margin: 0 auto 0; padding-top: 20px;}
.cont2_sub_title_p1{ 
    text-align: center;
    height: 50px;
    color: #222222;
    font-size: 34px;
    line-height: 50px; }
.cont2_sub_title_p2{
    margin-top: 20px;
    color: #1fb9ff;
    font-size: 18px;
    line-height: 23px;
}
.cont2_sub_title_p3{
    width: 600px;
    color: #939393;
    font-size: 16px;
    line-height: 20px;
    margin: auto;
    margin-top: 20px;
}
.cont2_left{width: 513px;overflow:hidden;float: left;}
.cont2_qx_box{width: 513px; height: 395px; background: url("../../img/new_home/cont2_qx_bg.jpg") no-repeat; margin-top: 160px; position: relative;}

.qx1{width: 493px; height: 129px; background: url("../../img/new_home/qx1.png") no-repeat; position: absolute; top: 105px; left: -8px; z-index: 3; display: none;}
.qx2{width: 493px; height: 265px; background: url("../../img/new_home/qx2.png") no-repeat; position: absolute; top: 140px; left: -1px; display: none;}


.cont2.play .qx1{
    -webkit-animation:qxOne 2s 0s ease both; 
    -o-animation:qxOne 2s 0s ease both;
    -moz-animation:qxOne 2s 0s ease both;
    -ms-animation:qxOne 2s 0s ease both;
    animation:qxOne 2s 0s ease both;
}
@keyframes qxOne{
    0%{width: 0px;}
    100%{width: 500px;}
}
@-webkit-keyframes qxOne{
    0%{width: 0px;}
    100%{width: 500px;}
}
@-moz-keyframes qxOne{
    0%{width: 0px;}
    100%{width: 500px;}
}
@-ms-keyframes qxOne{
    0%{width: 0px;}
    100%{width: 500px;}
}
@-o-keyframes qxOne{
    0%{width: 0px;}
    100%{width: 500px;}
}

.cont2.play .qx2{
    -webkit-animation:qxTwo 2s 0s ease both;
    -o-animation:qxTwo 2s 0s ease both;
    -ms-animation:qxTwo 2s 0s ease both;
    -moz-animation:qxTwo 2s 0s ease both;
    animation:qxTwo 2s 0s ease both;
}
@keyframes qxTwo{
    0%{width: 0px;}
    100%{width: 500px;}
}

@-webkit-keyframes qxTwo{
    0%{width: 0px;}
    100%{width: 500px;}
}

@-ms-keyframes qxTwo{
    0%{width: 0px;}
    100%{width: 500px;}
}

@-o-keyframes qxTwo{
    0%{width: 0px;}
    100%{width: 500px;}
}

@-moz-@keyframes qxTwo{
    0%{width: 0px;}
    100%{width: 500px;}
}


.cont2_right{width: 500px; overflow: hidden; float: left; margin-left: 80px; }
.cont2_title{width: 534px; padding-top: 140px; overflow: hidden;}
.cont2_title_p1{width: 534px; color: #222222; font-size: 36px; line-height: 75px;  }
.cont2_title_p2{width: 534px; height: 25px; color: #d0d0d0; font-size: 14px; line-height: 20px; }

.cont2_sub_heads1{width: 534px; padding-top: 50px;}
.cont2_sub_heads1_p1{width: 534px; height: 50px; color: #222222; font-size: 24px; line-height: 50px;}
.cont2_sub_heads1_p2{width: 534px; position: relative; overflow: hidden}
.cont2_sub_heads1_p2 span{color: #939393; font-size: 18px; line-height: 35px; float: left;}

.btn_go_shop{display: block; width: 130px; height: 46px; background-color: #fff; color: #1fb9ff; font-size: 16px; line-height: 44px; text-indent: 22px; border: 1px solid #1fb9ff; border-radius: 50px; margin-top: 40px; position: relative;}
.btn_go_shop_text{display: block; width: 130px; height: 46px;}
.btn_go_shop_icon{display: block; width: 10px; height: 14px; background-position: -47px -53px; position: absolute; top: 16px; right: 22px;}
.btn_go_shop:hover{background-color: #1fb9ff; color: #fff; }
.btn_go_shop:hover .btn_go_shop_icon{background-position: -71px -53px; }

.btn_go_shop:active{background-color: #0091d3; color: #fff; }
.btn_go_shop:active .btn_lj_moer_icon{background-position: -71px -53px; }


/*内容三 插入*/

.cont8{ width: 100%; height: 800px; background-color: #f4f5f6; }
.cont8_container{ width: 1100px;  background-color: #f4f5f6; margin: 0 auto 0; }
.cont8_top{ padding-top: 80px;}
.cont8_top .cont8_top_title{ font-size: 36px; font-weight: bold;}
.cont8_top .cont8_top_describe{ font-size: 24px; }
.cont8_middle{ clear: both; overflow:hidden; padding-top: 40px;}
.cont8_middle_fl{ float: left;}
.cont8_middle .content{ height: 380px; width: 550px;}
.cont8_middle .cont8_ul li{ font-size: 24px; }
.cont8_middle .cont8_ul li span{font-size: 36px; margin-right: 5px; color: #d7dade;}
.cont8_ul_describe{ font-size: 18px; margin-left: 25px; color: #b0b0b0;}
.cont8 .active{color: #1fb9ff;}
.cont8_middle .fx1{
  width: 312px; height: 240px; background: url(../../img/new_home/fx1-0.png) no-repeat; margin: auto;
  }
.cont8_middle .fx1_1{
width: 100px;
height: 86px;
background: url(../../img/new_home/fx1-1.png) no-repeat;
position: absolute;
z-index: 10;
margin-top: -110px;
margin-left: 320px;
}
.cont8_middle .fx2{background: rgba(0, 0, 0, 0) url("../../img/new_home/fx5.png") no-repeat scroll 0 0;
    height: 291px;
    margin: 0 0 0 38px;
    width: 421px;}
.cont8_middle .fx3{width: 320px; height: 235px; background: url(../../img/new_home/fx4-0.png) no-repeat; margin: auto; }
.cont8_middle .fx4{width: 300px; height: 240px; background: url(../../img/new_home/fx0.png) no-repeat; margin: auto; }
.cont8_middle .fx5{width: 320px; height: 240px; background: url(../../img/new_home/fx2-0.png) no-repeat; margin: auto; }

.cont8_middle .fx_describe{ display: inline-block; margin-left: 70px; font-size: 18px; color: #a1a2a2; width: 435px;}
.cont8_bottom{ text-align: center;}
.cont8_bottom_ul li{float: left;margin-right: 10px; margin-left: 5px;width: 200px; text-align: center;}
.cont8_bottom_ul a{ cursor: auto;}
.fx_icon{background: url("../../img/new_home/fx_icon3.png") no-repeat; width: 60px; height: 76px;display: block; margin: auto;}
.fxicon2{background-position: -64px  0;}
.fxicon3{background-position: -146px  0;}
.fxicon4{background-position: -227px  0;}
.fxicon5{background-position: -298px  0;}
.fx_txt{font-size: 18px;}
/*内容三 插入*/


/*内容三*/
.cont3{width: 100%; height: 938px; background-color: #ffffff;}
.cont3_center{width: 1300px; height: 938px; background-color: #ffffff; margin: 0 auto 0;}
.cont3_left{width: 535px; overflow: hidden; float: left; margin-left: 100px;}
.cont3_title{width: 535px; overflow: hidden; margin-top: 145px;}
.cont3_title_p1{width: 535px; line-height: 52px; color: #222222; font-size: 36px; }
.cont3_title_p2{width: 535px; line-height:24px; color: #d0d0d0; font-size: 14px;}
.cont3_sub_heads1{width: 535px; overflow: hidden; margin-top: 50px; }
.cont3_sub_heads_p1{width: 535px; color: #222222; font-size: 24px; line-height: 52px; overflow: hidden;}
.cont3_sub_heads_p2{width: 535px; color: #696969; font-size: 18px; line-height: 30px; overflow: hidden;}

.cont3_sub_heads2{width: 535px; overflow: hidden; margin-top: 20px; }
.cont3_sub_heads3{width: 535px; overflow: hidden; margin-top: 20px; }
.cont3_sub_heads4{width: 535px; overflow: hidden; margin-top: 20px; }

/*cont3 文字运动*/
/*
.cont3_title{-webkit-animation:cont3Iphone 1.5s 0s ease both; }
.cont3_sub_heads1{-webkit-animation:cont3Iphone 1.5s 0.3s ease both; }
.cont3_sub_heads2{-webkit-animation:cont3Iphone 1.5s 0.6s ease both; }
.cont3_sub_heads3{-webkit-animation:cont3Iphone 1.5s 0.9s ease both; }
.cont3_sub_heads4{-webkit-animation:cont3Iphone 1.5s 1.2s ease both; }
*/


.cont3_right{width: 560px; float: left;}
.cont3_right_move{width: 560px; height: 515px; margin-top: 278px; position:relative; /*border: 1px solid red;*/}
.cont3_yuan1{width: 266px; height: 266px; border: 1px solid #e1e1e2;  border-radius: 266px; position: absolute; top: 116px; left: 176px;}
.cont3_yuan2{width: 373px; height: 373px; border: 1px solid #e1e1e2; border-radius: 373px; position: absolute; top: 62px; left: 123px;}
.cont3_yuan3{width: 497px; height: 497px; border: 1px solid #e1e1e2; border-radius: 497px; position: absolute; top: 0px; left: 61px;}




.cont3.play .cont3_yuan1{
    -webkit-animation:cont3Yuan 1s 0s ease both;
    -o-animation:cont3Yuan 1s 0s ease both;
    -moz-animation:cont3Yuan 1s 0s ease both;
    -ms-animation:cont3Yuan 1s 0s ease both;
    animation:cont3Yuan 1s 0s ease both;
}
.cont3.play .cont3_yuan2{
    animation:cont3Yuan 1s 0.5s ease both;
    -moz-animation:cont3Yuan 1s 0.5s ease both;
    -ms-animation:cont3Yuan 1s 0.5s ease both;
    -o-animation:cont3Yuan 1s 0.5s ease both;
    -webkit-animation:cont3Yuan 1s 0.5s ease both;
}
.cont3.play .cont3_yuan3{
    -webkit-animation:cont3Yuan 1s 1s ease both;
    -o-animation:cont3Yuan 1s 1s ease both;
    -moz-animation:cont3Yuan 1s 1s ease both;
    -ms-animation:cont3Yuan 1s 1s ease both;
    animation:cont3Yuan 1s 1s ease both;
}

.cont3_iphone{width: 248px; height: 451px; background: url("../../img/new_home/cont3_iphone.png") no-repeat; position: absolute; top: 20px; left: 188px;transform: translateY(100);}


.cont3.play .cont3_iphone{
    -webkit-animation:cont3Iphone 2s 0s ease both;
    -moz-animation:cont3Iphone 2s 0s ease both;
    -ms-animation:cont3Iphone 2s 0s ease both;
    -o-animation:cont3Iphone 2s 0s ease both;
    animation:cont3Iphone 2s 0s ease both;
}
@keyframes cont3Yuan{
    0%{opacity: 0; }
    100%{opacity: 1;}
}
@-webkit-keyframes cont3Yuan{
    0%{opacity: 0; }
    100%{opacity: 1;}
}
@-o-keyframes cont3Yuan{
    0%{opacity: 0; }
    100%{opacity: 1;}
}
@-moz-keyframes cont3Yuan{
    0%{opacity: 0; }
    100%{opacity: 1;}
}
@-ms-keyframes cont3Yuan{
    0%{opacity: 0; }
    100%{opacity: 1;}
}


@keyframes cont3Iphone{
    0%{opacity:0; transform:translateY(100px)}
    100%{opacity:1; transform:translateY(0)}
}
@-moz-keyframes cont3Iphone{
    0%{opacity:0; -moz-transform:translateY(100px)}
    100%{opacity:1; -moz-transform:translateY(0)}
}
@-webkit-keyframes cont3Iphone{
    0%{opacity:0; -webkit-transform:translateY(100px)}
    100%{opacity:1; -webkit-transform:translateY(0)}
}
@-o-keyframes cont3Iphone{
    0%{opacity:0; -o-transform:translateY(100px)}
    100%{opacity:1; -o-transform:translateY(0)}
}
@-ms-keyframes cont3Iphone{
    0%{opacity:0; -ms-transform:translateY(100px)}
    100%{opacity:1; -ms-transform:translateY(0)}
}

.cont3_right_text1{width: 160px; height: 35px; position: absolute; top: 110px; left: 38px;}
.cont3_right_text2{width: 160px; height: 35px; position: absolute; top: 283px; left: 2px;}
.cont3_right_text3{width: 160px; height: 35px; position: absolute; top: 132px; left: 445px;}
.cont3_right_text4{width: 160px; height: 35px; position: absolute; top: 463px; left: 376px;}





.cont3_right_text_even{color: #696969; font-size: 18px; line-height: 35px; float: left;}
.cont3_blue_icon{display: block; width: 30px; height: 30px; background-position: 0 -46px; float: left; margin: 3px 7px 0 7px;}

.cont3.play .cont3_right_text1{
    -webkit-animation:cont3RightText 1s 1s ease both; 
    -moz-animation:cont3RightText 1s 1s ease both; 
    -o-animation:cont3RightText 1s 1s ease both; 
    -ms-animation:cont3RightText 1s 1s ease both; 
    animation:cont3RightText 1s 1s ease both; 
}
.cont3.play .cont3_right_text2{
    -webkit-animation:cont3RightText 1s 1.5s ease both; 
    -moz-animation:cont3RightText 1s 1.5s ease both; 
    -o-animation:cont3RightText 1s 1.5s ease both;
    -ms-animation:cont3RightText 1s 1.5s ease both;
    animation:cont3RightText 1s 1.5s ease both;
}
.cont3.play .cont3_right_text3{
    -webkit-animation:cont3RightText 1s 2.5s ease both; 
    -moz-animation:cont3RightText 1s 2.5s ease both; 
    -o-animation:cont3RightText 1s 2.5s ease both; 
    -ms-animation:cont3RightText 1s 2.5s ease both;
    animation:cont3RightText 1s 2.5s ease both;
}
.cont3.play .cont3_right_text4{
    -webkit-animation:cont3RightText 1s 2s ease both; 
    -moz-animation:cont3RightText 1s 2s ease both; 
    -o-animation:cont3RightText 1s 2s ease both; 
    -ms-animation:cont3RightText 1s 2s ease both;
    animation:cont3RightText 1s 2s ease both;
}
@-webkit-keyframes cont3RightText{
    0%{opacity: 0;}
    100%{opacity: 1;}
}
@-moz-keyframes cont3RightText{
    0%{opacity: 0;}
    100%{opacity: 1;}
}
@-o-keyframes cont3RightText{
    0%{opacity: 0;}
    100%{opacity: 1;}
}
@-ms-keyframes cont3RightText{
    0%{opacity: 0;}
    100%{opacity: 1;}
}
@keyframes cont3RightText{
    0%{opacity: 0;}
    100%{opacity: 1;}
}

/*内容四*/
.cont4{width: 100%; height:720px;  }
.cont4_center{width: 1100px; height:720px; margin: 0 auto 0; text-align: center; }
.cont4_center video{ margin: auto; }
.cont4_sub_title_p1{ 
    text-align: center;
    height: 50px;
    color: #222222;
    margin-top: 40px;
    margin-bottom: 40px;
    font-size: 34px;
    line-height: 50px; }

.cont4_sub_title_p2{ 
        text-align: center;
        color: #837e84;
        margin-top: 10px;
        font-size: 20px;
        line-height: 20px; }
/* .cont4{width: 100%; height:600px; background: url("../../img/new_home/cont4_bg.jpg") 50% 50% no-repeat; background-attachment: fixed; background-size: cover; } */
/* .cont4_center{width: 1100px; height:600px; margin: 0 auto 0;background: url("../../img/new_home/cont4_bg.jpg") 50% 50% no-repeat; background-attachment: fixed; background-size: cover; overflow: hidden;} */

.cont4_title{display: block; width: 300px; height: 80px; margin: 120px auto 0; overflow: hidden; }
.cont4_title_p1{width: 100%; color: #ffffff; font-size: 36px; line-height: 52px; text-align: center;}
.cont4_title_p2{width: 100%; color: #837e84; font-size: 14px; line-height: 30px; text-align: center;}
.cont4_even{width: 1100px; overflow: hidden; margin-top: 100px;}
.cont4_even_p1{width: 1100px; overflow: hidden; color: #fff; font-size: 18px; line-height: 35px; text-align: center;}
.cont4_even_p2{width: 1100px; overflow: hidden; color: #fff; font-size: 18px; line-height: 35px; text-align: center;}
.cont4_even_p3{width: 1100px; overflow: hidden; color: #fff; font-size: 18px; line-height: 35px; text-align: center;}


/*cont4 文字运动*/
.cont4.play .cont4_title{
    -webkit-animation:cont4Text 1s 0s ease both; 
    -moz-animation:cont4Text 1s 0s ease both;  
    -o-animation:cont4Text 1s 0s ease both;  
    -ms-animation:cont4Text 1s 0s ease both; 
    animation:cont4Text 1s 0s ease both;  
}

.cont4.play .cont4_even_p1{
    -webkit-animation:cont4Text 1s 0.3s ease both; 
    -moz-animation:cont4Text 1s 0.3s ease both;  
    -o-animation:cont4Text 1s 0.3s ease both;  
    -ms-animation:cont4Text 1s 0.3s ease both; 
    animation:cont4Text 1s 0.3s ease both;  
}
.cont4.play .cont4_even_p2{
    -webkit-animation:cont4Text 1s 0.6s ease both; 
    -moz-animation:cont4Text 1s 0.6s ease both;  
    -o-animation:cont4Text 1s 0.6s ease both;  
    -ms-animation:cont4Text 1s 0.6s ease both; 
    animation:cont4Text 1s 0.6s ease both;  
}
.cont4.play .cont4_even_p3{
    -webkit-animation:cont4Text 1s 0.9s ease both; 
    -moz-animation:cont4Text 1s 0.9s ease both;  
    -o-animation:cont4Text 1s 0.9s ease both;  
    -ms-animation:cont4Text 1s 0.9s ease both; 
    animation:cont4Text 1s 0.9s ease both;  
}
@keyframes cont4Text{
    0%{opacity:0; transform:translateY(100px)}
    100%{opacity:1; transform:translateY(0)}
}
@-moz-keyframes cont4Text{
    0%{opacity:0; -moz-transform:translateY(100px)}
    100%{opacity:1; -moz-transform:translateY(0)}
}
@-webkit-keyframes cont4Text{
    0%{opacity:0; -webkit-transform:translateY(100px)}
    100%{opacity:1; -webkit-transform:translateY(0)}
}
@-o-keyframes cont4Text{
    0%{opacity:0; -o-transform:translateY(100px)}
    100%{opacity:1; -o-transform:translateY(0)}
}
@-ms-keyframes cont4Text{
    0%{opacity:0; -ms-transform:translateY(100px)}
    100%{opacity:1; -ms-transform:translateY(0)}
}


/*内容五*/
.cont5{width: 100%; height: 767px; background-color: #ffffff;}
.cont5_center{width: 1100px; height: 767px; background-color: #ffffff; margin: 0 auto 0; overflow: hidden; }
.cont5_title{width: 1100px; overflow: hidden; margin-top: 158px;}
.cont5_title_p1{width: 1100px; color: #222222; font-size: 36px; line-height: 52px; overflow: hidden; text-align: center;}
.cont5_title_inf{width: 395px; height: 40px; margin: 0 auto 0;}
.cont5_title_inf_s1{display: block; width: 90px; height: 1px; background-color: #e6e6e6; float: left; margin-top: 20px;}
.cont5_title_inf_s2{display: block; width: 213px; height: 40px; float: left; color: #d0d0d0; font-size: 14px; line-height: 40px; text-align: center;}
.cont5_title_inf_s3{display: block; width: 90px; height: 1px; background-color: #e6e6e6; float: left; margin-top: 20px;}

.cont5.play .cont5_title{
    -webkit-animation:cont4Text 1s 0s ease both; 
    -moz-animation:cont4Text 1s 0s ease both;  
    -o-animation:cont4Text 1s 0s ease both;  
    -ms-animation:cont4Text 1s 0s ease both; 
    animation:cont4Text 1s 0s ease both;  
}

.cont5_even_list{width: 1100px; overflow: hidden; margin: 85px auto 0;}
.cont5_even_list_box1{width: 225px; overflow: hidden; float: left;}
.cont5_even_wx_icon{display: block; width: 70px; height: 61px; background-position: 0 -88px; margin: 0 auto 0;}
.cont5_even_wx_title{display: block; width: 225px; height: 60px; color: #222222; font-size: 24px; line-height: 60px; text-align: center;}
.cont5_even_wx_inf{display: block; width: 225px; overflow: hidden; color: #939393; font-size: 18px; line-height: 30px;}

.cont5_even_list_box2{width: 225px; overflow: hidden; float: left; margin-left: 60px;}
.cont5_even_list_box3{width: 225px; overflow: hidden; float: left; margin-left: 60px;}
.cont5_even_list_box4{width: 225px; overflow: hidden; float: left; margin-left: 60px;}

.cont5_even_gg_icon{display: block; width: 70px; height: 61px; background-position: -88px -88px; margin: 0 auto 0;}
.cont5_even_shop_icon{display: block; width: 70px; height: 61px; background-position: -162px -88px; margin: 0 auto 0;}
.cont5_even_zy_icon{display: block; width: 70px; height: 61px; background-position: -232px -88px; margin: 0 auto 0;}

.cont5.play .cont5_even_list_box1{
    -webkit-animation:cont4Text 1s 0.3s ease both; 
    -moz-animation:cont4Text 1s 0.3s ease both;  
    -o-animation:cont4Text 1s 0.3s ease both;  
    -ms-animation:cont4Text 1s 0.3s ease both; 
    animation:cont4Text 1s 0.3s ease both;  
}
.cont5.play .cont5_even_list_box2{
    -webkit-animation:cont4Text 1s 0.6s ease both; 
    -moz-animation:cont4Text 1s 0.6s ease both;  
    -o-animation:cont4Text 1s 0.6s ease both;  
    -ms-animation:cont4Text 1s 0.6s ease both; 
    animation:cont4Text 1s 0.6s ease both;  
}
.cont5.play .cont5_even_list_box3{
    -webkit-animation:cont4Text 1s 0.9s ease both; 
    -moz-animation:cont4Text 1s 0.9s ease both;  
    -o-animation:cont4Text 1s 0.9s ease both;  
    -ms-animation:cont4Text 1s 0.9s ease both; 
    animation:cont4Text 1s 0.9s ease both;  
}
.cont5.play .cont5_even_list_box4{
    -webkit-animation:cont4Text 1s 1.2s ease both; 
    -moz-animation:cont4Text 1s 1.2s ease both;  
    -o-animation:cont4Text 1s 1.2s ease both;  
    -ms-animation:cont4Text 1s 1.2s ease both; 
    animation:cont4Text 1s 1.2s ease both;  
}

/*内容六*/
.cont6{width: 100%; height: 650px; background-color: #f4f5f6;}
.cont6_center{width: 1100px; height: 650px; overflow: hidden; background-color: #f4f5f6; margin: 0 auto 0;}
.cont6_title{display: block; width: 350px; height: 80px; margin: 65px auto 0; overflow: hidden; }
.cont6_title_p1{width: 100%; color: #222222; font-size: 36px; line-height: 52px; overflow: hidden; text-align: center;}
.cont6_title_inf{width: 350px; height: 40px; margin: 0 auto 0;}
.cont6_title_inf_s1{display: block; width: 90px; height: 1px; background-color: #e6e6e6; float: left; margin-top: 20px;}
.cont6_title_inf_s2{display: block; width: 165px; height: 40px; float: left; color: #d0d0d0; font-size: 14px; line-height: 40px; text-align: center;}
.cont6_title_inf_s3{display: block; width: 90px; height: 1px; background-color: #e6e6e6; float: left; margin-top: 20px;}

.cont6.play .cont6_title{
    -webkit-animation:cont4Text 1s 0s ease both; 
    -moz-animation:cont4Text 1s 0s ease both;  
    -o-animation:cont4Text 1s 0s ease both;  
    -ms-animation:cont4Text 1s 0s ease both; 
    animation:cont4Text 1s 0s ease both;  
}


.cont6_h2{width: 1100px; height: 70px; color: #696969; font-size: 24px; line-height: 70px; margin-top: 40px; text-align: center;}
.cont6.play .cont6_h2{
    -webkit-animation:cont4Text 1s 0.6s ease both; 
    -moz-animation:cont4Text 1s 0.6s ease both;  
    -o-animation:cont4Text 1s 0.6s ease both;  
    -ms-animation:cont4Text 1s 0.6s ease both; 
    animation:cont4Text 1s 0.6s ease both;  
}
.cont6_list{width: 1100px; height: 155px; margin: 88px auto 0;}
.cont6_list li{width: 80px; height: 155px; float: left;}
.cont6_list li a{display: block; overflow: hidden;}
.cont6_list_li2{margin-left: 64px;}
.cont6_list_icon1{display:block; width: 78px; height: 78px; background-position: 0 -191px; }
.cont6_list_icon2{display:block; width: 78px; height: 78px; background-position: -81px -191px; }
.cont6_list_icon3{display:block; width: 78px; height: 78px; background-position: -162px -191px; }
.cont6_list_icon4{display:block; width: 78px; height: 78px; background-position: -243px -191px; }
.cont6_list_icon5{display:block; width: 78px; height: 78px; background-position: -325px -191px; }
.cont6_list_icon6{display:block; width: 78px; height: 78px; background-position: -407px -191px; }
.cont6_list_icon7{display:block; width: 78px; height: 78px; background-position: -488px -191px; }
.cont6_list_icon8{display:block; width: 78px; height: 78px; background-position: -567px -191px; }
.cont6_list_text{display: block; width: 80px; height: 60px; color: #696969; font-size: 18px; line-height: 60px; text-align: center;}

.cont6_list_icon1:hover{
    -webkit-animation:cont6IconMove 0.5s 0s ease both; 
    -moz-animation:cont6IconMove 0.5s 0s ease both;  
    -o-animation:cont6IconMove 0.5s 0s ease both;  
    -ms-animation:cont6IconMove 0.5s 0s ease both; 
    animation:cont6IconMove 0.5s 0s ease both;  
}
.cont6_list_icon2:hover{
    -webkit-animation:cont6IconMove 0.5s 0s ease both; 
    -moz-animation:cont6IconMove 0.5s 0s ease both;  
    -o-animation:cont6IconMove 0.5s 0s ease both;  
    -ms-animation:cont6IconMove 0.5s 0s ease both; 
    animation:cont6IconMove 0.5s 0s ease both;  
}
.cont6_list_icon3:hover{
    -webkit-animation:cont6IconMove 0.5s 0s ease both; 
    -moz-animation:cont6IconMove 0.5s 0s ease both;  
    -o-animation:cont6IconMove 0.5s 0s ease both;  
    -ms-animation:cont6IconMove 0.5s 0s ease both; 
    animation:cont6IconMove 0.5s 0s ease both;  
}
.cont6_list_icon4:hover{
    -webkit-animation:cont6IconMove 0.5s 0s ease both; 
    -moz-animation:cont6IconMove 0.5s 0s ease both;  
    -o-animation:cont6IconMove 0.5s 0s ease both;  
    -ms-animation:cont6IconMove 0.5s 0s ease both; 
    animation:cont6IconMove 0.5s 0s ease both;  
}
.cont6_list_icon5:hover{
    -webkit-animation:cont6IconMove 0.5s 0s ease both; 
    -moz-animation:cont6IconMove 0.5s 0s ease both;  
    -o-animation:cont6IconMove 0.5s 0s ease both;  
    -ms-animation:cont6IconMove 0.5s 0s ease both; 
    animation:cont6IconMove 0.5s 0s ease both;  
}
.cont6_list_icon6:hover{
    -webkit-animation:cont6IconMove 0.5s 0s ease both; 
    -moz-animation:cont6IconMove 0.5s 0s ease both;  
    -o-animation:cont6IconMove 0.5s 0s ease both;  
    -ms-animation:cont6IconMove 0.5s 0s ease both; 
    animation:cont6IconMove 0.5s 0s ease both;  
}
.cont6_list_icon7:hover{
    -webkit-animation:cont6IconMove 0.5s 0s ease both; 
    -moz-animation:cont6IconMove 0.5s 0s ease both;  
    -o-animation:cont6IconMove 0.5s 0s ease both;  
    -ms-animation:cont6IconMove 0.5s 0s ease both; 
    animation:cont6IconMove 0.5s 0s ease both;  
}
.cont6_list_icon8:hover{
    -webkit-animation:cont6IconMove 0.5s 0s ease both; 
    -moz-animation:cont6IconMove 0.5s 0s ease both;  
    -o-animation:cont6IconMove 0.5s 0s ease both;  
    -ms-animation:cont6IconMove 0.5s 0s ease both; 
    animation:cont6IconMove 0.5s 0s ease both;  
}

@keyframes cont6IconMove{
    0%{
        transform: rotate(0deg); 
        -ms-transform: rotate(0deg); 
        -webkit-transform: rotate(0deg); 
        -o-transform: rotate(0deg); 
        -moz-transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg); 
        -ms-transform: rotate(360deg); 
        -webkit-transform: rotate(360deg); 
        -o-transform: rotate(360deg); 
        -moz-transform: rotate(360deg);
    }
}
@-moz-keyframes cont6IconMove{
    0%{
        transform: rotate(0deg); 
        -ms-transform: rotate(0deg); 
        -webkit-transform: rotate(0deg); 
        -o-transform: rotate(0deg); 
        -moz-transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg); 
        -ms-transform: rotate(360deg); 
        -webkit-transform: rotate(360deg); 
        -o-transform: rotate(360deg); 
        -moz-transform: rotate(360deg);
    }
}
@-webkit-keyframes cont6IconMove{
    0%{
        transform: rotate(0deg); 
        -ms-transform: rotate(0deg); 
        -webkit-transform: rotate(0deg); 
        -o-transform: rotate(0deg); 
        -moz-transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg); 
        -ms-transform: rotate(360deg); 
        -webkit-transform: rotate(360deg); 
        -o-transform: rotate(360deg); 
        -moz-transform: rotate(360deg);
    }
}
@-o-keyframes cont6IconMove{
    0%{
        transform: rotate(0deg); 
        -ms-transform: rotate(0deg); 
        -webkit-transform: rotate(0deg); 
        -o-transform: rotate(0deg); 
        -moz-transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg); 
        -ms-transform: rotate(360deg); 
        -webkit-transform: rotate(360deg); 
        -o-transform: rotate(360deg); 
        -moz-transform: rotate(360deg);
    }
}
@-ms-keyframes cont6IconMove{
    0%{
        transform: rotate(0deg); 
        -ms-transform: rotate(0deg); 
        -webkit-transform: rotate(0deg); 
        -o-transform: rotate(0deg); 
        -moz-transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg); 
        -ms-transform: rotate(360deg); 
        -webkit-transform: rotate(360deg); 
        -o-transform: rotate(360deg); 
        -moz-transform: rotate(360deg);
    }
}


.cont6.play .cont6_list{
    -webkit-animation:cont4Text 1s 1s ease both; 
    -moz-animation:cont4Text 1s 1s ease both;  
    -o-animation:cont4Text 1s 1s ease both;  
    -ms-animation:cont4Text 1s 1s ease both; 
    animation:cont4Text 1s 1s ease both;  
}

.cont6_btn_more{display: block; width: 130px; height: 46px; color: #1fb9ff; font-size: 16px; line-height: 44px; text-indent: 22px; border: 1px solid #1fb9ff; border-radius: 50px; margin: 30px auto 0; position: relative; }
.cont6_btn_more_text{display: block; width: 130px; height: 46px;}
.cont6_btn_more_icon{display: block; width: 10px; height: 14px; background-position: -47px -53px; position: absolute; top: 16px; right: 22px;}
.cont6_btn_more:hover{background-color: #1fb9ff; color: #fff; }
.cont6_btn_more:hover .cont6_btn_more_icon{background-position: -71px -53px; }

.cont6_btn_more:active{background-color: #0091d3; color: #fff; }
.cont6_btn_more:active .btn_lj_moer_icon{background-position: -71px -53px; }

.cont6.play .cont6_btn_more{
    -webkit-animation:cont4Text 1s 1.3s ease both; 
    -moz-animation:cont4Text 1s 1.3s ease both;  
    -o-animation:cont4Text 1s 1.3s ease both;  
    -ms-animation:cont4Text 1s 1.3s ease both; 
    animation:cont4Text 1s 1.3s ease both;  
}

/*内容七*/
.cont7{width: 100%; height: 724px; background: url("../../img/new_home/cont7_bg.jpg") 50% 0 no-repeat;}
.cont7_center{width: 1100px; height: 724px; background: url("../../img/new_home/cont7_bg.jpg") 50% 0 no-repeat; margin: 0 auto 0; overflow: hidden;}

.cont7_title{display: block; width: 350px; height: 80px; margin: 175px auto 0; overflow: hidden; }
.cont7_title_p1{width: 100%; color: #222222; font-size: 36px; line-height: 52px; overflow: hidden; text-align: center;}
.cont7_title_inf{width: 350px; height: 40px; margin: 0 auto 0;}
.cont7_title_inf_s1{display: block; width: 90px; height: 1px; background-color: #e6e6e6; float: left; margin-top: 20px;}
.cont7_title_inf_s2{display: block; width: 165px; height: 40px; float: left; color: #d0d0d0; font-size: 14px; line-height: 40px; text-align: center;}
.cont7_title_inf_s3{display: block; width: 90px; height: 1px; background-color: #e6e6e6; float: left; margin-top: 20px;}

.brand_number{width: 1100px; height: 50px; color: #696969; font-size: 24px; line-height: 50px; text-align: center; margin-top: 70px; }
.brand_number_text{color: #ff0000;}
.orders_number_text{color: #ff0000;}

.friend_box{width: 1100px; height: 96px; margin: 80px auto 0; overflow: hidden; position: relative;}
.friend_list{width: 1000px; height: 96px; position: absolute; top: 0px; left: 0px;}
.friend_list li{display: inline-block; width: 120px; height: 96px; overflow: hidden; float: left;}
.friend_list li img{display: block; margin: 0 auto 0;}

.cont7_btn_more{display: block; width: 158px; height: 46px; color: #1fb9ff; font-size: 16px; line-height: 44px; text-indent: 22px; border: 1px solid #1fb9ff; border-radius: 50px; margin: 50px auto 0; position: relative; }
.cont7_btn_more_text{display: block; width: 158px; height: 46px;}
.cont7_btn_more_icon{display: block; width: 10px; height: 14px; background-position: -47px -53px; position: absolute; top: 16px; right: 22px;}
.cont7_btn_more:hover{background-color: #1fb9ff; color: #fff; }
.cont7_btn_more:hover .cont7_btn_more_icon{background-position: -71px -53px; }

.cont7_btn_more:active{background-color: #0091d3; color: #fff; }
.cont7_btn_more:active .cont7_btn_more_icon{background-position: -71px -53px; }
.go_shop_center font{font-family: "宋体";}

/*页脚*/
.footer{width: 100%; height: 183px; background-color: #f0f0f0; }
.footer_center{width: 1100px; height: 183px; background-color: #f0f0f0; margin: 0 auto 0; overflow: hidden; position: relative;}
.footer_about{width: 1100px; overflow: hidden; margin-top: 80px;}
.footer_about_title{color: #696969; font-size: 12px; line-height: 30px; float: left; }
.footer_about_btn{width: 960px; overflow: hidden;}
.footer_about a{color: #696969; font-size: 12px; line-height: 30px; float: left; margin-left: 10px;}
.footer_about a:hover{text-decoration: underline;}
.footer_about font{color: #696969; font-size: 12px; line-height: 30px; float: left; margin: 0 3px 0 13px;}

.friend_href a{color: #696969; font-size: 12px; line-height: 30px; float: left; margin-left: 10px; margin-right: 5px; }
.friend_href a:hover{text-decoration: underline;}
.friend_href_btn{width: 960px; overflow: hidden;}

.mlj_inscribed{color: #696969; font-size: 12px; line-height: 30px; }
.mlj_inscribed span{margin-right: 10px;}

.footer_wx{display: block; width: 36px; height: 30px; background-position: -403px -95px; position: absolute; top: 137px; right: 258px;}
.footer_rzlm{display: block; width: 110px; height: 40px; background-position: -335px 0; position: absolute; top: 95px; right: 205px;}
.footer_wb{display: block; width: 37px; height: 34px; background-position: -465px 0; position: absolute; top: 100px; right: 150px;}
.footer_ewm{display: block; width: 75px; height: 75px; background-position: -529px 0; position: absolute; top: 70px; right: 50px;}

.Exhibitor{ width:1100px; height: 96px; overflow:hidden;}
.hl_main5_content{width:1100px; height:96px; float:left;}
.h1_main5_title{ height:30px; background:#999; line-height:30px; padding-left:10px; font-size:14px; font-weight:bold;}
.hl_main5_content1{width:1100px; overflow:hidden; float:left;}
.hl_main5_content1 ul{width:1100px; overflow:hidden; }
.hl_main5_content1 ul li{ float:left; width:120px; height: 96px; display:inline;}
.hl_main5_content1 ul li img{  }
.hl_scrool_leftbtn{width:14px; height:38px; float:left; margin-left:10px; margin-top:50px; cursor:pointer;}
.hl_scrool_rightbtn{width:14px; height:38px; float:right; margin-right:12px; margin-top:50px; cursor:pointer;}


.demoList { width:1229px; overflow:hidden;}
.demoList li { float:left; width:275px; margin-left: 30px; _display:inline; position:relative; z-index:0; overflow:hidden;}
/*.demoList li:hover { border:1px solid #000; background:#222; }*/
.demoList li a { display:block; width:275px; overflow:hidden; cursor:pointer; }
.demoList li samp,.demoList li div { height:150px; width:275px; position:absolute; left:5px; top:5px; z-index:1; }
.demoList li samp { background:url(images1/zoom.png) no-repeat center center; }
.demoList li div { background:#000; }
.demoList li span,.demoList li b {  display:block; position:absolute; left:5px; bottom:5px; width:90px; z-index:1; height:20px; text-align:center; line-height:20px; font-size:12px; color:#fff; text-shadow:1px 1px 0 #000; font-weight:normal; }
.demoList li span { background:#000; }
/* jQuery jcLightBox css */
#jc-Mod { position:absolute; z-index:99; display:none; left:0; right:0; bottom:0; top:0; cursor:pointer; }
#jc-Box { position:absolute; left:0; top:0; z-index:100; display:none; }
#box-top { height:24px; position:relative; background:url(images1/box-top.png) repeat-x 0 0; }
#box-top-left { background:url(images1/box-ra.png) no-repeat 0 0; height:24px; width:24px; position:absolute; left:-24px; top:0; }
#box-top-right { background:url(images1/box-ra.png) no-repeat -25px 0; height:24px; width:24px; position:absolute; right:-24px; top:0; }
#box-btm { height:24px; position:relative;  background:url(images1/box-bottom.png) repeat-x 0 0; }
#box-btm-left { background:url(images1/box-ra.png) no-repeat 0 -25px; height:22px; width:24px; position:absolute; left:-24px; top:0; }
#box-btm-right { background:url(images1/box-ra.png) no-repeat -25px -25px; height:22px; width:24px; position:absolute; right:-24px; top:0; }
#box-cen { background:url(images1/box-left.png) repeat-y 0 0; position:relative; left:-24px;}
#box-cen-right { background:url(images1/box-right.png) repeat-y right 0; position:relative; right:-48px;}
#box-cen-img { position:relative; left:-24px; background:#000; }
#box-pn { position:absolute; left:10px; top:32px; height:30px; width:70px; z-index:101; }
#box-prev { background:#000; float:left; width:32px; height:30px; cursor:pointer; }
#box-next { background:#000; float:right; width:32px; height:30px; cursor:pointer;}
#box-pn a { display:block; height:20px; position:relative; top:5px; left:5px; background:url(images1/sprite.png) no-repeat;}
#box-next a { background-position:0 -20px; }
#box-prev a { background-position:0 -40px; }
#box-close { background:url(images1/box-close.png) no-repeat; height:60px; width:42px; position:absolute; top:14px; right:-50px; cursor:pointer; z-index:101; }
#box-close a { display:block; height:20px; position:relative; top:20px; left:8px; background:url(images1/sprite.png) no-repeat 0 0;}
#box-text { height:50px; position:absolute; left:0; }
#box-text samp { display:block; position:absolute; background:url(img/arrow.png) no-repeat; height:12px; width:12px; left:48%; top:-8px; z-index:1;}
#box-text-left { background:url(images1/box-text.png) no-repeat; height:50px; width:10px; position:absolute; left:0; top:0;}
#box-text-cen { color:#fff; text-shadow:1px 1px 0 #000; text-align:center; background:url(images1/box-text-cen.png) repeat-x; height:50px; line-height:50px; margin:0 10px; padding:0 30px; font-size:15px;overflow:hidden;}
#box-text-right { background:url(images1/box-text.png) no-repeat right 0; height:50px; width:10px; position:absolute; right:0; top:0;}


.back_top{z-index:99999999;position: fixed; bottom: 10%; left: 0px; right: 0px; margin-left: 92%; background: #fff; display: block; width: 36px; height: 36px;}

.back_top{display: block; width: 35px; height: 35px;}
.back_top_icon{display: block; background-image: url(../../img/mljiav2/icons/icon_shopmain.png); background-position: -188px -67px; margin-left: -1px; margin-top: 0px; width: 35px; height: 35px; box-shadow: 0 1px 3px rgba(34, 25, 25, 0.2); } 
.back_top:hover .back_top_icon{display: block; background-image: url(../../img/mljiav2/icons/icon_shopmain.png); background-position: -288px -67px; margin-left: -1px; margin-top: 0px; width: 35px; height: 35px; box-shadow: 0 1px 3px rgba(34, 25, 25, 0.2); }
@media screen and (max-width: 1100px) {
    .back_top{display: none;}
}

.btn_reg:focus{outline: none; cursor:pointer; color:#fff;}

.btn_home{display: block; width: 124px; height: 36px; text-align: center; color: #ffffff; font-size: 14px; line-height: 36px; float: left; margin-top: 32px; background-color: #1fb9ff; border-radius: 25px; margin-left: 20px;}
.btn_home:hover{background-color: #1fb9ff; color: #fff;}
.btn_home:active{background-color: #00a3ed; color: #fff;}