@charset "utf-8";

body{

   text-align: left;

    margin: 0px;

    font-family: arial, helvetica, sans-serif;

    color: #4e4e4e;

    font-size: 12px;

}

body{

   text-align: left;

    margin: 0px;

    font-family: arial, helvetica, sans-serif;

    color: #4e4e4e;

    font-size: 12px;

}

body{

   text-align: left;

    margin: 0px;

    font-family: arial, helvetica, sans-serif;

    color: #4e4e4e;

    font-size: 12px;

}

body{

   text-align: left;

    margin: 0px;

    font-family: arial, helvetica, sans-serif;

    color: #4e4e4e;

    font-size: 12px;

}

div{

   border-right-width: 0px;

    border-top-width: 0px;

    border-bottom-width: 0px;

    border-left-width: 0px;

    behavior: ;

}

ul li{

   list-style-type: none;

}

a:link{

   color: #4e4e4e;

    text-decoration: none;

}

a:visited{

   color: #4e4e4e;

    text-decoration: none;

}

a:hover{

   color: #4e4e4e;

    text-decoration: underline;

}

a:active{

   color: #4e4e4e;

    text-decoration: none;

}

.twz:link{

   color: #333;

    text-decoration: none;

}

.twz:visited{

   color: #333;

    text-decoration: none;

}

.twz:hover{

   color: #e20a0a;

    text-decoration: underline;

}

.twz:active{

   color: #333;

    text-decoration: none;

}

.a1d{

   line-height: 23px;

    font-family: 微软雅黑;

    color: #fff;

    font-size: 12px;

    font-weight: 100;

    text-decoration: none;

}

.a1d:link{

   color: #fff;

    text-decoration: none;

}

.a1d:visited{

   color: #fff;

    text-decoration: none;

}

.a1d:hover{

   color: #fff;

    text-decoration: underline;

}

.a1d:active{

   color: #fff;

    text-decoration: none;

}

.a1h{

   font-family: 微软雅黑;

    color: #fff;

    text-decoration: none;

}

.a1h:link{

   color: #fff;

    text-decoration: none;

}

.a1h:visited{

   color: #fff;

    text-decoration: none;

}

.a1h:hover{

   color: #fff;

    text-decoration: none;

}

.a1h:active{

   color: #fff;

    text-decoration: none;

}

.a11{

   line-height: 23px;

    font-family: 微软雅黑;

    color: #cacaca;

    font-size: 14px;

    font-weight: 100;

    text-decoration: none;

}

.a11:link{

   color: #cacaca;

    text-decoration: none;

}

.a11:visited{

   color: #cacaca;

    text-decoration: none;

}

.a11:hover{

   color: #cacaca;

    text-decoration: underline;

}

.a11:active{

   color: #cacaca;

    text-decoration: none;

}

.a1{

   line-height: 23px;

    font-family: 微软雅黑;

    color: #b1b1b1;

    font-weight: 100;

    text-decoration: none;

}

.a1:link{

   color: #fff;

    text-decoration: none;

}

.a1:visited{

   color: #fff;

    text-decoration: none;

}

.a1:hover{

   color: #fff;

    text-decoration: underline;

}

.a1:active{

   color: #fff;

    text-decoration: none;

}

.a1c{

   line-height: 40px;

    font-family: arial, helvetica, sans-serif;

    color: #fff;

    font-size: 14px;

    font-weight: bold;

    text-decoration: none;

}

.a1c:link{

   color: #fff;

    font-size: 14px;

    text-decoration: none;

}

.a1c:visited{

   color: #fff;

    font-size: 14px;

    text-decoration: none;

}

.a1c:hover{

   color: #fff;

    font-size: 14px;

}

.a1c:active{

   color: #fff;

    font-size: 14px;

    text-decoration: none;

}

.a1t{

   line-height: 30px;

    font-family: 微软雅黑;

    color: #fff;

    font-size: 12px;

    font-weight: bold;

    text-decoration: underline;

}

.a1t:link{

   color: #fff;

    font-size: 12px;

    text-decoration: underline;

}

.a1t:visited{

   color: #fff;

    font-size: 12px;

    text-decoration: underline;

}

.a1t:hover{

   color: #fff;

    font-size: 12px;

    text-decoration: none;

}

.a1t:active{

   color: #fff;

    font-size: 12px;

    text-decoration: underline;

}

.a1b{

   line-height: 29px;

    font-family: 微软雅黑;

    color: #fff;

    font-size: 15px;

    font-weight: bold;

    text-decoration: none;

}

.a1b:link{

   color: #fff;

    text-decoration: none;

}

.a1b:visited{

   color: #fff;

    text-decoration: none;

}

.a1b:hover{

   color: #fff;

    text-decoration: underline;

}

.a1b:active{

   color: #fff;

    text-decoration: none;

}

.a1bm{

   font-family: 微软雅黑;

    color: #585858;

    font-size: 12px;

    font-weight: bold;

    text-decoration: none;

}

.a1bm:link{

   color: #585858;

    text-decoration: none;

}

.a1bm:visited{

   color: #585858;

    text-decoration: none;

}

.a1bm:hover{

   color: #585858;

    text-decoration: underline;

}

.a1bm:active{

   color: #585858;

    text-decoration: none;

}

.a1b2{

   line-height: 45px;

    font-family: 微软雅黑;

    color: #fff;

    font-size: 15px;

    font-weight: bold;

    text-decoration: none;

}

.a1b2:link{

   color: #fff;

    text-decoration: none;

}

.a1b2:visited{

   color: #fff;

    text-decoration: none;

}

.a1b2:hover{

   color: #fff;

    text-decoration: none;

}

.a1b2:active{

   color: #fff;

    text-decoration: none;

}

.a1b2bb{

   line-height: 35px;

    font-family: 微软雅黑;

    color: #fff;

    font-size: 15px;

    font-weight: bold;

    text-decoration: none;

}

.a1b2:link{

   color: #fff;

    text-decoration: none;

}

.a1b2:visited{

   color: #fff;

    text-decoration: none;

}

.a1b2:hover{

   color: #fff;

    text-decoration: none;

}

.a1b2:active{

   color: #fff;

    text-decoration: none;

}

.a1b22{

   line-height: 40px;

    font-family: 微软雅黑;

    color: #fff;

    font-size: 18px;

    font-weight: bold;

    text-decoration: none;

}

.a1b22:link{

   color: #fff;

    text-decoration: none;

}

.a1b22:visited{

   color: #fff;

    text-decoration: none;

}

.a1b22:hover{

   color: #fff;

    text-decoration: none;

}

.a1b22:active{

   color: #fff;

    text-decoration: none;

}

.a4{

   line-height: 24px;

    font-family: 微软雅黑;

    color: #1c7800;

    font-size: 12px;

    font-weight: bold;

    text-decoration: underline;

}

.a4:link{

   color: #1c7800;

    text-decoration: underline;

}

.a4:visited{

   color: #1c7800;

    text-decoration: none;

}

