@charset "utf-8";

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p {
	margin: 0;
	padding: 0
}

body {
	font-size: 12px;
	color: #434442;
	background: #fff
}

img {
	border: 0
}

a {
	outline: 0;
	text-decoration: none
}

ul {
	list-style: none
}

.fl {
	float: left
}

.fr {
	float: right
}

.clear {
	clear: both
}

.w1100 {
	width: 1100px;
	margin: 0 auto
}

.top10 {
	margin-top: 10px
}

.top30 {
	margin-top: 30px
}

.top {
	height: 103px;
	position: relative
}

.logo {
	position: absolute;
	top: 40px;
	left: 0
}

.nav {
	position: absolute;
	right: 70px;
	top: 40px
}

.ul_nav li {
	float: left;
	width: 100px;
	background: url(../images/nav_l.png) right 0 no-repeat;
	text-align: center;
	padding-right: 10px
}

.ul_nav li a {
	display: block;
	font-family: "宋体";
	font-size: 16px;
	color: #666;
	font-weight: bold
}

.ul_nav li em a {
	font-weight:normal !important;
	font-style:normal;
	color: #999;
	text-transform: uppercase;
	font-size:12px;
}

.ul_nav li.no_bg {
	background: 0
}

.yuyue {
	display: block;
	width: 64px;
	height: 84px;
	background: url(../images/yuyue.png) no-repeat;
	position: absolute;
	top: 0;
	right: 0
}

.wrap {
	height: 23px;
	line-height: 23px;
	background: #1f1837;
	color: #fff;
	font-size: 14px;
	font-family: "微软雅黑"
}

.wrap a {
	color: #f6c624
}

.flexslider {
	position: relative;
	/*height: 500px;*/
	overflow: hidden;
	/*background: url(../images/loader.gif) 50% #f7f3e8 no-repeat*/
}
.flexslider  img{ width:100%;}
.slides {
	position: relative;
	z-index: 1
}

.slides li {
	/*height: 500px*/
}

.flex-control-nav {
	position: absolute;
	bottom: 10px;
	z-index: 2;
	width: 100%;
	text-align: center
}

.flex-control-nav li {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0 2px;
	*display: inline;
	zoom: 1
}

.flex-control-nav a {
	display: inline-block;
	width: 12px;
	height: 12px;
	line-height: 40px;
	overflow: hidden;
	background: url(../images/dot.png) right 0 no-repeat;
	cursor: pointer
}

.flex-control-nav .flex-active {
	background-position: 0 0
}

.news_l {
	width: 325px;
	border: 1px solid #b2b2b2;
	height: 280px
}

.news_c {
	width: 370px;
	border: 1px solid #b2b2b2;
	height: 280px;
	margin-left: 35px
}

.news_r {
	width: 325px;
	border: 1px solid #b2b2b2;
	height: 280px
}

.news_ts {
	padding: 0 5px;
	position: relative;
	font-size: 18px;
	background: #fff;
	top: -10px;
	left: 75px
}

.news_box {
	padding: 5px 10px
}

.h_txt {
	width: 170px;
	line-height: 20px
}

.news_list li {
	line-height: 24px
}

.news_list li a:before {
	content: "> "
}

.news_list li a {
	font-size: 14px;
	color: #666;
	font-family: "微软雅黑"
}

.ico_list li {
	float: left;
	margin: 2px 10.5px 4px 10.5px;
}

.ico_list li img {
	opacity: .8
}

.ico_list li:hover img {
	opacity: 1
}

.case_t {
	height: 90px;
	line-height: 90px
}

.case_l {
	border-bottom: 1px solid #332a5a;
	font-size: 34px;
	color: #332a5a;
	text-align: right;
	width: 40%
}

.case_r {
	border-bottom: 1px solid #ccc;
	width: 60%;
	text-align: left;
	font-size: 16px;
	position: relative
}

.btn_yuyue {
	display: block;
	width: 64px;
	height: 84px;
	background: url(../images/yuyue.png) no-repeat;
	position: absolute;
	top: 0;
	right: 10%
}

.case_r span {
	padding-left: 30px
}

