@charset "utf-8";

/* reset*/
*{ margin:0; padding:0;outline:none; -webkit-font-smoothing: antialiased;}

img{  border:none;}
input,textarea{border:none; background:none; font-size:14px; vertical-align:middle;font-family:"微软雅黑",Microsoft YaHei;}
select{font-size:14px; vertical-align:middle; cursor:pointer; font-family:"微软雅黑",Microsoft YaHei;}
ul,ol,dl,dt,dd,li,h1,h2,h3,h4,h5,h6{ list-style:none; text-decoration:none; font-size:16px;line-height: 1.6;}
a{text-decoration:none; blr:expression(this.onFocus=this.blur()); outline: none; color:#2D2D2D; transition:all 0.4s ease;-webkit-transition: transition:all 0.4s ease;-moz-transition: transition:all 0.4s ease;-ms-transition: transition:all 0.4s ease;-moz-transition: transition:all 0.4s ease; }
a:hover{text-decoration:none; color: #006eb9;}
em,i{ font-style:normal;}
a:focus,input,select,area{outline:none; blr:expression(this.onFocus=this.blur());}
.clearfix{ *zoom:1; }
.clearfix:after{ content:"\200B"; display: block; clear: both; height: 0;}
:before{ transition:all 0.6s ease;-webkit-transition: transition:all 0.6s ease;-moz-transition: transition:all 0.6s ease;-ms-transition: transition:all 0.6s ease;-moz-transition: transition:all 0.6s ease;}
.inner{width:1200px;margin:0 auto;}

.container{width:1200px;margin:0 auto;}


/*main*/
.main{  }




/**=====================  内页  =========================**/

.inbanner{height:320px;}



#main {
	padding: 30px 0;
	/*background: url(../images/m_bj.jpg);*/
	color: #333;
	min-height:500px;
	width:100%;
	float:left
}

.copyright{float:left}
.links{float:left}
.sidebar {
	float: left;
	width: 240px;
/* background:#2d2d2d; */
}

.sidebar .s-name {
	background: #212121;
	color: #FFFFFF;
	height: 48px;
	line-height: 48px;
	text-align: center;
	font-size: 26px;
	font-family: Tahoma, Geneva, sans-serif;
}

ul#menu1, ul#menu1 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

ul#menu1 a {
	display: block;
	text-decoration: none;
}

ul#menu1 li {
	margin-top: 2px;
	position: relative;
}

ul#menu1 li a {
	background: #2269d3;
	color: #ffffff;
	padding-left: 1.2em;
	padding-top: 1em;
	padding-bottom: 1em;
}

ul#menu1 li span a{
	color: #545454;
	background:#e0e0e0;
	padding-left: 1.8em;
	font-size:13px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

ul#menu1 li span a:hover{
	text-decoration:underline;
    background:#dedede;
    color:#2269d3
}

ul#menu1 li a:hover {
	background: #154a9a;
	color: #fff
}

ul#menu1 li #sub li a {
	background: #444;
	color: #c7c6c6;
	padding-left: 30px;
	padding-top: 0.5em;
	padding-bottom: 0.5em
}

ul#menu1 li ul li {
}

ul#menu1 li #sub li a:hover,ul#menu1 li ul .current a {
	background: #3c3c3c;
	color: #febd17;
	border-left: 5px #febd17 solid;
	padding-left: 15px;
}

.column {
	padding-top: 20px;
}

.column h3 {
	padding-bottom: 6px;
	color: #2269d3;
	font-size:18px;
	background: url(../images/bolang.png) left bottom no-repeat;
	margin-bottom: 8px;
}

.column li {
	border-bottom: 1px dotted #bdbdbd;
	padding-top: 10px;
	padding-bottom: 8px;
}

.column li a {
	color: #4a4a4a;
	line-height: 24px;
}

.column li a:hover {
	color: #febd17;
}

.hotproduct {
	padding-top: 20px;
}

.hotproduct h3 {
	padding-bottom: 6px;
	color: #2269d3;
	font-size:18px;
	background: url(../images/bolang.png) left bottom no-repeat;
	margin-bottom: 15px;
	margin-top: 10px;
}

