.pagebox {
	width: 100%
}

.btn-group-vertical>.btn-group:after, .btn-toolbar:after, .clearfix:after,
	.containerpro-fluid:after, .containerpro:after, .dl-horizontal dd:after,
	.form-horizontal .form-group:after, .modal-footer:after, .nav:after,
	.navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after,
	.panel-body:after, .row:after {
	clear: both
}

.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before,
	.btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before,
	.containerpro-fluid:after, .containerpro-fluid:before, .containerpro:after,
	.containerpro:before, .dl-horizontal dd:after, .dl-horizontal dd:before,
	.form-horizontal .form-group:after, .form-horizontal .form-group:before,
	.modal-footer:after, .modal-footer:before, .nav:after, .nav:before,
	.navbar-collapse:after, .navbar-collapse:before, .navbar-header:after,
	.navbar-header:before, .navbar:after, .navbar:before, .pager:after,
	.pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before
	{
	display: table;
	content: " "
}

@media all and (min-width:600px) {
	.containerpro {
		width: 580px
	}
}

@media all and (min-width:768px) {
	.containerpro {
		width: 750px
	}
}

@media all and (min-width:992px) {
	.containerpro {
		width: 970px
	}
}

@media all and (min-width:1200px) {
	.containerpro {
		width: 1170px
	}
}

.containerpro {
	margin-right: auto;
	margin-left: auto;
	padding-right: 15px;
	padding-left: 15px
}

.row {
	margin-right: -15px;
	margin-left: -15px
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3,
	.col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9,
	.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3,
	.col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9,
	.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3,
	.col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9,
	.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3,
	.col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	position: relative;
	padding-right: 15px;
	padding-left: 15px;
	min-height: 1px
}

.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3,
	.col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	float: left
}

.col-xs-12 {
	width: 50%
}

.col-xs-11 {
	width: 100%
}

.col-xs-10 {
	width: 50%
}

.col-xs-6 {
	width: 25%
}

.col-xs-5 {
	width: 20%
}

.col-xs-4 {
	width: 17.4999999%
}

.col-xs-3 {
	width: 16.4999999%
}

@media all and (min-width:768px) {
	.col-sm-2 {
		width: 16.66666667%
	}
	.col-sm-3 {
		width: 20%
	}
	.col-sm-6 {
		width: 50%
	}
	.col-sm-12 {
		width: 100%
	}
	.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3,
		.col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
		float: left
	}
}

@media all and (min-width:992px) {
	.col-md-12 {
		width: 100%
	}
	.col-md-8 {
		width: 66.67%
	}
	.col-md-7 {
		width: 58.34%
	}
	.col-md-6 {
		width: 50%
	}
	.col-md-5 {
		width: 41.66%
	}
	.col-md-4 {
		width: 33.33%
	}
	.col-md-3 {
		width: 33.33333333%
	}
	.col-md-2 {
		width: 16.66666667%
	}
	.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3,
		.col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
		float: left
	}
}

.title_cterbox {
	margin-bottom: 40px;
	padding-top: 40px;
	width: 100%;
	min-height: 1px
}

.h_t {
	color: #3e76c0;
	font-size: 27px
}

.h_t, .h_t_aid {
	text-align: center
}

.h_t_aid {
	padding: 10px;
	color: #bbb;
	font-size: 1em
}

.mian_contentbox {
	width: 100%;
	min-height: 1px
}

.f_mian_contentbox_tbox div {
	margin-top: 10px;
	margin-bottom: 10px;
	color: #5790de;
	font-size: 24px
}
.f_mian_contentbox_txt {
	margin-top: 10px;
	margin-bottom: 10px;
	color: #5790de;
	font-size: 24px
}
.f_mian_contentbox_tbox1 div {
	margin-top: 20px;
	margin-bottom: 10px;
	color: #5790de;
	font-size: 24px
}
.f_mian_contentbox_txt1 {
	margin-top: 10px;
	margin-bottom: 10px;
	color: #5790de;
	font-size: 24px
}

.f_mian_contentbox_tbox h3 {
	margin-top: 20px;
	margin-bottom: 10px
}

.f_mian_contentbox_tbox p {
	margin-top: 20px;
	margin-bottom: 30px;
	color: #7a7a7a
}
.f_mian_contentbox_txt p{
	font-size: 16px;
	line-height: 2;
}

.mian_contentbox_img {
	padding: 2px 40px 20px 0;
	padding: 0;
	padding-top: 60px;
	width: 100%
}

.home-divider2 {
	margin-top: 20px;
	margin-bottom: 30px
}

.containerpro img {
	max-width: 100%
}

hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #eee
}

.pg4 {
	background: #f6f6f6
}

.pg4_icon {
	display: block;
	margin: 0 auto;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	font-size: 1pc;
	line-height: 60px
}

.pg4_text {
	margin-top: 10px
}

.pg4_text h3 {
	color: #333;
	font-size: 23px;
	font-size: 18px
}

.pg4_text p {
	padding-top: 5px;
	color: #7a7a7a;
	font-size: 14px
}

.pg5 {
	background: #fff
}

.parterlogo {
	display: block;
	margin: 0 auto 30px;
	max-height: 60px;
	border: 1px solid #eee;
	border-radius: 4%
}

.btn-more, .text-center {
	text-align: center
}

.btn-more {
	display: inline-block;
	margin-top: 30px;
	margin-bottom: 30px;
	width: 200px;
	height: 38px;
	border: 1px solid #d7d7d7;
	border-radius: 4px;
	color: #2c58c1;
	font-size: 1pc;
	line-height: 37px;
	-webkit-animation-name: flipInY;
	animation-name: flipInY
}

.btn-more:hover {
	border: 1px solid #2c58c1;
	background-color: #2c58c1;
	color: #fff;
	text-decoration: none;
	-webkit-animation-name: pulse;
	animation-name: pulse
}

.containerpro {
	margin: 0 auto;
	width: 75pc
}

.containerpro-fluid:after, .containerpro-fluid:before, .containerpro:after,
	.containerpro:before, .row:after, .row:before {
	display: table;
	content: " "
}

.containerpro-fluid:after, .containerpro:after, .row:after, .row:before {
	clear: both
}

.industy {
	margin: 0 auto;
	width: 75pc
}

.industy div {
	color: #4aae38;
	text-align: center;
	font-size: 30px;
	line-height: 130px
}

.industy p {
	padding-bottom: 10px;
	color: #666;
	font-size: 1pc;
	line-height: 2pc
}

.solution_box {
	background: #f9f9f9
}

.solution {
	margin: 0 auto;
	padding-bottom: 50px;
	width: 75pc
}

.solution div {
	margin-bottom: 22px;
	padding-top: 51px;
	color: #507ff3;
	text-align: center;
	font-size: 30px
}

.solution_col {
	float: left;
	padding-right: 20px;
	padding-left: 20px;
	width: 25%;
	height: 450px;
	border-right: 1px solid #c8e6f0;
	border-bottom: 1px solid #c8e6f0
}

.solution_col img {
	display: block;
	margin: 30px auto 22px
}

.solution_col h2 {
	margin-bottom: 2pc;
	color: #008bd6;
	text-align: center;
	font-size: 18px;
	line-height: 18px
}

.solution_col p {
	overflow: hidden;
	height: 186px;
	color: #7999a9;
	font-size: 1pc;
	line-height: 30px
}

.solution_col>a {
	display: block
}

.solution_col span {
	float: right
}

.solution_col img:hover {
	opacity: .7
}

.solution_col h2:hover, .solution_col img:hover {
	-webkit-transition: all .3s linear 0s;
	transition: all .3s linear 0s
}

.solution_col h2:hover {
	color: #333
}

.solutions ul {
	margin-right: -30px
}

.solutions li {
	float: left;
	margin-right: 30px;
	margin-bottom: 40px;
	width: 380px;
	height: 330px;
	background: #f5f5f5
}

.solutions li a {
	display: block;
	height: 330px;
	line-height: 22px
}

.solutions li a:hover h1, .solutions li a:hover p {
	color: #008cd6
}

.solutions li h1 {
	color: #333;
	font-size: 18px;
	line-height: 56px
}

.solutions li h1, .solutions li p {
	padding: 0 15px
}

