﻿/* CSS Document */

* {
	margin: 0;
	padding: 0px;
}
.head {
	width: 100%;
	margin: 0 auto;
}
.On {
	width: 100%;
	height: 40px;
	background: #5d5d58;
	color: #fff;
}
.In {
	width: 100%;
	height: 106px;
	background: #fff;
}
.cent {
	width: 1200px;
	height: auto;
	margin: 0 auto;
	font-size: 12px;
}
.left {
	width: auto;
	height: auto;
	float: left;
	line-height: 40px;
}
.left a {
	font-size: 12px;
	color: #fff;
}
.right {
	width: auto;
	height: auto;
	float: right;
	line-height: 40px;
}
.gn {
	font-size: 12px;
}
.im1 {
	width: 8px;
	height: 14px;
	padding-right: 5px;
}
.im2 {
	width: 16px;
	height: 15px;
	padding-right: 5px;
}
.im3 {
	width: 14px;
	height: 14px;
	padding-right: 5px;
}
.right a {
	font-size: 12px;
	color: #fff;
	padding-left: 5px;
	padding-right: 5px;
}
.cent_1 {
	width: 1200px;
	height: auto;
	margin: 0 auto;
}
.logo {
	width: auto;
	height: auto;
	float: left;
	clear: both;
}
.right_1 {
	width: auto;
	height: auto;
	float: right;
	padding-top: 40px;
}
.right_2 {
	width: 140px;
	height: 50px;
	float: right;
	padding-left: 42px;
	padding-top: 45px;
	background:url(../images/tel-logo.png) 0px 38px no-repeat;
	font-size:18px;
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", Arial, serif;
	color:#333333;
}
.Un {
	width: 100%;
	height: 44px;
	background: #f7f7f7;
	/*background: #574846;
	background: #009943;*/
	border-top: 1px solid #eee;
}
.cent_2 {
	width: 1200px;
	margin: 0 auto;
}
.nav >li {
	float: left;
	position: relative;
}
.nav >li> a {
	width: 150px;
	color: #333;
	text-align: center;
	display: block;
	height: 44px;
	line-height: 44px;
}
.oLi>a {
	/*background: url(../images/er.png) no-repeat 123px center*/
}
.nav>li >a:hover {
	background: #8A8A8A;
	color: #fff
}
.nav .oLi>a:hover {
	background: #8A8A8A url(../images/erhover.png) no-repeat 123px center
}
.nav .active {
	background: #8A8A8A url(../images/erhover.png) no-repeat 123px center;
	color: #fff
}
.submenu {
	position: absolute;
	left: 0;
	top: 44px;
	z-index: 10;
	background: rgba(247,247,247,.9);
	display: none
}
.submenu a {
	width: 150px;
	color: #333;
	font-size:12px;
	text-align: center;
	display: block;
	height: 36px;
	border-bottom:1px solid #8a8a8a;
	line-height: 36px;
}
.submenu a:hover {
	background: rgba(0,0,0,.6);
	color: #fff;
	border-bottom:none;
}
.sea {
	width: 200px;
	height: auto;
	float: right;
}
.input {
	width: 180px;
	height: 40px;
	margin-top: 7px;
	border: 1px solid #ddd;
}
.banner {
	width: 100%;
	height: 535px;
	position: relative
}
.oban {
	width: 100%;
	height: 535px;
	position: absolute;
	left: 0;
	top: 0
}
.oban_bottom {
	position: absolute;
	left: 0;
	top: 448px;
	width: 100%;
	overflow: hidden;
	background: url(../images/banner_by_02.png) repeat-y top right;
	height: 87px;
}
.oban_nav {
	width: 1024px;
	height: 87px;
	overflow: hidden;
	line-height: 22px;
}
.oban_nav li {
	padding: 20px 0 0 0;
	height: 67px;
	width: 128px;
	overflow: hidden;
	float: left;
	position: relative
}
.li_menu {
	position: absolute;
	top: 20px;
	right: 0;
	display: block
}
.oban_nav li p {
	padding: 0 20px;
	width: 447px;
	color: #fff;
	margin-right: 109px;
}
.oban_nav li img {
	position: absolute;
	top: 0;
	right: 0
}
.before {
	position: relative;
}
.ban_btn {
	position: absolute;
	top: 200px;
	height: 60px;
	width: 100%;
	z-index: 9
}
.ban_btn .prep, .ban_btn .next {
	background: url(../images/banner_btn.png) no-repeat;
	width: 60px;
	height: 60px;
	cursor: pointer
}
.ban_btn .prep {
	float: left
}
.ban_btn .next {
	float: right;
	background-position: -60px 0
}
.cont {
	width: 100%;
	height: auto;
}
.shang {
	width: 100%;
	height: 365px;
	border-bottom: 1px solid #ddd;
}
.cent_3 {
	width: 1200px;
	height: 365px;
	margin: 0 auto;
}
.tcfm {
	width: 765px;
	height: 317px;
	margin-top: 21px;
	float: left;
}
.title {
	width: 226px;
	height: 40px;
}
.title dd {
	width: 111px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border: 1px solid #ddd;
	background: #fff;
	float: left;
	cursor: pointer
}
.title .active {
	background: #9a9a9a;
	color: #fff
}
.tcfm_1 {
	width: 111px;
	height: 40px;
	border: 1px solid #ddd;
	background: #9a9a9a;
	float: left;
}
.tcfm_1 a {
	font-size: 16px;
	color: #fff;
	line-height: 40px;
	display: block;
	text-align: center;
}
.zdfm {
	width: 111px;
	height: 40px;
	border: 1px solid #ddd;
	background: #fff;
	float: right;
}
.zdfm a {
	font-size: 16px;
	color: #333;
	display: block;
	line-height: 40px;
	text-align: center;
}
.tab {
	width: 765px;
	height: 260px;
	margin-top: 15px;
	position: relative
}
#right_to {
	position: absolute;
	right: 15px;
	top: 80px;
	cursor: pointer
}
.wrap {
	width: 715px;
	height: 260px;
	overflow: hidden;
	position: relative
}
.wrap ul {
	width: 1000px;
	position: absolute;
	left: 0px;
	top: 0
}
.wrap li {
	width: 345px;
	height: 260px;
	border: 1px solid #ddd;
	float: left;
	position: relative;
	margin-right: 22px;
}
.wrap li span {
	display: block;
	width: 100%;
	height: 33px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(174,174,174,0.5);
	line-height: 33px;
	text-align: center;
	color: #fff
}
.wrap .meng {
	width: 240px;
	height: 155px;
	position: absolute;
	background: rgba(0,0,0,0.7);
	top: 0;
	left: 0;
	padding: 105px 0 0 105px;
}
.wrap .meng h3 {
	display: none;
	width: 137px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	background: rgba(255,255,255,0.7);
}
.wrap .meng a {
	display: block;
	width: 69px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #fff;
	margin: 30px 0 0 30px;
	background: #cd0909;
	opacity: 0;
 filter:alpha(opacity:0)
}
.gywm {
	width: 433px;
	height: 317px;
	margin-top: 21px;
	float: right;
}
.title_1 {
	width: auto;
	height: 51px;
}
.xhg {
	width: 30px;
}
.fo {
	width: 100px;
}
.fo a {
	font-size: 16px;
	color: #333;
}
.tab_2 {
	height: 212px;
	background: #f3f3f3;
	padding: 25px 20px;
	position: relative
}
.gsjj {
	width: 380px;
	height: 120px;
}
.gsjj li {
	width: 105px;
	padding-left: 4px;
}
.gsjj li a {
	display: block;
	width: 105px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	border-bottom: 1px solid #d3d3d3
}
.gsjj li:hover .bychange {
	color: #fff;
	border-bottom: 1px solid #e5e5e5
}
.gsjj li:hover {
	background: url(../images/bychange_03.png) no-repeat;
}
.tab_2 p {
	font-size: 12px;
	margin-top: 12px;
	line-height: 22px;
}
.gsjj .active {
	background: url(../images/bychange_03.png) no-repeat;
	color: #fff
}
.color1 {
	color: #fff
}
.see_detail {
	position: absolute;
	width: 83px;
	height: 23px;
	display: block;
	right: 20px;
	bottom: 25px;
	background: url(../images/more_03.png)
}
.clear {
	clear: both;
}
.xia {
	width: 100%;
	height: 192px;
}
.cent_4 {
	width: 1200px;
	height: 192px;
	margin: 0 auto;
}
.on {
	width: 1200px;
	height: 45px;
	position: relative
}
.on:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 2px;
	background: #cd0909;
	content: ''
}
.zuo {
	width: 70px;
	height: auto;
	float: left;
}
.xt {
	width: auto;
	height: auto;
}
.zi {
	height: 48px;
	line-height: 48px;
	font-size: 16px;
	color: #333;
}
.you {
	width: 69px;
	height: auto;
	float: right;
	margin-top: 12px;
}
.you img {
	cursor: pointer
}
.prep_btn, .next_btn {
	width: 31px;
	height: 31px;
	border-radius: 50%;
	cursor: pointer
}
.prep_btn {
	float: left;
	background: url(../images/toleft.png) no-repeat #6e6e6e
}
.next_btn {
	float: right;
	background: url(../images/toright.png) no-repeat #cd0909
}
.un {
	width: 1200px;
	height: 115px;
	float: left;
}
.zuo_1 {
	width: 735px;
	padding-right: 32px;
	height: 115px;
	border-right: 1px solid #c7c7c7;
	float: left;
}
.zxz {
	width: 185px;
	height: 115px;
	float: left;
}
.zxy {
	width: 529px;
	height: 115px;
	float: right;
}
.date {
	width: 100px;
	height: 25px;
}
.date a {
	font-family: Arial;
	font-size: 12px;
	color: #185095;
}
.tit {
	width: auto;
	height: 30px;
}
.tit a {
	font-size: 14px;
	color: #4d4d4d;
}
.news a {
	font-size: 12px;
	color: #666;
}
.you_1 {
	width: 432px;
	height: 115px;
	float: right;
	overflow: hidden;
	position: relative;
}
.you_1 ul {
	padding-left: 32px;
	position: absolute;
	top: 0px;
	left: 0;
}
.you_1 li {
	margin-bottom: 15px;
}
.you_1 li a {
	color: #185095;
}
.on_1 {
	width: auto;
	height: 50px;
}
.jt {
	width: 300px;
	height: 20px;
}
.jt a {
	font-family: Arial;
	font-size: 14px;
	color: #185095;
}
.da {
	font-size: 12px;
	color: #4d4d4d
}
.da a {
	font-size: 12px;
	color: #4d4d4d;
}
.un_1 {
	width: auto;
	height: 50px;
}
.foot {
	width: 100%;
	height: 155px;
	margin: 0 auto;
}
.par {
	width: 100%;
	background-color:#40312f;
	position: relative;
	overflow: hidden
}
.zuo_2 {
	padding-top:15px;
	padding-bottom:30px;
	color:#fff;
	font-size:13px;
}

