.aboutmain1 {position: absolute;width:650px;left: 8.8%; top: 50%;margin-top: -200px; z-index: 33;text-align: left;}
.aboutmain1 h1 { font-size: 18px;color: #1a1a1a;font-weight: normal;}
.aboutmain1 h2 { font-size: 36px;color: #1a1a1a;font-weight: normal;text-transform: uppercase;font-family: 'Montserrat-Bold';}
.aboutmain1 h3 { font-size: 14px;color: #666;line-height:24px; font-weight:normal;padding-top: 50px;}
.aboutmain1 h4 { font-size: 14px;color: #1a1a1a;line-height:24px; font-weight:normal;padding-top: 50%;}
 

.about_nav{width:200px; position:absolute; left:40%; margin-left:-400px;z-index:9; }
.about_nav * {-webkit-transition:all .8s ease;-moz-transition:all .8s ease;transition:all .8s ease;}
.about_nav ul h1 { font-size:18px; font-weight:bold;border-bottom: 1px solid #ccc;height: 30px; font-family:Arial, Helvetica, sans-serif; color:#000;}
.about_nav ul li{border-bottom: 1px solid #ccc;height: 30px;display: block; white-space:nowrap; margin-left:20px;}
.about_nav ul li a{font-size: 14px;color: #666;line-height: 30px; display:block; padding:0 10px;}
.about_nav ul li a:hover{color: #000;}
#menu .active a { color: #000; font-weight:bold;}


.scroll{font-size:1.3em;display:block; position:absolute; bottom:100px; left:50%; margin-left:-50px;width:100px; font-size:14px;}
.scroll:hover{text-decoration:none;}
.scroll:after{content:'';width:40px;height:40px;position:absolute;top:40px;margin:auto;top:50px;right:0;bottom:0;left:0;-webkit-animation:3s arrow infinite ease;animation:3s arrow infinite ease;}
.scroll:after{border-right:2px solid #FFF;border-bottom:2px solid #FFF;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}

@-webkit-keyframes arrow {0%,100% {top:50px;}50% {top:80px;}}
@keyframes arrow {0%,100% {top:50px;}50% {top:80px;}}

#fp-nav{position: fixed; z-index: 30; margin-top: -32px; top: 50%; opacity: 1;right: 0;}
#fp-nav.right{right: 17px;}
#fp-nav.left{left: 17px;}
#fp-nav ul{margin: 0; padding: 0;}
#fp-nav ul li{display: block; width: 14px; height: 13px; margin: 7px; position:relative;}
#fp-nav ul li a{display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none;}
#fp-nav ul li a.active span{background: #333;}
#fp-nav ul li a span{top: 2px; left: 2px; width: 8px; height: 8px; border: 1px solid #000; background: rgba(0, 0, 0, 0); border-radius: 50%; position: absolute; z-index: 1;text-indent: 9999px;}

.fp-slide{float: left; display:inline; text-align:center;}
.fp-slide, .fp-slidesContainer{height: 100%; display: block;}
.fp-slide img { border:#FFF 10px solid;box-shadow: 0px 2px 5px rgba(0,0,0,1);display: inline-block; width:50%;}
.fp-slides{z-index:1; height: 100%; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease-out;  transition: all 0.3s ease-out;}
.fp-slidesContainer{float: left; position: relative;}
.fp-controlArrow{position: absolute; z-index: 4; top: 50%; cursor: pointer; width: 0; height: 50px; border-style: solid; margin-top: -25px;display: none;}
.fp-controlArrow.fp-prev{left: 15px; width: 0; border-width: 38.5px 34px 38.5px 0; border-color: transparent #fff transparent transparent;}
.fp-controlArrow.fp-next{right: 15px; border-width: 38.5px 0 38.5px 34px; border-color: transparent transparent transparent #fff;}

 
.flex-control-nav{width:100%;text-align:center; z-index:90; margin-top:2%;}
.flex-control-nav li{margin:0 1px;display:inline-block;*display:-moz-inline-stack;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../image/dot.png) no-repeat -1px -26px;display:block;overflow:hidden;text-indent:-99em;width:20px;height:20px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:-1px 0;}
.flex-direction-nav a{width:60px;height:90px;overflow:hidden;display:block;background:url(../image/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:90;cursor:pointer;opacity:1;filter:alpha(opacity=100); line-height:99em;}
.flex-direction-nav .flex-next{background-position:30px -50px;right:5%;}
.flex-direction-nav .flex-prev{background-position:0 45px;left:5%;}

 #fp-nav.whitedot ul li a span{border: 1px solid #666;background: rgba(0, 0, 0, 0);}
 #fp-nav.whitedot ul li a.active span{border: 1px solid #fff;background: rgba(255, 255, 255, 1);}


.title { padding-top:10%; padding-bottom:2%;}
.title h1{font-size:3em}
.title h2{font-size:18px;}
.title p{font-size:14px;}

.section {z-index:99; position:relative; overflow:hidden;background-size: cover;}
.section .inner{width:100%;height:100%;display: table;margin:0 auto;text-align:center; padding:0;}
.panel_main {  width:100%; margin:0px auto;text-align:left;text-align:center;display: table-cell;vertical-align: middle;}
.panel_main h1 { font-size: 18px;color: #000;font-weight: normal;position: relative;padding-bottom: 20px;display: block; overflow: hidden;}
.panel_main h1::after {content: '';position: absolute; width: 50px;height: 1px;background: #000;opacity: 0.3;left: 50%;margin-left: -25px;bottom: 0px; display: block;}
.panel_main h2 { font-size: 36px;color: #000;margin-top: 120px;font-weight: normal;text-transform: uppercase;font-family: 'Montserrat-Bold';}
.panel_main h3 { font-size:14px;color: #000;line-height:30px; font-weight:normal;padding-top:30px;width: 50%;margin: auto;}
.panel_main .pic {text-align: center;margin-top: 50px;}
.panel_main .pic img{display: inline-block;max-width: 800px;}

 
.ngteamlist .fp-tableCell{ display:block;} 
.ngteam {position:relative;width:100%;height:100%;}
.ngteam * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.ngteam .team{overflow: visible;float: left;width:20%;height: 33.333333333%;background-color:#000;}
.ngteam .team a{position: relative;display:block;width: 100%;height: 100%;background-color: #000;}
.ngteam .team a .pic{position: relative;width: 100%;height: 100%;overflow: hidden;background-size: cover;opacity: .3;}
.ngteam .team a .pic img{display:block;width: 100%;height: 100%;opacity: 0}
.ngteam .team a:hover .pic {opacity: 1}
.ngteam .team a .text {opacity: 0;position: absolute;width:100%;height:100%;left: 0;top: 0; text-align: left; z-index: -3;background: #333;}
.ngteam .team a .text ul{display: table;width: 100%;height: 100%;position: relative;}
.ngteam .team a .text li{display: table-cell;vertical-align: middle;}
.ngteam .team a .text h2 {color: #fff;font-size: 22px;padding: 0 10%; font-weight: normal;text-transform: uppercase;font-family: 'Montserrat-Bold';margin-left: -50px;}
.ngteam .team a .text h4 {color: #fff;font-size: 16px;padding: 0 10%;font-weight: normal;padding-bottom: 10px;margin-left: -30px;}
.ngteam .team a .text h6 {color: #666;font-size: 12px;padding: 0 10%;font-weight: normal;line-height: 24px;width: 70%; margin-left: -10%;text-overflow: ellipsis;overflow: hidden;}
.ngteam .team a:hover .text {opacity: 1;z-index: 9;}
.ngteam .team a:hover h2{-webkit-animation-delay:0.4s;animation-delay:0.4s;margin-left:5%;}
.ngteam .team a:hover h4{-webkit-animation-delay:0.7s;animation-delay:0.7s;margin-left:5%;}
.ngteam .team a:hover h6{-webkit-animation-delay:0.9s;animation-delay:0.9s;margin-left:5%;}


.ngteam .team a .txt {position: absolute;width:100%;height: 100%;eft: 0;top: 0; text-align: center; z-index: 3;}
.ngteam .team a .txt ul{display: table;width: 100%;height: 100%;}
.ngteam .team a .txt li{display: table-cell;vertical-align: middle;}
.ngteam .team a .txt h2 {color: #fff;font-size: 30px;font-weight: normal;text-transform: uppercase;font-family: 'Montserrat-Bold';}
.ngteam .team a .txt h4 {color: #fff;font-size: 18px;font-weight: normal;}




.team.team1 a .text,.team.team2 a .text,.team.team3 a .text,.team.team4 a .text,.team.team6 a .text,.team.team9 a .text,.team.team11 a .text,.team.team12 a .text {left:auto;right: -100%;}
.team.team5 a .text,.team.team7 a .text,.team.team10 a .text,.team.team13 a .text,.team.team14 a .text,.team.team15 a .text {left:-100%;right:auto;}

.ngteam .team1 a .text ul::after,.ngteam .team2 a .text ul::after,.ngteam .team3 a .text ul::after,.ngteam .team4 a .text ul::after,.ngteam .team6 a .text ul::after,.ngteam .team9 a .text ul::after,.ngteam .team11 a .text ul::after,.ngteam .team12 a .text ul::after {
    content: '';position: absolute;left:-25px;z-index: 3;top:50%;border-color:  transparent #333 transparent transparent ;margin-top: -15px;border-width: 15px;border-style: solid;
}
.ngteam .team5 a .text ul::after,.ngteam .team7 a .text ul::after,.ngteam .team10 a .text ul::after,.ngteam .team13 a .text ul::after,.ngteam .team14 a .text ul::after ,.ngteam .team15 a .text ul::after{
    content: '';position: absolute;right:-29px;z-index: 3;top:50%;border-color:  transparent transparent transparent #333;margin-top: -15px;border-width: 15px;border-style: solid;
}

.team.team1:hover,.team.team6:hover,.team.team11:hover{z-index: 101;}
.team.team2:hover,.team.team7:hover,.team.team12:hover{z-index: 102;}
.team.team3:hover,.team.team8:hover,.team.team13:hover{z-index: 103;}
.team.team4:hover,.team.team9:hover,.team.team14:hover{z-index: 104;}
.team.team5:hover,.team.team10:hover,.team.team15:hover{z-index: 105;}
.team.team1 {z-index: 1;}
.team.team2 {z-index: 2;}
.team.team3 {z-index: 3;}
.team.team4 {z-index: 6;}
.team.team5 {z-index: 5;}
.team.team6 {z-index: 1;}
.team.team7 {z-index: 2;}
.team.team8 {z-index: 3;}
.team.team9 {z-index: 6;}
.team.team10{z-index: 5;}
.team.team11{z-index: 1;}
.team.team12{z-index: 2;}
.team.team13{z-index: 3;}
.team.team14{z-index: 6;}
.team.team15{z-index: 5;}


.customers {display: table-cell;vertical-align: middle;}
.ngtitle {text-align: center;}
.ngtitle h2{font-size: 36px;color: #fff;font-weight: normal;text-transform: uppercase;font-family: 'Montserrat-Bold';}
.ngtitle h3{font-size: 18px;color: #ccc;font-weight: normal;display: block;position: relative;}
.ngtitle h3::after {content: '';width: 50px;height: 1px; margin:20px auto auto;background: #fff;opacity: 0.2;display: block}
.ngtitle h4{font-size:14px;line-height:24px; color: #666;font-weight:normal;padding-top: 30px;width: 50%;margin: auto;}
.customerslogo {width: 80%;margin: auto;padding-top: 80px;}
.customerslogo img{opacity: .3;padding: 2%;}


.ng-projectprocess {padding-top: 13%;}
.projectprocess {position:relative;width:100%;margin-top: 50px;}
.process *{}
.process {position:absolute;top:0;width:327px; height:auto;min-height:327px;z-index:1; overflow:hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.process .position{ position:relative; width:100%; padding:5% 0;height:100%; text-align:center;display:block;}
.process .top {margin:100px auto auto;position: relative;z-index: 4;}
.process .top i{ display:block; width:60px; height:60px;margin: auto; }
.process .top h4{ color:#FFF; font-size:16px; padding:10px 0; overflow:hidden; display:block;font-family: 'Montserrat-Bold';font-weight: bold;}
.process .top .xline{width: 60%;height: 1px;background-image:linear-gradient(to right, #fff 0%, #fff 50%, transparent 50%);background-size:15px 2px;background-repeat: repeat-x;overflow:hidden; margin:20px auto 30px auto;display: block;opacity: 0;}
.process .text{position: relative;z-index: 4; background:url() 25px 0px repeat-y;color:#1a1a1a;font-size:14px; line-height:16px;text-align:left; width:auto; margin:auto;display: inline-block;opacity: 1;}
.process .text li { display:block;overflow:hidden; position:relative; height:40px;color: #fff;}
.process .text li.u1 {}

.process .circle,.process .top,.process .top i,.process .top h4,.process .top .xline{transition-duration:.4s;}


.process .text li {transform:translateX(50px);opacity:0;}
.process:hover .text li{transform:translateX(0px);opacity: 1;transition-duration:.4s;}
.process:hover .text li.u1 {-webkit-animation-delay:.3s;transition-delay:.3s;}
.process:hover .text li.u2 {-webkit-animation-delay:.5s;transition-delay:.5s;}
.process:hover .text li.u3 {-webkit-animation-delay:.7s;transition-delay:.7s;}
.process:hover .text li.u4 {-webkit-animation-delay:.9s;transition-delay:.9s;}
.process:hover .text li.u5 {-webkit-animation-delay:1.2s;transition-delay:1.2s;}
.process:hover .text li.u6 {-webkit-animation-delay:1.5s;transition-delay:1.5s;}
.process:hover .text li.u7 {-webkit-animation-delay:1.7s;transition-delay:1.7s;}
.process:hover .text li.u8 {-webkit-animation-delay:1.9s;transition-delay:1.9s;}




.process .text li:last-child {height: auto;}
.process .text * {display:inline-block;vertical-align: top;font-weight:normal;}
.process .text li h6 {font-size:16px; text-align:center;font-family: 'Montserrat-Light';}
.process .text li h5 { font-size:16px; padding-left:5px;font-family: Arial,"寰蒋闆呴粦","榛戜綋",'瀹嬩綋';} 
.process .circle {border-radius:200px; border:1px solid #262626; position:absolute;top:0; left: 0; width:99%; height:325px; z-index:3;overflow: hidden;display: block;margin: 0;}
.process:hover {z-index: 11;}
.process:hover .circle{ height:99%;border:1px solid #e8e8e8;background:#e8e8e8;}
.process:hover .position{padding:5% 0 35% 0;}
.process:hover .top h4{ color:#fff; }
.process:hover .top .xline {opacity: .4;-webkit-transition-delay:.4s;transition-delay:.4s;}
.process:hover .top {margin:60px auto auto;}
.process.pp1 { left:50%; margin-left:-575px;}
.process.pp2 { left:50%; margin-left:-300px;}
.process.pp3 { right:50%; margin-right:-300px;}
.process.pp4 { right:50%; margin-right:-575px;}
.pp1 i{ background:url(404.png) center no-repeat;}
.pp2 i{ background:url(404.png) center no-repeat;}
.pp3 i{ background:url(404.png) center no-repeat;}
.pp4 i{ background:url(404.png) center no-repeat;}
.process.pp1 a:hover i{ background:url(404.png) center no-repeat;}
.process.pp2 a:hover i{ background:url(404.png) center no-repeat;}
.process.pp3 a:hover i{ background:url(404.png) center no-repeat;}
.process.pp4 a:hover i{ background:url(404.png) center no-repeat;}
.jiantou-r { width:30px; height:20px; background:url(404.png) center no-repeat; position:absolute; left:3%; top:160px;z-index:2; opacity:.4;}
.process.pp1:hover .circle{border:1px solid #f7870f;background:#f7870f;}
.process.pp2:hover .circle{border:1px solid #6e7dfe;background:#6e7dfe;}
.process.pp3:hover .circle{border:1px solid #139f9b;background:#139f9b;}
.process.pp4:hover .circle{border:1px solid #ed5f49;background:#ed5f49;}
.process.pp1 .top h4 {color:#f7870f;}
.process.pp2 .top h4 {color:#6e7dfe;}
.process.pp3 .top h4 {color:#139f9b;}
.process.pp4 .top h4 {color:#ed5f49;}
.process a:hover .top h4 {color:#fff!important;}
.process a:hover .text li h6 {color:#fff}
.process a:hover .text li h5 {color:#fff} 


.ng-howtodoit {position: relative;margin-top:0;}
.ng-howtodoit .ngtitle {}
.ng-howtodoit .ngtitle h2{color: #000;}
.ng-howtodoit .ngtitle h3{color: #666;}
.ng-howtodoit .ngtitle h3::after {background: #000;}
.howtodoit-nav { width: 800px;margin: 50px auto auto;text-align: center;}
.howtodoit-nav li{font-size:14px;color:#9E9E9E;position: relative; cursor: pointer;display: inline-block; margin: 0 1%;padding-bottom: 5px;}
.howtodoit-nav li:hover{color:#000;}
.howtodoit-nav li.cur,.howtodoit-nav .swiper-slide-thumb-active li{color:#000;}
.howtodoit-nav li::after {content: '';width: 0;height: 1px;position: absolute;left: 50%;bottom: 0;background: #000;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;transition: all .4s ease;}
.howtodoit-nav *{-webkit-transition: all .4s ease;-moz-transition: all .4s ease;transition: all .4s ease;}
.howtodoit-nav li.cur::after,.howtodoit-nav .swiper-slide-thumb-active li::after{width: 100%;left: 0;}
 

.howtodoit {padding-top: 40px; overflow:hidden;}
.howtodoit { position:relative; width:75%; margin:auto;} 
.howtodoit .swiper-slide{ background:#f7f7f7; position:relative;}
.howtodoit .pic { width:50%; float:left;}
.howtodoit .pic img{ width:100%;display: block;height: auto;max-height:480px;min-height: 480px; }
.howtodoit .txt { width:50%;height:100%; position:absolute; right:0; top:0;text-align: left;}
.howtodoit .txt .position{ position:relative; width:75%; padding:0 10% 0 15%;height:100%; overflow:hidden;}
.howtodoit .txt h4 { font-size:20px; display:block;color: #999;text-transform: uppercase;font-family: 'Montserrat-Bold';}
.howtodoit .txt h3 { font-size:40px; padding:10px 0; overflow:hidden;z-index:55; position:relative;font-weight: bold;}
.howtodoit .text { font-size:18px; color:#1a1a1a;line-height: 20px; font-weight:bold; overflow:hidden; padding-top:30px;}
.howtodoit .text line{ height:1px; width:20px; background:#1a1a1a; margin-right:10px; display:inline-block; vertical-align:middle;}
.howtodoit .tnum { position:absolute; z-index:33;right: 5%;bottom: 5%;}
.howtodoit .tnum h2{color:#f7f7f7; font-size:200px; text-shadow:#e5e5e5 1px 0 0,#e5e5e5 0 1px 0,#e5e5e5 -1px 0 0,#e5e5e5 0 -1px 0;font-family: 'Montserrat-Bold';}
.howtodoit .d-table {display: table;width:100%;height:100%;}
.howtodoit .d-table-cell {display: table-cell;vertical-align: middle;}


.culture {position: relative;width: 100%;height: 100%;}
.culture * {-webkit-transition:all .8s ease;-moz-transition:all .8s ease;transition:all .8s ease;}
.culture .txt{ width:1000px; text-align:center; position:absolute; left:50%; margin-left:-500px; top:57%; margin-top:-215px; z-index:33;opacity:0}
.culture .txt h4{ font-size:20px; color:#000;}
.culture .txt line{ width:50px; margin:20px auto; height:2px; background:#000; overflow:hidden; display:block;opacity:.3;}
.culture .txt h2{font-size:60px; color:#000; letter-spacing:10px;font-weight:bold;}
.culture .txt h5{font-size:16px; color:#000; margin-top:2%;font-weight:normal; text-transform:uppercase;opacity:.6;}
.culture .txt h6{font-size:16px; color:#000; line-height:24px;font-weight:normal; margin-top:20%;overflow:hidden; opacity:.6;}
.culture .txt li { font-size:14px;line-height:24px; overflow: hidden; padding-top: 20px;}
.culture .txt li p{ }
.culture .pic {width: 100%;height: 100%;position: relative;}
.culture .pic img{display: block;width: 100%;height: 100%;}
.culture.blacktxt {}
.culture.blacktxt .txt h4,.culture.blacktxt .txt h2,.culture.blacktxt .txt h5,.culture.blacktxt .txt h6{color:#000;}
.culture.blacktxt .txt line {background:#666; }
.culture.whitetxt {}
.culture.whitetxt .txt,.culture.blacktxt .txt {opacity: 1}
.culture.whitetxt .txt h2 {letter-spacing:15px;}
.culture.whitetxt .txt h4,.culture.whitetxt .txt h2,.culture.whitetxt .txt h5,.culture.whitetxt .txt h6{color:#fff;}
.culture.whitetxt .txt line {background:#ccc; }


.ng-jdcase {position: relative;width: 100%;height:92%; margin-top:8%;}
.jdcase {position: relative;width:94.2%;margin:80px auto auto 5.8%;}
.jdcase .list {width: 100%;}
.jdcase .list a {background:none;text-align: center;}
.jdcase .list a div h4 {color: #919191;font-size: 16px;padding:5px 0 3px 0;;}
.jdcase .list a div h5 {color: #666;}
.jdcase .list a div h6 {color: #666;}
.jdcase .list a .jdcasepic {display: block;width: 100%;height: auto;min-height:340px;max-height:340px;}
.jdcase .list a:hover div h4 {color: #fff;}
.jdcase .list a:hover  {background:none;}
.jdcase .swiper-slide-active .list a div h4 {color: #fff;}


.jdcase {position: relative;}
.jdcase::after {content: '';position: absolute;width: 100%;height: 1px;left: 0;bottom: 5px; background: #232323;}
.jdcase-line-dot{width: 30px;height:30px; background: #121212;margin:50px auto auto;position: relative;}
.jdcase-line-dot::before {content: '';position: absolute;width:1px;height: 20px;left:50%;top: -25px;margin-left: -0.5px; background: #232323;display: none;}
.jdcase-line-dot li {width:18px;height: 18px;border: 1px solid none;border-radius:100px;margin: 2.5px auto;overflow: hidden;}
.jdcase-line-dot i{display: block;width: 4px;height:4px;border-radius:10px;margin:7px;background: #232323;overflow: hidden;}

.jdcase .swiper-slide:hover .jdcase-line-dot li{border: 1px solid #ccc;}
.jdcase .swiper-slide:hover .jdcase-line-dot li i{background: #fff;}
.jdcase .swiper-slide:hover .jdcase-line-dot::before {display: block;}





.service_main { display: table-cell;vertical-align: middle; }
.ng-contact {display: table;width:100%; height:100%;text-align: center;}
.ng-contact .contact_main {overflow: hidden; }
.ng-contact .cmleft {float: left;width: 30%;}
.ng-contact .cmleft .ngtitle {text-align: left;}
.ng-contact .cmleft .ngtitle h3{ font-size: 20px;color: #1a1a1a;font-weight: bold;padding-top:15px;font-family:Microsoft Yahei;}
.ng-contact .cmleft .ngtitle h2{ font-size: 44px;color: #1a1a1a;position: relative;padding-bottom:10px;}
.ng-contact .cmleft .ngtitle h2::after {content: '';position: absolute;left: 0;bottom: 0;width: 125px;height: 2px;background: #e5e5e5;display: block;}
.ng-contact .cmleft .ctel {text-align: left;margin-top: 140px;}
.ng-contact .cmleft .ctel h4{font-size: 14px;color: #999;padding-bottom: 5px;}
.ng-contact .cmleft .ctel h2{font-size: 20px;color: #1a1a1a;font-family: 'Montserrat-Bold';}
.ng-contact .cmleft .ctel h2 *{font-size: 20px;color: #1a1a1a;font-family: 'Montserrat-Bold';}
.ng-contact .cmright{float: right;width: 60%;text-align:left;}

.contact_main { background:#fff;font-size: 14px;padding: 7% 15% 7% 10.5%;width: 58%;margin:auto auto auto 16.5%;}
.contact_main .cmright li{ padding:17px 0 2px 0; overflow:hidden; display:block;color: #666;font-size: 14px;line-height: 30px;}
.contact_main .cmright h1 { font-size:18px;padding-bottom: 5px; font-weight:bold;color:#000;font-family: 'Montserrat-Bold';}
.contact_main .cmright h4 {font-size: 12px;color: #999;padding-bottom: 25px; display:block;border-bottom:#e8e8e8 1px solid; }
.contact_main .cmright h5 { font-weight: bold;padding:2px 0 5px 0;display: block;}
.contact_main .cmright strong {font-family: 'Montserrat-Bold';}
.contact_main .cmright strong * {font-family: 'Montserrat-Bold';}
.contact_icon { text-align:left;display:block;border-top:#e8e8e8 1px solid;padding-top: 20px;clear: both;margin-top:20px;}
.contact_icon * {-webkit-transition:all .8s ease;-moz-transition:all .8s ease;transition:all .8s ease;}
.contact_icon a { display:inline-block;position: relative; width:40px; height:40px; margin:0 15px 0 -2px;-moz-border-radius: 100px;-webkit-border-radius: 100px;border-radius:100px;}
.contact_icon a:hover { z-index:1;}
.contact_icon .wx{background:url("../image/icon_03.png") center 8px no-repeat #5ac64f;background-size: 60%;}
.contact_icon .qq{background:url("../image/icon_05.png") center 8px no-repeat #329fff;background-size: 60%;}
.contact_icon .wb{background:url("../image/icon_07.png") center 8px no-repeat #d80202;background-size: 60%;}
.contact_icon .wx:hover .ewm{display: block;}
.contact_icon .wx:hover {background:url("../image/icon_03.png") center -24px no-repeat #666;background-size: 60%;}
.contact_icon .qq:hover {background:url("../image/icon_05.png") center -30px no-repeat #666;background-size: 60%;}
.contact_icon .wb:hover {background:url("../image/icon_07.png") center   no-repeat #666;background-size: 60%;}
.contact_icon .ewm{display: none;width: 70px;height: 70px;position: absolute;left: 50%;margin-left: -40px;top: -90px;z-index: 3;background: #000;padding: 5px;}
.contact_icon .ewm::after {content: '';position: absolute;left:50%;z-index: 3;bottom:-14px;border-color: #000 transparent  transparent   transparent;margin-left: -7px;border-width: 8px;border-style: solid;}
.contact_icon .ewm img {display: block;width: 70px;height: 70px;}





.news { position:relative; display:block; overflow:hidden;width: 67%; margin:auto;border-bottom: 1px solid #ccc;}
.news  div { }
.news  li { width:100%; overflow:hidden;}
.news  li a{ display:block; width:100%; position:relative;border-top: 1px solid #ccc;}
.news  li a img { width:20%; min-height: 116px; max-height:116px;height:auto; display:block; position: absolute;right:1%;top: 50%; margin-top: -58px;}
.news  li a *{display: block;-webkit-transition:all .8s ease;-moz-transition:all .8s ease;transition:all .8s ease;}
.news  li a span {display:block;text-align:left; padding:2% 0px;width: 60%;}
.news  li a span img{ display:none;}
.news  li a span h1 { font-size:18px; color:#000;font-weight: bold;}
.news  li a span h2 { font-size:12px; padding:20px 0px;color:#666;line-height: 24px;min-height: 48px;}
.news  li a span h4 { font-size:12px;color:#a9a9a9;}
.news  li a span h3 { width:140px; height:35px;line-height:35px; text-align:center; font-size:12px; border:#ccc 1px solid; margin:20px 0 0 0;color:#a9a9a9; display:block;position: absolute;right: 0;top: 50%;margin-top: -17.5px;opacity: 0;}
.news  li a:hover { background:#f1f1f1; }
.news  li a:hover span h3 {border:#000 1px solid;background: #000;color: #fff;right: 5%;opacity: 1;display: none}
.news  li a:hover span {padding:2% 3%;}
.news  li a:hover img{ right:3%;}



.service {width: 100%;margin: 0px auto;text-align: center;display: table-cell;vertical-align: middle;}
.service h1{font-size: 36px;color: #313131;font-weight: normal;text-transform: uppercase;font-family: 'Montserrat-Bold'; margin-top: 150px;}
.service h2{font-size: 18px;color: #525252;font-weight: normal; padding-top: 4px;position: relative;display: block;}
.service h2::after{content: '';width: 50px;height: 1px; margin:20px auto auto;background: #000;opacity: 0.2;display: block;}
.service h5 {font-size: 14px;color: #999;  line-height: 24px; padding-top: 20px;width:50%;margin: auto;}
 
.service_icon { margin: 50px auto auto;width: 70%;}
.service_icon * {-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.service_icon li {width:23%;background: #fff; margin:0px 2px; display:inline-block;vertical-align: top;text-align: left;}
.service_icon li .stop {padding: 30px 20px 10px 30px;overflow: hidden;}
.service_icon li i{width:54px;height:54px;display:block;}
.service_icon li h3 { font-size:18px; padding: 8px 0;font-weight: bold;color: #fff;overflow: hidden;}
.service_icon li .stext {padding:30px;overflow: hidden;font-size:12px;line-height: 26px; color:#999999;position: relative;}
.service_icon li .stext::before {content: ''; background:#ccc;width: 100%;position: absolute;height: 2px;left: 0;bottom: 0;z-index: 1;}
.service_icon li .stext::after {content: ''; background:#ccc;width: 0;position: absolute;height: 2px;left: 50%;bottom: 0;z-index: 2;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}

.shidetext {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.shidetext * {font-size:12px;line-height: 26px; color:#999999;}

.service_icon li:hover .stext { color:#000;}
.service_icon li:hover .stext::after {width: 100%;left: 0;}

.service_icon .icon1 .stext::before {background:#fbd9b5;}
.service_icon .icon2 .stext::before {background:#c5cbff;}
.service_icon .icon3 .stext::before {background:#a1ebe9;}
.service_icon .icon4 .stext::before {background:#f8bfb6;}

.service_icon .icon1 .stext::after {background:#f49f45;}
.service_icon .icon2 .stext::after {background:#6e7dfe;}
.service_icon .icon3 .stext::after {background:#13ccc7;}
.service_icon .icon4 .stext::after {background:#ed5f49;}



.jmore {font-family: 'Montserrat-Light';font-size:12px; color:#999999;font-weight: bold;margin-top: 10px;position: relative;cursor: pointer;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.jmore::before {content: '';width: 10px;height: 10px;background: url("../image/jia.svg") center no-repeat;display: inline-block; margin-right: 5px;opacity: .3;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.jmore:hover  { color:#000;}
.jmore:hover::before { opacity: 1;}
.jmore.jmores::before {background: url("../image/jian.svg") center no-repeat;}


.icon1 .stop {background: #f49f45;}
.icon2 .stop {background: #6e7dfe;}
.icon3 .stop {background: #13ccc7;}
.icon4 .stop {background: #ed5f49;}
.icon1 i{ background:url(404.png) center no-repeat;background-size: 100%;}
.icon2 i{ background:url(404.png) center no-repeat;background-size: 100%;}
.icon3 i{ background:url(404.png) center no-repeat;background-size: 100%;}
.icon4 i{ background:url(404.png) center no-repeat;background-size: 100%;}


.ng-marketing { position: relative;width: 100%;height: 100%;}
.ng-marketing .text{ width:700px; position:absolute; left:10%; top: 50%;margin-top: -179px;z-index:3;text-align: left;}
.ng-marketing .text i{ display:block; width:60px; height:40px;}
.ng-marketing .text h2{ font-size:50px; color:#1a1a1a; display:block; padding:20px 0;font-weight: bold;font-family: auto;font-family: Microsoft Yahei;}
.ng-marketing .text li{ font-size:16px; color:#1a1a1a; font-weight:bold; line-height:22px; text-transform:uppercase; padding-top:80px; overflow:hidden;font-family: 'Montserrat-Bold';}
.ng-marketing .text li  h3{ font-size:24px;}





 


.news_list {background:#fff;padding:250px 0 50px 0;width: 100%;overflow: hidden;position:relative;z-index:9;}
.news_list .news_title {width: 67%; margin: auto auto 30px auto; position: relative;text-align: center;}
.news_list .news_title h1 {font-size: 36px;color: #313131;font-weight: normal;text-transform: uppercase;font-family: 'Montserrat-Bold';}
.news_list .news_title h2 {font-size: 18px;color: #525252;font-weight: normal;}
.news_list .news_title h3 {font-size:12px;line-height:1.5em;color:#666;display: none;}
.news_list .news_title .rightnav { text-align: center;width:100%;margin-top: 70px;}
.news_list .news_title .rightnav li{  }
.news_list .news_title .rightnav li{ display: inline;position: relative; margin:0 1.5%;padding-bottom: 5px;color: #9E9E9E;}
.news_list .news_title .rightnav a{ font-size:14px;  color: #9E9E9E;}

.news_list .news_title .rightnav li.on a::after,.news_list .news_title .rightnav a.cur::after {content: '';width: 100%;height: 1px; position: absolute;left: 0;bottom: 0;background: #000;}
.news_list .news_title .rightnav li.pitchon a::after,.news_list .news_title .rightnav a.pitchon::after {content: '';width: 100%;height: 1px; position: absolute;left: 0;bottom: 0;background: #000;}
.news_list .news_title .rightnav li.on a ,.news_list .news_title .rightnav a.cur {color: #000;}
.news_list .news_title .rightnav li.pitchon a ,.news_list .news_title .rightnav a.pitchon {color: #000;}
.news_list .news_title .rightnav a:hover  {color: #000;}

.newstop {width: 67%; margin: auto auto 0px auto;}
.newstop a {display: block;background: #f1f1f1;overflow: hidden;}
.newstop a .pic {float: left;width:50%;overflow: hidden;}
.newstop a .pic img{display: block;width: 100%;height: auto;-webkit-transition:0.3s ease;-o-transition:0.3s ease;transition:0.3s ease;}
.newstop a .text {float: left;width:40%;padding: 5% 5% 0 5%;}
.newstop a .text h1{font-size: 22px;color: #000;font-weight: bold;text-overflow: ellipsis;white-space:nowrap;overflow:hidden;}
.newstop a .text h2{font-size: 14px;color: #666;line-height: 24px; padding: 20px 0;}
.newstop a .text h4{color: #ccc;}
.newstop a .text h3{font-size: 12px;color: #a9a9a9;padding: 20px 0;}
.newstop a:hover .pic img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}

.news_list section {padding:5% 18%; margin: 0 auto; width: 67%;background:#FFF; line-height:22px;}
.news_list section h1 { padding:20px 0;font-size:1.5em;}
.news_list section p { font-size:14px; color:#666}
.img-holder { width:100%;}
.news_list section .date { line-height:30px; color:#999;font-size:14px;}

.pagenum { text-align: center;padding-top: 30px;overflow: hidden;clear: both;}
.pagenum a{ display: inline-block;padding: 10px; font-size: 14px;color: #9C9C9C;}
.pagenum a.on {color: #000;}
.pagenum a.prev, .pagenum a.next{display: inline-block;float: none;margin: 0;background: none;color: #666;font-family: "瀹嬩綋"!important;line-height:15px;width: 15px;height: 15px;border: 1px solid #ccc;}
.pagenum a.prev:hover, .pagenum a.next:hover {border: 1px solid #000;background: #000;color: #fff;}
.pagi {
  line-height: 100%; text-align: center
}
.pagi a {
  display: inline-block; background: #fff; padding: 10px; font-size: 1.4rem; color: #666; border: #eee 1px solid; border-right: 0px; cursor: pointer; vertical-align: middle
}
.pagi a:last-child {
  border-right: #eee 1px solid
}
.pagi a.on {
  text-decoration: underline
}

.ndpt100 { position:relative;padding: 0px 0 50px 0;}
.linkurlcase { display:block; width:100%; height:450px; z-index:1;position: relative;}
.linkurlcase li { padding-top:8%;overflow: hidden;text-align: center;}
.linkurlcase li *{-webkit-transition:0.3s ease;-o-transition:0.3s ease;transition:0.3s ease;}
.linkurlcase li h2{color: #fff; font-size: 50px;font-weight: bold;opacity: .8;}
.linkurlcase li h4{color: #fff; font-size: 16px; padding-top: 10px; font-weight: bold;text-transform: uppercase;opacity: .8;}
.linkurlcase li h6{margin:50px auto auto auto;overflow: hidden;}
.linkurlcase:hover li h2,.linkurlcase:hover li h4,.linkurlcase:hover .viewmore {opacity:1;}
.linkurlcase:hover li h6{margin:40px auto auto auto;}
.linkurlcase .viewmore {opacity: .8;}
.linkurlcase:hover .viewmore::before {-webkit-animation: widthain1 300ms 1 ease-in;animation: widthain1 300ms 1 ease-in;}
.linkurlcase:hover .viewmore:after {-webkit-animation: widthain1 300ms 1 300ms ease-out;animation: widthain1 300ms 1 300ms ease-out;}

.viewmore {display:block;width: 110px;margin: auto; font-size: 16px;position: relative;padding-bottom: 15px; color:#FFF;font-family: 'Gotham-Book',Arial;}
.viewmore:hover {color:#FFF}
.viewmore::after,.viewmore::before {content: '';height: 1px;position: absolute;bottom:0px;}
.viewmore::before  {width:0;left:0;background: #000;z-index: 3;}
.viewmore::after {width:100%;left:0;background: #fff;}
.viewmore:hover::before {-webkit-animation: widthain1 300ms 1 ease-in;animation: widthain1 300ms 1 ease-in;}
.viewmore:hover::after {-webkit-animation: widthain1 300ms 1 300ms ease-out;animation: widthain1 300ms 1 300ms ease-out;}
@keyframes widthain1{
	0%{width:0;} 
	100%{width:100%;}
}

.life_study_detail.pt40 { padding-top:5px;}




.newsdetail {padding-bottom: 50px;background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 146px, #f1f1f1 146px , #f1f1f1 100%);}
.news_detail { width: 63%;margin: 0px auto auto; background:#FFF;overflow:hidden; padding:2%;}
.news_detail_main { padding:1% 0;color: #666!important;padding-bottom: 10px;
    text-indent: 2em;}
.news_detail_main * {color: #666!important;padding-bottom: 10px;
    text-indent: 2em;}
.news_detail_main h3{font-weight:bold}
.news_detail_main a {color: #666!important;}
.news_detail_main a:hover {color: #666!important;}
.life_study_detail { line-height:22px; font-size:14px;overflow:hidden;}
.life_study_detail img { max-width:100%;height: auto!important;}
.life_study_detail_title { text-align:center; padding:10px 0; border-bottom:#CCC 1px solid; margin-bottom:20px;position: relative;}
.life_study_detail_title h1{ font-size:24px;line-height:30px;}
.life_study_detail_title h2{ font-size:12px;line-height:30px;padding:10px 0;color: #999;}
.pagepath {position: absolute;bottom: 0px;color: #999;font-size:12px;line-height:30px;padding: 20px 0;}
.pagepath a {color: #999;font-size:12px;}
.pagepath a:hover {color: #000;}

.page_next {  padding:10px 0;position:relative; text-align:left; overflow:hidden;width: 67%; margin:10px auto auto;}
.page_next a{ display:block; color:#6e6459; line-height:26px; font-size:14px;float:left; width:80%;}
.page_next a.rt_btn {background:url(404.png) right center no-repeat; display:block; width:50px; text-align: center;position: absolute; right: 50%;top: 50%; margin-left:-25px;margin-top: -13px;}
.page_next a:hover {color:#c12d24!important;}
.page_next h6 {display:inline-block;vertical-align: top;line-height:26px; font-size:14px;}
.page_next a:hover h6 {color:#c12d24!important;}
.page_next .pprev { float:left; width:50%;}
.page_next .nnext { float:right; width:50%; text-align:right;}


#showMore,.showMorehandle { margin:auto!important; width:100% !important; text-align:center; clear: both;}


.newscases {background: #000;padding: 3% 0 5% 0;overflow: hidden;}
.ntitle {text-align: center;padding: 20px 0;overflow: hidden;}
.ntitle h2{font-size: 18px;font-weight: bold;color: #666;}
.ntitle h3 {font-size: 28px;font-weight: bold;color: #fff;}
.newscases-list {padding-top: 1%;overflow: hidden;width: 67%;margin: auto;}
.newscases-list .list {height:auto;}
.newscases-list .list a{ background: #000;}
.newscases-list .list a span {padding-top:0;}
.newscases-list .list a div{background: none;}
.newscases-list .list a div h4 {color: #ccc;}
.newscases-list .list a div h5 {color: #666;}
.newscases-list .list a div h6 {color: #666;}
.newscases-list .list a:hover {background: #000;}



.sj_btn { text-align:left; display:block; overflow:hidden; padding:10px 0;}
.sj_btn a { display:block; width:40px; height:40px; background-image:url(../image/fx.png); background-repeat:no-repeat; margin:0 5px; float:left; background-color:#000;-moz-border-radius: 100px;-webkit-border-radius: 100px;border-radius:100px;behavior: url(404.png);position:relative; z-index:1;}
.sj_btn .wx{background-position:-5px -2px;}
.sj_btn .qq{background-position:-50px -2px;}
.sj_btn .wb{background-position:-95px -2px;}
.sj_btn .wx:hover {background-color:#5ac64f;}
.sj_btn .qq:hover{background-color:#329fff;}
.sj_btn .wb:hover{ background-color:#d80202;}

.button_link{display:inline-block;position:relative;text-decoration:none;font-size:15px;color:#fff;font-weight:normal;width:150px;text-align:center;height:40px;line-height:20px;border:1px solid #fff;margin:20px 0 ;padding: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{border:1px solid rgba(255,255,255,0)!important; color:#000!important;}
.button_link .line{display:inline-block;background-color:#666;position:absolute;-webkit-transition:0.3s ease;-o-transition:0.3s ease;transition:0.3s ease;}
.button_link .line_top{height:1px;width:0;left:-50%;top:0px;}
.button_link:hover .line_top{width:100%;left:0px;}
.button_link .line_right{height:0;width:1px;top:-50%;right:0px;}
.button_link:hover .line_right{height:100%;top:0px;}
.button_link .line_bottom{width:1px;height:0;bottom:-50%;left:0px;}
.button_link:hover .line_bottom{height:100%;bottom:0px;}
.button_link .line_left{height:1px;width:0;right:-50%;bottom:0px;}
.button_link:hover .line_left{width:100%;right:0px;}

.parameter {text-align:center; }
.parameter h2 { font-size:24px;text-transform:uppercase; line-height:34px;}
.parameter h3 { font-size:18px;line-height:20px; margin-bottom:30px;}
.circle { text-align:center; width:150px; margin:0 10px; display:inline-block;}
.circle h6{ line-height:30px; display:inline-block; font-size:16px; text-transform:uppercase;}		
.circliful { position: relative; }
.circle-text, .circle-info, .circle-text-half, .circle-info-half { width: 100%;position: absolute; text-align: center;display: inline-block;}
.circle-info, .circle-info-half {color: #999;}
.circliful .fa {margin: -10px 3px 0 3px;position: relative;bottom: 4px;}

.case {background:#f1f1f1; overflow:hidden; min-height:400px; padding-top:110px;}
.case_main{width:67%; margin:auto; overflow:hidden; }
.introduction { background:#FFF; overflow:hidden;box-shadow: 2px 2px 5px #CCCCCC;  }
.introduction_l {width:78%; float:left; padding:3% 2% 2% 2%;position: relative;overflow: hidden;}
.introduction_l strong { font-size:18px; padding-bottom:10px;display: block;}
.introduction_l i {border-bottom:#CCC 1px solid; display: block; width:40px; float:left; margin-bottom:10px;}
.introduction_l li { font-size:14px; color:#666; line-height:24px;text-align: justify;clear:both;}
.introduction_l h5 { font-size:12px; color:#ACACAC; line-height:24px; clear:both;padding-top:50px;display:none;}
.introduction_l h6 { font-size:12px; color:#ACACAC; line-height:24px; clear:both;padding-top:5px;display:none;}
.introduction_l a.gosite{display:none;border: 1px solid #ccc;text-align: center; clear:both;font-size:14px; color:#666;line-height:20px;position: absolute;padding: 10px 55px;bottom: 10%;right: 2%;}
.introduction_l a.gosite:hover {background: #000;color: #fff;}

.introduction_r {width: 16%;padding: 3% 0 0 1%;float: left;border-left:#e5e5e5 1px solid;}
.introduction_r li { font-size:12px; color:#666; line-height:20px; padding:5px 0;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.introduction_r li a:hover { color:#a90001;}
.introduction_r li a.gosite{display: block;border: 1px solid #ccc;text-align: center;width:98%;padding:10px 0;}
.introduction_r li a.gosite:hover {background: #000;color: #fff;}
.prev,.next,.return { opacity: .5;width:45px; height:45px;border-radius:0px; display:inline-block;background-repeat:no-repeat; background-position: center center;}
.prev { background-image:url(404.png);float:left;}
.return {background-image:url(404.png);}
.next {background-image:url(404.png);float:right;}
.prev:hover,.next:hover,.return:hover { background-color:#000;}
.next:hover {background-image:url(404.png);}
.prev:hover {background-image:url(404.png);}
.return:hover {background-image:url(404.png);}
.prev,.next{background-size: 50%;}
.bordert {border-top:#e5e5e5 1px solid; padding-top:10px !important; overflow:hidden; margin:10px 0 0; display:block;text-align: center;}

.case_detail {background:#fff; overflow:hidden; min-height:400px;  padding-bottom:50px;box-shadow: 2px 2px 5px #CCCCCC;}
.case_detail_l {width: 80%;padding: 2%;float: left;}
.case_detail_l img{max-width:100%;}
.case_detail_r {width:14%; float:left; padding:2% 0;}
.case_detail_r * {-webkit-transition:all .8s ease;-moz-transition:all .8s ease;transition:all .8s ease;}
.case_detail_r strong{ font-size:18px; padding-bottom:10px; display:block; font-weight:normal;}
.case_detail_r li{border-top:#CCC 1px solid;}
.case_detail_r li a{line-height:45px;height:45px;font-size:12px;color:#999; display:block; border-bottom:#CCC 1px solid; background:url(404.png) 20px center no-repeat; padding-left:40px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.case_detail_r li a:hover { background:url(404.png) 20px center no-repeat #a90001; color:#FFF; padding-left:40px;}
.linkurl { clear:both; margin-top:50px; overflow:hidden;}
.linkurl a { font-size:14px;background:url(404.png) center top no-repeat    ; text-align:center; padding-top:75px; display:block;}
.linkurl a:hover { color:#a90001;}

.other_case {overflow:hidden; min-height:200px; margin-top:50px; padding-bottom:50px;}


.list {width:24.77%;display: inline-block;vertical-align: top; overflow:hidden; margin-bottom:3px;}
.list *{ 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;background:#000;}
.list a div h4{ min-height:21px;font-size:14px;}
.list a div h5{ font-size:12px; color:#999; padding-top:2px;min-height: 18px;}
.list a div h6 {font-size:12px; color:#999;font-family: 'Montserrat-Light';position: absolute;top: 50%;margin-top: -9px;right:4%;display: none;}
.list a:hover span { display:block;}


.list a .ctitle {display: none;padding:12px 3%; width:94%; margin:0; height:auto;box-sizing:initial;position: absolute;left: 6%;bottom: 6%;}
.list a .ctitle h4{ min-height:21px;color:#fff;font-size:14px;}
.list a .ctitle h5{ font-size:12px; color:#fff; padding-top:2px;min-height: 18px;}
 



#showMore .button_link{border: 1px solid #ccc;}


.other-news {}
.other-news .swiper-slide .list{width:100%;}



.casedetail { overflow: hidden;}
.casedetailmain {margin: auto;overflow: hidden;padding-top: 215px;}
.casedetailmaintop {width: 67%;margin: auto;overflow: hidden;position: relative;}
.casedetailmaintop-logo {float: left;width: 20%;position: absolute;height: 100%;left: 0;top: 0;}
.casedetailmaintop-logo img {display:block;width: 100%;height: auto;}
.casedetailmaintop-logo img.nonefb {-webkit-filter:none;filter:none;}
.casedetailmaintop-logo .positionrelative{ position: relative;width: 100%;height: 100%;}
.casedetailmaintop-logo ul {display: table;width: 100%;height: 100%;}
.casedetailmaintop-logo ul li {display: table-cell;vertical-align: middle;}

.casedetailmaintop-text {float: right;width:55%;padding-left: 25%;}
.casedetailmaintop-text h3{font-size: 20px;color: #1a1a1a;padding-bottom: 10px;font-family: 'Montserrat-Bold';text-transform: uppercase; font-weight: bold;display: block;overflow: hidden;}
.casedetailmaintop-text h5{ font-size: 12px;color: #666;line-height: 20px;display: block;overflow: hidden;padding-top: 5px;}
.casedetailmaintop-text h5 * {font-size: 12px;color: #666;line-height: 20px;}
.casedetailmaintop-text h4{ font-size: 12px;color: #666;padding-top:8px;display: block;overflow: hidden;}
.casedetailmaintop-text h6{ font-size: 12px;color: #666;padding-top: 4px;display: block;overflow: hidden;}
.casedetailmaintop-text h6:last-child {padding-bottom: 30px;}
.casedetailmaintop-text line {width: 50px;height: 2px;background: #000;margin: 7px 0 10px 0;display: block; overflow: hidden;}
.casedetailmaintop-text-btn {padding-top: 30px;display: block;overflow: hidden;}
.casedetailmaintop-text-btn a{ border: 1px solid #999;border-radius: 2px;text-align: center;color: #777;display: block;height: 45px;line-height: 45px;overflow: hidden;-webkit-transition:0.3s ease;-o-transition:0.3s ease;transition:0.3s ease;}
.casedetailmaintop-text-btn a.btn1{width: 30%;position: relative; font-family: 'Montserrat-Bold';font-size: 14px;}
.casedetailmaintop-text-btn a.btn1::before {content: '\e62a';vertical-align: top; margin-right: 10px; font-family: 'font_family'; font-size: 20px;}
.casedetailmaintop-text-btn a.btn1:hover{background:#000;color: #fff;}
.casedetailmaintop-text-btn a.btn1:hover::before {color: #fff;}


 
.casedetailmain-piclist {margin-top:50px;overflow: hidden;clear: both;}
.casedetailmain-picdetail .loadpicdetail{width: 67%;margin: auto;overflow: hidden;text-align: center;
    
    border: #0d0d0d 20px solid;border-bottom:0;border-radius:10px;
 
    
}
.casedetailmain-picdetail img {max-width:100%; height: auto;display: block;} 
.casedetailmain-picdetail img.borderradius20:first-child{}
.casedetailmain-picdetail img.borderradius20:last-child {}
.casedetailmain-picdetail-btn {width: 67%;position: relative; margin:3% auto;overflow: hidden;}
.casedetailmain-picdetail-btn a{position: relative; background: #fff;font-family: 'Montserrat-Light'; font-size: 14px;width:130px; margin: auto;text-align: center;color: #999;display: block;height: 54px;border: 1px solid #e6e6e6;line-height:54px; overflow: hidden;-webkit-transition:0.3s ease;-o-transition:0.3s ease;transition:0.3s ease;}
.casedetailmain-picdetail-btn a:hover {background: #000;color: #fff;}
.casedetailmain-picdetail-btn a.btn2{float: left;}
.casedetailmain-picdetail-btn a.btn2::before {content: '';width: 20px;height: 20px;display: inline-block;vertical-align:text-top;margin-right: 5px; background: url("../image/cbtn2.svg") center no-repeat;}
.casedetailmain-picdetail-btn a.btn3{position: absolute;width:200px; left: 50%;margin-left: -100px;top: 0; }
.casedetailmain-picdetail-btn a.btn3::before{content: '';width: 20px;height: 17px;display: inline-block;vertical-align:text-top;margin-right: 5px; background: url("../image/cbtn3.svg") center no-repeat;}
.casedetailmain-picdetail-btn a.btn4{float: right;}
.casedetailmain-picdetail-btn a.btn4::after{content: '';width: 20px;height: 20px;display: inline-block;vertical-align:text-top;margin-left: 5px; background: url("../image/cbtn4.svg") center no-repeat;}
.casedetailmain-picdetail-btn a.btn2:hover::before {background: url("../image/cbtn22.svg") center no-repeat;}
.casedetailmain-picdetail-btn a.btn3:hover::before {background: url("../image/cbtn33.svg") center no-repeat;}
.casedetailmain-picdetail-btn a.btn4:hover::after {background: url("../image/cbtn44.svg") center no-repeat;}


.casedetailmain-ewm {background: #000;position: relative;}
.casedetailmain-ewmtxt {position:absolute;width: 100%; height: 100%; text-align: center;}
.casedetailmain-ewmtxt ul {display: table;width: 100%; height: 100%;}
.casedetailmain-ewmtxt ul li{display: table-cell;vertical-align: middle;}
.casedetailmain-ewmtxt .left{ display: inline-block;vertical-align: top;padding-right: 30px;}
.casedetailmain-ewmtxt .left img{width: 114px; height: 114px;display: block;}
.casedetailmain-ewmtxt .right{display: inline-block;vertical-align: top;margin-top:10px;}
.casedetailmain-ewmtxt .right h5{color: #fff; font-size: 18px;}
.casedetailmain-ewmtxt .right a.btn10{width: 155px;margin-top: 20px;border: 1px solid #fff;font-size: 14px; border-radius:2px;text-align: center;color: #fff;display: block;height:40px; line-height: 40px;position: relative; overflow: hidden;-webkit-transition:0.3s ease;-o-transition:0.3s ease;transition:0.3s ease;}
.casedetailmain-ewmtxt .right a.btn10::before {content: '\e62a';vertical-align: top; margin-right: 10px; font-family: 'font_family'; font-size: 20px;}
.casedetailmain-ewmtxt .right a.btn10:hover{background:#fff;color: #000;}
.casedetailmain-ewmtxt .right a.btn10:hover::before {color: #000;}


.casedetailmain-ewmpic {}
.casedetailmain-ewmpic img{ display: block;width: 100%;height: auto;}
.casedetailmain-swiperpic { border-radius:10px;margin-bottom: 50px;width:-webkit-calc(100% - 40px);width:-moz-calc(100% - 40px);width:calc(100% - 40px);border: #0d0d0d 20px solid;background: #000;} 
.casedetailmain-swiperpic .swiper-wrapper {}
.casedetailmain-swiperpic img{ display: block;width: 100%;height: auto;max-width:none;border:none;border-radius:0px;}
.casedetailmain-swiperpic .swiper-pagination-bullet-active { background: #000;}



.casedetailmain-othercase {background: #fff;overflow: hidden;padding: 150px 0 120px 0;}
.casedetailmain-othercase-top .ntitle h3{color: #000;font-size: 30px;font-family: 'Montserrat-Bold';}
.casedetailmain-othercase-top .nkeywold {padding: 20px 0 60px 0; overflow: hidden;text-align: center;font-size: 12px;color: #999;}
.casedetailmain-othercase-top .nkeywold a {}
.casedetailmain-othercase-list {width: 67%;margin: auto;overflow: hidden;}
.casedetailmain-othercase-list .list {width: 100%;}
.casedetailmain-othercase-list .list a{background:none;}


.casedetailmain-swiperpicimg {padding-bottom: 20px;overflow: hidden;position: relative;margin-bottom:40px;}
.casedetailmain-swiperpicimg .swiper-pagination {width: 100%;bottom: 30px;}
.casedetailmain-swiperpicimg .swiper-pagination span {margin:  0 2px;}
.casedetailmain-swiperpicimg .swiper-pagination span.swiper-pagination-bullet-active {background: #000;}



.mctel {display: none;text-align: left;border-top: #e8e8e8 1px solid;margin-top:10px;padding-top: 20px;}
.mctel h2{font-size: 20px;color: #1a1a1a;font-family: 'Montserrat-Bold';}
.mctel h2 * {font-size: 20px;color: #1a1a1a;font-family: 'Montserrat-Bold';}



.newsmain {width: 67%;margin:auto;}
.newsleft {float: left;width: 75%;}
.newsright {float: right;width: 23%;}
.newsmain-top {margin:40px 0 20px 0;overflow: hidden;border-bottom: 1px #e6e5e5 solid;padding-bottom: 15px;}
.newsleft .newstop {width: 100%;}
.newsleft .news {width: 100%;}
.newsright-path {color: #666;font-size: 12px;float: right;width: 23%;}
.newsright-path a{color: #666;font-size: 12px; display: inline-block;vertical-align: middle;}
.newsright-path a:hover {color: #000;}
.newsright-hotnews {background: #f8f8f8;padding: 5%;overflow: hidden;margin-bottom: 20px;}
.newsright-hotnews h4{font-size: 16px;display: block;border-bottom: 1px solid #d4d4d4;padding: 10px 0;text-transform: uppercase;overflow: hidden;}
.newsright-hotnews ul{padding: 10px 0;overflow: hidden;}
.newsright-hotnews ul li{padding: 5px 0;overflow: hidden;}
.newsright-hotnews ul li a{font-size: 12px;color: #595757;display: block;}
.newsright-hotnews ul li a h5{display: block;font-size: 12px;color: #595757;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;position: relative;padding-bottom: 5px;}
.newsright-hotnews ul li a h5::before {content: '';width: 4px;height: 4px;border-radius: 100px;background: #ccc;display: inline-block;vertical-align: middle;margin-right: 5px;}
.newsright-hotnews ul li a h6{padding-left: 10px;font-size: 12px;color: #ccc;font-family:Arial;}
.newsright-hotnews ul li a:hover h5{color: #000;}

.newsright-hotnewstag {background: #f8f8f8;padding: 5%;overflow: hidden;margin-bottom: 20px;}
.newsright-hotnewstag h4{font-size: 16px;display: block;border-bottom: 1px solid #d4d4d4;padding: 10px 0;text-transform: uppercase;overflow: hidden;}
.newsright-hotnewstag ul{padding: 10px 0;overflow: hidden;}
.newsright-hotnewstag ul a{font-size: 12px;color: #595757;display:inline-block;margin-right: 10px;margin-bottom: 10px;}
.newsright-hotnewstag ul a:hover {color: #000;}

.newsleft-nav {text-align: left;margin:0px 0;overflow: hidden;float: left;width: 75%;}
.newsleft-nav a{display: inline-block;position: relative;font-size: 14px;margin-right:30px;padding-bottom: 5px;color: #9E9E9E;}
.newsleft-nav a:hover {color: #000;}
.newsleft-nav a.cur{color: #000;}
.newsleft-nav a.cur::after {content: '';width: 100%;height: 1px;position: absolute;left: 0;bottom: 0;background: #000;}
.clear {clear: both;}


.newsleft .newstop a .text {padding: 3% 5% 0 5%;}
.newsleft .newstop a .text h1 {font-size: 20px;}
.newsleft .newstop a .text h2 {padding: 15px 0;}
.newsleft .news li a img {width: 26.5%;}
.newsleft .news li a span h2 {padding: 15px 0px;}
.newsleft .news li a img {right: 0;}
.newsleft .news li a span {width: 70%;}




@media screen and (max-width: 1920px) {
.minh968 {min-height: 968px;}
}


@media screen and (max-width: 1680px) {
	.minh968 {min-height:auto;}
	.header,.header .header_logo {height: 100px;}
	.isbox0 {width: 16.5%;}
	.isbox1, .isbox2, .isbox3, .isbox4 {width: 22.3%;}
	.isbox4 {width: 16.6%;}
	.iservice-title {width: 67%;margin-left: 16.5%;}
	.case {padding-top: 100px;}
	.news_detail {margin: -50px auto auto;}
	.ng-projectprocess {padding-top:9%;}
	.casedetailmain {padding-top: 15%;}
	.panel_main h2 {margin-top: 100px;}
	.panel_main .pic { margin-top: 0px;}
	.contact_main {padding: 4% 15% 3% 10.5%;width: 58%;margin: auto auto auto 16.5%;}
	.ng-contact .cmright {width: 70%;}
	.service h1 { margin-top: 50px;}
	.jdcase .list a .jdcasepic {min-height:296px;max-height:296px;}
	.panel_main .pic img {max-width:60%;margin-top: 50px;}
	.howtodoit .pic img {max-height: 427px; min-height: 427px; }

}
@media screen and (max-width: 1440px) {
	.indexcase-content,.index_news_content,.footer .footer_content,.footer .footer_bottom ul,.header_content,.index_news .index_news_content,.case_list,.case_main,.news_list .news_title,.newstop,.news,.newscases-list,.grid .news_title,.casedetailmaintop,.casedetailmain-picdetail,.casedetailmain-othercase-list,.casedetailmain-picdetail-btn {width: 88.5%;}
	.header,.header .header_logo {height: 85px;}
	.iservicebox .isbox0 {width: 5.6%;}
	.isbox0, .isbox1, .isbox2, .isbox3, .isbox4 {width: 24%;}
	.isbox4 {width: 22.4%;}
	.iservice-title {width: 88.4%;margin-left: 5.6%;}
	.news_detail {width: 84.5%;padding: 2%;margin-top: 0px;}
	.life_study_detail.pt40 {padding-top: 0;}
	.iaboutxt {width:60%;}
	.grid  {padding: 200px 0 50px 0;}
	.news_list {padding: 200px 0 50px 0;}
	.news_list.ndpt100 {padding: 0px 0 50px 0;}
	.linkurlcase {height: 350px;}
	.isbox4:hover .showisbox{bottom: 0px;}
	.cd-nav .cd-primary-nav li {margin: 1em 0;}
	.service_icon li {width: 23%;}
	.service h5 {width:70%;}
	.cd-nav .cd-contact-info {width: 17%;}
	.header_logo img {max-width: 90%;}
	.cd-nav .cd-primary-nav a {font-size:3rem;}
	.cd-nav .cd-contact-info {padding: 14.5% 3% 0 4%;}
	.case_list {margin-bottom: 50px;}
	.panel_main {padding-top: 3%;}
	.about_main {margin-top:70px;}
	.service_main {width: 90%;padding-top: 0px;}
	.service_main .email {display: none}
	.contact_icon a {background-size: 333%;width: 40px;height: 40px;}
	.customerslogo img {padding: 1%;}
	.howtodoit {width: 89%;}
	.service_icon {margin: 50px auto auto;width: 89%;}
	.howtodoit .pic img {max-height: 418px; min-height: 418px; }
	.grid .showMorehandle a {margin: 0px 0 0 0;}
	.page_next {width: 88.5%;}
	.panel_main h2 {margin-top: 0px;}
	.panel_main h3 {width: 60%;}
	.intrologo img {max-width: 320px;}
	.introcontent img {max-width: 50%;}
	.ng-banner {min-height: 700px;}
	.iaboutb .text {margin-top: -110px;}
	.cd-nav .cd-contact-info li:nth-child(3) {color: #777;font-size: 13px;}
	.panel_main .pic img {max-width:60%;}
	.contact_main .cmright li {font-size: 12px;}
	.contact_main {padding: 4% 10% 3% 10.5%;width: 63%;}
	.ng-contact .cmright {width: 63%;}
	.contact_main .cmright h4 {padding-bottom: 15px}
	.contact_main .cmright li {padding: 10px 0 2px 0;}
	.ng-contact .cmleft .ctel {margin-top: 120px;}
	.jdcase .list a .jdcasepic {min-height:252px;max-height:252px;}
	.newsdetail {background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 130px, #f1f1f1 130px , #f1f1f1 100%);}
	.ngteam .team5 a .text ul::after, .ngteam .team7 a .text ul::after, .ngteam .team10 a .text ul::after, .ngteam .team13 a .text ul::after, .ngteam .team14 a .text ul::after, .ngteam .team15 a .text ul::after {right: -29px;}
	.ngteam .team1 a .text ul::after, .ngteam .team2 a .text ul::after, .ngteam .team3 a .text ul::after, .ngteam .team4 a .text ul::after, .ngteam .team6 a .text ul::after, .ngteam .team9 a .text ul::after, .ngteam .team11 a .text ul::after, .ngteam .team12 a .text ul::after {left: -25px;}

}
@media screen and (max-width: 1366px) {
	.header_logo img{ margin: 0px auto;max-height: 100%;}
	.indexcase-content,.index_news_content,.footer .footer_content,.footer .footer_bottom ul,.header_content,.index_news .index_news_content,.case_list,.case_main,.news_list .news_title,.newstop,.news,.newscases-list,.grid .news_title,.casedetailmaintop,.casedetailmain-picdetail,.casedetailmain-othercase-list,.casedetailmain-picdetail-btn {width: 90%;}
	.iservice-title {width: 90%;margin-left: 5%;}
	.iservicebox .isbox0 {width: 5%;}
	.isbox0, .isbox1, .isbox2, .isbox3, .isbox4 {width: 22.5%;}
	.cd-nav .cd-primary-nav a {font-size: 3.0rem;}
	.news_detail {width: 86%;padding: 2%;}
	.header, .header .header_logo {height: 70px;}
	.cdnav {width: 30%;}
	.header .header_logo {width: 75%;margin-left: 25%;}
	.news_list,.grid {padding: 100px 0 100px 0;}
	.case {padding-top: 100px;}
	.cd-nav .cd-navigation-wrapper{padding: 0px 0 0px 10%;}
	.cd-nav .cd-contact-info {padding: 14% 3% 0 4%;}
	.cd-nav-trigger .cd-nav-icon {width: 23px;}
	.cd-nav-trigger .cd-nav-icon::before {-webkit-transform: translateY(-6px);-moz-transform: translateY(-6px);-ms-transform: translateY(-6px);-o-transform: translateY(-6px);transform: translateY(-6px);}
	.cd-nav-trigger .cd-nav-icon::after {-webkit-transform: translateY(6px);-moz-transform: translateY(6px);-ms-transform: translateY(6px);-o-transform: translateY(6px);transform: translateY(6px);}
	.news_detail {margin: 0px auto auto;}
	.ngteam .team a .text h2 {font-size: 26px;}
	.customerslogo {width: 90%;}
	.customerslogo img {padding: 1%;width: 13%;}
	.ng-marketing .text h2 {font-size: 40px;}
	.ng-projectprocess {padding-top: 5%;}
	.howtodoit .pic img {max-height: 397px; min-height: 397px; }
	.jdcase .list:nth-child(1),.jdcase .list:nth-child(2),.jdcase .list:nth-child(3) {display: block}
	.ng-banner {min-height: 650px;}
	.contact_main {padding: 4% 8% 3% 8.5%;width: 67%;}
	.contact_icon {padding-top: 15px;margin-top: 10px;}
	.jdcase .list a .jdcasepic {min-height:238px;max-height:238px;}
	.ng-contact .cmleft .ctel {margin-top: 100px;}

}
@media screen and (max-width: 1280px) {
	.footer .footer_content .fleft {width: 35%;}
	.footer .footer_content .fright {width: 65%;}
	.footer .footer_content ul li {margin-left: 5%;}
	.iaboutxt {width: 80%;}
	.showisbox li a {width: 49%;padding: 3px 1% 3px 0;}
	.jdcase .list a .jdcasepic {min-height:223px;max-height:223px;}
	.casedetailmain-othercase {padding: 10% 0 7% 0;}
	.ng-contact .cmleft .ctel {margin-top: 130px;}
	.footer .footer_content::after { background: #444;}

}
@media screen and (max-width: 1152px) {
	
	.header, .header .header_logo,.header_logo img {height: auto}
	.cd-nav .cd-contact-info {width: 25%;}
	.intrologo img {min-height: auto;}
	.showisbox li a {display:inline-block;width:100%;}
	.indexcase-list .swiper-slide {overflow:hidden;}
	.indexcase-list .swiper-slide.swiper-slide-active {margin-right: 2px;}
	.iviewmore {margin: 5px auto}
	.inews-top .pic img {max-height: 220px;min-height: 220px;}
	.iaboutb .text {margin-top: -100px;}
	.footer .footer_content ul li {margin-right: 10px;}

	.case_list div,.casedetailmain-othercase-list .list,.indexcase-list .list {width: 33%;}
	.case_list { min-height:auto;}
	.panel_main h3 {font-size: 12px;}
	.culture .txt h2 {font-size: 50px;}
	.culture .txt h6 {font-size: 14px;margin-top: 10%;}
	.ngteam .team a .txt h2 {font-size:20px;}
	.service_icon {width: 96%;margin:30px auto auto;}
	.service_icon li .stext {padding:20px;}
	.howtodoit .pic img {max-height:none;min-height: auto;}
	.howtodoit .tnum {display: none}
	.jdcase .list a .jdcasepic {min-height: auto;max-height: none;}
	.news li a img {min-height: 84px;max-height: 84px;margin-top: -40px;}
	.newstop a .text {width: 44%;padding: 3% 3% 0 3%;}
	.newstop a .text h1 {font-size: 18px;}
	.newstop a .text h2 {font-size: 12px;line-height: 22px;}
	.newstop a .text h3 { padding: 20px 0 0;}
	.contact_main {width: 79%;margin: auto auto auto 5%;}
	.projectprocess{-webkit-transform:scale(0.8);-moz-transform:scale(0.8);transform:scale(0.8);}
	.ng-banner {min-height:auto;}
	.ng-contact .cmleft .ctel {margin-top: 100px;}
	.section .inner,.panel_main {display: block;}
	.panel_main {padding-top:8%;}
	.ngteam .team a .text h2 {font-size: 18px;}
	.ngteam .team a .text h6 {line-height: 20px;}
	.customers {display: block;vertical-align: middle;height: 100%;margin-top: 25%;}
	.htlogo h6,.header_nav li a,.header-nav-tel {font-size: 12px;}
	.header_nav li {margin-left: 20px;}
	.header_nav {width: 70%;}
	
}
@media screen and (max-width: 1024px) {
	.inews-top .pic img {max-height: 210px;min-height: 210px;}
	.news li a img {min-height: auto;max-height:none;}
	.ng-contact .cmleft .ctel {margin-top: 130px;}
}
@media screen and (max-width: 980px) {

	.casedetailmain-swiperpicimg {padding-bottom: 0px; margin-bottom: 0px;}
	.casedetailmain-swiperpicimg .swiper-pagination {display: none;}
	.projectprocess{-webkit-transform:none;-moz-transform:none;transform:none;}
	.case_list div,.casedetailmain-othercase-list .list,.indexcase-list .list {width: 100%;}
	.indexcase-list .swiper-slide.swiper-slide-active {margin-right: 0px;}
	.inews-top .pic img {max-height: none;min-height: auto;}
    .misopen { overflow:hidden!important; height:100%!important;}
	.misopen body {overflow:hidden!important; height:100%!important;}
	.cdnav { background: #363636;}
	.title { padding-top:30% !important; }
	#demo01,#demo02 { display:block!important;}
	.a_team,.grid-pages,.codrops-header {display:none!important;}
	.list a span,.list a:hover span{ display:none !important;}
	.button_link span { display:none !important;}
	.button_link:hover{border:1px solid rgba(0,0,0,1)!important; color:#000;}
	.flexslider .slides li div.img div.team span { top:70%;}
	.news {width: 100%;}
	#fp-nav.right {right: 1%;}
	#fp-nav {display: none;}
	.customerslogo img {padding: 1%;width: 30%;}
	.customerslogo {padding-top: 10px;}
	.ngtitle h4 {width:90%;}
	.about_nav,.jdcase-line-dot,.jdcase::after{ display:none;}
	.about_main { margin:0px auto !important;width:78%!important;text-align: justify;}
	.panel_main .pic{display: block;margin-top:0px;}
	.panel_main .pic img {max-width:90%;margin-top:40px;}
	.panel_main2 { width:90%!important;}
	.panel_main3 { margin:0px 20px 40px 130px !important;}
	.panel_main h2,.ngtitle h2  {font-size: 26px;width: 90%;margin: 0px 5%;z-index: 3;position: relative;}
	.panel_main h3 {width: 94%;font-size: 12px;line-height: 22px;}
	.ng-marketing .text {width: 90%;left: 5%;top: 50%;}
	.ng-marketing .text h2 {font-size: 30px;}
	.ng-projectprocess {display: table-cell;vertical-align: middle;padding-top: 0;}
	.process .circle {border-radius: 0px;height: 100px; display:none;}
	.process.pp1,.process.pp2,.process.pp3,.process.pp4 {left:auto;top: auto;right:auto;margin-right:auto;margin-left: auto;position: relative;}
	.process.pp2 {top: auto;}.process.pp3 {top: auto;}.process.pp4 {top: auto;}
	.jiantou-r,.process .top .xline {display: none}
	.process {width: 49%;margin: 0; min-height:auto; display: inline-block;}
	.process .circle {border-radius: 0px;height: 98%;}
	.process .top {margin: 0px auto auto;}
	.process .position {padding: 3% 0;}
	.process .text,.howtodoit .tnum,.howtodoit .txt h4 {display: none;}
	.process:hover .position {padding:0.5% 0;}
	.process:hover .top {margin: 0px auto auto;}
	.projectprocess {margin-top: 5%;width: 90%;margin:30px auto auto;}
	.process .top h4 {padding: 0px 0px 10px 0px;}
	.howtodoit .pic {width: 100%;float: none;}
	.howtodoit .txt {width: 100%;height:auto;position: relative;right: auto;top: auto;}
	.howtodoit .pic img {max-height: none;min-height: auto;}
	.howtodoit .txt h3 {font-size: 20px;padding:0px 0;}
	.howtodoit .txt .position {width: 90%;padding: 5%;}
	.howtodoit .text {font-size: 13px;padding-top:20px;line-height: 13px;}
	.howtodoit {padding-top:0px;}
	.howtodoit-nav {width: 100%;margin: 5% auto auto;display: block;opacity: 0;height: 0px;overflow: hidden;}
	.section .inner.mbblock {display: block;}
	.ng-jdcase {display: block;padding-top: 34%;}
	.news_list.ndpt100 {background-size: 300%!important;}
	.linkurlcase li h2 {font-size: 20px;}
	.linkurlcase li {padding-top: 120px;}
	.ng-contact .service_main {padding-top: 70px!important;}
	.jdcase {width: 90%;}
	.jdcase .list {width: 100%;}
	.jdcase .list:nth-child(1), .jdcase .list:nth-child(2), .jdcase .list:nth-child(3), .jdcase .list:nth-child(4), .jdcase .list:nth-child(5) {display: block;}
	.culture .txt h2 {font-size: 30px;letter-spacing: 5px;}
	.culture .txt {width: 90%;left: 5%;margin-left: 0px;margin-top: -150px;}
	.culture .txt h6 {margin-top: 40%;font-size: 13px;}
	.a_team { text-align:center;}
	.a_team li{width:40%!important; display:inline-block; float:none !important; margin:5px!important;}
	.a_team li img{ width:100%!important; }
	.service_main { width:90%!important;padding-top:120px!important;}
	.service_icon li {width:43%!important;margin:5px!important;padding:5px!important;  float:left;}
	.service_icon li p { padding:1%  1%  0  1% !important; color:#000;display: none}
	.service_icon {margin-top:5%!important;}
	.section .inner{width:100%!important;display: table}
	.section .panel_main {display: table-cell;padding-top: 13%;}
	.customers {margin-top: 35%;}
	.culture2 .txt{margin-top: -210px;}
	.join {width:100%; margin:auto !important;}
	.service3 {width:88%!important;height:auto!important;margin-bottom:2%!important; background:#FFF; padding:3%; margin-right:0 !important; line-height:24px;}
	.service3 div.stxt { display:none !important;}
	.email {width:98%; margin:auto !important;}
	.case_main{width:100%!important; }
	.introduction_l,.introduction_r {width:90%!important; float:none; padding:5% !important;}
	.case_detail_l {width:90%!important; float: none !important; padding:5%;}
	.introduction_l strong { font-size:2.2em; }
	.case_detail_r { display:none;}
	.case_detail_l img {width:100%!important;}
	.other_case strong{ text-align:center;}
	.other_case ul div {width:90% !important; margin:10px auto; background:#FFF}
	.news div {width:90% !important; float: none!important; height:auto!important;margin:10px auto !important; overflow:hidden;}
	.news li,.news li a { height:305px !important;}
	.news li a span {filter:alpha(opacity=100);-moz-opacity:1; opacity:1!important; padding:50px 0px 0px 0px !important;}
	.news_detail {width:94%!important;padding:3% !important;}	
	.news_detail img {width:100%!important;}
	.news_list .news_title {width: 90%; }	 
	.news_list_main { width:100%; margin:40px auto; overflow:hidden;}
	.other_case .list a { background:#FFF}
	.other_case .list a:hover div {background:#FFF}
	.other_case .list a:hover div h4 { color:#000}
	ul.es-pager{display:block!important;}
	.news  li a span {position: relative; left: auto; top: auto;height: auto;text-align: left; padding:5% 0!important; width:100%;}
	.news li a span h1 {font-size:16px;}
	.news_detail_main {padding: 1% 0; overflow:hidden;}
	.news  li a img { height:auto; display: none;}
	.news div,.news li, .news li a {height:auto!important; }
	.news_list {padding: 180px 0 50px 0;}
	.newstop a .text h2 {font-size: 12px;line-height: 20px;padding:10px 0 0px 0;}
	.news li a span h2 {padding: 10px 0px;}
	.newstop a .text h3 {padding:10px 0 0;}
	.service3 h1 { font-size: 18px!important;width: auto!important;}
	.input1,.textarea1 {width: 90%;}
	.service_icon li h3 {font-size: 14px;}
	.panel_main h1  {font-size: 16px;}
	.abg1 {background: url(../image/bg1.jpg) center top no-repeat;background-size: 400%;}
	.scroll,.service2 p,.contact_icon {display: none;}
	.swiper-pagination-bullet-active { background: #fff;}
	.swiper-pagination-bullet {background:#fff;}
	.service_icon li i {width: 50px;height: 60px;}
	.ngteam .team a .txt h2 {font-size: 12px;}
	.ngteam .team a .txt h4 {font-size: 16px;}
	.jdcase .list a .jdcasepic {min-height:auto;max-height:none;}
	.jdcase {width: 100%;margin:50px auto auto 0;}
	.ng-jdcase { margin-top:5%;}
	
	
	
	
	.header {width: 55%;}
	.cdnav {width: 35%;}
	.header .header_logo {width: 63%;margin-left: 35%;}
	.cd-nav .cd-primary-nav a {font-size: 2.0rem;}
	.cd-nav .cd-primary-nav li {margin: 1em 0;}
	.cd-half-right {display: none;}
	.iservice,.indexcase-top .itnav {display: none;}
	.indexcase-top .ittitle,.indexcase-list .list {width: 100%;}
	.index_news_list {float: none!important;width: 100%!important;margin:0px auto!important;}
	.index_news .index_news_content {width: 90%!important;}
	.inews-top .pic img {max-height: none;min-height: auto;}
	.index_news_list ul li a h6 {display: none;}
	.index_news_list ul li a {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
	.index_news {background:#3a3a3a;}
	.index_news_list:nth-child(2) {padding: 0;}
	.iaboutb {height: 250px;}
	.iaboutxt {display: none;}
	.iaboutmore {margin-top:30px;display: block;}
	.iatitle {margin-top:50px;display: block;}
	.iatitle h2::after {display: none;}
	.iatitle h2 {width: 90%;margin: auto;}
	.footer .footer_content .fleft {width: 100%;}
	.footer .footer_content .fright {width: 65%;display: none;}
	.footer .footer_content .fleft {width: 100%;}
	.indexcase {padding: 50px 0;}
	#showMore .button_link{color: #000!important;border: 1px solid #000 !important;}
	.grid {padding: 180px 0 50px 0;}
	.newscases-list .list {width:100%;}
	.grid .news_title .rightnav,.news_list .news_title .rightnav {text-align: center;position: relative;right: auto;bottom: auto;width: 100%;margin-top: 20px;}
	.grid .news_title .rightnav a,.news_list .news_title .rightnav a {display: inline-block;position: relative;font-size: 14px;margin: 1%;}
	.newstop a .pic {width: 100%;}
	.newstop a .text {width: 90%;padding: 5%;}
	.newstop a .text h1 {font-size: 18px;}
	.pagepath {display: none;}
	.intrologo img {max-width: 220px;}
	.intrologo::before, .intrologo::after {width: 50px;}
	.inews-top .text h2 {width: 100%;}
	.inews-top a:hover h1, .inews-top a:hover h2, .inews-top a:hover h4 {padding-left: 0;}
	.footer .footer_bottom ul {width: 90%!important;}
	.footer .footer_bottom ul .left {float: none;width: auto;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-align: left;}
	.footer .footer_bottom ul .right {float: none;width: auto;text-align: left;}
	#topcontrol {display: none!important;}
	.footer .footer_bottom a {padding: 0 0px 0 0px;}
	.grid .news_title {width: 94%;}
	.introcontent,.effect-apollo,.page_next h6 {display: none!important;}
	.intro1.txtnone .bannermore,.intro1.txtnone h1,.intro1.txtnone p,.intro1.txtnone .introcontent,.intro1.txtnone .intrologo{display: none!important;}
	.bannermore {margin:50px auto auto;}
	.cd-nav .cd-navigation-wrapper {padding: 0px 0 0px 19.5%;}
	.life_study_detail_title h1 {font-size: 20px;}
	.page_next a {width:auto;}
	.page_next a:nth-child(2) {float: right;}
	.page_next a.rt_btn {width: 50px;left: 50%;margin-left: -25px;text-align: center;}
	.ng-banner .pic {position: relative;}

	.casedetailmain {padding-top: 40%;}
	.casedetailmaintop,.casedetailmain-picdetail,.casedetailmain-othercase-list {width: 90%;}
	.casedetailmaintop-logo {float: none;width: 100%;text-align: center;}
	.casedetailmaintop-logo img {max-width: 60%;display: block;}
	.casedetailmaintop-text {float: none;width: 100%;padding-left: 0;}
	.casedetailmaintop-text-btn a.btn1 {width: 50%;}
	.casedetailmaintop-text-btn a.btn2 {width: 16%;}
	.casedetailmaintop-text-btn a.btn3 {width: 15%;}
	.casedetailmaintop-text-btn a.btn4 {width: 16%;}
	.casedetailmain-piclist {margin-top: 60px;}
	.casedetailmain-picdetail-btn {margin: 10% auto;}
	.casedetailmain-picdetail-btn a {width:90%;height: 50px;line-height: 50px;}
	.casedetailmain-othercase {padding: 15% 0 12% 0;}
	.casedetailmain-othercase-top .nkeywold {width:90%;margin: auto; display:none;}
	.casedetailmain-othercase-list .list {width: 100%;}
	
	
	.ngteam .team {width: 33.333333333%;height: 20%;}
	.grid .news_title {margin: auto auto 20px auto;}
	.casedetailmaintop-text-btn a.btn1 {width: 45%;height: 45px;line-height: 45px;}
	.casedetailmain-picdetail img {max-width: -webkit-calc(100% - 10px);max-width: -moz-calc(100% - 10px);max-width: calc(100% - 10px);}
	.casedetailmain-picdetail-btn a.btn2,.casedetailmain-picdetail-btn a.btn4 {width: 30%;}
	.casedetailmain-picdetail-btn a.btn3 {width: 30%;margin-left: -15%;}
	.casedetailmain-ewmpic img {width: 300%;}
	.casedetailmain-ewmtxt .left {display: none;}
	.casedetailmain-ewmtxt .right a.btn10 {margin: 10px auto;}
	.casedetailmain-swiperpic { border-radius:10px;margin-bottom: 50px;width:-webkit-calc(100% - 10px);width:-moz-calc(100% - 10px);width:calc(100% - 10px);border: #0d0d0d 5px solid} 
	.casedetailmain-swiperpic img{ display: block;width: 100%;height: auto;max-width:none;border:none;border-radius:10px;}
	.casedetailmain-swiperpic .swiper-pagination {bottom: -30px;}
	.casedetailmaintop-logo {display: none;}
	.culture.whitetxt .txt h2 {letter-spacing: 10px;}
	.footer .footer_content::after {background: #fff; opacity: 0.1;}
	.ng-contact .cmleft {float: none;width: 100%;}
	.ng-contact .cmleft .ngtitle {text-align: left;}
	.ng-contact .cmleft .ngtitle h2::after {}
	.ng-contact .cmleft .ctel {text-align: left;margin-top: 10px;}
	.ng-contact .cmright {width: 100%;float: none;text-align: left;margin-top: 20px;}
	.contact_main .cmright li {font-size: 12px;line-height: 20px;font-family: PingFang SC, Verdana, Helvetica Neue,Arial,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif;}
	.contact_main { width:90%!important;padding:10% 5%;margin: auto;}
	.ng-contact .ngtitle h2 {font-size: 26px;width: 100%;margin: 0px;}
	.ng-contact .cmleft .ngtitle h3 {padding-top: 10px;}
	.ng-contact .cmleft .ngtitle h2 {font-size: 30px;padding-bottom: 7px;}
	.ng-banner .swiper-pagination {bottom: 5%;}
	.intro1:hover .intrologo::before,.intro1:hover .intrologo::after{width: 50px;opacity: .2;}
	.service h5 {font-size: 12px;line-height: 20px;width:90%;}
	.service_icon li .stext,.service h5  {display: none}
	.service_icon li {width: 46.5% !important;margin: 5px !important;padding: 0px !important;}
	.service_icon li .stop {padding:10% 8%;}
	.service h1 {margin-top:100px;}
	.ngteam .team a:hover .text {opacity:0;z-index: 9;display: none;}
	.panel_main h2 {font-size: 22px;}
	.news {border-bottom:none;}
	.pagenum {border-top: 1px solid #f1f1f1; width: 90%;margin: auto;}
	.news li a { border-top: 1px solid #f1f1f1;}
	newscases { padding: 13% 0 5% 0;}
	.blacktxt .culture .txt {margin-top: -250px;}
	.pp1 i{ background:url(404.png) center no-repeat;background-size:auto;}
	.pp2 i{ background:url(404.png) center no-repeat;background-size:auto;}
	.pp3 i{ background:url(404.png) center no-repeat;background-size:auto;}
	.pp4 i{ background:url(404.png) center no-repeat;background-size:auto;}
	.process.pp1 a:hover i{ background:url(404.png) center no-repeat;background-size:auto;}
	.process.pp2 a:hover i{ background:url(404.png) center no-repeat;background-size:auto;}
	.process.pp3 a:hover i{ background:url(404.png) center no-repeat;background-size:auto;}
	.process.pp4 a:hover i{ background:url(404.png) center no-repeat;background-size:auto;}
	.ng-banner {min-height:auto;}
	.index .fp-section.fp-table, .fp-slide.fp-table { height:auto!important}
	.index .fp-tableCell { height:auto!important;}
	.process .top { margin:0; border:1px solid #333; padding:5% 0;}
	.process .position {padding:0px;}
	.mntel a { font-size: 15px;}
	.casedetailmain-picdetail img.borderradius20 {border-left: #0d0d0d 5px solid;
    border-right: #0d0d0d 5px solid;
}
  	.casedetailmain-picdetail img.borderradius20:first-child { border:#0d0d0d 5px solid;border-bottom:0
}	.casedetailmain-picdetail img.borderradius20:last-child { border:#0d0d0d 5px solid;border-top:0
}
	.mntel a:hover { font-size: 15px;}
	.indexcase .indexcase-content{width: 100%;}
	.indexcase-top {width: 90%;margin: auto;}
	.grid .case_list.showMoreNChildren {width: 100%;}
	.list {margin-bottom: 10px;}
	.list a div:last-child {position: absolute;left: 0;bottom: 0;}
	.newstop a .text h4,.ctel {display: none;}
	.mctel {display: block;}
	.linkurlcase li h4 {font-size: 12px;}
	.life_study_detail_title {text-align: left;}
	.contact_main .cmright h4 {padding-bottom: 0px;text-indent: -9999px;color: #fff;}
	.contact_main .cmright h1{padding-bottom: 0px;}
	.list a div h4,.list a div h5,.jdcase .list a div h5 {color: #fff;}
	.casedetailmain-picdetail {width: 96%;}
	.customers .ngtitle h4 {font-size: 12px;line-height: 22px;}
	.ng-projectprocess .ngtitle h4 {font-size: 12px;line-height: 22px;}
	.ng-projectprocess .ngtitle h2 {margin-top: 80px;}
	.ng-howtodoit .ngtitle h2{margin-top:70px;}
	.howtodoit .tnum{display: block;}
	.howtodoit .tnum h2 {font-size: 100px;}
	.list a div:last-child {text-align: left;display: none;}
	.casedetailmain-othercase-list {width: 100%;}
	.list a .ctitle {display: block;text-align: left;}





}




@media only screen and (max-width: 980px) and (orientation:landscape) { 
#about{ background:#000;}
.abg1 {background:url(../image/bg1.jpg) center -100px no-repeat;}
.list {width:32.5% !important; float:left !important; margin:0.3%!important; border:none!important; }
.other_case ul div {width:49% !important; margin:0.5%!important; float:left !important;}
.section { height:auto !important; position:relative !important; height:800px !important;}
.panel_main { padding-top:140px;}
.about_main {background: none!important;margin-top:0px !important; color:#FFF !important}
.about_main * { color:#FFF !important;}
.about {background:url(../image/bg6.jpg) center no-repeat!important;}
.title { padding-top:15% !important; }
.a_team {display: block!important; text-align:center;}
.a_team li{width:17%!important; margin:1px !important; display:inline-block;}
#demo01 { display: none!important;}
#demo02  {padding-top:0!important;}
.service1 { text-align:center;}
.service_icon li {width:17%!important;margin:5px!important; min-height: inherit !important; border:none;padding:5px!important; display:inline-block !important; float:none !important;}
.service_main {padding-top:130px !important;}
.service_icon p { display:none !important;}
.service2 p,.contact_icon { display:none !important;}
.contact_main { padding:0!important;background: none !important; color:#FFF;}
.contact_main  * { color:#FFF !important;}
.contact_main li{ padding:0!important;}
.news div {width:49% !important; float:left !important; margin:0.3%!important;}
.case_list,.news { width:90% !important; margin:auto !important;}
.input1,.input2,.textarea1 { margin:2px 0 !important;}
.service3 {width:40%!important; float:left !important; margin-right:2% !important;margin-bottom:2% !important;padding:2%;}
.service3 div.stxt { display:none !important;}
.join { padding-top:5%; overflow:hidden;}
}



@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){
.service1 { text-align:center;}
.service_icon li {width:40%!important;margin:5px; min-height: inherit; border:none;padding:5px; display:inline-block;float:none;}
.service_main {padding-top:130px;}
.service_icon p { display:none;}
}