#main {
  padding-top: 120px;
}
#main.caseList {
  padding-bottom: 0px;
}
#main.caseList .wh1420 {
  padding-bottom: 100px;
}
.anchorBL {
  display: none;
}
#main.contact_us {
  padding-bottom: 0px;
}
#main.designer_details {
  padding-bottom: 0px;
}
#main.anliDetails {
  padding-bottom: 0px;
}
.flipper-page{
    border: none;
}
.flipper-page-wrap{
    pointer-events:none;
}
.flipper-pager-wrap{
    display: none;
}
.flipper-next-page{
   width: 50px;
    height: 50px;
    right: -50px;
    margin-top: -25px;
    background: url(../image/swiper_next.png) center center no-repeat;
    background-size: 20px 32px;
}
.flipper-prev-page{
    width: 50px;
    height: 50px;
    left: -50px;
    margin-top: -25px;
    background: url(../image/swiper_prev.png) center center no-repeat;
    background-size: 20px 32px;
}
.flipper-wrap{
    width: 100%!important;
    height: 100%!important;
    margin: 0px;
}
.flipper-page img{
    max-height: 100%;
    display: inline-block;
    vertical-align: middle;
}
.flipper-page{
    line-height: 700px;
    text-align: center;
    font-size: 0px;
}
.zazhi_popup .swiper-button-next,.zazhi_popup .swiper-button-prev{
    width: 70px;
    height: 70px;
    margin-top: -35px;
}
.zazhi_popup .swiper-button-next{
    right: -70px;
    background: url(../image/swiper_next.png) center center no-repeat;
}
.zazhi_popup .swiper-button-prev{
    left: -70px;
    background: url(../image/swiper_prev.png) center center no-repeat;
}
.zazhi_popup{
    position: fixed;
    width: 1200px;
    height: 820px;
    left: 50%;
    margin-left: -600px;
    top: 50%;
    margin-top: -410px;
    z-index: 10;
    z-index: 10001;
    -moz-box-shadow: 0px 10px 20px rgba(51, 51, 51, 0.2);
    -webkit-box-shadow: 0px 10px 20px rgba(51, 51, 51, 0.2);
    box-shadow: 0px 10px 20px rgba(51, 51, 51, 0.2);
    background: #fff;
    display: none;
}
.zazhi_popup .conlose_zazhi_popup{
    position: absolute;
    right: -40px;
    top: 0px;
    width: 40px;
    height: 40px;
    background: #000 url(../image/popup_close2.png) center center no-repeat;
    cursor: pointer;
    z-index: 10;

}
.kecheng_swiper {
  height: 100%;
  box-sizing: border-box;
  position: relative;
}
.kecheng_swiper .swiper-container {
  height: 100%;
}
.kecheng_swiper .img {
  float: left;
  width: 50.9%;
  height: 100%;
  background-size: cover!important;
}
.kecheng_swiper .swiper-slide{
    background-size: cover!important;
}
.kecheng_swiper .img img {
  width: 100%;
  height: 100%;
}
.swiper_box{
  height: 100%;
  position:relative;
  background: #fff;
}
.kecheng_swiper .NextStart .swiper_box{
  transform: rotateY(-180deg);
  transform-origin: right center;
  transition: all 1.0s;
}
.kecheng_swiper .PrevStart .swiper_box{
  transform: rotateY(180deg);
  transform-origin: left center;
  transition: all 1.0s;
}
.kecheng_swiper .swiper-slide-active .swiper_box{
  transform: rotateY(0deg);
  transition: all 1.0s;
}
.kecheng_swiper .img a{
	width: 100%;
	height: 100%;
	display: block;
}
.kecheng_swiper .right_content {
  float: left;
  width: 49.1%;
  height: 100%;
  background: #fff;
}
.kecheng_swiper .right_content .right_title {
  font-size: 28px;
  font-weight: bold;
  color: #111;
  padding: 30px 40px;
}
.kecheng_swiper .right_content .right_text::-webkit-scrollbar {
  width: 7px;
  height: 10px;
}
.kecheng_swiper .right_content .right_text {
  font-size: 16px;
  color: #111;
  padding: 0px 40px;
  line-height: 32px;
  text-indent: 30px;
  height: 570px;
  overflow-x: hidden;
}
.kecheng_swiper .right_content .right_text img {
  width: auto;
  max-width: 100%!important;
}
.kecheng_swiper .right_content .right_text a {
  -webkit-transition: all 0.2s ease-out;
  -khtml-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  color: #246cae;
}
.kecheng_swiper .right_content .right_text a:hover {
  text-decoration: underline;
}
.contactUsContent {
  position: relative;
}
.contactUsContent #baidumap {
  height: 800px;
}
.contactUsContent .contactUsBottom {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 200px;
  background: rgba(0, 0, 0, 0.8);
}
.contactUsContent .contactUsBottom .contactUsLeft {
  position: relative;
  top: 30px;
}
.contactUsContent .contactUsBottom .contactUsLeft .btnBox {
  overflow: hidden;
  padding: 50px 520px 0px 190px;
}
.contactUsContent .contactUsBottom .contactUsLeft .btnBox .aList {
  float: left;
  width: 33.333333%;
  padding: 0px 5px;
  box-sizing: border-box;
}
.contactUsContent .contactUsBottom .contactUsLeft .btnBox .aList a {
  float: left;
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #fff;
  -webkit-transition: all 0.2s ease-out;
  -khtml-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  text-indent: 10px;
  position: relative;
  padding-left: 30px;
  box-sizing: border-box;
}
.contactUsContent .contactUsBottom .contactUsLeft .btnBox .aList a:before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  background: #b30b16;
  position: absolute;
  top: 50%;
  margin-top: -5px;
  left: 20px;
}
.contactUsContent .contactUsBottom .contactUsLeft .btnBox .aList a:hover {
  background: #b30b16;
}
.contactUsContent .contactUsBottom .contactUsLeft .btnBox .aList a:hover:before {
  width: 8px;
  height: 16px;
  background: url(../image/contactUsLeft_img.png) center center no-repeat;
  top: 50%;
  margin-top: -8px;
}
.contactUsContent .contactUsBottom .contactUsLeft .firstBoxLeft {
  float: left;
  width: 78px;
  height: 138px;
  border: 1px solid #fff;
  border-right: none;
  position: relative;
}
.contactUsContent .contactUsBottom .contactUsLeft .firstBoxLeft .boxLeftName {
  position: absolute;
  height: 80px;
  left: 40px;
  top: 50%;
  margin-top: -40px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  white-space: nowrap;
  padding-top: 12px;
  box-sizing: border-box;
}
.contactUsContent .contactUsBottom .contactUsLeft .firstBoxLeft .line1 {
  position: absolute;
  right: 0px;
  width: 1px;
  height: 30px;
  top: 0px;
  background: #fff;
}
.contactUsContent .contactUsBottom .contactUsLeft .firstBoxLeft .line2 {
  position: absolute;
  right: 0px;
  width: 1px;
  height: 30px;
  bottom: 0px;
  background: #fff;
}
.contactUsContent .contactUsBottom .contactUsLeft .firstBoxLeft .boxLeftName span {
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  display: block;
  margin-bottom: 5px;
}
.contactUsContent .contactUsBottom .contactUsLeft .firstBoxLeft:after {
  content: '';
  display: block;
  background: url(../image/erweima_sanjiao.png) center center no-repeat;
  transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  position: absolute;
  left: -2px;
  width: 16px;
  height: 8px;
  top: 50%;
  margin-top: -8px;
}
.contactUsContent .contactUsBottom .contactUsRight {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 520px;
  height: 700px;
  background: #fff;
  -moz-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
}
.contactUsContent .contactUsBottom .contactUsRight .contactUsRightBottom {
  padding: 60px;
}
.contactUsContent .contactUsBottom .contactUsRight .contactUsRightBottom .name {
  font-size: 18px;
  color: #111111;
  font-weight: bold;
}
.contactUsContent .contactUsBottom .contactUsRight .contactUsRightBottom .list {
  margin-top: 35px;
}
.contactUsContent .contactUsBottom .contactUsRight .contactUsRightBottom .list .top {
  font-size: 16px;
  color: #888888;
}
.contactUsContent .contactUsBottom .contactUsRight .contactUsRightBottom .list .text {
  font-size: 16px;
  color: #111;
  margin-top: 10px;
}
.contactUsContent .contactUsBottom .contactUsRight .contactUsRightBottom .bottomBtnBox {
  margin-top: 60px;
}
.contactUsContent .contactUsBottom .contactUsRight .contactUsRightBottom .bottomBtnBox .btnList:nth-child(1) .moren i {
  background: url(../image/entranceBox_icon1_on.png) center center no-repeat;
}
.contactUsContent .contactUsBottom .contactUsRight .contactUsRightBottom .bottomBtnBox .btnList:nth-child(1):hover .moren i {
  background: url(../image/entranceBox_icon1.png) center center no-repeat;
}
.contactUsContent .contactUsBottom .contactUsRight .contactUsRightBottom .bottomBtnBox .btnList:nth-child(2) .moren i {
  background: url(../image/entranceBox_icon2_on.png) center center no-repeat;
}
.contactUsContent .contactUsBottom .contactUsRight .contactUsRightBottom .bottomBtnBox .btnList:nth-child(2):hover .moren i {
  background: url(../image/entranceBox_icon2.png) center center no-repeat;
}
.contactUsContent .contactUsBottom .contactUsRight .contactUsRightBottom .bottomBtnBox .btnList:nth-child(3) .moren i {
  background: url(../image/entranceBox_icon3_on.png) center center no-repeat;
}
.contactUsContent .contactUsBottom .contactUsRight .contactUsRightBottom .bottomBtnBox .btnList:nth-child(3):hover .moren i {
  background: url(../image/entranceBox_icon3.png) center center no-repeat;
}
.contactUsContent .contactUsBottom .contactUsRight .contactUsRightBottom .bottomBtnBox .btnList {
  float: left;
  position: relative;
  margin-right: 20px;
  cursor: pointer;
  overflow: hidden;
}
.contactUsContent .contactUsBottom .contactUsRight .contactUsRightBottom .bottomBtnBox .btnList .moren {
  width: 50px;
  height: 50px;
  background: #f3f3f3;
  position: relative;
  -webkit-transition: all 0.2s ease-out;
  -khtml-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.contactUsContent .contactUsBottom .contactUsRight .contactUsRightBottom .bottomBtnBox .btnList .moren i {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 50%;
  margin-left: -10px;
  background-size: cover!important;
  -webkit-transition: all 0.2s ease-out;
  -khtml-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.contactUsContent .contactUsBottom .contactUsRight .contactUsRightBottom .bottomBtnBox .btnList .erweima {
  width: 140px;
  height: 160px;
  box-sizing: border-box;
  padding: 10px;
  position: absolute;
  top: -160px;
  left: 50%;
  margin-left: -70px;
  background: #fff;
  -moz-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
  text-align: center;
  -webkit-transition: all 0.2s ease-out;
  -khtml-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  opacity: 0;
}
.contactUsContent .contactUsBottom .contactUsRight .contactUsRightBottom .bottomBtnBox .btnList .erweima img {
  width: 100%;
  height: 120px;
}
.contactUsContent .contactUsBottom .contactUsRight .contactUsRightBottom .bottomBtnBox .btnList .erweima p {
  color: #888888;
  font-size: 12px;
}
.contactUsContent .contactUsBottom .contactUsRight .contactUsRightBottom .bottomBtnBox .btnList .erweima:after {
  content: '';
  display: block;
  position: absolute;
  background: url(../image/erweima_sanjiao.png) center center no-repeat;
  width: 16px;
  height: 8px;
  left: 50%;
  margin-left: -8px;
  bottom: -8px;
}
.contactUsContent .contactUsBottom .contactUsRight .contactUsRightBottom .bottomBtnBox .btnList:hover {
  overflow: visible;
}
.contactUsContent .contactUsBottom .contactUsRight .contactUsRightBottom .bottomBtnBox .btnList:hover .moren {
  background: #b30b16;
}
.contactUsContent .contactUsBottom .contactUsRight .contactUsRightBottom .bottomBtnBox .btnList:hover .erweima {
  opacity: 1;
}
.contactUsContent .contactUsBottom .contactUsRight .contactUsRightTop:after {
  content: '';
  display: block;
  background: url(../image/home_sanjao_icon.png) center center no-repeat;
  width: 10px;
  height: 10px;
  position: absolute;
  left: 3px;
  top: 3px;
}
.contactUsContent .contactUsBottom .contactUsRight .contactUsRightTop {
  background: url(../image/contactUsRightTop_img.jpg) center center no-repeat;
  background-size: cover!important;
  height: 180px;
  padding-left: 60px;
  position: relative;
}
.contactUsContent .contactUsBottom .contactUsRight .contactUsRightTop .tuijianTitle {
  text-align: left;
  color: rgba(255, 255, 255, 0.5);
  padding-top: 45px;
}
.contactUsContent .contactUsBottom .contactUsRight .contactUsRightTop .tuijianTitle span {
  color: #fff;
  margin-bottom: 10px;
}
.contactUsContent .contactUsBottom:after {
  position: absolute;
  content: '';
  display: block;
  height: 200px;
  width: 1000px;
  left: -1000px;
  bottom: 0px;
  background: rgba(0, 0, 0, 0.8);
}
.BMap_bubble_title {
  font-size: 14px;
  color: #b30b16;
}
.BMap_bubble_content {
  font-size: 12px;
  line-height: 22px;
  margin-top: 10px;
  color: #111;
}
.BMap_bubble_content a {
  color: #111;
}
.qualitytabBox {
  margin-top: 20px;
}
.qualitytabBox .qualitytab {
  height: 50px;
  line-height: 50px;
  font-size: 0px;
  text-align: center;
  position: relative;
}
.qualitytabBox .qualitytab a {
    display: inline-block;
    padding: 0px 25px;
    height: 40px;
    line-height: 40px;
    background: #f3f3f3;
    font-size: 16px;
    color: #111;
    text-align: center;
    margin: 0px 10px;
    position: relative;
}
.qualitytabBox .qualitytab a.active,
.qualitytabBox .qualitytab a:hover {
  background: #b30b16;
  color: #fff;
}
.qualitytabBox .qualitytab a:after {
    content: '';
    width: 10px;
    height: 10px;
    display: block;
    background: url(../image/vrShijingLink_img.png) center center no-repeat;
    position: absolute;
    right: 1px;
    bottom: 1px;
}
.qualitytabBox .qualitytab a.active:after {
  opacity: 1;
}
/*.qualitytabBox .qualitytab a:before{*/
/*  content: '';*/
/*  display: block;*/
/*  width: 10px;*/
/*  height: 1px;*/
/*  background: #aaaaaa;*/
/*  position: absolute;*/
/*  right: -30px;*/
/*  top: 50%;*/
/*  margin-top: -0.5px;*/
/*  -webkit-transition: all 0.2s ease-out;*/
/*  -khtml-transition: all 0.2s ease-out;*/
/*  -moz-transition: all 0.2s ease-out;*/
/*  -o-transition: all 0.2s ease-out;*/
/*  transition: all 0.2s ease-out;*/
/*}*/
/*.qualitytabBox .qualitytab a:last-child:before{*/
/*  display: none;*/
/*}*/
.qualitytabBox .qualityContent {
  margin-top: 35px;
}
.qualitytabBox .qualityContent .qualitytabNeirong ul {
  overflow: hidden;
  margin: -5px;
}
.qualitytabBox .qualityContent .qualitytabNeirong ul li {
  float: left;
  width: 16.66666667%;
  box-sizing: border-box;
  padding: 5px;
}
.qualitytabBox .qualityContent .qualitytabNeirong ul li .liuchengBox {
  border: 1px solid #ddd;
  height: 190px;
  text-align: center;
  box-sizing: border-box;
  padding-top: 40px;
  position: relative;
}
.qualitytabBox .qualityContent .qualitytabNeirong ul li .liuchengBox .icon {
  display: block;
  width: 58px;
  height: 58px;
  margin: 0px auto;
  background: url(../image/wufuliucheng_icon.png) center center no-repeat;
  background-size: cover!important;
}
.qualitytabBox .qualityContent .qualitytabNeirong ul li .liuchengBox p {
  font-size: 16px;
  color: #111;
  margin-top: 28px;
}
.qualitytabBox .qualityContent .qualitytabNeirong ul li .liuchengBox:after {
  content: '';
  display: block;
  background: #fff url(../image/liucheng_sanjiao.png) center center no-repeat;
  position: absolute;
  left: -16px;
  width: 20px;
  height: 40px;
  top: 50%;
  margin-top: -20px;
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.qualitytabBox .qualityContent .qualitytabNeirong ul li .liuchengBox:hover {
  border: 1px solid #b30b16;
}
.qualitytabBox .qualityContent .qualitytabNeirong ul li .liuchengBox:hover .icon {
  background: url(../image/wufuliucheng_icon_on.png) center center no-repeat;
}
.qualitytabBox .qualityContent .qualitytabNeirong ul li .liuchengBox:hover p {
  color: #b30b16;
}
.qualitytabBox .qualityContent .qualitytabNeirong ul li:nth-child(2) .liuchengBox:after {
  left: auto;
  right: -16px;
  transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  z-index: 3;
}
.qualitytabBox .qualityContent .qualitytabNeirong ul li:nth-child(3) .liuchengBox:after {
  left: auto;
  right: -16px;
  transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  z-index: 2;
}
.qualitytabBox .qualityContent .qualitytabNeirong ul li:nth-child(4) .liuchengBox:after {
  left: 50%;
  margin-left: -10px;
  bottom: -16px;
  top: auto;
  margin-top: auto;
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  z-index: 1;
}
.qualitytabBox .qualityContent .qualitytabNeirong ul li:nth-child(5) .liuchengBox:after {
  display: none;
}
.qualitytabBox .qualityContent .qualitytabNeirong ul li:first-child {
  width: 50%;
}
.qualitytabBox .qualityContent .qualitytabNeirong ul li:first-child .firstBox {
  height: 190px;
  box-sizing: border-box;
  padding: 25px;
  padding-right: 30px;
  background: #b30b16;
  position: relative;
}
.qualitytabBox .qualityContent .qualitytabNeirong ul li:first-child .firstBox .firstBoxLeft {
  float: left;
  width: 78px;
  height: 138px;
  border: 1px solid #fff;
  position: relative;
}
.qualitytabBox .qualityContent .qualitytabNeirong ul li:first-child .firstBox .firstBoxLeft .boxLeftName {
  position: absolute;
  height: 80px;
  left: 40px;
  top: 50%;
  margin-top: -40px;
  background: #b30b16;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  white-space: nowrap;
  padding-top: 12px;
  box-sizing: border-box;
}
.qualitytabBox .qualityContent .qualitytabNeirong ul li:first-child .firstBox .firstBoxLeft .boxLeftName span {
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  display: block;
  margin-bottom: 5px;
}
.qualitytabBox .qualityContent .qualitytabNeirong ul li:first-child .firstBox .firstBoxLeft:after {
  content: '';
  display: block;
  background: url(../image/erweima_sanjiao.png) center center no-repeat;
  transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  position: absolute;
  left: -2px;
  width: 16px;
  height: 8px;
  top: 50%;
  margin-top: -8px;
}
.qualitytabBox .qualityContent .qualitytabNeirong ul li:first-child .firstBox .firstBoxText {
  padding-left: 220px;
  font-size: 14px;
  color: #fff;
  line-height: 26px;
  text-indent: 20px;
  padding-top: 25px;
}
.qualitytabBox .qualityContent .qualitytabNeirong ul li:first-child .firstBox:after {
  content: '';
  display: block;
  background: url(../image/liucheng_sanjiao.png) center center no-repeat;
  position: absolute;
  right: -8px;
  width: 8px;
  height: 16px;
  top: 50%;
  margin-top: -8px;
}
.qualitytabBox .qualityContent #qualitytab1 ul li:nth-child(3) .liuchengBox .icon {
  background: url(../image/wufuliucheng_icon2.png) center center no-repeat;
}
.qualitytabBox .qualityContent #qualitytab1 ul li:nth-child(3) .liuchengBox:hover .icon {
  background: url(../image/wufuliucheng_icon2_on.png) center center no-repeat;
}
.qualitytabBox .qualityContent #qualitytab1 ul li:nth-child(4) .liuchengBox .icon {
  background: url(../image/wufuliucheng_icon3.png) center center no-repeat;
}
.qualitytabBox .qualityContent #qualitytab1 ul li:nth-child(4) .liuchengBox:hover .icon {
  background: url(../image/wufuliucheng_icon3_on.png) center center no-repeat;
}
.qualitytabBox .qualityContent #qualitytab1 ul li:nth-child(5) .liuchengBox .icon {
  background: url(../image/wufuliucheng_icon4.png) center center no-repeat;
}
.qualitytabBox .qualityContent #qualitytab1 ul li:nth-child(5) .liuchengBox:hover .icon {
  background: url(../image/wufuliucheng_icon4_on.png) center center no-repeat;
}
.qualitytabBox .qualityContent #qualitytab1 ul li:nth-child(6) .liuchengBox .icon {
  background: url(../image/wufuliucheng_icon5.png) center center no-repeat;
}
.qualitytabBox .qualityContent #qualitytab1 ul li:nth-child(6) .liuchengBox:hover .icon {
  background: url(../image/wufuliucheng_icon5_on.png) center center no-repeat;
}
.qualitytabBox .qualityContent #qualitytab1 ul li:nth-child(7) .liuchengBox .icon {
  background: url(../image/wufuliucheng_icon6.png) center center no-repeat;
}
.qualitytabBox .qualityContent #qualitytab1 ul li:nth-child(7) .liuchengBox:hover .icon {
  background: url(../image/wufuliucheng_icon6_on.png) center center no-repeat;
}
.qualitytabBox .qualityContent #qualitytab1 ul li:nth-child(8) .liuchengBox .icon {
  background: url(../image/wufuliucheng_icon7.png) center center no-repeat;
}
.qualitytabBox .qualityContent #qualitytab1 ul li:nth-child(8) .liuchengBox:hover .icon {
  background: url(../image/wufuliucheng_icon7_on.png) center center no-repeat;
}
.qualitytabBox .qualityContent #qualitytab1 ul li:nth-child(9) .liuchengBox .icon {
  background: url(../image/wufuliucheng_icon8.png) center center no-repeat;
}
.qualitytabBox .qualityContent #qualitytab1 ul li:nth-child(9) .liuchengBox:hover .icon {
  background: url(../image/wufuliucheng_icon8_on.png) center center no-repeat;
}
.qualitytabBox .qualityContent #qualitytab1 ul li:nth-child(10) .liuchengBox .icon {
  background: url(../image/wufuliucheng_icon9.png) center center no-repeat;
}
.qualitytabBox .qualityContent #qualitytab1 ul li:nth-child(10) .liuchengBox:hover .icon {
  background: url(../image/wufuliucheng_icon9_on.png) center center no-repeat;
}
.qualitytabBox .qualityContent #qualitytab2 ul li:nth-child(2) .liuchengBox .icon {
  background: url(../image/wufuliucheng_icon3.png) center center no-repeat;
}
.qualitytabBox .qualityContent #qualitytab2 ul li:nth-child(2) .liuchengBox:hover .icon {
  background: url(../image/wufuliucheng_icon3_on.png) center center no-repeat;
}
.qualitytabBox .qualityContent #qualitytab2 ul li:nth-child(3) .liuchengBox .icon {
  background: url(../image/wufuliucheng_icon8.png) center center no-repeat;
}
.qualitytabBox .qualityContent #qualitytab2 ul li:nth-child(3) .liuchengBox:hover .icon {
  background: url(../image/wufuliucheng_icon8_on.png) center center no-repeat;
}
.qualitytabBox .qualityContent #qualitytab2 ul li:nth-child(4) .liuchengBox .icon {
  background: url(../image/shejiliucheng_icon3.png) center center no-repeat;
}
.qualitytabBox .qualityContent #qualitytab2 ul li:nth-child(4) .liuchengBox:hover .icon {
  background: url(../image/shejiliucheng_icon3_on.png) center center no-repeat;
}
.qualitytabBox .qualityContent #qualitytab2 ul li:nth-child(5) .liuchengBox .icon {
  background: url(../image/shejiliucheng_icon4.png) center center no-repeat;
}
.qualitytabBox .qualityContent #qualitytab2 ul li:nth-child(5) .liuchengBox:hover .icon {
  background: url(../image/shejiliucheng_icon4_on.png) center center no-repeat;
}
.qualitytabBox .qualityContent #qualitytab2 ul li:nth-child(6) .liuchengBox .icon {
  background: url(../image/shejiliucheng_icon5.png) center center no-repeat;
}
.qualitytabBox .qualityContent #qualitytab2 ul li:nth-child(6) .liuchengBox:hover .icon {
  background: url(../image/shejiliucheng_icon5_on.png) center center no-repeat;
}
.qualitytabBox .qualityContent #qualitytab2 ul li:nth-child(7) .liuchengBox .icon {
  background: url(../image/shejiliucheng_icon6.png) center center no-repeat;
}
.qualitytabBox .qualityContent #qualitytab2 ul li:nth-child(7) .liuchengBox:hover .icon {
  background: url(../image/shejiliucheng_icon6_on.png) center center no-repeat;
}
.qualitytabBox .qualityContent #qualitytab2 ul li:nth-child(8) .liuchengBox .icon {
  background: url(../image/shejiliucheng_icon7.png) center center no-repeat;
}
.qualitytabBox .qualityContent #qualitytab2 ul li:nth-child(8) .liuchengBox:hover .icon {
  background: url(../image/shejiliucheng_icon7_on.png) center center no-repeat;
}
.qualitytabBox .qualityContent #qualitytab2 ul li:nth-child(9) .liuchengBox .icon {
  background: url(../image/shejiliucheng_icon8.png) center center no-repeat;
}
.qualitytabBox .qualityContent #qualitytab2 ul li:nth-child(9) .liuchengBox:hover .icon {
  background: url(../image/shejiliucheng_icon8_on.png) center center no-repeat;
}
.qualitytabBox .qualityContent #qualitytab2 ul li:nth-child(10) .liuchengBox .icon {
  background: url(../image/shejiliucheng_icon9.png) center center no-repeat;
}
.qualitytabBox .qualityContent #qualitytab2 ul li:nth-child(10) .liuchengBox:hover .icon {
  background: url(../image/shejiliucheng_icon9_on.png) center center no-repeat;
}
.guanjiafuwu {
  height: 680px;
  background: url(../image/guanjiafuwu_bg.jpg) center center no-repeat;
  background-size: cover!important;
  margin-top: 90px;
}
.kefujiancha {
  height: 700px;
  background: url(../image/kefujiancha_bg.jpg) center center no-repeat;
  background-size: cover!important;
  position: relative;
  margin-top: 80px;
}
.kefujiancha .kefujianchaContent {
  width: 464px;
  height: 464px;
  background: url(../image/kefujianchaContent_bg.png) center center no-repeat;
  background-size: cover!important;
  position: absolute;
  top: 140px;
  left: 50%;
  margin-left: -232px;
  text-align: center;
  box-sizing: border-box;
  padding-top: 60px;
}
.kefujiancha .kefujianchaContent .titleIcon {
  display: inline-block;
}
.kefujiancha .kefujianchaContent .tuijianTitle {
  color: rgba(17, 17, 17, 0.5);
  padding-top: 30px;
}
.kefujiancha .kefujianchaContent .tuijianTitle span {
  color: #fff;
  margin-bottom: 15px;
}
.kefujiancha .kefujianchaContent .kefujianchawenzi {
  font-size: 16px;
  color: #fff;
  line-height: 30px;
  max-width: 270px;
  margin: 0px auto;
  margin-top: 30px;
}
.kefujiancha .kefujianchaContent .yaosuContent {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.kefujiancha .kefujianchaContent .yaosuContent .yaosuBox:nth-child(1) {
  margin-left: -40px;
  top: -40px;
}
.kefujiancha .kefujianchaContent .yaosuContent .yaosuBox:nth-child(1) .yaosuWenzi {
  top: -40px;
    left: -30px;
}
.kefujiancha .kefujianchaContent .yaosuContent .yaosuBox:nth-child(2) {
  left: -27px;
  top: 50%;
  margin-top: -112px;
}
.kefujiancha .kefujianchaContent .yaosuContent .yaosuBox:nth-child(2) .yaosuWenzi {
  top: 26px;
  left: -120px;
}
.kefujiancha .kefujianchaContent .yaosuContent .yaosuBox:nth-child(3) {
  left: 48px;
  bottom: 12px;
}
.kefujiancha .kefujianchaContent .yaosuContent .yaosuBox:nth-child(3) .yaosuWenzi {
  top: 26px;
    left: -120px;
}
.kefujiancha .kefujianchaContent .yaosuContent .yaosuBox:nth-child(4) {
  right: 48px;
  bottom: 12px;
  left: auto;
}
.kefujiancha .kefujianchaContent .yaosuContent .yaosuBox:nth-child(4) .yaosuWenzi {
  top: 26px;
    right: -116px;
}
.kefujiancha .kefujianchaContent .yaosuContent .yaosuBox:nth-child(5) {
  right: -27px;
  top: 50%;
  margin-top: -112px;
  left: auto;
}
.kefujiancha .kefujianchaContent .yaosuContent .yaosuBox:nth-child(5) .yaosuWenzi {
  top: 26px;
    right: -114px;
}
.kefujiancha .kefujianchaContent .yaosuContent .yaosuBox {
  position: absolute;
  left: 50%;
}
.kefujiancha .kefujianchaContent .yaosuContent .yaosuBox .imgFu {
  width: 80px;
  height: 80px;
  font-size: 0px;
  line-height: 78px;
}
.kefujiancha .kefujianchaContent .yaosuContent .yaosuBox .imgFu .imgBox {
  width: 64px;
  height: 64px;
  line-height: 64px;
  border-radius: 100%;
  background: #b30b16;
  display: inline-block;
  vertical-align: middle;
}
.kefujiancha .kefujianchaContent .yaosuContent .yaosuBox .imgFu .imgBox img {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
}
.kefujiancha .kefujianchaContent .yaosuContent .yaosuBox .yaosuWenzi {
  font-size: 22px;
  color: #fff;
  white-space: nowrap;
  line-height: 30px;
  padding-left: 20px;
  background: url(../image/liucheng_sanjiao.png) left top 7px no-repeat;
  text-align: left;
  position: absolute;
}
.kefujiancha .kefujianchaContent .yaosuContent .yaosuBox:after {
  content: '';
  border: 1px solid rgba(179, 11, 22, 0.2);
  display: block;
  position: absolute;
  width: 78px;
  height: 78px;
  left: 0px;
  top: 0px;
  border-radius: 100%;
  animation: kuosan 1.5s infinite linear;
  -moz-animation: kuosan 1.5s infinite linear;
  -webkit-animation: kuosan 1.5s infinite linear;
  -o-animation: kuosan 1.5s infinite linear;
}
.shouhou4s .shouhouText4s {
  text-align: center;
  color: #111;
  font-size: 16px;
  margin-top: 30px;
  margin-bottom: 40px;
}
.shouhou4s ul {
  margin: 0px -10px;
}
.shouhou4s ul li {
  float: left;
  width: 25%;
  box-sizing: border-box;
  padding: 0px 10px;
}
.shouhou4s ul li .box {
  height: 280px;
  background-size: cover!important;
  text-align: center;
  -moz-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  padding-top: 55px;
}
.shouhou4s ul li .box img {
  width: 60px;
}
.shouhou4s ul li .box .top {
  font-size: 20px;
  color: #111111;
  font-weight: bold;
  margin-top: 25px;
}
.shouhou4s ul li .box .text {
  font-size: 16px;
  color: #888888;
  margin-top: 15px;
}
@keyframes kuosan {
  0% {
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
  }
  50% {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
  }
}
.quality .tuijianTitle {
  padding-top: 80px;
  color: rgba(17, 17, 17, 0.5);
}
.quality .tuijianTitle span {
  color: #111;
}
.videoList .videoListTop {
  position: relative;
}
.videoList .videoListTop .videoListTopBg {
  position: absolute;
  left: 0px;
  right: 0px;
  height: 600px;
  top: 0px;
  background: url(../image/videoListTopBg.jpg) center center no-repeat;
  background-size: cover!important;
}
.videoList .videoListTop .wh1420 {
  position: relative;
  z-index: 2;
}
.videoList .videoListTop .videoContent .videoBox {
  height: 600px;
  background: #000;
  position: relative;
}
.videoList .videoListTop .videoContent .videoBox video {
  width: 100%;
  height: 100%;
}
.videoList .videoListTop .videoContent .videoBox .videoImg {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background-size: cover!important;
  z-index: 4;
}
.videoList .videoListTop .videoContent .videoBox .videoPlay {
  background: rgba(0, 0, 0, 0.72) url(../image/videoPlay.png) center center no-repeat;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 10;
  cursor: pointer;
}
.videoList .videoListTop .videoContent .videoText {
  margin-top: 35px;
  position: relative;
}
.videoList .videoListTop .videoContent .videoText .videoName {
  font-size: 36px;
  line-height: 50px;
  color: #111;
  font-weight: bold;
  padding-right: 440px;
}
.videoList .videoListTop .videoContent .videoText .mobilePlay {
  position: absolute;
  right: 0px;
  top: 10px;
  overflow: hidden;
}
.videoList .videoListTop .videoContent .videoText .mobilePlay .popupTips {
  width: 140px;
  padding: 10px;
  box-sizing: border-box;
  background: #fff;
  position: absolute;
  top: -203px;
  left: 50%;
  margin-left: -70px;
  z-index: 10;
  -moz-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
  opacity: 0;
}
.videoList .videoListTop .videoContent .videoText .mobilePlay .popupTips img {
  display: block;
  width: 100%;
  height: 120px;
}
.videoList .videoListTop .videoContent .videoText .mobilePlay .popupTips p {
  font-size: 14px;
  color: #888888;
  line-height: 20px;
  margin-top: 10px;
  text-align: center;
}
.videoList .videoListTop .videoContent .videoText .mobilePlay .popupTips:after {
  content: '';
  display: block;
  width: 10px;
  height: 5px;
  background: url(../image/downBox_icon.png) center center no-repeat;
  position: absolute;
  left: 50%;
  margin-left: -5px;
  bottom: -5px;
}
.videoList .videoListTop .videoContent .videoText .mobilePlay .text {
  width: 148px;
  height: 48px;
  line-height: 48px;
  border: 1px solid #ddd;
  font-size: 16px;
  color: #111;
  text-align: center;
  cursor: pointer;
}
.videoList .videoListTop .videoContent .videoText .mobilePlay .text:before {
  content: '';
  display: block;
  width: 13px;
  height: 13px;
  background: url(../image/entranceBox_icon3_on.png) center center no-repeat;
  background-size: cover!important;
  display: inline-block;
  position: relative;
  top: 1px;
  margin-right: 5px;
}
.videoList .videoListTop .videoContent .videoText .mobilePlay .text:hover {
  background: #000000;
  color: #fff;
}
.videoList .videoListTop .videoContent .videoText .mobilePlay .text:hover:before {
  background: url(../image/entranceBox_icon3.png) center center no-repeat;
}
.videoList .videoListTop .videoContent .videoText .mobilePlay:hover {
  overflow: visible;
}
.videoList .videoListTop .videoContent .videoText .mobilePlay:hover .popupTips {
  opacity: 1;
}
.videoList .videoListSwiper {
  margin-top: 50px;
}
.videoList .videoListSwiper .swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.videoList .videoListSwiper .swiper-slide a {
  display: block;
  height: 235px;
  line-height: 235px;
  width: 100%;
  position: relative;
  background-size: cover!important;
  overflow: hidden;
}
.videoList .videoListSwiper .swiper-slide a .aBg {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background-size: cover!important;
}
.videoList .videoListSwiper .swiper-slide a .hoverBox {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2;
}
.videoList .videoListSwiper .swiper-slide a .hoverBox .wenzi {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 60px;
  line-height: 60px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  display: -moz-box;
  -moz-box-orient: vertical;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
  padding: 0px 10px;
}
.videoList .videoListSwiper .swiper-slide a .hoverBox:after {
  content: '';
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background: url(../image/videoBox_btn1.png) center center no-repeat;
  color: #fff;
  font-size: 20px;
  text-align: center;
}
.videoList .videoListSwiper .swiper-slide a:hover .aBg {
  transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
}
.videoList .videoListSwiper .swiper-slide a:hover .hoverBox:after {
  background: transparent;
  content: '点击播放';
}
.videoList .videoListSwiper .swiper-slide a.hover .aBg {
  transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
}
.videoList .videoListSwiper .swiper-slide a.hover .hoverBox {
  background: rgba(179, 11, 22, 0.8);
}
.videoList .videoListSwiper .swiper-slide a.hover .hoverBox:after {
  background: transparent;
  content: '点击播放';
}
.videoList .videoListSwiper .swiper-slide a.active .aBg {
  transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
}
.videoList .videoListSwiper .swiper-slide a.active .hoverBox {
  background: rgba(179, 11, 22, 0.8);
}
.videoList .videoListSwiper .swiper-slide a.active .hoverBox:after {
  background: transparent;
  content: '正在播放';
}
.videoList .videoListSwiper .swiperBottom {
  margin: 0px 30px;
  height: 60px;
  line-height: 60px;
  position: relative;
  margin-top: 40px;
}
.videoList .videoListSwiper .swiperBottom .swiper-scrollbar {
  height: 2px;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  left: 60px;
  right: 60px;
  top: 50%;
  margin-top: -1px;
  border-radius: 0px;
}
.videoList .videoListSwiper .swiperBottom .swiper-scrollbar .swiper-scrollbar-drag {
  height: 10px;
  background: #000000;
  border-radius: 0px;
  top: 50%;
  margin-top: -5px;
}
.videoList .videoListSwiper .swiperBottom .swiper-button-next:after,
.videoList .videoListSwiper .swiperBottom .swiper-button-prev:after {
  display: none;
}
.videoList .videoListSwiper .swiperBottom .swiper-button-next,
.videoList .videoListSwiper .swiperBottom .swiper-button-prev {
  width: 40px;
  height: 60px;
  margin-top: -30px;
  -webkit-transition: all 0.2s ease-out;
  -khtml-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.videoList .videoListSwiper .swiperBottom .swiper-button-next {
  background: url(../image/swiper_next3.png) center center no-repeat;
  right: 0px;
}
.videoList .videoListSwiper .swiperBottom .swiper-button-prev {
  background: url(../image/swiper_prev3.png) center center no-repeat;
  left: 0px;
}
#main.seriesList.newDetails {
  padding-bottom: 0px;
}
#main.seriesList.newDetails .newDetailsTitle {
  font-size: 36px;
  color: #111;
  font-weight: bold;
  line-height: 54px;
}
#main.seriesList.newDetails .newDetailsText {
  overflow: hidden;
  height: 21px;
  line-height: 21px;
  padding-bottom: 25px;
  border-bottom: 1px solid #dddddd;
  margin: 30px 0px;
}
#main.seriesList.newDetails .newDetailsText .left {
  float: left;
  font-size: 16px;
  color: #888888;
}
#main.seriesList.newDetails .newDetailsText .left span {
  display: inline-block;
  margin-right: 25px;
}
#main.seriesList.newDetails .newDetailsText .left span img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  width: 14px;
  position: relative;
  top: -2px;
}
#main.seriesList.newDetails .newDetailsText .bdsharebuttonbox {
  float: right;
}
#main.seriesList.newDetails .newDetailsText .bdsharebuttonbox .share {
  float: left;
  font-size: 16px;
  color: #aaaaaa;
}
#main.seriesList.newDetails .newDetailsText .bdsharebuttonbox .share img {
  margin-right: 5px;
}
#main.seriesList.newDetails .newDetailsText .bdsharebuttonbox .bshare-custom {
  float: left;
  margin-top: 2px;
  margin-left: 20px;
}
.screen_box {
  padding-bottom: 40px;
}
.screen_box .chaxun {
  float: left;
}
.paddingTop .newListUl{
    padding-top: 30px;
}
.newListUl {
  margin: -20px -10px;
}
.newListUl li {
  float: left;
  width: 25%;
  box-sizing: border-box;
  padding: 20px 10px;
}
.newListUl li a {
  display: block;
  background: #fff;
}
.newListUl li a .newTopImg {
  position: relative;
  overflow: hidden;
}
.newListUl li a .newTopImg .img {
  width: 100%;
    object-fit: cover;
  height: 230px;
}
.paddingTop .newListUl li a .newTopImg .img{
    display: block;
    width: 100%;
    height: 230px;
    object-fit: cover;
}
.newListUl li a .newTopImg .img .newMobileImg {
  display: none;
}
.newListUl li a .bottomBox {
  padding: 15px 20px;
}
.newListUl li a .bottomBox .name {
  font-size: 16px;
  color: #111111;
  line-height: 30px;
  display: -moz-box;
  -moz-box-orient: vertical;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  height: 60px;
}
.newListUl li a .bottomBox .line {
  width: 40px;
  height: 2px;
  background: #dddddd;
  margin-top: 15px;
  -webkit-transition: all 0.2s ease-out;
  -khtml-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.newListUl li a .bottomBox .data {
  font-size: 16px;
  color: #888888;
  margin-top: 15px;
  height: 44px;
}
.newListUl li a:hover {
  -moz-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
  transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -webkit-transform: translateY(-5px);
  -o-transform: translateY(-5px);
}
.newListUl li a:hover .newTopImg .img {
  transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
}
.newListUl li a:hover .bottomBox .name {
  color: #b30b16;
}
.newListUl li a:hover .bottomBox .line {
  background: #b30b16;
}
.screen_box .text {
  float: left;
  font-size: 16px;
  line-height: 50px;
  color: #888888;
  margin-left: 30px;
}
.screen_box .text span {
  color: #b30b16;
  font-weight: bold;
  margin: 0px 5px;
}
.marketingListUl {
  margin: 0px -10px;
}
.marketingListUl li {
  float: left;
  width: 33.3333%;
  box-sizing: border-box;
  padding: 15px 10px;
}
.marketingListUl li a {
  display: block;
}
.marketingListUl li a .topImgFu {
  height: 300px;
  position: relative;
  overflow: hidden;
}
.marketingListUl li a .topImgFu .topImg {
  height: 100%;
  background-size: cover!important;
}
.marketingListUl li a .topImgFu .topImg .mobileImg {
  display: none;
}
.marketingListUl li a .topImgFu .topImgBg {
  position: absolute;
  left: 0px;
  right: 0px;
  height: 100%;
  bottom: -100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2;
}
.marketingListUl li a .topImgFu .topImgBg .jinru {
  width: 160px;
  text-align: center;
  height: 50px;
  line-height: 50px;
  border: 1px solid #fff;
  box-sizing: border-box;
  font-size: 16px;
  color: #fff;
  left: 50%;
  margin-left: -80px;
  position: absolute;
  top: 50%;
  margin-top: -25px;
}
.marketingListUl li a .topImgFu .topImgBg .jinru:hover {
  background: #fff;
  color: #111;
}
.marketingListUl li a .topImgFu .topImgBg .dataBox {
  position: absolute;
  bottom: 30px;
  width: 100%;
  left: 0px;
  text-align: center;
  font-size: 16px;
  color: #fff;
}
.marketingListUl li a .bottomBox {
  position: relative;
  height: 100px;
  background: #fff;
  text-align: center;
  z-index: 4;
}
.marketingListUl li a .bottomBox .text {
  height: 100%;
  line-height: 100px;
  font-size: 18px;
  padding: 0px 15px;
  color: #111;
  display: -moz-box;
  -moz-box-orient: vertical;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
}
.marketingListUl li a .bottomBox .settimeBox {
  position: absolute;
  top: -20px;
  left: 0px;
  right: 0px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 0px;
}
.marketingListUl li a .bottomBox .settime {
  display: inline-block;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  padding: 0px 18px;
  box-sizing: border-box;
  min-width: 200px;
  background: #000;
}
.marketingListUl li a .bottomBox .settime.active {
  background: #b30b16;
}
.marketingListUl li a .bottomBox .settime.active span {
  display: inline-block;
  vertical-align: middle;
  background: #000;
  height: 26px;
  line-height: 26px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  margin: 0px 10px;
  padding: 0px 5px;
  position: relative;
  top: -1px;
}
.marketingListUl li a:hover {
  -moz-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
  transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -webkit-transform: translateY(-5px);
  -o-transform: translateY(-5px);
}
.marketingListUl li a:hover .topImgFu .topImg {
  transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
}
.marketingListUl li a:hover .topImgFu .topImgBg {
  bottom: 0px;
}
.marketingListUl li a:hover .bottomBox .text {
  color: #b30b16;
}
.listForm {
  height: 190px;
  background: url(../image/listFormBg.jpg) center center no-repeat;
  position: relative;
  overflow: hidden;
  margin-top: 100px;
}
.listForm .bg {
  position: absolute;
  top: 15px;
  left: 50%;
  margin-left: -460px;
}
.listForm .listFormLeft {
  float: left;
  background: url(../image/commonPopup_img.png) left center no-repeat;
  font-size: 48px;
  color: #fff;
  height: 100%;
  box-sizing: border-box;
  padding-top: 32px;
  padding-left: 100px;
  position: relative;
  z-index: 2;
}
.listForm .listFormLeft p {
  font-weight: bold;
}
.listForm .listFormLeft p span {
  color: #fff;
}
.listForm .listFormRight {
  padding-left: 400px;
  padding-right: 80px;
  position: relative;
  z-index: 2;
}
.listForm .listFormRight .formBox {
  margin-top: 40px;
}
.listForm .listFormRight .formBox .inputBoxFu {
  float: left;
  width: 66%;
  box-sizing: border-box;
  padding-right: 25px;
  margin: -5px -10px;
}
.listForm .listFormRight .formBox .inputBoxFu .inputList {
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding: 5px 10px;
}
.listForm .listFormRight .formBox .inputBoxFu .inputBox {
  margin-bottom: 0px;
  height: 50px;
}
.listForm .listFormRight .formBox .inputBoxFu .selectBox{
    margin-bottom: 0px;
}
.listForm .listFormRight .formBox .inputBoxFu .inputBox .input {
  background: #fff;
  font-size: 16px;
}
.listForm .listFormRight .formBox .inputBoxFu .radioBox {
  margin-bottom: 0px;
  height: 50px;
}
.listForm .listFormRight .formBox .inputBoxFu .radioBox label {
  font-size: 16px;
}
.listForm .listFormRight .formBox .buttonBox {
  float: right;
  width: 34%;
  box-sizing: border-box;
  padding-left: 40px;
  position: relative;
  top: -15px;
}
.listForm .listFormRight .formBox .buttonBox .submit {
  height: 50px;
  line-height: 50px;
  margin-top: 5px;
}
.listForm .listFormRight .formBox .buttonBox .buttonTop {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
}
.listForm .listFormRight .formBox .buttonBox .buttonTop span {
  color: #fff;
  font-size: 32px;
  font-weight: bold;
}
.listForm .listFormRight .formBox .buttonBox .buttonTips {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
  margin-top: 10px;
}
#main.native_list_content {
  padding-bottom: 50px;
}
.designerListUl li {
  margin-top: 40px;
}
.designerListUl li .ListUlBox {
  background: #f3f3f3;
  padding: 30px;
}
.designerListUl li .ListUlBox .ListUlBoxTop {
  overflow: hidden;
  position: relative;
}
.designerListUl li .ListUlBox .ListUlBoxTop .leftImg {
  display: block;
  width: 240px;
  height: 300px;
  background-size: cover!important;
  float: left;
}
.designerListUl li .ListUlBox .ListUlBoxTop .rightContent {
  padding-left: 270px;
}
.designerListUl li .ListUlBox .ListUlBoxTop .rightContent .name {
  display: table;
  color: #111111;
  font-size: 28px;
  font-weight: bold;
  padding-top: 10px;
}
.designerListUl li .ListUlBox .ListUlBoxTop .rightContent .name div {
  display: -moz-box;
  -moz-box-orient: vertical;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
}
.designerListUl li .ListUlBox .ListUlBoxTop .rightContent .name:hover {
  color: #b30b16;
}
.designerListUl li .ListUlBox .ListUlBoxTop .rightContent .text {
  display: table;
  height: 30px;
  line-height: 30px;
  color: #fff;
  font-size: 16px;
  margin-top: 25px;
  margin-bottom: 30px;
}
.designerListUl li .ListUlBox .ListUlBoxTop .rightContent .text .t{
  float: left;
  background: #b30b16;
  padding: 0px 10px;
}
.designerListUl li .ListUlBox .ListUlBoxTop .rightContent .text .bg {
  background: #fff;
  color: #111;
  padding: 0px 10px;
  float: left;
}
.designerListUl li .ListUlBox .ListUlBoxTop .rightContent .text .bg .red {
  color: #b30b16;
  margin-right: 5px;
}
.designerListUl li .ListUlBox .ListUlBoxTop .rightContent .list {
  overflow: hidden;
  font-size: 14px;
  color: #888888;
  line-height: 26px;
  margin-top: 15px;
}
.designerListUl li .ListUlBox .ListUlBoxTop .rightContent .list .listN {
  float: left;
}
.designerListUl li .ListUlBox .ListUlBoxTop .rightContent .list .listT {
    color: #111;
    padding-left: 20px;
    display:-moz-box;
    -moz-box-orient:vertical;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
}
.designerListUl li .ListUlBox .ListUlBoxTop .rightContent .list .listT .wb {
  display: -moz-box;
  -moz-box-orient: vertical;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
}
.designerListUl li .ListUlBox .ListUlBoxTop .rightContent .rightBtn {
  overflow: hidden;
  margin-top: 50px;
}
.designerListUl li .ListUlBox .ListUlBoxTop .rightContent .rightBtn .rightBtnL {
  float: left;
  height: 50px;
  line-height: 50px;
}
.designerListUl li .ListUlBox .ListUlBoxTop .rightContent .rightBtn .rightBtnL .Llist {
  font-size: 16px;
  color: #888888;
  margin-right: 30px;
  float: left;
}
.designerListUl li .ListUlBox .ListUlBoxTop .rightContent .rightBtn .rightBtnL .Llist span {
  font-size: 20px;
  font-weight: bold;
  margin-right: 5px;
}
.designerListUl li .ListUlBox .ListUlBoxTop .rightContent .rightBtn .rightBtnL .Llist .red {
  color: #b30b16;
}
.designerListUl li .ListUlBox .ListUlBoxTop .rightContent .rightBtn .rightBtnL .Llist .blue {
  color: #111111;
}
.designerListUl li .ListUlBox .ListUlBoxTop .rightContent .rightBtn .pageBtn-red {
  float: right;
}
.designerListUl li .ListUlBox .ListUlBoxBottom {
  overflow: hidden;
  margin: 0px -10px;
  margin-top: 20px;
}
.designerListUl li .ListUlBox .ListUlBoxBottom .bottomlist {
  float: left;
  width: 33.333%;
  box-sizing: border-box;
  padding: 0px 10px;
}
.designerListUl li .ListUlBox .ListUlBoxBottom .bottomlist a {
  display: block;
  position: relative;
  overflow: hidden;
}
.designerListUl li .ListUlBox .ListUlBoxBottom .bottomlist a .morenImg {
  height: 190px;
  background-size: cover!important;
}
.designerListUl li .ListUlBox .ListUlBoxBottom .bottomlist a .hoverWenzi {
  position: absolute;
  height: 100%;
  left: 0px;
  right: 0px;
  bottom:0px;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
  display: none;
}
.designerListUl li .ListUlBox .ListUlBoxBottom .bottomlist:last-child a .hoverWenzi {
  display: block;
}
.designerListUl li .ListUlBox .ListUlBoxBottom .bottomlist a .hoverWenzi .hoverWenziB {
  text-align: center;
  position: relative;
  top: 50px;
}
.designerListUl li .ListUlBox .ListUlBoxBottom .bottomlist a .hoverWenzi .hoverWenziB .top {
  font-size: 16px;
  color: #fff;
}
.designerListUl li .ListUlBox .ListUlBoxBottom .bottomlist a .hoverWenzi .hoverWenziB .top span {
  font-weight: bold;
  font-size: 28px;
  margin-right: 5px;
}
.designerListUl li .ListUlBox .ListUlBoxBottom .bottomlist a .hoverWenzi .hoverWenziB .chakan {
  width: 138px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  border: 1px solid #fff;
  margin: 0px auto;
  margin-top: 20px;
}
.designerListUl li .ListUlBox .ListUlBoxBottom .bottomlist a .hoverWenzi .hoverWenziB .chakan:hover {
  background: #fff;
  color: #b30b16;
}
.designerListUl li .ListUlBox .ListUlBoxBottom .bottomlist a:hover .morenImg {
  transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
}
.designerListUl li .ListUlBox .ListUlBoxBottom .bottomlist a:hover .hoverWenzi {
  bottom: 0px;
}
.designerListUl li .ListUlBox:hover {
  background: #fff;
  -moz-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
  transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -webkit-transform: translateY(-5px);
  -o-transform: translateY(-5px);
}
.sortBox {
  float: right;
}
.sortBox .sortList:first-child {
  border-right: none;
}
.sortBox .sortList {
  float: left;
  font-size: 16px;
  color: #111111;
  box-sizing: border-box;
  border: 1px solid #dddddd;
  height: 50px;
  line-height: 50px;
  padding-left: 20px;
  padding-right: 30px;
  position: relative;
}
.sortBox .sortList .sortAn {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0px;
  right: 0px;
}
.sortBox .sortList .sortAn .sortAnL {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0px;
  right: 0px;
  cursor: pointer;
  background: url(../image/sortAnL_icon.png) right 10px bottom 25px no-repeat;
  z-index:10;
}
.sortBox .sortList .sortAn .sortAnL.xia {
  background: url(../image/sortAnL_icon2.png) right 10px top 25px no-repeat;
}
.sortBox .sortList .sortAn .sortAnL.active {
  height: 100%;
  cursor: pointer;
  background: url(../image/sortAnL_icon_on.png) right 10px bottom 25px no-repeat;
  z-index:1;
}
.sortBox .sortList .sortAn .sortAnL.xia.active {
  background: url(../image/sortAnL_icon2_on.png) right 10px top 25px no-repeat;
}
.designer_list .screen_box {
  padding: 0px;
}
.fenxiang {
  position: relative;
  float: right;
  width: 146px;
  margin-top: 10px;
  overflow: hidden;
}
.fenxiang .pageBtn-white {
  width: 100%;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: rgba(255, 255, 255, 0.5);
}
.fenxiang .pageBtn-white .icon {
  background: url(../image/fenxiang2.png) center center no-repeat;
}
.fenxiang .erweima {
  position: absolute;
  top: 0px;
  background: #fff;
  padding: 10px;
  padding-bottom: 15px;
  width: 140px;
  left: -150px;
  box-sizing: border-box;
  -moz-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
  opacity: 0;
}
.fenxiang .erweima img {
  width: 100%;
  height: 120px;
}
.fenxiang .erweima p {
  text-align: center;
  font-size: 14px;
  color: #111;
  margin-top: 5px;
}
.fenxiang .erweima:after {
  content: '';
  display: block;
  position: absolute;
  background: url(../image/erweima_sanjiao.png) center center no-repeat;
  width: 16px;
  height: 8px;
  right: -12px;
  top: 18px;
  transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
}
.fenxiang:hover {
  overflow: visible;
}
.fenxiang:hover .pageBtn-white {
  border: 1px solid #fff;
  color: #fff;
}
.fenxiang:hover .pageBtn-white .icon {
  background: url(../image/fenxiang2_on.png) center center no-repeat;
}
.fenxiang:hover .erweima {
  opacity: 1;
}
.anliDetails .anliDetailsTop {
  height: 360px;
  background-size: cover!important;
  position: relative;
}
.anliDetails .anliDetailsTop .anliDetailTitle {
  font-size: 36px;
  color: #ffffff;
  line-height: 54px;
  font-weight: bold;
  max-width: 60%;
  float: left;
}
.anliDetails .dibuXinxi {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 100px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.anliDetails .dibuXinxi .dibuXinxiList {
  float: left;
  width: 17%;
  height: 100px;
  text-align: center;
  box-sizing: border-box;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  padding-top: 24px;
}
.anliDetails .dibuXinxi .dibuXinxiList .top {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.5);
}
.anliDetails .dibuXinxi .dibuXinxiList .text {
  font-size: 20px;
  color: #fff;
  margin-top: 7px;
}
.anliDetails .dibuXinxi .dibuXinxiList:nth-child(4):hover {
  background: rgba(255, 255, 255, 0.5);
}
.anliDetails .dibuXinxi .dibuXinxiList:nth-child(4) {
  width: 24.5%;
  text-align: left;
  padding-left: 60px;
  display: block;
}
.anliDetails .dibuXinxi .dibuXinxiList:nth-child(4) .text span {
  display: inline-block;
  font-size: 14px;
  color: #b30b16;
  margin-left: 20px;
}
.anliDetails .dibuXinxi .dibuXinxiList:nth-child(4) .text span img {
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  vertical-align: middle;
  margin-left: 10px;
}
.anliDetails .dibuXinxi .dibuXinxiList:nth-child(5) {
  width: 24.5%;
  padding-top: 0px;
  height: 101px;
  line-height: 100px;
  margin-top: -1px;
}
.anliDetails .dibuXinxi .dibuXinxiList:nth-child(5) img {
  vertical-align: middle;
  display: inline-block;
  width: 30px;
  margin-right: 10px;
  position: relative;
  top: 1px;
}
.anliDetails .anliDetailsContent {
  font-size: 16px;
  color: #333333;
  line-height: 36px;
  padding-bottom: 60px;
  border-bottom: 1px solid #dddddd;
  min-height: 400px;
}
.anliDetails .anliDetailsContent video {
  max-width: 100%!important;
  height: auto;
}
.anliDetails .anliDetailsContent table {
  max-width: 100%!important;
  height: auto;
}
.anliDetails .anliDetailsContent img {
  max-width: 100%!important;
  height: auto;
  width: 100%;
}
.anliDetails .anliDetailsContent a {
  color: #0658a4;
}
.anliDetails .anliDetailsContent a:hover {
  text-decoration: underline;
}
#main.seriesList {
  padding-bottom: 50px;
}
#main.seriesList .pageBanner {
  position: relative;
}
#main.seriesList .pageBanner .wh1420 {
  height: 100%;
  position: relative;
}
#main.seriesList .pageBanner .bannerLink {
  position: absolute;
  height: 90px;
  line-height: 100px;
  bottom: 0px;
  width: 100%;
  left: 0px;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}
