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

/*banner*/
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	/* Center slide text vertically */
	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;
}
.swiper-banner{ background:#000;}
.sw-1{ background:url(../img/banner1.jpg) no-repeat; background-position:50% 50%; background-size:cover;}
.sw-2{ background:url(../img/banner1.jpg) no-repeat; background-position:50% 50%; background-size:cover;}
.sw-3{ background:url(../img/banner1.jpg) no-repeat; background-position:50% 50%; background-size:cover;}
.sw-4{ background:url(../img/banner1.jpg) no-repeat; background-position:50% 50%; background-size:cover;}
.sw-5{ background:url(../img/banner1.jpg) no-repeat; background-position:50% 50%; background-size:cover;}

.swiper-container-horizontal>.navgation-banner{ bottom:55px;}

/*服务内容*/
.sec1{ width:100%;min-width: 320px;margin: 0 auto;max-width: 650px;margin:0 auto;}
.service{ text-align:center; padding:20px 0;}
.ser-cell{display:inline-block; width:24%;}
.ser-cell a{ display:block; font-size:14px; color:#333;}
.ser-cell a i{ width:48px; height:48px; background:#ccc; display:block; margin:0 auto 5px;}
.ser-cell a i.sc-i1{ background:url(../images/navico1.png) no-repeat center; background-size:contain;}
.ser-cell a i.sc-i2{ background:url(../images/navico2.png) no-repeat center; background-size:contain;}
.ser-cell a i.sc-i3{ background:url(../images/navico3.png) no-repeat center; background-size:contain;}
.ser-cell a i.sc-i4{ background:url(../images/navico4.png) no-repeat center; background-size:contain;}

/*数字*/
.ournum{ width:100%; background:url(../images/numbg.jpg) no-repeat fixed; background-color:#ea4d42; background-position:50% 50%; background-size:cover; overflow:hidden;}
.ournum dl{width:33.33%; float:left; padding:7% 0; text-align:center; color:#fff}
.ournum dl dt{ margin-bottom:5px;}
.ournum dl dt i{ font-size:12px;}
.ournum dl dt span{ font-size:24px; font-weight:bold;}
.ournum dl dd{ color:#fdcccc;}


.section .title{ font-size:16px; color:#666; text-align:center; padding:12px 0; line-height:22px;}
.section .title .p2{ font-size:12px;}

/*项目*/
.sec-project{ background:url(../images/bg1.jpg) no-repeat #f5f5f5; background-size:contain; background-position:center 105px; margin-bottom:20px; overflow:hidden;}
.swiper-project .swiper-slide{ display:block;}
.swiper-project .swiper-slide h3{ color:#fff; height:40px; line-height:40px; margin-top:10%; margin-bottom:20px; background:url(../images/pr.png) no-repeat center; background-size:contain;}
.swiper-project .swiper-slide p.piccell{ margin-top:10%; position:absolute; bottom:0; left:0;}
.project-next,.project-prev{ width:22px; height:48px; border-radius:3px;}
.project-next{ background:url(../images/arrow-prev.png) no-repeat 50% 50%; background-color:rgba(0,0,0,0.5);background-size:10px; right:-2px;}
.project-prev{ background:url(../images/arrow-next.png) no-repeat 50% 50%; background-color:rgba(0,0,0,0.5);background-size:10px; left:-2px; }

.pro-slide1{ padding-bottom:50%;}
.pro-slide2{ padding-bottom:75%;}
.pro-slide3{ padding-bottom:70%;}
.pro-slide4{ padding-bottom:70%;}
.pro-slide5{ padding-bottom:70%;}


.websitecon{ overflow:hidden; padding:0 3%;}
.web-con1{ margin-bottom:15%; margin-top:10%;}
.web-cell{ width:25%; float:left; text-align:center; color:#fff; font-size:14px;}
.web-cell p{ font-size:12px;}
.web-con2{ font-size:12px; text-align:left; padding:0 3%; color:#fff; line-height:18px;}
.web-con2 p b{ color:#ffb464}
.web-con3{ font-size:12px;padding:0 3%; color:#fff; line-height:18px;margin-top:10%}
.app-cell{ width:47%; margin:0 1% 5%; float:left; border-radius:150px; border:1px solid #fff; padding:5px 0;}

.tg-cell{ width:47%; float:left; color:#fff; font-size:14px; text-align:left; margin:0 1% 5%; }
.tg-cell img,.tg-cell em{vertical-align:middle;}
.web-con5{ text-align:left; line-height:22px;}
.web-con5 h4{ color:#fff; font-size:14px; font-weight:bold;}
.web-con5 p{ color:#fff; font-size:12px;}


/*案例*/
.case-list{ text-align:center;}
.case-list ul{list-style: none outside none; font-size:0; line-height:0;}
.case-list ul li{width:48%;display:inline-block; margin:2% 1% 3% 1%;}
.case-list ul li a,.case-list ul li a img{ display:block;}
.case-list ul li a p{font-size:14px; line-height:22px; text-align:left;color:#333; padding:5px 0 0 10px;}
.case-list ul li p{ font-size:12px; line-height:18px; text-align:left; color:#999; padding-left:10px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.readmore{ width:135px; height:30px; display:block; margin:10px auto; background:url(../images/more.png) no-repeat; background-size:contain;}


/*解决方案*/
.solution{ background:#f5f5f5}
.solulist{ text-align:center; margin-bottom:30px;}
.solulist ul{list-style: none outside none; font-size:0; line-height:0;}
.solulist ul li{width:45%;display:inline-block; margin:0 1% 2% 1%;}
.solulist ul li a{ display:block;padding:10%; font-size:14px; color:#fff; line-height:18px; text-align:left;}
.sol-cell i{ display:inline-block; width:32px; height:32px; margin-right:5%;margin-left: 5%;}
.sc1{ background-color:#6663f7;}
.sc2{ background-color:#2fdb24;}
.sc3{ background-color:#f9ad00;}
.sc4{ background-color:#4872fe;}
.sc5{ background-color:#ae6be0;}
.sc6{ background-color:#f54747;}
.sc7{ background-color:#e97a29;}
.sc8{ background-color:#f39801;}
.sc9{ background-color:#93cc41;}
.sc10{ background-color:#24a6fe;}
.sc1 i{ background:url(../img/prosico1.png) no-repeat; background-size:contain;}
.sc2 i{ background:url(../img/prosico2.png) no-repeat; background-size:contain;}
.sc3 i{ background:url(../img/prosico3.png) no-repeat; background-size:contain;}
.sc4 i{ background:url(../img/prosico4.png) no-repeat; background-size:contain;}
.sc5 i{ background:url(../img/prosico5.png) no-repeat; background-size:contain;}
.sc6 i{ background:url(../img/prosico6.png) no-repeat; background-size:contain;}
.sc7 i{ background:url(../img/prosico7.png) no-repeat; background-size:contain;}
.sc8 i{ background:url(../img/prosico8.png) no-repeat; background-size:contain;}
.sc9 i{ background:url(../img/prosico9.png) no-repeat; background-size:contain;}
.sc10 i{ background:url(../img/prosico10.png) no-repeat; background-size:contain;}
.s-p{display:inline-block;}

/*实力展示*/
.ourpower{width: 100%;height: 100%; position:relative; background:#fff;}
.ourpower .title{ position:absolute; left:0;width:100%; z-index:1; color:#fff;}
.ps1{ background:url(../img/img2.jpg) no-repeat; background-size:cover;}
.ps2{ background:url(../img/img2-2.jpg) no-repeat; background-size:cover;}
.ps3{ background:url(../img/img2-3.jpg) no-repeat; background-size:cover;}
.swiper-power{ z-index:0;}
.swiper-power .swiper-slide{ display:block;}
.ps1 .ps-txt{ text-align:left; position:absolute; left:0;top:30%; font-size:12px; color:#fff; padding:0 20px; line-height:22px;}
.ps1 .ps-t-p{ margin-bottom:20px;}
.ps1 .ps-t-p p em{ font-size:24px; font-weight:bold;}
.ps1 .ps-t-p2 p{ font-size:14px;}
.ps1 .ps-t-p2 p.t-p-bold{ font-size:24px; font-weight:bold;}

.ps2 .ps-txt{ text-align:left; position:absolute; left:0;top:30%; font-size:12px; color:#fff; padding:0 20px; line-height:22px;}
.ps-dl { margin-bottom:8%;}
.ps-dl dt{ float:left; border:1px solid #fff; padding-right:3px; font-weight:bold; font-size:14px; margin-bottom:3px;}
.ps-dl dt i{ display:inline-block; background:#fff; color:#8559ca; font-weight:bold; padding:3px; margin-right:3px;}
.ps-dl dd{ clear:both; line-height:18px;}
.ps-last{ font-size:14px; font-weight:bold;}
.ps-last .lastp2{ font-size:22px; font-weight:bold;}

.ps3 .ps-txt{ width:100%; text-align:left; position:absolute; left:0;top:30%; font-size:12px; color:#fff; padding:0 20px; line-height:22px;}
.ps-dl2{ background:rgba(255,255,255,0.2); border-radius:4px; float:left; clear:both; border:1px solid rgba(255,255,255,0.2); margin-bottom:3%; padding:3%;}
.ps-dl2 dt{ font-size:18px; font-weight:bold;}
.ps-dl2 dd{ line-height:18px;}
.firstp1,.firstp2{ font-size:14px; font-weight:bold;}
.firstp1 em,.firstp2 em{ font-size:18px;}


/*点*/
.swiper-power .swiper-pagination{ bottom:auto; top:80px;}
.swiper-power .swiper-pagination-bullet{ width:38px; height:38px; background:rgba(255,255,255,0.2);line-height:42px; color:#fff; opacity:1; border:1px solid rgba(255,255,255,0.2);}
.swiper-power .swiper-pagination-bullet-active{background:rgba(255,255,255,1);color:#d83062;border:none; box-shadow:0 0 10px rgba(255,255,255,0.8)}
.swiper-container-horizontal>.navgation-power .swiper-pagination-bullet{ margin:0 5%;}
.navgation-line{ position:absolute; left:0; top:100px;height:1px; width:100%; background:#fff; opacity:0.2; z-index:1;}

/*关于我们*/
.about{ padding:5% 3%; background:#f5f5f5;}
.about-title{ width:50%; margin:0 auto; border:2px solid #ef3333; color:#ef3333; text-align:center; padding:4% 0; font-size:22px; font-weight:bold; margin-bottom:10px;}
.about-text{ margin-bottom:10px;}
.about-text h2{ font-size:18px; font-weight:bold; text-align:center; line-height:24px; margin-bottom:10px;}
.about-text p{ line-height:1.8em; font-size:12px;}
.about-pic{ margin-bottom:20px;}

.cli-title{ margin:30px auto 10px auto; text-align:center; font-size:16px; color:#666;}
.cli-logo .swiper-container{ padding-bottom:12%;}
.cli-logo .swiper-container .swiper-slide{ background:#fff;}

/*资讯*/
.about-news{ margin-bottom:20px;padding:5% 3%; }
.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; }
.about-news .readmore{ background:url(../images/more2.png) no-repeat; background-size:contain}

/*孵化项目*/
.hacth{padding:5% 3%; background:#f5f5f5;}
.hacth-cell .swiper-hacth{ padding-bottom:40px;}
.swiper-hacth .swiper-slide{ display:block;}
.swiper-hacth a{ display:block;width:100%;overflow:hidden;}
.swiper-hacth a img{ display:block; width:100%;}
.swiper-hacth h3{ font-size:16px; font-weight:normal; padding:10px 0; color:#333;}
.swiper-hacth p{ font-size:12px; color:#999;}




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