.ty-banner-1 {
	margin-top:80px;
    overflow: hidden;
    line-height: 0;
    text-align:center;
}
.ty-banner-1 img{
    
}
.p1-search-1 {
    background: #f2f2f2;
    height: 82px;
    border-bottom: 1px solid #eee;
    overflow: hidden;
    font-size: 14px;
}

.p1-search-1 p {
    color: #444;
    line-height: 82px;
}

.p1-search-1 a {
    color: #444;
    display: inline-block;
    margin-right: 15px;
}

.p1-search-1-inp {
    width: 270px;
    height: 30px;
    border-radius: 20px;
    background: #fff;
    padding-left: 10px;
    margin-top: 28px;
}

.p1-search-1-inp input {
    border: 0;
}

.p1-search-1-inp1 {
    width: 224px;
    height: 30px;
    line-height: 30px;
    color: #a9a9a9;
    float: left;
}

.p1-search-1-inp2 {
    width: 30px;
    height: 30px;
    background: url(../images/VISkins-p1.png) no-repeat -258px -936px;
    float: right;
    cursor: pointer;
}


.p12-curmbs-1 {
    font-size: 14px;
    border-bottom: 1px dashed #dcdcdc; line-height: 65px;
}
.p12-curblock{
    display: none;
}
.p12-curmbs-1 b {
    border-left: 10px solid #ff7d00;
    font-weight: normal;
    padding-left: 8px;
} 
.p12-curmbs-1 i {
    font-style: normal;
}

.p12-curmbs-1 span {
    font-family: '宋体';
    padding: 0 5px;
    height: 46px;
    line-height: 46px;
}


.cplb-3n-ts-03-tit {
    height: 50px;
    font-size: 24px;
    font-weight: normal;
    line-height: 50px;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 15px;
}

.cplb-3n-ts-03-tit span {
    display: inline-block;
    height: 50px;
    border-bottom: 1px solid #ff7d00;
}

.cplb-3n-ts-03-list dl {
    width: 32.1%;
    border: 2px solid #dedede;
    margin-bottom: 15px;
    background: #fff;
    float: left;
    margin-right: 1%;
}

.cplb-3n-ts-03-list dl:nth-child(3n) {
    margin-right: 0;
}

.cplb-3n-ts-03-list dt img {
    width: 100%;
    margin: 0 auto;
    display: block;
}

.cplb-3n-ts-03-list dd {
    padding: 6px 20px 5px 20px;
}

.cplb-3n-ts-03-list dd h4 {
    height: 45px;
    font-weight: normal;
    font-size: 18px;
    color: #154c64;
    line-height: 45px;
    overflow: hidden;
}

.cplb-3n-ts-03-list h4 a {
    display: block;
    height: 45px;
    color: #727272;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cplb-3n-ts-03-list dl:hover h4 a {
    color:  #31b378;
}

.cplb-3n-ts-03-list-desc {
    height: 40px;
    font-size: 14px;
    line-height: 20px;
    color: #666;
    margin-bottom: 12px;
    overflow: hidden;
}

.cplb-3n-ts-03-list-deta {
    width: 100px;
    height: 40px;
    display: inline-block;
    border: 1px solid #aaa;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
}

.cplb-3n-ts-03-list dl:hover {
    border-color:  #31b378;
}

.cplb-3n-ts-03-list dl:hover a {
    color:  #31b378;
}


.fdh-01-tit {
    background: #31b378;
    height: 80px;
}

.fdh-01-tit h2 {
    height: 75px;
    font-size: 24px;
    font-weight: normal;
    line-height: 75px;
    color: #fff;
    border-bottom: 1px solid #fff;
    text-align: center;
}

.fdh-01-tit h2 span {
    font-size: 14px;
    text-transform: uppercase;
}

.fdh-01-nav-one h3 {
    height: 50px;
    line-height: 50px;
    background:#ececeb;
    margin-bottom: 2px;
    overflow: hidden;
}

.fdh-01-nav-one h3 a {
    display: block;
    font-size: 18px;
    font-weight: normal;
    margin-right: 40px;
    margin-left: 18px;
    color: #666666;
    overflow: hidden;
}

.fdh-01-nav-one h3.sidenavcur,
.fdh-01-nav-one h3:hover {
    background: url(../images/p14-icon2.png) no-repeat right center #31b378;
}

.fdh-01-nav-one h3.sidenavcur a,
.fdh-01-nav-one h3:hover a {
    color: #fff;
}

.fdh-01-nav dl {
    padding: 2px 0 4px;
}

.fdh-01-nav dt {
    height: 50px;
    font-size: 16px;
    line-height: 50px;
    padding-left:20px;
    padding-right: 15px;
    margin-bottom: 1px;
    background: #ececec;
    position: relative;
    overflow: hidden;
}

