html { overflow-x:hidden;}
h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{ margin:0; padding:0; }
body{ margin:0;padding:0; font-size:12px; font-family:"Microsoft Yahei";   color:#333;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:100; overflow:hidden;}
img,fieldset,iframe,table{ border:0;}
img { border: none; vertical-align: top; }
input,button,textarea,select{ font-size:12px;}
ul,ol,dl,dt,dd,li{ list-style:none;}
b{ font-weight:100; overflow:hidden;}
em,i{ font-style:normal; }
area { outline:none; border:none;}
a{ color:#333; text-decoration:none; cursor:pointer;}
a:hover{ text-decoration:none;}
.clearfix{ clear:both;}
.clearfix{ zoom:1;}
.clearfix:after{ content:'.'; display:block; visibility:hidden; clear:both; width:1px; height:1px;}
.left{ float:left;}
.right{ float:right;}
.f700{ font-weight:700;}
.f100{ font-weight:100;}
.fyahei{ font-family:"Microsoft Yahei";}
.ta_l{ text-align:left;}
.ta_c{ text-align:center;}
.ta_r{ text-align:right;}
.height100 { height:100%;}
.pos_abs{ position:absolute;}
.pos_rel{ position: relative;}
.wrapper{ position: relative;margin:auto;width: 1000px;height: 100%;z-index: 2;}
.hidden{ display:none;}
.overflow{ overflow:visible;}
.white { color:#fff;}
.pointer { cursor: pointer; }
.scale { overflow: hidden; }
.scale img { -webkit-transition:-webkit-transform 500ms;transition:transform 500ms; vertical-align:top;}
.scale:hover img { -webkit-transform:scale(1.06);transform:scale(1.06);}
.hide{ display:none;}
.show{ display:block;}
.cover{z-index: 99;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #fff;opacity: 0;filter: alpha(opacity=0);}
.db{display: block; text-indent: -999px;}
.hover-img img {-webkit-transition:-webkit-transform 500ms;transition:transform 500ms;vertical-align:top;}
.hover-img:hover img {-webkit-transform:scale(1.06);transform:scale(1.06);}

/*top*/
.nav-top-bg,.nav-top{ position: relative;background:#f7f7f7; line-height:28px; font-family:Verdana;}
.nav-top-bg span a{color:#773b09;}
.nav-top-bg span a:hover{ background-color:#f7f7f7;color:#773b09;}
.nav-top { overflow:hidden;}
.i_logo{ margin-top: 3px;}
.back{float:right;display:block;width:80px;text-align:right;}
.more { color:#b19651;}
.more a{ color:#b19651;}
.more a:hover { color:#fff;}
.pr{position: relative;}
.pa{position: absolute;}
.txt{font-size: 14px; line-height: 30px; color: #fff;}
.container > div{position: relative;}
.bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


/* banner */
.banner{height: 496px;background: url(../../../images/static/lange202110/banner_bg.jpg) center center; overflow: hidden}
.banner_watch{position: absolute;top: 0;left: 50px; animation: left-to-right 1.5s both;}
.logo{position: absolute;top: 75px;left: 536px;animation: top-to-bottom 1.5s both;}
.banner_tit{position: absolute;top: 177px;left: 425px;animation: bottom-to-top 1.5s both;}
.banner_tit2{position: absolute;top: 375px;left: 440px;animation: bottom-to-top 1.5s 0.5s both;}

/* part01 */
.part01{height: 1316px;background: url(../../../images/static/lange202110/part01_bg.jpg) center center; overflow: hidden}
.part01_tit{position: absolute;top: 45px;left: 0;z-index:99;animation: opacityIn 1.5s 0.8s both;}
.part01_box{position: absolute;}
.part01_box1{top: -12px; animation: left-to-right 1.5s 0.5s both;}
.part01_watch1{position: absolute;left: 20px;top: 140px;z-index: 9;}
.part01_box1_text{width: 698px;height: 181px;background: url(../../../images/static/lange202110/part01_bg1.png );position: absolute;top: 210px;left: 280px;padding: 23px 0 0 150px;box-sizing: border-box;}
.part01_box p {color: #fff;font-size: 20px;  line-height: 30px;width: 515px;}
.part01_box2{top: 410px;animation: right-to-left 1.5s 0.8s both;}
.part01_box2_text{width: 698px;height: 181px;background: url(../../../images/static/lange202110/part01_bg2.png );position: absolute;top: 37px;left: 15px;padding: 23px  130px 0 115px;box-sizing: border-box;}
.part01_watch2 {position: absolute;left: 610px;z-index: 9;}
.part01_box2_text p{width: 455px;}
.part01_box3{top: 680px;text-align: center;width: 100%;animation: bottom-to-top 1.5s 1.1s both;}
.part01_box3_text{width: 1000px; height: 194px;background: url(../../../images/static/lange202110/part01_bg3.png) center ;padding: 23px 0 0;box-sizing: border-box;}
.part01_box3_text p{width: 920px;padding-left: 30px;}

/* part02 */
.part02{position: relative; height: 3665px;background: url(../../../images/static/lange202110/part02_bg.jpg) center center;}
.part02_tit{position: absolute;top: 25px;left: 4px;}
.timeline_cen {position: absolute;width: 1px;height: 3460px;background-color: #e2cdb0;left: 50%;top: 168px;}
.part02_deco{ opacity: 0;width: 33px;height: 33px;background: url(../../../images/static/lange202110/part02_deco.png) ;position: absolute;top: 80px;left: 483px;}
.part02_2009{position: absolute; top: 168px;}
.part02_left{ opacity: 0; width: 460px; height: 400px;background:url(../../../images/static/lange202110/part02_bg_l.png) center center/100% 100%; position: absolute; left: 20px; top: 0;padding: 26px 20px 0 12px;box-sizing: border-box;overflow: hidden;}
.part02_focus{position: relative; }
.part02_focus li{width: 460px;display: none;padding:0 15px ;box-sizing: border-box; }
.part02_focus li.act{width: 460px;display: block;}
.part02_year_tit{color: #fff; font-size: 18px; text-align: center;margin-bottom: 20px; }
.part02_year_tit span{color: #f6e5d3;}
.part02_watch{float: left;}
.part02_text{float: right;width: 247px;color: #fff; }
.part02_text p{font-size: 14px; line-height: 30px;}
.part02_text p span{ font-weight: 700; margin-right: 10px; }
.part02_btn{display: inline-block;width: 50px;height: 34px;vertical-align: bottom;}
.part02_btn_left{background: url(../../../images/static/lange202110/part02_left.png); }
.part02_btn_right{background: url(../../../images/static/lange202110/part02_right.png); }
.part02_nav_box{color: #fff; font-size: 18px;position: absolute;right: 25px;bottom: 25px; }
.part02_nav_box div{display: inline-block; margin: 0 9px; }
.part02_nav_box .num { font-size: 32px; }

.part02_right{opacity: 0;position: absolute; left: 538px;top: 65px; }
.part02_right{width: 450px;color: #ffffff;}
.part02_right p{font-size: 22px;line-height:37px;margin-top: 30px;margin-left: 3px;}

.part02_2009 .part02_right p{margin-top: 29px;}

.part02_2010{position: absolute;top: 545px;left: 0;}
.part02_2010 .part02_left{left: 525px; top: 0;padding-top: 15px;padding-right: 6px;background:url(../../../images/static/lange202110/part02_bg_r.png)}
.part02_2010 .part02_year_tit{margin-bottom: 12px;}
.part02_2010 .part02_right{left: 23px;top: 70px; }
.part02_2010 .part02_year{ text-align: right;padding-right: 15px; }
.part02_2010 .part02_right p{ width: 420px; }
.part02_2010 .part02_text p{margin-bottom: 0;line-height: 30px;}
.part02_2011{position: absolute;top: 915px;left: 0;}
.part02_2011 .part02_nav_box{bottom: 9px; }
.part02_2011 .part02_year_tit{margin-bottom: 12px; }
.part02_2011 .part02_left{padding-top: 10px;height: 420px; }
.part02_2011 .part02_right {top: 120px;width: 420px;}
.part02_2011 .part02_deco{top: 140px;}
.part02_2011 li img{margin-left: -10px;margin-top: 11px; }
.part02_2011 .part02_right p{margin-top: 19px;margin-left: 0; }
.part02_2012{position: absolute; top: 1308px;left:0;}
.part02_2012 .part02_left{left: 525px;top: 0;height: 435px;padding-top: 14px;padding-right:0;background:url(../../../images/static/lange202110/part02_bg_r.png)}
.part02_2012 .part02_right{left: 30px;top: 81px;width: 410px;}
.part02_2012 .part02_right p{margin-top: 15px; margin-left: 9px;}
.part02_2012 .part02_deco{top: 105px;}
.part02_2012 .part02_year_tit{ margin-bottom: 30px;}
.part02_2012 .part02_year{ text-align: right;}
.part02_2014{position: absolute;top: 1710px; left:0;}
.part02_2014 .part02_right{top: 87px; left: 533px;width: 405px;}
.part02_right p{margin-top: 13px;}
.part02_2014 .part02_left{padding-top: 18px; padding-right: 10px;}
.part02_2014 .part02_year_tit{margin-bottom: 3px;}
.part02_2014 .part02_text{margin-top: 30px;}
.part02_2014 .part02_text p{margin-bottom: 0;line-height: 30px;}
.part02_2014 .part02_deco{top: 109px;}
.part02_2015{position: absolute;top: 2077px;left:0; }
.part02_2015 .part02_left{left: 525px;top: 0; height: 415px;background:url(../../../images/static/lange202110/part02_bg_r.png); padding-right:10px; }
.part02_2015 .part02_deco {top: 96px;}
.part02_2015 .part02_right p {margin-top: 18px; }
.part02_2015 .part02_right{left: 30px; top: 70px; width: 405px;}
.part02_2015 .part02_year{text-align: right;}
.part02_2018{position: absolute;top: 2471px;left:0;}
.part02_2018 .part02_left{height: 415px; padding-right: 10px}
.part02_2018 .part02_right{width: 405px; top: 85px;}
.part02_2018 .part02_deco{top: 110px;}
.part02_2018 .part02_right p{margin-top: 20px;}
.part02_2019{position: absolute;top: 2870px;left:0;}
.part02_2019 .part02_left{left: 525px;top: 0;height: 440px;padding-right: 5px; background:url(../../../images/static/lange202110/part02_bg_r.png)}
.part02_2019 .part02_year_tit{margin-bottom: 34px;}
.part02_2019 .part02_right{left: 17px;top: 65px;width: 440px; }
.part02_watch .part02_watch{margin: -29px 0 0 10px;}
.part02_2019 .part02_deco{top: 80px;}
.part02_2019 .part02_year{text-align: right;margin-right: 15px;}
.part02_2020{position: absolute; top: 3228px; left:0;}
.part02_2020 .part02_right{top: 133px;width: 424px}
.part02_2020 .part02_left{padding-top: 20px;padding-right: 10px}
.part02_2020 .part02_year_tit{margin-bottom: 15px;}
.part02_2020  .part02_deco{top: 156px;}
.part02_2020 .part02_right p{margin-top: 20px;}
.part02 .run .right-to-left {animation: right-to-left 1s both;opacity: 1;}
.part02 .run .left-to-right {animation: left-to-right 1s both;opacity: 1;}
.part02 .run .part02_deco {animation: opacityIn 1s both;opacity: 1;}
/* part03 */
.part03{height: 903px;background: url(../../../images/static/lange202110/part03_bg.jpg) center center;}
.part03_top_box{position: absolute;top: 110px; }
.part03_top_watch{position: absolute;top:0;left:120px;z-index: 9;}
.part03_top_tit{position: absolute;top: 55px;left:460px;}
.part03_top_text{width: 689px;height: 251px;background: url(../../../images/static/lange202110/part03_top_watch_bg.png );position: absolute; top: 160px;left: 230px;padding: 25px 0 0 235px;box-sizing: border-box;}
.part03_top_text p{color: #fff;width: 450px;font-size: 14px;margin-bottom: 8px;}
.part03_top_text p span{color: #cfbcad;margin-right: 12px;}
.part03_bottom_box{position: absolute;top: 585px; width: 100%;height: 280px;}
.part03_focus{width: 1000px;overflow: hidden;height: 280px;}
.part03_focus ul{position: relative;width: 1000px;}
.part03_bottom_box li{display: none;width: 1000px;}
.part03_bottom_box li.act{display: block;}
.part03_bottom_text{width: 468px;float: left; color: #fff;font-size: 16px;margin: 24px 0 0 42px;}
.part03_bottom_text .bottom_tit{font-size: 18px;font-weight: 700;margin-bottom: 10px;}
.part03_bottom_text .bottom_con{line-height: 28px;}
.part03_bottom_img{float: right;margin: 0 80px 0 0; position: relative;}
.part03_bottom_watch1{position: relative;z-index: 8;width: 377px;height: 251px;overflow: hidden;}
.part03_bottom_img:after,.part03_bottom_img:before{content: "";position: absolute; }
.part03_bottom_img:before{width: 358px;height: 235px;border: 1px solid #f7d4b4;top: 9px ; left: 9px;z-index: 9;}
.part03_bottom_img:after{width: 350px;  height: 236px;border: 5px solid #d8bb9d;top: 33px ;left: 40px;z-index: 0;}
.part03_btn{position: absolute;width: 72px;height: 83px;top: 100px; cursor: pointer; }
.part03_left{background: url(../../../images/static/lange202110/part03_left.png);left: -72px;}
.part03_right{background: url(../../../images/static/lange202110/part03_right.png);right: -72px; }

/* part04 */
.part04{height: 542px;background: url(../../../images/static/lange202110/part04_bg.jpg) center center;}
.part04_box{margin-top: 45px;}
.part04_focus{width: 635px;overflow: hidden;height:380px;}
.part04_focus ul{ position: relative; }
.part04_focus li{ position: relative; width: 635px; display: none;}
.part04_focus li.act{display: block; }
.part04_img{position: absolute;left:0;top: 0; z-index: 9; }
.part04_img:after,.part04_img:before{content: "";position: absolute;}
.part04_img:before{border: 1px solid #b8a28b;width: 572px;height: 310px;top:20px;left: 20px;z-index: 9;}
.part04_img:after{border: 5px solid #b8a28b;width: 604px;height: 348px;top:20px;left: 20px;z-index: 1;}
.part04_text_box{position: absolute; top: 160px;right:0; }
.part04_text{ display:none;   top: 25px;width: 405px;height: 335px;background: url(../../../images/static/lange202110/part04_text_bg.png);padding: 32px 0 0 70px;box-sizing: border-box;}
.part04_text.hover{display:block; }
.part04_text p{color: #fff;font-size: 20px;line-height: 27px;width: 315px;margin-top: 25px;position: relative;}
.part04_text p .more{color: #f6e2c7;font-size: 16px;position: absolute;right:5px;bottom: 0;}
.part04_watch1{width: 612px;height: 349px;overflow: hidden;position: relative;z-index: 8;}
.nav_box{color: #fff;font-size:18px;position: absolute;right:30px;bottom:65px;}
.nav_box .num{font-size: 28px;}
.part04_btn{position: absolute;width: 72px;height: 83px;top: 270px; cursor: pointer; }
.part04_left{background: url(../../../images/static/lange202110/part03_left.png);left: -85px;}
.part04_right{background: url(../../../images/static/lange202110/part03_right.png);right: -85px; }
.part04_text em { display: block; font-size: 22px; color: #fff; font-weight: bold;}
.classReflect{ 
    -webkit-box-reflect: below -5px 
    -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, 0.1))); 
    }
/*footer*/
.pubfooter {clear:both; padding-bottom:30px;margin-top: 0; margin-left:auto; margin-right:auto; background-color:#000; font-size:12px;}
.footer {text-align:center;margin:0 auto;}
.copyright{text-align:center;line-height:52px;color:#999; }
.foot_top {font-size:12px;line-height:24px; color:#999; text-align:center; height:24px;padding-top:40px;}
.foot_top .gray0{ color:#999;}
.foot_top .wbfoot{ background:url(http://www.xbiao.com/images/index/v_xbiao.png) no-repeat 0 2px; *background-position:left center; padding-left:20px; }
.footline{ display: inline-block; height:24px; line-height:24px; font-size:12px; vertical-align:middle; margin:0 10px; color:#999; font-family:"Sim Sun"}
.foot_top a { color:#999; display:inline-block;}
.foot_top a:hover { background:none; color:#999;text-decoration:underline;}
.iphone_ico i,.android_ico i,.telphone_ico i{ background:url(../../../images/index/ico_phone.png) no-repeat -3px 0; display:inline-block;width:18px; height:20px;padding-right:5px; vertical-align:middle;margin-top:-4px;*margin-top:0;margin-left:2px; opacity:.8;filter:alpha(opacity=80);}
.android_ico i{ background-position:-1px -26px;width:21px; height:24px; line-height:24px;margin-left:13px;}
.telphone_ico i{ background-position:-6px -59px;width:11px; height:22px; line-height:22px;margin-left:12px;}

@keyframes right-to-left {
    0%{
        transform: translate(1500px);
    }
    100%{
        transform: translate(0);
    }
}
@keyframes left-to-right {
    0%{
        transform: translate(-1500px);
    }
    100%{
        transform: translate(0);
    }
}
@keyframes top-to-bottom {
    0%{
        transform: translate(0,-1500px);
    }
    100%{
        transform: translate(0);
    }
}
@keyframes bottom-to-top {
    0%{
        transform: translate(0, 1500px);
    }
    100%{
        transform: translate(0);
    }
}
@keyframes opacityIn {
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}