body {
    font-family: 'sy';
    /*overflow: hidden;*/
    /*max-width: 1920px;*/
    /*margin: 0 auto;*/
    /* cursor: none !important; */
}
p,span,em{
    word-wrap: break-word !important;
    word-break: normal !important;
}
.btngrow{
    display: flex;
    align-items: center;
}
.btngrow > div{
    margin-right: .3rem;
}
.tit_index{
    font-size: 31px;
    text-align: center;
    margin-bottom: 30px;
}
.he_syp6{
    padding: 150px 0;
}
/*图片旋转*/
.rotates:hover{
	transform: rotate(360deg);
}
.rotates{
	transition: all .3s;
}
/*图片放大*/
.scales:hover{
    transform: scale(1.2);
}
.scales{
    transform: all .5s;
}
.null {
	/*height: 70px;*/
	display: block;
}
.case_add_list{
    width: 100%;
}
.case_add_list .label{
    width: 100%;
    
     margin-bottom: .5rem;
    
}
.case_add_list .label .child{
     display: flex;
    align-items: center;
    justify-content: space-between;
}
.case_add_list .label .head {
    padding-left: .6rem;
}
.case_add_list .label .head p{
   font-size: .28rem;
    margin-bottom: 0.3rem;
    color: #222222;
}
.des_navbars{
    width: 100%;
    height: 70px;
    background: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,.1);
}
.desont{
    display: block;font-size: .22rem;
    color: #333333;
    line-height: 2;
    margin-top: 1rem;
}
.content .main_header ul li .slidenavbar.one{
    width: 172px;
    display: block;
}
.content .main_header ul li .slidenavbar.one div{
    border-right: none;
    width: 100%;
}
.des_navbars ul{
    width: 12rem;
    height: 100%;
    display: flex;
    justify-content: space-around;
    margin: 0 auto;
}
.des_navbars ul li{
    position: relative;
    height: 100%;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: .2rem;
    color: #333333;
}
.des_navbars ul li.on{
    color: #fc6a00;
}
.des_navbars ul li.on::after{
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #fc6a00;
}
.case_add_list .label .head span{
    font-size: .24rem;
    color: #fc6a00;
    font-weight: bold;
    margin-bottom: .3rem;
}
.case_add_list .label  .child > img{
    width: 55%;
    border-radius: 15px;
}
.case_add_list .label .rs{
    overflow: hidden;
    flex: 1;
}
.case_add_list .label:nth-child(even) .child{
    flex-direction: row-reverse;
}
.case_add_list .label ul li{
    overflow: hidden;
   
    padding: .15rem 0;
     padding-left: .6rem;
    display: flex;
    align-items: flex-start;
    
}
.case_add_list .label ul li img{
    width: .3rem;
}
.case_add_list .label ul li div{
    flex: 1;
    padding: 0 .3rem;
}
.case_add_list .label ul li div p{
    font-size: .2rem;
    color: #000;
    font-weight: bold;
    margin-bottom: .15rem;
}
.case_add_list .label ul li div span{
    display: block;
    font-size: .16rem;
    color: #666;
    line-height: 1.6;
}
.main_data_down {
	overflow: hidden;
	width: 14rem;
	background: linear-gradient(#fff, #fdfdfd, #fff);
	margin: 0 auto;
	margin-top: -4.25rem;
	position: relative;
	z-index: 9;
	border-radius: 15px;
}

.main_data_down .m {
	width: 12rem;
	margin: 0 auto;
	padding: .38rem 0 1.45rem 0;
}

.main_data_down .m ul {
	overflow: hidden;
	margin-bottom: 1rem;
}

.main_data_down .m ul li {
	overflow: hidden;
	width: 100%;
	border-radius: 10px;
}

.main_data_down .m ul li:nth-child(even) {
	background: #efefef;
}

.main_data_down .m ul li:hover a .icon div p {
	color: #fc6a00;
}

.main_data_down .m ul li:hover a .icon div span {
	color: #fc6a00;
}

.main_data_down .m ul li a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: .1rem .7rem .1rem .38rem;
}

.main_data_down .m ul li a .down {
	display: flex;
	align-items: center;
}

.main_data_down .m ul li a .down span {
	font-size: .14rem;
	margin-right: .1rem;
	color: #222222;
}

.main_data_down .m ul li a .down img {
	width: .18rem;
}

.main_data_down .m ul li a .icon {
	display: flex;
	align-items: center;
}

.main_data_down .m ul li a .icon img {
	display: block;
	width: 10%;
}

.main_data_down .m ul li a .icon div {
	overflow: hidden;
	margin-left: .35rem;
	width: 8rem;
}
.fadein_honor{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	position: fixed;
	left: 0;
	top: 0;
	display: flex;
	align-items: center;
	z-index: 99999999;
	justify-content: center;
	display: none;
}
.fadein_honor .box{
	overflow: hidden;
	width: 800px;
	background: #fff;
	padding: 50px;
	position: relative;
	border-radius: 10px;
}
.fadein_honor .box .prev{
    width: .3rem;
    position: absolute;
    top: 50%;
    cursor: pointer;
    z-index: 999;
    left: .1rem;
    transform: translateY(-50%);
}
.fadein_honor .box .next{
    width: .34rem;
    position: absolute;
    top: 50%;
    right: .1rem;
    cursor: pointer;
    z-index: 999;
    transform: translateY(-50%);
}
.fadein_honor .box .mySwiper6{
    width: 100%;
    overflow: hidden;
}
.fadein_honor .box .mySwiper6 .swiper-slide{
     width: 100%;
    overflow: hidden;
}
.fadein_honor .box .close{
	width: 25px;
	cursor: pointer;
	position: absolute;
	right: 15px;
	top: 15px;
	z-index: 9999;
}
.fadein_honor .box .pic{
	width: 100%;
	display: block;
}

.main_data_down .m ul li a .icon div p {
	overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
	font-size: .2rem;
	color: #222222;
	transition: all .1s;
	margin-bottom: .1rem;
}

.main_data_down .m ul li a .icon div span {
	display: block;
	transition: all .1s;
	font-size: .14rem;
	color: #666666;
}
.main_cultures{
    overflow: hidden;
    width: 100%;
    padding: 1.36rem 0 0 0;
}
.main_cultures .title{
    font-size: .36rem;
    color: #fc6a00;
    font-weight: bold;
    margin-bottom: .76rem;
}
.main_cultures .box{
    width: 100%;
    position: relative;
    height: 6.65rem;
    padding-top: 1.54rem;
}
.main_cultures .box .font{
    overflow: hidden;
    width: 7rem;
    border-radius: .25rem;
    box-shadow: 0 0 .2rem rgba(0,0,0,.1);
    padding: .8rem .65rem .36rem .75rem;
    min-height: 3.6rem;
    margin: 0 auto;
    background: #fff;
    display: flex;
    position: relative;
    z-index: 5;
    display: none;
    align-items: flex-start;
}
.main_cultures .box .font.on{
    display: flex;
}
.main_cultures .box .font img{
    width: .54rem;
}
.main_cultures .box .font div{
    flex: 1;
    padding-left: .53rem;
}
.main_cultures .box .font div p{
    font-size: .3rem;
    color: #fc6a00;
    padding-bottom: .3rem;
    margin-bottom: .3rem;
    border-bottom: 1px solid #f5f5f5;
}
.main_cultures .box .font div span{
    display: block;
    font-size: .23rem;
    color: #333333;
    line-height: 1.8;
    letter-spacing: 2px;
    word-wrap: break-word;
 word-break: normal;
}
.main_cultures .box.on .lab.lab1{
    left: .7rem;
}
.main_cultures .box.on .lab.lab4{
    right: calc(1.35rem + .7rem);
}
.main_cultures .box.on1 .lab.lab1{
    left: 0;
}
.main_cultures .box.on1 .lab.lab4{
    right: 1.35rem;
}
.main_cultures .box.on2 .lab.lab1{
    left: .7rem;
}
.main_cultures .box.on2 .lab.lab3{
    left: 1.3rem;
}
.main_cultures .box.on3 .lab.lab1{
    left: .7rem;
}
.main_cultures .box.on3 .lab.lab2{
   bottom: .5rem;
}
.main_cultures .box .lab{
    position: absolute;
    width: 2.12rem;
    height: 2.1rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: center;
    border-radius: .25rem;
    font-size: .3rem;
    transition: all .3s;
    color: #ffffff;
}
.main_cultures .box .lab.lab1{
    background: #fc6a00;
    left: 0;
    top: 0;
     border-radius: .25rem .25rem 0 .25rem;
}
.main_cultures .box .lab.lab2{
    background: #d1ad94;
    z-index: 4;
    right: .65rem;
    bottom: 0;
}
.main_cultures .box .lab.lab3{
    background: #f2f2f2;
    left: 1rem;
    bottom: 0;
    color: #222222;
    z-index: 4;
}
.main_cultures .box .lab.lab4{
    background: #99501b;
    right: 1.35rem;
    top: 0;
    z-index: 6;
}
.mobile_navbar {
	display: none;
}

.menu {
	display: none !important;
}
.content {
	overflow: hidden;
	width: 100%;
}

.content .main_footer {
	overflow: hidden;
	width: 100%;
	height: 365px;
	background-size: cover;
	background-image: url(../images/footer_bg.png);
}

.content .main_footer .m {
	width: 1200px;
	height: 100%;
	margin: 0 auto;
}

.content .main_footer .m .bot {
	height: 75px;
	margin-top: 70px;
	display: flex;
	align-items: center;
	border-top: 1px solid rgba(255, 255, 255, 0.07);
	width: 100%;
}

.content .main_footer .m .bot p {
	font-size: 14px;
	color: #999;
}

.content .main_footer .m .bot a {
	font-size: 14px;
	color: #999;
	margin-left: 10px;
}

.content .main_footer .m .top {
	display: flex;
	justify-content: space-between;
	padding: 90px 0 0 0;
}

.content .main_footer .m .top .font {
	overflow: hidden;
}

.content .main_footer .m .top .font p {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.6);
	line-height: 36px;
}

.content .main_footer .m .top>ul {
	display: grid;
	grid-template-columns: auto auto;
	gap: 25px 76px;
}

.content .main_footer .m .top>ul li a {
	font-size: 16px;
	color: #fff;
	transition: all .1s;
	line-height: 28px;
	transition: all .5s;
}

.content .main_footer .m .top>ul li a:hover{
    transform: scale(1.2);
    text-shadow: 5px 2px 5px #f6f6f6;
}

.content .main_footer .m .top>ul li a:hover {
	color: #fc6a00;
}

.content .main_footer .m .top .fl .fotlogo {
	width: 306px;
	display: block;
	margin-bottom: 45px;
	transition: all .5s;
}

.content .main_footer .m .top .fl .fotlogo:hover {
    transform: rotateX(360deg);
}

.content .main_footer .m .top .fl ul {
	display: flex;
	align-items: center;
}

.content .main_footer .m .top .fl ul li {
	margin-right: 22px;
	cursor: pointer;
	position: relative;
}

.content .main_footer .m .top .fl ul li:hover div {
	opacity: 1;
	visibility: initial;
	bottom: 60px;
}

.content .main_footer .m .top .fl ul li div {
	width: 200px;
	background: #fff;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	bottom: 100px;
	opacity: 0;
	visibility: hidden;
	z-index: 999;
	transition: all .3s;
	border-radius: 10px;
	padding: 30px;
}

.content .main_footer .m .top .fl ul li div img {
	display: block;
	width: 90px;
	margin: 0 auto;
	margin-bottom: 8px;
}

.content .main_footer .m .top .fl ul li div span {
	display: block;
	text-align: center;
	font-size: 13px;
	color: #666;
}

.content .main_footer .m .top .fl ul li a>img {
	width: 46px;
	display: block;
}

.content .main_footer .m .top .fl ul li>img {
	width: 46px;
	display: block;
}

.content .main_header {
	width: 100%;
	height: 75px;
	transition: all .3s;
	display: flex;
	align-items: center;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
	padding-left: 36px;
	justify-content: space-between;
}

.content .main_header.on {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	background: #fff;
}

.content .main_header.on .logo {
	background-image: url(../images/hd-logo2.png);
}

.content .main_header.on ul li a {
	color: #333;
}

.content .main_header.on .right div {
	color: #333;
}

.content .main_header.on .right div::after {
	background: #dcdcdc;
}

.content .main_header.on .right div span {
	background-image: url(../images/searchsb.png);
}

.content .main_header.onx {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	background: #fff;
}

.content .main_header.onx .logo {
	background-image: url(../images/hd-logo2.png);
	transition: all .5s;
}

.content .main_header.onx .logo:hover{
    transform: scale(1.2);
}

.content .main_header.onx ul li a {
	color: #333;
}

.content .main_header.onx .right div {
	color: #333;
}
.content .main_header.onx .right div a{
    color: #333;
}
.content .main_header.on .right div a{
    color: #333;
}
.content .main_header .right div a{
    color: #fff;
}
.content .main_header.onx .right div::after {
	background: #dcdcdc;
}

.content .main_header.onx .right div span {
	background-image: url(../images/searchsb.png);
}

.content .main_header .logo {
	width: 239px;
	height: 30px;
	cursor: pointer;
	background-image: url(../images/hd-logo.png);
	background-size: 100% 100%;
}

.content .main_header ul {
	height: 100%;
	display: flex;
	align-items: center;
}

.content .main_header ul li {
	height: 100%;
	position: relative;
	margin: 0 28px;
}

.content .main_header ul li:hover .slidenavbar {
	opacity: 1;
	visibility: initial;
	top: 100%;
}
.content .main_header ul li .slidenavbar {
	display: flex;
	position: absolute;
	width: 335px;
	flex-wrap: wrap;
	background: #fff;
	z-index: 99;
	top: 120%;
	visibility: hidden;
	opacity: 0;
	left: 0;
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
	background: #fff;
	transition: all .3s;
	padding: 30px 25px;
	align-items: center;
}
.content .main_header ul li .slidenavbar.on{
    width: 522px;
}
.content .main_header ul li .slidenavbar.on div{
    width: 33.33%;
}

.content .main_header ul li .slidenavbar::after{
    content: '';
    width: 100%;
    height: 2px;background: #fff;
    position: absolute;
    left: 0;
    bottom: 30px;
}
.content .main_header ul li .slidenavbar div{
    width: 50%;
    overflow: hidden;
    border-right: 1px solid #EDEDED;
    border-bottom: 1px solid #EDEDED;
    padding: 30px 0;
    height: 136px;
}
.content .main_header ul li .slidenavbar div:hover span{
    color: #fc6a00;
}
.content .main_header ul li .slidenavbar div:hover  img.i{
    display: none;
}
.content .main_header ul li .slidenavbar div:hover  img.i1{
    display: block;
}
.content .main_header ul li .slidenavbar div a{
    display: block;
    width: 100%;
}
.main_products{
    width: 100%;
    padding: 20px 0;
    
}
.main_products .btn{
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999;
}
.main_products .btn.prev{
    left: -100px;
}
.main_products .btn.next{
    right: -100px;
}

