/*------------------- reset -------------------*/
ul,ol,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,form,input,i,textarea,td,th {padding: 0; margin: 0; font-size: 12px; font-weight: normal;}
ul,ol {list-style: none;}
img {border: 0; vertical-align: top;}
em,i {font-style: normal;}
table {border-collapse: collapse; border-spacing: 0;}

/* clearfix */
.clearfix:after {content: ""; display: block; height: 0; clear: both;}
.clearfix {min-height: 1px;}
* html .clearfix {height: 1px;}

html, body {width: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0);}
body {min-width: 1440px; max-width: 1920px; padding: 0; margin: 0; color: #333; font: 12px/160% "Microsoft Yahei";}
a, a:hover {color: #333; text-decoration: none;}

.header {height: 48px; padding: 5px 30px; border-bottom: 1px solid #eee;}
.logo {position: absolute; top: 2px; left: 0;}
.logo img {height: 48px;}
.block-size {position: relative; width: 1440px; margin: 0 auto;}
.h-txt01 {font-size: 24px; font-weight: bold; line-height: 46px; text-align: center;}
.h-txt02 {color: #888; font-size: 14px;}

.footer {padding: 20px 0; color: #888; text-align: center; border-top: 1px solid #eee;}

.tree,.tree ul,.tree li {zoom: 1;}
.tree ul {margin-left: 20px; border-bottom: none; background: #fff;}
.tree li a {display: block; padding: 8px 7px 8px 32px; color: #555; line-height: 20px; text-decoration: none; background: url(../img/icon_arrow.gif) no-repeat;}

.change-record {padding: 40px 0;}
.title {padding-left: 20px; margin-bottom: 20px; color: #0c72d0; font-size: 20px; font-weight: bold; line-height: 24px; border-left: 6px solid #0c72d0;}
.table-type {width: 100%;}
.table-type th {padding: 12px 20px; font-size: 16px; font-weight: bold; text-align: left; border: 1px solid #ddd; background-color: #eee;}
.table-type td {padding: 10px 20px; font-size: 14px; border: 1px solid #ddd;}

.prd-con {position: relative; width: 1440px; padding: 20px 0; margin: 0 auto 50px; overflow: hidden;}
.prd-con:after {content: ""; position: absolute; top: 0; left: 240px; width: 1px; height: 100%; background-color: #eee;}
.sub-col {position: relative; float: left; width: 240px;}

.treeview li {padding: 12px 0 12px 28px; color: #555; font-size: 14px; cursor: pointer; background: url(../img/icon_arrow.gif) no-repeat 10px 17px;}
.treeview li.collapsable {background: url(../img/icon_arrow_down.gif) no-repeat 10px 19px;}
.treeview .hover {color: #0c72d0; cursor: pointer;}
.treeview .cur {color: #0c72d0;}
.sub-menu a:hover, .sub-menu span:hover {color: #0c72d0;}

.sub-col .disable {display: none; }
.sub-col .scrollbar {position: absolute; top: -20px; right: -1px; width: 1px; z-index: 10}
.sub-col .track {height: 100%; width: 1px; position: relative; border-radius: 90px; background: #eee;}
.sub-col .thumb {border-radius: 90px; background: #ccc; height: 20px; width: 1px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
.sub-col .viewport {height: 100%; overflow: hidden; position: relative; }
.sub-col .overview {width: 100%; list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }

.main-col {float: right; width: 1160px;}
.detail {display: none; min-height: 500px;}
.detail:nth-child(1) {display: block;}
.detail h3 {margin-bottom: 30px; font-size: 28px; font-weight: bold; line-height: 30px;}
.detail p {margin-bottom: 25px; font-size: 16px; line-height: 24px;}
.detail .txt-spe {margin: 25px 0 10px;}
.fcolor1 {color: #dc2020;}
.t-center, .table-type .t-center {text-align: center;}
.ftype1 {margin: 30px 0 10px; font-size: 16px; font-weight: bold;}