.s-banner{width:100%; overflow:hidden; background:url(../images/bg.png) no-repeat center; height:320px; } 
.s-banner .wrapper{position:relative; } 
.s-banner h3{position:absolute; width:100%; font-size:48px; color:#fff; line-height:55px; text-align:center; top:98px; left:0; } 
.s-banner p{position:absolute; width:100%; font-size:28px; color:#fff; line-height:30px; text-align:center; top:185px; left:0; } 
.s-banner p span{position:relative; display:block; } 
.s-banner p span::after{background:#fff; height:1px; width:36px; margin:16px 0; display:block; position:absolute; content:""; left:56.5%; } 
.s-banner p span::before{background:#fff; height:1px; width:36px; margin:16px 0; display:block; position:absolute; content:""; left:40.5%; } 
.jd-content{position:relative; } .su-top{position:absolute; width:100%; top:-64px; height:130px; overflow:hidden; margin-bottom:20px; } 
.su-top .wrapper{background:#fff; text-align:center; overflow:hidden; padding:30px 0; box-shadow:0 5px 15px rgba(0,95,193,.1); } 
.su-top ul li{overflow:hidden; width:400px; float:left; padding:0 0 0 70px; box-sizing:border-box; } 
.su-top-left{width:70px; float:left; text-align:center; position:relative; height:48px; margin-top:9px; } 
.su-top-left img{vertical-align:middle; position:absolute; top:0; left:0; } 
.su-top-left .su-top-img1{} 
.su-top-left .su-top-img2, .su-top-left .su-top-img4{opacity:0; } 
.su-top-left .su-top-img3{opacity:0; } 
.su-top ul li:hover .su-top-img1{opacity:0; } 
.su-top ul li:hover .su-top-img2{opacity:1; top:15px; left:12px; animation-name:myfirst; animation-duration:0.8s; -webkit-animation-name:myfirst; -webkit-animation-duration:0.8s; -moz-animation-name:myfirst; -moz-animation-duration:0.8s; } 
.su-top ul li:hover .su-top-img3{opacity:1; } 
.su-top-right{width:230px; float:left; text-align:left; } 
.su-top-right p{font-size:14px; color:#808080; line-height:30px; } 
.su-top-right h5{font-size:32px; color:#2a2a2a; line-height:40px; } 
.su-top-right h5 em{font-size:34px; } 
.su-top ul li:hover .su-top-img4{opacity:1; top:9px; left:11px; animation-name:second; animation-duration:0.8s; -webkit-animation-name:second; -webkit-animation-duration:0.8s; -moz-animation-name:second; -moz-animation-duration:0.8s; } 
@keyframes myfirst{
    from{right:0; top:5px; } 
    to{right:0; top:15px; } 
} 
@keyframes second{
    from{right:0; top:1px; } 
    to{right:0; top:9px; } 
}  

/*精选案例*/ 
.jd-title{overflow:hidden; } 
.jd-title h3{font-size:28px; color:#1F8FFF; line-height:40px; color:#333; text-align:center; margin:30px 0; }  
.jy_anli{width:100%; overflow:hidden; padding:100px 0 70px; background:#f0f8ff; }  
.jy_anli ul{position:relative; }  
.jy_anli ul li{position:relative; margin:45px auto 0; overflow:hidden; text-align:center; width:220px; background:#fff; padding:30px 0; border:0px solid #1f8fff; box-sizing:border-box; float:left; background:#fff; }  
.jy_anli ul li .jd-border{position:absolute; content:""; width:100%; height:4px; background:#1f8fff; left:-100%; top:0; }  
.jy_anli ul li .jd-cn-02{display:none; text-align:left; }  
.jy_anli ul li .jd-cn-02 p{font-size:14px; color:#666; line-height:24px; margin:10px 0; height:72px; overflow:hidden; }  
.jy_anli ul li .jd-cn-02 div{font-size:12px; color:#999999; line-height:27px; }  
.jy_anli ul li .jd-cn-02 div em{float:left; }  
.jy_anli ul li .jd-cn-02 div span{color:#333; padding:0 10px; display:inline-block; float:left; width:185px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }  
.jy_anli ul li a{display:block; border-right:1px solid #f0f0f0; }  
.jy_anli ul li:last-child a{border:none !important; }  
.jy_anli ul li .jd-cn-01{padding:0 30px; }  
.jy_anli ul li .jd-cn-01 h3{font-size:16px; color:#333; line-height:30px; margin:18px 0 2px; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }  
.jy_anli ul li .jd-cn-01 p{font-size:14px; color:#999; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }  
.jy_anli ul li.selected{width:320px; box-shadow:0 5px 15px rgba(0,60,121,.15); margin-top:15px; padding:20px 0; z-index:66; }  
.jy_anli ul li.selected .jd-border{left:0; transition:all ease .5s; }  
.jy_anli ul li.selected .jd-cn-01{display:none; }  
.jy_anli ul li.selected a{border:none !important; }  
.jy_anli ul li.selected .jd-cn-02{display:block; padding:0 30px; box-sizing:border-box; }  
.jy_anli ul li img{width:90px; height:90px; border-radius:50%; } 

/*更多案例*/ 
.more-anli{padding:30px 0 0; overflow:hidden; }  
.more-top{margin:30px 0 20px; overflow:hidden; }  
.more-anli ul.more-top-ul li{overflow:hidden; }  
.more-anli ul.more-top-ul li span{font-size:14px; color:#383838; display:inline-block; width:60px; float:left; line-height:50px; text-align:right; }
.more-anli ul.more-top-ul li div.more-top-remen{display:inline-block; margin-left:15px; max-width:1125px; float:left; line-height:50px; }  
.more-anli ul.more-top-ul li div.more-top-remen em{font-size:14px; color:#666; line-height:30px; padding:0 5px; cursor:pointer; }  
.more-anli ul.more-top-ul li div.more-top-remen em:hover{color:#1F8FFF; }  
.more-anli ul.more-top-ul li div.more-top-remen em.selected{color:#1F8FFF; }  
.more-anli ul.more-top-ul li.more-second em{display:inline-block; padding:0 10px; line-height:32px; border:1px solid #d2d3db; margin:10px 3px; border-radius:2px; cursor:pointer; }  
.more-anli ul.more-top-ul li.more-second em.selected{background:#1F8FFF; border:none; color:#fff; line-height:34px; }  
.more-anli ul.more-top-ul li.more-second em:hover{border:1px solid #1F8FFF; color:#1F8FFF; }  
.more-anli ul.more-top-ul li.more-second em.selected:hover{background:#1F8FFF; border:none; color:#fff; line-height:34px; }  
.more-anli ul.more-top-ul li.more-second div{width:1135px; float:left; margin-left:5px; }  
.more-ipt{display:inline-block; float:right; border:1px solid #d2d3db; background:#F5F5F5; margin-top:10px; line-height:30px; border-radius:14px; box-sizing:border-box; width:200px; }  
.more-ipt input{width:143px; color:#999; font-size:14px; float:left; line-height:30px; height:30px; padding:0 13px; border:none; background:none; appearance:none; }  
.more-ipt input::-moz-placeholder{color:#999; }  
.more-ipt input::-ms-input-placeholder{color:#999; }  
.more-ipt input::-webkit-input-placeholder{color:#999; }  
.more-ipt img{float:right; margin-right:13px; vertical-align:middle; margin-top:7px; cursor:pointer; }  
.nav-wrap.navFix{position:fixed; top:65px; left:0; box-shadow:0 0 5px rgba(0,0,0, 0.2); border-bottom:1px solid #e3e3e3\9; z-index:99; }  
.nav-wrap{width:100%; height:50px; background:#fff; }  #navHeight{display:none; }  
.more-content{background:#f4f4f4; overflow:hidden; padding:30px 0 55px; min-height:500px; }  
.more-content ul.more-cn-ul li{width:288px; float:left; background:#fff; margin-right:16px; margin-bottom:18px; box-shadow:0 3px 5px 0 rgba(0, 0, 0, 0.1); }  
.more-content ul.more-cn-ul li:nth-child(4n){margin-right:0; }  
.more-content ul.more-cn-ul .more-cn-text{padding:10px 15px 12px; box-sizing:border-box; }  
.more-content ul.more-cn-ul .more-cn-text img{width:100%; height:216px; float:left; }  
.more-content ul.more-cn-ul .more-cn-text h3{font-size:16px; color:#333; line-height:24px; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }  
.more-content ul.more-cn-ul .more-cn-text p{font-size:14px; color:#999; line-height:24px; margin-top:3px; }  
.more-content ul.more-cn-ul .more-cn-text01{background:url(../images/rg.png) no-repeat right; }  
.more-content ul.more-cn-ul .more-cn-title{position:relative; font-size:0; }  
.more-cn-ul .more-cn-title > img{width:100%; height:216px; }  
.more-content ul.more-cn-ul .more-cn-bg{width:100%; height:216px; position:absolute; left:0; top:0; background:rgba(0,0,0,.5); text-align:center; display:none; }  
.more-content ul.more-cn-ul .more-cn-bg p{font-size:14px; color:#fff; line-height:30px; }  
.more-content ul.more-cn-ul .more-cn-bg img{margin-top:70px; }  
.more-content ul.more-cn-ul li:hover .more-cn-bg{display:block; }  
.more-content ul.more-cn-ul li:hover{box-shadow:0 10px 15px 0 rgba(0, 0, 0, 0.15); }  
.nav-hangye{display:inline-block; margin-right:48px; *float:left; }  
.nav-hy-lf{display:inline-block; font-size:14px; line-height:50px; color:#333; }  
.nav-hy-rg{min-width:130px; height:50px; position:relative; }  
.nav-hy-rg span{display:block; min-width:130px; height:28px; line-height:28px; border:1px solid #ddd; padding:0 10px; box-sizing:border-box; background:url(../images/down.png) no-repeat 95%; margin-top:11px; }  
.nav-hy-rg ul{/*background:#fff; width:240px; position:absolute; left:-100px; border-radius:5px; box-shadow:0 0 5px rgba(255,255,255,.5); top:50px; display:none; */ background:#fff; width:240px; position:absolute; left:-100px; border-radius:5px; box-shadow:0 0 5px rgba(255,255,255,.5); top:50px; display:none; }  
.nav-hy-rg ul li{width:50%; float:left; text-align:center; font-size:14px; color:#333; line-height:34px; cursor:pointer; }  
.nav-hy-rg ul li:hover{color:#fff !important; background:#1f8fff; }  
.nav-hy-rg ul li.selected{color:#1F8FFF; }  
.more-cn-kong{text-align:center; margin-top:120px; }  
.more-cn-kong p{font-size:16px; color:#666; line-height:32px; margin-top:17px; } 

.hy-pagination{width:100%; text-align:center; padding-top:40px; clear:both; }  
.hy-pagination ul{display:inline-block; *text-align:center; }  
.hy-pagination ul li{width:35px; height:35px; border:1px solid #d2d3db; font-size:14px; box-sizing:border-box; line-height:33px; color:#666666; margin:0 5px 13px; float:left; cursor:pointer; transition:all ease .3s; }  
.hy-pagination ul li.pag-last{padding:0 10px; width:auto; }  
.hy-pagination ul li:hover{background:#1f8fff; color:#fff; border:1px solid #1f8fff; }  
.hy-pagination ul li.current{background:#1f8fff; color:#fff; border:1px solid #1f8fff; }  

/*客户说*/ 
.su-customer{padding:12px 0 65px; }  
.picScroll{position:relative; width:1200px; margin:0 auto; margin-top:15px; }  
.picScroll .prev, .picScroll .next{font-size:24px; color:#ddd; display:block; position:absolute; top:42%; width:48px; height:48px; background:#fff; border-radius:50%; border:1px solid #e8e9ed; text-align:center; line-height:48px; box-shadow:0 0 20px rgba(21,35,66,.1); background:#fff; }  
.picScroll .prev:hover, .picScroll .next:hover{color:#1F8FFF; }  
.picScroll .next{left:auto; right:-90px; }  
.picScroll .prev{right:auto; left:-60px; }  
.picScroll ul.bd{overflow:hidden; zoom:1; font-size:0; text-align:center; }  
.picScroll ul.bd li{width:310px; margin:65px 20px 25px; padding:0 30px; background:url(../images/bg1.png) no-repeat center #fff; box-shadow:0 0 10px rgba(10,71,124,.12); }  
.picScroll ul.bd li img{width:116px; height:116px; border-radius:50%; }  
.pic-tab{width:100%; position:relative; border-bottom:1px dashed #dddddd; padding-bottom:24px; margin:0 auto; text-align:center; }  
.pic-tab p{font-size:18px; color:#333; line-height:36px; width:100%; padding-top:76px; }  
.pic-div{position:absolute; top:-56px; text-align:center; width:100%; height:114px; }  
.pic-tab div{font-size:14px; color:#1F8FFF; line-height:24px; }  
.pic-tab div span{font-size:14px; color:#999; line-height:24px; }  
.zhi-content{width:100%; height:126px; padding:24px 0 56px 0; margin:0 auto; line-height:24px; font-size:14px; color:#666; overflow:hidden; }  
.picScroll ul.hd{text-align:center; }  
.picScroll ul.hd li{display:inline-block; height:3px; background:#e2e5f0; width:30px; margin:0 5px; }  
.picScroll ul.hd li.on{background:#1F8FFF; }  
.picScroll ul.bd li:hover{box-shadow:0 0 20px rgba(10,71,124,.2); }    

/*分页*/ 
.page-wnn{width:480px; margin:20px; /*float:right; */ padding-left:60%; }  
.paginator{font:12px Arial, Helvetica, sans-serif; padding:10px 0px 10px 0; margin:0 auto; overflow:hidden; }  
.paginator a{border:solid 1px #ddd; color:#B1B1B1; cursor:pointer; text-decoration:none; background:#fff; }  
.paginator a:visited{padding:1px 6px; border:solid 1px #ddd; background:#fff; text-decoration:none; }  
.paginator .cpb{border:1px solid #6da9de; font-weight:700; color:#6da9de; background-color:#ffeee5; }  
.paginator a:hover{border:solid 1px #6da9de; color:#fff; text-decoration:none; background:#6da9de; }  
.paginator a, .paginator a:visited, .paginator .cpb, .paginator a:hover{float:left; height:24px; line-height:24px; min-width:25px; _width:10px; margin-right:5px; text-align:center; white-space:nowrap; font-size:12px; font-family:Arial,SimSun; padding:0 3px; }  
.pages{text-align:center; margin-bottom:105px; margin-top:20px; }  
.pages a{display:inline-block; width:35px; height:35px; background-color:#DEDCDC; text-align:center; line-height:35px; font-family:Arial; font-size:14px; color:#666; margin:0 4px; }  
.pages a:hover, .pages .page-on{background-color:#6DA9DE; color:#fff; }  
.paginator > .active{float:left; color:#fff !important; width:25px; height:24px; line-height:24px; text-align:center; border:1px solid #479DF0; background-color:#479DF0; }  
.bkny{width:100%; }  .bkny-ny{width:100%; padding:50px 0; margin:0 auto; }  
.bkny-ny .xtb{width:94px; height:108px; margin:0 auto; }  
.bkny-ny .xtb img{width:100%; }  
.bkny-ny h3{text-align:center; line-height:40px; color:#565656; font-size:18px; font-weight:normal; }  
.more-content ul.more-cn-ul .more-cn-bg2 p{font-size:14px; color:#fff; line-height:30px; margin-top:7px; }  
.more-content ul.more-cn-ul .more-cn-bg2 img{margin-top:50px; }