@charset "utf-8";
/* CSS Document */
body {
  background: #f6f6f6;
}
#Detailbanner .ban {
  overflow: hidden;
  height: 270px;
  position: relative;
  color: #fff;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#Detailbanner h1 {
  font-size: 36px;
  line-height: 40px;
  padding-bottom: 15px;
}
/****** location--style ******/
.location {
  height: 60px;
}
.location i {
  font-size: 22px;
  color: #fff;
}
.location span.title {
  display: none;
}
.location span.space {
  font-size: 14px;
  color: #fff;
  display: inline-block;
}
.location span.space a {
  font-size: 14px;
  color: #fff;
  line-height: 60px;
  display: inline-block;
  margin: 0 10px;
  text-transform: uppercase;
}
.location span.space a:hover {
  color: #df0000;
}
.location span.space span {
  font-size: 14px;
  color: #fff;
  line-height: 60px;
  display: inline-block;
  margin: 0 15px;
  text-transform: uppercase;
}
/****** Detail-share-style ******/
.Detail-share {
  text-align: center;
}
.share {
  text-align: center;
  margin: 0 auto;
}
.share .share-name {
  float: left;
  font-size: 14px;
  color: #333;
  line-height: 30px;
}/*修改*/
.share .bdsharebuttonbox {
  float: left;
}/*修改*/
.share .bdsharebuttonbox a {
  overflow: hidden;
  float: right;
  margin: 2px 2px;
  border-radius: 50%;
  width: 26px;
  height: 26px;
}
.share .bds_more {
  background: url('../images/icon/icon-more.jpg') no-repeat center center !important;
}
.share .bds_tsina {
  background: url('../images/icon/icon-weibo.jpg') no-repeat center center !important;
}
.share .bds_weixin {
  background: url('../images/icon/icon-weixin.jpg') no-repeat center center !important;
}
.share .bds_qzone {
  background: url('../images/icon/icon-qq.jpg') no-repeat center center !important;
  background-image: url('../images/icon/icon-qq.jpg');
}
.share .bds_tqq {
  background: url('../images/icon/icon-qqkj.jpg') no-repeat center center !important;
  background-image: url('../images/icon/icon-qqkj.jpg');
}
/****** css3--transition--style ******/
.trst5s {
  transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
}
.trst3s {
  transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}
/****** pager--style ******/
#SC_pager {
  text-align: center;
}
#SC_pager .fPage {
  margin: 20px 0;
}
#SC_pager .fPage a, #SC_pager .fPage span {
  display: inline-block;
  text-align: center;
  font-size: 12px;
  line-height: 36px;
  color: #000;
  border: 1px solid #ccc;
  margin: 0 5px 0 0;
  height: 36px;
  min-width: 36px;
  font-weight: bold;
  border: 1px solid #cccccc;
  cursor: pointer;
  padding: 0 10px;
  border-radius: 3px;
}
#SC_pager .fPage a.pgnext, #dcms_pager .fPage a.pgnext {
  padding: 0 10px;
  font-weight: 100;
  font-family: "宋体";
}
#SC_pager .fPage a.pgempty {
  display: inline-block;
  text-align: center;
  font-size: 12px;
  line-height: 30px;
  color: #333;
  height: 30px;
  border: 1px solid #d7d7d7;
  padding: 0 10px;
  cursor: pointer;
}
#SC_pager .fPage .fCurrent {
  background: #cf0303;
  color: #fff;
  border: 1px solid #cf0303;
}
#SC_pager .fPage a:hover {
  background: #cf0303;
  color: #fff;
  border: 1px solid #cf0303;
}
/****** Detail--bottom--style ******/
.Detail-page {
  padding-bottom: 30px;
  border-top: 1px solid #dadada;
  padding-top: 20px;
}
.Detail-page .switch {
}
.Detail-page .switch a {
  display: block;
  font-size: 14px;
  color: #424242;
  line-height: 40px;
  position: relative;
  padding-left: 15px;
}
.Detail-page .switch a span {
  color: #000;
}
.Detail-page .switch a i {
  font-size: 20px;
  line-height: 40px;
  color: #999;
  margin-right: 10px;
}
.Detail-page .switch a:hover {
  color: #0053a3;
}
.Detail-page .switch a:hover span {
  color: #0053a3;
}
.Detail-page .switch a:hover i {
  color: #0053a3;
}
.Detail-page .right {
  text-align: right;
}
.Detail-page .share {
  float: right;
  margin-top: 15px;
  margin-right: 10px;
}
.Detail-page a.return {
  float: right;
  font-size: 14px;
  color: #333;
  line-height: 36px;
  margin: 10px 0;
  border: 1px solid #999;
  display: inline-block;
  border-radius: 6px;
  padding: 0 20px;
  padding-left: 50px;
  background: url('../images/Icon-return.png') no-repeat left 20px center;
}
/****** Detail-public-style ******/
.Detail-more {
  padding: 20px 0;
}
.Detail-more p {
  font-size: 16px;
  color: #333;
  line-height: 30px;
}
.Up-Down-page {
  position: relative;
  background: #fff;
  padding: 15px;
  width: 100%;
  margin: 20px 0;
  box-sizing: border-box;
  margin-bottom: 0;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}
.Up-Down-page .prev {
  float: left;
}
.Up-Down-page .next {
  float: right;
}
.Up-Down-page a {
  font-size: 14px;
  color: #666666;
  line-height: 26px;
  display: block;
}
.Up-Down-page .prev a {
  background: url('../images/icon/icon_left.png') no-repeat left center;
  padding-left: 20px;
}
.Up-Down-page .next a {
  background: url('../images/icon/icon_right.png') no-repeat right center;
  padding-right: 20px;
}
.Up-Down-page .Return {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -15px;
  margin-top: -15px;
  background: url('../images/icon/icon_menu01.png') no-repeat center center;
}
.Up-Down-page .Return:hover {
  background: url('../images/icon/icon_menu02.png') no-repeat center center;
}
.Up-Down-page .prev a:hover {
  background: url('../images/icon/icon_left01.png') no-repeat left center;
  color: #df0000;
}
.Up-Down-page .next a:hover {
  background: url('../images/icon/icon_right01.png')no-repeat right center;
  color: #df0000;
}
/****** Detail-public--style ******/
.Detail-conten {
  position: relative;
}
.Detail-Top {
  background: #fff;
}
.Detail-Top .fl {
  float: left;
  position: relative;
}
.Detail-Top h2 {
  font-size: 24px;
  color: #113f8d;
  line-height: 60px;
  cursor: pointer;
  display: none;
}
.Detail-Top .iconfont {
  font-size: 20px;
  line-height: 60px;
  margin-left: 15px;
  color: #666;
}
.Detail-nav {
  text-align: center;
}
.Detail-nav li {
  display: inline-block;
}
.Detail-nav li a {
  font-size: 16px;
  color: #333;
  line-height: 66px;
  display: block;
  padding: 0 5px;
  margin: 0 20px;
  position: relative;
}
.Detail-nav li .line {
  position: absolute;
  bottom: 0;
  left: 50%;
  height: 3px;
  width: 0;
  display: block;
  background: #d22929;
  transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}
