* {
	margin: 0;
	padding: 0;
}

body {
	overflow-x: hidden;
}

.zz .m_zz li#top_boxbody {
	margin: 0px auto;
	padding: 0px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	line-height: 24px;
	color: #333;
}

div {
	margin: 0px;
	padding: 0px;
}

span,
p {
	margin: 0px;
	padding: 0px;
	font-family: Microsoft YaHei;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0px;
	padding: 0px;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup,
i {
	font-style: inherit;
	font-weight: inherit;
}

* {
	box-sizing: border-box;
}

html,
body {
	min-height: 100%;
}

body {
	font: 14px/1.5 "Microsoft YaHei";
	font-size: 14px;
	color: #1b2229;
	min-width: 1500px
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

ul,
ol,
li {
	list-style: none;
}

dl,
dt,
dd,
ol,
ul,
li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

img {
	border: none;
	vertical-align: middle;
}

a {
	text-decoration: none;
	color: #1b2229;
	transition: all 0.6s;
}

a:hover {
	transition: all 0.6s;
}

b {
	font-weight: normal;
}

table {
	border-collapse: collapse;
	table-layout: fixed;
}

tr,
td {
	padding: 0 !important;
}

input,
textarea {
	outline: none;
	border: none;
}

textarea {
	resize: none;
	overflow: auto;
}

.fl {
	float: left
}

.fr {
	float: right
}

.tl {
	text-align: left;
}

.tc {
	text-align: center
}

.tr {
	text-align: right;
}

.cl {
	clear: both;
}

.ov {
	overflow: hidden;
}

.db,
.lb,
.dd {
	font-size: 0;
}

.db>div,
.lb>li,
.dd>dl {
	display: inline-block;
	vertical-align: top;
}

em,
.em,
i {
	text-transform: uppercase;
	vertical-align: top;
}

.ellipse {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.inline {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

:focus {
	outline: none;
	background-color: transparent;
}

::selection {
	background: #115195;
	color: #fff;
}

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

.clearfix {
	zoom: 1;
}


/*公用*/

.page,
.content {
	width: 1500px;
	margin: 0 auto;
	overflow: hidden;
}

.content1 {
	width: 1500px;
	margin: 0 auto;
	position: relative;
}

.pr {
	position: relative;
}

.pa {
	position: absolute;
}

.nno {
	margin: 0px !important;
	padding: 0px !important;
	border: none !important;
}

.nnx {
	margin-right: 0px !important;
}

#top10,
#top20,
#top30,
#top40,
#top50,
#top60,
#top80,
#top100 {
	margin: 0 auto;
	width: 1500px;
	overflow: hidden;
}

#top10 {
	height: 10px;
}

#top20 {
	height: 20px;
}

#top30 {
	height: 30px;
}

#top40 {
	height: 40px;
}

#top50 {
	height: 50px;
}

#top60 {
	height: 60px;
}

#top80 {
	height: 80px;
}

#top100 {
	height: 100px;
}

.kg60 {
	height: 60px;
}

#top84 {
	height: 100px;
	margin: 0 auto;
	width: 100%;
	background: #ffffff;
}


/*title*/

.title {
	text-align: center;
}

.titlea {
	font-weight: normal;
	font-size: 36px;
	text-align: center;
	line-height: 50px;
	text-transform: uppercase;
	position: relative;
	top: 25px;
	letter-spacing: 0px;
	color: #f8f8f8;
	font-family: Arial;
}

.titleb {
	font-size: 36px;
	color: #333;
	text-align: center;
	line-height: 40px;
	letter-spacing: 1px;
	padding-bottom: 15px;
	position: relative;
}

.titleb span {
	font-size: 42px;
	font-weight: bold;
	color: #333;
}

.titlec {
	font-size: 20px;
	color: #999;
	font-weight: 100;
}


/*title*/

.title1 {
	text-align: center;
}

.title1a {
	font-weight: normal;
	font-size: 36px;
	text-align: center;
	line-height: 50px;
	text-transform: uppercase;
	position: relative;
	top: 25px;
	letter-spacing: 0px;
	color: #eee;
	font-family: Arial;
}

.title1b {
	font-size: 36px;
	color: #333;
	text-align: center;
	line-height: 40px;
	letter-spacing: 1px;
	padding-bottom: 15px;
	position: relative;
}

.title1b span {
	font-size: 42px;
	font-weight: bold;
	color: #333;
}

.title1c {
	font-size: 20px;
	color: #999;
	font-weight: 100;
}

@font-face {
	font-family: "akrobat-regular";
	src: url("../fonts/akrobat-regular.woff2.txt") format("woff2"), url("../fonts/akrobat-regular.woff.txt") format("woff"), url("../fonts/akrobat-regular.ttf.txt") format("truetype"), url("../fonts/akrobat-regular.eot.txt") format("embedded-opentype"), url("../fonts/akrobat-regular.svg.txt") format("svg");
}

@font-face {
	font-family: "pmzd";
	src: url("../fonts/pmzd.woff2.txt") format("woff2"), url("../fonts/pmzd.woff.txt") format("woff"), url("../fonts/pmzd.ttf.txt") format("truetype"), url("../fonts/pmzd.eot.txt") format("embedded-opentype"), url("../fonts/pmzd.svg.txt") format("svg");
}


/**/