.solutions li p {
	color: #999
}

.jrso_list li {
	float: left;
	padding: 30px 20px;
	width: 259px;
	height: 386px;
	color: #7999a9
}

.jrso_list li p a {
	color: #7999a9
}

.bord_r {
	border-right: 1px solid #c8e6f0
}

.bord_b {
	border-bottom: 1px solid #c8e6f0
}

.case_list dl {
	float: left;
	overflow: hidden;
	margin: 40px 0 0;
	width: 600px;
	height: 7pc
}

.case_list dt {
	float: left;
	width: 205px;
	height: 7pc;
	background: #000
}

.case_list dd {
	float: right;
	padding-right: 20px;
	width: 350px
}

.case_list dd h1 {
	overflow: hidden;
	height: 40px;
	line-height: 40px
}

.case_list dd p {
	color: #999
}

.case_list dd a:hover h1, .case_list dd a:hover p {
	color: #008cd6
}

.article_list {
	width: 548px
}

.article_list ul {
	margin-top: 30px
}

.article_list ul li {
	overflow: hidden;
	height: 40px;
	line-height: 40px
}

.article_list li b {
	padding-right: 14px;
	color: #ccc;
	font-size: 9pt
}

.article_list li a {
	display: block;
	height: 40px
}

.article_list li a img {
	margin-top: 7px
}

.article_list li a:hover {
	color: #97c740
}

.bod_r {
	position: relative;
	border-right: 1px solid #ebebeb
}

.data_message {
	position: absolute;
	top: 60px;
	left: 10px;
	padding: 0
}

.table_3 td {
	padding: 8px 10px
}

.table_5 td {
	position: relative;
	padding: 5px;
	height: 40px
}

.p_lr60 {
	padding: 0 60px
}

.buy_contact .pr_tab {
	padding: 0;
	height: 3pc;
	background: #fff;
	line-height: 3pc
}

.buy_contact .pr_tab .hover {
	background: #49abdb
}

.buy_contact .pr_tab .hover a {
	color: #fff
}

.buy_contact .pr_tab li {
	padding: 0 40px
}

.buy_contact .pr_tab li i {
	background: url(../images/sj6.gif) no-repeat 0 bottom
}

.buy_contact .pr_tab .hover i {
	background-position: 0 0
}

.buy_contact2 {
	border-top: 1px solid #eee
}

.buy_contact2 td {
	padding: 30px 40px;
	border-bottom: 1px dotted #eee
}

.bod_r2 p a {
	color: #00f
}

.bod_r2 p a:hover {
	color: #4aae38
}

.yuanquan {
	width: 87pt;
	height: 87pt;
	border: 2px solid #eee;
	border-radius: 50%
}

.con_box .case_list dd a:hover p, .con_box .case_list dd a:hover span,
	.con_box .case_list dl:hover dd p {
	color: #fff
}

.c_d {
	overflow: hidden;
	height: 14px
}

.chr_l, .chr_r {
	position: relative;
	width: 25pc
}

.chr_l {
	margin-bottom: 75pt
}

.chr_r {
	margin-top: 140px
}

.year {
	width: 81pt;
	height: 6pc;
	line-height: 6pc
}

.chr_text {
	width: 266px
}

.chr_text img {
	margin-bottom: 10px;
	max-width: 266px;
	max-height: 1560px;
	opacity: .8;
	width: expression(this.width > 266 && this.width/ 266 >= this.height/ 1560 ?
		   266 : true);
	height: expression(this.height > 1560 && this.width/ 266 < this.height/ 1560 ?
		   1560 : true)
}

.c_d2 {
	width: 14px;
	height: 22px;
	top: 50%;
	margin-top: -6px
}

.chr_l:hover .c_d2, .chr_r:hover .c_d2 {
	background-position: 0 -2in
}

.chr_l .year {
	background-position: -81pt 0;
	text-indent: 20px
}

.chr_l:hover .year {
	background-position: 0 0
}

.chr_l .chr_text {
	padding-right: 30px
}

.chr_l .c_d2 {
	background-position: 0 -214px;
	right: -38px
}

.chr_r .year {
	background-position: 0 -6pc;
	text-indent: 30px
}

.chr_r:hover .year {
	background-position: -81pt -6pc
}

.chr_r .chr_text {
	padding-left: 30px
}

.chr_r .c_d2 {
	background-position: 0 -214px;
	left: -36px
}

.con_box .pr_tab li {
	padding: 0
}

.con_box .pr_tab li a {
	display: block;
	padding: 0 15px
}

.pr_tab .hover a, .pr_tab .hover a:hover {
	color: #fff
}

.pr_tab a:hover {
	color: #97c740
}

.hot_con dl {
	width: 430px;
	height: 150px;
	background: #f9f9f9
}

.hot_con dt {
	width: 150px;
	height: 150px;
	float: left
}

.hot_con dd {
	width: 250px;
	float: left;
	padding: 40px 0 0 30px
}

.con_list {
	padding: 30px 0 0 30px
}

.con_list li {
	float: left;
	border: 1px solid #e3e3e3;
	width: 380px;
	padding: 0 10px 20px 40px;
	line-height: 30px;
	margin: 0 30px 30px 0
}

.con_list li h1 {
	padding: 20px 0 10px
}

.con_city td {
	border-top: 1px dotted #ccc;
	border-left: 1px dotted #ccc;
	padding: 10px 20px
}

.con_city .q_line {
	border-top: none
}

.con_city .q_line2 {
	border-left: none
}

.con_city a {
	padding: 0 2px
}

.con_city .hover, .con_city a:hover {
	color: #008cd7
}

.news_list dl {
	height: 184px;
	background: #f9f9f9;
	color: #999;
	margin-bottom: 30px
}

.news_list dt {
	width: 290px;
	height: 184px;
	float: left;
	position: relative
}

.news_list dt .bj {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 2;
	filter: Alpha(Opacity = 80)
}

.news_list dt .share_lb {
	position: absolute;
	top: 50%;
	z-index: 9;
	margin-top: -10px;
	width: 100%;
	text-align: center
}

.news_list dt .share_lb a {
	padding: 0 5px
}

.news_list dd {
	float: right;
	padding-right: 30px;
	width: 554px
}

.news_list dd div {
	margin-bottom: 10px;
	padding: 15px 0;
	border-bottom: 1px dotted #ccc
}

.news_list dl:hover {
	background: #97c740;
	color: #fff
}

.news_list dl:hover dd a {
	color: #fff
}

.news_list dl:hover dd h1 {
	border-bottom: 1px dotted #fff
}

.news_list dl:hover dd a span {
	color: #fff
}

.user_voice_list dl {
	height: 184px;
	color: #666;
	margin-bottom: 30px
}

.user_voice_list dt {
	width: 200px;
	height: 184px;
	float: left;
	position: relative;
	border-right: 1.5px solid #dbdbdb;
}

.user_voice_list dt .bj {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 2;
	filter: Alpha(Opacity = 80)
}

.user_voice_list dt .share_lb {
	position: absolute;
	top: 50%;
	z-index: 9;
	margin-top: -10px;
	width: 100%;
	text-align: center
}

.user_voice_list dt .share_lb a {
	padding: 0 5px
}

.user_voice_list dd {
	float: right;
	padding-right: 30px;
	width: 670px
}

.user_voice_list dd div {
	margin-bottom: 10px;
	font-size: 18px;
}
.user_voice_list dd p {
	margin-top: 10px;
	height: 120px;
}


.news_title {
	padding: 20px 0 0 0;
	zoom: 1;
	overflow: hidden;
}

.news_title div {
	color: #4aae38;
	font-size: 26px;
	padding: 15px;
}

.news_title span {
	float: left;
	color: #aaa;
	font-size: 14px;
	font-family: Tahoma
}

.news_main {
	margin: auto;
	padding: 10px 0;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc
}

.news_main img {
	margin: 0 auto;
	max-width: 900px;
	max-height: 5000px;
	width: expression(this.width > 900px && this.width/ 900px >= this.height/ 5000
		? 900px : true);
	height: expression(this.height > 5000 && this.width/ 900px < this.height/ 5000 ?
		
		
		 5000 : true)
}

#bottom_con {
	padding: 40px 0
}

