/*
html5doctor.com Reset Stylesheet
v1.4.1
2010-03-01
Author: Richard Clark - http://richclarkdesign.com
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, abbr, address, em, img, strong, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, canvas, figcaption, figure, footer, header, menu, nav, section, time, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

html { font: 16px/24px "Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu,Tahoma,Verdana,Arial,sans-serif;}

@media only screen and (max-width: 480px) { html, body { font: 14px/21px "Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu,Tahoma,Verdana,Arial,sans-serif;} }
html, body { width: 100%;}

body { height: 100%; line-height: 1.5;}

:focus { outline: 1;}

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block;}

ul { list-style: none;}

a, button, input { -webkit-tap-highlight-color: transparent; -webkit-tap-highlight: transparent; -webkit-text-size-adjust: none; -webkit-appearance: none; outline: none;}

a { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none;}

abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help;}

table { border-collapse: collapse; border-spacing: 0;}

hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0;}

input, select { vertical-align: middle;}

.float_right { float: right;}

.float_left { float: left;}

.clearfix:after { content: ''; display: table; clear: both;}

.clearfix { zoom: 1;}

body { margin: 0 auto; font-size: 14px;}

  /*
  *
  * %   
  *
  **/

.in-top {width: 85%; max-width: 1100px; margin: 0 auto;}

