﻿/*织梦58（dede58.com）做最好的织梦整站模板下载网站*/

body {

	font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;

}

a {

	color: #333;

}

a:hover {

	color: #666;

	text-decoration: none;

}

@media (min-width: 1200px) {

.container {

	width: 1200px;

}

}

.mt40 {

	margin-top: 40px;

}

.top {

	height: 35px;

	line-height: 35px;

	background-color: #eaeaea;

}

.top a {

	margin: 0 5px;

}

.navbar {

	position: relative;

	min-height: 50px;

	margin-bottom: 0;

	border: none;

}

.navbar-default {

	background-color: transparent;

}

.navbar-default .navbar-nav > li > a {

	color: #fff;

}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {

	color: #fff;

	background-color: #eb6100;

}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {

	color: #fff;

	background-color: #eb6100;

}

.navbar-brand {

	float: left;

	height: 140px;

	padding: 20px 15px;

}

.navbar-brand > img {

	display: block;

}

.navbar-collapse {

	background-color: #0053a9;

}

.navbar-slogan {

	font-size: 24px;

	line-height: 30px;

	padding-top: 50px;

}

.navbar-slogan span {

	color: #c00;

}

.navbar-tel {

	background: url(../images/phone.png) no-repeat left center;

	padding-left: 60px;

	margin-top: 60px;

}

.navbar-tel b {

	font-size: 30px;

	line-height: 30px;

	color: #eb6100;

}

.carousel-indicators {

	position: absolute;

	bottom: 0;

	left: 50%;

	z-index: 15;

	width: 60%;

	padding-left: 0;

	margin-left: -30%;

	text-align: center;

	list-style: none;

}

.carousel-indicators li {

	display: inline-block;

	width: 12px;

	height: 12px;

	margin: 0 5px;

	text-indent: -999px;

	cursor: pointer;

	background-color: #fff;

	border: none;

	border-radius: 50%;

}

.carousel-indicators .active {

	width: 12px;

	height: 12px;

	margin: 0 5px;

	background-color: #195fbc;

}

.hot {

	padding: 25px 0;

}

.hot span {

	font-weight: bold;

}

.hot a {

	margin: 0 8px;

}

.product {

	padding: 60px 0;

}

.product-box {

	background-color: #014fa2;

	color: #fff;

	padding: 5px;

}

.product-title {

	padding: 20px 0;

}

.product-title span {

	display: block;

	font-size: 16px;

	color: #3772b4;

	padding-top: 5px;

}

.product-title h3 {

	margin: 0;

	color: #fff;

	font-size: 24px;

	font-weight: bold;

}

.product-list, .contact {

	background-color: #fff;

	padding: 10px;

}

.product-list li {

	height: 40px;

	line-height: 40px;

	margin-top: 10px;

	font-size: 16px;

}

.product-list li a {

	display: block;

	height: 40px;

	padding: 0 20px;

	background: #ddd url(../images/icon_li.jpg) no-repeat 94% center;

	color: #333;

}

.product-list li a:hover {

	background: #eb6100 url(../images/icon_hover.jpg) no-repeat 94% center;

	color: #fff;

}

.product-list dl {

	margin-bottom: 0;

}

.product-list dt, .product-list dd {

	height: 40px;

	line-height: 40px;

	margin-top: 10px;

	font-size: 16px;

}

.product-list dt a {

	display: block;

	height: 40px;

	padding: 0 20px;

	background: #014fa2 url(../images/icon_dl.jpg) no-repeat 94% center;

	color: #fff;

}

.product-list dd a {

	display: block;

	height: 40px;

	padding: 0 20px;

	background: #ddd url(../images/icon_li.jpg) no-repeat 94% center;

	color: #333;

}

.product-list dd a:hover {

	display: block;

	height: 40px;

	padding: 0 20px;

	background: #eb6100 url(../images/icon_hover.jpg) no-repeat 94% center;

	color: #fff;

}

.contact {

	line-height: 26px;

	color: #333;

}

.contact p {

	margin: 0;

}

.hot-title {

	height: 60px;

	line-height: 60px;

	overflow: hidden;

	border-bottom: 1px solid #ccc;

}

.hot-title h3 {

	margin: 0;

	font-size: 24px;

	font-weight: bold;

	color: #0053a9;

}

.hot-title a {

	width: 90px;

	height: 30px;

	line-height: 30px;

	background-color: #014fa2;

	color: #fff;

	text-align: center;

	border-radius: 15px;

}

.hot-product {

	margin-top: 30px;

}

.hot-product a {

	display: block;

	border: 1px solid #ededed;

}

.hot-product img {

	width: 100%;

	height: 220px;

}

.hot-product span {

	height: 50px;

	line-height: 50px;

	background-color: #e5e5e5;

	font-size: 16px;

}

.hot-product a:hover {

	border: 1px solid #0053a9;

}

