@charset "utf-8";
/* CSS Document */
html, body {position: relative;height: 100%;}

.nav-nofixed{ position:inherit;}
.cd-nav-posi2{ position:absolute;}


.case-menu{width: 100%;min-width: 320px;max-width: 750px;margin:0 auto;background: #fff;position: relative;}
.case-menu .swiper-container {width: 100%;height:39px;background:#ef3333;	}
.case-menu .swiper-slide {width:auto;text-align: center;font-size: 14px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;
	display: flex;-webkit-box-pack: center;	-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;	-webkit-box-align: center;
	-ms-flex-align: center;	-webkit-align-items: center;align-items: center;}

.case-menu a{ display:block; width:100%; height:38px; line-height:38px;	padding:0 24px; color:#fff;}
.case-menu .actvie-a a{color:#ef3333; background:#fff;}


.menu-screen{ position:relative;}
/* ===== retrie分类下来 ===== */
.retrie {position: relative;z-index: 102;height:37px;background-color: #fff; border-bottom:1px solid #e3e3e3;}
.retrie dt { overflow: hidden }
.retrie dt a {position: relative;float: left;width: 33%;height:37px;line-height:37px;color: #333;font-size: 14px;text-align: center;}
.retrie dt a:after {position: absolute;top: 50%;left: 50%;margin-top: -5px;margin-left: 35px;width: 5px;height: 5px; border: #666 solid;
border-width: 1px 1px 0 0;content: ' ';-webkit-transform: rotate(135deg);}
.retrie dt .up { color: #ef3333; border-bottom: 1px solid #ef3333;}
.retrie dt .up:after { margin-top: 0; border: #ef3333 solid; border-width: 1px 1px 0 0; -webkit-transform: rotate(-45deg);}
.retrie dd { position: relative;}
.menu-sl{ display:none; background:#fff;padding:20px 0 10px;}
.menu-sl ul.downlist{ padding:0 2%;}
.menu-sl ul li{ float:left;width:31.3%; margin:0 1%;margin-bottom:10px;}
.menu-sl ul li a{ display:block; padding:8px 0; border-radius:150px; border:1px solid #dcdcdc; text-align:center;}
.menu-sl ul li a.sc-lia{ border:1px solid #ef3333; background:#ef3333; color:#fff;}
.ms2{overflow:hidden; padding-bottom:20px;}
.ms2 ul{height:205px; overflow-y:auto;}
.mask{ background:#000; position:fixed; width:100%; height:100%; top:0; left:0; opacity:0.7; display:none; z-index:90;}

/*案例*/
.case-list{ padding:3%; background:#f5f5f5;}
.case-cell { margin-bottom:10px; background:#fff; padding-bottom:15px; box-shadow:0 0 8px rgba(0,0,0,0.1)}
.case-cell a,.case-cell img{ display:block;}
.case-cell a h3{ font-weight:normal; font-size:16px; padding:10px;}
.case-cell a p{ font-size:12px; color:#999;padding:0 10px;}
.more-case{ text-align:center; padding:10px 0;}
.more-case a{ display:block; border:1px solid #dcdcdc; background:#fff; border-radius:4px; padding:15px 10px; color:#666;}



/*案例详情*/
.case-banner{ padding-bottom:86%;}
.caes-text{ margin:10px 0; padding:0 10px; line-height:22px;}
.caes-text .h-tl span{ font-size:16px;}
.caes-text p{ color:#999;}
.case-dcon img{ width:100%; display:block; height:auto}

.page-con{ text-align:center; padding:15px 10px; padding-bottom:10px; margin-bottom:10px; border-top:1px solid #e3e3e3;}
.page-con a{ display:inline-block; width:30%; vertical-align:middle; margin:0 1%; color:#666}
.page-con a.p-a{ border:1px solid #dcdcdc; border-radius:150px; padding:12px 0;}


/*新闻列表*/
.about-news{padding:5% 3%; background:#f5f5f5;}
.news-con{ overflow:hidden;} 
.news-con ul li{ width:100%; text-align:center; background:#fff; margin-bottom:10px;}
.news-li{ border:1px solid #e3e3e3;padding:5% 3% 0;position:relative;}
.news-title a{ font-size:18px; color:#333; font-weight:bold;}
.news-time{ font-size:12px; color:#999; margin-bottom:10px;} 
.news-des{ font-size:12px; line-height:20px; margin-bottom:20px;}
.news-pic img{ display:block;}
.news-detail{ width:30px; height:30px; margin:20px auto 0;}
.news-detail a{ display:block; width:30px; height:30px; background:url(../images/newsico.gif) no-repeat; background-size:contain; }

.news-detail-con{ margin-bottom:20px;}
.nd-head{ text-align:center; margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #dcdcdc;}
.nd-head h3{ font-size:16px; font-weight:bold; margin-bottom:10px;margin-top:5px;}
.nd-head p{ color:#999;}
.nd-body{ line-height:22px; color:#666;}
.nd-body img{max-width:100%;}
.recom { margin-top:20px;}
.recom dl dt{ border-bottom:1px solid #e3e3e3; margin-bottom:10px; padding-bottom:10px;}
.recom dl dd{ line-height:24px;}
.recom dl dd a{ color:#666;}


/*正在互联*/
.swiper-about{width: 100%;height: 100%;position:relative;}

.about-one{ background:url(../img/ab1.jpg) no-repeat; background-position:50% 50%; background-size:cover;}
.one-tl{ padding:0 10%; position:absolute; margin:auto;top: 50%; left: 50%;  
  -webkit-transform: translate(-50%,-50%);  
      -ms-transform: translate(-50%,-50%);  
          transform: translate(-50%,-50%);text-align:center;}
.one-tl-img{ width:250px;}
.one-tl p{ position:absolute; width:100%; left:0; color:#fff; font-size:18px;}
.one-tl p.one-p1{ top:10px;}
.one-tl p.one-p2{ top:40px; font-weight:bold;}
.one-text{ padding:0 10%; color:#fff; margin-top:10%; line-height:20px;height:256px;}

.about-slide{font-size: 12px; line-height:18px; background:url(../images/ab.jpg) no-repeat center bottom; background-size:contain;}
.about-slinside{ padding:24% 5% 0}

.about-two{ background:url(../img/ab2.jpg) no-repeat; background-position:50% 50%; background-size:cover;}
.two-im-tl{display:block; width:70%; margin-top:30%; margin-left:6%;}
.two-p{ margin-top:14%; color:#fff; margin-bottom:10%; padding:0 5%; overflow:hidden;}
.two-p dl{ margin-bottom:10px; float:left; width:48%; position:relative; margin-right:1%; margin-left:1%;}
.two-p dl dt{ float:left; color:#47ea98; border:2px solid #47ea98; padding:5px 10px; margin-bottom:5px; width:48px; height:48px; font-weight:bold; font-size:16px;}
.two-p dl dd{ clear:both; font-size:14px; position:absolute; top:26px; left:10px;}
.two-img{ display:block; width:80%; margin:0 auto;}

.about-three{background:url(../img/ab3.jpg) no-repeat; background-position:50% 50%; background-size:cover;}
.three-head{ margin-top:50%; padding:0 3%; text-align:center; margin-bottom:10%;}
.three-head p{ font-size:14px; margin-bottom:5px;}
.three-head h4{ color:#ec3535; font-size:16px; font-weight:normal;}
.swiper-story{ text-align:center; padding-bottom:60px;}
.swiper-story .swiper-slide p{ padding:0 5%;}
.story-slide h2{ font-size:18px; color:#ec3535; line-height:18px; border:1px solid #ec3535; width:40%; margin:0 auto 10px; padding:8px 0;}
.story-slide p{ color:#666; line-height:20px;}

.swiper-container-horizontal>.navg-story .swiper-pagination-bullet{width:5px; height:5px;}



.about-four{background:url(../img/ab4.jpg) no-repeat; background-position:50% 50%; background-size:cover;}
.team-tl{ margin-top:24%; text-align:center; color:#fff; font-size:16px; margin-bottom:5%;}
.team-img-con{ text-align:center; margin-bottom:8%;}
.team-img1{ width:50%;}
.team-img2{ width:65%;}
.team-img3{ width:70%;}
.team-img4{ width:65%;}
.team-img5{ width:50%;}
.team-img6{ width:75%;}
.team-scoll{ position:relative; z-index:5;}
.swiper-team{ overflow:inherit;}
.team-sl{ text-align:center; position:relative; z-index:5;}
.team-sl img{ width:50%;}
.kuang-sml{ border:2px solid #1ab774; width:30px; height:40px; position:absolute; right:50%; top:-10px; margin-right:-30%; z-index:10;}
.kuang-big{border: 2px solid #1ab774;width: 45%;height: 96%;position: absolute;left: 50%;top: 6%;margin-left: -28%;z-index:-1;}
.team-name{position: absolute;right: 50%;top: 28%;margin-right: -35%;color: #999;z-index: 10; text-align:left;}
.team-name h4{ font-weight:normal; font-size:14px;}
.team-name p{ color:#666;}
/*.team-next, .team-prev{ width:15px; height:30px; background:url(../images/arrow.png) no-repeat;}
.team-next{ background-position:-17px 0;}*/
.swiper-container-horizontal>.navg-team { bottom:-20px;}
.swiper-container-horizontal>.navg-team .swiper-pagination-bullet{ border-radius:0; width:2px; height:2px; background:#fff;}
.swiper-container-horizontal>.navg-team .swiper-pagination-bullet-active{height:8px; background:#1ab774}


.about-five{ background:#ef3333;}
.five-tl{ margin-top:32%; text-align:center; color:#fff; font-size:16px; margin-bottom:10%;}
.client-slide{ padding-bottom:80px;}
.client-slide dl{ padding:0 10%;}
.client-slide dl dd{ color:#fff; text-align:center;}
.cl-name{ font-size:14px; padding:10px 0;}
.swiper-container-horizontal>.navg-client { bottom:0;}
.swiper-container-horizontal>.navg-client .swiper-pagination-bullet{ border-radius:0; width:3px; height:3px; background:#fff;}
.swiper-container-horizontal>.navg-client .swiper-pagination-bullet-active{height:8px; background:#fff}


/*招聘*/
.about-six{ background:#fff;}
.six-tl{ margin-top:24%; text-align:center; color:#333; font-size:16px; margin-bottom:12%;}
.swiper-recruit{ padding-bottom:12%;}
.recruit-slide dl{ padding:0 5%; text-align:center;}
.recruit-slide dl dt{ margin-bottom:5%;}
.recruit-slide dl dt img{ width:80%;}
.recruit-slide dl dd h3{ font-size:16px; font-weight:normal; margin-bottom:2px;}
.recruit-slide dl dd p{ font-size:12px; font-weight:normal; color:#999; margin-bottom:30px;}
.recruit-slide dl dd a{ font-size:14px; border-radius:150px; border:1px solid #ef3333; padding:6px 30px; color:#ef3333}
.swiper-container-horizontal>.navg-recruit { bottom:0;}
.swiper-container-horizontal>.navg-recruit .swiper-pagination-bullet{width:5px; height:5px;}

/*招聘弹出*/
.deatil-jod{position:fixed; top:0; left:0; width:100%; height:100%; z-index:99999; display:none;}
.jod-con{ width:100%;
	position:absolute;
	top: 50%; 
	left: 50%;  
	-webkit-transform: translate(-50%,-50%);  
	-ms-transform: translate(-50%,-50%);  
	transform: translate(-50%,-50%);
	}
.job-scollbar{ background:#fff; width:94%;margin:0 auto; padding:5% 0; overflow:hidden;}
.job-inside{color:#666;font-size:12px;line-height:20px; max-height:360px; overflow-y:auto; padding:0 5%;}
.job-close{ display:block; width:30px; height:30px; background:url(../images/close2.png) no-repeat center; background-size:contain; position:absolute; top:-46px; right:13px;}
.jod-marsk{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:99998; background:#000; opacity:0.3; display:none;}

/*联系我们*/
.contact{ padding:3%;}
.contact-head{ margin-top:10%; margin-bottom:10%;}
.contact-head h4{ font-size:16px; font-weight:normal; margin-bottom:10px;}
.contact-head p{ color:#999; line-height:18px;}

.contact-table .tabs { margin-bottom:10px;}
.contact-table .tabs a{ display:inline-block; border:1px solid #dcdcdc; border-radius:150px; width:46%; margin:0 1%; text-align:center; padding:6px 0; font-size:14px; color:#666;}
.contact-table .tabs a.active{ background:#ef3333; border:1px solid #ef3333; color:#fff;}

.contact-slide { text-align:center; margin-bottom:10px;}
.contact-slide .select{ float:left; padding:4px; outline:none; margin-bottom:10px; width:40%; border:1px solid #dcdcdc; color:#333;}
.contact-slide .text{ width:99%; height:24px; margin-bottom:10px; border:1px solid #dcdcdc; outline:none; text-indent:1em; line-height:24px; color:#333; clear:both; padding:5px 0;}
.contact-slide .text_area{ width:99%; border:1px solid #dcdcdc; outline:none; text-indent:1em; line-height:30px;color:#333; height:150px; resize:none; margin-bottom:10px;}
.contact-slide .button{ width:99%; display:inline-block; padding:10px 0; font-size:14px; background:#ef3333; color:#fff; border:none; border-radius:4px; outline:none;}

.contact-p{ padding:3% 0; line-height:22px;}



/*孵化项目*/
.swiper-hatch{ margin-bottom:10px;}
.hatch-scoll{ overflow:hidden; text-align:center; padding-bottom:10px;}
.hatch-scoll h2{ font-size:18px; color:#666; font-weight:normal; margin:20px auto 20px;}
.hatch-scoll p{ line-height:20px; color:#666; margin-bottom:20px; padding:0 3%;}
.hatch-pic{ margin-bottom:20px;padding:0 3%;}
.hatch-pic img{ width:100%;}
.hatch_list_box{ overflow:hidden; background:#f6f6f6; padding:3%}
.hatch-title{ font-size:18px; font-weight:bold; color:#333; margin-top:20px; margin-bottom:20px; text-align:center; position:relative;}
.hatch-title span{ background:#f6f6f6; padding:0 10px; display:inline-block; position:relative; z-index:2;}
.hatch-title i{ display:inline-block; height:1px; width:100%; background:#e3e3e3; position:absolute; top:10px; left:0; z-index:0;}
.hatch_list { background:#fff; margin-bottom:10px; padding:3%;}
.hatch_list .pic img{ width:100%;}
.info{ margin:10px auto;}
.info .caption{ text-align:center; font-size:16px; margin-bottom:10px;}
.info p{ line-height:20px; color:#666;}





.page-foot{ background:#0e0d10}
.foot2{ width:100%; padding-top:24%;}


@media screen and (max-width: 320px) {
   .solulist ul li a{padding:10% 5%;}
}