/* CSS Document */
body {
	font-family: 微软雅黑;
	font-size: 14px;
	color: #333;
	margin: 0;
}

img {
	border: 0;
}

A:link {
	COLOR: #333;
	TEXT-DECORATION: none;
}

A:visited {
	COLOR: #333;
	TEXT-DECORATION: none;
}

A:hover {
	COLOR: #333;
	TEXT-DECORATION: none;
}

ol,
ul,
li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	border-collapse: collapse;
	list-style-type: none;
	list-style: none;
}

* {
	margin: 0;
	padding: 0;
	hide-focus: expression(this.hideFocus=true);
	/* for ie 5+ */
	outline: none;
	/* for firefox 1.5 + */
}

.cl {
	clear: both;
}

.synav {
	width: 100%;
	height: 47px;
	background: #333;
}

.synav .synab {
	width: 1200px;
	height: 47px;
	margin: auto;
}

.synav .synab .syright {
	width: 600px;
	height: 47px;
	float: right;
}

.synav .synab .syright img {
	width: 30px;
	height: 30px;
	float: left;
	margin: 8px 0px 9px 23px;
}

.synav .synab .syright p {
	float: left;
	line-height: 47px;
	padding: 0px 10px;
	color: #d0d0d0;
	font-size: 13px;
}

.tops {
	line-height: 40px;
	position: relative;
	z-index: 999;
	background: var(--main-color);
}

.top_m_l {
	width: auto;
	float: left;
	text-align: left;
	line-height: 40px;
	font-size: 15px;
	color: #fff;
}

.top_m_l img {
	float: left;
	height: 17px;
	padding: 19px 0;
}

.top_m_l p {
	width: auto;
	float: left;
	line-height: 40px;
	font-size: 15px;
	color: #fff;
	padding: 0 20px 0 0;
}

.top_m_l p b {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}

.top_m_r {
	width: auto;
	float: right;
}

.top_m_r p {
	width: auto;
	float: right;
	line-height: 55px;
	font-size: 15px;
	color: #fff;
	padding: 0 20px;
	border-left: 1px solid #ffac52;
}

.top_m_r p a {
	color: #fff;
	text-decoration: none;
}

.top_m_r p a:hover {
	color: #e97b0f;
}

.top_m_r .p {
	width: auto;
	float: right;
	line-height: 55px;
	font-size: 16px;
	color: #fff;
	padding: 0 30px;
	background: var(--main-color);
	font-weight: bold;
}


.shouji {
	width: 70px;
	height: 40px;
	position: relative;
	font-size: 14px;
	line-height: 40px;
	text-align: right;
	z-index: 999;
	float: right;
	padding-right: 20px;
}

.shouji a {
	width: 70px;
	height: 40px;
	display: block;
	position: absolute;
	color: #333;
	left: 0;
	top: 0;
	background: url(/template/default/images/t_2.png) no-repeat left center;
	text-decoration: none;
}

.shouji .shouji_nr {
	width: 390px;
	height: 210px;
	padding: 0px;
	background: #d0cfcf;
	text-align: center;
	position: absolute;
	z-index: 9999;
	left: -170px;
	top: 40px;
	display: none;
	line-height: 20px;
}

.shouji .shouji_nr img {
	margin-bottom: 0px;
	margin: 0px;
	width: 390px;
	height: 210px;
}

.shouji .shouji_nr .arrow {
	width: 0;
	height: 0;
	border-bottom: 10px solid #f5f5f5;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	position: absolute;
	left: 195px;
	top: -10px;
}

.shouji.on .shouji_nr {
	display: block;
}

.shouji.on a {
	background: url(/template/default/images/t_2-.png) no-repeat left center;
	color: #e97b0f;
}

.weixin {
	width: 130px;
	height: 52px;
	position: relative;
	font-size: 15px;
	line-height: 52px;
	text-align: right;
	z-index: 999;
	float: right;
	border-right: 1px solid #df646d;
}

.weixin a {
	width: 90px;
	height: 52px;
	display: block;
	position: absolute;
	color: #fff;
	left: 0;
	top: 0;
	background: url(/template/default/images/t_1.png) no-repeat left 20px center;
	text-decoration: none;
	padding: 0 20px;
}

.weixin .weixin_nr {
	width: 126px;
	height: 146px;
	padding: 10px;
	background: #d0cfcf;
	text-align: center;
	position: absolute;
	left: -10px;
	top: 52px;
	display: none;
	line-height: 20px;
}

.weixin .weixin_nr img {
	margin-bottom: 5px;
	margin: 0px;
	width: 126px;
	height: 126px;
}

.weixin .weixin_nr .arrow {
	width: 0;
	height: 0;
	border-bottom: 10px solid #d0cfcf;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	position: absolute;
	left: 63px;
	top: -10px;
}

.weixin.on .weixin_nr {
	display: block;
}

.weixin.on a {
	background: url(/template/default/images/t_1-.png) no-repeat left 20px center;
	color: #e97b0f;
}

@media screen and (max-width: 1050.98px) {
	.tops {
		display: none;
	}
}

.search {
	width: 185px;
	height: 38px;
	float: right;
	border: 1px solid #333;
	border-radius: 20px;
}

.search .key {
	width: 125px;
	height: 38px;
	line-height: 38px;
	border: 0;
	float: left;
	color: #333;
	font-size: 14px;
	text-indent: 20px;
	background: none;
}

.search .key[type="text"]:focus {
	outline: none;
}

.search .sub {
	float: right;
	width: 60px;
	height: 38px;
	background: url(/template/default/images/search_bg.png) no-repeat right 0;
	border: none;
	cursor: pointer;
}

.search .sub span {
	display: none;
}

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

.headbanner img {
	width: 100%;
}

.banner_key {
	width: 100%;
	height: 600px;
}


.home_tit {
	width: auto;
	height: auto;
	line-height: 30px;
	font-size: 16px;
	color: #333;
	padding: 50px 0px;
	text-align: center;
	margin: auto;
}

.home_tit dl {
	width: 100%;
}

.home_tit dl dt {
	font-size: 35px;
	line-height: 65px;
	font-weight: bold;

}

.home_tit dl dt span {
	color: var(--main-color);
}

.home_tit dl dd {
	font-size: 18px;
}

@media screen and (max-width: 850px) {
	.home_tit {
		padding: 20px 0px;
	}

	.home_tit dl {
		width: 90%;
		margin: auto;
	}

	.home_tit dl dt {
		font-size: 20px;
		line-height: 40px;
	}

	.home_tit dl dd {
		font-size: 14px;
		line-height: 22px;
	}
}

.homeadvantage {
	width: 100%;
	height: auto;
	text-align: center;
	background: url(/template/default/images/advantage_back.jpg) center no-repeat;
	background-attachment: fixed;
	padding-bottom: 2%;
}

.homeadvantage .list_botton {
	width: 25%;
	height: auto;
	float: left;
	padding-bottom: 2%;
	text-align: center;
}

.homeadvantage .list_botton .img {
	padding: 10%;
	width: 35%;
	background: #fff;
	border-radius: 30px;
	overflow: hidden;
	transition: all ease-in-out .5s;
	margin: auto;
	text-align: center;
}

.homeadvantage .list_botton .img img {
	height: 80px;
	display: inline-block;
}

.homeadvantage .list_botton dl {
	width: 80%;
	height: auto;
	color: #000;
	float: left;
	text-align: center;
	padding: 0 10%;
}

.homeadvantage .list_botton dl dt {
	font-size: 20px;
	line-height: 40px;
	font-weight: bold;
}

.homeadvantage .list_botton dl .bottom {
	width: 80px;
	height: 1px;
	/* background: var(--main-color); */
	background: var(--main-color);
	margin: 2% auto;
}

.homeadvantage .list_botton dl dd {
	font-size: 15px;
	line-height: 25px;
	padding: 4% 0;
	color: #656565;
	text-align: center;
}

.homeadvantage .list_botton:hover .img {
	transform: rotate(360deg);
	/* background: var(--main-color); */
	background: var(--main-color);
}

