body {

	width: 100%;

	font-family: "Microsoft YaHei", sans-serif;

	font-size: 14px;

	color: #666;

	BACKGROUND: url(../images/body_bg.jpg) #000000 center top;

}

.h1, h1 {

    color: #000;

    font-size: 20px;

    font-weight: bold;

}

.pagination{

	width: 100%;

}

#newBridge {

    display: none !important;

}

.iconfont {

	font-size: 100%

}

.pull-right{

	

}

.container {

	width: 1000px!important;

}

.bai{

	background: #fff;

	width: 1280px!important;

	margin-right: auto;

    margin-left: auto;

}



.link {

	font-size: 12px;

}

.link a{

	font-size: 12px;

}

.row {

    margin-right: 5px;

    margin-left:  5px;

}

.h4, h4{

	font-size: 15px;



}



a:link, a:visited {

	color: #666

}



a:focus, a:hover {

	text-decoration: none

}



.header {

	display: table;

	width: 100%;

	height: auto;

	z-index: 9999;

	left: 0;

}



.header-top {

	

}



.header-box a {

	font-size: 30px;

	width: 30px;

	height: 30px;

	text-align: center;

	color: #4d8b58;

	border-radius: 50%;

	position: relative

}



.header-box a em {

	font-size: 12px;

	font-style: normal;

	position: absolute;

	width: 70px;

	top: 11px

}



.header-box a span {

	font-family: fantasy

}



.header-box .wx {

	font-size: 14px!important;

	margin-bottom: 10px!important

}

.cl{

	width: 1280px !important;

}

a.gohome {

	color: #fff;

	position: relative;

	margin-right: 70px

}



a.gocontact {

	color: #fff;

	position: relative;

	margin-right: 80px

}



a.tel {

	color: #fff

}



.weixi .sub-box {

	display: none;

	position: absolute;

	top: 50px;

	left: 50%;

	margin-left: -80px;

	z-index: 99;

	text-align: center;

	border: 1px solid #ddd;

	width: 160px;

	background-color: #fff

}



.weixi .sub-box:before {

	content: "◆";

	width: 14px;

	height: 14px;

	text-align: center;

	font-size: 24px;

	color: #a6a6a6;

	position: absolute;

	top: -20px;

	left: 50%;

	margin-left: -7px

}



.weixi .sub-box:after {

	content: "◆";

	width: 14px;

	height: 14px;

	text-align: center;

	font-size: 24px;

	color: #fff;

	position: absolute;

	top: -19px;

	left: 50%;

	margin-left: -7px

}



.weixi:hover .sub-box {

	display: block

}



.navbar {

	border-top: 1px dotted #e7e7e7!important;

	border-bottom: 1px dotted #cacac9;

	background: url(../images/top_bg01.jpg) no-repeat center top;

	margin-bottom: auto;

	padding-bottom: 0

}



.navbar .logo {

	height: 40px;

	margin-left:10%;

	

}

.navbar .logo img{

	margin-top: 1.2%;

	width: 300px;

}

.navbar .nav-main {

	float: right;

	margin: 0;

	margin-right: 5%;

}

.navbar .nav-main .on {

	color: #F08047;

}

.navbar .nav-main>li {

	position: relative;

	float: left;

	line-height: 87px;

	text-align: center;

	color: #fff;

	font-size: 14px;

	position: relative;

	list-style: none;

}

.navbar .nav-main>li>a {

	height: 87px;

	color: #000;

	margin: 0;

	padding: 0 20px;

	overflow: hidden;

	white-space: nowrap

}



.navbar .nav-main>li:after {

	content: "";

	display: block;

	width: 1px;

	height: 22px;

	background: #ccc;

	position: absolute;

	top: 33px;

	right: 0

}



.navbar .nav-main>li:first-child::before {

	content: "";

	display: block;

	width: 1px;

	height: 22px;

	background: #ccc;

	position: absolute;

	/*top: 33px;*/

	top: 33px;

	left: 0

}

.navbar .nav-main>li:hover .submenu {

	display: block;

}

.submenu {

	padding: 0;

    display: none;

    position: absolute;

    top: 60px;

    z-index: 999;

    min-width: 100%;

    background-color: #fdfcfb;

    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

    filter: progid: DXImageTransform.Microsoft.Shadow(strength = 2, direction = 180, color = '#888888');

    -ms-filter: "progid: DXImageTransform.Microsoft.Shadow(strength = 2, Direction = 180, Color = '#888888')";

}

