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



.content{width:100%;overflow:hidden;}
.mode01{max-width:1200px;overflow:hidden; margin: 36px auto 0; }
.news { width: 600px; float: left;  }
.news .title { height: 38px; line-height: 38px; margin-bottom: 25px; }
.news h2 { padding: 0 0 0 44px; background: url(../images/title01_03.png) no-repeat left center; width: auto; float: left; font-size: 24px; color: #333333; }
.news .title a { float: right; color: #666666; font-size: 14px; font-weight: bold; }
.news .title a:hover { font-weight: normal; }


.news_con { overflow: hidden; }




.lbanner_lsm { overflow: hidden; }
.Banner01 { float: left; width: 320px; }
.lsm { margin: 0 0 0 340px; }
.lsm h3 a { font-size: 18px; font-size: 1.8em; }
.lsm_con { font-size: 12px; margin: 15px 0 15px 0; font-size: 12px; line-height: 24px; height: 72px; overflow: hidden; }
.lsm_p { font-size: 14px; color: #999999; text-align: right; font-style: oblique; }
.news_con ul {  margin: 15px 0 0 0; }
.news_con ul li { overflow: hidden;  }
.news_con ul li a { margin: 0 0 0 80px; display:block; font-size: 16px; padding: 10px 0 10px 0; *padding-top: 9px; *padding-bottom: 9px; border-bottom: 1px solid #dddddd; }
.news_date { width: 59px; height: 20px; float: left; margin: 10px 0 0 0; }
.news_date .day { font-size: 12px; color: #37acb6; font-style: oblique; text-align: center; width: 27px; height: 18px; line-height: 18px; border: 1px solid #37acb6; float: left; }
.news_date .month { font-size: 12px; color: #ffffff; font-style: oblique; text-align: center; width: 30px; height: 20px; line-height: 20px; float: left; background: #37acb6; }

.Banner01 .flexslider{ width:320px; height: 180px; overflow: hidden; position: relative;}
.Banner01 .flexslider .slides { margin: 0px; }
.Banner01 .flexslider a{display:block; margin: 0px; padding: 0px; }
.Banner01 .flexslider li a.flex-prev {display: block; transition: all 1s ease 0s; width: 70px; height: 70px; background: url(../images/arrow_left_03.png) no-repeat; position: absolute; left: 50%; top: 50%; margin: -35px 0 0 -660px; z-index: 9999; text-indent: 9998px;}
.Banner01 .flexslider li a.flex-next {display: block; transition: all 1s ease 0s; width: 70px; height: 70px; background: url(../images/arrow_right_03.png) no-repeat; position: absolute; right: 50%; top: 50%; margin: -35px -660px 0 0; z-index: 9999; text-indent: 9998px;}

.Banner01 .flexslider li a:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8; }
.Banner01 .flexslider img{ display: block; width:100%;  }
.Banner01 .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:14px;color:#fff; padding-left: 50%; margin: 0 0 0 -660px;}
.Banner01 .flex-control-nav{ position:absolute;bottom:25px;right:50%; margin: 0 -660px 0 0; text-align: right;z-index:999}
.Banner01 .flex-control-paging li{ margin:0 10px 0 0;float:left;}
.Banner01 .flex-control-paging li a{ width: 9px; height: 10px;   background:url(../images/a_03.png) no-repeat; text-indent:9999px;}
.Banner01 .flex-control-paging li a:hover,.flex-control-paging li a.flex-active{background:none;width:9px;height:10px; background: url(../images/a_hover_03.png) no-repeat;}










.work { width: 560px; float: right; }
.work .title { height: 38px; line-height: 38px; margin-bottom: 25px; }
.work h2 { padding: 0 0 0 44px; background: url(../images/title02_03.png) no-repeat left center; width: auto; float: left; font-size: 24px; color: #333333; }
.work .title a { float: right; color: #666666; font-size: 14px; font-weight: bold; }
.work .title a:hover { font-weight: normal; }
.work ul { background: url(../images/bg_03.png) no-repeat; width: 560px; height: 370px; padding: 53px 0 0 0; }
.work ul li { float: left; width: 277px; height: 122px; background: url(../images/work_li_03.png) no-repeat right center; }
.work ul li.r { float: right; background: none; }
.work ul li p { font-size: 16px; color: #4cb5be; text-align: center; margin: 20px auto 5px; }
.work_con { font-size: 16px; color: #333333; line-height: 30px; width: 220px; margin: 0 auto; text-align: center; }














.mode02{max-width:1200px;overflow:hidden; margin: 36px auto 80px; }
.learning_link { overflow: hidden; }
.learning { width: 600px; float: left; }



.learning .title { height: 38px; line-height: 38px; margin-bottom: 18px; }
.learning h2 { padding: 0 0 0 44px; background: url(../images/title03_03.png) no-repeat left center; width: auto; float: left; font-size: 24px; color: #333333; }
.learning .title a { float: right; color: #666666; font-size: 14px; font-weight: bold; }
.learning .title a:hover { font-weight: normal; }
.learning ul li { padding: 0 0 0 20px; background: url(../images/li_03.png) no-repeat left center; }
.learning ul li .liIn { padding: 14px 0 14px 0; border-bottom: 1px solid #dddddd; overflow: hidden; *padding-top: 12px; *padding-bottom: 12px; }
.learning ul li .liIn a { width: auto; float: left; font-size: 16px; }
.learning ul li .liIn a:hover { color: #43cea2; }
.learning ul li .liIn span { float: right;  font-size: 12px; font-style: oblique; color: #999999; margin: 0 5px 0 0; }





.link { width: 561px; float: right; }
.link ul li{ width: 170px; height: 129px; background: url(../images/link_li_03.png) no-repeat; padding: 41px 0 0 0; float: left; }
.link ul li:hover { background: url(../images/link_li_hover_03.png) no-repeat; }
.link ul li a { width: 66px; padding: 44px 0 0 0; display: block; margin: 0 auto; }
.link ul li a p { margin: 20px 0 0 0; font-size: 16px; *margin-top: 55px; }
.link ul li:hover p { color: #ffffff; }
.link ul li.li01 { margin: 0 0 20px 0; }
.link ul li.li01 a{ background: url(../images/link01_03.png) no-repeat center top; }
.link ul li.li01:hover a { background: url(../images/link01_hover_03.png) no-repeat center top; }
.link ul li.li02 { margin: 0 25px 20px 25px; }
.link ul li.li02 a{ background: url(../images/link02_03.png) no-repeat center top; }
.link ul li.li02:hover a { background: url(../images/link02_hover_03.png) no-repeat center top; }
.link ul li.li03 { margin: 0 0 20px 0; }
.link ul li.li03 a{ background: url(../images/link03_03.png) no-repeat center top; }
.link ul li.li03:hover a { background: url(../images/link03_hover_03.png) no-repeat center top; }
.link ul li.li04 a{ background: url(../images/link04_03.png) no-repeat center top; }
.link ul li.li04:hover a { background: url(../images/link04_hover_03.png) no-repeat center top; }
.link ul li.li05 { margin: 0 25px; }
.link ul li.li05 a{ background: url(../images/link05_03.png) no-repeat center top; }
.link ul li.li05:hover a { background: url(../images/link05_hover_03.png) no-repeat center top; }
.link ul li.li06 a{ background: url(../images/link06_03.png) no-repeat center top; }
.link ul li.li06:hover a { background: url(../images/link06_hover_03.png) no-repeat center top; }
.link ul li.li07 a{ background: url(../images/link07_03.png) no-repeat center top; }
.link ul li.li07:hover a { background: url(../images/link07_hover_03.png) no-repeat center top; }
.link ul li.li08 a{ background: url(../images/link08_03.png) no-repeat center top; }
.link ul li.li08:hover a { background: url(../images/link08_hover_03.png) no-repeat center top; }
.link ul li.li09 a{ background: url(../images/link09_03.png) no-repeat center top; }
.link ul li.li09:hover a { background: url(../images/link09_hover_03.png) no-repeat center top; }
















/*图片轮播*/
.Banner .flexslider{ width:100%;   overflow: hidden; position: relative;}
.Banner .flexslider a{display:block; }
.Banner .flexslider li a.flex-prev {display: block; transition: all 1s ease 0s; width: 80px; height: 80px; background: url(../images/arrow_left_03.png) no-repeat; position: absolute; left: 50%; top: 50%; margin: -35px 0 0 -660px; z-index: 9999; text-indent: 9998px;}
.Banner .flexslider li a.flex-next {display: block; transition: all 1s ease 0s; width: 80px; height: 80px; background: url(../images/arrow_right_03.png) no-repeat; position: absolute; right: 50%; top: 50%; margin: -35px -660px 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%;  }
.Banner .flexslider .til_slides{ width:100%; height: 60px; position: absolute;bottom:0; left:0;  line-height: 60px;font-size:24px;color:#fff; padding-left: 50%; margin: 0 0 0 -660px;}
.Banner .flex-control-nav{ position:absolute;bottom:25px;right:50%; margin: 0 -660px 0 0; text-align: right;z-index:999}
.Banner .flex-control-paging li{ margin:0 10px 0 0;float:left;}
.Banner .flex-control-paging li a{ width: 12px; height: 12px;   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:12px;height:12px; background: url(../images/a_hover_03.png) no-repeat;}
.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: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; }
 .zhidu { width: 100%; float: none; }
 .banner { margin: 0px; }
 .work ul { background: none; width: 100%; padding: 0px; height: auto; overflow: hidden; }
 .work ul li { width: 48%; background: #f3f3f3; padding: 0 0 10px 0; height: auto; }
 .links01 a { color: #ffffff; }
 .work ul li p { background: #37acb6; margin: 0px auto; height: 30px; line-height: 30px; }
 .news { width: 100%; margin: 0 0 20px 0; float: none; }
 .work { width: 100%; float: none; }
 .learning { width: 100%; float: none; margin: 0 0 20px 0; }
 .link { width: 100%; float: none; }
 .link ul li { width: 30%; background: #f3f3f3; }
 .link ul li:hover { background: #37acb6; }
 .link ul li.li02 { margin: 0 5% 20px 5%; }
.link ul li.li05 { margin: 0 5% 20px 5%; }
.work ul li.r { background: #f3f3f3; }
.work ul li p { color: #ffffff; }
}

@media screen  and (max-width:800px) {
  .flex-control-nav{bottom:20px;}
  .flexslider .til_slides { display: none; }

  .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;}
  .learning ul li .liIn a { float: none; display: block; }
  .learning ul li .liIn span { float: none; margin: 5px 0 0 0; display: block; }
 }

@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:36px 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; }
  .work ul li { width: 100%; float: none; }
  .work ul li.one .li_title_con h3 { padding: 5%; height: auto; }
  .li_con { height: auto; }
  .Banner01 { float: none; margin: 0 auto 20px; }
  .lsm { margin: 0 auto; }
  .policy ul li { width: 100%; float: none; }
  .policy ul li a { height: auto; }
  .policy ul li span  { height: auto; line-height: 25px; }
  .mission ul li { width: 100%; float: none; margin: 0 0 2% 0; }
}
@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) {

}