.a4:hover{

   color: #1c7800;

    text-decoration: none;

}

.a4:active{

   color: #1c7800;

    text-decoration: none;

}

.aabb{

   line-height: 40px;

    font-family: georgia, "times new roman", times, serif;

    color: #fff;

    font-size: 14px;

    font-weight: 100;

    text-decoration: none;

}

.aab{

   line-height: 40px;

    font-family: 微软雅黑;

    color: #fff;

    font-size: 18px;

    font-weight: bold;

    text-decoration: none;

}

.aab:link{

   color: #fff;

    text-decoration: none;

}

.aab:visited{

   color: #fff;

    text-decoration: none;

}

.aab:hover{

   color: #fff;

    text-decoration: none;

}

.aab:active{

   color: #fff;

    text-decoration: none;

}

.aabc{

   line-height: 32px;

    font-family: arial, helvetica, sans-serif;

    color: #1e1e20;

    font-size: 18px;

    font-weight: bold;

    text-decoration: none;

}

.aabc:link{

   color: #1e1e20;

    text-decoration: none;

}

.aabc:visited{

   color: #1e1e20;

    text-decoration: none;

}

.aabc:hover{

   color: #1e1e20;

    text-decoration: none;

}

.aabc:active{

   color: #1e1e20;

    text-decoration: none;

}

.a2{

   line-height: 30px;

    width: 140px;

    font-family: 微软雅黑;

    float: left;

    height: 40px;

    color: #444;

    font-size: 30px;

    text-decoration: none;

}

.a2s{

   text-transform: uppercase;

    width: 130px;

    float: left;

    color: #777;

    font-size: 17px;

    text-decoration: none;

    padding-top: 12px;

}

.a3{

   line-height: 24px;

    color: #c19733;

    font-size: 12px;

    font-weight: bold;

    text-decoration: none;

}

.a3:link{

   color: #c19733;

    font-size: 12px;

    font-weight: bold;

    text-decoration: underline;

}

.a3:visited{

   color: #c19733;

    font-size: 12px;

    font-weight: bold;

    text-decoration: none;

}

.a3:hover{

   color: #c19733;

    font-size: 12px;

    font-weight: bold;

    text-decoration: none;

}

.a3:active{

   color: #c19733;

    font-size: 12px;

    font-weight: bold;

    text-decoration: none;

}

img{

   border-right-width: 0px;

    border-top-width: 0px;

    border-bottom-width: 0px;

    border-left-width: 0px;

    behavior: ;

}

#soso{

   margin: auto;

    width: 1200px;

}

#box_so{

   text-align: left;

    padding-left: 0px;

    width: 545px;

    float: right;

    overflow: hidden;

}

div{

   border-right-width: 0px;

    border-top-width: 0px;

    border-bottom-width: 0px;

    border-left-width: 0px;

    behavior: ;

}

#cd{

   font-family: 微软雅黑;

    color: #fff;

    font-size: 14px;

    padding-top: 30px;

}

.aa_show a.two{

   display: block;

    color: #fff;

}

.aa_hide a.two{

   display: none;

    color: #fff;

}

.jl{

   float: left;

}

.jl3{

   float: left;

    padding-top: 2px;

}

.jl2{

   float: left;

    margin-left: 11px;

}

.jl4{

   padding-left: 10px;

    float: left;

    padding-top: 6px;

}

.jr{

   padding-right: 0px;

    float: right;

}

.jr2{

   padding-left: 10px;

    float: right;

}

.j2{

   float: left;

    padding-top: 6px;

}

.j3{

   float: left;

    padding-top: 4px;

}

.j4{

   padding-left: 8px;

    float: left;

    padding-top: 4px;

}

#line{

   n: n;

}

.l_menu{

   z-index: 9998;

    position: fixed;

    text-align: center;

    background-color: #8219a8;

    width: 80px;

    height: 100px;

    overflow: visible !important;

    top: -100px;

    left: 50px;

}

#biga{

   margin: auto;

    width: 100%;

    background: url(/uploads/image/img/big1.jpg) no-repeat center top;

    height: 100%;

}

#bigb{

   margin: auto;

    width: 100%;

    background: url(/uploads/image/img/big2.jpg) no-repeat center top;

    height: 950px;

}

#bigc{

   margin: auto;

    width: 100%;

    background: url(/uploads/image/img/big3.jpg) no-repeat center top;

    height: 950px;

}

#bigd{

   margin: auto;

    width: 100%;

    background: url(/uploads/image/img/big4.jpg) no-repeat center top;

    height: 950px;

}

#bige{

   margin: auto;

    width: 100%;

    background: url(/uploads/image/img/big5.jpg) no-repeat center top;

    height: 950px;

}

#bigdi{

   background-color: #2d2828;

    margin: auto;

    width: 100%;

    overflow: hidden;

}

#bigdi_nr{

   margin: auto;

    width: 1200px;

}

#bigdi_li{

   padding-right: 20px;

    float: left;

}

#bigdi_lir{

   padding-right: 20px;

    float: right;

}

#jtel{

   border-bottom: #433e3e 1px solid;

    padding-bottom: 8px;

    margin-top: 10px;

    padding-left: 40px;

    width: 140px;

    font-family: arial, helvetica, sans-serif;

    margin-bottom: 13px;

    background: url(/uploads/image/img/index_67.jpg) no-repeat left top;

    float: left;

    height: 28px;

    color: #fff;

    font-size: 18px;

    padding-top: 4px;

}

#fx{

   width: 160px;

    float: left;

}

#bigdi_lir2{

   padding-right: 20px;

    float: right;

}

#bottom{

   margin: auto;

    width: 100%;

}

#bottom_nr{

   margin: auto;

    width: 1200px;

}

#box_root{

   width: 100%;

    float: none;

    height: 100%;

}

#b_t_a{

   text-align: center;

    margin: auto;

    width: 100%;

    height: 60px;

    font-size: 38px;

}

#b_t_az{

   text-align: center;

    margin: auto;

    width: 100%;

    height: 60px;

    font-size: 38px;

}

#b_t_a1{

   text-align: center;

    margin: auto;

    width: 100%;

    height: 60px;

    color: #fff;

    font-size: 38px;

}

#b_t_a3{

   text-align: center;

    margin: auto;

    width: 100%;

    height: 60px;

    color: #296fa9;

    font-size: 38px;

}

#b_t_b3{

   text-align: center;

    line-height: 42px;

    margin: auto auto 70px;

    width: 100%;

    font-family: 微软雅黑;

    background: url(/uploads/image/img/f.png) no-repeat center 50%;

    height: 42px;

    color: #fff;

    font-size: 15px;

}

#b_t_b3:hover{

   text-align: center;

    line-height: 42px;

    margin: auto auto 70px;

    width: 100%;

    font-family: 微软雅黑;

    background: url(/uploads/image/img/f2.png) no-repeat center 50%;

    height: 42px;

    color: #fff;

    font-size: 15px;

}