.banner {
	overflow: hidden;
	width: 100%;
	position: relative;
	z-index: 1;
	background: #aaa;
}

.banner-box {
	min-width: 1300px;
	height: 800px;
	position: relative;
	margin: 0 auto;
}

.banner-box .bd,
.banner-box .bd ul {
	width: 100% !important;
}

.banner-box .bd li {
	width: 100% !important;
	height: 800px;
	background-position: center;
	background-repeat: no-repeat;
}

.banner-box .bd li a {
	display: block;
	background-size: auto;
	width: 100%;
	height: 80%;
	position: relative;
	z-index: 9;
}

.banner-btn {
	width: 100%;
	position: absolute;
	top: 380px;
	left: 0;
	margin-left: 0;
	height: 400px;
	overflow: hidden;
}

.banner-btn a {
	display: block;
	width: 49px;
	height: 104px;
	position: absolute;
	top: 30px;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	transition: 0.3s all ease-in-out;
	z-index: 9;
}

.banner-btn a.prev {
	left: -50px;
	background: url(../images/20210430163850_1088620362.png) no-repeat 0 0;
}

.banner-btn a.next {
	right: -50px;
	background: url(../images/20210430163850_1088620362.png) no-repeat -49px 0;
}

.banner-box .hd {
	position: absolute;
	bottom: 0px;
	width: 100%;
	display: block;
}

.banner-box .hd ul {
	text-align: center
}

.banner-box .hd ul li {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	text-indent: -9999px;
	background: #fff;
	cursor: pointer;
	display: inline-block;
	margin: 0 5px;
	transition: 0.3s all ease-in-out;
	opacity: 0.8;
}

.banner-box .hd ul li.on {
	background: #333;
	border-radius: 8px;
	width: 70px;
}

.banner-box:hover .banner-btn a.prev {
	left: 20px;
	filter: alpha(opacity=40);
	-moz-opacity: .4;
	-khtml-opacity: .4;
	opacity: .4;
}

.banner-box:hover .banner-btn a.next {
	right: 20px;
	filter: alpha(opacity=40);
	-moz-opacity: .4;
	-khtml-opacity: .4;
	opacity: .4;
}

.banner-box .banner-btn a.prev:hover,
.banner-box:hover .banner-btn a.next:hover {
	filter: alpha(opacity=80);
	-moz-opacity: .8;
	-khtml-opacity: .8;
	opacity: .8;
}


/*head*/

.head {
	width: 100%;
	background: #222;
	display: flex;
	justify-content: space-between;
	z-index: 99;
	position: relative;
	border-bottom: 1px rgba(255, 255, 255, 0.1) solid;
}

.head_logo {
	height: 94px;
	padding: 0px 0px;
	padding-left: 50px;
}

.head_logo i {
	display: inline-block;
	float: left;
	margin-top: 0px;
}

.head_logo img {
	width: 380px;
	margin-top: 25px;
}

.head_logo p {
	font-size: 40px;
	font-family: "pmzd";
	float: right;
}

.head_logo p span {
	font-size: 13px;
	color: #666666;
	font-family: Arial;
	text-transform: uppercase;
	display: block;
	line-height: 0;
	opacity: 0.3;
}

.head_logo em {
	font-size: 16px;
	color: #999999;
	display: inline-block;
	letter-spacing: 1px;
}

.head_nav {
	display: flex;
	padding-right: 133px;
	align-items: center;
}

.head_nav ul {
	width: 864px;
	display: flex;
	justify-content: space-between;
	padding-right: 80px;
}

.head_nav li {}

.head_nav li>a {
	font-size: 17px;
	color: rgba(255, 255, 255, 0.9);
	position: relative;
	transition: all 0.5s;
	font-weight: 100;
	line-height: 94px;
}

.head_nav li>a:after {
	content: '';
	width: 20px;
	height: 2px;
	background: #333;
	position: absolute;
	bottom: -37px;
	left: 24px;
	opacity: 0;
	transition: all 0.5s;
}

.head_nav>ul>li:hover a:after,
.head_nav>ul>li.cur a:after {
	opacity: 1;
	transition: all 0.5s;
}

.head_phone {
	background: url(../images/20210426100725_1768214184.png)no-repeat;
	padding-left: 28px;
	height: 21px;
	color: #fff;
	line-height: 21px;
	font-size: 21px;
	font-family: Arial;
}

.dropmenu {
	position: absolute;
	width: 100%;
	left: 0;
	background: rgba(0, 0, 0, 0.6);
	top: 100px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .6s ease;
	transition: all .6s ease;
	z-index: 333;
	text-align: center;
}

.dropmenu table td table {
	display: none;
}

.dropmenu a,
.dropmenu table td a {
	display: inline-block;
	line-height: 80px;
	color: #fff;
	font-size: 16px;
}

.dropmenu a+a {
	margin-left: 100px;
}

.dropmenu table,
.dropmenu table tbody {
	width: 100% !important;
	display: block;
}

.dropmenu table tr {
	display: flex;
	justify-content: space-evenly;
}

.dropmenu table tr td {
	display: flex;
	justify-content: center;
	align-items: center;
}

.dropmenu table tr+tr {
	margin-left: 25px;
}

.head_nav li:hover .dropmenu {
	top: 100%;
	opacity: 1;
	visibility: visible;
}

