﻿@charset "utf-8";
*{ font-size:16px;padding:0px; margin:0px }
body{color:#000;background-color: #FFF;	padding:0px; margin:0px auto;overflow:scroll;overflow-x:hidden;overflow-y:auto; 
font-family: Microsoft YaHei,Helvitica,Verdana,Tohoma,Arial,san-serif;font-size:16px; max-width:640px;}
div{ margin:0; padding:0; border:0; color:#333333; }
img{ margin:0; padding:0; border:0; }
/*p{ margin: 0px 0px 1em 0;}*/
b,strong {font-weight: bold;}
table { border-collapse: collapse; border-spacing: 0;/* Remove most spacing between table cells.*/}
li{ list-style: none outside none;}
a{ text-decoration:none; color:#000; background: transparent;  outline:none}
a:visited {color:#000; }
a:focus { outline:none; }
a:hover, a:active{ color:#c00000; outline:none;}

h1 { font-size: 1.3em;margin:  0;}
h2 {font-size: 1.2em; margin: 0;}
h3 { font-size: 1.17em;margin: 0;}
h4 {font-size: 1em;margin:0;}
h5 {font-size: 0.83em;margin: 0;}
h6 { font-size: 0.67em;margin: 0;}

form {margin: 0;}
button,input,select,textarea {
    font-size: 100%;  /* Correct font size not being inherited in all browsers. */
    margin: 0;  /* Address margins set differently in IE 6/7, Firefox 3+, Safari 5,and Chrome */
    vertical-align: baseline; /* Improve appearance and consistency in all browsers */
    *vertical-align: middle; /* Improve appearance and consistency in all browsers */
}

blockquote {margin: 1em 40px;}
dfn {font-style: italic;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
code, kbd, pre, samp {font-size: 1em;}
pre {margin: 1em 0; white-space: pre;white-space: pre-wrap;word-wrap: break-word; }
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0; position: relative;vertical-align: baseline; /* Prevent `sub` and `sup` affecting `line-height` in all browsers.*/}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
dl{margin: 1em 0;}
dd {margin: 0 0 0 40px;}
audio:not([controls]) {display: none; height: 0;}

.blue {color: #00F !important;}
.green {color: #0F0 !important;}
.red {color: #F00 !important;}
.black {color: #000000 !important;}
.white {color: #FFFFFF !important;}
.gray { color:gray; !important; }
.purple { color:purple;  !important;}

.clear { display:block; clear:both;}
.float_left { float:left; }
.float_right { float:right; }

.left { text-align: left}
.right {text-align: right}
.center{ text-align: center}

.hide { display:none; }  /*隐藏*/
.more{ float: right; display:block; } /*more链接*/
.more a{ color: #fa9239;}
.code_image{ cursor: pointer; padding-bottom:6px;} /*验证码图片样式*/

.required{ color:red; font-weight:bold;}
.form_text_verifycode { width:80px; }
.form_radio{ width:auto; border:0;}
.form_checkbox{ width:auto; border:0}

/*按钮*/
.btn{	width:100%; padding:9px 0px;font-size:16px;text-decoration:none; margin:5px 0px; cursor:pointer;
	-webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px;
	background:#E51A16;border:0px solid #0B8E00; color:#ffffff; display:block; text-align:center; }
.btn:active{}

.btn_download{color:#ffffff; display:block; text-align:center; cursor:pointer;	
	width:80px; text-decoration:none; margin:0px; 
	background:#179F00;
	-webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px;
	text-indent:0; }
.btn_download:active{	padding:0px;top:0px;
	background-image:-o-linear-gradient(bottom,  #5DD300 0%, #179F00 100%);
	background-image:-moz-linear-gradient(bottom,  #5DD300 0%, #179F00 100%);
	background-image:-webkit-linear-gradient(bottom,  #5DD300 0%, #179F00 100%);
	background-image:-ms-linear-gradient(bottom,  #5DD300 0%, #179F00 100%);
	background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, #5DD300),color-stop(1, #179F00));
	background-image:linear-gradient(bottom, #5DD300 0%, #179F00 100%);
	-webkit-box-shadow:0 1px 0 #5DD300 inset, 0 1px 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:0 1px 0 #5DD300 inset, 0 1px 2px rgba(0, 0, 0, 0.5);box-shadow:0 1px 0 #5DD300 inset, 0 1px 2px rgba(0, 0, 0, 0.5); }
.btnSmsCode{ width:90%; float:right; padding:6px 0; font-size:14px;}


.ChannelName{}
.ChannelContent{ clear:both; padding:3px; line-height:1.8em}
.ChannelSContent{}

.InfoTitle, .ChannelName{ font-size:18px; line-height: 1.5em; vertical-align:middle; }
.InfoTime{color:#999; text-align:left; font-size:12px; padding:2px 0px; height:25px}
.InfoContent{ font-size:17px; line-height:1.8em; }
.InfoContent p{ font-size:17px}
.InfoPicture{ text-align: center;}
.InfoPicture img{width:100%;}
.f1{}
.f2{}
.f3{}
.f4{}
.f5{}
.ShowInfo{ height: 30px; line-height: 1.5em; font-size:18px; border-top: 1px solid #bdbec1; vertical-align:middle; padding-top:5px; color:#000000;}
#ReadLevelTip{ font-weight:bold; color:red;}
.Tag{ text-align: left; font-weight:bold; }
.Tag b{}
.Tag a{ padding:0 3px; font-weight:normal; text-decoration:none;}
.InfoContent img, .ChannelContent img{max-width:100% !important; height:auto !important }
#dituContent img{ max-width:none;}


.left_title2{ float:left;width:100%;border-top:3px solid #ed1111; clear:both; height:40px; line-height:40px; background: #FFF url(../images/title2.png)  repeat-x center; overflow:hidden}
.left_title2 div  a { color:#c3140f; font-size:20px;font-weight:bold;}
.left_title2 div { float:left;color:#c3140f; font-size:20px;font-weight:bold;text-align: center;width:50%;}
.left_title2 div.hover{ background:url(../images/title.png)}





.left_title{ border-top:3px solid #ed1111; clear:both; height:44px; line-height:38px; background:url(../images/left_title.png) 0 0 repeat-x;}
.left_title h2 { color:#c3140f; text-indent:2px; overflow:hidden; }
.left_title h2 a { color:#c3140f; }
.left_body{ padding:3px 5px;}
.left_bottom{ clear:both; height:5px; }





body_index, .body_single, .body_article, .body_picture, .body_download, .body_video, .body_product,  .body_job, .body_guestbook, .body_feedback{ }
.index, .single, .article, .picture, .download, .video, .product, .job, .guestbook, .feedback{ width:100%; margin:0px auto }
#top, #logo, #navigation, #banner, #location, #announcement, #link, #copyright { width: 100%;  margin: 0px auto;}

#index_1,#index_2,#index_3{ overflow:hidden; position:relative; margin-bottom:0px;margin-top:0px;}
#index_1 .hd { position:absolute; right:0; z-index:2; bottom:0px; right:5px;}
#index_1 .hd ul li {display:inline-block; width:30px; height:30px; line-height:30px; background:#000; opacity:0.5; overflow:hidden;
 text-align:center; color:#fff; font-weight:bold; }
#index_1 .hd ul .on { background:#f60;}
#index_1 .bd { position:relative; z-index:0;}
#index_1 .bt {padding:5px;text-indent:0em; color:#fff; position:absolute; width:350px; bottom:0px; z-index:1; height:auto; line-height:28px; background:#333; background-color:rgba(0,0,0,0.6);word-wrap:break-word;display:inline;}
#index_1 .bt a{font-weight:bold;color:#fff;font-size:22px;opacity:0.99;word-wrap:break-word;}




/*Logo部分*/
#logo{ background:url(../images/logo_main.png) repeat-x; background-size:100% 100%; position:relative}
#logo .WebLogo{ text-align:center;  }
#logo .WebLogo img{ max-width:100%; display:block;/*解决img底部空白的bug*/ margin:0 auto;}



.search-input-box {
    overflow: hidden;position: absolute; width:200px; top:10px;right:10px;border: 1px solid #E8E8E8;background-color: #FFFFFF;	-webkit-border-radius:5px; -moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;
}
.input-keywords {
    width: 100%;
    height: 32px;
    border: none;
    padding-left: 10px;
}

.btn-search {
    position: absolute;
    top: 7px;
    right: 16px;
    width: 20px;
    height: 20px;
    border: none;
    outline: 0;
    background:url(../images/ss.png) no-repeat center;
}





#banner { margin-bottom:0px;}
/*幻灯片标题*/
 .flex-caption { width:100%; padding:3px 0px; position: absolute; bottom: 3px;color: #fff;text-align: right;font-size: 14px;line-height: 22px;height:22px;}
/* FlexSlider Necessary Styles*/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.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 { margin: 0px; background: #fff; border: 0px solid #fff; position: relative;  zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 3s ease; -moz-transition: all 3s ease; -o-transition: all 3s ease; transition: all 3s 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  { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.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; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* 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; }
.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: -40px; text-align: center;}*/
.flex-control-nav{ width: 100%;position:absolute; bottom:10px;  margin:0px; text-align: center; border:0px dashed red}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.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;}
/*===FlexSlider幻灯片  结束===*/

/*当前位置*/
#location{ padding:2%;margin: 0; border-bottom: 0px solid #167312;color:#000;  height:1.5em; line-height:1.5em; clear:both; }
#location a{color:#000}

.article{ width:96%;margin:2%;}


.page {padding:1px; height:auto; clear:both; line-height:0.5em; text-align:center; margin-top:5px;}
.page a, .page span {border:1px solid #D3D1D1; padding:2px 3px; margin: 3px 0px 3px 4px; line-height:22px; background-color:#FFFFFF}
.page a:link, .page_turner a:visited { text-decoration:none; }
.page a:hover { background:#CC0001; color:#ff9900; }
.page .current{ background:#CC0001; color:#FFF;}
.page #total{color:red}
.page .pageinfo{ display: none}
.page .pagefirst{ display: none}
.page .pageend{ display: none}


#copyright{text-align:center; font-size:14px; color:#666; border:0px solid red; margin-bottom:0px; background:#fdead1;}
#copyright a{color:#666; font-size:14px;}
#copyright .TechnicalSupport{ text-align:center; padding-bottom:5px;font-size:14px;}
#copyright .TechnicalSupport a { font-size:14px;}
#copyright .bottom_copyright{ padding:3px 0px; font-size:14px;}
#copyright .bottom_navigation{ text-align:center; height:35px; line-height:35px; background:#71C6A0; font-size:14px; display:none}
#copyright .bottom_navigation a{ font-weight:normal; color:#000}
#copyright .Mobile{text-align:center; height:35px; line-height:35px; background:#E51A16;}
#copyright .GoTop{text-align:center; height:35px; line-height:35px; background:#E51A16; font-weight:bold; color:#fff;}
#copyright .Mobile a{ font-weight:normal; color:#fff; font-weight:bold;}



.textlist li,.textlist1 li, .gridlist li, .wxlist li, .thumblist li{ font-size:16px; line-height:1.5em; vertical-align:middle; background-color:#FFF; overflow:hidden;}
.textlist li:hover, .thumblist li:hover, .gridlist li:hover{cursor:pointer;}

.textlist li{background:url(../images/textlist.png) left center no-repeat; text-indent:14px;padding: 5px 0px; 
text-overflow:ellipsis; white-space:nowrap;border-bottom:1px dotted #999999; }
.textlist li.first{ background:none; text-indent:0;}
.textlist li .InfoTime{ display: none;}
.textlist li .InfoContent{ font-size:14px; color:#CCCCCC; white-space:normal}
.textlist li img{ float:left; width:85px; margin-right:5px; border:1px solid #c00000; }

.textlist1 li{background:url(../images/textlist.png) left center no-repeat; text-indent:14px;padding: 5px 0px; 
text-overflow:ellipsis; white-space:nowrap;border-bottom:1px dotted #999999; }
.textlist1 li.first{ background:none; text-indent:0;}
.textlist1 li .InfoTime{ display: none;}
.textlist1 li .InfoContent{ font-size:14px; color:#999; white-space:normal}
.textlist1 li img{ float:left; width:85px; margin-right:5px; border:1px solid #c00000; }


/*橱窗列表*/
.gridlist li{width:33%;overflow:hidden;float:left; line-height:0em;}
.gridlist li .InfoTitle{ height: 30px; line-height:30px; overflow: hidden; font-size:14px; padding:0px 5px; text-align:center;}
.gridlist li .InfoPicture { padding:0px 5px;}
.gridlist li .InfoPicture img{ border:1px solid #999999;}
.gridlist li .InfoPicture:hover img{border:1px solid #c00000;}

.gridlist1 li{width:100%;overflow:hidden;float:left; line-height:0em; }
.gridlist1 li .InfoTitle{ height: 36px; line-height:36px; overflow: hidden; font-size:34px; padding:0px 5px; text-align:center;}
.gridlist1 li .InfoPicture { width:100%;}
.gridlist1 li .InfoPicture img{width:100%; height:270px;}



.subchannellist{ width:99%;border:0px solid red; margin:0px auto;}
.subchannellist li{float:left;text-align: center; border:0px dashed blue; width:25%; }
.subchannellist li a{display:block; margin:8px 3px;  padding:5px 0px;background-color:#FFFFFF;border:1px solid #CCC ;}
.subchannellist #current a { color:#FFF; background:#3d8a32;}


.inforelationlist li{background:url(../images/textlist.png) left center no-repeat; text-indent:14px;padding: 5px 0px;
 overflow:hidden; text-overflow:ellipsis; white-space:nowrap;border-bottom:1px dotted #999999; }







.rslides {
  position: relative;
  list-style: none;
  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 {
  margin-bottom: 10px;
  position: relative;
  float: left;
  width: 100%;
  }

.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 .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 16px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  }
 .slide .caption2 {
  display: block;
  z-index: 2;
  font-size: 16px;
  text-shadow: none;
  color: #000;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  } 
 .slide_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../images/themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.slide_nav:active {
  opacity: 1.0;
  }

.slide_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }
  
.bdsharebuttonbox{ margin-bottom:10px;}


.sygg{ margin-top:5px; margin-bottom:5px;}
/*#nav-smartSetup  ul{padding-top:8px;}
#nav-smartSetup  ul li{float:left;width:20%;height:30px; line-height:30px;line-height30px;text-align:center;font-size:16px}
#nav-smartSetup  ul li a{ color:#fff;}
#nav-smartSetup  ul li.cur{ background:#F90}
#nav-smartSetup {background:#C00; overflow:hidden}*/











.twlb { margin-bottom:10px; overflow:hidden; width:100%;}
.twlb .news_tu{ float:left; width:135px;}
.twlb .news_tu img{ width:135px; height:90px;}
.twlb .news_wz{ float:right; width:-webkit-calc(100% - 150px); 
width:-moz-calc(100% - 150px); 
width:calc(100% - 150px); height:90px; position:relative}
.twlb .news_title{ font-size:14px; font-weight:bold;height:50px; line-height:25px; overflow:hidden;}
.twlb .news_digest{ clear:both; height:20px; line-height:20px; overflow:hidden; color:#999; position:absolute; bottom:0px;left:0px;}




