@charset "utf-8";
/* CSS Document */
/*banner*/
.top-bna { background: #fff; }
.top-bna div { margin: 0px auto; width: 1200px; }
.across-bna { clear: both; padding-top: 35px; }
.bna-1 { clear: both; padding-top: 35px; }

/*header*/
header { background: #fff; }
.head { margin: 0px auto; width: 1200px; height: 78px; }
.logo { float: left; margin-top: 25px; width: 410px; }
.top-search { float: right; margin-top: 28px; width: 405px; }
.head-sns { float: right; margin-top: 28px; width: 130px; text-align: right; }
.head-sns a { display: block; float: right; margin-left: 7px; width: 32px; height: 32px; }
.head-sns .head-sns-1:link, .head-sns .head-sns-1:visited { background: url(../images/sns-1.png) no-repeat; }
.head-sns .head-sns-1:hover, .head-sns .head-sns-1:active { background: url(../images/sns-12.png) no-repeat; }
.head-sns .head-sns-2:link, .head-sns .head-sns-2:visited { background: url(../images/sns-2.png) no-repeat; }
.head-sns .head-sns-2:hover, .head-sns .head-sns-2:active { background: url(../images/sns-22.png) no-repeat; }
.head-sns .head-sns-3:link, .head-sns .head-sns-3:visited { background: url(../images/sns-3.png) no-repeat; }
.head-sns .head-sns-3:hover, .head-sns .head-sns-3:active { background: url(../images/sns-32.png) no-repeat; }
.input-search { width: 308px; height: 26px; border: #e5e5e5 1px solid; border-right: none; padding-left: 30px; background:url(../images/search-zoom.png) 8px 5px no-repeat; }
.search-submit { width: 60px; height: 32px; border: #e5e5e5 1px solid; border-left: none; background: #f36200; color: #fff; cursor: pointer; }
nav { height: 47px; border-bottom: #c9c9c9 2px solid; background: url(../images/bg-nav.png) repeat-x; }
nav ul { margin: 0px auto; width: 1200px; }
nav li { float: left; width: 110px; height: 33px; padding-top: 14px; text-align: center; font-size: 16px; }
nav .nav-current { background: #ffa365; }
nav a:link, nav a:visited, nav a:hover, nav a:active { color: #fff; }
nav a:hover, nav a:active { text-decoration: underline; }

/*sub nav*/
.sub-nav { height: 40px; background: #e5e5e5; }
.sub-nav ul { margin: 0px auto; width: 1200px; }
.sub-nav li { float: left; width: 110px; height: 30px; padding-top: 10px; text-align: center; font-size: 14px; }
.sub-nav a { color: #333; }
.sub-nav .sub-nav-current { color: #f36200; font-weight: bold; }
.sub-nav a:hover, .sub-nav a:active { color: #f36200; }
.sub-nav p { display: block; margin: 0px auto; width: 1200px; padding-top: 10px; color: #333; font-size: 14px; }
.sub-nav p a { margin-left: 10px; margin-right: 10px; }

/*merchant*/
.merchant { margin: 0px auto; width: 1200px; height: 100px; padding-top: 35px; }
.merchant li { position: relative; float: left; margin-right: 13px; width: 290px; }
.merchant a { overflow: hidden; position: absolute; display: none; top: 0px; left: 0px; padding: 45px 10px 10px 10px; background: rgba(0,0,0,0.6); width: 270px; height: 45px; font-size: 14px; text-align: center; color: #fff; }
.merchant .merchant-last { margin-right: 0px; }

/*main*/
.main { margin: 0px auto; margin-top: 10px; width: 1200px; }

/*main content*/
.main-content { float: left; width: 840px; }

/*main sub*/
.main-sub { position: relative; float: left; width: 330px; }
.main-sub-div, .main-sub-nav { margin-top: 25px; padding: 30px 30px 25px 30px; }
.main-sub-div { background: #fff; }
.main-sub-bna { margin-top: 25px; }

/*main sub magazine*/
.sub-div-mag { position: relative; }
.sub-div-mag span { position: absolute; display: block; top: 223px; right: -10px; }

/*main sub nav*/
.main-sub-nav { width: 270px; background: #e5e5e5; }
.main-sub-nav dt { clear: both; display: block; height: 45px; padding-top: 3px; font-size: 16px; }
/*.main-sub-nav dt a:link, .main-sub-nav dt a:visited { color: #333; }
.main-sub-nav dt a:hover, .main-sub-nav dt a:active { color: #f36200; }
.nav-dt-1 { background:url(../images/nav-icon-1.png) no-repeat 0px 4px; }
.nav-dt-2 { background:url(../images/nav-icon-2.png) no-repeat 0px 4px; }
.nav-dt-3 { background:url(../images/nav-icon-3.png) no-repeat 0px 3px; }
.nav-dt-4 { background:url(../images/nav-icon-4.png) no-repeat 0px 4px; }
.nav-dt-5 { background:url(../images/nav-icon-5.png) no-repeat 0px 5px; }
.nav-dt-6 { background:url(../images/nav-icon-6.png) no-repeat 0px 5px; }
.nav-dt-7 { background:url(../images/nav-icon-7.png) no-repeat 0px 6px; }
.nav-dt-8 { background:url(../images/nav-icon-8.png) no-repeat 0px 4px; }*/
.main-sub-nav dd { display: block; float: left; margin-right: 25px; width: 60px; height: 26px; }
.main-sub-nav dd a:link, .main-sub-nav dd a:visited { color: #777; }
.main-sub-nav dd a:hover, .main-sub-nav dd a:active { color: #f36200; }
.nav-dd-1 { padding-left: 35px; }
.main-sub-nav .nav-dd-3 { margin-right: 0px; }
.fixedNav, .fixedRank { top: 0px; margin-top: 0px; }
.fixedSubBna { top: 666px; }
.fixedSubWeibo { width: 270px; }
/*.fixedSubBna2 { top: 1478px; }*/
.fixedNav, .fixedSubBna, .fixedRank, .fixedSubWeibo, .fixedSubBna2 { position: fixed; _position: absolute; _top: expression(eval(document.documentElement.scrollTop)); }

/*ul sub about*/
.ul-sub-about li { line-height: 30px; }
.ul-sub-about a { color: #777; }
.ul-sub-about a:hover, .ul-sub-about a:active { color: #f36200; }

/*ul sub img*/
.ul-sub-img li { height: 80px; }
.ul-sub-img p { overflow: hidden; display: block; float: left; margin-right: 20px; width: 150px; height: 60px; line-height: 20px; }
.ul-sub-img p a:link, .ul-sub-img p a:visited { color: #777; }
.ul-sub-img p a:hover, .ul-sub-img p a:active { color: #f36200; }
.ul-sub-img div { position: relative; float: left; width: 100px; }
.ul-sub-img span { position: absolute; top: 0px; right: 0px; padding: 3px 5px; background: #f36200; color: #fff; z-index: 2; }
.ul-sub-img img:hover, .ul-sub-img img:active { filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1); -ms-filter: grayscale(1); }

/*main content*/
.main-content-1 { float: left; margin-top: 25px; width: 840px; }

/*li content*/
.li-content-img-1, .li-content-img-2 { clear: both; height: 170px; padding-top: 23px; border-bottom: #e5e5e5 1px solid; }
.li-content-img-1 .content-img-a { float: left; margin-right: 25px; }
.li-content-img-2 .content-img-a2 { float: right; margin-left: 25px; }
.li-content-img-1 .content-img-a, .li-content-img-2 .content-img-a2 { display: block; width: 252px; height: 150px; }
.li-content-img-1 .content-img-a img, .li-content-img-2 .content-img-a2 img { border: #f3f3f3 1px solid; }
.li-content-img-1 .content-img-a img:hover, .li-content-img-1 .content-img-a img:active, .li-content-img-2 .content-img-a2 img:hover, .li-content-img-2 .content-img-a2 img:active { border: #f36200 1px solid; }
.li-content-img-1 summary, .li-content-img-2 summary { overflow: hidden; margin-top: 20px; height: 74px; line-height: 26px; color: #929292; font-size: 14px; }
.li-content-img-1 p, .li-content-img-2 p { overflow: hidden; margin-top: 18px; color: #777; height: 16px; }
.li-content-img-1 p a, .li-content-img-2 p a { margin-left: 25px; margin-right: 25px; }
.li-content-img-1 p a:link, .li-content-img-1 p a:visited, .li-content-img-2 p a:link, .li-content-img-2 p a:visited { color: #777; }
.li-content-img-1 p a:hover, .li-content-img-1 p a:active, .li-content-img-2 p a:hover, .li-content-img-2 p a:active { color: #f36200; }
/*.li-content-img-1 p span a, .li-content-img-1 p span a, .li-content-img-1 p span a { margin-left: 0px; margin-right: 10px; }*/

/*main content 5*/
.ul-content-img-2 { height: 260px; padding-top: 23px; }
.ul-content-img-2 li { position: relative; overflow: hidden; }
.content-img-1 { float: left; margin-right: 10px; width: 420px; height: 250px; }
.content-img-2, .content-img-4 { margin-right: 10px; }
.content-img-2, .content-img-3 { margin-bottom: 10px; }
.content-img-2, .content-img-3, .content-img-3, .content-img-4, .content-img-5 { float: left; width: 200px; height: 120px; }
.content-img-1 a { width: 400px; }
.content-img-2 a, .content-img-3 a, .content-img-4 a, .content-img-5 a { width: 180px; }
.content-img-1 a, .content-img-2 a, .content-img-3 a, .content-img-4 a, .content-img-5 a { position: absolute; display: block; overflow: hidden; bottom: 0px; height: 40px; padding: 10px 10px 13px 10px; background:rgba(0,0,0,0.6); font-size: 12px; line-height: 24px; text-align: center; }
/*.content-img-1 a, .content-img-2 a, .content-img-3 a, .content-img-4 a, .content-img-5 a { display: block; overflow: hidden; height: 40px; font-size: 14px; line-height: 22px; text-align: center; }*/
.ul-content-img-2 a:link, .ul-content-img-2 a:visited { color: #fff; }
.ul-content-img-2 a:hover, .ul-content-img-2 a:active { color: #f36200; }

/*header*/
.header-1 { display: block; }
.header-1 a { display: block; width: 840px; height: 25px; padding-top: 25px; font-weight: normal; text-align: right; }
.header-1 a:link, .header-1 a:visited { color: #929292; }
.header-1 a:hover, .header-1 a:active { color: #f36200; text-decoration: none; }
.bg-header-1 { background: url(../images/bg-header-3.png) no-repeat; }
.bg-header-2 { background: url(../images/bg-header-45.png) no-repeat; }
.bg-header-3 { background: url(../images/bg-header-9.png) no-repeat; }
.bg-header-4 { background: url(../images/bg-header-49.png) no-repeat; }
.bg-header-5 { background: url(../images/bg-header-53.png) no-repeat; }
.bg-header-6 { background: url(../images/bg-header-57.png) no-repeat; }
.bg-header-7 { background: url(../images/bg-header-39.png) no-repeat; }
.header-2 { color: #929292; }
.header-2 a:link, .header-2 a:visited { color: #929292; }
.header-2 a:hover, .header-2 a:active { color: #f36200; }
.header-2 span a:link, .header-2 span a:visited { color: #333; }
.header-2 span a:hover, .header-2 span a:active { color: #f36200; }
.header-2 span { float: right; display: block; margin-top: 5px; width: 100px; font-size: 12px; font-weight: normal; text-align: right; }
.header-2, .header-3 { display: block; height: 45px; font-weight: normal; font-size: 18px; }
.header-3 a { color: #f36200; }
.header-3 a:hover, .header-3 a:active { text-decoration: underline; }
.header-4 { height: 45px; font-size: 22px; color: #f36200; }
.li-content-img-1 h4, .li-content-img-2 h4 { overflow: hidden; height: 24px; font-size: 20px; }
.li-content-img-1 h4 a:link, .li-content-img-1 h4 a:visited, .li-content-img-2 h4 a:link, .li-content-img-2 h4 a:visited { color: #333; }
.li-content-img-1 h4 a:hover, .li-content-img-1 h4 a:active, .li-content-img-2 h4 a:hover, .li-content-img-2 h4 a:active { color: #f36200; }
.header-5 { height: 40px; color: #6b6b6b; font-size: 22px; font-weight: normal; }
.header-6 { display: block; margin: 0px auto; width: 1200px; height: 40px; color: #6b6b6b; font-size: 22px; font-weight: normal; }
.header-6 span { margin-left: 25px; font-size: 12px; }
.header-6 span a { margin-right: 10px; color: #f36200; }
.header-6 span a:hover, .header-6 span a:active { text-decoration: underline; }

/*footer*/
footer { height: 250px; padding-top: 70px; background: #fff; color: #6b6b6b; }
footer ul { display: block; margin: 0px auto; width: 795px; height: 150px; padding-left: 405px; }
footer li { float: left; margin-right: 45px; width: 100px; }
footer li p { margin-top: 10px; font-weight: bold; }
footer p { margin-top: 15px; text-align: center; }
footer a { margin-left: 5px; margin-right: 5px; }
footer a:link, footer a:visited { color: #6b6b6b; }
footer a:hover, footer a:active { color: #f36200; }
.footer-tongji { display: none; }

/*widget*/
.widget { display: none; position: fixed; _position: absolute; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-15+"px"); bottom: 10px; }
.widget a { display: block; margin-bottom: 10px; height: 50px; width: 50px; cursor: pointer; text-indent: -999px; }
.widget .widget-1 { background: url(../images/widget-1.png) no-repeat; }
.widget .widget-1:hover, .widget .widget-1:active { background: url(../images/widget-12.png) no-repeat; }
.widget .widget-2 { background: url(../images/widget-2.png) no-repeat; }
.widget .widget-2:hover, .widget .widget-2:active { background: url(../images/widget-22.png) no-repeat; }
.widget .widget-3 { background: url(../images/widget-3.png) no-repeat; }
.widget .widget-3:hover, .widget .widget-3:active { background: url(../images/widget-32.png) no-repeat; }

/*page control*/
.page-control { clear: both; overflow:hidden; height: 40px; padding-top: 70px; text-align: center; color: #777; font-size: 14px; }
.page-control ul { margin: 0px auto; overflow: hidden; text-align: center; white-space: nowrap; }
.page-control li { display: inline; }
.page-control a { display: inline-block; margin-left: 2px; margin-right: 2px; border: #e5e5e5 1px solid; padding: 5px 8px; color: #777; }
.page-control a:hover, .page-control a:active { border: #f36200 1px solid; color: #f36200; }
.page-control .thisclass { display: inline-block; margin-left: 3px; margin-right: 3px; border: #f3f3f3 1px solid; padding: 5px 10px; background: #f36200; color: #fff; }

/*margin*/
.margin-bottom-1 { margin-bottom: 40px; }

/*padding*/
.no-padding-top { padding-top: 0px; }

/*border*/
.no-border-bottom { border-bottom: none; }