.slideTxtBox {
	text-align: left;
	background: #fffafa
}

.slideTxtBox .hd {
	width: 25%;
	background: #fff;
	padding-right: 10px;
	height: auto;
	position: relative
}

.slideTxtBox .hd ul li {
	cursor: pointer;
	height: 57px;
	padding-left: 15px;
	font-size: 16px;
	font-family: "微软雅黑";
	border: 1px solid #ccc;
	margin-bottom: 4px
}

.slideTxtBox .hd ul li em {
	display: block;
	padding-top: 10px;
	font-style: normal;
	text-transform: uppercase;
	color: #999;
	text-align: left;
	font-size: 12px
}

.slideTxtBox .hd ul li.on {
	background-color: #332a5a;
	color: #fff;
	border-color: #332a5a
}

.slideTxtBox .bd {
	width: 70%
}

.slideTxtBox .bd ul {
	zoom: 1;
	padding-top: 20px
}

.slideTxtBox .bd li {
	height: 290px;
	width: 176px;
	background: #f9fafc;
	float: left;
	margin-right: 22px
}

.slideTxtBox .bd li .date {
	float: right;
	color: #999
}

.imgbox {
	height: 165px;
	width: 176px
}

.imgtxt {
	height: 125px;
	width: 176px;
	text-align: center
}

.img_box {
	width: 530px
}

.img_txt {
	width: 190px;
	font-size: 14px;
	line-height: 30px;
	padding-right: 20px
}

.btn_yy {
	display: block;
	width: 158px;
	height: 32px;
	line-height: 32px;
	background: url(../images/info.jpg) #5fbf5f 30px no-repeat;
	color: #fff;
	margin: 0 auto
}

.imgtxt h3 {
	font-size: 16px;
	color: #666;
	font-weight: bold;
	padding: 20px 0 40px 0
}

.slideTxtBox2 {
	text-align: left
}

.slideTxtBox2 .hd {
	height: 30px;
	line-height: 30px;
	padding: 10px 10px 10px 20px;
	border-bottom: 1px solid #ccc;
	position: relative;
	font-size: 25px;
	color: #4f447c
}

.slideTxtBox2 .hd ul {
	text-align: center;
	position: relative
}

.slideTxtBox2 .hd ul li {
	cursor: pointer;
	text-align: center;
	display: inline;
	padding: 10px 30px
}

.slideTxtBox2 .hd ul li.on {
	height: 30px;
	border-bottom: 2px solid #332a5a
}

.slideTxtBox2 .bd ul {
	padding: 15px 0;
	zoom: 1
}

.slideTxtBox2 .bd li {
	height: 24px;
	line-height: 24px
}

.slideTxtBox2 .bd li .date {
	float: right;
	color: #999
}

.div1 {
	position: relative;
	margin: 0 auto;
	overflow: hidden
}

.div1 ul {
	height: 150px;
	position: relative
}

.div1 ul li {
	height: 150px;
	float: left;
	list-style: none;
	padding-right: 20px
}

.div1 ul li img {
	width: 200px;
	height: 150px;
	display: inline-block
}

.footer {
	background: #332a5a
}

.footer_t {
	height: 50px;
	line-height: 50px;
	color: #fff;
	text-align: center;
	border-bottom: 1px solid #504972;
	font-size: 14px
}

.footer_t a {
	color: #fff;
	padding: 0 5px
}

.footer_c {
	padding: 30px 0
}

.ewm_box {
	width: 26%; padding-right:7%;
	border-right: 1px solid #ccc; color:#fff; text-align:center; line-height:24px;
}

.copyright {
	width: 60%;
	text-align: left;
	color: #fff;
	line-height: 30px;
	font-size: 14px
}

.in_body {
	padding-bottom: 30px
}

.in_l {
	padding-right: 10px;
	width: 225px;
	background: url(../images/left_bg.png) 2px no-repeat;
	min-height: 650px
}

.in_l span {
	display: block;
	padding-left: 40px
}

.lm_box {
	width: 225px
}

