@font-face {
  font-family: 'iconfont';
  src: ; /* ie9*/
  src:  format('embedded-opentype'), /* ie6-ie8 */
   format('woff'), /* chrome銆乫irefox */
   format('truetype'), /* chrome銆乫irefox銆乷pera銆丼afari, android, ios 4.2 */
   format('svg'); /* ios 4.1- */
}
                             
                                 
                                          
                    
                    
                                                   
.iconfont{
	font-family:"iconfont";
	font-size:16px;font-style:normal;
}
.text-yellow{
	color:#ffe500;
}
.text-gray{
	color:#c9caca
}
.text-black{
	color: #000;
}



.font-40{
	font-size: 40px;
}
.font-14{
	font-size: 14px;
}
.font-10{
	font-size: 10px;
}
.font-20{
	font-size: 20px;
}
.font-30{
	font-size: 30px;
}
.font-15{
	font-size: 15px
}
.font-17{
	font-size: 17px;
}
.font-18{
	font-size: 18px;
}
.font-12{
	font-size: 12px;
}

.font-40 {
	font-size: 40px;
}

.font-48{
	font-size: 48px;
}

.font-72 {
	font-size: 72px;
}

.font-weight{
	font-weight: 700
}
.mt-10{
	margin-top: 10px;
}
.mt-20{
	margin-top: 20px;
}
.mt-30{
	margin-top: 30px;
}
.mr-20{
	margin-right: 20px;
}
.mb-20{
	margin-bottom: 20px;
}
.mb-10{
	margin-bottom: 10px;
}
.mt-40{
	margin-top: 40px;
}
.mt-100{
	margin-top: 100px;
}
.mb-40{
	margin-bottom: 40px;
}
.pd-l-r-20{
	padding-left: 20px;
	padding-right:20px;;
}
.pd-l-20{
	padding-left: 20px;
}
.pd-r-20{
	padding-right: 20px;
}
.pd-t-b-20{
	padding-top: 20px;
	padding-bottom:20px;;
}
.pd-t-12{
	padding-top: 12px;
}
.pd-l-30{
	padding-left: 30px;
}
.position-r{
	position:relative;
}
.line-height-28{
	line-height: 28px;
}

/**banner**/

.hz-poster {
	position:relative;
	height:auto
}
.hz-poster .swiper-slide {
	background-position:center center;
	height:1080px;
	width:100%;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover
}
.hz-poster .swiper-slide>a {
	display:block;
	width:100%;
	height:100%
}
@media (max-width:1200px) {
	.hz-poster .swiper-slide {
		height:350px
	}
}
@media (max-width:992px) {
	.hz-poster .swiper-slide {
		height:265px;
}
}
@media (max-width:480px) {
	.hz-poster .swiper-slide {
		height:350px
}
}

/**banner end**/







@media (min-width: 980px){	
	.floor_1 .mt-title h1{
		font-size: 57px;
	}
	.floor_1 .mt-title h3{
		font-size: 28px;
	}
	.floor_1 .mt-title h3 span{
		font-size: 19px;
	}

	.mt-title h1{
		font-size: 57px;
	}
	.mt-title h4{
		font-size: 31px;
	}
}


/**涓€妤?*/
.floor_1 {
	padding: 40px 20px 60px;
}

.floor_1 .business-item{
	text-align: center;
	float: left;
	width: 208px;
	margin-right:30px;
}
.floor_1 .business-item:last-child{
	margin-right: 0px
}

.swiper-container-1{
	width: 100%;
	overflow: hidden;
}
.floor_1 .business-item .business-info ul li{
	line-height: 25px;
	text-align: left;
	padding-left: 10px;
	font-size:14px;
}
.floor_1 .business-item .line{
	width: 70px;
	height: 2px;
	background: #ffe500;
	margin-top: 30px;
	margin-left: 10px;
}
.floor_1 .mt-title .toggle{
	height: 60px;
	line-height: 60px;
}
.floor_1 .mt-title .toggle i{
	font-size: 50px;
}
.floor_1 .mt-title{
	margin-bottom: 40px;
}

.floor_1 .xc-title {
	margin-bottom: 100px;
}

.floor_1 .xc-title h2 {
	font-size: 36px;
	font-weight: 300;
	margin-bottom: 30px;
}

.floor_1 .xc-title h1 {
	font-size: 60px;
	font-weight: bold;
	color: #000000;
}


/**涓€妤?end**/



/**浜屾ゼ**/
.brand-design-item-list{
	margin-bottom: 40px
}
.brand-design-item-list .col{
	background: #ececec;
	padding: 20px;
	color: #000;
	font-size: 18px;
	border:5px solid #ececec;
	transition: all 1s;
}
.brand-design-item-list .col h3{
	font-weight: 700;
	margin-bottom: 20px;
}
.brand-design-item-list .col ul li{
	line-height: 30px;
}
.brand-design-item-list .col:hover{
	border:5px solid #ffe500;
	background: #fff;
}

.floor_2 {
	padding-bottom: 0;
}

.floor_2 .mt-title {
	margin-bottom: 40px;
}

.floor_2 .mt-title h6 {
	font-size: 16px;
	position: relative;
	display: inline-block;
	z-index: 6;
	margin-bottom: 20px;
}

.floor_2 .mt-title h6 span {
	position: relative;
	z-index: 8;
	font-weight: 400;
}

.floor_2 .mt-title h6:after {
	content: '';
	width: 100%;
	height: 2px;
	position: absolute;
	left: 0;
	bottom: 12px;
	background: #f9e109;
	z-index: 4;
}

.floor_2 .mt-title h1 {
	font-size: 42px;
	font-weight: bold;
	color: #000000;
	margin-bottom: 50px;
	position: relative;
	padding: 0 12px;
}

.floor_2 .mt-title h2 {
	font-size: 18px;
	line-height: 30px;
	color: #6d6d6d;
	font-weight: 400;
	padding: 0 15px;
}

.floor_2 .mt-title .line {
	width: 48px;
	height: 6px;
	background: #f9e109;
	margin: 40px auto;
}

.floor_2 .two {
	/* display: flex; */
	flex-direction: row;
	justify-content: space-between;
	margin-bottom: 40px;
}

.floor_2 .two .item {
	padding: 0 15px;
	width: 100%;
	font-size: 16px;
	line-height: 30px;
	color: #6d6d6d;
}

.floor_2 .three {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	padding: 0 15px;
}

.floor_2 .three .item {
	width: 40%;
	margin-bottom: 30px;
}

.floor_2 .three .item p.num {
	font-size: 36px;
	font-weight: 700;
	color: #000000;
}

.floor_2 .three .item span {
	display: block;
	font-size: 14px;
	line-height: 24px;
}

.floor_2 .three .line {
	width: 1px;
	height: 64px;
	background: #6d6d6d;
}

@media (max-width:480px) {
	
}

@media (min-width: 980px){	
	.floor_2 {
		padding-bottom: 120px;
	}
	
	
	.floor_2 .mt-title {
		margin-bottom: 40px;
	}
	
	.floor_2 .mt-title h6 {
		font-size: 24px;
		position: relative;
		display: inline-block;
		z-index: 6;
		margin-bottom: 30px;
	}
	
	.floor_2 .mt-title h6 span {
		position: relative;
		z-index: 8;
		font-weight: 400;
	}
	
	.floor_2 .mt-title h6:after {
		content: '';
		width: 100%;
		height: 2px;
		position: absolute;
		left: 0;
		bottom: 12px;
		background: #f9e109;
		z-index: 4;
	}
	
	.floor_2 .mt-title h1 {
		font-size: 88px;
		font-weight: bold;
		color: #000000;
		margin-bottom: 50px;
		position: relative;
	}
	
	.floor_2 .mt-title h2 {
		font-size: 36px;
		line-height: 48px;
		color: #6d6d6d;
		font-weight: 400;
	}
	
	.floor_2 .mt-title .line {
		width: 48px;
		height: 6px;
		background: #f9e109;
		margin: 60px auto;
	}
	
	.floor_2 .two {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		margin-bottom: 80px;
	}
	
	.floor_2 .two .item {
		width: 100%;
		font-size: 16px;
		line-height: 30px;
		color: #6d6d6d;
	}
	
	.floor_2 .three {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}
	
	.floor_2 .three .item {
		width: auto;
	}
	
	.floor_2 .three .item p.num {
		font-size: 66px;
		font-weight: 700;
		color: #000000;
	}
	
	.floor_2 .three .item span {
		display: block;
		font-size: 16px;
		line-height: 30px;
	}
	
	.floor_2 .three .line {
		width: 1px;
		height: 64px;
		background: #6d6d6d;
	}
}

