@charset "utf-8";
/* CSS Document */
body,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
body{ margin:0 auto; FONT-SIZE: 12px; }
ul,li{ list-style-type:none; margin:0; padding:0;}
ol,dl {list-style:none;}
img {border:0;}
a {text-decoration:none; color:#666666;}
a:hover {text-decoration: none; color:#666666;}
button {cursor:pointer;}
.foonts{ color:#FFFFFF;}
.font002{ color:#666;}
a{blr:expression(this.onFocus=this.blur());   /*    IE Opera    */outline:none;   /*    FF Opera    */}
a:focus{-moz-outline-style: none;   /*    FF    */}
.lsdl{ clear:both;}
.boxlsdl{ width:1206px; margin:0 auto;}
.fixed2{position:fixed;top:0;z-index:4000; _position: absolute; _top:expression(eval(documentElement.scrollTop));}

.boxlsdlc{ background:#FFF;}

.top{ background:#F6F6F6; border-bottom: 1px #BEBEBE double; height:132px; width:100%; overflow:hidden; min-width:1200px;}
.logo-h1{text-indent: -9999px;margin: 0;padding: 0;border: 0;height: 0;line-height: 0;font-size: 0;overflow: hidden;display: none;}
.ytde{ height:32px; overflow:hidden;}
.logo{width:408px; height:73px; float:left; cursor:pointer;}
.fengxiang{ height:50px; padding:15px 0 0 0; float:right;}
.fengxiang img { padding:0 0 0 7px;}
/*.cuf{ border-bottom: 1px #BEBEBE double; }*/
/*.cuf2{ border: 1px #BEBEBE double; border-width:0 0 1px 0; margin-top:-1px; }
*/.cuf3{ border: 1px #BEBEBE double; border-width:0; }
.cuf4{ border: 1px #BEBEBE double; border-width:0 0 1px 0; margin-top:-1px; }
.cuf04{ border: 1px #BEBEBE double; border-width:1px 0 0 0; margin-top:-1px; }

.mune{height:73px; background:#fff url(../images/tbs.png) left -85px no-repeat; border: 1px #BEBEBE double; border-width:0 1px 1px 1px; /* border-right: none; */}
.mune ul li{ height:73px; float:left; }
.mune ul li a {text-decoration:none; color:#634118;}
.mune ul li b{ font-size:16px;}
.mune ul li p{ font-size:12px;}
.mune ul li span{ display:block;  float:left;}
.mune ul .padding1{ padding:16px 0 0 80px;}
.mune ul .padding01 a{ width:183px; height:74px; display:block;}
.mune ul .padding01 a:hover{ background:#5b250b url(../images/tbs.png) 0px top no-repeat; color:#FFF; display:block;}

.mune ul .padding001{ background:#5b250b url(../images/tbs.png) 0px top no-repeat; color:#FFF!important; display:block;}

.mune ul .padding2{ padding:16px 0 0 80px; }
.mune ul .padding02 a{ width:170px; height:74px; display:block; }
.mune ul .padding02 a:hover{ background:#5b250b url(../images/tbs.png) -182px top no-repeat; color:#FFF; display:block;}
.mune ul .padding002{ background:#5b250b url(../images/tbs.png) -182px top no-repeat; color:#FFF!important; display:block;}


.mune ul .padding3{  padding:16px 0 0 75px; }
.mune ul .padding03 a{ width:170px; height:74px; display:block;}
.mune ul .padding03 a:hover{ background:#5b250b url(../images/tbs.png) -351px top no-repeat; color:#FFF; display:block;}
.mune ul .padding003{ background:#5b250b url(../images/tbs.png) -351px top no-repeat; color:#FFF !important; display:block;}

.mune ul .padding4{ padding:16px 0 0 75px;}
.mune ul .padding04 a{ width:170px; height:74px; display:block;}
.mune ul .padding04 a:hover{ background:#5b250b url(../images/tbs.png) -522px top no-repeat; color:#FFF; display:block;}
.mune ul .padding004{ background:#5b250b url(../images/tbs.png) -522px top no-repeat; color:#FFF !important; display:block;}

.mune ul .padding5{padding:16px 0 0 60px;}
.mune ul .padding05 a{ width:170px; height:74px; display:block;}
.mune ul .padding05 a:hover{ background:#5b250b url(../images/tbs.png) -692px top no-repeat; color:#FFF; display:block;}
.mune ul .padding005 { background:#5b250b url(../images/tbs.png) -692px top no-repeat; color:#FFF !important; display:block;}

.mune ul .padding6{padding:16px 0 0 60px;}
.mune ul .padding06 a{ width:170px; height:74px; display:block;}
.mune ul .padding06 a:hover{ background:#5b250b url(../images/tbs.png) -862px top no-repeat; color:#FFF; display:block;}
.mune ul .padding006 { background:#5b250b url(../images/tbs.png) -862px top no-repeat; color:#FFF !important; display:block;}


.mune ul .padding7{padding:16px 0 0 60px;}
.mune ul .padding07 a{ width:170px; height:74px; display:block;}
.mune ul .padding07 a:hover{ background:#5b250b url(../images/tbs1.png) -1032px top no-repeat; color:#FFF; display:block;}
.mune ul .padding007{ /* background: url(../images/tbs.png) -1032px top no-repeat; */ color: !important; display:block;}

.berd{ background:#092264 url(../images/ber_22.jpg) center no-repeat; height:438px; margin-top:-1px; }

.tal{ background:url(../images/tal_24.jpg) top repeat-x; height:45px; padding:33px 0 0 0;}
.tal .ted{ width:252px; float:left;}
.tal .muedt{ padding:5px 0 0 0px; float:right; font-size:14px;}
.ted-h2{display: none;}
.tal .muedt a:hover{ color:#634118; }

.tab21 {float: right; font-size: 14px;display: flex;}
.tab21 a.ok{ width:82px; font-size:14px; text-align:center; color:#634118;}
.tab21 a.nones{background:none; width:82px;  font-size:13px;  font-weight: bold; text-align:center; color:#5b250b;}
.tab21 a.nones:hover{color: #634118;}

.tab21 span{ padding:0 8px 0 8px;}
.tab21 h3{ width:82px; font-size:16px; text-align:center; color:#634118;}
.tab21 h3{transition: transform 0.1s ease;/* 添加过渡效果 */}
.tab21 h3:hover{transform: scale(1.1); /* 将元素放大到原来的1.1倍 */}
.tab21 a:hover {text-decoration: none;}
.anli{ padding:28px 0 0 0;}
.anli ul .cd{ margin:0 10px 10px 0;}
.cd a:hover {text-decoration: none;}
.anli ul li{ width:290px; height:249px;margin-bottom:11px; float:left; background:#F1F1F1;overflow:hidden;text-align: center;}
.anli ul li p{ padding:5px 0 8px 11px;}
.anli ul li p span{ font-size:14px;}
.anli ul li a{color:#333;display:block;overflow:hidden}
.anli ul li a:hover img{transition:1s;transform:scale(1.1);-webkit-transform:scale(1.1);filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1.1,M22=1.1)}
.anli ul li a:hover{ color:#634118; display:block; }
.anli-h2{display: none;}

.kjdz{ margin:30px 0 0 0; border:1px double #BEBEBE; border-width:1px 0 1px 0; height:278px;}
.kjdz .bht{ margin:35px 0 35px 0; height:206px; border:1px double #EBEBEB; background:#F6F6F6;}
.kjdz .bht .kuj{ background:url(../images/kjdz_36.jpg) center center no-repeat; width:200px; height:206px; float:left;border:1px double #EBEBEB; border-width:0 1px 0 0; }
.kjdz .bht .imhgd{ width:999px; height:206px; overflow:hidden; float:left; }
.kjdz-h2{display: none;}

 @media (max-width: 768px) {
            .kuj {
                display: none; /* 隐藏元素 */
            }
        }

.imhgd ul li {
    float: left;
    height: 206px;
    margin-right: 7px;
    overflow: hidden;
    position: relative;
    width: 193px;
}
.imhgd ul li div {
    background: rgba(0, 0, 0, 0.55) none repeat scroll 0 0;
    bottom: -60px;
    color: #ffffff;
    font-size: 14px;
    height: 53px;
    left: 0;
    padding: 7px 0 0;
    position: absolute;
    text-align: center;
    transition: all 0.4s ease 0s;
    width: 100%;
    z-index: 5;
}
.imhgd ul li div p{width:90px; height:25px; line-height:25px; background:#ff8d29; margin:5px auto 0 auto;}
.imhgd ul li:hover div{ bottom:0;}
.imhgd,img{ margin: 3px 1px; }
/*.kjdz .bht .imhgd img:hover{-webkit-animation: tada 1s .2s ease both;-moz-animation: tada 1s .2s ease both;}*/
@-webkit-keyframes tada{0%{-webkit-transform:scale(1);}
10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);}
100%{-webkit-transform:scale(1) rotate(0);}}
@-moz-keyframes tada{0%{-moz-transform:scale(1);}
10%, 20%{-moz-transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{-moz-transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-moz-transform:scale(1.1) rotate(-3deg);}
100%{-moz-transform:scale(1) rotate(0);}}

.kjdz .bht .imhgd .img3{position:absolute;width:135px; height:102px;margin-left:194px;}
.kjdz .bht .imhgd .img2{position:absolute;margin-top:104px; width:135px; height:102px;margin-left:194px;}
.kjdz .bht .imhgd .img1{position:absolute;width:193px; height:206px;}
.kjdz .bht .imhgd .img4{position:absolute;margin-left:330px; width:206px; height:102px;}
.kjdz .bht .imhgd .img5{position:absolute;margin-left:330px; margin-top:104px; width:206px; height:102px;}
.kjdz .bht .imhgd .img6{position:absolute;margin-left:538px; width:464px;}
.kjdz .bht .imhgd .img6 img{ padding:1px 0 0 1px; width:115px; height:102px;}

.gzzs{ float: right; font-size:14px; font-family:"微软雅黑";}
.gzzs span{ padding:0 8px 0 8px;}
.gzzs a{ color:#333;}
.gzzs a:hover{ color:#666;}
.nesd{ padding:22px 0 0 0; height:360px;}
.nesd ul li{ width:390px; height:102px;margin-bottom:11px; background:#eaeaea url(../images/jt.png) 350px 30px no-repeat; float:left;margin-left: 11px;}
.date {float: right;}
.nesd ul li b{font-size:14px;}
.nesd ul li p{ padding:10px 50px 10px 10px; line-height:22px; }
.nesd ul li span{ color:#B8B8B8}
.cj a:hover {text-decoration: none;}
.nesd ul li a{color:#333333; }
.nesd ul li a:hover{color:#634118 !important;}
.more{ width:147px; height:43px; line-height:43px; text-align:center; color:#FFF; background:#5E5E5E; margin:0 auto;}
.more a,a:hover{ color:#ac7d50;}

.hzhuob{border:1px double #EBEBEB; border-width:1px 0 1px 0; height:220px;}
.hzhuob .hzhb{ margin:36px auto; height:139px; background:#F6F6F6 url(../images/hzhb.png) 17px no-repeat;border:1px double #EBEBEB; }
.hzhuob_l{ width:119px; height:104px; font-family:"微软雅黑";  padding:35px 0 0 85px; float:left;border:1px double #EBEBEB; border-width:0 1px 0 0;}
.hzhuob_l p{font-size:24px; color:#634118;}
.hzhuob_l span{ color:#634118;}
.hzhuob_r{ width:1000px; float:left; }
.hzhuob_r img{float:left; border:1px double #EBEBEB; border-width:0 1px 2px 0;max-width: 197px;max-height: 63px;}

.hzlc{border:1px double #EBEBEB; background:#F6F6F6; border-width:0 0 1px 0; height:220px;}
.hzlc .DD{ height:33px;}
.hzlc ul{ height:156PX; background:url(../images/hzg.png)  no-repeat; margin:0 auto;}
.hzlc ul .cds{ margin:0 25px 0 0;}
.hzlc ul li{ width:280px; height:156px;  float:left;font-family:"微软雅黑"; font-size:23px; text-align:center;}
.hzlc ul li p{ padding:85px 0 0 0;}
.hzlc ul li span{ display:block;}
.hzlc ul li small{font-size:13px; font-family:Arial, Helvetica, sans-serif;}
.cds a:hover {text-decoration: none;}
.hzlc ul .cyt1 a{ width:280px; height:156px;  color:#5B5B5B; display:block;}
.hzlc ul .cyt1 a:hover{ background:#B8B8B8 url(../images/hzg.png) left -156px no-repeat; color:#FFF !important; display:block;}

.hzlc ul .cyt2 a{ width:280px; height:156px;  color:#5B5B5B; display:block;}
.hzlc ul .cyt2 a:hover{ background:#B8B8B8 url(../images/hzg.png) -304px -156px no-repeat; color:#FFF !important; display:block;}

.hzlc ul .cyt3 a{ width:280px; height:156px;  color:#5B5B5B; display:block;}
.hzlc ul .cyt3 a:hover{ background:#B8B8B8 url(../images/hzg.png) -610px -156px no-repeat; color:#FFF !important; display:block;}

.hzlc ul .cyt4 a{ width:280px; height:156px;  color:#5B5B5B; display:block;}
.hzlc ul .cyt4 a:hover{ background:#B8B8B8 url(../images/hzg.png) -918px -156px no-repeat; color:#FFF !important; display:block;}
.cyt4 a:hover {text-decoration: none;}

@media (max-width: 768px){
.hzhuob,.hzlc {display: none; }
}

.box_banner-h2,.hzhuob-h2,.hzlc-h2{display: none; }

.bangz{ height:170px; background:#F6F6F6;}
.bangz ul li{ width:199px; height:170px; float:left; border:1px double #EBEBEB; border-width:0 0 0 1px;}
.bangz ul .jud{border:1px double #EBEBEB; border-width:0 1px 0 1px;}
.bangz ul li img{ padding:24px 0 0  44px; float:left;}
.bangz ul li span{float:left; display:block; padding:22px 0 0  10px; font: bold 14px/14px 微软雅黑, "Microsoft YaHei";}
.bangz ul li samp{float:left; display:block; padding:28px 0 0  10px; font: bold 14px/14px 微软雅黑, "Microsoft YaHei";}
.bangz ul li a{ color:#333333;}
.bangz ul li a:hover{ color:#666;}
.bangz ul li p{ padding:10px 8px 10px 8px; line-height:22px;text-align: center;}
.bangz ul li p a{ color:#333333;}
.bangz ul li p a:hover{ color:#666;}

/*简历*/
.abosut1{padding:20px 0 0 0; background:#fff;}
.abosut1 .muys{ height:33px;}
.abosut1 .muys span{font: normal 30px/30px "微软雅黑"; color:#333;font-weight: bold;}
.abosut1 .muys samp{ font-size:14px; padding:0 0 0 60px;}
.abosut1{font: normal 14px/30px "宋体"; color:#333;}

.abosut2{padding:20px 0 0 0; margin:39px 0 0 0; background:#EFEFEF;}
.abosut2 .muys{ height:33px;}
.abosut2 .muys span{font: normal 30px/30px "微软雅黑"; color:#333;}
.abosut2 .muys samp{ font-size:14px; padding:0 0 0 60px;}

.abosut3{padding:20px 0 0 0; margin:39px 0 0 0;}
.abosut3 .muys{ height:33px;}
.abosut3 .muys span{font: normal 30px/30px "微软雅黑"; color:#333;}
.abosut3 .muys samp{ font-size:14px; padding:0 0 0 60px;}

.abosut4{padding:20px 0 0 0; margin:39px 0 0 0; background:#ac7d50;}
.abosut4 .muys{ height:33px;}
.abosut4 .muys span{font: normal 30px/30px "微软雅黑"; color:#fff;}
.abosut4 .muys samp{ font-size:14px; padding:0 0 0 60px;}

.abosut5{padding:20px 0 0 0; margin:39px 0 0 0;}
.abosut5 .muys{ height:33px;}
.abosut5 .muys span{font: normal 30px/30px "微软雅黑"; color:#333;}
.abosut5 .muys samp{ font-size:14px; padding:0 0 0 60px;}
.abosut5 .dked{ padding:61px 0 61px 0;}

.abosut6{padding:20px 0 0 0; margin:39px 0 0 0; background:#ac7d50;}
.abosut6 .muys{ height:33px;}
.abosut6 .muys span{font: normal 30px/30px "微软雅黑"; color:#fff;}
.abosut6 .muys samp{ font-size:14px; padding:0 0 0 60px;}

.abosut7{padding:20px 0 0 0; background:#F6F6F6;}
.abosut7 .muys{ height:33px;}
.abosut7 .muys span{font: normal 30px/30px "微软雅黑"; color:#333;}
.abosut7 .muys samp{ font-size:14px; padding:0 0 0 60px;}
.abosut7 .dkedt{ padding:35px 0 24px 0;}
.abosut7 .dkedt ul li{ width:595px; height:700px; float:left; background:#FFF;  margin-bottom:15px; font-size:13px; color:#5B5B5B; line-height:20px;}
.abosut7 .dkedt ul li img{ float:left; padding:0 36px 25px 0;}
.abosut7 .dkedt .dddu{ width:15px; overflow:hidden; height:315px; float:left; }
.abosut7 .dkedt .yetest{ width:547px; height:700px; margin:0 auto; padding:25px 0 0 0; overflow:hidden;}

.abosut8{padding:20px 0 0 0; background:#F6F6F6; border:1px double #EBEBEB; border-width:1px 0 1px 0;}
.abosut8 .muys{ height:33px;}
.abosut8 .muys span{font: normal 30px/30px "微软雅黑"; color:#333;}
.abosut8 .muys samp{ font-size:14px; padding:0 0 0 60px;}
.abosut8 .dkedrr{ padding:61px 0 61px 0;}

@media (max-width: 768px){
.abosut2{display: none; }
.abosut5{display: none; }
.abosut8{display: none; }
.abosut7{display: none; }
.dhtp{display: none; }
.bangz{display: none; }
}

/*空间定制*/
.kjdzkl{padding:20px 0 0 0; border:1px double #EBEBEB; border-width:1px 0 1px 0;}
.kjdzkl .muys{ height:33px;}
.kjdzkl .muys span{font: normal 30px/30px "微软雅黑"; color:#333;}
.kjdzkl .muys samp{ font-size:14px; padding:0 0 0 40px;}
.kjdzkl .dkedrr{ padding:61px 0 61px 0;}

/*案例背景*/
.sdlanl{ background:url(../images/albj.jpg);}
.dhud{border-top:1px dotted #c5c8d1;}
.fongd{ font-family:"微软雅黑";}
.xhi{ float:left; width:98px; height:48px; background:url(../images/cc012.png) no-repeat; background-position:0px 0px !important; line-height:48px; font-size:14px; color:#fff; text-align:center; cursor:pointer;}
.hyete{ background:#ac7d50; height:60px;}
.bicebox{ width:1200px; margin:0 auto;}
.bicta_bj{ line-height:40px; background:#E3E3E3; margin:0 auto; font-size:14px; color:#333;}
.cjd_w{ width:106px; text-align:center; background:#F6F6F6;}
.cjdt_w{ width:270px; text-align: left;}
.cjdt_wt{ width:43px; line-height:25px; text-align: center;background:#F6F6F6; font-size:14px;}
.cjdt_wtf{ line-height:20px; font-size:12px; padding:8px;}
.djds{ height:30px; font-size:14px;}
.xhit{ color:#F00 !important;}

.djhe{ background:#fff url(../images/tpbj_02.jpg) center no-repeat; height:653px; margin:0 auto; margin-top:-1px;  border-top:1px #BEBEBE double;}
.djheud{ background:#fff url(../images/hr_05.jpg) center no-repeat; height:500px; width:1200px; margin:0 auto; overflow: hidden;}
.p_dbox{ padding:0 0 0 0; float:left;}
.p_dbox .jdd{ height:94px;}
.djet{ width:360px; float:left; font-size:25px; color:#FFF; font-family:"微软雅黑"; padding:20px;}
.djet p{ font-size:15px; font-family:Arial, Helvetica, sans-serif;}
.p_dbox .its{ width:386px; float:left;}
.p_dbox .itslk{ width:20px; height:100px; float:left;}
.p_dbox .tetsc{ padding:0 8px 0 8px; line-height:30px; font-size:13px;}

@media (max-width: 768px){
.djhe,.djheud {display: none; }
}

.jhde_lx{ width:1200px; margin:0 auto;}
.jhde_lx .def{ width:590px; float:right;}
.lxwom{ color:#FFF; font-size:14px; padding:32px 32px 0 32px; line-height:20px;}
.zsd{ width:528px; height:248px; margin:55px 0 0 20px;}
.zsd .cmd{ padding:0 0 0 15px; float:left;}
.zsd .cmd input{ border:none;}
.sdsd{ width:235px; height:20px; font-size:14px; padding:0 0 0 5px;font-family:微软雅黑, "Microsoft YaHei";}
.kdjd{font-size:14px; padding:0 0 0 5px;}
.zsd .cmd .kiye{ width:510px; height:55px; margin:10px 0 8px 0;font-size:14px; padding:0 0 0 5px;font-family:微软雅黑, "Microsoft YaHei";}
/*底部*/
.link{ height:50px; height:auto!important;/*min-height:50px;*/background:#F6F6F6; border:1px double #EBEBEB; border-width:1px 0 1px 0;font: normal 14px/30px "微软雅黑";}
.link a{ color:#333;}
.link a:hover{ color:#ac7d50;text-decoration: none;}

.foot{ padding:16px 0 0 0; text-align:center; /*height:173px;*/background:#F6F6F6;font: normal 14px/22px "宋体";}
.fengxiangb{ height:50px; padding:5px 0 0 0;  margin:0 auto;}
.fengxiangb img { padding:0 0 0 7px;}

/* side */
.side{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#535353;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#535353;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#535353;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}

.fixed3{position:fixed;top:74px;z-index:4000; _position: absolute; _top:expression(eval(documentElement.scrollTop));}
.fixed4{position:fixed;top:0;z-index:4000; _position: absolute; _top:expression(eval(documentElement.scrollTop));}

.dhtp{ background:#fff;  width:1204px; height:61px;border: 1px #BEBEBE double; border-width:0 1px 1px 1px; }
.dhtp ul{margin:0 auto;font-size: 13px;}
.dhtp ul li{line-height:61px; float:left; font-family:"微软雅黑";}
.dhtp ul li span{ width:40px; height:61px; display:block; background:url(../images/li_03.jpg) center no-repeat; float:left;}
.dhtp ul li a{ color:#323232;}
.dhtp ul li a:hover{ color:#5b250b;}
.xhikk{ color:#2281DD !important;}
.dhtp a:hover {text-decoration: none;}
/*联系我们*/
.djdf{ background:url(../images/g/zs03_07.jpg) no-repeat; width:1175px; height:484px; margin:50px 0 50px 0; font-size:15px; line-height:25px; color:#333;}
.djdf .kjl{ width:570px; float:left;}
.djdf .kjr{ width:565px; float: right;}
.kddpc{ height:65px; padding:20px 0 0 0; text-align:right;}
.kddpc3{ height:65px; padding:30px 0 40px 0; text-align:right;}
.kddpc4{ height:65px; padding:20px 0 0 0; text-align: left;}
.kddpc064{ padding:10px 0 0 0;}
.kddpc5{ height:65px; padding:70px 0 0 0; text-align: left;}

.zizid{ background:url(../images/g/zs04_10.jpg) center no-repeat; width:1200px; height:494px; margin:0 auto;color:#333;}
.zizid .duf{ height:81px;}
.zizid .legt{ width:370px; height:398px; float:left; border:0px #666666 double; }
.kdd{margin:0 0 0 20px;}
.kdd2{margin:0 0 0 25px;}
.kdd3{margin:0 0 0 35px;}
.skdd2{ padding:60px 0 0 0;}
.skdd3{ padding:90px 0 0 0;}
.kkknian{ font-family:Arial, Helvetica, sans-serif; color:#ac7d50 !important; font-size:20px; float:left; width:75px; padding:0 0 0 5px;}
.jdheewz{ float:left; width:290px; font-size:12px; line-height:20px;}
.kkkd{background:#000; height:35px; line-height:35px; text-align:center; color:#fff; width:223px; display:block; position:absolute; margin-top:190px; z-index:100;filter:alpha(opacity=50);-moz-opacity:0.5;
	-khtml-opacity: 0.5;opacity: 0.5;}
.relationurl{
	margin:0;
    padding:0;
	FONT-SIZE: 12px;
	
    }
.title{
	font-size:8px;
	margin: 20px 0 0 0;
}
#zzsc{overflow:hidden;}
.sd{ position:relative; float:left; width:226px; height:238px;}
.dsakj{ position:absolute; top:140px; left:0; width:226px; text-align:center;}
.dsakj B{ font-size:12PX; font-weight:400;}
#zzsc ul li{ width:226px; height:238px; margin-right:12px; border:2px solid #cccccc; margin-bottom:19px; background:#fff; overflow:hidden; float:left; position:relative;cursor:pointer;}
#zzsc ul li .text{ width: 226px;  height:0; overflow:hidden; position:absolute; left:0; bottom:0; background:rgba(51,51,51,1); font-size:12px; color:#fff;}
#zzsc ul li .text p{ position:absolute; width:226px; height:238px; z-index:555; background:rgba(51,51,51,0.5)}
#zzsc ul li .text p a{ float:left;text-align:left; color:#fff;  text-align:center; width:100%; font-size:18px; font-family:"微软雅黑";}
#zzsc ul li .text p b{ display:block; width:100%; text-align:center; background:url(/skin/images/sad1.png) no-repeat bottom; float:left; height:70px; padding:70px 0 0 0; margin-bottom:5px;}
#zzsc ul li .text p b a{text-indent:-9999px;}

/*我们的优势*/
#advantage { background: #f5f5f5; padding: 10px 0; }
.section { padding: 30px 0 40px; width: 1920px; height: 150px;}
.container { margin: 0 auto; width: 1400px; }
.adv-ul { margin: 0 -5px; }
.adv-ul li { float: left; width: 25%; }
.adv-ul .Item { background: #fff; margin: 0 5px; padding: 30px 0 15px; text-align: center; transition: all 0.3s linear; }
.adv-ul .Item h3 { font-size: 20px; color: #000; line-height: 30px; margin-bottom: 5px; font-weight: 500; }
.adv-ul .Item p { font-size: 14px; color: #666; line-height: 30px; }
.adv-ul .Item .iconfont { font-size: 36px; color: #999; }
.adv-ul .Item:hover { box-shadow: 0 0 5px 1px #e1e1e1; transform: translateY(-3px); }
.adv-ul .Item:hover h3 { color: #df0000; }
.adv-ul .Item:hover .iconfont { color: #df0000; }
.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*至顶*/
*{padding:0;margin:0}
p{line-height:28px}

.go{width:47px;height:106px;background-color:#FFF;position:fixed;_position:absolute;right:12px;bottom:25%;border-radius:5px;box-shadow:0 0 2px #6E6E6E}
.go a{background:url(images/a.png) no-repeat;display:block;text-indent:999em;line-height:999px;width:37px;margin:5px;border:0;overflow:hidden;float:left}
.go .top{background-position:0 -33px;height:22px}
.go .feedback{background-position:0 -54px;height:32px}
.go .bottom{background-position:0 -88px;height:22px}
.go .top:hover{background-position:-38px -33px}
.go .feedback:hover{background-position:-38px -54px}
.go .bottom:hover{background-position:-38px -88px}
.box_banner{width: 1206px;height: 100px;}
.con-nav{width: 1200px; height: 30px;padding-left: 10px;}
.con-title{width:1200px; height:60px; background:#ac7d50; margin-bottom:50px;}
.con-title h1{color:#fff;font-size:20px;line-height: 60px;font-family:'微软雅黑';text-align:center;}
.con-ifon{width:1100px; margin:0 auto;font-size:15px; line-height:30px; color:#333333;}
.con-ifon h2{/* padding: 0px 5px; */border-left: 5px solid #ac7d50;background-color: #f6f6f6;padding: 5px;}
.con-g{width: 100%;height: 150px;}
.con-g img{margin-top: 30px;display: block;margin-left: auto;margin-right: auto;justify-content: center;margin-bottom: -20px;}
.con-g a img {transition: all 0.3s ease;}/* 设置图片链接的默认样式 */
.con-g a:hover img {opacity: 0.8; transform: scale(1.01);}/* 设置鼠标悬浮在图片链接上的样式 */
.top_wed{display: none;}
.l_caselist{width:1212px;}
/*手机端*/
@media (max-width: 768px){
    .top_wed{display:inline-block;position:absolute;top: 0;right: 0;width:36px;display:block;padding: 18px;}
    .top_wed span{width:100%;height:3px;background:#612201;display:block;margin-bottom:8px}
    .boxlsdl{ width:100%;margin:0 auto;padding: 0 4px;box-sizing: border-box;position:relative}
    .link .boxlsdl{display:none}
    .wrapper {width: 100%;clear: both;margin: 0 auto;}
video {width: 100%; /* 在小屏幕上，视频宽度应占满整个容器 */height: auto; /* 保持视频的宽高比 */}
#top{display:none}
    .top{min-width:100%;height:100%}
    .ytde{height:10px}
    .logo{width:80%;height:100%}
    .logo a{display: block;}
     .logo a img{width: 100%;}
     .fengxiang{display: none;}
     .mune{position: fixed;
    top: 0px;
    left: 0;
    z-index: 999;
    width: 80%;
    display: none;
    background: rgb(204 204 204 / 90%);
    height: 0%;
    overflow: hidden;
    padding-top:70px;
     }
     .mune ul li{width:100%;border-bottom: 1px solid #5b250b;}
     .mune ul .padding01 a{width: 100%}
     .mune ul .padding001{background:#5b250b}
     .mune ul::after{content: "";clear: both;display: block;}
     .box_banner{width:100%;margin-top: 20px;margin-bottom: -70px;}
     .box_banner img{width:100%}
     .nesd ul li{width:100%;background: #eaeaea url(../images/jt.png) 100% 30px no-repeat;float: left;margin-left: 0px;}
     .l_caselist{width:100%;}
     .CaseCenterPageeauldiv{display:none}
    
.anli ul li a {
    color: #333;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
    /*案例背景*/
    .bicebox{ width:100%; margin:0 auto;}
    .tal .muedt{display: none}
    .anli ul .cd{margin:0;margin-bottom: 2%;}
    .anli ul li a img{max-width:100%;max-height: 150px;}
    .anli ul li{width: 50%;height:230px}
    .djheud{ background:#fff url(../images/hr_05.jpg) center no-repeat; height:500px; width:100%; margin:0 auto; overflow: hidden;}
    .anli ul li p{white-space: normal;text-align: center;}
    .jhde_lx{ width:1200px; margin:0 auto;}
    
/* side */
    .dhtp{ background:#fff;  width:100%; /* border: 1px #BEBEBE double; */ double; border-width:0 1px 1px 1px; overflow:hidden;}
    /*联系我们*/.zizid{ background:url(../images/g/zs04_10.jpg) center no-repeat; width:100%; height:494px; margin:0 auto;color:#333;}
    .kjdz .bht .imhgd{width:100%}
    .con-nav,.con-title,.con-ifon,.con-g{width: 100%;height:100%;box-sizing:border-box;margin-bottom: 2%;}
    .con-g img{width:100%
}    .con-ifon{box-sizing: border-box;padding:6px 6px;}
    .con-ifon img{ max-width: 100%; height: 100%!important;display:block;margin:0 auto;}
    .con-title h1{color:#fff;font-size: 18px;line-height: 60px;font-family:'微软雅黑';text-align:center;}
    
    
.mune ul .padding1{ padding:22px 0 0 80px;}
.mune ul .padding01 a{ width:100%; height:74px; display:block;}


.mune ul .padding001{ background:#5b250b}

.mune ul .padding2{ padding:22px 0 0 80px; }
.mune ul .padding02 a{ width:100%; height:74px; display:block; }
.mune ul .padding02 a:hover{ background:#5b250b url(../images/tbs.png) -182px top no-repeat; color:#FFF; display:block;}
.mune ul .padding002{ background:#5b250b }


.mune ul .padding3{  padding:22px 0 0 80px;}
.mune ul .padding03 a{ width:100%; height:74px; display:block;}
.mune ul .padding03 a:hover{ background:#5b250b url(../images/tbs.png) -351px top no-repeat; color:#FFF; display:block;}
.mune ul .padding003{ background:#5b250b }

.mune ul .padding4{ padding:22px 0 0 80px;}
.mune ul .padding04 a{ width:100%; height:74px; display:block;}
.mune ul .padding04 a:hover{ background:#5b250b url(../images/tbs.png) -522px top no-repeat; color:#FFF; display:block;}
.mune ul .padding004{ background:#5b250b}

.mune ul .padding5{padding:22px 0 0 80px;}
.mune ul .padding05 a{ width:100%; height:74px; display:block;}
.mune ul .padding05 a:hover{ background:#5b250b url(../images/tbs.png) -692px top no-repeat; color:#FFF; display:block;}
.mune ul .padding005 { background:#5b250b}

.mune ul .padding6{padding:22px 0 0 80px;}
.mune ul .padding06 a{ width:100%; height:74px; display:block;}
.mune ul .padding06 a:hover{ background:#5b250b url(../images/tbs.png) -862px top no-repeat; color:#FFF; display:block;}
.mune ul .padding006 { background:#5b250b}


.mune ul .padding7{padding:22px 0 0 80px;}
.mune ul .padding07 a{ width:100%; height:74px; display:block;}
.mune ul .padding07 a:hover{ background:#5b250b url(../images/tbs1.png) -1032px top no-repeat; color:#FFF; display:block;}
.mune ul .padding007 { background:none} 
}

.bicebox.djds {  
  display: flex;  
  justify-content: space-between;  
  align-items: center;  
  /* 如果需要整个容器有上下间距，可以在这里添加padding */  
  padding: 10px 0; /* 上下各10px的间距，左右无间距 */  
}  
  
.info, .keywords {  
  /* 为.info和.keywords添加上下间距 */  
  margin: 10px 0; /* 上下各10px的间距，左右无间距 */  
}  
  
.keywords {
    font-size: 12px; /* 设置整体关键词列表的字体大小 */
    color: #333; /* 设置整体关键词列表的字体颜色（可选） */
    margin-bottom: 20px; /* 设置关键词列表与下方内容的间距（可选） */
}
 
.keyword {
    display: inline-block; /* 使关键词能够单独应用样式且保持内联 */
    background-color: #f0f0f0; /* 设置关键词的背景颜色 */
    border: 1px solid #ccc; /* 为关键词添加边框 */
    border-radius: 5px; /* 设置边框的圆角 */
    font-weight: bold; /* 设置关键词的字体为粗体 */
    text-shadow: 1px 1px 1px #fff; /* 为关键词添加文本阴影，使其更加立体 */
    transition: all 0.3s ease; /* 添加过渡效果，使样式变化更加平滑 */
}
 
.keyword:hover {
    background-color: #e0e0e0; /* 当鼠标悬停在关键词上时，改变背景颜色 */
    color: #003373; /* 当鼠标悬停在关键词上时，改变字体颜色 */
}
  
.spacer {  
  flex-grow: 1;  
}  
  
.keyword {  
  color: #000000;  
  /* 其他样式 */  
}

/* 为移动首页案例效果图添加 */
@media (max-width: 768px){
    #tab_27_27 img {margin: 5px 5px; /* 上下边距为5像素，左右边距为5像素 */}
}

/* 上一条 下一条 分页容器 */
/* 通用样式 */
.pagination-container {font-size: 1.2em;font-family: '微软雅黑', sans-serif;margin: 0 auto;padding: 0 10px; /* 添加一些内边距以适应小屏幕 */}
.pagination-container ul {list-style: none;padding: 0;margin: 0;}
.pagination-container li {margin: 10px 0; /* 在li元素之间添加垂直间距 */}
.pagination-container a {text-decoration: none;}
 
/* 桌面端样式（默认） */
@media (min-width: 768px) {
.pagination-container {max-width: 1090px;text-align: center;}
.pagination-container li {display: inline;margin: 0 10px; /* 在桌面端使用水平间距 */}
}
 
/* 移动端样式 */
@media (max-width: 768px) {.pagination-container {text-align: left; /* 或根据需要设置为center，但在这个例子中我们让它左对齐以节省空间 */}
.pagination-container li {display: block; /* 在移动端使li元素垂直排列 */margin: 10px 0; /* 保持垂直间距 */}
}

 /* 案例/装修攻略列表页图片鼠标悬停 */
.cj-img {
    width: 100px;
    height: 80px;
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* 添加过渡效果 */
}

.cj-img:hover {
    transform: scale(1.1); /* 放大图片 */
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0); /* 添加阴影 */
}

.case1-list-img {
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* 添加过渡效果 */
}

.case1-list-img:hover {
    transform: scale(1.03); /* 放大图片 */
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0); /* 添加阴影 */
}

.case2-list-img {
    width: 259px;
    height: 173px;
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* 添加过渡效果 */
}

.case2-list-img:hover {
    transform: scale(1.1); /* 放大图片 */
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0); /* 添加阴影 */
}