/*
*启德教育集团市场部技术开发
*前端开发组制作版权所有
*/
/***************************公共组件样式控制***************************/

html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,img,b,i,dl,dt,dd,ul,li{margin:0;padding:0;border:0;list-style:none;}
html{-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;_font-smoothing:antialiased;font-smoothing:antialiased;}
#nav,#header,#menu,#section{display:block;}
#nav,#header,#menu{width:100%;}
.zt-wrap{font-size:16px;}
ul,li{list-style:none;}
a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none; outline:none}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}
.elips { white-space:nowrap; text-overflow:ellipsis;  overflow:hidden; -o-text-overflow: ellipsis}
/*清除浮动方法*/
.clear{clear:both;overflow:hidden;font-size:0;line-height:0;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix{*zoom:1;}
.fix{zoom:1;}
.fix:after{display:block; content:'clear'; clear:both; line-height:0; visibility:hidden;}

/****************************页面样式控制*****************************/
/*---------------------------全局页面控制----------------------------*/
body{line-height:22px;font-size:12px;color:#333333; font-family:"微软雅黑","Microsoft YaHei",Helvetica,Arial; }
a{color:#333333;}
a:hover{color:#e45711;}
.mw{width:1000px;margin:0 auto}
/*---------------------------全局导航模块---------------------------*/

#nav{height:105px;text-align:center;background-color:#FFF;}
#looyuMid{z-index:99;}
/*头部Banner*/
#header{ width:100%;height:500px;background:#001b36 url(imagesheader.jpg) center top no-repeat;padding-top:100px;}
#header .h-text{background:url(imageshead_text.png) no-repeat center;height:273px;position:relative}
.h-text .img1{position:absolute;top:132px;right:210px;-webkit-animation: fadeInUp1 5s infinite;animation:fadeInUp1 5s infinite}
.h-text .img2{position:absolute;top:130px;right:205px;-webkit-animation: fadeInUp2 3s infinite;animation:fadeInUp2 3s infinite;}
.h-text .img1 img,.h-text .img2 img{width:100%}
@-webkit-keyframes fadeInUp1 {
    0% {opacity: 1;-webkit-transform: scale3d(.3,.3,.3);transform: scale3d(.3,.3,.3);top:132px;right:210px;}
    100% {opacity: 0; -webkit-transform: none;transform: none;top:90px;right:205px;}
}
@keyframes fadeInUp1 {
    0% {opacity: 1;-webkit-transform: scale3d(.3,.3,.3);transform: scale3d(.3,.3,.3);top:132px;right:210px;}
    100% {opacity: 0; -webkit-transform: none;transform: none;top:90px;right:205px;}
}
.fadeInUp1 {-webkit-animation-name:fadeInUp1;animation-name:fadeInUp1}
@-webkit-keyframes fadeInUp2 {
    0% {opacity: 1;-webkit-transform: scale3d(.3,.3,.3);transform: scale3d(.3,.3,.3);top:130px;right:205px;}
	100% {opacity: 0;-webkit-transform: scale3d(.6,.6,.6);transform: scale3d(.6,.6,.6);top:120px;right:200px;}
}
@keyframes fadeInUp2 {
    0% {opacity: 1;-webkit-transform: none;transform: none;top:132px;right:210px;}
	100% {opacity: 0;-webkit-transform:scale3d(1.2,1.2,1.2);transform: scale3d(1.2,1.2,1.2);top:120px;right:200px;}
}
.fadeInUp2 {-webkit-animation-name:fadeInUp2;animation-name:fadeInUp2}
.h-text .img3{position:absolute;top:140px;right:230px;-webkit-animation: fadeInUp3 4s infinite;animation:fadeInUp3 4s infinite}
@-webkit-keyframes fadeInUp3 {
	0% {opacity: 1;-webkit-transform: scale3d(.3,.3,.3);transform: scale3d(.3,.3,.3);top:140px;right:230px;}
	100% {opacity: 0;-webkit-transform: none;transform: none;top:112px;right:215px;}
}
@keyframes fadeInUp3 {
    0% {opacity: 1;-webkit-transform: scale3d(.3,.3,.3);transform: scale3d(.3,.3,.3);top:140px;right:230px;}
	100% {opacity: 0;-webkit-transform: none;transform: none;top:112px;right:215px;}
}
.fadeInUp2 {-webkit-animation-name:fadeInUp2;animation-name:fadeInUp2}
.kch{position:absolute;top:100px;left:-210px}
.kch .kch-con{position:relative}
.kch .kch-img1{position:absolute;top:2px;right:60px;-webkit-animation:flash 2s infinite;animation:flash 2s infinite;-webkit-animation-delay:0.2s;animation-delay:0.2s}
.kch .kch-img2{position:absolute;top:75px;right:145px;-webkit-animation:flash 2s infinite;animation:flash 2s infinite;-webkit-animation-delay:0.8s;animation-delay:0.8s}
.kch .kch-img3{position:absolute;top:25px;right:250px;-webkit-animation:flash 2s infinite;animation:flash 2s infinite;-webkit-animation-delay:0.5s;animation-delay:0.5s}
.kch .kch-img4{position:absolute;top:107px;right:355px;-webkit-animation:flash 2s infinite;animation:flash 2s infinite}
@-webkit-keyframes flash {
    0%,100%,50% {opacity: 1}
    25%,75% {opacity: 0}
}
@keyframes flash {
    0%,100%,50% {opacity: 1}
    25%,75% {opacity: 0}
}
.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}
#header ul{margin-top:50px;text-align:center;font-size:0;position:relative;z-index:2}
#header ul li{display:inline-block;*display:inline;*zoom:1;margin:0 50px;}
#header ul li a{display:block;width:190px;line-height:48px;font-size:18px;color:#fff;text-align:center;-moz-border-radius:4px;border-radius:4px;}
#header ul li a:hover{border-color:#cb3005 !important;}
#header ul li a.btn1{background:#cb3005;border:1px solid #cb3005;}
#header ul li a.btn2{border:1px solid #fff;}
.link--blue {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  border: 1px solid #0652FD;
  color: #0652FD;
  position: relative;
  background: transparent;
  overflow: hidden;
  display: inline-block; }
  .link--blue:before {
    position: absolute;
    left: 0;
    right: 0px;
    top: 0;
    bottom: 0;
    z-index: -1;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    content: '';
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#004aff+0,004aff+89,ffffff+89,ffffff+100 */
    background: #004aff;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #cb3005 0%, #cb3005 86%, rgba(255,255,255,0) 86%, rgba(255,255,255,0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #cb3005 0%, #cb3005 86%, rgba(255,255,255,0) 86%, rgba(255,255,255,0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #cb3005 0%, #cb3005 86%, rgba(255,255,255,0) 86%, rgba(255,255,255,0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb3005', endColorstr='#000b1129',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
    width: 150%;
    height: 100%;
    margin-left: -150%; }
  .link--blue:hover {
    color: #0b1129;}
    .link--blue:hover:before {
      margin-left: 0px; }

.link--interest {
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-style: normal !important;
  font-variant: normal; }

.link--interest {
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  border: 1px solid white;
  color: white;
  position: relative;
  background: transparent;
  overflow: hidden;
  display: inline-block; }
  .link--interest:before {
    position: absolute;
    left: 0;
    right: 0px;
    top: 0;
    bottom: 0;
    z-index: -1;
    -webkit-transition: all 1.1s ease-in-out;
    -moz-transition: all 1.1s ease-in-out;
    -ms-transition: all 1.1s ease-in-out;
    -o-transition: all 1.1s ease-in-out;
    transition: all 1.1s ease-in-out;
    content: '';
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#004aff+0,004aff+86,0b102a+86,0b102a+100 */
    background: #004aff;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #004aff 0%, #004aff 86%, #fff 86%, #fff 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #004aff 0%, #004aff 86%, #fff 86%, #fff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #004aff 0%, #004aff 86%, #fff 86%, #fff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004aff', endColorstr='#fff',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
    width: 150%;
    height: 100%;
    margin-left: -150%; }
  .link--interest:hover {
    color: white;
    border-color: #cb3005; }
    .link--interest:hover:before {
      margin-left: 0px; }

/*-------------------------全局菜单导航模块--------------------------*/
.tit{text-align:center;padding-top:40px;padding-bottom:50px}
.tit .tit-p{background:url(imagestit_bg1.png) no-repeat center;height:33px;margin-bottom:35px;}
.tit h1{font-size:38px;color:#033f74;line-height:38px;}

.btn-box{text-align:center;padding:45px 0 55px;}
.btn-box a{width:190px;display:inline-block;*display:inherit;*zoom:1;text-align:center;font-size:18px;line-height:48px;margin:0 50px;border:1px solid #cb3005;-moz-border-radius:4px;border-radius:4px;}
.btn-box a.btn1{background:#cb3005;color:#fff;}
.btn-box a.btn2{color:#cb3005;}

/*左侧导航*/
.left-nav{position:fixed;top:100px;left:0;z-index:4;background:url(imagesleft_bg.png) no-repeat center top;padding-top:34px;}
.left-nav li{background:#033f74;width:120px;padding:5px 0}
.left-nav li a{font-size:18px;color:#fff;display:block;text-align:center;}
.left-nav li.last a{background:#cb3005;width:103px;margin:0 auto;line-height:33px;border-bottom:5px solid #9a2100;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}




/*导语*/
.dy{margin-top:60px;position:relative}
.dy p{font-size:16px;color:#fff;text-align:center;width:880px;margin:0 auto;line-height:25px;padding:30px 0;background:#033f74}
.dy img{position:absolute;right:20px;bottom:-20px;}

/*STEM是什么？*/
.part1{padding-bottom:20px;}
.ssm{}
.ssm li{float:left;width:200px;margin-right:65px;text-align:center;}
.ssm li h3{font-size:20px;font-weight:normal;color:#c02d04;padding-top:10px;margin-bottom:10px;}
.ssm li h3 b{border-bottom:2px solid #c02d04;display:block;width:60px;margin:0 auto;padding-top:10px;}
.ssm li p{font-size:14px;color:#2c2c2c;text-align:left}
.ssm li a:hover img{
	-webkit-animation: spinAround .5s forwards;
	-moz-animation: spinAround .5s forwards;
	animation: spinAround .5s forwards;}
@-webkit-keyframes spinAround {
	from {-webkit-transform: rotateY(0deg)}
	to {-webkit-transform: rotateY(360deg)}
}
@-moz-keyframes spinAround {
	from {-moz-transform: rotateY(0deg)}
	to {-moz-transform: rotateY(360deg)}
}
@keyframes spinAround {
	from {transform: rotateY(0deg)}
	to {transform: rotateY(360deg)}
}
.ssm li a:hover h3{color:#f7890c}
.ssm li a:hover b{border-color:#f7890c}
.ssm li a:hover h3,.ssm li a:hover p{
	-webkit-transition: all .7s;
	transition: all .7s;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);}
	
/*STEM产业缔造英国辉煌成就*/
.part2{}
.hhcj{width:980px;}
.hhcj li{float:left;width:390px;height:290px;padding:30px 35px 0;background:#f2f2f2;margin:20px 60px 20px 0;}
.hhcj li h3{font-size:16px;color:#fff;line-height:40px;text-align:center;background:url(imagesp2_img1.png) no-repeat center;padding-bottom:21px;margin-bottom:30px;}
.hhcj li p{font-size:14px;color:#2c2c2c;line-height:27px;}
.hhcj li p span{font-size:18px;color:#135895;font-weight:bold}
.part2 h2{font-size:26px;color:#033f74;text-align:center;padding:40px 0}
.hhcj2{width:980px;}
.hhcj2 li{float:left;width:220px;padding:7px;background:#f2f2f2;text-align:center;margin-right:14px;}
.hhcj2 li .li-div{background:#fff;border:1px dashed #3b6992;}
.hhcj2 li .li-div img{margin-top:4px}
.hhcj2 li .li-div p{font-size:14px;color:#2c2c2c;padding:20px 15px 0;height:190px;text-align:left;line-height:27px;}

/*STEM专业毕业生起薪收入参考*/
.part3{background:#033f74;padding-top:30px;padding-bottom:20px;}
.srck{width:1000px;margin:0 auto;}
.srck h3{font-size:14px;color:#fff;font-weight:normal;text-align:center;width:820px;margin:0 auto}
.srck h3 span{color:#dbd358;}
.srck ul{margin-top:60px;}
.srck li{float:left;width:245px;background:url(imagesp3_line.png) no-repeat 15px 15px;}
.srck li.li2{width:260px;margin-top:45px;}
.srck li.li4{margin-top:45px;}
.srck li h4{font-size:24px;color:#fff;font-weight:normal}
.srck li h4 img{margin-right:10px;-webkit-animation:flash 2s infinite;animation:flash 2s infinite;}
.srck li.li1 h4 img{-webkit-animation-delay:0.6s;animation-delay:0.6s}
.srck li.li2 h4 img{-webkit-animation-delay:0.4s;animation-delay:0.4s}
.srck li.li3 h4 img{-webkit-animation-delay:0.2s;animation-delay:0.2s}
.srck li.li4 h4 img{-webkit-animation-delay:0.8s;animation-delay:0.8s}
.srck li .detail{padding-top:55px;margin-left:50px;background:#fffff4;padding:10px;margin-top:44px;margin-right:20px;}
.srck li .detail p{font-size:16px;color:#033f74;border:1px dashed #033f74;padding:10px 0;text-align:center}

/*从项目合作看STEM发展前景*/
.part4{}
.part4 .tip{font-size:14px;color:#2c2c2c;text-align:center;line-height:27px;}
.part4 h3{font-size:18px;font-weight:normal;color:#fff;line-height:40px;text-align:center;background:url(imagesp4_img1.png) no-repeat center;padding-bottom:21px;margin-bottom:40px;margin-top:40px;}
.fzqj1{width:980px;}
.fzqj1 li{float:left;background:#033f74;padding:10px;width:273px;margin-right:49px;}
.fzqj1 li .detail{border:1px dashed #fff;padding:20px 20px 0;height:120px;}
.fzqj1 li .detail h4{font-size:16px;color:#fff;font-weight:normal}
.fzqj1 li .detail p{font-size:14px;color:#fff;}
.fzqj2{padding:0 15px;}
.fzqj2 dt{background:url(imagesp4_img2.png) no-repeat left bottom;font-size:22px;color:#033f74;padding-left:70px;}
.fzqj2 dt p{font-size:16px;line-height:50px;font-weight:bold}
.fzqj2 dd{border:1px dashed #033f74;margin-left:50px;margin-top:20px;position:relative;padding:10px 265px 30px 20px;}
.fzqj2 dd img{position:absolute;top:-30px;right:20px;}
.fzqj2 dd p{font-size:14px;color:#2c2c2c;margin-top:5px;}
.fzqj3{padding:0 15px;margin-top:30px}
.fzqj3 dt{background:url(imagesp4_img4.png) no-repeat right bottom;font-size:22px;color:#033f74;padding-right:70px;text-align:right}
.fzqj3 dt p{font-size:16px;line-height:50px;font-weight:bold}
.fzqj3 dd{border:1px dashed #033f74;margin-right:50px;margin-top:20px;position:relative;padding:10px 20px 60px 265px;}
.fzqj3 dd img{position:absolute;top:-30px;left:20px;}
.fzqj3 dd p{font-size:14px;color:#2c2c2c;margin-top:5px;}

/*数数那些出色的英国STEM家族成员*/
.part5{background:#f3f3f3}
.jzcy-tab{text-align:center;font-size:0;background:url(imagesp5_img1.png) repeat-x left 5px;height:110px;margin-bottom:30px;}
.jzcy-tab li{display:inline-block;*display:inline;*zoom:1;font-size:18px;color:#fff;text-align:center;width:240px;line-height:53px;padding-top:5px;}
.jzcy-tab li.on{padding-bottom:50px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.jzcy-tab li.li1.on{background:#cb3005 url(imagesp5_img2.png) no-repeat center 50px;}
.jzcy-tab li.li2.on{background:#cb3005 url(imagesp5_img3.png) no-repeat center 50px;}
.jzcy-tab li.li3.on{background:#cb3005 url(imagesp5_img4.png) no-repeat center 50px;}
.jzcy-tab li.li4.on{background:#cb3005 url(imagesp5_img5.png) no-repeat center 50px;}
.jzcy-tab li img{display:block;margin:0 auto}

.jzcy-con .jzcy-hid{display:none;}
.jzcy-hid .jzcy-tab-com{text-align:center;font-size:0;margin-bottom:30px;}
.jzcy-tab-com li{display:inline-block;*display:inline;*zoom:1;font-size:14px;color:#373737;text-align:center;width:160px;}
.jzcy-tab-com li h4{text-align:center;height:111px;width:110px;margin:0 auto;padding-top:1px;margin-bottom:20px;}
.jzcy-tab-com li h4 img{vertical-align:middle}
.jzcy-tab-com li.on{color:#e14609}
.jzcy-tab-com li.on h4{background:url(imagesp5_tab_bg.png) no-repeat center;}

.jzcy-hid .jzcy-hid-com{display:none;overflow:hidden;zoom:1;background:#fff;border:1px solid #cacbcc;padding:50px 30px 0 40px;height:325px}
.jzcy-hid-com .left{float:left;width:200x;text-align:center;}
.jzcy-hid-com .left h5{font-size:16px;color:#373737;margin:20px 0}
.jzcy-hid-com .left a{font-size:14px;color:#dc5b0d;display:block;text-decoration:underline}
.jzcy-hid-com .right{float:right;width:680px;}
.jzcy-hid-com .right p{font-size:14px;color:#373737;line-height:25px;}
.jzcy-hid-com .right p a{color:#cb3005;}

/*读STEM，就来英国！*/
.part6{}
.jlyg a{display:block;float:left;width:270px;padding:15px;background:#fafafa;margin-right:49px;margin-bottom:30px;}
.jlyg dl{border:1px dashed #2f608c;position:relative;height:235px;}
.jlyg dt{font-size:157px;color:#e6e9ec;text-align:center;line-height:235px;}
.jlyg dd{position:absolute;width:100%;height:100%;top:0;left:0;width:228px;height:215px;padding:20px 20px 0;}
.jlyg dd h4{font-size:16px;color:#cb3005;font-weight:normal;margin-bottom:5px;}
.jlyg dd p{font-size:14px;color:#2c2c2c;}
.jlyg a:hover dd{
	-webkit-transition: all .5s;
	transition: all .5s;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);}
.jlyg a:hover dt{
	-webkit-transition: all .5s;
	transition: all .5s;
    -webkit-transform: scale(.6);
    transform: scale(.6);}
.jlyg2{margin-top:20px;}
.jlyg2 li{float:left;width:499px;background:url(imagesp6_img1.png) no-repeat left top;}
.jlyg2 li h4{font-size:24px;color:#033f74;line-height:30px;padding-left:50px;}
.jlyg2 li p{font-size:14px;color:#2c2c2c;margin-left:50px;margin-top:20px;border:1px dashed #033f74;padding:15px 10px 0;height:120px}

/*启德助你一臂之力*/
.part7{background:#f3f3f3;padding-bottom:60px;}
.youshi{text-align:center;margin-right:-20px;}
.youshi dl{width:200px;display:inline-block;vertical-align:top;padding:30px 13px;margin-right:20px;margin-bottom:20px;background-color:#fff;}
.youshi dl dt{ width:68px; height:61px; margin:0 auto;}
.youshi dl dt.icon-ys01 { background:url(imagesqide_youshi01.png) no-repeat}
.youshi dl dt.icon-ys02 { background:url(imagesqide_youshi02.png) no-repeat}
.youshi dl dt.icon-ys03 { background:url(imagesqide_youshi03.png) no-repeat}
.youshi dl dt.icon-ys04 { background:url(imagesqide_youshi04.png) no-repeat}
.youshi dl dt.icon-ys05 { background:url(imagesqide_youshi05.png) no-repeat}
.youshi dl dt.icon-ys06 { background:url(imagesqide_youshi06.png) no-repeat}
.youshi dl dt.icon-ys07 { background:url(imagesqide_youshi07.png) no-repeat}
.youshi dl dt.icon-ys08 { background:url(imagesqide_youshi08.png) no-repeat}
.youshi dl dd{margin-top:30px;border-top:1px dashed #9CCDE6;padding-top:30px;height:60px;font-size:14px; text-align:center}