.page1 {
	margin: 0 auto;
	width: 1500px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.head_nav li:nth-child(5) .dropmenu {
	padding: 11px 0;
}


/*ban*/

.vr_banner {
	width: 100%;
	height: auto;
	min-width: 1300px;
	position: relative;
	z-index: 1;
	margin-top: -60px;
}


/*公告*/

.fgtd {
	position: relative;
	z-index: 99;
	width: 100%;
	background: #fff;
	padding: 50px;
}

.fgt {
	width: 1500px;
	padding: 0px 55px;
	background: #fff;
	border-radius: 100px;
	box-shadow: 0px 0px 15px rgba(204, 204, 204, 0.4);
	z-index: 99;
	height: 60px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.fgt_txt {
	background: url(../images/20210426135030_996432583.jpg)no-repeat;
	font-size: 18px;
	color: #333;
	padding-left: 50px;
	font-weight: lighter;
	padding-right: 20px;
}

.fgt_call {}

.fgt_more {
	width: 105px;
	height: 30px;
	background: #f8f8f8;
	border-radius: 40px;
	text-align: center;
	line-height: 30px;
}

.fgt_more a {
	font-size: 14px;
	font-weight: 100;
}

.fgt_more:hover {
	background: #333;
	transition: 0.5s;
}

.fgt_more:hover a {
	color: #ffffff;
	transition: 0.5s;
}

.divdgweb2_tag li {
	font-weight: 100;
}

.divdgweb2_tag li a {
	font-size: 14px;
}

.good {
	width: 1500px;
	min-width: 1300px;
	overflow: hidden;
	margin: 0 auto;
}

.good-con {
	width: 1500px;
	min-width: 1500px;
	margin: 0 auto;
	margin-bottom: 80px;
}

.good-con-title {
	text-align: center;
	font-size: 43px;
	color: #333;
	padding-top: 50px;
	padding-bottom: 50px;
}

.good-content {
	width: 1500px;
	height: 237px;
	overflow: hidden;
	box-sizing: border-box;
}

.goods-five-con {
	border-right: 1px solid #eee;
	border-top: 1px solid #eee;
	border-bottom: 2px solid #eee;
	box-sizing: border-box;
	width: 307px;
	float: left;
	height: 100%;
	text-align: center;
	height: 238px;
}

.goods-five-con:hover {
	background: #666;
	border: none;
}

.goods-five-con:hover i,
.goods-five-con:hover span {
	color: #ccc;
}

.goods-five-con i {
	margin-top: 36px;
	font-size: 40px;
	line-height: 40px;
	display: block;
}

.goods-five-con span {
	display: inline-block;
	margin-top: 3px;
	font-size: 20px;
	color: #333;
}

.goods-five-con .size_bold {
	font-weight: bold;
}

.goods-five-con p {
	margin-top: 28px;
	display: inline-block;
	width: 100%;
	font-size: 15px;
	color: #d6d6d6;
	line-height: 20px;
}

.good-story {
	width: 1200px;
	min-width: 1200px;
	margin: 0 auto;
	height: 237px;
	margin-top: 20px;
	position: relative;
}

.good-story-video {
	float: left;
	height: 100%;
	width: 929px;
	overflow: hidden;
}

.good-story-video-bc {
	position: absolute;
	top: 149px;
	left: 0px;
	width: 930px;
	z-index: 20;
	font-size: 18px;
	color: #fff;
	text-align: center;
}


/*产品*/

.product_boxx {
	width: 100%;
	padding: 100px 0px;
	overflow: hidden;
	background: #f5f5f5;
}

.pr_boxs {
	width: 1500px;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 40px;
}

.contentbt {
	width: 100%;
}

.pc_left {
	width: 573px;
	height: 60px;
	overflow: hidden;
	float: right;
}

.pc_t {
	float: left;
	font-size: 34px;
	width: 300px;
	line-height: 34px;
	font-weight: 100;
}

.pc_t span {
	text-transform: uppercase;
	color: #ddd;
	padding-left: 6px;
	font-size: 19px;
	display: block;
}

.pcl_list {
	width: 100%;
	height: 40px;
	background: #fff;
	position: relative;
	margin: auto;
	margin-top: 13px;
}

.pcl_list a {
	width: 173px !important;
	background: #f8f8f8;
	margin-left: 18px;
	text-align: center;
	border-radius: 80px;
	float: left;
	line-height: 40px;
	font-size: 16px;
	font-weight: 100;
	transition: all 0.6s;
}

.pcl_list a:hover {
	background: #333;
	color: #fff;
	transition: all 0.6s;
}

.pcl_list a:nth-child(1) td {
	margin-left: 0px !important;
}

.pc_left1 {
	width: 955px;
	overflow: hidden;
	float: right;
}

.pcl_list1 {
	width: 100%;
	height: 40px;
	position: relative;
	margin: auto;
	margin-top: 13px;
}

.pcl_list1 a {
	width: 173px !important;
	background: #fff;
	margin-left: 18px;
	text-align: center;
	border-radius: 80px;
	float: left;
	line-height: 40px;
	font-size: 16px;
	font-weight: 100;
	transition: all 0.6s;
	margin-bottom: 10px;
}

.pcl_list1 a:hover {
	background: #333;
	color: #fff;
	transition: all 0.6s;
}

.pcl_list1 a:nth-child(1) td {
	margin-left: 0px !important;
}

.pc_right {
	padding-top: 0px;
}

.show_list {
	overflow: hidden;
	padding: 50px;
	background: #f8f8f8;
}

.solu_zb {
	width: 537px;
	height: 326px;
}

.solu_zb img {
	width: 537px;
	height: 326px;
}

.pc_right li+li,
.pc_right li td br {
	display: none;
}

.pc_right li tr {
	font-size: 0;
	display: block;
}

.pc_right li tr+tr {
	margin-top: 33px;
}

.pc_right li td {
	width: 377px;
	display: inline-block;
	vertical-align: top;
	background: #fff;
	border: 2px solid #f2f2f2;
	position: relative;
	transition: 500ms;
}

.pc_right li td:hover {
	border-color: #f2c004;
	transition: 500ms;
}

.pc_right li td+td {
	margin-left: 33px;
}

.pc_right li td span {
	border-top: 1px solid #f2f2f2;
}

.pc_right li td span,
.pc_right li td span a {
	display: block;
	line-height: 62px;
}

.pc_right li td span a {
	font-size: 15px;
	color: #333;
	transition: 500ms;
}

.pc_right li td:hover span a {
	color: #f2c004;
	transition: 500ms;
}


/**/

.prod_wt {
	position: relative;
}

.prod_img {
	margin: auto;
	width: 1500px !important;
}

.prod_img .divproduct_new_div_item {
	display: block;
	float: left;
	width: 483px;
	height: 455px;
	background: #fff;
	margin-left: 25px;
	overflow: hidden;
	cursor: pointer;
	position: relative;
	margin-top: 22px;
}

.prod_img .divproduct_new_div_item:hover {
	background: #333;
}

.divproduct_new_div_item_content {
	position: absolute;
	bottom: 0;
	padding-bottom: 20px;
	text-align: center;
	padding: 25px 10px 10px;
	height: 70px;
	width: 100%;
	box-sizing: border-box;
}

.prod_img .divproduct_new_div_item:hover .divproduct_new_div_item_content {
	padding: 20px 10px;
}

.product_div_item_pic img {
	width: 100%;
	transition: all 0.5s;
}

.prod_img .divproduct_new_div_item:nth-child(4) {
	margin-left: 0px !important;
}

.prod_img .divproduct_new_div_item:nth-child(7) {
	margin-left: 0px !important;
}

.divproduct_new_div_item_title a {
	font-size: 16px;
	color: #333;
	margin-bottom: 0px;
	display: block;
	padding: 5px 15px
}

.prod_img .divproduct_new_div_item:hover .divproduct_new_div_item_title a {
	color: #fff;
}

.divproduct_new_div_item_body {
	display: none;
}

.divproduct_new_div_item_content,
.divproduct_new_div_item_title a,
.divproduct_new_div_item_body {
	transition: 0.5s all ease;
}

.prod_img .divproduct_new_div_item:hover .divproduct_new_div_item_body {
	color: #fff;
}

.prod_img .divproduct_new_div_item:hover .divproduct_new_div_item_content {
	background: #333;
}

.prod_in .divproduct_new_div .divproduct_new_div_item {
	width: 401px;
	float: left;
	height: 296px;
	margin-right: 20px;
	position: relative;
	overflow: hidden;
	border: 1px #f3f4f5 solid;
	background: #fff;
}

.product_div_item_pic a {
	display: block;
	width: 100%;
	overflow: hidden;
	font-weight: 100
}

.prod_in .divproduct_new_div .divproduct_new_div_item .product_div_item_pic a img {
	width: 100%;
	transition: all .3s linear;
}

.divproduct_new_div_item:hover .product_div_item_pic a img {
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}

.product_div_item_pic a:before {
	width: 88%;
	position: absolute;
	z-index: 1;
	transition: all 0.3s;
	bottom: 25px;
	text-align: center;
	border: 1px #eee solid;
	line-height: 40px;
	font-size: 14px;
	color: #666;
	left: 6%;
	font-weight: 100;
}

.prod_img .divproduct_new_div_item:hover .product_div_item_pic a:before {
	border: 1px #fff solid;
	color: #fff;
}

.prod_img .divproduct_new_div_item:nth-child(1) {
	margin-left: 0px !important;
}

.comp_con {
	width: 1500px;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 50px;
}

.case_da {
	width: 100%;
	background: #f8f8f8;
	padding: 60px 0px 100px 0px;
}

.comp_img {
	position: relative;
	background: #fff;
	padding: 30px;
}

.comp_hd {
	background: rgba(0, 0, 0, 0.4);
	width: 918px;
	height: 60px;
	position: absolute;
	bottom: 380px;
	left: 50px;
	z-index: 2;
}

.comp_hd .prev,
.comp_hd .next {
	cursor: pointer;
	position: absolute;
	bottom: 50%;
	color: #fff !important;
	position: absolute;
	margin-bottom: -20px;
}

.comp_hd .prev:before {
	font-size: 28px;
}

.comp_hd .next:before {
	font-size: 28px;
}

.comp_hd .prev {
	left: 31px;
}

.comp_hd .next {
	right: 31px;
}

.comp_hd ul {
	margin: 30px auto;
	width: 61px;
}

.comp_hd ul li {
	float: left;
	width: 6px;
	height: 6px;
	overflow: hidden;
	margin-right: 5px;
	text-indent: -999px;
	cursor: pointer;
	background: #fff;
}

.comp_hd ul li.on {
	background-position: 0 0;
	width: 12px;
	background: #333;
}

.comp_bd {
	width: 957px;
	height: 490px;
	overflow: hidden;
}

.comp_bd .tempWrap {
	width: 100% !important;
}

.comp_bd tr {
	display: block;
}

.comp_bd td {
	width: 957px !important;
}

.comp_text {
	width: 463px;
}

.comp_text1 {
	width: 463px;
	background: #fff;
	height: 495px;
	color: #333;
	padding: 46px 43px 16px 52px;
}

.comp_jj_bt {
	display: inline-block;
	font-size: 26px;
	font-weight: 100;
	margin-bottom: 39px;
}

.comp_jj_bt span {
	font-size: 24px;
	font-family: auto;
	color: rgba(0, 0, 0, 0.5);
	margin-left: 15px;
}

.line {
	width: 360px;
	height: 1px;
	background: rgba(204, 204, 204, 0.3);
	margin: 20px 0px;
}

.comp_jj_bt p {
	font-size: 18px;
	color: #999;
}

.comp_jj_nr {
	font-size: 15px;
	line-height: 30px;
	color: rgba(0, 0, 0, 0.6);
}

.comp_jj_mo {
	width: 55px;
	height: 55px;
	background: url(../images/20210426100706_101358677.png)no-repeat;
	position: relative;
	top: 50px;
	left: 0;
}

.jj_n {
	font-size: 18px;
	color: #999;
}

.comp_text2 {
	width: 463px;
	background: #fff;
	color: #333;
	padding: 46px 43px 16px 52px;
	margin-top: 30px;
}

.case_call {
	float: left;
	width: 957px;
	margin-top: 30px;
}

.case_call table tr td {
	width: calc((100% - 217px)/2);
	width: 468px;
	height: 100%;
	height: 286px;
	padding-left: 0 !important;
	display: inline-block;
}

.case_call table tr td+td {
	margin-left: 20px;
}

.case_call table tr td a {
	display: block;
}

.case_call table tr td img {
	width: 100%;
}

.case_call table tr a:hover {
	color: #ffffff;
	font-weight: bold !important;
}

.case_call td {
	padding-left: 0 !important;
	display: inline-block;
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
}

.case_call td:hover>a:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	transition: 0.3s all ease-in-out;
}

.case_call td>a:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	right: 0;
	left: 0;
	top: 0;
	background: rgb(51 51 51 / 0.5)url(../images/20200531105413_1852172045.png) no-repeat center;
	transition: 0.3s all ease-in-out;
}

