.g-thr-footer a,
.g-thr-header a,
a {
	text-decoration: none
}

html {
	-overflow-y: scroll
}

body {
	color: #000;
	font-size: 12px;
	line-height: 1.666;
	-webkit-text-size-adjust: none;
	background: #fff
}

body,
textarea {
	font-family: 'Microsoft Yahei', verdana, sans-serif
}

blockquote,
body,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
legend,
li,
menu,
ol,
p,
pre,
table,
td,
th,
ul {
	margin: 0;
	padding: 0
}

fieldset,
img,
table,
td,
th {
	border: 0
}

address,
caption,
cite,
code,
dfn,
em,
i,
ins,
th,
var {
	font-style: normal;
	text-decoration: none
}

h1,
h2,
h3,
h4,
h5,
h6,
th {
	font-size: 100%;
	font-weight: 400
}

button,
input,
select,
table,
textarea {
	margin: 0;
	font-family: inherit;
	font-size: 100%
}

abbr,
acronym {
	border: 0;
	font-variant: normal
}

q:after,
q:before {
	content: ""
}

.clearfix:after,
.fn-clear:after,
.row .span3:after {
	visibility: hidden;
	content: " ";
	clear: both
}

ul {
	list-style: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

caption,
th {
	text-align: left
}

a {
	outline: 0;
	color: #0154a0
}

.hide {
	display: none
}

.clearfix:after,
.fn-clear:after {
	display: block;
	font-size: 0;
	height: 0
}

.nbd {
	border: none !important
}

.mgt35 {
	margin-top: 35px !important
}

.mgt60 {
	margin-top: 60px !important
}

.nmg {
	margin: 0 !important
}

.vpd70 {
	padding: 70px 0 !important
}

.vpd90 {
	padding: 90px 0 !important
}

.fl {
	float: left
}

.fr {
	float: right
}

.tar {
	text-align: right
}

.phcolor {
	color: #999 !important
}

.red {
	color: red !important
}

.gray-bg {
	background: #f1f3f4 !important
}

.dimgray-bg {
	color: #fff !important;
	background: #666 !important
}

.g-wrap {
	width: 1080px;
	margin: 0 auto
}

.das-line-b {
	border-bottom: 1px dashed #999
}

.g-thr-header {
	background: #fff
}

.g-thr-header .g-wrap {
	position: relative;
	height: 81px
}

.g-thr-header .m-title {
	position: absolute;
	left: 0;
	top: 20px;
	width: 300px;
	height: 45px;
	background: url(../../../../public/images/logo-thr.png) no-repeat
}

.g-thr-header .m-title a {
	display: block;
	height: 45px;
	line-height: 45px;
	padding-left: 194px
}

.g-thr-header .m-title a span {
	display: inline-block;
	font-size: 24px;
	color: #333
}

.g-thr-header .m-links {
	position: absolute;
	height: 23px;
	line-height: 23px;
	top: 30px;
	right: 0
}

.g-thr-header .m-links-item {
	display: inline-block;
	margin: 0 10px
}

.g-thr-header .trial-btn {
	display: inline-block;
	padding: 0 12px;
	background: #b61820;
	color: #fff;
	border-radius: 10px
}

.g-thr-header a {
	color: #666
}

.g-thr-header .m-nav {
	position: absolute;
	right: 10px;
	top: 53px;
	height: 28px;
	text-align: right;
	font-size: 0
}

.g-thr-header .m-nav-item {
	background-position: 0 -32px;
	display: inline-block;
	height: 27px;
	line-height: 27px;
	padding: 0 18px;
	color: #666;
	border-width: 1px 1px 0;
	border-style: solid;
	border-color: #eeeef1;
	font-weight: 400;
	cursor: pointer;
	font-size: 12px
}

.g-thr-header .m-nav-item:hover {
	background-position: 0 0
}

.g-thr-header .m-nav-item-selected {
	background-position: 0 0;
	border-color: #e2e3e3;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	font-weight: 700;
	position: relative;
	z-index: 1
}

.breadcrumb {
	line-height: 45px;
	font-size: 12px;
	color: #999
}

.breadcrumb a {
	color: #999
}

.g-thr-content {
	padding-top: 0;
	min-width: 1080px
}

.g-body-mod .mod-title {
	font-size: 24px;
	font-weight: 600;
	line-height: 24px;
	color: #000
}

.row {
	margin-top: 25px
}

.row .span3 {
	width: 340px;
	margin-right: 30px;
	float: left
}

.row .span3:after {
	display: block;
	font-size: 0;
	height: 0
}

.row .span3 .pic {
	float: left;
	font-size: 0
}

.row .span3 .con {
	width: 246px;
	float: left
}

.row .span3 .tt {
	font-size: 16px;
	line-height: 24px;
	color: #333
}

.row .span3 .txt {
	padding-top: 0;
	font-size: 14px;
	line-height: 24px;
	color: #666
}

.row .span4 {
	width: 242px;
	height: 206px;
	margin-right: 37px;
	float: left
}

.row .span4 .pic {
	height: 100px;
	margin-bottom: 10px;
	font-size: 0
}

.row .span4 .tt {
	font-size: 16px;
	line-height: 24px;
	color: #333
}

.row .span4 .txt {
	padding-top: 0;
	font-size: 14px;
	line-height: 24px;
	color: #666
}

.g-thr-footer {
	min-width: 1080px;
	color: #999;
	background: #dde0e0
}

.g-thr-footer .g-wrap {
	padding: 38px 0;
	text-align: center
}

.g-thr-footer a {
	color: #999
}

.g-thr-footer.dimgray-bg a {
	color: #fff
}

.brand .g-body-mod {
	padding: 80px 0
}

.brand .depict-des {
	padding-top: 0
}

.brand .depict-des .mod-title {
	padding-top: 30px
}

.depict-des .row .span3 {
	height: 145px
}

.develop-timeline {
	height: 633px;
	padding-top: 25px;
	color: #fff;
	background: url(../img/_r2_c2.png) 0 25px no-repeat
}

.develop-timeline .item {
	float: left
}

.develop-timeline .year {
	font-family: Arial;
	font-size: 42px;
	font-weight: 700;
	letter-spacing: -4px;
	float: left
}

.develop-timeline .tt,
.develop-timeline .txt {
	font-family: "微软雅黑", Arial, Helvetica, sans-serif;
	line-height: 20px
}

.develop-timeline .con {
	margin-top: 19px;
	float: left
}

.develop-timeline .tt {
	font-size: 15px;
	font-weight: 700
}

.develop-timeline .txt {
	font-size: 13px
}

.develop-timeline .year1997 {
	width: 305px;
	height: 74px
}

.develop-timeline .year1997 {
 width:305px;
 height:74px
}
.develop-timeline .year1997 .year {
 width:88px;
 padding-left:23px;
 height:74px;
 line-height:74px
}
.develop-timeline .year2003 {
 width:361px;
 height:74px
}
.develop-timeline .year2003 .year {
 width:85px;
 padding-left:34px;
 height:74px;
 line-height:74px
}
.develop-timeline .year2009 {
 width:412px;
 height:74px
}
.develop-timeline .year2009 .year {
 width:90px;
 padding-left:40px;
 height:74px;
 line-height:74px
}
.develop-timeline .year2010 {
 width:460px;
 height:93px;
 float:right
}
.develop-timeline .year2010 .year {
 width:90px;
 padding-left:40px;
 height:93px;
 line-height:90px
}
.develop-timeline .year2010 .tt {
 padding-top:5px
}
.develop-timeline .year2011 {
 width:620px;
 height:93px;
 float:right
}
.develop-timeline .year2011 .year {
 width:120px;
 padding-left:85px;
 height:93px;
 line-height:93px;
 font-size:65px;
 letter-spacing:-8px
}
.develop-timeline .year2011 .con1 .tt,
.develop-timeline .year2011 .con2 .tt {
 font-size:16px;
 line-height:16px
}
.develop-timeline .year2011 .con1 {
 width:138px;
 padding:0 9px 0 10px
}
.develop-timeline .year2011 .con2 {
 width:200px;
 padding:0 9px 0 18px
}
.develop-timeline .year2011 .con2 .txt {
 line-height:18px
}
.develop-timeline .year2012 {
 width:412px;
 height:90px;
 float:left
}
.develop-timeline .year2012 .year {
 width:90px;
 padding-left:78px;
 height:90px;
 line-height:90px
}
.develop-timeline .year2012 .tt {
 font-size:14px;
 padding-top:5px
}
.develop-timeline .year2013 {
 width:620px;
 height:90px
}
.develop-timeline .year2013 .year {
 width:120px;
 padding-left:51px;
 height:90px;
 line-height:90px;
 font-size:65px;
 letter-spacing:-8px
}
.develop-timeline .year2013 .con1 {
 width:177px;
 padding:0 9px 0 10px
}
.develop-timeline .year2013 .con1 .tt {
 font-size:15px;
 line-height:16px;
 margin-bottom:2px
}
.develop-timeline .year2013 .con2 {
 width:206px;
 padding:0 9px 0 18px
}
.develop-timeline .year2013 .con2 .tt {
 font-size:16px;
 line-height:16px;
 margin-bottom:2px
}
.develop-timeline .year2013 .con2 .txt {
 line-height:18px
}
.develop-timeline .year2014 {
 width:330px;
 height:90px;
 padding-right:34px;
 float:right
}
.develop-timeline .year2014 .year {
 width:90px;
 padding-left:18px;
 height:90px;
 line-height:90px
}
.develop-timeline .year2014 .con {
 width:200px;
 margin-top:16px
}
.develop-timeline .year2014 .tt {
 font-size:14px
}
.develop-timeline .year2015 {
 width:330px;
 margin-left:18px;
 float:right;
 height:90px
}
.develop-timeline .year2015 .year {
 width:88px;
 font-size:42px;
 height:90px;
 line-height:90px
}
.develop-timeline .year2015 .tt {
 font-size:14px
}
.develop-timeline .year2015 .con {
 margin-top:24px
}
.develop-timeline .item-w-4 {
 padding-bottom:50px
}
.develop-timeline .year2016 {
 width:288px;
 float:left;
 height:90px;
 padding-left:78px
}
.develop-timeline .year2016 .year {
 width:88px;
 font-size:42px;
 height:90px;
 line-height:90px
}
.develop-timeline .year2016 .con {
 width:168px;
 margin-top:16px
}
.develop-timeline .year2017 .con,
.develop-timeline .year2018 .con {
 margin-top:26px
}
.develop-timeline .year2016 .tt {
 font-size:14px
}
.develop-timeline .year2017 {
 width:402px;
 float:left;
 height:90px;
 padding-left:110px;
 padding-right:34px
}
.develop-timeline .year2017 .year {
 width:124px;
 letter-spacing:-8px;
 font-size:65px;
 height:90px;
 line-height:90px;
 margin-left:16px;
 margin-right:20px
}
.develop-timeline .year2018 {
 width:450px;
 float:left;
 height:90px;
 padding-left:80px
}
.develop-timeline .year2018 .year {
 width:124px;
 letter-spacing:-8px;
 font-size:65px;
 height:90px;
 line-height:90px;
 margin-right:16px
}

.develop-timeline .item-w-2 {
	padding: 50px 0 48px
}

.develop-timeline .item-w-3 {
	padding-bottom: 47px
}

.report-con {
	padding-top: 15px
}

.report-con li {
	width: 490px;
	height: 42px;
	padding-right: 50px;
	float: left;
	font-size: 14px;
	line-height: 42px;
	border-bottom: 1px dashed #d4d4d4
}

.report-con li.even {
	padding-right: 0;
	padding-left: 50px
}

.report-con li a {
	width: 390px;
	display: inline-block;
	color: #666;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.report-con li .time {
	float: right;
	color: #999
}

#YSF-BTN-HOLDER {
	display: none
}

