.container-fluid{padding: 0; width: 1200px; margin:0 auto; position: relative;}
/*头部样式*/
#header,.w1200{width:1200px;margin:0 auto;}
#header{height: 103px;}
.fl{float: left;}
.fr{float: right;}
p{margin:0 0 0 0;}

.tophead{width: 100%;height: 35px;background: #ececec;position: relative;}
.headtitle{font-size: 14px;color: #969696;line-height: 35px;}
.k1{font-size: 14px;line-height: 35px;color: #969696;}
.k1 a{color:#999999}

.sechead{height: 114px;position: relative;overflow: hidden;}
.logo {
    float: left;
    position: relative;
    z-index: 999;
    height: 103px;
}
.sechead .k2{margin-top: 19px;background: url(../images/ttel.png) left center no-repeat;text-align: left;padding-left: 70px;font-size: 20px;color: #3e3e3e;line-height: 24px;}
.sechead .k2 p{font-size: 16px; color: #666;}
.sechead .k2 p strong{font-size: 24px; color: #333;}

/* 导航 */
.menu{
    width: 100%;
    margin: 0 auto;
    /* overflow: hidden; */
    height: 40px;
}
.x-menu {width: 1200px;margin:0 auto;}
.x-menu>li {float:left;width:120px;position:relative;text-align:center;}
.x-menu>li>a {display:block;font-size:14px;color:#000;}
.x-menu>li.active>a,.x-menu>li>a:hover {background:#292e39;color:#fff}
.x-menu>li:after {content:"";position:absolute;z-index:100;width:100%;left:0;height:40px;opacity:0;top:100%}

/*导航栏样式*/
.nav {height: 103px;}
.nav li {line-height: 24px;text-align: center;width:119px;/*width: 158px;*/float: left;background: url(../images/line.png) no-repeat right top;padding-top: 20px;height: 103px;box-sizing: border-box;padding-right: 25px;}
.nav li a {display: block;line-height: 24px;color: #000000;font-size: 16px;}
.nav li a span {display: block;font-size: 14px;font-family: 'Arial';text-transform: uppercase;color: #000;}
.nav li a:hover {color: #008b76;}
.nav .secbg {width: 100%;top: 103px;left: 0;background: rgba(0, 0, 0, .5);position: absolute;display: none;z-index: 99;padding: 15px 0 5px;}
.nav .sec {width: 800px;margin: 0 auto;text-align: right}
.nav .sec a {color: #fff;width: 90px;display: inline-block;width: 150px;text-align: center;font-size: 12px;margin: 0 10px;}
.nav .sec a:hover {color: #fff;}
.nav li:hover a span{color:#008b76;}
/* .nav .sec li{padding-top: 0px; display: inline-block; text-align: center; text-align: right;} */

/*滚动*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:100%;margin:0 auto;}
#m_indemo {float: left;width:800%}
#m_demo1 {float: left;}
#m_demo2 {float: left;}

/* 搜索 */
#formsearch{margin-top: 10px;}
#formsearch input{height:30px;background:none;border:none;line-height:30px;outline: none;float: left;}
#formsearch input#keyword{text-indent:10px;color:#979797;font-size: 14px;width: 274px;border: 1px solid #ddd;}
#formsearch input#s_btn{width: 40px;height: 30px;line-height: 30px;text-align:center;color:#fff;border:none;cursor:pointer;background: url(../images/ss.png) no-repeat;}

/* 内页 */
.left{width: 240px;float: left;}
.right{width: 940px;float: right;}
.product_list{}
.product_list li{float: left;width: 293px;border: 1px solid #eee;margin:0 10px 10px;padding:5px;}
.product_list li a.img{display: block;width: 281px;height: 281px;overflow: hidden;}
.product_list li img{width:281px;height: 281px;transition: all .5s ease;}
.product_list li h3{line-height: 35px;text-align: center;}
.product_list li h3 a{color: #5a5a5a;font-size: 14px;}
.product_list li:hover{border-color: #292e39}
.product_list li:hover img{transform:scale(1.1);}

/* 产品中心 */
.product{width: 100%; padding-top: 68px; padding-bottom: 62px;}
.title{text-align: center; margin: 0 auto;}
.title h2{font-size: 30px; color: #3d3d3d;}
.title  h3{text-transform: uppercase;font-size: 22px;color: #3d3d3d;margin-top: 13px;}


.product .pbb{width: 100%; margin-top: 70px; position: relative;}

.product .pbb ul{width: 100%;}
.product .pbb ul li{float: left; width: 287px; box-shadow: 0 0 10px rgba(0,0,0,0.1); margin-bottom: 10px; height: 311px; overflow: hidden; position: relative; margin-right: 17px;}
.product .pbb ul li .img{width: 100%; height: 213px; overflow: hidden;}
.product .pbb ul li .img img{width: 100%;}
.product .pbb ul li dd{width: 100%; padding: 27px 27px 0; }

.product .pbb ul li dd h2{font-size: 16px; color: #3d3d3d;}

.product .pbb ul li dd h3{margin-top: 13px; display: none;}
.product .pbb ul li dd h3 strong{ display: inline-block; float: left; font-size: 12px; color: #fff; padding: 2px 4px; background-color: #006d5d; margin-right:8px;}
.product .pbb ul li dd a{display: block; font-size: 14PX; color: #a1a1a1; margin-top: 18px;}

.product .pbb ul li:hover dd{background-color: #008b76; position: absolute; z-index: 999; bottom: 0; left: 0; height: 137px; }
.product .pbb ul li:hover dd h2{color: #fff;}
.product .pbb ul li:hover dd h3{display: block;}
.product .pbb ul li:hover dd a{position: absolute; z-index: 9999; bottom: 18px; left: 27px;}

.product .pbb .hd{width: 100%; position: absolute; z-index: 99999999; top: 35%;}
.product .pbb .hd a{display: block;width: 41px; height: 60px; }
.product .pbb .hd .next{position: absolute; background: url(../images/pr1.jpg)no-repeat top center; left: -42px;}
.product .pbb .hd .prev{position: absolute; background: url(../images/pr2.jpg)no-repeat top center; right: -42px;}

.tempWrap{width: 100% !important;}

.alk{display: block;width: 162px;height: 46px;line-height: 46px;text-align: center;background: url(../images/alk.jpg)no-repeat top center;font-size: 16px;color: #fff;margin: 0 auto;margin-top: 76px;}
.alk:hover{color:#fff;}
/* 选择君澜的八大理由 */
.ys{width: 1920px;position: relative;left: 50%;margin-left: -960px;padding-top: 47px;height: 336px;}
.ys .title h2,.ys .title h3{color: #fff;}
.ys .ybb{width: 100%; margin-top: 36px;}
.ys .ybb ul{width: 100%; text-align: center;}
.ys .ybb ul li{display: inline-block;width: 12.1%;text-align: center;}
.ys .ybb ul li .img{width: 101px;height: 101px;overflow: hidden;margin: 0 auto;}
.ys .ybb ul li .img img{width: 100%;}
.ys .ybb ul li h3{font-size: 14px; color: #fff; margin-top: 10px;}


/* 客户案例 */
.case{width: 100%; background-color: #fcfcfc; padding-top: 72px; padding-bottom: 130px;}
.case .cbb{width: 100%; margin-top: 64px;}
.case .cbb ul{width: 100%;}
.case .cbb ul li{float: left; width: 581px; height: 405px;overflow: hidden; position: relative;}
.case .cbb ul li:last-child{float: right;}
.case .cbb ul li .img{width: 100%; height: 100%;}
.case .cbb ul li .img img{width: 100%;}
.case .cbb ul li h3{position: absolute; z-index: 999; width: 100%; height:  46px; line-height: 46px; bottom: 0; left: 0; background: rgba(0,0,0,0.5); text-align: center; font-size: 16px; color: #fff;}

/* 安吉君澜竹木业有限公司 */
.about{width: 1920px; position: relative; left: 50%; margin-left: -960px; height: 565px; background:#fff url(../images/pbb.png)no-repeat left center;}
.about .abf1{float: left; width: 50%;}
.about .abf1 .aff{ float: right;width: 600px; padding-right: 47px; padding-top: 100px;}
.about .abf1 .aff h2{font-size: 24px; color: #181818;}
.about .abf1 .aff h3{font-size: 14px; color: #181818; text-transform: uppercase; margin-top: 14px;}
.about .abf1 .aff h4{font-size: 14px; color: #181818; line-height: 26px; margin-top: 33px;}
.about .abf1 .aff .abf{width: 100%;margin-top: 50px;margin-left: -91px;}

.make_box {  width: 1132px;  margin: 0 auto;  overflow: hidden;}
.make_box_a {width: 203px;float: left;overflow: hidden;}
.make_box_a_1 {width: 280px;font-size: 42px;font-weight: bold;color: #181818;font-family: "impact";text-align: center;}
.make_box_a_1 i {font-style: normal;font-size: 16px;font-weight: normal;color: #555555;margin-left: 6px;}
.make_box_a_2 {width: 280px;font-size: 12px;color: #6c6c6c;/* font-weight: bold; */text-align: center;/* margin-top: -14px; */}
.make_box_b {width: 218px;float: left;overflow: hidden;}
.make_box_c {  width: 290px;  float: left;  overflow: hidden;}
.make_box_d {  width: 280px;  float: left;  overflow: hidden;}

.about .abf1 .aff1{width: 100%; position: relative;}

.about .abf1 .aff1 .bd{width: 100%;}
.about .abf1 .aff1 .bd ul{width: 100%;}
.about .abf1 .aff1 .bd ul li{float: left; width: 100%;}
.about .abf1 .aff1 .bd ul li .img{width: 100%; overflow: hidden;}
.about .abf1 .aff1 .bd ul li .img img{width: 100%;}
.about .abf1 .aff1 .hd{position: absolute;z-index: 999;/* bottom: 24px; */left: 65px;width: 100%;top: 509px;}
.about .abf1 .aff1 .hd ul{width: 100%;}
.about .abf1 .aff1 .hd ul li{float: left; width: 22px; height: 22px; border-radius: 50%; background-color: #fff; margin-right: 16px;}
.about .abf1 .aff1 .hd ul li.on{background-color: #000;}


/* 荣誉 */
.hhon{width: 100%; background-color: #fbfbfb; padding-top: 109px; padding-bottom: 138px;}

.hhon .hobb{width: 100%; position: relative;}
.hhon .hobb ul{width: 100%;}
.hhon .hobb ul li{float: left; width: 271px; height: 277px; margin-right: 37px; overflow: hidden;}
.hhon .hobb ul li .img{width: 100%; height: 100%;}
.hhon .hobb ul li .img img{width: 100%;}


.nfft1{width: 1920px;position: relative;left: 50%;margin-left: -960px;height: 392px;background-color: #f9f9f9 !important;}
.nfft1 .nff{width:50%;padding-top: 94px;}

.nfft1 .nff  h2{font-size: 12px; color: #fff;}
.nfft1 .nff  h2 strong{font-size: 22px;display: block;margin-bottom: 8px;}

.nfft1 .nff h3{font-size: 14px;color: #fff;line-height: 28px;margin-top: 21px;}

.nfft1 .nff  .x-copyright{margin: 0;font-size: 12px;color: #b8b8b8;line-height: 24px;margin-top: 14px;}
.nfft1 .nff  .x-copyright a{ color: #b8b8b8;}

.nfft1 .nff  .flk{font-size: 12px;color: #e8e8e8;margin-top: 23px;}
.nfft1 .nff  .flk a{color: #e8e8e8;}
.nfft1 .nff  .flk a::after{content: "、";display: inline-block; font-size: 12px; color: #e8e8e8;}


.nfft1 .nff2{width: 600px; padding: 20px 76px 0;}
.nfft1 .nff2 h2{font-size: 18px; color: #fff;}
.nfft1 .nff2  h3{font-size: 14px; font-family: 'Arial'; color: #fff; margin-top: 7px;}
.nfft1 .nff2  form{width: 100%; margin-top: 5px;}

.nfft1 .nff2  form input[type="text"]{width: 100%; height: 42px; border: none; background: transparent;border-bottom: 1px solid #fff; line-height: 42px; font-size: 14px; color: #fff;}
.nfft1 .nff2  form  textarea{width: 100%; height: 90px;background: transparent; border: 1px solid #fff;  font-size: 14px; color: #fff; margin-top: 33px;}

.nfft1 .nff2  form .rww{width: 100%; margin-top: 9px;}
.nfft1 .nff2  form .rww #checkcode{width: 182px; float: left; height: 42px; border: none; background: transparent;border-bottom: 1px solid #fff; line-height: 42px; font-size: 14px; color: #fff;}
.nfft1 .nff2  form .rww .checkCodeImg{float: left;margin-left: 6px;width: 139px;overflow: hidden;margin-top: 0px;}
.nfft1 .nff2  form .rww .checkCodeImg img{width: 100%;}
.nfft1 .nff2  form .rww  .x-submit{float: left;margin-left:15px;width: 103px;height: 40px;background: #006455;line-height: 40px;text-align: center;font-size: 14px;border: none;color: #fff;}

.nfft1 .nff2  form input::placeholder{ color: #fff;}
.nfft1 .nff2  form  textarea::placeholder{color: #fff;}



.boxx {
    max-width: 1200px;
    margin: 0 auto;
}

.link{width:100%; color:#999; line-height:24px; font-size:13px; background:#fbfbfb;}
.link a{display:inline-block; float:left; margin-left:8px; font-size:12px; color:#999;}










