html, body {
  position: relative;
  height: 100%;
}
*{
    margin:0px;
    padding:0px;
 }
a{
    text-decoration:none;
    color: #000;
    font-size: 16px;
}
img{
  max-width: 100%;
  height: auto;
}
body{
    font-family: '微软雅黑';
    margin: 0 auto;
    height: 100%;
    background-color:#fff;;
    color:#000;
    overflow-x:hidden;
    padding: 0;
    font-size: 16px;
}
ul,li{
	margin: 0;
	padding: 0;
}
li{
    list-style-type: none;
}
.clear{
    clear: both;
}
.mb_display{
  display: none;
}
.pc_display{
  display: block;
}
.kuang {
    width: 1400px;
    display: inline-block;
    position: relative;
}
#header{
	text-align: center;
	background-color: #fff;
}
#header .logo{
	display: inherit;
	width: 16%;
}
#Overlay{
    text-align: center;
    position: fixed;
    height: 100vh;
    z-index: 1111111;
    width: 100%;
    top: 0;
    background: #000000b8;
    display: none;
}
#Overlay .kuang{
	top: 20%;
}
#Overlay .form_right{
	display: inline-block;
    float: unset;
    position: relative;
    padding: 30px 40px 0px 40px;
}
#close{
    position: absolute;
    top: -40px;
    right: 0px;
    cursor: pointer;
    
}
#close img{
	transition: all 0.5s;
}
#close img:hover{
	transition: all 0.5s;
	transform: rotate(90deg); 
}
#Overlay .wpcf7 form .wpcf7-response-output{
	margin: 0 0 30px 0px;
}
.header_kuang{
	width: 93%;
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
	height: 80px;
}
.custom-logo-link{
	font-size: 0px;
}
.nav ul li.menu-item-has-children > a::after {
    content: '\25BE'; /* Unicode编码，表示一个小三角形向下 */
    display: inline-block;
    margin-left: 5px; /* 根据需要进行调整 */
    vertical-align: middle;
    position: absolute;
    font-size: 25px;
}
.nav ul li.menu-item-has-children ul li > a::after {
	transform: rotate(270deg);
	top: 0;
	height: 21px;
}

.nav{
	z-index: 111;
}
.nav ul li{
	float: left;
	padding: 0px 25px;
	height: 80px;
	line-height: 80px;
	position: relative;
}
.nav ul li:hover{
	/*border-bottom: 1px solid #0073d1;*/
}
.nav ul li a{
	position: relative;
	color:#313b47;
}
.nav ul li.current-menu-item a, .nav ul li.current-menu-parent a{
	color:#0073d1;
}
.nav ul li.current-menu-parent ul li a{
	color:#313b47;
}
.nav ul li.current-menu-parent ul li.current-menu-item a{
	color:#0073d1;
}
.nav ul li a:hover {
	color:#0073d1;
}
#header .nav ul li ul {
    position: absolute;
    z-index: 111;
    display: none;
    flex-direction: column;
    left: -17px;
    min-width: 150px;
	background-color: #fff;
	padding: 10px 0px;
}
#header .nav ul li:hover ul {
    display: flex;
}
#header .nav ul li ul li {
    height: auto;
    line-height: initial;
    padding: 10px 0px;
    position: relative;
    width: 100%;
}
#header .nav ul li:hover ul li ul{
	display: none;
}
#header .nav ul li ul li ul.sub-menu{
    left: 150px;
    top: 0;
}
.header_right {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: space-between;
	align-items: center;
}
.header_right .phone{
	font-size: 20px;
	color: #0073d1;
	font-weight: bolder;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: center;
	align-items: center;
	margin-right: 25px;
}
.header_right .phone img{
	margin-right: 5px;
}
.memberControl{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: center;
	align-items: center;
}
.memberControl .mCbut a{
	margin: 0px 8px;
	padding: 10px 30px;
	border: 1px solid #0073d1;
	border-radius: 20px;
	line-height: normal;
	cursor: pointer;
	display: inline-block;
}
.memberControl .mCbut a{
	color:#0073d1;
}
.memberControl .openFrom a{
	background-color: #0073d1;
	color: #fff;
}
.memberControl .openFrom a{
	color: #fff;
}
.banner{

}
.bannerSwiper{
	height: 600px;;
}
.bannerSwiper .swiper-slide{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: center;
	align-items: center;
  background-position: center;
}
.banner_text {
	text-align: left;
	color: #181a1d;
  font-size: 40px;
  font-weight: normal;
}

.banner_dsc {
	font-size: 16px;
	color: #333333;
	margin-top: 10px;
}
.banner_blue_but{
	border-radius: 5px;
    color: #fff;
    background-color: #0073d1;
    margin-top: 50px;
    padding: 10px 15px;
    display: inline-block;
}
.bannerSwiper .swiper-pagination .swiper-pagination-bullet{
	border-radius: unset;
	background: #fff;
	width: 50px;
	height: 5px;
}
.index_section2{
	background-image: url('../img/bg_02.jpg');
    position: relative;
    text-align: center;
    background-position: bottom;
    color: #000;
    padding: 80px 0px;
}
.index_section2 .sectionTitle2,.index_section3 .sectionTitle2{
	margin-bottom: 10px;
}
.index_section2 .swiper{
	padding: 8px;
}
.current-cat a{
	color: #0073d1;
}
.sectionTitle{
	margin: 80px 0px 10px 0px;
	font-size: 34px;
	color:#181a1d;
}
.sectionDsc{
	font-size: 16px;
	color:#333333;
	margin-bottom: 50px;
}
.section2Swiper{
	padding: 8px;
}
.section2Swiper .list_box{
	padding: 45px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 1px 2px 9px 1px #c5cfe3;
	overflow: hidden;
}
.index_section2 .swiper-slide{
	height: auto;
	display: grid;
}
.icoh{
	font-size:18px;
	font-weight: bold;
	margin: 20px 0px 10px 0px;
	line-height: 26px;
}
.icod{
	color:#757575;
	line-height: 30px;
}
.section2_pro{
	margin-left: auto;
	margin-right: auto;
	position: relative;
	list-style: none;
	padding: 0;
	z-index: 1;
}
.the_excerpt a{
  font-size: 14px;
  line-height: 24px;
}
.section2_pro .swiper-button-prev{
	left: -20px;
	color: #b2b2b2;
	width: 50px;
	height: 50px;
	background: #fff;
	border-radius: 50px;
	font-size: 14px;
	box-shadow: 0px 0px 4px 2px #e5e5e5;
	transition: all 0.3s;
}
.section2_pro .swiper-button-next{
	right: -20px;
	color: #b2b2b2;
	width: 50px;
	height: 50px;
	background: #fff;
	border-radius: 50px;
	font-size: 14px;
	box-shadow: 0px 0px 4px 2px #e5e5e5;
	transition: all 0.3s;
}
.shop .icotext ul {
    height: 150px;
    overflow-y: scroll;
    display: inline-block;
    width: 100%;
    padding-left: 15px;
}
.section2_pro .swiper-button-prev:hover,.section2_pro .swiper-button-next:hover{
	background: #0073d1;
	color: #fff;
}
.section2_pro .swiper-button-next:after,.section2_pro .swiper-button-prev:after{
	font-size: 14px;
}
.index_section3{
	background-image: url('../img/bg_03.jpg');
	position: relative;
	text-align: center;
	background-position: top;
	color: #000;
	padding:80px 0px;
	background-size: cover;
}
.index_section3 .sectionTitle{
	margin-top: 40px;
}
.resolve{
	grid-template-columns: repeat(2,1fr);
	display: grid;
}
.resolve_left{
	font-size:0px
}
.resolve_right{
	background: #fff;
	padding: 8%;
	text-align: left;
}
.resolve_right h3{
	font-weight: unset;
	color:#181a1d;
}
.index_section5 .resolve_right h3,.index_section3 .resolve_right h3{
	font-weight: bold;
	color:#181a1d;
}
.resolve_right .dsc{
	margin-top: 25px;
	color:#4a4a4a;
	line-height: 30px;
}
.blue_but{
	border-radius: 5px;
	color: #fff;
	background-color: #0073d1;
	margin-top: 80px;
	padding: 10px 15px;
	display: inline-block;
}
.index_section4{
	background-image: url('../img/bg_04.jpg');
	padding: 100px 0px;
	position: relative;
	text-align: center;
	background-position: 50%;
	color: #fff;
}
.number span {
	display: inline-block;
	font-size: 60px;
	margin-right: 5px;
}
.number p {
	display: inline-block;
}
.index_section4 .kuang{
	height: 100%;
}
.index_section4 .kuang ul{
	display: grid;
	align-content: center;
	align-items: center;
	justify-items: center;
	justify-content: center;
	grid-template-columns: repeat(5,1fr);
	height: 100%;
}
.index_section5{
	background-image: url('../img/bg_05.jpg');
	position: relative;
	text-align: center;
	background-position: 50%;
	color: #333333;
	padding: 80px 0px;
}
/*.index_section5 .kuang{*/
/*	margin-top:100px;*/
/*}*/
.secure_right{
	background-color: unset;
	padding: 5% 8%;
}
.secure_list {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	align-content: center;
	justify-content: center;
	align-items: start;
	justify-items: center;
	text-align: center;
	grid-gap: 20px;
	margin-top:5%;
}
.secure_list li p{
	margin-top: 10px;
	width: 112px;
	font-size: 14px;
}
.index_section6{
	text-align: center;
	color: #333333;
	padding-top: 80px;
}
.section6H2{
	font-size: 32px;
	font-weight: unset;
	margin-bottom: 20px;
}
.section6H2 span{
	font-size:50px;
	font-weight: bold;
	color:#0073d1;
}
.index_section6 .swiper-slide {
	height: auto;
	display: grid;
}
.index_section6 .section2Swiper {
	padding: 20px 8px;
}
.index_section6 .section2Swiper .list_box{
	background: #f3f4f7;
	box-shadow: unset;
	text-align: left;
	position: relative;
	overflow: inherit;
}
.index_section6 .section2Swiper .list_box li{
	list-style-image: url('../img/disc_17.png');
	line-height: 30px;
}
.index_section6 .section2Swiper .list_box  p{
	margin-top: 20px;
}
.index_section6 .section2Swiper .list_box .blue_but{
	position: absolute;
	right: 5%;
	bottom: -5%;
  font-size: 14px;
  padding: 8px 12px;
  margin: 0px;
}
.index_section6 .icoimg{
	margin-bottom: 20px;
}
.index_section7{
	text-align: center;
	padding: 80px 0px;
}
.index_section7 .swiper {
	width: 100%;
	height: 350px;
	margin-left: auto;
	margin-right: auto;
	padding: 50px 0px;
  }