#b_t_bz{

   text-align: center;

    line-height: 32px;

    text-transform: uppercase;

    margin: auto auto 0px;

    width: 100%;

    font-family: arial, helvetica, sans-serif;

    background: url(/uploads/image/img/line.png) no-repeat center 50%;

    height: 32px;

    font-size: 15px;

}

#b_t_cz{

   text-align: center;

    line-height: 42px;

    margin: auto auto 70px;

    width: 100%;

    font-family: 微软雅黑;

    height: 42px;

    font-size: 15px;

}

#b_t_b{

   text-align: center;

    margin: auto auto 60px;

    width: 100%;

    font-family: arial, helvetica, sans-serif;

    background: url(/uploads/image/img/line.png) no-repeat center 50%;

    font-size: 15px;

}

#b_t_b1{

   text-align: center;

    margin: auto auto 20px;

    width: 100%;

    font-family: arial, helvetica, sans-serif;

    background: url(/uploads/image/img/line2.png) no-repeat center 50%;

    color: #fff;

    font-size: 15px;

}

#b_t_b2{

   text-align: center;

    margin: auto auto 35px;

    width: 100%;

    color: #fff;

    font-size: 14px;

}

#b_t_b4b{

   text-align: center;

    line-height: 42px;

    margin: auto auto 80px;

    width: 100%;

    font-family: arial, helvetica, sans-serif;

    background: url(/uploads/image/img/line4.png) no-repeat center 50%;

    height: 42px;

    color: #296fa9;

    font-size: 14px;

}

#box_cp{

   margin: auto;

    width: 1320px;

    overflow: hidden;

}

.n_cp{

   n: n;

}

#b_lia1{

   text-align: left;

    width: 370px;

    float: left;

}

#b_lia{

   text-align: left;

    padding-bottom: 25px;

    background-color: #8219a8;

    padding-left: 25px;

    width: 320px;

    padding-right: 25px;

    float: left;

    height: 383px;

    color: #fff;

    padding-top: 25px;

}

#b_lia a:link{

   color: #fff;

    text-decoration: none;

}

#b_lia a:visited{

   color: #fff;

    text-decoration: none;

}

#b_lia a:hover{

   color: #fff;

    text-decoration: underline;

}

#b_lia a:active{

   color: #fff;

    text-decoration: none;

}

#b_lib{

   text-align: left;

    padding-bottom: 25px;

    background-color: #fff;

    padding-left: 25px;

    width: 320px;

    padding-right: 25px;

    float: left;

    height: 383px;

    color: #686868;

    padding-top: 25px;

}

#b_lib1{

   text-align: left;

    width: 370px;

    float: left;

    margin-left: 45px;

}

#b_lib a:link{

   color: #666;

    text-decoration: none;

}

#b_liba:visited{

   color: #666;

    text-decoration: none;

}

#b_lib a:hover{

   color: #666;

    text-decoration: underline;

}

#b_lib a:active{

   color: #666;

    text-decoration: none;

}

#b_lic{

   text-align: left;

    padding-bottom: 25px;

    background-color: #fff;

    padding-left: 25px;

    width: 320px;

    padding-right: 25px;

    float: right;

    height: 383px;

    color: #686868;

    padding-top: 25px;

}

#b_lic1{

   text-align: left;

    width: 370px;

    float: right;

}

#b_lic a:link{

   color: #666;

    text-decoration: none;

}

#b_lic a:visited{

   color: #666;

    text-decoration: none;

}

#b_lic a:hover{

   color: #666;

    text-decoration: underline;

}

#b_lic a:active{

   color: #666;

    text-decoration: none;

}

#b_lia_a{

   text-align: center;

    padding-bottom: 10px;

    margin-top: 10px;

    width: 100%;

    background: url(/uploads/image/img/line.png) no-repeat center 14px;

    float: left;

    height: 40px;

    font-size: 18px;

    font-weight: 100;

}

#b_lia_a_a{

   text-align: center;

    padding-bottom: 10px;

    margin-top: 10px;

    width: 100%;

    background: url(/uploads/image/img/line2.png) no-repeat center 14px;

    float: left;

    height: 40px;

    font-size: 18px;

    font-weight: 100;

}

#b_lia_b{

   width: 100%;

    float: left;

}

#b_lia_c{

   padding-bottom: 20px;

    line-height: 22px;

    width: 100%;

    float: left;

    height: 105px;

    font-size: 12px;

    padding-top: 20px;

}

#b_lia_c2{

   padding-bottom: 20px;

    line-height: 22px;

    width: 100%;

    float: left;

    height: 100px;

    font-size: 12px;

    padding-top: 25px;

}

#j{

   text-align: center;

    width: 100%;

    float: left;

}

#jmore2{

   border-bottom: #ccc 3px solid;

    text-align: center;

    border-left: #ccc 3px solid;

    line-height: 100px;

    margin: auto;

    width: 100px;

    height: 100px;

    color: #fff;

    font-size: 22px;

    border-top: #ccc 3px solid;

    border-right: #ccc 3px solid;

    border-radius: 50%;

    -webkit-transition: background 0.3s ease 0s;

    transition: background 0.3s ease 0s;

}

#jmore2 a:link{

   color: #fff;

    text-decoration: none;

}

#jmore2 a:visited{

   color: #fff;

    text-decoration: none;

}

#jmore2 a:hover{

   color: #fff;

}

#jmore2 a:active{

   color: #fff;

    text-decoration: none;

}

#jmore2:hover{

   border-bottom: #d373f4 3px solid;

    text-align: center;

    border-left: #d373f4 3px solid;

    line-height: 100px;

    background-color: #333;

    margin: auto;

    width: 100px;

    height: 100px;

    color: #333;

    font-size: 22px;

    border-top: #d373f4 3px solid;

    border-right: #d373f4 3px solid;

    border-radius: 50%;

    -webkit-transition: background 0.3s ease 0s;

    transition: background 0.3s ease 0s;

}

#jmore{

   border-bottom: #cb66ee 1px solid;

    text-align: center;

    border-left: #cb66ee 1px solid;

    padding-bottom: 7px;

    width: 90px;

    margin-bottom: 10px;

    float: left;

    border-top: #cb66ee 1px solid;

    border-right: #cb66ee 1px solid;

    padding-top: 7px;

}

#jmore:hover{

   border-bottom: #979898 1px solid;

    text-align: center;

    border-left: #979898 1px solid;

    padding-bottom: 7px;

    background-color: #000;

    width: 90px;

    margin-bottom: 10px;

    float: left;

    border-top: #979898 1px solid;

    border-right: #979898 1px solid;

    padding-top: 7px;

}

#jmore3{

   border-bottom: #686868 1px solid;

    text-align: center;

    border-left: #686868 1px solid;

    padding-bottom: 7px;

    width: 90px;

    margin-bottom: 10px;

    float: left;

    border-top: #686868 1px solid;

    border-right: #686868 1px solid;

    padding-top: 7px;

}

