﻿/* 头部 */
body {
	padding-top: 3vw;
	min-width: 60vw;
}

#ztreeleft {
	display: none;
	width: 40vw;
	height: 20vw;
	background-color: rgba(68, 68, 68, .8);
	position: fixed;
	top: 30%;
	left: 31%;
	z-index: 9999999;
	padding: 1vw;
}

.ztreeleft-border {
	border: 0.3vw solid #fff;
	color: #fff;
	width: 39.5vw;
	height: 18vw;
	padding-top: 1.5vw;
}

.ztreeleft-border p {
	text-align: center;
	font-size: 1.5vw;
	margin-bottom: 1vw;
}

.ztreeleft-border .more-case-box a {
	width: 15vw;
	border: 1px solid #e60012;
	text-align: center;
	height: 3vw;
	line-height: 3vw;
}

.ztreeleft-border a {
	color: white;
}

.head-box {
	padding: 0.8vw 2% 2.5vh;
	background-color: #fff;
	border-bottom: 1px solid #d5d5d5;
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	top: 0;
	right: 0;
	-moz-transition: padding .3s ease-in;
	-webkit-transition: padding .3s ease-in;
	transition: padding .3s ease-in;
}

.head-box .logo {
	width: 16.5vw;
	height: 3vw;
}

.img-box img {
	display: block;
	width: 100%;
}

.head-box .nav-list {
	margin: 1vw 0 0.5vw;
	margin-right: 4vw;
	overflow: hidden;
}

.head-box .nav-list li {
	float: left;
	margin-right: 2vw;
	padding-bottom: 0.5vw;
}

.head-box .nav-list .active {
	border-bottom: 0.2vw solid #BB0000;
}

.head-box .nav-list li:hover {
	border-bottom: 0.2vw solid #BB0000;	
}

.head-box .nav-list li a {
	font-size: 0.9vw;
	color: #413f3f;
	padding-bottom: 0.1vw;
}


.head-box .nav-box {
	position: relative;
}

.head-box .head-right {
	position: relative;
	padding-right: 12vw;
}

.head-box .head-right>a{
height:1vw;
width:1vw;
}
@media screen and (max-width: 800px) {
	.head-box .head-right>a {
		display:none;
	}
}

.head-box .tools-box {
	position: absolute;
	right: 0;
	top: 0.8vw;
}

.head-box .search-box {
	min-width: 1.8vw;
	/* min-height: 1.8vw; */
	height: 1.8vw;
	border: 1px solid transparent;
	background-color: #fff;
	margin-right: 1vw;
}

.head-box .search-box:hover {
	border: 1px solid #666666;
	box-shadow: 0 3px 10px rgba(33, 33, 33, .5);
}