.top { overflow: hidden; width: 100%; height: 200px; background: url(../images/topshade.png) repeat-x #96312c;}
.top .in-top { max-height: 200px;}
  /*
  *
  * %   
  *
  **/
.top-left img { width: 50%; min-width:400px; max-width: 600px; height: 50%; margin: 43px 0 41px;}
.top .top-right { float: right; margin-top: 86px;}
.top .search { font-size: 0px;}

/* add .top .search input */

.top .search td input { border:none; background-color: transparent; vertical-align: bottom; }
.top .search td img { vertical-align:bottom; } 

.top .search td img { *vertical-align:middle; }
.top .search td img { vertical-align:middle\0; }

/* add time  */
.top .time { margin-top: 15px;}
.top-right span {color: #fff; font-size: 12px;}

.nav { position: relative; width: 100%; height: 40px; text-align: center; background: #ad1e26 url(../images/tabshade.png) no-repeat;}

  /*
  *
  * %   
  *
  **/
  .nav > ul { width:85%; max-width: 1200px; margin: 0 auto;}
  .nav > ul > li, .nav > ul > li > a { width:12%; max-width: 200px; height: 40px; line-height: 40px;}
.nav > ul > li > a { font-size: 18px; width: 100%;text-decoration:none; color: #fff;  }

/*   
*
* 
*/

.nav > ul > li > a .down { height: 40px; line-height:40px; float: right; vertical-align: middle; }

.nav a .down img { margin-top: 20px; }

.nav ul { zoom: 1;}
.nav ul:after { content: ''; display: table; clear: both;}
.nav ul li { float: left;}
.nav a { display: block; color: #fff;}

ul.sub-nav { position: absolute; left: 0; top: 40px; z-index: 2; display: none; width: 100%; min-height: 25px; background: rgba(0, 14, 0, 0.4); *background: #000e00; *filter: alpha(style=1, Opacity=60, finishOpacity=60); background: #000 \0; filter: alpha(style=1, Opacity=60, finishOpacity=60) \0;}
ul.sub-nav li { height: 25px; line-height: 25px; padding: 0 5px;}

.nav > ul > li > a:hover { border-top: 5px solid #fff; margin-top: -5px;}

.sub-nav li a, .sub-nav li a:hover, .sub-nav li a:active , .nav > ul > li > a:hover,.nav > ul > li > a:active {color: #fff; }
.banner { width: 100%;}
.banner img { width: 100%; }

.footer { overflow: hidden; width: 100%; height: 150px; margin-top: 20px; color: #fff; background: #9f151d;}
 /*
  *
  * %   
  *
  **/
  .footer .infooter { width:100%;  max-width: 1200px; margin: 0 auto; text-align: center;}
.footer .link-list { display: inline-block; *display:inline; *zoom:1; margin-top: 40px;}
.footer .link-title, .footer li a { color: #fff;}
.footer li a:hover, .footer li a:active { color: #000;}
.footer .link-title { margin-right: 39px; font-size: 16px;}
.footer .link-title .linkpic { vertical-align: middle; margin-right: 16px;}
.footer .copyright { margin-top: 18px;}
.footer li { list-style: none;}
.footer li a { display: block; vertical-align: middle; height: 35px; line-height: 35px; padding-right: .39px; font-size: 16px;}
.footer li .link-dot { display: inline-block; *display:inline; *zoom:1;  vertical-align: middle; width: 7px; height: 7px; margin: 0 23px; background: #fff; border-radius: 99px;}
  /*
  *
  * %   
  *
  **/
  .block-content { width: 85%; max-width: 1200px; margin: 0 auto; margin-top: 20px;}


.title-one, .one-more, .title-three, .title-four, .four-more { height: 40px; line-height: 40px;}

.title { margin-bottom: 3px;}

.block-content-title, .title-one { display: inline-block; *display:inline; *zoom:1;  text-align: center; color: #fff; font-size: 16px; border-radius: 3px;}

.title-one { width: 141px; background:url(../images/beijing_03.png) no-repeat top left;}
.title-one, .title-one a {color: #fff; } 
.one-more { color: #727272;}
.one-more:hover, .one-more:active { color: #0F36E6;}

.block-content-more.now-position { color: #727272; font-size: 14px;}

.block-content-title, .block-content-more { height: 30px; line-height: 30px;}

.block-content-title { padding: 0 15px; background: #00a0e8;}

.title-two { display: inline-block; *display:inline; *zoom:1;  height: 30px; line-height: 30px; padding: 0 13px; margin-bottom: 10px;  border: 1px solid #00a0e9; border-radius: 15px;}
.title-two a{ display:block;}
.title-two a,
.title-two a:hover,
.title-two a:active { color: #00a0e9!important; text-decoration:none!important; }

.title + hr { height: 3px; margin-top: 8px; color: #b5b5b5;}

.slide-block { width: 300px;}
.slide-block .title { color: #fff; background: #bc2d38; border-radius: 4px;}
.slide-block .title-three { margin-left: 60px; font-size: 24px;}
.slide-block .title-four { margin-left: 15px; font-size: 18px;}
.slide-block a.four-more { margin-right: 15px; color: #fff; font-size: 14px;}
.slide-block .slide-nav-list li, .slide-block .slide-list li { font-size: 0;}
.slide-block .slide-nav-list, .slide-block .slide-ul { border: 1px none #d9d9d9; border-style: none solid solid; border-radius: 0 0 4px 4px;}
.slide-block .slide-nav-list li { height: 60px; line-height: 60px;}
.slide-block .slide-nav-list li:not(:last-child) { border-bottom: 1px solid #5b5b5b;}
.slide-block .slide-nav-list li .slide-nav-dot.active { background: #bc2d38;}
.slide-block .slide-nav-list a { color: #000; font-size: 18px;}
.slide-block .slide-nav-list a:hover, .slide-block .slide-nav-list a:active { color: #a2494f;}
.slide-block .slide-nav-dot { display: inline-block; *display:inline; *zoom:1; width: 12px; height: 12px; margin: 0 30px 0 20px;}
.slide-block .slide-nav-dot { background: #5b5b5b;}
.slide-block .slide-news-dot { display: inline-block; *display:inline; *zoom:1; width: 7px; height: 7px; margin-right: 10px; background: #c0c0c0;}
.slide-block .slide-list { margin-top: 20px;}
.slide-block .slide-ul { padding: 20px 0;}
.slide-block .slide-ul a { color: #5b5b5b; font-size: 14px;}
.slide-block .slide-ul a:hover, .slide-block .slide-ul a:active { color: #a2494f;}
.slide-block .slide-list li { height: 25px; line-height: 25px; padding: 0 25px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.slide-right-block { margin-left: 320px;}

.right-content { width: 880px; margin-left: 18px;}

.blockList .news-list li a { color: #2d2d2d; font-size: 14px;}
.blockList .news-list li a:hover, .blockList .news-list li a:active { color: #a2494f;}
.blockList .news-list li a span.news-time { margin-right: 0px; color: #5c5c5c;}
  /*
  *
  * %   
  *
  **/
.block-left { width: 70%; max-width:790px;}
.block-left .news-list { margin-left: 330px;}
.block-left .news-list li a { display: block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; height: 37px; line-height: 37px;}

.slide { position: relative; overflow: hidden; width: 300px; height: 220px;margin-left:1%;}
.slide ul.picList li { position: relative; width: 300px; height: 220px;}
.slide ul.picList img { width: 100%; vertical-align: middle; }
.slide .picList .imgTitle { position: absolute; bottom: 10px; left: 10px; z-index: 10; color: #fff;}

.slide .hd { position: absolute; bottom: 0; z-index: 3px; background: rgba(0, 0, 0, 0.5); *background: #000; *filter: alpha(style=1, Opacity=50, finishOpacity=50); background:#000 \0;  filter: alpha(style=1, Opacity=50, finishOpacity=50) \0;}

.slide .slide-controls { width: 290px; height: 30px; line-height: 30px; padding-right: 10px; text-align: right;}
.slide .slide-controls .control-circle { display: inline-block; *display: inline; *zoom:1; width: 10px; height: 10px;
 background: rgba(255, 255, 255, 0.4);
 background:*#fff; filter: *alpha(style=1, Opacity=40, finishOpacity=40); /*ie6-8*/
 background: #fff\0; filter: alpha(style=1, Opacity=40, finishOpacity=40)\0; /*ie8*/
 margin: 6px 3px;}
.slide .slide-controls .control-circle.on { background: #fff; filter: alpha(style=1, Opacity=100, finishOpacity=100)\0;filter: *alpha(style=1, Opacity=100, finishOpacity=100);}
  /*
  *
  * %   
  * margin-left: 13px;
  **/
.block-right {width:28%; max-width: 490px; margin-left: 2%;}
.block-right .news-list ul { font-size: 0;}
.block-right span.news-dot { display: inline-block; vertical-align: middle; *display:inline; *zoom:1;  width: 10px; height: 10px; margin-left: 3%; margin-right: 4%; background: #e7e7e7; border-radius: 99px;}
.block-right .news-list li a { display: inline-block; *display:inline; *zoom:1;  overflow: hidden; white-space: nowrap; text-overflow:ellipsis; vertical-align: middle;width: 85%; max-width: 485px; height: 37px; line-height: 37px;}
@media screen and (min-width: 1400px) {
.block-right { margin-left:18px; }
}
  /*
  *
  * %   
  *
  **/
  .blockIconList { width:100%; max-width: 1200px; margin-top: 10px;}
  /*
  *
  * %   
  *
  **/

.icon-left, .icon-right { width: 48%; max-width: 580px; margin: 0 0.9%;}
.icon-left ul, .icon-right ul { overflow: hidden; background: #e7e7e7; border-radius: 10px;}
.icon-left li, .icon-right li { width: 33.3%; max-width: 193px; height: 150px; text-align: center;}
.icon-left li a, .icon-right li a { display: inline-block; *display:inline; *zoom:1; width: 100%; height: 100%; color: #000;}
.icon-left li p, .icon-right li p{ margin-top: 110px;}