@charset "utf-8";

/*layout*/
.panel{width:1130px; min-width:1130px; margin-left:auto; margin-right:auto; zoom:1;}
.container{padding:35px; background:#fff; border:solid #e6e6e6 1px; border-radius:8px;}
.borderbox{background:#fff; border:solid #e6e6e6 1px; border-radius:8px;}
.wrap{overflow:hidden; zoom:1;}
.wrap .split{position:relative; z-index:1; height:35px; overflow:hidden; clear:both; background:#fff;}
.margins{margin-top:40px; margin-bottom:45px;}
.pr{position:relative;}

/*button*/
.commonMaxBtn{height:40px; padding:0 50px;}
.commonBtn{height:38px; padding:0 30px;}
.commonBtn,
.commonMaxBtn{font-size:16px; color:#fff; font-weight:bold; border-radius:5px;}
.btnSave{background-color:#06c;}
.btnReset, .btnAdv{background-color:#dc2925;}
.btnUpload{background-color:#8EC21F}

/*header*/
.header{padding-bottom:5px; background:url(../images/public/header-shadow.png) repeat-x bottom;}
.header .inheader{height:80px; background-color:#0075d8; min-width:1130px;}
.header .inheader .panel{position:relative; height:80px; line-height:80px;}
.header .logo{position:absolute; top:0; left:0; width:124px; height:80px; background:url(../images/public/header-logo.png) no-repeat center;}
.header .logo a{display:block; width:100%; height:100%;}
.header .login{position:absolute; top:0; right:404px; width:108px; text-align:center; height:80px; color:#d2ecff;}
.header .login a{color:#d2ecff;}
.header .login a:hover{color:#fff;}
.header .login font{display:inline-block; padding-right:6px; padding-left:6px; font-weight:700; font-size:.875em;}
.header .login.hover{background:#006AC4;}
.header .search{position:absolute; top:24px; right:0; width:324px; overflow:hidden; background-color:#fff; border-radius:16px;}
.header .search .searchTxt{float:left; width:233px; padding:7px 15px 7px 23px; border:none; color:#b3b3b3; height:18px; line-height:18px; border-radius:5px; background:url(../images/public/header-search-icon.png) no-repeat 12px center #fff;}
.header .search .searchBtn{float:right; width:52px; height:32px; background:url(../images/public/header-search-btn.png) no-repeat center #72f42c; color:#fff; cursor:pointer; border:0; -webkit-appearance:none;}

.header .menu{position:absolute; top:0; right:342px; width:62px; text-align:center;}
.header .menu li{position:relative;}
.header .menu li h4 a{display:block; width:62px; height:80px; line-height:60px; font-size:2em; color:#fff; cursor:pointer;}
.header .menu li h4 a:hover,
.header .menu li.hover{background-color:#015BB6;}
.header .menu .drop{display:none;}
.header .menu .drop{position:absolute; top:80px; left:0; z-index:9; display:none; width:120px; font-weight:700; background:#fff;
border-radius:0 0 4px 4px;
box-shadow:0px 5px 8px #ccc;}
.header .menu .drop dd a{display:block; padding:8px 12px; line-height:180%; border-bottom:solid #e6e6e6 1px;}
.header .menu .drop dd a:hover{color:#fff; background-color:#0066cc;}
.header .menu .drop dd a.noborder{border-bottom:none;}

.mainnav{position:absolute; top:0; left:148px; height:80px; font-weight:700;}
.mainnav li{float:left;}
.mainnav li a{display:block; padding-right:18px; padding-left:18px; color:#fff; text-align:center;}
.mainnav li a:hover{background-color:#006ac4;}

/*footer*/
.footer{height:90px; color:#c0e1fd; background-color:#005aae;}
.footer.panel{width:100%;}
.footer a{color:#c0e1fd;}
.footer a:hover{color:#fff;}
.footer-nav{float:left; width:42.12389%; line-height:90px; text-align:right;}
.footer-nav a{display:inline-block; margin-right:15px; margin-left:15px;}
.footer-copyright{position:relative; float:right; width:56.52212%; padding-top:25px; padding-bottom:20px; line-height:180%;}
.footer-copyright img{margin-right:20px; margin-bottom:6px;}
.footer-copyright span{display:inline-block; padding-left:6px; padding-right:6px; white-space:nowrap;}

/*title*/
.columnName{line-height:1.6em; border-bottom:#e6e6e6 1px solid;}
.columnName h2{float:left; font-size:1.5em; font-weight:300; color:#0066cc; padding:6px 5px 15px;}
.columnName h2 br{display:none;}
.columnName h2 a{color:#3188d8;}
.columnName h2 a:hover{color:#3188d8;}

.common-tab-head{height:60px; line-height:60px; border-bottom:#e6e6e6 1px solid;}
.common-tab-head .hd{white-space:nowrap;}
.common-tab-head .hd a{color:#666;}
.common-tab-head .hd li,
.common-tab-head h2{float:left; padding-left:8px; padding-right:8px; white-space:nowrap; font-size:1.25em; text-align:center;}
.common-tab-head .hd li.on,
.common-tab-head h2{font-weight:300; color:#0066cc; background-color:#fff; border-bottom:solid #0066cc 2px; text-align:center;}
.common-tab-head .hd li.on a,
.common-tab-head h2 a{color:#0066cc;}


/*list*/
.common-list-time{line-height:1.5em; font-size:.9375em;}
.common-list-time li{position:relative; float:left; width:100%; padding-top:.35em; padding-bottom:.35em; padding-left:22px; overflow:hidden; color:#999;}
.common-list-time li i{position:absolute; top:.35em; left:7px; width:4px; height:4px; margin-top:.65em; background:#333;}
.common-list-time li a{display:block; float:left;}
.common-list-time .time{position:absolute; z-index:10; top:50%; right:35px; margin-top:-.75em; white-space:nowrap;}
.common-list-time li a br{display:none;}

.common-list-time li a,
.person-focus li dd,
.person-focus li dd h3
{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}

/*common responsive*/

@media (max-width: 1199px) {
.panel{width:98%; min-width:inherit;}
.header .inheader{min-width:inherit;}
.common-list-time li
{box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */	
}
.header .logo,
.header .inheader,
.header .inheader .panel{height:94px; line-height:94px;}
.header .menu li h4 a{height:94px; line-height:74px;}
.header .search{top:32px;}
.header .search .searchTxt{width:calc(100% - 98px); -moz-width:calc(100% - 98px); -ms-width:calc(100% - 98px); -o-width:calc(100% - 98px); -webkit-width:calc(100% - 98px);}
.header .menu{right:332px;}
.header .menu .drop{top:94px;}
.header .login{right:0; height:30px; font-size:.875em; line-height:30px;}
.header .login.hover{background:none;}

.common-list-time .time{right:13px;}
}
/*1024*/


@media (max-width: 1024px) {
.mainnav li a{padding-right:18px; padding-left:18px;}
}

@media (min-width: 993px) and (max-width: 1023px) {
.mainnav li a{padding-right:15px; padding-left:15px;}
}
/*ipad 980*/
@media (max-width: 992px) {
.mainnav li a{padding-right:14px; padding-left:14px;}
.header .search{width:284px;}
.header .menu{right:290px;}
}

@media (max-width: 960px) {
.header .inheader,
.header .inheader .panel{width:100%; height:auto;}
.header .logo{position:static; margin:0 auto;}
.header .login{left:10px; top:0; height:94px; line-height:94px;}
.header .search{position:static; width:98%; margin:0 auto;}

.header .menu{right:0;}
.header .menu .drop{right:0; left:auto; z-index:9; display:none; width:120px; font-weight:700; background:#fff;
border-radius:0 0 4px 4px;
box-shadow:0px 2px 2px #666;}
.mainnav{position:static; padding:10px; height:40px;}
.mainnav li{width:20%; margin-top:5px; margin-bottom:5px; line-height:20px; background:url(../images/mobile/mobile-header-menu-split.gif) repeat-y right;}
.mainnav li a{display:block; padding:5px; margin-right:5px; margin-left:5px;}
.mainnav li.li05{background:none;}

.footer{height:auto; font-size:.9375em;}
.footer.panel{width:100%; min-width:inherit;}
.footer-nav,
.footer-copyright{float:none; width:100%;}
.footer-nav{padding:12px 0; text-align:center; line-height:160%;}
.footer-copyright{text-align:center; padding-bottom:30px; border-top:solid #006AC4 1px;}
}

/*mobile*/
@media (max-width: 768px) {
}
@media (max-width: 640px) {
.footer-copyright img{display:block; margin:0 auto 6px;}
}

@media (max-width: 480px) {
.mainnav{height:80px;}
.mainnav li{width:39%;}
.mainnav li.li01{width:22%; line-height:60px;}
.mainnav li.li03,
.mainnav li.li05{background:none;}

.common-list-time li a{float:none; display:inline; padding-right:12px; overflow:visible; white-space:normal;}
.common-list-time .time{position:static!important;}
}

@media (max-width: 360px) {
.header .login{left:0px;}
}

