.change{ height: 836px;  position: relative; overflow: hidden;}
.change:after{ content: ''; display: block; position: absolute; width: 781px; height: 411px; background: url(/assets/images/bjt_03.jpg) center no-repeat; left: 0px; top: 0px; }

/*
.change:before{ content: ''; display: block; position: absolute; width: 727px; height: 208px; background: url(/assets/images/ssht.jpg) center no-repeat; right: 0px; top: 0px; }
*/
.change .w1200{ position: absolute;  left: 50%; margin-left: -600px; z-index: 99; }
.change .change_top{ text-align: center; }
.change .change_top h2{ color: #222222; font-size: 30px; padding: 60px 0 33px 0; position: relative; line-height: 1; }
.change .change_top h2:after{ content: ''; display: block; position: absolute; width: 40px; height: 3px; background: #0cd579; bottom: 0px;
    left: 50%; margin-left: -20px; }
.change_top ul{ display: inline-block; margin-top: 40px;border-right: #cccccc 1px solid; }
.change_top li{ float: left; width: 190px; text-align: center; line-height: 44px;  color: #333333; font-weight: bold; font-size: 18px; border: #cccccc 1px solid;  box-sizing: border-box; border-right: none; cursor: pointer;}
.change_top li.on{ background: #06c1ae; color: #fff;border: #06c1ae 1px solid; }

.change .dd_list{ width: 1200px; position: relative; height: 620px; }
.change .dd_list dd{ height: 620px; }

i.posi{ position: absolute; z-index: 100; }
.pos{ position: absolute; z-index: 88; padding-left: 60px; }
.pos h2{ font-size: 20px; color: #202020; line-height: 28px; }
.pos p{ color: #666666; font-size: 16px; line-height: 24px; }
.change .dd_list dd{ display: none; }
.change .dd_list .moid{position: absolute; text-align: center; width: 420px; height: 420px; left: 50%; margin-left: -210px; background: url(/assets/images/yuan_03.png) center no-repeat;  top: 86px; z-index: 99;}
.change .dd_list .js{ position:absolute; width: 833px; background: url(/assets/images/jst_03.png) center no-repeat; height: 135px;  bottom: 0px; left: 235px; z-index: 77; }
.change .dd_list .trophy{ width: 110px; height: 110px; background: url(/assets/images/tubi_16.png) center no-repeat; display: inline-block; margin-top: 120px; }
.change .dd_list .moid h2{ line-height: 1; color: #222222; font-size: 24px; padding-top: 22px; }
.change .dd_list .moid p{ color: #999999; font-size: 14px; line-height: 1; text-transform: uppercase; padding-top: 10px;}

.change .dd_list .s1{  top: 60px; left: 60px; }
.change .dd_list .s1_pd{ width: 395px; height: 11px; background: url(/assets/images/bjtiu_03.png) center no-repeat; left: 60px; top: 145px; }

.change .dd_list .s2{top: 188px; left: 0px; }
.change .dd_list .s2_pd{ width: 401px; height: 40px; background: url(/assets/images/bjtiu_11.png) center no-repeat; left: 0px; top: 277px; }

.change .dd_list .s3{  top: 324px; left: 100px; }
.change .dd_list .s3_pd{ width: 345px; height: 37px; background: url(/assets/images/bjtiu_19.png) center no-repeat; left: 100px;  top: 377px; }

.change .dd_list .s4{  left: 88px; top: 450px; }
.change .dd_list .s4_pd{ width: 395px; height: 78px; background: url(/assets/images/bjtiu_26.png) center no-repeat; left: 88px;  top: 462px;  }

.change .dd_list .s5{   left: 848px; top: 60px; }
.change .dd_list .s5_pd{ width: 397px; height: 41px; background: url(/assets/images/bjtiu_06.png) center no-repeat; left: 735px;  top: 142px;  }

.change .dd_list .s6{ left: 812px; top: 190px; }
.change .dd_list .s6_pd{ width: 404px; height: 34px; background: url(/assets/images/bjtiu_14.png) center no-repeat; left: 800px;  top: 280px;  }

.change .dd_list .s7{ left: 803px; top: 325px; }
.change .dd_list .s7_pd{ width: 442px; height: 36px; background: url(/assets/images/bjtiu_22.png) center no-repeat; left: 755px;  top: 380px;  }

.change .dd_list .s8{ left: 730px;  top: 471px; }
.change .dd_list .s8_pd{ width: 494px; height: 80px; background: url(/assets/images/bjtiu_29.png) center no-repeat;  left: 683px; top: 480px; }

/*
.change.animate .dd_list .active .s1{  -webkit-animation:bounceInLeft 1.5s 0.5s ease both;-moz-animation:bounceInLeft 1.5s 0s ease both; }
.change.animate .dd_list .active .s1_pd{ -webkit-animation:bounceInLeft 1.5s 0s ease both;-moz-animation:bounceInLeft 1.5s 0.5s ease both;}

.change.animate .dd_list .active .s2{ -webkit-animation:bounceInLeft 1.5s 1.5s ease both;-moz-animation:bounceInLeft 1.5s 1.5s ease both; }
.change.animate .dd_list .active .s2_pd{ -webkit-animation:bounceInLeft 1.5s 1s ease both;-moz-animation:bounceInLeft 1.5s 1s ease both; }

.change.animate .dd_list .active .s3{  -webkit-animation:bounceInLeft 1.5s 2.5s ease both;-moz-animation:bounceInLeft 1.5s 2.5s ease both;}
.change.animate .dd_list .active .s3_pd{ -webkit-animation:bounceInLeft 1.5s 2s ease both;-moz-animation:bounceInLeft 1.5s 2s ease both; }

.change.animate .dd_list .active .s4{  -webkit-animation:bounceInLeft 1.5s 3.5s ease both;-moz-animation:bounceInLeft 1.5s 3.5s ease both; }
.change.animate .dd_list .active .s4_pd{ -webkit-animation:bounceInLeft 1.5s 3s ease both;-moz-animation:bounceInLeft 1.5s 3s ease both;  }

.change.animate .dd_list .active .s5{  -webkit-animation:bounceInRight 1.5s 1s ease both;-moz-animation:bounceInRight 1.5s 1s ease both; }
.change.animate .dd_list .active .s5_pd{ -webkit-animation:bounceInRight 1.5s 0.5s ease both;-moz-animation:bounceInRight 1.5s 0.5s ease both;  }

.change.animate .dd_list .active .s6{ -webkit-animation:bounceInRight 1.5s 2s ease both;-moz-animation:bounceInRight 1.5s 2s ease both;  }
.change.animate .dd_list .active .s6_pd{ -webkit-animation:bounceInRight 1.5s 1.5s ease both;-moz-animation:bounceInRight 1.5s 1.5s ease both;   }

.change.animate .dd_list .active .s7{ -webkit-animation:bounceInRight 1.5s 3s ease both;-moz-animation:bounceInRight 1.5s 3s ease both; }
.change.animate .dd_list .active .s7_pd{ -webkit-animation:bounceInRight 1.5s 2.5s ease both;-moz-animation:bounceInRight 1.5s 2.5s ease both;   }

.change.animate .dd_list .active .s8{ -webkit-animation:bounceInRight 1.5s 4s ease both;-moz-animation:bounceInRight 1.5s 4s ease both;}
.change.animate .dd_list .active .s8_pd{ -webkit-animation:bounceInRight 1.5s 3.5s ease both;-moz-animation:bounceInRight 1.5s 3.5s ease both;  }

.change.animate .dd_list .active .js{ -webkit-animation: bouncetop 1s 4.5s ease both; -moz-animation: bouncetop 1s 4.5s ease both; }
.change.animate .dd_list .active .moid{  -webkit-animation: zoomInDown 1s 0.3s ease both;-moz-animation: zoomInDown 1s 0.3s ease both; animation: zoomInDown 1s 0.3s ease both;  }

.change.animate .dd_list .highlight.active .bj{   -webkit-animation: bouncetop 1s 4s ease both; -moz-animation: bouncetop 1s 4s ease both;}
.change.animate .dd_list .profit.active .bj{   -webkit-animation: bouncetop 1s 3s ease both; -moz-animation: bouncetop 1s 3s ease both;}
*/