.ms{
    width: 1200px;
    position: relative;
    margin: 0 auto;
}
.main_products .mySwiper11{
    width: 100%;
    overflow: hidden;
}
.main_products .mySwiper11 .swiper-slide{
    background: #E9E9E9;
    margin-right: 23px;
    width: 280px;
    border-radius: 10px;
    max-height: 400px;
}
.main_products .mySwiper11 .swiper-slide a{
    display: block;
    width: 100%;
}
.main_products .mySwiper11 .swiper-slide .pic{
    height: 300px;
    width: 100%;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.main_products .mySwiper11 .swiper-slide:hover{
    background: #FAEEE5;
}
.main_products .mySwiper11 .swiper-slide .pic img{
    display: block;
    max-width: 100%;
}
.main_products .mySwiper11 .swiper-slide .info{
    overflow: hidden;
    padding: 0 20px 30px 20px;
}
.main_products .mySwiper11 .swiper-slide .info p{
    font-size: 18px;
    color: #222222;
    line-height: 1.6;
}
.main_products .mySwiper11 .swiper-slide .info div{
    display: flex;
    align-items: center;
    margin-top: 12px;
    font-size: 14px;
    color: #fea05c;
}
.main_products .mySwiper11 .swiper-slide .info div img{
    margin-left: 6px;
}
.content .main_header ul li .slidenavbar div:nth-child(2n){
    border-right: none;
}
.content .main_header ul li .slidenavbar div img{
    display: block;
    margin: 0 auto;
    margin-bottom: 14px;
    height: 40px;
    width: 40px;
    transition: all .5s;
}
.content .main_header ul li .slidenavbar div img:hover{
    transform: rotateY(360deg);
}
.content .main_header ul li .slidenavbar div img.i{
    display: block;
}
.content .main_header ul li .slidenavbar div img.i1{
    display: none;
}
.content .main_header ul li .slidenavbar div span{
    display: block;
    font-size: 14px;
    transition: all .1s;
    color: #333333;
    text-align: center;
    line-height: 1.6;
    word-wrap: break-word;
     word-break: normal;
}
.content .main_header ul li .slide {
	display: flex;
	height: 60px;
	position: absolute;
	left: 0;
	z-index: 99;
	width: 100%;
	visibility: hidden;
	top: 100%;
	background: #F7F7F7;
	opacity: 0;
	transition: all .3s;
	align-items: center;
}

.content .main_header ul li .slide a {
	display: block;
	height: 100%;
	display: flex;
	align-items: center;
	margin-right: 28px;
	font-size: 16px;
	color: #666;
	transition: all .2s;
}

.content .main_header ul li .slide a:hover {
	color: #fc6a00;
}

.content .main_header ul li .slidenavbar.on div:nth-child(2n){
     border-right: 1px solid #EDEDED;
}
.content .main_header ul li .slidenavbar.on div:nth-child(3n){
     border-right: none;
}
.content .main_header ul li.on>a {
	color: #fc6a00;
}

.content .main_header ul li.on>a::after {
	width: 100%;
}

.content .main_header ul li:hover>a {
	color: #fc6a00;
}

.content .main_header ul li:hover>a::after {
	width: 100%;
}

.content .main_header ul li>a {
	height: 100%;
	transition: all .1s;
	display: flex;
	align-items: center;
	position: relative;
	font-size: 16px;
	color: #fff;
}

.content .main_header ul li>a::after {
	content: '';
	width: 0%;
	height: 2px;
	background: #fc6a00;
	position: absolute;
	left: 50%;
	transition: all .3s;
	bottom: 0;
	transform: translateX(-50%);
}

.content .main_header .right {
	height: 100%;
	display: flex;
	align-items: center;
}
.content .main_header .right input{
    width: 160px;
    height: 30px;
    border-radius: 40px;
    font-size: 14px;
    color: #666;
    padding-left: 10px;
    border: none;
    background: #f8f8f8;
    display: none;
    transform: translateX(30px);
    transition: all .3s;
    outline: none;
}
.content .main_header .right div {
	height: 100%;
	padding: 0 13px;
	position: relative;
	display: flex;
	align-items: center;
	cursor: pointer;
	justify-content: center;
	font-size: 16px;
	color: #fff;
	transition: all .2s;
}
.content .main_header .right div a{
    display: flex;
    align-items: center;
    font-size: 15px;
}
.content .main_header .right div a img{
    width: 20px;
    transition: all .25s;
}
.content .main_header .right div:hover a img{
    transform: rotate(180deg);
}
.content .main_header .right div ul{
    width: 120px;
    overflow: hidden;
    border-radius: .1rem;
    background: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,.1);
    z-index: 999;
    position: absolute;
    left: 0;
    display: block;
    opacity: 0;
    visibility: hidden;
    height: auto;
    top: 120%;
    transition: all .3s;
    padding: 9px 0 15px 0;
}
.content .main_header .right div:hover ul{
    opacity: 1;
    top: 100%;
    visibility: initial;
}
.content .main_header .right div ul li{
    width: 80%;
    margin: 0 auto;
    padding: 0;
    height: auto;
}
.content .main_header .right div ul li a{
    font-size: 14px;color: #333;
    line-height: 2.5;
    display: block;
    text-align: center;
    transition: all .1s;
}
.content .main_header .right div ul li a:hover{
    color: #fc6a00;
}
.content .main_header .right div::after {
	content: '';
	width: 1px;
	height: 20px;
	background: #fff;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.content .main_header .right div.on span{
    transform: translateX(-25px);
    position: absolute;
	 right: 0;
}
.content .main_header .right div.on input{
    display: block;
    transform: translateX(0);
}
.content .main_header .right div span {
	display: block;
	width: 16px;
	background-size: 100% 100%;
	height: 16px;
	 transition: all .2s;
	position: relative;z-index: 9999;
	background-image: url(../images/searchs_03.png);
	
}

.content .main_header .right div:last-child::after {
	display: none;
}

.content .main_header .right div img {
	display: block;
	cursor: pointer;
}

.content .des_banner {
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 100vh !important;
	background-size: cover;
	background-position: center center;
}

.content .des_banner.on {
	height: 100vh !important;
}

.content .des_banner.on1 {
	height: 100vh !important;
}

.content .des_banner.on1 .font {
	top: 35%;
}

.content .des_banner .font {
	width: 100%;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: translateY(-50%);
	display: none;
}

.content .banners .font {
	width: 100%;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 28%;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: translateY(-50%);
	display: none;
}

.content .des_banner .font img {
	width: .7rem;
	margin-right: .32rem;
}

.content .des_banner .font p {
	text-align: center;
	font-size: .44rem;
	letter-spacing: .02rem;
	color: #fff;
}

.content .banners .font p {
	text-align: center;
	font-size: .44rem;
	letter-spacing: .02rem;
	color: #fff;
}

.content .banners {
	width: 100%;
}

.content .banners img {
	display: block;
	width: 100%;
}

.content .backs {
	width: .6rem;
	position: fixed;
	left: .38rem;
	top: 1.29rem;
	border-radius: 50%;
	box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1);
	z-index: 999;
}

.content .backs:hover {
	opacity: 0.8;
}

.content .backs img {
	display: block;
	width: 100%;
}