.lm_t {
	height: 40px;
	line-height: 40px;
	color: #fff;
	padding-left: 0;
	font-size: 16px;
	color: #fff;
	font-family: "微软雅黑";
	background: url(../images/left_t.jpg) #504972 left no-repeat
}

.lm_c {
	padding-top: 10px;
	width: 215px
}

.lm_c ul li {
	background: url(../images/jt.png) left no-repeat
}

.lm_c li a {
	display: block;
	line-height: 40px;
	font-size: 16px;
	color: #666;
	font-family: "微软雅黑";
	margin-left: 14px
}

.lm_c li:hover a {
	color: #332a5a
}

.ctc_time {
	background: url(../images/time.png) left no-repeat;
	height: 50px;
	line-height: 50px
}

.ctc_tel {
	background: url(../images/tel.png) left no-repeat;
	height: 50px;
	line-height: 50px
}

.ctc_time span,.ctc_tel span {
	padding-left: 40px;
	font-size: 18px;
	font-weight: bold;
	color: #0b7bc3;
	border-top: 1px solid #ccc
}

.ab_box h3 {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #eee;
	padding: 16px 0;
	color: #666
}

.in_r {
	width: 860px
}

.right_lm_tit {
	border-bottom: 1px solid #ccc;
	height: 38px;
	line-height: 38px;
	text-align: right;
	font-size: 14px
}

.guid {
	background: url(../images/home.png) left no-repeat;
	padding-left: 25px
}

.guid a {
	color: #666
}

.right_lm_cnt {
	padding: 20px 10px
}

.ab_box {
	padding-right: 10px
}

.ab_box span {
	padding-left: 0
}

.ab_box a {
	color: #666
}

.list-r-1 {
	padding-bottom: 20px
}

.list-r-1 h1 {
	padding-bottom: 10px
}

.list-r-1 h1 a {
	color: #666
}

.list-r-1 p {
	font-size: 14px;
	line-height: 30px
}

.list-r-1 p a {
	color: #000
}

.content-four {
	width: 800px;
	margin: 0 auto;
	padding: 20px 10px;
	border-radius: 10px;
	background: #eee
}

