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

body {padding:0;margin:0;font-family:"宋体";font-size:12px;background:#fff;min-height: 100%;position: relative;-webkit-text-size-adjust: none;}
img{border:0;}
.clr{zoom: 1;}
.clr:after{content:"."; clear:both; display:block; height:0; overflow:hidden; visibility:hidden;}
.l{float: left;}
.r{float: right;}
a:link,a:visited,a:active {font-weight: normal;text-decoration:none;font-family: "宋体";font-size: 12px;color: #333333;}
a:hover {color: #f82f00;}
ol,ul,li,dl,dd,dt{ padding:0; margin:0; list-style-type:none;}
input[type="text"],input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;}
textarea {-webkit-appearance: none;} 
.mm-label.button{text-indent: 0 !important;padding: 20px 20px 40px 20px !important;}
pre{font-size: 12px;width: 100%;overflow: auto;-webkit-overflow-scrolling: touch;}
nav:not(.mm-menu){display: none;}
.text{line-height: 2rem; text-align: justify; font-size: 0.8rem; padding: 1.5rem 0;}
.text img{width: 100%; height: auto;}
.text:after{content:"."; clear:both; display:block; height:0; overflow:hidden; visibility:hidden;}
.fenye{text-align:center; font-size:0.8rem; padding:2rem 0;}
.fenye a{background: #f0f4f6; border: #d9e4ec 1px solid; padding: 0 6px; font-size: 0.8rem; margin: 0 2px; font-family: Arial,"宋体"; display: inline-block; height: 22px; line-height: 22px;}


/*在线预约*/
#re{}
#re .re_img{position: relative; z-index: 1;}
#re .re_img img{width: 100%; height: auto; display: block;}
#re .re_img .po{position: absolute; z-index: 2; height: auto;}
#re .re_img .bn_1{width: 34.22%; bottom: 20%; right: 7%;}
#re .re_img .bn_2{bottom: 10%; left: 35%; width: 32%;}
#re .re_img .bn_3{bottom: 6%; left: 40%; width: 20%;}
#re .re_img .bn_4{width: 45.78%; bottom: 13%; left: 28%; text-align: center;}
#re .re_img .bn_5{width: 5%; bottom: 58%; left: 48%;}
#re .re_img .po input{width: 100%; height: 2rem; line-height: 2rem; text-indent: 10px; border-radius: 10px; background: #fff; border: 0; outline: none; margin: 5px 0; font-family: "微软雅黑"; font-size: 1rem;}
#re .re_img .po input.su{font-size: 1.2rem !important; color: #ffcc00; cursor: pointer; font-weight: 700; height: 2.3rem !important; line-height: 2.3rem !important; text-indent: 0 !important;}


#piao{position: fixed; z-index: 2017; width: 100%; height: 100%; background: rgba(0,0,0,0.5); display: none;}
#piao .piao_main{position: absolute; z-index: 2018; top: 50%; left: 50%; width: 240px; height: 338px; margin: -169px 0 0 -120px; border: 3px solid #FAC903; background: #fff; font-family: "微软雅黑"; border-radius: 30px;}
#piao .p_m_1{border: 8px solid #FAC903; width: 45px; height: 45px; line-height: 45px; border-radius: 50px; background-color: #fff; position: absolute; left: 202px; top: -15px; text-align: center;}
#piao .p_m_1 a{font-weight: bold; font-size: 34px; color: #FAC903;}
#piao .p_m_2{background-color: #FAC903; height: 80px; line-height: 80px; text-align: center; border-radius: 27px 27px 0 0; font-family: "微软雅黑"; font-size: 2.2rem; font-weight: 700; color: #fff;}
#piao .p_m_3{clear: both; height: 3rem;}
#piao .p_m_4{width: 200px; margin: 0 auto; text-align: center;}
#piao .p_m_4 .p_m_4_1{width: 198px; height: 45px; border: 1px solid #898989; border-radius: 30px; margin-bottom: 15px; background: url(/img/icon_12.jpg) no-repeat; background-position: 15px 3px; text-indent: 50px; outline: none;}
#piao .p_m_4 .p_m_4_2{width: 198px; height: 45px; border: 1px solid #898989; border-radius: 30px; margin-bottom: 15px; background: url(/img/icon_11.jpg) no-repeat; background-position: 22px 3px; text-indent: 50px; outline: none;}
#piao .p_m_4 .p_m_4_3{width: 160px; height: 35px; line-height: 35px; background-color: #FAC903; border-radius: 20px; color: #fff; font-size: 20px; border: 0; outline: none; cursor: pointer;}


/*页头*/
#header{position: relative; padding: 15px 0; text-align: center;}
#header img.logo{width: 60%; height: auto;}
#header img.go1{position: absolute; z-index: 2; top: 25px; left: 20px;}
#header img.menu{position: absolute; z-index: 2; top: 25px; right: 20px;}

/*导航*/
#menu ul.nav{ width:100%; height:auto; overflow:hidden; padding:1rem 0; background:#fff3e2;}
#menu ul.nav li{ width:25%; height:auto; overflow:hidden; float:left;}
#menu ul.nav li img{ width:70%; height:auto; margin:0 auto; display:block;}
#menu ul.nav li a{ display:block; text-align:center; font-size:1.2rem; line-height:3rem;}


/*焦点图*/
.focus{ width:100%; height:auto; position:relative; overflow:hidden;   }
.focus .hd{ display:none;}
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%; height:auto; overflow:hidden; display: block;}
.banner,.banner img{ width:100%; height:auto;}


/*页脚*/
#footer .f_1{text-align: center;}
#footer .f_2{text-align: center; line-height: 2em;}
#footer .f_2 span{color: #00a73c;}
#footer .f_3{height: 8em; position: relative;}
#footer .f_3_main{position: fixed; z-index: 9; width: 100%; bottom: 0; left: 0; height: 2em; background: #ffcc00;}
#footer .f_p_1{position: absolute; z-index: 10; width: 1.6em; height: 1.6em; bottom: 0.2em; left: 50%; margin: 0 0 0 -1em; border: 0.2em solid #fff; background: #ffcc00; color: #fff; border-radius: 50%; text-align: center; line-height: 1.5em; font-family: "微软雅黑"; font-size: 2.6em;}
#footer .f_p_2{width: 20em; height: 10em; border-radius: 10em 10em 0 0; position: absolute; z-index: 9; bottom: 2em; left: 50%; margin: 0 0 0 -10em; background: #e8e8e8; overflow: hidden; display: none;}



#footer .f_p_2 li {position: absolute; font-size: 1.5em; width: 10em; height: 10em; transform-origin: 100% 100%; overflow: hidden; left: 50%; top: 50%; margin-top: -7.6em; margin-left: -10em; transition: border .3s ease; }
#footer .f_p_2 li a {display: block; font-size: 1.18em; height: 14.5em; width: 14.5em; position: absolute; bottom: -7.25em; right: -7.25em; border-radius: 50%; text-decoration: none; color: #fff; padding-top: 1.8em; text-align: center; transform: skew(-50deg) rotate(-70deg) scale(1); transition: opacity 0.3s, color 0.3s; }
#footer .f_p_2 li a span { font-size: 0.8em; opacity: 0.7; }
#footer .f_p_2 li:first-child { transform: rotate(-10deg) skew(50deg);}
#footer .f_p_2 li:nth-child(2) { transform: rotate(30deg) skew(50deg); }
#footer .f_p_2 li:nth-child(3) { transform: rotate(70deg) skew(50deg) }
#footer .f_p_2 li:nth-child(4) { transform: rotate(110deg) skew(50deg); }
#footer .f_p_2 li:nth-child(5) { transform: rotate(150deg) skew(50deg); }
#footer .f_p_2 li:nth-child(odd) a { background-color: #e8e8e8; background-color: gray(0, 88%, 63%, 1); }
#footer .f_p_2 li:nth-child(even) a { background-color: #E0E0E0; background-color: gray(0, 88%, 65%, 1); }
#footer .f_p_2 li:first-child a{background-image: url(/m/img/f_2.png); background-repeat: no-repeat; background-position: 5.8em 4.7em;}
#footer .f_p_2 li:nth-child(2) a{background-image: url(/m/img/f_3.png); background-repeat: no-repeat; background-position: 6.2em 4.9em;}
#footer .f_p_2 li:nth-child(3) a{background-image: url(/m/img/h_1.png); background-repeat: no-repeat; background-position: 6.2em 5em;}
#footer .f_p_2 li:nth-child(4) a{background-image: url(/m/img/f_4.png); background-repeat: no-repeat; background-position: 6.2em 5em;}
#footer .f_p_2 li:nth-child(5) a{background-image: url(/m/img/f_5.png); background-repeat: no-repeat; background-position: 6.2em 4.7em;}
/* active style */
#footer .f_p_2 li.active a { background-color: #D8D8D8; background-color: gray(0, 88%, 70%, 1); }
/* hover style */ 
#footer .f_p_2 li:not(.active) a:hover, .csstransforms .cn-wrapper li:not(.active) a:active, .csstransforms .cn-wrapper li:not(.active) a:focus { background-color: #D8D8D8; background-color: gray(0, 88%, 70%, 1); }


#footer #piao1{position: fixed; z-index: 3; width: 100%; height: 100%; background: rgba(0,0,0,0.5); top: 0; left: 0; display: none;}


/*关于洲际*/
#box .banner{position: relative;}
#box .banner img{width: 100%; height: auto;}
.aboutus{width: 97%; margin: 0 auto;}
.aboutus .a_tit{width: 99%; margin: 1rem auto; border: 1px dashed #000; padding: 5px 0;}
.aboutus .a_tit ul{width: 97%; margin: 0 auto;}
.aboutus .a_tit ul li{float: left; width: 20%; background: url(/img/bg_aboutus_1.png) right center no-repeat; text-align: center;}
.aboutus .a_tit ul li:last-child{background: none;}
.aboutus .a_tit ul li a{display: block; height: 3rem; line-height: 3rem; width: 93%; margin: 0 auto; font-family: "微软雅黑"; font-size: 0.9rem; font-weight: 700;}
.line_f li dt{font-size: 1rem; font-weight: 700;}
.rongyu{float: initial !important; background: url(/img/bg_aboutus_2.jpg) right top no-repeat;}
.rongyu_2{text-align: center; font-size: 1rem; color: #fff; font-weight: 700;}
.rongyu_4{text-align: center; height: 700px; overflow: hidden; color: #fff;}
.rongyu_4 ul{width: 102%; height: 100%; overflow-x: hidden; overflow-y: auto; padding: 0 10px 0 0;}


.b_aboutus_pic{padding: 15px 0;}
.b_aboutus_pic li{margin: 10px 0;}
.b_aboutus_pic li dd{background: #ffcc00; padding: 0 0 10px 10px; text-align: right;}
.b_aboutus_pic li dd img{width: 100%; height: auto;}
.b_aboutus_pic li dt{width: 95%; margin: 10px auto; height: 2rem; line-height: 2rem; text-align: center; overflow: hidden; background: #ccc;}


.dangjian:before{content: ''; position: fixed; z-index: -1; background: url(/m/img/bg_aboutus_1.jpg) center top no-repeat; left: 0; right: 0; top: 0; bottom: 0;}
.dangjian1{}


/*案例*/
.c_tit_1{width: 80%; margin: 10px auto; border: 1px dashed #000; padding: 5px 0;}
.c_tit_1 ul{width: 97%; margin: 0 auto;}
.c_tit_1 ul li{float: left; width: 50%; background: url(/img/bg_aboutus_1.png) right center no-repeat; text-align: center;}
.c_tit_1 ul li:last-child{background: none;}
.c_tit_1 ul li a{display: block; height: 2.4rem; line-height: 2.4rem; width: 90%; margin: 0 auto; font-family: "微软雅黑"; font-size: 1rem; font-weight: 700;}
.b_cur{background-color: #ffcc00;}
.c_tit_2{width: 100%; margin: 0 auto; padding: 15px 0 0 0;}
.c_tit_2 div{float: left; width: 30%;}
.c_tit_2 div span{font-family: "微软雅黑"; font-size: 1.1rem; font-weight: 700;}
.c_tit_2 div a{font-family: "微软雅黑"; font-size: 0.9rem;}
.c_tit_2 ul{float: right; width: 68%;}
.c_tit_2 ul li{float: left; width: 16.66%;}
.c_tit_2 ul li a{display: block; margin: 0 auto; width: 90%; height: 26px; line-height: 26px; text-align: center; border: 1px solid #787878; border-radius: 10px;}
.case_pic{min-height: 5rem; padding: 2rem 0;}
.case_pic li{float: left; width: 50%; margin: 10px 0;}
.case_pic li dl{width: 95%; margin: 0 auto; background: #f2f2f2;}
.case_pic li dl dd{width: 100%; margin: 0 auto; padding: 10px 0 5px 0;}
.case_pic li dl dd img{width: 100%; height: auto;}
.case_pic li dl dt{line-height: 1.4rem; font-size: 1.2rem; font-weight: 700; padding: 5px 0 15px 0;}
.case_pic li dl dt span{color: #fcd453; font-size: 1rem;}



/*新闻*/
.n_tit{width: 100%; margin: 10px auto; border: 1px dashed #000; padding: 5px 0;}
.n_tit ul{width: 97%; margin: 0 auto;}
.n_tit ul li{float: left; width: 33.33%; background: url(/img/bg_aboutus_1.png) right center no-repeat; text-align: center;}
.n_tit ul li:last-child{background: none;}
.n_tit ul li a{display: block; height: 2.4rem; line-height: 2.4rem; width: 90%; margin: 0 auto; font-family: "微软雅黑"; font-size: 1rem; font-weight: 700;}
.n_tit ul li a span{font-size: 0.8rem; text-transform: uppercase;}


.news_xw li{border: 1px solid #ccc; padding: 10px 0; margin: 10px 0;}
.news_xw li p{text-align: center;}
.news_xw li p img{width: 97%; height: auto;}
.news_xw li dt{width: 90%; margin: 0 auto; font-family: "微软雅黑"; font-size: 1rem; font-weight: 700;}
.news_xw li dd{width: 90%; margin: 10px auto; line-height: 25px; height: 75px; overflow: hidden; text-align: justify; font-size: 0.8rem;}
.news_xw li div{width: 90%; margin: 0 auto;}
.news_xw li div a{display: block; width: 93px; height: 23px; line-height: 25px; text-align: center; border: 1px solid #999; border-radius: 10px; float: right; color: #ffcc00;}
.news_xw li div a:hover{color: #ff0000;}

.search{background: url(/img/bg_news_1.jpg) top center no-repeat; height: 520px; padding: 18px 0 0 0;}
.search_main{width: 90%; _height: 440px; background: rgba(255,255,255,0.5); margin: 0 auto;}
.search_main_1{height: 70px; line-height: 70px; text-align: center; font-family: "微软雅黑"; font-size: 1.3rem; color: #fff;}
.search_main_2{width: 60%; margin: 0 auto;}
.search_main_2 input{width: 100%; height: 35px; border: 0; outline: none; margin-bottom: 20px; text-indent: 8px;}
.search_sub{text-indent: 0 !important; background: #ffcc00; margin-bottom: 10px !important;}
.search_main_3{height: 30px; line-height: 30px; text-align: center;}


/*新闻*/
.news_news{padding: 15px 0;}
.news_news li{margin: 10px 0; border-bottom: 1px dashed #000;}
.news_news .fixed img{width: 35%; height: auto; float: left; padding: 0 10px 10px 0;}
.news_news .fixed p{font-family: "微软雅黑";}
.news_news .fixed p:nth-child(1){font-size: 1rem;}
.news_news .fixed p:nth-child(2){font-size: 0.8rem; text-align: justify; line-height: 25px;}
.news_news .fixed p:nth-child(3) a{font-size: 0.8rem; display: block; float: right; width: 100px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #ffcc00; border-radius: 10px; color: #ffcc00;}
.news_news .fixed p:nth-child(3) a:hover{color: #ff0000; border: 1px solid #ff0000;}


/*团队*/
.s_tit_1{width: 65%; margin: 10px auto; border: 1px dashed #000; padding: 5px 0;}
.s_tit_1 ul{width: 97%; margin: 0 auto;}
.s_tit_1 ul li{float: left; width: 50%; background: url(/img/bg_aboutus_1.png) right center no-repeat; text-align: center;}
.s_tit_1 ul li:last-child{background: none;}
.s_tit_1 ul li a{display: block; height: 2.4rem; line-height: 2.4rem; width: 90%; margin: 0 auto; font-family: "微软雅黑"; font-size: 1.1rem; font-weight: 700;}
.s_tit_1 ul li a span{font-size: 0.8rem; text-transform: uppercase;}



.s_shejishi li{border: 1px solid #999; padding: 10px; margin-bottom: 10px;}
.t_1{height: 180px; position: relative;}
.t_1 img{width: 55%; height: auto; display: block;}
.t_1 dd{position: absolute; z-index: 10; width: 54%; _height: 155px; padding: 10px; top: 5px; right: 0; background: #f9f9f9;}
.t_1 dd p{font-family: "微软雅黑"; font-size: 0.8rem; padding: 0; margin: 8px 0; max-height: 2.4rem; line-height: 1.2rem; overflow: hidden;}
.t_1 dd p:first-child{font-size: 0.9rem;}
.t_1 dd p:first-child span{font-size: 1rem; font-weight: 700;}
.t_1 dd a{position: absolute; z-index: 11; top: 3px; right: 3px; width: 63px; height: 33px; line-height: 33px; text-align: center; background: #f5c51e; border-radius: 10px; display: block;}
.t_2{padding: 15px 0;}
.t_2 nav{float: left; width: 33.33%; display: block !important;}
.t_2 nav div{background: #f9f9f9; text-align: center; width: 97%; padding: 8px 0; margin: 0 auto; position: relative; cursor: pointer; overflow: hidden;}
.t_2 nav div img{width: 97%; height: auto;}
.t_2 nav div dt{position: absolute; z-index: 20; width: 100%; height: 155px; line-height: 155px; color: #fff; top: 155px; left: 0; background: rgba(0,0,0,0.5); overflow: hidden; transition:all 1s; display: none;}
.t_2 nav div:hover dt{transform: translateY(-155px);}


.s_tit_2{width: 150px; margin: 10px auto; border: 1px dashed #000; padding: 5px 0;}
.s_tit_2 span{display: block; height: 2.4rem; line-height: 2.4rem; width: 90%; margin: 0 auto; font-family: "微软雅黑"; font-size: 1.1rem; font-weight: 700; text-align: center; background: #ffcc00;}
.b_gz_1{padding: 30px 0 25px 0;}
.b_gz_1_main{width: 55%; font-family: "微软雅黑"; font-size: 0.8rem;}
.b_gz_1_main span{font-size: 1.5rem; font-weight: 700;}
.b_gz_2{background: #eeeeee; padding: 15px 0; position: relative;}
.b_gz_2 img{position: absolute; z-index: 2; top: -10px; left: 0; width: 40%; height: auto; border-radius: 50%; border: 5px solid #fdc800;}
.b_gz_2_main{width: 55%; font-family: "微软雅黑"; font-size: 0.8rem;}
.b_gz_2_main p{padding: 0; margin: 8px 0; max-height: 2.4rem; line-height: 1.2rem; overflow: hidden;}
.b_gz_3{padding: 70px 0 0 0;}
.b_gz_3 nav{float: left; width: 33.33%; display: block !important;}
.b_gz_3 nav div{background: #f9f9f9; text-align: center; width: 97%; padding: 8px 0; margin: 0 auto; position: relative; cursor: pointer; overflow: hidden;}
.b_gz_3 nav div img{width: 97%; height: auto;}
.b_gz_3 nav div dt{position: absolute; z-index: 20; width: 100%; height: 155px; line-height: 155px; color: #fff; top: 155px; left: 0; background: rgba(0,0,0,0.5); overflow: hidden; transition:all 1s; display: none;}
.b_gz_3 nav div:hover dt{transform: translateY(-155px);}


.s_worker{padding: 15px 0;}
.worker{border: 0 !important; float: left; width: 33.33%; padding: 0 !important; margin: 0 !important;}
.worker dl{width: 95%; margin: 0 auto;}
.worker dl img{width: 100%; height: auto;}
.worker dl dt{text-align: center; height: 35px; line-height: 35px; font-size: 0.8rem;}


/*产品*/
.banner_pro{position: absolute; z-index: 2; width: 100%; height: 100%; top: 0; left: 0; text-align: center; background: rgba(0,0,0,0.5); color: #fff; font-family: "微软雅黑";}
.pro_1{clear: both; font-size: 0.8rem; text-transform: uppercase; padding: 30px 0 0 0;}
.pro_2{font-size: 1.6rem; padding: 15px 0 0 0;}
.pro_3{font-size: 0.8rem; padding: 10px 0 15px 0;}
.pro_4{position: relative;}
.pro_4 ul{position: absolute; z-index: 3; top: 0; left: 0; width: 100%; height: auto;}
.pro_4 li{float: left; width: 33.33%; margin: 8px 0;}
.pro_4 li dl{width: 90px; border: 3px #fff solid; border-radius: 50%; margin: 0 auto;}
.pro_4 li dl a{display: block; height: 90px; line-height: 90px; text-align: center; font-size: 1rem; font-family: "微软雅黑"; font-weight: 700; color: #fff; background: rgba(0,0,0,0.5); border-radius: 50%; transition: all 1s;}
.pro_4 li dl a:hover{background: none; color: #ff0000;}

.pro_5{height: 40px; position: relative;}
.pro_5_main{position: absolute; z-index: 100; top: 40px; left: 0; width: 100%; height: 200px; background: rgba(0,0,0,0.5); color: #fff;}
.pro_5_main_1{text-align: center; padding: 10px 0 0 0; color: #ffcc00; font-size: 1rem; font-weight: 700;}
.pro_5_main_2,.pro_5_main_3,.pro_5_main_4{width: 95%; margin: 0 auto;}
.pro_5_main_2 dt{font-size: 1rem; font-weight: 700; padding: 8px 0; display: none;}
.pro_5_main_2 dd{font-size: 0.8rem; line-height: 1.2rem; padding: 2px 0;}
.pro_5_main_3{padding: 5px 0 0 0;}
.pro_5_main_3 li{height: 25px; line-height: 25px; text-align: center; border: 1px solid #b4b3b3; cursor: pointer; border-radius: 10px; color: #b4b3b3; float: left; width: 18%; margin-bottom: 5px; margin-left: 4px;}
.pro_5_main_3 li:first-child{border: #ffcc00 solid 1px; color: #ffcc00; margin: 0;}
#ab12,#ab13,#ab14,#ab15{display: none;}
.pro_5_main_4 dt{font-size: 0.9rem; font-weight: 700; padding: 8px 0;}
.pro_5_main_4 dd{font-size: 0.8rem; line-height: 1.2rem;}
.pro_6{}


/*公摊*/
.gongtan{background: url(/m/img/bg_gongtan_2.jpg) top center no-repeat; height: 720px;}
.main{width: 97%; margin: 0 auto;}
.gongtan_1{text-align: center; padding: 20px 0;}
.gongtan_1 img{width: 70%; height: auto;}
.gongtan_2_left{float: initial !important; padding: 20px 0;}
.gongtan_2_left li{float: left; width: 20%;}
.gongtan_2_left li dl{width: 93%; margin: 0 auto; border: 1px solid #ffcc00; text-align: center; font-size: 0.8rem; line-height: 1.2rem; min-height: 100px;}
.gongtan_2_left li dt span{font-size: 1rem; color: #ffcc00; font-weight: 700;}
.gongtan_2_left li:nth-child(1) dd{height: 10px;}
.gongtan_2_left li:nth-child(2) dd{height: 20px;}
.gongtan_2_left li:nth-child(3) dd{height: 20px;}
.gongtan_2_left li:nth-child(4) dd{height: 20px;}
.gongtan_2_left li:nth-child(5) dd{height: 20px;}
#gj12,#gj13,#gj14,#gj15{display: none;}
.gongtan_2_right{float: initial !important; text-align: center; padding: 20px 0;}
.gongtan_2_right img{width: 95%; height: auto;}


/*环保材料*/
.cailiao_1 img{width: 100%; height: auto; display: block;}
.cailiao_2 li{height: 258px; position: relative; cursor: pointer;}
.cailiao_2 li:nth-child(1){background: url(/m/img/bg_cailiao_1.jpg) top center no-repeat;}
.cailiao_2 li:nth-child(2){background: url(/m/img/bg_cailiao_2.jpg) top center no-repeat;}
.cailiao_2 li:nth-child(3){background: url(/m/img/bg_cailiao_3.jpg) top center no-repeat;}
.cailiao_2 li:nth-child(4){background: url(/m/img/bg_cailiao_4.jpg) top center no-repeat;}
.cailiao_2 li:nth-child(5){background: url(/m/img/bg_cailiao_5.jpg) top center no-repeat;}
.cailiao_2 li:nth-child(6){background: url(/m/img/bg_cailiao_6.jpg) top center no-repeat;}
.cailiao_2 li:nth-child(7){background: url(/m/img/bg_cailiao_7.jpg) top center no-repeat;}
.cailiao_2 li:nth-child(8){background: url(/m/img/bg_cailiao_8.jpg) top center no-repeat;}
.cailiao_2 li dl{position: absolute; z-index: 1; width: 80px; height: 80px; line-height: 80px; text-align: center; top: 50%; left: 50%; border: 3px solid rgba(255,255,255,0.5); font-size: 0.9rem; font-weight: 700; border-radius: 50%; margin: -43px 0 0 -43px;}
.cailiao_2 li:nth-child(odd) dl{background: #ffcc00;}
.cailiao_2 li:nth-child(even) dl{background: #fff; color: #ffcc00;}
.cailiao_3{height: 257px; background: url(/m/img/bg_cailiao_9.jpg) top center no-repeat; position: relative; margin: 0 0 25px 0;}
.cailiao_3_main{position: absolute; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.cailiao_3_1{font-size: 1.2rem; color: #ffcc00; font-weight: 700; text-align: center; padding: 25px 0 0 0;}
.cailiao_3_2{font-size: 0.9rem; color: #fff; text-align: center; padding: 5px 0 0 0;}
.cailiao_3_3{width: 75%; margin: 0 auto; padding: 25px 0 0 0;}
.cailiao_3_3 li{float: left; width: 50%;}
.cailiao_3_3 li dl{width: 100px; height: 85px; padding: 15px 0 0 0; text-align: center; margin: 0 auto; border-radius: 50%; background: rgba(255,255,255,0.5); font-size: 0.8rem; line-height: 2rem;}


/*标准化工地*/
.g_tit{width: 97%; margin: 10px auto; border: 1px dashed #000; padding: 5px 0;}
.g_tit ul{width: 97%; margin: 0 auto;}
.g_tit ul li{float: left; width: 25%; background: url(/img/bg_aboutus_1.png) right center no-repeat; text-align: center;}
.g_tit ul li:last-child{background: none;}
.g_tit ul li a{display: block; height: 2.4rem; line-height: 2.4rem; width: 90%; margin: 0 auto; font-family: "微软雅黑"; font-size: 0.8rem; font-weight: 700;}
.g_tit ul li a span{font-size: 0.8rem; text-transform: uppercase;}

.s_gongdi{padding: 15px 0;}
.s_gongdi li{position: relative; margin: 10px 0; padding: 10px 0;}
.s_gongdi li img{width: 100%; height: auto;}
.s_gongdi li dl{position: absolute; z-index: 2; top: -10px; left: 0; padding: 0 10px;}
.s_gongdi li dl dt{height: 2rem; line-height: 2rem; background: #ffcc00; padding: 0 10px; overflow: hidden; color: #fff; font-size: 0.8rem;}


/*合作品牌*/
.s_pinpai{padding: 15px 0;}
.s_pinpai li{float: left; width: 50%;}
.s_pinpai dl{width: 95%; margin: 0 auto;}
.s_pinpai img{width: 100%; height: auto;}


/*服务流程*/
.s_liucheng{padding: 15px 0; width: 80%; margin: 0 auto;}
.s_liucheng li{margin: 10px 0;}
.s_liucheng li dt{height: 2.3rem; line-height: 2.3rem; text-align: center; color: #ff6633; background: #ffcc00; font-size: 1.2rem; font-family: "宋体"; font-weight: 700; border-radius: 10px; position: relative;}
.s_liucheng li dt b{font-size: 1.5rem;}
.s_liucheng li dt:after{content: ''; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 20px solid #ffcc00; position: absolute; bottom: -15px; z-index: 3;}
.s_liucheng li:nth-child(odd) dt:after{left: 15px;}
.s_liucheng li:nth-child(even) dt:after{right: 15px;}
.s_liucheng li dd{padding: 25px 0 0 0; line-height: 1.2rem;}
.s_liucheng li dd span{font-size: 1rem; color: #ff6633; font-weight: 700;}


/*装修日记*/
.r_tit{width: 90%; margin: 0 auto; padding: 15px 0;}
.r_tit li{float: left; width: 33.33%;}
.r_tit li a{width: 97%; margin: 0 auto; height: 30px; line-height: 30px; text-align: center; display: block; font-size: 1rem; font-family: "微软雅黑"; font-weight: 700;}
.r_tit li:first-child a{color: #ffcc00; background: url(/img/bg_riji_1.png) bottom center no-repeat;}
.riji_main li{margin: 10px 0;}
.riji_main li dl{width: 99%; margin: 0 auto;}
.riji_main li dl img{float: left; width: 30%; height: auto; margin: 25px 0 0 0;}
.riji_main li dl div{float: right; width: 69%;}
.riji_main li dl div p{padding: 0 0 5px 0; margin: 0; font-family: "微软雅黑";}
.riji_main li dl div p:first-child{font-size: 1rem; color: #ffcc00; font-weight: 700;}
.riji_main li dl div p:nth-child(2){font-size: 0.8rem;}
.riji_main li dl div nav{display: block !important;}
.riji_main li dl div nav dt{float: left; width: 45px; height: 35px; padding: 5px 0; font-size: 12px; font-family: "微软雅黑"; text-align: center; background: #f4f4f4; border-radius: 50%; margin: 0 0 0 2%; position: relative;}
.riji_main li dl div nav dt:first-child{margin: 0 !important;}
.riji_main li dl div nav dt:after{content: ''; width: 0; height: 0; border-top: 5px solid transparent; border-left: 5px solid #000; border-bottom: 5px solid transparent; position: absolute; z-index: 3; top: 18px; right: -4px;}
.riji_main li dl div nav dt:last-child:after{content: ''; display: none !important;}
.riji_main .chu{background: #ffcc00;}
.riji_main li dl div p:last-child{padding: 5px 0 0 0;}
.riji_main li dl div p a{display: block; width: 100px; height: 30px; line-height: 30px; text-align: center; overflow: hidden; font-family: "微软雅黑"; font-size: 0.8rem; background: #ffcc00;}


.b_tit_riji_1{padding: 10px 0;}
.b_tit_riji_1 a{width: 80px; height: 30px; text-align: center; line-height: 30px; font-family: "微软雅黑"; font-size: 1rem; color: #fff; background: #ffcc00; display: block;}
.b_tit_riji_1 a:hover{color: #ff0000;}
.b_riji_text_1 dl img{float: left; width: 30%; height: auto; margin: 25px 0 0 0;}
.b_riji_text_1 dl div{float: right; width: 69%;}
.b_riji_text_1 dl div p{padding: 0 0 5px 0; margin: 0; font-family: "微软雅黑";}
.b_riji_text_1 dl div p:first-child{font-size: 1rem; color: #ffcc00; font-weight: 700;}
.b_riji_text_1 dl div p:nth-child(2){font-size: 0.8rem;}
.b_riji_text_1 dl div nav{display: block !important;}
.b_riji_text_1 dl div nav dt{float: left; width: 45px; height: 35px; padding: 5px 0; font-size: 12px; font-family: "微软雅黑"; text-align: center; background: #f4f4f4; border-radius: 50%; margin: 0 0 0 2%; position: relative;}
.b_riji_text_1 dl div nav dt:first-child{margin: 0 !important;}
.b_riji_text_1 dl div nav dt:after{content: ''; width: 0; height: 0; border-top: 5px solid transparent; border-left: 5px solid #000; border-bottom: 5px solid transparent; position: absolute; z-index: 3; top: 18px; right: -4px;}
.b_riji_text_1 dl div nav dt:last-child:after{content: ''; display: none !important;}
.b_riji_text_1 .chu{background: #ffcc00;}
.b_riji_text_1 dl div p:last-child{padding: 5px 0 0 0;}
.b_riji_text_1 dl div p a{display: block; width: 120px; height: 30px; line-height: 30px; text-align: center; overflow: hidden; font-family: "微软雅黑"; font-size: 0.8rem; background: #ffcc00;}
.b_riji_text_2{clear: both; height: 40px;}
.b_riji_text_3_1 ul{float: left; border-bottom: 3px solid #ffcc00;}
.b_riji_text_3_1 li{float: left; width: 100px; height: 30px; line-height: 30px; text-align: center; background: #f4f4f4; font-family: "微软雅黑"; font-size: 1rem; font-weight: 700; cursor: pointer;}
#uy12{display: none;}
.b_riji_text_3_2{padding: 15px; background: #f2f2f2; min-height: 500px;}
.b_riji_text_3_2 img{width: 100%; height: auto;}



/*云设计*/
.yunsheji_1{height: 281px; background: url(/m/img/banner_yunsheji.jpg) top center no-repeat; position: relative;}
.yunsheji_1_main{position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); font-family: "微软雅黑"; text-align: center; color: #fff;}
.yunsheji_1_main_1{clear: both; height: 10px;}
.yunsheji_1_main_2{font-size: 1.5rem; padding: 10px 0 0 0;}
.yunsheji_1_main_3{font-size: 0.8rem; padding: 10px 0 0 0;}
.yunsheji_1_main_4{width: 90%; margin: 0 auto; padding: 30px 0 0 0;}
.yunsheji_1_main_4 li{float: left; width: 33.33%;}
.yunsheji_1_main_4 li dt{width: 90%; margin: 0 auto; border: 1px solid #fff; border-radius: 10px; height: 30px; line-height: 30px; font-size: 0.8rem;}
.yunsheji_1_main_5{position: relative; width: 100%; height: 0;}
.yunsheji_1_main_5 dl{position: absolute; z-index: 5; width: 100%; height: 200px; top: 0; left: 0; background: url(/m/img/bg_yunsheji_1.png) no-repeat; background-position: 10% 100%; padding: 30px 0 0 0;}
.yunsheji_1_main_5 a{display: block; width: 150px; height: 40px; line-height: 40px; margin: 0 auto; border: 1px solid #fff; font-family: "微软雅黑"; font-size: 1rem; color: #fff;}
.yunsheji_1_main_5 a:hover{#ff0000}
.yunsheji_2{clear: both; height: 90px;}
.yunsheji_3_1{padding: 10px 0; font-family: "微软雅黑"; font-size: 1.2rem; font-weight: 700; text-align: center;}
.yunsheji_3_2{width: 100%; margin: 0 auto;}
.yunsheji_3_2 li{float: left; width: 33.33%;}
.yunsheji_3_2 li dl{width: 100px; margin: 0 auto;}
.yunsheji_3_2 li dl dt{height: 40px; line-height: 40px; text-align: center; font-family: "微软雅黑"; font-size: 1rem ; font-weight: 700; color: #ffcc00;}
.yunsheji_3_2 li dl dt:before{content: '✔';}
.yunsheji_3_2 li dl dt span{font-size: 1.1rem;}
.yunsheji_3_2 li dl dd{height: 80px; border-radius: 15px;}
.yunsheji_3_2 li:nth-child(1) dl dd{background: url(/img/bg_yunsheji_2.jpg) 50% no-repeat;}
.yunsheji_3_2 li:nth-child(2) dl dd{background: url(/img/bg_yunsheji_3.jpg) 50% no-repeat;}
.yunsheji_3_2 li:nth-child(3) dl dd{background: url(/img/bg_yunsheji_4.jpg) 50% no-repeat;}
.yunsheji_3_3{padding: 20px 0;}
.yunsheji_3_3 a{display: block; width: 150px; height: 30px; line-height: 30px; margin: 0 auto; text-align: center; border: 1px solid #ffcc00; color: #ffcc00; font-size: 1rem; font-weight: 700; font-family: "微软雅黑"; letter-spacing: 5px;}


/*优势*/
.youshi{position: relative; color: #fff;}
.youshi img{width: 100%; height: auto; display: block;}
.youshi_main{position: absolute; z-index: 4; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.youshi_main_1{text-align: center; font-size: 0.8rem; padding: 12px 0 5px 0; text-transform: uppercase;}
.youshi_main_2{text-align: center; font-size: 1.2rem; padding: 0 0 5px 0;}
.youshi_main_3{text-align: center; font-size: 0.8rem; padding: 0 0 5px 0;}
.youshi_main_4{width: 100%; margin: 0 auto;}
.youshi_main_4 li{float: left; width: 25%; margin: 5px 0;}
.youshi_main_4 li dl{width: 80px; border: 3px #fff solid; border-radius: 50%; margin: 0 auto;}
.youshi_main_4 li dl a{display: block; height: 80px; line-height: 80px; text-align: center; font-size: 0.9rem; font-family: "微软雅黑"; font-weight: 700; color: #fff; background: rgba(0,0,0,0.5); border-radius: 50%; transition: all 1s;}
.youshi_main_4 li dl a:hover{background: none; color: #ff0000;}
.youshi_main_5{height: 120px; line-height: 20px; overflow: hidden; width: 95%; margin: 8px auto;}
.youshi_main_5 p{width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; padding: 0; margin: 0;}


/*首页*/
.heng1 img,.heng2 img,.heng3 img{width: 100%; height: auto; display: block;}
.heng1{position: relative;}
.heng1_main{position: absolute; z-index: 2; top: 20%; left: 10%; width: 30%; height: auto;}
.heng1_main_2{clear: both; height: 10px;}
.heng4{text-align: center; padding: 30px 0 0 0;}
.heng4 img{width: 24.2%; height: auto;}
.heng5{width: 97%; margin: 0 auto;}
.heng5 li{margin: 10px 0;}
.heng5 img,.heng6 img{width: 100%; height: auto;}
.heng6_1{}
.heng6_2{width: 97%; margin: 0 auto; padding: 0 0 20px 0;}
.heng6_2 li{position: relative; margin: 10px 0;}
.heng6_2 li dt{position: absolute; z-index: 2; bottom: 0; left: 0; width: 100%; height: 30px; line-height: 30px; background: #ffcc00; color: #fff;}
.heng7{background: url(/m/img/bg_sy_12.jpg) bottom center no-repeat #ffcc00; background-size: 100% auto; padding: 0 0 20px 0;}
.heng7_1{text-align: center; padding: 20px 0 0 0;}
.heng7_1 img{width: 24.2%; height: auto;}
.heng7_2{width: 97%; margin: 0 auto;}
.heng7_2 li{float: left; width: 33.33%;}
.heng7_2 li dl{width: 90%; margin: 0 auto;}
.heng7_2 li dl img{width: 100%; height: auto; border-radius: 50%;}
.fangan_1{height: 30px; line-height: 30px; text-align: center; font-size: 1.3rem; font-weight: 700; color: #fff;}
.fangan_3{height: 30px; line-height: 30px; text-align: center; font-size: 0.8rem; font-weight: 700;}
.heng8{background: url(/m/img/bg_sy_13.jpg) no-repeat; background-size: 100% 100%; height: 180px; margin: 20px 0; position: relative;}
.heng8_main{width: 160px; height: 160px; border-radius: 50%; background: url(/img/bg_heng6_1.png) no-repeat #fff; background-position: 30px 40px; padding: 30px 0 0 30px; font-size: 1.4rem; font-weight: 700; color: #ffcc00; top: -5px; left: 50%; position: absolute; z-index: 2; margin: 0 0 0 -100px;}
.heng8_main span{font-size: 0.8rem; font-weight: initial; color: #000;}
.heng9{min-height: 240px; width: 95%; margin: 0 auto; position: relative;}
.heng9_main{position: absolute; z-index: 1; background: rgba(0,0,0,0.5); width: 100%; height: auto;}
.heng9_main_1{text-align: center; padding: 15px 0;}
.heng9_main_1 img{width: 34.2%; height: auto;}
.heng9_main_2{height: 40px; clear: both; position: relative;}
.heng9_main_2 ul{position: absolute; width: 100%; height: auto;}
.heng9_main_2 li{float: left; width: 33.33%;}
.heng9_main_2 li dl{width: 95%; margin: 0 auto; position: relative;}
.heng9_main_2 li dl img{width: 100%; height: auto; display: block;}
.heng9_main_2 li dt{position: absolute; z-index: 4; bottom: 0; left: 0; width: 100%; height: 32px; line-height: 15px; text-align: center; overflow: hidden; background: rgba(0,0,0,0.5); color: #fff; font-size: 0.8rem;}
.heng9_main_2 li:nth-child(2) .heng6_4_3_1{height: 20px;}
.heng10{padding: 15px 0;}
.heng10 a{display: block; text-align: center; font-size: 1.2rem; font-weight: 700;}
.heng11{padding: 0 0 30px 0;}
.heng11_1{text-align: center; padding: 15px 0;}
.heng11_1 img{width: 52.5%; height: auto;}
.heng11_2{width: 97%; margin: 0 auto;}
.heng11_2 li{float: left; width: 50%;}
.heng11_2 li dl{width: 97%; margin: 0 auto; position: relative;}
.heng11_2 li dl img{width: 100%; height: auto; display: block;}
.heng11_2 li dl dt{position: absolute; z-index: 2; background: rgba(255,255,255,0.5); width: 40%; height: 30px; bottom: 0; left: 0; color: #ffcc00;}
.heng11_2 li dl dt p{padding: 0; margin: 0;}
.heng11_2 li dl dt p:first-child{position: absolute; z-index: 3; top: -18px; left: 0; font-size: 2rem;}
.heng11_2 li dl dt p:last-child{padding: 10px 0 0 15px;}