﻿#topclientnewscontainer .swiper-slide{
  width:auto;
}

.topnewcasesbannermain{
  width:520px;
} 

.news-nextbtn {
  position: absolute;
  top: 50%;
  width: 56px;
  height: 56px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  right: -10px;
  left: auto;
  background: url(/uploads/image/csdsdsdfaficlientcase/04_2.png) no-repeat 50% 50%;
}

.news-prevbtn {
  position: absolute;
  top: 50%;
  width: 56px;
  height: 56px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  left: -10px;
  right: auto;
  background: url(/uploads/image/csdsdsdfaficlientcase/05_2.png) no-repeat 50% 50%;
}


.thumb_list_07 .row{
  height:320px;  
}

.thumb_list_07 .row .rowitem,.thumb_list_07 .row .rowitem .thumb{
  height: inherit;
}

.thumb_list_07 .thumb img{
  height: inherit;
}

.thumb_list_07 .thumb img.right{
  border-radius:0 32px 0 0;
}


.thumb_list_07 .thumb img.left{
  border-radius: 0 0 0 32px;
}

.thumb_list_07 .item .content {
  padding: 20px 70px;
}


.thumb_list_07 .row .rowitem.col-md-7.no_padding_left{
  box-shadow:0px 4px 10px 0px rgba(0, 0, 0, 0.08);
  border-radius:0 32px 0px 0;
}

.thumb_list_07 .row .rowitem.col-md-7.no_padding_right{
  box-shadow:0px 4px 10px 0px rgba(0, 0, 0, 0.08);
  border-radius:0 0 0 32px;
}

.caselistitem:hover{
  background:rgba(0,140,214,1);
  border-radius:0px 32px 0px 32px;
}

.caselistitem{
  width:350px;
  height:500px;
  background:rgba(255,255,255,1);
  box-shadow:0px 4px 10px 0px rgba(0, 0, 0, 0.08);
  border-radius:0px 32px 0px 32px;
  padding: 50px 20px;
  margin: 30px 35px 50px 0;
}

.caselistitem .caselink{
  text-align:center;
  margin-top: 100px;
}

.caselistitem .media-intro{
  font-size: 14px;
  font-family: microsoftyahei;
  font-weight: 400;
  color: rgba(68,68,68,1);
  line-height: 28px;
  margin-top: 15px;
  height: 168px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}

.caselistitem:hover .media-intro{
  color:rgba(255,255,255,1);
}

.caselistitem:hover .caselink .read_btn.contact2019{
  color: #fff;
  border: 1px solid #fff;
}

.casedetailcontainer {
  background:#f5f5f5;
  border-radius:0px 32px 0px 32px;
  position: relative;
  top: -10vw;
  z-index: 99;
}

.casedetailcontainer .pager .previous>a, .casedetailcontainer .pager .previous>span
{
	float: none;
}

.casedetailcontainer .pager .next>a, .casedetailcontainer .pager .next>span{
	float: none;
}

.pager li > a{
	border: 1px solid #008cd6;
}

.pager li > a:hover, .pager li > a:focus {
    background: #008cd6;
    color: #fff;
    border: 1px solid #008cd6;
}

.experiencebackground{
	background:url(/uploads/image/csdsdsdfaficontactus/21.png) no-repeat 100% 100%;
    background-size: 100%;
}

.experiencebackground .tab-pane{
	width: 560px;
   background: transparent;
   padding: 20px 50px;
   margin-left:auto;
   margin-right:auto;
}

.experiencebackground .form-horizontal .control-label{
	color:#fff;

}

.experiencebackground span#codemsg{
	background-color: #008cd6; 
}


.swiper-slide .studentevalitem{
	
	width:620px;
   height:360px;
   border-radius:0px 24px 0px 24px;
   background:url(/uploads/image/csdsdsdfafifashioninstitute/03.png) no-repeat;
   background-size:100%;
   margin-left: auto;
   margin-right: auto;
}

.swiper-slide .studentevalitem .studentevalitemcontent{
	width: 450px;
    min-height: 150px;
    font-size: 16px;
    font-family: microsoftyahei;
    font-weight: 400;
    color: rgba(68,68,68,1);
    line-height: 32px;
    /*margin: 63px 70px 10px 141px;*/
    text-align:left;
    padding-top:80px;
    margin-left:auto;
    margin-right:auto;
}

.swiper-slide .studentevalitem .studentevalpeople{
    width: 100%;
    height: 31px;
    font-size: 16px;
    font-family: microsoftyahei;
    font-weight: 400;
    color: rgba(0,0,0,1);
    line-height: 24px;
    margin-top: 40px;
    text-align: right;
    padding-right: 30px;
}

.swiper-slide .studentevalitem .studentevalorgan{
  	 width: 100%;
    height:11px;
    font-size:12px;
    font-family:microsoftyahei;
    font-weight:400;
    color:rgba(153,153,153,1);
    line-height:24px;
    text-align: right;
    padding-right: 30px;
}

.swiper-button-prev.eval{
	background: no-repeat;
   width:30px;
}

.swiper-button-prev.eval:hover{
	background: no-repeat;
   width:30px;
}

.swiper-button-next.eval{
	background: no-repeat;
   width:30px;
}

