@charset "utf-8";
/*body公用*/
/* ------------------------------------------------- 
 * 公用样式表 
 * ------------------------------------------------- 
*/  
body{font-family:"微软雅黑","宋体"; font-size:14px; line-height: 1; font-weight: 400; letter-spacing:-.1px; font-stretch:normal; font-style:normal;  color: rgba(255, 255, 255, 0.8); color: #000;  background: rgba(255, 255, 255, 1); 
text-align:justify; -webkit-text-size-adjust:none; height:auto; 
-webkit-font-smoothing: subpixel-antialiased; /*chrome、safari*/
-moz-osx-font-smoothing: grayscale;/*firefox*/}
/** 定义HTML body **/

a {color:#000;transition:400ms ease all;}
a:focus {color: #000;outline: none; text-decoration: none;}
a:hover {color: #000;outline: none;text-decoration: none;transition:400ms ease all;}

/* ====|  分页  |==== */
.pageflip { width: 100%; overflow: hidden; text-align: center; margin: 40px 0px 0px 0px; }
.pageflip a { display: inline-block; overflow: hidden; line-height: 30px; height: 34px; padding: 0px 10px; border: 2px solid #084482; border-radius: 2px; margin: 0px 5px; color: #084482; cursor: pointer; }
.pageflip a:hover,.pageflip a.dq { background: #084482; color: #fff; }
.pageflip a i /* 左右按钮 */ { display: block; line-height: 30px; height: 30px; }
@media (max-width: 1100px) { /* 响应式 */
	.pageflip { margin: 20px 0px 0px 0px; }
	.pageflip a { font-size: 12px; line-height: 24px; height: 26px; padding: 0px 9px; border-width: 1px; border-radius: 1px; }
	.pageflip a i { line-height: 24px; height: 26px; }
}
/* ====|  END  |==== */


/*统一色  #f6a218 */
/*======================== 顶部 ============================*/
/* Sticky Header Style 

@media (max-width:1600px){}
@media (max-width:1400px){}
@media (max-width:1200px){}
@media (max-width:992px){}
@media (max-width:767px){}
@media (max-width:640px){}
@media (max-width:460px){}
@media (max-width:360px){}
*/
/* ---------------------------------------- */


@media (max-width:1600px){}
@media (max-width:1400px){}
@media (max-width:1200px){}
@media (max-width:992px){}
@media (max-width:767px){}
@media (max-width:640px){}
@media (max-width:460px){}
@media (max-width:360px){}

/* 主题颜色: #9AB1EE */ /* == == */


/* == 公用最外层 div == */
.max-box, .width-box { position: relative; overflow: hidden; width: 100%; margin-left: auto; margin-right: auto; }
.max-box { background-repeat: no-repeat; background-position: center bottom; background-size: cover; }
.width-box { max-width: 1500px; padding: 0 50px; z-index: 1; }
@media (max-width: 1700px) { .width-box { max-width: 1500px; } }
@media (max-width: 1500px) { .width-box { max-width: 1300px; } }
@media (max-width: 1050px) { .width-box { padding:   0 30px; } }
@media (max-width: 770px ) { .width-box { padding: 	 0 15px; } }

/* == 首页标题栏 == */
.int01, .int02, .int03, .int04 { text-align: center; }
/* 01 */
.int01 > h1 { position: relative; display: inline-block; padding-bottom: 25px; margin-bottom: 10px; border-bottom: 1px solid #e5e5e5; font-weight: bold; color: #333; font-size: 70px; letter-spacing: 5px; }
.int01 > h1::after { content: ""; width: 70px; height: 3px; border-radius: 0%; background: #1212bd; position: absolute; bottom: -2px;
					 left: 50%; margin-left: -35px; }
.int01 > h2 { font-size: 20px; line-height: 30px; color: #4e4e4e; }
/* 02 */
.int02{position: relative;}
.int02 > h6{position: absolute; z-index: -1; width: 100%; left: 0px; top: 20px;text-align: center; color: #ebebeb; font-size: 80px; opacity: 0.1;}
.int02 > h1 { font-size: 30px; color: #b2b2b2; line-height: 32px;   text-transform: uppercase; margin-bottom: 10px; }
.int02 > h2 { font-size: 36px; color: #fff; width: 370px; padding-bottom: 25px; border-bottom: 1px solid #fff; display: inline-block; position: relative; }
.int02 > h2::after { content: ""; position: absolute; bottom: -2px; width: 70px; height: 3px; border-radius: 0%; background: #f6a917; left: 50%; margin-left: -35px; }
/* 03 */
.int03 { padding-bottom: 25px; position: relative; }
.int03::after { content: ""; width: 370px; height: 1px; background: #e1e1e1; position: absolute; bottom: 0; left: 50%; margin-left: -185px; }
/* 04 */

.int04{position: relative;}
.int04 > h6{position: absolute; z-index: -1; width: 100%; left: 0px; top: 20px;text-align: center; color: #999; font-size: 80px; opacity: 0.1;}
.int04 > h1 { font-size: 30px; color: #b2b2b2; line-height: 32px;  text-transform: uppercase; margin-bottom: 10px; }
.int04 > h2 { font-size: 36px; color: #333; width: 370px; padding-bottom: 25px; border-bottom: 1px solid #e4e4e4; display: inline-block; position: relative; }
.int04 > h2::after { content: ""; position: absolute; bottom: -2px; width: 70px; height: 3px; border-radius: 0%; background: #1212bd; left: 50%; margin-left: -35px; }


@media (max-width: 1200px) {
	/* 01 */
	.int01 > h1 { font-size: 50px; }
}
@media (max-width: 770px) {
	/* 01 */
	.int01 > h1 { font-size: 30px; padding-bottom: 15px; }
	.int01 > h2 { font-size: 16px; line-height: 20px; }
	/* 02 */
	.int02 > h1 { font-size: 22px; line-height: 30px; margin-bottom: 5px; }
	.int02 > h2 { font-size: 22px; width: 270px; padding-bottom: 15px; }
	.int02 > h2::after { bottom: -1px; height: 1px; }
	/* 03 */
	.int03 { padding-bottom: 10px; }
	.int03 > img { height: 36px; }
	.int03::after { width: 270px; margin-left: -135px; }
	/* 04 */
	.int04 > h1 { font-size: 22px; line-height: 30px; margin-bottom: 5px; }
	.int04 > h2 { font-size: 22px; width: 270px; padding-bottom: 15px; margin-bottom: 10px; }
	.int04 > h2::after { bottom: -1px; height: 1px; }
}


/* 顶部 分享 */
.every-top-r .social-share .social-share-icon  { 
/*	border: 0px solid #666; */
	border: 1px solid #666; 
}
.every-top-r .social-share .icon-weibo {
/*	color: #ff763b;*/
	color: #fff; width:25px; height: 25px; font-size: 15px; line-height: 25px;
/*	background: rgba(0,0,0,0);*/
	background: #ff763b;
	border: 1px solid #ff763b;
}
.every-top-r .social-share .icon-weibo:hover {
/*	color: #ff763b;*/
	color: #fff;
/*	background: rgba(0,0,0,0);*/
	background: #ff763b;
	border: 1px solid #ff763b;
}
.every-top-r .social-share .icon-wechat {
/*	color: #7bc549;*/
	color: #fff;width:25px; height: 25px;font-size: 15px; line-height: 25px;
/*	background: rgba(0,0,0,0);*/
	background: #7bc549;
	border: 1px solid #7bc549;
}
.every-top-r .social-share .icon-wechat:hover {
/*	color: #7bc549;*/
	color: #fff;
/*	background: rgba(0,0,0,0);*/
	background: #7bc549;
	border: 1px solid #7bc549;
}


/* == 过渡动画 == */
.nav_menu ul ul li, .nav_menu ul ul a,
.swiper01-a-text,
.swiper01-a-text > h1,
.swiper01-a-text > h1 > img,
.swiper01-a-text > h1 > span,
.swiper0201-ul,
.swiper03-a-opacity,
.swiper03-a-img > img,
.swiper03-a-text > img,
.div-211-y,
.div-212-b > h3 > span > i,
.div-212-b > h3 > span::after,
.div-213-l > div,
.div-215-b > h2 > span > i,
.div-215-b > h2 > span::after,
.div-213-c > a > i,
.div-213-c > a::after,
.div-221-c > a > i,
.div-221-c > a::after,
.div-221-c > a.div-221-on,
.div-211-c > a > i,
.div-211-c > a::after,
.div-211-c > a.div-211-on,
.div-231-c > a > i,
.div-231-c > a::after,
.div-231-c > a.div-231-on,
.div-232-c > a > i,
.div-232-c > a::after,
.div-232-c > a.div-232-on,
.div-243-c > a > i,
.div-243-c > a::after,
.div-243-c > a.div-243-on,
.div-221-y,
.div-223-b > h2 > span > i,
.div-223-b > h2 > span::after,
.div-311-y,
.div-311-i > img,
.div-311-b > h4 > span > i,
.div-311-b > h4 > span::after,
.div-411-lul > li > a > i,
.div-411-lul > li > a::after,
.div-411-rul-alw,
.div-411-rul-al,
.left-box > .left-ul02 > li > a > h3,
.left-box > .left-ul03 > li > a > i,
.left-box > .left-ul03 > li > a > span,
.right-news-left > div,
.right-news-right > h2,
.right-news-right > h3,
.right-img-top > img,
.right-img-bottom > div,
.school-l > div,
.fixed-right > a > div,
.form-l > li > button,
.swiper04-a .swiper04-a-img > div,
.swiper04-a .swiper04-a-img > img,
.div-241,
.ClassName /* class名 */
{
	transition: all .5s;
	-ms-transition: all .5s; /* IE 9 */
	-moz-transition: all .5s; /* Firefox 4 */
	-webkit-transition: all .5s; /* Safari 和 Chrome */
	-o-transition: all .5s; /* Opera */
}
/* == END == */


/* == 图片放大 == */
.swiper03-a:hover .swiper03-a-img > img,
.div-311-a:hover .div-311-i > img,
.right-img-a:hover .right-img-top > img,
.swiper04-a:hover .swiper04-a-img > img,
.ClassName /* class名 */
{
	-ms-transform: scale(1.05); /* IE 9 */
	-moz-transform: scale(1.05); /* Firefox 4 */
	-webkit-transform: scale(1.05); /* Safari 和 Chrome */
	-o-transform: scale(1.05); /* Opera */ 
	transform: scale(1.05);
}
/* == END == */


/* 最顶部 - 欢迎语 & 联系信息 */
.every-top { width: 100%; height: 40px; line-height: 38px; background: #f5f5f5; overflow: visible; z-index: 9999; }
.every-top > .width-box { overflow: visible; }
.every-top-l, .every-top-r { float: left; width: 50%; color: #8a8a8a; font-weight: 100; }
.every-top-r { text-align: right; position: relative; }
#share-1 { display: inline-block; }
.every-top-r > i { color: #109ee1; font-size: 20px; line-height: 40px; position: absolute; padding-left: 5px; cursor: pointer; }
.every-top-r > i:hover { color: #109ee1; }
.every-top-r > span { margin-left: 40px; padding-right: 25px;}
@media (max-width: 1050px) { .every-top { display: none; } }


/* 顶部 - 导航栏 */
.head { width: 100%; background: #fff; height: 90px;  }
/*.head02 { background: rgba(0,0,0,.6); }*/
/*.head03 { background: rgba(0,0,0,.6); }*/
.head-box { width: 100%; max-width: 1500px; padding-left: 50px; padding-right: 50px; margin: 0 auto; position: relative; }
@media (max-width: 1700px) { .head-box { max-width: 1500px; } }
@media (max-width: 1500px) { .head-box { max-width: 1300px; } }
@media (max-width: 1050px) { 
	.head-box { width: 100%; padding-left: 30px; padding-right: 30px; }
	.head { background: #fff; height: 70px; position: fixed; top: 0; left: auto; right: 0; z-index: 100; box-shadow: 0 0 20px rgba(0,0,0,.2); }
}
@media (max-width: 770px) {
	.head-box { padding-left: 15px; padding-right: 15px; }
}
.head-width { width: 100%; padding: 0 0px 0 400px; position: relative; }
@media (max-width: 1300px) { .head-width { padding: 0 0px 0 260px; } }
@media (max-width: 500px)  { .head-width { padding: 0;               } }


/* LOGO */
.logo { position: absolute; top: 20px; left: 0; z-index: 100; }
.logo > a > img {   width: 200px; height: auto; }
.logo > a{float: left;}
.logowenzi{float: left; padding-left: 10px;}
.logo .logo-year{ margin-top:10px; height:20px; line-height:20px; width:38px; text-align:center;   background:#f5a100; border-radius:4px; overflow:hidden; font-size:14px; color:#fff; }
.logo .logo-text{ margin-top:5px; font-size: 12px; height:18px; color:#656565;line-height:18px; overflow:hidden;}
@media (max-width: 1200px) {
	.logo { top: 20px; }
	.logo > a > img {  }
}
@media (max-width: 1050px) {
	.logo { top: 15px; }
	.logo > a > img {   width: 170px; height: auto; }
	.logowenzi{ display: none;}
}
/* END */


/* PC 导航 */
.nav_menu { width: 100%; float: left; }
.nav_menu > ul > li { width: 12.5%; float: left; text-align: center; padding: 10px 0; position: relative; } /* 100% / 8 = 12.5% */
.nav_menu > ul > li > a { display: inline-block; font-size: 16px; color: #888; border-bottom: 2px solid rgba(0,0,0,0); height: 90px; line-height: 88px; }
.nav_menu > ul > li > a:hover, .nav_menu > ul > li > a.dq { color: #084482; border-bottom: 2px solid #084482; }


.nav_boxa{width:auto;float: right; line-height:90px; padding: 0px 0px; margin: 0px auto;}
.nav_boxa ul li{position: relative;float: left; margin: 0px 5px;
	-webkit-perspective: 90px;
    -moz-perspective: 90px;
    -ms-perspective: 90px;
    perspective: 90px;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    z-index: 999
}
.nav_boxa ul li a{display:block; padding: 15px 15px 0px 15px; line-height: 75px; font-size: 16px; position: relative; color: #333;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}
.nav_boxa ul li a.childer-a:after { content: ""; width: 0%; height: 3px; background: #084482; position: absolute; bottom: 0; left: 50%;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}
.nav_boxa ul li:hover a.childer-a{color: #084482; }
.nav_boxa ul li:hover a.childer-a:after { content: ""; width: 100%; height: 3px; background: #084482; position: absolute; bottom: 0; left: 0px;}
.nav_boxa ul li a.dq{color: #084482; }
.nav_boxa ul li a.dq:after { content: ""; width: 100%; height: 3px; background: #084482; position: absolute; bottom: 0; left: 0px;}

.nav_boxa ul li:first-child a{ }
.nav_boxa ul li .childer,
.nav_boxa ul li .childer a{ padding: 0px;
	
	transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
}
.nav_boxa ul li .childer{
	position: absolute;
	width: 200px;
	height: auto;
	top: 90px;
	left: 0;
	padding-bottom: 5px;
    background: transparent;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;
	-webkit-transform-origin: 0px 0px;
 	-moz-transform-origin: 0px 0px;
 	-ms-transform-origin: 0px 0px;
 	transform-origin: 0px 0px;
	-webkit-transform: rotateX(-66deg);
 	-moz-transform: rotateX(-66deg);
 	-ms-transform: rotateX(-66deg);
	transform: rotateX(-66deg);
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 9999;
}
.nav_boxa ul li .childer a{
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	text-align: left;
	color:#666;
	padding-left: 25px;
	border-left-width: 2px;
	border-right-width: 0;
	border-top-width: 0;
	border-bottom-width: 0;
	border-style: solid;
	border-color: transparent;
	overflow: hidden;
}
.nav_boxa ul li .childer a:hover{
	background: #fbfbfb;
	color: #f5a100;
	border-left-width: 2px;
	border-right-width: 0;
	border-top-width: 0;
	border-bottom-width: 0;
	border-style: solid;
	border-color: #f5a100;
}
.nav_boxa ul li:hover .childer{
	background: #fff;
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	transform: rotateX(0deg);
	box-shadow:0 10px 20px 2px rgba(0, 0, 0, .1)
}
/* == END == */
@media (max-width: 1500px) {  
.nav_boxa ul li a{display:block; padding: 15px 5px 0px 5px; line-height: 75px; font-size: 16px; position: relative; color: #333;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}
}
@media (max-width: 1200px) { .nav_boxa { display: none; } }
/* END */




/** 首页banner ====================================================================================*/
.banner_box{ width: 100%; position: relative;}
.swiper-01.swiper-container {}
.swiper-01.swiper-slide{ background: #000;width: 100%; height:auto;}
.swiper-01 a { display: block; width: 100%; height:auto; overflow: hidden; position: relative;}
.swiper-01 a .slide1{width: 100%; height:auto; overflow: hidden; position: relative; color: #fff;  font-size: 16px; -webkit-animation:scale 10s linear infinite;animation:scale 10s linear infinite;}
.swiper-01 a > img { position: absolute; left: 0 ; top: 0; width:100%; z-index: -1; }

.swiper-01.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 20px;}
.swiper-01 .swiper-pagination-bullet { width: 10px; height: 10px; border-radius:5px;  background: #fff; opacity: .9; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}
.swiper-01 .swiper-pagination-bullet-active { width: 30px; background: #1212bd;}

.swiper-01 .swiper-button-prev {opacity:1;}
.swiper-01 .swiper-button-next {opacity:1;}
.swiper-01 .swiper-button-prev {width: 50px;height: 50px; line-height: 50px; background:url(img/jtl2.png) no-repeat center; text-align: center;}
.swiper-01 .swiper-button-next {width: 50px;height: 50px; line-height: 50px; background:url(img/jtr2.png) no-repeat center; text-align: center;}
.swiper-01 .swiper-button-prev.swiper-button-disabled{opacity:1;background:url(img/jtl1.png) no-repeat center;}
.swiper-01 .swiper-button-next.swiper-button-disabled{opacity:1;background:url(img/jtr1.png) no-repeat center;}

@media (max-width: 1500px) { 
}
@media (max-width: 1050px) {
	.banner_box{margin-top: 70px;}
}
@media (max-width: 770px) {
.swiper-01 .swiper-button-prev {opacity:0;}
.swiper-01 .swiper-button-next {opacity:0;}
.swiper-01 a .slide1{width: 100%; height:auto; overflow: hidden; position: relative; color: #fff; font-size: 0.16rem; }
}
/** banner ====================================================================================*/



/* PC 二级导航 */
.nav_menu > ul > li > ul { width: 100%; text-align: center; position: absolute; left: -9999px; box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.2); z-index: 3; top: 110px; }
.nav_menu > ul > li:hover > ul { left: auto; }
.nav_menu ul ul li { height: 0; width: 100%; }
.nav_menu > ul > li:hover > ul > li { height:45px; line-height: 45px; }
.nav_menu ul ul a { display: block; width: 150%; margin-left: -25%; height: 45px; line-height: 43px; overflow: hidden; font-size: 14px; background: rgba(255, 255, 255, 0.9); color: #666; border-top: 1px solid #e0e0e0; }
.nav_menu ul ul a:hover { color: #fff; border-color: #fff; background: rgba(18,18,189,.6); }
/* END */


/* 手机 导航 */
.header-menu { display: none; font-size: 0; text-align: center; }
/* 手机 导航 - 按钮 */
.btn-manu { position: absolute; top:20px; right: 15px; width: 30px; height: 30px; display: none; }
.btn-manu span { position: absolute; top: 50%; left: 5px; width: 30px; height: 2.5px; background: #000; }
.btn-manu span:nth-of-type(1) { margin-top: -8px; }
.btn-manu span:nth-of-type(2) { margin-top: -1px; }
.btn-manu span:nth-of-type(3) { margin-top: 6px; }
/* END */
/* == 页面 顶部 END == */


/* == 页面 底部 == */
.max-bi { background: #D7000F; }
.max-bi-ul { display: block; width: 100%; }
.max-bi-ul > li { display: block; width: 33.333333%; float: left; text-align: center; margin: 30px 0; }
.max-bi-div { display: inline-block; max-width: 300px; padding-left: 100px; position: relative; overflow: hidden; }
.max-bi-img { position: absolute; top: 0; left: 0; width: 80px; height: 60px; overflow: hidden; }
.max-bi-img > img { width: 100%; }
.max-bi-text { text-align: left; height: 60px; overflow: hidden; }
.max-bi-text > h1 { font-size: 18px; color: #fff; line-height: 30px; height: 30px; overflow: hidden; }
.max-bi-text > h2 { font-size: 14px; color: #fff; line-height: 20px; height: 20px; overflow: hidden; }
@media (max-width: 770px) {
	.max-bi-ul > li { margin: 20px 0; }
	.max-bi-div { max-width: 240px; padding-left: 70px; height: 45px; }
	.max-bi-img { width: 60px; height: 45px; }
	.max-bi-text > h1 { font-size: 16px; line-height: 20px; height: 20px; }
	.max-bi-text > h2 { font-size: 12px; }
}
@media (max-width: 480px) {
	.max-bi { display: none; }
}
.max-b { background: #373C40; }
.max-b-div { padding: 40px 0; position: relative; overflow: hidden; }
.max-b-box { position: relative; overflow: hidden; }
.max-b-l { position: relative;   }
.max-b-l > h1 { border: 1px solid #fff; display: inline-block; height: 70px; overflow: hidden; }
.max-b-l > h1 > div { background: #fff; display: inline-block; padding: 10px 15px; float: left; }
.max-b-l > h1 > div > img { height: 50px; }
.max-b-l > h1 > span { display: inline-block; font-size: 36px; color: #fff; height: 70px; line-height: 70px; overflow: hidden; letter-spacing: 1px; padding: 0 30px; }
.max-b-l > h2 { font-size: 20px; color: #fff; font-weight: 100; letter-spacing: 3px; line-height: 30px; margin-top: 15px; max-width: 750px; }
.max-b-r { position: absolute; right: 50px; top: 0; display: inline-block; }
.max-b-r > li { float: left; margin-left: 35px; display: inline-block; }
.max-b-r > li > div { width: 130px; height: 130px; overflow: hidden; float: left; }
.max-b-r > li > div > img { width: 100%; }
.max-b-r > li > span { display: inline-block; width: 20px; height: 130px; float: left; color: #fff; text-align: center; font-size: 17px; font-weight: 100; line-height: 20px; padding: 35px 0; margin-left: 5px; overflow: hidden; }
@media (max-width: 1200px) {
	.max-b-l > h1 { height: 60px; }
	.max-b-l > h1 > div > img { height: 40px; }
	.max-b-l > h1 > span { font-size: 36px; height: 60px; line-height: 56px; }
	.max-b-l > h2 { font-size: 16px; line-height: 20px; margin-top: 10px; max-width: 600px; }
	.max-b-r > li { margin-left: 20px; }
	.max-b-r > li > div { width: 100px; height: 100px; }
	.max-b-r > li > span { height: 100px; font-size: 15px; padding: 20px 0; }
}
@media (max-width: 770px) {
	.max-b-div { padding: 25px 0; }
	.max-b-l { text-align: center; min-height: inherit; margin-bottom: 30px; }
	.max-b-l > h2 { display: block; max-width: none; letter-spacing: 1px; }
	.max-b-r { position: relative; right: 0px; top: 0; display: block; }
	.max-b-r > li { float: none; }
}
@media (max-width: 480px) {
	.max-b-l { margin-bottom: 0px; }
	.max-b-l > h1 { height: 47px; width: 100%; }
	.max-b-l > h1 > div { padding: 5px 10px; }
	.max-b-l > h1 > div > img { height: 35px; }
	.max-b-l > h1 > span { font-size: 14px; height: 45px; line-height: 43px; padding: 0; }
	.max-b-l > h2 { font-size: 14px; }
	.max-b-r { position: relative; right: 0px; top: 0; display: block; padding-top: 15px; }
	.max-b-r > li > span { font-size: 13px; }
}

/*
.foot { margin: 50px 0; }
.foot > h1 { display: block; padding: 10px 0 15px 180px; border-top: 2px solid #76787A; border-bottom: 2px solid #76787A; position: relative; width: 100%; }
.foot-al { position: absolute; top: 0; left: 0; width: 180px; height: 60px; line-height: 48px; }
.foot-al > span { font-size: 14px; font-weight: 600; color: #767676; }
.foot-al > img { margin: 6px 0 0 10px; height: 14px; }
.foot-ar > a { display: inline-block; line-height: 30px; margin-right: 20px; font-size: 14px; color: #767676; }
.foot > h2 { display: block; color: #797d80; font-size: 14px; line-height: 30px; margin-top: 25px; }
.foot-ar > a:hover { color: #f39800; }
@media (max-width: 770px) {
	.foot-al { position: relative; height: 40px; line-height: 40px; }
	.foot > h1 { padding: 5px 0 15px 0; border-width: 1px; }
}
@media (max-width: 480px) {
	.foot { margin: 25px 0; }
}
*/
/* == 页面 底部 END == */


/* == 首页 - 1. 三位一体核心培养 == */
.index01 { margin: 80px 0 50px; }
.swiper01.swiper-container { padding-bottom: 50px; overflow: visible; margin-top: 50px; }
.swiper01-a { display: block; box-shadow: 0 0 20px rgba(0,0,0,.5); position: relative; overflow: hidden; }
.swiper01-a-img { width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden; background: #999; }
.swiper01-a-img > img { width: 100%; }
.swiper01-a-opacity { width: 100%; height: 0; padding-bottom: 70%; position: absolute; top: 0; left: 0; background: #000; opacity: 0; }
.swiper01-a-text { position: absolute; bottom: -133px; left: 0; width: 100%; background: rgba(8,68,129,.95); padding: 15px 30px 20px; overflow: hidden; }
.swiper01-a-text > h1 { height: 30px; line-height: 28px; color: #fff; }
.swiper01-a-text > h1 > img { height: 26px; display: inline-block; margin: -2px 5px 0 0; }
.swiper01-a-text > h1 > span { display: inline-block; height: 100%; font-size: 22px; font-weight: 600; font-style: italic; letter-spacing: 2px; text-shadow: 2px 2px 5px rgba(0,0,0,.7); }
.swiper01-a-text > h2 { color: #fff; margin: 5px 0 10px; }
.swiper01-a-text > h2 > span { display: inline-block; }
.swiper01-a-text > h2 > span > img { height: 14px; margin: 1px 5px 0 0; }
.swiper01-a-text > h2 > span > i { font-size: 14px; font-style: normal; font-weight: 100; }
.swiper01-a-text > h3 { display: block; width: 100%; height: 2px; background: rgba(255,255,255,.7); }
.swiper01-a-text > h4 { line-height: 20px; height: 40px; font-size: 12px; color: #fff; overflow: hidden; margin: 10px 0; }
.swiper01-a-text > h5 { text-align: center;  }
.swiper01-a-text > h5 > span { display: inline-block; width: 150px; height: 25px; line-height: 23px; border: 1px solid #fff; border-radius: 2px; color: #fff; }
.swiper01-a:hover > .swiper01-a-text { bottom: 0; }
.swiper01-a:hover > .swiper01-a-text > h1 > img { height: 22px; margin: 2px 5px 0 0; }
.swiper01-a:hover > .swiper01-a-text > h1 > span { font-size: 18px; }
.index01 .swiper-button-prev, .index01 .swiper-button-next { background: url(); font-size: 40px; color: #a3a3a3; font-weight: 100; top: 65%; }
.index01 .swiper-button-prev { left: 10px; }
.index01 .swiper-button-next { right: 10px; }
.swiper01 .swiper-pagination-bullet { width: 12px; height: 12px; display: none; }
.swiper01 .swiper-pagination-bullet-active { background: #084481; }
.swiper01.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 20px;}
@media (max-width: 1200px) {
	.swiper01-a { box-shadow: 0 0 10px rgba(0,0,0,.5); }
}
@media (max-width: 1050px) {
	.index01 .swiper-button-prev, .index01 .swiper-button-next { display: none; }
	.index01 { margin: 60px 0 30px; }
}
@media (max-width: 770px) {
	.swiper01 .swiper-pagination-bullet { width: 12px; height: 12px; display:inline-block; }
	.index01 { margin: 20px 0 0px; }
	.swiper01.swiper-container { margin-top: 30px; }
}
/* == END == */


/* == 首页 - 2. 服务模式 == */
.index02{ margin: 70px 0 100px; }
.index02-ul { display: block; font-size: 0; margin-top: 90px; }
.index02-ul > li { display: inline-block; width: 16.666666%; text-align: center; position: relative; padding: 0 15px; }
.index02-ul > li::after { content: ">>"; font-size: 26px; color: #fff; width: 40px; height: 30px; line-height: 28px; position: absolute; top: 50px; right: -20px; text-align: center; }
.index02-ul > li:nth-last-child(1)::after { display: none; }
.index02-ul > li > h1 { height: 140px; width: 140px; margin: 0px auto; border-radius: 50%; overflow: hidden; display: block; position: relative; }
.index02-ul > li > h1 span{  height: 140px; line-height: 140px; width: 100%; font-size: 50px; font-weight: bold; position:absolute; z-index: 9; color: #fff; text-align: center; }
.index02-ul > li > h1 > img { height: 100%; width: 100%;  transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}
.index02-ul > li > h2 { font-size: 18px;  color: #fff; height: 60px; line-height: 58px; position: relative; overflow: hidden; }
.index02-ul > li > h2::after { content: ""; position: absolute; left: 50%; margin-left: -30px; width: 60px; height: 3px; background: #f6a917; bottom: 2px; }
.index02-ul > li > h3 { font-size: 15px; color: #ccc; height: 60px; line-height: 20px; margin-top: 10px; overflow: hidden; }
.index02-ul > li:hover h1 > img{-webkit-transform: scale(1.13); -moz-transform: scale(1.13); -ms-transform: scale(1.13); -o-transform: scale(1.13); transform: scale(1.13);}
.index02-ul > li:hover h1 span {color: #084481;}
@media (max-width: 1050px) {
	.index02{ margin: 50px 0 50px; }
	.index02-ul { margin-top: 40px; }
	.index02-ul > li { width: 33.333333%; margin-bottom: 30px; }
	.index02-ul > li:nth-child(3)::after { display: none; }
}
@media (max-width: 770px) {
	.index02{ margin: 20px 0 20px; }
	.index02-ul > li > h1 { width: 100px; height: 100px; }
	.index02-ul > li > h1 span{  height: 100px; line-height: 100px; width: 100%; font-size: 40px; font-weight: bold; position:absolute; z-index: 9; color: #fff; text-align: center; }
	.index02-ul > li > h2 { font-size: 16px; }
	.index02-ul > li > h2::after { height: 2px; }
	.index02-ul > li > h3 { font-size: 12px; line-height: 20px; height: 80px; margin-top: 5px; }
	.index02-ul > li::after { top: 25px; }
}
@media (max-width: 480px) {
	.index02{ margin: 20px -15px 20px; }
	.index02-ul > li { display: inline-block; width: 50%; text-align: center; position: relative; padding: 0 5px; }
	.index02-ul > li > h2 { font-size: 13px; }
	.index02-ul > li:nth-child(2)::after, .index02-ul > li:nth-child(4)::after { display: none; }
	.index02-ul > li:nth-child(3)::after { display: block; }
}
/* == END == */


/* == 首页 - 3. 师资力量 == */
.index03 { margin: 80px 0 180px; position: relative; }
/* 跟谁学 图片 */
.index03-img { position: absolute; top: -30px; left: 0; z-index: 0; }
/* 图片按钮 */
.index03-b { display: block; margin-left: -20px; width: 800px; float: right; font-size: 0; position: relative; z-index: 1; }
.index03-b > li { display: inline-block; width: 25%; padding-left: 20px; height: 180px; margin: 25px 0; position: relative; z-index: 1;  }
.index03-b > li > a { display: block; width: 100%; height: 100%; border-radius: 50%; border: 3px solid #e71f19; overflow: hidden; }
.index03-b > li > a > img { width: 100%; }
/* 教师详情 */
.index03-t { display: block; width: 785px; height: 470px; overflow: hidden; position: absolute; top: 0; right: 0; z-index: 0; }
.index03-t > li { display: none; width: 100%; height: 100%; z-index: 0; }
.index03-t > li > a { display: block; width: 100%; height: 100%; position: relative; padding: 0 0 0 330px; background: rgba(255,255,255,.9); }
.index03-t > li > a::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 15px solid #e71f19; z-index: 0; }
.index03-t > li > a::before { content: ""; position: absolute; top: 50px; left: 50px; width: 685px; height: 370px; border: 2px solid #e71f19; }
.index03-t-l { position: absolute; top: 0; left: 0; width: 320px; height: 100%; text-align: right; z-index: 1; }
.index03-t-l > img { position: absolute; right: 0; bottom: 0; }
.index03-t-r { position: relative; z-index: 2; overflow: hidden; text-align: left; }
.index03-t-r > h1 { font-size: 52px; line-height: 60px; height: 60px; overflow: hidden; color: #353535; font-weight: 600; margin: 75px 0 10px; }
.index03-t-r > h2 { font-size: 24px; line-height: 48px; color: #333; padding-right: 40px; }
.index03-t-r > h2 > i { display: inline-block; width: 12px; height: 12px; background: #ffff00; margin: 0 5px 5px 0; }
.index03-t02 { z-index: 2; }
.index03-t > li.index03-tli02 { display: block; }
.index03-t > li.index03-tli03 { display: block; }
@media (max-width: 1440px) {
	.index03-img { top: 10px; left: -50px; width: 450px; }
}
@media (max-width: 1050px) {
	.index03 { margin: 30px 0 60px; text-align: center; }
	.index03-img { position: relative; top: auto; left: auto; z-index: 0; margin-bottom: 20px; }
	.index03-b { display: inline-block; float: none; }
}
@media (max-width: 770px) {
	.index03 { margin: 20px 0 50px; }
	.index03-img { margin-bottom: 10px; }
	.index03-b { margin-left: -10px; width: 100%; }
	.index03-b > li { width: 12.5%; padding-left: 10px; height: 0; padding-bottom: 12.5%; margin: 0 0; }
	.index03-b > li > a { position: absolute; top: 0; left: 0; width: 90%; height: 90%; margin-left: 10%; border-width: 2px; }
	.index03-t { width: 100%; height: 250px; position: relative; }
	.index03-t > li:nth-child(1) { display: block; }
	.index03-t > li > a { padding: 0 0 0 150px; }
	.index03-t > li > a::after { border: 10px solid #e71f19; }
	.index03-t > li > a::before { display: none; }
	.index03-t-l { width: 150px; }
	.index03-t-l > img { position: absolute; right: 0; bottom: 0; height: 90%; }
	.index03-t-r { padding-left: 30px; }
	.index03-t-r > h1 { font-size: 26px; line-height: 30px; height: 30px; margin: 25px 0 20px; }
	.index03-t-r > h2 { font-size: 14px; line-height: 30px; padding-right: 10px;}
	.index03-t-r > h2 > i { display: inline-block; width: 8px; height: 8px; background: #ffff00; margin: 0 15px 2px 0; }
}
@media (max-width: 480px) {
	.index03-img { width: 75%; }
	.index03-b > li { width: 25%; padding-bottom: 25%; }
	.index03-t > li > a { padding: 0 0 0 120px; }
	.index03-t > li > a::after { border: 5px solid #e71f19; }
	.index03-t { width: 100%; height: 210px; }
	.index03-t-l { width: 120px; }
	.index03-t-r { padding-left: 10px; }
	.index03-t-r > h1 { font-size: 20px; line-height: 30px; height: 30px; margin: 25px 0 20px; }
	.index03-t-r > h2 { font-size: 12px; line-height: 20px; }
}
/* == 3. END == */


/* == 4. 我们只用成绩说话 == */
.index04 { margin: 50px 0; }

.index_xj{ margin: 50px 0; }
/* 导航栏 */
.index044-nav { display: block; text-align: center; margin: 25px 0; }
.index044-nav > li { display: inline-block; font-size: 20px; color: #000; position: relative; margin: 0 8px; cursor: pointer; }
.index044-nav > li::after { content: ""; width: 2px; height: 18px; background: #666; position: absolute; top: 2px; right: -10px; }
.index044-nav > li:nth-last-child(1)::after { display: none; }
.index044-nav > li.index044-nav-on { color: #f6a917; }

.index044-main { overflow: hidden; width: 100%; }
.index044-main.active{display: block;}
.index044-main.activeno{display:none;}
.index044-main .ulx { display: block;  height:auto; }


.swiper05.swiper-container { padding-bottom: 50px; overflow: visible; margin-top: 50px; }
.swiper01-xa { display: block; box-shadow: 0 0 20px rgba(0,0,0,.5); position: relative; overflow: hidden; }
.swiper01-xa img{width: 100%;}

.index044-main .swiper-button-prev, .index01 .swiper-button-next { background: url(); font-size: 40px; color: #a3a3a3; font-weight: 100; top: 65%; }
.index044-main .swiper-button-prev { left: 10px; }
.index044-main .swiper-button-next { right: 10px; }
.swiper05 .swiper-pagination-bullet { width: 12px; height: 12px; display: none; }
.swiper05 .swiper-pagination-bullet-active { background: #084481; }
.swiper05.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 20px;}


.swiper06.swiper-container { padding-bottom: 50px; overflow: visible; margin-top: 50px; }
.swiper06 .swiper-pagination-bullet { width: 12px; height: 12px; display: none; }
.swiper06 .swiper-pagination-bullet-active { background: #084481; }
.swiper06.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 20px;}



/* 导航栏 */
.index04-nav { display: block; text-align: center; margin: 25px 0; }
.index04-nav > li { display: inline-block; font-size: 20px; color: #000; position: relative; margin: 0 8px; cursor: pointer; }
.index04-nav > li::after { content: ""; width: 2px; height: 18px; background: #666; position: absolute; top: 2px; right: -10px; }
.index04-nav > li:nth-last-child(1)::after { display: none; }
.index04-nav > li.index04-nav-on { color: #f6a917; }
/* 滚动列表 */
.index04-main { display: block; overflow: hidden; width: 100%; }
.index04-main > ul { display: block; width: 400%; }
.index04-main > ul > li { display: block; width: 25%; float: left; }
/* 01 中高考成绩 */
/* 01 中高考成绩 - 表头 */
.index04-cnav01 { display: block; background: #f6a917; }
.index04-cnav01 > li { display: block; width: 12.5%; float: left; text-align: center; height: 55px; line-height: 53px; overflow: hidden; color: #000; font-size: 16px; font-weight: 600; cursor: pointer; }
/* 01 中高考成绩 - 滚动列表 */
.swiper0201, .swiper0202, .swiper0203 { height: 600px; }
.swiper0201-ul { display: block; border: 1px solid #e9e9e9; background: #fff; }
.swiper0201-ul > li { display: block; width: 12.5%; float: left; text-align: center; height: 55px; line-height: 53px; overflow: hidden; color: #666; font-size: 16px; cursor: pointer; }
.swiper0201-ul:hover { background: #eee; }
.swiper0201-ul > li > div { display: inline-block; margin-top: 12px; width: 30px; height: 30px; border-radius: 50%; background-color: #dadada; line-height: 30px; color: #fff; font-weight: 600; background-position: center top; background-repeat: no-repeat; }
.swiper0201 .swiper-slide{height: 60px;}
.swiper0201 .swiper-slide:nth-child(1) > ul > li > div,
.swiper0201 .swiper-slide:nth-child(2) > ul > li > div,
.swiper0201 .swiper-slide:nth-child(3) > ul > li > div { margin-top: 4px; width: 25px; height: 25px; line-height: 25px; background-color: rgba(0,0,0,0); }
.swiper0201 .swiper-slide:nth-child(1) > ul > li:nth-child(1) > div { background-image: url(img/num01.png); }
.swiper0201 .swiper-slide:nth-child(2) > ul > li:nth-child(1) > div { background-image: url(img/num02.png); }
.swiper0201 .swiper-slide:nth-child(3) > ul > li:nth-child(1) > div { background-image: url(img/num03.png); }

.swiper0202 .swiper-slide:nth-child(1) > ul > li > div,
.swiper0202 .swiper-slide:nth-child(2) > ul > li > div,
.swiper0202 .swiper-slide:nth-child(3) > ul > li > div { margin-top: 4px; width: 25px; height: 25px; line-height: 25px; background-color: rgba(0,0,0,0);  }
.swiper0202 .swiper-slide:nth-child(1) > ul > li:nth-child(1) > div { background-image: url(img/num01.png); }
.swiper0202 .swiper-slide:nth-child(2) > ul > li:nth-child(1) > div { background-image: url(img/num02.png); }
.swiper0202 .swiper-slide:nth-child(3) > ul > li:nth-child(1) > div { background-image: url(img/num03.png); }

.swiper0203 .swiper-slide:nth-child(1) > ul > li > div,
.swiper0203 .swiper-slide:nth-child(2) > ul > li > div,
.swiper0203 .swiper-slide:nth-child(3) > ul > li > div {margin-top: 4px; width: 25px; height: 25px; line-height: 25px; background-color: rgba(0,0,0,0); }
.swiper0203 .swiper-slide:nth-child(1) > ul > li:nth-child(1) > div { background-image: url(img/num01.png); }
.swiper0203 .swiper-slide:nth-child(2) > ul > li:nth-child(1) > div { background-image: url(img/num02.png); }
.swiper0203 .swiper-slide:nth-child(3) > ul > li:nth-child(1) > div { background-image: url(img/num03.png); }
@media (max-width: 770px) {
	.swiper0201, .swiper0202, .swiper0203 { height: 300px; }
	.index04 { margin: 20px 0; }
	/* 导航栏 */
	.index04-nav { margin: 15px 0; }
	.index04-nav > li { font-size: 16px; }
	.index04-nav > li::after { width: 1px; height: 14px; }
	.index04-cnav01 > li { font-size: 14px; }
	.swiper0201-ul > li { font-size: 14px; }
}
@media (max-width: 480px) {
	.index04-cnav01 > li { line-height: 27px; padding: 0 5px; }
	.swiper0201-ul > li { line-height: 27px; padding: 0 5px; }
	.swiper0201 .swiper-slide:nth-child(1) > ul > li:nth-child(1) { padding: 0; }
	.swiper0201 .swiper-slide:nth-child(2) > ul > li:nth-child(1) { padding: 0; }
	.swiper0201 .swiper-slide:nth-child(3) > ul > li:nth-child(1) { padding: 0; }
}
/* == 4. END == */


/* == 5. 品牌优势 == */
.index05-bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,.8); }
.index05 { margin: 100px 0 100px 100px; }
.index05 > h1 {  }
.index05 > h2 { font-size: 48px; line-height: 54px; color: #fff; margin: 20px 0; }
.index05 > h2 > span { color: #f39800; }
.index05 > h3 { font-size: 16px; color: #fff; line-height: 30px; margin-bottom: 20px; }
.index05 > h4 { display: inline-block; width: 280px; height: 40px; text-align: center; line-height: 38px; font-size: 28px; background: #fbfbfb; }
@media (max-width: 770px) {
	.index05 { margin: 50px 0 100px 50px; }
}
@media (max-width: 480px) {
	.index05 { margin: 30px 0 30px 0; text-align: center; }
	.index05 > h1 { width: 60%; display: inline-block; }
	.index05 > h2 { font-size: 30px; line-height: 40px; margin: 10px 0; }
	.index05 > h3 { font-size: 14px; line-height: 20px; margin-bottom: 20px; }
	.index05 > h4 { display: inline-block; width: 280px; height: 40px; text-align: center; line-height: 38px; font-size: 20px; background: #fbfbfb; }
}
/* == 5. END == */


/* == 6. 我们的校区 == */
.index06 { margin: 70px 0; }
.swiper03.swiper-container { padding-bottom: 60px; margin-top: 50px; }
.swiper03-a { display: block; overflow: hidden; }
.swiper03-a-img { position: relative; width: 100%; height: 0; padding-bottom: 75%; overflow: hidden; }
.swiper03-a-opacity { position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.5); top: 0; left: 0; text-align: center; z-index: 1; }
.swiper03-a-opacity > span { display: inline-block; font-size: 16px; color: #f6f6f6; margin-top: 35%; }
.swiper03-a-img > img { width: 100%; position: absolute; top: 0; left: 0; z-index: 0; }
.swiper03-a-text { text-align: center; padding: 8px 0; }
.swiper03-a-text > img { margin: 5px 0; }
.swiper03-a-text > h1 { font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; color: #4c4c4c; margin-bottom: 10px; }
.index06 .swiper-button-prev, .index06 .swiper-button-next { background: url(); font-size: 40px; font-weight: 600; color: #f7b12c; top: 50%; }
.index06 .swiper-button-prev { left: 0px; }
.index06 .swiper-button-next { right: 0px; }
.swiper03 .swiper-pagination-bullet { width: 16px; height: 16px; background: rgba(0,0,0,0); border: 2px solid #000; }
.swiper03 .swiper-pagination-bullet-active { background: rgba(0,0,0,0); border: 2px solid #f7b12c; }
.swiper03-a:hover { background: rgba(0,0,0,0.05); }
.swiper03-a:hover .swiper03-a-opacity { background: rgba(0,0,0,.6); }
.swiper03-a:hover .swiper03-a-text > img { margin:  0 0 10px; }
@media (max-width: 770px) {
	.index06 { margin: 20px 0; }
	.swiper03.swiper-container { margin-top: 30px; }
	.index06 .swiper-button-prev, .index06 .swiper-button-next { display: none; }
}
/* == 6. END == */


.c_0100_5{ width:100%; float:left; padding:30px 0 30px 0; background:#e6e6e6;}
.c_0100_5 .slide_pic_12{ width:100%; max-width: 1500px; padding: 0px 50px; margin: 0px auto;}
.c_0100_5 .slide_pic_12 .li{ padding:7px 20px 5px 20px; width:33.333%; float:left; margin-left:0px; border-left:dashed 1px #a9a9a9;}
.c_0100_5 .slide_pic_12 .li:nth-child(1){border-left:0px ;}
.c_0100_5 .slide_pic_12 .li .text{ width:auto; padding-left:130px; position:relative; min-height:68px;}
.c_0100_5 .slide_pic_12 .li .text .ico{ width:68px; height:68px; position:absolute; left:10%; top:0; border:solid 1px #dbdbdb;
-moz-border-radius:50%; 
 -webkit-border-radius:50%; 
 -khtml-border-radius:50%;
 border-radius:50%;
 -webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.c_0100_5 .slide_pic_12 .li .text .ico img{ width:100%; float:left;}
.c_0100_5 .slide_pic_12 .li .text h4{ width:100%; float:left; margin-top:7px; font-size:20px; color:#333; font-weight:bold; line-height:33px;}
.c_0100_5 .slide_pic_12 .li .text h4 span{ font-size:18px; color:#888;font-family: 'OPENSANS-LIGHT'; text-transform:uppercase; margin-left:12px; padding-left:12px; background:url(img/bian_5.jpg) no-repeat left center; font-weight:normal;}
.c_0100_5 .slide_pic_12 .li .text h5{ width:100%; float:left; font-size:14px; color:#666; line-height:26px;}
.c_0100_5 .slide_pic_12 .li:hover .text .ico{ transform:rotate(360deg);}


@media (max-width: 1280px) {
.c_0100_5{ width:100%; float:left; padding:30px 0 30px 0; background:#e6e6e6;}
.c_0100_5 .slide_pic_12{ width:100%; max-width: 1500px; padding: 0px 50px; margin: 0px auto;}
.c_0100_5 .slide_pic_12 .li{ padding:7px 20px 5px 20px; width:33.333%; float:left; margin-left:0px; border-left:dashed 1px #a9a9a9;}
.c_0100_5 .slide_pic_12 .li:nth-child(1){border-left:0px ;}
.c_0100_5 .slide_pic_12 .li .text{ width:auto; padding-left:0px; position:relative; min-height:68px; text-align: center;}
.c_0100_5 .slide_pic_12 .li .text .ico{ width:68px; height:68px; position:relative; left:40%; top:0; border:solid 1px #dbdbdb;
-moz-border-radius:50%; 
 -webkit-border-radius:50%; 
 -khtml-border-radius:50%;
 border-radius:50%;
 -webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.c_0100_5 .slide_pic_12 .li .text .ico img{ width:100%; float:left;}
.c_0100_5 .slide_pic_12 .li .text h4{ width:100%; float:left; margin-top:7px; font-size:16px; color:#333; font-weight:bold; line-height:33px;}
.c_0100_5 .slide_pic_12 .li .text h4 span{ font-size:13px; color:#888;font-family: 'OPENSANS-LIGHT'; text-transform:uppercase; margin-left:12px; padding-left:12px; background:url(img/bian_5.jpg) no-repeat left center; font-weight:normal;}
.c_0100_5 .slide_pic_12 .li .text h5{ width:100%; float:left; font-size:14px; color:#666; line-height:26px;}
.c_0100_5 .slide_pic_12 .li:hover .text .ico{ transform:rotate(360deg);}
	
}
@media (max-width: 768px) {
	.c_0100_5 .slide_pic_12 .li .text .ico{left:30%;}
	.c_0100_5 .slide_pic_12 .li .text h4 span{display: none;}	
}
@media (max-width: 480px) {
	.c_0100_5{ display: none;}
}



.pz_down{ float:left; width:100%; overflow:hidden; background:#191919;}
/*@media screen and (max-width:767px) {
.pz_down{ padding-bottom:50px;}
}*/

/*footer*/
.footer{ width:100%; float:left; padding:55px 0 59px 0; border-bottom:solid 1px #212121; display:none;}
.footer ul{ width:100%; max-width: 1500px; padding: 0px 50px; margin: 0px auto;}
.footer ul li{ width:25%; float:left;}
.footer ul li dl{ width:100%; float:left;}
.footer ul li dl dt{ width:100%; float:left; font-size:24px; color:white; line-height:32px;}
.footer ul li dl dt span{ font-size:16px; color:#c1c1c1; vertical-align:bottom; line-height:26px; text-transform:uppercase;}
.footer ul li dl dd{ width:100%; float:left; margin-top:17px;} 
.footer ul li dl dd .p{ width:100%; float:left; padding-left:58px; position:relative; line-height:38px; margin-top:5px; min-height:38px; padding-right:10%;}
.footer ul li dl dd .p .ico{ width:38px; background:#2b2b2b; position:absolute; left:0; top:0; height:38px;}
.footer ul li dl dd .p .ico img{ width:100%; float:left;}
.footer ul li dl dd .p h5{ display:inline-block; *zoom:1; *display:inline; vertical-align:middle; font-size:14px; color:#ababab; line-height:18px; margin-top:-2px;}
.footer ul li dl dd .p h5 a{ color:#ababab;}
.down{ width:100%; float:left; padding:30px 0 31px 0; background:#0f0f0f;}
.down .p{ width:100%; max-width: 1500px; padding: 0px 50px 0px 50px; margin: 0px auto; font-size:14px; color:#888; line-height:33px;}
.down .p2{ width:100%; max-width: 1500px; padding: 0px 500px 0px 50px; margin: 0px auto; font-size:14px; color:#888; line-height:33px; position: relative;}
.erweima{ position: absolute; right: 50px; top:0px;}
.down .p a{ color:#888; display:inline-block; *zoom:1; *display:inline;}
.down .p a:hover{ color:#fff;}
.down .p h5{ float:left; width:73px; font-size:14px; color:#888; line-height:33px;}
.down .p .box1{ margin-left:73px; font-size:14px; color:#888; line-height:33px;}
.down .p .box1 a{ display:inline-block; *zoom:1; *display:inline; float:left;}
.down .p .box1 span{ display:inline-block; *zoom:1; *display:inline; float:left; margin:0 8px;}
@media screen and (max-width:1199px) {
.footer{ padding:35px 0 39px 0;}
.footer ul li{ width:50%; margin-top:15px;}
.footer ul li dl dt{ font-size:18px; line-height:26px;}
.footer ul li dl dt span{ font-size:12px; line-height:20px;}
.footer ul li dl dd{ margin-top:12px;} 
.footer ul li dl dd .p{ padding-left:38px; line-height:30px; min-height:30px; padding-right:6%;}
.footer ul li dl dd .p .ico{ width:30px; height:30px;}
.footer ul li dl dd .p h5{ font-size:12px; line-height:16px;}
.down{ padding:15px 0 16px 0;}
.down .p{ font-size:12px; line-height:22px;}
.down .p h5{ width:63px; font-size:12px; line-height:22px;}
.down .p .box1{ margin-left:63px; font-size:12px; line-height:22px;}
.down .p .box1 span{ margin:0 6px;}
}
@media screen and (max-width:768px) {
.footer{ padding:15px 10px 19px 10px;}
.footer ul{ width:100%; max-width: 1500px; padding: 0px 10px; margin: 0px auto;}
.footer ul li{ width:100%; margin-top:10px;}
.footer ul li dl dt{ background:#0f0f0f url(img/person5_h.png) no-repeat 96% center; height:34px; line-height:34px; padding:0 10px; background-size:8px 14px;}
.footer ul li dl dt span{ line-height:30px;}
.footer ul li dl dt.on{ background-image:url(img/person5.png); background-size:14px 8px;}
.footer ul li dl dd{ display:none;}

.down{ padding:15px 10px 16px 10px; text-align:center;}
.down .p h5{ width:100%; height:34px; line-height:34px; padding:0 10px; background:url(img/person5_h.png) no-repeat 96% center #191919; background-size:8px 14px; margin-top:10px;}
.down .p .box1{ width:100%; margin-left:0; float:left; display:none; padding:10px;}
.down .p h5.on{ background-image:url(img/person5.png); background-size:14px 8px;}
.down .p2{ width:100%; max-width: 1500px; padding: 0px 10px 0px 10px; margin: 0px auto; font-size:14px; color:#888; line-height:23px; position: relative;}
	.yqlj{display: none;}
}






.weizhi{ width: 100%; background: #ededed;  padding: 20px 0px;}
.weizhi_box{ width: 100%; max-width: 1500px; padding: 0px 50px; margin: 0px auto; color: #666;}
.weizhi_box a{color: #666;}
.weizhi_box a:hover{ color: #084482;}
.weizhi_box a.homeico{padding-left: 20px; display: inline-block;background-image:url("img/crumbhome.png");background-repeat:no-repeat; background-position:0; background-size:12px; }




/* == 内页 banner == */
.ban { position: relative; overflow: hidden; width: 100%; }
.ban > img { min-height: 100px; }
.ban-title /*文字*/ { text-align: center; color: #fff; position: absolute; top: 50%; margin-top: -50px; width: 100%; }
.ban-title > h1 { font-size: 46px; line-height: 50px; height: 50px; overflow: hidden; font-weight: 600; margin-bottom: 20px; }
.ban-title > h2 { font-size: 26px; line-height: 30px; height: 30px; overflow: hidden; font-weight: 600; text-transform: uppercase; }

.ban-xiaoqu /*文字*/ { text-align:left; color: #fff; position: absolute; top: 20%; left: 50%; margin-top: 0px; width: 600px; padding: 30px; font-size: 15px; line-height: 26px; background:rgba(8,68,130,0.7);}
@media (max-width: 1300px ) {
	.ban-title { margin-top: -40px; }
	.ban-title > h1 { font-size: 36px; line-height: 40px; height: 40px; margin-bottom: 10px; }
	.ban-title > h2 { font-size: 20px; }
}
@media (max-width: 1050px ) {
	.ban { margin-top: 70px; }
	.ban-title { margin-top: -35px; }
	.ban-title > h1 { font-size: 30px; }
	.ban-title > h2 { font-size: 16px; line-height: 20px; height: 20px; }
}
@media (max-width: 770px ) {
	.ban { margin-top: 70px; }
	.ban-title { margin-top: -25px; }
	.ban-title > h1 { font-size: 20px; line-height: 30px; height: 30px; margin-bottom: 0; }
	.ban-title > h2 { font-size: 14px; }
}
@media (max-width: 480px ) {
	.ban-xiaoqu {display: none;}
}
/* == 内页 banner END == */

/* == 标题栏 ( 内页 ) == */
.one-bt { text-align: center; margin-bottom: 50px; position: relative; }

.one-bt.one-bt-02 .color-y { color: #F8B627; } /* vip定制课 */
.one-bt.one-bt-02 .color-b { color: #000; font-weight: 500; }
.one-bt.one-bt-02 > h1 { margin-bottom: 10px; width: 100%; }
.one-bt.one-bt-02 > h1::after { display: none; }

.one-bt.one-bt-03 .color-y { font-size: 42px; margin-left: 10px; color: #222; }
.one-bt.one-bt-03 .color-b { color: #000; font-weight: 500; }
.one-bt.one-bt-03 > h1 { margin-bottom: 10px; width: 100%; }
.one-bt.one-bt-03 > h1::after { display: none; }

.one-bt.one-bt-04 > h3 { text-align: center; } /* 课程页面 */
.one-bt.one-bt-04 > h3 > div { position: relative; display: inline-block; margin-bottom: 5px; }
.one-bt.one-bt-04 > h3 > img {  }
.one-bt.one-bt-04 > h3 > div::before { content: ""; width: 200px; height: 2px; background: #EEEEEE; position: absolute; right: 40px; top: 15px; }
.one-bt.one-bt-04 > h3 > div::after { content: ""; width: 200px; height: 2px; background: #EEEEEE; position: absolute; left: 40px; top: 15px; }
.one-bt.one-bt-04 > h1 { margin-bottom: 5px; }
.one-bt.one-bt-04 > h1::after { display: none; }
.one-bt.one-bt-04 .color-s { font-size: 16px; }

.one-bt > h2.size-s { font-size: 18px; }

.one-bt > h1 { font-size: 36px; width: 320px; margin: 0px auto; font-weight: 600; color: #333; line-height: 50px; padding-bottom: 20px; position: relative; margin-bottom: 20px; border-bottom: 1px solid #e4e4e4;}
.one-bt > h1::after { content: ""; width: 60px; height: 3px; border-radius: 0%; overflow: hidden; background: #084482; position: absolute; bottom: 0px; left: 50%; margin-left: -30px; opacity: .8;  }
.one-bt > h2 { font-size: 22px; font-weight: 100; line-height: 30px; color: #999;}
.one-bt > h6{position: absolute; z-index: -1; width: 100%; left: 0px; top: 20px;text-align: center;text-transform:Uppercase;color: #999; font-size: 80px; opacity: 0.1;}


/* 白色文字 */
.one-btw.one-bt > h1 { color: #fff; width: 80%; }
.one-btw.one-bt > h1::after { background: #fff; }
.one-btw.one-bt > h2 { color: #fff; }

@media (max-width: 1300px ) {
	.one-bt.one-bt-03 .color-y { font-size: 32px; }
	.one-bt { margin-bottom: 40px; }
	.one-bt > h1 { font-size: 30px; line-height: 40px; margin-bottom: 20px; }
	.one-bt > h1::after { height: 2px; bottom: 0px; }
	.one-bt > h2.size-s { font-size: 16px; }
	.one-bt > h2 { font-size: 16px; line-height: 20px; }
}
@media (max-width: 770px ) {
	.one-bt { margin-bottom: 20px; }
	.one-bt.one-bt-03 .color-y { font-size: 22px; }
	.one-bt > h1 { font-size: 20px; line-height: 30px; margin-bottom: 15px; }
	.one-bt > h2 { font-size: 14px; line-height: 20px; }
	.one-bt > h2.size-s { font-size: 14px; }
	.one-bt.one-bt-04 > h3 > div::before { width: 100px; }
	.one-bt.one-bt-04 > h3 > div::after { width: 100px; }
	.one-bt.one-bt-04 .color-s { font-size: 14px; }
	.one-bt > h6{position: absolute; z-index: -1; width: 100%; left: 0px; top: 20px;text-align: center;text-transform:Uppercase;color: #999; font-size: 30px; opacity: 0.1;}

}
/* == END == */


/* ==== .div-213 ==== */
.max-213 {  }
.width-213 { margin-top: 50px; margin-bottom: 80px; } /* 上下外边距 */
.div-213 { display: block; margin-left: -10px; }
.div-213 > li { display: block; width: 20%; float: left; padding-left: 10px; }
a.div-213-a { display: block; height: 360px; background: #48D2C2; overflow: hidden;
	transition: all 0s; /* 清除 a:hover 过渡动画 */
	-ms-transition: all 0s;
	-moz-transition: all 0s;
	-webkit-transition: all 0s;
	-o-transition: all 0s; }
a.div-213-bg02 { background: #5AA0DB; } /* 背景颜色 */
a.div-213-bg03 { background: #F5CC50; }
a.div-213-bg04 { background: #93D248; }
.div-213-l { width: 100%; float: left; height: 100%; position: relative; overflow: hidden; }
.div-213-l > div { background: rgba(0,0,0,.4); width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.div-213-l > div > h1 { text-align: center; font-size: 26px; height: 30px; line-height: 28px; color: #fff; font-weight: 100; position: absolute; top: 50%; margin-top: -35px; width: 100%; }
.div-213-l > img { width: 100%; min-width: 270px; }
.div-213-l > div > h1 > span { position: relative; display: inline-block; }
.div-213-l > div > h1 > span::after { content: ""; width: 100%; height: 1px; background: rgba(255,255,255,.8); position: absolute; bottom: -20px; left: 0; }
/* .div-213-l > div > h1 > span::after { content: ""; width: 50px; height: 4px; border-radius: 4px; background: #fff; position: absolute; bottom: -20px; left: 50%; margin-left: -35px; }
.div-213-l > div > h1 > span::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #fff; position: absolute; bottom: -21px; left: 50%;
margin-left: 25px; } */
.div-213-r { width: 0%; float: left; height: 100%; padding: 20px; padding-right: 10px; color: #fff; position: relative; }
.div-213-r > h1 { text-align: center; font-size: 24px; font-weight: 100; line-height: 30px; height: 30px; margin: 30px 0 30px; position: relative; }
.div-213-r > h1::after { content: ""; width: 40px; height: 3px; border-radius: 30%; background: rgba(255,255,255,.8); position: absolute; bottom: -15px; left: 50%; margin-left: -20px; }
.div-213-r > h2 { font-size: 16px; font-weight: 100; line-height: 24px; height: 192px; overflow: hidden; position: relative; z-index: 2; }
.div-213-r > i { position: absolute; bottom: 10px; right: -10px; font-size: 120px; z-index: 1; color: rgba(255,255,255,.2); }
/* :hover 样式 */
.div-213 > li.div-213-on { width: 40%; }
.div-213-on > .div-213-a { padding-right: 10px; }
.div-213-on .div-213-l { width: 50%; }
.div-213-on .div-213-r { width: 50%; }
.div-213-on .div-213-l > div { opacity: 0; }
/* 了解详情 */
.div-213-c { text-align: center; margin-top: 40px; }
.div-213-c > a { display: inline-block; width: 200px; height: 50px; border-radius: 50px; line-height: 44px; border: 2px solid #084482; color: #084482; font-size: 20px; position: relative; overflow: hidden; }
.div-213-c > a > i { font-style: normal; color: #084482; position: relative; z-index: 2; }
.div-213-c > a:hover > i { color: #fff; }
.div-213-c > a::after { content: ""; position: absolute; top: 0; left: 50%; width: 0; height: 100%; background: #084482; z-index: 1; }
.div-213-c > a:hover::after { width: 100%; left: 0; }
@media (max-width: 1300px ) {
	.width-213 { margin-top: 30px; margin-bottom: 60px; }
	a.div-213-a { height: 300px; }
	.div-213-l > img { min-width: 230px; }
	.div-213-l > div > h1 { font-size: 20px; height: 30px; margin-top: -15px; }
	.div-213-l > div > h1 > span::after { bottom: -10px; }
	.div-213-r { padding: 10px; padding-right: 0; }
	.div-213-r > h1 { font-size: 20px; margin: 10px 0 20px; }
	.div-213-r > h1::after { height: 2px; bottom: -10px; }
	.div-213-r > h2 { font-size: 14px; }
	.div-213-r > i { font-size: 80px; }
	.div-213-c > a { width: 160px; height: 36px; border-radius: 36px; line-height: 32px; font-size: 16px; border-width: 1px; }
}
@media (max-width: 770px ) {
	.div-213 { margin-left: -5px; }
	.div-213 > li { width: 25%; padding-left: 5px; }
	.div-213-l { width: 0; }
	.div-213-r { width: 100%; padding: 10px; }
	.div-213 > li.div-213-on { width: 25%; }
	.div-213-on > .div-213-a { padding-right: 0; }
	.div-213-on .div-213-l { width: 0; }
	.div-213-on .div-213-r { width: 100%; }
	.div-213-c { margin-top: 30px; }
}
@media (max-width: 480px ) {
	.width-213 { margin-top: 20px; margin-bottom: 30px; }
	a.div-213-a { height: 270px; }
	.div-213 > li { width: 50%; padding-bottom: 5px; }
	.div-213 > li.div-213-on { width: 50%; }
	.div-213-c { margin-top: 20px; }
	.div-213-c > a { width: 140px; height: 30px; border-radius: 30px; line-height: 28px; font-size: 14px; }
	.div-213-r > h1 { font-size: 18px; margin: 0 0 20px; }
}
/* ==== END ==== */


/* ==== .div-216 ==== */
.max-216 { text-align: center; padding: 60px 0 40px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.div-216-img { display: inline-block; }
.div-216-x /* 分割线 */ { display: inline-block; width: 13px; height: 13px; border-radius: 50%; position: relative; background: #F8B627; margin: 40px 0 57px; }
.div-216-x::before { content: ""; width: 180px; height: 1px; background: #D5D5D5; position: absolute; top: 7px; right: 20px; }
.div-216-x::after { content: ""; width: 180px; height: 1px; background: #D5D5D5; position: absolute; top: 7px; left: 20px; }
.div-216-ul { display: inline-block; margin: 0 auto; width: 100%; max-width: 1200px; }
.div-216-ul > ul { display: block; margin-left: -38px; }
.div-216-ul > ul > li { display: block; padding-left: 38px; float: left; width: 25%; }
.div-216-uld { background: #F5F8FA; position: relative; text-align: center; padding: 30px 15px 25px; }
.div-216-uld > h1 { position: absolute; width: 100%; text-align: center; left: 0; top: -17px; }
.div-216-uld > h2 { font-size: 30px; line-height: 30px; height: 30px; overflow: hidden; font-weight: 600; color: #333; }
.div-216-uld > h3 { font-size: 18px; color: #787878; line-height: 24px; height: 48px; overflow: hidden; margin-top: 20px; }
/* 在线预约好老师 */
.div-216-c { text-align: center; margin-top: 40px; padding-bottom: 20px; }
.div-216-c > a { display: inline-block; width: 335px; height: 58px; border-radius: 58px; line-height: 60px; color: #fff; font-size: 20px; position: relative; overflow: hidden; background: #F8B627; }
.div-216-c > a:hover { box-shadow: 0 0 15px rgba(0,0,0,.3); }
/*
.div-216-c > a > i { font-style: normal; color: #084482; position: relative; z-index: 2; }
.div-216-c > a:hover > i { color: #fff; }
.div-216-c > a::after { content: ""; position: absolute; top: 0; left: 50%; width: 0; height: 100%; background: #084482; z-index: 1; }
.div-216-c > a:hover::after { width: 100%; left: 0; }
*/
@media (max-width: 1050px ) {
	.max-216 { padding: 30px 0 10px; }
	.div-216-img { max-width: 550px; }
	.div-216-ul > ul { margin-left: -15px; }
	.div-216-ul > ul > li { padding-left: 15px; }
	.div-216-uld > h2 { font-size: 24px; }
	.div-216-uld > h3 { font-size: 14px; margin-top: 5px; }
	.div-216-c { margin-top: 30px; }
	.div-216-c > a { width: 280px; height: 45px; border-radius: 45px; line-height: 45px; font-size: 16px; }
}
@media (max-width: 770px ) {
	.div-216-img { max-width: 400px; }
	.div-216-x { margin-bottom: 20px; }
	.div-216-ul > ul > li { width: 50%; margin-top: 30px; }
}
@media (max-width: 480px) {
	.div-216-img { max-width: 300px; }
	.div-216-x { margin: 20px 0; }
	.div-216-x::before { width: 100px; }
	.div-216-x::after { width: 100px; }
	.div-216-ul > ul { margin-left: -5px; }
	.div-216-ul > ul > li { padding-left: 5px; margin-top: 23px; }
	.div-216-uld > h2 { font-size: 20px; }
	.div-216-uld { padding: 20px 5px 10px; }
	.div-216-c { margin-top: 20px; }
	.div-216-c > a { width: 200px; height: 35px; border-radius: 35px; line-height: 35px; font-size: 14px; }
}
/* ==== END ==== */

/* ==== .div-211 ==== */
.max-211 { background: #084482; }
.width-211 { padding-top: 50px; padding-bottom: 80px; }
.div-211 { display: block; }
.div-211 > li { display: block; margin-top: 80px; }
.div-211 > li:nth-child(1) { margin-top: 30px; }
.div-211-l { width: 50%; float: left; padding-right: 5%; padding-top: 50px; position: relative; }
.div-211-l > i { position: absolute; top: 10px; right: 0; color: rgba(255,255,255,.05); font-size: 300px; font-weight: 600; font-style: normal; }
.div-211-r { width: 50%; float: right; padding-left: 10%; }
.div-211-r > div { width: 100%; height: 0; padding-bottom: 66%; background: rgba(0,0,0,.1); overflow: hidden; position: relative; border-radius: 5px; box-shadow: 10px 10px 30px rgba(255,255,255,.05); }
.div-211-r > div > img { width: 100%; }
.div-211-y { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); }
.div-211-r > div:hover .div-211-y { top: 0; }
.div-211-y > span { display: inline-block; font-size: 19px; width: 200px; height: 40px; line-height: 36px; border: 1px solid #fff; border-radius: 10px; color: #fff; text-align: center; position: absolute; top: 50%; margin-top: -20px; left: 50%; margin-left: -100px; }
.div-211 > li:nth-child(even) > .div-211-l { float: right; padding-right: 0; padding-left: 5%; }
.div-211 > li:nth-child(even) > .div-211-r { float: left; padding-left: 0; padding-right: 10%; }
.div-211-l > h1 { display: block; color: #fff; font-size: 26px; font-weight: 500; text-shadow: 5px 5px 5px rgba(0,0,0,.2); border-bottom: 1px dashed rgba(255,255,255,.8); padding-bottom: 25px; margin-bottom: 30px; }
.div-211-l > h1 > span { font-size: 50px; font-weight: 600; padding-right: 20px; }
.div-211-l > h2 { color: #eee; font-size: 17px; line-height: 34px; font-weight: 500; }

.div-211-c { text-align: center; height: 60px; padding: 5px 0; margin-top: 60px; }
.div-211-c > a { display: inline-block; width: 260px; height: 44px; border-radius: 44px; line-height: 40px; border: 2px solid #fff; color: #fff; font-size: 18px; position: relative; overflow: hidden; margin: 0 50px; }
.div-211-c > a > i { font-style: normal; color: #fff; position: relative; z-index: 2; }
.div-211-c > a:hover > i { color: #084482; }
.div-211-c > a::after { content: ""; position: absolute; top: 0; left: 50%; width: 0; height: 100%; background: #fff; z-index: 1; }
.div-211-c > a:hover::after { width: 100%; left: 0; }
.div-211-c > a.div-211-on { background: #fff; overflow: hidden; }
.div-211-c > a.div-211-on::after { content: ""; position: absolute; top: 0; left: 50%; width: 0; height: 100%; background: #084482; z-index: 1; }
.div-211-c > a.div-211-on:hover { box-shadow: 0 0 20px rgba(0,0,0,.8); opacity: .9; }
.div-211-c > a.div-211-on > i { color: #084482; }
@media (max-width: 1300px ) {
	.div-211 > li { margin-top: 50px; }
	.div-211 > li:nth-child(1) { margin-top: 20px; }
	.div-211-l { padding-right: 3%; padding-top: 30px; }
	.div-211-r { padding-left: 3%; }
	.div-211 > li:nth-child(even) > .div-211-l { padding-left: 3%; }
	.div-211 > li:nth-child(even) > .div-211-r { padding-right: 3%; }
	.div-211-l > h1 { font-size: 22px; padding-bottom: 15px; padding-right: 20px; margin-bottom: 10px; }
	.div-211-l > h1 > span { font-size: 36px; padding-right: 10px; }
	.div-211-l > h2 { font-size: 15px; line-height: 30px; }
	.div-211-l > i { font-size: 200px; }
	.div-211-y > span { font-size: 17px; width: 160px; height: 36px; line-height: 32px; border-radius: 5px; margin-top: -18px; margin-left: -80px; }
	.div-211-c { margin-top: 40px; }
	.div-211-c > a { width: 200px; height: 36px; border-radius: 36px; line-height: 32px; border-width: 1px; font-size: 16px; margin: 0 20px; }
}
@media (max-width: 770px ) {
	.div-211 > li { margin-top: 30px; }
	.div-211-l { padding-top: 0; }
	.div-211-l > h1 { font-size: 20px; }
	.div-211-l > h1 > span { font-size: 30px; }
	.div-211-l > h2 { font-size: 14px; line-height: 24px; }
	.div-211-l > i { top: 0; font-size: 150px; }
	.div-211-y > span { font-size: 15px; width: 120px; height: 30px; line-height: 28px; margin-top: -15px; margin-left: -60px; }
}
@media (max-width: 480px ) {
	.width-211 { padding-top: 30px; padding-bottom: 20px; }
	.div-211 > li { margin-top: 40px; }
	.div-211 > li:nth-child(1) { margin-top: 10px; }
	.div-211-l { width: 100%; padding: 0; padding-top: 10px; }
	.div-211-r { width: 100%; padding: 0; }
	.div-211 > li:nth-child(even) > .div-211-l { padding-left: 0; }
	.div-211 > li:nth-child(even) > .div-211-r { padding-right: 0; }
	.div-211-c { margin-top: 20px; }
	.div-211-c > a { font-size: 14px; line-height: 28px; height: 30px; width: 140px; margin: 0 10px; }
}
/* ==== END ==== */


/* ==== .div-212 ==== */
.max-212 {  }
.width-212 { padding-top: 80px; padding-bottom: 50px; }
.div-212 { display: block; margin-left: -40px; text-align: center; font-size: 0; }
.div-212 > li { display: inline-block; width: 33.333333%; padding-left: 40px; padding-bottom: 40px; }
.div-212-a { display: block; text-align: center; box-shadow: 0 0 20px rgba(0,0,0,.2); border-radius: 5px; overflow: hidden; }
.div-212-a:hover { box-shadow: 0 0 40px rgba(0,0,0,.4); }
.div-212-t { background: #fb6952; color: #fff; position: relative; overflow: hidden; }
.div-212-t > h1 { font-size: 38px; font-weight: 600; line-height: 80px; height: 75px; overflow: hidden; background: rgba(0,0,0,.03); }
.div-212-t > h2 { padding: 20px 10px 100px; position: relative; z-index: 2; height: 150px; }
.div-212-t > h2 > span { font-size: 24px; font-weight: 100; line-height: 28px; height: 30px; overflow: hidden; }
.div-212-t > i { font-size: 140px; height: 140px; overflow: hidden; position: absolute; bottom: 0; right: 10px; z-index: 1; color: rgba(255,255,255,.15); }
.div-212-b { padding: 20px 40px 40px; }
.div-212-b > h1 { font-size: 24px; color: #333; text-align: left; line-height: 30px; height: 30px; overflow: hidden; margin-bottom: 10px; }
.div-212-b > h2 { font-size: 16px; color: #999; line-height: 30px; height: 60px; overflow: hidden; text-align: left; }
.div-212-b > h3 > span { display: inline-block; font-size: 18px; width: 140px; height: 36px; line-height: 32px; border: 1px solid #084482; border-radius: 36px; margin-top: 30px; position: relative; overflow: hidden; }
.div-212-b > h3 > span > i { font-style: normal; color: #084482; position: relative; z-index: 2; }
.div-212-a:hover > .div-212-b > h3 > span > i { color: #fff; }
.div-212-b > h3 > span::after { content: ""; position: absolute; top: 0; left: 50%; width: 0; height: 100%; background: #084482; z-index: 1; }
.div-212-a:hover > .div-212-b > h3 > span::after { width: 100%; left: 0; }
.div-212-bg02 { background: #0086fb; }
.div-212-bg03 { background: #0dae69; }
.div-212-bg04 { background: #6d56df; }
.div-212-bg05 { background: #ff9801; }
@media (max-width: 1300px ) {
	.width-212 { padding-top: 50px; padding-bottom: 30px; }
	.div-212-t > h1 { font-size: 30px; line-height: 60px; height: 60px; }
	.div-212-t > h2 { padding: 10px 10px 80px; height: 120px; }
	.div-212-t > h2 > span { font-size: 20px; }
	.div-212-t > i { font-size: 100px; height: 100px; }
	.div-212-b > h1 { font-size: 20px; margin-bottom: 5px; }
	.div-212-b > h2 { font-size: 14px; line-height: 24px; height: 48px; }
}
@media (max-width: 770px ) {
	.width-212 { padding-top: 30px; }
	.div-212 { margin-left: -10px; }
	.div-212 > li { padding-left: 10px; padding-bottom: 10px; }
	.div-212-t > h1 { font-size: 20px; line-height: 50px; height: 50px; }
	.div-212-t > h2 { padding: 5px 5px 60px; height: 95px; }
	.div-212-t > h2 > span { font-size: 16px; }
	.div-212-t > i { font-size: 80px; height: 80px; }
	.div-212-b { padding: 10px 15px 20px; }
	.div-212-b > h1 { font-size: 16px; margin-bottom: 0; }
	.div-212-b > h3 > span { font-size: 14px; width: 120px; height: 30px; line-height: 28px; border-radius: 30px; margin-top: 10px; }
}
@media (max-width: 480px ) {
	.div-212 > li { width: 100%; }
}
/* ==== END ==== */

/* ==== .div-214 ==== */
.max-214 {  }
.width-214 { padding-top: 50px; margin-bottom: 70px; }
.max-214-bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,.6); }
.div-214 { display: block; padding-top: 50px; font-size: 0; text-align: center; }
.div-214 > li { width: 33.333333%; display: inline-block; text-align: center; position: relative; }
.div-214 > li::after { content: ">>>"; width: 150px; height: 50px; line-height: 48px; font-size: 50px; text-align: center; font-weight: 100; color: rgba(255,255,255,.9); position: absolute; top: 50px; right: -75px; }
.div-214 > li:nth-last-child(1)::after { display: none; }
.div-214 > li > div { display: inline-block; text-align: left; color: #fff; width: 240px; height: 170px; position: relative; overflow: hidden; background: rgba(0,0,0,.2); padding: 15px; border-radius: 10px; }
.div-214 > li > div > h1 { font-size: 46px; font-style: italic; font-weight: 600; color: #0297FE; line-height: 50px; height: 50px; margin-bottom: 20px; }
.div-214 > li > div > h2 { font-size: 26px; font-weight: 100; line-height: 33px; height: 100px; overflow: hidden; }
.width-214 .one-bt span { color: #0297FE; }
@media (max-width: 1300px ) {
	.div-214 { padding-top: 30px; }
	.div-214 > li > div { padding: 5px 10px; height: 160px; width: 220px; }
	.div-214 > li::after { height: 40px; line-height: 38px; font-size: 36px; top: 60px; }
	.div-214 > li > div > h1 { font-size: 40px; margin-bottom: 10px; }
	.div-214 > li > div > h2 { font-size: 20px; line-height: 30px; height: 90px; }
}
@media (max-width: 770px ) {
	.width-214 { padding-top: 30px; margin-bottom: 50px; }
	.div-214 { margin-left: -10px; }
	.div-214 > li { padding-left: 10px; }
	.div-214 > li::after { display: none; }
	.div-214 > li > div { width: 100%; height: 130px; background: rgba(0,0,0,.4); }
	.div-214 > li > div > h1 { font-size: 30px; line-height: 40px; height: 40px; }
	.div-214 > li > div > h2 { font-size: 16px; line-height: 24px; height: 72px; }
}
@media (max-width: 480px ) {
	.width-214 { margin-bottom: 30px; }
	.div-214 { padding-top: 20px; }
	.div-214 > li { width: 50%; padding-bottom: 10px; }
}
/* ==== END ==== */


/* ==== .div-215 ==== */
.max-215 {  }
.width-215 { margin-top: 80px; margin-bottom: 80px; }
.div-215 { display: block; margin-left: -20px; }
.div-215 > li { display: block; width: 33.333333%; float: left; padding-left: 20px; padding-bottom: 20px; }
.div-215-a { display: block; overflow: hidden; box-shadow: 0 0 20px rgba(0,0,0,.2); border-radius: 5px; }
.div-215-a:hover { box-shadow: 0 0 40px rgba(0,0,0,.4); margin-top: -20px; }
.div-215-t { background: #FC7F13; color: #fff; padding: 30px 30px 60px; position: relative; }
.div-215-t > h1 { font-size: 32px; line-height: 40px; height: 40px; font-weight: 500; margin-bottom: 15px; }
.div-215-t > h2 { font-size: 18px; line-height: 25px; height: 50px; font-weight: 500; }
.div-215-t > i { font-size: 140px; height: 140px; overflow: hidden; position: absolute; bottom: 0; right: 10px; z-index: 1; color: rgba(255,255,255,.15); }
.div-215-b { padding: 30px 30px 40px; }
.div-215-b > h1 { font-size: 16px; color: #666; line-height: 24px; height: 96px; overflow: hidden; }
.div-215-b > h2 { text-align: center; }
.div-215-b > h2 > span { display: inline-block; font-size: 18px; width: 140px; height: 36px; line-height: 32px; border: 1px solid #084482; border-radius: 36px; margin-top: 30px; position: relative; overflow: hidden; }
.div-215-b > h2 > span > i { font-style: normal; color: #084482; position: relative; z-index: 2; }
.div-215-a:hover > .div-215-b > h2 > span > i { color: #fff; }
.div-215-b > h2 > span::after { content: ""; position: absolute; top: 0; left: 50%; width: 0; height: 100%; background: #084482; z-index: 1; }
.div-215-a:hover > .div-215-b > h2 > span::after { width: 100%; left: 0; }
.div-215-bg02 { background: #0297FE; }
.div-215-bg03 { background: #FA575A; }
@media (max-width: 1300px ) {
	.width-215 { margin-top: 50px; margin-bottom: 50px; }
}
@media (max-width: 770px ) {
	.width-215 { margin-top: 30px; margin-bottom: 30px; }
	.div-215 { padding-top: 10px; margin-left: -10px; }
	.div-215-a:hover { margin-top: -10px; }
	.div-215 > li { padding-left: 10px; padding-bottom: 10px; }
	.div-215-t { padding: 20px 20px 40px; }
	.div-215-t > h1 { font-size: 24px; line-height: 30px; height: 30px; margin-bottom: 5px; }
	.div-215-t > h2 { font-size: 16px; line-height: 24px; height: 48px; }
	.div-215-t > i { font-size: 80px; height: 80px; }
	.div-215-b { padding: 10px 20px 20px; }
	.div-215-b > h1 { font-size: 14px; }
	.div-215-b > h2 > span { font-size: 14px; width: 120px; height: 30px; line-height: 28px; border-radius: 30px; margin-top: 10px; }
}
@media (max-width: 480px ) {
	.div-215 > li { width: 100%; }
	.div-215-t { padding: 20px 20px 10px; }
	.div-215-t > i { bottom: 20px; }
	.div-215-a:hover { margin-top: 0; }
}
/* ==== END ==== */


/* ==== .div-221 ==== */
.max-220 { display: block; }
.max-220 > li { display: block; }
.max-220 > li:nth-child(even) { background: #F7F7F7; }
.max-220 > li:nth-child(even) .div-221-l { float: left; padding-left: 0; padding-right: 5%; }
.max-220 > li:nth-child(even) .div-221-r { float: right; padding-left: 5%; padding-right: 0; }
.width-221 { padding-top: 70px; padding-bottom: 70px; }
.div-221 { padding-top: 20px; }
.div-221-l { width: 50%; float: right; padding-left: 5%; }
.div-221-l > div { width: 100%; height: 0; padding-bottom: 66%; background: rgba(0,0,0,.1); overflow: hidden; position: relative; border-radius: 5px; box-shadow: 10px 10px 30px rgba(0,0,0,.2);  }
.div-221-l > div > img { width: 100%; }
.div-221-r { width: 50%; float: left; padding-right: 5%; }
.div-221-r > h1 { color: #084482; width: 100%; height: 50px; line-height: 48px; font-size: 26px; font-weight: 100; text-shadow: 2px 2px 10px rgba(0,0,0,.4); }
.div-221-r > h1 > span { position: relative; }
.div-221-r > h1 > span > i { font-size: 36px; display: inline-block; margin-right: 10px; border: 2px solid #084482; border-radius: 50%; width: 50px; height: 50px; line-height: 48px; text-align: center; position: relative ; z-index: 2; }
.div-221-r > h1 > span::after { content: ""; position: absolute; background: rgba(0,0,0,.15); width: 300px; height: 20px; border-radius: 20px; top: 20px; left: 0; z-index: 1; }
/*.div-221-r > h2 { font-size: 18px; color: #666; line-height: 30px; margin-top: 20px; }*/
.div-221-r > h2 { font-size: 18px; color: #000; line-height: 30px; margin-top: 10px; }
.div-221-r > h3 { font-size: 24px; color: #084482; line-height: 32px; margin-top: 20px; font-weight: 600; }
.div-221-c { text-align: center; height: 60px; padding: 5px 0; margin-top: 60px; }
.div-221-c > a { display: inline-block; width: 260px; height: 44px; border-radius: 44px; line-height: 40px; border: 2px solid #084482; color: #084482; font-size: 18px; position: relative; overflow: hidden; margin: 0 50px; }
.div-221-c > a > i { font-style: normal; color: #084482; position: relative; z-index: 2; }
.div-221-c > a:hover > i { color: #fff; }
.div-221-c > a::after { content: ""; position: absolute; top: 0; left: 50%; width: 0; height: 100%; background: #084482; z-index: 1; }
.div-221-c > a:hover::after { width: 100%; left: 0; }
.div-221-c > a.div-221-on { background: #084482; overflow: hidden; }
.div-221-c > a.div-221-on::after { content: ""; position: absolute; top: 0; left: 50%; width: 0; height: 100%; background: #084482; z-index: 1; }
.div-221-c > a.div-221-on:hover { box-shadow: 0 0 20px rgba(0,0,0,.8); opacity: .9; }
.div-221-c > a.div-221-on > i { color: #fff; }
.div-221-y { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); }
.div-221-l > div:hover .div-221-y { top: 0; }
.div-221-y > span { display: inline-block; font-size: 19px; width: 200px; height: 40px; line-height: 36px; border: 1px solid #fff; border-radius: 10px; color: #fff; text-align: center; position: absolute; top: 50%; margin-top: -20px; left: 50%; margin-left: -100px; }
@media (max-width: 1050px ) {
	.width-221 { padding-top: 30px; padding-bottom: 30px; }
	.div-221-r > h1 { height: 30px; line-height: 28px; font-size: 22px; }
	.div-221-r > h1 > span { position: relative; }
	.div-221-r > h1 > span > i { font-size: 24px; border: 1px solid #084482; width: 40px; height: 40px; line-height: 38px; }
	.div-221-r > h1 > span::after { top: 15px; }
	.div-221-r > h2 { font-size: 15px; margin-top: 15px; }
	.div-221-r > h3 { font-size: 20px; margin-top: 30px; }
	.div-221-y > span { font-size: 16px; width: 140px; height: 30px; line-height: 26px; margin-top: -15px; margin-left: -70px; }
	.div-221-l { padding-left: 2%; }
	.div-221-r { padding-right: 2%; }
	.max-220 > li:nth-child(even) .div-221-l { padding-right: 2%; }
	.max-220 > li:nth-child(even) .div-221-r { padding-left: 2%; }
	.div-221-c { margin-top: 40px; }
	.div-221-c > a { width: 200px; height: 36px; border-radius: 36px; line-height: 32px; border: 1px solid #084482; font-size: 16px; margin: 0 20px; }
	.div-221 { padding-top: 10px; }
}
@media (max-width: 480px ) {
	.div-221-l { padding-left: 0; width: 100%; }
	.div-221-r { padding-right: 0; width: 100%; }
	.max-220 > li:nth-child(even) .div-221-l { padding-right: 0; }
	.max-220 > li:nth-child(even) .div-221-r { padding-left: 0; }
	.div-221-r > h1 { font-size: 18px; margin-top: 20px; }
	.div-221-r > h1 > span > i { font-size: 20px; width: 30px; height: 30px; line-height: 28px; margin-right: 5px; }
	.div-221-r > h1 > span::after { top: 10px; }
	.div-221-r > h2 { margin-top: 10px; font-size: 14px; line-height: 24px; }
	.div-221-r > h3 { font-size: 18px; line-height: 24px; margin-top: 20px; }
	.div-221-c { margin-top: 20px; }
	.div-221-c > a { font-size: 14px; line-height: 28px; height: 30px; width: 140px; margin: 0 10px; }
	.width-221 { padding-bottom: 20px; }
}
/* ==== END ==== */


/* ==== .div-222 ==== */
.max-222 { padding-top: 70px; padding-bottom: 70px; background: #F7F7F7; }
.width-222 .one-bt span { color: #084482; }
.div-222 { display: block; position: relative; padding-top: 20px; }
.div-222 > i { font-size: 300px; position: absolute; top: 50%; margin-top: -165px; left: 50%; margin-left: -182px; width: 386px; height: 300px; z-index: 1; text-align: center; color: rgba(0,0,0,.05); }
.div-222 > li { display: block; width: 50%; float: left; text-align: center; margin-bottom: 30px; position: relative; z-index: 2; }
.div-222-a { display: inline-block; width: 450px; height: 100px; background: #fff; overflow: hidden; position: relative; box-shadow: 0 0 30px rgba(0,0,0,.1); }
.div-222-a:hover { box-shadow: 0 0 50px rgba(0,0,0,.3); }
.div-222-a > h1 { position: absolute; width: 150px; height: 150px; background: #F75C5C; top: -25px; right: -25px; left: auto;
	-ms-transform: rotate(15deg);
	-moz-transform: rotate(15deg);
	-webkit-transform: rotate(15deg);
	-o-transform: rotate(15deg);
	transform: rotate(15deg); }
.div-222-a > h2 { color: #fff; position: absolute; top: 15px; right: 20px; left: auto; text-align: right; font-size: 20px; line-height: 30px; font-weight: 100; }
.div-222-a > h2::after { content: ""; position: absolute; bottom: -10px; right: 0; width: 30px; height: 4px; border-radius: 4px; background: #fff; }
.div-222-a > h3 { width: 100%; height: 100%; padding: 25px 120px 10px 20px; position: relative; z-index: 2; text-align: left; font-size: 16px; line-height: 24px;  color: #333; }
.div-222 > li:nth-child(even) .div-222-a > h1 { left: -25px; right: 0;
	-ms-transform: rotate(-15deg);
	-moz-transform: rotate(-15deg);
	-webkit-transform: rotate(-15deg);
	-o-transform: rotate(-15deg);
	transform: rotate(-15deg); }
.div-222 > li:nth-child(even) .div-222-a > h2 { left: 20px; right: auto; text-align: left; }
.div-222 > li:nth-child(even) .div-222-a > h2::after { left: 0; right: auto; }
.div-222 > li:nth-child(even) .div-222-a > h3 { padding: 25px 20px 10px 120px; text-align: right; }
.div-222-a > h1.div-222-bg02 { background: #FC942A; }
.div-222-a > h1.div-222-bg03 { background: #127AFB; }
.div-222-a > h1.div-222-bg04 { background: #3F9C4C; }
.div-222-a > h1.div-222-bg05 { background: #6D56DF; }
.div-222-a > h1.div-222-bg06 { background: #084482; }
@media (max-width: 1050px ) {
	.div-222-a { width: 400px; float: left; }
	.div-222 > li:nth-child(even) .div-222-a { float: right; }
	.max-222 { padding-top: 40px; padding-bottom: 40px; }
	.div-222 > i { font-size: 200px; height: 200px; margin-top: -120px; }
}
@media (max-width: 770px ) {
	.div-222-a { width: 97%; }
	.div-222-a > h2 { top: 20px; font-size: 16px; line-height: 24px; }
	.div-222-a > h2::after { height: 2px; border-radius: 25%; }
	.div-222-a > h3 { font-size: 14px; color: #666; }
	.div-222 > li { margin-bottom: 15px; }
	.div-222 { padding-top: 10px; }
	.max-222 { padding-bottom: 30px; }
}
@media (max-width: 480px ) {
	.div-222 > li { width: 100%; margin-bottom: 10px; }
	.div-222-a { width: 100%; }
	.div-222 > li > .div-222-a > h2 { left: 20px; right: auto; text-align: left; }
	.div-222 > li > .div-222-a > h2::after { left: 0; right: auto; }
	.div-222 > li > .div-222-a > h3 { padding: 25px 20px 10px 120px; text-align: right; }
	.div-222 > li > .div-222-a > h1 { left: -25px; right: 0;
		-ms-transform: rotate(-15deg);
		-moz-transform: rotate(-15deg);
		-webkit-transform: rotate(-15deg);
		-o-transform: rotate(-15deg);
		transform: rotate(-15deg); }
}
/* ==== END ==== */


/* ==== .div-223 ==== */
.width-223 { margin-top: 80px; margin-bottom: 60px; }
.div-223 { display: block; }
.div-223 > li { display: block; margin-left: -25px; }
.div-223 > li:nth-child(2) .div-223-t { background: #00B6FE; }
.div-223 > li:nth-child(3) .div-223-t { background: #09CB91; }
.div-223-d { width: 25%; float: left; padding-left: 25px; padding-bottom: 25px; }
.div-223-a { display: block; overflow: hidden; border-radius: 5px; box-shadow: 0 0 30px rgba(0,0,0,.2); }
.div-223-a:hover { box-shadow: 0 0 40px rgba(0,0,0,.4); margin-top: -10px; }
.div-223-t { position: relative; background: #FB614F; overflow: hidden; }
.div-223-t > h1 { font-size: 12px; background: #FFFF74; display: inline-block; color: #666; font-weight: 600; padding: 5px 10px; border-radius: 5px 0 5px 0; margin: 20px 15px 10px; }
.div-223-t > h2 { color: #fff; font-size: 24px; font-weight: 600; padding: 0 15px;line-height: 30px; height: 30px; overflow: hidden; margin-bottom: 50px; }
.div-223-t > i { position: absolute; font-size: 100px; bottom: 0; right: 10px; color: rgba(255,255,255,.1); }
.div-223-b { padding: 30px 15px; }
.div-223-b > h1 { font-size: 16px; line-height: 24px; height: 72px; overflow: hidden; color: #555; }
.div-223-b > h1 > span { font-size: 18px; font-weight: 600; }
.div-223-b > h2 { text-align: center; margin-top: 30px; }
.div-223-b > h2 > span { display: inline-block; width: 160px; height: 36px; border-radius: 36px; line-height: 34px; border: 1px solid #084482; color: #084482; font-size: 18px; position: relative; overflow: hidden; }
.div-223-b > h2 > span > i { font-style: normal; color: #084482; position: relative; z-index: 2; }
.div-223-b > h2 > span:hover > i { color: #fff; }
.div-223-b > h2 > span::after { content: ""; position: absolute; top: 0; left: 50%; width: 0; height: 100%; background: #084482; z-index: 1; }
.div-223-b > h2 > span:hover::after { width: 100%; left: 0; }
.div-223-i { color: #084482; width: 100%; height: 50px; line-height: 48px; font-size: 22px; font-weight: 100; text-shadow: 2px 2px 10px rgba(0,0,0,.4); margin: 20px 0 30px 25px; }
.div-223-i > span { position: relative; }
.div-223-i > span > i { font-size: 30px; display: inline-block; margin-right: 10px; border-radius: 50%; width: 50px; height: 50px; line-height: 48px; text-align: center; position: relative ; z-index: 2; margin-bottom: -18px; overflow: hidden; }
.div-223-i > span::after { content: ""; position: absolute; background: rgba(0,0,0,.15); width: 300px; height: 20px; border-radius: 20px; top: 15px; left: 0; z-index: 1; }
.div-223-c { text-align: center; height: 70px; margin-top: 30px; }
.div-223-c > a { display: inline-block; width: 260px; height: 54px; border-radius: 54px; line-height: 50px; border: 2px solid #084482; color: #fff; font-size: 18px; position: relative; overflow: hidden; background: #084482; }
.div-223-c > a:hover { box-shadow: 0 0 20px rgba(0,0,0,.8); opacity: .9; }
@media (max-width: 1050px ) {
	.width-223 { margin-top: 30px; margin-bottom: 20px; }
	.div-223-i { font-size: 20px; margin: 20px 0 20px 10px; }
	.div-223-i > span::after { top: 12px; }
	.div-223 > li { margin-left: -10px; }
	.div-223-d { padding-left: 10px; padding-bottom: 10px; }
	.div-223-b > h1 > span { font-size: 16px; }
	.div-223-b > h1 { font-size: 14px; }
	.div-223-b > h2 > span { width: 120px; height: 30px; border-radius: 30px; line-height: 28px; font-size: 16px; }
	.div-223-c > a { width: 220px; height: 40px; border-radius: 40px; line-height: 36px; }
}
@media (max-width: 770px ) {
	.div-223-a:hover { margin-top: 0; }
	.div-223-t > h1 { margin: 10px 10px 5px; }
	.div-223-t > h2 { font-size: 20px; padding: 0 10px; margin-bottom: 30px; }
	.div-223-t > i { font-size: 70px; }
	.div-223-b { padding: 15px 10px; }
	.div-223-b > h2 { margin-top: 15px; }
	.div-223-i { margin: 10px 0 10px 10px; }
	.div-223-i > span > i { font-size: 24px; margin-right: 0; }
	.div-223-i { font-size: 18px; }
}
@media (max-width: 480px ) {
	.div-223-d { width: 50%; }
	.div-223-b > h2 > span { width: 100px; height: 24px; line-height: 22px; font-size: 14px; }
	.div-223-c > a { width: 180px; height: 34px; line-height: 30px; font-size: 14px; }
	.div-223-c { height: 50px; margin-top: 10px; }
}
/* ==== END ==== */


/* ==== 名师在线 team.html ==== */
/* ==== .div-311 ==== */
.max-311 {  }
.width-311 { margin-top: 70px; margin-bottom: 70px; }
.div-311 { display: block; margin-left: -20px; font-size: 0; text-align: center; }
.div-311 > li { width: 25%; display: inline-block; padding-left: 20px; padding-bottom: 40px; }
.div-311-a { display: block; border-radius: 5px; overflow: hidden; box-shadow: 0 0 20px rgba(0,0,0,.15); position: relative; }
.div-311-a:hover { box-shadow: 0 0 20px rgba(0,0,0,.3); }

.div-311-a .div-311-ahd{position:absolute; display: none; top: 0px; left: 0px; z-index: 9; width: 100%; height: 100%; padding: 20px 20px; font-size: 14px; line-height: 24px; text-align: left; color: #fff; background:rgba(0,0,0,0.5); transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}
.div-311-a:hover .div-311-ahd{display: block;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}

.div-311-t { position: relative; overflow: hidden; width: 100%; height: 0; padding-bottom: 120%; }
.div-311-i { width: 100%; height: 100%; }
.div-311-i > img { width: 100%; }
.div-311-y { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0; }
.div-311-a:hover .div-311-y { opacity: .2; }
.div-311-b { padding: 20px; text-align: left; }
.div-311-b > h1 { font-size: 22px; font-weight: 500; color: #333; line-height: 30px; height: 30px; overflow: hidden; text-align: center; }
.div-311-b > h2 { text-align: center; }
.div-311-b > h2 > span { font-size: 14px; color: #bbb; display: inline-block; border: 1px solid #ccc; padding: 3px 10px; border-radius: 3px; margin: 10px 0; }
.div-311-b > h3 { font-size: 16px; color: #666; line-height: 24px; height: 48px; overflow: hidden; text-align: left; }
.div-311-b > h4 { text-align: center; margin-top: 20px; }
.div-311-b > h4 > span { display: inline-block; width: 120px; height: 30px; border-radius: 30px; line-height: 28px; border: 1px solid #084482; color: #084482; font-size: 16px; position: relative; overflow: hidden; }
.div-311-b > h4 > span > i { font-style: normal; color: #084482; position: relative; z-index: 2; }
.div-311-b > h4 > span:hover > i { color: #fff; }
.div-311-b > h4 > span::after { content: ""; position: absolute; top: 0; left: 50%; width: 0; height: 100%; background: #084482; z-index: 1; }
.div-311-b > h4 > span:hover::after { width: 100%; left: 0; }
.div-311-c { text-align: center; height: 70px; margin-top: 30px; }
.div-311-c > a { display: inline-block; width: 260px; height: 54px; border-radius: 54px; line-height: 50px; border: 2px solid #084482; color: #fff; font-size: 18px; position: relative; overflow: hidden; background: #084482; }
.div-311-c > a:hover {width: 300px; box-shadow: 0 0 20px rgba(8,68,130,.8); opacity: .9; }
@media (max-width: 1500px ) {
	.div-311 > li { width: 25%; }
}
@media (max-width: 1050px ) {
	.width-311 { margin-top: 30px; margin-bottom: 30px; }
	.div-311-c { margin-top: 0; }
	.div-311-c > a { width: 220px; height: 40px; border-radius: 40px; line-height: 36px; }
}
@media (max-width: 770px ) {
	.div-311 > li { width: 33.333333%; padding-bottom: 20px; }
	.div-311-b { padding: 10px 10px 20px ; }
	.div-311-b > h1 { font-size: 18px; line-height: 20px; height: 20px; }
	.div-311-b > h2 { font-size: 12px; }
	.div-311-b > h3 { font-size: 14px; line-height: 20px; height: 40px; }
	.div-311-b > h4 { text-align: center; margin-top: 10px; }
	.div-311-c { height: 50px; }
}
@media (max-width: 480px ) {
	.width-311 { margin-top: 30px; margin-bottom: 20px; }
	.div-311 { margin-left: -10px; }
	.div-311 > li { width: 50%; padding-bottom: 10px; padding-left: 10px; }
	.div-311-c > a { width: 180px; height: 34px; line-height: 30px; font-size: 14px; }
	.div-311-c { margin-top: 10px; }
	.div-311-b > h4 > span { width: 100px; height: 24px; border-radius: 24px; line-height: 21px; font-size: 14px; }
}
/* ==== END ==== */
/* ==== 名师在线 team.html END ==== */


.max-231 { background: #F5F3F3; text-align: center; padding: 100px 0 80px; }
.max-231-img { display: inline-block; width: 100%; }
/* 联系按钮 */
.div-231-c { text-align: center; height: 60px; padding: 5px 0; margin-top: 80px; }
.div-231-c > a { display: inline-block; width: 260px; height: 44px; border-radius: 44px; line-height: 40px; border: 2px solid #3C3C3C; color: #3C3C3C; font-size: 18px; position: relative; overflow: hidden; margin: 0 50px; }
.div-231-c > a > i { font-style: normal; color: #3C3C3C; position: relative; z-index: 2; }
.div-231-c > a:hover > i { color: #fff; }
.div-231-c > a::after { content: ""; position: absolute; top: 0; left: 50%; width: 0; height: 100%; background: #3C3C3C; z-index: 1; }
.div-231-c > a:hover::after { width: 100%; left: 0; }
.div-231-c > a.div-231-on { background: #3C3C3C; overflow: hidden; }
.div-231-c > a.div-231-on::after { content: ""; position: absolute; top: 0; left: 50%; width: 0; height: 100%; background: #fff; z-index: 1; }
.div-231-c > a.div-231-on:hover { box-shadow: 0 0 20px rgba(0,0,0,.8); opacity: .9; }
.div-231-c > a.div-231-on > i { color: #fff; }
@media (max-width: 1050px ) {
	.max-231 { padding: 60px 0 40px; }
	.div-231-c { margin-top: 40px; }
	.div-231-c > a { width: 200px; height: 36px; border-radius: 36px; line-height: 32px; border-width: 1px; font-size: 16px; margin: 0 20px; }
}
@media (max-width: 480px ) {
	.max-231 { padding: 30px 0 0; }
	.div-231-c { margin-top: 20px; }
	.div-231-c > a { font-size: 14px; line-height: 28px; height: 30px; width: 140px; margin: 0 10px; }
	
}

/* 老师推荐 */
.max-232 { padding: 100px 0 80px; }
.swiper04.swiper-container { padding-bottom: 50px; }
.swiper04-a { display: block; overflow: hidden; border: 1px solid #C9C9C9; }
.swiper04-a:hover { background: #f8f8f8; }
.swiper04-a-img { position: relative; overflow: hidden; width: 100%; height: 0; padding-bottom: 123.4%; }
.swiper04-a-img > img { width: 100%; }
.swiper04-a-img > div /* 阴影 */ { position: absolute; width: 100%; height: 100%; background: #000; left: 0; top: 0; opacity: 0; }
.swiper04-a:hover .swiper04-a-img > div { opacity: .15; }
.swiper04-a-text { border-top: 6px solid #F5A100; }
.swiper04-a-text > h1 { text-align: center; font-weight: 600; font-size: 18px; line-height: 36px; height: 36px; overflow: hidden; color: #333; }
.swiper04-a-text > h2 { text-align: center; padding: 0 25px; }
.swiper04-a-text > h2 > div { border: 1px dashed #F5A100; font-size: 16px; width: 100%; line-height: 24px; height: 26px; overflow: hidden;  border-radius: 10px; }
.swiper04-a-text > h3 { font-size: 16px; color: #555; line-height: 30px; height: 90px; overflow: hidden; padding: 0 10px; margin: 10px 0; }
.swiper04-a-text > h4 { text-align: center; margin: 10px 0px 20px 0px; }
.swiper04-a-text > h4 > span { display: inline-block; width: 120px; height: 30px; border-radius: 30px; line-height: 28px; border: 1px solid #084482; color: #084482; font-size: 16px; position: relative; overflow: hidden; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
.swiper04-a-text > h4 > span > i { font-style: normal; color: #084482; position: relative; z-index: 2;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;  }
.swiper04-a-text > h4 > span:hover > i { color: #fff; }
.swiper04-a-text > h4 > span::after { content: ""; position: absolute; top: 0; left: 50%; width: 0; height: 100%; background: #084482; z-index: 1;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;  }
.swiper04-a-text > h4 > span:hover::after { width: 100%; left: 0; }
/* 轮播分页器样式 */
.max-232 .swiper-button-prev, .max-232 .swiper-button-next { background: url(); font-size: 43px; font-weight: 600; color: #f7b12c; top: 50%; }
.max-232 .swiper-button-prev { left: 10px; }
.max-232 .swiper-button-next { right: 10px; }
.swiper04 .swiper-pagination-bullet { width: 16px; height: 16px; background: rgba(0,0,0,0); border: 2px solid #000; }
.swiper04 .swiper-pagination-bullet-active { background: rgba(0,0,0,0); border: 2px solid #f7b12c; }
/* 联系按钮 */
.div-232-c { text-align: center; height: 60px; padding: 5px 0; margin-top: 40px; }
.div-232-c > a { display: inline-block; width: 260px; height: 44px; border-radius: 44px; line-height: 40px; border: 2px solid #3C3C3C; color: #3C3C3C; font-size: 18px; position: relative; overflow: hidden; margin: 0 50px; }
.div-232-c > a > i { font-style: normal; color: #3C3C3C; position: relative; z-index: 2; }
.div-232-c > a:hover > i { color: #fff; }
.div-232-c > a::after { content: ""; position: absolute; top: 0; left: 50%; width: 0; height: 100%; background: #3C3C3C; z-index: 1; }
.div-232-c > a:hover::after { width: 100%; left: 0; }
.div-232-c > a.div-232-on { background: #3C3C3C; overflow: hidden; }
.div-232-c > a.div-232-on::after { content: ""; position: absolute; top: 0; left: 50%; width: 0; height: 100%; background: #fff; z-index: 1; }
.div-232-c > a.div-232-on:hover { box-shadow: 0 0 20px rgba(0,0,0,.8); opacity: .9; }
.div-232-c > a.div-232-on > i { color: #fff; }
@media (max-width: 1050px ) {
	.max-232 { padding: 50px 0 40px; }
	.div-232-c { margin-top: 0; }
	.div-232-c > a { width: 200px; height: 36px; border-radius: 36px; line-height: 32px; border-width: 1px; font-size: 16px; margin: 0 20px; }
	.swiper04-a-text { border-width: 4px; }
	.swiper04-a-text > h1 { font-size: 16px; }
	.swiper04-a-text > h2 { padding: 0 10px; }
	.swiper04-a-text > h2 > div { font-size: 14px; }
	.swiper04-a-text > h3 { font-size: 14px; line-height: 25px; height: 100px; }
	.max-232 .swiper-button-prev, .max-232 .swiper-button-next { background: rgba(255,255,255,.8); width: 40px; height: 40px;  font-size: 30px; line-height: 38px; text-align: center; }
	.max-232 .swiper-button-prev { left: 30px; }
	.max-232 .swiper-button-next { right: 30px; }
}
@media (max-width: 770px ) {
	.max-232 .swiper-button-prev { left: 15px; }
	.max-232 .swiper-button-next { right: 15px; }
	
}
@media (max-width: 480px ) {
	.max-232 .swiper-button-prev, .max-232 .swiper-button-next { top: 48%; width: 30px; height: 30px;  font-size: 20px; line-height: 28px; }
	.swiper04 .swiper-pagination-bullet { width: 14px; height: 14px; }
	.swiper04-a-text { border-width: 2px; }
	.max-232 { padding: 30px 0 0; }
	.div-232-c { margin-top: 0; }
	.div-232-c > a { font-size: 14px; line-height: 28px; height: 30px; width: 140px; margin: 0 10px; }
	
}

/* 精品私塾课程 */
.max-241 { margin: 80px 0; }
.ul-241 { display: block; margin-left: -35px; font-size: 0; text-align: center; }
.ul-241 > li { display: inline-block; width: 20%; padding-left: 35px; }
.div-241 { border: 1px solid #eee; text-align: center; cursor: pointer; }
.div-241:hover { border-color: #fff; box-shadow: 0 0 20px rgba(0,0,0,.1); }
.div-241 > h1 { margin-top: 30px; }
.div-241 > h2 { font-size: 24px; line-height: 30px; height: 60px; overflow: hidden; color: #444; margin: 20px 0 30px; }
@media (max-width: 1440px ) {
	.ul-241 { margin-left: -10px; }
	.ul-241 > li { padding-left: 10px; }
	.div-241 > h2 { font-size: 20px; }
}
@media (max-width: 1050px ) {
	.max-241 { margin: 50px 0; }
	.div-241 > h1 { margin-top: 20px; }
	.div-241 > h1 > img { height: 50px; }
	.div-241 > h2 { font-size: 16px; line-height: 20px; height: 40px; margin: 10px 0 20px; }
}
@media (max-width: 770px ) {
	.max-241 { margin: 30px 0; }
	.ul-241 > li { width: 33.333333%; margin-bottom: 10px; }
}
@media (max-width: 480px ) {
	.ul-241 > li { width: 50%; }
}

/* 个性化小组精品课程体系 */
.max-242 { background: #F0404A; }
.width-242 { position: relative; z-index: 2; }
.max-242-l { width: 50%; float: left; text-align: right; padding-right: 45px; }
.max-242-r { width: 50%; float: left; }
.max-242-bg { background-position: center center; background-repeat: no-repeat; background-size: cover; position: absolute; top: 0; left: 0; width: 53%; height: 100%; z-index: 1; }
.max-242-ltext { display: inline-block; background: rgba(255,255,255,.9); margin-top: 65px; width: 100%; max-width: 470px; height: 400px; padding: 35px 60px 0 0; }
.max-242-ltext > h1 { font-size: 22px; line-height: 30px; height: 30px; color: #444; font-weight: 600; position: relative; }
.max-242-ltext > h1::after { content: ""; width: 8px; height: 24px; background: #F0404A; position: absolute; top: 3px; right: -25px; }
.max-242-ltext > h2 > span { display: block; font-size: 15px; color: #999; line-height: 24px; }
.max-242-ltext > h2 > i { display: block; font-style: italic; font-size: 15px; line-height: 24px; color: #444; font-weight: 600; margin-top: 30px; }
.max-242-rtext { display: block; text-align: left; margin-top: 100px; padding-left: 130px; }
.max-242-rtext > h1 { font-size: 22px; line-height: 30px; height: 30px; color: #fff; position: relative; letter-spacing: 3px; margin-left: -15px; }
.max-242-rtext > h1 > span { text-transform: uppercase; font-size: 18px; color: #f88289; font-weight: 600; letter-spacing: 0; margin-left: 5px; }
.max-242-rtext > h1::after { content: ""; width: 8px; height: 24px; background: #fff; position: absolute; top: 3px; left: -25px; }
.max-242-rtext > h2 { margin: 35px 0 60px; }
.max-242-rtext > h2 > span { display: block; font-size: 15px; color: #ffbec2; line-height: 24px; }
.max-242-rtext > h2 > i { display: block; position: relative; font-style: normal; font-size: 16px; line-height: 24px; color: #fff; margin: 5px 0; }
.max-242-rtext > h2 > i > img { position: absolute; top: 2px; left: -35px; }
@media (max-width: 1050px ) {
	.max-242-l { padding-right: 30px; }
	.max-242-ltext { margin-top: 40px; padding: 30px 50px 0 0; }
	.max-242-rtext { margin-top: 70px; padding-left: 100px; }
}
@media (max-width: 770px ) {
	.max-242-l { width: 100%; padding-right: 0; }
	.max-242-r { width: 100%; }
	.max-242-bg { width: 100%; height: 280px; }
	.max-242-ltext { max-width: 100%; text-align: left; padding: 20px 0 0 30px; height: 240px; margin-top: 20px; }
	.max-242-ltext > h1 { font-size: 19px; }
	.max-242-ltext > h1::after { right: auto; left: -15px; width: 4px; height: 20px; top: 5px; }
	.max-242-ltext > h2 > i { margin-top: 10px; }
	.max-242-rtext { margin-top: 50px; padding-left: 45px; }
	.max-242-rtext > h1 { font-size: 19px; }
	.max-242-rtext > h1::after { right: auto; left: -15px; width: 4px; height: 20px; top: 5px; }
	.max-242-rtext > h2 { margin: 20px 0 40px; }
}

.max-243 { margin: 100px 0; }
.ul-243 { display: block; }
.ul-243 > li { display: block; position: relative; overflow: hidden; padding: 0 0 0 430px; margin-bottom: 25px; }
.ul-243-l { width: 410px; height: 210px; overflow: hidden; position: absolute; top: 0; left: 0; }
.ul-243-r { background: #F3F3F3; height: 210px; padding: 50px 50px 0; overflow: hidden; }
.ul-243-r > h1 { font-size: 28px; color: #333; font-weight: 600; line-height: 38px; height: 40px; overflow: hidden; position: relative; padding-left: 50px; }
.ul-243-r > h1 > span { font-size: 35px; position: absolute; top: 1px; left: 0;}
.ul-243-r > h2 { font-size: 17px; color: #444; line-height: 22px; font-weight: 600; margin-top: 30px; height: 44px; overflow: hidden; }
.ul-243 > li:nth-child(even) { padding: 0 430px 0 0; }
.ul-243 > li:nth-child(even) .ul-243-l { left: auto; right: 0; } 
/* 联系按钮 */
.div-243-c { text-align: center; height: 60px; padding: 5px 0; margin-top: 80px; }
.div-243-c > a { display: inline-block; width: 260px; height: 44px; border-radius: 44px; line-height: 40px; border: 2px solid #3C3C3C; color: #3C3C3C; font-size: 18px; position: relative; overflow: hidden; margin: 0 50px; }
.div-243-c > a > i { font-style: normal; color: #3C3C3C; position: relative; z-index: 2; }
.div-243-c > a:hover > i { color: #fff; }
.div-243-c > a::after { content: ""; position: absolute; top: 0; left: 50%; width: 0; height: 100%; background: #3C3C3C; z-index: 1; }
.div-243-c > a:hover::after { width: 100%; left: 0; }
.div-243-c > a.div-243-on { background: #3C3C3C; overflow: hidden; }
.div-243-c > a.div-243-on::after { content: ""; position: absolute; top: 0; left: 50%; width: 0; height: 100%; background: #fff; z-index: 1; }
.div-243-c > a.div-243-on:hover { box-shadow: 0 0 20px rgba(0,0,0,.8); opacity: .9; }
.div-243-c > a.div-243-on > i { color: #fff; }
@media (max-width: 1050px ) {
	.max-243 { margin: 40px 0; }
	.div-243-c { margin-top: 30px; }
	.div-243-c > a { width: 200px; height: 36px; border-radius: 36px; line-height: 32px; border-width: 1px; font-size: 16px; margin: 0 20px; }
	.ul-243 > li {  padding: 0 0 0 315px; margin-bottom: 10px; }
	.ul-243-l { width: 305px; height: 155px; }
	.ul-243-r { height: 155px; padding: 20px 20px 0; }
	.ul-243-r > h1 { font-size: 22px; padding-left: 50px; }
	.ul-243-r > h1 > span { font-size: 30px; top: -2px; left: 0;}
	.ul-243-r > h2 { font-size: 15px; line-height: 20px; margin-top: 10px; height: 40px; }
	.ul-243 > li:nth-child(even) { padding: 0 315px 0 0; }
}
@media (max-width: 480px ) {
	.max-243 { margin: 20px 0 0; }
	.div-243-c { margin-top: 0; }
	.div-243-c > a { font-size: 14px; line-height: 28px; height: 30px; width: 140px; margin: 0 10px; }
	.ul-243 > li { padding: 0; }
	.ul-243-l { width: 100%; position: relative;}
	.ul-243 > li:nth-child(even) { padding: 0; }
	.ul-243-r { height: auto; padding: 15px 15px 15px;  }
	.ul-243-r > h1 { font-size: 19px; padding-left: 40px; line-height: 28px; height: 30px; }
	.ul-243-r > h1 > span { font-size: 24px; top: 0px; }
}

/* ====== |  内页样式  | ====== */

/* --> 1. 内页 最外层 div */
.width-page { width: 100%; max-width: 1500px; padding: 50px 50px 50px 50px; margin: 0 auto; position: relative; overflow: hidden; }
@media (max-width: 1500px) { .width-page { max-width: 1300px; } }
@media (max-width: 1300px) { .width-page { padding: 80px 40px; } }
@media (max-width: 1100px) { .width-page { padding: 60px 30px; } }
@media (max-width: 500px)  { .width-page { padding: 30px 15px; } }

/* --> 2. 左右布局 */
.left-right { width: 100%; position: relative; padding: 0 0 0 350px; /* 1400 * 0.25 = 350 px */ }
@media (max-width: 1500px) { .left-right { padding: 0 0 0 300px; } }
@media (max-width: 1100px) { .left-right { padding: 0 0 0 240px; } }
@media (max-width: 800px)  { .left-right { padding: 0 0 0 0    ; } }

/* --> 2--1     左 */
.left-box { width: 350px; position: absolute; top: 0; left: 0; }
@media (max-width: 1500px) { .left-box { width: 300px; } }
@media (max-width: 1100px) { .left-box { width: 240px; } }
@media (max-width: 800px)  { .left-box { width: 100%; position: relative; top: auto; left: auto; } }

/* --> 2--1--1. 左 -- 标题栏 */
.left-box > h1 { width: 100%; height: 30px; line-height: 26px; overflow: hidden; margin-bottom: 30px;  /* 下外边距 */ }
.left-box > h1 > i    /* 图标 */ { display: inline-block; float: left; font-size: 33px; color: #f5a100; /* logo 黄 */ margin: -1px 10px 0 0; }
.left-box > h1 > span /* 文字 */ { display: inline-block; float: left; font-size: 30px; color: #333; font-weight: 600; }
@media (max-width: 1500px) {
	.left-box > h1 { height: 24px; line-height: 22px; margin-bottom: 20px; /* 下外边距 */ }
	.left-box > h1 > i    /* 图标 */ { font-size: 26px; margin: -1px 6px 0 0; }
	.left-box > h1 > span /* 文字 */ { font-size: 24px; }
}
@media (max-width: 1100px) {
	.left-box > h1 { height: 21px; line-height: 18px; }
	.left-box > h1 > i    /* 图标 */ { font-size: 23px; margin: -2px 5px 0 0; }
	.left-box > h1 > span /* 文字 */ { font-size: 20px; }
}
@media (max-width: 800px) {
	.left-box > h1.h1-no { display: none; }
}
@media (max-width: 500px) {
	.left-box > h1 { margin-bottom: 10px; /* 下外边距 */ }
	.left-box > h1 > i    /* 图标 */ { font-size: 20px; margin: 0px 5px 0 0; }
	.left-box > h1 > span /* 文字 */ { font-size: 18px; }
}

/* --> 2--1--2. 左 -- 导航栏 */
.left-box > .left-nav          { display: block; margin-bottom: 30px; margin-left: 0; }
.left-box > .left-nav > li     { display: block; width: 100%; padding-left: 0; float: left; }
.left-box > .left-nav > li > a { display: block; font-size: 18px; color: #666; height: 36px; line-height: 34px; border-radius: 2px; padding: 0 20px; overflow: hidden; margin-bottom: 5px; position: relative; }
.left-box > .left-nav > li > a::after { content: ""; width: 3px; height: 17px; background: #084482; position: absolute; left: 1px; top: 9px; } /* 左侧竖线 */
.left-box > .left-nav > li > a:hover  { color: #084482; padding: 0 20px 0px 30px; }
.left-box > .left-nav > li > a.nav-on /* 当前所在 */ { background: #084482; color: #fff; padding: 0 20px 0px 30px;  }
@media (max-width: 1500px) {
	.left-box > .left-nav          { margin-bottom: 20px; }
	.left-box > .left-nav > li > a { font-size: 17px; height: 32px; line-height: 30px; }
	.left-box > .left-nav > li > a::after { height: 16px; top: 8px; } /* 左侧竖线 */
}
@media (max-width: 1100px) {
	.left-box > .left-nav > li > a { font-size: 16px; height: 28px; line-height: 26px; }
	.left-box > .left-nav > li > a::after { height: 15px; top: 6px; } /* 左侧竖线 */
}
@media (max-width: 800px)  {
	.left-box > .left-nav  { margin-left: -10px; margin-bottom: 15px; }
	.left-box > .left-nav > li { width: 33.333333%; padding-left: 10px; }
	.left-box > .left-nav > li > a { padding: 0 5px 0 10px; font-size: 14px; }
}
@media (max-width: 500px)  {
	.left-box > .left-nav { margin-left: -4px; }
	.left-box > .left-nav > li { width: 50%; padding-left: 4px; }
	.left-box > .left-nav > li > a { font-size: 13px; margin-bottom: 0; padding: 0 0 0 7px; }
	.left-box > .left-nav > li > a::after { width: 2px; height: 14px; top: 6px; }
}

/* --> 2--1--3. 左 -- 专题课程 */
.left-box > .left-ul02          { display: block; margin-bottom: 20px; }
.left-box > .left-ul02 > li     { display: block; }
.left-box > .left-ul02 > li > a { display: block; position: relative; overflow: hidden; border-radius: 5px; width: 100%; height: 0; padding-bottom: 50%; background: #FA6751; box-shadow: 5px 5px 15px rgba(0,0,0,.2); margin-bottom: 20px; }
.left-box > .left-ul02 > li > a:hover{ box-shadow: 5px 5px 15px rgba(0,0,0,.35); }
.left-box > .left-ul02 > li > a > h1 { color: #fff; font-size: 24px; font-weight: 600; line-height: 52px; background: rgba(0,0,0,.05); height: 50px; overflow: hidden; padding: 0 30px; }
.left-box > .left-ul02 > li > a > h2 { color: #fff; font-size: 16px; height: 40px; line-height: 38px; overflow: hidden; padding: 0 30px; }
.left-box > .left-ul02 > li > a > h3 { display: inline-block; width: 130px; height: 36px; line-height: 34px; text-align: center; border-radius: 36px; background: #fff; overflow: hidden; font-size: 18px; color: #666; margin: 10px 0 0 30px; }
.left-box > .left-ul02 > li > a:hover > h3 { width: 160px; }
.left-box > .left-ul02 > li > a > i  { position: absolute; bottom: 0; right: 10px; font-size: 100px; color: rgba(255,255,255,.15); }
.left-box > .left-ul02 > li:nth-child(2) > a { background: #0084FB; }
.left-box > .left-ul02 > li:nth-child(3) > a { background: #0DAE69; }
.left-box > .left-ul02 > li:nth-child(4) > a { background: #6D56DF; }
.left-box > .left-ul02 > li:nth-child(5) > a { background: #FF9801; }
@media (max-width: 1500px) {
	.left-box > .left-ul02 > li > a > h1 { font-size: 20px; line-height: 42px; height: 40px; padding: 0 25px; }
	.left-box > .left-ul02 > li > a > h2 { font-size: 15px; height: 30px; line-height: 28px; padding: 0 25px; }
	.left-box > .left-ul02 > li > a > h3 { width: 110px; height: 30px; line-height: 28px; border-radius: 30px; font-size: 16px; margin: 10px 0 0 25px; }
	.left-box > .left-ul02 > li > a:hover > h3 { width: 130px; }
	.left-box > .left-ul02 > li > a > i  { font-size: 90px; }
}
@media (max-width: 1100px) {
	.left-box > .left-ul02 > li > a > h1 { font-size: 18px; line-height: 28px; height: 30px; padding: 0 20px; }
	.left-box > .left-ul02 > li > a > h2 { font-size: 14px; padding: 0 20px; }
	.left-box > .left-ul02 > li > a > h3 { width: 90px; height: 26px; line-height: 26px; border-radius: 26px; font-size: 14px; margin: 5px 0 0 20px; }
	.left-box > .left-ul02 > li > a:hover > h3 { width: 110px; }
	.left-box > .left-ul02 > li > a > i  { font-size: 70px; }
}
@media (max-width: 800px) {
	.left-box > .left-ul02 { display: none; }
}

/* --> 2--1--4. 左 -- 联系我们 */
.left-box > .left-ul03          { display: block; background: rgba(0,0,0,.02); border-radius: 5px; padding: 15px 0 10px; position: relative; }
.left-box > .left-ul03 > li     { display: block; width: 33.333333%; float: left; }
.left-box > .left-ul03 > li > a { display: block; text-align: center; }
.left-box > .left-ul03 > li > a > i    { display: inline-block; width: 50px; height: 50px; line-height: 48px; border-radius: 50%; overflow: hidden; background: #FA6751; font-size: 26px; color: #fff; border: 2px solid rgba(0,0,0,.1); }
.left-box > .left-ul03 > li > a > span { display: block; font-size: 16px; color: #666; height: 30px; line-height: 28px; overflow: hidden; }
.left-box > .left-ul03 > li > a > div  { position: absolute; left: 0; top: 120px; width: 100%; display: none; }
.left-box > .left-ul03 > li > a > div.a-div01 { background: #FA6751; padding: 20px 0; font-size: 24px; font-weight: 100; color: #fff; border-radius: 5px; }
.left-box > .left-ul03 > li > a > div.a-div02 { background: rgba(0,0,0,.05); padding: 20px 0; border-radius: 5px; }
.left-box > .left-ul03 > li > a > div.a-div02 > img { padding: 5px; background: #fff; border-radius: 10px; }
.left-box > .left-ul03 > li > a:hover > i    { opacity: .6; }
.left-box > .left-ul03 > li > a:hover > span { color: #084482; }
.left-box > .left-ul03 > li > a:hover > div  { display: block; }
.left-box > .left-ul03 > li:nth-child(2) > a > i { background: #0DAE69; }
.left-box > .left-ul03 > li:nth-child(3) > a > i { background: #0084FB; }
@media (max-width: 1500px) {
	.left-box > .left-ul03 > li > a > div.a-div01 { font-size: 20px; }
}
@media (max-width: 1100px) {
	.left-box > .left-ul03 > li > a > i    { width: 40px; height: 40px; line-height: 38px; font-size: 22px; border-width: 1px; }
	.left-box > .left-ul03 > li > a > span { font-size: 14px; }
	.left-box > .left-ul03 > li > a > div  { top: 105px; }
	.left-box > .left-ul03 > li > a > div.a-div01 { font-size: 18px; }
}
@media (max-width: 800px) {
	.left-box > .left-ul03 { display: none; }
}

/* --> 2--2     右 */
.right-box { width: 100%; padding-left: 50px;  }
@media (max-width: 1500px) { .right-box { padding-left: 30px; } }
@media (max-width: 1100px) { .right-box { padding-left: 20px; } }
@media (max-width: 800px) { .right-box { padding-left: 0; min-height: auto; } }

/* --> 2--2--1. 右 -- 新闻列表 */
.right-box > .right-news      { display: block; }
.right-box > .right-news > li { display: block; border-bottom: 1px dashed rgba(0,0,0,.2); padding: 40px 0 20px; }
.right-box > .right-news > li:nth-child(1) { padding-top: 0; }
.right-news-a { display: block; position: relative; overflow: hidden; padding: 0 0 0 310px; }
.right-news-a:hover { padding: 0 0 0 330px; }
.right-news-left { position: absolute; top: 0; left: 0; width: 280px; height: 210px; overflow: hidden; background: rgba(0,0,0,.1); }
.right-news-left > img { position: relative; z-index: 1; }
.right-news-left > div /* 图片阴影 */ { width: 100%; height: 100%; position: absolute; top: 0; background: #000; z-index: 2; opacity: 0; }
.right-news-a:hover .right-news-left > div { opacity: .2; }
.right-news-right { min-height: 210px; } 
.right-news-right > h1 /* 新闻标题 */ { font-size: 18px; color: #084482; line-height: 23px; height: 46px; overflow: hidden; }
.right-news-right > h2 /* 内容摘要 */ { font-size: 15px; color: #666666; line-height: 23px; height: 69px; overflow: hidden; margin: 15px 0 35px; }
.right-news-right > h3 /* 发布日期 */ { font-size: 14px; color: #999;    line-height: 20px; height: 20px; overflow: hidden; }
.right-news-right > h3 > i { margin: 1px 5px 0 0; float: left; }
.right-news-a:hover .right-news-right > h2 { color: #999; }
.right-news-a:hover .right-news-right > h3 { color: #ccc; }
@media (max-width: 1500px) {
	.right-news-a { padding: 0 0 0 260px; }
	.right-news-a:hover { padding: 0 0 0 270px; }
	.right-news-left { width: 240px; height: 180px; }
	.right-news-right { min-height: 180px; } 
	.right-news-right > h1 /* 新闻标题 */ { font-size: 22px; line-height: 30px; height: 30px; }
	.right-news-right > h2 /* 内容摘要 */ { font-size: 16px; margin: 15px 0 25px; }
	.right-news-right > h3 /* 发布日期 */ { font-size: 14px; }
	.right-news-right > h3 > i { margin: 2px 5px 0 0; }
}
@media (max-width: 1100px) {
	.right-box > .right-news > li { padding: 25px 0 15px; }
	.right-news-a { padding: 0 0 0 215px; }
	.right-news-a:hover { padding: 0 0 0 220px; }
	.right-news-left { width: 200px; height: 150px; }
	.right-news-right { min-height: 150px; } 
	.right-news-right > h1 /* 新闻标题 */ { font-size: 20px; line-height: 30px; height: 30px; }
	.right-news-right > h2 /* 内容摘要 */ { font-size: 14px; line-height: 25px; height: 75px; margin: 10px 0 15px; }
	.right-news-right > h3 /* 发布日期 */ { font-size: 12px; }
	.right-news-right > h3 > i { margin: 4px 5px 0 0; }
}
@media (max-width: 800px) {
	.right-box > .right-news { border-top: 1px dashed rgba(0,0,0,.2); }
	.right-box > .right-news > li:nth-child(1) { padding-top: 25px; }
}
@media (max-width: 500px) {
	.right-box > .right-news > li { padding: 20px 0 10px; }
	.right-box > .right-news > li:nth-child(1) { padding-top: 20px; }
	.right-news-a { padding: 0 0 0 170px; }
	.right-news-a:hover { padding: 0 0 0 170px; }
	.right-news-left { width: 160px; height: 120px; }
	.right-news-right { min-height: 120px; } 
	.right-news-right > h1 /* 新闻标题 */ { font-size: 18px; line-height: 20px; height: 20px; }
	.right-news-right > h2 /* 内容摘要 */ { font-size: 14px; line-height: 20px; height: 60px; margin: 10px 0 10px; }
	.right-news-right > h3 /* 发布日期 */ { font-size: 12px; }
}

.right-box > .right-news1      { display: block; }
.right-box > .right-news1 > li { display: block; border-bottom: 1px dashed rgba(0,0,0,.2); padding: 40px 0 20px; }
.right-box > .right-news1 > li:nth-child(1) { padding-top: 0; }
.right-news-a1 { display: block; position: relative; overflow: hidden; padding: 0 0 0 40px; }
.right-news-a1:hover { padding: 0 0 0 40px; }
.right-news-left1 { position: absolute; top: 0; left: 0; width: 30px; height: 30px; overflow: hidden; background: rgba(0,0,0,0); }
.right-news-left1 > img { position: relative; z-index: 1; }
.right-news-left1 > div /* 图片阴影 */ { width: 100%; height: 100%; position: absolute; top: 0; z-index: 2; opacity: 0; }
.right-news-a1:hover .right-news-left1 > div { opacity: .2; }
.right-news-right1 { min-height: 140px; } 
.right-news-right1 > h1 /* 新闻标题 */ { font-size: 18px; color: #084482; line-height: 23px; height:auto; overflow: hidden; }
.right-news-right1 > h2 /* 内容摘要 */ { font-size: 15px; color: #666666; line-height: 23px; height: 69px; overflow: hidden; margin: 5px 0 15px; }
.right-news-right1 > h3 /* 发布日期 */ { font-size: 14px; color: #999;    line-height: 20px; height: 20px; overflow: hidden; }
.right-news-right1 > h3 > i { margin: 1px 5px 0 0; float: left; }
.right-news-a1:hover .right-news-right1 > h2 { color: #999; }
.right-news-a1:hover .right-news-right1 > h3 { color: #ccc; }









/* --> 2--2--2. 右 -- 图片列表 */
.right-img           { width: 100%; }
.right-img > ul      { display: block; margin-left: -20px; }
.right-img > ul > li { display: block; padding: 0 0 20px 20px; width: 33.333333%; float: left; }
.right-img-a   { display: block; position: relative; overflow: hidden; }
.right-img-top { width: 100%; height: 0; padding-bottom: 66%; overflow: hidden; position: relative; }
.right-img-top > img { width: 100%; position: absolute; top: 0; left: 0; }
.right-img-top > div { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; opacity: 0; }
.right-img-a:hover .right-img-top > div /* 图片阴影 */ { opacity: .3; }
.right-img-bottom            { height: 120px; position: relative; }
.right-img-bottom > div      { background: #f7f7f7; padding: 30px 15px; position: absolute; top: 0; left: 0; width: 100%; }
.right-img-bottom > div > h1 { line-height: 30px; height: 60px; overflow: hidden; font-size: 21px; color: #333; font-weight: 600; margin-bottom: 30px; }
.right-img-bottom > div > h2 { line-height: 20px; height: 60px; overflow: hidden; font-size: 15px; color: #333; }
.right-img-a:hover { box-shadow: 0 0 20px rgba(0,0,0,.15); }
.right-img-a:hover > .right-img-bottom > div { background: #fff; top: -90px; }
@media (max-width: 1500px) {
	.right-img-bottom            { height: 100px; }
	.right-img-bottom > div      { padding: 20px 10px; }
	.right-img-bottom > div > h1 { font-size: 19px; margin-bottom: 20px; }
	.right-img-bottom > div > h2 { font-size: 14px; }
	.right-img-a:hover > .right-img-bottom > div { top: -80px; }
}
@media (max-width: 1300px) {
	.right-img > ul      { margin-left: -15px; }
	.right-img > ul > li { padding: 0 0 15px 15px; }
	.right-img-bottom            { height: 90px; }
	.right-img-bottom > div      { padding: 20px 10px; }
	.right-img-bottom > div > h1 { font-size: 17px; line-height: 25px; height: 50px; }
	.right-img-a:hover > .right-img-bottom > div { top: -80px; }
}
@media (max-width: 800px) {
	.right-img-bottom            { height: 70px; }
	.right-img-bottom > div      { padding: 10px 10px; }
	.right-img-bottom > div > h1 { margin-bottom: 10px; }
	.right-img-a:hover > .right-img-bottom > div { top: -70px; }
}
@media (max-width: 500px) {
	.right-img > ul      { margin-left: -5px; }
	.right-img > ul > li { padding: 0 0 5px 5px; width: 50%; }
}

/* --> 2--2--3. 右 -- 新闻单页 */
.pag_main { width: 100%; padding: 0; overflow: hidden;}
.sp-info-h1    /* 新闻标题 */ { font-size: 26px; line-height: 34px; padding-bottom: 10px; text-align:center; color: #333; }
.sp-info-top-b /* 发布信息 */ { color: #999; text-align: center; padding-bottom: 10px; margin-bottom: 0; border-bottom: 1px dotted #ccc; }
.news-info-m   /* 新闻内容 */ { width: 100%; padding: 30px 0px; color: #666; font-size: 16px; line-height: 28px; overflow: hidden; }
.sp-info-sxye /* 上一篇,下一篇 */ { padding: 20px 0px 0px 0px; } 
.sp-info-sxye1         { padding-bottom: 14px; color: #666; font-size: 16px; }
.sp-info-sxye1 a       { color: #666; }
.sp-info-sxye1 a:hover { color: #1c3370; }
@media (max-width: 800px) { 
	.news-info-m   { font-size: 14px; line-height: 28px; }
	.sp-info-sxye1 { font-size: 14px; }
}
@media (max-width: 480px) { 
	.news-info-m   { font-size: 14px; line-height: 24px;padding: 10px 0px 20px 0px; }
	.sp-info-sxye1 { font-size: 14px; }
}

/* --> 2--2--3. 右 -- 单页 */
.page-box { color: #666; font-size: 16px; line-height: 32px; }
@media (max-width: 800px) { 
	.page-box { font-size: 14px; line-height: 28px; }
	.sp-info-h1    /* 新闻标题 */ { font-size: 16px; line-height: 24px; padding-bottom: 10px; text-align:center; color: #333; }
}

.xg_news{ width:100%; float:left; margin-top:11px; padding:30px 0px 20px 0px; border-top: 1px dotted #ccc;}
.xg_news ul{ width:100%;  margin-top:15px;}
.xg_news ul li{ width:48%; margin-right: 2%; float:left;   font-size:14px; color:#555; line-height:35px; height:35px; display: block; overflow:hidden;}
.xg_news ul li img{ vertical-align:middle; margin:-2px 13px 0 0;}
.xg_news ul li a{ color:#555; font-size: 15px;}
.xg_news ul li a:hover{ color:#084482;}
.xg_news > h1 > i    /* 图标 */ { display: inline-block; float: left; font-size: 33px; color: #f5a100; /* logo 黄 */ margin: -1px 10px 0 0; }

/* 招贤纳士 */
.join { display: block; border: 1px solid #eee; }
.join > li { display: block; background: #fff; overflow: hidden; }
.join-title { background: #4343C5; }
.join-title > div { width: 25%; float: left; text-align: center; color: #fff; font-weight: 600; position: relative; height: 60px; line-height: 58px; font-size: 18px; }
.join-title > div::after { content: ""; position: absolute; top: 20px; right: -1px; width: 2px; height: 20px; background: #fff; }
.join-title > div:nth-last-child(1)::after { display: none; }
.join-title > div:nth-child(even) { background: rgba(255,255,255,.1); }
.join-title > div > span { display: inline-block; width: 30px; height: 30px; border-radius: 50%; border: 1px solid #fff; text-align: center; line-height: 28px; font-size: 16px; margin-right: 10px; }
.join > li:nth-child(odd) { background: #f5f5f5; }
.join-lit { display: block; }
.join-lit > li { width: 25%; display: block; float: left; font-size: 16px; color: #777; text-align: center; height: 60px; line-height: 58px; cursor: pointer; position: relative; }
.join-lit > li:nth-child(4) { text-align: center; text-indent: 0; }
.join-lit > li:nth-last-child(1)::after { display: none; }
.join-lit > li::after { content: ""; position: absolute; top: 22px; right: -1px; width: 1px; height: 16px; background: #ddd; }
.join-span { display: inline-block; width: 50%; height: 30px; line-height: 28px; text-align: center; background: #F5A100; color: #fff; font-size: 16px; font-weight: 100; border-radius: 5px; position: absolute; top: 50%; margin-top: -15px; left: 50%; margin-left: -25%; }
.join-span > i { display: inline-block; position: relative; margin-left: 5px; width: 16px; text-align: center; font-style: normal; }
.join-span-h { background: #ddd; }
.join > li > .join-lib { display: block; width: 100%; height: 0; padding: 0 75px; font-size: 20px; text-indent: 0; overflow: hidden; background: #fff; }
.join > li > .join-lib.join-lib-h { border-top: 1px solid #eee; }
.join-lib > h1 { font-size: 16px; line-height: 20px; color: #000; margin-top: 35px; }
.join-lib > h1 > span { font-size: 20px; line-height: 20px; color: #4343C5; margin-right: 30px; }
.join-lib > .h2 { font-size: 15px; line-height: 22px; color: #6d6d6d; margin-top: 30px; margin-bottom: 35px; }
.join-lib > .h2 > span { color: #000; }
@media (max-width: 1050px) {
	.join-lit > li { font-size: 15px; }
	.join-span { font-size: 15px; }
	.join > li > .join-lib { padding: 0 30px; }
	.join-lib > h1 { margin-top: 20px; }
	.join-lib > h1 > span { font-size: 18px; }
	.join-lib > .h2 { margin-bottom: 20px; }
}
@media (max-width: 770px) {
	.join-title > div { height: 50px; line-height: 48px; font-size: 14px; }
	.join-title > div > span { width: 26px; height: 26px; font-size: 12px; line-height: 24px; }
	.join-lit > li { height: 50px; line-height: 48px; font-size: 14px; }
	.join-span { width: 120px; margin-left: -60px; }
	.join-lib > h1 { margin-top: 15px; }
	.join-lib > h1 > span { margin-right: 20px; }
	.join-lib > .h2 { margin-top: 15px; margin-bottom: 15px; }
}
@media (max-width: 480px) {
	.join-title > div { width: 50%; }
	.join-title > div:nth-child(2) { display: none; }
	.join-title > div:nth-child(3) { display: none; }
	.join-lit > li { width: 50%; }
	.join-lit > li:nth-child(2) { display: none; }
	.join-lit > li:nth-child(3) { display: none; }
	.join-lit > li { color: #666; }
}


/* ====|  身边校区  |==== */
.school      { display: block; margin-left: -20px; } /* 控制间距 */
.school > li { display: block; padding: 0 0 20px 20px; float: left; width: 50%; }
.school-a       { display: block; position: relative; overflow: hidden; padding: 10px 10px 10px 210px; /* 200 + 10 */ background: rgba(8,68,130,0.1); }
.school-a:hover {  background: rgba(8,68,130,1); color: #fff;}
.school-l       { width: 200px; height: 150px; overflow: hidden; position: absolute; top: 10px; left: 10px; }
.school-l > img { width: 100%; }
.school-l > div { width: 100%; height: 100%; background: rgba(8,68,130,0.4); position: absolute; top: 100%; left: 0; }
.school-a:hover >
.school-l > div { top: 0; }
.school-l > div > span { display: inline-block; width: 120px; height: 30px; line-height: 28px; text-align: center; border: 1px solid #fff; border-radius: 3px; color: #fff; position: absolute; top: 50%; margin-top: -15px; /* 30 / 2 */ left: 50%; margin-left: -60px; /* 120 / 2 */ font-size: 16px; }
.school-r          { height: 150px; padding-left: 20px; }
.school-r > h1     { position: relative; height: 45px; overflow: hidden; margin-bottom: 5px; font-size: 20px; line-height: 30px; font-weight: 600;   padding-bottom: 15px; border-bottom: 1px dashed #ddd; }
.school-a:hover >
.school-r > h1     { border-color: #fff; }
.school-r > h1 > i    /* 图标 */ { display: inline-block; width: 30px; height: 30px; line-height: 28px; font-size: 20px; border-radius: 5px; text-align: center; color: #fff; box-shadow: 3px 3px 0 rgba(0,0,0,.2); margin-right: 15px; }
.school-r > h1 > span /* 地区 */ { position: absolute; top: 0; right: 0; width: 100px; height: 30px; line-height: 28px; text-align: center; font-weight: 600; font-size: 16px; color: #fff; border-radius: 3px; }
.school-r > .h2     {   font-size: 15px; line-height: 25px; height: 100px; overflow: hidden; }
.school-r > .h2 > b {   }
.school-a:hover > .school-r > .h2 { color: #fff; }
.school-c01 > .school-r > h1 > i, .school-c01 > .school-r > h1 > span { background: #5B8FF5; } /* 铁西区 */
.school-c02 > .school-r > h1 > i, .school-c02 > .school-r > h1 > span { background: #33DBA8; } /* 皇姑区 */
.school-c03 > .school-r > h1 > i, .school-c03 > .school-r > h1 > span { background: #F25F6A; } /* 大东区 */
.school-c04 > .school-r > h1 > i, .school-c04 > .school-r > h1 > span { background: #FDBB43; } /* 沈河区 */
.school-c05 > .school-r > h1 > i, .school-c05 > .school-r > h1 > span { background: #7D5FFF; } /* 和平区 */
@media (max-width: 1100px) {
	.school { margin-left: -10px; }
	.school > li { padding: 0 0 10px 10px; }
	.school-l { width: 160px; height: 120px; }
	.school-r { height: 120px; padding-left: 10px; }
	.school-a { padding: 10px 10px 10px 170px; }
	.school-r > .h2 { line-height: 20px; height: 80px; font-size: 14px; }
	.school-r > h1 { height: 35px; margin-bottom: 5px; font-size: 16px; line-height: 25px; }
	.school-r > h1 > i    /* 图标 */ { width: 25px; height: 25px; line-height: 23px; font-size: 16px; border-radius: 3px; box-shadow: 2px 2px 0 rgba(0,0,0,.2); margin-right: 10px; }
	.school-r > h1 > span /* 地区 */ { width: 80px; height: 25px; line-height: 23px; font-size: 14px; border-radius: 2px; }
}
@media (max-width: 800px) {
	.school { margin-left: -5px; }
	.school > li { width: 100%; padding: 0 0 5px 5px; }
	.school-l { width: 160px; height: 120px; }
	.school-r { height: 120px; padding-left: 10px; }
	.school-a { padding: 10px 10px 10px 170px; }
	.school-r > .h2 { line-height: 20px; height: 80px; font-size: 14px; }
	.school-r > h1 { height: 35px; margin-bottom: 5px; font-size: 16px; line-height: 25px; }
	.school-r > h1 > i    /* 图标 */ { width: 25px; height: 25px; line-height: 23px; font-size: 16px; border-radius: 3px; box-shadow: 2px 2px 0 rgba(0,0,0,.2); margin-right: 10px; }
	.school-r > h1 > span /* 地区 */ { width: 80px; height: 25px; line-height: 23px; font-size: 14px; border-radius: 2px; }
	.school-l > div > span { width: 100px; height: 24px; line-height: 22px; margin-top: -11px; margin-left: -50px; font-size: 14px; }
}
@media (max-width: 500px) {
	.school { margin-left: -5px; }
	.school > li { width: 100%; padding: 0 0 5px 5px; }
	.school-l { width: 120px; height: 90px; top: 5px; left: 5px; }
	.school-r { height: 90px; padding-left: 5px; }
	.school-a { padding: 5px 5px 5px 125px; }
	.school-r > .h2 { line-height: 15px; height: 60px; font-size: 12px; }
	.school-r > h1 { height: 28px; margin-bottom: 2px; font-size: 14px; line-height: 20px; }
	.school-r > h1 > i    /* 图标 */ { width: 20px; height: 20px; line-height: 18px; font-size: 12px; border-radius: 1px; box-shadow: 1px 1px 0 rgba(0,0,0,.2); margin-right: 5px; }
	.school-r > h1 > span /* 地区 */ { width: 70px; height: 20px; line-height: 18px; font-size: 12px; }
	.school-l > div > span { width: 90px; height: 20px; line-height: 18px; margin-top: -10px; margin-left: -45px; font-size: 12px; }
}
/* ====|    END    |==== */


/* 联系我们 */
.contact { margin: 100px 0 100px; }
.contact-left      { display: block; float: left; width:40%; padding-right: 40px;  padding-top: 10px;}
.contact-left > li { display: block; overflow: hidden; position: relative; margin-bottom: 0; height: 105px; line-height: 53px; }
.contact-left > li > .div  /* 文字 */ { display: inline; color: #999; line-height: 24px;  font-size: 16px; position: absolute; top: 25px; left: 65px; overflow: hidden; }
.contact-left > li > .span /* 标题 */ { position: absolute; color: #000; top: 1px; font-weight: 600; font-size: 16px; line-height: 16px; }
.contact-left > li > i    /* 图标 */ { background: #478AFF; width: 50px; height: 50px; line-height: 48px; border-radius: 20px; text-align: center; color: #fff; box-shadow: 4px 4px 0 rgba(0,0,0,.1); float: left; margin-right: 15px; font-size: 24px; }
.contact-left > li:nth-child(2) > i { background: #34D6D6; }
.contact-left > li:nth-child(3) > i { background: #F25F6A; font-size: 20px; }
.contact-right { float: left; width: 60%; height: 400px; text-align: center; border: 2px solid #ddd; border-radius: 0px; padding: 0px 0; }

.contact-right > h1 { display: inline-block; width: 160px; height: 160px; border-radius: 5px; padding: 10px; }
.contact-right > h2 { font-size: 16px; color: #999; line-height: 20px; display: inline-block; }
.contact-right > h2 > i { float: left; display: inline-block; width: 30px; height: 30px; text-align: center; line-height: 28px; font-size: 20px; }
.contact-right > h2 > span { display: inline-block; float: left; line-height: 26px; }
@media (max-width: 1100px) {
	.contact { margin: 50px 0 50px; }
}
@media (max-width: 800px) {
	.contact { margin: 30px 0 30px; }
	.contact-left { width: 100%; }
	.contact-right { width: 100%; }
	.contact-left > li { margin-bottom: 10px; height: 70px; line-height: 53px; }
	.contact-left > li > .div  /* 文字 */ { line-height: 25px; font-size: 16px; left: 50px; top: 20px; }
	.contact-left > li > .span /* 标题 */ { top: 1px; font-size: 14px; line-height: 14px; }
	.contact-left > li > i    /* 图标 */ { width: 40px; height: 40px; line-height: 38px; border-radius: 10px; box-shadow: 3px 3px 0 rgba(0,0,0,.1); margin-right: 10px; font-size: 20px; }
	.contact-right > h1 { padding: 0; }
	.contact-right > h2 > .span { font-size: 14px; }
}
@media (max-width: 500px) {
	.contact-left > li > .div { font-size: 14px; }
}


/*  ==== |  表单  | ====  */
.form-box { background: #07A9FC; margin: 100px 0 50px; }
/* 表单 */
.form-l { width: 70%; float: left; display: block; padding-right: 30px; background: #fff; }
.form-l > li { display: block; position: relative; margin-bottom: 30px; text-align: center; }
.form-l > li:nth-last-child(1) { margin-bottom: 0; }
.form-l > li > input[type="text"] { width: 100%; height: 50px; border: 1px solid #ddd; padding: 0 15px 0 50px; font-size: 15px; border-radius: 5px; }
.form-l > li > input[type="text"]:focus { border-color: #07A9FC; }
.form-l > li > i { width: 30px; height: 30px; border-radius: 10px; background: #07A9FC; position: absolute; top: 10px; left: 10px; text-align: center; line-height: 30px; color: #fff; font-size: 16px; box-shadow: 2px 2px 0 rgba(0,0,0,.2); }
.form-l > li > textarea { width: 100%; border: 1px solid #ddd; border-radius: 5px; padding: 15px; font-size: 15px; }
.form-l > li > textarea:focus { border-color: #07A9FC; }
.form-l > li > button { width: 280px; height: 46px; border-radius: 5px; background: #07A9FC; text-align: center; line-height: 44px; font-size: 18px; color: #fff; border-width: 0; cursor: pointer; }
.form-l > li > button:hover { box-shadow: 0 0 20px rgba(0,0,0,.2); }
/* 表单 END */
.form-r { width: 30%; float: left; padding: 0 25px; }
.form-r > h1 { font-size: 22px; font-weight: 600; color: #fff; line-height: 30px; margin: 60px 0 30px; }
.form-r > h2 > div { padding: 0 0 0 30px; position: relative; line-height: 25px; font-size: 16px; color: #fff; margin-bottom: 10px; }
.form-r > h2 > div > i { width: 25px; height: 25px; border-radius: 50%; border: 1px solid #fff; text-align: center; line-height: 23px; font-size: 14px; position: absolute; top: 0; left: 0; }
@media (max-width: 1500px) {
	.form-box { margin: 70px 0 20px; }
}
@media (max-width: 1100px) {
	.form-box { margin: 0; }
}
@media (max-width: 800px) {
	.form-box { margin-top: 40px; }
	.form-r { display: none; }
	.form-l { width: 100%; padding-right: 0; }
	.form-l > li { margin-bottom: 15px; }
	.form-l > li > i { width: 20px; height: 20px; border-radius: 5px; line-height: 18px; font-size: 12px; top: 10px; left: 10px; }
	.form-l > li > input[type="text"] { height: 40px; padding: 0 10px 0 40px; }
	.form-l > li > textarea { padding: 10px; }
	.form-l > li > button { width: 220px; height: 40px; line-height: 38px; font-size: 14px; }
}
@media (max-width: 480px) {
	.form-box { margin-top: 0; }
}
/*  ==== |  END  | ====  */


/*  ==== |  右侧功能导航  | ====  */
.fixed-right     { display: block; position: fixed; top: 50%; right: 5px; width: 70px; z-index: 100; }
.fixed-right > a { display: block; position: relative; width: 70px; height: 70px; border-radius: 5px; margin-bottom: 5px; text-align: center; color: #fff; }
.fixed-right > a > i    { display: inline-block; line-height: 30px; font-size: 24px; margin-top: 5px; }
.fixed-right > a > span { display: block; line-height: 30px; height: 30px; font-size: 15px; }
.fixed-right > a > div  { position: absolute; right: 80px; display: none; opacity: 0; }
.fixed-right > a:hover > div /* 二级菜单 */ { opacity: 1; display: block; box-shadow: 0 0 20px rgba(0,0,0,.2); }
.fixed-right > a > div.fixed-right-phone  /* 电话 */ { background: #51b7ec; width: 300px; height: 46px; line-height: 44px; text-align: center; font-size: 16px; border-radius: 5px; top: 12px; }
.fixed-right > a > div.fixed-right-weixin /* 微信 */ { width: 120px; height: 120px; border: 1px solid #eee; top: -25px; }
.fixed-right > a:nth-child(1) { background: #f25f6a; } /* 红 背景色 */
.fixed-right > a:nth-child(2) { background: #fdbb43; } /* 黄 */
.fixed-right > a:nth-child(3) { background: #51b7ec; } /* 蓝 */
.fixed-right > a:nth-child(4) { background: #33dba8; } /* 绿 */
@media (max-width: 1100px) { .fixed-right { display: none; } /* 消失 响应式 */ }
/*  ==== |    E N D     | ====  */






/*首页弹窗*/
.pf_mb{ width:100%; height:100%; position:fixed; left:0; top:0; background:url(img/bg_9.png); z-index:9999; display:none;}
.tc_box{ width:930px; height:434px; background:url(img/bg_8.png); position:fixed; left:50%; top:50%; margin:-182px 0 0 -465px; padding:57px 55px 0 55px; z-index:10001; display:none;}
.tc_box .bian{ width:96%; height:92%; border:dashed 1px #4e9def; left:2%; top:4%; position:absolute; z-index:1;}
.tc_box .btn{ width:42px; height:42px; position:absolute; right:35px; top:33px; cursor:pointer; z-index:9999;}
.tc_box .title{ width:100%; float:left; }
.tc_box .title span{ display:block; float:left; font-size: 36px; color: #fff;}
.tc_box ul{ margin:60px -10px 10px -10px; z-index:9999; position:relative;}
.tc_box ul li{ width:50%; float:left; margin-top:20px; padding:0 10px;}
.tc_box ul li .zbox{ width:100%; float:left; border:solid 1px #4e9def; padding:0 4px 0 60px; position:relative;
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
-khtml-border-radius:6px;
border-radius:6px;}
.tc_box ul li .zbox .ico{ width:54px; height:54px; position:absolute; left:6px; top:0;}
.tc_box ul li .zbox .ico img{ width:100%; float:left;}
.tc_box ul li .zbox .name{ float:left; font-size:16px; color:white; line-height:54px;}
.tc_box ul li .zbox .txk{ margin-left:38px; position:relative;}
.tc_box ul li .zbox .txk input{ display:block; width:100%; height:54px; line-height:54px; color:white; font-size:16px; background:none; border: 0px;}
.tc_box ul li.l1 .zbox .txk{ margin-left:88px;}
.tc_box ul li.l2 .zbox .txk{ margin-left:56px;}
.tc_box ul li.l3{ width:100%;}
.tc_box ul li.l3 textarea{ display:block; width:100%; height:75px;border:solid 1px #4e9def; padding:10px 19px; font-size:16px; line-height:24px; background:none; color:white;
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
-khtml-border-radius:6px;
border-radius:6px;}
.tc_box ul li.l3 textarea
.tc_box ul li.l2.l2_yz .zbox .txk{ padding-right:133px;}
.tc_box ul li.l2.l2_yz .zbox .txk span{ width:129px; height:51px; position:absolute; right:2px; top:2px; cursor:pointer;}
.tc_box ul li.l2.l2_yz .zbox .txk span img{width:100%; height:100%;}
.tc_box ul li.l4 input{ display:block; width:100%; height:56px; line-height:54px; color:#4e9def; font-size:24px; cursor:pointer; background:white;  border:solid 1px white;
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
-khtml-border-radius:6px;
border-radius:6px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.tc_box ul li.l4 input:hover{ background:#4e9def; color:white;}
@media screen and (max-width:991px) {
.tc_box{ width:92%; height:364px; left:4%; margin:-182px 0 0 0; padding:37px 35px 0 35px;}
.tc_box .btn{ width:22px; height:22px; right:20px; top:28px;}
.tc_box .title{ height:47px;}
.tc_box .title img{ height:100%;}
.tc_box .title span{ height:40px; margin-left:11px; margin-top:4px;}
.tc_box ul{ margin:0px -5px 0px -5px; display: block; padding-top: 50px; }
.tc_box ul li{ margin-top:10px; padding:0 5px;}
.tc_box ul li .zbox{ padding:0 4px 0 40px;}
.tc_box ul li .zbox .ico{ width:34px; height:34px;}
.tc_box ul li .zbox .name{ font-size:14px; line-height:34px;}
.tc_box ul li .zbox .txk{ margin-left:32px;}
.tc_box ul li .zbox .txk input{ height:34px; line-height:34px; font-size:14px;}
.tc_box ul li.l1 .zbox .txk{ margin-left:78px;}
.tc_box ul li.l2 .zbox .txk{ margin-left:46px;}
.tc_box ul li.l3 textarea{ padding:6px 14px; font-size:14px; line-height:22px;}
.tc_box ul li.l2.l2_yz .zbox .txk{ padding-right:83px;}
.tc_box ul li.l2.l2_yz .zbox .txk span{ width:79px; height:31px; top:1px;}
.tc_box ul li.l4 input{ height:36px; line-height:34px; font-size:18px;}
}
@media screen and (max-width:767px) {
.tc_box ul li{ width:100%;}
.tc_box{ height:484px; margin:-242px 0 0 0;}
}
@media screen and (max-width:480px) {
.tc_box{ height:444px; margin:-222px 0 0 0; padding:27px 25px 0 25px;}
.tc_box .title{ height:27px;}
.tc_box .title span{ height:20px; margin-left:6px;}
.tc_box .bian{ height:96%; top:2%;}
}