@import url("reset.css");

@import url("960.css");

@import url("superfish.css");

@import url("prettyPhoto.css");



/*----------------------------------------------

1. 全体样式

----------------------------------------------*/

body { font-family:"宋体" ; text-align: left; color: #333; background: FFF; font-size: 12px; line-height: 1.4em; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; }

ol, ul, .footer ul, .bottom ul, .grid_3 ul, .group ul, .grid_12 ul { list-style: none; }

.alignleft, .left, .copyright, dt, dd, .filter li { float: left; }

.alignright, .social { float: right; }

.text-center, .align_centre { text-align: center; }

.clearfix:after, .textwidget { clear: both; }

p .grid_8 p { color: #333; display: block; font-size: 12px; }

ul ul, ol ul, ul ol, ol ol, #sidebar .sideblock.last { margin-bottom: 0; }

.head_title .container_12, .head_title .grid_12, .subcontent { min-height: 20px; }

a.button.black:hover, .submit:hover { background-position: 0 -28px; border: 1px solid #2C2C2C; }

.breadcrumbs a:hover, .filter a:hover, .current a { color: #999; }

::selection { background: #606; /* Safari */ }

::-moz-selection {background: #606; /* Firefox */}

/*---------------------------------------------

2. 特别的字体

----------------------------------------------*/



/* 浮动与定位 */

.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.text-right { text-align: right; }

.text-left { text-align: left; }

/* 清除浮动 */

.clear { clear: both; display: block; height: 50px; overflow: hidden; visibility: hidden; width: 0; }

.clearfix:before, .clearfix:after { content: "�020"; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0; }

* html .clearfix { height: 1%; }

.clearfix { display: block; }

.fix { clear: both; height: 1px; margin: -1px 0 0; overflow: hidden; }

html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; height: 0; list-style: none; margin: 0; overflow: hidden; padding: 0; visibility: hidden; width: 0; }

.inner { padding: 15px 0; }

a { color: #333; margin-top: 0; outline: none; text-decoration: none; }

a:hover { color: #CCC; }

.last { margin: 0; }

/*----------------------------------------------

3. Header

----------------------------------------------*/

.header { height: auto; background: url(../images/patt_4.png) repeat; }

.header .container_12 { min-height: 50px; padding: 12px 0;}

.header .grid_9 { height: 50px; margin-bottom: 0; }

.header .grid_12 { border-bottom: 1px solid #d6d6d6; }

.logo img { margin-bottom: 1px !important; }

/*----------------------------------------------

4. 面包屑导航

----------------------------------------------*/

.breadcrumbs { color: #6f6f6f; margin-bottom: 40px; }

.breadcrumbs .grid_12 { border-bottom: 1px dotted #dedede; min-height: 20px; }

.breadcrumbs a { margin: 17px 2px 0; outline: none; text-decoration: none; }

.grey { color: #EFEFEF; font-family:'宋体'; font-size:12px; }

.breadcrumbs .path { font-size: 15px; }

.breadcrumbs .separator { margin: 0 4px; }

/*----------------------------------------------

5. Main Section

----------------------------------------------*/

.box_light_gray { background: #f5f5f5; }

.main .container_12 { margin-top: 20px; min-height: 20px; }

.grid_3 img, .grid_4 img, .grid_12 img { border: 0; margin:10px 0px; }

.grid_positions p { color: #333; display: block; font-size: 10px; padding: 5px 10px; }

.link_bottom { color: #333; display: block; font-size: 12px; padding-top: 20px; }

.top { background: #f8f8f8; color: #CCC; margin-bottom: 20px; margin-top: 4px; min-height: 50px; padding-top: 20px; }

/*----------------------------------------------

6.主要部分

----------------------------------------------*/

.img_float_left { float: left; margin-top: 4px; }

#sidebar { background: #f5f5f5; padding:15px 20px; }

#sidebar .sideblock { margin-bottom: 25px; }

#sidebar .sideblock p { color: #333; font-size: 12px; line-height: 17px; padding: 0 10px 20px 55px; }

#sidebar h3.title { border-bottom: 1px dotted #ccc; font-size: 20px; padding-bottom: 10px; }

#sidebar ul.menu { border-bottom: 1px solid #dedede; margin: 0; }

#sidebar ul.menu ul { margin: 0 0 0 20px; }

#sidebar ul.menu li a { background-image: url(../images/menu-bullet.png); background-position: left center; background-repeat: no-repeat; border-top: 1px solid #dedede; display: block; padding: 4px 0 4px 13px; }

#sidebar ul.menu li a:hover { background-color: #eee; }

/*----------------------------------------------

7. 子内容

----------------------------------------------*/

.subcontent .grid_2 { width: 144px; }

.subcontent .grid_1 { margin: 0 20px; padding-top: 63px; width: 61px; }

/* 中间的圆圈 */

.view { background: #fff url(../images/circle.png) no-repeat center center; border: none; cursor: default; float: left; height: 146px; overflow: hidden; position: relative; text-align: center; width: 144px; }

.view .mask, .view .content { height: 146px; left: 0; overflow: hidden; position: absolute; top: 0; width: 144px; }

.view img { display: block; margin: 42px auto; position: relative; }

.view h2 { background: rgba(0, 0, 0, 0.8); color: #fff; font-size: 17px; margin: 20px 0 0; padding: 10px; position: relative; text-align: center; text-transform: uppercase; }

.view p { color: #fff; font-size: 18px; padding: 60px 20px 20px; position: relative; text-align: center; }

.view a.info { background: #000; color: #fff; display: inline-block; padding: 7px 14px; text-decoration: none; text-transform: uppercase; }

.view-tenth img { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }

.view-tenth .mask { background-image: url(../images/transparent.png); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }

.view-tenth h2 { border-bottom: 1px solid rgba(0, 0, 0, 0.3); background: transparent; margin: 20px 40px 0px 40px; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); color: #333; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }

.view-tenth p { color: #333; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; }

.view-tenth a.info { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; }

.view-tenth:hover img { -webkit-transform: scale(2); -moz-transform: scale(2); -o-transform: scale(2); -ms-transform: scale(2); transform: scale(2); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }

.view-tenth:hover .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }

.view-tenth:hover h2, .view-tenth:hover p, .view-tenth:hover a.info { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }

/*----------------------------------------------

8. 列表元素

----------------------------------------------*/

ol { list-style: decimal inside; }

li { margin-bottom: 10px; padding-top: 0; }

ol li { margin-bottom: 7px; margin-top: 5px; }

/*----------------------------------------------

9. 边界 和 分频道

----------------------------------------------*/

.border { border: 1px solid #d1d1d1; }

.divider { border-bottom: 1px dotted #cdcdcd; clear: both; display: block; margin-bottom: 20px; margin-left: auto; margin-right: auto; max-width: 940px; padding-top: 20px; }

.divider2 { border-bottom: 1px dotted #cdcdcd; clear: both; display: block; margin-bottom: 20px; margin-left: auto; margin-right: auto; padding-top: 20px; }

.divider3 { clear: both; display: block; margin-bottom: 10px; max-width: 940px; padding-top: 10px; }

.divider_header { background: url(../images/divider.gif) bottom repeat-x; clear: both; display: block; margin-bottom: 0; margin-left: 10px; margin-right: 10px; max-width: 940px; padding-top: 20px; }

.clearboth { clear: both; display: block; font-size: 0; height: 0; line-height: 0; width: 100%; }

/*----------------------------------------------

10. 字体元素

----------------------------------------------*/

h1 { color: #333; font-size: 26px; font-weight: 400; line-height: 1.1em; margin-bottom: 15px; }

h2 { color: #333; font-size: 23px; font-weight: 400; line-height: 1.1em; margin-bottom: 15px; }

h3 { color: #333; font-size: 20px; font-weight: 400; line-height: 1.1em; margin-bottom: 10px; }

h4 { color: #333; font-size: 16px; font-weight: 700; line-height: 1.1em; margin-bottom: 10px; text-transform: uppercase; }

h5 { color: #333; font-size: 14px; font-weight: 700; margin-bottom: 10px; line-height: 1.1em; }

h6 { color: #333; font-size: 12px; font-weight: 700; line-height: 1.1em; margin-bottom: 10px; text-transform: uppercase; }

.head_title { background: url(../images/banner_2.jpg) repeat; border-bottom: 6px solid #F1F1F1; border-top: 6px solid #F1F1F1; color: #6f6f6f; padding: 30px 0 15px; }

.head_title h1 { color: #DDD; font-weight: lighter; letter-spacing: 2px; }

/*Dropcaps  */

.dropcap1, .dropcap2 { color: #63696c; display: block; float: left; font-size: 30px; font-style: italic; line-height: 30px; margin: 0 10px 1px 0; }

.dropcap2 { font-size: 39px; font-style: normal; line-height: 30px; margin: 5px 5px 0 0; }

/* Quotes */

.entry .quoteBox-big { border: 1px dotted #dfdfdf; }

.entry .quoteBox-big .inner { padding: 10px 20px; }

.quote-title, .quote-author { color: #121212; font-family: 'HeroRegular', Arial, Helvetica, sans-serif; font-size: 12px; }

.quote-title { margin-bottom: 15px; }

.quote-author { color: #000; margin: 10px 0 5px; text-align: left; text-transform: uppercase; }

.quote-author span { color: #00aad2; }

.quote_right, .quote_left { color: #b2b2b2; float: right; font-family: Georgia, "Times New Roman", Times, serif; font-size: 17px; font-style: italic; line-height: 1.4em; padding: 5px 0 5px 40px; width: 33%; }

.quote_left { float: left; padding: 5px 8px 8px 0; }

.quote-text { color: #888; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-style: italic; font-weight: 400; line-height: 1.5em; }

.quoteBox .quote-text { color: #888; font-size: 13px; line-height: 1.5em; padding: 5px 10px 5px 45px; }

.quoteBox { background: url(../images/icon_quotes.png) 0 10px no-repeat; }

/* Text Highlights */

.highlight_yellow { background: #FF0; padding: 0 2px; }

.highlight_brown { background: #633; color: #fff; padding: 0 2px; }

.highlight_blue { background: #39F; color: #fff; padding: 0 2px; }

.highlight_black { background: #000; color: #fff; padding: 0 2px; }

.highlight_purple { background: #639; color: #fff; padding: 0 2px; }

.highlight_grey { background: #f5f5f5; color: #333; padding: 5px 8px; }

/* Framed Boxes */

.frame_left, .frame_right, .frame_center, .frame_box { background: #fff; border: 1px solid #e0e0e0; margin: 5px 0; padding: 5px; }

.frame_left { display: block; float: left; margin: 7px 20px 5px 0; }

.frame_right { display: block; float: right; margin: 7px 0 5px 20px; }

/* Custom Lists Styles */

.list-type-1 li { background: url(../images/icon_check.png) 0 0 no-repeat; border: none; font-size: 12px; line-height: 16px; list-style: none; margin: 0; padding: 0 0 10px 20px; }

.list-type-2 li { background: url(../images/icon_delete.png) 0 0 no-repeat; border: none; font-size: 12px; line-height: 16px; list-style: none; margin: 0; padding: 0 0 10px 20px; }

.list-type-3 li { background: url(../images/icon_arrow.png) 0 0 no-repeat; border: none; font-size: 12px; line-height: 16px; list-style: none; margin: 0; padding: 0 0 10px 20px; }

.list-type-sidebar li { background: url(../images/icon_arrow.png) 0 0 no-repeat; border: none; border-bottom: 1px dotted #ccc; font-size: 12px; line-height: 14px; list-style: none; margin: 0 10px 8px; padding: 0 0 10px 20px; }

.list-type-footer li { background: url(../images/icon_arrow.png) 0 0 no-repeat; font-size: 12px; line-height: 16px; list-style: none; margin-bottom: 8px; padding: 0 0 8px 20px; }



.bottom_x { margin:10px auto; height: 70px; border:1px solid #cdcdcd; width:938px; padding:10px; line-height:25px;}

.bottom_x span{ float:left; padding-right:5px;}

.bottom_x a{ float:left; padding:0px 7px;}

/*----------------------------------------------

11. 按钮

----------------------------------------------*/

.button_link, .button_large { border: 0 none; color: #333; display: inline-block; font-size: 12px; margin: 5px 0; padding: 0 5px 0 0; text-align: center; text-decoration: none; }

.button_link span, .button_large span { background: url(../images/read_more_btn.jpg) center top no-repeat; color: #333; cursor: pointer; display: block; line-height: 33px; max-width: 94px; padding: 1px 24px; }

.button_link:hover, .button_link:active { color: #fff; }

a.button { background-image: url(../images/buttons/button-sprite.png); display: inline-block; font-size: 12px; font-weight: 700; height: 20px; line-height: 12px; margin: 10px 5px 20px 0; padding: 8px 10px 0; text-decoration: none; }

a.button.large { height: 24px; line-height: 14px; margin-bottom: 0; padding: 12px 40px 0; }

/* Black */

a.button.black { background-position: 0 0; border: 1px solid #4C4C4C; color: #FFF; }

a.button.large.black { background-position: 0 -56px; }

a.button.large.black:hover { background-position: 0 -91px; }

/* Blue */

a.button.blue { background-position: 0 -126px; border: 1px solid #8DC5DA; color: #42788E; }

a.button.blue:hover { background-position: 0 -154px; border: 1px solid #7CAEC0; }

a.button.large.blue { background-position: 0 -182px; }

a.button.large.blue:hover { background-position: 0 -217px; }

/* Green */

a.button.green { background-position: 0 -252px; border: 1px solid #ADC671; color: #5D7731; }

a.button.green:hover { background-position: 0 -280px; border: 1px solid #8BB14D; }

a.button.large.green { background-position: 0 -308px; }

a.button.large.green:hover { background-position: 0 -343px; }

/* Grey */

a.button.grey { background-position: 0 -378px; border: 1px solid #B5B5B5; color: #333; }

a.button.grey:hover { background-position: 0 -406px; border: 1px solid #989898; }

a.button.large.grey { background-position: 0 -434px; }

a.button.large.grey:hover { background-position: 0 -469px; }

/* Navy */

a.button.navy { background-position: 0 -504px; border: 1px solid #A2AFB8; color: #515F6A; }

a.button.navy:hover { background-position: 0 -532px; border: 1px solid #8996A0; }

a.button.large.navy { background-position: 0 -560px; }

a.button.large.navy:hover { background-position: 0 -595px; }

/* Orange */

a.button.orange { background-position: 0 -630px; border: 1px solid #DAB347; color: #835503; }

a.button.orange:hover { background-position: 0 -658px; border: 1px solid #DAB347; }

a.button.large.orange { background-position: 0 -686px; }

a.button.large.orange:hover { background-position: 0 -721px; }

.button.success { background-color: #0CF; border: 1px solid #396516; }

.button.success:hover { background-color: #457a1a; }

.button.success:focus { -webkit-box-shadow: 0 0 5px #5da423, 0 1px 0 rgba(255,255,255,0.5) inset; -moz-box-shadow: 0 0 5px #5da423, 0 1px 0 rgba(255,255,255,0.5) inset; box-shadow: 0 0 5px #5da423, 0 1px 0 rgba(255,255,255,0.5) inset; }

/* Purple */

a.button.purple { background-position: 0 -756px; border: 1px solid #BC9DB9; color: #7B5777; }

a.button.purple:hover { background-position: 0 -784px; border: 1px solid #A482A0; }

a.button.large.purple { background-position: 0 -812px; }

a.button.large.purple:hover { background-position: 0 -847px; }

/* Red */

a.button.red { background-position: 0 -882px; border: 1px solid #DF6F8B; color: #913944; }

a.button.red:hover { background-position: 0 -910px; border: 1px solid #C36079; }

a.button.large.red { background-position: 0 -938px; }

a.button.large.red:hover { background-position: 0 -973px; }

/* Teal */

a.button.teal { background-position: 0 -1008px; border: 1px solid #90C6C8; color: #437B7D; }

a.button.teal:hover { background-position: 0 -1036px; border: 1px solid #7DB9BB; }

a.button.large.teal { background-position: 0 -1064px; }

a.button.large.teal:hover { background-position: 0 -1099px; }

/* White */

a.button.white { background-position: 0 -1134px; border: 1px solid #D3D3D3; color: #333; }

a.button.white:hover { background-position: 0 -1162px; border: 1px solid #C4C4C4; }

a.button.large.white { background-position: 0 -1190px; }

a.button.large.white:hover { background-position: 0 -1225px; }

/* Notification Boxes */

.message_green, .message_red, .message_blue, .message_yellow { color: #333; margin: 0 0 20px; padding: 20px 20px 20px 60px; }

.message_green { background: url(../images/notification-green.gif) no-repeat scroll 20px center #DFE9B7; border: 1px solid #BAC398; }

.message_red { background: url(../images/notification-red.gif) no-repeat scroll 20px center #F5DCD8; border: 1px solid #CDBFBE; }

.message_blue { background: url(../images/notification-blue.gif) no-repeat scroll 20px center #DAE6F2; border: 1px solid #BDC4CA; }

.message_yellow { background: url(../images/notification-yellow.gif) no-repeat scroll 20px center #F8F2B6; border: 1px solid #D8D4B7; }

.message_green a { color: #66B500; font-weight: 700; }

.message_red a { color: #CB2A19; font-weight: 700; }

.message_blue a { color: #0092F5; font-weight: 700; }

.message_yellow a { color: #A58100; font-weight: 700; }

/*----------------------------------------------

12. Bottom Content

----------------------------------------------*/

.bottom { margin-bottom: 20px; margin-top: 20px; min-height: 20px; }

/*----------------------------------------------

13. 页脚中

----------------------------------------------*/

.footer_middle { background: url(../images/patt_1.png) repeat; border-top: 8px solid #EAEAEA; margin-top: 20px; padding: 40px 0 45px; }

.footer_middle h5 { border-bottom: 1px dotted #666; margin-bottom: 10px; padding-bottom: 10px; color: #FFF; }

.footer_middle p { font-size: 12px; line-height: 16px; }

.latest_posts { padding: 0; }

.latest_posts p { color: #FFF; font-size: 12px; line-height: 16px; padding: 2px 0 15px 55px; }

.footer_middle h5 a{ color:#FFF;}

.footer_middle h5 a:hover{ color:#666;}

/* Social Buttons */

.social-connect { margin: 20px 0 0; }

.social-connect li { float: left; margin-left: 1px; }

.social-connect li:first-child { margin-left: 0; }

.social-connect li.tweet { margin-right: 5px; width: 80px; }

/*----------------------------------------------

14. 页脚

----------------------------------------------*/

.footer { color: #6f6f6f; }

.footer .container_12 { padding: 10px 0; }

.footer_header { margin-bottom: 5px; }

.footer_link { color: #333; display: block; font-style: italic; font-weight: 700; }

.col_1 { width: 220px; }

.last p { padding-right: 0; }

.social-box { float: right; padding-right: 0; }

.social-box img { margin-left: 8px; }

/*--------------------------------------------

15. 标签和手风琴

--------------------------------------------*/

/* 标签 */

.tabs { position: relative; margin: 0; width: 620px; }

.tabs input { position: absolute; z-index: 1000; width: 87px; height: 40px; left: 0px; top: 0px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; cursor: pointer; }

.tabs input#tab-2 { left: 97px; }

.tabs input#tab-3 { left: 192px; }

.tabs input#tab-4 { left: 288px; }

.tabs label { background: #ffffff; background: -webkit-linear-gradient(top, #ffffff 1%, #eaeaea 100%); background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%); background: -o-linear-gradient(top, #ffffff 1%, #eaeaea 100%); background: -ms-linear-gradient(top, #ffffff 1%, #eaeaea 100%); background: linear-gradient(top, #ffffff 1%, #eaeaea 100%); font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif; font-size: 16px; line-height: 33px; height: 30px; position: relative; padding: 5px 20px; float: left; display: block; width: 55px; color: #777; text-align: center; text-shadow: 1px 1px 1px rgba(255,255,255,0.8); -webkit-box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3); box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3); }

.tabs label:after { content: ''; background: #fff; position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; display: block; }

.tabs input:hover + label { background: #fff; }

.tabs label:first-of-type { z-index: 4; }

.tab-label-2 { z-index: 3; }

.tab-label-3 { z-index: 2; }

.tab-label-4 { z-index: 1; }

.tabs input:checked + label { background: #fff; z-index: 6; }

.clear-shadow { clear: both; }

.content { background: #fff; position: relative; width: 100%; height: 320px; z-index: 5; -webkit-box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 1px 0px 0px 0px rgba(255,255,255,0.9) inset, 0px 2px 2px rgba(0,0,0,0.1); box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 1px 0px 0px 0px rgba(255,255,255,0.9) inset, 0px 2px 2px rgba(0,0,0,0.1); }

.content div { position: absolute; top: 0; left: 0; padding: 30px 30px; z-index: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: opacity linear 0.1s; -moz-transition: opacity linear 0.1s; -o-transition: opacity linear 0.1s; -ms-transition: opacity linear 0.1s; transition: opacity linear 0.1s; }

.tabs input.tab-selector-1:checked ~ .content .content-1, .tabs input.tab-selector-2:checked ~ .content .content-2, .tabs input.tab-selector-3:checked ~ .content .content-3, .tabs input.tab-selector-4:checked ~ .content .content-4 { z-index: 100; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition: opacity ease-out 0.2s 0.1s; -moz-transition: opacity ease-out 0.2s 0.1s; -o-transition: opacity ease-out 0.2s 0.1s; -ms-transition: opacity ease-out 0.2s 0.1s; transition: opacity ease-out 0.2s 0.1s; }

.content div p { font-size: 14px; line-height: 22px; text-align: left; margin: 0; color: #777; padding-left: 0px; }

/*标签 2 */

.tabs2 { position: relative; margin: 0; width: 620px; }

.tabs2 input { position: absolute; z-index: 1000; width: 87px; height: 40px; left: 0px; top: 0px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; cursor: pointer; }

.tabs2 input#tab-6 { left: 97px; }

.tabs2 input#tab-7 { left: 192px; }

.tabs2 input#tab-8 { left: 288px; }

.tabs2 label { background: #ffffff; background: -webkit-linear-gradient(top, #ffffff 1%, #eaeaea 100%); background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%); background: -o-linear-gradient(top, #ffffff 1%, #eaeaea 100%); background: -ms-linear-gradient(top, #ffffff 1%, #eaeaea 100%); background: linear-gradient(top, #ffffff 1%, #eaeaea 100%); font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif; font-size: 16px; line-height: 33px; height: 30px; position: relative; padding: 5px 20px; float: left; display: block; width: 55px; color: #777; text-align: center; text-shadow: 1px 1px 1px rgba(255,255,255,0.8); -webkit-box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3); box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3); }

.tabs2 label:after { content: ''; background: #fff; position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; display: block; }

.tabs2 input:hover + label { background: #fff; }

.tabs2 label:first-of-type { z-index: 4; }

.tab-label-6 { z-index: 3; }

.tab-label-7 { z-index: 2; }

.tab-label-8 { z-index: 1; }

.tabs2 input:checked + label { background: #fff; z-index: 6; -webkit-animation: page 0.2s linear; -moz-animation: page 0.2s linear; -ms-animation: page 0.2s linear; -o-animation: page 0.2s linear; animation: page 0.2s linear; }

.clear-shadow2 { clear: both; }

.content2 { background: #fff; position: relative; width: 100%; height: 320px; z-index: 5; overflow: hidden; -webkit-box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 1px 0px 0px 0px rgba(255,255,255,0.9) inset, 0px 2px 2px rgba(0,0,0,0.1); box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 1px 0px 0px 0px rgba(255,255,255,0.9) inset, 0px 2px 2px rgba(0,0,0,0.1); }

.content2 div { position: absolute; top: 0; left: 0; padding: 30px 30px; z-index: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; -ms-transition: all linear 0.3s; transition: all linear 0.3s; }

.content-5, .content-7 { -webkit-transform: translateX(-250px); -moz-transform: translateX(-250px); -o-transform: translateX(-250px); -ms-transform: translateX(-250px); transform: translateX(-250px); }

.content-6, .content-8 { -webkit-transform: translateX(250px); -moz-transform: translateX(250px); -o-transform: translateX(250px); -ms-transform: translateX(250px); transform: translateX(250px); }

.tabs2 input.tab-selector-5:checked ~ .content2 .content-5, .tabs2 input.tab-selector-6:checked ~ .content2 .content-6, .tabs2 input.tab-selector-7:checked ~ .content2 .content-7, .tabs2 input.tab-selector-8:checked ~ .content2 .content-8 { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); z-index: 100; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition: all ease-out 0.2s 0.1s; -moz-transition: all ease-out 0.2s 0.1s; -o-transition: all ease-out 0.2s 0.1s; -ms-transition: all ease-out 0.2s 0.1s; transition: all ease-out 0.2s 0.1s; }

.content2 div p { font-size: 14px; line-height: 22px; text-align: left; margin: 0; color: #777; padding-left: 0px; }

 @keyframes "page" {

 0% {left: 0;}

 50% {left: 10px;}

 100% {left: 0;}

}

 @-moz-keyframes page { 

 0% {left: 0;}

 50% {left: 10px;}

 100% {left: 0;}

}

 @-webkit-keyframes "page" {

 0% {left: 0;}

 50% {left: 10px;}

 100% {left: 0;}

}

 @-ms-keyframes "page" {

 0% {left: 0;}

 50% {left: 10px;}

 100% {left: 0;}

}

 @-o-keyframes "page" {

 0% {left: 0;}

 50% {left: 10px;}

 100% {left: 0;}

/* 手风琴*/

}

.ac-container { width: auto; margin: 10px 0; text-align: left; }

.ac-container label { font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif; padding: 5px 20px; position: relative; z-index: 20; display: block; height: 30px; cursor: pointer; color: #777; text-shadow: 1px 1px 1px rgba(255,255,255,0.8); line-height: 33px; font-size: 16px; background: #ffffff; background: -webkit-linear-gradient(top, #ffffff 1%, #eaeaea 100%); background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%); background: -o-linear-gradient(top, #ffffff 1%, #eaeaea 100%); background: -ms-linear-gradient(top, #ffffff 1%, #eaeaea 100%); background: linear-gradient(top, #ffffff 1%, #eaeaea 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea', GradientType=0 );

-webkit-box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 1px 0px 0px 0px rgba(255,255,255,0.9) inset, 0px 2px 2px rgba(0,0,0,0.1); box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 1px 0px 0px 0px rgba(255,255,255,0.9) inset, 0px 2px 2px rgba(0,0,0,0.1); }

.ac-container label:hover { background: #fff; }

.ac-container input:checked + label, .ac-container input:checked + label:hover { background: #f1f1f1; text-shadow: 0px 1px 1px rgba(255,255,255, 0.6); -webkit-box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 0px 2px 2px rgba(0,0,0,0.1); box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 0px 2px 2px rgba(0,0,0,0.1); }

.ac-container label:hover:after, .ac-container input:checked + label:hover:after { content: ''; position: absolute; width: 24px; height: 24px; right: 13px; top: 7px; background: transparent url(../images/arrow_down.png) no-repeat center center; }

.ac-container input:checked + label:hover:after { background-image: url(../images/arrow_up.png); }

.ac-container input { display: none; }

.ac-container article { background: rgba(255, 255, 255, 0.5); margin-top: -1px; overflow: hidden; height: 0px; position: relative; z-index: 10; -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear; -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear; -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear; -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear; transition: height 0.3s ease-in-out, box-shadow 0.6s linear; }

.ac-container article p { font-style: italic; color: #777; line-height: 23px; font-size: 14px; padding: 20px; text-shadow: 1px 1px 1px rgba(255,255,255,0.8); }

.ac-container input:checked ~ article { -webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; -moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; -o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; -ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; transition: height 0.5s ease-in-out, box-shadow 0.1s linear; -webkit-box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3); box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3); }

.ac-container input:checked ~ article.ac-small { height: 140px; }

.ac-container input:checked ~ article.ac-medium { height: 180px; }

.ac-container input:checked ~ article.ac-large { height: 230px; }

/*----------------------------------------------

16. 博客页面

----------------------------------------------*/

.post-block { clear: both; padding: 0; }

.post-block .month { color: #333; display: block; float: left; font-weight: 700; text-transform: uppercase; width: auto; }

.post-meta { color: #333; min-height: 14px; text-align: left; }

.icon_meta { border-left: 1px dotted #CCC; display: inline-block; line-height: 14px; margin-left: 8px; padding-left: 8px; }

.icon_meta2 { background: url(../images/clipboard.png) 0 -2px no-repeat; display: inline-block; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px; margin-left: 15px; padding-left: 20px; }

.post-block p { color: #333; display: block; font-size: 12px; }

.grid_8 .post-meta p { color: #333; display: block; float: left; font-size: 10px; padding-top: 0; width: auto; }

.pagination { color: #a6a6a6; margin: 0 auto; min-height: 14px; text-align: left; width: 195px; }

/* 博客 */

.latest_posts { padding: 0; }

.latest_posts p { color: #FFF; font-size: 12px; line-height: 16px; padding: 2px 0 15px 55px; }

.social_block { margin: 20px 0 0; }

/*---------------------------------------------- 

评论

------------------------------------------------*/

.comment { overflow: hidden; }

.comment .comment { margin-left: 70px; margin-bottom: 0; padding-bottom: 0; }

.user { float: left; width: 50px; }

.comment_content { margin-left: 70px; }

.comment_date { font-size: 10px; line-height: 12px; text-transform: uppercase; margin: 5px 0; }

/*----------------------------------------------

17. 联系方式

----------------------------------------------*/

.contact-form { margin-top: 50px; }

.contact-form p { font-weight: 700; margin-bottom: 10px; width: 542px; }

.contact_widget_name, .contact_widget_address, .contact_widget_city, .contact_widget_phone, .contact_widget_email { padding-left: 26px; }

fieldset { border: 1px solid #e5e5e5; padding: 20px; }

legend, label { font-size: 12px; letter-spacing: 1px; margin-left: 0; }

input[type=text], input[type=file], textarea { border: 1px solid #e3e3e3; color: #777; font-size: 12px; margin-right: 10px; padding: 7px; width: 180px; }

.textfield_label { margin-left: 12px; }

textarea { font-size: 12px; height: 120px; width: 97%; }

input, textarea { outline-style: none !important; }

pre, input[type=text], input[type=file], textarea { background: #F5F5F5; border-color: #D9D9D9 #EAEAEA #FFF; border-style: solid; border-width: 1px; color: #666; }

input.submit { background-image: url(../images/buttons/button-sprite.png); background-position: 0 0; border: 1px solid #4C4C4C; color: #FFF; cursor: pointer; display: inline-block; font-size: 12px; font-weight: 700; height: 30px; line-height: 12px; margin: 0 5px 20px 0; padding: 8px 10px 5px; text-decoration: none; }

.error { color: #A20000; font-size: 12px; right: 0; top: 0; }

/* 输入，编辑，提交 */

input[type=text]:hover, textarea:hover { border: 1px solid #b4b4b4; }

/*--------------------------------------------

18. 组合页

--------------------------------------------*/

/*自定义类*/

.group:after { clear: both; content: ""; display: block; height: 0; visibility: hidden; }

* html .group { zoom: 1; } /* IE6 */

*:first-child+html .group { zoom: 1; } /* IE7 */

/* IE7 Filter */

dl { color: #777; margin: 0 0 20px; }

/* For IE8 and earlier */

dt { margin-right: 5px; }

.filter li:after { content: url(../images/divider_vertical.png); }

.filter li:last-child:after { content: ""; }

.filter a { color: #777; padding: 0 10px; text-decoration: none; }



.portfolio_2_col img { display: block; height: 158px; margin-bottom: 20px; width: 300px; }

.portfolio_2_col p { width: 300px; }

.portfolio_2_col li{ float: left; margin:0px 20px;  margin-bottom: 20px;}

.portfolio_2_col li:nth-child(2n){ margin-right: 0; }

.portfolio_2_col a{ display: block; text-decoration: none; text-align:center;}

/*----------------------------------------------

19. 滑块的容器

----------------------------------------------*/

.slider { background: url(../images/banner_1.jpg) repeat; border-bottom: 6px solid #EAEAEA; border-top: 6px solid #EAEAEA; height: 460px; margin: 0 0 20px; min-width: 640px; outline: none; width: 100%; }

/* layerslider层和子层的独特风格 */

#layerslider, #layerslider2 { width: 1000px; height: 450px; margin: 0px auto 20px auto; }

#l5text1, #l5text2, #l5text3 { width: 340px; text-align: left; color: #eee; font-size: 13px; }

#l5text1 { left: 70px; top: 160px; }

#l5text2 { left: 450px; top: 150px; }

#l5text3 { left: 620px; top: 150px; }

/*----------------------------------------------

20. 地图

----------------------------------------------*/

.map_container { height: 355px; border-bottom: 6px solid #F1F1F1; border-top: 6px solid #F1F1F1; padding: 0; }

/*----------------------------------------------

21. 搜索框

----------------------------------------------*/

#search { float: right; }

#search fieldset { margin: 10px 0; padding: 5px 8px; background: #F5F5F5; border-color: #D9D9D9 #EAEAEA #FFF; border-style: solid; border-width: 1px; color: #666; }

#search input[type="text"] { margin: 0px; padding: 0px 7px 1px 0px; float: left; width: 105px; color: #696765; background-color: #F5F5F5; border: none; outline: none; -webkit-transition: width 0.2s ease; -moz-transition: width 0.2s ease; -o-transition: width 0.2s ease; transition: width 0.2s ease; }

#search input[type="text"]:focus { width: 184px; }

#search input[type="text"]:hover { width: 184px; }

#search input[type="submit"] { padding: 0px; float: right; margin-top: 3px; width: 12px; height: 12px; background: url("../images/btn_search.png") no-repeat; border: none; cursor: pointer; }

.grid_4 .txt{ font-size:14px; font-weight:bold;}

/*-------------------center1---------------- ------*/

.center_1{ width:960px; margin:0px auto; height:20px; line-height:20px; font-size:16px;clear:both; font-weight:bold; padding-top:30px;}
.center_99{ width:960px; margin:0px auto; height:483px; clear:both; padding:15px 0px; background: url("../images/404.jpg") no-repeat;}

.center_0{ width:960px; margin:0px auto; height:270px;}

.left_0{ float:left; width:618px; border:1px double #cdcdcd;}

.left_top{height:45px; line-height:45px; padding-left:15px; font-size:14px; font-weight:bold;}

.left_top span{ font-weight:normal; padding-left:15px; color:#333;}

.left_center{ width:580px; padding:5px 19px 15px 19px; height:200px;}

.left_centerl{ float:left; width:270px; height:200px;}

.left_centerl img{ width:250px; height:200px;}

.left_centerr{ float:left; width:310px; height:200px;color:#333;}

.left_centerr h3{ height:40px; line-height:40px; font-size:16px; font-weight:bold; }

.left_centerr p{ height:120px; line-height:30px; font-size:14px;}

.left_centerr_an{ width:120px; padding-left:200px; height:40px;}

.left_centerr_an a{ width:100px; height:30px; line-height:30px; background:#999; color:#FFF; display:block; text-align:center; font-size:14px; font-weight:bold;}

.left_centerr_an a:hover{ color:#333;}



.right_0{ float:left; width:318px; border:1px double #cdcdcd; margin-left:20px;}

.right a:hover{ color:#999;}

.right_top{height:45px; line-height:45px; padding-left:15px; font-size:14px; font-weight:bold;}

.right_top p{ float:left;}

.right_top span{ float:left; font-weight:normal; padding-left:15px; color:#333;}

.right_top a{ float:right; padding-right:15px; color:#333; font-size:14px; font-weight:bold;}

.right_center{ width:280px; padding:5px 19px 10px 19px; height:205px;}

.right_center ul li{ width:280px; height:25px; line-height:25px; font-size:12px; text-align:left;}

.right_center ul li a{ color:#333;}

.right_center ul li a:hover{ color:#999;}

/*---------滚动--------*/

.marqueeleft{height:200px;width:580px;overflow:hidden;}

.marqueeleft ul{float:left;}

.marqueeleft li{float:left;margin:0 5px;display:inline;width:200px;height:200px;overflow:hidden;}

.marqueeleft li .pic{display:block; border:#ccc 1px solid;width:194px;height:175px;padding:2px;overflow:hidden;}

.marqueeleft li .pic img{ width:194px; height:175px;}

.marqueeleft li .pic img:hover{ width:192px; height:173px; padding:1px;}

.marqueeleft li .txt{text-align:center;height:23px;line-height:23px;}

.marqueeleft li .txt a{ color:#333;}

.marqueeleft li .txt a:hover{ color:#999;}

/*---------新闻三级页面--------*/

.abc h3{color: #393939; font: bold 16px/40px "微软雅黑"; text-align: center; padding:20px 0px;}

.abc dt{font:14px/24px "微软雅黑"; color:#6C6C6C;text-align:center; padding-bottom:12px; margin-bottom:10px; width:100%;}

.strong{ margin-top:40px; padding:0px 15px;}

.strong a{ color:#333;}