﻿

@media screen and (min-width:1025px) {

#swiper-slide-mob {

	display: block;

}

#swiper-slide-moble {

	display: none;

}

.flex_cloum img {

/* width: 10%; */

}

.input_hover {

	border-radius: 24px;

	-moz-border-radius: 24px;

	display: none;

	padding: 0 15px;

	height: 35px;

	line-height: 35px;

	background: #fff;

	width: 115px;

	font-size: 14px;

	position: absolute;

	right: 0px;

	top: 0px;

}

/* 招商加盟 start */

.join_boxs {

}

.join_boxs .header_imgs {

	position: relative;

}

.join_boxs .header_imgs img {

	width: 100%;

}

.join_boxs .header_texts {

	position: absolute;

	top: 35%;

	left: 50%;

	transform: translateX(-50%);

	text-align: center;

}

.join_boxs .header_texts p:first-child {

	font-size: .6rem;

	color: rgba(255, 255, 255, 0.6);

}

.join_boxs .header_texts p:nth-of-type(2) {

	width: .5rem;

	height: .05rem;

	background-color: #30B2E8;

	margin: .3rem 0;

	margin-left: 50%;

	transform: translateX(-50%);

}

.join_boxs .header_texts p:nth-of-type(3) {

	font-size: .3rem;

}

.join_nav {

	padding: 0 15%;

	line-height: 0.72rem;

	margin-top: -0.05rem;

	box-shadow: 0px 0px 10px #f4f4f4;

}

.join_nav>li {

	padding: 0 0.5rem;

	line-height: 0.72rem;

	margin-left: 0.05rem;

}

.join_nav>p {

	color: #4D4D4D;

	font-size: .14rem!important;

}

.join_nav>p>a {

	color: #4D4D4D;

	font-size: .17rem!important;

}

.join_nav>p>a:last-child {

	color: #30B2E8;

	font-size: .17rem!important;

}

.join_nav .join_nav_right .flex_center {

	padding: 0.2rem 0.5rem;

}

.join_nav .join_nav_right .flex_center a li {

	padding: 0.2rem;

}

.join_nav .join_nav_right .flex_center_betwen {

	padding: 0.2rem;

}

.join_nav>p span {

	color: #30B2E8;

}

.join_nav_right {

	color: #4D4D4D;

}

.join_nav_right>a>li {

	padding: 0 0.35rem;

	color: #808080;

	font-size: .16rem!important;

}

.join_nav_right>a>li:hover {

	background-color: #30B2E8;

	color: #ffffff;

}

.join_nav_right>p {

	font-size: .15rem;

	padding: .2rem;

	background-color: white;

}

.display_nones {

	display: none;

	font-size: 0.2rem;

}

.join_great_title {

	margin: .5rem 0;

}

.join_great_title>p {

	text-align: center;

	font-size: 0.16rem!important;

	line-height: 0.46rem;

	letter-spacing: 0.02rem;

}

.join_great_title>p:first-child {

	margin-bottom: .2rem;

	font-size: 0.36rem!important;

	font-weight: 520;

}

.join_Develop_text>p:first-child {

	font-size: 0.2rem;

	font-weight: 550;

}

.join_great {

	width: 70%;

	margin-left: 15%;

	color: #4D4D4D;

}

.join_content_one {

	width: 20%;

	position: relative;

	overflow: hidden;

}

.join_content_one img {

	width: 100% !important;

	height: auto;

}

.join_content_one_text {

	text-align: center;

	position: absolute;

	/* top: 35%; */

	bottom: -20%;

	color: white;

	font-size: .16rem;

	left: 50%;

	transform: translateX(-50%);

	width: 80%;

	z-index: 3;

}

.join_content_one_text>p:first-child {

	font-size: .24rem;

}

.join_content_one_text>p:nth-of-type(2) {

	width: .5rem;

	height: .05rem;

	background-color: white;

	margin-top: .3rem;

	margin-bottom: .5rem;

	margin-left: 50%;

	transform: translateX(-50%);

}

.join_content_one_text>p:nth-of-type(3) {

	margin-bottom: .1rem;

}

.join_meng {

	position: absolute;

	width: 100%;

	height: 99%;

	background: rgba(15, 159, 216, 0.7);

	top: 0;

	left: 0;

	z-index: 2;

}

.join_content2 {

	margin-top: .6rem;

	background-color: #FAFAFA;

}

.join_content2>div {

	width: 50%;

}

.join_content2>img {

	width: 50%;

}

.join_content2_moudles {

	font-size: .16rem;

	padding: 0 .5rem;

	margin-bottom: 1rem;

}

.join_content2_moudles>p:first-child {

	font-size: .2rem;

	color: #30B2E8;

}

.join_heng {

	width: .4rem;

	height: .05rem;

	background-color: #30B2E8;

	margin-top: .1rem;

	margin-bottom: .3rem !important;

}

.white_heng {

	width: .4rem;

	height: .05rem;

	background-color: #fff;

	margin-top: .1rem;

	margin-bottom: .3rem !important;

}

.join_content2_moudles>p:nth-of-type(3) {

	font-size: .16rem;

}

.join_dian {

	width: .08rem;

	height: .08rem;

	background-color: #30B2E8;

	margin-right: .2rem;

	border-radius: 50%;

}

.join_content3_moudles {

	padding-left: .5rem;

}

.join_content3_moudles>p {

	margin-bottom: .15rem;

	color: #4D4D4D;

	font-size: .16rem;

}

.join_content3_moudles>p:first-child {

	color: #30B2E8;

	font-size: 0.2rem;

}

.join_Develop {

	position: relative;

	margin-top: .6rem;

}

.join_Develop_text {

	position: absolute;

	width: 40%;

	right: 0;

	top: 50%;

	transform: translateY(-50%);

}

.join_Develop_text>p {

	margin-bottom: .15rem;

	font-size: 0.18rem;

}

.join_Service {

	margin: .6rem 0;

	position: relative;

}

.join_service_box {

	width: 60%;

	position: absolute;

	left: 0;

	top: 50%;

	margin-left: 20%;

	flex-wrap: wrap;

	transform: translateY(-50%);

}

.join_service_box_one {

	background: rgba(254, 255, 255, 0.6);

	width: 24%;

	color: #4D4D4D;

	padding: 3%;

	margin-bottom: 3.3%;

	height: 2.5rem;

	position: relative;

}

.join_service_box_one>p:first-child {

	background-color: #30B2E8;

	border-radius: 50%;

	width: .4rem;

	height: .4rem;

	text-align: center;

	line-height: .4rem;

	color: white;

	position: absolute;

	top: -.2rem;

	left: 10%;

}

.join_service_box_one>p:nth-of-type(4) {

	color: #30B2E8;

	font-size: .18rem;

	margin-bottom: .3rem;

}

.join_service_box_one>p:nth-of-type(5) {

	font-size: .14rem;

	text-align: justify;

}

/*招商加盟 发展计划  */

.join_develps {

	text-align: center;

	font-size: .16rem;

	color: #4D4D4D;

	margin: .6rem 0;

	padding: 0 15%;

	font-size: 0.16rem !important;

}

.join_develps>p {

	margin-bottom: .15rem;

}

.join_develps>p:first-child {

	color: #30B2E8;

	font-size: .3rem;

	text-align: center;

}

.join_develps>p:nth-of-type(2) {

	margin-left: 50%;

	transform: translateX(-50%);

}

.join_develp img {

	width: 50%;

}

.join_develp {

	text-align: left;

	font-size: .16rem;

	color: #4D4D4D;

	margin: .6rem 0;

	padding: 0 15%;

	font-size: 0.16rem !important;

}

.join_develp>p {

	margin-bottom: .15rem;

}

.join_develp>p>a>img {

	width: 50%!important;

}

.join_develp>p>img {

	width: 50%!important;

}

.join_develp>p>a>span>img {

	width: 50%!important;

}

.join_develp>p:first-child {

	color: #30B2E8;

	font-size: .3rem;

	text-align: center;

}

.join_develp>p:nth-of-type(2) {

	margin-left: 50%;

	transform: translateX(-50%);

}

/*招商加盟 成为服务商  */

.join_become {

	width: 70%;

	margin: 0 15%;

	margin-bottom: 0.5rem;

}

.become_list {

	display: flex;

	justify-content: space-between;

}

.become_one {

	color: #4D4D4D;

	text-align: center;

}

.become_one_back {

	background-color: #30B2E8;

	background: rgba(15, 159, 216, 0.5);

	padding: .05rem;

	border-radius: 50%;

	margin-bottom: .2rem;

}

.become_one_back>p {

	background-color: #30B2E8;

	width: .75rem;

	height: .75rem;

	border-radius: 50%;

	color: white;

	text-align: center;

	font-size: .32rem;

	line-height: .7rem;

}

.join_us_button {

	font-size: .2rem;

	background-color: #30B2E8;

	display: inline-block;

	padding: .2rem .6rem;

	position: relative;

	left: 50%;

	transform: translateX(-50%);

	margin-top: .5rem;

}

.become_list>img {

	width: .2rem;

	height: .2rem;

	margin-top: .35rem;

}

.join_become_froms {

	width: 70%;

	margin-top: 1rem;

	margin-bottom: -0.5rem;

	margin: 0 15%;

	color: #4D4D4D;

	font-size: .16rem;

}

.join_become_froms>p:first-child {

	font-size: .24rem;

	color: #30B2E8;

	text-align: center;

	margin-top: 1rem;

}

.join_become_froms>p:nth-of-type(2) {

	font-size: .12rem;

	color: #808080;

	text-align: center;

}

.join_become_from {

	width: 70%;

	margin: 0 15%;

	margin-bottom: 1.6rem;

	color: #4D4D4D;

	font-size: .16rem;

}

.join_become_from>p:first-child {

	font-size: .24rem;

	color: #30B2E8;

	text-align: center;

}

.join_become_from>p:nth-of-type(2) {

	font-size: .12rem;

	color: #808080;

	text-align: center;

	margin-bottom: 1rem;

}

.input_one img {

	width: .16rem;

}

.input_one>p {

	margin: 0 .1rem;

	font-size: 0.16rem;

}

.input_one input {

	border: 1px solid #30B2E8;

	line-height: 1.5;

	height: 0.4rem;

	width: 2.4rem;

}

.input_one_margin {

	margin: .3rem 0;

}

.join_textarea {

	width: 100%;

	margin-top: .1rem;

	padding: .05rem;

}

.tap_join {

	display: flex;

	margin: .3rem 0;

}

.registration_rule {

	width: 2rem;

	height: .5rem;

	background-color: #DBDBDB;

	text-align: center;

	line-height: .5rem;

	color: white;

	margin-right: .2rem;

}

.registration_send {

	width: 2rem;

	height: .5rem;

	background-color: #30B2E8;

	border: none;

	color: white;

}

/* 服务中心 start */

.long_problem {

	width: 70%;

	margin: 1.2rem 15%;

}

.problem_one {

	color: #4D4D4D;

	font-size: .14rem;

	box-shadow: -2px 5px 16px 0px rgba(165, 165, 165, 0.13);

}

.problem_one_show_left img {

	width: .3rem;

	height: .3rem;

	margin-right: .1rem;

}

.problem_one_hide img {

	width: .3rem;

	height: .3rem;

	margin-right: .1rem;

}

.problem_one_show {

	margin-bottom: .2rem;

}

.problem_one_show_left {

	display: flex;

}

.problem_one_show>p {

	font-size: .3rem;

	color: #30B2E8;

	font-weight: 700;

}

.problem_one_hide {

	color: #808080;

	padding: .1rem;

	margin-bottom: .2rem;

}

.problem_one_hide>div {

	display: flex;

}

.problem_page {

	font-size: .16rem;

	color: #4D4D4D;

	margin: 1rem 0;

}

.problem_page>li>a {

	font-size: .16rem;

	color: #4D4D4D;

	margin: 0.1rem;

}

.gactive>a {

	padding: 0.05rem 0.2rem;

	margin-right: 0.2rem;

	color: #fff!important;

	background-color: #0D9DDE !important;

}

.problem_page>p {

	background-color: #F2F2F2;

	padding: .05rem .2rem;

	margin-right: .2rem;

}

.problem_page_num>p {

	padding: .05rem .2rem;

	background-color: #F2F2F2;

	margin-right: .2rem;

}

/* 安装视频 */

.serve_video {

	width: 70%;

	margin: 1.5rem 15%;

}

.video_nav {

	width: 40%;

	margin-left: 30%;

}

.video_nav>p {

	font-size: .16rem;

	color: #4D4D4D;

	border-bottom: 1px solid #fff;

	padding-bottom: .1rem;

}

.video_box {

	margin-top: .6rem;

	flex-wrap: wrap;

}

.video_one {

	width: 30%;

	color: #4D4D4D;

	font-size: .16rem;

	margin-bottom: .5rem;

	position: relative;

}

.video_one video {

	width: 100%;

}

.video_one>p {

	margin-top: .2rem;

}

.video_paluse {

	position: absolute;

	top: 40%;

	left: 50%;

	width: .6rem;

	height: .6rem;

	transform: translate(-50%, -50%);

}

/* 物料下载 */

.download_list {

	width: 70%;

	margin: 1rem 15%;

}

.download_one {

	font-size: .16rem;

	color: #4D4D4D;

	margin-bottom: .3rem;

}

.download_one img {

	width: .15rem;

}

/* 新闻中心 行业资讯 */

.news_hang {

	width: 70%;

	margin: 1.5rem 15%;

}

.news_hang_content>a {

	display: flex;

}

 .news_hang_content>a:hovr {

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

 box-shadow: -2px 4px 16px 0px rgba(93, 93, 93, 0.13);

}

.news_hang_content>a>img {

	width: 50%;

}

.news_hang_content>a>div {

	width: 50%;

	color: #4D4D4D;

	position: relative;

}

.news_hang_content>a>div>p {

	padding: 0 1rem 0 0.2rem;

	line-height: 0.3rem;

	letter-spacing: 0.015rem;

}

.news_hang_content>a>div>p:first-child {

	font-size: .2rem;

	margin-bottom: .2rem;

}

.news_hang_content>a>div>p:nth-of-type(3) {

	font-size: .14rem;

	margin-top: 0.2rem;

	color: #808080;

	position: absolute;

	left: 0;

}

.title_join {

	color: #ffffff;

	position: absolute;

	text-align: center;

	left: 50%;

	top: 0;

	margin-top: 0.4rem;

	transform: translateX(-50%);

}

.title_join>p:nth-child(2) {

	margin-left: 0.4rem;

	background: rgba(48,177,231,1);

}

.news_hang_list {

	margin-top: .8rem;

	flex-wrap: wrap;

}

.news_hang_one {

	width: 30%;

	margin-bottom: .3rem;

}

.news_hang_one>img {

	width: 100%;

}

.news_hang_one_content {

	padding: .1rem;

}

.news_hang_one_content>p:first-child {

	font-size: .16rem;

	color: #4D4D4D;

	margin-bottom: .2rem;

}

.news_hang_one_content>p:nth-of-type(2) {

	font-size: .14rem;

	color: #808080;

}

/* 联系我们 */

.contact_methos {

	width: 70%;

	margin: 1.5rem 15%;

}

.contact_content {

	display: flex;

}

.contact_content>img {

	width: 50%;

}

.contact_content_text {

	width: 50%;

	background-color: #FAFAFA;

	color: #4D4D4D;

	padding: 2%;

}

.contact_content_text img {

	width: .14rem;

	margin-right: .05rem;

}