.hotproduct li {
	border-bottom: 1px dotted #9c9c9c;
	padding-top: 12px;
	padding-bottom: 8px;
	padding: 20px 0;
	float: left;
}

.hotproduct li dd {
	float: Left;
	width: 40%;
	margin-right: 8px;
}

.hotproduct li h4 {
	color: #333;
	width: 50%;
	float: left;
	line-height: 1.2em;
	/* padding-top: 10px; */
	font-weight: 500;
}

.hotproduct li h4:hover {
	color: #febd17
}

.hotproduct li  p {
	color: #7d7d7d;
	line-height: 24px;
	float: left;
	font-size: 14px;
}

.hotproduct li dd img {
	max-width: 100%;
	float:left;
}

.hotproduct li a {
	color: #bdbdbd;
}

.main-right {
	float: right;
	width: 920px;
}

.main-right .location {
	width: 100%;
	height: 36px;
	font-size: 14px;
	border-bottom: 1px solid #e0e0e0;
	line-height: 24px;
	color: #666;
}

.main-right .location a {
	color: #565656
}

.main-right .location a:hover {
	color: #febd17
}

.main-right h1 {
	font-size: 24px;
	line-height: 60px;
	color: #2269d3;
	/* text-transform:uppercase; */
}
.main-right .content{line-height: 2em;}


/**======= 新闻  =======**/

.met-news-list ul li {
	border-bottom: 1px dotted #525252;
	margin-top: 30px;
	padding-bottom: 20px;
	margin-bottom: 10px;
	width: 100%;
	float: left;
}

.met-news-list ul li .media-left {
	padding-right: 20px;
	float: left;
	width: 240px;
}

.met-news-list ul li .media-left a img {
	max-width: 100%;
}

.met-news-list ul li .media-body {
	overflow: hidden;
}

.met-news-list ul li .media-body .red {
	color: #c10;
}

.met-news-list ul li .media-body a {
	color: #2269d3;
}

.met-news-list ul li .media-body h4 a {
	font-size: 16px;
	/* font-weight: lighter; */
	color: #000000;
}

.met-news-list ul li .media-body h4 a:hover {
	color: #154a9a;
}

.met-news-list ul li .media-body .des {
	font-size: 14px;
	font-weight: lighter;
	color: #8a8a8a;
}

.met-news-list ul li .media-body .info span {
	font-size: 12px;
	font-weight: lighter;
	color: #636363;
}

.new_tit {
/* border-bottom:1px solid #484848; */
	padding-bottom: 15px;
	margin-bottom: 10px;
	color: #8a8a8a;
	overflow: hidden;
	text-align: left;
}

.new_tit h1 {
	float: left;
	width: 100%;
	font-size: 24px;
	color: #333;
	margin: 20px 0 14px 0;
	line-height: 48px;
	text-align: center;
}

.new_tit span {
	float: left;
	margin-right: 10px;
}

.new_zy {
	text-align: center;
	color: #5f5f5f
}

.new_page {
        width:100%;
	overflow: hidden;
	padding-top: 30px;
}

.new_page p {
	padding: 10px 20px;
	border: 1px solid #6d6d6d;
	border-radius: 1000px;
	float: left;
	margin-right: 40px;
}

.new_page p:hover {
	border: 1px solid #f4b416;
}

.new_page p:hover a {
	color: #f4b416;
}

.new_page p:hover b {
	color: #f4b416;
}

.new_page a {
	color: #888;
}

.new_prev {
	float: left;
}

.new_next {
	float: right;
}


.relatenew{
	width:100%;float:left;padding:30px 0;
}

.relatenew h4{
	font-size:18px;
	padding-bottom:12px;
}

.news_list li{
	float:left;
	width:46%;
	padding-right:4%;
	line-height:2em;
}


.picdetail{text-align:center;padding-top:30px;}
.picdetail img{max-width:100%;;}


/*===============产品===============*/

.product-list ul {
	width: 100%;
	float: Left;
}

.product-list ul li {
	border-radius: 5px;
	width: 285px;
	height: 240px;
	float: left;
	/* margin-left: 5px; */
	margin-right: 20px;
	margin-bottom: 30px;
	background: #ffffff;
	text-align: center;
	position: relative;
	/* border:3px solid #fff; */
}

