*{
    margin: 0;
    padding: 0;
    border: 0;
}

body{
    font-size: 12px;
    font-family: '宋体';
    font-family: '黑体';
    font-family: '微软雅黑';
    font-family: 'Microsoft yahei';
    -webkit-text-size-adjust:none;
    background: #fff;
}
html,body{font-size:100px;}
a{text-decoration: none;}
ul,ol,li{list-style-type:none;}
table {border-collapse: collapse;border-spacing: 0;}
td, th { padding: 0;}
.inner {padding: 0 3%;}
.clear:before,.clear:after{content: '';display: table;}
.clear:after{clear: both;}

@font-face {font-family: "iconfont";
    src: url('../fonts/iconfont.eot?t=1460947200'); /* IE9*/
    src: url('../fonts/iconfont.eot?t=1460947200#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/iconfont.woff?t=1460947200') format('woff'), /* chrome, firefox */
    url('../fonts/iconfont.ttf?t=1460947200') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('../fonts/iconfont.svg?t=1460947200#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
    font-family:"iconfont" !important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
.icon-caidan:before { content: "\e790"; }
.icon-qietu02:before { content: "\e680"; }
.icon-icon43:before { content: "\e6c6"; }
.icon-qq:before { content: "\e648"; }
.icon-chevronleft:before { content: "\e61e"; }
.icon-chevronright:before { content: "\e620"; }
.icon-chevronrightcircle:before { content: "\e621"; }



.clear{clear:both;}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}




.content{width:5.68rem;margin:0 auto}

.main{
    position:relative;
    width:100%;
    background:url("../images/bg2.jpg") no-repeat top center;
    background-size:cover;
    /*opacity:0;*/
    overflow:hidden;
    transition:opacity .3s;
    -webkit-transition:opacity .3s;
}
.header{
    position:fixed;
    width:5.68rem;
    top:.1rem;
    left:50%;
    margin-left:-2.84rem;
}
.header .logo{
    position:relative;
    display:block;
    width:.44rem;
    height:.36rem;
    background:url("../images/logo.png") no-repeat left;
    background-size:100%;
    z-index:10;
    transition-property:transform,opacity;
    -webkit-transition-property:transform,opacity;
    -ms-transition-property:transform,opacity;
    -moz-transition-property:transform,opacity;
    -o-transition-property:transform,opacity;
    transition-duration:.3s;
    -webkit-transition-duration:.3s;
    -ms-transition-duration:.3s;
    -moz-transition-duration:.3s;
    -o-transition-duration:.3s;
    transition-delay:1s;
    -webkit-transition-delay:1s;
    -ms-transition-delay:1s;
    -moz-transition-delay:1s;
    -o-transition-delay:1s;
    /*transition:transform,opacity .3s linear 1s;*/
    /*-webkit-transition:transform,opacity .3s linear 1s;*/
    opacity:0;
    transform:translateX(-100%);
    -webkit-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
}
.menu{
    position:relative;
    float:right;
    /*min-width:.88rem;*/
    height:.37rem;
    top:.08rem;
    z-index:10;
    /*overflow:hidden;*/
    transition:all .3s linear 1s;
    -webkit-transition:all .3s ease 1s;
    opacity:0;
    transform:translateX(100%);
    -webkit-transform:translateX(100%);
    -ms-transform:translateX(100%);
}
.menu>span{
    float:right;
    display:block;
    width:.2rem;
    height:.21rem;
    text-align:center;
    line-height:.21rem;
    background:url("../images/btnbg.png") no-repeat center;
    background-size:100%;
    color:#a8a8a8;
    cursor:pointer;
    font-size:.12rem;
    background-position:-.006rem 0;
    /*transition:all .3s;*/
    /*-webkit-transition:all .3s;*/
}
.menu>span.active{
    background:url("../images/btnbg-1.png") no-repeat center;
    background-size:100%;
    color:#17b1f9
}
.menu li{
    position:absolute;
    width:.2rem;
    height:.21rem;
    text-align:center;
    line-height:.21rem;
    font-size:.06rem;
    border-radius:.13rem;
    z-index:1;
    opacity:1;
    filter:alpah(opacity=100);
    transition-property:opacity;
    transition-duration:.2s;
}
.menu li a{
    display:block;
    width:100%;
    height:100%;
    color:#c7c7c7;
    background:url("../images/icons.png") no-repeat;
    background-size:1.18rem;
    background-position:.5px 0;
}
.menu li:hover a{
    color:#011623;
    background:url("../images/icons.png") no-repeat;
    background-size:1.18rem;
    background-position:-.4rem 0;
}
.footer{
    position:absolute;
    color:#575757;
    font-size:.07rem;
    bottom:0;
    width:80%;
    left:10%;
}

.cnt{
    position:relative;
    top:.41rem;
}
.cnt>ul>li{
    position:absolute;
    width:1.21rem;
    height:1.23rem;
    left:50%;
    text-align:center;
    cursor:pointer;
    border-radius:50%;
    z-index:99998
}
.cnt>ul>li:hover{z-index:99999}
#a{margin-left:-.6rem}
#a.active{z-index:999999}
#b{margin-left:-1.16rem;top:.96rem}
#c{top:.96rem;margin-left:-.05rem}
#d{
    width:.8rem;
    height:.88rem;
    top:1.6rem;
    left:50%;
    margin-left:-.4rem;
    z-index:999999
}
#e{
    width:.4rem;
    height:.44rem;
    top:1.8rem;
    left:50%;
    margin-left:-.2rem;
    z-index:99997
}
#e .base_icon{
     width:.4rem;
     height:.44rem;
    padding-top:0;
 }
