@import url("base.css");
@import url("header.css");
@import url("nav.css");
@import url("footer.css");


/* 区块通用 */


/** common styles*/
.wrapper-bg{position: fixed; width: 100%; height: 100%; z-index: 0;}
.page-wrapper{position:relative; z-index: 1;}


.blockOne{padding-top: 20px;}
.blockOne .innerbox{border-radius: 10px; background: rgba(255, 255, 255, .9);}

/*最新*/
.lastlist{ float: right; width: 700px; padding: 20px 30px; }

.lastlist .hd{height: 45px; line-height: 45px;}
.lastlist .hd li{ float: left; font-size: 20px; }
.lastlist .hd li a{display: block; padding: 0 20px; color: #000; font-weight: lighter; }
.lastlist .hd li.on a{position: relative; color: #fff; background: #3c7abf; border-radius: 10px 10px 0 0;}
.lastlist .hd li.on a::before{content: ""; position: absolute; top: 45px; left: 50%; margin-left: -8px; width: 0; height: 0; border-top: 8px solid #3c7abf; border-right: 8px solid transparent; border-left: 8px solid transparent;}
.lastlist .bd {padding: 12px 0;}
.lastlist .bd .listOne li{ display: block; padding: 0px; border-bottom: 1px dashed #ccc; }
.lastlist .bd .listOne li a{position: relative; display: block; padding: 14px 10px 14px 24px;}
.lastlist .bd .listOne li a:before{position: absolute; content: ""; left: 5px; top: 22px; width: 8px; height: 8px; background: rgba(60, 122, 191, .3); border-radius: 50%;}
.lastlist .bd .listOne li .txt{font-size: 18px; color: #000;}
.lastlist .bd .listOne li .time{float: right; font-size: 18px; color: #999;}
.lastlist .bd .listOne li .unit{padding-top: 5px; color: #666; font-size: 14px;}
.lastlist .bd .listOne li a:hover{background: rgba(60, 122, 191, .04);}
.lastlist .bd .listOne li a:hover:before{background: rgba(60, 122, 191, .6);}

.lastlist .bd .listTwo li{display: block; padding: 0px; border-bottom: 1px dashed #ccc;}

.lastlist .bd .listTwo li a{position: relative; display: block; padding: 14px 10px 14px 24px; color: #000; font-size: 18px;}
.lastlist .bd .listTwo li a:before{position: absolute; content: ""; left: 5px; top: 22px; width: 8px; height: 8px; background: rgba(60, 122, 191, .3); border-radius: 50%;}
.lastlist .bd .listTwo li .time{ float: right;font-size: 18px; color: #999; padding-left: 25px;}
.lastlist .bd .listTwo li a:hover{background: rgba(60, 122, 191, .04);}
.lastlist .bd .listTwo li a:hover:before{background: rgba(60, 122, 191, .6);}
.lastlist .bd .listTwo li a.t {height: 75px;overflow:hidden; text-overflow:ellipsis;}

/*banner*/
.slideban{float: left; width: 600px; height: 500px;  background: #fff; border-radius: 10px;}
.flexslider a:active {outline: none;}
.slides,.flex-control-nav,.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

.flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider .slides > li {display: none;} 
.flexslider .slides img { display: block;}
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 

.flexslider {background: #fff; position: relative;  zoom: 1;border-radius: 10px;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li { height: 500px; border-radius: 10px;}
.flexslider .slides .ban01{ background: url(../img/ban/ban01.jpg) top center no-repeat; background-size: cover;}
.flexslider .slides .ban02{ background: url(../img/ban/ban02.jpg) top center no-repeat;background-size: cover;}
.flexslider .slides .ban03{ background: url(../img/ban/ban03.jpg) top center no-repeat;background-size: cover;}
.flexslider .slides .ban04{ background: url(../img/ban/ban04.jpg) top center no-repeat;background-size: cover;}

.flexslider .slides .ban01 .btn{}
.flexslider .slides .ban02 .btn{}

.flex-direction-nav{ display: none; width: 100%;  position: absolute; top: 45%;}
.flex-direction-nav li a {width: 55px; height: 100px; margin: -13px 0 0; display: block; background: url(../images/icon.png) no-repeat 0 0 ; opacity: .3; position: absolute; cursor: pointer; text-indent: -9999px;}
.flex-direction-nav li a.next {background-position: -1072px -57px; right: 0px; border-radius: 0;  }
.flex-direction-nav li a.prev {background-position: -1079px -147px; left: 0px; border-radius: 0; }
.flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}
.flex-direction-nav li a:hover{ background-color:rgba(0,0,0,.1); opacity: .8;  }

.flex-control-nav {width: 100%; position: absolute; bottom: 0px; text-align: center;}
.flex-control-nav li {margin: 0 0 0 4px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 36px; height: 5px; display: block; background: #fff; border-radius: 0px; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background: #f60;}
.flex-control-nav li a.active {background: #ff3; cursor: default;}


/**/
.blockTwo{ margin-top: 25px; padding: 35px 0; background: rgba(65, 126, 193, .85); }

.rlink{float: right; width: 275px;}
.rlink div+div{margin-top:10px;}
.rlink .sp1{height: 220px;}
.rlink .sp2,.rlink .sp3{height: 110px;}
.rlink img{border-radius: 5px;}

.llistbox{ margin-right: 290px; /*background: #fff; */}

.declaration{float: right; width: 535px; background: #fff; height: 460px; border-radius: 10px;}
.declaration .hd{ height: 56px; line-height: 56px; padding: 0 18px 0 35px; }
.declaration .hd .more{float: right;}
.declaration .hd .more a{color: #999;}
.declaration .hd .comtit{ position: relative; float: left; width: 120px; text-align: center; color: #fff; font-size: 20px; font-weight: lighter; background: #3c7abf; border-radius: 0 0 7px 7px; }
.declaration .hd .comtit:before{position: absolute; content: ""; bottom: 0px; left: 50%; margin-left: -8px; width: 0; height: 0; border-bottom: 8px solid #fff; border-right: 8px solid transparent; border-left: 8px solid transparent;}
.declaration .bd{padding: 10px 20px;}
.declaration .bd li{ display: block; padding: 0px; border-bottom: 1px dashed #ccc; }
.declaration .bd li:last-child{border-bottom: none;}
.declaration .bd li a{position: relative; display: block; padding: 13px 10px 13px 24px;}
.declaration .bd li a:before{position: absolute; content: ""; left: 5px; top: 22px; width: 8px; height: 8px; background: rgba(60, 122, 191, .3); border-radius: 50%;}
.declaration .bd li .txt{font-size: 18px; color: #000;}
.declaration .bd li .time{float: right; font-size: 18px; color: #999;}
.declaration .bd li .unit{padding-top: 5px; color: #333; font-size: 14px;}
.declaration .bd li .unit em{color: #999;}
.declaration .bd li a:hover{background: rgba(60, 122, 191, .04);}
.declaration .bd li a:hover:before{background: rgba(60, 122, 191, .6);}
.declaration .bd li .acceptance {float: right;}


.canvasslist{float: left; width: 460px; height: 460px; background: #fff; border-radius: 10px;}
.canvasslist .hd{ height: 56px; line-height: 56px; padding: 0 18px 0 35px; }
.canvasslist .hd li{ position: relative; float: left; width: 120px; text-align: center; color: #000; font-size: 20px; font-weight: lighter;  }
.canvasslist .hd li a{color: #333;}
.canvasslist .hd li.on{background: #3c7abf; border-radius: 0 0 7px 7px; color: #fff;  }
.canvasslist .hd li.on a{color: #fff;}
.canvasslist .hd li:before{position: absolute; content: ""; bottom: 0px; left: 50%; margin-left: -8px; width: 0; height: 0; border-bottom: 8px solid #fff; border-right: 8px solid transparent; border-left: 8px solid transparent;}

.canvasslist .canOne{padding-top:15px ;}
.canvasslist .canOne li{display: block;height: 120px; padding: 10px 20px;}
.canvasslist .canOne .pic{  float: left; width: 130px; height: 100px; text-align: center; border: 4px solid transparent; box-shadow: 0 0 3px rgba(0, 0, 0, .2); }
.canvasslist .canOne .pic img{width: 115px; height: 84px; margin-top: 3px;}
.canvasslist .canOne .ms{margin-left:150px ; }
.canvasslist .canOne .ms .title{color: #0995de; }
.canvasslist .canOne .ms .info{margin: 5px 0; height: 40px; font-size: 14px; line-height: 20px; color: #999;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.canvasslist .canOne .ms .style{ color: #999;font-size: 14px; }
.canvasslist .canOne .ms .style span{ padding: 3px 10px; background: #e7e7e7; color: #5f5959; border-radius: 2px; }
.canvasslist .canOne .ms .style span+span{margin-left: 3px;}

.canvasslist .canTwo{ padding: 20px ; }
.canvasslist .bd .canTwo li{display: block; padding: 0px; border-bottom: 1px dashed #ccc;}
.canvasslist .bd .canTwo  li a{position: relative; display: block; font-size: 16px; padding: 14px 10px 14px 24px; color: #000; }
.canvasslist .bd .canTwo  li a:before{position: absolute; content: ""; left: 5px; top: 22px; width: 8px; height: 8px; background: rgba(60, 122, 191, .3); border-radius: 50%;}
.canvasslist .bd .canTwo  li .time{ float: right;font-size: 16px; color: #999; padding-left: 25px;}
.canvasslist .bd .canTwo  li a:hover{background: rgba(60, 122, 191, .04);}
.canvasslist .bd .canTwo  li a:hover:before{background: rgba(60, 122, 191, .6);}


/**/
.blockThree{margin-top: 25px;}

.entrepreneurial{ float: right; width: 275px;  }
.entrepreneurial .hd{ height: 60px; background: #3c7abf; color: #fff; line-height: 60px; font-size: 20px; text-align: center; border-radius: 10px 10px 0 0; }
.entrepreneurial .bd{ height: 622px; background: #fff;border-radius: 0 0 10px 10px; }
.entrepreneurial .bd .data .item{ float: left; width: 50%; padding: 5px 16px; font-size: 14px; line-height: 125%; height: 85px; color: #666;  border-bottom: 1px solid #eee; text-align: center; }
.entrepreneurial .bd .data .item:nth-child(2n){border-left: 1px solid #eee;}
.entrepreneurial .bd .data .item .num{ color: #3c7abf; font-size: 20px; line-height: 200%; } 
.entrepreneurial .bd .detailed{height: 185px;}
.entrepreneurial .bd .detailed #institutions{position: relative; top: 15px;}
.entrepreneurial .bd .tit{text-align: center; font-size: 16px; padding-bottom: 20px;}
.chartbox+.chartbox{border-top: 1px solid #eee;}

/*孵化数据*/
.incubationdata{margin-right: 290px; height: 680px; }
.datadetail{position: relative; float: left; width: 420px; height: 650px; margin-top: 20px; background:url(../img/bg/bg01.jpg)  #4681c2; border-radius: 10px 0 0 10px; }
.datadetail .en{ position: absolute; top: -16px; font-size: 15px; color:  #6d9cd1; font-weight: lighter; padding-left: 14px; }
.datadetail .tit{ padding: 30px 10px 5px; font-size: 36px; color: #fffc00; text-align: center;}
.datalist{ padding: 10px 20px; }

.datadetail .sban{width: 390px; height: 120px; margin: 10px auto 0; border-radius: 10px;}
.datadetail .sban img{border-radius: 10px;width: 390px; height: 120px; }

.datalist .item{ float: left; width: 50%; padding: 10px 16px; font-size: 14px; line-height: 125%; height: 100px; color: #fff;  /*border-bottom: 1px solid #eee;*/ text-align: center; }
/*.datalist .item:nth-child(2n){border-left: 1px solid #eee;}*/
.datalist .num{ color: #fff; font-size: 32px; line-height: 175%; } 

.datamap{position: relative; height: 680px; background: url(../img/map.jpg) center 20px no-repeat #fff; background-size: 100% auto; margin-left: 420px; border-radius: 15px; box-shadow: 0 0 5px rgba(0, 0, 0, .1); }
.datamap .tit{ position: absolute; right: 50px; bottom: 50px; font-size: 24px; }
.datamap .tit .h5{font-size: 12px; font-weight: lighter; color: #999;}
.datamap .tit .viewdetail{ padding-top: 10px;  font-size: 16px; color: #3c7abf; /*display: none;*/}
.datamap .tit .viewdetail a{color: #3c7abf;}
.datamap .tit .viewdetail a:hover{color: #3c7abf;}

.countylist .maplink{display: block; width: 100%; height: 680px;}
.countylist .hd li{ position: absolute; cursor: pointer; font-size: 12px;  /*display: none;*/color: #f9ce22;}
.countylist .hd li.cl1{left: 189px; top: 340px;}
.countylist .hd li.cl2{left: 223px; top: 253px;}
.countylist .hd li.cl3{left: 131px; top: 327px;}
.countylist .hd li.cl4{left: 287px; top: 207px;}
.countylist .hd li.cl5{left: 279px; top: 268px;}
.countylist .hd li.cl6{left: 250px; top: 291px;}
.countylist .hd li.cl7{left: 203px; top: 323px;}
.countylist .hd li.cl8{left: 94px; top: 514px;}
.countylist .hd li.cl9{left: 94px; top: 429px;}
.countylist .hd li.cl10{left: 85px; top: 470px;}
.countylist .hd li:before{content: "\e87a"; position: absolute; left: -18px; /*margin-left: -12px;*/ top:-2px; height: 20px; width: 20px; text-align: center; line-height: 20px; font-family: "iconfont"; font-size: 20px;}
.countylist .hd li:hover{color: #fff;}
.countylist .hd li.on{color: #fff; font-size: 16px;}
.countylist .hd li.on:before{font-size: 24px; left: -24px; top: 0;}

.countylist .bd{/* display: none; */position: absolute; right: 20px; bottom: 130px; width: 285px; height:190px; padding: 10px 20px; background: #fff; border-radius: 10px; box-shadow: 0 0 6px rgba(0, 0, 0, .25);}
.countylist .bd .title{ color: #3c7abf; font-size: 18px; text-align: left; border-bottom: 1px solid #ededed; line-height: 200%; }
.carrierbox { padding-top: 10px;/* height: 75px;*/ font-size:14px; }
.carrierbox span{color: #999;}
.carrierbox .icon{ float: left; margin: 10px 0 0 10px; width: 50px; height: 50px; text-align: center; line-height: 50px;  background: #4b83ff; border-radius: 50%;}
.carrierbox .icon.yellow{ background: #ffaf29; }
.carrierbox .icon.red{ background: #ff687b; }
.carrierbox .icon i{font-size: 32px; color: #fff;}

.carrierbox .detalms{ margin-left: 80px; padding-top: 7px; font-size: 14px; color: #666; }
.carrierbox .detalms span{color: #000; padding-left: 8px;}


.blockFour{ margin-top: 30px; }
.blockFour > .tit{  margin: 0 auto; width: 500px; height: 69px; text-align: center;  background:url(../img/bg/bg01.jpg)  #4681c2; color: #fff; border-radius: 100px;}
.blockFour > .tit .h4{ padding: 8px 0 0; line-height: 36px; font-size: 24px;}
.blockFour > .tit .h5{font-size: 12px; font-weight: lighter;color: rgba(255, 255, 255, .65);}

.recommendation{ margin-top: 20px; height: 400px; padding:30px 20px; background: rgba(255, 255, 255, .9); }

.recommendation .hd{text-align: center;}
.recommendation .hd li{ display: inline-block; padding: 10px 20px; font-size: 20px;  }
.recommendation .hd li a{color: #000;}
.recommendation .hd li.on{ background: #3c7abf; color: #fff; border-radius: 10px; }
.recommendation .hd li.on a{color: #fff;}
.recommendation .bd{padding: 30px 0 5px;} 
.supervisorlist li{ float: left; width:14.25% ; text-align: center; }
.supervisorlist li img{width: 150px; height: 185px; border-radius: 10px;}
.supervisorlist li .name{color: #3c7abf; font-weight: 18px; line-height: 20px; padding-bottom: 15px;}


.unitlist li{ float: left; width: 20%; text-align: center; }
.unitlist li img{ width: 200px; height: 150px; border-radius: 10px; }
.unitlist li .name{color: #3c7abf; font-weight: 18px; line-height: 20px; padding:10px 0 5px;}
.unitlist li .code{color: #666; font-weight: lighter;}



/* 小屏幕（桌面显示器，大于等于 1366px） */
@media (max-width:1366px) {


}

/* 小屏幕（桌面显示器，大于等于 768px） */
@media (max-width:768px) {	

}