@charset "UTF-8";

img { display: block; max-width: 100%; }
.tab-content img{
  display: inline-block!important;
}
.container { margin: 0 auto; padding: 0 20px; }

@media only all and (min-width: 768px) { .container { width: 750px; padding: 0 10px !important; } }

@media only all and (min-width: 992px) { .container { width: 991px; padding: 0 10px !important; } }

@media only all and (min-width: 1200px) { .container { width: 991px; padding: 0 10px !important; } }

@media only all and (min-width: 1441px) { .container { width: 1200px; padding: 0 10px !important; } }

@media only all and (min-width: 1900px) { .container { width: 1400px; padding: 0 10px !important; } }

@font-face { font-family: 'font_cn'; src: url("../fonts/kuhei.ttf"); }

@font-face { font-family: 'font_en'; src: url("../fonts/DIN-LIGHTALTERNATE.OTF"); }

/*@mixin transit($time) { -webkit-transition: all $time; -moz-transition: all $time; -ms-transition: all $time; -o-transition: all $time; transition: all $time; } @mixin select(){ -webkit-appearance: none; -moz-appearance: none; appearance: none; } //rotate @mixin rotate($deg){ -webkit-transform:rotate($deg); -moz-transform:rotate($deg); -ms-transform:rotate($deg); -o-transform:rotate($deg); transform:rotate($deg); } //translate @mixin translate(){ -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); } @mixin translateY(){ -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); } @mixin translateX(){ -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); } @mixin translateNone(){ -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none; } @mixin animation($name,$time,$alternate){ animation: $name $time $alternate; -moz-animation: $name $time $alternate;  Firefox -webkit-animation: $name $time $alternate;  Safari 和 Chrome -o-animation: $name $time $alternate;  Opera } @mixin rotateSlate($deg){ -webkit-transform: translateX(-50%) rotate($deg); -moz-transform: translateX(-50%) rotate($deg); -ms-transform: translateX(-50%) rotate($deg); -o-transform: translateX(-50%) rotate($deg); transform: translateX(-50%) rotate($deg); } //scale @mixin scale($a){ -webkit-transform:scale($a); -moz-transform:scale($a); -ms-transform:scale($a); -o-transform:scale($a); transform:scale($a); } //border-radius @mixin radius($temp){ -webkit-border-radius: $temp; -moz-border-radius: $temp; border-radius: $temp; } //box-shadow @mixin shadow($info1,$info2,$info3,$info4) { -moz-box-shadow: $info1,$info2,$info3,$info4; -webkit-box-shadow:$info1,$info2,$info3,$info4; box-shadow: $info1,$info2,$info3,$info4; } @mixin box-shadow($info) { -moz-box-shadow: $info; -webkit-box-shadow:$info; box-shadow: $info; } */
.tab-content { padding-top: 80px; }

@media only all and (max-width: 991px) { .tab-content { padding-top: 40px; } }

.tab-content .tab-content-list { display: none; }

.tab-content .tab-content-list:first-child { display: block; }

.tab-content .tab-title { line-height: 35px; font-size: 30px; text-align: center; }

@media only all and (max-width: 991px) { .tab-content .tab-title { line-height: 26px; font-size: 24px; } }

@media only all and (max-width: 767px) { .tab-content .tab-title { line-height: 20px; font-size: 20px; } }

.tab-content .tab-title-info { max-width: 930px; padding: 0 20px; margin-left: auto; margin-right: auto; margin-top: 50px; margin-bottom: 45px; line-height: 35px; font-size: 16px; }

@media only all and (max-width: 850px) { .tab-content .tab-title-info { margin-top: 25px; } }

@media only all and (max-width: 767px) { .tab-content .tab-title-info { line-height: 20px; font-size: 14px; margin: 25px auto; } }

.service-page .service-box { position: relative; }

.service-page .service-box .swiper-service .swiper-slide img { transition: all 0.5s; margin-left: auto; margin-right: 0; }