#e .base_icon div{height:100%;background-size:auto}
#d .base_name{
    position:absolute;
    left:50%;
    margin-left:-.6rem;
    top:-.2rem;
    opacity:0;
    filter:alpha(opacity=0);
    transition:all .4s;
    -webkit-transition:all .4s;
    transform:scale(0);
    -webkit-transform:scale(0);
    -ms-transform:scale(0)
}
#d:hover .base_name,#d .base_name.on{
    opacity:1;
    filter:alpha(opacity=100);
    transform:scale(1);
    -webkit-transform:scale(1);
    -ms-transform:scale(1)
}
.cnt>ul>li .base{
    position:relative;
    width:1.21rem;
    height:.81rem;
    padding-top:.45rem;
    background:url("../images/b1_03.png") no-repeat center;
    background-size:100%;
    opacity:0;
    transition:opacity .5s;
    -webkit-transition:opacity .5s;
    transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -ms-transform:scale(1.2);
}
.cnt>ul>li+li .base{transition-delay:.3s}
.cnt>ul>li+li+li .base{transition-delay:.6s}
#e .base{
    transition-delay:.9s
}

.base div{
    position:relative;
    width:100%;
    height:.3rem;
    background-repeat:no-repeat;
    background-position:center;
    background-size:100%;
}
/*.base h3{font-size:30px;color:#464546;margin-bottom:5px}*/
/*.base p{font-size:18px;color:#2e2d2d;font-family:Arial}*/
.packImg{
    position:absolute;
    width:.96rem;
    height:1.1rem;
    top:.08rem;
    left:50%;
    margin-left:-.48rem;
    z-index:11;
    transition:all .5s;
    -webkit-transition:all .5s;
    transform:scale(0);
    -webkit-transform:scale(0);
    -ms-transform:scale(0);
}
.packImg img{display:block;width:100%;}
#a .base{
    transition:transform .5s;
    -webkit-transition:transform .5s;
    z-index:10;
}
#a:hover .base{
    transform:scale(1.2)!important;
    -webkit-transform:scale(1.2)!important;
    -ms-transform:scale(1.2)!important;
}
#a:hover .packImg{
    transform:scale(1);
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
}