.product-list ul li ii {
	position: absolute;
	top: 4px;
	right: 0;
	left: 4px;
	width: 200px;
	/* height: 298px; */
}

.product-list ul li a {
/* border:1px solid #dedede; */
}

.product-list ul li img {
	width: 275px;
	height: 190px;
	margin-top: 10px;
}

.product-list ul li p {
	text-align: center;
	font-size: 14px;
	float:left;
	color: #5d5d5d;
	/* line-height: 35px; */
	background:#fff;
	width:100%;
	/* padding-top: 7px; */
	height: 42px;
	/* margin-top:18px; */
}

.product-list ul li h3 {
	font-weight:normal;
	font-size:16px;
	text-align: center;
	color: #000000;
	float:left;
	width:100%;
	/* margin-top:15px; */
	background:#ffffff;
	line-height:32px;
	height:32px;
}

.product-list ul li span {
	margin: 0 auto;
	text-align: center;
	display: block;
	background: #444444;
	width: 160px;
	height: 32px;
	color: #febd17;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 32px;
}

.product-list ul a:hover li span {
	background: #febd17;
	color: #080808;
}

.product-list ul a:hover li ii {
	/*border: 1px solid #5d5337; */
}

.product-list ul a:hover li {
	box-shadow:0px 2px 15px #d4d4d4;
	 
}


.p-images {
	width: 430px;
/* height:400px; */
	float: left;
/* border: 1px solid #353535; */
	margin-top: 40px;
}

.sp-loading {
	text-align: center;
	max-width: 270px;
	padding: 15px;
	border: 5px solid #eee
	border-radius: 3px;
	font-size: 12px;
	color: #888;
}



/* Element wrapper */



.sp-wrap {
	display: none;
	line-height: 0;
	font-size: 0;
	/* background: #eee; */
	/* border: 5px solid #eee; */
	border-radius: 3px;
	position: relative;
	margin: 0 25px 15px 0;
	float: left;
	/**************
	  Set max-width to your thumbnail width
	***************/
	max-width: 430px;
}



/* Thumbnails */

.sp-thumbs {
	margin-top: 30px;
	text-align: left;
	display: inline-block;
}

.sp-thumbs img {
	min-height: 50px;
	min-width: 50px;
	max-width: 50px;
}

.sp-thumbs a:link, .sp-thumbs a:visited {
	width: 50px;
	height: 50px;
	margin-left: 10px;
	overflow: hidden;
	opacity: .3;
	display: inline-block;
	background-size: cover;
	background-position: center;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.sp-thumbs a:hover {
	opacity: 1;
}



/* Styles for the currently selected thumbnail */



.sp-thumbs a:active, .sp-current {
	opacity: 1!important;
	position: relative;
}

/* Image currently being viewed */


.sp-large {
	position: relative;
	overflow: hidden;
	top: 10px;
	left: 10px;
}

.sp-large a img {
	width: 360px;
}

.sp-large a {
	display: block;
}



/* Panning Zoomed Image */



.sp-zoom {
	position: absolute;
	left: -50%;
	top: -50%;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
	display: none;
}

/* Lightbox */



.sp-lightbox {
	position: fixed;
	z-index:99999;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, .9);
}

.sp-lightbox img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	max-width: 90%;
	max-height: 90%;
	border: 2px solid #fff;
}

#sp-prev, #sp-next {
	position: absolute;
	top: 50%;
	z-index: 501;
	box-sizing: border-box;
	margin-top: -25px;
	padding: 14px;
	width: 50px;
	height: 50px;
	border: 2px solid #fff;
	border-radius: 25px;
	background: #000;
	color: #fff;
	text-decoration: none;
	transition: .2s;
}

#sp-prev {
	left: 10px;
}

#sp-prev:before {
	position: absolute;
	top: 16px;
	left: 7px;
	border: 7px solid transparent;
	border-right: 15px solid #fff;
	content: '';
}

#sp-next {
	right: 10px;
}

