@charset "utf-8";
/* CSS Document */
.banner{position: relative;z-index: 1}
/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;position:relative} /* Hide the slides before the JS is loaded. Avoids image jumping */
.banner .flexslider .slides > li a{display: block;height: 0;padding-bottom:26%;overflow:hidden;position: relative;}
/* .banner .flexslider ul li.flex-active-slide img{ transition:transform 6000ms linear 0s;
 -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
} */
.flexslider .slides > li.clone{position:relative}
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { position: relative;zoom:1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { display: block; width: 58px; height: 58px;  overflow: hidden; cursor: pointer;transition: all 0.35s ease-in-out;border-radius: 50%;border: rgba(255,255,255,0.4) 1px solid;}
.flex-direction-nav a:hover{text-shadow: 1px 1px 0 #666;}
.flex-direction-nav .flex-prev {}
.flex-direction-nav .flex-next {}
.flexslider:hover .flex-prev {}
.flexslider:hover .flex-next {}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }

/* Control Nav */ 
.flex-control-nav {width: 100%; position: absolute; bottom: -2px; /*! left:0; */ text-align: center; z-index:9999; }
.flex-control-nav li {margin: 10px 6px 0; display: block; zoom: 1; *display: inline;vertical-align: bottom;}
.flex-control-paging li a {width: 8px; height: 8px; display: block;  cursor: pointer;  }
.flex-control-paging li a:hover {  }
.flex-control-paging li a.flex-active { }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

.banner .flex-direction-nav{ display: none;}
.banner .flex-direction-nav .flex-prev{ background: url(../images/arrow_lf.png) no-repeat center rgba(0,0,0,0.2); position: absolute;left: 0;bottom: 0;z-index: 9;}
.banner .flex-direction-nav .flex-next{ background: url(../images/arrow_rt.png) no-repeat center rgba(0,0,0,0.2); position: absolute;right: 0;bottom: 0;z-index: 9;}
.banner .flex-direction-nav .flex-prev:hover{background: url(../images/arrow_lf.png) no-repeat center rgba(7,50,146,0.8); }
.banner .flex-direction-nav .flex-next:hover{background: url(../images/arrow_rt.png) no-repeat center rgba(7,50,146,0.8); }
.banner .flex-control-paging{display: none;} 
/* Pause/Play */
.flex-pauseplay{ width: 58px;height: 58px; background:rgba(0,0,0,0.2);border: rgba(255,255,255,0.4) 1px solid; border-radius: 50%; position: absolute;bottom: 20px;left: 50%;z-index: 9;margin-left: -29px;}
.flex-pauseplay a{ display: block; width: 58px;height: 58px;cursor: pointer;text-indent: 9em;overflow: hidden;}
.flex-pauseplay .flex-play{ background: url(../images/pause.png) no-repeat center; }
.flex-pauseplay .flex-pause{ background: url(../images/play.png) no-repeat center; }


.wrap_mode01 { padding:15px 0 40px 0; overflow: hidden; }
.mode01 > .gp-fl{ width: 42.9%; overflow: hidden;}
.mode01 > .gp-fr{ width: 54.8%; overflow:hidden;}
.articleTitle01{ overflow: hidden; margin-bottom:25px;}
.articleTitle01 .title{ display: block; float: left; background:url(../images/titlebg.png) no-repeat left center; padding-left: 30px;}
.articleTitle01 .more{display: block;float: right; color: #999; transition: all 0.3s ease;margin-top:6px;}
.articleTitle01 .more:hover{  }

/* 新闻 */
.list1 { overflow: hidden;}
.list1 a{ display: block; overflow: hidden; }
.list1 .listText{ position: absolute; bottom: 0;width: 100%; height: 75px; display: table;
background-color:rgba(0,0,0,0.55);
background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.55), rgba(0,0,0,0)); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(top, rgba(0,0,0,0.55), rgba(0,0,0,0)); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(top,rgba(0,0,0,0.55), rgba(0,0,0,0)); /* Firefox 3.6 - 15 */
background: linear-gradient(to top, rgba(0,0,0,0.55) , rgba(0,0,0,0)); /* 标准的语法 */}
.list1 .listTitle{ max-height:56px; line-height: 28px; display: table-cell; vertical-align: middle; padding: 0 100px 0 15px;}
.list1 .slick-arrow{ display:none;}
.list1 .slick-dots{ bottom: 20px; right: 10px; width: auto;}
.list1 .slick-dots li{ width: 5px; height: 5px; border: #fff 1px solid; background: none; margin: 0 10px;}
.list1 .slick-dots li.slick-active{ background: #fff; }


/* 通知+公告 */
.wraplist2{ width:48.2%;}
.list2{ margin-bottom: -15px; }
.list2 li{margin-bottom: 15px; overflow: hidden;}
.list2 li a{ display: block; overflow:hidden;}
.list2 .listDate{ color: #999; display: inline-block; width: 78px; float: left; margin-top: 2px;}
.list2 .listTitle{ height: 44px; line-height: 22px; margin-left: 85px}

/* 双创课程 */
.wrap_mode02{ background: url(../images/modebg2.jpg) no-repeat center top; padding:45px 0; overflow: hidden;background-size: cover;}
.mode02 > .gp-fl{ width: 48.3%; overflow: hidden;}
.mode02 > .gp-fr{width: 48.3%; overflow: hidden;}
.list3{ margin: -15px;}
.list3 li{ width: 33.3%;}
.list3 li a{ display: block; margin: 15px; overflow:hidden;}
.list3 .listTitle{ margin:8px 0; height: 22px; line-height:22px;}
.list3 .listName{ color: #666666;height: 22px; line-height:22px;}



/* 双创竞赛 */
.list4{margin: -25px -15px; overflow: hidden;}
.list4 li{ width: 25%;}
.list4 li a{ display:block; margin: 25px 15px; background: #d0e1ef; border-radius:5px; overflow: hidden;}
.list4 .listImg{ display:block;margin: 10px; border-radius: 5px; overflow: hidden; height: 0; padding-bottom:86%;}
.list4 li a:hover .listImg{ background:#0068b7;}
.list4 .listImg img{ width: 100%; transition: all 0.2s ease;}
.list4 .listImg img:hover{transform:scale(1.03);}




/* 综合服务 */
.wrap_mode03{ padding: 45px 0; overflow: hidden;}
.articleTitle02{ text-align: center;}
.articleTitle02 .title{ float: none; display: inline-block; }
.list5 li{ width: 25%;}
.list5 li div{ display: block; margin: 0 70px; text-align: center; overflow: hidden;transition: transform 0.2s ease;}
.list5 .listImg{ margin: 13px 0;}
.list5 .listText a{ display: block; padding: 7px 0;}
.list5 li div:hover{transform: translateY(-10px);}



/* 双创精英 */
.wrap_mode04{padding:44px 0 60px; background: #f1f2f5; overflow: hidden;}
.list6{margin-top:30px;margin: 30px auto 0;box-sizing: content-box;}
.list6 .slick-images{ box-sizing: border-box;}
.list6 .slick-slider > a{ display: block; margin: 20px; box-sizing: border-box; overflow: hidden;position: relative;}
.list6 .slick-slider > a::before{ content: ""; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.35);
position: absolute; left: 0;top: 0;}
.list6 .gp-img-responsive{ border-radius: 10px; background: none;}
.list6 .gp-img-responsive img{ }
.list6 .slick-arrow{ display: block; width:30px; height: 30px;text-indent: 999em;cursor: pointer; transition: all 0.2s ease;}
.list6 .slick-prev {background: url(../images/arrow_lf.png) no-repeat center; position: absolute;left: 30%;top: 45%;z-index: 9;}
.list6 .slick-next {background: url(../images/arrow_rt.png) no-repeat center; position: absolute;right: 30%;top: 45%;z-index: 9;}
.list6 .slick-dots{ display: none !important; }
.center .slick-center{ position:relative; z-index: 9;padding: 0;}
.center .slick-center a{ transform: scale(1.16);}
.center .slick-center .gp-img-responsive{ border-radius: 0; }
.center .slick-active{transform: translateX(-22px);}
.center .slick-current {transform: none;}
.center .slick-current + .slick-active {transform: translateX(22px);}
.list6 .listText{ display: table; background: rgba(4, 119, 201, 0.88); width: 240px;text-align: center; height: 122px;
position:absolute; left: 50%; top: 50%; margin-left: -120px; margin-top: -60px; opacity: 0; transition: all 0.2s ease;}
.list6 .listText p{ display: table-cell; vertical-align: middle; color: #fff;}
.list6 .listText:before{ content: ''; display: block; width:220px;height: 100px; border:#999985 1px dotted;
position:absolute; left: 8px; top: 10px;}
.list6 .slick-current .listText{opacity: 1;}
.list6 .slick-slider.slick-current > a::before{ display: none;}



@media screen  and (max-width:1440px) { 
    .list5 li div{ margin: 0 30px;}
    .list6 .listText{ height: 90px;}
    .list6 .listText:before{ height: 66px;}
    .list6 .slick-center a{ transform: scale(1.22);}
}



 
@media screen  and (max-width:1200px) {
    .wrap_mode01{padding: 40px 0;}

}

@media screen  and (max-width:1024px) { 
    .wrap_mode01,.wrap_mode02,.wrap_mode03{ padding: 30px 0;}
    .wrap_mode04{ padding: 30px 0 50px;}
    .mode01 > .gp-fl,.mode02 > .gp-fl{ width: 100%; float: none;}
    .mode01 > .gp-fr,.mode02 > .gp-fr{ width: 100%; float: none; margin-top: 25px;}
    .articleTitle01{ margin-bottom: 20px;}
    .list3,.list4 { margin: -10px;}
    .list3 li a,.list4 li a{ margin: 10px;}
    .list5 li div{ margin:0 15px;}
    .list6 .slick-current .listText{ opacity: 0;}
    .list6 .slick-center a{ transform: scale(1.3);}
}


@media screen and (max-width: 766px) {
    .wraplist2{ float: none; width: 100%;}
    .wraplist2.gp-fr{margin-top: 25px; }
    .list6 .slick-slider > a{ margin: 0 20px;}
    .list6 .slick-center a{ transform: scale(1.1);}
    .list6 .slick-prev{ left: 5px; }
    .list6 .slick-next{ right: 5px; }
}

@media screen and (max-width:640px) {
    .list3 li{ width: 50%;}
    .list4 li,.list5 li{ width: 50%;}
    .list4 .listImg{ margin: 5px;}
    .list5 li div{ margin: 10px;}
}