/**
 * css template
 * @author: richard chen
 */

/**
 * @css reset from KISSY CSS Reset
 */

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html { overflow-y: scroll; }

/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ol, ul, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, legend, button, input, textarea, /* form elements 表单元素 */
menu, th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

/* 设置默认字体 */
body, button, input, select, textarea { font: 14px/1 "SimSun", Arial, Helvetica, sans-serif; }
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

/* 重置列表元素 */
ul, ol { list-style: none; }

/* 重置文本格式元素 */
a { text-decoration: none; }
a:hover { text-decoration: underline; }
abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */ border-bottom: 1px dotted; cursor: help; }
q:before, q:after { content: ''; }

/* 重置表单元素 */
legend { color: #000; } /* for ie6 */
fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */

/* 注：optgroup 无法扶正 */
button, input, select, textarea { font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */ }

/* 重置表格元素 */
table { border-collapse: collapse; border-spacing: 0; }

/* 重置 hr */
hr {
    border: none;
    height: 1px;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html { overflow-y: scroll; }

/* webkit对按钮的默认样式 */
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; }

/**
 * @global styles
 *   @colors:
 *     link: #333, link-hover: #666
 */
.fl { float: left; }
.fr { float: right; }
.clearfix { zoom: 1; }
.clearfix:before, .clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}
.clearfix:after { clear: both; }
.last { margin-right: 0; }
.trans-fix { /* css3 transition 闪屏bug修复 */
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}
.snow-container{position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 100001; margin-top:100px;}