.aside-contact {
	width: 62px;
	position: fixed !important;
	top: 250px;
	right: 10px;
	z-index: 999
}

.aside-contact .help-tip,
.aside-contact .phone-tip,
.aside-contact .register-tip,
.aside-contact .ysp-tip {
	position: relative;
	width: 60px;
	height: 36px;
	padding: 12px 0;
	margin-bottom: 10px;
	border: 1px solid #bbb;
	font-size: 16px;
	line-height: 18px;
	text-align: center;
	color: #fff;
	background: url(../../../../public/images/aside-contact.html) no-repeat #fff
}

.aside-contact .phone-tip {
	background-position: -154px -2px
}

.aside-contact .ysp-tip {
	height: 48px;
	width: 58px;
	padding: 10px 0 0;
	margin-left: 1px;
	background: #fff;
	-webkit-animation: 1s flashing 0s infinite;
	animation: 1s flashing 0s infinite
}

.aside-contact .ysp-tip:hover {
	-webkit-animation: none;
	animation: none
}

.aside-contact .ysp-tip .txt {
	display: block;
	color: #bcbcbb;
	font-weight: 700
}

.aside-contact .ysp-tip:hover .txt {
	color: #fff
}

.aside-contact .help-tip {
	position: relative;
	background-position: -82px -128px
}

