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


/*图片轮播*/
/*FlexSlider默认样式*/
.Banner{ overflow: hidden; position: relative; }
.Banner .flexslider { width:100%; background: #fff;  position: relative; zoom: 1; overflow:hidden; }
.Banner .flexslider ul li{ list-style:none; position: relative;}
.Banner .flexslider ul li .slideImg{ display:block; height:0; padding-bottom:28.79%; overflow:hidden;}
.Banner .flexslider ul li img{ display: block; border:none; width:100%;}
.Banner .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.Banner .loading .flex-viewport {  }
.Banner .flexslider .slides { zoom: 1; width:100%;  padding:0;}
.Banner .carousel li { margin-right: 5px; }
/*icon小点*/
.Banner .flex-control-nav {width:auto; height: 17px; line-height: 17px; position: absolute; bottom:20px; right:30px;text-align:center;z-index:9;}
.Banner .flex-control-nav li { margin: 0 5px; display: inline-block; zoom: 1; *display: inline;}
.Banner .flex-control-paging li a {  float:left; width: 5px; height: 5px; display: block; background:#eb7f87; border: #fff 2px solid; border-radius: 50%;  cursor: pointer;text-indent: -9999px; }
.Banner .flex-control-paging li a:hover,.Banner .flex-control-paging li a.flex-active {background:#d7000f; border: #d7000f 2px solid;}
.Banner .slides h4 a{color:#fff;opacity: 1.0;font-size:14px; text-decoration:none;}
.Banner .slides h4 a:hover{color:#fff;font-size:14px;}
.Banner .flexslider ul li .til_slides{position:absolute; bottom:7%; left:20%; color:#fff;z-index:999; background: url(../images/banner_bg.png) repeat; 
  padding: 17px 19px; font-size:2.2em; color:#fff;}



.Banner .flex-direction-nav{ display:block; margin-top: -14px;}
.Banner .flex-direction-nav li{display: inline-block;*display: inline;*zoom:1; position: static !important;}
.Banner .flex-direction-nav a{ width:35px;height:72px;text-align: center;display: inline-block; position: absolute;z-index: 99; text-indent: -999em;z-index:9;cursor: pointer;overflow: hidden;
transition: all 0.5s ease; opacity: 0.5;}
.Banner .flex-direction-nav a:hover{opacity:1;}
.Banner .flex-direction-nav a.flex-prev{ background:url(../images/prev.png) no-repeat center #fff; left: 0; top: 50%; margin-top: -36px;}
.Banner .flex-direction-nav a.flex-next{  background:url(../images/next.png) no-repeat center #fff; right: 0; top: 50%; margin-top: -36px;}


.quickLink{max-width: 1200px; margin:-48px auto auto auto; overflow: hidden;}
.quickLink ul{ width: auto; float: right; }
.quickLink ul li{ float: left; width: auto;}
.quickLink ul li a{ display: block;height: 46px; line-height: 46px; width: 126px; text-align: center; margin: 0 4px; position: relative; }
.quickLink ul li .bgcolor{ display: inline-block;width: 100%; height: 46px; position: absolute; left: 0; top: 0; z-index: 0;}
.quickLink ul li.li01 .bgcolor{ background: #5999d9; opacity: 0.64; }
.quickLink ul li.li02 .bgcolor{ background: #e05e7d; opacity: 0.64; }
.quickLink ul li.li03 .bgcolor{ background: #e5973e; opacity: 0.64; }
.quickLink ul li.li04 .bgcolor{ background: #419d9e; opacity: 0.64; }
.quickLink ul li .quickTxt{ display: inline-block; font-size: 13px; color: #fff; position: relative;z-index: 1; }
.quickLink ul li.li01 .quickTxt{ background: url(../images/li01.png) no-repeat left center; padding-left: 30px;}
.quickLink ul li.li02 .quickTxt{ background: url(../images/li02.png) no-repeat left center; padding-left: 30px;}
.quickLink ul li.li03 .quickTxt{ background: url(../images/li03.png) no-repeat left center; padding-left: 30px;}
.quickLink ul li.li04 .quickTxt{ background: url(../images/li04.png) no-repeat left center; padding-left: 30px;}


.content{overflow:hidden;}
.mode01{max-width:1200px;overflow:hidden; margin:35px auto 20px auto; }
.mode01 .lf{ width: 74%; float: left; overflow:hidden;}
.mode01 .md{ width: 30.6%; float: left; margin: 0 4%;overflow:hidden;}
.mode01 .rt{ width: 24.4%; float: right;overflow:hidden;}

.articleTitle01{ height: 25px; line-height: 25px; border-left:#d7000f 4px solid; margin-bottom: 18px; padding:0 12px; overflow: hidden;}
.articleTitle01 .title  { font-weight:bold; font-size: 2.4em; color: #333333; float: left; padding-left: 35px;}
.articleTitle01 .title.t01{ background: url(../images/tbg01.png) no-repeat left center; }
.articleTitle01 .title.t02{ background: url(../images/tbg02.png) no-repeat left center; }
.articleTitle01 .title.t03{ background: url(../images/tbg03.png) no-repeat left center; }
.articleTitle01 .title.t04{ background: url(../images/tbg04.png) no-repeat left center; }
.articleTitle01 .title.t05{ background: url(../images/tbg05.png) no-repeat left center; }
.articleTitle01 .title.t06{ background: url(../images/tbg06.png) no-repeat left center; }


.articleTitle01 .more{ float: right; position: relative; }
.articleTitle01 .more a { font-size:12px;}
.articleTitle01 .more a:hover{ color: #d7000f; }
.articleTitle01 .more:after{ content: ""; display: block; width: 3px; height: 3px;background:#d7000f;position: absolute; right: -12px; top: 10px; }


.articleList01{ float: right; width: 64.8%; overflow: hidden; }
/*FlexSlider默认样式*/
.articleBanner{  overflow: hidden; }
.articleBanner .flexslider { width:100%;  position: relative; zoom: 1;}
.articleBanner .flexslider ul li{ list-style:none; position: relative;}
.articleBanner .flexslider ul li .slideImg{ display:block; height:0; padding-bottom:56.5%; overflow:hidden;}
.articleBanner .flexslider ul li img{ border:none; width:100%; transition: all 0.3s ease;}
.articleBanner .flexslider ul li a:hover img{ transform: scale(1.1); }
.articleBanner .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.articleBanner .loading .flex-viewport {  }
.articleBanner .flexslider .slides { zoom: 1; width:100%;  padding:0;}
.articleBanner .carousel li { margin-right: 5px; }
/*icon小点*/
.articleBanner .flex-control-nav {text-align:center;position: absolute;bottom: 10px;right:10px;width: auto;}
.articleBanner .flex-control-nav li { margin: 6px; display:inline-block; }
.articleBanner .flex-control-paging li a { width:11px; height:11px; display: block; background:url(../images/con1.png) no-repeat center; cursor: pointer;text-indent: -9999px; }
.articleBanner .flex-control-paging li a:hover,.articleBanner .flex-control-paging li a.flex-active {background:url(../images/con2.png) no-repeat center;}
/*.articleBanner .slides h4 a{color:#fff;opacity: 1.0;font-size:14px; text-decoration:none;}
.articleBanner .slides h4 a:hover{color:#fff;font-size:14px;}
.articleBanner .flexslider ul li .til_slides{width: 89%;height:48px; line-height: 48px; margin-right: 30px;  position: absolute; bottom: 0; left: 1px; background: #fcfdfd; padding: 0 16px;  overflow: hidden;}
.articleBanner .flexslider ul li .til_slides h3{ display: block; width: 85%; float: left; font-size: 1.5em; overflow: hidden; }
.articleBanner .flexslider ul li .til_slides .rightDate{ float: right; font-size: 13px; }*/


.articleBanner .flexslider ul li .til_slides p{ font-size:1.3em; color:#a0a3a6; margin: 22px 0 20px 0; height: 65px; line-height: 22px; overflow: hidden;}
.articleBanner .flexslider ul li .til_slides a{display: inline-block; font-size: 1.3em; color: #666; background: url(../images/play02.png) no-repeat right center; padding-right: 15px;
 float: left; margin-bottom: 25px;}
.articleBanner .flexslider ul li .til_slides a:hover{ color: #d9b26f; }



.articleBanner .flex-direction-nav{ display:none;}
.articleBanner .flex-direction-nav li{display: inline-block;*display: inline;*zoom:1;}
.articleBanner .flex-direction-nav a{ width:36px;height:73px;text-align: center;display: inline-block; position: absolute;z-index: 99; text-indent: -999em;z-index:9;cursor: pointer;overflow: hidden;-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.articleBanner .flex-direction-nav a:hover{-webkit-opacity: 0.8;-moz-opacity: 0.8;filter:alpha(opacity=80);opacity:0.8;}
.articleBanner .flex-direction-nav a.flex-prev{ float:left;background:url(../images/prev.png) no-repeat center; left: 2%; top: 50%; margin-top: -44px;}
.articleBanner .flex-direction-nav a.flex-next{  background:url(../images/next.png) no-repeat center; right: 2%; top: 50%; margin-top: -44px;}
.articleBanner .flex-pauseplay{position: absolute;right: 17px;bottom: -32px;}
.articleBanner .flex-pauseplay a{ display: inline-block; width: 18px; text-indent: -888em; }
.articleBanner .flex-pauseplay a.flex-pause{background:url(../images/pause.png) no-repeat center center;}
.articleBanner .flex-pauseplay a.flex-play{background:url(../images/play02.png) no-repeat center center;}


.articleList02{ float: left; width: 33%; overflow: hidden; }
.articleList02 ul{  overflow: hidden; }
.articleList02 ul li{ overflow: hidden; padding:13px; margin-bottom: 7px; transition: all 0.3s ease;
background: -webkit-linear-gradient(#ffffff, #f7f7f7);
background: -moz-linear-gradient(#ffffff, #f7f7f7);
background: -o-linear-gradient(#ffffff, #f7f7f7);
background: linear-gradient(#ffffff, #f7f7f7);}
.articleList02 ul li:hover{ box-shadow: 0 0 18px 5px #ccc; }
.articleList02 ul li a{ display: block; font-size: 1.4em; height: 42px; line-height: 21px;font-weight: bold; margin-bottom: 10px; overflow: hidden; }
.articleList02 ul li span.rightDate{ font-size: 1.2em;  color: #666; }


.articleList02.articleList03{ width: 100%; float: none; }


.wrap_mode02{ background: #f5f5f5; overflow: hidden; }
.mode02{max-width:1200px; margin:30px auto 15px auto; overflow: hidden;}
.mode02 .lf{ width: 30%; float: left; overflow:hidden;} 
.mode02 .md{ width: 30%; float: left; margin: 0 5%;overflow:hidden;} 
.mode02 .rt{ width: 30%; float: right; overflow:hidden;} 


/*通知公告*/
.articleList04 ul li {margin: 22px 0; overflow: hidden; }
.articleList04 ul li a{ display: block;  padding: 0 0 14px 0; border-bottom: #e5e5e5 1px solid; overflow: hidden;}
.articleList04 ul li .date { width: 53px; height: 42px; color: #666666; display: inline-block; float: right; border-left: #d6d6d6 1px solid; padding-left: 15px; margin-left: 15px; }
.articleList04 ul li .day { height: 25px; line-height: 25px; font-size: 23px; display: block; text-align: center; }
.articleList04 ul li .month { height: 20px; line-height: 20px; font-size: 12px; display: block;text-align: center; }
.articleList04 ul li .art-text{ display: block; height: 48px; line-height: 24px;font-size: 14px;
overflow: hidden; position: relative; transition: all 0.3s ease;}
.articleList04 ul li a:hover .art-text{ padding-left: 10px; }


/*招生信息*/
.articleList05{overflow: hidden;}
.articleList05 ul li{ margin-bottom: 11px; overflow: hidden; transition: all 0.3s ease; }
.articleList05 ul li a{ display: block; background: #fff; padding: 13px 20px; overflow: hidden; }
.articleList05 ul li:hover{ box-shadow: 0 0 20px 0 #ccc; }
.articleList05 ul li .artText{ font-size: 14px; display: block; height: 30px; line-height: 30px; overflow: hidden;}
.articleList05 ul li .rightDate{ font-size: 12px; display: block; color: #666; }



/*培训动态*/
.articleList06{ overflow:hidden; }
.articleList06 ul{}
.articleList06 ul li{overflow: hidden;}
.articleList06 ul li a{ display: block; }

.list04{width: 100%;overflow: hidden;}
.list04 li{margin-bottom: 5px;}

.list04 li{font-size: 15px;overflow: hidden;}
.list04 li a { display: block; overflow: hidden;}
.list04 li .artTitle{ display: block;background: #34668c;  padding: 14px 18px; overflow: hidden;}
.list04 li .artTitle h3{height: 44px;color: #fff; font-weight: bold;  font-size: 14px; line-height: 24px; overflow: hidden; }
.list04 li .artTitle strong{ float: right; font-size: 12px; line-height: 22px; }
.list04 li.on .artTitle{background:#d7000f; }

.list04 .artText{ background:#f5f5f5; line-height:25px; height:72px; font-size: 14px; overflow: hidden;color:#666;padding: 12px 18px; display: none;}
.list04 .artText p{ display: block;height:50px; overflow: hidden; font-size: 13px;}
.list04 .artText strong{ font-size: 12px; float: right; }




/*导师信息*/
.mode03{max-width:1200px; margin:30px auto; overflow: hidden; position: relative;z-index: 1;}
.articleList07 { overflow: hidden; height: 255px; }
.articleList07 #main_con1{ max-width: 1200px; height:auto; margin: 12px 0 0 0;}
.con_cont { float: left; margin:6px 0 0 0; }
.articleList07 #main_con1 .con_cont #photo_move { height: auto; margin: auto; max-width: 1200px; background: url(../images/scroll_bg_03.png) no-repeat; position: relative;}
.articleList07 #main_con1 .con_cont .blk_18 > a{ display:block;height:60px;  width:30px; cursor:pointer;background: #7faccf;text-align: center;line-height: 60px; transition: all 0.3s ease;}
.articleList07 #main_con1 .con_cont .blk_18 .LeftBotton { position: absolute;left: 0;top: 65px;}
.articleList07 #main_con1 .con_cont .blk_18 .RightBotton {position: absolute;right: 0;top: 65px;}
.articleList07 #main_con1 .con_cont .blk_18 > a:hover{ background-color: #005aa0; }
.articleList07 #main_con1 .con_cont #demo { max-width: 1200px; display: block;  float: left;  overflow: hidden; margin: 0px 40px;}
.articleList07 #main_con1 .con_cont #indemo {float: left;  width:1500%;}
.articleList07 #main_con1 .con_cont #demo1, #demo2 { float: left;}
.articleList07 #main_con1 .con_cont .blk_18 .pl { display: block;height: 195px;position: relative;}
.articleList07 #main_con1 .con_cont .blk_18 .pl img { width:260px; height:195px; display:block; /*! margin:7px auto; */ cursor: pointer; }
 

.articleList07 #main_con1 .con_cont .blk_18 ul li { float:left; width:260px; /*! height:208px; */ margin: 0 10px; background:url(../images/imgbg.png) no-repeat;}
.articleList07 #main_con1 .con_cont .blk_18 ul li a h2{ font-size:20px; font-weight:normal;}
.articleList07 #main_con1 .con_cont .blk_18 ul li a span.s-img{ display:block; }
.articleList07 #main_con1 .con_cont .blk_18 ul li a span.s-text{display: block; padding:10px 0; font-size:14px; text-align:center; /*! background: #f5f5f5; */position: absolute;bottom: 0;left: 0;width: 100%;}
.articleList07 #main_con1 .con_cont .blk_18 ul li p{ font-size:14px; color:#989898; line-height:22px;}

.articleList07 #main_con1 .con_cont #photo_move2 { height: 160px; margin: auto; width: 991px;}
.articleList07 #main_con1 .con_cont #po_demo {display: inline;  float: left;  margin: 5px 50px;  overflow: hidden;  width: 830px; _margin: 5px 50px; _width:830px; }
.articleList07 #main_con1 .con_cont #indemo2 {float: left;  width: 800%;}
.articleList07 #main_con1 .con_cont #po_demo1, #po_demo2 { float: left;}
.articleList07 #main_con1 .con_cont .blk_18 .po_LeftBotton { display:block; float:left; height:75px;  margin:30px 0px 0 0px;  width:29px; background:url(../images/lf.png) no-repeat; cursor:pointer;_margin:30px 0px 0 0px;}
.articleList07 #main_con1 .con_cont .blk_18 .po_RightBotton {display:block; float:right;  height:75px; margin:30px 0 0 0px; width:29px;background:url(../images/rt.png) no-repeat;cursor:pointer;_margin:30px 0px 0 0px;}




/*友情链接*/
.wrap_mode03{ background: #f1f1f1; padding: 30px 0; max-height: 240px; position: relative;z-index: 99;}
.mode04{max-width:1200px; margin:0 auto; }
.articleList08{}
.articleList08 dl{ margin: 0 -15px;}
.articleList08 dl dd{ width: 25%; *width: 24%; float: left; }

.divSelect{ margin: 0 15px; position: relative;background:url(../images/sel.png) no-repeat right 18px center ; background-color: #fff;/*! border: #fff 1px solid; */}
.divSelect.active{background:url(../images/sel2.png) no-repeat right 18px center #fff;}
.select_mask{width: 100%;height: 48px;display: block;position: absolute;left: 0;top: 0;z-index: 1}
.divSelect cite{height: 48px;display: block;position:relative;z-index: 2;line-height: 48px; font-size: 14px;
 padding:0 19px;cursor: pointer;overflow: hidden;}
.linkList02{position: absolute;left:0;bottom: 49px;z-index: 5000;background-color: #f5f5f5;width: 99.5%; padding: 7px 0; max-height:500px;
  overflow-y: auto;display: none;

border-left: #ddd 1px solid;border-top: #ddd 1px solid;border-right: #ddd 1px solid;
}
  .linkList02.active{ display: block; }
.linkList02 li{ width: auto !important; font-size: 14px; float: none !important;}
.linkList02 li a{display: block;padding:8px 15px;}
.linkList02 li a:hover {background: #b0ddff;}



@media screen  and (max-width:1440px) {
        .mode01,.mode02,.mode03,.mode04,.quickLink{ max-width: 1200px; padding-left: 15px; padding-right:15px;}
        .Banner .flex-control-nav{ right: 13%; }
        .articleBanner .flexslider ul li .til_slides{ width: 86%; }


     
 }

@media screen  and (max-width:992px) { 
	
	   .articleTitle01 .title{ font-size: 2.0em; }
	   .Banner .flex-direction-nav{ display: none; }
       .Banner .flex-control-nav{ right: 15px; }
       .mode01 .lf{ float: none;width: auto; }
       .mode01 .rt{ float: none; width: auto; }
       .articleList01,.articleList02{ float: none; width: auto; }
	   .articleList02{margin-top: 20px;}
       .articleList02 ul li{ float: none; width: auto; padding: 8px 13px;}
       .articleList02 ul li a{ height: auto; }

       .mode02 .lf{ width: auto; float: none; }
       .articleList04 ul { margin: 0 -15px; }
       .articleList04 ul li{ float: left; width: 50%; margin: 8px 0;}
       .articleList04 ul li a{ margin: 0 15px; }
       .mode02 .md{ width: auto; float: none; margin: 22px 0; }
       .articleList05 ul{ margin: 0 -13px; }
       .articleList05 ul li{ float: left; width: 50%; }
       .articleList05 ul li a{ margin: 0 13px; }
       .articleList05 ul li:hover{ box-shadow: none; }
       .mode02 .rt{ float: left; width: auto; }
       .articleList06 ul li{ width: 50%; float: left;}
       .list04 {  }

       .list04 p,.list04 .artText{ display: none !important; }
       .list04 h3{ margin: 0 13px; }
       .articleList08 dl dd{ width: 50%; }
       .divSelect{ margin: 5px 15px; }

}

@media screen and (max-width: 767px){
       .quickLink ul{ margin-left: 125px; }
       .quickLink ul li a{ width: auto; padding: 0 8px; }
	   .Banner .flex-control-nav{display: none;}
}


@media screen and (max-width:640px) {
	.mode01{ margin: 20px auto; }
	.articleTitle01 .title{ font-size: 1.9em; }
	.quickLink{ margin: 0; }
    .quickLink ul{ width: auto; float: none; margin: 0 -4px;}
    .quickLink ul li{ width: 50%;}
    .quickLink ul li a{ width: auto;  margin: 0 4px 5px 4px;}
    .articleList04 ul li,.articleList05 ul li,.articleList06 ul li,.articleList08 dl dd{ width: 100%; float: none; }
    .articleBanner .flexslider ul li .til_slides{ width: 80%; }
    .articleBanner .flexslider ul li .til_slides h3,.articleList02 ul li a,.articleList04 ul li .art-text,.articleList05 ul li .artText,.list04 h3,
    .divSelect cite{ font-size: 1.4em; }
    .articleList04 ul li .day{ font-size: 20px; }
 }

@media screen and (max-width:480px) {
    

}

@media screen and (max-width:414px) {
 
}

@media screen and (max-width:375px) {

}