.contact_content_text>p:first-child {

	font-size: .2rem;

	color: #30B2E8;

}

.contact_content_text>p {

	margin-bottom: .2rem;

}

.contact_heng {

	width: .4rem;

	height: .05rem;

	background-color: #30B2E8;

	margin-top: .1rem;

	margin-bottom: .5rem !important;

}

.maps_box {

	width: 100%;

	margin-top: .5rem;

}

/* 留言 */



.join_boxs .banner_nav_box {

	display: flex;

	justify-content: space-between;

	color: #808080;

	padding: 0 15%;

	height: 0.72rem;

	margin-top: -0.07rem;

	font-size: 0.14rem;

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

	box-shadow: -2px 5px 8px 0px rgba(207, 207, 207, 0.1);

}

.join_boxs .banner_nav_box span {

	color: #30B2E8;

}

.join_boxs a {

/* color: #4D4D4D; */

}

.join_boxs .banner_nav_box_left {

	line-height: 0.72rem;

}

.join_boxs .banner_nav_box_right {

	display: flex;

}

.join_boxs .banner_nav_box_right li {

	padding: 0 0.5rem;

	line-height: 0.72rem;

}

.join_boxs .banner_nav_box_right li .selected {

	background-color: #30B2E8;

	color: #fff;

	margin: 0 0.05rem;

}

.join_boxs .banner_nav_box {

	display: flex;

	justify-content: space-between;

	color: #808080;

	padding: 0 15%;

	height: 0.72rem;

	margin-top: -0.07rem;

	font-size: 0.14rem;

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

	box-shadow: -2px 5px 8px 0px rgba(207, 207, 207, 0.1);

}

.join_boxs .banner_nav_box span {

	color: #30B2E8;

}

.join_boxs a {

/* color: #4D4D4D; */

}

.join_boxs a span {

	font-size: 0.16rem;

}

.join_boxs .banner_nav_box_left {

	line-height: 0.72rem;

}

.join_boxs .banner_nav_box_right {

	display: flex;

}

.join_boxs .banner_nav_box_right li {

	padding: 0 0.5rem;

	line-height: 0.72rem;

}

.join_boxs .banner_nav_box_right li .selected {

	background-color: #30B2E8;

	color: #fff;

	margin: 0 0.05rem;

}

.join_boxs .banner_nav_box {

	display: flex;

	justify-content: space-between;

	color: #808080;

	padding: 0 15%;

	height: 0.72rem;

	margin-top: -0.07rem;

	font-size: 0.14rem;

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

	box-shadow: -2px 5px 8px 0px rgba(207, 207, 207, 0.1);

}

.join_boxs .banner_nav_box span {

	color: #30B2E8;

}

.join_boxs .join_nav_right .flex_center>p>a {

	color: #808080;

}

.join_boxs .join_nav .flex_center_betwen>a>li {

	color: #808080;

}

.join_boxs .banner_nav_box_left {

	line-height: 0.72rem;

}

.join_boxs .banner_nav_box_right {

	display: flex;

}

.join_boxs .banner_nav_box_right li {

	padding: 0 0.5rem;

	line-height: 0.72rem;

}

.join_boxs .banner_nav_box_right li .selected {

	background-color: #30B2E8;

	color: #fff;

	margin: 0 0.05rem;

}

.contant_us_from {

	width: 70%;

	margin: 1rem 15%;

	margin-bottom: 1.6rem;

	color: #4D4D4D;

	font-size: .16rem;

}

/* 首页css start */



.index_boxs .swiper-wrapper .swiper_box {

	padding: 5% 10%;

}

.index_boxs .swiper_box_img {

	display: flex;

	padding: 0 15%;

	justify-content: space-around;

}

.index_boxs .swiper_box_imgs {

	margin: 3%;

	display: flex;

	width: 28%;

}

.index_boxs .swiper_box_imgs a {

	display: flex;

	flex-direction: column;

	align-items: center;

	justify-content: space-between;

	position: relative;

}

.bb_bg_img {

	position: absolute;

	top: 0;

	left: 0;

	border: 1px solid blue;

}

.index_boxs .swiper_box_imgs img:last-child {

	width: 50%;

	position: relative;

	right: 2rem;

}

.index_boxs .swiper_box_last_imgs {

	/* width: 3.8rem;

        height: 5rem; */

	width: 100%;

	height: auto;

	position: absolute;

	top: -0.3rem;

	left: 0;/* margin-top: -0.32rem;

        

        margin-left: -3.8rem; */

}

.index_boxs .swiper_box_span {

	position: absolute;

	/* margin: 0.3rem -3.6rem; */

	bottom: 0.3rem;

	left: 0;

	width: 100%;

	color: #ffffff !important;

	font-size: 0.22rem !important;

	text-align: center;

}

.index_boxs .swiper-pagination {

	padding: 3% 0;

}

/* 123 */

.index_boxs .swiper_right {

	position: absolute;

	z-index: 19;

	padding: 3% 75%;

}

.index_boxs .swiper-button-prev {

	width: 0.6rem;

	height: 0.6rem;

	background-color: #383838;

	border-radius: 0.5rem;

	left: 2rem;

	color: #fff;

	opacity: 1 !important;

}

.index_boxs .swiper-button-next {

	width: 0.6rem;

	height: 0.6rem;

	background-color: #383838;

	border-radius: 0.5rem;

	right: 2rem;

	color: #fff;

}

.swiper-button-prev:after,  .swiper-container-rtl .swiper-button-next:after {

	content: 'prev';

	font-size: 0.4rem;

}

.swiper-button-next:after,  .swiper-container-rtl .swiper-button-prev:after {

	content: 'next';

	font-size: 0.4rem;

}

/* 产品推荐 */

.index_boxs .Product {

	background-image: url('../images/productsbackground.jpg');

	background-repeat: no-repeat;

	margin-top: -0.11rem;

	background-size: 100% 100%;

}

/* .index_boxs .title>img {

        margin-top: 0.5rem;

    } */



    /*好新优智能锁  */

.index_boxs .clock_box {

	background-image: url('../images/casebanner.jpg');

	background-repeat: no-repeat;

	padding: 7.8% 0;

	margin-top: -0.11rem;

	background-size: 100% 100%;

}

.index_boxs .clock_box .title {

}

.index_boxs .clock_box .title p:first-child {

	font-size: 0.48rem;

}

.index_boxs .clock_box .title p:nth-of-type(2) {

	display: block !important;

	width: .2rem !important;

	height: .03rem !important;

	background-color: #0F9FD8 !important;

	border-radius: .1rem !important;

	margin: 0.2rem 0 !important;

	position: relative !important;

	left: 50% !important;

	transform: translateX(-50%) !important;

}

.index_boxs .clock_box .title p:last-child {

	font-size: 0.28rem;

	line-height: 0.5rem;

}

.index_boxs .count_font {

	z-index: 2;

	text-align: center;

	position: absolute;

	margin: 7% 35%;

	line-height: 1.5rem;

}

.index_boxs .count_font div:first-child {

	font-size: 0.48rem;

	line-height: 1rem;

}

.index_boxs .count_font div:nth-child(2) {

	font-size: 0.28rem;

	line-height: 1rem;

}

/* 匠心 */

.index_boxs .Inge_box {

	background-image: url('../images/productsbackground.jpg');

	background-repeat: no-repeat;

	background-size: 100% 100%;

}

.index_boxs .Inge_imgs {

	width: 40%;

	margin: .5rem 30%;

}

.index_boxs .Inge_img {

	display: flex;

}

.index_boxs .Inge_font_box {

	position: absolute;

	width: 70%;

	text-align: center;

	padding: 0.5rem 15%;

	display: flex;

	line-height: 1rem;

	background-color: #fff;

}

.index_boxs .Inge_font img {

	width: 40%;

	text-align: center;

}

.index_boxs .Inge_font {

	width: 100%;

}

.index_boxs .Inge_font:hover {

	cursor: pointer;

	color: rgba(48, 178, 232, 1) !important;

}

.index_boxs .Inge_font:nth-child(2) {

	margin: 0 1rem;

}

.index_boxs .Inge_font_big {

	font-size: 0.72rem !important;

	font-family: CgFuturaMaxiBd;

	line-height: 1.5rem;

	font-weight: 550;

}

.index_boxs .Inge_font_second {

	font-size: 0.3rem;

	line-height: 0.01rem;

}

.index_boxs .Inge_font_small {

	font-size: 0.2rem;

}

/* 优势 */

.index_boxs .about {

	background-image: url('../images/productsbackground.jpg');

	background-repeat: no-repeat;

	/* margin-top: -0.11rem; */

	background-size: 100% 100%;

}

.index_boxs .about_content {

	background-image: url('../images/advantagebanner.jpg');

	background-repeat: no-repeat;

	background-size: 100% 100%;

}

.index_boxs .about_content_box {

	display: flex;

}

.index_boxs .line_box {

	border-left: 1px solid #999999;

	border-right: 1px solid #999999;

	padding-top: 0 !important;

	padding-bottom: 0 !important;/* opacity: .8; */

}

.index_boxs .line_box .line_box_up:hover {

	opacity: 1;

}

.index_boxs .line_box_up {

	text-align: center;

	padding: 1rem 0.5rem !important;

	/* line-height: 0.3rem; */

	opacity: .8;

}

.index_boxs .line_box_up:hover {

	cursor: pointer;

	color: #ffffff!important;

	background: linear-gradient(0deg, rgba(0, 153, 255, 1) 0%, rgba(0, 193, 255, 1) 100%);

	opacity: 1;

}

.index_boxs .line_box_up .icon_size {

	width: 15% !important;

}

.line_box_line {

	width: 100%;

}

.index_boxs .line_box_up p:first-child {

	font-size: 0.3rem !important;

}

.index_boxs .line_box_up p:nth-child(2) {

	font-size: 0.3rem !important;

	width: 2.2rem;

	margin-top: 0.2rem;

}

.index_boxs .line_box_up p:nth-child(3) {

	font-size: 0.2rem !important;

	width: 2.2rem;

	margin-top: 0.15rem;/* overflow: hidden;

        text-overflow:ellipsis;

        white-space: nowrap; */

}

/* news */

.index_boxs .news_box {

	color: #383838;

	background-image: url('../images/newsbackground.jpg');

	background-repeat: no-repeat;

	background-size: 100% 100%;

}

.index_boxs .news_box a {

	color: #666666 !important;

}

.index_boxs .news_box .look_more a {

	color: #ffffff !important;

}

.index_boxs .news_box a:hover {

	color: #ffffff !important;

}

.index_boxs .news_box .title {

	padding-top: 0.5rem;

}

.news_content .news_title div>a:last-child {

	color: #666666 !important;

}

.news_content .news_title div a {

	font-size: 0.16rem !important;

}

.news_content .news_title div a:hover {

	color: #2FB2E8 !important;

	border-bottom: 0.02rem solid #2FB2E8;

}

.index_boxs .news_content {

	/* margin: 0rem 3rem; */

	padding: 0 15%;

}

.index_boxs .news_title {

	display: flex;

	cursor: pointer;

}

.index_boxs .news_title div {

	font-size: 0.18rem!important;

}

.index_boxs .news_title>div>p {

	width: .28rem;

	height: .04rem;

	background-color: #0F9FD8;

	border-radius: .1rem;

	position: relative;

	transform: translateX(80%);

	margin-top: 0.1rem;

	display: none;

}

.showLine {

	width: .28rem;

	height: .04rem;

	background-color: #0F9FD8;

	border-radius: .1rem;

	position: relative;

	transform: translateX(80%);

	margin-top: 0.1rem;/* display: none; */



}

.showLines {

	width: .28rem;

	height: .04rem;

	background-color: #0F9FD8;

	border-radius: .1rem;

	position: relative;

	transform: translateX(80%);

	margin-top: 0.1rem;

	display: none;

}

.index_boxs .news_title div:last-child {

	margin: 0 0.5rem;

}

.index_boxs .news_title div:hover {

	color: #2FB2E8;

}

.index_boxs .cont__right .text_box {

	color: #666666 !important;

}

/*  */

.index_boxs .news_cont {

	display: flex;

	margin: 0.5rem 0;

	width: 100%

}

.index_boxs .cont_left {

	width: 50%;

}

.index_boxs .cont_right {

	width: 50%;

}

.index_boxs .news_right {

	margin: 0 0.2rem;

}

.text_box a {

	display: flex;

}

.index_boxs .cont_right .text_box {

	display: flex;

	height: 33.1%;

	color: #666666 !important;

}

.index_boxs .text_box_right {

	margin-top: 0.25rem;

	-webkit-line-clamp: 2;

	padding: 0.2rem;

	-webkit-box-orient: vertical;

}

.index_boxs .text_box_right p:nth-child(1) {

	font-size: 0.16rem;

}

.index_boxs .text_box_right p:nth-child(2) {

	font-size: 0.14rem !important;

	margin-top: 0.08rem;

}

.index_boxs .text_box_left {

	background-color: #fff;

	text-align: center;

	width: 1.5rem;

	height: 0.8rem;

	margin-left: 0.4rem;

	margin-top: 0.4rem;

}

.index_boxs a .text_box_left p {

	font-size: 0.16rem;

	font-weight: 400;

	white-space: nowrap;

	margin-top: 0.1rem;

}

.index_boxs a .text_box_left p:nth-child(1) {

	font-size: 0.16rem;

	font-weight: 600;

	white-space: nowrap;

	margin-top: 0.1rem;

}

.index_boxs .cont_right .text_box:hover {

	background-color: rgba(128, 128, 128, 1) !important;

	color: #ffffff !important;

}

/* footer */

.div_img {

	width: 100%;

	text-align: center;

	color: #B3B3B3;

}

.div_img img {

	width: 0.98rem !important;

	height: 0.98rem;

}

.index_boxs .flex_cloum img {

	width: 100%;

}

.index_boxs .else_title {

	padding-top: 1.5rem;

	padding-bottom: .8rem;

	background-image: url('../images/design.png');

	background-repeat: no-repeat;

	background-size: 30%;

	background-position: 50% .7rem;

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

}

.index_boxs .else_title_Advantage {

	padding-top: 1.5rem;

	padding-bottom: .8rem;

	background-image: url('../images/advantage.png');

	background-repeat: no-repeat;

	background-size: 30%;

	background-position: 50% .9rem;

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

}

.index_boxs .else_title_Products {

	padding-top: 1.5rem;

	background-image: url('../images/products .png');

	background-repeat: no-repeat;

	background-size: 30%;

	background-position: 50% .9rem;

}

/*首页end */



    /* 关于我们 start*/

.about_boxs {

}

.about_boxs .banner_nav_box_left a {

	color: #4D4D4D!important;

	font-size: .16rem!important;

}

.about_boxs .banner_nav_box_right a {

	color: #4D4D4D!important;

	font-size: .16rem!important;

}

/* nav */

.about_boxs .blue_font {

	color: rgba(0, 153, 255, 1);

}

.about_boxs .about_us {

	width: 70%;

	padding: 0 15%;

	position: absolute;

	line-height: 0.8rem;

	font-size: 0.6rem;

	font-family: Source Han Sans CN;

	font-weight: 500;

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

	text-align: center;

	margin: -19% 0;

}

.about_us>p:nth-of-type(2) {

	width: .5rem;

	height: .03rem;

	background-color: #0F9FD8;

	border-radius: .1rem;

	position: relative;

	left: 50%;

	transform: translateX(-50%);

	margin: .1rem 0;

}

.about_us>p:nth-of-type(3) {

	font-size: .3rem;

}