.submenu li {

    font-size: 12px;

    height: auto;

    line-height: normal;

    border-top: 1px solid #e6e6e6;

    position: relative;

}

.submenu li a {

    display: block;

    padding: 10px 20px;

}







.main {

    margin-top: 30px;

    margin-left: 10px;

    margin-right: 10px;

}



.title {

	float: left;

	width: 100%;

	border-bottom: 1px solid #cecece;

	margin-bottom: 28px

}



.title span {

	float: left;

	min-width: 74px;

	font-size: 18px;

	line-height: 35px;

	font-family: 'Microsoft Yahei';

	position: relative;

	margin-bottom: -1px;

	border-bottom: 3px solid #68a7d4

}



a.more {

	float: right;

	padding-left: 10px;

	padding-right: 30px;

	text-align: center;

	color: #fff;

	margin-top: 9px;

	background: url(../images/more.gif) center right no-repeat #68a7d4;

	height: 20px;

	line-height: 20px

}



.about p {

	padding-top: 15px;

	line-height: 30px;

	text-align: justify;

	text-indent: 2em

}



.news .media-body {

	color: #999;

	padding-left: 15px

}



.news .media-left {

    padding: 10px 16px;

    background-color: #337ab7;

    font-size: 12px;

    color: #fff;

}



.news .media-left a {

	color: #fff;

	font-weight: 700

}



.product {

	float: left;

	width: 100%;

	padding-top: 10px;

	padding-bottom: 10px;

	/*margin-top: 30px;*/

	min-height: 563px;

	background: #e8e8e8

}



.product .nav-pills li {

	color: #000;

	background-color: #fff;

	border-radius: 0;

	border: 0

}



.nav-pills > li > a {

	border-radius: 0;

	border: 0

}



.nav > li > a {

	padding: 10px 6px

}



.thumbnail {

	padding: 10px;

	border: 0;

	border-radius: 0;

	margin: 0 5px 10px;

}



.thumbnail .caption {

	padding: 0;

	text-align: center;

}



.thumbnail .caption p {

	margin: 0 0 7px;

	font-size: 9px;

	color: #999

}

.thumbnail .caption h4 {

	min-height: 30px;

        height:30px

}



.index-img img {

	width: 211px!important;

	height: 211px!important

}



.lists-img img {

	width: 279px!important;

	height: 279px!important;

}



.lists-img, .index-img {

	position: relative;

	z-index: 1;

}



.bgimg {

	position: absolute;

	top: 26px;

	right: 10px;

	z-index: 9;

	width: 279px!important;

	height: 279px!important;

	/*box-shadow: 0 0 30px #999 inset;

	-webkit-box-shadow: 0 0 30px #999 inset;

	-moz-box-shadow: 0 0 30px #999 inset;

	-o-box-shadow: 0 0 30px #999 inset;*/

	background-size:100%

}

.xxx {

	width: 211px!important;

	height: 211px!important

}

.xxxx {

    width: 279px!important;

    height: 279px!important;

}



.product a:hover .thumbnail {

	background-color: #337ab7

}



.product a:hover .caption h4, .product a:hover .caption p {

	color: #fff;

}

.footer{

    BACKGROUND: url(../images/footer_bg.jpg) no-repeat center bottom;

    WIDTH: 100%;

}

.footer-topbar {

	padding: 10px 0 0 20px

}



.footer .copy {

	width: 100%;

	padding-top: 12px;

	padding-bottom: 12px;

	border-top: 1px solid #ccc;

	color: #fff;

}

.footer .copy a{

	color: #fff;

}



.footer .list-group-item {

	padding: 0;

	border: 0;

	font-size: 14px;

	background:none;

	

	color: #878787;

}



.footer .list-group-item a {

	display: block;

	font-size: 14px;

	padding: 3px 12px 3px 0;

	color: #878787;

	margin: 0

}



.nav-foot .col-links:after {

	content: "";

	position: absolute;

	right: 0;

	top: 0;

	display: block;

	border-right: 1px solid #dadada;

	height: 80%

}



.footer .xx {

	font-size: 16px;

	color: #fff;

	font-weight: 400;

	margin-bottom: 10px

}



.flink a {

	float: left;

	margin-right: 14px;

	display: inline

}



.marquee {

	width: 1260px;

	height: 195px;

	overflow: hidden;

	margin-top: 20px;

	margin-bottom: 20px;

	margin: 0 auto;

}