.service-page .service-box .swiper-service .swiper-slide.swiper-slide-active img { margin-left: 0; margin-right: auto; }

.service-page .service-box .service-swiper-content { position: absolute; top: 0; left: 500px; width: 55.2%; padding-right: 5.2%; z-index: 2; bottom: 0; background: #fff; }

@media only all and (max-width: 1199px) { .service-page .service-box .service-swiper-content { left: 44.8%; padding-right: 0; } }

@media only all and (max-width: 640px) { .service-page .service-box .service-swiper-content { position: relative; left: auto; top: auto; width: 100%; } }

.service-page .service-box .service-swiper-content .service-content { height: 100%; background: #353c44; }

@media only all and (max-width: 640px) { .service-page .service-box .service-swiper-content .service-content { height: auto; } }

.service-page .service-box .service-swiper-content .service-content .content-list { width: 65%; margin: 0 auto; padding-top: 10%; display: none; }

@media only all and (max-width: 640px) { .service-page .service-box .service-swiper-content .service-content .content-list { padding: 8% 0; } }

.service-page .service-box .service-swiper-content .service-content .content-list.first-child { display: block; }

.service-page .service-box .service-swiper-content .service-content .service-name { color: #fff; line-height: 35px; font-size: 30px; }

@media only all and (max-width: 640px) { .service-page .service-box .service-swiper-content .service-content .service-name { font-size: 16px; line-height: 20px; } }

.service-page .service-box .service-swiper-content .service-content .text { margin-top: 25px; color: #fff; }

@media only all and (max-width: 640px) { .service-page .service-box .service-swiper-content .service-content .text { margin-top: 10px; font-size: 12px; line-height: 20px; } }

.service-page .service-box .service-swiper-content .btn { width: 60px; height: 60px; border-radius: 50%; line-height: 55px; text-align: center; color: #c99f42; border: 1px solid #c99f42; background: transparent; font-family: 'Arial'; font-size: 27px; transition: all 0.4s; }

@media only all and (max-width: 1199px) { .service-page .service-box .service-swiper-content .btn { width: 45px; height: 45px; line-height: 40px; } }

.service-page .service-box .service-swiper-content .btn:hover { color: #fff; background: #c99f42; }

.service-page .service-box .service-swiper-content .btn.swiper-button-prev { left: 5%; }

@media only all and (max-width: 640px) { .service-page .service-box .service-swiper-content .btn.swiper-button-prev { left: 2.5%; } }

.service-page .service-box .service-swiper-content .btn.swiper-button-next { right: 15%; }

@media only all and (max-width: 1199px) { .service-page .service-box .service-swiper-content .btn.swiper-button-next { right: 5%; } }

@media only all and (max-width: 640px) { .service-page .service-box .service-swiper-content .btn.swiper-button-next { right: 2.5%; } }

.service-page .service-box .service-swiper-content .swiper-pagination { bottom: 5%; width: 90.6%; }

.service-page .service-box .service-swiper-content .swiper-pagination span { width: 15px; height: 7px; margin: 0 5px; border-radius: 10px; background: #4a5057; opacity: 1; }

.service-page .service-box .service-swiper-content .swiper-pagination span.swiper-pagination-bullet-active { background: #c99f42; }

.industry-page { padding-bottom: 115px; }

@media only all and (max-width: 991px) { .industry-page { padding-bottom: 45px; } }

.industry-page .inside-tab .tab-list { width: 16.66%; }

@media only all and (max-width: 640px) { .industry-page .inside-tab .tab-list { width: 33.33%; } }

.industry-page .industry-box { text-align: center; }

.industry-page .industry-box .industr-list { font-size: 0; margin-bottom: 40px; }

.industry-page .industry-box .industr-list .list { height: 710px; width: 50%; display: inline-block; background: #e5e5e5; }

@media only all and (max-width: 1199px) { .industry-page .industry-box .industr-list .list { height: 500px; } }

@media only all and (max-width: 850px) { .industry-page .industry-box .industr-list .list { height: 340px; } }

@media only all and (max-width: 767px) { .industry-page .industry-box .industr-list .list { width: 100%; height: 340px; } }

@media only all and (max-width: 767px) { .industry-page .industry-box .industr-list .list:nth-child(even) .left { float: right; } }

.industry-page .industry-box .industr-list .list .img { position: relative; overflow: hidden; }

.industry-page .industry-box .industr-list .list .img label { width: 100%; display: inline-block; padding: 10%; }

.industry-page .industry-box .industr-list .list .img .mask { position: absolute; top: 20px; left: 0; width: 100%; height: 100%; padding: 10%; opacity: 0; background: rgba(201, 159, 66, 0.9); text-align: left; transition: all 1s; }

.industry-page .industry-box .industr-list .list .img .mask .qi { line-height: 35px; font-size: 30px; color: #fff; font-family: 'Arial'; }

.industry-page .industry-box .industr-list .list .img .mask .time { font-size: 16px; line-height: 35px; color: #fff; font-family: 'Arial'; }

.industry-page .industry-box .industr-list .list .img .mask .title { line-height: 35px; font-size: 30px; color: #fff; font-family: 'Arial'; }

.industry-page .industry-box .industr-list .list .img .mask .jiantou { padding-top: 10%; display: block; font-size: 30px; color: #fff; font-family: 'Arial'; }

.industry-page .industry-box .industr-list .list .img img { margin: 0 auto; width: 100%; box-shadow: 1px 1px 50px -13px #666; }

@media only all and (max-width: 1199px) { .industry-page .industry-box .industr-list .list .img img { box-shadow: none; padding: 10%; } }

.industry-page .industry-box .industr-list .list .img:hover .mask { top: 0; opacity: 1; }

.industry-page .industry-box .industr-list .list .left { width: 50%; float: left; height: 100%; background: #e5e5e5; }

.industry-page .industry-box .industr-list .list .left img { max-height: 372px; max-width: 275px; }

@media only all and (max-width: 850px) { .industry-page .industry-box .industr-list .list .left img { max-height: 330px; max-width: 235px; } }

.industry-page .industry-box .industr-list .list .right { width: 50%; float: left; height: 100%; }

.industry-page .industry-box .industr-list .list .right .i1 { width: 100%; height: 38%; background: #eeeeee; }

.industry-page .industry-box .industr-list .list .right .i1 img { max-height: 186px; max-width: 138px; }

@media only all and (max-width: 850px) { .industry-page .industry-box .industr-list .list .right .i1 img { max-height: 146px; max-width: 98px; } }

.industry-page .industry-box .industr-list .list .right .i2 { width: 100%; height: 62%; background: #f8f8f8; }

.industry-page .industry-box .industr-list .list .right .i2 img { max-height: 267px; max-width: 197px; }

@media only all and (max-width: 850px) { .industry-page .industry-box .industr-list .list .right .i2 img { max-height: 227px; max-width: 157px; } }

.subscribe-page { padding-top: 70px; margin-top: 100px; padding-bottom: 115px; }

@media only all and (max-width: 640px) { .subscribe-page { padding-top: 0; padding-bottom: 45px; } }

.subscribe-page .head .sub-title { display: inline-block; }

.subscribe-page .head .sub-title .title { line-height: 35px; font-size: 30px; }

.subscribe-page .head .sub-title .txt { line-height: 30px; font-size: 16px; }

.subscribe-page .head .nav-link { float: right; margin-top: 17px; }

.subscribe-page .head .nav-link, .subscribe-page .head .nav-link a { display: inline-block; line-height: 30px; font-size: 14px; color: #666; }

.subscribe-page .head .nav-link span { color: #c99f42; }

.subscribe-page form { display: block; margin-top: 45px; border-top: 2px solid #c99f42; font-size: 0; }

.subscribe-page form .input-list { position: relative; padding: 32px 18px; border-bottom: 1px solid #e5e5e5; width: 50%; display: inline-block; }

@media only all and (max-width: 640px) { .subscribe-page form .input-list { width: 100%; padding: 10px; } }

.subscribe-page form .input-list:first-child { width: 100%; }

.subscribe-page form .input-list:nth-child(even) { border-right: 1px solid #e5e5e5; }

@media only all and (max-width: 640px) { .subscribe-page form .input-list:nth-child(even) { border-right: none; } }

.subscribe-page form .input-list .title { position: absolute; top: 32px; left: 18px; display: inline-block; line-height: 35px; width: 75px; font-size: 16px; font-weight: bold; }

@media only all and (max-width: 640px) { .subscribe-page form .input-list .title { top: 11px; left: 10px; } }

.subscribe-page form .input-list .title:before { display: inline-block; content: '*'; font-size: 12px; color: #c99f42; vertical-align: top; }

.subscribe-page form .input-list input { display: block; width: 100%; padding-left: 95px; line-height: 35px; height: 35px; border: none; font-size: 16px; font-weight: 500; }

.subscribe-page .btn { margin-top: 40px; text-align: center; }

.subscribe-page .btn .index-more { margin: 0 10px; width: 130px; }

.book-box { margin-top: 50px; padding: 95px 0; position: relative; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }

@media only all and (max-width: 991px) { .book-box { margin-top: 40px; padding: 50px 0; } }

.book-box .jibang-book-swiper { width: 50%; float: left; padding-right: 5%; }

@media only all and (max-width: 767px) { .book-box .jibang-book-swiper { width: 100%; padding-right: 0; margin-bottom: 25px; } }

.book-box .jibang-book-swiper .swiper-book .swiper-slide img { -webkit-transform: scale(0.52); transform: scale(0.52); margin: 0 auto; transition: all 0.4s; -webkit-filter: drop-shadow(1px 1px 10px #999); filter: drop-shadow(1px 1px 10px #999); }

.book-box .jibang-book-swiper .swiper-book .swiper-slide.swiper-slide-active img { -webkit-transform: scale(1); transform: scale(1); }

.book-box .jibang-book-swiper .title-list { padding: 40px 0 35px; }

@media only all and (max-width: 991px) { .book-box .jibang-book-swiper .title-list { padding: 25px 0; } }

.book-box .jibang-book-swiper .title-list .title { 
	display: none;
	font-size: 24px;
	line-height: 35px;
	text-align: center;
/*	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;*/
}

@media only all and (max-width: 991px) { .book-box .jibang-book-swiper .title-list .title { font-size: 18px; } }

.book-box .jibang-book-swiper .title-list .title:first-child { display: block; }

.book-box .jibang-book-swiper .book-btn { text-align: center; }

.book-box .jibang-book-swiper .book-btn .index-more { 
	margin: 0 7px; 
	width: 280px;
}
@media only all and (max-width: 1600px) {
	.book-box .jibang-book-swiper .book-btn .index-more {
		margin-bottom: 7px;
	}
}

@media only all and (max-width: 1024px) {
	.book-box .jibang-book-swiper .book-btn .index-more {
		width: 245px;
		padding: 0 15px;
	}
}



@media only all and (max-width: 991px) { .book-box .jibang-book-swiper .book-btn .index-more { padding: 0 10px; } }

.book-box .jibang-book-swiper .book-btn .index-more .tip { display: inline-block; margin-top: 8px; vertical-align: top; margin-right: 9px; }

@media only all and (max-width: 991px) { .book-box .jibang-book-swiper .book-btn .index-more .tip { margin-top: 3px; } }

@media only all and (max-width: 414px) {
	.book-box .jibang-book-swiper .book-btn .index-more {
		width: 200px;
	}
}


.book-box .jibang-book-swiper .book-btn .index-more .tip.tip1 { display: none; }

.book-box .jibang-book-swiper .book-btn .index-more:hover .tip.tip1 { display: inline-block; }

.book-box .jibang-book-swiper .book-btn .index-more:hover .tip.tip2 { display: none; }

.book-box .book-info-swiper { width: 50%; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); float: left; padding: 0 100px; }

@media only all and (max-width: 991px) { .book-box .book-info-swiper { padding: 0 60px; } }

@media only all and (max-width: 767px) { .book-box .book-info-swiper { width: 100%; position: relative; top: auto; left: auto; right: auto; -webkit-transform: none; transform: none; padding: 0; } }

.book-box .book-info-swiper .swiper-slide .title { line-height: 30px; font-size: 20px; color: #c99f42; }

@media only all and (max-width: 850px) { .book-box .book-info-swiper .swiper-slide .title { line-height: 26px; font-size: 18px; } }

.book-box .book-info-swiper .swiper-slide .text { margin-top: 10px; }

.book-box .book-info-swiper .btn { width: 60px; height: 60px; border-radius: 50%; line-height: 55px; text-align: center; color: #c99f42; border: 1px solid #c99f42; background: transparent; font-family: 'Arial'; font-size: 27px; transition: all 0.4s; }

@media only all and (max-width: 991px) { .book-box .book-info-swiper .btn { width: 45px; height: 45px; line-height: 40px; font-size: 24px; } }

@media only all and (max-width: 767px) { .book-box .book-info-swiper .btn { display: none; } }

.book-box .book-info-swiper .btn:hover { color: #fff; background: #c99f42; }

.book-box .book-info-swiper .btn.swiper-button-prev { left: 0%; }

.book-box .book-info-swiper .btn.swiper-button-next { right: 0%; }

.dynamic-new .head .tab-title { display: inline-block; }

.dynamic-new .head .year-box { position: relative; float: right; padding: 0 40px; }

@media only all and (max-width: 991px) { .dynamic-new .head .year-box { padding: 0 25px; } }

@media only all and (max-width: 767px) { .dynamic-new .head .year-box { margin-top: 25px; width: 100%; float: none; max-width: 414px; margin-left: auto; margin-right: auto; } }

.dynamic-new .head .year-box .year-swiper { width: 420px; }

@media only all and (max-width: 991px) { .dynamic-new .head .year-box .year-swiper { width: 290px; } }

@media only all and (max-width: 767px) { .dynamic-new .head .year-box .year-swiper { width: 100%; } }

.dynamic-new .head .year-box .year-swiper .swiper-slide { display: inline-block; width: auto; padding: 0 23px; line-height: 28px; font-size: 16px; color: #666; font-family: 'Arial'; border: 1px solid transparent; border-radius: 100px; }

@media only all and (max-width: 991px) { .dynamic-new .head .year-box .year-swiper .swiper-slide { padding: 0 15px; line-height: 24px; font-size: 13px; } }

.dynamic-new .head .year-box .year-swiper .swiper-slide.active { border-color: #c99f42; color: #c99f42; }

.dynamic-new .head .year-box .btn { width: auto; height: auto; line-height: 30px; text-align: left; font-size: 20px; color: #666; top: 0; margin: 0; background: #fff; transition: all 0.4s; cursor: pointer; }

@media only all and (max-width: 991px) { .dynamic-new .head .year-box .btn { line-height: 26px; font-size: 18px; } }

.dynamic-new .head .year-box .btn:hover { color: #c99f42; }

.dynamic-new .head .year-box .btn.swiper-button-prev { left: 0; }

.dynamic-new .head .year-box .btn.swiper-button-next { right: 0; text-align: right; }

.dynamic-new .dynamic-box { margin-top: 55px; padding-top: 55px; border-top: 1px solid #e5e5e5; }

@media only all and (max-width: 991px) { .dynamic-new .dynamic-box { margin-top: 35px; padding-top: 35px; } }

@media only all and (max-width: 767px) { .dynamic-new .dynamic-box { margin-top: 25px; padding-top: 25px; } }

.dynamic-new .dynamic-box .dynamic-month { position: relative; }

.dynamic-new .dynamic-box .dynamic-month .month-swiper .month-new-swiper { height: 580px; }

@media only all and (max-width: 1441px) { .dynamic-new .dynamic-box .dynamic-month .month-swiper .month-new-swiper { height: 520px; } }

@media only all and (max-width: 1199px) { .dynamic-new .dynamic-box .dynamic-month .month-swiper .month-new-swiper { height: 325px; } }

@media only all and (max-width: 767px) { .dynamic-new .dynamic-box .dynamic-month .month-swiper .month-new-swiper { height: 400px; } }

.dynamic-new .dynamic-box .dynamic-month .month-swiper .month-new-swiper .new-list { float: left; width: 600px; margin-top: 140px; }

@media only all and (max-width: 1441px) { .dynamic-new .dynamic-box .dynamic-month .month-swiper .month-new-swiper .new-list { width: 420px; margin-top: 110px; } }

@media only all and (max-width: 1199px) { .dynamic-new .dynamic-box .dynamic-month .month-swiper .month-new-swiper .new-list { width: 400px; margin-top: 80px; } }

@media only all and (max-width: 991px) { .dynamic-new .dynamic-box .dynamic-month .month-swiper .month-new-swiper .new-list { width: 300px; } }

@media only all and (max-width: 767px) { .dynamic-new .dynamic-box .dynamic-month .month-swiper .month-new-swiper .new-list { float: none; width: 100%; max-width: 414px; margin: 20px auto; } }

.dynamic-new .dynamic-box .dynamic-month .month-swiper .month-new-swiper .new-list:first-child { margin-top: 0; }

.dynamic-new .dynamic-box .dynamic-month .month-swiper .month-new-swiper .new-list:nth-child(odd) { float: right; }

@media only all and (max-width: 767px) { .dynamic-new .dynamic-box .dynamic-month .month-swiper .month-new-swiper .new-list:nth-child(odd) { float: none; } }

.dynamic-new .dynamic-box .dynamic-month .month-swiper .month-new-swiper .new-list:nth-child(odd) .img { float: left; }

.dynamic-new .dynamic-box .dynamic-month .month-swiper .month-new-swiper .new-list:nth-child(odd) .new-info { padding-left: 280px; padding-right: 0; }

@media only all and (max-width: 1441px) { .dynamic-new .dynamic-box .dynamic-month .month-swiper .month-new-swiper .new-list:nth-child(odd) .new-info { padding-left: 195px; } }

@media only all and (max-width: 1199px) { .dynamic-new .dynamic-box .dynamic-month .month-swiper .month-new-swiper .new-list:nth-child(odd) .new-info { padding-left: 135px; } }

.dynamic-new .dynamic-box .dynamic-month .month-swiper .month-new-swiper .new-list .img { position: relative; display: block; float: right; width: 250px; height: 150px; overflow: hidden; background-size: cover !important; }

@media only all and (max-width: 1441px) { .dynamic-new .dynamic-box .dynamic-month .month-swiper .month-new-swiper .new-list .img { width: 175px; height: 110px; } }

@media only all and (max-width: 1199px) { .dynamic-new .dynamic-box .dynamic-month .month-swiper .month-new-swiper .new-list .img { width: 120px; height: 80px; } }

.dynamic-new .dynamic-box .dynamic-month .month-swiper .month-new-swiper .new-list .img .mask { position: absolute; top: -20%; left: 50%; margin-left: -25px; margin-top: -25px; width: 50px; height: 50px; border-radius: 50%; font-size: 30px; line-height: 50px; text-align: center; color: #fff; background: #333; transition: all 0.4s; }

@media only all and (max-width: 1199px) { .dynamic-new .dynamic-box .dynamic-month .month-swiper .month-new-swiper .new-list .img .mask { width: 30px; height: 30px; font-size: 18px; line-height: 30px; margin-left: -15px; margin-top: -15px; } }

.dynamic-new .dynamic-box .dynamic-month .month-swiper .month-new-swiper .new-list .new-info { padding-right: 280px; padding-top: 10px; height: 150px; }

@media only all and (max-width: 1441px) { .dynamic-new .dynamic-box .dynamic-month .month-swiper .month-new-swiper .new-list .new-info { padding-right: 195px; padding-top: 0px; height: 110px; } }

@media only all and (max-width: 1199px) { .dynamic-new .dynamic-box .dynamic-month .month-swiper .month-new-swiper .new-list .new-info { padding-right: 135px; height: 80px; } }

.dynamic-new .dynamic-box .dynamic-month .month-swiper .month-new-swiper .new-list .new-info .time, .dynamic-new .dynamic-box .dynamic-month .month-swiper .month-new-swiper .new-list .new-info .more { display: inline-block; line-height: 30px; font-size: 14px; color: #666; font-family: 'Arial'; transition: all 0.4s; }

@media only all and (max-width: 1441px) { .dynamic-new .dynamic-box .dynamic-month .month-swiper .month-new-swiper .new-list .new-info .time, .dynamic-new .dynamic-box .dynamic-month .month-swiper .month-new-swiper .new-list .new-info .more { line-height: 24px; } }

@media only all and (max-width: 1441px) { .dynamic-new .dynamic-box .dynamic-month .month-swiper .month-new-swiper .new-list .new-info .time, .dynamic-new .dynamic-box .dynamic-month .month-swiper .month-new-swiper .new-list .new-info .more { line-height: 16px; font-size: 12px; } }

.dynamic-new .dynamic-box .dynamic-month .month-swiper .month-new-swiper .new-list .new-info .title a { color: #333!important; margin: 5px 0 15px; display: block; height: 48px; line-height: 24px; font-size: 18px; overflow: hidden; }

@media only all and (max-width: 1441px) { .dynamic-new .dynamic-box .dynamic-month .month-swiper .month-new-swiper .new-list .new-info .title a { font-size: 15px; margin: 3px 0 8px; } }

@media only all and (max-width: 1199px) { .dynamic-new .dynamic-box .dynamic-month .month-swiper .month-new-swiper .new-list .new-info .title a { line-height: 19px; height: 38px; font-size: 13px; margin: 3px 0 5px; } }

.dynamic-new .dynamic-box .dynamic-month .month-swiper .month-new-swiper .new-list .new-info .more:hover { color: #c99f42; }

.dynamic-new .dynamic-box .dynamic-month .month-swiper .month-new-swiper .new-list:hover .img .mask { top: 50%; }

/* .dynamic-new .dynamic-box .dynamic-month .month-swiper .month-new-swiper .new-list:hover .new-info .title a { color: #333!important; } */
.dynamic-new .dynamic-box .dynamic-month .month-swiper .month-new-swiper .new-list:hover .new-info .title a:hover { color: #c99f42!important; }

.dynamic-new .dynamic-box .dynamic-month .month-swiper .month-new-swiper .tip-list { position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background: #e5e5e5; }

@media only all and (max-width: 767px) { .dynamic-new .dynamic-box .dynamic-month .month-swiper .month-new-swiper .tip-list { display: none; } }

.dynamic-new .dynamic-box .dynamic-month .month-swiper .month-new-swiper .tip-list .tip { position: relative; width: 30px; height: 1px; margin-top: 140px; background: #e5e5e5; }

@media only all and (max-width: 1441px) { .dynamic-new .dynamic-box .dynamic-month .month-swiper .month-new-swiper .tip-list .tip { margin-top: 110px; } }

@media only all and (max-width: 1199px) { .dynamic-new .dynamic-box .dynamic-month .month-swiper .month-new-swiper .tip-list .tip { margin-top: 80px; } }

.dynamic-new .dynamic-box .dynamic-month .month-swiper .month-new-swiper .tip-list .tip:nth-child(even) { margin-left: -30px; }

.dynamic-new .dynamic-box .dynamic-month .month-swiper .month-new-swiper .tip-list .tip:nth-child(even):after { left: -10px; right: auto; }

.dynamic-new .dynamic-box .dynamic-month .month-swiper .month-new-swiper .tip-list .tip:first-child { margin-top: 70px; }

@media only all and (max-width: 1441px) { .dynamic-new .dynamic-box .dynamic-month .month-swiper .month-new-swiper .tip-list .tip:first-child { margin-top: 55px; } }

@media only all and (max-width: 1199px) { .dynamic-new .dynamic-box .dynamic-month .month-swiper .month-new-swiper .tip-list .tip:first-child { margin-top: 40px; } }

.dynamic-new .dynamic-box .dynamic-month .month-swiper .month-new-swiper .tip-list .tip:after { display: block; position: absolute; right: -10px; top: -5px; content: ''; width: 10px; height: 10px; border-radius: 50%; background: #333; }

.dynamic-new .dynamic-box .dynamic-month .month-swiper .day-btn { padding-top: 30px; position: relative; }

.dynamic-new .dynamic-box .dynamic-month .month-swiper .day-btn:after { content: ''; display: block; position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background: #e5e5e5; z-index: -1; }

.dynamic-new .dynamic-box .dynamic-month .month-swiper .day-btn .btn { position: static; margin: 10px auto; width: 50px; height: 50px; border-radius: 50%; background: #d8d8d8; line-height: 50px; text-align: center; font-size: 25px; color: #fff; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 1; }

@media only all and (max-width: 991px) { .dynamic-new .dynamic-box .dynamic-month .month-swiper .day-btn .btn { width: 40px; height: 40px; line-height: 40px; font-size: 18px; } }

.dynamic-new .dynamic-box .dynamic-month .month-swiper .day-btn .btn.swiper-button-prev { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }

.dynamic-new .dynamic-box .dynamic-month .month-swiper .day-btn .btn:hover { background: #c99f42; }

.dynamic-new .dynamic-box .dynamic-month .month-btn-info { position: absolute; top: 0; left: 0; z-index: 9; }

@media only all and (max-width: 767px) { .dynamic-new .dynamic-box .dynamic-month .month-btn-info { position: static; margin-bottom: 20px; } }

.dynamic-new .dynamic-box .dynamic-month .month-btn-info .btn { position: static; margin: 0; display: inline-block; width: 60px; height: 60px; border-radius: 50%; line-height: 55px; text-align: center; vertical-align: top; color: #c99f42; border: 1px solid #c99f42; background: transparent; font-family: 'Arial'; font-size: 27px; transition: all 0.4s; }

@media only all and (max-width: 1199px) { .dynamic-new .dynamic-box .dynamic-month .month-btn-info .btn { width: 45px; height: 45px; line-height: 40px; font-size: 24px; } }

.dynamic-new .dynamic-box .dynamic-month .month-btn-info .btn:hover { background: #c99f42; color: #fff; }

.dynamic-new .dynamic-box .dynamic-month .month-btn-info .month-name { display: inline-block; padding: 0 30px; font-size: 16px; color: #c99f42; }

@media only all and (max-width: 1199px) { .dynamic-new .dynamic-box .dynamic-month .month-btn-info .month-name { padding: 0 15px; } }

.dynamic-new .dynamic-box .dynamic-month .month-btn-info .month-name span { display: inline-block; line-height: 38px; font-family: 'font_en'; font-size: 80px; color: #c99f42; }

@media only all and (max-width: 1199px) { .dynamic-new .dynamic-box .dynamic-month .month-btn-info .month-name span { font-size: 60px; } }

#captcha { position: absolute; right: 0; top: 50%; margin-top: -17.5px; }
/*  */
.book-btn .index-more:last-child{
	display: none;
}

@media only all and (max-width: 768px) { 

  .special-tab .tab-list{
    width: auto!important;
    overflow: visible!important;
    padding: 10px 20px;
  }
  .special-tab{
    flex-wrap: wrap;
  }
}

.common-richtext img{
  display: inline-block!important;
}