.aside-contact .help-tip a {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 60px;
	height: 60px
}

.aside-contact .register-tip {
	cursor: pointer;
	background: url(../../../../public/images/register-tip.html) center no-repeat #fff
}

.aside-contact .register-tip:hover {
	background: url(../../../../public/images/register-tip-hover.html) center no-repeat #8db2df
}

.aside-contact .help-tip:hover .txt,
.aside-contact .phone-tip:hover .tip,
.aside-contact .phone-tip:hover .txt,
.aside-contact .ysp-tip:hover .tip,
.aside-contact .ysp-tip:hover .txt {
	display: block
}

.aside-contact .help-tip .txt {
	line-height: 32px
}

.aside-contact .register-tip .txt {
	display: block;
	font-size: 0
}

.aside-contact .register-tip .txt a {
	display: block;
	color: #666;
	text-indent: -999px
}

.aside-contact .register-tip:hover .txt a {
	display: block;
	color: #666
}

.aside-contact .help-tip:hover,
.aside-contact .phone-tip:hover,
.aside-contact .ysp-tip:hover {
	background: #8db2df
}

.aside-contact .tip,
.aside-contact .txt {
	cursor: default;
	display: none
}

.aside-contact .tip {
	position: absolute;
	width: 135px;
	padding-right: 15px;
	height: 40px;
	line-height: 40px;
	top: 11px;
	right: 66px;
	font-size: 12px
}