.case_call td br {
	display: none;
}

.case_call td div {
	width: 100%;
	display: block;
	height: 36px;
	line-height: 36px !important;
	background: #333;
	margin-left: -1px;
	margin-bottom: -1px;
	position: absolute;
	left: 100%;
	right: 0;
	margin: auto;
	bottom: 0px;
	transition: 0.3s all ease-in-out;
	padding-top: 0 !important;
}

.case_call td div a {
	color: #fff !important;
}

.case_call td:hover div {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 0px;
	background: #333;
	transition: 0.3s all ease-in-out;
}

.develop-w {
	padding: 70px;
}

.develop-w .title {
	text-align: center;
	font-size: 36px;
	color: #Fff;
}

.develop-w .list {
	padding-top: 2rem;
	position: relative;
}

.develop-w .list:before {
	content: '';
	position: absolute;
	width: 1px;
	height: 100%;
	background: #dae5ef;
	left: 50%;
	transform: translateX(-50%);
	top: 0;
}

.develop-w li {
	width: 100%;
	height: 220px;
	margin-bottom: 30px;
	position: relative;
}

.develop-w li .img {
	width: 44.2%;
	height: 100%;
	float: left;
	box-sizing: border-box;
}

.develop-w li .con {
	width: 50%;
	box-sizing: border-box;
	float: right;
}

