@charset "utf-8";
/* CSS Document */

/* 改2019.1.17
   ========================================================================== */

.pcbanner{ width:100%;position:relative;height:550px;background:#fff;  }
.pcbanner .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;  }
.pcbanner .bd ul{width:100% !important;}
.pcbanner .bd li{width:100% !important;height:550px;overflow:hidden;text-align:center;  }
.pcbanner .bd li a{display:block;height:550px;}
.pcbanner .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0; height:30px; line-height:30px;}
.pcbanner .hd ul{ text-align:center;}
.pcbanner .hd ul li{cursor:pointer; display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.pcbanner .hd ul .on{background:#7fbe25;}

.cbanner{ display:none;}
@media (max-width:768px) {
.pcbanner{ display:none;}
.cbanner {position:relative;z-index:888;overflow:hidden;margin:0px auto;max-width:768px; display:block}
.cbanner .hd {position:absolute;height:28px;line-height:28px;bottom:0;right:0;z-index:1;}
.cbanner .hd li {display:inline-block;width:5px;height:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#333;text-indent:-9999px;overflow:hidden;margin:0 6px;}
.cbanner .hd li.on {background:#fff;}
.cbanner .bd {position:relative;z-index:0;width:100%}
.cbanner .bd li {position:relative;text-align:center;}
.cbanner .bd li img {vertical-align:top;width:100%;/* 图片宽度100%，达到自适应效果 */}
.cbanner .bd li a {-webkit-tap-highlight-color:rgba(0,0,0,0);}
}

.producth{width:1201px;margin:50px auto;}
.producth li{float:left;width:240px;position:relative;overflow:hidden;border:1px solid #e6e6e6;border-right:none;}
.producth li:nth-child(5n){border-right:1px solid #e6e6e6;}
.producth li a{width:100%;display:block;transition:all 0.4s;}
.producth li .proimage{width:100%;height:auto;margin:0 auto;}
.producth li .proimage img{width:100%;}
.producth li H2{text-align:center;padding:24px 0 38px}
.producth li H2 span{font-size:16px;color:#41434f;line-height:30px;transition:all 0.2s;}
.producth li H2 p{font-size:14px;color:#999999;line-height:26px;transition:all 0.2s;}
.producth li.remove{width:241px;}
@media (min-width:641px) {
.producth li:hover{background-color:#7fbe25;border:1px solid #7fbe25;border-right:none;}
.producth li:hover:nth-child(5n){border-right:1px solid #7fbe25;}
.producth li:hover a{transform:translateY(-05%);
-ms-transform:translateY(-05%); 	/* IE 9 */
-moz-transform:translateY(-05%); 	/* Firefox */
-webkit-transform:translateY(-05%); /* Safari 和 Chrome */
-o-transform:translateY(-05%); 	/* Opera */}
.producth li:hover H2 span{color:#FFF;}
.producth li:hover H2 p{color:#FFF;}
}
@media (max-width:1199px) {
.producth{width:96%;margin:4% auto;}
.producth li{width:20%;}
.producth li.remove{width:20%;}
.producth li H2{padding:10% 0 12%;}
}
@media (max-width:640px) {
.producth li{width:33%; margin-bottom:1%;height:305px;}
.producth li.remove{width:33%;}
}
@media (max-width:480px) {
.producth li{width:50%;margin-bottom:2%;height:318px;}
.producth li:nth-child(2n){border-right:1px solid #e6e6e6;}
.producth li:nth-child(4n){border-right:1px solid #e6e6e6;}
.producth li.remove{display:none;}
.producth li H2{ padding:6% 0 12%;}
}
@media (max-width:375px) {
.producth li{height:270px;}
.producth li H2 span{line-height:24px;}
}
@media (max-width:320px) {
.producth li{height:250px;}
}

.areaIntro{text-align:center;margin:50px auto;}
.areaIntro H3{font-size:28px;color:#565966}
.areaIntro p{font-size:14px;color:#999;padding-top:17px}
@media (max-width:1199px) {
.areaIntro{margin:4% auto;}
.areaIntro p{ padding-top:1%;}
}
@media (max-width:768px) {
.areaIntro p{ display:none;}
.areaIntro H3{ display:block;font-size:28px;color:#565966}
}
@media (max-width:640px) {
.areaIntro{text-align:left}
.areaIntro H3{font-size:26px;margin:0 auto;width:96%;}
.areaIntro p{ display:none;}
}
@media (max-width:480px) {
.areaIntro H3{font-size:22px;}
}
@media (max-width:375px) {
.areaIntro H3{font-size:20px;}
}


.tech{width:1200px;margin:0 auto;}
.tech .part {float:left;width:33.33333333%;max-width:380px;height:380px;position:relative;overflow:hidden}
.tech .part2{ margin:0 30px;}
.tech .part img {width:100%;max-width:380px;height:auto}
.tech .textLayer {position:absolute;bottom:0;left:0;width:100%;height:50px;transition:all 1.0s;color:#fff}
.tech .textLayer H4{line-height:50px;text-align:center;font-size:20px;position:absolute;width:100%;top:0;transition:all .4s}
.tech .textLayer p{width:100%;font-size:14px;line-height:28px;padding:0 12.5%;position:absolute;top:48%;transition:all .6s;opacity:0}
.tech .bgBlue{background:#0069d2; background-color:rgba(0,105,210,0.9);}
.tech .bgGreen{background:#7fbe25;background-color:rgba(127,190,37,0.9);}
.tech .bgLightBlue {background:#00c3e5;background-color:rgba(0,195,229,0.9);}

@media (min-width:1199px) {
.tech .part:hover .textLayer {height:490px;transition:all .6s}
.tech .part:hover .textLayer H4{top:34%;transition:all .4s; font-size:28px;}
.tech .part:hover .textLayer p{opacity:1;transition:all .6s}
}
@media (max-width:1199px) {
.tech{width:96%;}
.tech .part2{margin:0 2%;}
.tech .part{width:32%;height:368px;}
}
@media (max-width:1024px) {
.tech .part{height:314px;}
.tech .textLayer{ height:40px;}
.tech .textLayer p{ display:none;}
.tech .textLayer H4{ font-size:18px; line-height:40px;}
}
@media (max-width:980px) {
.tech .part{height:300px;}
}
@media (max-width:768px) {
.tech .part{height:198px;}
.tech .textLayer{height:34px;}
.tech .textLayer H4{line-height:34px;font-size:16px;}
}
@media (max-width:568px) {
.tech .part{height:auto;}
.tech .textLayer{height:28px; position:inherit}
.tech .textLayer H4{line-height:28px;font-size:14px;position:inherit}
}
@media (max-width:375px) {
.tech .part{width:100%;height:auto;float:none;}
.tech .part2{margin:2% 0;}
.tech .textLayer{height:38px;}
.tech .textLayer H4{line-height:38px;font-size:16px;}
	}

.aboutGEP{margin:50px auto;background:url(../images/aboutbj.jpg) center;height:275px;}
.aboutGEP .grade{overflow:hidden;width:1200px;margin:0 auto;padding-top:70px;}
.aboutGEP .grade li {float:left;width:20%;padding:0 16px;text-align:center}
.aboutGEP .grade p{font-size:18px;color:#FFF;line-height:32px;margin-top:24px;}
.aboutGEP .grade li:hover p {color:#7fbe25}
.aboutGEP .grade i{display:block;width:88px;height:88px;margin:0 auto;background:url(../images/gradeicon.png) 0 0 no-repeat}
.aboutGEP .grade .teamIcon{background-position:0px -1px}
.aboutGEP .grade .makeIcon {background-position:-178px -1px}
.aboutGEP .grade .serviceIcon {background-position:-356px -1px}
.aboutGEP .grade .skillIcon {background-position:-534px -1px}
.aboutGEP .grade .rdteam{background-position:-712px -1px}
@media (max-width:1199px) {
.aboutGEP{margin:4% auto;}
.aboutGEP .grade{width:96%;padding-top:6%;}
.aboutGEP .grade p{margin-top:8%;}
}
@media (max-width:1024px) {
.aboutGEP{height:250px;}
}
@media (min-width:768px) {
.aboutGEP .grade li:hover i{-ms-background-position-y:-172px;background-position-y:-172px}
}
@media (max-width:768px) {
.aboutGEP{height:230px;}
.aboutGEP .grade{padding-top:5%;}
.aboutGEP .grade p{margin-top:15%;}
}
@media (max-width:640px) {
.aboutGEP{height:198px;}
.aboutGEP .grade p{ font-size:14px;}
}
@media (max-width:568px) {
.aboutGEP{ height:auto;}
.aboutGEP .grade{ padding:4% 0 3%;}
.aboutGEP .grade li{width:50%;margin-bottom:2%;}
.aboutGEP .grade li.on{ display:none;}
.aboutGEP .grade i {width:70px;height:70px;background-size:440px 142px}
.aboutGEP .grade .teamIcon{background-position:10px -84px}
.aboutGEP .grade .makeIcon {background-position:-88px -84px}
.aboutGEP .grade .serviceIcon {background-position:-186px -84px}
.aboutGEP .grade .skillIcon {background-position:-282px -84px}
.aboutGEP .grade .rdteam{background-position:-380px -84px}
.aboutGEP .grade p {font-size:14px;margin-top:0px;}
}
@media (max-width:375px) {
.aboutGEP .grade p{font-size:15px;}	
}
@media (max-width:320px) {
.aboutGEP .grade i {width:60px;height:60px;background-size:468px 157px}
.aboutGEP .grade .teamIcon{background-position:4px -100px}
.aboutGEP .grade .makeIcon {background-position:-100px -100px}
.aboutGEP .grade .serviceIcon {background-position:-204px -100px}
.aboutGEP .grade .skillIcon {background-position:-308px -100px}
.aboutGEP .grade .rdteam{background-position:-412px -100px}
.aboutGEP .grade p {font-size:14px}
}
.newscen{width:1200px;margin:30px auto 80px;}
.newscen H3{font-size:28px;padding:20px 0 24px;color:#565966;font-weight:bold;}
.newscen .newscenl{float:left;width:570px;overflow:hidden;position:relative;}
.newscen .newscenl .bd{position:relative; height:100%;z-index:0;}
.newscen .newscenl .bd li{zoom:1;vertical-align:middle;}
.newscen .newscenl .bd p{width:100%;max-height:380px;}
.newscen .newscenl .bd p img{width:100%;}
.newscen .newscenl .bd .newscenlbj{position:absolute;left:0;bottom:0;width:100%;height:50px;background:#000;filter:alpha(opacity=20);opacity:0.2;z-index:8;overflow:hidden; }
.newscen .newscenl .bd H4{position:absolute;bottom:0;color:#FFF;z-index:9;overflow:hidden;line-height:50px;padding:0 20px;}
.newscen .newscenl .prev,
.newscen .newscenl .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:0%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #7fbe25 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;  }
.newscen .newscenl .next{left:auto;right:0%;background-position:-6px -137px; }

.newscen .newscenr{float:right;width:576px;margin-right:12px;}
.newscen .newscenr li{float:left;width:100%;margin-bottom:35px;}
.newscen .newscenr li:nth-child(6){margin-bottom:0px;}
.newscen .newscenr li .time{width:60px;font-size:14px;color:#999;float:left;text-align:center;line-height:24px;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;}
.newscen .newscenr li .time span{display:inline-block;}
.newscen .newscenr li a{display:block;width:100%;}
.newscen .newscenr li .r{width:494px;float:right;}
.newscen .newscenr li .r H4{font-size:18px;color:#41434f;line-height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;display:block;}
.newscen .newscenr li .r p{ font-size:14px;color:#999999;margin-top:8px;line-height:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;display:block;}
.newscen .newscenr li.newcompan{ display:block;}
.newscen .newscenr li:hover .r H4{color:#7fbe25}
.newscen .newscenr li:hover .time{color:#7fbe25}
@media (max-width:1199px) {
.newscen{width:96%;margin:3% auto 8%;}
.newscen H3{padding:1% 0 2%;}
.newscen .newscenl{width:48%;}
.newscen .newscenr{width:49%;}
.newscen .newscenr li{margin-bottom:32px;}
.newscen .newscenr li .r{width:87%;}
}
@media (max-width:1024px) {
.newscen .newscenr li{margin-bottom:4%;}
.newscen .newscenl .bd H4{padding:0 10px;font-size:14px;}
.newscen .newscenl .bd p{max-height:320px;}
}
@media (max-width:980px) {
.newscen .newscenr li .r{width:84%;}
}
@media (max-width:768px) {
.newscen .newscenl{display:none;}
.newscen .newscenr{width:100%;float:none;}
.newscen .newscenr li{margin-bottom:3.4%;}
.newscen .newscenr li .r{width:90%;}
.newscen .newscenr li.newcompan{display:block;}
.newscen .newscenr li.newcompan .r p span{color:#7fbe25; margin-right:2px;}
}
@media (max-width:640px) {
.newscen H3{font-size:26px;font-weight:normal;}
}
@media (max-width:568px) {
.newscen H3{ font-size:22px;line-height:40px;height:auto}
.newscen .newscenr li .r{width:84%;}
.newscen .newscenr li .r H4{font-size:16px;}
}
@media (max-width:420px) {
.newscen .newscenr li .r{width:82%;}
}
@media (max-width:375px) {
.newscen H3{ font-size:20px;line-height:32px;}
.newscen .newscenr li .time{ display:none;}
.newscen .newscenr li .r{width:100%; float:none;}
}