@charset "UTF-8";

* { font-family: "黑体"; padding: 0; word-wrap: break-word; word-wrap: break-word; }

body, html { overflow-x: hidden; position: relative; max-width: 1920px; margin: 0 auto; background: #fff; }

img { display: block; max-width: 100%; }

.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; } */
.case-page .case-tab { padding: 50px 0; }

@media only all and (max-width: 991px) { .case-page .case-tab { padding: 35px 0; } }

.case-page .case-tab .tab-list { display: inline-block; padding: 0 30px; margin-top: 10px; margin-bottom: 10px; margin-right: 20px; line-height: 40px; border-radius: 100px; font-size: 16px; background: #f2f2f2; cursor: pointer; transition: all 0.4s; }

@media only all and (max-width: 991px) { .case-page .case-tab .tab-list { padding: 0 15px; margin-top: 5px; margin-bottom: 5px; margin-right: 10px; line-height: 30px; font-size: 12px; } }

.case-page .case-tab .tab-list:hover { color: #fff; background: #c99f42; }

.case-page .case-tab .tab-list.active { background: #c99f42; color: #fff; }

.case-page .tab-content { background: #f8f8f8; border-bottom: 1px solid #e5e5e5; padding-bottom: 120px; padding-top: 55px; }

@media only all and (max-width: 991px) { .case-page .tab-content { padding: 35px 0; } }

.case-page .tab-content .tab-content-list .tab-title { line-height: 35px; font-size: 30px; text-align: left; }

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

.case-page .case-box { margin-top: 30px; text-align: center; }

.case-page .case-box .case-top { position: relative; text-align: left; }

@media only all and (max-width: 767px) { .case-page .case-box .case-top { max-width: 414px; margin: 30px auto 0; } }

.case-page .case-box .case-top .img { display: block; width: 50%; float: left; overflow: hidden; }

@media only all and (max-width: 767px) { .case-page .case-box .case-top .img { width: 100%; } }

.case-page .case-box .case-top .img img { transition: all 0.6s; }

.case-page .case-box .case-top .case-info-box { width: 50%; position: absolute; top: 0; left: 50%; float: left; height: 100%; background: #fff; border-bottom: 2px solid #fff; transition: all 0.4s; }

@media only all and (max-width: 767px) { .case-page .case-box .case-top .case-info-box { width: 100%; position: static; } }

.case-page .case-box .case-top .case-info-box .tip { position: absolute; top: -12px; right: 5%; opacity: 1; transition: all 0.4s; display: none; width: 50px; }

@media only all and (max-width: 1441px) { .case-page .case-box .case-top .case-info-box .tip { top: -10px; width: 40px; } }

.case-page .case-box .case-top .case-info-box .tip.active { display: block; }

.case-page .case-box .case-top .case-info-box .case-info { position: absolute; top: 50%; left: 0; padding-left: 9.6%; padding-right: 4.8%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

@media only all and (max-width: 767px) { .case-page .case-box .case-top .case-info-box .case-info { width: 100%; position: static; -webkit-transform: none; transform: none; padding: 20px 15px 10px; } }

.case-page .case-box .case-top:hover .img img { -webkit-transform: scale(1.1); transform: scale(1.1); }

.case-page .case-box .case-top:hover .case-info-box { border-bottom-color: #c99f42; }

.case-page .case-box .case-top:hover .case-info-box .tip { top: -12px; opacity: 1; }

.case-page .case-box .case-top:hover .case-info-box .case-info .title { color: #c99f42; }

.case-page .case-box .case-info .title { padding-right: 0; line-height: 30px; font-size: 24px; transition: all 0.4s; }

@media only all and (max-width: 991px) { .case-page .case-box .case-info .title { line-height: 24px; font-size: 18px; } }

.case-page .case-box .case-info .text { margin-top: 10px; height: 150px; line-height: 30px; font-size: 14px; color: #666; }

@media only all and (max-width: 991px) { .case-page .case-box .case-info .text { height: 120px; line-height: 24px; font-size: 14px; } }

@media only all and (max-width: 767px) { .case-page .case-box .case-info .text { height: auto; } }

.case-page .case-box .case-info .more { display: inline-block; line-height: 35px; color: #666; font-family: 'Arial'; transition: all 0.4s; }

.case-page .case-box .case-info .more:hover { color: #c99f42; }

.case-page .case-box .case-box-list { text-align: left; }

.case-page .case-box .case-box-list .case-list {display: flex;flex-wrap: wrap; margin-top: 40px; margin-left: -25px; margin-right: -25px; }

@media only all and (max-width: 991px) { .case-page .case-box .case-box-list .case-list { margin-left: -10px; margin-right: -10px; } }

.case-page .case-box .case-box-list .case-list .list { width: 33.33%; float: left; padding: 0 25px; margin-bottom: 40px; }

@media only all and (max-width: 991px) { .case-page .case-box .case-box-list .case-list .list { padding: 0 10px; } }

@media only all and (max-width: 767px) { .case-page .case-box .case-box-list .case-list .list { max-width: 414px; margin-bottom: 20px; width: 100%; float: none; } }

.case-page .case-box .case-box-list .case-list .list-info { margin-bottom: 40px; position: relative; border-bottom: 2px solid #fff; transition: all 0.4s; }

@media only all and (max-width: 991px) { .case-page .case-box .case-box-list .case-list .list-info { margin-bottom: 20px; } }

.case-page .case-box .case-box-list .case-list .list-info.not-img { padding-top: 10px; background: #fff; padding-bottom: 5px; }

.case-page .case-box .case-box-list .case-list .list-info .tip { position: absolute; top: -12px; right: 5%; width: 50px; opacity: 1; transition: all 0.4s; display: none; z-index: 2; }

@media only all and (max-width: 1441px) { .case-page .case-box .case-box-list .case-list .list-info .tip { top: -10px; width: 40px; } }

.case-page .case-box .case-box-list .case-list .list-info .tip.active { display: block; }

.case-page .case-box .case-box-list .case-list .list-info:last-child { margin-bottom: 0; }

.case-page .case-box .case-box-list .case-list .list-info .img { position: relative; z-index: 1; display: block; overflow: hidden; }

.case-page .case-box .case-box-list .case-list .list-info .img img { transition: all 0.6s; }

.case-page .case-box .case-box-list .case-list .list-info .case-info { padding: 20px 25px 15px; background: #fff; }

@media only all and (max-width: 991px) { .case-page .case-box .case-box-list .case-list .list-info .case-info { padding: 20px 15px 15px; } }
/* white-space: nowrap; overflow: hidden; text-overflow: ellipsis; */
.case-page .case-box .case-box-list .case-list .list-info .case-info .title { font-size: 20px; font-weight: bold; transition: all 0.4s; }

@media only all and (max-width: 991px) { .case-page .case-box .case-box-list .case-list .list-info .case-info .title { font-size: 16px; } }

.case-page .case-box .case-box-list .case-list .list-info:hover { border-bottom-color: #c99f42; }

.case-page .case-box .case-box-list .case-list .list-info:hover .tip { top: -12px; opacity: 1; }

.case-page .case-box .case-box-list .case-list .list-info:hover .case-info .title { color: #c99f42!important;}
.case-page .case-box .case-info-box:hover  .title { color: #c99f42!important;}


.case-page .case-box .index-more { margin-top: 55px; }

@media only all and (max-width: 767px) { .case-page .case-box .index-more { margin-top: 15px; } }

.tab-content img{
  display: inline-block!important;
}
.bigmore{
	padding: 10px 38px;
  background: #C99F42;
  border-radius: 65px;
  font-size: 16px;
  line-height: 1.5!important;
  color: #FFFFFF!important;
}
[lang="en"] .case-tip span{
  writing-mode:tb-rl;
  left: 47%;
  font-size: 20px;
}
@media only all and (max-width: 1441px)
{
  .bigmore{
		padding: 4px 20px;
		font-size: 14px;
	}
}
@media only all and (max-width: 640px)
{
	.bigmore{
		padding: 2px 10px;
		font-size: 13px;
	}
}
.edit{
	margin-top: 20px;
	display: flex;
	align-items: center;
}
.edit i{
	width: 14px;
	height: 20px;
	background-image: url(../img/article-icon.png);
	background-size: cover;
	margin-right: 10px;
}
.edit .int{
	font-size: 19px;
	color: #C99F42;
	border: 0;
	flex: 1;
	outline: none;
}
.case-tip{
	position: absolute;
  font-size: 30px;
  color: #fff;
  left: 72%;
  top: -13px;
}
.case-tip img{
	display: block;
	width: 100%;
  object-fit: cover;
}
.case-tip span{
	font-size: 16px;
  line-height: 1.3;
  top: 138px;
  color: #fff;
  padding: 58px 26px 38px 14px;
  background-image: url(../img/case-bg.png);
  background-size: 100% 100%;
}
.case-list-wrap{
	position: relative;
}
.case-list-wrap{
	position: relative;
}
.case-list-wrap .case-tip{
	transform: scale(.6);
	z-index: 999;
  top: -2%;
  transform-origin: 0 0;

}
.big-box .case-tip{
  left: 89%;
}
@media only all and (max-width: 767px){
	.case-tip{
			transform: scale(.6);
      right: -11px;
      top: -46px;
	}
  .detail-page .detail-box .head .back {
      margin: 0;
      width: 100px;
      line-height: 24px;
      margin-top: -20px;
      position: absolute;
      right: 61px;
  }
}
.case-page .case-box .case-box-list .case-list .list-info .case-info .title{
  color: #333!important;
}
.case-page .case-box .case-info .title{
  color: #333!important;
}