body{ margin:0; padding:0; font-size:12px;  /*font-family:"SimSun";*/ font-family:"Microsoft YaHei"; color:#6b6b6b;  background:#f5f5f5;  }
ul,li,p,strong,h3,table,form,tr,td,ol,dl,dd,dt,map,area,h3,h1,h4,input{ margin:0; padding:0; list-style:none; border:0; }
img{border:0; max-width:100%; }
a{ text-decoration:none; outline:none; *hide-focus:expression(this.hideFocus=true); color:#000000; cursor:pointer; }
font {font-size:12px;}
.banner{ display:block;  *hide-focus:expression(this.hideFocus=true);}
.com{ display:block; margin:0 auto;}
.mt8{ margin-top:8px;}
.p2em{ text-indent:2em;}
.clr{ clear:both; height:0px; overflow:hidden; display:block;}
.clr5{ clear:both; height:5px; overflow:hidden; display:block;}
.clr10{ clear:both; height:10px; overflow:hidden; display:block;}
.red{ color:#FF0000;}
.red_ee{ color:#ec2020;}
.f20{ font-size:20px;}
.f14{ font-size:14px;}
.l{ float:left;}

.bottom{ width:100%; height:110px; padding-top:40px; text-align:center; background:#333333; color:#cccccc; line-height:30px; }
.wrapbg{ width:100%; min-width:1000px; position:relative; }
#mainWrapper{ position:absolute; left:0; top:0; width:100%; }
.wrapcom{ width:100%; min-width:1000px; position:relative; background-size: cover; background-repeat:no-repeat; background-position: 50% 50%; overflow:hidden; 
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
}
.wrap{ width:820px; margin:0 auto; position:relative; }
.img{
	-webkit-transition: -webkit-transform 3s ease-out 0s; 
			transition:transform 3s ease-out 0s; 
}
.trion{
	-webkit-transition: all 0.4s ease-out 0s;
	-moz-transition: all 0.4s ease-out 0s;
	-o-transition: all 0.4s ease-out 0s;
	-ms-transition: all 0.4s ease-out 0s;
	transition: all 0.4s ease-out 0s;
}
.main{ min-height:680px; -height:680px; }
.cover{ width:100%; height:100%; display:none; position:absolute; left:0; top:0; background:#000; filter:alpha(opacity=70);-moz-opacity:0.7;	-khtml-opacity: 0.7;	opacity: 0.7;}
.tcc{ position:absolute; width:800px; height:720px; left:50%; top:50%; margin:-360px 0 0 -400px; background:#f5f5f5 url(../images/tcbg.jpg) no-repeat center bottom; background-size:100% auto; display:none; }
.tcc.on,.cover.on{ display:block; }
.close{ position:absolute; width:79px; height:79px; top:0; right:-94px; background:url(../images/close.png) no-repeat;  }

.fenlei{ text-align:center; margin-top:80px; }
.fenlei span{ display:inline-block; width:174px; height:236px; text-align:center; font-weight: bold; font-size:18px; }
.fenlei span a{ display:inline-block; width:126px; height:126px; margin-bottom:28px; border-radius:50%; background-image:url(../images/menu.png); background-repeat:no-repeat;/* -webkit-transition-duration:.3s; transition-duration:.3s;*/
}
.fenlei span.a1 a{ background-color:#505976; background-position:0 0; }
.fenlei span.a2 a{ background-color:#668fd9; background-position:-166px 0; }
.fenlei span.a3 a{ background-color:#32ba96; background-position:-332px 0; }
.fenlei span.a4 a{ background-color:#2ba246; background-position:-499px 0; }
.fenlei span.a5 a{ background-color:#4899e4; background-position:-666px 0; }
.fenlei span.a6 a{ background-color:#8e70bc; background-position:-834px 0; }

.fenlei span.a1 a:hover{ background-color:#343a52; }
.fenlei span.a2 a:hover{ background-color:#456ac6; }
.fenlei span.a3 a:hover{ background-color:#1f9b71; }
.fenlei span.a4 a:hover{ background-color:#1a7e2c; }
.fenlei span.a5 a:hover{ background-color:#2e74d6; }
.fenlei span.a6 a:hover{ background-color:#694d9e; }

.flist{ display:inline-block; *display:inline; zoom:1; width:174px; height:198px; text-align:center; vertical-align:top;  }
.flist a{ display:inline-block; width:100%; height:34px; text-align:center; color:#666666; }
.flist a.se1:hover{ color:#9966ff; }
.flist a.se2:hover{ color:#00cccc; }
.flist a.se3:hover{ color:#00ccff; }
.flist a.se4:hover{ color:#ff33ff; }
.flist a.se5:hover{ color:#ff9900; }
.flist a.se6:hover{ color:#ff6600; }
.flist a.se7:hover{ color:#ff6699; }

.tdbtn{ display:block; width:220px; height:60px; border-radius:60px; margin:0 auto; overflow:hidden; text-indent:-999px; background:#f8504b url(../images/tdbtn.png) no-repeat center center;  }
.tdbtn:hover{ background-color:#dd332e; -webkit-transform:scale(1.1); transform:scale(1.1); }

.tcc .tdbtn{  display:block; width:220px; height:60px; border-radius:60px; margin:0 auto; overflow:hidden; text-indent:-999px; background:#f8504b url(../images/tdbtn.png) no-repeat center center; }


.gwbtn{ display:block; width:220px; height:60px; border-radius:60px; margin:0 auto; overflow:hidden; text-indent:-999px; background:#f8504b url(../images/gwbtn.png) no-repeat center center;  }
.gwbtn:hover{ background-color:#dd332e; -webkit-transform:scale(1.1); transform:scale(1.1); }

.tcc .gwbtn{  display:block; width:220px; height:60px; border-radius:60px; margin:0 auto; overflow:hidden; text-indent:-999px; background:#f8504b url(../images/gwbtn.png) no-repeat center center; }


.b1{  background-image:url(../images/b1.jpg); height:1150px; }
.b2{  background-image:url(../images/b2.jpg); }
.b3{  background-image:url(../images/b3.jpg); }
.b4{  background-image:url(../images/b4.jpg); background-repeat:repeat; background-size:auto; }

.head{ position:absolute; width:100%; height:80px; line-height:80px; font-size:16px;left:0; top:0; z-index:999; background:#000000;background-color:rgba(0,0,0,0.5);}
/*.logo{ position:absolute; left:0; top:0; width:254px; height:120px; background:url(../images/logo.png) no-repeat;  }*/
.logo{ }
.head p{ padding-left:220px; }
.head a{ margin-left:34px; }
.head a:hover{ color:#fd5d58; }

.clouds{ width:100%; position:absolute; bottom:0; left:0; }
.rencom{ position:absolute; }
.rencom img{ display:block; width:100%; z-index:2; position:relative; }
.ren1{ width:14%; top:45%; left:12%; }
.ren2{ width:12%; top:24%; left:22%; }
.ren3{ width:12%; top:25%; left:64%; }
.ren4{ width:12%; bottom:34%; left:76%; }

.ren5{ width:20%; bottom:3%; left:20%; }
.ren6{ bottom: 9%; left: 50%;  margin-left: -7.9%;  width: 16%; }
.ren7{ width:18%; bottom:3%; left:60%; }

.fjdiv{ width:14%; top:70%; left:80%; }

a.ren6{ height:25%;  }
a.ren1{ height:25%;  }
a.renbtn{ background:url(../images/png.png) repeat;  }

.ren2 span{ left:40%; bottom:-6px; position:absolute; width:60%; height:10%; background:#c2c2c2; -webkit-border-radius:50%; -webkit-transform: rotateZ(-10deg); transform: rotateZ(-10deg); border-radius:50%;  }

.wrap_animate .ren1{ 
    animation: ren1 2s infinite alternate; 
                     transform-origin:center bottom 0;  }

.wrap_animate .fjdiv{ 
    animation: fjdiv 10s forwards; 
                     transform-origin:center bottom 0;  }

.wrap_animate .rencom.rubberBand{ animation: rubberBand 4s infinite alternate; transform-origin:center bottom 0;  }
.wrap_animate .rencom.jello,.wrap_animate img.jello{ animation: jello 4s infinite alternate; transform-origin:center bottom 0;  }
.wrap_animate .rencom.swing{ animation: swing 4s infinite alternate; transform-origin:center bottom 0;  }

.wrap_animate .rencom.ren1{ animation-delay: 1s; }

.wrap_animate .rencom.fjdiv{ animation-delay: 1s; }

    .wrap_animate .rencom.ren1 img { width:50%}

.wrap_animate .rencom.ren3{ animation-delay: 2.5s; }
.wrap_animate .rencom.ren4{ animation-delay: 0.8s; }


.wrap_animate .rencom.ren5{ animation-delay: 2.4s; }
.wrap_animate .rencom.ren6{ animation-delay: 3s; }
.wrap_animate .rencom.ren7{ animation-delay: 3.2s; }


.rencom img.clouds2{ position:absolute;  width: 80%; left:-10%; bottom:-30%; }
#q{ position:absolute; display:none; color:#fff; width:121px; height:118px; padding:40px 10px 0; line-height:24px; text-align:center; background:url(../images/q.png) no-repeat; z-index:2; }
#q span{ color:#ffcc00; } 
.renbtn{ position:absolute; height:36%; z-index:2; }

.sptt{ position:absolute; width:25%; top:18%; left:50%; margin-left:-8%; animation:2.3s linear 0s normal none 1 running dlogo; }
.sptt.on{ top:120px; }
.sptt img{ width:100%; }
.wrap_animate .sptt{
	-webkit-animation-name: dlogo;
   animation-name: dlogo;
}
/*.wrap_animate .current .pImg .s_4
.wrap_animate .sptt img{
	-webkit-animation-name: dlogos;
   animation-name: dlogos;
}
.sp{ position:absolute; width:25%; left:50%; top:33%; margin-left:-12.5%; text-align:center; padding:9px 10px 18px; background:#000;  }*/

.sp{
    position: absolute;
    width: 40%;
    left: 50%;
    top: 12%;
    margin-left: -20%;
    text-align: center;
    padding: 9px 10px 18px;
    /* background: #000; */

}
.sp.on{ top:23%; }
.sp img{ width:100%; }
.sp img.spplayer{ position:absolute; width:15%; left:50%; top:35%; margin-left:-7.5%; display:none;  }

.sliders{ position:fixed; right:1%; top:50%; width:104px; text-align:center; }
.sliders_line{ width:104px; background:url(../images/line.png) repeat-y center 0;  }
.qq{ display:block; margin:0 auto; width:6px; height:6px; border:solid 2px #efa9a7; background:#fff; border-radius:50%; }
.qqas{ margin-top:24px;  }
.sliders li{ margin:18px auto 0; display:block; width:100%; text-align:left; position:relative;  }
.sliders li .subnav a{ width:100%; height:26px; overflow:auto; border:0; background:none; border-radius:0; color:#666666; font-size: 12px;  }
.sliders li .subnav a:hover,.sliders li .subnav a.on{ color:#f8504b; font-weight: bold; }
.sliders a{ display:block; width:10px; height:10px; margin:0 auto; overflow:hidden; border:solid 2px #f8504b; background:#fff; position:relative; font-size:16px; border-radius:50%; }
.sliders a span{ position:absolute; width:80px; height:66px; padding-top:23px; left:50%; top:50%; margin:-44.5px 0 0 -40px; color:#fff; text-align:center; }
.sliders li.on a.trion{ z-index:2; width:80px; height:71px; padding-top:18px; background:url(../images/ico.png) no-repeat; background-size:cover; border:0; border-radius:0; }
.subnav{ position:absolute; right:0; top:0; width:166px; padding-top: 20px; display:none; }
.sliders li.on .subnav{ display:block; }
.sliders a span.faqs{ padding-top:30px; }


.sber{ position:absolute; display:none; left:50%; bottom:2%; left:50%; margin-left:-23px; width:46px; height:122px; background:url(../images/sber.png) no-repeat 0 bottom; }
.sber2{ background-position:-46px bottom; }
.sber3{ background-position:-92px bottom; }

.blist{ position:absolute; width:1210px; height:864px; left:50%; top:50%; margin:-432px 0 0 -605px; }
.tits{ display:block; width:160px; height:54px; margin:0 auto; border-bottom:solid 4px #999999; background:url(../images/tits.png) no-repeat center 0; }
.tits2{ background-position:0 -78px; border-bottom:solid 4px #ffb915; width: 200px;  }
.tits3{ width:200px; background-position:0 -150px; }
.cent{ text-align:center; color:#333333; margin-top:38px; line-height: 28px; }

.blist3{ position:absolute; width:840px; height:728px; left:50%; top:50%; margin:-364px 0 0 -430px; }
.blist3 .cent{ color:#fff; font-size: 16px; }
.blist .cent{ font-size: 16px;  }

.listder{ width:100%; height:364px; position:relative; margin:80px auto; }
.con {  display: none;  height: 474px;  position: absolute;  top: 0;  width: 100%; }
.con.current{ display:block; }
.con .pImg {  border-radius: 140px; height: 280px;  left: 0;  top: 40px;  position: absolute;  width: 280px; }
.con .pImg span {  background: #ccc;  border-radius: 140px; display: block;  height: 280px;  opacity: 0; position: absolute;  width: 280px; }
.con .pImg img { border-radius: 140px; height: 280px; position: absolute;  width: 280px;  z-index: 3; }

.wrap_animate .current .pImg img { /*animation: 2.5s linear 0s normal none 1 running tabcon0cimg;*/  animation-duration: 1.3s; animation-delay:1s; animation-name: tabcon0cimgspan2; }
.wrap_animate .current .pImg .s_1{ /*animation:1.7s linear 0s normal none 1 running tabcon0cimgspan;*/ animation-duration: 1.3s; animation-delay:0.2s; animation-name: tabcon0cimgspan; }
.wrap_animate .current .pImg .s_2{ /*animation:2s linear 0s normal none 1 running tabcon0cimgspan;*/ animation-duration: 1.3s; animation-delay:0.4s; animation-name: tabcon0cimgspan; }
.wrap_animate .current .pImg .s_3{ /*animation:2.3s linear 0s normal none 1 running tabcon0cimgspan;*/ animation-duration: 1.3s; animation-delay:0.6s; animation-name: tabcon0cimgspan; }
.wrap_animate .current .pImg .s_4{ opacity: 1; background:#ffb915; width:316px; height:316px; border-radius:50%; left:-10px; top: -20px; /*animation:2.3s linear 0s normal none 1 running tabcon0cimgspan2;*/ animation-duration: 1.3s; animation-delay:0.8s; animation-name: tabcon0cimgspan2; }

.wrap_animate .current .dTxt0 { /* animation: 1s linear 0s normal none 1 running tabcon0ctxt; animation-duration:2s; */
	animation-duration: 1.3s; animation-delay:0.2s; animation-name: tabcon0ctxt;
}
.con .dTxt0 {  color: #fff; line-height: 26px; position: absolute;  right: 0;  top: 0;  width: 500px; }
.dTxt0 h4{ float:left; height:90px; line-height:90px; font-size: 20px; }
.dTxt0 .dkh{ float:left; display:inline; margin-left:38px; height:90px; line-height:48px; padding-left:32px; background:url(../images/dkh.png) no-repeat 0 62%; }
.pExp{ line-height:28px; }

.dTxts0{ position:absolute; left:345px; bottom:0; text-align:center; }
.dTxts0 a{ display:inline-block; width:16px; height:16px; border:solid 3px #ffffff; margin:0 6px; border-radius:50%; overflow:hidden; }
.dTxts0 a.on{ background:#ffffff;  }

.leftbtn{ position:absolute; left:5%; top:50%; margin-top:-64px; cursor:pointer; height: 86px; }
.rightbtn{ position:absolute; right:10%; top:50%; margin-top:-64px; cursor:pointer; height: 86px; }

.blist4{ position:absolute; width:64%; height:728px; left:16%; top:50%; margin:-364px 0 0 0; }
#listder2{ margin:0 auto 0; }
#listder2 .cent{ margin-bottom:25px; }
#listder2 img{ display:block; margin:0 auto; }
.btrs{ position:absolute; width:100%; text-align:center; left:0; bottom:0; }
.btrs img{ margin:0 10px; width:8%; vertical-align: bottom; }
.btrs img.delay01{ width:7%; }
.btrs img.delay02{ width:5%; }
.btrs img.delay04{ width:10%; }
.btrs img.delay06{ width:7%; margin:0; }
.btrs img.delay07{ width:7%; }

.banner{ width:100%; margin-top:80px; height:240px; text-align:center; background:#f8504b; }
.banner span{ display:inline-block; height:100%; position:relative; width:8%; }
.banner span img{ position:absolute; left:0; bottom:0; width:100%; }
.banner span.netop{ width:15%;  }
.banner span.netop img{ width:120%; left:0; }
.banner span.btr2{ width:6%; }

.navsin{ height:56px; line-height:56px; border-bottom:solid 3px #e1e1e1; margin:52px auto 0; }
.navsin strong{ color:#f8504b; font-size:24px; }
.navsin p{ float:right; }
.navsin p a{ margin:0 4px; color:#333333; }

.faqcon{color:#000;font-size: 14px;  margin-bottom:50px;}
.faqcon .qtit{ background:#e9e9e9 url(../images/q.jpg) no-repeat 12px 8px; padding-left: 62px; margin:16px 0 5px 0; }
.faqcon p{ line-height: 28px; display: block; padding:12px 90px 12px 0; }
.faqcon .atit{ background:url(../images/a.jpg) no-repeat 12px 12px; padding-left: 62px;  }
.faqcon a.wsbtn{ display:block; font-size:20px; font-weight:bold; color:#333333; margin-top:40px; }
.faqcon a{color:#f8504b;}

.travelcon{color:#333;font-size: 16px; margin:50px auto; }
.xcimg{ display:block; margin:0 auto 10px;}
.travelcon p{ line-height: 25px; margin-bottom: 20px; display: block;}
.travelcon a{color:#f8504b;}
.travelcon table{ border-top: #f8504b 5px solid;border-left: #e1e1e1 2px solid;margin-bottom: 20px;}
.travelcon table td{ border-bottom: #e1e1e1 2px solid;border-right: #e1e1e1 2px solid; padding:10px; }

.recruitcon img{ display: block; margin: 50px auto;}
.recruitcon{color:#333;font-size: 16px;}
.recruitcon p{ line-height: 25px; margin-bottom: 20px; display: block;}
.recruitcon a{color:#f8504b;}

.tt1{ float:left; display:inline; font-weight:bold; font-size:16px; color:#00a1e9; width:132px; text-align:right; margin-top:28px; line-height:30px; }
.tts1{ font-size:18px; margin-top:28px; }
.tt2{ float:left; display:inline; height:30px; line-height:30px; min-width:110px; padding:0 12px; font-weight:bold; font-size:16px; color:#fff; background:#f8504b; margin-top:28px; }
.ts2{ margin-left:50px;  }

.msg{ float:left; display:inline; width:724px; font-size:14px; margin-top:28px; line-height:30px; }
.travelcon a.btns{ font-weight:bold; display:block; width:170px; height:44px; line-height:44px; color:#fff; font-size:16px; text-align:center; background:#ff7d09; margin-top:38px; }
.line{ height:0; width:896px; border-bottom:dotted 1px #ccc; display:block; overflow:hidden; margin-top:40px; }

.titss{ display:block; font-size:24px; margin-top:42px; }

.works{ padding:40px 0 0 50px; line-height:26px; display:none; position:relative; height:660px; overflow:hidden; overflow-y:auto; }
.works.on{ display:block; }
.works_tt{ display:inline-block; color:#f8504b; height:50px; border-bottom:solid 5px #e1e1e1; font-size:32px;  }
.tct{ position:absolute; width:20%; left:70%; top:49%; }
.tcmom{ position:absolute; width:40%; left:58%; top:6%; }

.wk1{  margin:20px 0; width:60%;  }
.wk2{ margin-bottom:20px; width: 68%;  }

.graduate{ }
#viewer{ width:770px; margin:60px auto; }

.profilecon{ color:#333; font-size: 16px; padding:60px;  }
.profilecon p{ line-height: 36px; margin-bottom: 20px; display: block;}
.profilecon b{ display: block;}
.profilecon p.slogan b{ line-height: 35px;}
.profilecon span.icotit{ height: 34px; line-height: 34px; display: inline-block; margin-bottom:10px; color:#fff; font-size: 16px; padding-left: 11px; background:#f8504b; }
.profilecon span.icotit em{ height: 34px; line-height: 34px; display: inline-block; padding-right: 11px; font-weight:bold;  }

.career{ margin:60px auto; text-align:center; }
.w70,.career img.w70,.recruitcon img.w70{ width:70%; margin:50px auto; }
.jt{ position:absolute; width:0; height:250px; overflow:hidden; left:-100px; top:15%; }
.jt img{ width:1400px; max-width:none; position:absolute; left:0; top:0; }
.wrap_animate .jt{ width:1400px;  }
.weixin{ text-align:center; margin:15px 0 0; display:block; font-size: 12px; }
.weixin img{ border:solid 4px #fff; width:80%; }