* {padding: 0;margin: 0;text-decoration: none;list-style: none;outline: none;border: 0;font-family: Microsoft YaHei;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* 超链基本样式 颜色*/ 
a {color:#e2783d;text-decoration:none}
a:hover{ color:#dddddd!important;}

/* CSS 为文本编辑器添加表格样式 */
table {border-collapse: collapse; /* 确保表格边框合并 */}
table, th, td {border: 1px solid black; /* 为表格、表头和单元格添加边框 */}
table {max-width: 100%;margin: 0 auto;}
th {background-color: #dddddd;}

html {font-size: 62.5%;scroll-behavior: smooth;/* 10÷16=62.5% */}

 /*新加*/
#top {background-color: #e3e3e3;background-repeat: repeat-x;height: 29px;line-height: 29px;}
body {font-size: 12px;font-size: 1.2rem;/* 12÷10=1.2 */}
p {font-size: 16px;}
h1,h2,h3,h4,h5,b {font-weight: normal;list-style: none;}

body {width: 100%;overflow-x: hidden;overflow-y: auto;}
.clear {clear: both;}

::-webkit-scrollbar {width: 5px;background-color: #ccc;}/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px; background-color: transparent;border-radius: 10px;}/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px transparent;background-color: #e06d2d;}/*360度 翻转*//*动画*/
@-webkit-keyframes swi {
	from {
		-webkit-transform: rotateY(0);
		-ms-transform: rotateY(0);
		-o-transform: rotateY(0);
		transform: rotateY(0);
	}

	to {
		-webkit-transform: rotateY(360deg);
		-ms-transform: rotateY(360deg);
		-o-transform: rotateY(360deg);
		transform: rotateY(360deg);
	}
}

@keyframes swi {
	from {
		-webkit-transform: rotateY(0);
		-ms-transform: rotateY(0);
		-o-transform: rotateY(0);
		transform: rotateY(0);
	}

	to {
		-webkit-transform: rotateY(360deg);
		-ms-transform: rotateY(360deg);
		-o-transform: rotateY(360deg);
		transform: rotateY(360deg);
	}
} /*360度 翻转*/
/*
    导航组件
*/
nav {max-width: 1200px;height:77px;-webkit-box-sizing: border-box;box-sizing: border-box;margin: auto;}
nav li, nav a {text-decoration: none;list-style: none;}
nav .nav-logo {width: auto;height: 100%;float: left;}
.tel1{float: right;height: 20px;height: 26px;color: #e06d2d;}
.tel1 p {font-size: 20px;margin-left: 5px;}
.tel1 p img{position: relative;top: 3px;margin-right: 10px;}
nav .nav-logo a, nav .nav-logo li, nav .nav-logo ol, nav .nav-logo span, nav .nav-logo p {font-size: 30px;font-weight: bold;list-style: none;color: #1f79ec;text-decoration: none;}
nav .nav-logo img {max-width: 100%;max-height: 100%;}
nav ::-webkit-scrollbar {display: none;}
nav .nav-list {-webkit-box-sizing: border-box;box-sizing: border-box;float: right;margin-right: 20px;margin-top: 25px;}
@media (max-width: 1200px) {nav {max-width: 1200px;height: 65px;}nav .nav-list {position: fixed;height: 300px;top: 0;padding-top: 20px;width: 100%;background: #fff;left: -100%;-webkit-transition: 1s;transition: 1s;z-index: 999;margin-top: 66px;}}
nav .nav-list > li {position: relative;list-style: none;float: left;text-align: center;}
@media (max-width:650px){.head-top{display: none;}}
@media (max-width: 1200px) {nav .nav-list > li {width: 100%;margin: 0;overflow: hidden;}nav .nav-list > li {margin-bottom: 15px;}}
.nav-list li:hover a{border-bottom: 2px solid #4e4e4f;}
nav .nav-list > li {color: #5a5c5f;display: inline-block;line-height: 32px;font-size: 15px;text-decoration: none;}
nav .nav-list > li a {color: #5a5c5f;display: inline-block;line-height: 32px;margin: 0 15px;font-size: 15px;text-decoration: none;}
@media (max-width: 1200px) {nav .nav-list > li a {width: 100%;border-radius: 0;margin: 0;}}
nav .nav-list > li .menu {min-width: 100px;background: #fff;-webkit-box-shadow: 0 2px 10px #ccc;box-shadow: 0 2px 10px #ccc;position: absolute;border-radius: 5px;white-space: nowrap;left: 0;
  height: 0;overflow: hidden;-webkit-transition: 1s;transition: 1s;}
@media (max-width: 1200px) {nav .nav-list > li .menu {position: relative;width: 100%;text-align: center;border-radius: 0;-webkit-box-shadow: 0 -1px 7px #ccc inset;box-shadow: 0 -1px 7px #ccc inset;}}
nav .nav-list > li .menu li a {display: -webkit-box;display: -ms-flexbox;display: flex;margin: 0;}
nav .nav-list > li:hover .menu {height: auto;}
nav .nav-menu {display: none;z-index: 999;background: #fff;cursor: pointer;}
@media (max-width: 1200px) {nav .nav-menu {display: block;float: right;padding: 23px 15px;position: relative;border: 0px solid #ccc;border-radius: 5px;margin-right: 0px;}nav .nav-menu span {height: 2px;width: 25px;display: block;background: #CCC;border-radius: 10px;}
nav .nav-menu span + span {margin-top: 6px;}}
nav .open {left: 0%;overflow: auto;
}

/*# sourceMappingURL=zd-1.0.css.map */

.banner img {width: 100%;}
.banner.swiper-pagination {bottom: 25px;}
.banner.swiper-pagination-bullet {width: 45px;height: 5px;background-color: #FFF;border-radius: 0;opacity: 1;}
.banner.swiper-pagination-bullet-active {background-color: #e06d2d;}
.index-case-box {width: 100%;padding: 40px 0;}
.index-case-box h3 {text-align: center;font-size: 30px;color: #333333;font-size: 18px;}
.index-case-menu {width: 100%;border-bottom: 1px solid #e3e3e3;}
.index-case-menu ul {display: -webkit-box;-webkit-box-align: center;-webkit-box-pack: center;}
.index-case-menu ul li {padding: 20px 0;font-size: 15px;color: #666666;cursor: pointer;border-bottom: 2px solid transparent;}
.index-case-menu ul li p {padding: 0 30px;border-right: 1px solid #e3e3e3;}
.index-case-menu ul li.active {border-bottom: 2px solid #c61609;color: #c61609;}
.index-case-menu ul li:last-child p {border-right: none;}
.index-case-show {width: 1200px;margin: 30px auto 0;overflow: hidden;}
.index-case-show ul {width: 2000000px;overflow: hidden;position: relative;}
.index-case-show ul li {float: left;overflow: hidden;width: 1200px;}
.index-case-show ul li div.show {width: 387px;height: 250px;float: left;margin-right: 12.5px;margin-bottom: 12.5px;position: relative;}
.index-case-show ul li div.show div.img {width: 100%;height: 100%;overflow: hidden;overflow: hidden;}
.index-case-show ul li div.show div.img img {width: 100%;height: 100%;}
.index-case-show ul li div.show div.img img {display: block;transition: 500ms ease-out;-webkit-transition: 500ms ease-out;-ms-transition: 500ms ease-out;-moz-transition: 500ms ease-out;-o-transition: 500ms ease-out;}
.index-case-show ul li div.show:hover div.img img {transform: scale(1.06);-webkit-transform: scale(1.06);-moz-transform: scale(1.06);-ms-transform: scale(1.06);}
.index-case-show ul li div.show div.txt {position: absolute;bottom: 0;left: 0;height: 40px;line-height: 40px;width: 100%;background-color:rgba(0, 0, 0, 0.32);overflow: hidden;}
.index-case-show ul li div.show div.txt p {float: left;font-size: 16px;color: #ffffff;margin-left: 20px;}
.index-case-show ul li div.show div.txt img {float: right;margin-right: 15px;margin-top: 10px;display: block;width: 20px;}
.index-case-show ul li div.show:nth-of-type,.index-case-show ul li div.show:last-child {margin-right: 0;}
.index-case-show ul li div.show-first {width: 595px;}
.index-tel-box {width: 100%;height: 195px;display: -webkit-box;-webkit-box-align: center;background: #2b437f;}
.index-tel-show {width: 1200px;margin: 0 auto;overflow: hidden;}
.index-tel-show p{font-size: 29px;color: #ffffff;float: left;font-family: 黑体;margin-top: 20px;}
.index-tel-show div.tel {float: right;font-size: 20px;color: #e06d2d;text-align: right;}
.index-tel-show div.tel span {display: block;font-size: 44px;font-weight: bold;}
.index-idea-box {width: 1200px;margin: 0 auto;padding: 40px 0;}
.index-idea-box ul {overflow: hidden;width: 100%;}
.index-idea-box ul li {float: left;width: 280px;height: 450px;position: relative;background-color: #f7f3f7;margin-right: 26px;}
.index-idea-box ul li div.img {position: absolute;bottom: 0;left: 0;width: 100%;}
.index-idea-box ul li div.img img {width: 100%;height: 100%;}
.index-idea-box ul li div.txt {height: 180px;text-align: center;font-size: 16px;color: #666666;position: relative;z-index: 100;}
.index-idea-box ul li div.txt h5 {margin-top: 50px;font-size: 22px;color: #e06d2d;font-weight: 500;margin-bottom: 5px;}
.index-idea-box ul li:nth-of-type(4n) {margin-right: 0;}
.index-idea-box ul li div.bg {position: absolute;top: 0;left: 0;width: 100%;display: none;}
.index-idea-box ul li div.bg img {width: 100%;}
.index-idea-box ul li.active div.txt,.index-idea-box ul li.active div.txt h5 {color: #fff;}
.index-course-box {width: 100%;padding: 1px 0;background-size: 100% 100%;background-repeat: no-repeat;padding-top: 40px;}
.index-course-box h3 {text-align: center;font-size: 30px;color: #333333;font-size: 18px;}
.index-course-menu {width: 100%;border-bottom: 1px solid #e3e3e3;}
.index-course-menu ul {display: -webkit-box;-webkit-box-align: center;-webkit-box-pack: center;}
.index-course-menu ul li {padding: 25px 0;font-size: 15px;color: #666666;cursor: pointer;border-bottom: 2px solid transparent;}
.index-course-menu ul li p {padding: 0 30px;border-right: 1px solid #e3e3e3;}
.index-course-menu ul li.active {border-bottom: 2px solid #e06d2d;color: #e06d2d;}
.index-course-menu ul li:last-child p {border-right: none;}
.index-course-show {width: 1200px;margin: 40px auto;overflow: hidden;}
.index-course-content {width: 200000px;overflow: hidden;position: relative;}
.index-course-show ul {width: 1200px;overflow: hidden;float: left;}
.index-course-show ul li {width: 250px;padding: 40px 25px 55px;height: 190px;float: left;background-color: #FFF;}
.index-course-show ul li div.date {position: relative;height: 56px;}
.index-course-show ul li div.date p.d {font-size: 48px;font-weight: bold;color: #b1b1b1;position: absolute;left: 0;top: 0;}
.index-course-show ul li div.date p.ym {background-color: #FFF;color: #6c6a6b;font-size: 12px;position: absolute;left: 65px;bottom: 0;}
.index-course-show ul li h5 {font-size: 16px;color: #333333;font-weight: bold;margin-top: 30px;overflow: hidden;text-overflow: ellipsis;}
.index-course-show ul li div.des {margin-top: 25px;font-size: 14px;color: #999999;line-height: 24px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;}
.index-course-show ul li:hover {background-color: #ecebe9;}
.index-course-show ul li:hover div.date p.d {color: #e06d2d;}
.index-course-show ul li:hover div.date p.ym {background-color: #ecebe9;}
.index-news-box {width: 1200px;margin: 0 auto;padding: 0px 0;overflow: hidden;}
.index-news-box div.left {
	float: left;
	width: 480px;
	height: 480px;
	position: relative;
	overflow: hidden;
}

.index-news-box div.left img {
	width: 100%;
	height: 100%;
}

.index-news-box div.left img {
	display: block;
	transition: 500ms ease-out;
	-webkit-transition: 500ms ease-out;
	-ms-transition: 500ms ease-out;
	-moz-transition: 500ms ease-out;
	-o-transition: 500ms ease-out;
}

.index-news-box div.left:hover img {
	transform: scale(1.06);
	-webkit-transform: scale(1.06);
	-moz-transform: scale(1.06);
	-ms-transform: scale(1.06);
}

.index-news-box div.left h5 {
	width: 240px;
	height: 80px;
	text-align: center;
	line-height: 80px;
	color: #fff;
	font-size: 30px;
	background-color: #e06d2d;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
}

.index-news-box div.left div.des {
	position: absolute;
	width: 335px;
	height: 100px;
	left: 0;
	bottom: 80px;
	background-color: rgba(0,0,0,.5);
	display: -webkit-box;
	-webkit-box-align: center;
	font-size: 16px;
	line-height: 36px;
	color: #fff;
}

.index-news-box div.left div.des div {
	margin-left: 25px;
}

.index-news-box div.left div.des span {
	display: block;
}

.index-news-box div.right {
	float: right;
	width: 720px;
	height: 480px;
	overflow: hidden;
	background-color: #f7f7f7;
}

.index-news-box div.right div.top {
	width: 100%;
	height: 235px;
	display: -webkit-box;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	text-align: center;
	font-size: 14px;
	color: #777777;
	line-height: 20px;
}

.top h1{
    font-size: 24px;
    color: #555555;
    position: relative;
    padding-bottom: 20px;
    padding-top: 20px;
    font-weight: bold;
}

.index-news-box div.right div.top h5 {
	font-size: 32px;
	color: #555555;
	position: relative;
	padding-bottom: 20px;
}

.index-news-box div.right div.top h5:after {
	content: "";
	width: 50px;
	height: 1px;
	background-color: #a3a3a3;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -25px;
}

.index-news-box div.right div.top div.des {
	margin-top: 10px;
}

.des p {
    font-size: 14px;
    margin: 0px 5px;
    text-indent: 1.2em;
}

.index-news-box div.right div.top a.more {
	width: 130px;
	height: 38px;
	display: block;
	margin: 15px auto 0;
	text-align: center;
	line-height: 38px;
	font-size: 16px;
	color: #666666;
	border: 1px solid #999999;
}

.index-news-box div.right div.bottom {
	width: 100%;
	height: 245px;
	display: -webkit-box;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	text-align: center;
}

.index-news-box div.right div.bottom div.recruit {
	width: 50%;
	height: 100%;
	display: -webkit-box;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	background-color: #e06d2d;
	overflow: hidden;
}

.index-news-box div.right div.bottom div.recruit img {
	width: 100%;
	display: block;
	transition: 500ms ease-out;
	-webkit-transition: 500ms ease-out;
	-ms-transition: 500ms ease-out;
	-moz-transition: 500ms ease-out;
	-o-transition: 500ms ease-out;
}

.index-news-box div.right div.bottom div.recruit:hover img {
	transform: scale(1.06);
	-webkit-transform: scale(1.06);
	-moz-transform: scale(1.06);
	-ms-transform: scale(1.06);
}

.index-news-box div.right div.bottom div.recruit p {
	font-size: 30px;
	color: #ffffff;
	margin-top: 20px;
}

.index-news-box div.right div.bottom div.video {
	width: 50%;
	height: 100%;
	overflow: hidden;
}

.index-news-box div.right div.bottom div.video img {
	width: 100%;
}

.index-news-box div.right div.bottom div.video img {
	display: block;
	transition: 500ms ease-out;
	-webkit-transition: 500ms ease-out;
	-ms-transition: 500ms ease-out;
	-moz-transition: 500ms ease-out;
	-o-transition: 500ms ease-out;
}

.index-news-box div.right div.bottom div.video:hover img {
	transform: scale(1.06);
	-webkit-transform: scale(1.06);
	-moz-transform: scale(1.06);
	-ms-transform: scale(1.06);
}
/*底部*/
footer{width:100%; background: #182029}
.footer-zx{width: 100%;height:80px;background:#791f1f;margin-top:50px;line-height: 80px;text-align: center;font-size: 20px;}
.footer-zx p{font-size: 20px; color: #fff}
/* 字体闪烁 */
@keyframes colorChange {
0% { color: #fff; } /* 白色 */
50% { color: #6d6b6b; } /* 灰色 */
100% { color: #fff; } /* 回到白色，完成一个周期 */}
.footer-zx a {animation: colorChange 1s infinite; /* 1秒完成一个周期，无限次播放 */}
.footer-bk-1{ width: 1480px; margin: 0 auto ;padding-top: 50px; padding-bottom:20px;}
.contact_desc{height:200px; margin: auto; border-bottom:1px solid #6d6b6b;}
.contact_desc ul li{ float: left; width: 400px; height: 180px; text-align: left; margin-left:50px;  }

.contact_t1{ font-size: 18px; color: #fff; line-height: 30px;}
.contact_t2{ font-size: 18px; color: red;  line-height: 30px;}
.contact_t3{ font-size: 14px; color: #a19b9b; line-height: 30px;}
.contact_t4{ font-size: 10px; color: #ccc;}
.cooperate { color:#fff !important; }
.landline { color:#fff !important; }
.workstime { color:#fff !important; }
.close_desc{width: 1350px; margin: auto;padding:10px 0;font-size: 12px;border-bottom:1px solid #6d6b6b;}
.close_desc span{font-size: 14px;color: white;}
.close_desc a{margin-right:10px;color: #a5a5a5;}
.power_desc{width: 1350px;margin: auto;text-align: center;margin-top: 30px;color: #6b6b6b;}

/*
.footer {
	width: 100%;
	background-color: #503a2d;
}

.footer-box {
	width: 1200px;
	margin: 0 auto;
	padding: 30px 0;
	display: -webkit-box;
	-webkit-box-align: start;
	font-size: 14px;
	color: #ffffff;
	line-height: 32px;
	overflow: hidden;
}

.footer-box ul {
	margin-right: 49px;
}

.footer-box ul li a {
	color: #ffffff;
}

.footer-box ul li:first-child a {
	font-size: 18px;
	color: #ffffff;
	position: relative;
	padding-bottom: 20px;
	display: block;
	margin-bottom: 10px;
}

.footer-box ul li:first-child a:after {
	content: "";
	width: 30px;
	height: 2px;
	background-color: #e06d2d;
	position: absolute;
	bottom: 0;
	left: 0;
}

.footer-box ul li span {
	font-weight: bold;
	color: #e06d2d;
}

.footer-box div.ewm {
	margin-right: 50px;
	text-align: center;
}

.footer-box div.ewm p {
	font-size: 16px;
	color: #ffffff;
}

.footer-box div.ewm:last-child {
	margin-right: 0;
}

.copyright-box {
	width: 100%;
	border-top: 1px solid #e06d2d;
}

.copyright-show {
	height: 35px;
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	line-height: 35px;
	font-size: 15px;
	color: #ffffff;
}

.copyright-show a {
	color: #fff;
}*/

.copyright-show div.left {
	float: left;
}

.copyright-show div.right {
	float: right;
}

.index-case-menu1 {
	display: none;
}

.index-case-show1 {
	display: none;
}

.index-tp {
	display: none;
}

.index-course-menu1 {
	display: none;
}

.index-course-show1 {
	display: none;
}

.sj_foot {
	display: none;
}

#position {
	display: none;
}

.wap_nav {
	display: none;
}

.banner-s img {
	display: block;
	width: 100%;
}

.service_tit {
	font-size: 30px;
	line-height: 54px;
	border-bottom: 1px solid #e3e3e3;
	text-align: center;
	margin-top: 30px;
	position: relative;
	color: #333;
	font-weight: 600;
}

.service_tit span {
	width: 50px;
	height: 3px;
	background: #182029;
	display: block;
	position: absolute;
	bottom: -2px;
	left: 50%;
	margin-left: -25px;
}

.service_p {
	font-size: 15px;
	line-height: 28px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	position: relative;
	color: #999;
}

.service_tp {
	width: 1200px;
	margin: 20px auto 0;
}

.service_tp img {
	width: 100%;
	display: block;
}

.service_sz_bg {
	background: url(../images/service3.jpg) no-repeat center;
	padding-top: 60px;
	padding-bottom: 125px;
	margin-top: 10px;
}

.service_sz_bg .service_tit1 {
	font-size: 30px;
	line-height: 54px;
	border-bottom: 1px solid #e3e3e3;
	text-align: center;
	position: relative;
	color: #fff;
	font-weight: 600;
}

.service_sz_bg .service_tit1 span {
	width: 50px;
	height: 3px;
	background: #fff;
	display: block;
	position: absolute;
	bottom: -2px;
	left: 50%;
	margin-left: -25px;
}

.service_sz_bg .service_p1 {
	font-size: 15px;
	line-height: 28px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	position: relative;
	color: #fff;
}

.service_sz_bg .service_tp1 {
	width: 1200px;
	margin: 82px auto 0;
}

.service_sz_bg .service_tp1 img {
	width: 100%;
	display: block;
}

.service_sh {
	width: 1200px;
	margin: 65px auto 70px;
}

.service_sh dl {
	width: 280px;
	height: 300px;
	float: left;
	margin-right: 26px;
	position: relative;
	border-radius: 8px;
}

.service_sh dl:last-child {
	margin-right: 0;
}

.service_sh dl:nth-child(1) {
	background: #d86c00;
}

.service_sh dl:nth-child(2) {
	background: #339933;
}

.service_sh dl:nth-child(3) {
	background: #3366cc;
}

.service_sh dl:nth-child(4) {
	background: #cc3300;
}

.service_sh dl dt {
	font-size: 42px;
	font-weight: bold;
	width: 51px;
	height: 66px;
	padding-left: 15px;
	line-height: 66px;
	border-radius: 50%;
	border: 2px solid #fff;
	font-style: italic;
	color: #fff;
	position: absolute;
	left: 50%;
	margin-left: -35px;
	top: -34px;
}

.service_sh dl:nth-child(1) dt {
	background: #d86c00;
}

.service_sh dl:nth-child(2) dt {
	background: #339933;
}

.service_sh dl:nth-child(3) dt {
	background: #3366cc;
}

.service_sh dl:nth-child(4) dt {
	background: #cc3300;
}

.service_sh dl .tit {
	text-align: center;
	color: #fff;
	font-size: 24px;
	line-height: 50px;
	margin-top: 40px;
}

.service_sh dl .des {
	color: #fff;
	font-size: 16px;
	padding: 0 27px;
	line-height: 26px;
}

.service_sh1 {
	display: none;
}

.clearfix:after {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	line-height: 0;
	content: '.';
}

.Bgal {
	width: 100%;
	height: auto;
	margin: 0 auto;
	z-index: 999;
}

.Bgal .Bgal_title {
	width: 1200px;
	border: 1px solid #e3e3e3;
	height: 60px;
	margin: auto;
	margin-bottom: 30px;
	background: #fff;
}

.Bgal .Bgal_title ul {
	float: left;
}

.Bgal .Bgal_title .path {
	float: right;
}

.Bgal .Bgal_title li {
	float: left;
	padding: 0px 23px;
}

.Bgal .Bgal_title li.current {
	background: #182029;
}

.Bgal .Bgal_title li.current a {
	color: #fff;
}

.Bgal .Bgal_title li:hover {
	background: #b8b8b8;
	color: #FFF
}

.Bgal .Bgal_title li:hover a {
	color: #FFF
}

.Bgal .Bgal_title li a {
	font-size: 16px;
	color: #666;
	line-height: 60px;
	display: block;
}

.Bgal .Bgal_title .path {
	font-size: 14px;
	color: #999999;
	line-height: 60px;
	padding-right: 10px;
}

.Bgal .Bgal_title .path a {
	color: #999;
}

.Bgal .Bgal_title .path span {
	color: #b8b8b8;
}

.Bgal_body {
	width: 1200px;
	height: auto;
	overflow: hidden;
}

.Bgal_body ul li {
	width: 360px;
	height: 358px;
	background: #fff;
	box-shadow: 10px 10px 20px #d6d6d6;
	text-align: center;
	margin-right: 60px;
	float: left;
	margin-bottom: 40px;
}

.Bgal_body ul li:nth-child(3n) {
	margin-right: 0px;
}

.Bgal_body a {
	display: inline-block;
}

.Bgal_body .img_z {
	max-height: 280px;
	overflow: hidden;
}

.Bgal_body p {
	font-size: 16px;
	color: #333;
	text-align: center;
	margin-top: 20px;
}

.Bgal_body span {
	display: inline-block;
	width: 43px;
	height: 3px;
	background: #e2783d;
	margin: 12px 0px 0px;
}

.page {
	width: 100%;
	height: 100px;
	overflow: hidden;
	padding: 20px 0px 0px 0px;
	margin-top: 30px;
	text-align: center;
}

.page a {
	padding: 5px 10px;
	border: 1px solid #d5d5d5;
	margin: 0px 5px;
	color: #83898e;
	font-size: 14px;
}

.page a:nth-child(2) {
	background: #e2783d;
	color: #fff;
}

.zjzx_body {
	width: 100%;
	height: auto;
	background: #fdedd9 url(../images/list_bg__02.jpg) no-repeat;
	overflow: hidden;
}

.zjzx_body ul {
	width: 1200px;
	height: auto;
	margin: 50px auto 0px;
}

.zjzx_body ul li {
	width: 1140px;
	height: 340px;
	background: #fff;
	border-radius: 40px;
	padding: 30px;
	margin-bottom: 30px;
}

.zjzx_body ul li .left {
	float: left;
	width: 390px;
	height: 340px;
	display: flex;
	align-items: center;
	box-sizing: border-box;
}

.zjzx_body ul li .left img {
	display: block;
	border-radius: 5%;
}

.zjzx_body ul li .right {
	float: right;
	width: 750px;
}

.zjzx_body ul li .right h3 {
	font-size: 24px;
	color: #333;
	padding: 30px 0px;
	border-bottom: 1px solid #e6e6e6;
}

.zjzx_body ul li .right span {
	display: block;
	width: 60px;
	height: 3px;
	background: #e2783d;
	margin-top: -2px;
}

.zjzx_body ul li .right p.a1 {
	font-size: 16px;
	color: #333;
	background: url(../images/map_03.png) no-repeat;
	padding-left: 20px;
	margin-top: 22px;
	margin-bottom: 20px;
}

.zjzx_body ul li .right p.a2 {
	line-height: 26px;
	color: #666;
	font-size: 14px;
}

.zjzx_body ul li .right .a3 {
	width: 116px;
	background: #e2783d;
	border-radius: 18px;
	color: #fff;
	line-height: 36px;
	text-align: center;
	display: block;
	font-size: 14px;
	margin-top: 16px;
	margin-left: 10px;
	float: left;
}

.zjzx_body ul li .right .a3 a {
	color: #fff;
}

.zjzx_body ul li:hover span {
	width: 750px;
	transition: 0.5s
}

.clear {
	clear: both;
}

.page_te {
	margin-bottom: -200px;
	position: relative;
}

.page_te a {
	background: #fff;
	border: none;
}

.page_btm {
	width: 100%;
	height: 178px;
	background: url(../images/zjf_16.jpg) bottom center;
	margin-top: 100px;
}

.zjzx_x {
	width: 100%;
	height: auto;
	background: #fdedd9 url(../images/f3_02.jpg) top center no-repeat;
	overflow: hidden;
}

.zjzx_x .zjzx_x_body {
	width: 1200px;
	height: auto;
	margin: 63px auto 0px;
}

.zjzx_x_body .left {
	float: left;
	width: 360px;
}

.zjzx_x_body .left h3 {
	font-size: 24px;
	color: #333;
	padding: 0px 0px 30px 0px;
	border-bottom: 1px solid #e2783d;
}

.zjzx_x_body .left span {
	display: block;
	width: 60px;
	height: 3px;
	background: #e2783d;
	margin-top: -2px;
}

.zjzx_x_body .left p.a1 {
	font-size: 16px;
	color: #333;
	background: url(../images/map_03.png) no-repeat;
	padding-left: 20px;
	margin-top: 22px;
	margin-bottom: 20px;
}

.zjzx_x_body .left .a2 {
	line-height: 26px;
	color: #666;
	font-size: 14px;
}

.zjzx_x_body .left .a3 {
	width: 115px;
	background: #e2783d;
	border-radius: 25px;
}

.zjzx_x_body .left .a3 a {
	color: #fff;
	line-height: 46px;
	text-align: center;
	display: block;
	font-size: 14px;
	margin-top: 114px;
}

.zjzx_x_body .right {
	float: right;
	width: 770px;
	height: 450px;
	background: #fff;
	border-radius: 30px;
	padding: 15px;
	overflow: hidden;
}

.zjzx_x_body .right .img_box {
	width: 100%;
	height: 450px;
	border-radius: 30px;
	overflow: hidden;
}

.zjzx_x_body .right .list {
	width: 100%;
	height: 12px;
	margin-top: -28px;
	position: relative;
	text-align: center;
}

.zjzx_x_body .right .list span {
	display: inline-block;
	width: 12px;
	height: 12px;
	background: #fff;
	margin: 0px 9px;
	border-radius: 50%;
	opacity: 0.3;
}

.zjzx_x_body .right .list span.current {
	opacity: 1;
}

.zjzx_x_body .right .list_btn {
	width: 100%;
	height: 72px;
	margin-top: -31px;
	position: relative;
	top: -50%;
	padding: 0px 5px;
	box-sizing: border-box;
}

.zjzx_x_body .right .list_btn .l {
	float: left;
}

.zjzx_x_body .right .list_btn .r {
	float: right;
}

.img_box .swiper-button-prev {
	background: url("../images/ft1.png") no-repeat;
	; right: auto;
	left: 10px;
}

.img_box .swiper-button-next {
	background: url("../images/ft2.png") no-repeat;
	; right: 10px;
	left: auto;
}

.img_box .swiper-button-next, .img_box .swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 72px;
	height: 72px;
	margin-top: -36px;
	z-index: 10;
	cursor: pointer;
	-moz-background-size: 100%;
	-webkit-background-size: 100%;
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.img_box .swiper-pagination-bullet-active {
	opacity: 1;
	background: #fff;
}

.zjzx_x_body .right img {
	width: 100%;
	height: 450px;
}

.zjzx_x_body .cases {
	width: 100%;
	height: auto;
	margin-top: 110px;
}

.zjzx_x_body .cases .wap {
	display: none;
}

.zjzx_x_body .cases h3 {
	font-size: 24px;
	color: #333;
	margin-bottom: 40px;
}

.zjzx_x_body .cases li {
	width: 360px;
	height: 280px;
	border-radius: 30px;
	overflow: hidden;
	margin-right: 60px;
	float: left;
	position: relative;
}

.zjzx_x_body .cases li:nth-child(3) {
	margin: 0px;
}

.zjzx_x_body .cases li a {
	display: block;
	width: 100%;
	height: auto;
}

.zjzx_x_body .cases li img {
	width: 100%;
}

.zjzx_x_top {
	overflow: hidden;
	color: #fff;
}

.zjzx_x_body .cases li a .cover {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 280px;
	background: rgba(0,0,0,0);
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.zjzx_x_body .cases li:hover .cover {
	background: rgba(0,0,0,0.3)
}

.zjzx_x_body .cases li a h4 {
	font-size: 20px;
	text-align: center;
	color: #fff;
	margin-bottom: 24px;
}

.zjzx_x_body .cases li a .xq {
	font-size: 14px;
	padding: 8px 0px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	width: 90%;
	margin: 0 auto;
	text-align: center;
	color: #fff;
}

.zjzx_x_body .cases li a .bottom {
	width: 200px;
	height: auto;
	position: absolute;
	top: 100px;
	margin-left: -100px;
	left: 50%;
	opacity: 0;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	-webkit-transition: all 1s;
	transition: all 1s;
}

.zjzx_x_body .cases li:hover a .bottom {
	opacity: 1;
}

.bgjj {
	background: #fff;
	padding-bottom: 60px;
}

.bgjj .zjzx_x_body .left h3 {
	font-size: 24px;
	color: #333;
	padding: 0px 0px 30px 0px;
	border-bottom: 1px solid #e6e6e6;
}

.bgjj .zjzx_x_body .right {
	width: 800px;
	height: 480px;
	padding: 0;
}

.bgjj .zjzx_x_body .left span {
	margin-bottom: 20px
}

.bgjj .zjzx_x_body .left .a3 {
	border-radius: 0;
}

.bgjj .img_box .swiper-button-prev {
	background: url("../images/left_bgjj.png") no-repeat;
	; right: auto;
	left: 10px;
}

.bgjj .img_box .swiper-button-next {
	background: url("../images/right_bgjj.png") no-repeat;
	; right: 10px;
	left: auto;
}

.bgjj .img_box .swiper-button-next, .bgjj .img_box .swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 55px;
	height: 81px;
	margin-top: -40px;
	z-index: 10;
	cursor: pointer;
	-moz-background-size: 100%;
	-webkit-background-size: 100%;
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.bgjj .img_box .swiper-pagination-bullet-active {
	opacity: 1;
	background: #fff;
}

.bgjj .zjzx_x_body .cases li {
	border-radius: 0px;
	width: 380px;
	margin-right: 30px;
}

.bgjj .zjzx_x_body .cases li:nth-child(3) {
	margin: 0px;
}

.banner-s {
	position: relative;
	margin-bottom: 30px;
}

.de_path {
	width: 1200px;
	height: 70px;
	background: rgba(255,255,255,0.9);
	position: absolute;
	bottom: 42px;
	left: 50%;
	margin-left: -600px;
	overflow: hidden;
}

.de_path .left {
	width: 120px;
	line-height: 70px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	background: #e2783d;
	float: left;
}

.de_path .right {
	font-size: 14px;
	color: #999;
	line-height: 70px;
	padding-right: 26px;
	float: right;
}

.de_path .right a {
	color: #e2783d;
}

.design {
	width: 1200px;
	height: auto;
	margin: 50px auto 10px;
}

.design li {
	width: 390px;
	height: 280px;
	overflow: hidden;
	margin-right: 15px;
	float: left;
	position: relative;
	margin-bottom: 30px;
}

.design li:nth-child(3n) {
	margin: 0px;
}

.design .di {
	width: 100%;
	height: 40px;
	background: rgba(0,0,0,0.7);
	position: absolute;
	bottom: 0px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 40px;
}

.design li a {
	display: block;
	width: 100%;
	height: auto;
}

.zjzx_x_top {
	overflow: hidden;
	color: #fff;
}

.design li a .cover {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 280px;
	background: rgba(0,0,0,0);
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.design li:hover .cover {
	background: rgba(0,0,0,0.3)
}

.design li a h4 {
	font-size: 20px;
	table-layout: center;
	color: #fff;
	margin-bottom: 24px;
	font-weight: bold;
}

.design li a .xq {
	font-size: 14px;
	padding: 8px 0px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	width: 30%;
	margin: 0 auto;
	text-align: center;
	color: #fff;
	margin: 0 auto;
}

.design li a .bottom {
	width: 300px;
	text-align: center;
	height: auto;
	position: absolute;
	top: 100px;
	margin-left: -150px;
	left: 50%;
	opacity: 0;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	-webkit-transition: all 1s;
	transition: all 1s;
}

.design li:hover a .bottom {
	opacity: 1;
}

.zxkt_body {
	width: 100%;
	height: auto;
}

.zxkt_body .zxkt_title {
	width: 100%;
	text-align: center;
	height: auto;
	text-align: center;
	margin: 0px 0px 40px;
	position: relative;
}

.zxkt_body .zxkt_title p {
	font-size: 20px;
	color: #333;
	padding-bottom: 18px;
	border-bottom: 1px solid #e3e3e3;
	font-weight: bold;
}

.zxkt_title h3 {
	font-size: 20px;
	color: #333;
	padding-bottom: 18px;
	border-bottom: 1px solid #e3e3e3;
	font-weight: bold;
}

.zxkt_body .zxkt_title span {
	width: 140px;
	height: 3px;
	background: #ee7e1a;
	display: block;
	position: absolute;
	bottom: -1px;
	left: 50%;
	margin-left: -70px;
}

.zxkt_body .con_1 {
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}

.zxkt_body .con_1 li {
	width: 590px;
	float: left;
	position: relative;
	overflow: hidden;
	margin-top: 10px
}

.zxkt_body .con_1 li .jianjie {
	width: 370px;
	height: 35px;
	background: rgba(0,0,0,0.5);
	padding: 10px 0px 34px 30px;
	position: absolute;
	right: 0px;
	bottom: 30px;
}

.zxkt_body .con_1 li .jianjie .left {
	float: left;
	border-right: 1px solid #fff;
	padding-right: 20px;
	max-width: 290px;
}

.zxkt_body .con_1 li .jianjie .left h3 {
	color: #fff;
	font-size: 20px;
	line-height: 40px
}

.zxkt_body .con_1 li .jianjie .left p {
	color: #fff;
	font-size: 14px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.zxkt_body .con_1 li .jianjie .right {
	float: right;
	display: flex;
	width: 34px;
	height: 68px;
	align-items: center;
	text-align: center;
}

.zxkt_body .con_1 li img {
	display: block;
	width: 100%;
	transition: 500ms ease-out;
	-webkit-transition: 500ms ease-out;
	-ms-transition: 500ms ease-out;
	-moz-transition: 500ms ease-out;
	-o-transition: 500ms ease-out;
}

.zxkt_body .con_1 li:hover img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
}

.zxkt_body .con_1 li .jianjie .right img {
	width: auto;
}

.zxkt_body .con_1 li:nth-child(1) {
	margin-right: 20px;
}

.more_z {
	width: 100%;
	height: auto;
	text-align: center;
	clear: both;
}

.more_z a {
	display: inline-block;
	width: 110px;
	font-size: 16px;
	line-height: 46px;
	background: #e2783d;
	border-radius: 4px;
	color: #fff;
	margin: 20px 0px 0px;
}

.more_t a {
	border: 1px solid #e0e0e0;
	background: #f5f5f5;
	color: #666;
}/*新加样式*/.right_con {
	width: 320px;
	float: right;
	border-left: 1px solid #e6e4e4;
	border-left: 1px solid #e6e4e4;
}

.bjet {
	width: 1200px;
	margin: 0 auto;
	height: auto;
}

.con_left {
	height: auto;
	overflow: hidden;
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	padding: 10px;
	box-sizing: border-box;
}

.con_left ul {
	width: 300px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}

.con_left ul li {
	float: left;
	margin-right: 15px;
	margin-left: 15px;
	text-align: center;
	height: 300px;
	background: #fff;
	margin-bottom: 20px;
}

.con_left ul li img {
	width: 100%;
	display: block;
	height: 240px;
}

.con_left ul li:hover img {
	transition: 0.5s;
	transform: scale(1.06);
	-webkit-transform: scale(1.06);
	-moz-transform: scale(1.06);
	-ms-transform: scale(1.06);
}

.con_left ul li .a4 {
	max-height: 262px;
	overflow: hidden;
}

.con_left ul li span {
	width: 100px;
	height: 3px;
	background: #e2783d;
	position: absolute;
	left: 50%;
	margin-left: -50px;
}

.con_left ul li p {
	font-size: 16px;
	color: #333;
	position: relative;
	line-height: 46px;
	margin-top: 18px;
}

.con_left ul li:nth-child(3) {
}

.con_left ul li img {
	width: 100%;
	display: block;
	height: 240px;
}

/* 文章页右侧其它内容推荐列表美化 */
.zxkt_title1 {width: 100%;text-align: center;margin: 0 0 25px;position: relative;}
.zxkt_title1 h3 {font-size: 22px;color: #222;padding-bottom: 12px;border-bottom: 1px solid #eee;font-weight: 600;margin: 0;}
.zxkt_title1 span {width: 120px;height: 3px;background: #ee7e1a;display: block;position: absolute;bottom: -1px;left: 50%;transform: translateX(-50%);border-radius: 3px;}
.ket_list1 {width: 100%;max-width: 800px;margin: 0 auto;padding: 10px;box-sizing: border-box;}
.ket_list1 ul {width: 100%;list-style: none;padding: 0;margin: 0;}
.ket_list1 ul li {background: #fff;border: 1px solid #f0f0f0;border-radius: 10px;margin-bottom: 12px;padding: 16px;overflow: hidden;transition: all 0.28s ease;box-shadow: 0 1px 3px rgba(0,0,0,0.04);}
.ket_list1 ul li:hover {transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0,0,0,0.08);border-color: #e06d2d;}
.ket_list1 ul li .l_z {width: 100%;}
.ket_list1 ul li .l_z p {font-size: 16px;font-weight: 500;color: #333;margin: 0 0 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ket_list1 ul li .l_z .dulou {font-size: 14px;line-height: 1.6;color: #777;text-indent: 1em;margin: 0;}
.ket_list1 ul li a {text-decoration: none;display: block;}

/* 初始样式 */
.l_z {
    text-decoration: none; /* 移除链接下划线 */
    color: #333; /* 初始文本颜色 */
}
 
.l_z:hover {
    /* background-color: #f0f0f0; /* 鼠标悬停时的背景颜色 */
    /* color: #007BFF; /* 鼠标悬停时的文本颜色 */
}

.we_bottom {
	/*width: 100%*/
}

.bottom_left {
	float: left
}

.bottom_left span {
	font-size: 15px;
}

.bottom_right {
	float: right
}

/* 基础样式 */  
.we_bottom {  
    display: flex;  
    justify-content: space-between; 
    align-items: center;  
    padding: 10px;  
    border-top: 1px solid #ddd;  
    margin-top: 20px;  
}  
  
.bottom_left {  
    flex: 1; 
}  
  
.bottom_left span {  
    font-size: 12px;
    color: #999;
}  
  
/* 响应式设计 */  
@media (max-width: 768px) {  
    .we_bottom {  
        flex-direction: column; 
        align-items: flex-start; 
    }  
  
    .bottom_left {  
        flex: none; 
        width: 100%; 
        text-align: left; 
        padding: 0 1px; 
    }  
  
}
/*新加样式*/
@media screen and (max-width: 768px) {
  .right_con {
    width: 100%;}
  .con_left {
     width: 100%;}
  .con_left ul {
   width: 100%;
   padding-left: 3px;
}
  .con_left ul li {
    float: left;
    margin-right:5px;
    margin-left: 5px;
    text-align: center;
    width: 47%;
    height: 100%;
    background: #fff;
    margin-bottom: 20px;
}
  .con_left ul li img {
    width: 100%;
    display: block;
    height: 130px;
}
  .con_left ul li p {
    font-size: 16px;
    color: #333;
    position: relative;
    line-height: 32px;
    margin-top: 5px;
}
	.bjet {
		width: 100%
	}

.ket_list1 {
		display: none
	}

	.con_2 ul li img {
		width: 100%;
		display: block;
		height: 140px;
	}
}

.con_2 {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.con_2 ul {
	width: 1200px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}

.con_2 ul li {
	 float: left;
	text-align: center;
	height: 300px;
	width: 365px;
	background: #fff;
	    margin: 10px 10px 20px 22px;
}

/*.con_2 ul li:hover {
	box-shadow: 0px 5px 20px #666666;
    margin: 0px 10px 30px 22px;
}
.con_2 ul li .a4 {
	max-height: 262px;
	overflow:hidden
}*/
.con_2 ul li .a4 {
	max-height: 262px;
	overflow:hidden;/* 防止放大时图片溢出容器 */
	display: inline-block; /* 使容器大小适应图片 */
}
.a4:hover{
    transform: scale(1.05); /* 鼠标悬停时放大图片 */
}
.a4 {
    transition: transform 0.3s ease; /* 添加过渡效果 */
    width: 100%; /* 图片宽度可以根据需要调整 */
    height: auto; /* 保持图片比例 */
}
.con_2 ul li a img{transition: 700ms ease-out;
	-webkit-transition: 700ms ease-out;
	-ms-transition: 700ms ease-out;
	-moz-transition: 700ms ease-out;
	-o-transition: 700ms ease-out;}

.con_2 ul li span {
	width: 43px;
	height: 3px;
	background: #182029;
	position: absolute;
	left: 50%;
	margin-left: -21px;
}

.con_2 ul li p {
	font-size: 16px;
	color: #333;
	position: relative;
	line-height: 46px;
	margin-top: 18px;
      white-space: nowrap;
    overflow: hidden;
}

.con_2 ul li:nth-child(3) {
}

.con_2 ul li img {
	width: 100%;
	display: block;
	height: 240px;
}

.con_3 {
	background: #fff;
}

.con_3 .bgs {
	width: auto;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	margin-left: 50px;  
  margin-right: 20px; 
}

.con_3 .bgs ul li {
	width: 365px;
	position: relative;
	float: left;
	overflow: hidden;
}

.con_3 .bgs ul li {
	margin-right: 20px;
}

.con_3 .bgs ul li img {
	transition: 500ms ease-out;
	width: 100%;
	display: block;
}

.con_3 .bgs ul li:hover img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
}

.con_3 .bgs p {
	width: 100%;
	height: 40px;
	background: rgba(0,0,0,0.6);
	margin-top: -42px;
	position: absolute;
	line-height: 40px;
	color: #fff;
	font-size: 16px;
	padding: 0px 20px;
	box-sizing: border-box;
}

.con_3 .bgs dl {
	overflow: hidden;
}

.con_3 .bgs dl.current {
	margin-bottom: 16px;
	max-width: 500px;
	float: left;
	padding: 5px 5px 5px 5px;
}

.con_3 .bgs dl dt {
	float: left;
	overflow: hidden;
	border-radius: 5px;
	width: 32%;
}

.con_3 .bgs dl dt img {
	transition: 500ms ease-out;
	display: block;
	width: 100%;
  height: 77px;
}

/* 选择.bgs容器内的所有dl元素 */
.bgs dl {
    /* 初始样式，可以根据需要调整 */
    margin-bottom: 20px; /* 例如，给每个dl元素一些底部间距 */
    transition: background-color 0.3s ease, color 0.3s ease; /* 平滑的过渡效果 */
}
 
/* 当鼠标悬停在dl元素上时 */
.bgs dl:hover {
    background-color: #f0f0f0; /* 背景颜色变为浅灰色 */
    color: #333; /* 文本颜色变为深灰色（如果适用） */
}
 
/* 可选：为dl内的a元素添加悬停效果 */
.bgs dl a:hover {
    text-decoration: underline; /* 文本下划线 */
}

.current:hover img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
}

.current:hover .top {
	color: red
}

.con_3 .bgs dl dd.top {
	width: 62%;
	float: right;
	font-size: 16px;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.con_3 .bgs dl dd.bottom {
	width: 62%;
	float: right;
	font-size: 14px;
	color: #999;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-indent: 1em;
}

.con_4 {
	width: 100%;
	height: 662px;
	overflow: hidden;
	background: #f5f5f5;
}

.con_4 ul {
	width: 1200px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}

.con_4 ul li {
	float: left;
	margin-right: 52px;
	text-align: center;
	width: 365px;
	background: #fff;
}

.con_4 ul li:hover {
	box-shadow: 10px 5px 30px #dfdfdf;
}

.con_4 ul li .a4 {
	max-height: 262px;
}

.con_4 ul li span {
	width: 43px;
	height: 3px;
	background: #e2783d;
	position: absolute;
	left: 50%;
	margin-left: -21px;
}

.con_4 ul li p {
	font-size: 16px;
	color: #333;
	position: relative;
	line-height: 46px;
	margin-top: 18px;
}

.con_4 ul li:nth-child(3) {
	margin: 0px;
}

.con_4 ul li img {
	width: 100%;
	display: block;
}

.ket_list {
	width: 1200px;
	height: auto;
	margin: 0 auto;
}

.ket_list ul {
	width: 100%;
	height: auto;
}

.ket_list ul li {
	width: 1160px;
	height: 180px;
	padding: 20px;
	border-bottom: 2px solid #e3e3e3;
}

.ket_list ul li .r_z {
	float: left;
	width: 260px;
	margin-right: 50px;
	border-radius: 10px;
	overflow: hidden;
}

.ket_list ul li .r_z img {
	width: 100%;
	display: block;
	height: 180px;
}

.ket_list ul li .l_z {
	float: left;
	width: 850px;
}

.ket_list ul li .l_z h3 {
	margin: 10px 0px 16px;
	font-size: 20px;
	color: #333;
}

.ket_list ul li .l_z span {
	display: block;
	width: 52px;
	height: 2px;
	background: #182029;
}

.ket_list ul li .l_z .dulou {
	font-size: 14px;
	line-height: 24px;
	color: #666666;
	margin-top: 25px;
}

.ket_list ul li .l_z .date {
	font-size: 14px;
	color: #999999;
	margin-top: 26px;
}

.sub-navigation {
    background-color: #f5f5f5;
    padding: 2px 6px;
    border-radius: 4px;
    text-decoration: none; 
    color: #333; 
}

.ket_list ul li:hover {
	background: #f8f8f8;
}

.ket_list ul li:hover h3 {
	color: #182029;
}

.ket_list ul li:hover .l_z span {
}

.ket_list ul li:hover span {
	width: 850px;
	transition: 0.5s
}

.page_a1 {
	margin: 80px auto 100px;
}

.zxkt_N {
	width: 850px;
	float: left;
	margin: 0 auto;
	height: auto;
}

.zxkt_N h1 {
	font-size: 28px;
	font-weight: bold;
	color: #333;
	text-align: center;
	margin: 0 auto;
    width: 600px;
}

.zxkt_N .date_t .top {
	text-align: center;
	font-size: 12px;
	color: #999999;
	margin: 30px 0px 20px;
}

.reading {
    color: #ff0000;
    font-weight: bold;
}

.zxkt_N .date_t .bottom {
	width: 200px;
	height: 3px;
	background: #ee7e1a;
	position: absolute;
	left: 50%;
	margin-left: -100px;
	margin-top: -1px;
}

.zxkt_N .date_t {
	border-bottom: 2px solid #a7a6a6;
	position: relative;
}

.zxkt_N p.te {
	text-indent: 2em;
	margin-top: 40px;
	color: #666666;
}

.zxkt_N p {
	line-height: 30px;
	color: #666666;
}

.news_con {
	line-height: 24px;
	color: #666666;
	font-size: 1.4rem;
	padding-top: 10px;
}

.news_con ul li{
	padding-top: 10px;
	margin-left: 2em;
	list-style-type: disc;
}

.news_con ol li{
	padding-top: 10px;
	margin-left: 2em;
	list-style-type: disc;
	list-style-type: decimal;
	font-size: 16px;
}

.news_con hr {
    display: block;
    unicode-bidi: isolate;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: auto;
    margin-inline-end: auto;
    overflow: hidden;
    border-style: inset;
    border-width: 1px;
}

/* 导读新样式 */
.quote-box {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 20px;
    position: relative;
    margin: 20px 0;
    background-color: #f9f9f9;
}
 
.quote-label {
    position: absolute;
    top: -12px;
    left: 15px;
    background-color: #fff;
    padding: 0 8px;
    font-size: 16px;
    font-weight: bold;
    color: #e06d2d;
}

blockquote {
    background-color: #f5f5f5; 
    margin-top: 1em;
    margin-bottom: 1em;
    padding: 0.5em 1em; 
    border-radius: 8px; 
    border: 1px solid #ee7e1a; 
}
 
/* 正文内容 */
.quote-content {
    font-size: 14px;
    margin-top: 10px;
}


.news_con img {
    max-width: 100%;
    height: 100%!important;
    margin: 10px auto;
}
.news_con h2{
	font-weight: bold;
	color: #e06d2d;
	font-size: 18px;
	margin: 10px auto;
}
.news_con h3{
	font-weight: bold;
	color: #e06d2d;
    font-size: 16px;
    margin: 10px auto;
}

/* 悬停样式 */ 
.news_con a:hover {
	text-decoration: underline; /* 鼠标悬停时添加下划线 */
}

/* 字体加粗颜色 */ 
.news_con strong {
	color: #6a6a6a;
}
.news_con u {
  text-decoration: underline; /* 强制显示下划线 */
}

/*.news_con img {
  max-width: 100%;
  height: 100%!important;
}*/

@media (max-width: 768px){
.news_con img {max-width: 100%;height: 100%!important;}
}

.zxkt_N h4 {
	font-size: 14px;
	font-weight: bold;
	line-height: 100px;
}

/*文章声明*/
.faY {
  margin: 30px 0;
  padding: 15px 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.faY ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}
.faY li {
  font-size: 14px;
}
.faY a {
  color: #e2783d;
  text-decoration: none;
}
.faY a:hover {
  text-decoration: underline;
}

.zxkt_N .img_z {
	text-align: center;
	margin: 20px 0px;
}

.lxwM .Lxwm_title {
	width: 1200px;
	height: auto;
	margin: 50px auto 58px;
	position: relative;
}

.lxwM .Lxwm_title p {
	font-size: 30px;
	color: #333;
	padding-bottom: 18px;
	border-bottom: 1px solid #e3e3e3;
	text-align: center;
	font-weight: 600;
}

.lxwM .Lxwm_title span {
	width: 50px;
	height: 3px;
	background: #182029;
	display: block;
	position: absolute;
	bottom: -1px;
	left: 50%;
	margin-left: -25px;
}

.lxwM .jj_z {
	width: 1200px;
	height: auto;
	margin: 0 auto 60px;
}

.lxwM .jj_z dl {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.lxwM .jj_z dt {
	float: left;
	width: 530px;
	padding: 0px 0px 0px 106px;
	;
}

.lxwM .jj_z dd {
	float: left;
	width: 564px;
}

.lxwM .jj_z dd.top1 {
	font-size: 23px;
	font-weight: bold;
	color: #333;
	margin-top: 20px;
	text-align: center;
}

.lxwM .jj_z dd.top {
	font-size: 18px;
	font-weight: bold;
	color: #33333378;
	margin-top: 20px;
	text-align: center;
}

.lxwM .jj_z dd.middle {
	color: #666666;
	line-height: 24px;
	margin-top: 20px;
	font-size: 15px;
	text-indent: 2em;
}

.lxwM .jj_z dd.bottom {
	color: #666666;
	line-height: 24px;
	margin-top: 5px;
	font-size: 15px;
	text-indent: 2em;
}

.lxwM .linian_warp {
	width: 100%;
	background: url(../images/pr1_02.png)no-repeat center;
	hidden; position: relative;
	padding-top: 1px;
	padding-bottom: 50px;
}

.lxwM .linian_warp ul {
	width: 1200px;
	margin: 0 auto;
}

.lxwM .linian_warp ul li {
	width: 25%;
	text-align: center;
	float: left;
	margin-top: 42px;
	height: 140px;
	overflow: hidden;
}

.lxwM .linian {
}

.lxwM .linian .Lxwm_title {
	margin: 60px auto 30px;
}

.lxwM .linian .Lxwm_title p {
	color: #fff;
}

.lxwM .linian .Lxwm_title p span {
	background: #fff;
}

.lxwM .linian .linian_j {
	width: 1200px;
	height: auto;
	margin: 0 auto;
	text-align: center;
	line-height: 24px;
	color: #fff;
	font-size: 14px;
}

.youShi_con {
	width: 1200px;
	height: auto;
	margin: 0 auto 20px;
}

.youShi_con ul {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.youShi_con ul li {
	float: left;
	width: 588px;
	height: auto;
	overflow: hidden;
	margin-bottom: 10px;
}

.youShi_con ul li .l_img {
	float: left;
	width: 295px;
	height: auto;
}

.youShi_con ul li .l_img img {
	float: left;
	max-width: 100%;
	height: auto;
}

.youShi_con ul li .r_icon {
	float: left;
	width: 293px;
	height: 184px;
	background: #f8f8f8;
	position: relative;
	transition: 500ms ease-out;
	-webkit-transition: 500ms;
	-ms-transition: 500ms;
	-moz-transition: 500ms;
	-o-transition: 500ms;
	cursor: pointer;
}

.youShi_con ul li .r_icon .icon {
	width: 100%;
	text-align: center;
	height: 52px;
	; margin: 30px 0px 24px;
}

.youShi_con ul li:nth-child(1) .r_icon .icon {
	background: url(../images/ren_con1_03.jpg) no-repeat center center;
}

.youShi_con ul li:nth-child(2) .r_icon .icon {
	background: url(../images/ren_con1_05.jpg) no-repeat center center;
}

.youShi_con ul li:nth-child(3) .r_icon .icon {
	background: url(../images/ren_con1_10.jpg) no-repeat center center;
}

.youShi_con ul li:nth-child(4) .r_icon .icon {
	background: url(../images/ren_con1_13.jpg) no-repeat center center;
}

.youShi_con ul li .r_icon .icon img {
	display: inline;
}

.youShi_con ul li .r_icon h4 {
	font-size: 18px;
	color: #333;
	width: 100%;
	text-align: center;
}

.youShi_con ul li .r_icon p {
	font-size: 14px;
	color: #999;
	text-align: center;
	margin-top: 10px;
}

.youShi_con ul li .r_icon span {
	position: absolute;
	width: 25px;
	height: 26px;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	right: 10px;
	top: 14px;
}

.youShi_con ul li .r_icon i {
	position: absolute;
	top: 50%;
	left: -15px;
	border-bottom: 16px solid transparent;
	border-top: 16px solid transparent;
	border-right: 16px solid #ee7e1a;
	margin-top: -16px;
	height: 0;
	width: 0;
	display: none;
}

.youShi_con ul li .r_icon:hover i {
	border-right: 16px solid #ee7e1a;
	display: block;
}

.youShi_con ul li:nth-child(1n) {
	margin-right: 12px;
}

.youShi_con ul li.a3 .l_img {
	float: right;
}

.youShi_con ul li.a3 .r_icon {
	float: right;
}

.youShi_con ul li.a3 .r_icon i {
	position: absolute;
	top: 50%;
	right: -16px;
	left: auto;
	border-right: 0;
	border-bottom: 16px solid transparent;
	border-top: 16px solid transparent;
	border-left: 16px solid #ee7e1a;
	margin-top: -16px;
	height: 0;
	width: 0;
}

.youShi_con ul li .r_icon:hover {
	background: #ee7e1a;
}

.youShi_con ul li:nth-child(1) .r_icon:hover .icon {
	background-image: url(../images/ren_icon2_03.jpg);
}

.youShi_con ul li:nth-child(2) .r_icon:hover .icon {
	background-image: url(../images/ren_icon2_05.jpg);
}

.youShi_con ul li:nth-child(3) .r_icon:hover .icon {
	background-image: url(../images/ren_icon2_10.jpg);
}

.youShi_con ul li:nth-child(4) .r_icon:hover .icon {
	background-image: url(../images/ren_icon2_13.jpg);
}

.youShi_con ul li .r_icon:hover h4 {
	color: #fff;
}

.youShi_con ul li .r_icon:hover p {
	color: #fff;
}

.youShi_con ul li .r_icon:hover span {
	color: #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}

.youShi_con ul li.a3 .r_icon span {
	position: absolute;
	width: 25px;
	height: 26px;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	left: 10px;
	top: 14px;
	border-right: 0px;
}

.youShi_con ul li.a3 .r_icon:hover span {
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}

.contact {
	width: 1200px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}

.contact .map {
	width: 100%;
	height: auto;
	padding-bottom: 30px;
	border-bottom: 1px solid #eee;
	overflow: hidden;
}

.contact .left {
	float: left;
}

.contact .right {
	float: right;
}

.contact .left h3 {
	font-size: 24px;
	color: #333333;
	line-height: 30px;
	margin-bottom: 24px;
}

.contact .left p {
	font-size: 15px;
	color: #666666;
	line-height: 30px;
	padding-left: 20px;
}

.contact .left p.tel {
	background: url(../images/lx_06.jpg) no-repeat left center;
}

.contact .left p.adrss {
	background: url(../images/lx_09.jpg) no-repeat left center;
}

.contact .left p.mail {
	background: url(../images/lx_12.jpg) no-repeat left center;
	margin-bottom: 30px;
}

.contact .left .erweima {
	width: 100%;
	height: auto;
	padding-top: 30px;
	border-top: 1px solid #eeeeee;
}

.contact .left .erweima span {
	width: 50%;
	display: inline-block;
}

.contact .message {
	width: 100%;
	height: 415px;
	border-radius: 10px;
}

.contact .message h3 {
	font-size: 30px;
	/*background: #e2783d;*/
	height: 50px;
	width: auto;
	line-height: 50px;
	text-align: center;
	margin: auto;
	margin-top: 38px;
	margin-bottom: 30px;
	font-weight: bold;
	color: #000;
	border-radius: 10px;
}

.contact .message {
	overflow: hidden;
}

.message {
	background: #efefef;
}

.contact .message ul {
	/*width: 100%;*/
	height: auto;
	overflow: hidden;
	margin: 0 30px;
}

.contact .message ul li {
	height: 40px;
	position: relative;
	float: left;
	width: 48%;
	margin-bottom: 15px;
}

.contact .message ul li:nth-child(1) {
	margin-right: 4%;
}

.contact .message ul li i {
	position: absolute;
	top: 0px;
	left: 10px;
	font-style: normal;
	line-height: 40px;
	font-size: 14px;
	color: #999999;
}

.contact .message ul li input {
	width: 100%;
	border: 1px solid #e3e3e3;
	line-height: 40px;
	padding-left: 50px;
	cursor: auto;
	outline: none;
	box-sizing: border-box;
}

.contact .message ul li.text_z {
	width: 100%;
	height: auto;
}

.contact .message ul li.text_z textarea {
	width: 100%;
	height: 130px;
	border: 1px solid #e3e3e3;
	padding-left: 10px;
	line-height: 40px;
	box-sizing: border-box;
}

/* 输入框和文本框获得焦点时的样式 */
input[type="text"]:focus, input[type="tel"]:focus, textarea:focus {
  background-color: #f0f8ff; /* 改变背景颜色为浅蓝色 */
}

.contact .message ul li:nth-child(3) {
	margin: 0px;
}

.contact .message button {
	width: 200px;
	line-height: 50px;
	margin: 0 auto;
	color: #fff;
	font-size: 18px;
	display: block;
	margin-top: 30px;
	/*margin-bottom: 130px;*/
	border-radius: 10px;
	cursor: pointer;/* 确保鼠标手势为手指图标 */
}
button:hover {background-color: #e65a50; /* 鼠标悬停时的背景色 */}
button {background-color: #182029; /* 默认背景色 */transition: background-color 0.3s ease; /* 添加平滑过渡效果 */}

.zxnS {
	width: 1200px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	box-sizing: border-box;
}

.zxnS .head_z {
	width: 100%;
	height: auto;
	border: 1px solid #e9e9e9;
	overflow: hidden;
	margin-bottom: 10px;
	box-sizing: border-box;
}

.zxnS .head_z ul li {
	float: left;
	width: 20%;
	color: #666666;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 50px;
}

.zxnS .head_z ul li:nth-child(1) {
	text-align: left;
	padding-left: 30px;
	box-sizing: border-box;
}

.zxnS .bottom_z {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	overflow: hidden;
	margin-bottom: 100px;
}

.zxnS .bottom_z ul li ul {
	border: 1px solid #e9e9e9;
	width: 100%;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
	border-top: 0px;
}

.zxnS .bottom_z ul li ul li {
	float: left;
	width: 20%;
	color: #666666;
	font-size: 16px;
	text-align: center;
	line-height: 50px;
}

.zxnS .bottom_z ul li ul li:nth-child(5n) a {
	display: block;
	width: 116px;
	font-size: 14px;
	line-height: 38px;
	background: #e2783d;
	border-radius: 4px;
	margin: 6px auto 0px;
	color: #fff;
}

.zxnS .bottom_z ul li ul li:nth-child(5n) {
	position: relative;
}

.zxnS .bottom_z ul li ul li:nth-child(5n) span {
	position: absolute;
	top: 0px;
	right: 20px;
}

.zxnS .bottom_z ul li .bt_con {
	padding: 40px 30px 60px;
	box-sizing: border-box;
	overflow: hidden;
	border: 1px solid #e9e9e9;
	border-top: 0px;
	display: none;
	color: #666666;
	font-size: 14px;
	line-height: 30px;
}

.zxnS .bottom_z ul li ul li:nth-child(1) {
	text-align: left;
	padding-left: 30px;
	box-sizing: border-box;
}

.zxnS .bottom_z ul li .bt_con h4 {
	font-size: 14px;
	color: #666666;
	font-weight: bold;
	line-height: 30px;
}

.zxnS .bottom_z ul li .bt_con p {
	color: #666666;
	font-size: 14px;
	line-height: 30px;
}

.zxnS .bottom_z ul li .bt_con p.adress {
	margin-top: 10px;
}

.zxnS .bottom_z ul li .bt_con p.adress span {
	font-weight: bold;
}

.zxnS .bottom_z ul li .current {
	display: block;
}

.zjzx_x_body .cases .wap {
	display: none;
}

@media screen and (max-width: 768px) {
	html {
	}

	.header-box {
		width: 100%;
	}

	.index-case-show {
		width: 100%;
	}

	.index-case-show ul {
		width: 100%;
	}

	.index-case-show ul li {
		width: 100%;
	}

	.index-tel-show {
		width: 100%;
	}

	.index-idea-box {
		width: 100%;
	}

	.index-course-show {
		width: 100%;
	}

	.index-course-show ul {
		width: 100%;
	}

	.index-news-box {
		width: 100%;
	}

	.footer-box {
		width: 100%;
	}

	.copyright-show {
		width: 100%;
	}

	.Bgal {
		width: 100%;
	}

	.Bgal .Bgal_title {
		width: 100%;
	}

	.Bgal_body {
		width: 100%;
	}

	.zjzx_body ul {
		width: 100%;
	}

	.zjzx_x .zjzx_x_body {
		width: 100%;
	}

	.de_path {
		width: 100%;
	}

	.design {
		width: 100%;
	}

	.zxkt_body .con_1 {
		width: 100%;
	}

	.con_2 ul {
		width: 100%;
	}

	.con_3 .bgs {
		width: 100%;
	}

	.con_4 ul {
		width: 100%;
	}

	.ket_list {
		width: 100%;
	}

	.zxkt_N {
		width: 100%;
	}

	.lxwM .Lxwm_title {
		width: 100%;
	}

	.lxwM .jj_z {
		width: 100%;
	}

	.lxwM .linian_warp ul {
		width: 100%;
	}

	.lxwM .linian .linian_j {
		width: 100%;
	}

	.youShi_con {
		width: 100%;
	}

	.contact {
		width: 100%;
	}

	.zxnS {
		width: 100%;
	}

	.zjzx_x_body .cases .wap {
		display: block;
	}

	.zjzx_x_body .cases .pc {
		display: none;
	}

	.header-box div.logo {
		padding-left: 15px;
	}

	.header-box div.right {
		display: none;
	}

	.banner.swiper-pagination {
		bottom: 5px;
	}

	.banner.swiper-pagination-bullet {
		width: 25px;
		height: 2px;
	}

	.index-case-menu {
		display: none;
	}

	.index-case-show {
		display: none;
	}

	.index-case-menu1 {
		width: 100%;
		border-bottom: 1px solid #e3e3e3;
		display: block;
		margin: 30px auto 0;
	}

	.index-case-menu1 ul {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		list-style: none;
		padding: 0;
		margin: 0;
	}

	.index-case-menu1 ul li {
		width: 100px;
		float: left;
		padding: 20px 0;
		font-size: 15px;
		color: #666666;
		cursor: pointer;
		border-bottom: 2px solid transparent;
		flex: 0 0 25%;
		text-align: center;
	}

	.index-case-menu1 ul li p {
		text-align: center;
		border-right: 1px solid #e3e3e3;
	}

	.index-case-menu1 ul li.active h3 {
		border-bottom: 2px solid #e06d2d;
		color: #e06d2d;
		display: inline-block; /* 确保 h3 的宽度根据内容调整 */
        border-bottom: 2px solid #e06d2d; /* 设置下划线颜色和宽度 */
        padding-bottom: 4px; /* 可选：为下划线和文字增加一些间距 */
        margin: 0; /* 去除默认的外边距 */
	}

	.index-case-menu1 ul li:last-child p {
		border-right: none;
	}

	.index-case-show1 {
		margin: 30px auto 0;
		overflow: hidden;
		display: block;
	}

	.index-case-show1 ul {
		overflow: hidden;
		position: relative;
	}

	.index-case-show1 ul li {
		display: none;
	}

	.index-case-show1 ul li:first-child {
		display: block;
	}

	.index-case-show1 ul li div.show {
		width: 45.5%;
		;height: 140px;
		float: left;
		margin-left: 3%;
		margin-bottom: 12px;
		position: relative;
	}

	.index-case-show1 ul li div.show div.img {
		width: 100%;
		height: 100%;
		overflow: hidden;
	}

	.index-case-show1 ul li div.show div.img img {
		width: 100%;
		height: 100%;
	}

	.index-case-show1 ul li div.show div.img img {
		display: block;
		transition: 500ms ease-out;
		-webkit-transition: 500ms ease-out;
		-ms-transition: 500ms ease-out;
		-moz-transition: 500ms ease-out;
		-o-transition: 500ms ease-out;
	}

	.index-case-show1 ul li div.show:hover div.img img {
		transform: scale(1.06);
		-webkit-transform: scale(1.06);
		-moz-transform: scale(1.06);
		-ms-transform: scale(1.06);
	}

	.index-case-show1 ul li div.show div.txt {
		position: absolute;
		bottom: 0;
		left: 0;
		height: 40px;
		line-height: 40px;
		width: 100%;
		background-color: rgba(0,0,0,0.7);
		overflow: hidden;
	}

	.index-case-show1 ul li div.show div.txt p {
		float: left;
		font-size: 14px;
		color: #ffffff;
		margin-left: 5px;
	}

	.index-case-show1 ul li div.show div.txt img {
		float: right;
		margin-right: 3px;
		margin-top: 13px;
		display: block;
		width: 16px;
	}

	.index-tel-box {
	}

	.index-idea-box {
	}

	.index-tp {
		display: block;
	}

	.index-tp img {
		display: block;
		width: 100%;
		margin-bottom: 10px;
	}

	.index-news-box {
		width: 100%;
	}

	.index-news-box div.left {
		width: 100%;
		height: auto;
	}

	.index-news-box div.left img {
		display: block;
		width: 100%;
	}

	.index-news-box div.right {
		width: 100%;
		height: auto;
		float: none;
	}

	.index-news-box div.right div.bottom {
		height: auto;
	}

	.index-course-menu1 {
		display: block;
		width: 100%;
		border-bottom: 1px solid #e3e3e3;
		margin: 30px auto 0;
	}

	.index-course-menu1 ul {
		display: block;
     text-align: center;
	}

	.index-course-menu1 ul li {
		width: 25%;
		text-align: center;
		padding: 10px 0;
		font-size: 15px;
		color: #666666;
		cursor: pointer;
		border-bottom: 2px solid transparent;
      display: inline-block;
	}

	.index-course-menu1 ul li p {
		border-right: 1px solid #e3e3e3;
	}

	.index-course-menu1 ul li.active {
		border-bottom: 2px solid #e06d2d;
		color: #e06d2d;
	}

	.index-course-menu1 ul li:last-child p {
		border-right: none;
	}

	.index-course-show1 {
		display: block;
		margin: 40px auto;
		overflow: hidden;
	}

	.index-course-content1 {
		overflow: hidden;
		position: relative;
	}

	.index-course-show1 ul {
		overflow: hidden;
		/*float: left;*/
	}

	.index-course-show1 ul li {
		width: 45%;
		padding: 2.5%;
		height: 190px;
		float: left;
		/*margin-left: 1%;*/
		background-color: #FFF;
	}

	.index-course-show1 ul li div.date {
		position: relative;
		height: 56px;
	}

	.index-course-show1 ul li div.date p.d {
		font-size: 48px;
		font-weight: bold;
		color: #b1b1b1;
		position: absolute;
		left: 0;
		top: 0;
	}

	.index-course-show1 ul li div.date p.ym {
		background-color: #FFF;
		color: #6c6a6b;
		font-size: 12px;
		position: absolute;
		left: 60px;
		bottom: 0;
	}

	.index-course-show1 ul li h5 {
		font-size: 16px;
		color: #333333;
		font-weight: bold;
		margin-top: 40px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.index-course-show1 ul li div.des {
		margin-top: 25px;
		font-size: 14px;
		color: #999999;
		line-height: 24px;
		text-indent: 30px;
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
/*第几行*/
		-webkit-box-orient: vertical;
	}

	.index-course-show1 ul li:hover {
		background-color: #ecebe9;
	}

	.index-course-show1 ul li:hover div.date p.d {
		color: #e06d2d;
	}

	.index-course-show1 ul li:hover div.date p.ym {
		background-color: #ecebe9;
	}

	.index-course-show1 ul {
		display: none;
	}

	.index-course-show1 ul:first-child {
		display: block;
	}

	.index-course-menu {
		display: none;
	}

	.index-course-show {
		display: none;
	}

	.footer {
		display: none;
	}

	.sj_foot {
		display: block;
		padding-top:0px;
		/*padding-bottom: 80px;*/
		background: #f9f9f9;
	}

	.foot_logo {
		margin-bottom: 10px;
	}

	.foot_logo img {
		display: block;
		padding-left: 15px;
		display: none;
	}

	.pull-left {
		line-height: 28px;
		color: #ccc;
		font-size: 14px;
		padding-left: 15px;
	}

	.pull-left a {
		color: #ccc;
		font-size: 14px;
	}
	
.pull-left {
    display: flex; /* 使用flex布局使子元素并排显示 */
    justify-content: space-between; /* 子元素之间的间隔 */
    align-items: center; /* 子元素垂直居中 */


    padding: 10px; /* 内边距 */
    border-top: 1px solid #ccc; /* 上边框 */
    border-bottom: 1px solid #ccc; /* 下边框 */
    background-color: #182029; /* 背景色 */
    flex-direction: column;
}

.left, .right {
    font-size: 14px; /* 字体大小 */
    color: #ffffff; /* 字体颜色 */
    font-family: Arial, sans-serif; /* 字体家族 */
}

	#position {
		display: block;
		height: 40px;
		padding-top: 5px;
		position: fixed;
		bottom: 0px;
		left: 0px;
		width: 100%;
		z-index: 999;
		overflow: hidden;
		margin-bottom: 0px;
      text-align: center;
      border-top: 1px solid #ffffff38;
	}

	#position dd {
		width: 40%;
		text-align: center;
     display: inline-block;
		background: #227bd6;
		overflow: hidden;
	}

	#position dd font {
		display: block;
		padding-top:0px;
	}

	#position dd a {
		color: #FFF;
		text-decoration: none;
      display: inline-block;
      font-size: 15px;
      padding: 5px;
	}

	#blank {
		height: 64px;
	}

	.wap_nav {
		display: block;
		background: #313131;
	}

	.wap_nav .menu img {
		display: block;
		width: 25px;
		height: 15px;
		float: right;
		padding: 18px 25px;
	}

	.wap_nav ul {
		display: none;
		width: 93%;
		margin: 0 auto;
		padding-top: 10px;
	}

	.wap_nav ul li {
		padding-left: 20px;
		line-height: 50px;
		height: 50px;
		text-align: center;
	}

	.wap_nav ul li.active {
		background: #E37538;
	}

	.wap_nav ul li a {
		font-size: 14px;
		color: #fff;
	}

	.service_tp {
		width: 100%;
	}

	.service_sz_bg .service_tp1 {
		width: 96%;
	}

	.service_sh {
		display: none;
	}

	.service_sh1 {
		display: block;
		width: 96%;
		margin: 0 auto 10px;
	}

	.service_sh1 img {
		width: 100%;
		display: block;
	}

	.Bgal {
		width: 100%;
		margin: 0 auto;
	}

	.Bgal .Bgal_title {
		width: 100%;
		height: auto;
		overflow: hidden;
	}

	.Bgal .Bgal_title ul {
		width: 100%;
	}

	.Bgal .Bgal_title ul li {
		text-align: center;
		padding: 0px 13px;
	}

	.Bgal .Bgal_title ul li a {
		font-size: 14px;
		line-height: 30px;
	}

	.Bgal .Bgal_title .path {
		display: none;
	}

	.Bgal_body ul li {
		width: 100%;
		height: auto;
		box-shadow: 5px 5px 10px #f1f1f1;
	}

	.zjzx_body {
		background: #fdedd9;
		height: auto;
	}

	.Bgal_body {
		width: 100%;
	}

	.Bgal_body .img_z img {
		max-width: 100%;
		height: auto;
	}

	.Bgal_body span {
		margin-bottom: 10px;
	}

	.zjzx_body ul {
		width: 96%;
		marign: 0 auto;
		margin-top: 20px;
	}

	.zjzx_body ul li {
		width: 100%;
		height: 128px;
		padding: 20px;
		border-radius: 10px;
		padding: 10px;
		box-sizing: border-box;
		margin-bottom: 15px;
	}

	.zjzx_body ul li:hover {
		background: #E2783D;
	}

	.zjzx_body ul li .left {
		width: 110px;
		height: 100px;
	}

	.zjzx_body ul li .left img {
		max-width: 100%;
		height: auto;
	}

	.zjzx_body ul li .right {
		width: 62.5%;
	}

	.zjzx_body ul li .right h3 {
		font-size: 16px;
		padding: 10px 0px;
	}

	.zjzx_body ul li .right p.a1 {
		font-size: 13px;
		line-height: 20px;
	}

	.zjzx_body ul li .right p.a2 {
		font-size: 12px;
		display: none;
	}

	.zjzx_body ul li .right .a3 {
		display: none;
	}

	.page_btm {
		height: 80px;
		margin-top: 10px;
	}

	.zjzx_x .zjzx_x_body {
		width: 100% !important;
		margin: 30px 0px;
	}

	.lxwM .Lxwm_title {
		width: 98%;
	}

	.lxwM .jj_z {
		width: 98%;
	}

	.lxwM .jj_z dt {
		width: 98%;
		padding: 0px;
		text-align: center;
		margin: 0 auto;
		height: auto;
		float: none;
	}

	.lxwM .jj_z dd.top {
		text-align: center;
		width: 98%;
		margin: 10px 0px;
	}

	.lxwM .jj_z dd.middle {
		font-size: 14px;
		width: 96%;
		margin: 0 auto;
		text-indent: 2em;
		text-align: center;
	}

	.lxwM .jj_z dd.bottom {
		font-size: 14px;
		width: 96%;
		margin: 0 auto;
		text-indent: 2em;
		text-align: center;
	}

	.lxwM .jj_z dt img {
		max-width: 100%;
		height: auto;
		display: inline;
	}

	.lxwM .linian .linian_j {
		width: 98%;
		margin: 0 auto;
	}

	.youShi_con ul li {
		width: 100%;
	}

	.youShi_con ul li .l_img {
		width: 100%;
		text-align: center;
	}

	.youShi_con ul li .r_icon {
		width: 100%;
	}

	.youShi_con {
		width: 100%;
		overflow: hidden;
	}

	.youShi_con ul li .l_img img {
		float: none;
	}

	.lxwM .linian_warp {
		width: 100%;
		background: url(../images/pr1_02.png)no-repeat top #45413e;
		hidden; position: relative;
		padding-top: 1px;
		padding-bottom: 30px;
	}

	.lxwM .linian_warp ul {
		width: 100%;
		margin: 0 auto;
	}

	.lxwM .linian_warp ul li {
		width: 48%;
		text-align: center;
		float: left;
		margin-top: 50px;
	}

	.lxwM .linian_warp ul li img {
		width: 60%;
		margin: 0 auto;
		text-align: center;
		float: none;
		display: block;
        margin-right: 5px;
	}

	.lxwM .linian {
	}

	.lxwM .linian .Lxwm_title {
		margin: 20px auto 15px;
	}

	.lxwM .linian .Lxwm_title p {
		color: #fff;
	}

	.lxwM .linian .Lxwm_title p span {
		background: #fff;
	}

	.lxwM .linian .linian_j {
		width: 100%;
		height: auto;
		margin: 0 auto;
		text-align: center;
		line-height: 24px;
		color: #fff;
		font-size: 14px;
	}

	.contact {
		width: 96%;
		margin: 0 auto;
	}

	.contact .left {
		float: none;
		width: 100%;
	}

	.contact .right {
		float: none;
		width: 100%;
	}

	.contact .right img {
		width: 100%;
		height: auto;
	}

	.contact .message ul li {
		width: 100%;
	}

	.contact .message button {
		width: 40%;
		margin-top: 10px;
		font-size: 16px;
		line-height: 40px;
	}

	.contact .left .erweima span {
		text-align: center;
	}

	.contact .left .erweima span p {
		padding: 0px;
	}

	.contact .message ul li i {
		z-index: 10;
	}

	.contact .message ul li input {
		position: absolute;
		z-index: 0;
	}

	.zxnS {
		width: 100%;
	}

	.zxnS .head_z ul li {
		width: 33.3%;
	}

	.zxnS .head_z ul li:nth-child(2) {
		display: none;
	}

	.zxnS .head_z ul li:nth-child(3) {
		display: none;
	}

	.zxnS .bottom_z ul li ul li {
		width: 33.3%;
	}

	.zxnS .bottom_z ul li ul li:nth-child(2) {
		display: none;
	}

	.zxnS .bottom_z ul li ul li:nth-child(3) {
		display: none;
	}

	.zxnS .bottom_z ul li ul li:nth-child(5n) span {
		display: block;
		right: 6px;
	}

	.zxnS .bottom_z ul li .bt_con {
		display: none;
	}

	.zxnS .bottom_z ul li ul li:nth-child(5n) a {
		width: 60%;
	}

	.zxkt_N {
		width: 96%;
		margin: 0 auto;
		padding: 2%;
	}

	.zxkt_N h1 {
		font-size: 20px;
		margin: 0 auto;
        max-width: 500px;
        text-align: center;
        width: 100%;
	}

	.zxkt_N .date_t .top {
		margin: 15px 0px;
	}

	.zxkt_N .img_z img {
		display: block;
		width: 80%;
		margin: 0 auto;
	}

	.zxkt_N h4 {
		line-height: 60px;
	}

	.zxkt_N .faY li {
		width: 100%;
		height: auto;
	}

	.zxkt_body .con_1 {
		width: 98%;
		margin: 0 auto;
	}

	.zxkt_body .con_1 li {
		float: none;
		width: 100%;
		margin-top: 10px;
	}

	.zxkt_body .con_1 li:nth-child(1) {
		margin: 0px;
		margin-bottom: 10px;
	}

	.con_2 ul li {
/* margin-right: 52px; */
		width: 45%;
		float: left;
		height: 210px;
           margin: 0px 0px 0px 10px;
	}

	.con_2 ul li img {
		width: 100%;
		display: block;
		height: 150px;
	}

	.con_2 ul {
		width: 100%;
		height: auto;
	}

	.con_3 .bgs {
		width: 96%;
		margin: 0 auto;
	}

	.con_3 .bgs ul {
		width: 100%;
		height: auto;
		overflow: hidden;
	}

	.con_3 .bgs ul li {
		margin-bottom: 10px;
		width: 100%;
	}

	.con_3 .bgs a {
		width: 100%;
		height: auto;
		display: block;
	}

	.con_3 .bgs a img {
		width: 100%;
		height: auto;
	}

	.con_3 .bgs dl {
		margin-top: 10px;
	}

	.con_3 .bgs dl dt {
		width: 35%;
	}

	.con_3 .bgs dl dt img {
	}

	.con_3 .bgs dl dd {
		width: 48%;
	}

	.con_4 ul {
		width: 100%;
		overflow: hidden;
	}

	.con_4 ul li {
		float: none;
		text-align: center;
		height: auto;
		width: 100%;
		background: #fff;
		width: 94%;
		margin: 0 auto 10px;
	}

	.con_4 ul li:nth-child(3) {
		margin: 0 auto 10px;
	}

	.con_4 {
		height: auto;
	}

	.ket_list {
		width: 96%;
		margin: 0 auto;
	}

	.ket_list ul li .r_z {
		width: 30%;
		overflow: hidden;
		margin-right: 10px;
	}

	.ket_list ul li .r_z img {
		width: 100%;
		height: auto;
	}

	.ket_list ul li .l_z {
		width: 200px;
	}
	
	.l_z h3{
		width: 235px;
		}

	.ket_list ul li {
		padding: 0px;
		border-bottom: 1px solid #e3e3e3;
	}

	.ket_list ul li .l_z .dulou {
		display: none;
	}

	.ket_list ul li .l_z h3 {
		font-size: 16px;
		/*white-space: nowrap;*/
		text-overflow: ellipsis;
		margin: 0px 0px 10px 0px;
		width: 270px;
	}

	.ket_list ul li {
		height: auto;
		overflow: hidden;
		margin-bottom: 10px;
		padding-bottom: 10px;
		width: 100%;
	}

	.ket_list ul li .l_z .date {
		margin-top: 10px;
		font-size: 12px;
	}

	.Bgal .Bgal_title {
		margin: 0px 0px 30px;
	}

	.page_a1 {
		margin-top: 20px;
	}

	.zjzx_x_body .left {
		width: 100%;
		float: none;
	}

	.zjzx_x_body .right {
		width: 100%;
		margin: 0 auto;
		float: none;
		height: auto;
		background: #fff;
		border-radius: 10px;
		padding: 15px;
		overflow: hidden;
		box-sizing: border-box;
		position: relative;
	}

	.zjzx_x {
		width: 100%;
		height: auto;
		background: #fdedd9;
		overflow: hidden;
	}

	.zjzx_x_body .right .img_box {
		height: auto;
		background: #fff;
		border-radius: 10px;
	}

	.zjzx_x_body .left .a3 a {
		color: #fff;
		line-height: 40px;
		text-align: center;
		display: block;
		font-size: 14px;
		margin-top: 12px;
		margin-bottom: 40px;
	}

	.zjzx_x_body .right .list_btn img {
		height: 40px;
	}

	.zjzx_x_body .right .list_btn {
		height: 40px;
		display: none;
	}

	.zjzx_x_body .right .list {
		position: absolute;
	}

	.zjzx_x_top {
		width: 100%;
		padding: 2%;
		box-sizing: border-box;
	}

	.zjzx_x_body .cases {
		width: 96%;
		margin: 20px auto;
	}

	.zjzx_x_body .cases li {
		width: 49%;
		height: auto;
		margin: 0px;
		border-radius: 10px;
		border: 1px solid #fff;
		box-sizing: border-box;
	}

	.zjzx_x_body .cases li:nth-child(1) {
		margin-right: 2%;
	}

	.zjzx_x_body .cases li img {
		width: 100%;
		height: auto;
		display: block;
	}

	.zjzx_x_body .right img {
		width: 100%;
		height: auto;
	}

	.img_box .swiper-button-prev {
		background: url("../images/ft1.png") no-repeat;
		; right: auto;
		left: 10px;
	}

	.img_box .swiper-button-next {
		background: url("../images/ft2.png") no-repeat;
		; right: 10px;
		left: auto;
	}

	.img_box .swiper-button-next, .img_box .swiper-button-prev {
		position: absolute;
		top: 50%;
		width: 40px;
		height: 40px;
		margin-top: -20px;
		z-index: 10;
		cursor: pointer;
		-moz-background-size: 100%;
		-webkit-background-size: 100%;
		background-size: 100%;
		background-position: center;
		background-repeat: no-repeat;
	}

	.img_box .swiper-pagination-bullet-active {
		opacity: 1;
		background: #fff;
	}

	.zjzx_x_body .cases li h4 {
		color: #333;
		font-size: 14px;
		text-align: center;
		margin: 5px;
	}

	.zjzx_x_body .cases {
		border-top: 1px solid #e2783d;
	}

	.zjzx_x_body .cases h3 {
		margin: 20px;
	}

	.de_path {
		width: 96%;
		height: 48px;
		background: rgba(255,255,255,0.9);
		overflow: hidden;
		margin: 10px auto;
		position: relative;
		left: 0px;
		bottom: -10px;
	}

	.de_path .left {
		height: 48px;
		line-height: 48px;
	}

	.de_path .right {
		line-height: 48px;
	}

	.design {
		width: 96%;
		margin:0 auto;
	}

	.design ul li {
		width: 100%;
		margin-right: 0%;
		height: auto;
		margin-bottom: 10px;
	}

	.design li:nth-child(3n) {
		margin-bottom: 10px;
	}

	.design ul li img {
		width: 100%;
	}

	.design li a .cover {
		height: auto;
	}

	.design li a .bottom {
		display: none;
	}

	.bgjj {
		background: #fff;
	}

	.bgjj .zjzx_x_body .left {
		width: 100%;
		float: none;
	}

	.bgjj .zjzx_x_body .right {
		width: 100%;
		margin: 0 auto;
		float: none;
		height: auto;
		background: #fff;
		border-radius: 10px;
		padding: 0;
		overflow: hidden;
		box-sizing: border-box;
		position: relative;
	}

	.bgjj .zjzx_x {
		width: 100%;
		height: auto;
		background: #fdedd9;
		overflow: hidden;
	}

	.bgjj .zjzx_x_body .right .img_box {
		height: auto;
		background: #fff;
		border-radius: 10px;
	}

	.bgjj .zjzx_x_body .left .a3 a {
		color: #fff;
		line-height: 40px;
		text-align: center;
		display: block;
		font-size: 14px;
		margin-top: 12px;
		margin-bottom: 40px;
	}

	.bgjj .zjzx_x_body .right .list_btn img {
		height: 40px;
	}

	.bgjj .zjzx_x_body .right .list_btn {
		height: 40px;
		display: none;
	}

	.bgjj .zjzx_x_body .right .list {
		position: absolute;
	}

	.bgjj .zjzx_x_top {
		width: 100%;
		padding: 2%;
		box-sizing: border-box;
	}

	.bgjj .zjzx_x_body .cases {
		width: 96%;
		margin: 20px auto;
	}

	.bgjj .zjzx_x_body .cases li {
		width: 49%;
		height: auto;
		margin: 0px;
		border-radius: 0px;
		border: 1px solid #fff;
		box-sizing: border-box;
	}

	.bgjj .zjzx_x_body .cases li:nth-child(1) {
		margin-right: 2%;
	}

	.bgjj .zjzx_x_body .cases li img {
		width: 100%;
		height: auto;
		display: block;
	}

	.bgjj .zjzx_x_body .right img {
		width: 100%;
		height: auto;
	}

	.bgjj .img_box .swiper-button-prev {
		background: url("../images/left_bgjj.png") no-repeat;
		; right: auto;
		left: 10px;
	}

	.bgjj .img_box .swiper-button-next {
		background: url("../images/right_bgjj.png") no-repeat;
		; right: 10px;
		left: auto;
	}

	.bgjj .img_box .swiper-button-next, .bgjj .img_box .swiper-button-prev {
		position: absolute;
		top: 50%;
		width: 27px;
		height: 40px;
		margin-top: -20px;
		z-index: 10;
		cursor: pointer;
		-moz-background-size: 100%;
		-webkit-background-size: 100%;
		background-size: 100%;
		background-position: center;
		background-repeat: no-repeat;
	}

	.bgjj .img_box .swiper-pagination-bullet-active {
		opacity: 1;
		background: #fff;
	}
}

.pages01 {
	font-size: 12px;
	padding: 1.5em 0;
	text-align: center;
}

.pages01 a {
	font-size: 14px;
	color: #83898e;
	margin: 0 2px;
	padding: 4px 10px;
	border: 1px #cccccc solid;
}

.pages01 a.active, .pages a:hover {
	color: #fff;
	background-color: #008bdf;
} /*****************************************************************/.fy {
	border-top: 1px dashed #ccc;
	margin-top: 10px;
	padding-top: 10px;
}
.pages01 a:hover {
  border-color: #83898e;
  color: #83898e;
}

@media (max-width: 750px) {
    .pages01 a {
        font-size: 12px;
        color: #83898e;
        margin: 0 2px;
        padding: 1px 5px;
        border: 1px #cccccc solid;
        line-height: 2;
    }
}

.fy a {
	color: #555;
	text-decoration: none;
}

@media screen and (max-width: 768px) {
  .div_1200 {
    display: none;
}
	.ftop_tool {
		display: none;
	}
}/*返回顶部*/.ftop_tool {
	position: fixed;
	right: 150px;
    bottom: 30%;
	z-index: 999;
}

.ftop_tool .btns {
	width: 60px;
	height: 60px;
	margin-bottom: 1px;
	cursor: pointer;
	position: relative;
}

.ftop_tool .btns-kf:hover {
	background-color: #488bc7;
}

.ftop_tool a.btns-kf {
	background-position: 0px 0px;
	background-color: #2b698e;
	text-decoration: none;
	display: block;
}

.ftop_tool .btns-yy:hover {
	background-color: #488bc7;
}

.ftop_tool a.btns-yy {
	background-position: 0px -60px;
	background-color: #629dd2;
	text-decoration: none;
	display: block;
}

.ftop_tool .btns-wx {
	background-position: 0px -120px;
	background-color: #78c340;
}

.ftop_tool .btns-wx:hover {
	background-color: #58a81c;
}

.ftop_tool .btns-wx .pic {
	position: absolute;
	left: -160px;
	top: 0px;
	display: none;
	width: 160px;
	height: 160px;
}

.ftop_tool .btns-phone {
	background-position: 0px -180px;
	background-color: #e2783d;
}

.ftop_tool .btns-phone:hover {
	background-color: #ff811b;
}

.ftop_tool .btns-phone .phone {
	background-color: #ff811b;
	position: absolute;
	width: 160px;
	left: -160px;
	top: 0px;
	line-height: 60px;
	color: #FFF;
	font-size: 18px;
	text-align: center;
	display: none;
}

.ftop_tool .btns-top {
	background-position: 0px -240px;
	background-color: #666666;
	display: none;
}

.ftop_tool .btns-top:hover {
	background-color: #444;
}

#pictureViewer {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,.3);
	z-index: 10000;
}

#pictureViewer > .content {
	background-color: #fff;
	position: absolute;
	max-width: 700px;
	max-height: 700px;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

#pictureViewer .menu-bar {
	width: 100%;
}

#pictureViewer .menu-bar .handel {
	width: 40px;
	height: 40px;
	float: right;
	background-repeat: no-repeat;
	background-position: 50%;
	cursor: pointer;
}

#pictureViewer .menu-bar .handel:hover {
	background-color: #ff2e67;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

#pictureViewer .menu-bar .handel.maximization {
	background-size: 14px;
}

#pictureViewer .menu-bar .handel.maximization:hover {
}

#pictureViewer .menu-bar .handel.miniaturization {
	background-size: 16px;
}

#pictureViewer .menu-bar .handel.miniaturization:hover {
}

#pictureViewer .menu-bar .handel.close-view {
	background-image: url(../wed/img/close_black.png);
	background-size: 26px;
}


#pictureViewer .handel-prev,
#pictureViewer .handel-next {
	display: inline-block;
	width: 50px;
	height: 70px;
	position: relative;
	top: calc(50% - 80px);
	background-repeat: no-repeat;
	background-size: 25px;
	background-position: 50%;
	cursor: pointer;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

#pictureViewer .handel-prev {
	background-image: url(../wed/img/prev_blank.png);
}

#pictureViewer .handel-next {
	background-image: url(../wed/img/next_blank.png);
}

#pictureViewer .handel-prev:hover,
#pictureViewer .handel-next:hover {
	background-color: #ff2e67;
}


#pictureViewer .picture-content {
	display: inline-block;
	width: 80%;
	height: calc(100% - 80px);
	position: absolute;
	margin: 0 auto;
	left: 0;
	right: 0;
}

#pictureViewer .picture-content .cover {
	position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

#pictureViewer .counter {
	position: absolute;
	bottom: 0;
	height: 40px;
	line-height: 40px;
	width: 100%;
	text-align: center;
	color: #808080;
	font-size: 13px;
}

#pictureViewer .hide {
	display: none;
}

#pictureViewer .left {
	float: left;
}

#pictureViewer .right {
	float: right;
}

#pictureViewer .clear-flex {
	clear: both;
}

#pictureViewer img {
	max-width: 100%;
	max-height: 100%;
}


	.hc_1200 {
    max-width: 1200px;
    margin: auto;
    border: 0px solid red;}
	.hc_advance{  height:560px; overflow:hidden}
.hc_advance ul{ background:url(../picture/tu3.jpg) center center no-repeat; height:400px; padding:0; margin:80px 0 0 0;}
.hc_advance ul li{ float:left; max-width:460px; margin-bottom:40px; list-style:none;}
.hc_advance ul li img{ max-width:90px; height:90px; float:left;}
.hc_advance ul li:nth-child(2n),.hc_advance ul li:nth-child(2n) img{ float: right;}
.hc_advc_txt{ background:url(../picture/tu4.png) bottom no-repeat; max-width:355px; float:right; height:92px}
.hc_advc_txt h5{ font-size:22px; font-weight:bold; margin:0; text-align:left;}
.hc_advc_txt p{ font-size:16px; color:#666666; margin-top:5px; line-height:22px; height:44px; overflow:hidden;text-align:left;}
@media screen and (max-width: 768px) {
	html {
	}
  .hc_advc_txt {
    background: url(../picture/tu4.png) bottom no-repeat;
    max-width: 75%;
    float: right;
    height: 92px;
}.hc_advance ul li img {
    max-width: 20%;
    height: 70px;
    /* float: left; */
}
  .hc_advance ul li {
    float: left;
    max-width: 460px;
    margin-bottom: 20px;
    list-style: none;
}
  .hc_advance ul {
    background: none;
   
}
  .index-tel-show p {
    font-size: 16px;
    color: #ffffff;
    float: left;
    font-family: 黑体;
    margin-top: 5px;
}
	.index-idea-box ul li {
		float: left;
		width: 49%;
		height: 320px;
		position: relative;
		background-color: #f7f3f7;
		margin-right: 0px;
	}

	.index-tel-show h5 {
		font-size: 24px;
	}

	.banner img {
		width: 100%;
		height: auto;
	}
  .hc_advance {
    height: 100%;
    overflow: hidden;
}
}

@media screen and (max-width: 768px) {
.lxwM .jj_z dd.top1 {
         all: initial;
         font-size: 23px;
         font-weight: bold;
         color: #e2783d;
         margin-top: 20px;
         text-align: center;
	     display: flex;
         justify-content: center;
}
}

/* 底部导航 */
.navbar {
    overflow: hidden;
    display: flex;
    justify-content: center; /* 水平居中 */
    border-bottom: 1px solid #6d6b6b;
    width: 1350px;
    margin: auto;
}
.navbar a {
    float: left; /* 使用flex布局时，这一行可以省略，但为了解释传统做法保留 */
    display: block;
    color: white;
    text-align: center;
    padding: 14px 20px;
    text-decoration: none;
    transition: background-color 0.3s;
}
.navbar a:hover{ color:#dddddd!important;}
/* 可选：为小屏幕设备调整布局（响应式设计） */
@media screen and (max-width: 600px) {
.navbar a {
    float: none; /* 在小屏幕上取消浮动 */
    display: block;
    text-align: left;
}
.navbar {
    flex-direction: column; /* 小屏幕上垂直排列 */
}
}

/* 企业证书 */
   .carousel {
      width: calc(4 * (300px + 10px));
      overflow: hidden;
      position: relative;
      margin: 0 auto;
    }

   .carousel-inner {
      display: flex;
      transition: transform 0.5s ease;
      will-change: transform;
      margin: 50px 0px 70px 0px;
    }

   .carousel-item {
      width: 300px;
      height: 362px;
      margin-right: 10px;
      cursor: pointer;
      transition: transform 0.5s ease;
      flex-shrink: 0;
    }

   .carousel-item.active {
      transform: scale(1.2);
    }

   .carousel-item img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

   .carousel-dots {
      display: flex;
      justify-content: center;
      margin-top: 10px;
    }

   .carousel-dot {
      width: 36px;
      height: 4px;
      background-color: #ccc;
      margin: 0 5px;
      cursor: pointer;
    }

   .carousel-dot.active {
      background-color: #000;
    }

   .modal {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.8);
      justify-content: center;
      align-items: center;
      z-index: 1000;
    }

   .modal img {
      max-width: 683px;
      max-height: 824px;
    }

   .close {
      position: absolute;
      top: 10px;
      right: 10px;
      font-size: 30px;
      color: #fff;
      cursor: pointer;
    }

   .carousel-button {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background-color: rgba(0, 0, 0, 0.5);
      color: white;
      border: none;
      padding: 10px;
      cursor: pointer;
      z-index: 10;
    }

   .carousel-button.prev {
      left: 10px;
    }

   .carousel-button.next {
      right: 10px;
    }
    
        /* 侧边栏样式 */
       .sidebar {
            position: fixed;
            top: 80%;
            right: 0;
            transform: translateY(-50%);
            z-index: 999;
        }

/* 菜单项样式 */
.sidebar-item {
    position: relative;
    width: 40px;
    height: 40px;
    background-color: #f2f2f2;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-bottom: 8px;
    border-radius: 8px 0 0 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* 菜单项悬停效果 */
.sidebar-item:hover {
    transform: translateX(-5px);
    background-color: #e65a50;
}

/* 子菜单样式 */
.sub-menu {
    position: absolute;
    top: 0;
    right: 60px;
    width: 150px;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    border: 1px solid #e0e0e0;
    animation: slideInRight 0.3s ease;
}

@keyframes slideInRight {
    from {
        right: 0;
        opacity: 0;
    }
    to {
        right: 60px;
        opacity: 1;
    }
}

/* 二维码样式 */
.qr-code {
    /*8width: 120px;*/
    height: 120px;
    background-color: #f4f4f4;
    margin-bottom: 25px;
    border-radius: 8px;
}

/* 二维码下方文字样式 */
.flex-col {
    /*display: flex;*/
    flex-direction: column;
    align-items: center;
    color: #ffffff;
    font-size: 16px;
    background: #182029;
}

/* 电话菜单展开文字样式 */
.phone-text {
    /*display: flex;*/
    flex-direction: column;
    align-items: center;
    color: #ffffff;
    font-size: 16px;
    background: #182029;
}

/* 隐藏侧边栏的媒体查询 */
@media (max-width: 640px) {
    .sidebar {
        display: none;
    }
}



/* 为移动端主页表单样式添加 */
.section {padding: 80px 0;text-align: center;}
.section span {font-size: 24px;margin-bottom: 20px;font-weight: bold;color: #555555;}
.section-description {font-size: 16px;color: #666;margin-bottom: 40px;margin-top: 20px;}

/* 表单列表样式 */
.container form {width: 75%; /* 指定表单的固定宽度 */margin: 0 auto; /* 居中表单 */padding: 20px; /* 可选：为表单添加内边距 */}
.container form ul {list-style: none;padding: 0;margin: 0;}
.container form ul li {margin-bottom: 20px;display: flex;flex-direction: row;flex-wrap: wrap;}

/* 标签样式 */
.container form ul li i {display: block;font-style: normal;font-size: 16px;color: #333;margin-bottom: 5px;font-weight: bold;}

/* 输入框样式 */
.container form input[type="text"],
.container form textarea {width: 100%;padding: 10px;font-size: 14px;border: 1px solid #ccc;border-radius: 5px;box-sizing: border-box;transition: border-color 0.3s ease;}

form input[type="text"]:focus,
form textarea:focus {
    border-color: #007bff;
    outline: none;
}

/* 文本域样式 */
.container form textarea {height: 120px;resize: vertical; /* 允许垂直调整大小 */font-family: "Microsoft YaHei", sans-serif;}

/* 提交按钮样式 */
.container form button[type="submit"] {display: block;width: 100%;padding: 12px;font-size: 16px;color: #fff;background-color: #182029;border: none;border-radius: 5px;cursor: pointer;transition: background-color 0.3s ease;}
.container form button[type="submit"]:hover {background-color: #e65a50;
}


/* DeepSeek 风格表格 */
.news_con table {width: 100%;max-width: 100%;border-collapse: collapse;border-spacing: 0;margin: 20px auto;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;font-size: 15px;line-height: 1.6;background-color: #fff;border: none !important;text-align: center;vertical-align: middle;}
.news_con table th,
.news_con table td {padding: 14px 16px;text-align: center;word-break: break-all;white-space: normal;border: none !important; border-bottom: 1px solid #dadada !important;vertical-align: middle;}
.news_con table th {font-weight: bold;color: #333;border-bottom: 1px solid #e5e6eb !important;}
.news_con table tr:first-child th,
.news_con table tr:first-child td {font-weight: bold !important;color: #333;border-bottom: 1px solid #e5e6eb !important;}
.news_con tbody tr:hover {background-color: #f5f7fa;}


/* 装修百科列表页  */
.decor-banner-wrap {position: relative;width: 100%;max-width: max-content;}
.decor-banner-wrap .banner-img {width: 100%;height: auto;display: block;}
.decor-banner-wrap .banner-text-layer {position: absolute;inset: 0;text-align: center;color: #000;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 10px;box-sizing: border-box;}
.decor-banner-wrap .banner-title {margin: 0 0 8px;font-size: clamp(18px, 6vw, 37px);white-space: nowrap;font-weight: bold;letter-spacing: 10px;}
.decor-banner-wrap .banner-en {margin: 0;font-size: clamp(12px, 2.5vw, 18px);white-space: nowrap;}
.decor-banner-wrap .banner-desc {margin-top: 8px;font-size: clamp(13px, 3vw, 20px);white-space: nowrap;letter-spacing: 3px;}
.title_list {font-size: 18px;font-weight: 600;color: #333;line-height: 1.4;margin: 0 0 10px 0;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;transition: all 0.2s ease;}
@media only screen and (max-width: 768px) {.title_list {font-size: 14px !important;width: 270px; }}