/*------------焦点图样式开始------------*/
.block_home_slider {
  min-width: 1200px;
  position:relative;
  background-color: #ffffff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  text-align: center;
  line-height: 0px;
  margin-right: auto;
  margin-left: auto;
  /* height: 650px; */
}
/*底部小图标*/
.block_home_slider .slide {position:relative;}
.block_home_slider .caption {padding:13px 16px 12px; position:absolute;left:0px; right:0px; bottom:10px; background:url(bg_caption.png); text-align:left;}
.block_home_slider .caption p {padding-bottom:0px; font-size:11px; color:#dedede; text-shadow:0px -1px #000000; line-height:17px;}
.block_home_slider .caption p.title {padding-bottom:6px; font-size:15px; color:#ffffff; font-weight:bold; line-height:normal;}

/*轮播图上的左右箭头*/
.block_home_slider .flex-direction-nav{display:none;opacity: 0;}
.block_home_slider .flex-direction-nav a {height: 70px;width: 40px; margin-top:-27px; display:block; position:absolute; top:50%; background-repeat:no-repeat; background-image:url(../img/arrow1.png); text-indent:-9000px;}
.block_home_slider .flex-direction-nav a.flex-prev {left:10%; background-position:left top;}
.block_home_slider .flex-direction-nav a.flex-prev:hover {background-position:left bottom;}
.block_home_slider .flex-direction-nav a.flex-next {right:10%; background-position:right top;background-image:url(../img/arrow2.png);}
.block_home_slider .flex-direction-nav a.flex-next:hover {background-position:right bottom;}
.block_home_slider:hover .flex-direction-nav{display:block;}
/*轮播图上的切换按钮*/
.block_home_slider .flex-control-paging {position:absolute;bottom: 20px;width: 30%;left:50%;margin-left: -15%;display:inline-block;text-align: center;}
.block_home_slider .flex-control-paging li {margin: 0px;padding: 0px;display: inline-block;overflow: hidden;list-style-type: none;width: 10px;height: 10px;margin: 0 5px;text-indent: -999px;cursor: pointer;background-color: #000\9;background-color: rgba(0,0,0,0);border: 1px solid #fff;border-radius: 10px;}
.block_home_slider .flex-control-paging li a {
 width: 10px;
 height: 10px;
 display:block;
 background-repeat:no-repeat;
 text-indent:-9000px;
 cursor:pointer;
 }
.block_home_slider .flex-control-paging li .flex-active {/* width: 12px; *//* height: 12px; */margin: 0;background-color: #fff;}
.block_home_post_feature {width:300px;}
.block_home_post_feature p {padding-bottom:0px;}


.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
  list-style-type: none;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%;height: 500px;display: block;}
.flex-pauseplay span {text-transform: capitalize;}
/*banner结束*/


/* block0 */
.block0 {
	margin-top: -50px;
	position: relative;
	z-index: 2;
}

.block0 dl {
	padding: 40px 12% 0;
}

.block0 dd {
	padding-bottom: 15px
}

.block0 dl p {
	font-size: 12px;
	color: #a4a3a3;
}

.block0 .bannerdown dl {
	letter-spacing: 2px;
}

.block0 .bannerdown h4 {
	font-size: 16px
}

.block0 .bannerdown dt {
	margin: 10px 0;
	display: inline-block;
	vertical-align: top;
	width: 14%;
	margin-right: 3%;
}

.block0 .bannerdown:nth-child(3) dt {
	margin-top: 0;
}

.block0 .bannerdown img {
	max-height: 100%;
	max-width: 100%;
}

.block0 .bannerdown .old {
	display: block;
}

.block0 .bannerdown .new {
	display: none;
}

.block0 .bannerdown dd {
	padding-top: 10px;
	display: inline-block;
	width: 80%;
	letter-spacing: 0px;
}

.block0 .bannerdown strong {
	display: block;
	font-weight: normal;
	font-size: 16px;
	color: #fff;
}

.block0 .bannerdown em {
	display: inline-block;
	width: 50px;
	border-bottom: 1px solid
}

.block0 .bannerdown p {
	margin: 10px 0 0 0;
	color: #ffffff;
	height: 36px;
	font-size: 14px;
	overflow: hidden;
}

.block0 li.bannerdown:hover {
	box-shadow: 0 5px 10px rgba(63, 155, 148,.2);
}

.block0 li.eq0 {
	background: #13746e;
}

.block0 li.eq1 {
	background: #3f9b94;
}

.block0 li.eq2 {
	background: #70bab3;
}

.block0 li {
	float: left;
	width: 33.333333%;
	height: 140px;
	overflow: hidden;
	transition: all .3s;
}

/* sabout */
.sabout {
	/* background: #f1f1f1; */
	padding: 60px 0;
}

.sabout_l {
	width: 50%;
}

.sabout_l img {
	width: 100%;
}

.sabout_r {
	width: 45%;
	padding: 3% 0 0 5%;
}

.sabout_r .more {
	margin: 0;
}

.sabout_r .btit {
	font-weight: bold;
	font-size: 30px;
	text-transform: uppercase;
	display: inline-block;
}

.sabout_r .btit i {
	display: block;
	width: 55px;
	height: 2px;
	background: #197bde;
	margin: 20px 0;
}
.sabout_r .stit {font-size:16px;font-weight:600;color:#666;}
.sabout_r .desc {
	line-height: 1.8;
	margin: 2% 0 25px;
	max-width: 85%;
	font-size: 16px;
	color: #666666;
	overflow: hidden;
	max-height: 140px;
}

/* article */

.info-left {
	width: 18%;
	padding: 20px 0;
	float: left;
}

.lmain-title {
	background: #017ddf;
	font-size: 24px;
	color: #fff;
	line-height: 80px;
	/* padding-left: 30px; */
	text-align: center;
}

.laboutus {
	background: #f3f3f3
}
.laboutus .pic{
	margin-top: 10px;
	padding: 20px 0;
	text-align: center;
	border-top: 1px solid #ddd;
}
.laboutus .pic img{width:60%;}
.laboutus ul {
	padding: 8px 0 0
}

.laboutus ul li a {
	display: block;
	padding-left: 15px;
	padding-right: 10px;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	/* border-bottom: 1px solid #ddd; */
}
.laboutus ul li:nth-last-child(1) a {border:0;}
.laboutus ul li a:before {
	display: inline-block;
	content: '';
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #dadada;
	margin-right: 15px;
	vertical-align: 2px;
}

.laboutus ul li a:hover,.laboutus .on {
	color: #fff;
	background: #3e3e3e
}

.laboutus ul li a:hover:before {
	border-color: #fff
}

.l-contentus {
	margin-top: 10px;
	background: #f3f3f3;
	color: #695e66;
	font-size: 12px
}

.l-contentus .img {
	text-align: center;
	padding: 10px;
	background: #dcdcdc
}

.l-contentus img {
	max-width: 100%
}

.l-contentus ul {
	padding: 10px 15px 15px
}

.l-contentus ul li {
	line-height: 26px
}

.l-contentus ul .t400 {
	color: #017ddf;
	font-size: 26px;
	padding: 10px 0
}

.l-contentus ul .tit {
	font-size: 14px;
	font-weight: bold;
	line-height: 30px
}

.info-right {
	width: 79%;
	padding: 20px 0;
	float: right;
	line-height: 2;
	color: #666;
}

.info-title {
	font-size: 22px;
	height: 50px;
	margin-bottom: 20px;
	border-bottom: 2px solid #017ddf
}


/* buy */
.detail-header {
	position: relative;
	padding: 20px;
	background: #fff;
	border: 1px solid #ebebeb;
	margin-bottom: 10px;
}


.detail-header .preview {
	width: 32%;
	height: 153px;
}

.detail-header .preview img {
	display: block;
	width:100%;
	height: 100%;
	border: 1px solid #f2f2f2
}

.detail-header .info {
	width: 60%;
	padding: 0 0 0 4%;
	height: 165px;
}

.detail-header .title{font-weight: 700;}
.detail-header .time{color:#777;font-size:14px;}
.detail-header .price {
	color: #f65757;
	font-weight: 700;
	margin: 10px 0;
}
.btnbuy {
	float:left;
	text-align: center;
	background: #3f82ff;
	color: #fff;
	padding:3px 25px;
}
.btnbuy:hover {
	background: #5f96fe
}


/* culture */
.culturebg {
	margin: 40px 0 0;
	background: url(../img/culture_bg.jpg) no-repeat center;
	background-size: cover;
	padding: 60px 0;
}

.culture {
	background: none;
/* margin-top:10px; */
	padding: 0 0;
}

.culture li {
	width: 23.33333%;
	margin: 0 5%;
	float: left;
	text-align: center;
	transition: all .5s ease-out 0s;
	-webkit-transition: all .5s ease-out 0s;
}
.culture img{height:63px;}
.culture .tit {
	color: #fff;
	font-size: 30px;
	width: 80%;
	margin: 25px auto 15px;
}

.culture .stit {
	color: #fff;
	max-width: 60%;
	margin: 0 auto;
	line-height: 2;
}

.culture li:hover {
	transform: translateY(-10px);
}
/* xiangmu */
.xiangmu_l,.xiangmu_r {
	width: 49.5%;
	overflow: hidden;
	height:  484px;
}

.xiangmu_l,.xiangmu_r li {
	position: relative;
}

.xiangmu_r li {
	width: 100%;
	height:  232px;
	overflow: hidden;
	margin-bottom: 20px;
}

.xiangmu .info {
	position: absolute;
	z-index: 2;
	padding: 5% 5% 2%;
	width: 50%;
	height: 50%;
	top: 20%;
	left: 50%;
	margin-left: -30%;
	background: rgba(26, 152, 143,.95);
	overflow: hidden;
}

.xiangmu_r .info {
	padding: 2% 5%;
	height: 42%;
}

.xiangmu .tit,.xiangmu em,.xiangmu p {
	color: #fff;
}

.xiangmu_l .tit {
	font-size: 30px;
}

.xiangmu_l em {
	display: block;
	width: 55px;
	height: 4px;
	background: #fff;
	margin: 23px 0;
}

.xiangmu p {
	line-height: 1.8;
	overflow-y: hidden;
	height: 60%;
}

.xiangmu_r {
	text-align: center;
}

.xiangmu_r .tit {
	font-size: 22px;
	margin-bottom: 10px;
}

.xiangmu img {
	transition: all .5s ease-out 0s;
	-webkit-transition: all .5s ease-out 0s;
	height:  100%;
	width:  100%;
}

.xiangmu img:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/*xm_show*/
.xm_show {
	background: url(../img/show_bg.jpg) no-repeat;
	background-size: cover;
	padding: 1px 0 35px;
	margin-top: 25px;
}

.xm_show .honor {
	margin-top: 75px;
	width: 90%;
	margin: 0 auto;
}

.xm_show .item {
	width: auto;
	left: 0;
	margin-left: 0;
}

.xm_show .honor li:hover .tit {
	color: #70bab3;
}

.xm_show .honor li:hover p {
	color: #70bab3;
}

.xm_show .honor li img {
	width: 100%;
	height:  200px;
}

.xm_show .honor li:last-of-type {
	margin-right: 0;
}

.xm_show .honor .tit {
	font-size: 16px;
	text-align: center;
	margin-top: 25px;
	margin-bottom: 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.xm_show .honor p {
	font-size: 14px;
	color: #999999;
	text-align: center;
}

.xm_show .owl-nav {
	top: 45%;
}

.xm_show .owl-controls .owl-nav .owl-prev {
	left: -22px;
}

.xm_show .owl-controls .owl-nav .owl-next {
	right: -22px;
}
/* bread */
.bread {
	padding: 20px 0 10px 0;
	border-bottom: 1px solid #ddd;
	font-size: 14px;
}

.bread a {
	color: #333;
	font-size: 14px;
}
/* video */
.video_l {
	width: 66%;
/* height:  650px; */
}

.video_r {
	width: 30%;
	height: 650px;
	overflow: hidden;
}

.video video {
	width: 100%;
	height: 100%;
}

.video_r li {
	width: 100%;
/* height:300px; */
	margin-bottom: 50px;
}

.mv {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.mv img {
	width: 100%;
	height: 100%;
}

.actionn {
	position: absolute;
	background: url(../img/play.png) no-repeat center;
	z-index: 3;
	width: 62px;
	height: 60px;
	top: 50%;
	left: 50%;
	margin-left: -31px;
	margin-top: -30px;
}

.mv:hover {
	background: #000;
}

.mv:hover img {
	opacity: 0.7;
	-o-opacity: 0.7;
	-moz-opacity: 0.7;
	-ms-opacity: 0.7;
	-webkit-opacity: 0.7;
	filter: alpha(opacity=70);
}

/* new */
.newbg {
	background: url(../img/newbg.jpg);
	padding: 1px 0 40px;
	margin-top: 50px;
}

.newbg .titles-d,.newbg .title-d {
	color: #fff;
}

.newbg .new {
	width: 90%;
	margin: 0 auto;
}

.new li {
	width: 49%;
	height: 150px;
	margin-bottom: 12px;
	float: right;
	background: #fff;
	overflow: hidden;
}

.new .item1 {
	float: left;
	height: 475px;
}

.new .pic {
	position: relative;
	overflow: hidden;
	height: 100%;
	width: 100%;
}

.new .pic img {
	width: 100%;
	height: 100%
}

.new .pic p {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0 3%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	background: url(../img/view.png) repeat;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.new .pic:hover p {
	background: rgba(0,0,0,.8);
	filter: alpha(opacity=80)
}

.new .pic img:hover {
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.new .pic span {
	position: absolute;
	top: 30px;
	left: 30px;
	display: block;
	font-size: 20px;
	background: rgba(20, 119, 112,.7);
	color: #fff;
	padding: 15px 30px;
}

.yk_01 {
	padding: 40px 26px 40px 40px;
/* width:1134px; */
	margin: 0 auto;
	background: #f9f9f9;
	margin-bottom: 30px;
}

.ydiv_01 {
	width: 35%;
	float: left;
	height: 100%;
}

.ydiv_01 img {
	width: 100%;
	height: 100%;
}

.ydiv_01 span {
	display: block;
	width: 80%;
	height: 36px;
	line-height: 36px;
	margin: 0 auto;
	text-align: center;
	font-size: 18px;
	font-weight: normal;
	border-top: 1px solid #69aba5;
/* background:url(../images/ybg_10.jpg) left top repeat-x; */
}

.ydiv_02 {
	width: 55%;
	font-size: 14px;
	float: right;
	padding: 20px 5%;
}

.ydiv_02 .tit {
	display: block;
	font-size: 18px;
/* line-height: 26px; */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ydiv_02 .date {
	color: #bcbcbc;
}

.ydiv_02 .info {
	height: 50px;
	line-height: 1.6;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin: 10px 0;
	color: #666;
}

.ydiv_02:hover,.ydiv_02:hover .tit {
	color: #b18a4d;
}

/* apartment */
.ins{width:50%;margin:0 auto;line-height:2;margin-bottom:50px;}
.house li{float:left;width:48%;margin:0 1% 20px;height:400px;overflow:hidden;position:  relative;}
.house li img{height:100%;}
.house .hover{position:absolute;background: url(../img/view.png) repeat;height: 100%;width: 100%;top:340px;transition:all .5s;text-align:  center;}
.house .hover .tit,.house .hover .info{color:#fff;margin:0 5%;}
.house .hover .tit{font-size: 20px;font-weight: 600;height:60px;line-height:60px;text-align:center;}
.house .hover .info{height: 230px;margin-bottom: 20px;overflow:hidden;line-height:2;text-align:left;display:  -webkit-box;-webkit-box-orient:  vertical;text-overflow:  ellipsis;-webkit-line-clamp: 7;}
.house li:hover .hover{top:0;}

.ab_txt_bg {
	background: #f7f7f7;
}


/* boss speech */
.boss {
	background: #fff;
}

.boss_l {
	width: 30%;
	height: 560px;
}

.boss_r {
	width: 65%;
	height: 560px;
	padding-top: 0;
	position: relative;
}

.boss_r p,.brand_r p {
	max-width: none;
}

.boss .sign {
	position: absolute;
	right: 0;
	bottom: 60px;
	width: 300px;
	height: 85px;
	line-height: 100px;
	background: url(../img/sign.png) no-repeat right top;
}

/* brand story */
.brand_l {
	width: 30%;
}

.brand_r {
	width: 65%;
	padding: 0 0 0 5%;
}

.filter{
 margin: 30px auto 0;
}
.filter li{float: left;margin:0 10px;}
.filter li a{display:block;padding:10px 20px;background: #ececec;color:#525050;}
.filter li a:hover{background:#017ddf;color:#fff;}

.filter-sub{margin:15px;display:flex}
.filter-sub span.tit{width:90px;}
.filter-sub ul{width:calc(100% - 90px);}
.filter-sub li{float:left;margin:0 10px 10px;cursor: pointer;}
.filter-sub li input[type=checkbox]{cursor:pointer;width: 18px;height: 18px;opacity: 0;position: absolute;z-index: 2;margin: 0;}
.filter-sub li span{color:#6b6b6b;}
.filter-sub li span:before {
  padding: 1px 2px;
  margin-right: 8px;
  border-radius: 2px;
  border: 1px solid #a2a2a2;
  font-family: 'Glyphicons Halflings';
  content: '\e013';
  font-size: 12px;
  color: #adadad;
}
.filter-sub li input[type=checkbox]:checked + span:before {
  border-color: #017ddf;
  color: #197bde;
}


.case {
	margin: 30px auto 0;
}

.case .item {
	float: left;
	width: 23%;
	margin: 0 1% 20px;
	height: 300px;
	padding: 0;
	text-align: center;
	box-shadow: 0 2px 5px rgba(0,0,0,.2);
}

.case .item:hover {
	box-shadow: 0 2px 15px rgba(0,0,0,.2);
}

.case .item .pic {
	height: 150px;
	overflow: hidden;
}

.case .item .pic img {
	width: 100%;
	height: 100%;
}
.case .item .txtbox{padding:5px 20px;}
.case .item .tit {
	font-weight: 600;
	line-height: 40px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all .3s;
	color: #333;
}

.case .item p {
	font-size: 14px;
	text-align: left;
	line-height: 1.5;
	color: #969696;
	margin: 0 0 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 46px;
}

/*page*/
.page {
	width: 859px;
	padding: 50px 0;
	margin: 0 auto;
}

.page ul {
	text-align: center
}

.page .firstPage {
	width: 30px;
}

.page ul li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-left: 5px;
}

.page a,.page .pageinfo {
	display: block;
	line-height: 28px;
	height: 28px;
	padding: 0px 10px;
	border: 1px solid #d8d8d8;
	font-size: 14px;
}

.page strong {
	font-size: 14px;
}

.page ul li a:hover {
	background-color: #197bde;
	color: #FFF;
	border-color: #197bde;
}

.page ul li.thisclass, .page ul li.thisclass a, .page ul li.thisclass a:hover {
	background-color: #197bde;
	color: #FFF;
	border-color: #197bde;
}



/* corparate culture */
.cul_box{margin:50px auto 100px;}
.culture-list {
	margin: 0 auto -40px;
	text-align:center;
}

.culture-list li {
	display:inline-block;
	*
	display:inline;
	*
	zoom:1;
	_display:inline;
	_zoom:1;
	width: 247px;
	height: 285px;
	margin: 0 10px;
	overflow: hidden;
	background: url(../img/culbg.png);
	text-align:center;
	position:relative;
}

.culture-list .up{
	position:absolute;
	width: 90%;
	height:  100%;
	margin: 0 5%;
	z-index:  2;
	transition:all .3s;
	}
.culture-list .box {
	padding: 0 5%;
	text-align: center;
	opacity:0;
	transition:all .3s;
	width: 90%;
	height: 100%;
	display:  table;
}
.culture-list .box .con{display:table-cell;vertical-align:middle;}
.culture-list .tit {
	display: block;
	font-size: 26px;
	font-weight: 600;
	margin-bottom: 20px;
}
.culture-list .split{
	display: block;
    width: 20px;
    height: 1px;
    background: #c4c4c4;
    margin:10px auto;
}
.culture-list img{margin: 55px 0 20px;height: 48px;}
.culture-list .info {
	display: block;
	line-height: 2;
	font-size:14px;
}
.culture-list li:hover .up{opacity:0;}
.culture-list li:hover .box{opacity:1;}

/* history */
.m-history {
	margin: 50px 0;
}

.m-history .m-content {
	max-width: 1200px;
	margin: 0 auto;
}

.m-history .m-content ul {
	position: relative;
	width: 100%;
	margin-top: 40px;
}

.m-history .m-content li {
	width: 50%;
	text-align: right;
	position: relative;
}

.m-history .m-content li:hover::before {
	transform: scale(1.1,1.1) translateX(50%);
}

.m-history .m-content li::before {
	content: "";
	width: 32px;
	height: 32px;
	background: url(../img/history2.png) no-repeat center;
	display: block;
	position: absolute;
	right: 0;
	transform: translateX(50%);
	transition: all .3s;
}

.m-history .m-content li i {
	width: 2px;
	height: 50%;
	display: block;
	background: #e8e8e8;
	position: absolute;
	right: 0;
	top: 45px;
	transform: translateX(50%);
}

.m-history .m-content li:hover .tit,.m-history .m-content li:hover .tit {
	color: #197bde;
}

.m-history .m-content li .tit,.m-history .m-content li .tit {
	font-size: 26px;
	color: #474747;
	padding-right: 50px;
	font-weight: bold;
    /* padding-top: 8px; */
}

.m-history .m-content li p {
	color: #666;
	padding-right: 50px;
	line-height: 1.8;
	margin-top: 25px;
}

.m-history .m-content li.right {
	margin-left: 50%;
	text-align: left;
}

.m-history .m-content li.right:hover::before {
	transform: scale(1.1,1.1) translateX(-50%);
}

.m-history .m-content li.right::before {
	left: 0;
	transform: translateX(-50%);
	transition: all .3s;
}

.m-history .m-content li.right .tit {
	padding-right: 0;
	padding-left: 50px;
}

.m-history .m-content li.right p {
	padding-right: 0;
	padding-left: 50px;
}

.m-history .m-content li.right i {
	left: 0;
	transform: translateX(-50%);
}

.m-history .m-content li:nth-child(2)::before {
	background: url(../img/history1.png) no-repeat center;
}

.m-history .m-content li:nth-child(3)::before {
	background: url(../img/history3.png) no-repeat center;
}

.m-history .m-content li:nth-child(4)::before {
	background: url(../img/history4.png) no-repeat center;
}

.m-history .m-content li:nth-child(5)::before {
	background: url(../img/history1.png) no-repeat center;
}

.m-history .m-content li:nth-child(6)::before {
	background: url(../img/history2.png) no-repeat center;
}

.m-history .m-content li:nth-child(7)::before {
	background: url(../img/history3.png) no-repeat center;
}

.m-history .m-content li:nth-child(8)::before {
	background: url(../img/history4.png) no-repeat center;
}

.m-history .m-content li:nth-child(9)::before {
	background: url(../img/history1.png) no-repeat center;
}

.m-history .m-content li:nth-child(10)::before {
	background: url(../img/history2.png) no-repeat center;
}

.m-history .m-content li:nth-child(11)::before {
	background: url(../img/history3.png) no-repeat center;
}

.m-history .m-content li:nth-child(12)::before {
	background: url(../img/history4.png) no-repeat center;
}

/* service */
.serbox{padding: 80px 0;}
.serbox .ab{background:none;}
.serbox.bg_d{background: #f9f9f9;}

/* video_list */
.vlist li {
	float: left;
	width: 31.3333%;
	overflow: hidden;
	margin: 0 1% 0;
	text-align: center;
	cursor: pointer;
}

.vlist .mv {
	height: 262px;
}

.vlist .tit {
	line-height: 50px;
}

.vlist li:hover p {
	color: #39968e;
}

/* new-list */
.new-list {
	margin-top: 40px;
}

.new-list li {
	padding: 26px;
	margin-bottom: 20px;
	background: #f9f9f9;
}

.new-list li .img {
	padding-left: 0;
	width: 25%;
	float: left;
	overflow: hidden;
	height: 205px;
}

.new-list li .img img {
	transition: 0.6s ease;
}

.new-list li .img > div {
	overflow: hidden;
}

.new-list li .text {
	float: right;
	width: 72%;
}

.new-list li .text .tit {
	margin: 16px 0 18px;
	line-height: 1.5;
}

.new-list li .text .tit a {
	font-weight: bold;
	color: #333;
	transition: 0.3s ease;
	font-size: 24px;
}

.new-list li:hover {
	box-shadow: 0 0 10px rgba(187,187,187,0.4);
}

.new-list li:hover img {
	transform: scale(1.05);
}

.new-list li:hover .tit a {
	color: #197bde;
}

.new-list li .text p {
	font-size: 14px;
	color: #666;
	height:  84px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.new-list li .text .info {
	font-size: 14px;
	color: #666;
	margin-top: 14px;
}
.new-list li .text .info span{font-size:14px;color:#888;}
.new-list li .text .info a {
	font-size: 14px;
	color: #666;
	transition: 0.3s ease;
}

.new-list li .text .info a:hover {
	color: #197bde;
}

/*new_info*/
.article{margin:50px auto;}
.article .h1tit{font-size: 30px;line-height:1.5;margin-bottom:10px;text-align:center;}
.article .date{text-align:center;}
.article .date span{display: inline-block;margin: 0 8px;color:#999;font-size: 14px;}
.article .des{padding: 50px 5%;line-height:2;}
.article .des .text{width:700px;margin:0 auto 20px;}
.article .fanye{padding:0 5%;}
.article .fanye a{display: block;font-size: 14px;margin:20px 0;text-align: left;color:#666;}
.article .fanye a:hover{color:#197bde;}
.article .des video{margin:0 auto;display:block;}
 .contacts{
  margin: 70px auto;
 }
 .contacts .form{
      width: 40%;
      float: right;
    }
     .contact .tit{
      font-size: 22px;
      color: #333333;
      margin-bottom: 20px;
     }
    .contacts .form input[type="text"]{
      width: 100%;
      height: 50px;
      background: #fafafa;
      border: 1px solid #f0f0f0;
      margin-bottom: 10px;
      padding:0 20px;
      font-size: 14px;
      color: #666;
    }
    .contacts .form textarea{
      display: block;
      width: 100%;
      height: 170px;
      background: #fafafa;
      border: 1px solid #f0f0f0;
      resize: none;
      margin-bottom: 30px;
      padding:15px 20px;
      font-size: 14px;
      color: #666;
    }
     .contacts .form .submit{
      background: #81cac4;
      color: #FFFFFF;
      width:100%;
      height: 50px;
      line-height: 50px;
     }
    .contacts .abouts{
      width: 50%;
      float: left;
    }
    .contacts .tit {
    font-size: 22px;
    color: #333333;
    margin-bottom: 20px;
}
    .abouts-text{
      font-size: 14px;
      color: #666666;
      line-height: 28px;
    }
    .contacts .lianxi{width:100%;text-align:left;}
    .contacts .lianxi .code{float:left;width:104px;margin-right:30px;}
    .contacts .lianxi  p {
    font-size: 12px;
    color: #b3b0b0;
    text-align: center;
    font-family: 宋体;
    margin-top: 10px;
	}
    .contacts .lianxi .code img{border:1px solid #f1f1f1;}
    .contacts .pic{
      width: 60px;
      height: 60px;
      line-height: 60px;
      border-radius:100%;
      background: #197bde;
      text-align: center;
      margin-right: 16px;
    }
    .contacts .pic img{
      vertical-align: middle;
    }
    .contacts ul{
      margin-top: 25px;
    }
    .contacts li{
      margin-bottom: 35px;         
    }
    .contacts li{
      width: 50%;
      float: left;
    }
     .contacts li .txt{
      display:table;
      font-size: 14px;
      color: #666666;
      line-height: 28px;
      height: 56px;
      overflow: hidden;
      width: 66%;
     }
     .contacts li .txt span{
       vertical-align:middle;
       display:table-cell;
       font-size: 14px;
       color: #666666;
     }
   .map{width:45%;height: 380px;}
   .map img{max-width:none !Important;max-height:none !Important;}
   .l-title{margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #d2d2d2;}
   .l-title .title-em{font-size: 24px;line-height: 24px;color: #333;float: left;padding-left: 10px;text-transform:  uppercase;}
   .l-title span{width: 4px;height: 24px;background-color: #197bde;float: left;}
   .shequ ul{width:45%;float:left;margin-right:5%;margin-bottom:30px;min-height:  160px;}
   .shequ ul li{line-height:40px;color:#777;}
   .shequ ul .tit{font-weight:600;color:#333;}
/* order */
.personTable {margin:0 auto 50px;}
.personTable table {width:100%;background: #ffffff;}
.personTable table thead {width:100%;background: #efefef;border: solid 1px #d2d2d2;text-align:center;line-height:46px;}
.personTable table td {color: #333;border: solid 1px #e3e3e3;}
.sgflow table td {width:50%;}
.sgflow .sgflowtd{width:30%;}
.personTable tbody  {width:100%;}
.personTable tbody {width:100%;border-bottom: solid 1px #d2d2d2;text-align:center;line-height:46px;}
.personTable tbody td {border-bottom:solid 1px #e3e3e3;text-align:center;line-height:46px;font-size: 14px;}
.tr-nome { display:block;background:#9f9583;width:100px;height:20px;font-size:12px;line-height:20px;margin:0 auto;}
.personTable tbody td a {font-size:14px;text-decoration:underline;color:#017ddf;}
.personTable tbody td a:hover{
    color:#ff5200;}
.paybox{float:right;margin-top:30px;}
.paybox .btnbuy{margin-left:15px;}
.paybox .btngreen{background:#18c327;}
.paybox .btngreen:hover{background:#29d237;}
.examTable{margin: 10px auto 30px;}
.examTable table thead{background:#f9f9f9;}
.examTable tbody a{margin:0 5px;}
.examTable .text-danger{color:#ec2e1b;}
/* profile */
.profile .item {
	margin: 20px 0
}

.profile .item input,.profile .item textarea {
	vertical-align: middle;
	border: 1px solid #ddd;
	padding: 7px 8px;
	line-height: 14px;
	width: 200px;
	color: #666;
}

.profile .item input[type="radio"] {
	width: auto!important
}

.profile .item input[type="radio"]:nth-child(2) {
	margin-left: 10px
}

.profile .item textarea {
	height: 60px
}

.profile .item .phone {
	display: inline-block
}

.profile .item input:focus,.profile .item input.focus {
	border-color: #09f
}

.profile .item input.error-style {
	border-color: #f30
}
.profile .item{
	min-height:40px;
}
.profile .item dt {
	float: left;
	text-align: right;
	width: 120px;
	line-height: 34px;
}

.profile dd {
	float: left;
	margin-left:10px;
	width:60%;
	line-height: 34px;
}

.profile .item dt label {
	word-break: break-word;
	word-break: break-all
}

.profile .item dt span {
	color: #f30;
	padding-right: 3px;
	position: relative;
	top: 3px
}

.profile .item b {
	vertical-align: middle;
	display: inline-block;
	color: #9e9e9e;
	padding-left: 10px;
	font-weight: 400;
	font-size: 14px;
}

.profile .submit {
	margin: 0 0 0 130px;
}
/* login */
.loginbox{width: 600px;margin: 50px auto 60px;}
.loginbox .profile .item input{width: 100%;}
.loginbox .btn{padding:0;width:378px;}
.loginbox .forget{
	margin-top:15px;
	padding-right:100px;
	text-align: right;
	}
.loginbox .forget a{font-size:14px;
display:inline-block;margin-left:20px;}
.loginbox .forget a:hover{
	color:#197bde;
	text-decoration:underline;}

/* practice */
.tipbox{border-top:2px solid #017ddf;margin-top:30px;padding: 30px 0;}
.tipbox .name{font-size:30px;margin-bottom:20px;font-weight:600;}
.tipbox .name em{color:red;display:inline-block;margin-left:20px;}
.tipbox .time{text-align:right;}
.tipbox .time span{display:inline-block;margin-left:20px;font-weight:600;}

/* practice */

.pep {
    overflow: hidden;
}
.pep .score {
  font-size: 80px;
  color: #FF0000;
  font-family: Mistral;
  position: absolute;
  top: 32px;
  right: 50px;
  opacity: 0.9;
  z-index: 9;
}
.pep.header {
  color: #FFFFFF;
  padding: 10px;
  font-size: 0.9rem;
  overflow: hidden;
  line-height: 1.8rem;
}
.pep .btn-primary .glyphicon{
    color: #FFFFFF;
}
.pep .btn-primary .glyphicon:before {
    vertical-align: -2px;
    margin-right: 2px;
}
.pep.header a {
  color: #FFFFFF;
  text-decoration: none;
}
.pep.header a:hover {
  color: #FFFFFF;
}
.pep.header ul {
  margin: 0px;
}
.pep.header ul li {
  padding-left: 5px;
  padding-right: 5px;
}
.pep.nav {
  color: #000000;
  padding: 10px;
}
.pep.nav a {
  color: #000000;
  text-decoration: none;
}
.pep.nav a:hover {
  color: #02756E;
}
.pep.nav .btn {
  padding: 10px 25px;
  border-radius: 0px;
}
.pep.nav .btn-default {
  color: #02756E;
  border-color: #02756E;
}
.pep.nav .btn-primary {
  color: #FFFFFF;
  background-color: #02756E;
  border-color: #02756E;
}
.pep.nav .btn-primary:hover {
  color: #FFFFFF;
}
.pep.nav ul {
  margin: 0px;
}
.pep.nav ul li {
  padding-left: 2rem;
  padding-right: 2rem;
  font-size: 16px;
  line-height: 4.2rem;
  font-weight: bold;
}
.pep.nav ul li.nopadding {
  padding-left: 0px;
}
.pep.nav .menu {
  padding-top: 10px;
}
.pep.nav .title {
  font-size: 2rem;
  line-height: 80px;
}
.pep.panels .btn:active {
  box-shadow: none;
}
.pep.panels.bg {
  background-color: #FFFFFF;
}
.pep.panels .nopadding {
  padding-left: 0px;
  padding-right: 0px;
}
.pep.panels .leftmenu {
  margin: 0rem;
  border: 1px #dedede solid;
}
.pep.panels .leftmenu .title {
  font-size: 1.5rem;
  line-height: 3rem;
  padding-bottom: 5px;
  margin-bottom: 20px;
  font-weight: bold;
  border-bottom: 1px solid silver;
  margin-top: -10px;
}

.pep.panels .leftmenu .examtitle {
 font-size: 16px;
    margin-bottom: 10px;
    line-height: 36px;
}
.pep.panels .leftmenu.padding {
  padding: 2rem 1rem 1rem 1rem;
}
.pep.panels .leftmenu.noborder {
  border: 0px;
}
.pep.panels .questionbox {
    overflow-y: auto;
    height: 540px;
    overflow-x: hidden;
}
.pep.panels .leftmenu .questionindex {
  height: auto;
  padding: 1.5rem 0.5rem;
  overflow-y: hidden;
  /* width: 110%; */
}
.pep.panels .leftmenu .btn {
  width: 38px;
  height: 38px;
  line-height: 40px;
  padding: 0px;
  text-align: center;
  margin-bottom: 10px;
  margin-left: 7px;
  color: #FFFFFF;
}
.pep.panels .leftmenu .btn.btn-default {
  color: #525050;
  border-color: #b9b9b9;
}
.pep.panels .leftmenu .questionindexbutton{width: 35px;height: 35px;line-height: 35px;}
.pep.panels .leftmenu .topbox {
  background-color: #fff;
  font-size: 20px;
  text-align: center;
  line-height: 60px;
  font-weight: 600;
}
.pep.panels .leftmenu ul {
  padding: 1.5rem 2rem;
}
.pep.panels .leftmenu ul li {
  font-size: 16px;
  line-height: 52px;
  display: block;
  overflow: hidden;
  color: #6A6A6A;
  border-bottom: 1px solid #f5f5f5;
  font-weight: bold;
}
.pep.panels .leftmenu ul li .glyphicon {
  line-height: 42px;
  color: #6A6A6A;
}
.pep.panels .leftmenu ul li .glyphicon:last-child {
  margin-right: 0rem;
  font-size: 12px;
  line-height: 48px;
}
.pep.panels .leftmenu ul li.active {
  color: #02756E;
}
.pep.panels .leftmenu ul li.active .glyphicon {
  color: #02756E;
}
.pep.panels .breadcrumb {
  background-color: #FFFFFF;
  line-height: 40px;
  border: 1px solid silver;
  margin-bottom: 10px;
}
.pep.panels .breadcrumb li {
  font-size: 14px;
}
.pep.panels .pagebox {
  border-radius: 0px;
  overflow: hidden;
}

.pep.panels .pagebox .calculator{
	font-size: 20px;
    padding: 15px;
    font-weight: 600;
    background: #eee;}
.pep.panels .pagebox .countdown {
    padding: 15px;font-size: 20px;font-weight: 600;
    }
.pep.panels .pagebox .countdown span{
	color:#fff;font-size: 20px;
	}
.pep.panels .pagebox.bg {
  background-color: #FFFFFF;
}
.pep.panels .pagebox.margin {
  margin-top: 1rem;
}
#answerbox{position:relative;}
#answerbox .judge{position: absolute;
    right: 200px;
    top: 20%;
    width: 80px;}
.pep.panels .pagebox.border {
  border: 1px silver solid;
}
.pep.panels .pagebox.padding {
  padding: 2rem;
}
.pep.panels .pagebox.notes {
  padding: 0.5rem 1rem;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 1rem;
}
.pep.panels .pagebox.notes .user{    
font-size: 16px;
    font-weight: 600;
    color: #f5620c;
    margin-bottom: 8px;
    } 
.pep.panels .pagebox.notes:last-child {
  border-bottom: 0px;
  margin: 0;
}
.pep.panels .pagebox.notes p {
  line-height: 1.7;
  text-indent: 2em;
  font-size: 14px;
}
.progress {
    margin: 6px 0 15px;
}
.pep.panels .pagebox .panel-group .panel .panel-collapse ul li .progress {
    margin-bottom: 0px;
    display: inline-block;
    width: 120px;
    vertical-align: middle;
    margin-right: 1rem;
}
.pep.panels .pagebox .progress-bar {
  background-color: #337ab7;
}
.pep.panels .pagebox .box {
  padding: 1rem;
}
.pep.panels .pagebox .panel-heading {
  line-height: 40px;
  cursor: pointer;
}
.practiceTitle>*{
	font-family: microsoft yahei !important;
    font-size: 16px !Important;
}
.pep.panels .pagebox .bgnone{background:none;}
.pep.panels .pagebox .panel-heading.bold {
  font-weight: bold;
}
.pep.panels .pagebox .panel-body {
  padding: 1rem;
  line-height: 1.7;
}
.pep.panels .pagebox .btn {
    margin-right: 10px;
}
.pep.panels .pagebox .panel-body .intros {
  font-size: 14px;
  margin: auto 10px;
}
.pep.panels .pagebox .panel-body .pagination {
  border-radius: 0px;
}
.pep.panels .pagebox .panel-body .pagination li a {
  padding: 10px 18px;
  border-radius: 0px;
}
.pep.panels .pagebox .panel-body .pagination li a.current {
  background-color: #02756E;
  color: #FFFFFF;
}
.pep.panels .pagebox .panel-body .contenttext {
  padding: 10px;
}
.pep.panels .pagebox .panel-body .contenttext p {
  text-indent: 2em;
  line-height: 32px;
}
.pep.panels .pagebox .panel-body .form-group {
  line-height: 40px;
  clear: both;
  padding-top: 5px;
  padding-bottom: 5px;
}
.pep.panels .pagebox .panel-body .form-group label {
  line-height: 36px;
}
.pep.panels .pagebox .panel-body .form-group label.checkbox-inline span,
.pep.panels .pagebox .panel-body .form-group label.radio-inline span {
  display: inline-block;
  vertical-align: center;
}
.pep.panels .pagebox .panel-body .form-group label.checkbox-inline span:before,
.pep.panels .pagebox .panel-body .form-group label.radio-inline span:before {
  width: 20px;
  height: 20px;
  padding: 2px 3px;
  margin-right: 8px;
  border-radius: 16px;
  border: 1px solid #f0f0f0;
  font-family: 'Glyphicons Halflings';
  content: '\e013';
  font-size: 14px;
  line-height: 14px;
  color: #f0f0f0;
}
.pep.panels .pagebox .panel-body .form-group input {
  height: 42px;
  border-radius: 0px;
}
.pep.panels .pagebox .panel-body .form-group input[type=checkbox],
.pep.panels .pagebox .panel-body .form-group input[type=radio] {
  display: none;
}
.pep.panels .pagebox .panel-body .form-group input[type=checkbox]:checked + span:before,
.pep.panels .pagebox .panel-body .form-group input[type=radio]:checked + span:before {
  background-color: #017ddf;
  border-color: #017ddf;
  color: #FFFFFF;
}
.pep.panels .pagebox .panel-body .form-group select {
  height: 42px;
  line-height: 42px;
  border-radius: 0px;
}
.pep.panels .pagebox .panel-body ul li {
  overflow: hidden;
  line-height: 40px;
}
.pep.panels .pagebox .panel-body ul li.list-group-item {
  border-radius: 0px;
  border: 0px;
  border-top: 1px solid #f0f0f0;
}
.pep.panels .pagebox .panel-body ul li.list-group-item:first-child {
  border-top: 0px;
}
.pep.panels .pagebox .panel-body table tr th,
.pep.panels .pagebox .panel-body table tr td {
  line-height: 40px;
}
.pep.panels .pagebox .panel-body table tr th:first-child,
.pep.panels .pagebox .panel-body table tr td:first-child {
  text-indent: 1em;
}
.pep.panels .pagebox .panel-body .question {
  line-height: 36px;
}
.pep.panels .pagebox .panel-body .question .form-inline .form-control {
  width: auto;
  display: inline-block;
}
.pep.panels .pagebox .panel-body .question .clear {
  clear: both;
}
.pep.panels .pagebox .panel-body .question div {
  overflow: hidden;
}
.pep.panels .pagebox .panel-body .question hr {
  margin: 0px;
}
.pep.panels .pagebox .panel-body .question .selectbox {
  display: inline-block;
  font-weight: normal;
  cursor: pointer;
  line-height: 40px;
}
.pep.panels .pagebox .panel-body .question .selectbox.float {
  float: left;
}
.pep.panels .pagebox .panel-body .question .selectbox + p {
  margin-left: 50px;
  padding-top: 12px;
}
.pep.panels .pagebox .panel-body .question .selectbox .selector {
    width: 36px;
    height: 36px;
    line-height: 32px;
    text-align: center;
    font-size: 16px;
    display: block;
    margin-right: 10px;
    border: 2px solid silver;
    border-radius: 36px;
    font-weight: normal;
}
.pep.panels .pagebox .panel-body .question .selectbox.radio .selector,.pep.panels .pagebox .panel-body .question .selectbox.checkbox .selector {
    border-radius: 36px;
    border: 2px solid #d2d2d2;
    box-sizing: border-box;
    font-size: 20px!important;
}
.pep.panels .pagebox .panel-body .question .selectbox.radio input:checked + .selector,.pep.panels .pagebox .panel-body .question .selectbox.checkbox input:checked + .selector {
    border-color: #337ab7;
    border-width: 2px;
    line-height: 32px;
    color: #337ab7;
}
.pep.panels .pagebox .panel-body .question .selectbox.radio input:checked + .selector.right,.pep.panels .pagebox .panel-body .question .selectbox.checkbox input:checked + .selector.right {
    background-color: #5cb85c !important;
    color: #FFFFFF !important;
    border-color: #5cb85c !important;
}
.pep.panels .pagebox .panel-body .question .selectbox.radio input:checked + .selector.wrong,.pep.panels .pagebox .panel-body .question .selectbox.checkbox input:checked + .selector.wrong {
    background-color: #d9534f !important;
    color: #FFFFFF !important;
    border-color: #d9534f !important;
}

/* video_list */
#videoMain{margin: 30px auto 50px;overflow: hidden;position: relative;}
.videoBox{width:70%;height:500px;float: left;position:relative;overflow: hidden;}
.videoBox .videoName{position:absolute;top:0;background:rgba(0,0,0,.3);color:#fff;width:100%;z-index:99;line-height:34px;font-size:14px;padding:0 20px;}
.videoBox video{width:100%;height: 100%;}
.courseList{width: 30%;height:480px;float: right;padding: 10px 0;overflow-y: auto;background:#383838;position: relative;overflow-x:hidden}
#videoMain .buybox{
	position:absolute;
	bottom:0;
	right: 0px;
	background: rgba(0,0,0,.8);
	color:#fff;
	z-index:99;
	line-height:34px;
	font-size:14px;
	padding: 20px;
	width: 320px;
}
#videoMain .buybox .price{color:#f76f24;font-weight: 600;}
#videoMain .buybox .btndanger{margin-left:20px;background:#fb4912;line-height: 30px;padding: 0 15px;}
.catalog{margin:0 5%;padding-bottom: 75px;}
.catalog .level1{font-size:14px;color: #ababab;height: 34px;line-height: 34px;}
.catalog .level2 a{padding:0 10px;height:30px;line-height:30px;display:block;}
.catalog .level2 a span{height:30px;line-height:30px;font-size:12px;color: #9e9e9e;}
.catalog .level2 a .time{color: #9e9e9e;}
.catalog .level2 a:hover,.catalog .level2 a.cur{background:#f2f2f2;}
.catalog .level2 a:hover .time,.catalog .level2 a:hover span,.catalog .level2 a.cur span,.catalog .level2 a.cur .time{color:#127de1;}