.con-four {
	width: 180px;
	height: 220px;
	float: left;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	margin: 10px
}
.con-text{ line-height:30px; text-align:center;}
.con-text a{ font-size:16px; color:#444;}
.con-four img {
	width: 180px;
	height: 180px
}

.txt-four {
	position: absolute;
	left: -297px;
	top: 0;
	width: 100%;
	height: 138px;
	padding-top: 60px;
	line-height: 45px;
	text-align: center;
	color: #fff;
	background: rgba(0,0,0,0.6)
}

.txt-four h3 {
	font-weight: bold
}

.txt-four h3 a {
	color: #fff
}

.txt-four p {
	font-size: 14px;
	display: block;
	line-height: 20px
}

.classnews {
	text-align: left
}

.classnews li {
	_list-style: none;
	padding: 3px 0;
	border-bottom: dotted 1px #999;
	height: 30px;
	line-height: 30px;
	_height: 24px;
	_line-height: 24px;
	background: url(../images/jt.png) left no-repeat
}

.classnews li a {
	float: left;
	padding-left: 10px;
	color: #666
}

.classnews li a:hover {
	color: #ee9201
}

.classnews li span {
	color: #999;
	float: right;
	_letter-spacing: 2px
}

.page_info {
	text-align: center;
	padding-top: 10px;
	color: #333
}

.page_info span {
	padding: 0 2px;
	font-weight: bold
}

.page_list {
	height: 24px;
	line-height: 24px;
	text-align: center;
	letter-spacing: 0;
	font-family: "Arial Black";
	font-size: 10px;
	margin-top: 20px
}

.page_list a {
	display: inline-block;
	color: #898989;
	border: 1px solid #e8e8e8;
	background: #f8f8f8;
	text-align: center;
	padding: 0 8px;
	margin: 0 1px;
	border-radius: 5px
}

.page_list a:hover {
	color: #fff;
	border: 1px solid #898989;
	background: #898989
}

.page_list a.on {
	color: #fff;
	border: 1px solid #898989;
	background: #898989
}

.listConts {
	line-height: 26px;
	color: #666
}

.listConts .title {
	font-size: 20px;
	text-align: center;
	line-height: 20px;
	color: #666
}

.listConts .info {
	width: 380px;
	height: 27px;
	line-height: 28px;
	text-align: center;
	margin: 15px auto;
	border: 1px solid #ccc;
	border-left: none;
	border-right: 0;
	color: #666
}

.listConts .info small {
	margin-left: 8px;
	margin-right: 3px;
	color: #999;
	font-size: 12px
}

.listConts .info .small,.info .big {
	font-family: Georgia;
	font-weight: bold;
	cursor: pointer
}

.listConts .info .small {
	font-size: 10px;
	padding-right: 3px
}

.listConts .info .big {
	color: #003ba6;
	padding-left: 3px
}

.listConts .desc {
	margin: 20px 0 15px;
	padding: 5px 10px;
	line-height: 20px;
	border: 1px solid #f4e4b4;
	background: #fffff0
}

.listConts .showimg {
	margin: 20px 0;
	text-align: center
}

.listConts .showimg a img {
	border-radius: 3px
}

.listConts .conttitle {
	font-weight: bold;
	margin-bottom: 7px;
	color: #666;
	line-height: 24px;
	border-bottom: 1px solid #ddd;
	font-size: 14px
}

.listConts .author {
	text-align: right;
	color: #999
}

.preNext {
	position: relative
}

.preNext .line {
	height: 10px;
	overflow: hidden;
	clear: both;
	margin: 4px auto;
	padding-top: 10px
}

.preNext .line strong {
	display: block;
	width: 8px;
	height: 10px;
	overflow: hidden;
	font-size: 0;
	line-height: 100px;
	background: url(../images/box_dotline.gif) right -10px no-repeat;
	float: left
}

.preNext .text {
	color: #666
}

.preNext .text a {
	color: #444
}

.preNext .text a:hover {
	color: red
}

.preNext .actBox {
	position: absolute;
	top: 25px;
	right: 0
}

.preNext .actBox li {
	display: inline
}

.preNext .actBox li a {
	color: #666
}

.preNext .actBox li a:hover {
	color: red
}

.clear {
	clear: both
}

.product_list li {
	width: auto;
	float: left;
	margin: 10px 20px;
	border-radius: 3px
}

.product_list li a.img {
	width: 200px;
	height: 150px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	*display: block;
	*font-size: 125px;
	*font-family: Arial;
	border: 1px solid #ccc;
	overflow: hidden;
	border-radius: 3px
}

.product_list li a.img img {
	vertical-align: middle
}

.product_list li a.img:hover {
	border: 1px solid #fac22f
}

.product_list li p.info {
	width: 200px;
	line-height: 30px;
	text-align: center
}

.product_list li p.info span {
	font-family: Verdana;
	color: #76444a
}

.product_list li p.info a {
	color: #555
}

.page_info {
	text-align: center;
	letter-spacing: 2px
}

.page_info a {
	margin: 3px;
	font-size: 12px;
	font-weight: bold
}

.jobConts {
	line-height: 30px;
	color: #666
}

.jobConts .line {
	background: #ccc;
	height: 1px;
	overflow: hidden;
	font-size: 0;
	margin: 10px 0
}

.jobConts .jobdesc {
	background: #f5f5f5;
	padding: 10px;
	color: #333
}

.jobConts strong {
	color: #333
}
/*extra add*/
.xm_box{ height:300px; width:166px; background:#F9FAFC; float:left; margin-right:20px;}
.img-cover img{ width:166px; height:166px;}
h3.text-center{ text-align:center; line-height:40px;}
h3.text-center a{ font-size:18px; color:#333;}
.caption p{ line-height:30px;}
.caption a.yuyue_btn{ display:block; width:147px; height:32px; line-height:32px; background:#332A5A; color:#fff; text-align:center; margin:0 auto;}
.hover_ewm{ position:relative;}
.ewm_hover{ display:none; width:140px; height:140px; position:absolute; left:-10px; top:-10px; z-index:999; }
.hover_ewm:hover .ewm_hover{ display:block;}
.nomargin{ margin-right:0px !important;}