.homeadvantage .list_botton:hover .img img {
	filter: drop-shadow(#fff 150px 0);
	position: relative;
	left: -150px;
}

.homeadvantage .list_botton:hover dl {
	/* color: var(--main-color); */
	color: var(--main-color);
}

.homeadvantage .list_more {
	width: 160px;
	line-height: 48px;
	text-align: center;
	margin: 1% auto 3% auto;
	font-size: 16px;
	color: var(--main-color);
	border: 1px solid var(--main-color);
	border-radius: 30px;
	transition: all ease-in-out .5s;
}

.homeadvantage .list_more:hover {
	color: #fff;
	border: 1px solid var(--main-color);
	background: var(--main-color);
}

@media screen and (max-width: 1400.98px) {
	.homeadvantage .list_botton .img {
		padding: 8%;
	}

	.homeadvantage .list_botton .img img {
		height: 70px;
	}

	.homeadvantage .list_botton dl dt {
		font-size: 18px;
		line-height: 40px;
	}

	.homeadvantage .list_botton dl dd {
		font-size: 13px;
		line-height: 25px;
		/* text-align: justify; */
	}
}


@media screen and (max-width: 700px) {
	.homeadvantage .list_botton dl dd {
		text-align: justify;
	}
}

@media screen and (max-width: 1200.98px) {
	.homeadvantage .list_botton .img {
		width: 45%;
	}
}

@media screen and (max-width: 1000.98px) {
	.homeadvantage .list_botton {
		width: 50%;
		text-align: left;
	}

	.homeadvantage .list_botton .img {
		padding: 5%;
		width: 20%;
		float: left;
	}

	.homeadvantage .list_botton dl {
		width: 60%;
		float: right;
		text-align: left;
		padding: 0 5%;
	}

	.homeadvantage .list_botton dl .bottom {
		width: 100%;
		height: 1px;
		background: var(--main-color);
		margin: 2% 0;
		float: left;
	}
}

@media screen and (max-width: 780.98px) {
	.homeadvantage .list_botton {
		width: 100%;
	}

	.homeadvantage .list_botton .img img {
		height: 50px;
	}

	.homeadvantage .list_botton dl dt {
		font-size: 16px;
		line-height: 30px;
	}

	.homeadvantage .list_more {
		width: 120px;
		line-height: 36px;
		margin: 2% auto 5% auto;
	}
}

/*首页产品*/

.homelist {
	width: 100%;
	height: auto;
	padding: 2% 0;
	line-height: 50px;
	/* background: url(../image/advantage-back.jpg) top center no-repeat; */
	background: linear-gradient(to right, #d43e5e, #feb47b);
	color: #fff;
	text-align: left;
}

.homelist .title {
	/* padding: 6% 0; */
	padding: 3% 0;
	line-height: 50px;
}

.homelist .title p {
	font-size: 48px;
	font-weight: bold;
	font-family: Arial;
	text-transform: uppercase;
}

.homelist .title span {
	font-size: 25px;
}

.homelist .adv_left {
	width: 65%;
	position: relative;
	float: left;
}

.homelist .adv_left img {
	width: 100%;
	height: auto;
	transition: all ease-in-out .5s;
}

.homelist .adv_left .img_mask {
	width: 90%;
	height: 100%;
	overflow: hidden;
	color: #fff;
	background: rgba(0, 0, 0, 0.8);
	padding: 0 5%;
	position: absolute;
	transition: all ease-in-out .5s;
	z-index: 1;
}

.homelist .adv_left .img_mask .img_txt {
	width: 100%;
	line-height: 40px;
	font-size: 23px;
	padding: 5% 0;
}

.homelist .adv_left .img_mask .img_txt p {
	font-size: 35px;
	font-family: Arial;
	text-transform: uppercase;
	font-weight: bold;
}

.homelist .adv_left .img_mask .img_honor {
	width: 90%;
	line-height: 60px;
	font-size: 16px;
	color: rgba(255, 255, 255, 0.7);
	padding: 8% 0;
	bottom: 0;
	position: absolute;
}

.homelist .adv_left .img_mask .img_honor .list_honor {
	width: 33.3%;
	float: left;
	text-align: center;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.homelist .adv_left .img_mask .img_honor .list_honor img {
	height: 38px;
	width: auto;
}

.homelist .adv_left .img_mask .img_honor .list_honor p {
	width: 100%;
	color: #fff;
}

.homelist .adv_left .img_mask .img_honor .list_honor:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

.homelist .adv_left .img_mask:hover {
	background: rgba(0, 0, 0, 0.9);
}

.homelist .adv_right {
	width: 35%;
	position: relative;
	float: left;
}

.homelist .adv_right img {
	width: 100%;
	height: auto;
	transition: all ease-in-out .5s;
}

.homelist .adv_right .img_mask {
	width: 90%;
	height: 100%;
	overflow: hidden;
	color: #fff;
	background: rgba(0, 0, 0, 0.5);
	padding: 0 5%;
	position: absolute;
	transition: all ease-in-out .5s;
	z-index: 1;
}

.homelist .adv_right .img_mask .img_honor {
	width: 100%;
	line-height: 35px;
	font-size: 20px;
	color: rgba(255, 255, 255, 1);
	/* margin-top: 40%; */
	margin-top: 53%;
	text-align: center;
}

.homelist .adv_right .img_mask .img_honor img {
	height: 38px;
	width: auto;
}

.homelist .adv_right .img_mask .img_honor p {
	width: 100%;
	font-size: 30px;
	font-family: Arial;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 5%;
}

.homelist .adv_right .img_mask:hover {
	background: rgba(0, 0, 0, 0.6);
}

@media screen and (max-width: 1200.98px) {
	.homelist .title {
		padding: 3% 0;
		line-height: 40px;
	}

	.homelist .title p {
		font-size: 35px;
	}

	.homelist .title span {
		font-size: 20px;
	}

	.homelist .adv_left .img_mask .img_txt {
		line-height: 40px;
		font-size: 18px;
		padding: 5% 0;
	}

	.homelist .adv_left .img_mask .img_txt p {
		font-size: 25px;
	}

	.homelist .adv_left .img_mask .img_honor {
		line-height: 40px;
		font-size: 14px;
		padding: 8% 0;
	}

	.homelist .adv_left .img_mask .img_honor .list_honor img {
		height: 30px;
	}

	.homelist .adv_right .img_mask .img_honor {
		line-height: 30px;
		font-size: 18px;
	}

	.homelist .adv_right .img_mask .img_honor p {
		font-size: 25px;
	}
}

@media screen and (max-width: 960.98px) {
	.homelist .adv_left {
		width: 100%;
	}

	.homelist .adv_right {
		width: 100%;
	}
}

@media screen and (max-width: 660.98px) {
	.homelist .title {
		line-height: 30px;
	}

	.homelist .title p {
		font-size: 20px;
	}

	.homelist .title span {
		font-size: 16px;
	}

	.homelist .adv_left .img_mask .img_txt {
		display: none;
	}

	.homelist .adv_left .img_mask .img_honor {
		line-height: 30px;
		font-size: 12px;
		padding: 4% 0
	}

	.homelist .adv_left .img_mask .img_honor .list_honor {
		width: 33.3%;
	}

	.homelist .adv_left .img_mask .img_honor .list_honor img {
		height: 26px;
	}

	.homelist .adv_right .img_mask .img_honor {
		line-height: 30px;
		font-size: 16px;
	}

	.homelist .adv_right .img_mask .img_honor p {
		font-size: 22px;
	}
}

.product {
	width: 100%;
	height: auto;
	padding: 4% 0 5% 0;
}

.product dl {
	width: 100%;
	padding: 0 0 3% 0;
	color: #26334c;
	line-height: 50px;
	text-align: left;
	/* background: url(../image/app_new.png) left top 6px no-repeat; */
	padding-left: 30px;
	margin-left: -30px;
}

.product dl dt {
	font-size: 50px;
	font-family: Arial;
	font-weight: bold;
	text-transform: uppercase;
}

.product dl dd {
	font-size: 28px;
}

.product .product_tab_top {
	width: 100%;
	height: auto;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.product .product_tab_top UL {
	width: 100%;
	list-style-type: none;
	text-align: center;
}

.product .product_tab_top UL LI {
	width: auto;
	line-height: 50px;
	font-size: 16px;
	padding-right: 2%;
	float: left;
	cursor: pointer;
	color: #333;
}

.product .product_tab_top UL LI.hover {
	/* color: var(--main-color); */
	color: var(--main-color);
}

.product .product_tab_bottom {
	display: inline;
	width: 100%;
	float: left;
	height: auto;
	/* padding: 4% 0; */
	padding: 4% 0 4% 0;
}

.productlist {
	width: 100%;
	line-height: 66px;
	float: left;
	background: #909090;
	font-size: 18px;
	color: #fff;
}

.productlist .dt_tit {
	width: auto;
	border-right: 1px solid #b2b2b2;
	float: left;
	text-align: center;
	padding: 0 60px;
}

.productlist .dd_tit {
	width: auto;
	float: left;
	text-align: left;
	padding: 0 0 0 60px;
}

.pro_con {
	width: 100%;
	height: auto;
	float: left;
}

.procon {
	width: 31.3%;
	height: auto;
	float: left;
	padding: 0 1% 2% 1%;
	text-align: center;
}

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

.procon .pimg img {
	width: 100%;
	height: auto;
	transform: scale(1);
	transition: all ease-in-out .5s;
}

.procon .ptit {
	width: 100%;
	line-height: 30px;
	padding: 6% 0;
	color: #a5a5a8;
	font-size: 15px;
	overflow: hidden;
}

.procon .ptit p {
	color: #1a1a1a;
	font-size: 22px;
}

.procon .ptxt {
	width: 100%;
	line-height: 67px;
	color: #1a1a1a;
	font-size: 14px;
	background: #eaebec;
	font-family: Arial, Helvetica, sans-serif;
}

.procon .ptxt .p_left {
	width: 80%;
	float: left;
}

.procon .ptxt .p_right {
	width: 20%;
	float: right;
	/* background: var(--main-color); */
	background: var(--main-color);
	color: #fff;
	font-size: 60px;
}

.procon a {
	color: #a5a5a8;
}

.procon:hover .ptit {
	/* color: #007a6f; */
	color: var(--main-color);
}

.procon:hover .ptit p {
	/* color: #007a6f; */
	color: var(--main-color);
}

.procon:hover .ptxt .p_right {
	/* background: #007a6f; */
	background: var(--hover-color);
}

.procon:hover a {
	color: #fff;
}

.procon:hover .pimg img {
	transform: scale(1.2);
}

@media screen and (max-width: 1200px) {
	.product dl {
		line-height: 40px;
		/* background: url(../image/app_new.png) left top 40px no-repeat; */
	}

	.product dl dt {
		font-size: 40px;
	}

	.product dl dd {
		font-size: 20px;
	}

	.pro_con {
		width: 100%;
	}

	.procon .ptit {
		font-size: 12px;
		padding: 5% 0;
	}

	.procon .ptxt {
		line-height: 50px;
		font-size: 12px;
	}

	.procon .ptxt .p_right {
		font-size: 40px;
	}
}

/* 设置了浏览器宽度不大于1200px时 */
@media screen and (max-width: 960px) {
	.product dl {
		padding: 4% 0;
		line-height: 30px;
		/* background: url(../image/app.png) left top 0px no-repeat; */
		padding-left: 0px;
		margin-left: 0px;
	}

	.product dl dt {
		font-size: 30px;
	}

	.product dl dd {
		font-size: 20px;
	}

	.product .product_tab_top UL LI {
		font-size: 13px;
		line-height: 40px;
	}

	.procon {
		width: 48%;
		float: left;
		padding: 1%;
	}

	.procon .ptit {
		font-size: 13px;
	}

	.procon .ptxt {
		font-size: 13px;
	}
}

/* 设置了浏览器宽度不大于860px时 */
@media screen and (max-width: 660px) {
	.product dl {
		padding: 6% 0;
		line-height: 25px;
	}

	.product dl dt {
		font-size: 25px;
	}

	.product dl dd {
		font-size: 16px;
	}

	.procon .ptit {
		line-height: 22px;
	}

	.procon .ptit p {
		font-size: 16px;
		line-height: 30px;
	}

	.procon .ptxt {
		display: none;
	}
}

/* 设置了浏览器宽度不大于660px时 */




/*首页工程案例*/
.homecase {
	width: 100%;
	height: auto;
	padding: 4% 0 4% 0;
}

.homecase .case_tab_left {
	/* width: 40%; */
	height: auto;
	/* float: left; */
}

.homecase .case_tab_left dl {
	width: 100%;
	/* padding: 0 0 8% 0; */
	padding: 0 0 2% 0;
	color: #26334c;
	line-height: 50px;
	text-align: left;
	/* background: url(../image/app_new.png) left top 6px no-repeat; */
	padding-left: 30px;
	margin-left: -30px;
}

.homecase .case_tab_left dl dt {
	font-size: 50px;
	font-family: Arial;
	font-weight: bold;
	text-transform: uppercase;
}

.homecase .case_tab_left dl dd {
	font-size: 28px;
}

.homecase .case_tab_left UL {
	width: 100%;
	list-style-type: none;
}

.homecase .case_tab_left UL LI {
	width: 41%;
	line-height: 22px;
	font-size: 16px;
	background: #f2f4f7;
	float: left;
	padding: 4%;
	cursor: pointer;
	color: #a1a7b2;
	text-align: left;
	margin-top: -1px;
	margin-left: -1px;
	border: 1px solid #e6e8ed;
}

.homecase .case_tab_left UL LI .img {
	width: auto;
	overflow: hidden;
	transition: all ease-in-out .5s;
	margin-bottom: 10px;
}

.homecase .case_tab_left UL LI .img img {
	height: 34px;
}

.homecase .case_tab_left UL LI p {
	font-size: 16px;
}

.homecase .case_tab_left UL LI span {
	font-size: 13px;
	font-family: Arial;
}

.homecase .case_tab_left UL LI:nth-child(1) {
	background: url(../image/case_hover.jpg) right bottom;
	color: #fff;
}

.homecase .case_tab_left UL LI:nth-child(1) .img img {
	filter: drop-shadow(#fff 150px 0);
	position: relative;
	left: -150px;
}

.homecase .case_tab_left UL LI:nth-child(1) span {
	color: rgba(255, 255, 255, 0.8);
}

.homecase .case_tab_left UL LI.hover {
	background: url(../image/case_hover.jpg) right bottom;
	color: #fff;
}

.homecase .case_tab_left UL LI.hover .img img {
	filter: drop-shadow(#fff 150px 0);
	position: relative;
	left: -150px;
}

.homecase .case_tab_left UL LI.hover span {
	color: rgba(255, 255, 255, 0.8);
}

.homecase .case_tab_right {
	display: inline;
	width: 60%;
	float: right;
	height: auto;
}

.homecase .case_tab_right #con_one_2 {
	display: none
}

.homecase .case_tab_right #con_one_3 {
	display: none
}

.homecase .case_tab_right #con_one_4 {
	display: none
}

.homecase .case_tab_right #con_one_5 {
	display: none
}

.homecase .case_tab_right #con_one_6 {
	display: none
}

.casecon {
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	position: relative;
	background: #000;
}

.casecon .pimg {
	width: 100%;
	height: auto;
	overflow: hidden;
	z-index: 2;
}

.casecon .pimg img {
	width: 100%;
	height: auto;
	transform: scale(1);
	transition: all ease-in-out .5s;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.casecon .ptit {
	width: 80%;
	padding: 2% 10%;
	color: #fff;
	z-index: 2;
	text-align: left;
	position: absolute;
	bottom: 0;
}

.casecon .ptit p {
	font-size: 16px;
	border-bottom: 2px solid rgba(255, 255, 255, 0.5);
	padding: 3% 0;
	line-height: 30px;
}

.casecon .ptit span {
	font-size: 18px;
	font-family: Arial;
	line-height: 80px;
	color: #fff;
}

.casecon .img_mask {
	width: 100%;
	height: 0px;
	overflow: hidden;
	background: rgba(0, 150, 136, 0.95);
	border-left: 1px solid var(--main-color);
	border-right: 1px solid var(--main-color);
	position: absolute;
	transition: all ease-in-out .5s;
	z-index: 1;
	border-radius: 3px;
}

.casecon .img_mask p {
	line-height: 60px;
	width: auto;
	padding: 0 30px;
	display: inline-block;
	border: 1px solid #fff;
	color: #fff;
	text-align: center;
	font-size: 16px;
	margin-top: 24%;
}

.casecon a {
	color: #535353;
}

.casecon:hover a {
	color: #fff;
}

.casecon:hover .pimg img {
	transform: scale(1.1);
}

.casecon:hover .img_mask {
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 1200px) {
	.homecase .case_tab_left dl {
		line-height: 40px;
		/* background: url(../image/app_new.png) left top 40px no-repeat; */
	}

	.homecase .case_tab_left dl dt {
		font-size: 40px;
	}

	.homecase .case_tab_left dl dd {
		font-size: 20px;
	}
}

@media screen and (max-width: 960px) {
	.homecase .case_tab_left {
		width: 100%;
	}

	.homecase .case_tab_left dl {
		padding: 4% 0;
		line-height: 30px;
		/* background: url(../image/app.png) left top 0px no-repeat; */
		padding-left: 0px;
		margin-left: 0px;
	}

	.homecase .case_tab_left dl dt {
		font-size: 30px;
	}

	.homecase .case_tab_left dl dd {
		font-size: 20px;
	}

	.homecase .case_tab_right {
		width: 100%;
	}

	.homecase .case_tab_left UL LI {
		width: 29%;
		padding: 2%;
	}

	.casecon .ptit p {
		font-size: 14px;
		line-height: 30px;
	}

	.casecon .ptit span {
		font-size: 16px;
		line-height: 60px;
	}

	.casecon .img_mask p {
		font-size: 14px;
		line-height: 50px;
		margin-top: 35%;
		padding: 0 15px;
	}
}

@media screen and (max-width: 660px) {
	.homecase .case_tab_left dl {
		padding: 6% 0;
		line-height: 25px;
	}

	.homecase .case_tab_left dl dt {
		font-size: 25px;
	}

	.homecase .case_tab_left dl dd {
		font-size: 16px;
	}

	.homecase .case_tab_left UL LI {
		width: 41%;
		padding: 4%;
		line-height: 20px;
	}

	.homecase .case_tab_left UL LI p {
		font-size: 14px;
	}

	.homecase .case_tab_left UL LI span {
		font-size: 12px;
	}

	.casecon .ptit {
		width: 86%;
		padding: 2% 7%;
	}

	.casecon .ptit p {
		font-size: 14px;
		line-height: 22px;
	}

	.casecon .ptit span {
		font-size: 16px;
		line-height: 60px;
	}

	.casecon .img_mask p {
		margin-top: 15%;
	}
}

/*首页关于我们*/
.syabout {
	width: 100%;
	height: auto;
	/* margin: 0 0 4% 0; */
	margin: 0 0 0 0;
}

.syabout img {
	width: 50%;
	height: auto;
	float: right;
	/* padding-top: 5%; */
}

.syabout .aboutright {
	width: 45%;
	height: auto;
	float: left;
	text-align: left;
	padding: 1% 5% 4% 0%;
	color: #767e8d;
	font-size: 15px;
	line-height: 30px;
}

.syabout .aboutright .home_tit {
	width: auto;
	height: auto;
	line-height: 30px;
	font-size: 16px;
	color: #000;
	/* padding: 30px 35px; */
	padding: 30px 0px;
	text-align: left;
	/* background: url(../image/about_tit_new.png) left top 45px no-repeat; */
}

.syabout .aboutright .home_tit dl {
	width: 100%;
}

.syabout .aboutright .home_tit dl dt {
	font-size: 48px;
	line-height: 60px;
	font-weight: bold;
	font-family: Arial;
	text-transform: uppercase;
	color: #26334c;
}

.syabout .aboutright .home_tit dl dd {
	font-size: 28px;
}

.syabout .aboutright .about_txt {
	width: auto;
	height: auto;
	/* padding-left: 35px; */
}

.syabout .aboutright .about_more {
	width: 215px;
	line-height: 53px;
	/* margin: 5% 0 0 35px; */
	margin: 5% 0 0 0px;
	/* background: var(--main-color); */
	background: var(--main-color);
	font-size: 15px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	transition: all ease-in-out .5s;
}

.syabout .aboutright .about_more:hover {
	/* background: #13a4ff; */
	background: var(--hover-color);
}

@media screen and (max-width: 1600.98px) {
	.syabout .aboutright {
		width: 42%;
		/* padding: 0 4%; */
		padding: 0 8% 0 0;
		font-size: 15px;
		line-height: 28px;
	}
}

@media screen and (max-width: 1300.98px) {
	.syabout .aboutright .home_tit {
		padding: 0px 35px 20px 35px;
		/* background: url(../image/about_tit_new.png) left top 10px no-repeat; */
	}
}

@media screen and (max-width: 1200.98px) {
	.syabout .aboutright {
		font-size: 14px;
		line-height: 28px;
	}

}

@media screen and (max-width: 960.98px) {
	.syabout img {
		width: 100%;
	}

	.syabout .aboutright {
		width: 92%;
		padding: 4%;
	}

	.syabout .aboutright .home_tit {
		padding: 20px 0px;
		/* background: url(../image/about_tit.png) left top 0px no-repeat; */
	}

	.syabout .aboutright .home_tit dl dt {
		font-size: 25px;
		line-height: 30px;
	}

	.syabout .aboutright .home_tit dl dd {
		font-size: 16px;
		line-height: 22px;
	}

	.syabout .aboutright .about_txt {
		width: auto;
		height: auto;
		padding-left: 0px;
	}

	.syabout .aboutright .about_more {
		width: 160px;
		line-height: 45px;
		margin: 3% 0 0 0;
		font-size: 14px;
	}
}

@media screen and (max-width: 760.98px) {
	.syabout .aboutright {
		width: 100%;
		/* padding: 5%; */
		padding: 0 0 5% 0;
		text-align: justify;
	}
}

/*首页新闻中心*/
.synews {
	width: 100%;
	height: auto;
	padding-bottom: 4%;
}

.synews .news_tab_top {
	width: 100%;
	height: auto;
	float: left;
}

.synews .news_tab_top dl {
	width: auto;
	/* color: #333; */
	color: #26334c;
	line-height: 85px;
	text-align: left;
	float: left;
	font-weight: bold;
}

.synews .news_tab_top dl dt {
	font-size: 30px;
	float: left;
}

.synews .news_tab_top dl dd {
	font-size: 25px;
	float: left;
	font-family: Arial;
	text-transform: uppercase;
	/* color: var(--main-color); */
	color: var(--main-color);
	text-indent: 15px;
}

.synews .news_tab_top UL {
	width: auto;
	list-style-type: none;
	border-bottom: 1px solid #e6e8ed;
	float: right;
}

.synews .news_tab_top UL LI {
	width: auto;
	line-height: 83px;
	font-size: 16px;
	float: left;
	padding: 0 20px;
	cursor: pointer;
	color: #575757;
	text-align: left;
	border-bottom: 1px solid #fff;
	font-weight: bold;
}

.synews .news_tab_top UL LI:nth-child(3) a {
	color: #979797;
	font-weight: normal;
}

.synews .news_tab_top UL LI:nth-child(3) a:hover {
	/* color: var(--main-color); */
	color: var(--main-color);
}

.synews .news_tab_top UL LI.hover {
	color: var(--main-color);
	border-bottom: 1px solid var(--main-color);
}

.synews .news_tab_bottom {
	display: inline;
	width: 100%;
	float: left;
	height: auto;
}

.synews .newsleft {
	width: 40%;
	height: auto;
	float: left;
}

.synews .newsleft img {
	width: 100%;
	height: auto;
	float: left;
}

.synews .newsleft .img_txt {
	width: 90%;
	height: auto;
	float: left;
	/* padding: 3% 5%; */
	padding: 3% 10% 3% 0;
	color: #999;
	line-height: 30px;
}

.synews .newsleft .img_txt span {
	font-size: 12px;
	font-family: Arial;
}

.synews .newsleft .img_txt p {
	font-size: 18px;
	color: #000;
}

.synews .newsleft .img_txt .p_more {
	width: 115px;
	line-height: 35px;
	font-size: 14px;
	border: 1px solid #d2d2d2;
	text-align: center;
	margin-top: 4%;
}

.synews .newsleft:hover .img_txt .p_more {
	/* border: 1px solid var(--main-color); */
	border: 1px solid var(--main-color);
	/* background: var(--main-color); */
	background: var(--main-color);
	color: #fff;
}

.synews .newscenter {
	width: 56%;
	height: auto;
	float: right;
}

.synews .news_in {
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	padding: 2.5% 0;
	font-size: 14px;
	line-height: 30px;
	border-bottom: 1px solid #eaeaea;
	transition: all ease-in-out .5s;
}

.synews .news_in:nth-child(1) {
	border-top: 1px solid #eaeaea;
}

.synews .news_in .txt_left {
	width: auto;
	float: right;
	color: #c2c2c2;
	font-family: Arial;
	text-align: right;
}

.synews .news_in .txt_left p {
	font-size: 40px;
	font-weight: bold;
	line-height: 45px;
}

.synews .news_in .txt_left span {
	font-size: 12px;
	line-height: 15px;
}

.synews .news_in .txt_right {
	width: 80%;
	float: left;
	color: #999;
	line-height: 30px;
}

.synews .news_in .txt_right p {
	font-size: 16px;
	color: #000;
}

.synews .news_in:hover {
	background: rgba(255, 255, 255, 0.95);
	border-top-left-radius: 50px;
	border-bottom-right-radius: 50px;
}

.synews .news_in:hover .txt_left {
	color: var(--main-color);
}

.synews .news_in:hover .txt_right p {
	color: var(--main-color);
}

.synews .news_in:hover .txt_right span {
	color: var(--main-color);
}

.synews .news_more {
	width: 140px;
	font-size: 13px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border: 1px solid #fff;
	transition: all ease-in-out .5s;
	margin: auto;
	margin-top: 2%;
	position: relative;
}

.synews .news_more .more_cen {
	width: 100%;
	height: 42px;
	position: absolute;
	z-index: 2;
	color: #fff;
}

.synews .news_more .more_cen .more_left {
	width: 40px;
	float: left;
	border-right: 1px solid #fff;
}

.synews .news_more .more_cen .more_right {
	width: 99px;
	float: left;
}

.synews .news_more .more_back {
	width: 0px;
	height: 42px;
	background: #fff;
	position: absolute;
	transition: all ease-in-out .5s;
	z-index: 2;
}

.synews .news_more:hover .more_cen {
	color: var(--main-color);
}

.synews .news_more:hover .more_cen .more_left {
	border-right: 1px solid var(--main-color);
}

.synews .news_more:hover .more_back {
	width: 142px;
}


@media screen and (max-width: 1250.98px) {
	.synews .newsleft {
		width: 100%;
	}

	.synews .newsleft img {
		width: 50%;
	}

	.synews .newsleft .img_txt {
		width: 45%;
		padding: 3% 0 3% 5%;
	}

	.synews .newscenter {
		width: 100%;
	}

	.synews .news_in {
		width: 46%;
		padding: 2% 4% 2% 0;
		float: left;
	}

	.synews .news_in:nth-child(1) {
		border-top: 0;
	}
}

@media screen and (max-width: 860px) {
	.synews {
		padding: 5% 0;
	}

	.synews .news_tab_top dl {
		width: 100%;
		line-height: 60px;
	}

	.synews .news_tab_top dl dt {
		font-size: 25px;
	}

	.synews .news_tab_top dl dd {
		font-size: 20px;
	}

	.synews .news_tab_top UL {
		width: 100%;
		float: left;
	}

	.synews .news_tab_top UL LI {
		line-height: 58px;
		font-size: 16px;
		padding: 0 15px;
	}

	.synews .newsleft .img_txt {
		line-height: 25px;
	}

	.synews .newsleft .img_txt p {
		font-size: 15px;
	}

	.synews .news_in {
		width: 100%;
		padding: 2% 0;
	}

	.synews .news_in .txt_right {
		line-height: 25px;
	}

	.synews .news_in .txt_right p {
		font-size: 15px;
	}
}

@media screen and (max-width: 660px) {
	.synews .news_tab_top dl {
		line-height: 40px;
	}

	.synews .news_tab_top dl dt {
		font-size: 20px;
	}

	.synews .news_tab_top dl dd {
		font-size: 16px;
	}

	.synews .news_tab_top UL LI {
		line-height: 38px;
		font-size: 14px;
		padding: 0 10px;
	}

	.synews .newsleft img {
		width: 100%;
	}

	.synews .newsleft .img_txt {
		width: 100%;
		padding: 3% 0;
	}
}

/*内页优势*/
.pageadvantage {
	width: 100%;
	height: auto;
	text-align: center;
}

.page_tit {
	width: auto;
	height: auto;
	line-height: 30px;
	font-size: 16px;
	color: #333;
	padding-bottom: 50px;
	text-align: center;
	margin: auto;
}

.page_tit dl {
	width: 100%;
}

.page_tit dl dt {
	font-size: 35px;
	line-height: 65px;
	font-weight: bold;
}

.page_tit dl dt span {
	color: var(--main-color);
}

.page_tit dl dd {
	font-size: 18px;
}

@media screen and (max-width: 850px) {
	.page_tit {
		padding-bottom: 20px;
	}

	.page_tit dl {
		width: 90%;
		margin: auto;
	}

	.page_tit dl dt {
		font-size: 20px;
		line-height: 40px;
	}

	.page_tit dl dd {
		font-size: 14px;
		line-height: 22px;
	}
}

.pageadvantage .list_botton {
	width: 25%;
	height: auto;
	float: left;
	padding-bottom: 2%;
	text-align: center;
}

.pageadvantage .list_botton .img {
	width: 80%;
	border-radius: 10px;
	overflow: hidden;
	margin: auto;
	text-align: center;
}

.pageadvantage .list_botton .img img {
	width: 100%;
	transition: all ease-in-out .5s;
}

.pageadvantage .list_botton dl {
	width: 80%;
	height: auto;
	color: #000;
	float: left;
	text-align: center;
	padding: 0 10%;
}

.pageadvantage .list_botton dl dd {
	font-size: 15px;
	line-height: 25px;
	padding: 8% 0;
	color: #656565;
}

.pageadvantage .list_botton:hover .img img {
	transform: scale(1.1);
}

.pageadvantage .list_botton:hover dl {
	color: var(--main-color);
}

@media screen and (max-width: 1200.98px) {
	.pageadvantage .list_botton dl dd {
		font-size: 13px;
		line-height: 25px;
	}
}

@media screen and (max-width: 860.98px) {
	.pageadvantage .list_botton {
		width: 50%;
	}

	.pageadvantage .list_botton .img {
		width: 90%;
	}

	.pageadvantage .list_botton dl {
		width: 90%;
		padding: 0 5%;
	}

	.pageadvantage .list_botton dl dd {
		font-size: 12px;
		line-height: 20px;
	}
}

.ny_img_left .page_tit {
	width: auto;
	height: auto;
	font-size: 16px;
	color: #333;
	padding: 5% 0;
	text-align: left;
}

.ny_img_left .page_tit dl {
	width: 100%;
}

.ny_img_left .page_tit dl dt {
	font-size: 22px;
	font-weight: bold;
	line-height: 30px;
}

.ny_img_left .page_tit dl dd {
	font-size: 14px;
	line-height: 30px;
}

.ny_img_left .pageadvantage .list_botton {
	width: 45%;
	height: auto;
	float: left;
	padding: 0 5% 2% 0;
	text-align: center;
}

.ny_img_left .pageadvantage .list_botton .img {
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
	margin: auto;
	text-align: center;
}

.ny_img_left .pageadvantage .list_botton .img img {
	width: 100%;
	transition: all ease-in-out .5s;
}

.ny_img_left .pageadvantage .list_botton dl {
	width: 100%;
	height: auto;
	color: #000;
	float: left;
	text-align: left;
	padding: 0;
}

.ny_img_left .pageadvantage .list_botton dl dd {
	font-size: 13px;
	line-height: 25px;
	padding: 8% 0;
	color: #656565;
}

.ny_img_left .pageadvantage .list_botton:hover .img img {
	transform: scale(1.1);
}

.ny_img_left .pageadvantage .list_botton:hover dl {
	color: var(--main-color);
}

@media screen and (max-width: 860.98px) {
	.ny_img_left .page_tit {
		padding: 3% 0;
	}

	.ny_img_left .page_tit dl dt {
		font-size: 18px;
		line-height: 25px;
	}

	.ny_img_left .page_tit dl dd {
		font-size: 13px;
		line-height: 25px;
	}

	.ny_img_left .pageadvantage .list_botton dl dd {
		font-size: 12px;
		line-height: 20px;
		padding: 5% 0;
	}
}


/*页脚*/
.footnav {
	width: 100%;
	height: auto;
	/* background: url(../image/foot_back.jpg) center no-repeat; */
	background: #1f1f1f;
	background-attachment: fixed;
	padding: 4% 0 2% 0;
	color: #ffffff;
	font-size: 15px;
}

.footnav .logo_m {
	/* width: 35%; */
	width: 45%;
	height: auto;
	float: left;
	padding-right: 5%;
	margin-top: -1.5%;
}

.footnav .logo_m .dt {
	width: auto;
	float: left;
	line-height: 25px;
	padding: 3px 15px;
	margin-top: 15px;
}

.footnav .logo_m .dt .dd {
	width: auto;
	font-size: 20px;
}

.footnav .logo_m .dt .ds {
	width: auto;
	font-size: 12px;
	font-family: Arial;
	text-transform: uppercase;
}

.footnav .logo_m img {
	width: auto;
	height: 57px;
	float: left;
}

.footnav .logo_m .logo_txt {
	width: 100%;
	line-height: 30px;
	padding: 5% 0;
	float: left;
}

.footnav .logo_m .select_txt {
	width: 100%;
	line-height: 36px;
	padding: 0;
	float: left;
}

.footnav .logo_m .select_txt select {
	width: 180px;
	height: 34px;
	line-height: 34px;
	border: 1px solid #ffffff;
	color: #ffffff;
	padding-left: 10px;
	float: left;
	background: none;
	font-size: 15px;
}

.footnav .logo_m .select_txt select option {
	line-height: 34px;
	height: 34px;
	background: var(--main-color);
	color: #ffffff;
}

.footnav .tit {
	width: 16%;
	height: auto;
	float: left;
	text-align: left;
}

.footnav .tit .dt {
	width: 100%;
	float: left;
	font-family: Arial;
	font-size: 25px;
	line-height: 60px;
	font-weight: bold;
}

.footnav .tit .dd {
	width: 100%;
	float: left;
	line-height: 35px;
	color: #ffffff;
}

.footnav .tit .dd:hover {
	color: #fff;
}

.footnav .contact {
	/* width: 58%; */
	width: 45%;
	height: auto;
	float: right;
	line-height: 35px;
	text-align: left;
	font-family: Arial;
}

.footnav .contact .dt {
	width: 100%;
	float: left;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	padding-bottom: 30px;
}

.footnav .contact .dl_contact {
	width: 100%;
	float: left;
	line-height: 30px;
	padding: 5% 0;
	/* padding: 5% 0 0 0; */
}

.footnav .contact .dl_contact dl {
	width: 50%;
	float: left;
	text-align: left;
	padding: 1% 0;
	font-family: Arial;
}

.footnav .contact .dl_contact dl dt {
	width: 100%;
	font-size: 15px;
	color: #fff;
	font-weight: bold;
}

.footnav .contact .dl_contact dl dd {
	width: 100%;
	font-size: 15px;
	color: #ffffff;
}

.footnav .contact .search_foot {
	width: 80%;
	height: 60px;
	float: left;
	background: rgb(255, 255, 255, 0.2);
	border-radius: 5px;
	font-size: 16px;
}

.footnav .contact .search_foot .key {
	width: 80%;
	height: 60px;
	line-height: 60px;
	border: 0;
	float: left;
	color: #fff;
	text-indent: 30px;
	background: none;
}

.footnav .contact .search_foot .key[type="text"]:focus {
	outline: none;
}

.footnav .contact .search_foot .sub {
	float: right;
	width: 19%;
	height: 30px;
	margin: 15px 0;
	line-height: 30px;
	border: none;
	border-left: 1px solid #fff;
	color: #fff;
	background: none;
	cursor: pointer;
}

.footnav .contact .search_foot .sub span {
	display: none;
}

.ding {
	width: 64px;
	height: 64px;
	position: absolute;
	right: 0px;
}

.footer {
	width: 100%;
	line-height: 30px;
	padding: 30px 0;
	text-align: left;
	border-top: 1px solid #ffffff;
	margin-top: 5%;
	font-size: 13px;
}

.contact .footer_bottom {
	width: 100%;
	line-height: 30px;
	/* padding: 30px 0; */
	text-align: left;
	border-top: 0px;
	font-size: 13px;
	display: none;
}

.footer_bottom a{
	color: #ffffff !important;
}

.footer_bottom a:hover {
	color: #c3d6ff !important;
}

.footer a {
	color: #ffffff !important;
}

.footer a:hover {
	color: #c3d6ff !important;
}

@media screen and (max-width: 1100px) {
	.footnav {
		font-size: 14px;
	}

	.footnav .logo_m {
		width: 100%;
		padding-right: 0;
	}

	.footnav .contact {
		width: 100%;
	}

	.footnav .contact .dt {
		font-size: 18px;
		line-height: 30px;
	}

	.footnav .contact .dd {
		width: 100%;
		font-size: 14px;
		line-height: 28px;
		padding: 0 0 10px 0;
	}

	.footnav .contact .dl {
		padding: 1% 0;
	}

	.footer {
		text-align: left;
		display: none;
	}

	.contact .footer_bottom{
		display: block;
	}
}

@media screen and (max-width: 860px) {
	.footnav {
		padding: 8% 0 2% 0;
	}

	.footnav .logo_m .logo_txt {
		padding: 2% 0;
	}

	.footnav .contact .dt {
		font-size: 15px;
		padding-bottom: 20px;
	}

	.footnav .contact .search_foot {
		font-size: 15px;
		width: 100%;
	}

	.footnav .contact .search_foot .key {
		width: 70%;
	}

	.footnav .contact .search_foot .sub {
		float: right;
		width: 29%;
	}

	.footer {
		line-height: 30px;
		padding: 4% 0 10px 0;
		display: none;
	}

	.contact .footer_bottom {
		display: block;
		margin-top: 20px
	}


	.footnav .contact .dl_contact {
		line-height: 30px;
		padding: 5% 0 90px 0;
	}

	.footnav .contact .dl_contact dl dt {
		font-size: 14px;
	}

	.footnav .contact .dl_contact dl dd {
		font-size: 13px;
	}
}

/*font*/
@font-face {
	font-family: "commonfont";
	src: url('/template/default/font/common.woff') format('woff'), url('../font/common.ttf') format('truetype');
}

.commonfont {
	font-family: "commonfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}

/* footer */
.footer_float {
	width: 100%;
	height: 0px;
	padding: 0;
	overflow: hidden;
	position: fixed !important;
	bottom: 0;
	right: 0;
	z-index: 9999;
	background: var(--main-color);
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

@media screen and (max-width: 660px) {
	.footer_float {
		width: 100%;
		height: 0px;
		padding: 0;
		overflow: hidden;
		position: fixed !important;
		bottom: 0;
		right: 0;
		z-index: 9999;
		/* background: var(--main-color); */
		background-color: #000;
		-webkit-transition: all 0.3s ease-in-out 0s;
		-moz-transition: all 0.3s ease-in-out 0s;
		-ms-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
	}
}

.foot_float {
	width: 100%;
	position: fixed;
	height: 0.8rem;
	bottom: 0;
	left: 0;
	z-index: 10;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

.foot-relative_float {
	position: relative;
	width: 100%;
	height: 0.8rem;
}

.foot_float a {
	display: block;
	float: left;
	width: 33.33%;
	color: #ffffff
}

@media screen and (max-width: 660px) {
	.foot_float a:hover {
		display: block;
		float: left;
		width: 33.33%;
		color: #ffffff
	}
}

.foot_float a span {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 30px;
	line-height: 40px;
}

.foot_float a h3 {
	width: 100%;
	text-align: center;
	font-size: 14px;
	line-height: 20px;
}

@media screen and (max-width: 660px) {
	.footer_float {
		height: 70px;
		padding: 5px 0;
	}
}

/* 设置了浏览器宽度不大于660px时 */


.pagelist {
	width: 100%;
	height: auto;
	margin-top: 15px;
}

.center {
	text-align: center;
}

.news_tit {
	width: 900px;
	height: 60px;
	overflow: hidden;
	line-height: 80px;
	font-size: 20px;
	text-align: center;
}

.news_date {
	width: 900px;
	height: 34px;
	line-height: 34px;
	color: #919191;
	text-align: center;
}

.news_con {
	width: 900px;
	height: auto;
	overflow: hidden;
	padding-top: 20px;
	padding-bottom: 30px;
}

.news_pre {
	width: 900px;
	height: 36px;
	line-height: 36px;
	border-bottom: 1px solid #d2d2d2;
	color: #8d8d8d;
	text-indent: 45px;
}

.news_pre a {
	color: #8d8d8d;
}

.proimg {
	width: 550px;
	height: auto;
	margin: 20px auto 0;
	text-align: center;
}


.center {
	text-align: center;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.pa {
	position: absolute;
}

.pr {
	position: relative
}

.clear {
	clear: both;
	display: block
}

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

.lf {
	float: left;
	display: block
}


/* 内页左边 */
.ny_left {
	width: 100%;
	height: auto;
	line-height: 70px;
}

.ny_left .div_tit {
	color: #adadad;
	padding-left: 26px;
	font-size: 12px;
	background: url(../image/home_icon.png) left center no-repeat;
	float: right;
}

.ny_left .position_nav {
	color: #adadad;
	padding-left: 26px;
	font-size: 12px;
	background: url(../image/home_icon.png) left center no-repeat;
	float: left;
}

.ny_left .div_list {
	width: auto;
	font-size: 14px;
	color: #333;
	text-align: center;
}

.ny_left .div_list .list_con {
	width: 14%;
	color: #333;
	line-height: 70px;
	border-right: 1px dotted #d6d6d6;
	float: left;
	transition: all ease-in-out .3s;
}

.ny_left .div_list a:nth-child(1) .list_con {
	/* background: var(--main-color);
	color: #fff;
	border-right: none; */
}

.ny_left .div_list .list_con:hover {
	background: var(--main-color);
	color: #fff;
}

.ny_left .div_list .list_cog {
	width: 14%;
	background: var(--main-color);
	color: #fff;
	line-height: 70px;
	border-right: 1px dotted #d6d6d6;
	float: left;
	transition: all ease-in-out .3s;
}

/* 内页右边 */
.ny_right {
	width: 100%;
	float: left;
	height: auto;
	padding: 4% 0;

}

.news_ny_right {
	padding: 0 0 4% 0;
}

.ny_right img {
	max-width: 100%;
}

.ny_right_content {
	width: 100%;
	height: auto;
	line-height: 30px;
	color: #333;
	padding-bottom: 3%;
}

.ny_right .product_ny_right_content {
	width: 100%;
	height: auto;
	line-height: 30px;
	color: #333;
	padding-bottom: 0;
}


.ny_right_content img {
	max-width: 100%;
}

.ny_right_content .ny_img_left {
	width: 40%;
	height: auto;
	float: left;
}

.ny_right_content .ny_img_right {
	width: 56%;
	height: auto;
	float: right;
	text-align: left;
}

.ny_right_content .ny_img_right h3 {
	padding-bottom: 2%;
	font-weight: bold;
}


@media screen and (max-width: 1200px) {
	.ny_left .div_list {
		font-size: 14px;
	}
}

@media screen and (max-width: 960px) {
	.ny_left .div_tit {
		display: none;
	}

	.ny_left .div_list {
		font-size: 13px;
	}

	.ny_left .div_list .list_con {
		width: 32.8%;
		line-height: 45px;
		margin-top: 10px;
	}

	.ny_left .div_list .list_cog {
		width: 32.8%;
		line-height: 45px;
		margin-top: 10px;
	}

	.ny_right_content .ny_img_left {
		width: 100%;
	}

	.ny_right_content .ny_img_right {
		width: 100%;
	}
}

/* 联系内页左边 */
.nycontact_left {
	width: 30%;
	float: right;
	/* height: auto; */
	height: 400px;
	/* margin-bottom: 20px; */
}

.nycontact_left .TwoOfTwo {
	height: 100%;
}

.nycontact_left .TwoOfTwo .aboutus {
	height: 100%;
	width: 100%;
	/* margin-bottom: 20px; */
	background: #fff;
	border-radius: 10px 10px 0 0;
	color: #333;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
	box-shadow: 0 0 20px rgba(0, 0, 0, .2);
}

.nycontact_left .TwoOfTwo .aboutus p {
	line-height: 87px;
	font-size: 22px;
	font-weight: bold;
	text-align: left;
	color: #fff;
	background: var(--main-color);
	text-align: center;
	border-radius: 10px 10px 0 0;
}

.nycontact_left .TwoOfTwo .aboutus .div_list {
	width: 80%;
	font-size: 14px;
	color: #333;
	text-align: center;
	/* padding: 10%; */
	padding: 13.5% 10%;
}

.nycontact_left .TwoOfTwo .aboutus .div_list .txt_message {
	width: 100%;
	height: auto;
	font-size: 16px;
	text-align: left;
}

.nycontact_left .TwoOfTwo .aboutus .div_list .txt_message .left_txt {
	width: 100%;
	font-size: 14px;
	line-height: 50px;
	text-indent: 20px;
	color: #333;
	background: #fff;
	margin-bottom: 18px;
	border: 1px solid #b9b9b9;
	border-radius: 4px;
}

.nycontact_left .TwoOfTwo .aboutus .div_list .txt_message .submit {
	width: 100%;
	font-size: 18px;
	line-height: 52px;
	background: var(--main-color);
	border: 0;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	border-radius: 4px;
}

/* 联系内页右边 */
.nycontact_right {
	width: 64%;
	float: left;
	height: auto;
	background: #fff;
}

.nycontact_right_tit {
	width: 100%;
	line-height: 60px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 30px;
	text-align: right;
	font-size: 16px;
}

.nycontact_right_content {
	width: 100%;
	height: auto;
	line-height: 30px;
	color: #333;
}

.nycontact_right_content img {
	max-width: 100%;
}

@media screen and (max-width: 1100px) {
	.nycontact_left {
		width: 100%;
	}

	.nycontact_left .TwoOfTwo .aboutus p {
		line-height: 60px;
		font-size: 20px;
	}

	.nycontact_left .TwoOfTwo .aboutus .div_list {
		padding: 5% 10%;
	}

	.nycontact_right {
		width: 80%;
		padding: 2% 10%;
	}
}

/* 设置了浏览器宽度不大于1100px时 */
@media screen and (max-width: 660px) {
	.nycontact_right_tit {
		font-size: 14px;
		margin-bottom: 20px;
	}

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

/* 设置了浏览器宽度不大于660px时 */

.nypro-list {
	width: 24%;
	height: auto;
	float: left;
	/* margin: 0% 0.5%; */
	margin: 0% 0.5% 2% 0.5%;
	;
	background: #fff;
	text-align: center;
	position: relative;
}

.nypro-list .pimg {
	width: 100%;
	height: auto;

	/* width: 300px;
    height: 225px; */
	overflow: hidden;
	border-radius: 3px;
	border: 1px solid #dfdfdf;
	z-index: 2;
}

.nypro-list .pimg img {
	width: 100%;
	height: auto;
	/* height: 397px; */
	transform: scale(1);
	transition: all ease-in-out .5s;
}

.nypro-list .ptit {
	width: 100%;
	line-height: 80px;
	color: #383a4e;
	font-size: 15px;
	font-weight: bold;
	overflow: hidden;
	z-index: 2;
}

.nypro-list .img_mask {
	width: 100%;
	height: 0px;
	overflow: hidden;
	background: rgba(0, 150, 136, 0.95);
	border-left: 1px solid var(--main-color);
	border-right: 1px solid var(--main-color);
	position: absolute;
	transition: all ease-in-out .5s;
	z-index: 1;
	border-radius: 3px;
}

.nypro-list .img_mask p {
	line-height: 80px;
	width: auto;
	padding: 0 20px;
	display: inline-block;
	border: 1px solid #fff;
	border-radius: 8px;
	color: #fff;
	text-align: center;
	font-size: 16px;
	margin-top: 28%;
}

.nypro-list a {
	color: #535353;
}

.nypro-list:hover a {
	color: #fff;
}

.nypro-list:hover .pimg img {
	/* transform: scale(1.1); */
}

.nypro-list:hover .img_mask {
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 1200px) {
	.nypro-list .ptit {
		line-height: 50px;
	}
}

/* 设置了浏览器宽度不大于1200px时 */
@media screen and (max-width: 860px) {
	.nypro-list {
		width: 48%;
		/* margin: 3% 1% 0 1%; */
	}

	.nypro-list .img_mask p {
		font-size: 14px;
		line-height: 60px;
	}
}

/* 设置了浏览器宽度不大于860px时 */
@media screen and (max-width: 660px) {
	.nypro-list .ptit {
		line-height: 40px;
		font-size: 13px;
	}

	.nypro-list .ptit_more {
		line-height: 40px;
		font-size: 13px;
		width: 70%;
	}
}

/* 设置了浏览器宽度不大于660px时 */

/* 项目内页 */
.ny_img_com {
	width: 100%;
	padding: 4% 0;
	/* height: auto; */
	height: 380px;
	background: #fff;
	margin: auto;
}

.ny_img_total {}

.ny_img_com .ny_img_left {
	width: 40%;
	height: auto;
	float: left;
}

.ny_img_com .ny_img_center {
	width: 56%;
	height: auto;
	float: right;
	text-align: left;
}

.ny_img_com .ny_img_center .tit_h1 {
	width: 100%;
	line-height: 25px;
	padding-bottom: 4%;
	font-size: 21px;
	color: #333;
}

.ny_img_com .ny_img_center .tit_h2 {
	width: 92%;
	height: auto;
	line-height: 30px;
	padding: 4%;
	margin-bottom: 5%;
	background: #eaeaea;
	font-size: 14px;
	color: #333;
}

.tit_h2 img {
	width: 100%;
}

.detail_bottom .tit_h2 img {
	width: auto;
}


.ny_img_com .ny_img_center .tit_h3 {
	width: 100%;
	height: auto;
	line-height: 25px;
	padding: 0 0 5% 0;
	font-size: 14px;
	color: #575757;
	float: left;
}

.ny_img_com .ny_img_center .tit_h3 span {
	color: #e30013;
	padding-right: 10px;
}

.ny_img_com .ny_img_center .tit_message {
	width: 45%;
	line-height: 40px;
	background: #e30013;
	font-size: 15px;
	color: #fff;
	float: left;
	text-align: center;
	margin-right: 5%;
}

.ny_img_com .ny_img_center .tit_message a {
	color: #fff;
}

.ny_img_com .ny_img_center .tit_message:hover {
	background: #eb4f38;
}

.ny_img_com .ny_img_center .tit_message:hover a {
	color: #fff;
}

.ny_img_com .ny_img_center .tit_fasong {
	width: 45%;
	line-height: 40px;
	background: #eb4f38;
	font-size: 15px;
	color: #fff;
	float: left;
	text-align: center;
	margin-right: 5%;
}

.ny_img_com .ny_img_center .tit_fasong a {
	color: #fff;
}

.ny_img_com .ny_img_center .tit_fasong:hover {
	background: #e30013;
}

.ny_img_com .ny_img_center .tit_fasong:hover a {
	color: #fff;
}

@media screen and (max-width: 1000px) {
	.ny_img_com .ny_img_left {
		width: 100%;
		height: auto;
		float: left;
	}

	.ny_img_com .ny_img_center {
		width: 100%;
		height: auto;
		float: left;
		text-align: left;
	}
}

/* 设置了浏览器宽度不大于1100px时 */
@media screen and (max-width: 660px) {
	.ny_img_com .ny_img_left {
		width: 100%;
		height: auto;
		float: left;
	}

	.ny_img_com .ny_img_center {
		width: 100%;
		height: auto;
		float: left;
		text-align: left;
	}

	.ny_img_com .ny_img_center .tit_h1 {
		font-size: 18px;
	}

	.ny_img_com .ny_img_center .tit_h2 {
		font-size: 13px;
		margin-top: 5%;
	}

	.ny_img_com .ny_img_center .tit_h3 {
		height: 0px;
		padding: 0;
		overflow: hidden;
	}

	.container .detail_total {
		display: none;
	}

	.container .product_detail_mobile {
		display: block;
	}

	.detail_bottom .tit_h2 img {
		width: 100%;
	}

	/* .product_profile h2{
		font-size: 18px;
	} */

	.product_profile{
		display: none;
	}

}

/* 设置了浏览器宽度不大于660px时 */

/*内页新闻*/
.nynewslist {
	width: 100%;
	height: auto;
}

.nynewslist li {
	width: 96%;
	height: auto;
	padding: 20px 2%;
	color: #333;
	font-size: 16px;
	border-bottom: 1px solid #ededed;
}

.nynewslist li a {
	font-size: 16px;
	color: #333;
	line-height: 30px;
	transition: all ease-in-out .3s;
}

.nynewslist li:hover a {
	text-decoration: none;
	color: var(--main-color);
	font-weight: bold;
	padding-left: 20px;
}

.nynewslist li span {
	font-size: 14px;
	color: #787878;
	line-height: 25px;
}

.nynewslist li:hover {
	background: #ececec;
}

/*内页新闻加图片*/
.nynewsimg {
	width: 100%;
	height: auto;
}

.nynewsimg li {
	width: 96%;
	height: auto;
	padding: 20px 2%;
	color: #333;
	font-size: 16px;
	border-bottom: 1px dotted #ccc;
}

.nynewsimg li img {
	width: 28%;
	height: auto;
	float: left;
	padding: 1%;
	border: 1px solid #ccc;
}

.nynewsimg li dl {
	width: 65%;
	height: auto;
	float: right;
}

.nynewsimg li dl dt {
	font-size: 16px;
	color: #333;
	line-height: 50px;
}

.nynewsimg li dl dd {
	font-size: 14px;
	color: #787878;
	line-height: 25px;
}

.nynewsimg li a {
	font-size: 16px;
	color: #333;
	line-height: 27px;
}

.nynewsimg li:hover img {
	border: 1px solid var(--main-color);
}

.nynewsimg li:hover dl dt {
	color: var(--main-color);
	font-weight: bold;
}

.nynewsimg li:hover {
	background: #ececec;
}

@media screen and (max-width: 1000px) {
	.nynewsimg li img {
		width: 38%;
		height: auto;
		float: left;
		padding: 1%;
		border: 1px solid #ccc;
	}

	.nynewsimg li dl {
		width: 55%;
		height: auto;
		float: right;
	}

	.nynewsimg li dl dt {
		line-height: 35px;
	}
}

/* 设置了浏览器宽度不大于1100px时 */
@media screen and (max-width: 660px) {
	.nynewsimg li img {
		width: 90%;
		padding: 5%;
	}

	.nynewsimg li dl {
		width: 90%;
		padding: 5%;
	}
}

/* 设置了浏览器宽度不大于660px时 */


/*分页*/
.page {
	width: 100%;
	height: 35px;
	padding-top: 15px;
	text-align: center;
}

.page a {
	display: inline-block;
	color: #333;
	border: 1px solid #dedede;
	padding: 5px 8px;
	margin: 0px 3px;
	border-radius: 2px;
}

.page a:hover {
	background-color: #6e2200;
	color: #fff;
	text-decoration: none;
}

.page .current {
	display: inline-block;
	padding: 5px 8px;
	color: #6e2200;
	font-weight: bold;
}

/*详情页*/
.article_title {
	text-align: center;
	width: 100%;
	padding: 10px 0;
}

.article_title h1 {
	font-size: 20px;
	line-height: 30px;
}

.newsin-c {
	width: 100%;
	height: auto;
	margin: 0px auto;
	padding-top: 20px;
}

.newsnext {
	width: 100%;
	padding: 20px 0px;
}

.newsnext li {
	width: 100%;
	height: 30px;
	line-height: 30px;
}

.newsnext li a {
	color: #333;
	line-height: 30px;
}

.newsnext li a:hover {
	color: var(--main-color);
	cursor: pointer;
	text-decoration: none;
}

.artdet {
	width: 100%;
	line-height: 50px;
	text-align: center;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	margin-bottom: 25px;
	background: #efefef;
}

.nyproleft {
	width: 480px;
	height: 440px;
	text-align: left;
}

.nyprolefts {
	width: 480px;
	height: 440px;
	text-align: left;
}

#tbody {
	width: 305px;
	margin: 0px auto;
}

#mainbody {
	width: 305px;
	border: 1px solid #dedede;
	margin-bottom: 10px;
}

#mainphoto {
	cursor: pointer;
	display: block;
}

#goleft {
	float: left;
	clear: left;
}

#goright {
	float: right;
	clear: right;
}

#photos {
	width: 370px;
	height: 62px;
	overflow: hidden;
	float: left;
	margin: 0px 5px;
}

#showArea img {
	display: block;
	float: left;
	margin: 0px 6px;
	cursor: pointer;
	border: 1px solid #dedede
}

