/*浜у搧鍒楄〃椤�--鍝佺被*/
.c_productop {margin:0 auto;box-sizing:content-box;}
.productBox {background:#fff;}
.productBox .bannerbox {box-sizing:content-box;padding:0 30px;max-width:1500px;height: 300px;}
.probannerCat {position:relative;margin:0 auto;font-size:0px;background:#fff;}
.probannerCat img {width:100%;height: 300px;}
.probannerCat .txtBox {position:absolute;top:0px;left: 0px; margin-left:170px;text-align:left;word-break:break-all;width:auto;height: 300px;}
.probannerCat .txtBox a {display:block;line-height:1.3em;color:#fff;text-align: left;}
.probannerCat .txtBox .name {font-size:28px;}
.probannerCat .txtBox .link {font-size:14px;cursor:pointer;margin-top: 10px;}
.probannerCat .txtBox .link i {vertical-align:middle;margin-left:10px;}
.productBox .proNavbox {background:#fff;margin-bottom:0px;}
.screenBox {border-bottom:1px solid #eee;margin-bottom:30px;padding-bottom:20px;}
.screenBox .screenBox_btn {font-size:14px;line-height:1.3em;color:#666;display:inline-block;cursor:pointer;}
.screenBox .screenBox_see{font-size: 14px;line-height: 1.3em;padding: 10px 30px;position: absolute;top: -11px;right: 15px;}
.screenBox .screenBox_btn:hover {color:#333;}
.screenBox .screenBox_btn i {margin-left:6px;display:none;}
.screenBox span {color:#eee;margin:0px 20px;display:inline-block;font-size:14px;width:0px;}
.proNameBox {float:left;}
.proNavbox .proName {font-size:16px;line-height:80px;color:#999999;margin-right:30px;cursor:pointer;}
.proNavbox .proName:hover {/*color:#;*/}
.proNavbox .proNav.fixed .proName {line-height:60px;}
.proNavbox .proName.cur {color:#a78847;}
@media (min-width:992px) and  (max-width:1199px){/* md*/
    .productBox .bannerbox {padding:0 20px;height: 190px;}
    .probannerCat .txtBox {margin-left:0px;left:50px;height: 190px;}
    .probannerCat img{height: 190px;}
    .probannerCat .txtBox .name {font-size:24px;}
    .probannerCat .txtBox .link {font-size:14px;}
    .pro_listbox .proList {width:103.1%;}
    .proListBox:hover {border:1px solid #eee;}
}
@media (min-width:768px) and (max-width:991px){/* sm*/
    /*浜у搧鍒楄〃椤�--鍝佺被*/
    .productBox .bannerbox {padding:0px 20px;height: 150px;}
    .productBox .bannerbox.probannerRec {padding:0px 0px;}
    .probannerCat .txtBox {margin-left:0px;left:50px;height: 150px;}
    .probannerCat img{height: 150px;}
    .probannerCat .txtBox .name {font-size:18px;}
    .probannerCat .txtBox .link {font-size:12px;}
    .pro_listbox .proList {width:104%;}
    .proListBox:hover {border:1px solid #eee;}
    .pro_listbox {padding-top:45px;}
}
@media (max-width:767px){/* xs*/

}


/*绛涢€夌粨鏋�*/
.filterResultBox {margin-top:5px;background:#f8f8f8;padding:5px;display:none;}
.filterResultBox .row {margin:5px;padding:0px 10px;line-height:30px;border:1px solid #eee;background:#fff;font-size:0px;display:inline-block;}
.filterResultBox .row .name {font-size:12px;color:#999;}
.filterResultBox .row .type {font-size:12px;color:#333;margin-right:10px;    white-space: nowrap;}
.filterResultBox .row .close,.filterResultBox .row .close i {font-size:12px;color:#333;margin-left:10px;display:inline-block;cursor:pointer;}
@media (min-width:992px) and  (max-width:1199px){/* md*/

}
@media (min-width:768px) and (max-width:991px){/* sm*/

}
@media (max-width:767px){/* xs*/

}

/*绛涢€夊櫒*/
.proListNavBox {position:relative;display:inline-block;margin:0 auto;width:100%;background:#f8f8f8;z-index:12;}
.proListNavBox .proNavbox .proClass {float:left;}
.proListNavBox .mask {position:absolute;/*top:391px;*/    width:100%;height: 1000px;background:#000;opacity:0.7;filter:alpha(opacity=70);z-index:2;display:none;}
.proListNavBox .mask.show {display:inline-block!important;}
.proListNavBox .mask.fixed {position:fixed;}
.proListNavBox .mask img {position:absolute;/*top:50%;*/    left:50%;/*margin-top:-16px;*/    margin-left:-16px;display: none;}
.filterBtn {font-size:0px;height:80px;line-height:80px;width:80px;text-align:center;cursor:pointer;display:none;}
.filterBtn.cur span,.filterBtn.cur i {color:#a88747;}
.filterBtn span {margin-right:10px;font-size:16px;color:#666;}
.filterBtn i {font-size:24px;color:#000;}
.proNavbox .proNav.fixed .filterBtn {line-height:60px;}
.filterBox {position:relative;z-index:2;font-size:0px;width:100%;background:#fff;padding-top:25px;border-bottom:1px solid #eee;}
.filterBox.fixed {position:fixed;top:61px;z-index:12;padding-top:0px;border:none;margin-top:-1px;}
.filterBox.fixed.show {z-index:9;margin:0px;padding-top:25px;border-bottom:1px solid #eee;margin-top:-1px;}
.filterBox.show {display:inline-block;}
.filterBox.show .mask.show{display: block!important;}
.filterBox .cui_mainbox {margin-bottom:30px;}
.filterBox .cui_mainbox.show {display:block!important;}
.filterBox.fixed .cui_mainbox {margin:0px auto;margin-bottom:30px;}
.selectProduct {width:100%;margin-top:25px;display:inline-block;}
.filterBox.show .hide,.filterBox.fixed .hide {display:none;}
.selectProduct .row {border:1px solid #eeeeee;margin:5px 10px 5px 0px;padding:9px 0px;display:table;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:50px;position:relative;background:url(icon_uncheck.png) 100% 100% no-repeat;background-size:16px 16px;float:left;cursor:pointer;}
.selectProduct .row.no,.selectProduct .row.no  * {cursor:default;}
.selectProduct .row:hover {border-color:#ccc;}
.selectProduct .row.no:hover {border-color:#eee;}
.selectProduct .row:hover .cell .pic.filter {filter:none;filter:Alpha(opacity=100)\9;-moz-opacity:1;opacity:1;}
.selectProduct .row.no:hover .cell .pic.filter {filter:gray;filter:Alpha(opacity=10)\9;-moz-opacity:.1;opacity:0.1;}
.selectProduct .row:hover .cell .txt {color:#9a7326;}
.selectProduct .row.no:hover .cell .txt {color:#666;}
.selectProduct .row.cur {border:1px solid #a78847;background:url(icon_check.png) 100% 100% no-repeat;}
.selectProduct .row.cur .cell .txt {color:#9a7326;}
.selectProduct .row .cell {text-align:left;word-break:break-all;display:table-cell;vertical-align:middle;border:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.selectProduct .row .cell .pic {width:30px;height:30px;margin:0px 10px;}
.selectProduct .row .cell .pic.filter {filter:gray;filter:Alpha(opacity=10)\9;-moz-opacity:.1;opacity:0.1;}
.selectProduct .row .cell .pic img {width:100%;}
.selectProduct .row .cell .txt {font-size:12px;color:#666;margin-right:20px;}
.filterBox.fixed .selectProperty {/*margin:0px;*/}
.selectProperty {width:100%;margin-top:15px;margin-bottom:30px;display:inline-block;/*overflow-y:scroll;*/}
.selectProperty.lg {/*max-height:260px;*/    height:auto;}
.selectProperty .row {width:50%;display:inline-block;float:left;}
.selectProperty .row.hide {display:none;}
.selectProperty .row .name {width:90px;display:inline-block;font-size:12px;line-height:32px;color:#999;}
.selectProperty .row .name i {display:none;}
.selectProperty .row .txt {display:inline-block;font-size:12px;line-height:32px;width:-moz-calc(100% - 90px);width:-webkit-calc(100% - 90px);width:calc(100% - 90px);width:84.1%\9;}
.selectProperty .row .txt a {margin-right:30px;white-space:nowrap;display:inline-block;color:#666;cursor:pointer;}
.selectProperty .row .txt a:hover {color:#9a7326;}
.selectProperty .row .txt a.cur {color:#a78847!important;cursor:pointer!important;}
.selectProperty .row .txt a.no {color:#ccc;cursor:default;}
.allFilter {width:148px;border:1px solid #eeeeee;border-top:none;text-align:center;padding:6px 0px 12px 0px;position:absolute;background:#fff;left:50%;margin-left:-75px;cursor:pointer;display:block;z-index:3;margin-top:-1px;}
.allFilter.hide {display:none;}
.allFilter.show {display:block;}
.allFilter i {width:14px;height:14px;display:inline-block;background:url(icon_filter.png) no-repeat;background:url(icon_filter_ie8.png) no-repeat\9;background-size:100% auto;margin-right:8px;}
.allFilter i.bottom {background-position:left -16px;}
.allFilter span {font-size:12px;color:#666666;line-height:14px;}
@media (min-width:992px) and  (max-width:1199px){/* md*/
    /*绛涢€�*/
    .filterBtn {display:inline-block;}
    .filterBtn.hide{display: none;}

    .filterBox {display:none;top:-10px;}
    .selectProperty .row .name {display:block;line-height:16px;}
    .selectProperty .row .txt {width:100%!important;width:100%\9;margin-bottom:10px;}
    .selectProperty.lg {/*max-height:300px;*/        /*max-height:170px;*/        height:auto;}

}
@media (min-width:768px) and (max-width:991px){/* sm*/
    /*绛涢€�*/
    .filterBtn {display:inline-block;}
    .filterBtn.hide{display: none;}
    .filterBox {display:none;}
    .selectProperty .row {width:100%;}
    .selectProperty.lg {/*max-height:400px;*/        /*max-height:170px;*/        height:auto;}

}
@media (max-width:767px){/* xs*/

}

/*浜у搧鍒楄〃椤典骇鍝佸睍绀�*/
.c_productop .proNavbox .proNav {}
.pro_listbox {background:#f8f8f8 url(mask.jpg) repeat-x bottom left;padding-top:60px;min-height:300px;}
.pro_listbox .proList {margin-left:-30px;width:102.6%;}
.pro_listbox .proList .Nopro {width:100%;text-align:center;margin-top:50px;margin-bottom:182px;margin-left: 20px;}
.pro_listbox .proList .Nopro .text {margin-top:23px;}
.pro_listbox .proList .Nopro .text .name {font-size:18px;line-height:21px;color:#333;margin-bottom:13px;}
.pro_listbox .proList .Nopro .text .type {font-size:14px;line-height:21px;color:#999;}
.proListBox {margin:0px 0px 30px 30px;border:1px solid #eee;text-align:center;padding-top:45px;position:relative;display:inline-block;background:#fff;box-shadow:0px 1px 2px 2px rgba(238,238,238,0.5);width:89.34%\9;width:-moz-calc(100% - 30px);width:-webkit-calc(100% - 30px);width:calc(100% - 30px);}
.proListBox:hover {border:1px solid #a78847;padding-top:45px;margin:0px 0px 30px 30px;cursor:pointer;}
.proListBox .label {position:absolute;top:0px;left:50%;margin-left:-40px;width:80px;height:24px;line-height:24px;text-align:center;color:#fff;}
.proListBox .label.new {background:#a78847;}
.proListBox .label.classical {background:#000000;}
.proListBox .proback {position:absolute;top:0px;right:0px;width:48px;height:48px;background:url(pro_360.png) no-repeat;background-size:100%;}
.proListBox .title {font-size:18px;line-height:1.3em;color:#333;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0px 20px;}
.proListBox .type {font-size:14px;line-height:1.3em;color:#999;margin-bottom:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0px 20px;}
.proListBox .name {line-height:0.5em;height:0.5em;border-bottom:1px solid #eee;font-size:14px;position:relative;margin:20px 20px 10px 20px;text-align:center;}
.proListBox .name span {background:white;display:inline-block;text-align:center;padding:0px 25px;color:#333;height:1em;line-height:1em;}
.proListBox .pic {width:80%;margin:0 auto;text-align:center;}
.proListBox .pic img {width:100%;display:inline-block;}
.proListBox .price {margin:15px auto;font-size:24px;line-height:1.3em;color:#a78847;}
.proListBox .btnBox {border-top:1px solid #eee;padding:16px 0px;}
.proListBox .btnBox .btn {float:left;text-align:center;}
.proListBox .btnBox .btn.subscribe:hover  span,.proListBox .btnBox .btn.subscribe:hover i {color:#9a7326;}
.proListBox .btnBox .btn.contrast:hover span,.proListBox .btnBox .btn.contrast:hover i {color:#9a7326;}
.proListBox .btnBox .btn.unsubscribe:hover span,.proListBox .btnBox .btn.unsubscribe:hover  i {color:#333;}
.proListBox .btnBox .btn.uncontrast:hover span,.proListBox .btnBox .btn.uncontrast:hover i {color:#9a7326;}
.proListBox .btnBox .btn i {margin-right:6px;color:#000;vertical-align:middle;}
.proListBox .btnBox .btn span {font-size:12px;color:#666;line-height:1.3em;position:relative;top:1px;cursor:pointer;}
.proListBox .btnBox .btn:first-child {border-right:1px solid #eee;}
.proListBox .btnBox .btn.unsubscribe span,.proListBox .btnBox .btn.unsubscribe i {color:#999;}
.proListBox .btnBox .btn.uncontrast span,.proListBox .btnBox .btn.uncontrast i {color:#a88747;}
.proListBox .btnBox .lose i {margin-right:6px;color:#ccc;vertical-align:middle;}
.proListBox .btnBox .lose span {font-size:12px;color:#999;line-height:1.3em;position:relative;top:1px;cursor:pointer;}
.pro_load {margin-left:30px;}
.pro_load .load {line-height:1.33em;height:1.33em;border-bottom:1px solid #eee;font-size:12px;position:relative;margin:30px 0px 90px 0px;text-align:center;}
.pro_load .load span {background:#fdfdfd;display:inline-block;text-align:center;padding:0px 60px;color:#333;height:2.66em;line-height:2.66em;}
.pro_load .load span .txt {line-height:1.3em;margin-top:10px;}
.pro_load .cui_pager {margin:30px 0px 90px 0px;text-align:left;}
@media (min-width:992px) and  (max-width:1199px){/* md*/

}
@media (min-width:768px) and (max-width:991px){/* sm*/

}
@media (max-width:767px){/* xs*/

}

/*浜у搧瀵规瘮寮瑰嚭灞�*/
.pro_compare_flyout {position:fixed;_position:absolute;left:0px;bottom:0px;box-sizing:content-box;background:#fff;width:100%;height:40px;overflow:hidden;z-index:1;border-top:2px solid #eee;}
.pro_compare_flyout.height {height:130px;}
.pro_compare_flyout .hd {padding:0px 15px 0;height:40px;overflow:hidden;border-bottom:1px solid #eee;line-height:40px;}
.pro_compare_flyout .hd h2 {font-size:12px;color:#333;float:left;display:inline;margin:0px;padding:0px;line-height:40px;}
.pro_compare_flyout .hd a {float:right;display:inline;font-size:12px;color:#666666;line-height:40px;}
.pro_compare_flyout .hd a i {margin-left:6px;vertical-align:middle;}
.pro_compare_flyout .hd .hide {display:none!important;}
.pro_compare_flyout .hd .show {display:block!important;}
.pro_compare_flyout .bd {overflow:hidden;padding:0px 15px;height:90px;}
.pro_compare_flyout .compare_col {float:left;display:inline;width:92%\9;width:-moz-calc(100% - (100px));width:-webkit-calc(100% -  (100px));width:calc(100% -  (100px));height:90px;overflow:hidden;}
.pro_compare_flyout .compare_col .row {float:left;display:inline;height:90px;overflow:hidden;padding:15px 0px 0px 15px;border-right:1px solid #e5e5e5;width:25%;position:relative;box-sizing:border-box;}
.pro_compare_flyout .compare_col .row .close {position:absolute;top:10px;right:10px;cursor:pointer;}
.pro_compare_flyout .compare_col .row .pic {width:60px;height:60px;float:left;/*background:#eee;*/    display:inline;margin-right:15px;}
.pro_compare_flyout .compare_col .row .pic img {width:100%;}
.pro_compare_flyout .compare_col .row .txt {float:left;margin-right:15px;display:inline;font-size:12px;line-height:1.3em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:67%\9;width:-moz-calc(100% - (30px + 60px));width:-webkit-calc(100% - (30px + 60px));width:calc(100% - (30px + 60px));}
.pro_compare_flyout .compare_col .row .name {color:#333;margin-bottom:5px;}
.pro_compare_flyout .compare_col .row .type {color:#999;margin-bottom:5px;}
.pro_compare_flyout .compare_col .row .money {font-size:14px;color:#a78847;}
.pro_compare_flyout .compare_action {float:right;display:inline;width:70px;padding:15px 15px 0px 15px;text-align:center;}
.pro_compare_flyout .compare_action .o_bgbtn1 span {line-height:30px;width:68px;padding:0px;font-size:12px;}
.pro_compare_flyout .compare_action .linktext {font-size:12px;line-height:32px;color:#666;display:inline-block;margin-top:5px;}
@media (min-width:992px) and  (max-width:1199px){/* md*/
    /*浜у搧瀵规瘮寮瑰嚭灞�*/
    .pro_compare_flyout .compare_col {/*width:88%;*/        height:80px;}
    .pro_compare_flyout.height {height:120px;}
    .pro_compare_flyout .bd {height:80px;}
    .pro_compare_flyout .compare_col .row {/*width:22%;*/        width:25%;height:80px;}
    .pro_compare_flyout .compare_col .row .close {position:absolute;top:0px;right:0px;width:40px;height:40px;text-align:center;line-height:40px;cursor:pointer;}
    .pro_compare_flyout .compare_col .row .pic {width:50px;height:50px;}
    .pro_compare_flyout .compare_col .row .txt {width:57%\9;width:-moz-calc(100% - (40px + 50px));width:-webkit-calc(100% - (40px + 50px));width:calc(100% - (40px + 50px));}

}
@media (min-width:768px) and (max-width:991px){/* sm*/
    /*浜у搧瀵规瘮寮瑰嚭灞�*/
    .pro_compare_flyout .compare_col {/*width:86%;*/        height:80px;}
    .pro_compare_flyout.height {height:120px;}
    .pro_compare_flyout .bd {height:80px;}
    .pro_compare_flyout .compare_col .row {/*width:22%;*/        width:25%;height:80px;}
    .pro_compare_flyout .compare_col .row .close {position:absolute;top:0px;right:0px;width:40px;height:40px;text-align:center;line-height:40px;cursor:pointer;}
    .pro_compare_flyout .compare_col .row .pic {display:none;}
    .pro_compare_flyout .compare_col .row .txt {width:-moz-calc(100% - (15px));width:-webkit-calc(100% - (15px));width:calc(100% - (15px));}

}
@media (max-width:767px){/* xs*/

}

/*浜у搧鍒楄〃椤�--鎺ㄨ崘*/
.probannerRec {position:relative;margin:0 auto;font-size:0px;background:#fff;border-bottom:1px solid #e6e6e6;box-shadow:0 1px 2px rgba(230,230,230,0.5); height: auto!important;}
.probannerRec .pic {width:100%;overflow:hidden;}
.probannerRec .pic img {width:auto;height:300px;}
.probannerRec .text {position:absolute;top:0px;/*top:70px;*/    /*bottom:70px;*/    left:0;color:white;display:block;width:100%;height:160px;text-align:center;box-sizing:border-box;/*padding:35px 0px;*/    margin:70px 0px;}
.probannerRec .text h2 {font-size:32px;line-height:1.3em;margin-bottom:10px;color:white;}
.probannerRec .text p {font-size:14px;line-height:1.3em;color:#999;white-space:normal;margin:0 auto;}
.proTabBox {width:100%;text-align:center;height:80px;display:block;position:relative;top:0px;left:0px;right: 0px;background:#fff;z-index:9;}
.proTabBox.fixed {height:60px;line-height:58px;border-bottom:1px solid #eee;box-shadow:0 2px 2px rgba(230,230,230,0.5);}
.proTabBox.fixed li a {height:58px;line-height:58px;}
.proTabBox li {display:inline-block;position:relative;box-sizing:border-box;}
.proTabBox li a {padding:0px 30px;font-size:16px;line-height:78px;color:#999;display:inline-block;border-top:2px solid #fff;cursor:pointer;}
.proTabBox li.cur a,.proTabBox li:hover a {border-top:2px solid #a88747;background:#f8f8f8;color:#a78847;}
.proTabBox_more {display:none;}
.proTabBox li a i {display:none;}
@media (min-width:992px) and  (max-width:1199px){/* md*/

}
@media (min-width:768px) and (max-width:991px){/* sm*/

}
@media (max-width:767px){/* xs*/

}

/*瀵规瘮璇︽儏椤�*/
.proListNavBox .proNavbox {/*z-index:13;*/}
.proNavbox.proborT {border-top:1px solid #eee;}
.compareListbox {margin-bottom:30px;height:354px;position:relative;}
.compare {position:relative;top:0px;left:0px;border-bottom:1px solid #eeeeee;margin-bottom:30px;z-index:9;background:#fff;}
.compare.fixed,.proTabBox.fixed {position:fixed;}
.compare.fixed {margin-top:0px;}
.compare .hide {display:none!important;}
.compareBox {width:100%;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin:0px auto;font-size:12px;}
.compareBoxL {width:250px;font-size:12px;float:left;}
.compareBoxL .txt {position:absolute;top:30px;/*left:0px;*/    display:inline-block;width:100%;}
.compareBoxL .txt .name {font-size:12px;color:#999;line-height:1.3em;margin-bottom:5px;}
.compareBoxL .txt .name span {color:#a88747;margin:0px 5px;}
.compareBoxL .txt .type {font-size:12px;color:#999;line-height:1.3em;margin-bottom:20px;}
.compareBoxL .txt .type span {color:#a88747;margin:0px 5px;}
.compareBoxL .txt .linkBtn {font-size:12px;color:#6f3a8a;line-height:1.3em;cursor:pointer;}
.compareBoxL .txt .linkBtn:hover {color:#80429f;color:#80429f;}
.compareBoxL .txt .linkBtn i {vertical-align:middle;margin-right:6px;}
.compareBoxL .choice {position:absolute;bottom:30px;/*left:0px;*/    font-size:14px;color:#666;}
.compareBoxL .choice.cui_form .c_ipt_cr {margin:0px;}
.compareBoxL .choice>span {display:block;margin-top:10px;}
.compareBoxR {width:890px;display:inline-block;float:right;}
.compareBoxR .row {width:18%\9;padding:30px;width:-moz-calc(25% - (30px + 30px + 1px));width:-webkit-calc(25% - (30px + 30px + 1px ));width:calc(25% - (30px + 30px + 1px));position:relative;border-left:1px solid #eeeeee;float:left;}
.compare.fixed .compareBoxR .row {padding:20px 30px;}
.compareBoxR .row.ft {padding:30px 30px 20px 30px;width:-moz-calc(25% - (30px + 30px + 1px));width:-webkit-calc(25% - (30px + 30px + 1px ));width:calc(25% - (30px + 30px + 1px));}
.compareBoxR .row .close {position:absolute;top:10px;right:10px;cursor:pointer;}
.compareBoxR .row .pic img {width:100%;}
.compareBoxR .row .name {line-height:0.5em;height:0.5em;border-bottom:1px solid #eee;font-size:12px;position:relative;margin:25px 0 20px 0;text-align:center;}
.compareBoxR .row .name span {background:white;display:inline-block;text-align:center;padding:0px 20px;color:#333;height:1em;line-height:1em;}
.compareBoxR .row .nameH {height:52px;border:none;}
.compareBoxR .row .title {font-size:14px;color:#333333;line-height:1.3em;margin-bottom:5px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.compareBoxR .row .type {font-size:12px;color:#999;line-height:1.3em;margin-bottom:10px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.compareBoxR .row .money {font-size:18px;color:#a78847;line-height:1.3em;text-align:center;}
.compareBoxR .row.addBox {display:table;height:292px;text-align:center;}
.compareBoxR .row .add {display:table-cell;vertical-align:middle;text-align:center;width:100%;word-break:break-all;font-size:14px;color:#6f3a8a;cursor:pointer;}
.compareBoxR .row .add:hover {color:#80429f;}
.compareBoxR .row .add i {margin-right:6px;}
.compare.fixed .row .pic,.compare.fixed .row .name,.compare.fixed .row .nameH {display:none;}
@media (min-width:992px) and  (max-width:1199px){/* md*/
    /*浜у搧瀵规瘮璇︽儏*/
    .compareBoxL {width:160px;}
    .compareBoxR {width:780px;}
    .table_compareBoxL {width:160px!important;}
    .table_compareBoxR {width:780px!important;}
    .compareBoxR .row {width:18.5%\9;padding:30px 20px;width:-moz-calc(25% - (20px + 20px + 1px));width:-webkit-calc(25% - (20px + 20px + 1px ));width:calc(25% - (20px + 20px + 1px));}
    .compareBoxR .row.addBox {height:284px;}
    .probannerRec .pic img {margin-left:-257.5px;}
    .compareListbox {height:346px;}
}
@media (min-width:768px) and (max-width:991px){/* sm*/
    /*浜у搧瀵规瘮璇︽儏*/
    .compareBoxL {width:145px;}
    .compareBoxR {width:575px;}
    .table_compareBoxL {width:145px!important;}
    .table_compareBoxR {width:575px!important;}
    .compareBoxR .row {width:18.5%\9;padding:30px 15px;width:-moz-calc(25% - (15px + 15px + 1px));width:-webkit-calc(25% - (15px + 15px + 1px ));width:calc(25% - (15px + 15px + 1px));}
    .compareBoxR .row.ft {padding:30px 15px 20px 15px;width:-moz-calc(25% - (30px + 30 + 1px));width:-webkit-calc(25% - (30px + 30 + 1px ));width:calc(25% - (30px + 30 + 1px));}
    .compareBoxR .row .name {margin:20px 0px 20px 0px}
    .compareBoxR .row.addBox {height:238px;}
    .probannerRec .pic img {margin-left:-366px;}

    table.compareBoxL {width:145px;}
    .compareListbox {height:300px;}
    .compare {margin-top:-45px;}

    .proNameBox {float: left;width: 70%; display: inline-block; overflow-x: scroll;overflow-y: hidden; white-space: nowrap;  }

}
@media (max-width:767px){/* xs*/

}

/*瀵规瘮鍙傛暟*/
.parameterBox {margin-bottom:60px;}
.table_compareBox {margin-bottom:30px;}
.table_compareBox .tit {font-size:18px;color:#333;line-height:1.3em;padding-bottom:15px;border-bottom:1px solid #000;width:100%;text-align:left;display:inline-block;}
.table_compareBoxL {text-align:left;width:250px;}
.table_compareBoxL,.table_compareBoxR {border-bottom:1px solid #eee;float:left;}
.table_compareBoxL.unit,.table_compareBoxR.unit {background:#f8f8f8;}
.table_compareBoxR {width:890px;}
.table_compareBoxR.unit .row {color:#de6500;}
.table_compareBoxL span {margin:15px 0px;padding:0px 15px;font-size:14px;color:#333;line-height:1.3em;display:inline-block;font-weight:bold;}
.table_compareBoxR .row {margin:15px 0px;padding:0px 5px;font-size:14px;color:#333;line-height:1.3em;width:25%;border:none;text-align:center;float:left;box-sizing:border-box;}
@media (min-width:992px) and  (max-width:1199px){/* md*/
    /*瀵规瘮鍙傛暟*/

}
@media (min-width:768px) and (max-width:991px){/* sm*/
    /*瀵规瘮鍙傛暟*/

}
@media (max-width:767px){/* xs*/

}

/*lg*/
@media (min-width:1400px) {}
@media (min-width:1200px) {
    @media(max-height:700px) {.filterBox .cui_mainbox {max-height:310px!important;height:auto;overflow-y:auto;/*height:253px;*/}
    .filterBox .cui_mainbox.overAuto {overflow-y:auto!important;}
    .selectProperty {margin-bottom:0px;}
    }
}

/*MD*/
@media (max-width:1199px) and (min-width:992px) {
    /*浜у搧鍒楄〃椤�--鍝佺被*/


}

/*SM*/
@media (max-width:991px) and (min-width:768px) {

}

/*XS*/
@media (max-width:767px) {
    /*浜у搧鍒楄〃椤�--鍝佺被*/
    .c_productop .proNavbox .proNav {border-top:1px solid #eee;}
    .productBox .bannerbox {padding:0px;height: 150px;}
    .pro_listbox .proList {width:100%;margin-left:0px;z-index: 1;}
    .pro_listbox .proList .Nopro{margin-left: 0px;}
    .pro_listbox {padding-top:45px;}
    .screenBox {width:100%;}
    /*.screenBox .screenBox_btn {width:33.33%;text-align:center;}*/
    /*.screenBox span {margin:0px;}*/
   .screenBox .screenBox_see{padding: 0;border: 0;top: 0;}
    .proListBox {margin:0px 0px 30px 0px;width:100%;}
    .proListBox:hover {border:1px solid #eee;margin:0px 0px 30px 0px;}
    .pro_load {margin-left:0px;}
    /*寮瑰嚭灞�*/
    .cui_popup.square {width:94%;margin-left:3%;left:0px;}
    .cui_popup.square .cui_form {width:100%;}
    /*绛涢€�*/
    .filterBtn.hide{display: none;}
    .overflow {overflow:hidden;}
    .proListNavBox .proNavbox {height:60px;}
    .proListNavBox .proNavbox .proNav {height:59px;}
    .proNavbox .proNav.fixed {height:60px;}
    .filterBtn {display:inline-block;}
    .filterBox {display:none;/*padding-top:15px;*/  background: none; padding-top:0px;width:100%;margin-left:0%;z-index:9;}
    .filterBox.show {position:fixed;height:100%;left:0px;overflow: scroll;}
    .filterBox .cui_mainbox.show {
        display: inline-block!important;
        width: 75%;
        height: auto;
        margin-left: 25%;
        min-height:-moz-calc(100% - (41px));
        min-height:-webkit-calc(100% - (41px));
        min-height:calc(100% - (41px));
        z-index: 10;
    }
    .filterBox.fixed.show {/*margin-left:25%!important;*/padding-top:0px!important;height:90%;}
    .filterBox .cui_mainbox {background:#fff;padding:0px 0px;}
    .selectProduct {margin-top:15px;padding:0px 20px;width:auto;}
    .selectProduct .row {height:40px;}
    .selectProduct .row .cell .pic {display:none;}
    .selectProduct .row .cell .txt {margin-left:10px;}
    .selectProperty {width:92.3%\9;width:-moz-calc(100% - (40px));width:-webkit-calc(100% -  (40px));width:calc(100% -  (40px));padding:0px 20px;}
    .selectProperty .row {margin-bottom:25px;}
    .selectProperty .row .txt {display:none;width:100%;margin-top:10px;}
    .selectProperty .row .txt a {padding:0px 10px;height:40px;line-height:40px;background:#f8f8f8;margin:0px 5px 5px 0px;display:inline-block;}
    .proNameBox {width:50%;display:inline-block;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;}
    .selectProperty .row {width:100%;}
    .selectProperty.lg {max-height:230px;min-height:100px;height:auto;overflow-y:scroll;margin-bottom:0px;z-index: 10;background: #fff;}
    .selectProperty .row .name {line-height:40px;color:#333;text-align:left;display:block;width:100%;border-bottom:1px solid #eee;}
    .selectProperty .row .name i {display:inline-block;float:right;}
    .proNavbox .proName {margin-right:20px;line-height:60px;}
    .filterBtnBox {position:fixed;bottom:0px;width:75%;left:25%;background:#f8f8f8;height:40px;text-align:center;border-top:1px solid #eee;display:inline-block;z-index: 11;}
    .filterBtnBox span {width:50%;font-size:14px;color:#666;line-height:40px;display:inline-block;float:left;}
    .filterBtnBox .finish {background:#a78847;color:#fff;}
    .filterResultBox {display:none;margin-top:25px;}
    .filterBtn {width:60px;height:60px;line-height:60px;}
    .filterBtn span {display:none;}
    .proListNavBox .mask {top:30%;z-index:9;position:fixed;width:25%;/*margin-left:-25%;height:70%!important;*/}
    .filterBox.fixed .mask{height: 100%!important;top:0px;}
    /*浜у搧鍒楄〃椤�--鎺ㄨ崘*/
    .proTabBox_more {height:60px;display:block;cursor:pointer;padding:0px 15px;}
    .proTabBox_more span {font-size:16px;color:#333333;line-height:60px;}
    .proTabBox_more.cur span {color:#a88747;}
    .proTabBox {display:block;width:100%;height:auto;}
    .proTabBoxUl {display:none;position: relative;z-index: 2;}
    .proTabBox .show {display:block;}
    .proTabBox li {display:block;background:#f8f8f8;}
    .proTabBox li a {display:block;font-size:14px;color:#666666;line-height:50px;height:50px;padding:0px;border-top:1px solid #eee;padding:0px 15px;text-align:left;}
    .proTabBox li:visited a,.proTabBox li.cur a,.proTabBox li:hover a {border-top:1px solid #eee;background:#f8f8f8;color:#666;}
    .proTabBox .zz {position:fixed;top:60px;background:#000;opacity:0.9;filter:alpha(opacity=90);height:100%;width:100%;z-index:1;left:0;bottom:0px;display:none;}
    .proTabBox.fixed.show .zz{display: block;}
    .proTabBox li a i {vertical-align:middle;float:right;margin-right:5px;display:inline-block;}
    .probannerRec .pic img {margin-left:-562.5px;}
    /*浜у搧瀵规瘮寮瑰嚭灞�*/
    .pro_compare_flyout {display:none;}
}
@media (max-width:410px) {
    .screenBox .screenBox_see{
        display: block;
        position: static;
        padding-top: 20px;
    }
}
/*绛涢€夊櫒楂樺害*/
@media(max-width:1199px) and (min-width:768px) {
    @media(max-height:1440px) and (min-width:1280px) {  .filterBox .cui_mainbox {max-height:800px!important;height:auto;overflow-y:auto;}
    .selectProperty {margin-bottom:0px;}
}
    @media(height:1024px) {.filterBox .cui_mainbox {max-height:700px!important;height:auto;overflow-y:auto;}
    }
    @media(max-height:800px) and (min-width:768px) {.filterBox .cui_mainbox {max-height:430px!important;height:auto;overflow-y:auto;}
    }
    @media(max-height:720px) and (min-width:600px) {.filterBox .cui_mainbox {max-height:320px!important;height:auto;overflow-y:auto;}
    }
    @media(max-height:480px) {.filterBox .cui_mainbox {max-height:260px!important;height:auto;overflow-y:auto;}
    }
}

.publicPraise .shaidan .cui_cyellow{font-size: 12px;}


@media (max-width:767px) {
    .probannerCat .txtBox{width: 83.33333333%;margin: 0px 8.33333333% 0px ;text-align: center;height: 150px;padding: 0px;}
    .probannerCat img{height: 150px;}
    .probannerCat .txtBox .name {font-size: 18px;line-height: 24px;text-align: center;}
    .probannerCat .txtBox .link{text-align: center;}

}

/*璇︽儏椤佃棰�*/
.pro_info .banner  video{height: 522px;width: 100%;display: block;background:#333;}
.pro_info .banner .mejs-container.mejs-container-fullscreen{height: 100%!important;}
.pro_info .banner .mejs-container{background:#333!important;}
.pro_info .banner .mejs-container,
.pro_info .banner .mejs-layers .mejs-overlay,
.pro_info .banner .mejs-overlay-play{height: 522px!important;width: 100%!important;}
@media (min-width:992px) and  (max-width:1199px){/* md*/
    .pro_info .banner  video,
    .pro_info .banner .mejs-container,
    .pro_info .banner .mejs-layers .mejs-overlay,
    .pro_info .banner .mejs-overlay-play{height: 430px!important;}
}
@media (min-width:768px) and (max-width:991px){/* sm*/
    .pro_info .banner  video,
    .pro_info .banner .mejs-container,
    .pro_info .banner .mejs-layers .mejs-overlay,
    .pro_info .banner .mejs-overlay-play{height: 329px!important;}
}
@media (max-width:767px){/* xs*/
    .pro_info .banner  video,
    .pro_info .banner .mejs-container,
    .pro_info .banner .mejs-layers .mejs-overlay,
    .pro_info .banner .mejs-overlay-play{height: 329px!important;}
}


/*绛涢€�*/
.overflow {overflow:hidden;}

@media (min-width:992px) and  (max-width:1199px){/* md*/

}
@media (min-width:768px) and (max-width:991px){/* sm*/

}
@media (max-width:767px){/* xs*/

}

.module {margin-bottom:60px;}
@media (min-width:768px) and (max-width:991px) {/* sm*/
    .module {margin-bottom:45px;}
}
@media (max-width:767px) {/* xs*/
    .module {margin-bottom:45px;}
}
.boxSizing {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}


/*姣嶅┐浜у搧banner*/
.pro_my .c_indextop {max-width:1500px;overflow:hidden;margin:0px auto;position:relative;box-shadow:0 1px 2px rgba(0,0,0,0.05);border-bottom:1px solid #ededed;z-index: 1;}
.pro_my .c_indextop .banbox {padding:0px 30px;}
.pro_my .c_indextop .banbox .banner {position:relative;overflow:hidden;font-size:0px;height:350px;}
.pro_my .c_indextop .banbox .banner img {position:absolute;top:50%;left:50%;margin-left:-750px;margin-top:-175px;}
.pro_my .c_indextop .banbox .banner .txtbox {height:350px;}
.pro_my .c_indextop .banbox .banner .txtbox h1 {font-size:32px;line-height:1.3em;color:#333;margin-bottom:10px;}
.pro_my .c_indextop .banbox .banner .txtbox p {font-size:14px;line-height:1.3em;color:#666;}
.pro_my .c_indextop .banbox .banner .txtbox .o_cell {text-align:left;}
.pro_my .c_indextop .banbox .banner .mask {background:#fff;width:100%;height:100%;position:absolute;top:0px;left:0px;opacity:0.6;filter:alpha(opacity=60);}
@media (min-width:992px) and  (max-width:1199px) {/* md*/
    .pro_my .c_indextop .banbox {padding:0px 20px;}
    .pro_my .c_indextop .banbox .banner .txtbox .o_cell {padding-left:45px;}
}
@media (min-width:768px) and (max-width:991px) {/* sm*/
    .pro_my .c_indextop .banbox {padding:0px 0px;}
    .pro_my .c_indextop .banbox .banner .txtbox .o_cell {padding-left:15px;}
}
@media (max-width:767px) {/* xs*/
    .pro_my .c_indextop .banbox {padding:0px 0px;}
    .pro_my .c_indextop .banbox .banner {height:250px;}
    .pro_my .c_indextop .banbox .banner img {margin: 0px; top: 0px;left: 0px;width: 100%;height: 250px;}
    .pro_my .c_indextop .banbox .banner .txtbox {height:250px;}
    .pro_my .c_indextop .banbox .banner .txtbox .o_cell {padding-left:0px;text-align:center;}
}


/*姣嶅┐浜у搧瀵艰埅*/
.pro_my .promyNavbox {height:80px;position:relative;z-index:10;display: block;width: 100%;}
.pro_my .promyNavbox .proTabBox{background: white;width: 100%;height: 80px;}
.pro_my .promyNavbox .proTabBox.fixed{
    position: fixed;left:0px;top:0px;right:0px; width: 100%;background: white;height: 60px;
}
.pro_my .promyNavbox .proTabBox_more{position: relative;}








.pro_my .promyNavbox .promyNav {height:80px;box-shadow:0 1px 2px rgba(0,0,0,0.05);border-bottom:1px solid #ededed;font-size:0;}
.pro_my .promyNavbox .promyNav.fixed{position: fixed;left:0px;top:0px;right:0px; width: 100%;background: white;height: 60px;}
.pro_my .promyNavbox .promyNav .list {display:block;text-align:center;}
.pro_my .promyNavbox .promyNav .list ul {display:inline-block;}
.pro_my .promyNavbox .promyNav .list ul li {display:inline-block;padding:0 30px;height:80px;line-height:80px;cursor:pointer;position:relative;}
.pro_my .promyNavbox .promyNav.fixed .list ul li{height: 60px;line-height: 60px;}
.pro_my .promyNavbox .promyNav .list ul li a{font-size:16px;color:#999;}
.pro_my .promyNavbox .promyNav .list ul li i{display: none;}
.pro_my .promyNavbox .promyNav .list ul li.cur,
.pro_my .promyNavbox .promyNav .list ul li:hover{background:#f8f8f8;}
.pro_my .promyNavbox .promyNav .list ul li.cur a,
.pro_my .promyNavbox .promyNav .list ul li:hover a{color:#a88747;}
.pro_my .promyNavbox .promyNav .list ul li.cur:after,
.pro_my .promyNavbox .promyNav .list ul li:hover:after{content:"";display:block;height:2px;background:#a88747;position:absolute;top:0;left:0;width:100%;}
@media (min-width:992px) and  (max-width:1199px) {/* md*/
    .pro_my .promyNavbox {margin-bottom:0px}
}
@media (min-width:768px) and (max-width:991px) {/* sm*/
    .pro_my .promyNavbox {height:60px;margin-bottom:0px;}
    .pro_my .promyNavbox .proTabBox {height:60px;}
    .pro_my .promyNavbox .promyNav .list ul li {font-size:14px;line-height:60px;height:60px;}
    .pro_my .promyNavbox .proTabBoxUl li a{line-height: 58px;font-size: 14px;}
}
@media (max-width:767px) {/* xs*/
    .pro_my .promyNavbox {height:60px;margin-bottom:0px;}
    .pro_my .promyNavbox .proTabBox{height: 60px;}
    .pro_my .proTabBox li.cur a{color: #a78847;}
    .pro_my .promyNavbox .proTabBox_more{
        position: absolute;
        width: 100%;
        z-index: 11;
        box-sizing: border-box;
    }
    .pro_my .promyNavbox .proTabBoxUl{
        top: 60px;
    }

    .pro_my .promyNavbox .promyNav {height:60px;}
    .pro_my .promyNavbox .promyNav .list {position:absolute;left:0;top:62px;width:100%;background:#f8f8f8;display:none;z-index:1;}
    .pro_my .promyNavbox .promyNav .list ul {width:100%;}
    .pro_my .promyNavbox .promyNav .list ul li {font-size:14px;line-height:50px;height:50px;width:100%;padding:0px 15px;text-align:left;box-sizing:border-box;border-bottom:1px solid #eee;}
    .pro_my .promyNavbox .promyNav .list ul li i{margin-right: 5px;display: inline-block;}
    .pro_my .promyNavbox .promyNav .list ul li:last-child {border-bottom:none;}
    .pro_my .promyNavbox .promyNav .list ul li.cur:after {display:none;}
    .pro_my .promyNavbox .mytabbox{position: absolute;line-height: 60px;width: 100%;}
    .pro_my .promyNavbox .mytabbox span{font-size:16px;color:#333;}
    .pro_my .promyNavbox .mytabbox span i {color:#000;}
    .pro_my .promyNavbox.open .mytabbox span,
    .pro_my .promyNavbox.open .mytabbox span i{color:#a88747;}
    .pro_my .promyNavbox.open .promyNav .list{display: inline-block;}


    .pro_my .promyNavbox .promyNav .tabname {height:60px;line-height:60px;font-size:16px;color:#333;}
    .pro_my .promyNavbox .promy_tab.open .tabname {color:#a88747;}
    .pro_my .promyNavbox .promy_tab .toggle {height:60px;line-height:60px;text-align:center;display:inline-block;cursor:pointer;position:relative;box-sizing:border-box;float:right;}
    .pro_my .promyNavbox .promy_tab .toggle i {color:#000;}
    .pro_my .promyNavbox .promy_tab.open .toggle i {color:#a88747;}
}


/*姣嶅┐浜у搧瑙ｅ喅鏂规*/
.myschemebox{
    position: relative;
    z-index: 0;
}
.schemebox{
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 600px;
    z-index: 0;
}
.schemebox .pic{
    height: 600px;
    position: absolute;
}
.schemebox .pic.left{
    left:0px;
}
.schemebox .pic.right{
    right:0px;
}
.schemebox .pic.center{
    left:50%;
    margin-left: -990px
}
.schemebox .txtbox{
    position: absolute;
    top:0px;
    height: 600px;
    width: 100%;
    text-align: center;
}

.schemebox .txtbox .cui_mainbox{
    position: absolute;
    left:50%;
    top:50%;
}
.schemebox .txtbox .title{
    font-size: 36px;
    line-height: 1.3em;
    color: #333;
    margin-bottom: 10px;
}
.schemebox .txtbox .name{
    font-size: 14px;
    line-height: 1.3em;
    color: #666;
}
.schemebox .txtbox .line{
    border-bottom: 1px solid #030303;
    opacity: 0.05;
    filter:alpha(opacity=5);
    margin: 30px 0px;
}
.schemebox .txtbox .badgebox{
    position: relative;
}
.schemebox .txtbox .badgebox ul{
    white-space: nowrap;
    overflow: hidden;
}
.schemebox .txtbox .badgebox .box{
    margin:0px auto;
    width: 80%;
    display: inline-block;
}
.schemebox .txtbox .badgebox .box img{
    width: 100%;
    height: 100%;
    margin-bottom: 10px;
}
.schemebox .txtbox .badgebox .box h2{
    font-size: 18px;
    line-height: 1.3em;
    color: #333;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.schemebox .txtbox .badgebox .box .type{
    font-size: 14px;
    line-height: 1.3em;
    color: #999;
    margin-bottom: 15px;
}
.schemebox .txtbox .badgebox .box .price{
    font-size: 14px;
    line-height: 1.3em;
    color: #a78847;
}

.schemebox .badgebox .btn_next,.schemebox .badgebox .btn_prev {
    position: absolute;
    top: 0px;
    width: 32px;
    height: 312px;
    line-height: 312px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
    font-family: "iconfont";
    cursor: pointer;
}
.schemebox .o_df_1-2 .badgebox .btn_prev{
    left:0px;
}
.schemebox .o_df_2-2 .badgebox .btn_prev{
    left:-48px;
}
.schemebox .badgebox .btn_prev:after {
    content: "\e60b";
    font-size: 32px;
    color: #000;
    display: inline-block;
    vertical-align: middle;
    line-height: 32px;
}
.schemebox .o_df_1-2 .badgebox .btn_next{
    right:0px;
}
.schemebox .o_df_2-2 .badgebox .btn_next{
    right:-48px;
}
.schemebox .badgebox .btn_next:after {
    content: "\e60c";
    font-size: 32px;
    color: #000;
    display: inline-block;
    vertical-align: middle;
    line-height: 32px;
}
@media (min-width:992px) and  (max-width:1199px){/* md*/
    .schemebox{
        height: 500px;
    }
    .schemebox .pic{
        height: 500px;
    }
    .schemebox .pic.center{
        margin-left: -825px;
    }
    .schemebox .txtbox{
        height: 500px;
    }
    .schemebox .txtbox .title{
        font-size: 32px;
    }
    .schemebox .txtbox .badgebox .box h2{
        font-size: 16px;
    }
    .schemebox .o_df_2-2 .badgebox .btn_prev{
        left: 5px;
    }
    .schemebox .o_df_2-2 .badgebox .btn_next{
        right: 5px;
    }
}
@media (min-width:768px) and (max-width:991px){/* sm*/
    .schemebox{
        height: 370px;
    }
    .schemebox .pic{
        height: 370px;
    }
    .schemebox .pic.center{
        margin-left: -610.5px;
    }

    .schemebox .txtbox{
        height: 370px;
    }

    .schemebox .txtbox .title{
        font-size: 24px;
        margin-bottom: 5px;
    }
    .schemebox .txtbox .name{
        font-size: 12px;
    }
    .schemebox .txtbox .line{
        margin: 20px 0px;
    }
    .schemebox .o_df_2-2 .badgebox .btn_prev{
        left: -4px;
    }
    .schemebox .o_df_2-2 .badgebox .btn_next{
        right: -4px;
    }
    .schemebox .txtbox .badgebox .box h2{
        font-size: 16px;
        margin-bottom: 5px;
    }
    .schemebox .txtbox .badgebox .box img{
        margin-bottom: 5px;
    }
    .schemebox .txtbox .badgebox .box .type{
        margin-bottom: 5px;
    }
}
@media (max-width:767px){/* xs*/
    .schemebox{
        height: auto;
    }

    .schemebox .pic{
        height: 300px;
        width: 100%;
        position: relative;
    }
    .schemebox .pic.center{
        margin-left: -160px;
    }
    .schemebox .txtbox{
        position: relative;
        left: 0px;
        height: auto;
    }
    .schemebox .txtbox.f8{
        background: #f8f8f8;
    }
    .schemebox .txtbox.f3{
        background: #f3f0f3;
    }
    .schemebox.fa{
        background: #faf8f6;
        height: 514px;
    }
    .schemebox.fa .txtbox{
        position: absolute;
        top:60px;
    }
    .schemebox .txtbox .cui_mainbox{
        position: relative;
        top:0px;
        left:0px;
    }
    .schemebox .txtbox .title{
        font-size: 24px;
        margin-bottom: 5px;
    }
    .schemebox .txtbox .name{
        font-size: 12px;
    }
    .schemebox .txtbox .line{
        margin: 30px 0px;
    }
    .schemebox .o_df_2-2 .badgebox .btn_prev{
        left: 0px;
    }
    .schemebox .o_df_2-2 .badgebox .btn_next{
        right: 0px;
    }
    .schemebox .txtbox .badgebox{
        margin-bottom: 60px;
    }
    .schemebox .txtbox .badgebox .box{
        width: 66.66666667%;
    }
    .schemebox .txtbox .badgebox .box .type{
        margin-bottom: 15px;
    }
}

/*姣嶅┐浜у搧鏂拌疆鎾�*/

.schemebox .txtbox .device{
    position: relative;
    height: 317px;
}
.schemebox .txtbox .device .swiper-container{
    overflow: hidden;
}
.schemebox .txtbox .device .swiper-wrapper{
    white-space: nowrap;
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
}
.schemebox .txtbox .device .box{
    margin:0 auto;
    width: 80%;
    display: inline-block;
}
.schemebox .txtbox .device .box img{
    width: 100%;
    height: 100%;
    margin-bottom: 10px;
}
.schemebox .txtbox .device .box h2{
    font-size: 18px;
    line-height: 1.3em;
    color: #333;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.schemebox .txtbox .device .box .type{
    font-size: 14px;
    line-height: 1.3em;
    color: #999;
    margin-bottom: 15px;
}
.schemebox .txtbox .device .box .price{
    font-size: 14px;
    line-height: 1.3em;
    color: #a78847;
}


.schemebox .device .btn_next,.schemebox .device .btn_prev {
    position: absolute;
    top: 0px;
    width: 32px;
    height: 317px;
    line-height: 317px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
    font-family: "iconfont";
    cursor: pointer;
    z-index: 2;
    color: #000;
}
.schemebox .o_df_1-2 .device .btn_prev{
    left:0px;
    color: #ccc;
}
.schemebox .device .btn_prev:after {
    content: "\e60b";
    font-size: 32px;
    display: inline-block;
    vertical-align: middle;
    line-height: 32px;
}
.schemebox .o_df_1-2 .device .btn_next{
    right:0px;
}
.schemebox .device .btn_next:after {
    content: "\e60c";
    font-size: 32px;
    display: inline-block;
    vertical-align: middle;
    line-height: 32px;
}
@media (min-width:992px) and  (max-width:1199px) {/* md*/
    .schemebox .txtbox .device {
        position: relative;
        height: 274px;
    }
    .schemebox .txtbox .device .box h2{
        font-size: 16px;
    }
    .schemebox .o_df_1-2 .device .btn_prev{
        height: 274px;
        line-height: 274px;
    }
    .schemebox .o_df_1-2 .device .btn_next{
        height: 274px;
        line-height: 274px;
    }
}
@media (min-width:768px) and  (max-width:991px) {/* sm*/
    .schemebox .txtbox .device {
        height: 233px;
    }
    .schemebox .o_df_1-2 .device .btn_prev{
        height: 233px;
        line-height: 233px;
    }
    .schemebox .o_df_1-2 .device .btn_next{
        height: 233px;
        line-height: 233px;
    }
    .schemebox .txtbox .device .box h2{
        font-size: 16px;
        margin-bottom: 5px;
    }
    .schemebox .txtbox .device .box img{
        margin-bottom: 5px;
    }
    .schemebox .txtbox .device .box .type{
        margin-bottom: 5px;
    }
}
@media (max-width:767px) {/* sm*/
    .schemebox .txtbox .device {
        /*height: 282px;*/
        margin-bottom: 60px;
    }
    .schemebox .o_df_1-2 .device .btn_prev{
        height: 282px;
        line-height: 282px;
    }
    .schemebox .o_df_1-2 .device .btn_next{
        height: 282px;
        line-height: 282px;
    }
    .schemebox .txtbox .device .box{
        width: 66.66666667%;
    }
    .schemebox .txtbox .device .box .type{
        margin-bottom: 15px;
    }
}