a, img, li {
    display: block;
    outline: none;
}
a {
    color: #333;
    cursor: pointer;
    text-decoration: none;
}
a:hover {
    color: #333;
}

body, div, html, ul, p, h1 {
    margin: 0;
    padding: 0;
}
html, body {
    position: relative;
    width: 100%;
	height: 100%;
}
body {
    background: #fff7e8;
    color: #333;
    font: 14px/1.5 'Microsoft Yahei', Arial;
}
img {
    border: none;
}
ul {
    list-style: none;
}
h1 {
	color: #f77f00;
	font-size: 20px;
	padding: 0 10px 10px;
	box-sizing: border-box;
}
h1 label {
	display: block;
	margin-top: 5px;
	font-size: 14px;
	font-weight: normal;
}

.item span::-webkit-scrollbar{
  width: 3px;
  height: 3px;
  /**/
}
.item span::-webkit-scrollbar-track{
  background: #eae2b7;
  border-radius: 3px;
}
.item span::-webkit-scrollbar-thumb{
  background: #333;
  border-radius: 3px;
}
.item span::-webkit-scrollbar-thumb:hover{
  background: #666;
}
.item span::-webkit-scrollbar-corner{
  background: #eae2b7;
}

.intro span::-webkit-scrollbar{
  width: 3px;
  height: 3px;
  /**/
}
.intro span::-webkit-scrollbar-track{
  background: #eae2b7;
  border-radius: 3px;
}
.intro span::-webkit-scrollbar-thumb{
  background: #333;
  border-radius: 3px;
}
.intro span::-webkit-scrollbar-thumb:hover{
  background: #666;
}
.intro span::-webkit-scrollbar-corner{
  background: #eae2b7;
}

