<style>
@font-face {
 font-family:fontDin1;
 src: url(//memberpic.114my.cn/022629/cssnew/DIN-MEDIUM_otf.txt),url(//memberpic.114my.cn/022629/cssnew/DIN-MEDIUM_woff.txt),url(//memberpic.114my.cn/022629/cssnew/DIN-MEDIUM_eot.txt),url(//memberpic.114my.cn/022629/cssnew/DIN-MEDIUM_woff2.txt),url(//memberpic.114my.cn/022629/cssnew/DIN-MEDIUM_ttf.txt)}


/*通用代码*/
*{ margin:0px; padding:0px;}
body{font-size:14px; color:#484848; font-family:"Microsoft YaHei"; font-family:'微软雅黑'; min-width:1400px; overflow-x:hidden;}
img{margin: 0px; padding: 0px;border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
dl,dt,dd,ol,ul,li,from,input,select,span,p,div{margin: 0px; padding: 0px; list-style: none;}
.clear{clear:both;}
a{color: #484848; text-decoration: none; font-size:14px;}
a:hover{color: #e46713;cursor:pointer;}
em ,i{ font-style:normal;}
input,button,select,textarea{outline:none}
.w1400{ width:1400px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}

.top10{height:10px;}
.top20{height:20px;}
.top30{height:30px;}
.top40{height:40px;}
.top50{height:50px;}
.top60{height:60px;}
.top70{height:70px;}
.top80{ height:80px;}

.en{ text-transform:uppercase; font-family:arial}
li,p,i,b,em,dt,dd,td,a,ul,td,input,textarea,span{ box-sizing:border-box;font-family:"Microsoft YaHei"; font-family:'微软雅黑';}
.title { text-align:center; font-size:40px; color:#e46713; position:relative;}
.title1:after{ content:''; display:block; position:absolute; width:100%; bottom:3px; left:0;}
.title b{ font-weight: 500; color:#222;} 
.title b span{ font-weight: bold; color:#d8e5f4; font-size:40px;} 
.title i{ color:#e46713; font-weight:bold;} 

.title span{ display:block; font-size:18px; color:#666; margin:10px 0 25px 0; font-family: Helvetica Neue LT Pro; text-transform: uppercase; font-weight: 300;}
.title em{ display:inline-block; height:8px; padding:0 20px; position:relative; z-index:3;} 
.title em i { display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #d4d4d4; animation: bounce_fountainG 1.2s linear infinite;}
.title em i+i{ margin-left:9px;}
.title em i:nth-child(1){animation-delay: .4s;}
.title em i:nth-child(2){background:#e46713;animation-delay: .6s;}
.title em i:nth-child(3){animation-delay: .8s;}

@keyframes bounce_fountainG { 
0% {
transform:scale(1);
}
100% {
transform:scale(.5);
}
}
.hovermaincolor a:hover{ color:#e46713;}
/*抬头*/
.header{ height:110px; position:relative; background:#e46713;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center;}
.hleft a{ display:block; background:#e46713;}
.hleft{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center;  padding: 0 30px;}
.hleft p{ font-size:0.729vw; color:#fff; font-weight: bold; padding-left: 0.6vw;}
.hleft p b{ display:block; font-size:2.03vw;}
.hright{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center;}

.htel i{ display:block; letter-spacing:-1px;}
.hbtn{height:110px; padding:0 30px; border-left:1px solid #ea7220; border-right:1px solid #ea7220;display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center;}
.hbtn li{display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center; position:relative; height:100px; cursor:pointer;}
.hbtn li+li{ margin-left:25px;}
.hbtn li span,.hbtn li span a{ display:inline-block; font-size:12px; color:#fff; font-weight:lighter;}
.hbtn li span{ padding-top:36px;} 
.hbtn li em{ font-size:1.25vw; font-family: DIN; padding-left: 10px; margin-top: -6px; color: #fff;} 
.hbtn li:nth-child(2) span{ background:url(//memberpic.114my.cn/022629/uploadfile/image/20210707/20210707094152_10950817.png) no-repeat top center; width:30px;}
.hbtn li:nth-child(1) span{ background:url(//memberpic.114my.cn/022629/uploadfile/image/20210707/20210707094152_1139419172.png) no-repeat top center; width:30px;}
.hbtn li:nth-child(3) span{ background:url(//memberpic.114my.cn/022629/uploadfile/image/20210707/20210707094152_1921641871.png) no-repeat top center; width:30px;}
.hbtn li>img{ position:absolute; width:100px; padding:10px; background:rgba(230,230,230,.4); top:110%; right:0; visibility:hidden; transition:all .2s ease; opacity:0; z-index:9;}
.hbtn li:hover>img,.hbtn li:hover .hseach{ top:100%; opacity:1; visibility:visible;}
.hseach{ position:absolute; top:100%; right:0; visibility:hidden; transition:all .2s ease; padding:20px; z-index:9; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.2);transition:all .2s ease; opacity:0;top:110%; } 
.search_bg{ height:35px; width:410px; white-space:nowrap; border-radius:18px; padding:0 5px; background:#e46713;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center;}
.search_bg input{ border:none; background:none;}
#infoname{ width:350px; padding-left:20px; box-sizing:border-box; height:35px;}
.keywords{ margin-top:15px; text-align:center;}
.keywords,.keywords a{white-space:nowrap; font-size:12px; color:#484848;}
.nav{ height: 110px;}
.nav ul{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:flex-start;}
.nav td table{    display: none !important;}
.nav ul li{ position:relative; margin-right:1.5vw; transition:all .3s ease;}
.nav ul li:hover>a,.nav ul li.cur>a{ color:#fffc00;}
.nav ul li>a{ line-height:100px; font-size:16px; color:#ffffff; transition:all .3s ease;}
@media screen and (max-width:1700px){
	.nav ul li{ margin-right:12px;}
	}
@media screen and (max-width:1550px){
	.nav ul li>a{ font-size:14px;}
	.htel{ margin:0 15px;}
	.hbtn{ padding:0 15px;}
	}
.nav>ul>li .dropmenu{width:200%;position:absolute;top:109px;left:-50%;z-index: 99;transform-origin: 0 0;transform: perspective(600px) rotateX(-90deg);transition:600ms ease;}
.nav>ul>li:hover .dropmenu{transform: perspective(600px) rotateX(0deg);transition:600ms ease;cursor:pointer; }
.nav>ul>li .dropmenu a{font-size: 15px;display:block;line-height:40px;text-align:center;color:#fff;background:rgba(16,17,15,.8);transition:600ms ease; margin-top:1px;}
.nav>ul>li .dropmenu a:hover{background:#e46713;}
.nav>ul>li table,.nav>ul>li tbody,.nav>ul>li tr,.nav>ul>li td{ display:block; width:100%;}

@media (max-width: 1700px) and (min-width:1400px){
.hbtn li:last-child{display:none;}
}

/*幻灯片*/
.banner{overflow:hidden; width:100%; position:relative; z-index:1; background:#f3f3f3;}
.banner-box{ min-width:1300px; height:738px; position:relative; margin:0 auto; }
.banner-box .bd, .banner-box .bd ul{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:738px; background-position: center; background-repeat: no-repeat; }
.banner-box .bd li a{ display:block; background-size:auto;     width: 100%;
    height: 80%;
    position: relative;
    z-index: 9;}
.banner-btn{ width: 100%; position: absolute; top:280px; left: 0; margin-left: 0; height: 400px; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:30px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out; z-index: 9;}
.banner-btn a.prev{ left:-50px; background:url(//memberpic.114my.cn/022629/uploadfile/image/20210707/20210707101956_555231048.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(//memberpic.114my.cn/022629/uploadfile/image/20210707/20210707101956_555231048.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute; bottom:0px; width: 100%; display: block; }
.banner-box .hd ul{ text-align: center}
.banner-box .hd ul li{ width:10px; height:10px; border-radius :50%; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; opacity:0.8;}
.banner-box .hd ul li.on{ background: #e46713;border-radius: 8px; width:70px;}
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }

/*数字*/
.numsz{ height:230px;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start;}
.num{ width:1400px;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start; margin-top:40px; text-align:center;}
.num li{ position:relative; width:25%;}
.num li+li:after{ content:''; display:block; position:absolute; width:1px; height:238px; border-left:1px dotted #cccccc; top:0; bottom:0; margin:auto 0; left:0;}
.num_t{display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:flex-start; margin-bottom:5px;}
.num_c{ font-size:18px; color:#7d7d7d; font-weight:lighter;}
.num_c em{ display:block; font-size:12px; text-transform:uppercase; margin:5px 0 17px 0;}
.num_c:after{ content:''; display:inline-block; height:1px; width:40px; background:#505050;}
.num_t span{ font-size:60px; color:#484848; font-family:fontDin1;}
.num_t i{ display:inline-block;  width:22px; height:22px; line-height:22px; background:#e46713; color:#fff; font-size:14px; font-weight:lighter; margin:15px 0 0 10px;}


/*我们能做什么？*/
.sztbgj{ width:100%; height:590px; background: url(//memberpic.114my.cn/022629/uploadfile/image/20210709/20210709164720_66168195.jpg) center no-repeat;}
.wngkld{ width:1400px; margin:0 auto;}
.zuobzkd{ width:590px; padding-top:80px;}
.ywtbgjp{}
.wmszdxc{ font-size:36px; color:#484848; padding-top:16px;}
.wmszdxc span{ color:#e46713; font-weight:bold;}
.wmszdxc em{ font-size:22px; color:#484848; font-weight:lighter; text-transform: uppercase;}
.bghssdk{ width:820px; margin-top:24px;}
.bghssdk li a{ width:182px; height:60px; margin-right:20px; background:#d8d8d8; font-size:18px; color:#484848; text-align:center; line-height:60px; font-weight: lighter; float:left; margin-top:20px;}
.bghssdk li:hover a{ width:182px; height:60px; background:#e46713;  font-size:18px; color:#fff; text-align:center; line-height:60px; font-weight: lighter; }
.sncwzn{ width:800px; font-size:16px; color:#aaa; line-height:34px; font-weight:100; padding-top:20px;}

.pjbtn li a {  display: inline-block; text-align: center; width: 183px; line-height: 45px;  text-align: center; background: #484848;  font-size: 18px; color: #fff; border-radius: 50px; margin-top: 60px;}
.pjbtn li a:hover{ background:#e46713;}
/*右边*/
#brand_bg_r{width:340px; float:right; position:relative; height:330px; margin-top:33px;}
#brand_bg_r .brand_video{width:205px; height:80px; position:absolute; top:122px; left:12px;}
#brand_bg_r .brand_video_l{width:75px; float: right; padding-top:75px; padding-left:30px;}
#brand_bg_r .brand_video_r{width:120px; float:left; font-size:18px; color:#384035; padding-top:98px; position:absolute; left:-100px; z-index:1;}

/*背景扩展*/
@keyframes warn {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.6;
    }
    75% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.95;
    }
    100% {
        transform: scale(1);-webkit-transform: scale(1);opacity: 0.0;
    }
}
@-o-keyframes warn {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.6;
    }
    75% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.95;
    }
    100% {
        transform: scale(1);-webkit-transform: scale(1);opacity: 0.0;
    }
}
@-moz-keyframes warn {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.6;
    }
    75% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.95;
    }
    100% {
        transform: scale(1);-webkit-transform: scale(1);opacity: 0.0;
    }
}
@-webkit-keyframes warn {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.6;
    }
    75% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.95;
    }
    100% {
        transform: scale(1);-webkit-transform: scale(1);opacity: 0.0;
    }
}
@keyframes warn1 {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.6;
    }
    75% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.95;
    }
    100% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.0;
    }
}
@-webkit-keyframes warn1 {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.6;
    }
    75% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.95;
    }
    100% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.0;
    }
}
@-o-keyframes warn1 {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.6;
    }
    75% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.95;
    }
    100% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.0;
    }
}
@-moz-keyframes warn1 {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.6;
    }
    75% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.95;
    }
    100% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.0;
    }
}

.dot{top:72px; position: absolute; left:4%; z-index: 2; width:68px; height:68px; cursor:pointer; border-radius: 100%; -webkit-transform: rotate(0deg); transform: rotate(0deg);}
.dot img{width:45px; height:45px; margin-top:12px; margin-left:14px;}
.pulse2 {position: absolute; left:0; z-index: 1; margin-left: -45px; width:180px; height:180px; border-radius: 50%; opacity: 0; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; top:17px; opacity: 0; -webkit-animation: warn 2s ease-out; animation: warn 2s ease-out;-o-animation:warn 2s linear infinite;-moz-animation:warn 2s linear infinite; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; background: #e46713;box-shadow: 1px 1px 30px #e46713;}

.pulse3 {position: absolute; left:-22%; top:17px; z-index: 1; width:180px; height:180px; border-radius: 50%; opacity: 0; -webkit-animation: warn1 2s ease-out; animation: warn1 2s ease-out;-o-animation:warn1 2s linear infinite;-moz-animation:warn1 2s linear infinite; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; background: #e46713;box-shadow: 1px 1px 30px #e46713;}
.video_box{width:100%;height:100%; position: fixed; top:-100%;left:0;z-index:-1;opacity:0;transition:600ms ease;}
.video_box.cur{opacity:1;z-index:999;transition:600ms ease; top:0px;}
.video{position: fixed;top:-100%;left:50%;margin-top:-250px;margin-left:-500px;transition:600ms ease;}
.video_box.cur .video,.video_box.cur .video_x{top:50%;transition:600ms ease;}
.video_x{width:50px;height:50px;border-radius:50px;background:#fff;position: fixed;top:-100%;left:50%;margin-left:520px;margin-top:-250px;text-align: center;line-height:50px;font-size:22px;font-weight: lighter;cursor: pointer;transition:600ms ease;}


/*案例分类*/
.product{ padding:60px 0;}
.protopr{ width:1400px; height:310px; display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center; margin-top: 30px;}
.protopr ul li{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start;}
.pt_two{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start; background:#f5f5f5;}
.pt_two p a{ font-size:14px; color:#888;}
.pt_two p:hover a{ background:#484848; color:#fff;}
.sptitle {  text-align: center; font-size: 18px; color: #666; font-weight: lighter; position: relative; z-index: 1;}
.sptitle span { display: block; position: relative; font-size: 36px; color: #222; line-height: 75px;}
.sptitle span em { display: block; font-size: 50px; color: #f5f5f5; line-height: 80px; text-transform: uppercase; font-family: impact; top: 0; left: 0; right: 0; margin: 0 auto; z-index: -1;  position: absolute;}
.sptitle span i{ color: #e46713; font-weight: bold;}
.sptitle:after { content: ''; display: block; width: 44px; height: 6px; background: #e46713;  margin: 12px auto 0 auto;}
.protopr ul{ width:1400px;}
.protopr ul li+li{ margin-top:2px;}
.protopr ul li p{ height:60px; width:270px;}
.protopr ul li .pt_two p i a{ display: inline-block;  width: 27px; line-height: 27px; border-radius: 50%; font-size: 21px; color: #fff; font-weight: lighter; transition: all .3s ease; background: #c9c9c9; margin: 11px; text-align: center; margin-top:15px;}
.protopr ul li .pt_two p:hover i a{ color: #e46713; background: #fff; }
.protopr ul li .pt_two p:nth-child(5){ width:50px; background:#e9e9e9;}
.protopr ul li .pt_two p:hover:nth-child(5){ background:#e46713;}
.protopr ul li p a{ display:block; text-align:center; line-height:60px;}
.protopr ul li p.ptone a{ font-size:16px; font-weight:normal; background:#484848; color:#fff; }
.protopr ul li:hover p.ptone a{ background:#e46713; color:#fff;}
.cptp{ padding:28px;}
.proshow tr{ display:block; white-space:nowrap;}
.proshow td{ display:inline-block; vertical-align:top; box-sizing: border-box; width:445px; height: 447px; padding:5px !important; transition:all .3s ease;position: relative; border: 1px solid #e6e6e6;}
.proshow td br{ display:none;}
.proshow td a,.proshow td span{ display:block; position:relative; overflow:hidden;}
.proshow td>a img{ width:100%; height:auto; transition:all .6s ease;}
.proshow td span a{ position: relative;line-height:60px; font-size:18px; color:#222222; font-weight: lighter;transition:all .3s ease;}
.proshow td>a{border-bottom: 1px solid #e6e6e6;}
.proshow td>a:after{content:''; display:block; position:absolute;  top:0; left:0; width: 100%; height: 100%;background: rgba(0,0,0,.2);opacity: 0;}
.proshow td+td{ margin-left:20px;}
.proshow tr+tr{ margin-top:20px;}
.proshow td:hover>a:after{ opacity: 1;}
.proshow td:hover span a{color: #e46713;}
.proshow td:hover>a img{ transform:scale(1.1);}
.proshow td .promore{width: 111px;height: 44px; line-height: 44px;left: 0;right: 0;margin: 0 auto;background: #f1f1f1;font-size: 14px;color: #999999; position: absolute; bottom: 0;transition: all .3s ease;}
.proshow td:hover .promore{background: #e46713;color: #fff; letter-spacing: 4px;}


/*洪涛近期/在建及工艺展示*/
.gyzs{ height:1083px;  background:url(//memberpic.114my.cn/022629/uploadfile/image/20210714/20210714163709_983371672.jpg) no-repeat center;display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap; }
.gyzstitle{ text-align:center; font-size:36px;  padding-top: 60px;}
.gyzstitle b i{ color:#484848; text-transform: uppercase; font-weight:300;}
.gyzstitle span{ display:block; font-size:40px; color:#484848; font-weight: 500; margin:5px 0 10px 0;}
.gyzstitle span i{ color:#e46713; font-weight: bold;}
.gyzstitle em{ display:inline-block; height:12px;}
.gyzstitle em i{ display:inline-block; width:12px; height:12px; border-radius:50%; background:#cccccc;animation: bounce_fountainG 1.2s linear infinite;} 
.gyzstitle em i+i{ margin-left:10px;}
.gyzstitle em i:nth-child(1){animation-delay: .4s;}
.gyzstitle em i:nth-child(2){background:#e46713;animation-delay: .6s;}
.gyzstitle em i:nth-child(3){animation-delay: .8s;}
.gyzstab{ font-size:0; text-align:center; white-space:nowrap; margin:40px 0;}
.gyzstab span,.gyzstab a{ display:inline-block;}

.xxzs{ background:#fff; height:795px; margin-top:30px;}
.paul li{ float:left; width:465px; height:200px; text-align:center; transition:all .3s ease; cursor:pointer; }
.paul_t{ font-size:25px; color:#484848; padding-top:15px;}
.paul_t span{ display:block; text-transform:uppercase; font-weight:lighter; font-size:16px; margin-top:3px;}
.panum{ position:relative; margin:10px 0px 20px 0px;}
.panum:after{ content:''; display:block;   width: 30px; height: 4px; background: #484848; margin: 12px auto 0 auto;}
.panum span{ display:block;   line-height:70px; margin:0 auto; position:relative; z-index:333; font-size:60px; color:#484848; font-family: DIN;  font-weight: 500;}
.paul_t p i{ font-weight:bold; color:#e46713;}
.paul li.on  .pa_btn a{ width:275px; transform:rotateY(0deg);} 
.paul li.on{ background:#4cb050;}
.paul li.on .paul_t{ color:#fff;}
.paul li.on .panum span{ color:#87ca8a; border-color:#87ca8a; background:#4cb050;}
.paul li.on .panum:after{ background:#87ca8a;}
.paul li.on .pa_wa{ color:#94d096; transform:translateY(-210px);}
.paul li.on .pa_pic{transform:translateY(40px) rotateY(360deg);}

.qacon li{ float:left; position:relative; width:433px; height:580px; background:#edf3f3; padding:20px; overflow:hidden; cursor:pointer;}
.qapic{ width:406px; height:240px; position:relative; overflow:hidden; padding: 30px 30px 0 30px;}
.qapic img{ width:100%; height:100%; transition:all 0.4s linear;}
.qacon li:after{ width:94px; height:94px; border-radius:50%; background:#2d9598; content:''; display:block; position:absolute;left:170px;  bottom:-59px; transition:all 0.8s ease;}
.qacon li:hover .qawa>p,.qacon li:hover .qawa>p span{ color:#fff; }
.qacon li:hover .qaw p{ color:#fff;}
.qacon li:hover .qawa>p:nth-child(2){background:#fff;}
.qacon li div{ position:relative; z-index:33;}
.qacon li p{ transition:all 0.4s ease;}
.qacon li:hover:after{ width:1500px; height:1500px; bottom:-400px; left:-170px; background:#f9922d;}
.qacon li:nth-child(2){ background:#e1e6e6;}

.craft{width:466px;height:310px; }
.craft ul{height:50px;background:#f5f5f5;}
.craft ul d{width:164px;height:50px;float:left;background:#f5f5f5;text-align:center;line-height:50px;font-size:20px;color:#333;display:block;}
.craft ul d:nth-child(1){ margin-left:0;}
.craft ul d a{font-size:20px;color:#333;}
.craft ul d.cur a{color:#fff}
.craft ul a{font-size:14px;color:#666;line-height:50px;margin-right: 15px;}
.craft .cur{background:#009944;color:#fff;}
.craft .news_div_item, .divdgweb_new_div_item { position: relative; padding: 5px 0; width:465px; height: 45px; overflow: hidden; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; border-bottom: 1px solid #eee;}
.craft .divdgweb_new_div_item_date{ position: absolute; right: 30px; top: 20px; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.craft .divdgweb_new_div_item_date > div{ display: inline-block; color: #888; font-size: 14px; font-family: 'arial'; }
.craft .news_div_item_title, .divdgweb_new_div_item_title { position: relative; }
.craft .news_div_item_year:after, .news_div_item_year::after, .divdgweb_new_div_item_year:after, .divdgweb_new_div_item_year::after { content: '-'; }
.craft .news_row2  .news_div_item_title:after,.craft .news_div_item_title::after, .craft .divdgweb_new_div_item_title:after, .craft .divdgweb_new_div_item_title::after { content: ''; background: url(//memberpic.114my.cn/022629/uploadfile/image/20210714/20210714153749_1337659887.jpg); width: 20px; height: 20px; position: absolute; left: 0; top: 13px; }
.craft .news_div_item_title .news_div_item_a, .divdgweb_new_div_item_title .divdgweb_new_div_item_a {font-size: 14px; color: #888; display: block; line-height: 45px; width: 220px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; padding-left: 33px; text-align:left;}
.craft .news_row2 .divdgweb_new_div, .news_row2 .news_div { height: 500px;width:575px; font-weight: normal; background:#fff;margin-top:20px;}
.craft .news_row3 .divdgweb_new_div, .news_row3 .news_div { height: 500px;width:575px; font-weight: normal; background:#fff;margin-top:20px;}
.craft .news_div_item_pic, .news_div_item_body, .divdgweb_new_div_item_body { -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.craft .news_div_item_pic {display:none;}
.craft .news_div_item.on .news_div_item_pic{display:block;}

.craft .news_div_item.on, .divdgweb_new_div_item.on { height: 152px; padding: 0px; margin: 5px 0; }
.craft .news_div_item_body { line-height: 24px; color: #666; font-size: 14px; width: 350px; position: absolute; left: 216px; top: 60px; }
.craft .tempWrap{width:580px !important;}
.divdgweb_new_div_item_content{ padding-left:30px;}



/*办公室/厂房装修就找洪涛*/
.adv{ background:#f3f3f3 url(//memberpic.114my.cn/022629/uploadfile/image/20210710/20210710193940_2133511894.jpg) no-repeat center; padding:65px 0 80px 0;}
.advtab{ margin:35px 0;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start;}
.advtab li{ cursor:pointer; position:relative; width:342px; height:133px; background:#fff4ec; border:1px solid #eaeaea; transition:all .3s ease; font-size:45px; color:#351500;display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center; text-align: center; font-family:DIN;}
.advtab li em{ display:block; font-size:30px; color:#351500; font-weight: 500;}

.advtab li:nth-child(2) .advicon{ background-position-x:-79px;}
.advtab li:nth-child(3) .advicon{ background-position-x:-163px;}
.advtab li:nth-child(4) .advicon{ background-position-x:-255px;}
.advtab li.on{ background:#1d1815; color:#fff; border-color:#1d1815;}
.advtab li.on em{ color:#fff;}
.advtab li.on .advicon{ background-position-y:-67px;}
.advtab li:after{ content:''; display:block; position:absolute; bottom:0px; width:0; height:0; left:0; right:0; margin:0 auto; border-left:10px solid transparent; border-right:10px solid transparent; border-top:15px solid #1d1815; opacity:0; transition:all .3s ease;}
.advtab li.on:after{ opacity:1; bottom:-15px;}
.advcon{ padding:50px; background:#fff; height:475px;}
.advcon ul{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center;}
.advleft{ width:510px;}
.advtab_t{ margin-top: -10px;  font-family: DIN;}
.adv_t{ font-size:36px; color:#2c2520; white-space:nowrap;}
.adv_t em{ display:block; font-size:16px; color:#b6a89e; text-transform:uppercase; margin:15px 0 25px 0;}
.adv_t:after{ content:''; display:block; width:37px; height:4px; background:#b6a89e;}
.adv_wa{ margin:30px 0 60px 0; font-size:16px; color:#b6a89e; font-weight:lighter; line-height:33px; }
.adv_wa p{padding-left:40px; background:url(//memberpic.114my.cn/022629/uploadfile/image/20210710/20210710202214_379074959.png) no-repeat left top;}
.adv_wa p+p{ margin-top:30px;}
.adv_tel{ text-align:center; width:450px; height:90px; border-radius:10px; background:#fff; box-shadow:0 0 20px rgba(0,0,0,.1); font-size:16px; font-weight:lighter; color:#222222; line-height:90px;}
.adv_tel em{ display:inline-block; vertical-align:sub; font-size:32px; font-family:DIN; font-weight: 500;}
.adv_tel span{ display:inline-block; padding-left:50px; background:url(//memberpic.114my.cn/022629/uploadfile/image/20210710/20210710202214_344724654.png) no-repeat left center;}

.advtitle{ text-align:center;}
.advtitle b{ color:#fff; font-size:40px; font-weight:lighter;}
.advtitle b i{ color:#fff; font-weight:bold;}
.advtitle span{ display:block; font-size:18px; color:#fff; font-weight:lighter; margin:5px 0 10px 0;}
.advtitle em{ display:inline-block; height:12px;}
.advtitle em i{ display:inline-block; width:12px; height:12px; border-radius:50%; background:#fff;animation: bounce_fountainG 1.2s linear infinite;} 
.advtitle em i+i{ margin-left:10px;}
.advtitle em i:nth-child(1){animation-delay: .4s;}
.advtitle em i:nth-child(2){background:#fff;animation-delay: .6s;}
.advtitle em i:nth-child(3){animation-delay: .8s;}


/*洪涛装饰 · 客户见证*/
.case_bj{ height:840px; background: url(//memberpic.114my.cn/022629/uploadfile/image/20210712/20210712191153_404366353.jpg) center no-repeat;}
.case{ padding:60px 0; text-align:center;}
.casetitle{font-size:18px; font-weight:lighter; color:#222;}
.casetitle b{ font-size:36px;}
.casetitle b span{ color:#e46713;}
.casetitle em{ display:block;}
.casetitle:after{ content:''; display:inline-block; width:36px; height:4px; background:#e46713; background:linear-gradient(to right,#ffb40d 50%,#e46713 50%); margin-top:15px;}
.casecon{ padding-top:40px;}
.casebg{ font-size:0; margin:40px 0 35px 0;} 
.casecon .divdgweb_new_div_item{ position:relative; width:335px !important; box-sizing:border-box; padding:15px; background:#fff; margin-right:20px; height: 495px; padding-top:20px;}
.casecon .divdgweb_new_div_item:after{ content:''; display:block; transition:all .3s ease; position:absolute; width:100%; height:0; transition:all .5s ease; background:#e46713; top:0; left:0;-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.casecon .divdgweb_new_div_item:hover:after{ height:100%;}
.casecon .divdgweb_new_div_item:hover .divdgweb_new_div_item_a{ color:#fff;}
.casecon .divdgweb_new_div_item:hover .casemore a{ color:#e46713;}
.casecon .divdgweb_new_div_item:hover .divdgweb_new_div_item_body{ color:#fff;}
.casecon .divdgweb_new_div_item div{ position:relative; z-index:3;}
.casecon .divdgweb_new_div_item .news_div_item_pic{ overflow:hidden; margin-bottom:200px; border-radius: 50%; width: 240px; height: 240px; margin-left:30px; border:5px solid #dadada;}
.casecon .divdgweb_new_div_item:hover .news_div_item_pic{ overflow:hidden; margin-bottom:200px; border-radius: 50%; width: 240px; height: 240px; margin-left:30px; border:5px solid #fff;}
.casecon .news_div_item_pic img{ width:240px; height:240px; transition:all .6s ease;}
.casecon .divdgweb_new_div_item .divdgweb_new_div_item_content{ width:100%; box-sizing:border-box; left:0; position:absolute; bottom:20px; height:220px; padding:20px;}
.casecon .divdgweb_new_div_item_a{ font-size:20px; color:#222222; display:block; transition:all .3s ease; width: 265px;   text-align: center; } 
.casecon .divdgweb_new_div_item_body{ font-size:14px; color:#888888; font-weight:lighter; line-height:28px; height:83px; overflow:hidden; margin:5px 0 25px 0; transition:all .3s ease; text-align:center;}  
.casemore{ width:180px; margin:0 auto;}

.casebg li{ display:inline-block; position:relative; width:14px; height:14px; border-radius:50%; border:1px solid #dfdfdf; cursor:pointer;}
.casebg li+li{ margin-left:20px;}
.casebg li:after{ content:''; display:block; position:absolute; width:10px; height:10px; border-radius:50%; top:0; bottom:0; right:0; left:0; margin:auto; background:#dddddd;}
.casebg li.on{ border-color:#e46713;}
.casebg li.on:after{ background:#e46713;}
.casemore a{ display:block;  line-height:40px; font-size:14px; color:#adadad; text-align:center; background:#f2f2f2; transition:all .3s ease;}
.casemore a:hover{background:#fff; }


/*新闻*/
.hon_tit>div>b { font-size: 60px; color: #222; display: block; text-transform: uppercase; font-weight: 300;}
.hon_tit>div>p { font-size: 42px; color: #222; margin: 0px 0 30px;}
.hon_tit>div>p>i {color: #e46713; }
.hon_tit>div>i { display: block; width: 40px; height: 4px;  background: #e46713;}
.par_img a.divdgweb_new_div_item_a { display: none;}
img.news_div_item_image { width: 100%; display: block;}
.par_img .news_div_item_pic {  border-radius: 100%; box-shadow: 1px 1px 20px rgba(18,56,151,0.11); width: 112px; height: 112px; display: flex; align-items: center; justify-content: center;
 position: absolute;  background: #fff;transition:all .5s;}
.par_img .news_div_item_pic>a{width: 112px;height: 112px;display: flex;align-items: center;justify-content: center;border-radius: 100%;overflow: hidden;}
.par_img .news_div_item_pic:hover{transform: translateY(-10px);}
.par_img .divdgweb_new_div_item:nth-child(1) .news_div_item_pic { left: 6%; top: 30%;}
.par_img .divdgweb_new_div_item:nth-child(2) .news_div_item_pic { left: 22%; top: 14%;}
.par_img .divdgweb_new_div_item:nth-child(3) .news_div_item_pic { left: 20%; top: 66%;}
.par_img .divdgweb_new_div_item:nth-child(4) .news_div_item_pic {  left: 28%; top: 41%;}
.par_img .divdgweb_new_div_item:nth-child(5) .news_div_item_pic { left: 41%; top: 27%; width: 90px; height: 90px;}
.par_img .divdgweb_new_div_item:nth-child(6) .news_div_item_pic { left: 47%; top: 8%;}
.par_img .divdgweb_new_div_item:nth-child(7) .news_div_item_pic { right: 41%; top: 27%; width: 90px; height: 90px;}
.par_img .divdgweb_new_div_item:nth-child(8) .news_div_item_pic { right: 29%; top: 32%;}
.par_img .divdgweb_new_div_item:nth-child(9) .news_div_item_pic {  right: 24%; top: 8%;}
.par_img .divdgweb_new_div_item:nth-child(10) .news_div_item_pic { right: 20%; top: 66%;}
.par_img .divdgweb_new_div_item:nth-child(11) .news_div_item_pic {  right: 5%;  top: 36%;}
.par_img .news_div_item_pic:hover{z-index:99;}
.pos_pic{width:0;height:0;position:absolute;top:-210px;left:50%;transform:translate(-50%);border:2px solid #eee;opacity:0;transition:all 0.35s ease-in-out;}
.pos_pic img{width:100%;}
.par_img .divdgweb_new_div_item:hover .pos_pic{width:400px;height:202px;opacity:1;}

/*news*/
.news_c{padding: 70px 0; width: 1400px;  margin: 0 auto;}
.news_tc{display: flex;justify-content: space-between;align-items: center;}
.new_rt>ul{display: flex;}
.new_rt>ul>li+li{margin-left: 20px;}
.new_rt>ul>li>a{width: 190px;height: 68px;line-height: 87px;text-align: center;line-height: 68px;display: block;background: #10110f;font-size: 24px;color: #fff;}
.new_rt>ul>li.on>a{background: #e46713;}
.new_boc{margin-top: 40px;overflow: hidden;}
.new_ic {  display: flex;transition:all .5s;}
.new_item {  display: flex; justify-content: space-between;flex-shrink: 0; width: 100%;}
.new_lc {  width: 39%; overflow: hidden; border:1px solid #e5e5e5;}
.new_rc {  width: 57.2%;}
.new_lc .news_div,.new_lc .divdgweb_new_div {  display: flex;align-items: flex-start;}
.new_lc .news_div_item,.new_lc .divdgweb_new_div_item { flex-shrink: 0;  width: 100%; display: flex; flex-direction: column-reverse; position: relative;}
.new_lc .news_div_item_content,.new_lc .divdgweb_new_div_item_content { padding: 29px 40px 85px;}
.new_lc .news_div_item_a,.new_lc .divdgweb_new_div_item_a { font-size: 20px; display: block; color: #333;  position: relative;}
.new_lc .news_div_item_body,.new_lc .divdgweb_new_div_item_body { font-size: 14px; color: #929292; line-height: 28px; margin-top: 20px;}

.new_lc .news_div_item_date,.new_lc .divdgweb_new_div_item_date { display: flex;  font-size: 18px;  color: #999; position: absolute; bottom: 41px; left:40px;}

.new_lc .news_div_item_a:after,.new_lc .divdgweb_new_div_item_a:after { position: absolute; content: "";  width: 56px; height: 26px; background:url(//memberpic.114my.cn/022629/uploadfile/image/20210715/20210715095324_976709648.png) no-repeat center; border-radius: 13px; text-align: center; line-height: 26px; font-size: 22px; top: 122px; right: 5px; transition:all .5s;}

.new_rc .news_div_item:nth-child(1),.new_rc .news_div_item:nth-child(2),.new_rc .news_div_item:nth-child(3),.new_rc .divdgweb_new_div_item:nth-child(1),.new_rc .divdgweb_new_div_item:nth-child(2),.new_rc .divdgweb_new_div_item:nth-child(3) {  display: none;}
.new_rc .news_div_item,.new_rc .divdgweb_new_div_item { padding: 52px 0 52px 67px;background:#fff; border: 1px solid #e5e5e5; border-top: none;}
.new_rc .news_div_item:nth-child(4),.new_rc .divdgweb_new_div_item:nth-child(4) { border-top: 1px solid #e5e5e5;}
.new_rc .news_div_item_a,.new_rc .divdgweb_new_div_item_a {  font-size: 20px; color: #333; position: relative; display: block; transition:all .5s;}
.new_rc .news_div_item_body,.new_rc .divdgweb_new_div_item_body { font-size: 14px;  color: #929292; line-height: 28px; margin-top: 22px; width: 77%;}
.new_rc .news_div_item_a:after,.new_rc .divdgweb_new_div_item_a:after { content: "";  position: absolute;  width: 56px; height: 26px; background:url(//memberpic.114my.cn/022629/uploadfile/image/20210715/20210715095324_976709648.png) no-repeat center; border-radius: 13px; text-align: center;  font-size: 22px;  line-height: 26px; top: 40px; right: 42px; transition:all .5s;}
.new_lc .news_div>button,.new_lc .divdgweb_new_div>button{display:none!important;}
.new_lc .slick-dots { bottom: 260px; right: 42px; background: rgba(255,255,255,0.3); border-radius: 11px; width: 12.2%;}
.new_lc ul.slick-dots li button:before { width: 12px;  height: 12px; color: #333; line-height:17px; }
.new_lc ul.slick-dots li button {height: 12px;width: 12px;padding: 0;}
.new_lc ul.slick-dots li { margin: 0!important;  width: 18px; height: 22px;}
.new_lc ul.slick-dots li.slick-active button:before { color: #e46713!important;}
.new_rc .news_div_item:hover .news_div_item_a,.new_lc .news_div_item:hover .news_div_item_a { color: #e46713;}
.new_rc .news_div_item:hover .news_div_item_a:after,.new_lc .news_div_item:hover .news_div_item_a:after { transform: translateX(5px); background:url(//memberpic.114my.cn/022629/uploadfile/image/20210715/20210715095324_1237078111.png) no-repeat center; }


/*走进洪涛*/
.about{ height:650px; background:url(//memberpic.114my.cn/022629/uploadfile/image/20210719/20210719150625_1262771379.jpg) no-repeat center;}
.abwa {  width: 510px;  margin: 180px 0px 0px 58px; }
.abwa p:nth-child(1) { font-size: 30px;  color: #484848;  text-transform: uppercase; font-weight: 500; font-family: Arial Narrow; height: 80px;}
.abwa p a img{     font-size: 23px;  color: #666666; font-weight: lighter; float: right; margin: -56px -40px 0 0;}
.abwa p i {  font-weight: bold; color: #e46713;}
.abwa p span { display: block;  font-size: 19px; color: #484848; font-weight: 300; text-transform: uppercase;}
.abwa p:nth-child(3) { width: 585px; font-size: 14px; color: #aaaaaa; line-height: 40px;  border-top: 1px solid #e9e9e9; padding-top:20px;}


/*版权*/
.fll{ float:left;color: #84929a;}
.frr{ float:right;color: #84929a;}
.w1400{width:1400px; margin: 0 auto;}
.copyright{ background: #222629; height:750px;}
.crcon{ padding:60px 0 50px 0;display: -webkit-flex;display: flex;flex-wrap: nowrap;align-items:flex-start;}
.bq{margin-top: -12px;}
.bq ul{padding: 10px 0 0 0;cursor: pointer;position: relative;}
.bq span{position:relative;display:inline-block;vertical-align:top;width:49px;height:49px;background:url(//memberpic.114my.cn/022629/uploadfile/image/20210712/20210712201118_1756271231.png) no-repeat center;cursor:pointer;}
.bq span img{ position:absolute; right:0; width:100px; top:100%; right:0; display:none;}
.bq span:Hover img{ display:block;}
.bq span a{ display:block; width:100%; height:100%;}

.b_bav_r .b_contact_sgx { width: 330px;  margin-top: -18px;  margin-left: 914px;}
.b_bav_r .b_contact_sgx li { float: left; width: 100px;}
.b_bav_r .b_contact_sgx li p { font-size: 16px; text-align: center; color: #999; padding-top: 10px;}
.b_bav_r .b_contact_sgx li+li { margin-left: 15px;}
.b_bav_r .b_contact_sgx li img{width:100px;}

.links{ background:#222629; font-size:18px; color:#fff; line-height:90px; border-top:1px solid #2f3336; border-bottom:1px solid #1c1f20;}
.links p{ font-size:22px; color:#70717a}
.linkTagcs li a{ font-size:15px;}
.links .w1400{ background:url(//memberpic.114my.cn/022629/uploadfile/image/20210712/20210712204851_1312967274.png) no-repeat right center;display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:flex-start; }
.links span{ text-transform:uppercase; font-size:25px; font-family:impact; display:inline-block; margin:0 20px 0 10px; vertical-align:middle;}


/*底部导航*/
#b_nav_bg{width:100%; height: 255px; padding:50px 0px; }
#b_nav{width:1400px; margin:0 auto;}
#b_nav_l{width:440px; float:left;}
#b_nav_l .b_logo_l{width:90px; float:left;}
#b_nav_l .b_logo_r{width:300px;  font-size:25px; font-weight: lighter; color:#fff; padding-bottom:20px;}
#b_nav_l .b_logo_r span{font-weight:normal; font-size:14px; text-transform:uppercase;}
#b_nav_l .b_logo_r p{font-size:15px; font-weight:normal; letter-spacing:1.5px;}
#b_nav_l .b_contact{line-height:38px; color:#909096; font-size:16px;}
#b_nav_x{width:60px; float:left; text-align:center;}
#b_nav_dh{width:860px; float:left; padding-left:100px;}
#b_nav_dh li{float:left; font-size:14px; color:#7e7e7e;padding-left: 120px;}
#b_nav_dh li a{font-size:14px; color:#909096; line-height:30px;}
#b_nav_dh li a:hover{font-size:14px; color:#fffc00;}
.dh_bg_c{font-size:20px; font-weight: normal; color:#fff; padding-bottom:20px;}
.dh_bg_c a{font-size:20px; color:#fff;}
.dh_bg_c a:hover{font-size:20px; color:#fffc00;}
#b_nav_wat{width:401px; float: right;}

.end{ background:#e46713;}
.end .w1400{ height:88px;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center;}
.end,.end a{ font-size:14px; color:#fff;}
.end a:hover{ color:#fffc00;}
</style>