.index_banner{ height:850px; background:url(../images/index_banner.jpg) center center no-repeat; background-size:cover; position:relative}


.btxtl{position:absolute; top:220px; left:58%; margin-left:-200px; opacity:0;transition:all 0.5s ease-out 0.6s; z-index:1}
.btxtled{ margin-left:-343px;opacity:1}
.btxtr{position:absolute; top:300px; left:58%; margin-left:-400px;opacity:0;transition:all 0.5s ease-out 1s; z-index:1}
.btxtred{margin-left:-339px;opacity:1}
.banbtns{ width:480px; top:380px; left:54%; margin-left:-245px; height:112px; position:absolute; z-index:1;transition:all 0.3s ease-out 1.5s}
.banbtns a{ float:left; display:block; width:125px; text-align:center; margin-right:20px; padding-top:100px; color:#12132f; font-size:20px; letter-spacing:1px; opacity:0}
.banbtns .btn1{background:url(../images/index/ico1.png) top center no-repeat;transition:all 0.6s ease 1.6s}
.banbtns .btn2{background:url(../images/index/ico2.png) top center no-repeat;transition:all 0.6s ease 1.9s}
.banbtns .btn3{background:url(../images/index/ico3.png) top center no-repeat; margin-right:0;transition:all 0.6s ease 2.2s}
.banbtns .btn1:hover{ background-image:url(../images/index/ico1ed.png)}
.banbtns .btn2:hover{ background-image:url(../images/index/ico2ed.png)}
.banbtns .btn3:hover{ background-image:url(../images/index/ico3ed.png)}
.banbtns a.btn1ed,.banbtns a.btn2ed,.banbtns a.btn3ed{ opacity:1}
.ipart1{ background:#f5f5f5; padding-top:50px; padding-bottom:50px}
.partimg{text-align:center}
.partimg img{ max-width:100%}
.parttit{ font-size:26px; color:#373737; letter-spacing:1px; text-align:center; padding-top:50px; padding-bottom:20px}
.parttix{ color:#373737; font-size:16px; text-align:center; line-height:30px; letter-spacing:1px}
.partlist{ padding-top:30px}
.partlist li{ width:320px; float:left; padding-right:20px}
.partlist li.last{ padding-right:0}
.pltxt{ background:#fff; padding-top:25px;padding-bottom:10px}
.pltit{ background:#4e555f; color:#fff; font-size:20px; height:52px; line-height:52px; letter-spacing:1px; border-top-left-radius:6px; border-top-right-radius:6px;}
.tabinfo{ width:118px; height:118px; margin-left:auto; margin-right:auto; position:relative; background:url(../images/index/oldbg.png) center center no-repeat}
.tabinfo .graph-data{ position:absolute; left:0; top:0; width:100%; height:100%; opacity:0.3;transition:all 2s ease 0s}
.graph-1 .graph-data{ background:url(../images/index/num1.png) center center no-repeat}
.graph-2 .graph-data{ background:url(../images/index/num2.png) center center no-repeat}
.graph-3 .graph-data{ background:url(../images/index/num3.png) center center no-repeat}
.graph-4 .graph-data{ background:url(../images/index/num4.png) center center no-repeat}
.graph-5 .graph-data{ background:url(../images/index/num5.png) center center no-repeat}


.start-animation .graph-data{ opacity:1}


.tabdes{ padding-left:15px; padding-right:15px; padding-top:15px; padding-bottom:15px; line-height:26px; height:32px; color:#4e555f; font-size:16px}
.tablink{ text-align:center; padding-bottom:10px; text-align:center}
.tablink a:hover{ text-decoration:underline;}
.grey{ color:#bfbfbf}
.green{ color:#26ae5f}
.blue{ color:#0088de;}
.part2{ padding-top:35px; padding-bottom:35px}
.p2_top{ background:#f5f5f5}
.modellaw{ float:right}
.p2_tleft{ float:left; padding-top:35px; width:380px} 
.p2_tltx{ text-align:left; text-indent:2em; line-height:24px; font-size:14px; color:#373737; padding:20px 15px 10px 25px; letter-spacing:1px}
.p2_tllink{ text-align:right; padding-right:20px;}
.p2_tllink a{ color:#656565; border-bottom:#656565 solid 1px; font-size:14px}
.p2_bot{ padding-top:20px;}
.p2_ls{ width:49%; float:left; background:#f5f5f5; padding-bottom:15px}
.p2_lstit{ padding-top:20px; text-align:left}
.p2_rs{ float:right}
.part3{ height:660px; padding-bottom:18px; background:url(../images/index/p3bg.jpg) center center no-repeat; background-size:cover}
.p3_top{ text-align:center}
.p3_info{ height:550px; margin-top:25px; position:relative; z-index:1}
.p3_info1{ height:550px; position:relative; z-index:2}
.p3_txt{ position:relative; float:right; padding:40px 20px; width:653px; text-align:left; background:url(../images/index/ico_p3bg.png); font-size:14px; color:#ffffff; line-height:26px; letter-spacing:1px}
.p3_txt img.ico_right{ position:absolute; left:-14px; top:40px; width:14px; height:22px}
.p3_utop{ float:left; width:250px; padding-top:5px}
.p3_timg{ text-align:center}
.p3_tname,.p3_tzw{ text-align:center; color:#f5f5f5; font-size:14px; padding-top:5px;letter-spacing:1px }
.p3_list li{ padding-bottom:20px}
.part4{ padding:45px 0}
.news_top{ text-align:left}
.newslist{ padding-top:20px;}
.newslist li{ padding-bottom:20px;}
.newsico{ float:left; width:75px; height:64px; background:url(../images/index/news_ico.png) center center no-repeat; padding-right:10px; padding-top:10px; font-size:25px; font-family:Verdana; line-height:35px; margin-top:5px}
.newsico div{ font-size:13px; color:#fff; text-align:center; line-height:22px; font-family:Arial; padding-top:5px}
.newsif{ float:right; width:900px; background:url(../images/index/newsbg.jpg)  center center; text-align:left}
.newsir{ float:right; width:545px; padding:20px 20px 10px 0}
.newsir h2 a{ color:#4b4b4b; font-size:20px; font-weight:normal}
.newsirdes{ text-align:left; text-indent:2em; line-height:22px; color:#646464; font-size:14px; letter-spacing:1px; padding-top:20px}
.newsirmore{ text-align:right; }
.newsirmore a{color:#bfbfbf; letter-spacing:1px; font-size:14px}
.loadmore{ display:block; height:42px; background:#e6e6e6; line-height:42px; text-align:center; color:#777; letter-spacing:1px; font-size:16px}
.part5{ height:638px; background:url(../images/index/p4bg.jpg) center center no-repeat; margin-top:20px;}

.p5_top{ padding-top:30px; padding-left:35px}
.p5t1{ width:79px; height:79px; float:left; background:url(../images/index/con1.png) center center no-repeat; margin-right:30px}
.p5_top a{ display:block; width:77px; height:77px; float:left; margin-right:25px; background-color:transparent; background-position:center center; background-repeat:no-repeat; border-radius:50%}
.p5_top a div{transition:all 0.3s ease-out 0.1s; font-size:14px; padding-top:28px; color:#4b4b4b; letter-spacing:1px; opacity:0}
.p5_top a.p5t2{background-image:url(../images/index/con2.png)}
.p5_top a.p5t3{background-image:url(../images/index/con3.png)}
.p5_top a.p5t4{background-image:url(../images/index/con4.png)}
.p5_top a.p5t5{background-image:url(../images/index/con5.png)}
.p5_top a.p5t3 div{ padding-top:18px; line-height:20px}
.p5_top a:hover div{ display:block; opacity:1}
.p5_top a:hover{ background-color:#fff; background-image:none}
.vtxt{ padding:140px 40px 0 33px}
.video{ float:left; width:555px; height:315px;}
.p5txt{ float:right; width:320px; color:#fff; font-size:14px; letter-spacing:1px; text-align:left; line-height:1.9; text-indent:0em; padding-top:80px; padding-right:15px}
.scrolltop{ width:20px; height:20px; position:absolute; right:0; top:0; background:url(../images/scroll/sctbg.png)}
.scrollbot{ width:20px; height:20px; position:absolute; right:0; bottom:0; background:url(../images/scroll/scbbg.png)}
.myScrollbarV{position:absolute;z-index:10;width:20px;bottom:20px;top:20px;right:0px; background:url(../images/scroll/scbg.png)}
.myScrollbarV div {position:absolute;z-index:10;width:20px; background-color:#7a7a7a}
.newsif img{ width:315px; height:171px}
.p5fotbtn { padding-top:60px; text-align:center}
.p5fotbtn a {padding:8px 35px; font-size:16px; color:#fff; letter-spacing:2px; border:#fff solid 1px; border-radius:5px}


/* 手机版 */
@import url(mobile.css);