.hot-product a:hover span {

	background-color: #0053a9;

	color: #fff;

}

.ad {

	height: 400px;

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

}

.ad2 {

	height: 200px;

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

}

.adv {

	padding: 60px;

	background-color: #ecedf0;

}

.adv-title h3 {

	margin: 0 0 15px;

	font-size: 30px;

	font-weight: bold;

}

.adv-title h3 span {

	color: #0053a9;

}

.adv-title i {

	display: block;

	font-style: normal;

	color: #444;

	font-size: 14px;

}

.adv-text {

	border-bottom: 1px solid #ececec;

	margin-top: 20px;

}

.adv-text h4 {

	height: 62px;

	line-height: 62px;

	margin: 0 0 10px;

	font-size: 26px;

	font-weight: bold;

}

.adv-text h4 i {

	display: inline-block;

	width: 77px;

	height: 62px;

	background: url(../images/icon_adv.png) no-repeat center top;

	color: #fff;

	font-size: 40px;

	text-indent: 10px;

	margin-right: 15px;

	font-style: normal;

}

.adv-text h4 span {

	color: #0053a9;

}

.adv-text p {

	line-height: 30px;

	color: #666;

}

.adv img {

	margin-top: 40px;

}

.info {

	padding: 60px 0 0;

}

.about {

	margin-top: 30px;

}

.about-con h3 {

	line-height: 30px;

	font-size: 30px;

	font-weight: bold;

	margin: 0 0 10px;

}

.about-con h3 span {

	color: #999;

	margin-left: 10px;

}

.about-con p {

	line-height: 30px;

	color: #666;

	text-indent: 2em;

	text-align: justify;

}

.about-con a {

	display: block;

	width: 120px;

	height: 30px;

	line-height: 30px;

	color: #fff;

	background-color: #0053a9;

	border-radius: 15px;

}

.picMarquee-left {

	overflow: hidden;

	position: relative;

}

.picMarquee-left .bd {

}

.picMarquee-left .bd ul {

	overflow: hidden;

	zoom: 1;

}

.picMarquee-left .bd ul li {

	margin: 30px 10px 0;

	width: 240px;

	float: left;

	_display: inline;

	overflow: hidden;

}

.picMarquee-left .bd ul li a {

	display: block;

	border: 1px solid #ececec;

}

.picMarquee-left .bd ul li img {

	width: 100%;

	height: 180px;

}

.picMarquee-left .bd ul li a span {

	height: 50px;

	line-height: 50px;

	background-color: #e5e5e5;

	font-size: 16px;

}

.picMarquee-left .bd ul li a:hover {

	border: 1px solid #0053a9;

}

.picMarquee-left .bd ul li a:hover span {

	background-color: #0053a9;

	color: #fff;

}

.news-title {

	height: 40px;

	line-height: 30px;

	border-bottom: 1px solid #ccc;

	margin-bottom: 20px;

}

.news-title h3 {

	margin: 0;

	line-height: 38px;

	font-size: 24px;

	font-weight: bold;

	color: #333;

	border-bottom: 3px solid #0053a9;

	padding: 0 10px;

}

.news-list li {

	height: 40px;

	line-height: 40px;

	overflow: hidden;

	border-bottom: 1px dotted #ccc;

	background: url(../images/icon05.gif) no-repeat left center;

	padding-left: 10px;

}

.footer {

	padding: 30px 0;

	background-color: #0053a9;

	color: #fff;

	line-height: 30px;

}

.footer a {

	color: #fff;

}

.footer p {

	margin: 0;

}

.flink {

	padding: 20px 0;

	color: #999;

}

.flink a {

	margin: 0 5px;

	color: #999;

}

.message {

	background-color: #e9e9e9;

	padding: 20px 20px;

}

.message .clearfix {

	margin-bottom: 10px;

}

.message .clearfix img {

	width: 150px;

}

..message .clearfix p {

text-align:center;

}

.message b {

	color: #f00;

}

.message .clearfix input {

	width: 75%;

	height: 32px;

	line-height: 32px;

	background-color: #fff;

	border: 1px solid #cecece;

	padding: 0 10px;

}

.message textarea {

	width: 75%;

	height: 80px;

	background-color: #fff;

	border: 1px solid #cecece;

	padding: 10px;

}

.message .submit input {

	width: 100px;

	height: 36px;

	line-height: 36px;

	margin: 10px auto;

	background-color: #ff6600;

	color: #fff;

	font-size: 18px;

	padding: 0;

	font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;

	margin: 0 5px;

}

.main .message .clearfix input {

	width: 80%;

}

.main .message textarea {

	width: 90%;

}

.position {

	height: 50px;

	line-height: 50px;

	border-bottom: 1px solid #ccc;

}

.position h3 {

	margin: 0;

	line-height: 50px;

	font-size: 24px;

}