.develop-w li h1 {
	margin-bottom: 1rem;
	font-size: 34px;
	position: relative;
	box-sizing: border-box;
	padding-left: 40px;
	font-weight: bold;
	color: #fff;
	font-family: "dinb" !important;
}

.develop-w li h1:before {
	content: '';
	position: absolute;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #fff;
	left: -9px;
	top: 50%;
	transform: translateY(-50%);
}

.develop-w li h1:after {
	content: '';
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #fff;
	left: -3px;
	top: 50%;
	transform: translateY(-50%);
}

.develop-w li .con-t {
	box-sizing: border-box;
	padding-left: 40px;
	color: #Fff;
}

.develop-w li .con-t p:first-child {
	position: relative;
	font-size: 20px;
}

.develop-w li .con-t p:first-child:before {
	content: '';
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	/* background:#006ab8;*/
	left: calc(-1.9rem - 3px);
	top: 50%;
	transform: translateY(-50%);
}

.develop-w li span {
	font-size: 20px;
	font-weight: bold;
}

.develop-w li p {
	font-size: 16px;
	margin-top: 20px;
	line-height: 30px;
}

.develop-w li .p {
	box-sizing: border-box;
	padding-left: 1.9rem;
	margin-top: 0.25rem;
	font-size: 0.9rem;
}

