﻿@charset "utf-8";



::selection { background:#d4a265; color:#fff;}

::-webkit-input-placeholder{ color:#c2c1c0;}

:-moz-placeholder{ color:#c2c1c0;}

::-moz-placeholder{ color:#c2c1c0;}

:-ms-input-placeholder{ color:#c2c1c0;}

body { margin:0; background:#faf9f7; color:#908d88; font:14px "Microsoft YaHe", "微软雅黑";}

a { text-decoration:none; color:#7c7875; cursor:pointer; transition:all .2s;}

a:hover { color:#d73b20;}

a img { border:0;}

form { margin:0;}



.t10 { font-size:10px;}

.t11 { font-size:11px;}

.t12 { font-size:12px;}

.t13 { font-size:13px;}

.t14 { font-size:14px;}

.t16 { font-size:16px;}

.t18 { font-size:18px;}

.t20 { font-size:20px;}

.t22 { font-size:22px;}

.t24 { font-size:24px;}

.t26 { font-size:26px;}

.t28 { font-size:28px;}

.t30 { font-size:30px;}

.t32 { font-size:32px;}

.t34 { font-size:34px;}

.t36 { font-size:36px;}

.t38 { font-size:38px;}

.t40 { font-size:40px;}



.h12 { line-height:12px}

.h14 { line-height:14px}

.h16 { line-height:16px}

.h18 { line-height:18px}

.h22 { line-height:22px}

.h24 { line-height:24px}

.h26 { line-height:26px}

.h28 { line-height:28px}

.h30 { line-height:30px}

.h32 { line-height:32px}

.h34 { line-height:34x}

.h36 { line-height:36px}

.h38 { line-height:38x}

.h40 { line-height:40px}

.h50 { line-height:50px}



ul.nostyle { margin:0; padding:0; list-style:none;}

.hide { display:none;}

.left { float:left;}

.right { float:right;}

.clear { clear:both;}

.page_width { margin:auto; width:75%; min-width:1260px;}

.main_width { margin:auto; width:72%; min-width:1220px;}



body { width:100%; overflow-x:hidden; transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out;}

body.showright { margin-left:-320px;}

body.showright #right { width:320px;}

#pagemenu { border:1px solid #e7e4de; border-left:0; border-right:0; background:#f0efed;}

#pagemenu a { float:left; margin:0 30px 0 10px; padding:4px 5px; line-height:50px;}

#pagemenu a.sel { padding-bottom:0; border-bottom:4px solid #dd6124;}



#pagetitle {}

#pagetitle h1 { margin:0; font-weight:normal; font-size:32px; color:#504c4a; text-align:center;}

#pagetitle p { margin:0; font:24px "Trebuchet MS","Lucida Sans Typewriter","Lucida Sans",Arial; text-transform:uppercase; color:#fd7204; text-align:center}



.left .search { padding:2px; background:#e6e5e4;}

.left .search input { padding:0 5%; width:76%; height:46px; line-height:46px; border:0; background:#faf9f7;}

.left .search a { float:right; *margin-top:-46px; width:14%; height:46px; }



.left .yearlist { height:394px; border:1px solid #eeeeee; overflow:hidden;}

.left .yearlist li h3 { margin:1px 0 0; padding:10px 20px; background:#eeeeee url(../images/arrow_group2.png) no-repeat 95% -30px; color:#858585; line-height:30px; transition:all .2s; cursor:pointer;}

.left .yearlist li h3 a { display:block;}

.left .yearlist li:first-child h3 { margin:0;}

.left .yearlist li.sel h3 { background-color:#c2c2c2; background-position:95% 20px; color:#faf9f7;}

.left .yearlist li p { margin:0; padding:20px 30px; height:100px; display:none;}

.left .yearlist li p a { float:left; margin:0 2.5% 5px; width:20%; line-height:30px; text-align:center;}

.left .yearlist li p a:hover { background:#c2c2c2; color:#fff;}

.left .yearlist li p a.sel { background:#eb5541; color:#fff;}



.boxtitle { margin:0 auto 40px; width:320px; height:60px; border-bottom:1px solid #d6d5d3; text-align:center;}

.boxtitle span { display:block; margin:auto; padding:40px 0 0; width:140px; line-height:40px; background:#faf9f7 ; color:#504c4a; font-size:20px;}



#box1 { padding:50px 0 0;}



#box2 { padding:30px 0 200px; background:url(../images/culture_ppqs_bg.jpg) no-repeat center bottom;}

#box2 .tabs { padding:0 30px; background:#f4f3f1; text-align:right;}

#box2 .tabs a { display:inline-block; width:110px; line-height:58px; text-align:center;}

#box2 .tabs a.sel { background:#d63818; color:#faf9f7;}

#box2 .tabs a:before { float:left; content:""; margin:24px 0 0 -2px; width:1px; height:10px; background:#b5b1af;}

#box2 .tabs a:first-child:before { display:none;}

#box2 .tabs_con { padding:60px 0 0;}

#box2 .tabs_con >div { display:block;}

#box2 .tabs_con >div.sel { display:block;}



#ppln .left { margin-top:40px;}

#ppln .right { margin-right:2.5%; width:57%;}

#ppln .right >div { padding-bottom:20px;}

#ppln .right h3 { margin:10px 0; color:#504c4a; font-weight:normal; font-size:20px; line-height:30px; text-align:left !important}

#ppln .right h3 em { font-style:normal; color:#fd7204;}

#ppln .right p { margin:10px 0; line-height:24px;}

#ppln .right span { float:left; width:90px; height:74px; display:block; border-left:1px solid #e89887; }

#ppln .right span.mei { background-position:center top;}

#ppln .right span.shan { background-position:center bottom;}

#ppln .right span +p { float:left; margin-top:26px;}


#ppln2 .right { margin-top:100px; margin-right:80px;}

#ppln2 .left { margin-right:2.5%; width:60%; margin-left:30px; margin-top:20px;}

#ppln2 .left >div { padding-bottom:20px;}

#ppln2 .left h3 { margin:10px 0; color:#504c4a; font-weight:normal; font-size:20px; line-height:30px; text-align:left !important}

#ppln2 .left h3 em { font-style:normal; color:#fd7204;}

#ppln2 .left p { margin:10px 0; line-height:24px;}

#ppln2 .left span { float:left; width:90px; height:74px; display:block; border-left:1px solid #e89887; background:url(../images/ls.png) no-repeat;}

#ppln2 .left span.mei { background-position:center top;}

#ppln2 .left span.shan { background-position:center bottom;}

#ppln2 .left span +p { float:left; margin-top:26px;}



