@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
body, button, input, select, textarea { font: 12px/1.5 微软雅黑, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, i, var { font-style: normal; }
ul, ol { list-style: none; }
legend { color: #000; }
fieldset, img { border: 0; vertical-align: bottom; }
section, article, aside, header, footer, nav, dialog, figure { display: block; }
figure { margin: 0; }
button, input, select, textarea { font-size: 100%; border:0; background:none; outline:none; }
table { border-collapse: collapse; border-spacing: 0; }
.clear { display: block; height: 0; overflow: hidden; clear: both; }
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom:1;}
a:link, a:visited, a:hover, a:active { text-decoration: none; }
/*a { blr:expression_r(this.onFocus=this.blur());}*/
a { text-decoration: none; outline: none; /*transition-duration: 0.3s, 0.3s;*/ }
.hidden { display: none; }
.invisible { visibility: hidden; }
.fl{ float:left; display:inline; }
.fr{ float:right; display:inline; }
.fn{ float:none; }
.tl{ text-align:left; }
.tr{ text-align:right; }
.tc{ text-align:center; }
.hide{ display:none; }
.show{ display:block; }
.noBg { background: none !important; }
.noBorder { border: none !important; }
.noMg { margin: 0!important; }
.mr0{ margin-right:0 !important; float:right !important;}
/*.info{text-align: justify; text-justify: inter-ideograph;}*/

/*Body*/
body {  margin: 0 auto; overflow-x: hidden;  background: #fff; color:#555; }
area {  anything:expression(this.onfocus=this.blur);  }
a {  color: #555; transition: all 0.5s ease 0s; }
a:hover { color: #de241b; }

.wrapper { position:relative; width:100%; margin:0 auto; overflow:hidden; }
.wrap { width:1200px; margin:0 auto; }

.index { position:relative; width:1200px; top:50%; margin-top:-180px; left:50%; margin-left:-600px; animation: change 5s linner; -moz-animation: change 5s; -webkit-animation: change 5s; -o-animation: change 5s; opacity:1; overflow:hidden; z-index:9; }
.index .p1 { text-align:center; animation: move ease-in-out 2s infinite; -webkit-animation: move ease-in-out 2s infinite; }
.index .p2 { position:relative; text-align:center; font-size:36px; margin:15px 0; letter-spacing:9px; color:#fff; }
.index .p3 { text-align:center; font-size:20px; color:#fff; font-family:"Arial","微软雅黑"; margin-bottom:110px; }
.index .p4 a { display:block; width:175px; height:40px; border:2px solid #fff; border-radius:25px; text-align:center; line-height:38px; font-size:14px; color:#fff; margin:0 auto; }

.container img { transition: all 0.6s; }
.container img:hover { transform: scale(1.1)!important; }


@-webkit-keyframes move {
 0% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
 }
 50% {
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
 }
 100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
 }
}
@keyframes move {
 0% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
 }
 50% {
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
 }
 100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
 }
}
@-webkit-keyframes change {
 0% {
	opacity:0;
 }
 50% {
  opacity:0.5;
 }
 75% {
  opacity:0.75;
 }
 100% {
  opacity:1;
 }
}
@keyframes change {
 0% {
	opacity:0;
 }
 50% {
  opacity:0.5;
 }
 75% {
  opacity:0.75;
 }
 100% {
  opacity:1;
 }
}

.logo { float:left; }
.topArea .lan { float:right; margin-top:34px; }
.topArea .lan i { float:left; display:block; width:20px; line-height:20px; text-align:center; color:#ababab; border:1px solid #ababab; font-size:12px; border-radius:100%; }
.topArea .lan em { float:left; display:block; font-size:14px; color:#ababab; margin-left:8px; }

.nav { float:right; }
.nav ul li { float:left; margin-right:20px; font-size:14px; }
.nav ul li .a1 { display:inline-block; height:90px; line-height:90px; font-size:16px; }
.nav ul li .a2 { padding-right:15px; background:url(jt.png) no-repeat center right; }
.nav ul li:hover .a1,.nav .current .a1 { color:#ba0006; font-weight:bold; }
.nav ul li:hover .a2,.nav .current .a2 { background:url(jt02.png) no-repeat center right; }

.nav .sub { position:absolute; width:100%; left:0; top:90px; border-top:2px solid #f1f1f1; background:#fff; padding:45px 0; display:none; z-index:999; }
.nav .sub .kuang { width:1200px; margin:0 auto; }
.nav .sub .sub01 { float:left; width:815px; }
.nav .sub .sub01 .p1 { font-size:32px; color:#ba0006; line-height:35px; }
.nav .sub .sub01 .p2 { font-size:14px; color:#797777; line-height:25px; margin-top:15px; min-height:115px; }
.nav .sub .sub01 .p3 a { display:inline-block; margin-right:40px; font-size:14px; }
.nav .sub .sub01 .p3 a:hover,.nav .sub .sub01 .p3 a.current { color:#ba0006; }
.nav .sub .sub02 { float:right; width:325px; }

.nav ul li:nth-child(3) .sub { background:url(navbg.jpg) repeat-y center; }

.nav .sub .sub03 { float:left; width:845px; height:310px; /*overflow-y:scroll;*/ }
.nav .sub .sub03 .dl { float:left; min-width:100px; margin-right:20px; min-height:305px; }
.nav .sub .sub03 .dl:nth-child(4n) { margin-right:0; }
.nav .sub .sub03 .dl .p1 a { display:inline-block; padding-right:25px; background:url(jt03.png) no-repeat center right; font-size:16px; }
.nav .sub .sub03 .dl:hover .p1 a,.nav .sub .sub03 .dl .p1 a.current { color:#ba0006; background:url(jt02.png) no-repeat center right; }
.nav .sub .sub03 .dl .p2 { margin-top:50px; padding-left:50px; background:url(nav.jpg) no-repeat 0 10px; }
.nav .sub .sub03 .dl .p2 a { display:block; font-size:14px; margin-bottom:10px; }
.nav .sub .sub03 .dl .p2 a:hover,.nav .sub .sub03 .dl .p2 a.current { color:#ba0006; }

.nav .sub .sub04 { float:right; width:325px; }
.nav .sub .sub04 .p1 { font-size:32px; color:#ba0006; line-height:35px; margin:15px 0; }
.nav .sub .sub04 .p2 { font-size:14px; color:#797777; line-height:25px; }

.banner { position: relative; width: 100%;  overflow: hidden; z-index:0;  }
.banner .bd { position: relative; left: 50%; width:1920px; margin: 0 0 0 -960px; text-align: center; overflow: hidden; }
.banner .wrap { position:relative; }
.banner .hd { position: absolute; bottom: 30px; width:1200px; text-align:center; z-index:999; }
.banner .hd ul {  display:inline-block; *display:inline; zoom:1;   }
.banner .hd li { position:relative; float:left; width:7px; height:7px; margin:0 10px; text-indent:-9999em; background:#ba0006; border-radius:100%; cursor:pointer; }
.banner .hd li:after { position:absolute; top:-4px; left:-4px; display:block; content:""; width:13px; height:13px; border-radius:100%; border:1px solid #ba0006; cursor:pointer; display:none; }
.banner .hd li.on:after { display:block; }

.footer { background:#282828; }
.footArea { padding:70px 0 60px; }
.foot01 { float:left; width:335px; }
.foot01 .p2 { margin-top:30px; min-height:110px; font-size:12px; color:#fff; line-height:20px; }
.foot01 .p2 p { margin-bottom:10px; padding-left:25px; }
.foot01 .p2 p.t1 { background:url(f01.png) no-repeat center left; }
.foot01 .p2 p.t2 { background:url(f02.png) no-repeat center left; }
.foot01 .p2 p.t3 { background:url(f03.png) no-repeat center left; }
.foot01 form { background:#3f3f3f; }
.foot01 form .txt { float:left; height:45px; line-height:45px; padding-left:15px; font-size:14px; color:#fff; width:245px; }
.foot01 form .btn { float:right; height:45px; line-height:45px; width:70px; background:url(form.png) no-repeat center #700004; cursor:pointer; }
.foot02 { float:right; width:95px; text-align:center; }
.foot02 p { margin-top:8px; color:#999; font-size:12px; }
.foot03 { float:right; margin-right:20px; }
.foot03 dl { float:left; width:70px; margin-right:25px; }
.foot03 dl dt { font-size:14px; color:#fff; margin-bottom:20px; }
.foot03 dl dt p { width:20px; height:1px; background:#666; margin-top:15px; }
.foot03 dl dd { margin-bottom:5px; }
.foot03 dl dd a { display:block; color:#999; transition: all 0.6s; }
.foot03 dl dd a:hover { color:#fff; padding-left:7px; }
.foot03 dl:nth-child(2) { width:120px; }
.foot03 dl:nth-child(41) { width:120px; }
.foot03 dl:nth-child(7) { width:130px; }
 
.tail { background:#282828; padding:25px 0; border-top:1px solid #444; font-size:12px; color:#999; }
.tail a { color:#999; }
.tail a:hover { color:#fff; }
.tail .fr a { display:inline-block; margin-left:25px; }
.tail .fr .bshare-qqim { background:url(t01.png) no-repeat center!important; }
.tail .fr .bshare-weixin { background:url(t02.png) no-repeat center!important; }
.tail .fr .bshare-sinaminiblog { background:url(t03.png) no-repeat center!important; }


.rightArea { position:absolute; width:55px; right:-55px; background: #fff;  border-radius: 5px; transition: all 0.6s; z-index:99999; }
.rightArea ul li { position:relative; border-bottom: #ccc 1px solid; }
.rightArea ul li i { display:block; width:55px; height:55px; cursor:pointer; }
.rightArea .btn { width: 30px; height: 37px;background: url(btn02.png) no-repeat center; position: absolute; left: -30px; top: 50%; margin-top: -18px; box-shadow: 0px 0 4px #ccc; border-top-left-radius: 5px; border-bottom-left-radius: 5px; cursor:pointer; }
.rightArea.on { box-shadow: 0 0 9px #666; right:0; }
.rightArea.on .btn { background: url(btn02H.png) no-repeat center; }
.rightArea ul li .mail { position:absolute; top:0; right:75px; width:390px; height:55px; line-height:55px; text-align:center; font-size:16px; background:#fff; background-size:cover; box-shadow: #ebebeb 0px 0px 10px;  opacity:1; display:none; z-index:9; }
.rightArea ul li .mail01 { font-size:16px; width:290px; }
.rightArea ul li .mail:after { position:absolute; top:50%; right:-9px; margin-top:-5px; display:block; width:10px; height:9px; content:""; background:url(cb.png) no-repeat center; } 
.rightArea ul li:hover .mail { display:block; animation: rightmove 0.6s linner; -moz-animation: rightmove 0.6s; -webkit-animation: rightmove 0.6s; -o-animation: rightmove 0.6s; }

@-webkit-keyframes rightmove {
 0% {
	right:0;
	opacity:0;
 }
 100% {
	 right:75px;
  opacity:1;
 }
}
@keyframes rightmove {
 0% {
	right:0;
	opacity:0;
 }
 100% {
	 right:75px;
  opacity:1;
 }
}
.rightArea ul li .img { position: absolute;left: -130px;top: -20px; display:none; z-index:99; }
.rightArea ul li:hover .img{display: block;}
.rightArea li.li01 i{ background: url(wj_ico01.png) no-repeat center; border-top-left-radius: 5px;border-top-right-radius: 5px; }
.rightArea li.li02 i{background: url(wj_ico02H.png) no-repeat center;}
.rightArea li.li03 i{background: url(wj_ico03.png) no-repeat center;}
.rightArea li.li04 i{background: url(wj_ico04.png) no-repeat center;}
.rightArea li.li05 i{background: url(wj_ico05.png) no-repeat center; border-bottom-left-radius:5px;border-bottom-right-radius: 5px;}
.rightArea li.li01:hover i{background: url(wj_ico01H.png) no-repeat center;}
.rightArea li.li02:hover i{background: url(wj_ico02.png) no-repeat center;}
.rightArea li.li03:hover i{background: url(wj_ico03H.png) no-repeat center;}
.rightArea li.li04:hover i{background: url(wj_ico04H.png) no-repeat center;}
.rightArea li.li05:hover i{background: url(wj_ico05H.png) no-repeat center;}


.back-to { position:fixed; _position:absolute; _top: expression(eval(document.documentElement.scrollTop)+400); bottom:110px; right:50%; margin-right:-670px; display:none; z-index:999; }
.back-to .back-top { display:block; width:44px; height:44px; background:url(top.png) no-repeat; outline:0 none; text-indent:-9999em; overflow:hidden; }
.back-to .back-top:hover { background-position:0 0; }

/*广告*/
.ad_closed{width:16px;height:16px;line-height:16px;text-align:center;background:#f00;color:#fff;position:absolute;top:0;right:0;cursor:pointer;}

/*弹出广告*/
#popup{position:fixed;top:50%;left:50%;z-index:9999;}
#ad_shadow{width:100%;background:#000;position:fixed;top:0;left:0;z-index:9000;opacity:0.4;filter:alpha(opacity=40);}

/*漂浮广告*/
#ad1{position:absolute;z-index:9999;}

/*左侧门帘*/
#hangL{position:absolute;left:0;z-index:9999;}

/*右侧门帘*/
#hangR{position:absolute;right:0;z-index:9999;}

/*拉屏广告*/
#bigScreen{position:relative;left:50%;top:0;height:0;overflow:hidden;}
#bigScreen .ad_closed{top:10px;}