.about_boxs .about_us p:first-child {

	opacity: 0.6;

	font-size: 0.7rem;

}

.about_boxs .banner_nav_box {

	display: flex;

	justify-content: space-between;

	color: #808080;

	padding: 0 15%;

	margin-top: -0.04rem;

	height: 0.72rem;

	font-size: 0.14rem;

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

	box-shadow: -2px 5px 8px 0px rgba(207, 207, 207, 0.1);

}

.about_boxs .banner_nav_box .banner_nav_box_left a:last-child {

	color: #30B2E8!important;

}

.about_boxs .banner_nav_box_left {

	line-height: 0.72rem;

	font-size: .16rem!important;

}

.banner_nav_box_left a:last-child {

	color: #30B2E8;

}

.about_boxs .banner_nav_box_right {

	display: flex;

	z-index: 100;

}

/* 切换 */

.nav {

	overflow: hidden;

	text-align: center;/* background-color: #f4f4f4; */

}

.nav li {

	float: left;

	list-style: none;

	/* border-left: 1px solid #f4f4f4; */

	cursor: pointer;

}

.nav li:hover,  .selected {

	background-color: #30B2E8;

	color: #fff !important;

}

.content {

	overflow: hidden;

	color: #4D4D4D;

}

.content .list:first-child {

	display: block;

}

.list {

	display: none;

}

.line_height {

	line-height: 1rem;

	font-size: 0.2rem;

}

.about_boxs .banner_nav_box_right li {

	padding: 0 0.5rem;

	line-height: 0.72rem;

	font-size: 0.17rem;

}

.about_boxs .class_case_box {

	display: flex;

	padding: 0 15%;

	justify-content: space-between;

	margin: 0.5rem 0;

}

.about_boxs .class_case_box .title_left_box div:last-child {

	font-size: 0.48rem;

	line-height: 0.8rem;

}

.about_boxs .class_case_box .title_right_box {

	display: flex;

}

.about_boxs .class_case_box .title_right_box ul {

	display: flex;

}

.about_boxs .class_case_box .title_right_box ul li {

	margin-left: 0.5rem;

	line-height: 1rem;

	position: relative;

}

.about_boxs .class_case_box .title_right_box ul li:first-child {

	color: #2FB1E7;

}

.about_boxs .class_case_box li span {

	width: .3rem;

	height: .01rem;

	cursor: pointer;

	background-color: #0F9FD8;

	border-radius: .1rem;

	transform: translateX(-30%);

	position: absolute;

	left: 12%;

	top: 70%;

}

.about_boxs .pic_box {

	display: flex;

	padding: 0 15%;

	flex-wrap: wrap;

	justify-content: space-between;

}

.about_boxs .pic_box li {

	width: 47%;

	display: flex;

	margin-bottom: 0.75rem;

	position: relative;

}

.pic_box li:hover .pic_box_tet {

	display: block;

}

.about_boxs .pic_box_tet {

	text-align: center;

	color: #fff;

	background-color: rgba(48, 178, 232, 0.6);

	font-size: 0.3rem;

	width: 6.27rem;

	height: 4.54rem;

	position: absolute;

	z-index: 8;

	top: 0;

	left: 0;

	display: none;

}

.about_boxs .pic_box_tet span {

	text-align: center;

	color: #fff;

	font-size: 0.3rem;

	margin: 2.12rem -0.7rem;

	position: absolute;

	z-index: 11;

}

.about_boxs .center_box {

	color: #4D4D4D;

	display: flex;

	padding: 0.8rem 15%;

	justify-content: space-between;

	background-image: url('../images/aboutbackground.jpg');/* background-size: 100% 100%; */

}

.about_boxs .center_box_left {

	width: 50%;

}

.about_boxs .center_box_right {

	padding-left: 0.8rem;

	width: 50%;

}

.about_boxs .center_box_right div:last-child {

	font-size: 0.16rem;

	line-height: 0.4rem;

}

.about_boxs .center_box_right div p:first-child {

	color: #30B2E8;

	font-size: 0.2rem;

}

.about_boxs .center_box_right div p:nth-child(2) {

	color: #30B2E8;

	font-size: 0.14rem;

	line-height: 0.01rem;

}

.about_boxs .center_box_right div p:nth-child(1) {

	margin-bottom: 0.3rem;

}

.about_boxs .center_box_right div p:nth-child(3) {

	width: .28rem;

	height: .04rem;

	background-color: #0F9FD8;

	border-radius: .1rem;

	position: relative;

	left: 0.18rem;

	transform: translateX(-50%);

	margin-top: -0.2rem;

	margin-bottom: 0.3rem;

}

.about_boxs .center_box2 {

	color: #4D4D4D;

	display: flex;

	padding: 0 15%;

	margin-bottom: 0.5rem;

	justify-content: space-between;

	background-image: url('../images/aboutbackground.jpg');

	background-size: 100% 100%;

}

.about_boxs .center_box2 .center_box_left {

	width: 50%;

	margin-top: 0.62rem;

}

.about_boxs .center_box2 .center_box_right {

	/* padding-left: 0.8rem; */

	width: 50%;

}

.about_boxs .center_box2 .center_box_left div:last-child {

	font-size: 0.16rem;

	line-height: 0.4rem;

}

.about_boxs .center_box2 .center_box_left div p:nth-child(2) {

	color: #30B2E8;

	font-size: 0.14rem;

	margin-top: 0.25rem;

}

.about_boxs .center_box2 .center_box_left div p:first-child {

	color: #fff;

	font-size: 0.2rem;

}

.about_boxs .center_box2 .center_box_left div p:nth-child(3) {

	width: .28rem;

	height: .04rem;

	background-color: #0F9FD8;

	border-radius: .1rem;

	position: relative;

	left: 0.18rem;

	transform: translateX(-50%);

	margin-top: -0.35rem;

	margin-bottom: 0.35rem;

}

/* 关于我们 文化 */

.about_boxs .center_box3 {

	color: #4D4D4D;

	display: flex;

	padding: 0.8rem 15%;

	justify-content: space-between;

}

.about_boxs .center_box3 .center_box_left {

	width: 50%;

}

.about_boxs .center_box3 .center_box_right {

	padding-left: 0.8rem;

	width: 50%;

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

}

.about_boxs .center_box3 .center_box_right .line_height {

	line-height: 0.5rem !important;

	margin-top: 0.3rem;

}

.about_boxs .center_box3 .center_box_right div:last-child {

	font-size: 0.16rem;

	line-height: 0.4rem;

}

.about_boxs .center_box3 .center_box_right div p:first-child {

	color: #30B2E8;

	font-size: 0.2rem;

}

.about_boxs .center_box3 .center_box_right div p:nth-child(2) {

	color: #30B2E8;

	font-size: 0.14rem;

	line-height: 0.01rem;

}

.about_boxs .center_box3 .center_box_right div p:nth-child(1) {

	margin-bottom: 0.3rem;

}

.about_boxs .center_box3 .center_box_right div p:nth-child(3) {

	width: .28rem;

	height: .04rem;

	background-color: #0F9FD8;

	border-radius: .1rem;

	position: relative;

	left: 0.18rem;

	transform: translateX(-50%);

	margin-top: -0.2rem;

	margin-bottom: 0.3rem;

}

.about_boxs .center_box4 {

	color: #4D4D4D;

	display: flex;

	padding: 0 15%;

	justify-content: space-between;

	margin-bottom: 0.8rem;

}

.about_boxs .center_box4 .center_box_left {

	width: 50%;

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

}

.about_boxs .center_box4 .center_box_left .line_height {

	line-height: 0.3rem !important;

	margin-top: 0.5rem;

	margin-left: 0.2rem;

}

.about_boxs .center_box4 .center_box_right {

	/* padding-left: 0.8rem; */

	width: 50%;

	margin-left: -0.8rem !important;

}

.about_boxs .center_box4 .center_box_left div:last-child {

	font-size: 0.16rem;

	line-height: 0.4rem;

}

.about_boxs .center_box4 .center_box_left div p:nth-child(2) {

	color: #30B2E8;

	font-size: 0.14rem;

	margin-top: 0.25rem;

}

.about_boxs .center_box4 .center_box_left div p:first-child {

	color: #30B2E8;

	font-size: 0.2rem;

}

.about_boxs .center_box4 .center_box_left div p:nth-child(3) {

	width: .28rem;

	height: .04rem;

	background-color: #0F9FD8;

	border-radius: .1rem;

	position: relative;

	left: 0.18rem;

	transform: translateX(-50%);

	margin-top: -0.35rem;

	margin-bottom: 0.35rem;

}

/* 关于我们 案例 */

.about_boxs .class_case_box {

}

/* aboue us honor */

.about_boxs .honor_title_box {

	padding: 0 15%;

	margin: 0.5rem 0;

	line-height: 0.3rem;

	text-align: center;

	position: relative;

}

.about_boxs .honor_title_box p:first-child {

	color: #30B1E7;

	font-size: 0.24rem;

}

.about_boxs .honor_title_box p:last-child {

	color: #7F7F7F;

	font-size: 0.12rem;

}

.about_boxs .honor_pic_box {

	display: flex;

	padding: 0 15%;

	flex-wrap: wrap;

	justify-content: space-between;

}

.about_boxs .honor_pic_box li {

	width: 30%;

	display: flex;

	margin-bottom: 0.75rem;

}

/* .about_boxs ul li .honor_pic_box_tet:hover{

   

    cursor: pointer;

    text-align: center;

    color: #fff;

    background-color: #2FB1E7;

    font-size: 0.16rem;

    width: 4.01rem;

    height: 0.8rem;

    margin-top: 2.12rem;

    line-height: 0.8rem;

    z-index: 99;

    position: absolute;

} */



    /* .about_boxs .honor_pic_box_tet {

    text-align: center;

    color: #fff;

    background-color: #2FB1E7;

    font-size: 0.16rem;

    width: 4.01rem;

    height: 0.8rem;

    margin-top: 2.12rem;

    line-height: 0.8rem;

    z-index: 99;

    position: absolute;

} */



.about_boxs .honor_pic_box_tet span {

	display: block;

}

.about_boxs .honor_pic_box_tet span {

	text-align: center;

	color: #fff;

}

.about_boxs .devlop_box .devlop_conter_p_right p:nth-child(2) {

	font-size: 0.2rem;

}

.about_us .swiper-button-prev {

	width: 0.6rem;

	height: 0.6rem;

	background-color: #383838;

	border-radius: 0.5rem;

	left: 2rem;

	color: #fff;

	opacity: 1 !important;

}

.about_us .swiper-button-next {

	width: 0.6rem;

	height: 0.6rem;

	background-color: #383838;

	border-radius: 0.5rem;

	right: 2rem;

	color: #fff;

}

/* aboue us honor  end */

    /* aboue us develop  star */

#swiper-wrapper-hon {

	padding: 0 3rem;

	text-align: center;

	margin: 1rem 0;

}

.about_boxs .devlop_box {

	padding: 0 15%;

	color: #4C4C4C;/* display: flex; */

        /* justify-content: space-around; */

        /* margin: 0.8rem 0; */

}

.about_boxs .devlop_box_s {

	display: flex;

}

.about_boxs .devlop_box .devlop_box_left3 {

	position: absolute;

	margin-top: -17.65rem;

	text-align: right;

	display: flex;

}

.about_boxs .devlop_box .devlop_box_left {

	/* display: flex; */

	margin-top: 1rem;

	position: relative;

}

.about_boxs .devlop_box .devlop_box_left3 .devlop_conter_p_left {

	/* margin-top: -25.8rem; */

	margin-left: 3rem;

}

.about_boxs .devlop_box .devlop_box_right4 {

	position: absolute;

	margin-top: -25.5rem;

	margin-left: 6.6rem;

	text-align: left;

	display: flex;

}

.about_boxs .devlop_box .devlop_box_right4 .devlop_conter_p_left {

	margin-left: 1.5rem;

	margin-top: 10rem;

	text-align: left;

	line-height: 0.5rem;

}

.about_boxs .devlop_box .devlop_box_right4 .devlop_conter_p_right {

	margin-left: 0.25rem;

	margin-top: -5.8rem;

}

.about_boxs .devlop_box .devlop_box_left5 {

	position: absolute;

	margin-top: -13.35rem;

	margin-left: 2.2rem;

	text-align: right;

	display: flex;

}

.about_boxs .devlop_box .devlop_box_right5.devlop_conter_p_left {

	margin-left: 1.5rem;

	margin-top: 10rem;

	text-align: left;

	line-height: 0.5rem;

}

.about_boxs .devlop_box .devlop_box_right5 .devlop_conter_p_right {

	margin-left: 0.25rem;

	margin-top: -5.8rem;

}

.about_boxs .devlop_box .devlop_box_left6 {

	position: absolute;

	margin-top: -11.5rem;

	margin-left: 8.25rem;

	text-align: left;

	display: flex;

}

.about_boxs .devlop_box .devlop_box_right6 .devlop_conter_p_left {

	margin-left: 1.5rem;

	margin-top: 10rem;

	text-align: left;

	line-height: 0.5rem;

}

.about_boxs .devlop_box .devlop_box_right6 .devlop_conter_p_right {

	margin-left: 0.25rem;

	margin-top: -5.8rem;

}

.about_boxs .devlop_box .devlop_box_left7 {

	position: absolute;

	margin-top: -9.2rem;

	margin-left: 1.3rem;

	text-align: right;

	display: flex;

}

.about_boxs .devlop_box .devlop_box_right7 .devlop_conter_p_left {

	margin-left: 1.5rem;

	margin-top: 10rem;

	text-align: left;

	line-height: 0.5rem;

}

.about_boxs .devlop_box .devlop_box_right7 .devlop_conter_p_right {

	margin-left: 0.25rem;

	margin-top: -5.8rem;

}

.about_boxs .devlop_box .devlop_box_left8 {

	position: absolute;

	margin-top: -6.95rem;

	margin-left: 8.4rem;

	text-align: left;

	display: flex;

}

.about_boxs .devlop_box .devlop_box_right8 .devlop_conter_p_left {

	margin-left: 1.5rem;

	margin-top: 10rem;

	text-align: left;

	line-height: 0.5rem;

}

.about_boxs .devlop_box .devlop_box_right8 .devlop_conter_p_right {

	margin-left: 0.25rem;

	margin-top: -5.8rem;

}

.about_boxs .devlop_box .devlop_box_left9 {

	position: absolute;

	margin-top: -4.85rem;

	margin-left: -0.9rem;

	text-align: right;

	display: flex;

}

.about_boxs .devlop_box .devlop_box_right9 .devlop_conter_p_left {

	margin-left: 1.5rem;

	margin-top: 10rem;

	text-align: left;

	line-height: 0.5rem;

}

.about_boxs .devlop_box .devlop_box_right9 .devlop_conter_p_right {

	margin-left: 0.25rem;

	margin-top: -5.8rem;

}

.about_boxs .devlop_box .devlop_box_left10 {

	position: absolute;

	margin-top: -2.75rem;

	margin-left: 8.4rem;

	text-align: left;

	display: flex;

}

.about_boxs .devlop_box .devlop_box_right10 .devlop_conter_p_left {

	margin-left: 1.5rem;

	margin-top: 10rem;

	text-align: left;

	line-height: 0.5rem;

}

.about_boxs .devlop_box .devlop_box_right10 .devlop_conter_p_right {

	margin-left: 0.25rem;

	margin-top: -5.8rem;

}

.about_boxs .devlop_box .devlop_box_right .devlop_conter_p_left {

	margin-top: 4.9rem;

}

