@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;}

#header .pagetop { height:90px; border-bottom:1px solid #eccca7;}
#header .pagetop .logo { float:left; margin:25px 0 0;}
#header .pagetop .logo * { float:left;}
#header .pagetop .logo span { margin:8px 10px; width:1px; height:24px; background:#b0afad;}
#header .pagetop .logo span + img { margin:4px 0;}
#header .pagetop .other { float:right; margin:30px 0 0; line-height:30px;}
#header .pagetop .other >div { float:left;}
#header .pagetop .other .link * { float:left;}
#header .pagetop .other .link span { margin:10px; width:1px; height:10px; background:#d9d5d3;}
#header .pagetop .other .link a.em { color:#dc5301;}
#header .pagetop .other .link a.ico { padding-left:24px; background:url(../images/header_link_ico.png) no-repeat; position:relative;}
#header .pagetop .other .link a.ico.mobile { background-position:-5px 0;}
#header .pagetop .other .link a.ico.weixin { background-position:-5px -50px;}
#header .pagetop .other .link a.ico img { position:absolute; z-index:100; left:50%; top:30px; margin-left:-75px; display:none;}
#header .pagetop .other .link a.ico:hover img { display:block;}
#header .pagetop .other .search { margin-left:20px;}
#header .pagetop .other .search input[type="text"] { margin:-10px 0 0; width:0; border:1px solid #94918f; opacity:0; filter:alpha(opacity=0); transition:all .2s;}
#header .pagetop .other .search:hover input[type="text"] { width:120px; opacity:1; filter:alpha(opacity=100);}
#header .pagetop .other .search a { display:inline-block; width:30px; height:30px; background:url(../images/header_link_ico.png) no-repeat 0 -100px;}
#header .pagetop .other .hamburger { margin-left:10px;}
#header .pagetop .other .hamburger a { display:block; width:30px; height:30px; background:url(../images/header_link_ico.png) no-repeat 0 -150px;}

#header .pagenav { height:50px; line-height:50px; text-align:right;}
#header .pagenav ul { float:right;}
#header .pagenav ul li { float:left; padding:0 15px; position:relative;}
#header .pagenav ul li:after { content:""; position:absolute; left:0; top:20px; width:1px; height:10px; background:#cac8c7;}
#header .pagenav ul li:first-child:after { content:""; display:none;}
#header .pagenav ul li a { display:block; padding:0 10px; height:100%; font-weight:bold; font-size:15px; color:#666;}
#header .pagenav ul li.sel a { margin-top:-20px; *margin-top:0; padding:10px; *padding:0 10px; background:#eb5541; color:#fff;}
#header .pagenav ul li a:hover { background:#eb5541; color:#fff;}

#footer { position:relative; border-top:10px solid #e7e7e6; background:url(../images/txt_zhu.png) no-repeat 8% 15px;}
#footer .gotop { position:absolute; right:5%; top:-30px; width:50px; height:50px; background:#504c4a url(../images/arrow_up1.png) no-repeat center;}
#footer .gotop:hover { background-color:#eb5541;}
#footer .nav { padding:40px 0 50px; background:url(../images/txt_zszmgtcz.png) no-repeat left center;}
#footer .nav ul { float:right;}
#footer .nav ul li { float:left; margin-left:80px; text-align:center;}
#footer .nav ul li a { display:block; line-height:30px; color:#a49c91; font-size:12px;}
#footer .nav ul li a:first-child { margin-bottom:10px; padding:6px 0; border-bottom:2px solid #e1e0de; color:#706a61; font-size:14px; font-weight:bold;}
#footer .nav ul li a:hover { color:#d61007;}
#footer .footernav { height:96px; background:#7d7771;}
#footer .footernav .othermenu { float:left; margin-top:33px; line-height:30px;}
#footer .footernav .othermenu a { margin-right:20px; color:#eeeae0;}
#footer .footernav .othermenu a:hover { color:#ff9000;}
#footer .footernav .otherinfo { float:right; margin-top:18px;}
#footer .footernav .otherinfo a { float:left; margin-left:40px; padding:5px 0 5px 70px; height:50px; font-size:12px; color:#faf9f7;}
#footer .footernav .otherinfo a.ico { background:url(../images/footer_info_ico.png) no-repeat left top;}
#footer .footernav .otherinfo a em { display:block; margin-left:-2px; font-style:normal; font:25px/30px "Swis721 BlkCn BT Black",Haettenschweiler,Impact,"Arial Black",Arial; color:#f18410;}
#footer .footernav .otherinfo a.ico.weixin { position:relative; background-position:0 -60px; line-height:50px;}
#footer .footernav .otherinfo a.ico.weixin img { position:absolute; left:50%; bottom:100%; width:150px; margin-left:-75px; display:none;}
#footer .footernav .otherinfo a.ico.weixin:hover img { display:block;}

