﻿/* Theme Name:iDea - Clean & Powerful Bootstrap Theme
Author:谷志斌
Author URI:http://www.injnet.com
Author e-mail:zhibin1223@126.com
Version:1.0.0
Created:September 2014
License URI:http://www.injnet.com
File Description:Main CSS file of the template */

/*----------------------------------------------------------------------------- */
html {
	height: 100%;
    font-size:100px;
}
a {
    -webkit-transition-property: background-color;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
    color:#818181;
}
a:hover {text-decoration:none}
a:visited {text-decoration:none}
a:active {text-decoration:none}
a:link {text-decoration:none}
.clear {clear:both}
.lf{ float:left;}
.rg{ float:right;} 

.mouseover-1 {position: relative;display: block;overflow: hidden;display: block;backface-visibility: hidden;-webkit-backface-visibility: hidden;}
.mouseover-1 img {display: block;width: 100%;height: auto;transition: all .3s cubic-bezier(0.8, 0, 0.2, 1);-webkit-transition: all .3s cubic-bezier(0.8, 0, 0.2, 1);}
.mouseover-1 img:nth-child(1) {opacity: .7;}
.mouseover-1 img:nth-child(2) {position: absolute;left: 0;top: 0;}
.mouseover-1:hover img:nth-child(1) {transform: scale(1.2);-webkit-transform: scale(1.2);}
.mouseover-1:hover img:nth-child(2) {transform: scale(.9);-webkit-transform: scale(.9);}

/*字体*/
/*字体*/
body {
	font-family:"微软雅黑","宋体",Arial;
	font-size: 14px;
	line-height: 24px;
	color: #4c4c4c;
    overflow-x:hidden;
    padding:0px;
}
body.full-height, body.full-height .page-wrapper {
	min-height: 100%;
}
img {max-width:100%;}
ul {margin:0px; padding:0px; list-style:none}
.none-padding {padding:0px;}
.Roat {-moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}