.develop-w li:nth-child(2n) .img {
	float: right;
}

.develop-w li:nth-child(2n) .con {
	float: left;
	text-align: right;
}

.develop-w li:nth-child(2n) .con-t {
	padding-right: 1.9rem;
	padding-left: 0;
}

.develop-w li:nth-child(2n) .con-t p:first-child {
	position: relative;
}

.develop-w li:nth-child(2n) .con-t p:first-child:before {
	right: calc(-1.9rem - 3px);
	left: auto;
}

.develop-w li:nth-child(2n) h1 {
	padding-right: 1.9rem;
	padding-left: 0;
}

.develop-w li:nth-child(2n) h1:before {
	right: -9px;
	left: auto;
}

.develop-w li:nth-child(2n) h1:after {
	left: auto;
	right: -3px;
}

.develop-w li:nth-child(2n) .p {
	padding-right: 1.9rem;
	padding-left: 0;
}


/*3d*/

.effect_bg {
	width: 100%;
	margin: 0 auto;
	height: 720px;
}

.effect a {
	display: block;
	float: left;
	width: 50%;
	position: relative;
	transition: all 0.3s;
}

.effect_img:before {
	content: "";
	display: block;
	width: 100%;
	height: 31.3vw;
	background: rgba(0, 0, 0, 0.6);
	position: absolute;
	transition: all 0.3s;
}

.effect a:hover .effect_img:before {
	background: rgba(0, 0, 0, 0);
}

.effect_img img {
	width: 100%;
}

.effect_content {
	position: absolute;
	top: 11.99vw;
	left: 50%;
	transform: translate(-50%);
	text-align: center;
}

.effect a:hover .effect_content {}

.effect_content:before {
	margin-bottom: 35px;
}

.effect_content:after {
	margin-top: 35px;
}

.effect_content p {
	margin-bottom: 3px;
	font-size: 26px;
	color: #fff;
}

.effect_content span {
	font-size: 14px;
	color: #ccc;
	text-transform: unset;
}

.effect_en {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
}

.effect_content em {
	border: 1px #666 solid;
	color: #999;
	display: block;
	width: 100px;
	text-align: center;
	height: 28px;
	line-height: 28px;
	margin: 0 auto;
	margin-top: 50px;
}

#company_more {
	padding-top: 80px;
	font-weight: 100;
}

#company_more a {
	width: 440px;
	display: block;
	height: 50px;
	line-height: 50px;
	font-size: 17px;
	background: #fff url(../images/20210426202434_375221725.png)top 20px right 60px no-repeat;
	margin-left: 1px;
	color: #333;
	transition: all 0.6s;
	padding: 0px 110px;
	border-radius: 50px;
	margin: 0 auto;
	border: 1px #eee solid;
	letter-spacing: 1px;
}

#company_more a:hover {
	background: #333 url(../images/20210426202452_1315859834.png)top 20px right 37px no-repeat;
	transition: all 0.2s;
	color: #fff;
	border-radius: 50px;
	width: 550px;
	border: none;
	letter-spacing: 2px;
}

#company_more .r {
	background: #eee;
	color: #333;
}

#company_more .r a {
	color: #333;
}


/*power_c*/

.power_c {
	display: flex;
}

.power_c dl {
	width: 34%;
	position: relative;
	padding: 0px;
}

.power_c dl.power_cl1 {
	margin: 0;
}

.power_c dt,
.power_c dt img {
	width: 100%;
	height: 340px;
	display: block;
	overflow: hidden;
}

.power_c dd {
	width: 100%;
	display: block;
	overflow: hidden;
	left: 0;
	text-align: center;
	padding: 70px;
	height: 340px;
	background: #f8f8f8;
}

.power_c dd a {
	display: inline-block;
	font-size: 14px;
	line-height: 37px;
	color: #999;
	width: 194px;
	height: 37px;
	border-radius: 60px;
	border: 1px #ddd solid;
	text-align: center;
	background: #fff;
}

.power_c dl:hover a {
	background: #666 url(../images/20210426210055_414858361.png) 150px center no-repeat;
	border: none;
	color: #fff;
}

.power_c dd span {
	display: block;
	font-size: 24px;
	font-weight: normal;
	color: #333;
}

.power_c dd p {
	display: block;
	font-size: 16px;
	padding: 15px 35px;
	font-weight: 100;
	line-height: 28px;
	letter-spacing: 0px;
	color: #999;
}

.power_c dl:hover dd {
	background: #333;
	color: #fff;
}

.power_c dl:hover p {
	color: #fff;
}

.power_c dl:hover dd b {
	color: #fff;
}

.power_c dl:hover dd span {
	color: #fff;
}


/*abot*/

.about_box {
	overflow: hidden;
	background: url(../images/20210427164744_283392647.jpg) center no-repeat;
	width: 100%;
	height: 600px;
	background-attachment: fixed;
	padding: 80px 0px;
}

.titlec {
	color: #fff;
	text-align: center;
	font-size: 36px;
	line-height: 46px;
	font-weight: 500;
	letter-spacing: 1px;
}

.titlec em {
	color: #999;
	font-size: 20px;
	line-height: 36px;
	display: block;
	margin-top: 20px;
}

.titlec:after {
	content: "";
	position: relative;
	width: 80px;
	height: 1px;
	background: rgba(255, 255, 255, 0.1);
	top: 30px;
	display: block;
	margin: 0 auto;
}

