/*-----global CSS 清除浏览默认样式-----*/
*{ margin:0; padding:0;}
body{ font-family:Microsoft YaHei,SimHei,SimSun,Arial, Helvetica, sans-serif;font-size:14px;  background:#e0f1fe url(bg_021.jpg) no-repeat top center;}
li{ list-style:none;}
a{ text-decoration:none; color:#333;transition:color .5s;
-moz-transition:color .5s; /* Firefox 4 */
-webkit-transition:color .5s; /* Safari and Chrome */
-o-transition:color .5s; /* Opera */}
a:hover{ text-decoration:none; color:#0e53cf;}
img{ border:none; vertical-align:bottom; display:inline-block;}
h1{ font-size:16px;}
h2{ font-size:14px;}
h3{ font-size:14px;}
.fl{ float:left;}
.fr{ float:right;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:50px;}
.mr10{ margin-right:10px;}
.fb{ font-weight:bold;}
.no_margin{ margin-bottom:0;}


/*-----layout CSS-----*/
ul,ul li,.col,.hd,h2,.bd,.menu,.clear{ overflow:hidden; zoom:1; }

/*------------------------头部 start--------------------------*/
.header{ width:1100px; margin:0 auto;}


/*------------------------内容 start--------------------------*/
.content{}

.mod-wrap{ width:100%; background:#e9f1ff; padding:50px 0;}
.w1100{ width:1100px; margin:0 auto;}
.moda{ background:url(video-bg.png) no-repeat top center; padding:20px 20px 0 20px; box-sizing:border-box;margin-top:50px; margin-bottom:50px;}

.video{ }
.video p{ text-indent:0 !important; }
.video video{ width:100%;}
.video-txt{ width:1100px;margin:0 auto;   margin-top:20px;}
.video-txt a{ color:#fff;}
.video-txt h3{  background:url(a1.png) no-repeat top left ;padding-left:200px;height:53px;font-size:26px; margin-bottom:10px;}
.video-txt p,.video-txt p a{  background:url(a2.png) no-repeat top left ;padding-left:200px;height:53px;line-height:54px; font-size:18px; margin-bottom:20px; text-decoration:none !important;}
.video-tit{  background:url(a3.png) no-repeat top left ;padding-left:200px;height:53px;line-height:54px; font-size:18px; margin-bottom:20px; }

/*导语*/
.intro{ background:url(intro.png) no-repeat left center; padding-left:360px; font-size:20px; text-indent:40px; line-height:150%; text-align:justify; min-height:160px; margin-bottom:50px;}

/*通用标题+摘要-----*/
.topTxtNews{padding-bottom:20px; border-bottom:1px dashed #ccc; margin-bottom:20px; width:530px; float:left; margin-right:40px;}
.topTxtNews:last-child{ margin-right:0;}
.topTxtNews h3{ text-align:center; margin-bottom:10px;}
.topTxtNews h3 a{font-weight:normal;font-size:24px;}
.text{ text-indent:28px; color:#666; font-size:16px; line-height:24px;}
.more{ color:#F00;}
.more-btn{ color:#fff; display:block; padding:10px; background:#2b99f1; width:20%; margin:0 auto; text-align:center; margin-top:20px; font-size:20px;}
.more-btn:hover{ color: #9AF0FF;}


.modb{ margin:0 auto;}
/*头条*/
.topNews{ margin-bottom:50px;}
.topNews a{ display:block; text-align:center;}
.bTopNews{ font-size:42px; font-weight:bold; color:#023acb; margin-bottom:20px;}
.sTopNews a{ font-size:18px; margin-bottom:10px;}

/*通用栏目-----*/
.hd{ margin-bottom:30px;}
.colTit{ float:left; font-size:28px; display: inline-block; height:60px; line-height:60px; font-weight:normal; padding-left:60px;}
.hdMore{ float:right;font-weight:normal; color:#666; font-size:18px; line-height:60px;}

.tit h2{ }
.tit span{ width:323px; margin-right:20px; display:inline-block; margin-right:20px;background:#9ca8bc; text-align:center; height:50px; line-height:50px; padding:15px 15px 20px 15px; cursor:pointer;}
.tit span:last-child{ margin-right:0;}
.tit span a{ color:#333; font-size:16px;}
.tit span.on {  background:#2b99f1; font-size:16px;}
.tit .on a{color:#930; }

.tab{ display:none; padding:20px; background:#f6f9ff;}
.tab-on{ display:block;}

/*网友建言*/
.jy-mod ul li{ margin-bottom:20px;}
.jy-mod ul li img{ float:left;}
.jy-mod ul li div{ background:#fff; border-radius:0 20px 20px 0; padding:20px; padding-left:160px; height:100px;}
.jy-mod ul li div h4{ font-size:20px; margin-bottom:10px;}
.jy-mod ul li div span{ font-size:16px;}
.jy-mod ul li:nth-child(2n) img{ float:right;}
.jy-mod ul li:nth-child(2n) div{ padding-left:20px;}


/*通用新闻列表---可加日期-----*/
.newsList{ }
.newsList li{ float:left; width:530px; margin-right:40px; height:30px; line-height:30px; overflow: hidden;vertical-align:middle; margin-bottom:20px;}
.newsList li:nth-child(2n){ margin-right:0;}
.newsList li a{ color:#333; font-size:18px;}
.newsList li a:hover{color:#28509b;}
.newsList li a:before{ content:""; width:6px; height:6px; margin-bottom:2px; border-radius:6px; margin-right:10px; background:#32b4ff; display: inline-block;}


/*滚动图片-----*/
.swiper1{ width:1100px;height:620px;}
.swiper1 .swiper-slide img{ width:1100px;height:620px; position:relative; z-index:1;}
.swiper1 .swiper-slide p{ background:#000; display:block; position: absolute; height:50px; line-height:50px; color:#fff; font-size:20px;  bottom:0; left:0; width:100%; z-index:3; padding-left:15px;}
/*.swiper1 .swiper-slide p:after{ content:""; height:50px; width:100%; position:absolute; z-index:2; bottom:0; left:0; background:#000; opacity:0.8; width:100%;}*/
.swiper1 .swiper-pagination{ text-align:right; bottom:10px!important;}
.swiper1 .swiper-pagination-bullet{ width:12px; height:12px; opacity:1; text-indent:100000px; background:#fff; text-align:center; color:#fff;}
.swiper1 .swiper-pagination-bullet:last-child{ margin-right:20px !important;}
.swiper1 .swiper-pagination-bullet-active{ background:#0e53cf; color:#28509b;}
.swiper1 .swiper-pagination-bullet{}
.swiper1 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ background:url(b-arrow-l.png) no-repeat; width:48px; height:105px; left:0; margin-top:-53px;}
.swiper1 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background:url(b-arrow-r.png) no-repeat; width:48px; height:105px; right:0;margin-top:-53px;}


.swiper2 img{ width:350px; height:195px;}
.swiper2  .swiper-container {
      width: 100%;
      height: 100%;
    }
 .swiper2 .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;
    }
	 .swiper2 .swiper-slide p{ margin-top:10px;}
.swiper2 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ background:url(arrow-l.png) no-repeat; width:41px; height:58px; left:0; margin-top:-40px;}
.swiper2 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background:url(arrow-r.png) no-repeat; width:41px; height:58px; right:0;margin-top:-40px;}


.modc{ margin:50px auto;}
.modc .colTit{ background:url(icon.png) no-repeat;}
.modd{ margin-bottom:30px;}
.modd .colTit{ background:url(icon2.png) no-repeat;}

/*共治文明东晓*/
.topNews{ width:540px;  }
.topNews li{ padding:20px; background:#d4f5e3; border-radius:15px; margin-bottom:30px; margin-top:10px;}
.topNews li:last-child{ margin-bottom:0;}
.topNews li h3{ font-size:18px; margin-bottom:10px;}
.topNews li p{ text-align:left; text-indent:32px; font-size:16px; color:#666;}
.topNews li p span{ color: #FF0004;line-height:150%; }


/*招生宣讲*/
.imgList {}
.imgList li{ float:left;width:260px; display:inline; vertical-align:middle; margin-right:19px; margin-bottom:20px; }
.imgList li:nth-child(4n){ margin-right:0;}
.imgList li a{ display:block;}
.imgList li a img{ width:260px; height:410px;}
.imgList li p{ padding-top:10px; background:#fd7a7e; color:#fff; font-size:20px; line-height:150%; text-align:center; }
.imgList li span{ background:#fd7a7e; color:#fff; text-align:center; display:block; padding-bottom:10px;}

 /*码上就看*/
.imgList2 {}
.imgList2 li{ float:left;width:350px; display:inline; vertical-align:middle; margin-right:25px; margin-bottom:20px; position:relative;}
.imgList2 li:nth-child(3n){ margin-right:0;}
.imgList2 li a{ display:block;}
.imgList2 li a img{ width:350px; height:auto; margin-bottom:10px;}

/*名师宝典*/
.imgList3 {}
.imgList3 li{ float:left;width:350px; display:inline; vertical-align:middle; margin-right:25px; margin-bottom:30px; position:relative;}
.imgList3 li:nth-child(3n){ margin-right:0;}
.imgList3 li a{ display:block;}
.imgList3 li a img{ width:350px; height:auto; margin-bottom:10px;}
.imgList3 li h3{ text-align:center; font-size:16px; margin-bottom:10px; }
.imgList3 li p{ color:#666; text-indent:32px;}
.imgList3 li p span{ color:#F00;}

/*探秘特色*/
.s-img img{ width:480px; height:270px; float:left;}

.img-news2 li{ width:580px; margin-bottom:20px; }
.img-news2 li img{ float:left; width:220px; height:125px; margin-right:15px;}
.img-news2 li h3{ font-size:18px; margin-bottom:5px;}
.img-news2 li p{ color:#666;}
.img-news2 li p span{ color:#F00;}


.img-news li{ display:inline-block; width:350px; margin-right:25px;}
.img-news li img{ float:left; width:160px; height:90px; margin-right:15px;}
.img-news li h3{ font-size:18px; margin-bottom:5px;}
.img-news li p{ color:#666;}
.img-news li p span{ color:#F00;}
.img-news li:nth-child(3n){ margin-right:0;}


/*学霸秘籍*/
.imgTxtNews{ width:535px; float:left; display:inline; margin-right:30px; margin-bottom:30px;}
.imgTxtNews .img{ float:left;}
.imgTxtNews .img img{ width:160px; height:90px;}
.imgTxtNews .txtNews{ float:right; width:355px; }
.imgTxtNews .tit{ display:block; font-size:18px;}
.imgTxtNews .txt{ color:#999; font-size:14px; line-height:20px;}
.imgTxtNews:nth-child(2n){ margin-right:0;}


.newsList2{ }
.newsList2 li{height:30px; line-height:30px; overflow: hidden;vertical-align:middle; margin-bottom:25px; width:530px; float:left; margin-right:40px;}
.newsList2 li:nth-child(2n){ margin-right:0;}
.newsList2 li a{ color:#333; font-size:18px;}
.newsList2 li a:hover{color:#2d86ff;}
.newsList2 li a:before{ content:""; width:8px; height:8px; margin-bottom:2px; border-radius:6px; margin-right:10px; background:#08ac51; display: inline-block;}

/*媒体关注*/
.bTit li{ float:left; width:560px;  padding-bottom:50px; margin-bottom:50px; border-bottom:1px dashed #eee; margin-right:80px;}
.bTit li:nth-child(2n){ margin-right:0;}
.bTit li a{min-height:80px; display:block; font-size:30px; border-left:10px solid #1752e9; padding-left:20px;}



/*------------------------底部 start--------------------------*/
.footer{ width:100%; background:#2b99f1; text-align: center; font-size:14px; padding:60px 0; color:#fff; line-height:24px;}

@media(min-width:568px){html{width:125%}}

@media(min-width:1200px){html{width:100%}}