#jmore4{

   border-bottom: #686868 1px solid;

    text-align: center;

    border-left: #686868 1px solid;

    padding-bottom: 7px;

    line-height: 20px;

    margin-top: 20px;

    width: 100px;

    margin-bottom: 10px;

    float: left;

    border-top: #686868 1px solid;

    border-right: #686868 1px solid;

    padding-top: 7px;

    transition: all 0.3s;

}

#jmore4:hover{

   border-bottom: #686868 1px solid;

    text-align: center;

    border-left: #686868 1px solid;

    padding-bottom: 7px;

    line-height: 20px;

    background-color: #000;

    margin-top: 20px;

    width: 100px;

    margin-bottom: 10px;

    float: left;

    border-top: #686868 1px solid;

    border-right: #686868 1px solid;

    padding-top: 7px;

}

#jmore4:hover a:link{

   color: #fff;

    text-decoration: none;

}

#jmore4:hover a:visited{

   color: #fff;

    text-decoration: none;

}

#jmore4:hover a:hover{

   color: #fff;

    text-decoration: underline;

}

#jmore4:hover a:active{

   color: #fff;

    text-decoration: none;

}

#news_big{

   margin: auto;

    width: 1200px;

}

#news_big_left{

   padding-bottom: 10px;

    background-color: #fff;

    margin-top: 20px;

    padding-left: 10px;

    width: 239px;

    padding-right: 10px;

    float: left;

    height: 188px;

    overflow: hidden;

    padding-top: 10px;

}

#news_big_left_a{

   width: 239px;

    height: 188px;

    overflow: hidden;

    backface-visibility: hidden;

    transition: all 0.8s;

}

#news_big_left_a img:hover{

   background-color: #fff;

    width: 239px;

    float: left;

    transition: all 0.6s;

    transform: scale(1.15);

}

#news_big_right{

   padding-left: 40px;

    width: 890px;

    float: left;

}

#box_news_big_right_a{

   border-bottom: #999 1px dashed;

    padding-bottom: 10px;

    width: 100%;

    float: left;

}

#box_news_big_right_b{

   padding-bottom: 30px;

    width: 100%;

    float: left;

    padding-top: 20px;

}

#browser_ie{

   background-color: #f6f6b4;

    font-family: 微软雅黑;

    height: 85px;

    color: #000;

    font-size: 15px;

}

#browser_ie .brower_info{

   margin: 0px auto;

    width: 800px;

    padding-top: 12px;

}

#browser_ie .brower_info .notice_info{

   position: relative;

    margin-top: 5px;

    float: left;

}

#browser_ie .brower_info .notice_info p{

   text-align: left;

    line-height: 25px;

    width: 360px;

    display: inline-block;

}

#browser_ie .browser_list{

   position: relative;

    float: left;

}

#browser_ie .browser_list img{

   width: 40px;

    height: 40px;

}

#browser_ie .browser_list span{

   text-align: center;

    width: 80px;

    display: inline-block;

}

.wap{

   position: relative;

    width: 100%;

}

.banner2{

   position: relative;

    width: 100%;

    overflow: hidden;

}

.banner_list{

   z-index: 5;

    position: absolute;

    padding-bottom: 0px;

    margin: 0px;

    padding-left: 0px;

    width: 100%;

    padding-right: 0px;

    height: 100%;

    top: 0px;

    padding-top: 0px;

    left: 0px;

}

.banner_list > li{

   position: absolute;

    width: 100%;

    height: 100%;

    top: 0px;

    left: 0px;

}



.content:after{

   display: block;

    height: 0px;

    visibility: hidden;

    clear: both;

    content: "";

}

.list-find li a{

   line-height: 80px;

    font-family: arial;

    color: #666;

    font-size: 22px;

}

.list-find li{

   margin-right: 40px;

}

.list-find li a:hover{

   color: #e60012;

}

.list-find .ys a{

   color: #e60012;

}

.pro-list .lus li .img{

   margin-bottom: 28px;

}

.index-head{

   z-index: 330;

    position: fixed;

    width: 100%;

    background:  repeat-x;

    height: 85px;

}

.header3 li a{

   padding-bottom: 0px;

    line-height: 85px;

    padding-left: 10px;

    padding-right: 10px;

    display: block;

    font-family: "ss";

    color: #fff;

    font-size: 14px;

    padding-top: 0px;

}

.header3 li a:hover{

   color: #e72026;

}

.header3 li{

   float: left;

}

.beback{

   position: absolute;

    line-height: 18px;

    padding-left: 30px;

    font-family: "ss";

    background:  no-repeat;

    height: 18px;

    color: #666;

    font-size: 16px;

    top: 40px;

    right: 60px;

}

.beback:hover{

   color: #e72026;

}

.s-say{

   padding-top: 40px;

}

.s-say a{

   line-height: 30px;

    padding-left: 20px;

    background:  no-repeat left center;

    float: right;

    color: #fff;

}

.index-head .logo{

   position: absolute;

    width: 314px;

    float: left;

    height: 95px;

}

#box_header{

   z-index: 99999;

    position: fixed;

    margin: auto;

    height: 85px;

}

.header{

   n: n;

}

.index-head .overs{

   margin-right: 42px;

}

.box_header{

   margin: 0px auto;

    width: 100%;

    background: url(/uploads/image/img/topbg.png) left top;

}

.header .ul{

   padding-right: 10px;

    background:  no-repeat right center;

    float: right;

}

.header .qh{

   position: relative;

    width: 104px;

    background:  no-repeat left center;

    float: left;

    height: 21px;

    cursor: pointer;

}

.header .qh dl{

   position: absolute;

    padding-bottom: 10px;

    display: none;

    background: #fff;

    top: 55px;

    padding-top: 14px;

    left: 4px;

}

.header3 .qh dd a{

   min-width: 106px;

    line-height: 38px;

    text-indent: 14px;

    display: block;

    color: #666;

    font-size: 14px;

}

.header3 .qh i{

   position: absolute;

    width: 18px;

    display: none;

    background:  no-repeat;

    height: 9px;

    top: 46px;

    right: -10px;

}

.header3 .qh dd a:hover{

   color: #e72026;

}

.header3 .qh dd{

   border-bottom: #efefef 1px solid;

    margin: 0px 7px;

}

.header3 .atn{

   padding-bottom: 0px;

    margin-top: 30px;

    padding-left: 14px;

    padding-right: 14px;

    background:  no-repeat right center;

    float: right;

    margin-right: 10px;

    padding-top: 0px;

}

.header3 .atn span{

   line-height: 22px;

    display: none;

    font-family: arial;

    color: #fff;

    margin-left: 27px;

    font-size: 14px;

}

.header3 .finds{

   margin-top: 0px;

    width: 19px;

    display: block;

    background: url(/uploads/image/img/so.png) no-repeat;

    float: right;

    height: 16px;

}

