@charset "utf-8";
/* 全局样式 */

/*html {-webkit-filter: grayscale(100%);}*/
/* 全站黑白色滤镜，哀悼用 */

*{ box-sizing:border-box;}
body,ul,dl,dd,dt,ol,li,p,h1,h2,h3,h4,h5,h6,textarea,form,select,fieldset,table,td,div,input{margin:0;padding:0;-webkit-text-size-adjust:none}h1,h2,h3,h4,h5,h6{font-weight:normal;font-family:"Microsoft YaHei"}body>div,form>div{margin:0 auto}div{text-align:left}a img{border:0}img{vertical-align:middle}table{border-collapse:collapse;border-spacing:0}select,input,textarea{outline:0;font-family:"Microsoft YaHei"}ul,ol,li{list-style-type:none;vertical-align:0}a{outline-style:none;color:#666;text-decoration:none}a,area{blr:expression(this.onFocus=this.blur())}:focus{-moz-outline-style:none}.clear{clear:both;height:0;overflow:hidden;visibility:hidden}.hidden,.hide,.hides{display:none}.block,.show{display:block}.fl{float:left}.fr{float:right}.fline{float:left;display:inline}.clearfix:after{clear:both;content:".";height:0;display:block;visibility:hidden}.chgBtn{cursor:pointer}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}.f12{font-size:12px}.f13{font-size:13px}.f14{font-size:14px}.f15{font-size:15px}.f16{font-size:16px}.f18{font-size:18px}.far{font-family:Arial}.fb{font-weight:bold}.auto{margin-left:auto;margin-right:auto}.cor_org{color:#ff5c00}.cor_blue{color:#2599d7}.text_rig{text-align:right}.text_lef{text-align:left}.pr{position:relative}.pa{position:absolute}.mt10{margin-top:10px}.mb10{margin-bottom:10px}.pt10{padding-top:10px}.pb10{padding-bottom:10px}.gray{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray}
.wrap{ width:1200px; margin:0 auto;}
body { text-align:center; font-size:14px; color:#333333; background:#FFFFFF; font-family:"Microsoft YaHei"; min-width:1200px; max-width:1920px; margin:0 auto;}
.text_cen{ text-align:center;}
.font24{ font-size:24px;}
.fontHeight{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; }
.imgBg{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0; top:0; width:100%; height:100%;}
.imgBg img{ display:none;}
.showIn{ display:inline;}
.hide{ display:none;}
.bd_weixin_popup{height:auto !important;}

/*--------header--------------*/
.header{ position:fixed; left:0; top:0; width:100%; min-width:1200px; height:94px; line-height:94px; background:#FFFFFF; box-shadow:0 0 6px rgba(0,0,0,0.5); padding:0 30px; z-index:3;}
.logo{ width:210px; padding:18px 0; margin-right:5%;}
.logo a{ display:block;}
.logo a img{ width:210px;}
.navList > li{ float:left; margin-right:1%; position:relative;}
.navList > li > a{ display:block; width:86px; font-size:18px; color:#222222; text-align:center; position:relative;}
.navList > li > a:after{ display:block; content:""; width:0; height:5px; background:#d82421; position:absolute; left:50%; top:0; transition:all .5s;}
.subNav{ position:absolute; left:50%; top:auto; margin-left:-65px; width:130px; font-size:15px; text-align:center; z-index:1; box-shadow:0 0px 5px rgba(0,0,0,0.25); display:none;}
.subNav:after{ display:block; content:""; width:20px; height:14px; background:url(../images/subnavbg.png) center center no-repeat; position:absolute; left:50%; margin-left:-10px; bottom:100%;}
.subNavList{ background:#FFFFFF; padding:10px; border-radius:5px;}
.subNavList li{ border-bottom:1px solid #e4e4e4;}
.subNavList li:last-child{ border:none;}
.subNavList li a{ display:block; line-height:20px; padding:10px 0;}
.navList > li > a:hover{ color:#d82421; transition:all 0.3s linear;}
.navList > li.active > a,.navList > li.on > a{ font-weight:bold; color:#d82421; transition: all 0.3s linear;}
.navList > li > a:hover:after,.navList > li.active > a:after,.navList > li.on > a:after{ left:0; width:100%;}
.subNavList li a:hover{ color:#d82421; font-weight:bold;}

.hdRig{ font-size:0;}
.search,.hdJoin,.hdTel{ display:inline-block; vertical-align:middle;}
.search{ font-size:16px; margin-right:20px; position:relative;}
.search input{ width:90px; border:1px solid #f63431; height:40px; padding:10px; border-radius:20px; padding-left:40px; transition:all .5s;}
.searchIco{ display:block; width:18px; height:18px; background:url(../images/hdico1.png) center center no-repeat; position:absolute; top:11px; left:18px;}
.searchBtn{ display:block; width:40px; height:40px; background:url(../images/hdico2.png) 5px center no-repeat; position:absolute; top:0; right:0; opacity:0; visibility:hidden;}
.search input:focus{ width:190px;}
.search input:focus + .searchBtn{ opacity:1; visibility:visible;}
.hdJoin{ font-size:17px; color:#FFFFFF; padding:0 18px; margin-right:30px; line-height:40px; border-radius:20px; background-color:#ff512f; background-image:linear-gradient(to right,#ff512f,#f09819); transition:all .5s;}
.hdJoin i{ display:inline-block; vertical-align:middle; width:20px; height:20px; margin-right:5px; background:url(../images/hdico3.png) center center no-repeat;}
.hdJoin:hover{ box-shadow:0 2px 0 #CCCCCC; transform:translateY(-2px);}
.hdTel{ font-size:16px; color:#222222; padding-left:34px; background:url(../images/hdico4.png) left 53% no-repeat;}
.hdTel b{ font-weight:normal;}
.hdTel span{ font-size:24px; color:#d51512; font-family:Georgia;}

.banner{ position:relative; background:#FFFFFF; margin:0 auto;}
.banner .bd{ position:relative; z-index:0;}
.banner .bd li img{width:100%; vertical-align:top;} 
.banner .hd{position:absolute; left:0; bottom:4%; width:100%; z-index:1; text-align:center;}
.banner .hd ul{ text-align:center; padding-top:9px; font-size:0;}
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:40px; height:20px; margin:0 10px; background:url(../images/banfocus.png) center center no-repeat; overflow:hidden; font-size:0;}
.banner .hd ul .on{ background-image:url(../images/banfocus2.png);}

.mainBg{ overflow:hidden; min-height:10vh;}
.boxTit{ font-size:16px; color:#666666; line-height:28px;}
.boxTitEn{ font-size:56px; font-variant:small-caps; color:#000000; font-family:Georgia; line-height:100%; opacity:0.15;}
.boxTitCn{ font-size:40px; color:#333333; line-height:100%;}
.boxTitEn + .boxTitCn{ margin-top:-26px;}
.boxTitH3{ overflow:hidden; padding:25px 0; font-size:24px; color:#777777; line-height:160%;}
.boxTitH3 span{ position:relative; padding:0 70px; display:inline-block; vertical-align:middle;}
.boxTitH3 span:before,.boxTitH3 span:after{ display:block; content:""; position:absolute; top:50%; margin-top:-11px; width:48px; height:22px; background:url(../images/boxtith3.png) center center no-repeat;}
.boxTitH3 span:before{ left:0;}
.boxTitH3 span:after{ right:0;}
.boxTitDes{ margin:20px auto;}
.boxLine{ display:block; width:40px; height:3px; background:#d82421; margin:20px auto;}

.box1Bg{ background:#f3f3f3; padding:80px 0; position:relative; z-index:1;}
.box1BgImg{ position:absolute; left:50%; bottom:100px; margin-left:330px; display:block; width:396px; height:166px; background:url(../images/box1bg.png) center center no-repeat; z-index:-1;}
.box1Bg .boxTitEn{ font-size:64px; color:#e3e3e3; opacity:1; text-transform:uppercase;}
.box1Bg .boxTitCn{ font-size:38px; color:#01625a;}
.box1Lef{ position:relative; float:left; width:470px; margin-right:70px; background:#000000; border-radius:15px; overflow:hidden; box-shadow:12px 12px 0 #f2ce2a; cursor:pointer;}
.box1Lef > img{ width:100%; opacity:0.5;}
.box1Ico{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:20px; color:#FFFFFF; text-align:center; z-index:1;}
.box1Ico img{ display:block; width:auto; margin:0 auto 10px; transition:all 0.5s;}
.box1Lef:hover .box1Ico img{ transform:scale(1.05);}
.box1Rig{ overflow:hidden;}
.box1Des{ font-size:16px; color:#666666; line-height:30px; height:90px; -webkit-line-clamp:3; margin:20px auto;}
.box1More{ position:relative; display:block; width:210px; height:48px; line-height:48px; color:#FFFFFF; font-size:16px; text-align:center; border-radius:24px; background:#ee3b38; margin-top:30px; overflow:hidden;}
.box1More:after{ position:absolute; left:-24px; top:-20px; display:block; content:""; background:#FFFFFF; opacity:0.3; width:20px; height:80px; transform:rotate(30deg);}
.box1More span{ position:relative; z-index:1;}
.box1More i{ display:inline-block; vertical-align:middle; width:22px; height:22px; background:url(../images/moreico.png) center center no-repeat; margin-left:10px; transition:all .5s;}
.box1More:hover:after{ left:100%; margin-left:10px; transition:all .5s;}
.box1More:hover i{ transform:rotate(180deg);}

.box2Bg{ padding:65px 0 42px; position:relative; overflow:hidden;}
.box2Cir{ display:block; position:absolute; border-radius:50%; overflow:hidden;}
.box2Cir1{ left:50%; margin-left:-680px; top:100px; box-shadow:0 0 80px 50px #efc1c1; animation:rotate 5s ease-in-out infinite; transform-style: preserve-3d;}
.box2Cir2{ left:50%; margin-left:-1020px; top:350px; width:240px; height:240px; background-color:#00c59d; background-image:linear-gradient(to bottom,#60d6e2,#37e1a1); animation:scale 5s ease-in-out infinite; transform-style: preserve-3d;}
.box2Cir3{ left:50%; margin-left:810px; top:270px; width:70px; height:70px; background:#00c59d; box-shadow:0 0 10px #00c59d; opacity:.2; animation:translateY 4s linear infinite;}
.box2Cir4{ left:50%; margin-left:540px; bottom:140px; width:190px; height:190px; background-color:#fe5465; background-image:linear-gradient(to bottom,#fda977,#fe5465); box-shadow:0 10px 20px rgba(254,84,100,0.3); opacity:.9; animation:translateX1 5s ease-in-out infinite;}
.box2Cir5{ left:50%; margin-left:670px; bottom:134px; width:135px; height:135px; background:#ffe948; box-shadow:0 20px 20px rgba(255,233,72,0.5); opacity:0.9; animation:translateX2 5s ease-in-out infinite;}
.box2Bg .wrap{ position:relative; z-index:1;}
.box2List{ overflow:hidden; padding-top:15px; margin:0 -22px;}
.box2Li{ float:left; width:33%; padding:0 22px; padding-bottom:34px;}
.box2Link{ display:block; width:100%; border-radius:10px; overflow:hidden; box-shadow:0 0 15px rgba(0,0,0,0.2); transition:all .5s;}
.box2Img{ position:relative; overflow:hidden; height:0; padding-bottom:43.24%;}
.box2Img .imgBg{ transition:all .5s;}
.box2Con{ padding:0 15px 15px; font-size:13px; color:#777777; line-height:24px; background:#FFFFFF;}
.box2Con h4{ font-size:22px; color:#444444; line-height:28px; font-weight:bold; margin:10px 0;}
.box2Ico{ width:60px; height:60px; border-radius:50%; overflow:hidden; margin:0 auto 10px; margin-top:-30px; position:relative;}
.box2Link:hover{ box-shadow:0 0 15px rgba(0,0,0,0.3); transform:translateY(-2px);}
.box2Link:hover .box2Img .imgBg{ transform:scale(1.05);}

.box3Bg{ position:relative; overflow:hidden; background:url(../images/box3bg.jpg) center center no-repeat; height:880px; padding:60px 0;}
.box3Bird{ position:absolute; left:0; top:0; width:155px; height:150px; background:url(../images/box3bird.png) center center no-repeat;}
.box3Plane{ position:absolute; left:0%; top:100%; width:225px; height:129px; background:url(../images/box3plane.png) center center no-repeat; animation:pushOut 8s linear infinite;}
.box3Bg .boxTitCn,.box3Bg .boxTitH3{ color:#FFFFFF;}
.box3List{ margin:15px 0;}
.box3List .swiper-slide{ width:990px; position:relative; overflow:hidden;}
.box3Tit{ position:absolute; left:0; bottom:0; width:100%; text-align:center; background:rgba(0,0,0,0.6); font-size:22px; color:#FFFFFF; font-weight:bold; line-height:60px; transform:translateY(100%); transition:all 0.4s;}
.box3List .swiper-slide-active .box3Tit{ transform:translateY(0); transition:all 0.3s linear 0.3s;}
.box3List .swiper-slide-prev,.box3List .swiper-slide-next{ transform:scale(0.9);}
.box3List .swiper-slide-prev{ transform-origin:right center;}
.box3List .swiper-slide-next{ transform-origin:left center;}
.box3List .swiper-button-prev,.box3List .swiper-button-next{ width:50%; height:450px; top:25px; margin:0; background:rgba(0,0,0,0.6); transition:0.5s;}	
.box3List .swiper-button-prev{ left:-515px;}
.box3List .swiper-button-next{ right:-515px;}
.box3List .swiper-button-prev:before,.box3List .swiper-button-next:after{ content: ''; position:absolute; width:64px; height:100%; top:50%; margin-top:-220px;}
.box3List .swiper-button-prev:before{ right:40px; background:url(../images/box3prev.png) center center no-repeat;}
.box3List .swiper-button-next:after{ left:40px; background:url(../images/box3next.png) center center no-repeat;}
.box3List .swiper-button-prev:hover,.box3List .swiper-button-next:hover{ background:rgba(0,0,0,0.4);}
.box3Apply{ display:block; width:380px; height:60px; line-height:60px; border-radius:30px; text-align:center; font-size:28px; color:#FFFFFF; margin:0 auto; margin-top:56px; background-color:#ff512f; background-image:linear-gradient(to right,#ff512f,#f09819); box-shadow:0 3px 0 #FFFFFF; transition:all .5s;}
.box3Apply i{ display:inline-block; vertical-align:middle; margin-right:15px; width:37px; height:26px; background:url(../images/box3apply.png) center center no-repeat;}
.box3Apply:hover{ box-shadow:0 0px 0 #FFFFFF; transform:translateY(3px);}


.box4Ani{}
.box4Bg{ padding-bottom:2px; position:relative;}
.box4Bg .boxTit{ padding:45px 0; background:url(../images/box4bg.jpg) repeat;}
.box4{ height:780px; position:relative;}
.box4LefBg,.box4RigBg{ position:absolute; top:0; width:50%; height:100%;}
.box4LefBg{ left:0; background:url(../images/box4lefbg.jpg) right center no-repeat;}
.box4RigBg{ right:0; background:url(../images/box4rigbg.jpg) left center no-repeat;}
.box4 .wrap{ position:relative; z-index:1; padding-top:160px;}
.box4Lef,.box4Rig{ width:475px;}
.box4Tit{ font-size:36px; color:#FFFFFF; line-height:160%;}
.box4Line{ position:relative; display:block; width:100%; height:3px; text-align:right; margin:25px auto;}
.box4Line:after{ display:inline-block; content:""; width:40px; height:100%; background:#FFFFFF;}
.box4Des{ font-size:16px; color:#FFFFFF; line-height:30px; height:90px; -webkit-line-clamp:3; margin:25px 0;}
.box4Infor{ width:420px; height:234px; padding:30px; font-size:20px; color:#FFFFFF; line-height:30px; background:rgba(213,175,0,0.95); border-radius:10px;}
.box4Infor p{ margin:10px 0; padding-right:30px; background:url(../images/box4infor.png) right 10px no-repeat; transition:all 0.5s;}
.box4Lef .box4Des,.box4Lef .box4Infor{ text-align:right;}
.box4Lef .box4Infor{ float:right;}
.box4Lef .box4Infor p:hover{ padding-right:20px;}
.box4Rig .box4Tit{ color:#222222;}
.box4Rig .box4Line{ text-align:left;}
.box4Rig .box4Line:after{ background:#d82421;}
.box4Rig .box4Des{ color:#222222;}
.box4Rig .box4Infor{ background:rgba(238,66,63,0.95);}
.box4Rig .box4Infor p{ padding:0; padding-left:30px; background-position:left 10px;}
.box4Rig .box4Infor p:hover{ padding-left:20px;}

.box5Bg{ background:url(../images/box5bg.jpg) center center no-repeat; padding:100px 0;}
.box5Lef{ width:570px;}
.box5Lef .boxTitCn{ color:#FFFFFF;}
.box5Des{ font-size:16px; color:#ffffff; line-height:30px; height:90px; -webkit-line-clamp:3; margin:25px 0;}
.box5List{ list-style:none;}
.box5List li{ margin:32px 0;}
.box5Ico{ float:left; margin-right:20px;}
.box5Con{ overflow:hidden; white-space:nowrap; overflow:hidden; font-size:12px; color:rgba(255,255,255,0.68); line-height:20px;}
.box5Con h4{ font-size:18px; color:#FFFFFF; line-height:36px;}
.box5Rig{ max-width:600px;}

.box6Bg{ padding:70px 0; background:url(../images/box6bg.jpg) center top no-repeat;}
.map{ height:720px;}
.mapBox{ width:837px; height:686px; background:url(../images/mapimg.png) center center no-repeat; margin-left:174px; margin-bottom:60px; position:relative;}
.mapList{ list-style:none; width:100%; height:100%;/* background:url(../images/map.png) center center no-repeat;*/}
.mapList li a{ display:block; font-size:14px; color:#000000; line-height:26px; padding-left:24px; background:url(../images/mapico.png) left center no-repeat;}
.mapList li a:hover{ color:#FFFFFF;}
/*.mapList li.on a{ transform:scale(1.1); transition:all 0.2s;}*/
.mapLi{ position:absolute;}
.mapLi1{ top:100px; right:58px;}
.mapLi2{ top:164px; right:83px;}
.mapLi3{ top:211px; right:118px;}
.mapLi4{ top:242px; right:198px;}
.mapLi5{ top:259px; right:185px;}
.mapLi6{ top:280px; right:209px;}
.mapLi7{ top:244px; right:304px;}
.mapLi8{ top:301px; right:263px;}
.mapLi9{ top:316px; right:179px;}
.mapLi10{ top:310px; right:348px;}
.mapLi11{ top:349px; right:380px;}
.mapLi12{ top:370px; right:321px;}
.mapLi13{ top:364px; right:247px;}
.mapLi14{ top:399px; right:172px;}
.mapLi15{ top:367px; right:131px;}
.mapLi16{ top:401px; right:108px;}
.mapLi17{ top:449px; right:120px;}
.mapLi18{ top:506px; right:144px;}
.mapLi19{ top:479px; right:197px;}
.mapLi20{ top:419px; right:254px;}
.mapLi21{ top:480px; right:268px;}
.mapLi22{ top:437px; right:321px;}
.mapLi23{ top:431px; right:412px;}
.mapLi24{ top:506px; right:341px;}
.mapLi25{ top:559px; right:312px;}
.mapLi26{ top:559px; right:222px;}
.mapLi27{ top:546px; right:114px;}
.mapLi28{ top:643px; right:277px;}
.mapLi29{ top:545px; right:430px;}
.mapLi30{ top:326px; right:502px;}
.mapLi31{ top:230px; right:652px;}
.mapLi32{ top:405px; right:625px;}

.box6List{ position:relative; margin-top:30px;}
.box6Prev,.box6Next{ position:absolute; top:50%; width:64px; height:64px; margin-top:-32px; cursor:pointer;}
.box6Prev{ left:-110px; background:url(../images/box6prev.png) center center no-repeat;}
.box6Next{ right:-110px; background:url(../images/box6next.png) center center no-repeat;}
.box6List .swiper-slide{ padding:10px;}
.box6Link{ display:block; box-shadow:0 0 10px rgba(0,0,0,0.1); border-radius:10px; overflow:hidden;}
.box6Img{ position:relative; height:0; padding-bottom:71.43%; overflow:hidden;}
.box6Img .imgBg{ transition:all 0.5s;}
.box6Con{ background:#FFFFFF; font-size:16px; color:#444444; line-height:26px; padding:15px; white-space:nowrap; overflow:hidden;}
.box6Link:hover .imgBg{ transform:scale(1.05);}
.box6Link:hover .box6Con{ color:#ff6262;}

.box7Bg{ background:#f4f4f4; padding:70px 0;}
.box7List{ list-style:none; margin:0 -22px; overflow:hidden; margin-top:40px;}
.box7List li{ float:left; width:33.33%; padding:0 22px; margin-bottom:30px;}
.box7List li a{ display:block;}
.box7Img{ position:relative; overflow:hidden; height:0; padding-bottom:62.16%; margin-bottom:20px;}
.box7Img .imgBg{ transition:all 0.5s;}
.box7Time{ position:absolute; left:20px; top:20px; width:54px; padding:5px 0; border-radius:5px; background:rgba(226,20,17,0.8); color:#FFFFFF; text-align:center; font-family:Georgia;}
.box7Time p{ font-size:32px;}
.box7Time span{ font-size:16px;}
.box7Tit{ font-size:16px; color:#333333; font-weight:bold; line-height:200%; transition:all 0.5s;}
.box7Des{ font-size:13px; color:#333333; line-height:22px; height:44px; -webkit-line-clamp:2; opacity:.7; margin-bottom:15px;}
.box7More{ font-size:14px; color:#0d8077; font-weight:bold; line-height:30px; font-family:Georgia; text-transform:uppercase;}
.box7List li a:hover .imgBg{ transform:scale(1.05);}
.box7List li a:hover .box7Tit{ color:#0d8077;}
.box7See{ width:370px; height:52px; line-height:52px; margin:0 auto; background:#157c74;}
.box7See i{ margin:0 5px; background-image:url(../images/box7see.png);}

.box8Bg{ background:url(../images/box8bg.jpg) repeat; padding:70px 0;}
.box8List{ position:relative; margin-top:30px;}
.box8Prev,.box8Next{ position:absolute; top:50%; width:64px; height:64px; margin-top:-32px; cursor:pointer;}
.box8Prev{ left:-110px; background:url(../images/box8prev.png) center center no-repeat;}
.box8Prev:hover{ background-image:url(../images/box6prev.png);}
.box8Next{ right:-110px; background:url(../images/box8next.png) center center no-repeat;}
.box8Next:hover{ background-image:url(../images/box6next.png);}
.box8List .swiper-slide{ padding:10px;}
.box8Link{ display:block; box-shadow:0 0 10px rgba(0,0,0,0.3); border-radius:10px; background:#FFFFFF; padding:20px; overflow:hidden;}
.box8Img{ position:relative; height:0; padding-bottom:75.44%; overflow:hidden;}
.box8Img .imgBg{ background-size:contain; transition:all 0.5s;}
.box8Tit{ font-size:20px; color:#333333; line-height:28px; padding:20px; text-align:center; transition:all 0.5s;}
.box8Link:hover .imgBg{ transform:scale(1.05);}
.box8Link:hover .box8Tit{ color:#ff6262;}

.friendBg{ background:#e5e5e5; padding:25px 0; font-size:16px; color:#333333; line-height:28px; position:relative; z-index:1;}
.friendTit{ float:left; margin-right:10px; padding-left:20px; background:url(../images/friendbg.png) left center no-repeat;}
.friendCon{ overflow:hidden; font-size:0;}
.friendCon a{ font-size:16px; color:#333333; display:inline-block; vertical-align:middle; margin-right:30px;}
.friendCon a:hover{ text-decoration:underline;}
.footBg{ background:#0d756d; font-size:13px; color:#FFFFFF; line-height:27px; position:relative; z-index:1;}
.footBg a:hover{ text-decoration:underline;}
.ftTop{ padding:45px 0 40px; overflow:hidden;}
.ftList{ list-style:none;}
.ftList li{ float:left; margin-right:50px;}
.ftList h5{ margin-bottom:10px;}
.ftList h5 a{ font-size:16px; color:#FFFFFF;}
.ftCon,.ftCon a{ color:#FFFFFF;}
.ftCon{ opacity:.5;}
.ftWx{ font-size:0; text-align:right; width:310px;}
.ftWx li{ display:inline-block; vertical-align:top; font-size:14px; line-height:28px; color:#FFFFFF; margin-left:40px; text-align:center;}
.ftWx li:first-child{ margin-left:0;}
.ftWx li img{ width:110px; height:110px; margin:0 auto; display:block;}
.ftBot{ color:#FFFFFF; line-height:20px; padding:30px 0; border-top:1px solid rgba(255,255,255,0.15);}
.ftBot a{ color:#FFFFFF;}
.ftBot .fl{ width:850px;}
.ftBot .fr{ width:350px; text-align:right;}
.ftBot .fr span{ padding:0 10px;}

.LayBg{ position:fixed; left:0; top:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:10; opacity:0; visibility:hidden; transition:all 0.5s;}
.LayVideo{ position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); width:840px; height:auto; min-height:200px; background:#FFFFFF; padding:20px; border-radius:10px; z-index:11; opacity:0; visibility:hidden; margin-top:15px; transition:all 0.5s;}
.videoClose{ display:block; width:40px; height:40px; background:url(../images/videoclose.png) center center no-repeat; position:absolute; left:100%; margin-left:20px; top:0; cursor:pointer;}
.videoClose:hover{ transform:rotate(180deg); transition:all 0.5s;}
.LayBg.active{ opacity:1; visibility:visible;}
.LayVideo.active{ opacity:1; visibility:visible; margin-top:0;}
#video{ width:100%;}

.onBox{ position:fixed; right:40px; top:50%; transform:translateY(-50%); z-index:9;}
.onLine{ background:#FFFFFF; box-shadow:0 0 15px rgba(0,0,0,0.1); width:80px; text-align:center; border-radius:10px; padding:5px 0;}
.onLine li{ padding:8px 0; font-size:13px; color:#555555; position:relative;}
.onLine li a{ display:block;}
.onIco{ display:block; text-align:center;}
.onIco img{ margin-bottom:5px;}
.onCon{ display:block; border:5px solid #FFFFFF; background:#FFFFFF; font-family:Georgia; font-size:24px; line-height:58px; position:absolute; right:100%; top:0; margin-right:20px; box-shadow:0 0 15px rgba(0,0,0,0.1); border-radius:6px; display:none;}
.onTel{ padding:0 20px; color:#0cb5a8;}
.onCon:after{ position:absolute; left:100%; top:15px; display:block; content:""; width:0; height:0; border-left:16px solid #FFFFFF; border-top:12px solid transparent; border-bottom:12px solid transparent;}
.onCon img{ width:110px;}
.onLine li a:hover .onIco img{ animation:swing 1.2s linear infinite;}
.onClose{ display:block; width:42px; height:42px; margin:0; padding:0; position:absolute; left:50%; margin-left:-21px; bottom:-50px; background:url(../images/onclose.png) center center no-repeat; background-size:42px auto; box-shadow:0 0 5px rgba(0,0,0,0.2); border-radius:50%; cursor:pointer; transition:all 2s;}
.onClose.active{ transform:rotate(135deg);}

/*2-1*/
.banInner{ position:relative; height:650px; overflow:hidden;}
.banInner img{ width:100%; height:auto;}
.autoHeight{ height:auto;}
.autoHeight .imgBg{ position:static; width:100%; height:auto;}
.autoHeight .imgBg img{ display:block; width:100%; height:auto;}
.cenBarBg{ padding:20px 0; box-shadow:0px 8px 5px -5px rgba(0,0,0,0.1); position:relative; z-index:2;}
.cenBar{ margin:0 -5px; font-size:0; text-align:center;}
.cenBar li{ display:inline-block; vertical-align:middle; padding:2px 5px; font-size:16px;}
.cenBar li a{ display:block; padding:0 25px; line-height:40px; color:#555555; border-radius:20px;}
.cenBar li.active a{ background:#e73827; color:#FFFFFF;}
.cenBar li:not(.active) a:hover{ color:#e73827;}
/*市场前景*/
.marketBg{ padding:80px 0 60px;}
.marketLef{ width:645px; font-size:16px; color:#666666; line-height:36px;}
.marketLef h3{ font-size:38px; color:#e73827; line-height:56px; font-weight:bold;}
.marketLef h3 img{ vertical-align:middle; margin-right:15px;}
.marketLef h4{ font-size:30px; color:#0b7947; line-height:56px; margin-bottom:15px;}
.marketRig{ width:520px;}
.marketRig img{ float:right; max-width:100% !important; height:auto; border-radius:10px;}
.marketBot{ margin-top:40px;}
.marketBot img{ max-width:100% !important; height:auto;}
/*发展历程*/
.historyBg{ background:url(../images/historybg.jpg) center center no-repeat; height:630px; padding:70px 0 60px;}
.historyBg .boxTitEn{ color:#FFFFFF;}
.historyBg .boxTitCn{ color:#FFFFFF;}
.hisBg{ background:url(../images/hisbg.png) left 168px repeat-x; height:362px; margin-top:50px; font-size:14px; color:#ffffff; line-height:22px;}
.hisList{ position:relative;}
.hisList .swiper-container{ padding-left:180px;}
.hisList .swiper-slide{ width:360px; height:180px; margin-left:-180px;}
.hisList .swiper-slide:nth-child(2n){ height:182px; margin-top:185px;}
.hisList .swiper-slide:nth-child(2n) .hisCon{ padding-top:30px;}
.hisList .swiper-slide:nth-child(2n) .hisCon:before{ bottom:auto; top:0;}
.hisList .swiper-slide:nth-child(2n) .hisCon:after{ top:auto; bottom:0;}
.hisCon{ height:100%; padding-left:40px; position:relative;}
.hisCon:before{ display:block; content:""; position:absolute; left:15px; bottom:0; width:1px; height:calc(100% - 30px); background:rgba(255,255,255,0.5);}
.hisCon:after{ display:block; content:""; position:absolute; left:0; top:0; width:30px; height:30px; background:url(../images/hisico.png) center center no-repeat;}
.hisYear{ display:block; font-size:29px; color:#fffc00; font-weight:bold; line-height:30px; margin-bottom:15px;}
.hisDes{ max-width:260px; height:110px;}
.hisPrev,.hisNext{ display:block; position:absolute; top:147px; width:64px; height:64px; cursor:pointer;}
.hisPrev{ left:-110px; background:url(../images/box8prev.png) center center no-repeat;}
.hisNext{ right:-110px; background:url(../images/box8next.png) center center no-repeat;}
.hisPrev:hover{ background-image:url(../images/box6prev.png);}
.hisNext:hover{ background-image:url(../images/box6next.png);}
.hisPrev.swiper-button-disabled,.hisNext.swiper-button-disabled{ opacity:0.2; cursor:default;}
/*品牌优势*/
.brandBg{ height:920px; padding:66px 0 0; background:#FFFFFF; position:relative; overflow:hidden;}
.brandBg .boxTit{ position:relative; z-index:2; margin-bottom:50px;}
.brandBg .boxTitEn{ color:#FFFFFF; opacity:1;}
.brandBg .boxTitCn{ color:#FFFFFF; margin-top:10px; font-weight:bold;}
.brandImg{ position:absolute; left:0; top:0; right:0; bottom:0;}
.brandWrap{ position:relative; z-index:1;}
.brandPage{ position:absolute; left:0;}
.brandPage li{ margin:45px 0; transform:translateX(-22px); font-size:26px; color:#ffffff; cursor:pointer; transition:all 0.5s;}
.brandPage span{ display:inline-block; vertical-align:middle; width:89px; height:89px; line-height:89px; text-align:center; background:url(../images/brandpage.png) center center no-repeat; font-size:36px; color:#FFFFFF; font-family:Impact; margin-right:-15px; border-radius:50%; transition:all 0.5s;}
.brandPage span:after{ content:".";}
.brandPage strong{ display:inline-block; vertical-align:middle; font-weight:normal;}
.brandPage li.on{ transform:translateX(0);}
.brandPage li.on span{ font-size:46px; background:#FFFFFF; margin-right:14px; color:#e83b3b;}
.brandPage li.on span:after{ content:"";}
.brandPage li.on strong{ font-weight:bold;}
.brandCon{ width:880px; list-style:none;}
.brandCon li{ overflow:hidden; display:none;}
.brandCon li img{ float:right; display:block; max-width:100% !important; height:auto; margin:0 auto;}
.brandCon li:nth-child(1){ padding-top:35px;}
.brandCon li:nth-child(3){ padding-top:50px;}
.brandCon li:nth-child(4){ padding-top:40px;}
/*课程体系*/
.systemBg{ position:relative; background:url(../images/systembg.jpg) repeat-y; height:788px; overflow:hidden; padding:50px 0 0;}
.systemBg .box2Cir2{ opacity:0.8;}
.systemBg .box2Cir4{ opacity:0.8; bottom:auto; top:100px; margin-left:560px;}
.systemBg .box2Cir5{ opacity:0.8; bottom:auto; top:190px;}
.systemBg .wrap{ position:relative; z-index:1;}
.systemBg .boxTitDes{ font-size:22px; color:#000000; line-height:28px;}
.sysTop{ font-size:0; padding:18px 0 40px; text-align:center; margin:0 -10px;}
.sysTop li{ display:inline-block; vertical-align:middle; padding:0 10px; width:50%;}
.sysTop li span{ display:block; border-radius:15px; font-size:32px; color:#333333; line-height:70px; box-shadow:0 0 22px rgba(0,0,0,0.15); background:#FFFFFF; cursor:pointer; transition:all 0.5s;}
.sysTop li.active span{ background:#f45555; color:#FFFFFF; font-weight:bold;}
.sysTop li:not(.active) span:hover{ color:#f45555;}
.sysItem{ display:none;}
.sysOne{ margin:-10px -10px 0; display:none;}
.sysOne .swiper-container{ padding:10px;}
.sysOne .swiper-pagination{ position:static; display:block; text-align:center; margin-top:34px;}
.sysOne .swiper-pagination-bullet{ width:60px; height:8px; border-radius:4px; background:#cecece; margin:0 15px; opacity:1;}
.sysOne .swiper-pagination-bullet-active{ background:#f45555;}
.sysOneItem{ display:block; height:100%; box-shadow:0 0 10px rgba(0,0,0,0.2); background:#FFFFFF; border-radius:10px; overflow:hidden;}
.sysOneImg{ position:relative; overflow:hidden; height:173px;}
.sysOneImg .imgBg{ transition:all 0.5s;}
.sysOneCon{ background:#FFFFFF; padding:20px 30px; height:183px; overflow:hidden;}
.sysOneCon h3{ font-size:18px; color:#444444; line-height:28px; transition:all 0.5s;}
.sysOneDes{ font-size:14px; color:#777777; line-height:24px; margin-top:10px; height:72px; -webkit-line-clamp:3;}
.sysOneItem:hover .imgBg{ transform:scale(1.05);}
.sysOneItem:hover  .sysOneCon h3{ color:#f45555;}
.sysTwoLef{ width:306px; height:356px;}
.sysTwoLef img{ border-radius:10px; max-width:100% !important; height:auto;}
.sysTwoRig{ width:894px; text-align:right; margin:0 -13px; font-size:0;}
.sysTwoRig li{ display:inline-block; vertical-align:top; width:33.33%; padding:0 13px; font-size:20px; color:#444444;}
.sysTwoItem{ border-radius:10px; background:#FFFFFF; height:356px; box-shadow:0 0 20px rgba(0,0,0,0.2); padding:29px 30px 15px;}
.sysTwoItem h3{ color:#FFFFFF; line-height:50px; border-radius:25px; text-align:center; margin-bottom:12px;}
.sysTwoItem p{ padding:10px 0; padding-left:37px; line-height:30px; border-bottom:1px dotted #c6c6c6; background-position:left 14px; background-repeat:no-repeat; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.sysTwoItem p:last-child{ border:none;}
.sysTwoLi1 h3{ background:#f45555;}
.sysTwoLi1 p{ background-image:url(../images/systwoico1.png);}
.sysTwoLi2 h3{ background:#ddc100;}
.sysTwoLi2 p{ background-image:url(../images/systwoico2.png);}
.sysTwoLi3 h3{ background:#229485;}
.sysTwoLi3 p{ background-image:url(../images/systwoico3.png);}
/*360°卫星导航*/
.OperSupBg{ padding:70px 0 80px; background:#ffffff; height:890px; position:relative; overflow:hidden;}
.cirAni{ position:absolute;}
.cirAni span{ display:block; border-style:solid; border-radius:50%; position:absolute; left:50%; top:50%; animation-name:cirAni; animation-iteration-count:infinite;}
.cirAni1{ right:50%; margin-right:880px; top:516px; width:134px; height:134px;}
.cirAni1 span{ border-color:#ffdfdf; animation-duration:2s; box-shadow:inset 1px 1px 15px #ffdfdf;}
.cirAni1 span:nth-child(1){ width:44px; height:44px; margin:-22px 0 0 -22px; border-width:6px; animation-delay:0s;}
.cirAni1 span:nth-child(2){ width:82px; height:82px; margin:-41px 0 0 -41px; border-width:10px; animation-delay:0.2s;}
.cirAni1 span:nth-child(3){ width:134px; height:134px; margin:-67px 0 0 -67px; border-width:16px; animation-delay:0.4s;}
.cirAni2{ right:50%; margin-right:575px; top:540px; width:260px; height:260px;}
.cirAni2 span{ border-color:#c9f1ff; animation-duration:2.5s; box-shadow:inset 1px 1px 15px #c9f1ff;}
.cirAni2 span:nth-child(1){ width:88px; height:88px; margin:-44px 0 0 -44px; border-width:10px; animation-delay:0s;}
.cirAni2 span:nth-child(2){ width:158px; height:158px; margin:-79px 0 0 -79px; border-width:18px; animation-delay:0.1s;}
.cirAni2 span:nth-child(3){ width:260px; height:260px; margin:-130px 0 0 -130px; border-width:30px; animation-delay:0.2s;}
.cirAni3{ left:50%; margin-left:637px; top:218px; width:254px; height:254px;}
.cirAni3 span{ border-color:#ffebae; animation-duration:3s; box-shadow:inset 1px 1px 15px #ffebae;}
.cirAni3 span:nth-child(1){ width:84px; height:84px; margin:-42px 0 0 -42px; border-width:10px; animation-delay:0s;}
.cirAni3 span:nth-child(2){ width:154px; height:154px; margin:-77px 0 0 -77px; border-width:18px; animation-delay:0.4s;}
.cirAni3 span:nth-child(3){ width:254px; height:254px; margin:-127px 0 0 -127px; border-width:30px; animation-delay:0.8s;}
.cirAni4{ left:50%; margin-left:870px; top:89px; width:144px; height:144px;}
.cirAni4 span{ border-color:#bde3a3; animation-duration:2s; box-shadow:inset 1px 1px 15px #bde3a3;}
.cirAni4 span:nth-child(1){ width:48px; height:48px; margin:-24px 0 0 -24px; border-width:6px; animation-delay:0s;}
.cirAni4 span:nth-child(2){ width:88px; height:88px; margin:-44px 0 0 -44px; border-width:10px; animation-delay:0.15s;}
.cirAni4 span:nth-child(3){ width:144px; height:144px; margin:-72px 0 0 -72px; border-width:16px; animation-delay:0.3s;}
.OperSupBg .wrap{ position:relative; z-index:1;}
.OperSupBg .boxTitDes{ font-size:24px; color:#e73827; margin:40px auto;}
.OperSup{ margin:30px auto; text-align:center; width:600px; height:600px; position:relative;}
.operSupIco{ position:absolute;}
.operSupIco i{ display:block; width:100%; height:100%;}
.operSupIco1{ width:443px; height:231px; top:100px; left:100%; margin-left:-190px;}
.operSupIco1 i{ background:url(../images/opersupico1.png) left bottom no-repeat; animation:transAni2 1.1s linear infinite;}
.operSupIco2{ width:349px; height:77px; top:210px; left:0; margin-left:-230px;}
.operSupIco2 i{ background:url(../images/opersupico2.png) right center no-repeat; animation:transAni1 1.2s linear infinite;}
.operSupIco3{ width:278px; height:155px; bottom:60px; left:100%; margin-left:-75px;}
.operSupIco3 i{ background:url(../images/opersupico3.png) left top no-repeat; animation:transAni3 1.3s linear infinite;}

/*培训支持*/
.trainBg{ background:url(../images/trainbg.jpg) center center no-repeat; overflow:hidden; height:1082px; padding:70px 0;}
.trainBg .boxTitDes{ font-size:24px; color:#e73827; margin:40px auto;}
.train{ text-align:center;}
.train img{ max-width:100% !important; height:auto;}
/*合作条件*/
.cooperateBg{ background:url(../images/cooperatebg.jpg) center center no-repeat; height:586px; padding:80px 0;}
.cooperateBg .boxTitEn,.cooperateBg .boxTitCn{ color:#FFFFFF;}
.cooperateBg .boxTitEn + .boxTitCn{ margin-top:-24px;}
.cooList{ margin-top:10px; font-size:0;}
.cooList li{ display:inline-block; vertical-align:top; width:20%; padding:0 14px; margin-top:28px;}
.cooItem{ position:relative; background:#FFFFFF; border-radius:10px; overflow:hidden; box-shadow:0 0 18px rgba(0,0,0,0.3); overflow:hidden;}
.cooImg{ position:relative; overflow:hidden; height:160px;}
.cooImg .imgBg{ transition:all 0.5s;}
.cooCon{ background:#FFFFFF; height:160px; font-size:16px; color:#666666; line-height:28px; padding:25px 25px 40px;}
.cooCon .fontHeight{ -webkit-line-clamp:3; text-align:center;}
.cooNum{ position:absolute; left:0; bottom:0; width:100%; text-align:center; font-size:80px; line-height:100%; font-family:Impact; color:#000000; opacity:0.12; transform:translateY(45%);}
/*加盟咨询*/
.joinBg{ background:#FFFFFF; padding:70px 0; overflow:hidden;}
.join{ margin:24px 0 30px;}
.joinItem{ width:590px;}
.joinItem li{ margin-top:20px;}
.joinBox{ position:relative; overflow:hidden;}
.joinIco{ display:block; width:23px; height:23px; position:absolute; left:15px; top:15px;}
.joinInput{ width:100%; border:1px solid #d5d5d5; height:52px; line-height:30px; padding:10px; padding-left:45px; background:#fafafa; border-radius:5px; font-size:18px; color:#888888;}
.joinInput::-webkit-input-placeholder{ opacity:1; color:#888888;}
.joinInput::-moz-placeholder{ opacity:1; color:#888888;}
.joinInput:-ms-input-placeholder{ opacity:1; color:#888888;}
select.joinInput{ float:left; width:188px; margin-right:12px; padding-left:10px; appearance:none; -webkit-appearance:none; -moz-appearance:none; background:url(../images/selbg.png) right 10px center #fafafa no-repeat;}
.joinBox select:last-child{ margin-right:0;}
textarea.joinInput{ resize:none; height:196px;}
.joinBtn{ overflow:hidden;}
.joinBtn a{ width:590px; font-size:22px; color:#FFFFFF; line-height:58px; text-align:center; border-radius:5px; transition:all 0.5s;}
.joinBtn a.fl{ background:#ea3e29}
.joinBtn a.fr{ background:#a0a0a0;}
.joinBtn a:hover{ box-shadow:1px -5px 0 rgba(0,0,0,0.2) inset;}

.joinInput[id='sex']{ width:100%; padding-left:45px;}
.joinInput[id='mtype']{ width:100%; padding-left:45px;}

/*2-2*/
.kidEnBg1{ position:relative; overflow:hidden; height:800px;}
.kidEn1LefBg,.kidEn1RigBg{ position:absolute; top:0; width:50%; height:100%;}
.kidEn1LefBg{ left:0; background:url(../images/kiden1lefbg.jpg) right center no-repeat;}
.kidEn1RigBg{ right:0; background:url(../images/kiden1rigbg.jpg) left center no-repeat;}
.kidEnBg1 .wrap{ position:relative; z-index:1; padding-top:100px;}
.kidEn1Top{ position:relative;}
.kidEn1Top img{ vertical-align:middle; margin-top:-5px;}
.kidEn1TitLef,.kidEn1TitRig{ width:50%; font-size:48px; font-weight:bold; padding:38px 0; line-height:60px; position:relative;}
.kidEn1TitLef{ color:#FFFFFF; text-shadow:0 0 9px #8f5400;}
.kidEn1TitLef img{ margin-right:15px;}
.kidEn1TitRig{ text-align:right;}
.kidEn1TitRig img{ margin-left:15px;}
.kidEn1Line{ display:block; width:70%; height:2px; position:absolute;}
.kidEn1Line1{ right:0;}
.kidEn1Line2{ left:0;}
.kidEn1TitLef .kidEn1Line{ background:#FFFFFF;}
.kidEn1TitLef .kidEn1Line1{ top:8px;}
.kidEn1TitLef .kidEn1Line2{ top:13px;}
.kidEn1TitRig .kidEn1Line{ background:#535353;}
.kidEn1TitRig .kidEn1Line1{ bottom:8px;}
.kidEn1TitRig .kidEn1Line2{ bottom:13px;}
.kidEn1VsIco{ display:block; width:136px; height:136px; background:url(../images/kiden1vsico.png) center center no-repeat; box-shadow:0 0 22px rgba(0,0,0,0.36); position:absolute; left:50%; top:50%; margin:-68px 0 0 -68px; border-radius:50%;}
.kidEn1Bot{ margin-top:38px;}
.kidEn1Bot li{ display:flex; flex-wrap:wrap; color:#FFFFFF; margin-bottom:20px;}
.kidEn1Lef,.kidEn1Rig{ width:517px; line-height:34px; padding:16px 28px; border-radius:30px; display:flex; align-items:center; justify-content:center; text-align:center; flex-direction:column;}
.kidEn1Lef{ font-size:21px; padding-left:82px; background-image:url(../images/kiden1lef.png); background-position:20px center; background-repeat:no-repeat;}
.kidEn1Rig{ font-size:22px; background:#7e7e7e; box-shadow:0 5px 0 #5f5f5f;}
.kidEn1Cen{ width:124px; font-size:22px; margin:0 21px; background:#f25252; box-shadow:0 5px 0 #d41308; border-radius:40px; display:flex; align-items:center; justify-content:center;}
.kidEn1Li1 .kidEn1Lef{ background-color:#ff7518; box-shadow:0 5px 0 rgba(193,78,0,0.8);}
.kidEn1Li2 .kidEn1Lef{ background-color:#ebd200; box-shadow:0 5px 0 rgba(165,147,0,0.8);}
.kidEn1Li3 .kidEn1Lef{ background-color:#2fb5aa; box-shadow:0 5px 0 rgba(0,100,92,0.8);}
.kidEn1Li4 .kidEn1Lef{ background-color:#3491c7; box-shadow:0 5px 0 rgba(0,75,119,0.8);}
/*托马斯英语与竞品对比*/
.kidEnBg2{ padding:70px 0 80px; position:relative; overflow:hidden;}
.kidEn2Bg{ position:absolute;}
.kidEn2Bg1{ top:140px; right:50%; margin-right:650px; width:148px; height:244px; background:url(../images/kiden2bg1.png) center center no-repeat; animation:tada 15s linear infinite;}
.kidEn2Bg2{ top:400px; left:50%; margin-left:670px; width:327px; height:239px; background:url(../images/kiden2bg2.png) center center no-repeat; animation:wobble 10s linear infinite;}
.kidEnBg2 .wrap{ position:relative; z-index:1;}
.kidEnBg2 .boxTit{ margin-bottom:36px;}
.imgCon img{ max-width:100% !important; height:auto; display:block; margin:0 auto;}
/*高考英语改革号角吹响*/
.kidEnBg3{ background:url(../images/kidenbg3.jpg) center center fixed no-repeat; background-size:cover; height:686px; padding-top:85px;}
.kidEnBg3 .boxTitCn{ color:#FFFFFF;}
.kidEn3Tip{ font-size:30px; color:#fffc00; text-align:center; margin:25px 0 35px;}
.kidEn3Tip strong{ font-size:42px;}
.kidEn3Lef,.kidEn3Rig{ width:586px; height:374px; font-size:18px; color:#FFFFFF; line-height:36px;}
.kidEn3Lef{ padding:25px 70px 20px 30px; background:url(../images/kiden3lefbg.png) right center no-repeat;}
.kidEn3Rig{ padding:25px 30px 20px 70px; background:url(../images/kiden3rigbg.png) right center no-repeat;}
.kidEn3Tit{ font-size:30px; color:#FFFFFF; line-height:46px; padding:15px 0; text-shadow:1px 1px 2px rgba(0,0,0,0.6); font-weight:bold;}
.kidEn3Tit img{ width:auto; max-height:38px; vertical-align:middle; margin-right:15px; margin-top:-5px;}
.kidEn3Line{ display:block; height:4px; border-top:1px solid rgba(255,255,255,0.8); border-bottom:1px solid rgba(255,255,255,0.8);}
.kidEn3Des{ margin-top:15px; text-shadow:0 0 4px rgba(0,0,0,0.35); height:216px;}
.kidEn3Des p{ padding-left:34px; position:relative; background:url(../images/kiden3des.png) left 10px no-repeat;}
.kidEn3Des .mCSB_inside > .mCSB_container{ margin-right:10px;}
/*托马斯英语特色*/
.kidEnBg4{ background:#FFFFFF; height:624px; padding:60px 0 0;}
.kidEnBg4 .boxTit{ margin-bottom:40px;}
.kidEnBg4 .sysOne{ display:block;}
/*托马斯英语课程*/
.kidEnBg5{ height:890px; background:url(../images/systembg.jpg) repeat-y; padding:60px 0 0;}
.kidEn5Top{ list-style:none; width:640px; height:60px; line-height:60px; background:#f44b49; border-radius:30px; margin:40px auto 60px; position:relative;}
.kidEn5Top:before,.kidEn5Top:after{ display:block; content:""; width:51px; height:21px; background:url(../images/kiden5top.png) right center no-repeat; position:absolute; top:50%; margin-top:-10px;}
.kidEn5Top:before{ left:55px;}
.kidEn5Top:after{ right:55px; transform:scaleX(-1);}
.kidEn5Top li{ text-align:center; color:#FFFFFF; font-size:32px; padding:0 110px; display:none;}
.kidEn5Top li span{ display:block;}
.kidEn5{ position:relative;}
.kidEn5 .imgCon{ position:relative;}
.kidEn5Des{ position:absolute; right:0; top:30px; width:600px; font-size:15px; color:#333333; line-height:30px; height:210px; overflow:hidden;}
.kidEn5Click{ position:absolute; left:68px; top:20px; width:382px;}
.kidEn5Click li{ margin-bottom:14px;}
.kidEn5Tit{ padding-right:60px; line-height:60px; font-size:18px; color:#FFFFFF; font-weight:bold; text-align:right; border-radius:10px; background-repeat:no-repeat; background-position:right 20px center; position:relative; overflow:hidden; cursor:pointer;}
.kidEn5Tit span{ float:left; font-size:24px; padding-left:40px; background:url(../images/kiden5tit.png) 12px 22px no-repeat;}
.kidEn5Infor{ display:none; font-size:15px; color:#222222; line-height:30px; padding:25px 20px 15px 30px; border-radius:0 0 8px 8px; margin-top:-6px; height:300px;}
.kidEn5Infor .mCSB_inside > .mCSB_container{ margin-right:10px;}
.kidEn5Infor strong{ font-size:16px;}
.kidEn5CLi1 .kidEn5Tit{ background-color:#c62823; background-image:url(../images/kiden5tit1.png);}
.kidEn5CLi2 .kidEn5Tit{ background-color:#f2ce2a; background-image:url(../images/kiden5tit2.png);}
.kidEn5CLi3 .kidEn5Tit{ background-color:#0a635c; background-image:url(../images/kiden5tit3.png);}
.kidEn5CLi1 .kidEn5Infor{ background-color:#ff7874;}
.kidEn5CLi2 .kidEn5Infor{ background-color:#ffe84b;}
.kidEn5CLi3 .kidEn5Infor{ background-color:#2ba69c;}
.kidEn5Tit.on{ color:#000000;}
.kidEn5Page{ position:static; display:block; text-align:center; margin-top:34px;}
.kidEn5Page .swiper-pagination-bullet{ width:60px; height:8px; margin:0 10px; border-radius:4px; background:#cecece; opacity:1;}
.kidEn5Page .swiper-pagination-bullet-active{ background:#f45555;}
.kidEn5Prev,.kidEn5Next{ display:block; width:64px; height:64px; position:absolute; top:50%; margin-top:-32px; width:64px; height:64px; cursor:pointer;}
.kidEn5Prev{ left:-114px; background:url(../images/box6prev.png) center center no-repeat;}
.kidEn5Next{ right:-114px; background:url(../images/box6next.png) center center no-repeat;}
/*双师直播课堂解决外教困扰*/
.kidEnBg6{ position:relative; overflow:hidden; height:714px; padding:70px 0 0;}
.kidEn6Bg{ position:absolute;}
.kidEn6Bg1{ top:120px; right:50%; margin-right:772px; width:186px; height:418px; background:url(../images/kiden6bg1.png) center center no-repeat; animation:bounce 8s linear infinite;}
.kidEn6Bg2{ top:70px; left:50%; margin-left:660px; width:346px; height:380px; background:url(../images/kiden6bg2.png) center center no-repeat; animation:flash 6s linear infinite;}
.kidEnBg6 .wrap{ position:relative; z-index:1;}
.kidEnBg6 .boxTit{ margin-bottom:38px;}
.kidEn6Img{ width:544px; border-radius:8px; overflow:hidden; box-shadow:8px 0 10px rgba(0,0,0,0.23); position:relative; z-index:1;}
.kidEn6Img li{ display:none;}
.kidEn6Img img{ max-width:100% !important; height:auto;}
.kidEn6Rig{ width:656px; transform:translateX(-4px);}
.kidEn6Rig li{ height:160px; background:#f1f1f1; font-size:14px; color:#666666; line-height:24px; margin-bottom:5px; border-radius:0 80px 80px 0; padding:20px 60px 15px; cursor:pointer;}
.kidEn6Rig li:last-child{ margin-bottom:0;}
.kidEn6Tit{ font-size:24px; color:#efa800; line-height:28px; font-weight:bold; margin-bottom:10px;}
.kidEn6Tit img{ margin-top:-5px; margin-right:10px;}
.kidEn6Des{ -webkit-line-clamp:3;}
.kidEn6Rig li.on{ background:#f7ae00; color:#FFFFFF;}
.kidEn6Rig li.on .kidEn6Tit{ color:#FFFFFF;}
.kidEn6Rig li.on .kidEn6Tit img.showIn{ display:none;}
.kidEn6Rig li.on .kidEn6Tit img.hide{ display:inline;}
/*八大教学服务保障校区运营*/
.kidEnBg7{ background:url(../images/systembg.jpg) repeat-y; min-height:870px; padding:50px 0;}
.kidEn7List{ font-size:0; margin:0 -10px; margin-top:30px;}
.kidEn7List li{ display:inline-block; vertical-align:top; width:25%; font-size:15px; padding:0 10px; color:#666666; line-height:26px; margin-top:20px; text-align:center;}
.kidEn7Item{ display:block; height:100%;}
.kidEn7Img{ width:200px; height:200px; margin:0 auto 15px; border-radius:50%; overflow:hidden; border-width:6px; border-style:solid; padding:6px; transition:all 0.5s;}
.kidEn7Img .imgBg{ position:static; border-radius:50%; overflow:hidden; transition:all 0.5s;}
.kidEn7Tit{ font-size:22px; line-height:28px; margin:10px auto;}
.kidEn7Des{ width:235px; margin:10px auto; text-align:center;}
.kidEn7Li1 .kidEn7Img{ border-color:#f98217;}
.kidEn7Li1 .kidEn7Tit{ color:#f98217;}
.kidEn7Li1 .kidEn7Item:hover .kidEn7Img{ background:#f98217; box-shadow:0 0 27px rgba(255,142,40,0.75);}
.kidEn7Li2 .kidEn7Img{ border-color:#abc904;}
.kidEn7Li2 .kidEn7Tit{ color:#abc904;}
.kidEn7Li2 .kidEn7Item:hover .kidEn7Img{ background:#abc904; box-shadow:0 0 27px rgba(193,214,75,0.75);}
.kidEn7Li3 .kidEn7Img{ border-color:#0bc1ef;}
.kidEn7Li3 .kidEn7Tit{ color:#0bc1ef;}
.kidEn7Li3 .kidEn7Item:hover .kidEn7Img{ background:#0bc1ef; box-shadow:0 0 27px rgba(11,193,239,0.75);}
.kidEn7Li4 .kidEn7Img{ border-color:#ff5371;}
.kidEn7Li4 .kidEn7Tit{ color:#ff5371;}
.kidEn7Li4 .kidEn7Item:hover .kidEn7Img{ background:#ff5371; box-shadow:0 0 27px rgba(255,83,113,0.75);}
.kidEn7Li5 .kidEn7Img{ border-color:#4484e5;}
.kidEn7Li5 .kidEn7Tit{ color:#4484e5;}
.kidEn7Li5 .kidEn7Item:hover .kidEn7Img{ background:#4484e5; box-shadow:0 0 27px rgba(68,132,229,0.75);}
.kidEn7Li6 .kidEn7Img{ border-color:#a856e1;}
.kidEn7Li6 .kidEn7Tit{ color:#a856e1;}
.kidEn7Li6 .kidEn7Item:hover .kidEn7Img{ background:#a856e1; box-shadow:0 0 27px rgba(168,86,225,0.75);}
.kidEn7Li7 .kidEn7Img{ border-color:#efc400;}
.kidEn7Li7 .kidEn7Tit{ color:#efc400;}
.kidEn7Li7 .kidEn7Item:hover .kidEn7Img{ background:#efc400; box-shadow:0 0 27px rgba(254,208,0,0.75);}
.kidEn7Li8 .kidEn7Img{ border-color:#12aa88;}
.kidEn7Li8 .kidEn7Tit{ color:#12aa88;}
.kidEn7Li8 .kidEn7Item:hover .kidEn7Img{ background:#12aa88; box-shadow:0 0 27px rgba(45,201,166,0.75);}

/*3*/
.campusCir{ position:absolute; left:50%; margin-left:267px; top:212px; width:320px; height:320px; border:10px solid #FFFFFF; border-radius:50%; background:url(../images/campusnum.jpg) center center no-repeat; color:#FFFFFF; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center; font-size:30px; line-height:200%;}
.campusAdd{ font-size:46px;}
.campusNum{ font-size:18px;}
.campusNum span{ font-size:40px; margin-right:5px;}
.campusBg1{ padding:60px 0;}
.campusList1{ font-size:0; margin:0 -12px;}
.campusList1 li{ display:inline-block; vertical-align:top; width:25%; padding:12px;}
.campusList1 li a{ display:block; height:100%; box-shadow:0 0 20px rgba(0,0,0,0.3); background:#FFFFFF; border-radius:10px; overflow:hidden;}
.campusImg{ position:relative; overflow:hidden; height:200px;}
.campusImg .imgBg{ transition:all 0.5s;}
.campusCon{ text-align:center; padding:15px 15px 20px; font-size:16px; color:#444444; line-height:30px; transition:all 0.5s;}
.campusCon p{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.campusList1 li a:hover .campusImg .imgBg{ transform:scale(1.05);}
.campusList1 li a:hover .campusCon{ background:#118b81; color:#FFFFFF;}
.campusBg2{ background:url(../images/campusbg2.jpg) repeat-y; padding:60px 0;}
.campusList2{ overflow:hidden; margin:0 -13px;}
.campusList2 li{ float:left; width:25%; padding:10px 13px;}
.campusList2 li a{ display:block; background:#FFFFFF; font-size:18px; color:#222222; line-height:28px; padding:10px; border-radius:24px; text-align:center; box-shadow:0 0 7px rgba(0,0,0,0.3); transition:all 0.5s;}
.campusList2 li a:hover{ color:#fb5b2c;}

/*3-2*/
.campusDes{ display:block; width:536px; height:350px; background:url(../images/campusdesbg.jpg) center center no-repeat; color:#FFFFFF; font-size:14px; line-height:28px; position:absolute; top:207px; left:50%; left:50%; margin-left:119px; padding:30px 50px;}
.campusDes h3{ font-size:32px; color:#f6ff00; line-height:160%; margin:15px 0;}
.campusTopBg{ position:relative; overflow:hidden; padding:60px 0;}
.campusTopBg .boxTit{ margin-bottom:30px;}
.campusTopBg .boxTitCn{ font-size:36px;}
.campusTopBg .cirAni1{ top:427px; width:64px; height:64px; margin-right:837px;}
.campusTopBg .cirAni1 span{ border-color:#edd0b2; box-shadow:inset 1px 1px 2px #edd0b2;}
.campusTopBg .cirAni1 span:nth-child(1){ width:22px; height:22px; margin:-11px 0 0 -11px; border-width:3px;}
.campusTopBg .cirAni1 span:nth-child(2){ width:40px; height:40px; margin:-20px 0 0 -20px; border-width:5px;}
.campusTopBg .cirAni1 span:nth-child(3){ width:64px; height:64px; margin:-32px 0 0 -32px; border-width:8px;}
.campusTopBg .cirAni2{ top:465px; width:136px; height:136px; margin-right:694px;}
.campusTopBg .cirAni2 span{ border-color:#f9d9ed; box-shadow:inset 1px 1px 2px #f9d9ed;}
.campusTopBg .cirAni2 span:nth-child(1){ width:46px; height:46px; margin:-23px 0 0 -23px; border-width:6px;}
.campusTopBg .cirAni2 span:nth-child(2){ width:84px; height:84px; margin:-42px 0 0 -42px; border-width:10px;}
.campusTopBg .cirAni2 span:nth-child(3){ width:136px; height:136px; margin:-68px 0 0 -68px; border-width:16px;}
.campusTopBg .cirAni3{ top:374px; width:282px; height:282px; margin-left:730px;}
.campusTopBg .cirAni3 span{ border-color:#ffc9ca; box-shadow:inset 1px 1px 2px #ffc9ca;}
.campusTopBg .cirAni3 span:nth-child(1){ width:94px; height:94px; margin:-47px 0 0 -47px; border-width:12px;}
.campusTopBg .cirAni3 span:nth-child(2){ width:172px; height:172px; margin:-86px 0 0 -86px; border-width:20px;}
.campusTopBg .cirAni3 span:nth-child(3){ width:282px; height:282px; margin:-141px 0 0 -141px; border-width:32px;}
.campusTopBg .cirAni4{ top:165px; width:154px; height:154px; margin-left:896px;}
.campusTopBg .cirAni4 span{ border-color:#b2dbf7; box-shadow:inset 1px 1px 2px #b2dbf7;}
.campusTopBg .cirAni4 span:nth-child(1){ width:42px; height:42px; margin:-21px 0 0 -21px; border-width:6px;}
.campusTopBg .cirAni4 span:nth-child(2){ width:94px; height:94px; margin:-47px 0 0 -47px; border-width:12px;}
.campusTopBg .cirAni4 span:nth-child(3){ width:154px; height:154px; margin:-77px 0 0 -77px; border-width:18px;}
.flower{ display:block; position:absolute;}
.flower1{ right:50%; margin-right:804px; top:536px; width:310px; height:310px; background:url(../images/campustopbg1.png) center center no-repeat; animation:rotate2 10s linear infinite;}
.flower2{ left:50%; margin-left:758px; top:257px; width:78px; height:78px; background:url(../images/campustopbg2.png) center center no-repeat; animation:rotate3 15s linear infinite;}
.campusText{ text-align:center;}
.campusText a{ display:inline-block; vertical-align:top; margin:3px; width:auto;}
.campusText img{ border-radius:10px; height:220px;}
#vlightbox a{width:auto !important;}
#vlightbox a img{border-radius:10px;border:0px;height:220px;display:inline-block;}

/*3-2-2*/
.campusBotBg{ background:#ecf8f7; padding:70px 0 60px;}
.campusBotBg .boxTitEn{ font-size:42px; color:#0d756d; text-transform:uppercase; opacity:1;}
.campusBotBg .boxTitEn + .boxTitCn{ margin-top:15px; font-size:24px; color:#222222;}
.campusNews{ overflow:hidden; margin:0 -30px; margin-top:40px; position:relative;}
.campusNews:after,.campusNews:before{ display:block; content:""; background:#ecf8f7; width:5px; height:19px; position:absolute; bottom:0; z-index:1;}
.campusNews:after{ left:31px;}
.campusNews:before{ left:50%; margin-left:31px;}
.campusNews li{ float:left; width:50%; padding:0 30px; line-height:44px; position:relative;}
.campusNews li a{ display:block; position:relative;}
.campusNews span{ float:left; width:144px; text-align:center; color:#8f8f8f;}
.campusNews b{ display:block; overflow:hidden; font-weight:normal; font-size:14px; color:#333333; border-bottom:1px dashed #b5b5b5;}
.campusNews li a:before,.campusNews li a:after{ display:block; content:""; position:absolute;}
.campusNews li a:before{ width:4px; height:4px; border:2px solid #ec0906; background:#ecf8f7; border-radius:50%; left:0; top:50%; margin-top:-5px; z-index:1;}
.campusNews li a:after{ height:100%; width:1px; background:#e0e0e0; left:3px; top:0;}
.campusNews li:first-child a:after,.campusNews li:nth-child(2) a:after{ height:50%; top:50%;}
.campusNews li:last-child a:after{ height:50%; bottom:0;}
.campusNews li:nth-last-child(2) a:after{ height:50%; bottom:0;}
.campusNews li a:hover b{ color:#ec0e0b;}

/*4-1*/
.TmsEnBg{ background:#FFFFFF; padding:70px 0; position:relative; overflow:hidden;}
.TmsEnBg2{ background:url(../images/systembg.jpg) repeat-y;}
/*4-1--2~4*/
.tmsEn1 .boxTit{ margin-bottom:45px;}
.tmsEn1 .boxTitCn{ color:#ee0b00;}
.tmsEn2 .boxTit{ margin-bottom:45px;}
.tmsEn2 .boxTitCn{ color:#048678;}
.tmsEn2Con{ position:relative;}
.tmsEn3 .boxTit{ margin-bottom:45px;}
.tmsEn3 .boxTitCn{ color:#f48400;}
.tmsEn3Con{ position:relative;}
/*托马斯幼儿英语课程*/
.tmsEn4List{}
.tmsEn4List li{ margin-top:30px; overflow:hidden; padding:40px 50px; color:#FFFFFF; border-radius:10px;}
.tmsEn4List li:nth-child(1){
background: rgb(8,144,114);
background: -moz-linear-gradient(left, rgba(8,144,114,1) 0%, rgba(51,158,150,1) 100%);
background: -webkit-linear-gradient(left, rgba(8,144,114,1) 0%,rgba(51,158,150,1) 100%);
background: linear-gradient(to right, rgba(8,144,114,1) 0%,rgba(51,158,150,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#089072', endColorstr='#339e96',GradientType=1 );
}
.tmsEn4List li:nth-child(2){
background: #e7a63b;
background: -moz-linear-gradient(left, #e7a63b 0%, #fd8949 100%);
background: -webkit-linear-gradient(left,#e7a63b 0%,#fd8949 100%);
background: linear-gradient(to right, #e7a63b 0%,#fd8949 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7a63b', endColorstr='#fd8949',GradientType=1 );
}
.tmsEn4Img{ float:right; width:324px; margin-left:40px; border-radius:20px; overflow:hidden;}
.tmsEn4Img img{ max-width:100% !important; height:auto;}
.tmsEn4Img video{ max-width:100% !important; height:auto;}
.tmsEn4Rig{ overflow:hidden; font-size:15px; color:#ffffff; line-height:32px;}
.tmsEn4Rig h3{ font-size:32px; color:#ffffff; line-height:140%; margin-bottom:5px;}
.tmsEn4List li:nth-child(1) .tmsEn4Rig h3{ color:#fcff00;}
.tmsEn4List li:nth-child(2) .tmsEn4Img{ float:left; margin-left:0; margin-right:40px;}
/*托马斯少儿英语课程*/
.tmsEn5Con{ padding-top:48px;}
.tmsEn5Lef{ width:600px; font-size:16px; color:#555555; line-height:28px;}
.tmsEn5Lef h3{ font-size:32px; color:#ff2919; line-height:52px;}
.tmsEn5Lef p{ margin:10px 0;}
.tmsEn5Lef img{ max-width:100% !important; height:auto;}
.tmsEn5Rig{ width:489px; line-height:40px;}
.tmsEn5Rig img{ display:block; max-width:100% !important; height:auto;}
.tmsEn5Rig h4{ font-size:26px; color:#ffffff; line-height:32px;}
.tmsEn5Rig h4 strong{ display:inline-block; vertical-align:middle; padding:10px 50px; background:#f97c00; border-radius:25px; margin-bottom:10px;}
.tmsEn5Rig h5{ font-size:24px; color:#f97c00; line-height:40px; max-width:440px;}
/*托马斯英语四大成效*/
.tmsEn6 .boxTit{ margin-bottom:36px;}
.tmsEn6Con img{ max-width:100% !important; height:auto;}
.tmsEn6List{ display:flex; flex-wrap:wrap; margin:0 -10px; margin-top:24px;}
.tmsEn6List li{ width:25%; padding:0 10px; margin-top:20px;}
.tmsEn6Item{ padding:35px 30px 25px; min-height:286px; position:relative; border-radius:8px; height:100%;}
.tmsEn6Ico{ display:block; width:24px; height:21px; background:url(../images/tmsen6ico.png) center center no-repeat; position:absolute; left:20px; top:20px;}
.tmsEn6Img{ position:relative; width:138px; height:138px; margin:0 auto 15px; border-radius:50%; border:6px solid #FFFFFF; overflow:hidden;}
.tmsEn6Des{ font-size:18px; color:#FFFFFF; line-height:30px; text-align:center;}
.tmsEn6Li1 .tmsEn6Item{ background:url(../images/tmsen6libg1.jpg) center top #f44938 no-repeat;}
.tmsEn6Li2 .tmsEn6Item{ background:url(../images/tmsen6libg2.jpg) center top #e9bb00 no-repeat;}
.tmsEn6Li3 .tmsEn6Item{ background:url(../images/tmsen6libg3.jpg) center top #17b8b5 no-repeat;}
.tmsEn6Li4 .tmsEn6Item{ background:url(../images/tmsen6libg4.jpg) center top #4588f4 no-repeat;}
/*双师直播课堂解决外教困扰*/
.TmsEnBg2 .kidEn6Rig li{ background:#FFFFFF;}
.TmsEnBg2 .kidEn6Rig li.on{ background:#f7ae00;}
/*托马斯教育4.0模式*/
.tmsEn7Bg{ background:url(../images/box5bg.jpg) center center no-repeat; height:750px; position:relative; overflow:hidden;}
.tmsEn7Bg .boxTit{ margin-bottom:28px;}
.tmsEn7Bg .boxTitCn{ color:#FFFFFF;}
.tmsEn7Des{ font-size:16px; color:#ffffff; line-height:30px; max-width:790px; margin:28px auto;}
/*托马斯英语课程包*/
.tmsEn8 .boxTit{ margin-bottom:35px;}

/*4-2*/
.steamBg1{ padding:75px 0;}
.steamBg1 .boxTit{ margin-bottom:30px;}
.steam1Des{ font-size:16px; color:#666666; line-height:32px; width:805px; margin:30px auto;}
/*4-2-2*/
.steamBg2{ background:url(../images/steambg2.jpg) repeat; padding:90px 0;}
.steamBg2 .boxTitCn{ color:#FFFFFF;}
.steam2Des{ font-size:26px; color:#FFFFFF; line-height:32px; width:805px; margin:30px auto;}
.steam2List{ position:relative; margin:-15px -25px -25px;}
.steam2List .swiper-container{ padding:25px;}
.steam2Item{ background:#FFFFFF; border-radius:10px; overflow:hidden; border:6px solid #FFFFFF; box-shadow:0 0 25px rgba(0,0,0,0.32);}
.steam2Img{ height:192px; position:relative; overflow:hidden;}
.steam2Tit{ font-size:20px; color:#444444; line-height:30px; padding:18px 0; transition:all 0.5s;}
.steam2Prev,.steam2Next{ position:absolute; top:50%; width:64px; height:64px; margin-top:-32px; cursor:pointer; border-radius:50%; transition:all 0.5s;}
.steam2Prev{ left:-110px; background:url(../images/prev.png) center center #f2b91c no-repeat;}
.steam2Next{ right:-110px; background:url(../images/next.png) center center #f2b91c no-repeat;}
.steam2Prev:hover,.steam2Next:hover{ box-shadow:0 0 20px rgba(0,0,0,0.2);}
.steam2Item:hover .steam2Tit{ color:#f2b91c;}
/*4-2-3*/
.steamBg{ padding:70px 0;}
.steam3List{ margin:0 -1px; margin-top:38px; overflow:hidden;}
.steam3List li{ float:left; padding:1px; width:33.33%; display:flex; flex-direction:column; animation-duration:2s;}
.steam3List li:nth-child(2n){ flex-direction:column-reverse;}
.steam3Text,.steam3Img{ margin:2px 0;}
.steam3Text{ color:#FFFFFF; background:#26a796; height:260px; overflow:hidden; padding:15px 30px; line-height:26px;}
.steam3Text h3{ font-size:18px; line-height:160%;}
.steam3Text strong{ color:#fffc00;}
.steam3Text .mCSB_inside > .mCSB_container{ margin-right:10px;}
.steam3Img{ position:relative; height:260px; overflow:hidden;}
.steam3List li:nth-child(1) .steam3Text{ font-size:16px; line-height:30px; padding:30px 40px;}
.steam3List li:nth-child(1) .steam3Text p{ padding-left:28px; background:url(../images/steam3text.png) left 8px no-repeat;}
.steam3List li:nth-child(2) .steam3Text{ line-height:30px; padding:15px 15px;}
.steam3List li:hover .steam3Img .imgBg{ transform:scale(1.05);}
/*4-2-4*/
.steam4Item{ display:flex; flex-direction:column; height:100%; position:relative; overflow:hidden;}
.steam4Text{ height:260px; margin:1px 0; background:#ef4f4f; font-size:22px; color:#FFFFFF; line-height:36px; display:flex; justify-content:center; flex-direction:column; align-content:center; text-align:center; padding:30px;}
.steam4Item .steam3Img{ margin:1px 0;}
.steam4Hov{ position:absolute; left:0; top:0; width:100%; height:442px; padding:24px 30px; background:#ef4f4f; font-size:14px; color:#FFFFFF; line-height:26px; transform:translateY(-100%); transition:all 0.5s;}
.steam4Hov .mCSB_inside > .mCSB_container{ margin-right:10px;}
.steam4Hov h3{ font-size:18px; line-height:160%;}
.steam4Hov strong{ color:#fffc00;}
.steam3List li:nth-child(2n) .steam4Item{ flex-direction:column-reverse;}
.steam3List li:nth-child(2n) .steam4Hov{ top:auto; bottom:0; transform:translateY(100%);}
.steam4Item:hover .steam4Hov{ transform:translateY(0) !important;}
/*4-2-5*/
.steam5Con{ overflow:hidden; padding:44px 20px 44px 40px; border-radius:10px; margin-top:43px; box-shadow:0 0 19px rgba(0,0,0,0.25); font-size:16px; color:#FFFFFF; line-height:30px;
background: #f9a828;
background: -moz-linear-gradient(left, #f9a828 0%, #f77762 100%);
background: -webkit-linear-gradient(left,#f9a828 0%,#f77762 100%);
background: linear-gradient(to right, #f9a828 0%,#f77762 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9a828', endColorstr='#f77762',GradientType=1 );
}
.steam5Img{ max-width:500px; border-radius:10px; overflow:hidden; margin-right:50px; box-shadow:6px 6px 0 #f86a20;}
.steam5Img img{ width:100% !important; height:auto; display:block;}
.steam5Rig{ overflow:hidden;}
.steam5Rig h3{ font-size:26px; line-height:160%; margin-bottom:8px;}
.steam5Rig h4{ padding-left:22px; background:url(../images/star.png) left 6px no-repeat;}
/*4-2-6*/
.steam6Con{ padding:30px 30px 30px 40px;
background: #84a90c;
background: -moz-linear-gradient(left, #84a90c 0%, #b2db4e 100%);
background: -webkit-linear-gradient(left,#84a90c 0%,#b2db4e 100%);
background: linear-gradient(to right, #84a90c 0%,#b2db4e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84a90c', endColorstr='#b2db4e',GradientType=1 );
}
.steam6Con .steam5Img{ margin-right:0; margin-left:45px; box-shadow:6px 6px 0 #66960f;}
/*4-2-7*/
.steam7List li{ padding:50px 0; position:relative;}
.steam7List li:before,.steam7List li:after{ display:block; content:""; width:100%; height:1px; background:#cfcfcf; position:absolute; left:0;}
.steam7List li:before{ bottom:0;}
.steam7List li:after{ bottom:3px;}
.steam7List li:last-child{ padding-bottom:0;}
.steam7List li:last-child:before,.steam7List li:last-child:after{ display:none;}
.steam7Img{ float:left; width:534px; margin-right:60px;}
.steam7Img img{ border-radius:5px;}
.steam7Rig{ overflow:hidden; font-size:16px; color:#444444; line-height:30px;}
.steam7Rig h3{ font-size:26px; line-height:160%;}
.steam7Rig h4{ padding-left:22px; background:url(../images/star2.png) left 6px no-repeat; margin-top:15px;}
.steam7Rig strong{ color:#f93131;}
.steam7Con{ min-height:236px; height:236px; overflow:hidden;}
.steam7Con.active{ height:auto;}
.steam7More{ display:block; width:174px; height:40px; background:#f93131; border-radius:20px; text-align:center; color:#FFFFFF; line-height:40px; margin-top:15px; cursor:pointer;}
.steam7More b{ display:inline-block; vertical-align:middle;}
.steam7More i{ display:inline-block; vertical-align:middle; margin-left:5px; width:14px; height:13px; background:url(../images/steam7more.png) center center no-repeat; transition:all 0.5s;}
.steam7More.active i{ transform:scaleY(-1);}
.steam7List li:nth-child(2n) .steam7Img{ float:right; margin-right:0; margin-left:60px;}
/*4-2-8*/
.steam8List{ margin:0 -13px; font-size:0; margin-top:18px;}
.steam8List li{ padding:0 13px; display:inline-block; vertical-align:top; width:25%; margin-top:26px; font-size:14px; color:#777777; line-height:24px;}
.steam8Item{ background:#FFFFFF; padding:10px; border-radius:10px; box-shadow:0 0 20px rgba(0,0,0,0.4); position:relative; overflow:hidden; cursor:pointer;}
.steam8Img{ height:220px; position:relative; overflow:hidden;}
.steam8Bot{ padding:15px 10px;}
.steam8Tit{ font-size:22px; color:#333333; line-height:28px; margin:10px 0;}
.steam8Des{ height:72px; -webkit-line-clamp:3; margin:10px 0 0;}
.steam8Hov{ position:absolute; left:0; top:0; right:0; bottom:0; background:#f45555; color:#FFFFFF; font-size:14px; line-height:200%; padding:20px 30px; border-radius:10px; transform:translateY(-100%); transition:all 0.6s cubic-bezier(0.16, 0.95, 0.32, 0.92);}
.steam8Hov .mCSB_inside > .mCSB_container{ margin-right:10px;}
.steam8Item:hover .steam8Hov{ transform:translateY(0);}

/*5*/
.redBg{ background:#e73827; width:100%;}
.redBg .cenBar li a{ color:#FFFFFF;}
.redBg .cenBar li.active a{ background:#FFFFFF; color:#e73827; font-weight:bold;}
.redBg .cenBar li:not(.active) a:hover{ color:#FFFFFF;}
.redBg.fixed{ width:100%;}
.header.no{ transform:translateY(-100%);}
.redBgSpace{ height:84px; margin-top:94px;}
/*5-1*/
.learn1Bg{ padding:80px 0;}
.learn1{ margin-bottom:60px;}
.learn1Lef{ width:680px;}
.learn1Lef h3{ font-size:38px; color:#e73827;}
.learn1Des{ font-size:16px; color:#666666; line-height:30px; margin:10px 0;}
.learn1List{ font-size:0; margin:20px -10px;}
.learn1List li{ display:inline-block; vertical-align:middle; width:50%; padding:0 10px; margin-top:15px; font-size:14px; color:#666666; line-height:26px;}
.learn1List h4{ font-size:16px; color:#e73827; line-height:26px;}
.learn1Btn{ display:block; width:210px; height:52px; line-height:52px; color:#FFFFFF; background:#f44837; font-size:22px; text-align:center; border-radius:26px; margin-top:30px;}
.learn1Btn:hover{ box-shadow:0 -5px 0 rgba(0,0,0,0.1) inset;}
.learn1Rig{ width:472px; overflow:hidden;}
.learn1Rig img{ float:right;}
/*5-2*/
.learn2TopBg{ background:#47c2cc; padding:32px 0;}
.learn2Tit{ float:left; font-size:42px; color:#FFFFFF; font-weight:bold; line-height:56px; padding-left:94px; background:url(../images/learn2titbg.png) left center no-repeat;}
.downBtn{ float:right; display:block; padding:0 100px; position:relative; overflow:hidden;}
.downBtn span{ display:block; width:230px; height:56px; line-height:56px; text-align:center; background:#f9d412; border-radius:28px; font-size:22px; color:#000000; transition:all 0.5s;}
.downBtn span:hover{ box-shadow:0 -5px 0 rgba(0,0,0,0.1) inset;}
.downBtn:before,.downBtn:after{ display:block; content:""; width:67px; height:27px; position:absolute; top:50%; margin-top:-13px;}
.downBtn:before{ left:0; background:url(../images/learn2titbg.png) right center no-repeat; animation:transX1 1s linear infinite;}
.downBtn:after{ right:0; background:url(../images/learn2titbg2.png) left center no-repeat; animation:transX2 1s linear infinite;}
.learn2Bot{ height:778px;}
.learn2Bot .swiper-pagination{ bottom:30px;}
.learn2Bot .swiper-pagination-bullet{ border-radius:0; width:50px; height:6px; background:#ffffff; opacity:1; margin:0 12px !important;}
.learn2Bot .swiper-pagination-bullet-active{ background:#19d6e5;}
/*5-3*/
.learn3Bg{ padding:60px 0 90px;}
.learn3Bg .boxTitDes{ line-height:30px;}
.learn3Btn{ display:block; width:290px; height:54px; line-height:54px; text-align:center; background:#ffd915; border-radius:27px; font-size:22px; color:#000000; margin:20px auto 36px; transition:all 0.5s;}
.learn3Btn:hover{ box-shadow:0 -5px 0 rgba(0,0,0,0.1) inset;}
.learn3Lef{ width:282px; z-index:1;}
.learn3Tab{ list-style:none;}
.learn3Tab li{ display:flex; align-items:center; justify-content:center; height:170px; margin-bottom:4px; font-weight:bold; font-size:18px; color:#FFFFFF; line-height:30px; padding:20px 30px; position:relative; z-index:1;}
.learn3Tab li:last-child{ margin-bottom:0;}
.learn3Tab li span{ display:block; width:25px; height:44px; background:url(../images/learn3tab.png) right center no-repeat; position:absolute; left:100%; top:50%; margin-top:-22px; opacity:0; visibility:hidden; transform:translateX(-5px); transition:all 0.5s;}
.learn3Tab li.on{ background:#e1e1e1; color:#666666;}
.learn3Tab li.on span{ opacity:1; visibility:visible; transform:translateX(0);}
.learn3Li1{ background:#4886e3;}
.learn3Li2{ background:#f14d3d;}
.learn3Li3{ background:#f7ae00;}
.learn3Rig{ width:916px;}
/*5-4*/
.learn4Bg{ background:url(../images/learn4bg.jpg) repeat; padding:70px 0 50px;}
.learn4Bg .boxTitCn{ color:#FFFFFF;}
.learn4{ margin-top:44px;}
.learn4Lef{ width:600px; position:relative; border-radius:6px; overflow:hidden;}
.learn4Img img{ width:100%; height:526px;}
.learn4Cir{ position:absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,0.6); height:50px; line-height:50px; text-align:center;}
.learn4Cir li{ display:inline-block; vertical-align:middle; width:14px; height:14px; border:2px solid #FFFFFF; border-radius:50%; margin:18px 5px; cursor:pointer;}
.learn4Cir li.on{ background:#FFFFFF;}
.learn4Rig{ width:584px;}
.learn4Rig li{ background:#FFFFFF; margin-bottom:10px; padding:20px 30px 16px; height:124px; border-radius:6px; cursor:pointer; transition:all 0.5s;}
.learn4Rig li:last-child{ margin-bottom:0;}
.learn4Ico{ width:86px; height:86px; border-radius:50%; margin-right:27px; transition:all 0.5s;}
.learn4Con{ overflow:hidden;}
.learn4Con h3{ font-size:24px; color:#333333; line-height:30px; margin-bottom:8px;}
.learn4Des{ font-size:14px; color:#777777; line-height:24px; height:48px; -webkit-line-clamp:2;}
.learn4Li1 .learn4Ico{ background:#f14d3d; border:3px solid #f14d3d;}
.learn4Li2 .learn4Ico{ background:#f7ae00; border:3px solid #f7ae00;}
.learn4Li3 .learn4Ico{ background:#47c2cc; border:3px solid #47c2cc;}
.learn4Li4 .learn4Ico{ background:#2280b6; border:3px solid #2280b6;}
.learn4Rig li:hover .learn4Ico{ background:none; border-color:#FFFFFF;}
.learn4Rig li:hover .learn4Con h3,.learn4Rig li:hover .learn4Des{ color:#FFFFFF;}
.learn4Li1:hover{ background:#f14d3d;}
.learn4Li2:hover{ background:#f7ae00;}
.learn4Li3:hover{ background:#47c2cc;}
.learn4Li4:hover{ background:#2280b6;}
.learn4Btn{ margin:50px auto 0;}

/*6*/
.newsList{ list-style:none; margin:20px 0 50px;}
.newsList li{ position:relative; padding:40px 0; border-bottom:1px solid #ebebeb; transition:all 0.5s;}
.newsList li .wrap{ position:relative;}
.shareIco{ position:absolute; top:0; left:50%; margin-left:560px;}
.shareIco a{ display:block; width:38px; height:38px; background:url(../images/shareico.png) center center no-repeat;}
.newsImg{ float:left; width:322px; margin-right:40px;}
.newsImg img{ width:322px; height:200px;}
.newsRig{ overflow:hidden;}
.newsTit{ font-size:22px; color:#333333; font-weight:bold; line-height:30px; margin-bottom:15px; padding-right:50px; transition:all 0.5s;}
.newsTit a{ color:#333333;}
.newsLine{ display:block; width:36px; height:3px; background:#fac83e; font-size:0; margin:20px 0;}
.newsDes{ font-size:16px; color:#555555; line-height:30px; height:60px; margin:15px 0; -webkit-line-clamp:2;}
.newsBot span.fl{ width:100px; height:42px; font-size:15px; color:#FFFFFF; line-height:42px; border-radius:21px; text-align:center;
background: #119b90;
background: -moz-linear-gradient(left, #72d7cf 0%, #119b90 100%);
background: -webkit-linear-gradient(left,#72d7cf 0%,#119b90 100%);
background: linear-gradient(to right, #72d7cf 0%,#119b90 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72d7cf', endColorstr='#119b90',GradientType=1 );
transition:all 0.5s;
}
.newsBot span.fl a{ color:#FFFFFF;}
.newsBot p.fr span{ margin-left:30px; line-height:42px; color:#999999;}
.newsBot img{ vertical-align:middle; margin-right:5px;}
.newsList li:hover{ box-shadow:0 0 25px rgba(0,0,0,0.18); transform:translateY(-5px);}
.newsList li:first-child:hover{ box-shadow:0 10px 15px rgba(0,0,0,0.08);}
.newsList li:hover .newsTit a{ color:#d82421;}
.newsList li:hover .newsBot span.fl{ background:#d82421;}
/*6-2*/
.newsTop{ border-bottom:1px solid #ebebeb; padding:30px 0;}
.newsTop + .newsList{ margin-top:0;}
.newsTop .joinInput{ float:left; width:236px; height:46px; line-height:26px; background-color:#f1f1f1; border:none; border-radius:0; font-size:16px; color:#666666;}
.nSearch{ float:left; position:relative;}
.nSearchInput{ padding-left:15px; padding-right:46px;}
.nSearchBtn{ position:absolute; right:0; top:0; display:block; width:46px; height:46px; background:url(../images/nsearchbtn.png) center center no-repeat;}

.pageBox{ margin:50px 0; text-align:center;}
.pageBox a{ display:inline-block; vertical-align:middle; width:34px; height:34px; line-height:34px; border-radius:17px; background:#c9c9c9; text-align:center; font-size:15px; color:#FFFFFF; margin:0 2px;}
.pageBox a.active{ background:#ff3c29; color:#FFFFFF;}
.pageBox a:hover{ background:#ff3c29; color:#FFFFFF;}
.pageBox a.pagePrev,.pageBox a.pageNext{ width:86px; background:#ff3c29; color:#FFFFFF; margin:0 10px;}

/*6-3*/
.banNews{ position:fixed; width:100%; left:0; top:0; height:366px;}
.newsBg{ position:relative; z-index:1; margin-top:94px;}
.newsBg .wrap{ position:relative; z-index:1;}
.newsBg .box2Cir1{ top:366px}
.newsBg .box2Cir2{ top:30%}
.newsBg .box2Cir3{ top:386px; margin-left:910px;}
.newsBg .box2Cir4{ bottom:30%}
.newsBg .box2Cir5{ bottom:28%}
.breadNav{ overflow:hidden; list-style:none; font-size:14px; color:#FFFFFF; line-height:20px; padding:40px 0; padding-left:14px; background:url(../images/breadnav.png) left 43px no-repeat;}
.breadNav li{ float:left; color:#FFFFFF; padding:0 10px; position:relative;}
.breadNav li:before{ display:block; content:"|"; color:#FFFFFF; position:absolute; left:0; top:0; line-height:20px;}
.breadNav li:first-child:before{ display:none;}
.breadNav li a{ color:#FFFFFF;}
.newsCon{ background:#FFFFFF; border-radius:8px; padding:46px 60px 20px; margin-bottom:46px; box-shadow:0 0 8px rgba(0,0,0,0.2); min-height:50vh;}
.newsName{ font-size:30px; color:#222222; line-height:140%; margin-bottom:20px; text-align:center;}
.newsTime{ text-align:center; font-size:14px; color:#999999; line-height:24px; margin:20px 0;}
.newsTime span{ padding:0 15px;}
.newsRead{ background:#f4f9f9; border-radius:8px; border:1px solid #c7e1e1; font-size:15px; color:#666666; line-height:30px; padding:25px 40px; margin:20px 0;}
.newsRead strong{ color:#0a635c;}
.newsText{ font-size:16px; color:#555555; line-height:34px; margin:20px 0;}
.newsText img{ max-width:100% !important; height:auto; margin:5px auto;}
.newsFoot{ overflow:hidden; padding:26px 0; border-top:1px solid #e6e6e6; margin-top:30px;}
.newsShare{ float:left;}
.newsShare *{ display:inline-block; vertical-align:middle; margin-right:5px;}
.newsShare img{ cursor:pointer;}
.newsShare img:first-child{ cursor:default;}
.newsPage{ float:right;}
.newsPage a{ display:inline-block; vertical-align:middle; border:1px solid #cccccc; line-height:34px; border-radius:17px; transition:all 0.5s;}
.newsPage a.newsBack{ width:36px; height:36px; background:url(../images/newslist.png) center center no-repeat; margin:0 4px;}
.newsPage a.newsPrev,.newsPage a.newsNext{ width:90px; text-align:center; font-family:Georgia; font-size:15px; color:#aaaaaa; text-transform:uppercase;}
.newsPage a img{ margin:0 5px;}
.newsPage a:hover{ box-shadow:1px 1px 0 rgba(0,0,0,0.1);}

/*7-1*/
.oneBoxBg{ position:relative; overflow:hidden; padding:90px 0;}
.oneBoxBg .box2Cir2{ top:30%}
.oneBoxBg .box2Cir3{ top:386px; margin-left:910px;}
.oneBoxBg .box2Cir4{ bottom:10%}
.oneBoxBg .box2Cir5{ bottom:8%}
.oneBoxBg .boxTitEn{ text-transform:uppercase;}
.oneBoxBg .boxTitCn{ color:#01625a;}
.oneBoxBg .wrap{ position:relative; z-index:1;}
.oneText{ font-size:16px; color:#666666; line-height:32px; margin-top:35px;}
.oneText img{ max-width:100% !important; height:auto; margin:5px auto;}
.oneText p{ text-indent:2em;}

/*7-2*/
.culture{ margin-top:30px;}
.culture li{ padding:10px 0; display:flex; align-items:center;}
.culImg,.culRig{ animation-delay:0.3s;}
.culImg{ float:left; margin-right:45px; flex-grow:0;}
.culImg img{ max-width:435px !important; height:auto;}
.culRig{ overflow:hidden; font-size:15px; color:#666666; line-height:32px;}
.culRig h3{ font-size:24px; line-height:32px; margin-bottom:10px;}
.culture .corRed{ color:#f80110; padding:0 10px; font-size:40px; line-height:24px; vertical-align:text-bottom;}
.culLi1 h3,.culLi1 strong{ color:#d82421;}
.culLi2 h3,.culLi2 strong{ color:#037f74;}
.culLi3 h3,.culLi3 strong{ color:#00a7c5;}
.culLi4 h3,.culLi4 strong{ color:#50a008;}
.culLi5 h3,.culLi5 strong{ color:#ff9000;}
.culLi6 h3,.culLi6 strong{ color:#3866c2;}
.culLi7 h3,.culLi7 strong{ color:#ad43c8;}
.culture li:nth-child(2n){ flex-direction:row-reverse;}
.culture li:nth-child(2n) .culImg{ float:right; margin-right:0; margin-left:10px;}
.culture li:nth-child(2n) .culImg img{ float:right; max-width:457px !important; height:auto;}
.culture li:last-child .culRig p{ display:inline-block; vertical-align:middle; width:48%;}

/*7-3*/
.originBg{ background:url(../images/originbg.png) center 58px no-repeat;}
.origin{ margin-top:40px; position:relative; min-height:502px; font-size:15px; color:#777777; line-height:36px;}
.originImg{ position:absolute; left:0; top:0; width:576px;}
.originImg img{ width:100%;}
.originRig{ float:right; width:750px; position:relative; padding-top:50px;}
.originCon{ background:#FFFFFF; border-radius:15px; min-height:400px; padding:30px 70px; box-shadow:0 0 15px rgba(0,0,0,0.25);}
.originCon h3{ font-size:30px; color:#e73827; line-height:130%; margin:30px 0 20px;}
.originRig .box1BgImg{ width:313px; height:130px; background-size:313px auto; top:0; right:60px; margin:0; z-index:1;}

/*7-4*/
.videoList{ margin:0 -24px; margin-top:12px; margin-bottom:50px; font-size:0;}
.videoList li{ display:inline-block; vertical-align:middle; padding:0 24px; margin-top:48px; width:50%;}
.videoList li a{ display:block; background:#FFFFFF; padding:28px 32px; box-shadow:0 0 20px rgba(0,0,0,0.15); border-radius:10px; transition:all 0.5s;}
.videoImg{ position:relative; overflow:hidden; height:326px;}
.videoImg .imgBg{ transition:all 0.5s;}
.videoTit{ font-size:24px; color:#333333; line-height:120%; margin:20px 0 15px; transition:all 0.5s;}
.videoDes{ font-size:14px; color:#888888; line-height:26px; height:52px; -webkit-line-clamp:2;}
.videoList li a:hover{ transform:translateY(-5px); box-shadow:0 0 20px rgba(0,0,0,0.2);}
.videoList li a:hover .imgBg{ transform:scale(1.1) rotate(2deg);}
.videoList li a:hover .videoTit{ color:#e73827;}

/*7-5*/
.job1Bg{ padding:70px 0;}
.job1List{ font-size:0; margin:0 -27px;}
.job1List li{ display:inline-block; vertical-align:top; width:33.33%; padding:0 27px; margin-top:40px; font-size:15px; color:#777777; line-height:30px;}
.job1List img{ border-radius:5px;}
.job1List h3{ font-size:25px; line-height:40px; padding:10px 0;}
.jobMore{ display:block; width:364px; height:56px; background:#e73827; color:#FFFFFF; border-radius:28px; text-align:center; line-height:56px; margin:34px auto 0; font-size:22px; transition:all 0.5s;}
.jobMore:hover{ box-shadow:0 -7px 0 rgba(0,0,0,0.1) inset; transform:translateY(2px);}
.job1Li1 h3{ color:#e92426;}
.job1Li2 h3{ color:#eac000;}
.job1Li3 h3{ color:#148d83;}
.job2Bg{ background:url(../images/job2bg.jpg) center center no-repeat; height:720px; padding:124px 0 80px;}
.job2{ box-shadow:0 0 20px rgba(0,0,0,0.3); background:#FFFFFF; padding:40px 40px 40px 60px; height:491px; border-radius:10px; position:relative;}
.job2:after{ display:block; content:""; height:85%; height:calc(100% - 80px); position:absolute; left:50%; top:40px; border-left:1px dotted #b8b8b8;}
.job2Lef,.job2Rig{ animation-delay:0.5s;}
.job2Lef{ width:510px; font-size:16px; color:#666666; line-height:36px;}
.job2Lef h3{ font-size:26px; color:#333333; line-height:160%; margin:15px 0;}
.jobWx{ overflow:hidden; margin-top:24px;}
.jobWx li{ float:left; margin-right:40px; text-align:center;}
.jobWx li:last-child{ margin-right:0;}
.jobWx img{ width:130px; height:130px; border:1px solid #c9c9c9;}
.job2Rig{ list-style:none; width:504px;}
.job2Rig li{ padding:20px 0; font-size:15px; color:#777777; line-height:28px;}
.job2Ico{ float:left; width:70px; margin-right:25px;}
.job2Con{ overflow:hidden;}
.job2Con h3{ font-size:24px; line-height:34px; margin-bottom:10px;}
.job2Li1 h3{ color:#ed4542;}
.job2Li2 h3{ color:#e0c800;}
.job2Li3 h3{ color:#0d8c8d;}

/*8*/
.banHelp{ height:450px;}
.helpBg{ position:relative;}
.left{ width:238px; background:#f5f5f5;}
.leftTit{ display:block; background:#d82421; font-size:28px; color:#FFFFFF; text-align:center; line-height:40px; padding:30px 15px; margin-top:-100px;}
.leftList{ list-style:none; padding-bottom:30px;}
.leftList li a{ display:block; padding:0 20px; transition:all 0.5s;}
.leftList li a span{ display:block; width:100%; border-bottom:1px solid #e1e1e1; line-height:32px; font-size:16px; color:#333333; padding:10px 20px 10px 6px; background:url(../images/leftbg1.png) right 10px center no-repeat; transition:all 0.5s;}
.leftList li a:hover{ background:#ffb31f;}
.leftList li a:hover span{ color:#FFFFFF; background-image:url(../images/leftbg2.png);}
.right{ width:916px;}
.rigTop{ overflow:hidden; padding:20px 0; border-bottom:1px solid #c6c6c6;}
.rigTit{ float:right; font-size:22px; color:#d82421; line-height:34px; margin-left:10px;}
.rigBreadNav{ overflow:hidden; font-size:14px; color:#777777; line-height:34px;}
.rigBreadNav li{ float:left; position:relative;}
.rigBreadNav li:before{ float:left; display:block; content:">"; color:#777777; padding:0 5px;}
.rigBreadNav li:first-child:before{ display:none;}
.rigBreadNav li a{ color:#777777;}
.rigBot{ padding-bottom:50px;}
.fqaList{ margin-bottom:42px;}
.fqaList li{ margin-top:30px;}
.fqaTit,.fqaCon{ position:relative;}
.fqaIco{ display:block; text-align:center; width:36px; height:36px; color:#FFFFFF; text-transform:uppercase; position:absolute; border-radius:50%; font-family:Georgia; line-height:36px; font-size:20px;}
.fqaTit{ margin:12px 0; font-size:22px; color:#333333; line-height:36px; padding-left:60px;}
.fqaTit .fqaIco{ left:0; top:0; background:#217c75;}
.fqaCon{ background:#f3f3f3; font-size:17px; color:#555555; line-height:30px; border-radius:10px; padding:15px 30px 15px 35px; margin-left:25px;}
.fqaCon .fqaIco{ left:-25px; top:10px; background:#ffb31f;}
.rigAsk{ box-shadow:0 0 8px rgba(0,0,0,0.2); border-radius:10px; overflow:hidden;}
.rigAskTit{ font-size:22px; color:#FFFFFF; padding:10px 30px; line-height:36px;
background: #ff522f;
background: -moz-linear-gradient(left, #ff522f 0%, #f09719 100%);
background: -webkit-linear-gradient(left,#ff522f 0%,#f09719 100%);
background: linear-gradient(to right, #ff522f 0%,#f09719 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff522f', endColorstr='#f09719',GradientType=1 );
}
.rigAskCon{ padding:23px 40px 40px;}
.rigAskCon .join{ margin:0 0 20px;}
.rigAskCon .joinItem.fl{ width:286px;}
.rigAskCon .joinItem.fr{ width:528px;}
.rigAskCon .joinItem li{ margin-top:12px;}
.rigAskCon .joinIco{ top:10px;}
.rigAskCon .joinInput{ line-height:24px; height:44px; font-size:15px;}
.rigAskCon textarea.joinInput{ height:156px;}
.rigAskCon select.joinInput{ width:91px; margin-right:6px;}
.rigAskCon select:last-child{ margin-right:0;}
.rigAskCon .joinBtn a{ width:408px; height:50px; line-height:50px; font-size:20px;
}
.rigAskCon select.joinInput[id='sex']{ width:100%; padding-left:45px;}
.rigAskCon select.joinInput[id='mtype']{ width:100%; padding-left:45px;}

.rigAskCon .joinBtn a.fl{
background: #e73827;
background: -moz-linear-gradient(left, #f85032 0%, #e73827 100%);
background: -webkit-linear-gradient(left,#f85032 0%,#e73827 100%);
background: linear-gradient(to right, #f85032 0%,#e73827 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=1 );
}


@media screen and (max-width:1730px) {
	.header{ height:84px; line-height:84px;}
	.logo{ padding:13px 0; margin-right:3%;}
	.navList > li > a{ width:auto; font-size:16px;}
	.subNav{ font-size:14px;}
	.hdJoin{ font-size:15px; padding:0 15px;}
	.hdTel span{ font-size:20px;}
	.newsBg{ margin-top:84px;}
}
@media screen and (max-width:1600px){
	.banInner{ height:550px;}
	.autoHeight{ height:auto;}
	.banNews{ height:366px;}
	.banHelp{ height:450px;}
}
@media screen and (max-width:1450px) {
	.header{ height:80px; line-height:80px; padding:0 15px;}
	.logo{ padding:20px 0;}
	.logo,.logo a img{ width:auto; height:40px;}
	.navList > li{ margin-right:10px;}
	.search input:focus{ width:160px;}	
	.search,.hdJoin{ margin-right:15px;}	
	.newsBg{ margin-top:80px;}
}
@media screen and (max-width:1280px) {
	.hdTel b{ display:none;}	
}