/* www.chiyun.cc 赤云网络 Sunny@chiyun.cc */
@charset "utf-8";
/***************************** 全局样式 start *****************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img { padding: 0; margin: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,th,var,i { font-weight:normal; font-style:normal; }
ol,ul,li { list-style: none; }
div,dl,dt,dd,ol,ul,li{ zoom:1; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size:100%; }
q:before,q:after { content:''; }
abbr,acronym { border: 0; }

body{margin: 0px; padding: 0px;font-family: 'MicroSoft YaHei','微软雅黑','arial';font-size: 16px; color: #666;}
a:link,a:visited,a:hover,a:active{ text-decoration: none; outline: none;}
a:link,a:visited{ color: #666;}
a:hover,a:active{ color: #e5130d;}
a:active{ star:expression(this.onFocus=this.blur());}
:focus{ outline: 0;}
.clear{clear:both;font-size:0px;height:0px;line-height:0px;}

.hover{color: #e5130d;}
.wrap{ width:1200px; margin:0px auto;}
.shadow{-webkit-box-shadow:0px 0px 5px 5px #efeeee; -moz-box-shadow:0px 0px 5px 5px #efeeee; box-shadow:0px 0px 5px 5px #efeeee;}
/***************************** 全局样式 end *****************************/


/***************************** header start *****************************/
.header{ height: 80px; overflow:hidden; margin-top: 25px;}
.logo{float: left; line-height: 22px; font-size: 16px; margin: 7px 0px; width:400px;}
.logo img{ height:60px; margin:5px 20px 0px 0px ; float:left;}
.logo p{ float:left; font-size:18px; color:#666; line-height:26px;}

.search{ width: 465px; float: right; margin-top: 20px; border: 2px solid #e1e0e0; }
.search span{ width: 40px; height: 38px; line-height: 38px; display: block; float: left; text-align: center; font-size: 18px; color: #b9b8b8; cursor: pointer;}
.search input{ width: 410px; height: 38px; line-height: 38px; font-size: 16px; float: left; padding: 0px 5px; border: none; color: #999; }
/***************************** header end *****************************/

/* menu */
.menu{ width: 100%; height: 50px; line-height: 50px; color: #333; position:relative;z-index:1000;}

.nav .m{ float:left; display:inline; margin-right: 60px; cursor: pointer; }
.nav h3{ margin: 0px; padding: 0px; }
.nav h3.on{color: #e5130d;}
.nav h3 .arrow {border-top: 6px solid;border-right: 6px solid transparent;border-left: 6px solid transparent;margin-left: 4px;margin-top: -3px;display: inline-block;width: 0;height: 0;vertical-align: middle;}

.nav .sub{ display:none; width:100%; position:absolute; left:0px; top:50px; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; background:#333; color: #fff; padding: 5px 0px; }

.nav .sub .sort{position: relative; font-size: 14px; }

/* sort */
.nav .sub .sort .tab-hd { width: 200px; float: left;  }
.nav .sub .sort .tab-hd dd{ width: 100%; float: left; line-height: 40px; color:#666; background: #e2e2df; margin-bottom: 1px; cursor: pointer; }
.nav .sub .sort .tab-hd dd span{ margin-left: 10px; }
.nav .sub .sort .tab-hd dd i{ float: right; margin-right: 5px; }
.nav .sub .sort .tab-hd dd.on{  background: #1dacbc; color: #fff; }

.nav .sub .sort .tab-bd { width: 980px; float: left; margin-left: 20px; }
.nav .sub .sort .tab-bd dd { width: 20%; line-height: 36px; font-size: 15px; float: left; }

/* list */
.nav .sub .sort .cate{ width: 100%; line-height: 36px; }

.sub a{ color: #fff; }
.sub a:hover{ color: #999; }

/***************************** banner start *****************************/
.banner {width:100%;position:relative;min-width:1200px;overflow:hidden;}
.banner span{color: #fff; font-size: 60px; position: absolute; bottom: 30px; right: 200px;}
/***************************** banner end *****************************/

/***************************** news start *****************************/
.news_title{margin: 0px auto; text-align: center; color: #fff; font-size: 20px; line-height: 40px; padding-bottom: 10px;}

.news{ width: 100%; min-width: 1200px; height: 120px; background: #666; padding: 10px 0px; }
.txtScroll-left{ width:1200px;  margin: 0px auto; position: relative; color: #fff; line-height: 25px; }
.txtScroll-left .hd .next,.txtScroll-left .hd .prev{ position: absolute; z-index: 2; height: 50px; width: 50px; font-size: 50px; display: block; cursor: pointer; color: #c0bfbf;}
.txtScroll-left .hd .next{ left: -50px;  }
.txtScroll-left .hd .prev{ right: -50px; }
.txtScroll-left .bd{width:1100px; height: 50px; overflow:hidden; position: absolute; left: 50px; right: 50px; }
.txtScroll-left .bd ul{ overflow:hidden; }
.txtScroll-left .bd ul li{ width: 100%; float:left; text-align: center; }

.txtScroll-left a:link{ color: #fff;}
.txtScroll-left a:visited{ color: #fff;}
.txtScroll-left a:hover{ color: #fff;}
.txtScroll-left a:active{ color: #fff;}
/***************************** news end *****************************/

/***************************** about start *****************************/
.about_bg{ width:100%; min-width: 1200px; overflow:hidden; background:#F5F5F5; margin:0px auto;}
.about img{ width: 42%; float:left; margin-right: 2.5%; }
.about h2{ width: 53%; line-height:70px; float:left; margin:0px; padding-top:20px;}
.about p{  width: 53%;text-indent:2em; line-height:30px; margin-bottom:10px; float:left;}
/***************************** about end *****************************/

/***************************** page_i start *****************************/
.page_i{ width: 100%; min-width: 1200px; min-height: 225px; margin: 0px auto; overflow: hidden;}
.page_i ul li{width: 33.33%; min-width: 400px; float: left; position: relative; cursor: pointer;}
.page_i ul li img{ width: 100%;}
.page_i ul li p,.page_i ul li span,.page_i ul li em{ position: absolute; color: #fff;}
.page_i ul li p{ width: 100%; height: 100%; background:#FFF; filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4; display:none; z-index: 1; }
.page_i ul li span{ z-index: 2;  font-size: 36px; left: 30px; top: 30px;}
.page_i ul li em{ z-index: 2; font-style: normal;  font-size: 16px; right: 30px; bottom: 30px;}
/***************************** page_i end *****************************/

.navigation{background: #f3f3f3; width: 100%; height: 42px; line-height: 42px;}
.navigation ul li{ float: left; padding-right: 5px; }
/*.navigation ul li em{ font-family: '宋体'; }*/

/*.navigation ul li.home{display: block;background: transparent url("../images/sprite.png") no-repeat -18px -4px;width: 18px;height: 42px; cursor: pointer; }*/

.single{ padding: 10px 0px; overflow: hidden; }

.single .title{color: #004661; font-size: 26px; margin: 10px 0px;}
.single .content{width: 940px; float: right; line-height: 26px; color: #666;}
.single .content h4{ font-size: 20px; line-height: 40px;font-weight: bold;color: #004661; margin-bottom: 10px;}
.single .content p{ margin-bottom: 10px; }


.products{ padding: 10px 0px 30px 0px;overflow: hidden; }
.products ul li{ width: 232px; float: left; margin: 20px 33px 0px 33px; }
.products ul li img{ width: 222px; height: 230px; border: #f3f2f2 5px solid; }
.products ul li a:hover img{border: #e5130d 5px solid;}
.products ul li p{ width: 100%; text-align: center; line-height: 30px; }

/* Tab切换 */
.slideTxtBox{ float:left; width:100%; overflow:hidden; padding:10px 0px; text-align:left;  }
.slideTxtBox .hd{ height:36px; line-height:36px; border-bottom:2px solid #666; font-size:14px; }
.slideTxtBox .hd ul{ overflow:hidden; zoom:1;  }
.slideTxtBox .hd ul li{ float:left; }
.slideTxtBox .hd ul li a{ display:block; padding:0 15px;  }
.slideTxtBox .hd ul li a:hover{ text-decoration:none;  }
.slideTxtBox .hd ul li.on a{ background:#666; color:#fff; font-weight:bold;  }
.slideTxtBox .bd{ padding:10px;  }
.slideTxtBox .bd li{ height:24px; line-height:24px;   }
.slideTxtBox .bd li .date{ float:right; color:#999;  }

.tab_right{float: right;}
.tab_right a{ margin: 0px 10px; }

/***************************** footer start *****************************/
.footer{width: 100%; min-width: 1200px; line-height: 60px; border-top: 1px solid #eee; color: #A3A3A3; font-size: 14px;}
.footer span{ float:right;}
.footer a:link{ color: #a3a3a3;}
.footer a:visited{ color: #a3a3a3;}
.footer a:hover{ color: #e5130d;}
.footer a:active{ color: #e5130d;}
/***************************** footer end *****************************/


/* partner */
.partner{ padding: 10px 0px 30px 0px; overflow: hidden; }
.partner ul li{ width: 190px; float: left; margin: 20px 55px 0px 55px; }
.partner ul li img{ width: 180px; height: 124px; border: #f3f2f2 5px solid; }
.partner ul li a:hover img{border: #e5130d 5px solid;}
.partner ul li p{ width: 100%; text-align: center; line-height: 30px; }


/* news_list */
.news_list{width: 100%; float: left; line-height: 26px; color: #666; padding: 10px 0px 30px 0px;}
.news_list ul li{ float: left; border-bottom: #e0dfdf 1px dotted; margin-bottom: 10px; padding-bottom: 10px; }
.news_list ul li img{ float: left; margin-right: 20px; }
.news_list ul li h3 a{color: #004661; font-size: 22px; line-height: 30px;}
.news_list ul li h3 a:hover{color: #0186b9;}
.news_list ul li p{ line-height: 26px; margin-top: 10px; }
.news_list ul li i a{color: #2a9bc6; line-height: 30px;}
.news_list ul li i a:hover{color: #026b93; }

/***************************** error start *****************************/
.error{ text-align: center; line-height: 25px; font-size: 14px; padding: 20px 0px;}
.redirect{ color: #f00; padding: 0px 5px; line-height: 25px; font-size: 18px;}
/***************************** error end *****************************/

/***************************** pages start *****************************/
.pages{width:100%;padding:15px 0px 25px 0px;font:normal normal normal 12px/35px Arial, Helvetica, sans-serif,微软雅黑;color:#666666; text-align:right;float:left;}
.pages span{border:1px solid #CCCCCC;color:#999999;margin-left: 3px;padding: 8px 13px;text-decoration: none;}
.pages a:link{text-decoration:none;padding:8px 13px;color:#999999;border:#cccccc 1px solid;margin-left:3px;}
.pages a:visited{text-decoration:none;padding:8px 13px;color:#999999;border:#cccccc 1px solid;margin-left:3px;}
.pages a:hover{text-decoration:none;padding:8px 13px;color:#1dacbc;border:#1dacbc 1px solid;margin-left:3px;}
.pages a:active{text-decoration:none;padding:8px 13px;color:#1dacbc;border:#1dacbc 1px solid;margin-left:3px;}
/***************************** pages end ****************************/


.heritage-timeline{ width:1200px; margin:0px auto;}

.heritage-navigator{position: relative; top: 0px;}
.heritage-navigator .heritage-navigator-wrapper {position: absolute;margin: auto;width: 300px;left: 18px;top: 0px;}

.heritage-navigator .line {position: absolute; top: 20px; bottom: 15px; left: 4px; border-left:2px solid #ACDDEE;}
.heritage-navigator li {display: block; position: relative; padding: 20px 0px; }
.heritage-navigator li .icon-bullet { width: 10px; height: 10px; background: #ACDDEE ;border-radius: 5px; float: left; margin-right: 10px; display: inline-block;}
.heritage-navigator li .title {display: block;float: left;width: 180px;margin-top: -6px;}
.heritage-navigator a:hover, .heritage-navigator a.active {font-weight: bold;color: #004661;}



.heritage-timeline .chapter-wrapper {margin: 0px auto; padding:15px 10px 20px 250px;}
.heritage-timeline .chapter-wrapper h3{ font-weight:bold; font-size:20px; line-height:30px; margin-bottom:10px;}
.heritage-timeline .chapter-wrapper p{ line-height:25px;}
.heritage-timeline .chapter-wrapper p strong{ line-height:30px;}