body{margin:0px auto;padding:0px;color:#333;font-size:15px;font-family:Microsoft Yahei;line-height:33px;}
a:link{color:#333;text-decoration:none;}        
a:visited{color:#333;text-decoration:none;}
a:hover{color:#00a9e7;text-decoration:none;}
img{border:none;}
ul,li,h1,h2,h3,p{margin:0px;padding:0px;}
li{list-style:none; }
div,ul,li{overflow:hidden;display:block;}

.wrap{width:1200px;margin:0px auto;}
.clear{height:10px;margin:0px;padding:0px;clear:both;}
.w100{width:100%;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f26{font-size:26px;line-height:28px;}
.f28{font-size:28px;line-height:30px;}
.f30{font-size:30px;line-height:34px;}
.f32{font-size:32px;line-height:42px;}
.f34{font-size:34px;line-height:38px;}
.f36{font-size:36px;line-height:40px;}
.f38{font-size:38px;line-height:42px;}
.f40{font-size:40px;line-height:44px;}
.fb{font-weight:bold;}
.fi{font-style:italic;}
.yh{font-family:Microsoft Yahei;}
.ctr{text-align:center}
.color-white{color:#ffffff;}
.color-red{color:#ff0000;}
.color-yellow{color:#ffff00;}
.color000{color:#000;}
.color333{color:#333;}
.color666{color:#666;}
.color999{color:#999;}
.upper{text-transform:uppercase;}

.fast{transition:all 200ms;-moz-transition:all 200ms;-webkit-transition:all 200ms;-o-transition:all 200ms;}
.delay{transition:all 500ms;-moz-transition:all 500ms;-webkit-transition:all 500ms;-o-transition:all 500ms;}
.slow{transition:all 800ms;-moz-transition:all 800ms;-webkit-transition:all 800ms;-o-transition:all 800ms;}

/*flex布局*/
.flex {display: flex;}
.dir-clu{flex-direction:column;}
.flex-wrap{flex-wrap:wrap;}
.jus-sta{justify-content:flex-start;}
.jus-ctr{justify-content:center;}
.jus-btw{justify-content:space-between;}
.jus-eve{justify-content:space-evenly;}
.jus-ard{justify-content:space-around;}
.jus-end{justify-content:flex-end;}
.ali-sta{align-items:flex-start;}
.ali-ctr{align-items:center;align-content:center;}
.ali-end{align-items:flex-end;align-content:flex-end;}

.shadow{box-shadow:0 0 7px #333;}
.shadow_img{background-color:#fff;padding:10px;box-shadow:0 0 7px #333;margin:7px 7px 7px 7px;}
.shadow_img:hover{box-shadow:0 0 7px #000;}
.yuanjiao_img{border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}

.top{width:100%;height:90px;position:fixed;top:0;left:0;z-index:10;background-color:rgba(0,0,0,0.8);box-sizing:border-box;}
.top .logo{height:60px;}
.top .nav{height:90px;width:600px;}
.top .nav li{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;font-size:16px;padding-bottom:10px;}
.top .nav li a{color:#d9d9d9;padding:15px 0 10px 0;line-height:20px;}
.top .nav li:hover a{color: #ffffff;}
.top .nav li.on a{color: #ffffff;font-weight: bold;}
.top .nav li.on:after{content:'';width:32px;height:2px;background-color:#00a9e7;}

.btn{width:270px;height:50px;border-radius:50px;color:#fff;line-height:50px;cursor:pointer;font-size:16px;font-weight:bold;text-align:center;}
.btn.red{background-color:#00a9e7;}
.btn.org{background-color:#adcf51;}
/*.btn:hover{background-color:#e16600;}*/
.redline{width:32px;height:2px;background-color:#00a9e7;}

.service{background:url('/skin/images/sc_bg2.jpg') no-repeat center top;background-size:cover;padding:60px 0 120px 0;}
.service .list{width:1081px;height:312px;position:relative;margin-top:80px;}
.service .list .item{width:232px;height:204px;position:absolute;background-size:contain;background-repeat:no-repeat;color:#d9d9d9;box-sizing:border-box;padding-top:30px;line-height:24px;}
.service .list .item.i1{background-image:url('/skin/images/item_pic_01a.png');left:0;top:0;}
.service .list .item.i1:hover{background-image:url('/skin/images/item_pic_01b.png');}
.service .list .item.i2{background-image:url('/skin/images/item_pic_02a.png');left:211px;bottom:0;}
.service .list .item.i2:hover{background-image:url('/skin/images/item_pic_02b.png');}
.service .list .item.i3{background-image:url('/skin/images/item_pic_03a.png');left:426px;top:0;}
.service .list .item.i3:hover{background-image:url('/skin/images/item_pic_03b.png');}
.service .list .item.i4{background-image:url('/skin/images/item_pic_04a.png');left:636px;bottom:0;}
.service .list .item.i4:hover{background-image:url('/skin/images/item_pic_04b.png');}
.service .list .item.i5{background-image:url('/skin/images/item_pic_05a.png');right:0px;top:0;}
.service .list .item.i5:hover{background-image:url('/skin/images/item_pic_05b.png');}
.service .list .more{border-bottom:solid 1px #666;padding-bottom:2px;margin-top:15px;}

.about{background:url('/skin/images/home_ab.jpg') no-repeat center top;background-size:cover;padding:60px 0 60px 40%;color:#d5d5d5;}
.about .box{padding:40px;background-color:#121212;}
.about .info{width:718px;}
.about .profile{font-size:15px;text-align:justify;line-height:28px;}
.about .profile p:first-child{color:#ffffff;}
.about .statistic{margin-top:40px;}
.about .statistic .item{margin-left:100px;font-size:15px;}
.about .statistic .item:first-child{margin-left:10px;}
.about .line2{width:21px;height:2px;background-color:#d9d9d9;margin:10px 0 10px 0;}

.case{padding:60px 0 80px 0;}
.case .category{margin-top:50px;}
.case .category a{margin-left:50px;}
.case .category a:first-child{margin-left:0px;}
.case .category a.on{font-weight:bold;color:#00a9e7;}
.case .list{margin-top:40px;}
.case .list .item{width:390px;height:287px;margin:0 15px 10px 0;}
.case .list .item:nth-child(3n){margin-right:0;}
.case .list .item .face{width:390px;height:240px;position:relative;}
.case .list .item .face img{width:390px;height:240px;}
.case .list .item .face .cover {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.3) url('/skin/images/viewx.png') no-repeat center center;
    z-index: 10;
    display: none;
}
.case .list .item .face:hover .cover{display:flex;justify-content:center;align-content:center;align-items:center;}
.case .list .item .nm{margin-top:10px;}

.adpnl {
    height: 310px;
    background: url('/skin/images/adbg.jpg') no-repeat center center;
    background-size:cover;
}

.client{padding:60px 0 80px 0;background-color:#f7f7f7;}
.client ul{margin-top:50px;width:100%;}
.client ul li{width:184px;height:94px;border:solid 1px #f0f0f0;margin:0 16px 16px 0;}
.client ul li:nth-child(6n){margin-right:0;}
.client ul li img{width:184px;height:94px;}

.btm {
    background: url('/skin/images/btmbg.jpg') no-repeat center center;
    background-size: cover;
    color:#999;
}
.btm a{color:#999;}
.btm .item{line-height:30px;padding-top:60px;}
.btm .nm{font-size:16px;color:#d9d9d9;margin-bottom:20px;}
.btm .copy{height:54px;border-top:solid 1px #434343;}

.ejbanner{position:relative;}
.ejbanner .innerbox{width:100%;height:calc(100% - 90px);position:absolute;left:0;bottom:0;}

.abtname{border-bottom:solid 3px #ff0000;padding-bottom:10px;}
.abtdesc{margin-top:30px;text-align:justify;line-height:33px;}

.pager{padding:15px 0px 15px 0px;display:flex;justify-content:center;align-items:center;align-content:center;}
.pager a{border:solid 1px #e7ecf0;padding:0 10px;line-height:25px;margin:0px 0px 0px 5px;background-color:#ffffff;color:#666;text-decoration:none;font-size:12px;}
.pager a:hover,.pager a.sel{background-color:#ff6600;color:#ffffff;border:solid 1px #ff6600;}

.loadmore{height:20px;}

.aboutzoom{padding:10px 0px 10px 0px;}
.aboutzoom p{padding:0px;margin:0px;}
.aboutzoom img{max-width:100%;}
.aboutzoom h1{font-size:24px;display:block;text-align:center;padding:20px 0px 10px 0px;}
.aboutzoom .attr{text-align:center;padding:0px 0px 5px 0px;font-size:12px;color:#848584;border-bottom:solid 1px #e9e9e9;margin-bottom:40px;}
.aboutzoom table{border-top:solid 1px #ddd;border-left:solid 1px #ddd;background-color:#fff;}
.aboutzoom table td{padding:4px 10px 4px 10px;border-bottom:solid 1px #ddd;border-right:solid 1px #ddd;}
.aboutzoom table tr.altrow{background-color:#f7f7f7;}

.casedetail{background-color:#f9f9f9;padding:20px;box-sizing:border-box;margin-top:20px;}
.casedetail .aboutzoom{background-color:#fff;padding:20px;box-sizing:border-box;}

.arrow{width:20px;height:20px;background-image:url('/skin/images/prev-next.jpg');background-repeat:no-repeat;}
.prev .arrow{background-position:0 0;}
.next .arrow{background-position:-20px 0;}
.prev:hover .arrow{background-position:0px -20px;}
.next:hover .arrow{background-position:-20px -20px;}