#bottom_con .bottom_box {
	margin: auto;
	overflow: hidden
}

.bottom_news {
	width: 46%;
	float: left;
	margin: 10px 15px;
	overflow: hidden
}

.bottom_news .title_t {
	height: 34px;
	line-height: 28px;
	border-bottom: 2px solid #4aae38
}

.bottom_news .title_t span {
	color: #4aae38;
	font-size: 18px
}

.bottom_news ul {
	margin-top: 10px;
	width: 100%;
	overflow: hidden
}

.bottom_news ul li {
	width: 100%;
	position: relative;
	height: 34px;
	float: left
}

.bottom_news ul li a {
	width: 100%;
	float: left;
	line-height: 22px;
	font-size: 14px;
	color: #666;
	padding-left: 13px;
	white-space: nowrap
}

.bottom_news ul li:after {
	content: '';
	position: absolute;
	left: 0;
	top: 8px;
	width: 6px;
	height: 6px;
	background: #208eeb;
	border-radius: 50%
}

.bottom_news ul li a:hover {
	color: #4aae38
}

.bottom_news ul li span {
	float: right;
	font-size: 9pt;
	background: #e5e5e5;
	border-radius: 8px;
	width: 70px;
	text-align: center
}

.news_fz {
	padding: 20px 40px
}

.back1 {
	background: #97c740;
	color: #fff;
	font-size: 1pc;
	padding: 10px 1pc;
	border-radius: 5px;
	border: 0
}

.back1:hover {
	color: #fff;
	background: #76ab15
}

.news_tj ul {
	margin-right: -30px
}

.news_tj h1 {
	color: #97c740;
	font-size: 22px;
	margin-bottom: 26px
}

.news_tj li {
	float: left;
	width: 220px;
	padding: 30px;
	background: #fafafa;
	margin-right: 30px
}

.news_tj li h1 {
	font-size: 1pc;
	border-bottom: 1px dotted #ccc;
	height: 72px;
	line-height: 24px;
	margin-bottom: 26px
}

.news_tj li a:hover, .pr_news dt {
	color: #97c740
}

.pr_news dt {
	float: left;
	width: 75pt;
	font-size: 18px;
	font-weight: 700
}

.pr_news dd {
	float: left;
	width: 50pc;
	line-height: 30px
}

.pr_news dd a {
	padding-left: 30px;
	display: block;
	float: left
}

.pr_news dd a:hover {
	color: #97c740
}

.page2 a {
	display: inline-block;
	background: #ccc;
	font-size: 18px;
	color: #fff;
	padding: 8px;
	margin: 0 5px
}

.page2 .hover, .page2 a:hover {
	background: #97c740
}

.case_list .news_list {
	margin-right: -30px;
	width: 930px
}

.case_list .news_list dl {
	float: left;
	width: 277px;
	height: 19pc;
	margin-bottom: 30px;
	margin-right: 30px;
	margin-top: 0;
	overflow: hidden
}

.case_list .news_list dt {
	float: none;
	width: 277px;
	height: 183px;
	overflow: hidden
}

.case_list .news_list dd {
	width: 16pc;
	margin: 0;
	padding: 13px 0;
}

.case_list .news_list dd p {
	height: 70px;
	border-top: 1px dotted #fff;
	overflow: hidden
}

.safety_case {
	width: 100%;
	overflow: hidden
}

.safety_case_d {
	width: 75pc;
	margin: auto;
	overflow: hidden
}

.safety_case_n {
	float: left;
	width: 900px;
	padding: 0 40px
}

.safety_case_n h2 {
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 40px;
	color: #20b366
}

.safety_case_n p {
	color: #666
}

.safety_case_n .eng, .safety_case_n p {
	line-height: 27px;
	font-size: 15px;
	padding: 0
}

.safety_case_n .eng {
	color: #d0d0d0
}

.safety_case_n h3 {
	font-size: 20px;
	line-height: 20px;
	margin: 30px 0 5px;
	color: #333;
	padding-left: 20px;
	position: relative
}

.safety_case_n h3:after {
	content: '';
	position: absolute;
	left: 0;
	top: 5px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #20b366
}

.video_list .news_list dl {
	height: 225px
}

.video_list dt .pause {
	width: 54px;
	height: 54px;
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 50%;
	margin-left: -27px;
	margin-top: -27px
}

.video_list .news_tj h1 {
	padding-top: 30px
}

.job_banner {
	height: 350px
}

.sur_list ul {
	margin-right: -30px
}

.sur_list li {
	width: 435px;
	float: left;
	text-align: center;
	padding-bottom: 40px;
	margin-right: 30px
}

.sur_list li img {
	height: 20pc;
	margin-bottom: 20px
}

.sur_list li h1 {
	margin-bottom: 10px
}

.sur_list li a {
	color: #999
}

.sur_list li a:hover {
	color: #97c740
}

.sur_hd {
	width: 900px
}

.sur_hd2 li {
	height: 600px;
	overflow: hidden;
	position: relative
}

.sur_hd2 li .sur_con {
	position: absolute;
	z-index: 99;
	left: 0;
	bottom: 0;
	width: 96%;
	padding: 2%;
	background: rgba(0, 81, 129, .6);
	color: #fff
}

.slideBox2 .next, .slideBox2 .prev {
	background: #1389cf
}

.slideBox2 .next:hover, .slideBox2 .prev:hover {
	background: #006099
}

.team_list .news_list {
	margin-right: -30px;
	width: 930px
}

.team_list dl {
	width: 435px;
	background: 0 0;
	height: 435px;
	float: left;
	margin: 0;
	padding: 0;
	margin-right: 30px
}

.team_list dl:hover {
	background: 0 0;
	color: #1389cf
}

.team_list dt {
	float: none;
	width: 435px;
	height: 20pc;
	overflow: hidden
}

.team_list dd {
	width: 435px;
	float: none;
	font-size: 1pc;
	text-align: center;
	padding: 0;
	padding-top: 20px
}

.team_list dt .share_lb {
	top: 0;
	margin-top: 0;
	padding: 40px;
	width: 355px;
	text-align: left;
	line-height: 30px
}

.job_style tr:HOVER {
	background: #173f97
}

.foot {
	background: #f6f6f6;
	line-height: 24px
}

.foot1 {
	width: 75pc;
	margin: auto;
	padding: 60px 0 15px
}

.foot2 {
	background: #292a2c;
	line-height: 74px
}

.foot_nav {
	width: 54%;
	margin-left: 1%;
	margin-right: 4%;
	border-right: 1px dashed #a2a2a2
}

.foot_con {
	width: 40%
}

.foot_nav ul {
	float: left;
	padding-bottom: 20px;
	width: 10%;
	margin-left: 6%;
	display: inline
}

.foot_nav li {
	height: 24px;
	overflow: hidden
}

.foot_nav h1 {
	font-size: 1pc;
	color: #2097d4;
	margin-bottom: 20px
}

.foot_con .tel2 {
	background: 0 0
}

.foll {
	padding-top: 20px
}

.foll li {
	float: left;
	margin-right: 6px;
	margin-top: 6px;
	position: relative
}

.erm {
	position: absolute;
	left: 0;
	bottom: 61px
}

.sign {
	padding-left: 8px;
	padding-top: 10px;
	position: relative
}

.sign:after {
	position: absolute;
	left: 0;
	top: 19px;
	width: 3px;
	height: 3px;
	background: #999
}

.special_con {
	font-size: 1pc;
	margin-top: 30px;
	line-height: 24px;
	overflow: hidden;
	line-height: 1.8em
}

.special_xin {
	background: #f6f6f6;
	width: 100%;
	overflow: hidden;
	padding: 70px 0
}

.special_xin h2 {
	margin-bottom: 25px;
	color: #333;
	font-size: 24px;
	overflow: hidden;
	line-height: 26px
}

.zt_img {
	width: 40%;
	float: left;
	margin-right: 5%;
	overflow: hidden
}

.zt_img img {
	width: 100%
}

.zt_wz {
	width: 50%;
	float: left;
	overflow: hidden;
	margin-right: 5%;
	text-align: left
}

.zt_wz h2 {
	margin-top: 50px;
	text-align: left;
	line-height: 40px;
	font-weight: 300;
	font-size: 36px;
	color: #20b366
}

