@charset "utf-8";
*{margin:0;padding:0;list-style:none;}
body{background:#fff;font-size:12px;overflow-x:  hidden;}
img{border:0;}
a{text-decoration:none;color:#333;}
a:hover{color:#FF8400;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.cursor{cursor:pointer}
.context{width:100%;color:#fff;}
.brandh{height:700px;}
.bg1{background:url("https://uphom.oss-cn-shenzhen.aliyuncs.com/newPc/background/bj1.png")no-repeat center left;background-size:100% 100%;}
.bg2{background:url("https://uphom.oss-cn-shenzhen.aliyuncs.com/newPc/background/bj2.png")no-repeat center left;background-size:100% 100%;}
.headerL{font-size:18px;float:left;margin: 20px 40px;display: flex;}
.logo-title{height: 30px;line-height: 30px;padding-left: 5px;}
.headerR {  float:right;font: normal 400 130%/1.5 -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; margin: 24px 40px;}
.headerR .header-menu1{display: flex; }
.headerR .header-menu2{text-align:center;    padding-top: 10px;font-size:15px;display:none;}
.headerR .header-menu2 .dropdown_menu{width: 110px;background-color: #fff;margin: auto;height:60px;position: relative;    border-radius: 5px;padding:10px;}
.headerR .header-menu2 .dropdown_menu .dropdown_menu_btn{display: block;color:#B20F20;height:30px;line-height: 30px;}
.headerR .header-menu2 .dropdown_menu .dropdown_menu_btn img{    vertical-align: middle;padding-right: 6px;}
.headerR .header-menu2 .dropdown_menu .arrow_up{position: absolute;top: -10px;margin-left: 46px;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #fff;  }
.headerR nav {display: grid;grid-auto-flow: column;grid-gap: 1.5em;}
.headerR a {position: relative;text-decoration: none;color: #fff;transition: color .3s ease;  }
.headerR a::after {--scale: 0;content: '';position: absolute;left: 0;right: 0;top: 100%;height: 3px;background: #fff;-webkit-transform: scaleX(var(--scale));transform: scaleX(var(--scale));-webkit-transform-origin: var(--x) 50%;transform-origin: var(--x) 50%;transition: -webkit-transform 0.3s cubic-bezier(0.535, 0.05, 0.355, 1);transition: transform 0.3s cubic-bezier(0.535, 0.05, 0.355, 1);transition: transform 0.3s cubic-bezier(0.535, 0.05, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.535, 0.05, 0.355, 1);}
.headerR a:hover {color: #fff;  }
.headerR a:hover::after {--scale: 1;}
.headerR .checkedtitle::after{ --scale: none!important;}

.context .content .brand_title{font-size:30px;padding: 160px 0 20px 0;}
.context .content .brand_title1{font-size: 58px;letter-spacing: 5px;}
.context .content .brand_title2{margin-top: 10px;letter-spacing: 5px;}
.context .content{margin:0 40px;}
.context .content .brand_code{width:100px;}
.context .content .brand_code .brand_code_title{color:#fff;font-size:22px;text-align: center;}
.context .content2{margin:0 40px;}
.context .content2 .brand_title{font-size:30px;padding: 120px 0 20px 0;}
.context .content2 .brand_title1{font-size: 30px;letter-spacing: 5px;}
.context .content2 .brand_title2{font-size: 30px;margin-top: 10px;}

.footer_color{    background-color: #F7F7F7;}
.footer{background-color:#F7F7F7;color:#000;    margin:auto;width:900px;}
.footer .footerC{padding:40px 0;overflow: hidden;}
.footer .footerL{float:left;}
.footer .footerR{float:right;}
.footer .footerL img{    vertical-align: middle;}
.footer .footerL .footer_title{font-size:20px;color:#C30F22;height: 30px;line-height: 30px;}
.footer .footerL .footer_content{line-height: 20px;font-size: 12px;}
.footer .footerR .code{display: flex;}
.footer .footerR .code_content{text-align: center;margin-left:20px;}
.footer .copyright{width: 100%;  height: 50px; line-height: 50px; margin: 0 auto; text-align: center;}


.ck-slide-wrapper{list-style-type:none; }
.ck-slide {overflow:hidden;position:relative;}
.ck-slide ul.ck-slide-wrapper li {position: absolute;width:100%;}
.ck-slidebox {left:40px;z-index:30;position:absolute;bottom:40px;}
.ck-slidebox ul li {float:left;height:12px;margin-right:8px;}
.ck-slidebox ul li em {width:12px;height:12px;cursor:pointer;background:#fff;text-indent:-9999px;display:block;}
.ck-slidebox ul li.current em {background:#FE6500; }
.ck-slidebox ul li em:hover {background:#FE6500;}

/*关于我们*/
.header2{width:980px;margin:auto;}
.brandh3{height:300px;margin-bottom:500px;}
.bg3{background:url("https://uphom.oss-cn-shenzhen.aliyuncs.com/newPc/background/bj3.png")no-repeat center left;background-size:100% 100%;}
.about_content{display: flex;width: 100%;}
.about_content .about_text{width: 40%;padding: 40px;background-color: #fff;color: #909090;border-radius: 10px 0 0 10px;line-height: 22px;font-size: 14px;  letter-spacing: 1px;    border-left: 1px solid #E8E8E8;border-top: 1px solid #E8E8E8;border-bottom: 1px solid #E8E8E8;box-sizing: border-box;}
.about_content .about_img{width:60%;height:auto;}
.about_content .about_img img{width:100%;height:100%;border-radius: 0 10px 10px 0;}
/*关于我们*/

/*美阁空间*/
.brandh4{height:300px;}
.bg4{background:url("https://uphom.oss-cn-shenzhen.aliyuncs.com/newPc/background/bj4.png")no-repeat center left;background-size:100% 100%;}
.content4{background-color:#F7F7F7;}
.content4 .content4_text{width:1000px;margin:auto;color:#fff;}
.content4 .content4_text .block1{padding:20px 0;}
.content4 .content4_text .img1{background:url("https://uphom.oss-cn-shenzhen.aliyuncs.com/newPc/imgs/img2.png")no-repeat center left;background-size:100% 100%;width:100%;height:300px;display:flex;align-items:center;}
.content4 .content4_text .img1 .img1_text{font-size:16px;padding-left: 80px;line-height: 30px;}
.content4 .content4_text .img1 .img1_text1{font-weight: 600;font-size: 20px;letter-spacing: 1px;}
.content4 .content4_text .img1 .img1_text2{font-size: 14px;letter-spacing: 2px;}

.block2{padding: 40px 70px;background-color:#fff;margin-bottom: 20px;display: flex;}
.block2 .brand_left{width:50%;height:220px;}
.block2 .brand_right{width: 50%;color: #000;margin: auto;}
.block2 .brand_right .brand_right_title1{font-size: 20px;font-weight: 600;padding-bottom:4px;}
.block2 .brand_right .brand_right_title2{font-size: 14px;line-height: 25px;letter-spacing: 1px;}

.block3{background-color:#fff;display: flex;margin-bottom: 20px;}
.block3 .brand_left{width:35%;color: #000;margin: auto;padding: 0 60px;}
.block3 .brand_left .brand_right_title1{font-size: 20px;font-weight: 600;padding-bottom:4px;}
.block3 .brand_left .brand_right_title2{font-size: 14px;line-height: 25px;letter-spacing: 1px;}
.block3 .brand_right{width: 50%;}
.block3 .brand_right img{width: 100%;height:100%;}

.block4{background-color:#fff;margin-bottom: 20px;width:100%;}
.block4 .brand_left{color: #000;text-align: center;padding: 40px 0px;}
.block4 .brand_left .brand_left_title1{font-size: 20px;font-weight: 600;padding-bottom:4px;}
.block4 .brand_left .brand_left_title2{font-size: 14px;line-height: 25px;padding: 8px 0;line-height: 18px;}
.block4 .brand_right{height:275px;}

.block5{width:100%;position: relative;}
.block5 .brand_left{color: #000;text-align: center;padding: 40px 0px;}
.block5 .brand_left .brand_left_title1{font-size: 20px;font-weight: 600;padding-bottom:4px;}
.block5 .brand_left .brand_left_title2{font-size: 14px;line-height: 25px;padding: 8px 0;line-height: 18px;}
.block5 .brand_right{height:275px;}
.block5 .brand_right .brand_right_img{height: 275px;width: 520px;margin: auto;}
.block5 .brand_right .brand_right_img img{width:100%;height:100%;}
.block5 .brand_bottom{height:200px;display: flex;}
.block5 .brand_bottom .brand_bottom_img{background:url("https://uphom.oss-cn-shenzhen.aliyuncs.com/newPc/images/btn.png")no-repeat center left;background-size:100% 100%;width: 210px;height: 110px;margin: auto;vertical-align: middle;color: #fff;line-height: 110px;font-size: 18px;letter-spacing: 1px;padding-left: 60px;cursor: pointer;}
/*美阁空间*/


/*AR轮播*/
.index-banner,.banner-inner{width:340px;height:200px;}
.index-banner2,.banner-inner2{width:440px;height:260px;margin: auto;}
.banner-inner li,.banner-inner2 li,.banner-inner li a,.banner-inner2 li a{width:100%;height:100%;display:inline-block}
.banner-inner li,.banner-inner2 li{background: #aac7f3;}
.index-banner .edslider{border-top: 10px solid #000;border-left: 20px solid #000;border-right: 20px solid #000;border-bottom: 10px solid #000;border-radius: 12px;box-shadow: -2px 0 10px -1px #A0A0A0, 0 -2px 10px -1px #A0A0A0, 0 2px 10px -1px #A0A0A0, 2px 0 10px -1px #A0A0A0;}
.index-banner2 .edslider{border-top: 15px solid #000;border-left: 30px solid #000;border-right: 30px solid #000;border-radius: 12px 12px 0 0;box-shadow: -2px 0 10px -1px #A0A0A0, 0 -2px 10px -1px #A0A0A0, 2px 0 10px -1px #A0A0A0;}
.edslider{position:relative;margin:auto;background:#aac7f3;height: 100%;}
.edslider ul{list-style:none;position:relative;padding:0;margin:0}
.edslider>ul{background:#aac7f3;width:100%;height:100%;display:block;overflow:hidden;text-align:center;}
.edslider>ul li{background:#aac7f3;display:none;width:100%;height:200px;position:absolute;top:0;left:0;z-index:0}
.edslider a{display:block;position:absolute;top:0;left:0;z-index:0}
.edslider a img{border:0}
.edslider .current{z-index:1!important}
.edslider .controls .next{background-position:0 0;right:0;z-index: 2;}
.edslider .controls .prev{background-position:0 -50px;left:0;z-index: 2;}
.edslider .controls .next:hover,.edslider .controls .prev:hover{
    background-color:rgba(0,0,0,.6)}
/*AR轮播*/

/*美阁美墅*/
.brandh5{height:300px;}
.bg5{background:url("https://uphom.oss-cn-shenzhen.aliyuncs.com/newPc/background/bj5.png")no-repeat center left;background-size:100% 100%;}
.meishu_content4{background-color:#F7F7F7;padding-top: 20px;}
.meishu_content4 .content4_text{width:1000px;margin:auto;color:#fff;}
.meishu_block1{background-color:#fff;margin-bottom: 20px;width:100%;}
.meishu_block1 .brand_left{color: #000;text-align: center;padding: 40px 0px;}
.meishu_block1 .brand_left .brand_left_title1{font-size: 20px;font-weight: 600;padding-bottom:4px;}
.meishu_block1 .brand_left .brand_left_title2{font-size: 14px;line-height: 25px;padding: 8px 0;line-height: 18px;}
.meishu_block1 .brand_right{height:200px;display: flex;width: 700px;margin: auto;}
.meishu_block1 .brand_right .brand_right_img{width:33%;display:flex;}
.meishu_block1 .brand_right .brand_right_img .brand_right_contents{margin: 0 auto;}
.meishu_block1 .brand_right .brand_right_img .brand_right_contents img{margin:auto;width:100px;height:100px;margin-bottom:40px;}
.meishu_block1 .brand_right .brand_right_img .brand_right_contents .brand_right_title{color:#B20F20;font-size: 14px;text-align: center;}
.meishu_block2{background-color:#fff;display: flex;margin-bottom: 20px;}
.meishu_block2 .brand_left{width: 70%;padding: 30px;}
.meishu_block2 .brand_left img{width: 100%;height:100%;}
.meishu_block2 .brand_right{width:35%;color: #000;margin: auto;padding: 0 60px;}
.meishu_block2 .brand_right .brand_right_title1{font-size: 20px;font-weight: 600;padding-bottom:4px;}
.meishu_block2 .brand_right .brand_right_title2{font-size: 14px;line-height: 25px;letter-spacing: 1px;}
.meishu_block3{padding: 40px 70px;background-color:#fff;margin-bottom: 20px;display: flex;}
.meishu_block3 .brand_left{width: 50%;color: #000;margin: auto;}
.meishu_block3 .brand_left .brand_right_title1{font-size: 20px;font-weight: 600;padding-bottom:4px;}
.meishu_block3 .brand_left .brand_right_title2{font-size: 14px;line-height: 25px;letter-spacing: 1px;}
.meishu_block3 .brand_right{width:50%;height:220px;}
.meishu_block3 .brand_right .index-banner{margin-left: 90px;}
.meishu_block4{background-color:#fff;display: flex;margin-bottom: 20px;}
.meishu_block4 .brand_left{width: 50%;}
.meishu_block4 .brand_left img{width: 100%;height:100%;}
.meishu_block4 .brand_right{width:35%;color: #000;margin: auto;padding: 0 60px;text-align: center;}
.meishu_block4 .brand_right .brand_right_title1{font-size: 20px;font-weight: 600;padding-bottom:4px;}
.meishu_block4 .brand_right .brand_right_title2{font-size: 14px;line-height: 25px;letter-spacing: 1px;}
.meishu_block5{background-color:#fff;margin-bottom: 20px;width:100%;}
.meishu_block5 .brand_left{color: #000;text-align: center;padding: 40px 0px;}
.meishu_block5 .brand_left .brand_left_title1{font-size: 20px;font-weight: 600;padding-bottom:4px;}
.meishu_block5 .brand_left .brand_left_title2{font-size: 14px;line-height: 25px;padding: 8px 0;line-height: 18px;}
.meishu_block5 .brand_right{height:553px;}
.meishu_block5 .brand_right .index-banner2{width:400px;height:515px;margin: auto;}
.meishu_block5 .brand_right .index-banner2 .edslider{border-top: 38px solid #000;border-left: 15px solid #000;border-right: 15px solid #000;border-radius: 20px 20px 0 0;box-shadow: -2px 0 10px -1px #A0A0A0, 0 -2px 10px -1px #A0A0A0, 2px 0 10px -1px #A0A0A0;}
.meishu_block6{width:100%;position: relative;}
.meishu_block6 .brand_left{color: #000;text-align: center;padding: 40px 0px;}
.meishu_block6 .brand_left .brand_left_title1{font-size: 20px;font-weight: 600;padding-bottom:4px;}
.meishu_block6 .brand_left .brand_left_title2{font-size: 14px;line-height: 25px;padding: 8px 0;line-height: 18px;}
.meishu_block6 .brand_right{width:100%;}
.meishu_block6 .brand_right .brand_right_img{width: 100%;display:flex;}
.meishu_block6 .brand_right .brand_right_img img{width:100%;height:100%;}
.meishu_block6 .brand_right .brand_right_img .brand_right_img_video{width:50%;margin-right:5px;}
.meishu_block6 .brand_right .brand_right_img .brand_right_imgs{width:50%;}
.meishu_block6 .brand_right .brand_right_img .brand_right_imgs .brand_right_imgs_1{margin-bottom:5px;}
.meishu_block6 .brand_bottom{height:200px;display: flex;}
.meishu_block6 .brand_bottom .brand_bottom_img{background:url("https://uphom.oss-cn-shenzhen.aliyuncs.com/newPc/images/btn.png")no-repeat center left;background-size:100% 100%;width: 210px;height: 110px;margin: auto;vertical-align: middle;color: #fff;line-height: 110px;font-size: 18px;letter-spacing: 1px;padding-left: 60px;cursor: pointer;}
/*美阁美墅*/


/*留言*/
.contact{width:100%;position: absolute;bottom: -10px;display:none;z-index: 999;}
.contact .contact_content{background-color:#fff;width:80%;height:430px;margin:auto;color:#000;font-size:14px;text-align: center;    border-radius: 8px;box-shadow: -2px 0 3px -1px #A0A0A0, 0 -2px 3px -1px #A0A0A0, 0 2px 3px -1px #A0A0A0, 2px 0 3px -1px #A0A0A0;}
.contact .contact_content .title{height: 80px;line-height: 80px;}
.contact .contact_content .input{width: 320px;height: 40px;margin-bottom: 20px;padding-left: 20px;color: #000;border: 1px solid #F1F1F1;}
.contact .contact_content input::-webkit-input-placeholder{color:#000;}
.contact .contact_content input::-moz-placeholder{color:#000;}
.contact .contact_content input:-moz-placeholder{color:#000;}
.contact .contact_content input:-ms-input-placeholder {color: #000;}
.contact .contact_content .submit{width: 342px;height: 40px;border: none;color: #fff;background-color: #B20F20;margin-top:20px;cursor: pointer;}
.mask{background-color: transparent;width: 100%;height: 100%;left: 0;top: 0;filter: alpha(opacity=50);opacity: 0.5;z-index: 1;position: fixed;display: none;}
/*留言*/

/*教程*/
.brandh6{height:300px;}
.bg6{background:url("https://uphom.oss-cn-shenzhen.aliyuncs.com/newPc/background/bj6.png")no-repeat center left;background-size:100% 100%;}
.content6{background-color:#fff;width: 980px;margin: auto;}
.content6 .content6_text{margin:0 40px;}
.content6 .content6_text .operation_cate{display: flex;margin: 20px 0 10px 0;font-size: 15px;padding-bottom: 5px;border-bottom: 2px solid #C8293A;}
.content6 .content6_text .operation_cate .catname{    padding-left: 20px;}
.content6 .content6_text .operation_cate .operation_cate_checked a{color:#C8293A;}
.content6 .content6_text .operation {font-size: 13px;color: #909090;}
.content6 .content6_text .operation .operation_content{display: flex;margin: 10px 2px 10px 2px;padding-bottom: 10px;border-bottom: 1px solid #E7E7EB;}
.content6 .content6_text .operation .operation_content .operation_content_date{margin-left:auto;}
.content6 .content6_text .operation .operation_content a{color: #909090;}
/*教程*/


/*分页*/
.pages {padding:20px 0 20px 0;text-align:center;font-size:12px;color:#666666;}
.pages a:link,.pages a:visited,.pages a:active {background:#FFFFFF;border:#DDDDDD 1px solid;padding:3px;text-decoration:none;}
.pages a:hover {background:#C8293A;border:#C8293A 1px solid;color:#FFFFFF;padding:3px;text-decoration:none;}
.pages strong {background:#C8293A;padding:3px;border:#C8293A 1px solid;color:#FFFFFF;}
.pages_inp {width:30px;border:#DDDDDD 1px solid;color:#666666;padding:2px;text-align:center;}
.pages_btn {width:26px;border:#FF6600 1px solid;color:#FFFFFF;padding:1px;background:#FF6600;font-weight:bold;font-size:11px;}
.pages label {background:#FFFFFF;border:#DDDDDD 1px solid;color:#666666;padding:3px 5px 3px 5px;}
.pages label em {color:red;font-weight:bold;font-style:normal;}
.pages label span {font-weight:bold;}
.pages cite {font-style:normal;}
.property_h{border-bottom:#FFFFFF 1px solid;text-align:left;background:url('spacer.gif');color:#006699;font-weight:bold;padding-left:15px;}
.property_l{padding:0 20px 0 20px;color:#006699;}
/*分页*/