@charset "utf-8";
/* CSS Document */


/***首页***/
.main_a{ width: 100%; margin: 0px;height:500px; position: relative;}

.main_a_img{ position: absolute; width: 100%; height: 500px; z-index: 9;} 
.main_a_img img{ width: 100%; height: 100%;} 
.main_a_{  width: 100%; position: absolute; z-index: 99;  text-align: center; top:50px;} 
.main_a_ h3{ font-size: 1.2em; color: #CCCCCC; line-height: 100%;} 
.main_a_ p{font-size: 2em; color: #FFFFFF; font-weight: bold;} 
.main_a_ a{ display:inline-block; margin: 20px 0px 0px; border: #CCCCCC 1px solid; padding: 5px 20px; border-radius: 10px; color: #FFFFFF; font-size:14px; transition: all 0.6s;} 
.main_a_ a:hover{padding: 5px 35px; background:#01b097;  border: #01b097 1px solid; } 


.main_b{ width: 100%; margin: 0px; background: #000000;} 
.main_b_{ width: 90%; margin: 0px auto; padding: 30px 0px;} 
.main_b_ h3{ text-align: center;font-size: 2em; color: #FFFFFF;} 
.main_b_ ul{ margin-top:20px; padding: 0px;} 
.main_b_ ul li{ float: left;width: 49%; margin-bottom: 3%; overflow: hidden; margin-right: 0;} 
.main_b_ ul li img{ width: 100%; height: 100%;} 
.main_b_ ul li:nth-child(2n){ float: right;}
.main_b_ ul li video{}
.main_b_ ul li p{ font-size: 1em; text-align: center; padding: 0px 0px 10px; color: #CCCCCC;}



.main_c{ width: 100%; margin: -5px 0px;} 
.main_c_{} 
.main_c_ img{ width: 100%;height: 100%;} 


.main_d{ width: 100%; margin: 0px; background:#000000; padding: 30px 0px;} 
.main_d_{ width: 100%; margin: 20px auto 0px;} 
.main_d_tit{width: 90%; margin: 0px auto;   text-align: center;} 
.main_d_tit h3{ font-size: 2em; color: #FFFFFF;} 
.main_d_tit p{font-size: 1.2em; color: #CCCCCC; } 
.main_d_tit a{ display:inline-block; margin:20px 0px 0px; border: #CCCCCC 1px solid; padding: 5px 10px; border-radius: 5px; color: #FFFFFF; font-size:1em; transition: all 0.6s;} 
.main_d_tit a:hover{padding: 5px 20px; background:#01b097;  border: #01b097 1px solid; } 
.main_d_ img{ width: 100%; } 
/*

.main_d_{ width: 90%; margin: 50px auto 0px;} 
.main_d_ h5{ text-align: center; font-size: 1.6em; color: #FFFFFF;} 
.main_d_ em{ display: block; width: 100%; margin: 20px auto; background: #666666; height: 1px;} 
.main_d_ p{text-align: justify; font-size: 1em; color: #CCCCCC; line-height: 160%;} 
.main_d_ div{background:#202020; border: #666666 1px solid;width: 100%; height: auto;padding: 30px; box-sizing: border-box;} 
.main_d_ .main_d_l{ float: none; border-radius: 10px;} 
.main_d_ .main_d_r{ float: none; border-radius: 10px;margin-top: 20px;} 
*/


.mt-tabpage {width:100%;margin: 0px auto; position: relative;background:#000000; padding: 30px 0px;} 
.main_f h3{font-size: 2em; color: #FFFFFF; margin-bottom: 30px; text-align: center;} 
.main_f .mt-tabpage-title { width: 100%; box-sizing: border-box; padding: 5% 10% 0;} 
.main_f .mt-tabpage-title .mt-tabpage-item {display: inline-block;margin:0 6%; text-align: center;color: #FFFFFF;font-size: 1em;} 
.main_f .mt-tabpage-title .mt-tabpage-item:hover{ color: #01b097; padding-bottom: 3px; border-bottom: #01b097 1px solid;} 
.main_f .mt-tabpage-title .mt-tabpage-item-cur { color: #01b097; padding-bottom: 3px; border-bottom: #01b097 1px solid;} 
.main_f .mt-tabpage-count {position: relative;width: 100%; height:320px;overflow: hidden; } 
.main_f .mt-tabpage-cont__wrap {position: absolute;} 
.main_f .mt-tabpage-count .mt-tabpage-item {width:100vw;height:320px; margin: 0px auto; text-align: center;} 
.main_f .mt-tabpage-count .mt-tabpage-item img{ width:90%;height:100%;} 



.main_e{ width: 100%; margin: 0px;  height:auto; background:#080808; padding: 50px 0px;} 
.main_e_tit{width: 90%; margin: 0px auto;   text-align: center;} 
.main_e_tit h3{ font-size: 2em; color: #FFFFFF;} 
.main_e_tit p{font-size: 1.2em; color: #CCCCCC; margin-top: 0px;} 
.main_e_tit a{ display:inline-block; margin: 20px 0px 0px; border: #CCCCCC 1px solid; padding: 5px 10px; border-radius: 10px; color: #FFFFFF; font-size:1em; transition: all 0.6s;} 
.main_e_tit a:hover{padding: 5px 20px; background:#01b097;  border: #01b097 1px solid; } 

.main_e_{ width: 90%; margin: 30px auto 0px;}
.main_e_ ul{}
.main_e_ ul li{ float: left; background: url("/images/bg_pro.png") no-repeat center; background-size: cover; width: 48%; height: 115px; overflow: hidden; margin: 0 0 2% 0; border-radius: 15px;}
.main_e_ ul li:nth-child(2n){ float: right;} 
.main_e_ ul li img{ width:100%; height: 100%;} 


/***全屋智能***/
.con_house_a{ width: 100%; margin: 0px;  height:400px; background: url("/images/m/bg03.jpg") no-repeat center; background-size: cover;} 
.con_house_a_{width: 90%; margin: 0px auto; padding: 60px 0px 0px;box-sizing: border-box;} 
.con_house_a_ h3{ font-size: 2em; color: #FFFFFF; margin-bottom:20px;} 
.con_house_a_ p{font-size: 1em; color: #CCCCCC; margin: 2px 0px; line-height: 150%;} 

.con_house_b{ width: 90%; margin: 50px auto;  height:auto;}
.con_house_b_{width: 100%; margin: 0px auto; } 
.con_house_b_ h3{ font-size: 2em; color: #000000; margin-bottom: 10px;}
.con_house_b_ p{font-size: 1em; color: #666666; margin: 2px 0px; line-height: 150%;}
.con_house_b img{display: block;margin: 15px auto 0px; width: 100%;}

.con_house_c{ width: 90%; margin: 50px auto;  height:auto;}
.con_house_c_{width: 100%; margin: 0px auto;}
.con_house_c_ h3{ font-size: 2em; color: #000000; margin-bottom:10px;}
.con_house_c_ p{font-size: 1em; color: #666666; margin: 2px 0px; line-height: 150%;}
.con_house_c img{ display: block;margin: 15px auto 0px; width: 100%;}

.con_house_d{ width: 90%; margin: 50px auto;  height:auto;} 
.con_house_d_{width: 100%; margin: 0px auto;} 
.con_house_d_ h3{ font-size: 2em; color: #000000; margin-bottom: 10px;} 
.con_house_d_ p{font-size: 1em; color: #666666; margin: 2px 0px; line-height: 150%;} 
.con_house_d img{display: block;margin: 15px auto 0px; width: 100%;} 





.con_house_e { width:90%; margin: 50px auto;} 
.con_house_e .mt-tabpage {width:100%; position: relative;background:#FFFFFF; padding: 0px 0px;} 
.con_house_e_tit{ width: 100%;} 
.con_house_e_tit h3{ font-size: 2em; color: #000000; margin-bottom: 10px;} 
.con_house_e_tit p{font-size: 1em; color: #666666; margin: 2px 0px; line-height: 150%;} 
.con_house_e_{ width: 100%; margin-top: 30px; background: #FFFFFF:} 
.con_house_e_ .mt-tabpage-title { width: 100%; position: absolute; bottom: 10px; left: 5%; z-index: 999;} 
.con_house_e_ .mt-tabpage-title .mt-tabpage-item{ display: inline-block;width: 20%;background: rgba(0,0,0,0.5);padding: 10px 0px; position: relative;border-radius:10px;margin:0 1%; text-align: center; overflow: hidden;} 
.con_house_e_ .mt-tabpage-title .mt-tabpage-item p{color: #FFFFFF;font-size: 0.8em;} 
.con_house_e_ .mt-tabpage-title .mt-tabpage-item:hover{background: rgba(0,0,0,0.8);} 
.con_house_e_ .mt-tabpage-title .mt-tabpage-item-cur{background: rgba(0,0,0,0.8); } 
.con_house_e_ .mt-tabpage-count {position: relative;width: 100%; height:300px;overflow: hidden;} 
.con_house_e_ .mt-tabpage-cont__wrap {position: absolute;} 
.con_house_e_ .mt-tabpage-count .mt-tabpage-item {width:100vw;height:300px;border-radius:20px;} 
.con_house_e_ .mt-tabpage-count .mt-tabpage-item img{ width: 100%;height:100%;} 



.con_house_f{ width: 90%; margin: 50px auto;} 
.con_house_f ul{}
.con_house_f ul li{ position: relative;overflow: hidden; width: 100%; height: 200px; border-radius:20px; margin-bottom: 10px;}  
.con_house_f ul li img{position: absolute; z-index: 9; width: 100%; height: 100%;} 
.con_house_f ul li div{position: absolute; z-index: 999; width: 100%; height: 100%; background: rgba(0,0,0,0.35); text-align: center; padding-top:25%; cursor: pointer;transition: all 0.6s;} 
.con_house_f ul li div h5{ color: #FFFFFF; font-size: 2em; } 
.con_house_f ul li:hover div{background: rgba(0,0,0,0.75);} 


.con_house_g{ width:90%; margin: 50px auto; } 
.con_house_g_{width: 100%; margin: 0px auto;text-align: center;} 
.con_house_g_ h3{ font-size: 2em; color: #000000;margin-bottom: 10px;} 
.con_house_g_ p{font-size: 1em; color: #666666; margin: 2px 0px; line-height: 150%;} 
.con_house_g_list{ width: 100%; margin: 30px auto 0px; background:#000000;border-radius: 20px; padding: 30px 30px 20px 30px; box-sizing: border-box;} 
.con_house_g_list ul{} 
.con_house_g_list ul li{ float: left; width: 33%; margin-bottom: 3%; text-align: center;} 
.con_house_g_list ul li:nth-child(3n){ float: right; } 
.con_house_g_list ul li img{ width: 50px;} 
.con_house_g_list ul li p{ font-size: 1em; color: #FFFFFF; margin-top: 3px; font-weight: bold;} 




.con_house_h{ width: 100%; margin: 50px 0px;}
.con_house_h_tit{width: 90%; margin: 0px auto; text-align: center;}
.con_house_h_tit h3{ font-size: 2em; color: #000000;}
.con_house_h_{ width: 100%;} 
.con_house_h_ img{ width: 100%;} 




.videolist:hover{ cursor: pointer; }
.videos{ display:none; width: 100%; height: 100%;  background: rgba(0,0,0,0.8); position:fixed; left:0; top:0;z-index:999999; box-sizing: border-box; text-align: center;}
.videos video{  width: 100%; border:#000000 10px solid;  position: relative;top:50%;transform:translateY(-50%);} 
.vclose {position:absolute;right:2%; top:20%; cursor: pointer;  }










/****空间方案****/
.con_case_a{width: 100%; margin: 0px;  height:500px; background: url("/images/m/bg05.jpg") no-repeat center; background-size: cover;} 
.con_case_a_{ width: 80%;margin: 0px auto; padding: 60px 0px 0px 0px; text-align: center;} 
.con_case_a_ h3{ font-size: 2em; color: #FFFFFF; margin-bottom: 15px;} 
.con_case_a_ p{font-size: 1em; color: #EEEEEE; line-height: 160%;} 

.con_case_b{ width:100%; margin: 0px; padding: 30px 0px; background: #000000;text-align: center;}
.con_case_b_{width: 90%; margin: 0px auto;text-align: left; } 
.con_case_b_ h3{ font-size: 1.6em; color: #FFFFFF; margin-bottom: 10px;}
.con_case_b_ p{font-size: 0.8em; color: #CCCCCC; margin: 5px 0px; line-height: 150%;}
.con_case_b img{display:block; margin: 20px auto 0px; width: 90%; border-radius: 20px; }







/****企业简介****/
/*
.con_about_a{width: 100%; margin: 0px;  height:600px; background: url("/images/m/bg06.jpg") no-repeat center bottom; background-size: cover;} 
.con_about_a_{ width: 90%;margin: 0px auto;box-sizing: border-box; padding: 80px 0px 0px 0px;} 
.con_about_a_ h3{ font-size: 1.6em; color: #FFFFFF; margin-bottom: 20px;} 
.con_about_a_ p{font-size: 1em; color: #EEEEEE; text-align:justify; margin: 20px 0px;line-height: 160%;} 



.con_about_b{width: 100%; margin: 0px;  height:500px; background: url("/images/m/bg07.jpg") no-repeat center bottom; background-size: cover;} 
.con_about_b_{ width: 90%;margin: 0px auto;box-sizing: border-box; padding: 50px 0px 0px 0px;} 
.con_about_b_ h3{ font-size: 1.6em; color: #FFFFFF; margin-bottom: 35px;} 
.con_about_b_ h6{font-size: 1.2em; color: #FFFFFF; margin-top: 20px;} 
.con_about_b_ p{font-size: 1em; color: #EEEEEE; text-align:justify; margin: 10px 0px 0px;} 



.con_about_c{width: 100%; margin: 0px;  height:600px; background: url("/images/m/bg08.jpg") no-repeat center bottom; background-size: cover;} 
.con_about_c_{ width:90%;margin: 0px auto;box-sizing: border-box; padding: 50px 0px 0px 0px;} 
.con_about_c_ .cl{ margin-bottom: 8%;} 
.con_about_c_ .cc{ margin-bottom: 8%;} 
.con_about_c_ .cr{ }
.con_about_c_ .cl h3{ font-size: 1.6em; color: #FFFFFF;} 
.con_about_c_ p{font-size: 1em; color: #FFFFFF; line-height: 160%;}  
.con_about_c_ p strong{ font-size: 1.2em; display: inline-block; margin: 0px 3px; color: #01b097;} 



.con_about_d{width: 100%; margin: 0px;  height:700px; background: url("/images/m/bg09.jpg") no-repeat center bottom; background-size: cover;} 
.con_about_d_{ width:90%;margin: 0px auto;box-sizing: border-box; padding: 50px 0px 0px 0px;} 

.con_about_d_tit{ width:100%; margin: 0px auto; } 
.con_about_d_tit h3{font-size: 1.6em; color: #FFFFFF;} 
.con_about_d_list{width:100%; margin: 30px auto 0px;} 
.con_about_d_list ul {}
.con_about_d_list ul li{padding: 10px 0px;} 
.con_about_d_list ul li h5{font-size: 1.2em; color: #FFFFFF; margin-bottom: 10px;} 
.con_about_d_list ul li p{font-size: 1em; color: #CCCCCC; line-height: 160%;} 


.con_about_e{width: 100%; margin: 0px; background:#000000; padding:50px 0px;} 
.con_about_e_{ width:100%;} 
.con_about_e_tit{ width:90%;margin: 0px auto;} 
.con_about_e_tit h3{font-size: 1.6em; color: #FFFFFF;} 
.con_about_e_list{width:100%; margin: 20px auto 0px;} 
.con_about_e_list img{ width:100%;} 
*/


.con_about_a{width: 100%; margin: 0px; text-align: center;}
.con_about_a img{ display: block; margin: 0px auto; padding: 0px; width: 100%;} 
.con_about_b{width: 100%; margin: 0px; text-align: center;}
.con_about_b img{ display: block; margin: 0px auto; padding: 0px; width: 100%;} 
.con_about_c{width: 100%; margin: 0px; text-align: center;}
.con_about_c img{ display: block; margin: 0px auto; padding: 0px; width: 100%;} 
.con_about_d{width: 100%; margin: 0px; text-align: center;}
.con_about_d img{ display: block; margin: 0px auto; padding: 0px; width: 100%;} 
.con_about_e{width: 100%; margin: 0px; text-align: center;}
.con_about_e img{ display: block; margin: 0px auto; padding: 0px; width: 100%;} 




.con_about_g{width: 100%; margin: 0px; background:#1c1c1c; padding: 60px 0px;} 
.con_about_g_{ width:90%;margin: 0px auto; text-align: center;} 
.con_about_g_tit{} 
.con_about_g_tit h3{font-size: 1.8em; color: #FFFFFF;} 
.con_about_g_so{ margin: 20px auto;} 
.con_about_g_so input{ padding: 15px; border: #999999 1px solid; background: none; font-size: 1.2em; width: 100%; color: #FFFFFF; box-sizing: border-box;} 
.con_about_g_ a{ display:inline-block; margin: 20px 0px 0px; border: #CCCCCC 1px solid; padding: 5px 20px; border-radius: 10px; color: #FFFFFF; font-size:1em; transition: all 0.6s;} 
.con_about_g_ a:hover{padding: 5px 35px; background:#01b097;  border: #01b097 1px solid; } 






/****联系我们****/
.con_contact_img{ width: 100%; margin: 0px;}
.con_contact_img img{ width: 100%;} 

.con_contact{width: 100%; margin: 0px; padding: 100px 0px;} 
.con_contact_{ width:80%;margin: 0px auto;} 

.con_contact_l{ float: left; width: 336px;} 
.con_contact_l h5{ font-size: 20px;} 
.con_contact_l em{display: block; width: 100%; background: #CCCCCC; height: 1px; margin: 25px 0px;} 
.con_contact_l p{font-size: 16px;} 
.con_contact_l p strong{font-size: 20px;} 
.con_contact_l img{ margin-top: 50px;} 

.con_contact_r{ float: right; width: 60%;} 
.con_contact_r h5{ font-size: 36px; color: #000000; margin-bottom: 50px;} 
.con_contact_r ul{} 
.con_contact_r ul li{ margin-bottom: 2.3%;}
.con_contact_r ul li:first-child{ float: left; width: 30%; margin-right: 5%;} 
.con_contact_r ul li:nth-child(2){float: left; width: 30%; margin-right: 5%;} 
.con_contact_r ul li:nth-child(3){float: right; width: 30%; margin-right: 0;} 
.con_contact_r ul li:nth-child(4){ float: left; width: 30%; margin-right: 5%;} 
.con_contact_r ul li:nth-child(5){ float: left; width: 30%; margin-right: 5%;} 
.con_contact_r ul li:nth-child(6){float: right; width: 30%; margin-right: 0;} 
.con_contact_r ul li:nth-child(7){ clear: both;} 

.con_contact_r ul li input{ width: 100%; border: #1c1c1c 1px solid; background: none; padding: 10px; box-sizing: border-box; color: #000000; font-size: 16px; font-family: sySans;} 
.con_contact_r ul li textarea{width: 100%; height: 120px; border: #1c1c1c 1px solid; background: none; padding: 10px; box-sizing: border-box; color: #000000; font-size: 16px;} 
.con_contact_r ul li:last-child input{ width: 30%; background: #000000; color: #FFFFFF; text-align: center;} 

::input-placeholder{ color: #666666; font-family: sySans;}
::-webkit-input-placeholder { color: #666666; font-family: sySans; }
::-moz-placeholder {color: #666666; font-family: sySans;  }
::-moz-placeholder { color: #666666; font-family: sySans; }
::-ms-input-placeholder {color: #666666; font-family: sySans; }



/****位置****/




/*分页*/
div.black2{padding:10px;margin:10px;text-align:center;}
div.black2 a{border:#CCCCCC 1px solid;padding:8px 15px;margin:3px;color:#666666;text-decoration:none;}
div.black2 a:hover{color:#FFFFFF;background-color:#01b097;border:#01b097 1px solid;}
div.black2 a:active{color:#FFFFFF;background-color:#01b097;border:#01b097 1px solid;}
div.black2 a.curr{padding:8px 15px;font-weight:bold;margin:3px;color:#FFFFFF;background-color:#01b097;border:#01b097 1px solid;} 
div.black2 a.curr font{ color: #FFFFFF;} 

.fenye{padding:10px;margin:10px;text-align:center;}
.fenye a{border:#CCCCCC 1px solid;padding:8px 15px;margin:3px;color:#666666;text-decoration:none;}
.fenye a:hover{color:#FFFFFF;background-color:#01b097;border:#01b097 1px solid;}
.fenye a:active{color:#FFFFFF;background-color:#01b097;border:#01b097 1px solid;}
.fenye a.curr{padding:8px 15px;font-weight:bold;margin:3px;color:#FFFFFF;background-color:#01b097;border:#01b097 1px solid;} 
.fenye a.curr font{ color: #FFFFFF;}