@charset "utf-8";
/*reset*/
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
fieldset, img {
	border: 0;
	max-width: 100%;
}
:focus {
    outline: 0;
}
a{cursor:pointer; }
address, caption, cite, code, dfn, em, strong, th, var, optgroup {
    font-style: normal;
    font-weight: normal;
}
 
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}
abbr, acronym {
    border: 0;
    font-variant: normal;
}

input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}
code, kbd, samp, tt {
    font-size: 100%;
}
input, button, textarea, select {
    *font-size: 100%;
}
body {
    line-height: 1.5;
}
ol, ul {
    list-style: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th {
    text-align: left;
}
sup, sub {
    font-size: 100%;
    vertical-align: baseline;
}
/* remember to highlight anchors and inserts somehow! */
:link, :visited , ins {
    text-decoration: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
/*start*/
.clearfix{overflow:auto;_height:1%;clear: both;}
body{ 
	font:14px/28px "Arial","-apple-system", "sans-serif";
	background:#fff;
	color:#666;
	font-family: "Arial","-apple-system", "sans-serif";
    overflow-x: hidden;
    min-width: 1200px;
}
a{color:#4C4C4C;}
a:hover{color:#D83E1E;text-decoration:underline;text-decoration: none;}

.mt10 { margin-top:10px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important; }
.mt40 { margin-top:40px !important; }
.mr0 { margin-right:0 !important; }
.mt0 { margin-top:0 !important; }
.wrapfix { width:1200px;margin:0 auto; }
.ared { color:#fd6363; }
.agreen { color:#008063; }
.agray { color: #9a9a9a!important;}
.aorange { color: #D83E1E!important;}
/*header start*/
a {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.header, .banner_inner {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.header_top {
	height: 32px;
	line-height: 32px;
	text-align: right;
	background: #333333;
}
.header_top .wrapfix > span {
	display: block;
	float: right;
	color: #FFFFFF;
	font-size: 12px;
}
.header_top .wrapfix > span > a {
	display: block;
	float: right;
	color: #FFFFFF;
	font-size: 12px;
}
.header_top .language {
	cursor: pointer;
	margin-left: 50px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.header_top .language:hover {
	color: #D83E1E;
}
.header_top .language a:hover {
	color: #D83E1E;
}
.header_top .number {
	padding-left: 20px;
	background: url(../images/phone.png) no-repeat left center;
}
.header_inner {
	height: 80px;
	background: #FFFFFF;
}
.header_inner .logo {
	width: 180px;
	height: 80px;
	float: left;
	background: url(../images/logo.png) no-repeat left center;
}
.header_inner .inner_nav {
	float: left;
	height: 80px;
}
.inner_nav > li {
	float: left;
	padding: 0 12px;
}
.inner_nav > li.parent{
	position: relative;	
}
.inner_nav > li > a {
	display: block;
	line-height: 80px;
	font-size: 16px;
	color: #333;
	font-weight: 600;
	padding: 0 3px;
	position: relative;
}
.inner_nav > li.active > a,.inner_nav > li > a:hover {
	color: #D83E1E;
}
.inner_nav > li > a:after {
    content: '';
    width: 0;
    height: 4px;
    background: #D83E1E;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.inner_nav > li.active > a:after {
    width: 100%;
    left: 0;
}
.child_ul {
	display: none;
	width: 200px;
	background: #FFFFFF;
	border-top: 4px solid #D83E1E;
	position: absolute;
	top: 76px;
	left: 50%;
	margin-left: -100px;
	z-index: 200;
}
.child_ul > li > a {
	display: block;
	line-height: 50px;
	color: #333;
	font-size: 16px;
	text-align: center;
	white-space: nowrap;
	overflow-x: hidden;
	padding: 0 5px;
}
.child_ul > li > a:hover {
	color: #D83E1E;
	background: #f3f3f3;
}
.header_inner .rt_btn {
	float: right;
	padding: 22px 0;
}
.header_inner .rt_btn > a {
	display: inline-block;
	*display: inline;
	_zoom: 1;
	text-align: center;
	margin-left: 16px;
	border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;
    behavior: url(PIE.htc);
    position: relative;
}
.header_inner .rt_btn .login {
	width: 80px;
	line-height: 36px;
	color: #FFFFFF;
	background: #D83E1E;
}
.header_inner .rt_btn .signin {
	width: 78px;
	line-height: 34px;
	color: #D83E1E;
	border: 1px solid #D83E1E;
}
.header_inner .rt_btn > a:hover {
	color: #FFFFFF;
	border-color: #f24f2b;
	background: #f24f2b;
}
/*header start*/

/* footer start */
.footer_box {
	padding: 0 0 16px;
	background: #EEEEEE;
}
.footer_box .lt_box {
	float: left;
	width: 400px;
	padding-bottom: 26px;
}
.footer_box .lt_box .ft_logo {
	height: 92px;
	background: url(../images/ft_logo.png) no-repeat left center;
}
.footer_box .lt_box > p {
	line-height: 18px;
	font-size: 12px;
}
.footer_box .rt_link {
	float: right;
	width: 720px;
	padding-top: 22px;
}
.footer_box .link_box {
	float: left;
	min-width: 150px;
	padding-left: 30px;
}
.footer_box .link_box.min {
	min-width: 100px;
}
.footer_box .link_box.max {
	min-width: 200px;
}
.footer_box .link_box.long {
	min-width: 280px;
}
.footer_box .link_box h4 {
	line-height: 20px;
	font-size: 16px;
	color: #333;
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: 1px solid #cfcfcf;
}
.link_ul {
	padding: 10px 0 28px;
}
.link_ul li {
	line-height: 30px;
}
.ft_copyright {
	line-height: 18px;
	color: #868686;
	font-size: 12px;
	padding: 21px 0;
	background: #333333;
}
/* footer end */

/* index start */
.banner_main {
	position: relative;
}
.banner_ul {
	height: 600px;
}
.banner_ul_min {
	height: 370px;
}
.banner_ul li, banner_ul_min li {
	position: relative;
}
.banner_ul li a {
	display: block;
	height: 600px;
}
.banner_ul_min li a {
	display: block;
	height: 370px;
}
.banner_ul li .text_cen {
	color: #EEEEEE;
	position: absolute;
	top: 50%;
	margin-left: 60px;
	margin-top: -70px;
	z-index: 100;
}
.banner_ul li .text_cen b {
	display: block;
	line-height: 80px;
	font-size: 58px;
	font-weight: bold;
}
.banner_ul li .text_cen p {
	line-height: 60px;
	font-size: 40px;
	font-weight: bold;
}
.dot_box {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 40px;
    z-index: 99;
}
.dot_box em {
    display: inline-block;
    *display: inline;
    _zoom: 1;
    width: 10px;
    height: 10px;
    cursor: pointer!important;
    margin: 0 5px;
    background: #FFFFFF;
    border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;
    opacity: 0.9;
    behavior: url(PIE.htc);
    position: relative;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.swiper-active-switch {
    width: 28px;
    opacity: 1;
    background: #D83E1E;
    border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;
} 


.title_box {
	text-align: center;
	padding: 30px 0 20px;
}
.title_box.left {
	text-align: left;
}
.title_box b {
	display: block;
	line-height: 64px;
	color: #333;
	font-size: 36px;
	position: relative;
}
.title_box.white b {
	color: #FFFFFF;
}
.title_box b:after {
	content: '';
	width: 80px;
	height: 4px;
	background: #D83E1E;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -40px;
}
.title_box.white b:after {
	background: #FFFFFF;
}
.title_box.left b:after {
	left: 0;
	margin-left: 0;
}

.About_us {
	padding-bottom: 30px;
	background: #f9f9f9;
}
.About_us .wrapfix {
	overflow: hidden;
}
.About_us .lt_video {
	float: left;
    width: 634px;
    height: 423px;
    padding: 0px 0;
    position: relative;
}
.About_us .lt_video img {
	min-width: 100%;
    padding-top: 45px;
}
.About_us .lt_video .pause_btn {
	display: block;
	width: 90px;
	height: 60px;
	background: url(../images/pause_btn.png) no-repeat center;
	position: absolute;
	top: 57%;
	left: 50%;
	margin-top: -30px;
	margin-left: -45px;
}
.About_us .lt_video .pause_btn:hover {
	background: url(../images/pause_btn2.png) no-repeat center;	
}
.About_us .about_ul {
	float: right;
	width: 520px;
	margin-top: 45px;
}
.about_ul li {
	cursor: pointer;
	padding: 20px 0 20px 90px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.about_ul li.n1 {
	background: url(../images/about_nav01.png) no-repeat left center;
}
.about_ul li.n1:hover {
	background: url(../images/about_nav01_hover.png) no-repeat left center;
}
.about_ul li.n2 {
	background: url(../images/about_nav02.png) no-repeat left center;
}
.about_ul li.n2:hover {
	background: url(../images/about_nav02_hover.png) no-repeat left center;
}
.about_ul li.n3 {
	background: url(../images/about_nav03.png) no-repeat left center;
}
.about_ul li.n3:hover {
	background: url(../images/about_nav03_hover.png) no-repeat left center;
}
.about_ul li.n4 {
	background: url(../images/about_nav04.png) no-repeat left center;
}
.about_ul li.n4:hover {
	background: url(../images/about_nav04_hover.png) no-repeat left center;
}
.about_ul li b {
	display: block;
	line-height: 22px;
	font-size: 20px;
	color: #333;
	overflow: hidden;
	padding-bottom: 15px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.about_ul li:hover b {
	color: #D83E1E;
}
.about_ul li p {
	height: 48px;
	line-height: 24px;
}


.Service {
	padding: 20px 0 56px;
	background: #FFFFFF;
}
.service_ul {
	margin: 20px 0;
}
.service_ul li {
	overflow: hidden;
	cursor: pointer;
}
.service_ul li .pic_box {
	float: left;
	width: 600px;
	height: 350px;
	overflow: hidden;
}
.service_ul li .pic_box>img {
	display: block;
	width: 100%;
	-webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.service_ul li:hover .pic_box>img {
    transform:scale(1.1);
}
.service_ul li .cont_box {
	float: left;
    width: 540px;
    height: 320px;
    color: #333;
    padding: 30px 30px 0;
    background: #f4f4f4;
    position: relative;
}
.service_ul li .cont_box>i {
	display: block;
	width: 12px;
	height: 24px;
	position: absolute;
	top: 50%;
	margin-top: -12px;
	z-index: 10;
}
.service_ul li .cont_box>i.left {
	left: -12px;
	background: url(../images/horn_lt.png) no-repeat center;
}
.service_ul li .cont_box>i.right {
	right: -12px;
	background: url(../images/horn_rt.png) no-repeat center;
}
.service_ul li .cont_box b {
	display: block;
	line-height: 32px;
	font-size: 20px;
	padding-bottom: 10px;
}
.service_ul li .cont_box p {
	height: 200px;
    line-height: 26px;
	overflow: hidden;
	/* word-break: break-all; */
}
.more_btn {
	display: block;
	width: 120px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	background: #D83E1E;
    border-radius: 25px;-webkit-border-radius: 25px;-moz-border-radius: 25px;
    behavior: url(PIE.htc);
}
.service_ul li .cont_box .more_btn {
	position: absolute;
	right: 35px;
	bottom: 20px;
	/* opacity: 0; */
	-webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
/* .service_ul li:hover .cont_box .more_btn {
	opacity: 1;
} */
.more_btn:hover {
	color: #FFFFFF;
	background: #f24f2b;
}


.China_market {
	height: 624px;
	overflow: hidden;
	background: #D83E1E;
}
.China_market .lt_box {
	width: 50%;
	float: left;
	height: 624px;
}
.China_market .lt_box .cont_box {
	width: 600px;
	float: right;
	padding-top: 25px;
}
.market_ul {
	padding: 24px 0;
	/* margin-top: 30px; */
}
.market_ul li {
	cursor: pointer;
	color: #FFFFFF;
	padding: 30px 0 30px 120px;
}
.market_ul li.n1 {
	background: url(../images/market_nav01.png) no-repeat left center;
}
.market_ul li.n2 {
	background: url(../images/market_nav02.png) no-repeat left center;
}
.market_ul li.n3 {
	background: url(../images/market_nav03.png) no-repeat left center;
}
.market_ul li b {
	line-height: 36px;
	font-size: 20px;
	padding-bottom: 10px;
}
.market_ul li b a {
	color: #FFFFFF;
	position: relative;
}
.market_ul li b a:after {
	content: '';
	width: 100%;
	height: 2px;
	background: #FFFFFF;
	position: absolute;
	left: 0;
	bottom: -2px;
	-webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.market_ul li:hover b a:after {
	width: 0;
}
.market_ul li p {
	line-height: 22px;
	padding-right: 40px;
}
.China_market .rt_pic {
	width: 50%;
	float: right;
	height: 624px;
	background: url(../images/market_pic.jpg)  left top round;
}


.Research {
	padding: 80px 0;
	background: #FFFFFF;
}
.Research .wrapfix {
	overflow: hidden;
}
.Research .lt_box {
	float: left;
	width: 550px;
	height: 430px;
	padding-right: 50px;
}
.Research .lt_box > h4 {
	line-height: 36px;
	font-size: 16px;
	color: #596676;
	padding: 8px 5px 40px;
}
.Research .rt_pic {
	width: 600px;
	float: right;
	text-align: right;
}

.Technology {
	background: #D83E1E;
}
.Technology .wrapfix.bg {
	height: 510px;
	background: url(../images/Technology_bg.jpg) no-repeat center;
}
.Technology .cont_box {
	color: #FFFFFF;
	padding: 125px 70px 0 570px;
}
.Technology .cont_box > b {
	display: block;
	line-height: 46px;
	font-size: 36px;
}
.Technology .cont_box > p {
	line-height: 26px;
	font-size: 20px;
	padding: 25px 0 40px;
}
.more_white {
	display: block;
	width: 116px;
	line-height: 46px;
	font-size: 16px;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	border: 2px solid #FFFFFF;
    border-radius: 25px;-webkit-border-radius: 25px;-moz-border-radius: 25px;
    behavior: url(PIE.htc);
}
.more_white:hover {
	color: #D83E1E;
	background: #FFFFFF;
}


.Contact_us {
	padding: 18px 0 85px;
	background: #FFFFFF;
}
.Contact_us .wrapfix {
	overflow: hidden;
	margin-top: 25px;
}
.Contact_us .pic_box {
	float: left;
	width: 600px;
	height: 400px;
}
.Contact_us .cont_box {
	float: right;
	width: 500px;
	height: 370px;
	padding: 30px 50px 0;
	background: #f6f6f6;
}
.contact_input {
	padding: 10px 0;
}
.contact_input .text {
	width: 460px;
	height: 16px;
	line-height: 16px;
	font-size: 16px;
	color: #333;
	padding: 13px 19px;
	border: 1px solid #e5e5e5;
    border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;
    behavior: url(PIE.htc);
    position: relative;
}
.contact_input ::-webkit-input-placeholder { /* WebKit browsers */
    color: #666;
}
.contact_input :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #666;
}
.contact_input ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #666;
}
.contact_input :-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #666;
}
.contact_input textarea {
	width: 460px;
	height: 72px;
	line-height: 24px;
	font-size: 16px;
	color: #333;
	resize: none;
	padding: 13px 19px;
	border: 1px solid #e5e5e5;
    border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;
    behavior: url(PIE.htc);
    position: relative;
}
.Contact_us .cont_box p.tip {
	line-height: 18px;
	color: #999;
	padding: 8px 0;
}
.send_btn {
	text-align: right;
	padding: 18px 0 0;
}
.send_btn > a {
	display: inline-block;
    *display: inline;
    _zoom: 1;
    width: 140px;
    line-height: 36px;
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    background: #D83E1E;
    border-radius: 18px;-webkit-border-radius: 18px;-moz-border-radius: 18px;
    behavior: url(css/PIE.htc);
    position: relative;
}
.send_btn > a:hover {
	background: #f24f2b;
}

.wow { visibility: visible!important; }
/* index end */

/* Technology start*/
.banner_inner {
	height: 370px;
	position: relative;
}
.banner_inner.bg_technology {
	background: url(../images/banner_technology.jpg) top left round;
}
.banner_inner .text_cen {
	color: #EEEEEE;
	position: absolute;
	top: 50%;
	margin-left: 60px;
	margin-top: -70px;
	z-index: 100;
	cursor: default;
}
.banner_inner .text_cen b {
	display: block;
	line-height: 80px;
	font-size: 58px;
	font-weight: bold;
}
.banner_inner .text_cen p {
	line-height: 60px;
	font-size: 40px;
	font-weight: bold;
}
.technology_cen {
	padding: 40px 0;
	background: #f7f7f7;
}
.tech_info {
	padding: 20px;
	background: #FFFFFF;
}
.tech_info .info_top {
	height: 60px;
	color: #333;
	padding: 0 140px 0 80px;
	position: relative;
}
.tech_info .info_top .icon_box {
	width: 60px;
	height: 60px;
	position: absolute;
	top: 0;
	left: 0;
}
.tech_info .info_top b {
	display: block;
	line-height: 36px;
	font-size: 18px;
}
.tech_info .info_top p {
	line-height: 24px;
	font-size: 12px;
}
.tech_info .info_top p span {
	padding-right: 18px;
}
.tech_info .info_top .download_btn {
	display: block;
	width: 95px;
	line-height: 36px;
	font-size: 16px;
	color: #FFFFFF;
	padding-left: 45px;
	background: #D83E1E url(../images/icon_download.png) no-repeat 12px center;
    border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;
    behavior: url(css/PIE.htc);
	position: absolute;
	top: 12px;
	right: 0;
}
.tech_info .info_top .download_btn:hover {
	background-color: #f24f2b;
}
.tech_table {
	width: 100%;
	margin: 15px 0 10px;
	border: 1px solid #EEEEEE;
}
.tech_table tr td,.tech_table tr th {
	line-height: 18px;
	font-size: 12px;
	color: #333;
	vertical-align: top;
	border: 1px solid #EEEEEE;
}
.tech_table tr td {
	white-space: nowrap;
	padding: 5px 10px;
}
.tech_table tr th {
	padding: 10px;
}
.technology_cen .bot_box {
	line-height: 32px;
	font-size: 16px;
	color: #333;
	padding: 80px 0 20px;
}
/* Technology end*/

/* About_us start*/
.banner_inner.bg_about {
	background: url(../images/banner_about.jpg) top left round;
}
.aboutus_cen {
	background: #FFFFFF;
}
.tab_box {
	height: 66px;
}
.tab_ul {
	height: 66px;
	background: #FFFFFF;
	position: relative;
	top: -35px;
	z-index: 110;
}
.tab_ul:before {
	content: '';
    width: 100%;
    height: 0;
    box-shadow: 0 0 50px 4px #ccc;
    -webkit-box-shadow: 0 0 50px 4px #ccc;
    -moz-box-shadow: 0 0 50px 4px #ccc;
    position: absolute;
    left: 0;
    bottom: 7px;
    z-index: -1;
}
.tab_ul li {
	float: left;
	padding: 10px 30px;
	background: #FFFFFF;
	position: relative;
	z-index: 10;
}
.tab_ul.two li {
	width: 540px;
}
.tab_ul.three li {
	width: 340px;
}
.tab_ul.four li {
	width: 340px;
}
.tab_ul li a {
	display: block;
	height: 46px;
	line-height: 46px;
	text-align: center;
	font-size: 16px;
	color: #333;
}
.tab_ul li.active a,.tab_ul li a:hover {
	color: #D83E1E;
}
.future_box {
	overflow: hidden;
	padding: 20px 0 70px;
}
.future_box .pic_box {
	float: left;
	width: 520px;
	height: 325px;
	padding: 10px 20px 5px 0;
}
.future_box .cont_box h3 {
	line-height: 40px;
	font-size: 36px;
	color: #333;
	font-weight: bold;
	padding-bottom: 18px;
}
.future_box .cont_box p {
	line-height: 36px;
	color: #333;
}

.company_history {
	padding: 35px 0 20px;
	background: #f5f5f5;
}
.about_title {
	padding: 15px 0;
	border-bottom: 2px solid #D83E1E;
}
.about_title b {
	display: block;
	line-height: 58px;
	font-size: 36px;
	color: #333;
	text-align: center;
}
.about_title.white b {
	color: #D83E1E!important;
}
.about_title.left b {
	text-align: left;
}
.about_title.left p {
	font-size: 38px;
    padding-top: 30px;
    color: #666;
    font-weight: bold;
}
.history_list {
	height: 500px;
	padding: 10px 0;
}
.history_box {
	width: 340px;
	height: 470px;
	float: left;
	padding: 20px 10px 10px 30px;
	margin-right: 30px;
	background: #FFFFFF;
	box-shadow: 0 0 15px 5px #e9e9e9;
	-webkit-box-shadow: 0 0 15px 5px #e9e9e9;
	-moz-box-shadow: 0 0 15px 5px #e9e9e9;
}
.history_box h3 {
	line-height: 36px;
	font-size: 36px;
	font-weight: bold;
	color: #333;
	padding-bottom: 15px;
}
.history_ul {
	height: 416px;
	line-height: 26px;
	color: #333;
	padding-right: 10px;
	overflow-y: scroll;
}
.history_ul li h4 {
	font-weight: bold;
}
.time_bar {	
	margin-top: 15px;
	padding: 20px 30px;
	position: relative;
}
.time_bar .prev ,.time_bar .next {
	display: block;
	width: 20px;
	height: 30px;
	cursor: pointer;
	position: absolute;
	top: 50%;
	margin-top: -15px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.time_bar .prev {
	left: 0;
	background: url(../images/icon_prev.png) no-repeat center;
}
.time_bar .prev:hover {
	background: url(../images/icon_prev_hover.png) no-repeat center;
} 
.time_bar .next {
	right: 0;
	background: url(../images/icon_next.png) no-repeat center;
}
.time_bar .next:hover {
	background: url(../images/icon_next_hover.png) no-repeat center;
} 
.time_scorll {
	overflow: hidden;
	position: relative;
}
.time_ul {
	height: 36px;
	overflow: hidden;
	position: relative;
}
.time_ul li {
	float: left;
	padding: 0 20px;
	position: relative;
}
.time_ul li:after {
	content: '';
	width: 3px;
	height: 3px;
	background: #333;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -2px;
}
.time_ul li a {
	display: block;
	width: 190px;
	line-height: 36px;
	font-size: 24px;
	color: #333;
	text-align: center;
	font-weight: bold;
	position: relative;
}
.time_ul li.active a,.time_ul li a:hover {
	color: #D83E1E;
}
.time_ul li a:after {
	content: '';
	width: 0;
	height: 2px;
	position: absolute;
	left: 50%;
	bottom: 3px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.time_ul li.active a:after{
	width: 100%;
	left: 0;
	background: #D83E1E;
}

.huatai_group {
	height: 640px;
	padding: 30px 0;
	background: url(../images/group_bg.jpg) no-repeat center;
}

.huatai_about {
	padding: 88px 0;
	background: #f5f5f5;
}
.huatai_list {
	height: 500px;
}
.huatai_box {
	width: 340px;
	height: 460px;
	float: left;
	cursor: pointer;
	padding: 30px 10px 10px 30px;
	margin-right: 30px;
	background: #FFFFFF;
	box-shadow: 0 0 15px 5px #e9e9e9;
	-webkit-box-shadow: 0 0 15px 5px #e9e9e9;
	-moz-box-shadow: 0 0 15px 5px #e9e9e9;
}
.huatai_box h3 {	
	line-height: 30px;
	font-size: 24px;
	font-weight: bold;
	color: #D83E1E;
	padding-bottom: 38px;
}
.huatai_box .cont_box {
	height: 364px;
	line-height: 26px;
	color: #333;
	overflow-y: scroll;
	padding-right: 10px;
}
.huatai_box,.huatai_box h3,.huatai_box .cont_box {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.huatai_box:hover {
	background: #D83E1E;
}
.huatai_box:hover h3 , .huatai_box:hover .cont_box {
	color: #FFFFFF;
}
/*婊氬姩鏉℃牱寮�*/
::-webkit-scrollbar {/*婊氬姩鏉℃暣浣撴牱寮�?*/
    width: 4px;     /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄�?*/
    height: 4px;
}
::-webkit-scrollbar-thumb {/*婊氬姩鏉￠噷闈㈠皬鏂瑰潡*/
    border-radius: 5px;
    background: #e5e5e5;
}
::-webkit-scrollbar-track {/*婊氬姩鏉￠噷闈㈣建閬�?*/
    border-radius: 0;
    background: none;
}


.notice_news {
	padding: 25px 0 60px;
	background: #FFFFFF;
}
.news_list {
	margin: 20px auto;
}
.news_box {
	margin-right: 28px;
	box-shadow: 0 0 15px 5px #f3f3f3;
	-webkit-box-shadow: 0 0 15px 5px #f3f3f3;
	-moz-box-shadow: 0 0 15px 5px #f3f3f3;
}
.news_box .pic_box {
	height: 160px;
	overflow: hidden;
}
.news_box .pic_box img {
	width: 100%;
}
.news_box .cont_box {
	padding: 24px 40px 20px;
}
.news_ul li , .notice_ul li {
	height: 24px;
	line-height: 24px;
	padding: 5px 0;
}
.news_ul li .date , .notice_ul li .date {
	display: block;
	float: right;
	color: #999;
}
.news_ul li a , .notice_ul li a {
	display: inline-block;
	*display: inline;
	_zoom: 1;
	max-width: 80%;
	color: #333;
	overflow: hidden;
	vertical-align: top;
	padding-left: 36px;
}
.news_ul li a:hover , .notice_ul li a:hover {
	color: #D83E1E;
}
.news_ul li a {
	background: url(../images/icon_news.png) no-repeat left center;
}
.notice_ul li a {
	background: url(../images/icon_notice.png) no-repeat left center;
}
.news_box .btn {
	height: 34px;
	padding-top: 20px;
}
.news_box .more_btn {
	float: right;
	width: 80px;
	height: 34px;
	line-height: 34px;
	font-size: 14px;
}
/* About_us end*/

/* China_Market start*/
.banner_inner.bg_market {
	background: url(../images/banner_service.jpg) top left round;
}
.market_cen {
	background: #FFFFFF;
}
.overview_box {
	height: 364px;
	overflow: hidden;
	padding: 35px 0 70px;
}
.overview_box .pic_box {
	float: left;
	width: 540px;
	height: 364px;
}
.overview_box .cont_box {
	float: right;
	width: 610px;
	color: #333;
	padding: 60px 0;
}
.overview_box .cont_box h3 {
	line-height: 64px;
	font-size: 36px;
	font-weight: bold;
	padding-bottom: 22px;
}
.overview_box .cont_box p {
	line-height: 36px;
	font-size: 16px;
}

.regulation_box {
	height: 570px;
	padding: 50px 0;
	background: #f6f6f6;
}
.regulation_box .cont_box {
	line-height: 36px;
	font-size: 16px;
	color: #FFFFFF;
	padding: 15px 0;
}

.regulation_box .cont_box .left {
	width: 60%;
	height: 440px;
    float: left;
    background-image: url(../images/regulation.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 44rem;
}

.regulation_box .cont_box .right {
	width: 40%;
	height: 440px;
	float: right;
	padding-top: 10px;
	overflow: scroll;
	color: #000;
}

.regulation_box .cont_box .down .left {
	width: 45%;
	float: left;
}

.regulation_box .cont_box .down .right {
	width: 45%;
	float: right;
}

.regulation_box .cont_box .right b {
	font-family: Arial;
    font-size: 17px;
    font-weight: bold;
	padding-right: 10px;
	color: #000;
}

.regulation_box .cont_box .right p {
	font-family: Arial;
	line-height: 18px;
	padding-bottom: 30px;
	color: #555555;
}

.exchanges_box {
	padding: 40px 0 60px;
}
.market_title {
	height: 58px;
	padding: 20px 0 15px;
	border-bottom: 2px solid #D83E1E;
}
.market_title b {
	display: block;
    line-height: 46px;
    font-size: 36px;
    color: #333;
}
.market_title > ul {
	float: right;
	height: 58px;
}
.market_title > ul li {
	float: left;
	padding: 0 20px;
}
.market_title > ul li a {
	display: block;
    line-height: 88px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    padding-bottom: 10px;
}
.market_title > ul li:hover a ,.market_title > ul li.active a {
	color: #D83E1E;
}
.exchange_ul li {
	overflow: hidden;
	padding: 30px 0 20px;
	border-bottom: 2px solid #f8f8f8;
}
.exchange_ul li .lt_box {
	float: left;
	width: 338px;
	height: 198px;
	overflow: hidden;
	border: 1px solid #bfbfbf;
}
.exchange_ul li .rt_box {
	float: right;
	width: 800px;
	color: #333;
}
.exchange_ul li .rt_box > b {
	display: block;
	line-height: 32px;
	font-size: 26px;
	padding-bottom: 15px;
}
.exchange_ul li .rt_box > p {
	line-height: 26px;
	font-size: 16px;
	min-height: 160px;
}
.exchange_ul li .rt_box > .more {
	text-align: right;
	line-height: 20px;
}
.exchange_ul li .rt_box > .more a {
	color: #D83E1E;
}
.exchange_ul li .rt_box > .more a:hover {
	text-decoration: underline;
}

.guide_box {
	height: 14px;
	line-height: 14px;
	color: #999;
	padding-bottom: 10px;
}
.guide_box > a , .guide_box  > span {
	display: inline-block;
	*display: inline;
	_zoom: 1;
	vertical-align: top;
	color: #999;
}
.guide_box > a:hover {
	color: #D83E1E;
}
.cffex_box {
	padding: 40px 0 100px;
}
.scroll_table {
	overflow-x: scroll;
}
.scroll_table::-webkit-scrollbar {/*婊氬姩鏉℃暣浣撴牱寮�?*/
    width: 8px;     /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄�?*/
    height: 8px;
}
.scroll_table::-webkit-scrollbar-thumb {/*婊氬姩鏉￠噷闈㈠皬鏂瑰潡*/
    border-radius: 5px;
    background: #cccccc;
}
.scroll_table::-webkit-scrollbar-track {/*婊氬姩鏉￠噷闈㈣建閬�?*/
    border-radius: 0;
    background: #EEEEEE;
}
.cffex_table {
	width: 100%;
	border-bottom: 1px solid #a0a0a0;
}
.cffex_table tr th {
	line-height: 36px;
	min-width: 200px;
	color: #333;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	vertical-align: top;
	padding: 13px 20px;
	border-bottom: 1px dashed #ccc;
}
.cffex_table tr th.text_lt,.cffex_table tr td.text_lt {
	text-align: left;
	padding-left: 30px;
}
.cffex_table tr td {
	line-height: 26px;
	color: #333;
	font-size: 16px;
	text-align: center;
	padding: 10px 20px;
	border-bottom: 1px dashed #ccc;
}
/* China_Market end*/

/* Services start*/
.banner_inner.bg_service {
	background: url(../images/banner_service.jpg) top left round;
}
.service_cen {
	background: #FFFFFF;
}
.market_rule {
	color: #333;
	padding: 30px 0 50px;
}
.market_rule b {
	display: block;
	line-height: 40px;
	font-size: 36px;
	padding-bottom: 24px;
}
.market_rule p {
	line-height: 34px;
	font-size: 16px;
}
.domestic_ervices {
	padding: 45px 0;
	background: #f8f8f8;
}
.domestic_ervices h2.title,.overseas_services h2.title {
	line-height: 48px;
	font-size: 36px;
	color: #D83E1E;
	font-weight: bold;
}
.service_title {
	line-height: 38px;
	padding: 10px 0;
	border-bottom: 2px solid #D83E1E;
}
.service_title b {
	display: block;
	font-size: 26px;
	color: #333;
}
.domestic_ervices .cont_box,.overseas_services .cont_box {
	color: #333;
	padding: 30px 0;
}
.domestic_ervices .cont_box > h4,.overseas_services .cont_box > h4 {
	font-weight: bolder;
	line-height: 34px;
	font-size: 22px;
	padding-top: 26px;
}
.domestic_ervices .cont_box > p ,.overseas_services .cont_box > p {
	line-height: 36px;
	font-size: 16px;
	padding-top: 1rem;
}
.domestic_ervices .cont_box p.disc {
	text-indent: 2rem;
}
.domestic_ervices .cont_box p.disc:before {
	content: "•	    ";
}
.domestic_ervices .cont_box li {
	width: 50%;
	padding-left: 2rem;
}
.overseas_services {
	padding: 20px 0 40px;
}
.route_cont h5 {
	line-height: 28px;
	font-size: 16px;
	font-weight: bold;
	padding-top: 10px;
}
.route_cont p {
	line-height: 24px;
	font-size: 16px;
}
.bottom_service {
	line-height: 36px;
	overflow: hidden;
	padding: 40px 0;
	border-bottom: 1px solid #EEEEEE;
}
.bottom_service > span {
	display: block;
	float: left;
	font-size: 16px;
	color: #333;
	padding-right: 40px;
}
.bottom_service > .btn {
	display: block;
	float: right;
	width: 140px;
	height: 36px;
	line-height: 36px;
	font-size: 16px;
	color: #FFFFFF;
	text-align: center;
	margin-left: 18px;
    border-radius: 18px;-webkit-border-radius: 18px;-moz-border-radius: 18px;
    behavior: url(css/PIE.htc);
	position: relative;
}
.bottom_service > .btn.orange {
	background: #D83E1E;
}
.bottom_service > .btn.orange:hover {
	background: #f24f2b;
}
.bottom_service > .btn.black {
	background: #333;
}
.bottom_service > .btn.black:hover {
	background: #555;
}
.overseas_services .bot_cont {
	line-height: 40px;
	color: #333;
	padding-top: 60px;
}
.border_box {
	height: 200px;
	margin: 15px 0;
	border: 1px solid #8E8E8E;
}
/* Services end*/

/* Research start*/
.banner_inner.bg_research {
	background: url(../images/banner_research.jpg) top left round;
}
.research_cen {
	padding: 40px 0 50px;
	background: #FFFFFF;
}
.research_list {
	padding: 20px 0;
	border-bottom: 1px solid #ececec;
}
.research_list li {
	padding: 10px 0;
}
.research_list li a {
	display: block;
	line-height: 30px;
	font-size: 16px;
	color: #333;
	overflow: hidden;
}
.research_list li a:hover {
	color: #D83E1E;
}
.research_list li .date {
	display: block;
	float: right;
}
.research_list li b {
	display: block;
	float: left;
	max-width: 1000px;
	overflow: hidden;
	font-weight: normal;
}
.page_box {
	height: 34px;
	text-align: right;
	padding: 10px 0;
}
.page_box a , .page_box span {
    display: inline-block;
    *display: inline;
    _zoom: 1;
    font-size: 16px;
    color: #626578;
    margin: 0 2px;   
    text-align: center;
    vertical-align: top;
}
.page_box a {
    width: 34px;
    height: 34px;
    line-height: 34px;
    background: #FFFFFF;
    border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;
    behavior: url(css/PIE.htc);
    position: relative; 
}
.page_box .prev {
	margin-left: 20px;
}
.page_box .prev,.page_box .next {
    width: 100px;
}
.page_box a:hover , .page_box a.active {
    color: #FFFFFF;
    background: #D83E1E;
}
.page_box input {
    width: 56px;
    height: 16px;
    line-height: 16px;
    font-size: 16px;
    color: #333;
    padding: 8px 0;
    text-align: center;
    margin-left: 10px;
    border: 1px solid #bfbfbf;
    border-right: 0;
    border-radius: 3px 0 0 3px;-webkit-border-radius: 3px 0 0 3px;-moz-border-radius: 3px 0 0 3px;
    behavior: url(css/PIE.htc);
    position: relative;     
}
.page_box a.go {
	margin: 0;
	color: #FFFFFF;
	background: #D83E1E;
    border-radius: 0 3px 3px 0;-webkit-border-radius: 0 3px 3px 0;-moz-border-radius: 0 3px 3px 0;
}
.page_box a.go:hover {
	background: #f24f2b;
}
/* Research end*/
/* ArticleDetail start*/
.detail_main {
	padding: 30px 0;
	background: #FFFFFF;
}
.detail_tit {
	padding: 20px 0 10px;
	border-bottom: 1px solid #ededed;
}
.detail_tit h3 {
	line-height: 36px;
    font-size: 22px;
    color: #000;
    font-weight: bold;
    padding: 0px 30px 0;
}
.source_box {
    height: 34px;
    line-height: 34px;
    font-size: 12px;
    color: #666;
    padding: 20px 30px 0;
}
.source_box .rt_box {
    float: right;
    overflow: hidden;
}
.source_box .rt_box > span {
	display: block;
	float: left;
	padding-left: 16px;
	margin-left: 30px;
}
.source_box .rt_box > span.source {
	background: url(../images/icon_source.png) no-repeat left center;
}
.source_box .rt_box > span.author {
	background: url(../images/icon_author.png) no-repeat left center;
}
.source_box .rt_box > span.type {
	background: url(../images/icon_type.png) no-repeat left center;
}
.source_box .rt_box > span.browse {
	background: url(../images/icon_browse.png) no-repeat left center;
}
.source_box .rt_box > span em {
	color: #333;
}
.source_box .time {
	color: #333;
	padding-left: 16px;
	background: url(../images/icon_time.png) no-repeat left center;
}
.detail_cont {
	padding: 30px 0;
}
.detail_cont p {
    line-height: 32px;
    text-align: justify;
    text-indent: 2em;
    font-size: 16px;
    color: #333;
    -ms-text-autospace: ideograph-numeric;
    -ms-text-justify: inter-ideograph;
}
/* ArticleDetail end*/