.zt_img02 {
	width: 30%;
	float: left;
	margin-right: 5%;
	overflow: hidden
}

.zt_img02 img {
	width: 100%
}

.zt_wz02 {
	width: 52%;
	float: left;
	overflow: hidden;
	margin-right: 5%
}

.zt_wz02 h2 {
	margin-top: 75pt;
	line-height: 40px;
	font-weight: 300;
	font-size: 36px;
	color: #20b366
}

#area_box {
	width: 900px;
	margin-top: 20px;
	background: #fff;
	overflow: hidden
}

#area_box table {
	width: 100%;
	padding: 15px
}

#area_box table td {
	border-bottom: 1px dotted #ccc;
	border-right: 1px dotted #ccc;
	padding: 10px 6px
}

#area_box table td:last-of-type {
	border-right: 0
}

#area_box .area_box_line td {
	border-bottom: 0
}

#area_box table td i {
	font-style: normal;
	margin-right: 8px;
	width: 9pt;
	overflow: hidden;
	display: block;
	float: left
}

#area_box table td a {
	margin: 0 8px;
	cursor: pointer;
	float: left
}

#area_box table td a:hover {
	color: #008cd7
}

.area_con {
	width: 900px;
	background: #fff;
	padding: 15px;
	overflow: hidden
}

.area_con ul {
	width: 100%;
	overflow: hidden
}

.area_con ul li {
	width: 26pc;
	padding: 15px;
	float: left;
	border: 1px solid #e3e3e3;
	margin-right: 8px
}

.area_con ul li:nth-of-type(2n) {
	margin-right: 0
}

.area_con ul li div {
	color: #008cd7;
	font-size: 18px
}

.area_con ul li p {
	line-height: 24px;
	margin-top: 10px
}

.online_xin {
	padding: 8px 10px;
	background: #49abdb;
	color: #fff;
	border-radius: 3px
}

.online_xin:hover {
	color: #fff
}

#index_case {
	width: 75pc;
	overflow: hidden
}

#index_cased {
	width: 60pc;
	overflow: hidden
}

.index_case_con {
	width: 100%;
	display: none
}

.index_case_con li {
	float: left;
	width: 280px;
	margin-right: 20px
}

.index_case_con li:last-of-type {
	margin-right: 0
}

.index_case_con li div {
	padding: 0;
	float: left;
	width: 280px;
	height: 180px;
	overflow: hidden;
	margin-bottom: 8px;
	cursor: pointer;
	position: relative
}

.index_case_con li div img {
	width: 100%
}

.index_case_con li span {
	font-size: 1pc
}

.index_case_con li div a {
	opacity: 0;
	filter: alpha(opacity = 0);
	height: 100%;
	display: block;
	background: url(../images/transparent.png);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding: 15% 4% 0;
	color: #fff;
	text-align: center;
	font-size: 14px;
	-webkit-transition: .3s;
	transition: .3s
}

.index_case_con li div a p {
	width: 5pc;
	margin: 10px auto 0;
	padding: 6px 8px;
	border-radius: 3px;
	background: #97c740
}

.index_case_con li:hover a {
	opacity: 1;
	filter: alpha(opacity = 100)
}

#index_con {
	width: 100%;
	padding: 50px 0;
	background: #f8f8f8
}

#index_con .index_box {
	width: 75pc;
	margin: auto;
	overflow: hidden
}

.index_news {
	width: 29%;
	float: left;
	margin: 0 18pt
}

.index_news .title_t {
	width: 345px;
	height: 28px;
	line-height: 28px
}

.index_news .title_t div {
	float: left;
	color: #000;
	font-size: 22px
}

.index_news ul {
	margin-top: 30px;
	width: 100%;
	height: 200px;
	overflow: hidden
}

.index_news ul li {
	width: 100%;
	position: relative;
	height: 30px;
	margin-bottom: 10px;
	float: left
}

.index_news ul li a {
	width: 70%
}

.index_news ul li .index_a1, .index_news ul li a {
	float: left;
	line-height: 22px;
	font-size: 15px;
	color: #666;
	padding-left: 13px
}

.index_news ul li .index_a1 {
	width: 100%;
	white-space: nowrap
}

.index_news ul li:after {
	content: '';
	position: absolute;
	left: 0;
	top: 8px;
	width: 6px;
	height: 6px;
	background: #208eeb;
	border-radius: 50%
}

.index_news ul li a:hover {
	color: #4aae38
}

.index_news ul li span {
	float: right;
	font-size: 9pt;
	background: #e5e5e5;
	border-radius: 8px;
	width: 70px;
	text-align: center
}

.index_zt {
	width: 345px;
	float: left;
	margin: 0 18pt
}

.index_zt .title_t {
	width: 345px;
	height: 28px;
	line-height: 22px
}

.index_zt .title_t div {
	float: left;
	color: #000;
	font-size: 22px
}

.index_zt_a {
	width: 345px;
	height: 170px;
	overflow: hidden;
	margin-top: 30px;
	display: block
}

.index_zt_a img {
	width: 100%
}

#index_case {
	width: 75pc;
	margin: 50px auto;
	overflow: hidden
}

#index_case .title_t {
	height: 28px;
	line-height: 28px;
	margin-bottom: 30px
}

#index_case .title_t span {
	font-size: 22px;
	float: left;
	color: #000
}

#index_case .title_t ul {
	float: left;
	margin-left: 40px
}

#index_case .title_t ul li {
	display: inline;
	padding: 4px;
	margin: 0 20px 0 0;
	border-radius: 5px;
	font-size: 1pc;
	position: relative;
	cursor: pointer;
	color: #000
}

#index_case .title_t ul li:after {
	content: '';
	position: absolute;
	right: -9pt;
	top: 0;
	width: 1px;
	height: 100%;
	background: #d6d6d6
}

#index_case .title_t ul li:last-of-type:after {
	display: none
}

#index_case .title_t ul li.act {
	background: #0585ea;
	color: #fff
}

.index-link {
	width: 75pc;
	overflow: hidden;
	margin: 20px auto;
}

.index-link-con {
	float: left;
	padding: 10px 40px;
	position: relative;
	border-bottom: 1px solid #666;
}

.index-link .dian {
	position: absolute;
	color: #208eeb;
	font-size: 2pc;
	top: 8px
}

.index-link-title {
	padding: 0 10px 10px 10px;;
	font-size: 16px;
	font-weight: 700;
}

.index-link-con li {
	float: left;
	padding: 0 10px;
	font-size: 14px;
	line-height: 30px;
}

.index-link-con li a {
	color: #fff;
}

.index-link-con .li_none {
	padding: 0 10px;
	font-size: 14px;
	line-height: 30px;
}

.demo {
	width: 279px;
	font-size: 14px;
	position: relative;
	margin-left: 30px;
	margin-top: 30px
}

.demo a.control {
	position: absolute;
	display: block;
	margin-right: 10px;
	margin-left: 10px;
	top: 50%;
	margin-top: -15px;
	width: 17px;
	height: 35px;
	cursor: pointer;
	z-index: 2;
	background: url(../images/index/bow.png) no-repeat
}

.demo a.prev {
	left: -40px;
	background-position: 0 0
}

.demo a.next {
	right: -40px;
	background-position: -17px 0
}

.demo a.prev:hover {
	background-position: 0 0
}

.demo a.next:hover {
	background-position: -17px 0
}

.slider {
	display: none
}

.safety_03 {
	width: 100%;
	background: #f9f9f9;
	overflow: hidden
}

.safety_03_c {
	width: 75pc;
	margin: auto;
	overflow: hidden
}

.safety_03_na, .safety_03_nb, .safety_03_nc {
	width: 12.5%;
	background: #fff;
	height: 100%;
	border-right: 1px dotted #000;
	margin-top: 10px;
	float: left
}

.safety_03_c h2 {
	font-size: 1pc;
	color: #fff;
	height: 50px;
	background: #58b5e1;
	line-height: 50px;
	text-align: center
}

.safety_03_c h3 {
	font-size: 14px;
	color: #666;
	padding: 20px 20px 15px
}

.safety_03_c ul {
	padding: 0 20px
}