.marquee li {

	display: inline;

	float: left;

	margin-right: 12px

}



.marquee li a {

	width: 220px;

	height: 175px;

	display: block;

	float: left;

	text-align: center;

	font-size: 14px

}



.marquee li a:hove {

	text-decoration: none

}



.marquee li img {

	width: 220px;

	height: 136px

}



.marquee li em {

	font-style: normal;

	height: 24px;

	line-height: 24px;

	display: block;

	margin-top: 8px;

	font-size:12px;

}



.case .marquee li {

	background-color: #ede8de;

	overflow:hidden

}



.peitao .banner {

	height: 280px

}



.list-top {

	position: relative;

	border: 1px solid #f1f1f1

}



.list-top::before {

	content: '';

	display: block;

	width: 970px;

	height: 10px;

	top: -10px;

	left: -1px;

	position: absolute;

	background: rgba(255, 255, 255, .5)

}



.list-top {

	background-color: #fff;

	border-radius: 0 0 10px 10px;

	padding: 20px;

	margin-bottom: 30px

}



.about-nav, .list-top .lefttop {

	line-height: 40px;

	font-size: 13px;

	font-weight: 700;

	color: #3b85da

}



.about-nav {

	margin-top: 30px

}



.breadcrumb .lefttop {

	font-size: 16px;

	font-weight: 700;

	color: #3b85da;

	margin-top: -11px

}



.list-top .breadcrumb {

	text-align: right;

	border-bottom: 1px solid #e6e6e6;

	background-color: inherit;

	border-radius: 0;

	padding: 10px 0;

	bottom: inherit

}



.list-nav {

	margin-top: -22px

}



.list-nav .nav-pills > li > a {

	background-color: #f5f5f5;

	margin-top: 1px;

    width: 160px;

    height: 35px;

    overflow: hidden;

    font-size: 12px;

}



.list-nav li a:hover {

	background-color: #3b85da;

	color: #fff

}



.list-nav li.on a {

	background-color: #3b85da;

	color: #fff

}



.list-contact {

	margin-top: 30px

}



.list-contact img {

	display: block;

	max-width: 100%;

	margin-bottom: 15px

}



.list-contact p {

	line-height: 24px;

	margin-bottom: 25px

}



.list-contact p span {

	font-weight: 700

}



.message samp {

	padding: 10px;

	background-color: #3b85da;

	color: #fff

}



.zx-txt {

	overflow: hidden;

	line-height: 30px;

	border-bottom: 1px solid #e6e6e6;

	margin-right: 30px

}



.lx-txt {

	margin-right: 0

}



.form_r {

	background: url(../images/formr.jpg) right top no-repeat

}



.form_r .style1 {

	font-size: 16px;

	font-weight: 700;

	margin-top: 15px;

	margin-bottom: 10px

}



.form_r .style2 {

	font-size: 18px;

	font-weight: 700;

	line-height: 30px;

	color: #4ba3d5

}



.form_r .style3 {

	font-size: 12px;

	line-height: 30px

}



.form_r ul {

	width: 200px;

	list-style: none;

	padding: 0

}



.form_r ul li {

	line-height: 30px;

	border-bottom: 1px dashed #ebebeb

}



.form_r ul li span {

	font-weight: 700

}



.pc_message {

	padding: 15px 0

}



.form-ajax {

	margin-right: 30px;

	margin-top: 20px

}



.message h6 {

	font-size: 18px;

	margin-top: 20px;

	line-height: 50px

}



.message h6 i {

	font-size: 40px;

	color: #F1544B

}



.message p {

	padding: 10px 0;

	line-height: 25px;

	border-top: 1px solid #eee;

	border-bottom: 1px solid #eee

}



.art, .art_content {

	margin: 10px 0 30px;

	width: 100%

}

art_content img{

    margin-bottom:10px;

}

.art_img {

	float: left;

	width: 310px;

	height: 190px

}



.art_img img {

	display: block;

	width: 310px;

	height: 190px

}



.art_img {

	position: relative;

	display: block;

	cursor: pointer;

	overflow: hidden

}



.art_img .light {

	cursor: pointer;

	position: absolute;

	left: -310px;

	top: 0;

	width: 310px;

	height: 190px;

	background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));

	background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));

	transform: skewx(-25deg);

	-o-transform: skewx(-25deg);

	-moz-transform: skewx(-25deg);

	-webkit-transform: skewx(-25deg)

}