.header3 .finds:hover{

   margin-top: 0px;

    width: 19px;

    display: block;

    background: url(/uploads/image/img/so4.png) no-repeat;

    float: right;

    height: 16px;

}

.header3 .tclose{

   background: url(/uploads/image/img/so2.png) no-repeat center center;

}

.boxbtn{

   z-index: 999999;

    position: absolute;

    width: 100%;

    display: none;

    background: url(/uploads/image/img/sobg.png) left top;

    height: 200px;

    top: 85px;

    left: 0px;

}

.boxbtn i{

   position: absolute;

    width: 13px;

    display: block;

    background:  no-repeat;

    height: 8px;

    top: -8px;

    right: 42px;

}

*{

   border-bottom: 0px;

    border-left: 0px;

    padding-bottom: 0px;

    list-style-type: none;

    margin: 0px;

    outline-style: none;

    outline-color: invert;

    padding-left: 0px;

    outline-width: medium;

    padding-right: 0px;

    border-top: 0px;

    border-right: 0px;

    padding-top: 0px;

}

#top_c_l{

   text-align: center;

    line-height: 85px;

    padding-left: 7px;

    width: 70px;

    padding-right: 7px;

    font-family: 微软雅黑;

    float: left;

    height: 85px;


    color: #fff;

    font-size: 16px;

    font-weight: 100;

}

#top_c_l:hover{

   text-align: center;

    line-height: 85px;

    padding-left: 7px;

    width: 70px;

    padding-right: 7px;

    font-family: 微软雅黑;

    background:  no-repeat center bottom;

    float: left;

    height: 85px;

    color: #fff;

    font-size: 16px;

    font-weight: 100;

    text-decoration: none;

    animation-duration: 0.5s;

    -webkit-animation-name: rubberband;

    animation-name: rubberband;

    animation-timing-function: linear;

    animation-times: 1;

}

#top_c_l a:link{

   color: #fff;

    text-decoration: none;

}

#top_c_l a:visited{

   color: #fff;

    text-decoration: none;

}

#top_c_l a:hover{

   color: #fff;

    text-decoration: none;

}

#top_c_l a:active{

   color: #fff;

    text-decoration: none;

}

.wrapper{

   width: 700px;

    float: left;

}

*{

   border-bottom: 0px;

    border-left: 0px;

    padding-bottom: 0px;

    list-style-type: none;

    margin: 0px;

    outline-style: none;

    outline-color: invert;

    padding-left: 0px;

    outline-width: medium;

    padding-right: 0px;

    border-top: 0px;

    border-right: 0px;

    padding-top: 0px;

}

#m{

   text-align: center;

    line-height: 42px;

    margin: 30px auto auto;

    width: 1200px;

    font-family: 微软雅黑;

    color: #fff;

    font-size: 22px;

}

#m_a{

   width: 399px;

    background: #fff;

    float: left;

    height: 282px;

    color: #444;

    padding-top: 50px;

}

#m_b{

   width: 399px;

    background: #9917c7;

    float: left;

    height: 282px;

    padding-top: 50px;

}

#m_a:hover{

   width: 399px;

    background: #666;

    float: left;

    height: 282px;

    color: #fff;

    padding-top: 50px;

    transition: all 0.3s;

}

#m_b:hover{

   width: 399px;

    background: #666;

    float: left;

    height: 282px;

    padding-top: 50px;

    transition: all 0.3s;

}

#box_tmenu{

   margin: auto;

    width: 1200px;

}

#m_a a{

   line-height: 28px;

    color: #444;

    font-size: 14px;

    text-decoration: none;

}

#m_a:hover a{

   line-height: 28px;

    color: #fff;

    font-size: 14px;

    text-decoration: none;

}

#m_a:hover a:link{

   color: #fff;

    text-decoration: none;

}

#m_a:hover a:visited{

   color: #fff;

    text-decoration: none;

}

#m_a:hover a:hover{

   color: #fff;

    text-decoration: underline;

}

#m_a:hover a:active{

   color: #fff;

    text-decoration: none;

}

#m_b a{

   line-height: 28px;

    color: #fff;

    font-size: 14px;

    text-decoration: none;

}

#m_b a:link{

   color: #fff;

    text-decoration: none;

}

#m_b a:visited{

   color: #fff;

    text-decoration: none;

}

#m_b a:hover{

   color: #fff;

    text-decoration: underline;

}

#m_b a:active{

   color: #fff;

    text-decoration: none;

}

.top1{

   position: relative;

    filter: alpha(opacity=0);

    top: -20px;

    -moz-opacity: 0;

    opacity: 0;

    -khtml-opacity: 0;

}

.top2{

   position: relative;

    filter: alpha(opacity=0);

    top: 40px;

    -moz-opacity: 0;

    opacity: 0;

    -khtml-opacity: 0;

}

.top3{

   position: relative;

    filter: alpha(opacity=0);

    top: -65px;

    -moz-opacity: 0;

    opacity: 0;

    -khtml-opacity: 0;

}

#abbig{

   margin: auto;

    width: 100%;

    overflow: hidden;

}

#abbig_pro{

   margin: auto;

    width: 100%;

    background:  no-repeat center 0px;

    height: 100%;

    overflow: hidden;

}

#abbig_news{

   margin: auto;

    width: 100%;

    background:  no-repeat center 0px;

    height: 100%;

    overflow: hidden;

}

#abbig_zs{

   margin: auto;

    width: 100%;

    background: url(/uploads/image/img/zs.jpg) no-repeat center 0px;

    height: 100%;

    overflow: hidden;

}

#abbig_js{

   margin: auto;

    width: 100%;

    background:  no-repeat center 0px;

    height: 100%;

    overflow: hidden;

}

#abbig_ca{

   margin: auto;

    width: 100%;

    background: url(/uploads/image/img/caca.jpg) fixed no-repeat center 0px;

    height: 100%;

    overflow: hidden;

}

#abbig_pp{

   margin: auto;

    width: 100%;

    background:  fixed no-repeat center 0px;

    height: 100%;

    overflow: hidden;

}

#abpro{

   padding-bottom: 100px;

    margin: 220px auto auto;

    width: 100%;

    overflow: hidden;

}

#abnews{

   padding-bottom: 100px;

    margin: 100px auto auto;

    width: 100%;

    overflow: hidden;

    padding-top: 100px;

}

#abnewsca{

   padding-bottom: 0px;

    margin: 100px auto auto;

    width: 1200px;

    overflow: hidden;

    padding-top: 100px;

}

#abnews_a{

   background-color: #000;

    width: 600px;

    float: left;

    height: 300px;

}

#abnews_b{

   background-color: #fff;

    width: 600px;

    float: left;

    height: 800px;

}

#abpro_e1{

   text-align: center;

    line-height: 55px;

    margin: auto auto 30px;

    width: 850px;

    color: #fff;

    font-size: 33px;

}

#box_newsa_ty{

   padding-bottom: 60px;

    margin: auto;

    width: 1000px;

}