.safety_03_c ul li {
	padding-left: 9pt;
	position: relative;
	line-height: 26px;
	color: #333;
	font-size: 14px
}

.safety_03_c ul li:after {
	content: '';
	position: absolute;
	left: 0;
	top: 10px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #bce1f3
}

.safety_03_na ul li.act:after {
	display: none
}

.safety_03_nb h2 {
	background: #92cf68
}

.safety_03_nc h2 {
	background: #f7774a
}



.right-text {
	text-align: right
}

ul.icon-content-list.containerpro {
	padding: 0;
	list-style-type: none
}

ul.icon-content-list.containerpro li.icon-content-single {
	margin: 0 0 20px;
	list-style-type: none
}

ul.icon-content-list.containerpro li.icon-content-single:last-child {
	margin-bottom: 0
}

.right-text ul.icon-content-list.containerpro li.icon-content-single .h4-body-title span
	{
	float: right;
	margin-left: 20px;
	margin-right: 0
}

.content-box {
	overflow: hidden;
	margin-bottom: 15px
}

.content-box .h4-body-title {
	margin: 0;
	line-height: 60px;
	margin-bottom: 5px;
	color: #fff;
	font-size: 1pc
}

.content-box.small .h4-body-title {
	line-height: 40px
}

.content-box.big span {
	float: left;
	margin: 2px 20px 0 0;
	border-radius: 50%;
	display: block;
	font-size: 22px;
	width: 5pc;
	height: 5pc;
	line-height: 60px;
	background: url(../images/pro/homeiconbig.png) no-repeat 0 0
}

.content-box.big h4 {
	color: #4b565c
}

.content-box.big .content-box-text {
	color: #999
}

.content-box.big span:hover {
	background-repeat: no-repeat
}

.content-box.big span.icon1 {
	background-color: #21b06e;
	background-position: -145px -69px
}

.content-box.big span.icon2 {
	background-color: #ab5de9;
	background-position: -220px -71px
}

.content-box.big span.icon3 {
	background-color: #f7774a;
	background-position: -372px -74px
}

.content-box.big span.icon6 {
	background-color: #fab400;
	background-position: -72px -72px
}

.content-box.big span.icon7 {
	background-color: #18b5f9;
	background-position: -296px -71px
}

.content-box.big span.icon8 {
	background-color: #92cf68;
	background-position: -444px -74px
}

.content-box.big span.icon1:hover {
	background-color: #000;
	background-position: -145px -9pc;
	cursor: pointer
}

.content-box.big span.icon2:hover {
	background-color: #000;
	background-position: -220px -146px;
	cursor: pointer
}

.content-box.big span.icon3:hover {
	background-color: #000;
	background-position: -372px -149px;
	cursor: pointer
}

.content-box.big span.icon6:hover {
	background-color: #000;
	background-position: -72px -147px;
	cursor: pointer
}

.content-box.big span.icon7:hover {
	background-color: #000;
	background-position: -296px -146px;
	cursor: pointer
}

.content-box.big span.icon8:hover {
	background-color: #000;
	background-position: -444px -149px;
	cursor: pointer
}

.f_mian_contentbox_tbox {
	width: 90%;
	padding-right: 50px
}
.f_mian_contentbox_tbox1 {
	width: 85%;
	padding-left: 30px;
}

.f_mian_contentbox_t1 {
	color: #444;
	width: 100%;
	font-size: 18px;
	font-weight: 800
}

.f_mian_contentbox_t2 {
	color: #7a7a7a;
	width: 100%;
	font-size: 14px;
	line-height: 1.6em
}

.f-mian_contentbox_img {
	width: 90%;
	padding: 10px 30px
}

.f-mian_contentbox_text {
	padding-left: 30px
}

.colored-boxed {
	width: 80%;
	height: 100%;
	margin: 0 auto 15px;
	text-align: left
}

.colored-boxed h3 {
	color: #444;
	font-size: 18px;
	margin-top: 25px
}

.colored-boxed p {
	color: #7a7a7a;
	font-size: 14px;
	line-height: 1.6em
}

.icon4 {
	background-position: -161px 14px
}

.four-cols {
	margin: -1px 0 0 !important;
	padding: 30px 0
}

.four-cols .col-sm-3 {
	padding-left: 30px !important;
	padding-right: 30px !important
}

.four-cols h4, .four-cols p {
	color: #000
}

.four-cols .col-border {
	border-right: 1px solid #fff;
	padding: 30px 0;
	margin: -30px 0
}

@media ( max-width :767px) {
	.four-cols {
		border: 0
	}
	.four-cols .col-border {
		border-right: 0
	}
}

@media ( min-width :768px) {
	.four-cols {
		display: table
	}
	[class*=col-board] {
		float: none;
		display: table-cell;
		vertical-align: top
	}
	.four-cols {
		padding: 0
	}
}

.col-board {
	padding: 30px 0;
	margin: -30px 0
}

.col-img {
	background: url(../images/pro/homeiconbig1.png) no-repeat 0 0
}

.col-img, .col-img1 {
	border-radius: 50%;
	display: block;
	font-size: 1pc;
	width: 5pc;
	height: 5pc;
	line-height: 60px;
	margin: auto
}

.col-img1 {
	background: url(../images/pro/homeiconbig2.png) no-repeat 0 0
}

.col-img2 {
	border-radius: 50%;
	display: block;
	font-size: 1pc;
	width: 5pc;
	height: 5pc;
	line-height: 60px;
	background: url(../images/pro/homeiconbig3.png) no-repeat 0 0;
	margin: auto
}

.col-board:hover {
	background: #3099c2
}

.col-board:hover .col-img, .col-board:hover .col-img1, .col-board:hover .col-img2
	{
	background-repeat: no-repeat
}

.col-board:hover h4 {
	color: #fff
}

.col-board:hover p {
	color: #fff !important
}

.p_tab_four {
	color: #7a7a7a !important
}

.icon1 {
	background-position: -75px -149px
}

.icon2 {
	background-position: -148px -149px
}

.icon3 {
	background-position: -227px -149px
}

.icon4 {
	background-position: -299px -149px
}

.col-board:hover .icon1 {
	background-position: -75px -73px
}

.col-board:hover .icon2 {
	background-position: -148px -73px
}

.col-board:hover .icon3 {
	background-position: -227px -73px
}

.col-board:hover .icon4 {
	background-position: -299px -73px
}

.icon11 {
	background-position: -44px -178px
}

.icon22 {
	background-position: -190px -178px
}

.icon33 {
	background-position: -333px -178px
}

.icon44 {
	background-position: -477px -178px
}

.col-board:hover .icon11 {
	background-position: -44px -40px
}

.col-board:hover .icon22 {
	background-position: -190px -40px
}

.col-board:hover .icon33 {
	background-position: -335px -40px
}

.col-board:hover .icon44 {
	background-position: -477px -40px
}

.toMapPage_liststyle {
	color: #7a7a7a;
	font-size: 1em;
	line-height: 30px
}

.toMapPage_t1 {
	font-size: 2em
}

.top_box {
	height: 90px
}

.top {
	background: #f2f2f2
}

.top_line {
	margin: 0 auto;
	width: 100%;
	height: 30px
}

.top_line li {
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	list-style-type: none;
	font-size: 9pt;
	line-height: 30px
}

.header a .isWeixin {
	position: absolute;
	left: 983px;
	display: none;
	margin-top: 3pc;
	width: 330px;
	height: 167px;
	background: url(../images/index/erweima.jpg) no-repeat
}

.header a:hover .isWeixin {
	top: 40px;
	z-index: 1000;
	display: block;
	-webkit-transition: all .3s linear 0s;
	transition: all .3s linear 0s
}

.head_area {
	font-size: 26px;
	top: 2pc;
	position: absolute;
	margin-left: 10px
}

#footer {
	margin: 0 auto;
	padding-top: 50px;
	padding-bottom: 15px;
	width: 75pc
}

#footer ul {
	float: left;
	width: 10pc;
	height: 9pc;
	background: url(../images/index/dibuxian.jpg) no-repeat right
}

#footer>ul>h1 {
	margin-bottom: 15px;
	color: #2097d4;
	text-align: center;
	font-size: 1pc;
	line-height: 1pc
}

#footer>ul>li {
	color: #4c4c4c;
	text-align: center;
	font-size: 13px
}

