/* 公共样式 */
.container{width: 1280px;max-width: 95%;margin: 0 auto;position: relative;}
.pt_60{padding-top: 60px;}
.pt_77{padding-top: 77px;}
.pt_80{padding-top: 80px;}
.pt_70{padding-top: 70px;}
.pt_90{padding-top: 90px;}
.pt_100{padding-top: 100px;}
.pb_40{padding-bottom: 40px;}
.pb_60{padding-bottom: 60px;}
.pb_80{padding-bottom: 80px;}
.pb_105{padding-bottom: 105px;}
.pb_100{padding-bottom: 100px;}
.pb_110{padding-bottom: 110px;}
.pb_120{padding-bottom: 120px;}
.pb_128{padding-bottom: 128px;}
.pb_210{padding-bottom: 210px;}
.pb_236{padding-bottom: 236px;}
.pb_260{padding-bottom: 260px;}
.cb{clear: both;}
.pub-shadow{position: absolute;top: 0;left:0;right:0;bottom: 0;background: rgba(0,0,0,0.6);z-index: 1;}
.main{background: #f7f7f7;}
.main .banner{width: 100%;margin-bottom: 57px;text-align: center;}
.main .banner a{display: block;text-align: center;}
.main .banner img{ max-width: 100%; }

.pub-screen {line-height: 75px;position: relative;padding: 0px 36px;border-top: 1px solid #d7d7d7;border-bottom: 1px solid #d7d7d7;margin-bottom: 78px;overflow: hidden;}
.pub-screen.off{padding: 0px 0px;}
.pub-screen .pub-swiper-container{overflow: hidden;width: 100%;}
.pub-screen li{float: left;text-align: center;}
.pub-screen li > a{display: inline-block;line-height: 22px;vertical-align: middle;transition: all 0.3s;}
.pub-screen li.on a{color: #ff0000;transform: scale(1.2)}
.pub-screen i{display: inline-block;width: 7px;height: 15px;cursor: pointer;position: absolute;top: 50%;transform: translateY(-50%);z-index: 2;display: none;}
.pub-screen i.prev{background: url('../images/screen_prev.png') no-repeat;background-size: cover;left: 0;}
.pub-screen i.next{background: url('../images/screen_next.png') no-repeat;background-size: cover;right: 0;}
.pub-screen .swiper-slide{width: 12.5%;}

.detail-swiper-container{overflow: hidden;position: relative;}
.detail-swiper-container .swiper-button-next,.phone-honor-slide .swiper-button-next{background-image: url('../images/index5_r.png');right: 0;}
.detail-swiper-container .swiper-button-prev,.phone-honor-slide .swiper-button-prev{background-image: url('../images/index5_l.png');left: 0;}
.detail-swiper-container .swiper-button-next,.detail-swiper-container .swiper-button-prev,.phone-honor-slide .swiper-button-next,.phone-honor-slide .swiper-button-prev{width: 50px;height: 50px;background-size: cover;}
.detail-swiper-container .img{display:block;width: 100%;height: 0;padding-bottom: 62.5%;position: relative;overflow: hidden;}
.detail-swiper-container .img img{position: absolute;width: 100%;height: 100%;left: 0;top:0;}

.product-list>ul {margin: 0 -17.5px;padding-bottom: 12px;border-bottom: 1px solid #d7d7d7;}
.product-list>ul li{width: 33.33%; padding: 0 17.5px 42px; float: left; position: relative; min-height: 1px;}
.product-list h1 a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;}
.list_container{width: 100%; height: 100%;}
.list_wrap{background: #fff; border: #e0e0e0 solid 1px; }
.list_img img{width: 100%;}
.list_c{ margin: 0 25px; padding: 40px 0 5px; border-top: #e0e0e0 solid 1px; color: #414141; transition: all 0.8s;}
.list_c h1{font-weight: bold; line-height: 1.2em; margin-bottom: 0.83em;}
.list_c h1 a{color: #414141;}
.list_c p{line-height: 26px; height: 52px; overflow: hidden;padding: 0 27px;}
.list_c a.more1{opacity: 0; margin-top: 1em; transition: all 0.8s;}

.videoAppend{position: fixed;top:0;left:0;right: 0px;bottom: 0px;background: rgba(0,0,0,0.5);z-index: 99999999;display: none;}
.videoAppend .videoBox{position: absolute;width: 60%;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;max-width: 95%;height: 60%;}
.videoAppend .videoBox video{max-width: 100%;width: 100%;max-height: 100%;background: #000;}
.videoAppend .videoBox .close{float:right;width: 34px;height: 34px;background: url('../images/close.png') no-repeat;background-size: cover;top: -40px;right: 0px;cursor: pointer;margin-top: 0px;margin-bottom: 10px;}

.per-title {line-height: 75px;padding-left: 36px;color: #ff0000;border-bottom: 1px solid #d7d7d7;margin-bottom: 40px;}
.per-sidebar {width: 24.375%;float: left;}
.per-sidebar li{border-bottom: 1px solid rgba(255,255,255,0.4);background: #a9cae5;transition: all 0.3s;padding: 0 20px;}
.per-sidebar li a{display: block;height: 48px;color: #fff;position: relative;line-height: 48px;}
.per-sidebar li a i{display: block;position: absolute;right: 0px;top: 50%;margin-top: -4px;width: 4px;height: 8px;background: url('../images/more_icon.png') no-repeat;background-size: cover;}
.per-sidebar li:hover,.per-sidebar li.on{background: #fff;}
.per-sidebar li:hover a,.per-sidebar li.on a{color: #414141;}
.per-sidebar li:hover a i,.per-sidebar li.on a i{background-image: url('../images/more_icon01.png');}
.myWrap{float: right;width: 70.94%;}

.form{width: 790px;max-width: 100%;margin: 0 auto;}
.form .input{float: left;width: 50%;position: relative;margin-bottom: 20px;}
.form .input input{width: 100%;border: none;background: #fff;padding-left: 25px;height: 36px;line-height: 36px;font-size: 18px;}
.form .input i{position: absolute;left: 36px;top: 5px;color: #ff0000;}
.form .input-box{margin: 0 20px;}
.form .select{float: left;width: 50%;margin-bottom: 20px;}
.form .select .input{width: calc(100% - 40px);margin: 0 20px;}
.form .select .selBtn{position: absolute;display: block!important;width: 15px;height: 7px;background: url('../images/register_arrow.png') no-repeat;background-size: cover;right: 13px;top: 50%;margin-top: -3.5px;left: auto;cursor: pointer;}
.form .select input{padding-right: 40px;cursor: pointer;}
.form .selects{position: absolute;width: 100%;top: 36px;background: #fff;max-height: 220px;overflow: auto;display: none;z-index:3;}
.form .selects li{text-align: left;padding-left: 25px;margin-bottom: 10px;cursor: pointer;}
.form .selects li:hover{background: #f7f7f7;}
.form .selects li:first-child{margin-top: 10px;}
.form .form-box{margin: 0 -20px;}
.form .textarea{clear: both;}
.form .textarea textarea{width: 100%;font-size:18px;padding: 12px 23px;border: none;}
.form .textarea .textarea-box{margin: 0 20px;position: relative;}
.form .textarea i{position: absolute;top: 11px;left: 16px;color: #ff0000;}
.form button{width: 176px;height: 46px;line-height: 46px;text-align: center;color: #fff;border: none;background: #414141;margin-top: 57px;}
.form button:hover{text-decoration: underline;}
.form .btns a:hover{text-decoration: underline;}

/* 产品 */
.product .container{overflow: initial;}
.product .list_c p{padding: 0;}
.product .list_img > a{position: relative;width: 100%;height: 0px;padding-bottom: 74.86%;}
.product .list_img > a img{position: absolute;width: 100%;height: 100%;}

/* 建筑案例 */
.case {background: #f7f7f7;overflow: hidden;}
.case .pub-screen{margin-bottom: 56px;}
.case .list_wrap{border: none;overflow: hidden;}
.case .list_c{padding: 30px 0;margin: 0px;border-top: none;}
.case .list_c h1{height: auto;padding: 0 27px;}
.case .list_c .line{display: block;width: 100%;border-top: 1px solid #d7d7d7;margin-bottom: 20px;}
.case .list_c span{padding: 0 27px;}
.case .product-list>ul li{padding: 0 24px 40px;transition: all 0.5s;}
.case .list_img > a{position: relative;width: 100%;height: 0px;padding-bottom: 75%;}
.case .list_img > a img{position: absolute;width: 100%;height: 100%;}

/* 会员中心-资料手册 */
.pdList ul{margin: 0 -24px;padding-bottom: 31px;border-bottom: 1px solid #d7d7d7;width: 100%;margin: 0 auto;}
.pdList li{width: 33.33%;float: left;margin-bottom: 47px;}
.pdList li .item{margin: 0 24px;}
.pdList li .content{background: #fff;padding: 30px;margin-top: 20px;}
.pdList li h4{color: #414141;overflow: hidden;margin-bottom: 22px;}
.pdList li h4 a{white-space: nowrap;text-overflow: ellipsis;display: block;overflow: hidden;}
.pdList li p{line-height: 28px;color:#777777;margin-bottom: 20px;}
.pdList li p{height: 56px;overflow: hidden;}
.pdList li p:last-child{margin-bottom: 0px;height: auto;}
.pdList li p:last-child a{display:inline-block;width: 18px;height: 17px;background: url('../images/download.png') no-repeat;background-size: cover;margin-right: 15px;vertical-align: middle;}
.pdList li p:last-child span{vertical-align: middle;}
.pdList li .img{width: 100%;height: 0;position: relative;padding-bottom: 140.25%;}
.pdList li .img img{width: 100%;height: 100%;position: absolute;}

/* 产品详情 */
.sec-nav{width: 100%;text-align: center;}
.sec-nav ul{display: inline-block;}
.sec-nav li{margin: 0 48px; float: none; display: inline-block;}
.sec-nav li a{color: #414141;transition: all 0.3s;}
.sec-nav li a:hover{color: #ff0000;}
.sec-nav li.on{transform: scale(1.1);}
.sec-nav li.on a{color: #ff0000!important;font-weight: bold;}
.sec-nav li.on p{display: block;}
.sec-nav li h4{margin-bottom: 5px;}
.sec-nav li p{height: 3px;background: #ff0000;position: relative;display: none;}
.sec-nav li p::before{content:'';position: absolute;width: 12px;height: 6px;background: url('../images/detail-arrow.png') no-repeat;background-size: cover;left: 50%;margin-left: -5px;bottom: -5px;}
.pro-detail .content{padding: 60px 67px 75px 63px;background: #fff;margin-top: 52px;}

/* 案例详情 */
.case-detail{background: url('../images/case_detail.png') no-repeat #f7f7f7;}
/* .case-detail #views{position: relative;padding-left: 27px;color: #393939;margin-right: 22px;} */
/* .case-detail #views span{color: #777;} */
/* .case-detail #views::before{content:'';position: absolute;left: 0;top: 50%;background: url('../images/view.png') no-repeat;background-size: cover;width: 22px;height: 11px;margin-top: -5px;} */
.case-detail #views{margin-right: 22px;}
.case-detail .views{position: relative;padding-left: 27px;color: #393939;margin-right: 0;}
.case-detail .views::before{content:'';position: absolute;left: 0;top: 50%;background: url('../images/view.png') no-repeat;background-size: cover;width: 22px;height: 11px;margin-top: -5px;}

.case-detail .zan{position: relative;padding-left: 24px;color: #777;cursor: pointer;min-height: 27px;}

.case-detail .zan::before{content: '';position: absolute;width: 16px;height: 14px;background: url('../images/xin.png') no-repeat;background-size: cover;left: 0;top: 50%;margin-top: -7px;}
.case-detail .zan.on::before{background-image: url('../images/xin_red.png');}
.case-detail .zan.on{color: #ff0000;}
.case-detail h1{font-weight: bold;color: #414141;margin-bottom: 5px;}
.case-detail .collection{position: absolute;padding-left: 23px;color: #777;top: 8px;right: 0;cursor: pointer;}
.case-detail .collection.on::before{background-image: url('../images/collection_on.png');}
.case-detail .collection.on{color: #ff0000;}
.case-detail .collection::before{content:'';position: absolute;left: 0;top: 50%;width: 16px;height: 16px;margin-top: -8px;background: url('../images/collection.png') no-repeat;background-size: cover;}
.case-detail .share-box .collection{position: static;}
.case-detail .title{margin-bottom: 40px;}
.swiper-box{margin-bottom: 33px;width: 70%;margin: 0 auto;}
.case-detail .right{position: relative;margin-top: 25px;overflow: hidden;}
.case-detail .right .zan,.case-detail .right .collection{float: left;cursor: pointer;}
.case-detail .share-box{margin-top: 28px;}
.case-detail .change{clear: both;}
.case-detail .right .collection{margin-right: 24px;}
.case-detail .left {margin-bottom: 20px;}
.case-detail .left h6{color: #777;}
.case-detail .share-box .share{margin-top: 15px;}
.case-detail .share-box .bdshare-button-style0-16 a{padding-left: 25px;line-height: 25px;height: 25px;margin: 14px 11px 6px 0;}
.case-detail .change{border-top: 1px solid #e0e0e0;}
.case-detail .change span{display: block;line-height: 58px;border-bottom: 1px solid #e0e0e0;color: #777777;}
.case-detail .change span a{color: #414141;font-size: 18px;width: 80%;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;}
.case-detail .change span a:hover{color: #ff0000;}
.case-detail .close{width: 50px;height: 50px;background: url('../images/detail_close.png') no-repeat #ff0000; background-size: cover;border: none;cursor: pointer;margin-top: 30px;margin-right: 2px;}
.case-detail .comment{clear: both;padding-top: 60px;}
.case-detail .send-comment{background: #fff;padding: 50px 60px 60px;}
.case-detail .send-comment h4{font-weight: bold;margin-bottom: 30px;line-height: 1.167em;color: #414141;}
.case-detail .send-comment textarea{width: 100%;height: 138px;border: 1px solid #b6b6b6;padding: 21px;font-size: 18px;margin-bottom: 20px;}
.case-detail .send-comment input{width: 147px;height: 44px;line-height: 44px;margin-right: 11px;border:1px solid #b6b6b6;font-size: 18px;padding: 0 8px;}
.case-detail .send-comment .codeImg{display: inline-block;width: 116px;height: 44px;line-height: 44px;margin-right: 34px;}
.case-detail .send-comment .codeImg img{max-width: 100%;vertical-align: middle;}
.case-detail .send-comment .submit{width: 176px;height: 46px;line-height: 46px;background: #a9cae5;color: #fff;text-align: center;margin-right: 30px;border: none;font-size: 18px;}
.case-detail .send-comment li{float: left;padding-right: 15px;margin-right: 15px;line-height: 46px;position: relative;}
.case-detail .send-comment li a{color: #777777;}
.case-detail .send-comment li a:hover{color: #ff0000;}
.case-detail .send-comment li:first-child::before{content:'';position: absolute;height: 10px;border-right: 1px solid #777;right: 0;top: 50%;margin-top: -5px;}
.case-detail .comment-list {margin-top: 30px;}
.case-detail .comment-list ul{margin-bottom: 10px;overflow: hidden;}
.case-detail .comment-list li{width: 100%!important;padding:38px 60px;background: #fff;margin-bottom: 30px!important;}
.case-detail .comment-list li h4{font-weight: bold;color: #9e9e9e;margin-bottom: 18px;}
.case-detail .comment-list li p{color: #414141;}
#infscr-loading{text-align: center;}
.load-more-link{text-align: center;}
.load-more-link .load-more {display: inline-block;width: 176px;height: 46px;text-align: center;line-height: 46px;background: #a9cae5;color: #fff;}

/* 解决方案 */
.solve{background: url('../images/solve_bg.png') no-repeat #f7f7f7 center top;background-size: cover;}
.solve .container{overflow: hidden;}
.solve .part-1{width: 100%;height: 105px;line-height: 105px;margin-bottom: 94px;}
.solve .part-1 h4{width: 224px;border-right: 1px solid #414141;margin-right: 38px;font-weight: bold;color: #414141;}
.solve .part-1 p{line-height: 1.667em;vertical-align: middle;width: 1018px;color: #414141;display: inline-block;}
.solve ul{margin: 0 -56px;}
.solve li{width: 50%;float: left;margin-bottom: 55px;}
.solve li .item{margin: 0 56px;color: #414141;}
.solve li .item h4{line-height: 1.2em;margin: 33px 0px 32px;font-weight: bold;}
.solve li .item h4 a{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.solve li .item .img{width: 100%;height: 0px;padding-bottom: 74.96%;position: relative;}
.solve li .item .img img{position: absolute;width: 100%;height: 100%;}
.solve li .item p{line-height: 1.667em;margin-bottom: 40px;height: 90px;overflow: hidden;}
.solve li .item .more{padding-right: 26px;color: #414141;position: relative;}
.solve li .item .more::before{content:'';position: absolute;right: 0;top: 50%;margin-top: -4px;width: 4px;height: 8px;background: url('../images/more_icon01.png') no-repeat;background-size: cover;}
.solve li .item a:hover{color: #ff0000;}
.solve li .item .more:hover::before{background-image: url('../images/more_icon01_on.png')}

/* 解决方案详情 */
.solve-detail{overflow: hidden;}
.solve-detail .swiper-slide{position: relative;}
.solve-detail .detail-swiper-container .img{padding-bottom: 56.25%;}
.solve-detail .swiper-box{width: 70%;margin: 0 auto;}
.solve-detail .swiper-slide .content{position: absolute;color: #fff;background: rgba(0,0,0,0.6);left: 0;right: 0;padding: 15px 40px;bottom: 0;left: 0;}
.solve-detail .swiper-slide .content h4 a{color: #fff;font-weight: bold;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.solve-detail .swiper-slide .content span{margin-left: 20px;}
.solve-detail .swiper-button-next,.solve-detail .swiper-button-prev{margin-top: 0;transform: translateY(-200%);}
.solve-detail .part-1 {margin-bottom: 80px;overflow: hidden;}
.solve-detail .part-1 h1{line-height: 1.125em;margin-bottom: 58px;text-align: center;font-weight: bold;color: #414141;margin-top: 16px;}
.solve-detail .part-2{padding: 51px 40px;background: #fff;margin-bottom: 60px;}
.solve-detail .part-2 h1{color:#414141;line-height:1.125em;margin-bottom:20px;text-align:left;font-weight: bold;}
.solve-detail .part-3 h1{color:#414141;line-height:1.125em;font-weight: bold;margin-bottom: 20px;}
.solve-detail .part-3 .text{padding: 53px 40px;background: #fff;}
.solve-detail .part-4 h1{text-align: center;font-weight: bold;line-height: 1.125em;margin-bottom: 80px;color: #414141;}
.solve-detail .case{overflow: initial; }
.solve-detail .product-list h1{text-align: left;margin-bottom: 15px!important;}
.solve-detail .product-list p{margin-bottom: 23px;}
.solve-detail .product-list>ul{margin-bottom: 0px;border-bottom: none;}
.solve-detail .part-4{padding-bottom: 70px;border-bottom:1px solid #d7d7d7;margin-bottom: 40px;}
.solve-detail .part-5 h1{margin-bottom: 40px;font-weight: bold;line-height: 1.125em;color: #414141;}
.solve-detail .part-5 > h1{text-align: center;}
.solve-detail .part-5 .product-list>ul li{padding-bottom: 0px;}

/* 登录 */
.login {background: #fff;overflow: hidden;}
.login .left,.login .right{width: 50%;}
.login .left .img{width: 100%;height: 0px;padding-bottom: 75%;position: relative;display: block;}
.login .left .img img{position: absolute;width: 100%;height: 100%;}
.login .right{padding-left: 5.47%;}
.login .right h1{line-height: 1.125em;margin-bottom: 58px;font-weight: bold;color: #414141;}
.login .right .input{position: relative;margin-bottom: 20px;}
.login .right .input input{border: 1px solid #b6b6b6;height: 58px;line-height: 58px;font-size: 18px;width: 100%;padding-left: 78px;}
.login .right .input i{position: absolute;background-size: cover;left: 39px;top: 50%;transform: translateY(-50%);z-index:3;}
.login .right .user i{width: 20px;height: 22px;background: url('../images/login_icon1.png') no-repeat;}
.login .right .password i{width: 20px;height: 24px;background: url('../images/login_icon2.png') no-repeat;}
.login .right .code{position: relative;}
.login .right .code i{width: 24px;height: 20px;background: url('../images/login_icon3.png') no-repeat;}
.login .right .code .input{width:100%;padding-right: 160px;}
.login .right .code span{display: block;position: absolute;right: 0;width: 140px;height: 60px;text-align: center;top: 0;line-height: 60px;}
.login .right .code span img{vertical-align: middle;max-width: 100%;}
.handlePass span{margin-left: 39px;padding-left: 39px;margin-right: 36px;color: #777;cursor: pointer;position: relative;}
.handlePass span::before{content: '';position: absolute;border: 3px solid #777;width: 8px;height: 8px;border-radius: 100%;left: 0;top: 50%;margin-top: -7px;background: #fff;}
.handlePass span.on::before{width: 14px;height: 14px;border: none;background: #777;}
.handlePass a{color: #414141;margin-right:15px;}
.handlePass a:hover{color: #ff0000;}
.login .right .login_btn{display:inline-block;width: 265px;height: 60px;line-height: 60px;background: #a9cae5;font-weight: bold;text-align: center;border: none;color: #fff;margin-top: 45px;}

/* 注册 */
.register {background: #fff;overflow: hidden;}
.register .left,.register .right{width: 50%;}
.register .left .img{width: 100%;height: 0px;padding-bottom: 143.44%;position: relative;display: block;}
.register .left .img img{position: absolute;width: 100%;height: 100%;}
.register .right{padding-left: 5.47%;}
.register .right h1{line-height: 1.125em;margin-bottom: 58px;font-weight: bold;color: #414141;}
.register .right .input-box{position: relative;}
.register .right .input-box > span{position: absolute;color: #777777;left: 0;top: 50%;transform: translateY(-50%);padding-left: 8px;}
.register .code .prompt{padding-left: 8px;}
.register .right .input-box > span i{color: #ff0000;position: absolute;left: 0;top: 0;}
.register .right .input{position: relative;margin-bottom: 20px;width: 100%;padding-left: 99px;}
.register .right .input input{border: 1px solid #b6b6b6;height: 60px;line-height: 60px;font-size: 18px;width: 100%;padding-left: 29px;}
.register .right .input .tel{margin-bottom:0px!important;}
.register .right .code{position: relative;}
.register .right .code .input{width:100%;padding-right: 160px;}
.register .right .code .codeImg{display: block;position: absolute;right: 0;width: 140px;height: 60px;text-align: center;top: 0;line-height: 60px;}
.register .right .code .codeImg img{vertical-align: middle;max-width: 100%;}
.register .right .reg{width: 265px;height: 60px;line-height: 60px;background: #a9cae5;font-weight: bold;text-align: center;border: none;color: #fff;margin-top: 26px;display: inline-block;}
.register .select input{padding-right: 60px;}
.register .select .selBtn{position: absolute;width: 15px;height: 7px;background: url('../images/register_arrow.png') no-repeat;right: 24px;top: 50%;margin-top: -4px;}
.register .select .selects{position: absolute;width: calc(100% - 99px);top: 60px;right: 0;border: 1px  solid #b6b6b6;border-top: none;z-index: 2;background: #fff;max-height:220px;overflow:auto;display: none;}
.register .select .selects li{padding-left: 29px;cursor: pointer;margin-bottom: 10px;}
.register .select .selects li:first-child{margin-top: 10px;}
.register .select .selects li:hover{background: #f7f7f7;}
.register .select input,.register .select .selBtn{cursor: pointer;}
.register .sheng{width: 49%;float: left;position: relative;}
.input select {
    width: 100%;
	display:block;
    border: none;
    background: #fff;
    padding-left:15px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
}
.register .shi{width: 49%;float: right;position: relative;}
.register .sheng .selects,.register .shi .selects{width: 100%!important;}
.register .code .prompt{position: absolute;color: #777777;left: 0;top: 50%;transform: translateY(-50%);}

/* 注册成功 */
.reg_success{position: relative;}
.reg_success .img{width: 100%;}
.reg_success .img img{max-width: 100%;}
.reg_success .content{position: absolute;z-index:2;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);text-align: center;width: 100%;}
.reg_success .content h1{line-height: 1.125em;margin: 34px 0px 45px;font-weight: bold;color: #fff;}
.reg_success .content p{font-weight: bold;color: #fff;}
.reg_success .content p a{color: #fff;text-decoration: underline;}
.reg_success .content p a:hover{color: red;}

/* 关于我们-威卢克斯中国 */
.wlks_cn .pub-screen{margin-bottom: 57px;}
.wlks_cn .part-1{background: #fff;padding: 60px 60px 75px;margin-bottom: 54px;position: relative;}
.wlks_cn .part-1 .img{position: absolute; width: 50%; top: 60px; right: 60px; height: 359px; overflow: hidden;}
.wlks_cn .part-1 .img img{height: 100%;width: auto;position: relative;left: 50%;transform: translateX(-50%);}
.wlks_cn .part-2{position: relative;margin-bottom: 55px;}
.wlks_cn .part-2 .pub-shadow{background: rgba(0,0,0,0.2);}
.wlks_cn .part-2 .img{height: 283px;overflow: hidden;}
.wlks_cn .part-2 .img img{height: 100%;width: auto;position: relative;left: 50%;transform: translateX(-50%);}
.wlks_cn .part-2 .content{position: absolute;width:100%;text-align:center;top: 50%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);color: #fff;z-index: 2;padding: 0 20px;}
.wlks_cn .part-2 .content h4{font-weight: bold;margin-bottom: 34px;}
.wlks_cn .part-2 .content p{line-height: 1.667em;}
.wlks_cn .part-3{background: #fff;padding: 80px 90px 100px;}
.wlks_cn .part-3 .content{text-align: center;}
.wlks_cn .part-3 h4{line-height: 1.25em;margin-bottom: 40px;font-weight: bold;}
.wlks_cn .part-3 p{color: #414141;margin-bottom: 9px;}
.wlks_cn .part-3 ul{margin: 0 -10px;}
.wlks_cn .part-3 li{float: left;height: 74px;line-height: 74px;width: 14.28%;margin-bottom: 40px;}
.wlks_cn .part-3 li a{display: block;text-align: center;margin: 0 10px;}
.wlks_cn .part-3 li a img{vertical-align: middle;max-width: 100%;}
.wlks_cn button.on{background: #ff0000;}

/* 关于我们-在线留言 */
.message-box{width: 972px;max-width: 100%;text-align: center;margin: 0 auto;}
.message-box h1{line-height: 1.125em;color: #414141;margin-bottom: 30px;}
.message-box p{color: #777777;margin-bottom: 28px;}
.message-box .tel{position: relative;width: 790px;max-width: 100%;margin: 0 auto;height: 65px;overflow: hidden;margin-bottom: 52px;}
.message-box .tel .pub-shadow{background: rgba(0,0,0,0.5);}
.message-box .tel img{height: 100%;position: relative;left: 50%;transform: translateX(-50%);}
.message-box .tel .content{position: absolute;text-align: center;top: 50%;z-index: 2;color: #fff;width:100%;left:0;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);}
.message-box .tel h4{display: inline-block;vertical-align: middle;font-weight: bold;}
.message-box .tel span{vertical-align: middle;font-weight: bold;margin-right: 24px;padding-left: 28px;position: relative;}
.message-box .tel span::before{content:'';position: absolute;width: 22px;height: 22px;background: url('../images/tel_icon.png') no-repeat;background-size: cover;top: 50%;margin-top: -11px;left: 0;}
.message-box .tel a{color: #fff;cursor: default;}
.message-box .form .select{width: 100%;}
.message-box .form .profession{width: 50%;}
.message-box .form .select .input{width: calc(100% - 40px);margin: 0px;}
.message-box .form .profession .input{margin: 0px 20px;}
.message-box .form .select .sheng{width: 49%; float: left; position: relative;}
.message-box .form .select .shi{width: 49%;float: right;position: relative;}

/* 关于我们-新闻详情 */
.news-detail .pub-screen{margin-bottom: 48px;}
.news-detail .title{text-align: center;color: #393939;}
.news-detail .posttime{padding-left: 24px;position: relative;margin-right: 78px;}
.news-detail .posttime::before{content: '';position: absolute;width: 12px;height: 12px;background: url('../images/time_icon.png') no-repeat;left: 0;top:50%;margin-top:-6px;}
.news-detail #views{margin-right: 42px;}
.news-detail #views span{color: #393939;}
.news-detail #big{font-size: 24px;}
.news-detail #middle{font-size: 18px;}
.news-detail #small{font-size: 14px;}
.news-detail .font_size a{margin: 0 5px;cursor: pointer;}
.news-detail .font_size a.on{color: #ff0000;}
.news-detail h1{margin-bottom: 15px;}
.news-detail .title{margin-bottom: 43px;}

/* 关于我们-常见问题 */
.faq .sec-nav li h4{padding: 0 20px;}
.faq .sec-nav li{margin: 0 17px;}
.faq .sec-nav{margin-bottom: 40px;}
.faq .pub-screen{margin-bottom: 57px;}
.faq .que-list li{padding: 30px 40px;background: #fff;margin-bottom: 20px;color: #414141;transition: all 0.5s;}
.faq .que-list li h1 {overflow: hidden;font-weight: bold;position: relative;line-height: 30px;padding-right: 40px;text-overflow: ellipsis;overflow: hidden;padding-left: 50px;white-space: nowrap;cursor: pointer;}
.faq .que-list li h1 span{transition: all 0.5s;position: absolute;left:0;top:0;display: inline-block;width: 30px;height: 30px;border-radius: 100%;border: 2px solid #a9cae5;color: #a9cae5;text-align: center;line-height: 28px;vertical-align: middle;font-weight: normal;margin-right: 15px;}
.faq .que-list li h1 i{transition: all 0.5s;position: absolute;display: block;width: 31px;height: 17px;background: url('../images/faq_arrow.png') no-repeat;background-size: cover;right: 0;top: 10px;cursor: pointer;}
.faq .que-list li .que-box{padding-left: 50px;margin-top: 16px;display: none;}
.faq .que-list li.on i{transform: rotate(180deg);background-image: url('../images/faq_arrow_on.png');}
.faq .que-list li.on {background: #a9cae5;color: #fff;}
.faq .que-list li.on h1 span{color: #fff;border-color: #fff;}
.faq .que-list li.on h1{white-space: normal;}

/* 关于我们-联系我们 */
.contact .part-1{width: 100%;height: 0px;padding-bottom: 60.94%;position: relative;}
.contact .part-1 #map{position: absolute;width: 100%;height: 100%;z-index:1;}
.contact .part-1 .content{position: absolute;z-index:2;padding: 53px 40px 50px;background: #a9cae5;right: 37px;top: 50%;transform: translateY(-50%);}
.contact .part-1 .content .share{padding-left: 30px;line-height: 30px;height: 30px;margin: 0 13px 0 0;}
.contact .part-1 .content li{width: 100%;position: relative;padding-top: 20px;margin-bottom: 20px;border-top: 1px solid #c3daed;}
.contact .part-1 .content li:first-child{border-top: none;}
.contact .part-1 .content li:nth-of-type(3) p:last-child{margin-top: 10px;}
.contact .part-1 .content .item{padding-left: 67px;}
.contact .part-1 .content .icon{position: absolute;top: 20px;left: 0;width: 48px;height: 48px;}
.contact .part-1 .content .icon img{max-width: 100%;}
.contact .part-1 .content h4,.contact .part-1 .content p,.contact .part-1 .content h1{color: #414141;}
.contact .part-1 .content p a{color: #414141;cursor: default;}
/* .contact .BMap_Marker:first-child::before{content:'';position: absolute;width: 400%;height: 300%;border-radius: 100%;border: 1px solid #dfe7ed;background: rgba(169,202,229,0.45);left: 50%;left: 50%;transform: translate(-50%, -33%);z-index: 1;}
.contact .BMap_Marker:first-child{z-index: 2!important;} */

/* 关于我们-招商加盟 */
.join .pub-screen{margin-bottom: 57px;}
.join .part-1{padding: 60px 56px;background: #fff;}
.joinus{margin-top: 30px;margin-bottom: 33px;}
.joinus h4{text-align: center;color: #414141;font-weight: bold;margin-bottom: 38px;}
.joinus li{float: left;width: 20%;text-align: center;}
.joinus li h5{margin-top: 20px;color: #414141;font-weight: bold;}
.joinus li p{color: #777;height: 48px;}
.need {text-align: center;color: #fff;background: url('../images/join_bg.jpg') no-repeat;background-size: cover;font-weight: bold;padding: 23px 0px 17px;}
.need li{display: inline-block;line-height: 1.22em;padding-bottom: 6px;border-bottom: 1px solid #fff;margin: 0 12px;}
.need h4{margin-bottom: 15px;font-weight: bold;}
.need{margin-bottom: 34px;}
.join h1{font-weight: bold;color: #414141;}
.join .part-2{margin-top: 56px;}
.join .part-2 h1{text-align: center;margin-bottom: 46px;color: #414141;}
.join .part-2 .form{text-align: center;}
.join .part-2 .form button{margin-top: 37px;clear: both;display: block;margin: 0 auto;}
.join .part-2 .form button:hover{text-decoration: underline;}
.join .form .select{width: 100%;}
.join .form .profession{width: 50%;}
.join .form .select .input{width: calc(100% - 40px);margin: 0px;}
.join .form .profession .input{margin: 0px 20px;}
.join .form .select .sheng{width: 49%; float: left; position: relative;}
.join .form .select .shi{width: 49%;float: right;position: relative;}
/* 关于我们-文化 */
.culture .pub-screen{margin-bottom: 57px;}
.culture .part-1{text-align: center;margin-bottom: 108px;overflow: hidden;}
.culture .part-1 h1{line-height: 1.125em;margin-bottom: 50px;font-weight: bold;color: #414141;}
.culture .part-1 p{color: #414141;line-height: 1.667em;}
.culture .part-1 p:nth-of-type(1){font-weight: bold;}
.culture .part-1 .img{margin-top: 76px;}
.culture .part-1 .img img{max-width: 100%;}
.culture .part-2{padding:145px 0px 114px;background: url('../images/cultrue_bg.png') no-repeat #fff; background-size: 100% 100%;overflow: hidden;}
.culture .part-2 .left{width: 50%;}
.culture .part-2 .left .img{width: 78.44%;height: 0px;padding-bottom: 90%;overflow: hidden;position: relative;display: block;}
.culture .part-2 .left .img img{position: absolute;width: 100%;height: 100%;}
.culture .part-2 .right {width: 50%!important;}
.culture .part-3{padding-top:77px;overflow: hidden;}
.culture .part-3 h1{line-height: 1.125em;font-weight: bold;color: #414141;margin-bottom: 66px;text-align: center;}
.serbox_detail_scroll { width:100%; overflow:hidden; margin-bottom:68px; }
.serbox_detail_scroll ul{ width:100%;position: absolute;width: 100%;height: 100%;}
.serbox_detail_scroll ul li{ width: 9.4%; cursor:pointer; float:left; overflow:hidden; height:100%; position:relative;border-right: 2px solid #fff;}
.serbox_detail_scroll ul li.active{ width:52.97%;}
.serbox_detail_scroll ul li.active img{width: 100%!important;}
.serbox_cover{  position:absolute;bottom:25px; z-index: 3;left: 16%;}
.serbox_cover img{margin-bottom: 23px;max-width:100%;height: auto!important;}
.serbox_cover h3{color: #fff;font-weight: bold;}
.serbox_cover p{color: #fff;opacity: 0.4;}
.serbox_detail_scroll ul li.active .serbox_cover{ display:none;}
.serbox_detail_scroll ul li .pub-shadow{background: rgba(0,0,0,0.5);}
.serbox_detail_scroll ul li.active .pub-shadow{background: rgba(0,0,0,0.2);}
.cover_bg{ position:absolute; left:7.06%; top:14.32%; overflow:hidden;z-index: 3;}
.cover_bg h4{ line-height:1.125em; color:#fff;  font-weight:bold; margin-bottom:14px;}
.cover_bg h4 a{ color:#fff;}
.cover_bg p{ color:#fff;line-height: 1.25em;}
.cover_bg p:nth-of-type(1){margin-bottom: 26px;}
.cover_bg p:nth-of-type(2){margin-bottom: 10px;}
.cover_bg > a{ display:block; border:1px solid #fff; text-align:center; line-height:30px; width:102px; margin-left:8%; color:#fff;}
.serbox_detail_scroll ul li.active .cover_bg{ display:block;}
.serbox_detail_scroll ul li .cover_bg{ display:none;}
.serbox_detail_scroll{height: 0px;padding-bottom: 29.92%;position: relative;}


/* 关于我们-新闻列表 */
.news{overflow: hidden;}
.his-nav{position: relative;}
.his-nav .line{position: absolute;width: 95.94%;height: 2px;background: #666666;left: 50%;bottom: 10px;z-index: 1;transform: translateX(-50%);}
.his-swiper-container {overflow: hidden;position: relative;padding: 0 2%;z-index:2;}
.his-swiper-container .swiper-slide{text-align: center;cursor: pointer;}
.his-swiper-container .swiper-slide h4{line-height: 40px;}
.his-swiper-container .swiper-slide i{display: inline-block;width: 8px;height: 8px;border: 2px solid #666666;border-radius: 100%;background: #fff;}
.his-swiper-container .swiper-slide.on h4{color: #a9cae5;font-size: 24px;}
.his-swiper-container .swiper-slide.on i{border-width: 4px;border-color: #a9cae5;width: 12px;height: 12px;}
.his-swiper-container .swiper-button-prev,.his-swiper-container .swiper-button-next{width: 10px;height: 18px;margin-top: 0px;top:auto;bottom:2px;background-size:cover;}
.his-swiper-container .swiper-button-prev{background-image: url('../images/newsarw_l.png');left: 0px;}
.his-swiper-container .swiper-button-next{background-image: url('../images/newsarw_r.png');right: 0px;}
.his-list{margin-top: 72px;overflow: hidden;}
.his-list ul{margin: 0 -37px;padding-bottom: 80px;border-bottom: 1px solid #d7d7d7;}
.his-list li{float: left;width: 33.33%;border-right: 1px solid #e4e4e5;padding-bottom: 59px;}
.his-list li .item{margin: 0 37px;transition: all 0.5s;height: 544px;}
.his-list li .item .img{position: relative;width: 100%;height: 0;padding-bottom: 56.15%;}
.his-list li .item .img img{position: absolute;width: 100%;height: 100%;}
.his-list li .content{padding: 36px 28px 32px;color: #414141;border-bottom: 1px solid #e4e4e5;}
.his-list li .content h4{line-height:1.5em;margin:10px 0px 18px;font-weight: bold;max-height:67px;overflow: hidden;}
.his-list li .content h4 a{color: #414141;}
.his-list li .content p:nth-of-type(2){line-height: 1.556em;margin-bottom: 26px;color: #777;max-height: 84px;overflow: hidden;}
.his-list li .content .more{color: #414141;position: relative;padding-right: 14px;}
.his-list li .content .more::after{content:'';position: absolute;width: 4px;height: 8px;background: url('../images/more_icon01.png') no-repeat;right:0px;top:50%;margin-top:-4px;}
.his-list li:hover .item{background: #a9cae5;box-shadow: 1px 6px 20px 1px rgba(0,0,0,0.3);}
.his-list li:hover .content{border-color:transparent;}
.his-list li:nth-last-child(1),.his-list li:nth-last-child(2),.his-list li:nth-last-child(3){/*padding-bottom: 0px!important;*/}

/* 会员中心 视频库 */
.p-video .container{overflow: hidden;}
.p-video .pub-screen{margin-bottom: 55px;}
.p-video .sec-nav{margin-bottom: 40px;}
.p-video .sec-nav li{margin: 0px 15px;}
.sec-nav li h4{padding: 0px 20px;}
.p-video .list-box>.fixed{margin: 0 -23px;padding-bottom: 15px;border-bottom:1px solid #d7d7d7;}
.p-video .list-box>.fixed li{float: left;width: 33.33%;margin-bottom: 40px;}
.p-video .list-box>.fixed li .item{margin: 0 23px;}
.p-video .list-box>.fixed li .img{width: 100%;height: 0px;padding-bottom: 75.19%;position: relative;}
.p-video .list-box>.fixed li .img img{position: absolute;width: 100%;height: 100%;}
.p-video .list-box>.fixed li .img .pub-shadow{background: rgba(0,0,0,0.25);}
.p-video .list-box>.fixed li .img .playBtn{position: absolute;display: block;width: 60px;height: 60px;background: url('../images/video_paly.png') no-repeat;background-size: cover;z-index: 2;top: 50%;left: 50%;transform: translate(-50%, -50%);cursor: pointer;}
.p-video .list-box>.fixed li h4{font-weight: bold;color: #414141;line-height: 1.25em;margin-top: 10px;height: 60px;overflow: hidden;}

/* 会员中心 软件公用 */
.software .part-1 {background: #a9cae5;padding: 74px 0px 95px;}
.software .part-1 h4{text-align: center;font-weight: bold;color: #414141;line-height: 1.125em;margin-bottom: 56px;}
.software .part-1 .container > p{line-height: 1.25em;margin-bottom: 53px;font-weight: bold;color: #414141;text-align: center;}
.software .part-1 .container > p span{margin-left: 40px;}
.software .part-1 .container .edit_con_original {width: 1160px;margin: 0 auto;max-width: 100%;}
.software .part-1 .download{display:block;width: 264px;height: 46px;text-align: center;line-height: 46px;color: #fff;background: #414141;margin: 33px auto 0px;}
.software .part-1 .download:hover {text-decoration: underline;}
.software .part-1 .download i{display: inline-block;width: 18px;height: 17px;margin-right: 14px;vertical-align: middle;background: url('../images/software_download.png') no-repeat;}
.software .part-2 .s-videobox{width: 70%;height: 0px;padding-bottom: 39.375%;position: relative;margin: 0 auto;}
.software .part-2 .s-videobox img{position: absolute;width: 100%;height: 100%;}
.software .part-2 .s-videobox .pub-shadow{background: rgba(0,0,0,0.36);}
.software .part-2 .s-videobox .playBtn{position: absolute;display: block;width: 60px;height: 60px;background: url('../images/index3_icon01.png') no-repeat;background-size: cover;z-index: 2;top: 50%;left: 50%;transform: translate(-50%, -50%);cursor: pointer;}
.software .part-2 h4{text-align: center;font-weight: bold;color: #414141;line-height: 1.125em;margin: 76px 0px 56px;}

/* 会员中心 采光 */
.cg-software .part-1{background: url('../images/software_bg.jpg') no-repeat;background-size: 100% 100%;}

/* 会员中心 BIM */
.bim .part-3{overflow: hidden;}
.bim .part-3 h4{text-align: center;font-weight: bold;color: #414141;line-height: 1.125em;margin: 56px 0px;}
.bim .part-3 ul{margin:0 -23px;}
.bim .part-3 li{float:left;width: 33.33%;}
.bim .part-3 li .item{margin:0 23px;padding: 23px 23px 70px;background: #fff;}
.bim .part-3 li .img{width: 100%;height: 0px;padding-bottom:100%;position: relative;}
.bim .part-3 li .img img{position: absolute;width: 100%;height:100%;}
.bim .part-3 li h5{margin-top:17px;}
.bim .part-3 li h5 a{font-weight:bold;color: #414141;display: block;padding-right: 20px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;position: relative;}
.bim .part-3 li h5 i{display: block;position: absolute;width: 18px;height: 17px;background: url('../images/download.png') no-repeat;right: 0px;top: 50%;margin-top: -9px;}

/* 杂志 */
.mag-col{font-size: 18px;color: #f00;font-weight: bold;padding-left: 25px;position: relative;margin-left: 46px;cursor: pointer;}
.mag-col::before{content:'';position: absolute;width: 16px;height: 14px;background: url('../images/xin_white.png') no-repeat;background-size: cover;left: 0px;top: 50%;margin-top: -7px;}
.mag-col.on::before{background-image: url('../images/xin_red.png');}
.mag .pub-screen{margin-bottom: 70px;}
.mag .part-1{margin-bottom: 100px;}
.mag .part-1 h4{color: #414141;line-height: 1.125em;margin-bottom: 51px;font-weight: bold;}
.mag .part-1 p{line-height: 1.667em;color: #414141;}
.mag .part-1 .ogl{margin-top: 51px;display: inline-block;width: 176px;height: 46px;color: #fff;text-align: center;line-height: 46px;background: #a9cae5;}
.mag .part-1 .ogl:hover{text-decoration: underline;}
.mag .part-2{background: url('../images/mag_bg.jpg') no-repeat;background-size: cover;padding: 60px 0px;margin-bottom: 80px;}
.mag .part-2 .left{width: 32.66%;float: left;}
.mag .part-2 .left .img{display: block;width: 100%;height: 0px;padding-bottom: 136.61%;position: relative;}
.mag .part-2 .left .img img{position: absolute;width: 100%;height: 100%;}
.mag .part-2 .right{width: 61.25%;float: right;}
.mag .part-2 .right h4{line-height: 1.2em;font-weight: bold;color: #fff;position: relative;margin-bottom: 57px;}
.mag .part-2 .right .line{display: block;width: 22.58%;height: 2px;background: #ff0000;margin-bottom: 53px;}
.mag .part-2 .right p{line-height: 1.667em;color: #fff;}
.mag .part-2 .right p:nth-of-type(1){margin-bottom: 30px;}
.mag .part-2 .right p:nth-of-type(2){margin-bottom: 85px;}
.mag .part-2 .right .online{display: inline-block;margin-right: 20px;width: 176px;height: 46px;line-height: 46px;text-align: center;color: #fff;background: #a9cae5;}
.mag .part-2 .right .sub{display: inline-block;width: 174px;height: 46px;line-height: 46px;text-align: center;color: #fff;border: 1px solid #fff;}
.mag .part-2 .right .online:hover,.mag .part-2 .right .sub:hover{text-decoration: underline;}
.mag .part-3 .container{overflow: hidden;}
.mag .part-3 ul {margin: 0 -20px;padding-bottom: 20px;border-bottom: 1px solid #d7d7d7;}
.mag .part-3 ul li{float: left;width: 25%;margin-bottom: 60px;}
.mag .part-3 li .item{margin: 0 20px;background: #fff; padding: 10px;position: relative;} 
.mag .part-3 li .item .box{width:100%;height: 0px;padding-bottom: 140%;position: relative;}
.mag .part-3 li .item .box img{position: absolute;width: 100%;height: 100%;}
.mag .part-3 li .item:hover .content{opacity: 1;}
.mag .part-3 li .item .content {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.7);opacity: 0;transition: all 0.5s;}
.mag .part-3 li .item .content h1{background: #ff0000;padding: 30px 5px 0px;color: #fff;margin-left: 23px;display: inline-block;font-weight: bold;}
.mag .part-3 li .item .bottom{position: absolute;bottom: 40px;left: 23px;}
.mag .part-3 li .item .bottom .mag-col{margin-left: 0px;}
.mag .part-3 li .item .bottom h4{line-height: 1.25em;margin-bottom: 16px;font-weight: bold;}
.mag .part-3 li .item .bottom h4 a{color: #fff;}
.mag .part-3 li .item .bottom .online{display: inline-block;width: 116px;height: 30px;color: #fff;background: #a9cae5;margin-top: 26px;text-align: center;line-height: 30px;}
.mag .part-3 li .item .bottom .online:hover{text-decoration: underline;}
.subscribe{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index: 999;display: none;}
.subscribe .sub-box{background: #f7f7f7;position: absolute;padding: 50px 30px;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.subscribe .sub-box .close_btn{position: absolute;display: block;width: 15px;height: 15px;background: url('../images/sech_close_red.png') no-repeat;background-size: cover;right: 10px;top: 10px;cursor: pointer;}
.subscribe button{margin: 0 auto;display: block;background: #a9cae5;}
.subscribe .form{width: 400px;}
.subscribe .form .input{width: 100%;}
.subscribe .form .select{margin: 0;}
.subscribe .form .select .input{width: calc(100% - 40px);}
.subscribe .form .select{margin-bottom: 50px;width: 100%;}
.subscribe .form .input .select{margin-bottom:0px;}
.subscribe .form .select .sheng{float: left;position: relative;width: 49%;}
.subscribe .form .select .shi{float: right;position: relative;width: 49%;}
/* .subscribe .form .select:nth-of-type(5){margin-bottom: 20px;} */

/* 会员中心 - 我的收藏 */
.myCol .myWrap li{width: 50%;float:left;margin-bottom: 39px;transition: all 0.5s;}
.myCol .myWrap li .list_wrap{margin: 0 24px;border: none;overflow: hidden;}
.myCol .myWrap li .line{display: block;width: 100%;border-top: 1px solid #d7d7d7;margin-bottom: 17px;}
.myCol .myWrap li .list_c em{float: right;color: #bbbbbb;cursor: pointer;}
.myCol .myWrap li .list_c{padding: 30px 0 27px;margin: 0px;border: none;}
.myCol .myWrap li .list_c h1{padding-left: 25px;}
.myCol .myWrap li .list_c a{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.myCol .myWrap li .list_c span{margin-left: 25px;}
.myCol .myWrap li .list_c em{margin-right: 30px;}
.myCol .pagination{margin-top: 10px;}

/* 会员中心 - 我的案例 */
.myCase .part-1{text-align: right;margin-bottom: 20px;}
.myCase .part-1 a{display: inline-block;width: 176px;height: 46px;text-align: center;line-height: 46px;color: #fff;background: #a9cae5;}
.myCase .part-2 table{width: 100%;}
.myCase .part-2 th{background: #414141;color: #fff;}
.myCase .part-2 tr{height: 80px;line-height: 80px;}
.myCase .part-2 tr:first-child{line-height: 50px;height: 50px;}
.myCase .part-2 td{color: #777777;}
.myCase .part-2 td.red{color: #f00;}
.myCase .part-2 td a:first-child{color: #a9cae5;}
.myCase .part-2 td a:last-child{color: #414141;}
.myCase .part-2 td a:hover{text-decoration: underline;}
.myCase .part-2 th:nth-of-type(1){width: 22.58%;}
.myCase .part-2 th:nth-of-type(2){width: 15.97%;}
.myCase .part-2 th:nth-of-type(3){width: 21.04%;padding-left: 10px;}
.myCase .part-2 tr td:nth-of-type(3){padding-left: 10px;}
.myCase .part-2 th:last-child{width: 20.37%;text-align: center;}
.myCase .part-2 tr th:first-child,.myCase .part-2 tr td:first-child{padding-left: 60px;}
.myCase .part-2 tr:nth-of-type(2n){background: #f7f7f7;}
.myCase .part-2 tr:nth-of-type(2n+1){background: #fff;}
.myCase .part-2 tr td:last-child{text-align: center;}
.myCase .part-2 tr td:last-child a{margin: 0 11px;}
.myCase .part-2 tr td:last-child em:hover{color: #f00;text-decoration: underline;cursor: pointer;}
.myCase .part-2 td{line-height: 1.333em;}

/* 会员中心 - 修改个人资料 */
.myRevise input::-webkit-input-placeholder{color:#414141!important;}
.myRevise input::-moz-placeholder{color:#414141!important;}
.myRevise input:-moz-placeholder{color:#414141!important;}
.myRevise input:-ms-input-placeholder{color:#414141!important;}
.myRevise .myWrap-box{background: #fff;padding: 55px 0px 105px}
.myRevise .myWrap-box h1{margin: 0 20px;padding-left: 20px;color: #414141;margin-bottom: 25px;  }
.myRevise .myWrap-box input{background: #f7f7f7;}
.myRevise .form .selects{background: #f7f7f7;}
.myRevise .form .sheng{width: 47.2%;float: left;position: relative;}
.myRevise .form .shi{width: 47.2%;float: right;position: relative;}
.myRevise .form .input:nth-of-type(7){width: 100%;}
.myRevise .form .btns{text-align: center;padding-top: 32px;}
.myRevise .form .btns a{display: inline-block;width: 176px;height: 46px;text-align: center;line-height: 46px;margin: 0px 10px;color: #fff;background: #414141;}
.myRevise .form .btns .save{background: #a9cae5;}
.myRevise .form .btns a:hover{text-decoration: underline;}
.myRevise .form {max-width:95%;}
.myRevise .form .selects li:hover{background: #fff;}

/* 会员中心 - 个人资料 */
.myData .myWrap-box{background: #fff;padding: 55px 0px 105px}
.myData .myWrap-box .data-box{width: 790px;max-width: 95%;margin: 0 auto;}
.myData .myWrap-box .revise{float: right;margin-bottom: 20px;}
.myData .myWrap-box .revise,.myData .myWrap-box .upload{display: inline-block;width: 176px;height: 46px;text-align: center;line-height: 46px;color: #fff;background: #a9cae5;}
.myData .myWrap-box .revise:hover,.myData .myWrap-box .upload:hover{text-decoration: underline;}
.myData .myWrap-box li{float: left;color: #414141;width: 50%;margin-bottom: 20px;}
.myData .myWrap-box li:first-child,.myData .myWrap-box li:last-child{width: 100%;}
.myData .myWrap-box h4{margin: 20px 0px 15px;color: #414141;font-weight: bold;}

/* 会员中心 - 上传案例 */
.myUpload-wrap{background: #fff;}
.myUpload-box{width: 942px;margin: 0 auto;max-width: 95%;}
.myUpload-box .u-list{margin-bottom: 30px;}
.myUpload-box .select,.myUpload-box .input{margin-bottom: 0px;} 
.myUpload-box .select .input{width: 100%;margin: 0;}
.myUpload-box .u-list{position: relative;}
.myUpload-box .u-list > span{width: 92px;position: absolute;left: 0;top: 0;display: block;text-align: right;line-height: 36px;}
.myUpload-box .u-list-box{width: 100%;padding-left: 110px;}
.myUpload-box textarea{font-size: 18px;}
.myUpload-box .input input{background: #f7f7f7;}
.myUpload-box .selects{background: #f7f7f7;}
.myUpload-box .selects li:hover{background: #fff;}
.myUpload-box .choice{padding: 19px;border: 1px solid #d7d7d7;}
.myUpload-box .addImg a{display: inline-block;}
.myUpload-box .addImg a img{max-width: 100%;}
.myUpload-box .addImg a span{display: block;text-align: center;color: #777777;margin-top: 5px;}
.myUpload-box .addImg.on > a > span,.myUpload-box .addImg.on > a > img{opacity: 0;}
.myUpload-box label{color: #777;padding-left: 25px;margin-top: 11px;display: inline-block;}
.myUpload-box .u-list:nth-of-type(3) .input{width: 45.18%;}
.myUpload-box .addContent{padding: 19px 28px 39px 19px;border: 1px solid #d7d7d7;}
.myUpload-box .addContent .addImg{float: left;}
.myUpload-box .addContent .uploadbox{float: left;position: relative;width: 18%;margin-right: 10px;margin-bottom: 10px;height: 100px;line-height: 100px;}
.myUpload-box .addContent .close_btn{display: inline-block;width: 15px;height: 15px;background: url('../images/sech_close_red.png') no-repeat;background-size: cover;position: absolute;top: 5px;right: 5px;cursor: pointer;}
.myUpload-box .addContent img{max-width: 100%;max-height: 100%;}
.myUpload-box .addContent .title{float: left;width: 59.52%;margin-left: 4.81%;position: relative;margin-top: 20px;}
.myUpload-box .addContent .title-box{padding-left: 55px;}
.myUpload-box .addContent .title > span{position: absolute;left: 0;top: 0;line-height: 36px;}
.myUpload-box .addContent .content{clear: both;padding-top: 33px;position: relative;}
.myUpload-box .addContent .content > span{position: absolute;left: 0;top: 30px;line-height: 48px;}
.myUpload-box .addContent .content textarea{border: none;background: #f7f7f7;padding: 10px 20px;width: 100%;height: 106px;}
.myUpload-box .addContent .content label{margin-top: 0px;}
.myUpload-box .addContent .btns{padding-left: 55px;margin-top: 25px;}
.myUpload-box .addContent .btns a{float: left;width: 144px;height: 38px;line-height: 38px;text-align: center;color: #fff;background-color: #414141;}
.myUpload-box .addContent .btns .save{background: #a9cae5;margin-right: 10px;}
.myUpload-box .addNext{color: #414141;padding-left: 29px;margin-top: 20px;position: relative;display: none;}
.myUpload-box .addNext i{position: absolute;display: block;width: 20px;height: 20px;background: url('../images/addNext.png') no-repeat;background-size: cover;left: 0;top: 50%;margin-top: -10px;}
/* .myUpload-box .u-list:nth-of-type(5) .u-list-box{margin: 0 -5px;}
.myUpload-box .u-list:nth-of-type(5) .select .input{margin: 0 5px;width: calc(100% - 10px);}
.myUpload-box .u-list:nth-of-type(5) .addNext{margin: 0 5px;margin-top: 13px;float: left;} */
.myUpload-box .u-list:nth-of-type(3) textarea{width: 100%;padding: 10px 18px;height: 174px;border: 1px solid #d7d7d7;font-size: 18px;}
.myUpload-box > .btns{text-align: center;}
.myUpload-box > .btns a{display: inline-block;margin: 0px 10px;width: 176px;height: 46px;line-height: 46px;text-align: center;}
.myUpload-box > .btns .upload{border: 1px solid #f00;color: #f00;}
.myUpload-box > .btns .cancel{background: #414141;color: #fff;}
.myUpload-box .addImg > a{width: 109px;position: relative;}
.myUpload-box .addImg > a .form-w{width: 100%;position: absolute;top: 0;left: 0;height: 100%;overflow: hidden;}
.myUpload-box .addImg > a .upload{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.myUpload-box .btns a:hover{text-decoration: underline;}

/* IVA 大赛 */
.iva {overflow: hidden;}
.iva .pub-screen{margin: 57px 0 50px;}
.iva .banner:nth-of-type(3){position: relative;margin-bottom: 0px;overflow: hidden;}
.iva .banner-box{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.iva .banner-box .container{width: 1167px;position: relative;height: 100%;}
.iva .banner-box .content{position: absolute;top: 50%;transform: translateY(-50%);}
.iva .banner-box h1{font-weight: bold;color: #f00;line-height: 1.2em;margin-bottom: 22px;}
.iva .banner-box h4{color: #fff;line-height: 1.167em;}
.iva .part-1{background: #fff;}
.iva .part-1 h1{color: #414141;line-height: 50px;font-weight: bold;margin-bottom: 46px;}
.iva .part-1 h1 span{padding-right: 30px;border-right: 1px solid #414141;line-height: 1.042em;float: left;margin-right: 23px;}
.iva .part-1 .container-box{width: 1167px;margin: 0 auto;max-width: 100%;padding-top: 77px;}
.iva .part-1 .container{margin-top: -79px;background: #fff;}
.iva .part-2{text-align: center;color: #414141;background: #fff;padding-top: 132px;}
.iva .part-2 h1{margin-bottom: 40px;font-weight: bold;line-height: 1.125em;}
.iva .part-2 p{line-height: 1.667em;margin-bottom: 30px;}
.iva .part-2 ul{padding-bottom: 37px;border-bottom: 1px solid #d7d7d7;text-align: center;}
.iva .part-2 li{display: inline-block;width: 20%;height: 115px;line-height: 115px;}
.iva .part-2 li img{max-width: 100%;vertical-align: middle;}
.iva .part-3{padding-top: 56px;color: #414141;background: #fff;padding-bottom: 140px;}
.iva .part-3 h1{margin-bottom: 56px;font-weight: bold;line-height: 1.125em;text-align: center;}
.iva .part-3 .detail-swiper-container .img{padding-bottom: 56.25%;cursor: default;}
.iva .part-3 .content{position: absolute;bottom: 0px;left: 0px;padding: 15px 30px 15px;background: rgba(0,0,0,0.4);width: 100%;color: #fff;}
.iva .part-3 .content h4{line-height: 1.25em;margin-bottom: 15px;}
.iva .part-3 .content h4 a {color: #fff;}
.iva .part-4 {background: #e3e3e4;padding: 57px 0px 116px;}
.iva .part-4 h1{margin-bottom: 25px;font-weight: bold;line-height: 1.125em;text-align: center;color: #414141;}
.iva .part-4 ul{margin: 0 -17px;} 
.iva .part-4 li{float: left;width: 25%;margin-bottom: 33px;}

.iva .part-4 li .item{position: relative;margin: 0 17px;}
.iva .part-4 li .item .content{position: absolute;width: calc(100% + 60px);background: #fff;padding:37px 30px 77px;top: -124px;left:-30px;opacity: 0;transition: all 0.5s;z-index:-1;box-shadow: 1px 2px 20px 1px rgba(0,0,0,0.3);}
.iva .part-4 li .item:hover .content,.iva .part-4 li.on .item .content{opacity: 1;z-index:2;}
.iva .part-4 li .item h4{color: #414141;line-height: 1.25em;margin-bottom: 30px;padding-bottom: 27px;position: relative;}
.iva .part-4 li .item h4::after{content:'';position: absolute;width: 30px;height: 3px;background: #f00;left: 0px;bottom: 0px;}
.iva .part-4 li .item dl{color: #777;}
.iva .part-4 li .item .img{display:block;width: 100%;height: 0px;padding-bottom: 56.07%;position: relative;cursor: default;}
.iva .part-4 li .content .img{margin-bottom: 35px;}
.iva .part-4 li .item .img img{position: absolute;width: 100%;height: 100%;}
.iva .part-4 li dl dt,.iva .part-4 li dl dd{position: relative;margin-bottom: 2px;}
.iva .part-4 li dl span{display: block;position: absolute;left:0;top:0;text-align: justify;width: 90px;}
.iva .part-4 li dl span em{display: inline-block;width: 72px;text-align: justify;line-height: 1.5em;overflow: hidden;}
.iva .part-4 li dl span em:after {content: " "; display: inline-block; width: 100%;}
.iva .part-4 li dl span i{float: right;}
.iva .part-4 li dl p{padding-left: 90px;}
.iva .part-4 .his-nav{margin-bottom: 158px;}
.iva .part-5{background: #fff;padding-top: 95px;}
.iva .part-5 h1{margin-bottom: 25px;font-weight: bold;line-height: 1.125em;text-align: center;color: #414141;}
.iva .part-5 .his-nav{margin-bottom: 60px;}
.iva .part-5 ul{margin: 0 -15px;}
.iva .part-5 li{width: 25%;margin-bottom: 26px;float: left;}
.iva .part-5 li .item{margin: 0 15px;}
.iva .part-5 .item .img{width: 100%;height: 0px;padding-bottom: 139.86%;display: block;position: relative;cursor: default;}
.iva .part-5 .item .img img {position: absolute;width: 100%;height: 100%;}
.iva .part-5 .content{padding: 17px 11px 0px;}
.iva .part-5 .content h4{color: #000!important;}
.iva .part-5 .content h4 span{color: #777;}
.iva .part-5 .content h4,.iva .part-5 .content p{line-height: 22px;color: #777;overflow: hidden;max-height: 22px;}
.iva .part-5 .more{display: block;margin: 33px auto 0px;font-weight: bold;width: 384px;height: 46px;line-height: 46px;text-align: center;background: #a9cae5;padding-right: 0px;}
.iva .part-5 .more:hover{text-decoration: underline;}

/* 会员中心-安全中心 */
.mySafe .myWrap-box{background: #fff;padding: 55px 0px 105px;}
.mySafe .form{width: 500px;max-width: 90%;}
.mySafe .form .input{width: 100%;}
.mySafe .form .input input{background: #f7f7f7;}
.mySafe .btns{text-align: center;margin-top: 32px;}
.mySafe .btns a{display: inline-block;width: 176px;height: 46px;text-align: center;line-height: 46px;margin: 0px 10px;color: #fff;background: #a9cae5;}

/* active home */
.ah .s-videobox{    width: 70%;height: 0px;padding-bottom: 39.375%;position: relative;margin: 0 auto 50px;}
.ah .s-videobox img{position: absolute;width: 100%;height: 100%;}
.ah .s-videobox .pub-shadow{background: rgba(0,0,0,0.36);}
.ah .s-videobox .playBtn{position: absolute;display: block;width: 60px;height: 60px;background: url('../images/index3_icon01.png') no-repeat;background-size: cover;z-index: 2;top: 50%;left: 50%;transform: translate(-50%, -50%);cursor: pointer;}
.ah .part-1 .sec-nav{margin-bottom: 50px;}

/* 搜索 */
.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: 20px 0 0;}
.search_con .page{margin-top: 40px;}
.searh_g span{background: red;color: #fff;}
.search_con li em{color: red}
.search_con li{padding: 30px 0; border-bottom: 1px dashed #c0c0c0;}
.search_con li h2{margin-bottom: 5px;    line-height: 1.5;max-height: 3em; overflow: hidden;}
.search_con li a{color: #303030;}
.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: #414141; margin-right: 20px;}
.sech_sou span img{width: 15px; height: 15px;}
.sech_sou button img{width: 20px;}
.sech_sou .right{float: left;overflow: hidden; border-bottom: 1px solid #e0e0e0; width:750px; padding-bottom: 5px;}
.sech_sou .right input,.sech_sou .right button,.sech_sou .right span{height: 50px; border: none; outline: none; float: left;}
.sech_sou .right button{width: 75px; height: 40px; background: red;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{ vertical-align: middle;}
.sech_sou .right input{font-size: 24px; font-weight: normal; width: 630px; padding:0 10px;background: #f7f7f7;color: #414141;}
.sech_sou .right .placeholder{ color: #e0e0e0;}

/* 找回密码 */
.forget .forget-box{width: 955px;margin: 0 auto;max-width:100%;}
.forget ul{margin: 0 -19px;}
.forget .item{margin: 0 19px;padding: 54px 30px 0px;}
.forget li{float: left;width: 33.33%;}
.forget li .item{background: url('../images/forget_bg2.jpg') no-repeat; background-size: 100% 100%;text-align: center;min-height: 453px;}
.forget li .item .item-box{display: block;}
.forget li .item .item-box .img{display: block;margin: 0 auto 139px;}
.forget li .item .item-box .img img{max-width:100%;vertical-align: middle;}
.forget li h4{line-height: 1.5em;color: #414141;margin-bottom: 18px;font-weight: bold;}
.forget li p{line-height: 1.667em;color: #fff;}
.forget li p i{display: inline-block;margin-left: 10px;vertical-align: middle;width: 4px;height: 8px;background: url('../images/more_icon.png') no-repeat; background-size: 100% 100%;}
.forget li:first-child .item{background-image: url('../images/forget_bg1.jpg');}
.forget li:first-child h1{color: #ff0000;line-height: 1.188em;padding-bottom: 26px;border-bottom: 1px solid #f00;text-align: left;font-weight: bold;}
.forget li:last-child .item{background-image: url('../images/forget_bg3.jpg');}

.forget_new .right .login_btn{display: block;width: 100%;}

/* 找回密码-用户名找回 */
.fg-user-box{width: 990px;margin: 0 auto;max-width:100%;}
.fg-user .step-box{margin-bottom: 80px;text-align: center;}
.fg-user .step-box ul{display: inline-block;}
.fg-user .step-box li{float: left;margin-right: 10px;}
.fg-user .step-box li:last-child{margin-right: 0px;}
.fg-user .step-box li:last-child span{margin-right: 0px;}
.fg-user .step-box li.on .step-icon{background: #a9cae5;}
.fg-user .step-box .step-icon{width: 102px;height: 40px;background: #7d7d7d;line-height: 40px;text-align: center;}
.fg-user .step-box .step-icon img{vertical-align: middle;}
.fg-user .step-box .item{line-height: 40px;}
.fg-user .step-box .item > *{float: left;}
.fg-user .step-box .item span{margin: 0px 9px;color: #414141;line-height: 40px;}
.fg-user .step-box .item i{width: 71px;height: 1px;border-bottom: 1px dashed #afafb0;vertical-align: middle;float: none;display: inline-block;}
.fg-user .form-box{width: 430px;margin: 0 auto;max-width:100%;}
.fg-user .form-box .input{width: 100%;}
.fg-user .form-box .input input{height: 42px;line-height: 42px;padding-left: 64px;}
.fg-user .form-box .input i{display: block;position: absolute;width: 52px;height: 32px;border-right: 1px solid #e0e1e2;top: 50%;left: 0px;transform: translateY(-50%);background: url('../images/fg_input_icon1.png') no-repeat center center;}
.fg-user .form-box .code i{background-image: url('../images/fg_input_icon2.png');}
.fg-user .form-box .code input{width: 65.58%;}
.fg-user .form-box .code .codeImg{float: right;width: 32.09%;background: #fff;height: 42px;line-height: 42px;cursor: pointer;}
.fg-user .form-box .code .codeImg img{max-width: 100%;vertical-align: middle;}
.fg-user .form-box .submit,.fg-user .form-box .revise{width: 100%;height: 54px;line-height: 54px;color: #414141;font-weight: bold;margin-bottom: 34px;margin-top: 48px;background: #a9cae5;}
.fg-user .form-box p{text-align: center;}
.fg-user .form-box p a{color: #414141;line-height: 1.667em;overflow: hidden;display: inline-block;}
.fg-user .form-box p a:hover{text-decoration: underline;}
.fg-user .form-box p a i{width: 7px;height: 10px;margin-left: 9px;background: url('../images/fg_arrow.png') no-repeat;background-size: cover;display: inline-block;}
.fg-form input::-webkit-input-placeholder{color:#b0bbc7!important;}
.fg-form input::-moz-placeholder{color:#b0bbc7!important;}
.fg-form input:-moz-placeholder{color:#b0bbc7!important;}
.fg-form input:-ms-input-placeholder{color:#b0bbc7!important;}
.step-2 p {text-align: left!important;color: #b0bbc7;margin-bottom: 24px;}
.step-2 .mailCode input{width: 65.58%;}
.step-2 .mailCode i{background-image: url('../images/fg_input_icon2.png')!important;}
.step-2 .mailCode button{float: right;width: 32.09%;height: 42px;line-height: 42px;text-align: center;color: #fff;background: #ff0000;border: none;border-radius: 3px;margin-top: 0px;}
.step-2 .mailCode button:hover{text-decoration: none!important;}
.step-2 .mailCode button.on{background: #414141;}
.step-3 .input:nth-of-type(1) i,.step-3 .input:nth-of-type(2) i{background-image: url('../images/fg_input_icon3.png');}
.finish {text-align: center;padding-top: 80px;}
.finish > img{display: block;margin: 0 auto;}
.finish p{color: #414141;font-weight: bold;line-height: 1.7em;margin-top: 45px;display: inline-block;}
.finish p span{float:left;}
.finish p a{color: #f00!important;padding-bottom: 4px;border-bottom: 2px solid #f00;float: left;}
.finish p a:hover{text-decoration: none!important;}
.fg-form {position: relative;}
.step-lsit{position: absolute;left: 0;top: 0;display: none;z-index: 1px;}
.step-lsit.on{position: relative;z-index: 2;display: block;}

/* 找回密码-邮箱找回 */
.fg-email .container{overflow: hidden;}
.fg-email-box .fg-form .step-1 .input:nth-of-type(1) i{background-image: url('../images/fg_input_icon4.png');}
.fg-email-box .fg-form .step-2 .input:nth-of-type(1) i,.fg-email-box .fg-form .step-2 .input:nth-of-type(2) i{background-image: url('../images/fg_input_icon3.png');}
.fg-email-box .prompt{color: #f00;margin-bottom: 20px;}
.fg-email-box .change{padding-top: 18px;}
.fg-email-box .change::before{content:'';width: 270%;height: 1px;border-top: 1px solid #d7d7d7;position: absolute;left: 50%;transform: translateX(-50%);bottom: 55px;}

/* 家装-主题活动 */
.activity{background: #fff;}
.activity .container{overflow: hidden;}
.activity ul{margin: 0 -12px;}
.activity li{float: left;width: 33.33%;margin-bottom: 57px;}
.activity .item{margin: 0 12px;}
.activity .item .img{width: 100%;height: 0px;padding-bottom: 56.4%;position: relative;display: block;}
.activity .item .img img{position: absolute;width: 100%;height:100%;}
.activity .item h4{margin-top: 34px;font-weight: bold;}
.activity .item h4 a{display: block;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;color: #414141;line-height: 1.25em;}

/* 家装-案例分享 */
.h-share {background: #fff;}
.h-share .container{overflow: initial;}
.h-share .item h4{margin-top: 16px;font-weight: bold;padding-left: 30px;}
.h-share li {margin-bottom: 0px!important;padding:11px 0px 26px;background: #fff;transition: all 0.3s;position: relative;z-index:1;}
.h-share li:hover{transform: scale(1.1);box-shadow: 1px 0px 5px 1px rgb(239, 222, 187);z-index: 2;}


/* 会员案例 */
.member{background: #fff;}
.member.on{z-index: auto;}
/* #main {position: relative;}
#content { position: relative;width: 100%;height: 100%;}
#content li {display: none; cursor: pointer;position: relative;overflow: hidden;}
#content li.inactive {visibility: hidden; opacity: 0;}
#content li img {display: block;max-width: 100%;width: 100%;}*/
#content li{cursor: pointer;}
#content li>.content {position: absolute;width: 81.7%;background: rgba(252, 200, 15, 0.8);padding: 4px 0px 6px 30px; left: 0; bottom: 0;transition: all 0.5s;transform: rotateZ(90deg);transform-origin: left top;opacity: 0;}
#content li:hover>.content{transform: rotateZ(0deg);opacity: 1;}
#content li>.content h4,#content li>.content p{color: #414141;line-height: 1.667em;}
#content li>.content p{width: 100%;padding-left:25px;position: relative;}
#content li>.content p i{position: absolute;width: 16px;height: 16px;left: 0;top: 50%;transform: translateY(-50%);background: url('../images/member_time.png') no-repeat;background-size: 100% 100%;} 
.member .pro_more{margin-top:42px;}
.member #infscr-loading{position: absolute;bottom: -116px;left: 50%;transform: translateX(-50%);}
.member .load-more-link .load-more,.layui-flow-more a{width: 264px;height: 56px;background-color: #fcc80f;line-height: 56px;}
.member .swiper-box{margin-bottom: 33px;width: 100%;margin: 0 auto;position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index: 999;cursor:default;opacity: 0;visibility: hidden;}
.member .swiper-box .member-swiper-container{width: 61%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);overflow: hidden;height: 70%;padding-top: 20px;}
.member .swiper-box .content{position: absolute;left: 0;bottom: 0;width: 100%;color: #fff;padding: 15px 30px;background: rgba(0,0,0,0.4);}
.member .swiper-box .content h4 a{color: #fff;}
.member .swiper-box a{cursor: default;}
.member .swiper-box .close_btn{position: absolute;display: block;width: 15px;height: 15px;background: url('../images/sech_close_red.png') no-repeat;background-size: cover;cursor: pointer;right: 0;top: 0;}
.member-swiper-container .swiper-button-next, .member-swiper-container .swiper-button-prev{width: 50px;height: 50px;background-size: cover;}
.member-swiper-container .swiper-button-next{background-image: url(../images/index5_r.png); right: 0;}
.member-swiper-container .swiper-button-prev{background-image: url(../images/index5_l.png);left: 0;}
.member .item.on .swiper-box{opacity: 1;visibility: visible;}
.member .swiper-box .img{position: absolute; width: 100%; height: 100%;display: block;}
.member .swiper-box .img img{width: auto!important;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);max-height: 100%;max-width: 100%;}

#content li {
    margin-bottom: 20px;
    float: left;
    width: calc(25% - 20px);
    overflow: hidden;
	position:relative;
}
#content li img {
    max-width: 100%;
    width: 100%;
}


/* 附近门店 */
.store .part-1{border: 1px solid #000;padding: 19px 39px;margin-bottom: 40px;}
.store .part-1 > p{font-weight: bold;color: #414141;float: left;line-height: 40px;}
.store .part-1 > p em{color: #fcc80f;}
.store .part-1 .store_selects{float: right;width: 45.78%;}
.store .part-1 .store_selects .store_select{width: 49.15%;float: left;position: relative;}
.store .part-1 .store_selects .store_select:last-child{float: right;}
.store .part-1 .store_selects .store_select .input{width: 100%;height: 40px;line-height: 40px;position: relative;}
.store .part-1 .store_selects .store_select input{width: 100%;height: 40px;border: none;padding-left: 19px;padding-right: 40px;background: #fcc80f;cursor: pointer;font-size: 18px;}
.store .part-1 .store_selects .store_select i{width: 10px;height: 6px;display: block;position: absolute;background:url('../images/store_sel.png') no-repeat;top: 50%;right: 20px;}
.store .part-1 .store_selects .store_select ul{position: absolute;width: 100%;background: #fcc80f;z-index: 2;padding-bottom: 10px;max-height: 200px;overflow: hidden;display: none;}
.store .part-1 .store_selects .store_select ul li{padding-left: 19px;line-height: 34px;cursor: pointer;}
.store .part-1 .store_selects .store_select ul li:hover{background: #fff;}
.store .part-2 .store-swiper-container{overflow: hidden;position: absolute;height: 69.62%;width: calc(100% - 40px);}
.store .part-2 .store-swiper-container .swiper-slide{cursor: pointer;}
.store .part-2 .left,.store .part-2 .right{float: left;}
.store .part-2 .left{width: 27.65%;background: #fcc80f;height: 0px;padding-bottom: 40.625%;position: relative;}
.store .part-2 .left-box{position: absolute;padding: 36px 20px 22px;width: 100%;height: 100%;}
.store .part-2 .left h1{line-height: 1.25em;padding-bottom: 18px;border-bottom: 1px solid rgba(255,255,255,0.3);font-weight: bold;}
.store .part-2 .swiper-slide{padding: 17px 13px 19px 16px;border-bottom: 1px solid rgba(255,255,255,0.3);}
.store .part-2 .swiper-slide h4{font-weight: bold;margin-bottom: 14px;}
.store .part-2 .swiper-slide .num{margin-right: 9px;}
.store .part-2 .swiper-slide .content{padding-left: 28px;}
.store .part-2 .swiper-slide .content p{line-height: 1.333em;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.store .part-2 .right{width: 72.34%;height: 0; padding-bottom: 40.625%;position: relative;}
.store .part-2 .right #map{position: absolute;width: 100%;height: 100%;}
.store .swiper-button-next,.store .swiper-button-prev{width: 13px;height: 23px;left: 40px;bottom:30px;float: left;top: auto;background: url('../images/arrowLeft.png');}
.store .swiper-button-next{left: 73px;background-image: url('../images/arrowRight.png');}
.store .swiper-button-next.swiper-button-disabled{background-image: url('../images/arrowRight_dis.png');}
.store .swiper-button-prev.swiper-button-disabled{background-image: url('../images/arrowLeft_dis.png');}

/* 主题活动详情 */
.activity-detail{background: #fff;}
.activity-detail .banner{position: relative;}
.activity-detail .banner .content{position: absolute;width: 100%;top: 50%;left: 0;transform: translateY(-50%);color: #fff;font-weight: bold;}
.activity-detail .banner .content h1{font-weight: bold;line-height: 1.125em;margin-bottom: 56px;}
.activity-detail .banner .content p{line-height: 1.25em;margin-bottom: 14px;}
.activity-detail .banner .content p:last-child{margin-bottom: 0px;}
.activity-detail .part-1{padding-bottom: 90px;}
.activity-detail .part-2{background: #f7f7f7;}
.activity-detail .form-box{margin-top: 50px;width: 1072px;margin: 0 auto;max-width: 96%;}
.activity-detail .form-box .form-wrap{width: 100%;}
.activity-detail .form-box .input{width: 47.57%;float: left;}
.activity-detail .form-box .input input{border: none;width: 100%;padding-left: 16px;line-height: 36px;height: 36px;font-size: 18px;}
.activity-detail .form-box .input:nth-of-type(2){float: right;}
.activity-detail .form-box .textarea{width: 100%;clear: both;margin-bottom: 50px;}
.activity-detail .form-box textarea{border: none;width: 100%;margin-top: 24px;padding: 13px;font-size: 18px;height: 189px;}
.activity-detail .form-box button{display: block;width: 263px; height: 56px;line-height: 56px;text-align: center;background: rgba(252,200,15,1) url(../images/more_icon.png) 246px center no-repeat;font-weight: bold;padding-right: 0;border: none;color: #fff;font-weight: bold;margin: 0 auto;}
.activity-detail .form-box button:hover{text-decoration: underline;}
.activity-detail .form-box input::-webkit-input-placeholder,.activity-detail .form-box textarea::-webkit-input-placeholder{color:#414141!important;}
.activity-detail .form-box input::-moz-placeholder,.activity-detail .form-box textarea::-moz-placeholder{color:#414141!important;}
.activity-detail .form-box input:-ms-input-placeholder,.activity-detail .form-box textarea:-ms-input-placeholder{color:#414141!important;}

/* 图库 */
.pic-member {display: none;}
.pic-member .swiper-box{opacity: 1;visibility: visible;}

@media only screen and (min-width: 1025px) {
    .product-list>ul li:hover{ position: relative; z-index: 1;}
    .product-list>ul li:hover .list_wrap{ padding:42px 35px; width: calc(100% + 70px); height: calc(100% + 84px); margin:-42px -35px ; box-shadow: 1px 3px 20px 5px rgba(0,0,0,0.3);}
    .product-list>ul li:hover .list_wrap  a.more1{opacity: 1;}

    .case .product-list>ul li:hover{ position: relative; z-index: 1;transform: scale(1.1);}
    .case .product-list>ul li:hover .list_c{transform:scale(0.9) translateY(-0.9em);}
    .case .product-list>ul li:hover .line{transform:scale(1.1);}
    .case .product-list>ul li:hover .list_wrap{ padding:0; width: 100%; height: 100%; margin: 0; box-shadow: 1px 6px 20px 2px rgba(0,0,0,0.3);}
    .myCol .myWrap li:hover{transform: scale(1.1);}
    .myCol .myWrap li:hover .list_wrap{box-shadow: 2px 5px 20px 1px rgba(0,0,0,0.3);}
    .myCol .myWrap li:hover .list_c{transform:scale(0.9) translateY(-0.9em);}
    .myCol .myWrap li:hover .line{transform:scale(1.1);}
}

@media only screen and (max-width: 1650px) {
    .iva .part-1 h1{line-height: normal;}
}

@media only screen and (max-width: 1520px) {
    .his-list li .item{height: 510px;}
    /* .form .input input{font-size: 16px;}
    .myUpload-box textarea,.case-detail .send-comment textarea{font-size: 16px!important;} */
    .iva .part-4 li .item .content{top: -120px;}
    .his-swiper-container .swiper-slide.on h4{margin-bottom: 2px;}
    .fg-email-box .change::before{bottom: 48px;}
}

@media only screen and (max-width: 1440px) {
    .solve li .item h4{line-height: 1.667em;line-height: 1.2em;margin: 20px 0px;}
    .solve li .item p{margin-bottom: 20px;height: 75px;}
    .forget li .item{min-height: 420px;}
    .forget li .item .item-box .img{margin-bottom: 100px;}
    .form .input input,
    .form .textarea textarea,
    .case-detail .change span a,
    .case-detail .send-comment textarea,
    .case-detail .send-comment input,
    .case-detail .send-comment .submit,
    .login .right .input input,
    .register .right .input input,
    .myUpload-box textarea,
    .myUpload-box .u-list:nth-of-type(3) textarea,
    .store .part-1 .store_selects .store_select input,
    .activity-detail .form-box .input input,
    .activity-detail .form-box textarea{font-size: 16px!important;}
    .his-swiper-container .swiper-slide.on h4,.sech_sou .right input{font-size: 18px;}
    
}

@media only screen and (max-width: 1400px) {
    .product-list>ul li:hover .list_wrap{padding: 30px 25px; width: calc(100% + 50px);height: calc(100% + 60px);box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.3);margin: -30px -25px;}
    
    .pro-detail .content{margin-top: 30px;}
    
}

@media only screen and (max-width: 1366px) {
    /* .case-detail .change span a{font-size: 14px;} */
    .his-list li .item{height: auto;}
    .his-list li .content h4{height: 56px;}
    .his-list li .content p:nth-of-type(2){height: 48px;}
    /* .form .input input{font-size: 14px;}
    .myUpload-box textarea,.case-detail .send-comment textarea{font-size: 14px!important;} */
    .case-detail .send-comment textarea{padding: 10px;}
}

@media only screen and (max-width: 1365px) {
    .solve .part-1 p{width: 100%;display: block;}
    .solve .part-1 h4{width: 100%;border: none;margin-right: 0px;float: none;line-height: 1.125em;margin-bottom: 20px;}
    .solve .part-1{height: auto;margin-bottom: 40px;}
    .activity ul{width: 98%;margin: 0 auto;}
}

@media only screen and (max-width: 1280px) {
    /* .iva .part-4 ul{margin: 0px;font-size: 14px;} */
    .iva .part-4 li .item .content{top: -86px;padding: 20px 30px 40px;}
    .iva .part-4 li .item h4{margin-bottom: 20px;padding-bottom: 20px;}
    .iva .part-4 li .content .img{margin-bottom: 20px;}
    .iva .part-4 .his-nav{margin-bottom: 100px;}
    .iva .part-3{padding-bottom: 70px;}
    .iva .part-4{padding: 57px 0px 60px;}
    .iva .part-2{padding-top: 70px;}
    .iva .part-5{padding-top: 50px;}
    .sec-nav li.on{transform: scale(1);}
    .sec-nav li.on a{font-weight: normal;}
    .sec-nav li p{height: 2px;}
    .sec-nav li h4{padding: 0px 10px;}
    .faq .que-list li h1{font-weight: normal;}
    .login .right h1{font-size: 28px;}
    .register .right h1{font-size: 28px;}
    .register .right .input input{height: 50px;line-height: 50px;}
    .login .right .input input{height: 50px; line-height: 50px;}
    .videoAppend .videoBox{max-width: 60%;}
}

@media only screen and (max-width: 1279px) {
    .pt_60{padding-top: 40px;}
    .pt_70{padding-top: 40px;}
    .pt_77{padding-top: 40px;}
    .pt_80{padding-top: 45px;}
    .pt_90{padding-top: 50px;}
    .pt_100{padding-top: 50px;}
    .pb_60{padding-bottom: 40px;}
    .pb_80{padding-bottom: 50px;}
    .pb_105{padding-bottom: 50px;}
    .pb_100{padding-bottom: 50px;}
     .pb_110{padding-bottom: 50px;}
     .pb_120{padding-bottom: 60px;}
    .pb_128{padding-bottom: 60px;}
    .pb_210{padding-bottom: 90px;}
    .pb_236{padding-bottom: 110px;}
    .pb_260{padding-bottom: 110px;}
    .pub-screen{margin-bottom: 50px;}
    .pro-detail .content{padding: 30px;}
    .case-detail .send-comment{padding: 30px 40px 40px;}
    .case-detail .send-comment input{ width: 100px;height: 40px;line-height: 40px;}
    .case-detail .send-comment .codeImg{width: 116px;height: 40px;line-height: 40px;}
    .case-detail .send-comment .submit{width: 126px;height: 40px;line-height: 40px;}
    .case-detail .comment-list li{padding: 30px 40px!important;}
    .case-detail .close{width: 40px;height: 40px;}
    .load-more-link .load-more,.layui-flow-more a{width: 126px;height: 40px;line-height: 40px;}
    .solve li{margin-bottom: 30px;}
    .solve li .item{margin: 0 30px;}
    .solve ul{margin: 0 -30px;}
    .solve-detail .swiper-button-next, .solve-detail .swiper-button-prev{transform: translateY(-50%);}
    .solve-detail .part-4{padding-bottom: 10px;}
    .solve-detail .part-4 h1,.solve-detail .part-3,.solve-detail .part-1,.solve-detail .part-2{margin-bottom: 40px;}
    .login .right h1,.register .right h1{margin-bottom: 30px;}
    .login .right .login_btn,.register .right .reg{margin-top: 20px;width: 180px;height: 40px;line-height: 40px;}
    .forget_new .right .login_btn{width: 100%;margin-top: 40px;}
    .register .right .input{padding-left: 76px;}
    .register .select .selects{width: calc(100% - 76px);}
    .contact .part-1 .content{padding: 30px;}
    .main .banner{margin-bottom: 30px;}
    .faq .pub-screen{margin-bottom: 30px;}
    .join .pub-screen,.culture .pub-screen{margin-bottom: 30px;}
    .join .part-1{padding: 30px;}
    .his-list {margin-top: 40px;}
    .his-list li .item{margin: 0 20px;}
    .his-list li{padding-bottom: 30px;}
    .his-list ul{margin: 0 -20px;padding-bottom: 40px;}
    .p-video .pub-screen{margin-bottom: 30px;}
    .p-video .sec-nav{    margin-bottom: 30px;}
    .sec-nav li h4{padding: 0px 10px;}
    .software .part-1 h4{margin-bottom: 30px;}
    .software .part-1 .container > p{margin-bottom: 30px;}
    .software .part-1{padding: 50px 0px;}
    .software .part-2 h4{margin: 50px 0px;}
    .software .part-2 .s-videobox .playBtn{width: 60px; height: 60px;}
    .software .part-1 .download{width: 200px;}
    .bim .part-3 li .item{margin: 0 10px; padding: 20px 20px 40px;}
    .bim .part-3 ul{margin: 0 -10px;}
    .bim .part-3 h4{margin: 50px 0px;}
    .mag .pub-screen{margin-bottom: 40px;}
    .mag .part-1 h4{margin-bottom: 30px;}
    .mag .part-1 .ogl{margin-top: 30px;}
    .mag .part-1{margin-bottom: 50px;}
    .mag .part-2 .right h4{margin-bottom: 30px;}
    .mag .part-2 .right .line{margin-bottom: 30px;}
    .mag .part-2 .right p:nth-of-type(2){margin-bottom: 40px;}
    .mag .part-1 .ogl{width: 120px;height: 36px;line-height: 36px;}
    .mag .part-2 .right .online,.mag .part-2 .right .sub{width: 120px;line-height: 36px;height: 36px;}
    .mag .part-2{margin-bottom: 50px;}
    .mag .part-3 ul li{margin-bottom: 30px;}
    .mag .part-3 li .item{margin: 0 10px;}
    .mag .part-3 ul{margin: 0 -10px;}
    .mag .part-3 li .item .bottom{bottom: 20px;}
    .mag .part-3 li .item .bottom h4{margin-bottom: 10px;}
    .mag .part-3 li .item .bottom .online{margin-top: 10px;}
    .myCol .myWrap li .list_wrap{margin: 0 10px;}
    .myCol .myWrap li{margin-bottom: 25px;}
    .per-title{line-height: 50px;}
    .myCase .part-2 tr th:first-child, .myCase .part-2 tr td:first-child{padding-left: 30px;}
    .myCase .part-1 a{line-height: 36px;width: 120px;height: 36px;}
    .myCase .part-2 tr{height: 60px;line-height: 60px;}
    .myRevise .myWrap-box{padding: 30px 0px 60px;}
    .myRevise .form .btns{padding-top: 20px;}
    .myRevise .form .btns a{ width: 120px; height: 36px; line-height: 36px;}
    .myRevise .form .form-box{ margin: 0 -10px;}
    .myRevise .form .input-box{ margin: 0 10px;}
    .myRevise .form .select .input{margin: 0 10px;width: calc(100% - 20px);}
    .myRevise .form .input input{padding-left: 10px;}
    .myRevise .myWrap-box h1{padding-left: 0px;}
    .iva .part-5 .more{width: 250px;}
    .iva .detail-swiper-container .swiper-button-next,.iva .detail-swiper-container .swiper-button-prev,
    .phone-honor-slide .swiper-button-next,.phone-honor-slide .swiper-button-prev{width: 40px;height: 40px;}
    .iva .part-3 .content{padding: 20px;}
    .iva .part-3 .content h4{margin-bottom: 10px;}
    .culture .part-1 h1{margin-bottom: 30px;}
    .culture .part-1 .img{margin-top: 30px;}
    .culture .part-1{margin-bottom: 50px;}
    .culture .part-2{padding: 70px 0px 50px;}
    .culture .part-3{padding-top: 50px;}
    .culture .part-3 h1{margin-bottom: 50px;}
    .serbox_detail_scroll{margin-bottom: 30px;}
    .myData .myWrap-box .revise, .myData .myWrap-box .upload{width: 120px;height: 36px;line-height: 36px;}
    .mySafe .btns a{width: 120px;height: 36px;line-height: 36px;}
    .myData .myWrap-box,.mySafe .myWrap-box{padding: 30px 0px 60px;}
    .ah .s-videobox .playBtn{width: 60px;height: 60px;}
    .search_con li{padding: 20px 0;}
    .search_con .pagination{margin-top: 0px;}
    .forget li .item{min-height: 365px;}
    .activity li{margin-bottom: 30px;}
    .activity .item h4{margin-top: 20px;}
    .member .load-more-link .load-more,.layui-flow-more a{width: 200px;height: 46px;line-height: 46px;}
    .store .part-2 .left{padding-bottom: 0; height: 460px;}
    .store .part-2 .right{padding-bottom: 0; height: 460px;}
    .store .part-2 .swiper-slide{padding: 10px;}
    .store .part-2 .left-box{padding: 20px 10px 10px;}
    .activity-detail .form-box .form-wrap{width: 100%;}
    .activity-detail .banner .content h1{margin-bottom: 30px;}
    .activity-detail .banner .content p{margin-bottom: 10px;}
    .activity-detail .part-1{padding-bottom: 50px;}
    .activity-detail .form-box button{ width: 200px; height: 46px; line-height: 46px;background-position-x: 180px;}
    .member-swiper-container .swiper-button-next, .member-swiper-container .swiper-button-prev{ width: 40px; height: 40px;}
}
.layui-flow-more{ width:100%; padding-top:42px; position:absolute; left:0; top:100%; text-align:center;}
.layui-flow-more a{ display:block; margin:auto; color:#fff; text-align:center;}
#content{ margin-bottom:98px;}
@media only screen and (max-width: 1140px) {
    .reg_success .content h1{margin: 20px 0px 20px;}
    .reg_success .content img{width: 80px;}
    .wlks_cn .part-2 .content h4{margin-bottom: 20px;}
    .faq .que-list li{padding: 15px 30px;}
    .faq .que-list li h1{padding-left: 35px;padding-right: 30px;}
    .faq .que-list li h1 span{width: 26px;height: 26px;top: 3px;line-height: 23px;}
    .faq .que-list li h1 i{width: 21.7px; height: 11.9px;}
    .faq .que-list li p{padding-left: 35px;}
    .iva .part-4 li .item .content{top: -82px;}
    .fg-user .step-box .step-icon{width: 40px;}
    .fg-user .step-box{margin-bottom: 50px;}
    .fg-user .form-box .submit, .fg-user .form-box .revise{margin-bottom: 20px;margin-top: 30px;height: 46px;line-height: 46px;}
    .finish{padding-top: 40px;}
}

@media only screen and (max-width: 1024px) {
    /* .case .product-list>ul li:hover{transform: none!important;} */

    .product-list>ul li:hover .list_wrap{padding: 0px;margin: 0px 5px;box-shadow: initial;width: auto;height:  auto;}
    .list_c a.more1{opacity: 1;}
    .product-list>ul li{padding: 0 10px 30px!important;}
    .pdList li .item{ margin: 0 10px;}
    .list_c{padding: 40px 0 15px;}
    .product .container{overflow: hidden;}
    .pdList li{margin-bottom: 20px;}
    .case-detail .close{display: none;}
    .solve-detail .part-1 h1{margin-bottom: 30px;margin-top: 0px;}
    .solve-detail .part-2{padding: 40px;}
    .solve-detail .part-3 .text{padding: 40px;}
    .solve-detail .swiper-slide .content{padding: 10px 30px;}
    .solve-detail .swiper-slide .content h4{margin-bottom: 5px;}
    .login .right .input input{padding-left: 40px;height: 44px;line-height: 44px;}
    .login .right .input i{left: 10px;}
    .login .right .code span{width: 100px;height: 44px;line-height: 44px;}
    .handlePass span{margin-left: 20px;padding-left: 30px;margin-right: 30px;}
    .login .right button{width: 140px;}
    .login .right .code .input{padding-right: 120px;}
    .register .right .input input{padding-left: 40px;height: 44px;line-height: 44px;padding-left: 20px;}
    .register .right .code .codeImg{height: 44px;line-height: 44px;width: 100px;}
    .register .right .code .input{padding-right: 120px;}
    .register .select .selects{top: 44px;}
    .register .select .selects li{padding-left: 20px;}
    .register .select input{padding-right: 30px;}
    .register .select .selBtn{right: 10px;}
    .register .right .reg.register .right .login_btn{width: 140px;}
    .wlks_cn .part-3{padding: 50px 50px 10px;}
    .wlks_cn .part-3 .content{margin-bottom: 50px;}
    .wlks_cn .part-1{padding: 50px;}
    .news-detail h1{margin-bottom: 10px;}
    .news-detail .title{margin-bottom: 20px;}
    .news-detail #big{font-size: 16px;}
    .news-detail #middle{font-size: 16px;}
    .contact .part-1 .content{position: relative;right: 0px;top: 0px; transform: translateY(0%);}
    .contact .part-1 #map{position: relative;height: 445px;}
    .contact .part-1{height: auto;padding-bottom: 0%;}
    .his-list li .content{padding: 20px;}
    .his-list li .content h4{height: 45px;}
    .news .pub-screen{margin-bottom: 30px;}
    .p-video .list-box>.fixed li .item{margin: 0 10px;}
    .p-video .list-box li{margin-bottom: 20px;}
    .p-video .list-box ul{margin: 0 -10px;}
    .iva .part-4 li .item .content{top: 0px;left: 0px;position: relative;padding: 20px; width: 100%;opacity: 1;z-index: 1;}
    .iva .part-4 li .item > .img{display: none;}
    .iva .part-4 .his-nav{margin-bottom: 30px;}
    .iva .part-4 li .item{margin: 0 10px;}
    .iva .part-4 li dl span{width: 70px;}
    .iva .part-4 li dl span em{width: 56px;}
    .iva .part-4 li dl p{padding-left: 70px;}
    .his-swiper-container{padding: 0 1%;}
    .pb_210{padding-bottom: 60px;}
    .pb_236{padding-bottom: 80px;}
    .pb_260{padding-bottom: 80px;}
    .h-share li{padding: 0px 0px 30px;}
    .h-share li:hover{transform: none;box-shadow: none;}
    #content li>.content{transform: rotateZ(0deg);opacity: 1;}
    .login .right h1{font-size: 24px;}
    .register .right h1{font-size: 24px;}
    .member .swiper-box .member-swiper-container{    height: 30%;}
}

@media only screen and (max-width: 1023px) {
    .iva .part-4 li{width: 50%;}
    .wlks_cn .part-1 .left{float: left!important;width: 100%!important;}
    .wlks_cn .part-1 .img{position: relative;top: 0px;right: auto;width: 100%;height: auto; margin-top: 30px;}
    .wlks_cn .part-1 .img img{height: auto; width: 100%;position: relative;}
    #content li{width: calc(33.33% - 20px)}
    .store .part-2 .left{width: 40%;}
    .store .part-2 .right{width: 60%;}
}

@media only screen and (max-width: 989px){
    .sech_sou .right{width: calc(100% - 25px);float: right;}
    .sech_sou .right input{width: calc(100% - 90px);}
}

@media only screen and (max-width: 768px) {
    .swiper-box{width: 100%!important;}
    .member .swiper-box .member-swiper-container{width: 95%;height: 40%;}
    
}

@media only screen and (max-width: 767px) {
    .product-list>ul li{width: 100%;}
    .pub-screen{line-height: 46px;padding: 0px 15px;margin: 30px 0px!important;}
    .pub-screen li > a{line-height: 18px;}
    .pub-screen li.on a{transform: scale(1);}
    .pb_40{padding-bottom: 30px;}
    .pb_60{padding-bottom: 30px;}
    .pb_80{padding-bottom: 30px;}
    .pb_105{padding-bottom: 30px;}
    .pb_100{padding-bottom: 30px;}
    .pb_110{padding-bottom: 30px;}
    .pb_120{padding-bottom: 30px;}
    .pb_128{padding-bottom: 30px;}
    .pb_210{padding-bottom: 30px;}
    .pb_236{padding-bottom: 30px;}
    .pb_260{padding-bottom: 30px;}
    .pt_60{padding-top: 30px;}
    .pt_70{padding-top: 30px;}
    .pt_77{padding-top: 30px;}
    .pt_80{padding-top: 35px;}
    .pt_90{padding-top: 40px;}
    .pt_100{padding-top: 40px;}
    .list_c h1{margin-bottom: 20px;}
    .product-list>ul{width: 100%;margin: 0;}
    .product-list>ul li{padding: 0 0 10px!important;width: 50%;}
    .product-list>ul li .list_wrap{margin: 0 5px;}
    .main .banner{margin-bottom: 0px;}
    .solve-detail .banner{margin-bottom: 30px;}
    .pdList li{width:100%;}
    .pdList li .item{margin: 0;}
    .pro-detail .content{padding: 30px 15px;}
    .sec-nav li{margin: 0 5px 10px!important;}
    .sec-nav li h4{margin-bottom: 0;}
    .detail-swiper-container .swiper-button-next, .detail-swiper-container .swiper-button-prev,
    .phone-honor-slide .swiper-button-next,.phone-honor-slide .swiper-button-prev{width: 40px;height: 40px;}
    .case-detail .right .collection{margin-right: 10px;}
    .case-detail .send-comment{padding: 20px;}
    .case-detail .send-comment h4{margin-bottom: 20px;}
    .case-detail .send-comment input,.case-detail .send-comment .codeImg{width: 80px; height: 32px;line-height: 32px;}
    .case-detail .send-comment .codeImg{margin-right: 20px;}
    .case-detail .send-comment .submit{width: 108px; height: 32px;line-height: 32px;margin-right: 0px;}
    .case-detail .comment-list li{padding: 20px!important;}
    .load-more-link .load-more{width: 90px;height: 32px;line-height: 32px;}
    .case-detail .comment{padding-top: 30px;}
    .case-detail .send-comment li{line-height: 32px;}
    .case-detail .send-comment ul{clear: both;padding-top: 20px;}
    .solve li{width: 100%;}
    .solve li .item{margin: 0;}
    .solve ul{margin: 0;}
    .solve .part-1{margin-bottom: 20px;}
    .solve-detail .swiper-slide .content{padding: 5px 10px;}
    .solve-detail .swiper-slide .content h4{ margin-bottom: 0px;}
    .login .left, .login .right{width: 100%;}
    .login .right{margin-top: 40px;padding-left: 0px;}
    .register .left, .register .right{width: 100%;}
    .register .right{margin-top: 40px;padding-left: 0px;}
    .reg_success .img{height: 320px;overflow: hidden;}
    .reg_success .img img{height: 100%;width: auto;max-width: none;position: relative;left: 50%;transform: translateX(-50%);}
    .wlks_cn .part-3{padding: 30px 20px 10px;}
    .wlks_cn .part-3 h4{margin-bottom: 30px;}
    .wlks_cn .part-3 .content{margin-bottom: 30px;}
    .wlks_cn .part-3 li{width: 25%; margin-bottom: 20px;}
    .wlks_cn .part-1{padding: 30px 20px;}
    .form .select{width: 100%;}
    .form .input{width: 100%;}
    .form button{ width: 120px; height: 40px; line-height: 40px; margin-top: 30px;}
    .form .form-box{margin: 0;}
    .form .input-box{margin: 0;}
    .form .select .input{width: 100%;margin: 0;}
    .form .textarea .textarea-box{ margin: 0;}
    .tel a{cursor: pointer;}
    .tel{margin-bottom: 40px;}
    .news-detail .title > span{display: inline-block;margin: 0px 5px!important;text-align: left;padding-left: 0px!important;line-height: 24px;}
    .news-detail .font_size a{margin: 0 2px;}
    .news-detail .title > span::before{display: none;}
    .case-detail .change span{line-height: 40px;}
    .faq .que-list li h1{padding-left: 30px;padding-right: 20px;line-height: 24px;}
    .faq .que-list li h1 i{width: 15.5px;height: 8.5px;top: 6px;}
    .faq .que-list li{padding: 10px;}
    .faq .que-list li h1 span{width: 22px;height: 22px;top: 0px;line-height: 22px;border-width: 1px;}
    .faq .que-list li p{padding-left: 30px;margin-top: 5px;}
    .faq .sec-nav li h4{padding: 0 5px;}
    .faq .sec-nav li{margin: 0 10px;}
    .faq .sec-nav{margin-bottom: 20px;}
    .contact .part-1 #map{height: 300px;}
    .join .part-2 .form button{margin-top: 20px;}
    .join .part-2 h1,.join .part-2{    margin-bottom: 30px;}
    .joinus li{width: 50%;margin-bottom: 10px;}
    .need li{margin-bottom: 15px;}
    .joinus{margin-bottom: 10px;}
    .join .part-1{padding: 20px;}
    .news .his-list li{width: 100%;padding-bottom: 30px!important;}
    .his-list li .content h4{height: auto;}
    .his-list li .content p:nth-of-type(2){height: auto;}
    .his-swiper-container .swiper-slide h4{line-height: 30px;}
    .p-video .list-box>.fixed li{width:50%;margin-bottom: 10px;}
    .p-video .list-box>.fixed li .item{margin: 0 5px;}
    .p-video .list-box>.fixed{margin: 0 -5px;}
    .videoAppend .videoBox video{height: auto;}
    .videoAppend .videoBox .close{top: -30px;width: 20px;height: 20px;}
    .p-video .sec-nav li{ height: 26px;margin-bottom: 10px;display: inline-block;float: none;}
    .p-video .sec-nav{margin-bottom:20px;}
    .software .part-1 .container > p span{    margin-left: 20px;}
    .bim .part-3 li{width: 50%;margin-bottom: 10px;}
    .software .part-2 h4,.bim .part-3 h4{margin: 30px 0px;}
    .software .part-1{padding: 30px 0px;}
    .mag .part-2 .left{width: 100%;}
    .mag .part-2 .right{margin-top: 30px;width: 100%;}
    .mag .part-3 ul li{width: 50%; margin-bottom: 10px;}
    .per-sidebar li{float: left;padding: 0;width: 20%;text-align: center;}
    .per-sidebar{width: 100%;margin-bottom: 20px;}
    .myWrap{width:100%;}
    .myCol .myWrap ul{margin: 0 -5px;}
    .myCol .myWrap li{width: 50%;}
    .myCol .myWrap li .list_wrap{margin: 0px 5px;}
    .per-sidebar li a i{display: none;}
    .per-sidebar li a{line-height: 40px;height: 40px;}
    .per-title{margin-bottom: 20px;padding-left: 15px;}
    .myCase .part-2 tr th:first-child, .myCase .part-2 tr td:first-child{ padding-left: 0px;}
    .myCase .part-2 th,.myCase .part-2 td{text-align: center;}
    .myCase .part-2 tr td a{display: block;}
    .myUpload-box .u-list > span{width: auto;position: relative;text-align: left;margin-bottom: 10px;}
    .myUpload-box .u-list{margin-bottom: 20px;}
    .myUpload-box .u-list:nth-of-type(3) .input{width: 100%;}
    .myUpload-box .addContent .title{ margin-left: 0;width: 100%;}
    .myUpload-box .addContent .content{padding-top: 20px;}
    .myUpload-box .addContent .title-box{padding-left: 39px;}
    .myUpload-box .addContent .content textarea{padding: 10px;}
    .myUpload-box .addContent .btns a{width: 80px;height: 30px; line-height: 30px;}
    .myUpload-box .u-list-box{padding-left: 0px;}
    /* .myUpload-box .u-list:nth-of-type(5) .select{margin-bottom: 10px;} */
    .myUpload-box .u-list:nth-of-type(3) textarea{    padding: 10px;}
    .myUpload-box .addImg a{width: 80px;}
    .myUpload-box > .btns a{width: 120px;height: 36px;line-height: 36px;}
    .myUpload-box .addContent,.myUpload-box .choice{padding: 10px;}
    .myUpload-box .input input,.myUpload-box label{padding-left: 10px;}
    .myUpload-box .addContent .btns{padding-left: 39px;}
    .myUpload-box .selects li{padding-left: 10px;}
    .iva .part-4 li{width: 100%;}
    .iva .part-5 li{width: 50%;}
    .iva .part-5 .more{width: 200px;height: 36px;line-height: 36px;}
    .iva .part-5 li .item,.iva .part-5 ul{margin: 0px;}
    .iva .banner:nth-of-type(3){height: 220px;}
    .iva .banner:nth-of-type(3) > img{height: 100%;width: auto;position: relative;left: 50%;transform: translateX(-50%);max-width: none;}
    .iva .banner-box h1{margin-bottom: 10px;}
    .iva .part-2 li{ height: 50px; line-height: 50px;}
    .iva .part-2,.iva .part-3,.iva .part-5{padding-top: 30px;}
    .iva .part-3 h1,.iva .part-5 .his-nav,.iva .part-1 h1{margin-bottom: 30px;}
    .iva .part-3{padding-bottom: 30px;}
    .iva .part-4{padding: 30px 0px;}
    .iva .part-1 .container-box{ padding-top: 30px;}
    .iva .part-1 h1{line-height: 20px;}
    .iva .part-3 .content h4{margin-bottom: 5px;}
    .iva .part-3 .content{padding: 10px;background: rgba(0,0,0,0.2);}
    .iva .part-3 .content p{height: 22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .iva .part-3 .content{ position: relative;}
    .his-swiper-container{padding: 0 15px;}
    .culture .part-2 .left{width: 100%;}
    .culture .part-2 .left .img{margin: 0 auto 20px;}
    .culture .part-2 .right{width: 100%!important;}
    .culture .part-3 h1{margin-bottom: 30px;}
    .culture .part-3{padding-top: 30px;}
    .culture .part-2{padding: 30px;}
    .serbox_detail_scroll ul li{width: 100%!important;height: 80px;}
    .serbox_detail_scroll ul li img{width: 100%;}
    .serbox_detail_scroll ul li img{height: auto;}
    .serbox_detail_scroll ul li.active{height: calc(100% * 0.56);}
    .serbox_detail_scroll{padding-bottom: 0px;height: auto;}
    .serbox_detail_scroll ul{position: relative;}
    .serbox_cover{left: 7.06%;}
    .mySafe .form{max-width: 95%;}
    .mySafe .form .form-box{margin: 0;}
    .mySafe .form .input-box{margin: 0;}
    .mySafe .btns{margin-top: 20px;}
    .ah .part-1 .sec-nav{margin-bottom: 30px;}
    .ah .s-videobox{margin-bottom: 30px;}
    .ah .sec-nav li{margin: 0 5px 10px;}
    .form .input i{left: 2px;}
    .register .left .img{padding-bottom: 75.04%;}
    .register .left .img img{height: auto;top: 0; left: 0;}
    .solve-detail .part-2 {padding: 20px;}
    .solve-detail .part-3 .text{padding: 20px;}
    .mag .part-3 li .item .content{opacity: 1;}
    .iva .part-1 .container{margin-top: 0;}
    .iva .banner:nth-of-type(3){margin-bottom: 0px;}
    .his-nav .line{bottom: 12px;}
    .his-swiper-container .swiper-button-prev, .his-swiper-container .swiper-button-next{bottom: 5px;width: 8px;height: 14px;}
    .product{padding-top: 0px;}
    .sec-nav{margin-top: 30px;}
    .case-detail .share-box .bdshare-button-style0-16 a{margin: 14px 6px 6px 0;}
    .case-detail .zan{padding-left: 20px;}
    .mag{padding-top: 0px;}
    .register .right .input{padding-left: 66px;}
    .register .right .input input{padding-left: 10px;}
    .register .select .selects li{padding-left: 10px;}
    .register .select .selects{max-height: 160px;}
    .form .input input{padding-left: 10px;}
    .form .selects li{padding-left: 10px;}
    .form .selects{max-height: 160px;}
    .fg-user .step-box .item{width: 70px;}
    .fg-user .step-box .step-icon{margin: 0 auto;float: none;}
    .fg-user .step-box .item span{float: none;display: block;margin: 0px;}
    .fg-user .step-box .item i{display: none;}
    .fg-user .step-box{margin-bottom: 30px;}
    .finish{padding-top: 10px;}
    .forget li .item{ margin: 0; padding: 30px; min-height: auto;}
    .forget li{width: 100%;margin-bottom: 20px;}
    .forget li:nth-of-type(2){width: 48%;margin-right: 4%;}
    .forget li:nth-of-type(3){width: 48%;}
    .forget ul{margin: 0;}
    .forget li .item .item-box .img{margin-bottom: 30px;width: 50px;height: 50px;line-height: 50px;}
    .finish > img{width: 50px;height: 50px;}
    .activity li{width: 100%;}
    .activity .item{margin: 0;}
    .activity ul{margin: 0;}
    .h-share .item h4{padding-left: 10px;}
    .member .load-more-link .load-more,.layui-flow-more a{width: 120px;height: 36px; line-height: 36px;}
    #content li{width: 100%;}
    .store_selects{width: 100%!important;}
    .store .part-2 .left{width: 100%;height: 380px;}
    .store .part-2 .right{width: 100%;height: 380px;}
    .store .swiper-button-next, .store .swiper-button-prev{left: 20px;bottom: 17px;}
    .store .swiper-button-next{left: 50px;}
    .store .part-1{padding: 20px;}
    .store .part-1 .store_selects .store_select .input{    height: 32px; line-height: 32px;}
    .store .part-1 .store_selects .store_select input{    height: 32px; line-height: 32px;}
    .activity-detail .form-box .input{width: 100%;margin-bottom: 20px;}
    .activity-detail .form-box .input:nth-of-type(2){margin-bottom: 0px;}
    .activity-detail .form-box .code input{width: 100px;}
    .activity-detail .form-box .code span{width: 100px;}
    .activity-detail .form-box button{width: 120px;height: 40px;line-height: 40px;}
    .activity-detail .form-box .input input{padding-left: 10px;}
    .activity-detail .form-box textarea{padding: 10px;margin-top: 20px;}
    .activity-detail .form-box .textarea{margin-bottom: 20px;}
    .activity-detail .container{padding-top: 30px;}
    .store .part-1 .store_selects .store_select ul{border: 1px solid #f7f7f7;  border-top: 0; width: calc(100% + 2px);left: -1px;}
    .myUpload-box .addContent .content > span{line-height: 20px;}
    .myUpload-box .u-list > span{line-height: normal;}
    .activity-detail .form-box button{background-position-x: 100px;}
    .activity-detail .banner .content h1{margin-bottom: 20px;}
    .activity-detail .banner{height: 200px;}
    .activity-detail .banner img{position: relative;height: 100%;width: auto;max-width: none;left: 50%;transform: translateX(-50%);}
    .solve li .item p{height: auto;}
    .login .right h1{font-size: 20px;}
    .register .right h1{font-size: 20px;}
    .videoAppend .videoBox{max-width: 95%;width: 95%;}
    .sec-nav li h4{padding: 0px 3px;}
    .case .list_c .line{margin-bottom: 10px;}
    .case .list_c{padding-bottom: 10px;padding: 10px 0;}
    .case .list_c h1,.case .list_c span{padding: 0 10px;}
    .case .list_c span{white-space: nowrap;overflow: hidden;display: block;width: calc(100% - 20px);font-size: 12px;text-overflow: ellipsis;}
    .register .right .input-box > span{ display: none;}
    .register .right .input{padding-left: 0px;}
    .sec-nav ul{height: 36px;overflow-x: scroll; white-space: nowrap;width: 100%;}
    .sec-nav li a:hover{color: #414141;}
    .software .part-2 .s-videobox{width: 100%;padding-bottom: 56.25%;}
    .swiper-box{width:100%;}
    .form .input input,
    .form .textarea textarea,
    .case-detail .change span a,
    .case-detail .send-comment textarea,
    .case-detail .send-comment input,
    .case-detail .send-comment .submit,
    .login .right .input input,
    .register .right .input input,
    .myUpload-box textarea,
    .myUpload-box .u-list:nth-of-type(3) textarea,
    .store .part-1 .store_selects .store_select input,
    .activity-detail .form-box .input input,
    .activity-detail .form-box textarea{font-size: 14px!important;}
    .his-swiper-container .swiper-slide.on h4,.sech_sou .right input{font-size: 16px;}

    .member .swiper-box .member-swiper-container{height: auto;}
    .member .swiper-box .img{height: 0;padding-bottom: 56.25%;position: relative;}
    .member .swiper-box .content{position: relative;padding: 10px;}
    .myUpload-box .addContent .uploadbox{width: 31%;height: 76px;margin-right: 5px;}

    .subscribe .sub-box{width: 95%;padding: 30px 20px;}
    .subscribe .form .select .input{width: 100%;}

    .mag .part-3 li .item{margin: 0 5px;}
    .mag .part-3 ul{margin: 0 -5px;}

    .p-video .list-box li .img .playBtn{width: 30px;height: 30px;}
    .bim .part-3 li .item{padding: 10px;margin: 0 5px;}
    .bim .part-3 ul{margin: 0 -5px;}
    .pdList li{width: 50%;}
    .pdList li .item{margin: 0 5px;}
    .pdList li .content{padding: 10px;margin-top: 10px;}
    .pdList li h4{margin-bottom: 5px;}
    .pdList li p{height: 40px;line-height: 20px;margin-bottom: 10px;}
    .list_c{margin: 0 10px;padding: 10px;}
    .list_c h1{ margin-bottom: 10px;}
    .list_c p{line-height: 20px;height: 40px;padding: 0 10px;}
    .solve-detail .product-list p{margin-bottom: 10px;}
    .his-list li .item{margin: 0 10px;}
    .his-list ul{margin: 0 -10px;}
    .his-list li .content h4{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-bottom: 10px;}
    .his-list li .content p:nth-of-type(2){margin-bottom: 10px;height: 42px;}
    .his-list li .content{padding: 10px;}
    .news .his-list li{width: 50%;padding-bottom: 20px!important;}
    .case-detail .collection{bottom: 3px!important;top: auto!important;}
    .case-detail .title{position: relative!important;}
    .message-box .form .select .input{width: 100%;}
    .message-box .form .profession{width: 100%;}
    .message-box .form .profession .input{    margin: 0px;}
    .join .form .select .input{width: 100%;}
    .join .form .profession{width: 100%;}
    .join .form .profession .input{    margin: 0px;}
    .iva .part-4 ul{margin: 0;}
    .iva .part-4 li .item .content{box-shadow: none;}
    .hearder_t_con a.hearder_t_item{margin-left: 5px;}
    .p-video .list-box>.fixed li h4{height: 40px; display:; width:100%}
}

@media only screen and (max-width: 374px){
    .case-detail .send-comment textarea{margin-bottom: 10px;}
    .case-detail .send-comment .submit{margin-top: 10px;}
    .case-detail .send-comment ul{padding-top: 10px;display: inline-block;margin-left: 10px;clear: none;}
    .fg-user .step-box li{margin-right: 8px;}
    .hearder_t_con a.hearder_t_f{margin: 0 3px;}
    .hearder_t_con a.hearder_t_item{margin-left: 1px;}
}


.iva .part-4 .phone-honor-slide{ display: none; }
.iva .part-4 .pc-honor-slide{ display: block; }
@media only screen and (max-width: 767px){
.iva .part-4 .phone-honor-slide{ display: block; }
.iva .part-4 .pc-honor-slide{ display: none; }

}

.myUpload #SingleLine3,.myUpload #SingleLine2{color: rgba(0,0,0,0.5);}

/* 20181207 */
.wlks_cn .part-2 .content p,.wlks_cn .part-3 p{font-size: 16px;line-height: 30px;}
.iva .part-2 p{color: #777;}

.idea img{max-width: 100%;}