/*手机导航*/
@media (max-width: 767px) {
    .moblie_head{ display:block; background:#fff; padding:20px 5%; position:fixed; width:100%; z-index:1005;border-bottom:1px solid #ababab}
    .moblie_head .rg{ padding-top:12px;}
    .a_txt{ display:block; position:fixed; top:0px; left:0px; width:0px; height:0px; overflow:hidden; z-index:1005;}
	.a_txt .div1{ position:absolute; width:100%; height:100%; background:#0b0d19; filter:alpha(opacity=0); opacity:0; left:0px; top:0px;}
	.a_txt .div2{ position:absolute; width:20%; left:0px; top:5%; z-index:100; text-align:center; filter:alpha(opacity=0); opacity:0;}
	.a_txt .div3{ position:absolute; width:80%; right:0px; top:0px; background:#0b0d19; height:100%; z-index:100; right:-80%;}
	.a_txt .div3 ul{ padding-left:5%; padding-right:5%;}
	.a_txt .div3 ul li{ border-bottom:1px solid #232530;}
	.a_txt .div3 ul li a{ display:block; height:45px; color:#fff; line-height:45px; padding-left:5%; font-size:16px;}
	.a_txt .div3 ul li .div_js1{ background:url(../images/7_15.png) 95% center no-repeat; -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s;}
	.a_txt .div3 ul li .div_js_on1{ background:url(../images/7_14.jpg) 95% center no-repeat; -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s;}
	.a_txt .div3 ul li .div_js_txt1 a{ height:40px; line-height:40px; font-size:14px;}
}

/*头部*/
header {float:left;width:100%;height:135px;background:url(../images/1_05.jpg) no-repeat top center;position:fixed;z-index:999}
header .container{width:100%;}
.page header {position:static}
.logo {float:left;margin-top:20px;margin-left:8%;}
.logo a{float:left;}
.tr {float:right;margin-right:8%;}
.tr .m{float:right;margin-top:20px}
.tr .tel {float:left;line-height:27px;background:url(../images/1_02.png) no-repeat left center;padding-left:35px;font-size:18px;color:#fff;font-weight:bold;margin-left:50px}
.tr .mob {float:left;line-height:27px;background:url(../images/1_03.png) no-repeat left center;padding-left:35px;font-size:18px;color:#fff;font-weight:bold;margin-left:50px}

.tr .menu {float:right; height:80px; line-height:80px;margin-top:8px;}
.tr .menu > li{float:left; margin-left:55px;}
.tr .menu > li > a { font-size:18px; color:#fff;display:block; height:80px;font-family:"黑体";float:left}
.tr .menu > li > a:after {
    border-bottom:4px solid #fff;width:0px;content: ""; display:block;margin-top:-4px;
    transition:width 0.5s;  
    -moz-transition:width 0.5s;
    -webkit-transition:width 0.5s;
    -o-transition:width 0.5s;
}
.tr .menu > li > a:hover {color:#fff;}
.tr .menu > li > a:hover:after {width:100%}

.fixed-header-on header {position:fixed;top:0px;z-index:9999;border-bottom:1px solid #f29200;height:80px;}
.fixed-header-on header .logo {margin-top:0px;}
.fixed-header-on header .logo img{height:60px;margin-top:10px;}
.fixed-header-on header .m { display:none}
.fixed-header-on header .tr .menu {margin-top:0px;}

@media (max-width: 767px) {
  
}
@media (min-width: 768px) and (max-width: 991px) {
    .logo {margin-top:50px;margin-left:2%}
    .logo img {height:45px;}
    .tr {margin-right:2%;}
    .tr .tel {font-size:14px;}
    .tr .mob {font-size:14px;}
    .tr .menu > li{margin-left:15px;}
    .tr .menu > li > a { font-size:14px;}
    .fixed-header-on header .logo img{height:45px;margin-top:17px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .logo {margin-top:45px;margin-left:2%}
    .logo img {height:55px;}
    .tr {margin-right:2%;}
    .tr .tel {font-size:14px;}
    .tr .mob {font-size:14px;}
    .tr .menu > li{margin-left:35px;}
    .tr .menu > li > a { font-size:14px;}
}
@media (min-width: 1200px) and (max-width: 1365px) {
    .logo {margin-top:35px;margin-left:2%}
    .logo img {height:65px;}
    .tr {margin-right:2%;}
    .tr .tel {font-size:16px;}
    .tr .mob {font-size:16px;}
    .tr .menu > li{margin-left:45px;}
    .tr .menu > li > a { font-size:16px;}
}
@media (min-width: 1366px) and (max-width: 1600px) {
    .logo {margin-top:30px;margin-left:4%;}
    .tr {margin-right:4%;}
    .logo img {height:75px;}
    .tr .tel {font-size:16px;}
    .tr .mob {font-size:16px;}
    .tr .menu > li{margin-left:45px;}
    .tr .menu > li > a { font-size:16px;}
}

/*大图切换*/
.idx-banner{background-color:#000;height:100vh}
.idx-banner .swiper-container{width: 100%; z-index: 0; height: 100%;}
.idx-banner .swiper-slide{background-color: rgba(0,0,0,.5);}
.idx-banner .swiper-wrapper, .idx-banner [data-swiper-parallax]{will-change:transform}
.idx-banner .headbg{position:absolute;z-index:0;width:100%;height: 100%;background-repeat:no-repeat;background-size:cover;background-position:center center;-webkit-animation-fill-mode: both; animation-fill-mode: both;}
.idx-banner .headbg::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.1);background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5) 0,rgba(0,0,0,0) 30%);background-image:linear-gradient(to bottom,rgba(0,0,0,.5) 0,rgba(0,0,0,0) 30%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000', endColorstr='#00000000', GradientType=0);z-index: 1;}
.idx-banner .textbox{position: absolute; left:0; top: 0; width: 100%; height: 100%; color: #fff; text-align: center;}
.idx-banner .weui-cell{width: 100%; height: 100%;}
.idx-banner .en{display: inline-block; text-align: left; font-size: 16px; line-height: 22px; font-weight: 300; opacity: .5; text-shadow: 0 1px 16px rgba(0,0,0,.16); -webkit-animation: fadeOutUp 2s; animation: fadeOutUp 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.idx-banner .cn{margin-top: .3rem; font-size: .5rem; text-shadow: 0 1px 16px rgba(0,0,0,.16); -webkit-animation: fadeOutDown 2s; animation: fadeOutDown 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.idx-banner .swiper-slide-active .headbg{-webkit-animation: scaleBigToSmall 4s; animation: scaleBigToSmall 4s;}
.idx-banner .swiper-slide-active .en{opacity: .5; -webkit-animation: fadeInDown 1.5s; animation: fadeInDown 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.idx-banner .swiper-slide-active .cn{-webkit-animation: fadeInUp 1.5s; animation: fadeInUp 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.idx-banner .swiper-button-prev, .idx-banner .swiper-button-next{top: 25%; left: 36%; right: 0; width: 34px; height: 34px; border: 1px solid transparent; background: none; -webkit-border-radius: 50%; border-radius: 50%;}
.idx-banner .swiper-button-next{margin-top: 20px;}
.idx-banner .swiper-button-prev::before, .idx-banner .swiper-button-next::before{position: absolute; display: block; content: ""; left: 50%; top: 50%; margin-top: -4px; width: 8px; height: 8px; border-top: 2px solid #fff; border-right: 2px solid #fff;}
.idx-banner .swiper-button-prev::before{margin-left: -3px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg);}
.idx-banner .swiper-button-next::before{margin-left: -5px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.idx-banner .swiper-pagination{width: auto !important; bottom: .5rem !important; left: 50% !important; border-bottom: 1px solid rgba(255,255,255,.35); -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.idx-banner .swiper-pagination-bullet{position: relative; width: auto; height: auto; margin: 0 .36rem !important; padding: 5px .24rem; font-size: 14px; color: #f5f5f5; opacity: 1; background: none; -webkit-border-radius: 0; border-radius: 0;}
.idx-banner .swiper-pagination-bullet::after{position: absolute; display: block; content: ""; left: 50%; bottom: -15px; width: 0; height: 2px; background: #fff; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all .4s cubic-bezier(0.28, 0.51, 0.38, 1); transition: all .4s cubic-bezier(0.28, 0.51, 0.38, 1);}
.idx-banner .swiper-pagination-bullet-active::after{width: 16px;}
.idx-banner .swiper-pagination-bullet:first-child{margin-left: 0 !important;}
.idx-banner .swiper-pagination-bullet:last-child{margin-right: 0 !important;}
@media (min-width: 640px){.idx-banner .en{margin-left: -10%;}}
@media (min-width: 1200px){.idx-banner .swiper-button-prev:hover, .idx-banner .swiper-button-next:hover{border-color: #fff;}}
.idx-banner .swiper-pagination-bullet{position: relative; width: auto; height: auto; margin: 0 .36rem !important; padding: 5px .1rem; font-size: 14px; color: #f5f5f5; opacity: 1; background: none; -webkit-border-radius: 0; border-radius: 0;}
@media (max-width: 639px){
.idx-banner .swiper-pagination-bullet{margin: 0 !important;}
}

.title {float:left;width:100%;text-align:center;}
.title div {float:left;width:100%;}
.title .div1 {font-size:20px;text-transform:uppercase;}
.title .div2 strong { font-size: 40px; line-height:65px;position:relative;}
.title .div2 strong:before {width:65px;border-bottom:1px solid #fdd000;display:block; content:" ";position:absolute;left:-95px;top:30px;}
.title .div2 strong:after {width:65px;border-bottom:1px solid #fdd000;display:block; content:" ";position:absolute;right:-95px;top:30px;}
.title .div3 {font-size:16px;color:#757575;margin-top:15px;padding-bottom:40px;line-height:30px;}
@media (max-width: 767px) {
    .title .div1 {font-size:14px;}
    .title .div2 strong { font-size: 24px; line-height:35px;} 
    .title .div2 strong:before {top:18px;}
    .title .div2 strong:after {top:18px;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .title .div1 {font-size:16px;}
    .title .div2 strong { font-size: 30px; line-height:45px;}
    .title .div2 strong:before {top:25px;}
    .title .div2 strong:after {top:25px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .title .div1 {font-size:18px;}
    .title .div2 strong { font-size: 35px; line-height:50px;}
    .title .div2 strong:before {top:25px;}
    .title .div2 strong:after {top:25px;}
}

/*关于我们*/
.yjhl1 {float:left;width:100%;padding:85px 0px 25px}
.yjhl1 .title {color:#fdd000}
.yjhl1 .con{float:left;width:100%;}
.yjhl1 .con .l{float:left;width:50%;height:300px;}
.yjhl1 .con .l .VideoPlay {float:left; width:100%;background:url(../images/1_10.jpg) no-repeat center;background-size:cover;position:relative;height:100%;border-top-left-radius:15px;border-bottom-left-radius:15px;position:relative}
.yjhl1 .con .l .VideoPlay:before {width:100%;height:100%;display:block;content:" ";position:absolute;left:0px;top:0px;background-color:rgba(0,0,0,0.52);border-top-left-radius:15px;border-bottom-left-radius:15px;}
.yjhl1 .con .l .VideoPlay .divPlay {width:84px;height:84px;position:absolute;top:47%;left:47%;}

.yjhl1 .con .r{float:left;width:50%;background:#f0cf34;border-top-right-radius:15px;border-bottom-right-radius:15px;padding:58px 40px 35px 50px}
.yjhl1 .con .r p {float:left;width:100%;line-height:30px;font-size:16px;color:#4a4949;margin-top:20px;}
.yjhl1 .con .r div {height:30px;background:url(../images/1_06.png) no-repeat left center;float:left;width:100%;}
.yjhl1 .con .r .div2 {background:url(../images/1_07.png) no-repeat right center;}
.yjhl1 .con .r a {float:left;font-size:18px;color:#fff;border:1px solid #fff;padding:12px 50px;border-radius:10px;margin-top:45px;}
.yjhl1 .con .r a:hover {background:#aacd06;border:1px solid #aacd06}
@media (max-width: 767px) {
  .yjhl1 {padding:25px 0px 25px}
  .yjhl1 .con .l{width:100%;height:auto;}
  .yjhl1 .con .l .VideoPlay {border-top-left-radius:15px;border-bottom-left-radius:0px;border-top-right-radius:15px;}
  .yjhl1 .con .l .VideoPlay:before {border-top-left-radius:15px;border-bottom-left-radius:0px;border-top-right-radius:15px;}
  .yjhl1 .con .r{width:100%;border-top-right-radius:0px;border-bottom-right-radius:15px;border-bottom-left-radius:15px;padding:28px 20px 35px 20px}
  .yjhl1 .con .r a {font-size:14px;border-radius:10px;margin-top:25px;width:100%;text-align:center;background:#aacd06;border:1px solid #aacd06}
}
@media (min-width: 768px) and (max-width: 991px) {
          .yjhl1 {padding:35px 0px 25px}
}
@media (min-width: 992px) and (max-width: 1199px) {
      .yjhl1 {padding:55px 0px 25px}
}


/*特色课程*/
.yjhl2 {position: relative;padding: 95px 0px 55px;background-position: center top;background-size: cover;background-attachment: fixed;background-repeat: no-repeat;}
.yjhl2 .title {color:#fff}
.yjhl2 .title .div2 strong:before {border-bottom:1px solid #fff;}
.yjhl2 .title .div2 strong:after {border-bottom:1px solid #fff;}
.yjhl2 .title .div3 {color:#fff;}
.yjhl2 .content {float:left;width:100%;margin-top:20px;}
.yjhl2 .sm .list{float:left;width:100%;height:224px;border:1px solid #fdd000;border-radius:10px;}
.yjhl2 .sm .list a {float:left;width:100%;height:100%;display:block;padding-left:190px;padding-top:50px;padding-right:10px;position:relative;}
.yjhl2 .sm .list strong {font-size:26px;color:#363636;font-weight:normal;background:url(../images/dm.png) no-repeat top left;line-height:50px;float:left;width:100%;}
.yjhl2 .sm .list p {float:left;color:#939393;font-size:16px;width:100%;}
.yjhl2 .sm .list .m {width:124px;height:43px;position:absolute;right:0px;bottom:0px;background:url(../images/class1.png);text-align:right;padding-right:10px;font-size:16px;color:#fff;border-bottom-right-radius:10px;padding-top:15px;}

@media (max-width: 767px) {
    .yjhl2 {padding: 35px 0px 35px;}
    .yjhl2 .content {margin-top:0px;}
    .yjhl2 .sm .list{height:214px;}
    .yjhl2 .sm .list a {padding-left:160px;padding-top:50px;padding-right:10px;position:relative;}
    .yjhl2 .sm .list strong {font-size:20px;line-height:50px;}
    .yjhl2 .sm .list p {font-size:14px;line-height:22px;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .yjhl2 {padding: 55px 0px 35px;}
    .yjhl2 .content {margin-top:10px;}
    .yjhl2 .sm .list{height:214px;}
    .yjhl2 .sm .list a {padding-left:160px;padding-top:50px;padding-right:10px;position:relative;}
    .yjhl2 .sm .list strong {font-size:20px;line-height:50px;}
    .yjhl2 .sm .list p {font-size:14px;line-height:22px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .yjhl2 {padding: 75px 0px 35px;}
    .yjhl2 .content {margin-top:10px;}
    .yjhl2 .sm .list{height:204px;}
    .yjhl2 .sm .list a {padding-left:160px;padding-top:50px;padding-right:10px;position:relative;}
    .yjhl2 .sm .list strong {font-size:20px;line-height:50px;}
    .yjhl2 .sm .list p {font-size:14px;line-height:22px;}
}

.yjhl2 .sm:nth-child(2) .list{border:1px solid #d827de;}
.yjhl2 .sm:nth-child(3) .list{border:1px solid #0095fd;}
.yjhl2 .sm:nth-child(4) .list{border:1px solid #fdd000;}
.yjhl2 .sm:nth-child(5) .list{border:1px solid #d827de;}
.yjhl2 .sm:nth-child(6) .list{border:1px solid #0095fd;}
.yjhl2 .sm:nth-child(7) .list{border:1px solid #fdd000;}
.yjhl2 .sm:nth-child(8) .list{border:1px solid #d827de;}
.yjhl2 .sm:nth-child(9) .list{border:1px solid #0095fd;}
.yjhl2 .sm:nth-child(2) .m{background:url(../images/class2.png);}
.yjhl2 .sm:nth-child(3) .m{background:url(../images/class3.png);}
.yjhl2 .sm:nth-child(4) .m{background:url(../images/class1.png);}
.yjhl2 .sm:nth-child(5) .m{background:url(../images/class2.png);}
.yjhl2 .sm:nth-child(6) .m{background:url(../images/class3.png);}
.yjhl2 .sm:nth-child(7) .m{background:url(../images/class1.png);}
.yjhl2 .sm:nth-child(8) .m{background:url(../images/class2.png);}
.yjhl2 .sm:nth-child(9) .m{background:url(../images/class3.png);}

#property-for-rent-slider1 {float:left;width:100%;margin-bottom:20px;}
#property-for-rent-slider1 .slick-arrow {background: none;width:19px;height:37px;padding:0;top: 45%;position:absolute;z-index:9;cursor:pointer}
#property-for-rent-slider1 .icon-left-open {left: -30px;}
#property-for-rent-slider1 .icon-right-open {right:-30px;}
@media (max-width: 767px) {
   #property-for-rent-slider1 .icon-left-open {left: 0px;}
    #property-for-rent-slider1 .icon-right-open {right:0px;} 
}


/*教研团队*/
.yjhl3 {float:left;width:100%;padding-top:80px;}
.yjhl3 .title {color:#1b1b1b}
.yjhl3 .title .div2 strong:before {border-bottom:1px solid #1b1b1b;}
.yjhl3 .title .div2 strong:after {border-bottom:1px solid #1b1b1b;}
.teaList {float:left;width:100%;background:url(../images/1_11.jpg) no-repeat bottom center;height:410px;margin-top:35px;}
.teaList .container {margin-top:-25px;}
.tea{float:left;margin:0px 30px}
.tea a{float:left;width:100%;}
.tea a img{float:left;width:100%;border-radius:10px;}
.tea .con {float:left;width:100%;padding:17px 18px;}
.tea .con .name {float:left;width:100%;font-size:16px;color:#1f1f1f;}
.tea .con .posi {float:left;width:100%;color:#616161;}
.tea .con .gy {float:left;width:100%;color:#2a2a2a;line-height:22px;margin-top:15px;}
.tea:last-child {margin-right:0px;}
.teaList .lm {display:block;display:table;font-size:18px;color:#fff;border:1px solid #fff;padding:12px 50px;border-radius:10px;margin-top:45px;margin:0 auto;}
.teaList .lm:hover {background:#aacd06;border:1px solid #aacd06}
#property-for-rent-slider {float:left;width:100%;margin-bottom:20px;}
#property-for-rent-slider .slick-arrow {background: none;width:19px;height:37px;padding:0;top: 45%;position:absolute;z-index:9;cursor:pointer}
#property-for-rent-slider .icon-left-open {left: -30px;}
#property-for-rent-slider .icon-right-open {right:-30px;}
@media (max-width: 767px) {
   #property-for-rent-slider .icon-left-open {left: 0px;}
    #property-for-rent-slider .icon-right-open {right:0px;} 
}

@media (max-width: 767px) {
    .yjhl3 {padding-top:30px;}
    .teaList {height:auto;padding-bottom:20px;}
    .tea{margin:0px}
    .teaList .lm {width:100%;text-align:center;background:#aacd06;border:1px solid #aacd06;font-size:14px;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .yjhl3 {padding-top:60px;}
    .teaList {height:450px;}
    .tea{margin:0px 20px}
}
@media (min-width: 992px) and (max-width: 1199px) {
     .tea{margin:0px 15px}
}
@media (min-width: 1200px) and (max-width: 1365px) {
    .teaList {height:auto;padding-bottom:20px;}
    .tea{margin:0px 20px}
}

/*新闻资讯*/
.yjhl4{float:left;width:100%;padding-top:70px;}
.yjhl4 .title2 {float:left;margin-bottom:10px;width:100%}
.yjhl4 .nl {float:left;width:auto;}
.yjhl4 .nl .div11{float:left;width:100%;font-size:20px;color:#2d2d2d;line-height:30px;}
.yjhl4 .nl .div12{float:left;width:100%;font-size:28px;color:#2d2d2d;line-height:40px;}
.yjhl4 .nl .div13{float:left;width:100%;font-size:16px;color:#757575;line-height:30px;}
.yjhl4 .nr {float:right;}
.yjhl4 .nr a {float:left;font-size:18px;color:#f6a428;border:1px solid #f6a428;padding:12px 50px;border-radius:10px;margin-top:45px;}
.yjhl4 .nr a:hover {background:#aacd06;border:1px solid #aacd06;color:#fff;}

.yjhl4 .div2{float:left;width:580px;height:600px;background:#f6a428}
.yjhl4 .div2 a {float:left;display:block;width:100%;}
.yjhl4 .div2 .npic {float:left;width:100%;}
.yjhl4 .div2 .npic img{float:left;width:100%;}
.yjhl4 .div2 .nlist {float:left;width:420px;height:234px;background:#fff;margin-left:80px;margin-top:-45px;position:relative;z-index:2;padding:10px 35px;}
.yjhl4 .div2 .nlist div.t{font-size:20px;color:#171717;line-height:54px;border-bottom:1px dashed #d3d3d3;float:left;width:100%;}
.yjhl4 .div2 .nlist div.c{font-size:14px;color:#444444;line-height:20px;margin-top:20px;float:left;width:100%;}
.yjhl4 .div2 .nlist span{float:left;width:100%;color:#f6a428;margin-top:25px;}
.yjhl4 .div2 a:hover .nlist{background:#0096e7}
.yjhl4 .div2 a:hover .nlist div.t{color:#fff;}
.yjhl4 .div2 a:hover .nlist div.c{color:#fff;}
.yjhl4 .div2 a:hover .nlist span{color:#fff;}

.yjhl4 .div3{float:right;width:580px;height:282px;background:#b0dc29;margin-bottom:35px;}
.yjhl4 .div3 .date{float:left;width:110px;height:100px;background:#86aa19;color:#fff;text-align:center;margin:73px 0px 0px 42px;}
.yjhl4 .div3 .date .day {float:left;width:100%;font-size:30px;font-weight:bold;margin-top:25px;line-height:30px;}
.yjhl4 .div3 .date .mon {float:left;width:100%;font-size:14px;}
.yjhl4 .div3 .dc {float:left;width:400px;background:#fff;height:218px;margin-top:32px;}
.yjhl4 .div3 .dc a {float:left;width:100%;display:block;height:100%;padding:25px 35px;}
.yjhl4 .div3 .dc a div.t{font-size:20px;color:#171717;line-height:54px;border-bottom:1px dashed #d3d3d3;float:left;width:100%;}
.yjhl4 .div3 .dc a div.c{font-size:14px;color:#444444;line-height:20px;margin-top:20px;float:left;width:100%;}
.yjhl4 .div3 .dc a:hover{background:#86aa19}
.yjhl4 .div3 .dc a:hover div.t{color:#fff}
.yjhl4 .div3 .dc a:hover div.c{color:#fff}

.yjhl4 .div3:last-child {background:#eb359b}
.yjhl4 .div3:last-child .date{background:#ba0f6f}
.yjhl4 .div3:last-child .dc a:hover{background:#ba0f6f}

@media (max-width: 767px) {
   .yjhl4{float:left;width:100%;padding-top:30px;padding-bottom:30px;}
   .yjhl4 .nl {float:left;width:100%;}
   .yjhl4 .nr {display:none}
   .yjhl4 .div1 span{font-size:18px;line-height:18px;}
   .yjhl4 .div1 p{font-size:14px;line-height:14px;margin:5px 0px 0px 10px;}
   .yjhl4 .div1 a {display:none;}
   .yjhl4 .div2{width:100%;margin-top:32px;height:auto;padding-bottom:30px;}
   .yjhl4 .div2 .nlist {float:left;width:90%;height:auto;margin-left:5%;padding:25px 20px;}
   .yjhl4 .div2 .nlist div.t{font-size:16px;line-height:24px;padding:10px 0px;}
   .yjhl4 .div3{width:100%;height:auto;margin-top:22px;padding-bottom:0px;margin-bottom:0px;}
   .yjhl4 .div3 .date{margin:23px 0px 0px 42px;}
   .yjhl4 .div3 .dc {float:left;width:100%;background:#86aa19;height:auto;margin-top:0px;}
   .yjhl4 .div3:last-child .dc{background:#ba0f6f}
   .yjhl4 .div3 .dc a div.t{font-size:16px;line-height:24px;padding:10px 0px;color:#fff;}
   .yjhl4 .div3 .dc a div.c{font-size:14px;color:#fff;line-height:20px;margin-top:20px;float:left;width:100%;}
}
@media (min-width: 768px) and (max-width: 991px) {
   .yjhl4{float:left;width:100%;padding-top:30px;}
   .yjhl4 .div1 span{font-size:24px;line-height:24px;}
   .yjhl4 .div1 p{font-size:20px;line-height:20px;margin:5px 0px 0px 10px;}
   .yjhl4 .div2{width:100%;height:auto;padding-bottom:50px;}
   .yjhl4 .div2 .nlist {float:left;width:80%;height:auto;margin-left:10%;}

   .yjhl4 .div3{width:100%;height:auto;margin-top:35px;padding-bottom:32px;}
   .yjhl4 .div3:nth-child(4) {margin-top:0px;}
   .yjhl4 .div3 .dc {width:490px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
     .yjhl4 .div2{width:430px;height:540px;}
     .yjhl4 .div2 .nlist {width:350px;margin-left:40px;height:auto;}
     .yjhl4 .div2 .nlist div.t{font-size:16px;line-height:24px;padding:10px 0px;}

     .yjhl4 .div3{width:490px;height:252px;background:#ebebeb;margin-bottom:35px;}
     .yjhl4 .div3 .date{width:70px;height:60px;margin:63px 0px 0px 32px;}
     .yjhl4 .div3 .date .day {font-size:24px;margin-top:10px;line-height:24px;}
     .yjhl4 .div3 .dc {width:370px;margin-top:32px;height:auto;}
     .yjhl4 .div3 .dc a div.t{font-size:16px;line-height:24px;padding:10px 0px;}
     .yjhl4 .div3 .dc a div.c{font-size:14px;color:#444444;line-height:20px;margin-top:20px;float:left;width:100%;height:80px;overflow:hidden;}
}
@media (min-width: 1200px) and (max-width: 1365px) {
    .yjhl4 .div2{width:560px;height:600px;}
    .yjhl4 .div2 .nlist {margin-left:70px;}
    .yjhl4 .div3{width:560px;height:282px;margin-bottom:35px;}
    .yjhl4 .div3 .date{margin:73px 0px 0px 22px;}
}

/*校区*/
.yjhl5 {float:left;width:100%;background:url(../images/1_12.jpg) no-repeat center;height:415px;padding-top:50px;}
#property-for-rent-slider2 {float:left;width:100%;margin-bottom:20px;}
#property-for-rent-slider2 .slick-arrow {background: none;width:19px;height:37px;padding:0;top: 45%;position:absolute;z-index:9;cursor:pointer}
#property-for-rent-slider2 .icon-left-open {left: -30px;}
#property-for-rent-slider2 .icon-right-open {right:-30px;}
@media (max-width: 767px) {
   #property-for-rent-slider2 .icon-left-open {left: 0px;}
    #property-for-rent-slider2 .icon-right-open {right:0px;} 
}
.school{float:left;width:100%;display:block;}
.school img{float:left;width:100%;}
.school p{float:left;width:100%;height:46px;line-height:46px;text-align:center;color:#fff;}
.pm1{background:#4eb0e3}
.pm2{background:#b0dc29}
.pm3{background:#d629dc}
.pm4{background:#4eb0e3}
.pm5{background:#b0dc29}
.pm6{background:#d629dc}
.pm7{background:#4eb0e3}
.pm8{background:#b0dc29}
.pm9{background:#d629dc}
.pm10{background:#4eb0e3}
.pm11{background:#b0dc29}
.pm12{background:#d629dc}
.pm13{background:#4eb0e3}
.pm14{background:#b0dc29}
.pm15{background:#d629dc}

@media (max-width: 767px) {
    .yjhl5 {height:auto;padding-bottom:30px;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .yjhl5 {height:365px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .yjhl5 {height:335px;}
}

/*底部*/
.foot {float:left;width:100%;background:#353949;padding-top:85px;}
.foot .dm1 {float:left;width:100%;display: flex;flex-wrap: wrap;}
.foot .dm1 .flogo {float:left;width:240px;}
.foot .dm1 .finfo{display: flex;align-items: center;margin-left: 1.5rem;}
.foot .dm1 .finfo p{color: #fff;font-size:30px;font-weight: bold;}
.foot .dm1 .i {float:left;margin-left:80px;margin-top:15px;}
.foot .dm1 .i img{float:left;margin-top:12px;}
.foot .dm1 .i div{float:left;font-size:16px;color:#fbfbfb;margin-left:15px;line-height:30px;}
.foot .dm2 {float:left;width:100%;border-top:1px dashed #585c6c;margin-top:50px;padding-top:45px;padding-bottom:40px;}
.foot .dm2 .ewm {float:left;width:127px;}
.foot .dm2 .ewm img{float:left;width:100%}
.foot .dm2 .kc {float:left;margin-top:5px;margin-left:160px;width:120px;}
.foot .dm2 .kc strong {float:left;width:100%;font-size:18px;color:#fff;background:url(../images/dl.png) no-repeat bottom left;line-height:50px;}
.foot .dm2 .kc ul {float:left;width:100%;margin-top:10px;}
.foot .dm2 .kc ul li{float:left;width:100%;line-height:36px;}
.foot .dm2 .kc ul li a{float:left;width:100%;font-size:16px;color:#cdcecf;}
.foot .dm2 .kc ul li a:hover{color:#f0cf34;}

.foot .dm2 .xq {float:left;margin-top:5px;margin-left:120px;width:350px;}
.foot .dm2 .xq strong {float:left;width:100%;font-size:18px;color:#fff;background:url(../images/dl.png) no-repeat bottom left;line-height:50px;}
.foot .dm2 .xq ul {float:left;width:50%;margin-top:10px;}
.foot .dm2 .xq ul li{float:left;width:100%;line-height:36px;}
.foot .dm2 .xq ul li a{float:left;width:100%;font-size:14px;color:#cdcecf;}
.foot .dm2 .xq ul li a:hover{color:#f0cf34;}

.foot .fm {float:right;width:235px;}
.foot .fm ul {float:left;width:100%;margin-top:20px;}
.foot .fm ul li{float:left;width:50%;line-height:44px;}
.foot .fm li a{float:left;width:100%;font-size:18px;color:#fbfbfb;}
.foot .fm li a:hover{color:#f0cf34;}

.copy {float:left;width:100%;background:#2d313e;color:#f4f4f4;padding:15px 0px;font-size:16px;}

@media (max-width: 767px) {
   .foot {padding-top:25px;}
   .foot .dm1 .flogo {float:left;width:200px;}
   .foot .dm1 .finfo{width: 100%;margin-left: 0;margin-top: 20px;font-size: 24px;}
   .foot .dm1 .i {margin-left:0px;margin-top:25px;width:100%;}
   .foot .dm2 {display:none}
   .copy {float:left;width:100%;font-size:14px;margin-top:20px;text-align:center;}
}
@media (min-width: 768px) and (max-width: 991px) {
   .foot {padding-top:25px;}
   .foot .dm1 .flogo {float:left;width:200px;}
   .foot .dm1 .finfo{width: 100%;margin-left: 0;margin-top: 20px;font-size: 24px;}
   .foot .dm1 .i {margin-left:0px;margin-top:25px;width:100%;}
   .foot .dm2 {display:none}
   .copy {float:left;width:100%;font-size:14px;margin-top:20px;text-align:center;}
}
@media (min-width: 992px) and (max-width: 1199px) {
   .foot .dm1 .i {float:left;margin-left:30px;margin-top:15px;}
   .foot .fm {display:none}
}
@media (min-width: 1200px) and (max-width: 1366px) {
    .foot .dm1 .i {float:left;margin-left:90px;margin-top:15px;}
}


/*内页*/
.nbanner {float:left;width:100%;height:380px;}
@media (max-width: 767px) {
    .nbanner {margin-top:80px;height:300px;}
}

.cmain {padding-top:40px;padding-bottom:10px;}
.nowTitle {float:left; width:100%;text-align:center;}
.nowTitle .div1{float:left; width:100%;text-align:center;font-size:20px;color:#fdd000;background:url(../images/dotline.jpg) no-repeat bottom center;padding-bottom:20px;}
.nowTitle .div2 {float:left; width:100%;padding:15px 10%;}
.nowList {float:left;width:100%;padding:20px 0px;}
@media (max-width: 768px){
   .nowTitle .div2 {padding:15px 0%;}
}
.mainCon {float:left;width:100%;padding:20px 0px 30px}


.mb-30 {margin-bottom: 30px;}
.single-blog-area {position: relative;overflow: hidden;}
.single-blog-area:before {
    content: '';
    left: 0;
    top: 0;
    right: 0px;
    bottom: 0;
    position: absolute;
    transition: all .3s;
    background: -moz-linear-gradient(top, rgba(125, 185, 232, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    background: -webkit-linear-gradient(top, rgba(125, 185, 232, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db9e8', endColorstr='#000000', GradientType=0);
}
.single-blog-area img {width: 100%;}
ul.category-list {
    position: absolute;
    left: 30px;
    top: 30px;
    transition: all .3s;
    visibility: hidden;
    opacity: 0;
    transform: scale(0);
}
ul.category-list li {display: inline-block;margin-right: 15px;}
ul.category-list li a {font-size: 12px;line-height: 1;font-weight: 700;text-transform: uppercase;   background: #ff2782;color: #ffffff;padding: 7px 12px;border-radius: 30px;}
ul.category-list li a:hover {color: #ff2782;background: #ffffff;}
.blog-title-date-wraper {position: absolute;left: 30px;bottom: 30px;right: 30px;transition: all .3s;margin-bottom: -60px;}
.blog-title h3 a {font-size: 18px;line-height: 30px;font-weight: 500;text-transform: capitalize;color: #ffffff;}
ul.blog-author-date {padding-top: 15px;margin-top: 15px;border-top: 1px solid #ffffff;opacity: 0;visibility: hidden;}
ul.blog-author-date li {display: inline-block;font-size: 15px;text-transform: capitalize;margin-right: 18px;}
ul.blog-author-date li a {color: #ffffff;}
.single-blog-area:hover .blog-title-date-wraper {margin-bottom: 0;}
.single-blog-area:hover ul.blog-author-date {opacity: 1;visibility: visible;}
.single-blog-area:hover ul.category-list {visibility: visible;opacity: 1;transform: scale(1);}
.single-blog-area:hover:before {
    background: -moz-linear-gradient(top, rgba(242, 146, 0, 0) 0%, rgba(174, 111, 16, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(242, 146, 0, 0) 0%, rgba(174, 111, 16, 1) 100%);
    background: linear-gradient(to bottom, rgba(242, 146, 0, 0) 0%, rgba(174, 111, 16, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f29200', endColorstr='#ae6f10', GradientType=0);
}


.mPadding {float:left; width:100%;padding:20px 0px 50px;}

.about1 .two {position: relative;}
.about1 .two .left{width: 50%;position: absolute;left: 0;top: 0;bottom: 0;background: #f0cf34;display: flex;align-items: center;}
.about1 .two .right{float: right;width: 50%;overflow: hidden}
.about1 .two .left .img1{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: 2.57rem}
.about1 .two .left h1{font-size: .33rem;color: #4a4949;margin-bottom:2vw }
.about1 .two .left p{font-size: .14rem;line-height: 2;color: #4a4949;text-indent: 2em}
.about1 .two .left{padding: 0 9vw;}
.about1 .three .item{float: left;width: 25%;text-align: center;}
.about1 .three .clearfix{padding: 0 2vw}
.about1 .three .item .num{line-height: 1;font-size: 0.8rem;color:#f29200;text-shadow: 10.88px 8.81px 10px rgba(37, 60, 154, 0.17);}
.about1 .three .item .txt1{font-size: .22rem;color:#f29200;}
.about1 .three .item p{font-size: 18px;color:#f29200;}
.about1 .three{padding: .8rem 0}
.about1 .four{background: #ededed;padding: .8rem 0 .2rem}
.about1 .four .item p{font-size: .18rem;color: rgb(51, 51, 51);margin-top: .3rem;height:.5rem;margin-bottom:.25rem;}
.about1 .four .item{text-align: center;}
.about1 .four .row{margin: 0 2vw}
.about1 .four .item .imgbox img{display: inline-block;transition: all .3s}
.about1 .four .item:hover img{transform: translateY(-10px);}
.about1 .three .item h1{display: inline-block;position: relative;}
.about1 .three .item .bgimg{position: absolute;bottom: -8%;right: -5%;z-index: -1;}
@media (max-width: 1400px){
	.about1 .one .left{padding-left: 5vw;}
}
@media (max-width: 1200px){
	.about1 .one .left{padding: 0 3vw}
}
@media (max-width: 993px){
	.about1 .one .left{width: 100%;padding: 0;margin-bottom: .2rem}
	.about1 .one .right{width: 100%;text-align: center;}
	.about1 .two .left{position: relative;width: 100%;padding: 1rem 9vw;}
	.about1 .two .right{width: 100%;}
	.about1 .one .right .imgbox:after{display: none;}
}

@media (max-width: 639px){
	.about1 .two .left h1{margin-bottom: 10px;}
	.about1 .two .left{padding: .6rem 15px}
	.about1 .three .item{width: 50%;padding: .2rem 0}
	.about1 .three .item .num{font-size: 0.4rem;}
	.about1 .three{padding: .4rem 0;}
	.about1 .three .item .bgimg{bottom: -20%;right: -20%;z-index: -1;transform: scale(0.6);}
}


.services-item {
    overflow: hidden;
    margin-bottom:30px;
}
.services-item .thumb {
    margin-bottom: 16px;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}
.services-item .hover-text {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #f1f1f1;
    text-align: center;
    opacity: 0;
    padding: 24px 30px 20px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 1;
}
.services-item:hover .hover-text {
    bottom: -25%;
    opacity: 1;
}
.services-item .hover-text:after {
    position: absolute;
    content: "";
    background-color: #f6c606;
    width: 3px;
    height: 22px;
    box-shadow: 0px 6px 10px 0px rgba(6, 22, 58, 0.16);
    left: 19px;
    top: -14px;
}
.services-item .hover-text:before {
    position: absolute;
    content: "";
    background-color: #f6c606;
    width: 3px;
    height: 22px;
    box-shadow: 0px 6px 10px 0px rgba(6, 22, 58, 0.16);
    right: 19px;
    top: -14px;
}
.services-item .hover-text h4 {
    color: #0a172b;
    font-weight: 600;
    font-size: 16px;
    text-transform: capitalize;
    letter-spacing: 0.4px;
    margin-bottom: 12px;
}
.services-item .hover-text i {
    color: #f6c606;
    font-size: 58px;
    margin-bottom: 8px;
    display: inline-block;
}
.services-item .hover-text p {
    font-size: 13px;
    font-weight: 400;
    text-transform: capitalize;
    color: #727780;
    letter-spacing: 0.3px;
}
.services-item .hover-text a {
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
    color: #fe5a0e;
    letter-spacing: 0.6px;
    text-decoration: underline;
    text-decoration-color: #febd8c;
}
.services-item .hover-text a:hover {
    color: #febd8c;
}
.services-item .content {
    background-color: #f6c606;
    text-align: center;
    padding: 16px 0 16px;
    line-height:24px;
    height:80px;
    overflow:hidden;
    position: relative;
    opacity: 1;
    bottom: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}
.services-item:hover .content {
    opacity: 0;
    bottom: -40px;
}
.services-item .content:after {
    position: absolute;
    content: "";
    background-color: #f6c606;
    width: 3px;
    height: 22px;
    box-shadow: 0px 6px 10px 0px rgba(6, 22, 58, 0.16);
    left: 19px;
    top: -22px;
}
.services-item .content:before {
    position: absolute;
    content: "";
    background-color: #f6c606;
    width: 3px;
    height: 22px;
    box-shadow: 0px 6px 10px 0px rgba(6, 22, 58, 0.16);
    right: 19px;
    top: -22px;
}
.services-item .content h4 {
    color: #2f2f2f;
    font-weight: 600;
    font-size: 16px;
    text-transform: capitalize;
    letter-spacing: 0.4px;
}


#fh5co-contact {margin-top:30px;float:left; width:100%;}
#fh5co-contact p{ font-size:16px; line-height:30px;}
#fh5co-contact .contact-info {margin: 0;padding: 0;margin-top:20px;float:left;}
#fh5co-contact .contact-info li {list-style: none;margin: 0 0 15px 0;position: relative;padding-left: 40px;}
#fh5co-contact .contact-info li i {position: absolute;top: 0em;left: 0;font-size: 22px;color: rgba(0, 0, 0, 0.3);}
#fh5co-contact .contact-info li a {font-weight: 400 !important;}
#fh5co-contact .form-control {-webkit-box-shadow: none;-moz-box-shadow: none;-ms-box-shadow: none;-o-box-shadow: none;box-shadow: none;border: none;border: 1px solid rgba(0, 0, 0, 0.1);font-size: 14px;font-weight: 400;-webkit-border-radius: 0px;-moz-border-radius: 0px;-ms-border-radius: 0px;border-radius: 0px;}
#fh5co-contact .form-control:focus, #fh5co-contact .form-control:active {border-bottom: 1px solid rgba(0, 0, 0, 0.5);}
#fh5co-contact input[type="text"] {height: 50px;}
#fh5co-contact .form-group {margin-bottom: 30px;}

.bttn-mid {font-size: 18px;font-weight: 700;padding: 15px 40px;display: inline-block;border-radius: 30px 0 30px 0;cursor: pointer;text-transform: uppercase;transition: 0.4s;}
.bttn-mid:hover {border-radius: 0px 30px 0px 30px;}
.btn-fill {color: #fff;background: #f29200;margin-top:50px;}
.btn-fill:hover {background: #4ea4ff;color: #ffffff;}

.con_map{float:left;width:100%;border:2px solid #f29200;}
.mapContent{float:left;width:100%;height:500px;}
.BMap_Marker > div{
    position: relative;
    text-align: center;
    overflow: auto !important;
    animation: loc 2000ms infinite;
    -webkit-animation: loc 2000ms infinite;
    line-height: 150px;
}
.BMap_Marker > div > img{
    display: inline-block !important;
}
@keyframes loc
{
    from {transform: scale(1);}
    to {transform: scale(1.5);}
}
@-webkit-keyframes
{
    from {transform: scale(1);}
    to {transform: scale(1.5);}
}



.trans-3{-webkit-transition: all 0.35s linear; transition: all 0.35s linear;}
.trans-8{-webkit-transition: all 0.8s; transition: all 0.8s;}
.radius-half{-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.shadow{-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.1); -moz-box-shadow: 0 5px 10px rgba(0,0,0,.1); box-shadow: 0 5px 10px rgba(0,0,0,.1);}

/* recruit */
.recruit .about-title{padding: 5vw 0 3.3vw;}
.recruit .swiper-slide{width: 4.12rem; height: 5.74rem; cursor: pointer;}
.recruit .weui-cell{z-index: 1; margin-top: .8rem; margin-left: .25rem; margin-right: .25rem; height: 4.22rem; padding: .4rem; background: #eff1f4; color: #333;}
.recruit dl{margin: 0 0 .4rem 0; padding: 0;}
.recruit dt, .recruit dd, .recruit .weui-cell__bd >h3, .recruit .seemore i, .recruit .seemore a{-webkit-transition: all .3s; transition: all .3s;}
.recruit .weui-cell__bd >h3{margin-bottom: .7rem; font-size: .26rem;}
.recruit dt{font-size: 14px; color: #999;}
.recruit dd{margin-bottom: .28rem; font-size: 18px;}
.recruit .seemore i{position: absolute; left: -.4rem; top: 50%; right: 35%; height: 1px; background: #d1d8dd;}
.recruit .seemore a{position: relative; display: inline-block; letter-spacing: 2px; line-height: 30px; font-size: 14px; color:  #b6bfc7;z-index: 11;}
.recruit .blur{margin: -.15rem 9% 0; height: .3rem; background: rgba(0,0,0,.1);}
.recruit .swiper-slide-active{width: 4.74rem;}
.recruit .swiper-slide-active .weui-cell{margin-top: 0; height: 6.44rem; background: #f29200; color: #fff;}
.recruit .swiper-slide-active .weui-cell__bd >h3{margin-bottom: 1.1rem; font-size: .3rem;}
.recruit .swiper-slide-active dt, .recruit .swiper-slide-active dd, .recruit .swiper-slide-active .weui-cell__bd >h3, .recruit .swiper-slide-active .seemore a{color: #fff;}
.recruit .swiper-slide-active dl{margin-bottom: .6rem;}
.recruit .swiper-slide-active .seemore i{right: 30%; background: #fff;}
@media (max-width: 767px) {
    .recruit .swiper-slide{height: 4.44rem; cursor: pointer;}
    .recruit .swiper-slide-active .weui-cell__bd >h3{margin-bottom: 0.5rem; font-size: .2rem;}
}
/* speech */
.speech .about-title::before{width: 8%;}
.speech .row{width: 100%;}
.speech-box .article{font-size: 16px; line-height: 36px;}
.speech-box div.text-right img{display: inline;}
.speech-box .col-lg-7{margin-top: 4vw;}
.speech-box .col-lg-4{margin-top: -15%;}
@media (min-width: 1200px){.speech-box .col-lg-7{width: 54%;}}
@media (max-width: 991px){
.speech-box .col-lg-7{width: 100%;}
.speech-box .col-lg-4{width: 100%; margin-top: 0;}
}


img.color{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
.pr{position: relative;}
.blur{-webkit-filter: blur(5px); -moz-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=5, MakeShadow=false); /* IE6~IE9 */}

.citybox{margin-top: 4.5vw;}
.citybox-cover{position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background: #fff;}
@-webkit-keyframes scaleCover{
0%{-webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;}
100%{-webkit-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;}
}
@keyframes scaleCover{
0%{-webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;}
100%{-webkit-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;}
}
.scaleCover {
  -webkit-animation-name: scaleCover;
  animation-name: scaleCover;
}
@media (max-width: 639px){
.citybox >img{max-width: none; width: 200%; margin-left: -50%;}
}


.main {float:left;width:100%;margin:20px 0px}
.contLeft {float: left; width: 25%; background: #f5f5f5; position: relative;}
.contLeftNav {text-align: center;}
.contLeftNav ul {}
.contLeftNav ul li {}
.contLeftNav ul li h3 {height: 58px; line-height: 58px; border-top: 1px solid #e5e5e5; position: relative;}
.contLeftNav ul li h3 a {display: block; height: 100%;}
.contLeftNav ul li h3 a:hover {background: #efefef;}
.contLeftNav ul li h3 span {position: absolute; width: 30px; height: 30px; right: 17%; top: 50%; margin-top: -15px; background: url(../images/ico_jt_contL.png) no-repeat center; z-index: 22; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.contLeftDown {display: none;}
.contLeftDown a {display: block; height: 56px; line-height: 56px; color: #fff; background: #f29200; border-top: 1px solid #e5e5e5;}
.contLeftDown a:hover,
.contLeftDown a.on {background: #f29200;}
.contLeftNav ul li.on h3 a {background: #f29200; font-size: 18px; font-weight: 600; color: #fff;}
.contLeftNav ul li.on h3 span {background: url(../images/ico_jt_contL_a.png) no-repeat center; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.contLeftNav ul li.active h3 a {background: #f29200; font-size: 16px; font-weight: 600; color: #fff;}
.contLeftNav ul li.active h3 span {background: url(../images/ico_jt_contL_a.png) no-repeat center;}
.contLeftTit {padding-top:2px; width: 100%; height: 116px; text-align: center; background:#f29200; color: #fff; border-top-left-radius: 4px; border-top-right-radius: 4px;}
.contLeftTit span {display: block; margin-top: 22px;}
.contLeftTit h2 {font-size: 16px; font-weight: 600; line-height: 26px; margin-top: 6px;}
.contLeftTit h3 {font-size: 12px; line-height: 18px;}

.contRight {float: right; width: 72.666%;}
.contRightH {line-height: 58px;height:58px; float:left;width:100%;background: url(../images/cont_tit_bg.png) repeat-x bottom;}
.contRightH h2 {float: left; font-size: 20px; color: #585858;line-height:58px;} 
.contRightH p {float: right; font-size: 14px; color: #808080;}
.contRightH p a {color: #808080;}
.contRightH p a:hover,
.contRightH p span {color: #f29200;}
.contRightWrap {margin-top: 15px; min-height:300px;float:left;width:100%;}

@media (max-width: 768px) {
    .contLeft,.contRight {width: 100%;}
	.contLeftNav ul li h3 {height: 44px; line-height: 44px;}
	.contLeftDown a {height: 42px; line-height: 42px; background: #f29200;}
	.contLeftTit h2 {font-size: 15px; line-height: 18px;	margin-top: 6px;}
	.contLeftTit h3 {line-height: 16px;}
	.contLeftTit span {margin-top: 8px;}
	.contLeftTit span img {width: 24px;}
	.contLeftTit {height: 78px; top: -78px; background: rgba(252,90,79,0.75);}
}

.nTit {float:left;width:100%;font-size:24px;padding:20px 0px;}
.nDate {float:left;width:100%;color:#f29200;font-size:16px;}
.nShare {float:left;width:100%;padding:10px 0px}
.nCon {float:left;width:100%;padding:10px 0px;min-height:300px;}
.NPager {float:left;width:100%;border-top:1px solid #f9f5f0;padding-top:10px;}

.contRight .xh{font-size:16px;color:#333;line-height:30px;padding:20px 36px;background:#f5f5f5;margin:0px;}
.pcpShow2 {float:left; width:100%;}
.pcpInfo {float:left;width:100%;padding-top:10px}
.pcpInfo .tits {float:left; width:100%;font-size:24px; line-height:30px; font-weight:normal;padding-bottom:20px;border-bottom:1px solid #5c656d}
.divContact {float:left; width:100%;padding:10px 0px; line-height:30px;}
.divBtn {float:left; width:100%;margin-top:30px;}
.divBtn a {float:left; width:48%; display:block; text-align:center;background:#f29200;color:#fff;padding:10px 0px}
.btnShare {float:left; width:100%;margin-top:20px;}


.tt .list{float:left;width:100%;height:224px;border:1px solid #fdd000;border-radius:10px;}
.tt .list a {float:left;width:100%;height:100%;display:block;padding-left:190px;padding-top:50px;padding-right:10px;position:relative;}
.tt .list strong {font-size:26px;color:#363636;font-weight:normal;background:url(../images/dm.png) no-repeat top left;line-height:50px;float:left;width:100%;}
.tt .list p {float:left;color:#939393;font-size:16px;width:100%;}
.tt .list .m {width:124px;height:43px;position:absolute;right:0px;bottom:0px;background:url(../images/class1.png);text-align:right;padding-right:10px;font-size:16px;color:#fff;border-bottom-right-radius:10px;padding-top:15px;}

@media (max-width: 767px) {
    .tt .sm {width:100%;margin-bottom:20px;}
    .tt .sm .list{height:214px;width:100%;}
    .tt .sm .list a {padding-left:160px;padding-top:50px;padding-right:10px;position:relative;}
    .tt .sm .list strong {font-size:20px;line-height:50px;}
    .tt .sm .list p {font-size:14px;line-height:22px;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .tt .sm {width:50%;margin-bottom:20px;}
    .tt .sm .list{height:214px;}
    .tt .sm .list a {padding-left:160px;padding-top:50px;padding-right:10px;position:relative;}
    .tt .sm .list strong {font-size:20px;line-height:50px;}
    .tt .sm .list p {font-size:14px;line-height:22px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .tt .sm .list{height:204px;}
    .tt .sm .list a {padding-left:160px;padding-top:50px;padding-right:10px;position:relative;}
    .tt .sm .list strong {font-size:20px;line-height:50px;}
    .tt .sm .list p {font-size:14px;line-height:22px;}
}

.tt .sm:nth-child(2) .list{border:1px solid #d827de;}
.tt .sm:nth-child(3) .list{border:1px solid #0095fd;}
.tt .sm:nth-child(4) .list{border:1px solid #fdd000;}
.tt .sm:nth-child(5) .list{border:1px solid #d827de;}
.tt .sm:nth-child(6) .list{border:1px solid #0095fd;}
.tt .sm:nth-child(7) .list{border:1px solid #fdd000;}
.tt .sm:nth-child(8) .list{border:1px solid #d827de;}
.tt .sm:nth-child(9) .list{border:1px solid #0095fd;}
.tt .sm:nth-child(2) .m{background:url(../images/class2.png);}
.tt .sm:nth-child(3) .m{background:url(../images/class3.png);}
.tt .sm:nth-child(4) .m{background:url(../images/class1.png);}
.tt .sm:nth-child(5) .m{background:url(../images/class2.png);}
.tt .sm:nth-child(6) .m{background:url(../images/class3.png);}
.tt .sm:nth-child(7) .m{background:url(../images/class1.png);}
.tt .sm:nth-child(8) .m{background:url(../images/class2.png);}
.tt .sm:nth-child(9) .m{background:url(../images/class3.png);}


.topImg {float:left;width:100%;cursor:pointer}
.topImg img{width:100%;}
.topCon{float:left;width:100%;padding:10px 0px 30px;color:#000;font-size:13px;}
.topCon .name {line-height: 21px;padding-left: 60px;position: relative;color: #000;}
.topCon .name:before {
	width: 50px;
	height: 1px;
	background: currentColor;
	position: absolute;
	left: 0;
	top: 50%;
	content: "";
}

.NewsPage {float:left;width:100%;text-align:center;padding:30px 0px;font-size:14px;}
.NewsPage span {padding:10px;background:#fdd000;color:#fff}
.NewsPage a {padding:10px;background:#fdd000;color:#fff}
.NewsPage a:hover {background:#f29200;}

.mainCon .sm {margin-bottom:20px;}



.history{position: relative; background: #fff;}
.history .box{background: url(../images/about7.jpg) no-repeat center center; background-size: 50% auto;}
.history .line{position: absolute; display: block; left: 0; right: 0; top: 50%;width: 100%; height: 1px; background: #5c656d;}
.history .box .swiper-container{padding: 3vw 0; min-height: 4rem;}
.history .before{height: 180px;}
.history .year{font-size: .32rem; line-height: 1.1; color: #303030; font-weight: bold;}
.history .desc{font-size: 16px; line-height: 28px; color: #979797;}
.history .before{padding: 0;}
.history .before::before{position: absolute; display: block; content: ""; left: 0; width: 9px; height: 9px; background: #303030; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: all .3s; transition: all .3s;}
.history .swiper-slide::before{position: absolute; display: block; content: ""; left: -100%; width: 0; height: 1px; background: #f29200; -webkit-transition: all .4s ease-out; transition: all .4s ease-out;}
.history .swiper-slide-active::before{left: 0; width: 100%;}
.history .swiper-slide-active .before::before{background: #f29200;}
.history .swiper-slide-active .year{color: #f29200;}
.history .swiper-slide:nth-of-type(2n){margin-top: 220px;}
.history .swiper-slide:nth-of-type(2n) .weui-cell{-webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start;}
.history .swiper-slide:nth-of-type(2n-1) .weui-cell{-webkit-box-align: end; -webkit-align-items: flex-end; align-items: flex-end;}
.history .swiper-slide:nth-of-type(2n) .before{padding-top: 20px;}
.history .swiper-slide:nth-of-type(2n) .before::before{top: 0;}
.history .swiper-slide:nth-of-type(2n)::before{top: -20px;}
.history .swiper-slide:nth-of-type(2n-1)::before{bottom: -21px;}
.history .swiper-slide:nth-of-type(2n-1) .before{padding-bottom: 20px;}
.history .swiper-slide:nth-of-type(2n-1) .before::before{bottom: 0;}
.history .swiper-button-white{position: static; display: inline-block; margin: 0 7px 1%; width: .47rem; height: .47rem; background-color: #424242; background-size: 9px;}
@media (min-width: 1200px){
.history .swiper-button-white:hover{background-color: #f29200;}
}
/*@media (min-height: 768px){.history{padding-top: 2%;}}*/
@media (max-width: 1199px){
.history .swiper-button-white{margin-bottom: 10%;}
.history .box{background-size: 70% auto;}
}
@media (max-width: 992px){
.history .after{font-size: 14px; line-height: 24px;}
}
@media (max-width: 639px){
.history .box .swiper-container{padding: 30px 0; min-height: auto;}
.history .swiper-slide .before::before, .history .swiper-slide::before, .history .line{display: none;}
.history .swiper-slide{margin: 0 !important;}
.history .before{margin: 15px !important; padding: 0 !important; height: auto;}
.history .line{top: auto; bottom: 0;}
}


/* history */
.history-hd >div{position: relative; margin-top: 6%; display: inline-block; width: 30%;}
.history-hd >div::before{position: absolute; display: block; content: ""; left: 50%; top: 60%; height: 41%; width: 1px; border-left: 2px dotted #000;}
.history-hd i{position: absolute; z-index: 1; left: 50%; top: 50%; font-size: 16px; line-height: 20px; color: #303030; font-family: "Impact","AkzidenzGrotesk-ExtraBoldCondAlt","PingFang SC","Source Han Sans CN","Microsoft YaHei"; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.history-bd{position: relative; margin: 0; padding: 7% 0 0; overflow: hidden;}
.history-bd::before{position: absolute; display: block; content: ""; left: 50%; top: 0; height: 100%; width: 1px; border-left: 2px dotted #000;}
.history-bd li{position: relative;}
.history-bd .year{position: absolute; top: -5px; left: 50%; padding: 15px; display: inline-block; background: #f4f4f4; text-align: center; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.history-bd .year span{display: block; margin: 0 auto 8px; width: .34rem; height: .43rem; background: url(../images/icon/local.png) no-repeat center center; background-size: 100%;}
.history-bd .year i{font-size: 20px; font-weight: bold; color: #000; font-family: "Impact","AkzidenzGrotesk-ExtraBoldCondAlt","PingFang SC","Source Han Sans CN","Microsoft YaHei";}
.history-bd .article{margin-bottom: 5%; width: 20%;}
.history-bd .article i{display: block; margin-bottom: .3rem; font-size: 1.5rem; line-height: 1; font-weight: bold; color: #e0e0e0; font-family: "Impact","AkzidenzGrotesk-ExtraBoldCondAlt","PingFang SC","Source Han Sans CN","Microsoft YaHei";}
.history-bd .article p{font-size: 14px; color: #292929; line-height: 26px;}
.history-bd li:nth-of-type(2n-1) .article{margin-left: 60%;}
.history-bd li:nth-of-type(2n) .article{margin-left: 20%;}
@media (max-width: 1600px){.history-bd .article i{font-size: 1.4rem;}}
@media (max-width: 1440px){.history-bd .article i{font-size: 1.2rem;}}
@media (max-width: 1360px){
.history-bd .article{width: 25%;}
.history-bd li:nth-of-type(2n) .article{margin-left: 15%;}
.history-bd .article i{font-size: 1.3rem;}
}
@media (max-width: 1199px){
.history-bd .article{margin-bottom: 8%; width: 30%;}
.history-bd li:nth-of-type(2n) .article{margin-left: 10%;}
.history-hd >div{width: 35%;}
.history-hd i{font-weight: bold;}
}
@media (max-width: 992px){
.history-hd >div{width: 40%;}
.history-bd .article i{font-size: 1.2rem;}
}
@media (max-width: 767px){
.history-hd >div{margin-top: 12%; width: 70%;}
.history-bd li{margin: 15% 0; background: #f4f4f4;}
.history-bd .year{position: relative;}
.history-bd .article{margin: 0 10% !important; width: 80%;}
.history-bd .article i{display: none;}
}

.lc {float:left;width:100%;padding-bottom:40px}
.fzlc {float:left;width:100%;padding:0px 10%;margin-top:30px;}
.msList {float:left;width:25%;padding:0px 20px}
.msList strong{float:left;width:100%;font-weight:bold;color:#000;font-size:30px;line-height:40px}
.mCons {float:left;width:100%;padding:30px 0px;min-height:540px}
.msList img {float:left;margin-top:10px}


@media (max-width: 767px){
    .msList {float:left;width:100%;padding:0px}
    .mCons {min-height:initial}
}