@charset "utf-8";
.gp-img-responsive{width: 100%;height: 0;padding-bottom: 56.25%;overflow:hidden;display: block;}
	.gp-img-responsive img{width: 100%;transition: all 0.5s ease-in-out;max-width:none;}
.top{position: relative;}
.teach_box .gp-img-responsive{padding-bottom: 120%;}
.teach_box2 .gp-img-responsive{padding-bottom: 67.25%;}
.gp-clearFix{*zoom:1;clear:both;}
.gp-clearFix:after{content: '';display: block;clear:both;}
.gp-clear{width: 100%;overflow:hidden;}
.gp-container{width: 1200px;margin-left: auto;margin-right: auto;}
.header{background-size: cover;height: auto;}
.nav ul {transition: all 0.35s ease-out;display: flex;display: -webkit-flex;justify-content: space-between;}
.nav ul li a {padding: 0 12px;}
/*手机端导航默认*/
.mobile_bg{width: 100%;height: calc(100% - 10px);z-index: 90;position: fixed;top:19px;left: 0;background: rgba(0,0,0,0.6);display: none;z-index: 300;}
.gp-menu{ width: 100%;z-index: 98;position: absolute;display: none;right: 0;top: 0;z-index: 400;}
.gp-menu-header{position: absolute;top: 4%;right: 0;z-index: 996;width: 100%;height:50px;}
.gp-menu-link{float: left;line-height: 40px;height: 40px;padding-left: 15px;}
.gp-menu-link a{color:#fff;}
.gp-menu-header-icon{float:right;position: relative;  -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s;cursor: pointer;margin:0;width: auto;height: 50px;border-radius: 50%;text-align: center;text-align: center;line-height: 50px;width: 50px;}
.gp-menu-header-icon span{  position: absolute; right: calc((100% - 30px) / 2);  top: calc((100% - 6px) / 2.3);  width: 27px;  height: 2px;  background-color: #fff;display: none;}
.gp-menu-header-icon-out span{width: 30px;height: 2px;background-color:#8f000b;display: block;border-radius: 4px;}
.gp-menu-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outfirst;}       
.gp-menu-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}
.gp-menu-header-icon-out span:nth-child(3){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outthird;}
.gp-menu-header-icon span:nth-child(1){transform: translateY(4px) rotate(0deg);}
.gp-menu-header-icon span:nth-child(2){transform: translateY(-4px) rotate(0deg);}
.gp-menu-header-icon span:nth-child(3){transform: translateY(-4px) rotate(0deg);}
.gp-menu-header .searchBtn{width: 50px;font-size:24px;padding-top: 10px;text-align: center;color: #fff;position: absolute;right: 70px;top:0;font-weight: normal;}
.gp-menu-header-icon-out i{width: 50px;display: inline-block;vertical-align: middle;height: 50px;}
@keyframes outfirst {
  0% {transform: translateY(0) rotate(-45deg);}
  100% {transform: translateY(-4px) rotate(0deg);}
}   
@keyframes outsecond {
  0% { transform: translateY(0) rotate(45deg);}
  100% {transform: translateY(4px) rotate(0deg);}
}
@keyframes outthird {
  0% {transform: translateY(0) rotate(90deg);}
  100% {transform: translateY(12px) rotate(0deg); }
}
.gp-menu-header-icon-click span{top: calc((100% - 2px) / 2.1);display: block;}
.gp-menu-header-icon-click span:nth-child(1){animation-duration: 0.5s; animation-fill-mode: both;animation-name: clickfirst;}     
.gp-menu-header-icon-click span:nth-child(2){animation-duration: 0.5s; animation-fill-mode: both;animation-name: clicksecond;margin-left: 0;}
.gp-menu-header-icon-click span:nth-child(3){animation-duration: 0.5s; animation-fill-mode: both;animation-name: clickthird;}
.gp-menu-header-icon-click i{display: none;}
.gp-menu-header-icon-click strong{display: none;}
.gp-menu-header-icon-click em{display: inline-block;margin-right: 90px;width: 40px;height: 40px;vertical-align: middle;position: absolute;left: -40px;top: 5px;}
@keyframes clickfirst {
  0% {transform: translateY(4px) rotate(0deg);}
  100% {transform: translateY(0) rotate(45deg);}
}   
@keyframes clicksecond {
  0% {transform: translateY(-4px) rotate(0deg);}
  100% {transform: translateY(0) rotate(-45deg);}
} 
@keyframes clickthird {
    0% {  opacity: 0}
  100% {opacity: 0}
}   
.gp-menu-header-icon-click{width: 50px;background-color: #8f000b;border-radius: 50%;}
.gp-menu-nav{  width: 100%; display: none;background: #fafafa;padding-top: 55px; position: fixed;top: 0;left: 0;box-sizing: border-box;overflow-y: auto;height: 100%;}
/*导航*/
.gp-menu-nav a{}
.gp-menu-nav > ul {}
.gp-menu-nav > ul > li{position: relative;box-sizing: border-box;transition: transform 0.5s ease-in;transform: translateY(-40px);opacity: 0;}
.gp-menu-nav > ul > li{position: relative;border-bottom: 1px solid rgba(0,0,0,0.15);border-right: 1px solid rgba(255,255,255,0.15);box-sizing: border-box;}
.gp-menu-nav > ul > li > a{display: inline-block;font-size: 14px;line-height: 1.4;padding:14px;width: 70%;box-sizing: border-box;color: #333;}
.m-second-nav {display: none;padding-bottom: 10px;padding:0 8px;background-color: #9A0000;}
.m-second-nav > li{border-bottom: 1px solid rgba(0,0,0,0.05);}
.m-second-nav > li:last-child{border-bottom: none;}
.m-second-nav > li.on > span{transform: rotate(45deg);}
.m-second-nav > li > a{display:block;padding:12px 0 12px 20px;font-size:14px;color: #fff;}
.m-second-nav > li > span{top: 4px;color: #dad6ce;font-size: 18px;}
.gp-menu-arrow {cursor: pointer;width: 30px;height: 46px;line-height: 46px;color:#333;text-align: right;position: absolute;right:10px;top: 0;font-size:20px;text-align: center;}
.gp-menu-arrow::before{transition: all 0.3s ease-in-out;}
.gp-menu-nav > ul > li.on > span{color: #fff;}
.gp-menu-nav > ul > li.on > span::before{transform: rotate(90deg);display: inline-block;}
.gp-menu-nav li ul {}
/*导航内标签效果*/
.open .gp-menu-header{position: fixed;top: 2%;}
.open .gp-menu-link{display: none;}
.open .gp-menu-header{background-color: #fafafa;}
.open .logo{z-index: 900000;position: fixed;left: 10px;top: 0;width: 75%;max-width: 300px;}
.open .logo img{padding: 10px 0;}
.open .gp-menu-nav > ul > li{transform: none;opacity: 1;}
.open .gp-menu-nav > ul > li.on{background-color: #8f000b;}
.gp-menu-nav.gp-menu-offcanvas2{position: fixed;display: block;transform: translate(150%,0);transition: all 1s ease-in-out;width: 85%;max-width:40px;border-left: 8px solid #9A0000;}
body.open .gp-menu-offcanvas2{transform: translate(0,0);position:absolute;}
body.open .gp-menu-nav > ul > li.on > a{color: #fff;}
body.open .searchBtn {display: none !important;  }
body.open .m_en{display: inline-block;padding-top: 4px;}
.mobile-column1{width: 100%;left: -100%;position: absolute;top: 50%;transform: translateY(-50%);}
.m-link{padding: 20px;text-align: center;}
.m-link a{display: inline-block;vertical-align: middle;line-height: 1.5;padding:4px 10px;font-size: 14px ;color: #666;}

/*5移动端搜索默认*/
.gp-m-search {width:calc(100% - 20px);height: 36px;line-height:35px;box-sizing: border-box;height: auto;border-radius: 0;border: none;position: relative;z-index: 50;margin: 0 auto 10px;border: 1px solid #ccc;}
.gp-m-search .gp-ser{background-color: #fff;}
.gp-m-search .notxt1{right: 0;width: 35px;height: 35px;top: 0;color: #8f000b;line-height: 35px;border: none;position: absolute;right: 0;top: 0;}
.gp-m-search .notxt1 i{font-size:20px;}
.gp-m-search input.notxt{left: 0;width: calc(100% - 35px);box-sizing: border-box;padding-left:15px;border: none;vertical-align: top;}
.gp-m-search.active{display: block;position: absolute;left: 0;top: 140px;}
.gp-m-search input, .gp-m-search button{height: 35px;line-height: 35px;}
.gp-m-search .gp-ser{height: 35px;}

.pageArticle{min-height: 60vh;}
/**/

/*侧边栏移动端 */
.gp-m-subNav{display:none;position: relative;margin-top: 15px;}
.gp-m-inner-header{width:auto;height:50px;cursor:pointer;line-height: 48px;background:#8f000b;
  background: -webkit-linear-gradient(top, #b40816 , #8f000b); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(bottom, #b40816, #8f000b); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(bottom, #b40816, #8f000b); /* Firefox 3.6 - 15 */
  background: linear-gradient(to bottom, #b40816 , #8f000b); /* 标准的语法 */}

.gp-m-inner-header > span{height: 40px;padding-left: 15px;font-size:17px;color:#fff;}
.gp-m-subNav .gp-m-inner-header-icon-click{}
.gp-m-subNav .gp-m-inner-header-icon{float: right;width:40px;height: 40px;text-align: center;color: #fff;margin-top: 5px;line-height: 40px;}
.gp-subNavm{ width:100%; overflow: hidden;display: none;background-color: #fff;}
.gp-subNavm h2{width:100%;height:48px;line-height:48px;background-color:#003c7f;}
.gp-subNavm h2 a{padding-left:13px;font-size:20px;display:block;color:#fff;}
.gp-subNavm ul{}
.gp-subNavm li{position: relative;}
.gp-subNavm li > a{ font-size: 14px;line-height:1.4;border-bottom:1px solid #dcdcdc;display:block;padding:13px 15px;color: #000;}
.gp-subNavm li.sub_has span{ margin-left: 10px;}
.gp-subNavm li.on a{ color:#6416a6; display:block; width:100%;}
.gp-m-toggle{width: 40px;height: 40px;position: absolute;right: 0;top: 5px;line-height: 40px;text-align: center;}
/* .gp-subNavm li.active .gp-m-toggle{transform: rotate(90deg);} */
.gp-subNavm dl{ display: none; background-color:#fff;}
.gp-subNavm dl dd{ padding-left: 30px; line-height:18px; padding:12px 0px 12px 30px;border-bottom: 1px dotted #e6e6e6;}
.gp-subNavm li dl dd a{ font-size: 14px; font-weight:normal; display:inline;  border:none; padding:0px;}
.gp-subNavm li dl dd a:hover{ color:#6416a6}
/*课程*/
.course_list{font-size: 0;padding: 30px 0;max-width: 700px;margin: 0 auto;}
.course_list li{width: 50%;display: inline-block;vertical-align: top;font-size: 14px;}
.course_list li a {display: block;margin: 0 auto;max-width: 217px;}
.course_list li a img{width: 100%;height: auto;}

.con .con_right{width: auto;margin-left: 300px;float: none;}

.subPage{min-height: 70vh;}
.subPageList li{padding-bottom: 5px !important;}
.subPageList li a{margin-left: 100px !important;}
.subPageList2 li a{margin-left: 0 !important;}

.Bread{height: auto;line-height: 1.5;padding: 10px 0 10px  20px;background-position: left 15px;}
.facilityList2 li p{position: relative !important;padding-top: 10px !important;}
.con .con_left{margin-bottom: 45px}

@media screen and ( max-width:1240px) {

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

}

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

@media screen and ( max-width:1240px) {
	.gp-container,.subPage{width: 1100px;}
	.nav ul li a{padding: 0 10px;}
	.flex-direction-nav .flex-prev{left: 10px;}
	.flex-direction-nav .flex-next{right: 10px;}
	.Banner .flexslider .til_slides{font-size: 20px;}
	.iosSliderDemo {padding-bottom: 30%;max-height: 360px;}
	.slideSelectors_pn{width: 100%;padding-bottom: 30%;}
	.slideSelectors_pn .prev{left: 6px;margin-left: 0;top: 50%;margin-top: -24px;}
	.slideSelectors_pn .next{right: 6px;margin-left: 0;left: auto;top: 50%;margin-top: -24px;}
}
@media screen and ( max-width:1140px) {
	.gp-container,.subPage{width: 1000px;}
	.nav ul li a{padding: 0 5px;}
}
@media screen and ( max-width:1040px) {
	.gp-container,.subPage{width:90%;}
	.nav ul li a{padding: 0 2px;}
}
@media screen and ( max-width:998px) {
	.gp-container,.subPage{width:auto;padding-left: 20px;padding-right: 20px;}
	.nav,.top_nav,.search{display: none;}
	.gp-menu{display: block;}
	.logo{width: 80%;}
	.logo img{padding: 16px 0;}
	.mode01 .lf{}
	.mode02 .rt,.mode01 .rt,.mode03 .rt,.mode01_right{width: 100%;float: none;}
	.mode01 .lf,.mode02 .lf,.mode02 .md,.mode03 .lf,.mode01_left,.articleImageList01 ul{width: 100%;float: none;margin-bottom: 25px;}
	.footer_con .lf{padding: 20px 0;float: none;width: 100%;}
	.footer_con .rt{width: 100%;float: none;padding-bottom: 15px;text-align: center;}
	.footer_con .rt .code2d{margin: 0 auto;float: none;width: 85px;}
	.Banner .flexslider .til_slides{font-size: 16px;}
		.iosSlider .slider .item .inner .text1 span{font-size: 18px;}
	#main_con1 .con_cont .blk_18 ul li{margin: 0 10px;}
	/* 侧栏 */
	.con_left{display: none;}
	.con .con_right{margin:15px 0 0 0}
	.gp-m-subNav {display: block;}
	.pictureList ul li a{margin: 0 8px;}
	.pictureList ul{margin: 0 -8px;}
	.channelImage02,.CooperationList,#main_con1{margin-top: 15px;}
	.facilityList{margin-left: -8px;margin-right: -8px;}
	.facilityList li{width: 25%;margin-bottom: 15px;}
	.facilityList li a{display: block;margin: 0 8px;}
	.facilityList li a p{bottom: 10px;}
	.header{background: #f3f0e2;}
	.mt30{margin-top: 0;}
	.picInfo li > div{margin-left: 10px;margin-right: 10px;}
	.picInfo{margin-left: -10px;margin-right: -10px;}
	.footer_con .rt,.footer_con .lf{float: none;width: 80%;margin:0 auto;max-width: 450px;}
}
@media screen and ( max-width:767px) {
	.iosSlider .slider .item .inner .text1{display: none;}
	.slideSelectors_pn > div{transform: scale(.7);}
	.teach_box li{width: 33.3%;}
	.teach_box li a{margin: 0 10px;}
	.teach_box{margin:10px -10px}
	.articleList2 ul li{margin-bottom: 10px;}
	.Banner .flexslider .til_slides{display: none;}
	.article{word-break: break-all;}
	.article img{width:auto !important;height:auto !important;}
	.article video{width:auto !important;}
	.article table{width:100% !important; }
	
	.nest01 .nest_lf,.nest02 .nest_lf{width: 100%;margin-bottom: 20px;}
	.nest01 .nest_rt,.nest02 .nest_rt{width: 100%;}
	.facilityList li{width: 50%;}
	.channelImage01{margin-top: 20px;}
}



@media screen and ( max-width:480px) {
	/* .articleList2 ul li{width: 50%;} */
	.course_list li{width: 100%;margin-bottom: 10px;text-align: center;}
	.teach_box li{width: 50%;}
	.pictureList ul li{width: 50%;}
	.firstArticle_image{width: 100%;float: none;}
	.firstArticle_content{margin: 15px 0 0 ;}
	.imageLink02 img,.imageLink01 img{width: 100%;height: auto;margin: 0 0 10px;}
	.picInfo li{width: 100%;margin-bottom: 25px;}
	.picInfo{margin: 20px 0 0 ;}
	.picInfo li > div{margin-left: 0;margin-right: 0;}
	.footer_con .rt,.footer_con .lf{width: 100%;}
	.footer_con .lf ul li a{font-size: 12px;}
}