@charset "utf-8";
/* CSS Document */
.banner{ width:100%; position: relative; margin:4px 0 15px 0; overflow:hidden;}
.banner_wrap{ max-width:956px;  margin:0 auto; position:relative;}
.motto .motto_lf{ position:absolute; top:20%; left:-70px;}
.motto .motto_rt{ position:absolute;top:20%; right:-70px;}
#main{ width:100%;overflow:hidden;}

body{overflow-x:hidden;}
/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
.flexslider .til_slides { width: 100%;height: 40px;position: absolute; bottom: 0;background: url(../images/banner_bg.png) repeat;font-weight: bold;line-height: 40px;font-size: 16px;color: #fff;padding-left: 10px;}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;position:relative} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li a{display: block;}
.flexslider .slides > li.clone{position:relative}
.flexslider .slides img {width: 100%; display: block;height:100%;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider {position: relative;zoom:1;overflow: hidden; }

.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 40px; height: 48px; margin: -50px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8);  text-indent:-999em }
.flex-direction-nav .flex-prev { left: -50px; background:url(../images/lf.png) no-repeat center center; }
.flex-direction-nav .flex-next { right: -50px;  background:url(../images/rt.png) no-repeat center center;}
.flexslider:hover .flex-prev { opacity: 0.7; left: 0px;}
.flexslider:hover .flex-next { opacity: 0.7; right: 0px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; background:#ddd}
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }
/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 2px; *bottom:13px; right:8px; text-align: center; z-index:889; }
.flex-control-nav li { margin: 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a { width: 10px; height: 10px; display: block; background: #fff; cursor: pointer; text-indent: -9999px;border-radius:10px; }
.flex-control-paging li a:hover {background: #265e5d;}
.flex-control-paging li a.flex-active { background: #265e5d;}
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}


/*滚动图*/
     .out{
      max-width: 956px;
      margin: 0 auto;
     }
     .out .img{
       width: 68%;
       height: 100%;
       position: relative;
     }
	 
	 .out .img span{ display:none; width:97%; position:absolute; bottom:0; left:0; background:#969696; padding:0 10px; font-size:1.4em; color:#fff; line-height:30px;}
	 
     .out .img a{
      position: absolute;
     }
    .out .img a:first-child{
      z-index: 1;
     }
     .out .z{
      width: 31%;
     }
    .out .z ul li{
      width: 100%;
      height: 80px;
      margin-bottom: 6px;
      background: #969696;
      position: relative;
      cursor: pointer;
     }
    .out .z ul li p{
      padding: 15px;
      font-size: 14px;
      color:white;
     }
    .out .z ul li img{
      position: absolute;
      left:-17px;
      top:50%;
      margin-top: -15px;
      display: none;
      z-index: 2;
     }
    .out .z ul li.on{
      background: #82A3BB;
     }
    .out .z ul li.on img{
      display: block;

     }


    .out .fl{
  float:left;
  _display:inline;
}
.out .fr{
  float:right;
  _display:inline;
}
.out .blk{
  display:block;
}
.out .rl{
  position:relative;
}
.out .hidden{
  display:none;
}

.out .autoSize{
  visibility:hidden;
}

/*滚动图*/


.content{width:100%;overflow:hidden;}
.mode01{ max-width:956px;overflow:hidden; margin:0 auto;}
.mode01 .lf{ width:47%; float:left; overflow:hidden;}
.mode01 .rt{ width:47%; float:right; overflow:hidden;}

.mode02{ max-width:956px;overflow:hidden; margin:30px auto auto auto;}

/*热点新闻*/
.articleList01{ overflow:hidden;}
.articleTitle01{margin-bottom:1.2%; overflow:hidden; background:url(../images/tit_bg.jpg) repeat-x; height:45px; line-height:45px;}
.articleTitle01 .title{ font-size:1.8em; padding-left:22px;color: #fff;}
.tbg01 .title{ background:url(../images/tbg01.png) no-repeat left center;}
.more{ float:right; text-align:center; color:#999999; padding:15px 10px; font:12px Arial; background:#e0dfdf;}
.more02{ margin:0 auto;display:none; width:110px; height:34px; border:#0073cd 1px solid; text-align:center; color:#0073cd; line-height:34px; font-size:1.4em; margin-top:30px;}


.articleList01 ul.newsImg{ overflow:hidden; border-bottom:#ccc 1px dashed; padding-bottom:18px;}
.articleList01 ul.newsImg li{ float:left; width:31%; margin-right:3.2%;}
.articleList01 ul.newsImg li:last-child{ margin-right:0;}

.news_pic03{overflow:hidden;}
.news_pic03 h2{ font-size:1.6em; padding:9px 0; font-weight:normal; line-height:25px;}
.news_pic03 a:hover h2{ color:#265e5d;}
.news_pic03 p.newscon{ font-size:1.4em; color:#5d5d5d; line-height:22px; color:#999999;text-align:left;}
.news_pic03 span.rightDate01{ display:block; height:25px; line-height:25px; padding-left:30px; overflow:hidden; background:url(../images/rl.png) no-repeat left center; font-size:1.4em; text-align:left; font-family:'Cambria'; color:#999999; margin-bottom:7px;}

.articleList01 dl{ overflow:hidden;}
.articleList01 dl dd{padding:7px 0;background: url(../images/sj.jpg) no-repeat 1px 13px;padding-left: 18px;}

.articleList01 dl dd a{font-size:1.2em;color:#646363;display: block;margin: 0 40px 0 0;height: 16px;line-height: 16px;overflow: hidden;width: 90%;text-overflow: ellipsis;white-space: nowrap;}
.articleList01 dl dd a:hover{ text-decoration:underline;}
.articleList01 dl dd span{font-size: 1.2em;color: #a3a6ab;font-family: 'Arial';font-weight: normal;float: right;}



.linksName,.textLink,.picLink{
	border:1px solid #dfdfdf;
	height:41px;
	overflow:hidden;
}
.linksName{
	width:16%;
	border-right:none;
	text-align:center;
	background:url(../images/links_bg.jpg) no-repeat;
	font:16px/41px "微软雅黑";
	color:#454545; float:left;
}
.textLink{
	width:69%;
	background:#f2f2f2;
	border-left:none;
	border-right:none;
	position:relative; float:left;
}
.textLink a{
	margin:0 18px;
	line-height:41px; font-size:1.4em;
}
.textLink .more{
	position:absolute;
	top:0;
	right:0;
	margin:0; padding:0;
	font-size:12px;
	font-family:"宋体";
	color:#999; background:#f2f2f2; padding:0 10px;
}
.brochure{
	display:block; float:right; width:14%;
}





@media screen  and (max-width:956px) {
		   .nav ul li {margin: 0 0.8%;}

	
}
@media screen and (max-width:907px){
           .nav ul li {margin: 0 0.5%;}

@media screen and (max-width: 800px) {
       
	   #ser2{display:block; left:10px; top:10px;}
	  .snav .english{ left:150px; top:10px; display:block;}
	   .search{ width:100%;}
	   
	   .mode01,.mode02,.mode03{ padding:2% 1%;}
	   .out .z ul li{ height:auto;}
 
}
@media screen  and (max-width:750px) {
	   .out .img{ width:100%;}
       .out .img span{ display:block;}
       .out .z{ display:none;}
	   .banner{ padding-bottom:40%;}
   }

@media screen  and (max-width:600px) {
        .mode01 .lf{ width:100%; float:none;}
	   .mode01 .rt{ width:100%; float:none; margin-top:3%;}
   }