﻿@charset "UTF-8";
/*
    Css for PEL,    ver 1.0
    CopyRight By Dongyi Network Technology CO.,Ltd Design Center

    本网站通用布局
*/

/* Css Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img{padding: 0;margin: 0;}
table{ border-collapse: collapse; border-spacing: 0;}
fieldset, img{ vertical-align: top; border: 0;}
address, caption, cite, code, dfn, em, th, var, i{ font-weight: normal; font-style: normal;}
ol, ul, li{ list-style: none;}
div, dl, dt, dd, ol, ul, li{zoom: 1;}
caption, th{ text-align: left;}
h1, h2, h3, h4, h5, h6{ font-weight: normal;font-size: 100%;}
q:before, q:after{ content: '';}
abbr, acronym{ border: 0;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu,time{margin: 0;padding: 0;display: block;zoom: 1;}

/* Public */
body{ min-width: 1200px; color: #333;font-size: 14px;line-height: 1.8;font-family: "Microsoft YaHei", SimSun, Arial, Helvetica, Tahoma, sans-serif;text-align: center;-webkit-text-size-adjust: none;}
a{ color: #333; text-decoration: none; outline: none;}
a:hover{color: #E20500;text-decoration: underline;}
.clearbox{ border: none; border-top: 1px solid transparent !important; clear: both; font-size: 0; height: 0; line-height: 0; margin-top: -1px !important; visibility: hidden;}
.blank{ display: block; height: 10px; font-size: 0px; line-height: 0; overflow: hidden; clear: both;}
.clearfix:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clearfix{ height: 1%;}
*+html .clearfix{ min-height: 1%;}
.fl{ float: left;}
.fr{ float: right;}
.hide{ display: none;}
input[type=button], input[type=submit], input[type=file], button{ cursor: pointer; -webkit-appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.wrap{margin: 0 auto; text-align: left;}
.oh{overflow: hidden;}
.siteWidth{width: 1200px; margin: 0 auto; overflow: hidden;position: relative;}

/*顶部 S*/
.topBar{height: 30px;line-height: 30px;background: url(../img/bg.jpg);font-size: 12px;position: relative;z-index: 3; color: #fff;}
.topBar a{ color: #fff;}
.topBar a:hover{ color: #ff0;}
.topBar .links{float: right;}
.topBar .links .setHome,.topBar .links .fav{ padding: 0 10px; cursor: pointer}
#header{ position: relative;z-index: 3; background: url(../img/headerBg.jpg);}
#header .siteWidth{overflow: visible;}
#header .logoBar{ height: 129px; position: relative; z-index: 2;}
#header .logo{position: absolute;top: 16px;left: 0;}
#header .logo a:hover{ text-decoration: none;}
#header .logo img{float: left; margin-right: 10px; max-height: 105px;}
#header .logo span{ display: none; line-height: 60px; font-size: 30px; font-weight: bold;}
#header .site{display: inline-block; *display: inline; zoom: 1;}
#header .site dt{padding: 0 10px;display: inline-block; *display: inline;zoom: 1;}
#header .site dd{line-height: 24px;z-index: 0;background: #fff;display: none;position: absolute;padding: 10px;width: 680px;top: 30px;margin-right: 0;right: 1px; background-color: #5882db; -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .15);-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, .15);box-shadow: 2x 2px 5px rgba(0, 0, 0, .15);}
#header .site dd i{ display: none}
#header .site ul{overflow: hidden}
#header .site li{text-align: left;float: left;width: 150px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 4px 4px 4px 15px;color: #fff;background: url(../img/icons-share.png) 4px -330px no-repeat;}
#header .site.on dd{ display: block}
#header #siteLast.on dt{background-color: #5882db;}
.s-form{margin: 50px 0 0 0;width: 240px;height: 32px;float: right;overflow: hidden;position: relative;z-index: 3;}
.s-form .select-box{ display: none}
.s-form .input-box{ float: left;}
.s-form .input-box input{display: block;width: 150px;height: 20px;line-height: 20px;font-size: 12px;outline: none;padding: 4px 10px 4px 30px; background: url(../img/icon.png) no-repeat 5px -139px; border: 1px solid #ddd; border-right: none;}
.s-form .btn-box{ position: absolute; right: 0; top: 0;}
.s-form .btn-box .searchBtn{display: block;width: 50px;height: 30px; line-height: 30px; background: url(../img/bg.jpg);text-align: center;outline: none;border: 0; color: #fff;}

/*顶部 E*/
.banner{width: 100%; text-align: center;}
#content{ position: relative; z-index: 2; padding: 40px 0 10px;}
.side{width: 250px;float: left;position: relative;margin: 0 30px 0 0;left: 0;}
.mainContent{overflow: hidden;zoom: 1;}

/*导航 */
.nav{height: 50px; line-height: 50px; position: relative;z-index: 1; border-top: 2px solid #3162c9; box-shadow: 0 2px 4px rgba(0, 0, 0, .2);}
.mainNav a:hover{text-decoration: none}
.mainNav{font-size: 16px;position: relative;zoom: 1;}
.mainNav:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.mainNav .li1{ text-align: center; float: left; position: relative;}
.mainNav .a1{float: left;display: block;zoom: 1; width: 150px;}
.mainNav .a1:hover{ text-decoration: none; color: #fff}
.mainNav .on1 a{ background: url(../img/bg.jpg); color: #fff;}
.mainNav .ul1{overflow: hidden;line-height: 28px;position: absolute;left: 0;top: 50px;width: 100%;display: none;background: url(../img/bg.jpg);}
.mainNav .li2{ vertical-align: top;}
.mainNav .a2{font-size: 14px;display: block;line-height: 30px;padding: 5px;color: #fff;}
.mainNav .a2:hover{background: #3162c9;text-decoration: none; color: #ff0;}

/*底部 */
#footer{clear: both; background: url(../img/bg.jpg); text-align: right; color: #fff;}
#footer a{color: #fff}
#footer .siteWidth{ padding: 30px 0;background: url(../img/footerLogo.png) no-repeat left center; overflow: hidden;}
#footer .links li{ padding: 0 5px; display: inline-block; *display: inline; zoom: 1;}

/* 当前位置 */
.path{color: #999;}
.path em{padding-left: 20px;background: url(../img/icons-share.png) 0 -790px no-repeat;}
.path a,.path span{margin: 0 5px; color: #999}

/* goTop */
#goTop{position: fixed; display: none; _display: none !important; width: 50px;height: 50px;bottom: 60px;right: 5px;z-index: 99;cursor: pointer;margin: 5px;width: 40px;height: 40px;border-radius: 2px;-webkit-box-shadow: 0 0 5px #9c9c9c;opacity: .9;background: rgba(0, 0, 0, .5);}
#goTop::after{ display: block; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -15px; content: ""; border-width: 10px; border-color: transparent; border-bottom-color: #fff; border-bottom-style: solid; border-style: dashed; display: block; font-size: 0; line-height: 0; width: 0;}

/* winMark */
#winMark{ z-index: 1;width: 100%;display: none; height: 100%; position: fixed; background: rgba(0, 0, 0, .8);left: 0;top: 0;}

/* box */
.box{margin-bottom: 10px;}
.box .hd{height: 40px;line-height: 40px; background: url(../img/boxHdLine.jpg) no-repeat left bottom; overflow: hidden;}
.box .hd h3{ padding-left: 30px; background: url(../img/boxHdIcon.png) no-repeat 5px center; font-size: 18px;}
.box .hd .more{float: right; margin-right: 10px; font-size: 12px; color: #999}
.box .bd{overflow: hidden; padding: 15px 0 0;}

/* sideBox */
.sideBox{margin-bottom: 30px; background: #fff;}
.sideBox .hd{height: 45px; line-height: 45px; background: url(../img/bg.jpg); padding: 0 0 0 25px; color: #fff; overflow: hidden;}
.sideBox .hd .more{float: right; color: #fff; font-size: 12px;}
.sideBox .hd h3{font-size: 18px; color: #fff}
.sideBox .hd h3 a{color: #fff}
.sideBox .bd{padding: 5px 10px; overflow: hidden}

/* pageBanner */
.pageBanner{height: 300px;background: url(../img/pageBanner.jpg) center 0 no-repeat;position: relative;z-index: 0;}

/* pageBanner1 */
.pageBanner1{height: 300px;background: url(../img/pageBanner1.jpg) center 0 no-repeat;position: relative;z-index: 0;}

/* pageBanner2 */
.pageBanner2{height: 300px;background: url(../img/pageBanner2.jpg) center 0 no-repeat;position: relative;z-index: 0;}
/*--
颜色代码
#0068B7 深蓝色标题
#ddd 淡蓝色边框
--*/