body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
	margin: 0;
	padding: 0;
	font-family:"Microsoft YaHei";
}
body, button, input, select, textarea {
	font: 12px/1.5 tahoma, arial, "\5b8b\4f53";
	*line-height: 1.5;
	-ms-overflow-style: scrollbar
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%
}
address, cite, dfn, em, var {
	font-style: normal
}
code, kbd, pre, samp {
	font-family: courier new, courier, monospace
}
small {
	font-size: 12px
}
ul, ol {
	list-style: none
}
a {
	text-decoration: none;
	color: #de9c52;
}
a:hover {
	text-decoration: underline
}
sup {
	vertical-align: text-top
}
sub {
	vertical-align: text-bottom
}
legend {
	color: #000
}
fieldset, img {
	border: 0
}
button, input, select, textarea {
	font-size: 100%
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
/*******************NAVBAR ******************/
.navbar{
	width:100%;
	height:50px; 
	position:relative; 
	z-index:999; 
	background:url(../images/top.gif) #fff repeat-x; 
	margin:0 auto;
}
.miniLogo{ 
	display: block; 
	width: 118px; 
	height: 33px; 
	float: left; 
	margin-top: 8px; 
	margin-left: 20px;}
.miniLink{ 
	position:absolute; 
	right: 20px; 
	top: 16px;
}
.miniLink a{ 
	color: #828282; 
	margin-right: 10px;
}
.miniLink a:hover{ 
	color: red; 
	text-decoration: none; 
}

/*************** SCROLLBAR BASE CSS ***************/
.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}
 
.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}
 
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}
 
.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}
 
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}
 
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}
 
.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}
 
 
 
 
/*************** SIMPLE INNER SCROLLBAR ***************/
 
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div
{
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}
 
.scrollbar-inner > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
 
.scrollbar-inner > .scroll-element.scroll-x {
    bottom: 2px;
    height: 6px;
    left: 0;
    width: 100%;
}
 
.scrollbar-inner > .scroll-element.scroll-y {
    height: 100%;
    right: 2px;
    top: 0;
    width: 6px;
}
 
.scrollbar-inner > .scroll-element .scroll-element_outer {
    overflow: hidden;
}
 
.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    /*-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;*/
}
 
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    /*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: 0.4;*/
}
 
.scrollbar-inner > .scroll-element .scroll-element_track { background-color: #8bbdb2; }
.scrollbar-inner > .scroll-element .scroll-bar { background-color: #df9d53; }
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #df9d53; }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #df9d53; }
 
 
/* update scrollbar offset if both scrolls are visible */
 
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }
 
 
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }

body,html{
	overflow: hidden;
}
.tr-text{
	/*padding: 0 45px;*/
	max-height: 100%;

	max-width: 960px;
	white-space: normal;
	word-break: break-all;
	/*max-height: 835px*/

	overflow: auto;
}
.tr-text>.scroll-content{
	padding-right: 45px;
}
/*tr-section*/
.tr-section-wrap{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
}
.tr-section{
	height: 100%;
	margin-top: 50px;
	position: relative;
}

.img-responsive{
	width: 100%;
	height: 100%;
}
.img-divide{
	width: 50%;
	height: 100%;
}
.top-title {
    position: absolute;
    top:65%;
    left: 50%;
    margin-left: -144px;
    text-align: center;
    color: #823835;
}
.top-title-1 {
    font-size: 48px;
    margin-bottom: 0.5em;
}
.top-title-2 {
    font-size: 14px;
    margin-top: -20px;
}
.top-icon {
    cursor: pointer;
    display: block;
    margin-top: 20px;
}

.tr-section-l{
	width: 40%;
	height: 100%;
}
.tr-section-r{
	/*width: 60%;*/
	position: absolute;
	right: 0;
	left: 40%;
	margin-left: 45px;
	top: 45px;
	bottom: 45px;
	/*height: 100%;*/
	background-color: #fff;
}
.second-header {
    font-size: 16px;
    color: #8c8a8a;
    line-height: 1.8em;
    margin-bottom: 5%;
}
.second-title {
    font-size: 24px;
    color: #de9c52;
    margin:0 0 0 -1%;
}
.second-desc {
    font-size: 18px;
    color: #f9d1a5;
    font-weight: lighter;
    margin-bottom: 3%;
}
.second-content {
    font-size: 16px;
    color:#333333;
    line-height: 1.8em;
    margin-bottom: 4.5%;
    /*font-weight: 600;*/
}
.third-content {
    font-size: 16px;
    color:#333333;
    line-height: 1.8em;
    margin-bottom: 4.5%;
    /*font-weight: 600;*/
}
.tr-section-4r-inner{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
}
.tr-section-4r-list{
	padding: 25px 2px;
	background-color: #8bbdb2;
	margin: 0;
}
.tr-section-4r-list li{
	float: left;
	position: relative;
	width: 50%;
}
.tr-section-4r-list li img{
	display: block;
	margin: 4%;
	width: 92%;
	height: 92%;
}
.tr-section-4r-list .mask{
	font-size:0.5rem;
	display: none;
	position: absolute;
	top: 4%;
	left: 4%;
	bottom: 4%;
	right: 4%;
	background-color:rgba(0,0,0,.4);
	color: #fff;
	text-align: center;
}
.active .mask{
	display: none;
}
.mask-inner{
	padding-top: 15%;
}
.tr-section-4r-btn{
	cursor: pointer;
	position: absolute;
	top: 50%;
	margin-top: -35px;
	left: -35px;
	width: 35px;
	height: 69px;
	background: url('../images/tr-section-4r-btn.jpg') 0 0 no-repeat;
}
.tr-section-4l{
	position: absolute;
	top: 100px;
	left: 20%;
	right: 20%;
	bottom: 45px;
	/*float: right;*/
	/*margin-right: 200px;*/
	/*padding: 45px;*/
}
.tr-section-4l-t{
	position: absolute;
	top: -65px;
	left: 0;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	font-size: 22px;
}
.tr-section-4l-t2{
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	font-size: 24px;
}
.tr-section-4l-t3{
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
}
.user-card{
	position: relative;
	margin:20px 0;
}
.user-card-avatar{
	border-radius: 100%;
	border:4px solid #8bbdb2;
}

.user-card-text{
	position: absolute;
	left: 120px;
	bottom: 10px;
	color: #a9a7a7;
	font-size: 14px;
	line-height: 1.8;
}
.user-card-1{
	position: relative;
	margin:0 0 20px ;
}

.user-card-text-1{
	position: absolute;
	left: 285px;
	bottom: 2px;
	color: #a9a7a7;
	font-size: 16px;
	line-height: 1.8;
}
.four-content{
	font-size: 16px;
	color:#333333;
	line-height: 1.8;
	margin-bottom: 1em;
}
.five-content{
	font-size: 14px;
	color: #888;
	line-height: 1.6;
	margin-bottom: 1em;
}
.sm_tag{
	font-size: 12px;
	color: #888;
}
.box_hide{
	display: none;
}