.about_boxs .devlop_box .devlop_box_right {

/* margin-top: -1.8rem;       */

}

.about_boxs .devlop_box .devlop_box_right .devlop_conter_p_left {

	position: absolute;

	margin-top: -19.95rem;

	margin-left: 8rem;

	line-height: 0.5rem;

}

.about_boxs .devlop_box .devlop_box_right .devlop_conter_p_right {

	margin-top: -21.6rem;

	margin-left: 1.45rem;

	position: absolute;

}

.about_boxs .devlop_box .dot1 {

	width: 0.23rem;

	height: 0.23rem;

	background-color: #30B1E7;

	border-radius: 50%;

}

.about_boxs .devlop_box .line {

	width: 0.02rem;

	height: 2rem;

	background-color: #30B1E7;

}

.about_boxs .devlop_box .dot2 {

	width: 0.13rem;

	height: 0.13rem;

	background-color: #30B1E7;

	border-radius: 50%;

}

.about_boxs .devlop_box .devlop_conter_left {

	display: flex;

	text-align: right;

}

.about_boxs .devlop_box .devlop_conter_left p:nth-child(1) {

	font-size: 0.36rem;

}

.about_boxs .devlop_box .devlop_conter_left .devlop_conter_p_left {

	line-height: 0.5rem;

	margin-top: 1.8rem;

	position: absolute;

	margin-left: 3rem;

}

.about_boxs .devlop_box .devlop_box_left .devlop_conter_right {

	text-align: -webkit-center;

}

.about_boxs .devlop_box .devlop_conter_p_left p:nth-child(1) {

	font-size: 0.36rem;

}

.about_boxs .devlop_box .devlop_conter_p_left p:nth-child(2) {

	font-size: 0.2rem;

}

/* .about_boxs .devlop_box .devlop_conter_p_right p:first-child {

    width: 1.24rem;

    background-color: #086B94;

    height: 0.01rem;

} */



.about_boxs .devlop_box .devlop_conter_p_right p:nth-child(1) {

	margin-top: 2.3rem;

	position: absolute;

	margin-left: 5.3rem;

}

.about_boxs .devlop_box .devlop_conter_p_right p:nth-child(2) {

	font-size: 0.2rem;

}

/* aboue us develop end  */

    /*关于我们end */



    /* 产品中心star */

.product_boxs {

}

/* nav */

.product_boxs .blue_font {

	color: rgba(0, 153, 255, 1);

}

.product_boxs .about_us {

	width: 70%;

	padding: 0 15%;

	position: absolute;

	line-height: 0.8rem;

	font-size: 0.6rem;

	font-family: Source Han Sans CN;

	font-weight: 500;

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

	text-align: center;

	margin: -19% 0;

}

.about_us>p:nth-of-type(2) {

	width: .5rem;

	height: .03rem;

	background-color: #0F9FD8;

	border-radius: .1rem;

	position: relative;

	left: 50%;

	transform: translateX(-50%);

	margin: .1rem 0;

}

.about_us>p:nth-of-type(3) {

	font-size: .3rem;

}

.product_boxs .about_us p:first-child {

	opacity: 0.6;

	font-size: 0.7rem;

}

.product_boxs .banner_nav_box {

	display: flex;

	justify-content: space-between;

	color: #808080;

	padding: 0 15%;

	height: 0.72rem;

	margin-top: -0.09rem;

	font-size: 0.14rem;

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

	box-shadow: -2px 5px 8px 0px rgba(207, 207, 207, 0.1);

}

.product_boxs .banner_nav_box span:first-child {

	color: #30B2E8;

}

.product_boxs .banner_nav_box_left {

	line-height: 0.7rem;

	font-size: .16rem!important;

}

.product_boxs .banner_nav_box_left a {

	color: #383838;

	font-size: .16rem!important;

}

.product_boxs .banner_nav_box_left a:last-child {

	color: #30B2E8!important;

	font-size: .16rem!important;

}

.product_boxs .banner_nav_box_right {

	display: flex;

	line-height: 0.7rem;

	font-size: 0.14rem;

	margin-top: 0.04rem;

}

.product_boxs .banner_nav_box_right a li {

	padding: 0 0.35rem;

	font-size: .16rem!important;

}

.product_boxs .banner_nav_box span {

	color: #30B2E8;

}

.product_boxs .banner_nav_box_right {

	display: flex;

}

.product_boxs .banner_nav_box_right a {

	color: #383838;

}

.product_boxs .banner_nav_box_right span {

	padding: 0 0.5rem;

}

.product_boxs .conter_title_box {

	display: flex;

	text-align: center;

	color: #4D4D4D;

	justify-content: center;

	margin: 0.5rem 0rem;

}

.product_boxs .conter_bottom_box_title {

	display: flex;

	text-align: center;

	color: #30B2E8;

	justify-content: center;

	font-size: 0.24rem;

}

.product_boxs .conter_title_box div {

	padding: 0 0.5rem;

}

.product_boxs .conter_title_box div .line {

	width: .5rem;

	height: .03rem;

	background-color: #0F9FD8;

	border-radius: .1rem;

	position: relative;

	left: 50%;

	transform: translateX(-50%);

	margin: .1rem 0;

}

/*  */

.product_boxs .conter_box {

	padding: 0 15%;

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

}

.product_boxs .conter_boxs {

	display: flex;

	width: 40%;

}

.product_boxs .conter_box a:hover {

	box-shadow: 0px 0.08rem 2.7rem 0px rgba(207, 207, 207, 0.2);

	transition: all .2s linear;

}

.product_boxs .conter_boxs_tet {

	width: 6rem;

	color: #4D4D4D;

	line-height: 0.4rem;

	margin-top: 1rem;

	text-align: end;

	position: absolute;

}

.product_boxs .conter_boxs_tet p:first-child {

	font-size: 0.36rem;

}

.product_boxs .conter_boxs_tet p:nth-child(2) {

	font-size: 0.24rem;

}

.product_boxs .conter_boxs_tet p:last-child {

	font-size: 0.14rem;

}

.product_boxs .conter_bottom_box {

	padding: 0 15%;

	display: flex;

	margin: 0.5rem 0;

	justify-content: center;

}

.product_boxs .conter_bottom_boxs_tet {

	position: absolute;

	color: rgba(77, 77, 77, 1);

	text-align: end;

	margin: -1.2rem 1.8rem;

}

.product_boxs .conter_bottom_boxs a img {

	width: 42%;

	height: 81%;

}

.product_boxs .conter_boxs_left {

	width: 2.8rem;

	height: 2.8rem;

}

.product_boxs .conter_boxs_right {

	color: #4D4D4D;

	line-height: 0.4rem;

}

.product_boxs .conter_boxs_right p:first-child {

	font-size: 0.36rem;

}

.product_boxs .conter_boxs_right p:nth-child(2) {

	font-size: 0.24rem;

}

.product_boxs .conter_boxs_right p:last-child {

	font-size: 0.14rem;

}

/* 产品中心end */

}



@media screen and (max-width:1024px) and (min-width:768px) {

/* toubu commit */

.header_search {

	display: none;

}

#swiper-slide-mob {

	display: block;

}

#swiper-slide-moble {

	display: none;

}

/* 招商加盟 start */

.join_boxs {

}

.join_boxs .header_imgs {

	position: relative;

}

.join_boxs .header_imgs img {

	width: 100%;

}

.join_boxs .header_texts {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translateX(-50%);

	text-align: center;

}

.join_boxs .header_texts p:first-child {

	font-size: .6rem;

}

.join_boxs .header_texts p:nth-of-type(2) {

	width: .5rem;

	height: .05rem;

	background-color: #30B2E8;

	margin: .3rem 0;

	margin-left: 50%;

	transform: translateX(-50%);

}

.join_boxs .header_texts p:nth-of-type(3) {

	font-size: .3rem;

}

.join_nav {

	padding: 0 15%;

	box-shadow: 0px 0px 10px #f4f4f4;

}

.join_nav>p {

	color: #808080;

	font-size: .14rem;

}

.join_nav>p span {

	color: #30B2E8;

}

.join_nav_right {

	color: #4D4D4D;

}

.join_nav_right>p {

	font-size: .15rem;

	padding: .2rem;

	background-color: white;

}

.join_great_title {

	margin: .5rem 0;

}

.join_great_title>p {

	text-align: center;

}

.join_great_title>p:first-child {

	margin-bottom: .2rem;

}

.join_great {

	width: 70%;

	margin-left: 15%;

	color: #4D4D4D;

}

.join_content_one {

	width: 20%;

	position: relative;

	overflow: hidden;

}

.join_content_one img {

	width: 100%;

	height: auto;

}

.join_content_one_text {

	text-align: center;

	position: absolute;

	/* top: 35%; */

	bottom: -20%;

	color: white;

	font-size: .16rem;

	left: 50%;

	transform: translateX(-50%);

	width: 80%;

	z-index: 3;

}

.join_content_one_text>p:first-child {

	font-size: .24rem;

}

.join_content_one_text>p:nth-of-type(2) {

	width: .5rem;

	height: .05rem;

	background-color: white;

	margin-top: .3rem;

	margin-bottom: .5rem;

	margin-left: 50%;

	transform: translateX(-50%);

}

.join_content_one_text>p:nth-of-type(3) {

	margin-bottom: .1rem;

}

.join_meng {

	position: absolute;

	width: 100%;

	height: 98%;

	background: rgba(15, 159, 216, 0.7);

	top: 0;

	left: 0;

	z-index: 2;

}

.join_content2 {

	margin-top: .6rem;

	background-color: #FAFAFA;

}

.join_content2>div {

	width: 50%;

}

.join_content2>img {

	width: 50%;

}

.join_content2_moudles {

	font-size: .16rem;

	padding: 0 .5rem;

	margin-bottom: 1rem;

}

.join_content2_moudles>p:first-child {

	font-size: .2rem;

	color: #30B2E8;

}

.join_heng {

	width: .4rem;

	height: .05rem;

	background-color: #30B2E8;

	margin-top: .1rem;

	margin-bottom: .3rem !important;

}

.white_heng {

	width: .4rem;

	height: .05rem;

	background-color: #fff;

	margin-top: .1rem;

	margin-bottom: .3rem !important;

}

.join_content2_moudles>p:nth-of-type(3) {

	font-size: .16rem;

}

.join_dian {

	width: .05rem;

	height: .05rem;

	background-color: #30B2E8;

	margin-right: .2rem;

	border-radius: 50%;

}

.join_content3_moudles {

	padding-left: .5rem;

}

.join_content3_moudles>p {

	margin-bottom: .15rem;

	color: #4D4D4D;

	font-size: .16rem;

}

.join_content3_moudles>p:first-child {

	color: #30B2E8;

}

.join_Develop {

	position: relative;

	margin-top: .6rem;

}

.join_Develop_text {

	position: absolute;

	width: 40%;

	right: 0;

	top: 50%;

	transform: translateY(-50%);

}

.join_Develop_text>p {

	margin-bottom: .15rem;

}

.join_Service {

	margin: .6rem 0;

	position: relative;

}

.join_service_box {

	width: 60%;

	position: absolute;

	left: 0;

	top: 50%;

	margin-left: 20%;

	flex-wrap: wrap;

	transform: translateY(-50%);

}

.join_service_box_one {

	background: rgba(254, 255, 255, 0.6);

	width: 24%;

	color: #4D4D4D;

	padding: 3%;

	margin-bottom: 3.3%;

	height: 2.5rem;

	position: relative;

}

.join_service_box_one>p:first-child {

	background-color: #30B2E8;

	border-radius: 50%;

	width: .4rem;

	height: .4rem;

	text-align: center;

	line-height: .4rem;

	color: white;

	position: absolute;

	top: -.2rem;

	left: 10%;

}

.join_service_box_one>p:nth-of-type(4) {

	color: #30B2E8;

	font-size: .18rem;

	margin-bottom: .3rem;

}

.join_service_box_one>p:nth-of-type(5) {

	font-size: .14rem;

	text-align: justify;

}

/*招商加盟 发展计划  */

.join_develp {

	width: 100%;

	text-align: center;

	font-size: .16rem;

	color: #4D4D4D;

	margin: .6rem 0;

}

.join_develp>p {

	margin-bottom: .15rem;

}

.join_develp>p:first-child {

	color: #30B2E8;

	font-size: .2rem;

}

.join_develp>p:nth-of-type(2) {

	margin-left: 50%;

	transform: translateX(-50%);

}

/*招商加盟 成为服务商  */

.join_become {

	width: 70%;

	margin: .6rem 15%;

}

.become_list {

	display: flex;

	justify-content: space-between;

}

.become_one {

	color: #4D4D4D;

	text-align: center;

}

.become_one_back {

	background-color: #30B2E8;

	background: rgba(15, 159, 216, 0.5);

	padding: .05rem;

	border-radius: 50%;

	margin-bottom: .2rem;

}

.become_one_back>p {

	background-color: #30B2E8;

	width: .75rem;

	height: .75rem;

	border-radius: 50%;

	color: white;

	text-align: center;

	font-size: .32rem;

	line-height: .7rem;

}

.join_us_button {

	font-size: .2rem;

	background-color: #30B2E8;

	display: inline-block;

	padding: .2rem .6rem;

	position: relative;

	left: 50%;

	transform: translateX(-50%);

	margin-top: .5rem;

}

.become_list>img {

	width: .2rem;

	height: .2rem;

	margin-top: .35rem;

}

.join_become_from {

	width: 70%;

	margin: 0 15%;

	margin-bottom: 1.6rem;

	color: #4D4D4D;

	font-size: .16rem;

}

.join_become_from>p:first-child {

	font-size: .24rem;

	color: #30B2E8;

	text-align: center;

}

.join_become_from>p:nth-of-type(2) {

	font-size: .12rem;

	color: #808080;

	text-align: center;

	margin-bottom: 1rem;

}

.input_one img {

	width: .16rem;

}

.input_one>p {

	margin: 0 .1rem;

}

.input_one input {

	border: 1px solid #30B2E8;

	line-height: 1.5;

}

.input_one_margin {

	margin: .3rem 0;

}

.join_textarea {

	width: 100%;

	margin-top: .1rem;

	padding: .05rem;

}

.tap_join {

	display: flex;

	margin: .3rem 0;

}

.registration_rule {

	width: 2rem;

	height: .5rem;

	background-color: #DBDBDB;

	text-align: center;

	line-height: .5rem;

	color: white;

	margin-right: .2rem;

}

.registration_send {

	width: 2rem;

	height: .5rem;

	background-color: #30B2E8;

	border: none;

	color: white;

}

/* 服务中心 start */

.long_problem {

	width: 70%;

	margin: 1.2rem 15%;

}

.problem_one {

	color: #4D4D4D;

	font-size: .14rem;

}

.problem_one_show_left img {

	width: .3rem;

	height: .3rem;

	margin-right: .1rem;

}

.problem_one_hide img {

	width: .3rem;

	height: .3rem;

	margin-right: .1rem;

}

.problem_one_show {

	margin-bottom: .2rem;

}

.problem_one_show_left {

	display: flex;

}

.problem_one_show>p {

	font-size: .3rem;

	color: #30B2E8;

	font-weight: 700;

}

.problem_one_hide {

	color: #808080;

	box-shadow: 0px 0px 10px #cecdcd;

	padding: .1rem 0;

	margin-bottom: .2rem;

}

.problem_one_hide>div {

	display: flex;

}

.problem_page {

	font-size: .16rem;

	color: #4D4D4D;

	margin: 1rem 0;

}

.problem_page>p {

	background-color: #F2F2F2;

	padding: .05rem .2rem;

	margin-right: .2rem;

}

