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

/* mode00 */
.mode00 ul {
  width: calc(100% - 4px);
  overflow: hidden;
  padding: 10px 4px;
}
.mode00 ul li {
  width: calc(25% - 26px);
  float: left;
  box-shadow: 0px 0px 5px rgba(0,0,0,.2);
  margin-right: 33.3px;
  position: relative;
  overflow: hidden;
}
.border{ 
  position:absolute;
  background:none;
  transition:all .5s ease-in-out;
}
.mode00 ul li:hover {
  transition: 0.6s all;
}
.mode00 ul li:hover img{opacity: 1;transform: scale(1.1); transition: 0.6s all;}
.mode00 ul li>.border:nth-of-type(1){top:0;left:0;width:0;height:0;border-top:1px solid #003770;}
.mode00 ul li>.border:nth-of-type(2){top:0;right:0;width:10px;height:0;border-right:1px solid #003770;}
.mode00 ul li>.border:nth-of-type(3){bottom:0;right:0;width:0;height:0;border-bottom:1px solid #003770;}
.mode00 ul li>.border:nth-of-type(4){bottom:0;left:0;width:0;height:0;border-left:1px solid #003770;}
.mode00 ul li:hover .border:nth-of-type(1){width:100%;}
.mode00 ul li:hover .border:nth-of-type(2){height:100%;}
.mode00 ul li:hover .border:nth-of-type(3){width:100%;}
.mode00 ul li:hover .border:nth-of-type(4){height:100%;}
.mode00 ul li:last-child {
  margin-right: 0;
}
.mode00 ul li:hover p.title {
  color: #003770;
}
.mode00 .row-item img {
  width: 100%;
}
.mode00 .row-item {
  position: relative;
}
.mode00 ul li p {
  display: block;
  margin: 20px 20px 5px;
  line-height: 30px;
  font-size: 16px;
  height: 60px;
  word-break: break-all;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.mode00 ul li p.description {
  margin: 0 20px 5px;
  font-size: 14px;
  color: #888888
}
.mode00 ul li span {
  position: relative;
  line-height: 30px;
  font-size: 14px;
  font-family: Cambria;
  text-align: right;
  display: block;
  padding-right: 20px;
}

/* end */

.banner{ width:100%; overflow: hidden; position: relative; margin: 45px 0 0 0; }
.rslides { position: relative; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides li {  -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides .img { display: block; height: auto; float: left; width: 100%; border: 0; }
.slide_container { 
  position: relative; 
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
  overflow:hidden; 
}
.slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.slide li { position: absolute; width: 100%; left: 0; top: 0; }
.slide .img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; }
.slide_nav { position: absolute; top: 45%; left: 10px; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; height: 50px; width: 30px; background:url(../images/lf.png) no-repeat left top; margin-top: -22px; }
.slide_nav:active { opacity: 1.0; }
.slide_nav.next { left: auto;background:url(../images/rt.png) no-repeat left top; right: 10px; }
.slide_tabs{position:absolute;right:242px;bottom:67px;z-index:999; display: none;}
.slide_tabs li{width:12px;height:12px;border-radius:5px;margin-left:19px;background-color:#fff;float:left;color:#fff;}
.slide_tabs li a{color:#fff;display:block;text-indent:-999em;}
.slide_tabs li.slide_here{background:none;border:2px solid #fff;border-radius:15px;width:10px;height:10px;}
.channel{width:100%;bottom:0px;left:0;z-index:20;position:absolute;}
.channel ul{max-width:1120px;margin:0 auto;height:40px;}
.channel ul li{width:25%;float:left;line-height:40px;height:40px;text-align:center;}
.channel ul li:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}

.channel ul li a{color:#fff;font-weight:bold;font-size:16px;display:block}
.channel ul li.ch01{background-color:#005bac}
.channel ul li.ch02{background-color:#eea200}
.channel ul li.ch03{background-color:#4ba509}
.channel ul li.ch04{background-color:#00988d}

.content {
  width: 1450px;
  margin: 0 auto;
  overflow:hidden;
}
.mode01, .mode02, .mode03, .mode00 {
  width: 100%; 
  margin: 36px auto 0;
  overflow: hidden;
}
.news { 
  width: 48%; 
  float: left; 
}
.news .title { height: 63px; line-height: 63px; border-bottom: 1px solid #003770; }
.news h2 { padding: 0 0 0 20px; background: url(../images/title_bg_03.png) no-repeat left center; width: auto; float: left; font-size: 1.625rem; color: #003770; }
.news .title a { float: right; color: #003770; font-size: 1.6em; }
.news_con { 
  overflow: hidden; 
  margin: 30px 0 0 0;
  position: relative;
}
.news_con dl { 
  width: 48%; 
  float: left; 
}
.news_con dl.right { float: right; }
.news_con dl dt { width: 271px; height: 176px; margin: 0 0 25px 0;  }
.news_con img { width: 271px; height: 176px; }
.news_con dl dd { padding: 0 0 0 21px; border-left: 1px solid #003770; margin: 0 0 30px 0; }
.news_con a { font-size: 16px;  line-height: 22px;  display: block; width: 92%}
.news_con p { font-family: Cambria; font-size: 14px; color: #646464; padding: 8px 0 0 0; font-style: oblique; }

.news_con dl.right dd { border-left: 1px solid #cebb1e; }


.tongzhi { 
  width: 48%; 
  float: right; 
}
.tongzhi .title { height: 63px; line-height: 63px; border-bottom: 1px solid #003770; }
.tongzhi h2 { padding: 0 0 0 20px; background: url(../images/title_bg_03.png) no-repeat left center; width: auto; float: left; font-size: 1.625rem; color: #003770; }
.tongzhi .title a { float: right; color: #003770; font-size: 1.6em; }
.tongzhi ul { margin: 30px 0 0 0; }
.tongzhi ul li { 
  height: 40px; 
  margin: 0 0 15px 0; 
  overflow: hidden;
  position: relative;
}
.tongzhi ul li .date { 
  border: 1px solid #003770;
  float: left;
  height: 25px;
  margin-top: 7.5px;
  position: relative;
}
.tongzhi ul li .day {
  font-family: "times new roman";
  height: 25px; 
  line-height: 25px; 
  font-size: 18px; 
  font-family: Cambria; 
  color: #fbd99c; 
  display: inline-block;
  padding: 0 10px;
  background: #003770;
}
.tongzhi ul li .month {
  font-family: "times new roman";
  height: 25px; 
  line-height: 25px; 
  font-size: 18px; 
  font-family: Cambria; 
  color: #003770; 
  padding: 0 10px;
  display: inline-block; 
}
.tongzhi ul li a { 
  width: calc(100% - 150px); 
  display: block; 
  float: right; 
  font-size: 16px; 
  line-height: 25px; 
  margin: 7.5px 0 0 0;
  white-space: nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
}


.sm { 
  background: url(../images/bb.png);
  background-size: 100% 100%;
  position: relative; 
  padding: 20px 0 30px;
}
.sm:after{
  content: "";
  width:100%;
  height:100%;
  position: absolute;
  left:0;
  top:0;
  background: inherit;
  filter: blur(5px);
  z-index: 2;
}
.sm_con {
  position: relative;
  margin: 0 auto; 
  width: 700px; 
  height: auto; 
  line-height: 30px;
  z-index: 200;
}
.sm_con .title { font-size: 20px; color: #ffffff; text-align: center; line-height: 3em;}
.sm_con p { 
  font-size: 16px;
  color: #ffffff;
  text-align: left;
  text-indent: 32px;
}
.sm_con span { 
  color: #ffffff!important; 
}
.sm .detail {
  display: block;
  width: 100%;
  color: #ffffff;
  height: 30px;
  line-height: 30px;
  border: 1px solid #ffffff;
  text-align: center;
  border-radius: 5px;
  font-size: 1.5em;
  z-index: 200;
  margin-top: 10px;
}

.xueshu { 
  width: 48%; 
  float: left; 
}
.zhidu { 
  width: 48%; 
  float: right; 
}
.xueshu .title { height: 63px; line-height: 63px; border-bottom: 1px solid #003770; }
.xueshu h2 { padding: 0 0 0 20px; background: url(../images/title_bg_03.png) no-repeat left center; width: auto; float: left; font-size: 1.625rem; color: #003770; }
.xueshu .title a { float: right; color: #003770; font-size: 1.6em; }
.xueshu ul { margin: 15px 0 0 0; }
.xueshu ul li { overflow: hidden; font-size: 1.4em; line-height: 35px; padding: 0 0 0 23px; background: url(../images/li_03.png) no-repeat left center; }
.xueshu ul li a { float: left; font-size: 16px;}
.xueshu ul li span { font-family: Cambria; font-style: oblique; float: right; color: #646464; }





.zhidu .title { height: 63px; line-height: 63px; border-bottom: 1px solid #003770; }
.zhidu h2 { padding: 0 0 0 20px; background: url(../images/title_bg_03.png) no-repeat left center; width: auto; float: left; font-size: 1.625rem; color: #003770; }
.zhidu .title a { float: right; color: #003770; font-size: 1.6em; }
.zhidu ul { margin: 15px 0 0 0; }
.zhidu ul li { overflow: hidden; font-size: 1.4em; line-height: 35px; padding: 0 0 0 23px; background: url(../images/li_03.png) no-repeat left center; }
.zhidu ul li a { float: left; font-size: 16px; }
.zhidu ul li span { font-family: Cambria; font-style: oblique; float: right; color: #646464; }

/*图片轮播*/
.flexslider{ width:100%; height: 235px;  overflow: hidden;}
.flexslider a{display:block;height:235px;}
.flexslider li a {display: block; transition: all 1s ease 0s;}
.flexslider li a:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8; }
.flexslider img{ display: block; width:100%; height: 235px;}
.flexslider .til_slides{ width:100%; height: 40px; position: absolute;bottom:0; left:0;background:url(../images/banner_bg.png) repeat; line-height: 40px;font-size:14px;color:#fff; padding-left: 15px;}
.flex-control-nav{ position:absolute;bottom:11px;right:1px; text-align: right;z-index:999}
.flex-control-paging li{ margin:0 10px 0 0;float:left;}
.flex-control-paging li a{ width: 12px; height: 12px; line-height: 12px; background-color:#fff;border-radius:15px;text-indent:999px;}
.flex-control-paging li a:hover,.flex-control-paging li a.flex-active{background:none;width:10px;height:10px;border:2px solid #fff;border-radius:15px;}
.news_list{width:50%;overflow:hidden;font-size:1.3em;float:right;}
.news_list li{background:url(../images/icon.png) no-repeat;background-position:-19px -452px;height:2.5em;line-height:2.5em;overflow:hidden;}
.news_list li a{padding-left:12px;}
.news_list li span{float:right;margin-left:8px;}

@media screen  and (max-width:1100px) {
 .channel{position:static;padding-top:-3px;clear:both;}
 .slide_tabs{right:5px;bottom:15px;}
 .mode01{width:96%;margin:0 auto;}
 .news { width: 100%; float: none; }
 .news_con dl { float: none; width: 100% }
 .news_con dl dt { width: 100%; }
 .news_con dl dd { width: 100%; }
 .news_con dl.right { float: none; display: none; }
 .tongzhi { width: 100%; float: none; }
 .tongzhi ul li a { width: 80%; }
 .mode02 { width: 96%; margin: 0 auto; }
 .mode03 { width: 96%; margin: 36px auto 50px; }
 .xueshu { width: 100%; float: none; }
 .zhidu { width: 100%; float: none; }
 .banner { margin: 0px; }
 }

@media screen  and (max-width:800px) {
  .flex-control-nav{bottom:44px;}
  

  .tongzhi ul li a { width: 67%; }
}
@media screen  and (max-width:770px) {
	.carInfo li{font-size:1.3em;}
	.link001 div a{padding-left:9px;}
	.topicInfo li{width:29.6%;}
  .sm_con { width: auto; padding: 56px 12%; position: relative; top: 0px; left: 0px; height: auto; margin: 0 auto; display: block; }
  .sm img { display: block; margin: 0 auto; width: 100%; }
	}

@media screen and (max-width:640px) {
  .channel ul li{height:26px;line-height:26px;}
  .channel ul li a{font-size:12px;font-weight:normal;display:block}
  .topicInfo li{width:29.6%;}
  .news_pic{width:300px;}
  .news_list{margin-left:330px;}
  
 }

@media screen and (max-width:600px) {
  .news_pic{position:absolute;width:346px;left:50%;margin-left:-173px;}
  .news_list{width:100%;margin:250px 0 0 0;}
  .notice_list li{width:100%;}
  .mode01,.mode02{width:96%;margin:0 auto 20px;}
  .zhidu ul li { background: url(../images/li_03.png) no-repeat left 14px; }
  .zhidu ul li a { width: 60%; overflow: hidden; display: inline-block; }
  .xueshu ul li { background: url(../images/li_03.png) no-repeat left 8px; margin: 0 0 5px 0; }
  .xueshu ul li a { width: 60%; overflow: hidden; display: inline-block; line-height: 25px; }
}
@media screen and (max-width:480px) {
 .title01 h2{font-size:18px;width:88px;padding-left:39px;}
 .carInfo li a{font-size:1.1em;}
 .mode02 .title01 h2{width:104px;}
 .tongzhi ul li { height: auto; }
 .tongzhi ul li a { margin: 0px; }
}

@media screen /*and (min-width:320px)*/ and (max-width:360px) {
  .carInfo .talk{width:48%;}
  .carInfo .bbs{width:48%;}
}