#sp-next:before {
	position: absolute;
	top: 16px;
	left: 18px;
	border: 7px solid transparent;
	border-left: 15px solid white;
	content: '';
}

#sp-prev:hover, #sp-next:hover {
	background: #444;
}

.p-gaishu {
	float: left;
	margin-top: 60px;
	padding-left: 40px;
	width: 440px;
}

.p-gaishu .inquiry{
	background:#f59e00;
	padding:5px 20px;;
	margin:12px 0;
	float:left;
	border:1px solid #2f2f2f;
	color:#333
}

.p-gaishu .inquiry:hover{
	background:#2269d3;
	color:#fff
}

.next_product {
	overflow: hidden;
	padding-top: 20px;
	width:100%;
}

.next_product p {
	padding: 5px 15px;
	border: 1px solid #6d6d6d;
	border-radius: 5px;
	float: left;
	margin-right: 40px;
}

.next_product p b{
font-weight:normal
}

.next_product p:hover {
	border: 1px solid #2269d3;
	background:#2269d3;
	color:#fff;
}

.next_product p:hover a {
	color: #ffffff;
}

.next_product p:hover b {
	color: #ffffff;
}

.next_product a {
	color: #888;
}

.descrp{
	width:100%;
	float:left;
}

.p-gaishu h1 {
	color: #154a9a;
	font-size: 22px;
	line-height: 24px;
}

.p-gaishu h3 {
	color: #777777;
	font-weight: normal;
	font-size: 16px;
	line-height: 46px;
}

.p-detail {
	float: left;
	margin-top: 30px;
	width: 100%;
}

.p-detail h3 {
	float: left;
	width: 100%;
	border-bottom: 1px solid #464646;
	font-size: 18px;
	line-height: 46px;
}

.p-gaishu .tabs {
	position: relative;
	float: left;
	margin-top: 15px;
	padding-top: 25px;
	width: 100%;
	border-top: 1px solid #424242;
	list-style: none;
	text-align: left;
}

.p-gaishu .tabs li {
	float: left;
	display: block;
}

.descrp h4 {
	padding: 12px 0px;
	color: #585858;
}

.descrp-w {
	line-height: 1.8em;
}

#example-two .list-wrap {
	margin: 0 0 15px 0;
	padding: 10px;
	border-top: 1px solid #c3c3c3;
}

#example-two ul {
	list-style: none;
}

#example-two ul li a {


	display: block;
	padding: 4px;
	border-bottom: 1px solid #666;
	color: #666;
}

#example-two ul li a:hover {
	background: #333;
	color: #4e4e4e;
}

#example-two ul li:last-child a {
	border: none;
}

#example-two .nav {
	overflow: hidden;
}

#example-two .nav li {
	float: left;
	margin: 0 10px 0 0;
	width: 128px;
}

#example-two .nav li.last {
	margin-right: 0;
}

#example-two .nav li a {
	display: block;
	padding: 5px;
	border: 0;
	background: #dadada;
	color: #080808;
	text-align: center;
	font-size: 14px;
}

#example-two li a.current,#example-two li a.current:hover {
	background-color: #2269d3 !important;
	color: white;
}

#example-two .nav li a:hover, #example-two .nav li a:focus {
	background: #6d6d6d;
	color: #fff;
}

.dm {
	margin-top: 20px;
	padding: 0 10px;
	/* height:35px; */
	border-bottom: 1px solid #615d5d;
	color: #1a3b8c;
	font-weight: bold;
	font-size: 16px;
	line-height: 35px;
}

.wzxq {
	float: Left;
	width: 100%;
}

.wzxq strong {
	color: #cacaca;
	font-size: 12px;
}

.wzxq li {
	float: inherit;
	margin-bottom: 0;
	margin-left: 30px;
	border: none;
	color: #333;
	list-style-position: inside;
	list-style-type: disc;
	font-size: 12px;
}

.likecp li {
	float: left;
	margin-top: 20px;
	margin-right: 25px;
	margin-bottom: 25px;
	margin-left: 0;
	width: 180px;
	list-style: none;
	border-radius:5px;
	background:#fff;
}

.likecp li:hover {

	box-shadow:0px 0px 10px #d0d0d0;

}