.index_section7 .swiper-slide {
	text-align: center;
	height: calc((100% - 30px) / 4);

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;

}
.index_section7 .swiper-slide img{
	border: 1px solid #ccc;
/* 	height: 100%; */
/* 	width: 100%; */
	border-radius: 5px;
}
.index_section8{
	background-image: url('../img/bg_07.jpg');
	padding: 126px 0px;
	position: relative;
	text-align: center;
	background-position: 50%;
	color: #333333;
}
.news_left{
	background-color: #0073d1;
	padding: 25px 40px;
	float: left;
	border-radius: 10px;
	color: #fff;
	text-align: left;
}
.news_left h3{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: flex-start;
	align-items: center;
}
.news_left h3 span{
	margin-right: 10px;
}
.newsLTit{
	font-size: 24px;
	margin: 20px 0px;
}
.w_but{
	background-color: #fff;
	margin-top: 20px;
	border-radius: 15px;
	padding: 10px 25px;
	display: inline-block;
	color:#0073d1;
}
 /* 标签样式 */
.news_right .tab {
	display: inline-block;
	padding: 10px 20px;
	margin: 5px;
	background-color: #fff;
	cursor: pointer;
	font-weight: bold;
	border-radius: 20px;
	float: left;
}
.news_right .cur {
	background-color: #0073d1;
	color: #fff;
}
/* 内容区域样式 */
.news_right .tab-content {
	display: none;
  margin-top: 10px;
}

/* 激活标签的内容显示 */
.news_right .active {
	display: block;
}
.news_right{
	width: 50%;
	float: right;
}
.tab-content li{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: space-between;
	align-items: flex-start;
	text-align: left;
	padding: 20px 0px;
	border-bottom: 1px solid #d6e2eb;
}
.tab_content_left{
	width: 80%;
}
.tab_content_left h3 a{
	display: inline-block;
	color: #0073d1;
	margin-bottom: 15px;
	font-size: 20px;
}
.news_time{
	color: #8f8fa1;
	margin-bottom: 20px;
}
.news_but{
	color: #0073d1;
	border: 1px solid #0073d1;
	border-radius: 5px;
	display: inline-block;
	padding: 5px 10px;
  font-size: 14px;
	transition: all 0.3s;
}
.news_but:hover{
	background-color: #0073d1;
	color: #fff;
}