.content {

	margin-top: 20px;

	line-height: 30px;

	text-align: justify;

}

.content img{

	max-width:800px;

	}

.news-item {

	background-color: #f4f4f4;

	box-shadow: 0 2px 5px #d6d4d1;

	padding: 20px;

	margin-top: 20px;

	overflow: hidden;

}

.news-item a:hover {

	color: #014fa2;

}

.news-item b {

	font-size: 16px;

}

.news-item p {

	margin-top: 10px;

	line-height: 26px;

	color: #666;

}

.news-item .more {

	display: block;

	width: 90px;

	height: 30px;

	line-height: 30px;

	background-color: #F48C00;

	color: #fff;

	border-radius: 5px;

}

.content-title {

	font-size: 24px;

	margin: 30px 0;

}

.content-info {

	padding: 10px 0;

	background-color: #eee;

}

.content-info span {

	margin: 0 7px;

}

.product-info {

	margin-top: 20px;

}

.product-info h1 {

	padding-bottom: 15px;

	border-bottom: 1px dashed #ccc;

	margin-bottom: 20px;

}

.product-info p {

	font-size: 15px;

	line-height: 30px;

}

.product-details {

	height: 45px;

	line-height: 45px;

	margin: 20px 0;

	background-color: #f2f2f2;

	font-size: 16px;

}

.product-details span {

	display: block;

	width: 130px;

	height: 45px;

	background-color: #195fbc;

	color: #fff;

	text-align: center;

}

.product-details span {

	display: block;

	width: 130px;

	height: 45px;

	background-color: #195fbc;

	color: #fff;

	text-align: center;

}

.pagination {

	display: inline-block;

	padding-left: 0;

	margin: 40px 0;

	border-radius: 4px;

}

.pagination > li {

	display: inline;

}

.pagination > li > a, .pagination > li > span {

	position: relative;

	float: left;

	padding: 6px 12px;

	margin-left: 5px;

	line-height: 1.42857143;

	color: #195fbc;

	text-decoration: none;

	background-color: #fff;

	border: 1px solid #195fbc;

}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {

	z-index: 2;

	color: #fff;

	background-color: #195fbc;

	border-color: #195fbc;

}

.pagination > .thisclass > a, .pagination > .thisclass > span, .pagination > .thisclass > a:hover, .pagination > .thisclass > span:hover, .pagination > .thisclass > a:focus, .pagination > .thisclass > span:focus {

	z-index: 3;

	color: #fff;

	cursor: default;

	background-color: #195fbc;

	border-color: #195fbc;

}

 @media (min-width: 768px) {

.navbar-header {

	width: 100%;

}

.navbar-nav > li > a {

	padding: 15px 26px;

	font-size: 16px;

}

}

 @media (max-width: 767px) {

.navbar-brand {

	float: left;

	height: 45px;

	padding: 5px 15px;

}

.navbar-brand img {

	height: 45px;

}

.hot-product img {

	height: auto;

}

}

/*侧边*/

.menu_list {

	background: #fff;

	padding: 5px;

}

.menu_list .current {

	background: #f1f1f1 url(../images/pro_down.png) center right no-repeat;

}

.menu_head {

	height: 40px;

	line-height: 40px;

	padding: 0px 10px;

	font-size: 14px;

	color: #525252;

	cursor: pointer;

	border: 1px solid #e1e1e1;

	position: relative;

	margin: 0px;

	font-weight: bold;

	background: #f1f1f1 url(../images/pro_left.png) center right no-repeat;

	margin-top: 10px;

}

.menu_head a {

	display: block;

	text-overflow: ellipsis;

	width: 91%;

	height: 40px;

	overflow: hidden;

}

.menu_heads {

	height: 40px;

	line-height: 40px;

	/*padding: 0px 10px;*/

	font-size: 14px;

	color: #525252;

	cursor: pointer;

	border: 1px solid #e1e1e1;

	position: relative;

	margin: 0px;

	font-weight: bold;

	margin-top: 10px;

}

.menu_heads a {

	display: block;

	text-overflow: ellipsis;

	width: 91%;

	height: 40px;

	overflow: hidden;

	text-align:center;

}

.menu_heads a:hover {

	background-color: #006dc0;

	width: 100%;

	color: #fff;

}

.menu_heads .active {

	background-color: #006dc0;

	width: 100%;

	color: #fff;

	text-align:center;

}

.menu_body {

	height: auto;

	overflow: hidden;

	line-height: 38px;

	border-left: 1px solid #e1e1e1;

	backguound: #fff;

	border-right: 1px solid #e1e1e1;

}

.menu_body a {

	display: block;

	height: 38px;

	line-height: 38px;

	padding: 0px 20px;

	color: #777777;

	background: #fff;

	text-decoration: none;

	border-bottom: 1px solid #e1e1e1;

}