#main.seriesList .pageBanner .bannerLink a {
  display: block;
  float: left;
  width: 20%;
  height: 100%;
  color: #fff;
  font-size: 18px;
  box-sizing: border-box;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}
#main.seriesList .pageBanner .bannerLink a img {
  width: 25px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -2px;
  margin-right: 10px;
}
#main.seriesList .pageBanner .bannerLink a:last-child {
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}
#main.seriesList .pageBanner .bannerLink a:hover,
#main.seriesList .pageBanner .bannerLink a.active {
  background: #b30b16;
}
.magazineListUl {
  margin: 0px -10px;
}
.magazineListUl li {
  width: 33.33333%;
  float: left;
  box-sizing: border-box;
  padding: 20px 10px;
}
.magazineListUl li a {
  display: block;
  background: #fff;
}
.magazineListUl li a .topImgFu {
  height: 300px;
  overflow: hidden;
  position: relative;
}
.magazineListUl li a .topImg {
  height: 100%;
  background-size: cover!important;
}
.magazineListUl li a .topImg .mobileImg {
  display: none;
}
.magazineListUl li a .topImgBg {
  position: absolute;
  height: 100%;
  width: 100%;
  bottom: -100%;
  left: 0px;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10;
}
.magazineListUl li a .topImgBg .btn {
  width: 160px;
  text-align: center;
  height: 50px;
  line-height: 50px;
  border: 1px solid #fff;
  box-sizing: border-box;
  font-size: 16px;
  color: #fff;
  left: 50%;
  margin-left: -80px;
  position: absolute;
  top: 50%;
  margin-top: -25px;
}
.magazineListUl li a .topImgBg .btn:hover {
  background: #fff;
  color: #111;
}
.magazineListUl li a .btnBox {
  height: 60px;
  line-height: 60px;
  font-size: 16px;
  color: #111;
  padding: 0px 10px;
  position: relative;
  text-align: center;
  display: -moz-box;
  -moz-box-orient: vertical;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
}
.magazineListUl li a .btnBox:after {
  content: '';
  display: block;
  width: 40px;
  height: 2px;
  position: absolute;
  background: #dddddd;
  left: 50%;
  margin-left: -20px;
  bottom: 0px;
  -webkit-transition: all 0.2s ease-out;
  -khtml-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.magazineListUl li a:hover {
  transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -webkit-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  -moz-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
}
.magazineListUl li a:hover .topImg {
  transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
}
.magazineListUl li a:hover .topImgBg {
  bottom: 0px;
}
.magazineListUl li a:hover .btnBox {
  color: #b30b16;
}
.magazineListUl li a:hover .btnBox:after {
  background: #b30b16;
}
.projectDetailsBox {
  font-size: 16px;
  color: #333333;
  line-height: 36px;
  padding-bottom: 60px;
  margin-top: 50px;

}
.projectDetailsBox video {
  max-width: 100%!important;
}
.projectDetailsBox table {
  max-width: 100%!important;
}
.projectDetailsBox img {
  max-width: 100%!important;

  display: block;
}
.projectDetailsBox a {
  color: #0658a4;
}
.projectDetailsBox a:hover {
  text-decoration: underline;
}
.anliDetails .pageZuoYou{
  padding-top: 40px;
}
.pageZuoYou {
  padding-bottom: 60px;
}
.pageZuoYou .zuoContent {
  float: left;
  width: 70%;
}
.pageZuoYou .youContent {
  float: right;
  width: 24%;
}
.pageZuoYou .youContent .youForm .formTopImg {
  height: 290px;
  position: relative;
  background: #b30b16 url(../image/calculator_top_bg.png) right -30px bottom -50px no-repeat;
  text-align: center;
}
.pageZuoYou .youContent .youForm .formTopImg .name {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.5);
  padding-top: 25px;
}
.pageZuoYou .youContent .youForm .formTopImg .name span {
  color: #fff;
  font-size: 32px;
  font-weight: bold;
}
.pageZuoYou .youContent .youForm .formTopImg .shuoming {
  font-size: 48px;
  color: #fff;
  line-height: 60px;
  background: url(../image/commonPopup_img.png) left center no-repeat;
  margin-top: 15px;
}
.pageZuoYou .youContent .youForm .formTopImg .shuoming div {
  font-weight: bold;
}
.pageZuoYou .youContent .youForm .formTopImg .shuoming div span {
  color: #fff;
}
.pageZuoYou .youContent .youForm .formTopImg .text {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  line-height: 24px;
  margin-top: 20px;
}
.pageZuoYou .youContent .youForm .formTopImg:after {
  content: '';
  display: block;
  background: url(../image/erweima_sanjiao.png) center center no-repeat;
  width: 16px;
  height: 8px;
  position: absolute;
  top: -1px;
  left: -5px;
  transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -o-transform: rotate(135deg);
}
.pageZuoYou .youContent .pinqingHuodong {
  margin-top: 50px;
}
.pageZuoYou .youContent .pinqingHuodong .guanggao {
  display: block;
  overflow: hidden;
}
.pageZuoYou .youContent .pinqingHuodong .guanggao img {
  width: 100%;
  display: block;
  -webkit-transition: all 0.2s ease-out;
  -khtml-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.pageZuoYou .youContent .pinqingHuodong .guanggao:hover img {
  transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
}
.pageZuoYou .youContent .pinqingHuodong .pageBtn-red {
  margin-top: 10px;
  width: 100%;
  animation: myfirst 1s infinite linear;
  -moz-animation: myfirst 1s infinite linear;
  -webkit-animation: myfirst 1s infinite linear;
  -o-animation: myfirst 1s infinite linear;
}
.pageZuoYou .youContent .pinqingHuodong .pageBtn-red img {
  vertical-align: middle;
  display: inline-block;
  position: relative;
  top: -2px;
  margin-right: 10px;
}
.shangxia_content {
  overflow: hidden;
  margin-top: 30px;
}
.shangxia_content .shangxia_box {
  float: left;
  max-width: 40%;
}
.shangxia_content .shangxia_box .fanye_name {
  font-size: 16px;
  color: #b30b16;
  margin-bottom: 20px;
}
.shangxia_content .shangxia_box .fanye_name img {
  position: relative;
  vertical-align: top;
  top: 6px;
  margin-right: 7px;
}
.shangxia_content .shangxia_box a {
  display: table;
}
.shangxia_content .shangxia_box a {
  font-size: 18px;
  color: #333333;
  -webkit-transition: all 0.2s ease-out;
  -khtml-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
  max-width: 700px;
}
.shangxia_content .shangxia_box a:hover {
  color: #b30b16;
}
.shangxia_content .shangxia_box.last {
  float: right;
}
.shangxia_content .shangxia_box.last .fanye_name {
  text-align: right;
}
.shangxia_content .shangxia_box.last .fanye_name img {
  margin-left: 7px;
  margin-right: 0px;
}
.tuijianTitle {
  color: #111111;
  font-size: 16px;
  text-align: center;
}
.tuijianTitle span {
  display: block;
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 20px;
}
.anliTuijian {

  /* padding: 80px 0px; */
  margin-top: 60px;
}
.anliTuijian .case_content {
  margin-top: 40px;
}
.anliTuijian .case_content ul {
  margin: -10px;
}
.anliTuijian .case_content ul li {
  width: 33.33333%;
  padding: 10px;
}
.anliTuijian .case_content ul li .contentBox .contentMoren .topImg {
  height: 230px;
}
.anliTuijian .case_content ul li .contentBox .contentHover .topBox {
  height: 240px;
}
.anliTuijian .case_content ul li .contentBox .contentMoren .bottomBox {
  padding-top: 20px;
  height: 70px;
}
.anliTuijian .case_content ul li .contentBox .contentHover .topBox .topText .topTitle {
  font-size: 18px;
  line-height: 30px;
}
.anliTuijian .case_content ul li .contentBox .contentHover .topBox .topText .listBox {
  margin-top: 30px;
}
.anliTuijian .case_content ul li .contentBox .contentHover .topBox .topText .listBox .topList {
  font-size: 14px;
}
.anliTuijian .case_content ul li .contentBox .contentHover .topBox .topText .listBox .topList span {
  font-size: 18px;
  margin-top: 5px;
}
.anliTuijian .case_content ul li .contentBox .contentMoren .bottomBox .name {
  font-size: 18px;
}
.anliTuijian .case_content ul li .contentBox .contentHover .bottomBox .btnList:nth-child(1) {
  width: 60%;
}
.anliTuijian .case_content ul li .contentBox .contentHover .bottomBox .btnList:nth-child(2) {
  width: 40%;
}
.project_list .screen_box {
  padding: 0px;
}
.project_list .projectLlistUl li {
  margin-top: 40px;
}
.project_list .projectLlistUl li .listUlBox {
  display: block;
  background: #fff;
  height: 100%;
  position: relative;
}
.project_list .projectLlistUl li .listUlBox .leftImg {
  display: block;
  float: left;
  width: 400px;
  height: 100%;
  overflow: hidden;
  background-size: cover!important;
  position: relative;
}

.project_list .projectLlistUl li .listUlBox .leftImg:after {
  content: '';
  display: block;
  width: 64px;
  height: 26px;
  background: url(../image/project_remen.png) center center no-repeat;
  position: absolute;
  left: -3px;
  top: -3px;
}
.project_list .projectLlistUl li .listUlBox .wenziBox {
  padding: 25px 15px 25px 440px;
  min-height: 240px;
}
.project_list .projectLlistUl li .listUlBox .wenziBox .topTitle {
  font-size: 28px;
  color: #111111;
  font-weight: bold;
}
.project_list .projectLlistUl li .listUlBox .wenziBox .topTitle:hover {
  color: #b30b16;
}
.project_list .projectLlistUl li .listUlBox .wenziBox .text {
  font-size: 16px;
  color: #888888;
  line-height: 30px;
  margin-top: 15px;
  display: -moz-box;
  -moz-box-orient: vertical;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  height: 60px;
}
.project_list .projectLlistUl li .listUlBox .wenziBox .bottomBox {
  overflow: hidden;
  margin-top: 25px;
}
.project_list .projectLlistUl li .listUlBox .wenziBox .bottomBox .anniu {
  float: left;
  width: 200px;
}
.project_list .projectLlistUl li .listUlBox .wenziBox .bottomBox .fuwu {
  float: left;
  font-size: 16px;
  color: #888888;
  height: 50px;
  line-height: 50px;
  margin-left: 68px;
}
.project_list .projectLlistUl li .listUlBox .wenziBox .bottomBox .fuwu span {
  font-size: 20px;
  color: #b30b16;
  font-weight: bold;
  margin: 0px 5px;
}
.project_list .projectLlistUl li .listUlBox:hover {
  -moz-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
  transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -webkit-transform: translateY(-5px);
  -o-transform: translateY(-5px);
}
.project_detailsTop {
  overflow: hidden;
  margin-top: 20px;
  position: relative;
}
.project_detailsTop .fenxiang {
  position: absolute;
  right: 0px;
  top: 5px;
  margin-top: 0px;
  float: none;
}
.project_detailsTop .fenxiang .pageBtn-white {
  border: 1px solid rgba(17, 17, 17, 0.5);
  color: rgba(17, 17, 17, 0.5);
}
.project_detailsTop .fenxiang:hover .pageBtn-white {
  border: 1px solid #111111;
  color: #111111;
}
.project_detailsTop .fenxiang:hover .pageBtn-white .icon {
  background: url(../image/fenxiang.png) center center no-repeat;
}
.project_detailsTop .leftImg {
  float: left;
  width: 480px;
  height: 288px;
  background-size: cover!important;
}
.project_detailsTop .rightContent {
  padding-left: 520px;
  padding-right: 200px;
}
.project_detailsTop .rightContent .projectTitle {
  font-size: 36px;
  color: #111111;
  font-weight: bold;
  padding-top: 5px;
  display: -moz-box;
  -moz-box-orient: vertical;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}
.project_detailsTop .rightContent .projectText {
  font-size: 16px;
  color: #111111;
  line-height: 30px;
  margin-top: 35px;
  display: -moz-box;
  -moz-box-orient: vertical;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  height: 60px;
}
.project_detailsTop .rightContent .fuwuNo {
  font-size: 16px;
  color: #888888;
  margin-top: 30px;
}
.project_detailsTop .rightContent .fuwuNo span {
  font-weight: bold;
  font-size: 20px;
  color: #b30b16;
}
.project_detailsTop .rightContent .linkBtn {
  margin-top: 35px;
}
.project_detailsTop .rightContent .linkBtn .pageBtn-red {
  float: left;
  width: 260px;
  position: relative;
}
.project_detailsTop .rightContent .linkBtn .pageBtn-red img {
  width: 64px;
  position: absolute;
  right: -3px;
  top: -3px;
}
.project_detailsTop .rightContent .linkBtn .btn {
  float: left;
  display: block;
  width: 190px;
  height: 50px;
  box-sizing: border-box;
  line-height: 50px;
  text-align: center;
  font-size: 16px;
  color: #b30b16;
  border: 1px solid #b30b16;
  margin-left: 20px;
}
.project_detailsTop .rightContent .linkBtn .btn:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 21px;
  height: 21px;
  background: url(../image/project_btn_img2.png) center center no-repeat;
  margin-right: 10px;
  -webkit-transition: all 0.2s ease-out;
  -khtml-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.project_detailsTop .rightContent .linkBtn .btn:hover {
  background: #b30b16;
  color: #fff;
}
.project_detailsTop .rightContent .linkBtn .btn:hover:before {
  background: url(../image/project_btn_img2_on.png) center center no-repeat;
}
.project_detailsTop .rightContent .linkBtn .btn:nth-child(3):before {
  background: url(../image/project_btn_img1.png) center center no-repeat;
}
.project_detailsTop .rightContent .linkBtn .btn:nth-child(3):hover:before {
  background: url(../image/project_btn_img1_on.png) center center no-repeat;
}
.brandContenTop {
  padding-top: 80px;
}
.brandContenTop .tuijianTitle {
  color: rgba(17, 17, 17, 0.5);
}
.brandContenTop .tuijianTitle span {
  color: #111111;
}
.brandContenTop .brandText {
  font-size: 16px;
  color: #111111;
  line-height: 30px;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 50px;
}
.brandContenTop .videoBox {
  max-width: 1000px;
  margin: 0px auto;
  position: relative;
  padding: 20px 0px;
  margin-bottom: 80px;
  margin-top: 80px;
}
.brandContenTop .videoBox .video {
  height: 500px;
  margin: 0px 20px;
  position: relative;
  z-index: 2;
}
.brandContenTop .videoBox .video .videoPlay {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  cursor: pointer;
  background-size: cover!important;
}
.brandContenTop .videoBox .video .videoPlay:after {
  content: '';
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background: rgba(0, 0, 0, 0.5) url(../image/videoPlay.png) center center no-repeat;
  background-size: 60px 60px;
}
.brandContenTop .videoBox .video video {
  width: 100%;
  height: 100%;
  background: #000;
}
.brandContenTop .videoBox .bg {
  position: absolute;
  left: 40px;
  top: 40px;
  right: 0px;
  bottom: 0px;
  border: 1px solid #dddddd;
}
.brandContenTop .videoBox:after {
  content: '';
  display: block;
  width: 100px;
  height: 100px;
  background: url(../image/videoBox_bianjiao.png) center center no-repeat;
  position: absolute;
  left: 0px;
  top: 0px;
}
.brandContenTop .videoBox:before {
  content: '';
  display: block;
  width: 100px;
  height: 100px;
  background: url(../image/videoBox_bianjiao2.png) center center no-repeat;
  position: absolute;
  right: 0px;
  bottom: 0px;
}
.brandContenTop .brandContenFuwu {
  overflow: hidden;
}
.brandContenTop .brandContenFuwu .list {
  float: left;
  width: 25%;
  text-align: center;
  box-sizing: border-box;
  padding: 0px 40px;
}
.brandContenTop .brandContenFuwu .list img {
  display: inline-block;
}
.brandContenTop .brandContenFuwu .list .listName {
  color: #111;
  font-size: 20px;
  font-weight: bold;
  margin-top: 20px;
}
.brandContenTop .brandContenFuwu .list .listText {
  color: #888888;
  font-size: 16px;
  line-height: 30px;
  margin-top: 15px;
}
.cultureContenet {
  background: url(../image/culture_bg.jpg) center center no-repeat;
  background-size: cover!important;
  padding-top: 80px;
  padding-bottom: 90px;
  margin-top: 50px;
}
.cultureContenet .cultureTop {
  overflow: hidden;
  max-width: 600px;
  margin: 0px auto;
}
.cultureContenet .cultureTop .topList {
  float: left;
  width: 50%;
  text-align: center;
}
.cultureContenet .cultureTop .topList .name {
  color: #111111;
  font-size: 16px;
}
.cultureContenet .cultureTop .topList .name span {
  font-weight: bold;
  color: #b30b16;
  font-size: 48px;
}
.cultureContenet .cultureTop .topList .text {
  color: #111111;
  font-size: 16px;
}
.cultureContenet .cultureText {
  font-size: 16px;
  line-height: 30px;
  color: #111111;
  margin-top: 35px;
  text-align: center;
}
.cultureContenet .cultureBtn {
  width: 198px;
  margin: 0px auto;
  height: 48px;
  line-height: 48px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  display: block;
  border: 1px solid #b30b16;
  color: #b30b16;
  margin-top: 65px;
}
.cultureContenet .cultureBtn:hover {
  background: #b30b16;
  color: #fff;
}
.brandLinian {
  background: url(../image/brandLinianBg.jpg) center center no-repeat;
  background-size: cover!important;
  box-sizing: border-box;
  padding-top: 80px;
  padding-bottom: 60px;
}
.brandLinian .tuijianTitle {
  color: rgba(17, 17, 17, 0.5);
  text-align: center;
}
.brandLinian .tuijianTitle span {
  color: #111111;
}
.brandLinian .brandLinianWenzi {
    font-size: 0px;
    color: #111111;
    line-height: 30px;
    margin-top: 40px;
    overflow: hidden;
}
.brandLinian .brandLinianWenzi .wenzi_ziji{
    width: 50%;
    box-sizing: border-box;
    text-align: left;
    font-size: 16px;
    overflow: hidden;
    height: 100%;
    float: left;
}
.brandLinian .brandLinianWenzi .wenzi_ziji .wenzi_box{
    font-size: 16px;
}
.brandLinian .brandLinianWenzi .wenzi_ziji.float_left .wenzi_box{
    float: right;
    margin-right: 70px;
}
.brandLinian .brandLinianWenzi .wenzi_ziji.float_right .wenzi_box{
    margin-left: 70px;
}
.designer_details .case_content ul li .contentBox .contentMoren .bottomBox .dibu {
  height: 30px;
  line-height: 30px;
  margin-top: 10px;
}
.designer_details .case_content ul li .contentBox .contentMoren .bottomBox .dibu .dibuList.fengge {
  background: #b30b16;
  color: #fff;
  padding: 0px 20px;
}
.designer_details .designerTop {
  height: 450px;
  background: url(../image/designerTop_bg.jpg) center center no-repeat;
  background-size: cover!important;
}
.designer_details .designerTop .designerTopContent {
  position: relative;
}
.designer_details .designerTop .designerTopContent .fenxiang {
  position: absolute;
  right: 0px;
  top: 0px;
  margin-top: 0px;
}
.designer_details .designerTop .designerTopContent .pageBtn-red {
  position: absolute;
  right: 0px;
  bottom: 93px;
  width: 200px;
}
.designer_details .designerTop .designerTopContent .pageBtn-red img {
  width: 25px;
  position: relative;
  top: 2px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.designer_details .designerTop .designerTopContent .topContentTou {
  float: left;
  width: 340px;
  height: 430px;
  background-size: cover!important;
  -moz-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
}
.designer_details .designerTop .designerTopContent .topContentRight {
  padding-left: 420px;
}
.designer_details .designerTop .designerTopContent .topContentRight .name {
  font-size: 36px;
  color: #fff;
  font-weight: bold;
  padding-top: 15px;
}
.designer_details .designerTop .designerTopContent .topContentRight .label {
  color: #111;
  height: 30px;
  line-height: 30px;
  background: #fff;
  font-size: 16px;
  display: table;
  padding-right: 12px;
  margin-top: 20px;
}
.designer_details .designerTop .designerTopContent .topContentRight .label a {
  color: #b30b16;
  font-weight: bold;
  margin-right: 5px;
}
.designer_details .designerTop .designerTopContent .topContentRight .label span {
  display: inline-block;
  color: #fff;
  background: #b30b16;
  padding: 0px 12px;
  margin-right: 12px;
}
.designer_details .designerTop .designerTopContent .topContentRight .douhao {
  width: 20px;
  height: 16px;
  background: url(../image/douhao.png) center center no-repeat;
  margin-top: 40px;
}
.designer_details .designerTop .designerTopContent .topContentRight .linggan {
  color: #fff;
  font-size: 16px;
  margin-top: 25px;
  line-height: 30px;
  height: 60px;
  display: -moz-box;
  -moz-box-orient: vertical;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}
.designer_details .designerTop .designerTopContent .topContentRight .shujuBox {
  overflow: hidden;
  margin-top: 30px;
}
.designer_details .designerTop .designerTopContent .topContentRight .shujuBox .shujuList:first-child {
  padding-left: 0px;
  border-left: none;
  cursor: pointer;
}
.designer_details .designerTop .designerTopContent .topContentRight .shujuBox .shujuList {
  float: left;
  padding-left: 30px;
  padding-right: 50px;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}
.designer_details .designerTop .designerTopContent .topContentRight .shujuBox .shujuList .top {
  font-size: 28px;
  color: #fff;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
}
.designer_details .designerTop .designerTopContent .topContentRight .shujuBox .shujuList .text {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 3px;
}
.designer_details .designerBottom {
   margin: 0px -20px;
   margin-top: 60px;

}
.designer_details .designerBottom .neirongList {
  float: left;
  width: 33.3333333%;
  box-sizing: border-box;
  padding: 0px 20px;
}
.designer_details .designerBottom .neirongList .neirongTitle {
  padding-left: 20px;
  position: relative;
  color: #111111;
  font-weight: bold;
  font-size: 22px;
  background: url(../image/tabContent_more.png) left center no-repeat;
}
.designer_details .designerBottom .neirongList .neirongText {
  color: #111111;
  font-size: 16px;
  line-height: 36px;
  padding-left: 20px;
  margin-top: 20px;
}
.badazhanlve {
  padding-top: 80px;
}
.badazhanlve .tuijianTitle {
  color: rgba(17, 17, 17, 0.5);
}
.badazhanlve .tuijianTitle span {
  color: #111111;
}
.badazhanlve .zhanlveList {
  overflow: hidden;
  margin: -10px;
  margin-top: 30px;
}
.badazhanlve .zhanlveList li {
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding: 10px;
}
.badazhanlve .zhanlveList li .zhanlveBox {
  height: 200px;
  background-size: cover!important;
  position: relative;
}
.badazhanlve .zhanlveList li .zhanlveBox .zhanlveBoxBg {
  position: absolute;
  left: 10px;
  right: 10px;
  top: 10px;
  bottom: 10px;
  background: rgba(0, 0, 0, 0.5);
  padding-top: 60px;
}
.badazhanlve .zhanlveList li .zhanlveBox .zhanlveBoxBg .leftNo {
  float: left;
  width: 206px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-right: 5px solid #b30b16;
  font-size: 36px;
  font-weight: bold;
  color: #fff;
  position: relative;
  top: 5px;
  font-style: italic;
}
.badazhanlve .zhanlveList li .zhanlveBox .zhanlveBoxBg .rightText {
  padding-left: 230px;
  padding-right: 100px;
  font-size: 16px;
  line-height: 56px;
  color: #fff;
}
#main.seriesList.brand_profile {
  padding-bottom: 0px;
}
.rongyuzizhi {
  overflow: hidden;
  height: 640px;
  margin-top: 80px;
  position: relative;
}
.rongyuzizhi .rongyuzizhiLeft {
  float: left;
  width: 58%;
  height: 100%;
  background-size: cover!important;
  background: url(../image/rongyuzizhiLeft_bg.jpg) right center no-repeat;
}
.rongyuzizhi .rongyuzizhiRight {
  float: right;
  width: 42%;
  height: 100%;
  background: url(../image/rongyuzizhiRight_bg.jpg) left center no-repeat;
  background-size: cover!important;
  position: relative;
}
.rongyuzizhi .rongyuzizhiRight .swiper-container {
  height: 100%;
  width: 540px;
  margin-left: -200px;
  padding-right: 30px;
  padding-left: 70px;
}
.rongyuzizhi .rongyuzizhiRight .swiper-slide.swiper-slide-active {
  z-index: 10;
  opacity: 1;
}
.rongyuzizhi .rongyuzizhiRight .swiper-slide.swiper-slide-active a .topImg {
  opacity: 1;
  transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
}
.rongyuzizhi .rongyuzizhiRight .swiper-slide.swiper-slide-next {
  opacity: 0.5;
}
.rongyuzizhi .rongyuzizhiRight .swiper-slide {
  opacity: 0;
}
.rongyuzizhi .rongyuzizhiRight .swiper-slide a {
  display: block;
  height: 100%;
}
.rongyuzizhi .rongyuzizhiRight .swiper-slide a .topImg {
  font-size: 0px;
  height: 100%;
  line-height: 640px;
  -webkit-transition: all 0.4s ease-out;
  -khtml-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.rongyuzizhi .rongyuzizhiRight .swiper-slide a .topImg img {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  -moz-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
}
.rongyuzizhi .rongyuzizhiRight .swiper-slide a .text {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #111111;
  display: none;
}
.rongyuzizhi .rongyuzizhiBox {
  position: absolute;
  width: 1420px;
  left: 50%;
  margin-left: -710px;
  top: 0px;
  bottom: 0px;
  padding-left: 40px;
  box-sizing: border-box;
  padding-top: 85px;
}
.rongyuzizhi .rongyuzizhiBox .tuijianTitle {
  color: rgba(17, 17, 17, 0.5);
  text-align: left;
}
.rongyuzizhi .rongyuzizhiBox .tuijianTitle span {
  color: #111111;
}
.rongyuzizhi .rongyuzizhiBox .rongyuzizhiText {
  width: 520px;
  height: 110px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  position: relative;
  line-height: 110px;
  text-align: center;
  font-size: 16px;
  color: #111111;
  margin-top: 50px;
}
.rongyuzizhi .rongyuzizhiBox .rongyuzizhiText:after {
  position: absolute;
  content: '';
  display: block;
  left: 0px;
  top: 0px;
  background: url(../image/rongyuzizhi_icon1.png) center center no-repeat;
  width: 50px;
  height: 50px;
}
.rongyuzizhi .rongyuzizhiBox .rongyuzizhiText:before {
  position: absolute;
  content: '';
  display: block;
  right: 0px;
  bottom: 0px;
  background: url(../image/rongyuzizhi_icon2.png) center center no-repeat;
  width: 50px;
  height: 50px;
}
.rongyuzizhi .rongyuzizhiBox .qiehuanBox {
  position: relative;
  width: 300px;
  height: 60px;
  line-height: 60px;
  margin-top: 120px;
}
.rongyuzizhi .rongyuzizhiBox .qiehuanBox .swiper-pagination {
  bottom: 0px;
  font-size: 16px;
  font-style: italic;
  height: 60px;
  line-height: 60px;
  position: relative;
  margin: 0px 60px;
  width: auto;
}
.rongyuzizhi .rongyuzizhiBox .qiehuanBox .swiper-pagination .swiper-pagination-current {
  font-size: 64px;
}
.rongyuzizhi .rongyuzizhiBox .qiehuanBox .swiper-pagination:before {
  content: '';
  display: block;
  width: 40px;
  height: 2px;
  position: absolute;
  right: -10px;
  top: 50%;
  margin-top: -1px;
  background: rgba(17, 17, 17, 0.2);
}
.rongyuzizhi .rongyuzizhiBox .qiehuanBox .swiper-pagination:after {
  content: '';
  display: block;
  width: 40px;
  height: 2px;
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -1px;
  background: rgba(17, 17, 17, 0.2);
}
.rongyuzizhi .rongyuzizhiBox .qiehuanBox .swiper-button-next,
.rongyuzizhi .rongyuzizhiBox .qiehuanBox .swiper-button-prev {
  width: 40px;
  height: 60px;
  margin-top: -30px;
  -webkit-transition: all 0.2s ease-out;
  -khtml-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.rongyuzizhi .rongyuzizhiBox .qiehuanBox .swiper-button-next {
  background: url(../image/swiper_next3.png) center center no-repeat;
  right: 0px;
}
.rongyuzizhi .rongyuzizhiBox .qiehuanBox .swiper-button-next:hover{
   right: -5px;
}
.rongyuzizhi .rongyuzizhiBox .qiehuanBox .swiper-button-prev {
  background: url(../image/swiper_prev3.png) center center no-repeat;
  left: 10px;
}
.rongyuzizhi .rongyuzizhiBox .qiehuanBox .swiper-button-prev:hover{
   left: 5px;
}
.nativeBiaoqian {
  text-align: center;
  font-size: 0px;
  margin-top: 20px;
  margin-bottom: 50px;
}
.nativeBiaoqian a {
  display: inline-block;
  padding: 0px 17px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #111;
  text-align: center;
  margin: 0px 6px;
  position: relative;
  background: #f3f3f3;
}
.nativeBiaoqian a:after {
    content: '';
    width: 10px;
    height: 10px;
    display: block;
    background: url(../image/vrShijingLink_img.png) center center no-repeat;
    position: absolute;
    right: 1px;
    bottom: 1px;
}
.nativeBiaoqian a.active,
.nativeBiaoqian a:hover {
  background: #b30b16;
  color: #fff;
}
.native_list .nativeListUl{
  min-height: 400px;
}
.native_list .nativeListUl li {
  margin-top: 40px;
}
.native_list .nativeListUl li .nativeListUlBox {
  display: block;
  overflow: hidden;
  background: #fff;
}
.native_list .nativeListUl li .nativeListUlBox .nativeLiImg {
  float: left;
  width: 340px;
  height: 235px;
  background-size: cover!important;
}
.native_list .nativeListUl li .nativeListUlBox .nativeLiImg img {
  display: none;
}
.native_list .nativeListUl li .nativeListUlBox .nativeLiWenzi {
  padding-left: 370px;
  padding-right: 60px;
}
.native_list .nativeListUl li .nativeListUlBox .nativeLiWenzi .listTitle {
  font-size: 20px;
  font-weight: bold;
  color: #111;
  display: -moz-box;
  -moz-box-orient: vertical;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
  padding-top: 28px;
}
.native_list .nativeListUl li .nativeListUlBox .nativeLiWenzi .listTitle:hover{
  color: #b30b16;
  -webkit-transition: all 0.2s ease-out;
  -khtml-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.native_list .nativeListUl li .nativeListUlBox .nativeLiWenzi .line {
  width: 40px;
  height: 2px;
  background: #dddddd;
  margin-top: 25px;
}
.native_list .nativeListUl li .nativeListUlBox .nativeLiWenzi .bottomlinkBox {
  position: relative;
  margin-top: 20px;
}
.native_list .nativeListUl li .nativeListUlBox .nativeLiWenzi .bottomlinkBox .listText {
  padding-right: 300px;
  font-size: 16px;
  line-height: 30px;
  color: #888888;
  display: -moz-box;
  -moz-box-orient: vertical;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3;
}
.native_list .nativeListUl li .nativeListUlBox .nativeLiWenzi .bottomlinkBox .bottomlinkBtn {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 160px;
  height: 50px;
  line-height: 50px;
  box-sizing: border-box;
  text-align: center;
  font-size: 16px;
  color: #b30b16;
  border: 1px solid #b30b16;
}
.native_list .nativeListUl li .nativeListUlBox .nativeLiWenzi .bottomlinkBox .bottomlinkBtn:hover {
  background: #b30b16;
  color: #fff;
}
.native_list .nativeListUl li .nativeListUlBox:hover {
  -moz-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
  transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -webkit-transform: translateY(-5px);
  -o-transform: translateY(-5px);
}
@keyframes myfirst {
  0% {
    transform: scale(0.9,1);
    -moz-transform: scale(0.9,1);
    -webkit-transform: scale(0.9,1);
    -o-transform: scale(0.9,1);
    -ms-transform: scale(0.9,1);
  }
  50% {
    transform: scale(1);
    -moz-transform: scale(1,1.1);
    -webkit-transform: scale(1,1.1);
    -o-transform: scale(1,1.1);
    -ms-transform: scale(1,1.1);
  }
  100% {
    transform: scale(0.9,1);
    -moz-transform: scale(0.9,1);
    -webkit-transform: scale(0.9,1);
    -o-transform: scale(0.9,1);
    -ms-transform: scale(0.9,1);
  }
}
@media screen and (max-width: 1530px) {
    .anliTuijian .case_content ul li .contentBox .contentMoren .bottomBox{
        height: 85px;
    }
  .contactUsContent .contactUsBottom .contactUsRight {
    right: 50px;
    width: 480px;
  }
  .contactUsContent .contactUsBottom .contactUsLeft .btnBox {
    padding: 50px 490px 0px 190px;
  }
  .contactUsContent .contactUsBottom .contactUsRight .contactUsRightBottom {
    padding: 60px 30px;
  }
  .listForm .listFormRight .formBox .inputBoxFu .inputBox .Validform_wrong {
    top: 10px;
    right: 10px;
  }
  .designerListUl li .ListUlBox .ListUlBoxTop .rightContent .rightBtn .rightBtnL {
    height: 45px;
    line-height: 45px;
  }
  .project_detailsTop .rightContent .linkBtn .btn {
    height: 45px;
    line-height: 45px;
  }
  .project_detailsTop .rightContent {
    padding-right: 150px;
  }
  .project_list .projectLlistUl li .listUlBox .wenziBox .bottomBox .fuwu {
    height: 45px;
    line-height: 45px;
  }
  .screen_box {
    padding-bottom: 30px;
  }
  .screen_box .text {
    line-height: 45px;
    margin-left: 15px;
  }
  .sortBox .sortList {
    height: 45px;
    line-height: 45px;
  }
  .pageZuoYou .youContent .youForm .formTopImg .shuoming {
    font-size: 40px;
    line-height: 50px;
  }
  .pageZuoYou .youContent .youForm .formTopImg {
    height: 275px;
  }
  .project_detailsTop .rightContent .linkBtn .pageBtn-red {
    width: 200px;
  }
}
@media screen and (max-width: 1420px) {
    .flipper-page{
        line-height: 615px;
    }
    .zazhi_popup{
        height: 684px;
        width: 1000px;
        margin-left: -500px;
        margin-top: -342px;
    }
   .paddingTop .newListUl li a .newTopImg .img{
       height: 240px;
   }
  .qualitytabBox .qualityContent .qualitytabNeirong ul li .liuchengBox p{
    margin-top: 20px;
    font-size: 14px;
  }
  .contactUsContent .contactUsBottom .contactUsLeft .btnBox {
    padding: 50px 480px 0px 160px;
  }
  .contactUsContent .contactUsBottom .contactUsLeft .btnBox .aList a {
    font-size: 14px;
  }
  .rongyuzizhi .rongyuzizhiBox .rongyuzizhiText {
    width: 380px;
  }
  .badazhanlve .zhanlveList li .zhanlveBox .zhanlveBoxBg .leftNo {
    width: 140px;
  }
  .badazhanlve .zhanlveList li .zhanlveBox .zhanlveBoxBg .rightText {
    padding-left: 180px;
    padding-right: 40px;
    font-size: 14px;
    line-height: 26px;
  }
  .badazhanlve .zhanlveList li .zhanlveBox .zhanlveBoxBg {
    padding-top: 60px;
  }
  .rongyuzizhi .rongyuzizhiBox {
    width: auto;
    margin-left: 0px;
    left: 30px;
    right: 60px;
    padding-left: 0px;
  }
  .brandContenTop .brandContenFuwu .list .listName {
    font-size: 18px;
  }
  .brandContenTop .brandContenFuwu .list .listText {
    font-size: 14px;
    line-height: 26px;
  }
  .brandContenTop .brandContenFuwu .list img {
    width: 60px;
  }
  .cultureContenet .cultureText {
    padding: 0px 60px;
    padding-left: 30px;
  }
  .videoList .videoListTop .videoContent .videoText .videoName {
    font-size: 32px;
    line-height: 45px;
    padding-right: 300px;
  }
  .videoList .videoListTop .videoListTopBg {
    height: 500px;
  }
  .videoList .videoListTop .videoContent .videoBox {
    height: 500px;
  }
  #main.seriesList.newDetails .newDetailsTitle {
    font-size: 28px;
    line-height: 42px;
  }
  .newListUl li a .newTopImg .img {
    height: 200px;
  }
  .newListUl li a .bottomBox {
    padding: 15px;
  }
  .newListUl li a .bottomBox .name {
    font-size: 14px;
    line-height: 24px;
    height: 48px;
  }
  .newListUl li a .bottomBox .data {
    font-size: 14px;
  }
  .marketingListUl li a .bottomBox .text {
    font-size: 16px;
  }
  .marketingListUl li a .topImgFu {
    height: 280px;
  }
  .marketingListUl li a .topImgFu .topImgBg .jinru {
    width: 140px;
    height: 45px;
    line-height: 45px;
    margin-top: -22.5px;
    margin-left: -70px;
    font-size: 14px;
  }
  #main.seriesList .pageBanner .bannerLink {
    height: 80px;
    line-height: 80px;
  }
  .magazineListUl li a .topImgFu {
    height: 250px;
  }
  .magazineListUl li a .btnBox {
    height: 50px;
    line-height: 50px;
  }
  .magazineListUl li {
    padding: 10px;
  }
  .magazineListUl li a .topImgBg .btn {
    width: 140px;
    height: 45px;
    line-height: 45px;
    margin-top: -22.5px;
    margin-left: -70px;
    font-size: 14px;
  }
  .listForm .listFormRight .formBox .inputBoxFu .inputBox .Validform_wrong {
    top: 7px;
    right: 7px;
  }
  .listForm .listFormRight {
    padding-left: 250px;
    padding-right: 30px;
  }
  .listForm .listFormRight .formBox .inputBoxFu {
    padding-right: 15px;
    margin: -5px;
  }
  .listForm .listFormRight .formBox .inputBoxFu .radioBox label {
    font-size: 14px;
  }
  .listForm .listFormRight .formBox .inputBoxFu .inputBox .input {
    font-size: 14px;
  }
  .listForm .listFormRight .formBox .inputBoxFu .inputBox {
    height: 45px;
  }
  .listForm .listFormRight .formBox .inputBoxFu .radioBox {
    height: 45px;
  }
  .formBox .inputBox .danwei {
    width: 50px;
    height: 45px;
    line-height: 45px;
  }
  .listForm .listFormRight .formBox .buttonBox .submit {
    height: 45px;
    line-height: 45px;
  }
  .formBox .submit:after {
    width: 50px;
    height: 20px;
  }
  .listForm .listFormRight .formBox .buttonBox .buttonTop {
    font-size: 14px;
  }
  .listForm .listFormRight .formBox .buttonBox .buttonTop span {
    font-size: 24px;
  }
  .listForm .listFormRight .formBox .buttonBox .buttonTips {
    margin-top: 5px;
    font-size: 12px;
  }
  .listForm .listFormRight .formBox {
    margin-top: 46px;
  }
  .listForm .listFormRight .formBox .buttonBox {
    top: -10px;
  }
  .listForm .listFormRight .formBox .inputBoxFu .inputList {
    padding: 5px;
  }
  .listForm .listFormLeft {
    padding-left: 50px;
    font-size: 38px;
    padding-top: 46px;
  }
  .native_list .nativeListUl li .nativeListUlBox .nativeLiWenzi .bottomlinkBox .listText {
    padding-right: 200px;
  }
  .native_list .nativeListUl li .nativeListUlBox .nativeLiWenzi {
    padding-right: 20px;
  }
  .native_list .nativeListUl li .nativeListUlBox .nativeLiWenzi .bottomlinkBox .bottomlinkBtn {
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    width: 140px;
  }
  .designer_details .designerTop .designerTopContent .topContentTou {
    width: 300px;
    height: 400px;
  }
  .anliTuijian {
    padding: 60px 0px;
    margin-top: 40px;
  }
  .designer_details .designerTop .designerTopContent .topContentRight {
    padding-left: 340px;
  }
  .designer_details .designerTop .designerTopContent .topContentRight .shujuBox {
    margin-top: 20px;
  }
  .designer_details .designerTop .designerTopContent .pageBtn-red {
    bottom: 80px;
  }
  .designer_details .designerTop .designerTopContent .topContentRight .name {
    font-size: 30px;
  }
  .designer_details .designerTop .designerTopContent .topContentRight .shujuBox .shujuList .top {
    font-size: 24px;
  }
  .designer_details .designerTop {
    height: 420px;
  }
  .designerListUl li .ListUlBox .ListUlBoxTop .rightContent .rightBtn .rightBtnL .Llist {
    margin-right: 10px;
  }
  .designer_details .designerBottom .neirongList .neirongTitle {
    font-size: 24px;
  }
  .designerListUl li .ListUlBox .ListUlBoxTop .rightContent .text {
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin: 20px 0px;
  }
  .designerListUl li .ListUlBox .ListUlBoxTop .rightContent .list {
    margin-top: 10px;
  }
  .designerListUl li .ListUlBox .ListUlBoxBottom .bottomlist a .morenImg {
    height: 160px;
  }
  .designerListUl li .ListUlBox .ListUlBoxBottom .bottomlist a .hoverWenzi .hoverWenziB .top {
    font-size: 14px;
  }
  .designerListUl li .ListUlBox .ListUlBoxBottom .bottomlist a .hoverWenzi .hoverWenziB .top span {
    font-size: 20px;
  }
  .designerListUl li {
    margin-top: 30px;
  }
  .designerListUl li .ListUlBox .ListUlBoxBottom .bottomlist a .hoverWenzi .hoverWenziB {
    top: 35px;
  }
  .designerListUl li .ListUlBox .ListUlBoxTop .leftImg {
    width: 200px;
    height: 270px;
    overflow: hidden;
  }
  .designerListUl li .ListUlBox .ListUlBoxTop .leftImg img{
    width: 100%;
  }
  .designerListUl li .ListUlBox .ListUlBoxTop .rightContent {
    padding-left: 220px;
  }
  .designerListUl li .ListUlBox {
    padding: 15px;
  }
  .designerListUl li .ListUlBox .ListUlBoxTop .rightContent .name {
    font-size: 24px;
  }
  .designerListUl li .ListUlBox .ListUlBoxTop .rightContent .rightBtn .rightBtnL .Llist {
    font-size: 14px;
  }
  .designerListUl li .ListUlBox .ListUlBoxTop .rightContent .rightBtn .rightBtnL .Llist span {
    font-size: 18px;
  }
  .designerListUl li .ListUlBox .ListUlBoxTop .rightContent .rightBtn .pageBtn-red {
    width: 140px;
    font-size: 14px;
  }
  .anliDetails .anliDetailsTop .anliDetailTitle {
    font-size: 30px;
    line-height: 46px;
  }
  .pageZuoYou .zuoContent {
    width: 65%;
  }
  .pageZuoYou .youContent {
    width: 30%;
  }
  .anliDetails .dibuXinxi .dibuXinxiList:nth-child(4) {
    padding-left: 30px;
  }
  .anliTuijian .case_content ul li .contentBox .contentMoren .topImg {
    height: 260px;
  }
  .anliTuijian .case_content ul li .contentBox .contentHover .topBox {
    height: 260px;
  }
  .anliTuijian .case_content ul li .contentBox .contentMoren .bottomBox .name {
    font-size: 16px;
  }
  .anliTuijian .case_content ul li .contentBox .contentHover .topBox .topText {
    top: 60px;
  }
  .anliTuijian .case_content ul li .contentBox .contentMoren .bottomBox {
    padding-top: 15px;
  }
  .tuijianTitle span {
    font-size: 40px;
  }
  .screen_box .text {
    font-size: 14px;
  }
  .sortBox .sortList {
    font-size: 14px;
    padding-left: 15px;
  }
  .project_list .projectLlistUl li .listUlBox .leftImg {
    width: 350px;
  }
  .project_list .projectLlistUl li .listUlBox .wenziBox {
    padding: 15px 15px 0px 370px;
  }
  .project_list .projectLlistUl li .listUlBox .wenziBox .topTitle {
    font-size: 24px;
  }
  .project_list .projectLlistUl li .listUlBox .wenziBox .text {
    font-size: 14px;
    line-height: 26px;
    height: 52px;
  }
  .project_list .projectLlistUl li {
    height: 230px;
  }
  .project_list .projectLlistUl li .listUlBox .wenziBox .bottomBox .anniu {
    font-size: 14px;
    width: 150px;
  }
  .project_list .projectLlistUl li .listUlBox .wenziBox .bottomBox .fuwu {
    font-size: 14px;
    margin-left: 10px;
  }
  .project_list .projectLlistUl li .listUlBox .wenziBox .bottomBox .fuwu span {
    font-size: 18px;
  }
  .project_detailsTop .leftImg {
    width: 420px;
    height: 276px;
  }
  .project_detailsTop .rightContent {
    padding-left: 460px;
    padding-right: 0px;
  }
  .project_detailsTop .rightContent .projectTitle {
    font-size: 30px;
    padding-right: 150px;
  }
  .cultureContenet .cultureTop .topList .name span {
    font-size: 34px;
  }
  .qualitytabBox .qualityContent .qualitytabNeirong ul li:first-child .firstBox .firstBoxText {
    padding-left: 160px;
  }
  .guanjiafuwu {
    height: 580px;
  }
  .shouhou4s ul li .box {
    padding-top: 45px;
    height: 240px;
  }
  .kefujiancha .kefujianchaContent {
    width: 400px;
    height: 400px;
  }
  .kefujiancha .kefujianchaContent .tuijianTitle {
    font-size: 14px;
  }
  .kefujiancha .kefujianchaContent .tuijianTitle span {
    font-size: 30px;
  }
  .kefujiancha .kefujianchaContent .titleIcon {
    width: 38px;
  }
  .kefujiancha .kefujianchaContent .kefujianchawenzi {
    font-size: 14px;
    line-height: 26px;
    margin-top: 20px;
  }
}
@media screen and (max-width: 1200px) {
  .project_detailsTop .rightContent .linkBtn .btn {
    width: 120px;
    font-size: 14px;
  }
  .project_detailsTop .rightContent .linkBtn .pageBtn-red {
    width: 180px;
    font-size: 14px;
  }
  .contactUsContent .contactUsBottom .contactUsRight {
    display: none;
  }
  .contactUsContent .contactUsBottom .contactUsLeft .btnBox {
    padding: 50px 0px 0px 160px;
  }
  .contactUsContent .contactUsBottom .contactUsLeft .btnBox .aList {
    width: auto;
  }
  .contactUsContent .contactUsBottom .contactUsLeft .btnBox .aList a {
    width: 160px;
  }
}
.mobilePage {
  max-width: 769px;
  margin: 0px auto;
}
.mobilePage .remen_search {
  margin: 0px 15px;
  margin-top: 10px;
}
.mobilePage .remen_search .remen_name {
  font-size: 14px;
  color: #888888;
  height: 30px;
  line-height: 30px;
}
.mobilePage .remen_search .remen_link {
  overflow: hidden;
}
.mobilePage .remen_search .remen_link .select_one {
  font-size: 12px;
  color: #b30b16;
  height: 30px;
  line-height: 30px;
  padding: 0px 10px;
  background: #fff;
  margin-right: 15px;
  display: inline-block;
  margin-top: 10px;
}

.mobilePage .wujieguo {
  margin: 0px 15px;
  padding-top: 50px;
  padding-bottom: 60px;
}
.mobilePage .wujieguo .top_img {
  width: 100px;
  margin: 0px auto;
  font-size: 0px;
}
.mobilePage .wujieguo .top_img img {
  width: 100%;
  display: block;
}
.mobilePage .wujieguo .wujieguo_text {
  font-size: 14px;
  color: #888888;
  text-align: center;
  margin-top: 20px;
}
.mobilePage .wujieguo .bottom_box {
  text-align: center;
  font-size: 0px;
  margin-top: 5px;
}
.mobilePage .wujieguo .bottom_box .form_list {
  display: inline-block;
  font-size: 14px;
  color: #b30b16;
  margin: 0px 20px;
  height: 30px;
  line-height: 30px;
  padding: 0px;
  font-weight: normal;
  background: transparent;
  overflow: visible;
  width: auto;
}
.mobilePage .wujieguo .bottom_box .form_list img {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  position: relative;
  top: -1px;
  margin-right: 5px;
}
.mobilePage .searchTop {
  position: fixed;
  height: 50px;
  left: 0px;
  right: 0px;
  background: #111111;
  z-index: 40;
  box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
  top: 0px;
}
.mobilePage .select_content {
  float: left;
  width: 100px;
}
.mobilePage form {
  position: relative;
  display: block;
}
.mobilePage form .fanhui {
  position: absolute;
  display: block;
  width: 50px;
  height: 50px;
  background: url(../image/consoleNav.png) center center no-repeat;
  background-size: 18px 18px;
  right: 0px;
  top: 0px;
  left: auto;
}
.mobilePage form .input_box {
  margin: 0px 50px 0px 110px;
  height: 35px;
  line-height: 35px;
  box-sizing: border-box;
  position: relative;
  top: 7.5px;
  font-size: 0px;
}
.mobilePage form .input_box .search_input {
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  background: #666666;
  border: none;
  color: #111;
  font-size: 14px;
  padding-left: 40px;
  border-radius: 30px;
  transition: all 0.1s ease-out;
}
.mobilePage form .input_box .search_input.active {
  background: #fff;
}
.mobilePage form .input_box .form_btn {
  width: 40px;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  background: url(../image/form_btn.png) center center no-repeat;
  background-size: 13px 13px;
  border: none;
}
.mobilePage .select_content .top-selected {
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  color: #fff;
  padding: 0px 5px;
  display: -moz-box;
  -moz-box-orient: vertical;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
  text-align: center;
  transition: all 0.2s ease-out;
  position: relative;
  z-index: 10;
}
.mobilePage .select_content.active .top-selected {
  background: #ffffff;
  color: #111111;
}
.mobilePage .select_content .top-selected:after {
  content: '';
  width: 10px;
  height: 7px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  background: url('../image/select_xia.png') center center no-repeat;
  background-size: 10px 7px;
}
.mobilePage .select_content.active .top-selected:after {
  background: url('../image/select_xia_on.png') center center no-repeat;
  background-size: 10px 7px;
}
.mobilePage .select_box_content {
  position: absolute;
  top: 100%;
  left: 0px;
  right: 0px;
}
.mobilePage .select_box {
  padding: 7.5px;
  background: #fff;
  max-height: 220px;
  overflow-x: hidden;
  box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 10;
  display: none;
}
.mobilePage .select_box .select_one.on{
  background:#b30b16;
  color: #fff;
}
.mobilePage .select_box .select_one {
  float: left;
  color: #111;
  height: 30px;
  line-height: 30px;
  background: #f3f3f3;
  padding: 0px 10px;
  font-size: 14px;
  color: #303843;
  margin: 7.5px;
}
.mobilePage .select_bg {
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background: rgba(0, 0, 0, 0.2);
  display: none;
}
.mobilePage .result_number {
  font-size: 14px;
  color: #111111;
  text-align: center;
  padding-top: 15px;
}
.mobilePage .result_number span {
  color: #b30b16;
  font-weight: bold;
  margin: 0px 5px;
}
.mobilePage .designerListUl {
  margin: 0px 15px;
}
.mobilePage .case_content {
  margin: 0px 15px;
}
#main.mobilePage {
  padding-bottom: 80px;
}
.calculator_content {
  margin: 40px 15px 50px 15px;
  background: #fff;
}
.calculator_content .formBox .submit img {
  width: 20px;
}
.calculator_content .calculator_top {
  height: 205px;
  background: #b30b16;
  position: relative;
}
.calculator_content .image_bg {
  width: 145px;
  position: absolute;
  right: 0px;
  top: 37px;
}
.calculator_content .top_sanjiao {
  width: 10px;
  height: 10px;
  position: absolute;
  left: 3px;
  top: 3px;
}
.calculator_content .calculator_top_box {
  position: relative;
  z-index: 10;
}
.calculator_content .calculator_top_box .top_img {
  width: 54px;
  height: 25px;
  margin: 0px auto;
}
.calculator_content .calculator_top_box .top_img img {
  width: 100%;
  height: 100%;
}
.calculator_content .calculator_top_box .text {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
  margin-top: 7.5px;
}
.calculator_content .calculator_top_box .text span {
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  padding: 0px 5px;
}
.calculator_content .calculator_top_box .big_text {
  font-size: 32px;
  color: #fff;
  text-align: center;
  font-weight: bold;
  margin-top: 10px;
}
.calculator_content .calculator_top_box .big_text span {
  color: #fff;
  margin-left: 20px;
}
.calculator_content .yusuan_content {
  position: relative;
  margin: 0px 10px;
  margin-top: 10px;
}
.calculator_content .yusuan_content .yusuan_line {
  width: 100%;
  position: absolute;
  left: 0px;
  height: 10px;
  background: #4a070b;
  border-radius: 12px;
}
.calculator_content .yusuan_box {
  width: 100%;
  height: 140px;
  position: relative;
  z-index: 10;
}
.calculator_content .yusuan_box .yusuan_box_bg {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
}
.calculator_content .yusuan_box_fu {
  position: relative;
  z-index: 10;
  margin: 0px 20px;
}
.calculator_content .yusuan_box_fu .top_box {
  overflow: hidden;
  height: 45px;
  line-height: 45px;
  font-size: 12px;
  color: #111111;
  border-bottom: 1px dashed #dddddd;
}
.calculator_content .yusuan_box_fu .top_box img {
  width: 125px;
  height: 20px;
  float: right;
  margin-top: 12.5px;
}
.calculator_content .yusuan_box_fu .bottom_box {
  overflow: hidden;
}
.calculator_content .yusuan_box_fu .bottom_box .bottom_list {
  float: left;
  width: 33.3333%;
  color: #888888;
  font-size: 12px;
  text-align: center;
  padding: 15px 0px;
}
.calculator_content .yusuan_box_fu .bottom_box .bottom_list .b {
  width: 75px;
  height: 15px;
  margin: 0px auto;
  font-size: 0px;
  margin-top: 10px;
}
.calculator_content .yusuan_box_fu .bottom_box .bottom_list .b img {
  width: 100%;
  display: block;
}
.calculator_content .form_content {
  margin-top: 50px;
  padding: 0px 15px 25px 15px;
}
.calculator_content .submit_tips {
  position: absolute;
  width: 40px;
  height: 20px;
  right: -3rpx;
  top: -3px;
}
.calculator_content .form_tips {
  font-size: 12px;
  color: #888888;
  text-align: center;
  margin-top: 15px;
}
.calculator_content .page-section {
  overflow: hidden;
}
.calculator_content .section_gap {
  margin-bottom: 15px;
  height: 43px;
  border: 1px solid #dddddd;
}
.calculator_content .radio-group {
  height: 100%;
}
.calculator_content .radio-group .radio {
  height: 100%;
  width: 50%;
  box-sizing: border-box;
  padding-left: 15px;
}
.calculator_content .radio-group .radio text {
  position: relative;
  top: 15px;
  font-size: 16px;
  color: #111111;
  margin-left: 7.5px;
  font-weight: bold;
}
.mobilePageBody {
  background: url(../image/calculator_bg.jpg) center center no-repeat;
  background-size: cover!important;
  background-attachment: fixed;
  padding-bottom: 20px;
}
.progress_box {
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  text-align: right;
  color: #fff;
  font-size: 12px;
  margin: 0px 30px;
  background: #4a070b;
  border-radius: 10px;
  padding-right: 10px;
  margin-top: 15px;
}
.progress_box .text {
  float: left;
  width: 69%;
  box-sizing: border-box;
  padding-left: 20px;
  background: #fff;
  border-radius: 10px;
  text-align: left;
  color: #b30b16;
}
.progress_box .text span {
  font-weight: bold;
  margin: 0px 5px;
}
.formSwper {
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  color: #ffffff;
  text-align: center;
  margin-top: 15px;
}
@media screen and (max-width: 1024px) {
  .flipper-page{
      line-height: 615px;
  }
  .anliTuijian .case_content ul li .contentBox .contentHover{
      display: none;
  }
  .qualitytabBox .qualitytab a{
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    padding: 0px 22px;
}
  .project_detailsTop .fenxiang{
    display: none;
  }
  .contactUsContent .contactUsBottom .contactUsLeft .btnBox .aList a {
    width: 140px;
  }
  .contactUsContent #baidumap {
    height: 600px;
  }
  .qualitytabBox .qualityContent .qualitytabNeirong ul li .liuchengBox p {
    font-size: 14px;
    margin-top: 15px;
  }
  .qualitytabBox .qualityContent .qualitytabNeirong ul li:first-child .firstBox {
    padding: 15px;
  }
  .qualitytabBox .qualityContent .qualitytabNeirong ul li:first-child .firstBox .firstBoxText {
    padding-top: 5px;
  }
  .brandContenTop .videoBox .video {
    height: 500px;
  }
  .qualitytabBox .qualityContent .qualitytabNeirong ul li .liuchengBox {
    padding-top: 30px;
  }
  .brandLinian .brandLinianWenzi .wenzi_ziji .wenzi_box{
      max-width: 100%;
  }
  .brandLinian .brandLinianWenzi .wenzi_ziji.float_right .wenzi_box{
      margin-left: 20px;
  }
  .brandLinian .brandLinianWenzi .wenzi_ziji.float_left .wenzi_box{
      margin-right: 20px;
  }
  .badazhanlve .zhanlveList li .zhanlveBox .zhanlveBoxBg .rightText {
    padding-left: 130px;
    padding-right: 20px;
  }
  .badazhanlve .zhanlveList li .zhanlveBox {
    height: 160px;
  }
  .badazhanlve .zhanlveList li .zhanlveBox .zhanlveBoxBg {
    padding-top: 40px;
}
  .badazhanlve .zhanlveList {
    margin: -10px;
    margin-top: 30px;
  }
  .badazhanlve .zhanlveList li {
    padding: 10px;
  }
  .rongyuzizhi .rongyuzizhiBox .qiehuanBox {
    width: 270px;
  }
  .videoList .videoListSwiper .swiperBottom {
    margin: 0px;
    margin-top: 30px;
  }
  .brandContenTop .brandText {
    font-size: 14px;
    line-height: 26px;
  }
  .brandContenTop .brandContenFuwu .list {
    padding: 0px 10px;
  }
  .videoList .videoListSwiper .swiper-slide a {
    height: 160px;
    line-height: 160px;
  }
  .videoList .videoListTop .videoContent .videoText .videoName {
    font-size: 24px;
    line-height: 40px;
    padding-right: 200px;
  }
  .videoList .videoListSwiper .swiper-slide a .hoverBox:after {
    font-size: 16px;
  }
  .videoList .videoListSwiper .swiper-slide a .hoverBox .wenzi {
    height: 50px;
    line-height: 50px;
    font-size: 14px;
  }
  .newListUl {
    margin: -10px;
  }
  .newListUl li {
    width: 33.33333%;
    padding: 10px;
  }
  .marketingListUl li{
    width: 50%;
  }
  .marketingListUl li a .bottomBox {
    height: 80px;
  }
  .marketingListUl li {
    padding: 10px;
  }
  .marketingListUl li a .bottomBox .text {
    line-height: 80px;
  }
  .magazineListUl li a .topImgFu {
    height: 200px;
  }
  .magazineListUl li a .btnBox {
    font-size: 14px;
  }
  #main.seriesList .pageBanner .bannerLink a {
    font-size: 16px;
  }
  .native_list .nativeListUl li .nativeListUlBox .nativeLiImg {
    width: 300px;
    height: 200px;
  }
  .listForm {
    display: none;
  }
  .native_list .nativeListUl li .nativeListUlBox .nativeLiWenzi {
    padding-left: 320px;
  }
  .native_list .nativeListUl li .nativeListUlBox .nativeLiWenzi .line {
    margin-top: 20px;
  }
  .native_list .nativeListUl li .nativeListUlBox .nativeLiWenzi .bottomlinkBox .listText {
    padding-right: 150px;
    font-size: 14px;
    line-height: 26px;
  }
  .native_list .nativeListUl li .nativeListUlBox .nativeLiWenzi .bottomlinkBox .bottomlinkBtn {
    height: 40px;
    line-height: 40px;
    width: 120px;
  }
  .native_list .nativeListUl li {
    margin-top: 30px;
  }
  .nativeBiaoqian {
    margin-bottom: 40px;
  }
  .native_list .nativeListUl li .nativeListUlBox .nativeLiWenzi .listTitle {
    font-size: 18px;
    padding-top: 15px;
  }
  .nativeBiaoqian a {
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    padding: 0px 22px;
  }
  .designer_details .designerTop .designerTopContent .pageBtn-red {
    width: 130px;
    font-size: 14px;
    bottom: 40px;
  }
  .designer_details .designerBottom .neirongList {
    margin-top: 30px;
  }
  .designer_details .designerTop .designerTopContent .topContentRight .shujuBox .shujuList .top {
    font-size: 20px;
  }
  .designer_details .designerBottom .neirongList .neirongText {
    margin-top: 10px;
  }
  .designer_details .designerBottom .neirongList .neirongTitle {
    font-size: 20px;
  }
  .designer_details .designerTop .designerTopContent .topContentRight .label {
    font-size: 14px;
    height: 25px;
    line-height: 25px;
  }
  .designer_details .designerTop .designerTopContent .topContentRight .linggan {
    margin-top: 15px;
  }
  .designer_details .designerTop .designerTopContent .topContentRight .shujuBox .shujuList .text {
    font-size: 14px;
  }
  .designer_details .designerBottom {
    padding-left: 0px;
  }
  .designer_details .designerTop .designerTopContent .topContentTou {
    width: 250px;
    height: 340px;
  }
  .designer_details .designerTop .designerTopContent .topContentRight {
    padding-left: 270px;
  }
  .project_detailsTop .leftImg {
    width: 300px;
    height: 210px;
  }
  .project_detailsTop .rightContent {
    padding-left: 320px;
    padding-right: 0px;
  }
  .project_detailsTop .rightContent .projectTitle {
    font-size: 24px;
  }
  .project_detailsTop .rightContent .projectText {
    font-size: 14px;
    line-height: 24px;
    height: 48px;
    margin-top: 20px;
  }
  .project_detailsTop .rightContent .fuwuNo {
    font-size: 14px;
    margin-top: 20px;
  }
  .project_detailsTop .rightContent .fuwuNo span {
    font-size: 18px;
  }
  .project_detailsTop .rightContent .linkBtn .pageBtn-red img {
    width: 40px;
  }
  .project_detailsTop .rightContent .linkBtn {
    margin-top: 23px;
  }
  .project_detailsTop .rightContent .linkBtn .btn {
    height: 40px;
    line-height: 40px;
    width: 110px;
    margin-left: 10px;
  }
  .project_detailsTop .rightContent .linkBtn .pageBtn-red {
    height: 40px;
    line-height: 40px;
    width: 140px;
  }
  .project_list .projectLlistUl li {
    margin-top: 30px;
  }
  .anliTuijian .case_content ul li {
    width: 50%;
  }
  .pageZuoYou .youContent {
    display: none;
  }
  .pageZuoYou .zuoContent {
    float: none;
    width: 100%;
  }
  .anliDetails .anliDetailsTop .anliDetailTitle {
    font-size: 24px;
    line-height: 38px;
  }
  .anliDetails .dibuXinxi .dibuXinxiList:nth-child(4) .text span {
    display: none;
  }
  .anliDetails .anliDetailsTop {
    height: 300px;
  }
  .anliDetails .dibuXinxi {
    height: 80px;
  }
  .anliDetails .dibuXinxi .dibuXinxiList {
    height: 80px;
    padding-top: 14px;
  }
  .anliDetails .dibuXinxi .dibuXinxiList:nth-child(5) {
    height: 81px;
    line-height: 80px;
  }
  .anliDetails .dibuXinxi .dibuXinxiList:nth-child(4) {
    padding-left: 20px;
  }
  .fenxiang .erweima {
    left: -130px;
    padding-bottom: 10px;
    width: 120px;
  }
  .fenxiang .erweima img {
    height: 100px;
  }
  .fenxiang {
    width: 130px;
  }
  .fenxiang .pageBtn-white {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
  }
}
@media screen and (min-width: 770px) {
  .mobileAnli {
    display: none!important;
  }
  .yidongxuan {
    display: block!important;
  }
}
@media screen and (max-width: 769px) {
    .brandLinian .brandLinianWenzi .wenzi_ziji{
        width: 100%;
        float: none;
    }
    .brandLinian .brandLinianWenzi .wenzi_ziji.float_left .wenzi_box{
        margin-right: 0px;
        float: none;
    }
    .brandLinian .brandLinianWenzi .wenzi_ziji .wenzi_box{
        font-size: 14px;
    }
    .brandLinian .tuijianTitle{
        text-align: left;
    }
    .brandLinian .brandLinianWenzi .wenzi_ziji.float_right .wenzi_box{
        margin-left: 0px;
    }
    .paddingTop .newListUl{
        padding-top: 0px;
    }
    .magazineListUl li{
        position: relative;
    }
    .magazineListUl li .magazine_list_mobile_link{
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        z-index: 10;
        background: transparent;
    }
    .paddingTop .newListUl li a .newTopImg .img{
        height: auto;
    }
  .qualitytabBox .qualityContent .qualitytabNeirong ul li .liuchengBox:hover{
    border: none;
  }
  .qualitytabBox .qualitytab{
    overflow: hidden;
  }
  .qualitytabBox .qualitytab a{
    margin: 0px;
    width: 25%;
    box-sizing: border-box;
    font-size: 14px;
    float: left;
    display:-moz-box;
    -moz-box-orient:vertical;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    background: #fff;
    padding: 0px;
  }
  .qualitytabBox .qualitytab a:after{
      width: 50px;
      height: 2px;
      background: #b30b16;
      left: 50%;
      margin-left: -25px;
      bottom: 0px;
      right: auto;
      opacity: 0;
  }
  .qualitytabBox .qualitytab a.active:after, .qualitytabBox .qualitytab a:hover:after {
        opacity: 1;
    }
   .qualitytabBox .qualitytab a.active, .qualitytabBox .qualitytab a:hover {
        background: #fff;
        color: #111;
    }
  .qualitytabBox .qualitytab a:before{
    display: none;
  }
  .anliDetails .pageZuoYou {
      padding-top: 0px;
  }
  .project_list .projectLlistUl li .listUlBox:hover {
    -moz-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0);
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0);
    transform: translateY(0px);
    -ms-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -o-transform: translateY(0px);
  }
  .designerListUl li .ListUlBox .ListUlBoxTop .rightContent .text .t{
    background: #000000;
  }
  .contactUsContent #baidumap {
    height: 500px;
  }
  .contactUsContent .contactUsBottom .contactUsLeft .firstBoxLeft {
    display: none;
  }
  .contactUsContent .contactUsBottom .contactUsLeft .btnBox {
    padding: 15px 0px;
    margin: 0px -5px;
  }
  .contactUsContent .contactUsBottom {
    height: auto;
  }
  .contactUsContent .contactUsBottom .contactUsLeft {
    top: 0px;
  }
  .contactUsContent .contactUsBottom .contactUsLeft .btnBox .aList {
    width: 50%;
  }
  .contactUsContent .contactUsBottom .contactUsLeft .btnBox .aList a {
    width: 100%;
  }
  .qualitytabBox .qualityContent .qualitytabNeirong ul li:first-child .firstBox .firstBoxLeft {
    display: none;
  }
  .qualitytabBox .qualityContent .qualitytabNeirong ul li:first-child {
    width: 100%;
    margin-top: 0px;
  }
  .qualitytabBox .qualityContent .qualitytabNeirong ul li:first-child .firstBox {
    background: #fff;
    padding: 0px;
    height: auto;
  }
  .qualitytabBox .qualityContent .qualitytabNeirong ul li .liuchengBox .icon {
    width: 30px;
    height: 30px;
  }
  .qualitytabBox .qualityContent .qualitytabNeirong ul li:nth-child(4) .liuchengBox:after {
    bottom: -40px;
  }
  .qualitytabBox .qualityContent .qualitytabNeirong ul li:first-child .firstBox:after {
    display: none;
  }
  .qualitytabBox .qualityContent .qualitytabNeirong ul li .liuchengBox:after {
    background: url(../image/liucheng_sanjiao.png) center center no-repeat;
  }
  .qualitytabBox .qualityContent .qualitytabNeirong ul li:nth-child(8) .liuchengBox:after {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    left: 50%;
    width: 20px;
    height: 40px;
    margin-left: -10px;
    top: -40px;
    margin-top: auto;
  }
  .qualitytabBox .qualitytab:after {
    width: 100%;
    left: 0px;
    margin-left: 0px;
    top: auto;
    margin-top: auto;
    background: #ddd;
    bottom: 0px;
  }
  .qualitytabBox .qualityContent .qualitytabNeirong ul li:first-child .firstBox .firstBoxText {
    padding-left: 0px;
    color: #111;
  }
  .qualitytabBox .qualityContent {
    margin-top: 20px;
  }
  .qualitytabBox .qualityContent .qualitytabNeirong ul li {
    width: 33.33333333%;
    margin-top: 30px;
  }
  .qualitytabBox .qualityContent .qualitytabNeirong ul li .liuchengBox p {
    font-size: 12px;
    margin-top: 10px;
    display: -moz-box;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
  }
  .qualitytabBox .qualityContent .qualitytabNeirong ul li .liuchengBox {
    border: none;
    padding-top: 0px;
    height: auto;
  }
  .qualitytabBox {
    margin-top: 0px;
    background: #fff;
    padding-bottom: 40px;
  }
  .quality .tuijianTitle {
    padding-top: 25px;
  }
  .guanjiafuwu {
    margin-top: 0px;
    height: auto;
    background: #000;
  }
  .guanjiafuwu img {
    width: 100%;
    display: block;
  }
  .guanjiafuwuText {
    font-size: 14px;
    color: #fff;
    line-height: 26px;
    padding: 0px 15px;
  }
  .quality .guanjiafuwu .tuijianTitle {
    color: rgba(255, 255, 255, 0.5);
    background: url(../image/jinka_img.png) left 3px top 3px no-repeat;
    background-size: 10px 10px;
  }
  .quality .guanjiafuwu .tuijianTitle span {
    color: #fff;
  }
  .kefujiancha {
    height: auto;
    background: transparent;
  }
  .kefujiancha .kefujianchaContent {
    height: auto;
    width: auto;
    position: relative;
    top: auto;
    left: auto;
    margin-left: auto;
    text-align: center;
    box-sizing: border-box;
    padding-top: 0px;
    background: transparent;
  }
  .kefujiancha .kefujianchaContent .titleIcon {
    display: none;
  }
  .kefujiancha .kefujianchaContent .kefujianchawenzi {
    display: none;
  }
  .kefujiancha .kefujianchaContent .yaosuContent {
    position: relative;
    margin: 0px 15px;
  }
  .kefujiancha .kefujianchaContent .yaosuContent .yaosuBox {
    position: relative;
    margin-bottom: 20px!important;
  }
  .kefujiancha .kefujianchaContent .yaosuContent .yaosuBox .imgFu {
    float: left;
    width: 60px;
    height: 60px;
    line-height: 60px;
  }
  .kefujiancha .kefujianchaContent .yaosuContent .yaosuBox .imgFu .imgBox {
    width: 44px;
    height: 44px;
    line-height: 44px;
  }
  .kefujiancha .kefujianchaContent .yaosuContent .yaosuBox .imgFu .imgBox img {
    width: 20px;
  }
  .kefujiancha .kefujianchaContent .yaosuContent .yaosuBox:after {
    width: 58px;
    height: 58px;
  }
  .kefujiancha .kefujianchaContent .yaosuContent .yaosuBox:nth-child(1) {
    top: 0px;
    left: 0px;
    margin-left: 0px;
  }
  .kefujiancha .kefujianchaContent .yaosuContent .yaosuBox:nth-child(2) {
    left: 0px;
    top: 0px;
    margin-top: 0px;
  }
  .kefujiancha .kefujianchaContent .yaosuContent .yaosuBox:nth-child(3) {
    left: 0px;
    bottom: 0px;
  }
  .kefujiancha .kefujianchaContent .yaosuContent .yaosuBox:nth-child(4) {
    right: 0px;
    bottom: 0px;
    left: auto;
  }
  .kefujiancha .kefujianchaContent .yaosuContent .yaosuBox:nth-child(5) {
    right: 0px;
    top: 0px;
    margin-top: 0px;
    left: auto;
  }
  .shouhou4s.wh1420 {
    padding: 0px;
    background: #fff;
    padding-bottom: 60px;
  }
  .shouhou4s ul {
    margin: -5px 10px;
  }
  .shouhou4s ul li .box {
    padding-top: 25px;
    height: 150px;
  }
  .shouhou4s ul li .box img {
    width: 40px;
  }
  .shouhou4s ul li .box .top {
    font-size: 14px;
    margin-top: 10px;
  }
  .shouhou4s ul li .box .text {
    font-size: 12px;
    margin-top: 10px;
  }
  .shouhou4s ul li {
    width: 50%;
    padding: 5px;
  }
  .shouhou4s .shouhouText4s {
    display: none;
  }
  .kefujiancha .kefujianchaContent .yaosuContent .yaosuBox .yaosuWenzi {
    position: relative;
    left: auto!important;
    right: auto!important;
    bottom: auto!important;
    top: auto!important;
    white-space: normal;
    font-size: 14px;
    line-height: 26px;
    margin-left: 70px;
    background: url(../image/liucheng_sanjiao.png) left center no-repeat;
  }
  .kefujiancha .kefujianchaContent .yaosuContent .yaosuBox .yaosuWenzi br {
    display: none;
  }
  .brandContenTop {
    padding-top: 0px;
  }
  .brandContenTop.wh1420 {
    padding: 0px;
    background: #fff;
    padding-bottom: 30px;
  }
  .brandContenTop .brandText {
    margin: 0px 15px;
    text-align: left;
  }
  .brandContenTop .videoBox:after {
    display: none;
  }
  .brandContenTop .videoBox .video {
    height: 240px;
    margin: 0px;
    margin-right: 5px;
  }
  .brandContenTop .videoBox {
    margin: 0px 15px;
    padding: 5px 0px;
    margin-top: 15px;
  }
  .brandContenTop .videoBox .bg {
    left: 10px;
    top: 10px;
  }
  .brandContenTop .brandContenFuwu {
    display: none;
  }
  .cultureContenet .cultureText {
    display: none;
  }
  .cultureContenet {
    background: url(../image/culture_bg_m.jpg) center center no-repeat;
    padding: 30px 0px 35px 0px;
    margin-top: 0px;
  }
  .cultureContenet .cultureTop .topList .name span {
    font-size: 32px;
  }
  .cultureContenet .cultureTop .topList .name {
    font-size: 14px;
  }
  .cultureContenet .cultureTop .topList .text {
    font-size: 14px;
  }
  .brandContenTop .videoBox:before {
    width: 50px;
    height: 50px;
    background-size: 50px 50px;
  }
  .brandLinian .wh1420 {
    padding: 0px;
  }
  .brandLinian .brandLinianWenzi {
    margin: 0px 15px;
    font-size: 14px;
    line-height: 26px;
  }
  .badazhanlve.wh1420 {
    padding: 0px;
  }
  .badazhanlve .zhanlveList {
    margin: 0px 15px;
  }
  .badazhanlve .zhanlveList li .zhanlveBox {
    height: 160px;
  }
  .badazhanlve .zhanlveList li .zhanlveBox .zhanlveBoxBg .leftNo {
    border-right: 2px solid #b30b16;
    font-size: 32px;
    color: rgba(255, 255, 255, 0.5);
    width: 80px;
  }
  .badazhanlve .zhanlveList li .zhanlveBox .zhanlveBoxBg .rightText {
    padding-left: 100px;
    padding-right: 10px;
  }
  .badazhanlve .zhanlveList li .zhanlveBox .zhanlveBoxBg {
    padding-top: 40px;
  }
  .badazhanlve .zhanlveList li {
    width: 100%;
    float: none;
    padding: 0px;
  }
  .brandLinian {
    height: auto;
    padding-top: 0px;
    padding-bottom: 70px;
  }
  .rongyuzizhi {
    height: auto;
    margin: 0px;
    background: #fff;
    margin-top: 40px;
    padding-bottom: 50px;
  }
  .rongyuzizhi .rongyuzizhiLeft {
    display: none;
  }
  .rongyuzizhi .rongyuzizhiRight {
    float: none;
    width: 100%;
  }
  .rongyuzizhi .rongyuzizhiBox .rongyuzizhiText {
    display: none;
  }
  .rongyuzizhi .rongyuzizhiBox .qiehuanBox {
    display: none;
  }
  .rongyuzizhi .rongyuzizhiRight {
    background: transparent;
  }
  .rongyuzizhi .rongyuzizhiRight .swiper-slide a .text {
    display: block;
  }
  .rongyuzizhi .rongyuzizhiRight .swiper-slide.swiper-slide-next {
    opacity: 1;
  }
  .rongyuzizhi .rongyuzizhiRight .swiper-slide a .topImg {
    line-height: normal;
  }
  .rongyuzizhi .rongyuzizhiRight .swiper-slide.swiper-slide-active a .topImg {
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
  }
  .rongyuzizhi .rongyuzizhiRight .swiper-slide.swiper-slide-active a .topImg {
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
  }
  .rongyuzizhi .rongyuzizhiRight .swiper-container {
    width: 150%;
    height: auto;
    margin-left: 0px;
    padding: 15px 0px 0px 15px;
  }
  .rongyuzizhi .rongyuzizhiBox {
    position: relative;
    margin-left: 0px;
    left: 0px;
    right: 0px;
    padding-left: 0px;
    padding-top: 0px;
  }
  .rongyuzizhi .rongyuzizhiRight .swiper-slide {
    opacity: 1;
  }
  .brandContenTop .videoBox .video .videoPlay:after {
    background-size: 40px 40px;
  }
  .mobileVideoTop {
    background: #fff;
    position: fixed;
    width: 100%;
    left: 0px;
    top: 50px;
    background: #fff;
    z-index:10;
    -moz-box-shadow: 0px 15px 30px rgba(0,0,0, 0.1);
    -webkit-box-shadow: 0px 15px 30px rgba(0,0,0, 0.1);
    box-shadow: 0px 15px 30px rgba(0,0,0, 0.1);
  }
  .mobileVideoTop .videoBoxm {
    position: relative;
    background: #000;
    height: 200px;
  }
  .mobileVideoTop .videoBoxm video {
    width: 100%;
    height: 100%;
    display: block;
  }
  .mobileVideoTop .videoBoxm .videoImgm {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background-size: cover!important;
    z-index: 2;
  }
  .mobileVideoTop .videoBoxm .videoPlaym {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.72) url(../image/videoPlay.png) center center no-repeat;
    z-index: 5;
    background-size: 40px 40px;
  }
  .mobileVideoTop .mobileVideotext {
    padding: 15px;
    font-size: 20px;
    color: #111;
    line-height: 36px;
  }
  .mobileVideoListBox {
    background: #fff;
    padding: 0px 15px;
    padding-bottom: 60px;
    margin-top: 281px;
  }
  .mobileVideoListBox ul li a {
    display: block;
    padding: 15px 0px;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
  }
  .mobileVideoListBox ul li a .listVideoL {
    float: left;
    width: 130px;
    height: 80px;
    position: relative;
  }
  .mobileVideoListBox ul li a .listVideoL .imgPlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 0, 0.5) url(../image/videoBox_btn2.png) center center no-repeat;
    background-size: 20px 15px;
  }
  .mobileVideoListBox ul li a .listVideoR {
    padding-left: 140px;
  }
  .mobileVideoListBox ul li a .listVideoR .top {
    font-size: 14px;
    color: #111;
    line-height: 25px;
    height: 50px;
    display: -moz-box;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
  }
  .mobileVideoListBox ul li a .listVideoR .text {
    font-size: 12px;
    color: #888;
    margin-top: 10px;
  }
  .mobileVideoListBox ul li a.active .listVideoL .imgPlay {
    background: rgba(179, 11, 22, 0.8);
  }
  .mobileVideoListBox ul li a.active .listVideoL .imgPlay:after {
    content: '正在播放';
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    font-size: 14px;
    color: #fff;
    line-height: 80px;
    text-align: center;
    z-index: 7;
  }
  #main.seriesList.newDetails {
    padding-top: 50px;
  }
  #main.seriesList.newDetails .pageBanner {
    display: none;
  }
  #main.seriesList.newDetails .newDetailsTitle {
    font-size: 20px;
    line-height: 36px;
    padding: 15px;
    background: #fff;
  }
  #main.seriesList.newDetails .newDetailsText {
    border-bottom: none;
    padding: 0px 15px 20px 15px;
    margin: 0px 0px 20px 0px;
    background: #fff;
  }
  #main.seriesList.newDetails .shangxia_content {
    display: block;
    margin-top: 20px;
    background: #fff;
    padding: 0px 15px;
  }
  #main.seriesList.newDetails .shangxia_content .shangxia_box {
    float: none;
    width: 100%;
    max-width: 100%;
    padding: 15px 0px;
  }
  #main.seriesList.newDetails .shangxia_content .shangxia_box .fanye_name {
    font-size: 14px;
    margin-bottom: 10px;
  }
  #main.seriesList.newDetails .shangxia_content .shangxia_box a {
    font-size: 16px;
  }
  #main.seriesList.newDetails .shangxia_content .shangxia_box:last-child {
    border-top: 1px solid #dddddd;
  }
  #main.seriesList.newDetails .shangxia_content .shangxia_box:last-child .fanye_name {
    text-align: left;
  }
  #main.seriesList.newDetails .newDetailsText .left {
    font-size: 12px;
  }
  #main.seriesList.newDetails .newDetailsText .left span img {
    width: 11px;
    top: -1px;
  }
  #main.seriesList.newDetails .newDetailsText .bdsharebuttonbox {
    display: none;
  }
  #main.seriesList.newList {
    padding-top: 150px;
  }
  #main.seriesList.newList.paddingTop {
    padding-top: 100px;
  }
  #main.seriesList.newList .nativeBiaoqian {
    top: 100px;
  }
  .newListUl li a:hover {
    -moz-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0);
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0);
    transform: translateY(0px);
    -ms-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -o-transform: translateY(0px);
  }
  .newListUl li a:hover .newTopImg .img {
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
  }
  .newListUl li a:hover .bottomBox .name {
    color: #111;
  }
  .newListUl li a .bottomBox .line {
    display: none;
  }
  .newListUl li a .bottomBox .data {
    font-size: 12px;
    margin-top: 10px;
  }
  .newListUl li a .bottomBox {
    padding-top: 10px;
  }
  .newListUl li a .newTopImg .img {
    height: auto;
  }
  .newListUl li a .newTopImg .img .newMobileImg {
    display: block;
    width: 100%;
  }
  .newListUl {
    margin: 0px;
  }
  .newListUl li {
    width: 100%;
    float: none;
    padding: 0px;
    margin-top: 15px;
  }
  .marketingListUl li a .topImgFu .topImgBg {
    display: none;
  }
  .marketingListUl li a:hover .topImgFu .topImg {
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
  }
  .marketingListUl li a:hover {
    -moz-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0);
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0);
    transform: translateY(0px);
    -ms-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -o-transform: translateY(0px);
  }
  .marketingListUl li a .bottomBox .settime {
    font-size: 12px;
  }
  .marketingListUl li a .bottomBox .settime.active span {
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    font-weight: normal;
    margin: 0px 5px;
    top: -2px;
  }
  .marketingListUl li a .bottomBox {
    height: 90px;
  }
  .marketingListUl li a .bottomBox .settimeBox {
    height: 30px;
    line-height: 30px;
    top: -15px;
  }
  .marketingListUl li a .bottomBox .text {
    height: auto;
    line-height: 25px;
    font-size: 14px;
    padding-top: 25px;
    -webkit-line-clamp: 2;
  }
  .marketingListUl {
    margin: 0px;
  }
  .marketingListUl li {
    padding: 0px;
    float: none;
    width: 100%;
    margin-top: 15px;
  }
  .marketingListUl li a .topImgFu {
    height: auto;
  }
  .marketingListUl li a .topImgFu .topImg .mobileImg {
    display: block;
    width: 100%;
  }
  #main.seriesList .pageBanner {
    display: block;
    height: 50px;
    line-height: 50px;
    position: fixed;
    width: 100%;
    left: 0px;
    top: 50px;
    background: #000;
    z-index: 10;
  }
  #main.seriesList .pageBanner .bannerLink {
    height: 100%;
    line-height: 50px;
    background: #000;
    white-space: nowrap;
    overflow-y: hidden;
  }
  #main.seriesList .pageBanner .bannerLink a {
    width: auto;
    display: inline-block;
    float: none;
    font-size: 16px;
    border-left: none;
    padding: 0px 12px;
  }
  #main.seriesList .pageBanner .bannerLink a img {
    width: 21px;
    top: 0px;
    margin-right: 5px;
  }
  #main.seriesList .pageBanner .bannerLink a:hover {
    background: #000;
  }
  #main.seriesList .pageBanner .bannerLink a.active {
    background: #b30b16 url(../image/seriesList_icon.png) bottom center no-repeat;
    background-size: 14px 7px;
  }
  #main.seriesList .pageBanner .bannerLink a:last-child {
    border-right: none;
  }
  #main.seriesList .pageBanner .wh1420 {
    padding: 0px;
  }
  #main.seriesList {
    padding-top: 100px;
    padding-bottom: 0px;
  }
  .magazineListUl {
    margin: 0px;
  }
  .magazineListUl li a .topImgFu {
    height: auto;
  }
  .magazineListUl li a .topImgBg {
    display: none;
  }
  .magazineListUl li a:hover .topImg {
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
  }
  .magazineListUl li a .btnBox {
    font-size: 16px;
  }
  .magazineListUl li a:hover {
    transform: translateY(0px);
    -ms-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -o-transform: translateY(0px);
    -moz-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0);
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0);
  }
  .magazineListUl li a .topImg {
    background: transparent;
  }
  .magazineListUl li a .topImg .mobileImg {
    display: block;
    width: 100%;
  }
  .magazineListUl li {
    float: none;
    width: 100%;
    padding: 0px;
    margin-top: 15px;
  }
  .native_list_content .wh1420 {
    padding: 0px;
  }
  .nativeBiaoqian {
    text-align: left;
  }
  .nativeBiaoqian a {
    height: 50px;
    line-height: 50px;
    margin: 0px;
    padding: 0px 15px;
  }
  .native_list .nativeListUl {
    margin: 0px 15px;
    min-height: 200px;
  }
  #main.native_list_content {
    padding-top: 100px;
    padding-bottom: 0px;
  }
  .native_list .nativeListUl li .nativeListUlBox .nativeLiWenzi {
    padding: 15px;
    box-sizing: border-box;
    height: 124px;
  }
  .native_list .nativeListUl li {
    margin-top: 15px;
  }
  .native_list .nativeListUl li .nativeListUlBox .nativeLiImg {
    width: 100%;
    height: auto;
    float: none;
  }
  .native_list .nativeListUl li .nativeListUlBox .nativeLiImg img {
    width: 100%;
    display: block;
  }
  .native_list .nativeListUl li .nativeListUlBox .nativeLiWenzi .bottomlinkBox .bottomlinkBtn {
    display: none;
  }
  .native_list .nativeListUl li .nativeListUlBox .nativeLiWenzi .listTitle {
    font-size: 16px;
    padding-top: 0px;
  }
  .native_list .nativeListUl li .nativeListUlBox .nativeLiWenzi .line {
    width: 50px;
    height: 3px;
    margin-top: 15px;
  }
  .native_list .nativeListUl li .nativeListUlBox .nativeLiWenzi .bottomlinkBox {
    margin-top: 15px;
  }
  .native_list .nativeListUl li .nativeListUlBox .nativeLiWenzi .bottomlinkBox .listText {
    padding-right: 0px;
    font-size: 12px;
    line-height: 20px;
    -webkit-line-clamp: 2;
  }
  .nativeBiaoqian a:after {
    width: 50px;
    height: 3px;
    background: #b30b16;
    bottom: 0px;
    right: 50%;
    margin-right: -25px;
    opacity: 0;
  }
  .nativeBiaoqian a {
    background: #fff;
  }
  .nativeBiaoqian a.active{
    background: #fff;
    color: #b30b16;
  }
  .nativeBiaoqian a:hover {
    background: #fff;
    color: #111;
  }
  .nativeBiaoqian a.active:after{
    opacity: 1;
  }
  .nativeBiaoqian a:hover:after {
    opacity: 0;
  }
  .nativeBiaoqian {
    height: 50px;
    line-height: 50px;
    background: #fff;
    white-space: nowrap;
    overflow-y: hidden;
    margin: 0px;
    position: fixed;
    left: 0px;
    right: 0px;
    top: 50px;
    z-index: 10;
    -moz-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
  }
  .designer_details .mobileAnli .case_content ul li {
    margin-top: 15px;
    width: auto;
  }
  .designer_details .designerBottom {
    background: #fff;
    padding-top: 30px;
    padding-bottom: 80px;
  }
  .designer_details .designerBottom .neirongList {
    margin-top: 0px;
    padding-bottom: 30px;
    float: none;
    width: auto;
  }
  .designer_details .designerTop .designerTopContent .topContentTou {
    width: 110px;
    height: 140px;
  }
  .designer_details .designerTop {
    background: #000;
    height: auto;
    padding: 15px;
  }
  .designer_details .designerTop .designerTopContent .topContentRight {
    padding-left: 120px;
  }
  .designer_details .designerTop .designerTopContent .fenxiang {
    display: none;
  }
  .designer_details .designerTop .designerTopContent .pageBtn-red {
    display: none;
  }
  .designer_details .designerTop .designerTopContent .topContentRight .shujuBox {
    display: none;
  }
  .designer_details .designerTop .designerTopContent .topContentRight .name {
    font-size: 20px;
    padding-top: 0px;
  }
  #main.designer_list {
    padding-top: 100px;
  }
  #main.designer_list .conditionContent ul li {
    width: 33.3333%;
  }
  .designer_details .designerTop .designerTopContent .topContentRight .label {
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    padding-right: 5px;
    margin-top: 10px;
  }
  .designer_details .designerTop .designerTopContent .topContentRight .label span {
    padding: 0px 5px;
    margin-right: 5px;
  }
  .designer_details .designerTop .designerTopContent .topContentRight .douhao {
    width: 10px;
    height: 8px;
    background: url(../image/douhao2.png) center center no-repeat;
    background-size: cover!important;
    margin-top: 10px;
  }
  .designer_details .designerTop .designerTopContent .topContentRight .linggan {
    font-size: 12px;
    line-height: 20px;
    color: rgba(255, 255, 255, 0.5);
    height: auto;
  }
  .designerListUl li .ListUlBox .ListUlBoxBottom {
    display: none;
  }
  .designerListUl li .ListUlBox {
    padding: 0px;
    background: #fff;
  }
  .designerListUl li .ListUlBox:hover{
    -moz-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0);
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0);
    transform: translateY(0px);
    -ms-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -o-transform: translateY(0px);
  }
  .designerListUl li .ListUlBox .ListUlBoxTop .rightContent {
    padding: 0px 10px 10px 130px;
  }
  .designerListUl li .ListUlBox .ListUlBoxTop .leftImg {
    float: left;
    width: 120px;
    height: 160px;
  }
  .designerListUl li .ListUlBox .ListUlBoxTop .rightContent .rightBtn .rightBtnL .Llist .red {
    color: #111;
  }
  .designerListUl li .ListUlBox .ListUlBoxTop .rightContent .name {
    font-size: 20px;
    padding-top: 5px;
  }
  .designerListUl li {
    margin-top: 15px;
  }
  .designerListUl li .ListUlBox .ListUlBoxTop .rightContent .text {
    font-size: 12px;
    margin: 10px 0px;
    height: 20px;
    line-height: 20px;
  }
  .designerListUl li .ListUlBox .ListUlBoxTop .rightContent .text .bg span{
    margin-right: 5px;
    color: #b30b16;
  }
  .designerListUl li .ListUlBox .ListUlBoxTop .rightContent .text .bg {
    background: #f3f3f3;
  }
  .designerListUl li .ListUlBox .ListUlBoxTop .mobileLink {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    z-index: 1;
  }
  .designerListUl li .ListUlBox .ListUlBoxTop .rightContent .list.t {
    display: none;
  }
  .designerListUl li .ListUlBox .ListUlBoxTop .rightContent .list span {
    display: none;
  }
  .designerListUl li .ListUlBox .ListUlBoxTop .rightContent .rightBtn {
    margin-top: 9px;
  }
  .designerListUl li .ListUlBox .ListUlBoxTop .rightContent .list .listN{
    margin-right: 5px;
  }
  .designerListUl li .ListUlBox .ListUlBoxTop .rightContent .list .listT {
    padding-left: 0px;
    -webkit-line-clamp: 2;
  }
  .designerListUl li .ListUlBox .ListUlBoxTop .rightContent .list .listT .wb {
    -webkit-line-clamp: 2;
  }
  .designerListUl li .ListUlBox .ListUlBoxTop .rightContent .rightBtn .rightBtnL {
    height: 30px;
    line-height: 30px;
  }
  .designerListUl li .ListUlBox .ListUlBoxTop .rightContent .rightBtn .rightBtnL .Llist {
    font-size: 12px;
  }
  .designerListUl li .ListUlBox .ListUlBoxTop .rightContent .rightBtn .pageBtn-red{
      width: 80px;
      height: 30px;
      line-height: 30px;
      font-size: 12px;
      position: relative;
      z-index: 30;
  }
  .designerListUl li .ListUlBox .ListUlBoxTop .rightContent .rightBtn .rightBtnL .Llist:last-child{
      display: none;
  }
  .designerListUl li .ListUlBox .ListUlBoxTop .rightContent .rightBtn .rightBtnL .Llist span {
    font-size: 14px;
  }
  .designerListUl li .ListUlBox .ListUlBoxTop .rightContent .list {
    font-size: 12px;
    line-height: 20px;
    height: 40px;
  }
  .project_detailsTop .leftImg {
    float: none;
    height: 200px;
    width: 100%;
    position: relative;
  }
  .project_detailsTop .leftImg .mobileBox {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    z-index: 30;
    background: rgba(0, 0, 0, 0.2);
  }
  .project_detailsTop .leftImg .mobileBox .text {
    position: absolute;
    left: 15px;
    bottom: 15px;
    right: 15px;
    color: #fff;
    font-size: 20px;
    display: -moz-box;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    font-weight: bold;
  }
  .project_detailsTop .rightContent {
    padding: 15px;
  }
  .project_detailsTop .rightContent .fuwuNo {
    text-align: center;
  }
  .project_detailsTop .rightContent .projectText {
    margin-top: 0px;
    -webkit-line-clamp: 100;
    height: auto;
  }
  .project_detailsTop .rightContent .fuwuNo span {
    font-size: 16px;
  }
  .project_detailsTop .rightContent .linkBtn .pageBtn-red {
    width: 100%;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
  }
  .projectDetailsBox {
    margin-top: 15px;
    background: #fff;
    padding: 15px;
  }
  .project_detailsTop .rightContent .linkBtn {
    margin-top: 15px;
  }
  .project_details .wh1420 {
    padding: 0px;
  }
  .project_detailsTop {
    margin-top: 0px;
    background: #fff;
  }
  .project_detailsTop .rightContent .linkBtn .btn {
    display: none;
  }
  .project_detailsTop .rightContent .projectTitle {
    display: none;
  }
  body {
    background: #f3f3f3;
  }
  .screen_box {
    display: none;
  }
  .anliDetails .anliDetailsTop {
    height: auto;
    background: #fff !important;
    padding: 15px;
  }
  .anliDetails .dibuXinxi {
    position: relative;
    height: auto;
    margin-top: 20px;
  }
  #main {
    padding-top: 50px;
  }
  #main.caseList {
    padding-top: 100px;
  }
  .anliDetails .dibuXinxi .dibuXinxiList:nth-child(4) {
    display: none;
  }
  .anliDetails .dibuXinxi .dibuXinxiList:nth-child(5) {
    display: none;
  }
  .fenxiang {
    display: none;
  }
  .anliDetails .anliDetailsTop .anliDetailTitle {
    float: none;
    max-width: 100%;
    font-size: 20px;
    color: #000000;
    line-height: 32px;
    font-weight: normal;
  }
  .anliDetails .dibuXinxi .dibuXinxiList {
    height: auto;
    padding-top: 0px;
    width: 33.33333%;
    border-left: 1px solid #dddddd;
  }
  .anliDetails .dibuXinxi .dibuXinxiList .top {
    color: #888888;
    font-size: 12px;
  }
  .anliDetails .dibuXinxi .dibuXinxiList .text {
    color: #000;
    font-size: 14px;
    margin-top: 5px;
  }
  .anliDetails .dibuXinxi .dibuXinxiList:first-child {
    border-left: none;
  }
  .anliMobileTitle {
    font-size: 12px;
    color: #888888;
    height: 45px;
    line-height: 55px;
    padding: 0px 15px;
    background: #f3f3f3;
  }
  .designer_xinxi {
    overflow: hidden;
    padding: 15px;
    background: #fff;
  }
  .designer_content {
    float: left;
    padding: 0px;
    background: #fff;
  }
  .designer_tou {
    float: left;
    width: 60px;
    height: 75px;
    background-size: cover!important;
  }
  .designer_box {
    margin-left: 70px;
  }
  .designer_box .name {
    font-size: 16px;
    color: #111;
    font-weight: bold;
    margin-top: 5px;
  }
  .designer_box .zhiw {
    font-size: 12px;
    color: #111;
    margin-top: 8px;
  }
  .designer_box .old {
    font-size: 12px;
    color: #111;
    margin-top: 8px;
  }
  .designer_box .old span {
    color: #b30b16;
  }
  .designer_link {
    float: right;
    font-size: 14px;
    color: #b30b16;
    height: 30px;
    line-height: 30px;
    position: relative;
    top: 25px;
  }
  .designer_link img {
    width: 10px;
    display: inline-block;
    position: relative;
    top: 2px;
    margin-left: 13px;
  }
  .anliDetails .wh1420 {
    padding: 0px;
  }
  .pageZuoYou {
    padding: 0px;
  }
  .anliDetails .anliDetailsContent {
    padding: 15px;
    background: #fff;
    padding-bottom: 50px;
    font-size: 14px;
    line-height: 26px;
    border-bottom: none;
    color: #111;
    min-height: auto;
  }
  .shangxia_content .shangxia_box .fanye_name{
      margin-bottom: 10px;
      font-size: 14px;
  }
  .shangxia_content .shangxia_box a{
      font-size: 16px;
  }
  .shangxia_content .shangxia_box{
        float: none;
        width: 100%;
        max-width: 100%;
        padding: 15px 0px;
  }
  .shangxia_content .shangxia_box:last-child{
     border-top: 1px solid #dddddd;
  }
  .shangxia_content .shangxia_box.last .fanye_name{
      text-align: left;
  }
  .shangxia_content {
    display: block;
    margin-top: 20px;
    background: #fff;
    padding: 0px 15px;
  }
  .tuijianTitle {
    text-align: left;
    color: rgba(17, 17, 17, 0.5);
    font-size: 14px;
    position: relative;
    padding: 25px 15px 20px 15px;
    background: url(../image/home_sanjao_icon.png) left 3px top 3px no-repeat;
    background-size: 10px 10px;
  }
  .tuijianTitle span {
    font-size: 24px;
    color: #111;
    margin-bottom: 10px;
  }
  .mobileAnli .case_content {
    margin-left: 15px;
  }
  .mobileAnli .case_content ul li {
    margin-top: 0px;
    width: auto;
  }
  .mobileAnli .swiper-container {
    width: 160%;
  }
  .mobileAnli .case_content ul li .contentBox .contentMoren .topImg {
    height: 240px;
    position: relative;
  }
  .mobileAnli .case_content ul li .contentBox .contentMoren .topImg .bototm_top {
    position: absolute;
    height: 30px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    line-height: 30px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
  }
  .mobileAnli .case_content ul li .contentBox .contentMoren .topImg .bototm_top .top_list {
    float: left;
    width: 50%;
    box-sizing: border-box;
    border-right: 1px solid rgba(255, 255, 255, 0.5);
  }
  .mobileAnli .case_content ul li .contentBox .contentMoren .topImg .bototm_top .top_list:last-child {
    border-right: none;
  }
  #main.caseList .wh1420 {
    padding-bottom: 0px;
  }
  #main.project_list {
    padding-top: 100px;
  }
  #main.project_list .conditionContent ul li {
    width: 50%;
  }
  .project_list .projectLlistUl li {
    height: auto;
    margin-top: 15px;
  }
  .project_list .projectLlistUl li .listUlBox .leftImg {
    float: none;
    width: 100%;
    height: auto;
    background: transparent;
  }
  .project_list .projectLlistUl li .listUlBox .leftImg img {
    display: block;
    width: 100%;
  }
  .project_list .projectLlistUl li .listUlBox .wenziBox {
    padding: 15px;
    text-align: center;
  }
  .project_list .projectLlistUl li .listUlBox .wenziBox .topTitle {
    font-size: 14px;
  }
  .project_list .projectLlistUl li .listUlBox .wenziBox .text {
    font-size: 12px;
    height: 48px;
    line-height: 24px;
  }
  .project_list .projectLlistUl li .listUlBox .wenziBox .bottomBox .anniu {
    display: none;
  }
  .project_list .projectLlistUl li .listUlBox .wenziBox .bottomBox .fuwu {
    height: auto;
    line-height: normal;
    float: none;
    font-size: 12px;
  }
  .project_list .projectLlistUl li .listUlBox .wenziBox .bottomBox .fuwu span {
    font-size: 14px;
  }
  .project_list .projectLlistUl li .listUlBox .wenziBox .bottomBox {
    margin-top: 10px;
  }
  .project_list .projectLlistUl li .listUlBox .leftImg:after {
    width: 41px;
    height: 20px;
    background-size: cover!important;
    background: url(../image/project_top_img.png) center center no-repeat;
  }
  .project_list .projectLlistUl li .listUlBox .mobilleLink {
    position: absolute;
    z-index: 1;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    display: block;
  }
  .xunaxiangka {
    height: 50px;
    line-height: 50px;
    background: #fff;
    font-size: 16px;
    border-bottom: 1px solid #dddddd;
    overflow: hidden;
    text-align: center;
  }
  .xunaxiangka a {
    float: left;
    width: 50%;
    position: relative;
    font-weight: bold;
    color: #111;
  }
  .xunaxiangka a.active {
    color: #b30b16;
  }
  .xunaxiangka a.active:after {
    opacity: 1;
  }
  .xunaxiangka a:after {
    content: '';
    display: block;
    width: 50px;
    height: 3px;
    background: #b30b16;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    bottom: 0px;
    opacity: 0;
  }
  .designer_details .wh1420 {
    padding: 0px;
  }
  .designer_details .designerBottom {
    margin-top: 0px;
  }
  .designer_details .designerBottom .neirongList .neirongTitle {
    font-size: 16px;
    padding: 0px 15px;
  }
  .designer_details .designerBottom .neirongList .neirongText {
    font-size: 14px;
    padding: 0px 15px;
    line-height: 26px;
  }
  .designer_details .tuijianTitle {
    display: none;
  }
  .designer_details .mobileAnli .case_content {
    margin: 0px 15px;
  }
  .brandLinian .brandLinianWenzi .wenzi_ziji.float_right{
      margin-top: 20px;
  }
}