﻿@charset "utf-8";
/* CSS Document */

body { font-size: 12px; font-family:"microsoft yahei"; color: #000; background:url(../images/bodyBg.jpg) repeat; }
input, select, textarea { vertical-align: middle; outline:none; }
h1, h2, h3, h4, h5, h6{font-weight:normal;}
img { border: 0; }
ul, li, ol, dl, dt {list-style: none;}
a { text-decoration: none; outline: none; color: #303030; }
* { padding: 0px; margin: 0px; }
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; font-size:0; line-height:0; height:0;}
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { zoom: 1 }
.mag { margin: 0 auto; }



/**index**/
.main{ background:url(../images/mainBg.png) repeat-y; width:1264px; padding:0 18px; margin:auto;}
.join img{ display:block;}

.head{ background:url(../images/topBg.jpg) no-repeat; height:578px;}
.head-top{ padding:30px 28px 0 0; position:relative;}
.head-top .logo{ width:161px; height:220px; display:block; position:absolute; top:102px; left:48px;}


.slideBox{ width:980px; height:413px; border:6px #fff solid; overflow:hidden; position:relative;}
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd img{ width:980px; height:413px; display:block;}
.slideBox .hd{ height:18px; overflow:hidden; position:absolute; right:0; bottom:0; z-index:1; }
.slideBox .hd ul li{ background:#000; float:left; margin-left:1px;  width:39px; height:18px; line-height:18px; font-family:Arial; color:#fff; cursor:pointer; text-align:center;}
.slideBox .hd ul li.on{ background:#b72217;}


/*.nav{ background:url(../images/navBg.png) no-repeat; margin-top:11px; height:60px; padding:44px 0 0 38px;}*/
.nav{ background:url(../images/navBg.png) no-repeat; margin-top:11px; height:60px; padding:44px 0 0 10%;}
.nav li{ float:left; font-size:13px; width:107px; text-align:center; /*border-right:1px #620605 solid;*/position:relative;}
.nav li a{ display:block; color:#620605;border-right:1px #620605 solid;}
.nav li.last{ border:0;}


.news-item{ background:url(../images/newsBg.jpg) no-repeat; width:848px; min-height:324px;}
.news-item .news-lt{ width:390px; padding:30px 15px 0 24px;}
.news-item .news-rt{ width:370px; padding:30px 12px 0 37px;}
.news-item .title{ font-size:18px; color:#ffffdf; padding-bottom:15px; display:block;}
.news-item .list li{ background:url(../images/newsIco.jpg) no-repeat left center; padding-left:13px; height:24px; line-height:24px; overflow:hidden; vertical-align:middle;}
.news-item .list li a{ color:#ffc900;}


.footer{ background:#330000;}
.footer .partner{ background:#fd2e27; width:315px; height:263px; padding-left:31px;}
.footer .partner .tit{ font-size:24px; color:#f6ff00; padding:30px 0 10px 0;}
.footer .partner .con{ max-height:180px; overflow:hidden;}
.footer .partner .con a{ line-height:30px; color:#f6ff00; padding:0 5px;}
.footer .links{ padding:25px 0 10px 0; text-align:center;  color:#f5d847;}
.footer .links a{ display:inline-block; color:#f5d847; padding:0 25px;}
.footer .copy{ line-height:22px; text-align:center; color:#d4aa26; font-family:"宋体"; padding-bottom:20px;}



.scroll{background:url(../images/topIco.png) no-repeat; width:105px; height:105px; position:fixed; right:30px; bottom:50px; cursor:pointer; }


/* qq客服 side */
.side_qq{position:fixed;width:54px;height:120px;right:0;bottom:20px;z-index:10001;}
.side_qq ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side_qq ul li .sidebox_qq{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#ffc900;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side_qq ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#ffc900;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side_qq ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.side_qq ul li img{float:left;}
/*head*/
.subNav {background:#fff; display:none; width:106px; position:absolute; left:-1px; top:40px; z-index:20; padding:4px 0 6px 0; border:1px #ae1c1c solid; border-top:0;}
.subNav a{ display:block; height:34px; line-height:34px; border-bottom:1px #a8afad dotted; font-size:12px; color:#414347;}
.subNav a{ background:none;color:#333;}
.subNav a:hover{ background:#ffc900; color:#fff;}