#showArea img:hover {
	border: 1px solid #cc0000;
}


.nyproright {
	width: 400px;
	height: auto;
	float: right;
}

.pro_title {
	text-align: left;
	width: 100%;
	font-size: 22px;
	line-height: 40px;
}

.nyproright p {
	margin: 10px 0px;
	line-height: 40px;
	height: 40px;
	overflow: hidden;
	color: #616161;
	font-size: 15px;
}

.nyproright span {
	font-size: 18px;
	color: #464646;
	height: 45px;
}

.nyproright span b {
	color: var(--main-color);
	font-size: 26px;
}

.nyproright a {
	display: block;
	background: var(--main-color) url(/template/default/images/productshow_03.jpg) no-repeat 130px center;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	width: 160px;
	margin-top: 20px;
	float: left;
}

.nyproright a:hover {
	text-align: center;
}

.pofont1 {
	float: left;
	color: #616161;
	font-size: 16px;
	padding-top: 25px;
}

.probody {
	border-top: 1px dashed #dedede;
	padding: 15px 0px;
	font-size: 13px;
	line-height: 23px;
	margin-top: 40px;
}

.probody img {
	max-width: 890px
}

.probodytitle {
	width: 100%;
	height: 60px;
	line-height: 50px;
	text-align: left;
	color: #333;
	font-size: 16px;
	margin-bottom: 20px;
	border-bottom: 1px solid #e1e1e1;
	text-transform: uppercase;
}

