﻿@charset "utf-8";
/* CSS Document */
* {padding: 0;margin: 0;}
body {margin: 0px;padding: 0px;color: #666;font-family:"微软雅黑", Arial, Helvetica, sans-serif;font-size:14px;background:#fff;text-align:left;position:relative;line-height:20px;min-width:1200px;}
img {border: 0;position:relative;}
.clear {height:0px;line-height:0px;font-size:0px;clear:both;visibility:hidden;overflow:hidden;padding:0;margin:0;}
div,ul,dl,dd,dt,li,td,tr,table,p,span,h1,h2,h3,h4,h5,h6,form { margin:0px;padding:0px;list-style:none;list-style-type: none; word-wrap:break-word;position:relative; border:none;font-weight:400;}
a {color:#666;text-decoration:none;position:relative;cursor:pointer;}
header, footer, nav, section, article, menu, aside {display:block;position:relative;} 
textarea { resize:none;font-family:"微软雅黑";font-size:14px;}
table { border-collapse:collapse;border-spacing:0;}
th , td { text-align:left;}
input {font-family:"微软雅黑";font-size:14px;}
input:focus {outline:none;}
input.sub {cursor:pointer; background:none; border:none;}
input.text {background:none; border:none;}
/* common main */
.red,a.red { color:#cc0031;}
.yellow,a.yellow { color:#f8bd09;}
.white,a.white { color:#fff;}
.fc,a.fc { color:#4fb0a5;}
.c0,a.c0 { color:#000;}
.c1,a.c1 { color:#111;}
.c2,a.c2 { color:#222;}
.c3,a.c3 { color:#333;}
.c4,a.c4 { color:#444;}
.c5,a.c5 { color:#555;}
.c6,a.c6 { color:#666;}
.c7,a.c7 { color:#777;}
.c8,a.c8 { color:#888;}
.c9,a.c9 { color:#999;}
.c9a{color: #006D9A;}
.cff{color: #FF9000;}
a:hover {color:#2f3863;}
.fs12 { font-size:12px;}
.fs14 { font-size:14px;}
.fs16 { font-size:16px;}
.fs18 { font-size:18px;}
.fs20 { font-size:20px;}
.fs22 { font-size:22px;}
.fs24 { font-size:24px;}
.fw-b { font-weight:bold;}
.fw400 { font-weight:400;}
.ti2 { text-indent:2em;}
.lh18 { line-height:18px;}
.lh20 { line-height:20px;}
.lh25 { line-height:25px;}
.lh30 { line-height:30px;}
.lh35 { line-height:35px;}
.lh40 { line-height:40px;}
.unl { text-decoration:underline;}
.unl-no { text-decoration:none;}
.unl-th { text-decoration:line-through;}
.ta-l { text-align:left;}
.ta-c { text-align:center;}
.ta-r { text-align:right;}
.fl { float:left;}
.fr { float:right;}
.va-m { vertical-align:middle;}
.va-t { vertical-align:top;}
.pr { position:relative;}
.pa { position:absolute;}
.oh { overflow:hidden;}
.none { display:none;}
.block { display:block;}
.inblock { display:inline-block;}
.pointer { cursor:pointer;}
.w100 { width:100%;}
.w850 { width:850px;}
.w1000 { width:1000px;}
.w1080 { width:1080px;}
.w690 { width:690px;}
.w780 { width:780px;}
.w1200 { width:1200px;}
.h5 { height:5px;}
.h10 { height:10px;}
.h588 { height:590px;}
.h420 { height:420px;}
.h445 { height:445px;}
.h15 { height:15px;}
.h20 { height:20px;}
.h25 { height:25px;}
.h30 { height:30px;}
.h40 { height:40px;}
.h50 { height:50px;}
.h60 { height:60px;}
.h70 { height:70px;}
.h100 { height:100%;}
.h120 { height:120px;}
.ma2 { margin:2px;}
.ma5 { margin:5px;}
.ma10 { margin:10px;}
.ma15 { margin:15px;}
.ma20 { margin:20px;}
.boe{border:solid 1px #eee;}
.pa2 { padding:2px;}
.pa5 { padding:5px;}
.pa10 { padding:10px;}
.pa15 { padding:15px;}
.pa20 { padding:20px;}
.ml5 { margin-left:5px;}
.ml13 { margin-left:13px;}
.ml10 { margin-left:10px;}
.ml15 { margin-left:15px;}
.ml20 { margin-left:20px;}
.mr5 { margin-right:5px;}
.mr10 { margin-right:10px;}
.mr15 { margin-right:15px;}
.mr20 { margin-right:20px;}
.mt5 { margin-top:5px;}
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt25 { margin-top:25px;}
.mb5 { margin-bottom:5px;}
.mb10 { margin-bottom:10px;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}
.pl5 { padding-left:5px;}
.pl10 { padding-left:10px;}
.pl15 { padding-left:15px;}
.pl20 { padding-left:20px;}
.pr5 { padding-right:5px;}
.pr10 { padding-right:10px;}
.pr15 { padding-right:15px;}
.pr20 { padding-right:20px;}
.pt2 { padding-top:2px;}
.pt5 { padding-top:5px;}
.pt10 { padding-top:10px;}
.pt15 { padding-top:15px;}
.pt20 { padding-top:20px;}
.pb5 { padding-bottom:5px;}
.pb10 { padding-bottom:10px;}
.pb15 { padding-bottom:15px;}
.pb20 { padding-bottom:20px;}
.mga { margin-left:auto;margin-right:auto;}
.main {width:1200px;margin-left:auto;margin-right:auto;}
.absolute-r { position:absolute;left:auto;right:0;}
.absolute-l { position:absolute;left:0;right:auto;}
.comtab { table-layout:fixed;width:100%;border-collapse:collapse;}
.textover { overflow:hidden;white-space:nowrap;display:block;text-overflow:ellipsis;}
.clear21{clear: both;height: 21px;}
.whitebg,input.whitebg { background:#fff;}
.eeebg,input.eeebg { background:#eee;}
.cccbg,input.cccbg { background:#ccc;}
.textover {display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.trans{transition:all 0.5s;}
.trans3{ transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out;}
.trans5{ transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;}
.trans10{ transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 1s ease-in-out;}
/* js相关样式 */
.bannerbox {width:100%;height:445px;margin:0 auto;overflow:hidden;position: absolute; left: 0; top:110px;}
.bannerbox a{display:block;width:100%;height:445px;background-repeat:no-repeat;background-position:center center;position: absolute; left: 0; top:0;}
 #bannernum {position:absolute;width:100%;bottom:15px;text-align:center;left:0;}
 #bannernum span { display:inline-block;width:18px;height:8px;background:#2f3863;line-height:0px; font-size:0px; margin:0 5px;border-radius: 10px;}
 #bannernum span.numsel { background:#fff;}
.bannerbox .main {z-index:5; top:-290px;}
.bannerbox .main b { position:absolute; top:0; display:block; width:25px; height:60px; cursor:pointer;transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out; opacity:0.5;}
#adlast{ background:url(../images/ad_page02.png) no-repeat; left:10px;}
#adnext{ background:url(../images/ad_page01.png) no-repeat; right:10px;}

.bannerbox .main b:hover {opacity:1;}
.innerbanner{width:100%;height:532px;margin:0 auto;overflow:hidden;position: absolute;top: 0;left: 0;}
.innerbanner a {display:block;width:100%;height:532px;background-repeat:no-repeat;background-position:center center;}

/* cartoon */
.cartoon {transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;}

/*顶部*/
.language{position: absolute;right: 0;top: 13px;}
.language a{display: inline-block;margin: 0 5px;}
.mainhead { width:100%; height:110px; z-index:99;background:#fff;}
.mainhead .topmenu {width: 1200px;margin: auto;}
.mainhead .topmenu h1 { float:left;margin-top:19px;width: 315px;}

nav{ position: relative; z-index: 2; display: block; float: right;margin-top: 40px;}
.navwrap{ display: block; clear: both;}
.navwrap li{ display: block; float: left; position: relative;margin-left:20px;}
.navwrap li .nav_line{ position: absolute; left: 50%; margin-left:0; top:42px; background:#060797; width: 0%; height:3px;}
.navwrap li:hover .nav_line,
.navwrap li.sel .nav_line{ width: 77%; margin-left:-40%; }
.navwrap li .nav_1{ display: block; padding:0 15px; height:42px; line-height: 42px;font-size: 15px;font-weight: bold;color: #333;}
.navwrap li:hover .nav_1,
.navwrap li.sel .nav_1{ color: #060797;}
.navwrap li .nav_2{ position: absolute; top: 42px; display:none; height:35px; line-height: 35px;clear: both;width: 85px;}
.navwrap li .nav_2 a{ position: relative; display:block; color:#fff; padding-right: 5px; padding-left:5px;font-size: 14px;background:url(../images/navbg.png) repeat;text-align: center;}
.navwrap li .nav_2 a span{ position: absolute; left: 0; top: 0; display: inline-block; width: 35px; height:35px; }
.navwrap li .nav_2 a:hover{font-weight: bold;}
/*.navwrap li:hover .nav_2{ display: block;}*/
.h_nav_bg{ position: absolute; z-index: 1; top:130px; display: block; width: 100%; height: 0; background:url(../images/icon_navbg.png) repeat center;}



/*底部*/
footer{width: 100%;height: 253px;padding-top:20px;background: #2f3863;margin-top: 45px;}
footer .up{width: 100%;height: auto;padding-bottom:20px;}
footer .up .class{width: 690px;height: auto;}
footer .up .class ul li{width: 25%;float: left;*width: 19%;}
footer .up .class ul li .a1{display: block; margin-left: 15px;margin-top: 10px;line-height: 22px;color: #fff;font-size: 16px;font-weight: bold;}
footer .up .class ul li menu{margin-left: 15px;margin-top: 10px;}
footer .up .class ul li menu a{display: block; line-height: 22px;color: #a2a3a5;font-size: 14px;}
footer .up .class ul li menu a:hover{color: #fff;}
footer .up .serve{width: 220px;}
footer .up .serve .p1{line-height: 22px;margin-top: 10px;color: #fff;font-size: 16px;font-weight: bold;}
footer .up .serve .p2{line-height: 47px;color: #fff;font-size: 25px;}
footer .up .serve nav{padding: 14px 0;}
footer .up .serve nav a{margin:0 7px;}
footer .up .ewm{width: 236px;height:auto;}
footer .up .ewm ul li{float: left;margin:0 10px;}
footer .up .ewm ul li p{line-height: 22px;margin-top: 10px;color: #fff;font-size: 14px;text-align: center;}
footer .up .ewm ul li .img{margin-top: 6px;width: 89px;height: 89px;overflow: hidden;}
footer .up .ewm ul li .img img{width: 100%;overflow: hidden;}
footer .down{height: 35px;padding: 15px 0;border-top:1px #444b74 solid;}
footer .down h3{float: left;font-size: 16px;color: #9295a7;margin-right: 8px;line-height: 34px;}
footer .down menu{line-height: 35px;float: left;overflow: hidden;}
footer .down menu a{margin-right: 15px;padding-right:15px;color: #aaabac;font-size: 14px;}
footer .down menu a:after{content:'';position: absolute;right:0;top:5px;width: 2px;height: 12px;background: #9295a7;}
footer .down menu a:last-child:after{background: none;}
footer .down p{color: #aaabac;font-size: 12px;line-height: 35px;padding-bottom: 32px;}
footer .down a{color: #aaabac;font-size: 12px;line-height: 35px;}
footer .down menu a:hover{color: #fff;}
footer .down a:hover{color: #fff;}
.copy{border-top: solid 1px #bfbfbf;overflow: hidden;height: 52px;font-size: 12px;line-height: 52px;margin-top: 10px;}
   /*公共分页*/
.compage{ width:100%; text-align:center; margin:38px auto 38px auto;}
.compage span.sel{background:#308102; color:#fff;}
.compage a{display:inline-block; border:solid 1px #c9c9c9; margin:0px 2px;padding: 0 15px;height: 31px;line-height: 31px;font-size: 12px;border-radius: 3px;}
.compage a:hover,.compage a.sel{background:#2f3863; color:#fff;border-color:#2f3863;}
.compage .text{ width: 38px; height: 31px; border: 1px solid #c9c9c9; color: #666666; line-height: 32px; text-align: center;border-radius: 3px;}
.compage .date{border:solid 1px #c9c9c9; margin:0px 2px;padding: 0 15px;height: 31px;display: inline-block;line-height: 31px;border-radius: 3px;}
.compage .sub{width: 73px; height: 31px; color: #333; line-height: 31px; text-align: center;background: #eee;border-radius: 3px;}
.compage .sub:hover{color: #fff;background: #2f3863;}
.compage span{font-size: 12px;color:#666;margin-left: 10px;}
