body{ font-family: "微软雅黑","microsoft yahei"}
.header{ width: 100%; height: 710px; min-width:1200px; background:url(../image/bg.jpg) #272853 center center no-repeat; overflow: hidden;}
.head_warp{ width: 1200px; margin: 0 auto; padding-top: 40px; height: 670px; position: relative;}
.header .logo{ float: left;}
.header .menus{ float: right;}
.header .menus ul li{ float: left; width: 100px; height: 40px; border: 1px solid #FFFFFF transparent; line-height: 40px; color: #FFFFFF; font-size: 16px;text-align: center; margin-left: 60px;}
.header .menus ul li.active{ border:1px solid #FFFFFF; border-radius:8px}
.header .menus ul li a{ color: #FFFFFF;}
.banner_des{ font-size: 26px; color: #FFFFFF; line-height: 53px; margin-top: 130px; height: 318px; overflow: hidden; position: relative;}
.banner_des span{ position: absolute; left: 0; top: 200%; transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out; opacity: 0;}
.banner_des .sp1{transition: all 0.55s ease-in-out;-ms-transition: all 0.55s ease-in-out; top: 0px; }
.banner_des .sp2{transition: all 1.35s ease-in-out;-ms-transition: all 1.35s ease-in-out;top: 53px;}
.banner_des .sp3{transition: all 1.75s ease-in-out;-ms-transition: all 1.75s ease-in-out;top: 106px;}
.banner_des .sp4{transition: all 2.15s ease-in-out;-ms-transition: all 2.15s ease-in-out;top: 159px;}
.banner_des .sp5{transition: all 2.45s ease-in-out;-ms-transition: all 2.45s ease-in-out;top: 212px;}
.banner_des .sp6{transition: all 2.65s ease-in-out;-ms-transition: all 2.65s ease-in-out;top: 265px;}


.banner_des span.active{ opacity: 1;}

.head_warp .liuxing{ background: url(../image/liuxing.png) center center no-repeat; width: 60px; height: 60px; position: absolute; top:-100px;animation-timing-function: linear;animation-delay: 0s;animation-iteration-count: infinite;animation-direction: normal;animation-play-state: running;}
.head_warp .liuxing1{ animation-name: liuxing1;animation-duration: 1.8s;}
.head_warp .liuxing2{ animation-name: liuxing2;animation-duration: 1.75s;}
.head_warp .liuxing3{ animation-name: liuxing3;animation-duration: 1.55s;}
.head_warp .liuxing4{ animation-name: liuxing4;animation-duration: 1.65s;}
.head_warp .liuxing5{ animation-name: liuxing5;animation-duration: 1.75s;}
.head_warp .liuxing6{ animation-name: liuxing6;animation-duration: 1.85s;;}
.head_warp .liuxing7{ animation-name: liuxing7;animation-duration: 1.95s;}
.head_warp .liuxing8{ animation-name: liuxing8;animation-duration: 3.55s;animation-delay: 5s;}
.head_warp .liuxing9{ animation-name: liuxing9;animation-duration: 3.75s; animation-delay: 14s;}
.head_warp .liuxing10{ animation-name: liuxing10;animation-duration: 3.65s;animation-delay: 26s;}
.head_warp .liuxing11{ animation-name: liuxing11;animation-duration: 3.85s;animation-delay: 13s;}
.head_warp .liuxing12{ animation-name: liuxing12;animation-duration: 4.05s;animation-delay: 8s;}
.head_warp .liuxing13{ animation-name: liuxing13;animation-duration: 3.95s;animation-delay:4s;}
.head_warp .liuxing14{ animation-name: liuxing14;animation-duration: 3.65s;animation-delay: 3s;}




@keyframes liuxing10
{
0%   {left:5%;top: 0%; opacity: .7;}
100% {left: -45%; top: 120%; opacity: 0}
}

@-moz-keyframes liuxing10 
{
0%   {left:5%;top: 0%; opacity: .7;}
100% {left: -45%; top: 120%; opacity: 0}
}

@-webkit-keyframes liuxing10 
{
0%   {left:5%;top: 0%; opacity: .7;}
100% {left: -45%; top: 120%; opacity: 0}
}

@-o-keyframes liuxing10 
{
0%   {left:5%;top: 0%; opacity: .7;}
100% {left: -45%; top: 120%; opacity: 0}
}


@keyframes liuxing1
{
0%   {left: 15%;top: 0%; opacity: .7;}
100% {left: -35%; top: 120%; opacity: 0}
}

@-moz-keyframes liuxing1 
{
0%   {left: 15%;top: 0%; opacity: .7;}
100% {left: -35%; top: 120%; opacity: 0}
}

@-webkit-keyframes liuxing1 
{
0%   {left: 15%;top: 0%; opacity: .7;}
100% {left: -35%; top: 120%; opacity: 0}
}

@-o-keyframes liuxing1 
{
0%   {left: 15%;top: 0%; opacity: .7;}
100% {left: -35%; top: 120%; opacity: 0}
}




@keyframes liuxing2
{
0%   {left:25%;top: 0%; opacity: .7;}
100% {left: -25%; top: 120%; opacity: 0}
}

@-moz-keyframes liuxing2 
{
0%   {left:25%;top: 0%; opacity: .7;}
100% {left: -25%; top: 120%; opacity: 0}
}

@-webkit-keyframes liuxing2 
{
0%   {left:25%;top: 0%; opacity: .7;}
100% {left: -25%; top: 120%; opacity: 0}
}

@-o-keyframes liuxing2 
{
0%   {left:25%;top: 0%; opacity: .7;}
100% {left: -25%; top: 120%; opacity: 0}
}


@keyframes liuxing3
{
0%   {left:35%;top: 0%; opacity: .7;}
100% {left: -15%; top: 120%; opacity: 0}
}

@-moz-keyframes liuxing3 
{
0%   {left:35%;top: 0%; opacity: .7;}
100% {left: -15%; top: 120%; opacity: 0}
}

@-webkit-keyframes liuxing3 
{
0%   {left:35%;top: 0%; opacity: .7;}
100% {left: -15%; top: 120%; opacity: 0}
}

@-o-keyframes liuxing3 
{
0%   {left:35%;top: 0%; opacity: .7;}
100% {left: -15%; top: 120%; opacity: 0}
}


@keyframes liuxing4
{
0%   {left:45%;top: 0%; opacity: .7;}
100% {left: -5%; top: 120%; opacity: 0}
}

@-moz-keyframes liuxing4 
{
0%   {left:45%;top: 0%; opacity: .7;}
100% {left: -5%; top: 120%; opacity: 0}
}

@-webkit-keyframes liuxing4 
{
0%   {left:45%;top: 0%; opacity: .7;}
100% {left: -5%; top: 120%; opacity: 0}
}

@-o-keyframes liuxing4 
{
0%   {left:45%;top: 0%; opacity: .7;}
100% {left: -5%; top: 120%; opacity: 0}
}


@keyframes liuxing5
{
0%   {left:55%;top: 0%; opacity: .7;}
100% {left: 5%; top: 120%; opacity: 0}
}

@-moz-keyframes liuxing5 
{
0%   {left:55%;top: 0%; opacity: .7;}
100% {left: 5%; top: 120%; opacity: 0}
}

@-webkit-keyframes liuxing5 
{
0%   {left:55%;top: 0%; opacity: .7;}
100% {left: 5%; top: 120%; opacity: 0}
}

@-o-keyframes liuxing5 
{
0%   {left:55%;top: 0%; opacity: .7;}
100% {left: 5%; top: 120%; opacity: 0}
}


@keyframes liuxing6
{
0%   {left:65%;top: 0%; opacity: .7;}
100% {left: 15%; top: 120%; opacity: 0}
}

@-moz-keyframes liuxing6 
{
0%   {left:65%;top: 0%; opacity: .7;}
100% {left: 15%; top: 120%; opacity: 0}
}

@-webkit-keyframes liuxing6 
{
0%   {left:65%;top: 0%; opacity: .7;}
100% {left: 15%; top: 120%; opacity: 0}
}

@-o-keyframes liuxing6 
{
0%   {left:65%;top: 0%; opacity: .7;}
100% {left: 15%; top: 120%; opacity: 0}
}


@keyframes liuxing7
{
0%   {left:75%;top: 0%; opacity: .7;}
100% {left: 25%; top: 120%; opacity: 0}
}

@-moz-keyframes liuxing7 
{
0%   {left:75%;top: 0%; opacity: .7;}
100% {left: 25%; top: 120%; opacity: 0}
}

@-webkit-keyframes liuxing7 
{
0%   {left:75%;top: 0%; opacity: .7;}
100% {left: 25%; top: 120%; opacity: 0}
}

@-o-keyframes liuxing7 
{
0%   {left:75%;top: 0%; opacity: .7;}
100% {left: 25%; top: 120%; opacity: 0}
}



@keyframes liuxing8
{
0%   {left:85%;top: 0%; opacity: .7;}
100% {left: 35%; top: 100%; opacity: 0}
}

@-moz-keyframes liuxing8 
{
0%   {left:85%;top: 0%; opacity: .7;}
100% {left: 35%; top: 100%; opacity: 0}
}

@-webkit-keyframes liuxing8 
{
0%   {left:85%;top: 0%; opacity: .7;}
100% {left: 35%; top: 100%; opacity: 0}
}

@-o-keyframes liuxing8 
{
0%   {left:85%;top: 0%; opacity: .7;}
100% {left: 35%; top: 100%; opacity: 0}
}


@keyframes liuxing9
{
0%   {left:95%;top: 0%; opacity: .7;}
100% {left: 45%; top: 120%; opacity: 0}
}

@-moz-keyframes liuxing9 
{
0%   {left:95%;top: 0%; opacity: .7;}
100% {left: 45%; top: 120%; opacity: 0}
}

@-webkit-keyframes liuxing9 
{
0%   {left:95%;top: 0%; opacity: .7;}
100% {left: 45%; top: 120%; opacity: 0}
}

@-o-keyframes liuxing9 
{
0%   {left:95%;top: 0%; opacity: .7;}
100% {left: 45%; top: 120%; opacity: 0}
}


@keyframes liuxing11
{
0%   {left:105%;top: 0%; opacity: .7;}
100% {left: 55%; top: 120%; opacity: 0}
}

@-moz-keyframes liuxing11 
{
0%   {left:105%;top: 0%; opacity: .7;}
100% {left: 55%; top: 120%; opacity: 0}
}

@-webkit-keyframes liuxing11 
{
0%   {left:105%;top: 0%; opacity: .7;}
100% {left: 55%; top: 120%; opacity: 0}
}

@-o-keyframes liuxing11 
{
0%   {left:105%;top: 0%; opacity: .7;}
100% {left: 55%; top: 120%; opacity: 0}
}


@keyframes liuxing12
{
0%   {left:115%;top: 0%; opacity: .7;}
100% {left: 65%; top: 120%; opacity: 0}
}

@-moz-keyframes liuxing12 
{
0%   {left:115%;top: 0%; opacity: .7;}
100% {left: 65%; top: 120%; opacity: 0}
}

@-webkit-keyframes liuxing12 
{
0%   {left:115%;top: 0%; opacity: .7;}
100% {left: 65%; top: 120%; opacity: 0}
}

@-o-keyframes liuxing12 
{
0%   {left:115%;top: 0%; opacity: .7;}
100% {left: 65%; top: 120%; opacity: 0}
}


@keyframes liuxing13
{
0%   {left:125%;top: 0%; opacity: .7;}
100% {left: 75%; top: 120%; opacity: 0}
}

@-moz-keyframes liuxing13 
{
0%   {left:125%;top: 0%; opacity: .7;}
100% {left: 75%; top: 120%; opacity: 0}
}

@-webkit-keyframes liuxing13 
{
0%   {left:125%;top: 0%; opacity: .7;}
100% {left: 75%; top: 120%; opacity: 0}
}

@-o-keyframes liuxing13 
{
0%   {left:125%;top: 0%; opacity: .7;}
100% {left: 75%; top: 120%; opacity: 0}
}


@keyframes liuxing14
{
0%   {left:135%;top: 0%; opacity: .7;}
100% {left: 85%; top: 120%; opacity: 0}
}

@-moz-keyframes liuxing14 
{
0%   {left:135%;top: 0%; opacity: .7;}
100% {left: 85%; top: 120%; opacity: 0}
}

@-webkit-keyframes liuxing14 
{
0%   {left:135%;top: 0%; opacity: .7;}
100% {left: 85%; top: 120%; opacity: 0}
}

@-o-keyframes liuxing14 
{
0%   {left:135%;top: 0%; opacity: .7;}
100% {left: 85%; top: 120%; opacity: 0}
}

.time_warp{width: 100%; height: 950px; min-width:1200px; background:url(../image/bg2.jpg) #f6f7fb center center no-repeat;}
.timebox{ width:700px ; margin: 0 auto; position: relative;}
.timebox .title{ font-size: 30px; color: #3e4d6a; text-align: center; margin: 0 auto; padding-top: 80px; margin-bottom: 80px;}
.timebox{ height: 920px;}
.timebox .c_r{width: 48%; margin-left: 52%; opacity: 0; transition: all 1s linear;   }
.timebox .c_l{width: 48%; margin-right: 52%; opacity: 0;transition: all 1s linear; }
.timebox .line{ background: url(../image/line.png) left 12px repeat-x; width: 35%; height: 50px;}
.timebox .tt{ font-size: 21px; color: #0070d2; margin-bottom: 25px; width:30%;* margin-bottom: 0;}
.timebox .des{ font-size: 16px; color: #6b737f; width: 100%;}
.timebox .c_r .fl{ width: 100%;*height: 52px;}
.timebox .c_r .fr{ width: 65%;}
.timebox .c_r .fl .tt{ float: left; width: 60%; margin-left: 5%;   *margin-left: 2.5%;   }
.timebox  .c_r .line{ float: left;}

.timebox .c_l .line{ float: right;}
.timebox .c_l .fl .tt{ float: left; width: 60%;}
.timebox .c_l .fl{ width:100%;*height: 52px; overflow: hidden;}
.timebox .c_l .fr{ width: 100%;overflow: hidden;}

.timebox .line_box{ width:45px ; position: absolute; left: 47%; bottom:35px; height:690px;}
.timebox .line_box i,.timebox .line_box span{ margin: 0 auto;display: block;text-align: center; color: #6b737f; font-size: 16px; }
.timebox .line_box span{ height: 30px; line-height: 30px;}
.timebox .line_box .ico_qian{ background: url(../image/q.png) center center no-repeat; width: 10px; height: 10px; }
.timebox .line_box .ico_line{ width: 1px; height: 40px; text-align: center; background: #0070d2; padding-right: 1px;}
.timebox .line_box .ico_feiji{ background: url(../image/fj.png) center center no-repeat; width: 25px; height: 30px; visibility: hidden; transition: all 0.5s linear;*visibility: visible;}
.timebox .line_box .ico_cl{ background: url(../image/cl.png) center center no-repeat; width: 24px; height: 23px;}
.timebox .line_box .ico_fly{ position: absolute; bottom: 46px; left: 0; right: 0;z-index: 200; margin: 0 auto; background: url(../image/fj.png) center center no-repeat; width: 25px; height: 30px; display: block; transition: all 2.5s linear; }
.timebox.active .line_box .ico_fly{ bottom: 660px;*visibility: hidden;}
.timebox.active .line_box .ico_feiji{visibility: visible;transition-delay: 2.5s;}

.timebox .cl1{transition-delay: 0s;}
.timebox .cl2{transition-delay: 0.5s;}
.timebox .cl3{transition-delay: 1s;}
.timebox .cl4{transition-delay: 1.5s;}
.timebox .cl5{transition-delay: 2s;}
.timebox .cl6{transition-delay: 2.5s;}

.timebox.active .c_r,.timebox.active .c_l{opacity:1;}


.doSomething{ width: 100%; height: 755px; min-width: 1200px; background: #ffffff;}
.doSomething .someBox{ width: 1158px; margin: 0 auto;}
.doSomething .someBox .title{ color: #3e4d6a; font-size: 30px; margin-top: 86px; margin-bottom: 76px; text-align: center;}
.doSomething .someBox ul li{ float: left; width: 344px; height: 482px; padding: 30px 21px; text-align: center; margin-right: 0px;}
.doSomething .someBox ul li .border{ background: #FFFFFF; display: block;border: 1px  solid #eef0f4; height: 480px;}
.doSomething .someBox ul li:last-child{ margin-right: 0;}
.doSomething .someBox ul li:hover{ background: url(../image/boxbg.jpg) center center no-repeat;}
.doSomething .someBox ul li img{ margin: 30px auto;}
.doSomething .someBox ul li .tt{ font-size: 18px; color: #3f4c6c; text-align: center; margin-bottom: 25px;}
.doSomething .someBox ul li .des{ font-size: 14px; color: #6b737f; text-align: left; padding: 0 44px; line-height: 25px;}

.footer{ width: 100%; height: 160px; min-width: 1200px; background: url(../image/footerbg1.jpg) center center no-repeat #272853;}
.ftbox{ width: 850px; margin: 0 auto;}
.ftbox .logo{  margin-top: 48px;line-height: 33px; float: left;}
.ftbox .menus{padding-top: 43.5px; margin-left: 50px; *margin-left: 25px;}
.ftbox .menus ul li{ float: left;width: 150px; height: 70px; line-height: 70px; border: 1px solid #FFFFFF transparent; color: #9395ab; font-size: 16px;text-align: center;}
.ftbox .menus ul li a{ color: #9395ab;}
.copyright{ width: 100%; text-align: center; height: 30px; background: #222247; color: #ffffff; min-width: 1200px; font-size: 12px; line-height: 30px;}


.join_us .header{ width: 100%; height: 120px; min-width:1200px; background: #ffffff; overflow: hidden;}
.join_us  .header .menus ul li.active{ border:1px solid #3e4d6a; }
.join_us  .header .menus ul li a{ color: #3e4d6a;}
.join_us .banner{ width: 100%; height: 570px; min-width: 1200px; background: url(../image/bg3.png) center center no-repeat; background-size:auto 100%;}
.joinbox{ width: 100%;height: 1010px; margin: 0 auto; background: #f6f7fb;min-width: 1200px;}
.joinbox .joinbox_top{ width: 1150px; padding: 22.5px; background: url(../image/join_us_top.png) center center no-repeat; margin: 0 auto; position: relative; top: -100px; z-index: 3;}
.joinbox .joinbox_mid{ width: 1150px; padding:0 22.5px; background: url(../image/join_us_mid.png) center center repeat-y; margin: 0 auto;position: relative; top: -102px;*top: -103px; z-index: 3; }
.joinbox .joinbox_bot{ width: 1150px; padding: 22.5px; background: url(../image/join_us_bot.png) center center no-repeat; margin: 0 auto;position: relative; top: -100px;*top: -108px; z-index: 3;  }
.joinbox .joinbox_mid .title{ font-size: 30px; color: #3e4d6a; text-align: center; padding: 70px 0  25px;}
.joinbox .joinbox_mid .des{ font-size: 21px; color: #848e9f; text-align: center; line-height: 39px;}
.joinbox ul{ margin: 0 auto; width: 990px; margin-top: 50px;}
.joinbox ul li{ width: 227px; height: 340px; float: left; border: 1px solid #eeeeee; border-radius: 3px; margin-right: 18px; overflow: hidden; border-top: none;}
.joinbox ul li img{ width: 227px; display: block;}
.joinbox ul li .dt{ font-size: 18px; color: #3f4c6c; padding: 20px; padding-bottom: 0; text-align: left; margin-bottom: 15px;}
.joinbox ul li .dd{font-size: 12px; color: #3f4c6c;padding: 20px; padding-top: 0; padding-right: 16px; text-align: left;}
.joinbox .description{ font-size: 18px; color: #848e9f; text-align: center; line-height: 43px; margin-top: 50px;}

.texingbox{ background: #FFFFFF; width: 100%; height: 748px;min-width: 1200px;}
.texingbox .title{ font-size: 30px; color: #3e4d6a; padding-top: 270px; text-align: center;}
.cirlebox{ width: 640px; height: 340px; margin: 0 auto; margin-top: 80px; position: relative;}
#cirlebox_mid{ position: absolute; left: 500px; top: 210px; width: 1px; height: 1px;}
.cirlebox .p{ position: absolute; left: 0; top: 0; z-index: 1; background: #FFFFFF;font-size: 16px; text-align: center; 
  }

.cirlebox .p{ width: 50px; height: 50px; }
.cirlebox .p1{ width: 90px; height: 90px; left: -78px; top: 48px; 
  -webkit-animation: float3 linear 17.0s infinite;
  animation: float3 linear 17.0s infinite; }
.cirlebox .p2{ width: 50px; height: 50px;left: 140px; top: -13px;
-webkit-animation: float2 ease-in-out 13.0s infinite;
  animation: float2 ease-in-out 13.0s infinite;
}
.cirlebox .p3{ width: 40px; height: 40px;left: 302px; top:4px;
-webkit-animation: float3 linear 12.0s infinite;
  animation: float3 linear 12.0s infinite;
}
.cirlebox .p4{ width: 90px; height: 90px;left: 493px; top:54px;
 -webkit-animation: float3 ease-in-out 18.0s infinite;
  animation: float3 ease-in-out 18.0s infinite; 
 }
.cirlebox .p5{left: 621px; top:105px;
-webkit-animation: float2 ease-in-out 13.0s infinite;
  animation: float2 ease-in-out 13.0s infinite;
 }
.cirlebox .p6{left: 519px; top:183px;
	-webkit-animation: float2 linear 13.5s infinite;
  animation: float2 linear 13.5s infinite;
 }
.cirlebox .p7{ left: 673px; top:196px;
-webkit-animation: float2 ease-in-out 14.0s infinite;
  animation: float2 ease-in-out 14.0s infinite;
 }
.cirlebox .p8{ left: 330px; top:272px;
-webkit-animation: float2 linear 15.0s infinite;
  animation: float2 linear 15.0s infinite;
}
.cirlebox .p9{ width: 70px; height: 70px; left: 140px; top:275px;
	-webkit-animation: float2 ease-in-out 14.0s infinite;
  animation: float2 ease-in-out 14.0s infinite;
 }
.cirlebox .p10{ left:-41px; top:192px;
-webkit-animation: float2 ease-in-out 15.0s infinite;
  animation: float2 ease-in-out 15.0s infinite;
}
.cirlebox .p11{ left: -190px; top:102px;
-webkit-animation: float3 linear 13.0s infinite;
  animation: float3 linear 13.0s infinite;
}
.cirlebox .p12{ left: 130px; top:105px;
-webkit-animation: float1 ease-in-out 16.0s infinite;
  animation: float1 ease-in-out 16.0s infinite; }
.cirlebox .p img{ height: 100%; float: left;}
.cirlebox .p .txt{float: left; width: 0; height: 0; overflow: hidden;}
.cirlebox .p.active{ width: 260px; height: 80px; overflow: hidden; padding: 20px; border: 1px solid #D5D5D5; box-shadow: 0px 0px 10px #999999; z-index: 2;}
.cirlebox .p.active img{ width:80px; height: 80px; float: left;}
.cirlebox .p.active .txt{float: left; width:180px;height:80px; padding:10px 10px; box-sizing: border-box; line-height: 30px; overflow: hidden;}

.wantucontent{ background: #f6f7fb; width: 100%;padding-bottom: 80px;}

.wantu{ background: #FFFFFF;  width: 1200px; margin: 0 auto; height: auto; }
.wantucontent .title{ color:#3e4d6a ; font-size: 30px; text-align: center; padding: 50px 0;}
.wantu .wantbox{ width: 1200px; border: 2px solid #e9ecf2; box-sizing: border-box; background: #FFFFFF;}
.wantu .wantbox .list{ padding: 20px 50px;}
.wantu .wantbox .list .itemlist{ width: 100%; line-height: 70px; border-bottom: 1px solid #e9ecf2;}
.wantu .wantbox .list .itemlist:last-child{ border-bottom: none;}
.wantu .wantbox .list .itemlist .fl{ float: left; font-size: 14px; color: #3e4d6a;}
.wantu .wantbox .list .itemlist .fl img{ margin-left: 20px; vertical-align: middle;}
.wantu .wantbox .list .itemlist .fl .ico_down{ display: inline-block; background: url(../image/ico_down.png); width: 12px; height: 8px; vertical-align: middle; float: right; margin-top: 31px;*margin-top: -37px;}
.wantu .wantbox .list .itemlist .fl.fst{ font-size: 16px}
.wantu .wantbox .list .itemlist .fl.tt{ font-size: 21px; color: #0070d2; text-align: left; }
.wantu .wantbox .list .itemlist .table{transition: all 0.5s ease; overflow: hidden; width: 100%;height: 0; float: left; color: #3e4d6a; line-height: 26px; background: #f6f7fb; padding-left: 15px; font-size: 14px}
.wantu .wantbox .list .itemlist.active .table{ border-top: 1px solid #e9ecf2;}
.wantu .wantbox .list .itemlist .table span.tbtt{ padding-top: 30px; display: inline-block;}
.wantu .wantbox .list .itemlist .table a{ display: inline-block;  margin: 40px 15px 40px 0;}
.wantu .wantbox .list .itemlist2 .fl{ float: left; font-size: 14px; color: #3e4d6a; cursor: pointer;}

.w40{ width: 40%;}
.w20{ width: 20%;}
 
.wantu .wantbox .list .itemlist.active .table1{ height: 770px;}
.wantu .wantbox .list .itemlist.active .table2{ height: 570px;}
.wantu .wantbox .list .itemlist.active .table3{ height: 570px;}
.wantu .wantbox .list .itemlist.active .table4{ height: 480px;}
.wantu .wantbox .list .itemlist.active .table5{ height: 390px;}

.wantu .wantbox .list .itemlist.active .table6{ height: 500px;}
.wantu .wantbox .list .itemlist.active .table7{ height: 500px;}
.wantu .wantbox .list .itemlist.active .table8{ height: 500px;}
.wantu .wantbox .list .itemlist.active .table9{ height: auto;}
.wantu .wantbox .list .itemlist.active .table10{ height: 770px;}





.contact .header{ width: 100%; height: 120px; min-width:1200px; background: #ffffff; overflow: hidden;}
.contact  .header .menus ul li.active{ border:1px solid #3e4d6a; }
.contact  .header .menus ul li a{ color: #3e4d6a;}
.contact .banner{ width: 100%; height: 590px; min-width: 1200px; background: url(../image/bg4.jpg) #f5f4f0 center center no-repeat; background-size:auto 100% ;}
.contact .banner .mapBox{
    width: 100%;
    height: 100%;
    position: relative;
    }
.contact .banner .mapBox #map{ height: 100%;}
.anchorBL{ display: none;}    
.contactbox{ background: #FFFFFF; height: auto;}

.contactbox ul { padding-top: 128px; margin-top: 0;}
.contactbox ul li{width: 300px; height: 240px; float: left; border: none; border-radius: 3px; margin-right: 18px; text-align: center;}
.contactbox ul li img{ width: auto; text-align: center; margin: 0 auto;}
.contactbox .p1{ font-size: 21px; color: #3e4d6a; text-align: center; height: 60px; line-height: 60px;}
.contactbox .p2{ font-size: 16px; color: #848e9f; text-align: center; line-height: 24px;}



@-webkit-keyframes float1 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(1em);
    transform: translateY(1em);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes float1 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(0.3em);
    transform: translateY(0.3em);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes float2 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(0.5em);
    transform: translateY(0.5em);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes float2 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(1em);
    transform: translateY(1em);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes float3 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(1em);
    transform: translateY(1em);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes float3 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(1em);
    transform: translateY(1em);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}



.join_us{min-width: 1200px; margin: 0 auto;}
.join_us .banner2{ width: 100%; height: 630px;background: #FFFFFF;min-width: 1200px; overflow: hidden;}
.join_us .banner2 .banner_container{ position: relative; width: 100%; height: 100%;}
.join_us .banner2 .banner_container .divimg{ background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; transition: background-size 0.3 linear;-webkit-transition:0.3s background-size linear;-moz-transition:0.3s background-size linear;-ms-transition:0.3s background-size linear; }
.join_us .banner2 .banner_container .divimg:hover{ background-size: 105% 105%;}
.join_us .banner2 .banner_container .div1{ width: 210px; height: 210px; position: absolute; left: 0; top: 0; }
.join_us .banner2 .banner_container .div2{ width: 210px; height: 210px; position: absolute; left: 0; top: 210px;}
.join_us .banner2 .banner_container .div3{ width: 420px; height: 420px; position: absolute; left: 210px; top:0px;}
.join_us .banner2 .banner_container .div4{ width: 210px; height: 210px; position: absolute; left: 630px; top:0px; }
.join_us .banner2 .banner_container .div5{ width: 210px; height: 210px; position: absolute; left: 840px; top:0px; }
.join_us .banner2 .banner_container .div6{ width: 420px; height: 420px; position: absolute; left: 630px; top:210px; }
.join_us .banner2 .banner_container .div7{ width: 210px; height: 210px; position: absolute; left: 1050px; top:0px; }
.join_us .banner2 .banner_container .div8{ width: 210px; height: 210px; position: absolute; left: 1050px; top:210px;}
.join_us .banner2 .banner_container .div9{ width: 210px; height: 210px; position: absolute; left: 1050px; top:420px; }
.join_us .banner2 .banner_container .div10{ width: 420px; height: 420px; position: absolute; left: 1260px; top:0px;}
.join_us .banner2 .banner_container .div11{ width: 210px; height: 210px; position: absolute; left: 1680px; top:0px;}
.join_us .banner2 .banner_container .div12{ width: 210px; height: 210px; position: absolute; left: 1680px; top:210px;}
.join_us .banner2 .banner_container .div13{ width:210px; height: 210px; position: absolute; left: 1890px; top:0px;}
.join_us .banner2 .banner_container .div14{ width: 210px;height: 210px; position: absolute; left: 2100px; top:0px;}
.join_us .banner2 .banner_container .div15{ width: 420px; height: 420px; position: absolute; left:1890px; top:210px;}
.join_us .banner2 .banner_container .div16{ width: 210px; height: 210px; position: absolute; left: 0px; top:420px; }
.join_us .banner2 .banner_container .div17{ width: 210px; height: 210px; position: absolute; left: 210px; top:420px;}
.join_us .banner2 .banner_container .div18{ width: 210px; height: 210px; position: absolute; left: 420px; top:420px; }
.join_us .banner2 .banner_container .div19{ width: 210px; height: 210px; position: absolute; left: 1260px; top:420px; }
.join_us .banner2 .banner_container .div20{ width: 210px; height: 210px; position: absolute; left: 1470px; top:420px;}
.join_us .banner2 .banner_container .div0{ width: 210px; height: 210px; position: absolute; left: 1680px; top:420px; }


.dous{
	width: 1200px;
	margin: 0 auto;
	background: #FFFFFF;
}
.dous .title{
	color: #3e4d6a;
	font-size: 30px;
	text-align: center;
	padding-top: 115px;
	padding-bottom: 90px;
}
.dous .usbox{
	overflow: hidden;
	padding-bottom: 75px;
	border-bottom: 1px solid #f0f5ff;
}
.dous .usbox .fl{
	width: 680px;
	
}
.dous .usbox .fl .tt{
	color: #3f4c6c;
	font-size: 24px;
	padding-bottom: 40px;
}
.dous .usbox .fl .des{
	line-height: 34px;
	color: #6b737f;
	font-size: 18px;
	
}
.dous .usbox .fl .boxs{
	margin-top: 25px;
	text-align: left;
	overflow: hidden;
}

.dous .usbox .fl .moreInfo{
	margin-top: 5px;
	height: 25px;
	line-height: 25px;
	
}
.dous .usbox .fl .moreInfo a{
	color: #0070D2;
	cursor: pointer;
}
.dous .usbox .fl .boxs .box{
	height: 97px;
	width: 149px;
	line-height: 97px;
	margin-right: 15px;
	background: #f0f5ff;
	color: #0070d2;
	font-size: 24px;
	text-align: center;
	float: left;
	
}
.dous .usbox .fl .boxs2 .box{
	width:236px;
}
.dous .usbox .fl .texts{
	text-align: left;
	overflow: hidden;
}
.dous .usbox .fl .texts .text{
	height: 50px;
	width: 149px;
	line-height: 50px;
	margin-right: 15px;
	color: #6b737f;
	font-size: 14px;
	text-align: center;
	float: left;
	
}
.dous .usbox .fl .texts2 .text{
		width:236px;
}
.dous .usbox .fr{
	width:520px ;
}

.joinwp{
	width: 100%;
	min-width: 1200px;
	height: 320px;
	background: url(../image/jobg.png) center center no-repeat;
	background-color: #FFFFFF;
}

.joinwp .title{
	text-align: center;
	color: #3f4c6c;
	font-size: 24px;
	padding-top: 85px;
	padding-bottom: 45px;
}

.joinwp .btn{
	background: #4181ce;
	text-align: center;
	width: 287px;
	height: 61px;
	color: #ffffff;
	font-size: 24px;
	line-height: 61px;
	margin: 0 auto;
	display: block;
}

.ppbox{
	padding-top: 135px;
	text-align: left;
	width: 978px;
	overflow: hidden;
	margin: 0 auto;
	height: 324px;
	overflow: hidden;
}
.ppbox .img{
	float: left;
	width: 306px;
	height: 324px;
	margin-right: 30px;
	position: relative;
}
.ppbox .img:last-child{
	margin-right: 0;
}
.ppbox .img img{
	position: absolute;
	left: 0;
	bottom: -48px;
	width: 306px;
	height: 371px;
	transition: all 0.25s linear;
	
}
.ppbox .img:hover img{
		bottom: 0;
}

.detailWarp{
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 220px;
}
.detailWarp .tt{
	font-size: 24px;
	color: #333333;
	font-weight: bold;
	margin-top: 40px;
	margin-bottom: 20px;
	padding: 0px;
	text-align: left;
}
.detailWarp .des{
	font-size: 14px;
	line-height: 25px;
  margin-bottom: 20px;
	color: #666666;
	padding: 0px;
	text-align: left;
}
.detailWarp .imgBox{
	margin: 60px auto 120px;
	padding: 0px;
}
.detailWarp  .imgBox img{
	width: 100%;
}
.jointxt{
	text-align: center;
	color: #666666;
	font-size: 18px;
	margin-top:80px;
}
.joinBtn{
	margin: 30px auto;
	color: #FFFFFF;
	text-align: center;
	width: 200px;
	padding: 0 60px;
	background: #0070D2;
	font-size: 16px;
	height: 50px;
	line-height: 50px;
}