.page_list {
	text-align: center;
	letter-spacing: 0;
	font-size: 15px;
	margin-top: 20px;
	margin-bottom: 10px;
	clear: both
}

.product_page_list {
	text-align: center;
	letter-spacing: 0;
	font-size: 15px;
	margin-top: 0px;
	margin-bottom: 10px;
	clear: both
}

.page_list .page-status {
	display: inline-block;
	color: #979797;
	text-align: center;
	padding: 0px 10px;
	margin: 0px 2px;
	line-height: 35px;
	border: 1px solid #dfdfdf;
	border-radius: 4px;
}

.page_list .page-index {
	display: inline-block;
	color: #979797;
	text-align: center;
	padding: 0px 10px;
	margin: 0px 2px;
	line-height: 35px;
	border: 1px solid #dfdfdf;
	border-radius: 4px;
}

.page_list .page_list_con .page-index {
	display: inline-block;
	color: #979797;
	text-align: center;
	padding: 0px 10px;
	margin: 0px 2px;
	line-height: 35px;
	border: 1px solid #dfdfdf;
	border-radius: 4px;
}

.page_list .page-index a {
	color: #979797;
}

.page_list .page-index:hover {
	color: #fff;
	border: 1px solid var(--main-color);
	background: var(--main-color);
}