.head-box .search-box input {
	height: 1.8vw;
	padding-left: 0px;
	width: 0;
	font-size: 0.8vw;
	visibility: hidden;
	-webkit-transition: all .3s;
	-moz--transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.head-box .search-box:hover input {
	padding-left: 1vw;
	width: 10vw;
	padding-left: 1vw;
	visibility: visible;
}

.head-box .search-def {
	width: 1.8vw;
	height: 1.8vw;
}

.head-box .search-box:hover .search-def {
	display: none;
}

.head-box .search-act {
	display: none;
	width: 2.51vw;
	height: 1.9vw;
}

.head-box .search-box:hover .search-act {
	display: block;
}

.head-box .tel-box {
	border: 0.05vw solid #000;
	padding: 0.3vw 0.6vw 0.05vw;
	height: 1.3vw;
	border-radius: 1vw;
	position: relative;
}

.pop-code-box {
	position: absolute;
	top: 2.5vw;
	right: -1vw;
	background: #fff;
	z-index: 99999;
	border: 0.05vw solid #777773;
	display: none;
}

.pop-code-box p {
	text-align: center;
	color: #777773;
	font-size: 0.8vw;
	line-height: 2;
}

.pop-code-box .pop-wechat-code {
	width: 10.2vw;
	height: 10.2vw;
}

.pop-code-box .j {
	position: absolute;
	top: -0.75vw;
	right: 1.3vw;
}





.head-box .tel-box .phone-box {
	margin-right: 0.3vw;
	width: 1vw;
	height: 1vw;
}

.head-box .tel-box .phone-num {
	margin-right: 0.3vw;
	margin-top: 0.1vw;
	font-size: 0.8vw;
}

.head-box .tel-box .qrcode-box {
	width: 1vw;
	height: 1vw;
	cursor: pointer;
}

.banner-box {
	position: relative;
	width: 100%;
	overflow: hidden;
}




/* 业务 */
.service-box .service {
	overflow: hidden;
}

.service-box .service-item {
	width: 25%;
	color: #333;
	padding: 5.5vw 0 1.5vw;
	position: relative;
	float: left;
}

.service-box .service-item .service-desc {
	font-size: 1.2vw;
	text-align: center;
	margin-bottom: 1.6vw;
}

.service-box .service-item .service-title {
	font-size: 1.5vw;
	text-align: center;
	font-weight: bold;
	height: 2vw;
	line-height: 2vw;
	padding: 20px 0;
}

.service-box .service-item .service-title a {
	font-size: 1.6vw;
	font-weight: bold;
	color: #fff;
}

.service-box .service-item .service-title a:hover {
	text-decoration: underline;
}

.service-box .service-item li a {
	font-size: 0.9vw;
	text-align: center;
	font-weight: bold;
	color: #fff;
}

.service-box .service-item li a:hover {
	text-decoration: underline;
}

.service-box .service-item .service-num {
	font-size: 2.5vw;
	text-align: center;
	font-weight: bold;
	color: #010101;
	line-height: 4.4vh;
	margin: 1vw 0 2vw;
}

.service-box .service-item .line {
	width: 2.5vw;
	height: 1px;
	background-color: #333;
	margin: 0 auto;
}

.service-box .service-item .service-thumb {
	width: 80%;
	margin: 0 auto;
}

.service-box .service-item .service-thumb img {
	width: 100%;
}

.service-box .service-item .service-act {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: #e8003a;
	padding: 1vw;
	opacity: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.service-box .service-item:hover .service-act {
	opacity: 1;
}

.service-box .service-item .service-act .service-act-content {
	border: 1px solid #fff;
	position: relative;
	height: 100%;
	color: #fff;
	padding-top: 1px;
}

.service-box .service-item .service-act .line {
	background: #fff;
}

.service-box .service-item .service-act .line.t {
	margin-top: 1.9vh;
}

.service-box .service-item .service-act .service-list-box {
	text-align: center;
	margin-top: 2.8vh;
}

.service-box .service-item .service-act .service-list {
	display: inline-block;
	margin: 0 auto;
	text-align: left;
	font-size: 0.8vw;
	line-height: 1.8;
}

.service-box .service-item .service-act .service-num {
	width: 3vw;
	height: 2vw;
	color: #fff;
	font-weight: normal;
	background: #e8003a;
	position: absolute;
	top: 92%;
	bottom: 0;
	margin: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	padding: 0 5px;
}





/* 标题 */
.common-title {
	text-align: center;
	padding: 2vw 0;
	width: 60vw;
	margin: 0 auto;
}

.common-title .big-title {
	font-weight: bold;
	font-size: 1.3vw;
	color: #333;
	margin-bottom: 1.5vw;
}

.common-title .desc {
	font-size: 1vw;
	color: #777;
}




/* 案例 */
.case-box {
	padding: 1.5vw 2.5%;
	background: #f4f4f4;
}

.case-box .case-cate {
	padding: 0 5vw;
	overflow: hidden;
	margin-bottom: 1.7vw;
}

.case-box .case-cate a {
	float: left;
	font-size: 1vw;
	color: #413f3f;
	border-top: 2px solid transparent;
	padding: 0.5vw 0;
	margin-right: 1.5vw;
}

.case-box .case-cate a.all-a {
	float: right;
	border-color: transparent !important;
	margin-right: 0;
	text-decoration: underline;
}

.case-box .case-cate a.all-a:hover {
	color: #e60039;
	text-decoration: underline;
}

.case-box .case-cate a:hover,
.case-box .case-cate a.active {
	border-bottom: 0.2vw solid #BB0000;
}

.case-box .case-list-item {
	overflow: hidden;
	display: none;
}

.case-box .case-item {
	float: left;
	color: #fff;
	width: 33%;
	position: relative;
	margin-right: .5%;
	margin-bottom: .5%;
	overflow: hidden;
}

.case-box .case-item:hover>p {
	transform: scale(1.2);
	transition: 0.5s ease;
}

.case-box .case-item:nth-of-type(3n) {
	margin-right: 0;
}

.case-box .case-item .case-img {
	position: absolute;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 5;
	top: 0;
	left: 0;
}

.case-box .case-item .case-act {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: rgba(0, 0, 0, .5);
	padding: 5%;
	opacity: 0;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	z-index: 10;
}

.case-box .case-item:hover .case-act {
	opacity: 1;
}

.case-box .case-item .case-act .case-title {
	font-size: 1.5vw;
	margin-bottom: 5px;

}

.case-box .case-item .case-act .ani-box {
	-webkit-transform: translateY(500%);
	-moz-transform: translateY(500%);
	-ms-transform: translateY(500%);
	-o-transform: translateY(500%);
	transform: translateY(500%);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.case-box .case-item .case-act .ani-box>p {
	font-size: 1vw;
}

.case-box .case-item:hover .ani-box {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.case-box .case-item .case-act .line {
	width: 4vw;
	height: 0.2vw;
	background: #fff;
	margin-bottom: 0.3vw;
}

.case-box .case-item .case-act .case-more {
	position: absolute;
	right: 10%;
	bottom: 10%;
	width: 8%;
}

.case-box .case-item .case-placeholder {
	width: 100%;
}



/* 查看更多案例 */
.more-case>p {
	font-size: 0.8vw;
}

.more-case-box {
	padding: 1vw 0;
}

.more-case-box a {
	display: block;
	width: 10vw;
	height: 2vw;
	border: 2px solid #e60012;
	color: #e60012;
	line-height: 2.1vw;
	margin: 0 auto;
}

.more-case-box p {
	margin-left: 0.9vw;
}

.more-case-box img {
	width: 1.3vw;
	height: 0.7vw;
	margin-top: .7vw;
	margin-right: .5vw;
}





/* 公司介绍 */
.company-box {
	background: #f4f4f4;
}

.company-box .company {
	position: relative;
}

.company-box .company-description {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 34.2%;
	background: url(../images/description-bg.png) no-repeat left top /cover;

}

.company-box .company-description .left-box {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	padding-top: 1.5vw;
	padding-left: 10%;
}

.company-box .company-description h2 {
	font-size: 1.3vw;
	font-weight: bold;
}

.company-box .company-description .line {
	height: 0.15vw;
	width: 3.3vw;
	background: #aaa;
	margin: 0.9vh 0 1.9vh;
}

.company-box .company-description .company-name {
	font-weight: bold;
	color: #444444;
	font-size: 0.9vw;
	margin: 0.5vh 0 0.9vh;
}

.company-box .company-description .company-type {
	font-size: 1.2vw;
	color: #444;
}

.company-box .company-description a {
	color: #444;
	font-size: 0.8vw;
	border-bottom: 0.15vw solid #aaaaaa;
	padding-bottom: 0.3vw;
	position: absolute;
	bottom: 5%;
	left: 10%;
}

.company-box .company-description a:hover {
	color: #e60012;
	border-color: #e60012;
}

.company-box .company-detail {
	float: right;
	width: 65.8%;
}

.company-box .company-detail .content-box {
	padding-top: 4%;
	padding-left: 5%;
	padding-right: 5%;
}

.company-box .company-detail .t {
	font-size: 1.2vw;
	color: #333;
	font-weight: bold;
	margin-bottom: 1.7vw;
}

.company-box .company-detail .long {
	font-size: 0.9vw;
	color: #a60000;
	font-weight: bold;
	margin-bottom: 1.5vw;
}

.company-box .company-detail .company-txt {
	font-size: 0.9vw;
	color: #424142;
}

.company-box .company-detail .company-txt.company1 {
	margin-bottom: 2.8vh;
}

.company-box .company-detail .count {
	overflow: hidden;
	padding: 4% 0 0 0;
}

.company-box .company-detail .count li {
	float: left;
	font-size: 0.9vw;
	color: #424142;
	padding: 0 5%;
	border-right: 1px solid #828282;
}

.company-box .company-detail .count li .big {
	font-weight: bold;
	font-size: 1.8vw;
	color: #a60000;
}

.small {
	font-size: 1vw;
}





/* 新闻资讯 */
.news-box .news-column-list {
	width: 83%;
	margin: 0 auto;
	overflow: hidden;
}

.news-box .news-column-item {
	background-color: #f7f8f8;
	width: 22vw;
	padding: 2vw 2vw 0.5vw;
	float: left;
	margin-right: 1.7vw;
}

.news-box .news-column-item .title {
	overflow: hidden;
	line-height: 1.4vw;
	margin-bottom: 1vw;
}

.news-box .news-column-item .title .cn {
	font-weight: bold;
	color: #333;
	margin-right: 1.5vw;
	font-size: 1.2vw;
}

.news-box .news-column-item .title .en {
	color: #777;
	font-size: 0.9vw;
}

.news-box .news-column-item .news-list {
	padding-top: 0.9vw;
}

.news-box .news-column-item .news-item {
	background: #fff;
	display: block;
	padding: 1vw;
	overflow: hidden;
	box-shadow: 2px 2px 2px rgba(159, 157, 157, .27);
	margin-bottom: 0.8vw;
	height: 4vw;
}

.news-box .news-column-item .news-item:hover {
	background: #ff4646;

}

.news-box .news-column-item .news-item:hover * {
	color: #fff !important;
}

.news-box .news-column-item .news-item .date {
	width: 3vw;
}

.news-box .news-column-item .news-item .date .year {
	font-weight: bold;
	color: #636363;
	font-size: 1.2vw;
}

.news-box .news-column-item .news-item .date .day {
	color: #636363;
	font-size: 0.9vw;
}

.news-box .news-column-item .news-item .line {
	width: 0.05vw;
	height: 3.5vw;
	background: #e0e0e0;
	margin-left: 0.5vw;
	margin-right: 0.75vw;
}

.news-box .news-column-item .news-item .news-content {
	width: 14vw;
}

.news-box .news-column-item .news-item .news-title {
	font-size: 0.9vw;
	color: #4e4e4e;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	margin-bottom: 0.5vw;
}

.news-box .news-column-item .news-item .news-desc {
	font-size: 0.8vw;
	color: #4e4e4e;
	max-height: 2.5vw;
	line-height: 1.2vw;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;

}

.news-box .more-box {
	text-align: center;
}

.news-box .more-box a {
	color: #777777;
	font-size: 0.8vw;
}

.news-box .more-box a:hover {
	color: #ff4646;
}




/* 页面底部 */
.page-bottom-box {
	background: #373e44;
	padding: 2vw 0 1vw;
}

.page-bottom-box * {
	color: #fff;
}

.page-bottom-box .page-bottom {
	overflow: hidden;
}

.page-bottom-box .item {
	float: left;
}

.page-bottom-box .item.item1 {
	width: 13vw;
	margin-right: 5vw;
	margin-left: 1.5vw;
}

.page-bottom-box .item.item1:first-child {
	margin-left: 10vw;
}

.page-bottom-box .item.item2 {
	width: 15.5vw;
	margin-right: 6.5vw;
}

.page-bottom-box .item-name {
	font-weight: bold;
	font-size: 1.2vw;
	color: #fff;
	margin-bottom: 1.5vw;
}

.page-bottom-box .item-list {
	overflow: hidden;
}

.page-bottom-box .list-item {
	margin-bottom: 1vw;
}

.page-bottom-box .item1 .list-item {
	float: left;
	margin-right: 3vw;
}

.page-bottom-box .item2 .list-item {
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
}

.page-bottom-box .list-item:nth-of-type(2n) {
	margin-right: 0;
}

.page-bottom-box .list-item a {
	font-size: 0.9vw;
	color: #fff;
}

.page-bottom-box .list-item a:hover {
	text-decoration: underline;
}

.page-bottom-box .bottom-code {
	padding: 0.8vw 0.9vh;
	text-align: center;
	padding-right: 10vw;
}

.page-bottom-box .bottom-code .bottom-code-img {
	width: 10.2vw;
	height: 10.2vw;
}

.page-bottom-box .bottom-code p {
	margin-top: 0.5vw;
	font-size: 0.8vw;
}




/* 友情链接 */
.friend-link-box {
	line-height: 2.2vw;
}

.friend-link-box .link-list {
	overflow: hidden;
	border-bottom: 0.1vw solid #afafaf;
}

.friend-link-box .link-item {
	float: left;
	color: black;
	margin-right: 1.4vw;
}

.friend-link-box .link-item.na {
	margin-right: 0;
	font-size: 0.8vw;
	margin-left: 15vw;
}

.friend-link-box .link-item a {
	font-size: 0.8vw;
	color: black;
}

.friend-link-box .link-item a:hover {
	color: #BB0000;
	text-decoration: underline;
}


/* 地址信息 */
.addr-box {
	padding: 3.5vw 0 6vw;
	height: 5vw;
}

.addr-box p {
	color: black;
	font-size: 0.8vw;
	line-height: 2;
	margin-left: 15vw;
}





/* 广告弹窗 */
.pop-ad {
	position: fixed;
	z-index: 99999;
	width: 33.75vw;
	height: 16.4vw;
	background-color: rgba(255, 0, 0, .85);
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: none;
}

.pop-ad .pop-ad-content {
	position: absolute;
	left: 0.4vw;
	top: 0.4vw;
	right: 0.4vw;
	bottom: 0.4vw;
	border: 2px solid #fff;
	color: #fff;
	padding: 2vw 5vw 0 2vw;
}

.pop-ad .pop-ad-title {
	font-weight: bold;
	font-size: 1.6vw;
	color: #fff;
	margin-bottom: 1.4vw;
}

.pop-ad .left {
	margin-left: 2vw;
}

.pop-ad .code-box {
	margin: 0 auto;
}

.pop-ad .code-img,
.pop-ad .code-box {
	width: 5vw;
	height: 5vw;
}

.pop-ad .add {
	text-align: center;
	margin-top: 1vw;
	font-size: 0.8vw;
}

.pop-ad .btn {
	display: block;
	width: 8vw;
	height: 1.8vw;
	border-radius: 1vw;
	font-size: 0.9vw;
	color: #fff;
	text-align: center;
	line-height: 1.8vw;
	border: 1px solid #fff;
	margin-bottom: 0.75vw;
}

.pop-ad .cellphone,
.pop-ad .telephone {
	font-weight: bold;
	font-size: 1.2vw;
	color: #fff;
	line-height: 1.5;
}

.pop-ad .close {
	position: absolute;
	top: 0.5vw;
	right: 0.5vw;
	width: 1.2vw;
	height: 1.2vw;
	background: url(../images/icon-close.png) no-repeat left top / 100% 100%;
	cursor: pointer;
}





/* 内页样式 */
/* 案例 */
.inner-cate-box {
	overflow: hidden;
	border-bottom: 1px solid #d5d5d5;
	background: #f4f4f4;
	padding: 2.5vw 2.5% 0;
}

.inner-cate-box .column-title {
	font-size: 1.8vw;
	color: #565656;
	margin: 1vw 0;
}

.inner-cate-box span.split,
.inner-cate-box .case-cate a {
	float: left;
	margin-right: 2vw;
	font-size: 0.8vw;
	padding: 0.5vw 0;
	color: #8e8e8e;
}

.inner-cate-box .case-cate {
	margin-top: 2.2vw;

}

.inner-cate-box .case-cate a {
	border-bottom: 2px solid transparent;

}

.inner-cate-box .case-cate a:last-of-type {
	margin-right: 0;
}

.inner-cate-box .case-cate a:hover,
.inner-cate-box .case-cate a.active {
	border-color: #e60039;
}

/* 新闻 */
.inner-news-banner {
	position: relative;
	top: 1vw;
	height: 15.9vw;
	width: 100%;
	overflow: hidden;
}

.inner-news-banner .inner-img {
	width: 100%;
	height: 100%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	position: relative;
	left: 50%;
}

.inner-news-banner .inner-news-nav-box {
	position: absolute;
	z-index: 100;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}

.inner-news-banner .inner-news-nav {
	max-width: 60vw;
	margin: 0 auto;
	padding-top: 6.5vw;
}

.inner-news-banner .inner-news-nav h2 {
	font-size: 1.5vw;
	font-weight: bold;
	color: #fff;
	margin-bottom: 2vw;
}

.inner-news-banner .sub-nav {
	overflow: hidden;
	padding-left: 0.7vw;
}

.inner-news-banner .sub-nav a,
.inner-news-banner .sub-nav span {
	float: left;
	font-size: 1vw;
	color: #fff;
	line-height: 2;
	margin-right: 0.6vw;
	border-bottom:0.15vw solid transparent;
}

.inner-news-banner .sub-nav a:hover,
.inner-news-banner .sub-nav a.active {
	border-color: #e71e42;
}

.inner-news-box {
	background: #f3f3f3;
	padding: 3vw 0 0;
}

.inner-news-main {
	width: 60vw;
	margin: 0 auto;
	overflow: hidden;
}

.inner-news-main .news-item {
	width: 16vw;
	height: 25vw;
	background: #fff;
	padding: 0 1.5vw;
	float: left;
	margin-right: 1.5vw;
	margin-bottom: 1.5vw;
}

.inner-news-main .news-item:nth-of-type(3n) {
	margin-right: 0;
}

.inner-news-main .news-item:hover {
	transition: transform .2s;
	-webkit-transform: translateY(-3px);
	-moz-transform: translateY(-3px);
	-ms-transform: translateY(-3px);
	-o-transform: translateY(-3px);
	transform: translateY(-3px);
	box-shadow: 0 0 5px rgba(0, 0, 0, .1);
}

.inner-news-main .news-item .news-title {
	font-size: 0.8vw;
	color: #363636;
	font-weight: bold;
	padding: 2vw 0 1.5vw;
	
	text-overflow: -o-ellipsis-lastline;
	 overflow: hidden;
	 text-overflow: ellipsis;
	 display: -webkit-box;
	 -webkit-line-clamp: 2;
	 line-clamp: 2;
	 -webkit-box-orient: vertical;
	
	border-bottom: 0.2vw solid #888888;
}

.inner-news-main .news-item:hover .news-title {
	color: #e71e42;
}

.inner-news-main .news-item .img-box {
	margin: 1.25vw 0;
	overflow: hidden;
	width: 100%;
	height: 10vw;
}

.inner-news-main .news-item:hover .news-thumb {
	transition: transform .2s;
	-webkit-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-ms-transform: scale(1.08);
	-o-transform: scale(1.08);
	transform: scale(1.08);
}

.inner-news-main .news-item .news-thumb {
	width: 100%;
	height: 10vw;
}

.inner-news-main .news-item .desc {
	font-size: 0.8vw;
	line-height: 1.8;
	max-height: 5.25vw;
	overflow: hidden;
	color: #666;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
}

.inner-news-main .news-item .date {
	font-size: 0.7vw;
	color: #666;
	margin-top: 0.7vw;
}

/* 关于 */
.inner-about-banner {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.inner-about-banner .about-inner-img {
	width: 100%;
	left: 50%;
	display: block;
}

.inner-common-title {}

.inner-common-title .line {
	height: 0.4vw;
	width: 2.8vw;
	background: #e71e42;
	margin: 0 auto 0.5vw;
}

.inner-common-title .common-title .big-title {
	color: #0e0509;
}

.inner-about-content-box {
	margin-bottom: 2.5vw;
}

.inner-about-content-box .inner-about-content {
	width: 75vw;
	margin: 0 auto;
}

.inner-about-content-box p {
	font-size: 0.9vw;
	color: #424142;
	margin-bottom: 0.8vw;
}

.inner-about-customer-box {
	padding: 1vw 0 3vw;
}

.inner-about-customer-box .inner-about-customer-list {
	border-top: 1px solid #cdcdcd;
	border-left: 1px solid #cdcdcd;
	width: 70vw;
	margin: 0 auto;
	overflow: hidden;
}

.inner-about-customer-box .inner-about-customer-item {
	width: 16.666%;
	float: left;
	position: relative;
	overflow: hidden;
	border-right: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	box-sizing: border-box;
}

.inner-about-customer-box .about-customer-placeholder-img {
	width: 100%;
}

.inner-about-customer-box .about-customer-img {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	transition: transform .2s;
}

.inner-about-customer-box .about-customer-img:hover {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}

/* 联系 */
#map {
	width: 100%;
	height: 30.5vw;
}

.inner-contact-box {
	border-bottom: 1px solid #cdcdcd;
	padding-top: 1.5vw;
	padding-bottom: 0.5vw;
}

.inner-contact-box .inner-contact {
	overflow: hidden;
	width: 60vw;
	margin: 0 auto;
}

.inner-contact-box .inner-contact .info {
	width: 30.5vw;
	position: relative;
	padding-right: 1vw;
}

.inner-contact-box .inner-contact .info .line {
	width: 0.1vw;
	height: 7.2vw;
	position: absolute;
	top: 8%;
	right: 0;
	background-color: #848484;
}

.inner-contact-box .inner-contact p {
	font-size: 0.9vw;
	color: #606060;
	line-height: 1.5;
}

.inner-contact-box .inner-contact .info .company {
	font-weight: bold;
}

.inner-contact-box .inner-contact .info .mb {
	margin-bottom: 30px;
}

.inner-contact-box .inner-contact .code-list {
	overflow: hidden;
	padding: 2vw 0;
}

.inner-contact-box .inner-contact .code-item {
	border: 1px solid #e5e5e5;
	margin-left: 2vw;
}

.inner-contact-box .inner-contact .code-item img {
	width: 6.5vw;
	height: 6.5vw;
}

.inner-contact-box .inner-contact .form-box {
	width: 23.5vw;
}

.inner-contact-box .form-box .input-box {
	margin-top: 0.8vw;
}

.inner-contact-box .form-box input {
	width: 19vw;
	height: 2.2vw;
	border: 1px solid #ededed;
	font-size: 0.9vw;
	color: #333;
	padding: 0 0.5vw;
	border-radius: 0.2vw;
}

.inner-contact-box .form-box textarea {
	border: 1px solid #ededed;
	width: 19vw;
	padding: 0.5vw;
	border-radius: 0.2vw;
	font-size: 0.9vw;
	color: #333;
	height: 5vw;
	resize: none;
	outline: none;
}

.inner-contact-box .form-box .btn-box {
	margin-top: 1.5vw;
}

.inner-contact-box .form-box button {
	width: 20vw;
	height: 2.5vw;
	border-radius: 0.3vw;
	font-size: 0.9vw;
	text-align: center;
	line-height: 2.5vw;
	border: 0;
	background: #e60012;
	color: #fff;
	cursor: pointer;
}

.inner-contact-box .form-box button.disable {
	background: #d2d2d2;
	color: #686868;
}

.inner-job-title {
	text-align: center;
	padding: 1.5vw 0 1vw;
	border-bottom: 1px solid #cdcdcd;
}

.inner-job-title h2 {
	font-size: 2.25vw;
	color: #434343;
}

.inner-job-title .line {
	width: 6.3vw;
	height: 0.1vw;
	margin: 0.7vw auto 0.9vw;
	background: #e60012;
}

.inner-job-title p {
	font-size: 1.5vw;
	color: #e60012;
}

.inner-job-box {
	padding-bottom: 1.5vw;
}

.inner-job-box .inner-job-list {
	width: 58vw;
	margin: 0 auto;
}

.inner-job-box .inner-job-item {
	padding: 1.1vw 0;
	position: relative;
	border-bottom: 1px solid #d5d5d5;
}

.inner-job-box .inner-job-item:last-of-type {
	border-bottom: 0;
}

.inner-job-box .close-box {
	position: absolute;
	top: 2.2vw;
	right: 0;
	cursor: pointer;
	width: 3vw;
	height: 1.5vw;
}

.inner-job-box .close-box img {
	width: 100%;
	height: 100%;
}

.inner-job-box .close-box.show img {
	transition: transform .2s;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.inner-job-box .job-name {
	font-size: 1.5vw;
	color: #939393;
}

.inner-job-box .en {
	font-size: 1vw;
	color: #434343;
	margin: 0.4vw 0 0.5vw;
}

.inner-job-box .department {
	font-size: 0.9vw;
	color: #434343;
	line-height: 1.4vw;
}

.inner-job-box .department .split {
	color: #e6dfe2;
	margin: 0 0.25vw;
}

.inner-job-box .department .b {
	color: #e71e42;
	font-size: inherit;
}

.inner-job-box .ask-list {
	display: none;
}

.inner-job-box .ask {
	color: #434343;
	margin-top: 1vw;
}

.inner-job-box .ask p {
	font-size: 0.9vw;
	line-height: 1.6;

}

.inner-job-box .tip-item .tip {
	font-size: 1.1vw;
	color: #e50012;
}

.inner-job-box .tip-item p {
	font-size: 0.9vw;
	color: #434343;
	line-height: 1.6;
}

.inner-job-box .tip-item .desc {
	margin: 0.25vw 0 0.5vw;
	color: #868686;
}

.inner-job-box .tip-item p .b {
	font-weight: bold;
	font-size: inherit;
}



/* 内容页 */
.inner-article-box {
	background: #f4f4f4;
	padding-bottom: 3.5vw;
}

.inner-bottom-box.page-bottom-box {
	margin-top: 0;
}

.inner-article-box .inner-article-warp {
	width: 59vw;
	margin: 0 auto;
}

.inner-article-box .inner-article-pos {
	line-height: 2.75vw;
	font-size: 0.7vw;
	color: #454545;
	
}

.inner-article-box .inner-article-pos a {
	color: inherit;
	font-size: inherit;
}

.inner-article-box .inner-article-pos a:hover {
	color: #e71e42;
	text-decoration: underline;
}

.inner-article-box .article-title {
	overflow: hidden;
	padding: 2.5vw 0;
	
}

.inner-article-box .article-title h2 {
	width: 55%;
	color: #333;
	font-size: 1.5vw;
	line-height: 2.25vw;
}

.inner-article-box .article-title .date {
	width: 40%;
	text-align: right;
	color: #454545;
	font-size: 0.7vw;
	line-height: 1.25vw;
	margin-top: 0.65vw;
}

.inner-article-box .article-conetnt {
	color: #454545;
	line-height: 1.5vw;
	border-bottom: 1px solid #dfdcdc;
	position: relative;
}

.inner-tools-box {
	position: fixed;
	z-index: 9999;
	top: 50%;
	left: 50%;
	margin: -4.5vw 0 0 32vw;
	width: 1.1vw;
}

.inner-tools-box .tools-item {
	margin-bottom: 1vw;
}

.inner-tools-box a {
	display: block;
	transition: background-position .1s;
}

.inner-tools-box a.close {
	width: 1.1vw;
	height: 1.2vw;
	background: url(../images/sw1.png) no-repeat left top / 1.1vw auto;
}

.inner-tools-box a:hover {
	background-position: left bottom !important;
}

.inner-tools-box a.next {
	width: 1.1vw;
	height: 1.35vw;
	background: url(../images/sw2.png) no-repeat left top / 1.1vw auto;
}

.inner-tools-box a.prev {
	width: 1.1vw;
	height: 1.35vw;
	background: url(../images/sw3.png) no-repeat left top / 1.1vw auto;
}

.inner-tools-box a.share {
	width: 1.1vw;
	height: 1.15vw;
	background: url(../images/sw4.png) no-repeat left top / 1.1vw auto;
}

.inner-article-box .article-conetnt .rich-text {
	padding-top: 1.5vw;
}

.inner-article-box .article-conetnt .rich-text a,
.inner-article-box .article-conetnt .rich-text a strong {
	font-size: 0.8vw;
}

.inner-article-box .article-conetnt .rich-text img {
	max-width: 100%;
	min-width: 40vw;
}

.inner-article-box .article-conetnt .case-link {
	padding: 1.5vw 0;
	font-size: 0.9vw;
}

.inner-article-box .article-conetnt .case-link a {
	font-size: 0.9vw;
	color: #e71e42;
}

.inner-article-box .related-case .related-case-title {
	font-size: 1.2vw;
	color: #333333;
	padding: 1.5vw 0;
}

.inner-article-box .related-case .case-box {
	padding: 0;
	background: inherit;
}





/* 分页 */
.page-box {
	position: relative;
	height: 5vw;
}

.page-box .page-list {
	overflow: hidden;
	position: absolute;
	left: 50%;
	top: 60%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.page-box .page-list a,
.page-box .page-list span {
	float: left;
	width: 2.2vw;
	height: 2.2vw;
	text-align: center;
	line-height: 2.2vw;
	border: 1px solid #dcdcdc;
	border-radius: 50%;
	color: #7e7976;
	margin-right: 0.5vw;
	font-size: 1vw;
}

.page-box .page-list a:hover,
.page-box .page-list span {
	background: #ff0000;
	color: #fff;
}

/* 2021/12/27 */
.news-column-thumb {
	overflow: hidden;
}

.news-column-thumb:hover>img {
	transform: scale(1.2);
	transition: 0.5s ease;
}

.news-column-thumb img {
	height: 11vw;
	width: 100%;
}

@media screen and (max-width: 1800px) {
	.news-box .news-column-item .news-item .news-desc {
		font-size: 16px;
	}
}

@media screen and (max-width: 1500px) {
	.head-box .tools-box {
		float: right;
		background-color: white;
	}

	.news-box .news-column-list {
		width: 1200px;
	}

	.news-box .news-column-item {
		width: 317px;
	}

	.bottom-code {
		display: none;
	}

	.page-bottom-box .item.item1,
	.page-bottom-box .item.item2 {
		margin: 0 65px;
	}

	.page-bottom-box .item.item1 {
		width: 245px;
	}

	.page-bottom {
		width: 1200px;
	}
}

@media screen and (max-width: 1300px) {
	.company-box .company-detail .count li {
		padding: 0 4%;
	}

	.page-bottom-box .item.item1:first-child {
		margin-left: 11vw;
	}
}

@media screen and (max-width: 1280px) {
	.news-box .news-column-item .news-item {
		padding: 10px;
	}

	.news-box .news-column-item .news-item .news-desc {
		display: none;
	}

	.news-box .news-column-item .news-item .news-title {
		font-size: 14px;
	}
}

@media screen and (max-width: 1200px) {
	.head-box .nav-list {
		margin-right: 0;
	}

	.news-box .news-column-item .news-item .news-title {
		font-size: 12px;
	}

	.head-box .tel-box .phone-num {
		margin-top: -1px;
	}

	.head-box .head-right {
		width: 100%;
		padding-right: 0;
	}

	.head-box .logo {
		display: none;
	}
}

@media screen and (max-width: 960px) {
	.page-bottom-box .page-bottom {
		width: 950px;
	}

	.news-box .news-column-list {
		width: 900px;
	}

	.news-box .news-column-item {
		width: 250px;
	}

	.page-bottom-box .item.item1 {
		margin: 0 30px;
		width: 175px;
		;
	}

	.page-bottom-box .item.item2 {
		width: 235px;
	}

	.page-bottom-box .item.item1:first-child {
		margin-left: 0;
	}
}

@media screen and (max-width: 768px) {

	.page-bottom-box .page-bottom,
	.news-box .news-column-list {
		width: 750px;
	}

	.news-box .news-column-item {
		padding: 10px;
		width: 214px;
	}

	.page-bottom-box .item.item2 {
		margin: 0 30px;
	}

	.news-box .news-column-item .news-item .date .day {
		display: none;
	}

	.news-box .news-column-item .news-item .date {
		width: 28px;
	}

	.head-box .tel-box .phone-num {
		margin-top: -2px;
	}
}

@media screen and (max-width: 640px) {
	.head-box .tools-box {
		display: none;
	}

	.page-bottom-box .page-bottom,
	.news-box .news-column-list {
		width: 630px;
	}

	.news-box .news-column-item {
		width: 175px;
	}

	.news-box .news-column-item .news-item .date {
		width: 30px;
	}

	.news-box .news-column-item .news-item .date .day {
		display: none;
	}

	.page-bottom-box .item.item2 {
		margin: 0;
	}

	.page-bottom-box .item.item1 {
		width: 170px;
		margin-right: 10px;
	}
}

/* 行业资讯 2022/01/07 */

.hyzx {
	background: url(../images/hyzx-bj.png);
	padding: 3.75vw 0px;
	background-size: cover;
}

.hyzx-content {}

.hyzx-left {
	float: left;
	width: 20vw;
	height: 30.5vw;
	border-bottom: 1px solid #CFCFCF;
	background: #FFF;
	position: relative;
	padding: 1.25vw 1.5vw 0;
}

.hyzx-left:before {
	content: "";
	height: 12vw;
	background: #C30000;
	position: absolute;
	left: 0;
	top: 0;
	right: 0
}

.hyzx-left-top {
	position: relative;
	color: #fff;
	height: 3.75vw;
}

.hyzx-left-top strong {
	font-size: 1.2vw;
	line-height: 1.75vw;
	font-weight: normal;
	letter-spacing: 1px;
	display: block;
}

.hyzx-left-top p {
	font-size: 0.7vw;
	text-transform: uppercase;
	line-height: 1.1vw;
}

.hyzx-left-more {
	font-size: 0.7vw;
	color: #FFF;
	text-decoration: underline;
	position: absolute;
	top: 0px;
	right: 0px;
	line-height: 1.5vw;
}

.hyzx-left-more:hover {
	color: white;
	transform: scale(1.2);
	text-decoration: underline;
}

.hyzx-left-content {
	display: block;
	position: relative;
}

.hyzx-left-content:hover>.hyzx-left-txt strong {
	color: #bb0000;
	transition: 0.3s all;
}


.hyzx-left-txt {
	padding-top: 1.2vw;
	position: relative;
}

.hyzx-left-txt strong {
	font-size: 1vw;
	line-height: 1.4vw;
	font-weight: bold;
	display: block;
	max-height: 2.8vw;
	overflow: hidden;
	color: black;
}

.hyzx-left-txt strong:hover { #bb0000;}

.hyzx-left-txt p {
	margin-top: 0.5vw;
	font-size: 0.8vw;
	line-height: 1.2vw;
	color: #666;
	height: 4.8vw;
	overflow: hidden;
	margin-bottom: 1vw;
}

.hyzx-left-txt span {
	color: #C30000;
	font-size: 0.7vw;
	line-height: 1.4vw;
	text-decoration: underline;
	display: inline-block;
}

.hyzx-right {
	margin-left: 24vw;
	height: 30vw;
	background: #fff;
	padding: 1.75vw 2.25vw 0px;
}

.hyzx-right-list {}

.hyzx-right-list li {
	border-bottom: 1px solid #CECECE;
	height: 9vw;
	padding-top: 1.25vw;
}

.hyzx-right-list li:last-child {
	border: none;
}

.hyzx-right-list-item {
	display: block;
	height: 5.25vw;
	position: relative;
}

.hyzx-right-list-item:hover>strong {
	color: #BB0000;
	transition: 0.5s all;
}

.hyzx-right-list-item:hover>strong span {
	color: black;
}

.hyzx-right-list-item strong {
	font-size: 0.9vw;
	display: block;
	line-height: 1.8vw;
	margin-bottom: 0.25vw;
	color: black;
	font-weight: bold;
}

.hyzx-right-list-item strong span {
	display: inline-block;
	margin-right: 0.7vw;
	font: 1.9vw "微软雅黑";
	position: relative;
	top: -2px;
}

.hyzx-right-list-item strong * {
	vertical-align: middle;
}

.hyzx-right-list-item p {
	font-size: 0.8vw;
	line-height: 1.2vw;
	color: #666666;
	height: 2.4vw;
	overflow: hidden;
}

.hyzx-right-time {
	text-align: right;
}

.hyzx-right-time span {
	display: inline-block;
	font: 0.6vw/0.7vw "微软雅黑";
	color: #666;
	transform: translateY(0.5vw)
}

.hyzx-right-list-item:after {
	content: "";
	height: 1px;
	width: 0px;
	background: rgba(0, 0, 0, 0.3);
	transition: all 0.5s ease-in-out;
	position: absolute;
	left: 0;
	bottom: -0.5vw;
}

.hyzx-right-list-item:hover:after {
	width: 3.5vw;
}

@media (max-width:767px) {
	.hyzx {
		padding: 50px 0;
	}

	.hyzx-content {
		margin-top: 25px;
	}

	.hyzx-left {
		padding-left: 15px;
		padding-right: 15px;
		float: none;
		width: auto
	}

	.hyzx-left-txt strong {
		font-size: 16px;
		font-weight: bold
	}

	.hyzx-right {
		margin-left: 0;
	}

	.hyzx-right-list-item strong {
		font-size: 16px;
	}

	.hyzx-right {
		padding: 5px 15px 0px;
		height: auto
	}

	.hyzx-right-list li {
		padding-top: 20px;
		height: 172px;
	}

	.hyzx-right-list-item strong span {
		font-size: 30px;
		margin-right: 5px;
	}
}

.hyzx-container {
	width: 70vw;
}

.hyzx-bgImg {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.hyzx-overflowHide {
	width: 19.75vw;
	height: 13vw;
	overflow: hidden;
	position: relative;
	z-index: 0
}

.hyzx-scaleImg .hyzx-bgImg {
	transition: all 0.5s ease-in-out;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0
}

.hyzx-scaleImg:hover .hyzx-bgImg {
	transform: scale(1.1);
}

.hyzx-scaleImg img {
	transition: all 0.5s ease;
	width: 100%;
	height: 100%;
}

.hyzx-scaleImg:hover img {
	transform: scale(1.1);
}

.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block
}

/* 行业资讯-滚动 */

.tabBox .hd {
	width: 28vw;
	height: 1.75vw;
	line-height: 1.75vw;
	margin: 0 auto 2vw;
}

.tabBox .hd ul {}

.tabBox .hd li {
	width: 7.4vw;
	float: left;
	text-align: center;
	font-weight: bold;
	background-color: #FFFFFF;
	border: 1px solid #b3b3b3;
	margin-right: 2.5vw;
}

.tabBox .hd li:last-child {
	margin-right: 0;
}

.tabBox .hd li a {
	color: black;
	display: block;
	font-size: 0.9vw;
}

.tabBox .hd li.on {
	background: #a60000;
}

.tabBox .hd li.on a {
	color: #fff;
	font-weight: bold;
}

.tabBox .bd {}

.tabBox .bd ul {
	overflow: hidden;
}

.addr-ewm1,
.addr-ewm2 {
	width: 7.5vw;
	height: 7.5vw;
	text-align: center;
	position: relative;
	float: left;
	bottom: 5vw;
}

.addr-ewm1 {
	left: 67vw;
}

.addr-ewm2 {
	left: 70vw;
}

.addr-ewm1 img,
.addr-ewm2 img {
	width: 100%;
	height: 100%;
}

.addr-ewm1 h6,
.addr-ewm2 h6 {
	font-size: .8vw;
}



/*上一页下一页*/
.side_previous{width: 28px;height: 46px;position: fixed;bottom:55%;left:8px;z-index:99999;}
.side_previous a img{filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;transform: rotateX(180deg);transition:0.5s;}
.side_previous a:hover img{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;transform: rotateX(145deg);}
.side_next{width: 28px;height: 46px;position: fixed;bottom:55%;right:8px;z-index: 99999;}
.side_next a img{filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;transform: rotateX(180deg);transition:0.5s;}
.side_next a:hover img{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;transform: rotateX(145deg);}

/*返回顶部----------------------------------*/
#back-to-top{position:fixed; bottom:200px; right:20px; background-color: #FFFFFF;} 
#back-to-top span{border:#e3e3e3 solid 1px;display:block; height:35px; width:30px; background: url(../images/top.png) no-repeat center center;} 
#back-to-top span:hover{background: url(../images/toph.png) no-repeat center center;}