a {

	text-decoration: none;

}



body,

html {

	scroll-behavior: smooth;

}



ul,

body,

h1,

h2,

h3,

h4,

h5,

h6,

p,

hr,

input,

img {

	margin: 0;

	padding: 0;

}



img {

	display: block;

}



li {

	list-style: none;

}



a {

	color: #333;

	text-decoration: none

}





/*清除浮动*/



.clearfix::after {

	content: '';

	display: block;

	clear: both;

}





/*分割*/



.interval {

	width: 100%;

	height: 0.2rem;

	background-color: #f7f6f4;

}





/*单行省略*/



.omit1 {

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}



.omit2 {

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

	overflow: hidden;

	text-overflow: ellipsis;

}



.head {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 80px;

	background-color: rgba(0, 0, 0, 0.2);

	z-index: 999;

}



.head_leave{

	position: fixed !important;

	top: 0 !important;

	background-color: rgba(0, 0, 0, 0.5) ;

}



.head_box {

	width: 100%;

	padding: 0 50px;

	box-sizing: border-box;

}



.head_logo {

	float: left;

	width: auto;

	height: 42px;

	margin-top: 19px;

}



.head_nav {

	float: right;

	height: 80px;

}



.head_nav li {

	float: left;

	height: 80px;

	line-height: 80px;

	margin-right: 40px;

}

.head_nav li.active a {

	font-weight: bold;

}

.head_nav li:last-child {

	margin-right: 20px;

}



.head_nav li a {

	font-size: 16px;

	letter-spacing: 0px;

	color: #f3f3f3;

}

.head_nav li a:hover{

	font-weight: bold;

}



/* pcbanner */



.banner-box {

	position: relative;

	width: 100%;

}

.banner-box .pcimg{

	    width: 100%;

    object-fit: none;

}



.bannerTit {

	width: 100%;

	height: 110px;

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	margin: auto;

}



.banner_title {

	text-align: center;

}



.banner_title h1 {

	font-size: 55px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 55px;

	letter-spacing: 0px;

	color: #f3f3f3;

}



.banner_title p {

	font-size: 24px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 48px;

	letter-spacing: 0px;

	color: #f3f3f3;

}



.banner_more {

	display: block;

	margin: 74px auto 0;

	width: 133px;

	height: 35px;

	line-height: 35px;

	border: solid 1px #eeeeee;

	font-size: 12px;

	color: #f3f3f3;

	text-align: center;

}



.general_box {

	width: 1430px;

	max-width: 90%;

	height: auto;

	margin: 0 auto;

	padding-bottom: 96px;

	background-color: #FFFFFF;

	position: relative;

	z-index: 1;

}



.general_index {

	width: 120px;

	height: 38px;

	position: absolute;

	top: 0;

	left: -60px;

	font-size: 48px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 38px;

	letter-spacing: 2px;

	color: #a3a7b0;

	text-align: right;

}



.general_index span {

	width: 28px;

	height: 6px;

	background-color: #a3a7b0;

	display: block;

	float: left;

}



.home_about {

	margin-top: 145px;

	position: relative;

}



.home_about_con,

.home_case_con {

	width: 80%;

	max-width: 900px;

	margin: 0 auto;

	position: relative;

}



.title {

	height: 55px;

	font-size: 55px;

	font-weight: bold;

	font-stretch: normal;

	line-height: 55px;

	letter-spacing: 3px;

	color: #333333;

	margin-bottom: 23px;

}



.home_about_one {

	font-size: 18px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 30px;

	letter-spacing: 0px;

	color: #333333;

	margin-bottom: 40px;

}



.home_about_more {

	width: 100%;

	height: 14px;

	margin-bottom: 34px;

}



.home_about_more a {

	float: right;

	height: 14px;

	font-size: 14px;

	line-height: 14px;

	letter-spacing: 0px;

	color: #333333;

}



.home_about_line {

	width: 100%;

	height: 5px;

	background-color: #313131;

	margin-bottom: 70px;

}



.home_about_detail {

	width: 100%;

	padding: 0 10px;

	box-sizing: border-box;

}



.home_about_detail p {

	font-size: 18px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 30px;

	letter-spacing: 0px;

	color: #000000;

	margin-bottom: 30px;

	text-indent: 2em;

}



.home_about_number_li {

	float: left;

	width: 25%;

	text-align: center;

}



.home_about_number_li div:nth-child(1) {

	height: 48px;

	font-size: 48px;

	font-weight: bold;

	font-stretch: normal;

	line-height: 48px;

	letter-spacing: 0px;

	color: #b81b25;

	margin-bottom: 18px;

}



.home_about_number_li div:nth-child(2) {

	height: 18px;

	font-size: 18px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 18px;

	letter-spacing: 0px;

	color: #000000;

}



.home_about_img {

	width: 100%;

	height: 500px;

	background: url('../image/index_about_bg.jpg');

	background-position: center;

	background-size: auto 100%;

	position: absolute;

	top: 450px;

	left: 0;

	z-index: -1;

}