.problem_page_num>p {

	padding: .05rem .2rem;

	background-color: #F2F2F2;

	margin-right: .2rem;

}

/* 安装视频 */

.serve_video {

	width: 70%;

	margin: 1.5rem 15%;

}

.video_nav {

	width: 40%;

	margin-left: 30%;

}

.video_nav>p {

	font-size: .16rem;

	color: #4D4D4D;

	border-bottom: 1px solid #fff;

	padding-bottom: .1rem;

}

.video_box {

	margin-top: .6rem;

	flex-wrap: wrap;

}

.video_one {

	width: 30%;

	color: #4D4D4D;

	font-size: .16rem;

	margin-bottom: .5rem;

	position: relative;

}

.video_one video {

	width: 100%;

}

.video_one>p {

	margin-top: .2rem;

}

.video_paluse {

	position: absolute;

	top: 40%;

	left: 50%;

	width: .6rem;

	height: .6rem;

	transform: translate(-50%, -50%);

}

/* 物料下载 */

.download_list {

	width: 70%;

	margin: 1rem 15%;

}

.download_one {

	font-size: .16rem;

	color: #4D4D4D;

	margin-bottom: .3rem;

}

.download_one img {

	width: .15rem;

}

/* 新闻中心 行业资讯 */

.news_hang {

	width: 70%;

	margin: 1.5rem 15%;

}

.news_hang_content {

	display: flex;

}

.news_hang_content>img {

	width: 50%;

}

.news_hang_content>div {

	width: 50%;

	color: #4D4D4D;

	position: relative;

}

.news_hang_content>div>p {

	padding-left: .2rem;

}

.news_hang_content>div>p:first-child {

	font-size: .2rem;

	margin-bottom: .2rem;

}

.news_hang_content>div>p:nth-of-type(3) {

	font-size: .14rem;

	margin-bottom: .2rem;

	color: #808080;

	position: absolute;

	bottom: .2rem;

	left: 0;

}

.news_hang_list {

	margin-top: .8rem;

	flex-wrap: wrap;

}

.news_hang_one {

	width: 30%;

	margin-bottom: .3rem;

}

.news_hang_one>img {

	width: 100%;

}

.news_hang_one_content {

	padding: .1rem;

}

.news_hang_one_content>p:first-child {

	font-size: .16rem;

	color: #4D4D4D;

	margin-bottom: .2rem;

}

.news_hang_one_content>p:nth-of-type(2) {

	font-size: .14rem;

	color: #808080;

}

/* 联系我们 */

.contact_methos {

	width: 70%;

	margin: 1.5rem 15%;

}

.contact_content {

	display: flex;

}

.contact_content>img {

	width: 50%;

}

.contact_content_text {

	width: 50%;

	background-color: #FAFAFA;

	color: #4D4D4D;

	padding: 2%;

}

.contact_content_text img {

	width: .14rem;

	margin-right: .05rem;

}

.contact_content_text>p:first-child {

	font-size: .2rem;

	color: #30B2E8;

}

.contact_content_text>p {

	margin-bottom: .2rem;

}

.contact_heng {

	width: .4rem;

	height: .05rem;

	background-color: #30B2E8;

	margin-top: .1rem;

	margin-bottom: .5rem !important;

}

.maps_box {

	width: 100%;

	margin-top: .5rem;

}

/* 留言 */

.contant_us_from {

	width: 70%;

	margin: 1rem 15%;

	margin-bottom: 1.6rem;

	color: #4D4D4D;

	font-size: .16rem;

}

/* 首页css start */



    

.index_boxs .swiper-wrapper .swiper_box {

	padding: 5% 10%;

}

.index_boxs .swiper_box_img {

	display: flex;

	padding: 0 15%;

	justify-content: space-around;

}

.index_boxs .swiper_box_imgs {

	margin: 3%;

	display: flex;

	width: 28%;

}

.index_boxs .swiper_box_imgs a {

	display: flex;

	flex-direction: column;

	align-items: center;

	justify-content: space-between;

	position: relative;

}

.bb_bg_img {

	position: absolute;

	top: 0;

	left: 0;

	border: 1px solid blue;

}

.index_boxs .swiper_box_imgs img:last-child {

	width: 50%;

	position: relative;

	right: 2rem;

}

.index_boxs .swiper_box_last_imgs {

	/* width: 3.8rem;

        height: 5rem; */

	width: 100%;

	height: auto;

	position: absolute;

	top: 0;

	left: 0;/* margin-top: -0.32rem;

        

        margin-left: -3.8rem; */

}

.index_boxs .swiper_box_span {

	position: absolute;

	/* margin: 0.3rem -3.6rem; */

	bottom: 0;

	left: 0;

	width: 100%;

	color: #ffffff !important;

	font-size: 0.22rem !important;

	text-align: center;

}

.index_boxs .swiper-pagination {

	padding: 3% 0;

}

/* 123 */

.index_boxs .swiper_right {

	position: absolute;

	z-index: 19;

	padding: 3% 75%;

}

.index_boxs .swiper-button-prev {

	width: 0.6rem;

	height: 0.6rem;

	background-color: #383838;

	border-radius: 0.5rem;

	left: 2rem;

	color: #fff;

	opacity: 1 !important;

}

.index_boxs .swiper-button-next {

	width: 0.6rem;

	height: 0.6rem;

	background-color: #383838;

	border-radius: 0.5rem;

	right: 2rem;

	color: #fff;

}

/* 产品推荐 */

.index_boxs .Product {

	background-image: url('../images/productsbackground.jpg');

	background-repeat: no-repeat;

	margin-top: -0.11rem;

}

.index_boxs .title>img {

	margin-top: 0.5rem;

}

/*好新优智能锁  */

.index_boxs .clock_box {

	background-image: url('../images/casebanner.jpg');

	background-repeat: no-repeat;

	padding: 8% 0;

	background-size: 100% 100%;

}

.index_boxs .clock_box .title {

	margin: 0 auto;

}

.index_boxs .clock_box .title p:first-child {

	font-size: 0.48rem;

	line-height: 0.6rem;

}

.index_boxs .clock_box .title p:last-child {

	font-size: 0.28rem;

	line-height: 0.5rem;

}

.index_boxs .count_font {

	z-index: 2;

	text-align: center;

	position: absolute;

	margin: 7% 35%;

	line-height: 1.5rem;

}

.index_boxs .count_font div:first-child {

	font-size: 0.48rem;

	line-height: 1rem;

}

.index_boxs .count_font div:nth-child(2) {

	font-size: 0.28rem;

	line-height: 1rem;

}

/* 匠心 */

.index_boxs .Inge_box {

	background-image: url('../images/productsbackground.jpg');

	background-repeat: no-repeat;

}

.index_boxs .Inge_imgs {

	width: 40%;

	margin: .5rem 30%;

}

.index_boxs .Inge_img {

	display: flex;

}

.index_boxs .Inge_font_box {

	position: absolute;

	width: 70%;

	text-align: center;

	padding: 0.5rem 15%;

	display: flex;

	line-height: 1rem;

}

.index_boxs .Inge_font img {

	width: 40%;

	text-align: center;

}

.index_boxs .Inge_font {

	width: 100%;

}

.index_boxs .Inge_font:hover {

	cursor: pointer;

	color: rgba(48, 178, 232, 1) !important;

}

.index_boxs .Inge_font:nth-child(2) {

	margin: 0 1rem;

}

.index_boxs .Inge_font_big {

	font-size: 0.72rem;

	font-family: CgFuturaMaxiBd;

	line-height: 1.3rem;

}

.index_boxs .Inge_font_second {

	font-size: 0.3rem;

	line-height: 0.1rem;

}

.index_boxs .Inge_font_small {

	font-size: 0.2rem;

	line-height: 1rem;

}

/* 优势 */

.index_boxs .about {

	background-image: url('../images/productsbackground.jpg');

	background-repeat: no-repeat;/* margin-top: -0.11rem; */

}

.index_boxs .about_content {

	background-image: url('../images/advantagebanner.jpg');

	background-repeat: no-repeat;

	background-size: 100% 100%;

}

.index_boxs .about_content_box {

	display: flex;

	padding: 0 7%;

}

.index_boxs .line_box {

	border-left: 0.5px solid #b2b2b2;

	border-right: 0.5px solid #b2b2b2;

}

.index_boxs .line_box .line_box_up:hover {

	cursor: pointer;

	background: linear-gradient(0deg, rgba(0, 153, 255, 1) 0%, rgba(0, 193, 255, 1) 100%);

}

.index_boxs .line_box_up {

	text-align: center;

	padding: 35% 19%;

}

.index_boxs .line_box_up p:nth-child(2) {

	font-size: 0.3rem;

	margin-top: 0.15rem;

	width: 2rem;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.index_boxs .line_box_up p:nth-child(3) {

	font-size: 0.18rem;

	margin-top: 0.1rem;

}

/* news */

.index_boxs .news_box {

	background-image: url('../images/newsbackground.jpg');

	background-repeat: no-repeat;

	margin-top: -1rem;

	color: #000;

	padding-top: .5rem;

}

.index_boxs .news_box .title {

	margin-top: 0.5rem;

}

.index_boxs .news_content {

	margin: 0rem 3rem;/* padding: 1.5rem 0; */

}

.index_boxs .news_title {

	display: flex;

}

.index_boxs .news_title div:last-child {

	margin: 0 0.2rem;

}

/*  */

.index_boxs .news_cont {

	display: flex;

	margin: 0.5rem 0;

}

.index_boxs .news_right {

	margin: 0 0.2rem;

}

.index_boxs .text_box {

	display: flex;

	margin: 0 0.5rem;

	margin-bottom: 0.45rem;

}

.index_boxs .text_box a {

	display: flex;

}

.index_boxs .text_box_right {

	margin-left: 0.5rem;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

}

.index_boxs .text_box_left {

	background-color: #fff;

	text-align: center;

	height: 100%;

}

.index_boxs .text_box_left p {

	font-size: 0.16rem;

	font-weight: 600;

	white-space: nowrap;

}

/* footer */

.div_img {

	width: 100%;

	text-align: center;

	color: #B3B3B3;

}

.div_img img {

	width: 0.98rem !important;

	height: 0.98rem;

}

.index_boxs .flex_cloum img {

}

.index_boxs .else_title {

	padding-top: 1.5rem;

	padding-bottom: .8rem;

	background-image: url('../images/design.png');

	background-repeat: no-repeat;

	background-size: 30%;

	background-position: 50% .7rem;

}

.index_boxs .else_title_Advantage {

	padding-top: 1.5rem;

	padding-bottom: .8rem;

	background-image: url('../images/advantage.png');

	background-repeat: no-repeat;

	background-size: 30%;

	background-position: 50% .9rem;

}

.index_boxs .else_title_Products {

	padding-top: 1.5rem;

	padding-bottom: .8rem;

	background-image: url('../images/products .png');

	background-repeat: no-repeat;

	background-size: 30%;

	background-position: 50% .9rem;

}

/*首页end */



    /* 关于我们 start*/

.about_boxs {

	color: #4D4D4D;

}

.about_boxs a {

	color: #4D4D4D;

}

.about_boxs .banner_nav_box_left a:last-child {

	color: rgba(0, 153, 255, 1);

}

/* nav */

.about_boxs .blue_font {

	color: rgba(0, 153, 255, 1);

}

.about_boxs .about_us {

	width: 70%;

	padding: 0 15%;

	position: absolute;

	line-height: 0.8rem;

	font-size: 0.6rem;

	font-family: Source Han Sans CN;

	font-weight: 500;

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

	text-align: center;

	margin: -19% 0;

}

.about_us>p:nth-of-type(2) {

	width: .5rem;

	height: .03rem;

	background-color: #0F9FD8;

	border-radius: .1rem;

	position: relative;

	left: 50%;

	transform: translateX(-50%);

	margin: .1rem 0;

}

.about_us>p:nth-of-type(3) {

	font-size: .3rem;

}

.about_boxs .about_us p:first-child {

	opacity: 0.6;

}

.about_boxs .banner_nav_box {

	display: flex;

	margin-top: -0.08rem;

	justify-content: space-between;

	color: #808080;

	padding: 0 15%;

	font-size: 0.14rem;

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

	box-shadow: -2px 5px 8px 0px rgba(207, 207, 207, 0.1);

}

.about_boxs .banner_nav_box span {

	color: #30B2E8;

}

.about_boxs .banner_nav_box_left {

	line-height: 0.72rem;

}

.about_boxs .banner_nav_box_right {

	margin-left: -0.5rem;

}

/* 切换 */

.nav {

	overflow: hidden;

	text-align: center;/* background-color: #f4f4f4; */

}

.nav li {

	float: left;

	list-style: none;

	/* border-left: 1px solid #f4f4f4; */

	cursor: pointer;

}

.nav li:hover,  .selected {

	background-color: #30B2E8;

	color: #fff;

	margin: 0 0.05rem;

}

.content {

	overflow: hidden;

	color: #4D4D4D;

}

.content .list:first-child {

	display: block;

}

.list {

	display: none;

}

.line_height {

	line-height: 1rem;

}

.about_boxs .banner_nav_box_right li {

	padding: 0 0.5rem;

	line-height: 0.72rem;

}

.about_boxs .class_case_box {

	display: flex;

	padding: 0 15%;

	justify-content: space-between;

	margin: 1rem 0;

}

.about_boxs .class_case_box .title_left_box div:last-child {

	font-size: 0.48rem;

	line-height: 0.8rem;

}

.about_boxs .class_case_box .title_right_box {

	display: flex;

}

.about_boxs .class_case_box .title_right_box ul {

	display: flex;

}

.about_boxs .class_case_box .title_right_box ul li {

	margin-left: 0.5rem;

	line-height: 1rem;

	position: relative;

}

.about_boxs .class_case_box .title_right_box ul li:first-child {

	color: #2FB1E7;

}

.about_boxs .class_case_box li span {

	width: .3rem;

	height: .01rem;

	cursor: pointer;

	background-color: #0F9FD8;

	border-radius: .1rem;

	transform: translateX(-30%);

	position: absolute;

	left: 12%;

	top: 70%;

}

.about_boxs .pic_box {

	display: flex;

	padding: 0 15%;

	flex-wrap: wrap;

	justify-content: space-between;

}

.about_boxs .pic_box li {

	width: 47%;

	display: flex;

	margin-bottom: 0.75rem;

	position: relative;

}

.pic_box li:hover .pic_box_tet {

	display: block;

}

.about_boxs .pic_box_tet {

	text-align: center;

	color: #fff;

	background-color: rgba(48, 178, 232, 0.6);

	font-size: 0.3rem;

	width: 6.27rem;

	height: 4.54rem;

	position: absolute;

	z-index: 8;

	top: 0;

	left: 0;

	display: none;

}

.about_boxs .pic_box_tet span {

	text-align: center;

	color: #fff;

	font-size: 0.3rem;

	margin: 2.12rem -0.7rem;

	position: absolute;

	z-index: 11;

}

.about_boxs .center_box {

	color: #4D4D4D;

	display: flex;

	padding: 0.8rem 15%;

	justify-content: space-between;

}

.about_boxs .center_box_left {

	width: 50%;

	margin-top: -0.1rem!important;

}

.about_boxs .center_box_right {

	padding-left: 0.8rem;

	width: 50%;

	margin-top: -0.1rem!important;

}

.about_boxs .center_box_right div:last-child {

	font-size: 0.2rem;

	line-height: 0.4rem;

}

.about_boxs .center_box_right div p:first-child {

	color: #30B2E8;

	font-size: 0.2rem;

}

.about_boxs .center_box_right div p:nth-child(2) {

	color: #30B2E8;

	font-size: 0.14rem;

}

.about_boxs .center_box_right div p:nth-child(3) {

	width: .5rem;

	height: .03rem;

	background-color: #0F9FD8;

	border-radius: .1rem;

	position: relative;

	left: 0.25rem;

	transform: translateX(-50%);

	margin: .1rem 0;

}

.about_boxs .center_box2 {

	color: #4D4D4D;

	display: flex;

	padding: 0.8rem 15%;

	justify-content: space-between;

}

.about_boxs .center_box2 .center_box_left div:last-child {

	font-size: 0.2rem;

	line-height: 0.4rem;

}

.about_boxs .center_box2 .center_box_left div p:nth-child(2) {

	color: #30B2E8;

	font-size: 0.14rem;

}

.about_boxs .center_box2 .center_box_left div p:first-child {

	color: #30B2E8;

	font-size: 0.2rem;

	line-height: 0.4rem;

}

.about_boxs .center_box2 .center_box_left div p:nth-child(3) {

	width: .5rem;

	height: .03rem;

	background-color: #0F9FD8;

	border-radius: .1rem;

	position: relative;

	left: 0.25rem;

	transform: translateX(-50%);

	margin: .1rem 0;

}

.about_boxs .center_box2 .center_box_right {

	width: 50%;

}

/* 关于我们 文化 */

.about_boxs .center_box3 {

	color: #4D4D4D;

	display: flex;

	padding: 0.8rem 15%;

	justify-content: space-between;

}

.about_boxs .center_box3 .center_box_left {

	width: 50%;

}

.about_boxs .center_box3 .center_box_right {

	padding-left: 0.8rem;

	width: 50%;

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

}

.about_boxs .center_box3 .center_box_right .line_height {

	line-height: 0.5rem !important;

	margin-top: 0.3rem;

}

.about_boxs .center_box3 .center_box_right div:last-child {

	font-size: 0.16rem;

	line-height: 0.4rem;

}

.about_boxs .center_box3 .center_box_right div p:first-child {

	color: #30B2E8;

	font-size: 0.2rem;

}

.about_boxs .center_box3 .center_box_right div p:nth-child(2) {

	color: #30B2E8;

	font-size: 0.14rem;

	line-height: 0.01rem;

}

.about_boxs .center_box3 .center_box_right div p:nth-child(1) {

	margin-bottom: 0.3rem;

}

.about_boxs .center_box3 .center_box_right div p:nth-child(3) {

	width: .28rem;

	height: .04rem;

	background-color: #0F9FD8;

	border-radius: .1rem;

	position: relative;

	left: 0.18rem;

	transform: translateX(-50%);

	margin-top: -0.2rem;

	margin-bottom: 0.3rem;

}

.about_boxs .center_box4 {

	color: #4D4D4D;

	display: flex;

	padding: 0 15%;

	justify-content: space-between;

	margin-bottom: 0.8rem;

}

.about_boxs .center_box4 .center_box_left {

	width: 50%;

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

}

.about_boxs .center_box4 .center_box_left .line_height {

	line-height: 0.3rem !important;

	margin-top: 0.5rem;

	margin-left: 0.2rem;

}

.about_boxs .center_box4 .center_box_right {

	/* padding-left: 0.8rem; */

	width: 50%;

	margin-left: -0.8rem !important;

}

.about_boxs .center_box4 .center_box_left div:last-child {

	font-size: 0.16rem;

	line-height: 0.4rem;

}

.about_boxs .center_box4 .center_box_left div p:nth-child(2) {

	color: #30B2E8;

	font-size: 0.14rem;

	margin-top: 0.25rem;

}

.about_boxs .center_box4 .center_box_left div p:first-child {

	color: #30B2E8;

	font-size: 0.2rem;

}

.about_boxs .center_box4 .center_box_left div p:nth-child(3) {

	width: .28rem;

	height: .04rem;

	background-color: #0F9FD8;

	border-radius: .1rem;

	position: relative;

	left: 0.18rem;

	transform: translateX(-50%);

	margin-top: -0.35rem;

	margin-bottom: 0.35rem;

}

/* 关于我们 案例 */

.about_boxs .class_case_box {

}

/* aboue us honor */

.about_boxs .honor_title_box {

	padding: 0 15%;

	margin: 0.5rem 0;

	line-height: 0.3rem;

	text-align: center;

	position: relative;

}

.about_boxs .honor_title_box p:first-child {

	color: #30B1E7;

	font-size: 0.24rem;

}

.about_boxs .honor_title_box p:last-child {

	color: #7F7F7F;

	font-size: 0.12rem;

}

.about_boxs .honor_pic_box {

	display: flex;

	padding: 0 15%;

	flex-wrap: wrap;

	justify-content: space-between;

}

.about_boxs .honor_pic_box li {

	width: 30%;

	display: flex;

	margin-bottom: 0.75rem;

}

.about_boxs .honor_pic_box li:hover {

	/* display: none; */

	background-color: aqua;

}

.about_boxs .honor_pic_box_tet {

	text-align: center;

	color: #fff;

	background-color: #2FB1E7;

	font-size: 0.16rem;

	width: 4.01rem;

	height: 0.8rem;

	margin-top: 2.12rem;

	line-height: 0.8rem;

	position: absolute;

}

.about_boxs .honor_pic_box_tet span {

/* display: none; */

}

.about_boxs .honor_pic_box_tet span {

	text-align: center;

	color: #fff;

}

/* aboue us honor  end */

  /* aboue us develop  star */

#swiper-wrapper-hon {

	padding: 0 3rem;

	text-align: center;

	margin: 1rem 0;

}