body { background:#fff; }
.top, .container { width:1200px; margin:auto; }
.dialog-obj { cursor:pointer; }
/**
 * @top
 */
 
.top { height:50px; background:#fff; }
.top .logo { width:388px; float:left; margin-top:6px; }
.top .nav { float:right; }
.top .home { width:64px; float:left; }
.top .home a { display:block; width:100%; line-height:50px; color:#fff; font-size:14px; text-align:center; background:#ff5f07; text-decoration:none; font-family:"microsoft yahei"; }
.top .social { float:left; }
.top .social a { float:left; width:30px; height:38px; margin:11px 0 0 34px; background:url(../img/icon_social.png); }
.top .social span, .top .social img { display:none; }
.top .social a:hover { border:0; position:relative; color:#fff; }
.top .social a:hover span {display:inline; position:absolute; top:42px; left:-8px; white-space:nowrap; }
.top .social .yuyue:hover { background-position:-30px 0; }
.top .social .wenzhen { background-position:0 -38px; }
.top .social .wenzhen:hover { background-position:-30px -38px; }
.top .social .weixin { background-position: 0 -76px; }
.top .social .weixin:hover { background-position: -30px -76px; }
.top .social .weixin:hover img { display:inline; position:absolute; top:42px; right:0; }
.banner { height:498px; }
.ba1{ height:169px; background:url(../img/b1.jpg) no-repeat top;}
.ba2{ height:174px; background:url(../img/b2.jpg) no-repeat top;}
.ba3{ height:155px; background:url(../img/b3.jpg) no-repeat top;}
.ba3 p{ width:1000px; height:203px; margin:0 auto;}
.ba3 p a{ width:138px; height:33px; display:block; margin-top:68px; margin-right:426px; font-family:"微软雅黑"; font-size:20px; color:#e70000; line-height:35px; text-indent:65px;  float:right; text-decoration:none;}
.ba3 p a:hover{ color:#bd0000;}
/**
 * @main
 */
 
.x1{  height:106px;  background:url(../img/x2.jpg) repeat-x bottom;}
.x1 p{ width:1020px; height:68px; margin:0 auto; padding:20px 0 18px; color:#3a3a3a; font-size:14px; line-height:68px; font-family:"微软雅黑";}
.x1 p img{ float:left; margin-right:25px;}
.x1 p  span{ font-size:18px;}

.x2{  margin-bottom:10px; background:#feeebb url(../img/x3.jpg) repeat-x bottom; padding-bottom:50px;}
.x2_t{ width:524px; height:56px; margin:0 auto; padding-top:66px; background:url(../img/x4.png) no-repeat; }
.x2_t p{ font-size:24px; font-family:"微软雅黑"; line-height:56px; color:#FFFFFF;}
.x2_t p span{ display:block; float:left; width:36px; height:36px; background:#762e15; margin-top:12px; line-height:36px; text-align: center; font-size:26px; font-family:"微软雅黑";-moz-border-radius: 18px;-webkit-border-radius: 18px; border-radius:18px; margin-right:10px;}
.x2 ul{ width:980px; margin:90px auto 0; }
.x2 li{ width:202px; height:224px; background:url(../img/x12.jpg) no-repeat top; float: left; text-align:center; margin-right:57px; position:relative;}
.x2 .mr0{ margin-right:0;}
.x2 li span{ font-family:"微软雅黑"; color:#bd7c19; font-size:16px; line-height:22px; display:block;}
.x2 li strong{ font-family:"微软雅黑"; color:#9f9f9f; font-weight:normal; font-size:12px; line-height:16px; display:block; text-decoration:line-through}
.x2 li p{ position:absolute; top:-40px; left:-40px; margin:0;}
.x2 li p img{filter:alpha(opacity=100); /*IE滤镜，透明度50%*/-moz-opacity:1; /*Firefox私有，透明度50%*/opacity:1;/*其他，透明度50%*/; z-index:100;}
.x2 li img{ margin:3px;filter:alpha(opacity=80); /*IE滤镜，透明度50%*/-moz-opacity:0.8; /*Firefox私有，透明度50%*/opacity:0.8;/*其他，透明度50%*/ margin-bottom:15px;}
.x2 li:hover img{filter:alpha(opacity=100); /*IE滤镜，透明度50%*/-moz-opacity:1; /*Firefox私有，透明度50%*/opacity:1;/*其他，透明度50%*/}
.x2 .wb{ background: none; margin-right:0;}
.x2 .wb a{ width:202px; height:55px; display:block;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px; background:#fc3f3e; text-decoration:none; color:#FFFFFF; font-size:24px; font-family:"微软雅黑"; line-height:55px; text-align:center; margin-top:55px;}
.x2 .wb a:hover{background:#db2928;}

.x2_aa{background:url(../img/x3aa.jpg) repeat-x bottom;}
.x3{  width:1000px; margin:0 auto; padding-bottom:35px;}
.x3_t{ text-align:center; margin-top:15px;}
.x3_t p{ font-size:18px; font-family:"微软雅黑"; line-height:34px; color:#030303;}
.x3_t span{ font-size:18px; font-family:"微软雅黑"; line-height:24px; color:#F00;}
.x3_t strong{ color:#FF0000;}


.x3_q{ text-align:center;}
.x3_q img{ margin: 25px 0; }
.x3_q span{font-size:18px; font-family:"微软雅黑"; line-height:24px; color:#F00; display:block; margin-bottom:25px;}
.x3_q a{ width:200px; height:38px; display:block; margin:0 auto; background:#63bf00; font-size:24px; color:#FFF; text-align:center;  font-family:"微软雅黑"; line-height:38px;}

.zzxm-content { width:100%; overflow:hidden; }
.zzxm-list { width:1000px; margin-top:50px; }
.zzxm-list li { width:390px; float:left;  }

.x2_a{ width:1003px; height:472px; background:url(../img/x18.jpg) no-repeat; margin:50px auto 0;}
.x2_a a{ width:142px; height:38px; display:block; float:left; margin:330px 0 0 450px}

.x4{ padding-bottom:80px; background:#feeebb;}

.zj-content { width:1004px; overflow:hidden;margin:0 auto; }
.zj-list { width:1040px; margin-top:50px; }
.zj-list li { width:123px; height:152px; float:left; margin:0 53px 20px 0; }
.zj-list a { display:block; width:100%; height:100%; overflow:hidden; color:#191919; font-family:"microsoft yahei"; font-size:16px; line-height:1.5em; }
.zj-list a span { display: none; text-align:center; }
.zj-list a:hover { border:0; position:relative; text-decoration:none; }
.zj-list a:hover span { display:inline; position:absolute; width:119px; height:100px; padding-top:48px; top:2px; left:2px; background:#e6e6e6; cursor:pointer; }
.zj-list a i { font-style:normal; font-size:22px; }
/**
 * @footer
 */
#footer { background:#076bb9; padding:33px 0; zoom:1; }
#footer .container{ width:1000px;}
#footer .left { width:202px; float:left; }
#footer .logo { margin-bottom:21px; }
#footer .left .dropdowns li { width:95px; height: 26px; position:relative; }
#footer .left .dropdowns span { display:block; width:100%; height:100%; line-height: 26px; text-align:center; color:#96d2ff; background:url(../img/footer_btn_01.png); cursor:pointer; }
#footer .left .dropdowns .content { padding:0 10px; position:absolute; top:26px; left:2px; background:#96d2ff; display:none; }
#footer .left .dropdowns .current .content { display: block; }
#footer .left .dropdowns .content a { display:block; width:100%; height:26px; line-height:26px; white-space:nowrap; overflow:hidden; font-size:12px; color:#666; }
#footer .center { float:left; }
#footer .center dl { width:102px; height:180px; border-top:1px solid #1474bd; border-right:1px solid #1474bd; border-bottom:1px solid #085eb9; border-left:1px solid #085eb9; float:left; margin-left:24px; }
#footer .center dt { text-align:center; font-size:16px; font-family:"microsoft yahei"; color:#fff; padding-top:8px; }
#footer .center dd { text-align:center; line-height:30px; }
#footer .center dd a { color:#55b6ff; }
#footer .right { width:188px; float:right; }
#footer .right a { display:block; width:100%; height:54px; margin-bottom:12px; transition:all 0.2s ease-in-out; }
#footer .right .tel { background:url(../img/footer_tel.png); }
#footer .right .qq { background:url(../img/footer_qq.png); }
#footer .right .wx { background:url(../img/footer_wx.png); }
#footer .right a img { display:none; }
#footer .right a:hover { background-position:0 -54px; border:none; position:relative; }
#footer .right a:hover img { display:block; position:absolute; top:58px; right:0; }
/**
 * @footer-info
 */
#footer-info { padding:12px 0; text-align:center; line-height:24px; color:#7b7b7b; }

/**
 * @dialog
 */
.dialog-mask { width:100%; height:100%; position:absolute; top:0; left:0; background:#000; opacity:0.5; filter:alpha(opacity=50); z-index:9999; }
.dialog { width:512px; position:absolute; left:50%; margin-left:-256px; z-index:10000; background:#fff; }
.dialog-close { width:16px;height:15px; background:url(../img/dialog_close.gif); position:absolute; top:-15px; right:-16px; cursor:pointer; }