.page_list .page-index:hover a {
	color: #fff;
}

.page_list .page-pre {
	display: inline-block;
	color: #979797;
	text-align: center;
	padding: 0px 10px;
	margin: 0px 2px;
	line-height: 35px;
	border: 1px solid #dfdfdf;
	border-radius: 4px;
}

.page_list .page-pre a {
	color: #979797;
}

.page_list .page-pre:hover {
	color: #fff;
	border: 1px solid var(--main-color);
	background: var(--main-color);
}

.page_list .page-pre:hover a {
	color: #fff;
}

.page_list .page-numbar .page-num {
	display: inline-block;
	color: #979797;
	text-align: center;
	padding: 0px 10px;
	margin: 0px 2px;
	line-height: 35px;
	border: 1px solid #dfdfdf;
	border-radius: 4px;
}

.page_list .page-numbar .page-num a {
	color: #979797;
}

.page_list .page-numbar .page-num:hover {
	color: #fff;
	border: 1px solid var(--main-color);
	background: var(--main-color);
}

.page_list .page-numbar .page-num:hover a {
	color: #fff;
}

.page_list .page-next {
	display: inline-block;
	color: #979797;
	text-align: center;
	padding: 0px 10px;
	margin: 0px 2px;
	line-height: 35px;
	border: 1px solid #dfdfdf;
	border-radius: 4px;
}