.content .main_solution_product {
	overflow: hidden;
	padding-bottom: 1.6rem;
	background-image: url(../images/chanxianbg_02.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	width: 100%;
	padding: 1.25rem 0 .3rem 0;
	position: relative;
}

.content .main_solution_product.on::after {
	content: '';
	background-image: url(../images/chanxianbg1_02.jpg);
	height: 7.36rem;
	width: 100%;
	background-size: 100% 100%;
	position: absolute;
	right: 0;
	bottom: 0;
}

.content .main_solution_product .m {
	width: 12rem;
	margin: 0 auto;
}

.content .main_solution_product .m .mide_pictrue {
	width: 100%;
	text-align: center;
	overflow: hidden;
	display: none;
}

.content .main_solution_product .m .mide_pictrue img {
	display: block;
	width: 100%;
}

.content .main_solution_product .m .main_construct {
	width: 100%;
}

.content .main_solution_product .m .main_construct ul {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: -.9rem;
	position: relative;
	z-index: 9;
}

.content .main_solution_product .m .main_construct ul li {
	overflow: hidden;
	width: 2.2rem;
	height: 2.9rem;
	background: #fff;
	border-radius: .25rem;
	box-shadow: 1px 11px 0.2rem rgba(0, 0, 0, 0.05);
	cursor: pointer;
	padding: .6rem .25rem 0 .25rem;
}

.content .main_solution_product .m .main_construct ul li:nth-child(odd) {
	margin-top: .4rem;
}

.content .main_solution_product .m .main_construct ul li:hover {
	background: #FC6A00;
}

.content .main_solution_product .m .main_construct ul li:hover img.icon1 {
	display: none;
}

.content .main_solution_product .m .main_construct ul li:hover img.icon2 {
	display: block;
}

.content .main_solution_product .m .main_construct ul li:hover p,
.content .main_solution_product .m .main_construct ul li:hover span {
	color: #fff;
}

.content .main_solution_product .m .main_construct ul li img {
	display: block;
	margin: 0 auto;
	margin-bottom: .2rem;
	width: .8rem;
}

.content .main_solution_product .m .main_construct ul li img.icon1 {
	display: block;
}

.content .main_solution_product .m .main_construct ul li img.icon2 {
	display: none;
}

.content .main_solution_product .m .main_construct ul li p {
	text-align: center;
	font-size: .22rem;
	color: #fc6a00;
	margin-bottom: .1rem;
}

.content .main_solution_product .m .main_construct ul li span {
	display: block;
	text-align: center;
	font-size: .16rem;
	color: #444444;
	line-height: 1.7;
}

.content .main_solution_product .m .main_construct .info {
	display: flex;
	justify-content: space-between;
}

.content .main_solution_product .m .main_construct .info img {
	width: 6rem;
	border-radius: .25rem;
}
.content .main_solution_product .m .main_construct .info video {
	width: 6rem;
	border-radius: .25rem;
	height: 5rem;
	object-fit: cover;
}

.content .main_solution_product .m .main_construct .info div {
	overflow: hidden;
	flex: 1;
	padding: .9rem 0 0 1rem;
}

.content .main_solution_product .m .main_construct .info div p {
	font-size: .4rem;
	margin-bottom: .33rem;
	color: #222222;
}

.content .main_solution_product .m .main_construct .info div span {
	display: block;
	font-size: .18rem;
	color: #222222;
	    line-height: .4rem;
    letter-spacing: 1px;
    text-align: justify;
}

.content .main_solution_product .m .main_case_show {
	overflow: hidden;
	width: 100%;
	position: relative;
	z-index: 99;
}
.main_case_show .box{
    display: flex;
    justify-content: space-between;
}
.main_case_show .box .pic{
    width: 4rem;
}
.main_case_show .box .pic:first-child{
     width: 4rem;
}
.main_case_show .box .pic:first-child img{
    height: 3.3rem;
}
.main_case_show .box .pic:nth-child(2){
     width: 3.3rem;
}
.main_case_show .box .pic:nth-child(2) img{
   height: 4.1rem;
   object-fit: cover;
}
.main_case_show .box .pic img{
    width: 100%;
    display: block;
    object-fit: cover;
    border-radius: .15rem;
    margin-bottom: .35rem;
}
.main_case_show .box .pic div{
    overflow: hidden;
}
.main_case_show .box .pic div span{
    display: block;
    font-size: .14rem;
    color: #222222;
    line-height: 2;
}
.main_case_show .box  .font{
    overflow: hidden;
    width: 3.88rem;
    padding-top: .4rem;
}
.main_case_show .box  .font .titles{
    overflow: hidden;
}
.main_case_show .box  .font .titles p{
    font-size: .28rem;
    margin-bottom: .3rem;
    color: #222222;
}
.main_case_show .box  .font .titles span{
    font-size: .14rem;
    line-height: 2;
    color: #222222;
}
.main_case_show .box  .font ul{
    width: 100%;
    margin-top: 1rem;
}
.main_case_show .box  .font ul li{
    position: relative;
    padding-left: .25rem;
    padding-bottom: .3rem;
    font-size: .2rem;
    color: #444444;
}
.main_case_show .box  .font ul li::after{
    content: '';
    width: .12rem;
    height: .12rem;
    border-radius: 50%;
    border: 2px solid #E54D26;
    background: #F0F0F0;
    position: absolute;
    z-index: 9;
    left: 0;
    top: .06rem;
}
.main_case_show .box  .font ul li::before{
    content: '';
    width: 1px;
    height: 120%;
    background: #D8D8D8;
    position: absolute;
    left: .07rem;
    top: .12rem;
}
.main_case_show .box  .font ul li:last-child::before{
    display: none;
}
.content .main_solution_product .m .main_case_show .title {
	display: block;
	font-size: .4rem;
	color: #222222;
}

.content .main_solution_product .m .main_case_show .box {
	overflow: hidden;
	width: 100%;
	margin-top: .96rem;
	padding-bottom: 1.2rem;
	display: flex;
	justify-content: space-between;
}

.content .main_solution_product .m .main_case_show .box .lr {
	display: flex;
	align-items: flex-end;
}

.content .main_solution_product .m .main_case_show .box .lr div {
	overflow: hidden;
	width: 4rem;
	margin-right: .33rem;
}

.content .main_solution_product .m .main_case_show .box .lr div:last-child {
	width: 2.9rem;
	margin-right: 0;
}

.content .main_solution_product .m .main_case_show .box .lr div:last-child img {
	margin-bottom: 0;
}

.content .main_solution_product .m .main_case_show .box .lr div img {
	display: block;
	border-radius: .2rem;
	margin-bottom: .35rem;
	width: 100%;
}

.content .main_solution_product .m .main_case_show .box .lf {
	width: 3.5rem;
	padding-top: .88rem;
}

.content .main_solution_product .m .main_case_show .box .lf p {
	font-size: .3rem;
	color: #222222;
	margin-bottom: .33rem;
}

.content .main_solution_product .m .main_case_show .box .lf em {
	margin-top: 0.1rem;
	display: block;
	padding-left: 0.1rem;
	float: left;
	font-size: .16rem;
	font-weight: bold;
	width: 70%;
	color: #222222;
}

.content .main_solution_product .m .main_case_show .box .lf span {
	display: block;
	font-size: .16rem;
	color: #222222;
	line-height: 1.9;
	text-align: justify;
    letter-spacing: 1px;
    text-indent: 2em;
}

.content .main_solution_product .m .main_case_show .box .lf ul {
	display: flex;
	flex-wrap: wrap;
}

.content .main_solution_product .m .main_case_show .box .lf ul li {
	width: 50%;
	margin-top: .5rem;
}

.content .main_solution_product .m .main_case_show .box .lf ul li img {
	display: block;
	width: .4rem;
	float: left;
	margin-bottom: .12rem;
}

.content .main_solution_product .m .main_case_show .list {
	overflow: hidden;
	width: 100%;
	margin-top: .85rem;
}

.content .main_solution_product .m .main_case_show .list .item {
	overflow: hidden;
	width: 100%;
	margin-bottom: 1.55rem;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.content .main_solution_product .m .main_case_show .list .item:nth-child(even) {
	flex-direction: row-reverse;
}

.content .main_solution_product .m .main_case_show .list .item .pic {
	overflow: hidden;
	width: 5.83rem;
	border-radius: .2rem;
}

.content .main_solution_product .m .main_case_show .list .item .pic img {
	display: block;
	border-radius: .15rem;
	width: 100%;
	transition: all .6s;
}

.content .main_solution_product .m .main_case_show .list .item .pic img:hover{
    /*transform: scale(1.2);*/
}

.content .main_solution_product .m .main_case_show .list .item .grow {
	overflow: hidden;
	width: 5rem;
}

.content .main_solution_product .m .main_case_show .list .item .grow p {
	font-size: .3rem;
	/*margin-bottom: .2rem;*/
	color: #222222;
	letter-spacing: 1px;
}

.content .main_solution_product .m .main_case_show .list .item .grow span {
	display: block;
	font-size: .18rem;
	color: #222222;
	line-height: 1.95;
	letter-spacing: 1px;
	padding-top: .3rem;
}

.content .main_solution_product .m .main_case_show .list .item .grow ul {
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
}

.content .main_solution_product .m .main_case_show .list .item .grow ul.two li {
	width: 50%;
}



.content .main_solution_product .m .main_case_show .list .item .grow ul.three li {
	margin-right: 5%;
	width: 28%;
}

.content .main_solution_product .m .main_case_show .list .item .grow ul li:hover img {
    transform: rotate(360deg);
}

.content .main_solution_product .m .main_case_show .list .item .grow ul li {
	overflow: hidden;
	margin-top: .4rem;
	width: 33.33%;
	
}

.content .main_solution_product .m .main_case_show .list .item .grow ul li img {
	float: left;
	width: .4rem;
	transition: all .5s;
}

.content .main_solution_product .m .main_case_show .list .item .grow ul li em {
	margin-top: 0.1rem;
	display: block;
	padding-left: 0.1rem;
	float: left;
	font-size: .16rem;
	font-weight: bold;
	width: 75%;
	color: #222222;
	letter-spacing: 1px;
}

.content .main_solution_product .m .main_case_show .list .item .grow ul li p {
	display: block;
	font-size: .14rem;
	line-height: 24px;
	padding-right: 0.25rem;
	margin-top: 0.5rem;
	color: #222222;
	letter-spacing: 1px;
}

.content .main_solution_product .m .main_case_show .list .item .grow .three em {
	margin-top: 0.1rem;
	display: block;
	font-size: .16rem;
	font-weight: bold;
	color: #222222;
}

.content .main_solution_product .m .main_case_show .list .item .grow .three p {
	display: block;
	font-size: .14rem;
	margin-top: 0.1rem!important;
	color: #222222;
}

.content .main_solution_product .m .main_case_show .list .item .grow .last {
	width: 100%!important;
}

.content .main_solution_product .m .main_case_value {
	overflow: hidden;
	width: 100%;
	/*padding: 1.25rem 0;*/
}

.content .main_solution_product .m .main_case_value .title {
	display: block;
	font-size: .4rem;
	color: #222222;
}

.content .main_solution_product .m .main_case_value .box {
	width: 100%;
	height: 6.45rem;
	margin-top: .6rem;
	position: relative;
}

.content .main_solution_product .m .main_case_value .box .icon {
	display: block;
	width: 8rem;
	position: absolute;
	left: 2rem;
	top: 2.5rem;
	z-index: 9;
}

.content .main_solution_product .m .main_case_value .box div {
	overflow: hidden;
	width: 3.45rem;
	position: absolute;
	padding: .3rem .4rem .35rem .4rem;
	background: #fff;
	border-radius: 0 .3rem 0 .3rem;
	box-shadow: 1px 11px 0.2rem rgba(0, 0, 0, 0.05);
}

.content .main_solution_product .m .main_case_value .box div img {
	display: block;
	margin-bottom: .16rem;
	width: .4rem;
}

.content .main_solution_product .m .main_case_value .box div p {
	font-size: .24rem;
	color: #222222;
	margin-bottom: .1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	/*white-space: nowrap;*/
	letter-spacing: 1px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.content .main_solution_product .m .main_case_value .box div span {
	display: block;
	font-size: .16rem;
	color: #222222;
	line-height: .28rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	letter-spacing: 1px;
}

.content .main_solution_product .m .main_case_value .box div.lab1 {
	left: .46rem;
	top: -0.34rem;
	z-index: 8;
	transition: all .5s;
}
.content .main_solution_product .m .main_case_value .box div.lab1:hover {
    transform: translateY(-35px);
}

.content .main_solution_product .m .main_case_value .box div.lab2 {
	left: 5.9rem;
	top: -0.4rem;
	z-index: 8;
	transition: all .5s;
}
.content .main_solution_product .m .main_case_value .box div.lab2:hover {
    transform: translateX(130px);
}

.content .main_solution_product .m .main_case_value .box div.lab3 {
	left: 1.6rem;
	top: 3.8rem;
	z-index: 10;
	transition: all .5s;
}
.content .main_solution_product .m .main_case_value .box div.lab3:hover {
    transform: translateX(-80px);
}

.content .main_solution_product .m .main_case_value .box div.lab4 {
	left: 8.06rem;
	top: 3.53rem;
	z-index: 10;
	transition: all .5s;
}
.content .main_solution_product .m .main_case_value .box div.lab4:hover {
    transform: translateY(30px);
}

.content .main_solution_product .m .main_case_value .box div.lab5 {
	left: 4.95rem;
	top: 3.74rem;
	z-index: 10;
	transition: all .5s;
}
.content .main_solution_product .m .main_case_value .box div.lab5:hover {
    transform: translateX(60px);
}

.content .main_solution_product .m .main_case_value .box div.lab6 {
	left: 4.42rem;
	top: .2rem;
	z-index: 8;
}

.content .main_solution_product .m .main_case_value .box div.lab7 {
	left: 8.46rem;
	top: .3rem;
	z-index: 10;
}

.content .main_solution_product .m .main_case_value .box div.lab8 {
	left: .7rem;
	top: 3.58rem;
	z-index: 10;
}

.content .main_solution_product .m .main_case_value .box div.lab9 {
	left: 5.43rem;
	top: 3.75rem;
	z-index: 10;
}

.content .main_solution_product .m .casefen {
	width: 100%;
	padding-bottom: 1.5rem;
}

.content .main_solution_product .m .casefen p {
	font-size: 40px;
	color: #222222;
}

.content .main_solution_product .m .casefen .box {
	width: 100%;
	margin-top: 2.4rem;
	position: relative;
	display: flex;
	justify-content: space-between;
}
.content .main_solution_product .m .casefen .box video{
    border-radius: .2rem;
    width: 59%;
    display: block;
    object-fit: cover;
}
.content .main_solution_product .m .casefen .box .font {
	overflow: hidden;
	width: 4.5rem;
	background: #fff;
	border-radius: .25rem;
	box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1);
	padding: 2rem .55rem;
	position: relative;
	z-index: 99;
	font-size: .18rem;
	color: #222222;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	line-height: 2;
}

.content .main_solution_product .m .casefen .box .font::after {
	content: '';
	width: .16rem;
	height: .12rem;
	background-image: url(../images/case_cp_04.png);
	background-size: 100% 100%;
	position: absolute;
	left: .55rem;
	top: 1.62rem;
}

.content .main_solution_product .m .casefen .box img {
	width: 12.32rem;
	position: absolute;
	/*left: 3.32rem;*/
	border-radius: 35px;
}

.content .main_solution_product .m .case {
	width: 100%;
	overflow: hidden;
	padding-bottom: 1rem;
}

.content .main_solution_product .m .case.on .box {
	width: 100%;
	float: none;
}

.content .main_solution_product .m .case .head {
	overflow: hidden;
}

.content .main_solution_product .m .case .head p {
	font-size: .4rem;
	color: #222222;
	line-height: 1.66;
}

.content .main_solution_product .m .case .box {
	width: 100%;
	margin-top: .6rem;
	float: right;
}

.content .main_solution_product .m .case .box .font {
	/*width: 5.1rem;*/
	font-size: .18rem;
	color: #222222;
	line-height: 2;
	padding-left: .45rem;
	position: relative;
	letter-spacing: 1px;
}
.content .main_solution_product .m .case .box video{
    width: 100%;
    height: 7rem;
    object-fit: cover;
    margin-top: .3rem;
}
.content .main_solution_product .m .case .box .font::after {
	content: '';
	width: .16rem;
	height: .12rem;
	background-image: url(../images/case_cp_04.png);
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.content .main_solution_product .m .case .box img {
	width: 100%;
	display: block;
	margin-top: .66rem;
	border-radius: .25rem;
}

.content .main_solution_box {
	overflow: hidden;
	background-image: url(../images/casebg_02.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 2rem 0 .9rem 1.14rem;
}

.content .main_solution_box .title {
	display: block;
	font-size: .44rem;
	color: #fc6a00;
	letter-spacing: .01rem;
}

.content .main_solution_box .box_icon {
	overflow: hidden;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	margin-top: 1.25rem;
	padding-right: .72rem;
}

.content .main_solution_box .box_icon ul {
	display: flex;
	align-items: center;
}

.content .main_solution_box .box_icon ul li {
	overflow: hidden;
	position: relative;
	padding: 0 .2rem;
	padding-bottom: .2rem;
	font-size: .18rem;
	color: #a7a7a7;
	cursor: pointer;
}

.content .main_solution_box .box_icon ul li:hover {
	color: #fc6a00;
}

.content .main_solution_box .box_icon ul li:hover::before {
	width: 100%;
}

.content .main_solution_box .box_icon ul li.on {
	color: #fc6a00;
}

.content .main_solution_box .box_icon ul li.on::before {
	width: 100%;
}

.content .main_solution_box .box_icon ul li::after {
	content: '';
	width: 100%;
	height: 1px;
	background: #D5D5D5;
	position: absolute;
	left: 0;
	bottom: 0;
}

.content .main_solution_box .box_icon ul li::before {
	content: '';
	width: 0%;
	height: 1px;
	transition: all .3s;
	background: #fc6a00;
	position: absolute;
	left: 0;
	z-index: 9;
	bottom: 0;
}

.content .main_solution_box .box_icon .page {
	display: flex;
	align-items: center;
}

.content .main_solution_box .box_icon .page img {
	display: block;
	cursor: pointer;
	width: .8rem;
}

.content .main_solution_box .box_icon .page div {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 .4rem;
}

.content .main_solution_box .box_icon .page div span {
	display: block;
	overflow: hidden;
	width: .08rem;
	height: .08rem;
	cursor: pointer;
	border-radius: 50%;
	background: #D5D5D5;
	margin: 0 .09rem;
	transition: all .1s;
}

.content .main_solution_box .box_icon .page div span.on {
	width: .14rem;
	height: .14rem;
	background: #FC6A00;
}

.content .main_solution_box .box {
	width: 100%;
	margin-top: .9rem;
	position: relative;
}

.content .main_solution_box .box .mySwiper {
	overflow: hidden;
	width: 100%;
}

.content .main_solution_box .box .mySwiper .swiper-slide {
	width: 5.4rem;
	margin-right: .56rem;
}

.content .main_solution_box .box .mySwiper .swiper-slide .label {
	overflow: hidden;
	width: 100%;
	height: 3.2rem;
	border-radius: .2rem;
	position: relative;
}

.content .main_solution_box .box .mySwiper .swiper-slide .label .icon {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.content .main_solution_box .box .mySwiper .swiper-slide .label:hover .font {
	padding-top: .7rem;
	background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
}

.content .main_solution_box .box .mySwiper .swiper-slide .label:hover .font>img {
	opacity: 1;
}

.content .main_solution_box .box .mySwiper .swiper-slide .label .font {
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	transition: all .3s;
	bottom: 0;
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
	padding: .7rem 0 .65rem .54rem;
	padding-top: 1.55rem;
}

.content .main_solution_box .box .mySwiper .swiper-slide .label .font>img {
	display: block;
	width: .7rem;
	margin-bottom: .26rem;
	opacity: 0;
	transition: all .1s;
}

.content .main_solution_box .box .mySwiper .swiper-slide .label .font p {
	font-size: .26rem;
	margin-bottom: .3rem;
	color: #fff;
}

.content .main_solution_box .box .mySwiper .swiper-slide .label .font div {
	display: flex;
	align-items: center;
	font-size: .16rem;
	color: #fc6a00;
}

.content .main_solution_box .box .mySwiper .swiper-slide .label .font div img {
	width: .12rem;
	margin-left: .07rem;
}

.content .main_footer_contact {
	overflow: hidden;
	width: 100%;
	height: 1.89rem;
	background-size: cover;
	background-position: center center;
	background-image: url(../images/service_gfcp_62.png);
	transition: all .5s;
}

/*.content .main_footer_contact:hover .m p{*/
/*    transform: translateX(140px);*/
/*}*/

/*.content .main_footer_contact:hover .m div{*/
/*    transform: translateX(-140px);*/
/*}*/

.content .main_footer_contact .m {
	width: 12rem;
	height: 100%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.content .main_footer_contact .m p {
	font-size: .36rem;
	color: #000000;
	transition: all .5s;
}

.content .main_footer_contact .m p span {
	color: #fc6a00;
}

.content .main_footer_contact .m div {
	height: 100%;
	transition: all .5s;
}

.content .main_footer_contact .m div a {
	display: flex;
	align-items: center;
	height: 100%;
	font-size: .2rem;
	color: #333333;
}

.content .main_footer_contact .m div a img {
	width: .4rem;
	margin-left: .2rem;
}

.content .main_service_products {
	overflow: hidden;
	width: 100%;
}

.content .main_service_products .title {
	display: block;
	text-align: center;
	font-size: .4rem;
	color: #333333;
	margin-bottom: .9rem;
	letter-spacing: .01rem;
}

.content .main_service_products .title span {
	color: #fc6a00;
}

.content .main_service_products .list {
	overflow: hidden;
	width: 100%;
}

.content .main_service_products .list .item {
	overflow: hidden;
	width: 100%;
	background: #F7F7F9;
	padding: 1.5rem 0 0 0;
}

.content .main_service_products .list .item:nth-child(even) {
	background: #fff;
}

.content .main_service_products .list .item:nth-child(even) .m {
	flex-direction: row-reverse;
}

.content .main_service_products .list .item .m {
	width: 12rem;
	margin: 0 auto;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

.content .main_service_products .list .item .m .pic {
	width: 4.93rem;
}

.content .main_service_products .list .item .m .grow {
	flex: 1;
	padding-left: .8rem;
	padding-bottom: 1rem;
}

.content .main_service_products .list .item .m .grow .head {
	overflow: hidden;
}

.content .main_service_products .list .item .m .grow .head p {
	font-size: .26rem;
	color: #222222;
	line-height: 1.666666666666667;
}

.content .main_service_products .list .item .m .grow ul {
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	margin-top: .1rem;
	justify-content: space-between;
}

.content .main_service_products .list .item .m .grow ul li {
	overflow: hidden;
	width: 48%;
	margin-top: .6rem;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	transition: all .5s;
}
.blackall{
    width: 100%;
    overflow: hidden;
    background: #F7F7F9;
    padding: 1.6rem 0 .6rem 0;
}
.blackall .m{
    width: 12rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.blackall .m .left{
    width: 4.3rem;
}
.blackall .m .right{
    width: 7.03rem;
}
.blackall .m .right p{
    font-size: .36rem;
    font-weight: bold;
    color: #222222;
}
.blackall .m .right > img{
    display: block;
    width: 100%;
}
.blackall .m .right ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.blackall .m .right ul li{
    width: 48%;
    display: flex;
    align-items: center;
    margin-top: .4rem;
}
.blackall .m .right ul li img{
    width: .6rem;
}
.blackall .m .right ul li span{
    flex: 1;
    font-size: .14rem;
    line-height: 1.7;
    color: #666666;
    padding-left: .2rem;
    display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
    display: block;
}
.blackall .m .left img{
    width: 100%;
    display: block;
    margin-bottom: .5rem;
}
.blackall .m .left li{
    position: relative;
    font-size: .2rem;
    color: #444444;
    line-height: 1.7;
    padding-left: .33rem;
    padding-bottom: .4rem;
}
.blackall .m .left li::after{
    content: '';
    width: .1rem;
    height: .1rem;
    position: absolute;
    left: 0;
    top: .1rem;
    border-radius: 50%;
    z-index: 99;
    background: #fff;
    border: .04rem solid #E54D26;
}
.blackall .m .left li:last-child::before{
    display: none;
}
.blackall .m .left li:last-child{
    padding-bottom: 0;
}
.blackall .m .left li::before{
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    left: .07rem;
    top: .1rem;
    background: #D9D9D9;
}
.content .main_service_products .list .item:nth-child(even) .m .grow{
    padding: 0;
    padding-right: 0.8rem;
    padding-bottom: 1rem;
}
.content .main_service_products .list .item .m .grow .tables{
    width: 100%;
    margin-top: .3rem;
}
.content .main_service_products .list .item .m .grow .tables div{
    width: 100%;
    display: flex;
    border-bottom: 1px solid #fff;
    background: #F5DBD3;
}
.content .main_service_products .list .item .m .grow .tables div:nth-child(even){
    background: #F5EDEB;
}
.content .main_service_products .list .item .m .grow .tables div p{
    font-size: 12px;
    color: #423d3c;
    width: 2.08rem;
    text-align: center;
    border-right: 1px solid #D0C3BE;
    padding: .1rem;
}
.content .main_service_products .list .item .m .grow .tables div span{
    font-size: 12px;
    color: #423d3c;
    display: block;
    flex: 1;
    text-align: center;
    padding: .1rem;
}
.content .main_service_products .list .item .m .grow ul li img {
	width: .6rem;
	transition: all .5s;
}

.content .main_service_products .list .item .m .grow ul li:hover img {
    transform: rotateY(180deg);
    box-shadow: 5px 5px 5px #e2e2e2;
}

.content .main_service_products .list .item .m .grow ul li:hover div p {
    text-shadow: 5px 5px 5px #e2e2e2;
}

.content .main_service_products .list .item .m .grow ul li div {
	overflow: hidden;
	flex: 1;
	padding-left: .2rem;
}

.content .main_service_products .list .item .m .grow ul li div p {
	font-size: .18rem;
	line-height: .3rem;
	color: #161616;
	overflow: hidden;
	text-overflow: ellipsis;
	/*white-space: nowrap;*/
	    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.content .main_service_products .list .item .m .grow ul li div span {
	display: block;
	font-size: .14rem;
	color: #161616;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.content .main_service_products .list .item .m .grow ul li div em {
	display: block;
	font-size: .14rem;
	line-height: 1.6;
	color: #666666;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}
.content .main_service_products .list .item .m .grow .data {
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
}

.content .main_service_products .list .item .m .grow .data div {
	overflow: hidden;
	width: 1.3rem;
	height: 1.3rem;
	border-radius: 50%;
	margin-right: .45rem;
	border: 1px dashed #C1C1C2;
	margin-top: .5rem;
	padding-top: .42rem;
}

.content .main_service_products .list .item .m .grow .data div:hover{
    background: #e54d26;
    border: 1px dashed #ffffff;
    box-shadow: 5px 5px 5px #e2e2e2;
}

.content .main_service_products .list .item .m .grow .data div:hover p{
    color: #ffffff;
}

.content .main_service_products .list .item .m .grow .data div:hover span{
    color: #ffffff;
}

.content .main_service_products .list .item .m .grow .data div p {
	text-align: center;
	font-size: .22rem;
	color: #e54d26;
	line-height: 1;
	font-weight: bold;
	margin-bottom: .1rem;
}

.content .main_service_products .list .item .m .grow .data div span {
	display: block;
	text-align: center;
	font-size: .18rem;
	color: #222222;
}

.content .main_service_gcsj {
	overflow: hidden;
	width: 100%;
	padding: 1.2rem 0 1.8rem 0;
	background-image: url(../images/servicebg_02.png);
	background-size: 100%;
	background-repeat: no-repeat;
}

.content .main_service_gcsj .m {
	width: 12rem;
	margin: 0 auto;
}

.content .main_service_gcsj .m .title {
	display: block;
	text-align: center;
	font-size: .4rem;
	color: #333333;
	letter-spacing: .01rem;
}

.content .main_service_gcsj .m .title span {
	color: #fc6a00;
}

.content .main_service_gcsj .m .desbanner {
	overflow: hidden;
	width: 100%;
	border-radius: .2rem;
	margin-top: 1.2rem;
}

.content .main_service_gcsj .m .desbanner img {
	display: block;
	width: 100%;
	transition: all .5s;
}

.content .main_service_gcsj .m .desbanner img:hover{
    transform: scale(1.2);
}

.content .main_service_gcsj .m .bot_nav {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.content .main_service_gcsj .m .bot_nav.on li {
	width: 50%;
}
.content .main_service_gcsj .m .bot_nav.on1 a div{
    overflow: hidden;
}
.content .main_service_gcsj .m .bot_nav.on1 a div p{
    font-size: .18rem;
    color: #333333;
    padding-left: .24rem;
    margin-bottom: .1rem;
}
.content .main_service_gcsj .m .bot_nav.on1 a div span{
    font-size: .14rem;
    color: #666666;
    padding-left: .24rem;
}
.content .main_service_gcsj .m .bot_nav li {
	overflow: hidden;
	margin-top: .96rem;
	width: 33.33%;
}

.content .main_service_gcsj .m .bot_nav li:hover img {
    transform: rotateY(360deg);
}

.content .main_service_gcsj .m .bot_nav li a {
	width: 100%;
	display: flex;
	align-items: center;
}

.content .main_service_gcsj .m .bot_nav li a img {
	width: .8rem;
	transition: all .5s;
}

.content .main_service_gcsj .m .bot_nav li a span {
	flex: 1;
	padding: 0 .1rem 0 .24rem;
	display: block;
	/*padding-right: .45rem;*/
	font-size: .16rem;
	letter-spacing: 1px;
	color: #333333;
	line-height: 1.8;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}

.content .main_service_gcsj .m .bot_nav li:hover a span {
    text-shadow: 5px 5px 5px #e2e2e2;
}

.content .main_service_gcsj .m .top_nav {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: .4rem;
}

.content .main_service_gcsj .m .top_nav li {
	overflow: hidden;
	width: 2.3rem;
	margin: 0 .3rem;
	height: 2.8rem;
	margin-top: .3rem;
	background: #fff;
	border-radius: .25rem;
	box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.05);
	display: flex;
	align-items: center;
	transition: all .2s;
	justify-content: center;
}

.content .main_service_gcsj .m .top_nav li:hover {
	background: #FC6A00;
	transform: translateY(-0.15rem);
}


.content .main_service_gcsj .m .top_nav li:hover a img.i1 {
	display: none;
}

.content .main_service_gcsj .m .top_nav li:hover a img.i2 {
	display: block;
}

.content .main_service_gcsj .m .top_nav li:hover a span {
	color: #fff;
}

.content .main_service_gcsj .m .top_nav li a {
	overflow: hidden;
	display: block;
	width: 100%;
}

.content .main_service_gcsj .m .top_nav li a img {
	display: block;
	width: .8rem;
	margin: 0 auto;
}

.content .main_service_gcsj .m .top_nav li a img.i1 {
	display: block;
}

.content .main_service_gcsj .m .top_nav li a img.i2 {
	display: none;
}

.content .main_service_gcsj .m .top_nav li a span {
	display: block;
	text-align: center;
	font-size: .18rem;
	padding: 0 .3rem;
	box-sizing: border-box;
	color: #222222;
	line-height: 1.6;
	margin-top: .25rem;
	letter-spacing: 1px;
}

.main_recriot_list .addtitle{
    text-align: center;
    font-size: .36rem;
    margin-bottom: .55rem;
    color: #222222;
    margin: 0 auto;
    display: block;
}

.content .main_recriot_list {
	width: 100%;
	position: relative;
	margin-top: -3.5rem;
	padding-bottom: 1.38rem;
}

.content .main_recriot_list .m {
	width: 12rem;
	margin: 0 auto;
	background: #fff;
	border-radius: .25rem;
	padding: .5rem .5rem .9rem .5rem;
}

.content .main_recriot_list .m table {
	width: 100%;
	border: none;
	margin-bottom: .66rem;
}

.content .main_recriot_list .m table tr {
	width: 100%;
}

.content .main_recriot_list .m table tr:nth-child(odd) td {
	background: #EEEEEE;
}

.content .main_recriot_list .m table tr th {
	font-size: .2rem;
	padding: .24rem 0;
	background: #FC6A00;
	letter-spacing: .01rem;
	color: #fff;
	text-align: center;
}

.content .main_recriot_list .m table tr th:first-child {
	border-radius: .15rem 0 0 .15rem;
}

.content .main_recriot_list .m table tr th:last-child {
	border-radius: 0 .15rem .15rem 0;
}

.content .main_recriot_list .m table tr td {
	font-size: .16rem;
	padding: .24rem 0;
	position: relative;
	letter-spacing: .01rem;
	color: #222222;
	text-align: center;
}.content .main_recriot_list .m table tr td:hover .showtip{
    display: block;
    opacity: 1;
    visibility: inherit;
    top: 100%;
    text-align: left;
}
.content .main_recriot_list .m table tr td .showtip{
    width: 620px;
    background: #FC6A00;
    border-radius: 6px;
    z-index: 999;
    transition: all .2s;
    box-shadow: 3px 0 20px rgba(0,0,0,.1);
    padding: 20px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 120%;
    opacity: 0;
    visibility: hidden;
}
.content .main_recriot_list .m table tr td .showtip p{
    font-size: 14px;
    color: #fff;
    line-height: 1.6;
}
.content .main_recriot_list .m table tr td a {
	color: #fc6a00;
}

.content .main_recriot_list .m table tr td a:hover {
	opacity: 0.8;
}

.content .main_recriot {
	overflow: hidden;
	width: 100%;
	padding: 1.32rem 0 2.4rem 0;
	background-image: url(../images/zpbg_02.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: bottom center;
}

.content .main_recriot .m {
	width: 12rem;
	margin: 0 auto;
}

.content .main_recriot .m .head {
	overflow: hidden;
}

.content .main_recriot .m .head p {
	text-align: center;
	font-size: .36rem;
	margin-bottom: .55rem;
	color: #222222;
}

.content .main_recriot .m .head span {
	display: block;
	text-align: center;
	font-size: .18rem;
	color: #222222;
	line-height: 1.95;
}

.content .main_recriot .m .box {
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 1.15rem;
}

.content .main_recriot .m .box .grow {
	overflow: hidden;
	flex: 1;
	padding-left: .45rem;
}

.content .main_recriot .m .box .grow p {
	font-size: .2rem;
	color: #222222;
	margin-bottom: .3rem;
}

.content .main_recriot .m .box .grow span {
	display: block;
	font-size: .26rem;
	color: #222222;
	margin-bottom: .45rem;
}

.content .main_recriot .m .box .grow div {
	overflow: hidden;
}

.content .main_recriot .m .box .grow div a {
	display: flex;
	align-items: center;
	font-size: .16rem;
	color: #666666;
}
.content .main_recriot .m .box .grow .btngrow > div:hover a{color: #FC6A00;}
.content .main_recriot .m .box .grow div a img {
	width: .34rem;
	margin-right: .1rem;
}

.content .main_recriot .m .box .picture {
	overflow: hidden;
	width: 8.2rem;
	height: 4.8rem;
	border-radius: .3rem;
	position: relative;
	background-image: url(../images/zps_04.png);
	background-size: cover;
}

.content .main_recriot .m .box .picture ul {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	position: absolute;
	left: 0;
	top: 0;
}

.content .main_recriot .m .box .picture ul li {
	flex: 1;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	cursor: pointer;
	background: rgba(0, 0, 0, 0.4);
	transition: all .15s;
	font-size: .18rem;
	letter-spacing: .01rem;
	border-right: 1px solid rgba(255, 255, 255, 0.1);
	color: #fff;
}

.content .main_recriot .m .box .picture ul li:hover {
	background: rgba(0, 0, 0, 0.2);
	color: #FC6A00;
}

.content .main_recriot .m .addimg{
    padding-top: 1rem;
    padding-bottom: 4rem;
    text-align: center;
}

.content .main_recriot .m .addimg img{
    width: 70%;;
}

.content .main_brand_sound_info {
	overflow: hidden;
	width: 100%;
	background: #F8F8F8;
	padding: .5rem 0 1.1rem 0;
}

.content .main_brand_sound_info .back {
	overflow: hidden;
	position: fixed;
	left: 1.54rem;
	top: 1.5rem;
	z-index: 99;
}

.content .main_brand_sound_info .back:hover img {
	opacity: 0.8;
}

.content .main_brand_sound_info .back:hover span {
	color: #FC6A00;
}

.content .main_brand_sound_info .back img {
	display: block;
	margin: 0 auto;
	width: .6rem;
	margin-bottom: .12rem;
	transition: all .05s;
}

.content .main_brand_sound_info .back span {
	display: block;
	text-align: center;
	font-size: .16rem;
	color: #999999;
}



.content  .backss {
	overflow: hidden;
	position: fixed;
	left: 1.54rem;
	top: 1.5rem;
	z-index: 99;
}

.content  .backss:hover img {
	opacity: 0.8;
}

.content  .backss:hover span {
	color: #FC6A00;
}

.content .backss img {
	display: block;
	margin: 0 auto;
	width: .6rem;
	margin-bottom: .12rem;
	transition: all .05s;
}
.more.ons{
    margin-top: 70px;
}
.more.ons a{
    padding: 0 20px;
}
.more.ons span{
    color: #333;
    margin-left: 15px;
    font-size: 16px;
    line-height: 40px;
}
.he_syp4 .list{
    margin-bottom: -145px;
}
.he_banli .title{
    width: 100%;
    font-size: 26px;
    left: 0;
    top: 168px;
    font-weight: bold;
    z-index: 999;
    z-index: 99999;
    text-align: center;
    position: relative;
    top: 550px;
    color: #fff;
}
.content  .backss span {
	display: block;
	text-align: center;
	font-size: .16rem;
	color: #fea05c;
}

.content .main_brand_sound_info .m {
	width: 12rem;
	margin: 0 auto;
}

.content .main_brand_sound_info .m .head {
	overflow: hidden;
	margin-top: .32rem;
	padding-bottom: .3rem;
	border-bottom: 1px solid #E4E4E4;
}

.content .main_brand_sound_info .m .head p {
	font-size: .4rem;
	font-weight: bold;
	color: #222222;
	line-height: 1.4;
}

.content .main_brand_sound_info .m .head span {
	display: block;
	margin-top: .24rem;
	font-size: .16rem;
	color: #999999;
}

.content .main_brand_sound_info .m .updown{
    text-align: center;
    color: #fff;
    line-height: .5rem;
    font-size: 15px;
    letter-spacing: 2px;
}

.content .main_brand_sound_info .m .updown a{
    color: #fff;
}

.content .main_brand_sound_info .m .updown bottom{
    width: 1.2rem;
    height: .5rem;
    background: #fc6a00;
    display: block;
    margin: 0 auto;
    border-radius: 5%;
    box-shadow: 5px 5px 5px #333;
}

.content .main_brand_sound_info .m .article_btn {
	overflow: hidden;
}

.content .main_brand_sound_info .m .article_btn .label {
	overflow: hidden;
	width: 100%;
}

.content .main_brand_sound_info .m .article_btn .label:hover div span {
	text-decoration: underline;
}

.content .main_brand_sound_info .m .article_btn .label p {
	display: flex;
	align-items: center;
	font-size: .18rem;
	height: .6rem;
	color: #fc6a00;
}

.content .main_brand_sound_info .m .article_btn .label div {
	display: flex;
	align-items: center;
	border-top: 1px solid #E4E4E4;
	justify-content: space-between;
	height: .6rem;
}

.content .main_brand_sound_info .m .article_btn .label div span {
	font-size: .18rem;
	color: #fc6a00;
}

.content .main_brand_sound_info .m .article_btn .label div img {
	display: block;
}

.content .main_brand_sound_info .m .box {
	overflow: hidden;
	padding: .75rem 0 1.5rem 0;
}

.content .main_brand_sound_info .m .box div{
    background: #f8f8f8 !important;
}

.content .main_brand_sound_info .m .box p {
	font-size: .18rem;
	color: #555555;
	line-height: 1.8;
	text-indent: .36rem;
	margin-bottom: .35rem;
}

.content .main_brand_sound_info .m .box img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}

.content .main_brand_sound_info .m .menus {
	display: flex;
	align-items: center;
}

.content .main_brand_sound_info .m .menus li {
	font-size: .16rem;
	margin-right: .05rem;
	color: #999999;
}

.content .main_brand_sound_info .m .menus li:hover a {
	color: #FC6A00;
}

.content .main_brand_sound_info .m .menus li a {
	color: #999999;
	transition: all .05s;
}

.content .main_brand_sound {
	width: 100%;
	position: relative;
	margin-top: -4.23rem;
	z-index: 9;
}

.content .main_brand_sound .m {
	width: 14rem;
	margin: 0 auto;
	border-radius: .15rem;
	background: linear-gradient(#FCFCFC, #fff);
	padding: .7rem 1rem 1.5rem 1rem;
}

.content .main_brand_sound .m>ul {
	overflow: hidden;
	margin-top: .62rem;
	width: 100%;
	display: flex;
	margin-bottom: 1rem;
	flex-wrap: wrap;
}

.content .main_brand_sound .m>ul li {
	overflow: hidden;
	width: 3.5rem;
	border-radius: .2rem;
	position: relative;
	border: 1px solid #E5E5E5;
	margin-right: .75rem;
	margin-top: .6rem;
	box-shadow: 4px 7px 5px #e2e2e2;
}

.content .main_brand_sound .m>ul li:nth-child(3n) {
	margin-right: 0;
}

.content .main_brand_sound .m>ul li:hover .show {
	bottom: 0;
}

.content .main_brand_sound .m>ul li .show {
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: -100%;
	transition: all .4s;
	background-image: url(../images/brand_s_11.png);
	background-size: cover;
	padding: .64rem .35rem 0 .35rem;
}

.content .main_brand_sound .m>ul li .show p {
	font-size: .24rem;
	color: #222222;
	margin-bottom: .25rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	line-height: 1.8;
}

.content .main_brand_sound .m>ul li .show span {
	display: block;
	font-size: .16rem;
	color: #666666;
}

.content .main_brand_sound .m>ul li .show div {
	display: flex;
	align-items: center;
	font-size: .14rem;
	position: absolute;
	left: .35rem;
	bottom: .5rem;
	color: #fea05c;
}

.content .main_brand_sound .m>ul li .show div img {
	width: .1rem;
	margin-left: .05rem;
}

.content .main_brand_sound .m>ul li .pic {
	overflow: hidden;
	height: 2.3rem;
	border-radius: 0 0 .25rem .25rem;
	width: 100%;
}

.content .main_brand_sound .m>ul li .pic img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.content .main_brand_sound .m>ul li .info {
	overflow: hidden;
	padding: .36rem .26rem;
	height: 2rem;
}

.content .main_brand_sound .m>ul li .info p {
	font-size: .18rem;
	color: #222222;
	line-height: 1.8;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.content .main_brand_sound .m>ul li .info div {
	display: flex;
	align-items: center;
	font-size: .14rem;
	margin-top: .28rem;
	color: #fea05c;
}

.content .main_brand_sound .m>ul li .info div img {
	width: .1rem;
	margin-left: .05rem;
}

.content .main_brand_sound .m .top_news {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.content .main_brand_sound .m .top_news .left {
	overflow: hidden;
	width: 8rem;
	border-radius: .2rem;
	height: 4.56rem;
	position: relative;
	box-shadow: 12px 12px 5px #e2e2e2;
}

.content .main_brand_sound .m .top_news .left img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.content .main_brand_sound .m .top_news .left .font {
	overflow: hidden;
	width: 100%;
	height: 2.5rem;
	position: absolute;
	left: 0;
	bottom: 0;
	display: flex;
	justify-content: flex-end;
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));
	flex-direction: column;
	padding: 0 .4rem;
	padding-bottom: .4rem;
}

.content .main_brand_sound .m .top_news .left .font p {
	font-size: .24rem;
	color: #fff;
	width: 4.3rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	line-height: 1.583333333333333;
	margin-bottom: .2rem;
}

.content .main_brand_sound .m .top_news .left .font div {
	display: flex;
	align-items: center;
	font-size: .18rem;
	color: #CECECE;
}

.content .main_brand_sound .m .top_news .left .font div img {
	width: .1rem;
	margin-left: .05rem;
}

.content .main_brand_sound .m .top_news ul {
	flex: 1;
	padding-left: .5rem;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

.content .main_brand_sound .m .top_news ul li {
	overflow: hidden;
	width: 100%;
	height: 2.05rem;
	border-radius: .2rem;
	position: relative;
	box-shadow: 12px 12px 5px #e2e2e2;
}

.content .main_brand_sound .m .top_news ul li .font {
	overflow: hidden;
	width: 100%;
	height: 1rem;
	position: absolute;
	left: 0;
	bottom: 0;
	display: flex;
	justify-content: flex-end;
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));
	flex-direction: column;
	padding: 0 .3rem;
	padding-bottom: .3rem;
}

.content .main_brand_sound .m .top_news ul li .font p {
	font-size: .18rem;
	color: #fff;
	width: 2.35rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: .1rem;
}

.content .main_brand_sound .m .top_news ul li .font span {
	display: block;
	font-size: 13px;
	color: #fff;
}

.content .main_brand_sound .m .top_news ul li img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.content .main_brand_story {
	position: relative;
	overflow: hidden;
	width: 100%;
	background-image: url(../images/brandicon_02.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	padding-bottom: 1.85rem;
	background-position: top center;
}

.content .main_brand_story .m {
	width: 12rem;
	margin: 0 auto;
	padding-top: 2rem;
}

.content .main_brand_story .m .main_Picture {
	width: 100%;
}

.content .main_brand_story .m .main_Picture p {
	font-size: .36rem;
	letter-spacing: .02rem;
	font-weight: bold;
	color: #fc6a00;
}

.content .main_brand_story .m .main_Picture img {
	display: block;
	width: 100%;
	box-shadow: 0 0 20px rgba(0,0,0,.1);
	border-radius: 10px;
	transition: all .35s;
	margin-top: .85rem;
}
.content .main_brand_story .m .main_Picture img:hover{
    transform: translateY(-10px);
}
.content .main_brand_story .m .main_Picture .boxs{
    width: 100%;
    height: 7.32rem;
    position: relative;
}
.content .main_brand_story .m .main_Picture .boxs .l1{
    position: absolute;
    width: 2.27rem;
    left: .48rem;
    top: .58rem;
    z-index: 9;
}
.content .main_brand_story .m .main_Picture .boxs .l2{
    position: absolute;
    width: 2.53rem;
    left: 4.65rem;
    top: 0rem;
    z-index: 9;
}
.content .main_brand_story .m .main_Picture .boxs .l3{
    position: absolute;
    width: 2.96rem;
    left: 7.46rem;
    top: .3rem;
    z-index: 9;
}
.content .main_brand_story .m .main_Picture .boxs .l4{
    position: absolute;
    width: 2.75rem;
    left: 2.4rem;
    top: 1.1rem;
    z-index: 7;
}
.content .main_brand_story .m .main_Picture .boxs .l5{
    position: absolute;
    width: 3.18rem;
    left: 5.1rem;
    top: 1.34rem;
    z-index: 8;
}
.content .main_brand_story .m .main_Picture .boxs .l6{
    position: absolute;
    width: 2.48rem;
    left: .66rem;
    top: 2.45rem;
    z-index: 9;
}
.content .main_brand_story .m .main_Picture .boxs .l7{
    position: absolute;
    width: 2.56rem;
    left: 3.27rem;
    top: 2.86rem;
    z-index: 9;
}
.content .main_brand_story .m .main_Picture .boxs .l8{
    position: absolute;
    width: 2.95rem;
    left: 6.27rem;
    top: 3.02rem;
    z-index: 9;
}
.content .main_brand_story .m .main_Picture .boxs .l9{
    position: absolute;
    width: 2.95rem;
    left: 8.74rem;
    top: 2.25rem;
    z-index: 8;
}
.content .main_brand_story .m .main_Picture .boxs .l10{
    position: absolute;
    width: 2.69rem;
    left: 0rem;
    top: 3.52rem;
    z-index: 8;
}
.content .main_brand_story .m .main_Picture .boxs .l11{
    position: absolute;
    width: 2.47rem;
    left: 2.76rem;
    top: 4.36rem;
    z-index: 8;
}
.content .main_brand_story .m .main_Picture .boxs .l12{
    position: absolute;
    width: 2.65rem;
    left: 5.1rem;
    top: 4.28rem;
    z-index: 9;
}
.content .main_brand_story .m .main_Picture .boxs .l13{
    position: absolute;
    width: 2.52rem;
    left: 9.48rem;
    top: 4.13rem;
    z-index: 9;
}
.content .main_brand_story .m .main_Picture .boxs .l14{
    position: absolute;
    width: 2.62rem;
    left: .6rem;
    top: 5.03rem;
    z-index: 9;
}
.content .main_brand_story .m .main_Picture .boxs .l15{
    position: absolute;
    width: 2.74rem;
    left: 2.4rem;
    top: 5.8rem;
    z-index: 6;
}
.content .main_brand_story .m .main_Picture .boxs .l16{
    position: absolute;
    width: 2.96rem;
    left: 5.13rem;
    top: 5.98rem;
    z-index: 7;
}
.content .main_brand_story .m .main_Picture .boxs .l17{
    position: absolute;
    width: 2.94rem;
    left: 7.74rem;
    top: 5.08rem;
    z-index: 8;
}
.content .main_brand_story .m .main_honor {
	width: 100%;
	position: relative;
	height: 6.7rem;
}

.content .main_brand_story .m .main_honor p {
	font-size: .36rem;
	letter-spacing: .02rem;
	color: #fc6a00;
	font-weight: bold;
}

.content .main_brand_story .m .main_honor .page {
	display: flex;
	width: 100%;
	margin-top: 1.15rem;
	height: 1px;
	background: #EAEAEA;
	position: relative;
	margin-top: 4.5rem;
}

.content .main_brand_story .m .main_honor .box {
	width: 19.2rem;
	position: absolute;
	left: 50%;
	top: 1.2rem;
	transform: translateX(-50%);
	padding-left: 5.2rem;
}

.content .main_brand_story .m .main_honor .box .btn {
	overflow: hidden;
	display: flex;
	align-items: center;
	position: absolute;
	left: 3.6rem;
	bottom: 1.35rem;
}

.content .main_brand_story .m .main_honor .box .btn img {
	display: block;
	width: .4rem;
	margin-right: .25rem;
	cursor: pointer;
}

.content .main_brand_story .m .main_honor .box .mySwiper2 {
	overflow: hidden;
	width: 100%;
}

.content .main_brand_story .m .main_honor .box .mySwiper2 .swiper-slide {
	width: 3.2rem;
	padding: .33rem;
	padding-top: .5rem;
}

.content .main_brand_story .m .main_honor .box .mySwiper2 .swiper-slide .label {
	overflow: hidden;
	width: 100%;
	border-radius: .2rem;
	background: #fff;
	padding: .28rem 0 .35rem 0;
	cursor: pointer;
	transition: all .3s;
	box-shadow: 0 0 .3rem #F2F2F2;
}

.content .main_brand_story .m .main_honor .box .mySwiper2 .swiper-slide .label:hover {
	transform: translateY(-0.3rem);
}

.content .main_brand_story .m .main_honor .box .mySwiper2 .swiper-slide .label img {
	display: block;
	width: 1.45rem;
	height: 1.04rem;
	object-fit: cover;
	margin: 0 auto;
	margin-bottom: .2rem;
}

.content .main_brand_story .m .main_honor .box .mySwiper2 .swiper-slide .label span {
	display: block;
	text-align: center;
	font-size: .18rem;
	color: #333333;
	line-height: 1.6;
	padding: 0 10%;
}

.content .main_brand_story .m .map {
	width: 100%;
	margin-top: 1.65rem;
	height: 10.43rem;
	position: relative;
}

.content .main_brand_story .m .map .mappic {
	overflow: hidden;
	width: 19.2rem;
	position: absolute;
	left: 50%;
	top: .75rem;
	transform: translateX(-50%);
}

.content .main_brand_story .m .map .mappic img {
	display: block;
	width: 100%;
}

.content .main_brand_story .m .map p {
	font-size: .36rem;
	font-weight: bold;
	letter-spacing: .02rem;
	color: #fc6a00;
}

.content .main_brand_story .m .main_history {
	overflow: hidden;
	width: 100%;
	margin-top: 1.5rem;
}

.content .main_brand_story .m .main_history .title {
	display: block;
	font-size: .36rem;
	color: #fc6a00;
	letter-spacing: .02rem;
	font-weight: bold;
}

.content .main_brand_story .m .main_history .slide {
	width: 100%;
	margin-top: 1.5rem;
}

.content .main_brand_story .m .main_history .slide .mySwiper1 {
	overflow: hidden;
	width: 100%;
}

.content .main_brand_story .m .main_history .slide .mySwiper1 .swiper-slide {
	width: 14.666%;
	overflow: hidden;
}

.content .main_brand_story .m .main_history .slide .mySwiper1 .swiper-slide.on .label span {
	color: #fc6a00;
}

.content .main_brand_story .m .main_history .slide .mySwiper1 .swiper-slide.on .label::after {
	content: '';
	width: .16rem;
	height: .31rem;
	background-image: url(../images/lines_03.png);
	background-size: 100% 100%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 0;
}

.content .main_brand_story .m .main_history .slide .mySwiper1 .swiper-slide .label {
	width: 100%;
	cursor: pointer;
	position: relative;
}

.content .main_brand_story .m .main_history .slide .mySwiper1 .swiper-slide .label div {
	width: 100%;
	height: .3rem;
	background-image: url(../images/brands.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: bottom center;
}

.content .main_brand_story .m .main_history .slide .mySwiper1 .swiper-slide .label span {
	display: block;
	text-align: center;
	font-size: .2rem;
	font-weight: bold;
	color: #999999;
	margin-top: .12rem;
}

.content .main_brand_story .m .main_history .box {
	overflow: hidden;
	width: 100%;
	margin-top: .7rem;
	position: relative;
	background-image: url(../images/brandicon_06.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
}

.content .main_brand_story .m .main_history .box .mySwiper {
	overflow: hidden;
	width: 100%;
}

.content .main_brand_story .m .main_history .box .mySwiper .swiper-slide {
	width: 100%;
	overflow: hidden;
}

.content .main_brand_story .m .main_history .box .btn {
	overflow: hidden;
	display: flex;
	align-items: center;
	position: absolute;
	left: 0;
	z-index: 99;
	bottom: .8rem;
}

.content .main_brand_story .m .main_history .box .btn img {
	display: block;
	width: .4rem;
	margin-right: .25rem;
	cursor: pointer;
}

.content .main_brand_story .m .main_history .box .label {
	display: flex;
	justify-content: space-between;
}

.content .main_brand_story .m .main_history .box .label img {
	display: block;
	border-radius: .25rem;
	width: 6.7rem;
}

.content .main_brand_story .m .main_history .box .label .grow {
	padding-top: .7rem;
	flex: 1;
	position: relative;
	overflow: hidden;
	height: 4rem;
	padding-right: .3rem;
}

.content .main_brand_story .m .main_history .box .label .grow p {
	font-size: .18rem;
	color: #222222;
	line-height: 1.95;
	position: relative;
	letter-spacing: 1px;
}

.content .main_brand_story .m .main_history .box .label .grow span {
	font-size: 1rem;
	color: #c1c1c1;
	line-height: 1;
	position: absolute;
	right: -.2rem;
	top: 2.9rem;
	opacity: 0.15;
	letter-spacing: 1px;
	font-weight: bold;
}
.content .main_brand_story .m .main_history .box .label .grow p::after {
	content: '';
	width: .39rem;
	height: .04rem;
	background: #FC6A00;
	position: absolute;
	left: 0;
	bottom: -.3rem;
}

.content .main_brand_story .m .picture_box {
	overflow: hidden;
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.content .main_brand_story .m .picture_box img {
	width: 5.82rem;
	display: block;
	border-radius: .25rem;
}

.content .main_brand_story .m .picture_box div {
	flex: 1;
	padding-left: .8rem;
	padding-top: .25rem;
}

.content .main_brand_story .m .picture_box div span {
	display: block;
	font-size: .16rem;
	color: #555555;
	line-height: 2;
	letter-spacing: 1px;
	text-align: justify;
	word-wrap: break-word;
 word-break: normal;
}
.content .main_brand_story .m .picture_box div span.on{
    color: #222222;
    font-weight: bold;
    margin-top: .24rem;
    letter-spacing: 1px;
}
.content .main_brand_story .m .introduce {
	width: 100%;
	overflow: hidden;
}

.content .main_brand_story .m .introduce .title {
	display: block;
	font-size: .48rem;
	color: #fc6a00;
	letter-spacing: .02rem;
	font-weight: bold;
}

.content .main_brand_story .m .introduce .box {
	width: 100%;
	position: relative;
	margin-top: 1.18rem;
	align-items: flex-start;
	display: flex;
	justify-content: space-between;
	padding-bottom: 2.8rem;
}

.content .main_brand_story .m .introduce .box .lp {
	width: 4.8rem;
	border-radius: .25rem;
	display: block;
	margin-top: .66rem;
}

.content .main_brand_story .m .introduce .box .rp {
	display: block;
	width: 6.9rem;
	border-radius: .25rem;
}

.content .main_brand_story .m .introduce .box div {
	overflow: hidden;
	width: 5.88rem;
	box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.05);
	background: #fff;
	border-radius: .25rem;
	position: absolute;
	left: .68rem;
	top: 2.56rem;
	padding: 1.2rem .58rem 1.1rem .58rem;
}

.content .main_brand_story .m .introduce .box div p {
	font-size: .36rem;
	letter-spacing: .02rem;
	font-weight: bold;
	color: #fc6a00;
}

.content .main_brand_story .m .introduce .box div span {
	display: block;
	font-size: .16rem;
	color: #555555;
	margin-top: .4rem;
	line-height: 2;
	text-align: justify;
	letter-spacing: 1px;
}

.content .main_about {
	overflow: hidden;
	width: 100%;
	padding: 1.15rem 0 1.72rem 0;
	background-image: url(../images/aboutbg_02.jpg);
	background-size: 100%;
	background-position: top center;
	background-repeat: no-repeat;
}

.content .main_about .m {
	width: 12rem;
	margin: 0 auto;
}

.content .main_about .m .form {
	overflow: hidden;
	width: 100%;
	margin-top: 1.7rem;
}

.content .main_about .m .form .title {
	display: block;
	font-size: .36rem;
	letter-spacing: .02rem;
	color: #222222;
}

.content .main_about .m .form .box {
	overflow: hidden;
	margin-top: .9rem;
	font-size: 12px;
	padding: 0 1.37rem;
}

.content .main_about .m .form .box textarea {
	width: 95%;
	height: 1.7rem;
	font-size: .16rem;
	color: #333;
	padding: .2rem .25rem;
	resize: none;
	border: none;
	outline: none;
	background: #F4F4F4;
}

.content .main_about .m .form .box textarea::placeholder {
	color: #666666;
}

.content .main_about .m .form .box .submit {
	overflow: hidden;
	width: 100%;
	height: .6rem;
	margin-top: .21rem;
	cursor: pointer;
	transition: all .1s;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #FC6A00;
	font-size: .16rem;
	color: #fff;
	border: transparent;
}

.content .main_about .m .form .box .submit:hover {
	opacity: 0.8;
}

.content .main_about .m .form .box .item {
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	margin-bottom: .22rem;
}

.content .main_about .m .form .box .item div {
	width: 4.5rem;
	height: .6rem;
	background: #F4F4F4;
	font-size: 12px;
}

.content .main_about .m .form .box .item div input {
	width: 100%;
	height: 100%;
	font-size: .16rem;
	color: #333;
	padding-left: .25rem;
	border: none;
	outline: none;
	background: none;
}

.content .main_about .m .form .box .item div input::placeholder {
	color: #666666;
}

.content .main_about .m .contact {
	overflow: hidden;
	width: 100%;
	margin-top: 1.5rem;
}

.content .main_about .m .contact .title {
	display: block;
	font-size: .36rem;
	letter-spacing: .02rem;
	color: #222222;
}

.content .main_about .m .contact ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: .4rem;
}

.content .main_about .m .contact ul li {
	overflow: hidden;
	margin-top: .4rem;
	position: relative;
	padding-bottom: .28rem;
}

.content .main_about .m .contact ul li::after {
	content: '';
	width: 100%;
	height: .02rem;
	background: #EEEEEE;
	position: absolute;
	left: 0;
	bottom: 0;
}

.content .main_about .m .contact ul li:hover::before {
	width: 100%;
}

.content .main_about .m .contact ul li::before {
	content: '';
	width: 0%;
	transition: all .3s;
	height: .02rem;
	background: #fc6a00;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 99;
}

.content .main_about .m .contact ul li p {
	font-size: .2rem;
	margin-bottom: .25rem;
	color: #222222;
}

.content .main_about .m .contact ul li span {
	display: block;
	font-size: .26rem;
	color: #fc6a00;
	line-height: 1;
	font-weight: bold;
}

.content .main_about .m .serivce {
	width: 100%;
}
.content .main_about .m .serivce .list{
    display: flex;
    align-items: center;
    margin-top: .9rem;
    justify-content: space-between;
}
.content .main_about .m .serivce .list .label{
    overflow: hidden;
    width: 3rem;
     cursor: pointer;
    transition: all .2s;
    padding: .35rem 0 .45rem .4rem;
    background: #fff;
    border-radius: .3rem;
    box-shadow: 0 0 .2rem rgba(0,0,0,0.1);
}
.content .main_about .m .serivce .list > div:hover{
    transform: translateY(-10px);
}
.content .main_about .m .serivce .list .label1{
    overflow: hidden;
    width: 2.4rem;
    padding: .4rem 0 .33rem 0;
    background: #fff;
    border-radius: .3rem;
    cursor: pointer;
    transition: all .2s;
    box-shadow: 0 0 .2rem rgba(0,0,0,0.1);
}
.content .main_about .m .serivce .list .label1 img{
     display: block;
    width: .9rem;
     margin: 0 auto;
    margin-bottom: .2rem;
}
.content .main_about .m .serivce .list .label1 span{
    display: block;
    text-align: center;
    font-size: .18rem;
    color: #666666;
}
.content .main_about .m .serivce .list .label img{
    display: block;
    width: .38rem;
    margin-bottom: .24rem;
}
.content .main_about .m .serivce .list .label p{
    display: block;
    font-size: .18rem;
    margin-bottom: .16rem;
    color: #666666;
}
.content .main_about .m .serivce .list .label span{
    display: block;
    font-size: .25rem;
    font-weight: bold;
    color: #222222;
}
.content .main_about .m .serivce .title {
	display: block;
	font-size: .36rem;
	letter-spacing: .02rem;
	color: #222222;
}

.content .main_about .m .serivce ul {
	display: flex;
	margin-top: .9rem;
}

.content .main_about .m .serivce ul li {
	overflow: hidden;
	width: 2.7rem;
	margin-right: .35rem;
	border-radius: .25rem;
	transition: all .3s;
	position: relative;
}

.content .main_about .m .serivce ul li:hover {
	transform: translateY(-0.2rem);
}

.content .main_about .m .serivce ul li:nth-child(odd) {
	margin-top: .2rem;
}

.content .main_about .m .serivce ul li img {
	display: block;
	width: 100%;
}

.content .main_about .m .serivce ul li span {
	display: block;
	font-size: .18rem;
	position: absolute;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	height: 100%;
	width: 100%;
	letter-spacing: .02rem;
	color: #fff;
}

.content .main_dang_news {
	overflow: hidden;
	width: 100%;
	padding: .65rem 0 1.1rem 0;
}

.content .main_dang_news .m {
	width: 12rem;
	margin: 0 auto;
}

.content .main_dang_news .m .tabbar {
	display: flex;
	align-items: center;
}

.content .main_dang_news .m .tabbar a {
	display: block;
	font-size: .18rem;
	color: #999999;
	margin-right: .47rem;
	transition: all .05s;
}

.content .main_dang_news .m .tabbar a.on {
	color: #fc6a00;
}

.content .main_dang_news .m .tabbar a:hover {
	color: #fc6a00;
}

.content .main_dang_news .m .list {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	margin-bottom: .65rem;
	margin-top: .25rem;
}

.content .main_dang_news .m .list li {
	overflow: hidden;
	width: 3.8rem;
	overflow: hidden;
	border-radius: .2rem;
	margin-right: .3rem;
	margin-top: .28rem;
	border: 1px solid #E5E5E5;
	transition: all .1s;
}

.content .main_dang_news .m .list li:nth-child(3n) {
	margin-right: 0;
}

.content .main_dang_news .m .list li:hover {
	background: #FC6A00;
	border: 1px solid #FC6A00;
}

.content .main_dang_news .m .list li:hover a p,
.content .main_dang_news .m .list li:hover a span,
.content .main_dang_news .m .list li:hover a em {
	color: #fff;
}

.content .main_dang_news .m .list li a {
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: .5rem .4rem .4rem .4rem;
}

.content .main_dang_news .m .list li a p {
	font-size: .14rem;
	margin-bottom: .2rem;
	color: #555555;
}

.content .main_dang_news .m .list li a span {
	display: block;
	font-size: .18rem;
	line-height: 1.66;
	color: #111111;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.content .main_dang_news .m .list li a em {
	display: block;
	font-size: .14rem;
	color: #555555;
	line-height: 2.142857142857143;
	margin-top: .15rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}

.content .main_dang_news .m .list1 {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	margin-bottom: 1.35rem;
	margin-top: .3rem;
}

.content .main_dang_news .m .list1 li {
	overflow: hidden;
	width: 3.7rem;
	margin-right: .45rem;
	margin-top: .55rem;
}

.content .main_dang_news .m .list1 li:nth-child(3n) {
	margin-right: 0;
}

.content .main_dang_news .m .list1 li:hover a .pic img {
	transform: scale(1.05);
}

.content .main_dang_news .m .list1 li a {
	display: block;
	width: 100%;
	box-sizing: border-box;
}

.content .main_dang_news .m .list1 li a .pic {
	overflow: hidden;
	margin-bottom: .24rem;
	border-radius: .3rem;
	height: 2.7rem;
}

.content .main_dang_news .m .list1 li a .pic img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .5s;
}

.content .main_dang_news .m .list1 li a p {
	font-size: .18rem;
	color: #111111;
	line-height: 1.5;
}

.content .main_dang_news .m .list2 {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	margin-bottom: .65rem;
	margin-top: .25rem;
}

.content .main_dang_news .m .list2 li {
	overflow: hidden;
	width: 100%;
	border-radius: .2rem;
	margin-top: .26rem;
	border: 1px solid #E5E5E5;
}

.content .main_dang_news .m .list2 li:hover {
	background: #FC6A00;
	border: 1px solid #FC6A00;
}

.content .main_dang_news .m .list2 li:hover a .pic img {
	transform: scale(1.05);
}

.content .main_dang_news .m .list2 li:hover a .grow p,
.content .main_dang_news .m .list2 li:hover a .grow span,
.content .main_dang_news .m .list2 li:hover a .grow em {
	color: #fff;
}

.content .main_dang_news .m .list2 li a {
	width: 100%;
	box-sizing: border-box;
	padding: .35rem .4rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.content .main_dang_news .m .list2 li a .pic {
	overflow: hidden;
	width: 2.5rem;
	height: 2rem;
	border-radius: .25rem;
}

.content .main_dang_news .m .list2 li a .pic img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .5s;
}

.content .main_dang_news .m .list2 li a .grow {
	flex: 1;
	padding-left: .52rem;
}

.content .main_dang_news .m .list2 li a .grow p {
	font-size: .14rem;
	margin-bottom: .2rem;
	color: #555555;
}

.content .main_dang_news .m .list2 li a .grow span {
	display: block;
	font-size: .18rem;
	line-height: 1.66;
	color: #111111;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.content .main_dang_news .m .list2 li a .grow em {
	display: block;
	font-size: .14rem;
	color: #555555;
	line-height: 2.142857142857143;
	margin-top: .15rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}

.page_list {
	display: flex;
	align-items: center;
	justify-content: center;
}

.page_list a {
	font-size: .16rem;
	color: #888888;
	padding: 0 .14rem;
	transition: all .05s;
}

.page_list a.on {
	color: #fc6a00;
}

.page_list a:hover {
	color: #fc6a00;
}

@media (max-width: 1400px) {
	.content .main_header ul li {
		margin: 0 15px;
	}
}

@media (max-width: 1200px) {
	.content .main_header ul li {
		margin: 0 10px;
		font-size: 15px;
	}
	.content .main_header ul{
		display: none;
	}
	.content .main_header{
		height: 1.1rem;
		padding: 0 .3rem;
		padding-right: 1rem;
	}
	.content .main_header .logo{
		width: 2.5rem;
		height: .35rem;
	}
	.content .main_header .right div{
		font-size: .22rem;
		padding: 0 .2rem;
	}
	.content .main_header .right div span{
		width: .25rem;
		height: .25rem;
	}
	.content .main_header .right div::after{
		height: .25rem;
	}
	.content .des_banner.on{
		height: 6rem;
			height: 100vh !important;
	}
	.content .main_about{
		padding: .6rem .3rem;
	}
	.content .main_about .m .serivce .title{
		font-size: .3rem;
		font-weight: bold;
	}
	.content .main_about .m .contact{
		padding-top: 0;
		margin-top: .6rem;
	}
	.content .main_about .m .contact .title{
		font-size: .3rem;
		font-weight: bold;
	}
	.content .main_about .m .contact ul li{
		width: 48%;
	}
	.content .main_about .m .contact ul{
		margin-top: .2rem;
	}
	.content .main_about .m .contact ul li p{
		font-size: .26rem;
	}
	.content .main_about .m .contact ul li span{
		font-size: .28rem;
	}
	.m{
		width: 100% !important;
	}
	.content .main_about .m .serivce ul{
		margin-top: .3rem;
	}
	.content .main_about .m .serivce ul li{
		margin: 0;
		margin-top: .3rem;
		height: 3.4rem;
		width: 48%;
	}
	.content .main_about .m .serivce ul li:nth-child(odd){
		margin-top: .3rem;
	}
	.content .main_about .m .serivce ul{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.content .main_about .m .serivce ul li span{
		font-size: .26rem;
		letter-spacing: 0;
	}
	.content .main_about .m .form{
		margin-top: .6rem;
	}
	.content .main_about .m .form .title{
		font-size: .3rem;
		font-weight: bold;
	}
	.content .main_about .m .form .box{
		margin-top: .5rem;
		width: 100%;
		padding: 0;
	}
	.content .main_about .m .form .box .item div{
		width: 48%;
		height: .75rem;
	}
	.content .main_about .m .form .box .item div input{
		font-size: .26rem;
	}
	.content .main_about .m .form .box textarea{
		box-sizing: border-box;
		font-size: .26rem;
	}
	.content .main_about .m .form .box .submit{
		height: .8rem;
		font-size: .26rem;
	}
	.content .main_footer .m .top{
		padding: .6rem .3rem;
	}
	.content .main_footer .m .top>ul{
		display: none;
	}
	.fl{
		float: none;
		display: block;
		width: 100%;
	}
	.content .main_footer .m .top{
		display: block;
		width: 100%;
	}
	.content .main_footer .m .top .fl .fotlogo{
		width: 3rem;
		margin: 0 auto;
	}
	.content .main_footer .m .top .fl ul{
		display: flex;
		justify-content: center;
		margin-top: .5rem;
	}
	.content .main_footer .m .top .fl ul li a>img{
		width: .5rem;
	}
	.content .main_footer .m .top .fl ul li>img{
		width: .5rem;
	}
	.content .main_footer .m .top .fl ul li{
		margin: 0 .2rem;
	}
	.content .main_footer .m .top .font{
		margin-top: .5rem;
	}
	.content .main_footer .m .top .font p{
		font-size: .22rem;
		text-align: center;
		line-height: 2;
	}
	.content .main_footer{
		height: auto;
	}
	.content .main_footer .m .bot{
		margin-top: .5rem;
		display: block;
		padding: .3rem;
		height: auto;
	}
	.content .main_footer .m .bot p{
		font-size: .2rem;
		text-align: center;
	}
	.content .main_footer .m .bot a{
		font-size: .2rem;
		text-align: center;
		display: block;
	}
	.null{
		height: 1.1rem;
	}
	.content .main_brand_sound_info{
		padding: .8rem .3rem;
	}
	.content .main_brand_sound_info .back{
		left: 6rem;
	}
	.content .main_brand_sound_info .back span{
		font-size: .2rem;
	}
	.content .main_brand_sound_info .m .menus li{
		font-size: .22rem;
	}
	.content .main_brand_sound_info .m .head p{
		font-size: .4rem;
	}
	.content .main_brand_sound_info .m .head span{
		font-size: .22rem;
	}
	.content .main_brand_sound_info .m .box{
		padding: .5rem 0;
	}
	.content .main_brand_sound_info .m .box p{
		font-size: .26rem;
	}
	.content .main_brand_sound_info .m .article_btn .label p{
		font-size: .26rem;
	}
	.content .main_brand_sound_info .m .article_btn .label div{
		height: auto;
		padding: .3rem 0;
	}
	.content .main_brand_sound_info .m .article_btn .label div span{
		font-size: .24rem;
		line-height: 1.666;
		width: 88%;
	}
	.content .main_brand_sound_info .m .article_btn .label div img{
		width: .2rem;
	}
	.content .main_brand_sound{
		margin: 0 auto;
		padding: 0;
	}
	.content .main_brand_sound .m{
		padding: .3rem;
	}
	.content .main_brand_sound .m .top_news{
		display: block;
		width: 100%;
	}
	.content .main_brand_sound .m .top_news .left{
		width: 100%;
		height: auto;
	}
	.content .main_brand_sound .m .top_news .left .font p{
		font-size: .26rem;
		width: 100%;
	}
	.content .main_brand_sound .m .top_news .left .font div{
		font-size: .22rem;
	}
	.content .main_brand_sound .m .top_news ul{
		padding: 0;
	}
	.content .main_brand_sound .m .top_news ul li{
		margin-top: .3rem;
		height: auto;
	}
	.content .main_brand_sound .m .top_news ul li .font{
    height: auto;
	}
	.content .main_brand_sound .m .top_news ul li .font p{
		width: 100%;
		font-size: .24rem;
	}
	.content .main_brand_sound .m .top_news ul li .font span{
		font-size: .2rem;
	}
	.content .main_brand_sound .m>ul{
		margin: 0;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.content .main_brand_sound .m>ul li{
		margin: 0;
		width: 48%;
		margin-top: .3rem;
	}
	.content .main_brand_sound .m>ul li .info p{
		font-size: .24rem;
	}
	.content .main_brand_sound .m>ul li .info div{
		font-size: .22rem;
	}
	.content .main_brand_sound .m>ul li .info div img{
		width: .15rem;
	}
	.content .main_brand_sound .m .top_news ul{
		display: flex;
		flex-direction: inherit;
		justify-content: space-between;
	}
	.content .main_brand_sound .m .top_news ul li{
		margin: 0;
		margin-top: .3rem;
		width: 48%;
	}
	.content .main_brand_sound .m .top_news .left .font{
		padding-top: .5rem;
	}
	.content .main_brand_sound .m .top_news ul li .font{
		padding-top: .5rem;
	}
	.content .main_brand_sound .m>ul{
		margin-bottom: .5rem;
	}
	.content .main_brand_sound .m{
		padding-bottom: .6rem;
	}
	.page_list a{
		font-size: .25rem;
	}
	.content .main_brand_story .m{
		padding: .6rem .3rem;
	}
	.content .main_brand_story .m .introduce .title{
		font-size: .4rem;
	}
	.content .main_brand_story .m .introduce .box{
		margin-top: .6rem;
	}
	.content .main_brand_story .m .introduce .box .lp{
		width: 38%;
	}
	.content .main_brand_story .m .introduce .box .rp{
		width: 55%;
	}
	.content .main_brand_story .m .introduce .box div{
		padding: .5rem;
		top: 3rem;
	}
	.content .main_brand_story .m .introduce .box div p{
		font-size: .3rem;
		font-weight: bold;
	}
	.content .main_brand_story .m .introduce .box div span{
		font-size: .22rem;
		margin-top: .3rem;
	}
	.content .main_brand_story .m .picture_box{
		display: block;
		width: 100%;
		margin-top: .4rem;
	}
	.content .main_brand_story .m .introduce .box{
		padding-bottom: 3.4rem;
	}
	.content .main_brand_story .m .picture_box img{
		width: 100%;
	}
	.content .main_brand_story .m .picture_box div{
		padding: .3rem;
	}
	.content .main_brand_story .m .picture_box div span{
		font-size: .26rem;
	}
	.content .main_brand_story .m .main_history{
		margin-top: .6rem;
	}
	.content .main_brand_story .m .main_history .title{
		font-size: .3rem;
		font-weight: bold;
	}
	.content .main_brand_story .m .main_history .box{
		display: block;
	}
	.content .main_brand_story .m .main_history .box .label{
		display: block;
	}
	.content .main_brand_story .m .main_history .box .label .grow{
		width: 100%;
		padding: .5rem 0;
	}
	.content .main_brand_story .m .main_history .box .label .grow p{
		font-size: .26rem;
		line-height: 1.6;
	}
	.content .main_brand_story .m .main_history .box{
		margin-top: .25rem;
	}
	.content .main_brand_story .m .main_history .box .label img{
		width: 100%;
		margin-top: .3rem;
	}
	.content .main_brand_story .m .main_history .slide{
		margin-top: .6rem;
	}
	.content .main_brand_story .m .main_history .slide .mySwiper1 .swiper-slide{
		width: 20%;
	}
	.content .main_brand_story .m .main_history .slide .mySwiper1 .swiper-slide .label span{
		font-size: .26rem;
	}
	.content .main_brand_story .m .main_history .box .btn{
		left: .3rem;
		bottom: .5rem;
	}
	.content .main_brand_story .m .map{
		margin-top: .6rem;
		height: 5rem;
	}
	.content .main_brand_story .m .map p{
		font-size: .3rem;
		font-weight: bold;
	}
	.content .main_brand_story .m .main_honor p{
		font-size: .3rem;
		font-weight: bold;
	}
	.content .main_brand_story .m .map .mappic{
		width: 7.5rem;
		height: auto;
	}
	.content .main_brand_story .m .main_honor .box{
		width: 7.5rem;
		top: .8rem;
		padding-left: 1.6rem;
	}
	.content .main_brand_story .m .main_honor .box .btn{
		left: .3rem;
	}
	.content .main_brand_story .m .main_honor .box .mySwiper2 .swiper-slide{
		padding: .2rem;
	}
	.content .main_brand_story .m .main_honor{
		height: 5.7rem;
	}
	.content .main_brand_story .m .main_Picture p{
		font-size: .3rem;
		font-weight: bold;
	}
	.content .main_brand_story .m .map .mappic img{
		width: 90%;
		margin: 0 auto;
	}
	.content .main_brand_story .m .map .mappic{
		top: 1rem;
	}
	.content .des_banner .font p{
		font-size: .33rem;
		font-weight: bold;
	}
	.content .des_banner{
		height: 6rem !important;
		padding-top: 1rem;
	}
	.content .des_banner.on{
	    height: 6rem !important;
	}
	.content .des_banner.on1{
	    height: 6rem !important;
	}
	.content .main_dang_news{
		padding: .6rem .3rem;
	}
	.content .main_dang_news .m .tabbar a{
		font-size: .26rem;
	}
	.content .main_dang_news .m .list1{
		flex-wrap: wrap;
		display: flex;
		justify-content: space-between;
	}
	.content .main_dang_news .m .list1 li{
		width: 48%;
		margin: 0;
		margin-top: .3rem;
	}
	.content .main_dang_news .m .list1 li a p{
		font-size: .26rem;
	}
	.content .main_dang_news .m .list li{
		margin: 0;
		margin-top: .3rem;
		width: 48%;
	}
	.content .main_dang_news .m .list{
		justify-content: space-between;
	}
	.content .main_dang_news .m .list li a p{
		font-size: .2rem;
	}
	.content .main_dang_news .m .list li a span{
		font-size: .26rem;
		line-height: 1.6;
		font-weight: bold;
	}
	.content .main_dang_news .m .list li a em{
		font-size: .26rem;
		line-height: 1.6;
	}
	.content .main_dang_news .m .list2 li a{
		align-items: flex-start;
		padding: .3rem;
	}
	.content .main_dang_news .m .list2 li a .grow p{
		font-size: .2rem;
	}
	.content .main_dang_news .m .list2 li a .grow span{
		font-size: .26rem;
	}
	.content .main_dang_news .m .list2 li a .grow em{
		font-size: .23rem;
		line-height: 1.6;
	}
	.content .main_dang_news .m .list2 li a .grow{
		padding-left: .2rem;
	}
	.content .des_banner.on1{
		height: 3.5rem;
		display: flex;
		align-items: center;
	}
	.content .des_banner.on1 .font{
		top: 50%;
	}
		.content .des_banner.on1 .font p{
			font-size: .32rem;
		}
	.content .main_recriot_list{
		margin: 0;
	}
	.content .main_recriot_list .m{
		padding: 0;
		padding-bottom: .5rem;
	}
	.content .main_recriot_list .m table tr th:first-child{
		border-radius: 0;
	}
	.content .main_recriot_list .m table tr th{
		font-size: .24rem;
	}
	.content .main_recriot_list .m table tr td{
		font-size: .2rem;
	}
	.content .main_recriot_list .m table tr th:last-child{
		border-radius: 0;
	}
	.content .main_recriot_list{
		padding-bottom: 0;
	}
	.content .main_recriot{
		padding: .6rem .3rem;
	}
	.content .main_recriot .m .head p{
		font-size: .32rem;
		font-weight: bold;
		margin-bottom: .3rem;
	}
	.content .main_recriot .m .head span{
		font-size: .24rem;
	}
	.content .main_recriot .m .box{
		display: block;
		width: 100%;
		margin-top: .6rem;
	}
	.content .main_recriot .m .box .picture{
		width: 100%;
		height: 3.8rem;
	}
	.content .main_recriot .m .box .picture ul li{
		font-size: .2rem;
	}
	.content .main_recriot .m .box .grow{
		width: 100%;
		padding: .5rem .3rem;
	}
	.content .main_recriot .m .box .grow p{
		text-align: center;
		font-size: .24rem;
	}
	.content .main_recriot .m .box .grow span{
		font-size: .28rem;
		text-align: center;
	}
	.content .main_recriot .m .box .grow div a{
		justify-content: center;
		font-size: .22rem;
	}
	.content .main_service_gcsj{
		padding: .6rem .3rem;
	}
	.content .main_service_gcsj .m .title{
		font-size: .33rem;
		font-weight: bold;
	}
	.content .main_service_gcsj .m .title span{
		font-weight: bold;
	}
	.content .main_service_gcsj .m .top_nav{
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.content .main_service_gcsj .m .top_nav li{
		width: 48%;
		margin: 0;
		margin-top: .3rem;
	}
	.content .main_service_gcsj .m .top_nav li a span{
		font-size: .24rem;
	}	
	.content .main_service_gcsj .m .desbanner{
		margin-top: .6rem;
	}
	.content .main_service_gcsj .m .bot_nav{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.content .main_service_gcsj .m .bot_nav li{
		width: 48%;
		margin-top: .5rem;
	}
	.content .main_service_gcsj .m .bot_nav li a span{
		font-size: .22rem;
	}
	.content .main_service_products .title{
		font-size: .33rem;
		font-weight: bold;
		margin-bottom: .4rem;
	}
	.content .main_service_products .title span{
		font-weight: bold;
	}
	.content .main_service_products .list .item{
		padding: .6rem .3rem;
		display: block;
	}
	.content .main_service_products .list .item .m{
		display: block;
		width: 100%;
	}
	.content .main_service_products .list .item .m .pic{
		width: 100%;
		height: 5rem;
		object-fit: cover;
	}
	.content .main_service_products .list .item .m .grow{
		margin: 0;
		width: 100%;
		padding: .5rem 0;
	}
	.content .main_service_products .list .item .m .grow .head p{
		font-size: .3rem;
		font-weight: bold;
	}
	.content .main_service_products .list .item .m .grow .data div p{
		font-size: .26rem;
	}
	.content .main_service_products .list .item .m .grow .data div{
		width: 1.6rem;
		padding-top: .5rem;
		height: 1.6rem;
	}
	.content .main_service_products .list .item .m .grow .data{
		justify-content: center;
	}
	.content .main_service_products .list .item .m .grow ul li{
		width: 48%;
		align-items: center;
	}
	.content .main_service_products .list .item .m .grow ul li div p{
		font-size: .22rem;
	}
	.content .main_service_products .list .item .m .grow ul li img{
		width: .8rem;
	}
	.content .main_footer_contact .m{
		padding: 0 .3rem;
	}
	.content .main_footer_contact .m p{
		font-size: .28rem;
	}
	.content .main_footer_contact .m div a{
		font-size: .22rem;
	}
	.content .main_service_products .list .item .m .grow .data div span{
		font-size: .22rem;
	}
	.content .main_solution_product{
		padding: .6rem .3rem;
	}
	.content .main_solution_product .m .main_construct .info{
		width: 100%;
		display: block;
	}
	.content .main_solution_product .m .main_construct .info img{
		width: 100%;
	}
	.content .main_solution_product .m .main_construct ul{
		margin: 0;
	}
	.content .main_solution_product .m .main_construct .info div{
		padding: .5rem .3rem;
	}
	.content .main_solution_product .m .main_construct .info div p{
		font-size: .33rem;
		font-weight: bold;
		margin-bottom: .2rem;
	}
	.content .main_solution_product .m .main_construct .info div span{
		font-size: .22rem;
	}
	.content .main_solution_product .m .main_construct ul{
		flex-wrap: wrap;
		display: flex;
		justify-content: space-between;
	}
	.content .main_solution_product .m .main_construct ul li{
		width: 50%;
		margin: 0;
		margin-top: .3rem;
		width: 48%;
		height: auto;
		padding: .4rem .2rem;
	}
	.content .main_solution_product .m .main_construct ul li p{
		font-size: .26rem;
	}
	.content .main_solution_product .m .main_construct ul li span{
		font-size: .22rem;
	}
	.content .main_solution_product .m .main_construct ul li:nth-child(odd){
		margin: 0;
		margin-top: .3rem;
	}
	.content .main_solution_product .m .mide_pictrue video{
		width: 100%;
	}
	.content .main_solution_product .m .mide_pictrue{
		margin-top: .5rem;
	}
	.content .main_solution_product .m .main_case_value{
		padding: .6rem 0;
	}
	.content .main_solution_product .m .main_case_value .title{
		font-size: .33rem;
		font-weight: bold;
	}
	.content .main_solution_product .m .main_case_value .box{
		height: auto;
	}
	.content .main_solution_product .m .main_case_value .box .icon{
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}
	.content .main_solution_product .m .main_case_value .box div{
		position: static;
		z-index: 9999 !important;
		position: relative;
		left: 0 !important;
		width: 90%;
		margin: 0 auto;
		top: 0 !important;
		margin-bottom: .33rem;
	}
	.content .main_solution_product .m .main_case_show .title{
		font-size: .33rem;
		font-weight: bold;
	}
	.content .main_solution_product .m .main_case_show .box{
		margin-top: .2rem;
		display: block;
	}
	.content .main_solution_product .m .main_case_show .box .lf{
		width: 100%;
		padding-top: .3rem;
		margin-bottom: .3rem;
	}
	.content .main_solution_product .m .main_case_show .box .lf span{
		font-size: .22rem;
	}
	.content .main_solution_product .m .main_case_show .box .lf ul li img{
		width: .6rem;
	}
	.content .main_solution_product .m .main_case_show .box .lf em{
		font-size: .22rem;
	}
	.content .main_solution_product .m .main_case_value .box div img{
		width: .66rem;
		margin-bottom: .3rem;
	}
	.content .main_solution_product .m .main_case_value .box div p{
		font-size: .26rem;
		margin-bottom: .2rem;
	}
	.content .main_solution_product .m .main_case_value .box div span{
		font-size: .24rem;
	}
	.content .main_solution_product .m .casefen p{
		font-size: .33rem;
		font-weight: bold;
	}
	.content .main_solution_product .m .casefen .box{
		margin-top: .8rem;
		display: block;
	}
	.content .main_solution_product .m .casefen .box .font{
		position: static;
		width: 100%;
		padding: .6rem .3rem;
		font-size: .25rem;
	}
	.content .main_solution_product .m .casefen .box .font::after{
		left: .3rem;
		top: .3rem;
	}
	.content .main_solution_product .m .casefen .box img{
		position: static;
		width: 100%;
		margin-top: .3rem;
	}
	.content .main_solution_product .m .casefen{
		padding-bottom: .6rem;
	}
	.content .main_solution_product .m .main_case_show .list .item{
		display: block;
		margin-bottom: .3rem;
		width: 100%;
	}
	.content .main_solution_product .m .main_case_show .list .item .grow span{
		font-size: .22rem;
	}
	.content .main_solution_product .m .main_case_show .list .item .grow ul li em{
		font-size: .24rem;
		margin: .06rem;
	}
	.content .main_solution_product .m .main_case_show .list .item .grow > p{
		font-weight: bold;
	}
	.content .main_solution_product .m .main_case_show .list .item .grow ul li p{
		font-size: .22rem;
	}
	.content .main_solution_product .m .main_case_show .list .item .pic{
		width: 100%;
	}
	.content .main_solution_product .m .main_case_show .list .item .grow{
		width: 100%;
		padding: .3rem 0;
	}
	.content .main_solution_product .m .case .head p{
		font-size: .33rem;
		font-weight: bold;
	}
	.content .main_solution_product .m .case .box .font{
		font-size: .26rem;
	}
	.content .main_solution_product .m .case .box{
		width: 100%;
	}
	.content .main_solution_box{
		width: 100%;
		padding: .6rem .3rem;
		background-color: #F6F6F6;
	}
	.content .main_solution_box .title{
		font-size: .33rem;
		font-weight: bold;
	}
	.content .main_solution_box .box_icon{
		display: block;
		width: 100%;
		padding: 0;
		margin-top: .5rem;
	}
	.content .main_solution_box .box_icon ul{
		margin-top: .5rem;
	}
	.content .main_solution_box .box_icon ul li{
		font-size: .24rem;
		padding: .15rem;
		text-align: center;
	}
	.content .main_solution_box .box_icon .page{
		justify-content: center;
	}
	.content .main_solution_box .box_icon .page img{
		width: .6rem;
	}
	.menu {
		width: .45rem !important;
		position: absolute;
		right: .3rem;
		top: 50%;
		transform: translateY(-50%);
		display: block !important;
	}
	.mobile_navbar {
		display: block;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.6);
		position: fixed;
		z-index: 999999;
		left: 0;
		top: 0;
		display: none;
	}
	.mobile_navbar .box {
		width: 100%;
		position: absolute;
		right: 0%;
		bottom: 100%;
		overflow: auto;
		height: calc(100vh - 1rem);
		background: #fff;
		padding-top: .5rem;
	}
	.mobile_navbar .box>ul {
		overflow: hidden;
	}
	.mobile_navbar .box>ul>li {
		overflow: hidden;
		width: 100%;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	}
	.mobile_navbar .box>ul>li>a {
		display: flex;
		align-items: center;
		height: 100%;
		height: .9rem;
		padding-right: .2rem;
		padding-left: .3rem;
		font-size: .28rem;
		color: #333;
		justify-content: space-between;
	}
	.mobile_navbar .box>ul>li>a.on img {
		transform: rotate(90deg);
	}
	.mobile_navbar .box>ul>li>a img {
		transition: all .2s;
		width: .3rem;
	}
	.mobile_navbar .box>ul>li div{
		overflow: hidden;
		width: 100%;
		display: none;
	}
	.mobile_navbar .box>ul>li div a{
		display: flex;
		align-items: center;
		height: .66rem;
		font-size: .26rem;
		color: #333;
		padding-left: 1rem;
	}
	.childer {
		overflow: hidden;
		padding-left: .3rem;
		display: none;
	}
	.childer>a {
		display: flex;
		align-items: center;
		border-bottom: 1px solid #ECECEC;
		height: 100%;
		height: .9rem;
		padding-left: .5rem;
		font-size: .26rem;
		color: #333;
	}
	.content .main_header{
		z-index: 999999;
	}
	.childer a:last-child {
		border: none;
	}
	.mobile_navbar .box>img {
		width: .55rem;
		margin: .3rem;
		float: right;
	}
	.mobile_navbar .box ul li .childlink {
		display: flex;
		align-items: flex-start;
		display: none;
		padding-left: .3rem;
	}
	.mobile_navbar .box ul li .childlink.on ul li:first-child {
		margin-bottom: .2rem;
	}
	.mobile_navbar .box ul li .childlink ul {
		width: 100%;
		margin-top: .3rem;
	}
	.mobile_navbar .box ul li .childlink ul li {
		font-size: .28rem;
		font-weight: bold;
	}
	.mobile_navbar .box ul li .childlink ul li a {
		font-size: .24rem;
		color: #333;
		padding: .15rem 0;
		display: block;
		padding-left: .5rem;
		box-sizing: border-box;
	}
	.mobile_navbar .box ul li .icons {
		overflow: hidden;
		width: 100%;
		display: flex;
		display: none;
		flex-wrap: wrap;
	}
	.mobile_navbar .box ul li .icons a {
		display: flex;
		align-items: center;
		width: 50%;
		box-sizing: border-box;
		padding: 0.3rem 0;
		padding-left: .6rem;
	}
	.mobile_navbar .box ul li .icons a img {
		width: .4rem;
		margin-right: .2rem;
	}
	.mobile_navbar .box ul li .icons a span {
		font-size: .26rem;
		color: #333;
	}
	.main_data_down{
		margin: 0 auto;
		padding: .5rem .3rem;
		width: 100%;
	}
	.main_data_down .m{
		padding: 0;
	}
	.main_data_down .m ul li a{
		padding: .3rem;
	}
	.main_data_down .m ul li a .icon img{
		width: .5rem;
	}
	.main_data_down .m ul li a .icon div p{
		font-size: .26rem;
	}
	.main_data_down .m ul li a .icon div span{
		font-size: .22rem;
	}
	.main_data_down .m ul li a .icon div{
		width: 4rem;
		overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
	}
	.main_data_down .m ul li a .down span{
		font-size: .2rem;
	}
	.content .main_brand_story .m .main_Picture .boxs .l16{
	    left: 4rem;
	}
	.content .main_brand_story .m .main_Picture .boxs .l1{
	    left: 0;
	}
	.content .main_brand_story .m .main_Picture .boxs .l15{
	    top: 6.5rem;
	}
	.content .main_brand_story .m .main_Picture .boxs .l3{
	    top: -0.7rem;
	}
	.content .main_brand_story .m .main_Picture .boxs .l6{
	    top: -0.55rem;
	}
	.he_syp4 .mc_bs3_videobox{
	    width: 100%;
	}
	.content .main_brand_story .m .picture_box video{
	    width: 100% !important;
	}
	.content .main_brand_story .m .main_Picture .boxs .l9{
	    left: 1rem;
	}
	.content .main_brand_story .m .main_Picture .boxs .l8{
	    left: 4rem;
	}
	.content .main_brand_story .m .main_Picture .boxs .l13{
	    left: 3rem;
	}
	.content .main_brand_story .m .main_Picture .boxs .l17{
	    left: 2rem;
	}
	.content .main_brand_story .m .main_Picture .boxs .l3{
	    left: 3rem;
	}
	.content .main_about .m .serivce .list{
	    display: flex;
	    justify-content: space-between;
	    flex-wrap: wrap;
	}
	.content .main_about .m .form .box textarea{
	    width: 100%;
	}
	.content .main_about .m .serivce .list .label{
	    width: 49%;
	    margin: 0;
	    margin-bottom: .3rem;
	}
	.content .main_about .m .serivce .list .label1{
	    width: 49%;
	    
	    margin: 0;
	    margin-bottom: .3rem;
	}
	.content .main_service_products .list .item:nth-child(even) .m .grow{
	    padding: .5rem 0;
	}
	.blackall{
	    padding: .5rem .3rem;
	}
	.blackall .m{
	    width: 100%;
	    display: block;
	}
	.blackall .m .left{
	    width: 100%;
	}
	.blackall .m .right{
	    width: 100%;
	    margin-top: .3rem;
	}
	.content .main_solution_product .m .casefen .box video{
	    width: 100%;
	    margin-top: .3rem;
	    height: 5rem;
	}
	.content .main_solution_product .m .case .box video{
	    transform: translateX(0);
	    width: 100%;
	}
	.content .main_solution_product .m .main_construct .info video{
	    width: 100%;
	}
	.main_products .mySwiper11 .swiper-slide .info{
	    padding: .3rem;
	}
	.ms{
	    width: 100%;
	    padding: 0 .3rem;
	}
	.main_products .mySwiper11 .swiper-slide{
	    width: 48%;
	    margin-right: 4%;
	}
	.main_products .mySwiper11 .swiper-slide .pic{
	    height: 3.3rem;
	}
	.main_products .mySwiper11 .swiper-slide .pic img{
	    max-width: 70%;
	}
	.main_products .mySwiper11 .swiper-slide .info p{
	    font-size: .24rem;
	}
	.main_products .mySwiper11 .swiper-slide .info div{
	    font-size: .22rem;
	}
}



/*# sourceMappingURL=css.css.map */