.foot_right {
	margin-left: 850px
}

.foot_right p {
	float: left;
	margin-top: 15px;
	margin-bottom: 9pt;
	color: #4c4c4c;
	font-size: 1pc
}

.erm_li a {
	position: relative;
	float: left
}

.erm_li a span {
	position: absolute;
	left: -140px;
	display: none;
	width: 330px;
	height: 167px;
	background: url(../images/index/erweima.jpg) no-repeat
}

.erm_li a:hover span {
	top: -167px;
	display: block;
	-webkit-transition: all .3s linear 0s;
	transition: all .3s linear 0s
}

.footer_line {
	background: #292a2c
}

.footer_line div {
	margin: 0 auto;
	width: 75pc;
	height: auto
}

.footer_line div p {
	color: #999;
	text-align: center
}

.footer_line #foot {
	color: #999;
	font-size: 1pc
}

.footer_line .mid {
	overflow: hidden;
	padding: 15px 0;
	border-bottom: 1px solid #403d3d
}

.footer_line .mid .more_w {
	width: 825pt;
	color: #0572a5;
	float: left;
	line-height: 30px;
	margin-right: 50px;
	margin-left: 50px
}

.footer_line .mid dl .first_dd {
	font-size: 1pc
}

.footer_line .mid dl dd {
	float: left;
	width: 110px;
	white-space: nowrap;
	overflow: hidden;
	margin-right: 6px
}

.footer_line .mid a {
	color: #676767
}

.footer_line .mid .more_dd a {
	color: #6eb92b
}

.footer_line .mid .more_dd a:hover, .footer_line .mid a:hover {
	color: #fff
}

.contract {
	float: right;
	width: 220px
}

.contract img {
	float: left;
	margin-top: 6px;
	width: 20px
}

.contract p {
	margin-left: 5px;
	color: gray
}

.contract p, .contract span {
	float: left;
	font-size: 9pt;
	line-height: 30px
}

.contract span {
	color: #4bad35;
	font-weight: 700
}

.sales_head {
	font-size: 24px;
	color: #515151
}

.sales_span {
	font-size: 15px;
	line-height: 2
}

.share {
	padding: 7px 0;
	height: auto;
	overflow: hidden
}

.share label {
	font-size: 18px;
	color: #333;
	float: left
}

.index_img {
	position: relative
}

.index_img a {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -10px;
	margin-left: -50px;
	color: #fff;
	border: 1px solid #fff;
	width: 75pt;
	height: 26px;
	text-align: center;
	cursor: pointer
}

.index_img img {
	height: 122px;
	width: 100%
}

.button_4041 {
	background: #0f84fe
}

.button_4041, .button_4042 {
	height: 25px;
	line-height: 25px;
	padding: 0 25px;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	text-decoration: none;
	font-size: 9pt;
	outline: 0;
	cursor: pointer
}

.button_4042 {
	background: #86b92d
}

.banner-left-grid a img {
	width: 100%;
	height: 180px;
	border: 1px solid #cbcbcb;
	margin: 2em 0 1em
}

.banner-left-grid a h4 {
	position: relative;
	font-size: 1pc;
	color: #000;
	font-style: normal;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden
}

.banner-left-grid a h4 .dian {
	position: absolute;
	color: #da4453;
	font-size: 3pc;
	top: -3px
}

.banner-left-grid a h4 .dian-blue {
	position: absolute;
	color: #208eeb;
	font-size: 3pc;
	top: -3px
}

.banner-left-grid a h4 .h4 {
	margin-left: 1pc
}

.banner-left-grid a h4:hover {
	color: #4aae38
}

.banner-left-grid p.text {
	color: #afafaf;
	margin: 5px 0 0;
	font-size: 13px;
	margin-left: 1pc;
	height: 42px;
}

.blog-grids {
	padding: 1.5em 0
}
.blog-grids2 {
	padding: 1.5em 0 2em 0
}

.blog-grid-right a {
	font-size: 1pc;
	text-decoration: none;
	position: relative;
	margin-left: 1em;
	white-space: nowrap
}

.blog-grid-right a:hover {
	color: #4aae38
}

.banner-left-grid a:after {
	content: "";
	position: absolute;
	left: -13px;
	top: 8px;
	width: 6px;
	height: 6px;
	background: #208eeb;
	border-radius: 50%
}

.banner-nei-grid a img {
	width: 140px;
	height: 90px;
	border: 1px solid #cbcbcb;
	margin: 1em 0
}

.banner-nei-grid h4 {
	margin: 0;
	color: #3f3f3f;
	overflow: hidden;
	white-space: nowrap
}

.banner-nei-grid a h4 {
	font-size: 1pc;
	font-style: normal
}

.banner-nei-grid a h4:hover {
	color: #4aae38
}

.banner-nei-grid p.text {
	color: #afafaf;
	margin: 0;
	font-size: 13px
}

.nei-grids {
	padding: .5em 0;
	width: 100%
}

.blog_img {
	float: left;
	width: 35%
}

.blog_a {
	width: 65%;
	float: left;
	padding: 14px 7px
}

.blog, .blog-grid-right {
	float: left;
	width: 100%
}

.blog-grid-right {
	overflow: hidden
}

.nei-grid-right a {
	font-size: 14px;
	text-decoration: none;
	position: relative;
	margin-left: 1em;
	white-space: nowrap
}

.nei-grid-right a:hover {
	color: #4aae38
}

.banner-nei-grid a:after {
	content: "";
	position: absolute;
	left: -13px;
	top: 8px;
	width: 6px;
	height: 6px;
	background: #4aae38;
	border-radius: 50%
}

.quick_tab {
	float: right;
	font-size: 9pt;
	margin-right: 5pc
}

.quick_tab a {
	cursor: pointer
}

.d_chr {
	width: 600px;
	margin: 0 auto;
	background: url(../images/lin2.gif) repeat-y 3pc top;
	overflow: hidden
}

.d_chr ul {
	width: 100%;
	overflow: hidden;
	padding-top: 45px;
	padding-bottom: 30px
}

.d_chr ul li {
	position: relative;
	padding-left: 90pt;
	color: #999;
	width: 740px;
	float: left;
	margin-top: 7px
}

.d_chr ul .li1 {
	margin-bottom: 140px
}

.d_chr ul .li2 {
	margin-bottom: 170px
}

.d_chr ul .li3 {
	margin-bottom: 200px
}

.d_chr ul .li4 {
	margin-bottom: 230px
}

.d_chr ul .li5 {
	margin-bottom: 260px
}

.d_chr ul .li6 {
	margin-bottom: 290px
}

.d_chr ul li b {
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -52px;
	background-image: url(../images/chr_ico02.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 96px;
	height: 96px;
	line-height: 96px;
	text-indent: 7px;
	font-size: 20px;
	color: #fff;
	display: block;
}

.d_lc1 {
	position: absolute;
	top: 60px;
	left: 41px
}

.d_lc1 img {
	margin-top: 3px;
	width: 1pc
}

.d_lc1 span {
	margin-left: 30px;
	font-size: 14px
}

.d_lc2 {
	position: absolute;
	top: 90px;
	left: 41px
}

.d_lc2 img {
	margin-top: 3px;
	width: 1pc
}

.d_lc2 span {
	margin-left: 30px;
	font-size: 14px
}

.d_lc3 {
	position: absolute;
	top: 90pt;
	left: 41px
}

.d_lc3 img {
	margin-top: 3px;
	width: 1pc
}

.d_lc3 span {
	margin-left: 30px;
	font-size: 14px
}

.d_lc4 {
	position: absolute;
	top: 150px;
	left: 41px
}

.d_lc4 img {
	margin-top: 3px;
	width: 1pc
}

.d_lc4 span {
	margin-left: 30px;
	font-size: 14px
}

.d_lc5 {
	position: absolute;
	top: 180px;
	left: 41px
}

.d_lc5 img {
	margin-top: 3px;
	width: 1pc
}

.d_lc5 span {
	margin-left: 30px;
	font-size: 14px
}

.d_lc6 {
	position: absolute;
	top: 210px;
	left: 41px
}

.d_lc6 img {
	margin-top: 3px;
	width: 1pc
}

.d_lc6 span {
	margin-left: 30px;
	font-size: 14px
}

.d_lc7 {
	position: absolute;
	top: 15pc;
	left: 41px
}

.d_lc7 img {
	margin-top: 3px;
	width: 1pc
}

.d_lc7 span {
	margin-left: 30px;
	font-size: 14px
}

.news_main .mid {
	overflow: hidden;
	padding-bottom: 30px
}

.news_main .mid .more_w {
	float: left;
	padding: 10px 0;
	border-bottom: 1px dotted #ccc;
	color: #4aae38;
	line-height: 30px
}

.news_main .mid dl .first_dd {
	font-size: 1pc
}

.news_main .mid dl dd {
	float: left;
	overflow: hidden;
	margin-right: 6px;
	width: 130px;
	white-space: nowrap
}

.news_main .mid a {
	color: #666
}

.news_main .mid a:hover {
	color: #4aae38
}

.bottom_h1 {
	color: #2097d4;
	font-size: 1pc
}

#consultant {
	overflow: hidden;
	width: 60pc
}