.page_list .page-next a {
	color: #979797;
}

.page_list .page-next:hover {
	color: #fff;
	border: 1px solid var(--main-color);
	background: var(--main-color);
}

.page_list .page-next:hover a {
	color: #fff;
}

.page_list .page-last {
	display: inline-block;
	color: #979797;
	text-align: center;
	padding: 0px 10px;
	margin: 0px 2px;
	line-height: 35px;
	border: 1px solid #dfdfdf;
	border-radius: 4px;
}

.page_list .page-last a {
	color: #979797;
}

.page_list .page-last:hover {
	color: #fff;
	border: 1px solid var(--main-color);
	background: var(--main-color);
}

.page_list .page-last:hover a {
	color: #fff;
}


/*link*/
.sylink {
	width: 100%;
	height: 64px;
	background: var(--main-color);
	text-align: left;
}

.sylink .linkcen {
	width: 1200px;
	height: 64px;
	line-height: 64px;
	font-size: 15px;
	color: #fff;
	margin: auto;
}

.sylink .linkcen span {
	float: left;
	padding: 0px 15px 0px 0px;
}

.sylink .linkcen a {
	color: #fff;
	text-decoration: none;
	line-height: 64px;
	padding: 0px 10px;
}

.sylink .linkcen a:hover {
	color: #e0edff;
	text-decoration: none;
}

