/*织梦帮（dedesos.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: 100px;
	//padding: 20px 15px;
}

.navbar-brand>img {
	display: block;
}

.navbar-collapse {
	background-color: #0053a9;
}

.navbar-slogan {
	font-size: 24px;
	line-height: 30px;
	padding-top: 15px;
}

.navbar-slogan span {
	color: #c00;
}

.navbar-tel {
	background: url(../images/phone.png) no-repeat left center;
	padding-left: 50px;
	margin-top: 30px;
	height: 42px;
}

.navbar-tel b {
	font-size: 30px;
	line-height: 42px;
	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: 151px;
	object-fit: cover;
}

.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/ad.jpg) no-repeat center top;
}

.ad2 {
	height: 200px;
	background: url(../images/ad02.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: 134px;
	object-fit: cover;
}

.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;
}

.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;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.about-video {
	height: 241px;
	cursor: pointer;
}

.i-about-post {
	position: absolute;
	left: 0;
	top: 0;
	object-fit: cover;
	object-position: center;
	transition: all 5s;
}

.videoplay {
	background-color: #014fa2;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	/* height: 100%; */
	z-index: 3;
	/* opacity: 0; */
	transition: all .5s;
	animation: aboutdiplay .5s linear .75s 1 forwards;
}

.videoplay img {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-50%, -50%);
	width: 20px;
	transition: all .5s;
}

.video-cycle {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 57px;
	height: 57px;
	border-radius: 50%;
	border: 3px solid #fff;
	box-sizing: border-box;
	transition: all .5s;
	animation: aboutRight .5s linear .75s 1 forwards;
}

/* about-弹出视频 */
#modalBG {position: fixed;top: 0;left: 0;width: 100%;height: 100vh;z-index: 100000;background-color: #233036;opacity: 0;transition: opacity 0.5s linear;}
#modalImg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 100002;
	overflow: hidden;
}#modalImgBG {position: fixed;top: 0;left: 0;width: 100%;height: 100vh;}
#modalImgLoader {position: fixed;top: 50%;left: 50%;display: none;width: 32px;height: 32px;margin: -16px 0 0 -16px;}
#modalText {position: absolute;left: 0;bottom: -70px;height: 70px;padding: 15px 0;transform: translate3d(0, -45px, 0);box-sizing: border-box;text-align: center;font-family: "Helvetica";font-size: 18px;line-height: 30px;color: #fff;}
#modalClose {position: absolute;right: -2px;top: -40px;transform: translate3d(0, 45px, 0);}
#modalClose a {right: 0;top: 0;display: block;width: 28px;height: 28px;text-indent: -9999px;overflow: hidden;opacity: .7;transform: rotate(45deg);transition: opacity 0.3s linear, transform 0.3s ease-in-out;}
#modalClose a:before {position: absolute;top: 13px;left: 0px;display: block;width: 28px;height: 2px;background-color: #fff;content: "";}
#modalClose a:after {position: absolute;top: 0px;left: 13px;display: block;width: 2px;height: 28px;background-color: #fff;content: "";}