.likecp li .pic {
	margin: 0 auto;
	margin-top: 15px;
	width: 160px;
	height: 160px;
}

.likecp li .pic img {
	width: 160px;
	height: 160px;
}

.likecp li .name {
	margin-top: 10px;
	padding: 0 12px;
	text-align: center;
	font-size: 14px;
	line-height: 18px;
}

.likecp li .name a {
	color: #333333;
}

.likecp li .brief {
	overflow: hidden;
	margin-top: 5px;
	padding: 0 15px;
	color: #555;
	text-align: center;
	font-size: 12px;
}

.likecp li .price {
	margin-top: 10px;
	padding: 0 15px;
}

.likecp li .price .more {
	display: inline-block;
	margin-bottom: 15px;
	margin-left: 30px;
	width: 94px;
	height: 33px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #000;
	color: #fff;
	text-align: center;
	line-height: 33px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
}

.likecp li .price .more:hover {
	background: #febd17;
	text-decoration: none;
}



.cscont{
	margin: 50px 0px 0px;
}
.cscont ul{
	animation: fadeIn .3s;
	-webkit-animation: fadeIn .3s;
	padding-bottom: 30px;
}
.cscont ul .col-md-4{
	width:48%;
	position: relative;
	min-height: 1px;
	padding-right: 20px;
	float: left;
	}
.cscont ul li{
	margin-bottom: 30px;

}
.cscont ul li a{
	display: block;
	color: #000;
}
.cscont ul li a section{
	background: url(../images/csjt.png) right center no-repeat;
	background-size: 40px auto;
	transition: .3s;
}
.cscont ul li a:hover section{
	background: url(../images/csjtn.png) right center no-repeat;
	background-size: 40px auto;
	margin: 0px 10px;
}
.cscont ul li a big{
	display: block;
	font-size: 20px;
	/* line-height: 36px; */
	font-weight: normal;
	margin: 10px 0px 0px;
}
 .cscont ul li a span{
	display: block;
	font-size: 14px;
	line-height: 32px;
	color: #999;
}
.cscont ul li a i{
	display: block;
	position: relative;
	overflow: hidden;
	font-style: normal;
}
 .cscont ul li a i img{
 	width: 100%;
	transition: .3s;
}
 .cscont ul li a:hover i img{
	transform: scale(1.05);
	
}
.cscont ul li a i:before{
	content: "";
	display: block;
	width: 0;
	height: 10px;
	background: #ff5104;
	position: absolute;
	top: 0;
	left: 0;
	transition: .3s;
	z-index: 7;
}
.cscont ul li a:hover i:before{
	width: 100%;
}
.cscont ul li a i:after{
	content: "";
	display: block;
	width: 10px;
	height: 0;
	background: #ff5104;
	position: absolute;
	top: 0;
	right: 0;
	transition: .3s;
	z-index: 7;
}
.cscont ul li a:hover i:after{
	height: 100%;
}
 .cscont ul li a i b:before{
	content: "";
	display: block;
	width: 10px;
	height: 0;
	background: #ff5104;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: .3s;
	z-index: 7;
}
.cscont ul li a:hover b:before{
	height: 100%;
}
.cscont ul li a i b:after{
	content: "";
	display: block;
	width: 0;
	height: 10px;
	background: #ff5104;
	position: absolute;
	bottom: 0;
	right: 0;
	transition: .3s;
	z-index: 7;
}
.cscont ul li a:hover b:after{
	width: 100%;
}
.cscont ul li a b p{
	display: flex;
	align-items: center;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.5);
	z-index: 6;
	transition: .3s;
	position: absolute;
	font-weight: normal;
	font-size: 16px;
	justify-content: center;
	color: #fff;
	opacity: 0;
}
.cscont ul li a:hover b p{
	opacity: 1;
}
.cscontt{
	margin:50px 0px 0px;
}
.cscontt ul{
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.cscontt ul li{
	width: 18%;
	margin-right: 2.5%;
	margin-bottom: 35px;
	cursor: pointer;
}
.cscontt ul li:nth-child(4n+0){
	margin-right: 0;
}
.cscontt ul li section{
	position: relative;
}
.cscontt ul li i{
	display: block;
	padding: 45px 20px 70px;
	background: url(../images1/phbg.png) 0px no-repeat;
	background-size: 100% 100%;
	height: 520px;
}
.cscontt ul li i img{
	width: 100%;
	height: 100%;
}
.cscontt ul li section span{
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	align-content: flex-end;
	-webkit-align-content: flex-end;
	justify-content: center;
	-webkit-justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.3);
	/* border-radius: 38px; */
	transition: .3s;
	opacity: 0;
}
 .cscontt ul li:hover section span{
	opacity: 1;
}
.cscontt ul li section span big{
	display: block;
	width: 58%;
}
.cscontt ul li section span p{
	width: 100%;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	margin: 65px 0px;
}
.cscontt ul li section span a{
	display: block;
	color: #fff;
	font-weight: bold;
	font-size: 1.8rem;
}
 .cscontt ul li section span a:hover{
	text-decoration: underline;
}
.cscontt ul li section span small{
	display: block;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 1.4rem;
	line-height: 30px;
	padding-bottom: 5px;
}
 .cscontt ul li h3{
	text-align: center;
	color: #333;
	font-weight: bold;
	font-size: 1.6rem;
	margin: 5px 0px 0px;
	line-height: 30px;
}