.about_boxs .devlop_box {

	padding: 0 15%;

	color: #4C4C4C;

	display: flex;

	margin: 0.8rem 0;

}

.about_boxs .devlop_box_s {

	display: flex;

}

.about_boxs .devlop_box .devlop_box_left {

	display: flex;

}

.about_boxs .devlop_box .devlop_box_right {

	display: flex;

}

.about_boxs .devlop_box .dot1 {

	width: 0.23rem;

	height: 0.23rem;

	background-color: #30B1E7;

	border-radius: 50%;

}

.about_boxs .devlop_box .line {

	width: 0.02rem;

	height: 5rem;

	background-color: #30B1E7;

}

.about_boxs .devlop_box .dot2 {

	width: 0.13rem;

	height: 0.13rem;

	background-color: #30B1E7;

	border-radius: 50%;

}

.about_boxs .devlop_box .devlop_conter_left {

	line-height: 0.6rem;

	color: #4C4C4C;

	display: flex;

	height: 100%;

}

.about_boxs .devlop_box .devlop_conter_left p:nth-child(1) {

	font-size: 0.36rem;

}

.about_boxs .devlop_box .devlop_conter_left .devlop_conter_p_left {

	line-height: 0.6rem;

}

.about_boxs .devlop_box .devlop_box_left .devlop_conter_right {

	line-height: 0.6rem;

	color: #4C4C4C;

}

.about_boxs .devlop_box .devlop_conter_p_left p:nth-child(1) {

	font-size: 0.36rem;

}

.about_boxs .devlop_box .devlop_conter_p_left p:nth-child(2) {

	font-size: 0.2rem;

}

.about_boxs .devlop_box .devlop_conter_p_right p:first-child {

	width: 1.24rem;

	background-color: #086B94;

	height: 0.01rem;

}

.about_boxs .devlop_box .devlop_conter_p_right p:nth-child(1) {

	font-size: 0.36rem;

}

.about_boxs .devlop_box .devlop_conter_p_right p:nth-child(2) {

	font-size: 0.2rem;

}

/* aboue us develop end  */

/*关于我们end */



    /* 产品中心star */

.product_boxs {

}

/* nav */

.product_boxs .blue_font {

	color: rgba(0, 153, 255, 1);

}

.product_boxs .about_us {

	width: 70%;

	padding: 0 15%;

	position: absolute;

	line-height: 0.8rem;

	font-size: 0.6rem;

	font-family: Source Han Sans CN;

	font-weight: 500;

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

	text-align: center;

	margin: -19% 0;

}

.about_us>p:nth-of-type(2) {

	width: .5rem;

	height: .03rem;

	background-color: #0F9FD8;

	border-radius: .1rem;

	position: relative;

	left: 50%;

	transform: translateX(-50%);

	margin: .1rem 0;

}

.about_us>p:nth-of-type(3) {

	font-size: .3rem;

}

.product_boxs .about_us p:first-child {

	opacity: 0.6;

}

.product_boxs .banner_nav_box {

	display: flex;

	justify-content: space-between;

	color: #808080;

	padding: 0 15%;

	height: 0.72rem;

	margin-top: -0.07rem;

	font-size: 0.14rem;

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

	box-shadow: -2px 5px 8px 0px rgba(207, 207, 207, 0.1);

}

.product_boxs .banner_nav_box span:first-child {

	color: #30B2E8;

}

.product_boxs .banner_nav_box_left {

	line-height: 0.7rem;

}

.product_boxs .banner_nav_box_right {

	display: flex;

	line-height: 0.7rem;

	font-size: 0.14rem;/* background: rgba(255, 255, 255, 1);

        box-shadow: -2px 5px 8px 0px rgba(207, 207, 207, 0.1); */

}

.product_boxs .banner_nav_box span {

	color: #30B2E8;

}

.product_boxs .banner_nav_box_right {

	display: flex;

}

.product_boxs .banner_nav_box_right span {

	padding: 0 0.5rem;

}

.product_boxs .banner_nav_box_right span:first-child {

	background-color: #30B2E8;

	color: #fff;

}

.product_boxs .conter_title_box {

	display: flex;

	text-align: center;

	color: #4D4D4D;

	justify-content: center;

	margin: 0.5rem 0rem;

}

.product_boxs .conter_bottom_box_title {

	display: flex;

	text-align: center;

	color: #30B2E8;

	justify-content: center;

	font-size: 0.24rem;

}

.product_boxs .conter_title_box div {

	padding: 0 0.5rem;

}

.product_boxs .conter_title_box div .line {

	width: .5rem;

	height: .03rem;

	background-color: #0F9FD8;

	border-radius: .1rem;

	position: relative;

	left: 50%;

	transform: translateX(-50%);

	margin: .1rem 0;

}

/*  */

.product_boxs .conter_box {

	padding: 0 15%;

	display: flex;

	flex-wrap: wrap;

}

.product_boxs .conter_boxs {

	display: flex;

	margin: 0 .5rem;

	width: 40%;

}

.product_boxs .conter_boxs:hover {

	box-shadow: 0px 0.08rem 2.7rem 0px rgba(207, 207, 207, 0.2);

	transition: all .2s linear;

}

.product_boxs .conter_boxs_tet {

	width: 5rem;

	color: #4D4D4D;

	line-height: 0.4rem;

	margin-top: 1rem;

	text-align: end;

	position: absolute;

}

.product_boxs .conter_boxs_tet p:first-child {

	font-size: 0.36rem;

}

.product_boxs .conter_boxs_tet p:nth-child(2) {

	font-size: 0.24rem;

}

.product_boxs .conter_boxs_tet p:last-child {

	font-size: 0.14rem;

	margin-left: 0.5rem;

}

.product_boxs .conter_bottom_box {

	padding: 0 15%;

	display: flex;

	margin: 0.5rem 0;

}

.product_boxs .conter_bottom_boxs_tet {

	position: absolute;

	color: rgba(77, 77, 77, 1);

	text-align: end;

	margin: -1.6rem 1.8rem;

}

.product_boxs .conter_boxs_left {

	width: 2.8rem;

	height: 2.8rem;

}

.product_boxs .conter_boxs_right {

	color: #4D4D4D;

	line-height: 0.4rem;

}

.product_boxs .conter_boxs_right p:first-child {

	font-size: 0.36rem;

}

.product_boxs .conter_boxs_right p:nth-child(2) {

	font-size: 0.24rem;

}

.product_boxs .conter_boxs_right p:last-child {

	font-size: 0.14rem;

}

/* 产品中心end */

}



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

a {

	color: #fff !important;

}

#swiper-slide-mob {

	display: none;

}

#swiper-slide-moble {

	display: block;

}

/* toubu commit */

.header_search {

	display: none;

}

/* 招商加盟 start */

.join_boxs {

}

.join_boxs .header_imgs {

	position: relative;

}

.join_boxs .header_imgs img {

	width: 100%;

}

.join_boxs .header_texts {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translateX(-50%);

	text-align: center;

}

.join_boxs .header_texts p:nth-of-type(2) {

	width: .5rem;

	height: .05rem;

	background-color: #30B2E8;

	margin: .3rem 0;

	margin-left: 50%;

	transform: translateX(-50%);

}

.join_nav {

	display: block;

	padding: 0 3%;

	box-shadow: 0px 0px 10px #f4f4f4;

	margin-top: 0.6rem;

}

.join_nav>p {

	color: #808080;

	padding-top: 0.5rem;

}

.join_nav>p>a {

	color: #808080!important;

}

.join_nav>p>a:last-child {

	color: #30B2E8!important;

}

.join_nav_right {

	color: #4D4D4D;

	margin-top: 0.5rem;

	padding-bottom: 0.5rem;

}

.join_nav_right>a>li {

	color: #4D4D4D;

	padding: 0.3rem 0.5rem;

}

.join_nav_right>p {

	font-size: .15rem;

	padding: .2rem;

	background-color: white;

}

.join_great_title {

	margin: .5rem 0;

}

.join_content {

	display: block;

}

.join_great_title>p {

	text-align: center;

}

.join_great_title>p:first-child {

	margin-bottom: .2rem;

}

.join_great {

	width: 70%;

	margin-left: 15%;

	color: #4D4D4D;

	margin-top: 1rem;

}

.join_content_one {

	/* width: 20%; */

	position: relative;

	overflow: hidden;

}

.join_content_one img {

	width: 100%;

	height: auto;

}

.join_content_one_text {

	text-align: center;

	position: absolute;

	/* top: 35%; */

	bottom: -20%;

	color: white;

	font-size: .16rem;

	left: 50%;

	transform: translateX(-50%);

	width: 80%;

	z-index: 3;

}

.join_content_one_text>p:nth-of-type(2) {

	width: .5rem;

	height: .05rem;

	background-color: white;

	margin-top: .3rem;

	margin-bottom: .5rem;

	margin-left: 50%;

	transform: translateX(-50%);

}

.join_content_one_text>p:nth-of-type(3) {

	margin-bottom: .1rem;

}

.join_meng {

	position: absolute;

	width: 100%;

	height: 98%;

	background: rgba(15, 159, 216, 0.7);

	top: 0;

	left: 0;

	z-index: 2;

}

.join_content2 {

	margin-top: .6rem;

	display: block;

	background-color: #FAFAFA;

}

.join_content2>div {

	width: 50%;

}

.join_content2_moudles {

	padding: 0 .5rem;

	margin-bottom: 1rem;

}

.join_content2_moudles>p:first-child {

	color: #30B2E8;

}

.join_heng {

	width: .4rem;

	height: .05rem;

	background-color: #30B2E8;

	margin-top: .1rem;

	margin-bottom: .3rem !important;

}

.join_heng>img {

	width: 100%!important;

}

.white_heng {

	width: .4rem;

	height: .05rem;

	background-color: #fff;

	margin-top: .1rem;

	margin-bottom: .3rem !important;

}

.join_dian {

	width: .05rem;

	height: .05rem;

	background-color: #30B2E8;

	margin-right: .2rem;

	border-radius: 50%;

}