.zuo_2 a{
	display:inline;
	margin-right:25px;
	color:#c7c7c7;
	font-size:12px;	
}
.zuo_2 a:hover{color:#fff;}
.frends {
	width: 883px;
	height: 40px;
	background: #cd0909;
	position: absolute;
	left: 54%;
	top: 0
}
.top_fan {
	width: 122px;
	text-align: center;
	line-height: 40px;
	height: 40px;
	text-align: center;
	color: #fff;
	background: url(../images/to_fan.png) no-repeat 114px center;
	cursor: pointer
}
.frends ul {
	position: absolute;
	left: 0;
	overflow: hidden;
	top: 40px;
	opacity: 0;
 filter:alpha(opacity:0);
	height: 0;
	overflow: hidden
}
.frends ul {
	background: #fff
}
.frends ul li {
	width: 122px;
	text-align: center;
	line-height: 18px;
	height: 18px;
	text-align: center;
	color: #fff;
	border-bottom: 1px solid #ddd
}
.foo {
	width: 100%;
	height: 180px;
	background-color:#2b2120;
}
.cente {
	width: 1200px;
	height: 112px;
	margin: 0 auto;
}
.folo {
	float:left;
	width: 900px;
	height: 45px;
	padding: 37px 0px 33px 0px;
}
.zuo_3 {
	width: 200px;
	height: auto;
	float: left;
}
.zuo_3 span{padding-top:10px; color:#ff0; font-size:14px; padding-left:30px;}
.you_3 {
	width: 650px;
	height: auto;
	float: right;
	font-size:12px;
	color: #c7c7c7;
	line-height: 21px;
}
.you_3 a {
	color: #c7c7c7;
}
.you_3 a:hover{color:#ff0;}

.qccode{width:300px; float:right; padding-top:16px;}
.qccode p{color:#c7c7c7; padding-left:15px; font-size:12px;}
/********************************首页**********/



.ban {
	width: 100%;
	height: 225px;
}
.cen {
	width: 1200px;
	height: auto;
	margin: 0 auto;
	background: url(../images/border.png) repeat-y;
}
.lef {
	width: 185px;
	height: auto;
	float: left;
}
.xwzx {
	height: 185px;
	background: url(../images/xwz_03.png) top center no-repeat;
	border-bottom: 1px solid #e3e3e3;
	border-left: 1px solid #e3e3e3;
}
.xwzx a {
	font-size: 24px;
	color: #333;
	line-height: 185px;
	text-align: center;
	display: block;
}
.ulli {
}
.ulli ul {
	line-height: 45px;
}
.ulli ul li {
	height: 46px;
	overflow: hidden;
}
.ulli ul li a {
	display: block;
	height: 45px;
	font-size: 14px;
	color: #333;
	padding-left: 15px;
	border-bottom: 1px solid #e3e3e3;
}
.ulli ul li a:hover {
	background: #8A8A8A;
	color: #fff
}
.ulli ul li .active {
	background: #8A8A8A;
	;
	color: #fff
}
.ulli ul li.activee {
	background: #BFBFBF;
	color: #fff
}
.ulli ul li ol li a {
	padding-left: 60px;
}
.ulli ul li ol li a:hover {
	background: #BFBFBF;
	color: #fff
}
.ul_li {
	cursor: pointer
}
.rig {
	width: 975px;
	
	height: auto;
	float: right;
	margin-bottom: 50px;
}
.gsxw {
	width: 975px;
	height: 90px;
}
.zuo_4 {
	height: auto;
	float: left;
	margin-top: 25px;
}
.a1 {
	width: 60px;
	height: 4px;
}
.fon {
	height: 20px;
	margin-top: 5px;
}
.fon a {
	font-size: 18px;
	color: #525252;
}
.you_4 {
	width: auto;
	height: 20px;
	float: right;
	margin-top: 50px;
}
.you_4 a {
	font-size: 12px;
	color: #333;
	padding: 0px 5px 0px 5px;
}
.you_4 a:hover {
	font-size: 12px;
	color: #ff0000;
	padding: 0px 5px 0px 5px;
}
.mo {
	width: 975px;
	min-height: 400px;
    height: 100%;
    _height: 400px;
}
.le {
	width: 460px;
	height: 190px;
	float: left;
	border: 1px solid #ddd;
	background: #fbfbf9;
	margin: 0px 25px 25px 0px;
}
.li {
	width: 435px;
	height: 135px;
	margin: 23px 15px 28px 22px;
}
.bt {
	width: 380px;
	height: 23px;
}
.bt a {
	font-size: 16px;
	color: #333;
}
.bt a:hover{color:#ff0000;}
.nr {
	width: 430px;
	height: 50px;
	margin-top: 10px;
	font-size: 14px;
	color: #333;
}
.nr a{ line-height:120%;}
.sj {
	width: 160px;
	height: 23px;
	margin-top: 8px;
	margin-bottom: 8px;
	font-size: 12px;
	color: #999999;
}
.ck {
	margin-top: 12px
}
.ck a {
	width: 91px;
	height: 23px;
	font-size: 14px;
	color: #fff;
	display: block;
	text-align: center;
	line-height: 23px;
	background: url(../images/36_03.png) top center no-repeat;
}
.ck a:hover{background: url(../images/36_04.png) top center no-repeat;}
/********************************新闻中心**********/

.bann {
	width: 100%;
	height: 225px;
	background: url(../images/cpzx_02.png) top center no-repeat;
}
.xia1 {
	width: 975px;
	height: auto;
}
.xia1 ul li {
	width: 282px;
	height: 286px;
	float: left;
	/*padding: 22px 14px;*/
	padding: 11px 11px 24px 11px;
	border: 1px solid #dddddd;
	position: relative;
	float: left;
	margin: 0 18px 18px 0;
	overflow:hidden;
}
.xia1 ul li:after {
	content: '';
	position: absolute;
	width: 35px;
	height: 1px;
	left: 13px;
	bottom: 25px;
	background: #000;
	transition:0.3s ease-out;
	-ms-transition:0.3s ease-out;
	-o-transition:0.3s ease-out;
	-moz-transition:0.3s ease-out;
	-webkit-transition:0.3s ease-out;

}
.xia1 ul li a{}
.xia1 ul li a img{transition: all 0.6s; display:block;}
.xia1 ul li a img:hover{transform: scale(1.2);}
.xia1 ul li h3 {
	color: #505558;
	background: url(../images/52_03.png) no-repeat 257px center;
	/*position:relative;*/
	padding-left:0px;
	margin-top: 30px;
	transition:0.3s ease-out;
	-ms-transition:0.3s ease-out;
	-o-transition:0.3s ease-out;
	-moz-transition:0.3s ease-out;
	-webkit-transition:0.3s ease-out;
}
.xia1 ul li h3:hover{padding-left:35px; color:#ff0000; background: url(../images/52_07.png) no-repeat left center;}
.xia1 ul li:hover:after{left:320px;}
/*
@keyframes myfirst
{
0%   {left:0px; color:#333;}
25%  {left:30px; color:#7eb2eb;}
50%  {left:90px; color:#ff0000;}
100% {left:0px; color:#333;}
}

@-moz-keyframes myfirst 
{
0%   {left:0px; color:#333;}
25%  {left:30px; color:#7eb2eb;}
50%  {left:90px; color:#ff0000;}
100% {left:0px; color:#333;}
}

@-webkit-keyframes myfirst 
{
0%   {left:0px; color:#333;}
25%  {left:30px; color:#7eb2eb;}
50%  {left:90px; color:#ff0000;}
100% {left:0px; color:#333;}
}

@-o-keyframes myfirst 
{
0%   {left:0px; color:#333;}
25%  {left:30px; color:#7eb2eb;}
50%  {left:90px; color:#ff0000;}
100% {left:0px; color:#333;}
}*/
/*.xia1 ul li h3:hover{color:#5a342b;background: url(../images/52_04.png) no-repeat 257px center;}*/
.xia1 ul li p {
	font-size: 12px;
	color: #666666;
}
.fccv1 {
	width: 300px;
	height: 375px;
	border: 1px solid #ddd;
	float: left;
	margin: 0px 23px 25px 0px;
}
.waibju {
	width: 265px;
	height: 95px;
	margin-top: 255px;
	margin-left: 13px;
}
.fccv1zi {
	width: 235px;
	height: 25px;
}
.zuozi {
	width: auto;
	height: auto;
	float: left;
}
.zuozi a {
	font-size: 14px;
	color: #20568a;
}
.yjtou {
	width: auto;
	height: auto;
	float: right;
}
.fccv1nr {
	width: auto;
	height: auto;
}
.fccv1nr a {
	font-size: 12px;
	color: #666;
}
.show_content {
	min-height: 628px;
	margin-top: 20px;
}
.show_content p {
	margin-top: 20px;
}
.show_content img{max-width:100%; margin:0 auto;}
.meng {
	display: none
}
/********************************产品中心**********/

.kuang {
	width: auto;
	height: 355px;
}
.zuo_5 {
	width: 465px;
	height: 350px;
	max-height:410px;
	float: left;
	border: 1px solid #ddd;
	margin-bottom:25px;
	overflow:hidden;
}
.zuo_5 a img{ -moz-transition: all .6s;
	-webkit-transition: all .6s;
	-o-transition: all .6s;
	transition: all .6s;}
.zuo_5 a img:hover{ transform:scale(1.2);}
.jddw {
	position: relative;
	padding-top: 170px;
	padding-left: 30px;
}
.xddw {
	position: absolute;
	padding-top: 170px;
	padding-left: 360px;
}
.you_5 {
	width: 480px;
	height: 350px;
	float: right;
}
.title_2 {
	width: 480px;
	height: 60px;
	border-bottom: 1px solid #ddd;
}
.title_2 a {
	width: 480px;
	line-height: 45px;
	font-size: 24px;
	color: #333;
	display: block;
}
.conte {
	width: 480px;
	height: 145px;
	border-bottom: 1px solid #ddd;
}
.conte a {
	width: 480px;
	height: 115px;
	font-size: 14px;
	color: #333;
	line-height: 25px;
	padding-top: 15px;
	display: block;
}
.zxzx {
	margin-top: 32px;
}
.zxzx a {
	display:block;
	width:100px;
	height:50px;
	border-radius:6px;
	background-color:#7f7f7f;
	font-size: 16px;
	color: #fff;
	line-height: 48px;
	text-align: center;
}
.zxzx a:hover{background-color:#5a342b;}
/****tab**/





#menu {
	width: 975px;
	height: auto;
	margin-top: 30px;
}
#menu #na {
	display: block;
	width: 100%;
	height: 39px;
	padding: 0;
	margin: 0;
	list-style: none;
	border-bottom: 1px solid #ddd;
}
#menu #na li {
	float: left;
	width: 157px;
	height: 38px;
	border: 1px solid #e3e3e3;
	background: #f5f5f5;
	color: #333;
}
#menu #na li a {
	display: block;
	line-height: 37px;
	text-decoration: none;
	padding: 0 0 0 5px;
	text-align: center;
	color: #333;
	font-size: 14px;
	cursor: pointer
}
#menu #na li a:hover {
	/*font-size: 14px;
	color: #074ba0;*/
}
#menu_con {
	width: 975px;
	height: auto;
}
.tag {
	width: 975px;
	height: auto;
	margin-top: 35px;
}
.tag a {
	font-size: 14px;
	color: #333;
}
.selected {
	background: #fff;
	color: #40312f;
	border-bottom: 2px solid #eb0f30;
	font-size: 14px;
}
/****tab**/

/***********************产品详情**/

.banner_1 {
	width: 100%;
	height: 225px;
	background: url(../images/rlzy_04.png) top center no-repeat;
}
.hello {
	width: 975px;
	height: 82px;
	border: 1px solid #ddd;
	margin-top:25px;
}
.dianhua {
	width: 935px;
	height: 45px;
	margin: 22px 24px 17px 18px;
}
.lianxifs {
	width: 500px;
	height: 45px;
	float: left;
}
.lianxifs a {
	font-size: 14px;
	color: #333;
}
.youxiang {
	width: 242px;
	height: 38px;
	float: right;
	background-color:#5a342b;
}
.youxiang a {
	font-size: 14px;
	color: #fff;
	line-height: 38px;
	text-align: center;
	display: block;
}
.zwxx {
	width: 975px;
	min-height:400px;
	height:100%;
	_height:400px;
	margin-top: 23px;
}
.yaoqiu {
	width: 975px;
	height: 48px;
	border-top: 2px solid #ff6600;
	background: #f4f7fc;
}
.kuan {
	width: 294px;
	height: 48px;
	display: block;
	float: left;
	text-align: center;
	line-height: 48px;
	font-size: 14px;
	color: #333;
	border-right: 1px solid #fff;
}
.yaoqiu ol li {
	width: 134px;
	height: 48px;
	display: block;
	float: left;
	border: 1px solid #fff;
}
.yaoqiu ol li a {
	width: 134px;
	height: 48px;
	display: block;
	line-height: 48px;
	text-align: center;
	font-size: 14px;
	color: #333;
}
.zhiwei {
	width: 975px;
	height: 48px;
	border-bottom: 1px solid #ddd;
}
/***********************人力资源**/

.banner_2 {
	width: 100%;
	height: 225px;
	background: url(../images/lxwm_02.png) top center no-repeat;
}
.zuoyou {
	width: 975px;
	height: 390px;
}
.diqiu {
	width: 333px;
	height: 390px;
	float: left;
}
.dizhi {
	width: 615px;
	height: 390px;
	float: right;
}
.yantai {
	width: 613px;
	height: 90px;
}
.center {
	width: 430px;
	height: 115px;
}
.kowov {
	width: 420px;
	height: 160px;
	margin-top: 10px;
}
.yantai {
	width: 566px;
	height: 90px;
	border-bottom: 2px solid #ddd;
}
.zhongwen {
	width: 270px;
	height: auto;
	line-height: 43px;
}
.zhongwen a {
	font-size: 22px;
	color: #333;
	padding-top: 10px;
}
.yingwen {
	width: auto;
	height: 35px;
	border-bottom: 3px solid #555555;
}
.yingwen a {
	font-size: 14px;
	color: #333;
}
.center a {
	font-size: 14px;
	color: #333;
}
.aweima {
	padding-left: 18px;
	padding-top: 10px;
}
.dlwz {
	width: auto;
	height: 73px;
	background: url(../images/dit_03.png) top center no-repeat;
}
.dlwz a {
	font-size: 14px;
	color: #074ba0;
	line-height: 73px;
	padding-left: 54px;
	display: block;
}
.ditu {
	height: 400px;
}
/*页码*/

#pages {
	padding-left: 375px
}
#pages a, #pages span {
	display: block;
	float: left;
	height: 33px;
	width: 21px;
	line-height: 33px;
	text-align: center;
}
#pages .pages_num {
	display: none
}
#pages .pages_btn {
	height: 33px;
	width: 33px;
	line-height: 33px;
	text-align: center;
}
#pages .pages_prev {
	background: url(../images/pre_03.png) no-repeat
}
.pages_next {
	background: url(../images/next_05.png) no-repeat
}
/*留言*/