#consultant li a:hover {
	background: #97c740;
	color: #fff
}

.consultant_list dl {
	float: left;
	overflow: hidden;
	margin: 40px 0 0;
	width: 600px;
	height: 7pc
}

.consultant_list dt {
	float: left;
	width: 205px;
	height: 7pc;
	background: #000
}

.consultant_list dd {
	float: right;
	padding-right: 20px;
	width: 350px
}

.consultant_list dd h1 {
	overflow: hidden;
	height: 40px;
	line-height: 40px
}

.consultant_list dd p {
	color: #999
}

.consultant_list dd a:hover h1, .consultant_list dd a:hover p {
	color: #008cd6
}

.consultant_list .news_list {
	margin-right: -30px;
	width: 930px
}

.consultant_list .news_list dl {
	float: left;
	overflow: hidden;
	margin-top: 0;
	margin-right: 25px;
	margin-bottom: 25px;
	width: 10pc;
	height: 20pc
}

.consultant_list .news_list dt {
	float: none;
	overflow: hidden;
	width: 10pc;
	height: 200px
}

.consultant_list .news_list dd {
	position: relative;
	margin: 0;
	padding: 10px;
	width: 10pc
}

.consultant_list .news_list dd p {
	overflow: hidden;
	height: 70px;
	border-top: 1px dotted #fff
}

.consultant_con .position {
	position: absolute;
	right: 4px;
	bottom: 0
}

.con_box .consultant_list dd a:hover p, .con_box .consultant_list dd a:hover span,
	.con_box .consultant_list dl:hover dd p {
	color: #fff
}

.block_center {
	float: right;
	width: 60pc
}

.m_position {
	padding: 10px 0
}

.m_position .title {
	margin: 0 5px
}

.ibl {
	display: inline-block
}

.m_filter {
	background: #fff
}

.m_filter_title {
	height: 44px;
	background: #f6f6f6;
	line-height: 44px
}

.m_filter_title .left {
	margin-left: 19px;
	color: #333;
	font-size: 1pc
}

.lf {
	float: left
}

.rf {
	float: right
}

.m_filter_title .left .img {
	margin-right: 10px;
	vertical-align: middle
}

.m_filter_title .right {
	margin-right: 30px;
	color: #666
}

.m_filter_content .dl {
	padding: 10px;
	width: 100%;
	border-bottom: 1px solid #e3e3e3
}

.m_filter_content .dl .dt {
	display: inline-block;
	vertical-align: middle;
	font-size: 1pc
}

.m_filter_content .dl .dd {
	display: inline-block;
	box-sizing: border-box;
	padding-left: 15px;
	color: #666
}

.m_filter_content .dl .dd a {
	position: relative;
	display: inline-block;
	margin-right: 20px;
	padding: 3px 10px
}

.m_filter_content .dl .dd a.selected, .m_filter_content .dl .dd a:hover
	{
	background: #4aae38;
	color: #fff
}

.m_filter_content .dl .dd a .img {
	position: absolute;
	top: 24px;
	left: 50%;
	display: none;
	margin-left: -5px
}

.m_product {
	width: 60pc;
	background: #fff
}

.m_product_title {
	padding-left: 15px;
	height: 40px;
	background: #f6f6f6;
	font-size: 1pc;
	line-height: 40px
}

.m_product_content_list, .m_product_content_list li {
	border-bottom: 1px solid #e7e7e7
}

.m_product_content_list li {
	overflow: hidden;
	padding: 24px 30px;
	background: #fff;
	zoom: 1
}

.m_product_content_list .img_div img {
	width: 100%;
	height: 135px
}

.m_product_content_list .left2 {
	margin-left: 27px;
	width: 72%
}

.m_product_content_list .left1 {
	width: 24%
}

.m_product_content_list .title {
	padding: 0 10px 0 0;
	font-size: 20px
}

.m_product_content_list .title a {
	color: #4aae38
}

.m_product_content_list .price_line {
	position: relative;
	top: -2px;
	margin-left: 5px;
	text-decoration: line-through
}

.des-content {
	padding: 10px 0;
	line-height: 2
}

.update_time {
	overflow: hidden;
	padding-bottom: 10px;
	zoom: 1
}

.update_time p {
	float: left;
	width: 33%
}

.update_time span {
	font-weight: 700;
	font-size: 14px
}

.update_time .colorspan {
	color: #ff7000
}

.rf a:hover {
	color: #fff;
	opacity: .7
}

.m_lookDetailBnt {
	padding: 6px 20px;
	border: 0;
	background: #4aae38;
	color: #fff;
	font-size: 15px;
	cursor: pointer
}

.m_product_content_list .m_lookDetailBnt {
	margin-top: 10px 10px 0 0
}

.con_product {
	padding: 20px;
	width: 60pc;
	background: #fff
}

.d_product {
	overflow: hidden;
	padding: 20px 10px;
	border-bottom: 1px solid #e7e7e7;
	zoom: 1
}

.d_product_img {
	float: left;
	width: 30%
}

.d_product_img img {
	width: 100%;
	height: 178px
}

.d_product_pro {
	float: left;
	margin-left: 30px;
	width: 66%
}

.d_product_pro .d_product_title {
	padding: 10px 0;
	color: #4aae38;
	font-size: 20px
}

.d_product_pro .d_product_time {
	overflow: hidden;
	padding-bottom: 10px;
	zoom: 1
}

.d_product_pro .d_product_time p {
	float: left;
	width: 33%
}

.d_product_pro .d_product_time span {
	font-weight: 700;
	font-size: 14px
}

.d_product_pro .d_product_time .colorspan {
	color: #ff7000
}

.d_info {
	padding: 20px 10px;
	border-bottom: 1px solid #e7e7e7
}

.d_detail_title {
	margin-bottom: 20px;
	font-weight: 700;
	font-size: 18px
}

.d_product_des {
	padding-bottom: 20px;
	font-size: 14px
}

.d_product_down a:hover {
	color: #fff;
	opacity: .7
}

.m_filter_content .dl .dt {
	display: inline-block;
	width: 50px;
	color: #333;
	vertical-align: top;
	text-align: right
}
/*CEO语录*/
.pr_key {
	padding: 10px 0;
	line-height: 2;
	border-bottom: 1px dotted #cecece;
	zoom: 1;
	overflow: hidden;
}

.pr_key .web_widht {
	overflow: hidden;
	background: #fff;
	width: 100%;
}

.pr_key li {
	position: relative;
	float: left;
	padding: 0 15px;
	border-left: 1px solid #f7f7f7;
	border-radius: 3px;
	cursor: pointer;
}

.pr_key li:hover {
	color: #fff;
	background: #97c740;
}

.pr_key .hover {
	border-radius: 3px;
	background: #97c740;
	color: #fff
}

.news_list .ceo_quo_list {
	position: relative;
	border-bottom: 1px dotted #cecece;
	padding: 2px 0;
	zoom: 1;
	overflow: hidden;
}

.ceo_quo_list_img {
	float: left;
	padding: 10px;
}

.ceo_quo_list .span_color {
	color: #ff7000;
	font-weight: 700;
}

.ceo_quo_list .ceo_zan_pl {
	position: absolute;
	right: 0;
	bottom: 10px;
}