.join_content3_moudles {

	padding-left: .5rem;

}

.join_content3_moudles>p {

	margin-bottom: .15rem;

	color: #4D4D4D;

}

.join_content3_moudles>p:first-child {

	color: #30B2E8;

}

.join_Develop {

	margin-top: .6rem;

}

.join_Develop_text {

	width: 40%;

	color: #4D4D4D;

	margin: 0 auto;

}

.join_Develop_text>p {

	margin-bottom: .15rem;

}

.join_Service {

	margin: .6rem 0;

}

.join_service_box {

	width: 60%;

	margin-left: 20%;

	flex-wrap: wrap;

}

.join_service_box_one {

	background: rgba(254, 255, 255, 0.6);

	color: #4D4D4D;

	margin-bottom: 3.3%;

	position: relative;

}

.join_service_box_one>p:first-child {

	background-color: #30B2E8;

	border-radius: 50%;

	width: .4rem;

	text-align: center;

}

.join_service_box_one>p:nth-of-type(2) {

	font-size: 0.8rem!important;

}

.join_service_box_one>p:nth-of-type(4) {

	color: #30B2E8;

	margin-bottom: .3rem;

}

.join_service_box_one>p:nth-of-type(5) {

	text-align: justify;

}

/*招商加盟 发展计划  */

.join_develp {

	/* width: 100%; */

	color: #4D4D4D;

	margin: .6rem 0;

	padding: 0 3%;

}

.join_develp>div>img {

	width: 100%!important;

	height: 100%!important;

}

.join_develp>p {

	margin-bottom: .15rem;

}

.join_develp>p>img {

	width: 100%!important;

	height: 100%!important;

}

.join_develp>p>strong>img {

	width: 100%!important;

	height: 100%!important;

}

/* .join_develp>p:first-child {

	color: #30B2E8;

	text-align: center;

}

.join_develp>p:nth-of-type(2) {

	margin-left: 50%;

	transform: translateX(-50%);

} */

/*招商加盟 成为服务商  */

.join_become {

	width: 70%;

	margin: .6rem 15%;

}

.join_ipt {

	display: block;

}

.join_ipt>div {

	margin-top: 0.5rem;

}

.become_one {

	color: #4D4D4D;

}

.become_one_back>p {

	background-color: #30B2E8;

	width: .75rem;

	height: .75rem;

	border-radius: 50%;

	color: white;

	text-align: center;

	line-height: .7rem;

}

.join_us_button {

	font-size: .2rem;

	background-color: #30B2E8;

	display: inline-block;

	padding: .2rem .6rem;

	position: relative;

	left: 50%;

	transform: translateX(-50%);

	margin-top: .5rem;

}

.become_list>img {

	width: .2rem;

	height: .2rem;

	margin-top: .35rem;

}

.join_become_from {

	width: 70%;

	margin: 0 15%;

	margin-bottom: 1.6rem;

	color: #4D4D4D;

}

.join_become_from>p:first-child {

	color: #30B2E8;

	text-align: center;

}

.join_become_from>p:nth-of-type(2) {

	color: #808080;

	text-align: center;

	margin-bottom: 1rem;

}

.input_one img {

	width: 5%;

}

.input_one>p {

	margin: 0 .1rem;

}

.input_one input {

	border: 1px solid #30B2E8;

	line-height: 1.5;

}

.input_one_margin {

	margin: .3rem 0;

}

.join_textarea {

	width: 100%;

	margin-top: .1rem;

	padding: .05rem;

}

.tap_join {

	display: flex;

	margin: .3rem 0;

}

.registration_rule {

	width: 2rem;

	height: .5rem;

	background-color: #DBDBDB;

	text-align: center;

	line-height: .5rem;

	color: white;

	margin-right: .2rem;

}

.registration_send {

	width: 4rem;

	height: 1.5rem;

	background-color: #30B2E8;

	border: none;

	color: white;

}

/* 服务中心 start */

.long_problem {

	width: 94%;

	margin: 1.2rem 3%;

}

.problem_one {

	color: #4D4D4D;

	margin-top: 1.5rem;

}

.problem_one_show_left img {

	width: .3rem;

	height: .3rem;

	margin-right: .1rem;

}

.problem_one_hide img {

	width: .3rem;

	height: .3rem;

	margin-right: .1rem;

}

.problem_one_show {

	margin-bottom: .6rem;

}

.problem_one_show_left {

	display: flex;

}

.problem_one_show>p {

	font-size: .3rem;

	color: #30B2E8;

	font-weight: 700;

}

.problem_one_hide {

	color: #808080;

	box-shadow: 0px 0px 10px #cecdcd;

	padding: .5rem 0.2rem;

	margin-bottom: .2rem;

}

.problem_one_hide>div {

	display: flex;

}

.problem_page {

	color: #4D4D4D;

	margin: 1rem 0;

}

.problem_page>li>a {

	color: #4D4D4D!important;

	margin: 0.8rem;

}

.problem_page .gactive {

	width: 2rem;

	height: 1.5rem;

	background-color: #30B2E8;

	border: none;

	color: #ffffff!important;

	text-align: center;

	line-height: 1.5rem;

}

.problem_page>p {

	background-color: #F2F2F2;

	padding: .05rem .2rem;

	margin-right: .2rem;

}

.problem_page_num>p {

	padding: .05rem .2rem;

	background-color: #F2F2F2;

	margin-right: .2rem;

}

/* 安装视频 */

.serve_video {

	width: 70%;

	margin: 1.5rem 15%;

}

.video_nav {

	width: 40%;

	margin-left: 30%;

}

.video_nav>p {

	font-size: .16rem;

	color: #4D4D4D;

	border-bottom: 1px solid #fff;

	padding-bottom: .1rem;

}

.video_box {

	margin-top: .6rem;

	flex-wrap: wrap;

}

.video_one {

	width: 30%;

	color: #4D4D4D;

	font-size: .16rem;

	margin-bottom: .5rem;

	position: relative;

}

.video_one video {

	width: 100%;

}

.video_one>p {

	margin-top: .2rem;

}

.video_paluse {

	position: absolute;

	top: 40%;

	left: 50%;

	width: .6rem;

	height: .6rem;

	transform: translate(-50%, -50%);

}

/* 物料下载 */

.download_list {

	width: 70%;

	margin: 1rem 15%;

}

.download_one {

	font-size: .16rem;

	color: #4D4D4D;

	margin-bottom: .3rem;

}

.download_one img {

	width: .15rem;

}

/* 新闻中心 行业资讯 */

.news_hang {

	width: 94%;

	margin: 1.5rem 3%;

}

.news_hang_content {

	display: flex;

}

.news_hang_content a p {

	color: #4D4D4D;

}

.news_hang_content>img {

	width: 50%;

}

.news_hang_content>div {

	width: 50%;

	color: #4D4D4D;

	position: relative;

}

.news_hang_content>div>p {

	padding-left: .2rem;

}

.news_hang_content>div>p:first-child {

	font-size: .2rem;

	margin-bottom: .2rem;

}

.news_hang_content>div>p:nth-of-type(3) {

	font-size: .14rem;

	margin-bottom: .2rem;

	color: #808080;

	position: absolute;

	bottom: .2rem;

	left: 0;

}

.news_hang_list {

	margin-top: .8rem;

	flex-wrap: wrap;

}

.news_hang_one {

	width: 100%;

	margin-bottom: .3rem;

}

.news_hang_one>img {

	width: 100%;

}

.news_hang_one_content {

	padding: .1rem;

}

.news_hang_one_content>p:first-child {

	color: #4D4D4D;

	margin-bottom: .2rem;

}

.news_hang_one_content>p:nth-of-type(2) {

	/* font-size: .14rem; */

	color: #808080;

}

/* 联系我们 */

.contact_methos {

	width: 70%;

	margin: 1.5rem 15%;

}

.contact_content {

/* display: flex; */

}

.contact_content>img {

	width: 100%!important;

	height: 100%!important;

}

.contact_content_text {

	background-color: #FAFAFA;

	color: #4D4D4D;

	padding: 2%;

}

.contact_content_text img {

	width: 5%;

	margin-right: .05rem;

}

.contact_content_text>p:first-child {

	color: #30B2E8;

}

.contact_content_text>p {

	margin-bottom: .2rem;

}

.contact_heng {

	width: .4rem;

	height: .05rem;

	background-color: #30B2E8;

	margin-top: .1rem;

	margin-bottom: .5rem !important;

}

.maps_box {

	width: 100%;

	margin-top: .5rem;

}

/* 留言 */

.contant_us_from {

	width: 70%;

	margin: 1rem 15%;

	margin-bottom: 1.6rem;

	color: #4D4D4D;

}

.contant_us_from>form>div {

	display: inline!important;

}

.contant_us_from>form .input_one_margin {

	display: flex!important;

}

.contant_us_from>form .flex_center {

	display: flex!important;

}

.contant_us_from>form>div .input_one {

	margin-top: 0.5rem;

}

.swiper-button-prev:after,  .swiper-container-rtl .swiper-button-next:after {

	content: 'prev';

	font-size: 0.01rem;

}

.swiper-button-next:after,  .swiper-container-rtl .swiper-button-prev:after {

	content: 'next';

	font-size: 0.01rem;

}

.index_boxs .swiper-wrapper .swiper_box {

	padding: 5% 10%;

}

.index_boxs .swiper_box_img {

	 display: flex; 

	padding: 1rem 3%;

	position: relative;

	z-index: 999;

}

.index_boxs .swiper_box_imgs {

/*	margin-left: 1rem;*/

/*	display: flex;*/
height: 260px;

}

.index_boxs .swiper_box_imgs img:last-child {

	width: 50%;

	position: relative;

	right: 2rem;

}

.index_boxs .swiper_box_last_imgs {

	width: 50%;
    height: 200px;
	margin-top: 0.5rem;

	position: absolute;

	left: 26%;

	z-index: 9999;

}

.index_boxs .swiper_box_span {

	z-index: 9;

	position: absolute;

	color: #fff;

	left: 42%;

	margin-top: 75%;

}

.index_boxs .swiper-pagination {

	padding: 3% 0;

}

/* 123 */

.index_boxs .swiper_right {

	position: absolute;

	z-index: 19;

	padding: 3% 75%;

}

.swiper-button-prev:after,  .swiper-container-rtl .swiper-button-next:after {

	content: 'prev';

	font-size: 0.01rem;

}

.swiper-button-next:after,  .swiper-container-rtl .swiper-button-prev:after {

	content: 'next';

	font-size: 0.01rem;

}

.index_boxs .swiper-button-prev {

	width: 0.6rem;

	height: 0.6rem;

	background-color: #383838;

	border-radius: 0.5rem;

	left: 0.2rem;

	color: #fff;

	opacity: 1 !important;

	display: none;

}

.index_boxs .swiper-button-next {

	width: 0.6rem;

	height: 0.6rem;

	background-color: #383838;

	border-radius: 0.5rem;

	right: 0.2rem;

	color: #fff;

	display: none;

}

	

	/* 企业视频 */

.index_boxs .shipin {

	background-image: url('../images/productsbackground.jpg');

	background-repeat: no-repeat;

	margin-top: -1.11rem;

	background-size: 100% 100%;

}

.index_boxs .title>img {

	margin-top: 0.5rem;

}

	

	

	

/* 产品推荐 */

.index_boxs .Product {

/*	background-image: url('../images/productsbackground.jpg');*/

	background-repeat: no-repeat;

/*	margin-top: -1.11rem;*/

	background-size: 100% 100%;

}

.index_boxs .title>img {

	margin-top: 0.5rem;

}

	

/*好新优智能锁  */

.index_boxs .clock_box {

	background-image: url('../images/casebanner.jpg');

	background-repeat: no-repeat;

	padding: 8% 0;

	background-size: 100% 100%;

}

.index_boxs .clock_box .title {

	margin: 0 auto;

}

.index_boxs .clock_box .title p:first-child {

	font-size: 0.8rem;

}

.index_boxs .clock_box .title p:last-child {

	font-size: 0.28rem;

	line-height: 0.5rem;

}

.index_boxs .count_font {

	z-index: 2;

	text-align: center;

	position: absolute;

	margin: 7% 35%;

	line-height: 1.5rem;

}

.index_boxs .count_font div:first-child {

	font-size: 0.48rem;

	line-height: 1rem;

}

.index_boxs .count_font div:nth-child(2) {

	font-size: 0.28rem;

	line-height: 1rem;

}

/* 匠心 */

.index_boxs .Inge_box {

	background-image: url('../images/productsbackground.jpg');

	background-repeat: no-repeat;

	background-size: 100% 100%;

}

.index_boxs .Inge_imgs {

	width: 40%;

	margin: .5rem 30%;

}

.index_boxs .Inge_img {

	display: flex;

	background-color: #000;/* background-image: url('../images/desingbanner.jpg');

                background-repeat: no-repeat;

                background-size: 100% 100%; */

}

.Inge_img>img {

	display: none;

	width: 100%;

	/* margin-top: 10rem; */

	background-size: 100% 100%;

}

.index_boxs .Inge_font_box {

	/* position: absolute; */

	width: 100%;

	text-align: center;

	padding: 0.5rem 3%;

	display: flex;

	line-height: 1rem;

	flex-direction: column;

	background-color: #fff;

}

.index_boxs .Inge_font img {

	width: 40%;

	text-align: center;

}

.index_boxs .Inge_font {

	width: 100%;

	margin-bottom: .5rem;

	line-height: 1.5;

}

.index_boxs .Inge_font:hover {

	cursor: pointer;

	color: rgba(48, 178, 232, 1) !important;

}

.index_boxs .Inge_font_big {

	font-size: 1.2rem;

	font-family: CgFuturaMaxiBd;

	line-height: 1.3rem;

	margin-bottom: .4rem;

	color: #017ed5;

}

.index_boxs .Inge_font_second {

	font-size: .9rem;

	color: #666;

}

.index_boxs .Inge_font_small {

	margin-bottom: 0.5rem;

	color: #999;

}

/* 优势 */

.index_boxs .about {

	background-image: url('../images/productsbackground.jpg');

	background-repeat: no-repeat;/* margin-top: -0.11rem; */

}

.index_boxs .about_content {

	background-image: url('../images/advantagebanner.jpg');

	background-repeat: no-repeat;

	background-size: 100% 100%;

}

.index_boxs .about_content_box {

	display: flex;

	flex-direction: column;

}

.index_boxs .line_box {

	width: 100%;

	height: 100%;

}

.index_boxs .line_box_up {

	text-align: center;

	margin: 1rem 0.5rem;

}

.index_boxs .line_box_up p:first-child {

/* font-size: 0.3rem; */

}