.home_about_bottom {

	margin-top: 240px;

	width: 100%;

	background: url('../image/index_about_bg02.jpg') no-repeat;

	background-position: center left;

	background-size: 173px 155px;

}



.home_about_bottom_one {

	height: 24px;

	font-size: 24px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 24px;

	letter-spacing: 0px;

	color: #333333;

	margin-bottom: 57px;

}



.home_about_bottom_two {

	height: 24px;

	font-size: 18px;

	font-weight: normal;

	font-stretch: normal;

	letter-spacing: 0px;

	color: #000000;

	margin-bottom: 24px;

}



.home_about_bottom_two span {

	font-size: 24px;

	font-weight: bold;

	line-height: 24px;

	color: #333333;

}



.home_about_bottom_three {

	height: 26px;

	font-size: 18px;

	line-height: 26px;

	letter-spacing: 0px;

	color: #333333;

}





/* 首页案例展示 */



.home_case {

	margin-top: 220px;

}

.home_case .home_case_one{

    margin-bottom: 30px;

}



.home_case_one {

	font-size: 16px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 30px;

	letter-spacing: 0px;

	color: #666666;

	margin-bottom: 100px;

	position: relative;

}

.home_case_tab  .general_box{

    padding-bottom: 0 !important;

}



.home_case_tab_box {

	height: 50px;

	float: left;

	position: relative;

	z-index: 99999;

}



.home_case_tab_box div {

	float: left;

	font-size: 16px;

	letter-spacing: 0px;

	color: #333333;

	margin-right: 34px;

	cursor: pointer;

}



.tabtit_active {

	font-weight: bold;

	color: #b81b25;

}



.tabtit_active:before {

	display: inline-block;

	content: '';

	width: 6px;

	height: 6px;

	background-color: #b7031f;

	vertical-align: -1px;

	margin-right: 10px;

}



.home_case_ul {

	padding-top: 50px;

	display: none;
	padding: 0 10%;
	clear: both;

}



.home_case_li {

	float: left;

	width: 32.3333%;

	padding-bottom: 18.9%;

	position: relative;

	overflow: hidden;
    margin: 0.5%;
}

.home_case_li .bg {

	position: absolute;

	left: 0;

	bottom: 0;

	width: 105%;

	height: 100%;

	z-index: 2;

	background: url(../image/index_case_bg.png) no-repeat;

	background-size: 100% 100%;

}



.home_case_show {

	display: block;

}



.home_case_li img:nth-child(1) {

	position: absolute;

	width: 100%;

	height: 100%;

	margin: auto;

	z-index: 1;

	transition: 0.5s;

}



.home_case_li:hover img:nth-child(1) {

	transform: scale(1.2);

}



.home_case_li img:nth-child(2) {

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	margin: auto;

	z-index: 3;

}



.home_case_li p {

	height: 30px;

	font-size: 30px;

	font-weight: bold;

	font-stretch: normal;

	line-height: 30px;

	letter-spacing: 0px;

	color: #f3f3f3;

	position: absolute;

	left: 8%;

	bottom: 36px;

	z-index: 11;

	box-sizing: border-box;

}

.home_case .home_about_more{

    margin-bottom: 0;

}







/* 服务保障 */



.home_serve {

	margin-top: 210px;

}



.home_serve_top {

	margin: 0 -0.5% 1%;

}



.home_serve_top_li {

	float: left;

	width: 49%;

	margin: 0 0.5%;

	padding-bottom: 30.15%;

	position: relative;

	cursor: pointer;

}



.home_serve_top_li img {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	margin: auto;

}



.home_serve_top_con {

	width: 50%;

	height: 140px;

	position: absolute;

	left: 0;

	bottom: 0;

	background-color: #FFFFFF;

	padding: 20px 20px 10px;

	box-sizing: border-box;

	cursor: pointer;

	transition: 0.4s;

}



.home_serve_top_border {

	padding-bottom: 30px;

	border-bottom: 4px solid #a0a0a0;

	box-sizing: border-box;

	transition: 0.4s;

}



.home_serve_top_border div:nth-child(1) {

	height: 24px;

	font-size: 24px;

	font-weight: bold;

	font-stretch: normal;

	line-height: 24px;

	letter-spacing: 0px;

	color: #333333;

	margin-bottom: 10px;

}



.home_serve_top_border div:nth-child(2) {

	height: 16px;

	font-size: 16px;

	font-stretch: normal;

	line-height: 16px;

	letter-spacing: 0px;

	color: #333333;

}



.home_serve_top_li:hover .home_serve_top_con {

	height: 150px;

}



.home_serve_top_li:hover .home_serve_top_border {

	padding-bottom: 55px;

	border-color: #b81b25;

}



.home_serve_bottom {

	margin: 0 -0.5%;

}



.home_serve_bottom_li {

	float: left;

	width: 24%;

	margin: 0 0.5%;

	cursor: pointer;

}



.home_serve_bottom_img {

	width: 100%;

	padding-bottom: 95%;

	position: relative;

}