.ceo_ptext {
	line-height: 2;
	margin-left: 220px;
	font-size: 14px;
}

.ceo_quo_list .ceo_zan_pl img {
	margin: 2px 5px 0 0;
}

.ceo_quo_list .ceo_pkey {
	position: absolute;
	left: 220px;
	bottom: 10px;
}

.ceo_quo_list .ceo_ptime {
	position: absolute;
	left: 380px;
	bottom: 10px;
}

.news_main .news_main_title {
	font-size: 15px;
	padding: 10px 0;
	line-height: 2;
}

.news_main .news_main_time {
	padding: 10px 0;
	font-size: 14px;
}

.news_main .news_main_time .time_p, .news_main .news_main_time .key_p {
	float: left;
	margin-right: 50px;
}

.news_main .news_main_time .label_p {
	float: left;
}

.news_main .news_main_des {
	padding: 10px 0;
	line-height: 2;
	font-size: 15px;
}

.news_main .news_main_pz {
	text-align: right;
	padding: 10px 0;
}

.news_main .news_main_pz img {
	margin: 2px 5px 0 0;
}

.news_main textarea, .comment textarea {
	width: 100%;
	border: 1px solid #afafaf;
	border-radius: 3px;
	color: #999;
	padding: 10px;
	font-size: 15px;
	font-family: 微软雅黑;
}

.plbutton span {
	padding: 10px 20px;
	background: #97C740;
	text-align: right;
	color: #fff;
	border-radius: 3px;
	cursor: pointer;
}

textarea::-webkit-input-placeholder {
	color: #999;
}

textarea:-moz-placeholder {
	color: #999;
}

textarea::-moz-placeholder {
	color: #999;
}

textarea:-ms-input-placeholder {
	color: #999;
}

.comment .comment-title {
	padding: 20px 0 0;
	font-size: 18px;
	font-weight: 700;
}

.comment .comment-title img {
	margin: 0px 10px 0 0;
}

.comment .comment-content {
	border-bottom: 1px dotted #cecece;
	padding: 20px;
}

.comment .comment-content .comment-tz {
	padding: 0 0 10px 0;
}

.comment .comment-content .comment-pz img {
	margin: 2px 5px 0 0;
}

.comment-answer {
	width: 98%;
	border-radius: 3px;
	border: 1px solid #ececec;
	padding: 10px;
	margin-left: 2%;
}

.no-comment {
	text-align: center;
	padding: 40px 0;
	font-size: 18px;
	font-weight: 700;
}

.childName {
	margin-left: 116px;
}
/*ceo语录搜索*/
div.search {
	position: relative;
	width: 25%;
	float: left;
}

.d2 input, .d2 button {
	border: none;
	outline: none;
	border-radius: 3px;
}

.d2 input {
	width: 100%;
	height: 42px;
	background: #F9F0DA;
	padding-left: 15px;
}


.d2 button {
	height: 26px;
	width: 26px;
	position: absolute;
	top: 8px;
	right: 8px;
	background: #F15B42;
	cursor: pointer;
}

.d2 button:before {
	content: "\f105";
	font-family: FontAwesome;
	color: #F9F0DA;
	font-size: 20px;
	font-weight: bold;
}
.line-height-30{
	line-height:30px;
}
.imaget-content{
	width: 33.333%;
	text-align: center;
	font-size: 18px;
	float: left;
	padding: 60px;
}
.imaget-content img{
	width:100%;
}
.jsjg{
	text-align:center;
	margin-bottom: 20px;
}
.main-second-title{
	margin-top: 10px;
    margin-bottom: 10px;
    color: #5790de;
    font-size: 24px;
    text-align:center;
    margin-bottom:12px
}
.main-contentbox-text p{
	text-align:center;
	 margin-bottom:12px
}
.api-img{
	width:400px;
}
.api-img2{
	width:800px;
}
.main_text_contentbox{
	padding-left: 146px;
	padding-right: 110px;
}
.zdaq-img{
	margin-bottom: 20px;
	padding-bottom: 30px;
	padding-right:50px;
}
.zdaq-txt{
	margin-top: 153px;
	padding-left: 50px;
	padding-right: 50px;
}
.h4-content-img{
	float: right;
    margin: 5px 0 0 20px;
    display: block;
    font-size: 22px;
    width: 75px;
    height: 75px;
    line-height: 60px;
    background-position: -72px -72px;
}
.h4-content-img-right  {
	float: left;
    margin: 5px 20px 0 0px;
    display: block;
    font-size: 22px;
    width: 75px;
    height: 75px;
    line-height: 60px;
    background-position: -72px -72px;
}
.circle {
    width: 22px;
    height: 22px;
    float: left;
    background: rgba(25, 91, 64, 1);
    border-radius: 11px;
    margin-top: 10px;
    margin-right:10px;
}
.circle-2 {
    width: 22px;
    height: 22px;
    float: left;
    background: #2097d4;
    border-radius: 11px;
    margin-top: 10px;
    margin-right:10px;
}
.f_mian_contentbox_tbox2 div {
    margin-top: 0px;
    margin-bottom: 10px;
    color: #333;
    font-size: 20px;
}
.f_mian_contentbox_tbox2{
	margin-bottom:20px;
}
.f_mian_contentbox_tbox2 h3{
	padding-left:5px
}
.f_mian_contentbox_tbox3 div {
    margin-top: 0px;
    margin-bottom: 10px;
    color: #333;
    font-size: 20px;
}
.f_mian_contentbox_tbox3{
	margin-bottom:20px;
	margin-left: 50px;
	margin-top:5px
}
.f_mian_contentbox_tbox3 h3{
	padding-left:23px
}
.decorate{
	display: inline-block;
    position: relative;
    width: 4px;
    height: 20px;
    top: 2px;
    box-shadow: 0px 3px 4px 0px rgba(255, 182, 0, 0.2);
    border-radius: 2px;
    background: #FFB600;
    left: -15px;
}
.f_main_content_img{
	width: 22px;
    display: inline-block;
    position: relative;
    left: -12px;
}
.fit-bottom{
	margin-bottom:20px;
}

.content-box.local span.icon1 {
	background-color: #21b06e;
	background-size: 60px;
	background-position: center;
	
}

.content-box.local .icon1{
	background: url(../images/pro/zzkk.png) no-repeat 0 0;
}
.content-box.local .icon2{
	background: url(../images/pro/aqhg.png) no-repeat 0 0;
}
.content-box.local .icon3{
	background: url(../images/pro/gcsp.png) no-repeat 0 0;
}
.content-box.local .icon6{
	background: url(../images/pro/xnkk.png) no-repeat 0 0;
}
.content-box.local .icon7{
	background: url(../images/pro/jslx.png) no-repeat 0 0;
}
.content-box.local .icon8{
	background: url(../images/pro/jzjy.png) no-repeat 0 0;
}

.content-box.local span.icon2 {
	background-color: #ab5de9;
	background-size: 60px;
	background-position: center;
}

.content-box.local span.icon3 {
	background-color: #f7774a;
	background-size: 60px;
	background-position: center;
}

.content-box.local span.icon6 {
	background-color: #fab400;
	background-size: 60px;
	background-position: center;
}

.content-box.local span.icon7 {
	background-color: #18b5f9;
	background-size: 60px;
	background-position: center;
}

.content-box.local span.icon8 {
	background-color: #92cf68;
	background-size: 60px;
	background-position: center;
}

.content-box.local span.icon1:hover {
	background-color: #000;
	background-size: 60px;
	background-position: center;
	cursor: pointer
}

.content-box.local span.icon2:hover {
	background-color: #000;
	background-size: 60px;
	background-position: center;
	cursor: pointer
}

.content-box.local span.icon3:hover {
	background-color: #000;
	background-size: 60px;
	background-position: center;
	cursor: pointer
}

.content-box.local span.icon6:hover {
	background-color: #000;
	background-size: 60px;
	background-position: center;
	cursor: pointer
}

.content-box.local span.icon7:hover {
	background-color: #000;
	background-size: 60px;
	background-position: center;
	cursor: pointer
}

.content-box.local span.icon8:hover {
	background-color: #000;
	background-size: 60px;
	background-position: center;
	cursor: pointer
}