main,section { display:block;}





.slick-banner {width:100%;zoom:1; background:#000;z-index:9;}
.slick-banner a { display:block;}
.slick-banner a img { display:block;width:100%; height:auto;}
.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: 90px; margin:80px auto auto; display:block; color:#FFF; font-size:16px;text-align:center; cursor:pointer; font-weight:normal;font-family:Arial;}
.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;}


.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("../image/xxx.svg") center no-repeat;background-size: 35%;}
.sbutton-prev {right:56px;background: url("../image/sss.svg") center no-repeat;background-size: 35%;}
.sbutton-next:hover {background: url("../image/xxx1.svg") center no-repeat #fff;background-size: 35%;opacity: 1;}
.sbutton-prev:hover {background: url("../image/sss1.svg") center no-repeat #fff;background-size: 35%;opacity: 1;} 




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: 67%; 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:0; z-index:33;}
.iservice-relative {width:100%; height:100%; position:relative;}
.iservice-title {width: 66.7%;margin:0;position: relative;margin-left:16.5%;margin-bottom: -10px;}
.iservice-title h4{ color:#fff; font-size:12px;}
.iservice-title h2{ 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 { width:22.3%; height:60px; float:left;position: relative;}

.isbox0 {width:16.5%;}.isbox4 {width:16.6%;}

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


.isbox1:hover .showisbox,.isbox2:hover .showisbox,.isbox3: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;} 

.isbox1 .showisbox{background:#ed7a00;}
.isbox2 .showisbox{background:#2e42e8;}
.isbox3 .showisbox{background:#00d2cc;}
.isbox4 .showisbox{background:#c91b00;}


.isbox1 .showisbox h3::after {content: '';width: 35px;height: 35px;position: absolute;right: 0;top:-5px;background: url("../image/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("../image/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("../image/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("../image/is4.svg") center no-repeat;background-size:90%;opacity: .9;}





.indexcase {background: #fff;padding:90px 0;overflow:hidden;}
.indexcase-content {width: 67%; margin:auto;overflow:hidden;}
.indexcase-top {padding-bottom: 20px;overflow: hidden;}
.indexcase-top .ittitle{float: left;width: 20%;}
.indexcase-top .ittitle h4{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 .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);}



.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: 67%; 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 h4 {display: block;padding-bottom: 5px;color: #666;font-size:14px;}
.inmore { width:40px; height:40px; position:absolute; right:0; top:50%; margin-top:-11px; border:1px #999 solid;border-radius: 100px;background: url(../image/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:15px 0px;display: block;position: relative;overflow: hidden;}
.index_news_list ul li a h6 {color: #787878;text-align: right;position: absolute;right: 0;top: 50%;margin-top: -13px;}
.index_news_list ul li a:hover {color: #fff;padding:15px 3%;background: rgba(0,0,0,.3)}
.index_news_list ul li a:hover h6 {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%;}


.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 h6 { 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 h1{ color:#FFF; font-size:17px; font-weight:bold;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width:90%;}
.inews-top .text h2{ color:#999; font-size:12px; line-height:22px; padding:10px 0 15px 0; overflow:hidden; width:96%;}
.inews-top .text h4{ color:#787878; font-size:12px;}
.inews-top a:hover .text {background:rgba(0,0,0,.3);}
.inews-top a:hover h1,.inews-top a:hover h2,.inews-top a:hover h4{ padding-left:2%;} 

 
.iaboutb { text-align: center;overflow: hidden;position: relative;background: url("../image/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: #999;font-size: 16px;display: none}
.iatitle h2{color: #000;font-size: 24px;text-transform: uppercase;font-weight: bold; position:relative;}
.iatitle h2::after {content: '';width: 40px;height: 1px;background: #ccc;position: absolute;left: 50%; margin-left:-20px;bottom: -30px;}
.iaboutxt {padding: 4% 0 1% 0;width: 43%;margin: auto;overflow: hidden;font-size: 12px;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 h6 {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 h2{color: #fff;}
.iaboutb .iaboutbhover:hover .iaboutmore h6 {border: 1px #fff solid;color: #fff;}
.iaboutmore h6:hover {background: #fff;color: #000!important;}
.iaboutb .iaboutbhover:hover .iaboutxt  {color: #fff;}
.iaboutb .iaboutbhover:hover .iaboutxt *{color: #fff;}








.effect-apollo::before,.effect-apollo::after{position: absolute;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);
}






.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;}







.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;}
}


@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;}
}