/**头部**/
#header{ background:#fff; min-width:1200px; position:relative; z-index:1001; width:100%; }
#header.header-order{ border-bottom:none!important;}
#header.header-order .user-account{ float:right;}
#header.header-order .user-account a{}

/**header**/
#header .header-line{ background:#1d2a4a; border-bottom:1px solid #2a385b; box-sizing:border-box; height:42px; position:relative; z-index:11;}
#header .header-line .wrapper{ position:relative; padding:0 0px;}

/*购买授权*/
#header .ucenter { font-size:12px; position:absolute; right:40px; top:16px; }
#header .ucenter span{ color:#aaa; padding:0px 8px; }
#header .ucenter a{ background:#fff; border:1px solid #f60000; border-radius:3px; color:#f60000; display:inline-block; font-size:12px; font-weight:bold; height:24px; line-height:24px; padding:3px 15px; }
#header .ucenter a i{ font-weight:normal; margin-right:5px;}
#header .ucenter a:hover{ background-color:#fafafa; border:1px solid #36aa00; color:#36aa00; text-decoration:none;}
#header .ucenter a.addsite{}
#header .ucenter a.empower{ border:1px solid #62aadf; color:#62aadf;}
#header .ucenter a.empower:hover{ background-color:#fafafa; border:1px solid #36aa00; color:#36aa00; text-decoration:none;}
/*登录*/
#header .user-account{ position:absolute; right:10px; top:5px; }
#header .user-status a i{ font-weight:normal; margin-right:10px;}
#header .user-status a.loreg{ background:#3e85d7; border:1px solid #3e85d7; border-radius:3px; color:#fff; display:inline-block; font-size:12px; font-weight:bold; height:24px; line-height:24px; padding:3px 15px;}
#header .user-status a.loreg:hover{ background:#3f90ee; border:1px solid #3377c7; color:#fff; text-decoration:none; }
#header .user-status a.login{ background:#fff; color:#3e85d7; margin-right:5px;}
#header .user-status a.login:hover{ background:#fff; border:1px solid #36aa00; color:#36aa00; text-decoration:none; }
#header .user-status a.username{ color:#d1dff3; font-size:14px; font-weight:600; height:32px; line-height:32px; margin:0px 15px 0px 0px; position:relative;}
#header .user-status a.username::before { content:""; position:absolute; width:0%; height:100%; left:0; top:1px; border-bottom:1px solid #d1dff3; transition:0.5s;}
#header .user-status a.username:hover::before { width:100%;}
#header .user-status a.logout{ display:none; color:#fff; height:32px; line-height:32px; margin:0px 10px 0px 0px; position:relative;}
#header .user-status a.logout::before { content:""; position:absolute; width:0%; height:100%; left:0; top:1px; border-bottom:1px solid #fff; transition:0.5s;}
#header .user-status a.logout:hover::before { width:100%;}

/*网站导航*/
#header .header-menu{ background:#1d2a4a; box-sizing:border-box; margin:0px auto; height:62px; margin:0px auto; position:relative;}
#header .header-menu .wrapper{ position:relative; z-index:990;}
#header .header-menu .logo{ display:inline-block; float:left; position:absolute; left:-15px;}
/**右边导航**/
#header .top-nav { position:absolute; top:0px; left:0;}
#header .top-nav a { display:inline-block; font-size:14px; float:left; height:40px; line-height:40px; padding:0px 10px 0px 10px; position:relative;}
#header .top-nav a,
#header .top-nav a:visited{ color:#b9cce7;}
#header .top-nav a:hover{ color:#fff; text-decoration:none; padding-bottom:6px;}
#header .top-nav a::before { content:""; position:absolute; width:0%; height:100%; left:10px; top:-15px; border-bottom:1px solid #fff; transition:0.5s; z-index:-1;}
#header .top-nav a:hover::before { width:calc(100% - 20px);}
/**网站主导航**/
#header .header-menu .mainnav{ padding-left:200px;}
#header .header-menu ul{ margin:0; padding:0; }
#header .header-menu li.n1{ float:left; list-style:none; margin:0; padding:0; position:relative; z-index:999;}
#header .header-menu li.n1 a.n1{ display:inline-block; display:block; font-size:16px; font-weight:normal; height:42px; line-height:42px; padding:10px 20px 10px 20px; position:relative; z-index:1; text-align:center;}
#header .header-menu li.n1 a.n1,
#header .header-menu li.n1 a.n1:visited{ color:#eee; }
#header .header-menu li.n1 a.n1:hover::before,
#header .header-menu li.n1.hover a.n1::before,
#header .header-menu li.n1.current a.n1::before { content:""; height:1px; width:100%; border-bottom:4px solid #d30000; position:absolute; left:0; bottom:0;}
#header .header-menu li.n1 a.n1:hover{ background-color:#182a44; }
#header .header-menu li.n1.has-child a.n1{ position:relative; padding-right:30px; }
#header .header-menu li.n1.has-child a.n1::after{ content:""; position:absolute; top:29px; right:10px; border-top:5px solid #aaa; border-left:5px solid transparent; border-right:5px solid transparent; height:0; width:0; }
#header .header-menu li.n1 a.n1 .hot{ background:url("../images/icon/icon_flag_hot.png") 0px 0px; height:24px; width:24px; position:absolute; right:10px; top:3px; z-index:9999; }
/*二级菜单*/
#header .header-menu .sub2-nav { background:#fff; display:none; position:absolute; width:auto; top:60px; left:0px; z-index:901; -webkit-box-shadow:rgba(0,0,0,0.5) 0px 2px 5px; -moz-box-shadow:rgba(0,0,0,0.5) 0px 2px 5px; box-shadow:rgba(0,0,0,0.5) 0px 2px 5px;}
#header .header-menu .sub2-nav ul { background:none; display:block; margin:0; padding:15px 0px 30px 0px;}
#header .header-menu .sub2-nav ul li { display:block; float:none; font-size:16px; font-weight:normal; list-style:none; margin:0; padding:0px 20px 0px 20px; position:relative;}
#header .header-menu .sub2-nav ul li a.n2 { border-bottom:1px solid #eee; display:block; height:32px; line-height:32px; padding:5px 20px 5px 0px; min-width:100px; white-space:nowrap;}
#header .header-menu .sub2-nav ul li a.n2,
#header .header-menu .sub2-nav ul li a.n2:visited { color:#333; text-decoration:none;}
#header .header-menu .sub2-nav ul li a.n2:hover { color:#e60000; }
#header .header-menu .sub2-nav ul li:last-child a { border-bottom:none;}
#header .header-menu .sub2-nav ul li a.hasimg{ border-bottom:1px solid #eee; display:block; height:60px; width:420px; margin:5px 0px 5px 5px; padding:10px 0px 15px 0px;}
#header .header-menu .sub2-nav ul li img{ float:left; border:1px solid #eee; height:60px; width:60px; margin:0px 10px 0px 0px; vertical-align:top;}
#header .header-menu .sub2-nav ul li h5{ font-size:18px; margin:0; padding:0; position:relative;}
#header .header-menu .sub2-nav ul li h5 em{ font-weight:normal; font-style:normal;}
#header .header-menu .sub2-nav ul li h5 em{ background-color:#fe254f; display:inline-block; line-height:20px; border-radius:8px 0 8px 0; color:#fff; font-size:12px; margin:0px 0px 0 8px; padding:0px 6px; vertical-align:2px;}
#header .header-menu .sub2-nav ul li p{ color:#666; font-size:14px; margin:0; padding:0;}