.home_serve_bottom_img img {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	margin: auto;

}



.home_serve_bottom_con {

	width: 100%;

	height: 140px;

	background-color: #FFFFFF;

	padding: 30px 20px 10px;

	box-sizing: border-box;

	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);

	cursor: pointer;

	transition: 0.4s;

}



.home_serve_bottom_border {

	padding-bottom: 30px;

	border-bottom: 4px solid #a0a0a0;

	box-sizing: border-box;

	transition: 0.4s;

}



.home_serve_bottom_border div:nth-child(1) {

	height: 24px;

	font-size: 24px;

	font-weight: bold;

	font-stretch: normal;

	line-height: 24px;

	letter-spacing: 0px;

	color: #333333;

	margin-bottom: 10px;

}



.home_serve_bottom_border div:nth-child(2) {

	height: 16px;

	font-size: 16px;

	font-stretch: normal;

	line-height: 16px;

	letter-spacing: 0px;

	color: #333333;

}



.home_serve_bottom_li:hover .home_serve_bottom_con {

	padding-top: 20px;

}



.home_serve_bottom_li:hover .home_serve_bottom_border {

	padding-bottom: 50px;

	border-color: #b81b25;

}





/* 服务客户 */



.home_client .general_box {

	padding-bottom: 0 !important;

}



.home_client .client-swiper-container {

	height: auto !important;

	width: 87% !important;

	margin: inherit !important;

	/*background: red;*/

	margin-left: 13% !important;

}



.home_client .client-swiper-container .swiper-slide>div {

	padding: 30%;

	box-sizing: border-box;

	position: relative;

	height: 150px;

	margin-bottom: 30px;

}



.home_client img {

	max-width: 100%;

	transition: 0.5s;

	height: auto;

	max-height: 100%;

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	margin: auto;

	-webkit-filter: grayscale(100%);

	-moz-filter: grayscale(100%);

	-ms-filter: grayscale(100%);

	-o-filter: grayscale(100%);

	filter: grayscale(100%);

	cursor: pointer;

	opacity: 0.7;

}



.home_client img:hover {

	filter: none;

	opacity: 1;

}



.home_client .sj_client_swiper{display: none;}



/* 新闻资讯 */



.home_news {

	margin-top: 230px;

}



.home_news_ul {

	margin: 0 -1%;

}



.home_news_ul_li {

	float: left;

	width: 31.33%;

	margin: 0 1% 2%;

	padding-bottom: 17.7%;

	position: relative;

	overflow: hidden;

}



.home_news_ul_li img {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	margin: auto;

	z-index: 1;

	transition: 0.5s;

}



.home_news_ul_li:hover img {

	transform: scale(1.2);

}



.home_news_ul_li_con {

	width: 70%;

	position: absolute;

	left: 35px;

	bottom: 33px;

	z-index: 3;

	 text-overflow: -o-ellipsis-lastline;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  line-clamp: 2;

  -webkit-box-orient: vertical;

}



.home_news_ul_li .bg {

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 100%;

	z-index: 2;

	background: url(../image/index_case_bg.png) no-repeat;

	background-size: 100% 100%;

}



.home_news_ul_li_con div:nth-child(1) {

	font-size: 24px;

	font-weight: bold;

	font-stretch: normal;

	line-height: 30px;

	letter-spacing: 0px;

	color: #ffffff;

}



.home_news_ul_li_con div:nth-child(2) {

	margin-top: 10px;

	height: 18px;

	font-size: 18px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 18px;

	letter-spacing: 0px;

	color: #d1d1d1;

}



.home_news_line {

	width: 100%;

	height: 4px;

	background-color: #313131;

}



.home_news_more {

	display: block;

	width: 100px;

	margin: 30px auto 0;

	font-size: 14px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 48px;

	letter-spacing: 0px;

	color: #333333;

	text-align: center;

	cursor: pointer;

}



.footer {

	width: 100%;

	height: 590px;

	background-color: #000000;

}



.footer_box {

	width: 92%;

	max-width: 1400px;

	margin: 0 auto;

}



.footer_logo {

	width: 100%;

	height: 200px;

	border-bottom: 1px solid rgba(255, 255, 255, 0.2);

	padding-top: 77px;

	box-sizing: border-box;

}



.footer_logo img {

	width: auto;

	height: 62px;

}



.footer_center {

	padding-bottom: 78px;

	border-bottom: 1px solid rgba(255, 255, 255, 0.2);

}



.footer_nav {

	margin-top: 60px;

	float: left;

}



.footer_nav_li a {

	font-size: 14px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 30px;

	letter-spacing: 0px;

	color: #ffffff;

	opacity: 0.8;

}



.footer_right {

	margin-top: 90px;

	float: right;

}



.footer_right_img {

	float: right;

	margin-top: 8px;

}



.footer_right_img_li {

	float: left;

	margin-right: 30px;

}



.footer_right_img_li:nth-child(2) {

	margin-right: 40px;

}

.footer_right_img_li p{

    text-align: center;

    font-size: 15px;

    color: #ffffff;

    margin-top: 8px;

}

