@charset "utf-8";
body{ background:#fff; font-family:"Microsoft YaHei","微软雅黑",Arial,"宋体"; font-size:14px; line-height:22px; color:#585858; }
*{ margin:0px; padding:0px;}
ul,li{ margin:0px; padding:0px;}
h1, h2, h3, h4, h5, h6{ margin-top:0px; margin-bottom:0px;}
th{font-weight: normal; font-size:100%;}
label{ margin-bottom:0; font-weight:normal;}
input[type="radio"], input[type="checkbox"],dl{ margin:0;}
input[type=number] {	-moz-appearance:textfield; }  
input[type=number]::-webkit-inner-spin-button,  
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none;margin: 0;}  
img,input{ border:none; vertical-align:middle;}
input{ outline:none;}
input,select{box-sizing:content-box; font-family:"Microsoft YaHei",Arial,"宋体";}
select {appearance:none; -moz-appearance:none; -webkit-appearance:none;border: none; border-radius:0; background: url("http://style.stone100.com/style/images/down.png") no-repeat scroll right center transparent; }
table{ border-collapse: collapse; border-spacing: 0; empty-cells: show; table-layout: fixed; }
table td{ word-break: break-all;}
fieldset { border: 0; }
*:focus { outline: 0; }
p,h1,h2,h3,h4,h5,h6,ul,ol{ margin:0;}
input::-ms-clear { display: none; width : 0; height: 0;}
ul,li,ol{ list-style:none;}
em,i,address{font-style:normal; font-weight:normal;}
.clear{ clear:both;}
.clearfix{zoom:1;display:block}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
a{color:#666; text-decoration:none; outline:none; cursor:pointer;}/*默认*/
a:hover{color:#0085ec; text-decoration:none; }


input[type="text"],
input[type="button"], 
input[type="submit"], 
input[type="reset"],
input[type="password"],
textarea  {
-webkit-appearance: none; border-radius:0; background: none;
}
input[type=number] {	-moz-appearance:textfield; }  
	input[type=number]::-webkit-inner-spin-button,  
	input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none;margin: 0;}  
/* CSS Document */
.fr {float: right;}
.fl {float: left;}
.left{float: left;}
.right{float: right;}
.mt10{margin-top: 10px;}
.mt20 {
    margin-top: 20px;
}
.mb10{margin-bottom: 10px;}
.p10 {
    padding: 10px;
}
.c222{color: #222;}
.bgFb {
    background: #fbfbfb;
}
.text-center{text-align: center;}
i.icon {
    font-size: 16px;
    vertical-align: middle;
    margin: 0 3px;
}
.sj{display: none;}
/*--top--*/
.top{ border-bottom:solid 1px #ddd; line-height: 30px;}
.top a{display: inline-block; line-height: 30px; height: 30px;}
.top-cart{ float:right;}
.top-cart i{ font-size:20px; vertical-align:middle;}
.top-cart i.icon-kefu3,i.icon-kefu3{ font-size:16px; color:#c8161e; vertical-align:top;}
.top i.icon-shouye{ vertical-align:top; display: inline-block; margin-top: -1px;}
i.icon-icon37{ vertical-align: top; font-size: 16px;margin-top:-1px; display: inline-block;}
.top-cart ul li{ display:inline-block; position:relative; padding:0 10px; float: left;}
.top-cart ul li:after{ content:''; position:absolute; right:0px; top:12px; bottom:12px; width:1px; background:#ddd;}
.top-cart ul li.top-register{ padding-right:30px;}
.top-cart ul li.top-register:after,.top-cart ul li:last-child:after{ display:none;}

.banner{
    position: relative;
}
.banner>img{
    width: 100%;
}
.swiper-pagination-bullet-active{
    background: #f00;
}
.banner .swiper-slide a{
    display: block;
    width: 100%;
}
.banner .swiper-slide img{
    width: 100%;
}
.banner .owl-carousel a{
    display: block;
    width: 100%;
    height: 430px;
}
.banner .owl-carousel a{
    display: block;
    width: 100%;
    height: 408px;
}
.banner .owl-carousel img{
    display: none;
    width: 100%;
}
@media screen and (max-width: 770px){
    .banner-form-box{
        display: none;
    }
}
.owl-controls {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    text-align: center;
}
.banner-form-box {
    /* width: 1140px; */
    position: absolute;
    left: 50%;
    margin-left: -570px;
    top: 10px;
    bottom: 10px;
    z-index: 1;
}


.banner-form {
    position: absolute;
    top: 0px;
    left: 0px;
    /* bottom: 0px; */
    width: 298px;
    background: #fff;
    border: none;
    line-height: 24px;
    z-index: 99;
}
.sec_topr_tab{
    border-bottom: 1px solid #ddd;
}
.sec_topr_tab li {
    width: 49%;
    float: left;
    font-size: 18px;
    box-shadow: none;
    background: #f8f8f8;
    position: relative;
    margin: 0 1% 0 0;
}

.sec_topr_tab li:last-child {
    margin: 0 0 0 1%;
}

.sec_topr_tab li a {
    height: 58px;
    width: 100%;
    display: block;
    font-size: 18px;
    line-height: 58px;
    padding: 0;
    border-bottom: none;
    color: #333333;
    float: left;
    text-align: center;
}
.sec_topr_tab:hover li a{
    text-decoration: none;
}



.sec_topr_tab li a i {
    font-size: 20px;
    padding-right: 3px;
}


.sec_topr_tab li.on {
    background: #fff;
    z-index: 99;
}

.sec_topr_tab li:after {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: -5px;
    height: 1px;
    background: #fff;
}

.sec_topr_tab li.on:after {
    display: none;
}

.sec_topr_tab li:last-child:after {
    left: -5px;
    right: 0;
}

.sec_topr_tab .on a {
    font-weight: normal;
    color: #F36936;
    background: #fff;
}

.sec_topr_tab .ico_sheji_form, .sec_topr_tab .ico_baojia_form {
    background: url(../content/images/new_index_form.png) no-repeat;
    height: 18px;
    width: 17px;
    float: left;
    margin-top: 21px;
    margin-left: 27px;
}
.sec_topr_tab .ico_sheji_form{
    background-position: 0 0;
}
.sec_topr_tab .ico_baojia_form { background-position: -23px 0; }
.sec_topr_tab a:hover .ico_sheji_form { background-position: 0 -24px; }
.sec_topr_tab a:hover .ico_baojia_form { background-position: -23px -24px; }
.sec_topr_tab .on .ico_sheji_form { background-position: 0 -24px; }
.sec_topr_tab .on .ico_baojia_form { background-position: -23px -24px; }

.sec_topr_list_tab {
    float: left;
    margin-left: 6px;
}

.banner-form form {
    padding: 10px 15px;
}
.banner-form input.form-text{
    width: 256px;
    padding: 5px;
    border: 1px solid #ddd;
}
.banner-form p select{
    width: 119px;
    border: 1px solid #ddd;
    padding: 0 5px;
    height: 33px;
    color: #333;
    float: left;
    margin-right: 5px;
    appearance: none;
    -moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari 和 Chrome */
}
.banner-form p select:last-child{ margin-right: 0;}
.banner-form p.checkbox {
    text-align: left;
    padding: 5px 0;
    margin-top: 15px;
}
.banner-form p.checkbox input{
    margin-left: 0;
    margin-top: -2px;
    position: relative;
}
.banner-form p.checkbox a{
    color: #337ab7;
}
.banner-form .submit-btn{
    width: 244px;
    height: 41px;
    background-color: #C32004;
    color: #fff;
    font-size: 18px;
    border-radius: 0;
}

.layout-block{
    padding-top: 80px;
}
.layout-block h1{
    font-size: 40px;
    color: #535353;
    margin-bottom: 10px;
    letter-spacing: 5px;
    font-weight: bold;
    text-align: center;
}
.layout-block .subtitle{
    font-size: 20px;
    color: #999999;
    letter-spacing: 1px;
    margin-bottom: 32px;
    text-align: center;
    font-weight: 100;
}
.flow{
    padding: 0 11px;
}
.flow .flow-item{
    float: left;
    width: 132px;
    height: 162px;
    background-color: #e60012;
    color: #fff;
    font-size: 19px;
    padding: 21px 0;
    margin: 0 13px 20px 13px;
    text-align: center;
}
.flow .flow-item img{
    width: 72px;
    height: 72px;
    margin-bottom: 17px;
}
.flow .flow-item p{
	font-weight: 100;
}
.flow .icon-wrap{
    width: 34px;
    height: 162px;
    float: left;
    margin-bottom: 20px;
}
.flow .icon-wrap img{
    width: 100%;
    margin-top: 70px;
}
.sample{
    margin-top: 18px;
}
.sample-con{ margin-left: -5px; margin-right: -5px; padding-bottom:68px;}
.sample-list .sample-item{
    display: inline-block;
    width:371px;
    margin: 0 18px 35px 0;
    float: left;
}
.sample-list .sample-item:nth-child(3n){ margin-right: 0;}
.sample-list .sample-item img{
    width: 100%;
}
.sample-list .sample-item p{
    display: inline-block;
    color: #fff;
    font-size: 21px;
    padding: 4px 10px;
    margin-top:4px;
    background-color: #ff0000;
    font-weight: 100;
}
.system{
    padding-bottom: 110px;
    background-image: url(../content/images/bg1.png);
}
.system h1{
    color: #fff;
    font-size: 33px;
    margin-bottom: 28px;
}
.system .subtitle{
    color: #fff;
    font-size: 14px;
    width: 56%;
    margin: 0 auto;
    margin-bottom: 90px;
}
.system-list{
    /* display: flex;
    justify-content: center; */
    text-align: center;
}
.system-list .system-item{
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 312px;
    height: 260px;
    text-align: center;
    color: #fff;
    padding: 30px 20px;
    margin-right: 23px;
    margin-bottom: 46px;
}
@media screen and (max-width:1200px){
    .system-list .system-item{
        width: 287px;
    }
}
.system-list .system-item .bg{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
	opacity: 0.2;
	background-color: #ffffff;
}
.system-list .system-item img{
    width: 82px;
    margin-bottom: 18px;
}
.system-list .system-item .name{
    font-size: 20px;
    margin-bottom: 21px;
}
#sd_pin_view_layer {
    bottom: 0;
    left: 0;
    overflow: hidden;
    right: 0;
    top: 0;
    z-index: 99994;
}
.sd-page-min-width {
    width: 100%;
}
.index-picture {
    width: 100%;
    max-width: 1140px;
    clear: both;
    margin: 0 auto;
    text-align: left;
    line-height: 30px;
}
.sd-main-part {
    float: left;
    width: 100%;
    max-width: 1200px;
    border: 1px solid #e6e6e6;
    margin-bottom: 20px;
}
.sd-main-part .piece {
    background: #fff none repeat scroll 0 0;
    padding: 20px;
    position: relative;
}
.sd-main-image {
    background: #F3F3F3  repeat scroll 0 0;
    position: relative;
    text-align: center;
    top: 0;
    clear: both;
    margin-top: 70px;
}
.sd-view-btn{
    float: right;
    margin-top: 20px;
}
#iPicture {
    font-size: 14px;
    position: relative;
    margin: 0 auto;
    /* color: #ffffff; */
}
#showGalleryId {
    margin: 0 auto;
}
#showGalleryId img {
    max-width: 100%;
}
.sd-lbTitleBox {
    position: relative;
    border-bottom: solid #e6e6e6 1px;
    border-top: solid #e6e6e6 1px;
    padding: 10px;
}
.sd-lbTitleBox h2 {
    font-size: 18px;
    color: #595757;
    font-weight: normal;
    line-height: 30px;
}   
.sd-lbTitleBox h3 {
    font-size: 14px;
    color: #ff9400;
    font-weight: normal;
    line-height: 30px;
}
.sd-lbTitleBox h3 b.space-facets {
    font-weight: normal;
    border-right: 1px solid #e6e6e6;
    padding-right: 10px;
    margin-right: 10px;
    line-height: 5px;
}
.sd-lbTitleBox h3 b {
    font-weight: normal;
}
.btn-with-icon.good {
    right: 130px;
    background: url(../content/images/icon-view2.png) 10px center no-repeat;
}
.btn-with-icon {
    border: 1px solid #dddddd;
    border-radius: 2px;
    color: #595757;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    padding: 0 8px 0 0;
    text-align: center;
    display: inline-block;
    position: absolute;
    top: 24px;
    right: 10px;
    background: url(../content/images/icon1.png) left no-repeat;
    padding-left: 30px;
}

.sd-lbTitleBox-tielt {
    position: absolute;
    width: 1100px;
    /* z-index: 999; */
    border-bottom: solid #e6e6e6 1px;
    line-height: 25px;
    padding: 0px 10px 20px 10px;
    top: 18px;
}
.sd-lbTitleBox-tielt h1 {
    font-size: 18px;
    font-weight: 100;
    padding: 0px;
    margin: 0px;
    color: #595757;
}
.sd-share-unit {
    height: 30px;
    text-align: right;
    position: absolute;
    top: 0;
    right: 10px;
}
.sd-share-unit span {
    padding: 3px 10px 0 0;
}
.share-btns {
    height: 28px;
    width: 90px;
    background: #FAFAFA;
    border: 1px solid #EDEDED;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}
.share-btns .share-btn {
    background: #FAFAFA url(../content/images/share_icon.png) no-repeat scroll 6px 4px;
    display: block;
    float: left;
    height: 28px;
    position: relative;
    width: 30px;
    margin: 0;
    padding: 0;
}
.share-btns .share-btn::after {
    background: #ededed none repeat scroll 0 0;
    content: "";
    display: block;
    height: 16px;
    position: absolute;
    right: 0;
    top: 6px;
    width: 1px;
}
.sd-share-unit .share-btns .qzone {
    background-position: 6px -36px;
}
.share-btns .more {
    height: 28px;
    width: 24px;
    display: inline-block;
    background: url(../content/images/share_icon.png) -101px 9px no-repeat;
}
.o2o-share-unit .menu {
    display: none;
    position: absolute;
    left: 0;
    top: 42px;
    z-index: 9;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,.2);
    border: 1px solid #EDEDED;
    width: 150px;
    text-align: left;
}
.o2o-share-unit .menu a {
    display: block;
    height: 40px;
    line-height: 40px;
    color: #333;
    background: none;
    font-size: 14px;
    width: 100%;
    padding: 0;
    margin: 0;
}
.sd-main-part .piece {
    background: #fff none repeat scroll 0 0;
    padding: 20px;
    position: relative;
}
.sd-tool-bar {
    width: 100%;
    clear: both;
}

.relative {
    position: relative;
}
.phone-move-box {
    display: none;
}
.sd-lbInfoBox {
    position: relative;
    margin-top: 13px;
}
.sd-lbInfoBox h2 {
    padding-bottom: 13px;
    color: #595757;
    font-weight: normal;
    padding-left: 10px;
}
.f16 {
    font-size: 16px;
}
.xg_infobox a {
    display: block;
    float: left;
    border: 1px solid #fff;
}
.xg_infobox a img {
    height: 90px;
    width: 120px;
}
.sp-xg-infobox a {
    display: block;
    width: 119px;
    overflow: hidden;
    text-align: left;
    font-size: 14px;
    border: 1px solid #fff;
}
.sp-xg-infobox a img {
    height: 72px;
    width: 120px;
    display: block;
}
.xg_infobox, .sp-xg-infobox {
    padding: 0px 10px 17px;
}
.Related-Products {
    position: relative;
    border-bottom: 1px solid #e6e6e6;
}
.Related-Products h2 {
    padding: 15px 0 15px 10px;
    color: #595757;
    font-weight: normal;
    line-height: 30px;
}
.xg_infobox, .sp-xg-infobox {
    padding: 0px 10px 17px;
}

.layer-view {
    background-position: 0 0;
    height: 150px;
    margin-top: -75px;
    width: 60px;
    background: url(../content/images/pin_view_arrows.png) no-repeat scroll 0px 0;
    display: block;
    top: 50%;
    visibility: visible;
    position: fixed;
    left: 180px;
    z-index: 10;
}
.layer-view.next {
    left: auto;
    background-position: -80px 0;
    visibility: visible;
    right: 180px;
}
.layer-view.prev:hover {background-position: 0 -170px;}
.layer-view.next:hover {background-position: -80px -170px;}



.xg_infobox.owl-theme .owl-controls .owl-buttons .owl-prev {
    display: none;
}
.xg_infobox.owl-theme .owl-controls .owl-buttons .owl-next {
    display: none;
}
.sp-xg-infobox.owl-theme .owl-controls .owl-buttons .owl-prev {
    display: none;
}
.sp-xg-infobox.owl-theme .owl-controls .owl-buttons .owl-next {
    display: none;
}

.zhuanxiu-new-tumb {
    width: 170px;
    float: left;
    background: #f1f1f1;
}
@media screen and (max-width:1200px){
    .zhuanxiu-new-tumb{
        display: none;
    }
}
.zhuanxiu-new-info {
    float: right;
    width: 945px;
}
.zhuanxiu-new-info-tumb li a {
    display: block;
    height: 157px;
    overflow: hidden;
}
.zhuanxiu-new-info-tumb li img {
    width: 100%;
    height: 157px;
}
.zhuanxiu-new-info-tumb li h6 {
    font-size: 12px;
    text-align: center;
    background: url(../content/images/black.png) repeat;
    color: #fff;
    line-height: 30px;
    bottom: 0;
    left: 0px;
    right: 0px;
    position: absolute;
    height: 30px;
    overflow: hidden;
}
.zhuanxiu-new-info-box h4 {
    line-height: 40px;
    text-align: left;
    font-size: 16px;
}
.zhuanxiu-new-info-box img {
    width: 100%;
    margin-top: 6px;
}
.zhuanxiu-new-info-box li {
    line-height: 24px;
    height: 24px;
    overflow: hidden;
    font-size: 12px;
    text-align: left;
    padding: 0 20px;
    background: url(../content/images/liststyle.gif) no-repeat 10px center;
}
.zhuanxiu-new-info-box li a {
    color: #333;
    display: inline-block;
    overflow: hidden;
    width: 100%;
    height: 24px;
    line-height: 24px;
}
@media only screen and (max-width: 1024px){
    .zhuanxiu-new-info {
        width: 100%;
    }
    .sjmt10 {
        margin-top: 10px;
    }
    .zhuanxiu-new-info-tumb li a {
        height: auto;
    }
    .zhuanxiu-new-info-tumb li a, .zhuanxiu-new-info-tumb li img {
        height: auto;
    }
    .zhuanxiu-new-info-box img {
        margin-top: 0px;
    }
}

.co-list{
    /* display: flex;
    justify-content: space-between; */
    margin-bottom: 75px;
    text-align: justify;
}
.co-list .co-item{
    display: inline-block;
    width: 255px;
    text-align: center;
}
.justify_fix{display:inline-block; width:100%; height:0; overflow:hidden;}
.co-list .co-item img{
    width: 104px;
    height: 104px;
    margin-bottom: 23px;
}
.co-list .co-item .name{
    font-size: 26px;
    font-weight: bold;
    line-height: 35px;
    margin-bottom: 23px;
}
.co-list .co-item .desc{
    color: #3f3f3f;
}
.sup-list{
    /* display: flex;
    justify-content: space-between; */
    text-align: justify;
}
.sup-item{
    width: 212px;
    height: 253px;
    position: relative;
    display: inline-block;
}
.sup-item img{
    width: 100%;
}
.sup-item .sup-con{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 110px;
    color: #fff;
    text-align: center;
    padding: 10px 30px;
    background-color: rgba(230,0,18,0.6);
}
.sup-item .sup-con .name{
    font-size: 25px;
    margin-bottom: 10px;
}
.sup-item .sup-con .desc{
    line-height: 19px;
}
.app-list .app-item{
    width: 50%;
    float: left;
    text-align: center;
}
.app-list .app-item img{
    margin-bottom: 13px;
}
.app-list .app-item .desc{
    font-size: 15px;
    color: #999898;
}

.partner{
    color: #fff;
    background-color: #F13B31;
    padding: 40px 0 65px 0;
    margin-top: 80px;
}
.partner h3{
    font-size: 26px;
    text-align: center;
    font-weight: bold;
}
.partner .line{
    width: 110px;
    border-top: 1px solid #fff;
    margin: 0 auto;
    margin-top: 10px;
}
.pp-list{
    margin-top: 70px;
    text-align: center;
}
.pp-list li{
    display: inline-block;
}
.pp-list .pp-item{
    padding: 0 15px;
    font-size: 18px;
    line-height: 50px;
    margin: 0 30px 25px 30px;
    background-color: #ED1A0B;
}
.pp-list .pp-arrow{
    font-size: 22px;
}
.app-form{
    margin-top: 100px;
}
.form-field{
    /* display: flex; */
    padding: 5px 10px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
}
.form-field.bnone{
    border: none;
}
.form-inline{
    /* display: flex;
    justify-content: space-between; */
    text-align: justify;
}
.form-inline .form-field{
    width: 48%;
    display: inline-block;
    margin-bottom: 0;
}

.form-field .form-input{
    width: calc(100% - 47px);
    padding-left: 10px;
}
.form-field .form-area{
    width: 100%;
    height: 150px;
    border: none;
    outline: none;
    resize: none;
}
.form-field .submit-btn{
    width: 130px;
    height: 45px;
    color: #fff;
    font-size: 21px;
    background-color: #e60012;
    border-radius: 0;
    margin: 0 auto;
    display: block;
}
@media screen and (max-width: 480px){
    .form-field .icon{
        width: 16px;
    }
    .form-field .form-input{
        padding-left: 0;
    }
}
.join img{
    width: 100%;
}
.banner-vr{
    padding-bottom: 40px;
    margin-bottom: 70px;
    background-color: #E5E5E5;
}
.banner-vr .img-wrap img{
    width: 100%;
}
.banner-vr .swiper-slide img,.design-swiper .swiper-slide img{
    width: 100%;
}
.vr-swiper .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        width:389px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
@media only screen and (max-width:1024px){
	.vr-swiper .swiper-slide {
		font-size: 16px;
		width:300px;
	}
}
@media only screen and (max-width:768px){
	.vr-swiper .swiper-slide {
		font-size: 16px;
		width:240px;
	}
}
@media only screen and (max-width:425px){
	.vr-swiper .swiper-slide {
		font-size: 14px;
		width:200px;
	}
}
@media only screen and (max-width:320px){
	.vr-swiper .swiper-slide {
		font-size: 12px;
		width:180px;
	}
}
.design-swiper .swiper-slide{    text-align: center;
        font-size: 18px;
        width: 416px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;}
@media only screen and (max-width:1024px){
	.design-swiper .swiper-slide{    text-align: center;
        font-size: 16px;
        width: 360px;
        }
}
@media only screen and (max-width:768px){
	.design-swiper .swiper-slide{    text-align: center;
        font-size: 16px;
        width: 340px;
        }
}
@media only screen and (max-width:425px){
	.design-swiper .swiper-slide{    text-align: center;
        font-size: 12px;
        width: 180px;
        }
}
@media only screen and (max-width:320px){
	.design-swiper .swiper-slide{    text-align: center;
        font-size: 14px;
        width: 120px;
        }
}
.design{
    background-color: #e5e5e5;
}
.design .subtitle{
    font-size: 16px;
    color: #535353;
    margin-bottom: 25px;
}
.design .swiper-slide .name{
    font-size: 23px;
    color: #16130c;
    text-align: center;
    margin: 15px 0 20px 0; 
}
.right-menu{
    position: fixed;
    right: 50px;
    bottom: 200px;
    background-color: #fff;
    z-index: 99;
    border: 4px solid #f00;
}
.right-menu .item{
    position: relative;
    display: block;
    text-align: center;
    padding: 15px 14px 10px 14px;
    border-bottom: 4px solid #f00;
}
.right-menu .item:last-child{
    padding: 5px 0;
    background-color: #f00;
}
.right-menu .item img{
    width: 48px;
    height: 48px;
}
.right-menu .item:last-child img{
    height: auto;
}
.right-menu .item .name{
    font-size: 14px;
    color: #3f3f3f;
}
.right-menu .item .img-wrap{
    display: none;
    position: absolute;
    left: -250px;
    top: -10px;
    width: 240px;
    height: auto;
}
.right-menu .item:hover .img-wrap{
    display: block;
}
.right-menu .item .img-wrap img{
    width: 100%;
    height: auto;
}

.gallery-overlay{ width:240px; background:#FFF; z-index:1000;   float:left;  padding: 0 8px 0 0;}
.gallery-cart-container{ 
    width: 100%;
    float: left;
    overflow: auto;
    margin: 5px 0 0 0;
    padding-bottom:5px;
}
.gallery-cart-container b{padding-left:5px;color:#f84f0c;float: right; font-weight: normal;font-size: 16px;}
.gallery-img-sp{ padding:3px; border:1px solid #ddd; float:left; margin: 0 10px 0 5px;}
.gallery-cart-container h1{ display:block; overflow:hidden; font-weight:normal;/* margin:5px 0 ;*/ padding:0px; line-height:30px;}
.gallery-cart-container p{padding-top:3px; margin:0px; line-height:22px; font-size:12px;}
.gallery-Varieties { text-align: left; font:14px;}
.gallery-Varieties a{color:#333;text-decoration:none; display: block; float: left;font-size: 14px;width: 50%;display: inline-block;white-space: nowrap; overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;text-align: left;}
.gallery-Varieties a:hover{color:#ff9400;}




.b-list{ padding-top:42px;}
.b-list li{ margin-bottom:42px; position:relative; background: #f7f7f7;}
.b-list li .tumb-img{ overflow:hidden;position: relative;}
/* .b-list li .tumb-img:before{ content:'';color: #fff;display: table-cell;text-align: center;vertical-align: middle; position:absolute; top:0px; bottom:0px; left:15px; right:15px; opacity:0;  transition: all 3ms ease 0s !important; z-index:1;} */
/* .b-list li .tumb-img:hover:before{ opacity:1;} */
.b-list li .tumb-img:hover .btns{display: block;}
.b-list li .tumb-img .btns{display: none;width: 242px;height: 30px; position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;padding: 5px 0;text-align: center;background-color:rgba(0,0,0,.5); }
.b-list li .tumb-img .btns .img-btn{display: inline-block;padding: 0px 20px;color: #fff !important;cursor: pointer;}
.b-list li .tumb-img .btns .img-btn:nth-of-type(1){border-right: 1px solid #fff;}
.b-list li .tumb-img img{transition: all 3s ease 0s !important; width:100%;}
.b-list li .tumb-img:hover img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1);transform: scale(1.1);}
.b-list li .link-btn a{ display:inline-block; background:#313131; color:#fff; margin:8px 8px 8px 0; padding:3px 20px;}
.b-list li .name i{ display:inline-block; background:url(../content/images/ico.png) no-repeat center center; width:17px; height:17px; vertical-align:middle; margin-right:10px;}
.b-list li .desc{ color:#666; padding-right:10px;}
.b-list li .name.p10{ padding-left:0px; padding-right:15px;}
.b-list-text{ padding-left:32px; padding-top:38px; padding-right:50px;}
.b-list-text h5{ font-size:24px; color:#333;}
.b-list-text h5 a{ color:#333;}
.b-list-text h5 span{font-size:14px; margin-right:15px; color:#999; background:url(../content/images/look.png) no-repeat center left; background-size:22px; padding-left:28px; margin-top:8px;}
@media only screen and (max-width:1024px){
    .b-list{ padding-top:15px;}
    .b-list li{ margin-bottom:15px;}
    .b-list-text h5 span{ margin-right:0px;}
    .b-list-text h5 a{ color:#333; font-size:18px;}
    .b-banner-bg{ height:200px;}
    .b-banner-text{ padding:20px 0;}
    .b-logo{ width:100%; border:none; float:none; padding:0px; text-align:center;}	
    .b-logo img{ width:50px; margin:0 auto; padding:0px;}
    .b-text{ padding-left:10px; padding-top:20px; padding-bottom:20px; width:100% !important; margin-right:-15px; text-align:center;}
    .b-text h6{ font-size:14px; font-weight:normal; color:#fff; padding-bottom:00px;}
    .b-text p{ font-size:12px;}
    .b-list-text{ padding-top:10px; padding-right:30px; padding-bottom:10px; padding-left:30px;}
    .b-list li .link-btn a{ padding:0 18px;}
}
.b-list li .vr-code-wrap{ position:absolute; bottom:0px; right:0px;}
.b-list li .p-icon{ display:block; position:absolute; bottom:0px; right:0px;width:53px;}
.b-list li .p-icon img{ width:100%;}
.b-list li .pcode{display:none; position:absolute; bottom:0px; right:0px;transition:all .6m ease;-moz-transition:all .6m ease; -ms-transition:all .6m ease;-o-transition:all .6m ease;-webkit-transition:all .6m ease;}
.b-list li .pcode img{ width:120px;}
.b-list li .vr-code-wrap:hover .p-icon{ opacity:0;}
.b-list li .vr-code-wrap:hover .pcode{ display:block;}


.d-list{
    margin-top: 30px;
}
.d-list li{
    float: left;
    width: 49%;
    margin-bottom: 25px;
}
.d-list li:nth-of-type(2n+1){
    margin-right: 2%;
}
.d-list li .item{
    display: block; 
    width: 100%;
}
.d-list li .item img{
    width: 100%;
}
.bigImg-wrap{
    display: none;
    width: 65%;
    position: fixed;
    left: 0;
    right: 0;
    top: 150px;
    bottom: 0;
    margin: auto;
    z-index: 10001;
}
.bigImg-wrap img{
    width: 100%;
}
.bigImg-wrap .close-btn{
    width: 3rem;
    height: 3rem;
    position: absolute;
    top: -5rem;
    right: 0;
    text-align: center;
    border-radius: 50%;
    background-color: #000000;
}
.mask{
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0.6;
    z-index: 10000;
}
@media screen and (max-width:1500px){
    .bigImg-wrap{
        width: 75%;
    }
}

.back_top{
    position: fixed;
    bottom: 200px;
    right: 5px;
    cursor: pointer;
    z-index: 99;
    height: 125px;
}
.back_top li{ border: 1px solid #16b0ff; height: 38px; width: 38px; display: block; margin-bottom: 5px; background:#fff url(../content/images/d_icon.png) no-repeat; }
.back_top .back-tel{ background-position:-88px -2px;  }
.back_top .back-weixin{ background-position:-133px 0px; }
.back_top .back-goup{ 
    background-position:-88px -44px;
    -webkit-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 200ms linear;
    display: none;
 }
.back_top .back-goup:hover{ background-position:-88px -84px; }
.tan-tel{
    display: none;
    width: 287px;
    border: 1px solid #eee;
    border-top: 3px solid #16b0ff;
    padding: 13px;
    overflow: hidden;
    position: absolute;
    right: 60px;
    top: 0;
    background:#fff;
}
.tan-tel p{ 
    background: url(../content/images/d_icon.png) no-repeat -175px 0;
    border-bottom: 1px solid #eee;  
    margin-bottom: 5px;
    padding-bottom: 15px;
    padding-left: 65px;
    font-size: 16px;
    text-align: left;
    }
.tan-tel li{ text-align: left; border: none; height: auto;margin: 0; background:url(../content/images/d_icon.png) no-repeat -1px -261px; width: 50%; display: block; padding: 2px;float: left; color: #666666; padding-left:13px;  }
.tan-ewm{
    display: none;
    position: absolute;
    right: 60px;
    top: 0;
    border: 1px solid #eee;
    background:#fff;
}
.tan-ewm img{ height: 170px; width: 170px; padding: 20px; }
.tan-ewm i{   
        width: 20px;
    height: 10px;
    position: absolute;
    top: 58px;
    right: -15px;
    background: url(../content/images/arrow_with_shadow.png) 0 0 no-repeat; 
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
@media(max-width:1204px){
    .back_top{ bottom:0px;    height: 100px;  display:none; }
    .d-list li{
        margin-bottom: 10px;
    }
    .bigImg-wrap{
        display: none;
        width: 85%;
        position: fixed;
        left: 0;
        right: 0;
        top: 200px;
        bottom: 0;
        margin: auto;
        z-index: 10001;
    }
}
@media(max-width:750px){
.back_top{ bottom:0px;    height: 100px;  display:none; }
.back_top .back-goup:hover{ background-position:-88px -44px; }
.tan-tel .telephone:after,.tan-ewm:after{ content: "X"; color: #fff; background-color: #ccc; width: 20px;height: 20px; line-height: 20px; text-align: center; border-radius:50%;  position:absolute;top:2px; right: 5px;}
.back_top .back-tel{ display:none;}
.back_top .back-weixin{ display:none; }

}
@media(max-width:400px){
.tan-tel {width: 207px; right: 46px;}
.tan-ewm{right: 50px;}
.tan-tel li{float: none;width: 100%;}
}
@media(max-width:1024px){
    .btn-with-icon.good{
        right: 10px;
        top:-51px;
        /* z-index: 3000; */
        background-size:18px;
}
.btn-with-icon.good.on{ background-size:18px;}
#piece-tool{ padding-top:16px;}
.closetitle{ display: none; } 
.pos.wrap{ display: none; }
.piece.fi{ 
    position: relative;
    padding: 0;
}
.sd-lbTitleBox-tielt{
    position: relative;
    left: 0;
    background: #fff;
    height: 50px;
    width: 100%;
    border: none;
    top: 0px;
}
.sd-lbTitleBox-tielt h1{
       position: absolute;
    left: 0;
    background: #fafafa;
    top: 60px;
    width: 100%;
    padding: 10px;
}
.sd-lbTitleBox-tielt .sd-share-unit{
 position: absolute;
     left: 10px;
     top: 17px;
    text-align: left;
}
.sd-main-image{
    margin: 0;
    top: 0;
}
.Move-box.ip_img32 {
      position: relative;
    margin-top: 105px;
    padding: 0 10px;
}

.gallery-cart-container h1,
p.gallery-Varieties.hidden{
    margin: 3px 0;
}
.gallery-Varieties.hidden a{ display: none; }
.Move-box  { display: none }
.roundBgW,.bgwhite.ltr-before:before { display: none;}
.gallery-cart-container a{ float: none;}
.gallery-cart-container b{  float: none;padding-left:0px; }  
.sd-lbTitleBox{ display: none; }
.pin-view-arrows{ display: none !important; }
.phone-move-box a{ display: block; overflow:hidden; margin:0 10px; padding: 10px 0;border-bottom:1px solid #ededed;  }
.phone-move-box{ display: block; }
.phone-move-box img{ height:50px; width:50px; float: left; display: block; margin-right: 10px;}
.phone-move-box h1{ color: #000; font-size: 14px;}
.phone-move-box p{ color: #f00;font-size: 14px; padding-top:7px; }
.sd-main-part .piece{ padding:0 0 0 0; }
.sd-lbInfoBox,.Related-Products{ margin:0 10px;}
.xg_infobox, .sp-xg-infobox{ padding:0 0 17px;}
.sd-lbInfoBox h2,.Related-Products h2{ padding:15px 0 15px 0;}
.xg_infobox.owl-theme .owl-controls, .sp-xg-infobox.owl-theme .owl-controls{ right:36px;}
.sd-main-part{ border:none; margin-bottom:0px;}
}
@media (max-width: 500px){
    .xg_infobox a img{ width:110px; height:82.5px;  }
    .sp-xg-infobox a img{ width:100px; height: 66px;  }
}
@media (max-width: 375px){
    .xg_infobox a img{ width:100px; height: 75px;  }
    .sp-xg-infobox a img{ width:100px; height: 60px;  }
}
@media screen and (max-width: 1024px){
    .pc{display: none;}
    .banner {
        padding-top: 51px;
    }
    .banner .owl-carousel a{
        height: 200px;;
    }
    .banner-form-box{
        display: none;
    }
    .flow{
        padding: 0;
    }
    .flow .icon-wrap{
        display: none;
    }
    .flow .flow-item{
        width: 49%;
        font-size: 16px;
    }
    .flow .flow-item:nth-of-type(2n+1){
        margin: 0 1% 10px 0; 
    }
    .flow .flow-item:nth-of-type(2n){
        margin: 0 0 10px 0;
    }
    .layout-block{
        padding-top: 20px;
    }
    .layout-block h1{
        font-size: 26px;
    }
    .layout-block .subtitle{
        margin-bottom: 20px;
        font-size: 14px;
    }
    .sample-list .sample-item{
        width: 48%;
    }
    .sample-list .sample-item:nth-of-type(2n+1){
        margin: 0 1% 10px 0; 
    }
    .sample-list .sample-item:nth-of-type(2n){
        margin: 0 0 10px 0;
    }
    .sample-list .sample-item p{
        font-size: 14px;
    }
    .system{
        padding-bottom: 20px;
    }
    .system .subtitle{
        width: 70%;
    }
    .system-list{
        display: block;
    }
    .system-list .system-item{
        width: 100%;
        height: auto;
        margin-bottom: 20px;
        padding: 15px 20px; 
    }
    .co-list{
        display: block;
    }
    .co-list .co-item{
        width: 100%;
        margin-bottom: 20px;
    }
    .co-list .co-item img{
        width: 64px;
        height: 64px;
        margin-bottom: 10px;
    }
    .co-list .co-item .name{
        font-size: 20px;
        line-height: inherit;
        margin-bottom: 10px;
    }
    .sup-list{
        display: block;
    }
    .sup-item{
        width: 49%;
        height: auto;
        float: left;
    }
    .sup-item:nth-of-type(2n+1){
        margin: 0 1% 10px 0; 
    }
    .sup-item:nth-of-type(2n){
        margin: 0 0 10px 0;
    }
    .sup-item .sup-con{
        padding: 8px 12px;
    }
    .sup-item .sup-con .name{
        font-size: 16px;
    }
    .sup-item .sup-con .desc{
        line-height: 17px;
    }
    .partner{
        padding: 20px 0;
        margin-top: 20px;
    }
    .pp-list{
        margin-top: 20px;
    }
    .pp-list .pp-arrow{
        display: none;
    }
    .pp-list li{
        display: block;
    }
    .pp-list .pp-item{
        font-size: 16px;
        margin-bottom: 20px;
    }
    .app-form{
        margin-top: 20px;
    }
    .form-field .form-area{
        height: 100px;
    }
    .banner-vr{
        padding-bottom: 10px;
        margin-bottom: 20px;
    }
    .design .design-item{
        display: block;
    }
    .design .swiper-slide .name{
        font-size: 16px;
    }
    .right-menu{
        display: none !important;
    }
    .search-form{
        flex: 1;
    }
}

@media screen and (max-width:1024px){
    body.fp,body.open-toggle{overflow: hidden;}
    .sj{ display:block;}
	.top{ display:none;}
    .header,.header.hFixed,.design-header{ border-bottom:solid 1px #f10215; padding:10px 0; position:fixed; z-index:80; background:#fff; left:0px; right:0px;}
    .height50{ height:50px;}
	.header_search{ display:none;}
    .header_code{ display:none;}
    .logo{ width:100%; display:block; float:none;}
	.logo img,.design-logo img{ height:30px; vertical-align:top;}
	.logo h1{ height:30px;} 
    .logo h1 a{ display:inline-block; height:30px; vertical-align:top; overflow:hidden;}
    
    /*--头部导航栏--*/
	.logo,.sj-car-ico,.design-logo{-webkit-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;}
	.page-nav.nav,.nav .menu li.active{ background:none;}
	.navbg{display:none;height:100%;width:100%;position:fixed;left:0;top:0;z-index:3;background:#000;opacity:.5;}
	.open-toggle .navbg{display:block}
	.open-toggle .main{ overflow:hidden;/* position:fixed; */width:100%; left:0px; right:0px;}
	.nav-toggle{background:0 0;border:none;display:block;z-index:5;top:15px;position:absolute;right:15px;width:27px;height:27px;-webkit-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out; outline:none;}
	.open-toggle .nav-toggle{right:210px}
	.nav-toggle .icon-bar:first-child{top:0;-webkit-transform:translateY(0);transform:translateY(0);transform:translateZ(0) rotate(0);transition:transform .25s cubic-bezier(.4,.01,.165,.99) 0s;-webkit-transform:translateZ(0) rotate(0);-webkit-transition:-webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s}
	.nav-toggle .icon-bar:nth-child(2){top:8px;transform:translateZ(0) rotate(0);transition:transform .25s cubic-bezier(.4,.01,.165,.99) 0s;-webkit-transform:translateZ(0) rotate(0);-webkit-transition:-webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s}
	.nav-toggle .icon-bar:last-child{top:16px;-webkit-transform:translateY(0);transform:translateY(0)}
	.nav-toggle .icon-bar{width:27px;height:2px;position:absolute;top:0;left:0;background-color:#666;border-radius:5px;top:8px}
	.open-toggle .nav-toggle .icon-bar{background-color:#000;}
	.open-toggle .logo,.open-toggle .design-logo{ margin-left:-210px;}
	.open-toggle .sj-car-ico{ right:270px;}
	.open-toggle .nav-toggle .icon-bar:first-child{top:0;-webkit-transform:translateY(0);transform:translateY(0);transform:translateZ(0) rotate(0);transition:transform .25s cubic-bezier(.4,.01,.165,.99) 0s;-webkit-transform:translateZ(0) rotate(0);-webkit-transition:-webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s}
	.open-toggle .nav-toggle .icon-bar:nth-child(2){top:8px;transform:translateZ(0) rotate(0);transition:transform .25s cubic-bezier(.4,.01,.165,.99) 0s;-webkit-transform:translateZ(0) rotate(0);-webkit-transition:-webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s}
	.open-toggle .nav-toggle .icon-bar:last-child{top:16px;-webkit-transform:translateY(0);transform:translateY(0)}
	.open-toggle .nav-toggle .icon-bar:first-child{top:7px;transform:translateZ(0) rotate(45deg);transition:transform .25s cubic-bezier(.4,.01,.165,.99) 0s;-webkit-transform:translateZ(0) rotate(45deg);-webkit-transition:-webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s}
	.open-toggle .nav-toggle .icon-bar:nth-child(2){top:7px;transition:transform .2s ease 0s;transform:translate3d(0,0,0);-webkit-transition:-webkit-transform .2s ease 0s;-webkit-transform:translate3d(0,0,0);transform:translateZ(0) rotate(-45deg);-webkit-transform:translateZ(0) rotate(-45deg)}
	.open-toggle .nav-toggle .icon-bar:last-child{transition:transform .25s cubic-bezier(.4,.01,.165,.99) .2s;opacity:0}
	.open-toggle .menu{right:-10px; z-index:9999; float: none;; height: auto; width: 170px;}
	
	.nav .dorpdown .dt,.nav .dorpdown{ display:none;}
 	.slideout{top:0px;position:fixed;overflow: hidden;height: 100%;z-index:9999;right:-210px;background:#555;width:200px;padding:0;-webkit-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}
	.open-toggle .slideout{right:0px;overflow: hidden;height: 100%;overflow-y: auto;}
	.slideout .menu,{ padding:0; width:100%; float:none; height:auto; display:block;}
	.slideout .desigin-nav { padding:0 15px; float:none; height:auto; display:block;}
	.slideout .menu ul,.slideout .desigin-nav ul{width:100%;display: block; background:none;}
	.slideout .menu li,.slideout .desigin-nav li{border-bottom: 1px solid #666666; width: 100%; text-align:left; padding:0; z-index:1; display:block;}
	.slideout .menu li a,.slideout .desigin-nav li a{ color:#fff; font-size:14px; font-weight:normal;}
	.nav .menu li:after{ display:none;}
	.open-toggle .slideout .menu li.on{}
	.nav{ border-bottom:none; height:auto;}
	.sj-search,.my-header .search{ width:100%;position:relative; display:block; margin-top:15px;}
	.my-header .search{ float:none; margin:15px 15px 0; width:auto;}
	.sj-search .header_search_input,.my-header .search input[type="text"]{ border:none; outline:none; line-height:24px; padding:5px 3px; display:block;-webkit-appearance:none; /*去除input默认样式*/; border-radius:0px;background-color: #fff;}
	.sj-search .header_search_submit,.my-header .search input[type="submit"]
    { border:none; outline:none;color:#fff; line-height:24px; padding:5px 10px; position:absolute; top:0px; right:0px; text-indent:-999px; background:url(../content/images/search.png) no-repeat center center #F00; width:40px; bottom:0px;-webkit-appearance:none; /*去除input默认样式*/border-radius:0px;box-sizing: border-box;}
	.sj-car-ico{ display:block; position:absolute; top:10px; right:75px;line-height: 30px;}
	.sj-car-ico i.car-num{ width:20px; height:20px; border-radius:50%; overflow:hidden; text-align:center; line-height:20px; color:#fff; background:#F00; font-size:12px; display:block; position:absolute; top:0px; right:24px;}
	.sj-car-ico i.car-num.null{ background:#999;}
	.sj-car-ico i.icon-icon{ font-size:20px; font-size:30px;}
	.sj-car-info{ background:#F00; color:#fff; text-align:center;height:0px; overflow:hidden;-webkit-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out; position:fixed; left:0px; right:0px; top:50px; z-index:2;}
	.sj-car-info strong{ margin:0 3px;}
	.design-header .desigin-login{ float:none;}
	.design-header .desigin-login a{ color:#fff;}
	.height40{-webkit-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;height:52px;}
	body.body-car .height40{ height:40px;}
	.sj-car-info.car-show{ height:40px; line-height:40px;}
    .sj-car-info a{ color:#fff;}
    
    .sj-my-login,.sj-my-join{ margin:15px 15px 0; border-top: solid 1px #666; padding-top:10px;}
	.sj-my-join{border-bottom: solid 1px #666; }
	.sj-my-login a,.sj-my-join{ color:#fff;}
	.sj-my-login .thumb{ width:55px; height:55px; border-radius:50%; overflow:hidden; background:#fff; text-align:center; line-height:55px;float:left;}
	.sj-my-login .thumb img{ max-width:100%; vertical-align:middle; }
	.sj-my-login-info{ display:block; float:left; margin-left:10px;}
	.sj-my-login-info p{ line-height:30px;}

	.footer{ margin-top:0px; border-top:solid 1px #ddd; position:static;}
	.footer.fFixed{ margin-top:0px; border-top:solid 1px #ddd; position:static; bottom:0px; left:0px; right:0px;}
	.footer-bottom{ padding:0; text-align:center;}
	h3.footer-title,.footer-li:nth-child(1),.footer-li:nth-child(2),.footer-li:nth-child(3),.footer-li:nth-child(4){ display:none;}
	.footer-bottom p{ display:inline-block; margin:0 5px;}
    .copy{ border:none; padding:0;}
    .copy p{ font-size:12px; padding:10px 0; color:#ccc;}
    .copy p a{color:#ccc;}
}


/****** IPicture.css ******/
#iPicture{
    font-size: 14px;
    position: relative;
     margin: 0 auto;
    /* color: #ffffff; */
}
 
.ip_tooltip {
    padding: 0; 
    text-align: left;
}
#showGalleryId{ margin: 0 auto;  }
#showGalleryId img{  max-width: 100%; }

.ip_img32 .ip_descr{
    /*     top:14px; */
}
.ip_bg24 .ip_descr{
    /*     top: 10px; */
}
.ip_descr:before{
    width: 0;
    height: 0;
    content: "";
    position: absolute;
}
.ip_descr.ltr-before:before{
    border-left: 8px solid transparent;
    top: 15px;
    left: -8px;
}
.bgwhite.ltr-before:before{
    border-top: 12px solid rgba(255,255,255, 0.9);
}
.bgblack.ltr-before:before{
    border-top: 12px solid rgba(0, 0, 0, 0.8);
}
.ip_descr.rtl-before:before{
    border-right: 8px solid transparent;
    top: 15px;
    right: -8px;
}
.bgwhite.rtl-before:before{
    border-top: 12px solid rgba(255,255,255, 0.9);
}
.bgblack.rtl-before:before{
    border-top: 12px solid rgba(0, 0, 0, 0.8);
}
.ip_descr.btt-before:before{
    border-right: 12px solid transparent;
    bottom: -8px;
    left: 16px;
}
.bgwhite.btt-before:before{
    border-top: 8px solid rgba(255,255,255, 0.9);
}
.bgblack.btt-before:before{
    border-top: 8px solid rgba(0, 0, 0, 0.8);
}
.ip_descr.ttb-before:before{
    border-right: 12px solid transparent;
    top: -8px;
    left: 16px;
}
.bgwhite.ttb-before:before{
    border-bottom: 8px solid rgba(255,255,255, 0.9);
}
.bgblack.ttb-before:before{
    border-bottom: 8px solid rgba(0, 0, 0, 0.8);
}
.ip_tooltip .ip_descr {
    font: 13px Lucida Grande,Arial,sans-serif;
    opacity: 0;
    position: absolute;
    text-align: left;
    /*     min-width: 225px; */
    transition: left 0.25s ease-out, opacity 0.25s ease-out, right 0.25s ease-out, bottom 0.25s ease-out, top 0.25s ease-out;
    -moz-transition: left 0.25s ease-out, opacity 0.25s ease-out, right 0.25s ease-out, bottom 0.25s ease-out, top 0.25s ease-out;
    -webkit-transition: left 0.25s ease-out, opacity 0.25s ease-out, right 0.25s ease-out, bottom 0.25s ease-out, top 0.25s ease-out;
    z-index: -10;
    display: block;
    width: auto;
    height:auto;
    padding: 2px;
    min-height: 15px;
}

.ip_tooltip .ltr-before {
}
.ip_tooltip .rtl-before {
   
}
.ip_tooltip .ttb-before {
    top: -3px;
}
.ip_tooltip .btt-before {
    bottom: -60px;
}
.ltr-slide {
    opacity: 1 !important;
    padding: 0;
}
.rtl-slide {
    opacity: 1 !important;
    right: 13px !important;
    padding: 0;
}
.btt-slide {
    opacity: 1 !important;
    bottom: 13px !important;
    padding: 0;
}
.ttb-slide {
    opacity: 1 !important;
    top: 28px !important;
    padding: 0;
}

.pass-ltr{
    display: block;
    float: right;
    height: 50px;
    left: 30px;
    position: absolute;
    width: 20px;
}
.pass-rtl{
    display: block;
    float: right;
    height: 50px;
    right: -30px;
    position: absolute;
    width: 50px;
}
.pass-btt{
    display: block;
    float: right;
    height: 50px;
    bottom: -30px;
    position: absolute;
    width: 40px;
}
.pass-ttb{
    display: block;
    float: right;
    height: 20px;
    top: 30px;
    position: absolute;
    width: 50px;
}

.ip_img32 .button{
    width: 20px;
    height: 20px;
    float: left!important;
    position: absolute;
}
.ip_img24 .button{
    width: 24px;
    height: 24px;
    float: left!important;
    position: absolute;
    top: 18px;
    left: 18px;
}
.bg32 .button{
    width: 32px;
    height: 32px;
    float: left!important;
    position: absolute;
    top: 9px;
    left: 9px;
}
.ip_bg24 .button{
    width: 24px;
    height: 24px;
    float: left!important;
    position: absolute;
    top: 9px;
    left: 9px;
    border-radius: 24px;
}
.bgblack{
    background: rgba(0, 0, 0, 0.8);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.ip_descr.bgwhite{
    background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    color: #000000;
    border: 1px solid #ddd;
    position: absolute;
    z-index: 1000; 
        top: 0;
    left: 50px;
}

/* white round bg */
.Move-box {
     position: absolute;
	 height: 68px;
	 width: 300px;
}

.ip_img32 .roundBgW{
    height:40px;
    width:40px;
    
}
.ip_img32 .roundBgWIn{
    height: 24px;
    width: 24px;
    position: absolute;
    left: -4px;
    top: -4px;
}
.ip_img32 .roundBgWInner{
    height: 20px;
    width: 20px;
    
}
.ip_img24 .roundBgW{
    height: 56px;
    width: 56px;
}
.ip_img24 .roundBgWIn{
    height: 44px;
    width: 44px;
}
.ip_img24 .roundBgWInner{
    height: 34px;
    width: 34px;
}
.ip_bg24 .roundBgW{
    height: 42px;
    width: 42px;
}
.ip_bg24 .roundBgWIn{
    height: 34px;
    width: 34px;
}
.ip_bg24 .roundBgWInner{
    height: 28px;
    width: 28px;
}


@keyframes flickeringImageTags{0%{transform:rotate(40deg);}20%{transform:rotate(-20deg);}40%{transform:rotate(10deg);}60%{transform:rotate(-4deg);}80%{transform:rotate(1.5deg);}100%{transform:rotate(0);}}

@-moz-keyframes flickeringImageTags2{0%{-moz-transform:rotate(40deg);}20%{-moz-transform:rotate(-20deg);}40%{-moz-transform:rotate(10deg);}60%{-moz-transform:rotate(-4deg);}80%{-moz-transform:rotate(1.5deg);}100%{-moz-transform:rotate(0);}}

@-webkit-keyframes flickeringImageTags{0%{-webkit-transform:rotate(40deg);}20%{-webkit-transform:rotate(-20deg);}40%{-webkit-transform:rotate(10deg);}60%{-webkit-transform:rotate(-4deg);}80%{-webkit-transform:rotate(1.5deg);}100%{-webkit-transform:rotate(0);}}

@-o-keyframes flickeringImageTags{0%{-o-transform:rotate(40deg);}20%{-o-transform:rotate(-20deg);}40%{-o-transform:rotate(10deg);}60%{-o-transform:rotate(-4deg);}80%{-o-transform:rotate(1.5deg);}100%{-o-transform:rotate(0);}}

@-ms-keyframes flickeringImageTags{0%{-ms-transform:rotate(40deg);}20%{-ms-transform:rotate(-20deg);}40%{-ms-transform:rotate(10deg);}60%{-ms-transform:rotate(-4deg);}80%{-ms-transform:rotate(1.5deg);}100%{-ms-transform:rotate(0);}}
.ip_tppltip_all{ 
   
}
.roundBgW{
    width:28px;
    height:38px;
    position:absolute;
    overflow:hidden;
    background:url(../content/images/gallery-Smallsd2.png);
    z-index:1000;
    cursor:pointer;
    
    /*animation:flickeringImageTags 7s;
    -moz-animation:flickeringImageTags2 7s;
    -webkit-animation:flickeringImageTags 7s;
    -o-animation:flickeringImageTags 5s;
    -ms-animation:flickeringImageTags 2s; 
    transform-origin:14px 5px;
    -webkit-transform-origin:14px 5px;
    */
}
.Move-box:hover .roundBgW{
    background:url(../content/images/gallery-Smallsd3.png);
}


@keyframes pulseW
{
    from {background: rgba(255,255,255, 0);}
    to {background: rgba(255,255,255, 0.2);}
}

@-moz-keyframes pulseW /* Firefox */
{
    from {background: rgba(255,255,255, 0);}
    to {background: rgba(255,255,255, 0.2);}
}

@-webkit-keyframes pulseW /* Safari and Chrome */
{
    from {background: rgba(255,255,255, 0);}
    to {background: rgba(255,255,255, 0.2);}
}

@-o-keyframes pulseW /* Opera */
{
    from {background: rgba(255,255,255, 0);}
    to {background: rgba(255,255,255, 0.2);}
}
@keyframes pulseWIn
{
    from {background: rgba(255,255,255, 0);}
    to {background: rgba(255,255,255, 0.3);}
}

@-moz-keyframes pulseWIn /* Firefox */
{
    from {background: rgba(255,255,255, 0);}
    to {background: rgba(255,255,255, 0.3);}
}

@-webkit-keyframes pulseWIn /* Safari and Chrome */
{
    from {background: rgba(255,255,255, 0);}
    to {background: rgba(255,255,255, 0.3);}
}

@-o-keyframes pulseWIn /* Opera */
{
    from {background: rgba(255,255,255, 0);}
    to {background: rgba(255,255,255, 0.3);}
}

@keyframes pulseWInner
{
    from {background: rgba(255,255,255, 0);}
    to {background: rgba(255,255,255, 0.6);}
}

@-moz-keyframes pulseWInner /* Firefox */
{
    from {background: rgba(255,255,255, 0);}
    to {background: rgba(255,255,255, 0.6);}
}

@-webkit-keyframes pulseWInner /* Safari and Chrome */
{
    from {background: rgba(255,255,255, 0);}
    to {background: rgba(255,255,255, 0.6);}
}

@-o-keyframes pulseWInner /* Opera */
{
    from {background: rgba(255,255,255, 0);}
    to {background: rgba(255,255,255, 0.6);}
}

 
/* end white round bg */

/* black round bg */
.ip_img32 .roundBgB{
    height: 30px;
    width: 30px;
    left: -9px;
    position: absolute;
    top: -9px;
}
.ip_img32 .roundBgBIn{
    height: 42px;
    width: 42px;
    position: absolute;
    left: -5px;
    top: -5px;
}
.ip_img32 .roundBgBInner{
    height: 36px;
    width: 36px;
    position: absolute;
    left: -2px;
    top: -2px;
}
.ip_img24 .roundBgB{
    height: 56px;
    width: 56px;
}
.ip_img24 .roundBgBIn{
    height: 44px;
    width: 44px;
}
.ip_img24 .roundBgBInner{
    height: 34px;
    width: 34px;
}
.ip_bg24 .roundBgB{
    height: 42px;
    width: 42px;
}
.ip_bg24 .roundBgBIn{
    height: 34px;
    width: 34px;
}
.ip_bg24 .roundBgBInner{
    height: 28px;
    width: 28px;
}
.roundBgB{
    border-radius: 30px;
    position: absolute;
    animation: pulse 1.5s 1s infinite alternate; 
    -moz-animation: pulseB 1.5s 1s infinite alternate; /* Firefox */
    -webkit-animation: pulseB 1.5s 1s infinite alternate;  /* Safari and Chrome */
    -o-animation: pulseB 1.5s 1s infinite alternate; /* Opera */
}
 .roundBgBIn{
    border-radius: 30px;
    position: absolute;
    top: 4px;
    left: 4px;
    animation: pulseBIn 1.5s 0.5s infinite alternate;
    -moz-animation: pulseBIn 1.5s 0.5s infinite alternate; Firefox
    -webkit-animation: pulseBIn 1.5s 0.5s infinite alternate; Safari and Chrome
    -o-animation: pulseBIn 1.5s 0.5s infinite alternate; Opera
}
.roundBgBInner{
    border-radius: 30px;
    position: absolute;
    top: 7px;
    left: 7px;
    animation: pulseBInner 1.5s infinite alternate;
    -moz-animation: pulseBInner 1.5s infinite alternate; Firefox
    -webkit-animation: pulseBInner 1.5s infinite alternate; Safari and Chrome
    -o-animation: pulseBInner 1.5s infinite alternate; Opera
} 
@keyframes pulseB
{
    from {background: rgba(0,0,0, 0);}
    to {background: rgba(0,0,0, 0.2);}
}

@-moz-keyframes pulseB /* Firefox */
{
    from {background: rgba(0,0,0, 0);}
    to {background: rgba(0,0,0, 0.2);}
}

@-webkit-keyframes pulseB /* Safari and Chrome */
{
    from {background: rgba(0,0,0, 0);}
    to {background: rgba(0,0,0, 0.2);}
}

@-o-keyframes pulseB /* Opera */
{
    from {background: rgba(0,0,0, 0);}
    to {background: rgba(0,0,0, 0.2);}
}
@keyframes pulseBIn
{
    from {background: rgba(0,0,0, 0);}
    to {background: rgba(0,0,0, 0.3);}
}

@-moz-keyframes pulseBIn /* Firefox */
{
    from {background: rgba(0,0,0, 0);}
    to {background: rgba(0,0,0, 0.3);}
}

@-webkit-keyframes pulseBIn /* Safari and Chrome */
{
    from {background: rgba(0,0,0, 0);}
    to {background: rgba(0,0,0, 0.3);}
}

@-o-keyframes pulseBIn /* Opera */
{
    from {background: rgba(0,0,0, 0);}
    to {background: rgba(0,0,0, 0.3);}
}

@keyframes pulseBInner
{
    from {background: rgba(0,0,0, 0);}
    to {background: rgba(0,0,0, 0.6);}
}

@-moz-keyframes pulseBInner /* Firefox */
{
    from {background: rgba(0,0,0, 0);}
    to {background: rgba(0,0,0, 0.6);}
}

@-webkit-keyframes pulseBInner /* Safari and Chrome */
{
    from {background: rgba(0,0,0, 0);}
    to {background: rgba(0,0,0, 0.6);}
}

@-o-keyframes pulseBInner /* Opera */
{
    from {background: rgba(0,0,0, 0);}
    to {background: rgba(0,0,0, 0.6);}
}


.ipic-orange{
    background-image: linear-gradient(bottom, rgb(241,152,55) 8%, rgb(255,183,83) 54%);
    background-image: -o-linear-gradient(bottom, rgb(241,152,55) 8%, rgb(255,183,83) 54%);
    background-image: -moz-linear-gradient(bottom, rgb(241,152,55) 8%, rgb(255,183,83) 54%);
    background-image: -webkit-linear-gradient(bottom, rgb(241,152,55) 8%, rgb(255,183,83) 54%);
    background-image: -ms-linear-gradient(bottom, rgb(241,152,55) 8%, rgb(255,183,83) 54%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.08, rgb(241,152,55)),
        color-stop(0.54, rgb(255,183,83))
        );
}

.tooltip-show{
    display:block;
}
.tooltip-hide{
    display:none;
}


/*装修攻略详情*/
.xq-gl .left_content{ border: 1px solid #eee; padding: 20px;}
.xq-gl .left_content em{ color: #999; margin:20px 0; display: block;}
/*.xq-gl .left_content p{ line-height: 1.9; text-indent:2em; }*/
.xq-gl .left_content strong{ font-weight:bolder;}
.xq-gl .left_content img{ display: block;max-width: 100%; margin:25px auto;  height: auto; }
.xq-gl .left_content p{  font-size: 16px; line-height: 34px;}
.right_content {
    width: 302px;
    float: right;
}
.hot-tj{ border: 1px solid #eee; margin-bottom:10px;  }
.hot-tj strong{ display:  block; font-size: 16px; border-bottom:1px solid #eee; padding: 10px 0; text-align: left; text-indent: 10px; color: #000;  }
.hot-tj a p{ padding:0 10px 10px; }
.hot-tj a:hover p{ color: #0eaf63; }
.hot-tj a img{ width:90%; margin:15px 10px 10px; }
.hot-gg img{ width: 100%; }
@media (max-width:1170px){ 
.xq-gl .left_content{ 
    width: auto;
    margin: 0 auto;
    float: none;
    padding: 10px;
    margin: 15px;
    margin-top:0; 
} 
}

/*效果图*/
.max-w1170{ max-width: 1140px; margin: 0 auto }
.right_content .banner-form{position:static; margin:0; margin-bottom:10px;}
.xiaoguo-banner img{width: 100%;}
.xg-vr-list{margin:0 0 20px 0;}
.vr-list-menu p{ text-align: left; }
@media(max-width: 1024px){
  .vr-list-menu li{ width:25%; } 
.xg-vr-list{ margin-top: 0 }
}
.cut_outer{ margin: 20px auto 0px; }
.xgt_list{ width: 100%; }
.xgt_list ul{
    max-width: 1140px;
    margin: 20px auto;
    -webkit-column-count:6;
    -moz-column-count: 6;
    column-count:6;
    -moz-column-gap: 20px;
    -webkit-column-gap: 20px;
    column-gap: 20px;
}
.xgt_list li{ 
  margin:0 0  20px;
  display: inline-block;
  border: 1px solid #eee;  
  padding: 10px;
}
.xgt_list img{ width: 100%; }
.xgt_list li span{padding: 10px; display: block;}
@media (max-width:992px){ 
.xgt_list ul{
  -webkit-columns:3;
-moz-columns:3; 
-ms-columns:3;
}
}
@media (max-width:750px){ 
.xgt_list ul{
  -webkit-columns:2;
-moz-columns:2; 
-ms-columns:2;
margin: 0 10px;
}
.cut_outer {
    margin-top: 20px ;
    margin-bottom:40px;
}
}

/*外墙石材*/
.top_bar { background: #f8f8f8; width: 100%; border: 1px solid #dddddd; overflow: hidden; }
.top_bar a { padding: 8px 0; width: 90px; color: #666; text-align: center; display: block; float: left; border-right: 1px solid #dddddd; }
.top_bar a.on { color: #f00; }
.exterio-row { margin: 0 -10px; }
.exterio-list { overflow: hidden; display: block; }
.exterio-list li { margin: 20px 0 0; padding-left: 10px; padding-right: 10px; }
.exterio-list li .relative { border: 1px solid #dddddd; overflow: hidden; -webkit-transition: transform 0.2s linear; -o-transition: transform 0.2s linear; transition: transform 0.2s linear; }
.exterio-list li a img { width: 100%; }
.exterio-list .click-yy { cursor: pointer; width: 145px; text-align: center; background:#f00; color: #fff; padding: 7px 0; position: absolute; bottom: 42px; right: -145px; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.exterio-list .click-yy a{ color: #fff;}
.exterio-list .see { color: #d1d1d1; padding: 7px 0; text-align: center; width: 105px; position: absolute; bottom: 42px; left: -105px; background: url(../content/images/exterio-bg.png); -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.exterio-list span img { margin-right: 7px; width: auto; }
.exterio-list p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666666; padding: 10px; text-align: left; }
.exterio-list li .relative:hover { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); box-shadow: 0 3px 10px #eee; }
.exterio-list li .relative:hover .see { left: 0; }
.exterio-list li .relative:hover .click-yy { right: 0; }
.tabulation_con_list li { margin-bottom: 15px; }
.tabulation_con_list .text { padding: 10px 45px 0 0; position: relative; overflow: hidden; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.tabulation_con_list li:hover .text { padding-left: 0px; }
.tabulation_con_list .text:after { content: ''; position: absolute; content: ''; width: 40px; height: 15px; display: block; position: absolute; top: 42px; right: 30px; background: transparent url(../content/images/icon-arrow.png) no-repeat -15px -68px; transition: all 0.3s ease-out 0s; margin-top: -11px; border-left: 1px solid rgba(0, 0, 0, .0); border-left: solid 1px #ddd; padding-left: 10px; opacity: 0; }
.tabulation_con_list li:hover .text:after { right: 0px; opacity: 1; }
.tabulation_con_list li:hover .text { cursor: pointer; }
.tabulation_con_list .text h3, .tabulation_con_list .text p { font-size: 14px; color: #333; line-height: 24px; height: 24px; overflow: hidden; }

.renovation-left { width: 830px; float: left; }
.renovation-left h3 { font-size: 20px; color: #000; background: #f0f2f5; line-height: 50px; padding: 0 10px 0 20px; }
.renovation-left h3 span { float: right; font-size: 16px; color: #999; }
.renovation-left h3 span i { display: inline-block; margin-left: 10px; vertical-align: middle; height: 20px; padding-left: 10px; position: relative; }
.renovation-left h3 span i:after { content: ''; width: 1px; height: 15px; background: #ddd; position: absolute; left: 0px; top: 23%; }
.renovation-left h3 .icon { width: 20px; height: 20px; vertical-align: top; fill: currentColor; overflow: hidden; }
.renovation-right { width: 275px; float: right; }
.bdshare-button-style0-24 a, .bdshare-button-style0-24 .bds_more.share { background: url(../content/images/bdshare.png) no-repeat; width: 20px; height: 20px; margin: 0px; }
.productImg { width: 500px; float: left; position: relative; margin-top: 20px; }
#pView { position: relative; width: 100%; margin-bottom: 20px; }
#pView #pic-list a.disabled { cursor: default; display: none; }
#zoom-jpg { height: 400px; width: 400px; float: left; margin-left: 15px; margin-top: 1px; }
#pic-list { width: 64px; position: relative; height: 360px; float: left; overflow: hidden; }
#pic-list .btn-control { display: none; width: 20px; position: absolute; top: 0; height: 50px; cursor: pointer; }
#btn-forward { left: 0; }
#btn-backward { right: 0; }
.btn-control b { top: 14px; display: block; position: absolute; height: 19px; width: 10px; overflow: hidden; }
#btn-forward b { background: url(../content/image/productinfo.png) no-repeat -49px 0; }
#btn-backward b { background: url(../content/image/productinfo.png) no-repeat -58px 0; right: 0; }
#btn-forward.disabled b { background: url(../content/image/productinfo.png) no-repeat -30px 0; }
#btn-backward.disabled b { background: url(../content/image/productinfo.png) no-repeat -39px 0; right: 0; }
#pic-list .pic-items { left: 0; position: absolute; top: 0; }
#pic-list .pic-items li { font-size: 0; position: relative; text-align: center; height: 75px; line-height: 0; cursor: pointer; }
#pic-list .pic-items img { height: 64px; padding: 1px; width: 64px; }
.jqzoom { padding: 0; position: relative; }
.zoomdiv { background: url(../content/image/loading.gif) no-repeat center center #FFF; display: none; left: 480px; overflow: hidden; position: absolute; text-align: center; top: 1px; width: 360px; z-index: 8; }
.bigimg { height: 800px; width: 800px; }
.jqZoomLens { background-color: #fff; cursor: move; height: 50px; left: 0; opacity: .5; filter: alpha(opacity=50); position: absolute; top: 0; visibility: hidden; width: 50px; z-index: 92; }
#pic-list .pic-items img.img-hover { border: 1px solid #e60012; padding: 0; }
#recomm_list { overflow: hidden; padding: 0 51px; position: relative; width: 900px; height: 230px; }
#recomm_list .btn-reco { display: block; height: 230px; position: absolute; top: 0; width: 21px; cursor: pointer; }
#btn_prev { left: 15px; }
#btn_next { right: 15px; }
.btn-reco b { top: 55px; display: block; position: absolute; width: 21px; height: 39px; }
#btn_prev b { background: url(../content/image/productinfo.png) no-repeat -173px -130px; }
#btn_next b { background: url(../content/image/productinfo.png) no-repeat -194px -130px; }
#btn_prev.disabled b { background: url(../content/image/productinfo.png) no-repeat -215px -130px; }
.productInfo { margin: 20px; float: right; width: 275px; }
.productInfo ul { border-bottom: solid 1px #ddd; padding: 10px 10px 30px 10px; }
.productInfo li { color: #999; line-height: 35px; }
.productInfo li label { color: #666; }
.productInfo .text { padding: 30px 10px; text-align: left; font-size: 12px; color: #999; }
.renovation-list { margin: 30px -5px 0 -5px; }
.renovation-info { margin-top: 30px; }
.renovation-info-title { background: #f7f7f7; height: 50px; line-height: 50px; position: relative; }
.renovation-info-title span { display: inline-block; display: inline-block; padding: 0 30px; border-top: solid 3px #0eaf63; color: #0eaf63; background: #fff; position: absolute; top: 0px; line-height: 47px; }
.boxImg img { max-width: 100%; margin: 30px 0; }
.owl-renovation .item { border: solid 1px #ddd; margin: 0 5px; text-align: center; }
.owl-renovation .item img { max-width: 100%; }
.renovation-right { background: #f5f5f5; width: 287px; float: right; text-align: center; padding: 10px 20px; }
.renovation-right h3 { line-height: 50px; font-size: 16px; color: #333; text-align: center; position: relative; }
.renovation-right h3:after { content: ''; display: inline-block; width: 50px; height: 1px; position: absolute; background: #c2c2c2; right: 0px; top: 50%; }
.renovation-right h3:before { content: ''; display: inline-block; width: 50px; height: 1px; position: absolute; background: #c2c2c2; left: 0px; top: 50%; }
.renovation-right li { text-align: center; margin: 13px 0; background: #fff; }
.renovation-right li img { margin: 0 auto; }
.renovation-right li.text { padding: 20px 15px; background: #fff; }
.renovation-right li.text p.t { font-size: 18px; color: #0eaf63; font-style: italic; line-height: 40px; }
.renovation-right li.text p.btn { }
.renovation-right li.text p.btn a { height: 38px; line-height: 38px; border-radius: 2px; overflow: hidden; color: #fff; font-size: 16px; display: inline-block; padding: 0 25px; background: #0EAF63; }
.renovation-right li.text p.btn a img { vertical-align: middle; display: inline-block; margin-right: 10px; margin-top: -5px; }
.renovation-right p.logo { text-align: center; line-height: 35px; margin: 5px 0; }
.renovation-right-text { padding: 0 20px 30px 20px; line-height: 30px; color: #333; }
.renovation-right-text p.name { font-size: 14px; color: #333; line-height: 40px; }
.renovation-right-text p span { color: #666; display: inline-block; width: 76px; text-align: justify; text-align-last: justify; }
.renovation-right-text .code { text-align: center; margin-top: 20px; }
.renovation-right-text .code img { display: inline-block; margin: 0 auto; }
.renovation-list li .thumb { border: solid 1px #ddd; margin: 0 5px; }
.renovation-list li { margin-bottom: 10px; }
.renovation-list li img { max-width: 100%; }
.code-tips { text-align: center; font-size: 12px; color: #666; }
.sj { display: none; }
.renovation-form { bottom: auto; background: none; position: static; border: none; width: auto; }
.renovation-form .form-tab { background: #fff; margin: 10px 0; }
.renovation-form.banner-form input.form-text { padding: 5px 5%; width: 90%; }
.renovation-form.banner-form form { padding: 0; }
.renovation-form.banner-form p select { width: 42%; }
.banner-form.tyg-form { padding: 0;}
.banner-form.tyg-form form { padding: 10px; }
.banner-form.tyg-form h6{ text-align: center;}
.banner-form.tyg-form p { color: #666; }
.banner-form.tyg-form input.form-text { box-sizing: border-box; width: 100%; border: solid 1px #ddd; border-radius: 0; padding: 4px 5px; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; font-size: 12px; }
.banner-form.tyg-form p select { box-sizing:border-box; width:48%; border: solid 1px #ddd; padding: 4px 5px 8px; }
.banner-form.tyg-form p select.left { }
.banner-form.tyg-form p select.right { float: right; }
.banner-form.tyg-form p textarea { width: 90%; padding: 10px 2%; border: solid 1px #ddd; height: 32px; font-size: 12px; }
.banner-form.tyg-form p.checkbox { text-align: left; padding:10px;  margin-bottom: 0; margin-top: 0;}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { margin-left: 0px; vertical-align: middle; float: none; margin-top: -2px; position: relative;}
.banner-form.tyg-form .free-btn { background: #f00; color: #fff; text-align: center; height: 41px; line-height: 41px; border: none; outline: none; font-size: 16px; width: 100%; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; }
.banner-form.tyg-form .tip { vertical-align: middle; font-size: 12px; line-height: 24px; }
.banner-form.tyg-form .tip i { vertical-align: middle; margin-right: 5px; float: left; display: block; }

/*--stoneVR--*/
.vr-list{}
.vr-list ul{}
.vr-list li{ cursor: pointer;position: relative; background: #fff; margin-bottom:30px;}
.vr-list li .img{ width: 100%;/* height: 240px;*/ background-repeat: no-repeat; background-position: center center; background-size: auto 100%;}
.vr-list li .img img{ width: 100%;}
.vr-list li .desc{background: rgba(255, 255, 255,0);position: absolute;left:0px;top:0px; right:0px; bottom:0px;transition: all ease-out .3s;}
.vr-list li:hover .desc{background: rgba(255, 255, 255,.92);}
.vr-list li .desc::after{content: "";display: block;position: absolute;transition: all .38s cubic-bezier(.62, .02, .34, 1);-moz-transition: all .38s cubic-bezier(.62, .02, .34, 1);-webkit-transition: all .38s cubic-bezier(.62, .02, .34, 1);-ms-transition: all .38s cubic-bezier(.62, .02, .34, 1);-ms-filter: "alpha(opacity=$num)";opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)";
transform: scale(.85);
-moz-transform: scale(.85);
-webkit-transform: scale(.85);
-ms-transform: scale(.85);
z-index: 2; bottom:10px;top: 10px;left: 10px; right:10px;border-top: 2px solid #4a4a4a;border-bottom: 2px solid #4a4a4a;margin-left: -2px;margin-top: -2px; }
.vr-list li:hover .desc::after{ -ms-filter: "alpha(opacity=$num)";opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)";transform: scale(.92, .90);-moz-transform: scale(.92, .90);-webkit-transform: scale(.92, .90);-ms-transform: scale(.92, .90); }
.vr-list li .desc h3{ position: relative; top: 20%; text-align: center;  font-family: "微软雅黑";  font-size: 18px; margin: 0 0 20px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; color:rgba(0,0,0,0)}
.vr-list li:hover .desc h3{color: #000;font-size:22px; margin-bottom: 15px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;margin-top: 10px;margin-bottom: 15px;}
.vr-list li .desc .num{color: rgba(0, 0, 0, 0);font-size: 12px;transition: all ease-out .3s; text-align: center;position: relative; top: 22%;}
.vr-list li:hover .desc .num{color: #848484;font-size: 13px;font-family: "Arial";margin-top: -10px;}
.vr-list li .desc .info{position: relative; top: 30%; margin: 0 50px; line-height: 24px; height:72px; overflow: hidden;}
.vr-list li .desc .info p{color: rgba(0, 0, 0, 0);font-size: 12px;transition: all ease-out .3s; text-align: center;}
.vr-list li:hover .desc .info{margin-top: -25px;}
.vr-list li:hover .desc .info p{color: #848484;font-size: 13px;font-family: "Arial";}

/*--showroom--*/
.showroom li{ margin-bottom: 10px; cursor: pointer;}
.showroom li .name{font-size: 23px;color: #16130c;text-align: center;margin: 15px 0 20px 0;}


.wrapper { overflow: hidden; width: 1140px; margin: 0 auto; }
.waterfull {width: calc(100% + 60px)}
#column-list { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -moz-column-gap: 14px; -webkit-column-gap: 14px; column-gap: 14px; padding: 15px 0 0 0; margin: 0 0 0 0; }
.wall_div { /*width: calc(100% - 20px);*/ cursor: pointer; display: inline-block; margin: 5px 0; text-align: left; }
.waterfull ul { padding-top: 10px; }
.waterfull ul li { width: 277px; margin-right: 10px; }
.waterfull ul li .squares_img { border: solid 1px #ddd; padding: 10px; margin-bottom: 10px; }
.waterfull ul li .example-image { position: relative; }
.waterfull ul li .result_img img { width: 100%; }
.waterfull ul li .example-image .title { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,.6); }
.waterfull ul li .example-image .title h2 { font-size: 16px; color: #fff; float: left; padding-left: 10px; font-weight: normal; line-height: 30px; }
.waterfull ul li .example-image .title .sd_num { width: 70px; }
.waterfull ul li .example-image .title .sd_num, .ico-fn-up { padding-right: 10px; color: #fff; float: right; line-height: 30px; }
.sd_num b { float: right; }
.waterfull ul li .example-image .title .ico-fn-up { background: url(../content/images/enshrine_car.png) 0 0 no-repeat; width: 20px; height: 20px; border: none; padding-right: 0px; margin-top: 5px; cursor: pointer; float: right; }
.waterfull ul li .example-image .title .ico-fn-up:hover, .waterfull ul li .example-image .title.on .ico-fn-up { background-position: 0 -20px; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }
.waterfull ul li .example-image .title.on .sd_num { color: #ff9400; }
.waterfull ul li .good-s-img { overflow: hidden; padding-top: 12px; clear: both; text-align: left; }
.waterfull ul li .good-s-img img { width: 60px; height: 46px; float: left; margin-right: 10px; border: 1px solid #dddddd; }
.waterfull ul li .good-s-img h3 { height: 24px; line-height: 25px; overflow: hidden; font-weight: normal; color: #333; font-size: 14px; }
.waterfull ul li .good-s-img b { color: #F00; font-size: 16px; font-weight: normal; }
#mores { display: none; height: 40px; margin: 0 0 20px; }
#mores a { background: #e4e4e4; display: block; height: 100%; color: #333; font: normal 14px/40px Microsoft YaHei; text-align: center; }
#mores a:hover { background-color: #FF9400; color: #fafaf6; }
#mores a:hover span { background-position: right bottom; }
.moreloading { text-align: center; padding-bottom: 37px; padding-top: 37px; }
.moreloading a { color: #333; }
.loading { position: relative; top: -300px; text-align: center; }
.imloading { width: 150px; height: 30px; line-height: 30px; font-size: 16px; text-align: center; border-radius: 3px; opacity: 0.7; background: #000; margin: 10px auto 30px; color: #fff; display: none; }
.imloading.footerBtomm { opacity: 1; background: #b2b2b2; font-size: 12px; }
/*---2017-01-06-vr---*/
.vr-list-menu { border: solid 1px #ddd; background: url(../content/images/vr-menu-bg.png) repeat-y left top #fff; }
.vr-list-menu li { background: transparent; position: relative; line-height: 50px; border-bottom: dashed 1px #ddd; margin: 0 14px; padding-left: 106px; color: #333; }
.vr-list-menu li a { color: #333; padding: 0 15px; }
.vr-list-menu li a.on { color: #f10215; }
.vr-list-menu li.last,.vr-list-menu li:last-child{ border: none; }
.vr-list-menu li label { display: block; width: 92px; line-height: 50px; top: 0px; left: -14px; position: absolute; text-align: center; color: #333; }
.vr-list-menu li:last-child label{ border: none;}
.vr-list-li { margin-bottom: 25px; text-align: left; }
.vr-list-li li.vr-list-li-item { margin-bottom: 25px; background: #f7f7f7; position: relative; }
.vr-list-li li .p-item-pic { position: relative; }
.vr-list-li li .p-item-pic:before { content: ''; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; opacity: 0; background-color: rgba(0,0,0,.5); background-image: url(../content/images/text-bg.png); background-repeat: no-repeat; background-position: 50% 50%; transition: all 3ms ease 0s !important; z-index: 1; }
.vr-list-li li i.border-ico { display: inline-block; position: absolute; top: 0px; right: 0px; width: 117px; height: 110px; background: url(../content/images/border-ico.png) no-repeat top right; }
.vr-list-li li.even i.border-ico { left: 0px; right: 0px; background: url(../content/images/even-border-ico.png) no-repeat top right; }
.vr-list-li li .p-item-pic { width: 50%; float: left; position: relative; overflow: hidden; }
.vr-list-li li .p-item-pic img { transition: all 6s ease 0s !important; width: 100%; }
.vr-list-li li .p-item-pic:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.vr-list-li li .p-item-pic:hover:before { opacity: 1; }
.vr-list-li li .p-item-info { width: 50%; float: right; position: relative; z-index: 2; }
.vr-list-li li.even .p-item-pic { float: right; }
.vr-list-li li.even .p-item-info { float: left; }
.vr-list-li li .p-item-info .ico-arrow { width: 49px; height: 78px; background: url(../content/images/ico-arrow.png) no-repeat top center; position: absolute; left: -25px; top: 50%; }
.vr-list-li li.even .p-item-info .ico-arrow { width: 49px; height: 78px; background: url(../content/images/ico-arrow.png) no-repeat top center; position: absolute; left: auto; right: -25px; top: 50%; transform: rotate(-180deg); }
.vr-list-li li .p-item-info-text, .vr-list-li li h3 { padding-left: 74px; }
.vr-list-li li h3 { font-size: 26px; font-weight: normal; padding-top: 56px; }
.vr-list-li li h3 span { font-size: 14px; margin-right: 30px; color: #999; background: url(../content/images/look.png) no-repeat center left; background-size: 22px; padding-left: 28px; }
.vr-list-li li .p-item-info-text { margin-top: 30px; font-size: 16px; }
.vr-list-li li .p-item-info-text .p1 { color: #999; margin-top: 10px; }
.vr-list-li li .p-item-info-text li { float: left; margin-top: 10px; margin-right: 10px; }
.vr-list-li li .p-item-info-text li img { height: 90px; }
.vr-list-li li .vr-code-wrap { position: absolute; bottom: 0px; right: 0px; }
.vr-list-li li.even .vr-code-wrap { position: absolute; bottom: 0px; right: 50%; }
.vr-list-li li .p-icon { display: block; position: absolute; bottom: 0px; right: 0px; width: 53px; }
.vr-list-li li .p-icon img { width: 100%; }
.vr-list-li li .pcode { display: none; position: absolute; bottom: 0px; right: 0px; transition: all .6m ease; -moz-transition: all .6m ease; -ms-transition: all .6m ease; -o-transition: all .6m ease; -webkit-transition: all .6m ease; }
.vr-list-li li .pcode img { width: 120px; }
.vr-list-li li .vr-code-wrap:hover .p-icon { opacity: 0; }
.vr-list-li li .vr-code-wrap:hover .pcode { display: block; }

@media only screen and (max-width:1024px) {
    /*--2016-9-27--*/
    .wrapper { width: 100%; margin: 0 auto; }
    .waterfull ul { width: 102%; padding-left: 20px; }
    .imloading { background: none; color: #000; font-size: 12px; }
    .imloading:before { content: ''; display: inline-block; width: 32px; height: 32px; background: url(../content/images/loading.gif) no-repeat center center; background-size: 18px; vertical-align: middle; }
    .footerBtomm.imloading:before { display: none; content: ''; }
    .vr-list .wrapper { overflow: inherit; }
    .vr-list-menu { margin-top: 0px; background: #fff; border-left: none; border-right: none; position: relative; z-index: 9; margin-left: -15px; margin-right: -15px; }
    .vr-list-menu li { width: 33.333333%; float: left; position: static; padding: 0; border-bottom: none; margin: 0px; line-height: 40px; }
    .vr-list-menu li label { position: static; border-right: solid 1px #ddd; width: 98%; text-align: center; margin: 0; font-size: 12px; line-height: 40px; background: url(../content/images/label-bg.png) no-repeat 86% 58%; background-size: 7px; }
    .vr-list-menu li.last label { border-right: none; }
    .vr-list-menu li.on label { background-color: #f0f0f0; }
    .vr-list-menu li p { display: none; position: absolute; left: 0px; width: 100%; z-index: 999; top: 41px; padding: 10px 0; background: #fff; }
    .vr-list-menu li p a { display: inline-block; padding: 0px 20px; border: solid 1px #ddd; margin: 5px; border-radius: 5px; }
    .vr-list-menu li.on p { display: block; }
    .vr-bg { position: fixed; top:45px; bottom: 0px; left: 0px; right: 0px; z-index: 8; display: none;background: rgba(0,0,0,.2);
    background-color: #000;
    opacity: .2;
    filter: alpha(opacity=20); }
    .vr-list-li li.vr-list-li-item { background: none; border-bottom: solid 1px #ddd; padding-bottom: 15px; }
    .vr-list-li li i.border-ico { display: none; }
    .vr-list-li li .p-item-pic:before { opacity: 1; background: url(../content/images/sjico.png) no-repeat top left; top: 10px; left: 10px; background-size: 25px; }
    .vr-list-li li h3 { font-size: 12px; padding-top: 0; padding-left: 20px; height: 24px; line-height: 24px; overflow: hidden; font-weight: 700; }
    .vr-list-li li p { font-size: 10px; color: #666; }
    .vr-list-li li .p-item-info-text { margin-top: 0px; padding-left: 20px; line-height: 22px; }
    .vr-list-li li .p-item-pic { width: 46%; }
    .vr-list-li li .p-item-info { width: 54%; }
    .vr-list-li li.even .p-item-pic { float: left; width: 46%; }
    .vr-list-li li.even .p-item-info { float: right; width: 54%; }
    .vr-list-li li .p-item-info-text .p1 { margin-top: 0px; }
    .vr-list-li li .p-item-info-text { font-size: 8px; }
}

@media only screen and (max-width:992px) {
    body { font-size: 12px; line-height: 24px; }
    #column-list { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -moz-column-gap: 8px; -webkit-column-gap: 8px; column-gap: 8px; padding: 10px 8px 0 8px; }
    .waterfull { margin: 0 auto; overflow: hidden; width: 100%; }
    /*.waterfull { width:100% !important;}
.waterfull ul{ padding-top:10px; width:98% !important; height:auto !important; float:left;}
.waterfull ul li{ position:static !important; float:left; width:48%; margin:0 0 0 2%;}*/
    .waterfull ul { width: 102%; padding-left: 20px; }
    .waterfull ul li { position: relative; overflow: hidden; width: 30%; float: left; }
    .waterfull ul li img { width: 100%; }
    .waterfull ul li .squares_img .example-image .title { background: none; position: static; clear: both; }
    .waterfull ul li .squares_img .example-image .title h2 { color: #000; padding: 0; font-size: 14px; width: 60%; line-height: 30px; overflow: hidden; }
    .waterfull ul li .squares_img .example-image .title .sd_num { width: 40%; padding-top: 0px; line-height: normal; }
    .waterfull ul li .squares_img .example-image .title .sd_num, .waterfull ul li .squares_img .example-image .title .ico-fn-up { color: #666; padding: 0; }
    .waterfull ul li .squares_img .example-image .title .ico-fn-up { background: url(../content/images/zanico.png) no-repeat center center; background-size: 18px; }
    .waterfull ul li .squares_img .example-image .title .sd_num b { padding-top: 7px; font-weight: normal; }
    .waterfull ul li .squares_img .example-image .title.on .ico-fn-up { background: url(../content/images/zanhoverico.png) no-repeat center center; background-size: 18px; }
    .waterfull ul li .example-image .title.on .sd_num b { color: #ff9400; }
}

@media only screen and (max-width:786px) {
    .waterfull ul { padding-left: 12px; width: 102%; }
}

@media only screen and (max-width:667px) {
    .waterfull ul { padding-left: 0px; width: 102%; }
    .waterfull ul li { position: relative; overflow: hidden; width: 46%; float: left; margin: 0 1.3%; }
    .waterfull ul li img { width: 100%; }
}

@media only screen and (max-width:414px) {
    .waterfull ul { padding-left: 3px; width: 102%; }
}

@media only screen and (max-width:375px) {
    .waterfull ul { padding-left: 3px; width: 102%; }
    .waterfull ul li { position: relative; overflow: hidden; width: 47%; float: left; margin: 0 .6%; }
    .waterfull ul li img { width: 100%; }
}
.partent-list li .bao img{ display: block;  }
.partent-list li .bao h2 {
    display:inline-block;
    background: #fff;
    border: 1px solid #dadada;
    font-size: 16px;
    color: #666666;
    padding: 10px 18px;
    line-height: 16px;
    font-weight: 500;
    border-radius: 20px;
    position: relative;
    bottom: -14px;
}

.choose_city {
    position:relative;
    margin:14px auto 0 auto; 
    height:auto;
    font-size:14px;
    border:5px solid #f10215;
    background:#fff;
}
.choose_city .city_bg {
    display:block;
    position:absolute;
    top:20px;
    right:10px;
    width:253px;
    height:115px;;
}
.choose_city .city_bg:after{ content:''; display:inline-block; position:absolute; left:0px; top:0px; bottom:0px; right:0px;    background:url(http://style.stone100.com/style/images/nationwide_ico.png) no-repeat 0 0;opacity:.4;filter:alpha(opacity=40)}
.choose_city .cs_zs {
    margin-bottom:20px;
    overflow:hidden;
    clear:both
}
.choose_city .cs_zs .xzcs_dt a {
    margin:0 18px 12px 0;
    font-size:12px;
    color:#5f675e
}
.choose_city .cs_zs .xzcs_dt a.se_cur {
    color:#ff7e00;
    font-size:14px;
    font-weight:bold
}
.choose_city .rmcs {
    margin-top:17px;
    overflow:hidden; 
    padding: 16px 0;
    clear:both;
    position: relative;
    z-index: 3;
}
.choose_city .title_type1,.choose_city .title_type2 {
    padding-left:28px;
    width:118px;
    float:left;
    font-weight:bold;
    color:#333
}
.choose_city .title_type2 {
    color:#595959
}
.choose_city .xzcs_dt {
    padding-left: 118px;
    position: relative;
    
}
.choose_city .rmcs span,.choose_city .rmcs span a {
    color:#f36f20;
    float:left
}
.choose_city .cs_zs .xzcs_dt span a {
    color:#2baa1b
}
.choose_city .xzcs_dt a {
    margin-right:28px;
    display:inline-block
}
.choose_city .rm_gkt {
    float:left;
    font-size:12px;
    color:#333;
    line-height: 24px;
}
.choose_city .xzcs_dt .rm_gkt i {
    color:#f36f20
}
.choose_city .rm_cz {
    margin-top:3px;
    _margin-top:10px;
    line-height:30px
}
.choose_city .rm_cz select { 
    border:1px solid #d7d7d7;
    vertical-align:middle;
}
 
.choose_city .rm_cz select {
    width:133px;    height: 34px; padding: 0 0 0 7px;
}
.choose_city .rm_cz .smt {
    width:68px;
    height:21px;
    line-height: 21px;
    text-align:center;
    border:none;
    color:#fff;
    font-weight:bold;
    background:#ff7b00;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    border-radius:3px;
    transition:.3s background linear;
    cursor:pointer;
    overflow:hidden;
    vertical-align:middle
}
.choose_city .rm_cz .smt:hover {
    background:#ff9300
}

.letter_search {
    margin:20px 0 20px 0;
    overflow:hidden; 
    padding: 10px 0;
    border-top:1px solid #d7d7d7;
    border-bottom:1px solid #d7d7d7;
    background:#f4f4f4;
     position: relative;
    z-index: 33;
}
.letter_search strong.title_type2 {
    width:auto
}
.letter_search .letter_list {
    float: right; 
    overflow: hidden;
    position: relative;  
    padding: 0 20px;
}

.letter_search .letter_list a {
    display:inline-block;
    font-size:14px;
    color:#666;
    width:30px;
    height:25px;
    line-height:25px;
    text-align:center;
    overflow:hidden;
   
}
*+html .letter_search .letter_list {
    margin-top:0;
}
.letter_search .letter_list a.se_cur {
    background:#f10215;
    color:#fff; 
}
 .index-xgt-tumb-info h6{ text-align: center; }

@media(max-width: 780px){
.letter_search .letter_list { float: none; } 
.choose_city .rm_cz select {
    width: 90%;
    margin:0px auto 10px;
    display: block;
}
.choose_city .cs_zs{ margin-bottom:0  }
.choose_city .title_type1, .choose_city .title_type2 {
    padding-left:5px; float: none; 
}
.choose_city .rm_cz .smt{
    width: 90%;
    margin:0 auto;
    display: block;
    padding: 3px 7px 3px 0;
}
.choose_city .xzcs_dt{padding: 0 5px;}
.choose_city{ border: none; }
.choose_city .city_bg{ display: none; }
}
.ct-list{ text-align:left; padding:0 30px 30px 30px;}
.ct-list dt.tit{ border-bottom:solid 1px #ddd; line-height:45px;font-size: 18px;color: #666; width:100%; float:none; font-weight:normal; position:static;}
.ct-list dt{ position:absolute; margin:10px 50px 10px 0; color:#000;}
.ct-list dd{ padding-left:50px; display:block;}
.ct-list dd a,.ct-list dd span{ margin:10px; display:inline-block; color: #5f675e;}
.ct-list dd span{ color:#999;}
@media (max-width: 780px){
.partent-list li .bao{ margin:35px auto; float:none; }
.partent-list li .bao img{ margin: 0 auto; }
}

#leftsead{width:61px;height:143px;position:fixed;top:258px;right:18px; z-index:99999; font-size:12px;}
*html#leftsead{right:30px;}
*+html#leftsead{ right:30px;}
#leftsead li{width:61px;height:60px;}
#leftsead li img{float:right;}
#leftsead li a{height:60px;float:right;display:block;min-width:60px;max-width:150px;}
#leftsead li a .pic{ width:60px; height:60px; position:relative; overflow:hidden;}
#leftsead li a .pic img{ position:absolute;}
#leftsead li a .shows{position:absolute; top:0; left:0;transition: all ease-out .3s;}
#leftsead li a .hides{ position:absolute; top:0; left:60px;transition: all ease-out .3s;}
.to-top{ width: 60px; margin-left: 1px;}
.to-top img{ width: 100%; margin-top:0px;}
#leftsead ul:hover li.hover a .hides{ left:0px;}
#leftsead ul:hover li.hover a .shows{ left:-60px;}
/*#leftsead li:hover a .hides{ left:0px;}
#leftsead li:hover a .shows{ left:-60px;}*/
.leftsead-box{ width:220px; border:solid 1px #ddd;display:none;position:absolute;right:65px;top:-90px; background:#fff; text-align:center;}
.weixin-box.leftsead-box{ top:20px; width:120px;}
.leftsead-box p{ line-height:30px;color:#666; text-align: center}
.ke-title{ padding-top:10px;}
#leftsead li .leftsead-box p img{ float:none;}
.leftsead-box p.p1,.leftsead-box p.p2{ border-top:solid 1px #ddd; padding:10px 0 10px 20px; text-align:left;}
.leftsead-box p img{ vertical-align:middle; }
.leftsead-box p.ke-code img{ margin: 0 auto; }
#leftsead li .leftsead-box p.p img{ float: left; }
.qrcode-img-area{ margin-top:20px;}
#thumb-list .owl-pagination{ display:none !important;}