.Detail-nav li.cur a, .Detail-nav li:hover a {
  color: #d22929;
}
.Detail-nav li.cur .line, .Detail-nav li:hover .line {
  width: 100%;
  left: 0;
}
.Detail-main {
  padding: 40px 0;
}
/****** Detail-About--style ******/
.aboutus-company {
  background: #fff;
  margin-bottom: 20px;
}
.aboutus-company .fr {
  float: right;
  width: 45%;
}
.aboutus-company .fl {
  float: left;
  width: 55%;
}
.aboutus-introduce {
  padding: 60px 30px;
}
.aboutus-introduce h3 {
  font-size: 24px;
  color: #333;
  line-height: 30px;
  padding-bottom: 20px;
  position: relative;
  font-weight: bold;
  margin-bottom: 20px;
}
.aboutus-introduce h3 .line {
  background: #ededed;
  height: 4px;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 45px;
  display: block;
}
.aboutus-introduce p {
  font-size: 16px;
  color: #666;
  line-height: 1.8;
  margin-bottom: 20px;
}
.aboutus-advantage {
  position: relative;
}
.adv-list {
  position: absolute;
  left: 0;
  top: 0;
  padding: 50px 40px;
  color: #fff;
  width: 100%;
}
.adv-list h3 {
  font-size: 30px;
  margin-bottom: 40px;
}
.about-ul {
  margin: 0 40px;
}
.about-ul li {
  float: left;
  width: 50%;
  text-align: center;
  padding: 20px;
}
.about-ul strong {
  display: block;
  font-weight: 500;
  height: 90px;
}
.about-ul .number {
  font-size: 72px;
  line-height: 80px;
  font-family: 'DINCond-Mediumf17bc02ea5a8d';
}
.about-ul .jia {
  font-size: 72px;
  line-height: 80px;
  font-family: 'DINCond-Mediumf17bc02ea5a8d';
}
.about-ul .year {
  font-size: 18px;
  line-height: 60px;
}
.about-ul p {
  font-size: 16px;
  line-height: 30px;
  text-align: center;
}
.about-office {
  background: #fff;
  margin-bottom: 20px;
}
.about-office .fl {
  float: left;
  width: 32%;
  padding: 40px;
}
.about-office .fr {
  float: right;
  width: 66%;
}
.about-office h3 {
  font-size: 24px;
  color: #000;
  line-height: 30px;
  padding-bottom: 15px;
  position: relative;
  font-weight: 500;
  margin-bottom: 20px;
}
.about-office h3 .line {
  width: 18px;
  height: 2px;
  display: block;
  background: #b5b5b5;
  position: absolute;
  left: 0;
  bottom: 0;
}
.about-office p {
  font-size: 16px;
  color: #666;
  line-height: 1.8;
}
.about-office strong {
  font-family: 'DINCond-Mediumf17bc02ea5a8d';
  font-size: 72px;
  color: #000000;
  line-height: 1.5;
  display: block;
}
.about-office span {
  font-size: 16px;
  color: #333;
}
.about-listpic .fl, .about-listpic .fr {
  width: 49%;
  position: relative;
}
.about-listpic span {
  font-size: 16px;
  color: #fff;
  line-height: 50px;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
/****** Detail-Honor--style ******/
.Honor-ul {
  margin: 0 -15px;
}
.Honor-ul li {
  float: left;
  width: 33.33%;
}
.Honor-ul .Item {
  margin: 15px;
  background: #fff;
  padding: 50px;
  text-align: center;
}
/****** Detail-course--style ******/
.course {
  background: #fff;
  padding: 70px 50px 70px 280px;
}
.course-list {
  position: relative;
  padding: 40px 0;
}
.course-line {
  position: absolute;
  left: 100px;
  top: 0;
  width: 1px;
  height: 100%;
  background: #f0f1f3;
}
.course-Item {
  padding: 5px 0;
  padding-left: 170px;
  position: relative;
  margin-bottom: 50px;
  background: url('../images/icon-zj.jpg') no-repeat left 95px top 0;
  min-height: 60px;
}
.course-Item p {
  font-size: 16px;
  color: #333;
  line-height: 1.8;
}
.course-date {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 24px;
  color: #d22929;
  line-height: 1.8;
  font-family: Arial;
}
/****** Detail-culture--style ******/
.culture {
  background: #fff;
}
.culture .fl, .culture .fr {
  width: 50%;
}
.culture-Item {
  padding: 60px 50px;
  height: 340px;
}
.culture-Item h3 {
  font-size: 30px;
  color: #d22929;
  line-height: 1.8;
}
.culture-Item p {
  font-size: 18px;
  color: #333;
  line-height: 1.8;
}
.culture-top .fl .fl {
  background: url('../images/jbbg02.jpg') no-repeat;
}
.culture-bottom .fr .fr {
  background: url('../images/jbbg03.jpg') no-repeat;
}
/****** Detail-News--style ******/
.news-ul {
  margin: 0 -17px;
}
.news-ul li {
  float: left;
  width: 33.33%;
}
.news-Item {
  margin: 17px;
  background: #fff;
  border: 1px solid #e4e3e3;
  padding: 30px;
  padding-bottom: 20px;
}
.news-Item .pic {
  margin-bottom: 10px;
  overflow: hidden;
}
.news-Item .pic img {
  transition: all 0.3s linear;
  width: 100%;
  height: 250px;
}
.news-Item h3 {
  font-size: 16px;
  color: #060001;
  line-height: 1.8;
  font-weight: 500;
}
.release-time {
  font-size: 14px;
  color: #999;
  line-height: 30px;
}
.news-Item p {
  font-size: 14px;
  color: #666;
  line-height: 22px;
  height: 44px;
  overflow: hidden;
  margin-bottom: 10px;
}
.news-Item .iconfont {
  font-size: 26px;
  color: #e9e9e9;
  font-weight: bold;
  transition: all 0.3s linear;
}
.news-Item:hover .pic img {
  transform: scale(1.1);
}
.news-Item:hover h3, .news-Item:hover .iconfont {
  color: #df0000;
}
/****** Detail-NewsInfo--style ******/
.NewsInfo-content {
  background: #fff;
  padding: 40px;
  margin-bottom: 30px;
}
.NewsInfo .Title {
  border-bottom: 1px dashed #c6c6c6;
  padding: 20px 0;
  text-align: center;
}
.NewsInfo .Title h3 {
  font-size: 24px;
  color: #e20202;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 10px;
}
.NewsInfo .Title .Info span {
  display: inline-block;
  font-size: 14px;
  color: #999;
  line-height: 30px;
  margin: 0 10px;
}
.NewsInfo .Title .Info .iconfont {
  margin-right: 5px;
  font-size: 14px;
  color: #999;
  line-height: 30px;
}
.Down-page {
  position: relative;
  background: #fff;
  padding: 15px;
  width: 100%;
  padding: 25px 40px;
  box-sizing: border-box;
}
.Down-page .prev {
  float: left;
}
.Down-page .next {
  float: right;
}
.Down-page a {
  font-size: 14px;
  color: #666666;
  line-height: 26px;
  display: block;
}
.Down-page a .iconfont {
  float: left;
  margin-right: 10px;
  color: #999;
}
.Down-page .Return {
  width: 60px;
  height: 30px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -30px;
  margin-top: -15px;
}
.Down-page a:hover {
  color: #df0000;
}
.Down-page a:hover .iconfont {
  color: #df0000;
}
/*新增样式*/
.news-label strong {
  font-size: 20px;
  color: #333;
}
.news-label span {
  display: inline-block;
  margin: 0 10px;
  font-size: 16px;
  color: #333;
  line-height: 30px;
  padding: 0 25px;
  border: 1px solid #ebebeb;
  border-radius: 18px;
}
.news-label span:hover {
  color: #df0000;
  border-color: #df0000;
}
.Related-news {
  background: #fff;
  margin-top: 20px;
  padding: 20px 30px;
}
.Related-news h1 {
  font-weight: 500;
  font-size: 24px;
  color: #333;
  line-height: 30px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ebebeb;
}
.Related-news h1 a {
  float: right;
  font-size: 14px;
  color: #666;
}
.Related-news h1 a:hover {
  color: #cf0303;
}
.Related-news h2 {
  font-weight: 500;
  font-size: 24px;
  color: #333;
  line-height: 30px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ebebeb;
}
.Related-news h2 a {
  float: right;
  font-size: 14px;
  color: #666;
}
.Related-news h2 a:hover {
  color: #cf0303;
}
.Related-news li {
  line-height: 40px;
  float: left;
  width: 50%;
  padding-right: 15px;
}
.Related-news li:last-child {
  border-bottom: none;
}
.Related-news li a {
  font-size: 16px;
  color: #333;
  line-height: 50px;
  padding-left: 15px;
  background: url('../images/icon_sj01.jpg') no-repeat left center;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.Related-news li a:hover {
  color: #cf0303;
}
.Right-news {
  margin-bottom: 20px;
}
.Hotnews-Rtit {
  font-size: 20px;
  color: #000;
  line-height: 30px;
  margin-bottom: 15px;
}
.Hotnews-Rtit a {
  float: right;
  font-size: 14px;
  color: #666;
}
.Hotnews-Rtit a:hover {
  color: #cf0303;
}
.Hotnews-list {
  background: #fff;
  padding: 10px 25px;
}
.Hotnews-list li {
  border-bottom: 1px dashed #ddd;
}
.Hotnews-list li:last-child {
  border-bottom: none;
}
.Hotnews-list li a {
  font-size: 14px;
  color: #333;
  line-height: 50px;
  padding-left: 15px;
  background: url('../images/icon_sj01.jpg') no-repeat left center;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.Hotnews-list li a:hover {
  color: #cf0303;
}
/*新增样式*/

/****** Detail-Team--style ******/
.Team-list {
  margin: 20px -16px;
  margin-bottom: 10px;
}
.Team-list li {
  float: left;
  width: 25%;
}
.Team-Item {
  margin: 16px;
  background: #fff;
  transition: all 0.3s linear;
}
.Team-Item .pic {
  overflow: hidden;
}
.Team-Item .pic img {
  width: 100%;
  transition: all 0.3s linear;
  height: 389px
}
.Team-Item .intro {
  padding: 20px;
  border-bottom: 1px solid #e5e5e5;
}
.Team-Item h3 {
  font-size: 18px;
  color: #000;
  line-height: 30px;
}
.Team-Item h3 .en {
  font-size: 14px;
  color: #666;
  line-height: 30px;
  margin-left: 10px;
  font-weight: 500;
}
.Team-Item p {
  font-size: 14px;
  color: #666;
  line-height: 26px;
  height: 52px;
  overflow: hidden;
}
.Team-Item .team-abtn {
  overflow: hidden;
}
.Team-Item .team-abtn a {
  transition: all 0.3s linear;
  display: block;
  padding: 15px 20px;
  text-align: center;
  float: left;
  width: 50%;
  font-size: 14px;
  color: #666;
  line-height: 30px;
}
.Team-Item .team-abtn .iconfont {
  color: #b2b2b2;
  font-size: 18px;
  margin-right: 10px;
}
.Team-Item .team-abtn a.btn01 {
  border-right: 1px solid #e5e5e5;
}
.Team-Item .team-abtn .icon-aixin {
  font-size: 20px;
}
.Team-Item:hover {
  box-shadow: 0 0 5px 1px #e3e3e3;
}
.Team-Item:hover .pic img {
  transform: scale(1.1);
}
.Team-Item .team-abtn a:hover {
  background: #df0000;
  color: #fff;
}
.Team-Item .team-abtn a:hover .iconfont {
  color: #fff;
}
.designer-list .team-title {
    border-left: 7px solid #F00;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 7px;
  width: 1200px;
  margin: 0 auto 7px;
  padding-left: 7px;
}
.designer-list .team-text {
  width: 1200px;
  margin: 0 auto 27px;
  overflow: hidden;
  line-height: 200%;
  font-size: 15px;
}
/*新增样式*/
#region {
  padding-top: 40px;
}
.region-list li {
  width: 33.33%;
}
/*新增样式*/
/****** Detail-HotTeam--style ******/
.HotTeam {
  background: #fff;
  padding: 30px;
  position: relative;
  margin-bottom: 30px;
}
.HotTeam .pic {
  float: left;
  width: 49%;
}
.HotTeam .pic img {
  width: 100%;
}
.HotTeam .Intro {
  float: right;
  width: 48%;
}
.HotTeam h1 {
  font-size: 24px;
  color: #cf0303;
  line-height: 50px;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 10px;
}
.HotTeam p {
  font-size: 16px;
  color: #666;
  line-height: 30px;
}
.HotTeam .team-abtn {
  position: absolute;
  bottom: 30px;
}
.HotTeam .team-abtn a {
  display: inline-block;
  width: 140px;
  height: 56px;
  border: 1px solid #ebebeb;
  border-radius: 5px;
  margin-right: 15px;
  font-size: 14px;
  color: #000;
  line-height: 56px;
  text-align: center;
  transition: all 0.3s linear;
}
.HotTeam .team-abtn .iconfont {
  font-size: 18px;
  margin-right: 10px;
}
.HotTeam .team-abtn .icon-aixin {
  font-size: 20px;
}
.HotTeam .team-abtn a:hover {
  color: #fff;
  background: #cf0303;
}
/****** Detail-TeamInfo--style ******/
#TeamInfo .Detail-main {
  padding-top: 0;
  padding-bottom: 60px;
}
.Team-ban {
  height: 625px;
  background-repeat: no-repeat;
  background-position: center center;
  text-align: center;
  padding-top: 30px;
}
.Head-portrait {
  width: 192px;
  height: 192px;
  border-radius: 50%;
  padding: 5px;
  margin: 10px auto;
  background: #9c9ea0;
}
.Head-portrait img {
  width: 182px;
  height: 182px;
  border-radius: 50%;
}
.personal-profile h3 {
  font-size: 18px;
  color: #fff;
  line-height: 30px;
}
.personal-profile h3 span {
  font-size: 16px;
  font-weight: 500;
  margin-left: 20px;
}
.personal-profile p {
  font-size: 14px;
  color: #fff;
  line-height: 26px;
}
.personal-profile .btn-yysj {
  background: #e21010;
  width: 150px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 14px;
  display: block;
  color: #fff;
  border-radius: 5px;
  margin: 20px auto;
}
.team-text {
  max-height: 200px;
  overflow-y: scroll;
}
.sample-reels {
  background: #fff;
  margin-top: -80px;
}
.sample-reels h1 {
  font-size: 24px;
  color: #666;
  line-height: 60px;
  padding: 20px 0;
  text-align: center;
  border-bottom: 1px solid #eaeaea;
  font-weight: 500;
}
.sample-reels h1 .icon-tuku {
  font-size: 30px;
  color: #7f7f7f;
  margin-right: 10px;
  position: relative;
  margin-top: 5px;
  height: 60px;
  line-height: 60px;
}
.sample-reels .opus-list {
  margin: 20px 15px;
}
.opus-list li {
  float: left;
  width: 25%;
}
.case-item {
  margin: 15px;
  transition: all 0.3s linear;
  background: #fff;
}
.case-item .pic {
  overflow: hidden;
  position: relative;
}
.case-item .pic img {
  width: 100%;
  transition: all 0.3s linear;
  height: 299px;
}
.case-item .intro {
  position: relative;
}
.case-item h3 {
  font-size: 16px;
  color: #000;
  line-height: 40px;
  font-weight: 500;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
}
.case-item p {
  font-size: 14px;
  color: #666;
  line-height: 30px;
}
.case-item .yysj-btn {
  transition: all 0.3s linear;
  position: absolute;
  right: 30px;
  top: 20px;
  border: 1px solid #e1e1e1;
  padding: 10px 20px;
  border-radius: 5px;
  font-size: 14px;
  color: #666;
  line-height: 25px;
}
.case-item:hover {
  box-shadow: 0 0 5px 1px #e1e1e1;
}
.case-item:hover .pic img {
  transform: scale(1.1);
}
.case-item:hover .yysj-btn {
  background: #df0000;
  color: #fff;
}
#Case-list .pic .text {
  position: absolute;
  right: 15px;
  line-height: 2;
  bottom: 15px;
  color: #fff;
  display: none;
  animation-duration: .5s;
  padding-left: 12px;
  padding-right: 12px;
  background: orange;
}
#Case-list .pic:hover .text {
  display: block;
}
/****** Detail-Contact--style ******/
.Contact-banner {
  height: 740px;
  padding-top: 70px;
}
.Contact-banner .container {
  position: relative;
  height: 100%;
}
.Contact .fl {
  float: left;
  width: 50%;
}
.Contact .fr {
  float: right;
  width: 43%;
  color: #fff;
  padding-top: 50px;
}
.Contact h1 {
  font-size: 36px;
  color: #fff;
  line-height: 40px;
  padding-bottom: 20px;
  border-bottom: 1px solid #989ba2;
}
.Contact .Item {
  padding: 20px 0;
  border-bottom: 1px solid #989ba2;
}
.Contact .Item h4 {
  font-size: 18px;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 9px;
  text-align: left;
}
.Contact .Item p {
  font-size: 14px;
  line-height: 1;
}
.Hotline {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background-image: url('../images/icon/bg-col.png');
  padding: 20px 160px;
  color: #fff;
  overflow: hidden;
}
.Hotline-item {
  float: left;
  width: 50%;
  text-align: center;
}
.Hotline-item p {
  text-align: left;
  margin-left: 80px;
  float: left;
  padding-left: 80px;
}
.Hotline-item strong {
  font-size: 30px;
  line-height: 40px;
  display: block;
  font-weight: 500;
}
.Hotline-item p span {
  font-size: 14px;
  line-height: 20px;
}
.Hotline-item .circular {
  margin-left: 50px;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  border: 1px solid #fff;
  display: block;
  float: left;
  border-radius: 50%;
}
.Hotline-item p.zx_rx {
  background: url('../images/icon_lx01.png') no-repeat left center;
}
.Hotline-item p.sh_rx {
  background: url('../images/icon_lx02.png') no-repeat left center;
}
.Contact-list {
  border: 1px solid #e8e8e8;
}
.Contact-list li {
  float: left;
  width: 50%;
}
.Contact-list .Item {
  background: #fff;
  border: 1px solid #e8e8e8;
  padding: 40px 50px;
}
.Contact-list .Item h3 {
  font-size: 18px;
  color: #000;
  line-height: 40px;
  margin-bottom: 10px;
}
.Contact-list .Item p {
  font-size: 14px;
  color: #666;
  line-height: 30px;
  margin-bottom: 10px;
  padding-left: 35px;
  background-repeat: no-repeat;
  background-position: left 0 top 10px;
}
.Contact-list .Item p.icon-tel {
  background-image: url('../images/icon_phone.png');
}
.Contact-list .Item p.icon-fax {
  background-image: url('../images/icon_fax.png');
}
.Contact-list .Item p.icon-address {
  background-image: url('../images/icon_address.png');
}
.case-search {
  margin: 50px 0 0;
  background: url('../images/searchbg.jpg') no-repeat center bottom;
  height: 80px;
}
.case-search .case-form {
  width: 600px;
  height: 60px;
  margin: 0 auto;
  padding: 5px 70px 5px 30px;
  border-radius: 30px;
  background: #fff;
  border: 1px solid #e5e5e5;
  position: relative;
}
.case-search .case-form .KeyWord {
  width: 100%;
  height: 50px;
  background: none;
  border: none;
  font-size: 14px;
  color: #333;
  line-height: 50px;
}
.case-search .case-form .opinst {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #d60000 url(../images/icon-s1.png);
  position: absolute;
  right: 5px;
  top: 5px;
  border: none;
}
.case-search .case-form input:focus {
  outline: none;
}
/****** Detail-Case-list--style ******/
#Case-list {
  padding-bottom: 60px;
}
.Case-list {
  margin: 0 -15px;
}
.Case-list li {
  float: left;
  width: 33.3%;
}
.Search-criteria {
  background: #fff;
  margin: 30px 0;
}
.search-ul {
  overflow: hidden;
}
.search-ul li {
  float: left;
}
.search-ul li a {
  font-size: 20px;
  line-height: 30px;
  padding: 0 10px;
  border-radius: 5px;
  margin: 10px;
  display: block;
}
.criteria {
  padding: 20px 40px;
  border-bottom: 1px solid #ebebeb;
  position: relative;
  padding-left: 120px;
}
.criteria .name {
  font-size: 14px;
  color: #000;
  position: absolute;
  left: 40px;
  top: 20px;
  margin: 10px;
}
.search-ul li.cur a {
  background: #df0000;
  color: #fff;
}
/*新增样式*/
.key-words {
  text-align: center;
}
.key-words a, .key-words .Tit {
  font-size: 16px;
  color: #333;
  line-height: 30px;
  margin: 0 6px;
}
.key-words a:hover {
  color: #df0000;
}
.Hotcase {
  margin-top: 40px;
}
.Hotcase-tit {
  font-size: 24px;
  color: #cf0303;
  line-height: 40px;
  margin-bottom: 10px;
}
.Hotcase-list {
  margin: 0 -15px;
}
.Hotcase-list .owl-theme .owl-controls .owl-nav [class*=owl-] {
  position: absolute;
  top: -50px;
  right: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #e2e2e2;
}
.Hotcase-list .owl-theme .owl-controls .owl-nav .owl-prev {
  right: 60px;
  background: #fff url('../images/icon-left01.png') no-repeat center;
}
.Hotcase-list .owl-theme .owl-controls .owl-nav .owl-next {
  right: 15px;
  background: #fff url('../images/icon-right01.png') no-repeat center;
}
.Hotcase-list .owl-theme .owl-controls .owl-nav .owl-prev:hover {
  background: #cf0303 url('../images/icon-left02.png') no-repeat center;
}
.Hotcase-list .owl-theme .owl-controls .owl-nav .owl-next:hover {
  background: #cf0303 url('../images/icon-right02.png') no-repeat center;
}
.Hotcase-Rtit {
  font-size: 20px;
  color: #000;
  line-height: 30px;
}
.Right-Hotcase .Hotcase-list {
  margin: 0;
}
.Right-Hotcase .Hotcase-list .case-item {
  margin: 15px 0;
}
.Right-Hotcase .Hotcase-list .case-item .intro {
  text-align: center;
}
.Right-Hotcase .owl-theme .owl-controls .owl-nav [class*=owl-] {
  top: -35px;
}
.Right-Hotcase .owl-theme .owl-controls .owl-nav .owl-prev {
  right: 40px;
}
.Right-Hotcase .owl-theme .owl-controls .owl-nav .owl-next {
  right: 0;
}
.Right-companyul {
  background: #fff;
  padding: 10px 25px;
  margin-top: 20px;
}
.Right-companyul li {
  border-bottom: 1px dashed #ddd;
}
.Right-companyul li:last-child {
  border-bottom: none;
}
.Right-companyul li a {
  font-size: 16px;
  color: #333;
  line-height: 50px;
  padding-left: 15px;
  background: url('../images/icon_sj01.jpg') no-repeat left center;
}
.Right-companyul li a:hover {
  color: #cf0303;
}
/*新增样式*/