#footer .bottom { height:120px;}
#footer .copyright { float:left; margin-top:40px; font-size:12px;}
#footer .copyright .logo img { width:100px;}
#footer .copyright a {}
#footer .copyright a span { /* display:none; */ display:inline-block; padding:0 5px 0 0;}
#footer .copyright a:hover span { display:inline-block; padding:0 5px 0 0;}
#footer .links { float:right; position:relative; font-size:12px;}
#footer .links p { position:relative; margin:40px auto 0; padding:0 40px; line-height:30px; border-radius:15px; border:1px solid #eae9e5; cursor:pointer;}
#footer .links p:before { content:""; position:absolute; left:5px; top:0; width:30px; height:30px; background:url(../images/links_ico.png) no-repeat center top;}
#footer .links p:after { content:""; position:absolute; right:5px; top:0; width:30px; height:30px; background:url(../images/links_ico.png) no-repeat center bottom;}
#footer .links ul { position:absolute; left:0; bottom:30px; width:100%; padding:10px 0; background:#fff; border-radius:15px; border:1px solid #eae9e5; text-align:center; line-height:30px; display:none;}

#right { position:fixed; right:0; top:0; width:0; height:100%; background:#56514c; color:#aba9a6; overflow-y:auto; 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;}
#right a.close { position:absolute; top:10px; right:10px; width:30px; height:30px; border-radius:50%; border:1px solid #fff; background:url(../images/icon_close.png) no-repeat center; opacity:.3; filter:alpha(opacity=30);}
#right a.close:hover { opacity:1; filter:alpha(opacity=100);}
#right a { color:#aba9a6;}
#right a:hover { color:#cb523a;}
#right #default { padding:100px 40px 40px;}
#right #default >h1 { font-size:24px; color:#cb523a;}
#right #default .block { padding:20px 0; line-height:24px;}
#right #default .block img.ewm { width:150px;}

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;}

#menuname { position:relative; background:#eee;}
#menuname >img { display:block; width:100%; min-width:1260px;}
#menuname >div { position:absolute; left:0; top:0; width:100%; height:100%;}
#menuname .main_width { position:relative; height:100%;}
#menuname .main_width >img { position:absolute; left:0; top:50%; margin-top:-40px;}
#menuname .arrow { position:absolute; left:50%; bottom:25px; width:50px; height:50px; border-radius:50%; background:rgba(255,255,255,.6) url(../images/arrow_down3.png) no-repeat center; background:url(../images/arrow_down4.png) no-repeat center\9; cursor:pointer; animation:arrow-down 3s infinite; -webkit-animation:arrow-down 3s infinite; -moz-animation:arrow-down 3s infinite; -o-animation:arrow-down 3s infinite; -ms-animation:arrow-down 3s infinite;}
#nav { text-align:right; line-height:34px; font-size:12px; background:#fff; color:#cacaca;}
#nav a { text-align:right; line-height:34px; color:#cacaca;}
#nav a:first-child:before { content:url(../images/icon_home.png); margin-right:6px;}
#nav a:hover { color:#e77212;}
#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;}
#pagetitle p { margin:0; font:24px "Trebuchet MS","Lucida Sans Typewriter","Lucida Sans",Arial; text-transform:uppercase; color:#df812d;}

.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; background:url(../images/icon_search.png) no-repeat center;}

.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;}

.swiper-slide img { display:block; width:100%;}
.swiper-arrow { position:absolute; z-index:10; top:50%; margin-top:-30px; width:60px; height:60px; cursor:pointer;}
.swiper-arrow.prev { left:50px; background:url(../images/arrow_left1.png) no-repeat center;}
.swiper-arrow.next { right:50px; background:url(../images/arrow_right1.png) no-repeat center;}

.paging { text-align:center;}
.paging a,.paging span { display:inline-block; margin:0 1px; width:40px; height:40px; line-height:40px; background:#eee9e5;}
.paging a.sel { color:#c01818; font-weight:bold;}

/*向下箭头*/
@keyframes arrow-down{
from { background-position:50% -100%;}
to { background-position:50% 200%;}
}
@-webkit-keyframes arrow-down{
from { background-position:50% -100%;}
to { background-position:50% 200%;}
}
@-moz-keyframes arrow-down{
from { background-position:50% -100%;}
to { background-position:50% 200%;}
}
@-o-keyframes arrow-down{
from { background-position:50% -100%;}
to { background-position:50% 200%;}
}
@-ms-keyframes arrow-down{
from { background-position:50% -100%;}
to { background-position:50% 200%;}
}