/*===============分页===============*/

.pageinfor {
	float: left;
	overflow: hidden;
	padding: 20px 10px;
	padding-right: 35px;
	font-size: 14px;
}

.pageinfor {
}

.pageinfor span {
	float: left;
	margin: 0 10px;
	line-height: 24px;
	padding: 5px 0;
}

.pageinfor a {
	float: left;
	margin-right: 10px;
	list-style: none;
}

.pageinfor li:last-child {
	margin-right: 0px;
}

.pageinfor a {
	float: left;
	display: block;
	padding: 4px 8px;
	border: 1px solid #636363;
	border-radius: 3px;
	text-align: center;
	font-size: 12px;
	font-family: "arial";
}

.pageinfor  a:link,.pageinfor a:visited {
	color: #555555;
	text-decoration: none;
	font-size: 12px;
}

.pageinfor a:hover {
	background: #febd17;
	color: #000;
}

.pageinfor .c {
	margin-top: 6px;
	color: #b5b5b5;
}




/*------------在线留言-------------------*/



.message_title {
	float: left;
	padding: 15px 15px;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 18px;
}

.guestbook_table {
	margin: 0 auto;
	width: 80%;
}

.message_body tr {
	float: left;
	margin: 10px 10px;
	width: 640px;
}

.guestbook_table input {
    /* float: right; */
    margin: 20px 10px 10px 0;
    height: 42px;
    border: 1px solid #999;
    color: #bbbbbb;
    text-indent: 1em;
    font-size: 16px;
    line-height: 36px;
}

.guestbook_table .form_text {
	width: 500px;
}

.form_textarea {
    /* float: right; */
    margin-top: 10px;
    width: 500px;
    height: 240px;
    border: 1px solid #999;
    color: #8a8a8a;
    text-indent: 1em;
    font-size: 14px;
    line-height: 24px;
}

.message_body tr th {
	float: left;
	padding-right: 10px;
	width: 100px;
	text-align: right;
}

.code_image {
}

.message_body tr td {
	position: relative;
	float: left;
}

.guestbook_table .form_button {
	float: left;
	margin: 10px 65px;
	width: 500px;
	height: 46px;
	border: 1px solid #202020;
	background: #febd17;
	color: #8a8a8a;
	color: #000;
	text-indent: 0.1em;
	font-size: 14px;
	font-size: 16px;
	line-height: 46px;
}

.guestbook_table .form_button:hover {
	background: #d05d00;
}



