.banner{width: 100%;position: relative;overflow: hidden;}
.banner .flexslider {position: relative;overflow: hidden;}
.banner .flex-viewport {position: relative;overflow: hidden; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.banner .flexslider .slides li{position: relative;}
.banner .flexslider .slides li a{display: block;}
.banner .flexslider .slides li img,.banner .flexslider .slides li{width: 100%;}
.banner .flex-control-nav {width: 100%; position: absolute; bottom: 20px;left: 0; text-align: center;font-size: 0;}
.banner .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;font-size: 0;}
.banner .flex-control-paging li a {width: 14px; height: 14px; display: block; text-indent: -9999px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;/*border: 1px solid #fff;box-sizing: border-box;*/background-color: #fff;cursor: pointer;}
.banner .flex-control-paging li a:hover { background-color:#004490;/* border-color: #004490;*/}
.banner .flex-control-paging li a.flex-active { background-color: #004490;}
.banner .flexslider .flex-direction-nav {position: absolute;width: 100%;left: 0;top: 50%;margin-top: -25px;display: none;}

/*以上是banner*/

.project .project-list{}
.project .project-list li{float: left;width: 16.66%;}
.project .project-list li a{display: block;position: relative;}
.project .project-list li a .img{width: 100%;height: 560px;position: relative;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.project .project-list li a .img img{width: 100%;}
.project .project-list li a .img:after{content: "";position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 10;}

.project .project-list li a .content{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 11;}
.project .project-list li a .mes{display: table;width: 100%;height: 100%;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; ;transition: all 0.5s ease;}

.project .project-list li a .mes .box{display: table-cell;vertical-align: middle;text-align: center;position: relative;}
.project .project-list li a .mes .box img{width: 70px;}
.project .project-list li a .mes .box p{font-size: 26px;line-height: 28px;color: #fff;font-weight: bold;margin-top: 30px;}

.project .project-list li a .mes .hover-box{display: none;margin-top: 90px;}
.project .project-list li a .mes .hover-box p{font-size: 14px;line-height: 24px;color: #a7cef8;text-align: left;font-weight: lighter;}
.project .project-list li a .mes .hover-box img{width: 39px;}

.project .project-list li:hover a .mes{background: rgba(6,79,156,0.75);}
.project .project-list li:hover a .mes .hover-box{display: block;}

/*以上是服务项目*/
.newsIndex{margin-bottom: 100px;background-image: url("../images/news_bg.png");background-position: top right;background-repeat: no-repeat;background-size: 225px;}

.newsIndex .news-tab{text-align: center;margin-bottom: 60px;}
.newsIndex .news-tab .tab-nav {display: inline-block;}
.newsIndex .news-tab a{float: left;display: block;width: 133px;height: 36px;background: #f2f2f2;text-align: center;font-size:16px;line-height: 36px;color: #373737;position: relative; }
.newsIndex .news-tab a.on{background: #014f99;color: #fff;}
.newsIndex .news-tab a.on:after{content: "";position: absolute;bottom: -14px;left: 50%;  width: 0;  height: 0;  border: 8px solid transparent;  border-top: 8px solid #014f99;  margin-left: -8px;}
.newsIndex .news-list .list{display: none;}
.newsIndex .news-list .list.active{display: block;}
.newsIndex .news-list .list li{float: left;width: 24.25%;position: relative;  margin-right: 1%; }
.newsIndex .news-list .list li:nth-child(4n){margin-right: 0;}
.newsIndex .news-list .list a{display: block;color: #fff;position: relative;border: 2px solid #6eaeef;}
.newsIndex .news-list .list .img{position: relative;overflow: hidden;width: 100%;}
.newsIndex .news-list .list .img img{width: 100%; display: block; margin: 0 auto; transform: translateZ(0px);
    transition: transform 0.3s ease 0s;}


.newsIndex .news-list .list .info{padding: 25px 0;color: #333;width: 94%;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; ;transition: all 0.5s ease;}
.newsIndex .news-list .list .info  h2{font-size: 20px;line-height: 28px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;height: 56px;font-weight: bold;}
.newsIndex .news-list .list .info  p{font-size: 14px;line-height: 22px;height: 44px;text-align: left;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;margin-top: 35px;}
.newsIndex .news-list .list .info span{display: block;font-size: 12px;line-height: 14px;margin-top: 28px;}
.newsIndex .news-list .list a .img:after{content: ""; width: 100%;  height: 0;  background-color: rgba(6,79,156,0.60);  position: absolute;  top: 0px;  opacity: 0;  transition: all 0.3s ease 0s;}
.newsIndex .news-list .list li:hover a .img:after{height: 100%;opacity: 1;}
.newsIndex .news-list .list a .img::before { content: ''; width: 46px; height: 46px; background-image: url("../images/icon_sear.png"); margin-left: -23px; margin-top: -23px;background-size: 100%; display: inline-block; position: absolute; top: 0; left: 50%; z-index: 10; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; opacity: 0; }
.newsIndex .news-list .list li:hover a .img::before { top: 50%; opacity: 1; }
.newsIndex .news-list .list li:hover { box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }
.newsIndex .news-list .list li:hover .info { -webkit-transform:translateX(3%);-moz-transform: translateX(3%);-o-transform: translateX(3%);transform: translateX(3%); }

/*以上是动态新闻*/


.customer{background-color: #eef1f4;background-image: url("../images/customer_bg.png");background-position: left bottom;background-repeat: no-repeat;background-size: 235px;}
.customer .customerL{padding-bottom: 90px;}
.customer .customerL li{float: left;width: 12%;margin: 5px 0.25% ;background: #fff;}
.customer .customerL li:nth-child(4n){margin-right: 0;}
.customer .customerL li a{display: block;border: 6px solid #6eaeef;}
.customer .customerL li a img{width: 100%;}

.customer-list{padding-bottom: 90px;}
.customer-list li{float: left;width: 25%;margin-right:11.2% ;background: #dbdee1;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; ;transition: all 0.3s ease;}
.customer-list li:last-child{margin-right: 0;}
.customer-list li a{display: block;padding-top: 48px;padding-bottom: 25px;}
.customer-list li a .icon{text-align: center;}
.customer-list li a img{width: 68px;max-width: 96%;}
.customer-list li a .imghover{display: none;}
.customer-list li a p{font-size: 20px;line-height: 26px;color: #909090;font-weight: bold;text-align: center;margin-top: 26px;}
.customer-list li:hover {background: #0138b6;}
.customer-list li:hover .img{display: none;}
.customer-list li:hover .imghover{display: inline-block;}
.customer-list li:hover a p{color: #fff;}