.com_t {
	width: 1300px;
	font-size: 14px;
	font-weight: 200;
	text-align: center;
	color: #ccc;
	margin: 0 auto;
	line-height: 30px;
	margin-top: 76px;
	margin-bottom: 50px;
}

.about_more {
	width: 170px;
	height: 50px;
	line-height: 50px;
	margin: auto;
	border: 1px #fff solid;
	text-align: center;
}

.about_more:hover {
	background: #333;
}

.about_more a {
	color: #fff;
}

.fixed-product {
	position: absolute;
	z-index: 1;
	left: 0;
	width: 500px;
	height: 256px;
	overflow: hidden;
	margin-top: -67px;
}

.com_t2 {
	width: 1500px;
	height: 300px;
	background: rgba(255, 255, 255, 0.8);
	margin: 0 auto;
	overflow: hidden;
}

.mod_after {
	position: absolute;
	left: 48%;
	bottom: -16%;
}

.mod_after ul {
	display: flex;
	width: 120px;
	justify-content: space-between;
}

.mod_after li {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #eeeeee;
	transition: all 0.5s;
}

.mod_after li.on {
	background: #333;
	transition: 0.5s;
}

.com_tab {
	width: 1500px;
	margin: 0 auto;
	position: relative;
}

.com_big {
	height: 300px;
	overflow: hidden;
}

.com_tab .tempWrap {
	width: 1500px !important;
}

.com_tab .divdgweb_new_div_item_title a {
	font-size: 24px;
}

.com_tab .divdgweb_new_div_item_body {
	font-size: 15px;
	line-height: 30px;
	font-weight: lighter;
	padding-top: 10px;
}

.com_tab .divdgweb_new_div_item {
	height: 300px;
	display: flex;
}

.com_tab .divdgweb_new_div_item_content {
	padding: 70px;
	width: 1200px;
}

.com_tab .news_div_item_pic {
	width: 300px;
	height: 300px;
	overflow: hidden;
	background: #fff;
	padding: 53px;
}

.com_tab .news_div_item_pic img {
	width: 200px;
	height: 200px;
}


/*news*/

.news_box {
	margin-top: 80px;
	padding-bottom: 80px;
}

.news_top {
	width: 551px;
	margin: 40px auto;
}

.news_wz {
	height: 48px;
	line-height: 36px;
}

.news_wz b {
	font-size: 26px;
}

.news_wz span {
	font-size: 24px;
	margin-left: 8px;
	color: #ccc;
	text-transform: uppercase;
	font-family: Arial;
}

.news_wz em {
	font-size: 16px;
	font-weight: 200;
	display: block;
	color: #999;
}

.news_tab {
	margin-top: 10px;
}

.news_tab li {
	float: left;
	background: #fff;
	box-shadow: 0px 0px 20px #eee;
	width: 171px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	border-radius: 30px;
}

.news_tab li+li {
	margin-left: 19px;
}

.news_tab li a {
	font-size: 18px;
	font-weight: 100;
}

.news_tab li.cur {
	color: #fff;
	background: linear-gradient(204deg, #333 50%, #000 100%);
	box-shadow: 0px 0px 10px #333;
	width: 171px;
	height: 42px;
	line-height: 42px;
}

.news_tab li.cur a {
	color: #fff;
}

.news_a {
	margin-right: 17px;
}

.news_a em {
	position: relative;
	font-size: 20px;
	color: #c2c2c2;
	top: 8px;
}

.news_a .sPrev,
.news_a .sNext {
	position: absolute;
	top: 2px;
	font-size: 20px;
	color: #c2c2c2;
	cursor: pointer;
}

.news_a .sPrev {
	right: 5px;
	transform: rotate(-90deg);
}

.news_a .sNext {
	left: 5px;
	transform: rotate(90deg);
}

.news_a i:hover {
	color: #333;
}

.news_list {
	height: 501px;
	width: 100%;
	overflow: hidden;
}

.news_list .tempWrap {
	width: 100% !important;
}

.news_list .news_div {
	height: 500px;
}

.news_list .news_div+.news_div {}

.news_list .news_div_item {
	width: 23%;
	display: inline-block;
	position: relative;
	height: 501px;
	transition: 0.5s;
	padding: 20px;
	border: 1px #eee solid;
}

.news_list .news_div_item+.news_div_item {
	margin-left: 1.79%;
}

.news_list .news_div_item_date {
	position: absolute;
	top: 265px;
	display: inline-block;
	font-weight: 400;
	left: 19px;
	padding-left: 32px;
	height: 22px;
}

.news_list .news_div_item_date::before {
	position: absolute;
	content: '';
	background: url(../images/20210426114529_1802388698.png) no-repeat left center;
	top: 0;
	left: 0;
	width: 22px;
	height: 22px;
}

.news_list .news_div_item_content {
	position: absolute;
	top: 300px;
	left: 19px;
	padding-right: 14px;
}

.news_list .news_div_item_year,
.news_list .news_div_item_month,
.news_list .news_div_item_day {
	float: left;
	font-size: 15px;
	line-height: 22px;
	color: #999;
}

.news_list .news_div_item_title {}

.news_list .news_div_item_a {
	font-size: 16px;
	display: block;
	margin-bottom: 16px;
	position: relative;
	transition: 0.3s;
	font-weight: normal;
}

.news_list .news_div_item_a::before {
	position: absolute;
	bottom: -152px;
	left: 0;
	width: 130px;
	height: 33px;
	background: #fff;
	border-radius: 40px;
	line-height: 33px;
	color: #999;
	font-size: 15px;
	transition: 0.5s;
	padding-left: 43px;
	border: 1px #eee solid;
	font-weight: 100;
}

.news_list .news_div_item_a::after {
	position: absolute;
	content: '';
	bottom: -141px;
	font-size: 43px;
	background: url(../images/20210426114601_435022143.png) no-repeat center;
	width: 18px;
	height: 14px;
	left: 130px;
	transition: 0.5s;
}

.news_list .news_div_item_body {
	font-size: 14px;
	color: #666;
	font-weight: 100;
	line-height: 24px;
}

.news_list .news_div_item_pic,
.news_list .news_div_item_pic a,
.news_list .news_div_item_image {
	width: 100%;
	height: auto;
	display: block;
}

.news_list .news_div_item:hover .news_div_item_a {
	color: #333;
	transition: 0.3s;
}

.news_list .news_div_item:hover .news_div_item_a::before {
	background: #f8f8f8;
	transition: 0.5s;
	padding-left: 40px;
}

.news_list .news_div_item:hover .news_div_item_a::after {
	left: 110px;
	transition: 0.5s;
}


/*link*/

#link_box {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	height: 110px;
	background: #fff;
	border-top: 1px #f8f8f8 solid;
}