.index_boxs .line_box_up p:nth-child(2) {

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.line_box {

	border-bottom: 0.5px solid #b2b2b2;

}

/* news */

.index_boxs .news_box {

	background-image: url('../images/newsbackground.jpg');

	background-repeat: no-repeat;

	/* margin-top: -0.11rem; */

	color: #000;

	padding-top: .5rem;

}

.index_boxs .news_box .title {

	margin-top: 0.5rem;

}

.index_boxs .news_content {

	margin: 0rem 3rem;

	padding: 1.5rem 0;

}

.index_boxs .news_title {

	display: flex;

	justify-content: space-between;

	font-size: 16px;

}

/* .index_boxs .news_title div:first-child {

	color: rgba(0, 153, 255, 1);

} */

.index_boxs .news_title div:last-child {

	margin: 0 0.2rem;

}

/*  */

.index_boxs .news_cont {

	display: flex;

	flex-direction: column;

	margin: 0.5rem 0;

}

.index_boxs .news_right {

	margin: 0 0.2rem;

}

.index_boxs .text_box {

	display: flex;

	margin: 1rem 0.5rem;

	margin-bottom: 0.45rem;

}

.index_boxs .text_box a {

	display: flex;

	color: #4D4D4D!important;

}

.look_more1 {

	display: inline-block;

	padding: .4rem .8rem;

/*	border-radius: .6rem;*/

	border: 1px solid #0F9FD8;

	color: #FFF;

/*	margin-top: 1rem;*/

	background-color: #0F9FD8;

}

.index_boxs .text_box_right {

	margin-left: 0.5rem;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

}

.index_boxs .text_box_left {

	background-color: #fff;

	text-align: center;

	padding-top: 0.9rem;

	padding-left: 0.3rem;

	padding-right: 0.3rem;

	color: #999;

}

.index_boxs .text_box_left p {

	/* font-size: 0.14rem; */

	font-weight: 600;

	white-space: nowrap;

}

/* footer */

.div_img {

	width: 100%;

	text-align: center;

	color: #B3B3B3;

	margin: 0.5rem 0;

}

.index_boxs .flex_cloum img {

	width: 100%;

}

.index_boxs .else_title {

	padding-top: 1.5rem;

	padding-bottom: .8rem;

	background-image: url('../images/design.png');

	background-repeat: no-repeat;

	background-size: 30%;

	background-position: 50% .7rem;

	background-color: #017ed5;

}

.index_boxs .else_title_Advantage {

	padding-top: 1.5rem;

	padding-bottom: .8rem;

	background-image: url('../images/advantage.png');

	background-repeat: no-repeat;

	background-size: 30%;

	background-position: 50% .9rem;

	background-color: #017ed5;

}

.index_boxs .else_title_Products {

	padding-top: 2.5rem;

	padding-bottom: .8rem;

	background-image: url('../images/products .png');

	background-repeat: no-repeat;

	background-size: 30%;

	background-position: 50% 1.9rem;

	background-color: #017ed5;



}

/*首页end */



    /* 关于我们 start*/

.about_boxs {

	color: #4D4D4D;

}

.about_boxs a {

	color: #4D4D4D;

}

.about_boxs .banner_nav_box_left a {

	color: #4D4D4D!important;

}

.about_boxs .banner_nav_box_left a:last-child {

	color: rgba(0, 153, 255, 1)!important;

}

/* nav */

.about_boxs .blue_font {

	color: rgba(0, 153, 255, 1);

}

.about_boxs .about_us {

	width: 70%;

	padding: 0 15%;

	position: absolute;

	line-height: 0.8rem;

	font-family: Source Han Sans CN;

	font-weight: 500;

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

	text-align: center;

	margin: -19% 0;

}

.about_us>p:nth-of-type(2) {

	width: .5rem;

	height: .03rem;

	background-color: #0F9FD8;

	border-radius: .1rem;

	position: relative;

	left: 50%;

	transform: translateX(-50%);

	margin: .1rem 0;

}

.about_boxs .about_us p:first-child {

	opacity: 0.6;

}

.about_boxs .banner_nav_box {

	color: #808080;

	padding: 0 3%;

	margin-top: 0.6rem;

}

.about_boxs .banner_nav_box span {

	color: #30B2E8;

}

.about_boxs .banner_nav_box_left {

	line-height: 0.72rem;

}

.about_boxs .banner_nav_box_right {

	margin-top: 0.7rem;

	display: flex;

}

.nav .banner_nav_box_right li {

	color: #808080;

}

.about_boxs .banner_nav_box_right li {

	display: flex;

	color: #4D4D4D;

}

.about_boxs .banner_nav_box_right li {

	display: flex;

	color: #4D4D4D;

}

/* 切换 */

.nav {

	overflow: hidden;

	text-align: center;/* background-color: #f4f4f4; */

}

.nav li {

	float: left;

	list-style: none;

	/* border-left: 1px solid #f4f4f4; */

	cursor: pointer;

}

.nav li:hover,  .selected {

	background-color: #30B2E8;

	color: #fff!important;

	margin: 0 0.05rem;

}

.content {

	overflow: hidden;

	color: #4D4D4D;

}

.content .list:first-child {

	display: block;

}

.list {

	display: none;

}

.line_height {

/* line-height: 1rem; */

}

.about_boxs .banner_nav_box_right li {

	padding: 0.23rem;

}

.about_boxs .class_case_box {

	margin: 2.3rem 2.3rem 1rem 2.3rem;

}

.about_boxs .title_left_box {

	margin-left: 1rem;

	margin-top: 3.5rem;

}

.about_boxs .class_case_box .title_left_box div:last-child {

	font-size: 0.48rem;

	line-height: 0.8rem;

}

.about_boxs .class_case_box .title_right_box {

	display: flex;

}

.about_boxs .class_case_box .title_right_box ul {

	display: flex;

}

.about_boxs .class_case_box .title_right_box ul li {

	margin-left: 1rem;

	position: relative;

}

.about_boxs .class_case_box .title_right_box ul li:first-child {

	color: #2FB1E7;

}

.about_boxs .class_case_box li span {

	width: .3rem;

	height: .01rem;

	cursor: pointer;

	background-color: #0F9FD8;

	border-radius: .1rem;

	transform: translateX(-30%);

	position: absolute;

	left: 12%;

	top: 70%;

}

.about_boxs .pic_box {

	display: flex;

	padding: 0 15%;

	flex-wrap: wrap;

	justify-content: space-between;

}

.about_boxs .pic_box li {

	display: flex;

	margin-bottom: 0.75rem;

	position: relative;

}

.pic_box li:hover .pic_box_tet {

	display: block;

}

.about_boxs .pic_box_tet {

	text-align: center;

	color: #fff;

	background-color: rgba(48, 178, 232, 0.6);

	font-size: 0.3rem;

	width: 6.27rem;

	height: 4.54rem;

	position: absolute;

	z-index: 8;

	top: 0;

	left: 0;

	display: none;

}

.about_boxs .pic_box_tet span {

	text-align: center;

	color: #fff;

	font-size: 0.3rem;

	margin: 2.12rem -0.7rem;

	position: absolute;

	z-index: 11;

}

.about_boxs .center_box {

	color: #4D4D4D;

	padding: 0 3%;

}

.about_boxs .center_box_left {

	/* width: 50%; */

	margin: 0.5rem 0;

}

.about_boxs .center_box_right div p:first-child {

	color: #30B2E8;

}

.about_boxs .center_box_right div p:nth-child(2) {

	color: #30B2E8;

}

.about_boxs .center_box_right div p:nth-child(3) {

	width: .5rem;

	height: .03rem;

	background-color: #0F9FD8;

	border-radius: .1rem;

	position: relative;

	transform: translateX(-50%);

	margin: .1rem 0;

}

.about_boxs .center_box2 {

	color: #4D4D4D;

	padding: 0.8rem 15%;

}

.about_boxs .center_box2 .center_box_left div p:nth-child(2) {

	color: #30B2E8;

}

.about_boxs .center_box2 .center_box_left div p:first-child {

	color: #30B2E8;

}

.about_boxs .center_box2 .center_box_right {

/* width: 50%; */

}

/* 关于我们 文化 */

.about_boxs .center_box3 {

	color: #4D4D4D;

	padding: 0.8rem 15%;

	margin-left: 0.5rem!important;

}

.about_boxs .center_box3 .center_box_right {

	padding: 0.2rem 0.2rem 0.58rem 0.2rem;

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

}

.about_boxs .center_box3 .center_box_right .line_height {

	margin-top: 0.3rem;

}

.about_boxs .center_box3 .center_box_right div p:first-child {

	color: #30B2E8;

}

.about_boxs .center_box3 .center_box_right div p:nth-child(2) {

	color: #30B2E8;

	line-height: 0.01rem;

}

.about_boxs .center_box3 .center_box_right div p:nth-child(1) {

	margin-bottom: 0.3rem;

}

.about_boxs .center_box3 .center_box_right div p:nth-child(3) {

	width: .58rem;

	height: .04rem;

	background-color: #0F9FD8;

	border-radius: .1rem;

	position: relative;

	transform: translateX(-50%);

	margin-bottom: 0.3rem;

	left: 3%;

}

.about_boxs .center_box4 {

	color: #4D4D4D;

	padding: 0 15%;

	margin-bottom: 0.8rem;

}

.about_boxs .center_box4 .center_box_left {

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

}

.about_boxs .center_box4 .center_box_left .line_height {

	margin-left: 0.2rem;

}

.about_boxs .center_box4 .center_box_right {

	margin-top: 1rem;

}

.about_boxs .center_box4 .center_box_left div:last-child {

	/* font-size: 0.16rem; */

        /* line-height: 0.4rem; */

	margin-top: 0.3rem;

}

.about_boxs .center_box4 .center_box_left div p:nth-child(2) {

	color: #30B2E8;

}

.about_boxs .center_box4 .center_box_left div p:first-child {

	color: #30B2E8;

}

.about_boxs .center_box4 .center_box_left div p:nth-child(3) {

	width: .58rem;

	height: .04rem;

	background-color: #0F9FD8;

	border-radius: .1rem;

	position: relative;

	transform: translateX(-50%);

	margin-top: -0.5rem;

	left: 3%;

	margin-bottom: 0.2rem;

}

/* 关于我们 案例 */

.about_boxs .class_case_box {

}

/* aboue us honor */

.about_boxs .honor_title_box {

	padding: 0 15%;

	margin-top: .8rem;

	text-align: center;

	margin-bottom: 0.5rem;

}

.about_boxs .honor_title_box p:first-child {

	color: #30B1E7;

}

.about_boxs .honor_title_box p:last-child {

	color: #7F7F7F;

}

.about_boxs .honor_pic_box {

	padding: 0 15%;

}

.about_boxs .honor_pic_box li {

	margin-bottom: 0.75rem;

}

.about_boxs .honor_pic_box_tet {

	padding: 0.5rem 0;

	text-align: center;

	color: #fff;

	/* background-color: #2FB1E7; */

	display: none;

}

.about_boxs .honor_pic_box_tet span {

	text-align: center;

	color: #fff;

}

.about_boxs .honor_pic_box>div {

	display: none!important;

}

/* aboue us honor  end */

    /* aboue us develop  star */

#swiper-wrapper-hon {

	text-align: center;

	margin: 1rem 0;

}

.about_boxs .devlop_box {

	padding: 0 15%;

}

.about_boxs .devlop_box .devlop_box_left {

	margin: 1rem 0;

}

.about_boxs .devlop_box .devlop_box_right {

	position: absolute;

	margin-top: -26.5rem;

	margin-left: 1.5rem;

}

.about_boxs .devlop_box .dot1 {

	width: 0.23rem;

	height: 0.23rem;

	background-color: #30B1E7;

	border-radius: 50%;

}

.about_boxs .devlop_box .line {

	width: 0.02rem;

	height: 5rem;

	background-color: #30B1E7;

}

.about_boxs .devlop_box .dot2 {

	width: 0.13rem;

	height: 0.13rem;

	background-color: #30B1E7;

	border-radius: 50%;

}

.about_boxs .devlop_box .devlop_conter_left {

	color: #4C4C4C;

	height: 100%;

}

.about_boxs .devlop_box .devlop_conter_left .devlop_conter_p_left {

	margin-top: 1rem;

}

.about_boxs .devlop_box .devlop_box_left .devlop_conter_right {

	display: none;

	color: #4C4C4C;

}

.about_boxs .devlop_box .devlop_conter_p_right p:first-child {

	width: 1.24rem;

	background-color: #086B94;

	height: 0.01rem;

}

.about_boxs .devlop_box .devlop_conter_p_right p:nth-child(1) {

	position: absolute;

	margin-top: 2rem;

	display: none;

}

/* aboue us develop end  */

    /*关于我们end */



    /* 产品中心star */

.product_boxs {

}

/* nav */

.product_boxs .blue_font {

	color: rgba(0, 153, 255, 1);

}

.product_boxs .about_us {

	width: 70%;

	padding: 0 15%;

	position: absolute;

	line-height: 0.8rem;

	font-family: Source Han Sans CN;

	font-weight: 500;

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

	text-align: center;

	margin: -19% 0;

}

.about_us>p:nth-of-type(2) {

	width: .5rem;

	height: .03rem;

	background-color: #0F9FD8;

	border-radius: .1rem;

	position: relative;

	left: 50%;

	transform: translateX(-50%);

	margin: .1rem 0;

}

.product_boxs .about_us p:first-child {

	opacity: 0.6;

}

.product_boxs .banner_nav_box {

	color: #808080;

	padding: 0 3%;

	margin-top: 0.4rem;

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

	box-shadow: -2px 5px 8px 0px rgba(207, 207, 207, 0.1);

}

.product_boxs .banner_nav_box_left a:last-child {

	color: #30B2E8!important;

}

.product_boxs .banner_nav_box_left a {

	color: #808080!important;

}

.product_boxs .banner_nav_box_right {

	display: flex;

	line-height: 0.7rem;

	margin-top: 0.3rem;/* background: rgba(255, 255, 255, 1);

        box-shadow: -2px 5px 8px 0px rgba(207, 207, 207, 0.1); */

}

.product_boxs .banner_nav_box_right a li {

	padding: 0.5rem;

	color: #808080;

}

.product_boxs .banner_nav_box_right span:first-child {

	background-color: #30B2E8;

	color: #fff;

}

.product_boxs .conter_title_box {

	display: flex;

	text-align: center;

	color: #4D4D4D;

	justify-content: center;

	margin: 0.5rem 0rem;

}

.product_boxs .conter_bottom_box_title {

	display: flex;

	text-align: center;

	color: #30B2E8;

	justify-content: center;

}

.product_boxs .conter_title_box div {

	padding: 0 0.5rem;

}

.product_boxs .conter_title_box div .line {

	width: .5rem;

	height: .03rem;

	background-color: #0F9FD8;

	border-radius: .1rem;

	position: relative;

	left: 50%;

	transform: translateX(-50%);

	margin: .1rem 0;

}

/*  */

.product_boxs .conter_box {

	padding: 0 3%;

	display: flex;

	flex-wrap: wrap;

}

.product_boxs .conter_boxs {

	display: flex;

	width: 100%;

	justify-content: space-between;

}

.product_boxs .conter_boxs img {

	width: 50%;

	height: 50%;

}

ul.conter_box a {

	width: 100% !important;

}

.product_boxs a:hover {

	box-shadow: 0px 0.08rem 2.7rem 0px rgba(207, 207, 207, 0.2);

	transition: all .2s linear;

}

.product_boxs .conter_boxs_tet {

	width: 50%;

	color: #4D4D4D;

	margin-top: 15%;

	text-align: end;

	margin-right: 0.7rem;

}

.product_boxs .conter_bottom_box {

	padding: 0 15%;

	flex-wrap: wrap;

	margin: 0.5rem 0;

	text-align: center;

}

.product_boxs .conter_bottom_boxs {

	width: 50%;

	display: flex;

}

.product_boxs .conter_bottom_boxs_tet {

	position: absolute;

	color: rgba(77, 77, 77, 1);

	text-align: end;

	width: 65%;

	margin-top: -35%;

}

.product_boxs .conter_boxs_left {

	width: 2.8rem;

	height: 2.8rem;

}

.product_boxs .conter_boxs_right {

	color: #4D4D4D;

	line-height: 0.4rem;

}

/* 产品中心end */



}