.index_section8 .sectionDsc{
	margin:10px 0px  80px 0px;
}
.index_section9{
	background-image: url('../img/bg_08.jpg');
	height: 918px;
	position: relative;
	text-align: center;
	background-position: 50%;
	color: #333333;
}
.index_section9 .kuang{
	margin-top: 170px;
}
.sc9_left{
	float: left;
	width: 450px;
	text-align: left;
}
.sc9Dsc{
	line-height: 27px;
}
.sc9_right{
	float: right;
	width: 40%;
}
.sc9_but{

}
.index_section10{
	background-image: url('../img/bg_09.jpg');
	padding: 120px 0px;
	position: relative;
	text-align: center;
	background-position: 50%;
	color: #fff;
}
.index_section10 .kuang{
	text-align: left;
}
.section10_number{
	margin: 50px 0px;
	display: inline-block;
}
.section10_number li span{
	font-size: 40px;
}
.section10_number li{
	float: left;
	text-align: center;
	margin-right: 60px;
}
.sc10_but{
	border:1px solid #f4faff;
	display: inline-block;
	border-radius: 8px;
	padding: 10px 15px;
	color:#fff;
}
.footer{
	background-color: #0e335f;
	color: #fff;
	text-align: center;
	padding-top: 100px;
}
.ft_nav{
	text-align: left;
}
.ft_nav h3{
	margin-bottom: 20px;
}
.ft_nav ul li {
	margin: 10px 0px;
}
.ft_nav ul li a{
	color:#acb5c6;
	font-size: 14px;
}
.footer_left{
	width: 50%;
	display: grid;
	grid-template-columns: repeat(4,1fr);
	float: left;
}
.footer_right{
	float: right;
	text-align: left;
}
.footer_right h3{
	margin: 25px 0px 20px 0px;
}
.footer_wc{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: flex-end;
	justify-content: flex-start;
	align-items: flex-end;
	line-height: 24px;
	color:#acb5c6;
	font-size: 14px;
}
.footer_wc img{
	margin-right: 20px;
	max-width: 100px;
}
.copy{
	padding: 20px 0px;
	border-top: 1px solid #284971;
	font-size: 14px;
	margin-top: 50px;
	color: #acb5c6;
}
.copy a{
	font-size: 14px;
	color: #acb5c6;
}
.sc_box{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.sc_box {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: flex-start;
}
.resolve_banner{
	background-image: url('../img/resole_021_02.jpg');
	position: relative;
    text-align: center;
    background-position: 50%;
    color: #fff;
    background-size: cover;
    height: 600px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.rebox{
	text-align: left;
	width: 450px;
}
.rebox h2{
	margin-bottom: 30px;
	font-size: 34px;
	line-height: 50px;
	font-weight: unset;
}
.rebox p{
	line-height: 30px;
	text-align: justify;
}
.resolve_section2{
	background-image: url('../img/rebg_02.jpg');
	position: relative;
	text-align: center;
	background-position: 50%;
	padding: 126px 0px;
	background-size: cover;
}
.product_poin_text p{
	padding-left: 15px;
}
.resolve_section2 .rese2_list .list_box .icod p::before,.resolve_section4 .gridText p::before,.product_poin_text p::before{
	content: '●';
	color: #0073d1;
	margin-right: 5px;
	position: absolute;
	left: 0;
}


.rese2_list{
	padding: 0;
	margin: 0;
	grid-template-columns: repeat(4,1fr);
	display: grid;
	grid-gap: 50px;
	margin-top: 50px;
}
.rese2_list li{
	border-radius: 8px;
	padding: 25px;
	background-color: #fff;
	box-shadow: 1px 3px 10px 6px #d8e5f9;
}
.rese2_list .list_box .icod{
	text-align: left;
	display: inline-block;
	line-height: 30px;
	position: relative;
/* 	width: 100%; */
}
.rese2_list .list_box .icod span{
	color: #0073d1;
	margin-right: 3px;
}
.supplement_section3 .rese2_list .list_box .icod{
		width: 100%;
}
.resolve_section3{
	background-image: url('../img/rebg_03.jpg');
	position: relative;
	text-align: center;
	background-position: top;
}
.form_right input.form_blue_but{
    background: #0073d1;
    border-radius: 5px;
    color: #fff;
    width: 100%;
}
.rese3Img{
	margin-top: 40px;
}
.sectionTitle2 {
	font-size: 34px;
	color: #181a1d;
}
.resolve_section4{
	text-align: center;
	padding-top: 120px;
}
.gridBox{
	padding: 0;
	margin: 50px 0px;
	grid-template-columns: repeat(2,1fr);
	display: grid;
	grid-gap: 50px;
	align-content: center;
	justify-content: center;
	align-items: center;
	justify-items: stretch;
}
.gridContent{
	text-align: center;
}
.gridContent h3{
	margin-bottom: 20px;
}
.gridText{
	line-height: 30px;
	color:#757575;
}
.gridText p{
	position: relative;
}
.gridText span{
	color:#0073d1;
	margin-right: 3px;
	display: inline-block;
}
.gridContentBox {
	width: 660px;
	text-align: left;
	display: inline-block;
}
.resolve_section4 .kuang{
	width: 1700px;
}
.resolve_section5{
	background-color: #edf4fe;
	padding: 100px 0px;
	text-align: center;
}
.rese5Left {
	width: 60%;
	float: left;
	text-align: right;
}
.rese5Right{
	width: 36%;
	float: right;
	text-align: center;
}
.rese5RightCon {
	text-align: left;
	display: inline-block;
	margin-top: 20px;
}
.rese5RightText{
	line-height: 30px;
	margin-top: 20px;
	color:#3e3e3e;
}
.rese5RightText p span{
	font-size: 22px;
	color:#0073d1;
}
.resolve_section6{
	background-image: url('../img/bg_09.jpg');
	padding: 150px 0px;
	position: relative;
	text-align: center;
	background-position: 50%;
	color: #fff;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: center;
	align-items: center;
}
.resolve_section6 .kuang{
	text-align: left;
}
.rese6h2{
	margin-bottom: 30px;
}
.rese6_but{
	border: 1px solid #f4faff;
	display: inline-block;
	border-radius: 8px;
	padding: 10px 34px;
	color: #fff;
}
.case_banner{
	background-image: url('../img/casebanner_02.jpg');
	height: 500px;
	position: relative;
	text-align: center;
	background-position: 50%;
	color: #fff;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: center;
	align-items: center;
}
.join_banner{
	background-image: url('../img/join_02.jpg');
	height: 500px;
	position: relative;
	text-align: center;
	background-position: 50%;
	color: #fff;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: center;
	align-items: center;
}
.case_img{
	position: relative;
}
.case_img_cp{
	position: absolute;
	left: 25px;
	bottom: -25px;
	border-radius: 50px;
	box-shadow: 0px 6px 8px 0px #ccc;
	width: 84px;
    height: 84px;
    background: #fff;
}
.case_section2{
	text-align: center;
}
.case_list {
	padding: 0;
	grid-template-columns: repeat(3,1fr);
	display: grid;
	grid-gap: 50px;
	margin: 80px 0px;
}
.case_content{
	text-align: left;
	padding: 35px;
}
.case_list li{
	border: 1px solid #dfe5ed;
}
.case_img_thd{
	width: 100%;
}
.cp_name{
	color: #0073d1;
	margin-top: 10px;
}
.bule_line{
	height: 2px;
	background-color: #0073d1;
	width: 30px;
	margin: 10px 0px;
}
.case_content p{
	color: #666666;
	font-size: 14px;
	line-height: 24px;
	margin: 20px 0px 30px 0px;
}
.case_but{
	padding: 5px 10px;
	display: inline-block;
	border:1px solid #0073d1;
	color: #0073d1;
	border-radius: 5px;
	font-size: 14px;
}
.caseSheat{
	background-image: url('../img/casexq_02.jpg');
	padding: 100px 0px;
	position: relative;
	text-align: center;
	background-position: 50%;
	color: #191e24;
}
.caseS_left{
	float: left;
	width: 63%;
	text-align: left;
}
.caseS_left_dsc{
	color:#21242a;
	margin: 30px 0px;
	line-height: 30px;
}

.caseSheat .caseS_left .section10_number{
	margin: 0px;
	margin-top: 30px;
}
.caseS_left .section10_number li span{
	color:#0073d1;
}
.caseS_right{
	float: right;
	width: 27%;
	text-align: right;
}
.caseS_right img{
	
}
.caseSbottom{
	text-align: center;
	margin-top: 80px;
	color:#363a40;
}
.caseSheat .caseS_right{
	border-radius: 10px;
	box-shadow: 1px 2px 13px 3px #c7c7c7;
	float: right;
	width: 27%;
	text-align: center;
	background-color: #fff;
	font-size: 0;
}
.caseS_left_con h2{
	color:#0073d1;
	margin: 50px 0px 10px 0px;
}
.caseS_left_con p{
	line-height: 30px;
}
.caseS_list{
	padding: 0;
	grid-template-columns: repeat(4,1fr);
	display: grid;
	grid-gap: 20px;
	margin-top: 20px;
}
.caseS_list li {
	text-align: center;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 1px 1px 7px 1px #ccc;
	padding: 10px;
}
.caseS_left_con .blue_but{
	font-size: 14px;
}
.caseS_right_con{
	background-image: url('../img/casexq_05.jpg');
	height: 418px;
	position: relative;
	text-align: center;
	background-position: 50%;
	color: #fff;
}
.caseS_right_con h2{
	margin-top: 50px;
}
.caseS_right_con p{
	margin: 20px 0px;
	line-height: 30px;
	width: 80%;
	display: inline-block;
}
.caseS_right_con_but{
	border: 1px solid #f4faff;
	display: inline-block;
	border-radius: 8px;
	padding: 10px 34px;
	color: #fff;
}
.caseSrelate{
	padding: 100px 0px;
	text-align: center;
}
.caseSrelate .kuang {
	border-top: 1px solid #dddddd;
	padding-top: 80px;
}
.caseS_left_con h2:first-child{
	margin-top: 0;
}
.support_banner {
	background-image: url('../img/support_02.jpg');
	height: 500px;
	position: relative;
	text-align: center;
	background-position: 50%;
	color: #fff;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: center;
	align-items: center;
}
.support_section2{
	background-image: url('../img/supportBg_02.jpg');
/* 			height: 674px; */
	position: relative;
	text-align: center;
	background-position: 50%;
	padding: 150px 0px;
}
.susc2_left{
	float: left;
	width: 40%;
	text-align: left;
}
.susc2Tit{
	color: #0073d1;
	margin: 40px 0px 20px 0px;
}
.susc2Dsc{
	color: #181a1d;
}
.susc2Con p{
	margin: 20px 0px;
	color: #3d3d3d;
	line-height: 30px;
}
.susc2_right{
	margin-top: 20px;
	width: 40%;
	float: right;
	text-align: left;
}
.susc2_topM{
	float: left;
}
.support_section3{
	text-align: center;
	padding-bottom: 100px;
}
.support_list {
	padding: 0;
	grid-template-columns: repeat(2,1fr);
	display: grid;
	grid-gap: 50px;
	margin: 50px 0px;
}
.support_list li{
	text-align: left;
	padding: 30px;
	border-radius: 10px;
	box-shadow: 1px 2px 9px 1px #c5cfe3;
}
.support_list li h3{
	margin: 20px 0px 10px 0px;
}
.support_list li p{
	line-height: 30px;
	color:#757575;
}
.support_section4{
	background-color: #f9fafd;
	padding: 100px 0px;
	text-align: center;
}
.susc4_tab{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: center;
	align-items: center;
	color: #c0cdd8;
}
.susc4_tab .tab {
	background-color: #deebf6;
	border-radius: 30px;
	width: 230px;
	height: 55px;
	line-height: 55px;
	cursor: pointer;
	color: #000;
}
.susc4_tab .cur {
	background-color: #0073d1;
	color: #fff;
}
.susc4_box{
	margin-top: 50px;
}
.susc4_con {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: space-between;
	align-items: center;
	margin-top: 50px;
}
.susc2_left p{
	margin: 20px 0px;
	line-height: 30px;
	color:#515359;
}

.susc4_box .tab-content {
	display: none;
}
.susc4_box .active {
	display: block;
}
.susc4_tab_line:last-child{
	display: none;
}
.support_section5{
	padding: 100px 0px;
	background-color: #fff;
	text-align: center;
}
.susc5_list{
	padding: 0;
	grid-template-columns: repeat(3,1fr);
	display: grid;
	grid-gap: 30px;
	margin-top: 50px;
}
.susc5_list li{
	position: relative;
	border-radius: 8px;
    overflow: hidden;
}
.susc5_Overlay{
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
}
.susc5_tit{
	position: absolute;
	left: 0;
	bottom: 15px;
	z-index: 1;
	right: 0;
	font-weight: bold;
	color: #fff;
}
.book_banner{
	background-image: url('../img/books_02.jpg');
	height: 500px;
	position: relative;
	text-align: center;
	background-position: 50%;
	color: #2a3943;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: center;
	align-items: center;
}
.book_banner .banner_text{
	font-size: 36px;
}
.blue_wight_but{
	border-radius: 20px;
	border: 1px solid #0073d1;
	color: #0073d1;
	display: inline-block;
	padding: 8px 20px;
	margin-top: 50px;
}
.bookContent{
	background: #f5f7f9;
	margin: 0;
	padding: 80px 0px;
}
.book_list{
	background-color: #fff;
	margin: 20px 0px;
	padding: 20px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: flex-start;
	align-items: center;
	border-radius: 8px;
}
.book_list img{
	width: 100px;
	margin: 0px 30px;
}
.bookText h3{
	margin-bottom: 10px;
}
.bookText h3 span{
	font-weight: normal;
	font-size: 14px;
	color: #0073d1;
	margin-left: 15px;
}
.bookText p{
	line-height: 24px;
	font-size: 14px;
}
.bookContent .caseS_left .blue_but{
	border-radius: 20px;
	width: 100%;
	text-align: center;
	padding: 10px 0px;
	margin: 0;
}
.book_right_list{
	background-color: #fff;
	border: 1px solid #e9ecf3;
	text-align: left;
	padding: 30px;
	border-radius: 10px;
	margin-bottom: 30px;
}
.book_right_list h3{
	color: #0073d1;
}
.book_right_list ul li{
	margin: 10px 0px;
	border-bottom: 1px solid #dbdee4;
	padding: 10px 0px;
}
.book_right_list ul li a{
	font-size: 14px;
	line-height: 24px;
}
.cent_content{
	text-align: center;
	background-color: #f5f7f9;
	padding: 30px 0px;
}
.sidebar{
	position: fixed;
	right: 10px;
	top: 20%;
	z-index: 1111;
}
.sidebar_list{
    font-size: 14px;
    color: #313b47;
    display: inline-block;
    border: 1px solid #ccc;
    box-shadow: 0px 0px 8px 0px #ccc;
    padding: 30px 5px;
    border-radius: 50px 50px 50px 50px;
    background: #fff;
    width: 60px;
}
.sidebar_list li img{
	margin-bottom:5px; 
}
.sidebar_list li{
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #e4e9ee;
    padding: 10px 0px;
    position: relative;
}
.sidebar_list li a{
	font-size: 14px;
    color: #313b47;
}
.sidebar_list li:last-child{
	border-bottom: none;
}
.go_top{
	margin-top: 20px;
	border: 1px solid #ccc;
	box-shadow: 0px 0px 8px 0px #ccc;
    border-radius: 50%;
    background: #fff;
    width: 70px;
    text-align: center;
    height: 70px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.hover_box{
	display: none;
    position: absolute;
    left: -200px;
    top: 0;
    background: #fff;
    font-size: 20px;
    text-align: center;
    padding: 20px;
    border-radius: 5px;
    min-width: 142px;
}
.sidebar_list li:hover .hover_box{
	display: block;
}
.hover_box span{
	font-weight: bolder;
}
.hover_box_tit{
	margin-bottom: 5px;
}
.hover_box_dcs{
	font-size: 14px;
}
.dash{
	text-align: left;
	font-size: 14px;
}
.dash a{
	font-size: 14px;
}
.cent_left_con ul li{
	margin: 20px 0px;
	background-color: #fff;
	padding: 10px;
	border-radius: 8px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: flex-start;
	align-items: center;
}
.centText{
	margin-left: 50px;
}
.centText h3{
	margin-bottom: 10px;
}
.centTextBot{
	margin-top: 20px;
}

.cent_left_con .centImg{
	width: 30%;
	font-size: 0;
}
.cent_left_con .centText{
	margin-left: 3%;
	width: 60%;

}
.cent_left_con .centText p a{
	font-size: 14px;
	line-height: 24px;
}
.cent_left_con .blue_wight_buts{
	/*border-radius: 8px;*/
	/*border: 1px solid #0073d1;*/
	/*color: #0073d1;*/
	/*display: inline-block;*/
	/*padding: 8px 20px;*/
	/*margin-top: 0px;*/
	/*font-size: 14px;*/
	border-radius: 5px;
    border: 1px solid #0073d1;
    color: #0073d1;
    display: inline-block;
    padding: 5px 10px;
    margin-top: 0px;
    font-size: 10px;
}
.centTextBot{
	color: #a2a2ad;
	font-size: 14px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: space-between;
	align-items: center;
}
.centText p{
	color: #515158;
	font-size: 14px;
}
.cent_right_con img.cenRmg{
	box-shadow: unset;
	width: 100%;
	margin: 20px 0px;
	border: 1px solid #e9ecf3;
}
.cent_left_single_con{
	background-color: #fff;
	padding: 35px;
	margin-top: 20px;
	border-radius: 8px;
}
.cent_left_single_con_tit{
	font-size: 26px;
}
.cent_left_single_con_time{
	font-size: 14px;
	color: #9b9ba9;
	margin: 20px 0px;
}
.cent_left_single_con_text{
	font-size:14px;
	line-height: 24px;
	color:#515158;
	text-align: left;
}
.about_section2{
	background-image: url('../img/about_03.jpg');
	padding: 100px 0px;
	position: relative;
	text-align: center;
	background-position: 50%;
	color: #3d3d3d;
}
.abscList2{
	margin-top: 80px;
}
.abscList_text p{
	margin: 40px 0px;
	line-height: 30px;
	text-align: left;
}
.about_section3{
	background-image: url('../img/about_05.jpg');
	padding: 220px 0px;
	position: relative;
	text-align: center;
	background-position: 50%;
	color: #fff;
}
.about_section3 .sectionTitle2{
	color: #fff;
}
.about_section3 .section10_number .number,.about_section3 .caseS_left .section10_number li span{
	color:#0e335f;
}
.about_section4{
	background-image: url('../img/about_06.jpg');
	padding: 220px 0px;
	position: relative;
	text-align: center;
	background-position: 50%;
	color: #000;
}

.product-section {
	position: relative;
}

.product-wrapper {
	padding-left: 10px;
	padding-right: 10px;
	margin-left: auto;
	margin-right: auto;
	position: relative
}
.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	z-index: 1
}
.product-features .product-body {
	margin: 0px 30px
}

.features-item {
	position: relative;
	float: left;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: center;
	align-items: center;
}

.features-item h3 {
	margin-bottom: 25px;
	color: #000;
}

.features-info-s{
	margin-top: 20px;
	/*width: 80%;*/
	text-align: left;
	line-height: 30px;
}

.features-item i{
	position: absolute;
	width: 10px;
	height: 10px;
	background: #0073d1;
	border-radius: 50%;
}

.product-section .swiper-button-prev,.product-section .swiper-button-next{
	background: #fff;
	border-radius: 50%;
	border: 1px solid #0073d1;
	width: 30px;
	height: 30px;
	top: 56px;
}
.product-section .swiper-button-prev:after,.product-section .swiper-button-next:after{
	font-size: 14px;
	color: #0073d1;
}
.blue_line{
	width: 100%;
	height: 1px;
	background: #0073d1;
	position: relative;
}
.features-item i {
	position: absolute;
	width: 10px;
	height: 10px;
	background: #0073d1;
	border-radius: 50%;
	left: 0;
	right: 0;
	top: -5px;
	margin: 0 auto;
}
.about_section4 .sectionTitle2,.about_section5 .sectionTitle2{
	margin-bottom: 50px;
}
.about_section5{
	text-align: center;
	padding: 100px 0px;
	color: #fff;
}
.about_section6{
	text-align: center;
	padding-bottom: 100px;
	color: #fff;
}
.white_line {
	height: 2px;
	background-color: #fff;
	width: 30px;
	margin: 10px 0px;
}
.about5_bg_text{
	background-image: url('../img/about_03bg_06.jpg');
	padding: 45px;
	background-position: 50%;
	background-size: cover;
	text-align: left;
}
.about_section5 .section2Swiper .list_box{
	padding: 0;
}
.icoimg{
	font-size: 0;
}
.about5_bg_dsc{
	line-height: 30px;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.5s;
}
.about_section5 .list_box:hover .about5_bg_dsc{
	max-height: 200px;
}
.absc6_list{
	color:#333333;
	grid-template-columns: repeat(4,1fr);
	display: grid;
	grid-gap: 50px;
	margin: 80px 0px;
}
.absc6_list li{
	padding: 0;
	background-color: #f3f4f7;
	padding: 40px;
	border-radius: 8px;
	text-align: left;
}
.absc6_tit{
	color:#0073d1;
	font-weight: bold;
	font-size: 20px;
}
.absc6_tit span{
	margin-right: 5px;
}
.absc6_img{
	width: 100%;
	margin: 0px 0px 20px 0px;
	transition: all 0.5s;
}
.absc6_img:hover{
	transform: scale(1.2); /* 鼠标悬停时放大图片 */
}
.absc6_dsc{
	line-height: 30px;
}
.cat_nav ul li{
	float: left;
	margin: 10px;
}
.avac_cont .case_list{
	margin: 30px 0px;
}
.avac_cont .case_list li{
	background-color: #fff;
	padding: 20px;
	text-align: left;
	border-radius: 8px;
}
.avac_cont .case_list li img{
	width: 100%;
}
.abac_tit{
	text-align: left;
	margin-top: 10px;
	color: #181a1d;
}
.about_section6_img{
	position: relative;
	overflow: hidden;
}
.contact_banner{
	background-image: url('../img/contact_02.jpg');
	height: 500px;
	position: relative;
	text-align: center;
	background-position: 50%;
	color: #fff;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: center;
	align-items: center;
}
.contact_section2{
	text-align: center;
}
.cosc2_list{
	margin: 80px 0px;
}
.cosc2_list li{
	margin: 0px 25px;
	box-shadow: 1px 2px 9px 1px #c5cfe3;
	display: inline-block;
	padding: 30px 40px;
	min-width: 400px;
	border-radius: 5px;
}
.cosc2_list_box{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: flex-start;
	align-items: center;
	font-size: 16px;
}
.cosc2_list_box_text{
	margin-left: 20px;
	text-align: left;
}
.cosc2_list_box_text h3{
	margin-top: 5px;
}
.contact_section3{
	text-align: center;
	padding: 60px 0px;
}
.cosc3_list {
	padding: 0;
	grid-template-columns: repeat(2,1fr);
	display: grid;
	grid-gap: 50px;
	margin: 50px 0px;
	text-align: left;
}
.cosc3_list li img{
	width: 100%;
}
.cosc3_list li h3{
	margin: 20px 0px 5px 0px;
}
.cosc3_list li p{
	line-height: 30px;
}
.form_content{
	padding: 100px 0px;
	background-image: url('../img/frombg_02.jpg');
	position: relative;
	text-align: center;
	background-position: 50%;
	color: #000;
}
.form_left{
	width: 45%;
	float: left;
	text-align: left;
}
.form_content  .section7Swiper {
	width: 100%;
	height: 250px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 50px;
}
.form_content .section6H2{
	font-size: 24px;
}

.form_content .swiper-slide {
	text-align: center;
	height: calc((100% - 30px) / 4);

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.form_content .form_left .number span {
	color:#0073d1;
}
.form_right{
	width: 40%;
	float: right;
	text-align: left;
	background-color: #fff;
	padding: 45px;
	border-radius: 8px;
	box-shadow: 1px 2px 9px 1px #c5cfe3;
}
.form_right .sectionTitle2{
	font-size: 26px;
	margin-bottom: 5px;
}
.form_right input{
	background-color: #f3f6fa;
	padding: 2%;
	border: 1px solid #dfe2e6;
	width: 96%;
	border-radius: 5px;
}
.sendCode_box {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: space-between;
	align-items: center;
}
.sendCode_box input {
	width: 69%;

}
.sendCode_box button {
	width: 24%;
    margin: 0;
    background: #0073d1;
    border-radius: 5px;
    color: #fff;
    border: 1px solid #dfe2e6;
    padding: 2%;
}
.form_checkbox a{
	font-size: 14px;
	color: #0073d1;
}
.form_right input{
	margin: 10px 0px;
}
.form_content .section10_number{
	margin: 20px 0px 40px 0px;
}
.manage_banner{
	background-image: url('../img/manage_02.jpg');
	position: relative;
	text-align: center;
	background-position: 50%;
	color: #fff;
	background-size: cover;
	padding: 100px 0px;
}
.manage_banner .wborder_but{
	margin-top: 30px;
}
.mbadnsc{
	font-size: 18px;
	margin-bottom: 50px;
}
.managebox p {
	margin: 10px 0px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: flex-start;
	align-items: center;
}
.managebox p img{
	vertical-align: middle;
	margin-right: 10px;
}
.managebox {
	text-align: left;
	width: 550px;
}
.manage_section2{
	text-align: center;
}
.manage_section2 .sectionTitle{
	margin-bottom: 50px;
}
.manage_section3 .masc3_full{
	margin-top: 50px;
}
.masc3_full{
	width: 100%;
}
.masc3_full .tab{
	float: none;
	background-color: #e8f2ff;
	color:#495e79;
	font-weight: unset;
	margin: 0px 10px;
}
.masc3_full .cur {
	background-color: #0073d1;
	color: #fff;
}
.manage_section3{
	text-align: center;
	padding: 100px 0px;
}
.color_blue{
	color:#0073d1;
}

.manage_con .susc2_left p{
	margin: 0;
	padding-left: 15px;
}
.masc3dsc{
	line-height: 30px;
	margin-bottom: 30px;
}
.manage_section4{
	background-image: url('../img/manage_12.jpg');
	padding: 100px 0px;
	position: relative;
	text-align: center;
	background-position: 50%;
}
.masc4_text p{
	margin: 20px 0px;
	line-height: 30px;
	color: #515359;
}
.masc4_dsc{
	margin: 20px 0px;
	font-weight: bold;
	font-size: 18px;
}
.masc4_list{

}
.masc4_list li{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: flex-start;
	justify-content: flex-start;
	align-items: flex-start;
	margin: 40px 0px;

}
.masc4_list li img{
	margin-right: 10px;
}

.masc4_list li p{
	margin-top: 10px;
	color: #515359;
	font-size: 14px;
	line-height: 26px;
}
.manage_fix{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: space-between;
	align-items: center;
}
.manage_section5{
	text-align: center;
	padding: 100px 0px;
}
.manage_section5 .masc5Swiper{
	padding: 50px 0px;
}
.manage_section5 .masc5Swiper img{
	width: 100%;
}
.masc5_text{
	background: linear-gradient(to top, #0e335f, #fff0);
	position: absolute;
	width: 92%;
	bottom: 0;
	padding: 4%;
	color: #fff;
	text-align: left;
}
.masc5_text h2{
	margin-bottom: 10px;
}
.masc5_text p{
	line-height: 30px;
}
.manage_section6{
	background-image: url('../img/manage_18.jpg');
	padding: 100px 0px;
	text-align: center;
	background-size: cover;
    background-position: center;
}
.free_form{
	text-align: left;
	color: #fff;
}
.free_form .sectionTitle2{
	color: #fff;
}
.free_input{
	margin-top: 20px;
}
.free_input .half_input input{
	background-color: #f3f6fa;
    padding: 10px;
    border: 1px solid #dfe2e6;
    width: 92%;
    border-radius: 5px;
}
.free_input p{
	margin: 10px 0px;
}
.free_form{
	width: 600px;
}
.half_input{
	display: grid;
	grid-template-columns: repeat(2,1fr);	
	grid-gap: 20px;
}
.full_input input{
    background-color: #f3f6fa;
    padding: 10px;
    border: 1px solid #dfe2e6;
    width: 96%;
    border-radius: 5px;
}
.free_form .sendCode_box input{
    background-color: #f3f6fa;
    padding: 10px;
    border: 1px solid #dfe2e6;
    border-radius: 5px;
}
.free_form .sendCode_box{
	margin: 20px 0px;
}
.free_form .form_checkbox a{
	color: #fff;
}
.free_form .form_checkbox p{
	margin: 0px;
}
.form_checkbox span{
	margin: 0px;
}
.free_but{
	margin-top: 20px;
	border: 1px solid #fff;
	padding: 8px 20px;
	background: transparent;
	border-radius: 5px;
	color:#fff;
	cursor: pointer;
}
.season_banner {
	background-image: url('../img/season_02.jpg');
	position: relative;
    text-align: center;
    background-position: 50%;
    color: #fff;
    background-size: cover;
    height: 600px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.season_banner .wborder_but{
	margin-top: 50px;
}
.wborder_but{
	border: 1px solid #fff;
	color: #fff;
	padding: 8px 20px;
	display: inline-block;
	border-radius: 8px;
}
.season_section2{
	background-image: url('../img/seasonbg_02.jpg');
	position: relative;
	text-align: center;
	background-position: 50%;
	background-size: cover;
	padding: 100px 0px;
}
.season_section2 .susc4_con{
	margin: 0px;
}

.season_section3 {
	background-image: url('../img/seasonbg_03_02.jpg');
	position: relative;
	text-align: center;
	background-position: 50%;
	padding: 126px 0px;
	background-size: cover;
	height: auto;
}
.season_section4{
	background-image: url('../img/season_21.jpg');
	position: relative;
	text-align: center;
	background-position: 50%;
	padding: 150px 0px;
	background-size: cover;
	color: #fff;
}
.season_section5{
	padding: 100px 0px;
}
.sesc4_form{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: center;
	align-items: center;
	margin-top: 20px;
}
.sesc4_form input{
	padding: 10px;
	border-radius: 5px;
	border: none;
	width: 500px;
}
.sesc4_form .blue_but{
	margin: 0;
	border: none;
	margin-left: 5px;
}
.season_section4 .sectionTitle2{
	color: #fff;
}
.assembly_banner{
	background-image: url('../img/assembly_02.jpg');
	position: relative;
    text-align: center;
    background-position: 50%;
    color: #0e335f;
    background-size: cover;
    height: 600px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.assembly_banner .blue_but,.otb_banner .blue_but,.supple_banner .blue_but,.bi_banner .blue_but,.reoreder_banner .blue_but,.inventory_banner .blue_but,.franchisee_banner .blue_but{
	margin-top: 50px;
}
.assembly_banner .rebox,.season_banner .rebox{
	width: 400px;
}
.assembly_section3{
	background-image: url('../img/abm_02.jpg');
}
.assembly_section3 .rese2_list{
	grid-template-columns: repeat(5,1fr);
}
.assembly_section4{
	padding: 100px 0px;
}
.manage_con .susc2_left p span{
	color: #0073d1;
}
.w5{
	width: 50%;
}
.otb_banner{
	background-image: url('../img/otb_02.jpg');
	position: relative;
	text-align: center;
	background-position: 50%;
	color: #06163b;
	background-size: cover;
    height: 600px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.otb_lsit{
	margin: 20px 0px;
}
.otb_lsit h4{
	margin: 10px 0px;
}
.otb_section3 .sectionTitle2{
	margin-bottom: 50px;
}
.supple_banner{
	background-image: url('../img/supplement_02.jpg');
	position: relative;
	text-align: center;
	background-position: 50%;
	color: #06163b;
	background-size: cover;
    height: 600px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.otb_lsit ul li{
	float: left;
	margin-right: 20px;
	box-shadow: 1px 2px 9px 1px #c5cfe3;
	font-size: 0;
	border-radius: 10px;
}
.supplement_section3 .rese2_list {
	grid-template-columns: repeat(3,1fr);
	grid-gap: 80px;
}
.supplement_section3 .icoh{
	text-align: left;
}
.supplement_section3{
	background-image: url('../img/supplebg_02.jpg');
}

.bi_banner{
	background-image: url('../img/bi_02.jpg');
	position: relative;
	text-align: center;
	background-position: 50%;
	color: #06163b;
	background-size: cover;
	height: 600px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.bi_section3{
	background-image: url('../img/bibg_02.jpg');
}
.bi_section3 ul li{
	display: flex;
	text-align: left;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: flex-start;
	align-items: center;
}
.bi_section3 ul li .icoh{
	margin: 0;
	margin-left: 10px;
}
.bi_section3 .rese2_list {
	grid-template-columns: repeat(3,1fr);
}
.reoreder_banner{
	background-image: url('../img/reorder_02.jpg');
	position: relative;
	text-align: center;
	background-position: 50%;
	color: #06163b;
	background-size: cover;
	height: 600px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.reorder_section3{
	background-image: url('../img/reorder_08.jpg');
}

.reorder_section3 .rese2_list {
	grid-template-columns: repeat(5,1fr);
}
.inventory_banner{
	background-image: url('../img/inventory_02.jpg');
	position: relative;
	text-align: center;
	background-position: 50%;
	color: #06163b;
	background-size: cover;
	height: 600px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.inventory_section2{
	padding: 100px 0px;
	text-align: center;
}
.inve2_box{
	margin: 50px 0px;
	display: grid;
	grid-template-columns: repeat(2,1fr);
	grid-gap: 50px;
	align-content: center;
	justify-content: center;
	align-items: center;
	justify-items: center;
}
.inve2_box_list{
	text-align: left;
	line-height: 30px;
	position: relative;
}
.inve2_box_list span{
	color: #0073d1;;
}
.franchisee_banner{
	background-image: url('../img/franchisee_02.jpg');
	position: relative;
	text-align: center;
	background-position: 50%;
	color: #06163b;
	background-size: cover;
	height: 600px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.franchisee_section2{
	text-align: center;
	padding: 100px 0px;
}
.frsc2_box{
	margin: 50px 0px;
}
.frsc2_box ul {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	grid-gap: 50px;
}
.frsc2_box ul li{
	position: relative;
	font-size: 0;
	border-radius: 10px;
	overflow: hidden;
}
.frsc_text_over{
	position: absolute;
	bottom: 0;
	font-size: 16px;
	margin: 0 auto;
	left: 0;
	right: 0;
	color: #fff;
	transition: all 0.5s;
	background: linear-gradient(to top, #0e335f, #fff0);
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: center;
	align-items: center;
	height: 50px;
	padding: 2% 0px 1% 0px;
	font-weight: bold;
}
.frsc2_box ul li:hover .frsc_text_over{
	height: 100%;
	background: #0e335fad;
	padding: 0;
}
.franchisee_section3 .rese2_list{
	grid-template-columns: repeat(3,1fr);
}
.form_checkbox{
    text-align: left;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
}
.form_checkbox input{
	width: auto;
	margin-right: 5px;
}
.wpcf7-submit{
	cursor: pointer;
}
.form_right input.blue_but{
	margin-top: 30px;
	border: none;
	cursor: pointer;
	border-radius: 5px;
    color: #fff;
    background-color: #0073d1;
    width: auto;
}
.intro_banner{
	background-image: url('../img/about_02.jpg');
	height: 500px;
	position: relative;
	text-align: center;
	background-position: 50%;
	color: #fff;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: center;
	align-items: center;
}
.join_section2 .list_dt{
    background: #f7f8fb;
	color: #000;
    width: 96%;
    padding: 0px 2%;
    height: 60px;
    line-height: 60px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    transition: all 0.2s;
    margin: 10px 0px;
}
.join_section2 .list_dt:hover{
    background: #0073d1;
    color: #fff;
}
.join_section2 .list_dt:hover ._after{
    display: block;
    width: 3px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #f7f8fb;
}
#open{
    background: #0073d1;
    color: #fff;
}
#open ._after{
    display: block;
    width: 3px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #4285F4;
}
.join_section2 .list_dt_icon{
/*    position: absolute;
    right: 10px;
    top: 9px;*/
    display: block;
    width: 16px;
    height: 16px;
    background: url("../img/off.png") no-repeat;
}
#open .list_dt_icon{
    background: url("../img/open.png") no-repeat;
}
.join_section2 .list_dd{
    display: none;
}
.join_section2 .list_li{
    background: #4e4e4e;
    list-style-type: none;
    color: white;
    width: 120px;
    padding: 0 30px;
    height: 34px;
    line-height: 34px;
    cursor: pointer;
    border-bottom: 1px solid #6b6b6b;
}
.join_section2 .list_li:hover{
    background: #4285F4;
}
.join_section2{
	text-align: center;
	padding: 100px 0px;
}
.list_dt_name{
	width: 30%;
	text-align: left;
}
.list_dt_dsc{
	width: 70%;
}
.list_dt_dsc span{
	margin: 0px 20px;
	display: inline-block;
}
.josc2_content{
	padding: 20px;
    text-align: left;
    line-height: 30px;
}
.join_section3{
	text-align: center;
}
.moblie_head,.a_txt{
  display: none;
}
.case_list_nav ul li{
	float: left;
	background-color: transparent;
	margin: 0px;
	padding: 10px;
}
.banner_cont{
	font-size: 36px;
}
.tab-content .manage_con .susc2_left h4{
	color: #0073d1;
	line-height: 30px;
    margin-bottom: 30px;
}
.index_section7 .section6H2{
	margin-bottom: 30px;
}
.join_but .blue_but{
	margin-top: 30px;
}
/* 合作品牌 */
@keyframes scrollToRight {
  from {
      -webkit-transform: translate3d(-50%, 0, 0);
      transform: translate3d(-50%, 0, 0);
  }

  to {
      -webkit-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
  }
}
.brand-warp{
  overflow: hidden;

}
.brand-warp .logo_wrap{
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  font-size: 0;
}


.brand-warp  .logo_wrap .left_mask{
  position: absolute;
  z-index: 10;
  left: -112px;
  width: 360px;
  height: 100%;
}

.brand-warp  .logo_wrap .right_mask{
  position: absolute;
  z-index: 10;
  right: -112px;
  width: 360px;
  height: 100%;
}


.brand-warp .logo_wrap .line_odd{
  width: 4800px;
  animation: scrollToRight 66s linear infinite;
  margin: 10px 0px;
}
.brand-warp .logo_wrap .line_even{
  width: 4800px;
  animation: scrollToRight 60s linear infinite;
}
.brand-warp .logo_wrap .logo_img{
  display: inline-block;
  margin-right: 15px;
}
.brand-warp .logo_wrap .line_top1{
  position: relative;
}

.brand-warp .logo_wrap .line_top0 .logo_img:last-child{
  position: relative;
}

.brand-warp .logo_wrap .line_top2{
  position: relative;
}

.brand-warp .logo_wrap .line_top2  .logo_img:last-child{
  left: 20px;
}


.brand-warp .logo_wrap .line_top3{
  position: relative;
}

.brand-warp .logo_wrap .line_top4{
  position: relative;
}


.brand-warp .logo_wrap .line_top1 .logo_img:last-child{
  position: relative;
  left: 20px;
}

.brand-warp .logo_wrap .line_top2 .logo_img:last-child{
  position: relative;
  left: 20px;
}


.brand-warp .logo_wrap .line_top3 .logo_img:last-child{
  position: relative;
  left: 20px;
}

.brand-warp .logo_wrap .line_top4 .logo_img:last-child{
  position: relative;
  left: 20px;
}
#login_overlay .wpcf7 form .wpcf7-response-output{
	margin: 0px;
}
.wp-pagenavi{
	margin: 50px 0px 100px 0px;
	text-align: center;
}
.wp-pagenavi a{
    background-color: #eaf0f5;
    padding: 8px 12px;
    display: inline-block;
    margin: 8px;
    color: #4d565d;
    font-size: 14px;
}
.wp-pagenavi span.current{
	background-color: #0073d1;
    padding: 8px 12px;
    display: inline-block;
    margin: 8px;
    color: #fff;
    font-size: 14px;
}
.wp-pagenavi a:hover{
	background-color: #0073d1;
	color: #fff;
}
.roi_banner{
    background-image: url("../img/roi_02.jpg");
    height: 600px;
    position: relative;
    text-align: center;
    background-position: 50%;
    color: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    background-size: cover;
}
.roi_section2{
	background-image: url("../img/roi_03.jpg");
	background-size: cover;
	text-align: center;
	padding: 80px 0px;
}
.roi_section2 .sectionDsc{
    width: 800px;
    text-align: center;
    display: inline-block;
    line-height: 30px;
    margin-top: 20px;
}
.roi_form{
	border-radius: 10px;
    background: #fff;
    box-shadow: 0px 0px 12px 2px #c6d2ef;
    width: 1000px;
    display: inline-block;
    padding: 50px;
    text-align: left;
}
.roi_form_tit{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.page_dsc span{
	color:#ff0000;
}
.page_nub{
	font-size: 14px;
	color: #96a1a8;
}
.roi_form input{
	background-color: #f3f6fa;
    padding: 10px 2%;
    border: 1px solid #dcdfe4;
    border-radius: 5px;
}
.open_bg{
	top: 0;
    left: 0;
    width: 100%;
    background: #0000006b;
    height: 100vh;
    position: absolute;
}
.question_box{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 11;
}
.question_kuang{
    display: inline-block;
    width: 35%;
    margin: 0 auto;
    top: 20%;
    position: absolute;
    background: #fff;
    left: 0;
    right: 0;
    border-radius: 5px;
    padding: 20px;
}
.close_question{
	float: right;
	cursor: pointer;
}
.roi_form .open_question{
	display: inline-block;
	font-size: 0;
	cursor: pointer;
}
.set_one{
	width: 700px;
}
.set_one label span,.set_two label span{
	color: red;
}
.set_one,.set_two{
	margin: 30px 0px;
}
.set_one label{
	display: inline-block;
	width: 220px;
	text-align: right;
}
.set_one .wpcf7-form-control-wrap{
	margin: 0px 20px;
	width: 350px;
    display: inline-block;
}
    
.set_one p input {

    width: 96%;
}
.roi_but{
	text-align: center;
}
.roi_but button{
	border-radius: 5px;
    color: #fff;
    background-color: #0073d1;
    margin-top: 20px;
    padding: 10px 15px;
    display: inline-block;
    border: none;
    margin: 0px 10px;
    cursor: pointer;
    min-width: 100px;
}
.form_bottom_text{
	border-top: 1px solid #d5d9de;
	margin: 30px 0px;
	padding-top: 30px;
	color: #333333;
	line-height: 30px;
	font-size: 14px;
}
.form_bottom_text a{
	color: #0073d1;
	font-size: 14px;
	text-decoration-line: underline;
    padding: 5px;
}
.set_two{
	display: grid;
	grid-template-columns: repeat(2,1fr);
	grid-gap: 25px;
}
.set_two label{
	display: inline-block;
	width: 80px;
	text-align: right;
}
.set_two p input {
    margin: 0px 20px;
    width: 350px;
}
.set_one p{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    margin: 25px 0px;
}
.set_two p{
	display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.org_color{
	background-color: #e85e2d !important;
}
.roi_but .blue_but{
	margin: 0;
    min-width: 100px;
    padding: 10px 15px;
}
.set_three{
	margin-top: 20px;
}
.set_three table{
	width: 100%;
	border-collapse: collapse; /* 合并单元格边框 */
	border: 1px solid #ccc; /* 设置表格的边框宽度和颜色 */
	text-align: center;
}
.set_three th,.set_three td{
	padding: 10px;
}
.table1,.table3{
	width: 45%;
}
.table1 th{
	background: #f3f6fa;
	padding: 10px;
}
.table1 td{
	color: #212731;
	font-size: 20px;
	font-weight: bold;
}
.table1 td p{
	font-size: 14px;
	color: #3d4757;
	font-weight: unset;
	margin-top: 5px;
}
.table3 table{
	background-color: #e9f4ff;
}
.table3 th{
	background: #0073d1;
	color: #fff;
}
.table3 td{
	color: #ff002a;
	font-size: 20px;
	font-weight: bold;
}
.table3 td p{
	font-size: 14px;
	color: #3d4757;
	margin-top: 5px;
	font-weight: unset;
}
.set_three{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 50px;
    border-bottom: 1px solid #d5d9de;
    margin-bottom: 30px;
}
.jiantou{
	margin-top: 30px;
}
.jiantou p{
	margin: 40px 0px;
}
@media screen and (max-width: 1400px){
	.kuang{
		width: 1000px;
	}
	.header_kuang {
	    width: 98%;
	}
	.header_right .phone {
		font-size: 14px;
		margin-right: 10px;
	}
	#header .nav ul li ul li {
	    padding: 5px 0px;
	    width: 100%;
	}
	.memberControl .mCbut a{
		font-size: 14px;
		padding: 6px 20px;
		margin: 0px 5px;
	}
	.nav ul li.menu-item-has-children > a::after{
		margin-left: 0px;
	}
	.nav ul li {
		padding: 0px 10px;
	}
	.nav ul li a{
		font-size: 14px;
	}
	.section2Swiper .list_box {
	    padding: 20px;
	}
	.icod {
	    font-size: 14px;
		line-height: 24px;
	}
	/*.index_section2 {*/
	/*    height: 637px;*/
	/*    background-position: bottom;*/
	/*}*/
	.index_section4 .number span{
		font-size: 34px;
	}
	.resolve_right {
	    padding: 5%;
	}
	.blue_but {
	    margin-top: 30px;
		font-size: 14px;
		padding: 7px 10px;
	}
	.secure_list li p{
		font-size: 14px;
	}
	.section2_pro .swiper-button-prev {
	    left: -40px;
	    width: 30px;
	    height: 30px;
	}
	.section2_pro .swiper-button-next {
	    right: -40px;
	    width: 30px;
	    height: 30px;
	}
	.resolve_right .dsc{
		font-size: 14px;
		line-height: 24px;
	}
	.secure_list li img{
		width: 48px;
	}
	.resolve_left img{
		/*height: 100%;*/
	}
	/*.index_section5 {*/
	/*    height: 662px;*/
	/*}*/
	.index_section6 .section2Swiper .list_box{
		font-size: 14px;
	}
	.index_section6 .icoimg {
	    margin-bottom: 10px;
	}
	.index_section6 .section2Swiper {
	    padding: 20px 0px;
	}
	.index_section7 .swiper{
		height: 250px;
	}
	.news_left {
	    padding: 15px 20px;
	    width: 40%;
	}
	.tab_content_left h3 a{
		color: #0073d1;
		margin-bottom: 5px;
		font-size: 16px;
	}
	.tab_content_left p{
		font-size: 14px;
		line-height: 24px;
	}
	.tab-content li{
		padding: 10px 0px;
	}
	.newsLTit {
	    font-size: 16px;
	    margin: 10px 0px;
	}
	.w_but,.news_but,.sc10_but{
		font-size: 14px;
		padding: 7px 10px;
	}
	.news_right .tab {
	    padding: 8px 15px;
	    margin: 5px;
	    float: left;
	}
	.sc9Dsc {
		line-height: 24px;
		font-size: 14px;
	}
	.index_section8{
		/* height: 950px; */
	}
	.index_section9 .kuang {
	    margin-top: 100px;
	}
	.index_section9{
		height: 640px;
	}
	.number_text{
		font-size: 14px;
	}
	.footer{
		padding-top: 80px;
	}
	.rebox p{
	    line-height: 24px;
	}
	.resolve_banner {

	}
	.rebox p{
	    font-size: 14px;
	}
	.rese2_list .list_box .icod {
	    line-height: 24px;
	}
	.resolve_section4 .kuang {
	    width: 95%;
	}
	.gridContentBox {
	    width: 90%;
	}
	.gridText{
		line-height: 24px;
		font-size: 14px;
	}
	.rese5RightText {
	    line-height: 24px;
	    font-size: 14px;
	}
	.rese5RightText p span {
	    font-size: 20px;
	}
	.rese2_list,.absc6_list{
		grid-gap: 10px;
	}
	.rese2_list li {
	    padding: 15px 9px;
	}
	.sectionTitle,.sectionTitle2 {
	    font-size: 24px;
	    color: #181a1d;
	}
	.case_list {
	    grid-gap: 30px;
	}
	.case_content {
	    text-align: left;
	    padding: 25px 20px;
	}
	.caseS_left h2{
		font-size: 20px;
	}
	.caseS_left_dsc {
	    margin: 20px 0px;
	    line-height: 24px;
	    font-size: 14px;
	}
	.caseS_left_con p,.caseS_right_con p,.cosc3_list li p,.masc5_text p{
		font-size: 14px;
		line-height: 24px;
	}
	.caseS_left .section10_number {
	    margin: 0px;
	    margin-top: 0px;
	}
	.case_banner,.support_banner,.contact_banner,.intro_banner,.join_banner,.roi_banner{
		height: 430px;
	}
	.susc2_topM {
	    width: 70px;
	}
	.susc2Con p ,.abscList_text p{
	    margin: 10px 0px;
	    line-height: 24px;
	    font-size: 14px;
	}
	.support_list li p,.features-info-s,.absc6_dsc,.about5_bg_dsc{
		line-height: 24px;
		font-size: 14px;
	}
	.susc2Tit {
	    margin: 15px 0px 10px 0px;
	}
	.support_section2{
		padding: 80px 0px;
	}
	.support_section3{
		padding-bottom: 80px;
	}
	.case_content h3 ,.about5_bg_text h3{
		font-size: 16px;
	}
	.case_content p,.susc4_con .susc2_left p {
	    font-size: 14px;
	    line-height: 24px;
	    margin: 10px 0px 20px 0px;
	}
	.rese6_but,.caseS_right_con_but{
		font-size: 14px;
	}
	.caseS_right_con h2 {
	    font-size: 20px;
	}
	.susc2Dsc {
	    font-size: 15px;
	}
	.bannerSwiper,.book_banner {
	    height: 430px;
	}
	.book_banner .banner_text {
	    font-size: 24px;
	}
	.blue_wight_but{
		font-size: 14px;
	}
	.centText h3,.bookText h3,.absc6_tit{
		font-size: 16px;
	}
	.cent_left_con .blue_wight_buts {
	    border-radius: 8px;
	    padding: 5px 10px;
	}
	.caseS_left {
	    width: 65%;
	}
	.cent_left_single_con_tit {
	    font-size: 20px;
	}

	.cent_left_single_con_time {
	    margin: 8px 0px;
	}
	.about_section2{
		padding: 80px 0px;
	}
	.about_section3 .sectionTitle2 {
	    color: #fff;
	    margin-bottom: 50px;
	}
	.about_section3,.about_section4{
		padding: 200px 0px;
	}
	.absc6_list li{
		padding: 20px;
	}
	.absc6_list{
		margin: 0;
		margin-top: 50px;
	}
	.cosc2_list li {
	    min-width: 300px;
	}
	.form_content .section6H2 span {
	    font-size: 30px;
	    font-weight: bold;
	    color: #0073d1;
	}
	.form_content .section6H2,.masc4_list_text h3 {
	    font-size: 16px;
	}
	.masc4_list li p,.masc4_text p{
		margin: 5px 0px;
		font-size: 14px;
		line-height: 24px;
	}
	.masc4_list li{
		margin: 20px 0px;
	}
	.rebox h2{
		font-size: 24px;
		line-height: normal;
		margin-bottom: 20px;
	}
	.manage_con .susc2_left p {
	    font-size: 14px;
	    line-height: 24px;
	    margin: 5px 0px;
	}
	.season_banner .wborder_but{
		font-size: 14px;
	}
	.season_section4{
		padding: 126px 0px;
	}
	.sesc4_form input{
		width: 300px;
	}
	.section6H2 {
	    font-size: 24px;
	}
	.section6H2 span {
	    font-size: 36px;
	}
	.icoh {
	    font-size: 16px;
	}
	.assembly_banner,.season_banner{
		height: 400px;
	}
	.supplement_section3 .rese2_list {
	    grid-template-columns: repeat(3,1fr);
	    grid-gap: 30px;
	}
	.supple_section2 .otb_lsit ul{
		display: grid;
		grid-template-columns: repeat(3,1fr);
		grid-gap: 10px;
	}
	.josc2_content p{
 		font-size: 14px;
    	line-height: 24px;
	}
	.frsc2_box ul {
	    grid-gap: 10px;
	}
	.roi_section2 .sectionDsc {
	    width: 95%;
	    text-align: center;
	    display: inline-block;
	    line-height: 30px;
	    margin-top: 20px;
	}
	.roi_form {
	    border-radius: 10px;
	    background: #fff;
	    box-shadow: 0px 0px 12px 2px #c6d2ef;
	    width: 92%;
	    display: inline-block;
	    padding: 4%;
	    text-align: left;
	}
	.set_one p input {
	    /*margin: 0px 10px;*/
	    /*width: 60%;*/
	}
		   
}
@media screen and (max-width: 1000px){
  #header{
    display: none;
  }
  .moblie_head{display:block;height:70px;    background-color: #fff;top:0px;left:0px;width:100%;z-index:9999;position:fixed;}
  .moblie_head .lf{padding-top:20px;padding-left:5%;float:left;}
  .moblie_head .lf img{height:30px; width: auto;}
  .moblie_head .rg{padding-right:5%;padding-top:25px;float:right;}
  .moblie_head .rg a img{height:20px;vertical-align:bottom}
  .a_txt{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index: 99999999;}
  .a_txt .div1{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
  .a_txt .div2{position:absolute;width:20%;left:10px;top:10px;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
  .a_txt .div3{position:absolute;width:80%;right:0px;top:0px;background:#000;height:100%;z-index:100;right:-80%}
  .a_txt .div3 ul{padding-left:5%;padding-right:5%;padding-top:5%;}
  .a_txt .div3 ul li{border-bottom:1px solid #fff;margin:0px;}
  .a_txt .div3 ul li a{display:block;height:35px;color:#fff;line-height:35px;padding-left:5%;font-size:14px}
  .a_txt .div3 ul li .a_js2{background:url(../img/plus.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
  .a_txt .div3 ul li .a_js2_on{background:url(../img/reduce.jpg) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
  .a_txt .div3 ul li .a_txt2{display:none}
  .a_txt .div3 ul li .a_txt2 a{height:40px;line-height:40px;font-size:14px}
  .a_txt .div3 ul li .sub-menu {
    display: none;
  }
  .a_txt .div3 ul li .sub-menu a {
      height: 40px;
      line-height: 40px;
      font-size: 14px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
  }
  .a_txt .div3 ul li ul{padding-top: 0px;}
  .a_txt .div3 ul li ul li:last-child{border-bottom: none;}

  .kuang{
    width: 90%;
  }
  #header{
    display: none;
  }
  .banner_text {
    text-align: center;
    font-size: 24px;
  }
  .banner_dsc {
    text-align: center;
  }
  .bannerSwiper{
    height: 330px;
  }
  .book_banner {
  	margin-top: 70px;
  	height: 330px;
  }
  .section2_pro .swiper-button-prev {
      left: 0px;
      width: 30px;
      height: 30px;
  }
  .section2_pro .swiper-button-next {
      right: 0px;
      width: 30px;
      height: 30px;
  }
  .section2Swiper .list_box{
    padding: 10px;
    box-shadow: unset;
  }
  .index_section2{
    padding: 60px 0px;
  }
  .sectionDsc{
    margin-bottom: 30px;
  }
  .index_section3 .sectionTitle {
    margin-top: 0px;
  }
  .index_section3{
      padding: 0px 0px 60px 0px;
      height: auto;
      background-repeat: no-repeat;
      background-position: bottom;
  }
  .resolve {
    grid-template-columns: repeat(1,1fr);
  }
  .resolve_right {
    text-align: center;
  }
  .resolve_right .dsc {
      font-size: 14px;
      line-height: 24px;
      margin-top: 10px;
      text-align: left;
  }
  .resolve_right .blue_but{
    margin-top: 10px;
  }
  .resolve_right h3{
    font-size: 16px;
  }
  .sc9_left {
    float: left;
    width: 100%;
    text-align: center;
  }
  .index_section4{
      padding: 60px 0px;
      height: auto;
      background-repeat: repeat;
  }
  .index_section4 .kuang ul {
      display: grid;
      align-content: center;
      align-items: start;
      justify-items: center;
      justify-content: center;
      grid-template-columns: repeat(3,1fr);
      height: 100%;
      grid-gap: 20px;
  }
  .section10_number{
      display: grid;
      align-content: center;
      align-items: start;
      justify-items: center;
      justify-content: center;
      grid-template-columns: repeat(3,1fr);
      height: 100%;
      grid-gap: 20px;
  }
  .section10_number li {
      margin-right: 0px;
  }
  .number span,.section10_number li span {
    font-size: 30px;
  }
  .index_section5 {
    height: auto;
    padding: 60px 0px;
    background-position: center;
    background-size: cover;
  }
  .index_section5 .kuang {
    margin-top: 0px;
  }
  .secure_list li p {
    font-size: 10px;
    line-height: normal;
  }
  .index_section6 .section2Swiper .list_box {
    font-size: 14px;
    text-align: center;
    padding: 20px 10px;
  }
  .index_section6 .section2Swiper .list_box .blue_but{
    margin-top: 30px;
    font-size: 14px;
    padding: 7px 10px;
    position: relative;
    right: auto;
    bottom: auto;
  }
  .index_section6{
    padding-top: 0px;
  }
  .icotext{
    text-align: left;
    padding: 0px 20px;
  }
  .index_section6 .section2Swiper .list_box li{
    line-height: 24px;
  }
  .section6H2 {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .section6H2 span {
    font-size: 24px;
  }
  .index_section8{
    padding: 60px 0px;
  }
  .news_left,.news_right {
      padding: 4%;
      width: 92%;
  }
  .sc_box {
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
      align-content: center;
      justify-content: space-between;
      align-items: flex-start;
  }
  .index_section8 .sectionDsc {
    margin: 10px 0px 30px 0px;
  }
  .news_right .tab{
    font-size: 14px;
    float: unset;
  }
  .tab_content_left,.tab_content_right{
    width: 100%;
  }
  .tab_content_right{
    display: none;
  }
  .tab_content_left h3 a{
    font-size: 15px;
  }
  .news_right{
    margin-top: 20px;
  }
  .index_section2 .sectionTitle {
    margin: 60px 0px 10px 0px;
  }
  .index_section9,.index_section10{
    height: auto;
    padding: 60px 0px;
  }
  .index_section9 .kuang,.index_section10 .kuang {
    margin-top: 0px;
  }
  .index_section9 .sectionTitle{
    margin-top: 0px;
  }
  .index_section10 .kuang{
    text-align: center;
  }
  .footer_left {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    float: left;
    grid-gap: 20px;
  }
  .ft_nav h3 {
    margin-bottom: 10px;
    font-size: 16px;
  }
  .ft_nav ul li {
    margin: 5px 0px;
  }
  .footer_right {
    float: right;
    text-align: center;
    width: 100%;
    margin-top: 30px;
  }
  .footer_right .ft_logo{
    width: 50%;
  }
  .footer_right h3 {
    margin: 20px 0px;
    font-size: 16px;
  }
  .footer_wc {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: flex-end;
    line-height: 24px;
    color: #acb5c6;
    font-size: 14px;
  }
  .copy {
    padding: 10px 0px;
    border-top: 1px solid #284971;
    font-size: 10px;
    margin-top: 30px;
    color: #acb5c6;
  }
  .rebox {
      text-align: left;
      width: 100%;
  }
  .resolve_banner {
      background-position: inherit;
  }
  .resolve_section2,.roi_section2{
	  padding: 60px 0px;
  }
  .rese2_list {
  	margin-top: 30px;
    grid-template-columns: repeat(2,1fr);
  }
  .resolve_section2 .icoimg img{
	  width: 60px;
  }
  .icoh {
      font-size: 14px;
      margin: 5px 0px;
  }
  .resolve_section4 {
      margin-top: 0px;
      padding: 60px 0px;
  }
  .gridBox {
      grid-template-columns: repeat(1,1fr);
      grid-gap: 20px;
  }
  .gridContent h3 {
    margin-bottom: 10px;
  }
  .mb_display{
	  display: block;
  }
  .pc_display{
	  display: none;
  }
  .rese5Right,.rese5Left{
	  width: 100%;
  }
  .resolve_section5,.bookContent{
	  padding: 60px 0px;
  }
  .rese5RightText_img{
	  display: none;
  }
  .resolve_section4 .gridBox:last-child{
	  margin-bottom: 0px;
  }
  .footer {
      padding-top: 60px;
  }
  .case_list {
    grid-template-columns: repeat(1,1fr);
    margin: 30px 0px;
  }
  .resolve_section6{
  	padding: 60px 0px;
  }
  .resolve_section6 .kuang {
    text-align: center;
  }
  .case_banner, .support_banner, .contact_banner,.intro_banner,.join_banner,.roi_banner {
    height: 350px;
    margin-top: 70px;
  }
  .caseS_left {
    width: 100%;
  }
  .caseSrelate {
    padding: 60px 0px;
    text-align: center;
  }
  .caseSrelate .kuang{
  	padding-top:60px 
  }
  .susc2_right,.susc2_left{
  	width: 100%;
  }
  .support_list {
    grid-template-columns: repeat(1,1fr);
    grid-gap: 10px;
    margin: 30px 0px;
  }
  .support_list li {
    text-align: center;
  }
  .support_list li p{
    text-align: left;
  }
  .support_section2,.support_section4,.support_section5{
  	padding: 60px 0px;
  }
  .support_section2 .susc2_left{
  	text-align: center;
  }
  .susc2Con p{
  	text-align: left;
  }
  .support_section3 {
    padding-bottom: 50px;
  }
  .susc4_tab .tab {
    border-radius: 8px;
    width: auto;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
  }
  .susc4_tab{
  	grid-template-columns: repeat(2,1fr);
    grid-gap: 10px;
    margin: 30px 0px;
    display: grid;
  }
  .susc4_tab_line{
  	display: none;
  }
  .support_section4 .susc4_con {
    flex-direction: column;
    margin-top: 30px;
  }
  .susc5_list {
    grid-gap: 10px;
    grid-template-columns: repeat(2,1fr);
    margin-top: 30px;
  }
  .susc5_tit {
    bottom: 10px;
    font-size: 14px;
  }
  .caseS_right_con {
    width: 100%;
    background-size: cover;
    overflow: hidden;
    border-radius: 8px;
    margin-top: 50px;
  }
  .book_list img {
    width: 100px;
    margin: 20px;
  }
  .book_list {
    flex-direction: column;
  }
  .book_right_Content{
  	margin-top:30px;
  	width: 100%;
  }
  .cent_content {
    margin-top: 70px;
 }
 .cent_left_con .centImg {
    width: 100%;
    margin-bottom: 20px;
 }
 .cent_left_con .centText {
    margin-left: 0%;
    width: 100%;
 }
 .cent_right_con{
 	width: 100%;
 }
 .cent_left_con ul li{
 	flex-direction: column;
 }
 .cent_left_con .centImg img{
    width: 100%;
 }
 .caseSheat {
    padding: 60px 0px;
    margin-top: 70px;
 }
 .susc2Tit {
    margin: 0px 0px 10px 0px;
 }
 .cent_left_single_con_tit {
    font-size: 16px;
 }
 .book_right_list,.cent_left_single_con{
	padding: 15px;
 }
 .cent_right_con img.cenRmg {
    margin: 20px 0px;
    border: 1px solid #e9ecf3;
    padding: 4%;
    background: #fff;
    width: 92%;
 }
 .about_section2 {
    padding: 60px 0px;
 }
 .about_section3, .about_section4,.about_section5 {
    padding: 60px 0px;
 }
 .features-info-s{
	width: 80%;
 }
 .absc6_list {
    grid-template-columns: repeat(1,1fr);
    grid-gap: 10px;
 }
 .absc6_list {
    margin-top: 30px;
 }
 .about_section4 .sectionTitle2, .about_section5 .sectionTitle2 {
    margin-bottom: 30px;
 }
 .about_section3 .caseS_left .section10_number{
 	grid-template-columns: repeat(2,1fr);
 }
 .about_section3 .sectionTitle2{
 	font-size: 18px;
 	text-align: center;
 }
 #Overlay .form_right{
 	    width: 92%;
    padding: 4%;
    font-size: 14px;
 }
 #Overlay .sendCode_box input{
 	width: 60%;
 }
 #Overlay .sendCode_box button{
 	width: 32%;
 }
 .form_left {
    width: 100%;
    float: left;
    text-align: center;
  }
  .form_right {
    width: 92%;
    padding: 4%;
    font-size: 14px;
 }
 .form_right .sectionTitle2{
 	font-size: 18px;
    text-align: center;
    font-weight: bold;
 }
 .form_right .blue_but{
 	margin-top: 15px;
 }
 .form_content .section7Swiper {
    width: 100%;
    height: 147px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 40px;
    margin-bottom: 30px;
 }
 .form_content {
    padding: 60px 0px;
    margin-top: 70px;
 }
 .contact_banner h1{
 	font-size: 24px;
 }
 .cosc2_list li {
    min-width: auto;
    margin: 2%;
    width: 41%;
    padding: 20px 2%;
 }
 .cosc3_list {
    padding: 0;
    grid-template-columns: repeat(1,1fr);
    display: grid;
    grid-gap: 20px;
    margin: 30px 0px;
    text-align: left;
 }
 .cosc3_list li h3 {
    margin: 10px 0px 5px 0px;
    font-size: 16px;
 }
 .contact_section2 .cosc2_list{
 	margin: 60px 0px 0px 0px;
 }
 .rese6_but, .caseS_right_con_but {
    font-size: 14px;
    padding: 8px 20px;
 }
 .cosc2_list_box {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    text-align: center;
 }
 .cosc2_list_box img{
 	width: 80px;
 }
 .cosc2_list_box_text {
    margin-left: 0px;
    text-align: center;
    margin-top: 10px;
 }
 .index_section7{
 	padding: 0px 0px 30px 0px;
 }
 .resolve_banner ,.bi_banner{
    margin-top: 70px;
    height: 400px;
 }
 .rebox h2 {
    font-size: 24px;
    line-height: normal;
    margin-bottom: 20px;
    text-align: center;
 }
 .banner {
    margin-top: 70px;
    color: #fff;
    text-align: center;
 }
 .banner .banner_text,.banner .banner_dsc{
 	color: #000;
 }
 .join_section2 .list_dt{
 	font-size: 14px;
 	justify-content: space-between;
 	height: 50px;
 	line-height: 50px;
 }
 .list_dt_dsc{
 	display: none;
 }
 .join_section2,.franchisee_section2{
 	padding: 60px 0px;
 }
 .join_section3 .cosc2_list{
 	margin: 30px 0px;
 }
 .cosc2_list_box_text h3 {
    margin-top: 5px;
    font-size: 14px;
 }
 .banner_cont{
 	font-size: 24px;
 }
 .sectionTitle, .sectionTitle2 {
    font-size: 20px;
    color: #181a1d;
 }
 .manage_banner {
    background-position: inherit;
    background-size: cover;
    margin-top: 70px;
    padding: 60px 0px;
 }
 .managebox p {
    margin: 5px 0px;
    justify-content: flex-start;
    align-items: flex-start;
 }
 .mbadnsc {
    font-size: 16px;
    margin-bottom: 20px;
 }
 .manage_banner .rebox{
 	text-align: center;
 }
 .manage_section3 .masc3_full{
 	margin-top: 30px;
 }
 .masc3_tab{
    display: grid;
    grid-template-columns: repeat(2,1fr);
 }
 .susc4_con {
    flex-direction: column;
    margin-top: 30px;
 }
 .manage_section4 {
 	background-image: none;
 	background-color: #f3f7fa;
    padding: 60px 0px;
    background-position: left;
 }
 .manage_fix {
    flex-direction: column;
 }
 .masc4_list li {
    margin: 10px 0px;
 }
 .manage_section4 .form_left{
 	margin-bottom: 30px;
 }
 .manage_section3,.manage_section5,.manage_section6,.season_section2,.season_section3,.season_section5,.assembly_section4,.inventory_section2{
 	padding: 60px 0px;
 }
 .free_form {
    text-align: center;
 }
 .free_input input{
 	margin: 5px 0px;
 }
 .masc4_text{
 	text-align: left;
 }
 .manage_section5 .masc5Swiper{
 	padding: 30px 0px;
 }
 .assembly_banner, .season_banner ,.franchisee_banner,.otb_banner,.supple_banner,.reoreder_banner,.inventory_banner{
    height:400px;
    padding: 0;
    margin-top: 70px;
 }
 .rebox{
 	text-align: center;
 }
 .rebox p{
 	/*text-align: left;*/
 }
 .assembly_section3 .rese2_list {
    grid-template-columns: repeat(2,1fr);
 }
 .reorder_section3 .rese2_list {
    grid-template-columns: repeat(2,1fr);
 }
 
 .assembly_section4 .swiper{
 	padding: 30px 0px;
 }
 .season_banner .wborder_but,.assembly_banner .blue_but, .otb_banner .blue_but, .supple_banner .blue_but, .bi_banner .blue_but, .reoreder_banner .blue_but, .inventory_banner .blue_but, .franchisee_banner .blue_but {
    margin-top: 30px;
 }
 .bi_section3 .rese2_list {
    grid-template-columns: repeat(2,1fr);
 }
 .bi_section3 ul li {
    flex-direction: column;
 }
 .frsc2_box ul {
    grid-template-columns: repeat(1,1fr);
 }
 .frsc_text_over{
 	font-size: 14px;
 }
 .franchisee_section3 .rese2_list {
    grid-template-columns: repeat(2,1fr);
 }
 .frsc2_box {
    margin: 30px 0px;
 }
 .otb_section3 .sectionTitle2 {
    margin-bottom: 30px;
 }
 .resolve_section4 .gridBox{
 	 margin: 30px 0px;
 }
 .assembly_banner .rebox, .season_banner .rebox {
    display: inline-block;
 }
}

@media screen and (max-width: 600px){
	.inve2_box {
	    margin: 30px 0px;
	    grid-template-columns: repeat(1,1fr);
	    grid-gap: 20px;
	}
	.supplement_section3 .rese2_list {
	    grid-template-columns: repeat(1,1fr);
	    grid-gap: 20px;
	}
	.sesc4_form input {
	    width: 250px;
	}
	.join_but{
		text-align: center;
	}
	.join_but .blue_but{
		margin-top: 20px;
	}
	.sidebar{
		display: none;
	}
	/*.rebox h2{*/
	/*	font-size: 18px;*/
	/*}*/
	.rese5RightText {
	    margin-top: 10px;
	}
	.assembly_banner .rebox, .season_banner .rebox {
	    width: 100%;
	}
	.brand-warp .logo_wrap .left_mask,.brand-warp .logo_wrap .right_mask{
		width: 200px;
	}
	.brand-warp .logo_wrap .logo_img {
	    width: 30%;
	}
	.footer_left{
		margin-left: 13%;
	}
	.about_section6{
		padding-bottom: 60px;
	}
	#login_overlay{
		margin-top: 30px;
	}
	.roi_section2 .sectionDsc{
		font-size: 14px;
		line-height: 24px;
	}
	.set_one label,.set_two label{
		display: flex;
	    width: 75px;
	    font-size: 14px;
	    margin-right: 0;
	    flex-direction: row;
	    flex-wrap: nowrap;
	    align-content: center;
	    justify-content: flex-end;
	    align-items: flex-start;
	}
	/*.set_two label {*/
	/*	display: flex;*/
	/*    width: 75px;*/
	/*    font-size: 14px;*/
	/*    margin-right: 2%;*/
	/*    flex-direction: row;*/
	/*    flex-wrap: nowrap;*/
	/*    align-content: center;*/
	/*    justify-content: flex-end;*/
	/*    align-items: flex-start;*/
	/*}*/
	.set_two {
	    grid-template-columns: repeat(1,1fr);
	}
	.set_one p input ,.set_two p input{
	    margin: 0px 0;
	    width: 96%;
	    padding: 10px 2%;
	}
	.roi_form_tit{
		font-size: 14px;
	}
	.table1 th,.table3 th{
		font-size: 14px;
	}
	.table1 td, .table3 td{
	    font-size: 16px;
	}
	.set_one .wpcf7-form-control-wrap {
	    margin: 0px 2%;
	    width: 220px;
	    display: inline-block;
	}
	.set_two .wpcf7-form-control-wrap{
		margin: 0px 2%;
	}
	.question_kuang{
		width: 85%;
	}
}