body {
	font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
}
a {
	color: rgb(51, 51, 51);
}
a:hover {
	color: rgb(102, 102, 102); text-decoration: none;
}
.mt20 {
	margin-top: 20px;
}
.top {
	height: 36px; color: rgb(51, 51, 51); line-height: 36px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid;
}
.top a {
	margin: 0px 10px; color: rgb(51, 51, 51);
}
.navbar-default {
	background-color: rgb(255, 255, 255);
}
.navbar-brand {
	padding: 0px 15px; height: 60px; float: left;
}
.nav > li > a {
	padding: 10px 45px;
}
.navbar-default .navbar-nav > li > a {
	color: rgb(255, 255, 255);
}
.navbar-default .navbar-nav > li > a:hover {
	color: rgb(255, 255, 255); background-color: rgb(255, 162, 0);
}
.navbar-default .navbar-nav > li > a:focus {
	color: rgb(255, 255, 255); background-color: rgb(255, 162, 0);
}
.navbar-default .navbar-nav > .active > a {
	color: rgb(255, 255, 255); background-color: rgb(255, 162, 0);
}
.navbar-default .navbar-nav > .active > a:hover {
	color: rgb(255, 255, 255); background-color: rgb(255, 162, 0);
}
.navbar-default .navbar-nav > .active > a:focus {
	color: rgb(255, 255, 255); background-color: rgb(255, 162, 0);
}
.navbar-collapse {
	background: rgb(0, 72, 154); padding-right: 15px; padding-left: 15px; min-height: 50px;
}
.tel {
	height: 30px; line-height: 30px
}
.tel span {
	background: url("../images/phone.png") no-repeat left; padding: 0px 200px 3px 90px; height: 80px; color: rgb(68, 68, 68); font-size: 18px; font-weight: bold; display: block;
}
.tel b {
	height: 30px; color: rgb(17, 57, 159);padding-left:90px; font-size: 26px;padding-top:-90px; display: block;
}
.product {
	background: url("../images/pro_bg.jpg") no-repeat top; padding: 40px 0px;
}
.title {
	background: url("../images/title_bg.png") no-repeat center;
}
.title h3 {
	margin: 0px 0px 5px; color: rgb(51, 51, 51); font-weight: bold;
}
.title span {
	font-size: 12px; display: block;
}
.product-list {
	margin: 30px 0px 20px;
}
.product-list a {
	background: rgb(241, 241, 241); margin: 0px 5px; padding: 0px 10px; border: 1px solid rgb(201, 201, 201); border-image: none; height: 30px; color: rgb(51, 51, 51); line-height: 30px; display: inline-block;
}
.product-list a:hover {
	background: rgb(0, 72, 154); color: rgb(255, 255, 255); text-decoration: none;
}
.product-item-box {
	border: 1px solid rgb(204, 204, 204); border-image: none;
}
.product-item-title {
	background: url("../images/product_title.png") no-repeat; margin: 0px; height: 72px; color: rgb(255, 255, 255); line-height: 72px;
}
.product-item {
	list-style: none; padding: 10px;
}
.product-item li {
	height: 40px; line-height: 40px; padding-left: 22px; font-size: 16px; font-weight: bold; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: dashed;
}
.product-name {
	font-size: 16px; font-weight: bold; margin-bottom: 20px;
}
.product .thumbnail img {
	height: 190px;
}
.main .col-md-4 .thumbnail img {
	height: 190px;
}
.ys-title {
	background: url("../images/ys_title.jpg") no-repeat top; height: 211px; color: rgb(255, 255, 255); text-indent: 140px; font-size: 20px;
}
.ys-title h4 {
	font-size: 36px; margin-top: 30px;
}
.ys-title span {
	display: block;
}
.ys01 {
	background: url("../images/ys01_bg.jpg") no-repeat; padding: 0px 60px; height: 330px; margin-top: 60px;
}
.ys02 {
	background: url("../images/ys01_bg.jpg") no-repeat; padding: 0px 60px; height: 330px; margin-top: 60px;
}
.ys02 {
	background: url("../images/ys02_bg.jpg") no-repeat;
}
.ys-text {
	background: url("../images/icon_star.jpg") no-repeat 55px 8px; margin: 15px 0px -10px; color: rgb(85, 85, 85); line-height: 30px; padding-left: 75px; font-size: 16px;
}
.about {
	padding: 30px 0px;background-color:#00489a;
}
.about-con {
	padding: 30px 0px;
}
.about-con p {
	color: rgb(255, 255, 255); line-height: 30px;
}
.about-more {
	
}
.news {
	padding: 30px 0px;
}
.case {
	padding: 30px 0px;
}
.news-con h3 {
	padding: 30px 0px;
}
.news-con {
	margin-top: 30px;
}
.news-con img {
	width: 100%; height: 240px;
}
.news-list {
	list-style: none; padding: 10px 0px;
}
.news-list li {
	background: url("../images/icon_dot.jpg") no-repeat left; height: 30px; line-height: 30px; padding-left: 12px; border-bottom-color: rgb(153, 153, 153); border-bottom-width: 1px; border-bottom-style: dashed;
}
.news-more {
	border: 1px solid rgb(194, 0, 9); border-image: none; width: 90px; height: 28px; color: rgb(194, 0, 9); line-height: 28px; margin-bottom: 10px;
}
.news-more:hover {
	background: rgb(194, 0, 9); color: rgb(255, 255, 255);
}
.back {
	background: rgb(241, 241, 241); padding: 5px; border-radius: 5px; top: 45%; width: 50px; height: 50px; text-align: center; right: 10px; font-size: 14px; position: fixed;
}
.back img {
	width: 28px;
}
.contact {
	background: rgb(241, 241, 241); padding: 30px 0px;
}
.contact-con {
	margin-top: 30px;
}
.contact-tel {
	color: rgb(51, 51, 51); line-height: 27px; font-size: 18px; margin-top: 50px;
}
.slideBox {
	width: 100%; height: 300px; overflow: hidden; position: relative;
}
.slideBox .hd {
	height: 15px; right: 5px; bottom: 5px; overflow: hidden; position: absolute; z-index: 1;
}
.slideBox .hd ul {
	overflow: hidden; float: left; -ms-zoom: 1;
}
.slideBox .hd ul li {
	background: rgb(255, 255, 255); width: 15px; height: 15px; text-align: center; line-height: 14px; margin-right: 2px; float: left; cursor: pointer;
}
.slideBox .hd ul li.on {
	background: rgb(255, 0, 0); color: rgb(255, 255, 255);
}
.slideBox .bd {
	height: 100%; position: relative; z-index: 0;
}
.slideBox .bd li {
	vertical-align: middle; -ms-zoom: 1;
}
.slideBox .bd img {
	width: 100%; height: 300px;
}
.picScroll-left {
	overflow: hidden; margin-top: 20px; position: relative;
}
.picScroll-left .hd {
	top: 65px; width: 100%; height: 30px; overflow: hidden; position: absolute; z-index: 1;
}
.picScroll-left .hd .prev {
	background: url("../images/btn_prev.gif") no-repeat; width: 15px; height: 27px; overflow: hidden; float: left; display: block; cursor: pointer;
}
.picScroll-left .hd .next {
	background: url("../images/btn_next.gif") no-repeat; width: 15px; height: 27px; overflow: hidden; float: right; display: block; cursor: pointer;
}
.picScroll-left .bd {
	padding: 10px 30px;
}
.picScroll-left .bd ul {
	overflow: hidden; -ms-zoom: 1;
}
.picScroll-left .bd ul li {
	margin: 0px 8px; width: 200px; text-align: center; overflow: hidden; float: left; _display: inline;
}
.picScroll-left .bd ul li img {
	border: 1px solid rgb(204, 204, 204); border-image: none; width: 100%; height: 160px; display: block;
}
.picScroll-left .bd ul li span {
	line-height: 24px; margin-top: 5px;
}
.footer {
	background: rgb(64, 64, 66); padding: 30px 0px; color: rgb(255, 255, 255);
}
.footer a {
	color: rgb(255, 255, 255); line-height: 30px;
}
.flink {
	padding: 5px 0px;
}
.flink a {
	margin: 0px 5px;
}
.flink span {
	margin: 0px 5px;
}
.sidebar-list {
	border: 1px solid rgb(204, 204, 204); border-image: none;
}
.sidebar-contact {
	border: 1px solid rgb(204, 204, 204); border-image: none;
}
.sidebar-list b {
	background: url("../images/product_title.png") no-repeat; height: 72px; text-align: center; color: rgb(255, 255, 255); line-height: 65px; font-size: 28px; font-weight: normal; display: block;
}
.sidebar-list ul {
	list-style: none; padding: 10px 20px;
}
.sidebar-list ul li {
	background: url("../images/icon_list.jpg") no-repeat 10px; height: 40px; line-height: 40px; padding-left: 30px; font-size: 12px; border-bottom-color: rgb(153, 153, 153); border-bottom-width: 1px; border-bottom-style: dashed;
}
.sidebar-contact {
	background: url("../images/sidebar_contact.jpg") no-repeat; padding-top: 70px;
}
.sidebar-contact-con {
	padding: 10px; border-top-color: rgb(204, 204, 204); border-top-width: 1px; border-top-style: solid;
}
.site-position {
	background: rgb(241, 241, 241); height: 65px; line-height: 65px;
}
.site-position h3 {
	margin: 0px; color: rgb(0, 72, 154); line-height: 65px;
}
.news-list-item {
	padding-bottom: 10px; margin-bottom: 10px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: dashed;
}
.news-list-title {
	background: url("../images/wenben.jpg") no-repeat left; height: 30px; line-height: 30px; padding-left: 20px;
}
.news-list-title a {
	font-size: 16px;
}
.news-list-item p {
	color: rgb(153, 153, 153);
}
.main-author {
	margin: 10px 0px 20px; padding-bottom: 10px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: dashed;
}
.main-author span {
	margin: 0px 10px;
}
.main-con {
	line-height: 30px; font-size: 16px;
}
.main-con p {
	line-height: 30px; font-size: 16px;
}
.main-con img {
	margin: 5px auto; height: auto; display: block; max-width: 100%;
}
.picFocus {
	overflow: hidden; position: relative; -ms-zoom: 1;
}
.picFocus .hd {
	width: 100%; overflow: hidden; padding-top: 5px;
}
.picFocus .hd ul {
	overflow: hidden; margin-right: -5px; -ms-zoom: 1;
}
.picFocus .hd ul li {
	width: 24%; padding-top: 5px; margin-right: 1%; float: left;
}
.picFocus .hd ul li img {
	border: 2px solid rgb(221, 221, 221); border-image: none; width: 100%; height: 70px; cursor: pointer;
}
.picFocus .hd ul li.on {
	background: url("../images/icoUp.gif") no-repeat center 0px;
}
.picFocus .hd ul li.on img {
	border-color: rgb(255, 102, 0);
}
.picFocus .bd li {
	vertical-align: middle;
}
.picFocus .bd li img {
	border: 1px solid rgb(221, 221, 221); border-image: none; width: 409px; height: 320px; overflow: hidden; display: block;
}
.main-product-details {
	margin-top: 20px; margin-bottom: 20px; border-bottom-color: rgb(0, 72, 154); border-bottom-width: 2px; border-bottom-style: solid;
}
.main-product-details h4 {
	margin: 0px; width: 130px; height: 34px; color: rgb(255, 255, 255); line-height: 34px; font-size: 18px; font-weight: bold; background-color: rgb(0, 72, 154);
}
.main-hot-product {
	margin: 20px 0px; line-height: 30px; font-size: 20px; font-weight: bold; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid;
}
.related-product .thumbnail > img {
	width: 100%; height: 135px;
}
.main-img h1 {
	line-height: 30px; padding-bottom: 10px; font-size: 20px; font-weight: bold; margin-top: 0px; margin-bottom: 10px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 2px; border-bottom-style: solid;
}
.main-img p {
	line-height: 26px; font-size: 16px;
}
.mai-tel {
	font-size: 16px;
}
.mai-tel span {
	margin-top: 10px; display: block;
}
.mai-tel b {
	color: rgb(0, 72, 154); font-size: 20px;
}
.mains {
	margin: 10px auto; width: 600px; height: 500px; overflow: hidden;
}
.mains img {
	width: 100%; height: 500px;
}
.pagination > li > a {
	color: rgb(102, 102, 102);
}
.pagination > li > span {
	color: rgb(102, 102, 102);
}
.pagination > li > a:hover {
	border-color: rgb(221, 221, 221); color: rgb(255, 255, 255); background-color: rgb(0, 72, 154);
}
.pagination > li > a:focus {
	border-color: rgb(221, 221, 221); color: rgb(255, 255, 255); background-color: rgb(0, 72, 154);
}
.pagination > .thisclass > a {
	border-color: rgb(221, 221, 221); color: rgb(255, 255, 255); z-index: 2; cursor: default; background-color: rgb(0, 72, 154);
}
.pagination > .thisclass > span {
	border-color: rgb(221, 221, 221); color: rgb(255, 255, 255); z-index: 2; cursor: default; background-color: rgb(0, 72, 154);
}
.pagination > .thisclass > a:hover {
	border-color: rgb(221, 221, 221); color: rgb(255, 255, 255); z-index: 2; cursor: default; background-color: rgb(0, 72, 154);
}
.pagination > .thisclass > span:hover {
	border-color: rgb(221, 221, 221); color: rgb(255, 255, 255); z-index: 2; cursor: default; background-color: rgb(0, 72, 154);
}
.pagination > .thisclass > a:focus {
	border-color: rgb(221, 221, 221); color: rgb(255, 255, 255); z-index: 2; cursor: default; background-color: rgb(0, 72, 154);
}
.pagination > .thisclass > span:focus {
	border-color: rgb(221, 221, 221); color: rgb(255, 255, 255); z-index: 2; cursor: default; background-color: rgb(0, 72, 154);
}
.carousel-indicators {
	list-style: none; left: 50%; width: 60%; text-align: center; bottom: 10px; padding-left: 0px; margin-left: -30%; position: absolute; z-index: 15;
}
.carousel-indicators li {
	margin: 0px 5px; border-radius: 50%; border: currentColor; border-image: none; width: 12px; height: 12px; text-indent: -999px; display: inline-block; cursor: pointer; background-color: rgb(255, 255, 255);
}
.carousel-indicators .active {
	margin: 0px 5px; width: 12px; height: 12px; background-color: rgb(17, 57, 159);
}
@media all and (min-width:768px)
{
.navbar-header {
	padding: 20px 0 40px 0; float: none;
}
.navbar-nav > li > a {
	padding: 15px 25px; font-size: 16px;
}
}
@media all and (max-width:767px)
{
.navbar-brand {
	padding: 10px 15px; height: 60px;
}
.navbar-brand img {
	height: 40px;
}
.product-list a {
	margin: 10px;
}
.product .thumbnail img {
	height: auto;
}
.main .col-md-4 .thumbnail img {
	height: auto;
}
.related-product .thumbnail > img {
	height: auto;
}
.ys-title {
	text-indent: 60px; font-size: 16px;
}
.ys-title h4 {
	font-size: 24px; margin-top: 30px;
}
.ys01 {
	background: none; padding: 0px 30px; height: auto; margin-top: 20px;
}
.ys02 {
	background: none; padding: 0px 30px; height: auto; margin-top: 20px;
}
}

@media all and (max-width:1600px)
{

.xs {
	display: none;
}
}

@media all and (max-width:1440px)
{

.xs {
	display: none;
}
}
@media all and (max-width:1366px)
{

.xs{
	display: none;
}
}
@media all and (max-width:1024px)
{

.xs {
	display: none;
}
}


@media all and (max-width:800px)
{

.xs {
	display: block;
}
	}

@media all and (max-width:768px)
{

.xs {
	display: block;
}
	}
@media all and (max-width:414px)
{

.xs {
	display: block;
}
}
	
@media all and (max-width:375px)
{

.xs {
	display: block;
}
	}