.swiper-button-next.eval:hover{
	background: no-repeat;
   width:30px;
}

.home_banner {
    padding-top: 68px;
}

.fastfashionitem .media-heading{
	padding: 10px 0 0 0;
    font-family: microsoftyahei;
    font-weight: 400;
    color: rgba(68,68,68,1);
    line-height: 16px;
    font-size: 16px;
}

.fastfashionitem .pull-left{
	font-family: microsoftyahei;
    font-weight: 400;
    color: rgba(153,153,153,1);
    line-height: 16px;
    font-size: 8px;
}


#mobilestudentevalcontainer .swiper-wrapper .swiper-slide .studentevalitem{
	width:400px;
   background:url(/uploads/image/csdsdsdfafifashioninstitute/jxy_10.png) no-repeat;
   background-size:130%;
   margin-left: auto;
   margin-right: auto;
   padding: 20px 15px;
   height:300px;
}

#mobilestudentevalcontainer .swiper-wrapper .swiper-slide .studentevalitem .studentevalpeople{
	text-align:left;
   height:auto;
   margin-top:0;
   color:#aeaeae;
   border-radius:12px;
    
}

#mobilestudentevalcontainer .swiper-wrapper .swiper-slide .studentevalitem .studentevalorgan{
	text-align:left;
   height:auto;
   font-family:fzlthk--gbk1-0;
   font-weight:400;
   color:rgba(0,0,0,1);
   line-height:32px;
}

#mobilestudentevalcontainer .swiper-wrapper .swiper-slide .studentevalitem .studentevalitemcontent{
	 min-height: 150px;
    font-size: 14px;
    color: rgba(68,68,68,1);
    line-height: 25px;
    /* margin: 63px 70px 10px 141px; */
    text-align: left;
    /* padding-top: 80px; */
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px;
    width: 100%;
  
   font-family:fzlthk--gbk1-0;
   font-weight:400;
   color:rgba(68,68,68,1);
   padding-top: 15px;
}

.tybottom{
   font-size:16px;
	font-family:fzlthk--gbk1-0;
	font-weight:400;
	color:rgba(0,140,214,1);
	line-height:27px;
}

.experienceform.mobileexperienceform .form-control{
	width:100%;
   border:1px solid rgba(125,125,125,1);
	border-radius:4px;
}

.tysuccessbottom1{
   font-family:fzltzhk--gbk1-0;
   font-weight:400;
   color:rgba(2,196,15,1);
   line-height:30px;
}

p.tysuccessbottom2{
   font-family:fzltzhk--gbk1-0;
   font-weight:400;
   color:#999999;
   line-height:20px;
}

.homebackbtn{
	border:1px solid rgba(0,140,214,1);
	border-radius:8px;
}

#topcontrol{
	bottom:50px !important;
  display:none;
}

#newbridge .nb-invite-body.nb-invite-skin-0{
	background: !important;
   background-size:100% 100% !important;
   height:200px!important;
}

#newbridge .nb-invite-wrap-base .nb-invite-btn-base{
    position:absolute;
    bottom:12px;
    right:auto;
    top:auto;
    left:25%;
}

#newbridge .nb-invite-wrap-base .nb-invite-btn-base{
  position:absolute;
  bottom:25px;
  right:auto;
  top:auto;
  left:25%;
}

#contactdiv{
	position: fixed;
    width: 100px;
    height: 80px;
    bottom: 40px;
    /* left: auto; */
    right: 5px;
    background: rgba(245,245,245,1);
    border: 1px solid rgba(230,230,230,1);
    border-radius: 4px;
    /* margin-left: auto; */
    /* margin-right: auto; */
    text-align: center;
    /* padding-top: 15px; */
}

#contactdiv a{
	color:#666;
}

#contactdiv .contactitem{
	padding: 10px 0;
}


.clientcase-tpcasehead-banner{
  position: relative;
  background:  no-repeat;
  text-align: center;
}

.clientcase-tpcasehead-banner .link{
  display: block;
  width: 200px;
  height: 60px;
  background-image: linear-gradient(90deg, #ff8b39 0%, #ffa629 100%), linear-gradient( #ffffff, #ffffff);
  border-radius: 4px;
  text-align: center;
  line-height: 60px;
  font-size: 16px;
  color: white;
}

.clientcase-list-item{
  width:360px;
  height:460px;
  border:solid 1px #e5e5e5;
  margin-right:35px;
  margin-bottom:50px;
  padding: 0;
}

.clientcase-list-item .image{
  height:240px;
}

.clientcase-list-item .content{
  height:240px;
}

.clientcase-list-title{
  text-align: center;
  font-size: 36px;
  margin-bottom: 50px;
}

.clientcase-list-item .content .titlecontainer{
  display: block;
  padding: 20px 50px 24px 24px;
}

.clientcase-list-item .content .titlecontainer:hover .title{
	color:#008cd6;
}


.clientcase-list-item .content .titlecontainer .title{
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 18px;
  color: #1a1a1a;
}

.clientcase-list-item .content .textcontainer .text{
  padding: 0 24px;
}

.clientcase-list-item .content .text{
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  line-height: 22px;
  font-size: 12px;
  color: #666666;
}

.home_banner{
	padding-top: 0 !important;
}
	



