﻿@charset "utf-8";
/*基本样式*/
ul,ol,li{list-style:none outside none;}
pre,code {white-space:pre-wrap}
.gp-pa{position: absolute;}
.gp-pr{position: relative;}
.gp-clearFix{*zoom:1;clear:both;}
.gp-clearFix:after{content: '';display: block;clear:both;}
.gp-clear{width: 100%;overflow:hidden;}
/*响应式图片*/
.gp-img-responsive{width: 100%;height: 0;padding-bottom: 66.67%;overflow:hidden;display: block;background-color: #d2d2d2}
.gp-img-responsive img{width: 100%;transition: all 0.5s ease-in-out;}
.gp-img-responsive img:hover{transform:scale(1.03);opacity: 0.85;}
.gp-radius{border-radius: 3px;display: block;overflow: hidden;}
.gp-round{border-radius: 500px;display: block;overflow: hidden;}
.gp-circle{border-radius: 50%;display: block;overflow: hidden;}
/*边框*/
.gp-img-thumbnail {display:inline-block;max-width:100%;height:auto;padding:2px;line-height:1.6;background-color:#fff; border:1px solid #ddd;border-radius:0; -webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.gp-ib{display:inline-block;*display:inline;*zoom:1;}
/*半透明背景*/
.gp-overlay{width: 100%;height: 100%;position: fixed;top: 0;z-index: 800;background: #000;opacity: 0.7;filter: alpha(opacity=80);display: none;left:0}
/*文章页控制ul li序号*/
.gp-article ol,.gp-article ol li,.gp-order-list li,.gp-order-list{list-style:decimal inside none;}
.gp-article ul,.gp-article ul li,.gp-unorder-list li,.gp-unorder-list{list-style: disc inside  none;}
.gp-unorder-list.circle{list-style-type:circle}
.gp-unorder-list.square,.gp-unorder-list.square li{list-style-type:square}
.gp-unorder-list.upper-roman,.gp-unorder-list.upper-roman li{list-style-type:upper-roman}
.gp-unorder-list.lower-alpha,.gp-unorder-list.lower-alpha li{list-style-type:lower-alpha}
/*字号*/
.gp-f12{font-size:12px;font-size: 1.2rem;}
.gp-f14{font-size:14px;font-size: 1.4rem;}
.gp-f16{font-size:16px;font-size: 1.6rem;}
.gp-f18{font-size:18px;font-size: 1.8rem;}
.gp-f20{font-size:20px;font-size: 2rem;}
.gp-f22{font-size:22px;font-size: 2.2rem;}
.gp-f24{font-size:24px;font-size: 2.4rem;}
.gp-f26{font-size:26px;font-size: 2.6rem;}
.gp-f28{font-size:28px;font-size: 2.8rem;}
.gp-f30{font-size:30px;font-size: 3rem;}
.gp-f32{font-size:32px;font-size: 3.2rem;}
.gp-f34{font-size:34px;font-size: 3.4rem;}
.gp-f36{font-size:36px;font-size: 3.6rem;}
.gp-f38{font-size:38px;font-size: 3.8rem;}
.gp-f40{font-size:40px;font-size: 4rem;}
.gp-ul-inline{font-size: 0;}
.gp-ul-inline > li{display: inline-block;*display: inline;*zoom:1;font-size: 14px;vertical-align: top;}
.gp-fl{float: left;}
.gp-fr{float: right;}
.gp-center{display: block;margin-left: auto;margin-right: auto;}
.gp-vam,.gp-vama *{vertical-align:middle;}
/*
字体色
*/
.black *{color:#333}
.white *{color:#fff}
/*一行截短*/
.gp-ellipsis,.gp-text-truncate { word-wrap:normal; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
/*透明度*/
.gp-opt-50{	opacity: 0.5;filter: alpha(opacity=50);}
/*-平均分配*/
/* [class*="gp-avg"] > li {float: left;} */
[class*="gp-avg"] {font-size: 0;}
[class*="gp-avg"] > li{display: inline-block;*display: inline;*zoom: 1;font-size: 14px;vertical-align: top;}
/*
版心和间距的问题
*/
.gp-container{width: 1400px;margin-left: auto;margin-right: auto;}
.gp-row{margin-left: -15px;margin-right: -15px;}
.gp-m15{margin:0 15px}
.gp-p15{padding-left: 15px;padding-right: 15px;}
@media screen and (max-width:1640px) {
  .gp-container{width: 1300px;}
}
@media screen and (max-width:1460px) {
  .gp-container{width: 1200px;}
}
@media screen and (max-width:1386px) {
  .gp-container{width: 1120px;}
}
@media screen and (max-width:1300px) {
  .gp-f18{font-size: 1.6rem;}
  .gp-f24{font-size: 2.2rem;}
  .gp-f30{font-size: 2.6rem;}
  .gp-f16{font-size: 1.5rem;}
  .gp-container{width: 1000px;}
}
@media screen and (max-width:1040px) {
  .gp-container{width: auto;margin-left: 30px;margin-right: 30px;}
}
@media screen and (max-width:998px) {
  .gp-f16{font-size: 1.5rem;}
  body{font-size: 1.3rem;}
}
@media screen and (max-width:767px) {
  .gp-container{margin-left: 15px;margin-right: 15px;}
  .gp-row{margin-left: -8px;margin-right: -8px;}
  .gp-p15{padding-left: 8px;padding-right: 8px;}
  .gp-m15{margin-left: 8px;margin-right: 8px;}
}

/*水平导航*/
.gp-nav-horizontal{}
.gp-nav-horizontal > li{display: inline-block;*display: inline;*zoom:1;position: relative;}
.gp-nav-justify{ width:100%;display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;text-align: center;}
.gp-nav-justify > li{ float:none;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1; flex:1}
/*导航二级菜单*/
.gp-nav-horizontal .gp-subNav{position: absolute;left: 0;top: 50px;background: #fff;}
.gp-subNav{width:100%;overflow: hidden;display:none;}
.gp-subNav dd a {padding:8px 12px;display: block;line-height: 1.5;font-size: 16px;font-size: 1.6rem;text-align: center;}

/*
面包屑
*/
.gp-bread{height:auto; line-height:20px; color:#999;padding:12px 0;overflow:hidden;position: relative;z-index: 5;color:#fff;}
.gp-bread span{color:#999;margin:0 3px}
.gp-bread a{color:#999;}

@media screen and (max-width:767px) {
	.gp-article img{width:auto !important;height:auto !important;}
  .gp-article video{width:auto !important;}
  .gp-article table{width:100% !important; }
  html{font-size: 54.705%;}
  body{font-size:1.4rem;}
}
/*
pad端固定宽度
*/
@media screen and (max-width:999px) {
  .gp-flex{display: flex;display: -webkit-flex;}
  .gp-flex-fixed{width: 250px;}
  .gp-flex-flexible{flex:1;width: auto ;}
}

/***
布局-网格样式 
**/

[class*="gp-xs"],[class*="gp-sm"],[class*="gp-md"],[class*="gp-lg"] {
  display: inline-block;*display: inline;*zoom:1;vertical-align: top;width: 100%;
}
@media screen and (min-width:100px){
   [class*="gp-avg"] li{width: 100%;}
  /*平均分配*/
  .gp-avg-xxs-1 > li{width: 100%;}
  .gp-avg-xxs-2 > li{width: 50%;}
  .gp-avg-xxs-3 > li{width: 33.3%;}
  .gp-avg-xxs-4 > li{width: 25%;}
  .gp-avg-xxs-5 > li{width: 20%;}
  
  .gp-avg-1 > li{width: 100%;}
  .gp-avg-2 > li{width: 50%;}
  .gp-avg-3 > li{width: 33.3%;}
  .gp-avg-4 > li{width: 25%;}
  .gp-avg-5 > li{width: 20%;}
}
@media screen and (max-width:479px) {
  [class*="gp-xs"]{width: 100%;display: block;}
  /*平均分配*/
  .gp-avg-xxs-1 > li{width: 100%;}
  .gp-avg-xxs-2 > li{width: 50%;}
  .gp-avg-xxs-3 > li{width: 33.3%;}
  .gp-avg-xxs-4 > li{width: 25%;}
  .gp-avg-xxs-5 > li{width: 20%;}
}
@media screen and (min-width:479px) {
  
  /*平均分配*/
  .gp-avg-xs-1 > li{width: 100%;}
  .gp-avg-xs-2 > li{width: 50%;}
  .gp-avg-xs-3 > li{width: 33.3%;}
  .gp-avg-xs-4 > li{width: 25%;}
  .gp-avg-xs-5 > li{width: 20%;}
  
}

@media screen and (min-width:767px) {
  /*平均分配*/
  .gp-avg-sm-1 > li{width: 100%;}
  .gp-avg-sm-2 > li{width: 50%;}
  .gp-avg-sm-3 > li{width: 33.3%;}
  .gp-avg-sm-4 > li{width: 25%;}
  .gp-avg-sm-5 > li{width: 20%;}
}  
@media screen and (min-width:997px) {
  
  /*平均分配*/
  .gp-avg-md-1 > li{width: 100%;}
  .gp-avg-md-2 > li{width: 50%;}
  .gp-avg-md-3 > li{width: 33.3%;}
  .gp-avg-md-4 > li{width: 25%;}
  .gp-avg-md-5 > li{width: 20%;}
}
@media screen and (min-width:1386px) {
  /*平均分配*/
  .gp-avg-lg-1 > li{width: 100%;}
  .gp-avg-lg-2 > li{width: 50%;}
  .gp-avg-lg-3 > li{width: 33.3%;}
  .gp-avg-lg-4 > li{width: 25%;}
  .gp-avg-lg-5 > li{width: 20%;}
}

/*
表格
*/
.gp-table > tbody > tr > td, .gp-table > tbody > tr > th, .gp-table > tfoot > tr > td, .gp-table > tfoot > tr > th, .gp-table > thead > tr > td, .gp-table > thead > tr > th{padding:14px;padding:1.4rem;}
.gp-table-bordered { border:solid #dbd9d6;border-width: 0px 1px 1px 0px;}
.gp-table *{word-break: break-all;}
/*边框*/
.gp-table-bordered  td{ border:solid #dbd9d6; border-width:1px 0px 0px 1px;}
/*条纹*/
.gp-table-striped>tbody>tr:nth-child(odd)>td,
.gp-table-striped>tbody>tr:nth-child(odd)>th {
 background-color:#f9f9f9
}
/*置顶*/
.gp-goTop{width: 50px;height: 50px;line-height: 50px;text-align: center;font-size: 2.5rem;transition: all 0.3s ease-in-out;color: #fff !important;background: #bd1a2d;}
.gp-goTop-fixed{position: fixed;right: 20px;bottom: 20px;z-index: 800;box-shadow: 0 0 8px rgba(0,0,0,0.2);}
.gp-goTop-fixed.bottom{bottom: 150px;}
@charset "utf-8";
/* CSS Document */
.header{position: absolute;width: 100%;top: 0;}
.top{transition:all 0.35s ease-in-out;}
.logo{width: 320px;height: 160px;background-image: url(template_files/2/images/2020/logo_bg.png);position: relative;z-index: 900;}
.logo a{padding:30px 25px 0;display: block;}
.topRight{margin-right: 11%;}
.topNav{overflow: hidden;padding:17px 0 25px;transition: all 0.35s ease-in-out;text-align: right;}
.topNav a,.topNav span{color:#fff;display: inline-block;*display: inline;*zoom: 1;vertical-align: top;}
.topNav a{position: relative;	transition: transform 0.3s;overflow: hidden;}
.topNav a > strong{display: inline-block;position: relative;transition: transform 0.3s;font-weight: normal;}
.topNav a > strong:before{position: absolute;	top: 100%;	content: attr(data-hover);	white-space: nowrap;font-weight: bold;	transform: translate3d(0,0,0);}
.topNav a:hover strong{  	transform: translateY(-100%);   }
.topNav span{margin:0 15px;}
#nav{position:relative; margin-right: -18px;}
.mr45{margin-right: 45px;}
.gp-serBtn2{font-size: 18px;}
.gp-search{width:220px;overflow: hidden;display: inline-block;*display: inline;*zoom:1;vertical-align: middle;transition: all 0.35s ease-in-out;border:1px solid #ccc;}
.gp-ser{width:100%; height:28px; z-index:9999994; margin:0 auto;position: relative;}
.gp-search input,.gp-search button{position:absolute; height: 28px;line-height:28px; border:none; background:none; top:0px;overflow: hidden; }
.gp-search input.notxt{color:#a4a4a4; width:83%;left: 0;padding:0 0 0 2%;}
.gp-search .notxt1 {position: absolute;width: 15%;right:0;cursor:pointer;color:#666;}
/*4.搜索按钮全屏展开*/
#gp-serBtn4{position: relative;z-index: 801;}
.gp-search4{height: 0;border:none;width: 100%;overflow: hidden;position: fixed;top: 50%;z-index: 802;left: 0;}
.gp-search4 .gp-ser{max-width: 800px;}
.gp-search4 input,.gp-search4 button{height: 40px;line-height: 40px;}
.gp-search4 .gp-ser{height: 40px;border: 1px solid #ccc;margin-top: 20px;}
.gp-search4 .notxt1{background: #90080c;color:#fff;font-size: 22px;}
.gp-search4 .gp-ser{display: none;border:none;background: #fff;}
.gp-search4.active .gp-ser{display: block;}
.gp-search4.active{height: 80px;}
.searchActive .gp-overlay{top: 0;}
/* @media screen and (max-width:998px) {
  .gp-search4 .gp-ser{width: 80%;}
  .gp-search4 input,.gp-search4 button{box-sizing: border-box;}
  .gp-search4 input.notxt{width: 100%;padding-right: 90px;}
  .gp-search4 .notxt1{width: 85px;}
} */
.nav{}
.nav > li{float: left;position: relative;}
.nav > li span{width: 50px;height: 48px;text-align: center;line-height: 48px;}
.nav > li > a{display:block;height: 50px;line-height: 50px;padding:0 18px;font-size: 18px;color: #fff;transition: all 0.35s ease-in-out;}
.nav > li > a > dd{}
.second_nav1{border-left: 8px solid #387D39;background-color: #fff;position: absolute;left: 0;top: 50px;width: 210px;display: none;}
.second_nav1 > dd {}
.second_nav1 > dd > a{display: block;border-bottom: 1px solid #f5eddf;padding:15px 10px 15px 30px;font-size: 16px;transition: all 0.3s ease-in-out;}
.third_nav1{background-color: #f5eddf;position: absolute;width: 180px;right: -180px;top: 0;min-height: 100%;display: none;}
.third_nav1 > li > a{display: block;padding:15px 20px;font-size: 15px;transition: all 0.35s ease-in-out;}
.nav > li.on > a{background-color: #387D39;}
.nav > li.on  .second_nav1 > dd.on > a,.nav > li > a > .second_nav1 dd > a:hover{color:#387D39;margin-left: 10px;}
.nav > li.on li a:hover{background-color:#387D39;color:#fff;}
.nav > li.on .second_nav1{display: block;}
.nav > li.on .second_nav1 > dd.on .third_nav1{display: block;}
.fourth_nav1{display: none;position: absolute;top: 0;min-height: 100%;background-color:#387D39;width: 180px;right: -180px;}
.fourth_nav1 dd .iconfont{color:#fff;width: 50px;height: 50px;}
.fourth_nav1 dd > a{padding:15px 20px;font-size: 14px;transition: all 0.35s ease-in-out;color:#fff;display: block;}
.fourth_nav1 dd > a:hover{background-color: #387D39;}
.nav > li.on  .third_nav1 li.on .fourth_nav1{display: block;}
.nav > li.on  .third_nav1 li.on > span{color: #fff;}
.nav > li.on  .third_nav1 li.on > a{color: #fff;background-color:#387D39;}
.nav > li.liR .second_nav1{right: 0;left: auto;}
.nav > li.liR .third_nav1{right: auto;left: -180px;}
.nav > li.liR .fourth_nav1{right: auto;left: -180px;}
.nav > li.liR  .iconfont{float: left;}
.fadeInUpSmall  {  -webkit-animation-name: fadeInUpSmall ;  animation-name: fadeInUpSmall ;  animation-duration: 0.4s;   -webkit-animation-duration: 0.4s;  animation-timing-function: ease-in-out;   -webkit-animation-timing-function: ease-in-out;     visibility: visible !important;   display: block;}
@-webkit-keyframes fadeInUpSmall {
  0% {   opacity: 0;    -webkit-transform: translate3d(0, 20px, 0);    transform: translate3d(0, 20px, 0);  }
  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }
}
@keyframes fadeInUpSmall {  
  0% {    opacity: 0;    -webkit-transform: translate3d(0, 20px, 0);    -ms-transform: translate3d(0, 20px, 0);    transform: translate3d(0, 20px, 0);  }
  100% {    opacity: 1;    -webkit-transform: none;    -ms-transform: none;    transform: none;  }
}
.fadeInRightSmall  {  -webkit-animation-name: fadeInRightSmall ;  animation-name: fadeInRightSmall ;  animation-duration: 0.4s;   -webkit-animation-duration: 0.4s;  animation-timing-function: ease-in-out;   -webkit-animation-timing-function: ease-in-out;     visibility: visible !important;   display: block;}
@-webkit-keyframes fadeInRightSmall {
	0% {		opacity: 0;		-webkit-transform: translate3d(30px,0,0);		transform: translate3d(30px,0,0)	}
	to {		opacity: 1;		-webkit-transform: none;		transform: none	}
}

@keyframes fadeInRightSmall {
	0% {		opacity: 0;		-webkit-transform: translate3d(30px,0,0);		transform: translate3d(30px,0,0)	}
	to {		opacity: 1;		-webkit-transform: none;		transform: none	}
}

@-webkit-keyframes passing {
	0% {-webkit-transform: translateX(-50%);transform: translateX(-50%);pacity: 0	}
	50% {		-webkit-transform: translateX(0);		transform: translateX(0);		opacity: 1	}
	100% {		-webkit-transform: translateX(50%);		transform: translateX(50%);		opacity: 0	}
}
@keyframes passing {
	0% {		-webkit-transform: translateX(-50%);		transform: translateX(-50%);		opacity: 0	}
	50% {		-webkit-transform: translateX(0);		transform: translateX(0);		opacity: 1	}
	100% {		-webkit-transform: translateX(50%);		transform: translateX(50%);		opacity: 0	}
}
@-webkit-keyframes wrench {
	0% {-webkit-transform: rotate(-12deg);transform: rotate(-12deg)}
	8% {		-webkit-transform: rotate(12deg);		transform: rotate(12deg)	}
	10% {		-webkit-transform: rotate(24deg);		transform: rotate(24deg)	}
	18% {		-webkit-transform: rotate(-24deg);		transform: rotate(-24deg)	}
	20% {		-webkit-transform: rotate(-24deg);		transform: rotate(-24deg)	}
	28% {		-webkit-transform: rotate(24deg);		transform: rotate(24deg)	}
	30% {		-webkit-transform: rotate(24deg);		transform: rotate(24deg)	}
	38% {		-webkit-transform: rotate(-24deg);		transform: rotate(-24deg)	}
	40% {		-webkit-transform: rotate(-24deg);		transform: rotate(-24deg)	}
	48% {		-webkit-transform: rotate(24deg);		transform: rotate(24deg)	}
	50% {		-webkit-transform: rotate(24deg);		transform: rotate(24deg)	}
	58% {		-webkit-transform: rotate(-24deg);		transform: rotate(-24deg)	}
	60% {		-webkit-transform: rotate(-24deg);		transform: rotate(-24deg)	}
	68% {		-webkit-transform: rotate(24deg);		transform: rotate(24deg)	}
	100%,75% {		-webkit-transform: rotate(0);		transform: rotate(0)	}
}
@keyframes wrench {
	0% {		-webkit-transform: rotate(-12deg);		transform: rotate(-12deg)	}
	8% {		-webkit-transform: rotate(12deg);		transform: rotate(12deg)	}
	10% {		-webkit-transform: rotate(24deg);		transform: rotate(24deg)	}
	18% {		-webkit-transform: rotate(-24deg);		transform: rotate(-24deg)	}
	20% {		-webkit-transform: rotate(-24deg);		transform: rotate(-24deg)	}
	28% {		-webkit-transform: rotate(24deg);		transform: rotate(24deg)	}
	30% {		-webkit-transform: rotate(24deg);		transform: rotate(24deg)	}
	38% {		-webkit-transform: rotate(-24deg);		transform: rotate(-24deg)	}
	40% {		-webkit-transform: rotate(-24deg);		transform: rotate(-24deg)	}
	48% {		-webkit-transform: rotate(24deg);		transform: rotate(24deg)	}
	50% {		-webkit-transform: rotate(24deg);		transform: rotate(24deg)	}
	58% {		-webkit-transform: rotate(-24deg);		transform: rotate(-24deg)	}
	60% {		-webkit-transform: rotate(-24deg);		transform: rotate(-24deg)	}
	68% {		-webkit-transform: rotate(24deg);		transform: rotate(24deg)	}
	100%,75% {		-webkit-transform: rotate(0);		transform: rotate(0)	}
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg)
	}
}

@keyframes spin {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg)
	}
}
.header.effect{transform: translateY(-200%);position: fixed;left: 0;}
.header.effect .top{width: 1400px;margin:0 auto}
.header.currents{background-image: url(template_files/2/images/2020/logo_bg.png);box-shadow: 0 0 15px rgba(0,0,0,0.2);transform: none;transition: all 0.35s ease-in-out;}
.header.currents .logo{width: 140px;height: auto;}
.header.currents .logo a{padding:5px 5px 0}
.header.currents .topNav{transform: -200px;display: none;}
.header.currents .topRight{margin-right: 15px;}
.header.currents .nav > li > a{height: 55px;line-height: 55px;}
.header.currents .second_nav1{top: 55px;}
/*手机端导航默认*/
.mobile_bg{width: 100%;height: 100%;z-index: 90;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.6);display: none;}
.gp-menu{ width: 100%;z-index: 98;height: 100%;position: relative;display: none;}
.gp-menu-header{position: absolute;top: 0;right: 0;z-index: 996;width: 100%;height:54px;}
.gp-menu-link{float: left;line-height: 40px;height: 40px;padding-left: 15px;}
.gp-menu-link a{color:#fff;}
.gp-menu-header-icon{color: #8c0516; height: 54px; float:right;width: 54px;position: relative;  -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s;margin-right: 10px;cursor: pointer;background-color: rgba(255,255,255,0.5);border-radius: 50%;margin:20px 20px 0 0}
.gp-menu-header-icon span{  position: absolute; left: calc((100% - 22px) / 2);  top: calc((100% - 6px) / 2.3);  width: 22px;  height: 2px;  background-color: #8c0516;}
.gp-menu-header-icon-out span{width: 22px;height: 2px;background-color:#8c0516;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);}
@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);}
.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;}
.gp-menu-header-icon-click span:nth-child(3){animation-duration: 0.5s; animation-fill-mode: both;animation-name: clickthird;}
@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-nav{  width: 100%; position: fixed;top: 0;right: 0px;background:#fff;  display: none;padding-bottom: 76px;}
/*导航*/
.gp-menu-nav a{}
.gp-menu-nav > ul {border-left: 10px solid #90080c;padding-top: 98px;}
.gp-menu-nav > ul li{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;position: relative;box-sizing: border-box;transition: all 0.35s ease-in;}
.gp-menu-nav > ul > li{position: relative;border-bottom: 1px solid #f2f2f2;}
.gp-menu-nav > ul > li > a{display: inline-block;padding:24px 0 24px 25px;font-size: 1.8rem;}
.m-second-nav {background:#f5eddf;}
.m-second-nav > li{border-bottom: 1px solid #f2f2f2;}
.m-second-nav > li.on > span{transform: rotate(45deg);}
.m-second-nav > li > a{display: inline-block;padding:19px 0 19px 50px;font-size: 1.6rem;}
.m-second-nav > li > span{top: 4px;color: #dad6ce;font-size: 1.8rem;}
.gp-menu-arrow {cursor: pointer;width: 30px;height: 50px;line-height: 50px;color:#e9e9e9;text-align: center;position: absolute;right: 0;top: 13px;font-size: 2rem;margin-right: 10px;transition: all 0.3s ease-in-out;}
.gp-menu-nav > ul > li.on > span{transform: rotate(45deg);}
.gp-menu-nav li ul {display: none;}
.m-third-nav{background-color: #7d070b;}
.m-third-nav > li > a{display: inline-block;padding:15px 0 15px 60px;color:#fff;font-size: 1.4rem;}
.m-third-nav > li >span{top: 0;font-size: 1.6rem;;}
.m-third-nav > li.on > span{transform: rotate(45deg);}
.m-fourth-nav{background-color: #6b0306;padding:5px 0;}
.m-fourth-nav > li > a{display: inline-block;padding:10px 0 10px 70px;color: #fff;font-size: 1.2rem;;}
.m-fourth-nav > li.on > span{transform: rotate(45deg);}
/*导航内标签效果*/
.open .gp-menu-link{display: none;}
.open .gp-menu-header{background: none;}
.open .logo{z-index: 90;}
.gp-menu-header-icon-click{background-color: #e5e5e5;}
.open .gp-menu-nav > ul > li{transform: none;}
@-webkit-keyframes returnToNormal {
  from {
    opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;-webkit-transform: none;transform: none;
  }
}

@keyframes returnToNormal {
  from {
    opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;-webkit-transform: none;transform: none;
  }
}
.gp-menu-nav.gp-menu-offcanvas2{position: fixed;display: block;transform: scale(1.1);;transition:all 0.5s ease-out 0s;width: 50%;box-sizing: border-box;opacity: 0;visibility:hidden}
.open .gp-menu-offcanvas2{transform: none;position:absolute;opacity: 1;visibility:visible}

.mobile-column1{width: 100%;left: -100%;position: absolute;top: 50%;transform: translateY(-50%);}
/*5移动端搜索默认*/
.gp-m-search {width:80%;margin:0 auto;display: block;height: 40px;}
.gp-m-search .notxt1{right: auto;right: 0;width: 40px;color: #fff;height: 40px;line-height: 40px;font-size: 1.8rem;}
.gp-m-search input.notxt{left: 0;width: 100%;box-sizing: border-box;padding-right: 42px;height: 40px;line-height: 40px;color:#fff;}
.m-link{padding:7% 0;width: 100%;margin:0 auto;text-align: center;}
.m-link *{color: #fff;display: inline-block;line-height: 2;}
.m-link span{margin:0 8px}
.m-link2{margin:0 auto;text-align: center;width: 70%;font-size: 0;}
.m-link2 li{font-size: 1.4rem;display: inline-block;margin-bottom: 20px;}
.m-link2 li > a{display: block;border: 1px solid #d6d6d6;margin:0 10px;height: 98px;width: 98px;}
.m-link2 li i,.m-link2 li span{display: block;color: #fff;}
.m-link2 li i{padding:15px 0 5px;}
.m-link2 li span{font-size: 14px;}
.m-link2 li:last-child > a{width: auto;min-width: 100px;padding:0 10px;display: block;}
.wrap_footer{background-image: url(template_files/2/images/2020/footer_bg.jpg);background-repeat:  no-repeat;background-position:  top center;background-size: cover;}
.footer{padding-top: 40px;padding-bottom: 40px;}
.footer_link1{width: 20%;}
.footer_link1 li{position: relative;height: 58px;line-height: 56px;border:1px solid #a43f41;margin-bottom: 7px;}
.footer_link1 li:before{content: '';width: 100%;height: 100%;background-color: #000;opacity: 0.2;position: absolute;left: 0;top: 0;z-index:0;filter: alpha(opacity=20);}
.footer_link1 li > a{display: block;position: relative;z-index: 2;color: #fff;}
.footer_link1 li i{width: 65px;float: left;margin:9px 0 0 0;float: left;text-align: center;height: 40px;line-height: 40px;color: #fff;border-right: 1px solid #914245;margin-right: 16px;}
.footer_md{position: relative;height: 0;margin:0 auto;width: 37.14%;}
.footer_md >span{display: block;margin-bottom: 25px;padding-bottom: 25px;border-bottom: 1px solid #b86261;}
.footer_md p{color: #fff;opacity: 0.7;filter: alpha(opacity=70);line-height: 24px;padding:2px 0;max-width: 416px;margin:0 auto;transition: all 0.3s ease-in-out;}
.footer_rt{width: 330px;font-size: 0;text-align: center;}
.footer_rt span{width: 100px;display: inline-block;*display: inline;*zoom:1;margin-left: 10px;vertical-align: top;}
.footer_rt span strong{display: block;height: 100px;overflow: hidden;transition: all 0.35s ease-in-out;}
.footer_rt span i{display: block;height: 35px;line-height: 35px;overflow: hidden;color: #fff;font-style: normal;margin-bottom: 6px;}
.copyRight{background-color:#84070b;padding:21px 0;text-align: center;line-height: 1.5;}
.copyRight > *{color: #fff;opacity: 0.4;filter: alpha(opacity=40);}
.copyRight i{font-style: normal;margin:0 10px}
/*左右抖动*/
.footer_link1 li i:before{display: inline-block;}
.slide_bg{ font-weight: bold; background-image: linear-gradient(180deg, rgba(0,0,0,0.00) 1%, rgba(0,0,0,0.50) 70%); font-size: 24px;padding-bottom: 69px; font-style: normal; color: #fff; text-align: center; width:100%;position: absolute;left: 0;bottom: 0;z-index: 10;}

@-webkit-keyframes wrench {
	0% {	-webkit-transform: rotate(-12deg);		transform: rotate(-12deg)	}
	8% {		-webkit-transform: rotate(12deg);		transform: rotate(12deg)	}
	10% {		-webkit-transform: rotate(24deg);		transform: rotate(24deg)	}
	18% {		-webkit-transform: rotate(-24deg);		transform: rotate(-24deg)	}
	20% {		-webkit-transform: rotate(-24deg);		transform: rotate(-24deg)	}
	28% {		-webkit-transform: rotate(24deg);		transform: rotate(24deg)	}
	30% {		-webkit-transform: rotate(24deg);		transform: rotate(24deg)	}
	38% {		-webkit-transform: rotate(-24deg);		transform: rotate(-24deg)	}
	40% {		-webkit-transform: rotate(-24deg);		transform: rotate(-24deg)	}
	48% {		-webkit-transform: rotate(24deg);		transform: rotate(24deg)	}
	50% {		-webkit-transform: rotate(24deg);		transform: rotate(24deg)	}
	58% {		-webkit-transform: rotate(-24deg);		transform: rotate(-24deg)	}
	60% {		-webkit-transform: rotate(-24deg);		transform: rotate(-24deg)	}
	68% {		-webkit-transform: rotate(24deg);		transform: rotate(24deg)	}
	100%,75% {		-webkit-transform: rotate(0);		transform: rotate(0)	}
}
@keyframes wrench {
	0% {-webkit-transform: rotate(-12deg);transform: rotate(-12deg)	}
	8% {-webkit-transform: rotate(12deg);transform: rotate(12deg)	}
	10% {-webkit-transform: rotate(24deg);transform: rotate(24deg)	}
	18% {-webkit-transform: rotate(-24deg);transform: rotate(-24deg)	}
	20% {-webkit-transform: rotate(-24deg);transform: rotate(-24deg)	}
	28% {-webkit-transform: rotate(24deg);transform: rotate(24deg)	}
	30% {-webkit-transform: rotate(24deg);transform: rotate(24deg)	}
	38% {-webkit-transform: rotate(-24deg);transform: rotate(-24deg)	}
	40% {-webkit-transform: rotate(-24deg);	transform: rotate(-24deg)	}
	48% {-webkit-transform: rotate(24deg);		transform: rotate(24deg)	}
	50% {-webkit-transform: rotate(24deg);		transform: rotate(24deg)	}
	58% {-webkit-transform: rotate(-24deg);		transform: rotate(-24deg)	}
	60% {-webkit-transform: rotate(-24deg);		transform: rotate(-24deg)	}
	68% {-webkit-transform: rotate(24deg);		transform: rotate(24deg)	}
	100%,75% {-webkit-transform: rotate(0);		transform: rotate(0)	}
}

@-webkit-keyframes tada {
	0% {-webkit-transform: scale(1);transform: scale(1)}
	10%,20% {	-webkit-transform: scale(.9) rotate(-8deg);	transform: scale(.9) rotate(-8deg)	}
	30%,50%,70% {		-webkit-transform: scale(1.3) rotate(8deg);		transform: scale(1.3) rotate(8deg)	}
	40%,60% {		-webkit-transform: scale(1.3) rotate(-8deg);		transform: scale(1.3) rotate(-8deg)	}
	100%,80% {		-webkit-transform: scale(1) rotate(0);		transform: scale(1) rotate(0)	}
}
@keyframes tada {
	0% {	-webkit-transform: scale(1);		transform: scale(1)	}
	10%,20% {		-webkit-transform: scale(.9) rotate(-8deg);		transform: scale(.9) rotate(-8deg)	}
	30%,50%,70% {		-webkit-transform: scale(1.3) rotate(8deg);		transform: scale(1.3) rotate(8deg)	}
	40%,60% {		-webkit-transform: scale(1.3) rotate(-8deg);		transform: scale(1.3) rotate(-8deg)	}
	100%,80% {		-webkit-transform: scale(1) rotate(0);		transform: scale(1) rotate(0)	}
}
@media screen and (min-width:1020px) {
.footer_link1 li:hover i:before {
	-webkit-animation: wrench 2.5s ease infinite;
	animation: wrench 2.5s ease infinite;
	transform-origin-x: 90%;
	transform-origin-y: 35%;
	transform-origin-z: initial}
.footer_rt span:hover strong{transform: scale(1.2);}
.footer_md p:hover{opacity: 1;filter: alpha(opacity=100);}
}
@media screen and (max-width:1520px) {
  .logo{width: 260px;height: 130px;}
}
@media screen and (max-width:1460px) {
  .topRight{margin-right: 3%;}
  .header.effect .top{width: 1200px;}
  
  .footer_md{transform: translateX(-20px);}
}

@media screen and (max-width:1386px) {
  .header.effect .top{width: 1200px;}
  .logo{width: 230px;height: auto;}
  .logo a{padding:15px }
  .topNav{padding:12px 0 10px}
  .nav > li > a{font-size: 16px;}
}
@media screen and (max-width:1300px) {
  .header.effect .top{width: 1000px;}
  .footer_md{transform: translateX(-60px);}
}

@media screen and (max-width:998px) {
  .topRight {display: none;}
  .logo{width: 200px;}
  .gp-menu{display: block;}
  .footer_rt{clear: both;margin:0 auto;float: none;width: 100%;text-align: center;padding:15px 0 0}
  .footer_link1{width: 40%;}
  .footer_md{transform: none;float: right;width: 55%;}
  .footer_link1 li{height: 48px;line-height: 48px;}
  .footer_link1 li i{height: 34px;margin:6px 10px 0 0;width: 40px;}
}
@media screen and (max-width:767px) {
  .m-link2 li > a{width: 80px;height: 80px;}
  .m-link2 li i{padding-top: 10px;}
}
@media screen and (max-width:640px) {
  .m-link2{width: 90%;}
}
@media screen and (max-width:480px) {
  .gp-menu-nav > ul > li > a{padding:20px 0 20px 25px}
  .gp-menu-arrow{top: 2px;}
  .gp-menu-header-icon{margin:10px 10px 0 0}
  .gp-menu-nav.gp-menu-offcanvas2{width: 100%;padding-bottom:0;}
  .logo{width: 150px;}
  .mobile-column1{position: static;transform: none;padding:15px 15px 15px 5px;border-left: 10px solid #90080c;box-sizing: border-box;}
  .open .gp-menu-offcanvas2{width: 100%;}
  .gp-m-search input.notxt{color:#666 !important;}
  .gp-m-search .notxt1{color:#333}
  .m-link{padding:15px 0}
  .m-link *{color: #999;}
  .m-link2{margin:15px 0;width: 100%;}
  .m-link2 li{width: 25%;}
	.m-link2 li:last-child{width: 50%;}
  .m-link2 li > a{width: auto;margin:0 5px}
  .m-link2 li i{color:#e9e9e9;}
  .m-link2 li span{color:#666;font-size: 12px;}
  .linkLeft{width: 100%;float: none;display: block;height: 100px;}
  .linkRight{margin: 0;height: 50px;line-height: 50px;}
   .linkRight i, .linkRight span{display: inline-block;padding:0 5px;vertical-align: middle;}
   .footer_link1{width: 100%;float: none;padding:15px 0;overflow: hidden;}
   .footer_md{width: 100%;float: none;height: auto;}
   .footer_md >span{margin-bottom: 15px;padding-bottom: 15px;}
   .footer_link1 li{width: 48%;float: left;}
   .footer_link1 li:nth-child(2n){float: right;}
   .footer{padding:15px 0 30px}
   .footer_md p{max-width: 320px;}
}
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;position:relative} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li.clone{position:relative}
.Banner .flexslider .slides img {width: 100%; display: block;-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); -webkit-transform: scale(1.2);  transform: scale(1.2);}
.flexslider .slides > li.flex-active-slide img{ -webkit-transform: scale(1);  transform: scale(1);}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { position: relative;zoom:1;z-index: 6 }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {}
.flex-direction-nav li a{width: 45px; height: 45px; position: absolute; top: 50%; z-index: 10; margin-top:-25px;text-align: center;line-height: 45px;overflow:hidden;transition: all 0.35s ease-in-out;border-radius: 50%;}
.flex-direction-nav li a:after{content: '';width: 100%;height: 100%;background: #000;opacity: 0.3;filter: alpha(opacity=30);position: absolute;left: 0;top: 0;z-index: -1;transition: all 0.3s ease-in-out;}
.flex-direction-nav a:before{}
.flex-direction-nav a{ text-decoration:none; display: block;overflow: hidden; cursor: pointer;color:#fff;font-size: 30px;position: relative;z-index: 12;}
.flex-direction-nav .flex-prev {left: 15px;}
.flex-direction-nav .flex-next {right: 15px; }
.flex-direction-nav a:hover{opacity: 1;filter: alpha(opacity=100);}
.flex-direction-nav li a:hover:after{background-color: #6e5253;opacity: 1;}
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0) !important; cursor: default; }
/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; background:#ddd}
/*.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
*/.flex-pauseplay a:hover  { opacity: 1; }
/*.flex-pauseplay a.flex-play:before { content: '\f003'; }
*//* Control Nav */
.flex-control-nav {position: absolute; bottom: 17px; right:15px;  z-index:99; }
.flex-control-nav li { margin: 10px 6px 0; display: inline-block; *zoom: 1; *display: inline;vertical-align: top;}
.flex-control-paging li a {  cursor: pointer; width: 14px; height: 14px; text-indent: -99999em; display: block;border-radius: 14px;
  background: #EAE4D1;
  opacity: 1;  }
.flex-control-paging li a.flex-active {background: #387D39;}

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

.Banner{position: relative;}
.Banner .flex-control-nav{bottom: 30px;right:0; width: 100%; text-align: center;}

.slide_img{display: block;height: 0; height: 100vh; overflow: hidden;position: relative;z-index: 5;}
.banner_lf{width: 160px;height: 100%;background-color: #f0f0f0;position: absolute;left: 0;top: 0;z-index: 10;}
.Banner .flexslider{position: relative;z-index: 5;}
/* .Banner .flex-control-nav li{width: 75px;height: 47px;background:url(template_files/2/images/2020/chi.png) no-repeat bottom center;margin: 0;}
.Banner .flex-control-nav li:first-child{width:37.5px;background-position: -36px bottom ;}
.Banner .flex-control-nav li:last-child{width:37.5px;background-position: 0 bottom ;}
.Banner .flex-control-paging li a{width: 28px;height: 28px;background-color: rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.3);font-family: 'Arial';font-size: 16px;text-align: center;line-height: 27px;color: #fff;font-weight: normal;margin:0 auto;cursor: pointer;position: relative;transition: all 0.3s ease-in-out;top: 0;}
.Banner .flex-control-nav li:first-child a{margin-left: -13.5px;}
.Banner .flex-control-nav li:last-child a{margin-left: 21.9px;}
.Banner .flex-control-nav li a.flex-active{background-color: #387D39;border:1px solid #fff;top: -20px;}
.Banner .flex-control-nav li a:hover{background-color: #387D39;border:1px solid #ff}
.Banner .flex-control-nav li a:before{content: '';width: 1px;height: 0;background-color: #fff;opacity: 0.5;filter: alpha(opacity=50);position: absolute;left: 45%;top: 36.5px;transition: all 0.35s ease-in-out;}
.Banner .flex-control-nav li a.flex-active:before{height: 20px;} */
.Banner .flex-direction-nav .flex-prev {left: 175px;}
.sideBar{position: absolute;left: 25px;top: 50%;transform: translateY(-50%);z-index: 800;width: 108px;border: 1px solid #d6d6d6;border-bottom:none;text-align: center;margin-top: 80px;background-color: #f0f0f0;transition: all 0.5s ease-in-out;}
.sideBar li{border-bottom: 1px solid #d6d6d6;height: 108px;padding:0 10px}
.sideBar li:last-child{height: 128px;}
.sideBar li i,.sideBar li span{display: block;}
.sideBar li i {padding:23px 0 5px;color: #999;}
.sideBar li{position: relative;}
.sideBar li:before{position: absolute;left: 50%;top: 50%;width: 0;height: 0;background-color:#387D39;content: '';z-index: 0;transition: all 0.3s ease-in-out;}
.sideBar li a{position: relative;z-index: 5;}
.sideBar.fixTop{position: fixed;margin-top: 0;}
/* .sideBar.fixBottom{position: absolute;bottom: 15px;top: auto;transform: none;}
.content.fixBottom{position: relative;}
.content.fixBottom .Banner{position: static;}
.content.fixBottom .banner_lf{display: none;} */
.content{overflow: hidden;}
/*mode01*/
.wrap_mode01{background:url(template_files/2/images/2020/mode_bg02.jpg) repeat-x bottom ;
  background: -webkit-linear-gradient(top, #fffffe , #f5eddf),url(../../images/2020/bg4.png) repeat; /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(bottom, #fffffe, #f5eddf),url(../../images/2020/bg4.png) repeat; /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(bottom, #fffffe, #f5eddf),url(../../images/2020/bg4.png) repeat; /* Firefox 3.6 - 15 */
  background: url(template_files/2/images/2020/bg44.png) repeat,linear-gradient(to bottom, #fff , #f5eddf); /* ???у???????√?鐃? */padding-bottom: 40px;position: relative;overflow: hidden;mix-blend-mode: multiply;}
.wrap_mode01:before,.wrap_mode01:after{content: '';width: 500px;height: 557px;position: absolute;bottom: 0;}
.wrap_mode01:before{left: 0;background-image: url(template_files/2/images/2020/bg2.png);background-position: center;background-repeat: no-repeat;z-index: 0;}
.wrap_mode01:after{right: 0;background-image: url(template_files/2/images/2020/bg1.png);background-position: center;background-repeat: no-repeat;}
.bg3{width: 100%;height: 50%;background:rgba(255,255,254,0);background:-webkit-gradient(top,bottom,color-stop(0%,rgba(255,255,254,0)),color-stop(70%,rgba(255,255,254,1)),color-stop(100%,rgba(255,255,254,0.4)));
	background:-webkit-linear-gradient(top,rgba(255,255,254,0) 0%,rgba(255,255,254,0.4) 70%,rgba(255,255,254,0.4) 100%);
	background:linear-gradient(to top,rgba(255,255,254,0) 0%,rgba(255,255,254,1) 100%);position: absolute;left: 0;top: 0;}
.mode01{position: relative;z-index: 5;}
.listTitle01{padding:38px 0 28px;}
.listTitle01 h2{padding:10px 0 10px 60px;background-image:url(template_files/2/images/2020/title01.png) ;background-position: left center;background-repeat: no-repeat;}
.listTitle01 h2 a{font-weight: normal;display: inline-block;*display: inline;*zoom: 1;}
.newsHref{margin-left: 25px;font-size: 16px;color: #90080c;}
.listTitle01 h2 span{color:#999;font-weight: normal;}
.readMore01{float: right;width: 22px;height: 22px;border:1px solid #ccc;line-height: 18px;text-align: center;font-size: 24px;margin-top: 20px;transition: all 0.3s ease-in-out;}
.readMore01 a{color:#ccc;transition: all 0.3s ease-in-out;}
.readMore0100{float: right;width:62px !important;height: 22px;line-height: 18px;text-align: right;font-size: 24px;margin-right: 20px;transition: all 0.3s ease-in-out;border-radius:0;background-color:none;}
.readMore0100 a{color:#666 !important;transition: all 0.3s ease-in-out;background:none !important;border-radius:0 !important;font-size: 12px;padding: 0 !important; }
.readMore0100 a:hover{color:#387D39 !important;}
.SWUPL-list01{margin:0 -11px;}
.SWUPL-list01 li{margin-bottom: 15px;}
.SWUPL-list01 li.li{margin-bottom: 30px;width: 50%;}
.SWUPL-list01 li > div{margin:0 12px;background-color: #fff;overflow: hidden;position: relative;box-shadow: 5px 0px 10px rgba(0,0,0,0.15);transition: all 0.35s ease-in-out;}
.SWUPL-list01 li.li1 > div{margin-right: 20px;}
.SWUPL-list01 li.li2 > div{margin-left: 20px;;}
.item-img01{width: 384px;}
.item-img01 .gp-img-responsive{padding-bottom: 62.5%;position: relative;}

.item-txt01{margin-left: 400px;padding:20px 25px 20px 0;position: relative;z-index: 5;}
.item-txt01 h3{line-height: 24px;height: 48px;overflow: hidden;margin-bottom: 15px;font-weight: normal;}
.item-txt01 p{line-height: 20px;height: 80px;margin-bottom: 15px;overflow: hidden;color: #999;}
.item-date01{display: block;font-family: 'Arial';color: #ccc;white-space: nowrap;}
.item-date01 i{margin-right: 5px;}
.SWUPL-list01 li.li > div:before{content: '';width: 86px;height: 68px;background:url(template_files/2/images/2020/icon1.png) no-repeat center;position: absolute;right: 0;bottom: 0;transition: all 0.3s ease-in-out;z-index: 0;}
/* .SWUPL-list02 {margin:0 -11px}
.SWUPL-list02 li{margin-bottom: 15px;}
.SWUPL-list02 li > div{background-color: #fff;overflow: hidden;margin:0 11px;box-shadow: 5px 5px 10px rgba(0,0,0,0.1);} */
.item-img02{width: 290px;}
.item-txt02{margin-left: 290px;padding:15px 18px;}
.item-txt02 h3{height:120px;margin-bottom: 10px;}
.item-txt02 p{margin-bottom: 40px;}
.SWUPL-list01 li.noImg .item-txt02{padding:28px 15px 30px;}
.SWUPL-list01 li.noImg .item-txt02 h3{margin-bottom: 25px;}
.mode01 .flexslider .slides > li{display: inline-block;}
.mode01 .flex-control-nav{display: none;}
.row2 .listTitle01{}
.SWUPL-list81{margin:0 -12px;}
.SWUPL-list81 li{margin-bottom: 15px;}
.SWUPL-list81 li > a{display: block;margin:0 12px;background-color: #fffcf2;padding:20px;box-shadow: 0 0 15px rgba(0,0,0,0.12);transition: all 0.35s ease-in-out;position: relative;overflow: hidden;}
.SWUPL-list81 li > a h3{color: #666;line-height: 24px;height: 48px;margin-bottom: 15px;font-weight: normal;position: relative;z-index: 5;overflow: hidden;}
.SWUPL-list81 li > a:before{content: '';width: 86px;height: 68px;background:url(template_files/2/images/2020/li-icon2.png) no-repeat center;position: absolute;right: 0;bottom: 0;transition: all 0.3s ease-in-out;z-index: 0;}
/*mode02*/
.wrap_mode02{position: relative;}
.bg4{width: 50%;height: 100%;position: absolute;left: 50%;top: 0;z-index: -1;background:url(template_files/2/images/2020/mode_rt.jpg) no-repeat left center #f7f7f7;height: 100%;}
.SWUPL-column1{width:46.429%}
.listTitle02{padding-bottom: 24px;}
.tab01{}
.tabMenu01{width: 110%;margin-bottom: 20px;}
.tabMenu01 li{display: inline-block;height: 36px;line-height: 36px;padding:0 15px;box-shadow: 0 0 10px rgba(0,0,0,0.2);border-radius: 20px;margin-right: 30px;margin-bottom: 20px;*display: inline;*zoom:1}
.tabMenu01 li a{color: #387D39;}
.tabMenu01 li.on,.tabMenu01 li:hover {background-color:#387D39;}
.tabMenu01 li.on > a,.tabMenu01 li:hover > a{color: #fff;}
.listTitle03{overflow: hidden;margin-bottom: 10px;}
.listTitle03 a{height: 40px;line-height: 40px;background-color: #387D39;border-radius: 0 25px 25px 0;color:#fff;padding:0 20px;;}
.item-info03{border-top: 20px solid #387D39;padding-bottom: 50px;overflow: hidden;}
.item-img03{width: 100%;}
.item-img03 .gp-img-responsive{padding-bottom:62.127% ;}
.item-txt03{margin-left: 0px;overflow: hidden;background-color: #387D39;padding:15px;}
.item-txt03 h3{font-weight: normal;height: auto;margin-bottom: 10px;color: #fff;}
.item-txt03 h3 a{color: #fff;}
.item-date03{color:#ca8385;font-family: 'Arial';margin-bottom: 0px;display: block;}
.item-list03{overflow: hidden;}
.item-list03 > div{width: 50%;;}
.activityTitle{line-height: 24px;height: 48px;overflow: hidden;font-weight: normal;margin:20px 0;transition: all 0.3s ease-in-out;}
.activity{overflow: hidden;position: relative;padding: 0px 15px;}
.activity .inner{overflow: hidden;}
.activity a{ display:block;float: left;margin-right: 30px;}
.activity li {margin-bottom: 15px;}
.activity li i{font-style: normal;width: 50px;background-color: #8f0d13;line-height: 24px;height: 24px;float: left;color: #fff;text-align: center;}
.activity li i.a1{width: 60px;}
.activity li span{display: block;margin-left: 70px;color: #999;line-height: 20px;max-height: 60px;overflow: hidden;}
.SWUPL-list02{padding-left: 25px;min-height: 300px;}
.SWUPL-list02 li{border-bottom: 1px solid #e6e6e6;padding-bottom: 20px;margin-bottom: 20px;}
.SWUPL-list02 li:last-child{border-bottom: none;padding-bottom: 0px;margin-bottom: 0px;}
.SWUPL-list02 li h3{font-weight: normal;line-height: 24px;height: 48px;margin:20px 0 10px;transition: all 0.35s ease-in-out}
.SWUPL-list02 li p{line-height: 24px;height: 24px;overflow: hidden;color: #999;margin-bottom: 10px;}

.SWUPL-list05{padding-left: 25px;border-left: 1px solid #e6e6e6;min-height: 300px;}
.SWUPL-list05 li{border-bottom: 1px solid #e6e6e6;margin-bottom: 20px;}
.SWUPL-list05 li:last-child{border-bottom: none;padding-bottom: 0px;margin-bottom: 0px;}
.SWUPL-list05 li h3{font-weight: normal;line-height: 24px;height: 48px;margin:20px 0 10px;transition: all 0.35s ease-in-out}
.SWUPL-list05 li p{line-height: 24px;height: 24px;overflow: hidden;color: #999;margin-bottom: 10px;}
.tabListBox{display: none;}
/* .mode02 .tabListBox.show *{opacity: 1;transform: none;} */
.SWUPL-column2{width: 46.429%;}
.tab01 .tabListBox{display: block;}
/*??葦?♂??????*/
.listTitle04{padding-bottom: 18px;}
.listTitle04 .readMore01{margin-top: 8px;}
.SWUPL-list03{margin:0 -28px;border-top: 1px solid #e6e6e6;border-top: 20px;}
.SWUPL-list03 li > a{margin:0 28px;display: block;}
.list-date03{width: 54px;height: 54px;background-color: #ccb289;text-align: center;margin:10px 0 0 10px;position: relative;float: left;transition: all 0.35s ease-in-out;}
.list-date03:before{content: '';width: 50px;height: 50px;background-color: #fff;border:2px solid #ccb289;position: absolute;left: -10px;top: -10px;z-index: -1;transition: all 0.35s ease-in-out;}
.list-date03 span,.list-date03 strong{display: block;color:#fff;font-family: 'Arial';position: relative;z-index: 15}
.list-date03 strong{font-size:18px;padding:10px 0 1px;}
.SWUPL-list03 li h3{font-weight: normal;line-height: 24px;height: 72px;margin-left: 80px;transition: all 0.3s ease-in-out;}
.SWUPL-list03 li{margin-bottom: 48px;}
.SWUPL-column2-bx{ width: 100%;overflow: hidden;}
.SWUPL-edu01{transition: all 0.3s ease-in-out;position: relative;width: 48%;float: left;}
.SWUPL-edu01:first-child{margin-right: 1%;}
.SWUPL-edu01:last-child{margin-left: 1%;}

/* .edu-img01{width: 490px;} */
.SWUPL-edu01 .gp-img-responsive{padding-bottom: 93%;}
/* .edu-txt01{margin-left: 490px;} */
.listTitle05{overflow: hidden;position: absolute;left: 0;top: 20px;z-index: 500;}
.listTitle05 a{display: inline-block;*display: inline-block;*zoom:1;position: relative;height: 50px;line-height: 48px;padding:0 15px 0 10px;background-color: #387D39;color: #fff;}
.listTitle05 a:before,.listTitle05 a:after{content: '';width: 0;height: 0;position: absolute;right: -8px;;}
.listTitle05 a:before{border-top: 25px solid #387D39;  border-right: 9px solid transparent;top: 0;}
.listTitle05 a:after{border-bottom: 25px solid #387D39;  border-right: 9px solid transparent;bottom: 0;}
.edu-con1{display: block;padding:18px 20px;border: 1px solid #f9e7ca;background-color: #fff;margin-top: 27px;border-left: none;min-height: 252px;transition: all 0.35s ease-in-out;}
.edu-con1 h3{font-weight: normal;line-height: 24px;height: 192px;overflow: hidden;margin-bottom: 20px;}
.edu-con1 p{color: #999;line-height: 20px;overflow: hidden;height: 40px;margin-bottom: 18px;}
.SWUPL-link1{width: 46.15%;background-color: #fff;border: 1px solid #f9e7ca;transition: all 0.35s ease-in-out;}
.linkLeft{width: 192px;height: 144px;background-size: cover !important;float: left;border-right: 1px solid #f9e7ca;}
.linkRight{margin-left: 193px;height: 100%;text-align: center;}
.linkRight i{display: block;color: #ccb289;padding:33px 0 16px }
/*mode03*/
.wrap_mode03{background-image: url(template_files/2/images/2020/mode_bg02.png);background-repeat: repeat;padding-bottom: 60px;}
.mode03 .listTitle01{padding-bottom: 20px;}
.SWUPL-list04{margin:0 -4px;position: relative;}
.SWUPL-list04 > li{margin-bottom: 6px;}
.SWUPL-list04 > li > a{display: block;margin:0 4px;position: relative;transition: all 0.3s ease-in-out;}
.item-img04 .gp-img-responsive{padding-bottom: 75%;}
.item-bg04{background:rgba(0,0,0,0.5);background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.75)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
	background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);height: 100px;position: absolute;left: 0;bottom: 0;width: 100%;display: block;}
.item-title04{position: absolute;left: 0;bottom: 15px;line-height: 24px;height: 48px;font-weight: normal;padding:0 15px;overflow: hidden;color: #fff;}
.SWUPL-list04 > li.li2{width: 50%;}
.SWUPL-list04 > li.li2 h3{font-size: 20px;}
.SWUPL-list04 > li.li4{position: absolute;left: 0;bottom: 0;}
.mode03 .slides > li{display: inline-block;float: left;}
.mode03 .flex-control-nav{display: none;}

.sideBar{border-bottom: 1px solid #d6d6d6;overflow: hidden;transition: all 0.65s ease-in-out;}
.sideBar ul{transition: all 0.3s ease-in-out;overflow: hidden;}
.asideNavClose{}
.asideRound{width: 30px;height: 30px;border: 1px solid #d6d6d6;border-radius: 50%;color: #666;cursor: pointer;line-height: 30px;margin:5px auto;display: none;transition: all 0.3s ease-in-out;}
.asideRound:hover {background-color: #387D39;color: #fff;border-color: #387D39;}
.sideBarTitle{width: 40px;margin:0 auto;position: fixed;top: 50%;left: 25px;transform: translate(-180%,-50%);border: 1px solid #da4e51;overflow: hidden;text-align: center;padding:10px 0;background-color: #387D39;z-index: 880;transition: all 0.65s ease-in-out;color: #fff;}
.sideBarTitle i{display: block;width: 26px;height: 26px;line-height: 26px;font-size: 14px;color: #fff;}
.sideBarTitle.on{transform: translate(0,-50%);}
.sideBar.on{transform: translate(-150%,-50%);}
@media screen  and (min-width:1020px) {
  .readMore01:hover{border-color: #387D39;background-color: #387D39;}
  .readMore01:hover a{color:#fff}
  .SWUPL-list01 li > div:hover:before, .SWUPL-list81 li > a:hover:before{transform: translateX(100%);}
  .SWUPL-list03 li > a:hover .list-date03{margin:0}
  .SWUPL-list03 li > a:hover .list-date03:before{left: 0;top: 0;}
  .SWUPL-edu01:hover,.SWUPL-link1:hover{transform: translateY(-15px);}
  .SWUPL-edu01:hover .edu-con1,.SWUPL-link1:hover{box-shadow: 0 0 13px rgba(249,231,201,0.85);}
  .SWUPL-list04 li > a:hover{box-shadow: 0 0 13px rgba(0,0,0,0.2);color: #fff;}
  .SWUPL-list04 li > a:hover img{transform: scale(1.05);}
  .activityTitle:hover,.SWUPL-list02 li h3:hover,.SWUPL-list05 li h3:hover{margin-left: 15px;}
  .SWUPL-list03 li:hover h3{transform: translateX(-15px);}
  
  .sideBar li:hover i,.SWUPL-link1:hover i{ 	-webkit-animation: wrench 2s linear infinite; 	animation: wrench 2s linear infinite  }
  .sideBar li:hover:before{background-color: #387D39;width: 100%;height: 100%;left: 0;top: 0;}
  .sideBar li:hover *{color: #fff;}
  /* .item-img01 .gp-img-responsive::before{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: #90080c;content: '';transition: transform .75s cubic-bezier(0.190, 1.000, 0.220, 1.000) .6s;display: block;transform-origin: right center;}
  .isView .item-img01 .gp-img-responsive::before{transform: scaleX(0);} */
  .effect2{transform: translateY(50px);opacity: 0;transition: all 1s ease-out 0s;;}
  .SWUPL-list01 > li{opacity: 0;transition: all 1s ease-out 0s;}
  .SWUPL-list01 > .li1{transform: translateX(-40px);opacity: 0;}
  .SWUPL-list01 > .li2{transform: translateX(40px);opacity: 0;}
  .SWUPL-list01 > .li3{transition-delay: 0s;transform: translateX(-100px);}
  .SWUPL-list01 > .li4{transition-delay: 0.3s;transform: translateX(-100px);}
  .SWUPL-list01 > .li5{transition-delay: 0.6s;transform: translateX(-100px);}
  .SWUPL-list01 > .li6{transition-delay: 0.9s;transform: translateX(-100px);}
  .SWUPL-list01 > .li7{transition-delay: 1.2s;transform: translateX(-100px);}
  
  .listTitle02,.effect2 .tabMenu01,.effect2 .listTitle03,.effect2 .item-info03,.effect2 .item-list03{transform: translateY(50px);opacity: 0;transition: all 1s ease-out 0s;}
  .tabMenu01,.listTitle04{transition-delay: 0.3s;}
  .listTitle03.effect2 ,.SWUPL-list03 li:nth-child(1),.SWUPL-list03 li:nth-child(2){transition-delay: 0.6s;}
  .item-info03 ,.SWUPL-list03 li:nth-child(3),.SWUPL-list03 li:nth-child(4){transition-delay: 0.9s;}
  .item-list03 {transition-delay: 0.9s;}
  .SWUPL-edu01,.listTitle04.effect2,.SWUPL-list03 li{transform: translateY(50px);opacity: 0;transition: all .8s ease-out 0s;}
  .effect2.isView,.SWUPL-list01.isView > li,.effect2.isView.SWUPL-list03 li,.effect2 .tabMenu01,.effect2 .listTitle03,.effect2 .item-info03,.effect2 .item-list03{transform: none;opacity: 1 !important;}
  .SWUPL-list81 li > a{}
  .SWUPL-list81 li > a:hover{transform:  translateY(-15px);background-color: #fff;}
  .SWUPL-list81 li > a:hover h3{color: #387D39;}
  .SWUPL-list01 li > div:hover{transform:  translateY(-15px);}
  }
  .fixTeacherInvest{
      position: fixed;
      bottom: 200px;
      right: 0;
      z-index: 111111111111111111111;
      width: 120px;
      padding: 10px;
    }
  .fixTeacherInvest img{
      width: 100%;
  }
  .fixTeacherInvest p{
      text-align: center;
      color: #666;
      font-size: 12px;
  }
  .fixTeacherInvest .close_btn{
            text-align: center;
            display: block;
            font-size: 12px;
    }
@media screen  and (max-width:1780px) {
  .sideBar li i{padding-top: 12px;}
  .sideBar li{height: 90px;}
  .sideBar li:last-child{height: 110px;}
}
@media screen  and (max-width:1680px) {
  .sideBar.fixTop,.sideBar.fixBottom{width: 85px;left: 0;}
	.sideBar.fixTop li,.sideBar.fixBottom li{height: 90px;}
	.sideBar.fixTop li:last-child,.sideBar.fixBottom li:last-child{height: 110px;}
	.sideBar.fixTop li i,.sideBar.fixBottom li i{padding-top: 10px;}
	
}
@media screen  and (max-width:1640px) {
  .listTitle05 a{font-size: 20px;}
  .edu-img01{width: 460px;}
  .edu-txt01{margin-left: 460px;}
  .edu-con1 h3{height: 168px;}
  .edu-con1{min-height: 230px;}
  .item-date02{font-size: 1.4rem;}
  .SWUPL-list01 li.noImg .item-txt02{padding-bottom: 19px;}
}
@media screen  and (max-width:1520px) {
  .sideBar{width:80px;margin-top: 50px;}
  .sideBar li{height: 79px;}
  .sideBar li i{font-size: 26px;padding:10px 0 4px;}
  .banner_lf{width: 130px;}
  .Banner .flex-direction-nav .flex-prev{left: 140px;}
  .sideBar li:last-child{height: 92px;}
}
@media screen  and (max-width:1460px) {
  .listTitle05 a{font-size: 20px;}
  .edu-img01{width: 420px;}
  .edu-txt01{margin-left: 420px;}
  .edu-con1{min-height: 200px;}
  .edu-con1 h3{height:144px ;}
  .item-img01{width: 350px;}
  .item-txt01{margin-left: 365px;padding:15px 15px 10px 0}
   .item-img02{width: 200px;}
  .item-txt02{margin:0 0 0 200px;padding:10px 15px 0;}
  .item-txt02 p{margin-bottom: 32px;}
  .item-txt02 h3{height: 72px;margin-bottom: 10px;}
  
  .linkLeft{width: 170px;}
  .linkRight{margin-left: 170px;}
  .item-img03{width: 100%;}
  .item-txt03{margin-left: 0px;}
  .tabMenu01 li{margin-right: 12px;}
  
  .sideBar.fixTop li, .sideBar.fixBottom li{height: 79px;}
  .sideBar li:last-child,.sideBar.fixTop li:last-child, .sideBar.fixBottom li:last-child{height: 90px;}
}


@media screen and (max-width:1386px) {
  .edu-img01{width: 370px;}
  .edu-txt01{margin-left: 370px;}
  .edu-con1{min-height: auto;}
  .edu-con1 h3{height: 120px;margin-bottom: 24px;}
  .linkLeft{width: 160px;}
  .linkRight{margin-left: 160px;}
  .SWUPL-list04 > li.li2 h3{font-size: 18px;}
  .SWUPL-list01 li.noImg .item-txt02 h3{margin-bottom: 10px;}
	.item-txt02 p{margin-bottom: 45px}
}
@media screen and (max-width:1300px) {
  .listTitle01{padding:30px 0}
  .item-img01{width: 280px;}
  .item-txt01{margin-left: 295px;}
  .item-txt01 h3{margin-bottom: 10px;}
  .item-txt01 p{height: 40px;}
  .item-img02{width: 150px;}
  .item-txt02{margin-left: 150px;}
  .item-txt02 h3{height: 48px;}
  .linkLeft{width: 130px;}
  .linkRight{margin-left: 130px;}
  .edu-img01{width: 320px;}
  .edu-txt01{margin-left: 320px;}
  .edu-con1 h3{height: 96px;margin-bottom: 10px;}
  .edu-con1{padding:18px 15px}
  .listTitle05 a{font-size: 18px;}
  .item-img03{width: 100%;}
  .item-txt03{margin-left: 0px;}
  .item-txt03 h3{height: auto;}
  .item-date03{margin-bottom: 15px;}
  .tabMenu01 li{margin-right: 2px;padding:0 12px}
  .SWUPL-list01 li.noImg .item-txt01 p {height: 60px;margin-bottom: 36px;}
  
}
@media screen  and (max-width:1220px){
 .sideBar{margin-top: 0;top: 115px;transform: none;}
 .sideBar li{height: 65px;}
 .sideBar li i{padding-top: 5px;}
 .sideBar.fixTop, .sideBar.fixBottom{top: 50%;transform: translateY(-50%);}
}
@media screen  and (max-width:998px){
  .listTitle01{padding:20px 0 15px}
  .item-img01{width: 100%;float: none;}
  .item-txt01{margin:0;padding:10px}
  .item-txt01 p{display: none;}
  .item-txt01 h3{height: 24px;}
  .SWUPL-column1,.SWUPL-column2{float: none;width: auto;}
  .sideBar{display: none;}
  .banner_lf{display: none;}
  .Banner .flex-control-nav{right: 0;text-align: center;width: 100%;bottom: 10px;}
  .Banner .flex-direction-nav .flex-prev{left: 0;}
  .SWUPL-list01 li.noImg{width: 50%;}
  .bg4{display: none;}
  .SWUPL-column2{background: url(template_files/2/images/2020/mode_rt.jpg) no-repeat left center #f7f7f7;margin:0 -30px;padding:0 30px 30px;width: auto;clear: both;background-size: cover;}
  .linkLeft{width: 190px;}
  .linkRight{margin-left: 190px;}
  .tabMenu01{margin-bottom: 10px;}
  .item-info03{padding-bottom: 20px;}
  .SWUPL-list03 li{margin-bottom: 20px;}
  .list-date03:before{z-index: 0;}
  .list-date03:after{content: '';width: 100%;height: 100%;position: absolute;left: 0;bottom: 0;z-index: 1;background-color: #ccb289;}
  .tabMenu01{width: 100%;}
  .readMore01{margin-top: 13px;}
  .SWUPL-list01 li.li1 > div{margin-right: 12px;}
  .SWUPL-list01 li.li2 > div{margin-left: 12px;}
}

@media screen and (max-width: 767px) {
  .SWUPL-list01,.SWUPL-list81{margin:0 -7px;}
	.SWUPL-list01 li > div,.SWUPL-list81 li > a{margin:0 7px}
  .SWUPL-list01 li.li{margin-bottom: 15px;}
  .Banner .flex-direction-nav{display: none;}
  .flex-direction-nav .flex-prev{left: 8px;;}
  .flex-direction-nav .flex-next{right: 8px;}
  .SWUPL-link1{width: 48%;}
  .SWUPL-list04 > li.li2 h3{font-size: 1.4rem;;}
  .SWUPL-list04 > li > a{margin:0}
  .mode03 .slides > li{margin-right: 10px;}
  .SWUPL-list04 > li.li4{position: static;}
  .SWUPL-list04{margin:0}
  .SWUPL-list01 li.li1 > div{margin-right: 7px;}
  .SWUPL-list01 li.li2 > div{margin-left: 7px;}
  .SWUPL-edu01{transition: all 0.3s ease-in-out;position: relative;width: 100%;float: left;}
  .SWUPL-edu01:first-child{margin-right: 0%;}
  .SWUPL-edu01:last-child{margin-left: 0%;}
  .SWUPL-edu01 .gp-img-responsive{padding-bottom: 63%;}  
}
@media screen and (max-width:640px) {
  .linkLeft{width: 130px;;}
  .linkRight{margin-left: 130px;}
}
@media screen and (max-width:480px) {
  .mode01 .flexslider .slides > li{display: none;margin-right: 15px;}
  .SWUPL-list01 li > div,.SWUPL-list81 li > a{margin:0;}
   .SWUPL-list01 li.noImg{position: relative;top: 50%;transform: translateY(50%);}
  .content .flex-control-nav{display: none;}
  
  .item-img03{width: 100%;}
  .item-txt03,.edu-txt01{margin:0}
  .edu-img01{display: none;}
  .edu-con1{margin-top: 15px;}
  .edu-con1 h3{height: auto;}
  .item-txt03 h3{height: auto;}
  .linkLeft{width: 100%;height: 100px;float: none;}
   .linkRight{margin:0}
   .linkRight i{padding: 0}
   .linkRight i, .linkRight span{display: inline-block;vertical-align: middle;height: 50px;}
  .flex-direction-nav li a{font-size: 20px;width: 30px;height: 30px;line-height: 30px;}
  .SWUPL-list01 li.li1 > div,.SWUPL-list01 li.li2 > div{margin: 0;}


}
@media screen and (max-width:400px) {
.item-list03 > div{width: 100%;float: none;}
.item-list03 > .gp-fl{padding-bottom: 20px;}
.SWUPL-list02 li h3{height: auto;}
.SWUPL-list02{min-height: auto;}
.SWUPL-list05 li h3{height: auto;}
.SWUPL-list05{min-height: auto;border:none;}
.activityTitle{margin:15px 0}


}
.flex-direction-nav{
  display: none;
}