.footer_right_con {

	float: right;

	border-left: 1px solid rgba(255, 255, 255, 0.5);

	padding-left: 30px;

}



.footer_right_con div {

	font-size: 16px;

	font-weight: normal;

	line-height: 30px;

	color: #ffffff;

	padding-left: 10px;

}



.footer_right_con div a {

	font-size: 16px;

	font-weight: normal;

	line-height: 30px;

	color: #ffffff;

}



.footer_right_con>div:before {

	display: inline-block;

	content: '';

	width: 6px;

	height: 6px;

	background-color: #b7031f;

	vertical-align: 3px;

	margin-right: 10px;

}



.footer_right_con div span {

	font-weight: bold;

}



.footer_bottom {

	font-size: 14px;

	line-height: 30px;

	color: #ffffff;

	opacity: 0.5;

	margin-top: 22px;

	position: relative;

}



.footer_bottom a {

	font-size: 14px;

	color: #ffffff;

}



.footer_bottom .sonicon {

	position: absolute;

	right: 0;

	bottom: 0;

}



.footer_bottom .sonicon img {

	width: 33px;

	height: 33px;

	margin-left: 10px;

	display: inline-block;

	cursor: pointer;

}



.ny_banner {

	width: 100%;

	height: auto;

	overflow: hidden;

	position: relative;

}



.ny_banner img {

	display: block;

	width: 100%;

}



.ny_banner_con {

	position: absolute;

	left: 20.5%;

	right: 0;

	top: 50%;

	bottom: 0;

	margin: auto;

}



.ny_banner_con p:nth-child(1) {

	height: 36px;

	font-size: 36px;

	font-weight: bold;

	font-stretch: normal;

	line-height: 36px;

	letter-spacing: 0px;

	color: #f3f3f3;

	margin-bottom: 16px;

}



.ny_banner_con p:nth-child(2) {

	font-size: 16px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 36px;

	letter-spacing: 0px;

	color: #f3f3f3;

}





/* 关于我们 */



.about_banner {

	width: 100%;

	height: auto;

	overflow: hidden;

	position: relative;

}



.about_banner img {

	display: block;

	width: 100%;

}



.about_banner_con {

	position: absolute;

	left: 20.5%;

	right: 0;

	top: 50%;

	bottom: 0;

	margin: auto;

}



.about_banner_con p:nth-child(1) {

	height: 36px;

	font-size: 36px;

	font-weight: bold;

	font-stretch: normal;

	line-height: 36px;

	letter-spacing: 0px;

	color: #f3f3f3;

	margin-bottom: 16px;

}



.about_banner_con p:nth-child(2) {

	height: 16px;

	font-size: 16px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 16px;

	letter-spacing: 0px;

	color: #f3f3f3;

}



.about_con {

	width: 92%;

	max-width: 1400px;

	margin: 0 auto;

	position: relative;

}



.about_one {

	padding-top: 164px;

	padding-bottom: 114px;

	border-bottom: 8px solid #f8f8f8;

}



.about_con_left {

	float: left;

	height: 55px;

	font-size: 55px;

	font-weight: bold;

	font-stretch: normal;

	line-height: 55px;

	letter-spacing: 3px;

	color: #333333;

}



.about_con_left div::before {

	display: inline-block;

	content: '';

	width: 70px;

	height: 3px;

	vertical-align: 20px;

	margin-right: 38px;

	background-color: #ee3138;

}



.about_con_right {

	width: 100%;

	padding-left: 500px;

	box-sizing: border-box;

}



.about_con_right_top {

	font-size: 30px;

	font-weight: bold;

	font-stretch: normal;

	line-height: 45px;

	letter-spacing: 0;

	color: #333333;

	margin-bottom: 48px;

}



.about_con_right_center p {

	font-size: 18px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 30px;

	letter-spacing: 0px;

	color: #000000;

	margin-bottom: 30px;

}



.about_number {

	display: flex;

	justify-content: space-between;

	margin-top: 7%;

}



.about_number_li {

	width: auto;

	float: none;

}



.about_two {

	padding-top: 140px;

	padding-bottom: 200px;

}



.about_bottom_one {

	font-size: 18px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 36px;

	letter-spacing: 0px;

	color: #333333;

}



.about_bottom_two {

	font-size: 18px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 36px;

	letter-spacing: 0px;

	color: #333333;

}



.about_bottom_two span {

	font-size: 18px;

	font-weight: bold;

	color: #333333;

}



.about_bottom_three {

	font-size: 18px;

	line-height: 36px;

	letter-spacing: 0px;

	color: #333333;

}



.about_con_center {

	padding-top: 200px;

	padding-bottom: 160px;

}



.about_list {

	width: 800px;

	height: auto;

	padding: 80px 110px;

	box-sizing: border-box;

	background-color: #FFFFFF;

	box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.07);

	display: flex;

	flex-wrap: wrap;

	margin-left: 110px;

}



