/****************************** Global Style ******************************/
.fl{float: left;}
.fr{float: right;}
.mr0{margin-right: 0 !important;}
.bd0{border-width: 0 !important;}
.rps{display: block;max-width: 100%;}
.clearfix:after{content: "";display: block;clear: both;}
.about .container{width: 1200px;margin: 0 auto;}
.about .container-h{width: 1200px;margin: 0 auto;overflow: hidden;}
.about .container-f{width: 100%;}
.container,
.container-h,
.container-f,
.wrapper,
.box{position: relative;padding: .1px 0;}


/****************************** Icon Sprite ******************************/
.index-case .list .es-arrow a,
.about .culture ul li:before,
.about .honour a,
.about .news-list .es-grouped a,
.list-img-text-l a .info:after,
.list-img-text-l a .info em:before,
.detail-page .jump .back:before,
.contact li .top a:after{background-image: url(../images/base/about/icon.png);background-repeat: no-repeat;}
.about { padding:0;}
/****************************** CSS3 Transition ******************************/
.header ul li:before,
.list-img-text li:before,
.list-img-text li .bottom,
.list-img-text li em,
.list-img-text li span,
.list-img-text li a,
.list-img-text-l a,
.list-img-text-l a .info,
.list-img-text-l a .info span,
.list-img-text-l a .info em,
.contact ul li .top span,
.contact ul li .top a{-webkit-transition: all .3s;transition: all .3s;}


/****************************** Page Component ******************************/
/* 顶部banner */
.banner-top{width: 100%;overflow: hidden;}
.banner-top img{position: relative;left: 50%;display: block;margin-left: -960px;}

/* 页面模块标题 */
.module-title{display: block;margin: 0 auto;padding: 50px 0;}
.module-title + .tab{margin-top: -50px;}

