main,section { display:block;}
/*广告图*/
.slick-banner {width:100%;zoom:1; background:#000;z-index:9;}
.slick-banner a { display:block;}
.slick-banner h6 { position:relative; display:block; margin:90px auto auto auto; color:#fff!important;}
.slick-banner h6 span {}
.slick-banner a:hover h6 {background: #fff!important;color:#000!important;}
.pcimg { display:block;}
.mbimg { display:none !important;}

.bannermore {position: relative;width: 120px; margin:80px auto auto; display:block; color:#FFF; font-size:16px;text-align:center; cursor:pointer; font-weight:normal;}
.bannermore::after {content: '';width: 100%;height: 1px;background: #fff;position: absolute;left: 0;bottom:-10px;}
.slick-banner a:hover .bannermore { letter-spacing:2px;width: 110px;}

.intrologo{transform:translateY(200px);opacity:0;transition:all .4s;}
.intro1 p {transform:translateY(200px);opacity:0;transition:all .6s;}
.bannermore{transform:translateY(200px);opacity:0;transition:all .8s;}
.ng-banner .swiper-slide-active .bannermore{transform:translateY(0px);opacity:1;}
.ng-banner .swiper-slide-active .intrologo{transform:translateY(0px);opacity:1;}
.ng-banner .swiper-slide-active .intro1 p{transform:translateY(0px);opacity:1;} 

.ng-banner {position: relative;height: 100%;background: #000;}
.ng-banner .swiper-pagination {display: none;}
.ng-banner a {position: relative;width: 100%;height: 100%;}
.ng-banner .pic {position: absolute;width: 100%;height: 100%;z-index: 1;}
.ng-banner .swiper-slide {background: #000;}
.ng-banner .slick-banner .swiper-slide a .img{height: 100%;}
.ng-banner .slick-banner .swiper-slide a .img img{width:100%;height:100%;object-fit:cover;}
.ng-banner .slick-banner .swiper-slide a .img .m-banner{display: none;}
.sbutton-next,.sbutton-prev {width: 40px;height: 40px;left: auto;top:auto;bottom:4px; position: absolute;border: 1px solid #fff;border-radius: 100px;outline: none;cursor: pointer;opacity: .4;-webkit-transition:0.3s ease;-o-transition:0.3s ease;transition:0.3s ease;}
.sbutton-next {right:0;background: url("../images/xxx.svg") center no-repeat;background-size: 35%;}
.sbutton-prev {right:56px;background: url("../images/sss.svg") center no-repeat;background-size: 35%;}
.sbutton-next:hover {background: url("../images/xxx1.svg") center no-repeat #fff;background-size: 35%;opacity: 1;}
.sbutton-prev:hover {background: url("../images/sss1.svg") center no-repeat #fff;background-size: 35%;opacity: 1;} 

@media screen and (max-width: 768px) {
	.ng-banner .slick-banner .swiper-slide a .img .pc-banner{display: none;}
	.ng-banner .slick-banner .swiper-slide a .img .m-banner{display: block;}
	.pc-banner{display: none;}
	.m-banner{display: block;}
}



canvas {position: absolute;top:0px;left: 0;}

.particles{width: 100%; height: 100%; overflow: hidden; background:#333; position:relative;}
.intro{position:absolute;left:0;width: 100%; text-align: center; z-index:20; height:300px;top:43%;}
.intro h1{text-transform: uppercase; font-size: 85px; font-weight: 700; letter-spacing: 0.015em; color:#FFF;}
.intro h1::after{content: ''; width: 80px; display: block; background: #fff; height: 1px; margin: 10px auto; line-height: 1.1;}
.intro p{margin: 0 0 10px 0; font-size: 14px;color:#FFF;}

.intro1{position: absolute!important;left: 5%;top: 50%;width:90%;text-align: center;z-index: 9;height: 200px;margin-top: -150px;}
.intro1 h1{text-transform: uppercase; font-size: 85px; line-height:80px; font-weight: 700; letter-spacing: 0.015em; color:#FFF;}
.intro1 p{margin:10px 0 10px 0; font-size: 15px;color:#FFF; clear:both;}

.intrologo {width:auto; margin: auto 0;position: relative;text-align: center;}
.intrologo img { display: inline-block!important;vertical-align: middle;min-height: 110px;max-height: 130px;min-width: 100px;max-width: 420px;height: auto;}
.intrologo::before,.intrologo::after {content: '';width: 100px;height: 1px;background: #fff; display: inline-block;vertical-align: middle; opacity: 0.2;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.intrologo::before {}
.intrologo::after {}

.introcontent {}
.introcontent img{ display: inline-block!important;width: auto!important;height: auto!important;}

.intro1.txtnone h1,.intro1.txtnone p,.intro1.txtnone .intrologo{display:none!important;}
.intro1:hover .intrologo::before,.intro1:hover .intrologo::after{width: 200px;opacity: 1;}




.button_link,.iviewmore{display:inline-block;position:relative;text-decoration:none;font-size:15px;color:#999!important;width:140px;text-align:center;height:40px;line-height:40px;border:1px solid rgba(255,255,255,1);margin:20px auto;padding:0 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.button_link:hover,.iviewmore:hover{border:1px solid rgba(255,255,255,1); color:#FFF;}
.button_link .line,.iviewmore .line{display:inline-block;background-color:#FFF;position:absolute; z-index:99;-webkit-transition:0.3s ease;-o-transition:0.3s ease;transition:0.3s ease;}
.button_link .line_top,.iviewmore .line_top{height:1px;width:0;left:-50%;top:0px;}
.button_link:hover .line_top,.iviewmore:hover .line_top{width:100%;left:0px;}
.button_link .line_right,.iviewmore .line_right{height:0;width:1px;top:-50%;right:0px;}
.button_link:hover .line_right,.iviewmore:hover .line_right{height:100%;top:0px;}
.button_link .line_bottom,.iviewmore .line_bottom{width:1px;height:0;bottom:-50%;left:0px;}
.button_link:hover .line_bottom,.iviewmore:hover .line_bottom{height:100%;bottom:0px;}
.button_link .line_left,.iviewmore .line_left{height:1px;width:0;right:-50%;bottom:0px;}
.button_link:hover .line_left,.iviewmore:hover .line_left{width:100%;right:0px;}
.iviewmore{border: 1px solid rgba(0,0,0,.2);margin: auto;display: block;}
.iviewmore .line {background-color:#000!important;}
.iviewmore:hover {color:#000!important;}

.indexcase-list .showMoreNChildren {padding-bottom: 40px;}



/*推荐案例*/
/*main{ display:block;}*/
.index_case {width:100%; height:300px; position:absolute;z-index:110;left:0; top:550px; display:block;}
.index_case *{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.index_case .index_case_content {width: 72%; margin:auto;}
.index_case .index_case_content li { float:left; margin:0 5px;width:24.1%;}	
.index_case .index_case_content li a{ display:block; background: #000;width:100%;position:relative; overflow:hidden;padding-bottom:30px;} 
.index_case .index_case_content li a img{width:100%;filter:alpha(opacity=70);-moz-opacity:0.7; opacity:0.7;}
.index_case .index_case_content li a h1 {width:100%;height:60px; line-height:60px; font-size:14px;padding:0px 10px;position:absolute;left:0;bottom:0px;z-index:9; background:#FFF;}
.index_case .index_case_content li a span{ display:block; position:absolute; left:0;bottom:-50px;background:#FFF; width:100%; height:60px; padding:10px 10px;filter:alpha(opacity=0);-moz-opacity:0; opacity:0; z-index:1;}
.index_case .index_case_content li a span h3{font-size:14px; color:#000; line-height:26px;}
.index_case .index_case_content li a span p{font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#999;}
.index_case .index_case_content li a:hover span { display:block;bottom:60px;filter:alpha(opacity=100);-moz-opacity:1; opacity:1;}
.index_case .index_case_content li a:hover img {filter:alpha(opacity=100);-moz-opacity:1; opacity:1;}


.p-relative {position: relative;overflow: hidden;height: 100%;}

.iservice { width:100%;position:absolute; right:0; bottom:80px; z-index:33;}
.iservice-relative {width:100%; height:100%; position:relative;}
.iservice-title {width: 66.7%;margin:0;position: relative;margin-left:16.5%;}
.iservice-title h2{ color:#fff; font-size:12px;}
.iservice-title span{ color:#fff; font-size:24px;padding-top:4px; text-transform: uppercase;font-family: 'Montserrat-Bold';}
.iservice-title line{ width:50px; margin:10px 0; height:1px; background:#fff; opacity:.5; display:block;}
.iservicebox { clear:both;}
.iservicebox *{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.isbox0,.isbox1,.isbox2,.isbox3,.isbox4,.isbox5{ width:16.66666%; height:60px; float:left;position: relative;}

.isbox0::after,.isbox1::after,.isbox2::after,.isbox3::after,.isbox4::after,.isbox5::after {content: '';width: 100%;height: 30px;position: absolute;left: 0;bottom:0;}
.isbox0::after { background:#ff7e67;}
.isbox1::after { background:#f49f45;}
.isbox2::after { background:#6e7dfe;}
.isbox3::after { background:#13ccc7;}
.isbox4::after { background:#ed5f49;}
.isbox5::after { background:#3f72af;}

.isbox0:hover .showisbox,.isbox1:hover .showisbox,.isbox2:hover .showisbox,.isbox3:hover .showisbox,.isbox4:hover .showisbox,.isbox5:hover .showisbox{bottom: 0px;}
.showisbox {background:#f49f45;width: 90%; position: absolute;left: 0;bottom: -300px;z-index: 3;padding:5% 5% 7% 5%;overflow: hidden;}
.showisbox h3{ font-size: 18px; font-weight: bold;display: block;position: relative;padding-bottom:15px;color: #fff;border-bottom: 1px solid rgba(255,255,255,.2);}
.showisbox li{padding-top:15px;text-align: left;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.showisbox li * {}
.showisbox li a{ display: inline-block;padding: 3px 0; color: #fff;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.showisbox li a:hover {color: #fff;} 
.isbox0 .showisbox{background:#ff7e67;}
.isbox1 .showisbox{background:#ed7a00;}
.isbox2 .showisbox{background:#2e42e8;}
.isbox3 .showisbox{background:#00d2cc;}
.isbox4 .showisbox{background:#c91b00;}
.isbox5 .showisbox{background:#c91b00;}

.isbox1 .showisbox h3::after {content: '';width: 35px;height: 35px;position: absolute;right: 0;top:-5px;background: url("../case/img/is1.svg") center no-repeat;background-size:90%;opacity: .9;}
.isbox2 .showisbox h3::after {content: '';width: 35px;height: 35px;position: absolute;right: 0;top:-5px;background: url("../case/img/is2.svg") center no-repeat;background-size:90%;opacity: .9;}
.isbox3 .showisbox h3::after {content: '';width: 35px;height: 35px;position: absolute;right: 0;top:-5px;background: url("../case/img/is3.svg") center no-repeat;background-size:90%;opacity: .9;}
.isbox4 .showisbox h3::after {content: '';width: 35px;height: 35px;position: absolute;right: 0;top:-5px;background: url("../case/img/is4.svg") center no-repeat;background-size:90%;opacity: .9;}

/*首页服务*/
.indexservice{padding: 90px 0 0 0;}
.indexservice-content{display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.indexservice-list{width: 32.3333%; padding: 30px 20px;border: 1px solid #ddd; box-sizing: border-box;margin-bottom: 20px;position: relative;}
.indexservice-list a{color: #333;display: flex;display: -webkit-flex;justify-content: space-between;align-items: center; flex-direction: column;
flex-wrap: wrap;}

.indexservice-list1:after{content: '';position: absolute;width: 100%;height: 4px;background: #2f0d6a;left: 0;bottom: 0;z-index: 1;transition: all 0.5s;}
.indexservice-list2:after{content: '';position: absolute;width: 100%;height: 4px;background: #6cc061;left: 0;bottom: 0;z-index: 1;transition: all 0.5s;}
.indexservice-list3:after{content: '';position: absolute;width: 100%;height: 4px;background: #2e62f5;left: 0;bottom: 0;z-index: 1;transition: all 0.5s;}
.indexservice-list4:after{content: '';position: absolute;width: 100%;height: 4px;background: #4597ff;left: 0;bottom: 0;z-index: 1;transition: all 0.5s;}
.indexservice-list5:after{content: '';position: absolute;width: 100%;height: 4px;background: #f9891a;left: 0;bottom: 0;z-index: 1;transition: all 0.5s;}
.indexservice-list6:after{content: '';position: absolute;width: 100%;height: 4px;background: #940cb5;left: 0;bottom: 0;z-index: 1;transition: all 0.5s;}
.indexservice-text{width: 100%;text-align: center;position: relative;z-index: 2;}
.indexservice-text h2 {font-size: 30px; font-weight: 600; margin: 20px 0;transition: all 0.4s;}
.indexservice-text p{line-height: 30px;color: #666;transition: all 0.4s;}
.indexservice-list .indexservice-img{width: 180px;height: 110px;position: relative;z-index: 3;}
.indexservice-list1 .indexservice-img{background: url(../images/service1.png) no-repeat center top;transition: all 0.4s;}
.indexservice-list2 .indexservice-img{background: url(../images/service2.png) no-repeat center top;transition: all 0.4s;}
.indexservice-list3 .indexservice-img{background: url(../images/service3.png) no-repeat center top;transition: all 0.4s;}
.indexservice-list4 .indexservice-img{background: url(../images/service4.png) no-repeat center top;transition: all 0.4s;}
.indexservice-list5 .indexservice-img{background: url(../images/service5.png) no-repeat center top;transition: all 0.4s;}
.indexservice-list6 .indexservice-img{background: url(../images/service6.png) no-repeat center top;transition: all 0.4s;}

.indexservice-list1:hover .indexservice-img{background: url(../images/service1.png) no-repeat center bottom;}
.indexservice-list1:hover:after{height: 100%;}
.indexservice-list1:hover .indexservice-text h2{color: #fff;}
.indexservice-list1:hover .indexservice-text p{color: #fff;}

.indexservice-list2:hover .indexservice-img{background: url(../images/service2.png) no-repeat center bottom;}
.indexservice-list2:hover:after{height: 100%;}
.indexservice-list2:hover .indexservice-text h2{color: #fff;}
.indexservice-list2:hover .indexservice-text p{color: #fff;}

.indexservice-list3:hover .indexservice-img{background: url(../images/service3.png) no-repeat center bottom;}
.indexservice-list3:hover:after{height: 100%;}
.indexservice-list3:hover .indexservice-text h2{color: #fff;}
.indexservice-list3:hover .indexservice-text p{color: #fff;}

.indexservice-list4:hover .indexservice-img{background: url(../images/service4.png) no-repeat center bottom;}
.indexservice-list4:hover:after{height: 100%;}
.indexservice-list4:hover .indexservice-text h2{color: #fff;}
.indexservice-list4:hover .indexservice-text p{color: #fff;}

.indexservice-list5:hover .indexservice-img{background: url(../images/service5.png) no-repeat center bottom;}
.indexservice-list5:hover:after{height: 100%;}
.indexservice-list5:hover .indexservice-text h2{color: #fff;}
.indexservice-list5:hover .indexservice-text p{color: #fff;}

.indexservice-list6:hover .indexservice-img{background: url(../images/service6.png) no-repeat center bottom;}
.indexservice-list6:hover:after{height: 100%;}
.indexservice-list6:hover .indexservice-text h2{color: #fff;}
.indexservice-list6:hover .indexservice-text p{color: #fff;}

/*案例*/
.indexcase {background: #fff;padding:90px 0;overflow:hidden;}
.indexcase-content {width: 72%; margin:auto;overflow:hidden;}
.indexcase-top {padding-bottom: 20px;overflow: hidden;}
.indexcase-top .ittitle{float: left;width: 20%;}
.indexcase-top .ittitle h2{display: block;font-size: 16px;padding-bottom: 5px;color: #999;}
.indexcase-top .ittitle span{color:#000;font-size: 24px;font-family: 'Montserrat-Bold';}
.indexcase-top .itnav {float: left;width: 80%; text-align: right;padding-top: 25px;overflow: hidden;}
.indexcase-top .itnav a {display: inline-block;color: #999;position: relative; margin-left: 3%;padding-bottom: 5px;font-size: 14px; cursor: pointer;}
.indexcase-top .itnav a:hover {color: #000;}
.indexcase-top .itnav a.cur {color: #000;}
.indexcase-top .itnav a::after{content: '';width: 0;height:1px;opacity: 0; background: #000;position: absolute;left: 50%;bottom:0px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.indexcase-top .itnav a.cur::after {width: 100%;left: 0;opacity:1;}
.indexcase-list {}
.indexcase-list .list {height:auto;width: 33.11%;}
.list a * {transition: all .4s ease;}
.list a .pic span{padding-top: 0; height:100%;background:none!important;}
.list a .pic { position:relative;padding:0!important;}
.list a .pic * {padding:0!important; background:none!important;}
.list a .pic .dtable{display: table;width:100%!important;height: 100%;}
.list a .pic .dtable-cell{display: table-cell;vertical-align: middle;}
.list a .pic span img{opacity: 0;-webkit-transform: translateY(120%) rotate(10deg);transform: translateY(120%) rotate(10deg);transition-delay:.3s;-webkit-transition-delay:.3s;}
.list a:hover .pic span img{opacity: 1;-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0);-webkit-transition-delay: 0s;transition-delay: 0s;-webkit-transition: -webkit-transform 0.5s cubic-bezier(.6,.3,.1,1);transition: transform 0.5s cubic-bezier(.6,.3,.1,1);}
.img-relative {position: relative;}
.img-center {position: absolute!important;width: auto!important;height: auto!important;left: 0;top: 0;right: 0;bottom: 0;z-index: 1;
margin: auto;max-width: 100%!important;max-height: 100%!important;min-height: auto!important;min-width: auto!important;}					
.img-block {display: block!important;width: 100%!important;height: auto!important;max-width: 100%!important;max-height: 100%!important;
min-height: auto!important;min-width: auto!important;}					
.inews-top .pic li {z-index: 11;}
.inews-top a:hover li span {padding-left: 0!important;}





/*新闻动态*/
.index_news {position:relative;overflow:hidden; padding:60px 0 40px 0;z-index:7;background-image: linear-gradient(to right, #272727 0%, #2d2d2d 50%, #272727 50% , #272727 100%);background-color: #272727;}
.index_news * {-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.index_news .index_news_content {width: 72%; margin:auto;overflow:hidden;}
.index_news_list {float:left; width:44%;padding: 5% 3%;}
.index_news_title {height: 30px; padding:20px 0px 30px 0px;color:#CCC; font-size:14px; position:relative;}
.index_news_title span{color:#FFF;font-size: 24px;font-family: 'Montserrat-Bold';}
.index_news_title h2 {display: block;padding-bottom: 5px;color: #ccc;font-size:16px;}
.inmore { width:40px; height:40px; position:absolute; right:0; top:50%; margin-top:-11px; border:1px #999 solid;border-radius: 100px;
background: url(../images/xxx.png) center no-repeat; background-size:70%; display:block; opacity:.3;-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;transition:all .3s ease;}
.inmore:hover {opacity:1;}

.index_news_list ul { overflow: hidden; }
.index_news_list ul li{border-bottom: 1px solid rgba(255,255,255,.1); }
.index_news_list ul li a{color: #787878;line-height: 26px;padding:0px 0px;display: block;position: relative;overflow: hidden;}
.index_news_list ul li a span {color: #787878;text-align: right;position: absolute;right: 0;top: 50%;margin-top: -13px;}
.index_news_list ul li a:hover {color: #fff;}
.index_news_list ul li a:hover span {color: #fff;right: 3%;}
.index_about {color: #999;overflow: hidden; padding:10px 0 13px 0; line-height:20px;}
.index_about_more {border-top:solid #ccc 1px; border-bottom:solid #ccc 1px; padding:6px 0; display:block; }
.index_news_list:nth-child(1) {width:47%;padding: 2% 3% 5% 0;}
.index_news_list:nth-child(2) {width:47%;padding: 2% 0 2% 3%;}
.nlist12 {padding: 15px 0px;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
	border-top: 1px solid rgba(255, 255, 255, .1);
	overflow: hidden;
}

.nlist12 a {
	color: #787878;
	line-height: 26px;
	float: left;
	width: 31%;
	margin-right: 1%;
	margin-bottom: 1%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding-right: 2%;
}
.nlist12 a:nth-child(3n){margin-right: 0;padding-right: 0;}
.nlist12 a:hover {color: #fff;}

.inews-top { padding-top:20px; overflow:hidden;border-bottom: 1px solid rgba(255,255,255,.1);}
.inews-top .pic { position:relative;}
.inews-top .pic li { background:rgba(0,0,0,.8);position:absolute;opacity:0;width:100%; height:100%; left:0px; top:0px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.inews-top .pic li span { position:absolute; display:block; left:50%;top:50%; width:126px; height:36px; line-height:36px; margin-top:-19px; margin-left:-64px; text-align:center; border:1px solid #fff; color:#FFF; font-size:12px;}
.inews-top .pic img{ display:block; width:100%; height:auto; max-height:256px; min-height:256px;}
.inews-top a:hover li { opacity:1;}
.inews-top .text{padding:20px 0; overflow:hidden;}
.inews-top .text h4{ color:#FFF; font-size:17px; font-weight:bold;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width:90%;}
.inews-top .text p{ color:#999; font-size:12px; line-height:22px; padding:10px 0 15px 0; overflow:hidden; width:96%;}
.inews-top .text span{ color:#787878; font-size:12px;}
.inews-top a:hover .text {background:rgba(0,0,0,.3);}
.inews-top a:hover h4,.inews-top a:hover p,.inews-top a:hover span{ padding-left:2%;} 

 
.iaboutb { text-align: center;overflow: hidden;position: relative;background: url("../images/icontactbg.jpg") #fff;background-size:cover; cursor:pointer;}
.iaboutb  .iaboutbhover * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.iatitle {}
.iatitle h4{color: #000;font-size: 24px;text-transform: uppercase;font-weight: bold; position:relative;}
.iatitle h4::after {content: '';width: 40px;height: 1px;background: #ccc;position: absolute;left: 50%; margin-left:-20px;bottom: -30px;}
.iaboutxt {padding: 4% 0 2% 0;width: 43%;margin: auto;overflow: hidden;font-size: 14px;color: #666;line-height: 24px; }
.iaboutxt * {font-size: 12px;color: #666; display:inline-block; vertical-align:top;font-style: normal;text-decoration: none;}
.iaboutxt p { display:block;}
.iaboutmore {position: relative;}
.iaboutmore a{border: 1px #999 solid;padding: 10px 20px;}
.iaboutmore a:hover { background:#000; color:#fff;}
.iaboutmore span {border: 1px #999 solid;padding: 10px 20px; display: inline-block;cursor:pointer;}
.iaboutbhover {display: block;width: 100%;height: 100%;}
.iaboutbhover:hover {}
.iaboutb .text {position: absolute;width: 100%;height:auto;padding: 0;left: 0;top:50%;margin-top: -125px; z-index: 3;}
.iaboutb .pic {position: relative;}
.iaboutb .pic img{display: block;width: 100%;height: auto;}
.iaboutb .pic img.pic1 {}
.iaboutb .pic img.pic2 {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;z-index: 2;}
.iaboutb .iaboutbhover:hover .pic img.pic1 {opacity: 0;}
.iaboutb .iaboutbhover:hover .pic img.pic2 {opacity: 1;}
.iaboutb .iaboutbhover:hover .iatitle h4{color: #fff;}
.iaboutb .iaboutbhover:hover .iaboutmore span {border: 1px #fff solid;color: #fff;}
.iaboutmore span:hover {background: #fff;color: #000!important;}
.iaboutb .iaboutbhover:hover .iaboutxt  {color: #fff;}
.iaboutb .iaboutbhover:hover .iaboutxt *{color: #fff;}

/*
.iviewmore {border: 1px #999 solid;font-size: 14px; text-align: center;clear: both;color: #666; display: block;margin:40px auto auto; padding: 10px 20px;width:90px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.iviewmore:hover { background:#000; color:#fff;border: 1px #000 solid;}
*/

.effect-apollo::before,.effect-apollo::after{position: absolute;z-index: 8; top: 0;left: 0;width: 101%;height: 102%;content: '';-webkit-transition: -webkit-transform 0.7s;transition: transform 0.7s;background-image: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.8) 90%, rgba(0,0,0,0) 100%);}
.list a .effect-apollo::before {
	opacity: 0;
	-webkit-transform: scale3d(2,1,1) rotate3d(0,1,0,10deg) translate3d(100%,0,0);
	transform: scale3d(2,1,1) rotate3d(0,1,0,10deg) translate3d(100%,0,0);
}
.list a:hover .effect-apollo::before {
	opacity: 1;
	-webkit-transform: scale3d(2,1,1) rotate3d(0,1,0,0deg) translate3d(0,0,0);
	transform: scale3d(2,1,1) rotate3d(0,1,0,0deg) translate3d(0,0,0);
}
.list a .effect-apollo::after {
	-webkit-transform: scale3d(2,1,1) rotate3d(0,1,0,0deg) translate3d(-100%,0,0);
	transform: scale3d(2,1,1) rotate3d(0,1,0,0deg) translate3d(-100%,0,0);
	opacity: 1;
}
.list a:hover .effect-apollo::after {
	opacity: 0;
	-webkit-transform: scale3d(2,1,1) rotate3d(0,1,0,10deg) translate3d(0,0,0);
	transform: scale3d(2,1,1) rotate3d(0,1,0,10deg) translate3d(0,0,0);
}


.list {width:24.77%;display: inline-block;vertical-align: top; overflow:hidden; margin-bottom:10px;}
.list *{/*-webkit-transition:0.3s ease;-o-transition:0.3s ease;transition:0.3s ease;*/ display:block; overflow:hidden;}
.list a{ position:relative; text-align:left; background:#fff;}
.list a img{width:100%; max-height:263px;}
.list a span{ display:block; position:absolute; left:0; top:0;width:100%;height:248px;z-index:8; text-align:center; padding-top:10%;}
.list a span img { display:inline-block; width:180px;max-height:none;}
.list a div{padding:12px 3%; width:94%; margin:0; height:auto; display:block;box-sizing:initial;}
.list a div:last-child{position: relative;}
.list a div.pic {width:100%!important;}
.list a div h4{ min-height:21px;font-size:18px;}
.list a div p{ font-size:14px; color:#999; padding-top:2px;min-height: 18px;}
.list a div h6 {font-size:14px; color:#999;font-family: 'Montserrat-Light';position: absolute;top: 50%;margin-top: -9px;right:4%;display: none;}
.list a:hover span { display:block;}



.indexcase-list .swiper-slide-active .list{-webkit-animation-name:zoomIn;animation-name:zoomIn;}
.indexcase-list .swiper-slide-active .list:nth-child(0){}
.indexcase-list .swiper-slide-active .list:nth-child(1){-webkit-animation-duration:0.1s;animation-duration:0.1s;}
.indexcase-list .swiper-slide-active .list:nth-child(2){-webkit-animation-duration:0.2s;animation-duration:0.2s;}
.indexcase-list .swiper-slide-active .list:nth-child(3){-webkit-animation-duration:0.3s;animation-duration:0.3s;}
.indexcase-list .swiper-slide-active .list:nth-child(4){-webkit-animation-duration:0.4s;animation-duration:0.4s;}
.indexcase-list .swiper-slide-active .list:nth-child(5){-webkit-animation-duration:0.5s;animation-duration:0.5s;}
.indexcase-list .swiper-slide-active .list:nth-child(6){-webkit-animation-duration:0.6s;animation-duration:0.6s;}
.indexcase-list .swiper-slide-active .list:nth-child(7){-webkit-animation-duration:0.7s;animation-duration:0.7s;}
.indexcase-list .swiper-slide-active .list:nth-child(8){-webkit-animation-duration:0.8s;animation-duration:0.8s;}
.indexcase-list .swiper-slide-active .list:nth-child(9){-webkit-animation-duration:0.9s;animation-duration:0.9s;}
.indexcase-list .swiper-slide-active .list:nth-child(10){-webkit-animation-duration:1.0s;animation-duration:1.0s;}
.indexcase-list .swiper-slide-active .list:nth-child(11){-webkit-animation-duration:1.1s;animation-duration:1.1s;}
.indexcase-list .swiper-slide-active .list:nth-child(12){-webkit-animation-duration:1.2s;animation-duration:1.2s;}
.indexcase-list .swiper-slide-active .list:nth-child(13){-webkit-animation-duration:1.3s;animation-duration:1.3s;}
.indexcase-list .swiper-slide-active .list:nth-child(14){-webkit-animation-duration:1.4s;animation-duration:1.4s;}
.indexcase-list .swiper-slide-active .list:nth-child(15){-webkit-animation-duration:1.5s;animation-duration:1.5s;}
.indexcase-list .swiper-slide-active .list:nth-child(16){-webkit-animation-duration:1.6s;animation-duration:1.6s;}



/*
.indexcase-list .list a .pic span::before {content: '';width:0;height: 100%;position: absolute;left: 0;top: 0;z-index: 3;background: #fff;opacity: 0;}

@-webkit-keyframes arrow1 {0%,100% {width: 0;}50% {width: 100%;}}
@keyframes arrow1 {0%,100% {width: 0;}50% {width: 100%;}}

.indexcase-list .swiper-slide-active .list:nth-child(1) a .pic span::before  {-webkit-animation:1s arrow1  ease-in;animation:1s arrow1 ease-in;}
.indexcase-list .swiper-slide-active .list:nth-child(2) a .pic span::before  {-webkit-animation:2s arrow1  ease-in;animation:2s arrow1 ease-in;}
.indexcase-list .swiper-slide-active .list:nth-child(3) a .pic span::before  {-webkit-animation:3s arrow1  ease-in;animation:3s arrow1 ease-in;}


*/



.swiper-container-autoheight .swiper-wrapper {height: auto;}




@media screen and (max-width: 1920px) {
.ng-banner {min-height:900px;}
}

@media screen and (max-width: 1680px) {
.index_case {width:100%; height: auto; position: relative;z-index:110;left: auto; top: auto; margin:auto; padding:2% 0 0 0;}	
.index_case .index_case_content li a h1{ background:#f1f1f1;}		
}
@media screen and (max-width: 980px) {	

.pcimg { display:none!important;}
.mbimg { display:block !important;}
.intro{top:55%;}	
.intro h1,.intro1 h1{font-size:45px!important; line-height:50px; }
.intro1{position: absolute !important; left:2%!important; top:50% ;width:96%; text-align: center; z-index:9; height:400px; margin-left:0px !important;}
.intro1 p{margin: 10px auto 10px auto; font-size: 14px;line-height: 24px; color:#FFF; clear:both;width: 90%;}
.button_link{color:#fff!important;height:40px;line-height:20px;border:1px solid #FFF !important;}
.ng-banner .swiper-pagination {display: block;}


.h240px,.flexslider .slides li  {height:720px !important;}
.flex-control-nav{bottom:40px!important;}	
#particles h1{font-size: 35px!important;}
#particles p{ font-size: 14px!important;}

.flexslider .slides li div.img a.zooms{ background-position:60% 0% ;opacity:0.5;}
.cd-nav .cd-contact-info { display:none !important}
.fp-slide img {width:90%!important;}
.fp-controlArrow { display:none!important;}
.panel_main2 {padding-top:30%!important;}	
	
.index_case {position:relative!important;top: auto!important; left: auto; background:#CCC!important; padding:30px 0 30px 0;height:auto!important; }
.index_case .index_case_content {width:90%!important;}
.index_case .index_case_content li {width:100% !important; margin:2.5% 0!important;}
.index_case .index_case_content li a h1 {font-size:1.8em!important; text-align:center;}	
.index_case .index_case_content li a span { display:none !important;}		
	
.index_news .index_news_content {width:98%!important;}
.index_news_title {font-size:2em!important;}
.index_news_list {float:none!important; width:100%!important; margin:10px auto!important;}
.index_news_list ul li{height: 50px; overflow:hidden;}
.index_news_list ul li a{line-height: 50px; font-size:14px!important;padding:0!important;}
.index_news_list .index_about { padding:2%!important; font-size:14px!important;line-height:32px; }
.index_about_more {font-size:14px!important;text-align:center;}

.ng-banner {min-height:auto;}
.footer .footer_content .fleft {padding-bottom: 30px;}
.inews-top a:hover .text {background:none;}
.index_news_list ul li a:hover {background:none;}
.iaboutb .iaboutbhover:hover .pic img.pic1 {opacity: 1;}
.iaboutb .iaboutbhover:hover .pic img.pic2 {opacity: 0;}
.iaboutb .iaboutbhover:hover .iatitle h2{color: #000;}
.iaboutb .iaboutbhover:hover .iaboutmore h6 {border: 1px #000 solid;color: #000;}
.iaboutmore h6:hover {background: #000;color: #fff!important;}
.iaboutb .iaboutbhover:hover .iaboutxt  {color: #000;}
.iaboutb .iaboutbhover:hover .iaboutxt *{color: #000;}

}


@media only screen and (max-width: 980px) and (orientation:landscape) { 
.h240px,.flexslider .slides li  {height:540px !important;}
.intro{top:60%!important;}	
.intro1{top:38%!important;}	
.index_case .index_case_content {width:98%!important;}
.index_case .index_case_content li {width:49%!important; margin:0.5% !important;}
}

/* 兼容iphone5 */
@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){
.index_news_list ul *{ height:auto!important; line-height:normal !important;}	
.index_news_list ul li a{font-size:1.2em!important;}
}