#message {
	width: 600px;
	margin: 40px auto
}
#message td {
	border: 1px solid #dddddd;
	text-align: center
}
#message input {
	width: 400px;
	height: 40px;
}
#message  input#validate{width: 100px;height: 40px; margin-right:35px; border-left:1px solid #ccc; border-right:1px solid #ccc;}
#message textarea {
	width: 400px;
	height: 300px;
	resize: none
}
.xinxi {
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
#message #reset, #message #submit {
	width: 100px;
	height: 30px;
	float: left;
	margin-left: 100px;
	cursor: pointer
}

#message table tr td font{font-size:18px;}



/*产品规格*/





#warpmeng {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.75);
	z-index: 10;
	top: 0;
	left: 0;
	display: none
}
.showimg {
	padding: 20px;
	overflow-y: auto;
	width: 950px;
	height: 600px;
	background: #fff;
	margin: 40px auto
}
.showimg h2 {
	text-align: center;
	height: 30px;
	line-height: 30px;
	display: none
}
.showimg img {
	display: none;
}
.more_img {
	width: 150px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	text-align: center;
	background: #F20A31;
	display: block;
	cursor: pointer;
}
#prenext {
	position: fixed;
	top: 30%;
	height: 50px;
	width: 100%;
	z-index: 11;
	display: none
}
#prenext span {
	display: block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	cursor: pointer;
	border-radius: 50%;
	color: #fff;
	font-size: 25px;
	text-align: center;
	-moz-transition: all .2s;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}