#layout{
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:#000;
    opacity:.4;
    z-index:999;
    display:none;
}
.carousel{
    position:absolute;
    width:4.4rem;
    height:1.6rem;
    left:50%;
    margin-left:-2.2rem;
    top:-.12rem;
    z-index:9999;
    opacity:0;
    filter:alpha(opacity=0);
    transition:all .4s;
    -webkit-transition:all .4s;
    transform:scale(0);
    -webkit-transform:scale(0);
    -ms-transform:scale(0);
}
.poster-main{
    position:relative;
    width:3.6rem!important;
    height:1.6rem;
    margin:0 auto;
}
.poster-main .poster-btn{
    position:absolute;
    top:0;
    width:.44rem;
    height:1.6rem;
    z-index:10;
    line-height:1.76rem;
    color:#777;
    text-align:center;
    font-size:.12rem;
    cursor:pointer;
}
.poster-main .pre{
    left:-.8rem;
}
.poster-main .next{
    right:-.8rem;
}
.poster-main .poster-list{
    width:3.38rem;
    height:1.6rem;
}
.poster-main a,.poster-main img{
    display:block;
}
.poster-main .poster-list .poster-item{
    position: absolute;
    top:0;
    left:0;
    background:url("../images/a1.png") no-repeat top;
    background-size:100%;
    padding:4% .11rem 0 .11rem;
    text-align:center;
}
.poster-item h3{
    font-size:.1rem;
    color:#000;
    font-weight:100;
}
.poster-item.onactive h3{
    font-size:.13rem;
}
/*.poster-item:first-child h3{font-size:30px;}*/
/*.poster-item+.poster-item h3{font-size:24px}*/
/*.poster-item+.poster-item+.poster-item h3{font-size:14px}*/
/*.poster-item+.poster-item+.poster-item+.poster-item+.poster-item{font-size:24px;}*/
.poster-item .fm{
    position:absolute;
    width:84%;
    height:51%;
    border-radius:8px;
    margin:0 auto;
    overflow:hidden;
    left:50%;
    margin-left:-42%;
    top:28%
}
.poster-item.onactive .fm{
    top:25%
}
.fm img{display:block;width:100%;height:100%}
.fm span{
    position:absolute;
    width:24%;
    height:40%;
    left:50%;
    margin-left:-12%;
    top:26%;
    background:url("../images/bf.png") no-repeat center;
    background-size:100%;
}
.fm span:hover{
    background:url("../images/bf2.png") no-repeat center;
    background-size:100%;
}
.poster-item p{
    position:absolute;
    font-size:.06rem;
    color:#000;
    bottom:10%;
    width:100%;
    left:50%;
    margin-left:-50%;
}
.poster-item.onactive p{
    font-size:.1rem;
}


#L1,#L2{
    position:absolute;
    width:.19rem;
    height:.2rem;
    top:.1rem;
    background:url("../images/icons.png") no-repeat;
    background-size:1.19rem;
    background-position:-.8rem 0;
    text-align:center;
    line-height:.2rem;
    font-size:14px;
    color:#424242;
    z-index:99
}
#L1:hover,#L2:hover{
    background:url("../images/icons.png") no-repeat center;
    background-position:-1rem 0;
    background-size:1.19rem;
}
#L1{left:1.08rem}
#L2{right:1.08rem;}
#close{
    position:absolute;
    width:.3rem;
    height:.12rem;
    line-height:.12rem;
    bottom:-.41rem;
    right:0;
    font-family:Arial;
    color:#17b1f9;
    font-size:12px;
    z-index:99;
}
#close .iconfont{vertical-align:middle;font-size:.12rem;}

#vedio{
    display:none;
    position:fixed;
    width:3.16rem;
    height:1.76rem;
    border:2px solid #525353;
    padding:14px;
    background:#000000;
    left:50%;
    margin-left:-1.58rem;
    top:.54rem;
    z-index:99999999
}
#vedio embed{width:100%;height:100%}
#vedio #tip{
    position:absolute;
    width:1.32rem;
    height:.58rem;
    padding-top:.17rem;
    background:url("../images/vbg.png") no-repeat center;
    text-align:center;
    font-size:18px;
    color:#fff;
    left:50%;
    margin-left:-.61rem;
    top:.44rem;
}
.btn-link{
    display:block;
    width:.52rem;
    height:.15rem;
    margin:0 auto;
    line-height:.15rem;
    color:#fff;
    font-size:14px;
    background:#0c86bf;
    margin-top:.07rem;
}
#vclose{
    position:absolute;
    width:.07rem;
    font-size:14px;
    color:#fff;
    right:-.13rem;
    top:0;
    cursor:pointer;
}

