@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;}
.wrap_mode01 { width: 100%; background: #f2f3f7; }
.mode01 { max-width: 1200px; margin: 0 auto; overflow: hidden; }
.mode01 .lf { width: 75%; float: left; }
.banner-number{height: 30px;line-height: 30px;width: 40px;color:#fff;font-size:18px;margin-left:-20px;text-align: center;position:absolute;bottom:17px;right:65px;z-index:19}
.banner-number span{color:#fff;}
.mode01 .rt { width: 23.3%; float: right; }
.link ul li { margin: 19px 0 0 0; }
.link ul li span{display: block;width: 100%;height: 0;padding-bottom: 80%;overflow: hidden;position: relative;}
.link ul li strong{height: 50px;width: 100%;background:url(../images/link_bg.png) no-repeat top center;background-size:cover;position: absolute;left:0;bottom: 0;font-size: 25px;color:#fff;line-height: 48px;text-align: center;;font-weight: normal;letter-spacing: 2px;}
.mode02{max-width:1200px;overflow:hidden; margin: 36px auto 0; }
.mode02 .lf { width: 61.67%; float: left; }
.mode02 .rt { width: 32.5%; float: right; }

.news { width: 100%;  }
.news .title { height: 38px; line-height: 38px; border-bottom: 2px solid #47d392;  }
.news h2 { width: auto; font-size: 18px; color: #47d392; }
.news .title a { float: right; color: #333333; font-size: 1.5em; padding: 0 22px 0 0; background: url(../images/more_07.png) no-repeat right center; }
.news .title a:hover { font-weight: bold; }


.news_con { overflow: hidden; margin: 24px 0 0 0; }
.news_left { width: 43%; float: left; }
.news_left img { display: block; }
.imgResize{display: block;width: 100%;height: 0;padding-bottom: 55.35%;overflow: hidden;background-color: #ccc}
.left_con h3 { font-size: 16px; color: #666; margin: 10px 0 10px 0;height: 44px;line-height: 22px;overflow: hidden; }
.left_con h3 a { display: block; }
.left_con { padding: 12px 20px 17px 20px; background: #f5f5f5; border-top: 2px solid #2390d1; }
.left_con p { font-size: 12px; color: #888; line-height: 22px;height: 44px;overflow: hidden; }
.news_right { width: 51.3%; float: right; }
.news_right li p { font-style: oblique; color: #6ad9a3; font-weight: bold; padding: 0 0 5px 12px;font-size: 14px;}
.news_right li a { height: 35px; line-height: 35px; background: #f5f5f5; display: block; padding: 0 0 0 12px; font-size: 15px;overflow: hidden; }

/*图片轮播*/
.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: 24px; height: 24px; background: url(../images/arrow_left_03.png) no-repeat; position: absolute; right: 114px; bottom:20px; z-index: 19; text-indent: 9998px;}
.Banner .flexslider li a.flex-next {display: block; transition: all 1s ease 0s; width: 24px; height: 24px; background: url(../images/arrow_right_03.png) no-repeat; position: absolute; right: 30px; bottom: 20px; z-index: 19; text-indent: 9998px;}
.Banner .flexslider .slides > li >a{display: block;width: 100%;height: 0;padding-bottom: 56.2%;overflow: hidden;}
.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:400px; height: 125px; padding: 15px 30px 0 30px; position: absolute;bottom:34px; left:30px;background:url(../images/banner_bg.png) repeat; line-height: 60px;font-size:14px;color:#fff;   }
.til_slides_con { font-size: 18px; line-height: 28px; color: #ffffff; padding: 0 0 15px 0; border-bottom: 2px solid #1cc4e9; }
.Banner .flexslider .til_slides p { font-size: 14px; color: #47d392; padding: 0 12px 0 0; height: 14px; line-height: 14px; margin: 20px 0 0 0; background: url(../images/p_03.png) no-repeat 67px center; }
.Banner .flexslider .til_slides p a{color: #47d392;}
.Banner .flex-control-nav{ display: none;   text-align: right;}
.Banner .flex-control-paging li{ margin:0 10px 0 0;  position: absolute;  }
.Banner .flex-control-paging li a{ display: none; font-size: 24px; color: #ffffff; font-style: oblique; background: none; font-family: Arial; }
.Banner .flex-control-paging li a:hover,.flex-control-paging li a.flex-active{ display: block; }
.number { position: absolute; right: 64px; bottom: 17px; font-size: 24px; color: #ffffff; font-style: oblique; background: none; font-family: Arial; z-index: 999; }
.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;}
.contact_con { padding: 25px; border: 2px solid #ccccc2; }


.little_link { background: #f2f3f7; }
.little_link ul li img{width: 100%;}
.little_link ul li.li01 a { display: block; overflow: hidden; }
.little_link ul li.li01 a strong { float: left;width: 47% }
.little_link ul li.li01 a span { float:right; font-size: 16px;width: 52%;margin-top: 8%;text-align: center;}
.little_link ul li.li01 a:hover span { color: #47d392; }

.little_link ul li.li02 a { display: block; overflow: hidden; }
.little_link ul li.li02 a strong { float: right;width: 52%  }
.little_link ul li.li02 a span { float: right; margin: 25px 18px 0 0; font-size: 16px; }
.little_link ul li.li02 a:hover span { color: #47d392; }
.little_link ul li strong i{display: block;width: 100%;height: 0;padding-bottom: 41.05%;overflow: hidden;}

.mode03 {width: 1200px; margin: 25px auto 10px; }
.contact .title { margin: 25px auto 10px; }
.contact .title h2 { font-size: 18px; color: #47d392; }
.contact_con { overflow: hidden; }
.contact_con ul { width: 33.3%; float: left; }
.contact_con ul li { line-height: 36px; }
.contact_con ul li.last a{ font-size: 16px; line-height: 24px; display: inline-block; margin: 5px 0 0 10px; }
.contact_con span { font-size: 16px; color: #333333; float: left; font-weight: bold; }
.contact_con a { font-size: 16px; color: #333333; margin: 0 0 0 10px; display: inline-block; }

.mode04 {width: 1200px; margin: 25px auto 40px; }
.friendLink .title { margin: 25px auto 15px; }
.friendLink .title h2 { font-size: 18px; color: #47d392; }
.friendLinkIn ul { overflow: hidden; }
.friendLinkIn ul li { width: 20%; float: left; text-align: center; }
.friendLinkIn ul li a { font-size: 15px; color: #666; margin: 0 6px 0 6px;  background: #f5f5f5; height: 40px; line-height: 40px; border-top: 2px solid #ccccc2; display: block;overflow: hidden; }
.friendLinkIn ul li a:hover { font-weight: bold; }
.friendLinkIn ul li.first a { margin-left: 0px; }
.friendLinkIn ul li.last a { margin-right: 0px; }
@media screen  and (max-width:1200px) {
 .mode01,.mode02,.mode03,.mode04 {width:1024px;}
}

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

  .mode01{padding-left:15px;padding-right: 15px;width:auto;}
 .mode02,.mode03,.mode04,.mode05{width:auto;margin:36px auto;padding-left:15px;padding-right: 15px;}
  .flex-control-nav { right: 2%;margin: 0px; }
  .flexslider .til_slides { width: 100%; padding-left: 20px; margin: 0px; }
 .banner { margin: 0px; }
 .link ul li{width: 50%;float: left;margin:0;}
 .link ul li > a{display: block;margin:0 10px;}
 .link ul li span {padding:0;height: 55px;}
 .link ul li span img{display: none;}
 .mode01 .lf { width: 100%; float: none; }
 .mode01 .rt { width: 100%; float: none; margin: 20px auto;overflow: hidden; }
 .mode02 .lf { width: 100%; float: none; margin: 0 0 20px 0; }
 .mode02 .rt { width: 100%; float: none; }
 .news_left img { width: 100%; }

 .little_link ul li.li01 a span { float: none; display: block; margin: 10px auto; width: 100% ;font-size: 14px;}
 .little_link ul li.li01 a strong,.little_link ul li.li02 a strong{display: block;float: none;width: 100%;}
 .little_link ul li.li02 a img { float: none; display: block; width: 100%; }
 .little_link ul li.li02 a span { float: none; display: block; margin: 10px auto;width: 100%;font-size: 14px; }
 .little_link ul li { width:20%; float: left; text-align: center; }
 .little_link ul li a { margin: 0 1%; }
   .friendLinkIn ul li { width: 33.3%; margin: 0 0 10px 0;  }
   .friendLinkIn ul li.first a { margin-left: 6px; }
   .friendLinkIn ul li.last a { margin-right: 6px; }
 }
@media screen  and (max-width:1000px) {
.little_link ul li span{height: 20px;line-height: 20px;overflow: hidden;}
.contact_con ul { width: 50%;}
}
@media screen  and (max-width:800px) {
  .flex-control-nav{bottom:20px;}
  .flexslider .til_slides { display: none; }
  .link ul li strong{font-size: 18px;}

}
@media screen  and (max-width:700px) {
  .contact_con ul { width: 100%; }
  .contact_con span{margin-right: 10px;}
	}

@media screen and (max-width:640px) {
  .news_left,.news_right{width: 100%;float: none;margin-bottom: 15px;}
  .news_pic{width:300px;}
  .news_list{margin-left:330px;}
  .little_link ul li { width: 50%; }

 }

@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;}
  .Banner01 { float: none; margin: 0 auto 20px; }
  .friendLinkIn ul li { width: 50%; }
}
@media screen and (max-width:480px) {
 .title01 h2{font-size:18px;width:88px;padding-left:39px;}
 .mode02 .title01 h2{width:104px;}
 .link01 ul li { width: 100%; float:none; margin: 0 0 10px 0; }
 .little_link ul li { width: 100%; } 
.friendLinkIn ul li,.link ul li { float: none; width: 100%; }
}

@media screen and (max-width:480px) {
.news_right li a { line-height: 20px; padding: 10px; }
}

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