@charset "utf-8";
/* CSS Document */

a { text-decoration: none; }
fieldset, img { border: 0 none; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, textarea, p, th, td, button { margin: 0; padding: 0; }
body { font-size: 12px; font-family: "Microsoft Yahei"; color: #666;}
ul, ol, li { list-style-type: none; }
.clearfix:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.clear { clear: both; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
.fleft { float: left; }
.fright { float: right; }
.header { height: 66px; background: rgba(0,0,0,0.6); position: fixed; width: 100%; z-index: 100; bottom: 164px; left: 0px; }
.header .img1 { float: left; margin: 1px 7% 0 2%; }
.header .nav { height:42px; line-height:42px; margin-top:10px;float:left;}
.header .nav ul .menu { float: left; text-align: center; padding: 6px 0; margin: 0 10px; font-size: 20px; border-bottom: 2px solid transparent;}
.header .sub_menu { display:none; position: absolute; top: 66px; left: 0px; background: rgba(0,0,0,1); width: 100%; }
.header .sub_menu ul li { float: left; font-size: 16px; line-height: 40px; color: #fff; margin: 0 10px;}
.header .sub_menu ul li a { color: #fff; }
.header .sub_menu ul li a.avt,.header .sub_menu ul li a:hover { color: #adcf00; }
.header .nav ul .menu.act { border-bottom: 2px solid #adcf00;}
/*.header .nav ul .menu.act a{color: #adcf00!important}*/
.header .nav ul .menu.act .sub_menu { display: block;}
/*.header .nav ul .menu.act .sub_menu a{color: #adcf00!important}*/
.header .nav ul .menu a { color: #fff; display: inline-block;}
.search { position: relative;width: 178px;  height: 30px; line-height: 30px; margin: 20px 15px 0 0; color: #fff; }
.search .text { height: 30px; line-height: 30px; border: 1px solid #fff; border-radius: 10px; width: 100%; background: none; font-size: 16px; color: #fff; padding: 0 35px 0 5px; box-sizing: border-box; }
.search .button {position: absolute; right: 6px; top: 1px; cursor: pointer; margin-top: 2px; background: url(../images/search.png) right center no-repeat; border: none; width: 23px; height: 23px; }
.search_wrapper{width: 350px;}


@media only screen and (max-width: 1368px){

	.search_wrapper{width: 350px;display: none;}
.rbtea .content .panel .txt p{line-height: 25px;}

}

.language{
	line-height: normal;
	background: url(../images/bg_selected.png) 0 0 no-repeat;
	width: 104px;
	height: 30px;
	font-size: 15px;
	margin-top: 20px;
	margin-right: 10px;
}
.language_s{
	background: url(../images/bg_selected_s.png) 0 0 no-repeat;
	height: 85px;
}
.language .showbox{
	color: #fff;
	display: block;
	padding-right: 15px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}
.language li{
	height: 28px;
	line-height: 28px;
	text-align: center;
}
.language li a{
	color: #fff;
	display: block;
	padding-right: 15px;
}
.language_s li a{
	color: #a2b54d;
}
.language_s li a:hover{
	color: #fff;
}
.mainbox .msubbox { width: 100%; height: 100%; position: absolute; left: 0px; top: 100%; z-index: 2; background: #FFF none repeat scroll 0% 0%; }
.mainbox .main1 { background: transparent url("../images/bg1.jpg") no-repeat scroll center center / cover; top: 0px; }
.mainbox .main1 .sub { text-align: center; height: 164px; vertical-align: middle; position: absolute; bottom: 0px; left: 0px; background-color: #fff; width: 100%; }
.mainbox .main1 .sub ul li { display: inline-block; margin: 30px 10px; height:90px; overflow:hidden;}
.mainbox .main1 .sub ul li a{padding-right: 97px;}
.mainbox .main1 .sub ul .active .li1 { background: url(../images/erweima01.jpg) right top no-repeat;display: block;}
.mainbox .main1 .sub ul .active .li2 {  background: url(../images/erweima02.jpg) right top no-repeat;display: block; }
.mainbox .main1 .sub ul .active .li3 { background: url(../images/erweima03.jpg) right top no-repeat; display: block;}
.mainbox .main1 .sub ul .active .li4 {  background: url(../images/erweima04.jpg) right top no-repeat; display: block; }
.mainbox .main1 .sub ul li .c1{display: inline;}
.mainbox .main1 .sub ul li .c2{display: inline;}
.mainbox .main1 .sub ul .active .c1{display: none;}
.mainbox .main1 .sub ul .active .c2{display: inline;}
.mainbox .main1 { width: 100%; overflow: hidden; }
.mainbox .main2 { background: transparent none repeat scroll 0% 0%; }
.m2_left { background: url(../images/news_title.png) center 40% no-repeat #404040; position: absolute; left: -28%; top: 0px; height: 100%; width: 28%; }
.m2_left a { padding: 4px 56px; font-size: 16px; color: #fff; border: 1px solid #fff; position: absolute; left: 50%; margin-left: -106px; top: 55%;}
.m2_right { float: right; width: 72%; height: 100%; position: absolute; top: 0px; right: -72%; background-color: #f5f6ed; font-size: 16px; }
.right2_con { width:22%; background-color: #fff; position:relative; margin: 7% 50px 0px 50px;  height:82%; padding-bottom: 10px; float: left; }

.right2_con .info{
	background: #F1F4E4;
	padding:15px;
}
.right2_con .info .row{
	margin-bottom: 20px;
}
.right2_con .info strong{
	font-weight: normal;
	color: #ee7700;
	font-size: 16px;
	display: inline-block;
	margin-right: 30px;
}
.right2_con .info span{

}
.right2_con p {  line-height: 25px; font-size: 14px;  height: 192px; overflow: hidden; }
.right2_con ul li { height: 20px; line-height: 20px; }
.right2_con .more { background: url(../images/ico3.png) 62% center no-repeat; color: #666; font-size: 16px; display: block; text-align: center; bottom:18px; position:absolute; width:100% }
.right2_con ul {background-color: #A2B54D;padding:0 20px; height: 42%; overflow: hidden; }
.right2_con ul li{border-bottom: 1px dashed #fff;padding:10px 0;margin-bottom: 5px;}
.right2_con ul li a { color: #fff; float: left; }
.right2_con ul li a:hover { color: #fff; }
.right2_con ul li span { color: #fff; float: right; }
.right2_con h3 {  color: #fff; text-align: center; font-size: 16px; padding-top: 65px; border-bottom: 1px solid #ccc; padding-bottom: 5px; }
.right2_con h4 { color: #fff; font-size: 20px; margin: 14px 0px; }

.m2_right .con1 h3 { background: url(../images/img3_footer.png) center 10px no-repeat; }
.m2_right .con2 h3 { background: url(../images/img4_footer.png) center 10px no-repeat; }
.m2_right .con3 h3 { background: url(../images/ico4.png) center 10px no-repeat; }
.m2_right .con4 h3 { background: url(../images/ico5.png) center 10px no-repeat; }

.m2_right .right2_con h3{background-color: #A2B54D;}

.con2_content { margin-bottom: 20px; }
.con2_content p { width: 66%; margin-bottom: 0px; }
.con2_content img { margin-right: 8px; display: inline-block; float: left; }
.m2_scrollwarp { width: 100%; height: 100%; position: relative; overflow: hidden; }
.pro_cons { height: 100%; width:180%; overflow: hidden; }
.mainbox .main3 { background: url("../images/bg2.jpg") no-repeat center top #fff; background-size: 100% 50%; height: 100%; }
.main3 .con { position: relative;left:200%; height: 50%; display: block; }
.main3 .con img { height: 100%; }
.timer { background: url(../images/timer_bg.jpg) center no-repeat; height: 79px; background-size: 100% auto; margin-top: 14px; position: relative; top:3%;left:-200%; }
.timer ul { margin-left: 25%; }
.timer ul li { width: 10%; position: relative; float: left; }
.timer ul li span { width: 12px; height: 12px; background-color: #A4B14F; border-radius: 50%; }
.timer ul li em { display: none; height: 50px; border: 1px solid #A4B14F; position: absolute; }
.timer ul li.active em { display: inline-block; }
.timer ul li.active2 em { display: inline-block; }
.timer ul li font { color: #dddddd; font-size: 18px; font-family: Arial; margin-left: 10px; position: absolute; top: 11px; }
.timer ul .li_con .year { transform: rotate(305deg); -ms-transform: rotate(305deg); -webkit-transform: rotate(305deg); -o-transform: rotate(305deg); position: absolute; top: 11px; left: -30px; }
.timer ul .li_con { }
.timer ul .active font { color: #666; font-size: 20px; }
.timer ul .active2 font { color: #666; font-size: 20px; }
.timer ul .li_con strong{width: 20px; height:20px; background-color: #A4B14F; border-radius: 50%; display: block; float: left; text-align: center; margin-top: 28px; overflow:hidden;}
.timer ul .active span { width: 24px; height: 24px; background-color: #A4B14F; display: inline-block; margin-top: 3px; }
.timer ul .active2 span { width: 24px; height: 24px; background-color: #A4B14F; display: inline-block; margin-top: 3px; }
.timer ul .li1 em { transform: rotate(60deg);-o-transform: rotate(60deg); -ms-transform: rotate(60deg); -webkit-transform: rotate(60deg);margin-left: 9px; }
.timer ul .li1 .year { transform: rotate(-16deg); -ms-transform: rotate(-16deg); -o-transform: rotate(-16deg); -webkit-transform: rotate(-16deg); margin-left: 59px; margin-top: -22px; }
.timer ul .li1 font { transform: rotate(332deg);-ms-transform: rotate(332deg);-o-transform: rotate(332deg);-webkit-transform: rotate(332deg); margin-left: -2px; margin-top: 11px; }
.timer ul .active strong { width: 30px; height: 30px; background-color: #fff; border: 1px solid #A4B14F; border-radius: 50%; display: block; float: left; text-align: center; margin-top: 24px; }
.timer ul .active2 strong { width: 30px; height: 30px; background-color: #fff; border: 1px solid #A4B14F; border-radius: 50%; display: block; float: left; text-align: center; margin-top: 24px; }
.timer ul .li2 .year { transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);-o-transform: rotate(45deg); position: absolute; top: 51px; left: 6px; }
.timer ul .li2 font { transform: rotate(266deg); -ms-transform: rotate(266deg); -webkit-transform: rotate(266deg); -o-transform: rotate(266deg); top: 13px; left: -13px; }
.timer_con { left:-200%;display:none;position:relative;left:-100%;height: 100px; width: 1000px; margin: 5% auto 0px; }
.timer_l { background: url(../images/xian_img.png) left top no-repeat; padding-left: 80px; width: 250px; float: left; }
.timer_l p { font-size: 16px; line-height: 24px; margin-top: 10px; }
.timer_l span { background-color: #a4b14f; color: #fff; padding:0px 10px; height: 30px; line-height: 30px; display: inline-block; text-align: center; font-size: 16px; }
.timer_con ul { float: left; }
.timer_con ul li { float: left; margin: 0 10px; }

.timer2 .timeline{
	margin-top: 125px;
}
.timer2 .timeline .item{
	width: 45px;
	height: 10px;
	background: #99ae3d;
	margin-right:3px;
	position: relative;
}
.timer2 .timeline .item_sp{
	width: 100%;
	margin-left: -1440px;
	height: 10px;
	background: #99ae3d;
	position: relative;
}
.timer2 .timeline .clean_margin{
	margin:0;
}
.timer2 .timeline h3{
	font-size: 38px;
	color: #a4b14f;
	font-family: arial;
	position: absolute;
	top:-38px;
	right:0;
	font-weight: bold;
}
.timer2 .timeline h4{
	font-size: 28px;
	color: #a4b14f;
	position: absolute;
	bottom:-33px;
	right:0;
}
.timer2 .timeline .year_up{
	font-size: 21px;
	color: #a4b14f;
	position: absolute;
	top:-25px;
	left:50%;
	margin-left: -25px;
}
.timer2 .timeline .year_down{
	font-size: 21px;
	color: #a4b14f;
	position: absolute;
	bottom:-25px;
	left:50%;
	margin-left: -25px;
}
.timer2 .timeline .cur{
	height: 84px;
	background: #ee7700;
	top:-38px;
}
.timer2 .timeline .pre_cur1{
	height: 80px;
	background: #ef9619;
	top:-36px;
}
.timer2 .timeline .pre_cur2{
	height: 70px;
	background: #eca32b;
	top:-30px;
}
.timer2 .timeline .pre_cur3{
	height: 60px;
	background: #e3b139;
	top:-24px;
}
.timer2 .timeline .pre_cur4{
	height: 50px;
	background: #d3b651;
	top:-19px;
}
.timer2 .timeline .pre_cur5{
	height: 44px;
	background: #d6c149;
	top:-16px;
}
.timer2 .timeline .pre_cur6{
	height: 32px;
	background: #d3c564;
	top:-10px;
}
.timer2 .timeline .pre_cur7{
	height: 26px;
	background: #d3c766;
	top:-7px;
}
.timer2 .timeline .pre_cur8{
	height: 18px;
	background: #bbc26e;
	top:-3px;
}
.timer2 .timeline .year_font_up{
	font-size: 60px;
	font-family: arial;
	top:-60px;
	margin-left:-68px;
}
.timer2 .timeline .year_font_down{
	font-size: 60px;
	font-family: arial;
	bottom:-60px;
	margin-left:-232px;
}



.main4 { background: transparent none repeat scroll 0% 0%;padding-top: 100px; text-align: center; background-color: #fff; }
.main4 ul{position: relative;}
.main4 ul li { display: inline-block; width: 20%; background-color: #fafafa; margin: 10px 20px; padding-bottom: 10px; }
.main4 ul li a { display: block; padding-bottom: 10px; }
.main4 ul li a:hover { background-color: #eb7700; }
.main4 ul li.active p { color: #fff; }
.main4 ul li.active { background-color: #eb7700; }
.main4 ul li a p { color: #666; padding-top: 30%; font-size: 18px; }
.main4 p { font-size: 14px; margin-top: 10px; }
.main4 ul .s1 { background: url(../images/s1.png) center 20px no-repeat; }
.main4 ul .s2 { background: url(../images/s2.png) center 20px no-repeat; }
.main4 ul .s3 { background: url(../images/s3.png) center 20px no-repeat; }
.main4 ul .s4 { background: url(../images/s4.png) center 20px no-repeat; }
.main4 ul .s5 { background: url(../images/s5.png) center 20px no-repeat; }
.main4 ul .s6 { background: url(../images/s6.png) center 20px no-repeat; }
.main4 ul .active .s1 { background: url(../images/sh1.png) center 20px no-repeat; }
.main4 ul .active .s2 { background: url(../images/sh2.png) center 20px no-repeat; }
.main4 ul .active .s3 { background: url(../images/sh3.png) center 20px no-repeat; }
.main4 ul .active .s4 { background: url(../images/sh4.png) center 20px no-repeat; }
.main4 ul .active .s5 { background: url(../images/sh5.png) center 20px no-repeat; }
.main4 ul .active .s6 { background: url(../images/sh6.png) center 20px no-repeat; }
.m4_close{position: absolute;left: 550px;top: 0px;left:0px;}
.m4_open{position: absolute;left:0px;top:0px;}
.mainbox .main5 { background: url(../images/bg3.jpg) center top no-repeat #ffffff; height: 100%; background-size: 100% 75%; }
.main5_con { height: 48%; background: rgba(164,177,79,0.6); position: absolute; top: 20%; width: 100%; }
.main5_con .close { position: absolute; left: 10px; top: 10px; }
.main5_text {overflow:hidden;background-color: #000; width: 0px; float: left; height: 100%; }
.main5_text form { width:470px;margin-left: 80px; position: relative;top:50%; margin-top:-140px;}
.main5_con .pp { width: 100%; text-align: center; color: #fff; font-size: 42px; position: absolute; top: 50%; margin-top: -64px; }
.main5_con .pp span { font-size: 30px; }
.main5_con .pp font { font-size: 24px; }
.main5_text label { width: 40px; text-align: center; height: 34px; display: inline-block; }
.main5_text .text, .main5_text .password { width: 80%; height: 34px; line-height: 34px; border: none; margin-top: 10px; padding: 0 8px; }
.main5_text .password { }
.main5_text .message { width: 80%; height: 80px; border: none; padding: 0px 8px; }
.main5_text { }
.main5_text .submit { height: 50px; line-height: 50px; width: 83%; background-color: #eb7700; color: #fff; text-align: center; border: none; font-family: "Microsoft Yahei"; font-size: 20px; padding: 0 10px; margin-top: 10px; cursor: pointer; }
.footer { position: absolute; bottom: 10px; left: 0px; width: 80%; margin-left: -40%; left: 50%; }
.footer ul li { float: left; font-size: 14px; line-height: 20px; width: 100px; margin: 0 10px; }
.footer ul li h3 { margin-bottom: 4px; }
.footer ul li a { color: #c0c0c0; font-size: 12px; width: 100%; display: block; }
.footer_tip { float: right;/* margin-top: 20px; */}
.footer_tip p a { margin: 10px; }
.footer_tip p { margin-top: 10px;display: inline-block; vertical-align: middle; }
.footer_tip p a img {vertical-align: middle;}
.m4_a{position: relative;left:0px;}



body{
	background: #f9faf6;
}
em{
	font-style: normal;
}

/* pub className
------------------------------*/
.clearfix{
	_zoom:1;
}
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	display:inline-block;
}
.clearfix {
	display:block;
}
/* Hides from IE-mac \*/
* html .clearfix{
	height:1%;
}
/* End hide from IE-mac */
.hide{
	display:none;
}
.show{
	display:block;
}
.pull-left{
	float: left;
}
.pull-right{
	float: right;
}
.text-center{
	text-align: center;
}
.text-right{
	text-align: right;
}
.text-left{
	text-align: left;
}
.g-header{
	top:0;
}
.g-wrapper{
	width: 1100px;
	margin:0 auto;
	padding-bottom: 50px;
}
.g-wrapper .container img,.g-wrapper .container embed {
	display: block;
	margin: auto;
}
.g-main{
	margin-top: 95px;
}
.page{
	color: #898989;
}
.page a{
	color: #898989;
	vertical-align: middle;
	display: inline-block;
	padding:5px 10px;
	text-align: center;
}
.page a.selected{
	background: #E8E8E8;
	border-radius: 1px;
}
.footer2{
	background: #A1B351;
	padding:20px 0;
}
.footer2 a{
	font-size:16px;
	color: #fefefe;
	width: 100px;
	text-align: center;
	margin-right: 100px;
	margin-left:50px;
}
.footer2 a span{
	display: block;
	height: 50px;
}
.footer2 a.selected strong{
	color: #849325;
}

.f-wrapper {
	position: fixed;
    padding: 10px 2%;
    width: 100%;
    background: rgba(0,0,0,.6);
    left: 0;
    margin-left: 0;
    bottom: 0;
    color: #e5e5e5;
    box-sizing: border-box;
    zoom: 1;
    z-index: 10;
}
.f-wrapper:after {
	content: '\20';
	display: block;
	clear: both;
}
.f-wrapper h3 {
	color: #fff;
}
.f-wrapper ul li a {
	color: #e5e5e5;
}

/* financial report
------------------------------*/
.financial-report .header{
	top:0;
}
.financial-report .sidebar{
	width: 430px;
	min-height: 510px;
	padding-right: 90px;
	border-right: 1px solid #878785
}
.financial-report .container{
	margin-top: 50px;
}
.financial-report .sidebar .time {
	color: #eb7700;
	font-size: 16px;
}
.financial-report .sidebar h3{
	font-size: 24px;
	color: #000;
	padding: 5px 0 15px;
}
.financial-report .sidebar img {
	margin-bottom: 20px;
}
.financial-report .sidebar p{
	font-size: 16px;
	color: #9a9a9a;
	line-height: 30px;
}
.financial-report .content{
	width: 395px;
}
.financial-report .content a.list_item{
	position: relative;
	border-bottom: 1px dotted #C6C6C6;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.financial-report .content a span{
	display: block;
	float: none;
	font-size: 18px;
	color: #000;
}
.financial-report .content a em{
	display: block;
	float: none;
	font-size: 14px;
	color: #ee7700;
	font-style: normal;
}
.financial-report .content a .time {
	position: absolute;
	padding: 5px 5px 0;
	left: -65px;
	font-size: 12px;
	color: #fff;
	line-height: 23px;
	text-align: center;
	background: #959595;
}
.financial-report .content a .time strong {
	display: block;
	font-size: 30px;
}
.financial-report .page{
	padding: 10px 0;
}
/* search
------------------------------*/
.search-box {
	display: block;
	margin: 0 auto 60px;
	width: 640px;
	padding: 0 180px;
	font-size: 18px;
	color: #474747;
	text-align: center;
}
.search-box .type {
	display: inline-block;
	margin: 0 10px;
	padding: 5px 15px;
	width: 400px;
	font-size: 16px;
	background: #fff;
	border: #b3b3b3 1px solid;
}
.search-box .submit {
	display: inline-block;
	padding: 5px 10px;
	background: #859e27;
	border: none;
	border-radius: 3px;
	color: #fff;
	font-size: 18px;
	text-align: center;
}
.search-result {
	display: block;
	margin: 10px auto 30px;
	width: 640px;
	padding: 0 180px;
	font-size: 18px;
}
.search-result strong {
	display: block;
	margin-bottom: 20px;
	font-size: 21px;
	color: #000;
}
.search-result a {
	display: block;
	padding: 13px 0;
	color: #8e8e8e;
	border-bottom: #d9d9d9 1px dashed;
	zoom: 1;
}
.search-result a:after {
	content: '\20';
	display: block;
	clear: both;
}
.search-result a:hover {
	color: #000;
}
.search-result a span {
	float: left;
}
.search-result a em {
	float: right;
	font-size: 16px;
}
.search-result a i {
	color: #ee7700;
	font-style: normal;
}


/* financial report details
------------------------------*/
.financial-report-details .banner{
	background: url(../images/img_banner_financial_report.jpg) center 0 no-repeat;
	height: 350px;
}
.financial-report-details .channel {
	padding: 30px 0 0;
	font-size: 16px;
}
.financial-report-details .channel a {
	color: #acada8;
}
.financial-report-details h2{
	display: block;
	font-size: 24px;
	color: #000;
	padding:80px 0 10px;
	margin: auto;
	text-align: center;
}
.financial-report-details h1{
	display: block;
	min-width: 500px;
	font-size: 36px;
	color: #000;
	padding: 5px 0 10px;
	margin: auto;
	text-align: center;
	border-top: #acada8 1px solid;
}
.financial-report-details em {
	display: block;
	font-size: 18px;
	color: #acada8;
	margin: auto;
	font-style: normal;
	text-align: center;
}
.financial-report-details .container{
	margin:50px 0 0;
	font-size: 16px;
	color: #8c8c8c;
	line-height: 30px;
}
.financial-report-details .page_sp{
	text-align: center;
	padding:50px 0;
}
.financial-report-details .page_sp a{
	display: inline-block;
	padding: 0 30px;
	width: 43%;
	font-size: 18px;
	color: #8c8c8c;
	text-align: left;
}
.financial-report-details .page_sp a:first-child {
	text-align: right;
}
.financial-report-details .page_sp a:last-child {
	border-left: #a0a0a0 1px solid;
}
.financial-report-details .page_sp a span {
	display: block;
	font-size: 14px;
	color: #eb7700;
}
/* video center
------------------------------*/
.video-center{

}
.video-center .container{
	width: 1000px;
	overflow: hidden;
}
.video-center .content{
	width: 1100px;
}
.video-center .item{
	margin-right: 20px;
	margin-bottom: 20px;
}
.video-center .item a{
	display: block;
	color: #c4c4c4;
	font-size: 14px;
}
.video-center .item a:hover {
	background: #e9e9e7;
}
.video-center .item a .row{
	display: block;
	margin-bottom: 5px;
	padding: 5px;
	color: #666;
	font-size: 16px;
}
.video-center .item a .row strong {
	color: #000;
	font-size: 18px;
}
.video-center .item a .pic{
	display: block;
	width: 315px;
	height: 195px;
	position: relative;
}
.video-center .item a .pic span{
	display: block;
	width: 315px;
	height: 195px;
	text-align: center;
}
.video-center .item a .pic .a{
	display: block;
	z-index: 1;
}
.video-center .item a .pic .a embed {
	width: 315px;
	height: 195px;
}
#player {
	position: fixed;
	width: 800px;
	height: 600px;
	z-index: 10;
}
#mask {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: rgba(0,0,0,.5);
	cursor: pointer;
	z-index: 9;
}
.video-center .item a .pic .b{
	display: none;
	z-index: 2;
	background: rgba(0,0,0,.6);
	position: absolute;
	top:0;
	left:0;
}
.video-center .item a .pic .b i{
	display:inline-block;
    height:100%;
    vertical-align:middle
}
.video-center .item a .pic .b img{
	position: absolute;
  	left: 140px;
  	top: 75px;
}
.video-center .item a strong{
	font-weight: normal;
	color: #898989;
}
.video-center .item a:hover .pic .b{
	display: block;
}
.video-center .item a:hover strong{
	color: #eb7800;
}
/* financial report2
------------------------------*/
.financial-report2{
	height: 100%;
}
.financial-report2 .main{
	height: 100%;
}
.financial-report2 .container{
	width: 100%;
  	position: fixed;
  	top: 0;
  	left: 0;
  	bottom: 0;
	background-image: url(../images/bg_financial_reports.jpg);
	background-position: 0 0;
	background-size: 50% 100%;
	background-repeat: no-repeat;
}
.financial-report2 .content{
	height: 100%;
	width: 50%;
	position: absolute;
	top:0;
	right:0;
}
.financial-report2 .content .wrapper{
	background: #fff;
	height: 100%;
	padding-left: 140px;
	padding-top: 120px;
}
.financial-report2 .content .gp {
	width: 200px;
	height: 48px;
	margin-bottom: 30px;
	line-height: 48px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	background: #777;
	border-radius: 3px;
}
.financial-report2 .content .list{
	width: 65%;
	margin-top: 50px;
	margin-bottom: 150px;
}
.financial-report2 .content .list li{
	margin-bottom: 12px;
	border-bottom: #cdcdcd 1px dotted;
	background: url(../images/eye.png) 98% 5px no-repeat;
}
.financial-report2 .content .list a{
	color: #010101;
	font-size: 18px;
}
.financial-report2 .content .list a em{
	font-size: 14px;
	color: #9f9f9f;
	display: block;
	margin-bottom: 5px;
}
.financial-report2 .content .list a i{
	display: inline-block;
	width: 24px;
	height: 19px;
	background: url(../images/ico_financial_report2.png) 0 0 no-repeat;
	vertical-align:bottom;
	margin-right: 25px;
}
.financial-report2 .content .list a:hover i{
	background: url(../images/ico_financial_report2_s.png) 0 0 no-repeat;
}
.financial-report2 .content .page {
	width: 60%;
}
/* about shareholders meeting
------------------------------*/
.about-shareholders-meeting .container{
	background: url(../images/bg_about_shareholders_meeting.jpg) 0 0 no-repeat;
}
/* stock information
------------------------------*/
.stock-information .container{
	background: url(../images/bg_stock_information.jpg) 0 0 no-repeat;
}
/* business management
------------------------------*/
.business-management .container{
	background: url(../images/bg_business_management.jpg) 0 0 no-repeat;
}
/* public consultation
------------------------------*/
.public-consultation .container{
	background: url(../images/bg_public_consultation.jpg) 0 0 no-repeat;
}
/* performance report
------------------------------*/
.performance-report .container{
	background: url(../images/bg_performance_report.jpg) 0 0 no-repeat;
}
/* social_responsibility_report
------------------------------*/
.social-responsibility-report .container{
	background: url(../images/bg_social_responsibility_report.jpg) 0 0 no-repeat;
}
/* social-responsibility-report-details
------------------------------*/
.social-responsibility-report-details .banner{
	background: url(../images/img_banner_social_responsibility_report.jpg) center 0 no-repeat;
	height: 350px;
}
/* personnal-trainning
------------------------------*/
.personnal-trainning{

}
.personnal-trainning .content{
	width: auto;
}
.personnal-trainning .content ul{
	width: 400px;
}
/* company-profile
------------------------------*/
.company-profile{
	height: 100%;
}
.company-profile .main{
	height: 100%;
}
.company-profile .container{
	background: url(../images/bg_company_profile.jpg) left bottom no-repeat;
	width: 100%;
	position: fixed;
	top:0;
	left:0;
	bottom:0;
	height: 100%;
	background-size: 43% 100%;
}
.company-profile .content{
	margin-left: 41%;
	padding: 7% 10%;
	font-size: 16px;
	width: 40%;
}
.company-profile .content p {
    margin-bottom: 20px;
    line-height: 28px;
}
.company-profile .content h2{
	margin-bottom: 50px;
}
.company-profile .content .item{
	line-height: 30px;
	margin-bottom: 30px;
}
.company-profile .content .item h4{
	font-size: 18px;
	font-weight: bold;
}
.company-profile .content .item p{
	font-size: 16px;
}
.company-profile .content .page_sp{
	font-size: 18px;
	color: #eb7700;
}
.company-profile .content .page_sp a{
	color: #eb7700;
}
/* corporate-culture
------------------------------*/
.corporate-culture .container{
	background: url(../images/bg_corporate_culture.jpg) 0 0 no-repeat;
}
/* social-recognition
------------------------------*/
.social-recognition .container{
	background: url(../images/bg_social_recognition.jpg) 0 0 no-repeat;
}

/* enterprise event record
------------------------------*/
.enterprise-event-record .container{
  	background-image: url(../images/bg_enterprise_event_record.jpg);
}
.enterprise-event-record .content{
	
}
.enterprise-event-record .content ul li{
	position: relative;
	border-left:2px solid #7a9602;
	padding-left:25px;
}
.enterprise-event-record .content ul li h4 {
	display: inline-block;
    margin-top: -7px;
	font-size: 16px;
}
.enterprise-event-record .content ul li .ico-point{
	position: absolute;
	display: inline-block;
	width: 20px;
	height: 20px;
	top:-7px;
	left:-11px;
	background: url(../images/ico_point_enterprise_event_record.png) 0 0 no-repeat;
}
.enterprise-event-record .content ul li h4 a{
	font-size: 16px;
	color:#8c8c8c;
}
.enterprise-event-record .content ul li em{
	position: absolute;
	top:-12px;
	left:-100px;
	color: #000;
	font-size: 21px;
	font-weight: bold;
}
.enterprise-event-record .content ul li .row{
	padding: 5px 0 20px;
}
.enterprise-event-record .content ul li .row a{
	display: inline-block;
	margin-right:15px; 
	margin-bottom:15px; 
}

/* rbtea
------------------------------*/
.rbtea .content{
	position: relative;
}
.rbtea .content .ot_logo{
	position: absolute;
	top: 0;
	left: -290px;
	width: 250px;
}
.rbtea .content .ot_logo img {
	float: right;
}
.rbtea .content .ot_product{
	position: absolute;
	top:70px;
	right:-270px;
}
.rbtea .content .ot_product img {
	width: 410px;
}
.rbtea .content .panel{
	position: relative;
	width: 650px;
	min-height: 420px;
	padding-right: 230px;
	font-size: 16px;
	color: #8c8c8c;
	line-height: 30px;
	margin:0 auto;
}
.rbtea .content .panel h3 {
	padding-left: 70px;
	border-left: 1px solid #000;
}
.rbtea .content .panel .txt{
	padding: 30px 0 0 70px;
    border-left: 1px solid #000;
}
.rbtea .content .link{
	margin: 30px 0 0 70px;
}
.rbtea .content .link a{
	display: inline-block;
	height: 30px;
	padding-right: 40px;
	line-height: 30px;
	font-size: 19px;
	color: #eb7700;
	background: url(../images/small.png) right center no-repeat;
}
.rbtea .content .link a:hover {
	color: #000;
	background: url(../images/small_hover.png) right center no-repeat;
}

.rbtea .ot_product_big{
	background: url(../images/bg_rbtea.jpg) center 0 no-repeat;
	height: 405px;
	position: relative;
	margin-top: 10px;
}
.rbtea .ot_product_big .ico_arrow_down{
	position: absolute;
	top:0;
	left:20%;
}
.happylemon .ot_product_big{
	background: url(../images/bg_product_ot2.jpg) center 0 no-repeat;
}
.taiquan .ot_product_big{
	background: url(../images/bg_product_ot3.jpg) center 0 no-repeat;
}
.rbttea .ot_product_big{
	background: url(../images/bg_product_ot4.jpg) center 0 no-repeat;
}
.the-spiceland .ot_product_big{
	background: url(../images/bg_product_ot5.jpg) center 0 no-repeat;
}

.environmental .banner{
	background: url(../images/img_banner_environmental.jpg) center 0 no-repeat;
	height: 350px;
}
.environmental h2{
	margin-top: 50px;
}
.environmental .container{
	margin-top: 50px;
}
.environmental .container .item .t{
	border-bottom: 1px solid #8C8C8C;
	color: #819F29;
}
.environmental .container .item h4{
	background: #F9FAF6;
	font-size: 21px;
	position: relative;
	bottom:-5px;
	float: left;
	padding-right: 10px;
}
.environmental .container .item h4 .ico-rectangle{
	display: inline-block;
	width: 13px;
	height: 13px;
	background: url(../images/ico_rectangle.png) 0 0 no-repeat;
	vertical-align: middle;
	margin-right: 5px;
}
.environmental .container .item h4 span{
	vertical-align: middle;
}
.environmental .container .item .info{
	color: #8c8c8c;
	font-size: 16px;
	line-height: 30px;
	margin-top: 30px;
}
.environmental .container .item .info p{
	margin-bottom: 20px;
}

.zeren-left {
	margin-top: 125px;
	float: left;
	width: 257px;	
}
.zeren-left li {
	margin-bottom: 1px;
	width: 100%;
	font-size: 16px;
	color: #323232;
	background: #eeeeee;
	cursor: pointer;
}
.zeren-left li:hover {
	color: #ee7700;
}
.zeren-left li h3 {
	display: block;
	height: 55px;
	line-height: 55px;
}
.zeren-left li h3 a {
	display: block;
	color: #323232;
}
.zeren-left li.cur h3 a,
.zeren-left li:hover h3 a {
	color: #ee7700;
}
.zeren-left li i {
	margin: 0 10px 0 15px;
	display: inline-block;
	vertical-align: middle;
	background: url(../images/sprite.png) no-repeat;
}
.zeren-left .a1 i {
	width: 21px;
	height: 18px;
	background-position: 0 0;
}
.zeren-left .a1.cur i,
.zeren-left .a1:hover i {
	background-position: -21px 0;
}
.zeren-left .a2 i {
	width: 20px;
	height: 20px;
	background-position: 0 -21px;
}
.zeren-left .a2.cur i,
.zeren-left .a2:hover i {
	background-position: -22px -21px;
}
.zeren-left .a3 i {
	width: 19px;
	height: 17px;
	background-position: 0 -45px;
}
.zeren-left .a3.cur i,
.zeren-left .a3:hover i {
	background-position: -23px -45px;
}
.zeren-left .a4 i {
	width: 17px;
	height: 17px;
	background-position: 0 -66px;
}
.zeren-left .a4.cur i,
.zeren-left .a4:hover i {
	background-position: -25px -66px;
}
.zeren-left .a5 i {
	width: 18px;
	height: 18px;
	background-position: 0 -88px;
}
.zeren-left .a5.cur i,
.zeren-left .a5:hover i {
	background-position: -24px -88px;
}
.zeren-left .a6 i {
	width: 18px;
	height: 17px;
	background-position: 0 -112px;
}
.zeren-left .a6.cur i,
.zeren-left .a6:hover i {
	background-position: -24px -112px;
}
.zeren-left li div {display: none;}
.zeren-left li.cur div,
.zeren-left li:hover div {
	display: block;
}
.zeren-left li div a {
	display: block;
	height: 50px;
	line-height: 50px;
	padding-left: 35px;
	color: #323232;
	border-top: #bbb 1px dotted;
	background: #fff;
}
.zeren-left li div a:first-child {
	border: none;
}
.zeren-left li div a:before {
	content: '- ';
}
.zeren-left li div a:hover,
.zeren-left li div a.act {
	color: #ee7700;
}

.wide {
	display: block;
	width: 100%;
}

.zeren-right {
	margin: 125px 0 100px;
	padding-bottom: 30px;
	float: right;
	width: 830px;
	color: #8c8c8c;
	font-size: 16px;
	line-height: 32px;
}
.zeren-right .block {
	display: block;
	margin: 10px auto;
	text-indent: center;
}
.zeren-right .t {
	margin-bottom: 30px;
}
.zeren-right .con1 {
	margin-bottom: 30px;
	padding: 20px 64px;
	background: #fff;
	border: #eee 1px solid;
	zoom: 1;
}
.zeren-right .con1:after {
	display: block;
	clear: both;
	content: ' \20';
}
.zeren-right h2 {
	display: block;
	margin: 20px 0;
	color: #000;
	font-weight: bold;
	font-size: 24px;
	padding: 0;
	text-align: left;
}
.zeren-right h3 {
	display: block;
	margin: 20px 0;
	color: #000;
	font-weight: bold;
	font-size: 18px;
}
.zeren-right p {
	margin-bottom: 20px;
}
.zeren-right .red {
	color: #ee7700;
}
.zeren-right .con1 .cell {
	display: block;
	width: 328px;
	margin: 0 22px 0 0;
  	float: left;
  	color: #8c8c8c;
}
.zeren-right .con1 .cell:hover {
	color: #ee7700;
}
.zeren-right .cell h3 {
	margin: 10px 0;
	color: #ee7700;
}
.zeren-right .cell img {
	width: 100%;
	margin-bottom: 10px;
	border: #d2d2d2 1px solid;
}
.zeren-right .con1 h4 {
	display: block;
	padding-left: 35px;
	height: 63px;
	line-height: 63px;
	color: #000;
	font-size: 18px;
	font-weight: bold;
	border-left: #ee7700 10px solid;
	background: #eee url(/images/zeren/down.png) 95% center no-repeat;
	cursor: pointer;
}
.zeren-right .con1 .list {
	display: none;
	margin-bottom: 20px;
}
.zeren-right .con1 .list li {
	display: block;
	margin-left: 45px;
	height: 50px;
	line-height: 50px;
	color: #000;
	border-bottom: #eee 1px dotted;
}
.zeren-right .con1 .list li:hover {
	background: url(/images/zeren/eye.png) 95% center no-repeat;
}
.zeren-right .con1 .list li a {
	color: #000;
}
.zeren-right .con1 .list li a:hover {
	text-decoration: underline;
}
.zeren-right .con1 .lxr {
	margin: 10px 0 20px 45px;
	padding-left: 15px;
	border-left: #ccc 1px solid;
}
.zeren-right .con1 .lxr strong {
	color: #000;
	font-size: 16px;
}
.zeren-right .con1 .lxr p {
	margin-bottom: 0;
	color: #323232;
	font-size: 14px;
}
.zeren-right .con1 .lxr p img {
	margin-right: 8px;
}
.zeren-right .mail {
	display: block;
	padding: 20px 0;
	text-align: center;
	color: #fff;
	font-size: 16px;
	background: #f08d42;
}
.zeren-right .mail strong {
	display: block;
	font-weight: normal;
	font-size: 18px;
}
.zeren-right .mail img {
	display: block;
	margin: 10px auto;
	text-align: center;
}
.zeren-right .mail:hover{
	text-decoration: underline;
}