*{padding: 0;margin: 0;box-sizing: border-box;}
body{color:#fff;background:#2c2c2c;font-size: 14px;font-family: "Microsoft YaHei";overflow-x: hidden;}
ul,li{list-style: none;}
a,a:hover{text-decoration: none;color:#fff;}
.clearfix:before,.clearfix:after{content:'';display: block;clear: both;}
.lf{float:left;}
.rt{float:right;}
img{border:0;vertical-align: middle;}
p{text-align: justify;}
input,textarea,video{outline:none;border:none;}
.container{width:1230px;margin: 0 auto;}
.title_01{font-size:30px;line-height: 24px;text-align: center;margin-bottom:5px;}
.title_02{font-size:26px;color:#e9ac08;text-align: center;font-weight:normal;line-height: 42px;}
.box_shadow:hover{box-shadow: 0 0 15px #000;}



.liuyan{position: fixed;top:50%;left:40px;z-index: 100; display: inline-block;width:42px;height:83px;background: url("../image/liuyan_bg.png") center no-repeat;background-size:42px 83px;padding:25px 0 0 15px;font-size:16px; }


.nav{height:110px;line-height: 110px;}
.nav .logo{margin-right:40px;position: relative;top:-5px;}
.nav ul.clearfix>li{float: left;height:110px;width:116px;text-align: center;position: relative;}
.nav ul.clearfix>li>a{font-size:18px;display:inline-block;width:100%;height:100%;}
.nav ul.clearfix>li>b{display: inline-block;border:6px solid transparent;border-bottom:8px solid #fff;position: absolute;top:46px;right:22px;transition: all 0.02s;}
.nav ul.clearfix>li.active,.nav ul.clearfix>li:hover{background: #e4aa0d;}
#case.active b,#case:hover b{transform:rotate(180deg);top:53px; }


.nav ul.clearfix>li>ul.erji{background: #e4aa0d;position: absolute;top:110px;left:0;z-index: 200;width:116px;display: none;}
.nav ul.clearfix>li>ul.erji li{height:47px;line-height: 47px;text-align: center;}
.nav ul.clearfix>li>ul.erji li a{font-size:16px;}
.nav ul.clearfix>li>ul.erji li.active,.nav ul.clearfix>li>ul.erji li:hover{background: #2c2c2c;}



.banner{  overflow:hidden; position:relative; }
.banner .hd{ height:15px; overflow:hidden; position:absolute; right:50%; bottom:15px; z-index:1; }
.banner .hd ul{ overflow:hidden; zoom:1; }
.banner .hd ul li{ float:left; margin:0 5px; width:10px; height:10px; background:#808181; cursor:pointer; }
.banner .hd ul li.on{ background:#fff; }
.banner .bd{ position:relative; height:100%; z-index:0;   }
.banner .bd li{ zoom:1; vertical-align:middle; }
.banner .bd li img{ display:block;width:auto;}
.banner .prev,.banner .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../image/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.banner .next{ left:auto; right:3%; background-position:8px 5px; }
.banner .prev:hover,
.banner .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.banner .prevStop{ display:none;  }
.banner .nextStop{ display:none;  }


.mainTitle{height:65px;line-height:65px;border-bottom:2px solid #edad06;color:#edad06;font-size:22px;margin-top:40px;margin-bottom:65px;}
.mainTitle a.rt{color:#fff;}
.mainTitle img{margin-right:20px;position: relative;top:-10px;left:3px;}


.bottom{background: #000;padding: 35px 0;}
.bottom p{text-align: center;line-height: 30px;}



#about{margin-bottom:150px;}
#about ul.maodian li{width:264px;height:192px;margin-left:58px;text-align: center;}
#about ul.maodian li:first-child{margin-left:0;}
#about ul.maodian li a{display: inline-block;width:264px;height:192px;font-size:20px;padding-top:40px;}
#about ul.maodian li a img{margin-bottom: 15px;}
#about ul.maodian li.box1 a{background-color: #edad06;font-weight:bold;}
#about ul.maodian li.box2 a{background-color: #067eed;}
#about ul.maodian li.box3 a{background-color: #9e06ed;}
#about ul.maodian li.box4 a{background-color: #ff4747;}
#about p{font-size:18px;line-height: 30px;margin: 20px 0 30px;}
#about h1{font-size:22px;margin: 35px 0 25px 0;}
#about #box1{color: #edad06;margin-top: 30px;}
#about #box2{color: #067eed;}
#about #box3{color: #9e06ed;}
#about #box4{color: #ff4747;}
#about .img{text-align: center;margin: 40px 0;}

#about .wdtd{height:320px;}
#about .wdtd .wdtdList{text-align: center; padding-left:25px;padding-bottom:20px;}
#about .wdtd .wdtdList .itembox{display:inline-block;width:174px;height:247px;text-align: center;transition: all 0.08s ease;margin:0 10px;}
#about .wdtd .wdtdList .itembox .item{width:174px;height:247px;border-radius: 20px;background: #fff;font-size:16px;color:#000;text-align: center;overflow:hidden;transition: all 0.08s ease;position:relative;top:0;;}
#about .wdtd .wdtdList .itembox .item img{width:172px;height:183px;margin-bottom:10px;}
#about .wdtd .wdtdList .itembox:hover .item{box-shadow: 0 0 15px #000;top:-15px;}



#business ul{margin-bottom:98px;}
#business ul li{width:183px;height:352px;margin-left:26px;padding:18px 10px;position: relative;}
#business ul li.box1{background-color:#edad06;margin-left:0;}
#business ul li.box2{background-color:#067eed;}
#business ul li.box3{background-color:#9e06ed;}
#business ul li.box4{background-color:#ff4747;}
#business ul li.box5{background-color:#0cc787;}
#business ul li.box6{background-color:#f18127;}
#business ul li p{font-size:20px;line-height: 36px;text-align: center; }
#business ul li h1{width:162px;height:64px;line-height: 64px;font-size:24px;color:#000;background-color: #fff;text-align: center;position: absolute;bottom: 10px;left:10px;}


#case .sort{padding: 0 10px;margin-bottom:60px;}
#case .sort li{width:210px;height:152px;overflow:hidden;position:relative;margin-left:40px;}
#case .sort li:first-child{margin-left:0;}
#case .sort li img{width:210px;min-height:152px;position: absolute;top:0;bottom:0;left:0;right:0;margin:auto auto;}
#case .sort li div{width:210px;height:152px;position: absolute;top:0;left:0;background: rgba(0, 0, 0, .7);transition: all 0.05s linear;}
#case .sort li div p{width:210px;font-size:17px;text-align: center;position: absolute;top:63px;left:0;transition: all 0.05s linear;}
#case .sort li:hover,#case .sort li.active{box-shadow: 0 0 15px #000;}
#case .sort li:hover div,#case .sort li.active div{background: rgba(0, 0, 0, 0);}
#case .sort li:hover div p,#case .sort li.active div p{font-size:24px;top:58px;}
#case .sort li:not(.active):hover img,#case .sort li:not(.active):hover div{width:210px;height:152px;}

#case .list{padding: 0 10px;}
#case .list ul li{margin-bottom:15px;margin-right:18px;}
#case .list ul li p{line-height: 45px;}
#case .list ul li .img{width:282px;height:184px;overflow:hidden;position:relative;}
#case .list ul li .img:hover{box-shadow: 0 0 15px #000;}
#case .list ul li .img img{width:282px;height:184px;object-fit: cover;position: absolute;top:0;bottom:0;left:0;right:0;margin:auto auto;}
#case .list ul li.box1{width:590px;height:480px;margin-bottom:5px;}
#case .list ul li.box1 .img{width:590px;height:430px;overflow:hidden;position:relative;}
#case .list ul li.box1 .img img{width:590px;height:430px;object-fit: cover;position: absolute;top:0;bottom:0;left:0;right:0;margin:auto auto;}
#case .list ul li.box6{width:286px;height:495px;margin-right:22px;}
#case .list ul li.box6 .img{width:282px;height:430px;overflow:hidden;position:relative;}
#case .list ul li.box6 .img img{width:282px;height:430px;object-fit: cover;position: absolute;top:0;bottom:0;left:0;right:0;margin:0 auto;}

.pagination{margin: 30px auto 60px;font-size: 16px;text-align: center;}
.pagination li{padding:3px 10px;border:1px solid #999;display: inline-block;margin:5px;}
.pagination li a{color:#fff;}
.pagination li.active{background-color: #fff;color:#666;}


#caseDetail{margin-bottom: 140px;}
#caseDetail>.lf{width:305px;font-size:16px;}
#caseDetail>.lf h1{font-size:30px;font-weight: normal;}
#caseDetail>.lf h2{font-size:16px;font-weight: normal;}
#caseDetail>.lf div{line-height: 24px;margin-top:50px;}
#caseDetail>.lf div p.text{line-height: 40px;}

#caseDetail>.rt{width:865px;}
#caseDetail>.rt div{margin-top:10px;box-shadow: 0 0 15px #000;}
#caseDetail>.rt img{width:865px;height:auto;margin:4px 0;}


#newsDynamic li{width:100%;height:100px;margin-bottom: 28px;}
#newsDynamic li a{display: inline-block;width:100%;height:100px;position: relative;padding-left:125px;padding-top:28px; }
#newsDynamic li a span.rt{width:217px;height:69px;position: relative;top:-15px;left:-35px;}
#newsDynamic li a .time{width:78px;height:78px;background-color: #fff;color:#000;font-size:12px;padding-left:15px;padding-top:20px;position: absolute;top:13px;left:13px;}
#newsDynamic li a .time span{font-size:18px;}
#newsDynamic li a h2{font-size:18px;margin-bottom:15px;}
#newsDynamic li a p{font-size:14px;}
#newsDynamic li:hover a,#newsDynamic ul li.active a{background-color: #edad06;}
#newsDynamic li:hover a span.rt,#newsDynamic ul li.active a span.rt{background: url("../image/newsimg01.png") center no-repeat;}
#newsDynamic .page{margin: 50px 0;text-align: center;}
#newsDynamic .page a{padding: 5px 12px;background-color: #565656;margin:0 10px;}
#newsDynamic .page a.active{background-color: #edad06;}


#newsDynamic_dtl .title{font-size:24px;text-align: center;font-weight:normal;}
#newsDynamic_dtl .date{font-size:16px;text-align: center;font-weight: normal;margin-top:15px;margin-bottom:38px;}
#newsDynamic_dtl p{font-size:16px;line-height: 40px;}
#newsDynamic_dtl img{width:865px;height:auto;display:block;margin:10px auto;}
#newsDynamic_dtl hr{height:1px;border:none;border-top:1px solid #3f3f3f;margin-top:45px;margin-bottom:25px;}
#newsDynamic_dtl p.perv{font-size:16px;line-height: 30px;}
#newsDynamic_dtl p.next{font-size:16px;line-height: 30px;margin-bottom:70px;}
#newsDynamic_dtl p.perv a,#newsDynamic_dtl p.next a{font-size:18px;}


#contactUs .til01{text-align: center;font-size: 30px;font-weight:normal;}
#contactUs .til02{text-align: center;font-size: 16px;margin-top:5px;margin-bottom:30px;}
#contactUs .container ul{width:1050px;margin:50px 0 50px 90px;}
#contactUs .container ul li{width:350px;text-align: center;}
#contactUs .container ul li img{margin-bottom:20px;}
#contactUs .container ul li p{font-size:20px;line-height: 30px;text-align: center;}
#contactUs .container .map{width:780px;height:400px;margin: 35px auto;}
#contactUs .hdly{background: url("../image/hdly_bg.png") top center repeat;padding:50px 0;}
#contactUs .hdly form p{text-align: center;margin-bottom: 12px; }
#contactUs .hdly form p input{width:780px;height:50px;background: #fff;color: #000;font-size:20px;padding-left:20px;}
#contactUs .hdly form p textarea{width:780px;height:100px;background: #fff;color: #000;font-size:22px;padding: 10px 10px 10px 20px;max-width:width:780px;resize:none;}
#contactUs .hdly form p.submit input{background-color: #2c2c2c;color:#fff;}



#dialogVideo{width:100%;height:100%;position: fixed;top:0;left:0;background:rgba(0, 0, 0, .5);z-index: 200; display: none;}
#dialogVideo video{width:1000px;height:600px;position: fixed;top:50%;left:50%;z-index: 201;margin-top:-300px;margin-left:-500px;}
#dialogVideo span.close{display: inline-block;width:35px;height:35px;line-height: 30px;text-align: center;border-radius: 50%;font-size: 26px;border:1px solid #aaa;background: rgba(256, 256, 256, .5);position: fixed;top: 50%;left:50%;margin-top:-270px;margin-left:455px;z-index: 210;cursor: pointer;}
#dialogVideo span.close:hover{background: rgba(256, 256, 256, .8);color:#f00;}