/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote{margin:0;padding:0;}
body{font-family:"Microsoft YaHei",Helvetica,Georgia,Arial,sans-serif;}
p,h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;margin: 0}
address, caption, cite, code, dfn, em, th, var, optgroup{font-style:inherit;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
img{vertical-align:top;border:none;}
ol,ul,li{list-style:none;}
table{border-collapse:collapse;}
.clearit{clear:both;*display:inline;}
.h_20{width:100%;height:20px; float:left;}
.h_30{width:100%;height:30px; float:left;}
.h_40{width:100%;height:40px; float:left;}
.h_50{width:100%;height:50px; float:left;}
.h_60{width:100%;height:60px; float:left;}
.h_70{width:100%;height:70px;}
.h_90{width:100%;height:90px;}
.fl{float:left;}
.fr{float:right;}
i,em{font-style:normal;}
iframe{border: 0; padding: 0; margin: 0;}
ul{margin: 0; padding: 0;}
/*main*/
.wrap{width: 100%; height: auto; max-width: 1920px; min-width: 1280px; margin: 0 auto; position: relative;}
.bg1{width: 100%; height: 1000px; background: url("../images/bg118.jpg") no-repeat center top;position: relative;overflow: hidden}
.wrapper1{width: 1280px; height: 990px; padding-top: 10px; margin: 0 auto; position: relative;}
.top-nav{position: absolute; top: 17px; right: 12px; z-index: 11;}
.top_nav1{float: left; margin: 0 6px 0 0;}
.top_nav2{float: left; margin: 2px 6px 0 0;}
.top_nav3{float: left; margin: 2px 6px 0 0;}
.top_nav4{float: left; margin: 2px 9px 0 0;}
.share_sina{float: left; margin: 4px 6px 0 0;}
.share_wx{float: left; margin: 4px 6px 0 0;}
.share_tencent{float: left; margin: 4px 6px 0 0;}
.logo{position: absolute; top: 14px; left: 19px; z-index: 11;}
.new-guide{position: absolute; top: 546px; left: 474px; width: 120px; height: 247px; background: url("../images/guide.png") no-repeat center top;z-index: 20}
.new-guide a{float: left; width: 120px; height: 32px; margin:0 0 37px 0; position: relative;z-index: 11}
.new-guide a.guide1{height: 37px}
.jian{float: left; width: 120px; height: 117px; margin-top: -22px; background: url("../images/guide.png") -0px -270px no-repeat ; animation:st 1.5s .2s infinite; -ms-animation:st 1.5s .2s infinite; -webkit-animation:st 1.5s .2s infinite;}
@keyframes st{0%,100%{transform:translate(0,0px);} 50%{transform:translate(0,-18px);}}
@-ms-keyframes st{0%,100%{-ms-transform:translate(0,0px);} 50%{-ms-transform:translate(0,-18px);}}
@-webkit-keyframes st{0%,100%{-webkit-transform:translate(0,0px);} 50%{-webkit-transform:translate(0,-18px);}}
.tips{position: absolute; bottom: 206px; right: 180px; width: 125px;height: 160px;}
.tips a{ width: 125px;height: 160px;position: absolute;left: 1px;}
.yun1{position: absolute; bottom: 0; left: -1000px; width: 3274px; height: 279px; background: url("../images/yun.png") center; animation: yun 40s linear infinite; -webkit-animation: yun 40s linear infinite; z-index: 5;}
@keyframes yun{0%{background-position: 0 0;} 100%{background-position: 3374px 0;}}
@-webkit-keyframes yun{0%{background-position: 0 0;} 100%{background-position: 3374px 0;}}
.bg2{width: 100%; height: 1178px; background: url("../images/bg2.jpg") no-repeat center top;}
.wrapper2{width: 990px; height: 1170px; padding-top: 8px; margin: 0 auto;}
.title1{margin-left: 329px; opacity: 0;}
.focus{width: 990px; height: 320px; margin-top: 34px; overflow: hidden; opacity: 0;}
.hd{float: left; width: 287px; height: 320px; margin-right: 4px; background-color: #a2907d;}
.focus .hd ul li{width: 287px; height: 60px; text-align: center; font-size: 15px; line-height: 60px; margin-bottom: 5px;background: url("../images/tab.jpg") no-repeat center top;color: #ebe1d3;cursor: pointer}
.focus .hd ul li:hover, .focus .hd ul li.on{color: #705032;background: url("../images/tabc.jpg") no-repeat center top;}
.focus .bd{width: 699px; height: 320px;float: left}
.focus .bd ul{width: 699px; height: 320px}
.focus .bd li a{display: block; width: 699px; height: 320px;}
.title2{margin: 69px 0 0 329px; opacity: 0;}
.act-box{width: 100%; height: 274px; margin-top: 35px; text-align:center;}
    .act-box a {
        display:inline-block;
        margin:0 17px;
    }
.act1{width: 206px; height: 274px; background: url("../images/act4.png") no-repeat center top; opacity: 0;}
.act2{width: 206px; height: 274px; background: url("../images/act1.png") no-repeat center top; opacity: 0;}
.act3{width: 206px; height: 274px; background: url("../images/act6.png") no-repeat center top; opacity: 0;}
.act4{width: 206px; height: 274px; background: url("../images/act3.png") no-repeat center top; opacity: 0;}

.guide-box{width: 100%; height: 66px; margin-top: 105px; text-align: center;}
.guide-box p{float: left; font-size: 22px; color: #bab7b0; font-weight: bold; line-height: 66px;}
.guide-box a{display: inline-block; margin: 0 8px;}
.guide-box a div{float: left; margin: 16px 15px 0 50px;}
.ch-help{position: absolute; left: 0; bottom: 0; width: 100%; height: 56px; background: url("../images/bmbg.png") repeat;}
.chhelp{width: 430px; height: 25px; padding: 15px 0 10px 144px; margin: 0 auto; background: url("../images/bm_help.png") no-repeat left 10px;}
/*微锟斤拷*/
.wx-overlay{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 100; display: none;}
.overlayCon{position: fixed;width: 198px;height: 198px;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 110;}
.wx-overlay .close{position: absolute; right: -62px; top: 0;}
/*animate*/
.title1.animate{animation:fadeInDown 1s .2s ease both; -webkit-animation:fadeInDown 1s .2s ease both; -moz-animation:fadeInDown 1s .2s ease both;opacity: 1}
.title2.animate{animation:fadeInDown 1s .2s ease both; -webkit-animation:fadeInDown 1s .2s ease both; -moz-animation:fadeInDown 1s .2s ease both;opacity: 1}
.focus.animate{animation:fadeInLeft 1s .6s ease both; -webkit-animation:fadeInLeft 1s .6s ease both; -moz-animation:fadeInLeft 1s .6s ease both;opacity: 1}
.animate .act1{animation:fadeInDown 1s .2s ease both; -webkit-animation:fadeInDown 1s .2s ease both; -moz-animation:fadeInDown 1s .2s ease both;opacity: 1}
.animate .act2{animation:fadeInDown 1s .4s ease both; -webkit-animation:fadeInDown 1s .4s ease both; -moz-animation:fadeInDown 1s .4s ease both;opacity: 1}
.animate .act3{animation:fadeInDown 1s .6s ease both; -webkit-animation:fadeInDown 1s .6s ease both; -moz-animation:fadeInDown 1s .6s ease both;opacity: 1}
.animate .act4{animation:fadeInDown 1s .8s ease both; -webkit-animation:fadeInDown 1s .8s ease both; -moz-animation:fadeInDown 1s .8s ease both;opacity: 1}
@keyframes fadeInLeft{0%{opacity:0; transform:translateX(-40px)} 100%{opacity:1; transform:translateX(0)}}
@-webkit-keyframes fadeInLeft{0%{opacity:0; -webkit-transform:translateX(-40px)} 100%{opacity:1; -webkit-transform:translateX(0)}}
@-moz-keyframes fadeInLeft{0%{opacity:0; -moz-transform:translateX(-40px)} 100%{opacity:1; -moz-transform:translateX(0)}}
@keyframes fadeInRight{0%{opacity:0; transform:translateX(40px)} 100%{opacity:1; transform:translateX(0)}}
@-webkit-keyframes fadeInRight{0%{opacity:0; -webkit-transform:translateX(40px)} 100%{opacity:1; -webkit-transform:translateX(0)}}
@-moz-keyframes fadeInRight{0%{opacity:0; -moz-transform:translateX(40px)} 100%{opacity:1; -moz-transform:translateX(0)}}
@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)} 100%{opacity:1;transform:translateY(0)}}
@-ms-keyframes fadeInDown{0%{opacity:0;-ms-transform:translateY(-20px)} 100%{opacity:1;-ms-transform:translateY(0)}}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px)} 100%{opacity:1;-webkit-transform:translateY(0)}}
@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-20px)} 100%{opacity:1;-moz-transform:translateY(0)}}
/*sprite css*/
.title2{width: 398px;height: 71px;background: url("../images/sprite.png") -0px -0px no-repeat;}
.title1{width: 398px;height: 69px;background: url("../images/sprite.png") -0px -71px no-repeat;}
.guidebg2{width: 250px;height: 66px;background: url("../images/sprite.png") -0px -140px no-repeat;}
.guidebg1{width: 250px;height: 66px;background: url("../images/sprite.png") -250px -140px no-repeat;}
.top_nav1{width: 120px;height: 36px;background: url("../images/n1.png") no-repeat center top;}
.icon_new{width: 33px;height: 33px;background: url("../images/sprite.png") -398px -0px no-repeat;}
.icon_dow{width: 33px;height: 33px;background: url("../images/sprite.png") -431px -0px no-repeat;}
.icon_home{width: 33px;height: 33px;background: url("../images/sprite.png") -464px -0px no-repeat;}
.top_nav3{width: 106px;height: 32px;background: url("../images/sprite.png") -120px -206px no-repeat;}
.top_nav4{width: 106px;height: 32px;background: url("../images/sprite.png") -226px -206px no-repeat;}
.top_nav2{width: 106px;height: 32px;background: url("../images/sprite.png") -332px -206px no-repeat;}
.share_sina{width: 30px;height: 29px;background: url("../images/sprite.png") -398px -33px no-repeat;}
.share_wx{width: 30px;height: 29px;background: url("../images/sprite.png") -428px -33px no-repeat;}
.share_tencent{width: 30px;height: 29px;background: url("../images/sprite.png") -458px -33px no-repeat;}