.about_list div {

	width: 50%;

	font-size: 18px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 43px;

	letter-spacing: 0px;

	color: #000000;

}



.about_con_center_img {

	position: absolute;

	bottom: 0;

	right: 0;

	z-index: -1;

}



.about_con_center_img img {

	height: 725px;

	width: auto;

}



.about_four {

	background-color: #f7f7f7;

}



.about_four_con {

	padding: 100px 0 140px;

}



.about_four_one {

	height: 36px;

	font-size: 36px;

	font-weight: bold;

	font-stretch: normal;

	line-height: 36px;

	letter-spacing: 0px;

	color: #333333;

	margin-bottom: 36px;

}



.about_four_two {

	height: 16px;

	font-size: 16px;

	font-stretch: normal;

	line-height: 16px;

	letter-spacing: 0px;

	color: #666666;

	margin-bottom: 76px;

}









.service_guarantee{

    width: 100%;

}

.service_guarantee ul{

    width: 100%;

}





.service_guarantee ul li{

      width: 16.66%;

    float: left;

    text-align: center;

}





 .service_guarantee ul li .li_top{

    width: 100%;

	height: 155px;

     box-sizing: border-box;

	background: url(../image/six02.png) no-repeat;

    /*background-size: 100% 100%;*/

    padding: 45px 0 44px;

    font-size: 24px;

	font-weight: bold;

	font-stretch: normal;

	color: #ffffff;

}



.service_guarantee ul li .li_top p{

    font-size: 18px;

	margin-top: 10px;

}

.service_guarantee ul li:first-child .li_top{

	background: url(../image/six01.png) no-repeat !important;

}

.service_guarantee ul li:last-child .li_top{

	background: url(../image/six03.png) no-repeat !important;

}