#gallery-overlay {background-color:#000;}
#gallery {background:#fff url(../images/loading.gif) center 100px no-repeat; color:#999; display:none; height:200px;margin:0 auto; position:relative; width:300px; box-shadow:0 0 64px #000; -moz-box-shadow:0 0 64px #000; -webkit-box-shadow:0 0 64px #000;}
#gallery-image-container {display:none; height:100%;}
#gallery-loading {padding:8px;}
#gallery-controls {display:none; height:100%; left:0; position:absolute; top:0; width:100%;}
#gallery-controls div {float:left; height:100%; width:50%;}
#gallery-controls a {background:#fff; color:#000; font-size:12px; outline-style:none; position:absolute; text-decoration:none; top:40px;}
#gallery-previous-link {left:0; padding:6px 10px 6px 6px; border-radius:0 6px 6px 0; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; -moz-border-radius-topright:6px; -webkit-border-top-right-radius:6px;}
#gallery-next-link {padding:6px 6px 6px 10px; right:0; border-radius:6px 0 0 6px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-topleft:6px; -webkit-border-top-left-radius:6px;}
#gallery-meta-container {background:#fff; color:#999; display:none; margin:0 auto; overflow:auto;}
#gallery-image {padding:8px;}
#gallery-meta {display:none;height:44px;padding:0px 8px;}
#gallery-meta div {float:left;}
#gallery-info {text-align:center; width:100%;}
#gallery-close {line-height:30px; text-align:right; width:20%;position:absolute;top:5px;right:10px;}
#gallery-close a {color:#4c4c4c; font-size:24px; font-weight:lighter; outline-style:none; text-decoration:none;}
#gallery-close a:hover {color:#ca0000;}
#gallery-title a, #gallery-title a:link, #gallery-title a:visited {color:#666; font-size:14px;  line-height:14px;}
#gallery-title a:visited:hover {color:#999}
#gallery-pages {color:#999; display:block; font-size:10px; line-height:14px;}

/* flickr styles */

.flickr_badge_image {float:left; padding:10px;margin:10px;}
.flickr_badge_image a img{width:auto;height:250px;padding:5px;border:1px solid #dedede}
.flickr_badge_image a:hover img{border:1px solid #e52b00}
.flickr_badge_image h3 {text-align:center;width:100%;line-height:20px;font-size:14px;margin-top:10px;color:#666;font-weight:normal}
#flickr_www {font-size:12px;}
#flickr_link {clear:both;}


.lianxi_left {
  width: 100%;
  float: left;
  padding-top: 32px;
}
.lianxi1 {
  width: 270px;
  height:140px;
  padding-bottom: 26px;
  border: solid #969696 1px;
  box-sizing: border-box;
  margin-bottom: 50px;
  text-align:center;
  float:left;
  margin:30px 15px
}
.tupin_lianxi {
  width: 90px;
  height: 67px;
  margin: -32px auto 0 auto;
}

.con_font1 {
  font-size: 18px;
  color: #154a9a;
  line-height: 24px;
  margin-top: 20px;
  text-transform: uppercase;
}
.cont_font2 {
  font-size: 16px;
  line-height: 25px;
  color: #342c2a;
  margin-top: 3px;

}
.cont_font2 a {
  font-size: 14px;
  line-height: 25px;
  color: #342c2a;
  transition: .5s;
}
.cont_font2 a:hover {
  color: #299158;
}


.lx{width:100%;height: 200px;padding-top: 30px;}
.zb{width: 740px;background: #f4f4f4;}
.lx_zb{height: 182px;width: 230px;}
.zb_w{font-size: 16px;color: #666;line-height: 24px;padding-left: 20px;padding-top: 20px;/* word-break: break-all; */width: 400px;}
.lx_er{width: 160px;height: 172px;background: #f4f4f4;text-align: center;padding-top: 11px;/* line-height: 40px; */font-size: 16px;font-weight:lighter;margin-left: 15px;}
.hao li{width: 200px;float: left;margin-top: 30px;margin-bottom: 30px;margin-right: 35px;}
.dianh{width: 180px;height: 125px;border-radius: 50%;background: #f4f4f4;padding-top: 50px;margin: 0 auto;}
.hao li .dianh i{display: block; width: 62px; height:56px; margin: 0 auto;overflow: hidden;}
.dianh img{transition: 500ms;}
.hao li:hover img{ transition: 500ms;   transform: translateY(-56px);}
.wenz{ text-align: center; font-size: 16px; line-height: 34px; margin-top: 30px;}
.map{width: 100%;float: left;margin-top: 40px;}