#link {
	width: 1500px;
	margin: 0 auto;
	overflow: hidden;
}

#link_bt {
	width: 200px;
	float: left;
	font-size: 20px;
	font-weight: 400;
	line-height: 110px;
	color: #333;
	background: url(../images/20210426160243_1879357847.png) left no-repeat;
	padding-left: 50px;
}

#link_bt span {
	padding-left: 10px;
	font-size: 18px;
	color: rgba(0, 0, 0, 0.4);
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: 200;
}

#link_bg {
	width: 1250px;
	line-height: 110px;
	float: left;
	overflow: hidden;
	font-size: 15px;
	font-weight: 100;
	color: #999;
}

#link_bg a {
	font-size: 15px;
	color: rgba(0, 0, 0, 0.8) !important;
}

.linkTagcs li {
	height: 110px !important;
	line-height: 110px !imporatant;
}

.linkTagcs li a {
	font-size: 14px !important;
	color: rgba(0, 0, 0, 0.8);
}

.footerBox {
	background: #222;
	box-sizing: border-box;
	min-width: 1500px;
	position: relative;
	height: 470px;
	border-top: 5px solid #a9262c;
}

.footerBox .content {
	background: #222;
	width: 1500px;
	position: relative;
	margin: 0 auto;
	overflow: visible;
}

.footerBox .navMenu {
	margin-bottom: 0px;
	overflow: hidden;
}

.footerBox .navMenu ul {
	margin: 0;
	padding: 0;
	float: left;
	margin-top: 70px;
}

.footerBox .navMenu li {
	list-style: none;
	margin-bottom: 10px;
}

.footerBox .navMenu li a {
	font-size: 15px;
	color: #666;
}

.footerBox .navMenu li a:hover {
	color: #ffffff;
}

.footerBox .navMenu li:first-child {
	font-size: 19px;
	margin-bottom: 25px;
	color: #ffffff;
	cursor: default;
}

.navMenu .line {
	width: 1px;
	height: 390px;
	background: #666;
	opacity: 0.3;
	float: left;
	margin-top: 0px;
}

.footerBox .navMenu .ul_y {
	margin-right: 95px;
	padding-left: 95px;
}

.footerBox .navMenu .ul_e {
	margin-right: 95px;
	margin-left: 95px;
}

.footerBox .navMenu .ul_san {
	margin-right: 95px;
	margin-left: 95px;
}

.footerBox .navMenu .ul_si {
	margin-left: 95px;
}

.footerBox .content .qrCodeBox {
	width: 250px;
	height: 460px;
	float: right;
	z-index: 3;
	position: absolute;
	top: 0px;
	right: 75px;
	text-align: center;
	padding-top: 70px;
	background: #000;
}

.qrCodeBox .qrCode {
	margin-top: 17px;
	width: 130px;
	height: 120px;
}

.qrCodeBox .text {
	font-size: 18px;
	color: #ffffff;
	margin: 15px 0 33px;
}

.qrCodeBox .line {
	width: 123px;
	height: 1px;
	background: rgba(255, 255, 255, 0.7);
	opacity: 0.5;
	margin: 0 auto;
}

.qrCodeBox .qqBox {
	margin: 13px 0;
	display: inline-block;
	cursor: pointer;
}

.qrCodeBox .qqBox img {
	width: 23px;
	height: 25px;
}

.qrCodeBox .qqBox p {
	font-size: 14px;
	color: #ffffff;
	margin-top: 5px;
}

.footerBox .footerBottom {
	border-top: 1px solid #666;
	opacity: 0.3;
	color: #ffffff;
	font-size: 15px;
	position: relative;
	width: 100%;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
}

.footerBox .footerBottom a {
	font-size: 15px;
	width: 1500px;
	margin: 0 auto;
	cursor: pointer;
	color: #ffffff;
}