﻿
/*banner*/
.banner{ overflow:hidden; height:603px;}
.banner{ background:url(../images/banner.jpg)  no-repeat center top;background-size: 1920px 603px; height:603px; display:block;}

.g_cho{padding-top: 65px;height: 640px;}
.g_cho h2{height: 140px;line-height: 140px;}
.g_cho h2 span{display: block;float:left;padding:0px 20px;background: #01af84;color:#fff;height:100px;line-height: 100px;margin-top:20px;}
.g_cho h2 b{display: block;float:left;font-weight: normal;font-size: 40px;margin:0 10px;color:#333;}
.g_cho h2 i{display: block;float:left;color: #01af84;font-size: 40px;}

.g_cho dl{float: left;width: 380px;margin-right: 29px;}
.g_cho .lastdl{margin-right: 0;}
.g_cho dt,.g_cho dt img{width: 380px;height: 260px;display: block;}
.g_cho dd{padding: 22px 22px 0 18px;height: 142px;border: 1px solid #b5b5b5;border-top: none;   }
.g_cho h3{height: 30px;line-height: 30px;overflow: hidden;font-size: 16px;font-weight: bold;color: #23ac38;overflow: hidden;margin-bottom: 10px;}
.g_cho p{font-size: 14px;color: #666666;line-height: 26px;}
.g_cho dd:hover{background: #23ac38;border: 1px solid #23ac38;    }
.g_cho dd:hover h3,.g_cho dd:hover p{color: #fff;}



/* 只选择优质供应商 */
.g_gys{ background:url(../images/gysbg.jpg)  no-repeat center top; height:713px;padding-top: 67px; }
.g_gys h2{background:url(../images/hztit.jpg)  no-repeat;background-size:1200px 150px;  padding-top: 20px;height: 200px;text-align: center;font-size: 40px;color: #333333;font-weight: normal;}
.g_gys h2 b{color: #23ac38;}
.g_gys h2 em{display: block;padding-top: 18px;font-size: 16px;color: #221815;}
.g_gys ul{padding-left: 72px;width: 450px;float: left;}
.g_gys li{float: left;width: 182px;height: 100px;margin: 0 24px 24px 0;}
.g_gys li img{width: 180px;height: 100px;display: block;border: 1px solid #fff;}
.g_gys li:hover img,.g_gys .cur img{border: 1px solid #23ac38;}
.g_gys dl{float: right; width: 603px;margin-right: 70px;position: relative;}
.g_gys dt,.g_gys dt img{width: 603px;height: 350px;display: block;}
.g_gys dd{position: absolute;left:0;bottom: 0;padding: 10px 50px 0 40px;height: 86px;background:url(../images/sha.png) repeat;}
.g_gys h3{height: 26px;line-height: 26px;overflow: hidden;font-size: 18px;font-weight: bold;color: #fff;overflow: hidden;margin-bottom: 6px;}
.g_gys p{font-size: 15px;color: #fff;line-height: 20px;height: 40px;overflow: hidden;}

/* 康美装饰经典案例 */
.g_an{padding-top: 63px;height: 1295px;}
.g_an h2{background:url(../images/antit.jpg)  no-repeat;background-size: 1200px 145px; padding-top: 20px;height: 126px;text-align: center;font-size: 40px;color: #333333;font-weight: normal;}
.g_an h2 b{color: #23ac38;}
.g_an h2 em{display: block;padding-top: 12px;font-size: 16px;color: #221815;}
.g_an .hd{height: 78px;}
.g_an .hd ul{float: left;width: 816px;}
.g_an .hd li{float: left;width: 406px}
.g_an .hd li span{display: block;padding-left: 70px;height: 49px;font-size: 20px;color: #333333;font-weight: normal;position: relative;}
.g_an .hd em{display: block;font-size: 12px;color: #333333;text-transform: uppercase;padding-top: 5px;}
.g_an .hd strong{display: block;position: absolute;left: 0;top: 0;width:49px;height:49px;}
.g_an .hd .an01 strong{background:url(../images/anico11.png)  no-repeat 0 0 #333;background-size: 49px 49px;}
.g_an .hd li.on .an01 strong{background:url(../images/anico11.png)  no-repeat 0 0 #23ac38;background-size: 49px 49px;}
.g_an .hd li.on .an01{color: #23ac38}

.g_an .hd .an02 strong{background:url(../images/anico22.png)  no-repeat 0 0 #333;background-size: 49px 49px;}
.g_an .hd li.on .an02 strong{background:url(../images/anico22.png)  no-repeat 0 0 #23ac38;background-size: 49px 49px;}
.g_an .hd li.on .an02{color: #23ac38}
.g_an .hd li.on em{color: #23ac38}
.g_an .hd span{float: left;width: 286px;background:url(../images/anico3.jpg)  no-repeat 0 0;background-size: 49px 49px; font-style: 16px;color: #333333;padding-left: 70px;height: 49px;}
.g_an .hd span .tel{display: block;font-size: 24px;color: #333333;}
.g_an .anlst li{float: left;width: 385px;margin-right: 21px;}
.g_an .anlst .lastli{margin-right: 0;}
.g_an .anlst li img{width: 385px;height: 270px;display: block;transition: all 0.3s ease-in-out 0s;}
.g_an .anlst li:hover img{transform: scale(1.02);}

.g_an .anlst li em{display: block;height: 62px;padding-top: 10px;line-height: 30px;overflow: hidden;font-size: 16px;color: #333;text-align: center;}

/* 优势 */
.g_ys{background:url(../images/ysbg.jpg)  no-repeat center 145px #f8f7f5;background-size: 406px 584px; height: 737px;padding-top: 66px;}
.g_ys h2{height: 188px;text-align: center;line-height: 88px;font-size: 46px;}
.g_ys h2 span{font-weight: normal;}
.g_ys h2 b{color:#23ac38}
.g_ys dl{position: absolute;}
.g_ys .ysl dd{float: left;width: 286px;padding: 0 17px 0 0;}
.g_ys .ysl h3{text-align: right;}
.g_ys .ysr dd{float: left;width: 286px;padding: 0 0 0 10px;text-align: left;}
.g_ys h3{height: 36px;line-height: 36px;font-size: 21px;font-weight: bold;color: #333333}
.g_ys p{font-size: 14px;line-height: 22px;color: #666666;}
.g_ys dt{float: left;width: 76px;height: 66px;background:url(../images/ysno.png)  no-repeat;text-align: center;font-size: 20px;color: #fff;padding-top: 10px;}
.g_ys .ys01{left:0;top:188px;}
.g_ys .ys02{left:0;top:344px;}
.g_ys .ys03{left:0;top:500px;}
.g_ys .ys04{left:825px;top:188px;}
.g_ys .ys05{left:825px;top:344px;}
.g_ys .ys06{left:825px;top:500px;}

/* 由他们见证 */
.g_jz{padding-top: 60px;height: 500px;}
.g_jz h2{background:url(../images/jztit.jpg)  no-repeat;background-size: 1200px 120px; padding-top: 25px;height: 105px;text-align: center;font-size: 40px;color: #333333;font-weight: normal;}
.g_jz h2 b{color: #23ac38;display: inline-block;padding-left: 25px;}
.g_jz li{float: left;width: 238px;}
.g_jz li img{width: 238px;height: 148px;display: block;border: 1px solid #dddcdc;border-bottom: none;border-right: none;}
.g_jz .brline img{border-right:1px solid #dddcdc ;}
.g_jz .bbline img{border-bottom:1px solid #dddcdc ;}

.m_sjs li img{width:500px;height:448px;}
/* 设计师一对一定制 */
.g_sjs{background:url(../images/sjsbg.jpg)  no-repeat center top;height: 456px;}
.g_sjs .m_js{float: left;width: 700px;padding-top: 120px;}
.g_sjs .m_js h2{height: 74px;font-size: 44px;color: #333333;font-weight: normal;margin-bottom: 20px;}
.g_sjs .m_js h2 b{color: #23ac38}
.g_sjs .m_js h3{height: 90px;font-weight: normal;font-size: 24px;color: #221815;}
.g_sjs .m_js h3 b{color: #23ac38;font-weight: normal;}
.g_sjs .m_js h3 em{display: block;font-size: 20px;color: #666666;padding-top: 6px;}
.g_sjs .btn{display: block;height: 72px} 
.g_sjs .btn1{display: block;float: left;width: 162px;height: 45px;line-height: 45px;background: #23ac38;text-align: center;font-size: 16px;color: #fff;margin-right: 32px;}
.g_sjs .btn2{display: block;float: left;width: 162px;height: 45px;line-height: 45px;text-align: center;font-size: 16px;color: #23ac38;margin-right: 32px;border: 1px solid #23ac38}
.g_sjs .tel{background:url(../images/tel2.jpg)  no-repeat 0 6px;background-size: 37px 35px; padding-left: 40px;height: 40px;line-height: 40px;font-size: 16px;color: #666666}
.g_sjs .tel b{font-weight: normal;font-size: 26px;color: #666666;}

/* 走进康美 */
.g_ab{padding-top: 70px;height:540px;background:url(../images/zjbg.jpg)  no-repeat center top;}
.g_ab h2{background:url(../images/abtit.jpg)  no-repeat;background-size: 1200px 106px; padding-top: 20px;height: 94px;text-align: center;font-size: 40px;color: #333333;font-weight: normal;}
.g_ab h2 b{color: #23ac38;}
.g_ab h2 em{display: block;padding-top: 12px;font-size: 16px;color: #221815;}
.g_ab dt{float: left;padding-left: 9px;width: 587px;}
.g_ab dt img{width: 587px;height: 346px;display: block;}
.g_ab dd{float: left;margin-left: 70px;width: 522px;}
.g_ab h3{height: 54px;line-height: 54px;overflow: hidden;font-size: 18px;font-weight: bold;color: #444444;overflow: hidden;}
.g_ab p{font-size: 16px;color: #444444;line-height: 28px;}