#prenext span:hover {
	background-color: #F20A31;
	animation: btnGropus 1s linear;
	-webkit-animation: btnGropus 1s linear;
}
#prenext .before {
	float: left;
	background: #666 url(../images/icons.png) no-repeat center center;
}
#prenext .after {
	float: right;
	background: #666 url(../images/icons2.png) no-repeat center center;
}
#guige {
	display: none
}
/*修改*/
#about{padding:30px 0px 75px 0px; min-height:400px; height:100%; _height:400px;}
#about p {
	margin-top: 10px;
}
#rongyu li {
	border: 1px solid #D2D2D2;
	height: 322px;
	width: 302px;
	float: left;
	margin: 0 20px 20px 0
}
#rongyu li img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}
#rongyu li a {
	padding: 10px;
}
#rongyu li h3 {
	height: 40px;
	padding-top: 10px;
}
#rongyu li span {
	display: block;
	background: #D0D0D0;
	line-height: 30px;
	width: 80px;
	height: 30px;
	color: #fff;
	float: right;
	font-size: 12px;
	text-align: center
}
#rongyu li span img {
	vertical-align: -2px;
	padding-left: 10px;
}
#rongyu li a:hover {
	box-shadow: 0 0 1px #F00;
}
.li_img {
	width: 280px;
	height: 220px;
	text-align: center;
	vertical-align: center
}
/*荣誉资质*/

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */

.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}
.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}
.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.fancybox-opened {
	z-index: 8030;
}
.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
	position: relative;
}
.fancybox-inner {
	overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}
.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}
.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../images/fancybox_sprite.png');
}
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}
#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../images/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}
.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../images/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}
.fancybox-prev {
	left: 0;
}
.fancybox-next {
	right: 0;
}
.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}
.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}
.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}
.fancybox-nav:hover span {
	visibility: visible;
}
.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}
/* Overlay helper */



.fancybox-lock {
	overflow: hidden !important;
	width: auto;
}
.fancybox-lock body {
	overflow: hidden !important;
}
.fancybox-lock-test {
	overflow-y: hidden !important;
}
.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../images/fancybox_overlay.png');
}
.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}
.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}
/* Title helper */



.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}
.fancybox-opened .fancybox-title {
	visibility: visible;
}
.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}
.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}
.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}
.fancybox-title-inside-wrap {
	padding-top: 10px;
}
.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}



/*Retina graphics!*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../images/fancybox_sprite@2x.png');
	background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
}
#fancybox-loading div {
	background-image: url('../images/fancybox_loading@2x.gif');
	background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
}
}
.left_oban {
	position: absolute;
 height:;
	width: 1000px;
	height: 87px;
	right: 50%;
	top: 0;
}
.oban_left {
	background: #474747;
	margin-right: 500px;
	height: 87px;
	width: 500px;
}
 @-webkit-keyframes btnGropus {
 0% {
 -webkit-transform:scale(1.2, 0.8)
}
 1% {
 -webkit-transform:scale(1.18, 0.82)
}
 2% {
 -webkit-transform:scale(1.16, 0.84)
}
 3% {
 -webkit-transform:scale(1.13, 0.87)
}
 4% {
 -webkit-transform:scale(1.1, 0.9)
}
 5% {
 -webkit-transform:scale(1.07, 0.93)
}
 6% {
 -webkit-transform:scale(1.04, 0.96)
}
 7% {
 -webkit-transform:scale(1.01, 0.99)
}
 8% {
 -webkit-transform:scale(0.99, 1.01)
}
 9% {
 -webkit-transform:scale(0.97, 1.03)
}
 10% {
 -webkit-transform:scale(0.95, 1.05)
}
 11% {
 -webkit-transform:scale(0.94, 1.06)
}
 12% {
 -webkit-transform:scale(0.93, 1.07)
}
 13% {
 -webkit-transform:scale(0.93, 1.07)
}
 14% {
 -webkit-transform:scale(0.93, 1.07)
}
 15% {
 -webkit-transform:scale(0.93, 1.07)
}
 16% {
 -webkit-transform:scale(0.94, 1.06)
}
 17% {
 -webkit-transform:scale(0.94, 1.06)
}
 18% {
 -webkit-transform:scale(0.95, 1.05)
}
 19% {
 -webkit-transform:scale(0.96, 1.04)
}
 20% {
 -webkit-transform:scale(0.98, 1.02)
}
 21% {
 -webkit-transform:scale(0.99, 1.01)
}
 22% {
 -webkit-transform:scale(1, 1)
}
 23% {
 -webkit-transform:scale(1, 1)
}
 24% {
 -webkit-transform:scale(1.01, 0.99)
}
 25% {
 -webkit-transform:scale(1.02, 0.98)
}
 26% {
 -webkit-transform:scale(1.02, 0.98)
}
 27% {
 -webkit-transform:scale(1.02, 0.98)
}
 28% {
 -webkit-transform:scale(1.03, 0.97)
}
 29% {
 -webkit-transform:scale(1.03, 0.97)
}
 30% {
 -webkit-transform:scale(1.02, 0.98)
}
 31% {
 -webkit-transform:scale(1.02, 0.98)
}
 32% {
 -webkit-transform:scale(1.02, 0.98)
}
 33% {
 -webkit-transform:scale(1.02, 0.98)
}
 34% {
 -webkit-transform:scale(1.01, 0.99)
}
 35% {
 -webkit-transform:scale(1.01, 0.99)
}
 36% {
 -webkit-transform:scale(1.01, 0.99)
}
 37% {
 -webkit-transform:scale(1, 1)
}
 38% {
 -webkit-transform:scale(1, 1)
}
 39% {
 -webkit-transform:scale(1, 1)
}
 40% {
 -webkit-transform:scale(0.99, 1.01)
}
 41% {
 -webkit-transform:scale(0.99, 1.01)
}
 42% {
 -webkit-transform:scale(0.99, 1.01)
}
 43% {
 -webkit-transform:scale(0.99, 1.01)
}
 44% {
 -webkit-transform:scale(0.99, 1.01)
}
 45% {
 -webkit-transform:scale(0.99, 1.01)
}
 46% {
 -webkit-transform:scale(0.99, 1.01)
}
 47% {
 -webkit-transform:scale(0.99, 1.01)
}
 48% {
 -webkit-transform:scale(0.99, 1.01)
}
 49% {
 -webkit-transform:scale(1, 1)
}
}
 @keyframes btnGropus {
 0% {
 transform:scale(1.2, 0.8)
}
 1% {
 transform:scale(1.18, 0.82)
}
 2% {
 transform:scale(1.16, 0.84)
}
 3% {
 transform:scale(1.13, 0.87)
}
 4% {
 transform:scale(1.1, 0.9)
}
 5% {
 transform:scale(1.07, 0.93)
}
 6% {
 transform:scale(1.04, 0.96)
}
 7% {
 transform:scale(1.01, 0.99)
}
 8% {
 transform:scale(0.99, 1.01)
}
 9% {
 transform:scale(0.97, 1.03)
}
 10% {
 transform:scale(0.95, 1.05)
}
 11% {
 transform:scale(0.94, 1.06)
}
 12% {
 transform:scale(0.93, 1.07)
}
 13% {
 transform:scale(0.93, 1.07)
}
 14% {
 transform:scale(0.93, 1.07)
}
 15% {
 transform:scale(0.93, 1.07)
}
 16% {
 transform:scale(0.94, 1.06)
}
 17% {
 transform:scale(0.94, 1.06)
}
 18% {
 transform:scale(0.95, 1.05)
}
 19% {
 transform:scale(0.96, 1.04)
}
 20% {
 transform:scale(0.98, 1.02)
}
 21% {
 transform:scale(0.99, 1.01)
}
 22% {
 transform:scale(1, 1)
}
 23% {
 transform:scale(1, 1)
}
 24% {
 transform:scale(1.01, 0.99)
}
 25% {
 transform:scale(1.02, 0.98)
}
 26% {
 transform:scale(1.02, 0.98)
}
 27% {
 transform:scale(1.02, 0.98)
}
 28% {
 transform:scale(1.03, 0.97)
}
 29% {
 transform:scale(1.03, 0.97)
}
 30% {
 transform:scale(1.02, 0.98)
}
 31% {
 transform:scale(1.02, 0.98)
}
 32% {
 transform:scale(1.02, 0.98)
}
 33% {
 transform:scale(1.02, 0.98)
}
 34% {
 transform:scale(1.01, 0.99)
}
 35% {
 transform:scale(1.01, 0.99)
}
 36% {
 transform:scale(1.01, 0.99)
}
 37% {
 transform:scale(1, 1)
}
 38% {
 transform:scale(1, 1)
}
 39% {
 transform:scale(1, 1)
}
 40% {
 transform:scale(0.99, 1.01)
}
 41% {
 transform:scale(0.99, 1.01)
}
 42% {
 transform:scale(0.99, 1.01)
}
 43% {
 transform:scale(0.99, 1.01)
}
 44% {
 transform:scale(0.99, 1.01)
}
 45% {
 transform:scale(0.99, 1.01)
}
 46% {
 transform:scale(0.99, 1.01)
}
 47% {
 transform:scale(0.99, 1.01)
}
 48% {
 transform:scale(0.99, 1.01)
}
 49% {
 transform:scale(1, 1)
}
}
.gongcheng {
	width: 975px;
	height: auto;
}
.gongcheng li {
	width: 472px;
	height: 388px;
	margin: 0 24px 33px -11px;
	border: 1px solid #ddd;
	float: left;
	overflow:hidden;
}
.gongcheng li a img{max-height:272px; overflow:hidden; display:block; margin:0 auto;}
.gongcheng h3 {
	height: 81px;
	position: relative;
	padding: 37px 25px 0 25px;
	background: url(../images/bot_03.jpg) no-repeat 409px center;
	font-size: 10px;
}
.gongcheng h3:before {
	width: 37px;
	height: 1px;
	background: #dddddd;
	position: absolute;
	left: 25px;
	top: 23px;
	content: '';
}
.gongcheng h3 em {
	display: block;
	position: absolute;
	left: 50%;
	top: -26px;
	width: 0;
	height: 0;
	border-color: transparent transparent #fff transparent;
	border-style: solid;
	border-width: 13px;
}
.gongcheng h3 span:hover{color:#ff0000;}
.gongcheng .g_gthy {
	margin-bottom: 20px;
}
.gongcheng .g_cont {
	width: 975px;
	height: 342px;
	border: 1px solid #ddd;
}
.gongcheng .g_conts {
	width: 945px;
	height: 234px;
	margin: 17px 10px 29px 15px;
}
.gongcheng .g_left {
	width: 262px;
	height: 235px;
	float: left;
}
.gongcheng .shang {
	width: 260px;
	height: 113px;
	margin-bottom: 10px;
	background: url(../images/bg1.jpg) left 66px no-repeat #f2f2f2;
}
.gongcheng .dlhy {
	display: block;
	font-family: "微软雅黑";
	font-size: 24px;
	color: #0e74ae;
	font-weight: bold;
	text-align: center;
	padding-top: 24px;
}
.gongcheng .ckxq {
	display: block;
	font-family: "微软雅黑";
	font-size: 16px;
	color: #fff;
	text-align: center;
	padding-top: 20px;
}
.gongcheng .xia {
	width: 265px;
	height: 112px;
}
.gongcheng .xia img {
	padding-right: 2px;
	padding-bottom: 2px;
	float: left;
}
.gongcheng .g_right {
	width: 675px;
	height: 235px;
	float: right;
}
.gongcheng .g_right img {
	padding-right: 7px;
	padding-bottom: 7px;
	float: left;
}
.gongcheng .g_contx {
	width: 945px;
	height: 40px;
	margin-left: 17px;
	background: url(../images/hengg_03.jpg) no-repeat;
}
.gongcheng .g_contx span {
	width: 905px;
	float: left;
}
.gongcheng .g_contx p {
	width: 820px;
	float: left;
	padding-top: 15px;
}
.gongcheng .g_contx p a {
	padding-right: 25px;
	font-family: "微软雅黑";
	font-size: 16px;
	color: #333;
}
.gongcheng .g_djck {
	float: right;
	padding-top: 5px;
	padding-right: 13px;
	font-family: "微软雅黑";
	font-size: 16px;
	color: #333;
}
.gongcheng .g_contx img {
	float: right;
}
.gongcheng .g_gthy {
	margin-top: 22px;
}
.page {
	clear: both;
	height: 30px;
	margin: 20px;
	overflow: hidden;
	margin-left: 0px;
}
.mbbody_body .page {
	margin-left: 20px;
}
.page ul {
}
.page ul li {
	float: left;
	border: 1px solid #ccc;
	padding: 2px 9px;
	margin: 0 3px;
	line-height: 20px;
	background: #fff;
}
.page ul li.thisclass {
	display: inline-block;
	border: 1px solid #1f82b7;
	padding: 2px 9px;
	margin: 0 3px;
	background: #1c82b7;
	color: #fff;
}
.page ul li.thisclass a {
	color: #fff;
}
.page ul li a:hover {
	color: #1f9652;
}
.page ul li span {
	display: inline-block;
	padding: 0;
}
.pages {
	padding: 30px 0 30px;
	text-align: center
}
.pages li {
	display: inline;
	margin: 0 2px;
	font-size: 12px
}
.pages li.thisclass, .pages a:hover {
	padding: 3px 8px;
	border: 1px solid #666;
	background: #666;
	color: #fff;
	text-decoration: none
}
.pages a {
	padding: 3px 8px;
	border: 1px solid #CCC;
	background: #fff;
	color: #A4A4A4;
	line-height: 18px;
	font-size: 12px
}
.navshaw{width:100%; height:3px; background:url(../images/navshaow.png) left top repeat-x; float:left; z-index:2; position:relative;}

/*-----------------ligbhtbox--------------------------*/
#jquery-overlay {position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height:560px;}
#jquery-lightbox {position: absolute;top: 0;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#lightbox-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;height: 100%;zoom: 1;display: block;}
#lightbox-nav-btnPrev { left: 0; float: left;}
#lightbox-nav-btnNext { right: 0; float: right;}
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em; overflow: auto;width: 100%;padding: 0 10px 0;}
#lightbox-container-image-data {padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em;}			
#lightbox-secNav-btnClose {width: 66px; float: right;padding-bottom: 0.7em;	}

#gallery { border:1px solid #ccc; padding:20px 0; margin:20px auto;width:774px; height:520px; overflow:hidden;}
#gallery ul li{ float:left; width:242px; margin-left:12px; display:inline; }
#gallery ul img {width:240px; height:161px; border:1px solid #7a7979; cursor:pointer;}
#gallery ul a:hover img {border:1px solid #c00;}
#gallery ul a:hover { color: #fff; }
#gallery ul a:hover { color: #fff; }
#gallery .atitle{color:#acacac; padding-top:5px; text-align:center; line-height:20px; width:100%; margin-bottom:5px; display:block;}
#gallery .atitle:hover{ color:#f60;}

.testpic{ float:left; width:33.33%; display:block; box-sizing:border-box; padding:15px;}
.testpic img{width:100%; border-radius:12px;}