﻿.text-gray-666{color:#666;}
.color026{color: #0268b3;}
.bgf4{background:#f4f4f4;}
.bg026{background:#0268b3;}
.bgc4a{background: #c4aa30; background: url(../images/jsbg.html) no-repeat;
    background-size: 100% 100%;}
.padding-40-top{padding-top:40px;}
.padding-40-bottom{padding-bottom:40px;}
.margin-40-top{margin-top:40px}
.margin-40-bottom{margin-bottom:40px}
.padding-15-right{padding-right:15px;}
.line-height-28{line-height:28px;}
.padding-left-45{padding-left:45px;}
.maxheight220{max-height:220px;}
.border-none{border:none;}
.mb0{margin-bottom:0px;}
.minheight52{min-height: 52px;}
.plaque{text-align:center;font-size:16px;color:#000;  /**text-shadow: 0 0 10px #fedc3d**/}
.head-top a{color:#fff}
.search-war{padding:0px;padding-right:25px;}
.search-text{border:1px solid #fff;border-radius: 15px;background:#0268b3; color:#fff; width:120px;padding:0px 23px 0px 10px;}
.search-form{position:relative;}
.search-buttom-icon{background:url("../images/search-text.html") no-repeat;border:none;width:14px;height:14px;top:4px;right:8px;position:absolute;}
.head-top-right a{margin-left:10px;}
.navbar-body .nav a.active{border-bottom:2px solid #0268b3; color:#0268b3;}
.navbar-body.nav-navicon.padding-big-top{padding-top:17px;}

.video-title {padding-left:0px;width:130px;position:absolute;top:0px;left:0px;}
.video-title li{list-style-type:none;padding-left:0px; border-bottom:1px solid #ddd; background:#fff;text-align:center;padding:17px 0px; cursor:pointer}
.video-title li:last-child{padding-bottom:15px;}
.video-title .video-active{background:#007db8;color:#fff;}
.video-list{padding-left:130px;}

.set-video{}
.set-video video{width:100%; background:#ccc; max-width:615px;max-height:345px;}
.new-list .date,.new-p-list .date{font-size:14px;}
.new-list  li{line-height: 30px;}
.new-p-list{list-style: none; padding-left:40px;}
.new-n-p-list{padding-left:20px;}
.new-n-p-list .date{padding-right: 20px;}
.new-p-list li{margin-bottom: 7px;}
.new-p-list p.float-left img{ max-width:106px;}
.img-height58{height:58px}
.card-body{transition: all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;background:#fff;border:1px solid #e7e7e7; max-height:272px; padding:42px 49px; border-radius:6px;}
.card-body:hover {
	transition: all .3s cubic-bezier(0.175,0.885,0.32,1) 0s;
	background:#f4f4f4;
}
.card-body.paleg{border-bottom:#8f000b 6px solid;}
.card-body.blue{border-bottom:#0268b3 6px solid;}
.card-body.goldenrod{border-bottom:#c4aa30 6px solid;}
.line-large {
    margin-left: -15px;
    margin-right: -15px;
}
.line-large .xs4,.line-large .xl4,.line-large .xb4{    
	position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.list-bootm{padding-left:10px;}
.list-bootm li{line-height:24px;}
.list-bootm li a{color:#fff;}
.list-bootm li a:hover{color:#0192fd}
.footer p{margin-bottom:0px; font-size:12px;}
.navbar-body .nav a{padding-bottom:13px;}
.parallel{max-height: 220px;overflow:hidden;}
.parallel img{ height:100%;}
.container-xm4 .xb4,.container-xb6 .xb6{padding:10px;}
.container-xm4 .xb4 img, .container-xb6 .xb6 img{ padding:20px; padding-bottom:0px;margin-right:20px; background:#f4f4f4}
.container-xm4 .xb4 .media-body, .container-xb6 .xb6 .media-body{background:#f4f4f4;padding:20px;padding-top:0px;margin-top:0px}
.container-xb6 .xb6 .media-body{ min-height: 92px;}
.container-xb6 .line-middle{ margin-left: -9px;}
.container-xm4 .xb4 .img-responsive, .container-xb6 .xb6 .img-responsive{width:100%;}
.menu-title{color:#fff;padding:30px 20px;background:#0268b3;}
.menu-container .list-link{border:0px;}
.menu-container .view-body{background:#f4f4f4}
.menu-container .list-link a{font-size:16px; padding-top:15px;padding-bottom:15px;border-bottom:1px solid #ddd; }
.menu-container a.active, .menu-container .list-link a.active:link{color:#0268b3;border-bottom:1px solid #0268b3; }
.menu-list .bread li:after, .bread-container .bread li:after{content: "\f105";display: inline-block;font-size:14px; color:#686868;
    font-family: "FontAwesome";
    font-weight: normal;
    font-style: normal;
    vertical-align: baseline;
    line-height: 1;
    -webkit-font-smoothing: antialiased;}
.menu-list{padding-left:40px;padding-top:0px;}
.menu-list .bread,.bread-container .bread{padding-top:0px;padding-left:0px; border-bottom:1px solid #ededed;}
.menu-list .icon-home:before, .bread-container .icon-home:before{content: "\f041"; font-size:14px; margin-right:10px; color:#999}
.menu-list .bread a, .bread-container .bread a{color:#0268b3;}
.menu-list-title{padding-top:10px;}
.menu-list-title .button{border-radius:15px;padding:3px 15px; color:#333;font-size: 12px;}
.menu-list-title .drop-menu a{font-size: 12px;}
.menu-list .view-body{margin-top:20px; background:#fff;}
.menu-list .view-body .list-underline.list-striped li{padding:15px 20px;}
.menu-list .view-body .list-text.list-underline li{line-height:18px;background:#f5f5f5; border-bottom:none; margin-bottom:5px;}
.menu-list .view-body .list-text .date{font-size:14px;}
.menu-list .describe{ border-bottom:1px solid #ededed;  padding:20px 0px;}
.describe p{margin:0px; text-align:right;}
.menu-list .content{padding:20px 0px 100px;}

.train p{margin-bottom:0px;}
.list-toggle-content{border-bottom:1px solid #0268b3;}
.menu-container .toggle a.active, .menu-container .list-toggle a.active:link{border-bottom:none;}
.list-toggle-content li{ list-style: none; font-size:14px; color:#333;padding-left:20px;}
.list-toggle-content li .li-square{background:#333;padding:2px;float: left;margin-top:9px;margin-left:-8px;}

.menu-container .list-toggle .list-toggle-content  a{padding:5px 0px; font-size:14px;padding-left:10px;}
.menu-container .list-toggle .list-toggle-content  a:hover .li-square{background:#0268b3;}

.list-toggle2-content{padding-left:0px;}

.menu-container .list-toggle .list-toggle-content a.toggle-active{color:#0268b3;border-bottom:1px solid #0268b3;font-weight:bold;}
.menu-container .list-toggle .list-toggle-content a.border-none{border-bottom:none;}
.menu-container .list-toggle .list-toggle-content .list-toggle2-content .toggle-active{ font-weight:normal}
.list-toggle-content li:last-child a{border-bottom:none;}
.list-toggle-content li a.toggle-active .li-square{background:#0268b3}
.w70{width:70%;}
.text-middle{display:inline-table; font-size:16px; vertical-align: middle;}
.text-middle.text-default{font-size:14px;}
.text-middle .tm-title{color:#0268b3;background:#f4f4f4; padding:10px 20px;margin-bottom:0px;}
.text-middle .tm-team-title{color:#0268b3;background:#f4f4f4;margin-bottom:0px;}
.c-l-p p{margin-bottom:0;}
.nav-f-style .nav-inline li a{font-size:14px;border-right:1px solid #fff;}
.nav-f-style .nav-inline li:last-child a{border-right:none;}
.bg-inverse .nav-f-style  li a:hover,.bg-inverse .nav-f-style  li a.nav-active{background:#0067aa;}
.xbanner .xb8{width: 69.666667%; }
.xbanner .xb8 img{width:100%;max-width:821px;}
.xbanner .xb4{width: 29.333333%;}
.xbanner .xb4 .text-right{position:relative;}
.xbanner .xb4 .text-right img{width:95%;max-width:330px;border-radius:4px;border-bottom-left-radius:0;border-bottom-right-radius:0;}
.xbanner .xb4 .text-right .text-bottom{margin-bottom:0px;width:95%;position:absolute;bottom:0px; right:0px;background:#2b7ab3;padding:10px; text-align:center;color:#fff;font-size:18px; border-radius:4px;border-top-left-radius:0;border-top-right-radius:0;    opacity: 0.8;}

.image-big-text .media-body{border-bottom:3px solid #04629f; border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
.image-big-text .media {text-align:center}
.image-big-text .media a img{width:100%; }
.leader .us-text p{margin-bottom:0px;}
.leader .us-text p.margin-small-bottom{margin-bottom:5px;}
.leader .us-text{padding:20px;padding-left:0px;}
.leader .xl7 img{padding:20px;    width: 100%;}

.a-list .line-small .xb4 {width: 36.333333%;}
.a-list .line-small .xb8{width: 63.666667%;}
.a-list .line-small .xb4 .padding-big{padding-right:0px;}
.a-list .line-small .xb4 .padding-big .float-right{ width: 42%;}
.a-list .line-small .bg{height:257px;}
.a-g-list .line-big .bg{height:332px;}

.a-gh-list .line-big .bg{height:270px;}
.a-g-list .line-big .padding-big .float-right{ width: 62%;}

.offset-ul{padding-left:0px;margin-right:43px;border-right:1px solid #ddd}
.offset-ul li{ list-style-type: none; padding:5px 0px; text-align:right; position:relative;margin-right: 5px;}
.v-line{position:absolute; background:#8f000b;width:5px; height:28px; top:8px;right: -8px;}
.offset-ul li a{color:#666;font-size:16px;padding-right:20px;}
.offset-ul li a:hover{color:#0268b3;}
.offset-ul li.offset-active a{color:#333;font-size:28px;font-weight:bold;}
.progress-carousel{padding:30px 54px; position:relative;}
.progress-carousel .ear{position:absolute;top:38%; cursor:pointer}
.progress-carousel .icon-angle-left,.progress-carousel .icon-angle-right{ font-size:50px; color:#d5d5d5;}
.progress-carousel a:hover{color:#666;}
.progress-carousel .icon-angle-left{left:17px;}
.progress-carousel .icon-angle-right{right:17px;}
.progress-carousel .pointer,.progress-carousel .pager-prev.icon-angle-left,.progress-carousel .pager-next.icon-angle-right{display:none;}
.power .bg-inverse .nav-inline.nav-big li a{background:#999;    padding: 5px 40px;}
.power .bg-inverse .nav-f-style li a:hover, .power .bg-inverse .nav-f-style li a.nav-active{background: #0067aa; color:#fff;}

.power .text-middle .tm-title{padding-left:0px; font-size:16px;}
.power .w70 {width: 53%;}
.power  .text-middle{font-size:14px;}

.maps{padding-left:55px;}
.maps img{max-width:1060px; width:100%;}
.contact-us{padding-left:55px;padding-right:55px;}
.contact-us .media{text-align:center}
.contact-us .media p{text-align:center}
.contact-us .media a img{border-radius:100%;}

.course .line-big .label{padding-bottom:0px;line-height:34px;}
.course .line-big label{font-weight:100;font-size:16px;}
.save{padding:10px 35px; background:#0268b3; border:none;}
.w200{width:200%;}

.ability .xl12.xs6.xm4.xb4.margin-large-bottom .media-body h4.padding-top,
.old_boy .xl12.xs6.xm4.xb4 .media-body h4.padding-top{min-height: 52px;}
.old_boy.container-xm4 .xb4{padding: 5px 10px;}
.index_metro .arrow {
    position: absolute;
    top: 20px;
    border: 10px solid transparent;
    width: 0;
    height: 0;
    z-index: 2;
    left: -2px;
    border-left-color: #f4f4f4;
}
.index_metro .more {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: url(../images/bg-gray.png);
    text-align: center;
    display: none;
}

.index_metro .more a {
    display: block;
    height: 31px;
    width: 92px;
    margin: 109px auto;
    border: 1px solid #FFF;
    background: #0080C4;
    text-align: center;
    font-size: 14px;
    line-height: 31px;
     padding: 0px;
    color: #FFF;
}

.index_metro.on.metro_1 .arrow, .index_metro.on.metro_2 .arrow {
    border-left-color: #0180C5;
}
.on.metro .bg {
    background: #007FC4;
    color: #FFF;
}
.on.metro .bg .color026{color: #FFF;}
.metro_img{width:100%;}
.balance .text-middle p{margin-bottom:0px;}
.item-group .bgf4,.item-group .bgc4a,.menu-list .bgf4,.old_boy .media,.menu-list .view-body .list-text.list-underline li{ transition: all 0.5s ease;}
.item-group .bgf4:hover ,.menu-list .bgf4:hover,.old_boy .media:hover,.menu-list .view-body .list-text.list-underline li:hover, .item-group .bgc4a:hover{
	    box-shadow: 0px 0px 10px #ccc;
}
.list-toggle a{cursor: pointer;}
.head-top .container-layout .float-left a:hover{color:#f1f1f1}

.balanceHeight .bg.padding-big img{
	max-width:125px
}
.balanceHeight .float-right{width:53%;}
.smallLine .content .xl12 .bgf4 .layout a img{max-width: 150px;}
.smallLine .content .xl12 .bgf4 .layout a .isdisplay span{font-size:18px;}
.superiority-nav .navbar{border-bottom:1px solid #007db8;}
.superiority-nav .bg-inverse .nav-inline.nav-big li a{padding:0px 20px; color:#333;border-right: 1px solid #ddd;background:#fff;}
.superiority-nav .bg-inverse .nav-inline.nav-big li:last-child a{border-right:none;}
.superiority-nav .bg-inverse .nav-f-style li a:hover,.superiority-nav .bg-inverse .nav-f-style li a.nav-active{ color: #fff;    background: #007db8;}
.prof-list .line-big .padding-big .float-right{width: 53%;}



/*---slide show skin---*/
.edslider{
	position:relative;
	margin:auto;
}
.edslider ul{
	list-style:none;
	position:relative;
	padding:0;
	margin:0;
}
.edslider > ul{
	background:#fff;
	display:block;
	overflow:hidden;
}
.edslider > ul li{
	display:none;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
}
.edslider a{
	display:block;
}
.edslider a img{
	border:0;
}
.edslider .current{
	z-index:1 !important;
}
/*---controls---*/
.edslider .controls{
	top: 0;
	height: 0;
	position:absolute;
	width: 100%;
	z-index:2;
}
.edslider .controls .navigator{
	background: rgba(0,0,0,.1);
	background-image:url(../images/sprite-navigator.html);
	cursor:pointer;
	display:block;
	width:50px;
	height:85px;
	position: absolute;
	overflow: hidden;
	transition: background .2s;
}
.edslider .controls .next{
	background-position:0 82px;
	right: 0;
}
.edslider .controls .prev{
	background-position:0 0;
	left: 0;
}
.edslider .controls .next:hover,
.edslider .controls .prev:hover{
	background-color: rgba(0,0,0,.4);
}
.edslider .controls .paginator{
	position: relative;
	text-align: center;
}
.edslider .controls .paginator li{
	background:rgba(0,0,0,.3);
	border-radius: 8px;
	box-sizing: border-box;
	display:inline-block;
	height:16px;
	width:16px;
	margin:0 3px;
	cursor:pointer;
	transition: background .2s;
}
.edslider .controls .paginator li.current,
.edslider .controls .paginator li:hover,
.edslider .progress{
	background:rgba(255,255,255,.5);
}
.edslider .progress{
	position: absolute;
	top: 0;
	height:3px;
	z-index:2;
}

.first_img img{position: absolute;top:54px;}

@media (min-width: 590px){
.mechanism .xb2{width:20%}
}

@media (max-width: 1200px){
	.nav-menu.navbar-right{float:left; margin-top:20px;margin-left:78px;}
	.card-body{padding-top:30px;}
	.parallel .padding-large-left.padding-large-right.padding-big-top.padding-big-bottom.bg.maxheight220{padding:10px 20px;}
	.xpadd40{padding-top:40px;}
	.container-xm4 .xm4 {padding-left:20px;padding-right:20px;}
	.bg-inverse .nav-f-style .nav-inline li a{    padding: 5px 11px}
	
	.image-big-text .xl12.xs6.xm4.xb3 .media.padding-bottom {padding-bottom:20px;}
	
	.a-list .line-small .xb4 .padding-big{height:auto;padding-bottom:0px;}
	.a-list .line-small .xb4 .padding-big.bg{height:216px;}
	.a-list .line-small .xb4,.a-list .line-small .xb8{    width: 100%;}
	.a-list .line-small .xb4 .padding-big .float-right{float:left!important;width:auto;margin-left:20px;}
	.a-list .line-small .xb4 .padding-big  img{float:left;}
	
	.a-g-list .line-big.margin-big-bottom .xl6.xs6.xm6.xb6{width:100%} 
	.metro_img{width:auto;}
	.new-container .date {
    display: none;
    }
    
    .balanceHeight .float-right{float: none!important; width:auto;margin-top:10px;}
	
	.video-title li{ padding: 10px 0px;}
}
@media (max-width: 999px){
	.navbar-body .nav a{font-size:14px; padding: 0px 8px 13px;}
	.set-video{float:none;width:100%;}
	.set-video video{max-width:100%;}
	.us-text{width:100%;}
	.us-text .padding-left-45{padding-left:0px;}
	.new-container{padding-bottom:20px;}
	.new-container .xl6{float:none;width:100%;}
	.new-list,.new-container .float-right.padding-big-right.text-default{padding-right:0px;}
	.new-p-list{padding-left:20px;}
	
	.xs12pad30{margin-top:30px}
	.parallel{overflow:auto;max-height:100%;}
	.parallel .xs6{width:100%;text-align: center;}
	.parallel .xs6 img{width: 100%;}
	
	.w70{width:60%;}
	.nav-f-style .nav-inline li a{border-right:none;}
	
	.xbanner .xb4 .text-right.margin-big-bottom{margin-bottom: 13px;}
	
	.leader .xl7 {width:100%;}
	.leader .us-text{padding-left:20px;}
	
	.offset-ul{display:none;}
	
	.isdisplay{display:block;margin-left: 57px;}
	.index_metro .arrow{display:none;}
	.video-title li{ padding: 19px 0px;}
	
	.a-g-list .line-big .padding-big .float-right{ width: 56%;}
}
@media (max-width: 760px){
.search-war{padding-right:0px;}
.navbar-head  a img{width:60%;}
.navbar-head .icon-navicon{border:none;color:#0268b3;font-size: 2.5em;}
.navbar-body{background:transparent;border:none}
.nav-menu.navbar-right{margin-left:0px; width: 100%;}
.navbar-body .nav a{ padding: 13px 8px 13px;font-size:16px;}
.menu-container .xl3.xs3.xm3.xb3,.menu-container .xl9.xs9.xm9.xb9 {width:100%;}
.menu-container .xl9.xs9.xm9.xb9 .menu-list{ padding-left: 0px;margin-top:20px}
.menu-container .xl9.xs9.xm9.xb9 .menu-list .bread{display:none}
.w70{margin-top:10px;width:95%}
.bg-inverse .nav-f-style .nav-inline li a{padding: 10px}

.course .xl12 .w200{width:100%;}

.ability .xl12 .media {text-align:center}

.video-title{width:100%;position:static;}
.video-title li{float:left;padding:15px}
.video-list{padding-left:0px;}
.video-title li:last-child{padding-bottom:15px}
.superiority{ margin-left: 0px;}
.superiority-nav .bg-inverse .nav-inline.nav-big li a{padding:10px 20px;border-right:none}
.prof-list .line-big .padding-big .float-right{width:75%}

.a-g-list .line-big .padding-big .float-right{    width: 76%;}
}

@media (max-width: 630px){
	.card-body{padding:20px 30px}
	.first_img img{width:80%}
}
@media (max-width: 560px){
.xs12pad30{margin-top:0px;width:96%;}
	.bus-container .xl6{width:96%; padding-bottom:30px;}
	.parallel img{width:100%;}
	.parallel .xs6 img{margin:0px;}
	.new-list{}
	.new-container .date{display:none;}
	
.a-g-list .line-big .bg{    height: auto;margin-bottom:10px;}
.a-g-list .line-big .padding-big .float-right{float:none!important;width:100%;margin-top:10px;}
.search-form {
   
    margin-top: 2px;
}
.layout.bg .container.padding-large-left.padding-large-bottom{padding-left:10px;}
.new-p-list{padding-left: 0px;}
.padding-large-top.padding-big-bottom.padding-big-left.activity-h2{    padding-left: 0px;}
.index_attract{text-align:center}
.line.new-container.margin-large-bottom .xl12.xs4.xm4.xb4 .padding-big-left{padding-left:0px;}
.menu-list .content{ padding: 20px 0px 20px;}
.leader .us-text{padding-top:0px;}
.xbanner .xb8,.xbanner .xb4{width:100%;}
.xbanner .xb4 .text-right .text-bottom{width:auto;}
.xbanner .xb4 .text-right img{width:auto}
.list-text.padding-big-left.new-p-list .xl6.xs6.xm6.xb6 .media.media-x .media-body .xl9{width: 93%;}
.content.ability .layout .xl12.xs6.xm4.xb4.margin-large-bottom{text-align: center;}

}
@media (max-width: 450px){
.video-title li{float:left;padding:5px}
.video-title li:last-child{padding-bottom:6px}
}
@media (max-width: 376px){
	.head-top-right a{margin-left: 5px;}
}