.service_guarantee ul li .li_bot{

     width: 100%;

     box-sizing: border-box;

     padding: 50px 0;

	background-image: linear-gradient(90deg, 

		#f3f3f3 0%, 

		#ededed 100%), 

	linear-gradient(

		#ededed, 

		#ededed);

	background-blend-mode: normal, 

		normal;

		min-height: 292px;

}

 .service_guarantee ul li .li_bot p{

    font-size: 16px;

	line-height: 48px;

	color: #333333;

	text-overflow: -o-ellipsis-lastline;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 1;

  line-clamp: 1;

  -webkit-box-orient: vertical;

}

.sj_service_guarantee{

    display: none;

    margin: auto;

    text-align: center;

}

.sj_service_guarantee img{

    display: block;

    max-width: 100%;

}









.about_team {

	width: 100%;

	height: auto;

}



.about_team .team_ul{

	width: 100%;

}

.about_team .team_ul li{

	float: left;

	    width: 14.285%;

}

.about_team .team_ul li div{

        width: 100%;

      padding-bottom: 102.5%;

    margin: auto;

    background-color: #ffffff;

    position: relative;

    overflow: hidden;

}

.about_team .team_ul li img{

    width:100%;

    display: block;

        max-width: 100% !important;

    max-height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    z-index: 2;

    overflow: hidden;

    transition: 0.8s;

    display: block;

    width: 100%;

    height: 100%;

}

/* 案例列表 */



.case_box {

	width: 92%;

	max-width: 1400px;

	margin: 0 auto;

	position: relative;

}



.case_box_left {

	position: absolute;

	top: 90px;

	left: 0;

	z-index: 999;

}



.case_box_left_scroll {

	position: fixed !important;

	top: 10% !important;

	left: 13.3% !important;

}



.case_box_left div {

	margin-bottom: 45px;

}



.case_box_left div a {

	height: 18px;

	font-size: 18px;

	line-height: 18px;

	letter-spacing: 1px;

	color: #666666;

}



/*.case_box_left div:first-child a {*/

/*	color: #000000;*/

/*	font-weight: bold;*/

/*}*/



.case_list {

	width: 100%;

	padding-left: 180px;

	box-sizing: border-box;

}



.case_title {

	height: 24px;

	font-size: 24px;

	font-weight: bold;

	font-stretch: normal;

	line-height: 24px;

	letter-spacing: 0px;

	color: #333333;

	padding-top: 100px;

}



.case_ul {

	padding-top: 50px;

	margin: 0 -1%;

}



.case_li {

	float: left;

	width: 31.3333%;

	margin: 0 1% 2%;

	overflow: hidden;

}



.case_li>a {

	display: block;

}



.case_li_img {

	padding-bottom: 56%;

	position: relative;

	overflow: hidden;

}



.case_li_img img:nth-child(1) {

	position: absolute;

	width: 100%;

	height: 100%;

	margin: auto;

	z-index: 9;

	transition: 0.5s;

}



.case_li:hover .case_li_img img:nth-child(1) {

	transform: scale(1.2);

}



.case_li_img img:nth-child(2) {

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	margin: auto;

	z-index: 10;

}



.case_li p {

	height: 68px;

	font-size: 16px;

	font-stretch: normal;

	line-height: 68px;

	letter-spacing: 0px;

	color: #333333;

	box-sizing: border-box;

}





/*合作伙伴logo*/



.hezuopartner {

	width: 100%;

	box-sizing: border-box;

	margin-top: 90px;

}



.hezuopartner li {

	float: left;

	margin-right: 4%;

	width: 13.3%;

	margin-bottom: 3%;

	cursor: pointer;

	overflow: hidden;

	box-sizing: border-box;

}



.hezuopartner li:nth-child(6n+6) {

	margin-right: 0;

}



.hezuopartner li img:nth-child(2) {

	display: none;

}



.hezuopartner li img {

	max-width: 100%;

	transition: 0.5s;

	height: auto;

	max-height: 100%;

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	margin: auto;

	-webkit-filter: grayscale(100%);

	-moz-filter: grayscale(100%);

	-ms-filter: grayscale(100%);

	-o-filter: grayscale(100%);

	filter: grayscale(100%);

	opacity: 0.7;

}



.hezuopartner li img:hover {

	filter: none;

	opacity: 1;

}



.hezuopartner li>div {

	padding: 31%;

	box-sizing: border-box;

	position: relative;

}



.customercon {

	padding-top: 164px;

	padding-bottom: 80px;

}



.in_nav {

	margin-top: 45px;

	margin-bottom: 35px;

	font-size: 14px;

	color: #999999;

	text-overflow: -o-ellipsis-lastline;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 1;

	line-clamp: 1;

	-webkit-box-orient: vertical;

}



.in_nav a {

	font-size: 14px;

	color: #999999;

	transition: 0.5s;

}

.in_nav a:hover{

	text-decoration: underline;

	color: #333333;

}



/*左右边距18%*/



.box_eighteen {

	width: 100%;

	box-sizing: border-box;

	padding: 0 18%;

}





/*新闻详情*/



.zixun_detail .tit {

	text-align: center;

	font-size: 24px;

	line-height: 36px;

	color: #333333;

}



.zixun_detail hr {

	width: 100%;

	height: 4px;

	background: #434343;

	border: none;

	margin: 25px 0 35px;

}



.zixun_detail .time {

	text-align: center;

	font-size: 14px;

	margin-top: 20px;

	color: #333333;

}



.zixun_detail .wenzhang {

	padding-bottom: 60px;

	border-bottom: 4px solid #434343;

	margin-bottom: 50px;

}



.zixun_detail .wenzhang p {

	margin-bottom: 20px;

	text-indent: 2em;

	font-size: 16px;

	line-height: 24px;

	color: #333333;

}



.zixun_detail .wenzhang img {

	max-width: 100%;

	display: block;

	margin: auto;

	margin-bottom: 30px;

}



.turn_page {

	margin-bottom: 78px;

}



.turn_page div {

	margin-bottom: 4px;

	font-size: 14px;

	color: #666666;

	text-overflow: -o-ellipsis-lastline;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 1;

	line-clamp: 1;

	-webkit-box-orient: vertical;

	font-size: 18px;

	font-weight: bold;

	line-height: 36px;

	color: #333333;

}



.turn_page div a {

	font-size: 18px;

	font-weight: bold;

	line-height: 36px;

	color: #333333;

}



.turn_page div a:hover {

	text-decoration: underline;

}



.news {

	width: 100%;

	box-sizing: border-box;

}



.news_tabbox {

	width: 100%;

	box-sizing: border-box;

}



.news_tabbox .newstabtit {

	width: 100%;

	padding: 42px 0 20px;

	border-bottom: 9px solid #f8f8f8;

	margin-bottom: 40px;

}



.news_tabbox .newstabtit li {

	float: left;

	width: 148px;

	text-align: center;

	cursor: pointer;

	font-size: 24px;

	line-height: 24px;

	letter-spacing: 1px;

	color: #666666;

}



.news_tabbox .newstabcon>div {

	width: 100%;

	height: auto;

	margin-top: 20px;

	display: none;

	box-sizing: border-box;

}



.news_select {

	color: #333333 !important;

	font-weight: bold !important;

}



.news_show {

	display: block !important;

}





/*产品列表*/



.pro_list {

	margin: 0 -1.16%

}



.pro_list li {

	float: left;

	width: 31%;

	margin: 0 1.16% 30px;

	box-sizing: border-box;

	transition: 0.6s;

}



.pro_list li:hover {

	transition: 0.6s;

}



.pro_list li a {

	display: block;

	width: 100%;

	color: #696969;

}



.pro_list_img {

	width: 100%;

	padding-bottom: 66%;

	margin: auto;

	background-color: #ffffff;

	position: relative;

	overflow: hidden;

}



.pro_list_img img {

	max-width: 100% !important;

	max-height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	margin: auto;

	z-index: 2;

	overflow: hidden;

	transition: 0.8s;

	display: block;

	width: 100%;

	height: 100%;

}



.pro_list li:hover .pro_list_img img {

	transform: scale(1.1);

}



.pro_list_bot {

	width: 100%;

	margin: auto;

	box-sizing: border-box;

	padding: 20px 25px;

	background: #FFFFFF;

}



.pro_list_bot .timebox {

	font-size: 18px;

	color: #333333;

}



.pro_list_bot .timeleft {

	float: left;

}



.pro_list_bot .timeright {

	float: right;

}



.pro_list_bot .tit {

	font-size: 18px;

	color: #000000;

	text-overflow: -o-ellipsis-lastline;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 1;

	line-clamp: 1;

	-webkit-box-orient: vertical;

	margin: 30px 0 20px;

}



.pro_list_bot .detail {

	font-size: 14px;

	line-height: 24px;

	color: #333333;

	text-overflow: -o-ellipsis-lastline;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 1;

	line-clamp: 1;

	-webkit-box-orient: vertical;

}



.pro_list_bot .line {

	width: 100%;

	height: 4px;

	background-color: #B2B2B2;

	display: block;

	margin-top: 25px;

	position: relative;

}



.pro_list_bot .line i {

	width: 0;

	height: 4px;

	background-color: #b71c28;

	position: absolute;

	left: 0;

	bottom: 0;

	margin: auto;

	transition: all 0.5s;

}



.pro_list li:hover i {

	width: 100%;

}



.pro_list li:hover .pro_list_bot {

	background: #F8F8F8;

}



.pages {

	text-align: center;

	margin-top: 50px;

	margin-bottom: 50px;

}



.pages .pages_box {

	width: auto;

	display: inline-block;

}



.pages .pages_box li a {

	color: #000;

	display: block;

}



.pages .pages_box li {

	float: left;

	background: #d9d9d9;

	width: 30px;

	height: 30px;

	text-align: center;

	color: #606266;

	margin-right: 12px;

	line-height: 30px;

	cursor: pointer;

	font-size: 12px;

	color: #666666;

}



.pages .pages_box .active {

	background-color: #b71c28;

}



.pages .pages_box .active a {

	color: white;

}



.pages .pages_box li:first-child,

.pages .pages_box li:last-child,

.pages .pages_box li:first-child a,

.pages .pages_box li:last-child a {

	width: 80px;

	color: white;

}



.pages .pages_box .page-next {

	background-color: #b71c28;

	color: white;

}



.pages .pages_box:last-child {

	margin-right: 0;

}

.casedetail_tabcon{

	height: 540px;

    position: absolute;

    top: 80px;

    left: 28%;

    width: 50%;

    right: 0;

    bottom: 0;

    overflow: hidden;

}

#polyvPlayer {

	width: 100%;

	height: 100%;

	

}



#polyvPlayer iframe {

	width: 100%;

	height: 100%;

}