/**浜屾ゼ end**/




/**涓夋ゼ**/
.floor_3 .more{
	border:1px solid #ebebec;
	padding:6px 15px;
	display: inline-block;
	transition:all 1s;
	-webkit-transition:all 1s; /* safari */
}
.floor_3 .more:hover{
	background: #ffe500;
	border:1px solid #ffe500;
}
.floor_3 .more i{
	color: #404040;
	transition:all .5s;
	-webkit-transition:all .5s; /* safari */
}
.floor_3 .more:hover i{
	color: #fff;
	transition:all .5s;
	-webkit-transition:all .5s; /* safari */
}
.floor_3 .mt-title{
	margin-bottom: 100px;
}
/**涓夋ゼ end**/

.wb {
	border: 1px solid #a7a7a7;
	margin-bottom: 40px;
	padding: 30px;
}

.wb .tit {
	padding-bottom: 20px;
	margin-bottom: 60px;
	border-bottom: 1px solid #a7a7a7;
	position: relative;
}

.wb .tit h6 {
	font-size: 22px;
	line-height: 32px;
	color: #000000;
	font-weight: 700;
}

.wb .tit h6:first-child {
	margin-bottom: 8px;
}

.wb .tit a.more-view {
	position: static;
	display: inline-block;
	line-height: 32px;
	font-size: 14px;
	border: 1px solid #a7a7a7;
	padding: 0 12px;
	margin-top: 20px;
}

.wb .tit a.more-view:hover{
	background: #ffe500;
	border:1px solid #ffe500;
	color: #fff;
}

.wb .con1 {
	border-right: 0;
	padding-left: 0!important;
	padding-right: 0;
	padding-bottom: 0;
	margin-bottom: 50px;
}

.wb .con {
	padding-left: 0;
}

.wb .con .img {
	margin-bottom: 20px;
}

.wb .con ul {
	padding-left: 0;
}

.wb .con ul li a {
	display: block;
	font-size: 16px;
	line-height: 36px;
	height: 36px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}

.wb .con ul li a span {
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	display: inline-block;
	width: 80%;
}

.wb .con ul li a i {
	font-style: normal;
	float: right;
}

.floor_3 .mt-title h1 {
    font-size: 42px;
    font-weight: bold;
    color: #000000;
    margin-bottom: 30px;
    position: relative;
}

.floor_3 .mt-title h2 {
    font-size: 18px;
    line-height: 30px;
    color: #6d6d6d;
    font-weight: 400;
    padding: 0 15px;
}

.mt120 {
	margin-top: 60px;
}
@media (max-width: 640px){	
.wb .con ul li a span {width: 100%;}
.wb .con ul li a i {display:none;}
}

@media (min-width: 980px){	
	
	.wb .con {
		padding-left: 30px;
	}
	
	.wb .con .img {
		margin-bottom: 0;
	}
	
	.wb .con ul {
		padding-left: 140px;
	}
	
	.floor_3 .mt-title{
		margin-bottom: 60px;
	}
	
	.floor_3 .mt-title h1 ,.floor_2 .mt-title h1 {
	    font-size: 48px;
	    font-weight: bold;
	    color: #000000;
	    margin-bottom: 30px;
	    position: relative;
	}
	
	.floor_3 .mt-title h2 {
	    font-size: 24px;
	    line-height: 32px;
	    color: #6d6d6d;
	    font-weight: 400;
	}
	
	.mt120 {
		margin-top: 120px;
	}
	
	.wb .tit a.more-view {
		position: absolute;
		bottom: -1px;
		right: 0;
		line-height: 32px;
		font-size: 14px;
		border: 1px solid #a7a7a7;
		padding: 0 12px;
	}
	
}

@media (min-width: 1200px){	
	.wb .con1 {
		border-right: 1px solid #a7a7a7;
		padding-left: 0!important;
		padding-right: 50px;
		padding-bottom: 70px;
		margin-bottom: 0;
	}
	
	.wb .con {
		padding-left: 30px;
	}
	
	.wb .con .img {
		margin-bottom: 0;
	}
	
	.wb .con ul {
		padding-left: 140px;
	}
	
	.floor_3 .mt-title{
		margin-bottom: 60px;
	}
	
	.floor_3 .mt-title h1 ,.floor_2 .mt-title h1{
	    font-size: 68px;
	    font-weight: bold;
	    color: #000000;
	    margin-bottom: 30px;
	    position: relative;
	}
	
	.floor_3 .mt-title h2 {
	    font-size: 24px;
	    line-height: 32px;
	    color: #6d6d6d;
	    font-weight: 400;
	}
	
	.mt120 {
		margin-top: 120px;
	}
	
	.wb .tit a.more-view {
		position: absolute;
		bottom: -1px;
		right: 0;
		line-height: 32px;
		font-size: 14px;
		border: 1px solid #a7a7a7;
		padding: 0 12px;
	}
	
}

@media (min-width: 1440px){	
	.wb .con1 {
		border-right: 1px solid #a7a7a7;
		padding-left: 0!important;
		padding-right: 50px;
		padding-bottom: 70px;
		margin-bottom: 0;
	}
	
	.wb .con {
		padding-left: 30px;
	}
	
	.wb .con .img {
		margin-bottom: 0;
	}
	
	.wb .con ul {
		padding-left: 140px;
	}
	
	.floor_3 .mt-title{
		margin-bottom: 60px;
	}
	
	.floor_3 .mt-title h1,.floor_2 .mt-title h1 {
	    font-size: 82px;
	    font-weight: bold;
	    color: #000000;
	    margin-bottom: 30px;
	    position: relative;
	}
	
	.floor_3 .mt-title h2 {
	    font-size: 24px;
	    line-height: 32px;
	    color: #6d6d6d;
	    font-weight: 400;
	}
	
	.mt120 {
		margin-top: 120px;
	}
	
	.wb .tit a.more-view {
		position: absolute;
		bottom: -1px;
		right: 0;
		line-height: 32px;
		font-size: 14px;
		border: 1px solid #a7a7a7;
		padding: 0 12px;
	}
	
}





/**鍥涙ゼ**/
.floor_4 .advantage-list .line{
	width: 45px;
	height: 2px;
	background: #ffe500;
	margin:20px auto;
}
.floor_4 .more,.floor_6 .more{
	border:1px solid #000;
	padding:6px 15px;
	font-size: 18px;
	color: #000;
	transition:all .5s;
	-webkit-transition:all .5s; /* safari */
}
.floor_4 .more:hover,.floor_6 .more:hover{
	background: #ffe500;
	border:1px solid #ffe500;
	color: #fff;
}

