body{ font-family:"微软雅黑"; font-size:14px;  color:#333; overflow-x:hidden; position: relative;}
li{ list-style:none;}
ul{ padding:0; margin:0;}
a{ color:#444;text-decoration:none}
a:hover{ text-decoration:none !important; color: #1c2a64;}
a:focus{ text-decoration:none !important;}


.top{ width:100%; height:auto; margin:0 auto; background: #2a2d65;}
.top_con{ width:1200px; height:45px; font-size:1em; margin:0 auto; color:#FFFFFF; text-align:left; line-height:45px;}
.top_con a{ color:#fff;}
.top_con span{ float:right;text-shadow: 0px 0px 0px #000; font-size:12px;}
.top_search{  height:auto; font-size:12px;}
.top_searchinputs{ width:150px; height:24px; border:1px solid #ccc; padding:1px 2px;border-radius: 3px; color:#ccc; margin-left:10px;}
.top_searchinputsbuttom{  background:url(topmenu.gif) 0 -536px; height:24px; width:50px; margin-left:3px; border:none; text-indent:-2000px;}
.header{ width:100%; height:auto; background:#2a2d65; box-shadow: #666 0px 0px 10px; z-index:99999; position:relative;}
.headercon{ width:1200px; height:120px; margin:0 auto;  text-align:right;z-index:99999; background:#2a2d65;}
.headercons{ width:1200px; height:80px; margin:0 auto;  text-align:right;z-index:99999; background: #2a2d65;background-color:rgba(104,041,099,0.20);border-top-left-radius:5px;
border-top-right-radius:5px;}
.logo{ width:550px; height:100px; background: url(logo.png) no-repeat; float:left; margin-top:10px;}
.logos{ width:650px; height:100px;float:left; }
.logos span{ float:right;text-shadow: 0px 0px 0px #000; font-size:12px; margin-top:50px;}
.menu{ width:auto; float:left; padding-top:20px; text-align:right; padding-left:20px; z-index:99999; }
.blogo{ display:none;}
.xiaoxun{ display:none;}

.main{ width:100%; height:auto;}
.bigpic{ width:100%; height:auto;}
.news{ width:100%; height:auto;}
.news01{ width:100%; height:auto;background:#f5f5f5; padding:10px 0;}
.news03{ width:100%; height:auto;background:#f5f5f5; padding:10px 0 20px;}
.block{ width:1200px; height:auto; overflow:hidden; margin:1em auto; padding:10px 0 20px; }

.title{ font-size: 24px; padding:0 10px 10px; position: relative; line-height: 34px;}
.title a{ float: right; font-size: 14px; color: #fff; margin-right:5px;padding:0 15px;}
.title:hover{  text-decoration:none;cursor:pointer}
.title:hover a{ color:#000000;transition: 0.5s all; border:1px dotted #CCC; padding:0 15px;border-radius: 5px; }

.newstitle{ font-size: 24px; padding:10px 10px 10px; position: relative; line-height: 34px;}
.newstitle span{ color: #1c2a64;  }
.newstitle a{ float: right; font-size: 14px; color: #181818; margin-right:5px;padding:0 15px;border:1px dotted #1c2a64;border-radius: 5px;}
.newstitle:hover{  text-decoration:none;cursor:pointer}
.newstitle:hover a{ color:#fff;transition: 0.5s all; background:#1c2a64; border:1px dotted #CCC; padding:0 15px;border-radius: 5px; }


.title span{ color: #1c2a64;  }
.flash{ width:520px; height:330px; float:left;}
#foucsBox { margin: 0 auto; padding: 0; width:520px; height:330px; overflow: hidden; zoom: 1; position: relative;}
    #foucsBox .imgCon { width: 520px; height: 330px; margin: 0; padding: 0; position: relative; list-style: none; }
        #foucsBox .imgCon li { float: left; width: 520px; height: 330px; }
            #foucsBox .imgCon li img { border: 0; }
            #foucsBox .imgCon li .imgTitle { width: 520px; position: absolute; bottom: 30px; text-align: center; z-index: 2; }
                #foucsBox .imgCon li .imgTitle a { color: #fff; display: block; text-decoration: none; font-family: "Microsoft Yahei","黑体"; font-weight: normal; font-size: 18px; zoom: 1; }
    #foucsBox .showPage { width: 520px; height: 70px; position: absolute; bottom: 0; background: #000; opacity: 0.7; filter: alpha(opacity=70); z-index: 1; }
    #foucsBox .foucs { width: 520px; height: 22px; position: absolute; bottom: 15px; text-align: center; z-index: 3; }
        #foucsBox .foucs span { display: inline-block; width: 7px; height: 7px; margin: 0 5px; line-height: 0; font-size: 0; background: url(bg.png) -160px -90px no-repeat; cursor: pointer; overflow: hidden; }
            #foucsBox .foucs span.f { background: url(bg.png) -170px -90px no-repeat; }
    #foucsBox .foucsButton { width: 40px; height: 70px; padding: 7px 7px 0;; margin-top: -70px; position: relative; z-index: 4; }
        #foucsBox .foucsButton span { display: inline; width: 23px; height: 45px; margin: 7px 5px 0; cursor: pointer; overflow: hidden; background: url(bg.png) 0 0 no-repeat; }
        #foucsBox .foucsButton img { display: none; cursor: pointer; border-width: 0px; vertical-align: middle; width: 0px; height: 70px; }
    #foucsBox .lBtn { float: left; width:50px; height:70px;  overflow:hidden;}
        #foucsBox .lBtn span { float: left; background-position: 0 -90px; }
    #foucsBox .rBtn { float: right;  overflow:hidden;}
        #foucsBox .rBtn span { float: right; background-position: -30px -90px; }
    #foucsBox .btnHover { width: 46px; height:70px; background: #408ED6; overflow: hidden; }
        #foucsBox .btnHover img { display: inline; }

.indexnews{ width:665px; height:auto; float:left; border-top:1px solid #CCC;margin-left: 15px;}
.news-list{  width: 665px; }
.news-list li a{ display: block; position: relative; padding:13px 105px 14px 10px; border-radius: 4px; text-decoration:none;}
.news-list-tt{ font-size: 18px; color: #333; margin-bottom: 15px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
.news-list-txt{ font-size: 14px; color: #999; height: 40px; overflow:hidden; }
.news-list-date{ width: 85px; height: 62px; border-left: solid 1px #eee; line-height: 35px; text-align: center; color: #aaa; font-weight: bold; position: absolute; right: 0; top: 50%; margin-top: -31px; }
.news-list-date span{ font-size: 42px; }
.news-list li a:hover{ background: #1c2a64; }
.news-list li a:hover .news-list-tt,.news-list li a:hover .news-list-txt,.news-list li a:hover .news-list-date{ color: #fff; transform: translate(0,-1px); transition: 0.5s all;}

.officenews{ width:380px; height:auto; float:left; margin-left:20px;}
.collegenews{ width:800px; height:auto; float:left;}

.threenews{ width:380px; height:auto; float:left; margin-right:20px; }
.dt-lists{ background: #fff; border-radius: 4px; padding:7px;border-left:1px solid #f1f1f1;transition: 0.5s all; }
.dt-lists li{ line-height: 32px; }
.dt-lists li a{ display: block; padding-left: 5px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; text-decoration:none;}


.dt-list{ background: #fff; border-radius: 4px; padding:7px;  }
.dt-list li{ line-height: 32px; }
.dt-list li a{ display: block; background: url(icon02.png) left center no-repeat; padding-left: 5px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; text-decoration:none;}

.news-swiper-list{ margin:0 -5px; }
.news-swiper-list li{ float: left; width: 50%; padding:0 5px; }
.news-swiper-back{ background: #fff; border-radius: 4px; padding:10px; transition: 0.5s all;}
.news-swiper-back:hover{ background: #1c2a64; cursor:pointer}
.news-swiper-tt{ font-size: 18px; color: #333; margin-bottom: 10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
.news-swiper-txt{ font-size: 14px; color: #999; height: 75px; line-height: 25px; overflow:hidden; }
.news-swiper-more{ width: 80px; height: 32px; border:solid 1px #eee; border-radius: 30px;line-height: 30px; text-align: center; font-size: 12px; color: #999; display: block; margin-top: 10px; }
.news-swiper-pagination{ position: absolute; left: 120px; right: auto; top: 45px; }
.news-swiper-pagination .swiper-pagination-bullet{ width: 12px; height: 12px; border:solid 1px #ddd; border-radius: 50%; opacity: 1; margin-left: 0px; background: none; }
.news-swiper-pagination .swiper-pagination-bullet-active{ background: #c42c1f; }
.news-swiper-back:hover .news-swiper-tt,.news-swiper-back:hover .news-swiper-txt{ color: #fff; }
.news-swiper { padding-top: 20px; margin-top: -20px; }
.news-swiper-back:hover .news-swiper-more{ background: #fff; border-color: #fff; color: #1c2a64; }

.items{ background:none;  padding:7px;}
.item{ width:auto; float:left;}
.item img{ width:295px; float:left; padding:0 10px; }

.footer{ width:100%; height:auto; background: #2a2d65  ; position:relative; bottom:0; float:left; margin-top:1.25em; padding-bottom:20px;}
.footercon{ width:1200px; height:auto; margin:0 auto; padding:30px 10px;}
.footercon div{ width:33.33%; height:auto; font-size:14px;  color:#ccc; float:left;}
.footercon a{ color:#ccc;}
.sign{ display:none;position:absolute;bottom:-40px;right:-20px;width:250px;height:250px;opacity:.08;transition:5s all;pointer-events:none}
.xiaoxun{ display:none;}

@media screen and (max-width: 768px) {
.top{ display:none;}
.header{ width:100%; height:auto; background:#fff;box-shadow:none; z-index:100;}
.headercon{ width:100%; height:auto;}
.headercons{ width:100%; height:auto;}
.logo{  width:100%; height:auto; background:none; float:none;overflow:hidden;}
.logos{ display:none;}
.blogo{ display:block;width:23.75em; height:6.25em; margin:0 auto;overflow:hidden; }
.menu{width:100%; height:auto; float:left;padding-top:0px;padding-left:0px;border-top:1px solid #ccc; z-index:100;}
.footer{ width:100%; height:auto; background: #1c2a64 ;  bottom:0; float:left; margin-top:1.25em; overflow:hidden;}
.footercon{ width:100%; height:auto; margin:0 auto; padding:10px 10px 10px; overflow:hidden;}
.footercon>div{ width:100%; height:auto; font-size:14px;  color:#ccc; float:left; margin:0px 0 ; padding-left:10px;}
.sign{ display:block;;}
.xiaoxun{ display: block; color:#333333; line-height:40px; z-index:100;position:relative;}

.bigpic{width:100%; height:auto; margin-top:50px;}

.block{ width:100%; height:auto; padding:0 0 10px 0}
.title{ font-size: 24px; padding:0 10px 10px; position: relative; line-height: 34px;}
.title a{ float: right; font-size: 14px; color: #fff; margin-right:5px;padding:0 15px;}
.title:hover{  text-decoration:none;cursor:pointer}
.title:hover a{ color:#000000;transition: 0.5s all; border:1px dotted #CCC; padding:0 15px;border-radius: 5px; }

.flash{ display:none; width:100%; height:330px; float:left;  margin-bottom:10px;}

.indexnews{ width:100%; height:auto; float:left; margin-left:0;}
.news-list-date{ display:none;}
.news-list{ margin: 0px 2%; width: 96%; }
.news-list-tt{ font-size: 18px; color: #333; margin-bottom: 15px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
.news-list-txt{ font-size: 14px; color: #999; height: 40px; overflow:hidden; }
.news-list li a{ display: block; position: relative; padding:18px 0px 18px 10px; border-radius: 4px; text-decoration:none;}

.officenews{ width:100%; height:auto; float:left; margin-left:0px;}
.collegenews{ width:100%; height:auto; float:left;}
.threenews{ width:100%; height:auto; float:left; margin-right:0px; padding-bottom:20px; }
.dt-lists{ background: #fff; border-radius: 4px; padding:7px; margin: 0 2% 0; width:96%; background:#f5f5f5; border-left:none; }
.dt-lists li{ line-height: 32px; }
.dt-lists li a{ display: block; background: url(../images/icon02.png) left center no-repeat; padding-left: 5px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; text-decoration:none;}


.news-swiper-list li{ margin: 0 2% 16px; width:96%;  }
.news-swiper-back{ background: #fff; border-radius: 4px; padding:20px; transition: 0.5s all; }
.news-swiper-back:hover{ background: #1c2a64;  }
.news-swiper-tt{ font-size: 18px; color: #333; margin-bottom: 10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
.news-swiper-txt{ font-size: 14px; color: #999; height: auto; line-height: 25px; overflow:hidden; }
.news-swiper-more{ width: 80px; height: 32px; border:solid 1px #eee; border-radius: 30px; line-height: 30px; text-align: center; font-size: 12px; color: #999; display: block; margin-top: 10px; }

.dt-list{ background: #fff; border-radius: 4px; padding:7px; margin: 0 2% 0; width:96%;  }
.dt-list li{ line-height: 32px; }
.dt-list li a{ display: block; background: url(../images/icon02.png) left center no-repeat; padding-left: 5px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; text-decoration:none;}


.item{ margin: 0px 1% 1em 0; width: 49%;float:left;}
.item img{ width:100% ; margin-right:0px; }
}