.anlidetail {

	width: 100%;

}



.anlidetail .detailtit {

	width: 100%;

	margin-bottom: 30px;

}



.anlidetail .detailtit .titleft {

	float: left;

	width: 66%;

}



.anlidetail .detailtit .titleft .tit {

	font-size: 24px;

	font-weight: bold;

	line-height: 36px;

	color: #333333;

	margin-bottom: 20px;

}



.anlidetail .detailtit .titleft .classification {

	font-size: 14px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 36px;

	color: #333333;

}



.anlidetail .detailtit .titright {

	float: right;

	width: 34%;

	text-align: right;

}



.anlidetail .detailtit .titright .share {

	color: #333333;

	font-size: 14px;

	margin-bottom: 12px;

}

.anlidetail .detailtit .titright .share img{

	    width: 13px;

    vertical-align: middle;

    margin-right: 6px;

    display: inline-block;

}



.anlidetail .recommen_videos .tit {

	font-size: 24px;

	line-height: 36px;

	font-weight: bold;

	margin-bottom: 35px;

	color: #333333;

	padding-bottom: 25px;

	border-bottom: 4px solid #434343;

}

 .casedetail_more{

	display: none;

}



.videos_list {

	width: 100%;

	margin-bottom: 50px;

}



.videos_list li {

	float: left;

	width: 32.5%;

	margin-right: 1.25%;

	margin-bottom: 30px;

}



.videos_list li:nth-child(3n+3) {

	margin-right: 0;

}



.videos_list li a {

	display: block;

	position: relative;

}



.videos_list li a .case_list_img {

	overflow: hidden;

	transition: 0.3s;

	max-height: 220px;

	min-height: 220px;

}



.videos_list li a div>img {

	display: block;

	width: 100%;

	transition: 0.3s;

	max-height: 220px;

	min-height: 220px;

	vertical-align: middle;

}



.videos_list li a .case_list_title {

	font-size: 16px;

	color: #333333;

	margin-top: 14px;

	text-overflow: -o-ellipsis-lastline;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 1;

	line-clamp: 1;

	-webkit-box-orient: vertical;

}



.videos_list li a .case_list_img:hover>img {

	transform: scale(1.2);

}



.videos_list li a .playbtn {

	position: absolute;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

	margin: auto;

}



.lainxiul {

	width: 100%;

	margin-top: 80px;

	margin-bottom: 55px;

}



