﻿
/* CSS Document */
/* Reset */
html, body, div, img, p, hr, pre, h1, h2, h3, h4, h5, h6, table, tr, td, th, tfoot, tbody, thead, form, fieldset, input, textarea, select, label, ul, ol, dl, li, dt, dd { margin: 0; padding: 0; border: 0; outline: none; list-style: none; font-weight: normal; }
body, html { height: 100%; width: 100%; font-size: 14px; line-height: 24px; font-family: Arial, sans-serif; }
body { color: #484848; position: relative; }
li { list-style-type: none; }
h3, h2 { text-align: right; direction: rtl; }
p { text-align: right; direction: rtl; }
a { text-decoration: none; outline: none; color: #484848; text-align: right; direction: rtl; }
a:hover { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; margin: 0 auto; clear: both; }
img { border: 0; display: block; }
em { font-style: normal; }
hr { height: 0; clear: both; }
.none { display: none; }
.clear { clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.fl { float: left; }
.fr { float: right; }
.abc { text-align: right; direction: rtl; }
.domPC { display: block; }
.domMobile { display: none; }
/* ===============================================================
Content
================================================================*/
.info { width: 100%; min-width: 1200px; }
.info-a { background: #fff; margin-bottom: 0px; }
.info-b { background: #ececec; padding-bottom: 50px; }
/* 头部 */
.header { width: 100%; min-width: 1200px; height: 160px; background: url('../image/header_bg.jpg') no-repeat; background-position: center top; background-size: 100% 100%; overflow: hidden; }
.header img { display: block; border: none; }
.header .main { width: 1200px; height: 160px; margin: 0 auto; overflow: hidden; }
.header .main .left { float: left; width: 360px; }
.header .main .img-link { margin-top: 10px; width: 250px; height: 90px; overflow: hidden; }
.header .main .right { position: relative; float: right; height: 100%; }
.header .main .logo-box { margin-top: 10px; overflow: hidden; }
.header .main .logo-box h3 { float: left; margin-top: 60px; line-height: 35px; height: 35px; font-size: 30px; color: #6b2c69; margin-right: 21px; }
.header .main .img-box { float: right; width: 146px; height: 95px; }
.header .main .img-box img { width: 100%; height: 100%; }
.header .main .time { color: #6b2c69; font-weight: bold; font-size: 16px; position: absolute; right: 20px; bottom: 10px; }
/*搜索*/
.searchbox { width: 248px; height: 32px; border: 1px solid #6b2c69; border-radius: 16px; background: #fff; margin-top: 14px; }
.search_btn { width: 14px; height: 14px; float: left; margin: 9px 0 0 12px; }
.search_text { width: 200px; height: 32px; float: right; margin-right: 15px; border: 0px; overflow: hidden; }
.textsearch { width: 100%; height: 35px; line-height: 35px; text-align: right; direction: rtl; font-size: 16px; }
.video0225 { width: 858px; height: 484px; }
/* 导航 */
.fix-div { margin: 0 auto; position: fixed; width: 100%; top: 0; left: 0; right: 0; z-index: 99; }
.navigation { width: 100%; min-width: 1200px; height: 64px; background: #6b2c69; margin-bottom: 30px; }
.navigation .nav-box { width: 1200px; height: 64px; margin: 0 auto; }
.navigation .nav-box ul { list-style: none; width: 1200px; height: auto; margin: 0 auto; line-height: 64px; }
.navigation ul li { float: right; font-size: 20px; line-height: 64px; height: 64px; display: inline-block; color: #FFF; padding: 0 16px; }
.navigation ul li a { color: #FFF; display: block; line-height: 58px; height: 58px; margin-top: 3px; }
.navigation ul li a:hover { color: #f0d265; border-bottom: 3px solid #f0d265; }
.navigation .navmore { width: 135px; position: relative; padding: 0!important; float: left!important; }
.navigation .navmore span { float: left; width: auto; height: 64px; vertical-align: middle; padding: 0 8px; color: #f0d265; }
.navigation .navmore span:first-child { margin-left: 35px; }
.navigation .navmore span img { margin-top: 25px; }
.navigation .navmore a { display: block; padding: 0; font-weight: 700; text-decoration: none; color: #fff; zoom: 1; padding: 0px 13px 0 13px; font-size: 16px; }
.navigation .navmore a:hover, .bor a.hov { color: #f0d265; }
.navigation .navmore ul { display: none; position: absolute; width: 168px; height: 300px; left: 0; top: 64px; margin: 0; padding: 0; list-style: none; z-index: 100; }
.navigation .navmore ul li { width: 134px; height: 36px; line-height: 36px; float: left; border-top: 1px solid #fff; background: #846090; text-align: left; padding: 0; border-bottom: 0px; text-align: right; direction: rtl; }
.navigation .navmore:hover ul { display: block; }
.navigation .navmore ul li a:hover { background: #9b7ea4; }
.navigation .navmore ul li a { display: block; height: 36px; line-height: 36px; color: #fff; font-weight: normal; margin-top: 0; border-bottom: 0px!important; }
.navigation .navmore .clickbox { width: 134px; height: 64px; margin-top: 0; margin-left: 0px; padding: 0; background: #823380; }
.navigation .navmore .clickbox:hover { background: #994196; text-decoration: none; color: #f0d265; border-bottom: 0px; }
/*footer*/
.footer { width: 100%; height: 40px; line-height: 40px; font-size: 16px; text-align: center; min-width: 1070px; background: #424242; margin-top: 50px; }
.footer p { color: #fff; margin: 0 auto; text-align: center; direction: ltr; }
@media screen and (min-width:0px) and (max-width: 767px) { 
.header { min-width: auto; }
}