/****** Detail-Case info--style ******/
#Caseinfo {
  padding: 30px 0;
}
.Detail-left {
  float: left;
  width: 73%;
}
.Detail-right {
  float: right;
  width: 25%;
}
.CaseInfo {
  background: #fff;
  padding: 30px;
}
.CaseInfo h1 {
  font-size: 30px;
  color: #281b1b;
}
.CaseInfo .Title {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e8e8e8;
}
.CaseInfo .Detail-share {
  width: 210px;
}
.case-label {
  font-size: 16px;
}
.case-label span {
  margin-right: 15px;
}
.Related-members {
  margin-top: 40px;
}
.Related-tit {
  font-size: 18px;
  color: #000;
  line-height: 30px;
  margin-bottom: 10px;
  font-weight: 500;
}
.Related-list {
  margin: 0 -15px;
}
.Related-list li {
  float: left;
  width: 25%;
}
.Related-list .Item {
  margin: 15px;
  text-align: center;
  border: 1px solid #e8e8e8;
  padding: 30px 0;
  transition: all 0.3s linear;
}
.Related-list .Item .pic {
  width: 115px;
  height: 115px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
}
.Related-list .Item .pic img {
  width: 100%;
}
.Related-list .Item h3 {
  font-size: 18px;
  color: #000;
  line-height: 40px;
}
.Related-list .Item p {
  font-size: 14px;
  color: #666;
  line-height: 30px;
}
.Related-list .Item:hover {
  box-shadow: 0 0 5px 1px #e3e3e3;
}
.Related-list .Item:hover h3 {
  color: #df0000;
}
.Right-box {
  border: 1px solid #e8e8e8;
  background: #fff;
  padding: 30px 40px;
  margin-bottom: 30px;
}
.Creative-design {
  text-align: center;
}
.Creative-design .pic {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto 10px;
}
.Creative-design h3 {
  font-size: 18px;
  color: #000;
  line-height: 40px;
}
.Creative-design p {
  font-size: 16px;
  color: #666;
  line-height: 40px;
  margin-bottom: 20px;
}
.Right-ljzx {
  width: 100%;
  font-size: 16px;
  color: #e10505;
  line-height: 50px;
  border: 2px solid #e10505;
  display: block;
  transition: all 0.3s linear;
}
.Right-ljzx:hover {
  background: #df0000;
  color: #fff;
}
.right-form h3 {
  font-size: 20px;
  color: #000;
  line-height: 40px;
}
.right-form p {
  font-size: 18px;
  color: #666;
  line-height: 30px;
}
.form-item {
  margin: 20px 0;
  border: 1px solid #e8e8e8;
  height: 50px;
  padding-left: 50px;
  position: relative;
}
.form-label {
  position: absolute;
  left: 0;
  top: 0;
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 50px;
}
.form-label .iconfont {
  font-size: 18px;
  color: #999;
  line-height: 50px;
}
.form-inner input {
  width: 100%;
  height: 48px;
  border: none;
  font-size: 16px;
  color: #666;
  line-height: 48px;
}
.form-inner input:focus {
  outline: none;
}
.form-submit {
  padding: 0;
}
.form-submit .btn-form {
  font-size: 16px;
  color: #fff;
  line-height: 50px;
  height: 50px;
  background: #df0000;
  border: none;
  width: 100%;
}
/****** Detail-Service--style ******/
.service-Title {
  text-align: center;
  margin-bottom: 30px;
  margin-top: 60px;
}
.service-Title h2 {
  font-size: 26px;
  color: #d80000;
  line-height: 50px;
}
.service-Title strong {
  position: relative;
}
.service-Title strong:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  width: 35px;
  height: 2px;
  background: #d80000;
  left: -50px;
}
.service-Title strong:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  width: 35px;
  height: 2px;
  background: #d80000;
  right: -50px;
}
.service-Title p {
  font-size: 18px;
  color: #333;
  line-height: 30px;
}
.date-ul li {
  float: left;
  width: 25%;
  height: 238px;
  background: url('../images/jbbg01.png') no-repeat center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.date-ul strong {
  display: block;
  font-weight: 500;
}
.date-ul .number {
  font-size: 72px;
  color: #df0000;
  line-height: 80px;
  font-family: 'DINCond-Mediumf17bc02ea5a8d';
}
.date-ul .jia {
  font-size: 72px;
  color: #df0000;
  line-height: 80px;
  font-family: 'DINCond-Mediumf17bc02ea5a8d';
}
.date-ul .year {
  font-size: 18px;
  color: #000;
  line-height: 60px;
}
.date-ul p {
  font-size: 16px;
  color: #000;
  line-height: 30px;
  text-align: center;
}
.service-Pattern {
  background: #f6f6f6 url('../images/servicebg1.png') no-repeat center bottom;
  height: 980px;
}
.Pattern-ul {
  margin-top: 120px;
}
.Pattern-ul li {
  float: left;
  width: 33.33%;
}
.Pattern-ul .Item {
  height: 350px;
  padding: 50px 40px 50px 60px;
  background-position: right bottom;
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-right: 1px;
  margin-bottom: 1px;
}
.Pattern-ul .Item h3 {
  font-size: 24px;
  color: #000;
  line-height: 30px;
  padding-bottom: 15px;
  position: relative;
  margin-bottom: 15px;
}
.Pattern-ul .Item h3 .line {
  width: 21px;
  height: 3px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #a1a1a2;
}
.Pattern-ul .Item p {
  font-size: 16px;
  color: #666;
  line-height: 30px;
}
.service-Promise {
  background: #fff;
  padding-bottom: 60px;
  overflow: hidden;
}
.Promise-text .text-1 {
  font-size: 16px;
  color: #060001;
  line-height: 30px;
  margin-bottom: 30px;
}
.text-inner {
  margin-bottom: 40px;
  padding-left: 200px;
  position: relative;
}
.text-inner strong {
  font-size: 20px;
  color: #060001;
  line-height: 40px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -20px;
}
.text-inner .stress {
  font-size: 16px;
  color: #e7001b;
  font-weight: bold;
  line-height: 30px;
}
.Promise-list {
  margin: 0 -13px;
}
.Promise-list li {
  float: left;
  width: 33.33%;
}
.Promise-list .Item {
  margin: 13px;
  border-radius: 5px;
  border: 1px solid #eaeaea;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.Promise-list .Item .pic {
  overflow: hidden;
  float: left;
  width: 55%;
}
.Promise-list .Item .intro {
  float: right;
  float: right;
  width: 45%;
  padding: 20px 50px 20px 10px;
}
.Promise-list .Item h3 {
  font-size: 18px;
  color: #000;
  line-height: 30px;
  margin-bottom: 10px;
}
.Promise-list .Item p {
  font-size: 16px;
  color: #666;
  line-height: 26px;
}
.After-sale-ul li {
  float: left;
  width: 25%;
  padding: 20px 60px;
  text-align: center;
}
.After-sale-ul .pic {
  position: relative;
  width: 210px;
  height: 210px;
  border-radius: 50%;
  margin: 15px auto;
}
.After-sale-ul .pic span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-size: 30px;
  color: #fff;
  line-height: 50px;
  padding: 0 70px;
  font-weight: bold;
  text-shadow: 1px 1px 5px #333;
}
.After-sale-ul p {
  font-size: 16px;
  color: #666;
  line-height: 30px;
  height: 60px;
}
.Service-flow {
  background: url('../images/lcbg.jpg') no-repeat center bottom;
  height: 594px;
  position: relative;
  padding-top: 20px;
}
.Service-flow .service-Title h2 {
  color: #fff;
}
.Service-flow .service-Title strong:after, .Service-flow .service-Title strong:before {
  background: #fff;
}
.Service-flow .service-Title p {
  color: #fff;
}
.flow-list {
  width: 1200px;
  position: absolute;
  left: 50%;
  margin-left: -595px;
  bottom: 0;
  height: 365px;
  overflow: hidden;
}
.flow-list .flow-Item {
  float: left;
  width: 100px;
  text-align: center;
  padding-bottom: 285px;
  position: relative;
  margin-right: 50px;
  color: #fff;
}
.flow-list .flow-Item::after {
  content: "";
  position: absolute;
  left: 49px;
  bottom: 0;
  height: 70%;
  width: 1px;
  display: block;
  background: #595858;
}
.flow-list .flow-Item .icon {
  background: #df0000;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  color: #000;
  text-align: center;
  border-radius: 50%;
  margin: 0 auto;
  display: block;
  font-family: Arial;
}
.flow-list .flow-Item .cn {
  font-size: 18px;
  color: #fff;
  line-height: 40px;
}
.flow-list .Item01 {
  margin-top: 50px;
}
.flow-list .Item03 {
  margin-top: 55px;
}
.flow-list .Item04 {
  margin-top: 30px;
}
.flow-list .Item05 {
  margin-top: 60px;
}
.flow-list .Item06 {
  margin-top: 25px;
}
.flow-list .Item07 {
  margin-top: 60px;
}
.flow-list .Item08 {
  margin-top: 30px;
}
.Service_flow_img {
  display: none;
}
.bottom-form {
  background: url('../images/formbg01.png') center;
  padding: 50px 0;
  height: 156px;
}
.myform1 {
  width: 1180px;
  margin: 0 auto;
  float: none;
}
.myform1 .form-item {
  margin: 0;
  background: #fff;
  width: 316px;
  height: 55px;
  overflow: hidden;
  float: left;
  border: 1px solid #e9e9e9;
  border-right: none;
  position: relative;
}
.myform1 .form-item:nth-child(3) {
  border-right: 1px solid #e9e9e9;
}
.myform1 .form-label {
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
  text-align: center;
}
.myform1 .form-label .iconfont {
  font-size: 24px;
  color: #999;
  line-height: 53px;
  height: 53px;
}
.myform1 .form-inner {
  padding-left: 60px;
  background: #fff;
}
.myform1 .form-inner input {
  width: 100%;
  height: 53px;
  line-height: 53px;
  padding: 0 10px;
  font-size: 16px;
  color: #333;
  border: none;
}
.myform1 .form-submit {
  margin-left: 14px;
  border: none;
  width: 218px;
}
.myform1 .form-submit .btn-form {
  font-size: 16px;
  color: #fff;
  line-height: 53px;
  height: 55px;
  text-align: center;
  background: #c0000b;
  border: none;
  width: 100%;
}
.myform1 .form-submit .btn-form img {
  margin-left: 10px;
}
/*图片展示*/
.quoted-price {
  height: 745px;
  overflow: hidden;
  text-align: center;
  background: url("../images/Onlinebg.jpg") no-repeat center center;
}
/*装修计算器*/
.check-house, .check-time, .choosebjway li, .ele_bt {
  cursor: pointer;
}
.con h1, .con h3 {
  font-weight: 400;
}
i {
  font-style: normal;
}
.con_text {
  position: absolute;
  right: 0;
  top: -140px;
}
.con {
  width: 980px;
  margin: 0 auto;
  color: #333;
  position: absolute;
  top: 380px;
  left: 50%;
  margin-left: -490px;
  z-index: 12;
}
.con_t {
  font-size: 24px;
  padding-bottom: 15px;
}
.con_bj {
  overflow: hidden;
  position: relative;
  box-shadow: 0 0 10px #ccc;
  background: #fff;
  border-radius: 5px;
}
.con_bj h3 {
  font-size: 20px;
  margin-bottom: 20px;
}
.con_bj_cal {
  position: relative;
  width: 500px;
  padding: 50px 40px 40px;
  border-right: 1px solid #eee;
}
.bj_form {
  width: 370px;
  font-size: 14px;
}
.bj_form .label {
  font-size: 16px;
  color: #333;
  text-align: left;
  margin-left: 0;
}
.mod_form .label {
  width: 100px;
  padding-right: 8px;
  float: left;
  text-align: right;
  line-height: 34px;
}
.bj_res_t, .bj_res_t b, .calc-btn em, .ele_bt {
  text-align: center;
}
.bj_form .element {
  width: 370px;
  position: relative;
  padding-bottom: 18px;
  height: 49px;
}
.bj_form .select {
  width: 320px;
  padding-left: 5px;
  height: 36px;
}
.bj_form .select_s {
  width: 260px;
}
.bj_form .select_s_s {
  width: 78px;
  margin-bottom: 10px;
}
.bj_form .text {
  width: 260px;
  border: 1px solid #cccccc;
}
.bj_form .area_text {
  width: 260px;
  padding: 7px 20px 7px 10px;
  color: #000000;
}
.bj_form .text_wrap {
  position: static;
}
.bj_form .text_wrap .text_lbl {
  left: 11px;
}
.bj_form .text_wrap .unit {
  margin-left: -32px;
  color: #bbb;
}
.bj_form .form_error {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 12px;
}
.ele_b {
  margin-left: -10px;
}
.ele_bt {
  float: left;
  width: 120px;
  height: 32px;
  line-height: 32px;
  margin-right: 10px;
  border: 1px solid #ddd;
}
.ele_bt_on {
  color: #f36f20;
  border-color: #f36f20;
}
.calc-btn {
  position: absolute;
  top: 155px;
  right: -46px;
  display: block;
  width: 90px;
  height: 90px;
  background: #db0000;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 45px;
  z-index: 15;
}
.calc-btn-ie, .ico-line-btn {
  width: 140px;
  height: 140px;
  right: -71px;
  display: block;
  position: absolute;
}
.calc-btn-ie, .ico-line-btn {
  width: 140px;
  height: 140px;
  right: -71px;
  display: block;
  position: absolute;
}
.form_line > .calc-btn-ie {
  top: 119px;
  background: url("../images/ico-line-btn.png") no-repeat;
  background-size: contain;
}
.form_line > .ico-line-btn {
  background: url("../images/ico-line-btn.png") no-repeat;
  top: 130px;
  z-index: 9;
}
.calc-btn-ie {
  top: 119px;
  background: url(http://img.to8to.com/to8to_img/zxbj/ico-line-btn.png) no-repeat;
  background-size: contain;
}
.ico-line-btn {
  background: url(http://img.to8to.com/to8to_img/zxbj/ico-line-btn.png) no-repeat;
  top: 130px;
  z-index: 9;
}
.calc-btn em {
  display: block;
  font-size: 16px;
  color: #fff;
  width: 44px;
  height: 44px;
  margin: 20px auto 0;
}
.circle-animate {
  position: absolute;
  top: 145px;
  right: -56px;
  width: 110px;
  height: 110px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #fdcc9a;
  z-index: 12;
  -webkit-animation: scale-three2 1.5s ease infinite;
  -moz-animation: scale-three2 1.5s ease infinite;
  -o-animation: scale-three2 1.5s ease infinite;
  animation: scale-three2 1.5s ease infinite;
  animation-fill-mode: both;
}
/***** Case ************/
#Case-list .case-item .wenzi {
  background: #fff;
  padding: 15px;
  overflow: hidden;
}
#Case-list .case-item .wenzi span {
  color: #333;
  font-size: 16px;
  display: block;
}
#Case-list .case-item .wenzi .span01 {
  padding-bottom: 5px;
}
#Case-list .case-item .wenzi .span01:hover {
  color: #d60011;
}
#Case-list .case-item .wenzi span strong {
  font-weight: normal;
  font-size: 12px;
  color: #999;
  float: left;
  margin-right: 32px;
}
 @keyframes scale-three2 {
 0% {
transform: scale(1);
opacity: .8;
}
 100% {
transform: scale(1.3);
opacity: 0;
}
}
 @-webkit-keyframes scale-three2 {
 0% {
-webkit-transform: scale(1);
opacity: .7;
}
 100% {
-webkit-transform: scale(1.3);
opacity: 0;
}
}
 @-moz-keyframes scale-three2 {
 0% {
-moz-transform: scale(1);
opacity: .7;
}
 100% {
-moz-transform: scale(1.3);
opacity: 0;
}
}
 @-o-keyframes scale-three2 {
 0% {
-o-transform: scale(1);
opacity: .7;
}
 100% {
-o-transform: scale(1.3);
opacity: 0;
}
}
.con_bj_res {
  width: 340px;
  padding: 45px 50px 0 0;
  color: #333;
  font-size: 14px;
}
.bj_res_t b, .bj_res_ul li b {
  display: inline-block;
  font-weight: 400;
  color: #f36f20;
}
.bj_res_tip, .bj_res_zxd, .res_btn, .tender-video-tip, .tender-video-title {
  text-align: center;
}
.bj_res_ul li strong em {
  display: inline-block;
  width: 55px;
  font-style: normal;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 18px;
}
.let_spac i {
  padding: 0 21px;
}
.bj_res_ul li b {
  width: 107px;
  margin: 0 15px;
  padding-bottom: 3px;
  border-bottom: 1px solid #eaeaea;
  font-size: 20px;
}
.res_btn, .res_btn_box {
  width: 220px;
  height: 42px;
}
.res_btn, .res_btn:hover {
  color: #999;
}
.bj_res_tip {
  color: #999;
  padding-top: 15px;
}
.res_btn_box {
  margin: 0 auto 40px;
}
.calputer_tit span {
  margin-left: 10px;
  color: #db0000;
  font-size: 12px;
}
/*右边*/
.result-wechat-hotad {
  width: 386px;
  /*margin-top: -314px; border: 1px solid red;*/
}
.result-wechat-hotad .bj_res_ul {
  padding: 9px 0;
}
.result-wechat-hotad .num {
  font-size: 30px;
  color: #db0000;
}
.result-wechat-hotad .bj_res_ul {
  width: 340px;
  height: 180px;
  border: 1px solid #ddd;
  margin: 0 auto;
  text-align: center;
  margin-left: 10px;
}
.result-wechat-hotad .bj_res_ul li {
  font-size: 14px;
  height: 40px;
  line-height: 40px;
}
/********导航*******/
.selected-bar{margin:0 auto;padding:15px 30px;background:#fff;color:#333;}
.selected-bar .tit{margin-right:5px;}
.selected-bar .cur{display:inline-block;line-height:28px;color:#333;padding:0 25px 0 14px;border:1px solid #d2d2d2;background:url(../images/icon-close.png) no-repeat 92% center;background-size:10px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;}
.selected-bar .cur:hover{color:#b42e32;border-color:#b42e32;background-image:url(../images/icon-close-on.png);background-size:10px;}
.selected-bar span .count-nun{color:#f00;}
#Detail-Position {
  position: relative;
  padding: 17px 0 7px;
  width: 1200px;
  border-bottom: 1px solid #eee;
  margin: 0 auto;
}
#Detail-Position .button {
  background: #999999;
  position: absolute;
  top: 9px;
  right: 7px;
  color: #fff;
  padding: 5px 27px;
  border-radius: 7px;
}
#Detail-Position .glyphicon {
  font-size: 14px;
  margin-right: 2px;
}
/********案例详情*******/
#Case-Detail {
  width: 1170px;
  margin: 17px auto 0;
}
#Case-Detail .detail_block_1 .r h3 {
    font-size: 18px;
    margin-bottom: 7px;
    border-left: 7px solid #f00;
    padding-left: 7px;
}
#Case-Detail .detail_block_1 .r h3 span {
  font-weight: 500;
  font-size: 14px;
}
#Case-Detail .detail_title {
  border-bottom: 1px solid #eee;
  text-align: center;
}
#Case-Detail .detail_title h3 {
  color: #333;
  font-size: 18px;
  font-weight: bold;
}
#Case-Detail .detail_title p {
  font-size: 12px;
  margin: 8px 0 16px 0;
}
#Case-Detail .detail_block_1, #Case-Detail .detail_block_2, #Case-Detail .detail_block_3 {
  padding-top: 30px;
}
#Case-Detail .detail_block_1 .l {
  width: 857px;
  border-right: 1px dashed #ddd;
  float: left;
  padding-right: 39px;
}
#Case-Detail .detail_block_1 .r {
  width: 275px;
  padding-top: 71px;
  float: right;
}
#Case-Detail .detail_block_1 .r img {
  width: 92%;
  margin-bottom: 15px;
}
#Case-Detail .detail_block_1 .r .detail-designer p {
  font-size: 12px;
  line-height: 2;
}
#Case-Detail .detail_block_1 .detail-designer .button {
  background: #e50606;
  color: #fff;
  float: right;
  height: 21px;
  line-height: 21px;
  border-radius: 10px;
  padding: 0 17px;
}
#Case-Detail .detail_block_1 .detail-designer .detail-button {
  background: #e50606;
  color: #fff;
  text-align: center;
  display: block;
  font-size: 16px;
  line-height: 2.7;
  margin-top: 17px;
  border-radius: 5px;
}
#Case-Detail .detail_block_2 .l {
  padding-right: 39px;
  width: 857px;
  float: left;
}
#Case-Detail .detail_block_2 .r {
  width: 275px;
  float: right;
}
#Case-Detail .detail_block_2 .xmgk {
  border-left: 15px solid #F00;
  font-size: 16px;
  font-weight: bold;
  margin-top: 20px;
  line-height: 200%;
}
#Case-Detail .detail_block_2 .xmgk p {
  margin-left: 10px;
}
#Case-Detail .detail_block_2 .xmgk .p1 {
  border-bottom: 1px solid #F00;
  width: 200px;
}
#Case-Detail .detail_block_2 .xmgk .p22 {
  border-bottom: 1px solid #F00;
  width: 400px;
}
#Case-Detail .detail_block_2 .wzqy {
  width: 830px;
  border-left: #ccc solid 2px;
  border-top: #ccc solid 2px;
  overflow: hidden;
  margin: 20px auto;
  font-size: 16px;
  font-family: "MicrosoftYaHei";
  color: #5d5858;
}
#Case-Detail .detail_block_2 .wzqy .qydiv1 {
  width: 50%;
  text-align: center;
  float: left;
}
#Case-Detail .detail_block_2 .wzqy .qydiv1 .xy1 {
  width: 25%;
  border-bottom: 2px solid #ccc;
  float: left;
  background: #f9f4f4;
  height: 50px;
  line-height: 50px;
  border-right: 2px solid #ccc;
}
#Case-Detail .detail_block_2 .wzqy .qydiv1 .xy2 {
  width: 75%;
  border-bottom: 2px solid #ccc;
  float: left;
  height: 50px;
  line-height: 50px;
  border-right: 2px solid #ccc;
}
#Case-Detail .detail_block_2 .wzqy .qydiv2 {
  width: 50%;
  text-align: center;
  float: right;
}
#Case-Detail .detail_block_2 .wzqy .qydiv2 .xy21 {
  width: 25%;
  border-bottom: 2px solid #ccc;
  float: left;
  background: #f9f4f4;
  height: 50px;
  line-height: 50px;
  border-right: 2px solid #ccc;
}
#Case-Detail .detail_block_2 .wzqy .qydiv2 .xy22 {
  width: 75%;
  border-bottom: 2px solid #ccc;
  float: left;
  height: 50px;
  line-height: 50px;
  border-right: 2px solid #ccc;
}
#Case-Detail .detail_block_2 .r {
  float: right;
  padding-left: 15px;
  padding-right: 15px;
  background: #fff;
  overflow: hidden;
  border: 1px solid #f2f5f5;
  border-top: 5px solid #d60011;
}
#Case-Detail .detail_block_2 .r .title {
  line-height: 60px;
  padding-top: 7px;
  text-align: center;
  color: #d60011;
  font-size: 20px;
}
#Case-Detail .detail_block_2 .r ul li {
  height: 38px;
  background: #f8f8f8;
  margin-bottom: 10px;
}
#Case-Detail .detail_block_2 .r ul li input {
  width: 177px;
  padding-left: 5px;
  height: 38px;
  border: none;
  color: #a8a8a8;
  font-size: 14px;
  background: #f8f8f8;
}
#Case-Detail .detail_block_2 .r ul li span {
  float: left;
  width: 39px;
  height: 22px;
  margin-top: 8px;
}
#Case-Detail .detail_block_2 .r ul .li1 span {
  background: url(../images/chenghu_bj.jpg) center center no-repeat;
  border-right: 1px solid #eee;
}
#Case-Detail .detail_block_2 .r ul .li3 {
  background: #fff;
}
#Case-Detail .detail_block_2 .r ul .li2 span {
  background: url(../images/phone_bj.jpg) center center no-repeat;
  border-right: 1px solid #eee;
}
#Case-Detail .detail_block_2 .r ul li select {
  width: 105px;
  padding-left: 5px;
  border: none;
  background: #f8f8f8;
  line-height: 38px;
  height: 38px;
}
#Case-Detail .detail_block_2 .r ul li select option {
  color: #333;
  font-size: 14px;
}
#Case-Detail .detail_block_2 .r ul li select .r {
  float: right;
}
#Case-Detail .detail_block_2 .r ul .li4 input {
  cursor: pointer;
}
#Case-Detail .detail_block_2 .r ul .li42 {
  height: 42px;
  margin-top: 15px;
  margin-bottom: 0;
}
#Case-Detail .detail_block_2 .r ul .li42 input {
  height: 42px;
  width: 100%;
  font-size: 16px;
  color: #fff;
  background: #d60011;
}
#Case-Detail .detail_block_2 .r ul .li5 {
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 42px;
  background: #222;
  margin-bottom: 30px;
}
#Case-Detail .detail_block_3 .st03_al {
  overflow: hidden;
  height: auto;
  margin-bottom: 17px;
}
#Case-Detail .detail_block_3 .st03_al h2 {
  height: 50px;
  font: 18px/50px "微软雅黑";
  background: url(../images/tjx.gif) no-repeat left bottom;
  overflow: hidden;
}
#Case-Detail .detail_block_3 .st03_al h2 a {
  color: #97292c;
}
#Case-Detail .detail_block_3 .st03_al h2 em {
  height: 50px;
  font: normal 13px/50px Arial, Helvetica, sans-serif;
  color: #a3a3a3;
  padding: 0 0 0 8px;
}
#Case-Detail .detail_block_3 .st02_c {
  height: auto;
  overflow: hidden;
}
#Case-Detail .detail_block_3 .st02_c dl {
  border: 1px solid #d9d9d9;
  width: 267px;
  padding: 8px;
  height: 297px;
  float: left;
  overflow: hidden;
  margin: 30px 17px 0 0;
}
#Case-Detail .detail_block_3 .st02_c dl dt {
  width: 100%;
  border-bottom: 1px solid #d9d9d9;
  line-height: 0;
  font-size: 0;
}
#Case-Detail .detail_block_3 .st02_c dl dt img {
  width: 100%;
  border: 0;
}
#Case-Detail .detail_block_3 .st02_c dl dd {
  padding: 8px 14px 0;
  overflow: hidden;
}
#Case-Detail .detail_block_3 .st02_c dl dd h3 {
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 5px;
  margin-bottom: 7px;
}
#Case-Detail .detail_block_3 .st02_c dl dd h3 a {
  font: 16px/28px "微软雅黑";
  color: #000000;
}
#Case-Detail .detail_block_3 .st02_c p {
  font: 14px/22px "微软雅黑";
  color: #a1a1a1;
  overflow: hidden;
}
#Case-Detail .detail_block_3 .st02_c .nobot {
  margin-right: 0;
}
#Case-Detail .unilineText, .ellipsis {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  white-space: nowrap;
}
/********设计师栏目**********/
#Team .designer-list {
  width: 1220px;
  margin: 27px auto;
}
#Team .glyphicon {
  margin-left: 7px;
}
#Team .button {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  background: #fff;
  border: 1px solid #dcdfe6;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  outline: none;
  transition: .1s;
  font-weight: 500;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 2px;
  box-sizing: content-box;
}
#Team .designer-list .designer-carder {
  width: 305px;
  float: left;
  height: 400px;
  transition: all .5s
}
#Team .designer-list .designer-carder .designer-msg {
  margin: 10px auto;
  width: 285px;
  height: 380px;
  background: #f7f7f7;
  position: relative;
  transition: all .5s
}
#Team .designer-list .designer-carder .designer-msg.reward:after {
  content: '';
  display: block;
  position: absolute;
  width: 70px;
  height: 27px;
  top: 290px;
  right: -4px;
  background-image: url(../images/icon/trophy.png);
  background-size: 100%;
  background-position: center
}
#Team .designer-list .designer-carder .designer-msg .designer-photo {
  width: 100%;
  height: 285px;
  position: relative;
  overflow: hidden;
}
#Team .designer-list .designer-carder .designer-msg .designer-photo .ktal {
  transition: all .5s;
  width: 102px;
  position: absolute;
  z-index: 10;
  background: #333;
  color: #fff;
  border: 0;
  bottom: 0;
  left: 0;
  border-radius: 0;
  opacity: 0;
  filter: alpha(opacity=0)
}
#Team .designer-list .designer-carder .designer-msg .designer-photo .ktal:hover {
  background: #000
}
#Team .designer-list .designer-carder .designer-msg .designer-photo .tuijian {
  position: absolute;
  left: 0;
  top: 10px;
  width: 68px;
  height: 26px;
  background: #e74c3c;
  border-radius: 0 0 15px 0;
  color: #fff;
  line-height: 26px
}
#Team .designer-list .designer-carder .designer-msg .designer-photo .ztsj {
  transition: all .5s;
  width: 103px;
  position: absolute;
  bottom: 0;
  border: 0;
  right: 0;
  opacity: 0;
  border-radius: 0;
  filter: alpha(opacity=0);
  background: #e74c3c;
  color: #fff;
}
#Team .designer-list .designer-carder .designer-msg .designer-name {
  font-size: 18px;
  color: #212628;
  margin-left: 10px;
  margin-top: 11px;
  margin-right: 70px;
  height: 25px;
  line-height: 25px;
  position: relative
}
#Team .designer-list .designer-carder .designer-msg .designer-name span {
  font-size: 14px;
  margin-left: 11px;
}
#Team .designer-list .designer-carder .designer-msg .tag {
  position: absolute;
  width: 50px;
  border: #edecec 1px solid;
  background: #f6e6e6;
  height: 17px;
  color: #eb4f4f;
  line-height: 17px;
  text-align: center;
  font-size: 14px;
  top: 300px;
  left: 174px
}
#Team .designer-list .designer-carder .designer-msg .designer-alnr {
  width: 265px;
  margin: auto;
  height: 25px;
  line-height: 25px
}
#Team .designer-list .designer-carder .designer-msg .designer-alnr .div {
  width: 125px;
  height: 25px;
  color: #666;
  float: left;
  font-size: 14px;
  line-height: 25px
}
#Team .designer-list .designer-carder .designer-msg .designer-alnr .div span {
  color: #212628
}
#Team .designer-list .designer-carder .designer-msg .designer-alnr .div span:hover {
  color: #e74c3c
}
#Team .designer-list .designer-carder .designer-msg .designer-hobbit {
  width: 265px;
  height: 25px;
  margin: auto;
  line-height: 25px
}
#Team .designer-list .designer-carder:hover {
  -ms-box-shadow: 0 0px 15px rgba(0,0,0,0.2);
  -o-box-shadow: 0 0px 15px rgba(0,0,0,0.2);
  box-shadow: 0 0px 15px rgba(0,0,0,0.2)
}
#Team .designer-list .designer-carder:hover .designer-msg {
  background: #fff
}
#Team .designer-list .designer-carder:hover .designer-msg .ktal {
  opacity: 1;
  filter: alpha(opacity=100)
}
#Team .designer-list .designer-carder:hover .designer-msg .ztsj {
  opacity: 1;
  filter: alpha(opacity=100)
}
#Team .designer-list .designer-carder .designer-msg .designer-photo img {
  transition: all 0.3s linear;
}
#Team .designer-list .designer-carder .designer-msg .designer-photo:hover img {
  transform: scale(1.1);
}
/******文章内容页*****/
.gxqm {
  text-align: center;
  margin-top: 60px;
}
.gxqm div {
  font-size: 14px;
  color: #666;
}
.gxqm h3 {
  color: #545450;
  font-size: 36px;
  line-height: 36px;
  font-weight: normal
}
.gxqm .xian {
  text-align: center;
}
.gxqm .xian span {
  display: inline-block;
  width: 166px;
  height: 3px;
  background: #e60012;
}
.diji {
  margin-top: 30px;
}
.diji a {
  display: inline-block;
  padding: 8px 20px;
  background: #e60012;
  font-size: 14px;
  color: #FFF;
  text-decoration: none;
  -moz-border-radius: 5px;      /* Gecko browsers */
  -webkit-border-radius: 5px;   /* Webkit browsers */
  border-radius: 5px;
}
.diji a em {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(wx.png) no-repeat;
  vertical-align: middle;
  margin-right: 5px;
}
.hbd {
  margin-top: 20px;
  font-size: 18px;
  color: #666666;
  margin-bottom: 20px;
}
.telg {
  font-size: 24px;
  color: #666666;
}
.dyf {
  margin-top: 20px;
  font-size: 26px;
  color: #666666;
}
/************缩略图***************/
#Case-Detail .detail-image-thumb li {
  padding: 17px 7px;
}
#Case-Detail .detail-image-thumb .owl-dots {
  display: none !important;
}
/*********图片左右滚动***********/
#Haicheng-Marquee {
  width: 100%;
  overflow: hidden;
}
#Haicheng-Marquee #Haicheng-Marquee-Div {
  float: left;
  width: 888%;
}
#Haicheng-Marquee-Now, #Haicheng-Marquee-Copy {
  float: left;
}
/*************抽奖区***************/
.Gift-Form {
  border: 1px solid #dddddd;
  position: absolute;
  margin-top: 60px;
  background: #ffffff;
  left: 50%;
  margin-left: -795px;
}
@media screen and (max-width: 1360px) {
  .Gift-Form {
    margin-left: -655px;
  }
  .con_bj_cal {
    width: 399px;
    padding: 20px 10px 10px;
  }
}
.area-text ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #909;
}
.area-text :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #909;
}
.area-text ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #909;
}
.area-text :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #909;
}