#news_list1 #box_newsa_ty{

   padding-bottom: 60px;

    margin: auto;

    width: 350px;

}







#box_js_ty{

   padding-bottom: 60px;

    margin: auto;

    width: 850px;

}

#box_newsa_ty2{

   padding-bottom: 60px;

    margin: auto;

    width: 520px;

}

#abpro_a{

   text-align: center;

    margin: auto auto 0px;

    width: 1200px;

    font-family: "microsoft yahei", 微软雅黑;

    height: 55px;

    color: #fff;

    font-size: 28px;

    font-weight: 100;

}

#abpro_a2{

   text-align: center;

    margin: auto auto 0px;

    width: 1200px;

    font-family: "microsoft yahei", 微软雅黑;

    height: 55px;

    color: #444;

    font-size: 22px;

    font-weight: 100;

}

#abnr_b_nr{

   text-align: center;

    margin: auto;

    width: 1200px;

    padding-top: 30px;

}

#abpro_e{

   text-align: center;

    text-transform: uppercase;

    margin: auto;

    width: 1200px;

    height: 55px;

    color: #fff;

    font-size: 45px;

}

#abpro_e2{

   text-align: center;

    text-transform: uppercase;

    margin: auto;

    width: 1200px;

    height: 55px;

    color: #444;

    font-size: 45px;

}

#abpro_b{

   text-align: center;

    margin: auto;

    width: 1200px;

    font-family: "microsoft yahei", 微软雅黑;

    height: 40px;

    color: #ccc;

}

#abpro_bb{

   border-bottom: #888 1px solid;

    text-align: center;

    border-left: #888 1px solid;

    line-height: 40px;

    margin: auto;

    width: 600px;

    font-family: "microsoft yahei", 微软雅黑;

    height: 40px;

    color: #ccc;

    border-top: #888 1px solid;

    border-right: #888 1px solid;

}

#box_newsa{

   margin: auto;

    width: 1200px;

    font-family: "microsoft yahei", 微软雅黑;

    padding-top: 70px;

}

#box_jma{

   margin: auto;

    width: 1200px;

    padding-top: 100px;

}

#box_jma_nr{

   position: relative;

    /*background-color: #ffffff;*/

    margin: auto;

    width: 1200px;

    overflow: hidden;

    top: 30px;

    padding-top: 50px;

    -moz-opacity: 0;

    opacity: 0;

    -khtml-opacity: 0;

}

#box_caa{

   margin: auto;

    width: 1200px;

    font-family: "microsoft yahei", 微软雅黑;

    color: #fff;

    overflow: hidden;

    padding-top: 20px;

}

#jinca{

   padding-bottom: 60px;

    margin: auto auto 0px;

    width: 100%;

    background: url(/uploads/image/img/topbg2.png) left top;

    padding-top: 30px;

}

#box_cpce{

   margin: auto;

    width: 1200px;
    margin-top:20px;

}

#abflash{

   margin: auto;

    width: 100%;

    font-family: 微软雅黑;

    background: url(/uploads/image/img/abb.jpg) no-repeat center top;

    height: 200px;

    padding-top: 300px;

    -webkit-animation: breathebg 6s ease-in-out infinite alternate;

    animation: breathebg 6s ease-in-out infinite alternate;

    -moz-animation: breathebg 6s ease-in-out infinite alternate;

    -o-animation: breathebg 6s ease-in-out infinite alternate;

}

#abflash_a{

   text-align: center;

    padding-bottom: 20px;

    margin: auto;

    width: 1200px;

    font-family: 微软雅黑;

    height: 50px;

    color: #fff;

    font-size: 33px;

}

#abflash_ty{

   text-align: center;

    margin: auto;

    width: 640px;

}

#abflash_ty_m{

   text-align: center;

    padding-bottom: 8px;

    background-color: #2d2828;

    width: 140px;

    float: left;

    color: #fff;

    margin-left: 10px;

    font-weight: bold;

    margin-right: 10px;

    padding-top: 8px;

    transition: all 0.3s;

}

#abflash_ty_m:hover{

   text-align: center;

    padding-bottom: 8px;

    background-color: #9917c7;

    width: 140px;

    float: left;

    color: #fff;

    margin-left: 10px;

    font-weight: bold;

    margin-right: 10px;

    padding-top: 8px;

}

#abnr{

   padding-bottom: 40px;

    margin: auto;

    width: 100%;

    padding-top: 40px;

}

#abnr2{

   padding-bottom: 100px;

    margin: auto;

    width: 1200px;

    padding-top: 80px;

}

#abnr_a{

   padding-bottom: 0px;

    margin: auto;

    width: 1200px;

    overflow: hidden;

}

#abnr_a_a{

   text-align: center;

    width: 100%;

    font-family: 微软雅黑;

    float: left;

    height: 80px;

    font-size: 22px;

    padding-top: 0px;

}

#abnr_a_nr_li{

   width: 360px;

    float: left;

    height: 230px;

}

#abnr_a_nr_li_wz{

   text-align: center;

    line-height: 40px;

    background-color: #333;

    width: 100%;

    font-family: "microsoft yahei", 微软雅黑;

    float: left;

    height: 40px;

    color: #fff;

    font-size: 22px;

    transition: all 0.3s;

}

#abnr_a_nr_li_wz:hover{

   text-align: center;

    line-height: 40px;

    background-color: #9917c7;

    width: 100%;

    font-family: "microsoft yahei", 微软雅黑;

    float: left;

    height: 40px;

    color: #fff;

    font-size: 22px;

}

#abnr_a_nr_li2{

   padding-bottom: 50px;

    padding-left: 60px;

    width: 360px;

    float: left;

}

#abnr_a_a1{

   text-align: center;

    margin: 20px auto auto;

    width: 1200px;

    height: 45px;

    font-size: 40px;

}

#abnr_a_nr{

   padding-bottom: 60px;

    line-height: 37px;

    width: 100%;

    font-family: 微软雅黑;

    float: left;

    font-size: 14px;

    padding-top: 0px;

}

#abnr_a_nr_l{

   width: 680px;

    float: left;

    padding-top: 20px;

}

#abnr_a_nr_r{

   text-align: right;

    width: 471px;

    float: right;

}

#abnr_a_nr_r1{

   width: 100%;

    float: left;

    height: 125px;

}

#abnr_a_nr_r2{

   width: 100%;

    float: left;

}

#abnr_b{

   margin: auto;

    width: 100%;

    background:  no-repeat center 0px;

    height: 470px;

    padding-top: 50px;

}

#abnr_c{

   text-align: center;

    margin: auto;

    width: 1200px;

    padding-top: 50px;

}

#abnr_d{

   background-color: #fff;

    margin: auto;

    width: 1200px;

    height: 400px;

}

*{

   border-bottom: 0px;

    border-left: 0px;

    padding-bottom: 0px;

    list-style-type: none;

    margin: 0px;

    outline-style: none;

    outline-color: invert;

    padding-left: 0px;

    outline-width: medium;

    padding-right: 0px;

    border-top: 0px;

    border-right: 0px;

    padding-top: 0px;

}

