html, body{font-family: "Microsoft YaHei"; background: #fff; font-size: 14px;height: 100%;}
ul, ol {list-style: none; padding: 0px; margin: 0px;}
a{text-decoration: none !important;color: #0f0f0f}
.ellipsis  {  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  }
.line {margin-bottom: 20px;}
.line .line-part{margin: 0px 0px 20px 20px;}
.ln {margin-left: 20px;}
.container {width: 1274px; 
margin: 0 auto; padding: 0px; position: relative;
    top: 0px;
    left: 2px;
}
.more{display: block;position: absolute; right: 10px; top: 40%;font-size: 12px;  color: #666666; line-height: 1em;}

/** 主视图 **/
.viewport{position:relative;  min-height:100%;  padding-bottom: 120px;
    top: -17px;
    left: -2px;
}

/** 导航栏 **/
.content .navigation {padding: 30px 0px 20px 0px;}
.content .navigation ul { padding: 0px 0px 10px 25px;}
.content .navigation ul li {display:block; float: left;font-size: 14px;  color: #666666;  letter-spacing: 1.4px; line-height: 18px;}
.content .navigation ul li.homepage {background: url("res/home.png") no-repeat ; padding-left: 26px;}
.content .navigation ul li.arrow {padding: 0px 6px;}
.content .navigation .split-line{border-bottom: 2px solid #E7E7E7;}

/** 标题 **/
.content .page-title {  font-size: 24px;  color: #4C4C4C;  letter-spacing: 2.16px; font-weight: bold; padding: 20px 35px; margin: 0px 15px; background: url("res/title-icon.png") no-repeat left;}

/** 公用 **/
ul.top-tab li{float: left; display: block; line-height: 24px; font-weight: bold;}
ul.top-tab li.split {padding: 0px 10px; color: #979797;}
ul.top-tab li a{font-size: 18px;  color: #151515;  letter-spacing: 1.76px;}
ul.top-tab li.selected a{color: #2170D8;}

/** 区域头 **/
.frame-title{width: 100%; height: 50px; line-height: 50px; border-top: 2px solid #1D74E6;border-bottom: 1px solid #CBCBCB;font-size: 16px;  color: #333333;font-weight: bold;background-color: #F0F6FF;position: relative;}
/*.frame-title:before{content:url("../png/"); display: block; float: left; height: 20px; line-height: 20px; padding-left: 8px; width: 20px;  margin: 15px 10px 0px 20px; background: #1D74E6;font-family: FontAwesome;  font-size: 20px;  color: #FFFFFF;}*/

/**  头部 **/
.header{background: url("res/banner.png") no-repeat top center;}
.header .banner{height:110px; }
.header .logo{display:block; float: left; margin-top: 25px;}
.header .retrieve{float: right; margin-top: 35px;}
.header .retrieve input{width: 280px; height: 36px;outline: none;border: #CCCCCC 1px solid; border-right:none;padding: 0px 10px;font-size: 14px; display: block;float: left;border-radius: 2px 0px 0px 2px;}
.header .retrieve button{width: 50px; height: 36px;display: block; float: left; border: none;margin: 0px; padding: 0px; top: 0px;background: #3A7BD5; border-radius: 0px 2px 2px 0px;color: #fff;font-size: 16px;}

/**  菜单 **/
.header .menu{height: 52px; background-image: linear-gradient(-180deg, #307EE4 0%, #1666D0 100%);  box-shadow: 0 2px 0 0 #103D79;}
.header .menu ul li{display: block;float: left;position: relative;margin-right: 2px; width: 180px;}
.header .menu ul li a{display: block; font-size: 18px;  color: #FFFFFF;  letter-spacing: 1.8px; height: 100%; width: 100%; text-align: center; line-height: 50px; font-weight: bold;}
.header .menu ul li.selected a{background-image: linear-gradient(0deg, #307EE4 0%, #1666D0 100%);}
.header .menu ul li:not(:last-child):after{content: "";border-left: 1px solid #14478A;display: block;position: absolute;top: 25%; height: 50%; right: -1px;}
.header .menu ul li:not(:last-child):before{content: "";border-left: 1px solid #4E9BFF;display: block;position: absolute;top: 25%; height: 50%; right: -2px;}

/** 尾部 **/
.footer {width: 100%;height:163px;
background:#4B525C;position: absolute; 
left:0;overflow: hidden;
}
.footer .footer-wrap{width: 713px;
margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
}
.copyright-text{float: left;letter-spacing: 2px;font-size: 12px;color: #FFFFFF;margin-top: 18px;}
.copyright-text p{text-align: center;}
.ideConac{float: right;}
.copyright-line a{color: #FFFFFF;}