html,  body {
	width: 100%;
	min-height: 100%;
}
.warpper {
	width: 90%;
	margin: 0 auto;
}
.warpper2 {
	width: 1400px;
	margin: 0 auto;
}
.dH {
	overflow: hidden;
}
.inp_pla {
	color: #999 !important;
}
.rig-title-over {
	float: left;
	line-height: 60px;
	max-width: 400px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/*input placeholder 样式 */



::-webkit-input-placeholder {
 color: #999999;
}



:-moz-placeholder {
 color: #999999;
}



::-moz-placeholder {
 color: #999999;
}



:-ms-input-placeholder {
 color: #999999;
}



/*修改滚动条*/



::-webkit-scrollbar {
 width: 6px;
 height: 6px;
}

::-webkit-scrollbar-track {
 box-shadow: inset 0 0 6px transparent;
 background: #f8f8f8;
 border-radius: 6px;
}

::-webkit-scrollbar-thumb {
 border-radius: 6px;
 background: #bbb;
}
/* 无内容 */

.no-goods,  .no-network {
	padding-top: 100px;
	overflow: hidden;
	text-align: center;
}
.no-goods img {
	display: block;
	margin: 0 auto 30px;
	width: 220px;
	max-height: 105px;
}
.no-network img {
	display: block;
	margin: 0 auto 30px;
	width: 222px;
	height: 160px;
}
.no-goods p,  .no-network p {
	font-size: 14px;
	color: #666666;
	line-height: 20px;
}
/* 更改layer样式 */

.layui-layer-btn {
	text-align: center !important;
	padding-bottom: 28px !important;
}
.layui-layer-btn .layui-layer-btn0 {
	display: block;
	margin: 0 auto !important;
	border-radius: 0 !important;
	width: 88px !important;
	text-align: center !important;
	height: 34px !important;
	line-height: 34px !important;
	border-color: #a91f24 !important;
	background-color: #a91f24 !important;
}
.layui-layer-btn .layui-layer-btn0:hover {
	background: #b94549 !important;
	border-color: #b94549 !important;
}
/*footer*/

.footer_home {
	position: fixed;
	left: 0;
	width: 100%;
	bottom: 0;
	z-index: 99;
	background: none;
}
.footer_home .ft {
	background: none;
	color: #fff;
	padding-top: 0;
	opacity: 0.7;
}
.footer_home .ft a {
	color: #fff;
}
.footer_home.on .ft,  .footer_home.on .ft a {
	color: #1a4254;
}
.shownav {
	background: #fff !important;
}
.fot_bot {
	width: 100%;
	margin-top: 4vw;
	line-height: 72px;
	border-top: 1px solid rgba(255, 255, 255, 0.35);
}
.fot_bot .warpper > a {
	float: right;
}
.fot_bot p {
	font-size: 1.4rem;
	color: #fff;
	font-weight: lighter;
	float: left;
}
.fot_bot a {
	font-size: 1.4rem;
	color: #fff;
	font-weight: lighter;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
}
.fot_bot a:hover {
	text-decoration: underline;
}
.p_content img,  .p_content table {
	max-width: 100%;
}
/*menubg*/



.menubg {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("/skin/images/menubg.jpg") no-repeat center;
	z-index: 10000;
}
.navlistshow {
	display: block;
}
.wave {
	position: absolute;
}
.menubg_top {
	display: flex;
	justify-content: space-between;
	margin-top: 5%;
	margin-bottom: 6%;
}
.menubg_top span {
	cursor: pointer;
}
.menubg_top span i {
	color: #fff;
	font-size: 2rem;
	text-transform: uppercase;
	float: left;
	line-height: 45px;
}
.menubg_top span b {
	display: block;
	float: left;
	position: relative;
	width: 45px;
	height: 45px;
}
.menubg_top span b:before,  .menubg_top span b:after {
	display: block;
	content: "";
	background: #fff;
	width: 35px;
	height: 4px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform-origin: center center;
}
.menubg_top span b:before {
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-moz-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	-o-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
}
.menubg_top span b:after {
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	-moz-transform: translate(-50%, -50%) rotate(-45deg);
	-ms-transform: translate(-50%, -50%) rotate(-45deg);
	-o-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg);
}
.menu_mid_left {
	float: left;
	margin-top: 3%;
	width: 40%;
}
.menu_mid_left > h3 {
	font-size: 5rem;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}