.rt.hasBg_a .ph {
	float: left;
	width: 420px;
	height: 900px;
	content: "";
	position: relative;
	z-index: 0;
}
.lt.hasBg_a .ph {
	float: right;
	width: 180px;
	height: 950px;
	content: "";
	position: relative;
	z-index: 0;
}
.lt.hasBg_b .ph {
	float: right;
	width: 180px;
	height: 1200px;
	content: "";
	position: relative;
	z-index: 0;
}
.c {
	position: relative;
}
.c .item {
	display: inline-block;
	padding: 10px 0;
	width: 100%;
	cursor: pointer;
	box-sizing: border-box;
    vertical-align: top;
}
.c_hf .item {
	width: calc(50% - 3px);
	vertical-align: top;
}
.c_te .item {
	width: calc(33.3% - 3px);
	vertical-align: top;
}
.c .item label {
	padding: 0 10px;
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #003049;
	overflow: hidden;
    text-overflow: ellipsis;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	cursor: pointer;
}
.c .item span {
	padding: 0 10px;
	display: block;
	margin-top: 5px;
	overflow: hidden;
    text-overflow: ellipsis;
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.c.ln1 .item span {
    -webkit-line-clamp: 1;
}
.c.ln2 .item span {
    -webkit-line-clamp: 2;
}
.c .item:hover,
.c .item.on {
	background: #eae2b7;
	position: relative;
}
.c .item.on label {
	background: #eae2b7;
	position: relative;
	display: block;
	overflow: auto;
    -webkit-line-clamp: none;
}
.c .item.on span {
	background: #eae2b7;
	width: 100%;
	max-height: 350px;
	display: block;
	position: absolute;
	left: 0;
	overflow: auto;
	padding: 0 10px 10px;
	box-sizing: border-box;
    -webkit-line-clamp: none;
	z-index: 1;
}
.clear{
	display: block;
	clear: both;
	content: "";
}
.vsp {
	display: block;
	content: "";
	width: 0;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	border-left: 1px solid #333;
}
.sp {
	display: block;
	content: "";
	border-top: 1px solid #333;
	margin: 20px 0;
}

.body {
	width: 1440px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
}
.lt {
	display: block;
	float: left;
}
.rt {
	display: block;
	float: right;
}
.db_split {
	border-top: 2px solid #333;
	border-bottom: 2px solid #333;
	position: relative;
	height: 10px;
	width: 100%;
}
.hd {
	text-align: center;
	width: 100%;
	height: 140px;
	position: relative;
}
.hd_img_t {
	position: relative;
	display: block;
	margin: 0 auto;
	padding-top: 10px;
	z-index: 1;
}
.hd .lt, .hd .rt {
	width: 326px;
	height: 100%;
	position: absolute;
	top:0;
}
.hd .lt {
	left: 0;
	background: url("img/web_head_img_lt.png") center no-repeat;
}
.hd .rt {
	right: 0;
	background: url("img/web_head_img_rt.png") center no-repeat;
}
.hd_img_kh {
	margin-top: 50px;
}
.hd_nav {
	display: inline-block;
	position: absolute;
	top: 50px;
	right: 0;
	cursor: pointer;
}
.hd_nav_pop {
	background: #333;
	border: 1px solid #333;
	box-shadow: 1px 1px 5px rgba(162, 121, 74, 0.5);
	position: absolute;
	top: 100px;
	right: 0;
	z-index: 99;
}
.hd_nav_pop:before {
	position: absolute;
	right: 10px;
	top: -6px;
	display: block;
	content: "";
	width: 10px;
	height: 10px;
	border: 1px solid #333;
	border-bottom: 0;
	border-right: 0;
	background: #333;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg); 	/* IE 9 */
	-moz-transform: rotate(45deg); 	/* Firefox */
	-webkit-transform: rotate(45deg); /* Safari บอ Chrome */
	-o-transform: rotate(45deg); 
}
.hd_nav_pop a {
	padding: 10px 20px;
	border-top: 1px solid #eae2b7;
	color: #eae2b7;
	font-weight: bold;
}
.hd_nav_pop a:first-child {
	border-top: none;
}
.hd_nav_pop a:hover {
	color: #fff6e2;
}
.pg_01 {
	margin-bottom: 20px;
	width: 100%;
}
.pg_01 .c {
	display: block;
	float: left;
	margin-top: 20px;
	box-sizing: border-box;
}
.pg_01 .c1_4 {
	width: 25%;
}
.pg_01 .c2_4 {
	width: calc(50% - 20px);
	margin-left: 10px;
	margin-right: 10px;
	padding: 0 10px;
	border: 1px solid #333;
	border-top: 0;
	border-bottom: 0;
}
.pg_01 .c2_4 h1 {
	display: block;
	width: 100%;
}
.pg_01 .c2_4 .item {
	width: calc(50% - 3px);
	vertical-align: top;
}
.pg_01 .c2_4 .epilog {
	margin-top: 20px;
	display: block;
	width: calc(100% -40px);
	background: #f77f00;
	background: -webkit-linear-gradient(#fe985f, #fc6a4a);
	background: -o-linear-gradient(#fe985f, #fc6a4a);
	background: -moz-linear-gradient(#fe985f, #fc6a4a);
	background: linear-gradient(#fe985f, #fc6a4a);
	padding: 10px 20px;
	color: #fff;
}
.pg_01 .c2_4 .epilog img {
	width: auto;
	margin-top: -40px;
}

.pg {
	margin-bottom: 20px;
	position: relative;
}
.pg .lt {
	display: block;
	float: left;
	width: calc(50% - 240px);
	position: relative;
	padding-top: 20px;
}
.pg .rt {
	display: block;
	float: right;
	width: calc(50% + 240px);
	position: relative;
	padding-top: 20px;
}
.pg .pg_bg_a {
	width: 420px;
	position: absolute;
	bottom: 0;
	z-index: 0;
}
.pg .pg_bg_b {
	width: 420px;
	position: absolute;
	bottom: 0;
	z-index: 0;
}
.pg .lt .pg_bg_a {
	left: -5px;
}
.pg .lt .pg_bg_b {
	left: -5px;
}
.pg .rt .pg_bg_a {
	right: -5px;
}
.pg .rt .pg_bg_b {
	right: -5px;
}


.lt_BM .vsp {
	top: 20px;
	height: calc(100% - 40px);
}
.B_tit {
	position: absolute;
	top: 20px;
	left: 0;
}
.B_lt {
	display: block;
	float: left;
	width: 50%;
	padding: 0 10px 10px 0;
	margin-top: 100px;
	box-sizing: border-box;
}
.B_rt {
	display: block;
	float: right;
	width: 50%;
	padding: 0 10px;
	box-sizing: border-box;
	border-left: 1px solid #333;
}

.rt_BM .vsp {
	height: 100%;
	left: 55%;
}
.rt_BM .sp {
	display: block;
    float: right;
	width: calc(100% - 420px);
	position: relative;
	z-index: 0;
}
.M_tit {
	position: absolute;
	top: 20px;
	left: 20px;
}
.M_tit_s {
	display: none;
}
.M_tp {
	margin-left: 120px;
	position: relative;
}
.M_tp .sp {
	margin-left: 120px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.M_tp h1 {
	margin-top: 0;
}
.M_tp_lt {
	display: block;
	float: left;
	width: 55%;
	padding-right: 10px;
	box-sizing: border-box;
	position: relative;
}
.M_tp_lt .intro {
	display: block;
	position: relative;
}
.M_tp_lt .intro span {
	background: #fff7e8;
	overflow: hidden;
    text-overflow: ellipsis;
	display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
	padding: 10px;
	cursor: pointer;
}
.M_tp_lt .intro.on span {
	max-height: 500px;
	position: absolute;
	overflow: auto;
	display: block;
    -webkit-line-clamp: none;
	z-index: 4;
}
.M_tp_rt {
	display: block;
	float: right;
	width: 45%;
	padding-left: 10px;
	box-sizing: border-box;
	position: relative;
}
.M_tp_rt .intro {
	display: block;
	position: relative;
}
.M_tp_rt .intro span {
	overflow: hidden;
    text-overflow: ellipsis;
	display: -webkit-box;
    -webkit-line-clamp: 24;
    -webkit-box-orient: vertical;
	padding: 10px;
}
.M_tp_rt .intro.on span {
	max-height: calc(100% - 20px);
	position: absolute;
	overflow: auto;
	display: block;
    -webkit-line-clamp: none;
	z-index: 1;
}

.M_bm {
	display: block;
	float: right;
	width: calc(100% - 420px);
}
.rt_BM .M_bm .sp {
	margin-left: 0;
	width: 100%;
}
.M_bm_hf {
	position: relative;
}
.M_bm_hf .c {
	display: block;
	float: left;
	width: 50%;
	box-sizing: border-box;
	padding-left: 20px;
}
.M_bm_hf .c:first-child {
	padding-left: 0;
}
.M_bm_hf .vsp {
	left: calc(50% + 10px);
	top: 0;
}

.lt_HY .c {
	display: block;
	float: left;
	width: calc(100% - 180px);
	margin-top: 20px;
}
.lt_HY .c.c_hf {
	display: block;
	float: left;
	width: 100%;
	margin-top: -10px;
}

.HY_tit {
	position: absolute;
	top:80px;
	right: 0;
}
.rt_HY .db_split, .rt_HY .sp {
	margin-left: 240px;
	width: calc(100% - 240px);
}
.rt_HY>.c {
	margin-left: 240px;
	width: calc(100% - 240px);
	margin-top: 20px;
	position: relative;
}
.rt_HY .HY_hf {
	display: block;
	float: right;
	width: calc(100% - 420px);
	position: relative;
}
.rt_HY .HY_hf .c {
	display: block;
	float: left;
	width: 50%;
	padding-left: 20px;
	box-sizing: border-box;
}
.rt_HY .HY_hf .c:first-child {
	padding-left: 0;
}
.rt_HY .HY_hf .vsp {
	left: calc(50% + 10px);
}

.lt_Fr .c {
	display: block;
	float: left;
	width: calc(100% - 180px);
	margin-top: 20px;
}

.rt_Fr .db_split, .rt_Fr .sp {
	display: block;
	float: right;
	width: calc(100% - 240px);
}
.rt_Fr .Fr_te {
	display: block;
	float: right;
	margin-top: 20px;
	width: calc(100% - 240px);
	position: relative;
}
.rt_Fr .Fr_te .c {
	display: block;
	float: left;
	width: 37%;
	padding-left: 20px;
	box-sizing: border-box;
	position: relative;
}
.rt_Fr .Fr_te .c:first-child {
	padding-left: 0;
	width: 26%;
}
.rt_Fr .Fr_te .vsp {
	left: calc(26% + 10px);
}
.rt_Fr .Fr_te .vspA {
	left: calc(63% + 10px);
}

.pg_05 {
	margin-top: 20px;
	margin-bottom: 20px;
	position: relative;
}
.pg_05 .c {
	width: 50%;
	display: block;
	float: left;
	box-sizing: border-box;
	padding-left: 20px;
}
.pg_05 .c:first-child {
	padding-left: 0;
}
.pg_05 .vsp {
	left: calc(50% + 10px);
}

.pg_06 {
	margin-top: 20px;
	margin-bottom: 20px;
	position: relative;
}
.pg_06 .vsp {
	left: calc(50% + 10px);
}
.pg_06 .vsp.OF {
	left: calc(75% + 10px);
}
.pg_06 .lt {
	display: block;
	float: left;
	box-sizing: border-box;
	width: 50%;
	padding-left: 20px;
}
.pg_06 .lt .sx_Hf {
	position: relative;
}
.pg_06 .lt .sx_Hf .c {
	display: block;
	float: left;
	box-sizing: border-box;
	width: 50%;
	padding-left: 20px;
}
.pg_06 .lt:first-child,
.pg_06 .lt .sx_Hf .c:first-child {
	padding-left: 0;
}
.pg_06 .c .item span {
    -webkit-line-clamp: 10;
}
.pg_06 .c.c_bg {
	margin: 20px 0;
	/* border: 1px solid #f77f00; */
	background: #eae2b7;
	/* background: -webkit-linear-gradient(#fe985f, #fc6a4a);
	background: -o-linear-gradient(#fe985f, #fc6a4a);
	background: -moz-linear-gradient(#fe985f, #fc6a4a);
	background: linear-gradient(#fe985f, #fc6a4a); */
	padding: 10px 20px;
}
/* .pg_06 .c.c_bg h1 {
	color: #333;
} */
.pg_06 .c.c_bg .item {
	color: #333;
}
.pg_06 .c.c_bg .item:hover,
.pg_06 .c.c_bg .item.on label {
	background: #ddd5ad;	
}
.pg_06 .c.c_bg .item label {
	color: #333;
}


.foot {
	color: #333;
    width: 100%;
    font-size: 12px !important;
    text-align: center;
    position: relative;
	padding-top: 20px;
    padding-bottom: 30px;
}
.foot a {
	color: #333;
}
.foot .col {
    display: inline-block !important;
	vertical-align: middle;
    padding: 0;
}
.foot .appimg {
	width: 80px;
	height: auto;
	display: block;
    margin: 10px auto;
}

.float-nav {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 4;
}

.float-nav .gotop {
    position: absolute;
    background: #333 url('img/gotop.png?id=2001221048') center center no-repeat;
    width: 48px;
    height: 48px;
    bottom: 0;
    right: 0;
    margin-left: 30px;
}