@charset "utf-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/


/*banner*/
.banner{position: relative;width:calc(100% - 90px);min-width:1110px;margin-left:90px;height:100vh; z-index: 1;transition: all .3s;-webkit-transform: all .3s;}
.banner .banner-box{width: 100%;height: 100%;transition: all .3s;-webkit-transform: all .3s;background-size:cover;background-repeat:no-repeat;background-position:center;}
.banner .banner-box .swiper-slide{width: 100%;height: 100%;text-align: center;transition: all .3s;-webkit-transform: all .3s;overflow: hidden;}
.banner .banner-box .swiper-slide.banner-img a{display: block;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.banner .banner-box .swiper-slide .video-play{display: block;width: 100%;height: 100%;position:absolute;top:0;left:0;z-index:-1;}
.banner .banner-box .swiper-slide .video-play video{display: block;}
.banner .banner-box .swiper-slide.banner-video span{width: 100%;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.banner .banner-box .swiper-slide.banner-video .video-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.66);z-index:99}
.banner .banner-box .swiper-slide.banner-video .video-bg h3{width:100%;padding:0 4%;margin-top:20%;}
.banner .banner-box .swiper-slide.banner-video .video-bg h3 img{max-width:100%;display:block;margin:0 auto;}

.banner .banner-box .swiper-pagination{bottom:20px;text-align:right;padding-right:4%;}
.banner .banner-box .swiper-pagination-bullet{width: 32px;height:2px;opacity: 0.4;filter: alpha(opacity=40);background: #fff;margin: 0 4px;border-radius:0;transition: all 0.6s;-webkit-transform: all 0.6s;}
.banner .banner-box .swiper-pagination-bullet-active{opacity: 1;filter: alpha(opacity=100);transition: all 0.6s;-webkit-transform: all 0.6s;}
/*.banner .banner-box .swiper-button-prev{background:url(../images/icon-left01.png) no-repeat center;top:auto;bottom:20px;left:auto;right:18%;}
.banner .banner-box .swiper-button-next{background:url(../images/icon-right01.png) no-repeat center;top:auto;bottom:20px;left:auto;right:2%;}*/

.next-screen{position:absolute;bottom:20px;left:50%;margin-left:-30px;width:60px;z-index:9;opacity:0.6; transition: all 0.6s;-webkit-transform: all 0.6s; }
.next-screen a{float:left;width:100%;padding-top:66px;font-size:12px;color:#fff;line-height:18px;text-align:center;background:url(../images/icon-sroll.png) no-repeat center top;text-transform:uppercase; }
.next-screen:hover{opacity:1;}

@media (max-width: 1360px) {
	.banner .banner-box .swiper-slide.banner-video .video-bg h3{width:100%;padding:0 8%;margin-top:20%;}
}

@media (max-width: 1000px) {
	.banner .banner-box .swiper-slide.banner-video{display:none;}
}

/* 首页 标题 */
.home-title{width:100%;margin:0 auto;padding-bottom:40px;position:relative;}
.home-title h3{width:100%;font-size:40px;color:#000;line-height:40px;font-weight:600;text-align:center;font-family:"Microsoft YaHei","微软雅黑";text-transform:uppercase;}
.home-title h6{width:100%;font-size:16px;color:#333;line-height:32px;text-align:center;font-family:"Microsoft YaHei","微软雅黑";}

@media(max-width:769px){
	.home-title{padding:60px;}
	.home-title h3{font-size:32px;line-height:32px;}
}

@media(max-width:480px){
	.home-title{padding:36px;}
	.home-title h3{font-size:22px;line-height:24px;}
	.home-title h6{font-size:14px;line-height:24px;}

}

/*首页 关于*/
.home-more{position:absolute;top:8%;left:0;width:100px;}
.home-more a{float:left;width:100%;font-size:20px;height:60px;color:#000;font-family:"宋体";position:relative;}
.home-more a h6{position:absolute;left:0px;top:0;z-index:3;font-size:20px;line-height:60px;color:#000;font-family:"Times New Roman";font-weight:bold;}
.home-more a span{position:absolute;left:72px;top:0;z-index:3;font-size:20px;line-height:60px;color:#000;font-family:"Microsoft YaHei";transition: all 0.6s;-webkit-transform: all 0.6s;}
.home-more a:hover span{transform: translateX(10px);}
.home-more a i{position:absolute;left:48px;top:0;z-index:1;border:#00a0e9 solid 3px;width:60px;height:60px;border-radius:50%;-webkit-border-radius:50%;transition: all 0.6s;-webkit-transform: all 0.6s;}
.home-more a:hover i{width:0;height:0;top:50%;left:78px;opacity:0;}
.home-more a em{position:absolute;left:78px;top:50%;z-index:2;background:#00a0e9;opacity:0;width:0px;height:0px;border-radius:50%;-webkit-border-radius:50%;transition: all 0.6s;-webkit-transform: all 0.6s;}
.home-more a:hover em{width:60px;height:60px;top:0;left:48px;opacity:1;}

.home-more2{width:200px;margin:48px auto 0 auto;}
.home-more2 a{display:block;width:100%;height:48px;overflow:hidden;text-align:center;border:#000 solid 1px;transition: all 0.3s;-webkit-transition: all 0.3s;}
.home-more2 a span{font-size:24px;}
.home-more2 a:hover{background:#00a0e9;border:#00a0e9 solid 1px;}
.home-more2 a h3{width:100%;font-size:16px;color:#000;font-family:"dinlight";text-align:center;line-height:42px;height:46px;transition: all 0.3s;-webkit-transition: all 0.3s;}
.home-more2 a h6{width:100%;font-size:16px;color:#fff;font-family:"Microsoft YaHei","微软雅黑";text-align:center;line-height:46px;height:46px;transition: all 0.3s;-webkit-transition: all 0.3s;}
.home-more2 a h6 span{font-size:16px;}
.home-more2 a:hover h3{margin-top:-46px;}

@media(max-width:480px){
	.home-more2{width:120px;margin-top:24px;}
	.home-more2 a{height:34px;}
	.home-more2 a h3{font-size:12px;line-height:32px;height:32px;}
	.home-more2 a span{font-size:16px;}
	.home-more2 a:hover h3{margin-top:0;color:#fff;}
}

/* 首页 作品集 */
.home-works{width:calc(100% - 90px);min-width:1110px;margin-left:90px;padding:60px 0;}
.home-works-list{width:100%;transition: all 1s;-webkit-transition: all 1s;}
.home-works-list li{float:left;width:25%;}
.home-works-list li a{display:block;width:100%;height:0;padding-bottom:100%;position:relative;overflow:hidden;}
.home-works-list li a .bg{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;background:#000;overflow:hidden;}
.home-works-list li a .content{position:absolute;top:0;left:0;z-index:3;width:100%;height:100%;overflow:hidden;background:#646464;transition: all 0.3s;-webkit-transition: all 0.3s;}
.home-works-list li:hover a .content{background:#00a0e9;}
.home-works-list li a .content .img{width:100%;}
.home-works-list li a .content .img img{width:100%;display:block;}
.home-works-list li a .content .txt{width:100%;padding:9%;}
.home-works-list li a .content .txt h3{width:100%;font-size:28px;color:#fff;font-family:"Microsoft YaHei","微软雅黑";line-height:40px;height:40px;text-transform:uppercase;}
.home-works-list li a .content .txt h4{width:100%;font-size:22px;color:#fff;font-family:"Microsoft YaHei","微软雅黑";line-height:40px;}
.home-works-list li a .content .txt h6{position:absolute;bottom:9%;left:9%;z-index:4;width:80%;font-size:12px;color:#fff;font-family:"Microsoft YaHei","微软雅黑";}
.home-works-list li a .content .txt .arrow{position:absolute;bottom:9%;left:9%;z-index:4;width:80%;height:62px;background:url(../images/icon-right.png) no-repeat left center;background-size:64px;}
.home-works-list li a .content .txt h5.en{width:100%;font-size:28px;color:#fff;font-family:"dinlight";line-height:32px;height:32px;text-transform:uppercase;}
.home-works-list li a .content .txt .txt-bottom{position:absolute;bottom:9%;left:9%;z-index:6;width:82%;}
.home-works-list li a .content .txt .txt-bottom p{width:100%;font-size:12px;color:#fff;font-family:"Microsoft YaHei","微软雅黑";line-height:24px;height:24px;}

.home-works-list li a .mask{position:absolute;top:0;left:0;z-index:5;width:100%;height:100%;overflow:hidden;background:#00a0e9;opacity:0;transition: all 0.3s;-webkit-transition: all 0.3s;}
.home-works-list li a .mask .txt{width:100%;padding:9%;}
.home-works-list li a .mask .txt h3{width:100%;font-size:22px;color:#fff;font-family:"Microsoft YaHei","微软雅黑";line-height:40px;height:40px;}
.home-works-list li a .mask .txt h3.en{width:100%;font-size:28px;color:#fff;font-family:"Microsoft YaHei","微软雅黑";line-height:40px;height:40px;text-transform:uppercase;}
.home-works-list li a .mask .txt h4.cn{width:100%;font-size:22px;color:#fff;font-family:"Microsoft YaHei","微软雅黑";line-height:40px;}
.home-works-list li a .mask .txt h4{width:100%;font-size:28px;color:#fff;line-height:32px;height:32px;text-transform:uppercase;}
.home-works-list li a .mask .txt .txt-bottom{position:absolute;bottom:9%;left:9%;z-index:6;width:82%;}
.home-works-list li a .mask .txt .txt-bottom p{width:100%;font-size:12px;color:#fff;font-family:"Microsoft YaHei","微软雅黑";line-height:24px;height:24px;}
.home-works-list li:hover a .mask{opacity:1;}

.home-works-list li.list-video{width:50%;}
.home-works-list li.list-video a{padding-bottom:50%;}
.home-works-list li.list-video .works-video{width:100%;position: absolute;left:0;top:0;}
.home-works-list li.list-video .works-video video{display: block;width:100%;height:100%;}

@media(max-width:1440px){
	.home-works-list li a .content .txt h3{font-size:28px;line-height:32px;height:32px;}
	.home-works-list li a .content .txt h5.en{font-size:24px;line-height:28px;}
	.home-works-list li a .mask .txt h4{font-size:24px;line-height:28px;}
}
 
/* 首页 关于我们 */
.home-about{width:calc(100% - 90px);min-width:1110px;margin-left:90px;padding:60px 0;}
.home-about-txt{width:100%;font-size:16px;color:#7b7b7b;line-height:32px;font-family:"Microsoft YaHei","微软雅黑";text-align:center;position:relative;}
.home-about-txt p{line-height:32px;}
.home-about-txt .mask{position:absolute;bottom:0;left:0;z-index:9;height:48px;width:100%;background:url(../images/home-about-mask01.png) repeat-x left bottom;background:auto 100%;display:none;}

@media(max-width:769px){
	.home-about-txt{font-size:12px;line-height:24px;height:96px;overflow:hidden;}
	.home-about-txt p{line-height:24px;}
}

@media(max-width:480px){
	.home-about{padding-top:0;}
}

.home-about-list{width:100%;margin-top:40px;position:relative;}
.home-about-list .swiper-container{padding:1% 0;z-index:9;}
.home-about-list a{width:100%;display:block;}
.home-about-list a .img{width:100%;position:relative;overflow:hidden;}
.home-about-list a .img img{display:block;width:100%;transition: all 1s;}
.home-about-list a:hover .img img{-webkit-transform:scale(1.15);
	-moz-transform: scale(1.15);
	-ms-transform: scale(1.15);
	-o-transform: scale(1.15);
	transform: scale(1.15);}
/*
.home-about-list a .img .mask{width:100%;height:100%;position:absolute;top:0;left:0;background:#00a0e9;vertical-align: middle;display: -webkit-flex; -webkit-align-items: center; display: flex;align-items: center;transition: all 0.3s;-webkit-transition: all 0.3s;opacity:0;}
.home-about-list a .img .mask i{display:block;width:100%;font-size:72px;font-style:normal;color:#fff;line-height:72px;text-align:center;font-family:"iconfont"!important;}
.home-about-list a:hover .img .mask{opacity:1;}
*/
.home-about-list a .txt{width:100%;padding:12px;transition: all 0.3s;-webkit-transition: all 0.3s;}
.home-about-list a .txt h3{width:100%;font-size:14px;color:#000;line-height:24px;height:24px;font-weight:600;text-align:center;font-family:"Microsoft YaHei","微软雅黑";transition: all 0.3s;-webkit-transition: all 0.3s;}
.home-about-list a .txt h4{width:100%;font-size:14px;color:#333;line-height:28px;height:28px;text-align:center;font-family:"Microsoft YaHei","微软雅黑";transition: all 0.3s;-webkit-transition: all 0.3s;}
.home-about-list a:hover .txt{-webkit-box-shadow: 0px 0px 30px rgba(0,0,0,0.1);box-shadow: 0px 0px 30px rgba(0,0,0,0.1);}
.home-about-list a:hover .txt h3{color:#00a0e9;}
.home-about-list a:hover .txt h4{color:#00a0e9;}

.home-about-list .swiper-pagination{width:100%;text-align:center;}
.home-about-list .swiper-pagination-bullet{width:8px;height:8px;margin:0 4px;background:#d3d3d3;opacity:1;transition:all 0.3s;-webkit-transition:all 0.3s;}
.home-about-list .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#00a0e9;opacity:1;}

.home-about-list .swiper-button-next,.home-about-list .swiper-button-prev{width:24px;height:19px;top:auto;bottom:-20px;background:url(../images/home/prev01-1.png) no-repeat center;transition: all 0.6s;-webkit-transition: all 0.6s;opacity:1;left:50%;margin-left:-84px;z-index:12;}
.home-about-list .swiper-button-next{background:url(../images/home/next01-1.png) no-repeat center;margin-left:60px;}
.home-about-list .swiper-button-next.swiper-button-disabled{background:url(../images/home/next01.png) no-repeat center;}
.home-about-list .swiper-button-prev.swiper-button-disabled{background:url(../images/home/prev01.png) no-repeat center;}

/* 首页 案例 */
.home-case{width:calc(100% - 90px);min-width:1110px;margin-left:90px;padding:80px 0;}
.home-case-title{width:83%;margin:0 8.5%;position:relative;padding-bottom:40px;}
.home-case-title .thecase{float:left;width:100%;}
.home-case-title .thecase img{max-width:100%;float:left;}
.home-case-title h2{float:left;width:100%;margin-top:20px;font-size:50px;color:#000;line-height:60px;padding-left:20px;}
.home-case-title .home-more{top:auto;bottom:40px;left:auto;right:0;}

.home-case ul{width:100%;margin:0 auto;}
.home-case ul li{float:left;width:33.3%;position:relative;}
.home-case ul li .cs-img{float:left;width:100%;overflow:hidden;}
.home-case ul li .cs-img img{display:block;width:100%;transition: 1s;
	-webkit-transform:scale(1.15);
	-moz-transform: scale(1.15);
	-ms-transform: scale(1.15);
	-o-transform: scale(1.15);
	transform: scale(1.15);}
.home-case ul li:hover .cs-img img{-webkit-transform:scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);}
.home-case ul li .cs-icon{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,160,233,0.8);padding:25px;transition: all 1s;-webkit-transform: all 1s;opacity:0;}
.home-case ul li .cs-icon a{float:left;width:100%;height:100%;position:relative;}
.home-case ul li .cs-icon a .cs-logo{position:absolute;top:50%;left:50%;width:220px;height:100px;margin-top:-50px;margin-left:-110px;}
.home-case ul li .cs-icon a .cs-logo img{display:block;max-width:100%;}
.home-case ul li .cs-icon a span{display:block;position:absolute;background:#82d8ff;opacity:0.85;width:1px;height:1px;-webkit-transition: all 2s ease 0s;
    -moz-transition: all 2s ease 0s;-ms-transition: all 2s ease 0s;-o-transition: all 2s ease 0s;transition: all 2s ease 0s;}
.home-case ul li .cs-icon a span.lineL{bottom:0;left:0;}
.home-case ul li .cs-icon a span.lineR{top:0;right:0;}
.home-case ul li .cs-icon a span.lineT{top:0;left:0;}
.home-case ul li .cs-icon a span.lineB{bottom:0;right:0;}

.home-case ul li:hover .cs-icon{opacity:1;transition: all 1s;-webkit-transform: all 1s;}
.home-case ul li:hover .cs-icon span.lineL{height:100%;}
.home-case ul li:hover .cs-icon span.lineR{height:100%;}
.home-case ul li:hover .cs-icon span.lineT{width:100%;}
.home-case ul li:hover .cs-icon span.lineB{width:100%;}

@media (max-width: 1560px) {
	.home-case ul li .cs-icon{padding:20px;}
	.home-case ul li .cs-icon a .cs-logo{width:180px;height:82px;margin-top:-41px;margin-left:-90px;}
}

/* 首页 新闻 */
.home-news{width:calc(100% - 90px);min-width:1110px;margin-left:90px;padding:40px 20px 120px;}

.home-news-nav{width:100%;text-align:center;margin-top:-20px;}
.home-news-nav a{display:inline-block;font-size:18px;color:#000;line-height:50px;border-bottom:transparent solid 2px;font-family:"Microsoft YaHei","微软雅黑";transition:all 0.3s;-webkit-transition:all 0.3s;}
.home-news-nav span{display:inline-block;font-size:18px;color:#000;line-height:50px;margin-left:20px;margin-right:20px;}
.home-news-nav a:hover{color:#00a0e9;border-bottom:#00a0e9 solid 2px;}

.home-news-box{width:100%;margin-top:40px;position:relative;}
.home-news-left{float:left;width:28%;padding:30px;background:#f5f5f5;}
.home-news-left a{float:left;width:100%;}
.home-news-left a h5{float:left;width:100%;font-size:20px;line-height:30px;color:#333;height:60px;font-family:"Microsoft YaHei","微软雅黑";overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;transition:all 0.3s;-webkit-transition:all 0.3s;}
.home-news-left a h6{float:left;width:100%;font-size:18px;line-height:28px;color:#999;font-family:"Arial";margin-top:20px;margin-bottom:20px;}
.home-news-left a .img{float:left;width:100%;overflow:hidden;}
.home-news-left a .img img{display:block;width:100%;height:0;padding-bottom:100%;background-size:cover;background-position:center;background-repeat:no-repeat;transition: 1s;}
.home-news-left a:hover h5{color:#00a0e9;}
.home-news-left a:hover .img img{-webkit-transform:scale(1.15);
	-moz-transform: scale(1.15);
	-ms-transform: scale(1.15);
	-o-transform: scale(1.15);
	transform: scale(1.15);}

.home-news-middle{float:left;width:28%;margin-left:15px;position:absolute;top:0;left:28%;height:100%;}
.home-news-middle ul{width:100%;height:100%;}
.home-news-middle li{float:left;width:100%;height:calc(50% - 8px);margin-bottom:15px;background:#f5f5f5;padding:40px 50px;transition:all 0.3s;-webkit-transition:all 0.3s;}
.home-news-middle li a{float:left;width:100%;}
.home-news-middle li a .txt{width:100%;float:left;border-bottom:#e4e4e4 solid 1px;padding-bottom:6%;}
.home-news-middle li a .txt h5{width:100%;font-size:20px;line-height:32px;color:#333;height:32px;font-family:"Microsoft YaHei","微软雅黑";overflow:hidden; text-overflow:ellipsis;display:block;white-space:nowrap;transition:all 0.3s;-webkit-transition:all 0.3s;margin-bottom:3%;}
.home-news-middle li a .txt p{float:left;width:100%;font-size:14px;line-height:24px;color:#7b7b7b;height:48px;font-family:"Microsoft YaHei","微软雅黑";overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;transition:all 0.3s;-webkit-transition:all 0.3s;}
.home-news-middle li a .date{float:left;width:100%;padding-top:6%;}
.home-news-middle li a .date .time{float:left;width:72px;}
.home-news-middle li a .date .time span{float:left;width:100%;font-size:60px;color:#999;font-family:"Arial";font-weight:600;line-height:54px;text-align:center;transition:all 0.3s;-webkit-transition:all 0.3s;}
.home-news-middle li a .date .time p{float:left;width:100%;font-size:18px;line-height:24px;color:#999;text-align:center;font-family:"Arial";transition:all 0.3s;-webkit-transition:all 0.3s;}
.home-news-middle li a .more{float:right;width:42px;height:80px;background:url(../images/home/news-more.png) no-repeat center;transition:all 0.3s;-webkit-transition:all 0.3s;}

.home-news-middle li:hover a .txt h5{color:#00a0e9;}
.home-news-middle li:hover a .date .time span{color:#00a0e9;}
.home-news-middle li:hover a .date .time p{color:#00a0e9;}
.home-news-middle li:hover a .more{background:url(../images/home/news-more-1.png) no-repeat center;}

.home-news-right{float:right;width:calc(44% - 30px);height:100%;position:absolute;top:0;right:0;padding:15px 50px 0;background:#f5f5f5;}
.home-news-right ul{width:100%;height:100%;}
.home-news-right li{float:left;width:100%;height:25%;border-bottom:#e4e4e4 solid 1px;vertical-align: middle;display: -webkit-flex; -webkit-align-items: center; display: flex;align-items: center;transition:all 0.3s;-webkit-transition:all 0.3s;}
.home-news-right li:last-child{border-bottom:none;}
.home-news-right li a{float:left;width:100%;}
.home-news-right li a .date{float:left;width:72px;}
.home-news-right li a .date span{float:left;width:100%;font-size:60px;color:#999;font-family:"Arial";font-weight:600;line-height:54px;text-align:center;transition:all 0.3s;-webkit-transition:all 0.3s;}
.home-news-right li a .date p{float:left;width:100%;font-size:18px;line-height:24px;color:#999;text-align:center;font-family:"Arial";transition:all 0.3s;-webkit-transition:all 0.3s;}
.home-news-right li a .more{float:right;width:42px;height:80px;background:url(../images/home/news-more.png) no-repeat center;transition:all 0.3s;-webkit-transition:all 0.3s;}
.home-news-right li a h5{float:left;width:calc(92% - 114px);margin-left:4%;font-size:20px;line-height:80px;color:#333;height:80px;font-family:"Microsoft YaHei","微软雅黑";overflow:hidden; text-overflow:ellipsis;display:block;white-space:nowrap;transition:all 0.3s;-webkit-transition:all 0.3s;}

.home-news-right li:hover a .date span{color:#00a0e9;}
.home-news-right li:hover a .date p{color:#00a0e9;}
.home-news-right li:hover a .more{background:url(../images/home/news-more-1.png) no-repeat center;}
.home-news-right li:hover a h5{color:#00a0e9;}

@media (max-width:1600px) {
	.home-news-left{padding:20px;}
	.home-news-left a h5{font-size:18px;}
	.home-news-left a h6{font-size:16px;}

	.home-news-middle li{padding:30px;}
	.home-news-middle li a .txt h5{font-size:18px;}
	.home-news-middle li a .date .time{width:60px;}
	.home-news-middle li a .date .time span{font-size:48px;line-height:40px;}
	.home-news-middle li a .date .time p{font-size:16px;line-height:20px;}
	.home-news-middle li a .more{height:60px;}

	.home-news-right{padding:15px 30px 0;}
	.home-news-right li a .date{width:60px;}
	.home-news-right li a .date span{font-size:48px;line-height:40px;}
	.home-news-right li a .date p{font-size:16px;line-height:20px;}
	.home-news-right li a .more{height:60px;}
	.home-news-right li a h5{width:calc(92% - 102px);font-size:18px;line-height:60px;height:60px;}
}

@media (max-width:1280px) {
	.home-news-middle li{padding:20px 30px;}
}