@media (min-width:1500px) {
	#header .header-menu li.n1 a.n1{ padding-left:22px; padding-right:22px;}
	#header .header-menu li.n1.has-child a.n1{ }
}


/*网页底部*/
#footer { background:#263c75; color:rgba(255,255,255,0.8)!important; color:#ccc; font-size:14px; margin:0px auto; min-width:1200px; padding:20px 0px 0px 0px;}
#footer .footer-section{ padding:0px 0px 0px 0px; zoom:1; overflow:auto;}
#footer .footer-section .wrapper{ vertical-align:top; position:relative;}
#footer .footer-section a,
#footer .footer-section a:visited{ color:#ccc; position:relative;}
#footer .footer-section a:hover{ color:#fff;}
#footer .footer-section a::before { content:""; position:absolute; width:0%; height:100%; left:0; top:1px; border-bottom:1px solid #fff; transition:0.5s;}
#footer .footer-section a:hover::before { width:100%;}

#footer .col-contact { box-sizing:border-box; border-right:0px dotted #aaa; color:#ccc; float:left; font-size:12px;  margin:0px 0px 0px 0px; width:280px; padding:25px 40px 0px 0px; text-align:right; }
#footer .col-contact img.img-responsive{ width:200px;}
#footer .col-contact h2 { font-size:16px; font-weight:normal; line-height:150%; padding:15px 1px 0px 0px;}
#footer .col-contact .p-text{ font-size:16px; line-height:150%; padding:0px 0px; padding:10px 1px 0px 0px;}

#footer .col-cates{ box-sizing:border-box; float:left; padding:30px 0px 60px 30px; width:780px;}
#footer .col-cates dl{ float:left; margin:0px 0px 0px 0px; padding:0px 70px 0px 0px; min-width:80px;}
#footer .col-cates dl.item-4{ border-right:0px; margin-right:0px;}
#footer .col-cates dl dt{ color:#fff; font-size:18px; padding:0px 0px 8px 0px;}
#footer .col-cates dl dd{ font-size:16px; height:24px; line-height:24px; margin:0; padding:6px 0px ;}
#footer .col-cates dl dd:hover{}
#footer .col-cates a,
#footer .col-cates a:visited{ color:rgba(255,255,255,0.8)!important; color:#ccc;}
#footer .col-cates a:hover{ color:#fff!important; text-decoration:none;}
#footer .col-cates dl.content{ float:right; width:300px;}
#footer .col-cates dl.content dt{ color:#333;}

#footer .col-qrcode{ box-sizing:border-box; padding:40px 0px 0px 0px; width:140px; text-align:center; position:absolute; right:30px; }
#footer .col-qrcode img{ width:118px;}
#footer .col-qrcode h2{ font-size:16px; margin:0; padding:10px 0px 0px 0px;}
#footer .col-qrcode .p-text{ padding:5px 0px 0px 0px;}

.powered-by{ border-top:0px solid #273f7c; color:#ddd; font-size:12px; padding:15px 0px;}
.powered-by a,
.powered-by a:visited {color:#fff;}
.powered-by a:hover { color:#fff; text-decoration:none;}
.powered-by .copyright{ text-align:center;}
.powered-by .icp{ padding-left:5px;}
.powered-by .stat{ font-size:10px; font-style:normal; padding-left:5px;}
.powered-by .powered{ float:right; font-size:11px; padding-right:25px;}

@media (min-width:1500px) {
	#footer .col-contact{ width:320px;}
	#footer .col-cates{ width:920px; padding-left:50px;}
	#footer .col-cates dl{ min-width:130px; padding-right:80px;}
	#footer .col-qrcode{ right:60px;}
}