.lainxiul li {

	float: left;

	width: 25%;

	text-align: left;

	position: relative;

}



.lainxiul li:last-child,

.lainxiul li .lx_lison{

	display: none;

}

.lainxiul li .tit {

	font-size: 24px;

	color: #555555;

	margin-bottom: 22px;

}

.lainxiul li .tit img{

	display: none;

}

.lainxiul li .bot {

	width: 100%;

}



.lainxiul li .bot .icon {

	float: left;

	width: auto;

	margin-right: 20px;

}



.lainxiul li .bot a {

	float: left;

	width: 80%;

	display: block;

	font-size: 16px;

	color: #555555;

	transition: 0.5s;

}



.lainxiul li .bot:hover a{

    color: #333333;

	font-size: 17px;

}



.lx_address {

	width: 100%;

	margin-bottom: 20px;

	font-size: 16px;

	color: #555555;

}



.lx_address img {

	float: left;

	margin-right: 20px;

}



.lx_address div {

	float: left;

}



.lx_ditu {

	height: 470px;

	margin-bottom: 100px;

}



.BMap_cpyCtrl span span {

	display: none !important;

}



.casebg {

	height: 620px;

	position: relative;

	overflow: hidden;

}



.casebg img {

	width: 100%;

	height: 100%;

	display: block;

	filter: blur(50px);

}





/*手机端导航*/



.headersj-boxer {

	background: #FFFFFF;

}



.navsj {

	display: none;

	position: relative;

	z-index: 100;

	top: 0;

	width: 100%;

	background-color: #160001;

	box-shadow: 0px 2px 7px 0px rgba(3, 0, 0, 0.1);

}



.menu {

	width: 95%;

	z-index: 100;

	position: absolute;

	left: 0;

	top:66px;

	background: rgba(255, 255, 255, 1);

	padding: 0 4% 50px 4%;

	display: none;

	height: auto;

}



.menu ul>li {

	width: 100%;

	height: auto;

	border-bottom: 1px solid #e0e0e0;

	text-indent: 5px;

	position: relative;

}



.menu ul>li>a {

	display: block;

	line-height: 40px;

	color: #333333;

	padding: 6px 0;

	font-size: 16px;

	width: 80%;

}



.menu ul>.selectTag>.mulu_more {

	transform: rotate(90deg);

	transition: .5s;

}



.menu ul>li li {

	padding: 6px 0;

	line-height: 40px;

	border-bottom: 1px solid #e0e0e0;

	width: 92%;

	overflow: hidden;

}



.menu ul>li li:last-child {

	border: none;

}



.menu ul>li li a {

	color: #666666;

}



.menuejsj {

	width: 100%;

	display: none;

	padding-left: 4%;

}



.menu ul>li>.mulu_more {

	position: absolute;

	top: 0;

	right: 10px;

	width: 20px;

	height: 40px;

	padding: 6px 0;

	background: url(../image/mulu_more.png);

	background-repeat: no-repeat;

	background-position: center center;

	background-size: 9px;

	transition: .5s;

}



.navsj .views {

	display: flex;

	align-items: center;

	justify-content: space-between;

	padding: 20px 6%;

	box-sizing: border-box;

}



.navsj .views .navsj_logo a img {

	width: 137px;

}

.navsj .views .btns{

	cursor: pointer;

}

.navsj .views .btns img {

	width: 20px;

}

.footer_bottom .design{

	display: inline-block;

	margin-left: 10px;

}

.footer_bottom .sjbanquan{display: none;}

.footer_right_con .fo_last{

	display: flex;

}

.footer_right_con .fo_last>div{

	display: inline-block;

	padding-left: 0;

}

.footer_right_con .fo_last:before{

	margin-top: 10px;

}

.footer_right_con .fo_address{

	display: inline-block;

	/*float: left;*/

	width: 90%;

}

.footer_right_con .fo_address .zhanwei{

	display: none;

}

.sjbanner{

	display: none;

}

.sj_fix_tel{display: none;}

.casedetail_tab{

	width: 100%;

	margin-bottom: 40px;

}

.casedetail_tab .labelbox{

	width: 100%;

}

.casedetail_tab .labelbox li{

	float: left;

	width: 100px;

	height: 40px;

	background: #DCDCDC;

	line-height: 40px;

	text-align: center;

	color: #666666;

	font-size: 14px;

	border-radius: 5px;

	margin-right: 15px;

	cursor: pointer !important;

}

.casedetail_acti{

	color: #ffffff !important;

	background: #B81B24 !important;

}

.casedetail_tabcon .myvideo{

	display: none;

}

.videoshow{

	display: block !important;

}

.about_four .home_serve_bottom_con{

    box-shadow:none !important;

}
#popup{
    position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            border-radius:5px;
            background-color: white;
            padding: 20px;
                border: 2px solid red;
            text-align: center;
            z-index: 999;
}
#popup>img{
    margin-top: 50px;cursor: pointer;max-height: 700px;
}
#close{
    position: absolute;
            top: 10px;
            right: 10px;
            cursor: pointer;
}