@charset "utf-8";
/*通用样式*/
#desgin-main{padding:0; position:relative; z-index:99;}
.box_web_main{margin:0 auto; max-width:1200px; width:100%;}
.setapplink{cursor: pointer;}
.moduleHide{display: none!important;}
img.lazy{width: 100%;}
#appLink_copyTools{ position: absolute; z-index:-1; top: -999999px;}
#box_web_float{min-height:initial}
.box_web_main .view{max-width:100%;}
.location span:after{font-family:'宋体';}
.skin_model_view:after{height:0; clear:both; display:block; overflow:hidden; content:'';}
.box_imageText .skin_model_view *{max-width:100%;}
.box_imageText .skin_model_view{min-height:50px; padding:10px;}
.box_imageText .imgText_pic{position:relative; overflow:hidden;}
.box_imageText .imgText_pic img{width:100%; height:100%;}
.box_imageText .imgText_pic a{display:block; width:100%; height:100%;}
.box_imageText .imgText_pic img.nomal_pic{display:block; position:relative; z-index:1;}
.box_imageText .imgText_pic img.hover_pic{position:absolute; left:0; top:0; display:none; z-index:3;}
.box_imageText .imgText_top, .imgText_bottom{margin:0 auto;}
.box_imageText .imageTextUnsavedHoler{display:flex;align-items:center;}
.box_imageText .imageTextUnsavedHoler .unsavedImg,.box_imageText .imageTextUnsavedHoler .unsavedContent{flex:1;}
.box_imageText .imageTextUnsavedHoler .unsavedContent{padding-left:10px;}
.more_input > .col-xs-6{margin-bottom:10px;}
.textFloat{z-index:1;}
.box_picture{z-index:10;}
.box_simpleText{z-index:11;}
.box_press_button{z-index:12;}
.box_picture .view, .box_logo .view{text-align:center;}
.box_picture i.icon, .box_logo i.icon{display:block;}
.box_picture .hoverImg, .box_logo .hoverImg{position:absolute; top:0; left:0;}
.box_picture img, .box_logo img{display:block; width:100%; height:100%;}
.box_picture img.editPic,.box_logo img.editPic{cursor: pointer;}
.textFloat > .view{overflow:hidden; position:relative; height:100%;}
#design_edu_main{position:relative;}
#Web_Main_Head, #Web_Main_Footer{padding:0; border:0; position:relative; z-index:1;}
#web_design_main{min-width:1200px; margin:0 auto; width:100%;}
#box_web_float{z-index:9;}
#Web_main_float{position:relative; z-index:12;}
#footer_main_float{position:relative; z-index:11;}
#Web_show_logo{position:relative; z-index:13;}
#Web_show_logo .logo_img img{display:block; max-width:100%; max-height:100%;}
#Web_show_menu{z-index:11; position:relative;}
#Web_show_menu .box_menu > .view{z-index:1; overflow:inherit;}
#Web_back_top{bottom:50px; right:40px; z-index:9000; position:fixed; display:none}
.hasSub{min-height:35px; position:relative;}

#design_edu_main{min-height:650px; z-index:5;}
#design .design #design_edu_main .web_Column{min-height:50px;}
#design .hide_Column{display:none;}
.laydate_box *{font-family:'Arial', 'Microsoft YaHei';}
.box_carousel, .box_banner{height:100px;}
.box_carousel > .view > .skin_model_view, .box_banner > .view > .slideBox{overflow:hidden; height:100px;}
.box_banner > .view{position:relative; z-index:1;}
.box_qrcode .qrcodeBox{text-align:center; padding:10px 0;}
.box_qrcode .qrcodeBox > .qrcode_img > table{margin:0 auto; text-align:center; display:block;}
.box_qrcode .qrcodeBox > span{padding-top:10px;}
#playerButton{display:none}
#member_lan{display:none;}
#web_Sidebar{display:none}
#desgin-main{background:#fff;}
#Web_Main_Head{min-height:170px;}
#desgin-main .box_photoMore .skin_model_view1 td{vertical-align:top; min-height:50px;}
.modulebox{position:relative;}
.modulebox:after, .modulebox:before{height:0; clear:both; display:block; overflow:hidden; content:'';}
.box_oneColumn:hover,.box_moreColumn:hover,.box_freeColumn:hover{z-index: 2;}
/*解决Safari浏览器高度为0不生效*/
/* .isSafari .modulebox:after, .isSafari .modulebox:before{height:1px;} */
.isSafari .column-scroll-content:after, .isSafari .column-scroll-content:before{height:1px;}
.form-mask{background-color:rgba(0, 0, 0, 0.5); height:100%; left:0; line-height:normal; position:absolute; top:0; width:100%;}
.group{position:relative; word-wrap:break-word;}
.form-horizontal .control-label.col-sm-12{text-align:left;}
.control-label{font-size:12px; line-height:34px;}
.no_comment img{margin: 20px auto; display: block;}
/* 详情页关闭按钮 */
.bottom_botton{padding-top:10px; height:50px; text-align:center;}
/* toastr */
.toast-top-center{top:40px;}
#toast-container > div{opacity:1; padding:10px 10px 10px 50px;}
/*自由容器*/
.box_freeColumn{margin:0 auto;}
.box_freeColumn > .view{overflow:inherit;}
.box_freeColumn > .view > .hasSub{position:relative; cursor:default;}
.box_freeColumn > .view > .kenfor-addible{border:0; overflow:hidden;}
.sortable-items > .ui-resizable-s:after{display:none}