*{

   border-bottom: 0px;

    border-left: 0px;

    padding-bottom: 0px;

    list-style-type: none;

    margin: 0px;

    outline-style: none;

    outline-color: invert;

    padding-left: 0px;

    outline-width: medium;

    padding-right: 0px;

    border-top: 0px;

    border-right: 0px;

    padding-top: 0px;

}

#top{

   position: fixed;

    margin: auto;

    width: 100%;

    font-family: 微软雅黑;

    background: url(/uploads/image/img/topbgbgab.png) center top;

    height: 85px;

    top: -100px;

}

#top_bg{

   position: relative;

    background-color: #000;

    margin: auto;

    width: 100%;

    font-family: 微软雅黑;

    height: 85px;

    top: 400px;

}

#sobig{

   margin: auto;

    width: 600px;

}

#sobig_top{

   text-align: center;

    padding-bottom: 20px;

    width: 100%;

    float: left;

    color: #fff;

    font-size: 22px;

    padding-top: 40px;

}

#box_sobig_nr{

   background-color: #fff;

    width: 100%;

    float: left;

}

#top_l{

   z-index: 9999;

    position: absolute;

    padding-left: 30px;

    width: 250px;

    top: 0px;

    padding-top: 4px;

    left: 0px;

    
    
    
}

#box_top_c{

   z-index: 9999;

    position: absolute;

    margin: auto;

    width: 820px;

    color: #fff;

    font-size: 14px;

    top: 0px;

    right: 0px;

    left: 0px;

}

#top_r{

   width:160px;

    float: right;

    padding-top: 5px;
    
    padding-right:0px;

}

#top_r_bq{

   width: 60px;

    float: left;

    color: #fff;

    padding-top: 32px;

}

#box_top_r_bq{

   width: 130px;

    float: left;

    padding-top: 25px;

}

#bq{

   text-align: center;

    line-height: 30px;

    background-color: #000;

    width: 30px;

    display: inline-block;

    float: left;

    height: 30px;

    color: #fff;

    margin-left: 8px;

    font-size: 12px;

    border-radius: 50%;

    -webkit-transition: background 0.3s ease 0s;

    transition: background 0.3s ease 0s;

}

#bq:hover{

   text-align: center;

    line-height: 30px;

    background-color: #666;

    width: 30px;

    display: inline-block;

    float: left;

    height: 30px;

    color: #fff;

    margin-left: 8px;

    font-size: 12px;

    border-radius: 50%;

    -webkit-transition: background 0.3s ease 0s;

    transition: background 0.3s ease 0s;

}

#bq2{

   text-align: center;

    line-height: 30px;

    background-color: #000;

    width: 30px;

    display: inline-block;

    float: left;

    height: 30px;

    color: #fff;

    margin-left: 10px;

    font-size: 12px;

    border-radius: 50%;

    -webkit-transition: background 0.3s ease 0s;

    transition: background 0.3s ease 0s;

}

#bq2:hover{

   text-align: center;

    line-height: 30px;

    background-color: #666;

    width: 30px;

    display: inline-block;

    float: left;

    height: 30px;

    color: #fff;

    margin-left: 10px;

    font-size: 12px;

    border-radius: 50%;

    -webkit-transition: background 0.3s ease 0s;

    transition: background 0.3s ease 0s;

}

#so{

   line-height: 40px;

    margin-top: 20px;

    padding-left: 20px;

    width: 19px;

   

    float: left;

    height: 40px;

    padding-top: 10px;
    

}

#box_footer{

   background-color: #2d2828;

    width: 100%;

    font-family: "microsoft yahei", 微软雅黑;

}

#elem-frontpublic_trust01-1456739717586{

   position: absolute;

    top: 234px;

    left: 510px;

}

#box_footer_text{

   margin: auto;

    width: 1200px;

    font-family: 微软雅黑;

    height: 180px;

    overflow: hidden;

    padding-top: 30px;
    
    padding-bottom:0px;

}

#dnr{

   margin: auto;

    width: 1200px;

}

#box_footer_text .t{

   height: 30px;

    color: #fff;

    font-size: 15px;

    font-weight: bold;

}

#box_footer_text li{

   line-height: 24px;

    list-style-type: none;

    height: 24px;

}

#box_footer_text li a{

   color: #9c9b9b;

}

#box_footer_text li a:hover{

   color: #fff;

}



#box_footer_text .about_l{

   padding-left: 0px;

    padding-right: 60px;

    float: left;

}

.about_r{

   padding-left: 0px;

    width: 210px;

    padding-right: 0px;

    float: right;

    color: #fff;

    font-size: 15px;

}

#box_footer_text .products{

   border-left: #444 1px solid;

    padding-left: 15px;

    width: 145px;

    float: left;

    height: 160px;

}

#box_footer_text .news{

   border-left: #444 1px solid;

    padding-left: 15px;

    width: 145px;

    float: left;

    height: 160px;

}

#box_footer_text .join{

   border-left: #444 1px solid;

    padding-left: 15px;

    width: 145px;

    float: left;

    height: 160px;

}

#box_footer_text .contact{

   border-left: #444 1px solid;

    padding-left: 15px;

    width: 145px;

    float: left;

    height: 160px;

}

#box_footer_text .contact_r{

   padding-bottom: 12px;


    padding-left: 12px;

    padding-right: 12px;

    float: right;

    padding-top: 0px;

}

#box_footer_text .contact_r:hover{

   padding-bottom: 12px;

    padding-left: 12px;

    padding-right: 12px;

    float: right;

    padding-top: 12px;

}

.jdd{

}

.jdd:hover{

   animation-duration: 0.5s;

    -webkit-animation-name: bounce;

    animation-name: bounce;

    -webkit-transform-origin: center bottom;

    -ms-transform-origin: center bottom;

    transform-origin: center bottom;

    animation-timing-function: linear;

    animation-times: 1;

}

.jdd2{

}

.jdd2:hover{

   animation-duration: 0.5s;

    -webkit-animation-name: rubberband;

    animation-name: rubberband;

    animation-timing-function: linear;

    animation-times: 1;

}

#box_footer_copyrigh{

   background-color: #013d70;

    margin: 0px auto;

    width: 100%;

    height: 60px;

    color: #fff;

    overflow: hidden;

    padding-top: 12px;
    padding-bottom:5px;

}

#box_abpro{

   margin: 210px auto auto;

    width: 100%;

}

*{

   border-bottom: 0px;

    border-left: 0px;

    padding-bottom: 0px;

    list-style-type: none;

    margin: 0px;

    outline-style: none;

    outline-color: invert;

    padding-left: 0px;

    outline-width: medium;

    padding-right: 0px;

    border-top: 0px;

    border-right: 0px;

    padding-top: 0px;

}

