/* CSS Document */
 @import url("public2.css");

 .to-big {
 	overflow: hidden;
 }

 .to-big img {
 	transition: all 0.7s;
 }

 .to-big:hover img {
 	transform: scale(1.05);
 }

 html #hm_t_undefined .hm-t-map-card {
 	position: fixed;
 	right: 52px;
 	bottom: 44px;
 	border: 1px solid #c7c7c7;
 	z-index: 99998;
 	white-space: normal;
 	font-size: 14px;
 	line-height: 17px;
 	overflow: hidden;
 	color: #fff;
 	background: #404040;
 	_position: absolute;
 }

 html #hm_t_undefined .hm-t-map-card-title {
 	border-bottom: 2px solid #f0f0f0;
 	height: 23px;
 	padding-top: 6px;
 	color: #000;
 	font-weight: bold;
 	text-align: center;
 	background-color: #f1f1f1;
 	background: linear-gradient(top, #f1f1f1 0%, #e6e6e6 100%);
 	background: -webkit-linear-gradient(top, #f1f1f1 0%, #e6e6e6 100%);
 	background: -moz-linear-gradient(top, #f1f1f1 0%, #e6e6e6 100%);
 	background: -ms-linear-gradient(top, #f1f1f1 0%, #e6e6e6 100%);
 }

 html #hm_t_undefined .hm-t-map-card-info {
 	font-size: 12px;
 	background-color: #fff;
 	color: #333;
 }

 html #hm_t_undefined .hm-t-map-card-info table {
 	font-size: 12px;
 }

 html #hm_t_undefined .hm-t-map-card-info table td {
 	width: 65px;
 }

 html #hm_t_undefined .hm-t-map-card-info .hm-t-map-card-info-table-content {
 	white-space: normal;
 	word-break: break-all;
 	word-wrap: break-word;
 	width: auto;
 }

 html #hm_t_undefined .hm-t-map-card-info .hm-t-map-card-info-table-index {
 	width: 43px;
 	padding-left: 5px;
 }

 html #hm_t_undefined .hm-t-map-card-map-link {
 	height: 30px;
 	font-size: 12px;
 	color: #0082cb;
 	background-color: #f9f9f9;
 	background: linear-gradient(top, #f9f9f9 0%, #ececec 100%);
 	background: -webkit-linear-gradient(top, #f9f9f9 0%, #ececec 100%);
 	background: -moz-linear-gradient(top, #f9f9f9 0%, #ececec 100%);
 	background: -ms-linear-gradient(top, #f9f9f9 0%, #ececec 100%);
 	text-align: center;
 }

 :root .hm-t-map-card-map-link {
 	background-color: #f9f9f9;
 }

 html #hm_t_undefined .hm-t-map-card-map-link img {
 	margin: 5px 5px 0 0;
 	vertical-align: bottom;
 	*vertical-align: text-bottom;
 }

 html #hm_t_undefined .hm-t-map-card-bug-map-link {
 	cursor: pointer;
 }

 html #hm_t_undefined .hm-t-unfold-map-card {
 	position: fixed;
 	right: 2px;
 	z-index: 99998;
 	display: block;
 	width: 40px;
 	text-align: center;
 	white-space: normal;
 	text-decoration: none;
 	_position: absolute;
 	color: #fff;
 	background: #666;
 	cursor: pointer;
 	height: '37px';
 	font-size: 14px;
 	line-height: 17px;
 	padding-top: 3px;
 	height: 37px !important;
 }

 html #hm_t_undefined.hm-t-container .hm-t-map-card-side-arrow {
 	right: 45px;
 }

 html #hm_t_undefined .hm-t-map-card,
 html #hm_t_undefined .hm-t-map-card-side-arrow,
 html #hm_t_undefined .hm-t-unfold-map-card {
 	_top: expression(eval(document.documentElement.scrollTop+(document.documentElement.clientHeight||document.body.clientHeight)-this.offsetHeight-2-0));
 }

 #service .center {
 	text-align: right;
 	padding: 30px 0 30px;
 }

 #service .center h2 {
 	text-align: center;
 	padding-bottom: 30px;
 	color: #454545;
 	display: none;
 }

 #service .center a {
 	padding: 0 25px;
 	font-size: 16px;
 	line-height: 2rem;
 	display: inline-table;
 	padding-right: 0;
 	color: #555;
	 font-weight: 300;
 }

 #service .center a:hover {
 	color: #b40c39;
 }

 .case-url {
 	padding: 15px 0;
 	border: 1px solid #999;
 	color: #656565;
 	font-size: 16px;
 	margin: 50px auto 80px;
 	text-align: center;
 	transition: all 0.3s;
 	display: block;
 	width: 18%;
 	min-width: 150px;
 }

 .case-url:hover {
 	border: 2px solid #b40c39;
 	background-color: #b40c39;
 	color: #fff;
 }

 #num_index {}

 #num_index .top {
 	background-image: url(../images/num-back.jpg);
 	background-repeat: no-repeat;
 	background-size: 100% 100%;
 	margin: 0 auto;
 	line-height: 67px;
 	padding: 10vw 0 12vw;
 	margin-bottom: -2px;
 	color: #fff;
 	text-align: center;
 }

 #num_index .top h2 {
 	font-size: 48px;
 	width: 912px;
 	margin: 0 auto;
 	font-family: 'Microsoft yahei';
 }

 #num_index .top h2::after {
 	content: "";
 	display: block;
 	width: 140px;
 	background-color: #fff100;
 	height: 5px;
 	margin: 2vw auto;
 }

 #num_index .top p {
 	font-size: 20.44px;
 	width: 912px;
 	color: #fff;
 	line-height: 30px;
 	font-family: 'Microsoft yahei';
 	margin: 0 auto
 }

 #num_index .bottom {
 	text-align: center;
 	margin: 0 auto;
 	padding: 5.2vw 0 4vw;
 	background-color: #000;
 }

 #num_index .bottom .list-box {
 	width: 912px;
 	margin: 0 auto
 }

 #num_index .bottom span {
 	padding: 0 75px;
 }

 /* #num_index .bottom span:first-child{padding-left: 0;}#num_index .bottom span:nth-child(4){padding-right: 0;} */
 #num_index .bottom div.list {
 	text-align: center;
 	float: left;
 }

 #num_index .bottom div.list:nth-child(1) {
 	width: 14%;
 }

 #num_index .bottom div.list:nth-child(2) {
 	width: 31%;
 }

 #num_index .bottom div.list:nth-child(3) {
 	width: 24%;
 	margin-right: 8%;
 }

 #num_index .bottom div.list:nth-child(4) {
 	width: 22%;
 }

 #num_index .bottom div.list .num {
 	font-size: 53px;
 	color: #fff100;
 	font-family: 'Microsoft yahei';
 	width: 100%;
 }

 #num_index .bottom div.list .con {
 	font-size: 17px;
 	line-height: 35px;
 	font-family: 'Microsoft yahei';
 	color: #fff;
 }

 #why_index {
 	padding: 5.3vw 0 5.7vw;
 	background-color: #f5f5f5;
 }

 #why_index .top_tit {
 	text-align: center;
 }

 #why_index .top_tit h2 {
 	font-size: 40px;
 	color: #454545;
 	font-family: 'Microsoft yahei';
 }

 #why_index .top_tit p {
 	font-size: 16px;
 	padding: 15px 0 40px;
 }

 #why_index #why_box {
 	/* height: 32.85vw; */
 	background-repeat: no-repeat;
 	background-size: 100% 100%;
 	position: relative;
 }

 #why_index .img-box {
 	width: 100%;
 	height: 100%;
 	height: 403px;
 	overflow: hidden;
 	position: absolute;
 }

 #why_index .img-box img {
 	position: absolute;
 	display: none;
 	width: 100%;
 	height: auto;
 }

 #why_index .img-box img#wb1 {
 	display: block;
 }

 #why_index .img-box img#wb2 {
 	display: none;
 }

 #why_index .img-box img#wb3 {
 	display: none;
 }

 #why_index .img-box img#wb4 {
 	display: none;
 }

 #why_index .list-box {
 	position: relative;
 	z-index: 5;
 	width: 100%;
 	/* height: 100%; */
 }

 #why_index .list-box .list {
 	width: 25%;
 	/* height: 100%; */
 	display: block;
 	float: left;
 	border-right: 1px solid rgba(255, 255, 255, 0.1);
 	position: relative;
 	transition: all 0.7s;
 }

 #why_index .list-box .list:nth-child(4) {
 	border-right: 0;
 }

 #why_index .list-box .list:hover {
 	background-color: rgba(0, 0, 0, 0.05);
 }

 #why_index .list-box .list .bottom {
 	position: unset;
 	bottom: 0;
 	left: 0;
 	width: 100%;
 	height: auto;
 	color: #000;
 	margin-top: 420px;
 	padding: 4% 8%;
 }

 #why_index .list-box .list .bottom .tit {
 	font-size: 24px;
 	margin-bottom: 5px;
 	line-height: 30px;
 	font-weight: bold;
 }

 #why_index .list-box .list .bottom .s-tit {
 	font-size: 16px;
 	line-height: 30px;
 	margin-bottom: 20px;
 	color: #555;
 }

 #why_index .list-box .list .bottom .s-tit::after {
 	content: "";
 	width: 80px;
 	height: 1px;
 	background-color: #e50012;
 	display: block;
 	margin-top: 20px;
 }

 #why_index .list-box .list .bottom .des {
 	font-size: 14px;
 	line-height: 24px;
 	color: #898989;
 	height: 100px;
 }

 #banner {
 	position: relative;
 	overflow: hidden;
 	height: 100vh;
 	z-index: 600;
 	min-height: 227px;
 }

 #banner_carousel {
 	position: fixed;
 	left: 0;
 	top: 0;
 	width: 100%
 }

 #banner .item {
 	display: block;
 	background-size: 100% 100%;
 	background-repeat: no-repeat;
 	background-position: center top
 }

 #banner .w_center {
 	position: relative
 }

 #banner .owl-dots {
 	position: absolute;
 	left: 0;
 	bottom: 35px;
 	width: 100%;
 	text-align: center;
 	display: none;
 }

 #banner .owl-dots div {
 	display: inline-block;
 	margin: 0 6px;
 	height: 12px;
 	width: 12px;
 	background: rgba(255, 255, 255, .6);
 	-webkit-border-radius: 50%;
 	border-radius: 50%;
 	-moz-border-radius: 50%
 }

 #banner .owl-dots div.active {
 	background: #fff
 }

 #banner .owl-nav div {
 	-webkit-opacity: 0;
 	-moz-opacity: 0;
 	-khtml-opacity: 0;
 	-ms-opacity: 0;
 	-o-opacity: 0;
 	opacity: 0
 }

 #banner:hover .owl-nav div {
 	-webkit-opacity: .8;
 	-moz-opacity: .8;
 	-khtml-opacity: .8;
 	-ms-opacity: .8;
 	-o-opacity: .8;
 	opacity: .8
 }

 #banner .owl-nav div {
 	font-size: 40px;
 	text-align: center;
 	line-height: 60px;
 	text-align: center;
 	color: #fff;
 	background: #343c4c;
 	padding: 0;
 	height: 60px;
 	width: 60px;
 	-webkit-border-radius: 50%;
 	border-radius: 50%;
 	-moz-border-radius: 50%;
 	z-index: 9998;
 	position: absolute;
 	top: 50%;
 	margin-top: -20px
 }

 #banner .owl-nav div.owl-prev {
 	left: 25px
 }

 #banner .owl-nav div.owl-next {
 	right: 25px
 }

 /* #banner .item b {font-size: 46px;display: block;font-weight: 400} */
 /* #banner .item p {display: block;font-size: 18px;line-height: 36px;margin-bottom: 40px;margin-top: 15px}#banner .item span {border: 1px solid rgba(255, 255, 2550, .5);color: #fff;font-size: 16px;display: inline-block;padding: 10px 45px;cursor: pointer}#banner .item span:hover {border-color: #fff;background: #fff;color: #343c4c} */
 .home_content {
 	position: relative;
 	z-index: 800;
 	background: #fff
 }

 #about_us {
 	padding: 247px 0 313px;
 	font-size: 14px;
 	text-align: center;
 	background: #fff
 }

 #about_us h2 {
 	color: #323232;
 	font-size: 40px;
 	display: block;
 	margin-bottom: 25px;
 	font-weight: 400
 }

 #about_us p {
 	line-height: 1.8
 }

 #about_us p b {
 	font-size: 16px;
 	color: #555;
 }

 #about_us ul {
 	width: 910px;
 	margin: 0 auto;
 	margin-top: 118px
 }

 #about_us li {
 	font-size: 17px;
 	color: rgba(0, 0, 0, .6);
 	float: left;
 	padding: 0 35px
 }

 #about_us li span {
 	display: block
 }

 #about_us li i {
 	color: #e60012;
 	font-size: 55px;
 	font-weight: 700;
 	font-family: Arial, Helvetica, sans-serif;
 	font-style: normal
 }

 #about_us li em {
 	color: #e60012;
 	font-size: 40px;
 	font-weight: 700;
 	font-family: Arial, Helvetica, sans-serif;
 	vertical-align: top;
 	font-style: normal
 }

 #about_us li:before {
 	background: url(../images/icon_num.jpg);
 	height: 42px;
 	content: "";
 	display: none
 }

 #about_us li.num_1:before {
 	width: 17px;
 	background-position: 0 top
 }

 #about_us li.num_14:before {
 	width: 89px;
 	background-position: -173px top
 }

 #about_us li.num_1000:before {
 	width: 136px;
 	background-position: -408px top
 }

 #about_us li.num_2000:before {
 	width: 141px;
 	background-position: right top
 }

 #service {
 	font-size: 14px;
 }

 #service h2 {
 	color: #666;
 	font-size: 40px;
 	display: block;
 	padding-bottom: 5px;
 	font-weight: 400
 }

 #service ul {
 	display: -webkit-flex;
 	display: flex;
 	-webkit-flex-wrap: wrap;
 	flex-wrap: wrap;
 	margin-top: 50px
 }

 #service ul li {
 	float: left;
 	width: 25%;
 	background: #fff;
 	border: 5px solid #f4f4f4;
 	padding: 35px 0;
 	transition-duration: .5s;
 	-ms-transition-duration: .5s;
 	-moz-transition-duration: .5s;
 	-webkit-transition-duration: .5s
 }

 #service ul li:hover {
 	background: #e60012
 }

 #service ul li:hover a {
 	color: #fff
 }

 #service ul li:hover a b {
 	color: #fff
 }

 #service ul li:hover a:before {
 	background-image: url(../images/icon_89.png)
 }

 #service ul li p {
 	line-height: 1.6
 }

 #service ul li a {
 	display: block;
 	color: #3e3e3e
 }

 #service ul li a b {
 	display: block;
 	font-size: 18px;
 	color: #3e3e3e;
 	padding-bottom: 5px
 }

 #service ul li a:before {
 	content: "";
 	width: 60px;
 	height: 60px;
 	display: inline-block;
 	background: url(../images/icon_8.png)
 }

 #service ul li.brand a:before {
 	background-position: 0 0
 }

 #service ul li.logo a:before {
 	background-position: -60px 0
 }

 #service ul li.package a:before {
 	background-position: -120px 0
 }

 #service ul li.album a:before {
 	background-position: -180px 0
 }

 #service ul li.vi a:before {
 	background-position: 0 60px
 }

 #service ul li.website a:before {
 	background-position: -60px 60px
 }

 #service ul li.exhibition a:before {
 	background-position: -120px 60px
 }

 #service ul li.photography a:before {
 	background-position: -180px 60px
 }

 #system {
 	display: block;
 	padding: 185px 0 125px;
 	float: left;
 	width: 100%;
 	background: #fff
 }

 #system h2 {
 	font-size: 45px;
 	color: #000;
 	margin-bottom: 35px;
 	font-weight: 400;
 }

 #system h2:after {
 	background: #000;
 	width: 60px;
 	content: '';
 	height: 5px;
 	display: block;
 	margin-top: 15px
 }

 #system h2 b {
 	display: block;
 	margin-bottom: 20px;
 }

 #system p {
 	color: #828181;
 	font-size: 14px;
 	line-height: 1.6;
 	display: block;
 	margin-bottom: 25px
 }

 #system p b {}

 .system_lt {
 	float: left;
 	width: 38%;
 }

 .system_rt {
 	float: right;
 	width: 62%;
 	position: relative;
 }

 #case {
 	text-align: center;
 	padding-top: 60px;
 	background: #f4f4f4
 }

 #case h2 {
 	color: #828181;
 	font-size: 30px;
 	font-weight: 400
 }

 #case h2 b {
 	display: block;
 	font-size: 40px;
 	color: #e60012;
 	padding-bottom: 5px
 }

 #case .service_p {
 	font-size: 17px;
 	display: block;
 	color: #828181;
 	display: block;
 	padding-top: 20px
 }

 .case-pagination {
 	padding: 50px 0;
 	position: relative;
 	z-index: 990
 }

 .case-pagination:after {
 	height: 1px;
 	background: #d7d7d7;
 	width: 100%;
 	display: block;
 	content: "";
 	position: absolute;
 	left: 0;
 	top: 50%;
 	z-index: -1
 }

 .case-pagination .swiper-pagination-bullet {
 	width: auto;
 	height: auto;
 	margin: 0 1px;
 	border-radius: 0;
 	background: #f2f2f2;
 	color: #000;
 	font-size: 14px;
 	padding: 20px 15px
 }

 .case-pagination .swiper-pagination-bullet-active {
 	background: #313340;
 	color: #fff
 }

 .case_div .slide_item {
 	float: left;
 	width: 20%
 }

 .case_div .slide_item img {
 	display: block;
 	width: 100%
 }

 .case_div .slide_item a {
 	display: block;
 	position: relative;
 	overflow: hidden
 }

 .case_div .slide_item a p {
 	-webkit-transition: .7s;
 	-moz-transition: .7s;
 	transition: .7s;
 	background: rgba(0, 0, 0, .6);
 	color: #fff;
 	display: block;
 	position: absolute;
 	left: 0;
 	bottom: 0;
 	font-size: 18px;
 	height: 100%;
 	width: 100%;
 	margin: 0;
 	padding: 0;
 	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;
 	opacity: 0;
 	-ms-opacity: 0;
 	-moz-opacity: 0;
 	-webkit-opacity: 0;
 	font-weight: 700
 }

 .case_div .slide_item a p font {
 	-webkit-transition: .7s;
 	-moz-transition: .7s;
 	transition: .7s;
 	-webkit-transform: scale(0);
 	-moz-transform: scale(0);
 	transform: scale(0);
 	opacity: 0;
 	-ms-opacity: 0;
 	-moz-opacity: 0;
 	-webkit-opacity: 0
 }

 .case_div .slide_item a:hover p font {
 	-webkit-transform: scale(1);
 	-moz-transform: scale(1);
 	transform: scale(1);
 	opacity: 1;
 	-ms-opacity: 1;
 	-moz-opacity: 1;
 	-webkit-opacity: 1
 }

 .case_div .slide_item a:hover p {
 	opacity: 1;
 	-ms-opacity: 1;
 	-moz-opacity: 1;
 	-webkit-opacity: 1
 }

 #why_choose_us {
 	padding: 60px 0;
 	text-align: center;
 	background: #fff
 }

 #why_choose_us h2 {
 	color: #e60012;
 	font-size: 40px;
 	font-weight: 400
 }

 #why_choose_us p.p {
 	color: #828181;
 	font-size: 20px;
 	padding-top: 5px
 }

 #why_choose_us ul {
 	margin-top: 50px;
 	display: -webkit-flex;
 	display: flex;
 	-webkit-flex-wrap: wrap;
 	flex-wrap: wrap
 }

 #why_choose_us li {
 	float: left;
 	width: 25%;
 	background: #f2f2f2;
 	font-size: 14px;
 	padding-bottom: 25px;
 	border-left: 6px solid #fff;
 	border-right: 6px solid #fff;
 	transition-duration: .6s;
 	-ms-transition-duration: .6s;
 	-moz-transition-duration: .6s;
 	-webkit-transition-duration: .6s;
 	background: #f2f2f2 url(../images/rbg1.jpg) repeat-x left -250px
 }

 #why_choose_us li:hover {
 	background-position: left top;
 	color: #fff
 }

 #why_choose_us li:hover p.desc {
 	color: #fff
 }

 #why_choose_us li b.title {
 	color: #fff;
 	padding: 30px 0;
 	font-size: 30px;
 	display: block;
 	font-weight: 400;
 	position: relative
 }

 #why_choose_us li p.desc {
 	font-size: 18px;
 	color: #535353;
 	padding-top: 40px
 }

 #why_choose_us li p.desc b {
 	display: block
 }

 #why_choose_us li p.text {
 	display: block;
 	padding: 20px
 }

 .manguatrue_p {
 	position: relative;
 	width: 100%;
 	overflow: hidden;
 }

 .manguatrue_img {
 	left: 50%;
 	top: 0;
 	width: 100%;
 }

 #tearm_index {
 	text-align: center;
 	background: #fff
 }

 #tearm_index h2 {
 	color: #e60012;
 	font-size: 40px;
 	font-weight: 400
 }

 #tearm_index .service_p {
 	font-size: 17px;
 	margin-top: 10px
 }

 #tearm_index li {
 	width: 33.33333%;
 	float: left;
 	position: relative;
 	height: 21vw;
 	z-index: 1;
 }

 #tearm_index li.t1 {
 	height: 42vw;
 }

 #tearm_index li.t1:before {
 	content: "";
 	background: #000;
 	width: 0;
 	height: 100%;
 	position: absolute;
 	right: 0;
 	top: 0
 }

 #tearm_index li a {
 	display: block;
 	position: relative;
 	display: block;
 	width: 100%;
 	height: 100%;
 }

 #tearm_index li a:before {
 	content: "";
 	display: block;
 	position: absolute;
 	left: 0;
 	top: 0;
 	background: rgba(0, 0, 0, .5);
 	width: 100%;
 	height: 100%;
 	z-index: 9990;
 	-webkit-transition: .3s;
 	-moz-transition: .3s;
 	transition: .3s
 }

 #tearm_index li a:hover:before {
 	background: rgba(0, 0, 0, .2)
 }

 #tearm_index li img {
 	display: block;
 	width: 100%;
 	height: 100%;
 }

 #tearm_index li.t2 b {
 	display: block;
 	color: #fff;
 	z-index: 9999;
 	font-size: 24px;
 	font-weight: 400;
 	position: absolute;
 	left: 70px;
 	top: 120px;
 	text-align: left
 }

 #tearm_index li.t2 b em {
 	font-size: 18px;
 	display: block;
 	padding-top: 5px
 }

 /* #tearm_index li.t2,#tearm_index li.t3,#tearm_index li.t4 {height: 306px} */
 #tearm_index li.t2:before,
 #tearm_index li.t3:before,
 #tearm_index li.t4:before {
 	content: "";
 	background: #000;
 	width: 3px;
 	height: 100%;
 	position: absolute;
 	left: -2px;
 	top: 0;
 	z-index: 990
 }

 #tearm_index li.t2:after,
 #tearm_index li.t3:after,
 #tearm_index li.t4:after {
 	content: "";
 	background: #000;
 	height: 2px;
 	width: 100%;
 	position: absolute;
 	left: -1px;
 	bottom: 0;
 	z-index: 990
 }

 #tearm_index li.t5,
 #tearm_index li.t6,
 #tearm_index li.t7 {
 	padding-top: 1px;
 	background: #000
 }

 /* #tearm_index li.t2,#tearm_index li.t5 {width: 431px} */
 /* #tearm_index li.t3,#tearm_index li.t6 {width: 460px} */
 /* #tearm_index li.t4,#tearm_index li.t7 {width: 434px} */
 #tearm_index li.t5:before,
 #tearm_index li.t6:before,
 #tearm_index li.t7:before {
 	content: "";
 	background: #000;
 	width: 3px;
 	height: 100%;
 	position: absolute;
 	left: -2px;
 	top: 0;
 	z-index: 990
 }

 .index_list {
 	background: #f5f5f5;
 	padding: 20px 0 60px;
 }

 .n-box {
 	width: 74%;
 	float: left;
 }

 .news_index_left,
 .news_index_right {
 	float: left;
 	width: 100%;
 	background: #fff;
 	border-right: 1px solid #ededed;
 	overflow: hidden;
 	height: 1150px;
 }

 .news_index_center {
 	float: right;
 	width: 25%;
 	background: #fff;
 	height: 1150px;
 	overflow: hidden;
 	padding-bottom: 50px;
 }

 .news_index_center img {
 	width: 100%
 }

 .news_h1 {
 	font-size: 37px;
 	color: #414141;
 	position: relative;
 	padding: 30px 17px;
 }

 .news_h1 a {
 	font-size: 16px;
 	padding-top: 3%;
 	float: right;
 	color: #4a4a4a;
 	font-family: Arial, Helvetica, sans-serif;
 }

 .news_h1 font {
 	display: block;
 	font-size: 14px;
 	line-height: 24px;
 	color: #898989;
 	text-transform: uppercase;
 	font-family: Arial, Helvetica, sans-serif;
 	padding-top: 5px
 }

 .news_index_left p,
 .news_index_right p {
 	display: block;
 	line-height: 24px;
 	min-height: 4vw;
 }

 .news_index_left p.img,
 .news_index_right p.img {
 	height: 12vw;
 	display: flex;
 	align-items: center;
 	overflow: hidden;
 }

 .news_index_left ul li p img,
 .news_index_right ul li p img,
 .news_index_center ul li p img {
 	display: block;
 	width: 100%;
 	height: auto;
 }

 .news_index_left ul,
 .news_index_right ul,
 .news_index_center ul {
 	padding: 5px 15px;
 	padding-bottom: 15px
 }

 .news_index_left ul li,
 .news_index_right ul li {
 	font-size: 13px;
 	color: #858687;
 	position: relative;
 	padding-bottom: 5px;
 	float: left;
 	width: 32%;
 	margin-right: 2%;
 }

 .news_index_center ul li {
 	width: 100%;
 	padding-bottom: 5px;
 	position: relative;
 	font-size: 13px;
 }

 .news_index_left ul li:nth-child(3n),
 .news_index_right ul li:nth-child(3n) {
 	margin-right: 0;
 }

 .news_index_center ul li:nth-child(2) p img {
 	height: 25.7vw;
 }

 /* .news_index_left ul li a{height: 52px;}*/
 .news_index_left ul li a,
 .news_index_right ul li a,
 .news_index_center ul li a {
 	font-size: 18px;
 	color: #000;
 	display: block;
 	margin: 20px 0 16px;
 	text-overflow: ellipsis;
 	overflow: hidden;
 	width: 95%;
 	white-space: nowrap;
 }

 .news_index_left ul li a.url,
 .news_index_right ul li a.url,
 .news_index_center ul li a.url {
 	font-size: 12px;
 	color: #787878;
 	padding-top: 15px;
 	padding-bottom: 45px;
 	margin-bottom: 35px;
 	margin-top: 25px;
 }

 .news_index_left ul li:nth-child(1) a.url,
 .news_index_left ul li:nth-child(2) a.url,
 .news_index_left ul li:nth-child(3) a.url {
 	border-bottom: 1px solid #ccc;
 }

 .news_index_left ul li:nth-child(4) a.url,
 .news_index_left ul li:nth-child(5) a.url,
 .news_index_left ul li:nth-child(6) a.url {
 	border-bottom: 1px solid #ccc;
 }

 .news_index_left ul li a:hover,
 .news_index_right ul li a:hover,
 .news_index_center ul li a:hover {
 	color: #d10005;
 	text-decoration: underline
 }

 .news_index_left ul li span,
 .news_index_right ul li span,
 .news_index_center ul li span {
 	position: absolute;
 	right: 14px;
 	top: 0
 }

 .news_top {
 	font-size: 14px;
 	color: #707070;
 	line-height: 1.5;
 	text-align: center;
 	border-bottom: 1px solid #ededed;
 	padding: 30px 0
 }

 .news_bottom b,
 .news_top b {
 	font-size: 18px;
 	color: #828181;
 	display: block;
 	padding-bottom: 10px
 }

 .news_bottom {
 	font-size: 14px;
 	color: #707070;
 	line-height: 1.5;
 	text-align: center;
 	padding: 30px 0
 }

 .news_left {
 	float: left;
 	width: 520px;
 	margin-top: 30px
 }

 .news_right {
 	float: right;
 	width: 520px;
 	margin-top: 30px
 }

 /* .news_h1 {font-size: 20px;margin-bottom: 5px} */
 .news_ul li {
 	padding: 4px 0
 }

 .news_ul li a {
 	font-size: 14px;
 	color: #333
 }

 .news_ul li.litop {
 	padding: 0;
 	height: 108px
 }

 .news_ul li.litop img {
 	float: left;
 	width: 160px;
 	height: 100px;
 	margin-right: 15px
 }

 .news_ul li.litop p.a a {
 	font-size: 14px;
 	font-weight: 700
 }

 .news_ul li.litop p.p {
 	display: block;
 	color: #666;
 	font-size: 13px;
 	line-height: 20px;
 	padding-top: 5px
 }

 .news_ul li a:hover {
 	color: #e60012;
 	text-decoration: underline
 }

 .news_h1.news_h2 {
 	margin: 60px 0;
 	padding: 0 17px;
 	padding-left: 0;
 }

 .sale_btn {
 	text-align: center;
 	margin-top: 30px
 }

 .sale_btn a {
 	background: url(../images/msg.jpg) no-repeat 8px center;
 	display: inline-block;
 	padding: 5px 8px;
 	border: 2px solid #5c5c5c;
 	border-radius: 6px;
 	-webkit-border-radius: 6px;
 	-moz-border-radius: 6px;
 	-o-border-radius: 6px;
 	-ms-border-radius: 6px;
 	color: #333;
 	text-indent: 25px
 }

 #body_0 #height85 {
 	display: none
 }

 #top .menu li.codediv {
 	width: 114px;
 }

 #top .menu li.codediv a img {
 	position: absolute;
 	top: 5px;
 	right: 0;
 }

 #top .menu li.codediv ul {
 	background: unset;
 	width: 100%;
 }

 #top .menu li.codediv ul li img {
 	width: 80%;
 	margin: 0 auto;
 	display: block;
 }

 #top .menu li.codediv a .img2,
 #top .menu li.codediv a .img3 {
 	display: none;
 }

 #top.scroll2 .menu li.codediv a .img2 {
 	display: block;
 }

 #top.scroll2 .menu li.codediv a .img1 {
 	display: none;
 }

 #top.scroll .menu li.codediv a .img1 {
 	display: none;
 }

 #top.scroll .menu li.codediv a .img2 {
 	display: block;
 }

 #top .menu li.codediv:hover>a>.img1 {
 	display: none;
 }

 #top .menu li.codediv:hover>a>.img2 {
 	display: none;
 }

 #top .menu li.codediv:hover>a>.img3 {
 	display: block;
 }

 #service img {
 	width: 100%;
 	height: 100%;
 	display: block;
 	padding: 0;
 	margin: 0;
 }

 #service .big-case {
 	width: 50%;
 	float: left;
 	height: 46vw;
 	max-height: 47.1vw;
 	overflow: hidden;
 }

 #serbice .case-list-b {
 	float: left;
 	width: 100%;
 	overflow: hidden;
 }

 #service .big-case .case-list-s {
 	width: 50%;
 	float: left;
 	overflow: hidden;
 }

 #service .big-case .case-list-s img {
 	height: 100%;
 }

 #service .hang-case .case-list-s {
 	width: 25%;
 	float: left;
 	overflow: hidden;
 }

 #serbice .case-list-h {
 	float: left;
 	width: 100%;
 	overflow: hidden;
 	height: 21.7vw;
 }

 #service .hang-case {
 	width: 100%;
 }

 #service .big-case .img {
 	overflow: hidden;
 	height: 100%;
 }

 #service .hang-case .img {
 	overflow: hidden;
 	height: 100%;
 }

 #service .hang-case .case-list-s img {
 	height: auto;
 }

 #service .case-list-s,
 #service .case-list-h,
 #service .case-list-b {
 	position: relative;
 	display: block;
 	height: 50%;
 }

 #service .case-list-b {
 	height: 100%;
 }

 #service .case-list-h {
 	float: left;
 	width: 100%;
 }

 #service .case-list-s .con,
 #service .case-list-h .con,
 #service .case-list-b .con {
 	background: rgba(0, 0, 0, .6);
 	color: #fff;
 	display: block;
 	position: absolute;
 	left: 0;
 	bottom: 0;
 	font-size: 18px;
 	height: 100%;
 	width: 100%;
 	margin: 0;
 	padding: 0;
 	/* 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; */
 	transition: all 0.3s;
 	opacity: 0;
 	-ms-opacity: 0;
 	-moz-opacity: 0;
 	-webkit-opacity: 0;
 	font-weight: 700;
 }

 #service .hang-case .case-list-s {
 	overflow: hidden;
 	background-repeat: no-repeat;
 	background-size: cover;
 	background-position: center;
 	height: 19.5vw;
 }

 #service .case-list-s p,
 #service .case-list-h p,
 #service .case-list-b p {
 	/* -webkit-transition: .7s;-moz-transition: .7s;transition: .7s;-webkit-transform: scale(0);-moz-transform: scale(0);transform: scale(0);opacity: 0;-ms-opacity: 0;-moz-opacity: 0;-webkit-opacity: 0; */
 	position: absolute;
 	bottom: 20px;
 	padding: 0 15px;
 	line-height: 25px;
 }

 #service .case-list-s p font,
 #service .case-list-h p font,
 #service .case-list-b p font {
 	display: block;
 	font-size: 18px;
 }

 #service .case-list-s p span,
 #service .case-list-h p span,
 #service .case-list-b p span {
 	display: block;
 	font-size: 13px;
	font-weight: 300;
	margin-top: 5px;
 }

 #service .case-list-s:hover>.con,
 #service .case-list-h:hover>.con,
 #service .case-list-b:hover>.con {
 	opacity: 1;
 	-ms-opacity: 1;
 	-moz-opacity: 1;
 	-webkit-opacity: 1;
 }

 #service .case-list-s:hover .con>p>font,
 #service .case-list-h:hover .con>p>font,
 #service .case-list-b:hover .con>p>font {
 	/* -webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1); */
 	opacity: 1;
 	-ms-opacity: 1;
 	-moz-opacity: 1;
 	-webkit-opacity: 1;
 }

 #pp {
 	background-color: #fff;
 	padding: 65px 0 100px;
 }

 .p-top .tit {
 	font-size: 38px;
 	color: #000;
 	font-family: 'Microsoft yahei';
 	font-weight: bold;
 	line-height: 55px;
 }

 .p-top .tit font {
 	font-weight: normal;
 }

 .p-top .des {
 	margin-top: 10px;
 	font-size: 14px;
 	font-weight: 300;
 	line-height: 24px;
 	color: #898989;
 }

 .pp-list {
 	float: left;
 	width: 31%;
 	margin-right: 3.5%;
 }

 .pp-list:nth-child(3) {
 	margin-right: 0;
 }

 .pp-list .top-tit {
 	font-size: 24px;
 	padding-bottom: 20px;
 	margin-bottom: 20px;
 	color: #231815;
 	font-family: "Microsoft yahei";
 	display: none;
 }

 .pp-list .p-list-div {
 	display: block;
 }

 .pp-list .p-list-div .img {
 	position: relative;
 }

 .pp-list .p-list-div .img img {
 	width: 100%;
 	display: block;
 }

 .pp-list .p-list-div .img .img-tit {
 	position: absolute;
 	width: 100%;
 	bottom: 0;
 	left: 0;
 	padding: 15px;
 	color: #fff;
 	transition: all 0.3s;
 }

 .pp-list .p-list-div .img .img-tit b {
 	font-size: 24px;
 	display: none;
 	width: 100%;
 	transition: all 0.3s;
 }

 .pp-list .p-list-div .img .img-tit font {
 	font-size: 16px;
 	display: none;
 	transition: all 0.3s;
 }

 .p-bottom {
 	margin-top: 78px;
 }

 .pp-list:hover .p-list-div .img .img-tit {
 	background: rgba(0, 0, 0, 0.5);
 }

 .pp-list:hover .p-list-div .img .img-tit b {
 	margin-bottom: 10px;
 	display: block;
 }

 .pp-list:hover .p-list-div .img .img-tit font {
 	display: block;
 }

 .pp-list .p-list-div .tit {
 	font-size: 16px;
 	color: #000;
 	padding: 15px 0 10px;
 }

 .pp-list .p-list-div .des {
 	font-size: 13px;
 	font-weight: 300;
 	line-height: 24px;
 	color: #898989;
 	margin-bottom: 35px;
 }

 .pp-list .p-list-div .url {
 	font-size: 15px;
 	color: #898989;
 	width: 200px;
 	padding: 8px 20px;
 	background-color: #fff;
 	text-align: center;
 	border: 1px solid #898989;
 	transition: all 0.3s;
 }

 .pp-list .p-list-div .url:hover {
 	color: #fff;
 	background-color: #b40c39;
 	border: 1px solid #b40c39;
 }

 #system h2 font {
 	font-size: 16px;
 	display: block;
 	line-height: 1.7rem;
 	color: #666;
 }

 #system .kongb {
 	margin-bottom: 12vw;
 }

 #system h2 font:nth-child(3) {
 	margin-bottom: 20px;
 }

 .system_rt .img1 {
 	width: 100%;
 }

 .system_rt .sys_des {
 	width: 36%;
 	position: absolute;
 	right: 0;
 	top: -7%;
 	color: #fff;
 }

 .system_rt .sys_des .tit {
 	font-family: 'Microsoft yahei';
 	font-size: 96.75px;
 	font-weight: 700;
 }

 .system_rt .sys_des .des {
 	margin-top: 13%;
 	color: #fff;
 	line-height: 1.7rem;
 }

 .system_rt .sys_des .des .d-tit {
 	font-size: 18px;
 	font-weight: bold;
 }

 .system_rt .sys_des .des .d-des {
 	font-size: 14px;
 }

 .man_content {
 	position: absolute;
 	width: 560px;
 	top: 14%;
 	left: 20.5%;
 	background-color: #b40c39;
 	z-index: 2;
 	color: #fff;
 }

 .con-box {
 	padding: 5%;
 	text-align: left;
 	width: 100%;
 	height: 100%;
 }

 .con-box .tit .big {
 	font-size: 2vw;
 	margin-bottom: 10px;
 }

 .con-box .tit .small {
 	font-size: 0.9vw;
 }

 .con-box .content .tit {
 	font-size: 3vw;
 	padding: 20px 0;
 }

 .con-box .content .des {
 	padding-top: 0;
 	padding-left: 3%;
 	margin-left: 11%;
 	border-left: 2px solid #fff;
 	line-height: 1.8rem;
 	margin-bottom: 5%;
 	font-size: 0.9vw;
 }

 .con-box .content .page {
 	margin-left: 11%;
 }

 .f-l {
 	float: left;
 	width: 405px;
 }

 .f-box .title {
 	font-size: 28px;
 	padding-bottom: 15px;
 	margin-bottom: 15px;
 	color: #787878;
 	border-bottom: 1px solid #5a5a5a;
 }

 .f-box .title img {
 	display: block;
 	max-width: 100%;
 }

 .footerdiv .f-l .top {
 	margin-bottom: 50px;
 }

 .footerdiv .f-l .top .content .img {
 	float: left;
 	width: 30%;
 	text-align: center;
 }

 .footerdiv .f-l .top .content .img p {
 	color: #909090;
 	font-size: 14px;
 }

 .footerdiv .f-l .top .content .img img {
 	width: 100%;
 	padding: 6px 0 5px;
 }

 .footerdiv .f-l .top .content .des {
 	float: right;
 	width: 66%;
 	color: #787878;
 	font-size: 14px;
 	line-height: 1.5rem;
 }

 .footerdiv .f-l .top .content .des p {
 	line-height: 27px;
 }

 .footerdiv .f-l .top .content .des p.tit {
 	font-size: 16px;
 	font-weight: bold;
 }

 .footerdiv .f-l .top .content .des font {
 	font-size: 18px;
 	color: #787878;
 }

 .footerdiv .f-r {
 	width: 59.85%;
 	float: right;
 }

 .footerdiv .f-r .case-list {
 	float: left;
 	width: 50%;
 }

 .footerdiv .f-r .case-list .urldiv a {
 	font-size: 14px;
 	line-height: 1.5rem;
 	display: block;
 }

 p.copyright {
 	padding: 20px 45px;
 	text-align: center;
 }

 p.copyright font {
 	font-size: 14px;
 	position: absolute;
 	left: 0;
 }

 .system_rt img.img2 {
 	display: none;
 }

 #banner .item a {
 	display: block;
 	position: relative;
 	width: 100%;
 	height: 100vh;
 	/* min-height: 227px; */
 	background-size: cover;
 	background-repeat: no-repeat;
 	background-position: center center;
 }

 @media screen and (max-width: 1900px) {
 	#banner .item a {
 		background-size: cover;
 	}
 }

 #banner .item a div.con {
 	margin: 0 auto;
 	padding-top: 0;
 	color: #fff;
 	width: 87.4%;
 	max-width: 1708px;
 	position: absolute;
 	left: 0;
 	right: 0;
 	bottom: 10%;
 }

 #banner .item a div.con .tit {
 	font-size: 55px;
 	margin-bottom: 20px;
 	font-family: "Source Sans Pro";
 }

 #banner .item a div.con .s-tit {
 	font-size: 18px;
 	line-height: 30px;
 	margin-bottom: 70px;
 	font-family: "Source Sans Pro";
 }

 #banner .item a div.con .s-tit b {
 	font-family: "Source Sans Pro";
 	font-weight: normal;
 }

 #banner .item a div.con .des {
 	font-size: 18px;
 	line-height: 30px;
 	font-weight: normal;
 	font-family: "Source Sans Pro";
 }

 #banner .item:first-child a div.con .des {
 	display: inline-block;
 }

 @media screen and (max-width:1680px) {

 	.news_index_left,
 	.news_index_right {
 		height: 1050px;
 	}

 	.news_index_center {
 		height: 1050px;
 	}

 	.news_h1 {
 		font-size: 40px;
 	}
 }

 @media screen and (max-width:1516px) {
 	#banner .item a div.con .tit {
 		font-size: 40px;
 	}

 	#banner .item a div.con .s-tit {
 		font-size: 22px;
 		margin-bottom: 95px;
 	}

 	#banner .item a div.con .des {
 		font-size: 22px;
 	}

 	.news_index_left,
 	.news_index_right {
 		height: 980px;
 	}

 	.news_index_center {
 		height: 980px;
 	}

 	.news_h1 {
 		font-size: 35px;
 	}
 }

 @media screen and (max-width:1496px) {
 	.system_rt .sys_des .tit {
 		font-family: 'Microsoft yahei';
 		font-size: 5.5vw;
 		font-weight: 700;
 	}

 	.system_rt .sys_des .des {
 		margin-top: 3%;
 		color: #fff;
 		line-height: 2vw;
 	}

 	.system_rt .sys_des .des .d-tit {
 		font-size: 1.1vw;
 		font-weight: bold;
 	}

 	.system_rt .sys_des .des .d-des {
 		font-size: 0.8vw;
 	}
 }

 @media screen and (max-width:1300px) {
 	#banner .item a div.con .tit {
 		font-size: 44px;
 	}

 	#banner .item a div.con .s-tit {
 		font-size: 19px;
 		margin-bottom: 75px;
 	}

 	#banner .item a div.con .des {
 		font-size: 19px;
 	}

 	/* .center {width: 100% !important} */
 	#about_us {
 		padding: 80px 45px
 	}

 	#about_us p {
 		display: block;
 		padding: 0 45px
 	}

 	#service ul {
 		padding: 0 5px
 	}

 	/* #system {padding: 50px 45px} */
 	#system h2 {
 		font-size: 40px
 	}

 	#system h2 b {
 		display: block
 	}

 	/* .system_lt {width: 50%;padding-top: 0} */
 	/* .system_rt {width: 50%} */
 	.system_rt img {
 		display: block;
 		width: 100%;
 		height: auto
 	}

 	#why_choose_us {
 		padding: 60px 45px
 	}

 	#why_choose_us h2 {
 		font-size: 40px
 	}

 	#why_choose_us p.p {
 		font-size: 18px
 	}

 	#why_choose_us li b.title {
 		font-size: 25px;
 		background: #d81341;
 		padding: 25px 0
 	}

 	#why_choose_us li {
 		background: #f5f5f5
 	}

 	#why_choose_us li p.desc {
 		padding-top: 30px;
 		font-size: 16px
 	}

 	#why_choose_us li p.text {
 		padding: 15px;
 		font-size: 14px
 	}

 	#tearm_index .service_p {
 		padding-left: 45px;
 		padding-right: 45px
 	}

 	.manguatrue_p {
 		height: auto
 	}

 	.manguatrue_img {
 		position: static;
 		margin-left: 0;
 		width: auto;
 		height: auto
 	}

 	/* #tearm_index li.t2,#tearm_index li.t3,#tearm_index li.t4 {height: auto}#tearm_index li.t5,#tearm_index li.t6,#tearm_index li.t7 {height: auto} */
 	/* #tearm_index li img {height: 22.48062015503876vw} */
 	/* #tearm_index li.t2,#tearm_index li.t5 {width: 32%} */
 	/* #tearm_index li.t3,#tearm_index li.t6 {width: 36%}#tearm_index li.t4,#tearm_index li.t7 {width: 32%} */
 	/* #tearm_index li.t2 b {left: 5.42635658914729vw;top: 7.75193798449612vw} */
 	.manguatrue_p {
 		margin-top: 40px
 	}

 	/* .index_list {padding-left: 45px;padding-right: 45px} */
 	/* .news_index_left,.news_index_right {width: 33.3333333333%} */
 	/* .news_index_center {width: 33.333333%} */
 	/* .news_index_left ul li,.news_index_right ul li {overflow: hidden;white-space: nowrap;text-overflow: ellipsis}*/
 	.news_top {
 		padding: 20px 15px
 	}

 	.news_bottom b,
 	.news_top b {
 		font-size: 16px
 	}

 	.news_bottom {
 		padding: 20px 15px
 	}

 	p.copyright font {
 		position: unset;
 	}

 	.news_h1 {
 		font-size: 28px;
 	}
 }

 @media screen and (max-width:1182px) {
 	#banner {
 		height: 51vw;
 		min-height: unset;
 	}

 	#banner .item a {
 		background-size: 100% 100%;
 		height: 51vw;
 	}

 	/* .index_list {padding: 40px 45px} */
 	#service .case-list-s p font {
 		font-size: 14px;
 	}

 	#service .case-list-s p span {
 		display: none;
 	}

 	.navigation li.codediv {
 		display: none;
 	}

 	#banner .item a div.con .tit {
 		font-size: 3.55vw;
 	}

 	#banner .item a div.con .s-tit {
 		font-size: 1.25vw;
 		margin-bottom: 35px;
 		line-height: 25px;
 	}

 	#banner .item a div.con .des {
 		font-size: 1.25vw;
 		line-height: 25px;
 	}

 	.footerdiv .f-r {
 		width: 100%;
 		float: right;
 		margin-top: 2%;
 	}

 	#tearm_index h2 {
 		font-size: 30px
 	}

 	#tearm_index .service_p {
 		font-size: 16px
 	}

 	#system h2 {
 		font-size: 30px
 	}

 	#case h2 {
 		font-size: 20px
 	}

 	#case h2 b {
 		font-size: 30px
 	}

 	#about_us h2,
 	#service h2 {
 		font-size: 30px
 	}

 	#about_us li i {
 		font-size: 45px
 	}

 	#about_us li {
 		font-size: 15px
 	}

 	#about_us li {
 		padding: 0 20px
 	}

 	#about_us ul {
 		width: 739px;
 		margin-top: 80px
 	}

 	#service ul li a b {
 		font-size: 16px
 	}

 	#service ul li {
 		padding: 3.5vw 0
 	}

 	#system p {
 		font-size: 16px
 	}

 	#case .service_p {
 		font-size: 16px
 	}

 	.case-pagination {
 		padding: 40px 0
 	}

 	.case-pagination .swiper-pagination-bullet {
 		padding: 15px
 	}

 	#why_choose_us {
 		padding: 50px 45px
 	}

 	#why_choose_us h2 {
 		font-size: 30px
 	}

 	#why_choose_us p.p {
 		font-size: 16px
 	}

 	#why_choose_us li b.title {
 		font-size: 20px;
 		padding: 15px 0
 	}

 	#why_choose_us li p.desc {
 		padding-top: 20px;
 		font-size: 16px
 	}

 	#why_choose_us li p.text {
 		padding: 15px;
 		font-size: 14px
 	}

 	/* .news_index_left,.news_index_right {width: 50%;height: auto} */
 	.news_index_center {
 		display: none;
 	}

 	.n-box {
 		width: 100%;
 	}

 	.news_index_left p.img,
 	.news_index_right p.img {
 		height: 24vw;
 	}

 	.man_content {
 		position: unset;
 		width: 100%;
 		height: auto;
 		background-color: #b40c39;
 		z-index: unset;
 		color: #fff;
 	}

 	.man_content {
 		position: unset;
 		width: 100%;
 		height: auto;
 		background-color: #b40c39;
 		z-index: unset;
 		color: #fff;
 	}

 	.con-box .tit .big {
 		font-size: 30px;
 	}

 	.con-box .tit .small {
 		font-size: 14.51px;
 	}

 	.con-box .content .tit {
 		font-size: 34px;
 		padding: 15px 0;
 	}

 	.con-box .content .des {
 		line-height: 1.3rem;
 		font-size: 14px;
 	}

 	.news_index_left,
 	.news_index_right {
 		height: auto;
 	}

 	.news_index_left ul li,
 	.news_index_right ul li {
 		width: 49.2%;
 		margin-right: 1.5%;
 	}

 	.news_index_left ul li:nth-child(3n) {
 		margin-right: 1.5%;
 	}

 	.news_index_left ul li:nth-child(2n) {
 		margin-right: 0;
 	}

 	.news_index_left ul li a.url,
 	.news_index_right ul li a.url {
 		padding-bottom: 0;
 		margin: 0;
 		padding: 10px 0 !important;
 	}

 	.news_index_left ul li:nth-child(1) a.url,
 	.news_index_left ul li:nth-child(2) a.url,
 	.news_index_left ul li:nth-child(3) a.url {
 		border-bottom: unset;
 	}

 	.news_h1 {
 		font-size: 24px;
 		padding: 20px 17px;
 	}

 	.news_index_left ul li a,
 	.news_index_right ul li a {
 		margin: 10px 0;
 	}

 	/* .center {padding: 0 20px;} */
 	.news_h1.news_h2 {
 		margin: 20px 0;
 		padding: 0 17px;
 		padding-left: 0;
 	}

 	.index_list {
 		background: #f5f5f5;
 		padding: 20px 0 20px;
 	}

 	.navigation li a {
 		padding: 5px 11px;
 	}

 	#system p b {
 		font-size: 18px
 	}

 	#system p {
 		font-size: 14px;
 		margin-bottom: 15px
 	}

 	.system_lt {
 		width: 100%;
 		text-align: center;
 	}

 	.system_rt {
 		width: 100%;
 		text-align: center;
 	}

 	#system h2:after {
 		content: '';
 		margin: 0 auto;
 	}

 	/* #system {padding: 50px 25px} */
 	#system h2 font {
 		font-size: 14px;
 		display: block;
 		line-height: 1.4rem;
 		color: #666;
 	}

 	#system h2 {
 		margin-bottom: 3%;
 	}

 	#system .kongb {
 		margin-bottom: 0;
 	}

 	.system_rt .sys_des {
 		width: 100%;
 		position: unset;
 	}

 	.system_rt .sys_des .tit {
 		font-size: 5.5vw;
 		color: #b40c39;
 	}

 	.system_rt .sys_des .des {
 		margin-top: 3%;
 		color: #000;
 		line-height: 1.3rem;
 	}

 	.system_rt .sys_des .des .d-tit {
 		font-size: 2vw;
 		font-weight: bold;
 	}

 	.system_rt .sys_des .des .d-des {
 		font-size: 1vw;
 	}

 	.system_rt img.img1 {
 		display: none;
 	}

 	.system_rt img.img2 {
 		display: block;
 	}

 	#about_us {
 		padding: 60px 0;
 		padding-bottom: 35px
 	}

 	#about_us ul {
 		width: 100%;
 		margin-top: 25px
 	}

 	#about_us li {
 		width: 50%;
 		float: left;
 		text-align: center;
 		padding: 25px 0
 	}

 	#case .service_p {
 		padding-left: 25px;
 		padding-right: 25px
 	}

 	#body_0 #height85 {
 		display: block;
 		height: 55px;
 	}

 	#banner_carousel {
 		top: 55px;
 	}

 	#banner .owl-dots {
 		bottom: 15px
 	}

 	#service ul li a:before {
 		width: 50px;
 		height: 50px;
 		background-size: 200px auto
 	}

 	#service ul li.logo a:before {
 		background-position: -50px 0
 	}

 	#service ul li.package a:before {
 		background-position: -100px 0
 	}

 	#service ul li.album a:before {
 		background-position: -150px 0
 	}

 	#service ul li.vi a:before {
 		background-position: 0 50px
 	}

 	#service ul li.website a:before {
 		background-position: -50px 50px
 	}

 	#service ul li.exhibition a:before {
 		background-position: -100px 50px
 	}

 	#service ul li.photography a:before {
 		background-position: -150px 50px
 	}

 	#service ul li a b {
 		font-size: 14px
 	}

 	#service ul li p {
 		font-size: 12px
 	}

 	#service ul {
 		margin-top: 40px
 	}

 	#case .service_p {
 		font-size: 14px
 	}

 	.case-pagination {
 		padding: 35px 0
 	}

 	.case-pagination .swiper-pagination-bullet {
 		padding: 10px 15px
 	}

 	.case_div .slide_item {
 		width: 33.3333%
 	}

 	.case_div .slide_item:nth-child(10) {
 		display: none
 	}

 	#why_choose_us {
 		padding: 40px 25px
 	}

 	#why_choose_us li {
 		width: 50%;
 		border-left: 0
 	}

 	#why_choose_us li:nth-child(even) {
 		border-right: 0
 	}

 	#why_choose_us li:nth-child(1),
 	#why_choose_us li:nth-child(2) {
 		margin-bottom: 6px
 	}

 	#tearm_index .service_p {
 		padding-left: 25px;
 		padding-right: 25px
 	}

 	#tearm_index li.t2 b {
 		display: none
 	}

 	.manguatrue_p {
 		margin-top: 30px
 	}

 	/* .index_list {padding: 35px 25px} */
 	#hm_t_undefined {
 		display: none
 	}

 	#pp {
 		padding: 25px 0 20px;
 	}

 	.p-top .tit {
 		font-size: 35px;
 	}

 	.p-top .des {
 		font-size: 14px;
 		line-height: 1.6rem;
 	}

 	.pp-list .top-tit {
 		font-size: 18px;
 		padding-bottom: 10px;
 		margin-bottom: 10px;
 	}

 	.pp-list .p-list-div .img .img-tit {
 		display: none;
 	}

 	.pp-list .p-list-div .tit {
 		font-size: 13px;
 		color: #000;
 		padding: 8px 0 8px;
 	}

 	.pp-list .p-list-div .des {
 		font-size: 12px;
 		line-height: 1.5rem;
 		color: #888;
 		margin-bottom: 15px;
 		white-space: nowrap;
 		overflow: hidden;
 		text-overflow: ellipsis;
 	}

 	.pp-list .p-list-div .url {
 		font-size: 14px;
 		color: #000;
 		width: 90px;
 		padding: 5px;
 	}

 	#system {
 		padding: 25px 0 15px;
 	}

 	/* #system .kongb {margin-bottom: 4%;} */
 	.footerdiv .f-l .top {
 		margin-bottom: 20px;
 	}

 	#num_index .top {
 		padding-top: 6vw;
 		padding-bottom: 7vw;
 	}

 	#num_index .top h2 {
 		width: 87.4%;
 		font-size: 20px;
 		line-height: 1.9rem;
 	}

 	#num_index .top p {
 		width: 87.4%;
 		font-size: 14px;
 		line-height: 1.5rem;
 	}

 	#num_index .bottom .list-box {
 		width: 87.4%;
 	}

 	#num_index .bottom div.list {
 		width: 50% !important;
 		margin-right: 0 !important;
 		margin-bottom: 2%;
 		padding: 0 5%;
 	}

 	#num_index .bottom div.list .num {
 		font-size: 30px;
 	}

 	#num_index .bottom div.list .con {
 		font-size: 14px;
 		line-height: 25px;
 		height: 52px;
 	}

 	#num_index .bottom {
 		padding: 20px 0 30px;
 	}

 	#num_index .top h2::after {
 		content: "";
 		width: 80px;
 		background-color: #fff100;
 		height: 5px;
 		margin: 30px auto;
 	}

 	#service .center {
 		text-align: left;
 		padding: 25px 0 25px
 	}

 	.case-url {
 		margin: 25px auto 35px;
 		border: 1px solid #999;
 	}

 	#service .center h2 {
 		text-align: left;
 		font-size: 22px;
 		font-weight: bold;
 		padding-bottom: 15px;
 	}

 	#service .center a {
 		padding: 0 5px;
 		font-size: 13px;
 		line-height: 20px;
 		padding-left: 0;
 	}

 	#why_index #why_box {
 		height: auto;
 	}

 	#why_index .img-box {
 		display: none;
 	}

 	#why_index .list-box .list {
 		width: 100%;
 		border-right: 0;
 		margin-bottom: 2%;
 		background-color: #fff;
 		border-radius: 5px;
 		display: block;
 		overflow: hidden;
 	}

 	#why_index .list-box .list:hover {
 		background-color: #fff;
 	}

 	#why_index .list-box .list .bottom {
 		position: unset;
 		height: auto;
 		padding: 0%;
 		margin-top: 0px;
 	}

 	#why_index .list-box .list .bottom::before {
 		content: "";
 		background-size: cover;
 		background-position: center;
 		background-repeat: no-repeat;
 		width: 100%;
 		height: 30vw;
 		display: block;
 		margin-bottom: 20px;
 	}

 	#why_index .list-box .list:nth-child(1) .bottom::before {
 		background-image: url(../images/wb11.webp);
 	}

 	#why_index .list-box .list:nth-child(2) .bottom::before {
 		background-image: url(../images/wb22.webp);
 	}

 	#why_index .list-box .list:nth-child(3) .bottom::before {
 		background-image: url(../images/wb33.webp);
 	}

 	#why_index .list-box .list:nth-child(4) .bottom::before {
 		background-image: url(../images/wb44.webp);
 	}

 	#why_index .list-box .list .bottom .tit {
 		font-size: 20px;
 	}

 	#why_index .list-box .list .bottom .s-tit {
 		font-size: 14px;
 	}

 	#why_index .list-box .list .bottom .des {
 		font-size: 12px;
 		line-height: 25px;
 	}

 	#why_index .top_tit h2 {
 		font-size: 32px;
 	}
 }

 @media screen and (max-width:700px) {
 	#banner .item a div.con {}

 	#banner .owl-nav {
 		display: none !important;
 	}

 	/* #banner{height: 55vh;} */
 	/* #banner .item a{height: 55vh;} */
 	#banner .item a div.con {
 		top: 15%;
 	}

 	#banner .item a div.con .tit {
 		font-size: 18px;
 		font-weight: bold;
 		line-height: 2rem;
 	}

 	#banner .item a div.con .s-tit {
 		font-size: 13px;
 		margin-bottom: 35px;
 		display: none;
 	}

 	#banner .item a div.con .des {
 		display: none;
 	}

 	#banner .item:first-child a div.con .des {
 		display: none;
 	}

 	#tearm_index h2 {
 		font-size: 25px
 	}

 	#tearm_index .service_p {
 		font-size: 14px
 	}

 	#about_us h2,
 	#service h2 {
 		font-size: 25px
 	}

 	#about_us li i {
 		font-size: 40px
 	}

 	#about_us p {
 		padding: 0 25px
 	}

 	#system h2 {
 		font-size: 25px
 	}

 	#case h2 {
 		font-size: 18px
 	}

 	#case h2 b {
 		font-size: 25px
 	}

 	.news_index_left,
 	.news_index_right {
 		width: 100%;
 		height: auto;
 		margin-bottom: 15px
 	}

 	.p-bottom {
 		margin-top: 18px;
 	}

 	.case-url {
 		font-size: 14px;
 		margin: 15px auto;
 		padding: 8px 0;
 	}

 	#service .case-list-s p font,
 	#service .case-list-h p font,
 	#service .case-list-b p font {
 		font-size: 13px;
 	}

 	/* #banner .item a div.con .des{display: none;} */
 	.pp-list {
 		width: 100%;
 		margin-right: 0;
 		margin-bottom: 5%;
 	}

 	.pp-list .p-list-div .img .img-tit b {
 		display: block;
 	}

 	.p-top .tit {
 		font-size: 22px;
 	}

 	.p-top .des {
 		font-size: 12px;
 		line-height: 1.4rem;
 	}

 	.pp-list .top-tit {
 		font-size: 16px;
 	}
 }

 @media screen and (max-width:600px) {
 	#tearm_index h2 {
 		font-size: 5vw
 	}

 	#tearm_index .service_p {
 		font-size: 14px
 	}

 	#case h2 {
 		font-size: 4vw
 	}

 	#case h2 b {
 		font-size: 5vw
 	}

 	#system h2 {
 		font-size: 5vw
 	}

 	#service h2 {
 		font-size: 5vw
 	}

 	#about_us h2 {
 		font-size: 5vw;
 		margin-bottom: 3.33333333333333vw;
 		text-align: left;
 		padding-left: 25px
 	}

 	#about_us p {
 		font-size: 14px;
 		padding: 0 25px;
 		text-align: left
 	}

 	#about_us {
 		padding: 50px 0;
 		padding-bottom: 45px
 	}

 	#about_us ul {
 		margin-top: 30px
 	}

 	#about_us li {
 		padding: 15px 0
 	}

 	#service ul {
 		margin-top: 30px
 	}

 	/* .system_lt {width: 50%} */
 	/* .system_rt {width: 50%} */
 	.case-pagination {
 		padding: 30px 0;
 		float: left;
 		width: 100%;
 		background: 0 0
 	}

 	.case-pagination:after {
 		display: none
 	}

 	.case-pagination .swiper-pagination-bullet {
 		padding: 10px 5px;
 		float: left;
 		width: 18%;
 		margin: 0 1%;
 		background: #fff
 	}

 	.case-pagination .swiper-pagination-bullet-active {
 		background: #000
 	}

 	.case_div .slide_item {
 		width: 50%
 	}

 	.case_div .slide_item:nth-child(10) {
 		display: block
 	}

 	#why_choose_us h2 {
 		font-size: 5vw
 	}

 	#why_choose_us p.p {
 		font-size: 14px
 	}

 	#why_choose_us li b.title {
 		font-size: 18px;
 		padding: 10px 0
 	}

 	#why_choose_us li p.desc {
 		padding-top: 15px;
 		font-size: 14px
 	}

 	#why_choose_us li p.text {
 		padding: 15px 10px;
 		font-size: 13px
 	}

 	.f-l {
 		width: 100%;
 	}

 	.con-box .tit .big {
 		font-size: 20px;
 	}

 	.con-box .tit .small {
 		font-size: 13.51px;
 	}

 	.con-box .content .tit {
 		font-size: 25px;
 		padding: 15px 0;
 	}

 	.con-box .content .des {
 		line-height: 1.3rem;
 		font-size: 12px;
 	}

 	.footerdiv .f-l .top .content .img p {
 		font-size: 12px;
 	}

 	.footerdiv .f-l .top .content .des {
 		font-size: 12px;
 		line-height: 1.3rem;
 	}

 	.footerdiv .f-l .top .content .des .tit {
 		font-size: 13px;
 	}

 	.footerdiv .f-l .top .content .des font {
 		font-size: 15px;
 	}

 	.f-box .title {
 		font-size: 20px;
 		padding-bottom: 15px;
 		margin-bottom: 15px;
 	}

 	.footerdiv .f-r {
 		display: none;
 	}

 	#why_index .top_tit h2 {
 		font-size: 20px;
 	}

 	#why_index .top_tit p {
 		font-size: 14px;
 		padding: 10px 0 25px;
 	}

 	#why_index .list-box .list:nth-child(1) .bottom {
 		background-size: auto 100%;
 	}

 	#why_index .list-box .list:nth-child(2) .bottom {
 		background-size: auto 100%;
 	}

 	#why_index .list-box .list:nth-child(3) .bottom {
 		background-size: auto 100%;
 	}

 	#why_index .list-box .list:nth-child(4) .bottom {
 		background-size: auto 100%;
 	}
 }

 @media screen and (max-width:550px) {
 	#service ul li {
 		width: 50%
 	}

 	#service ul li p {
 		display: none
 	}
 }

 @media screen and (max-width:500px) {
 	#about_us p {
 		font-size: 12px;
 		line-height: 1.6
 	}

 	#about_us p b {
 		display: block;
 		padding: 5px 0
 	}

 	#about_us li i {
 		font-size: 30px
 	}

 	#about_us li em {
 		font-size: 30px
 	}

 	#about_us li span {
 		font-size: 12px
 	}

 	.system_lt {
 		width: 100%
 	}

 	.system_rt {
 		width: 100%;
 		margin-top: 20px
 	}

 	#system h2 b {
 		display: inline-block
 	}

 	#system h2 {
 		font-weight: 700
 	}

 	#system p b {
 		font-size: 16px
 	}

 	#system h2 {
 		width: 100%;
 		margin-bottom: 20px
 	}

 	#case .service_p {
 		font-size: 15px
 	}

 	.case-pagination .swiper-pagination-bullet {
 		padding: 8px 8px;
 		width: 29%;
 		margin: 1% 1%;
 		float: none
 	}

 	#why_choose_us li {
 		padding-bottom: 15px
 	}

 	#why_choose_us li p.text {
 		display: none
 	}

 	#why_choose_us li b.title {
 		font-size: 16px;
 		padding: 10px 0
 	}

 	#why_choose_us li p.desc {
 		padding-top: 15px;
 		font-size: 13px
 	}

 	.news_h1 {
 		font-size: 20px;
 		padding: 10px 17px;
 	}

 	#system p b {
 		font-size: 14px;
 	}

 	#system p {
 		font-size: 12px;
 		line-height: 1.4rem;
 	}

 	.news_h1 a {
 		font-size: 13px;
 		padding-top: 2%;
 	}

 	.news_index_left ul li a,
 	.news_index_right ul li a {
 		font-size: 14px;
 		line-height: 1.4rem;
 	}

 	.news_index_left p,
 	.news_index_right p {
 		overflow: hidden;
 		height: 35px;
 		font-size: 12px;
 		line-height: 18px;
 	}

 	.news_index_left ul li:nth-child(1) a.url,
 	.news_index_left ul li:nth-child(2) a.url,
 	.news_index_left ul li:nth-child(3) a.url,
 	.news_index_left ul li:nth-child(4) a.url,
 	.news_index_left ul li:nth-child(5) a.url,
 	.news_index_left ul li:nth-child(6) a.url {
 		font-size: 12px;
 	}
 }

 @media screen and (max-width:414px) {

 	/* #system {padding: 50px 25px} */
 	/* #service {padding: 50px 5px} */
 	#about_us {
 		padding: 50px 0;
 		padding-bottom: 25px
 	}

 	#about_us ul {
 		margin-top: 20px
 	}

 	#about_us li {
 		padding: 10px 0
 	}

 	#about_us h2 {
 		font-size: 5.31400966183575vw
 	}

 	#service h2 {
 		font-size: 5.31400966183575vw
 	}

 	#about_us p {
 		font-size: 3.6231884057971vw
 	}

 	#system h2 {
 		font-size: 5.31400966183575vw
 	}

 	#case h2 {
 		font-size: 5.01400966183575vw
 	}

 	#case h2 b {
 		font-size: 5.31400966183575vw
 	}

 	#why_choose_us h2 {
 		font-size: 5.31400966183575vw
 	}

 	#why_choose_us p.p {
 		font-size: 14px
 	}

 	#tearm_index h2 {
 		font-size: 5.31400966183575vw
 	}

 	#tearm_index .service_p {
 		font-size: 14px
 	}
 }

 @media screen and (max-width:360px) {
 	#system h2 {
 		font-size: 18px
 	}

 	#about_us h2 {
 		font-size: 18px
 	}

 	#service h2 {
 		font-size: 18px
 	}

 	#about_us p {
 		font-size: 14px
 	}

 	#case h2 {
 		font-size: 16px
 	}

 	#case h2 b {
 		font-size: 18px
 	}

 	#why_choose_us h2 {
 		font-size: 18px
 	}

 	#why_choose_us p.p {
 		font-size: 14px
 	}

 	#tearm_index h2 {
 		font-size: 18px
 	}

 	#tearm_index .service_p {
 		font-size: 14px
 	}
 }

 @media screen and (max-width:350px) {
 	#system h2 {
 		font-size: 16px
 	}

 	#service h2 {
 		font-size: 16px
 	}

 	#about_us h2 {
 		font-size: 16px
 	}

 	#about_us p {
 		font-size: 13px
 	}

 	#case h2 {
 		font-size: 14px
 	}

 	#case h2 b {
 		font-size: 16px
 	}

 	#why_choose_us h2 {
 		font-size: 16px
 	}

 	#why_choose_us p.p {
 		font-size: 14px
 	}

 	#why_choose_us li {
 		width: 100%;
 		border: 0
 	}

 	#tearm_index h2 {
 		font-size: 16px
 	}

 	#tearm_index .service_p {
 		font-size: 13px
 	}
 }

 @media screen and (max-width: 1600px) {

 	/**/
 	.center2 {
 		width: 1200px;
 	}

 	/* .lb2 {display: none !important;} */
 }

 /*首页更新*/
 .pp-list .p-list-div .img-tit {
 	font-size: 18px;
 	padding: 10px 0 25px;
 	color: #231815;
 }

 .pp-list .p-list-div .img-tit font {
 	display: none;
 	margin: 15px 0 0;
 	color: #231815;
 	font-weight: 300;
 	font-size: 15px;
 	height: 40px;
 	display: block
 }

 .pp-list .p-list-div .img-tit b::after {
 	content: "";
 	display: block;
 	width: 30px;
 	background-color: #000;
 	height: 2px;
 	margin: 15px 0 0;
 }

 @media screen and (max-width: 1680px) {
 	.p-top .tit {
 		font-size: 35px;
 		line-height: 45px;
 	}
 }

 @media screen and (max-width: 1440px) {
 	.p-top .tit {
 		font-size: 30px;
 	}
 }

 @media screen and (max-width: 1280px) {
 	.p-top .tit {
 		font-size: 28px;
 		line-height: 35px;
 	}
 }

 @media screen and (max-width: 1182px) {
 	.p-top .tit {
 		font-size: 24px;
 	}

 	.pp-list .p-list-div .img-tit {
 		font-size: 14px;
 		padding-bottom: 0;
 		padding-left: 50px;
 	}

 	.pp-list .p-list-div .des {
 		padding-left: 50px;
 		line-height: 20px;
 		margin-top: 10px;
 	}

 	.pp-list .p-list-div .url {
 		margin-left: 50px;
 		padding: 3px;
 		width: 140px;
 	}

 	.pp-list .p-list-div .img-tit font {
 		font-size: 12.5px;
 		height: auto;
 		margin-top: 7px;
 	}

 	.pp-list .p-list-div .img-tit font::after {
 		width: 40px;
 		margin: 15px 0 0;
 	}

 	.pp-list .p-list-div .img-tit b::after {
 		margin-top: 7px;
 	}
 }

 @media screen and (max-width: 600px) {
 	.p-top .tit {
 		font-size: 18px;
 		line-height: 28px;
 	}
 }

 #brand2 {
 	padding: 25px 0 115px;
 	background-color: #000;
 }

 #brand2 .s-e-tit {
 	font-size: 40px;
 	line-height: 40px;
 	text-align: center;
 	color: #fff;
 	font-family: "GL";
 }

 #brand2 .s-tit {
 	font-size: 34px;
 	line-height: 35px;
 	margin-top: 10px;
 	margin-bottom: 55px;
 	color: #fff;
 	text-align: center;
 }

 #brand2 .center .blist {
 	float: left;
 	width: 33.3%;
 	padding: 35px 35px;
 	box-sizing: border-box;
 	position: relative;
 }

 #brand2 .p-top {
 	margin-bottom: 55px;
 }

 /*新版本更改隐藏*/
 /* #brand2 .center .blist:nth-child(2){padding-left: 0;}#brand2 .center .blist:nth-child(4){padding-right: 0;} */
 /* #brand2 .center .blist:nth-child(3)::before{content: "";position: absolute;left: 0;top: 0;height: 100%;width: 1px;background-color: #323323;}#brand2 .center .blist:nth-child(3)::after{content: "";position: absolute;right: 0;top: 0;height: 100%;width: 1px;background-color: #323323;} */
 #brand2 .center .blist .top .img {
 	margin-bottom: 25px;
 }

 #brand2 .center .blist .top .img img {
 	display: block;
 	width: 80px;
 }

 #brand2 .center .blist .top .ttit {
 	font-size: 32px;
 	line-height: 42px;
 	color: #fff;
 	font-weight: bold;
 }

 #brand2 .center .blist .top .tdes {
 	font-size: 26px;
 	font-weight: 100;
 	line-height: 25px;
 	color: #fff;
 	margin: 15px 0 30px;
 }

 #brand2 .center .blist .top .tdes::after {
 	content: "";
 	background-color: #e50012;
 	display: block;
 	margin-top: 20px;
 	width: 50px;
 	height: 1px;
 }

 #brand2 .center .blist .bcenter {
 	font-size: 28px;
 	font-weight: 100;
 	line-height: 30px;
 	color: #aaa;
 	margin-bottom: 40px;
 }

 #brand2 .center .blist .bottom .btit {
 	font-size: 14px;
 	line-height: 30px;
 	font-weight: 100;
 	color: #aaa;
 }

 #brand2 .center .blist .bottom .b-box {
 	float: left;
 	width: 50%;
 	padding-right: 2%;
 }

 #brand2 .center .blist .bottom .list {
 	font-size: 14px;
 	line-height: 25px;
 	color: #454545;
 	display: block;
 	font-weight: 100;
 	width: 100%;
 	padding: 3px 0;
 	transition: all 0.3s;
 	-webkit-transition: all 0.3s;
 }

 #brand2 .center .blist .bottom .list:hover {
 	color: #fff;
 }

 .part-service {
 	border: 1px solid #eee;
 	border-radius: 5px;
 	margin-top: 25px;
 }

 .service-box {
 	display: flex;
 }

 .service-box .list {
 	flex: 1;
 }

 .service-box .img {
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	height: 7vw;
 }

 .service-box .img img {
 	height: auto;
 	max-width: 50%;
 	max-height: 35%;
 }

 .service-box .list:nth-child(2) .img img {
 	max-height: 40%;
 }

 .service-box .list:nth-child(3) .img img {
 	max-height: 45%;
 }

 @media(max-width:600px) {}

 /*brand2新增样式*/
 #brand2 {
 	background-color: #fff;
 }

 .p-top .tit {
 	color: #000;
 }

 #brand2 .center .blist {
 	float: left;
 	width: 32%;
 	margin-right: 2%;
 	padding: 35px 35px;
 	box-sizing: border-box;
 	position: relative;
 	background-color: #fbfbfb;
 	transition: all 0.3s ease-in;
 	-webkit-transition: all 0.3s ease-in;
 	top: 0;
 }

 #brand2 .center .blist:hover {
 	box-shadow: 0 0 35px 12px #f1f1f1;
 	top: -5px;
 }

 #brand2 .center .blist:nth-child(4) {
 	margin-right: 0;
 }

 #brand2 .center .blist .bottom {
 	height: 250px;
 }

 /* #brand2 .center .blist:nth-child(2){padding-left: 35px;}#brand2 .center .blist:nth-child(4){padding-right: 35px;}*/
 #brand2 .center .blist .top .ttit {
 	color: #000;
 }

 #brand2 .center .blist .top .tdes {
 	color: #000;
 }

 #brand2 .center .blist .bottom .btit {
 	color: #000;
 }

 #brand2 .center .blist .bcenter {
 	color: #000;
 }

 #brand2 .center .blist .bottom .list:hover {
 	color: #e60012;
 }

 /*brand2新增样式*/
 @media screen and (max-width:1680px) {
 	#brand2 .center .blist .top .ttit {
 		font-size: 32px;
 	}

 	#brand2 .center .blist .bottom .btit {
 		font-size: 16px;
 		line-height: 30px;
 	}

 	#brand2 .center .blist .bcenter {
 		font-size: 16px;
 		line-height: 30px;
 		margin-bottom: 30px;
 	}
 }

 @media screen and (max-width:1440px) {
 	#brand2 .center .blist .top .ttit {
 		font-size: 28px;
 	}

 	#brand2 .center .blist .bottom .btit {
 		font-size: 15px;
 		line-height: 30px;
 	}

 	#brand2 .center .blist .bcenter {
 		font-size: 15px;
 		line-height: 30px;
 		margin-bottom: 30px;
 	}
 }

 @media screen and (max-width:1280px) {
 	#brand2 .center .blist .top .img img {
 		width: 85px;
 	}

 	#brand2 .center .blist .top .ttit {
 		font-size: 24px;
 	}

 	#brand2 .center .blist .bottom .btit {
 		font-size: 14px;
 		line-height: 27px;
 	}

 	#brand2 .center .blist .bcenter {
 		font-size: 14px;
 		line-height: 27px;
 		margin-bottom: 20px;
 	}
 }

 @media screen and (max-width:1182px) {
 	#brand2 .p-top {
 		margin-bottom: 35px;
 	}

 	#brand2 .center .blist .bottom {
 		height: auto;
 	}

 	#brand2 .center .blist:nth-child(3)::before {
 		display: none;
 	}

 	#brand2 .center .blist:nth-child(3)::after {
 		display: none;
 	}

 	#brand2 {
 		padding: 25px 0;
 	}

 	#brand2 .center .blist {
 		width: 100%;
 		padding: 0 0px;
 		padding-top: 15px;
 		margin-top: 15px;
 		border-top: 1px solid #fff;
 	}

 	#brand2 .center .blist:first-child {
 		margin-top: 0px;
 		border-top: 0;
 	}

 	#brand2 .center .blist::after {
 		display: none;
 	}

 	#brand2 .center .blist .top .img {
 		margin-bottom: 15px;
 	}

 	#brand2 .center .blist .top .img img {
 		width: 65px;
 	}

 	#brand2 .center .blist .top .ttit {
 		font-size: 20px;
 	}

 	#brand2 .center .blist .top .tdes {
 		font-size: 13px;
 		line-height: 23px;
 		margin: 5px 0 15px;
 	}

 	#brand2 .center .blist .bcenter {
 		font-size: 13px;
 		line-height: 25px;
 		margin-bottom: 10px;
 	}

 	#brand2 .center .blist .bottom .btit {
 		font-size: 13px;
 		line-height: 20px;
 	}

 	#brand2 .center .blist .bottom .list {
 		font-size: 12.5px;
 		line-height: 22px;
 	}

 	/*新增样式*/
 	#brand2 .center .blist {
 		padding: 20px;
 	}
 }

 @media(max-width:600px) {
 	#brand2 .center .blist .top .img img {
 		width: 50px;
 	}
 }

 @media screen and (max-width:1440px) {
 	#why_index .list-box .list .bottom .tit {
 		font-size: 20px;
 	}

 	#why_index .list-box .list .bottom .s-tit {
 		font-size: 14px;
 		line-height: 25px;
 		margin-bottom: 15px;
 	}

 	#why_index .list-box .list .bottom .s-tit::after {
 		margin-top: 15px;
 	}

 	#why_index .list-box .list .bottom .des {
 		font-size: 14px;
 		line-height: 25px;
 	}
 }

 @media screen and (max-width:1182px) {
 	#why_index .list-box .list:hover {
 		background-color: #fff;
 	}

 	#why_index .list-box .list .bottom .tit {
 		font-size: 16px;
 		line-height: 25px;
 		margin-bottom: 10px;
 		padding: 0 10px;
 	}

 	#why_index .list-box .list .bottom .s-tit {
 		font-size: 13px;
 		line-height: 22px;
 		margin-bottom: 10px;
 		padding: 0 10px;
 	}

 	#why_index .list-box .list .bottom .s-tit::after {
 		display: none;
 	}

 	#why_index .list-box .list .bottom .des {
 		font-size: 13px;
 		line-height: 22px;
 		padding: 0 10px;
 		height: auto;
 		margin-bottom: 15px;
 	}
 }

 #footer {
 	padding: 30px 0;
 }

 #footer .foot-left {
 	float: left;
 	width: 48%;
 }

 #footer .foot-left .top {
 	margin-bottom: 175px;
 }

 #footer .foot-left .foot-p {
 	font-size: 13px;
 	line-height: 25px;
 	color: rgba(255, 255, 255, 0.5);
 }

 #footer .foot-left .bottom .foot-p {
 	color: #fff;
 }

 #footer .foot-left .bottom .codeimg {
 	margin-top: 20px;
 	font-size: 13px;
 	color: rgba(255, 255, 255, 0.5);
 }

 #footer .foot-left .bottom .codeimg img {
 	display: block;
 	margin-bottom: 10px;
 }

 #footer .foot-right {
 	float: right;
 	width: 35%;
 }

 #footer .foot-right .f-r-list {
 	float: left;
 	padding-left: 5%;
 	padding-right: 2%;
 	width: 50%;
 }

 #footer .foot-right .f-r-list .tit,
 #footer .foot-right .f-r-list .list-box a {
 	font-size: 13px;
 	line-height: 25px;
 	color: rgba(255, 255, 255, 0.5);
 	width: 243px;
 	transition: all 0.3s;
 	-webkit-transition: all 0.3s;
 }

 #footer .foot-right .f-r-list .tit {
 	margin-bottom: 25px;
 }

 #footer .foot-right .f-r-list .list-box a {
 	display: block;
 }

 #footer .foot-right .f-r-list .list-box a:hover {
 	color: #fff;
 }

 #footer .foot-right .f-r-list .list-box a.more-url {
 	margin-top: 40px;
 }

 #footer .copydiv {
 	padding: 30px 0 0;
 }

 #footer .copydiv a {
 	color: #727171;
 }

 @media screen and (max-width:1182px) {
 	#footer .foot-left {
 		width: 100%;
 	}

 	#footer .foot-left .top {
 		margin-bottom: 20px;
 	}

 	.foot-right {
 		display: none;
 	}

 	header .logo {
 		width: 165px;
 		height: 22px;
 	}
 }

 /*20240604*/
 #logo_box .top_tit h2 {
 	font-size: 40px;
 	color: #454545;
 }

 #logo_box {
 	padding: 80px 0;
 	margin-bottom: 40px;
 }

 #logo_box ul li {
 	float: left;
 	width: 12%;
 	margin-right: 0.55%;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	height: 70px;
 	margin-bottom: 25px;
 }

 #logo_box ul li img {
 	max-width: 50%;
 	max-height: 100%;
 	filter: grayscale(100%);
 	transition: all 0.3s ease-out;
 	-webkit-transition: all 0.3s ease-out;
 }

 #logo_box ul li:nth-child(8n) {
 	margin-right: 0;
 }

 #logo_box ul li img:hover {
 	filter: grayscale(0%);
 }

 @media(max-width:1182px) {
 	#logo_box .top_tit h2 {
 		font-size: 32px;
 	}

 	#logo_box {
 		padding: 30px 0
 	}

 	#logo_box ul li {
 		width: 18.4%;
 		margin-right: 2%;
 		height: 50px;
 	}

 	#logo_box ul li:nth-child(8n) {
 		margin-right: 2%;
 	}

 	#logo_box ul li:nth-child(5n) {
 		margin-right: 0;
 	}
 }

 @media(max-width:600px) {
 	#logo_box {
 		margin-bottom: 0
 	}

 	#logo_box .top_tit h2 {
 		font-size: 20px;
 	}

 	#logo_box ul li {
 		height: 20px;
 		margin-bottom: 0px;
 	}

 	#logo_box ul li img {
 		max-height: 80%;
 	}

 	#logo_box ul li img:hover {
 		filter: grayscale(100%);
 	}
 }

 /*20240620*/
 #top.blacks .menu * {
 	color: #000;
 }

 #top.blacks .logo {
 	background-image: url(/images/logo_xr1.png);
 }

 #top.blacks .menu li.codediv a .img1 {
 	display: none;
 }

 #top.blacks .menu li.codediv a .img2,
 #top .menu li.codediv a .img3 {
 	display: none;
 }

 #top.blacks .menu li.codediv a .img2 {
 	display: block;
 }

 #top.blacks .search_form #submit {
 	background: url(/images/sear2.png) no-repeat center center;
 }

 #banner .item a div.con.blacks {
 	color: #000;
 }

 #banner .swiper-pagination {
 	bottom: 15px;
 	z-index: 99999;
 	right: 0;
 	left: 0;
 }

 #banner .swiper-pagination-bullet {
 	margin: 0 3px;
 	background: #fff;
 	opacity: 0.5;
 }

 #banner .swiper-pagination-bullet-active {
 	opacity: 1;
 }

 .hang-case .case-list-s {
 	overflow: hidden;
 }

 .hang-case .case-list-s .imgbox {
 	transition: all 0.3s;
 	-webkit-transition: all 0.3s;
 	position: absolute;
 	left: 0;
 	top: 0;
 	width: 100%;
 	height: 100%;
 	background-size: cover;
 	background-repeat: no-repeat;
 	background-position: center;
 }

 .hang-case .case-list-s:hover .imgbox {
 	transform: scale(1.05);
 }

 @media(max-width:1000px) {
 	#service .big-case {
 		width: 100%;
 		height: auto;
 		max-height: unset;
 		float: unset;
 	}

 	#service .hang-case {
 		width: 100%;
 	}

 	#service .hang-case .case-list-s {
 		width: 50%;
 		height: 50vw;
 	}

 	#service .hang-case .case-list-s:nth-child(7) {
 		width: 100%;
 	}

 	#service .case-list-s .con,
 	#service .case-list-h .con,
 	#service .case-list-b .con {
 		display: none !important;
 	}

 	#service .case-list-s:hover .con,
 	#service .case-list-h:hover .con,
 	#service .case-list-b:hover .con {
 		display: none !important;
 	}
 }

 @media(max-width:600px) {
 	#service {
 		background-color: rgba(200, 200, 200, 0.2);
		padding-bottom: 25px;
 	}

 	#service .case-list-s,
 	#service .case-list-h,
 	#service .case-list-b {
 		background-color: #fff;
 		border-radius: 5px;
 	}

 	#service .big-case {
 		padding: 10px;
 	}

 	#service .case-list-b {
 		height: auto;
 	}

 	#service .case-list-b img {
 		width: auto;
 		height: 100vw;
 	}

 	#service .big-case .case-list-s {
 		height: auto;
 		width: 100%;
 		margin-bottom: 20px;
 	}

 	#service .big-case .case-list-s img {
 		width: auto;
 		height: 100vw;
 	}

 	#service .case-list-h {
 		height: auto;
 		width: 100%;
 	}

 	#service .big-case .case-list-h {
 		margin-bottom: 10px;
 	}

 	#service .case-list-h img {
 		width: auto;
 		height: 100vw;
 	}

 	#service .big-case .img {
 		display: flex;
 		justify-content: center;
 		align-items: center;
 	}

 	#service .hang-case {
 		padding: 10px
 	}

 	#service .hang-case .case-list-s {
 		width: 100% !important;
 		height: auto;
 		margin-bottom: 20px;
 	}

 	.hang-case .case-list-s .imgbox {
 		height: 100vw;
 		position: relative;
 	}

 	.hang-case .case-list-s:hover .imgbox {
 		transform: unset;
 	}

 	#service .hang-case .case-list-s:nth-child(7) {
 		margin-bottom: 0;
 	}

 	#service .hang-case .img {
 		display: flex;
 		justify-content: center;
 		align-items: center;
 	}

 	#service .case-list-s .con,
 	#service .case-list-h .con,
 	#service .case-list-b .con {
 		color: #333;
 		display: block !important;
 		position: relative;
 		height: auto;
 		opacity: 1;
 		background: unset;
 	}

 	#service .case-list-s:hover .con,
 	#service .case-list-h:hover .con,
 	#service .case-list-b:hover .con {
 		display: block !important;
 	}

 	#service .case-list-s p,
 	#service .case-list-h p,
 	#service .case-list-b p {
 		position: relative;
 		padding: 15px;
 		bottom: unset;
 	}

 	#service .case-list-s p span,
 	#service .case-list-h p span,
 	#service .case-list-b p span {
 		color: #777;
 		display: block;
 		font-size: 12px;
 		line-height: 19px;
 		font-weight: normal;
 		margin-top: 8px;
 	}

 	#service .case-list-s p span {
 		display: block;
 		font-size: 12px;
 		color: #777;
 		margin-top: 5px;
 		font-weight: normal;
 	}
 }

 .news_index_center .news-bottoms ul {
 	padding: 5px 15px;
 	padding-bottom: 15px;
 }

 .news_index_center .news-bottoms .news-pro ul li a {
 	margin: 5px 0;
 }

 .news_index_center .news-bottoms .news-pro ul li a h3 {
 	font-size: 14px;
 	line-height: 24px;
 	padding: 0.5rem 0;
 	color: #898989;
 }

 .p-top .tit {
 	height: 120px;
 }

 #why_index .top_tit h2 {
 	height: 120px;
 }

 #logo_box .top_tit h2 {
 	height: 120px;
 }

 @media(max-width:600px) {
 	.p-top .tit {
 		height: 85px;
 		font-family: "OR", Arial
 	}

 	#brand2 .p-top {
 		margin-bottom: 0px;
 		font-family: "OR", Arial
 	}

 	#why_index .top_tit h2 {
 		height: 85px;
 		font-family: "OR", Arial
 	}

 	#logo_box .top_tit h2 {
 		height: 55px;
 		font-family: "OR", Arial
 	}
 }

 #case_ul {
 	display: -webkit-flex;
 	display: flex;
 	-webkit-flex-wrap: wrap;
 	flex-wrap: wrap;
 	max-width: 100%;
 	margin: 0 auto
 }

 #case_ul ul {
 	width: 100%;
 	display: -webkit-flex;
 	display: flex;
 	-webkit-flex-wrap: wrap;
 	flex-wrap: wrap
 }

 #case_ul li {
 	float: left;
 	width: 33.3333%;
 	-webkit-transition: .3s;
 	-moz-transition: .3s;
 	transition: .3s;
 	position: relative;
 }

 #case_ul li:hover {
 	color: #fff
 }

 #case_ul li:hover a {
 	color: #fff
 }

 #case_ul li:hover p {
 	color: #fff
 }

 #case_ul li .thumb {
 	display: block;
 	position: relative;
 	overflow: hidden
 }

 #case_ul li .con {
 	position: absolute;
 	height: 100%;
 	width: 100%;
 	bottom: 0;
 	display: block;
 	background-color: rgba(0, 0, 0, 0.7);
 	color: #fff;
 	-webkit-transition: opacity .5s ease-out;
 	-moz-transition: opacity .5s ease-out;
 	transition: opacity .5s ease-out;
 	opacity: 0;
 }

 #case_ul li:hover .con {
 	opacity: 1;
 }

 #case_ul li .con div.title {
 	position: absolute;
 	bottom: 0;
 	width: 100%;
 	height: 100%;
 }

 /* #case_ul li .con p {position: absolute;bottom: 10px;} */
 #case_ul li .con a {
 	color: #fff;
 }

 #case_ul li .thumb img {
 	-webkit-transition: .5s;
 	-moz-transition: .5s;
 	transition: .5s;
 	display: block;
 }

 #case_ul li:hover .thumb img {
 	-webkit-transform: scale(1.1);
 	-moz-transform: scale(1.1);
 	transform: scale(1.1)
 }

 #case_ul li .thumb img {
 	width: 100%;
 	height: auto;
 	display: block
 }

 #case_ul li:nth-child(4n) {
 	margin-right: 0
 }

 #case_ul li a.thumb {
 	padding-bottom: 0;
 	overflow: hidden
 }

 #case_ul li a {
 	color: #333;
 	font-size: 18px;
 	font-weight: 700;
 	display: block;
 	/* margin-bottom: 5px; */
 	line-height: 24px;
 }

 #case_ul li a.title {
 	padding-left: 15px;
 	padding-right: 15px;
 	box-sizing: border-box;
 	display: block;
 	width: 100%;
 }

 #case_ul li a span {
 	padding-bottom: 3px;
 	display: block;
 	position: absolute;
 	top: 5px;
 	-webkit-transition: .3s;
 	-moz-transition: .3s;
 	transition: .3s;
 	padding: 0 15px;
 }

 #case_ul li p {
 	font-size: 13px;
 	line-height: 1.4rem;
 	color: #ccc;
 	display: block;
 	overflow: hidden;
 	/* height: 66px; */
 	position: absolute;
 	bottom: 5px;
 	-webkit-transition: .3s;
 	-moz-transition: .3s;
 	transition: .3s;
 	padding: 0 15px;
 }

 #case_ul li:hover span {
 	top: 20px;
 }

 #case_ul li:hover p {
 	bottom: 20px;
 }

 #case_ul li .back {
 	background: #fff;
 	-webkit-transition: .3s;
 	-moz-transition: .3s;
 	transition: .3s;
 	height: 25vw;
 	overflow: hidden;
 	background-repeat: no-repeat;
 	background-size: cover;
 	background-position: center;
 }

 #case_ul li {
 	overflow: hidden;
 }

 #case_ul li a.thumb {
 	transition: all 0.3s;
 	-webkit-transition: all 0.3s;
 	position: absolute;
 	left: 0;
 	top: 0;
 	width: 100%;
 	height: 100%;
 	background-size: cover;
 	background-position: center;
 	background-repeat: no-repeat;
 }

 #case_ul li:hover a.thumb {
 	transform: scale(1.05);
 }

 #case_ul li a span {
 	word-wrap: break-word;
 	width: 100%;
 }

 #service #case_ul ul li a::before {
 	background-image: unset;
 }

 #service #case_ul ul li:hover a::before {
 	background-image: unset;
 }