/*网站横幅*/
.box_banner .view{margin:0 auto; overflow:hidden; height:100px;}
.box_banner .slideBox{overflow:hidden; position:relative; margin:0 auto; height:120px;}
.box_banner .slideBox .hd{/* height: 25px;*/ overflow:hidden; position:absolute; left:0px; bottom:0px; z-index:1; width:100%; text-align:center;}
.box_banner .slideBox .hd ul{overflow:hidden; zoom:1; width:100%; height:100%; margin:0;}
.box_banner .slideBox .bd{position:relative; height:100%; z-index:0;}
.box_banner .slideBox .bd li{zoom:1;}
.box_banner .slideBox .bd img{max-width:100%; max-height:100%; display:block; margin:0 auto;}
.box_banner .slideBox .prevStop{display:none;}
.box_banner .slideBox .nextStop{display:none;}
.box_banner .banner_img{height:100%; width:100%; display:block; background-position:top center; background-repeat:no-repeat; margin:0 auto;}
/*hd的li样式*/
.box_banner .slideBox .ul_li1{text-align:center}
.box_banner .slideBox .ul_li1 li{display:inline-block; overflow:hidden; width:10px; height:10px; border-radius:50%; margin:0px 4px; background:#e8e8e8; filter:alpha(opacity=80); opacity:.8; cursor:pointer; zoom:1; text-indent:100px;}
.box_banner .slideBox .ul_li1 li.on{background:#fff; opacity:1; fiter:alpha(opacity=100);}
.box_banner .slideBox span.rbanner_button{position:absolute; top:50%; cursor:pointer; width:71px; height:71px; z-index:999; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; margin-top:-35px;}
.box_banner .slideBox span.hleft{background:url(../images/banner/left.png) no-repeat rgba(0, 0, 0, 0.1); left:20px;}
.box_banner .slideBox span.hright{background:url(../images/banner/right.png) no-repeat right rgba(0, 0, 0, 0.1); right:20px;}
.box_banner .slideBox .ul_li2 li{margin-right:5px; width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; margin-top:5px; display:inline-block;}
.box_banner .slideBox .ul_li2 li.on{background:#f00; color:#fff;}
.box_banner .slideBox .ul_li3 li{display:inline-block; position:relative; display:inline-block; overflow:hidden; width:17px; height:8px; background:#e8e8e8; filter:alpha(opacity=50); opacity:.5; cursor:pointer; zoom:1; margin:9px 6px 0 0; text-indent:100px;}
.box_banner .slideBox .ul_li3 li.on{background:#fff; opacity:1; fiter:alpha(opacity=100);}
.box_banner .slideBox .ul_li4{display:none;}
.bannerDiv{display:block; background-position:top center; background-size: cover; background-repeat: no-repeat; position:absolute; left:0; top:0; width:100%; height:100%;}
.bannerDiv.onlyOneBannerDiv{position:unset;left:unset;top:unset;}
.bannerDiv.slideVideo{text-align:center;}
.bannerDiv.slideVideo+video{height:100%;width: 100%;background-color: #000;}
.bannerDiv img{display:block; filter:alpha(opacity=0); opacity:0;}
.box_banner .slideBox .ul_li5 li{display:inline-block; overflow:hidden; margin:0px 5px; background-color:#e8e8e8; cursor:pointer; zoom:1; font-size:0; border:1px solid #e8e8e8;}
.box_banner .slideBox .ul_li5 li img{width:100%; height:100%;}
.box_banner .slideBox .ul_li5 li.on{border:1px solid #ef4500;}
/*box_products*/
.box_products .pro_form_div{overflow:hidden; position:relative; text-align:left;}
.box_products .pro_form_div_top{height:46px; line-height:46px; background:url(../images/specifyProduct/product_spe_dh_tb.png) no-repeat 5px center; padding-left:20px; font-size:16px; border-bottom:1px solid #cccccc;}
.box_products .pro_form_div_con{padding:8px;}
.box_products .pro_form_div_con:after{clear:both; overflow:hidden; height:0; content:""; display:block;}
.box_products .pro_form_mainDiv, .box_products .pro_form_mainDiv .imgDiv{position:relative; overflow:hidden;}
.box_products .pro_form_mainDiv .productImgForm{width:200px; height:170px; overflow:hidden; display:block; margin:0 auto}
.box_products .pro_form_mainDiv .imgBigdiv{display:none;}
.box_products .pro_form_mainDiv .productTitleForm{line-height:32px; overflow:hidden; font-size:14px; display: block;}
.box_products .pro_form_mainDiv a.fk_first_mallBuy{width:88px; background-color:#2b2b2b; height:30px; line-height:30px; color:#ffffff; padding:0; font-size:14px; text-align:center; border-radius:3px; margin:0px auto; display:block;}
.box_products .pro_form_mainDiv .productDetailForm{position:relative;}
.box_products .pro_form_mainDiv .productDetail p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0}
.box_products .pro_form_mainDiv .productShopCart a{display:block; margin:5px auto; width:90px; text-align:center; color:#fff; border-radius:5px; background:#337ab7; line-height:28px}
.box_products .productStyleBox1 .imgDiv{float:left;}
.box_products .productStyleBox1 .productTitleForm{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.box_products .productStyleBox1 .imgDiv, .box_products .productStyleBox4 .imgDiv{margin-bottom:20px;}
.box_products .productStyleBox1 .effects4 .imgDiv, .box_products .productStyleBox1 .effects5 .imgDiv{margin-bottom:10px}
.box_products .productStyleBox2 .imgDiv{float:left;}
.box_products .productStyleBox3 .imgDiv{float:left;}
.box_products a.public_prev, .box_products a.public_next{position:absolute; z-index:999; top:50%; width:50px; height:50px; margin-top:-25px; border-radius:100%; line-height:50px; text-align:center; background:#aaaaaa; background:rgba(170, 170, 170, .6); color:#fff; font-size:24px; font-family:'宋体'; font-weight:bold; display:none;}
.box_products a.public_prev{left:5px;}
.box_products a.public_next{right:5px;}
.box_products a.public_prev:hover, .box_products a.public_next:hover{background:rgba(133, 133, 133, .6); text-decoration:none}
.box_products a.public_prev:before{content:"\003C";}
.box_products a.public_next:before{content:"\003E";}
.box_products .productStyleBox3 a.public_prev, .productStyleBox3 a.public_next{display:block}
.box_products .productStyleBox3 .pro_form_div{width:calc(100% - 120px); margin:0 auto;}
.box_products .productStyleBox4 .imgDiv{float:left;}
.box_products .productStyleBox4 .productImgForm_c{max-width:50%; text-align:center; float:left; overflow:hidden;}
.box_products .productStyleBox4 .productDetailForm1{float:left;}
.box_products .productStyleBox4 .parameter3 .productShopCart{padding-left:15px;}
.box_products .productStyleBox7 .imgDiv{clear:both; display:block; margin-bottom:20px; border-bottom:1px dashed #ddd; padding-bottom:20px; width:100%;}
.box_products .productStyleBox7 .productImgForm{width:180px; text-align:center; display:table-cell; vertical-align:middle; float:left;}
.box_products .productStyleBox7 .productDetailForm{width:calc(100% - 200px); display:inline-block; float:right;}
.box_products .productStyleBox7 .productPrice p{text-align:left}
.box_products .productStyleBox5 .show{position:relative; margin-bottom:15px;}
.box_products .productStyleBox5 .show > a{position:absolute; display:none; top:50%; width:50px; height:50px; cursor:pointer; margin-top:-25px; text-decoration:none; font-size:36px; font-family:'宋体'; font-weight:bold; text-align:center;}
.box_products .productStyleBox5 .show:hover > a{display:block;}
.box_products .productStyleBox5 .show > .prev{left:0;}
.box_products .productStyleBox5 .show > .next{right:0;}
.box_products .productStyleBox5 .show > .prev:after{content:"<";}
.box_products .productStyleBox5 .show > .next:after{content:">";}
.box_products .productStyleBox5 .show .img{float:left; width:calc(100% - 280px);}
.box_products .productStyleBox5 .show .img img{width:100%;}
.box_products .productStyleBox5 .show .productDetailForm{float:right; width:260px;}
.box_products .productStyleBox5 .list{position:relative;}
.box_products .productStyleBox5 .list > a{display:block; position:absolute; top:50%; margin-top:-15px; width:30px; height:30px; line-height:30px; text-align:center; font-size:30px; overflow:hidden; cursor:pointer; font-weight:bold; text-decoration:none; font-family:'宋体';}
.box_products .productStyleBox5 .list > .prev{left:0;}
.box_products .productStyleBox5 .list > .next{right:0;}
.box_products .productStyleBox5 .list > .prev:after{content:"<";}
.box_products .productStyleBox5 .list > .next:after{content:">";}
.box_products .productStyleBox5 .list ul{overflow:hidden; position:relative; margin:0 35px; height:80px;}
.box_products .productStyleBox5 .list ul li{letter-spacing:-1px; font-size:0; white-space:nowrap; position:absolute; left:0; top:0;}
.box_products .productStyleBox5 .list ul li a{display:inline-block; vertical-align:top; width:80px; height:80px; cursor:pointer; margin-left:8px;}
.box_products .productStyleBox5 .list ul li a:first-child{margin-left:0;}
.box_products .productStyleBox5 .list ul li a img{display:block; width:100%; height:100%;}
.box_products .productStyleBox6 .first{margin-bottom:10px;}
.box_products .productStyleBox6 .first img{float:left; display:block;}
.box_products .productStyleBox6 .first .productDetailForm{float:right; width:calc(100% - 182px)}
.box_products .productStyleBox6 .first .productTitleForm,
.box_products .productStyleBox6 .first .productDetail p{text-align:left;}
.box_products .productStyleBox6 .list .productDetailForm div{float:left; width:20%; padding:0 9px; text-align:center;}
.box_products .productStyleBox6 .list.type .productDetailForm div{font-weight:bold;}
.box_products .productStyleBox6 .list .productDetailForm .productDetail p{float:left; width:33.333333333%;}
.box_products .productStyleBox8 .productDetailForm div{float:left; width:20%; padding:0 9px; text-align:center;}
.box_products .productStyleBox8 .type .productDetailForm div{font-weight:bold;}
.box_products .productStyleBox8 .productDetailForm .productDetail p{float:left; width:33.333333333%;}
.box_products .effects2 .productImgForm_c a.productEffects{display:none; position:absolute; top:0px; z-index:10; width:100%; height:100%; text-align:center;}
.box_products .effects2 .productImgForm_c a.productEffects span{display:block; margin:0 auto;}
.box_products .productStyleBox4 .effects2 .productImgForm_c{position:relative; text-align:left;}
.box_products .productStyleBox4 .effects2 .productImgForm_c a.productEffects{text-align:left !important;}
.box_products .productStyleBox4 .effects2 .productImgForm_c a.productEffects span{margin:0 !important;}
.box_products .effects3 .productImgForm, .box_products .effects4 .productImgForm{display:block; position:relative;}
.box_products .effects3 li a.productImgForm:hover:after{content:''; position:absolute; left:0; top:0; width:100%; height:100%; display:block; background:url("../images/listPhoto/imageEffetc_mask.png") no-repeat center center;}
.box_products .effects4 .productDetailForm1{display:none; position:absolute; top:0; left:0px; color:#fff; width:100%; height:100%; text-align:center;}
.box_products .effects4 .productDetailForm2{display:block; margin:0 auto;}
.box_products .effects4 .productDetailForm{display:table-cell; vertical-align:middle; overflow:hidden; cursor:pointer;}
.box_products .effects4 .productDetailForm .productTitleForm{white-space:normal;}
.box_products .effects5 .productDetailForm1{display:none; position:absolute; bottom:0px; left:0px; color:#fff; width:100%; text-align:center;}
.box_products .effects5 .productDetailForm2{display:block; margin:0 auto;}
.box_products .effects5 .productDetailForm{display:table-cell; vertical-align:middle; overflow:hidden; cursor:pointer;}
.box_products .effects5 .productDetailForm .productTitleForm{white-space:normal;}
.box_products .effects6 li a.productImgForm{display:block; overflow:hidden;}
.box_products .effects6 li a.productImgForm img{cursor:pointer; transition:all 0.6s;}
.box_products .effects6 li a.productImgForm img:hover{transform:scale(1.2);}
.box_products .effects7 li a.productImgForm img{cursor:pointer; transition:all 0.6s;}
.box_products .effects7 li a.productImgForm img:hover{transform:translate(-10px, 0);}
.box_products .productDetail p span.proParam0, .box_products .imgDiv .productShopCartDisplay0{display:none;}
.box_products .productDetail p span.proParam1, .box_products .imgDiv .productShopCartDisplay1{display:inline-block;}
.box_products .productDetail p{display:block;}
.box_products .productDetail p.productPrice{display:inline;}
.box_products .productDetail p.productPrice span{display:none;}
.box_products .productDetail p.productSalePrice{font-size:14px; color:#f13a3a; padding-right:5px}
.box_products .productDetail p.productMarketPrice{font-size:11px; color:#999}
.box_products .parameter1 .productTitleForm, .parameter1 .productDetail p{text-align:center;}
.box_products .parameter1 .productDetail p.productPrice{display:block;}
.box_products .parameter1 .productDetail p.productPrice span{display:inline-block;}
.box_products .parameter1 .productDetail p.productPrice span.proParam0,
.box_products .parameter1 .productDetail p.productPrice span.proParam0+span{display:none;}
.box_products .parameter1 .productDetail p.productPrice span.proParam1{display:inline-block;}
.box_products .parameter1 .productShopCart{width:100%;}
.box_products .parameter2 .productTitleForm, .parameter2 .productDetail, .box_products .parameter2 .productDetail p{text-align:center;}
.box_products .parameter2 .productTitleForm{border-bottom:1px dashed #ccc; line-height:40px; margin-bottom:10px;}
.box_products .parameter2 .productShopCart{width:100%;}
.box_products .parameter3 .productTitleForm, .box_products .parameter3 .productDetailForm, .box_products .parameter3 .productDetail p{text-align:left;}
.box_products .parameter4 .productTitleForm, .box_products .parameter4 .productDetailForm, .box_products .parameter4 .productDetail p{text-align:left;}
.box_products .parameter4 .productDetail p.productPrice{display:inline-block; margin-top:10px; line-height:30px;}
.box_products .parameter4 .productShopCart{position:absolute; right:0px; bottom:10px;}
.box_products .parameter5 .productDetail p, .box_products .parameter6 .productDetail p{display:none;}
.box_products .parameter5 .productDetail p.productPrice, .box_products .parameter6 .productDetail p.productPrice{display:inline-block;}
.box_products .parameter5 .imgDiv{padding-bottom:30px;}
.box_products .parameter5 .productDetailForm1{text-align:center; bottom:40px; left:0; position:absolute; margin-bottom:-25px; width:100%; overflow:hidden;}
.box_products .parameter5 .productDetailForm2{display:block; margin:0 auto; overflow:hidden;}
.box_products .parameter5 .productDetailForm{overflow:hidden; border:1px solid #dcdcdc; background:#fff; background:rgba(255, 255, 255, 0.9); padding:5px 0; filter:alpha(opacity:90);}
.box_products .pro_form_mainDiv .imgDiv1{width:100%;}
.box_products .productStyleBox1 .imgDiv a.productImgForm img{display:block; margin:0 auto}
.box_products .productStyleBox2 .imgDiv a.productImgForm img{display:block; margin:0 auto}
.box_products .pro_form_mainDiv .imgDiv2{width:50%;}
.box_products .pro_form_mainDiv .imgDiv3{width:33.33333%;}
.box_products .pro_form_mainDiv .imgDiv4{width:25%;}
.box_products .pro_form_mainDiv .imgDiv5{width:20%;}
.box_products .pro_form_mainDiv .imgDiv6{width:16.66667%;}
.box_products .pro_form_mainDiv .imgDiv7{width:14.28571%;}
.box_products .pro_form_mainDiv .imgDiv8{width:12.5%;}
.box_products .pro_form_mainDiv .imgDiv9{width:11.1111%;}
.box_products .pro_form_mainDiv .imgDiv10{width:10%;}
.box_products .productStyleBox4 .productDetailForm1{display:block;}
.box_products .productStyleBox4 .parameter3 .productTitleForm, .box_products .productStyleBox4 .parameter3 .productDetail p, .box_products .productStyleBox4 .parameter4 .productTitleForm, .box_products .productStyleBox4 .parameter4 .productDetail p{padding-left:15px}
.box_products .pro_dafault_data{float:left; width:30%; margin-left:3%; margin-bottom:2%; text-align: center;}
.box_products .pro_dafault_data:nth-child(3n-2){margin-left:2%}
.box_products .pro_dafault_data:nth-child(3n){margin-right:2%}
.box_products .pro_dafault_data img{display: block; width:auto; margin:0 auto; max-width:100%; margin-bottom:2%;}
.box_products .pro_dafault_data >b{display:block; font-size:16px; margin-bottom:5px;}
.box_products .pro_dafault_data p{margin:0px;}