.fdh-01-nav dt:after {
    content: "";
    width: 8px;
    height: 8px;
    border: 2px solid #b8b8b8;
    border-style: solid solid none none;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -4px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.fdh-01-nav dt.sidenavcur:after,
.fdh-01-nav dt:hover:after {
    border-color: #31b378;
}

.fdh-01-nav dt.sidenavcur a,
.fdh-01-nav dt:hover a {
    color: #31b378;
}

.fdh-01-nav dd {
    border: 1px solid #ececec;
    border-bottom: 0;
}

.fdh-01-nav p {
    height: 50px;
    font-size: 14px;
    line-height: 50px;
    padding-left: 72px;
    padding-right: 40px;
    border-bottom: 1px solid #ececec;
    background: #fff;
    position: relative;
    overflow: hidden;
}

.fdh-01-nav p.sidenavcur a,
.fdh-01-nav p:hover a {
    color: #31b378;
}

.fdh-01-nav p.sidenavcur:after,
.fdh-01-nav p:hover:after {
    background: #ff7d00;
}

.fdh-01-nav a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.p6-order-form-1 {
    margin-bottom: 20px;
    overflow: hidden;
}

.p6-order-form-1-add {
    border: 1px solid #eee;
    overflow: hidden;
    margin-bottom: 65px;
}

.p6-order-form-1-add h3 {
    height: 76px;
    line-height: 76px;
    font-size: 24px;
    color: #fff;
    background: #31b378;

}
.fdh-01-tit h3 {
    height: 75px;
    font-size: 24px;
    font-weight: normal;
    line-height: 75px;
    color: #fff;
    border-bottom: 1px solid #fff;
    text-align: center;}
.fdh-01-tit {
    background: #31b378;
    height: 80px;}

.p6-order-form-1-add ul {
    padding: 20px 10px;
}

.p6-order-form-1-add li {
    font-size: 14px;
    line-height: 34px;
    color: #666;
}
.p6-order-form-1-add li.ema{ font-size:12px;}
.p6-order- form-1-add li.li01 {
    font-size: 20px;
    line-height: 42px;
    color: #c30101;
}

.p15-showcase {
    position: relative;
    padding: 12px 18px 16px 20px;
    margin-bottom: 15px;
    background: #fff;
    border: 1px solid #eee;
}

.p15-showcase-right-con {
    line-height: 24px;
    font-size: 14px;
    max-height: 168px;
    margin-bottom: 86px;
    overflow: hidden;
}

.p15-showcase-left {
    position: relative;
    width: 44.7%;
    float: left;
    line-height: 0;
    overflow: hidden;
    border: 1px solid #e7e7e7;
    margin-right: 3.3%;
}

.p15-showcase-left-jt {
    width: 12px;
    height: 23px;
    position: absolute;
    top: 50%;
    margin-top: -11px;
    cursor: pointer;
    z-index: 33;
}

.p15-showcase-left-prev {
    left: 10px;
}

.p15-showcase-left-next {
    right: 10px;
}

.p15-showcase-left-size {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 56px;
    height: 28px;
    font-size: 14px;
    line-height: 16px;
    padding: 0 15px;
}

.p15-showcase-left-size em {
    font-style: normal;
}

.p15-showcase-left-pic {
    width: 100%;
    text-align: center;
}

.p15-showcase-left-pic li {
    float: left;
}

.p15-showcase-left-pic img {
    width: 100%;
    display: block;
}

.p15-showcase-right {
    width: 51.6%;
    float: left;
}
.p15-showcase-right-tit {
    height: 40px;
    font-size: 24px;
    line-height: 40px;
    color: #454545;
    margin-bottom: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.pc-cx-tel-1 {
    width: 50%;
    height: 56px;
    border-top: 2px solid #e6e6e6;
    padding-top: 10px;
    position: absolute;
    bottom: 16px;
    right: 2%;
}

.pc-cx-tel-1-t1 {
    width: 114px;
    height: 44px;
    background: #31b378;
    font-size: 18px;
    line-height: 44px;
    text-align: center;
    float: right;
}

.pc-cx-tel-1-t1 a {
    display: block;
    color: #fff;
}

.pc-cx-tel-1-t2 {
    height: 56px;
    padding-left: 70px;
    background: url(../images/pc-xc-icon2.png) no-repeat 10px top;
    font-size: 18px;
    line-height: 18px;
    color: #454545;
}

.pc-cx-tel-1-t2 p {
    line-height: 24px;
}

.p14-prodcontent-1 {
    background: #fff;
    padding: 32px 0 42px;
    margin-bottom: 22px;
}

.p14-prodcontent-1-tit {
    height: 40px;
    font-size: 24px;
    line-height: 40px;
    border-bottom: 2px solid #d4d4d4;
    margin-bottom: 20px;
}

.p14-prodcontent-1-tit span {
    display: inline-block;
    height: 40px;
    color: #464646;
    border-bottom: 2px solid  #333333;
    padding-left: 34px;
    background: url(../images/p14-icon11.png) no-repeat 2px center;
}

.p14-prodcontent-1-tit em {
    font-size: 18px;
    font-family: Arial;
    text-transform: uppercase;
    font-style: normal;
    color: #c2c2c1;
}

.p14-product-2-tit {
    height: 46px;
    line-height: 46px;
    border-bottom: 2px solid #dfdfdf;
    margin-bottom: 30px;
    padding-top: 26px;
}

.p14-product-2-tit b {
    display: inline-block;
    font-size: 24px;
    font-weight: normal;
    color: #464646;
    padding-left: 52px;
    border-bottom: 2px solid #333333;
    background:url(../images/p14-icon11.png) no-repeat 22px center;
}

.p14-product-2-tit span {
    margin-left: 10px;
    font-size: 18px;
    font-family: Arial;
    color: #c2c2c1;
    text-transform: uppercase;
}

.p14-product-2-list dl {
    float: left;
    width: 32%;
    border: 1px solid #dfdfdf;
    margin-right: 1.5%;
    box-sizing: border-box;
}

.p14-product-2-list dl:nth-child(3n){
    margin-right: 0;
}

.p14-product-2-list dl img {
    display: block;
    width: 100%;
}

.p14-product-2-list dd {
    padding: 10px 28px 10px 10px;
    margin-right: 2px;
    position: relative;
}

.p14-product-2-list h3 {
    height: 30px;
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    color: #191919;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.p14-product-2-list h3 a {
    color: #191919;
}

.p14-product-2-desc {
    font-size: 14px;
    line-height: 24px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.p14-product-2-list dl:hover {
    border-color: #0072c1;
}

.p14-product-2-list dl:hover h3 a {
    color: #0072c1;
}
.p12-curmbs-1 {
            font-size: 14px;
            border-bottom: 1px dashed #dcdcdc;
        }
        .p12-curblock{
            display: none;
        }
        .p12-curmbs-1 b {
            border-left: 10px solid #f6f6f6;
            font-weight: normal;
            padding-left: 8px;
        } 
        .p12-curmbs-1 i {
            font-style: normal;
        }
        
        .p12-curmbs-1 span {
            font-family: '宋体';
            padding: 0 5px;
            height: 46px;
            line-height: 46px;
        }
    

        .fdh-01-tit {
            background: #000000;
            height: 80px;
        }
        
        .fdh-01-tit h3 {
            height: 75px;
            font-size: 24px;
            font-weight: normal;
            line-height: 75px;
            color: #fff;
            border-bottom: 1px solid #fff;
            text-align: center;
        }
        
        .fdh-01-tit h3 span {
            font-size: 14px;
            text-transform: uppercase;
        }
        
        .fdh-01-nav-one h3 {
            height: 50px;
            line-height: 50px;
            background: #f4f4f4;
            margin-bottom: 2px;
        }
        
        .fdh-01-nav-one h3 a {
            display: block;
    font-size: 18px;
    font-weight: normal;
    margin-right: 10px;
    margin-left: 10px;
    color: #444;
    text-align: center;
        }
        
        .fdh-01-nav-one h3.sidenavcur,
        .fdh-01-nav-one h3:hover {
            background: #31b378;
        }
        
        .fdh-01-nav-one h3.sidenavcur a,
        .fdh-01-nav-one h3:hover a{
            color: #fff;
        }
        .fdh-01-nav-one{float: left; width: 33.28%;
    box-sizing: border-box;
    border-right: 2px solid #fff;}
        .fdh-01-nav dl {
            padding: 2px 0 4px;float: left; width: 10%;
        }
        
        .fdh-01-nav dt {
            height: 50px;
            font-size: 16px;
            line-height: 50px;
            padding-left: 54px;
            padding-right: 40px;
            margin-bottom: 1px;
            background: #ececec;
            position: relative;
        }
        
        .fdh-01-nav dt:after {
            content: "";
            width: 8px;
            height: 8px;
            border: 2px solid #b8b8b8;
            border-style: solid solid none none;
            position: absolute;
            top: 50%;
            right: 32px;
            margin-top: -4px;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
        }
        
        .fdh-01-nav dt.sidenavcur:after,
        .fdh-01-nav dt:hover:after {
            border-color:  #000000;
        }
        
        .fdh-01-nav dt.sidenavcur a,
        .fdh-01-nav dt:hover a {
            color:  #000000;
        }
        
        .fdh-01-nav dd {
            border: 1px solid #ececec;
            border-bottom: 0;
        }
        
        .fdh-01-nav p {
            height: 50px;
            font-size: 14px;
            line-height: 50px;
            padding-left: 72px;
            padding-right: 40px;
            border-bottom: 1px solid #ececec;
            background: #fff;
            position: relative;
        }
        
        .fdh-01-nav p.sidenavcur a,
        .fdh-01-nav p:hover a {
            color:  #000000;
        }
        
        .fdh-01-nav p.sidenavcur:after,
        .fdh-01-nav p:hover:after {
            background: #f6f6f6;
        }
        
        .fdh-01-nav a {
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
    

  .scale_img dl img, .scale_img li img { -o-transition: all .8s ease 0s; transition: all .8s ease 0s }
.scale_img dl:hover img, .scale_img li:hover img { -webkit-transform: scale(1.1) rotate(0deg) translateY(0); -ms-transform: scale(1.1) rotate(0deg) translateY(0); transform: scale(1.1) rotate(0deg) translateY(0) }
.pro_con dl { width: 392px; height: 488px; position: relative;float: left;margin-right: 10px; }
.pro_con dl:nth-child(3n){margin-right: 0;}
.pro_con dl dt { width: 392px; height: 300px; margin: 0 auto; }
.pro_con dl dt img { width: 392px; height: 289px;box-sizing:border-box;padding:30px; }
.pro_con dl dd { text-align: center }
.pro_con dl dd h3 a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 266px; margin: 3px auto 13px; padding-bottom: 15px; border-bottom: 1px solid #8B8B8B; font-size: 24px; color: #363636; line-height: 100%;font-weight:normal; }
.pro_con dl dd .describe { height: 14px; overflow: hidden; }
.pro_con dl dd .describe >*{display: none;}
.pro_con dl dd .describe .desc{display: block;}
.pro_con dl dd .desc { height: 14px; overflow: hidden }
.pro_con dl dd .desc>p { line-height: 100%; font-size: 0 }
.pro_con dl dd .desc span { font-size: 14px; color: #363636; line-height: 100%; display: inline-block; padding-left: 19px; margin: 0 9px; position: relative }
.pro_con dl dd .desc span:before { position: absolute; content: ""; width: 5px; height: 5px; background: #222; left: 0; top: 1.5px }
.pro_con dl dd .desc span:before { border: 3px solid #545454; border-radius: 50% }
.pro_con dl dd .desc .color2:before { background-color: #E0C488; border-color: #635027 }
.pro_con dl dd .desc .color3:before { background-color: #161616; border-color: #375B8D }
.pro_con dl dd .desc .color4:before { background-color: #FFF; border-color: #5B5B5B }
.pro_con dl dd .more { line-height: 0; font-size: 0 }
.pro_con dl dd .more a { display: inline-block; width: 93px; height: 35px; box-sizing: border-box; border-radius: 17px; vertical-align: middle; margin: 31px 9px 52px }
.pro_con dl dd .more a.info { font-size: 12px; color: #fff; line-height: 35px; background: #31b378;transition: all ease .4s }
.pro_con dl dd .more a.ask { font-size: 12px; color: #363636; line-height: 29px; text-indent: 29px; background: url(../images/product_ask.png) no-repeat 7px center; border: 3px solid #797979; transition: all ease .4s }
.pro_con dl dd .more a.info:hover { background: #000 }
.pro_con dl dd .more a.ask:hover { border-color: #9F854D }


.product .web-text{border: 1px solid #e9e9e9;font-size: 16px;padding:20px 25px;margin-bottom: 20px;}
.product .web-btn{overflow: hidden;position: relative;z-index: 2;}
.product .web-btn .btn{float: left;width: 40px;height: 40px;line-height: 40px;border:1px solid #ddd;text-align: center;cursor: pointer;}
.product .web-btn .btn.cur{border:1px solid #d5261a}
.product .web-btn .btn1{background: url(../images/pro-btn-1.png) no-repeat center;}
.product .web-btn .btn2{background: url(../images/pro-btn-2.png) no-repeat center;}

.productshow{overflow: hidden;}
.productshow .productshow-tit{text-align: center;width: 80%;margin:0 auto;}
.productshow .productshow-tit .b1{font-size: 30px;}
.productshow .productshow-tit .b2{font-size: 16px;margin-top: 25px;}
.productshow .main-0 .main{overflow: hidden;}
.productshow .main-0 .mainleft{float: left;width: 50%;border-right:1px dashed #d2d2d2 ;padding-right: 5%;}
.productshow .main-0 .mainleft .slider-for{width:100%;overflow: hidden;}
.productshow .main-0 .mainleft .slider-for .zbl-img{padding-top:310px}
.productshow .main-0 .mainleft .slider-nav{width:100%;margin-top:6px;}
.productshow .main-0 .mainleft .slider-nav .img-box{margin: 9px 0;}
.productshow .main-0 .mainleft .slider-nav .zbl-img{padding-top:90px}
.productshow .main-0 .mainright{float: right;width: 50%;padding-left: 5%;}
.productshow .main-0 .mainright .b1{font-size: 30px;font-weight:bold;border-bottom: 1px solid #ddd;margin-bottom: 25px;padding-bottom: 10px;}
.productshow .main-0 .mainright .b2{font-size: 16px;margin-bottom: 20px;line-height: 25px;}
.productshow .main-0 .mainright .b3{font-size: 14px;line-height: 40px;overflow: hidden;}
.productshow .main-0 .mainright .b3 .rx{float: left;}
.productshow .main-0 .mainright .b3 .rx span{font-size: 24px;font-weight: bold;color: #d02127;margin-left: 10px;}
.productshow .main-0 .mainright .b4{margin-top: 20px;}
.productshow .main-0 .mainright .b4 .zxbtn{cursor: pointer;position: relative;font-size: 16px;background:#ff5e14;color: #fff;display: inline-block;padding: 0 25px;line-height: 40px;margin-right: 10px;}
.productshow .main-0 .mainright .b4 .zxbtn:nth-child(2){background: #333;}
.productshow .main-0 .mainright .b4 .zxbtn .ewm{display: none;position:absolute;left: 0;bottom: 100%;width: 100%;border:1px solid #f0c635}
.productshow .main-0 .mainright .b4 .zxbtn .ewm img{display: block;width: 100%;}
.productshow .main-0 .mainright .b4 .zxbtn:hover .ewm{display: block;}
.productshow .main-2 .show{background: #f0f0f0;padding: 35px 50px;}
.productshow .main-3 table{width: 100%;border-collapse:collapse;}
.productshow .main-3 tr td{padding:5px 30px;border: 3px solid #fff;}
.productshow .main-3 tr:nth-child(1) td{background: #ec561e;color: #fff;}
.productshow .main-3 tr:nth-child(2n) td{background: #f0f0f0;}
.productshow .main-4 .main{padding: 40px 50px;overflow: hidden;background: #e5e2e2;}
.productshow .main-4 td{width: 50%;padding: 10px;}
.productshow .main-4 td:nth-child(1) .img-box{padding: 0;}
.productshow .main-4 td:nth-child(1) .zbl-img{padding-top: 57%;}
.productshow .main-4 td:nth-child(2){font-size: 18px;line-height: 35px;padding-left: 8%;}
.productshow .main-5 td{padding: 30px;min-width:250px;}
.productshow .main-5 td img{max-width: 100%;}
.productshow .main-5 td .b1{font-size: 36px;color: #333;font-weight: bold;margin-bottom: 20px;}
.productshow .main-5 td .b2{font-size: 18px;color: #333;font-weight: bold;}
.productshow .main-5 td .b3{font-size: 16px;color: #333;line-height: 35px;margin-bottom: 10px;}
.productshow .main-5 td .b4{font-size: 18px;color: #333;font-weight: bold;}
.productshow .main-5 td .b4 img{display: inline-block;vertical-align: middle;margin-right:5px;}
.productshow .main-5 td .b4 span{display: inline-block;vertical-align: middle;}
.productshow .main-6 td{width: 50%;background: #ededed;}
.productshow .main-6 td:last-child{border-left:10px solid #fff;}
.productshow .main-6 td .img-box{padding: 0;}
.productshow .main-6 td .txt-box{padding: 30px 70px;font-size: 16px;line-height: 35px;}
.productshow .main-7 .main{max-width:1200px;margin:auto}
.productshow .main-7 .box{margin-bottom: 20px;}
.productshow .main-7 .box:after{content: "";display: block;clear: both;}
.productshow .main-7 .xing{position: relative;}
.productshow .main-7 .xing:before{content: "*";position:absolute;left:10px;top: 12px;color: red;}
.productshow .main-7 input{display: inline-block;vertical-align: middle;width:50%;height: 50px;line-height: 50px;font-size: 18px;color: #333;padding:0 20px}
.productshow .main-7 textarea{width: 80%;height: 180px;font-size: 18px;color: #333;padding:10px 20px}
.productshow .main-7 img{display: inline-block;vertical-align: middle;width: 100px;height: 50px;}
.productshow .main-7 input[type="submit"]{display: block;font-size: 24px;width: 100px;height: 50px;line-height: 50px;background: #004099;color: #fff;border:0;border-radius:3px;}
@media only screen and (max-width:1024px) {
	.productshow .main-0 .mainleft .slider-for .zbl-img{padding-top:250px}
	.productshow .main-0 .mainleft .slider-nav .zbl-img{padding-top:70px}
	.productshow .main-0 .mainright .b1{font-size: 24px;margin-bottom: 10px;}
	.productshow .main-0 .mainright .b2{font-size: 14px;margin-bottom: 10px;}
	.productshow .main-0 .mainright .b3 .rx{width: 100%;}
	.productshow .main-0 .mainright .b3 .rx span{font-size: 20px;}
	.productshow .main-0 .mainright .b3 .zxbtn{float: left;width: ;line-height: 30px;font-size: 14px;}
}
@media only screen and (max-width:980px) {
	.productshow .productshow-tit {width: 100%;}
	.productshow .productshow-tit .b1{font-size: 24px;}
	.productshow .productshow-tit .b2{font-size: 14px;margin-top:15px;}
	.productshow .main-0 .mainright .b1{font-size: 20px;}
	.productshow .main-2 .show{padding: 15px 20px;}
	.productshow .main-4 .main{padding: 20px 30px;}
	.productshow .main-4 td{padding: 5px;}
	.productshow .main-4 td:nth-child(2){font-size: 16px;line-height: 25px;padding-left:20px;}
	.productshow .main-5 td{min-width:200px;}
	.productshow .main-5 td .b1{font-size: 24px;margin-bottom: 10px;}
	.productshow .main-5 td .b2{font-size: 16px;}
	.productshow .main-5 td .b3{font-size: 14px;line-height: 25px;margin-bottom: 5px;}
	.productshow .main-5 td .b4{font-size: 16px;}
	.productshow .main-6 td .txt-box{padding: 10px 30px;font-size: 14px;line-height: 25px;}
	.productshow .main-7 .box{margin-bottom: 15px;}
	.productshow .main-7 input{height: 45px;line-height: 45px;font-size: 16px;}
	.productshow .main-7 select{height: 45px;line-height: 45px;font-size: 16px;}
	.productshow .main-7 textarea{height: 150px;font-size: 16px;}
	.productshow .main-7 img{height: 45px;}
	.productshow .main-7 input[type="submit"]{font-size: 20px;}
}
@media only screen and (max-width:640px) {
	.productshow .main-0 .mainleft{width: 100%;padding-right:0;border-right:0;margin-bottom: 15px;}
	.productshow .main-0 .mainright{width: 100%;padding-left: 0;}
	.productshow .main-0 .mainright .b3{text-align: center;}
	.productshow .main-0 .mainright .b4{text-align: center;}
	.productshow .main-0 .mainright .b5{text-align: center;}
	.productshow .main-4 .main{padding: 10px;}
	.productshow .main-4 td{display: block;width: 100%;padding:5px !important;}
	.productshow .main-4 td:nth-child(2){font-size: 14px;line-height: 20px;}
	.productshow .main-5 td{min-width:150px;padding: 10px;}
	.productshow .main-5 td .b1{font-size: 18px;margin-bottom: 5px;}
	.productshow .main-5 td .b2{font-size: 14px;}
	.productshow .main-5 td .b4{font-size: 14px;}
	.productshow .main-6 td {display: block;width: 100%;}
	.productshow .main-6 td:last-child{border-left:0}
	.productshow .main-6 td .txt-box{padding: 10px 15px;}
	.productshow .main-7 .box{margin-bottom: 10px;}
	.productshow .main-7 input{width: 100%;height: 40px;line-height: 40px;font-size: 14px;}
	.productshow .main-7 select{height: 40px;line-height: 40px;font-size: 14px;}
	.productshow .main-7 textarea{width: 100%;height: 120px;font-size: 14px;}
	.productshow .main-7 img{height: 40px;}
	.productshow .main-7 input[type="submit"]{font-size: 16px;line-height: 30px;height: 30px;}
}

.pro_kt{padding-top:77px;height: 840px;overflow: hidden;position: relative;}
.pro_kt .tit{height: 160px;text-align: center;}
.pro_kt .tit h2 {height: 85px;line-height: 85px;font-size:42px;color: #333333;background:url(<?= yii::$app->params['staticUrl'] ?>/images/ico1.jpg) no-repeat center bottom;}
.pro_kt .tit h2 a{color: #0079d5;}
.pro_kt .tit p{height: 59px;line-height: 59px;font-size:16px;color: #333333}
.pro_kt .tit p a{color: #333333;margin-right: 24px;padding-left:11px;background: url(<?= yii::$app->params['staticUrl'] ?>/images/ico2.png) no-repeat left center;}
.pro_kt_nr{background: #e9edf4;height: 648px;background-size:100% 648px;position:relative;}
.pro_kt_a{position: relative;height:720px}
.pro_kt_nr dl{width:1200px;margin:0 auto;}
.pro_kt_nr dt{font-size:0;line-height: 0;width:600px;overflow: hidden;float:left;}
.pro_kt_nr dt img{}
.pro_kt_nr dd{float:right;width:503px;padding-top:100px;}
.pro_kt_nr dd h4{font-size:22px;color: #333333;line-height: 34px;font-weight: normal;}
.pro_kt_nr dd h4 span a {display: block;height: 42px;line-height: 42px;font-size:30px;color: #333333;font-weight: bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.pro_kt_nr dd p{font-size:16px;color: #666666;line-height: 28px;padding-top:24px;height: 122px;overflow: hidden;}
.pro_kt_nr dd em a{font-size:16px;color: #0079d5;padding-right:35px;background: url(<?= yii::$app->params['staticUrl'] ?>/images/pro_ico1.png) no-repeat right;height: 22px;line-height: 22px;}
.pro_kt_t{position: absolute;left:50%;bottom:60px;margin-left:100px;z-index:99;}
.pro_kt_t span{background: url(<?= yii::$app->params['staticUrl'] ?>/images/pro_ico2.png) no-repeat;width: 110px;height: 97px;position: absolute;left:30px;top:0;box-sizing: border-box;text-align: center;padding-top:47px;font-size:20px;color: #fff;line-height: 32px;}
.pro_j1,.pro_j2{position: absolute;top:300px;}
.pro_j1{left:2%;}
.pro_j2{right:2%;}
.container {
      
    }

    .left {
      flex: 1;
      padding: 20px;
      background-color: #f0f0f0;
    }

    .product-image {
      width: 100%;
      height: auto;
      max-height: 50vh;
      object-fit: contain;
    }

    .icons {
      display: flex;
      justify-content: space-between;
      margin-top: 50px;
    }

    .icon {
      width: 100px;
      text-align: center;
    }

    .icon img {
      width: 50px;
      height: 50px;
	  margin-bottom: 20px;
    }

    .right {
      flex: 1;
      padding: 20px;
      background-color: #fff;
	  padding: 0 20px 20px 20px;
    }
	.title {
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 20px;
    }
    table {
      width: 100%;
      border-collapse: collapse;
    }

    th, td {
      padding: 10px;
      text-align: left;
      border-bottom: 1px solid #ccc;
    }
	body {
      
    }

    .image-container {
      position: relative;
      height: 580px;
	  margin: 0;
      padding: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      
    }

    .overlay {
      position: absolute;
      top: 100px;
      left: 50%;
      transform: translateX(-50%);
      width: 1200px;
      
      padding: 20px;
      border-radius: 10px;
    }

    .left-content {
      float: left;
      width: 50%;
    }

    .right-content {
      float: right;
      width: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .image {
      max-width: 100%;
      max-height: 100%;
      border-radius: 10px;
    }

    .title {
      font-size: 34px;
      font-weight: bold;
      margin-bottom: 10px;
	  color:#fff
    }

    .overlay .description {
      font-size: 17px;
      margin-bottom: 20px;
	  color:#fff;
	  margin-top: 20px;
    }

    .subtitle {
      font-size: 18px;
	  color:#fff;
	  line-height: 30px;
    }

    .button-container {
      display: flex;
      gap: 20px;
	  margin-top: 20px;
    }

    .button {
      padding: 10px 20px;
      font-size: 16px;
      background-color: #ff5e14;
      color: #fff;
      border: none;
      border-radius: 5px;
      cursor: pointer;
    }

    .button:hover {
      background-color: #0056b3;
    }
	.slider-nav .slick-slide{
		margin-left:5px;
	}
	 .daohang{
		 width:100%;display:block;height:80px;background-color: #ECF3FF;
	 }
	 .daohang ul{
		 width:1200px;display: flex;margin: 0 auto;
	 }
	 .daohang ul li{
		 width:200px;height: 80px;
line-height: 80px;
text-align: center;
	 }
	 .daohang ul li a{
		 color:#022061;
		 font-size: 20px;
	 }
	 .containers {
      max-width: 1200px;
      margin: 0 auto;
      padding: 20px;
	  display: inline-flex;
    }

    .section {
      display: inline-block;
      width: 50%;
      vertical-align: top;
	  padding: 20px;
    }

    .section-title {
      font-size: 24px;
      margin-bottom: 10px;
	  text-align: center;
    }

    .section-divider {
      width: 10%;
      height: 1px;
      border-bottom: 1px dashed #000;
	  margin: 0 auto;
      margin-bottom: 20px;
	  margin-top: 20px;
	  
    }
	.section-dividers {
      width: 10%;
      height: 1px;
      border-bottom: 1px solid #000;
	  margin: 0 auto;
      margin-bottom: 20px;
	  margin-top: 20px;
	  
    }

    .image {
      max-width: 100%;
      height: auto;
      margin-bottom: 20px;
    }

    .containers .description {
      font-size: 16px;
      line-height: 1.6;
	  color:#000;
	  font-family: neuzeit-grotesk,sans-serif;
    }
	.containerss {
      max-width: 1200px;
      margin: 0 auto;
      padding: 20px;
	  display:inline-flex;
    }

    .left-section {
      width: 70%;
      display: inline-block;
      vertical-align: top;
    }

    .right-section {
      width: 30%;
      display: inline-block;
      vertical-align: top;
    }

    .containerss .section-title {
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 10px;
    }

    .containerss .description {
      font-size: 16px;
      line-height: 1.6;
      margin-bottom: 20px;
    }

    .containerss .form-container {
      padding: 20px;
      border: 1px solid #ccc;
    }

    .containerss .form-title {
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 10px;
    }

    .containerss .form-input {
      display: block;
      margin-bottom: 10px;
      width: 100%;
      padding: 8px;
    }

    .containerss .form-submit {
      display: block;
      width: 100%;
      padding: 10px;
      background-color: #ff5e14;
      color: #fff;
      border: none;
      cursor: pointer;
    }
	.containerss p{
		width:700px !important;
		max-width:700px !important;
	}
	.case_cont{overflow: hidden;background: #f5f5f5;padding: 40px 0 100px 0;}
.case_list{width: 100%; display: table;}
.case_cont ul{width: 100%;display: table;}
.case_cont li{float: left;width: 25%;*margin-left: -1px;margin-bottom: 20px;overflow: hidden;}
.case_box .case_box_in{color: #fff; position: relative;}
.case_box .case_box_in .ratio-img{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}
.case_box a{display: block;position: relative;color: #fff;}
.case_box .red_bg95 a{display: block; width: 100%;height: 100%;}
.case_box_in .ratio-img {transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}
.case_box_in .ratio-img a{transition: 0s all;-webkit-transition: 0s all;-moz-transition: 0s all;-o-transition: 0s all;-ms-transition: 0s all; height: 100%}
.case_box a:hover{color: #fff !important;}
.case_inf em{padding: 0 25px;opacity:0.3;filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity:0.3;}
.case_box .case_tit{position: absolute;left: 0; bottom: 20px; width: 100%;}
.case_box .case_tit .case_tit_p{padding: 0 30px;}
.case_box .case_tit .case_tit_p .case_inf{margin-top: 0;}
.red_bg95{position: absolute;top:0;left: 0; width: 100%; height: 100%;background: #2575fc;border-top: 3px solid #b58f65;box-sizing: border-box;
transition: 0.6s all;-webkit-transition: 0.6s all;-moz-transition: 0.6s all;-o-transition: 0.6s all;-ms-transition: 0.6s all;
opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;
-webkit-transform: translateY(100%);-moz-transform: translateY(100%);-o-transform: translateY(100%);-ms-transform: translateY(100%);transform: translateY(100%);
}
.case_box .ratio-img img{height: 100%;}
.case_text{position: absolute;left: 0; bottom: 20px; width: 100%;z-index: 9;

}
.case_text_int{padding:0 30px;}
.case_text_int h1{}
.case_text_int h1 p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case_inf{line-height: 1.7em;max-height: 3.4em;overflow: hidden;}
.case_inf a{display: inline-block;}
.case_text_p{line-height: 1.7em;max-height: 6.8em;overflow: hidden;margin-top: 10px; margin-bottom: 30px;
opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;
position: absolute; 
-webkit-transform: translateY(-80px);-moz-transform: translateY(-80px);-o-transform: translateY(-80px);-ms-transform: translateY(-80px);transform: translateY(-80px);


}
.case_cont li .case_box{padding: 0 10px;}
.case_cont .pageout{margin-bottom: 0;}

.hot_bg01{position: absolute;top:0;left: 0; width: 100%;height: 100%; background: rgba(0,0,0,0.1);}
.hot_bg02{background: url(../images/hot_bg01.png) no-repeat;position: absolute; left:0;bottom: 0;width: 100%; height: 100%;    background-size: 100%;}


/*大宅案例*/
.case_cont{overflow: hidden;background: #f5f5f5;padding: 40px 0 100px 0;}
.case_list{width: 100%; display: table;}
.case_cont ul{width: 100%;display: table;}
.case_cont li{float: left;width: 25%;*margin-left: -1px;margin-bottom: 20px;overflow: hidden;}
.case_box .case_box_in{color: #fff; position: relative;}
.case_box .case_box_in .ratio-img{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}
.case_box a{display: block;position: relative;color: #fff;}
.case_box .red_bg95 a{display: block; width: 100%;height: 100%;}
.case_box_in .ratio-img {transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}
.case_box_in .ratio-img a{transition: 0s all;-webkit-transition: 0s all;-moz-transition: 0s all;-o-transition: 0s all;-ms-transition: 0s all; height: 100%}
.case_box a:hover{color: #fff !important;}
.case_inf em{padding: 0 25px;opacity:0.3;filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity:0.3;}
.case_box .case_tit{position: absolute;left: 0; bottom: 20px; width: 100%;}
.case_box .case_tit .case_tit_p{padding: 0 30px;}
.case_box .case_tit .case_tit_p .case_inf{margin-top: 0;}
.red_bg95{position: absolute;top:0;left: 0; width: 100%; height: 100%;background: rgba(37,117,252,0.6);border-top: 3px solid #b58f65;box-sizing: border-box;
transition: 0.6s all;-webkit-transition: 0.6s all;-moz-transition: 0.6s all;-o-transition: 0.6s all;-ms-transition: 0.6s all;
opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;
-webkit-transform: translateY(100%);-moz-transform: translateY(100%);-o-transform: translateY(100%);-ms-transform: translateY(100%);transform: translateY(100%);
}
.case_box .ratio-img img{height: 100%;}
.case_text{position: absolute;left: 0; bottom: 20px; width: 100%;z-index: 9;

}
.case_text_int{padding:0 30px;}
.case_text_int h1{}
.case_text_int h1 p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case_inf{line-height: 1.7em;max-height: 3.4em;overflow: hidden;}
.case_inf a{display: inline-block;}
.case_text_p{line-height: 1.7em;max-height: 6.8em;overflow: hidden;margin-top: 10px; margin-bottom: 30px;
opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;
position: absolute; 
-webkit-transform: translateY(-80px);-moz-transform: translateY(-80px);-o-transform: translateY(-80px);-ms-transform: translateY(-80px);transform: translateY(-80px);


}
.case_cont li .case_box{padding: 0 10px;}
.case_cont .pageout{margin-bottom: 0;}

/*tab?*/
.screen_tab{display: table; line-height: 24px;margin-top: 20px;width: 100%;}
.screen_tab,.screen_tab a{color: #999999;}
.screen_tab em{margin-right: 35px;float: left;}
.screen_p{float: left;width: calc(100% - 130px);overflow: hidden;}
.screen_p_height{height:34px;}
.screen_p.cur{height: auto;}
.screen_more{float: right;width: 42px;cursor: pointer;display: none;}
.screen_more img{margin-top: 9px;margin-left: 5px;}
.screen_p p{float: left;margin-right: 25px;margin-bottom: 10px;}
.screen_p p a{padding: 0 10px;display: inline-block;}
.screen_p p.on a{background: #6c193c; color: #fff; border-radius: 4px;}
.screen_p p.on a:hover{color: #fff !important;}
.screen_tab li{overflow: hidden;padding: 12px 0;  padding-bottom: 2px; border-bottom: 1px solid #e6e6e6;}

.screen_select{padding: 20px 0;display: table;width: 100%;}
.screen_select_le{float: left;}
.screen_select_le a{float: left;margin-right: 40px;}
.screen_select_le a img{vertical-align: middle;margin-top: -2px;margin-left: 4px;}
.screen_select_re{float: right;}
.zl_year{float: left;}

.year_box .year_select { position: relative; }
.year_box .year_select dt {border: 1px solid #cccccc; background:#fff url(../images/screen_icon01.png) no-repeat right 10px center; padding: 0 10px; padding-right: 20px; cursor: pointer; width:138px; height: 30px; line-height: 30px; box-sizing: border-box;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.year_box .year_select dd {z-index: 999; position: absolute; max-height:150px; overflow-y: auto; overflow-x: hidden; background: #fff; width:100%; left: 0px; top: 29px; display: none;  border: 1px solid #ccc;  box-sizing: border-box;}
.year_box .year_select dd a { display: block; line-height: 30px; color: #a0a0a0; white-space: normal; padding: 0 12px; }
.year_box .year_select dd a:hover { background: #eee; }
.year_box .year_select{ float: left;margin-right: 20px;}

.screen_search{overflow: hidden;padding: 0 10px;width: 138px;border:1px solid #ccc;float: left;}
.screen_search input,.screen_search button{height: 28px; line-height: 28px;border:none;outline: none;background: #fff;}
.screen_search input{width: calc(100% - 20px);float: left;}
.screen_search button{width: 14px;background: url(../images/screen_search.png) no-repeat center center;float: right;}
.screen_search #Button1{width: 14px;background: url(../images/screen_search.png) no-repeat center center;float: right;}



.screen_search :-moz-placeholder {
    color: #999;  
}

.screen_search ::-moz-placeholder {
    color: #999;
}

.screen_search input:-ms-input-placeholder {
    color: #999;
}

.screen_search input::-webkit-input-placeholder {
    color: #999;
}
/*tab?*/
@media only screen and (max-width:1079px) {
.screen_select_le a{margin-right: 30px;}
}

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

.case_cont{padding: 40px 0;}
.case_text{  position: static;background: #6c193c;opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;
-webkit-transform: translateY(0%);-moz-transform: translateY(0%);-o-transform: translateY(0%);-ms-transform: translateY(0%);transform: translateY(0%);}
.case_text_int{padding: 20px; border-top:2px solid #b58f65;}
.case_inf{margin-top: 10px;}
.case_box a{background: #6c193c;}
.case_box .case_tit{display: none;}
.case_inf{max-width: auto;height: 3.4em;}
.case_inf em{padding: 0 10px;}
.screen_tab em{margin-right: 10px;}
.screen_p p{margin-right: 15px;}
.screen_p{ width: calc(100% - 104px);}

.case_text_p{ max-height:inherit; height: 6.8em;  position: static; top:0;opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;
-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px); margin: 10px 0;}

/*tab?*/
.screen_select_le a{margin-right: 15px;}
.year_box .year_select{margin-right: 0px;}
.year_box .year_select{width: 23%;margin-right: 2%;}
.year_box .year_select dt{width: 100%;}
.screen_search{width: 130px;    box-sizing: border-box;}
.screen_select_re{width: calc(100% - 110px);}
.zl_year{width: calc(100% - 130px);}

.hotcont .year_box .year_select{float: right}

/*tab?*/
}

@media only screen and (max-width:767px) {
.pad_b80{padding-bottom:40px;}
.case_list{margin:0;}
.case_cont li{width: 100%;}
.case_cont .pageout{margin-top: 0;}
/*tab?*/
/*.year_box .year_select{position: static;}*/
.year_box{position: relative;}
.screen_select_le{float: none; margin: 0 0.5%;margin-bottom:10px;overflow: hidden;}
.screen_select_re,.zl_year{width: 100%;float: none;}
.year_box .year_select{margin: 0 0.5%;width: 24%;}
.screen_search{margin: 0 0.5%;width: 99%;  }
.year_box .year_select{width: 49%;margin-bottom: 10px;}
.screen_p p{margin-right: 5px;}
.screen_p p a{padding: 0 6px;}
/*.year_box .year_select dd{width: 99%;left: 0.5%;}*/
/*tab?*/
.hotcont .year_box .year_select{width:99%;margin: 0 0.5%;margin-bottom: 10px;}
.case_text_p{height: auto;max-height: 6.8em;}
}




/*大宅案例 详情页*/
.sitemargin .site_cont{margin-bottom: 0;}

.site_banner_text{background: #6d193d;color: #fff;border-top: 3px solid #bc9b69;width: 50%;overflow: hidden; margin-top: -30px;position: relative; z-index: 9;}
.site_banner_text .wrap{width: 620px; float: right;padding:30px 0;padding-right: 20px;}
.site_banner_text h1{display: table;width: 100%;margin-bottom: 25px;}
.line_best{float: left;width: 90px; height: 1px; background: #fff;    margin-top: 6px;}
.site_banner_text h1 span{float: left;line-height: 1.2em;width:calc(100% - 90px)}
.site_banner_p{line-height: 30px;margin-left: 105px;}
.site_banner_p ul{overflow: hidden;}
.site_banner_p li{float: left;margin-right: 5px;min-width: 110px;}
.site_banner_p li:nth-child(3){clear: both;}
.site_banner_p li:nth-child(4),.site_banner_p li:nth-child(5){min-width: 150px;}
.case_edit{padding: 75px 0;}
.case_edit .wrap{max-width: 1094px;}

.about_show{position: relative;overflow: hidden;}
.about_show .swiper-container{padding:40px 0;}
.about_show .swiper-slide a{display: block;cursor: default;}
.about_show .swiper-slide{-webkit-transition:transform 1s;-moz-transition:transform 1s;-ms-transition:transform 1s;-o-transition:transform 1s;-webkit-transition:transform 1s;
-o-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);transform:scale(1); width: 640px;}

.layer-mask{transition:all .5s; position: absolute; width:100%; height: 100%; left:0; top:0; right:0; opacity: 0.7; background:rgba(0,0,0,0.6);}
.about_show .swiper-slide.swiper-slide-active,.about_show .swiper-slide.swiper-slide-duplicate-active{ z-index: 1002;-o-transform:scale(1.15);-webkit-transform:scale(1.15);-ms-transform:scale(1.15);-moz-transform:scale(1.15);transform:scale(1.15); }
.about_show .swiper-slide img{ width: 100%; height:360px; display: block; border:0;}
.about_show .swiper-slide.none-effect{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;}
.about_show .swiper-slide.swiper-slide-active .layer-mask,.about_show .swiper-slide.swiper-slide-duplicate-active .layer-mask{display: none;}

.about_show .but {width: 69%;margin: auto;position: absolute; left: 50%;top: 50%;margin-left: -34.5%;}
.about_show .but a{display: block; width: 34px; height: 34px; margin-top: -17px;background: url(../images/index_arrow.png) no-repeat center center;background-size:100%;}
.about_show .but a.swiper-button-prev{background: url(../images/w_index_arrow_dis01.png) no-repeat center center;background-size:100%;opacity: 1;}
.about_show .but a.swiper-button-next{background: url(../images/w_index_arrow_dis02.png) no-repeat center center;background-size:100%;opacity: 1;}
.about_show .but a:hover{background: url(../images/index_arrow.png) no-repeat center center;background-size:100%;}

.about_show .swiper-slide .show_text{display: none; position: absolute;left: 0; bottom: 0; background: rgba(0,0,0,0.79); width: 100%;line-height:26px; color: #fff;}
.about_show .swiper-slide .show_text .show_text_p{ padding:15px 30px;overflow: hidden;}
.show_text_p em{float: left;border-right: 1px solid #5e5d5c;padding-right: 10px; margin-right: 10px; max-width: 40px;}
.show_text_p p{float: left;width: calc(100% - 60px);font-size: 12px;line-height: 26px; max-height: 104px; overflow: hidden;}
.about_show .swiper-slide.swiper-slide-active .show_text,.about_show .swiper-slide.swiper-slide-duplicate-active .show_text{display: block;}

.d_case02{background: #f2f2f2;padding: 145px 0 80px 0; margin-top:-45px;}


.pub_title .copy_p{margin-bottom: 30px;}
.pub_title .copy_p i{display: inline-block;width: 90px; height: 1px; background: #000;vertical-align: middle;margin-right: 10px;}
.pub_title h1{font-weight: bold;margin-bottom: 20px;word-wrap: break-word;line-height: 1em;text-transform:uppercase}
.pub_title h2{margin-bottom: 5px;}
.index_infmation{overflow: hidden;}
.best_team{position: relative;}
.best_team .best_in{height: 100%;}
.best_team img{height: 100%;}
.best_team dt{width: 31.33%;height: 100%;position: absolute; top:0;  }
.best_team dd{width: 23.28%;height:54.433%;position: absolute; top:0;left: 32.93%;}
.best_team li{position: absolute;bottom: 0;height:42.19858%;overflow: hidden;}
.best_team li:nth-child(1){right: 0; top:0;bottom: auto;width: 42.8%;height:54.433%;}
.best_team li:nth-child(2){left: 32.93%;width: 33.13%;}
.best_team li:nth-child(3){right:0;width: 33.13%;}
.best_team .line_best{float: none;display: block;background: #000;margin-bottom: 9.7%;}
.best_idea{line-height:1.4em;max-height: 5.2em;overflow:hidden;margin-bottom: 22.8%;}
.best_in h3,.best_in h2{line-height: 1.2em;}
.best_btn{margin-top: 20px;overflow: hidden;}
.best_btn a{float: left;width: 130px; height: 36px; line-height: 36px; text-align: center;color: #fff; background:#6c193c;margin-right: 10px;}
.best_btn a:hover{color: #fff !important;}
.d_case02 .pub_title{margin-bottom: 30px;}
.best_more{margin-top: 60px;}
.best_more a{display: block;margin:auto;border: 1px solid #b8b8b8; width: 128px; height: 34px; line-height: 34px; text-align: center;color: #000;}

.index_05.d_case03{background: #fff;overflow: hidden;padding:80px 0 140px 0;}
.projecy_cont li{float: left;width: 50%;*margin-left: -1px;overflow: hidden;}
.index_05.d_case03 .index_infmation{margin-bottom: 50px;}
.projecy_cont ul{margin: 0 -8px;overflow: hidden;}
.best_project{margin: 0 8px;}
.best_project{position: relative;}
.best_project_box{position: absolute;top:0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.79);color:#fff;
transition: 0.6s all;-webkit-transition: 0.6s all;-moz-transition: 0.6s all;-o-transition: 0.6s all;-ms-transition: 0.6s all;
opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;
-webkit-transform: translateY(100%);-moz-transform: translateY(100%);-o-transform: translateY(100%);-ms-transform: translateY(100%);transform: translateY(100%);
}
.best_project_box a{display: block; color: #fff !important; width: 100%;height: 100%;}
.best_project_text{padding: 35px 30px;position: absolute;left: 0; bottom: 0;}
.best_project_text h3{margin-bottom: 20px;}
.best_project_text h3 a{color: #fff;}
.best_project_text h3 a:hover{color: #fff !important;}
.best_project_text h3,.best_project_text h4{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.project_style,.best_project_text p{line-height: 1.7em;max-height: 3.4em;overflow: hidden;}
.project_style em{margin-right: 20px;}

@media only screen and (max-width: 1440px) {
.site_banner_text .wrap{width: 90%;}
}

@media only screen and (max-width: 1366px) {
.best_btn a{width: 45%;margin-right: 4%;}
}
@media only screen and (max-width: 1279px) {
.about_show{height: auto;}
.best_idea{margin-bottom: 20%;}
}
@media only screen and (max-width: 1150px) {
.best_idea{margin-bottom:10%;}
}
@media only screen and (max-width: 1024px) {
.pub_title .copy_p{margin-bottom: 20px;}
.pub_title h1{margin-bottom: 10px;}

.site_banner_text .wrap{padding: 30px;padding-right: 20px;}
.site_banner_text{margin-top: -60px;width: 70%;}
.case_edit{padding: 50px 0;}
.d_case02,.index_05.d_case03{padding:80px 0;}

.about_show{margin-bottom: 0;}
.show_text_p p{line-height: 20px;max-height: 80px;}
.about_show .swiper-slide .show_text .show_text_p{padding: 20px;}
.best_project_text{position: static;padding: 20px;}
.best_project_box{position: static;background: #6c193c;opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;
-webkit-transform: translateY(0%);-moz-transform: translateY(0%);-o-transform: translateY(0%);-ms-transform: translateY(0%);transform: translateY(0%);}
.best_project_text h3{margin-bottom: 10px;}

.project_style,.best_project_text p{height: 3.4em;}
.project_style{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;height: 1.7em;}
}

@media only screen and (max-width: 990px) {
.best_team .line_best{margin-bottom: 4%;}
.best_idea{margin-bottom: 6%;font-size: 14px;}
.best_btn a{height: 32px; line-height: 32px;}
.best_in h3{font-size: 18px;}
.best_in h2{font-size: 16px;}
}


@media only screen and (max-width:767px) {
.pub_title .copy_p i{width: 50px;}
.pub_title .copy_p{margin-bottom: 10px;}

.site_banner_text{width: 100%; margin-top: 0;}
.site_banner_text .wrap{width:94%;padding: 0; margin: auto;float: none;padding:30px 0;}
.site_banner_text h1{margin-bottom: 10px;}
.line_best{width: 40px;}
.case_edit{padding: 20px 0;}
.site_banner_p{margin-left: 0;}

.about_show .swiper-slide,.about_show .swiper-slide.swiper-slide-active,.about_show .swiper-slide.swiper-slide-duplicate-active{-o-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);transform:scale(1); box-shadow: 0px 0px 10px rgba(0,0,0,0);}
.layer-mask{display: none;}
.about_show .swiper-slide{margin:0;width: 100%;}
.about_show .swiper-slide a{padding: 0;    width: 101%;}
.about_show .but{width: 100%;margin-left: -50%;}
.about_show .but a{width: 28px; height: 28px; margin-top: -14px;}
.about_show .but a.swiper-button-prev{background: url(../images/index_arrow.png) no-repeat center center;background-size:100%;opacity: 1;}
.about_show .but a.swiper-button-next{background: url(../images/index_arrow.png) no-repeat center center;background-size:100%;opacity: 1;}
.about_show .swiper-container{padding: 0;}
.about_show .swiper-slide .show_text .show_text_p{padding: 10px;}
.show_text_p p{max-height: 40px;}

.projecy_cont li{width: 100%;float: none;margin-bottom: 20px;}
.best_project,.projecy_cont ul{margin: 0;}
.project_style,.best_project_text p{white-space: inherit; overflow:hidden; text-overflow:ellipsis;max-height: 3.4em;height: auto;}
.index_05.d_case03 .index_infmation{margin-bottom: 0;}
.index_05.d_case03 .index_slider_01 .swiper-wrapper li a{padding: 0 12px;}

.best_team{height: auto !important;}
.best_team dt,.best_team dd,.best_team li{position: static;}
.best_team dl{margin-bottom: 20px; overflow: hidden;}
.best_team dt{float: left;}
.best_team dd{float: right;width: 65%;}
.best_btn a{width: 120px;}
.best_team li{width: 100% !important;margin-bottom: 20px;}
.best_more{margin-top: 20px;}
.d_case02{margin-top: 0;}
.d_case02, .index_05.d_case03{padding:30px 0;}


}

@media only screen and (max-width:540px) {
.best_team dt,.best_team dd{float: none;width: 100%;    box-sizing: border-box;}
.best_team dd{padding: 10px;padding-bottom: 0;}
.best_idea{margin-bottom: 10px;}
.best_btn{text-align: center;}
.best_btn a{float:none;display: inline-block;margin: 0 4px;}
}


/*热装楼盘*/
.hotcont .screen_tab li:first-child{border-top: 1px solid #e6e6e6;}
.hot_list{background: #f5f5f5;padding: 78px 0 90px 0;}
.site_banner_hot{position: absolute;width: 100%; left: 0;bottom: 28%; display:none}
.site_banner_hot h3{max-width: 600px; color: #fff;background: rgba(0,0,0,0.65);line-height: 1.3em;max-height: 2.6em;overflow: hidden; display: inline-block;padding: 20px;}

.hot_box{position: relative;margin:8px;overflow: hidden;}
.hot_list li{    display: table;width: 100%; position: relative;}
.hot_list li img{height: 100%;}
.hot_list .left{float: left;width: 50%;*margin-left: -1px;}
.hot_list .right{float: right;width: 50%;}
.hot_list .right dl{display: table;width:100%; }
.hot_list .right dt{width: 50%;float: left;*margin-left: -1px;}
.hot_list .right dd{clear: both;position: absolute;right: 0; bottom: 0;width: 50%;}
.hot_box a{color: #fff !important;}
.hot_box h1{position:absolute;bottom:10px; left: 0;width: 100%;z-index: 2;}
.hot_box h1 p{padding: 0 30px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}


.hot_bg01{position: absolute;top:0;left: 0; width: 100%;height: 100%; background: rgba(0,0,0,0.1);}
.hot_bg02{background: url(../images/hot_bg01.png) no-repeat;position: absolute; left:0;bottom: 0;width: 100%; height: 100%;    background-size: 100%;

}

.hot_list .left .hot_bg02{background: url(../images/hot_bg01.png) no-repeat;position: absolute;    background-size: 100%;}
.hot_list dt .hot_bg02{background: url(../images/hot_bg02.png) no-repeat;position: absolute;    background-size: 100%;}
.hot_list dd .hot_bg02{background: url(../images/hot_bg03.png) no-repeat;position: absolute;    background-size: 100%;}

.hot_redbg{position: absolute;top:0; left:0; width: 100%; height: 100%;background: rgba(109,25,61,0.97);  z-index: 3;border-top: 3px solid #b48e65;box-sizing: border-box;}

.hot_text{position: absolute;left: 0; bottom: 0; width: 100%;z-index: 4;color: #fff;}
.hot_text .hot_p{padding: 20px;}
.hot_text p{ line-height: 1.7em;max-height: 3.4em;overflow: hidden;}
.hot_text p em{margin: 0 12px;}
.hot_text p em:first-child{margin-left: 0}
.hot_text p i{opacity:0.4;filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4;}
.hot_box .hot_redbg,.red_bg95{
opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
.hot_box .hot_redbg{height: 150px; top:auto; bottom:0;}
.hot_box .hot_redbg a{display: block; width: 100%; height: 100%;}

.hot_text h3{margin-bottom: 10px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.hot_text h3 a{display: block;}
.hot_list li.cur .left{float: right;}
.hot_list li.cur .right{float: left;}
.hot_list li.cur .right dd{left: 0; right: auto;}
.hot_list .pageout{margin: 0; margin-top: 42px;}


@media only screen and (max-width:1024px) {
.hot_list{padding: 50px 0;}
.hot_list .pageout{margin-top: 30px;}
.site_banner_hot{transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); position:absolute; left:0; top:50%; bottom: auto;    text-align: center;}
.hot_text .hot_p{padding: 10px;padding-bottom: 20px;}
.hot_text h3{margin-bottom: 5px;}
.hot_bg01,.hot_bg02{display: none;}
}
@media only screen and (max-width:767px) {
.hot_list .left,.hot_list .right{width: 100%;float: none;}
.hot_list .right dd{position:static;width: 100%;padding-top: 1px;}
.hot_list .pageout{margin-top: 20px;}
.hot_list{padding: 30px 0;}

}
@media only screen and (max-width:640px) {
.hot_list .right dt{width: 100%; float: none;}
.hot_box{margin: 0;}
.hot_list .left,.hot_list .right dt{margin-bottom: 20px;}
.hot_list .right dd{margin-bottom: 20px;padding-top: 0;}
}




/*成都·麓山国际水晶岗*/
.hot_contbox {margin-top: 0;}
.hot_contbox .pub_title{margin-bottom: 30px;}
.hot_block01,.hot_block02{padding: 80px 0;}

.hot_d_text{position: absolute;top:0; right: 0;width: 766px;height: 100%; background: rgba(0,0,0,0.7);color: #fff;}
.hot_d_text_p{padding: 60px 75px;padding-right: 130px;}
.hot_line{width: 90px; height: 1px; background: #fff;margin-bottom: 35px;}
.hot_pcont{line-height: 1.85em;margin-bottom: 14%;height: 9.25em;overflow: hidden;}
.hot_d_text_p h3{margin-bottom: 30px;}
.digitbox dl{float: left;margin-right: 40px;color: #b69665;}
.digitbox dt em{line-height: 1em;}
.hot_block01{background: #fff;}
.hot_slider01{position: relative;}

.hot_slider01 .swiper-button-prev{left: -65px;}
.hot_slider01 .swiper-button-next{right: -65px;}
.hot_slider01 li{width:33.33%;}
.hot_slider01.cur ul{margin: 0 -20px; overflow: hidden;}
.hot_slider01.cur li{width: 33.33%;}
.hot_slider01.cur li .hot_slider_box{margin: 0 20px;width: auto;}
.hot_slider01.cur .but{display:none;}

.hot_block02{background: #f2f2f2;}
.hot_case ul{overflow: hidden;margin: 0 -8px;}
.hot_case li{float: left;width: 50%;*margin-left: -1px;}
.hot_case .hot_case_img{width: auto;margin: 0 8px;}

.hot_block03{padding: 65px 0 60px 0;}
.hot_block03 .teamdets-area03{background: #fff;padding: 0;}
.hot_block03 .t-area03-show{margin: 0;}
.hot_block03 .t-area03-show li{/*margin-bottom: 0;*/}

.hot_block04{padding: 93px 0;position: relative;}
.hot_block04 .best_more{margin-top: 0;position: relative;z-index: 9;}
.hot_block04 .best_more a{width: 138px; height: 40px;line-height: 40px;color: #fff; border:1px solid rgba(255,255,255,0.51);}
.bg_blank63{position: absolute;top:0;left: 0; width: 100%; height: 100%;background: rgba(0,0,0,0.63);}

@media only screen and (max-width:1800px) {
.hot_pcont{margin-bottom: 6%;}
.hot_d_text_p h3{margin-bottom: 20px;}
}
@media only screen and (max-width:1440px) {

.hot_slider01 .swiper-button-prev{left: 10px;}
.hot_slider01 .swiper-button-next{right: 10px;}
}
@media only screen and (max-width:1520px) {
.hot_d_text_p{padding: 50px;}
.hot_line{margin-bottom: 20px;}
}
@media only screen and (max-width:1279px) {
.hot_pcont{margin-bottom: 20px;}
.hot_d_text_p h3{margin-bottom: 15px;}
.hot_d_text{width: 60%;}
}
@media only screen and (max-width:1150px) {
.hot_line{margin-bottom: 10px;}
.hot_d_text_p{padding: 40px;}
}

@media only screen and (max-width:1024px) {
.hot_contbox .pub_title{margin-bottom: 20px;}
.hot_block01, .hot_block02,.hot_block03{padding: 40px 0;}
.hot_d_text{position: static;width: 100%; background: #6c193c;}
.hot_pcont{height: auto;}
.hot_banner{height: auto;}
.hot_banner img{display: block;}
.hot_d_text_p{padding: 30px 20px;}

}
@media only screen and (max-width:767px) {
.digitbox dl{margin: 0; width: 33.33%;float: left;}

.hot_slider01.cur ul{margin:0; }
.hot_slider01.cur li{width: 100%;}
.hot_slider01.cur li .hot_slider_box{margin: 0;}
.hot_block04{padding: 40px 0;}
.hot_case ul{margin: 0 -4px;}
.hot_case .hot_case_img{margin: 0 4px;}
.hot_block03 .t-area03-show li{margin-bottom: 20px;}
}


/*节目视频*/

.program_01{position: relative;    clear: both; }
.game_con_b{cursor: pointer;}
.program_01>img{width: 100%;background: #000;}
.game_con_bs em{display: block;width: 100%; position: relative;}
.game_con_bs em img{width: 100%;}
.game_con_bs em video{width: 100%;position: absolute;height: 100%; top:0;left: 0; display: none; background: #000;}
.game_con_b_co{width: 99px;height: 99px;background: url(../images/video_btn.png) center no-repeat;background-size: 100%; cursor: pointer;margin: auto; margin-top: 15.6%;}
.phone_btn{display: none;}
.game_video_text{position: absolute;top:0; left: 0; width: 100%;z-index: 9;}
.video_bg{position: absolute; top:0;left: 0;width: 100%; height: 100%; background: url(../images/video_bg.png) repeat;}

.game_con_bs.on .game_video_text,.game_con_bs.on .video_bg{display: none;}
.game_con_bs.on em video{display: block;}

.game_video_text h2{font-weight: bold; font-weight: "微软雅黑";}

.program_02{background:#17202d;padding-top: 110px;  overflow: hidden;}

.program_title{color: #fff;text-align: center;margin-bottom: 40px;}
.program_title h1{font-weight: bold;margin-bottom: 10px;text-transform:uppercase}
.program_title p{position: relative;}
.program_title p i{position: absolute;left: 0; top:50%; height: 1px; width: 100%;background: #454d57;}
.program_title p em{background: #17202d;position: relative;z-index: 9;padding: 0 20px;}

.video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;display:none;}
.video_appbox .video_t{ left:10%; top:22%; position:absolute; height:60%; width:80%;   z-index:2; background:#000;}
.video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");}
.vide0_close{ position:absolute; top:20%; right: 8%; cursor:pointer; z-index: 99999;}

.previoud_con{margin:0 -13px;overflow: hidden; position: relative;}
.previoud_con li{width: 100%;}
.program_02 .swiper-container{padding-top: 50px;}
.program_02 .swiper-pagination{opacity: 1;}
.program_02 .swiper-container-horizontal>.swiper-pagination-bullets,.program_02 .swiper-pagination-custom, .swiper-pagination-fraction{bottom: auto;top:-10px;}
.program_02 .swiper-pagination .swiper-pagination-bullet{width: 117px; height:10px;background: url(../images/group_bg01.png) repeat-x 0 bottom;border-radius: 0; margin: 0 2px !important;opacity: 1;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}
.program_02 .swiper-pagination .swiper-pagination-bullet-active{background: url(../images/group_bg02.png) repeat-x 0 bottom;}

.previoud_con dl dt a{display: block;position: relative;height: 100%;transition: 0s all;-webkit-transition: 0s all;-moz-transition: 0s all;-o-transition: 0s all;-ms-transition: 0s all;    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 56%;}
.previoud_con dl{ width: 33.33%;float: left;}
.previoud_con dl dt{margin: 13px;}
.previoud_con dl dt a>img{width: 100%;}
.previoud_con .video_btn{width: 50px; height: 50px; position: absolute;top:50%; left: 50%;margin-top: -25px;margin-left: -25px;z-index: 9; display: none;}
.previoud_con .video_btn img{width: 100%; height: 100%;}
.blank_50{position: absolute;top:0;left: 0; width: 100%; height: 100%;background: rgba(0,0,0,0.5);}

.seper_con{position: relative;}
.seper_con dl{width: 25%;float: left;}
.seper_con .seper_box a{position: relative;display: block;position: relative; overflow: hidden; height: 0;padding-bottom: 62%;}
.seper_con .seper_box a img{width: 100%;}
.seper_con h2{position: absolute; top:30px; left: 0;width: 100%; color: #b89968;z-index: 9;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}
.seper_con h2 p{padding: 0 35px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.seper_text{position: absolute;left: 0; bottom: 40px;width: 100%;color: #fff; 
transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;
opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;
-webkit-transform: translateY(50px);-moz-transform: translateY(50px);-o-transform: translateY(50px);-ms-transform: translateY(50px);transform: translateY(50px);
}
.seper_text h3{margin-bottom: 10px;}
.seper_text h3,.seper_text p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.seper_p{padding:0 40px;}
.program_park01{margin-bottom: 110px;}


.previoud_con .but,.seper_con .but{display: none;}


@media only screen and (max-width:1440px) {
.game_con_b_co{margin-top: 5%;}
.group_tit .line{height: 150px;}
}
@media only screen and (max-width:1279px) {
.game_con_b_co{width: 50px; height: 50px;}
}

@media only screen and (max-width:1024px) {
.program_park01{margin-bottom: 50px;}
.program_02{padding-top: 50px;}
.previoud_con dl{width: 50%;}
.seper_con dl{width: 50%;}
.previoud_con .video_btn{display: block;width: 36px; height: 36px;margin-top: -18px;}
.seper_con h2{display: none;}
.seper_text{opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;
-webkit-transform: translateY(0%);-moz-transform: translateY(0%);-o-transform: translateY(0%);-ms-transform: translateY(0%);transform: translateY(0%);}
.blank_50{  background: rgba(0,0,0,0.3);}
.seper_p{padding:0 20px;}
.seper_text{bottom: 20px;}
.seper_text h3{margin-bottom: 5px;}
.program_02 .swiper-pagination .swiper-pagination-bullet{width: 50px;}
.program_02 .swiper-pagination .swiper-pagination-bullet{height: 3px;}
}
@media only screen and (max-width:767px) {
.program_park01{margin-bottom:20px;}
.program_02{padding-top:20px; clear: both;}	
.previoud_con dl dt{margin:5px;}
.previoud_con{margin: 0 -5px;}
.previoud_con dl{width: 100%;}
.seper_con dl{width: 100%;}
.program_02 .swiper-pagination .swiper-pagination-bullet{width:14px;}
.program_title h1{font-size: 20px;}
.program_title p{font-size: 18px;}
.program_title p em{padding: 0 10px;}

.group_tit .line{height: 80px;}
.game_video_text h2{font-size: 20px; clear: both;}
.game_video_text h3{font-size: 18px; clear: both;}
.game_con_bs em img{display: none;}
.group_tit .line{height: 50px;}
.game_video_text{position: relative;z-index: 9;padding-bottom: 30px;}
.game_con_b_co{width: 50px; height: 50px;}
.program_title{margin-bottom: 20px;}
.program_02 .swiper-container{padding-top: 20px;}
.game_con_b_co{display: none;}
.phone_btn{display: block; clear: both;}

.previoud_con .but,.seper_con .but{display:block;}
.program_01 .swiper-pagination,.program_02 .swiper-pagination{display: none;}
.program_02 .swiper-container{padding-top: 0;}

#form1 .site_banner{height: auto;}
}

@media only screen and (max-width:330px) {
.group_tit .line{position: relative;left: 0px;}


}

/*联系我们*/
.mapcon{position: relative;}
.mapcon #map{width: 100%; height: 500px;}
.maptext{position: absolute; top:30px;left: 40px; background: #650d33; width: 342px;max-height: 500px; color: #fff;}
.maptext h1{margin-bottom: 20px;}
.maptext h1 em{display: block;width: 66px; height: 4px; background: #fff; margin-top: 10px;}
.maptext .mapin{padding: 50px 30px;}
.maptext .maplis a{color: #fff;}
.phone_tel a{display: block;}
.maptext .maplis a.tel_link:hover,.maptext .maplis a.tel_link{color:#fff !important; cursor: default;opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;}
.maptext .maplis li{line-height: 2em;overflow: hidden; margin-bottom: 5px;}
.maptext .maplis li em{width:67px; float: left; text-align: right}
.maptext .maplis li p{float: left; width: 196px;}
.mapbg{width: 342px; height: 98px; position: absolute;bottom: -98px;left: 0}
.maptext .maplis a.tel_link{display: block;}
.maptext .maplis a:hover{color: #fff !important;opacity:0.7;filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7;}
.BMap_bubble_title,.BMap_bubble_content{white-space: inherit !important;line-height: 1.7em; max-height: 3.4em;overflow: hidden;}



@media only screen and (max-width:1300px) {
.mapcon #map{height: 600px;}
.maptext{max-height: 400px;}
}

@media only screen and (max-width:990px) {
.maptext .mapin{padding: 30px;}
}

@media only screen and (max-width:768px) {
.mapcon #map{height: 300px;}
.mapbg{display: none;}
.maptext{position: static;width: 100%; height: auto;max-height: inherit;}
.maptext .mapin{padding: 20px;}
.maptext h1 em{height:1px;}
.maptext h1{margin-bottom: 10px;}
.maptext .maplis{font-size: 14px;}
.maptext .maplis li em{width:60px;}
.maptext .maplis li p{width: calc(100% - 60px);}

}
@media only screen and (max-width:540px) {
.mapcon #map{height:200px;}

}


/*网站地图*/
 .pub_h3{text-align: center;}
.mapsite dl{overflow: hidden;margin-bottom: 43px;}
.mapsite dl dt{width: 175px;text-align: center;margin-right: -175px;background: #650d33;line-height: 44px;display: inline-block;color:#fff;float: left; position: relative;z-index: 999;}
.mapsite dl dt a{display: block;color:#fff;}
.mapsite dl dt a:hover{color: #fff !important;}
.mapsite dl dd{ width: 100%; float: left;}
.mapsite dl dd a{color:#333;}
.mapsite dl dd ul{overflow: hidden;  margin-left: 200px;}
.mapsite dl dd ul li{margin-right: 50px; float: left; line-height: 44px;}
.mapsite dl dd ul li b{font-weight: normal; margin-right: 10px;}
@media only screen and (min-width: 1024px) {
.mapsite dl dd a:hover{color:#650d33;}
 
}
@media only screen and (max-width: 1023px) {
 
.mapsite dl dd ul li{margin-right: 20px;}
}
@media only screen and (max-width:767px) {
.pad_100{padding-bottom: 20px;}
.mapsite dl dt{width:100%; margin-right: 0; float: none; height: 36px; line-height: 36px;}
.mapsite dl dd ul{margin-left: 0;}
.mapsite dl{margin-bottom: 20px;}
 
}



/*新闻内容页*/
.details_news{overflow: hidden;}
.details_news .details_le{float: left;width: 70%;}
.details_news .details_re{float: right;width: 25%;}

.deti_title{text-align: center; margin-bottom: 50px;border-bottom: 1px solid #e0e0e0; padding-bottom: 20px;}
.deti_title h1{margin-bottom: 20px; color: #242424;}
.deti_title .deti_c span{margin: 0 12px;}
.deti_title .deti_c span em{color: #666}
.deti_title .deti_c span img{vertical-align: middle; margin-right: 8px; margin-top: -2px;}

.edit_s{overflow: hidden; margin-top: 30px;}
.edit_close{float: right;}
.edit_close a{display: block;    background: #650d33; width: 50px; height: 50px;  text-align: center;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all; }
.edit_close a img{margin-top: 15px}
.detial_page_cont{padding-top: 20px; overflow: hidden;}
.detial_page span{display: block; height: 30px; line-height: 30px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.detial_page span a{color: #666f79}
.detial_page_cont .detial_page{float: left; width: 70%;}

.details_edit{margin-bottom: 75px;}
.share_cont{overflow: hidden;border-bottom: 1px solid #dddddd; padding-bottom: 20px;margin-top: 50px;}
.share_cont p{color: #777777; margin-bottom: 15px;}
.share_cont .bdsharebuttonbox>a {
display: block; float: left;
background-position: center center !important;
width: 25px !important;
height: 25px !important;
margin: 0px 10px 0 0 !important;
padding: 0 !important;background: #fff;
}


.details_re01{margin-bottom: 20px;}
.details_title{line-height: 40px;position: relative;margin-bottom:20px;}
.details_title em{ width: 3px; height: 21px; background:#650d33; position: absolute; left: 0; top:50%; margin-top: -10px; }
.details_title h1{color: #650d33; font-weight: bold;margin-left: 20px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.details_re_list01{padding-bottom: 15px;border-bottom: 1px solid #d0d0d0;}
.details_re_list01 dt{margin-bottom:10px;}
.details_re_list01 dt h3{line-height: 1.5em; max-height: 3em; overflow: hidden;}
.details_re_list01 dt a{color: #000;}
.details_re_list01 dd p{line-height: 1.6em; max-height:4.8em;overflow: hidden;}
.details_re_list02 a{color: #484848;}
.details_re_list02 li{line-height: 40px; border-bottom: 1px solid #d0d0d0;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.details_re02 li{margin-bottom: 20px;position: relative;}
.details_re02 li img{width: 100%;}
.details_re02 li h3{position: absolute; left: 0; bottom: 0; width: 100%;background: rgba(0,0,0,0.6);color: #fff;}
.details_re02 li h3 p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:10px; text-align: center;}
.details_re02 .best_more{margin-top:0px;padding-top: 10px;}

@media only screen and (max-width:1279px) {
.details_news .details_le{width: 65%;}
.details_news .details_re{width: 30%;}
}
@media only screen and (max-width:1024px) {
.detial_page_cont .detial_page{width: 100%;}
.edit_close{display: none;}
}


@media only screen and (max-width:767px) {
.deti_c{font-size: 12px;}
.deti_title h1{margin-bottom: 10px; font-size: 16px;}
.edit_close{display: none;}
.solu_hot .inpart_text{margin-bottom: 20px;}
.deti_title{padding-bottom: 15px; margin-bottom: 15px;}
.edit_s{margin-top: 20px;}
.details_news .details_le,.details_news .details_re{width:100%; float:none;}
.share_cont{margin-top: 20px;}
}

@media only screen and (max-width:414px) {
.deti_title .deti_c span.posttime{display: block;margin-top: 10px;}
}



/*搜索*/
.search_title {color: #e0e0e0; border-left: 3px solid #f7234c; padding-left: 20px;}
.search_title span{border-bottom: 1px solid #e0e0e0;display: block; width: 100%; padding-bottom: 10px;}
.searh_g{color: #303030;margin: 40px 0; margin-bottom: 30px;}

.searh_g span{background: #650d33;color: #fff;}
.search_con li em{color: #8c0e43}
.search_con li{padding: 30px 0; border-bottom: 1px dashed #c0c0c0;}
.search_con li h2{margin-bottom: 15px; overflow: hidden;}
.search_con li h2 a{color: #303030; float: left;width: 80%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.search_con li h2 span{ float: right; font-weight: normal; font-size: 14px;color: #686868; width: 80px; text-align: right; }
.search_con li p{line-height:1.8; max-height:3.6em; overflow:hidden;color: #333}
.search_con li.ones{border-bottom: 0}


.sech_sou{overflow: hidden;}
.sech_sou .left{float: left; height: 50px; width: 3px; background: #000000; margin-right: 20px;}
.sech_sou span img{width: 15px; height: 15px;}
.sech_sou button img{width: 15px; height: 15px;}
.sech_sou .right{float: left;overflow: hidden; border-bottom: 1px solid #e0e0e0; width:690px; padding-bottom: 5px;}
.sech_sou .right input,.sech_sou .right button,.sech_sou .right span{height: 50px; line-height: 50px; border: none; outline: none; float: left;}
.sech_sou .right button{width: 75px; height: 40px; background: #650d33;text-align: center; float: right;}


.sech_sou .right span img{ margin-top: 22px;}
.sech_sou .right button{margin-top: 8px;}
.sech_sou .right button img{ margin-top: 12px;}
.sech_sou .right span{float: right; padding: 0 20px; cursor: pointer;}
.sech_sou .right input{font-size: 36px; font-weight: normal; width: 590px; padding:0 10px;}

.seachcont .pageout{margin:0;margin-top: 40px;}
/*.sech_sou .right #ImageButton1{    width: 60px ;
    height: 40px;
    background: #650d33;
    text-align: center;
    float: right;    margin-top: 8px;    border: none;
    outline: none;background:#650d33 url(../images/search02.png) no-repeat center center;text-indent: -9999px;}*/
.sech_sou .right #btnSearch2{width: 75px; height: 40px; background: #650d33;text-align: center; float: right;}
.sech_sou .right #btnSearch2{margin-top: 8px;}
.sech_sou .right #btnSearch2 img{ margin-top: 12px;}

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

.sech_sou .right{width:calc(100% - 25px)}
.sech_sou .right input{width:calc(100% - 100px)}
.sech_sou .left{height: 40px;}
.sech_sou .right input, .sech_sou .right button, .sech_sou .right span{height: 40px; line-height: 40px;}
.sech_sou .right button{margin-top: 0}
.sech_sou .right span img{margin-top: 14px;}
.sech_sou .right input{font-size: 20px;}
.searh_g{margin:20px 0;}
.search_con li{padding:20px 0;}
.search_con li h2 span{font-size: 12px;width: 70px;}
.search_con li h2 a{width: calc(100% - 80px);}
/*.sech_sou .right #ImageButton1{margin-top: 0;}*/
.sech_sou .right #btnSearch2{margin-top: 0;}
}


.order_bg{position: fixed;width: 100%; height: 100%; top:0; left: 0;background: rgba(0,0,0,0.5);display: none;z-index: 99991;}
.order_tc{width:380px; height:500px; background: #fff;position: fixed;top:50%; left: 50%;margin-top: -250px; margin-left: -190px;display: none;z-index: 99992;}
.order_tc h3{text-align: center;margin-bottom: 20px;}
.order_form{padding: 20px;}
.order_form li{margin-bottom: 10px;}
.order_form li input{width: 100%;height: 32px; line-height: 32px; border:1px solid #ccc; outline: none;background: #fff;padding: 0 10px;  box-sizing: border-box;}
.order_form li textarea{width: 100%;padding: 10px;height: 100px;border:1px solid #ccc; box-sizing: border-box;} 
.order_btn{text-align: center;padding-top:10px;}
.order_btn a{display: inline-block; width: 100px; height: 32px; line-height: 32px; text-align: center;background: #6c193c; color: #fff;margin: 0 5px;}
.order_btn a.order_btn01{background: #636162;}
.order_btn a:hover{color: #fff !important;}
@media only screen and (max-width:767px) {
.order_tc h3{margin-bottom: 10px;}
.order_btn{padding-top: 0;}
.order_form li textarea{height: 76px;}
.order_tc{height: 430px; margin-top: -225px;}
.order_form{padding: 10px;}
}
@media only screen and (max-width:414px) {
.order_tc{width: 90%; margin-left: -45%;}
}




.case_cont li:hover{position: relative;z-index: 99;overflow: inherit;}
.case_cont li .case_box:hover h2{display: none;}
.case_cont li .case_box:hover .case_box_in .ratio-img a{box-shadow: 0 3px 15px rgba(0,0,0,0.6);}
.case_cont li .case_box:hover .ratio-img{ 
	-webkit-transform: scale(1.065);
   -moz-transform: scale(1.065);
   -o-transform: scale(1.065);
   -ms-transform: scale(1.065);
   transform: scale(1.065);box-shadow: 0px 2px 10px rgba(0,0,0,0.5); overflow: hidden;}
.case_cont li .case_box:hover .red_bg95{
	opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;
	-webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
}
.case_cont li .case_box .case_text_p{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}
.case_cont li .case_box:hover .case_text_p{position: static; top:0;opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;
-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);

}
.case_cont li .case_box:hover h1{font-weight: bold;}

.best_btn a:hover{opacity:0.9;filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9;}
.best_more a:hover{background:#6c193c;border: 1px solid #6c193c; color: #fff !important;}
.best_project:hover .best_project_box{
opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;
-webkit-transform: translateY(0%);-moz-transform: translateY(0%);-o-transform: translateY(0%);-ms-transform: translateY(0%);transform: translateY(0%);}

.hot_box .hot_img,.hot_box .hot_redbg,.hot_text,.case_cont li .case_box .tran_scale{transition: 0.6s all;-webkit-transition: 0.6s all;-moz-transition: 0.6s all;-o-transition: 0.6s all;-ms-transition: 0.6s all;}



/*.previoud_con .swiper-pagination .swiper-pagination-bullet:hover{ height: 3px;background: #b89968;}*/
.previoud_con dl dt:hover .video_btn img{transform:scale(1,1); -webkit-transform:scale(1,1);-moz-:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);}
.previoud_con dl dt:hover .blank_50{display: none;}
.previoud_con dl dt:hover .video_btn{display: block;}
.seper_con dl:hover .seper_text{opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;
-webkit-transform: translateY(0%);-moz-transform: translateY(0%);-o-transform: translateY(0%);-ms-transform: translateY(0%);transform: translateY(0%);}
.seper_con dl:hover h2{opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;
-webkit-transform: translateY(-80px);-moz-transform: translateY(-80px);-o-transform: translateY(-80px);-ms-transform: translateY(-80px);transform: translateY(-80px);}

.hot_list .right dt .hot_box:hover .hot_img,.hot_list .right dt .hot_box:hover .hot_redbg{
	opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;
	-webkit-transform: scale(1.11);
   -moz-transform: scale(1.11);
   -o-transform: scale(1.11);
   -ms-transform: scale(1.11);
   transform: scale(1.11);box-shadow: 0px 2px 10px rgba(0,0,0,0.5);
}
.hot_list .right dd .hot_box:hover .hot_img,.hot_list .right dd .hot_box:hover .hot_redbg{
	opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;
	-webkit-transform: scale(1.05);
   -moz-transform: scale(1.05);
   -o-transform: scale(1.05);
   -ms-transform: scale(1.05);
   transform: scale(1.05);box-shadow: 0px 2px 10px rgba(0,0,0,0.5);
}
.hot_list .left .hot_box:hover .hot_img,.hot_list .left .hot_box:hover .hot_redbg{
	opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;
	-webkit-transform: scale(1.07);
   -moz-transform: scale(1.07);
   -o-transform: scale(1.07);
   -ms-transform: scale(1.07);
   transform: scale(1.07);box-shadow: 0px 2px 10px rgba(0,0,0,0.5);
}

.order_btn a:hover{opacity:0.8;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8;}





/*2019-01-07*/
.about_show .swiper-slide .show_text{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;-webkit-transform: translateY(100px); -moz-transform: translateY(100px);-o-transform: translateY(100px);-ms-transform: translateY(100px);transform: translateY(100px);opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;}
.show_text_p em{max-width: 72px;}
.show_text_p p{width: calc(100% - 95px);}
.about_show .swiper-slide:hover .show_text{-webkit-transform: translateY(0px); -moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);opacity:1;filter:alpha(opacity=1); -moz-opacity:100; -khtml-opacity:1;}

@media only screen and (max-width:767px) {
.about_show .swiper-slide .show_text{display: none !important;  -webkit-transform: translateY(0px); -moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);opacity:1;filter:alpha(opacity=1); -moz-opacity:100; -khtml-opacity:1;}

}



/*2019-01-11*/
.main_conts .about_show .but {width: 100%;margin: auto;position: absolute;left: 0%;top: 0;margin-left: 0;}
.main_conts .about_show .but a{display: block; width: 34px; height: 34px; background: url(../images/index_arrow.png) no-repeat center center;background-size:34px;top:56px;}
.main_conts .about_show .but a.swiper-button-prev{background: url(../images/w_index_arrow_dis01.png) no-repeat right center; background-size:34px;opacity: 1;left: -30%}
.main_conts .about_show .but a.swiper-button-next{background: url(../images/w_index_arrow_dis02.png) no-repeat 0 center;background-size:34px;opacity: 1;right: -30%}

.main_conts .about_show .but a.swiper-button-prev:hover{background: url(../images/index_arrow.png) no-repeat right center; background-size:34px;opacity: 1;left: -30%}
.main_conts .about_show .but a.swiper-button-next:hover{background: url(../images/index_arrow.png) no-repeat 0 center;background-size:34px;opacity: 1;right: -30%}

@media only screen and (max-width:767px) {
.main_conts .about_show .but{width: 100%;margin-left: -50%;left: 50%; top:50%;}
.main_conts .about_show .but a{width: 28px !important; height: 28px !important; margin-top: -14px;top:0px;}
.main_conts .about_show .but a.swiper-button-prev{background: url(../images/index_arrow.png) no-repeat center center;background-size:100%;opacity: 1;left: 10px;}
.main_conts .about_show .but a.swiper-button-next{background: url(../images/index_arrow.png) no-repeat center center;background-size:100%;opacity: 1;right: 10px}
.main_conts .about_show .but a.swiper-button-prev:hover{background: url(../images/index_arrow.png) no-repeat center center;background-size:100%;opacity: 1;left: 10px;}
.main_conts .about_show .but a.swiper-button-next:hover{background: url(../images/index_arrow.png) no-repeat center center;background-size:100%;opacity: 1;right: 10px}


}


#title {
    font-family: 'IBM Plex Serif', serif;
    text-align: center;
    color: white;
}
#back .left-section {
      width: 37%;
      display: inline-block;
      vertical-align: top;
    }

    #back .right-section {
      width: 62%;
      display: inline-block;
      vertical-align: top;
    }
#back {
    font-size: 1.1em;
    width: 90%;
    max-width: 1120px;
    margin: 0 auto;
    
    background-color: #e0e6f0;
    color: rgb(36, 35, 35);
	text-align: center;
	margin-top: -58px;
z-index: 1;
position: relative;
}
#back p{
color: rgb(36, 35, 35);
font-weight: 800;
}
#back ul{
	padding-left: 40px;
	margin-top: 10px;
}
#back ul li{
	color:rgb(36, 35, 35);
}
.leftword {
    display: inline-block;
    font-weight: bold;
    opacity: 0.8;
    padding: 5px;
    width: 30%;
    text-align: right;
    margin-top: 10px;
}
.rightword {
    display: inline-block;
    font-weight: bold;
    opacity: 0.7;
    width: 67%;
    vertical-align: middle;
    text-align: left;
}
.leftword2 {
    display: inline-block;
    font-weight: bold;
    opacity: 0.8;
    padding: 5px;
    width: 40%;
    text-align: right;
    margin-top: 10px;
}
.rightword2 {
    display: inline-block;
    font-weight: bold;
    opacity: 0.7;
    width: 57%;
    vertical-align: middle;
    text-align: left;
}
.field {
    border: 1px solid #464747;
    border-radius: 3px;
    padding: 5px;
    margin: 10px;
    width: 265px;
height: 40px;
}
#back textarea{
	resize: none;
-webkit-appearance: none;
width: 265px;
padding: 0 14px;
  padding-left: 14px;
padding-left: 10px;
margin-left: 10px;
height:120px;
border: 1px solid #464747;
}
#dropdown {
    height: 30px;
    width: 150px;
    padding: 5px;
    margin: 10px;
    border: 1px solid #464747;
    border-radius: 2px;
}
.radio-list, .checkbox-list {
    position: relative;
    right: 45px;
    margin-left: 10px;
    display: inline-block;
    padding-bottom: 10px;
	margin-right: 5px;
}
input[type="radio"] {
  margin-right: 5px;
}
#submit {
    background-color: #ff5e14;
    border: 1px solid #ff5e14;
    border-radius: 4px;
    color: white;
    font-size: 1.3em;
    height: 50px;
    width:200px;
    margin: 15px;
    cursor: pointer;
	text-align: center;
}
#submit:hover {
    background-color: #b68157;
border: 1px solid #b68157;
}
@media only screen and (max-width: 840px) {
    .field {
    width: 80%;
    }
    select {
    width: 90%;
    }
}
@media screen and (max-width: 500px) {
    .leftword {
    width: 100%;
    text-align: left;
    }
    .rightword {
    width: 70%;
    float: left;
    }
    .field {
    width: 100%;
    }
    select {
    width: 100%;
    }
}