.art_img:hover .light {

	left: 310px;

	-moz-transition: .5s;

	-o-transition: .5s;

	-webkit-transition: .5s;

	transition: .5s

}



.art_info {

	float: right;

	width: 430px;

	height: 190px;

	position: relative

}



.art_info h1 {

	padding: 0;

	margin: 0;

	font-size: 18px;

	font-weight: 700;

	line-height: 30px;

	padding-bottom: 12px;

	border-bottom: 1px dashed #c5c5c5;

	margin-bottom: 12px

}



.art_info p span {

	color: #3b85da

}



.art_con {

	line-height: 37px;

	background: url(../images/art_tel.png) no-repeat;

	width: 383px;

	height: 53px;

	position: absolute;

	left: 0;

	bottom: 0

}



.art_con a {

	float: left;

	display: block;

	text-indent: 58px;

	width: 135px;

	height: 40px;

	color: #fff;

	cursor: pointer

}



.art_con span {

	float: right;

	width: 243px;

	display: block;

	text-indent: 120px;

	color: #fff

}



.art_content h3 {

	line-height: 30px;

	height: 30px;

	padding-left: 20px;

	margin-bottom: 10px;

	font-size: 14px;

	font-weight: 700;

	background: url(../images/artcontenth2.jpg) 3px center no-repeat #f5f5f5

}



.art_content h4 {

	line-height: 30px;

	height: 30px;

	margin: 10px 0 0;

	font-weight: 700

}



.art_content ul {

	padding: 0;

	margin-bottom: 10px

}



.art_content ol {

	padding: 0

}



.art_content ol li, .art_content ul li {

	list-style: none;

	line-height: 23px;

	padding-left: 20px;

	margin-left: 3px;

	background: url(../images/artli.gif) no-repeat left 5px

}



.art_content ul p {

	padding: 0 0 15px

}



.art_content p {

	padding-bottom: 10px;

	line-height: 25px

}



.art_content img {

	display: block;

	max-width: 100%;

    margin-bottom: 10px;

}



.art_content p strong {

	font-weight: 700

}



.art_content table {

	width: 100% !important;

}

.art_content table td {

	line-height: 28px;

	border: 1px #dcdcdc solid;

	text-align: center

}



.art-box {

	position: relative;

	padding-right: 0;

}



.page .rxbox {

	position: absolute;

	top: 10px;

	right: 15px;

	width: 135px

}



.rxbox {

	position: absolute;

	top: 10px;

	right: 15px;

	width: 135px

}



.rxbox h3 {

	padding: 0;

	margin: 0;

	font-size: 18px;

	font-weight: 700;

	line-height: 30px;

	padding-bottom: 12px;

	border-bottom: 1px dashed #c5c5c5;

	margin-bottom: 12px

}



.rxbox img {

	display: block;

	max-width: 100%

}



.rxbox a {

	display: block;

	margin-bottom: 20px

}



.rxbox a span {

	line-height: 26px

}



.zx i {

	font-size: 60px;

	display: block;

	text-align: center;

	background-color: #3b85da;

	color: #fff;

	border-radius: 3px

}

.pro {

    margin-right: -15px;

    margin-left: -15px;

}





/*固定的悬浮窗*/

.floating_guest{position:fixed;right:10px;top:25%; z-index: 99999;}

.floating_guest dl dd{position:relative;width:80px;height:80px;background-color:#fff;border-bottom:solid 1px #555666;text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer;}

.floating_guest dl dd:hover{background-color:#045DBB;border-bottom:solid 1px #045DBB; }

.floating_guest dl dd:hover .floating_left{display:block;color: #fff;}

.floating_guest dd span:hover{ color: #fff;}

.floating_guest dd span{color:#000;display:block; padding-top: 10px;}

.floating_guest dd span i {font-size: 30px; }

.floating_left{position:absolute;left:-160px;top:0px;width:160px;height:80px;background-color:#045DBB;border-bottom:solid 1px #045DBB;display:none; }

.floating_left a{color:#fff;line-height:80px;font-size:20px;background-color:#045DBB;}

.floating_ewm{height:260px;top:-180px;}

.floating_ewm img{width:145px;height:145px; margin-top: 7px;}

.floating_ewm p{color:#fff;margin-top:5px;}

.floating_ewm .qrcord_p01{font-size:12px;line-height:20px;}

.floating_ewm .qrcord_p02{font-size:18px;}



@media (min-width: 768px){

.navbar {

	border-radius: 0px;

}

}