.aside-contact .phone-tip:hover .tip {
	background: url(../../../../public/images/aside-contact.html) 0 -9px no-repeat
}

.aside-contact .mail-tip:hover .tip {
	background: url(../../../../public/images/aside-contact.html) 0 -73px no-repeat
}

@-webkit-keyframes flashing {
	0% {
		border-color: #fff;
		box-shadow: 0 0 0 1px #fff, 0 0 0 2px #bcbcbb;
		background: #f7f7f7
	}

	20% {
		border-color: #f7f7ef;
		box-shadow: 0 0 0 1px #f7f7f7, 0 0 0 2px #cac8c7;
		background: #f7f7f7
	}

	40% {
		border-color: #e7e7de;
		box-shadow: 0 0 0 1px #efefe7, 0 0 0 2px #cac8c7;
		background: #f7f7f7
	}

	60% {
		border-color: #d6ced0;
		box-shadow: 0 0 0 1px #e7e7de, 0 0 0 2px #d6d6c6;
		background: #f7f7f7
	}

	80% {
		border-color: #bcbcbb;
		background: #fff
	}
}

@keyframes flashing {
	0% {
		border-color: #fff;
		box-shadow: 0 0 0 1px #fff, 0 0 0 2px #bcbcbb;
		background: #f7f7f7
	}

	20% {
		border-color: #f7f7ef;
		box-shadow: 0 0 0 1px #f7f7f7, 0 0 0 2px #cac8c7;
		background: #f7f7f7
	}

	40% {
		border-color: #e7e7de;
		box-shadow: 0 0 0 1px #efefe7, 0 0 0 2px #cac8c7;
		background: #f7f7f7
	}

	60% {
		border-color: #d6ced0;
		box-shadow: 0 0 0 1px #e7e7de, 0 0 0 2px #d6d6c6;
		background: #f7f7f7
	}

	80% {
		border-color: #bcbcbb;
		background: #fff
	}
}

@media screen and (max-width:1080px) {
	.g-content .g-main {
		margin: 0 auto
	}

	.g-content .g-sidebar {
		display: none
	}
}

.develop-timeline .year2017 {
	width: 402px;
	float: left;
	height: 90px;
	padding-left: 110px;
	padding-right: 34px
}

.develop-timeline .year2017 .year {
	width: 124px;
	letter-spacing: -8px;
	font-size: 65px;
	height: 90px;
	line-height: 90px;
	margin-left: 16px;
	margin-right: 20px
}

.develop-timeline .year2018 {
	width: 450px;
	float: left;
	height: 90px;
	padding-left: 80px
}

.develop-timeline .year2018 .year {
	width: 124px;
	letter-spacing: -8px;
	font-size: 65px;
	height: 90px;
	line-height: 90px;
	margin-right: 16px
}