.floor_4 {
	padding: 180px 0;
	background-image: url(/uploads/image/thsimages/floor_4_bg.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.floor_4 .mt-title {
	margin-bottom: 80px;
}

.floor_4 .mt-title h1 {
	font-size: 66px;
	font-weight: bold;
	color: #000000;
	margin-bottom: 40px;
}

.floor_4 .mt-title h2 {
	font-weight: 300;
	font-size: 40px;
	color: #000000;
}

.floor_4 .mt-title h3{
	color: #ffe500;
}

.floor_4 .box {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
}

.floor_4 .box .item {
	width: 160px;
}

.floor_4 .box .item .title {
	width: 160px;
	height: 140px;
	font-size: 36px;
	font-weight: bold;
	color: #000000;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 4px solid #f9e109;
	border-radius: 6px;
	margin-bottom: 50px;
	text-align: center;
}

.floor_4 .box .item p {
	font-size: 16px;
	line-height: 28px;
	color: #000000;
}

.floor_4 .box .add img {
	margin-top: 40px;
} 

@media (min-width: 980px){	
	.floor_4 .advantage-info{
	font-size: 14px
	}
	
	.floor_4 .box .item {
		width: 260px;
	}
	
	.floor_4 .box .item .title {
		width: 260px;
		height: 240px;
		font-size: 60px;
		font-weight: bold;
		color: #000000;
		display: flex;
		justify-content: center;
		align-items: center;
		border: 4px solid #f9e109;
		border-radius: 6px;
		margin-bottom: 50px;
		text-align: center;
	}
	
	.floor_4 .box .item p {
		font-size: 16px;
		line-height: 28px;
		color: #000000;
	}
	
	.floor_4 .box .add img {
		margin-top: 80px;
	} 
	
	
}

@media (min-width: 320px) and (max-width: 991px) {
	 .floor_4 .advantage-info{
		font-size: 12px
	}
}
.advantage-info .p-info{
	line-height: 25px;
}
/**鍥涙ゼ end**/






/**浜旀ゼ**/
.floor_5 .index-about-info .line{
	width: 80%;
	border-top: 1px dashed #000;
	margin: 20px auto;
}
.index-about{
	background-position:center center;
	height:900px;
	width:100%;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover
}

/* .floor_5 .list-item-box {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
} */

.floor_5 .mt-title {
	
}

.floor_5 .mt-title h1 {
	font-size: 72px;
	font-weight: bolder;
	color: #000000;
	line-height: 80px;
}

.floor_5 .mt-title h2 {
	font-size: 72px;
	color: #5f5f5f;
	font-weight: 300;
	line-height: 80px;
}

.floor_5 .mt-title .line {
	width: 52px;
	height: 4px;
	background: #f9e109;
	margin: 90px 0 120px;
}

.floor_5 .list-item-box .item h3 {
	position: relative;
	font-size: 30px;
	color: #111;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

.floor_5 .list-item-box .item h3:after {
	content: '';
	width: 52px;
	height: 4px;
	background: #f9e109;
	position: absolute;
	left: 0;
	bottom: 0;
}

.floor_5 .list-item-box .item ul li a {
	display: block;
	font-size: 15px;
	line-height: 28px;
	color: #333333;
	overflow: hidden;
    height: 28px;
}

.floor_5 .list-item-box .item ul li a:hover {
	color: #ffe500;
}

.floor_5 .list-item-box .item a.more {
	margin-top: 30px;
	display: block;
	width: 42px;
	height: 24px;
	background-image: url(/uploads/image/thsimages/icon-right-black.png);
	background-size: contain;
	background-repeat: no-repeat;
}

.floor_5 .list-item-box .item a.more:hover {
	background-image: url(/uploads/image/thsimages/icon-right-yellow.png);
}



/**浜旀ゼ end**/




/**鍏ゼ**/
.floor_6 .advantage-list .advantage-info .line{
	width: 45px;
    height: 2px;
    background: #ffe500;
    margin: 10px auto;
}
.floor_6 .advantage-list .advantage-info{
	font-size: 18px;
	color: #000;
}
@media (max-width:480px) {
	.floor_6 .advantage-list .dtl12 {
	    width: 100%;
	    height:100%;
	    margin: 0px auto;
	}
}
@media (min-width: 980px){	
	.floor_6 .advantage-list .dtl12{
		width: 250px;
		height: 260px;
		margin: 0px auto
	}
}
.floor_6 .mt-title{
	margin-bottom: 40px;
}


.index-team{
    align-items: center;
    justify-content: center;background-position: center center;
    max-height: 1080px;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}

.floor_6 .advantage-list{height: 700px;}
/**浜旀ゼ end**/

.floor_7 .index-about-info .line{
	width: 80%;
	border-top: 1px dashed #000;
	margin: 20px auto;
}

.floor_7 .index-about {
	background-attachment: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
}

.floor_7 .index-about p {
	font-size: 24px;
	font-weight: 300;
	color: #000000;
}

@media (max-width:480px) {
	.floor_7 .index-about p {

	}
}
@media (min-width: 980px){	
	.floor_7 .index-about p {
		font-size: 60px;
	}
}




@media (max-width:1680px) {.floor_6 .advantage-list{height: 500px;}}
@media (max-width:1440px) {.floor_6 .advantage-list{height: 400px;}}
@media (max-width:760px) {.floor_6 .advantage-list{height: 200px;}}
@media (max-width:1200px) {
	.index-about {
		height:700px
	}
	.index-team {
		height:700px
	}
	.floor_6 .advantage-list{height: 300px;}
}
@media (max-width:992px) {
	.index-about{
		height:345px;
	}
	.index-team {
		height:345px;
	}
	.floor_6 .advantage-list{height: 200px;}
}
@media (min-width: 980px){	
	.floor_7 .index-about-info{
		font-size: 14px;
		color: #010101;
		line-height: 30px;
		background: #ececec;
		padding-bottom: 80px;
		padding-left:20px;
		padding-right: 20px;
	}
}
@media (max-width:760px) {.floor_6 .advantage-list{height: 200px;}}
@media (max-width:480px) {
	.index-about {
		height:350px
	}
	.index-team {
		height:260px
	}
	.floor_6 .advantage-list{height: 60px;}
}
@media (max-width:400px) {
.index-team {
		height:230px
	}
	.floor_6 .advantage-list{height: 50px;}
	
.mt-title .mt-10{margin-top: 0px;}
}


@media (min-width: 320px) and (max-width: 991px) {
	.floor_7 .index-about-info{
		font-size: 12px;
		color: #010101;
		line-height: 25px;
		background: #ececec;
		padding-bottom: 80px;
		padding-left:20px;
		padding-right: 20px;
	}
}


/**鍔ㄧ敾**/
.dtl12 {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.dtl12 img {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.dtl12 .dtl {
    background: #ffe500;
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all  0.5s;
    transition: all  0.5s;
    text-align: center;
    line-height: 240px;
}
.dtl12:hover  .dtl h3 {
    top: 27%;
}
.dtl12 .dtl h3 {
    color: #000;
    font-size: 24px;
    font-weight: normal;
    padding:5px;
    display: inline-block;
    -webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	transition-delay: 0.2s;
	transition: all 0.3s;
	position: relative;
	top: -100%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.dtl12:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.dtl12:hover .dtl {
    visibility: visible;
    opacity: 1;
}
/**鍔ㄧ敾 end**/



/**搴曢儴 **/
@media (min-width: 980px){	
	.footer-box .footer-box-header{
		padding-top:25px;
		padding-bottom: 25px;
		/*border-bottom: 1px solid #ffe500;*/
		font-size: 19px
		
	}
	.footer-box .footer-box-info{
		color: #b9b9b9;
		line-height: 25px;
	}
	.header{
		background: #fbfcfb;
		line-height: 120px;
		position: fixed;
		transition: top .5s;
		width: 100%;
		z-index: 5;
		opacity: .95
	}
	.menu-list li{
		line-height: 60px;
	}
	.menu-list li a{
		font-size: 39px;
		font-weight: 400;
	}
	.menu-input li{
		margin-bottom: 10px;
	}
	.menu-input h3{
		font-size: 17px;
	}
	.menu-input li input{
		background: #3e3e3e;
		padding:10px;
		width: 300px;
		color: #fff
	}
	.menu-input li textarea{
		background: #3e3e3e;
		padding:10px;
		width: 300px;
		height: 100px;
		color: #fff;
		border:none;
	}
	.menu-input li .login-btn{
		background: #d9d9d9;
		padding:10px;
		width: 300px;
		display: inline-block;
		text-align: center;
		color: #000
	}
}

@media (min-width: 320px) and (max-width: 991px) {
	.footer-box .footer-box-header{
		padding: 20px;
		border-bottom: 1px solid #ffe500;
	}
	.footer-box .footer-box-info{
		color: #b9b9b9;
		line-height: 25px;
		padding:20px;
	}
	.overlay .logo{
		line-height: 80px;
		text-align: center;
	}
	.menu-list li a{
		font-size: 40px;
    	font-weight: 700;
    	word-spacing: 1px;
    	letter-spacing: 3px;
	}
	.menu-input li{
		margin-bottom: 10px;
	}
	.menu-input h3{
		font-size: 17px;
	}
	.menu-input{
		text-align: center;
		margin-top: 10px;
		border-top: 1px solid #3e3e3e;
		padding-top: 20px;
	}
	.menu-input li input{
		background: #3e3e3e;
		padding:10px;
		width: 100%;
		color: #fff;
	}
	.menu-input li textarea{
		background: #3e3e3e;
		padding:10px;
		width: 100%;
		height: 100px;
		color: #fff;
		border:none;
	}
	
	.menu-input li .login-btn{
		background: #d9d9d9;
		padding:10px;
		width: 100%;
		display: inline-block;
		text-align: center;
		color: #000
	}
	.menu-list li{
		line-height: 45px;
		text-align: center;

	}
	.header {
	    background: #fbfcfb;
	    padding: 20px 0px;
	    position: fixed;
	}
}
.footer{
	padding: 20px;
	background: #3d3d3d;
	line-height: 50px;
	/*border-bottom:1px solid #ffe500;*/
}
@media (max-width: 480px){
	.footer .pd-l-r-20,.footer-box .pd-l-r-20{
	   padding:0px;
	}
}

@media (max-width: 991px) and (min-width: 320px){
	.tel-name{
		line-height: 20px;
		margin-top: 10px;
	}
}


.footer-box{
	background: #262626
}
.footer-box .footer-box-info .line{
	width: 70px;
	height: 1px;
	background: #ffe500;
	margin: 20px 0px;
}
.footer-box .footer-box-info .page-footer_social li{
	float: left;
	padding: 0px 10px
}
.footer-box .footer-box-info .page-footer_social li a:hover{
	color: #ffe500
}

.footer-box .footer-box-info  .footer-about ul li{
	float: left;
	padding:0px 10px 0 0
}

.friendlinks{
	background: #3d3d3d;
	padding: 50px;
	color: #7d7d7d
}

/**搴曢儴 end**/


.tel-box{
	font-family: "microsoft yahei"
}


@media (max-width: 991px) and (min-width: 320px){
	.index-logo{
		text-align: center;
		line-height: 80px;
	}
}
@media (min-width:992px){
.index-logo{
		line-height: 80px;
		text-align: left;
	}

}
	.page-header {
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:100;
	padding-top:5px;
	padding-bottom:5px;
	-webkit-transition-property:background-color,padding-top,top;
	-webkit-transition-duration:100ms,100ms,300ms;
	-webkit-transition-timing-function:linear,linear,ease-in-out;
	-moz-transition-property:background-color,padding-top,top;
	-moz-transition-duration:100ms,100ms,300ms;
	-moz-transition-timing-function:linear,linear,ease-in-out;
	transition-property:background-color,padding-top,top;
	transition-duration:100ms,100ms,300ms;
	transition-timing-function:linear,linear,ease-in-out;
	-webkit-transition-delay:0ms;
	-moz-transition-delay:0ms;
	transition-delay:0ms;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	margin:0!important;
	border-bottom: none!important;
}
@media (min-width:768px) {
	.page-header {
	padding-top:30px;
	padding-bottom:20px
}
}
@media (min-width:980px) {
	.page-header {
	padding-top:0px;
	padding-bottom:0px;
}
}

.page-header {
	background: rgba(255, 255, 255, .3);
}

.page-header--scrolling:not(.page-overlay--open) .page-header {
	padding-top:0px;
	padding-bottom:0px;
	border-bottom:2px solid #efefee;
	background-color:#222;
	opacity: .95
}
.page-header--scrolling:not(.page-overlay--open) .page-header .logo{
	height: 30px;
    margin: 9px auto;
}
.page-header--scrolling:not(.page-overlay--open) .page-header .logo a{  
    width: 162px;
    height: 30px;
	margin-top: 4px;
    background: url(/uploads/image/thsimages/xlogo.png) no-repeat;
    background-size: 60%;

}

.page-header--scrolling:not(.page-overlay--open) .page-header .page-header__nav{  
	color: #ffe500;
}

.page-header--scrolling:not(.page-overlay--open) .page-header .page-header__nav>li {
	color: #ffe500;
}



.page-header--scrolling:not(.page-overlay--open) .page-header .page-header__menu {
    border-top: 2px solid #ffe500;
    border-bottom: 2px solid #ffe500;
}
.page-header--scrolling:not(.page-overlay--open) .page-header__menu,.page-header--scrolling:not(.page-overlay--open) .page-header__menu:after,.page-header--scrolling:not(.page-overlay--open) .page-header__menu span:before,.page-header--scrolling:not(.page-overlay--open) .page-header__menu span:after {
	border-color: #ffe500;
}


@media (min-width:768px) {
	.page-header--scrolling:not(.page-overlay--open) .page-header {
}
}
@media (min-width:980px) {
	.page-header--scrolling:not(.page-overlay--open) .page-header {
	
}
}.page-header--hide:not(.page-overlay--open) .page-header {
	top:-181px
}
.page-header__nav {
	float:right;
	margin-top:15px;
	font-size:0;
	vertical-align:middle
}
@media (min-width:768px) {
	.page-header__nav {
	margin-top:3px
}
}
@media (min-width:980px) {
	.page-header__nav {
	margin-top:15px
}
.home .page-header__nav {
	margin-top:6px
}
}.page-header__nav>li {
	display:inline-block;
	margin-left:31px;
	font-size:16px;
	vertical-align:middle;
	font-weight: 700;
	color: #000
}
.page-header__nav>li:first-child {
	margin-left:0
}
.page-header__nav>li.page-header__nav-hidden-mobile {
	display:none
}
@media (min-width:768px) {
	.page-header__nav>li.page-header__nav-hidden-mobile {
	display:inline-block
}
}.page-header__nav a {
	display:block
}
.page-header__nav a.active {
	color:#fed100
}

.page-header--white .page-header__nav {
	color:white
}
.page-header--white .page-header__nav a {
	color:inherit
}
.page-header--white .page-header__nav a:hover,.page-header--white .page-header__nav a:focus,.page-header--white .page-header__nav a.active {
	color:#fed100
}
.page-header--scrolling .page-header__nav {
	color:black
}

.page-header--scrolling .page-header__nav a:hover {
	color:#ffffff
}

.page-header__menu {
	position:relative;
	z-index:9999;
	margin-top:-1px;
	width:28px;
	height:16px;
	border-top:2px solid black;
	border-bottom:2px solid black;
	vertical-align:middle
}
.page-header__menu:after {
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:7px;
	border-bottom:2px solid black;
}
.page-header--white .page-header__menu,.page-header--white .page-header__menu:after,.page-header--white .page-header__menu span:before,.page-header--white .page-header__menu span:after {
	border-color:white
}
.page-header--scrolling .page-header__menu,.page-header--scrolling .page-header__menu:after,.page-header--scrolling .page-header__menu span:before,.page-header--scrolling .page-header__menu span:after {
	border-color:black
}
.page-header__menu:hover,.page-header__menu:hover:after,.page-header__menu:hover span:before,.page-header__menu:hover span:after {
	border-color:#fed100
}
.page-header__menu span {
	font-size:0;
	text-indent:-9999px
}
.page-header__menu span:before,.page-header__menu span:after {
	content:'';
	position:absolute;
	top:50%;
	right:0;
	left:0;
	margin-top:-1px;
	border-top:1px solid black;
}
.page-overlay--open .page-header__menu {
	border-color:transparent !important
}
.page-overlay--open .page-header__menu:after {
	-webkit-transform:scale(0);
	transform:scale(0)
}
.page-overlay--open .page-header__menu span:before,.page-overlay--open .page-header__menu span:after {
	border-width:2px;
	border-color:white
}
.page-overlay--open .page-header__menu span:before {
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg)
}
.page-overlay--open .page-header__menu span:after {
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg)
}
.page-header__lang-switcher {
	position:relative
}
.page-header__lang-switcher>a:after {
	content:'';
	display:inline-block;
	width:0;
	height:0;
	margin-left:7px;
	border:4px solid transparent;
	border-top-color:black;
	vertical-align:middle;
	-webkit-transition-property:all 200ms linear;
	-webkit-transition-duration:100ms;
	-webkit-transition-timing-function:linear;
	-moz-transition-property:all 200ms linear;
	-moz-transition-duration:100ms;
	-moz-transition-timing-function:linear;
	transition-property:all 200ms linear;
	transition-duration:100ms;
	transition-timing-function:linear;
	-webkit-transition-delay:0ms;
	-moz-transition-delay:0ms;
	transition-delay:0ms
}
.page-header--white .page-header__lang-switcher>a:after {
	border-top-color:white
}
.page-header--scrolling .page-header__lang-switcher>a:after {
	border-top-color:black
}
.page-header__lang-switcher>a:hover:after,.page-header__lang-switcher>a:focus:after,.page-header__lang-switcher>a.active:after {
	border-top-color:#fed100
}
.page-header__lang-switcher>a.active:after {
	margin-top:-5px;
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg)
}
.logo a{
	position:relative;
	display:inline-block;
	 background-image:url(/uploads/image/thsimages/logo.png);
    background-size: contain;
    background-repeat: no-repeat;
    width:270px;
    height:41px;
	background-position-y: 8px;
	background-size: unset;
}

@media (min-width:380px) {
	.logo a{
	position:relative;
	display:inline-block;
	 background-image:url(/uploads/image/thsimages/logo.png);
    background-size: contain;
    background-repeat: no-repeat;
    width:178px;
    height:35px;
	background-position-y: 3px;
	background-size: unset;
}
}
@media (min-width:768px) {
	.logo a{
	position:relative;
	display:inline-block;
	 background-image:url(/uploads/image/thsimages/logo.png);
    background-size: contain;
    background-repeat: no-repeat;
     width:270px;
    height:41px;
	background-position-y: 5px;
	background-size: unset;
}
}
@media (min-width:980px) {
	.logo a{
	position:relative;
	display:inline-block;
	 background-image:url(/uploads/image/thsimages/logo.png);
    background-size: contain;
    background-repeat: no-repeat;
     width:270px;
    height:41px;
	background-position-y: 8px;
	background-size: unset;
}
}
.page-overlay {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:9998;
	width:100%;
	height:100%;
	padding-top:20px;
	background-color:black;
	color:white;
	visibility:hidden;
	opacity:0;
	-webkit-transition:opacity 200ms,visibility 0s 200ms;
	transition:opacity 200ms,visibility 0s 200ms;
	backface-visibility:hidden
}
.language-overlay-open .page-overlay {
	z-index:99999
}
@media (min-width:768px) {
	.page-overlay {
	padding-top:50px
}
}

.page-overlay.page-overlay--open {
	visibility:visible;
	opacity:1;
	-webkit-transition:opacity 500ms;
	transition:opacity 500ms
}
.page-overlay.page-overlay--open .page-overlay__inner {
	opacity:1
}
.page-overlay .page-overlay {
	padding-top:55px
}
.page-overlay .page-overlay .page-overlay__inner {
	top:55px
}
.page-overlay a {
	color:inherit
}
.page-overlay a:hover,.page-overlay a:focus {
	color:#fed100
}



.page-overlay__inner {
	position:absolute;
	top:20px;
	right:0;
	bottom:0;
	left:0;
	padding-bottom:30px;
	opacity:0;
	-webkit-transition:opacity 200ms ease 200ms;
	-moz-transition:opacity 200ms ease 200ms;
	transition:opacity 200ms ease 200ms
}

@media (min-width:768px) {
	.page-overlay__inner {
	top:50px;
	padding-bottom:50px
}
}

@media (min-width:980px) {
	.page-overlay__inner {
	top:120px
}
}






.main {
    padding-top: 86px;
}

@media (min-width: 980px){
	.main {
	    padding-top: 157px;
	}
}

@media (min-width: 768px){
	.main {
	    padding-top: 120px;
	}
}
.list-item-work{
	border:none !important;
}
.list-item-work .p-img{
	width: 100%;
	height:100%;
	overflow: hidden;
	margin-bottom: 20px;
}


.list-item-work .p-info .synopsis{
	height: 20px;
	overflow: hidden;
}


.list-item-work img{

}
.list-item-work .list-item_title{
	font-size: 18px;
	color:#000;
	font-weight: bold;
	margin-bottom: 5px;
	height: 19px;
	overflow: hidden;
}

.more{
	border:1px solid #000;
	padding:6px 15px;
	font-size: 18px;
	color: #000;
	transition:all .5s;
	-webkit-transition:all .5s; /* safari */
}
.more:hover{
	background: #ffe500;
	border:1px solid #ffe500;
	color: #fff;
}















/**鍏充簬鍠滆崏-1**/
.post-type-archive-people {
    background-color: #f7f7f7;
}

.archive__header {
    margin: 40px 0 95px;
}
@media (min-width: 980px){
	.archive_title {
    font-size: 60px;
	}
}

@media (min-width: 768px){
	.archive_title {
    font-size: 50px;
	}
}

.archive_title {
    font-size: 25px;
}

@media (min-width: 980px){
	.archive_title{
    font-size: 60px;
    line-height: 75px;
}
}

@media (min-width: 980px){
	.post-type-archive-people .archive_header {
    margin: 40px 0 95px;
}
}

@media (min-width: 768px){
	.archive_header {
    margin: 20px 0 70px;
}
}

.archive_header {
    margin: 0 0 30px;
}

.post-list {
    background-color: white;
    padding: 20px;
    margin-bottom: 20px;
}
@media (min-width: 768px){
.post-list .media .list-item_image{
    float: left;
    width: 50%;
    padding-right: 20px;
    padding-left: 20px;
}
}
.post-list .media .list-item_image img {
    margin-bottom: 15px;
}
@media (min-width: 980px){
.post-list .media {
    padding: 35px 40px;
}
}

@media (min-width: 768px){
.post-list .media .list-item_main {
    float: left;
    width: 50%;
}
}

@media (min-width: 980px){
.post-list .media .list-item_main {
    padding-right: 20px;
    padding-left: 20px;
    line-height: 27px;
}
}


.social-list li{
	float: left;
	padding: 0px 10px;

}
.social-list li a{
	color: #838484;
}
.social-list li a i{
	font-size: 14px;
}
.social-list li a:hover{
      color: #ffe500;
}

.list-item_person-role{
	margin-bottom: 20px;
    font-size: 18px;
    color: #fcda00
}
.list-item_main .media-heading{
	margin-bottom: 15px;
}




/**鎯虫硶-1**/
.summary-head-bj-images{
	background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    padding-bottom: 30px;
    background-color: #fed100;
    color: white;
}
@media (min-width: 980px){
	.summary-head-bj-images{
		min-height: 550px;
		 padding-top: 153px;
		 position: relative;
	}
}
@media (max-width: 979px){
	.summary-head-bj-images{
		min-height:500px;
		padding-top: 86px;
		margin-bottom: 35px;
	}
}
@media (max-width: 480px){
	.summary-head-bj-images{
		min-height:380px;
		padding-top: 86px;
		margin-bottom: 15px;
	}
}
.xc-service-box .title{
	font-size: 38px;
	color: #000;
	font-weight: bold;
	margin-bottom: 40px;
}
.xc-service-box p{
	margin:28px 0;
	color: #808285;
	line-height: 28px;
   text-align: left; 
}
.xc-service-box img{
	margin:28px 0;
}
.post_date{
    margin-bottom: 10px;
    display: block;
    font-size: 24px;
    line-height: 28px;
    font-weight: bold;
}
.post-social li{
	display: inline-block;
	margin-right: 20px;
}
@media (min-width: 980px){
	.related-posts{
		padding-top: 70px;
	    padding-bottom: 70px;
	    background-color: #f7f7f7;
	    margin-top: 40px;
	}
	.related-posts_header {
	    margin-bottom: 65px;
	}
	.related-posts_title {
	    font-size: 35px;
	    line-height: 45px;
	}
}
.related-posts_title {
    font-size: 26px;
    font-weight: bold;
    line-height: 30px;
}
@media (max-width: 979px){
	.related-posts{
		padding-top: 70px;
	    padding-bottom: 70px;
	    background-color: #f7f7f7;
	}
	.related-posts_header {
	    margin-bottom: 45px;
	}
}
@media (max-width: 480px){
	.related-posts{
		padding-top: 70px;
	    padding-bottom: 70px;
	    background-color: #f7f7f7;
	}
	.related-posts_header {
	    margin-bottom: 40px;
	}
}



.related-posts_post>div {
    position: relative;
    z-index: 2;
    padding: 23px 25px 26px;
    background: #fed100;
    line-height: 27px;
}
@media (min-width: 980px){
	.related-posts_post>div {
	    padding: 39px 43px;
	    min-height: 415px;
	    color: #000;
	}
}

@media (max-width: 979px){
	.related-posts_post>div {
	    min-height: 300px;
	}
}

	.related-posts_type {
	    font-size: 16px;
	    line-height: 24px;
	    color: #000
	}
	.related-posts_post-title {
	    margin: 17px 0 23px;
	    font-size: 24px;
	    line-height: 37px;
	    color: white;
	    font-weight: bold;
}
.related-posts_post-title a:hover{
	color: #000
}
.related-posts_arrow{
	color: #fff;
	font-weight: bold;
}
.related-posts_arrow:hover{
	color: #000
}



.xc-service-box .line{
	width: 80px;
	height: 2px;
	background:#fef200;
	text-align: center;
	margin:40px auto;
}
.company-logo-grid li{
	border: 1px solid #ebebeb;
	overflow: hidden;
}
.company-logo-grid li img{
	margin:0px;
	-webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -ms-filter: grayscale(1);
    -o-filter: grayscale(1);
    -webkit-transition: -webkit-transform .4s ease-out;
	-moz-transition: -moz-transform .4s ease-out;
	transition: -webkit-transform .4s ease-out;
	-moz-transition: transform .4s ease-out,-moz-transform .4s ease-out;
	transition: transform .4s ease-out;
	transition: transform .4s ease-out,-webkit-transform .4s ease-out,-moz-transform .4s ease-out;
}
.company-logo-grid li img:hover{
	margin:0px;
	-webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    -webkit-transform: translatex(-5px);
	-moz-transform: translatex(-5px);
	-ms-transform: translatex(-5px);
	transform: translatex(-5px);
}


.mode-list img{
	margin:0px auto;
}

.case-details .line{
	display: block;
    width: 20px;
    height: 2px;
    background: #fef200;
    line-height: 16px;
    float: left;
    margin-top: 8px;
    margin-right: 10px;
}

.case-details .project-item-list li{
	margin-bottom: 10px;
}
@media (min-width: 980px){
	.view-img-box{
		margin-top: 40px
	}
}

.page{
	width:50px;
	height: 50px;
	border:1px solid #bcbec0;
	display: inline-block;
	font-weight: 700;
	color: #000;
	text-align: center;
	line-height: 50px;
	transition: all .5s;
    -webkit-transition: all .5s;
}
.page-1{
	padding:0px 15px;
	border:1px solid #bcbec0;
	display: inline-block;
	color: #000;
	text-align: center;
	transition: all .5s;
    -webkit-transition: all .5s;
    font-size: 18px;
    height: 50px;
    line-height: 50px;
}
.page:hover,.page-1:hover{
	background: #ffe500;
	color: #fff
}

@media (min-width: 980px){
	.panel-video{
		margin-bottom: 70px;
	}
}
@media (max-width: 978px){
	.panel-video{
		margin-bottom: 70px;
	}
}
@media (max-width: 480px){
	.panel-video{
		margin-bottom: 45px;
	}
}
.panel-video{
	margin-top: 25px;
}

@media (min-width: 980px){
	.title-box{
		font-size: 35px;
    	line-height: 40px;
    	color: #000;
    	border-bottom:1px dashed #d2d3d5;
    	padding: 20px 0px;
	}

}
@media (max-width: 978px){
	.title-box{
		font-size: 25px;
	    line-height: 30px;
	    color: #000;
	    border-bottom:2px solid #d2d3d5;
	    padding: 10px 0px;
	}
}



@media (min-width: 980px){
	.list-grid_title {
	    margin-bottom: 15px;
	    font-size: 20px;
	    line-height: 28px;
	    height: 28px;
	    color: #000;
	     font-weight: bold;
	}
}
@media (max-width: 978px){
	.list-grid_title {
	    display: block;
	    margin-bottom: 10px;
	    color: black;
	    font-weight: bold;
	    font-size: 16px;
	}
}

.list-grid li {
	    font-size: 14px;
	    line-height: 27px;
	}
.more-link {
    display: inline-block;
    margin-top: 13px;
    border-bottom: 1px solid #fed100;
}

.employee-list .dtl12{
	margin:0px 0px 20px 0px;
}
.employee-list img{
	margin:0;
}
.employee-list .title-name{
	display: block;
	font-size: 18px
}
.employee-list .title-office{
	display: block;
	font-size: 12px;
	margin-top: 10px;
}
.employee-list .line{
	width: 60px;
	height: 2px;
	margin:20px 0;
}


@media (min-width: 980px){
	.panel-introduction{
		margin-top: 70px;
	    padding-top: 70px;
	    border-top: 1px dashed #efefee;
	}
	.panel_title{
		font-size: 35px;
	    line-height: 40px;
	    color: #000;
	}
	.page_title{
		font-size: 120px;
    	line-height: 75px;
    	font-weight: bold;
    	padding-top: 100px
	}
}

@media (max-width: 978px){
	.panel-introduction{
		margin-top: 35px;
    	padding-top: 35px;
	    border-top: 2px solid #efefee;
	}
	.panel_title{
		font-size: 25px;
	    line-height: 30px;
	    color: #000
	}
	.page_title{
		font-size: 55px;
    	line-height: 55px;
    	font-weight: bold;
    	padding-top: 80px;
    	text-align: center;
	}
}



.detailed-box .detailed-box-img{
	margin-bottom: 30px
}
.detailed-box .detailed-box-title{
	font-size: 18px;
	color: #000;
	font-weight: bold;
}
.detailed-box .detailed-box-info{
	color: #808285;
	font-size: 14px;
	line-height: 28px;
	margin-bottom: 30px;
}

@media (min-width: 980px){
	.posts .posts-title{
		padding:20px 0;
		border-bottom:1px solid #ffe500;
		font-size: 35px;
		margin-bottom: 20px;
		display: inline-block;
	}
}

@media (max-width: 978px){
	.posts .posts-title{
		padding:10px 0;
		border-bottom:1px solid #ffe500;
		font-size: 20px;
		margin-bottom: 10px;
		display: inline-block;
	}
}
.grid_image img{
	margin:0px ;
}

.jobs-list .panel-heading{
	background: none;
	padding: 20px 0 20px;
}
.jobs-list .panel{
    border-left: none; 
    border-right: none;
    box-shadow:none;
}
.jobs-list .panel .panel-body{
	border-bottom:1px solid #ddd;
}


.jobs-list_fl .jobs-list_title{
	font-size: 18px;
	border-bottom:1px solid #ffe500;
	padding-bottom: 20px;
	font-weight: 700;
	color: #000
}
.jobs-list_fr {
	display:inline-block;	
}
.jobs-list_fr .jobs-list_location,.jobs-list_fr  .jobs-list_department{
	font-size: 18px;
	margin-bottom: 10px;
}
.jobs-list .panel{
	margin-top: -1px!important;
}
@media (min-width: 980px){
	.ideas-heading{
		font-size: 70px;
	    font-weight: bold;
	    padding-top: 20px;
	    line-height: 85px;
	}
}
@media (max-width: 978px){
	.ideas-heading{
		font-size: 50px;
	    line-height: 55px;
	    font-weight: bold;
	    padding-top: 80px
	}
}
@media (max-width: 480px){
	.ideas-heading{
		font-size: 30px;
	    line-height: 35px;
	    font-weight: bold;
	    padding-top: 60px
	}
}

@media (min-width: 980px){
	.featured-posts_header {
	    margin-bottom: 55px;
	}
}

.featured-posts_header {
    position: relative;
    margin: 0 0 20px;
}

@media (min-width: 980px){
	.featured-post {
	    padding: 40px;
	    height: 653px;
	}
}


@media (min-width: 980px){
	.featured-posts{
		margin-bottom: 40px
	}
	.featured-post_inner {
	    width: 37.5%;
	    padding: 40px;
	}
	.featured-post_cats {
	    margin-bottom: 20px;
	}
	.featured-post_title {
	    margin-bottom: 20px;
	    font-size: 35px;
	    line-height: 40px;
	    font-weight: 700;
	    color: #000
	}
   .featured-post p{
	   	font-size: 18px;
	    line-height: 27px;
	    color: #858889;
	    margin: 0px
   }
}

.featured-post_inner {
    padding: 20px;
    background-color: white;
    margin: 20px;
}
.featured-post_cats {
    margin-bottom: 10px;
}
.featured-post_title {
    margin-bottom: 10px;
    font-weight: 700;
    color: #000
}
@media (max-width: 978px){
	.featured-posts{
		margin-bottom: 30px
	}
	.filters{
		margin-bottom: 40px;
	}
}
@media (max-width: 480px){
	.featured-posts{
		margin-bottom: 20px
	}
}

.filters{
	margin-bottom: 20px;
}


.filters_list li{
	float: left;
	font-size: 14px;
	margin-right: 20px;
	font-weight: 700;
}
.filters_list li a{
	color: #000;
}
.filters_list li a:hover{
	 color: #fed100;

}
.filters_list .filters-active {
    color: #fed100;
}

.list-item_news .list-item_cats{
	line-height: 50px;
	font-size: 18px;
	color: #000;
	border-top:1px solid #fed100;
}

.list-item_news  .list-item_img{
	margin-bottom: 20px;
}

.list-item_news  .list-item_title a{
	font-size: 20px;
	color: #000;
	transition:all .5s;
	-webkit-transition:all .5s; /* safari */
}
.list-item_news  .list-item_title a:hover{
	 color: #fed100;
}
.list-item_news  .list-item_info{
	line-height: 27px;
	margin-bottom: 20px;
	height: 81px;
    overflow: hidden;
}
@media (min-width: 980px){
	.list-item_news  .list-item_title a{
		font-size: 25px;
		color: #000;
		transition:all .5s;
		-webkit-transition:all .5s; /* safari */
	}
	.featured-posts_title{
		font-size: 44px;
		line-height: 40px;
		font-weight: 700
	}
}



.login-area{
	position: absolute;
	bottom:-185px;
	right: 20px;
}
.login-area .loginbox{
	width:260px;
	margin: 0px auto;

}
.loginbox label.text_name{
   font-size: 30px;
   color: #000;
   padding-right: 20px;
   float:left;
}
.loginbox .text{
	height: 35px;
	width: 311px;
	border:1px solid #000;
	background:url(/uploads/image/thsimages/input-bg.png);
	color: #000;
	padding:0px 10px;
	float:left;
	font-weight: bold;
	font-size: 18px;
}
.loginbox .btn-login{
	height: 35px;
	background: none;
	border:1px solid #000;
	color: #000;
	font-size: 22px;
	padding:0px 10px;
	font-weight: bold;
	float:left;
	line-height: 35px;
	margin-left: 20px;
	cursor: pointer;
   width:110px;
   text-align: center;

}
.loginbox .btn-login:hover{
	background: #f7de33;
	color: #fff;
	border:1px solid #f7de33;
	transition:all .5s;
	-webkit-transition:all .5s; /* safari */
}

.product-list{
	padding: 10px 0px;
	border-top: 1px solid #efefee;
	border-bottom: 1px solid #efefee;
}
.product-list li{
	border-left:1px solid #d2d3d5;
	width: 25%;
	float: left;
}

.product-list li:nth-child(5n 1) {
	    border-left: none;
	    background: none
	}
.product-list li .product-list-box{
	margin: 0px 10px;
	height: 170px;
	padding: 20px 10px ;
}
.product-list li .product-list-box-l{
	margin: 0px 10px;
	height: 170px;
	padding: 20px 10px ;
}
.product-list-box a:hover{
	color: #000
}
.product-list li .product-list-box.current{
	background: #f7de33;
}
.product-list li .product-list-box:hover{
	background: #f7de33;
}




.product-list li .product-list-box h1{
	font-size: 36px;
	color: #000;
	font-weight: bold;
	text-align: center;
	padding-top: 60px;

}

.product-list li .product-list-box-l h1{
	font-size: 36px;
	color: #000;
	font-weight: bold;
	text-align: center;
	padding-top: 60px;

}
.product-list li .product-list-box-l h1 a:hover{
	border-bottom: 1px solid #f7de33;
	color: #000;
}



.product-list-box-left{
	width: 35%;
	float: left;
	text-align: center;
}
.product-list-box-left h2{
	font-weight: bold;
	font-size: 110px;
	color: #000;
}
.product-list-box-right{
	width: 65%;
	float: right;
	text-align: center;
}

.product-list-box-right .now-price{
	font-size: 30px;
	font-weight: bold;
	color: #000;
	display: block;
}
.product-list-box-right .original-price{
	display: block;
	text-decoration:line-through;
	padding-bottom: 5px;
	font-size: 12px;
	color: #000;
}
.product-list-box-right  .prepaid-price{
	display: block;
	padding-top: 5px;
	font-size: 12px;
	color: #000;

}
.product-list-box-right s{
    display: block;
    width: 100px;
    height: 1px;
    border-top: 1px solid #000;
    margin: 0px auto;
}
.product-list-box a:focus {
    text-decoration: none;
    color: #000;
}
.related-cases{
	height: 50px;
	line-height: 50px;
	border-bottom: 2px solid #efefee;
	
}
.related-cases h2{
	font-size: 24px;
	font-weight: 700;
	color: #000;
}
.related-cases-box li{
	width: 18%;
	height: auto;
	float: left;
	margin:50px 1% 0px 1%;
}
.related-cases-box li:nth-child(5n 5) {
	 /*margin-right: 0px;*/
}


.txtscroll-top{
	overflow:hidden; 
	position:relative; 
	background: #fef200; 
	padding: 50px; 
	margin-top: 50px;
	margin-bottom: 50px;
}
.txtscroll-top .hd{ 
	overflow:hidden;  
	height:30px;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	height: 60px;
	line-height: 60px;
}
.txtscroll-top .infolist li a{ 
	color: #000;
}
.txtscroll-top .infolist li{
	height: 60px;
	overflow: hidden;
}

.user-info{
	background: #f1f1f1;
	padding: 20px;
}
.user-info .u-pic{
	width: 134px;
	height: 134px;
	border:1px solid #bbbaba;
	float: left;
}
.user-info .u-pic img{
	width: 130px;
	height: 130px;
	overflow: hidden;
}
.user-info .info-m{
	float: left;
	margin: 20px 0px 20px 20px;
	font-size: 24px;
	color: #000;
}
.user-info .u-money{
	background: #fff02a;
	padding: 5px;
	margin-top: 10px;
}
.user-info .u-money-box{
	border:1px solid #000;
	font-size: 18px
}
.user-info .u-money-box .u-money-box-title {
	background: #000;
	height: 36px;
	display:inline-block;
	color: #fff02a;
	padding: 0px 5px;
	float: left;
	line-height: 36px;
}
 .user-info .u-money-box ul li{
 	float: left;
 	border-left: 1px solid #000;
 	padding: 0px 20px;
 	font-weight: 700
 }

 .user-info .u-money-box ul li:nth-child(3n 1) {
		border-left:none;
 }
  .user-info .u-money-box ul{
  	margin: 5px;
  	float: left;
  }


.slidetxtbox{margin-top: 50px;}
.slidetxtbox .hd{ height:50px; line-height:50px;  padding:0 10px 0 0px;   border-bottom:1px solid #fff02a;  position:relative; }
.slidetxtbox .hd ul{ float:left;  position:absolute; left:0px; top:-1px; height:52px; background:#000;   }
.slidetxtbox .hd ul li{ float:left; padding:0 100px; cursor:pointer; font-size: 18px;color: #fff02a }
.slidetxtbox .hd ul li.on{ height:52px; background: #fff;  border:1px solid  #fff02a;color: #000;border-bottom: none }
.slidetxtbox .bd ul{ padding:40px 40px 40px 50px;  zoom:1;  }
.slidetxtbox .bd {
	font-size: 18px;
	border: 1px solid #fff02a;
}

/* 涓嬮潰鏄墠/鍚庢寜閽唬鐮侊紝濡傛灉涓嶉渶瑕佸垹闄ゅ嵆鍙?*/
.slidetxtbox .arrow{  position:absolute; right:10px; top:0; }


.steps-round-box-left{
	width:70px;
	float: left;
	text-align: center;
}
.steps-round-box-left .round{
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background: #fff02a;
	text-align: center;
	font-size: 18px;
	color: #000;
	font-weight: bold;
	line-height: 70px;
}
.steps-round-box-left .round-line{
	width: 5px;
	height: 200px;
	background: #fff02a;
	margin: 0px auto
}
.steps-round-box-right{
	width: 900px;
	float: left;
	padding: 20px;
	font-size: 18px
}
.steps-round-box-right .steps-round-info{
	margin-bottom: 10px;
}
.steps-round-box-right .steps-round-info-border{
	border: 1px solid #a3a3a3;
	padding: 5px;
	margin-bottom: 10px;
}
.steps-round-box-right .file-cabinets-box{
	border: 1px solid #a3a3a3;
	font-size: 14px;
	color: #000;
	font-weight: 700;
	height: 162px;

}
.steps-round-box-right .file-cabinets-box a:hover{
	color: #fff02a;
}
.table{
	margin-bottom: 0px
}
.btn-yellow{
	background: #fff02a;
	border: 1px solid #d2d3d5
}

.black-line,.black-round{
	background: #000!important;
	color: #fff02a!important;
}
.order-center .order-center-headed{
	font-size: 20px;
	font-weight: 700;
	color: #000;
}
.order-center-box{
	background: #f1f1f1;
	padding: 10px;
}
.order-center-box-left{
	border-right: 2px solid #d2d3d5;
	width: 360px;
	color: #000;
	text-align: center;
	padding-left: 40px;
	float: left;
	padding-right: 40px;
}
.order-center-box-left .p-name{
	font-size: 150px;
	font-weight: 700;
	border-bottom: 2px solid #d2d3d5;
	height: 180px;
}
.order-center-box-left .p-name span{
	font-size: 30px;
}
.order-center-box-left .p-info{
	padding: 20px 0px
}
.order-center-box-left .p-info .p-price1{
	font-size: 48px;
	font-weight: bold;
	margin-top: 10px
}
.order-center-box-left .p-info .p-price2{
	font-size: 18px;
	margin-top: 10px
}
.order-center-box-left .p-info .p-price3{
	border:1px solid #000;
	display: inline-block;
	padding: 5px 50px;
	margin-top: 10px
}
.order-center-box-right{
	float: left;
	padding: 70px;
	width: 780px; 
	font-size: 18px;
	font-weight: 700;
	color: #000
}
.summary{
	clear: both;
	line-height: 50px;
}
.summary .dt{
	width: 100px;
	float: left;
}
.summary .dd{
	float: left;
}
.bj-circuit{
	margin: 80px 0px
}
.labelbox{
	margin-bottom: 15px;
}
.item_input{
	width: 326px;
	height: 50px;
	line-height: 50px;
	padding: 13px 16px 13px 14px;
	display: inline-block;
	border: 1px solid #e0e0e0
}
.item_button{
	width: 130px;
	height: 50px;
	line-height: 50px;
	display: inline-block;
	border: 1px solid #e0e0e0
}
.item_button:hover{
	background: #fff02a;
	color: #000;
	font-weight: 700
}
.item_textarea{
	width: 100%;
	height: 200px;
	border: 1px solid #e0e0e0;
	padding: 13px 16px 13px 14px;
}
.prepaid .dt{
	width: 100px;
	float: left;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	color: #000;
	font-weight: 700;
}
.prepaid .dd{
	float: left;
}
.prepaid .dd input{
	height: 50px;
	line-height: 50px;
	padding: 13px 16px 13px 14px;
	font-weight: 700;
	color: #000;
	font-size: 30px;
	border: 1px solid #e0e0e0;

}
.prepaid .dd input:focus{
	background:#fff02a;
	transition: all 1s;
    -webkit-transition: all 1s;
}





.prepaid{
	height: 50px;
}
.prepaid .dl{
	width: 50px;
	float: left;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	color: #000;
	margin-left:10px;
}
.accounting-box{
	background: #f1f1f1;
	padding: 5px 10px;
	font-size: 24px;
	border-radius: 5px;
	color: #000;
	margin-top: 15px;
}
.accounting-box strong{
	color: #ea0101
}

/*鏀粯妯″潡*/
.pay-orderinfo{margin-top:20px;}
.pay-orderinfo .paynum{color: #e4393c;font-size:16px;}
.pay-method{margin:20px 0;padding: 0px 15px 0px 0px;}
.pay-method .p-logo{display: inline-block;height: 50px;line-height: 50px;text-align: center;width: 145px;}
.pay-method .p-logo img{ vertical-align: middle; margin-top: 6px; }
.pay-method .method-item .mt{font-size: 16px;font-weight: bold;margin-bottom: 10px;color:#000;}
.pay-method .method-item .pay-other{font-size: 14px;color:#1d75e2; font-weight: normal;margin-left: 10px;cursor:pointer;}
.pay-method .method-item .mb li{    background: #fff;border: 1px solid #ececec;cursor: pointer;float: left; margin: 0 10px 0px 0;position: relative;transition: border-color 0.1s ease 0s;}
.pay-method .method-item .mb li:hover{border-color:#fff02a;}
.pay-box{display:none;}
.pay-box .pay-item{background: #fff none repeat scroll 0 0; overflow: hidden; border: 2px solid #fff02a;;cursor: pointer;display: block;margin-bottom: 20px;position: relative;transition: border-color 0.1s ease 0s;}
.pay-box .pay-item .pay-tab-num{display: inline-block;height: 50px;line-height: 50px;padding-right: 18px;position: absolute;right: 0;top: 0;}

.pay-code .bx h3{  background: #666666 none repeat scroll 0 0;color: #fff;font-size:20px;line-height: 60px;text-align: center;}
.pay-method .tpay .bx{width:49%;}
.pay-code .bx-cnt{height:276px; background: #fff;text-align: center;border: 1px solid #ececec;}
.pay-code .bx-cnt .alipaycode{margin-left: 77px;}
.pay-code .bx-cnt .pay-code-money{padding-top: 60px;font-size: 40px;color:#e4393c; margin-bottom: 20px;text-align: center;}
.pay-code .bx-cnt .checkout-submit{background-color: #ee484c;border: 0 none;border-radius: 3px;color: #fff;cursor: pointer;display: inline-block;font-size: 16px;font-weight: 700;height: 36px;line-height: 36px;overflow: hidden;padding: 0;position: relative;width: 135px;}

.pay-result{margin:20px 0;}




.sidemenu h3{padding: 30px 0 30px; border-top:1px dashed #e3e3e3;border-bottom:1px dashed #e3e3e3; cursor:pointer;font-size: 18px;color: #000}
.sidemenu h3 span{border-bottom: 2px solid #fff02a;padding-bottom: 10px}
.sidemenu h3 em{ float:right; display:block; width:37px; height:20px;   background:url(/uploads/image/thsimages/up.png) no-repeat; cursor:pointer; }
.sidemenu h3.on em{ background:url(/uploads/image/thsimages/down.png) no-repeat; }
.sidemenu .jobs-list{ padding:20px 0px; color:#000; display:none; line-height: 28px;font-weight: 700; /* 榛樿閮介殣钘?*/ }

@media (max-width: 480px){
	.sidemenu h3{
		font-size: 14px;
	}

	.product-list li{
		width:100%;
		border-left: 0px;
	}

	.related-cases-box li {
		width: 90%;
		height: auto;
		margin: 10px 5% ;
	}

	.login-area {
		bottom: -125px;
	}

	.pd-l-r-20 .pd-r-20{padding-right:unset;}

	.pd-l-r-20 .pd-l-20{padding-left: unset;}

}

@media (min-width: 980px){
	.featured-posts .swiper-slide{
		height: 500px;
	}
}


@media (min-width: 980px){
	.list-item-li{
		padding-left: 125px;
	}
}
.line-height-21{
	line-height: 21px;
}

.page-list{
 display: inline-block;
 margin:0px auto;
 text-align: center;

}
.page-list li{
	text-align: center;
	display: inline-block;
}
.page-list li a{
	width: 40px;
	height: 40px;
	display: inline-block;
	text-align: center;
	background: #f0f0f0;
	line-height: 40px;
	margin: 0px 5px;
	font-size: 16px;
	float: left;
	transition:all .5s;
	-webkit-transition:all .5s; /* safari */
}
.page-list li a:hover{
	background:#fef200;
	color: #000;
}
.page-list li a.on{
	background:#fef200;
}


.platform a{
	display: inline-block;
	float: left;
	padding: 0px 15px;
	height: 40px;
	line-height: 40px;
	background:#f0f0f0;
	border-radius: 2px;
	color:#333;	
	margin:0 23px 20px 0px;
	transition:all .5s;
	-webkit-transition:all .5s; /* safari */
}
.platform a.on{
	background:#fef200;
}

.platform a:hover{
	background:#fef200;
	color: #000
}

.list-item_news .list-item_title{
	height: 75px;
	overflow: hidden;
	margin-bottom: 10px;
}

@media (min-width: 980px){
.grid_main-left{
	padding-left: 40px;	
}
.grid_main-right{
	padding-right: 40px;	
}
}

@media (min-width: 980px){
	.sidemenu-list{
		padding-left: 190px
		}
}


.mode-list img{
	margin:0;
	text-align: center;
	display:inline-block;
}

@media (max-width: 480px){
	.floor_3 .mt-title {
		margin-top: 40px;
	}

	.floor_3 .col-md-4 {
		margin-top: 20px;
	}
}

#mian{
	padding: 30px 30px 10px;
	border: 1px solid #ccc;
}
#mian h1{
	margin: -20px -30px 30px;
	padding: 0 30px 10px;
	border-bottom: 1px solid #ccc;
	text-align: center;
	color: #000;
	font-weight: 700;
}

.btn-tryitbtn{
	border: 1px solid #000;
    padding: 6px 50px;
    font-size: 18px;
    color: #000;
    transition: all .5s;
    -webkit-transition: all .5s;
}
.btn-tryitbtn:hover{
	background:#fef200;
	color: #000
}
@media (min-width: 980px){
.xc-text-info .col-md-4:nth-last-child(2){
		padding:0px 20px;
	}

.comment-txt{
	text-align: center;
    margin: 28px 0;
    color: #808285;
    line-height: 28px;
}

}

@media (min-width:320px) and (max-width: 979px) {
	.comment-txt{
      text-align:left;
		margin: 28px 0;
      color: #808285;
      line-height: 28px;
  }
}



@media screen and (max-width:1920px) {
	.pd-l-r-x{padding-left: 48px;padding-right:48px;}
.hz-poster .swiper-slide {max-height:1000px;}
}


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

.hz-poster .swiper-slide {height:850px;}
}

@media screen and (max-width:1280px) {
	.pd-l-r-x{padding-left: 15px;padding-right:15px;}
	.hz-poster .swiper-slide {height:750px;}
}

@media screen and (max-width:720px) {
	.pd-l-r-x{padding-left: 10px;padding-right:10px;}
	.friendlinks{padding:20px;}
	.friendlinks>div{    text-align: left;}
}

::selection {
	background-color: #000;
	color: #ffe900;
	}
::-moz-selection {
	background-color: #000;
	color: #ffe900;
}