.slogan18 {
    position: absolute;
    top: 20px;
    left: 267px;
    width: 800px;
    height: 472px;
    background: url("../images/slogan1.png") no-repeat center top;
}
.xinqu {
    position: absolute;
    top: 446px;
    left: 280px;
    width: 504px;
    height: 28px;
    background: url("../images/qu_info.png") no-repeat center top;
}
.movBtn_a {
    width: 103px;
    height: 93px;
    position: absolute;
    right: 196px;
    top: 122px;
    background: url("../images/mov_btn.png");
    z-index: 20;
    animation: Scale 1.2s infinite;
    -webkit-animation: Scale 1.2s infinite;
}
@keyframes Scale{
    0%,100% { transform: scale(.9,.9)}
    50% { transform: scale(1.1,1.1)}
}
@-webkit-keyframes Scale{
    0%,100% { -webkit-transform: scale(.9,.9)}
    50% { -webkit-transform: scale(1.1,1.1)}
}
#overlay_video {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: .8;
    z-index: 99;
    display: none;
}

.video_box {
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -230px 0 0 -443px;
    z-index: 100;
    width: 886px;
    height: 500px;
    display: none;
}

 video_close {
    width: 47px;
    height: 46px;
    cursor: pointer;
    position: absolute;
    text-indent: -9999px;
    top: -47px;
    right: 0px;
    background: url(../images/s1_close.png) center top no-repeat;
}