#jmore2{

   border-bottom: #d373f4 2px solid;

    text-align: center;

    border-left: #d373f4 2px solid;

    line-height: 100px;

    margin: 60px auto auto;

    width: 100px;

    font-family: 微软雅黑;

    height: 100px;

    color: #fff;

    font-size: 22px;

    border-top: #d373f4 2px solid;

    border-right: #d373f4 2px solid;

    border-radius: 50%;

    -webkit-transition: background 0.3s ease 0s;

    transition: background 0.3s ease 0s;

}

#jmore2 a:link{

   color: #fff;

    text-decoration: none;

}

#jmore2 a:visited{

   color: #fff;

    text-decoration: none;

}

#jmore2 a:hover{

   color: #fff;

}

#jmore2 a:active{

   color: #fff;

    text-decoration: none;

}

#jmore2:hover{

   border-bottom: #d373f4 3px solid;

    text-align: center;

    border-left: #d373f4 3px solid;

    line-height: 100px;

    background-color: #222;

    margin: 60px auto auto;

    width: 100px;

    height: 100px;

    color: #333;

    font-size: 22px;

    border-top: #d373f4 3px solid;

    border-right: #d373f4 3px solid;

    border-radius: 50%;

    -webkit-transition: background 0.3s ease 0s;

    transition: background 0.3s ease 0s;

}

.jz1{

   position: relative;

    filter: alpha(opacity=0);

    top: -40px;

    -moz-opacity: 0;

    opacity: 0;

    -khtml-opacity: 0;

}

.jz2{

   position: relative;

    filter: alpha(opacity=0);

    top: 40px;

    -moz-opacity: 0;

    opacity: 0;

    -khtml-opacity: 0;

}

.jz3{

   position: relative;

    top: 30px;

    -moz-opacity: 0;

    opacity: 0;

    -khtml-opacity: 0;

}

.jz4{

   position: relative;

    filter: alpha(opacity=0);

    top: -40px;

    -moz-opacity: 0;

    opacity: 0;

    -khtml-opacity: 0;

}

.jz5{

   position: relative;

    filter: alpha(opacity=0);

    top: 40px;

    -moz-opacity: 0;

    opacity: 0;

    -khtml-opacity: 0;

}

.jz6{

   position: relative;

    top: 30px;

    -moz-opacity: 0;

    opacity: 0;

    -khtml-opacity: 0;

}

.jz7{

   position: relative;

    top: 60px;

    -moz-opacity: 0;

    opacity: 0;

    -khtml-opacity: 0;

}

.jz8{

   position: relative;

    top: 90px;

    -moz-opacity: 0;

    opacity: 0;

    -khtml-opacity: 0;

}

.y1{

   position: relative;

    filter: alpha(opacity=0);

    top: 40px;

    -moz-opacity: 0;

    opacity: 0;

    -khtml-opacity: 0;

}

.y2{

   position: relative;

    filter: alpha(opacity=0);

    top: 40px;

    -moz-opacity: 0;

    opacity: 0;

    -khtml-opacity: 0;

}

.y3{

   position: relative;

    top: 40px;

    -moz-opacity: 0;

    opacity: 0;

    -khtml-opacity: 0;

}

.y4{

   position: relative;

    top: 70px;

    -moz-opacity: 0;

    opacity: 0;

    -khtml-opacity: 0;

}

.y5{

   position: relative;

    top: 80px;

    -moz-opacity: 0;

    opacity: 0;

    -khtml-opacity: 0;

}

.y6{

   position: relative;

    top: 90px;

    -moz-opacity: 0;

    opacity: 0;

    -khtml-opacity: 0;

}

*{

   border-bottom: 0px;

    border-left: 0px;

    padding-bottom: 0px;

    list-style-type: none;

    margin: 0px;

    outline-style: none;

    outline-color: invert;

    padding-left: 0px;

    outline-width: medium;

    padding-right: 0px;

    border-top: 0px;

    border-right: 0px;

    padding-top: 0px;

}

.contentbox{

   margin: 2em auto auto;

    width: 1000px;

    clear: left;

}

.qcontainer{

   width: 360px;

    float: left;

    margin-right: 0px;

    -webkit-perspective: 900;

    -moz-perspective: 900;

}

.film{

   width: 100%;

    height: 230px;

    -moz-transition: 0.6s;

    -webkit-transition: 0.6s;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

}

.qcontainer:hover .film{

   -webkit-transform: rotatey(180deg);

    -moz-transform: rotatey(180deg);

}

.face{

   position: absolute;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

}

.face h3{

   text-align: center;

    color: white;

}

.back{

   width: 360px;

    background:  no-repeat center top;

    height: 230px;

    -webkit-transform: rotatey(180deg);

    -moz-transform: rotatey(180deg);

}

.foot{

   position: fixed;

    text-align: center;

    bottom: 20px;

    font-family: "微软雅黑"；;

    color: #fff;

    margin-left: -180px;

    font-size: 12px;

    left: 50%;

}

#top_la{

   width: 56px;

    float: left;

    height: 54px;

    padding-top: 11px;
    display:none;

}

#top_l2{

   padding-left: 7px;
    width: 200px;
    float: left;
    padding-top:15px;

}



#top_ldd{

   width: 56px;

    background:  no-repeat center 50%;

    height: 54px;

    transform: translate3d(0, 0, 0);

    -webkit-animation: play 3s linear infinite;

    animation: play 3s linear infinite;

    -moz-animation: play 3s linear infinite;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

}



@-webkit-keyframes play{

    0%  {

        /*

        水平翻转

        */

        -webkit-transform:rotatey(0deg);

        /*

        垂直翻转

        -webkit-transform:rotatex(0deg);

        顺时针旋转




        -webkit-transform:rotate(0deg);

        逆时针旋转




        -webkit-transform:rotate(0deg);

        */

    }

    100% {

        /* 水平翻转 */

        -webkit-transform:rotatey(360deg);

        /* 垂直翻转

        -webkit-transform:rotatex(360deg);

        顺时针旋转




        -webkit-transform:rotate(360deg);

        逆时针旋转




        -webkit-transform:rotate(-360deg);

        */

    }

}

@-moz-keyframes play{

    0%  {

        -moz-transform:rotatey(0deg);

        /*

        -moz-transform:rotatex(0deg);

        -moz-transform:rotate(0deg);

        -moz-transform:rotate(0deg);

        */

    }

    100% {

        -moz-transform:rotatey(360deg);

        /*

        -moz-transform:rotatex(360deg);

        -moz-transform:rotate(360deg);

        -moz-transform:rotate(-360deg);

        */

    }

}

@keyframes play{

    0%  {

        transform:rotatey(0deg);

        /*

        transform:rotatex(0deg);

        transform:rotate(0deg);

        transform:rotate(0deg);

        */

    }

    100% {

        transform:rotatey(360deg);

        /*

        transform:rotatex(360deg);

        transform:rotate(360deg);

        transform:rotate(-360deg);

        */

    }

}