/************
 * 页面样式
 ************/
/*=============
 * 基础默认样式
 =============*/

html{
    font-size:14px;
	color: #333;
	min-width: 320px;
	font-size: 100%;
}
:selection{
	background: #b3d4fc;
	text-shadow: none;
}

ul,h1,h2,h3,p,div,dl,dt,dd,figure,figcaption{
	margin: 0;
	padding: 0;
}
li{list-style: none;}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
img{ max-width: 100%; height: auto; transition: all .5s;}
/*=============
 * 工具样式
 =============*/
.center-block{
	display: block;
	margin-right: 0;
	margin-left: 0;
}
.pull-right{
	float: right !important;
}
.pull-left{
	float: left !important; 
}
.col-5{float:left; width:40%;}
.col-6{float:left; width:50%;}
.col-7{float:left; width:60%;}
.col-8{float:left; width:70%;}
.text-right{
	text-align: right !important;
}
.text-left{
	text-align: left !important;
}
.text-center{
	text-align: center !important;
}
.d-flex{display:flex;}
.justify-content-between{justify-content:space-between;}
.align-items-center{align-items:center;}
.hide{
	display: none !important;
}
.show{
	display: block !important;
}
.invisible{
	visibility: hidden;
}
.text-hide{
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}
.font-085{font-size:.85rem !important;}
.font-09{font-size:.9rem !important;}
.font-11{font-size:1.1rem !important;}
.font-12{font-size:1.2rem !important;}
.font-15{font-size:1.5rem !important;}
.font-weight-bold{font-weight:bold;}
.font-weight-normal{font-weight:normal !important;}
.mr-md-3{margin-right:1.5rem;}
.mt-1{margin-top:.5rem;}
.mt-2{margin-top:1rem;}
.mt-3{margin-top:1.5rem;}
.mt-4{margin-top:2rem;}
.mt-8{margin-top:4rem;}
.ml-2{margin-left:1rem;}
.mr-2{margin-right:1rem;}
.mb-0{margin-bottom:0 !important;}
.mb-1{margin-bottom:0.5rem !important;}
.mb-2{margin-bottom:1rem;}
.mb-3{margin-bottom:1.5rem;}
.mb-4{margin-bottom:2rem;}
.pt-2{padding-top:1rem;}
.pt-3{padding-top:1.5rem;}
.pt-4{padding-top:2rem;}
.pt-5{padding-top:2.5rem;}
.pt-6{padding-top:3rem !important;}
.pb-0{padding-bottom:0 !important;}
.pb-2{padding-bottom:1rem !important;}
.pl-1{padding-left:.5rem;}
.pl-2{padding-left:1rem;}
.pr-1{padding-right:.5rem;}
.pr-2{padding-right:1rem;}
.p-1{padding:.5rem;}
.p-2{padding:1rem;}
.p-3{padding:1.5rem;}
.p-4{padding:2rem;}
.p-5{padding:2.5rem;}
.d-table-cell{display:table-cell;}
.d-block{display:block;}
.d-inline-block{display:inline-block;}
.w-49{width:49%;}
.w-100{width:100%;}
.w-1000{width:1000px !important;}
.bg-f1f1f1{background-color:#f1f1f1;}
.text-box{ padding-top: 1rem; font-size: .875rem;}
.text-left{text-align:left !important;}
.text-red{color:#F13A3A !important;}
.text-primary{color:#007bff;}
.text-green{color:green;}
.text-gray{color:#999;}
.text-light{color:#ccc;}
.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.clearfix{clear:both;}
.clearfix:after,.clearfix:before{
	content: '';
	display: table;
	  }
.clearfix:after{
	clear: both;
	}

*{box-sizing: border-box;}
.hr-0 {
  margin-top: .1rem;
  margin-bottom: .1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
.list-none{list-style:none; margin:0; padding:0;}

.badge{display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem;}
.badge:empty{display: none;}
.btn .badge{position: relative; top: -1px;}
.badge-pill{padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem;}
.badge-primary{color: #fff; background-color: #007bff;}
.badge-primary[href]:hover, .badge-primary[href]:focus{color: #fff; text-decoration: none; background-color: #0062cc;}
.badge-secondary{color: #fff; background-color: #6c757d;}
.badge-secondary[href]:hover, .badge-secondary[href]:focus{color: #fff; text-decoration: none; background-color: #545b62;}
.badge-success{color: #fff; background-color: #28a745;}
.badge-success[href]:hover, .badge-success[href]:focus{color: #fff; text-decoration: none; background-color: #1e7e34;}
.badge-info{color: #fff; background-color: #17a2b8;}
.badge-info[href]:hover, .badge-info[href]:focus{color: #fff; text-decoration: none; background-color: #117a8b;}
.badge-warning{color: #212529; background-color: #ffc107;}
.badge-warning[href]:hover, .badge-warning[href]:focus{color: #212529; text-decoration: none; background-color: #d39e00;}
.badge-danger{color: #fff; background-color: #dc3545;}
.badge-danger[href]:hover, .badge-danger[href]:focus{color: #fff; text-decoration: none; background-color: #bd2130;}
.badge-light{color: #212529; background-color: #f8f9fa;}
.badge-light[href]:hover, .badge-light[href]:focus{color: #212529; text-decoration: none; background-color: #dae0e5;}
.badge-dark{color: #fff; background-color: #343a40;}
.badge-dark[href]:hover, .badge-dark[href]:focus{color: #fff; text-decoration: none; background-color: #1d2124;}

/*=============
 * 浏览器更新提示
 =============*/
.browerupgrade{
	margin: 0;
	padding: 1rem;
	background: #ccc;
}

/*=============
 * 自定义页面样式
 =============*/
body{
	line-height: 1.8;
	background: #fff;
	font-family: Microsoft YaHei;
}
body.myp2c_show{overflow:hidden;}

a{
	color: #215E95;
	text-decoration: none;
	transition: all .4s; 
}
a:active,a:hover{
	color: #D80808;
	text-decoration: none;
}
a.primary{color:#007bff;}
a.primary:active, a.primary:hover{color:#035ab7;}
a.disabled{color:#aaa;}

.container{ max-width: 77em; margin: 0 auto; padding: 0 1rem;}

.navbar{
	background: #fff;
	/*overflow: hidden;*/
	/*
	box-shadow: 0 1px 2px rgba(0,0,0,.4);
	position: fixed;
	z-index: 30;
	left: 0;
	top: 0;
	*/
	width: 100%;
	white-space:nowrap;
}
.header-box{display:flex; justify-content:space-between; align-items:center;}
.logo{display:flex; align-items:center; height:100%;}
.logo img{
	height: 100%;
	width: auto;
}
.search-header .search-input{padding:.25rem .5rem; width:16rem; font-size:14px; border-radius:.5rem;}
.user-login{display:flex; justify-content:flex-end; align-items:center; font-size:14px;}
.nav-box{background-color:#215E95; border-bottom:1px #ddd solid;}
.stuckMenu .nav-box{background-color:#fefefe;}
.nav{width:100%; display:inline-flex; justify-content:space-between;}
.nav li{position:relative; z-index:99; font-size:1.15rem; overflow:visible; flex-grow:1; text-align:center;}
.nav li a{display: block; height:3rem; padding: 0 1.2rem; line-height:3rem; color:#fff;}
.nav li a:hover,
.nav li:hover > a,
.nav li.active > a{color:#FFF; background-color:#3B81BF;}
.nav li.focus > a{ color:#FFF; background-color:#f1f1f1;}
.nav li .dropdown{position:absolute; top:100%; left:50%; display:none; transform:translateX(-50%); min-width:100%; background-color:#fff; border:1px #eee solid; border-left-color:#215E95;}
.nav li .dropdown .item{padding:.5rem 1rem; height:auto; font-size:1rem; line-height:1.2; text-align:center; color:#215E95;}
.nav li .dropdown .item:hover{color:#FFF; background-color:#3B81BF;}
.nav li:hover .dropdown{display:block; background-color:#fff; background-color:rgba(242,245,248,.9); box-shadow: 0 5px 5px rgba(0,0,0,.4);}

.banner{text-align: center;}
.banner .item{position:relative; font-size: 0;background: #535353;}
.banner .item img{width:100%; max-width:100% !important;}
.banner .item-desc{position:absolute; top:50%; z-index:99; width:100%; font-size:1rem; color:#fff; text-align:left;}
.owl-theme .owl-controls{ margin-top: -45px !important;}

.sy-about{ background: #242424; padding: 2rem 0; color: #fff;}
.sy-abtxt{ width:80%;}
.sy-abtxt h2{ font-size: 1.5rem; padding-bottom: .5rem;font-weight: 400;}
.ab-btn{ text-align: right;}
.ab-btn a{ display: inline-block;border-radius:1.875rem; height:3.125rem; margin-top: 2rem; width: 18%; line-height: 3.125rem; background: #fff; color: #333;text-align: center;}
.ab-btn a:hover{ background: #F13A3A; color: #fff;}
.ab-btn.disabled a{background:#ccc !important;}
.ab-btn.disabled a:hover{background-color:#ccc !important; color:#f1f1f1;}
.title{ padding-top: 3rem; margin-bottom: 2rem; text-align: center; padding-bottom: 1rem; border-bottom: 1px #f6f6f6 solid;}
.title h2{ font-size: 1.875rem; font-weight: 400; padding-bottom: .5rem;}
.title p{ color: #999;}
.titbar h2{margin-bottom:1rem; padding:0 0 0 .6rem; font-size:1.1rem; line-height:1.5rem; border-left:4px #F13A3A solid;}

.change-area{position:relative; z-index:999; margin-left:.5rem; font-size:1rem;}
.change-area .btn{padding:0rem .5rem; border:1px #ccc solid;}
.change-area-wrap{position:absolute; top:100%; left:0; display:none; padding:.5rem 0; width:220px; height:0; background-color:#fff; border:4px rgba(33,95,149,.75) solid; border-radius:10px; transition: all .8s ease;}
.change-area-wrap .title{margin:0; padding:0; color:#aaa;}
.change-area-box{display:flex; flex-wrap:wrap;}
.change-area-box > a {padding:.15rem 1rem; width:50%; flex-shrink:0;}
.change-area-box > a.disabled{color:#aaa;}
.change-area:hover .change-area-wrap{display:block; height:auto;}

.index-box{padding:0;}
.index-container{display:flex;}
.index-news{padding-top:3rem; padding-right:2rem;}
.index-rank{padding:3rem 1rem 1rem;}
.index-bs{}
.index-bs .item-row{display:flex; border-bottom:1px #eee solid;}
.index-bs .item-row:last-child{border-bottom-color:transparent;}
.index-bs .item-row .item{padding:3px; border-right:1px transparent solid; flex-grow:1; text-align:center;}
.index-bs .item-row .item:first-child{border-right-color:#eee;}
.index-bs .item-row .item a{display:block; padding:.65rem 1rem; font-size:1.2rem; color:#fff; border-radius:.5rem; opacity:.85;}
.index-bs .item-row .item.f1 a{background-color:#0077c7;}
.index-bs .item-row .item.f2 a{background-color:#ff6600;}
.index-bs .item-row .item.f3 a{background-color:#E6B33E;}
.index-bs .item-row .item.f4 a{background-color:#00c7b3;}
.index-bs .item-row .item a:hover{opacity:1;}

.rank-item{}
.rank-item .item{display:flex; flex-wrap:nowrap; justify-content:space-between; margin-bottom:.45rem; padding:.2rem .5rem; font-size:1rem; line-height:2.5rem; color:#555; border-radius:1rem; background-color:#fafafa;}
.rank-item .item .no{width:1.8rem; height:2.5rem; font-size:1rem; line-height:2rem; text-align:center; background-color:#e1e1e1; border-radius:50%;}
.rank-item .item .name{margin-left:.2rem; margin-right:.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex-grow:1;}
.rank-item .item .minutes{width:5rem; font-size:1.2rem; text-align:right;}
.rank-item .item.one{color:#ff6600;}
.rank-item .item.one .no{background:url(../img/gold.png) no-repeat center bottom;/* color:#fff;*/}
.rank-item .item.two{color:#1ba1d2;}
.rank-item .item.two .no{background:url(../img/silver.png) no-repeat center bottom;}
.rank-item .item.three{color:#37aa2f;}
.rank-item .item.three .no{background:url(../img/copper.png) no-repeat center bottom;}
.rank-item .item.other{padding:0 .5rem;}
.rank-item .item.other .no{margin-top:.4rem; width:1.8rem; height:1.8rem; font-size:.9rem; line-height:1.8rem;}
/*
.rank-item .rank-other{margin-top:.5rem; margin-left:-0.5rem; margin-right:-0.5rem; padding-top:.5rem; font-size:0;}
.rank-item .rank-other .item-box{display:inline-block; padding-left:.5rem; padding-right:.5rem; width:50%; font-size:.9rem; line-height:30px;}
.rank-item .rank-other .item{padding:.2rem .5rem .2rem; font-size:.9rem; line-height:2rem;}
.rank-item .rank-other .item .no{width:2rem; height:2rem; font-size:.9rem; line-height:2rem;}
.rank-item .rank-other .item .name{margin-left:.5rem; margin-right:.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.rank-item .rank-other .item .minutes{width:60px;}*/

.news-item{}
.news-item .item{margin-top:.5rem; padding-top:.5rem; padding-bottom:1rem; height:4.61rem; overflow:hidden; border-bottom:1px #ddd dotted;}
.news-item.list .item{height:auto;}
.news-item .item img{opacity:.8;}
.news-item .item-news-img{display:block;}
.news-item .item a:hover img{opacity:1;}
.news-item .item .pic{float:left; padding-right:1rem; width:100px;}
.news-item .item .pic span{display:inline-block; /*max-height:86px;*/ overflow:hidden;}
.news-item.list .item .pic{float:left; padding-right:1rem; width:200px;}
.news-item.list .item .pic span{display:block; overflow:hidden;}
.news-item .item .tit{display:table-cell; width:1000px;}
.news-item .item .item-t{padding-bottom:.3rem; font-size:1rem; line-height:1.9rem; font-weight:normal;}
.news-item.list .item .item-t{display:block; border-bottom:1px #f0f0f0 solid;}
.news-item .item .dates{display:inline-block; margin-left:.5rem; padding-left:1rem; font-size:.8rem; line-height:.8rem; color:#999; white-space:nowrap; border-left:2px #f5c6c6 solid;}
.news-item .item .name-t{padding-bottom:.5rem; color:#888; font-size:.9rem;}
.news-item .item .name-t a{color:#f13a3a;}
.news-item .item .item-desc{color:#777;}
.news-hot-box li{margin-bottom:.8rem;}
.news-hot-box .badge{display:inline-block; margin-right:.8rem; padding:0; width:1.5rem; height:1.5rem; font-size:.95rem; line-height:1.5rem; font-weight:normal; background-color:#f7e0e0; text-align:center; border-radius:50%;}
.news-hot-box li:first-child .badge{background-color:#ff6600;}
.news-hot-box li:nth-child(2) .badge{background-color:#ff9900;}
.news-hot-box li:nth-child(3) .badge{background-color:#ffcc00;}

.news-box{padding-bottom:2.5rem;}
.news-box .search{padding:2rem 0;}
.news-box .news-item .item{overflow:inherit !important;}
.news-box .news-item .item .pic span{/*max-height:156px;*/}
.news-view-time{margin-bottom:1rem; padding-bottom:.5rem; font-size:.8rem; color:#666; text-align:right; border-bottom:1px #aaa solid;}
.news-view-bottom{margin-top:2rem; padding-top:.5rem; font-size:.9rem;}

.content-box{padding:2rem 0 3rem; background-color:#f4f4f4;}
/*.content-box .item-box{padding:2.5rem;}
.content-box .item-box a{color:#555;}
.content-box .item-box a.normal:hover{color:#f13a3a;}
.content-box .item-box.bg{background-color:#f2f5f8;}
.content-box .item-box .d-table-cell{width:80%;}
.content-pic{display:flex; justify-content:center; align-items:center;}*/
.content-container{display:flex;}
.content-container .content-cates{width:15rem; flex-shrink:0; box-shadow:0 0 5px 0 rgba(0,0,0,.15);}
.content-container .content-cates .item{text-align:center;}
.content-container .content-cates .item .parent,
.content-container .content-cates .item a{display:block; padding:.5rem 1rem; font-size:1.1rem; color:#215E95; background-color:#fff; border-bottom:1px #eee solid; border-left:3px transparent solid;}
.content-container .content-cates .item .parent{color:#000; font-size:1.2rem; border-bottom:2px #a1a1a1 solid; background-color:#F2C868;}
.content-container .content-cates .item.active a,
.content-container .content-cates .item a:hover{color:#F13A3A; background-color:#fafafa; border-left-color:#F13A3A;}
.content-container .content-view{padding:2rem; margin-left:1.5rem; flex-grow:1; background-color:#fff;}
.content-container .content-view.help{padding:0;}
.content-container .content-view.help .item{display:block; padding:1rem 2rem; border-bottom:1px #ccc dotted;}
/*.content-container .content-view.help .item:nth-child(even){background-color:#fafafa;}*/
.content-container .content-view.help .item .tit{font-size:1.1rem;}
.content-container .content-view.help .item .item-desc{font-size:.95rem; color:#999;}


.help-box{padding:2.5rem 0;}
.help-box .item{margin-top:1rem; margin-bottom:1.5rem;}
.help-box .item-t{font-size:1.4rem; color:#555; font-weight:bold;}
.help-box .item-t:hover{color:#f13a3a;}

.auth-container{margin:3rem 0; padding:3rem 4rem;}

.good-item{font-size:0;}
.good-item .item{display:inline-block; margin-bottom:1rem; padding-bottom:1rem; font-size:1rem; width:48%; vertical-align:top; border-bottom:1px #ccc solid;}
.good-item .item:nth-child(even){margin-left:4%;}
.good-item .item img{opacity:.8;}
.good-item .item a:hover img{opacity:1;}
.good-item .item .pic{}
.good-item .item .pic span{display:inline-block; max-height:146px; overflow:hidden;}
.good-item .item .item-t{display:block; padding-bottom:.3rem; color:#333; font-size:1.1rem; border-bottom:1px #ccc dotted;}
.good-item .item .item-t:hover{color:#F13A3A;}
.good-item .item .name-t{font-size:.9rem;}
.good-item .item .name-t em{font-style:normal; font-size:1.3rem;}
.good-item .item .name-t .pull-right{padding-top:.5rem;}
.good-item .item .item-desc{height:3rem; color:#666; font-size:.8rem; overflow:hidden;}
.good-item .item .ab-btn a{margin-top:.8rem; width:6rem; height:2rem; font-size:1rem; line-height:2rem; font-weight:bold; color:#f13a3a; background:#f7e0e0;  border:1px solid #f7e0e0;}
.good-item .item .ab-btn a:hover{color:#f7e0e0; background-color:#f13a3a !important;}
.good-item .item .ab-btn a.buy{color:#007bff; background-color:#f6f6f6; border:1px solid #007bff;}
.good-item .item .ab-btn a.buy:hover{color:#fff; background-color:#007bff !important;}
.good-item .item .ab-btn.disabled a{color:#f1f1f1;}
.good-item .item .ab-btn.disabled a:hover{background-color:#ccc !important; color:#f1f1f1;}

.good-box{padding:2rem 0 3rem; background-color:#f4f4f4;}
.good-box .search{display:flex; flex-wrap:wrap; align-items:center; margin-bottom:1.5rem; padding:.5rem 1rem; background-color:#fff;}
.good-box .good-item .item{padding:.5rem; width:23.5%; margin-left:0; margin-right:2%; background-color:#fff;}
.good-box .good-item .item:nth-child(4n){margin-right:0;}
.good-box .good-item .item:hover{border-color:transparent; box-shadow:1px 1px 10px 1px rgba(0,0,0,.2); cursor:pointer;}

.course_search_cate{padding-top:1rem;}
.course_search_cate label{float:left; width:6rem;}
.course_search_cate .cates{display:table-cell; width:2000px;}
.course_search_cate .cates li{display:inline-block; padding-right:1rem;}
.course_search_cate .cates li.active a{color:#f13a3a;}
.course-container{padding:2.5rem 0; background-color:#f4f4f4;}
.course-box{margin-left:-1rem; margin-right:-1rem; font-size:0;}
#course-box{margin-top:2rem;}
.course-item{display:inline-block; padding-left:1rem; padding-right:1rem; width:78%; font-size:1rem; vertical-align:top;}
.course-item .search{padding:1rem; background-color:#fff;}
.course-item .item-box{display:block;}
.course-item .item{display:flex; margin-bottom:2rem; padding:1.5rem; height:100%; justify-content:center; align-items:stretch; background-color:#fff; box-shadow:0 0px 5px 1px rgba(0,0,0,.1); transition: all .3s;}
.course-item .item:hover{box-shadow:0 0px 5px 1px rgba(241,58,58,.7);}
.course-item .item img{opacity:.8; max-width:100%; transition: all .3s;}
.course-item .item:hover img{opacity:1; transform:scale(1.03);}
.course-item .item .pic{position:relative; margin-right:1rem; width:35%;}
.course-item .item .cons{display:table-cell; width:70%;}
.course-item .item .item-img{display:flex; width:100%; justify-content:center; align-items:center;}
.course-item .item .item-img span{display:flex; justify-content:center; align-items:center; overflow:hidden;}
.course-item .item .item-t{display:block; padding-bottom:.3rem; color:#333; font-size:1.1rem; border-bottom:1px #ccc dotted;}
.course-item .item .item-t:hover{color:#F13A3A;}
.course-item .item .name-t{margin-bottom:.5rem; font-size:1.4rem;}
.course-item .item .name-t .pull-right{padding-top:.5rem;}
.course-item .item .item-desc{color:#666; font-size:.8rem; overflow:hidden;}
.course-item .item .item-desc.cate{margin-bottom:.5rem; color:#555; font-size:1rem; overflow:hidden;}
.course-item .item .qrcode{position:absolute; top:-1rem; left:-1rem; bottom:-1rem; right:100%; z-index:-9; opacity:.5; display:flex; padding:1.8rem; justify-content:center; align-items:center; transition:all .35s;}
.course-item .item .qrcode div{height:100%; text-align:center; color:#eee; font-size:.9rem;}
.course-item .item .qrcode img{max-height:95%; min-height:5rem;}
.course-item .item:hover .qrcode{z-index:1; right:-.5rem; opacity:1; display:flex; background-color:rgba(0,0,0,.55);}
.course-slide{display:inline-block; padding-left:1rem; padding-right:1rem; width:22%; font-size:1rem;}
.course-slide .tit{padding:.4rem 1rem; text-align:center; border-bottom:1px #ddd solid;}
.course-slide .item{padding:1rem; margin-top:1rem; border-bottom:1px #ddd solid;}
.course-slide .item .pic{display:flex; justify-content:center; align-items:center;}
.course-slide .item .pic span{display:flex; justify-content:center; align-items:center; overflow:hidden;}
.course-slide .item .pic img{max-width:100%;}
.course-slide .item .tits{text-align:center; overflow:hidden;}
.course-slide .titbar{padding-top:.8rem; border-bottom:1px #ccc solid;}
.course-slide .titbar h2{margin-bottom:.8rem;}

.course-view-header{padding:3rem 0; background-color:#fff;}
.course-view-header .header-container{display:flex; justify-content:space-between;}
.course-view-header .header-container .pics{position:relative;}
.course-view-header .header-container .pics span{display:flex; justify-content:center; align-items:center;}
.course-view-header .header-container .pics img{width:100%;}
.course-view-header .header-container .cons{padding:0 2rem; display:flex; width:50%; flex-direction:column; justify-content:space-between;}
.course-view-header .header-container .tit{margin-bottom:.8rem; padding-bottom:.6rem; font-size:2rem; border-bottom:1px #ccc solid; white-space:nowrap;}
.course-view-header .header-container .sec{flex-grow:2; font-size:.95rem;}
.course-view-header .header-container .hits{color:#999; font-size:.95rem;}
.course-view-header .header-container .hits span{display:inline-block; margin-right:1rem;}
.course-view-header .header-container .desc{margin-bottom:.4rem;}
.course-view-header .header-container .foot .ab-btn a{margin:0; padding:0 2rem; width:auto; height:2.6rem; font-size:1.2rem; line-height:2.6rem; color:#fff; background-color:#007bff; border-radius:.5rem;}
.course-view-box{padding:2rem 0 3rem; background-color:#f8f8f8;}
.course-view-box .news-content{background-color:#fff;}
.course-view-box .titbar{padding-top:.8rem; border-bottom:1px #ccc solid;}
.course-view-box .titbar h2{margin-bottom:.8rem;}
.course-view-box .news-content .news-view-content{padding:2rem;}
.course-view-box .course-slide{display:table-cell; padding-left:0; padding-right:0;}
.news-view-content div,
.news-view-content p,
.news-view-content img{max-width:100% !important;}
.news-view-content p{word-wrap: break-word;}

.organization_search_cate label{float:left; width:6rem;}
.organization_search_cate .cates{display:table-cell; width:2000px;}
.organization_search_cate .cates li{display:inline-block; padding-right:1rem;}
.organization_search_cate .cates li.active a{color:#f13a3a;}
.organization-container{padding:2.5rem 0; background-color:#f4f4f4;}
.organization-box{margin-left:-1rem; margin-right:-1rem; font-size:0;}
#organization-box{margin-top:2rem;}
.organization-header{margin-top:1rem;}
.organization-header .search-input{padding:.25rem .5rem; border-radius:.5rem;}
.organization-item .search{padding:1rem; background-color:#fff;}
.organization-item{padding-left:1rem; padding-right:1rem; width:100%; font-size:1rem; vertical-align:top;}
.items-wrap {display:flex; flex-wrap: wrap; margin:0 -.7rem;}
.organization-item .item-box{padding:.7rem; display:flex; width:25%;}
.organization-item .item{display:block; width:100%; background-color:#fff; box-shadow:0 0px 5px 1px rgba(0,0,0,.1); transition: all .3s;}
.organization-item .item:hover{box-shadow:0 0px 5px 1px rgba(241,58,58,.7);}
.organization-item .item img{opacity:.8; max-width:100%; transition: all .3s;}
.organization-item .item:hover img{opacity:1; transform:scale(1.03);}
.organization-item .item .pic{position:relative; width:100%;}
.organization-item .item .cons{padding:1rem; width:100%;}
.organization-item .item .item-img{display:flex; width:100%; justify-content:center; align-items:center;}
.organization-item .item .item-img span{display:flex; justify-content:center; align-items:center; overflow:hidden;}
.organization-item .item .item-t{display:block; padding-bottom:.3rem; color:#333; font-size:1.1rem; border-bottom:1px #ccc dotted;}
.organization-item .item .item-t:hover{color:#F13A3A;}
.organization-item .item .name-t{margin-bottom:.5rem; font-size:1.2rem; text-align:center;}
.organization-item .item .name-t .pull-right{padding-top:.5rem;}
.organization-item .item .item-desc{color:#888; font-size:.8rem; overflow:hidden; text-align:center;}
.organization-item .item .item-desc.cate{margin-bottom:.5rem; color:#555; font-size:1rem; overflow:hidden;}
.organization-item .item .qrcode{position:absolute; top:-1rem; left:-1rem; bottom:-1rem; right:100%; z-index:-9; opacity:.5; display:flex; padding:1.8rem; justify-content:center; align-items:center; transition:all .35s;}
.organization-item .item .qrcode div{height:100%; text-align:center; color:#eee; font-size:.9rem;}
.organization-item .item .qrcode img{max-height:95%; min-height:5rem;}
.organization-item .item:hover .qrcode{z-index:1; right:-.5rem; opacity:1; display:flex; background-color:rgba(0,0,0,.55);}

.resource_search_cate label{float:left; width:6rem;}
.resource_search_cate .cates{display:table-cell; width:2000px;}
.resource_search_cate .cates li{display:inline-block; padding-right:1rem;}
.resource_search_cate .cates li.active a{color:#f13a3a;}
.resource-container{padding:2.5rem 0; background-color:#f4f4f4;}
.resource-box{margin-left:-1rem; margin-right:-1rem; font-size:0;}
#resource-box{margin-top:2rem;}
.resource-header{margin-top:1rem;}
.resource-header .search-input{padding:.25rem .5rem; border-radius:.5rem;}
.resource-item .search{padding:1rem; background-color:#fff;}
.resource-item{padding-left:1rem; padding-right:1rem; width:100%; font-size:1rem; vertical-align:top;}
.items-wrap {display:flex; flex-wrap: wrap; margin:0 -.7rem;}
.resource-item .item-box{padding:.7rem; display:flex; width:25%;}
.resource-item .item{display:block; width:100%; background-color:#fff; box-shadow:0 0px 5px 1px rgba(0,0,0,.1); transition: all .3s;}
.resource-item .item:hover{box-shadow:0 0px 5px 1px rgba(241,58,58,.7);}
.resource-item .item img{opacity:.8; max-width:100%; transition: all .3s;}
.resource-item .item:hover img{opacity:1; transform:scale(1.03);}
.resource-item .item .pic{position:relative; width:100%;}
.resource-item .item .cons{padding:1rem; width:100%;}
.resource-item .item .item-img{display:flex; width:100%; justify-content:center; align-items:center;}
.resource-item .item .item-img span{display:flex; justify-content:center; align-items:center; overflow:hidden;}
.resource-item .item .item-t{display:block; padding-bottom:.3rem; color:#333; font-size:1.1rem; border-bottom:1px #ccc dotted;}
.resource-item .item .item-t:hover{color:#F13A3A;}
.resource-item .item .name-t{margin-bottom:.5rem; font-size:1.2rem; text-align:center;}
.resource-item .item .name-t .pull-right{padding-top:.5rem;}
.resource-item .item .item-desc{color:#888; font-size:.8rem; overflow:hidden; text-align:center;}
.resource-item .item .item-desc.cate{margin-bottom:.5rem; color:#555; font-size:1rem; overflow:hidden;}
.resource-item .item .qrcode{position:absolute; top:-1rem; left:-1rem; bottom:-1rem; right:100%; z-index:-9; opacity:.5; display:flex; padding:1.8rem; justify-content:center; align-items:center; transition:all .35s;}
.resource-item .item .qrcode div{height:100%; text-align:center; color:#eee; font-size:.9rem;}
.resource-item .item .qrcode img{max-height:95%; min-height:5rem;}
.resource-item .item:hover .qrcode{z-index:1; right:-.5rem; opacity:1; display:flex; background-color:rgba(0,0,0,.55);}

.credit_search_cate label{float:left; width:6rem;}
.credit_search_cate .cates{display:table-cell; width:2000px;}
.credit_search_cate .cates li{display:inline-block; padding-right:1rem;}
.credit_search_cate .cates li.active a{color:#f13a3a;}
.credit-container{padding:2.5rem 0; background-color:#f4f4f4;}
.credit-box{margin-left:-1rem; margin-right:-1rem; font-size:0;}
#credit-box{margin-top:2rem;}
.credit-header{margin-top:1rem;}
.credit-header .search-input{padding:.25rem .5rem; border-radius:.5rem;}
.credit-item .search{padding:1rem; background-color:#fff;}
.credit-item{padding-left:1rem; padding-right:1rem; width:100%; font-size:1rem; vertical-align:top;}
.credit-wrap {display:flex; flex-wrap: wrap; margin:0 -.7rem;}
.credit-item .item-box{padding:.7rem; display:flex; width:25%;}
.credit-item .item{display:block; width:100%; background-color:#fff; box-shadow:0 0px 5px 1px rgba(0,0,0,.1); transition: all .3s;}
.credit-item .item:hover{box-shadow:0 0px 5px 1px rgba(241,58,58,.7);}
.credit-item .item img{opacity:.8; max-width:100%; transition: all .3s;}
.credit-item .item:hover img{opacity:1; transform:scale(1.03);}
.credit-item .item .pic{position:relative; width:100%;}
.credit-item .item .cons{padding:1rem; width:100%;}
.credit-item .item .item-img{display:flex; width:100%; justify-content:center; align-items:center;}
.credit-item .item .item-img span{display:flex; justify-content:center; align-items:center; overflow:hidden;}
.credit-item .item .item-t{display:block; padding-bottom:.3rem; color:#333; font-size:1.1rem; border-bottom:1px #ccc dotted;}
.credit-item .item .item-t:hover{color:#F13A3A;}
.credit-item .item .name-t{margin-bottom:.5rem; font-size:1.2rem; text-align:center;}
.credit-item .item .name-t .pull-right{padding-top:.5rem;}
.credit-item .item .item-desc{color:#888; font-size:.8rem; overflow:hidden; text-align:center;}
.credit-item .item .item-desc.cate{margin-bottom:.5rem; color:#555; font-size:1rem; overflow:hidden;}
.credit-item .item .qrcode{position:absolute; top:-1rem; left:-1rem; bottom:-1rem; right:100%; z-index:-9; opacity:.5; display:flex; padding:1.8rem; justify-content:center; align-items:center; transition:all .35s;}
.credit-item .item .qrcode div{height:100%; text-align:center; color:#eee; font-size:.9rem;}
.credit-item .item .qrcode img{max-height:95%; min-height:5rem;}
.credit-item .item:hover .qrcode{z-index:1; right:-.5rem; opacity:1; display:flex; background-color:rgba(0,0,0,.55);}

.stu-item .table{font-size:.9rem;}
table {border-collapse: collapse;}
.table{width: 100%;max-width: 100%;margin-bottom: 1rem;background-color: transparent;}
.table th,
.table td{padding: 0.75rem; text-align:left; vertical-align: top;border-top: 1px solid #dee2e6;}
.table thead th{vertical-align: bottom;border-bottom: 2px solid #dee2e6;}
.table tbody + tbody{border-top: 2px solid #dee2e6;}
.table .table{background-color: #fff;}
.table-sm th,
.table-sm td{padding: 0.3rem;}
.table-bordered{border: 1px solid #dee2e6;}
.table-bordered th,
.table-bordered td{border: 1px solid #dee2e6;}
.table-bordered thead th,
.table-bordered thead td{border-bottom-width: 2px;}
.table-striped tbody tr:nth-of-type(odd){background-color: rgba(0, 0, 0, 0.05);}
.table-hover tbody tr:hover{background-color: rgba(0, 0, 0, 0.075);}

.pagination{display: -webkit-box;display: -ms-flexbox;display: flex;padding-left: 0;list-style: none;border-radius: 0.25rem;}
.page-link{position: relative;display: block;padding: 0.5rem 0.75rem;margin-left: -1px;line-height: 1.25;color: #007bff;background-color: #fff;border: 1px solid #dee2e6;}
.page-link:hover{color: #0056b3;text-decoration: none;background-color: #e9ecef;border-color: #dee2e6;}
.page-link:focus{z-index: 2;outline: 0;box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);}
.page-link:not(:disabled):not(.disabled){cursor: pointer;}
.page-item:first-child .page-link{margin-left: 0;border-top-left-radius: 0.25rem;border-bottom-left-radius: 0.25rem;}
.page-item:last-child .page-link{border-top-right-radius: 0.25rem;border-bottom-right-radius: 0.25rem;}
.page-item.active .page-link{z-index: 1;color: #fff;background-color: #007bff;border-color: #007bff;}
.page-item.disabled .page-link{color: #6c757d;pointer-events: none;cursor: auto;background-color: #fff;border-color: #dee2e6;}
.pagination-lg .page-link{padding: 0.75rem 1.5rem;font-size: 1.25rem;line-height: 1.5;}
.pagination-lg .page-item:first-child .page-link{border-top-left-radius: 0.3rem;border-bottom-left-radius: 0.3rem;}
.pagination-lg .page-item:last-child .page-link{border-top-right-radius: 0.3rem;border-bottom-right-radius: 0.3rem;}
.pagination-sm .page-link{padding: 0.25rem 0.5rem;font-size: 0.875rem;line-height: 1.5;}
.pagination-sm .page-item:first-child .page-link{border-top-left-radius: 0.2rem;border-bottom-left-radius: 0.2rem;}
.pagination-sm .page-item:last-child .page-link{border-top-right-radius: 0.2rem;border-bottom-right-radius: 0.2rem;}
.justify-content-end{-webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important;}

.service-list{ font-size: 0; padding-bottom: 2rem;}
.service-list li{padding:0 1rem; font-size: 1rem; text-align: center;  margin-top: 0rem; }
.service-list h3{ font-size: 1.5rem; font-weight: 400;  margin-top: 0rem;}
.service-list i{ font-size:7rem;transition: all .4s;transform: rotate(0deg);}
.service-list li p{ font-size: 0.875rem; color: #999;}
.service-list li:hover i{
	color: #F13A3A;
}
.programme-box{ 
	background: #f1f1f1;
	padding-bottom: 3rem;
}

.ff-list{
	font-size: 0;	
}
.ff-list li{
	 display:inline-block;
	 width: 100%;
	 /*position: relative;*/
	 background: #000;
	 overflow: hidden;
}
.ff-list li img{ width: 100%;max-width: 100%;}

.bg-white{background-color:#fff;}
.bg-gray{background-color:#eaedf1;}
.fa-txt{
	font-size: 4rem;
	position: absolute;
	z-index: 10;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	color: #fff;
	opacity: 0;
	transition: all .4s;
}
.ff-list li a:hover img{ opacity: .3; transform: scale(1.2,1.2);}
.ff-list li a:hover .fa-txt{ opacity: 1; font-size: 1.25rem; }

.advantage-box{ padding-bottom: 3rem;}
.advantage-list{ font-size: 0;}
.advantage-list li{ font-size: 1rem; text-align: center;  margin-top: -1rem;}
.advantage-list li i{font-size:7rem;transition: all .4s;}
.advantage-list li h3{ font-size: 3rem; color: #F13A3A; margin-top: -1rem;}
.advantage-list li p{ color: #999;}
.advantage-list li:hover i{
	 color: #F13A3A;
}

#owl-demo4 .owl-controls,#owl-demo5 .owl-controls,#owl-demo6 .owl-controls{ margin-top: 15px !important;}

.brand-box{ 
	background: url("../img/ban.jpg")/*tpa=http://www.17sucai.com/preview/511164/2016-08-05/%E8%AE%BE%E8%AE%A1%E5%85%AC%E5%8F%B8/img/ban.jpg*/  center top; background-attachment: fixed; background-size: cover; 
}
.brand-box .box1{padding: 4rem 1rem;max-width: 75rem; margin: 0 auto; }
.brand-box h2{text-align: center; color: #fff; font-size: 2rem; background: rgba(0,0,0,.4); padding: 1rem 0;}
.brand-box h2 span{ color: #F13A3A; font-size: 3rem;}
.brand-box h2 strong{ display: block;}
.team-list .item{ position: relative; margin: 0 .5rem; overflow: hidden;}
.team-list .item img{width: 100%; height: auto; display: block;}
.team-box{background: #f1f1f1;padding-bottom: 3rem;}
.team-list .item{ background: #fff;}
.team-list .item .item-news-img{display:block; overflow:hidden;}
.team-list .item .item-img{display:block; margin:0 auto; padding:1rem; border-radius:8px; border:1px #ccc solid;}
.team-list .item .item-img img{}
.team-list .item .name-t{padding:0 1rem; height: 3rem; line-height: 3rem; border-bottom:1px #ccc solid;}
.team-list .item .item-desc{padding:.5rem 1rem 1rem;}
.team-list .item .item-desc > p{height:5rem; overflow:hidden;}
.team-list .item .item-t{display:block; padding-bottom:.5rem; font-size:1.4rem;}
.team-list .item .ab-btn a{margin-top:1.5rem; width:9rem; height:2.5rem; font-size:.92rem; line-height:2.5rem; color:#fff; background-color:#F13A3A;}
.team-list .item .ab-btn a:hover{background-color:red;}
.team-abs{ text-align: center; position: absolute;left: 0; top: 0; bottom: 0rem; right: 0; background: rgba(0,0,0,0);transition: all .4s; }
.team-abs h4{ padding-top: 40%;color: hsla(0,0%,100%,0); font-size:2rem; font-weight: 400;transition: all .4s; }
.team-abs p{color: hsla(0,0%,100%,0);transition: all .4s; font-size: 2rem; }
.team-list .item a:hover .team-abs{background: rgba(0,0,0,.8);}
.team-list .item a:hover .team-abs h4{color: hsla(0,0%,100%,1); font-size: 1.1rem;}
.team-list .item a:hover .team-abs p{color: hsla(0,0%,100%,1);font-size: 1rem;}
#owl-demo2 .owl-controls{ margin-top: 1.5rem !important;}
#owl-demo2.team-list .item{border-radius:8px 8px 0 0;}
#owl-demo3 .owl-controls{ margin-top: .5rem !important;}
#owl-demo3 .owl-item .item{border:1px #ccc solid !important;}

.search-input{padding:.5rem 1rem; width:18rem; color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius:20px; }
.search-input:focus {
  color: #495057;
  background-color: #fff;
  border-color: #f88080;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(241, 58, 58, 0.25);
}
.search-select{padding:.5rem 3rem .5rem 1rem; width:12rem; color: #495057;
  -webkit-appearance: none;
  background-image: url(../img/select2.png);
  background-position: 100% center;
  background-repeat: no-repeat;
  border: 1px solid #ced4da;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius:20px; }
.search-select:focus {
  color: #495057;
  background-color: #fff;
  border-color: #f88080;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(241, 58, 58, 0.25);
}
.captcha-msg{display:none; font-size:.8rem; color:#F13A3A;}
.captcha-msg.success{color:green;}

.value-box{background: url("../img/bg2.jpg")/*tpa=http://www.17sucai.com/preview/511164/2016-08-05/%E8%AE%BE%E8%AE%A1%E5%85%AC%E5%8F%B8/img/bg2.jpg*/ center center no-repeat; background-attachment: fixed; background-size: cover;}
.value-txt{ width: 50%; margin-left: 50%; background: rgba(30,39,48,.8); padding: 5rem 0 5rem 3rem; color: #fff;}
.value-txt h2{ font-size: 2.375rem; padding-bottom: .5rem; font-weight: 400;}

.value-txt .ab-btn{ text-align: center;}
.value-txt .ab-btn a{ min-width: 10rem;}
.lx-box{ padding-bottom: 3rem;}
.lx-list{ font-size: 0;}
.lx-list li{ display: inline-block; width: calc(25% - 0.76rem); border:1px #ddd solid; font-size: 1rem;}
.lx-list li + li{ margin-left: 1rem;}
.lx-list li i{ float: left; font-size: 3rem; padding: 0 1rem;}
.lx-list li p{ padding-top: 1rem;}
.lx-list li p span{ display: block; font-size: 0.875rem; color: #999;}

.focus{color:red !important; font-weight:bold;}
.footer{
	background: #2c2e2e;
	color: #8b939d;
	font-size: 0.875rem;
}
.foot-nav{padding:1rem; background-color:#3d3f3e;}
.b-nav{text-align:center;}
.b-nav a{ display: inline-block; padding: 0 .8rem; color: #f1f1f1;}
.b-nav a:hover{ color: #D80808;}

.foot-container{display:flex; justify-content:space-between;}
.foot-container .foot-qrcode{display:flex; flex-grow:0; width:180px; text-align:center;}
.foot-container .foot-qrcode div{display:flex; padding:1rem; align-items:center;}
.foot-links{padding:1rem 0;}
.foot-links a{display:inline-block; margin-right:1rem; font-size:.85rem; white-space:nowrap; color:#aaa;}
.foot-links a:hover{color:#F13A3A;}
.foot-copyright{padding-bottom:2rem;}

.site-gotop{position: fixed; display: none; bottom: 10px; right: 10px; width: 40px; height: 40px; font-size: 30px; line-height: 35px; border:1px #fff solid; border-radius: 40px; background: #000; color: #FFF; text-align: center; cursor: pointer;}
.site-gotop:hover,
.site-gotop:focus{color:#F13A3A;}

.page{ padding: 3rem 1rem;}
.page-tit{ text-align: center; font-size: 1.75rem; font-weight: 400;}
.sub-list{ text-align: center; padding-top: 1rem; border-bottom: 1px #dfdfdf solid; padding-bottom: 1.5rem;  font-size: 0;}
.sub-list li{ display: inline-block; font-size: 1rem;}
.sub-list li a{ display: inline-block; padding: .3rem 2rem;    border: 1px solid #dfdfdf; margin: 0 0.5rem; border-radius: 5rem;}
.sub-list li a:hover,.sub-list li.active a{ background: #D80808; color: #fff;border-color: #D80808;}

.al-list{ padding-top: 2rem; font-size: 0;}
.al-list li{ display: inline-block; width: 25%; position: relative; transition: all .4s;}
.al-abs{text-align: center;  position: absolute; 
background: rgba(0,0,0,0); z-index: 10; left: 0;top: 0; bottom: 0; right: 0;
 border: 10px solid hsla(0,0%,100%,0);background-clip: padding-box;transition: all .4s;}
.al-abs span{transition: all .4s ease .2s; position: absolute; left: 50%;font-size: 2rem; top: 50%; transform: translate(-50%,-50%); width: 100%; color: hsla(213,0%,100%,0);}
.al-list li a{ display: inline-block; overflow: hidden;}
.al-list li:hover img{ transform: scale(1.2,1.2);}
.al-list li:hover .al-abs{background: rgba(0,0,0,.6);border: 10px solid hsla(0,0%,100%,.5) }
.al-list li:hover span{color: hsla(213,0%,100%,1);font-size: 1rem;}

.page-ajax{ text-align: center;}
.page-ajax a{ font-size: 1rem; display: inline-block; padding: 1rem 2rem 1rem; position: relative;}
.page-ajax a:hover{ color: #D80808;}
.page-ajax a i{ display: inline-block;}
.page-ajax a i:after{
	content: '';
	border: 5px solid transparent;
	border-top-color: #666;
	width: 0;
	height: 0;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -5px;	
}
.page-ajax a:hover i:after{ border-top-color: #D80808;}

.al-tit{ padding: 2rem 0 1rem; text-align: left;}
.al-tit h1{ font-size: 1.75rem;font-weight: 400;}
.al-tit h1 span{ display: inline-block; margin-left: 1rem; font-size: 0.875rem; color: #999; }
.al-dbox{ padding-top: 2rem;}

.l-box{
	width: 73%;
    background: #fff;
    box-shadow: 0 0 6px rgba(0,0,0,.1);
    padding: 1.5rem;
}

.r-box{
	    background: #fff;
    box-shadow: 0 0 6px rgba(0,0,0,.1);
    padding: 1.5rem;
    width: 25%;
}
.r-box .al-list li{ width: 100%;}


.product-title {
    font-size: 1rem;
    line-height: 1.875;
    font-weight: 400;
    border-bottom: 1px solid #e4eaec;
    padding: 0 0 .5rem 1rem;
    position: relative;
}
.product-title:before{
	content: '';
	 width: 7rem;
	 height: 2px;
	 background: #333;
	 position: absolute;
	 left: 0;
	 bottom: -1px;
}

.xm-mx{ padding-top: 1rem;}
.mt1{ margin-top: 1rem;}

.new-list{ }
.new-list li{color: #666;  padding: 1.5rem 0; border-bottom: 1px #ddd solid;}
.new-list li span{ margin-right: 1rem; color: #666; text-align: center; background: #f2f2f2;  float: left; width: 5.25rem; height: 5.25rem;}
.new-list li span strong{ font-size: 1.5rem; padding-top: 1rem;}
.new-list li p{ font-size: .875rem; height: 3.125rem; overflow: hidden;}
.new-list li a{padding-bottom: .3rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size: 1.125rem; color: #333; display: block;}
.new-list li a:hover{ color: #D80808;}

.n-title{ padding-bottom: 1.2rem; border-bottom: 1px #DFDFDF solid; text-align: center;}
.n-title h1{ font-size: 2rem; font-weight: 400;}
.n-title .inf{ color: #999; font-size: .875rem;}

.news-txt{ padding-top: 1.5rem; font-size: 0.875rem;}
.news-txt img{ display: inline-block; margin: .5rem auto;}

.ab-txt .value-box{ background-attachment: inherit; background-size:cover;}
.txt01{ max-width: 40rem; margin: 2rem auto; text-align: center; font-size: .875rem; line-height: 2rem;}

.map{ margin: 2rem 0;}
.nav-logo{ position: fixed; right:0.8rem; top: .8rem; z-index:999; display: none; padding:5px 10px; background-color:rgba(0,0,0,.5); border-radius:4px;}
.nav-logo span{ width:30px; height: 4px; background: #fff; display: block; margin:6px 0;}

.mobile-nav{ height: 100%; background: #f0f0f0; position: fixed; right: -200px; top:0; width: 200px; display: none ; box-shadow:-5px -5px 5px #888; }
.mobile-nav > ul{ padding: 15px 0; list-style:none;}
.mobile-nav a{position:relative; display: block; border-bottom:1px #ccc solid; height: 40px; line-height: 40px; padding-left: 5px; color: #222; padding: 0 25px; font-size: 16px; text-decoration:none;}
.mobile-nav a i{position:absolute; top:12px; right:1rem;}
.mobile-nav li ul{margin-left:25px; padding-left:25px;}
.mobile-nav li li{list-style:circle;}
.mobile-nav li.active > a,
.mobile-nav li > a:hover,
.mobile-nav a:active{ background: #296ea9; color: #eee;}
.mobile-nav li .dropdownmenu{display:none;}
.mobile-nav li.open .dropdownmenu{display:block;}
.mobile-nav .dropdownmenu li a{height:35px; line-height:35px; font-size:14px;}
.mobile-nav li li a{padding-left:15px;}

.banner-header{position:relative; height:300px; background:url(../img/company_bg.jpg) no-repeat; background-size:cover;}
.banner-header .title_box{position:absolute; top:50%; left:50%; margin-top:-2rem; margin-left:-50%; width:100%; height:2rem; text-align:center; font-size:2rem; line-height:2rem; color:#222; text-shadow:3px 3px 2px #aaa;}
.page-box{max-width:800px; margin:0 auto;}
.page-box p{text-indent:2rem;}
.page-box.lg p{font-size:16px;}
.w-40{float:left; width:40%;}
.w-50{float:left; width:50%;}
.w-60{float:left; width:60%;}
#owl-demo4 img{width:100% !important;}

.highslide-wrapper, .highslide-outline{background-color:#fff;}
.draggable-header .highslide-heading {
    position: absolute;
    margin: 2px 0.4em;
}
.draggable-header .highslide-header {
    border-bottom: 1px solid #dddddd;
}
.draggable-header .highslide-header ul{list-style:none;}
.draggable-header .highslide-header .highslide-close {
    position: absolute;
    right: 2px;
    top: 2px;
    z-index: 5;
    padding: 0;
}
.draggable-header .highslide-header .highslide-close a {
    display: block;
    height: 16px;
    width: 16px;
    background-image: url(../img/closeX.png);
}
.highslide-header a {
    font-weight: bold;
    color: gray;
    text-transform: uppercase;
    text-decoration: none;
}
.draggable-header .highslide-header .highslide-move {
    cursor: move;
    display: block;
    height: 16px;
    position: absolute;
    right: 24px;
    top: 0;
    width: 100%;
    z-index: 1;
}
.highslide-dimming{background-color:rgba(0,0,0,.6);}

@media only screen and (max-width:960px) {
    .nav li a{padding:0 .4rem; font-size:1rem;}
}

@media only screen and (max-width:920px) {
}

@media only screen and (max-width:860px) {
}

@media only screen and (max-width:768px) {
    .course-view-header .header-container{display:block;}
    .course-view-header .header-container .cons{padding:1.5rem .5rem; width:100%; border:1px #ccc solid;}
    .course-view-box .course-slide{display:block; margin-top:2rem; width:100%;}
}

@media only screen and (max-width: 50em) {
    .mr-md-3{margin-right:0rem;}
    .col-5{float:none; width:100%;}
    .col-6{float:none; width:100%;}
    .col-7{float:none; width:100%;}
    .col-8{float:none; width:100%;}
    .news-item .item{height:inherit; overflow:inherit;}
    .news-box .news-item .item{height:inherit; overflow:inherit;}
	.brand-box h2{ font-size: 1.5rem; font-weight: 400;}
	.value-txt{ width: 70%; margin: 0 auto;}
	.lx-list li{ width: calc(50% - .5rem); margin-bottom: 1rem;}
	.lx-list li:nth-child(3){
		margin-left: 0;
	}	
	.ab-btn{text-align: center;}
	.ab-btn a{ width: 50%; max-width: 10rem;}
	.al-list li{ width: 50%;}
	.l-box{ width: 100%;padding: 1rem;}
	.r-box{ width: 100%; margin-top: 1rem;padding: 1rem;}
	.al-dbox .al-list li{ width: 50%;}
	.banner .item{max-height:360px; overflow:hidden;}
	.banner .item-desc{top:10%;}
}

@media only screen and (max-width:768px) {
    .course-item{display:block; width:100%;}
    .course-item .item{display:block;}
    .course-item .item .pic{width:100%; justify-content:center;}
    .course-slide{display:block; width:100%;}
    .course-view-header .header-container .tit{white-space:normal;}
    .news-view-bottom .pull-right{float:none !important; width:100%;}
    .content-container .content-cates{width:9rem;}
    .organization-item .item-box{padding:.5rem; width:33.33333%;}
    .resource-item .item-box{padding:.5rem; width:33.33333%;}
    .credit-item .item-box{padding:.5rem; width:33.33333%;}
}

@media only screen and (max-width:550px) {
  .logo img{height:auto;}
  .advantage-list li h3{margin-top:0;}
  .index-container{display:block;}
  .index-news{padding-right:0;}
  .news-item.list .item .pic{width:25%;}
  .news-item .item .item-desc{display:none;}
  .content-container{display:block;}
  .content-container .content-cates{width:100%;}
  .content-container .content-view{margin-top:2rem; margin-left:0; padding:1rem;}
  .content-container .content-view.help .item{padding:1rem;}
  .organization-item .item-box{width:50%;}
  .resource-item .item-box{width:50%;}
  .credit-item .item-box{width:50%;}
}

@media only screen and (min-width: 30.0625em) and (max-width: 47em) {
	.ab-btn{text-align: center;}
	.ab-btn a{ width: 50%;}
	.brand-box h2{ line-height: 3rem;}
	.brand-box h2 span{ display: none;}
	.brand-box h2 strong{ display: inline-block;font-weight: 400;}
	.value-txt{ width: 100%;}
	.value-txt h2{ font-size: 2rem;}
	.b-nav a{ padding: 0 1rem;}
	.sub-list li{ width: 50%; margin-bottom: 1rem; }
	.sub-list li a{ width: 80%;}
	.nav-box{ display: none;}
	.user-login{display: none;}
	.nav-box{ display: none;}
	.nav-logo{ display: block;}
	/*.navbar{ height: 3.75rem;}*/
	/*.logo img{ height: 2.75rem;}*/
	/*.banner{ margin-top: 3.75rem;}*/
	.news-box .d-table-cell{display:block; margin-top:1rem;}
	.good-box .good-item .item{width:32%; margin-right:2%;}
    .good-box .good-item .item:nth-child(3n){margin-right:0;}
    .good-box .good-item .item .name-t{font-size:.8rem;}
    .good-box .good-item .item .name-t em{font-size:1.1rem;}
    .good-box .good-item .item .name-t .pull-right{float:none !important; display:block; padding-top:0;}
}

@media only screen and (max-width: 30em) {
	.sy-abtxt{ width: 100%;}
	.sy-abtxt{ width: 100%; font-size: .875rem;}
	.brand-box h2{ line-height: 3rem;}
	.brand-box h2 span{ display: none;}
	.brand-box h2 strong{ display: inline-block;font-weight: 400;}
	.value-txt{ width: 100%;}
	.value-txt h2{ font-size: 1.5rem;}
	.b-nav a{ padding: 0 .5rem;}
	.value-txt{  padding:3rem 1rem}
	.lx-list li{ width: 100%; margin-left: 0 !important;}
	.lx-box{ padding-bottom: 2rem;}
	.title{ padding-top: 1rem; margin-bottom: 1rem;}
	.title h2{ font-size: 1.4rem; }
	.programme-box,.advantage-box,.team-box{ padding-bottom: 1rem;}
	.brand-box .box1{ padding: 2rem 1rem;}
	.sub-list li{ width: 50%; margin-bottom: 1rem;}
	.sub-list li a{ width: 90%; padding: .3rem 0;}
	.new-list li span{ display: none;}
	.new-list li{ padding: 1rem 0;}
	.nav-box{ display: none;}
	.user-login{display: none;}
	.nav-logo{ display: block;}
	/*.navbar{ height: 3.75rem;}*/
	/*.logo img{ height: 2.75rem;}*/
	/*.banner{ margin-top: 3.75rem;}*/
	.service-list li,.advantage-list li{ margin-top: 0rem;}
	.news-box .d-table-cell{display:block; margin-top:1rem;}
    .good-box .good-item .item{width:48%; margin-right:2%;}
    .good-box .good-item .item:nth-child(even){margin-right:0;}
    .good-box .good-item .item .name-t{font-size:.8rem;}
    .good-box .good-item .item .name-t em{font-size:1.1rem;}
    .good-box .good-item .item .name-t .pull-right{float:none !important; display:block; padding-top:0;}
    .login-container{padding:10px !important;}
    .login-container .p-content label{width:4rem;}
    .login-container .p-content label.for{width:auto;}
    .login-container .p-content label,
    .login-container .p-content .p-input{font-size:.9rem;}
    #login-1 .p-input #password{width:100% !important;}
    .auth-container{margin:3rem 0; padding:1rem .5rem;}
    .auth-container .p-content label{padding-right:.1rem; width:6.5rem; font-size:.9rem;}
    .auth-container .p-content #p-captcha{display:block;}
}

@media only screen and (max-width: 25em) {
    .news-view-content img{max-width:100% !important; height:auto !important;}
    .news-item .item .pic{width:25%;}
    .news-item .item .tit{line-height:1.2;}
    .news-item .item .item-t{font-size:.9rem; line-height:1.3;}
    .news-item .item .name-t{margin-top:.3rem; font-size:.8rem;}
    .good-item .item,
    .good-box .good-item .item{width:100%; margin-left:0; margin-right:0;}
    .course-item .item-box{width:100%;}
}
@media only screen and (max-width: 1010px) {
  .search-header {display:none;}
}
@media only screen and (max-width: 21em) {
	.b-nav { display: none;}
	.al-list li{ width: 100%;}
	.al-dbox .al-list li{ width: 100%;}
}
@media only screen and (max-width: 700px) {
  .change-area-wrap {
    left: auto;
    right: 0;
  }
}
@media only screen and (max-width: 567px) {
  .nav-logo {top:60px;}
}