/* tab切换 */
.tab .title{padding: 25px 0;text-align: center;}
.tab .title .wrapper{display: inline-block;overflow: hidden;}
.tab .title a{float: left;width: 100px;line-height: 30px;margin-right: 10px;background: #f3f3f3;border-radius: 15px;cursor: pointer;font-size: 14px;}
.tab .title a.active{background: #0078b8;color: #fff;}
.tab .title a:last-child{margin-right: 0;}
.tab .content{position: relative;}
.tab .content > div{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;filter: alpha(opacity=0);}
.tab .content > div.active{z-index: 1;opacity: 1;filter: alpha(opacity=1);}

/* 分页 */
.pagination{padding: 30px 0;text-align: right;}
.pagination .box{display: inline-block;overflow: hidden;}
.pagination .box span{float: left;height: 12px;line-height: 12px;min-width: 12px;margin: 0 4px;cursor: pointer;color: #4c4c4c;}
.pagination .box span.ellipsis{cursor: default;}
.pagination .box span:hover,
.pagination .box span.active{color: #0078b8;}

/* 图文列表 */
.list-img-text,
.list-img-text-l{overflow: hidden;}
.list-img-text li{position: relative;float: left;width: 285px;height: 280px;margin: 0 20px 50px 0;overflow: hidden;}
.list-img-text li:before{position: absolute;top: 0;left: 0;content: "";width: 283px;height: 156px;overflow: hidden;border: 1px solid transparent;}
.list-img-text li img{display: block;width: 100%;height: 158px;-webkit-transition: all 3s;transition: all 3s;}
.list-img-text li:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.list-img-text li .bottom{position: relative;height: 122px;background: #e6e6e6;}
.list-img-text li em{display: block;width: 16px;margin: 0 auto;padding-top: 20px;border-bottom: 1px solid #0078b8;}
.list-img-text li span{display: block;height: 20px;line-height: 20px;margin: 18px 20px 0;overflow: hidden;font-size: 14px;text-align: center;white-space: nowrap;text-overflow: ellipsis;}
.list-img-text li a{display: block;width: 74px;line-height: 24px;margin: 24px auto 0;background: #0078b8;border: 1px solid #0078b8;border-radius: 15px;font-size: 14px;color: #fff;text-align: center;letter-spacing: 1px;}
.list-img-text li:hover:before{border-color: #1948ab;}
.list-img-text li:hover .bottom{background: #0078b8;}
.list-img-text li:hover em{border-color: #fff;}
.list-img-text li:hover span{color: #fff;}
.list-img-text li:hover a{background: none;border-color: #fff;}

.list-img-text-l a{float: left;width: 384px;height: 238px;margin: 0 20px 60px 0;overflow: hidden;border: 1px solid #efefef;color: inherit;}
.list-img-text-l a img{display: block;width: 100%;height: 175px;-webkit-transition: all 3s;transition: all 3s;}
.list-img-text-l a img:hover{-webkit-transform: scale(1.1);transform: scale(1.1);}
.list-img-text-l a .info{position: relative;height: 65px;padding: 8px 0 0 8px;background: #e6e6e6;font-size: 14px;}
.list-img-text-l a .info:after{position: absolute;top: 10px;right: 10px;content: "";width: 35px;height: 38px;background-position: -308px -6px;}
.list-img-text-l a .info span{display: block;height: 20px;line-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list-img-text-l a .info em{display: block;line-height: 20px;margin-top: 8px;}
.list-img-text-l a .info em:before{content: "";display: inline-block;width: 20px;height: 20px;margin-right: 6px;vertical-align: middle;background-position: -215px -16px;}
.list-img-text-l a:hover{border-color: #b3d7ea;}
.list-img-text-l a:hover .info{background: #0078b8;}
.list-img-text-l a:hover .info span,
.list-img-text-l a:hover .info em{color: #fff;}
.list-img-text-l a:hover .info em:before{background-position: -267px -16px;}

/* 详情页 */
.detail-page{width: 840px;margin: 0 auto;}
.detail-page h1{line-height: 80px;font-weight: bold;font-size: 18px;color: #000;text-align: center;letter-spacing: 1px;}
.detail-page img{display: block;max-width: 100%;}
.detail-page .jump{position: relative;margin: 30px 0;padding-top: 20px;border-top: 1px dotted #ccc;}
.detail-page .jump span{display: block;line-height: 28px;font-size: 14px;color: #333;}
.detail-page .jump span a{color: #666;}
.detail-page .jump span a:hover{color: #0078b8;}
.detail-page .jump .back{position: absolute;top: 20px;right: 0;}
.detail-page .jump .back:before{content: "";display: inline-block;width: 16px;height: 16px;vertical-align: middle;background-position: -469px -19px;}


/****************************** Common Part ******************************/
.header .logo{float: left;width: 270px;height: 55px;margin-top: 18px;background: url(../images/base/about/logo.png) no-repeat;}
.header ul{float: right;overflow: hidden;}
.header ul li{position: relative;float: left;margin-left: 5px;}
.header ul li a{position: relative;display: block;width: 70px;line-height: 80px;padding: 8px 10px 0;font-size: 14px;color: #4c4c4c;text-align: center;letter-spacing: 1px;}
.header ul li:before{position: absolute;top: 0;left: 0;content: "";width: 100%;height: 100%;box-sizing: border-box;background: #fff;border: 1px solid #b2dbf3;border-bottom: none;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
.header ul li.active a{font-weight: bold;font-size: 16px;color: #333;}
.header ul li:hover:before,
.header ul li.active:before{background: #fafafa;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}

.footer{padding-top: 50px;background: #f5f5f5;}
.footer .category dl{float: left;width: 110px;margin-right: 45px;}
.footer .category dl:last-child{margin-right: 0;}
.footer .category dl dt{position: relative;margin-bottom: 20px;padding-bottom: 15px;border-bottom: 1px solid #e6e6e6;font-weight: bold;font-size: 14px;}
.footer .category dl dt a{font-weight: bold;font-size: 14px;color: #4c4c4c;}
.footer .category dl dt:after{position: absolute;bottom: -1px;left: 0;content: "";width: 18px;border-bottom: 1px solid #0078b8;}
.footer .category dl dd a{line-height: 25px;color: #4c4c4c;}
.footer .category dl dd a:hover{text-decoration: underline;}
.footer .qrcode{position: absolute;top: 55px;right: 0;}
.footer .qrcode .box{position: relative;width: 110px;padding: 5px;}
.footer .qrcode .box em{position: absolute;content: "";width: 25px;height: 25px;border: 2px solid #1e1f92;}
.footer .qrcode .box em.tl{top: 0;left: 0;border-right: none;border-bottom: none;}
.footer .qrcode .box em.tr{top: 0;right: 0;border-bottom: none;border-left: none;}
.footer .qrcode .box em.br{right: 0;bottom: 0;border-top: none;border-left: none;}
.footer .qrcode .box em.bl{bottom: 0;left: 0;border-top: none;border-right: none;}
.footer .qrcode .box img{display: block;width: 110px;height: 110px;}
.footer .qrcode span{display: block;margin-top: 16px;font-size: 14px;color: #666;text-align: center;}
.footer .qrcode span em{display: block;font-size: 28px;}
.footer .copyright{margin-top: 100px;background: #17417f;}
.footer .copyright p,
.footer .copyright p a{line-height: 50px;color: #ccc;}


/****************************** Index ******************************/
.index-about{height: 225px;background: url(../images/base/about/bg-index-about.png) no-repeat center center;}
.index-about .container{height: 100%;}
.index-about a{position: absolute;right: 52px;bottom: 58px;width: 106px;height: 36px;background: url(about:blank);}

.index-solution{height: 890px;background: url(../images/base/about/bg-index-solution.jpg) no-repeat center top;}
.index-solution .box{position: relative;width: 600px;height: 600px;margin: 0 auto;}
.index-solution .box ul{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.index-solution .box ul li{position: absolute;width: 105px;height: 105px;border-radius: 50%;}
.index-solution .box ul li.item-1{top: 490px;left: 155px;}
.index-solution .box ul li.item-2{top: 355px;left: 9px;}
.index-solution .box ul li.item-3{top: 155px;left: 5px;}
.index-solution .box ul li.item-4{top: 9px;left: 140px;}
.index-solution .box ul li.item-5{top: 5px;left: 337px;}
.index-solution .box ul li.item-6{top: 140px;left: 483px;}
.index-solution .box ul li.item-7{top: 340px;left: 490px;}
.index-solution .box ul li.item-8{top: 486px;left: 355px;}
.index-solution .box ul li a{position: absolute;top: 12px;display: none;width: 155px;height: 80px;line-height: 90px;font-size: 14px;color: #fff;letter-spacing: 1px;}
.index-solution .box ul li.left a{background: url(../images/base/about/solution-enter-left.png) no-repeat;text-indent: 45px;}
.index-solution .box ul li.right a{background: url(../images/base/about/solution-enter-right.png) no-repeat;text-indent: 50px;}
.index-solution .box ul li span{position: relative;display: block;line-height: 105px;background: url(../images/base/about/index-solution-item.png) no-repeat;cursor: default;font-weight: bold;font-size: 16px;text-align: center;}

.index-case .content{height: 320px;margin-bottom: 80px;}
.index-case .list .es-arrow a{width: 30px;height: 58px;cursor: pointer;}
.index-case .list .es-arrow a.prev{left: -60px;background-position: -10px -171px;}
.index-case .list .es-arrow a.next{right: -60px;background-position: -60px -171px;}


/****************************** 关于我们 ******************************/
.about h2{position: relative;width: 350px;line-height: 125px;margin: 0 auto;font-size: 18px;text-align: center;}
.about h2:before,
.about h2:after{position: absolute;top: 62px;content: "";width: 108px;border-bottom: 1px solid #808080;}
.about h2:before{left: 0;}
.about h2:after{right: 0;}
.about .intro .text{float: right;width: 710px;margin-bottom: 30px;}
.about .intro .text span{font-weight: bold;font-size: 16px;}
.about .intro .text p{line-height: 22px;margin-top: 14px;}

.about .culture{height: 650px;overflow: hidden;background: url(../images/base/about/bg-about-culture.jpg) no-repeat center top;}
.about .culture h2{margin-top: 35px;}
.about .culture p{font-size: 14px;text-align: center;}
.about .culture ul{margin-top: 130px;overflow: hidden;}
.about .culture ul li{float: left;width: 180px;margin-right: 70px;text-align: center;background-color:rgba(255,255,255,0.7); padding-top:20px }
.about .culture ul li:before{content: "";display: inline-block;width: 100px;height: 100px;}
.about .culture ul li.item-1:before{background-position: 0 -50px;}
.about .culture ul li.item-2:before{background-position: -100px -50px;}
.about .culture ul li.item-3:before{background-position: -200px -50px;}
.about .culture ul li.item-4:before{background-position: -300px -50px;}
.about .culture ul li.item-5:before{background-position: -400px -50px;}
.about .culture ul li span{display: block;margin-top: 20px;font-weight: bold;font-size: 16px;letter-spacing: 1px;}
.about .culture ul li p{line-height: 22px;margin-top: 15px;font-size: 14px;}

.about .honour{height: 750px;overflow: hidden;background: #f8f8f8 url(../images/base/about/bg-about-honour.png) no-repeat center bottom;}
.about .honour h2{margin-top: 25px;margin-bottom: 25px;}
.about .honour a{position: absolute;top: 144px;width: 25px;height: 42px;cursor: pointer;cursor: pointer;}
.about .honour a.prev{left: 0;background-position: -362px -4px;}
.about .honour a.next{right: 0;background-position: -412px -4px;}
.about .honour ul{height: 330px;margin: 0 300px;}
.about .honour ul li{width: 336px;height: 246px;padding: 8px;}
.about .honour ul li img{display: block;max-width: 100%;border: 1px solid #ccc;border-radius: 5px;background: #fff; padding:10px}

.about .news-list{margin-bottom: 150px;}
.about .news-list .es-grouped{bottom: -60px;}
.about .news-list .es-grouped a{width: 8px;height: 8px;margin: 0 4px;background-position: -21px -21px;cursor: pointer;}
.about .news-list .es-grouped a.active{background-position: -73px -21px;}
@media(max-width:630px){
.about .container-h { width:100%}
.about{width:100%}
.about .intro img{max-width:98%;padding:1%}
.about .intro .text { width:98%; padding:1%}
.content img{max-width:98%;padding:1%}
}