@charset "utf-8";

.header a {color: #212121;font-weight: bold;}
.header .loginBtn {background: url('../images/nav_icon2_black.png') left center no-repeat;}

.bgline {position:absolute;left:0;top:0;right:0;height:365px;background-image: -moz-linear-gradient( -90deg, rgb(245,246,248) 0%, rgba(245,246,248,0) 100%);
  background-image: -webkit-linear-gradient( -90deg, rgb(245,246,248) 0%, rgba(245,246,248,0) 100%);
  background-image: -ms-linear-gradient( -90deg, rgb(245,246,248) 0%, rgba(245,246,248,0) 100%);}

/* banna */
.bannawrap {position: relative;height:900px;}
.bannerOuterWrap {position: absolute;height:1000px;overflow-x: hidden;left: 0;top: 0;right: 0;}
.banner .item {position: relative;height:900px;width:100% !important;display: none;}
.banner .item1 {display: block;}
.banner .item .g-bg, .banner .item .g-bg-color, .banner .item .g-bg-img {position: absolute;left:0;top:0;right:0;bottom:0;}
.banner .item .g-bg-img img {position: absolute;left:0;width:100%;}
.banner .item .g-bg-img img.bg-img1 {top:217px;opacity: .45;filter:alpha(opacity=45);}
.banner .item .g-bg-img img.bg-img2 {top:238px;}
.banner .item .g-bg-color {background-color: rgb(242, 244, 247);}
.banner .item .g-txt {position: absolute;}
.banner .item-m {position: relative;z-index: 2;width:100%;height:100%;}
.banner .item-m .wrap {position: relative;height:100%;}

.banner .item1 .g-bg-color {}

.banner .item1 .g-txt {left:10px;top:226px;}
.banner .item1 h2 {font-size: 54px;color: #121212;font-weight: 600;}
.banner .item1 .mdetial {position: relative;margin-top: -28px;padding: 70px 7px 7px 7px;}
.banner .item1 .mdetial .mbox {position: relative;background: #828793;padding: 12px 20px;width: 530px;box-shadow: -1.462px 4.782px 7px 0px rgba(0, 0, 102, 0.23);}
.banner .item1 .mdetial .mbox a {line-height: 32px;color: #fff;font-size: 18px;}
.banner .item1 .mdetial .bgbox {position: absolute;left:0;bottom:0;right:0;height:200px;z-index: -1;}
.banner .item1 .mdetial .bgbox img {width:100%;position: absolute;left:0;bottom:0;}
.banner .item1 p {font-size: 20px;line-height: 47px;}
.banner .item1 .btns {margin-top: 94px;}
.banner .item1 .btns a {position: relative;display: inline-block;font-size: 16px;height: 46px;line-height: 46px;padding:0 51px;background: none;border:1px solid rgb(62, 62, 64);border-radius:22px;overflow: hidden;color: rgb(51, 51, 51);background-color: #f2f4f7;}
.banner .item1 .btns a {transition: all .5s;}
.banner .item1 .btns a:hover {/*box-shadow: 0 10px 48px 0px #f83824ab;*/box-shadow: 0px 14px 25px 0px rgba(73, 72, 74, 0.57);}
.banner .item1 .btns a.btn1:hover {background: rgb(62, 62, 64);}
.banner .item1 .btns a.btn1 {background: rgb(62, 62, 64);border:1px solid rgb(62, 62, 64);margin:0 50px 0 0;color: #fff;}
.banner .item1 .btns a .anim {-moz-animation:anim-out .75s;-webkit-animation:anim-out .75s;animation:anim-out .75s;animation-iteration-count:infinite;animation-duration:1.3s;z-index: 1;}
.banner .item1 .btns a .anim:after {-moz-animation:anim-out-pseudo-two 3s;-webkit-animation:anim-out-pseudo-two 3s;animation:anim-out-pseudo-two 3s}
.banner .item1 .btns a .anim, .banner .item1 .btns a .anim:after {animation-iteration-count:infinite;animation-duration:3s;}
.banner .item1 .btns a.btn2 .anim:after {-moz-animation:anim-out-pseudo-blk 3s;-webkit-animation:anim-out-pseudo-blk 3s;animation:anim-out-pseudo-blk 3s;animation-iteration-count:infinite;animation-duration:3s;}

.banner .item1 .g-img .img, .banner .item1 .g-img img {position: absolute;}
.banner .item1 .img, .banner .item1 .img1 {-webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both;}
.banner .item1 .g-img .img img {width:100%;left:0;top:0;}
.banner .item1 .g-img-1 {left:600px;top:78px;width:840px;height:822px;overflow: hidden;}

.banner .item1 .g-img-3 {position: absolute;left: -352px;top: 108px;width: 280px;}
.banner .item1 .g-img-3 img {width:100%;}
.banner .item1 .g-img-2 {left: -146px;bottom: -30px;width: 320px;}


.banner .item1 .g-img-1 {-webkit-animation-name: swashIn;animation-name: swashIn;}
.banner .item1 .g-img-2,
.banner .item1 .g-img-3 {-webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: swashIn;animation-name: swashIn;animation-delay:.5s;-webkit-animation-delay:.5s;}


.banner-tab {z-index: 989; position: absolute; bottom: 23px; left: 0;right:0;text-align: center;}
.banner-tab li {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; text-align: center; float: none;display: inline-block; color: #fff; width: 44px; height: 2px; padding: 10px 10px; padding: 1px 3px\9; cursor: pointer; -webkit-background-clip: content-box; -moz-background-clip: content-box; background-clip: content-box; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; transition: all 0.8s ease-out; background: #b8babc; background-color: rgba(51, 51, 51, .3); -webkit-background-clip: content-box; -moz-background-clip: content-box; background-clip: content-box;}
.banner-tab li.on, .banner-tab li:hover {background: #333;background-color: rgb(51, 51, 51); -webkit-background-clip: content-box; -moz-background-clip: content-box; background-clip: content-box;}



/*统计数据*/
.statistical {position: relative;margin-top: 114px;z-index: 10;padding-bottom: 105px;overflow: hidden;}
.statistical .maininfo h2 {text-align: center;font-size: 48px;color: #212121;margin-bottom: 28px;}
.statistical .maininfo p {text-align: center;font-size: 20px;color: #212121;margin-bottom: 30px;}
.statistical .maininfo ul {padding:0 80px 0 155px;}
.statistical .maininfo ul li {font-size: 20px;color: #333;line-height: 48px;}

.statistical .skinwrap {padding-top: 70px;}
.statistical .skinwrap .skinbox {position: relative; width: 1200px;height:556px; margin: 0 auto;}
.statistical .skinwrap .skinbox .carousel-feature {position: absolute;left:50%;}
.statistical .skinwrap .skinbox.init .carousel-feature {margin-left: -495px;}
.statistical .skinwrap .skinbox .carousel-feature a {position: relative;display: block;}
.statistical .skinwrap .skinbox .carousel-feature a img.carousel-image {position: relative;display: block;width: 990px; height: 554px;z-index: 2;border-radius:8px;}

/*.statistical .skinwrap .skinbox .carousel-feature img.bg {position: absolute;left: -44px;top: -136px;width: 1075px;display: none;}*/
.statistical .skinwrap .skinbox .carousel-feature .bg {position: absolute;top: 0;bottom:0;transition: all .3s;}
.statistical .skinwrap .skinbox .carousel-feature .bg.sl {left:0;width:50%;box-shadow: 0 0 30px 1px #a3c2fd91;border-top-left-radius: 12px;border-bottom-left-radius: 12px;}
.statistical .skinwrap .skinbox .carousel-feature .bg.sr {right:0;width:50%;box-shadow: 0 0 30px 1px #d4b5fc61;border-top-right-radius: 12px;border-bottom-right-radius: 12px;}

.statistical .skinwrap .skinbox .carousel-feature {opacity: .5 !important;overflow:visible !important;}
.statistical .skinwrap .skinbox .carousel-feature.curr {opacity: 1 !important;}
.statistical .skinwrap .skinbox .carousel-feature.curr .bg.sl {left:0;width:50%;box-shadow: 0 0 100px 1px #a3c2fd;}
.statistical .skinwrap .skinbox .carousel-feature.curr .bg.sr {right:0;width:50%;box-shadow: 0 0 100px 1px #d4b5fc;}

/*.statistical .skinwrap .skinbox.init .carousel-feature img.bg, .statistical .skinwrap .skinbox .carousel-feature.curr img.bg {display: block;}*/

.skin-tab {position: relative;text-align: center;margin-top: 50px;z-index: 10;}
.skin-tab li {position: relative;display: inline-block;padding:20px 6px;margin:0 64px;font-size: 18px;color: #212121;cursor: default;}
.skin-tab li.active {font-weight: bold;}
.skin-tab li em {position: absolute;left:30px;top:100%;right:30px;height:2px;background: rgba(40, 40, 40, .3);}
.skin-tab li.active em {background: #282828;}


/*左右版块*/
.fxlist {position: relative;}
.part {position: relative;z-index: 1;background: url('../images/line.png') center bottom no-repeat;padding:100px 0 120px;overflow: hidden;}
.part6 {background: none;}
.part .inner {position: relative;}
.part h3, .part p, .part img {opacity: 0;}
.part .lf, .part .rt {position: relative;width:50%;display: inline-block;vertical-align: middle;}
.part h3, .part p, .part img {-webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both;}
.part h3 {font-size: 40px;line-height: 60px;color: #212121;font-weight: bold;margin-bottom: 35px;white-space: nowrap;}
.part p {font-size: 20px;line-height: 40px;color: #333;}
.part .lf p {padding-right: 15px;}
.part .rt h3, .part .rt p {padding-left: 15px;}

.part img {width:100%;}
.part h3, .part p, .part img {opacity: 0;}

.animation_not .part.curr h3, .animation_not .part.curr p, .animation_not .part.curr img {opacity: 1;}

.part.odd.curr h3, .part.odd.curr p, .part.even.curr img {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;-webkit-animation-duration: 1s;animation-duration: 1s;}
.part.curr p {animation-delay:.3s;-webkit-animation-delay:.3s;}
.part.curr img {animation-delay:.5s;-webkit-animation-delay:.5s;}

.part.even.curr h3, .part.even.curr p, .part.odd.curr img {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;-webkit-animation-duration: 1s;animation-duration: 1s;}

.part1 img {width:90%;}
.part3 img {width:90%;}
.part4 img {width:98%;margin-left: 2%;}
.part5 img {width:96%;}
.part6 img {width:95%;margin-left: 5%;}