/**/
.pic{
    position:absolute;
    width:1.74rem;
    height:1.62rem;
    padding-top:.3rem;
    left:50%;
    margin-left:-.87rem;
    top:-.33rem;
    background:url("../images/a5-2.png") no-repeat center;
    background-size:100%;
    z-index:999;
    border-radius:28%;
    opacity:0;
    filter:alpha(opacity=0);
    transition:all .4s;
    -webkit-transition:all .4s;
    transform:scale(0);
    -webkit-transform:scale(0);
    -ms-transform:scale(0)
}
#List li:hover .pic{
    opacity:1;
    filter:alpha(opacity=100);
    transform:scale(1);
    -webkit-transform:scale(1);
    -ms-transform:scale(1)
}
.pic h3{font-size:.13rem;color:#000;margin-bottom:.07rem;font-weight:100}
.imgPlay{
    position:relative;
    width:1.55rem;
    margin:0 auto;
}
.imgPlay .imgCon{
    position:relative;
    width:1.55rem;
    height:.84rem;
    overflow:hidden;
}
.imgCon>img{
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    border-radius:5px;
    top:0;
    left:0;
    opacity:0;
    filter:alpha(opacity=0);
    z-index:0
}
.imgCon img:first-child{opacity:1;filter:alpha(opacity=100);z-index:1}
.imgNav{font-size:0;text-align:center;height:8px;margin-top:14px}
.imgNav span{
    display:inline-block;
    width:.03rem;
    height:.03rem;
    border-radius:50%;
    margin:0 .012rem;
    background:#3f3f3f;
}
.imgNav span.cur{background:#fff}
.pic_lay{
    display:none;
    position:fixed;
    width:3.3rem;
    height:1.8rem;
    margin-left:-1.65rem;
    left:50%;
    top:15%;
    z-index:99999;
    border:5px solid #c7c7c7;
}
.pic_lay img{
    display:block;
    width:100%;
    height:100%;
}
.pic_lay .btn-close{
    position:absolute;
    right: -.07rem;
    top: -.14rem;
    font-family:Arial;
    color:#17b1f9;
    font-size:.08rem;
    cursor:pointer;
}
.btn-close i{font-size:28px;vertical-align:middle}
.pic_lay .btnctrl{
    position:absolute;
   font-size:.15rem;
    color:#fff;
    top:.8rem;
    cursor:pointer;
}
.pic_lay .btn-prev{left:-.3rem}
.pic_lay .btn-next{right:-.3rem}


.contact{
    display:none;
    position:absolute;
    width:1.73rem;
    height:1.71rem;
    padding-top:.2rem;
    background:url("../images/a6.png") no-repeat center;
    background-size:100%;
    top:-1.5rem;
    left:50%;
    margin-left:-.86rem;
    z-index:999;
    border-radius:28%;
}
.contact .btn-close{
    font-size:.08rem;
    position:absolute;
    top:0;
    right:-.25rem;
    color:#fff
}
.contact h3{
    font-size:.13rem;
    margin-bottom:.06rem;
    font-weight:100;
}
.contact img{width:.6rem;height:.68rem;display:block;margin:0 auto;margin-bottom:.08rem;}
.contact p{font-size:14px;color:#494949;margin-bottom:15px;}
.contact #qq{
    display:none;
    width:.2rem;
    height:.22rem;
    line-height:.18rem;
    text-align:center;
    background:url("../images/icons.png") no-repeat center;
    background-position:-.58rem 0;
    margin:0 auto;
    font-size:28px;
    color:#2c2c2c
}
video{width:100%}

#loading {
    display: block;
    position: fixed;
    width: .68rem;
    height: .42rem;
    left: 50%;
    margin-left: -34rem;
    top: 40%
}
@media screen and (min-width:701px) and (max-width:1100px){
    html,body{font-size:171px!important;}
    .content{width:100%}
    .header{
        width:100%;
        left:0;
        margin-left:0;
    }
    .pic_lay .btn-close{top:-.18rem}
}
@media screen and (min-width:415px) and (max-width:700px){
    html,body{font-size:171px!important;}
}
@media screen and (min-width:376px) and (max-width:414px){
    html,body{font-size:64px}
}
@media screen and (min-width:361px) and (max-width:375px){
    html,body{font-size:58px}
}
@media screen and (min-width:321px) and (max-width:360px){
    html,body{font-size:56px}
}
@media screen  and (max-width:320px){
    html,body{font-size:50px}
}