body{background:#fff}
.header{position:fixed;width:100%;z-index:999;background:none;transition:0.5s}
.s-header,.header:hover{background:#090b1a}
.header .search{display:none}
.index-banner{min-width:1200px}
.index-banner{background:url(../images/banner.jpg) no-repeat bottom center;position:relative}
.index-banner .s{padding:230px 0;position:relative;z-index:100;text-align:center}
.index-banner h2{font-size:45px;line-height:50px;color:#fff}
.index-banner h2 span{color:#fff}
.index-banner .mc{color:#0595c7;margin-left:20px}
.index-banner h6{padding-top:20px;line-height:30px;font-size:18px;color:#ddd}
.index-slogan{position:relative;z-index:100;padding:20px 0;background:rgba(0,0,0,0.3)}
.index-slogan .service-subject{float:left;width:23%;padding:0 1%}
.index-slogan .m{float:left;width:50px;padding:11px 0;margin-right:12px}
.index-slogan .m img{vertical-align:middle}
.index-slogan .title-sub{line-height:36px;font-size:18px;color:#eee}
.index-slogan .des{font-size:13px;color:#93979f;line-height:18px;height:36px;overflow:hidden}
.index-title{text-align:center}
.index-title .title{font-size:30px;line-height:40px;color:#333}
.index-title .tips{font-size:15px;line-height:15px;color:#888;padding: 20px 0;}
.index-title .title-line{height:20px}
.index-service{padding:100px 0 30px;zoom:1;min-width:1200px}
.index-service .s{padding-top:20px}
.index-service .sub{float:left;width:25%;height:220px;background:#fff;position:relative;transition:0.3}
.index-service .des{height:40px;line-height:20px;padding:0 15px;overflow:hidden;font-size:13px;color:#646A75;text-align:center}
.index-service .m{padding:20px 0;text-align:center}
.index-service .m img{width: 120px; height:80px}
.index-service .ul-s{padding:13px}
.index-service dl{padding:15px}
.index-service dt{font-size:20px;font-weight:300;text-align:center;color:#555}
.index-service ul{position:absolute;left:0;right:0;top:0;bottom:0;background:#3a9eec;color:#fff;text-align:center;display:none}
.index-service ul h6{font-size:20px;font-weight:400;line-height:30px;margin-bottom:20px;color:#fff}
.index-service ul li{font-size:13px;line-height:24px;color:#fff}
.index-service .index2n{margin-top:20px;height:36px}
.index-service .index2n a{color:#fff;padding:6px 25px;line-height:36px;border-radius:1px;border:1px #FFF solid}
.index-service .index2n a:hover span{color:#0595c7}
.index-case{min-width:1200px;padding:80px 0;zoom:1;background:#f8f8f8 url(../images/case-bg.jpg) no-repeat fixed center center}
.index-case .title{color:#eee}
/*.index-case ul{padding:40px 0;}*/
/*.index-case li{float:left;width:25%}*/
/*.index-case li a{display:block;margin:2px;position:relative;overflow:hidden}*/
/*.index-case li img{width:300px;height:200px;vertical-align:middle;transition:all .5s;}*/
/*.index-case li img:hover{filter: brightness(1.15);-webkit-filter: brightness(1.15);transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1)}*/
/*.index-case li p{position:absolute;bottom:0;left:0;width:100%;line-height:32px;height:32px;overflow:hidden;background:url(../images/a.png)}*/
/*.index-case li span{color:#fff;padding:0 15px;text-decoration:none}*/
.index-case .more{display:block;margin:0 auto;width:130px;height:36px;line-height:36px;font-size:16px;color:#3a9eec;border:1px #3a9eec solid;border-radius:3px;    text-align: center;}
.index-case .more span{color:#3a9eec}
.index-case .more em{background:#3a9eec}
.index-case .more:hover span{color:#fff}
.index-customer{min-width:1200px;padding:80px 0 10px;background:#fff}
.customer-box{padding:50px 150px 10px}
.customer-box .m{float:left;width:195px;margin-right:20px}
.customer-box .m img{width:195px;height:130px;border-radius:2%}
.customer-box .big-title{height:20px;line-height:20px;font-size:18px;color:#333;}
.customer-box p{padding:15px 0 10px;line-height:22px;font-size:14px;color:#777;max-height:66px;overflow:hidden}
.customer-box .s-title{height:20px;line-height:20px;font-size:14px;color:#999}
.customer-box .hd{text-align:center;padding:10px 0 0}
.customer-box .hd li{display:inline-block;*display:inline;zoom:1;width:8px;height:8px;margin:0 3px;cursor:pointer;border:1px #0590c7 solid;border-radius:50%}
.customer-box .hd .on{background:#0595c7}
.index-news{min-width:1200px;padding:70px 0;background:#f8f8f8 url(../images/brand_bg.png) no-repeat fixed center;border:1px #f0f0f0 solid;border-width:1px 0}
.index-news .s{padding-top:40px}
.index-news .news-list{float:left;width:400px}
.index-news .list-s{margin:0 10px;background:#fff;border:1px #f2f2f2 solid}
.index-news .m{position:relative}
.index-news .m p{position:absolute;left:0;width:100%;top:0;bottom:0;text-align:center;line-height:120px;font-size:20px;background:rgba(0,0,0,0.5);color:#eee}
.index-news .m img{width:100%;height:120px}
.index-news ul{padding:10px 15px}
.index-news li{height:40px;line-height:40px;overflow:hidden;font-size:14px;padding-left:10px;background:url(../images/lidot.gif) no-repeat left center}
.index-news li h4{float: left;white-space: nowrap;width: 75%;overflow: hidden;text-overflow: ellipsis;}
.index-news li a{padding: 10px 0;}
.index-news li span{float:right;margin-left:10px;font-size:12px;color:#888}
.index-partner{min-width:1200px;padding:10px 0 80px;background:#fff}
.index-partner .s{padding:0}
.index-partner ul{padding:0 10px}
.index-partner li{float:left;width:20%}
.index-partner a{display:block;margin:10px;height:80px;border:1px #ededed solid;background-repeat:no-repeat;background-position:center;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);transition:0.3s;cursor:pointer}
.index-partner a:hover{border-color:#dcdcdc;-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:grayscale(0);filter:none}
.index-contact{min-width:1200px;padding:60px 0;background-image:url(../images/contact-bg.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position:center top;position:relative}
.index-contact .cover{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.5);z-index:1}
.index-contact .s{position:relative;padding:0 120px;z-index:100}
.index-contact h6,.index-contact h5{font-size:30px;color:#fff;line-height:40px}
.index-contact p{line-height:50px;font-size:18px;color:#eee}
.index-contact .btn{position:absolute;top:50%;right:120px;display:block;width:200px;margin-top:-25px;border:1px #fff solid;text-align:center;border-radius:3px}
.index-contact .btn a{display:block;height:48px;line-height:48px;font-size:18px;color:#fff}
.index-process {min-width:1200px;background:#fff;padding:30px 0 80px}
.topabout{ float: left; padding: 0 40px;}
.index-process ul{padding:40px 40px 0}
.index-process li{float:left;width:12%}
.index-process li{display:block;border-left:1px #ddd dotted;text-align:center;color:#808080}
.index-process li.no {border-left:0}
.index-process em { line-height: 50px;font-size: 13px;color: #aaa;}
.index-process li p{font-size:16px;line-height:40px}
.index-process li img{height:50px}

.dp{ display:block}
.tc{ text-align:center}  .fl{ float:left} .fr{ float:right}
.clear{clear:both;}   .clearfix:after{content:"."; display:block; visibility:hidden; height:0; clear:both}
.main-page{margin:0 auto;width:1200px}
.main-page .left{ padding-right: 25px; border-right: 1px #fff solid; margin-top:90px}
.main-page .left, .main-page .right{float:left;}
.main-page .nav-back{height:300px;}
.main-page .nav{position:relative;margin-top:-300px;width:200px;text-align:center;font-size:18px;font-family:"微软雅黑";color:#fff;}
.main-page .nav div{height:47px;line-height:47px; margin-bottom: 8px; border-radius: 2px; cursor: pointer;}
.main-page .nav div.on{background:#3091f2; }
.main-page .right{width:924px;height:600px;margin-left:50px;}
.main-page .content{position:relative; width:987px; height:600px; overflow:hidden;}
.main-page .content .con-ggh{ width:987px; height:700px;}
.con-ggh ul{ padding-top:20px; display:block} 
.con-ggh ul li{ padding-top:20px; margin-right:20px; float:left}
.list-pic{ background-color: rgba(255,255,255,0.3); padding: 10px; width: 170px; height: 113px; border: 1px solid #b9babe;}
.list-pic img{ width:170px; height:113px; display:block}
.con-ggh .item-name{ padding:20px 0; height: 20px;font-size: 16px; text-align: center; color: #fff; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.b-intro{ margin-top:20px;width:620}
.b-intro a span{font-size:14px; margin-bottom:12px; color:#fff}
.b-intro span{font-size:24px; margin-bottom:30px; color:#fff}
.b-intro p{height: 90px;line-height: 23px;overflow:hidden;color:#fff;font-size:14px;margin-bottom: 50px;letter-spacing: 1px;}
.ck-m{ width:123px; height:36px; line-height:36px; border:1px #fff solid; margin-top:25px}
.zcinfo{ width:650px; margin-top:50px} 

.ptpic-dl{ margin-top:30px}
.ptpic-dl,.phone-img{width: 283px;height: 438px;/* border-radius: 50px; */margin: 41px 14px 0px 0px;/* position: absolute; */}
.phone-framework{position: absolute;width: 314px;height: 555px;top: 24px;left: 674px;}