/*link*/
.hy {
	width: 1200px;
	margin: auto;
	height: 132px;
	margin-top: 30px;
}

.hy_top {
	width: 1200px;
	height: 46px;
	border-bottom: 1px #d3d3d3 solid;
	float: left;
}

.hy_top ul li {
	float: left;
	height: 46px;
	line-height: 46px;
	width: 102px;
	font-size: 20px;
	font-weight: bold;
}

.hy_top ul li span {
	width: 12px;
	color: var(--main-color);
	float: right;
}

.hy_top ul li a {
	display: block;
	height: 46px;
	width: 90px;
	color: #333;
	text-align: center;
	text-decoration: none;
}

.hy_top ul li a:hover,
.hy_top ul .cur a {
	height: 43px;
	width: 90px;
	color: var(--main-color);
	border-bottom: 3px var(--main-color) solid;
	text-decoration: none;
}

.hy_con {
	width: 1200px;
	height: 83px;
	margin-top: 20px;
	float: left;
	line-height: 25px;
}

/* 合作伙伴 */
.partner-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	/* width: 10%; */

}

.partner {
	display: flex;
	flex-direction: row;
	width: 100%;
	margin: 0 auto;
	justify-content: space-around;
}

@media screen and (max-width: 660px) {
	.partner {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		width: 100%;
	}

	.partner-item {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 33.3%;
	}

}