.menu_mid_left > h2 {
	font-size: 3.86rem;
	color: #ffffff;
	font-weight: bold;
	margin-top: 2vw;
	margin-bottom: 2vw;
}
.menu_mid_left > small {
	font-size: 1.4rem;
	color: #ffffff;
}
.menu_mid_right {
	float: right;
	width: 54%;
}
.menu_mid_right .fot_left {
	width: 17%;
	height: 304px;
	padding-top: 1vw;
	border-top: 2px solid rgba(255, 255, 255, 0.56);
}
 .menu_mid_right .fot_left:nth-of-type(5),  .menu_mid_right .fot_left:nth-of-type(6) {
 height: 250px;
}
.menubg_bom > p,  .menubg_bom > p a {
	color: #fff;
	font-size: 1.4rem;
}
.menubg_bom > p {
	float: left;
	line-height: 44px;
}
.menubg_bom > div {
	float: right;
}
.menubg_bom > div > a {
	float: left;
	margin-left: 10px;
	display: block;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
	position: relative;
	top: 0;
}
.menubg_bom > div > a:hover {
	top: -5px;
}
.menubg_bom > div > a > div {
	position: absolute;
	background: rgba(255, 255, 255, 0.71);
	left: 50%;
	bottom: 118%;
	width: initial;
	line-height: 35px;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	display: none;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
}
.menubg_bom > div > a > p {
	position: absolute;
	text-align: center;
	background: rgba(255, 255, 255, 0.71);
	font-size: 1.6rem;
	color: #666;
	border-radius: 5px;
	padding: 0 10px;
	left: 50%;
	bottom: 118%;
	width: 188px;
	line-height: 35px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
	display: none;
}
.menubg_bom > div > a:hover > div,  .menubg_bom > div > a:hover > p {
	display: block;
}
.menubg_bom > div > a > p:before,  .menubg_bom > div > a > div:before {
	display: block;
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	border-top: 8px solid rgba(255, 255, 255, 0.71);
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}
.nav_menu {
	float: right;
	position: relative;
	display: block;
	width: 34px;
	height: 30px;
	margin-top: 20px;
	margin-left: 10px;
}
.nav_menu i {
	width: 28px;
	height: 2px;
	background-color: #828384;
	display: block;
	position: absolute;
	right: 0;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.nav_menu .a1 {
	top: 0;
}
.nav_menu .a3 {
	top: 10px;
}
.nav_menu_click .a1 {
	top: 6px;
	width: 28px;
	transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.nav_menu_click .a3 {
	top: 6px;
	width: 28px;
	transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}
.img_jz {
	display: block;
}
.img_jz > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.btn_style {
	overflow: hidden;
	position: relative;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
}
 .btn_style::after,  .btn_style::before {
 content: "";
 position: absolute;
 height: 100%;
 width: 100%;
 left: 0;
 bottom: 100%;
 z-index: 1;
 -webkit-transition: -webkit-transform 0.3s;
 transition: transform 0.3s;
 -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
 transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
 .btn_style::before {
 background: #2b93e2;
}
 .btn_style::after {
 background: #0068b6;
}
 .btn_style:hover::after,  .btn_style:hover::before {
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
}
 .btn_style:hover::after {
 -webkit-transition-delay: 0.175s;
 transition-delay: 0.175s;
}
/*logo*/

.headbg {
	position: fixed;
	top: 0;
	width: 100%;
	left: 0;
	z-index: 1000;
	-webkit-transition: 300ms 0s all ease;
	-moz-transition: 300ms 0s all ease;
	-ms-transition: 300ms 0s all ease;
	-o-transition: 300ms 0s all ease;
	transition: 300ms 0s all ease;
	overflow: hidden;
}
.head {
	width: 100%;
	height: 105px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
	background: none;
}
.headbg:hover {
	background: #fff;
}
.headfix .head,  .headbg:hover .head {
	border-bottom: 1px solid #e9e9e9;
}
.logo > img {
	max-width: 226px;
}
 .logo > img:nth-of-type(2) {
 display: none;
}
 .headfix .logo > img:nth-of-type(2),  .headbg:hover .logo > img:nth-of-type(2) {
 display: block;
}
 .headfix .logo > img:nth-of-type(1),  .headbg:hover .logo > img:nth-of-type(1) {
 display: none;
}
.nav {
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.nav_ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 943px;
	height: 100%;
	float: left;
}
.nav_ul > li {
	position: relative;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
}
.nav_ul > li:before {
	position: absolute;
	display: block;
	content: "";
	width: 0;
	height: 2px;
	background: #0068b6;
	bottom: 0;
	left: 0;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
}
.nav_ul > li:hover:before,  .nav_ul > li.activein:before {
	width: 100%;
}
.headfix .nav_ul > li > a,  .headbg:hover .nav_ul > li > a {
	color: #33363b;
}
.nav_ul > li > a {
	display: block;
	position: relative;
	font-size: 16px;
	line-height: 35px;
	color: #ffffff;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
}
.nav_right > b {
	float: left;
	margin-left: 25px;
	cursor: pointer;
}
.nav_right > b > p {
	height: 28px;
	overflow: hidden;
	float: left;
	color: #fff;
	font-size: 1.6rem;
	margin-right: 15px;
	line-height: 28px;
	font-weight: normal;
}
.nav_right > b.telicon > p {
	width: 0;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
}
.nav_right > b.telicon:hover > p {
	width: 125px;
}
.headbg:hover .nav_right > b > p,  .headfix .nav_right > b > p {
	color: #000;
}
.nav_right > b > img {
	float: left;
	filter: grayscale(10) brightness(100);
}
.nav_right > b form {
	float: left;
	margin-right: 15px;
	border-bottom: 1px solid #fff;
}
.headfix .nav_right > b form,  .headbg:hover .nav_right > b form {
	border-bottom: 1px solid #7c7c7c;
}
.nav_right > b form input {
	background: none;
	line-height: 28px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
}
 .nav_right > b form input::placeholder {
 color: #fff;
}
.headfix .nav_right > b > img,  .headbg:hover .nav_right > b > img {
	filter: grayscale(100) brightness(1);
}
 .headfix .nav_right > b form input,  .headbg:hover .nav_right > b form input,  .headfix .nav_right > b form input::placeholder,  .headbg:hover .nav_right > b form input::placeholder {
 color: #7c7c7c;
 padding-left: 0;
 padding-right: 0;
}
.nav_right > b.menuicon img {
	margin-top: 3px;
}
.navlist {
	height: 60px;
}
.navlist > a {
	display: block;
	float: right;
	background: rgba(0, 0, 0, 0.12);
	width: 180px;
	line-height: 47px;
	text-align: center;
	margin-top: 7px;
}
.navlist > a span {
	font-size: 1.6rem;
	color: #fff;
	padding-left: 33px;
	background: url("/skin/images/msgicon.png") no-repeat left center;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
}
.navlist > a:hover {
	background: #0068b6;
}
.searchicon form {
	display: none;
}
.searchicon form input {
	float: left;
}
.searchicon form input[type="submit"] {
	background: url("/skin/images/searchs.png") no-repeat center;
	width: 30px;
	height: 100%;
	background-size: 44%;
}
.headfix .searchicon form input[type="submit"],  .headbg:hover .searchicon form input[type="submit"] {
	background: url("/skin/images/search.png") no-repeat center;
	background-size: 44%;
}
.searchicon .close {
	display: none;
	width: 23px;
	height: 23px;
	float: left;
	margin-top: 5px;
	position: relative;
}
.close i {
	background: #fff;
	width: 2px;
	height: 23px;
	display: block;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	left: 10px;
	top: 0;
}
.headfix .close i,  .headbg:hover .close i {
	background: #575757;
}
.closestyle i {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
 .close i:nth-of-type(2) {
 -webkit-transform: rotate(-45deg);
 -moz-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
 -o-transform: rotate(-45deg);
 transform: rotate(-45deg);
}
.choses1 > i:first-of-type {
	-webkit-animation: closestyle01 300ms forwards  cubic-bezier(0.25, 0.46, 0.45, 0.94);
	animation: closestyle01 300ms forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
 .choses1 > i:nth-of-type(2) {
 -webkit-animation: closestyle02 300ms forwards  cubic-bezier(0.25, 0.46, 0.45, 0.94);
 animation: closestyle02 300ms forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
 @keyframes closestyle01 {
 0% {
 -webkit-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 -o-transform: rotate(45deg);
 transform: rotate(45deg);
 opacity: 1;
}
 70% {
 -webkit-transform: rotate(90deg);
 -moz-transform: rotate(90deg);
 -ms-transform: rotate(90deg);
 -o-transform: rotate(90deg);
 transform: rotate(90deg);
 opacity: 0.8;
}
 100% {
 -webkit-transform: rotate(90deg);
 -moz-transform: rotate(90deg);
 -ms-transform: rotate(90deg);
 -o-transform: rotate(90deg);
 transform: rotate(90deg);
 opacity: 0;
}
}
 @keyframes closestyle02 {
 0% {
 -webkit-transform: rotate(-45deg);
 -moz-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
 -o-transform: rotate(-45deg);
 transform: rotate(-45deg);
 opacity: 1;
}
 70% {
 -webkit-transform: rotate(-90deg);
 -moz-transform: rotate(-90deg);
 -ms-transform: rotate(-90deg);
 -o-transform: rotate(-90deg);
 transform: rotate(-90deg);
 opacity: 0.8;
}
 100% {
 -webkit-transform: rotate(-90deg);
 -moz-transform: rotate(-90deg);
 -ms-transform: rotate(-90deg);
 -o-transform: rotate(-90deg);
 transform: rotate(-90deg);
 opacity: 0;
}
}
/*zbanner*/

.zbanner {
	position: relative;
	width: 100%;
	height: 25vw;
	display: flex;
	align-items: center;
	justify-content: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.zban_text {
	position: absolute;
	top: 35%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.scrolldown {
	line-height: 50px;
	position: absolute;
	bottom: 5%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	padding-right: 32px;
	color: #fff;
	font-size: 1.6rem;
	background: url("/skin/images/mouse.png") no-repeat right center;
	cursor: pointer;
}
.zban_text > div {
	font-size: 2rem;
	color: #fff;
	margin-top: 15px;
}
.zban_text > h3 {
	font-size: 4rem;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding-top: 4vw;
}
/*crumbs*/

.crumbs {
	height: 83px;
	background: #f3f3f3;
	display: flex;
	justify-content: center;
	align-items: center;
}
.crumbs > a {
	font-size: 1.6rem;
	color: #2d2d2d;
	margin: 0 25px;
	position: relative;
}
.crumbs > a:before {
	display: block;
	content: "";
	position: absolute;
	left: 0;
	bottom: 4px;
	width: 0;
	background: #0068b6;
	height: 8px;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
}
.crumbs > a:hover:before {
	width: 100%;
}
.crumbs > a.mousein {
	padding: 5px 12px;
	background: #0068b6;
	border-radius: 11px;
}
.crumbs > a.mousein span {
	color: #fff;
}
.crumbs > a > span {
	position: relative;
}
.crumbs_home h3 {
	float: left;
	color: #fff;
	padding-left: 45px;
	font-size: 16px;
	font-weight: normal;
}
.crumbs_pro a {
	color: #fff;
	font-size: 16px;
}
.crumb_list {
	float: right;
}
.crumb_list > a {
	float: left;
	display: block;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
	padding: 0 29px;
	border-right: 2px solid rgba(255, 255, 255, 0.1);
}
.crumb_list > a:last-of-type {
	border-right: none;
}
.crumb_list > a:hover,  .crumb_list > a.mousein {
	background: #87191d;
}
.crumb_list > a span {
	display: block;
	font-size: 16px;
	color: #fff;
	width: 180px;
}
.crumb_list > a:first-of-type span {
	background: url("/skin/images/curicon01.png") no-repeat right center;
}
 .crumb_list > a:nth-of-type(2) span {
 background: url("/skin/images/curicon02.png") no-repeat right center;
}
 .crumb_list > a:nth-of-type(3) span {
 background: url("/skin/images/curicon03.png") no-repeat right center;
}
 .crumb_list > a:nth-of-type(4) span {
 background: url("/skin/images/curicon04.png") no-repeat right center;
}
.pd_td {
	padding-top: 3.5vw;
	padding-bottom: 4vw;
}
/*zcompany*/

.zcom_cont1 > h6 {
	font-size: 2rem;
	color: #383838;
}
.zcom_cont1 > h3 {
	font-size: 3.2rem;
	color: #484848;
	font-weight: bold;
	margin-top: 1vw;
	margin-bottom: 1vw;
}
.zcom_cont1 > small {
	font-size: 1.6rem;
	color: #565656;
	line-height: 34px;
	display: block;
	width: 100%;
	margin: 0 auto;
}
.zcom_cont1 > ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
.zcom_cont1 > ul li {
	font-size: 18px;
	color: #484848;
}
.zcom_cont1 > ul li > h4 > span {
	font-size: 4.2rem;
	color: #0068b6;
	font-weight: bold;
}
.singlevideo {
	width: 100%;
	height: 35vw;
	margin-top: 3vw;
}
.singlevideo #playVideo {
	width: 100% !important;
	height: 100% !important;
}
#zfooter {
	background: url("/skin/images/zfooterbg.jpg") no-repeat center;
	background-size: cover;
	overflow: hidden;
	padding-top: 5vw;
}
/*zcomhonorshow*/

.zcom_honor {
	margin-bottom: 4vw;
}
.zcomhonorshow {
	position: relative;
}
.swiper-comhonor .swiper-slide {
	width: 450px;
	height: 334px;
}
.swiper-comhonor .swiper-slide b {
	width: 100%;
	height: 100%;
}
.swiper-comhonor .swiper-slide b img {
	object-fit: contain;
}
.zcomhonorshow .swiper-button-prev:after,  .zcomhonorshow .swiper-button-next:after {
	font-size: 20px;
	color: #fff;
}
.zcomhonorshow .swiper-button-prev,  .zcomhonorshow .swiper-button-next {
	border-radius: 50%;
	width: 50px;
	height: 50px;
	background: #ddd;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
}
.zcomhonorshow .swiper-button-prev {
	left: -70px;
}
.zcomhonorshow .swiper-button-next {
	right: -70px;
}
.zcomhonorshow .swiper-button-prev:hover,  .zcomhonorshow .swiper-button-next:hover {
	background: #0068b6;
}
.zcom_cont2 {
	background: #f3f3f3;
	padding: 3vw 0;
}
.zcom_cont2 .zcom_cont3_tit > h4:before {
	color: #eaeaea;
}
.zcom_cont2 > .warpper2 {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.zcom_cont2_pic {
	width: 50%;
}
.zcom_cont2 > .warpper2 > small {
	width: 48%;
	color: #202020;
	line-height: 34px;
	font-size: 1.6rem;
}
.zcom_cont2_pic > b {
	float: left;
	width: 49%;
	height: 11.5vw;
	margin-right: 1%;
	margin-bottom: 1%;
}
.zcom_cont3 {
	padding: 4vw 0;
}
.zcom_cont3_tit {
	text-align: center;
	margin-bottom: 2vw;
}
.zcom_cont3_tit > h4 {
	font-size: 3.2rem;
	color: #4f4f4f;
	position: relative;
}
.zcom_cont3_tit > h4 > span {
	position: relative;
}
.zcom_cont3_tit > h4:before {
	font-size: 6.4rem;
	color: #f3f3f3;
	font-weight: bold;
	display: block;
	content: attr(data-name);
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.zcom_cont3_tit > small {
	font-size: 1.6rem;
	color: #565656;
	position: relative;
	z-index: 100;
}
.zcom_cont3 ul {
	margin-bottom: 1.5vw;
}
.zcom_cont3 ul li {
	text-align: center;
	width: 22%;
	margin-right: 4%;
	float: left;
}
.zcom_cont3 ul li:last-of-type {
	margin-right: 0;
}
.zcom_cont3 ul li > h4 {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 49px;
	font-size: 2.6rem;
	font-weight: bold;
	color: #545454;
}
.zcom_cont3 ul li > div {
	margin-top: 0.8vw;
}
.zcom_cont3 ul li > div small {
	display: block;
	text-align: center;
	font-size: 1.6rem;
	line-height: 30px;
	color: #5a5a5a;
}
.zcultrue_div > b {
	float: left;
	width: 48%;
	height: 20vw;
}
.zcultrue_div > b:last-of-type {
	float: right;
}
/*history*/

.history {
	background: url("/skin/images/historybg.jpg") no-repeat center;
	background-size: 100%;
	padding: 74px 0;
}
.history > .warpper {
	position: relative;
	height: 760px;
}
.hist_cont1 > img {
	position: absolute;
	left: 0;
	top: 2%;
}
.hist_cont1 > div b {
	font-size: 1.5rem;
	line-height: 12px;
	color: #1557a7;
	text-transform: uppercase;
	position: relative;
	display: block;
	padding-top: 10px;
}
.hist_cont1 > div b:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 32px;
	height: 3px;
	background: #3b587c;
	display: block;
	content: "";
}
.hist_cont1 > div small {
	font-size: 1.2rem;
	line-height: 12px;
	font-weight: lighter;
	color: #364f6c;
	text-transform: uppercase;
}
.his_snow {
	position: absolute;
	left: 0;
	top: 19%;
}
.his_evo {
	position: absolute;
	left: 369px;
	top: 4%;
}
.his_evo > p {
	font-weight: lighter;
	color: #364f6c;
	font-size: 1.8rem;
	text-transform: uppercase;
	line-height: 20px;
}
.his_evo > span {
	color: #364f6c;
	font-size: 1.8rem;
}
.hist_list > div {
	position: absolute;
	width: 269px;
}
.hist_list > div > h3 {
	color: #364f6c;
	font-size: 1.8em;
	position: relative;
}
.hist_list > div > h3:before {
	display: block;
	content: "";
	position: absolute;
	right: 105%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 18px solid #3b587c;
}
 .hist_list > div:nth-of-type(even) > h3:before {
 border-left: 15px solid transparent;
 border-right: 15px solid transparent;
 border-bottom: 18px solid #3b587c;
 border-top: none;
}
.hist_list > div > small {
	color: #434343;
	font-size: 1.5rem;
	display: block;
}
 .hist_list > div:nth-of-type(1) {
 left: 0;
 top: 42%;
}
 .hist_list > div:nth-of-type(2) {
 left: 2%;
 bottom: 40px;
}
 .hist_list > div:nth-of-type(3) {
 left: 14%;
 top: 409px;
}
 .hist_list > div:nth-of-type(4) {
 left: 36%;
 bottom: -22px;
}
 .hist_list > div:nth-of-type(5) {
 left: 19%;
 top: 311px;
 text-align: right;
}
 .hist_list > div:nth-of-type(5) > h3:before {
 left: 105%;
 right: initial;
}
 .hist_list > div:nth-of-type(6) {
 left: 47%;
 bottom: 62px;
}
 .hist_list > div:nth-of-type(7) {
 left: 33%;
 top: 209px;
 text-align: right;
}
 .hist_list > div:nth-of-type(7) > h3:before {
 left: 105%;
 right: initial;
}
 .hist_list > div:nth-of-type(8) {
 left: 58%;
 bottom: 160px;
}
 .hist_list > div:nth-of-type(9) {
 right: 18%;
 top: 108px;
}
 .hist_list > div:nth-of-type(10) {
 right: 2%;
 bottom: 20px;
}
 .hist_list > div:nth-of-type(11) {
 right: 0;
 top: 86px;
}
/*organization*/

.organization > h3 {
	font-size: 3.2rem;
	color: #2d2d2d;
	text-align: center;
}
.organization > small {
	display: block;
	font-size: 1.6rem;
	color: #9f9f9f;
	text-align: center;
	margin-bottom: 2vw;
	text-transform: uppercase;
}
.organization > div img {
	max-width: 100%;
	margin: 0 auto;
}
/*background*/

.background li {
	margin-bottom: 1.5vw;
}
.background li > div > h3 {
	font-weight: bold;
	color: #333;
	font-size: 2.2rem;
}
.background li > div > small {
	line-height: 30px;
	font-size: 1.6rem;
	color: #616161;
}
.background li img {
	max-width: 100%;
}
.zcom_tit > h3 {
	font-size: 3.2rem;
	color: #2d2d2d;
	font-weight: bold;
}
.zcom_tit > small {
	font-size: 1.6rem;
	color: #9f9f9f;
	font-weight: normal;
	text-transform: uppercase;
}
.zcom_tit > b {
	width: 52px;
	height: 4px;
	background: #0068b6;
	display: block;
	margin-bottom: 1.5vw;
	margin-top: 0.5vw;
}
.des_icon {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 1.5vw auto;
}
.des_icon p {
	background: #0068b6;
	color: #fff;
	font-size: 16px;
	padding: 10px;
	min-width: 120px;
	text-align: center;
	margin: 0 30px;
}
/*building*/

.building > h3 {
	text-align: center;
	font-size: 3.2rem;
	color: #292929;
	font-weight: bold;
}
.building > small {
	display: block;
	margin: 0 auto;
	margin-top: 1vw;
	margin-bottom: 3vw;
}
.building > small p {
	font-size: 1.8rem;
	color: #565656;
}
.building > ul {
	display: flex;
	justify-content: space-between;
}
.building > ul li > p {
	font-size: 2.6rem;
	color: #292929;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.building > ul li > p:before {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	height: 2px;
	width: 100%;
	background: #f3f3f3;
}
.building > ul li > p:after {
	left: 0;
	bottom: 0;
	background: #0068b6;
	width: 47px;
	position: absolute;
	content: "";
	height: 2px;
}
.building > ul li > small {
	font-size: 1.6rem;
	color: #292929;
}
.buil_cont2 {
	background: #f3f3f3;
	padding: 4vw 0;
}
.buil_cont2 > .warpper2 > h3,  .buil_cont3 > .warpper2 > h3,  .buil_cont4 > h3 {
	text-align: center;
	font-size: 3.2rem;
	color: #292929;
	font-weight: bold;
	margin-bottom: 2vw;
}
.buil_cont3 > .warpper2 > h3 {
	color: #fff;
}
.buil_cont2 > .warpper2 > div h4 {
	background: #0068b6;
	width: 390px;
	line-height: 78px;
	text-align: center;
	font-size: 2rem;
	color: #fff;
	margin: 0 auto;
}
.buil_cont2 > .warpper2 > div > img {
	margin: 0 auto;
}
.buil_cont2 > .warpper2 > div small {
	background: #fff;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1.5vw;
	display: block;
	font-size: 1.6rem;
	color: #424242;
	font-weight: normal;
	text-align: left;
}
.buil_cont2 > .warpper2 > div ul {
	display: flex;
	justify-content: space-between;
}
.buil_cont2 > .warpper2 > div ul li {
	width: 390px;
}
.buil_cont3 {
	padding: 4vw 0;
	background: url("/skin/images/builbg.jpg") no-repeat center;
	background-size: cover;
}
.buil_cont3 ul li:after {
	display: block;
	content: "";
	clear: both;
}
.buil_cont3 ul li {
	height: 15vw;
}
.buil_cont3 ul li b {
	float: left;
	width: 50%;
	height: 100%;
}
 .buil_cont3 ul li:nth-of-type(even) b {
 float: right;
}
.buil_cont3 ul li > div {
	width: 50%;
	float: right;
	background: #fff;
	height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 3vw 7%;
}
 .buil_cont3 ul li:nth-of-type(even) div {
 float: left;
}
.buil_cont3 ul li > div > h3 {
	font-size: 5.6rem;
	color: #dfdfdf;
	font-weight: bold;
	font-style: italic;
}
.buil_cont3 ul li > div > h2 {
	font-size: 2.6rem;
	color: #353535;
	line-height: 3.4rem;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.buil_cont3 ul li > div > h2:after {
	display: block;
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 3px;
	width: 53px;
	background: #0068b6;
}
.buil_cont3 ul li > div > small {
	font-size: 1.6rem;
	color: #353535;
	line-height: 34px;
}
.buil4_left {
	float: left;
	width: 50%;
}
.buil4_left b {
	float: left;
	width: 48%;
	margin-right: 2%;
	margin-bottom: 0.8vw;
	height: 12.1vw;
}
.buil4_right {
	float: right;
	width: 50%;
}
.buil4_right li {
	height: 106px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1vw;
	background: #f3f3f3;
	-webkit-transition: 300ms 0s all ease;
	-moz-transition: 300ms 0s all ease;
	-ms-transition: 300ms 0s all ease;
	-o-transition: 300ms 0s all ease;
	transition: 300ms 0s all ease;
}
.buil4_right li:hover {
	background: #0068b6;
}
.buil4_right li > b {
	font-size: 3rem;
	color: #838383;
	font-weight: bold;
	text-align: center;
	width: 20%;
	-webkit-transition: 300ms 0s all ease;
	-moz-transition: 300ms 0s all ease;
	-ms-transition: 300ms 0s all ease;
	-o-transition: 300ms 0s all ease;
	transition: 300ms 0s all ease;
}
.buil4_right li > small {
	width: 80%;
	font-size: 1.8rem;
	color: #292929;
	display: block;
	padding-right: 30px;
	-webkit-transition: 300ms 0s all ease;
	-moz-transition: 300ms 0s all ease;
	-ms-transition: 300ms 0s all ease;
	-o-transition: 300ms 0s all ease;
	transition: 300ms 0s all ease;
}
.buil4_right li:hover > b,  .buil4_right li:hover > small {
	color: #fff;
}
/*ztech*/

.bg_gray {
	background: #ececec;
}
.zcro_tit {
	text-align: center;
	font-size: 18px;
	color: #282828;
	display: block;
}
.zcro_ul {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 5%;
	height: 252px;
	background: #fff;
	box-shadow: 0 0 10px #ddd;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 2vw;
	margin-bottom: 3vw;
}
.zcro_ul li {
	display: flex;
	justify-content: center;
	align-items: center;
}
.zcro_ul li img {
	margin: 0 auto;
}
.zcro_ul li p {
	font-size: 22px;
	color: #282828;
	font-weight: bold;
	text-align: center;
	margin-top: 15px;
}
.zcro_ul i {
	display: block;
	width: 1px;
	height: 138px;
	background: #dcdcdc;
}
.zcro_ul i:last-of-type {
	display: none;
}
.zcro_cont {
	position: relative;
	height: 31vw;
}
.zcro_cont > span {
	display: block;
	position: absolute;
	top: 0;
	height: 100%;
	width: 160px;
	z-index: 99;
}
.zcro_cont > span.b1 {
	left: 0;
	background: none; /* 一些不支持背景渐变的浏览器 */
	background: -moz-linear-gradient(0deg, #ececec, transparent);
	background: -webkit-linear-gradient(0deg, #ececec, transparent);
	background: -o-linear-gradient(0deg, #ececec, transparent);
}
.zcro_cont > span.b2 {
	right: 0;
	background: -moz-linear-gradient(-180deg, #ececec, transparent);
	background: -webkit-linear-gradient(-180deg, #ececec, transparent);
	background: -o-linear-gradient(-180deg, #ececec, transparent);
}
.zcro_cont .swiper-container {
	height: 100%;
	width: 100%;
}
.zcro_cont .swiper-slide {
	height: 100%;
}
.zcro_cont .swiper-slide a {
	display: block;
	position: relative;
	height: 95%;
}
.zcro_cont .swiper-slide.swiper-slide-active a {
	box-shadow: 0 0 7px #9d9d9d;
}
.zcro_cont .swiper-button-prev:after,  .zcro_cont .swiper-button-next:after {
	display: none;
}
.zcro_cont .swiper-button-prev,  .zcro_cont .swiper-button-next {
	border-radius: 50%;
	width: 60px;
	height: 60px;
	border: 1px solid #959595;
}
.zcro_cont .swiper_zcrobtn {
	position: absolute;
	width: 60%;
	left: 50%;
	top: 50%;
	z-index: 100;
	transform: translate(-50%, -50%);
	height: 100px;
}
.zcro_cont .swiper-button-prev {
	background: rgba(255, 255, 255, 0.7) url("../images/zcrojt_l.png") no-repeat  center;
}
.zcro_cont .swiper-button-next {
	background: rgba(255, 255, 255, 0.7) url("../images/zcrojt_r.png") no-repeat  center;
}
/*zcontact*/

.zcont_bom {
	background: #fff;
	height: 484px;
}
.zcon_left {
	float: left;
	width: 70%;
	height: 100%;
}
#dituContent {
	width: 100%;
	height: 100%;
}
.linkmsg {
	float: right;
	height: 100%;
	background: #0068b6;
	width: 30%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 3vw 1.5vw;
}
.linkmsg > h1 {
	font-size: 2.4rem;
	color: #fff;
}
.linkmsg > small {
	font-size: 1.2rem;
	display: block;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 2vw;
}
.linkmsg > p {
	font-size: 1.6rem;
	color: #fff;
	margin-top: 7px;
}
.linkmsg > img {
	width: 138px;
	margin-top: 2vw;
}
.zcon_right {
	float: right;
	width: 46%;
	height: 100%;
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5%;
}
#indexform2 {
	width: 100%;
}
#indexform2 input {
	float: left;
	width: 100%;
	margin-bottom: 1vw;
	line-height: 59px;
	padding-left: 27px;
	padding-right: 27px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 6px;
	font-size: 16px;
	color: rgba(116, 116, 116, 0.5);
	background: #f1f1f1;
}
 #indexform2 input::placeholder,  #indexform2 textarea::placeholder {
 color: rgba(116, 116, 116, 0.5);
}
 #indexform2 input:nth-of-type(2),  #indexform2 input:nth-of-type(4) {
 float: right;
}
#indexform2 textarea {
	float: left;
	width: 100%;
	height: 172px;
	margin-bottom: 1vw;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 18px 27px;
	font-size: 16px;
	cursor: text;
	color: rgba(116, 116, 116, 0.5);
	background: #f1f1f1;
}
#indexform2 .code {
	float: left;
	width: 100%;
}
#indexform2 .code input {
	float: left;
	width: 76%;
}
#indexform2 .code > .verify {
	height: 59px;
	float: left;
	width: 20%;
	margin: 0 2%;
	background: #f3fbfe;
}
#indexform2 .code > .verify img {
	height: 100%;
	width: 100%;
	object-fit: contain;
}
#indexform2 .submit {
	display: block;
	width: 100%;
	float: right;
	color: #fff;
	font-size: 18px;
	line-height: 59px;
	text-align: center;
	background: #0068b6;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
}
#indexform2 .submit:hover {
	background: #409ee4;
}
.zcont2 {
	background: url("/skin/images/zcont2bg.jpg") no-repeat center;
	background-size: cover;
	padding-top: 5vw;
}
.zcont2 > .warpper2 > h3 {
	float: left;
	position: relative;
	color: #fff;
	font-size: 3.4rem;
	font-weight: bold;
	padding-bottom: 30px;
	margin-top: 10%;
}
.zcont2 > .warpper2 > h3:after {
	bottom: 0;
	position: absolute;
	content: "";
	display: block;
	background: #fff;
	width: 70px;
	height: 2px;
}
.zcont2 > .warpper2 > h3 span {
	font-size: 1.8rem;
	font-weight: lighter;
}
.zcont2_left {
	float: left;
	width: 40.5%;
	text-align: center;
	padding: 2.8vw 0;
}
.zcont2_left > h4 {
	font-size: 24px;
	color: #fff;
}
.zcont2_left > small {
	font-size: 14px;
	color: #fff;
	display: block;
	margin-top: 0.8vw;
	margin-bottom: 1.2vw;
}
.zcont2_left > img {
	max-width: 346px;
	margin: 0 auto;
}
.zcont2_right {
	float: right;
	width: 59.5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-left: 1px solid rgba(255, 255, 255, 0.52);
}
.zcont2_right li {
	width: 100%;
	padding: 3vw 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px solid rgba(255, 255, 255, 0.52);
	padding-left: 27%;
}
.zcont2_right li:first-of-type {
	background: url("/skin/images/icon001.png") no-repeat 15% center;
}
 .zcont2_right li:nth-of-type(2) {
 background: url("/skin/images/icon002.png") no-repeat 15% center;
}
.zcont2_right li:last-of-type {
	border-bottom: none;
	background: url("/skin/images/icon003.png") no-repeat 15% center;
}
.zcont2_right li > h5 {
	color: #fff;
	font-size: 24px;
}
.zcont2_right li > small {
	color: #fff;
	font-size: 20px;
	display: block;
	margin-top: 15px;
}
/*zjobs*/

.zjoin ul li:after {
	display: block;
	content: "";
	clear: both;
}
.zjoin ul li > h2 {
	float: left;
	width: 33.3%;
	font-size: 1.8rem;
	font-weight: normal;
	line-height: 45px;
	color: #fff;
	background: #0068b6;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
}
.jobtit:after {
	display: block;
	content: "";
	clear: both;
}
.zjoin ul li {
	border-top: 1px solid #ececec;
}
.zjoin ul li .jobtit > h4 {
	float: left;
	width: 33.3%;
	font-size: 1.6rem;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 35px;
	background: #f2f2f2;
}
.zjoin ul li .jobtit > p {
	float: left;
	width: 33.3%;
	font-size: 1.6rem;
	background: #f2f2f2;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 35px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.zjoin ul li .jobtit > p:last-of-type {
	border-right: none;
	cursor: pointer;
}
.showjobmore {
	background: #fff;
	border: 1px solid #f2f2f2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 2vw;
	display: none;
}
.showjobmore > div {
	line-height: 35px;
}
.showjobmore > a {
	display: block;
	border-radius: 50px;
	border: 1px solid #cccccc;
	text-align: center;
	font-size: 1.4rem;
	color: #515151;
	width: 170px;
	line-height: 44px;
	margin-left: auto;
}
.showjobmore > a span {
	position: relative;
	z-index: 2;
}
.showjobmore > a:hover span {
	color: #fff;
}
/*tender_tit*/

.tender_tit > p {
	float: left;
	background: #096db9;
	text-align: center;
	color: #fff;
	width: 25%;
	line-height: 45px;
	border-right: 1px solid #207cc2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.tender_tit > p:last-of-type {
	border-right: none;
}
 .tender_list li a p:nth-of-type(2):hover {
 color: #207cc2;
 text-decoration: underline;
}
.tender_list li a:after {
	display: block;
	content: "";
	clear: both;
}
.tender_list li {
	border-bottom: 1px solid #ededed;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.tender_list li a > p {
	float: left;
	line-height: 45px;
	text-align: center;
	font-size: 1.6rem;
	color: #333;
	width: 25%;
	border-right: 1px solid #ededed;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.tender_list li a > p:first-of-type {
	border-left: 1px solid #ededed;
}
.znewsbg {
	overflow: hidden;
	padding: 3.5vw 0;
}
.znewslist ul li {
	overflow: hidden;
	padding: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
	margin-bottom: 2vw;
	border-bottom: 1px solid #ededed;
	float: left;
	width: 49%;
}
 .znewslist ul li:nth-of-type(even) {
 float: right;
}
.znewslist ul li a {
	display: block;
}
.znewslist ul li .img_jz {
	width: 100%;
	height: 25vw;
}
.znewslist ul li .box {
	width: 100%;
	font-size: 14px;
}
.znewslist ul li .box h4 {
	overflow: hidden;
	font-size: 22px;
	line-height: 30px;
	color: #323232;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 700;
	margin-top: 1.5vw;
}
.znewslist ul li .box p {
	overflow: hidden;
	margin: 15px 0 25px;
	height: 48px;
	color: #595959;
	line-height: 24px;
}
.znewslist ul li .box .time {
	color: #999;
	line-height: 1.1;
}
.znewslist ul li .box .time span {
	float: right;
	display: block;
	color: #0058b1;
	font-size: 14px;
}
.znewslist ul li:hover {
	box-shadow: 0 0 4px 2px rgba(104, 104, 104, 0.1);
}
.znewslist ul li:hover .time span {
	color: #d3181a;
}
.news-detail-content {
	padding: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
	float: left;
	width: 70%;
}
.znews_right {
	float: right;
	width: 28%;
	background: #fff;
	padding: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.znews_des {
	background: #e9e9e9;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 8px;
	line-height: 24px;
	font-size: 14px;
	color: #3b3b3b;
	margin-bottom: 1.5vw;
}
.news-detail-content .news-detail-title {
	margin-bottom: 15px;
}
.news-detail-content .news-detail-title .h3,  .znews_side > h3 {
	padding-left: 16px;
	color: #323232;
	font-weight: 700;
	font-size: 22px;
	line-height: 24px;
	margin-bottom: 1vw;
	position: relative;
}
.news-detail-content .news-detail-title .h3:after,  .znews_side > h3:after {
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	background: #d3181a;
	width: 3px;
	height: 25px;
}
.news-detail-content .news-detail-title .b {
	color: #999;
	font-size: 13px;
	line-height: 20px;
}
.news-detail-content .news-detail {
	padding: 0 12px 30px;
}
.news-detail-content .news-detail p {
	color: #595959;
	font-size: 14px;
	line-height: 24px;
}
.news-detail-content .news-detail img {
	margin: 0 auto;
	max-width: 100%;
}
.news-detail-content .newsPage {
	margin: 15px 0 30px;
	padding: 0 12px;
	color: #323232;
	font-size: 16px;
	line-height: 30px;
}
.news-detail-content .newsPage a {
	color: #323232;
}
.news-detail-content .newsPage a:hover {
	color: #d3181a;
}
.znews_side > a {
	display: block;
	margin-bottom: 2vw;
}
.znews_side > a > b {
	width: 100%;
	height: 13vw;
}
.othernews_text > h5 {
	font-size: 18px;
	color: #1c1c1c;
	margin-top: 10px;
	-webkit-transition: 350ms 0ms all ease;
	-moz-transition: 350ms 0ms all ease;
	-ms-transition: 350ms 0ms all ease;
	-o-transition: 350ms 0ms all ease;
	transition: 350ms 0ms all ease;
}
.znews_side > a:hover .othernews_text > h5 {
	color: #d3181a;
}
.othernews_text > small {
	font-size: 14px;
	color: #737373;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 15px;
}
.othernews_text > small p {
	text-indent: 0 !important;
}
.othernews_text > span {
	font-size: 15px;
	color: #515151;
	background: url("/skin/images/otherjt.png") no-repeat right center;
	padding-right: 35px;
	-webkit-transition: 350ms 0ms all ease;
	-moz-transition: 350ms 0ms all ease;
	-ms-transition: 350ms 0ms all ease;
	-o-transition: 350ms 0ms all ease;
	transition: 350ms 0ms all ease;
}
.znews_side > a:hover .othernews_text > span {
	font-style: italic;
}
/*siderbar*/

.sider {
	float: left;
	width: 22.5%;
}
.sidetit {
	padding: 21px 1vw;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #0068b6 url("../images/sidetitbg.png") no-repeat right bottom;
}
.sidetit > h3 {
	font-size: 24px;
	color: #fff;
}
.sidetit > b {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	font-family: "Arial";
}
.sider ul li {
	border: 1px solid #f5f5f5;
	margin-bottom: 2px;
	background: #f5f5f5;
}
.infoimg img {
	max-width: 100%;
	margin: 0 auto;
}
/*样式已*/

.sider ul li > a {
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 7%;
	line-height: 80px;
	font-size: 20px;
	color: #717171;
	background: url("/skin/images/sidemore.png") no-repeat 80% center;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
}
.sider ul li > a:hover,  .sider ul li > a.hight_linght {
	color: #0068b6;
	background: url("/skin/images/sidemores.png") no-repeat 80% center;
}
.zside_fltit {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 7%;
}
.zside_fltit > a {
	float: left;
	display: block;
	width: 80%;
	line-height: 66px;
	font-size: 20px;
	color: #717171;
}
.zside_fltit > a:hover,  .sider ul li.light_heightpro .zside_fltit > a,  .sider ul li.lightfa .zside_fltit > a {
	color: #0068b6;
}
.zside_fltit > span {
	float: right;
	display: block;
	width: 16px;
	height: 16px;
	position: relative;
	margin-top: 10%;
	cursor: pointer;
}
.zside_fltit > span:before,  .zside_fltit > span:after {
	height: 2px;
	background: #cdcdcd;
	width: 100%;
	position: absolute;
	content: "";
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
}
.zside_fltit > span:after {
	-webkit-transform: translate(-50%, -50%) rotate(90deg);
	-moz-transform: translate(-50%, -50%) rotate(90deg);
	-ms-transform: translate(-50%, -50%) rotate(90deg);
	-o-transform: translate(-50%, -50%) rotate(90deg);
	transform: translate(-50%, -50%) rotate(90deg);
}
.sider ul li.light3 .zside_fltit > span:after,  .sider ul li.lightfa .zside_fltit > span:after {
	-webkit-transform: translate(-50%, -50%) rotate(0);
	-moz-transform: translate(-50%, -50%) rotate(0);
	-ms-transform: translate(-50%, -50%) rotate(0);
	-o-transform: translate(-50%, -50%) rotate(0);
	transform: translate(-50%, -50%) rotate(0);
}
.sider ul li.light3 .zside_fl,  .sider ul li.lightfa .zside_fl {
	display: block;
}
.zside_fl {
	background: #fff;
	display: none;
}
.zside_fl a {
	display: block;
	font-size: 16px;
	color: #4c514d;
	line-height: 45px;
	padding-left: 14%;
	padding-right: 7%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	background: url("/skin/images/ciricon.png") no-repeat 7% center;
}
.zside_fl a:hover,  .zside_fl .light3 {
	color: #0068b6;
	background: url("/skin/images/ciricons.png") no-repeat 7% center;
}
.z_right {
	float: right;
	width: 75.3%;
}
.one_list li {
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 2vw;
	margin-bottom: 1vw;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
	border-bottom: 1px solid #f5f5f5;
}
.one_list li:hover {
	background: #f5f5f5;
}
.one_list li a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 15.3vw;
}
.one_list li a > b {
	width: 38.6%;
	height: 100%;
	overflow: hidden;
}
.one_list li a > .z_news_text {
	width: 56%;
}
.one_list li a > .z_news_text > p {
	font-size: 32px;
	color: #181818;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
}
.one_list li a:hover > .z_news_text > p {
	color: #0068b6;
}
.one_list li a > .z_news_text > small {
	font-size: 22px;
	color: #757575;
	line-height: 36px;
	font-weight: lighter;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	font-family: "Microsoft Yahei";
	margin-bottom: 3vw;
}
.one_list li a > .z_news_text > div > p {
	font-family: abril;
	font-size: 28px;
	color: #bbbbbb;
	font-style: italic;
	float: left;
}
.one_list li a > .z_news_text > div > span {
	width: 74px;
	height: 35px;
	display: block;
	float: right;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
	background: url(/skin/images/newsmorejt.png) no-repeat right center;
}
.one_list li:hover a > .z_news_text > div > span {
	background: url(/skin/images/morejts.png) no-repeat right center;
}
.down_list li {
	background: #f3f3f3;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding: 0 2vw;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
	margin-bottom: 1vw;
}
.down_list li:hover {
	background: #0068b6;
}
.down_list li a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 99px;
}
.down_list li a p {
	padding-left: 45px;
	background: url("/skin/images/downpdf.png") no-repeat left center;
	font-size: 24px;
	color: #282828;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
}
.down_list li:hover a p {
	color: #fff;
	background: url("/skin/images/downpdfs.png") no-repeat left center;
}
.down_list li a div > small {
	font-size: 18px;
	color: rgba(137, 137, 137, 0.5);
	float: left;
}
.down_list li a div > img {
	float: left;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
	margin-left: 20px;
}
.down_list li:hover a div > img {
	filter: grayscale(1) brightness(100);
}
/*apply*/

.two_list li {
	float: left;
	width: 32.6%;
	margin-right: 1%;
	margin-bottom: 1vw;
}
.two_list li a {
	display: block;
}
 .two_list li:nth-of-type(3n) {
 margin-right: 0;
}
.two_list li b {
	width: 100%;
	height: 287px;
}
.two_list li p {
	line-height: 74px;
	background: #f5f5f5;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 21px;
	color: #181818;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
}
.two_list li:hover p {
	background: #0068b6;
	color: #fff;
}
/*zproduct*/

.three_list li {
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2vw;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
}
.three_list li:hover {
	box-shadow: 0 0 10px #ddd;
}
 .three_list li:nth-of-type(3n) {
 margin-right: 0;
}
.three_list li a {
	display: block;
}
.three_list li a > p {
	line-height: 54px;
	background: #1c2e3c;
	color: #fff;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 8px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
}
.three_list li a:hover > p {
	background: #0068b6;
}
.three_list li a > b {
	position: relative;
	width: 100%;
	height: 327px;
	background: #97a2ad;
	background: radial-gradient(100% 100% at 50% 50%, transparent, #97a2ad);
}
.three_list li a > b img.img1 {
	object-fit: contain;
	margin: 0 auto;
	width: 65%;
}
.three_list li a > b .img2 {
	position: absolute;
	width: 100%;
	right: 0;
	top: 0;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.three_list li a > b .img2 img {
	width: 64px;
	margin: 5px 6.5px;
}
.three_list li a > b {
	position: relative;
	overflow: hidden;
}
.three_list li a > b > small {
	background: #f5f5f5;
}
.three_list li a > b .img2 img {
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1vw 5%;
	font-size: 15px;
	color: #fff;
	background: rgba(169, 31, 36, 0.71);
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
	opacity: 0;
}
.three_list li a:hover b > small {
	opacity: 1;
}
.four_list li {
	width: 24%;
	margin-right: 1.3%;
}
 .four_list li:nth-of-type(3n) {
 margin-right: 1.3%;
}
 .four_list li:nth-of-type(4n) {
 margin-right: 0;
}
/*zproinfo*/

.zproinfo_top_left {
	float: left;
	width: 40%;
	height: 470px;
	position: relative;
	overflow: hidden;
	background: radial-gradient(100% 100% at 50% 50%, transparent, #97a2ad);
}
.swiper-imgmore {
	width: 100%;
	height: 100%;
}
.zpro_imgjz {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.swiper-imgmore > .swiper-pagination span {
	background: none;
	border: 1px solid #fff;
	opacity: 1;
}
.swiper-imgmore > .swiper-pagination span.swiper-pagination-bullet-active {
	background: #fff;
}
.zpro_imgjz > img {
	object-fit: cover;
	width: 100%;
	margin: 0 auto;
}
.zproinfo_icon {
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
	z-index: 100;
}
.zproinfo_icon > img {
	height: 64px;
	margin: 5px 6.5px;
}
.zproinfo_intro {
	float: right;
	width: 55%;
}
.zproinfo_intro > p {
	font-size: 24px;
	color: #282828;
	padding-top: 15px;
	text-transform: uppercase;
}
.zproinfo_intro > small {
	display: block;
	line-height: 24px;
	margin-bottom: 0.6vw;
	color: #282828;
	padding-bottom: 0.6vw;
}
.zproinfo_intro > small p {
	font-size: 14px;
}
.zproinfo_intro > h3 {
	font-size: 3.5rem;
	color: #282828;
}
.zproinfo_intro > h3 span {
	font-size: 2.8rem;
	font-weight: lighter;
	color: #0068b6;
	vertical-align: inherit;
}
.zproinfo_intro > h4 {
	border-top: 1px solid #ddd;
	padding-top: 1.5vw;
	margin-top: 1vw;
	font-size: 32px;
	color: #282828;
	margin-bottom: 0.8vw;
}
.zproinfo_intro > ul {
	margin: 0.5vw 0;
}
.zproinfo_intro > ul li {
	font-size: 18px;
	color: #444444;
	font-weight: lighter;
	line-height: 31px;
	padding-left: 35px;
	background: url("/skin/images/ciricon.png") no-repeat left center;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
	cursor: pointer;
}
.zproinfo_intro > ul li:hover {
	background: url("/skin/images/ciricons.png") no-repeat left center;
	color: #0068b6;
	font-weight: bold;
}
.zproinfo_tit {
	display: flex;
	justify-content: left;
	margin-top: 2vw;
	margin-bottom: 1.8vw;
}
.zproinfo_tit span {
	display: block;
	width: 160px;
	text-align: center;
	font-size: 18px;
	color: #666666;
	border: 1px solid #666666;
	border-radius: 25px;
	line-height: 48px;
	margin: 0 15px;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
}
.zproinfo_tit span:hover,  .zproinfo_tit span.mousein {
	background: #0068b6;
	color: #fff;
	border: 1px solid #0068b6;
	cursor: pointer;
}
.zproinfo_cont div img {
	max-width: 450px;
}
.zproinfo_cont div table {
	width: 100% !important;
	border-collapse: collapse;
}
.zproinfo_cont div table tr td {
	border: 1px solid #ddd;
	padding: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.loadfirst {
	width: 100%;
}
.loadfirst > img {
	max-width: 450px;
	margin: 0 auto;
}
.loadfirst > p {
	font-size: 22px;
	text-align: center;
	color: #ddd;
}
.swiper-pro_about {
	height: 100%;
	width: 100%;
}
/*server*/

.zserver {
	padding: 5vw 0;
}
.zserver ul li {
	margin-bottom: 1.5vw;
	background: #fff;
	box-shadow: 0 3px 10px #ddd;
}
.zserver ul li:after {
	display: block;
	content: "";
	clear: both;
}
.zserver ul li > div {
	float: left;
	width: 50%;
}
.zserver ul li > div:last-of-type {
	float: right;
}
 .zserver ul li:nth-of-type(2n) > div:first-of-type {
 float: right;
}
 .zserver ul li:nth-of-type(2n) > div:last-of-type {
 float: left;
}
.ser_pic {
	height: 240px;
}
.ser_pic img {
	width: 100%;
}
.ser_text {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 43px 5vw;
}
.ser_text > h4 {
	font-size: 20px;
	color: #474747;
	position: relative;
	line-height: 45px;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 1.6vw;
}
.ser_text > h4:before {
	display: block;
	content: "";
	position: absolute;
	width: 22px;
	height: 2px;
	background: #0068b6;
	right: calc(100% + 20px);
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.ser_text > h4 span {
	font-size: 48px;
	color: #474747;
	font-family: 宋体;
	margin-right: 14px;
}
.ser_text > small {
	font-size: 16px;
	color: #a3a3a3;
	line-height: 30px;
}
/*business*/

.zbus_tit li {
	float: left;
	width: 20%;
}
.zbus_tit li img {
	float: left;
	margin-right: 10px;
	width: 26px;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
}
.zbus_tit li:hover img {
	filter: grayscale(100%) brightness(1000%);
}
.bus_intro {
	text-align: center;
	background: #fff url("../images/bus_introbg.jpg") no-repeat center 45px;
	font-size: 16px;
	line-height: 48px;
	font-weight: lighter;
	color: #40434a;
	padding: 4vw 0;
	margin: 0 auto;
	max-width: 75%;
}
.business ul li {
	width: 100%;
	padding: 4vw 0;
}
 .business ul li:nth-of-type(odd) {
 background: #f0f2f5;
}
.business ul li .warpper {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.bus_text {
	width: 386px;
	order: 1;
}
 .business ul li:nth-of-type(even) .bus_text {
 float: right;
 order: 2;
}
.bus_text > h4 {
	font-size: 48px;
	color: #4c4f56;
	margin-bottom: 1vh;
}
.bus_text > small {
	display: block;
	line-height: 36px;
	font-size: 18px;
	color: #4c4f56;
}
.project-image {
	width: calc(100% - 386px - 5%);
	order: 2;
}
 .business ul li:nth-of-type(even) .project-image {
 order: 1;
}
.project-image svg {
	width: 100%;
	height: 100%;
}
.project-image svg image {
	height: 100%;
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-clip-path: url(/skin/css/);
	clip-path: url(/skin/css/);
}
.project-image svg rect {
	width: 24%;
}
.project-image svg rect:first-child {
	height: 75%;
}
 .project-image svg rect:nth-of-type(2) {
 height: 90%;
}
 .project-image svg rect:nth-of-type(3) {
 height: 95%;
}
 .project-image svg rect:nth-of-type(4) {
 height: 100%;
}
 .business ul li:nth-of-type(even) .project-image svg rect:first-child {
 height: 100%;
}
 .business ul li:nth-of-type(even) .project-image svg rect:nth-of-type(4) {
 height: 75%;
}
.bus_href {
	display: block;
	width: 240px;
	height: 60px;
	background: #344f94;
	position: relative;
	overflow: hidden;
	text-align: center;
}
.bus_href:before {
	display: block;
	content: "";
	background: #0068b6;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
	transition: -webkit-transform 0.32s cubic-bezier(0.4, 0, 0.2, 1);
	transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
	transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1),  -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
	transform-origin: 100%;
}
.bus_href:hover:before {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
	transform-origin: 0;
}
.bus_href span {
	position: relative;
	color: #fff;
	margin: 0 auto;
	padding-left: 32px;
	background: url("/skin/images/bushref_icon.png") no-repeat left center;
	font-size: 18px;
	line-height: 60px;
}
/*news*/

.znews_tit li {
	width: 50%;
}
.znews_tit li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 16px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.znews_tit li span i {
	background-image: url("/skin/images/newstitbg.png");
	background-position: 0 0;
}
 .znews_tit li:nth-of-type(2) span i {
 background-position: -36px 0;
}
.znews_tit li:hover span i,  .znews_tit li.zcommousein span i {
	background-position-y: -35px !important;
}
 .znews_tit li:nth-of-type(2):hover span i,  .znews_tit li:nth-of-type(2).zcommousein span i {
 background-position: -36px -35px;
}
.znews {
	padding: 5vh 0;
}
.znewslist li {
	float: left;
	width: 33%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
}
 .znewslist li:nth-of-type(3n) {
 border-right: none;
}
.znewslist li a {
	display: block;
	width: 100%;
	padding: 6%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
}
.znewslist li a:hover {
	background: #0068b6;
}
.znewslist li a > b {
	display: block;
	width: 100%;
	height: 15vw;
	margin-bottom: 2vw;
	overflow: hidden;
}
.znewslist li a > b img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
}
.znewslist li a:hover > b img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.z_news_text {
	margin-top: 10px;
	width: 100%;
}
.z_news_text > p {
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 24px;
	color: #1c1c1c;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
}
.z_news_text > small {
	font-size: 16px;
	color: #737373;
	line-height: 28px;
	font-weight: lighter;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	margin-top: 13px;
	margin-bottom: 18px;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
}
.z_news_text > div > span {
	float: left;
	font-size: 16px;
	color: #1c1c1c;
	background: url(/skin/images/dateicon.png) no-repeat left center;
	padding-left: 36px;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
}
.znewslist li a:hover .z_news_text > div > span {
	background: url(/skin/images/dateicons.png) no-repeat left center;
}
.z_news_text > div > i {
	float: right;
	font-size: 14px;
	color: #777;
}
.znewslist li a:hover .z_news_text > small,  .znewslist li a:hover .z_news_text > p,  .znewslist li a:hover .z_news_text > div > span {
	color: #fff;
}
.znewslist li a:hover i {
	color: #fff;
}
.znewslistinfo .othernews_text > h5 {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.znewslistinfo > .newsinfo_l > h3 {
	text-align: center;
}
.znewslistinfo > .newsinfo_l {
	width: 100%;
	float: none;
	border-right: none;
}
.znewslistinfo > .newsinfo_r {
	float: none;
	width: 100%;
}
.znewslistinfo > .newsinfo_r a {
	float: left;
	width: 24%;
	margin-right: 1.3%;
}
 .znewslistinfo > .newsinfo_r a:nth-of-type(4) {
 margin-right: 0;
}
.znewslistinfo .othernews_text > small {
	height: 42px;
}
/*坤维视频*/

.zvideolist > li {
	float: left;
	width: 32%;
	margin-right: 2%;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
	margin-bottom: 2vw;
	position: relative;
	top: 0;
	box-shadow: 0 0 10px #ddd;
}
.zvideolist > li:hover {
	top: -5px;
}
 .zvideolist > li:nth-of-type(3n) {
 margin-right: 0;
}
.zvideolist > li a {
	display: block;
	width: 100%;
}
.zvideolist > li a b {
	width: 100%;
	position: relative;
	overflow: hidden;
	height: 17vw;
}
.zvideolist > li a b > img {
	filter: brightness(0.5);
}
.zvideolist > li a b > small {
	display: block;
	width: 77px;
	height: 77px;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	background: url("/skin/images/videolistbg.png") no-repeat right top;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 41px;
	padding-top: 6px;
}
.zvideolist > li a b > .videoplay {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
}
.zvideolist > li a b > .videoplay span {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}
.zvideolist > li a > p {
	font-size: 20px;
	color: #343434;
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.zvideolistinfo .newsinfo_l .infotime,  .zvideoinfo {
	width: 900px;
	margin: 0 auto;
}
.zvideoinfo {
	margin-top: 1vw;
}
.zvideoinfo #playercontainer {
	width: 100% !important;
	height: 26vw !important;
	margin: 0 auto;
}
.cultext {
	z-index: 88;
}
/*product子页*/

.zpro_cont > div {
	float: left;
	width: 24.25%;
	margin-right: 1%;
	margin-bottom: 20px;
}
 .zpro_cont > div:nth-of-type(4n) {
 margin-right: 0;
}
.zpro_contlist a {
	display: block;
	width: 99.5%;
	border: 1px solid #efefef;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
}
.zpro_contlist a > b {
	width: 100%;
	height: 192px;
	border-bottom: 1px solid #efefef;
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
}
.zpro_contlist a:hover {
	border: 1px solid #3688ea;
}
.zpro_contlist a:hover > b {
	border-bottom: 1px solid #3688ea;
}
.zpro_contlist a > b img {
	width: 75%;
}
.zpro_contlist a > p {
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
	background: #fff;
}
.zpro_contlist a:hover > p {
	background: #3688ea;
}
.zpro_contlist a > p:after {
	display: block;
	content: "";
	clear: both;
}
.zpro_contlist a > p i {
	line-height: 38px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 17px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 16px;
	color: #3f3f3f;
	float: left;
	width: 80%;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
}
.zpro_contlist a > p span {
	font-size: 16px;
	color: #3f3f3f;
	float: right;
	font-weight: bold;
	margin-left: 6px;
	padding-right: 14px;
	line-height: 38px;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
}
.zpro_contlist a:hover > p span,  .zpro_contlist a:hover > p i {
	color: #fff;
}
.zproduct {
	padding-top: 36px;
	padding-bottom: 60px;
}
.zpro_info_cont1 {
	background: #f3f8fb;
	padding-top: 36px;
	padding-bottom: 40px;
}
.zpro_cont1_left {
	float: left;
	width: 506px;
	height: 395px;
}
.gallery-top-right {
	width: 402px;
	float: right;
	height: 100%;
	background: #fff;
}
.gallery-top-right .swiper-slide img {
	max-width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.gallery-thumbs-left {
	float: left;
	width: 83px;
	height: 100%;
	padding: 30px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.gallery-thumbs-left .swiper-slide {
	position: relative;
	overflow: hidden;
	background: #fff;
}
.gallery-thumbs-left .swiper-slide img {
	max-width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.gallery-thumbs-left .swiper-slide img.shuiyin {
	max-width: initial;
	width: 75%;
	min-height: initial;
	opacity: 0.55;
}
.gallery-thumbs-left .swiper-button-next:after,  .gallery-thumbs-left .swiper-button-prev:after {
	display: none;
}
.gallery-thumbs-left .swiper-button-next {
	width: 100%;
	height: 20px;
	line-height: 20px;
	bottom: 0;
	right: 0;
	top: initial;
	background: #eeeeee url("../images/zpro_jtr.png") no-repeat center;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
}
.gallery-thumbs-left .swiper-button-prev {
	width: 100%;
	height: 20px;
	line-height: 20px;
	background: #eeeeee url("../images/zpro_jtl.png") no-repeat center;
	top: 0;
	left: 0;
	margin-top: 0;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
}
.gallery-thumbs-left .swiper-button-prev:hover,  .gallery-thumbs-left .swiper-button-next:hover {
	background-color: #d1d1d1;
}
.zpro_cont1_right {
	float: right;
	width: 650px;
}
.zpro_cont1_right > p {
	font-size: 22px;
	color: #333333;
	line-height: 44px;
	margin-bottom: 20px;
	border-bottom: 1px dashed #d2d2d2;
}
.zpro_cont1_right > h5 {
	font-size: 14px;
	font-weight: normal;
	color: #333333;
}
.zpro_cont1_right > h5 span {
	color: #3688ea;
}
.zpro_cont1_right > small {
	display: block;
	height: 92px;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 37px;
	font-size: 14px;
	color: #333333;
	line-height: 24px;
}
.zpro_cont1_right > small > span {
	color: #666666;
}
.zpro_cont1_right > span {
	font-size: 14px;
	color: #999999;
}
.zpro_cont1_right > h4 {
	font-size: 22px;
	color: #3688ea;
}
.gallery-top-right .swiper-slide img.shuiyin {
	max-width: initial;
	width: 75%;
	min-height: initial;
	opacity: 0.55;
}
.zbtn {
	margin-top: 65px;
}
.zbtn a {
	display: block;
	float: left;
	margin-right: 11px;
	line-height: 46px;
	color: #fff;
	font-size: 14px;
	width: 170px;
	padding-left: 73px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
}
.zbtn a:first-of-type {
	background: #3688ea url("../images/zproicon01.png") no-repeat 40px center;
}
.zbtn a:hover:first-of-type {
	background-color: #0e4195;
}
.zbtn a:last-of-type {
	background: #3688ea url("../images/zproicon02.png") no-repeat 40px center;
}
.zbtn a:hover:last-of-type {
	background-color: #ff9501;
}
.tuijian {
	margin-top: 55px;
}
.tuijian > h4 {
	font-size: 16px;
	color: #ffffff;
	padding-left: 25px;
	line-height: 62px;
	margin-bottom: 46px;
	background: url("/skin/images/tuijianbg.jpg") no-repeat left center;
}
.zpro_info_cont2 {
	padding-top: 27px;
}
.zpro_info_cont2 p {
	font-size: 15px;
	color: #666666;
	line-height: 34px;
}
.zpro_info_cont2 img {
	margin: 0 auto;
	margin-top: 13px;
	margin-bottom: 15px;
}
.zpro_info_cont2 table {
	width: 100%;
	border-collapse: collapse !important;
}
.zpro_info_cont2 table td {
	border: 1px solid #d2d2d2 !important;
	padding: 10px 40px !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.tuijiancont {
	width: 100%;
	height: 223px;
	position: relative;
}
.tuijiancont .swiper-button-next {
	right: -50px;
}
.tuijiancont .swiper-button-prev {
	left: -50px;
}
.tuijiancont .swiper-button-next:after,  .tuijiancont .swiper-button-prev:after {
	font-size: 29px;
	color: #0054a7;
	font-weight: bold;
}
.swiper-tj,  .swiper-tj .swiper-slide,  .swiper-tj .swiper-slide div {
	width: 100%;
	height: 100%;
}
.swiper-tj .swiper-slide div a {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	overflow: hidden;
}
.swiper-tj .swiper-slide div a img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 73%;
}
.swiper-tj .swiper-slide div a p {
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	font-size: 15px;
	line-height: 38px;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
}
.swiper-tj .swiper-slide div a:hover p {
	background: #3688ea;
}
.newsPage {
	padding-bottom: 60px;
	margin-top: 45px;
}
.page-a {
	border-bottom: 1px solid #ddd;
	line-height: 35px;
	color: #707070;
}
.page-a a {
	color: #707070;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
}
.page-a a:hover {
	text-decoration: underline;
	color: #0068b6 !important;
}
.common-inner {
	background: #f6f6f6;
	padding: 28px 0 48px;
	min-height: 500px;
}
.common-inner .inner-left {
	float: left;
	width: 260px;
}
.common-inner .inner-left .pro-sider {
	float: none;
}
.common-inner .inner-right {
	float: right;
	width: 870px;
	background: #fff;
	min-height: 800px;
	padding: 0 25px;
}
.common-inner .inner-right .rig-title {
	font-size: 18px;
	color: #3688ea;
	font-weight: bold;
	height: 54px;
	line-height: 60px;
	overflow: hidden;
	border-bottom: 1px solid #ededed;
}
.common-inner .inner-right .search-result {
	height: 50px;
	line-height: 50px;
	background: #f5f5f5;
	margin: 12px 0 25px;
	padding: 0 17px;
	font-size: 14px;
	color: #595959;
}
.common-inner .inner-right .search-result span {
	color: #3688ea;
	font-weight: bold;
}
.common-inner .inner-right .search-result .search-record {
	float: right;
}
.common-inner .inner-right .search-list,  .common-inner .inner-right .de-product-list {
	overflow: hidden;
	min-height: 622px;
}
.common-inner .inner-right .search-list ul,  .common-inner .inner-right .de-product-list ul {
	margin: 0 -12px;
}
.common-inner .inner-right .search-list ul li,  .common-inner .inner-right .de-product-list ul li {
	border: 2px solid #fff;
	float: left;
	width: 270px;
	margin: 0 12px 25px;
}
.common-inner .inner-right .search-list ul li a,  .common-inner .inner-right .de-product-list ul li a {
	display: block;
}
.common-inner .inner-right .search-list ul li .img,  .common-inner .inner-right .de-product-list ul li .img {
	width: 268px;
	height: 200px;
	background: #e6e6e6;
	font-size: 0;
	line-height: 200px;
	text-align: center;
	border: 1px solid #e6e6e6;
	border-bottom: none;
	overflow: hidden;
}
.common-inner .inner-right .search-list ul li .img img,  .common-inner .inner-right .de-product-list ul li .img img {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
	transition: all 0.5s;
}
.common-inner .inner-right .search-list ul li .title,  .common-inner .inner-right .de-product-list ul li .title {
	font-size: 14px;
	padding: 0 18px;
	height: 80px;
	border: 1px solid #e6e6e6;
	border-top: none;
}
.common-inner .inner-right .search-list ul li .title h3,  .common-inner .inner-right .de-product-list ul li .title h3 {
	color: #595959;
	line-height: 44px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.common-inner .inner-right .search-list ul li .title em,  .common-inner .inner-right .de-product-list ul li .title em {
	font-weight: bold;
	display: block;
	color: #ff8111;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.common-inner .inner-right .search-list ul li:hover,  .common-inner .inner-right .de-product-list ul li:hover {
	border-color: #268ae7;
}
.common-inner .inner-right .search-list ul li:hover .title,  .common-inner .inner-right .de-product-list ul li:hover .title {
	border-color: #fff;
}
.common-inner .inner-right .search-list ul li:hover .img img,  .common-inner .inner-right .de-product-list ul li:hover .img img {
	transform: scale(1.1);
}
.common-inner .inner-right .de-product-list {
	margin-top: 26px;
}
.common-inner .inner-right .de-about-content {
	padding: 30px 50px;
}
.common-inner .inner-right .de-about-content img {
	margin: 0 auto;
	max-width: 100%;
}
.common-inner .inner-right .de-about-content p {
	font-size: 14px;
	color: #595959;
	line-height: 24px;
}
.de-news-list {
	padding-top: 36px;
	padding-bottom: 60px;
}
.common-inner .inner-right .de-news-list ul li {
	padding: 20px 15px;
	overflow: hidden;
	border-bottom: 1px solid #ededed;
}
.common-inner .inner-right .de-news-list ul li a {
	display: block;
}
.common-inner .inner-right .de-news-list ul li .img {
	float: left;
	width: 175px;
	height: 120px;
	text-align: center;
	line-height: 120px;
	font-size: 0;
}
.common-inner .inner-right .de-news-list ul li .img img {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
}
.common-inner .inner-right .de-news-list ul li .box {
	float: right;
	width: 640px;
	font-size: 14px;
}
.common-inner .inner-right .de-news-list ul li .box h4 {
	color: #323232;
	line-height: 1.1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: bold;
}
.common-inner .inner-right .de-news-list ul li .box p {
	color: #595959;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	margin: 15px 0 25px;
}
.common-inner .inner-right .de-news-list ul li .box .time {
	color: #999999;
	line-height: 1.1;
}
.common-inner .inner-right .de-news-list ul li .box .time span {
	display: block;
	float: right;
	font-size: 14px;
	color: #3688ea;
}
.common-inner .inner-right .de-news-list ul li:hover {
	box-shadow: 0 0 4px 2px rgba(104, 104, 104, 0.1);
}
.common-inner .inner-right .de-news-list ul li:hover .time span {
	color: #3688ea;
}
.common-inner .inner-right .news-detail-content {
	padding: 0 18px;
}
.common-inner .inner-right .news-detail-content .news-detail-title {
	padding-bottom: 15px;
	border-bottom: 1px dashed #ededed;
	text-align: center;
	margin-bottom: 15px;
}
.common-inner .inner-right .news-detail-content .news-detail-title .h3 {
	font-size: 18px;
	color: #323232;
	line-height: 24px;
	font-weight: bold;
	margin: 25px 0 10px;
}
.common-inner .inner-right .news-detail-content .news-detail-title .b {
	font-size: 13px;
	color: #999999;
	line-height: 20px;
}
.common-inner .inner-right .news-detail-content .news-detail {
	padding: 0 12px 30px;
}
.common-inner .inner-right .news-detail-content .news-detail p {
	font-size: 14px;
	color: #595959;
	line-height: 24px;
}
.common-inner .inner-right .news-detail-content .news-detail img {
	max-width: 100%;
	margin: 0 auto;
}
.common-inner .inner-right .news-detail-content .newsPage {
	padding: 0 12px;
	font-size: 16px;
	color: #323232;
	line-height: 30px;
	margin: 15px 0 30px;
}
.common-inner .inner-right .news-detail-content .newsPage a {
	color: #323232;
}
.common-inner .inner-right .news-detail-content .newsPage a:hover {
	color: #3688ea;
}
.common-inner .inner-right .de-honor-list {
	overflow: hidden;
	margin: 0 auto;
	margin-top: 24px;
	padding-top: 6px;
	min-height: 556px;
}
.common-inner .inner-right .de-honor-list ul {
	margin: 0 -5px;
}
.common-inner .inner-right .de-honor-list ul li {
	float: left;
	margin: 0 10px 30px;
	overflow: hidden;
	width: 270px;
	background: #f6f6f6;
}
.common-inner .inner-right .de-honor-list ul li a {
	display: block;
}
.common-inner .inner-right .de-honor-list ul li .img {
	width: 270px;
	height: 200px;
	text-align: center;
	line-height: 200px;
	font-size: 0;
	overflow: hidden;
}
.common-inner .inner-right .de-honor-list ul li .img img {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
	transition: all 0.5s;
}
.common-inner .inner-right .de-honor-list ul li .title {
	text-align: center;
	height: 48px;
	padding: 0 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 48px;
	font-size: 14px;
	color: #595959;
}
.common-inner .inner-right .de-honor-list ul li:hover {
	box-shadow: 0 0 4px 2px rgba(104, 104, 104, 0.1);
}
.common-inner .inner-right .de-honor-list ul li:hover .img img {
	transform: scale(1.1);
}
.common-inner .inner-right .de-job-list {
	overflow: hidden;
	padding-bottom: 19px;
	min-height: 645px;
	padding: 5px 5px;
}
.common-inner .inner-right .de-job-list ul li {
	overflow: hidden;
	padding: 0 55px 0 25px;
	height: 128px;
	border-bottom: 1px solid #ededed;
}
.common-inner .inner-right .de-job-list ul li .job-title {
	float: left;
	width: 260px;
	margin-right: 10px;
	padding-top: 38px;
}
.common-inner .inner-right .de-job-list ul li .job-title h3 {
	font-weight: bold;
	font-size: 18px;
	color: #333;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 15px;
}
.common-inner .inner-right .de-job-list ul li .job-title p {
	font-size: 16px;
	color: #3688ea;
	line-height: 20px;
	font-weight: bold;
}
.common-inner .inner-right .de-job-list ul li .job-title p em {
	font-weight: normal;
	font-size: 12px;
}
.common-inner .inner-right .de-job-list ul li .job-info {
	float: left;
	width: 200px;
	padding-top: 38px;
}
.common-inner .inner-right .de-job-list ul li .job-info p {
	font-size: 13px;
	color: #b2b2b2;
	line-height: 20px;
	margin-bottom: 15px;
}
.common-inner .inner-right .de-job-list ul li .job-info p span {
	color: #737373;
}
.common-inner .inner-right .de-job-list ul li .job-btn {
	display: none;
	float: right;
	width: 80px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	background: #3688ea;
	margin-top: 50px;
}
.common-inner .inner-right .de-job-list ul li:hover {
	box-shadow: 0 0 4px 2px rgba(104, 104, 104, 0.1);
}
.common-inner .inner-right .de-job-list ul li:hover .job-btn {
	display: block;
}
.common-inner .inner-right .jobs-info {
	padding: 40px 10px 30px;
	margin-bottom: 28px;
	border-bottom: 1px dashed #ededed;
}
.common-inner .inner-right .jobs-info .h3 {
	overflow: hidden;
	margin-bottom: 15px;
}
.common-inner .inner-right .jobs-info .h3 .job-name {
	float: left;
	font-weight: bold;
	font-size: 20px;
	color: #333333;
	width: 450px;
}
.common-inner .inner-right .jobs-info .h3 .job-price {
	float: right;
	font-weight: bold;
	font-size: 24px;
	color: #3688ea;
	line-height: 1.1;
	max-width: 360px;
}
.common-inner .inner-right .jobs-info .h3 .job-price em {
	font-weight: normal;
	font-size: 16px;
}
.common-inner .inner-right .jobs-info .p {
	font-size: 13px;
	color: #999999;
	line-height: 20px;
	margin-bottom: 10px;
}
.common-inner .inner-right .jobs-info .p span {
	color: #595959;
}
.common-inner .inner-right .jobs-info .btn {
	padding-top: 10px;
	overflow: hidden;
}
.common-inner .inner-right .jobs-info .btn a {
	display: block;
	width: 230px;
	height: 44px;
	text-align: center;
	line-height: 44px;
	color: #fff;
	background: #3688ea;
	font-size: 14px;
}
.common-inner .inner-right .jobs-info .btn a:hover {
	background: #3688ea;
}
.common-inner .inner-right .jobs-info-content {
	padding: 0 20px;
	overflow: hidden;
}
.common-inner .inner-right .jobs-info-content h3 {
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	line-height: 1.1;
	margin-bottom: 10px;
}
.common-inner .inner-right .jobs-info-content p {
	font-size: 14px;
	color: #333;
	line-height: 24px;
}
.common-inner .inner-right .apply-job {
	overflow: hidden;
	margin-top: 20px;
}
.common-inner .inner-right .apply-job .job-tr {
	overflow: hidden;
}
.common-inner .inner-right .apply-job .job-tr .tr-over {
	overflow: hidden;
}
.common-inner .inner-right .apply-job .job-tr .error {
	padding-left: 75px;
	height: 18px;
	line-height: 18px;
	font-size: 12px;
	color: #f00;
}
.common-inner .inner-right .apply-job .job-tr .tr-title {
	float: left;
	width: 50px;
	min-height: 20px;
	text-align: right;
	font-size: 14px;
	color: #808080;
	margin-right: 25px;
	line-height: 40px;
}
.common-inner .inner-right .apply-job .job-tr .tr-cont {
	float: left;
	width: 640px;
}
.common-inner .inner-right .apply-job .job-tr .tr-cont h3 {
	font-size: 14px;
	color: #4c4c4c;
	line-height: 40px;
	font-weight: bold;
}
.common-inner .inner-right .apply-job .job-tr .tr-cont input[type="text"] {
	line-height: 38px;
	font-size: 14px;
	color: #333;
	display: block;
	padding: 0 10px;
	width: 618px;
	height: 38px;
	border: 1px solid #e6e6e6;
}
.common-inner .inner-right .apply-job .job-tr .tr-cont input[name="captcha"] {
	font-size: 14px;
	line-height: 38px;
	color: #333;
	width: 190px;
	float: left;
	margin-right: 30px;
}
.common-inner .inner-right .apply-job .job-tr .tr-cont .verify {
	cursor: pointer;
	float: left;
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 0;
}
.common-inner .inner-right .apply-job .job-tr .tr-cont .verify img {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
}
.common-inner .inner-right .apply-job .job-tr .tr-cont textarea {
	font-size: 14px;
	color: #333;
	display: block;
	height: 170px;
	line-height: 20px;
	padding: 5px 10px;
	width: 618px;
	border: 1px solid #e6e6e6;
}
.common-inner .inner-right .apply-job .job-tr .tr-cont.radio-cont {
	line-height: 40px;
}
.common-inner  .inner-right  .apply-job  .job-tr  .tr-cont.radio-cont  input[type="radio"] {
	margin-right: 10px;
}
.common-inner .inner-right .apply-job .job-tr .tr-cont.radio-cont label {
	margin-right: 30px;
	color: #4c4c4c;
	line-height: 40px;
	font-weight: bold;
}
.common-inner .inner-right .apply-job .job-tr .tr-cont a.submit {
	display: block;
	width: 190px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #3688ea;
	color: #fff;
	font-size: 15px;
}
.common-inner .inner-right .apply-job .job-tr .tr-cont a.submit:hover {
	background: #3688ea;
}
/*z_case*/



.newslist a {
	display: block;
	float: left;
	width: 384px;
	margin-right: 24px;
	background: #f3f3f3;
	padding-top: 25px;
	margin-bottom: 20px;
}
 .newslist a:nth-of-type(3n) {
 margin-right: 0;
}
.newslist a > p {
	font-weight: bold;
	font-size: 20px;
	color: #505050;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
}
.newslist a:hover > p {
	color: #3688ea;
}
.newslist a > span {
	font-size: 12px;
	color: #505050;
	display: block;
	margin-top: 8px;
	margin-bottom: 11px;
}
.newslist a > small {
	font-size: 14px;
	color: #505050;
	line-height: 26px;
	height: 86px;
	display: block;
	width: 100%;
	margin-top: 5px;
}
.newslist a > p,  .newslist a > span,  .newslist a > small {
	padding: 0 25px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.newslist a > b {
	width: 100%;
	height: 240px;
}
.newslist a > b img {
	min-height: 100%;
	max-width: 100%;
}
.newslist a > b p {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(22, 85, 188, 0.4);
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
	opacity: 0;
}
.newslist a:hover > b p {
	opacity: 1;
}
.newslist a > b span {
	position: absolute;
	font-weight: normal;
	letter-spacing: 3px;
	top: 55%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 109px;
	line-height: 28px;
	font-size: 12px;
	padding-left: 14px;
	color: #fff;
	border-radius: 20px;
	border: 1px solid #fff;
	background: url(/skin/images/jt02.png) no-repeat 91px center;
	-webkit-transition: 350ms 200ms all ease;
	-moz-transition: 350ms 200ms all ease;
	-ms-transition: 350ms 200ms all ease;
	-o-transition: 350ms 200ms all ease;
	transition: 350ms 200ms all ease;
	opacity: 0;
}
.newslist a:hover > b span {
	opacity: 1;
	top: 50%;
}
.z_news_info .zpage_tit {
	margin-top: 0;
}
.newsinfo_l {
	float: left;
	width: 70%;
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px 20px;
	border-right: 1px solid #ddd;
}
.newsinfo_r {
	float: right;
	width: 30%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 30px;
	padding-top: 20px;
}
.newsinfo_l > h3 {
	color: #333;
	font-size: 26px;
	margin-bottom: 2.08333vw;
	line-height: 45px;
	font-weight: lighter;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
}
.newsinfo_l .p_content {
	line-height: 37px;
}
.newsinfo_l .p_content p {
	font-size: 18px;
}
.newsinfo_l .p_content img {
	margin: 0 auto;
	max-width: 100%;
}
.othernews_text > h5 {
	font-size: 18px;
	color: #1c1c1c;
	margin-top: 10px;
	-webkit-transition: 350ms 0ms all ease;
	-moz-transition: 350ms 0ms all ease;
	-ms-transition: 350ms 0ms all ease;
	-o-transition: 350ms 0ms all ease;
	transition: 350ms 0ms all ease;
}
.othernews_text > small {
	font-size: 14px;
	color: #737373;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 15px;
}
.othernews_text > small p {
	text-indent: 0 !important;
}
.othernews_text > span {
	font-size: 15px;
	color: #515151;
	background: url("/skin/images/otherjt.png") no-repeat right center;
	padding-right: 35px;
	-webkit-transition: 350ms 0ms all ease;
	-moz-transition: 350ms 0ms all ease;
	-ms-transition: 350ms 0ms all ease;
	-o-transition: 350ms 0ms all ease;
	transition: 350ms 0ms all ease;
}
.newsinfo_r a:hover .othernews_text > h5 {
	color: #0068b6;
}
.newsinfo_r a:hover .othernews_text > span {
	padding-right: 40px;
}
.newsinfo_r > h3 {
	font-size: 25px;
	color: #1c1c1c;
	font-weight: bold;
	border-bottom: 1px solid #ddd;
	line-height: 45px;
	margin-bottom: 2.08333vw;
	padding-bottom: 10px;
}
.newsinfo_r > a {
	display: block;
	width: 100%;
	margin-bottom: 4vw;
}
.newsinfo_r > a b {
	width: 100%;
	height: 27vh;
}
.newsinfo_r > a b img {
	width: 100%;
}
.infotime {
	margin-bottom: 20px;
}
.infotime span {
	display: inline-block;
	line-height: 25px;
	padding-left: 28px;
	margin-right: 25px;
	font-size: 15px;
	color: #797878;
}
.infotime span:first-of-type {
	background: url(/skin/images/time.png) no-repeat left center;
}
.infotime span:last-of-type {
	background: url(/skin/images/watch.png) no-repeat left center;
}
.infotime a {
	float: right;
	background: url("/skin/images/back.png") no-repeat left center;
	padding-left: 35px;
	font-size: 16px;
	color: #333;
	-webkit-transition: 350ms 0ms all ease;
	-moz-transition: 350ms 0ms all ease;
	-ms-transition: 350ms 0ms all ease;
	-o-transition: 350ms 0ms all ease;
	transition: 350ms 0ms all ease;
}
.infotime a:hover {
	color: #0068b6;
	background: url("/skin/images/backs.png") no-repeat left center;
}
.info_share {
	border-bottom: 1px solid #ddd;
	margin-top: 20px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.info_share span {
	float: left;
}
/*.newsinfo_r>h3{font-size:22px;font-weight:lighter;padding-bottom:10px;border-bottom:1px solid #ddd;margin-top:9px;margin-bottom:22px}*/

/*.newsinfo_r>p{line-height:35px;color:#666}*/

/*.newsinfo_r ul{border-bottom:1px solid #ddd;margin-bottom:35px;padding-bottom:20px}*/

/*.newsinfo_r ul li a{color:#444;width:100%;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-transition:.3s 0s all ease;-moz-transition:.3s 0s all ease;-ms-transition:.3s 0s all ease;-o-transition:.3s 0s all ease;transition:.3s 0s all ease;line-height:33px}*/

/*.newsinfo_r ul li a:hover{color:#0987db}*/

.newsPage .page-a {
	line-height: 30px;
	color: #666;
	border-bottom: 1px solid #ddd;
}
.newsPage .page-a a {
	white-space: nowrap;
	color: #666;
}
.common-inner .inner-right .de-contact {
	overflow: hidden;
}
.common-inner .inner-right .de-contact .contact-list {
	overflow: hidden;
	margin: 25px 0 35px;
}
.common-inner .inner-right .de-contact .contact-list ul li {
	min-height: 28px;
	padding-left: 50px;
	float: left;
	width: 365px;
	font-size: 14px;
	color: #595959;
	line-height: 20px;
	padding-top: 8px;
	margin-bottom: 14px;
	word-wrap: break-word;
}
.common-inner .inner-right .de-contact .contact-list ul li span {
	display: block;
	float: left;
	color: #999;
}
.common-inner .inner-right .de-contact .contact-list ul li.icon-01 {
	background: url(/skin/images/contact-icon-01.png) no-repeat left top;
}
.common-inner .inner-right .de-contact .contact-list ul li.icon-02 {
	background: url(/skin/images/contact-icon-02.png) no-repeat left top;
}
.common-inner .inner-right .de-contact .contact-list ul li.icon-03 {
	background: url(/skin/images/contact-icon-03.png) no-repeat left top;
}
.common-inner .inner-right .de-contact .contact-list ul li.icon-04 {
	background: url(/skin/images/contact-icon-04.png) no-repeat left top;
}
.common-inner .inner-right .de-contact .contact-list ul li.icon-05 {
	background: url(/skin/images/contact-icon-05.png) no-repeat left top;
}
.common-inner .inner-right .de-contact .contact-list ul li.icon-06 {
	background: url(/skin/images/contact-icon-06.png) no-repeat left top;
}
.common-inner .inner-right .de-contact .contact-map {
	overflow: hidden;
}
.common-inner .inner-right .de-contact .contact-map #dituContent {
	width: 785px;
	height: 475px;
	margin: 0 auto 30px;
}
.inner-contact {
	width: 260px;
	margin-top: 18px;
}
.inner-contact .title {
	height: 80px;
	background: url(/skin/images/i-pro-title.jpg) no-repeat center;
	text-align: center;
	line-height: 1;
	overflow: hidden;
}
.inner-contact .title h3 {
	margin-top: 20px;
	font-size: 22px;
	color: #fff;
	margin-bottom: 5px;
}
.inner-contact .title em {
	font-size: 13px;
	color: #728dbc;
}
.inner-contact .contact-box {
	min-height: 180px;
	border: 1px solid #ededed;
	border-top: none;
	background: #fff;
	padding: 20px 20px 10px;
	padding-right: 5px;
}
.inner-contact .contact-box .contact-item {
	overflow: hidden;
	padding-left: 60px;
	font-size: 14px;
	color: #595959;
	line-height: 20px;
	margin-bottom: 10px;
	word-wrap: break-word;
}
.inner-contact .contact-box .contact-item .act {
	float: left;
	width: 60px;
	margin-left: -60px;
	color: #808080;
}
.prodect-Info {
	overflow: hidden;
	background: #f6f6f6;
	min-height: 500px;
	padding-bottom: 48px;
}
.prodect-Info .info-crumbs {
	overflow: hidden;
	height: 54px;
	line-height: 58px;
	font-size: 14px;
	color: #999;
	padding-left: 28px;
	background: url(/skin/images/home-icon.png) no-repeat 5px center;
}
.prodect-Info .info-crumbs a {
	color: #595959;
}
.prodect-Info .info-crumbs a:hover {
	color: #3688ea;
	text-decoration: underline;
}
.prodect-Info .info-main {
	overflow: hidden;
	background: #fff;
	padding: 25px 25px 20px;
	margin-bottom: 25px;
}
.prodect-Info .info-main .info-preview {
	float: left;
	width: 350px;
}
.prodect-Info .info-main .info-main-rig {
	float: right;
	width: 775px;
	overflow: hidden;
}
.prodect-Info .info-main .info-main-rig .title {
	font-size: 20px;
	line-height: 30px;
	color: #333;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 18px 0;
}
.prodect-Info .info-main .info-main-rig .price {
	height: 65px;
	background: #f6f6f6;
	line-height: 65px;
	padding: 0 20px;
	color: #ff8111;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 25px;
}
.prodect-Info .info-main .info-main-rig .price span {
	font-size: 14px;
	color: #808080;
	font-weight: normal;
	margin-right: 25px;
}
.prodect-Info .info-main .info-main-rig .de-list {
	overflow: hidden;
	padding: 0 20px;
	min-height: 150px;
	max-height: 223px;
}
.prodect-Info .info-main .info-main-rig .de-list .list-item {
	overflow: hidden;
	padding-left: 60px;
	font-size: 14px;
	color: #333333;
	line-height: 20px;
	word-wrap: break-word;
	margin-bottom: 10px;
}
.prodect-Info .info-main .info-main-rig .de-list .list-item .item-title {
	width: 60px;
	float: left;
	margin-left: -60px;
	color: #808080;
}
.prodect-Info .info-main .info-main-rig .order-btn {
	overflow: hidden;
	padding: 0 10px;
}
.prodect-Info .info-main .info-main-rig .order-btn .submit {
	display: block;
	width: 155px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	background: #3688ea;
	color: #fff;
	font-size: 14px;
}
.prodect-Info .info-main .info-main-rig .order-btn .submit:hover {
	background: #3688ea;
}
.prodect-Info .info-center {
	overflow: hidden;
}
.prodect-Info .info-center .infoCenter-left {
	float: left;
	width: 260px;
}
.prodect-Info .info-center .infoCenter-left .pro-sider {
	float: none;
}
.prodect-Info .info-center .infoCenter-right {
	float: right;
	width: 870px;
	background: #fff;
	padding: 0 25px;
	min-height: 800px;
}
.prodect-Info .info-center .infoCenter-right .center-title {
	font-weight: bold;
	font-size: 18px;
	color: #3688ea;
	line-height: 60px;
	margin-bottom: 20px;
	height: 59px;
	border-bottom: 1px solid #ededed;
}
.prodect-Info .info-center .infoCenter-right .center-content {
	overflow: hidden;
	padding-bottom: 30px;
}
.prodect-Info .info-center .infoCenter-right .center-content img {
	max-width: 100%;
}
.prodect-Info .info-center .infoCenter-right .center-content table {
	max-width: 100%;
}
.prodect-Info .info-center .infoCenter-right .center-content table.contentTab {
	font-family: "微软雅黑";
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	margin-bottom: 20px;
}
.prodect-Info  .info-center  .infoCenter-right  .center-content  table.contentTab  tr  th {
	width: 50%;
	text-align: center;
	font-size: 15px;
	color: #262626;
	background: #f6f6f6;
	border: 1px solid #e6e6e6;
	line-height: 48px;
	font-weight: bold;
}
.prodect-Info  .info-center  .infoCenter-right  .center-content  table.contentTab  tr  td {
	line-height: 45px;
	color: #595959;
	font-size: 15px;
	text-align: center;
	border: 1px solid #e6e6e6;
}
#MagnifierWrap2 {
	position: relative;
	width: 350px;
}
.MagnifierMain {
	position: relative;
	width: 350px;
	height: 350px;
	font-size: 0;
	text-align: center;
	line-height: 350px;
	border: 1px solid #e6e6e6;
}
.MagnifierMain img {
	max-width: 100%;
	max-height: 100%;
	display: inline-block;
	vertical-align: middle;
}
.MagnifierDrag {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #ccc;
	opacity: 0.4;
	filter: alpha(opacity=40);
	cursor: move;
}
.MagnifierPop {
	position: absolute;
	top: 0;
	overflow: hidden;
	background: #fff;
}
.MagnifierImg {
	position: absolute;
	top: 0;
	left: 0;
}
.spec-items {
	position: relative;
	width: 292px;
	height: 69px;
	overflow: hidden;
	padding-top: 20px;
	margin: 0 auto;
}
.spec-items ul {
	width: 500%;
	position: absolute;
	top: 20px;
	left: 0;
}
.spec-items ul * {
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.spec-items li {
	width: 65px;
	height: 65px;
	line-height: 65px;
	text-align: center;
	float: left;
	overflow: hidden;
	margin-right: 5px;
	border: 2px solid #fff;
	font-size: 0;
	cursor: pointer;
}
.spec-items li.on {
	border: 2px solid #268ae7;
}
.spec-items li img {
	display: inline-block;
	max-height: 100%;
	max-width: 100%;
	vertical-align: middle;
}
span.spe_leftBtn,  span.spe_rightBtn {
	position: absolute;
	bottom: 0px;
	display: block;
	width: 20px;
	height: 69px;
	line-height: 69px;
	text-align: center;
	font-size: 21px;
	font-weight: bold;
	color: #ddd;
	cursor: default;
	background-color: #f9f9f9;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}
span.on {
	background-color: #f9f9f9;
	color: #3688ea;
	cursor: pointer;
}
span.spe_leftBtn {
	left: 0;
	background: url(/skin/images/p-detail-left.png) no-repeat center;
}
span.spe_leftBtn.on {
	background: url(/skin/images/p-detail-left-active.png) no-repeat center;
}
span.spe_rightBtn {
	right: 0;
	background: url(/skin/images/p-detail-right.png) no-repeat center;
}
span.spe_rightBtn.on {
	background: url(/skin/images/p-detail-right-active.png) no-repeat center;
}
.de-page-mian {
	overflow: hidden;
	text-align: center;
	font-size: 0;
	margin-top: 10px;
}
.de-page-mian .page-inner {
	display: inline-block;
	overflow: hidden;
}
.de-page-mian .page-inner a {
	display: block;
	float: left;
	min-width: 26px;
	padding: 0 5px;
	height: 36px;
	border: 1px solid #dddddd;
	background: #fff;
	text-align: center;
	line-height: 36px;
	font-size: 14px;
	color: #333;
	margin: 0 5px;
	overflow: hidden;
	border-radius: 50%;
}
.de-page-mian .page-inner a.active,  .de-page-mian .page-inner a:hover {
	color: #fff;
	border-color: #0068b6;
	background: #0068b6;
}
.de-page-mian .page-inner a.prev {
	margin-right: 10px;
	background: #fff url(../images/prev.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev.on {
	background: #fff url(../images/prev-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev:hover {
	background-color: #fff;
	border-color: #dddddd;
}
.de-page-mian .page-inner a.next {
	margin-left: 10px;
	margin-right: 15px;
	background: #fff url(../images/next.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next.on {
	background: #fff url(../images/next-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next:hover {
	background-color: #fff;
	border-color: #dddddd;
}
.de-page-mian .page-inner a.page-btn {
	font-size: 12px;
	margin-right: 0;
	width: 63px;
	margin-left: 10px;
	border-radius: 19px;
	padding: 0;
}
.de-page-mian .page-inner span {
	display: block;
	font-size: 12px;
	color: #333;
	float: left;
	line-height: 38px;
}
.de-page-mian .page-inner input {
	display: block;
	float: left;
	height: 36px;
	width: 36px;
	border: 1px solid #dddddd;
	text-align: center;
	line-height: 36px;
	font-size: 14px;
	color: #333;
	border-radius: 50%;
	margin: 0 5px;
}
/*# sourceMappingURL=./inner.css.map */



/*sidebar*/

.bg-color {
	background: #fff;
}
.zmln_side {
	float: right;
	width: 300px;
}
.zmln_side > h3 {
	line-height: 25px;
	text-indent: 18px;
	color: #333;
	font-size: 16px;
	position: relative;
	margin-bottom: 15px;
	font-weight: normal;
}
.zmln_side > h3:before {
	width: 3px;
	height: 20px;
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background: #3688ea;
}
.zside_cont01 {
	padding: 20px;
	padding-bottom: 15px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
}
.zside_cont01 a {
	margin-bottom: 5px;
	margin-right: 5px;
	display: inline-block;
	color: #fff;
	border-radius: 3px;
	font-size: 14px;
	background: #3688ea;
	transition: all 0.4s;
	line-height: 30px;
	padding: 0 10px;
	float: left;
}
.zside_cont01 a:hover {
	background: #ff9501;
}
.zside_cont02 {
	background: #fff;
	margin-top: 20px;
	margin-bottom: 20px;
}
.zside_cont02_list {
	padding: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.zside_cont02 > h4 {
	line-height: 60px;
	color: #fff;
	font-size: 20px;
	text-indent: 25px;
	background: #3688ea;
}
.zside_cont02_list a {
	display: block;
	background: #f3f7fa;
	color: #333333;
	font-size: 18px;
	text-indent: 30px;
	line-height: 50px;
	transition: all 0.4s;
	margin-bottom: 10px;
}
.zside_cont02_list a:hover {
	background: #b6d1ec;
	color: #fff;
}
.zside_cont02_text {
	background: #3688ea;
	line-height: 45px;
	color: #fff;
	font-size: 18px;
	text-align: center;
	padding: 30px 0;
}
.zside_cont02_text h3 {
	font-size: 30px;
	color: #fff;
}
.zside_cont02_text p {
	color: #fff;
	font-size: 18px;
}
.zside_cont02_text a {
	display: inline-block;
	padding: 0 50px;
	margin-top: 10px;
	border-radius: 5px;
	border: solid 1px #fff;
	color: #fff;
	font-size: 16px;
	transition: all 0.5s;
	line-height: 40px;
}
.zside_cont02_text a:hover {
	background: #1374d5;
}
.zmln_side > h3 a {
	float: right;
	text-align: right;
	color: #666;
	font-size: 13px;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
}
.zmln_side > h3 a:hover {
	color: #3688ea;
}
.zside_cont03 {
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px;
	padding-bottom: 10px;
}
.zside_cont03 > a {
	display: block;
	margin-bottom: 20px;
}
.zside_cont03 > a > b {
	float: left;
	width: 92px;
	height: 72px;
}
.zside_cont03 > a > b img {
	height: 100%;
}
.zside_cont03 > a > div {
	float: right;
	width: 130px;
}
.zside_cont03 > a > div p {
	color: #333;
	font-size: 15px;
	line-height: 26px;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
}
.zside_cont03 > a:hover > div p {
	color: #3688ea;
	text-decoration: underline;
}
.zside_cont03 > a > div small {
	color: #666;
	font-size: 13px;
}
.zside_cont03 > div a:after,  .zside_cont03 > a:after {
	display: block;
	content: "";
	clear: both;
}
.zside_cont03 > div a small:after {
	width: 4px;
	height: 4px;
	background: #3688ea;
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.zside_cont03 > div a small {
	display: block;
	line-height: 35px;
	text-indent: 15px;
	color: #333;
	font-size: 14px;
	float: left;
	width: 70%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
}
.zside_cont03 > div a:hover small {
	color: #3688ea;
	text-decoration: underline;
}
.zside_cont03 > div a span {
	float: right;
	line-height: 30px;
	color: #666;
	font-size: 13px;
	width: 30%;
	text-align: right;
}
.z_cont_left {
	float: left;
	width: 870px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
	padding: 40px;
}
.z_cont01 {
	height: 180px;
	background: #3688ea;
}
.z_cont01 > img {
	float: left;
	width: 23.5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px;
}
.z_cont01 > div {
	float: right;
	width: 76.5%;
	height: 100%;
	background: #f3f7fa;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 45px 19px;
}
.z_cont01 > div > p {
	font-size: 20px;
	color: #333;
	overflow: hidden;
}
.z_cont01 > div > small {
	font-size: 15px;
	color: #333;
	line-height: 30px;
	overflow: hidden;
	margin-top: 15px;
}
.z_cont02 {
	border: 1px solid #ddd;
	margin-bottom: 50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 25px;
	background: url("/skin/images/lxwm_img.jpg") no-repeat right center;
	background-size: auto 100%;
	height: 402px;
}
.z_cont02 li {
	color: #333;
	width: 100%;
	font-size: 15px;
	line-height: 50px;
	text-indent: 65px;
	margin-top: 20px;
	background-repeat: no-repeat;
	background-position: left center;
}
.z_cont02 li:first-of-type {
	margin-top: 30px;
	background: url("/skin/images/z_cont02_icon01.png") no-repeat left center;
}
 .z_cont02 li:nth-of-type(2) {
 background: url("/skin/images/z_cont02_icon02.png") no-repeat left center;
}
 .z_cont02 li:nth-of-type(3) {
 background: url("/skin/images/z_cont02_icon03.png") no-repeat left center;
}
 .z_cont02 li:nth-of-type(4) {
 padding-left: 60px;
 padding-bottom: 0;
 margin-bottom: 30px;
 background: url("/skin/images/z_cont02_icon04.png") no-repeat left center;
}
.z_cont_left > h3 {
	color: #333;
	font-size: 30px;
	margin-bottom: 20px;
	font-weight: normal;
}
/*zcompany*/

.zcomtitle {
	padding-top: 71px;
	margin-bottom: 19px;
}
.zcomtitle > h1 {
	font-size: 32px;
	color: #404040;
}
.zcomtitle > span {
	display: block;
	font-size: 16px;
	color: #404040;
	margin-bottom: 13px;
}
.zcomtitle > b {
	width: 54px;
	height: 4px;
	background: #3688ea;
	display: block;
}
.zcomtext {
	font-size: 14px;
	color: #404040;
	line-height: 26px;
}
.zyoushi {
	display: flex;
	justify-content: space-between;
}
.zyoushi > li {
	background: #3688ea;
}
.zyoushi > li > b {
	float: left;
	width: 271px;
	height: 168px;
}
.zyoushi > li > div {
	display: block;
	float: left;
	width: 122px;
	height: 168px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 13px;
	padding-right: 8px;
	padding-top: 46px;
}
.zyoushi > li > div b {
	font-size: 20px;
	color: #ffffff;
	display: block;
}
.zyoushi > li > div small {
	font-size: 14px;
	color: #9ed5ff;
}
.zconintro {
	margin-top: 12px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 110px;
	margin-bottom: 71px;
}
.zconintro > small {
	display: block;
	width: 1057px;
	font-size: 14px;
	color: #404040;
	line-height: 26px;
}
.zserbg {
	background: url("/skin/images/zserbg.jpg") no-repeat center;
	padding-bottom: 81px;
	margin-top: 82px;
}
/*float window*/

.float_box {
	position: fixed;
	top: 60%;
	right: 0px;
	z-index: 100;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
}
/*.float_boxfix{*/

/*right:-52px;*/

/*}*/

.float_box > div.float06 {
	position: absolute;
	top: 0;
	right: 0px;
	z-index: 8;
	-webkit-transition: 350ms 300ms all ease;
	-moz-transition: 350ms 300ms all ease;
	-ms-transition: 350ms 300ms all ease;
	-o-transition: 350ms 300ms all ease;
	transition: 350ms 300ms all ease;
}
.float_boxfix > div.float06 {
	right: 80px;
}
.float_box > div {
	cursor: pointer;
	margin-bottom: 1px;
	position: relative;
	width: 50px;
	height: 50px;
}
.float_box > div > b {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 10;
	background-color: #3688ea;
	border-radius: 4px 0 0 4px;
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.15);
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
}
.float_box > div > div {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.float01 b {
	background: #fff url("../images/float01.png") no-repeat center;
}
.float02 b {
	background: #fff url("../images/float06.png") no-repeat center;
}
.float03 b {
	background: #fff url("../images/float03.png") no-repeat center;
}
.float04 b {
	background: #fff url("../images/float04.png") no-repeat center;
}
.float05 b {
	background: #fff url("../images/float05.png") no-repeat center;
}
/*.float06 b{  background:#fff url("../images/float06.png") no-repeat center;}*/

/*.float06:hover b{  background:#ff9501 url("../images/float06s.png") no-repeat center;}*/



.float_box > div:hover b {
	background-color: #ff9501;
}
.float03 > div {
	border-radius: 5px;
	width: 100px;
	height: 100px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 8px;
	background: #ff9501;
	right: calc(100% + 20px);
	opacity: 0;
	-webkit-transition: 350ms 0s all linear;
	-moz-transition: 350ms 0s all linear;
	-ms-transition: 350ms 0s all linear;
	-o-transition: 350ms 0s all linear;
	transition: 350ms 0s all linear;
	visibility: hidden;
}
.float03:hover > div {
	right: calc(100% + 10px);
	opacity: 1;
	visibility: visible;
}
.float03 > div > img {
	width: 100%;
	height: 100%;
}
.float02 > div,  .float04 > div {
	width: 48px;
	height: 48px;
	border-radius: 48px;
	background: #ff9501;
	right: 1px;
	overflow: hidden;
	line-height: 50px;
	color: #fff;
	font-size: 18px;
	z-index: 8;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 20px;
	-webkit-transition: 350ms 0s all linear;
	-moz-transition: 350ms 0s all linear;
	-ms-transition: 350ms 0s all linear;
	-o-transition: 350ms 0s all linear;
	transition: 350ms 0s all linear;
}
.float02 > div a {
	color: #fff;
	font-size: 18px;
}
.float02:hover > div {
	width: 385px;
	height: 50px;
}
.float04:hover > div {
	width: 207px;
	height: 50px;
}
.float_box > div.float05 {
	visibility: hidden;
	opacity: 0;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
}
.float_box > div.float05show {
	opacity: 1;
	visibility: visible;
}
/*ZCOMPANY*/

.crumbs_right {
	float: right;
}
.crumbs_right span {
	float: left;
	margin-left: 29px;
	font-size: 14px;
	color: #666;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
}
.crumbs_right span.mouseent {
	border-bottom: 3px solid #3688ea;
}
.zcomcont_text {
	float: left;
	width: 568px;
}
.zcomcont > b {
	float: right;
	width: 595px;
	height: 409px;
}
.zcomcont_text > div > span {
	font-size: 16px;
	color: #ffffff;
	font-weight: lighter;
	background: #3688ea;
	width: 27px;
	height: 96px;
	display: block;
	float: left;
	line-height: 20px;
	padding-top: 9px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
}
.zcomcont_text > div > div {
	margin-left: 20px;
	float: left;
	padding-right: 36px;
	margin-right: 19px;
	border-right: 1px solid #d9d9d9;
}
.zcomcont_text > div > div > p {
	font-size: 30px;
	color: #414852;
}
.zcomcont_text > div > div > h3 {
	font-size: 56px;
	color: #3688ea;
	font-family: Impact;
	font-weight: normal;
	line-height: 48px;
}
.zcomcont_text > div > h4 {
	float: left;
	font-size: 32px;
	color: #464646;
}
.zcomcont_text > small {
	margin-top: 34px;
	display: block;
	font-size: 16px;
	color: #999999;
	font-weight: lighter;
	line-height: 30px;
}
/*loginbg*/

.loginbg {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	z-index: 14000;
}
.loginbg > div {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: #fff;
	border-radius: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 50px;
	width: 480px;
}
.logintit {
	margin-bottom: 2vw;
	text-align: center;
}
.logintit > h3 {
	position: relative;
}
.logintit > h3 span {
	font-size: 30px;
	color: #33363b;
	position: relative;
}
.logintit > small {
	font-size: 18px;
	font-weight: lighter;
	color: #5a5a5a;
	margin-top: 5px;
}
.logintit > p span:hover {
	text-decoration: underline;
}
.loginbg form input {
	width: 387px;
	font-size: 18px;
	color: #c4c4c4;
	float: right;
	line-height: 58px;
	border-radius: 26px;
	margin-bottom: 20px;
	padding-left: 62px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #f7f7f7;
}
.loginbg form input[name="username"] {
	background: #f7f7f7 url("../images/loginicon01.png") no-repeat 19px center;
}
.loginbg form input[name="password"] {
	background: #f7f7f7 url("../images/loginicon02.png") no-repeat 19px center;
}
.loginbg form input[name="captcha"] {
	background: #f7f7f7 url("../images/loginicon03.png") no-repeat 19px center;
}
.loginbg form input[type="button"] {
	margin-left: 0;
	text-align: center;
	background: #0068b6;
	line-height: 52px;
	color: #fff;
	font-size: 20px;
	border-radius: 26px;
	width: 100%;
	padding: 0;
	float: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.loginbg form .code > input {
	float: left;
	width: 59%;
}
.loginbg form .code > div {
	float: right;
	width: 39%;
	height: 58px;
	background: #f3fbfe;
}
.loginbg form .code > div img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.loginbg form > p {
	font-size: 16px;
	color: #33363b;
	margin-bottom: 1vw;
	text-align: center;
}
.loginbg form > p span {
	color: #0068b6;
	cursor: pointer;
}
.loginbg .loginclose {
	position: absolute;
	right: 0;
	top: 0;
	width: 53px;
	height: 53px;
	cursor: pointer;
	background: url("/skin/images/loginclose.png") no-repeat center;
}
/*注册*/

.loginbg > #register {
	width: 480px;
}
.loginbg #zhuce {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.loginbg form#zhuce > div {
	margin-bottom: 10px;
	width: 100%;
}
.loginbg #zhuce input {
	width: 100%;
	margin-bottom: 15px;
	line-height: 50px;
}
.loginbg form b {
	height: 42px;
	width: 30%;
	float: right;
	background: #f3fbfe;
}
.loginbg form b img {
	width: 100%;
}
.loginbg #zhuce input[name="confirmcaptcha"] {
	float: left;
	width: 67%;
	margin-right: 10px;
}
.loginbg #zhuce input[type="button"] {
	width: 100%;
	margin: 0 auto;
}
#zhuce input[name="rusename"] {
	background: #f7f7f7 url("../images/loginicon01.png") no-repeat 19px center;
}
#zhuce input[name="rpassword"],  #zhuce input[name="confirmpassword"] {
	background: #f7f7f7 url("../images/loginicon02.png") no-repeat 19px center;
}
#zhuce input[name="confirmcaptcha"] {
	background: #f7f7f7 url("../images/loginicon03.png") no-repeat 19px center;
}
#zhuce input[name="rlinkman"] {
	background: #f7f7f7 url("../images/loginicon04.png") no-repeat 19px center;
}
#zhuce input[name="rmobile"] {
	background: #f7f7f7 url("../images/loginicon05.png") no-repeat 19px center;
}
#zhuce input[name="rcompany"] {
	background: #f7f7f7 url("../images/loginicon06.png") no-repeat 19px center;
}
#zhuce > p {
	text-align: center;
	width: 100%;
}
/*the style when you login*/

.hasuid {
	margin-left: 3%;
	display: flex;
	justify-content: space-between;
}
.hasuid > p {
	padding-left: 33px;
	color: #fff;
	font-size: 16px;
	width: 128px;
	line-height: 90px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.headfix .hasuid > p,  .head:hover .hasuid > p {
	color: #545454;
}
.login_out {
	width: 66px;
	display: flex;
	align-items: center;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
}
.login_outshow {
	overflow: visible;
}
.login_outshow .login_out {
	opacity: 1;
	top: 100%;
	z-index: 1000;
}
.login_out a {
	display: block;
	font-size: 14px;
	color: #77797c;
	font-weight: lighter;
	padding-left: 10px;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
	line-height: 27px;
	border-bottom: 1px solid #e8ebf1;
}
.login_out a:last-of-type {
	border-bottom: 0;
}
.login_out a:hover {
	color: #fff;
}
.headfix .login_out a:hover {
	color: #000;
}
.hasuid > p span {
	width: 20px;
	height: 22px;
	background: url("/skin/images/loginiconlist.png") no-repeat;
	background-position: 0 0;
	display: block;
	float: left;
	margin-top: 32px;
	margin-right: 14px;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
}
.headfix .hasuid > p span,  .head:hover .hasuid > p span {
	background-position: 0 -22px;
}
.login_out a span {
	width: 15px;
	height: 15px;
	float: left;
	display: block;
	margin-top: 14%;
	margin-right: 10px;
	background: url("/skin/images/loginiconlist.png") no-repeat;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
}
.login_out a:first-of-type span {
	background-position: -62px -6px;
}
.login_out a:first-of-type:hover span {
	background-position: -34px -6px;
}
 .login_out a:nth-of-type(2) span {
 background-position: -61px -52px;
}
 .login_out a:nth-of-type(2):hover span {
 background-position: -34px -52px;
}
.login_out a:last-of-type span {
	background-position: -62px -31px;
}
.login_out a:last-of-type:hover span {
	background-position: -34px -31px;
}
/*reserved*/

.myorder {
	background: #f2f2f2;
	padding-top: 4vw;
	padding-bottom: 5vw;
}
.myorder_left {
	float: left;
	width: 18%;
	background: #fff;
	line-height: 70px;
	font-size: 18px;
	color: #545454;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 30px;
	font-weight: bold;
	position: relative;
	overflow: hidden;
}
.myorder_left:after {
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 4px;
	height: 30px;
	background: #0068b6;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.myorder_right {
	float: right;
	width: 79%;
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px;
}
.zorder_top {
	background: #ddd;
	line-height: 35px;
	display: flex;
	margin-bottom: 10px;
}
.zorder_top li {
	text-align: center;
	font-weight: bold;
	color: #5c5c5c;
	width: 15%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-right: 1px solid #ebebeb;
}
.zorder_top li:first-of-type,  .mo_down p:first-of-type {
	width: 30%;
	padding: 0 10px;
}
 .zorder_top li:nth-of-type(2),  .mo_down p:nth-of-type(2) {
 width: 25%;
}
.zorder_top li:last-of-type {
	border-right: none;
}
.myorder_datashow {
	border: 1px solid #e9e9e9;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 10px;
}
.mo_up {
	background: #f3f3f3;
	padding-left: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 26px;
	font-size: 14px;
	color: #c2c2c2;
}
.mo_down {
	display: flex;
}
.mo_down p {
	line-height: 25px;
	border-right: 1px solid #f7f7f7;
	text-align: center;
	color: #5c5c5c;
	width: 15%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.caozuo {
	width: 15%;
	display: flex;
	justify-content: center;
}
.caozuo span {
	text-align: center;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
}
.caozuo span:hover {
	color: #0068b6;
	cursor: pointer;
	text-decoration: underline;
}
.modetail {
	border-top: 1px solid #e9e9e9;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 40px;
	display: none;
}
.modetail h3 {
	font-weight: normal;
	font-size: 16px;
	border-radius: 15px;
	background: #0068b6;
	color: #fff;
	padding: 2px 15px;
	display: inline-block;
	margin-top: 20px;
}
.modetail > div {
	margin-bottom: 10px;
}
.modetail > div:last-of-type {
	margin-bottom: 20px;
}
.modetail p {
	font-size: 14px;
	line-height: 25px;
	padding-left: 15px;
	margin-bottom: 15px;
}
.lx_resvered {
	text-align: right;
}
.lx_resvered > small {
	font-size: 14px;
	text-decoration: underline;
}
.lx_resvered > span {
	color: #fff;
	border-radius: 5px;
	background: #0068b6;
	padding: 6px 10px;
	cursor: pointer;
}
.gl_open {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #fff;
	border-radius: 15px;
	width: 300px;
	height: 80px;
	border: 1px solid #ddd;
	display: none;
}
.gl_open > div {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.gl_open p {
	color: #000;
	text-align: center;
}
.gl_open a {
	display: block;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #0068b6;
}
.gl_open b {
	display: block;
	width: 32px;
	height: 32px;
	position: absolute;
	right: -1px;
	top: 1px;
	cursor: pointer;
	border-radius: 50%;
	background: url("/skin/images/close.png") no-repeat center;
	background-size: 25px;
}
.ztenderinfo {
	width: 100%;
	margin: 0 auto;
	border-right: none;
	float: none;
}
/*dynamic*/

.dynamic li {
	float: left;
	width: 48%;
	margin-bottom: 1.5vw;
}
 .dynamic li:nth-of-type(even) {
 float: right;
}
.dynamic li a {
	display: block;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
	border-bottom: 2px solid #ddd;
	position: relative;
	top: 0;
	padding-bottom: 20px;
}
.dynamic li a:hover {
	top: -3px;
	border-bottom: 2px solid #0363ae;
}
.dynamic li a > span {
	color: #666;
	font-size: 2.6rem;
	font-family: Impact;
}
.dynamic li a > p {
	color: #666;
	font-size: 2.2rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	line-height: 60px;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
}
.dynamic li a:hover > p {
	color: #0363ae;
}
.dynamic li a > small {
	color: #666;
	font-size: 1.4rem;
	display: block;
	line-height: 35px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
/*投资者表现*/

.stock {
	width: 100%;
	height: 970px;
}
.stock iframe {
	width: 100%;
	height: 100%;
}
/*投资者热线*/

.hotline {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 25vw;
	display: flex;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 5%;
	align-items: center;
}
.hotline > div {
	color: #fff;
	font-size: 2.2rem;
	line-height: 30px;
}
.goodslist {
	padding-bottom: 2vw;
}
.zproductlist > li {
	float: left;
	width: 49%;
	margin-right: 2%;
	margin-bottom: 2vw;
}
 .zproductlist > li:nth-of-type(2n) {
 margin-right: 0;
}
.zproductlist > li a {
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 24vw;
}
.zproductlist > li a > b {
	display: block;
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 0px solid rgba(0, 104, 182, 0.3);
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
	opacity: 0;
	width: 450px;
	height: 450px;
}
.zproductlist > li:hover a > b {
	opacity: 1;
	width: 0;
	height: 0;
	border: 150px solid rgba(0, 104, 182, 0.3);
}
.zproductlist > li a > div,  .zproductlist > li a > b {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.zproductlist > li a > div > h3 {
	color: #fff;
	font-size: 2.2rem;
	text-align: center;
}
.zproductlist > li a > div > small {
	color: #fff;
	font-size: 1.6rem;
	text-align: center;
}
/*员工风采*/

.teamlist li {
	width: 100%;
	margin-bottom: 2vw;
	background: #ddd;
}
/*投资者注册*/

.zmsg_form input,  .zmsg_form textarea,  .zmsg_form .code input {
	width: 100%;
	border: 1px solid #ddd;
	margin-bottom: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 45px;
	font-size: 1.6rem;
	color: #989898;
	line-height: 45px;
	border-radius: 5px;
}
 .zmsg_form input::placeholder,  .zmsg_form textarea::placeholder {
 font-size: 1.6rem;
 color: #989898;
}
.zmsg_form input[name="address"] {
	background: url("/skin/images/dw01.png") no-repeat 10px center;
}
.zmsg_form textarea {
	background: url("/skin/images/dw02.png") no-repeat 10px 10px;
}
.zmsg_form input[name="name"] {
	background: url("/skin/images/dw03.png") no-repeat 10px center;
}
.zmsg_form input[name="tel"] {
	background: url("/skin/images/dw04.png") no-repeat 10px center;
}
.zmsg_form input[name="email"] {
	background: url("/skin/images/dw05.png") no-repeat 10px center;
}
.zmsg_form input[name="captcha"] {
	background: url("/skin/images/dw06.png") no-repeat 10px center;
}
.zmsg_form .code input {
	float: left;
	width: 80%;
}
.zmsg_form .code div {
	float: left;
	height: 45px;
	margin-left: 10px;
	width: 19%;
}
.zmsg_form .code div > img {
	height: 100%;
}
.sub_btn > a {
	float: left;
	width: 49%;
	display: block;
	height: 45px;
	border-radius: 10px;
	text-align: center;
	overflow: hidden;
	border: 1px solid #ddd;
}
.sub_btn > a span {
	color: #666;
	text-align: center;
	position: relative;
	z-index: 2;
	line-height: 45px;
	font-size: 1.6rem;
}
.sub_btn > a:hover span {
	color: #fff;
}
.sub_btn > input {
	float: right;
	width: 49%;
	cursor: pointer;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
}
.sub_btn > input:hover {
	background: #0068b6;
	color: #fff;
}
/*caseinfo*/

.caseinfo_pic {
	margin-bottom: 2vw;
}
.caseinfo_pic .swiper-slide {
	width: 800px;
}
.caseinfo_pic .swiper-slide div {
	width: 100%;
	background: #fff;
	height: 24vw;
}
.caseinfo_pic .swiper-slide b {
	float: left;
	width: 95%;
	height: 100%;
}
.caseinfo_pic .swiper-slide b img {
	object-fit: cover;
}
.caseinfo_pic .swiper-slide p {
	float: right;
	width: 5%;
	height: 100%;
	writing-mode: lr-tb;
	writing-mode: tb-rl;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 2%;
	padding-top: 2%;
}
.caseinfo_pic .button-prev,  .caseinfo_pic .button-next {
	transition: 0.5s;
	outline: none;
	position: absolute;
	width: 140px;
	z-index: 10;
	top: 60%;
	transform: translateY(-34px);
	cursor: pointer;
}
.caseinfo_pic .button-prev {
	left: 4vw;
}
.caseinfo_pic .button-next {
	right: 4vw;
}
.caseinfo_pic .button.disabled {
	opacity: 0.2;
	cursor: default;
}
#arrow-svg-home {
	transform: translateY(353px);
}
.button-next #arrow-svg-home {
	transform: translateY(353px) rotateY(180deg);
	transform-origin: 80px 0px 0px;
}
svg {
	transition: 0.5s;
}
.cls-1 {
	transition: 0.5s;
	opacity: 0.4;
	transform-origin: -20px 40px;
	opacity: 1;
}
.cls-4 {
	transition: 0.5s;
	stroke-width: 2px;
	stroke: #0068b6;
	fill: none;
	stroke-dasharray: 1;
	stroke-dashoffset: 1;
	opacity: 0.8;
	transform-origin: 0px 0px 0px;
}
#arrow-trg {
	transition: 0.5s;
	fill: #0068b6;
	transform: rotateY(180deg) translate(-53px, 39px);
}
#line {
	transition: 0.5s;
	stroke: #0068b6;
	transform: translate(50px, 42px);
}
 .caseinfo_pic .button-prev:not(.disabled):hover svg {
 transform: translateX(-25px);
}
 .caseinfo_pic .button-next:not(.disabled):hover svg {
 transform: translateX(25px);
}
 .caseinfo_pic .button:not(.disabled):hover .cls-1 {
 transform: scale(1.1);
}
 .caseinfo_pic .button:not(.disabled):hover .cls-4 {
 stroke-dasharray: 2px;
 stroke-dashoffset: 2px;
 opacity: 1;
}
 .caseinfo_pic .button:not(.disabled):hover #arrow-trg {
 transform: rotateY(180deg) translate(-37px, 39px);
}
 .caseinfo_pic .button:not(.disabled):hover #line {
 transform: translate(35px, 42px) scaleX(0.33);
}
/*资质荣誉*/

.honor_text_list {
	margin-bottom: 2vw;
}
.honor_text_list li {
	float: left;
	width: 25%;
	margin-bottom: 1vw;
	position: relative;
	padding-left: 22px;
	font-size: 1.6rem;
	color: #404040;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.honor_text_list li:before {
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	border-radius: 50%;
	width: 11px;
	height: 11px;
	background: #0068b6;
}
.honorlist a {
	display: block;
	float: left;
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 2vw;
}
 .honorlist a:nth-of-type(4n) {
 margin-right: 0;
}
.honorlist a b {
	width: 100%;
	height: 12vw;
	background: #f3f3f3;
	position: relative;
	overflow: hidden;
}
.honorlist a b > p {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.honorlist a b > img {
	position: absolute;
	top: 13px;
	left: 0;
	height: calc(100% - 13px);
	object-fit: contain;
}
.honorlist a p > span:before,  .honorlist a p > span:after {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(45deg);
	-moz-transform: translateY(-50%) rotate(45deg);
	-ms-transform: translateY(-50%) rotate(45deg);
	-o-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
	display: block;
	content: "";
	width: 430px;
	height: 430px;
	background: #0068b6; /* 一些不支持背景渐变的浏览器 */
	background: -moz-linear-gradient(90deg, rgba(0, 104, 182, 0.71), transparent);
	background: -webkit-linear-gradient(  90deg,  rgba(0, 104, 182, 0.71),  transparent  );
	background: -o-linear-gradient(90deg, rgba(0, 104, 182, 0.71), transparent);
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
}
.honorlist a p > span:before {
	right: 50%;
	transform-origin: right center;
}
.honorlist a p > span:after {
	left: 50%;
	transform-origin: left center;
}
.honorlist a:hover p > span:before {
	right: 150%;
}
.honorlist a:hover p > span:after {
	left: 150%;
}
.honorlist a b > p > img {
	width: 100%;
	height: 100%;
	object-fit: none;
	z-index: 10;
	position: absolute;
}
/*产品详情自定义*/

.zproinfo_mytit {
	width: 100%;
	text-align: center;
	padding: 4vw 0;
	position: relative;
}
.zproinfo_mytit > small {
	display: block;
	text-align: center;
	position: absolute;
	opacity: 0.3;
}
.zproinfo_mytit > small,  .zproinfo_mytit > small p {
	font-size: 6.5rem;
	background: #007db0; /* 一些不支持背景渐变的浏览器 */
	background: -moz-linear-gradient(-90deg, #0068b6, #dedede);
	background: -webkit-linear-gradient(-90deg, #0068b6, #dedede);
	background: -o-linear-gradient(-90deg, #0068b6, #dedede);
	background-clip: text;
	color: transparent;
	text-transform: uppercase;
	font-family: Impact;
	width: 100%;
}
.zproinfo_mytit > h3 {
	font-size: 3.6rem;
	color: #0068b6;
	font-weight: bold;
	position: relative;
	line-height: 45px;
	top: 2.2vw;
}
.single_cont {
	font-size: 1.8rem;
	color: #666;
	line-height: 25px;
	background: #f6f6f6;
	padding: 2vw;
}
.single_cont table {
	width: 100% !important;
	border-collapse: collapse;
}
.single_cont table td {
	text-align: left;
	border: 1px solid #ddd;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
}
.single_cont img {
	max-width: 100%;
	margin: 0 auto;
	display: block;
}
.swiper-allist .swiper-slide a {
	display: block;
	width: 100%;
	position: relative;
}
.swiper-allist .swiper-slide a b > img {
	filter: brightness(0.8);
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
}
.swiper-allist .swiper-slide a b {
	width: 100%;
	height: 25vw;
}
.swiper-allist .swiper-slide a > div {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5%;
	padding-left: 16%;
}
.swiper-allist .swiper-slide a > div > small {
	line-height: 45px;
	color: #fff;
	font-size: 1.5rem;
	position: relative;
	display: block;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
}
.swiper-allist .swiper-slide a > div > small:before {
	display: block;
	content: "";
	background: #fff;
	width: 0;
	height: 1px;
	position: absolute;
	right: 102%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
}
.swiper-allist .swiper-slide a > div > p {
	line-height: 24px;
	color: #fff;
	font-size: 1.8rem;
}
.swiper-allist .swiper-slide-active a > div > small:before {
	width: 35px;
}
.swiper-allist .swiper-slide a:hover b img {
	filter: brightness(1);
}
/*大轮播切换样式*/

.qiehuan_show {
	position: relative;
	height: 480px;
}
.swiper-qiehuan {
	height: 100%;
	width: 100%;
}
.swiper-qiehuan .swiper-slide > div {
	background: #fff;
	width: 100%;
	border: 1px solid #ddd;
	height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.swiper-qiehuan .swiper-slide > div > p {
	float: left;
	width: 80px;
	background: #ddd;
	text-align: center;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.swiper-qiehuan .swiper-slide > div > p span {
	text-align: center;
	width: 22px;
	display: block;
	font-size: 1.6rem;
}
.swiper-qiehuan .swiper-slide > div > b {
	float: right;
	width: calc(100% - 80px);
	position: relative;
	height: 100%;
}
.swiper-qiehuan .swiper-slide > div > b > small {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 80%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 1.6rem;
	color: #666;
}
.swiper-qiehuan .swiper-slide > div > b > img {
	object-fit: contain;
}
.qiehuan  .swiper-container-horizontal  > .swiper-pagination-bullets  .swiper-pagination-bullet {
	background: #0068b6;
}
/*宮格小轮播样式*/

.ggqiehuan_show {
	position: relative;
	height: 220px;
}
.swiper-ggqiehuan {
	height: 100%;
	width: 100%;
}
.swiper-ggqiehuan .swiper-slide > div {
	background: #fff;
	width: 100%;
	border: 1px solid #ddd;
	height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.swiper-ggqiehuan .swiper-slide > div > p {
	float: left;
	width: 80px;
	background: #ddd;
	text-align: center;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.swiper-ggqiehuan .swiper-slide > div > p span {
	text-align: center;
	width: 22px;
	display: block;
	font-size: 1.6rem;
}
.swiper-ggqiehuan .swiper-slide > div > b {
	float: right;
	width: calc(100% - 80px);
	position: relative;
	height: 100%;
}
.swiper-ggqiehuan .swiper-slide > div > b > small {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 80%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 1.6rem;
	color: #666;
}
.swiper-ggqiehuan .swiper-slide > div > b > img {
	object-fit: contain;
}
.ggqiehuan  .swiper-container-horizontal  > .swiper-pagination-bullets  .swiper-pagination-bullet {
	background: #0068b6;
}
/*合作样式*/

.hzlistbg ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.hzlistbg ul li {
	margin: 0 15px;
	margin-bottom: 15px;
}
.hzlistbg ul li b {
	width: 124px;
	height: 134px;
}
.hzlistbg ul li b img {
	object-fit: contain;
}
/*.question*/

.ques_list li {
	border-top: 1px solid #ddd;
	padding: 1vw 0;
}
.quest_top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	line-height: 35px;
}
.quest_top small {
	font-size: 1.6rem;
	color: #333;
}
.quest_top small span {
	border: 1px dashed #ddd;
	color: #333;
	font-size: 1.4rem;
	padding: 3px 5px;
	margin-left: 10px;
}
.quest_top p {
	color: #333;
	font-size: 1.4rem;
}
.ques_list li > p {
	font-size: 1.8rem;
	color: #666;
	font-weight: bold;
	padding: 6px 0;
}
.ques_list li > p > span {
	background: #e9f1f6;
	font-size: 1.8rem;
	color: #0068b6;
	padding: 3px 5px;
	margin-right: 10px;
}
.ques_list li > div {
	font-size: 1.8rem;
	color: #666;
	padding: 6px 0;
}
.ques_list li > div > span {
	background: #fff5e6;
	font-size: 1.8rem;
	color: #ff9501;
	padding: 3px 5px;
	margin-right: 10px;
}
/*research*/

.res_tit {
	margin-bottom: 2.5vw;
}
.res_tit > h3 {
	font-size: 3.2rem;
	color: #2d2d2d;
	font-weight: bold;
	line-height: 32px;
}
.res_tit > p {
	font-size: 1.4rem;
	color: #777777;
	line-height: 35px;
	text-transform: uppercase;
}
.res_tit > b {
	width: 52px;
	height: 4px;
	background: #0068b6;
	display: block;
	margin-bottom: 15px;
}
.res_tit > small {
	font-size: 1.6rem;
	color: #575757;
	line-height: 30px;
}
.res_cont1 li {
	float: left;
	width: 31%;
	margin-right: 3.5%;
}
.res_cont1 li:last-of-type {
	margin-right: 0;
}
.res_cont1 li img {
	max-width: 100%;
}
.res_cont1 li img:first-of-type {
	max-height: 85px;
}
.res_cont1 li small {
	font-size: 1.4rem;
	color: #494949;
	line-height: 26px;
	display: block;
	text-indent: 25px;
	position: relative;
	height: 127px;
	margin-top: 2vw;
}
.res_cont1 li small:before {
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: 5px;
	border-radius: 50%;
	width: 11px;
	height: 11px;
	background: #0068b6;
}
.rest_cont2 {
	background: #f3f3f3;
	padding: 3vw 0;
}
.res_cont2_left {
	float: left;
	width: 45%;
	position: relative;
}
.res_cont2_text h4 {
	font-size: 2.6rem;
	color: #2d2d2d;
	font-weight: bold;
	margin-bottom: 0.5vw;
}
.res_cont2_left p {
	font-size: 1.6rem;
	color: #505050;
	line-height: 30px;
}
.res_cont2_left > p:last-of-type {
	width: 72%;
}
.res_cont2_left ul {
	margin-top: 1vw;
	margin-bottom: 1.5vw;
}
.res_cont2_left ul li {
	font-size: 1.6rem;
	color: #505050;
	line-height: 30px;
}
.res_cont2_left ul li span {
	color: #0068b6;
}
.res_cont2_left > img {
	position: absolute;
	right: 0;
	bottom: 0;
	max-width: 26%;
}
.res_cont2_right {
	float: right;
	width: 45%;
}
.res_cont2_right small {
	font-size: 1.6rem;
	color: #505050;
	display: block;
	line-height: 30px;
	text-indent: 20px;
	position: relative;
}
.res_cont2_right small:before {
	position: absolute;
	display: block;
	content: "";
	left: 0;
	top: 9px;
	width: 11px;
	height: 11px;
	background: #0068b6;
	border-radius: 50%;
}
.res_cont2_right img {
	max-width: 100%;
	margin-top: 1vw;
}
.rest_cont3 {
	padding: 3vw 0;
}
.rest_cont3_left {
	float: left;
	width: 63.5%;
}
.rest_cont3_left > h4 {
	font-size: 2.4rem;
	color: #2d2d2d;
}
.rest_cont3_right {
	float: right;
}
.smallcir h6 {
	font-size: 2rem;
	color: #404040;
	margin-bottom: 0.5vw;
}
.smallcir small {
	font-size: 1.6rem;
	color: #505050;
	display: block;
	line-height: 26px;
	text-indent: 20px;
	position: relative;
	margin-bottom: 0.5vw;
}
.smallcir small:before {
	position: absolute;
	display: block;
	content: "";
	left: 0;
	top: 7px;
	width: 11px;
	height: 11px;
	background: #0068b6;
	border-radius: 50%;
}
.rest_cont3_left > div > img {
	float: left;
	width: 45.5%;
}
.rest_cont3_left > div > div {
	float: right;
	width: 51%;
}
.rest_cont3_left > div > div > img {
	max-width: 100%;
}
.rest_cont3_left > div > div > img:first-of-type {
	margin-top: 10px;
}
.rest_cont3_right {
	float: right;
	width: 34%;
}
/*.rest_cont4*/

.rest_cont4 {
	background: url("/skin/images/rest_cont4bg.jpg") no-repeat center;
	background-size: cover;
}
.rest_cont4 .res_tit {
	margin-bottom: 1.5vw;
}
.rest_cont4 > .warpper2 {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.rest_cont4_left {
	width: 43%;
}
.rest_cont4 > .warpper2 > img {
	max-width: 40%;
}
.rest_cont4_left small {
	font-size: 1.6rem;
	color: #505050;
	display: block;
	line-height: 30px;
	text-indent: 20px;
	position: relative;
	margin-bottom: 1vw;
}
.rest_cont4_left small:last-of-type {
	margin-bottom: 0;
}
.rest_cont4_left small:before {
	position: absolute;
	display: block;
	content: "";
	left: 0;
	top: 7px;
	width: 11px;
	height: 11px;
	background: #0068b6;
	border-radius: 50%;
}
/*video*/

.videoshowbg {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	background: rgba(0, 0, 0, 0.66);
}
.videoshow {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.videoclose {
	cursor: pointer;
	background: url("/skin/images/videoclose.png") no-repeat center;
	display: block;
	width: 35px;
	height: 35px;
	position: absolute;
	left: 100%;
	bottom: 100%;
}
/*zask*/

#indexformask textarea {
	float: left;
	background: #f6f6f6;
	width: 60%;
	height: 80px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
}
.zask_top {
	float: right;
	width: 39%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.zask_top input {
	width: 40%;
	line-height: 35px;
	background: #f6f6f6;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 10px;
}
.zask_top > input {
	margin-bottom: 10px;
}
.zask_top input[name="tel"] {
	width: 58%;
}
.zask_top > div.code {
	width: 58%;
}
.zask_top > div.code > input {
	float: left;
	width: 65%;
}
.zask_top > div.code .verify {
	width: 35%;
	height: 35px;
	float: left;
	overflow: hidden;
	background: #f3fbfe;
}
.zask_top > div.code img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.zask_top .submit {
	width: 40%;
	line-height: 35px;
	color: #fff;
	background: #7f7f7f;
	text-align: center;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
}
.zask_top .submit:hover {
	background: #0068b6;
}
html,  body {
	position: relative;
	height: 100%;
}
#menubg {
	position: fixed;
	top: 100px;
	left: 0;
	height: calc(100% - 100px);
	width: 120px;
	text-align: center;
	border-right: 1px solid rgba(255, 255, 255, 0.4);
	z-index: 2000;
}
#menu {
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
}
#menu li {
	display: block;
	border-radius: 0;
	position: relative;
	width: 6px;
	height: 6px;
	margin-bottom: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	background: none;
	opacity: 1;
	background: rgba(255, 255, 255, 0.8);
}
#menu li.swiper-pagination-bullet-active,  #menu.changemenucolor li.swiper-pagination-bullet-active {
	background: none;
}
#menu li span {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #fff;
	width: 20px;
	line-height: 18px;
	font-weight: lighter;
	-webkit-transition: 350ms 0s all linear;
	-moz-transition: 350ms 0s all linear;
	-ms-transition: 350ms 0s all linear;
	-o-transition: 350ms 0s all linear;
	transition: 350ms 0s all linear;
}
#menu li.swiper-pagination-bullet-active span {
	display: block;
}
#menu.changemenucolor li {
	background: rgba(40, 40, 40, 0.2);
}
#menu.changemenucolor li span {
	color: #282828;
}
main {
	width: 100%;
}
/*screen01*/

.screen01 {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.swiper-banner {
	width: 100%;
	height: 100%;
}
.swiper-banner .swiper-slide {
	width: 100%;
	height: 100%;
}
.swiper-banner .swiper-slide > a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.swiper-banner .swiper-slide > a > img {
	width: 100%;
	height: 100%;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: 1s 1s linear;
	-o-transition: 1s 1s linear;
	-moz-transition: 1s 1s linear;
	transition: 1s 1s linear;
	object-fit: cover;
}
.swiper-banner .ani-slide > a > img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: 4s linear;
	-o-transition: 4s linear;
	-moz-transition: 4s linear;
	transition: 4s linear;
}
.swiper-banner .swiper-slide > a p img {
	margin: 0 auto;
}
.swiper-banner .bd {
	padding: 0 5%;
	position: absolute;
	width: 100%;
	z-index: 99;
	left: 0;
	color: #fff;
}
.swiper-banner .bd h2 {
	font-size: 6rem;
	line-height: 7.2rem;
	font-weight: bold;
	margin-bottom: 5rem;
}
.morebtn {
	display: block;
	width: 17rem;
	color: #fff;
	font-size: 1.6rem;
	line-height: 4.6rem;
	border: 2px solid #fff;
	border-radius: 4.6rem;
	position: relative;
	padding-left: 2rem;
	overflow: hidden;
}
 .morebtn::after {
 content: " ";
 display: inline-block;
 height: 6px;
 width: 6px;
 border-width: 1px 1px 0 0;
 border-color: #fff;
 border-style: solid;
 -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
 transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
 position: absolute;
 top: 50%;
 z-index: 3;
 margin-top: -3px;
 right: 2rem;
}
.morebtn span {
	position: relative;
	z-index: 3;
	display: block;
}
 .morebtn:hover::after {
 border-color: #333;
}
.morebtn:hover {
	color: #333;
}
.morebtn:before {
	content: "";
	width: 0;
	z-index: 0;
	height: 100%;
	background-color: #fff;
	transition: all 0.3s;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
.morebtn:hover:before {
	width: 100%;
}
.swiper-about .bd .morebtn:hover,  .seavice .home_title .morebtn:hover,  .newsbg .morebtn:hover {
	color: #fff;
	border-color: #273e8a;
}
.swiper-about .bd .morebtn:hover:before,  .seavice .home_title .morebtn:hover:before,  .newsbg .morebtn:hover:before {
	background-color: #273e8a;
}
 .swiper-about .bd .morebtn:hover::after,  .seavice .home_title .morebtn:hover:after,  .newsbg .morebtn:hover:after {
 border-color: #273e8a;
}
.newsbg {
	background: url(/skin/images/homebg_15.jpg) center no-repeat;
	background-size: cover;
}
 @-webkit-keyframes bigscale {
 0% {
 transform: translate(-50%, -50%) scale(1.05);
}
 100% {
 transform: translate(-50%, -50%) scale(1);
}
}
 @keyframes bigscale {
 0% {
 transform: translate(-50%, -50%) scale(1.05);
}
 100% {
 transform: translate(-50%, -50%) scale(1);
}
}
.bigscale {
	-webkit-animation-name: bigscale;
	animation-name: bigscale;
}
.banner01_text p > span {
	width: 1920px;
	display: block;
	position: absolute;
	font-family: xingshu;
	color: #fff;
	letter-spacing: -6px;
	font-size: 6rem;
	line-height: 125px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.banner01_text > small {
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
}
.scrolldown1 {
	cursor: pointer;
	display: flex;
	align-items: center;
	color: #273e8a;
	font-size: 1.8rem;
	white-space: nowrap;
}
.swiper-container_ab .swiper-button-next_pro,  .swiper-container_ab .swiper-button-prev_pro {
	width: auto;
	height: auto;
	border-radius: 0;
	border: none;
	left: auto;
	right: 5%;
}
.swiper-button-next_pro:after,  .swiper-button-prev_pro:after {
	display: none;
}
.swiper-container_ab .swiper-button-next_pro:hover,  .swiper-container_ab .swiper-button-prev_pro:hover {
	background: none;
	color: #273e8a;
}
.swiper-container_ab .swiper-button-prev_pro {
	top: 18vh;
}
.swiper-container_ab .swiper-button-prev_pro .scrolldown1 {
	color: #0295fc;
}
.swiper-container_ab .swiper-button-prev_pro .scrolldown1 span {
	border-color: #0295fc;
}
.scrolldown1 span {
	display: block;
	border-radius: 50%;
	border: 1px dashed #273e8a;
	margin-left: 2rem;
	padding: 3px;
	-webkit-transform: rotate (360deg);
	animation: rotation 3s linear infinite;
	-moz-animation: rotation 3s linear infinite;
	-webkit-animation: rotation 3s linear infinite;
	-o-animation: rotation 3s linear infinite;
}
.scrolldown1 span img {
	width: 5.5rem;
	height: 5.5rem;
	border: 2px solid #fff;
	border-radius: 50%;
}
 @-webkit-keyframes rotation {
 from {
 -webkit-transform: rotate(0deg);
}
to {
	-webkit-transform: rotate(360deg);
}
}
.swiper-container_ab {
	height: 100%;
	width: 100%;
}
.swiper-container_ab .swiper-slide {
	overflow: hidden;
}
 @keyframes mouse-dot {
 from {
 -webkit-transform: translate(-50%, -50%) rotate(0);
 -moz-transform: translate(-50%, -50%) rotate(0);
 -ms-transform: translate(-50%, -50%) rotate(0);
 -o-transform: translate(-50%, -50%) rotate(0);
 transform: translate(-50%, -50%) rotate(0);
}
to {
	-webkit-transform: translate(-50%, -50%) rotate(360deg);
	-moz-transform: translate(-50%, -50%) rotate(360deg);
	-ms-transform: translate(-50%, -50%) rotate(360deg);
	-o-transform: translate(-50%, -50%) rotate(360deg);
	transform: translate(-50%, -50%) rotate(360deg);
}
}
 @-webkit-keyframes mouse-dot {
 from {
 -webkit-transform: translate(-50%, -50%) rotate(0);
 -moz-transform: translate(-50%, -50%) rotate(0);
 -ms-transform: translate(-50%, -50%) rotate(0);
 -o-transform: translate(-50%, -50%) rotate(0);
 transform: translate(-50%, -50%) rotate(0);
}
to {
	-webkit-transform: translate(-50%, -50%) rotate(360deg);
	-moz-transform: translate(-50%, -50%) rotate(360deg);
	-ms-transform: translate(-50%, -50%) rotate(360deg);
	-o-transform: translate(-50%, -50%) rotate(360deg);
	transform: translate(-50%, -50%) rotate(360deg);
}
}
.swiper-about {
	background:url(/skin/images/homebg_04.jpg) center no-repeat;
	background-size: cover;
}
.swiper-about .bd {
	position: absolute;
	left: 5%;
	top: 15vh;
	color: #273e8a;
	max-width: 57rem;
}
.swiper-about .bd .home_title {
	color: #273e8a;
}
.swiper-about .bd p {
	font-size: 1.6rem;
	line-height: 3.2rem;
	padding: 4rem 0;
}
.swiper-about .bd .morebtn {
	color: #273e8a;
	border-color: #273e8a;
}
 .swiper-about .bd .morebtn::after {
 border-color: #273e8a;
}
.swiper-about .ft {
	position: absolute;
	bottom: 10vh;
	left: 5%;
	color: #273e8a;
	font-size: 1.8rem;
}
.swiper-about .ft dt {
	font-weight: bold;
	font-size: 2.6rem;
}
.swiper-about .ft dt span {
	color: #273e8a;
	font-size: 6.6rem;
	font-family: DIN-Bold;
}
.swiper-about .ft dl {
	margin-right: 9rem;
}
main,  .swiperbody {
	width: 100%;
	height: 100%;
}
.swiperbody > .swiper-wrapper > .swiper-slide {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.swiperbody .slide-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-size: cover;
	background-position: center;
}
/*product */

.pro_cont {
	position: relative;
	width: 100%;
	height: 100%;
}
.pro_cont .home_title {
	position: absolute;
	top: 15rem;
	left: 5%;
}
.pro_cont > .warpper {
	position: absolute;
	bottom: 10%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 10;
}
.swiper-pro {
	width: 100%;
	height: 100%;
}
.swiper-pro .swiper-slide {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.swiper-pro .slide-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-size: cover;
	background-position: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	color: #fff;
}
.pro_top_text {
	position: absolute;
	top: 35%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.pro_top_text > p {
	font-size: 2rem;
	color: #fff;
}
.pro_top_text > h3 {
	font-size: 3.2rem;
	color: #fff;
	font-weight: bold;
	margin-top: 1.5vw;
	margin-bottom: 1.5vw;
}
.pro_top_text > small {
	color: #fff;
	font-size: 1.6rem;
	display: block;
	width: 710px;
	line-height: 30px;
}
.pro_top_text > a {
	color: #fff;
	font-size: 1.4rem;
	display: flex;
	justify-content: left;
	align-items: center;
	height: 50px;
	margin-top: 2vw;
}
.pro_top_text > a > b {
	display: block;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	margin-right: 4px;
	background: #0068b6 url("../images/morejt.png") no-repeat center;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
}
.pro_top_text > a > i {
	font-style: initial;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
}
.pro_top_text > a:hover > b {
	background: #0068b6 url("../images/morejt.png") no-repeat 14px center;
}
.pro_top_text > a:hover > i {
	font-style: italic;
}
.swiper-probtn .swiper-slide {
	text-align: center;
}
.swiper-probtn .line {
	position: relative;
}
 .swiper-probtn .line::after {
content: '';
border-bottom: 1px dashed #fff;
position: absolute;
left: 0;
width: 100%;
top: 50%;
display: block;
z-index: 0;
}
.swiper-probtn .line:before {
	position: absolute;
	z-index: 3;
	left: 33px;
	top: 50%;
	content: "";
	width: 100%;
	border-bottom: 1px solid #273e8a;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: right center;
	-moz-transform-origin: right center;
	-ms-transform-origin: right center;
	-o-transform-origin: right center;
	transform-origin: right center;
	-webkit-transition: 2s 0s linear transform;
	-o-transition: 2s 0s linear transform;
	-moz-transition: 2s 0s linear transform;
	transition: 2s 0s linear transform;
}
.swiper-probtn .swiper-slide-thumb-active .line:before {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-ms-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
	-webkit-transition: 2s 1.5s linear transform;
	-o-transition: 2s 1.5s linear transform;
	-moz-transition: 2s 1.5s linear transform;
	transition: 2s 1.5s linear transform;
}
.swiper-probtn .line i {
	display: block;
	width: 1.6rem;
	height: 1.6rem;
	z-index: 4;
	border: 2px solid #fff;
	border-radius: 50%;
	margin: 0 auto;
	transition: all 2.5s;
	position: relative;
}
.swiper-probtn .swiper-slide-thumb-active .line i {
	background-color: #273e8a;
	border-color: #273e8a;
}
.swiper-probtn .swiper-slide p {
	color: #fff;
	font-size: 1.6rem;
	margin-top: 1rem;
	margin-bottom: 4rem;
}
.home_title {
	font-size: 5.2rem;
	z-index: 99;
	color: #fff;
	display: flex;
	font-weight: bold;
	justify-content: space-between;
	align-items: center;
}
.seavice .home_title,  .newsbg .home_title,  .newsbg .tabtitle li a,  .swipernews .swiper-slide dt,  .swipernews .swiper-slide dd,  .swipernews .swiper-slide .btn {
	color: #273e8a;
}
.seavice .home_title .morebtn,  .newsbg .morebtn {
	color: #273e8a;
	border-color: #273e8a;
}
 .seavice .home_title .morebtn::after,  .newsbg .morebtn::after {
 border-color: #273e8a;
}
.swiper-about {
	height: 100%;
	position: relative;
	width: 100%;
}
.seavice {
	display: flex;
	align-items: center;
}
.seavice .bd ul {
	display: flex;
	margin-top: 5rem;
}
.seavice .bd ul li {
	width: 22rem;
	height: 62vh;
	overflow: hidden;
	position: relative;
	transition: all 0.3s;
}
.seavice .bd ul li + li {
	margin-left: 2rem;
}
.seavice .bd ul li.on {
	flex: auto;
}
.seavice .bd ul li img {
	height: 62vh;
	object-fit: cover;
}
.seavice .bd ul li .flex {
	position: absolute;
	bottom: 5rem;
	left: 1.5rem;
	right: 6rem;
	color: #fff;
}
.seavice .bd ul li .morebtn {
	display: none;
}
.seavice .bd ul li.on .morebtn {
	display: block;
}
.seavice .bd ul li dl {
	font-size: 3.6rem;
}
.seavice .bd ul li dl a {
	color:#fff;
}
.seavice .bd ul li dt {
	font-family: DIN-Bold;
}
.seavice .bd ul li.on .flex {
	left: 6rem;
}
/*cultrue*/

.cultruebg {
	background: url(/skin/images/homebg_17.jpg) no-repeat center;
	background-size: cover;
}
.cultrue .warpper {
	position: relative;
	height: 100%;
}
.circle_curl {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.culmore {
	display: block;
	position: absolute;
}
.cultextbg {
	width: 890px;
	height: 890px;
	position: relative;
}
.cultextbg > b {
	width: 430px;
	height: 430px;
	border: 1px dashed rgba(255, 255, 255, 0.49);
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.cultextbg > b.line02 {
	width: 737px;
	height: 737px;
}
.cultextbg > b.line03 {
	width: 1144px;
	height: 1144px;
	opacity: 0.5;
}
.cultext {
	position: absolute;
	width: 80%;
	left: 10%;
	bottom: 4rem;
	text-align: center;
	color: #fff;
	font-size: 1.6rem;
	line-height: 3.2rem;
}
.cultext h4 {
	font-size: 5.6rem;
	margin-bottom: 4rem;
}
.cultext .morebtn {
	/*margin:2rem auto 0;*/
	margin:12rem auto 0;
	text-align: left;
}
.iconcul {
	position: absolute;
	display: flex;
	justify-content: left;
	align-items: center;
}
.iconcul span {
	color: #fff;
	display: block;
	width: 100px;
	font-size: 2rem;
}
.iconcul b {
	display: block;
	width: 105px;
	height: 105px;
	-webkit-transition: 350ms 0s all ease;
	-moz-transition: 350ms 0s all ease;
	-ms-transition: 350ms 0s all ease;
	-o-transition: 350ms 0s all ease;
	transition: 350ms 0s all ease;
}
.circle_curl .icon:hover {
	transform: scale(1.1);
}
.circle_curl .icon {
	position: absolute;
	border-radius: 50%;
	z-index: 9;
}
.circle_curl .icon1 {
	left: 50%;
	top: 8rem;
	margin-left: -4.6rem;
}
.circle_curl .icon2 {
	right: 4rem;
	top: 37%;
}
.circle_curl .icon3 {
	left: 4rem;
	top: 40%;
}
.circle_curl .icon4 {
	left: 29%;
	top: 30%;
}
.circle_curl .icon5 {
	right: 29%;
	top: 30%;
}
.circle_curl .icon6 {
	left: -10rem;
	top: 18rem;
}
.circle_curl .icon7 {
	right: -10rem;
	top: 18rem;
}
.circle_curl .icon8 {
	left: -11rem;
	bottom: 13rem;
}
.circle_curl .icon9 {
	right: -11rem;
	bottom: 13rem;
}
.circle_curl .icon10 {
	left: -42%;
	top: 37%;
}
.circle_curl .icon11 {
	right: -42%;
	top: 37%;
}
.culmore {
	display: block;
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	top: 50%;
	border-radius: 50%;
	width: 240px;
	height: 240px;
}
 @keyframes scalecir {
 0% {
 -webkit-transform: translate(-50%, -50%) scale(1.2);
 -moz-transform: translate(-50%, -50%) scale(1.2);
 -ms-transform: translate(-50%, -50%) scale(1.2);
 -o-transform: translate(-50%, -50%) scale(1.2);
 transform: translate(-50%, -50%) scale(1.2);
}
 100% {
 -webkit-transform: translate(-50%, -50%) scale(0.8);
 -moz-transform: translate(-50%, -50%) scale(0.8);
 -ms-transform: translate(-50%, -50%) scale(0.8);
 -o-transform: translate(-50%, -50%) scale(0.8);
 transform: translate(-50%, -50%) scale(0.8);
}
}
.culmore:before {
	display: block;
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%) scale(1);
	-moz-transform: translate(-50%, -50%) scale(1);
	-ms-transform: translate(-50%, -50%) scale(1);
	-o-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1);
	border-radius: 50%;
	background: rgba(2, 103, 228, 0.4);
	width: 100%;
	height: 100%;
	animation: scalecir 2s linear 0s infinite alternate;
}
.culmore:after {
	display: block;
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%) scale(0.8);
	-moz-transform: translate(-50%, -50%) scale(0.8);
	-ms-transform: translate(-50%, -50%) scale(0.8);
	-o-transform: translate(-50%, -50%) scale(0.8);
	transform: translate(-50%, -50%) scale(0.8);
	border-radius: 50%;
	width: 100%;
	height: 100%;
}
.culmore > span {
	width: 18rem;
	height: 18rem;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 10;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}


/*footerbg*/

.footerbg {
	background: #273e8a;
}
.indexfot {
	height: 100%;
}
.indexfot .footer {
	height: 100%;
	background: none;
	color: rgba(255, 255, 255, 0.6);
}
.indexfot .footer a {
	color: rgba(255, 255, 255, 0.5);
}
.indexfot .footer a:hover {
	color: #fff;
}
.indexfot .ft {
	width: 100%;
	left: 0;
	position: absolute;
	background: #223883;
	bottom: 0;
}
.stroy {
	color: #fff;
}
.indexfot .footer .bd {
	border-top-color: #273e8a;
}
.stroy .home_title {
	position: absolute;
	left: 5%;
	top: 15rem;
}
.stroy .bd {
	height: 100%;
	width: 100%;
	padding: 0 5%;
	position: relative;
}
.stroy .bd:before {
	content: "";
	display: block;
	border-bottom: 1px dashed #fff;
	position: absolute;
	left: 0;
	width: 100%;
	top: 50%;
}
.stroy .bd .Swiper-stroy {
	height: 100%;
}
.stroy .bd .Swiper-stroy .swiper-slide {
	display: flex;
	align-items: center;
}
.stroy .flex {
	width: 70%;
}
.stroy .flex span {
	font-size: 10rem;
	/*color: #0295fc;*/color: #fff;
	font-family: DIN-Bold;
	padding-right: 10rem;
	line-height: 10rem;
}
.stroy .swiper-button-next,  .stroy .swiper-button-prev {
	top: auto;
	margin: 0;
	bottom: 0;
}
.stroy .swiper-button-next {
	right: 0;
}
.stroy .swiper-button-prev {
	left: auto;
	right: 9rem;
}
.stroy .bd dl {
	text-align: center;
	flex: 1;
}
.stroy .bd dt {
	font-size: 2.8rem;
	font-family: DIN-Bold;
}
.stroy .bd dd {
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	background-color: #fff;
	margin: 1rem auto 4.5rem;
	position: relative;
}
.stroy .bd .swiper-slide-active dt {
	opacity: 0;
}
.stroy .bd .swiper-slide-active dd {
	background-color: #00a2fc;
}
.stroy .bd .swiper-slide-active dd:before {
	display: block;
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%) scale(1);
	-moz-transform: translate(-50%, -50%) scale(1);
	-ms-transform: translate(-50%, -50%) scale(1);
	-o-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1);
	border-radius: 50%;
	background: rgba(2, 103, 228, 0.4);
	width: 4rem;
	height: 4rem;
	animation: scalecir 2s linear 0s infinite alternate;
}
.stroy .ft {
	position: absolute;
	bottom: 12vh;
	left: 5%;
	line-height: 3.2rem;
	font-size: 1.6rem;
	right: 5%;
	z-index: 10;
}
/*news*/

.news {
	display: flex;
	align-items: center;
	height: 100%;
	width: 100%;
	position: relative;
}
.pt {
	padding: 12rem 0 7.8rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.newstit {
	color: #484848;
	font-size: 3.2rem;
	margin-bottom: 2vw;
}
.Circles {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none !important;
	z-index: 0;
}
.Circles-circle {
	display: block;
	position: absolute;
	will-change: transform;
	transition: 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}
 .Circles-circle:nth-child(1) {
 width: 33.7vw;
 height: 33.7vw;
 left: -16.8vw;
 top: -16.8vw;
 background: #fff;
 z-index: 2;
 border-radius: 50%;
}
 .Circles-circle:nth-child(2) {
 width: 59.68vw;
 height: 59.58vw;
 left: -29.84vw;
 top: -29.84vw;
 transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1);
 background: #f6f6f6;
 border-radius: 50%;
}
.Circles-dot {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.Circles-dot:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 50%;
	transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.6s;
	will-change: transform;
}
.news_bom {
	position: relative;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 10;
	padding-bottom: 9vh;
}
.newsbox .tabcontent {
	height: 55vh;
}
.news-button {
	position: absolute;
	left: 0;
	bottom: 0;
	display: flex;
}
.news-button .swiper-button-prev,  .news-button .swiper-button-next {
	position: static;
	margin: 0 3rem 0 0;
}
.newsbg .tabtitle {
	display: flex;
	margin-bottom: 2rem;
	font-size: 1.8rem;
}
.newsbg .tabtitle li {
	margin-right: 5rem;
}
.newsbg .tabtitle li a {
	display: block;
	padding-bottom: 1rem;
	border-bottom: 1px solid transparent;
}
.newsbg .tabtitle li.on a {
	color: #273e8a;
	border-bottom: 1px solid #273e8a;
}
.swipernews {
	width: 100%;
}
.swipernews .swiper-slide {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 25%;
}
.swipernews .swiper-slide a {
	display: block;
	width: 100%;
	overflow: hidden;
	height: 46vh;
	position: relative;
}
.swipernews .swiper-slide a:hover .pic {
	opacity: 1;
}
.swipernews .swiper-slide a:hover .btn {
	display: none;
}
.swipernews .swiper-slide a:hover dl {
	margin-top: 22vh;
}
.swipernews .swiper-slide a:hover,  .swipernews .swiper-slide a:hover dt,  .swipernews .swiper-slide a:hover dd {
	color: #fff;
}
.swipernews .swiper-slide .pic {
	opacity: 0;
	height: 100%;
}
.swipernews .swiper-slide .pic img {
	height: 100%;
	object-fit: cover;
}
.newsbox {
	padding-left: 5%;
	width: 100%;
}
.newsbox .home_title {
	padding-right: 5%;
	margin-bottom: 4vh;
}
.newsbg .slide-inner {
	display: flex;
	align-items: center;
}
.swipernews .swiper-slide .box {
	position: absolute;
	font-size: 1.6rem;
	left: 0;
	line-height: 3rem;
	padding: 4rem 2rem;
	top: 0;
	width: 100%;
	height: 100%;
}
.swipernews .swiper-slide .data {
	font-size: 1.8rem;
}
.swipernews .swiper-slide .btn {
	position: absolute;
	bottom: 6rem;
	left: 2rem;
}
.swipernews .swiper-slide dt {
	margin-top: 6rem;
	font-size: 3rem;
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	margin-bottom: 2rem;
}
.swipernews .swiper-slide dd {
	opacity: 0.5;
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.swipernews .swiper-slide a:hover dd {
	opacity: 1;
}
button {
	border: none !important;
	outline: none;
}
input[type="button"],  input[type="submit"],  input[type="file"],  button,  select,  input[type="password"],  input[type="number"],  input[type="date"],  textarea {
	cursor: pointer;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
input[type="date"] {
	cursor: pointer;
	-webkit-appearance: none;
}
input[type="text"],  input[type="button"],  input[type="submit"],  input[type="reset"],  select,  textarea,  button {
	-webkit-appearance: none;
}
 input:-webkit-autofill {
 box-shadow: 0 0 0px 100px white inset;
}
 @media screen and (min-width: 1500px) {
 .hidden-lg {
 display: none !important;
}
}
 @media screen and (min-width: 1200px) and (max-width: 1500px) {
 .header .logo{ height:4rem; width:16rem;}
.header .nav > li > a{ line-height:8rem;}
 .hidden-l {
 display: none !important;
}
 .warpper2 {
 width: 94%;
}
 .zbanner {
 height: 36vw;
}



  /*index*/

  .nav_ul {
 width: 100%;
}
 .nav_ul > li {
 width: 100px;
}
 .mynavdownlist > .warpper > div.tender_downlist {
 padding-left: calc(100% * 0.5);
}
 .mynavdownlist > .warpper > div.news_downlist {
 padding-left: calc(100% * 0.1);
}
 .mynavdownlist > .warpper > div.building_downlist {
 padding-left: calc(100% * 0.5);
}
 .mynavdownlist > .warpper > div.job_downlist {
 padding-left: calc(100% * 0.6);
}
 .com_left > div {
 padding: 0;
 padding-left: 7%;
}
 .com_left > div > small {
 right: initial;
 left: 87%;
}
 .com_litter {
 width: 100%;
}
 .com_litter > h3 {
 font-size: 1.5rem;
}
 .swipernews .swiper-slide a > h4 {
 height: 58px;
 font-size: 1.8rem;
 margin-top: 1vw;
 margin-bottom: 1vw;
}
 .swiper-probtn .swiper-slide p {
 min-width: 116px;
 font-size: 1.6rem;
}
 .fot_left {
 margin-right: 4%;
}



  /*menu*/

  .menu_mid_left > h3 {
 font-size: 3.5rem;
}
 .menu_mid_left > h2 {
 font-size: 3.2rem;
}
 .menu_mid_left {
 width: 44%;
}
 .menu_mid_right .fot_left {
 width: 21%;
}
 .menubg_bom > div > a:last-of-type > p {
 right: 0;
 left: initial;
 -webkit-transform: translateX(0);
 -moz-transform: translateX(0);
 -o-transform: translateX(0);
 transform: translateX(0);
 -ms-transform: translateX(0);
}
 .menubg_bom > div > a:last-of-type > p:before {
 right: 12px;
 left: initial;
 -webkit-transform: translateX(0);
 -moz-transform: translateX(0);
 -o-transform: translateX(0);
 transform: translateX(0);
 -ms-transform: translateX(0);
}



  /*company*/

  .zcom_cont3_tit > h4:before {
 font-size: 5.4rem;
}
 .zcom_cont2_pic > b {
 height: 17.5vw;
}
 .zcom_cont3 ul li > div small {
 font-size: 1.3rem;
}
 .zcultrue_div img {
 width: 100%;
}
 .honorlist a b {
 height: 16vw;
}
 .honor_text_list li {
 font-size: 1.3rem;
}
 .smallcir img {
 max-height: 180px;
}
 .history {
 background-size: cover;
}
 .hist_list > div > h3:before {
 right: 101%;
 border-top: 10px solid #3b587c;
 border-right: 8px solid transparent;
 border-left: 8px solid transparent;
}
 .hist_list > div:nth-of-type(even) > h3:before {
 border-right: 8px solid transparent;
 border-bottom: 10px solid #3b587c;
 border-left: 8px solid transparent;
}
 .hist_list > div:nth-of-type(11) {
 top: 63px;
}
 .hist_list > div:nth-of-type(2) {
 bottom: -24px;
}



  /*news*/

  .newsinfo_r > a b {
 height: 16vw;
}

  /*goods*/

  .zproinfo_intro > h3 {
 font-size: 2.8rem;
}
 .zproinfo_intro > h3 span {
 font-size: 2.6rem;
}



  /*case*/

  .caseinfo_pic .swiper-slide div {
 height: 37vw;
}



  /*contact*/

  .zcon_left {
 width: 66%;
}
 .linkmsg {
 width: 34%;
}



  /*building*/

  .buil_cont3 ul li > div {
 padding: 0 4%;
}
 .buil_cont3 ul li > div > h3 {
 font-size: 4.6rem;
}
 .buil_cont2 > .warpper2 > div ul li h4 {
 width: 100%;
}
 .buil_cont2 > .warpper2 > div ul li {
 width: 33.3%;
}
 .buil_cont3 ul li > div > h2 {
 font-size: 2rem;
 line-height: 2.4rem;
}
 .buil_cont3 ul li > div > small {
 line-height: 24px;
}
 .buil4_left b {
 height: 170px;
}
 .buil4_right li {
 height: 78.2px;
}
 .buil4_right li > small {
 font-size: 1.6rem;
}



  /*news*/

  .one_list li a {
 height: 17.3vw;
}
 .swiper-banner .swiper-slide > a p img {
 max-width: 75%;
}



  /*高度低*/

  .head {
 height: 64px;
}
 .banner01_text p {
 margin-bottom: 1.4vw;
 height: initial;
}
 .mynavdownlist > .warpper > div {
 padding: 0;
}
 .com_video > div > b {
 width: 50px;
 height: 50px;
}
 .com_video > div > b:before {
 background-size: 100% !important;
}
 .gupiao {
 height: 260px;
}
 .com_left > div > div > h1 {
 margin-bottom: 0;
 font-size: 25px;
}
 .com_left > div > div > small {
 display: none;
}
 .com_left > div > div > a {
 font-size: 14px;
}
 .newstit {
 margin-bottom: 1vw;
 font-size: 2.6rem;
}
 .com_left > div > div > p {
 font-size: 18px;
}
 .videoshow {
 width: 60%;
 height: 34vw;
}
 #videoshowbox {
 width: 100% !important;
 height: 100% !important;
}
 .pro_top_text {
 top: 27%;
}
 .coop_cont > h4 {
 font-size: 2.4rem;
}
 .coop_cont > small {
 font-size: 1.4rem;
}
 .coop_list ul li {
 width: 15.83%;
 height: 74px;
}
 .coop_cont > small {
 margin-bottom: 1vw;
}
 .coop_list ul li:nth-of-type(5n) {
 margin-right: 1%;
}
 .coop_list ul li:nth-of-type(6n) {
 margin-right: 0;
}
 .indexfot .footer {
 margin-top: 0;
}
 .cultextbg > b.line02 {
 width: 700px;
 height: 700px;
}
 .cultext {
 bottom: 10vh;
}
 .circle_curl .icon1 {
 top: 18rem;
}
 .cultextbg > b {
 width: 480px;
 height: 480px;
}
 .cultrue .warpper > img:nth-of-type(2) {
 width: 107px;
}
 .cultrue .warpper > img:first-of-type {
 width: 120px;
}
 .cultextbg > img {
 width: 280px;
}
 .iconcul01 {
 top: 27%;
}
 .iconcul02 {
 left: -243px;
}
 .cultext h3 {
 left: -56px;
 font-size: 6rem;
 line-height: 63px;
}
 .iconcul03 {
 right: 45%;
}
 .cultext h4 {
 font-size: 4rem;
}
 .menubg_top {
 margin-top: 0;
 margin-bottom: 1%;
}
 .menu_mid_right .fot_left {
 height: initial;
}
 .menubg > .warpper {
 position: absolute;
 left: 50%;
 top: 50%;
 -webkit-transform: translate(-50%, -50%);
 -moz-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 -o-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
}
 .menu_mid_right .fot_left:nth-of-type(5),  .menu_mid_right .fot_left:nth-of-type(6) {
 height: inherit;
}
 .menu_mid_right .fot_left:nth-of-type(4) {
 height: 244px;
}
 .fottit {
 margin-bottom: 0.5vw;
}
}
 @media screen and (min-width: 960px) and (max-width: 1199px) {


 .hidden-m {
 display: none !important;
}
 .warpper2 {
 width: 94%;
}
 .zbanner {
 height: 36vw;
}
 .zban_text > h3 {
 font-size: 2.8rem;
 padding-top: 7vw;
}

  /*index*/


  .swipernews .swiper-slide a > h4 {
 height: 58px;
 font-size: 1.8rem;
 margin-top: 1vw;
 margin-bottom: 1vw;
}
 .swiper-probtn .swiper-slide p {
 min-width: 116px;
 font-size: 1.6rem;
}
 .fot_left {
 margin-right: 2%;
}
 .smallcir img {
 max-height: 180px;
}
 .history {
 background-size: cover;
}
 .hist_cont1 > img {
 width: 300px;
}
 .his_evo {
 left: 302px;
}
 .his_snow {
 top: 15%;
}
 .hist_list > div > h3 {
 font-size: 1.6rem;
}
 .hist_list > div:nth-of-type(5) {
 left: 9%;
 top: 270px;
}
 .hist_list > div:nth-of-type(7) {
 left: 17%;
 top: 213px;
}
 .hist_list > div:nth-of-type(4) {
 left: 32%;
 bottom: 14px;
}
 .hist_list > div:nth-of-type(9) {
 top: 162px;
}
 .hist_list > div:nth-of-type(10) {
 right: 0;
 bottom: 10px;
}
 .hist_list > div > h3:before {
 right: 101%;
 border-top: 10px solid #3b587c;
 border-right: 8px solid transparent;
 border-left: 8px solid transparent;
}
 .hist_list > div:nth-of-type(even) > h3:before {
 border-right: 8px solid transparent;
 border-bottom: 10px solid #3b587c;
 border-left: 8px solid transparent;
}
 .hist_list > div:nth-of-type(11) {
 top: 63px;
}
 .hist_list > div:nth-of-type(2) {
 bottom: -24px;
}
 .zcom_cont3 ul li > h4 {
 font-size: 2rem;
 padding-left: 34px;
 background-size: 24px;
}
 .res_tit > h3,  .organization > h3 {
 font-size: 2.2rem;
}
 .organization > small {
 font-size: 1.4rem;
}
 .res_cont1 li small {
 height: 194px;
}
 .res_cont2_text h4,  .rest_cont3_left > h4 {
 font-size: 2rem;
}
 .smallcir h6 {
 font-size: 1.8rem;
}



  /*news*/

  .newsinfo_r > a b {
 height: 16vw;
}

  /*goods*/

  .zproductlist > li a {
 height: 27vw;
}
 .zproinfo_intro > h3 {
 font-size: 2.8rem;
}
 .zproinfo_intro > h3 span {
 font-size: 2.6rem;
}
 .zproductlist > li:hover a > b {
 border: 107px solid rgba(0, 104, 182, 0.3);
}
 .swiper-allist .swiper-slide a b {
 height: 27vw;
}

  /*case*/

  .two_list li b {
 height: 25vw;
}
 .two_list li p {
 font-size: 1.6rem;
 line-height: 50px;
}
 .caseinfo_pic .swiper-slide div {
 height: 37vw;
}
 .newsinfo_l > h3 {
 font-size: 18px;
 line-height: 28px;
}



  /*contact*/

  .zcont_bom {
 height: 403px;
}
 .zcon_left {
 width: 58%;
}
 .linkmsg {
 width: 42%;
}



  /*building*/

  .building > h3,  .buil_cont2 > .warpper2 > h3,  .buil_cont3 > .warpper2 > h3,  .buil_cont4 > h3 {
 font-size: 2.2rem;
}
 .building > small p {
 font-size: 1.6rem;
}
 .buil_cont2 > .warpper2 > div > img {
 width: 80%;
}
 .buil_cont2 > .warpper2 > div h4 {
 width: 262px;
 line-height: 48px;
 font-size: 1.7rem;
}
 .buil_cont3 ul li {
 height: 21vw;
}
 .buil_cont3 ul li > div {
 padding: 0 4%;
}
 .buil_cont3 ul li > div > h3 {
 font-size: 5rem;
}
 .buil_cont2 > .warpper2 > div ul li h4 {
 width: 100%;
}
 .buil_cont2 > .warpper2 > div ul li {
 width: 32%;
}
 .buil_cont3 ul li > div > h2 {
 font-size: 1.7rem;
 line-height: 2.4rem;
}
 .buil_cont3 ul li > div > small {
 line-height: 24px;
 font-size: 1.4rem;
}
 .buil4_left b {
 height: 170px;
}
 .buil4_right li {
 height: 78.2px;
}
 .buil4_right li > small {
 font-size: 1.6rem;
}



  /*公告*/

  .down_list li a p {
 font-size: 18px;
}

  /*news*/

  .one_list li a {
 height: 17.3vw;
}
 .swiper-banner .swiper-slide > a p img {
 max-width: 75%;
}
 .one_list li a > .z_news_text > p {
 font-size: 2rem;
}
 .one_list li a > .z_news_text > small {
 font-size: 1.6rem;
}



  /*高度低*/

  .head {
 height: 64px;
}
 .banner01_text p {
 margin-bottom: 1.4vw;
 height: initial;
}
 .mynavdownlist > .warpper > div {
 padding: 0;
}
 .com_video > div > b {
 width: 50px;
 height: 50px;
}
 .com_video > div > b:before {
 background-size: 100% !important;
}
 .gupiao {
 height: 260px;
}
 .com_left > div > div > h1 {
 margin-bottom: 0;
 font-size: 25px;
}
 .com_left > div > div > a {
 font-size: 14px;
}
 .newstit {
 margin-bottom: 1vw;
 font-size: 2.6rem;
}
 .com_left > div > div > p {
 font-size: 18px;
}
 .videoshow {
 width: 60%;
 height: 34vw;
}
 #videoshowbox {
 width: 100% !important;
 height: 100% !important;
}
 .circle_curl .icon1 {
 top: -2rem;
}
 .circle_curl .icon2 {
 right: -1rem;
}
 .circle_curl .icon5,  .circle_curl .icon4,  .circle_curl .icon10,  .circle_curl .icon3,  .circle_curl .icon11 {
 display: none;
}
 .pro_top_text {
 top: 27%;
}
 .coop_cont > h4 {
 font-size: 2.4rem;
}
 .coop_cont > small {
 font-size: 1.4rem;
}
 .coop_list ul li {
 width: 15.83%;
 height: 74px;
}
 .coop_cont > small {
 margin-bottom: 1vw;
}
 .coop_list ul li:nth-of-type(5n) {
 margin-right: 1%;
}
 .coop_list ul li:nth-of-type(6n) {
 margin-right: 0;
}
 .indexfot .footer {
 margin-top: 0;
}
 .cultextbg > b.line02 {
 width: 700px;
 height: 700px;
}
 .cultextbg {
 width: 530px;
 height: 530px;
}
 .cultextbg > b {
 width: 480px;
 height: 480px;
}
 .cultrue .warpper > img:nth-of-type(2) {
 width: 107px;
}
 .cultrue .warpper > img:first-of-type {
 width: 120px;
}
 .cultextbg > img {
 width: 280px;
}
 .cultext {
 bottom: -8rem;
}
 .cultext h4 {
 font-size: 3rem;
}
 .menubg_top {
 margin-top: 0;
 margin-bottom: 1%;
}
 .menu_mid_right .fot_left {
 height: initial;
}
 .menubg > .warpper {
 position: absolute;
 left: 50%;
 top: 50%;
 -webkit-transform: translate(-50%, -50%);
 -moz-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 -o-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
}
 .menu_mid_right .fot_left:nth-of-type(5),  .menu_mid_right .fot_left:nth-of-type(6) {
 height: inherit;
}
 .menu_mid_right .fot_left:nth-of-type(4) {
 height: 244px;
}
 .fottit {
 margin-bottom: 0.5vw;
}
 .seavice .bd ul li dl {
 font-size: 2.4rem;
}
 .seavice .bd ul li.on .flex {
 left: 2rem;
 right: 2rem;
}
}
 @media screen and (min-width: 768px) and (max-width: 979px) {
 .hidden-sm {
 display: none !important;
}
 .warpper2 {
 width: 94%;
}
 .zbanner {
 height: 50vw;
}
 .pt {
 padding-top: 0;
}
 .seavice .bd ul {
 flex-wrap: wrap;
}
 .seavice .bd ul li {
 width: 100%;
 height: 12vh;
}
 .seavice .bd ul li dl {
 font-size: 2.4rem;
}
 .seavice .bd ul li.on .flex {
 left: 2rem;
 right: 2rem;
}
 .seavice .bd ul li + li {
 margin: 2rem 0 0;
}
 .seavice .bd ul li img {
 height: auto;
}
 .seavice .bd ul li.on {
 height: 20vh;
}
 .circle_curl .icon1 {
 top: -6rem;
}
 .circle_curl .icon7 {
 display: none;
}



  /*index*/



  .swiper-banner .banner01_text {
 padding-top: 15vw;
}
 .banner01_text p {
 height: inherit;
}
 .swiper-banner .swiper-slide > a > img {
 height: 100%;
}
 .swiper-banner .swiper-slide > a p img {
 max-width: 89%;
}
 .banner01_text > small {
 margin-top: 8px;
 font-size: 12px;
}
 .nav_ul {
 width: 100%;
}
 .nav_ul > li {
 width: 100px;
}
 .com_left > div {
 padding: 0;
 padding-left: 7%;
}
 .com_left > div > small {
 right: initial;
 left: 71%;
 top: 11%;
}
 .com_litter {
 width: 82%;
}
 .com_litter > h3 {
 font-size: 1.5rem;
}
 .swiper-probtn .swiper-slide p {
 min-width: 116px;
 font-size: 1.6rem;
}
 .fot_left {
 margin-right: 4%;
}
 .com_litter > h3 {
 width: 100%;
 text-align: center;
 font-size: 1.5rem;
}
 .com_left > div > div > h1 {
 margin-top: 5vw;
 margin-bottom: 4vw;
 font-size: 23px;
}
 .com_video > div > b {
 width: 49px;
 height: 49px;
}
 .com_video > div > b:before {
 background-size: 100%;
}
 .com_video > div > b img {
 width: 115%;
 object-fit: scale-down;
}
 .com_left,  .com_video {
 float: none;
 margin: 0 auto;
 width: 96%;
}
 .com_video {
 height: 65vw;
 margin-top: 4vw;
}
 .com_left {
 height: initial;
}
 .com_left > div {
 padding-left: 0;
}
 .com_left > div > div > small {
 width: 82%;
 margin-top: 5vw;
 margin-bottom: 4vw;
 font-size: 14px;
 line-height: 23px;
}
 .com_left > div > div > a {
 font-size: 15px;
}
 .com_left > div > div > p {
 margin-top: 5vw;
 margin-bottom: 2.6vw;
 font-size: 17px;
}
 .newstit {
 margin-bottom: 6vw;
 font-size: 2rem;
}
 .swipernews .swiper-slide a > h4 {
 height: 52px;
 font-size: 1.7rem;
}
 .swipernews .swiper-slide a > small {
 display: -webkit-box;
 overflow: hidden;
 text-overflow: ellipsis;
 -webkit-line-clamp: 3;
 -webkit-box-orient: vertical;
}
 .coop_cont > h4 {
 font-size: 2rem;
}
 .coop_cont > small {
 font-size: 1.4rem;
}
 .coop_list ul li {
 margin-right: 2%;
 margin-bottom: 2vw;
 width: 32%;
 height: 65px;
}
 .coop_list ul li:nth-of-type(5n) {
 margin-right: 2%;
}
 .coop_list ul li:nth-of-type(3n) {
 margin-right: 0;
}
 .swiper-probtn .swiper-slide {
 justify-content: center;
}
 .swiper-probtn .swiper-slide img {
 width: 45px;
}
 .fot_top .fot_left {
 display: none;
}
 .fot_right {
 float: none;
}
 .cultextbg {
 width: 100%;
 height: 66vw;
}
 .cultextbg > b {
 width: 600px;
 height: 600px;
}
 .cultextbg > b.line02 {
 width: 420px;
 height: 420px;
}
 .cultextbg > img {
 width: 270px;
}
 .circle_curl {
 width: 100%;
}
 .iconcul b {
 width: 60px;
 height: 60px;
 background-size: 100% !important;
}
 .iconcul.changebg b,  .iconcul:hover b {
 background-size: 100% !important;
}
 .iconcul span {
 padding-left: 12px;
 width: initial;
 font-size: 1.5rem;
}
 .circle_curl .icon8,  .circle_curl .icon9 {
 display: none;
}
 .circle_curl .icon6 {
 left: 3rem;
}
 .circle_curl .icon3 {
 left: 0;
}
 .circle_curl .icon4 {
 left: 20%;
 top: 20%;
}
 .circle_curl .icon5 {
 right: 25%;
 top: 16%;
}
 .cultext {
 bottom: -14rem;
}
 .iconcul02 > span {
 padding-right: 12px;
 padding-left: 0;
}
 .videoshow {
 width: 80%;
 height: 45vw;
}
 #videoshowbox {
 width: 100% !important;
 height: 100% !important;
}
 .pro_top_text {
 top: 50%;
 -webkit-transform: translate(-50%, -50%);
 -moz-transform: translate(-50%, -50%);
 -o-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
}
 .pro_top_text > small {
 width: 100%;
 font-size: 1.4rem;
 line-height: 24px;
}
 .pro_cont > .warpper {
 bottom: 13%;
}



  /*zbanner*/

  .zban_text {
 top: 49%;
}
 .zban_text > h3 {
 font-size: 2rem;
}
 .de-page-mian .page-inner a.page-btn,  .de-page-mian .page-inner input,  .de-page-mian .page-inner span {
 display: none;
}
 .crumbs {
 padding: 3vw 0;
 height: inherit;
 flex-wrap: wrap;
}
 .crumbs > a {
 box-sizing: border-box;
 margin: 0;
 width: 30%;
 text-align: center;
}
 .menu_mid_left {
 display: none;
}
 .menu_mid_right {
 float: none;
 width: 100%;
}
 .menu_mid_right .fot_left {
 width: 22%;
}
 .menu_mid_right .fot_left:nth-of-type(4n) {
 margin-right: 0;
}
 .fottit > a {
 font-size: 1.5rem;
}
 .menubg_top span b:after,  .menubg_top span b:before {
 width: 22px;
 height: 3px;
}
 .menubg_top span b {
 width: 33px;
 height: 33px;
}
 .menubg_top span i {
 font-size: 1.5rem;
 line-height: 33px;
}
 .fot_left > a {
 font-size: 1.3rem;
}
 .menubg_bom > p {
 display: none;
}
 .menubg_bom > div > a:last-of-type > p {
 right: 0;
 left: initial;
 -webkit-transform: translateX(0);
 -moz-transform: translateX(0);
 -o-transform: translateX(0);
 transform: translateX(0);
 -ms-transform: translateX(0);
}
 .menubg_bom > div > a:last-of-type > p:before {
 right: 12px;
 left: initial;
 -webkit-transform: translateX(0);
 -moz-transform: translateX(0);
 -o-transform: translateX(0);
 transform: translateX(0);
 -ms-transform: translateX(0);
}
 .fot_bom > div {
 float: none;
 width: 100%;
 text-align: center;
}
 .fot_bot {
 line-height: 22px;
}
 .fot_bot .warpper > a {
 display: none;
}



  /*news*/

  .one_list li a {
 height: initial;
 flex-wrap: wrap;
}
 .one_list li a > b {
 width: 100%;
 height: 58vw;
}
 .one_list li a > .z_news_text {
 width: 100%;
}
 .one_list li a > .z_news_text > p {
 font-size: 1.8rem;
}
 .one_list li a > .z_news_text > small {
 font-size: 1.5rem;
 line-height: 24px;
}
 .one_list li a > .z_news_text > div > p {
 font-size: 2rem;
}
 .one_list li a > .z_news_text > div > span {
 width: 13px;
 height: 28px;
 background-size: 100% !important;
}
 .de-page-mian .page-inner a {
 margin: 0 3px;
 height: 26px;
 min-width: 16px;
 line-height: 26px;
}
 .znewslistinfo > .newsinfo_r a {
 margin-right: 2%;
 width: 49%;
}
 .znewslistinfo > .newsinfo_r a:nth-of-type(2n) {
 margin-right: 0;
}
 .newsinfo_r > a b {
 height: 32vw;
}



  /*join*/

  .zjoin ul li > h2 {
 width: 50%;
 font-size: 1.6rem;
}
 .zjoin ul li > h2:nth-of-type(2) {
 display: none;
}
 .zjoin ul li .jobtit > p:first-of-type {
 display: none;
}
 .zjoin ul li .jobtit > h4,  .zjoin ul li .jobtit > p:last-of-type {
 width: 50%;
 font-size: 1.4rem;
}
 .showjobmore > a {
 width: 127px;
 font-size: 1.3rem;
 line-height: 26px;
}



  /*goods*/

  .zproductlist > li {
 float: none;
 width: 100%;
}
 .zproductlist > li a {
 height: 48vw;
}
 .zproductlist > li a > div > h3 {
 font-size: 1.7rem;
}
 .zproductlist > li a > div > small {
 display: block;
 font-size: 1.2rem;
}
 .zproductlist > li a > div {
 width: 80%;
}
 .zproductlist > li a > b {
 width: 150px;
 height: 150px;
}
 .zproinfo_top_left {
 float: none;
 width: 100%;
 height: 48vw;
}
 .zproinfo_intro {
 float: none;
 width: 100%;
}
 .zproinfo_intro > p {
 font-size: 1.4rem;
}
 .zproinfo_intro > h3 {
 font-size: 2rem;
}
 .zproinfo_intro > h3 span {
 font-size: 1.8rem;
}
 .zproinfo_intro > ul li {
 font-size: 1.7rem;
}
 .zproinfo_mytit > small,  .zproinfo_mytit > small p {
 font-size: 2.5rem;
}
 .zproinfo_mytit > h3 {
 font-size: 2.6rem;
 line-height: 33px;
}
 .swiper-allist .swiper-slide a b {
 height: 35vw;
}
 .hzlistbg ul li {
 margin: 0 5px;
 margin-bottom: 10px;
 width: 22%;
}
 .hzlistbg ul li b {
 width: 100%;
 height: 22vw;
}
 .qiehuan_show {
 height: 280px;
}



  /*case*/

  .two_list li {
 margin-right: 2%;
 width: 49%;
}
 .two_list li:nth-of-type(3n) {
 margin-right: 2%;
}
 .two_list li b {
 height: 27vw;
}
 .two_list li:nth-of-type(2n) {
 margin-right: 0;
}
 .two_list li p {
 padding: 0 5px;
 font-size: 1.4rem;
 line-height: 38px;
}
 .caseinfo_pic .swiper-slide div {
 height: 54vw;
}



  /*question*/

  .ques_list li > div,  .ques_list li > p {
 font-size: 1.5rem;
}
 .ques_list li > div > span,  .ques_list li > p > span {
 font-size: 1.5rem;
}
 .hotline {
 height: 44vw;
}



  /*contact*/

  .zcont_bom {
 height: initial;
}
 .zcon_left {
 float: none;
 width: 100%;
 height: 46vw;
}
 .linkmsg {
 float: none;
 padding: 3%;
 width: 100%;
}
 .linkmsg > h1 {
 letter-spacing: 4px;
 font-size: 2rem;
}
 .linkmsg > img {
 margin-top: 2vw;
}
 .zcont2 > .warpper2 > h3 {
 float: none;
 margin-top: 0;
 margin-bottom: 4vw;
 padding-bottom: 10px;
 font-size: 2rem;
}
 .zcon_right {
 float: none;
 width: 100%;
}
 .zcont2 {
 padding-bottom: 5vw;
}
 #indexform2 input {
 padding-right: 15px;
 padding-left: 15px;
 font-size: 15px;
 line-height: 39px;
}
 #indexform2 textarea {
 padding: 15px;
 font-size: 15px;
}
 #indexform2 input::placeholder,  #indexform2 textarea::placeholder {
 font-size: 15px;
}
 #indexform2 .code > .verify {
 height: 39px;
}
 #indexform2 .submit {
 border-radius: 6px;
 font-size: 15px;
 line-height: 39px;
}



  /*building*/

  .building > h3 {
 font-size: 2rem;
}
 .buil_cont2 > .warpper2 > h3,  .buil_cont3 > .warpper2 > h3,  .buil_cont4 > h3 {
 margin-bottom: 4vw;
 font-size: 1.8rem;
}
 .building > small p {
 font-size: 1.5rem;
}
 .building > ul {
 margin: 4vw 0;
 flex-wrap: wrap;
}
 .building > ul li {
 margin-bottom: 2vw;
 width: 48%;
}
 .building > ul li > p {
 font-size: 1.6rem;
}
 .building > ul li > small {
 font-size: 1.4rem;
}
 .buil_cont2 > .warpper2 > div h4 {
 box-sizing: border-box;
 padding: 2vw;
 width: 46%;
 font-size: 1.6rem;
 line-height: inherit;
}
 .buil_cont2 > .warpper2 > div > img {
 width: 80%;
}
 .buil_cont2 > .warpper2 > div small {
 font-size: 1.4rem;
}
 .buil_cont3 ul li {
 height: 31vw;
}
 .buil_cont3 ul li > div {
 padding: 0 4%;
}
 .buil_cont2 > .warpper2 > div ul li h4 {
 width: 100%;
}
 .buil_cont2 > .warpper2 > div ul li {
 width: 32%;
}
 .buil_cont3 ul li > div > h2 {
 font-size: 1.6rem;
 line-height: inherit;
}
 .buil_cont3 ul li > div > small {
 font-size: 1.2rem;
 line-height: 12px;
}
 .buil4_left b {
 height: 25vw;
}
 .buil4_right li {
 width: 100%;
 height: 90px;
}
 .buil4_right li > small {
 font-size: 1.5rem;
}
 .buil4_left,  .buil4_right {
 float: none;
 width: 100%;
}



  /*dynamic*/

  .dynamic li {
 float: none;
 width: 100%;
}
 .dynamic li a > p {
 font-size: 1.7rem;
}
 .dynamic li a > small {
 line-height: 28px;
}



  /*新闻*/

  .znewslist li {
 width: 100%;
 border-right: none;
}
 .znewslist li:last-of-type {
 border-bottom: none;
}
 .znewslist li a > b {
 height: 51vw;
}
 .znews {
 padding: 6vw 0;
}
 .newsinfo_r > a {
 width: 100%;
}
 .newsinfo_r > a:nth-of-type(2n) {
 margin-right: 0;
}
 .newsinfo_l {
 float: none;
 padding: 0 2%;
 width: 100%;
 border-right: none;
}
 .newsinfo_r {
 float: none;
 width: 100%;
}
 .newsinfo_r > h3 {
 padding-bottom: 0;
 font-size: 20px;
}
 .z_news_text > p {
 font-size: 18px;
}
 .z_news_text > small {
 font-size: 15px;
 line-height: 22px;
}
 .newsinfo_r > a b {
 height: 52vw;
}
 .newsinfo_l > h3 {
 font-size: 1.6rem;
 line-height: 28px;
}
 .othernews_text > h5 {
 font-size: 16px;
}
 .newsPage {
 margin-top: 0;
 padding-bottom: 2vw;
}
 .newsinfo_r {
 padding-left: 0;
}
 .newsinfo_l .p_content p {
 font-size: 1.5rem;
}
 .newsinfo_l .p_content {
 line-height: 26px;
}



  /*company*/

  .zcom_cont1 > h3 {
 width: 220px;
 font-size: 1.8rem;
}
 .zcom_cont1 > ul {
 flex-wrap: wrap;
}
 .zcom_cont1 > ul li {
 width: 48%;
}
 .zcom_cont1 > ul li > h4 {
 font-size: 1.5rem;
}
 .zcom_cont1 > ul li > h4 > span {
 font-size: 2.5rem;
}
 .singlevideo {
 height: 58vw;
}
 .zcom_cont3_tit > h4 {
 font-size: 2rem;
}
 .swiper-comhonor .swiper-slide {
 height: 60vw;
}
 .zcomhonorshow .swiper-button-next,  .zcomhonorshow .swiper-button-prev {
 display: none;
}
 .zcom_cont2 > .warpper2 {
 flex-wrap: wrap;
}
 .zcom_cont2_pic {
 width: 100%;
}
 .zcom_cont2_pic > b {
 height: 30vw;
}
 .zcom_cont2 > .warpper2 > small {
 width: 100%;
 line-height: 26px;
}
 .zcom_cont2 > .warpper2 > small table p {
 font-size: 1.4rem;
}
 .zcom_cont3_tit > small {
 font-size: 1.4rem;
}
 .zcom_cont3 ul li {
 margin: 0 auto;
 width: 50%;
}
 .zcom_cont3 ul li:last-of-type {
 margin-right: auto;
}
 .zcom_cont3 ul li > h4 {
 padding-left: 33px;
 background-size: 22px;
 font-size: 1.7rem;
 line-height: 35px;
}
 .zcom_cont3_tit > h4:before {
 width: 100%;
 font-size: 3.4rem;
}
 .zcom_cont3 ul li > div small {
 font-size: 1.3rem;
}
 .organization > h3,  .res_tit > h3,  .zcom_tit > h3 {
 font-size: 2rem;
}
 .organization > small,  .zcom_tit > small {
 font-size: 1.2rem;
}
 .honor_text_list li {
 width: 48%;
 font-size: 1.3rem;
}
 .honor_text_list li:before {
 top: 4px;
 transform: translateY(0);
}
 .honorlist a {
 margin-right: 2%;
 width: 49%;
}
 .honorlist a b {
 height: 36vw;
}
 .honorlist a:nth-of-type(4n) {
 margin-right: 2%;
}
 .honorlist a:nth-of-type(2n) {
 margin-right: 0;
}
 .des_icon p {
 margin: 0 5px;
 padding: 3px 8px;
 min-width: inherit;
 font-size: 16px;
}
 .background li > div > h3 {
 font-size: 1.8rem;
}
 .res_tit > p {
 line-height: 22px;
}
 .res_cont1 li img:first-of-type {
 margin: 2vw auto;
}
 .res_cont1 li small {
 height: initial;
}
 .res_cont2_left,  .res_cont2_right {
 float: none;
 margin-bottom: 5vw;
 width: 100%;
}
 .res_cont2_text h4 {
 font-size: 1.8rem;
}
 .res_cont2_left p,  .res_cont2_right small,  .rest_cont4_left small,  .smallcir small {
 font-size: 1.4rem;
 line-height: 24px;
}
 .res_cont2_left ul li {
 font-size: 1.4rem;
 line-height: 26px;
}
 .rest_cont3_left > h4,  .smallcir h6 {
 font-size: 1.8rem;
}
 .rest_cont4 > .warpper2 {
 flex-wrap: wrap;
}
 .hist_cont1 > img {
 position: initial;
 top: 0;
 left: 4%;
 float: left;
 width: 279px;
}
 .history {
 padding: 4%;
 background: #f3f3f3;
 background: -moz-linear-gradient(-75deg, #f3f3f3, #ccd4e1);
 background: -webkit-linear-gradient(-75deg, #f3f3f3, #ccd4e1);
 background: -o-linear-gradient(-75deg, #f3f3f3, #ccd4e1);
}
 .hist_list > div {
 position: initial;
 margin-bottom: 3vw;
 margin-left: 4%;
 width: 96%;
}
 .his_snow {
 position: inherit;
 float: left;
 margin-top: 41px;
 margin-left: 15px;
}
 .his_evo {
 display: none;
}
 .history > .warpper {
 height: initial;
}
 .hist_list {
 padding: 5vw 0;
}
 .hist_cont1:after {
 clear: both;
 display: block;
 content: "";
}
 .hist_cont1 > div b:before {
 display: none;
}
 .hist_list > div > h3 {
 font-size: 1.5rem;
}
 .hist_list > div > h3:before {
 right: 102%;
 border-top: 8px solid transparent;
 border-right: none;
 border-bottom: 8px solid transparent;
 border-left: 8px solid #3b587c;
}
 .hist_list > div:nth-of-type(even) > h3:before {
 border-top: 8px solid transparent;
 border-right: none;
 border-bottom: 8px solid transparent;
 border-left: 8px solid #3b587c;
}
 .hist_list > div:nth-of-type(5),  .hist_list > div:nth-of-type(7) {
 text-align: left;
}
 .hist_list > div:nth-of-type(5) > h3:before,  .hist_list > div:nth-of-type(7) > h3:before {
 right: 102%;
 left: initial;
}
 .zcultrue_div img {
 width: 100%;
}
 .smallcir img {
 max-height: 147px;
}
 .hist_list > div:nth-of-type(11) {
 top: 63px;
}
 .hist_list > div:nth-of-type(2) {
 bottom: -24px;
}



  /*投资者公告*/

  .down_list li a p {
 font-size: 1.5rem;
}
 .down_list li a {
 padding: 15px 4px;
 height: inherit;
}
 .tender_list li a > p {
 font-size: 1.4rem;
}
 .crumbs > a:hover:before {
 display: none;
}
 .zmsg_form .code input {
 width: 57%;
}
 .zmsg_form .code input,  .zmsg_form input,  .zmsg_form textarea {
 font-size: 1.4rem;
}
 .zmsg_form .code input::placeholder,  .zmsg_form input::placeholder,  .zmsg_form textarea::placeholder {
 font-size: 1.4rem;
}
 .zmsg_form .code div {
 width: 40%;
}
 .zmsg_form .code div img {
 height: 100%;
}
}
 @media only screen and (max-width: 767px) {
 .swiperbody>.swiper-wrapper {
 height: 100vh !important;
}
 .warpper {
 width: 100% !important;
 padding: 0 1.5rem;
}
 .hidden-xs {
 display: none !important;
}
 .warpper2 {
 width: 96%;
}
 .zbanner {
 height: 50vw;
}
 .pt {
 padding-top: 0;
}

  /*index*/

  .head {
 height: 59px;
}
 .swiper-pro .swiper-button-next_pro,  .swiper-pro .swiper-button-prev_pro {
 top: 10vh;
}
 .scrolldown1 span img {
 width: 3rem;
 height: 3rem;
}
 .scrolldown1 {
 font-size: 1.4rem;
}
 .swiper-about .bd .home_title {
 display: block;
 text-align: center;
}
 .stroy .home_title {
 right: 5%;
 display: block;
 text-align: center;
}
 .swiper-banner .banner01_text {
 padding-top: 15vw;
}
 .banner01_text p {
 height: inherit;
}
 .swiper-banner .swiper-slide > a > img {
 height: 100%;
 object-fit: cover;
}
 .swiper-banner .bd h2 {
 font-size: 3rem;
 line-height: 4.5rem;
}
 .home_title {
 font-size: 2.6rem;
}
 .swiper-about .bd {
 width: 90%;
}
 .swiper-about .ft {
 bottom: 20vh;
 font-size: 1.4rem;
}
 .swiper-about .ft dt {
 font-size: 1.8rem;
}
 .swiper-about .ft dt span {
 font-size: 4rem;
}
 .swiper-about .ft dl {
 margin-right: 4rem;
}
 .stroy .flex {
 width: 100%;
 display: block;
}
 .stroy .flex span {
 font-size: 5rem;
 margin-right: 2rem;
}
 .stroy .ft {
 bottom: 20vh;
 font-size: 1.4rem;
 line-height: 2.4rem;
}
 .stroy .ft .swiper {
 padding-bottom: 5vh;
}
 .seavice .bd ul li {
 height: 8vh;
 width: 100%;
}
 .seavice .bd ul {
 flex-wrap: wrap;
}
 .seavice .bd ul li + li {
 margin: 1.5rem 0 0;
}
 .seavice .bd ul li .flex {
 left: 0;
 bottom: 0;
 right: 0;
 display: block;
 padding: 1.5rem;
}
 .seavice .bd ul li dl {
 font-size: 1.6rem;
}
 .seavice .bd ul li.on {
 height: 30vh;
}
 .seavice .bd ul li.on .flex {
 left: 0;
}
 .seavice .bd ul li .morebtn {
 margin-top: 1.5rem;
}
 .morebtn {
 width: 12rem;
 line-height: 3rem;
 font-size: 1.3rem;
}
 .cultext h4 {
 font-size: 2.6rem;
 margin-bottom: 2rem;
}
 .cultext .morebtn {
 margin-top: 1rem;
}
 .circle_curl .icon1 {
 width: 4.6rem;
 height: 4.6rem;
 top: auto;
 bottom: 6rem;
}
 .circle_curl .icon3 {
 left: 1rem;
 width: 4.6rem;
 height: 4.6rem;
}
 .circle_curl .icon4 {
 left: 22%;
 top: 26%;
 width: 3.4rem;
}
 .circle_curl .icon5 {
 width: 3.4rem;
 right: 24%;
 top: 27%;
}
 .circle_curl .icon2 {
 width: 4.6rem;
 right: 1rem;
}
 .footer_home .ft {
 background: rgba(0, 0, 0, 0.5);
}
 .com_left > div {
 padding: 0;
 padding-left: 7%;
}
 .com_left > div > small {
 right: initial;
 left: 87%;
}
 .com_litter {
 width: 100%;
}
 .com_litter > h3 {
 font-size: 1.5rem;
}
 .gupiao {
 height: 362px;
}
 #cyIframe {
 display: none;
}
 .swiper-probtn .swiper-slide p {
 min-width: 116px;
 margin-bottom: 2rem;
 font-size: 1.2rem;
}
 .fot_left {
 margin-right: 4%;
}
 .com_litter > h3 {
 width: 104px;
 text-align: center;
 font-size: 1.5rem;
}
 .com_left > div > div > h1 {
 margin-top: 5vw;
 margin-bottom: 4vw;
 font-size: 23px;
}
 .com_video > div > b {
 width: 49px;
 height: 49px;
}
 .com_video > div > b:before {
 background-size: 100%;
}
 .com_video > div > b img {
 width: 115%;
 object-fit: scale-down;
}
 .com_left,  .com_video {
 float: none;
 margin: 0 auto;
 width: 96%;
}
 .com_video {
 height: 65vw;
 margin-top: 4vw;
}
 .com_left {
 height: initial;
}
 .com_left > div {
 padding-left: 0;
}
 .com_left > div > div > small {
 margin-top: 5vw;
 margin-bottom: 4vw;
 font-size: 14px;
 line-height: 23px;
}
 .com_left > div > div > a {
 font-size: 15px;
}
 .com_left > div > div > p {
 margin-top: 5vw;
 margin-bottom: 2.6vw;
 font-size: 17px;
}
 .newstit {
 margin-bottom: 6vw;
 font-size: 2rem;
}
 .swipernews .swiper-slide a > h4 {
 height: 52px;
 font-size: 1.7rem;
 margin-top: 3vw;
 margin-bottom: 2vw;
}
 .swipernews .swiper-slide a > small {
 display: -webkit-box;
 overflow: hidden;
 text-overflow: ellipsis;
 -webkit-line-clamp: 3;
 -webkit-box-orient: vertical;
}
 .coop_cont > h4 {
 font-size: 2rem;
}
 .coop_cont > small {
 font-size: 1.4rem;
}
 .coop_list ul li {
 margin-right: 2%;
 margin-bottom: 2vw;
 width: 32%;
 height: 65px;
}
 .coop_list ul li:nth-of-type(5n) {
 margin-right: 2%;
}
 .coop_list ul li:nth-of-type(3n) {
 margin-right: 0;
}
 .swiper-probtn .swiper-slide img {
 width: 45px;
}
 .fot_top .fot_left {
 display: none;
}
 .fot_right {
 float: none;
}
 .cultextbg > b {
 width: 357px;
 height: 357px;
}
 .cultextbg > b.line02 {
 width: 250px;
 height: 250px;
}
 .cultextbg > img {
 width: 200px;
}
 .cultext {
 width: 90%;
 bottom: auto;
 left: 5%;
 font-size: 1.4rem;
 line-height: 2.4rem;
 top: -25vh;
}
 .circle_curl {
 width: 100%;
}
 .cultextbg {
 width: 100%;
 height: 100%;
}
 .iconcul b {
 width: 60px;
 height: 60px;
 background-size: 100% !important;
}
 .iconcul.changebg b,  .iconcul:hover b {
 background-size: 100% !important;
}
 .iconcul span {
 padding-left: 12px;
 width: initial;
 font-size: 1.5rem;
}
 .circle_curl {
 top: 50%;
 height: 50%;
 margin-top: 12vh;
}
 .culmore {
 width: 12rem;
 height: 12rem;
}
 .culmore > span {
 width: 8rem;
 height: 8rem;
}
 .iconcul02 > span {
 padding-right: 12px;
 padding-left: 0;
}
 .swiper-banner .bd .morebtn {
 text-align: left;
 margin: 0 auto;
}
 .swiper-banner .bd {
 text-align: center;
}
 .pro_cont .home_title {
 right: 5%;
 text-align: center;
 display: block;
}
 .videoshow {
 width: 80%;
 height: 45vw;
}
 #videoshowbox {
 width: 100% !important;
 height: 100% !important;
}
 .pro_top_text {
 top: 45%;
 -webkit-transform: translate(-50%, -50%);
 -moz-transform: translate(-50%, -50%);
 -o-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
}
 .pro_top_text > p {
 font-size: 1.5rem;
}
 .pro_top_text > h3 {
 font-size: 1.8rem;
}
 .pro_top_text > small {
 width: 100%;
 font-size: 1.4rem;
 line-height: 3rem;
}
 .swiper-probtn .swiper-slide {
 justify-content: flex-end;
}
 .pro_cont > .warpper {
 bottom: 15vh;
}
 .news-button {
 left: 5%;
}
 .swipernews .swiper-slide dt {
 font-size: 1.8rem;
}
 .swipernews .swiper-slide .pic {
 opacity: 1;
}
 .newsbox {
 padding: 0 1.5rem;
}
 .news_bom {
 padding-left: 15px;
 padding-right: 15px;
}
 .swipernews .swiper-slide a {
 color: #fff;
}
 .footer_home.on .ft,  .footer_home.on .ft a {
 color: #fff;
}
 .indexfot {
 padding-top: 6rem;
}

  /*zbanner*/

  .zban_text {
 top: 49%;
}
 .zban_text > h3 {
 font-size: 2rem;
}
 .de-page-mian .page-inner a.page-btn,  .de-page-mian .page-inner input,  .de-page-mian .page-inner span {
 display: none;
}
 .crumbs {
 padding: 3vw 0;
 height: inherit;
 flex-wrap: wrap;
}
 .crumbs > a {
 box-sizing: border-box;
 margin: 0;
 width: 30%;
 text-align: center;
}
 .menu_mid_left,  .menubg_bom {
 display: none;
}
 .menu_mid_right {
 float: none;
 width: 100%;
}
 .menu_mid_right .fot_left {
 width: 22%;
}
 .menu_mid_right .fot_left:nth-of-type(4n) {
 margin-right: 0;
}
 .fottit > a {
 font-size: 1.5rem;
}
 .menubg_top span b:after,  .menubg_top span b:before {
 width: 22px;
 height: 3px;
}
 .menubg_top span b {
 width: 33px;
 height: 33px;
}
 .menubg_top span i {
 font-size: 1.5rem;
 line-height: 33px;
}
 .fot_left > a {
 font-size: 1.3rem;
}
 .menubg_bom > div > a:last-of-type > p {
 right: 0;
 left: initial;
 -webkit-transform: translateX(0);
 -moz-transform: translateX(0);
 -o-transform: translateX(0);
 transform: translateX(0);
 -ms-transform: translateX(0);
}
 .menubg_bom > div > a:last-of-type > p:before {
 right: 12px;
 left: initial;
 -webkit-transform: translateX(0);
 -moz-transform: translateX(0);
 -o-transform: translateX(0);
 transform: translateX(0);
 -ms-transform: translateX(0);
}
 .fot_bom > div {
 float: none;
 width: 100%;
 text-align: center;
}
 .fot_bot {
 line-height: 22px;
}
 .fot_bot .warpper > a {
 display: none;
}



  /*news*/

  .one_list li a {
 height: initial;
 flex-wrap: wrap;
}
 .one_list li a > b {
 width: 100%;
 height: 58vw;
}
 .one_list li a > .z_news_text {
 width: 100%;
}
 .one_list li a > .z_news_text > p {
 font-size: 1.5rem;
}
 .one_list li a > .z_news_text > small {
 font-size: 1.4rem;
 line-height: 24px;
}
 .one_list li a > .z_news_text > div > p {
 font-size: 2rem;
}
 .one_list li a > .z_news_text > div > span {
 width: 13px;
 height: 28px;
 background-size: 100% !important;
}
 .de-page-mian .page-inner a {
 margin: 0 3px;
 height: 26px;
 min-width: 16px;
 line-height: 26px;
}
 .znewslistinfo > .newsinfo_r a {
 margin-right: 2%;
 width: 49%;
}
 .znewslistinfo > .newsinfo_r a:nth-of-type(2n) {
 margin-right: 0;
}
 .newsinfo_r > a b {
 height: 37vw;
}
 .infotime a {
 display: none;
}



  /*join*/

  .zjoin ul li > h2 {
 width: 50%;
 font-size: 1.6rem;
}
 .zjoin ul li > h2:nth-of-type(2) {
 display: none;
}
 .zjoin ul li .jobtit > p:first-of-type {
 display: none;
}
 .zjoin ul li .jobtit > h4,  .zjoin ul li .jobtit > p:last-of-type {
 width: 50%;
 font-size: 1.4rem;
}
 .showjobmore > a {
 width: 127px;
 font-size: 1.3rem;
 line-height: 26px;
}



  /*goods*/

  .zproductlist > li {
 float: none;
 width: 100%;
}
 .zproductlist > li a {
 height: 48vw;
}
 .zproductlist > li a > div > h3 {
 font-size: 1.7rem;
}
 .zproductlist > li a > div > small {
 display: block;
 font-size: 1.2rem;
}
 .zproductlist > li a > div {
 width: 80%;
}
 .zproductlist > li a > b {
 width: 150px;
 height: 150px;
}
 .zproinfo_top_left {
 float: none;
 width: 100%;
 height: 48vw;
}
 .zproinfo_intro {
 float: none;
 width: 100%;
}
 .zproinfo_intro > p {
 font-size: 1.4rem;
}
 .zproinfo_intro > h3 {
 font-size: 2rem;
}
 .zproinfo_intro > h3 span {
 font-size: 1.8rem;
}
 .zproinfo_intro > ul li {
 font-size: 1.7rem;
}
 .zproinfo_mytit > small,  .zproinfo_mytit > small p {
 font-size: 2.5rem;
}
 .zproinfo_mytit > h3 {
 font-size: 1.6rem;
 line-height: 33px;
}
 .swiper-allist .swiper-slide a b {
 height: 63vw;
}
 .hzlistbg ul li {
 margin: 0 5px;
 margin-bottom: 10px;
 width: 22%;
}
 .hzlistbg ul li b {
 width: 100%;
 height: 22vw;
}



  /*case*/

  .two_list li {
 margin-right: 2%;
 width: 49%;
}
 .two_list li:nth-of-type(3n) {
 margin-right: 2%;
}
 .two_list li b {
 height: 38vw;
}
 .two_list li:nth-of-type(2n) {
 margin-right: 0;
}
 .two_list li p {
 padding: 0 5px;
 font-size: 1.4rem;
 line-height: 38px;
}
 .caseinfo_pic .swiper-slide div {
 height: 37vw;
}



  /*question*/

  .ques_list li > div,  .ques_list li > p {
 font-size: 1.5rem;
}
 .ques_list li > div > span,  .ques_list li > p > span {
 font-size: 1.5rem;
}
 .hotline {
 height: 44vw;
}



  /*contact*/

  .zcont_bom {
 height: initial;
}
 .zcon_left {
 float: none;
 width: 100%;
 height: 46vw;
}
 .linkmsg {
 float: none;
 padding: 3%;
 width: 100%;
}
 .linkmsg > h1 {
 letter-spacing: 4px;
 font-size: 2rem;
}
 .linkmsg > img {
 margin: 0 auto;
 margin-top: 2vw;
}
 .zcont2 > .warpper2 > h3 {
 float: none;
 margin-top: 0;
 margin-bottom: 4vw;
 padding-bottom: 10px;
 font-size: 2rem;
}
 .zcon_right {
 float: none;
 width: 100%;
}
 .zcont2 {
 padding-bottom: 5vw;
}
 #indexform2 input {
 padding-right: 15px;
 padding-left: 15px;
 font-size: 15px;
 line-height: 39px;
}
 #indexform2 textarea {
 padding: 15px;
 font-size: 15px;
}
 #indexform2 input::placeholder,  #indexform2 textarea::placeholder {
 font-size: 15px;
}
 #indexform2 .code > .verify {
 height: 39px;
}
 #indexform2 .submit {
 border-radius: 6px;
 font-size: 15px;
 line-height: 39px;
}



  /*building*/

  .building > h3 {
 font-size: 2rem;
}
 .buil_cont2 > .warpper2 > h3,  .buil_cont3 > .warpper2 > h3,  .buil_cont4 > h3 {
 margin-bottom: 4vw;
 font-size: 1.8rem;
}
 .building > small p {
 font-size: 1.5rem;
}
 .building > ul {
 margin: 4vw 0;
 flex-wrap: wrap;
}
 .building > ul li {
 margin-bottom: 2vw;
 width: 48%;
}
 .building > ul li > p {
 font-size: 1.6rem;
}
 .building > ul li > small {
 font-size: 1.4rem;
}
 .buil_cont2 > .warpper2 > div h4 {
 box-sizing: border-box;
 padding: 2vw;
 width: 46%;
 font-size: 1.6rem;
 line-height: inherit;
}
 .buil_cont2 > .warpper2 > div > img {
 width: 80%;
}
 .buil_cont2 > .warpper2 > div small {
 font-size: 1.4rem;
}
 .buil_cont3 ul li {
 height: 47vw;
}
 .buil_cont3 ul li > div {
 padding: 0 4%;
}
 .buil_cont3 ul li > div > h3 {
 height: 24px;
 font-size: 2.6rem;
 opacity: 0.5;
}
 .buil_cont2 > .warpper2 > div ul li h4 {
 width: 100%;
}
 .buil_cont2 > .warpper2 > div ul li {
 width: 33.3%;
}
 .buil_cont3 ul li > div > h2 {
 font-size: 1.6rem;
 line-height: inherit;
}
 .buil_cont3 ul li > div > small {
 font-size: 1.2rem;
 line-height: 12px;
}
 .buil4_left b {
 height: 37vw;
}
 .buil4_right li {
 width: 100%;
 height: 90px;
}
 .buil4_right li > small {
 font-size: 1.5rem;
}
 .buil4_left,  .buil4_right {
 float: none;
 width: 100%;
}



  /*dynamic*/

  .dynamic li {
 float: none;
 width: 100%;
}
 .dynamic li a > p {
 font-size: 1.7rem;
}
 .dynamic li a > small {
 line-height: 28px;
}



  /*新闻*/

  .znewslist li {
 width: 100%;
 border-right: none;
}
 .znewslist li:last-of-type {
 border-bottom: none;
}
 .znewslist li a > b {
 height: 51vw;
}
 .znews {
 padding: 6vw 0;
}
 .newsinfo_r > a {
 width: 100%;
}
 .newsinfo_r > a:nth-of-type(2n) {
 margin-right: 0;
}
 .newsinfo_l {
 float: none;
 padding: 0 2%;
 width: 100%;
 border-right: none;
}
 .newsinfo_r {
 float: none;
 width: 100%;
}
 .newsinfo_r > h3 {
 padding-bottom: 0;
 font-size: 20px;
}
 .z_news_text > p {
 font-size: 18px;
}
 .z_news_text > small {
 font-size: 15px;
 line-height: 22px;
}
 .newsinfo_r > a b {
 height: 52vw;
}
 .newsinfo_l > h3 {
 font-size: 1.6rem;
 line-height: 28px;
}
 .othernews_text > h5 {
 font-size: 16px;
}
 .newsPage {
 margin-top: 0;
 padding-bottom: 2vw;
}
 .newsinfo_r {
 padding-left: 0;
}
 .newsinfo_l .p_content p {
 font-size: 1.5rem;
}
 .newsinfo_l .p_content {
 line-height: 26px;
}



  /*company*/

  .zcom_cont1 > h3 {
 width: 220px;
 font-size: 1.8rem;
}
 .zcom_cont1 > ul {
 flex-wrap: wrap;
}
 .zcom_cont1 > ul li {
 width: 48%;
}
 .zcom_cont1 > ul li > h4 {
 font-size: 1.5rem;
}
 .zcom_cont1 > ul li > h4 > span {
 font-size: 2.5rem;
}
 .singlevideo {
 height: 58vw;
}
 .zcom_cont3_tit > h4 {
 font-size: 2rem;
}
 .swiper-comhonor .swiper-slide {
 height: 60vw;
}
 .zcomhonorshow .swiper-button-next,  .zcomhonorshow .swiper-button-prev {
 display: none;
}
 .zcom_cont2 > .warpper2 {
 flex-wrap: wrap;
}
 .zcom_cont2_pic {
 width: 100%;
}
 .zcom_cont2_pic > b {
 height: 30vw;
}
 .zcom_cont2 > .warpper2 > small {
 width: 100%;
 line-height: 26px;
}
 .zcom_cont2 > .warpper2 > small table p {
 font-size: 1.4rem;
}
 .zcom_cont3_tit > small {
 font-size: 1.4rem;
}
 .zcom_cont3 ul li {
 float: none;
 margin: 0 auto;
 width: 260px;
}
 .zcom_cont3 ul li:last-of-type {
 margin-right: auto;
}
 .zcom_cont3 ul li > h4 {
 padding-left: 33px;
 background-size: 22px;
 font-size: 1.7rem;
 line-height: 35px;
}
 .zcom_cont3_tit > h4:before {
 width: 100%;
 font-size: 3.4rem;
}
 .zcom_cont3 ul li > div small {
 font-size: 1.3rem;
}
 .organization > h3,  .res_tit > h3,  .zcom_tit > h3 {
 font-size: 2rem;
}
 .organization > small,  .zcom_tit > small {
 font-size: 1.2rem;
}
 .honor_text_list li {
 width: 48%;
 font-size: 1.3rem;
}
 .honor_text_list li:before {
 top: 4px;
 transform: translateY(0);
}
 .honorlist a {
 margin-right: 2%;
 width: 49%;
}
 .honorlist a b {
 height: 36vw;
}
 .honorlist a:nth-of-type(4n) {
 margin-right: 2%;
}
 .honorlist a:nth-of-type(2n) {
 margin-right: 0;
}
 .des_icon p {
 margin: 0 5px;
 padding: 3px 8px;
 min-width: inherit;
 font-size: 16px;
}
 .background li > div > h3 {
 font-size: 1.8rem;
}
 .res_tit > p {
 line-height: 22px;
}
 .res_cont1 li {
 float: none;
 margin-bottom: 7vw;
 width: 100%;
}
 .res_cont1 li img:first-of-type {
 margin: 2vw auto;
 width: 130px;
}
 .res_cont1 li small {
 height: initial;
}
 .res_cont2_left,  .res_cont2_right {
 float: none;
 margin-bottom: 5vw;
 width: 100%;
}
 .res_cont2_text h4 {
 font-size: 1.8rem;
}
 .res_cont2_left p,  .res_cont2_right small,  .rest_cont4_left small,  .smallcir small {
 font-size: 1.4rem;
 line-height: 24px;
}
 .res_cont2_left ul li {
 font-size: 1.4rem;
 line-height: 26px;
}
 .rest_cont3_left,  .rest_cont3_right,  .rest_cont4_left {
 float: none;
 width: 100%;
}
 .rest_cont3_left > h4,  .smallcir h6 {
 font-size: 1.8rem;
}
 .rest_cont3_left > div > div,  .rest_cont3_left > div > img {
 float: none;
 width: 100%;
}
 .rest_cont4 > .warpper2 {
 flex-wrap: wrap;
}
 .rest_cont4 > .warpper2 > img {
 max-width: 100%;
}
 .hist_cont1 > img {
 position: initial;
 top: 0;
 left: 4%;
 float: left;
 width: 155px;
}
 .history {
 padding: 4%;
 background: #f3f3f3;
 background: -moz-linear-gradient(-75deg, #f3f3f3, #ccd4e1);
 background: -webkit-linear-gradient(-75deg, #f3f3f3, #ccd4e1);
 background: -o-linear-gradient(-75deg, #f3f3f3, #ccd4e1);
}
 .hist_list > div {
 position: initial;
 margin-bottom: 3vw;
 margin-left: 4%;
 width: 96%;
}
 .his_snow {
 position: inherit;
 float: left;
 margin-top: 41px;
 margin-left: 15px;
}
 .his_evo {
 display: none;
}
 .history > .warpper {
 height: initial;
}
 .hist_list {
 padding: 5vw 0;
}
 .hist_cont1:after {
 clear: both;
 display: block;
 content: "";
}
 .hist_cont1 > div b:before {
 display: none;
}
 .hist_list > div > h3 {
 font-size: 1.5rem;
}
 .hist_list > div > h3:before {
 right: 102%;
 border-top: 8px solid transparent;
 border-right: none;
 border-bottom: 8px solid transparent;
 border-left: 8px solid #3b587c;
}
 .hist_list > div:nth-of-type(even) > h3:before {
 border-top: 8px solid transparent;
 border-right: none;
 border-bottom: 8px solid transparent;
 border-left: 8px solid #3b587c;
}
 .hist_list > div:nth-of-type(5),  .hist_list > div:nth-of-type(7) {
 text-align: left;
}
 .hist_list > div:nth-of-type(5) > h3:before,  .hist_list > div:nth-of-type(7) > h3:before {
 right: 102%;
 left: initial;
}
 .zcultrue_div img {
 width: 100%;
}
 .smallcir img {
 max-height: 180px;
}
 .hist_list > div:nth-of-type(11) {
 top: 63px;
}
 .hist_list > div:nth-of-type(2) {
 bottom: -24px;
}



  /*投资者公告*/

  .down_list li a p {
 font-size: 1.5rem;
}
 .down_list li a {
 padding: 15px 4px;
 height: inherit;
}
 .tender_list li a > p {
 font-size: 1.4rem;
}
 .crumbs > a:hover:before {
 display: none;
}
 .zmsg_form .code input {
 width: 57%;
}
 .zmsg_form .code input,  .zmsg_form input,  .zmsg_form textarea {
 font-size: 1.4rem;
}
 .zmsg_form .code input::placeholder,  .zmsg_form input::placeholder,  .zmsg_form textarea::placeholder {
 font-size: 1.4rem;
}
 .zmsg_form .code div {
 width: 40%;
}
 .zmsg_form .code div img {
 height: 100%;
}
 .zask_top {
 width: 100%;
 float: none;
}
 #indexformask textarea {
 width: 100%;
 float: none;
}
 .swipernews .swiper-slide a dl {
 margin-top:26vh;
margin-bottom: 0;
}
 .swipernews .swiper-slide dd {
opacity: 1;
display: none;
}
 .swipernews .swiper-slide dt, .swipernews .swiper-slide dd {
color: #fff;
}
 .newsbg .tabtitle {
white-space: nowrap;
overflow-x: auto;
}
 .swiper-container_ab .swiper-button-next_pro, .swiper-container_ab .swiper-button-prev_pro {
top: auto;
bottom:10rem;
}
 .swiper-about {
background: url(/skin/images/7501600.jpg) center no-repeat;
background-size: cover;
}
 .seavice .bd ul li img {
height: 8vh;
}
 .seavice .bd ul li.on img {
height: 30vh;
}
 .swipernews .swiper-slide .btn {
color: #fff;
bottom: 2vh;
}
}
<!--0.00077199935913086-->