@charset "utf-8";
/* CSS Document */
html { overflow-x: hidden; }
.banner{ width:100%;  position: relative; margin: 45px 0 0 0; }



/*.content{width:100%;overflow:hidden; background: url(../images/bg_02.png) no-repeat center bottom;}*/



/*图片轮播*/
.Banner{
    width: 100%;
}
.Banner .flexslider{ width:100%;   position: relative;}
.Banner .flexslider a{display:block; width: 100%; overflow: hidden; }
.Banner .flexslider li a.flex-prev {display: block; transition: all 1s ease 0s; width: 60px; height: 60px; background: url(../images/arrow_left_03.png) no-repeat; position: absolute; left: 50%; top: 50%; margin: -35px 0 0 -600px; z-index: 9999; text-indent: 9998px;}
.Banner .flexslider li a.flex-next {display: block; transition: all 1s ease 0s; width: 60px; height: 60px; background: url(../images/arrow_right_03.png) no-repeat; position: absolute; right: 50%; top: 50%; margin: -35px -600px 0 0; z-index: 9999; text-indent: 9998px;}

.Banner .flexslider li a:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8; }
.Banner .flexslider img{ display: block; width:100%height:auto;  }
.Banner .flexslider .til_slides{ width:100%; height: 60px; position: absolute;bottom:0; left:0;background:url(../images/banner_bg.png) repeat; line-height: 60px;font-size:16px; font-weight: bold; color:#fff; padding-left: 50%; margin: 0 0 0 -600px;}
.Banner .flex-control-nav{ position:absolute;bottom:25px;right:50%; margin: 0 -600px 0 0; text-align: right;z-index:99}
.Banner .flex-control-paging li{ margin:0 10px 0 0;float:left;}
.Banner .flex-control-paging li a{ width: 10px; height: 10px;   background:url(../images/a_03.png) no-repeat; text-indent:9999px;}
.Banner .flex-control-paging li a:hover,.flex-control-paging li a.flex-active{background:none;width:10px;height:10px; background: url(../images/a_hover_03.png) no-repeat;}





.information { width: 100%; height: 50px; line-height: 50px; background: #eeeeee; }
.informationIn { width: 1200px; margin: 0 auto; }
.informationIn h2{ width: auto; float: left; font-size: 16px; color: #b60e21; }
.scrollBox { overflow: hidden;  margin: 0 0 0 73px; height: 50px; }
.scrollBox ul li { margin-right:20px;  float:left; height:50px; line-height:50px;  text-align:left; _display:inline; width:auto !important; }
.scrollBox ul li a img{width: 150px; height: 100px;}
.scrollBox ul li.lastli {_margin-right:7px;}
.scrollBox ul p {text-align: center;line-height: 50px; font-size: 14px; color: #333333; }




.mode01 { width: 1200px; margin: 24px auto; }
.mode02 { width: 1200px; margin: 0 auto; overflow: hidden; }
.mode02 .lf { width: 31%; float: left;  }
.mode02 .md { width: 30%; float: left; margin: 0 2%; }
.mode02 .rt { width: 32%; float: right; }
.mode03 { width: 1200px; margin: 10px auto; }
.mode04 { width: 1200px; margin: 30px auto 0; }


.news .title { height: 48px; line-height: 48px; background: url(../images/news_title_03.png) no-repeat left bottom; }
.title h2 { font-size: 24px; color: #be1028; width: auto; float: left; }
.news .title a { width: auto; float: right; font-size: 14px; color: #999999; }
.news .title a:hover { color: #be1028; }
.news ul { overflow: hidden; margin:0 -1%;}
/*.news ul li { width: 280px; float: left; margin: 0 1% 0 1%; }*/
.news ul li { width: 280px; float: left; margin: 0 1% 5px 1%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:inline-block}
.news ul { margin:34px -1% 0 -1%; }

.n_liIn { width: 280px;  }
.n_liIn span { height: 0px; padding-bottom:56%; display: block; width: 100%; overflow: hidden; }
.n_liIn img { display: block; }
.news_con { padding:20px; background: #f6f6f6; }
.news_con a { font-size: 16px; height: 25px; overflow: hidden; display:block; }
.news_con p { padding: 10px 0 10px 27px; background: url(../images/clock_11.png) no-repeat 4px center; font-size: 14px; color: #999999; }
.news_c { font-size: 14px; line-height: 30px; height: 60px; overflow: hidden; }
.news ul li:hover .news_con { background: #be1028; }
.news ul li:hover .news_con a { color: #ffffff; }
.news ul li:hover .news_con p { background: url(../images/clock_hover_03.png) no-repeat 4px center; color: #ffffff; }
.news ul li:hover .news_c { color: #ffffff; }






.articleList .title { height: 48px; line-height: 48px; margin: 0 10px 0 0;}
.articleList .title a { width: auto; float: right; font-size: 14px; color: #999999; }
.articleList .title a:hover { color: #be1028; }
.articleList ul { margin: 20px 0 0 0; }
.articleList ul li { height: 40px; line-height: 40px; padding: 0 0 0 32px;  background: url(../images/xueshu_03.png) no-repeat left center; *vertical-align: middle; overflow: hidden; }
.articleList ul a { float: left; font-size: 14px;width:calc(100% -  68px);white-space:nowrap; overflow:hidden; text-overflow:ellipsis;display:inline-block}
.articleList ul span { float: right; font-size: 14px;width:58px; color: #999999;text-align:right; }
.tab ol li.current .title {  background: url(../images/news_title_03.png) no-repeat left bottom; }
.tab1 ol li.current .title {  background: url(../images/news_title_03.png) no-repeat left bottom; }
.tab2 ol li.current .title {  background: url(../images/news_title_03.png) no-repeat left bottom; }


.articleList01 .title { height: 48px; line-height: 48px;  margin: 0 10px 0 0; }
.articleList01 .title a { width: auto; float: right; font-size: 14px; color: #999999; }
.articleList01 .title a:hover { color: #be1028; }
.articleList01 ul { margin: 20px 0 0 0; }
.articleList01 ul li { overflow: hidden; margin: 0 0 25px 0; max-height: 60px; }
.articleList01 .date { width: 40px; float: left; }
.articleList01 .day { font-style: oblique; color: #be1028; font-size: 20px; font-weight: bold; text-align: center; padding: 0 0 1px 0; background: url(../images/date_03.png) no-repeat center bottom; }
.articleList01 .month { font-size: 12px; color: #be1028; font-weight: bold; font-style: oblique; text-align: center; padding:1px 0 0 0; }
.articleList01 a { margin: 0 0 0 50px; display: block; font-size: 14px; line-height: 30px; }







.articleList02 .title { height: 48px; line-height: 48px; margin: 0 10px 0 0; }
.articleList02 .title a { width: auto; float: right; font-size: 14px; color: #999999; }
.articleList02 .title a:hover { color: #be1028; }
.articleList02 ul { margin: 20px 0 0 0; }
.articleList02 ul li{ height: 40px; line-height: 40px; }
.articleList02 ul span { font-size: 14px; color: #be1028; margin: 0 22px 0 0; }
.articleList02 ul a { font-size: 14px; overflow: hidden; }






.scientific .title { height: 48px; line-height: 48px; background: url(../images/news_title_03.png) no-repeat left bottom; }
.scientific .title a { width: auto; float: right; font-size: 14px; color: #999999; }
.scientific .title a:hover { color: #be1028; }
.scientific ul { overflow: hidden; }
.scientific ul li { width: 280px; float: left; margin: 0 1%; }
.scientific ul li span { height: 0px; padding-bottom: 56%; display: block; width: 100%; overflow: hidden; }
.scientific ul li img { display: block; }
.scientific ul { margin: 34px -1% 0 -1%;  }
.scientific p { height: 53px; line-height: 53px; text-align: center; background: #f6f6f6; font-size: 14px; }
.scientific p:hover { background: #be1028; color: #ffffff; }

.link ul { overflow: hidden; }
.link ul li { width: 380px; float: left; margin: 0 30px 30px 0; height: 100px; line-height: 100px; }
.link ul li.li03,.link ul li.li06 { margin: 0px 0 30px 0; }
.link ul li.li01 a { padding: 0 0 0 100px; background: url(../images/link01_03.png) no-repeat left #be1028; display: block; width: 280px; text-align: center; font-size: 20px; font-weight: bold;  color: #ffffff;}
.link ul li.li02 a { padding: 0 0 0 100px; background: url(../images/link02_03.png) no-repeat left #be1028;  display: block; width: 280px; text-align: center;  font-size: 20px; font-weight: bold; color: #ffffff;}
.link ul li.li03 a { padding: 0 0 0 100px; background: url(../images/link03_03.png) no-repeat left #be1028;  display: block; width: 280px; text-align: center; font-size: 20px; font-weight: bold; color: #ffffff;}
.link ul li.li04 a { padding: 0 0 0 100px; background: url(../images/link04_03.png) no-repeat left #be1028;  display: block; width: 280px; text-align: center;  font-size: 20px; font-weight: bold; color: #ffffff;}
.link ul li.li05 a { padding: 0 0 0 100px; background: url(../images/link05_03.png) no-repeat left #be1028;   display: block; width: 280px; text-align: center;  font-size: 20px; font-weight: bold; color: #ffffff;}
.link ul li.li06 a { padding: 0 0 0 100px; background: url(../images/link06_03.png) no-repeat left #be1028;  display: block; width: 280px; text-align: center; font-size: 20px; font-weight: bold; color: #ffffff; }




.tab ol { position: relative; overflow: hidden; }
.tab ol li { float: left; }
.tab ol a { position: absolute; right: 0px; top: 0px; display: none; }
.tab ol li:first-child a{ display: block; }
.tab ol li.current a { display: block; }
.tab dd { display: none; }
.tab dd:first-child { display: block; }




.tab1 ol { position: relative; overflow: hidden; }
.tab1 ol li { float: left; }
.tab1 ol a { position: absolute; right: 0px; top: 0px; display: none; }
.tab1 ol li:first-child a{ display: block; }
.tab1 ol li.current a { display: block; }
.tab1 dd { display: none; }
.tab1 dd:first-child { display: block; }






.tab2 ol { position: relative; overflow: hidden; }
.tab2 ol li { float: left; }
.tab2 ol a { position: absolute; right: 0px; top: 0px; display: none; }
.tab2 ol li:first-child a{ display: block; }
.tab2 ol li.current a { display: block; }
.tab2 dd { display: none; }
.tab2 dd:first-child { display: block; }






.wrap_mode05 { width: 100%; height: auto; background: #f6f6f6; margin: 0 auto 30px; }
.mode05 { width: 1200px; margin: 0 auto; }

.friendLink h2 { height: 80px; line-height: 80px; width: auto; float: left; font-size: 24px; color: #be1028; }
.friendLink ul { overflow: hidden;  margin: 0 0 0 120px; }
.friendLink ul li { float: left; margin: 0 22px 0 0; height: 40px; line-height: 40px; overflow: hidden; }
.friendLink ul a { font-size: 16px; }





@media screen  and (max-width:1200px) {
 .mode01,.mode02,.mode03,.mode04,.mode05{width:96%;margin:36px auto;}
 .flex-direction-nav { display: none; }
  .flex-control-nav { right: 2%;margin: 0px; }
  .flexslider .til_slides { width: 100%; padding-left: 20px; margin: 0px; }
 .mode03 { width: 96%; margin: 36px auto 50px; }

  .scrollBox ul { overflow: hidden; }
 .news ul li { width: 25%; margin: 0px;}
 .n_liIn { width: 90%; margin: 0 5% 5%; }

 .articleList ul a { width: 70%; overflow: hidden; display: inline-block; height: 40px; }
  .articleList02 ul span { float: left; }
 .articleList02 ul a { height: 40px; overflow: hidden; display: inline-block; width: 80%; }
  .news ul li { width: 25%; margin: 0px;}
.scientific ul li { width: 25%; margin: 0px;}
 .s_in { width: 90%; margin: 0 5% 5%; }
.link ul { overflow: hidden; }
.link ul li { width: 30%; }
.link ul li.li01 a { width: auto; }
.link ul li.li02 a { width: auto; }
.link ul li.li03 a { width: auto; }
.link ul li.li04 a { width: auto; }
.link ul li.li05 a { width: auto; }
.link ul li.li06 a { width: auto; }
.mode03,.mode04 { margin: 20px auto; }
.Banner .flexslider .til_slides { width: 96%; padding-left: 2%; padding-right: 2%; margin: 0px; }
  .Banner .flex-control-nav { right: 0px; margin: 0px; }
}
@media screen  and (max-width:1023px) {
  .mode02 .lf { width: 100%; margin: 0px auto 20px; float: none; }
 .mode02 .md { width: 100%; margin: 0px auto 20px; float: none; }
 .mode02 .rt { width: 100%; margin: 0px auto 20px; float: none; }
  .informationIn h2 { width: auto; float: none; }
  .scrollBox ul li { width: 48%; margin: 0 2% 1% 0; }
 .scrollBox ul p { line-height: 25px; text-align: left;  }
 /*.information { height: auto; padding: 0 0 20px 0; }*/
 .information { height: auto; padding: 0; }
 .informationIn { width: 96%; }
 .scrollBox { margin: 0px; height: auto; }
 .friendLink h2 { height: 50px; line-height: 50px; }
.friendLink ul { float: none; margin: 5px 0 0 0; }
.friendLink ul li { height: 30px; line-height: 30px; }
.friendLink h2 { float: none; }
.wrap_mode05 { height: auto; padding: 10px 0; }
.mode05 { width: 96%; margin: 0 auto;  }
}
@media screen  and (max-width:1000px) {
  .articleList ul li { width: auto; float: none;  }
}

@media screen  and (max-width:800px) {
  .flex-control-nav{bottom:20px;}
  .flexslider .til_slides { display: none; }
  .news ul li { width: 50%; }	
  .n_liIn img { width: 100%; }
  .articleList02 ul li { float: none; width: auto; }
    .scientific ul li { width: 50%; }	
  .s_in img { width: 100%; }
.link ul li { width: 30%; margin: 1.5%; height: 50px; line-height: 50px; background: #be1028; }
.link ul li.li03, .link ul li.li06 { width: 30%; margin: 1.5%; height: 50px; line-height: 50px; background: #be1028; }
.link ul li.li01 a { padding: 0px; background: #be1028; }
.link ul li.li02 a { padding: 0px; background: #be1028;}
.link ul li.li03 a { padding: 0px; background: #be1028;}
.link ul li.li04 a { padding: 0px; background: #be1028;}
.link ul li.li05 a { padding: 0px; background: #be1028;}
.link ul li.li06 a { padding: 0px; background: #be1028;}

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

@media screen and (max-width:640px) {
  .scrollBox ul li { width: 100%; margin: 0 0 1% 0; float: none; }
 }

@media screen and (max-width:600px) {
  .mode01,.mode02{width:96%;margin:36px auto 20px;}
  .articleList ul span { float: left; margin: 0 0 0 10px; }
  .link ul li.li01 a { font-weight: normal; }
  .link ul li.li02 a { font-weight: normal; }
  .link ul li.li03 a { font-weight: normal; }
  .link ul li.li04 a { font-weight: normal; }
  .link ul li.li05 a { font-weight: normal; }
  .link ul li.li06 a { font-weight: normal; }
  .link ul li { width: 46%; margin: 2%; }
  .link ul li.li03, .link ul li.li06 { width: 46%; margin: 2%;  }
}
@media screen and (max-width:480px) {
	.news ul li { width: 100%; float: none; line-height:40px;}
	.scientific ul li { width: 100%; float: none; }
	.link ul li { width: 100%; margin: 0 0 2% 0; }
  .link ul li.li03, .link ul li.li06 { width: 100%; margin: 0 0 2% 0; }
  .news_con a { height: auto; }
 .news_c { height: auto; }

}

@media screen /*and (min-width:320px)*/ and (max-width:360px) {

}