/* .product .product_tab_top UL LI.initial {
    color: var(--main-color);
} */


.product .product_tab_top UL LI.initial {
	color: var(--main-color);
}


.header_area .navbar .navcurrent a .head_nav {
	background-color: var(--main-color);
	color: #fff;
}


.bottom_clear {
	margin-bottom: 100px;
}

.back_button {
	float: right;
	display: flex;
	align-items: center;
}

.honor_list .nypro-list {
	width: 24%;
}

.body_content {
	margin-bottom: 4%;
	margin-top: 4%;
}


.ny_left .div_list .nav_active {
	background-color: var(--main-color);
	color: #fff;
}

.ny_left .div_list a .list_con.nav_active {
	background: var(--main-color);
	color: #fff;
	border-right: none;
	/* font-weight: bold;
    font-size: 20px; */
}

.contact_style {
	height: 50px;
	line-height: 50px;
}

@media screen and (max-width: 960px) {
	.address_right #map_zb {
		margin-top: 0px;
		width: 100%;
		float: left;
		height: 300px;
		border: 1px #ddd solid;
		margin-bottom: 15px;
		border-radius: 10px 10px 0 0;
		box-shadow: 0 0 20px rgba(0, 0, 0, .2);
	}
}


@media screen and (max-width: 960px) {
	.nypro-list {
		width: 48%;
		margin: 3% 1% 0 1%;
	}


	.honor_list .nypro-list {
		width: 48%;
	}

	.case-nypro-list .case_pimg img {
		width: 100%;
	}

	.page_list {
		text-align: center;
		letter-spacing: 0;
		font-size: 12px;
		margin-top: 20px;
		margin-bottom: 10px;
		clear: both;
	}

	.honor_page_list {
		text-align: center;
		letter-spacing: 0;
		font-size: 12px;
		margin-top: 0px;
		margin-bottom: 10px;
		padding-top: 15px;
		clear: both;
	}

	.page_list span:nth-child(1) {
		display: none;
	}

	.page_list .page-numbar .page-num {
		display: inline-block;
		color: #979797;
		text-align: center;
		padding: 0px 10px;
		margin: 0px 2px;
		line-height: 35px;
		border: 1px solid #dfdfdf;
		border-radius: 4px;
		margin-bottom: 5px;
	}



}


.case_body {
	width: 100%;
	display: flex;
	flex-direction: row;
}

.detail_total {
	width: 100%;
	padding: 4% 0;
	height: 380px;
	background: #fff;
	margin: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.detail_left {
	width: 40%;
	height: 100%;
}

.detail_left img {
	width: 100%;
	height: 100%;
}


.detail_right {
	width: 50%;
	/* height: 100%; */
	height: auto;
	padding: 4%;
	line-height: 30px;
	background: #eaeaea;
	font-size: 14px;
	color: #333;
}

.product_detail_mobile {
	display: none;
}

.detail_right .detail_title {
	font-size: 16px;
	line-height: 32px;
	font-weight: 800;
}

.detail_right .detail_description {
	text-indent: 2rem;
	padding: 30px 0px 0px 0px;
	text-align: justify;
}

/* 当前页码样式 */
.page_list .page-numbar .page-num-current {
	background: var(--main-color);
	color: #fff;
}

/* 产品中心列表页样式 */
.list_position{
	float: left;
}

.list_show_all {
	display: flex;
	flex-direction: row;
	width: 100%;
	justify-content: space-between;
	padding: 0;
}

.list_show_left {
	width: 14%;
}

.list_show_right {
	width: 80%;
	padding: 0;
}

.list_show_all .list_show_left .cate-title {
	font-size: 20px;
	height: 80px;
	color: #fff;
	font-weight: bold;
	background: var(--main-color);
	line-height: 80px;
	text-align: center;
}

.list_show_left .pic {
	height: 60px;
}

.list_show_left .pic .text {
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	background: var(--main-color);
	text-align: center;
	display: flex;
	flex-direction: column;
	height: 100px;
	align-items: center;
	justify-content: center;
}

.list_show_left ul {
	width: 100%;
}

.list_show_left ul li {
	background-color: #f4f4f4;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 54px;;
	height: 54px;
	/* 根据需要调整高度 */
	box-sizing: border-box;
	margin: 0 0 2px 0;
}

.list_show_left ul li:nth-child(1) {
	margin: 2px 0 2px 0;
}

.list_show_left ul li a {
	width: 100%;
	height: 100%;
	text-align: center;
}

.list_show_left ul li a:hover {
	background: var(--main-color);
	color: #fff;
}

.list_show_left ul li .list_active{
	background: var(--main-color);
	color: #fff;
}



/* 手机端新闻中心、产品中心展示 */
@media screen and (max-width: 700px) {
	.list_show_all {
		display: flex;
		flex-direction: column;
		width: 100%;
		justify-content: space-between;
		padding: 4% 0 0 0;
	}

	.list_show_left {
		width: 100%;
	}

	.list_show_right {
		width: 100%;
		padding: 0;
	}

	.list_show_all .list_show_left .cate-title {
		font-size: 16px;
		height: 40px;
		color: #fff;
		font-weight: bold;
		background: var(--main-color);
		line-height: 40px;
		text-align: center;
	}

	.list_show_left ul {
		display: flex;
		flex-wrap: wrap;
	}

	.list_show_left ul li {
		background-color: #f4f4f4;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		line-height: 30px;
		height: 30px;
		/* 根据需要调整高度 */
		box-sizing: border-box;
		margin: 0 0 2px 0;
		width: 50%;
	}

	.list_show_left ul li:nth-child(1) {
		margin: 2px 0 2px 0;
		border-right: 0.1px solid #d6d6d6;
	}

	.list_show_left ul li:nth-child(2) {
		margin: 2px 0 2px 0;
	}

	.list_show_left ul li:nth-child(3) {
		border-right: 0.1px solid #d6d6d6;
	}

	.list_show_left ul li:nth-child(5) {
		border-right: 0.1px solid #d6d6d6;
	}

	.list_show_left .pic {
		display: none;
	}

}

/* 分页 */

.list_show_page{
	padding: 0 0 3% 0;
}

.news_show_page_num{
	text-align: center;
    letter-spacing: 0;
    font-size: 15px;
    margin-top: 0px;
    margin-bottom: 0px;
    clear: both;
}

.list_show_right .ny_right_content{
	padding-bottom: 0px;
}


@media screen and (max-width: 860px) {
    .footer .footer_top{
		display: none;
	}
}


.product_profile{
	border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    margin-bottom: 20px;
	background: #efefef;
	text-align: center;
}


.product_profile h2{
	padding: 5px 0;
    margin-bottom: 0px;
	font-size: 24px;
}