@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0; list-style:none; font-family:"微软雅黑"; }
a{ text-decoration:none}
.topper{ height:86px; background:#525252; width:100%;}
.topper img{ margin-top:10px}
.width{ width:1200px; margin:0 auto;}
.l{ float:left}
.r{ float:right}
.clear{ clear:both;}
.relative{ position:relative}
.absolute{ position:absolute;}
.nav{ display:block; height:86px;}
.nav li{ float:left; line-height:86px; font-size:20px; color:#C7C7C7;width:115px}
.nav li:first-child{ text-align:center;}
.nav li:last-child{ margin-right:0}
.nav li a{ font-size:20px; color:#C7C7C7 }
.nav li a:hover{ color:#8D8D8D}
.nav li a.active{ color:#8D8D8D}
.dropdowm{ width:100%; top:86px; left:0; background:#f8f8f8; border-bottom:1px solid #E5E5E5; z-index:9999; height:100px; display:none }

/*.banner{ height:840px; background:#f5f5f5}*/
.bannerbox ul{
    position: relative; height:840px
}
.bannerbox .neibanner{ height:850px; position:relative; background:url(../images/banner2.jpg) center no-repeat}
.bannerbox .neibanner1{ height:850px; position:relative; background:url(../images/banner3.jpg) center no-repeat}
.bannerbox .navtab{ width:20%; height:20px; line-height:20px; position:absolute; z-index:999; bottom:0; left:50%; margin-left:-1%;}
.bannerbox .navtab dl dd{ width:10px; height:10px; border-radius:5px; float:left; margin-right:5px; background:#000; cursor:pointer;}
.bannerbox .navtab dl dd.on{ background:#2a7ec6;}
.bannerbox ul li{
    list-style: none;
    width: 100%;
    height: 840px;
    position: absolute;
    left: 0;
    top: 0;
}
.bannerbox ul li{

    background-size: cover;
	 background-position:center bottom;
}

.bannerbox ul li .img1{
    position: absolute;
}
.containt-div{ width:1200px; position:relative; margin:0 auto; height:846px;}
/*banner-01*/
.baner-01-a{
    width: 488px;
    height:86px;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -310px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.baner-01-b{
    width:340px;
    height: 55px;
    top:0px;
    left: 50%;
    position: absolute;
    margin-left: -170px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.baner-02-a{
    width:470px;
    height:402px;
    position: absolute;
    top:222px;
    right: 0;

    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0; z-index:99；
}
.baner-02-b{
    width:0px;
    height: 0px;
    bottom:20px;
    left:40%;
    position: absolute;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0; z-index:999
}
.baner-03-a{
    width:738px;
    height:184px;
    position: absolute;
    bottom:74px;
	left:40%;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0; z-index:99；
}
.baner-03-b{
    width:0px;
    height:0px;
    bottom:170px;
	right:0;
    position: absolute;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0; z-index:999
}
/**************/
.blank{ height:102px; line-height:102px;}
.blank1{ height:60px; line-height:60px;}
.links{ height:44px; line-height:44px; color:#4B4B4B; font-size:16px;}
.links a{ color:#4B4B4B; font-size:16px;}

.footer{line-height:30px; text-align:center; font-size:13px; color:#848484;background:#F2F2F2; padding-top:11px; padding-bottom:11px; height:auto !important; overflow:hidden;}
.footer img{ margin-top:8px;}
.foot{ border-top:1px solid #D1D1D1; }
.footer a{ font-size:13px; color:#848484;}
.wow{ -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
.navposition{ line-height:32px; font-size:13px; color:#2A2720; border-bottom:1px solid #EEEEEE;}
.navposition a{ color:#2A2720; font-size:13px;}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}
.bdsharebuttonbox a{ background:url(../share.png) no-repeat; width:32px; height:32px; transition:all 0.5s ease;}
.bdsharebuttonbox a.bds_qzone{ background-position:-100px 0px}
.bdsharebuttonbox a.bds_tsina{background-position:0px 0px}
.bdsharebuttonbox a.bds_tqq{background-position:-66px 0px}
.bdsharebuttonbox a.bds_weixin{background-position:-33px 0px}
.bdsharebuttonbox a.bds_qzone:hover{ background-position:-100px -33px}
.bdsharebuttonbox a.bds_tsina:hover{background-position:0px -32px}
.bdsharebuttonbox a.bds_tqq:hover{background-position:-66px -32px}
.bdsharebuttonbox a.bds_weixin:hover{background-position:-33px -32px}
.zixun{ width:153px; height:161px; position:fixed; top:150px; right:10px; background:url(../images/zixun.fw.png)}