body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
p,
form,
dt,
dd,
input,
textarea,
th,
td,
fieldset,
legend,
dl,
dt,
dd {
	margin: 0;
	padding: 0;
}

fieldset,
img {
	border: 0 none;
}

ul,
ol,
li {
	list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

table {
	border-spacing: 0;
}

html,
body {
	overflow-x: hidden;
}

i,
em,
u {
	font-style: normal;
	text-decoration: none;
}

*,
body {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

body {
	min-width: 320px;
}

q:before,
q:after {
	content: "";
}
html,
body,
input,
select,
button,
textarea {
	font: 14px/1.5, "\5B8B\4F53", Arial, Helvetica, sans-serif;
	color: #747474;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

em {
	font-style: normal;
	font-weight: normal;
}

img {
	vertical-align: middle;
	max-width: 100%;
}

.ov {
	overflow: hidden;
}

.fl {
	float: left;
}

.fr {
	float: right;
}
a {
	text-decoration: none !important;
	color: #747474;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
}
.clear {
	clear: both;
	height: 0px;
	width: 0;
	margin: 0;
	padding: 0;
	border: none;
	overflow: hidden;
}
input,
select,
button {
	outline: none;
	-webkit-outline: none;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #ABABAB !important;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
	color: #ABABAB !important;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
	color: #ABABAB !important;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #ABABAB !important;
}
.w1170{
	margin: 0 auto;
	width: 100%;
	max-width: 1170px;
}
.w1200{
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
}
.w1210{
	margin: 0 auto;
	width: 100%;
	max-width: 1210px;
}
.w1280{
	margin: 0 auto;
	width: 100%;
	max-width: 1280px;
}
.w1320{
	margin: 0 auto;
	width: 100%;
	max-width: 1320px;
}
.w1400{
	max-width: 1400px;
	margin: 0 auto;
	width: 100%;
}
.w1425{
	max-width: 1425px;
	margin: 0 auto;
	width: 100%;
}
.w1720{
	max-width: 1720px;
	margin: 0 auto;
	width: 100%;
}
.w1820{
	max-width: 1820px;
	margin: 0 auto;
	width: 100%;
}
.w1920{
	max-width: 1920px;
	margin: 0 auto;
	width: 100%;
}
.c38{
	color: #3860f4;
}
.cb9{
	color: #b9865a;
}
.d71{
	color: #d71516;
}
.cc0{
	color: #cc0b10;
}
.ff9{
	color: #FF9C00;
}
.table{
	padding: 0 !important;
	margin: 0 !important;
}

:root{
	--btnMoreH: 34px;
	--btnMoreW: 100px;
	--btnMoreF: 15px;
}
html{
	font-size: 14px;
}

/* flex*/
.d-flex {
	display: flex;
}

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

.d-flex-center {
	display: flex;
	align-items: center;
}

.d-flex-start {
	display: flex;
	align-items: flex-start;
}

.d-flex-between {
	display: flex;
	justify-content: space-between;
}

.d-flex-justify-center {
	display: flex;
	justify-content: center;
}

.d-flex-center-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.d-flex-center-end{
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.flex-row-reverse {
	flex-direction: row-reverse;
}

.flex-1 {
	flex: 1;
}

.flex-column {
	flex-direction: column;
}

.flex-wrap {
	flex-wrap: wrap;
}

.flex-shrink {
	flex-shrink: 0;
}


.text-overflow1 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.text-overflow2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.text-overflow3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.text-overflow4 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}
.text-overflow5 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
}

.textEn{
	font-family: Arial;
}

.textUpper{
	text-transform: uppercase;
}

.textCenter{
	text-align: center;
}

.sampHeader{
	background: #000000;
	position: fixed;
	z-index: 99999;
	left: 0;
	right: 0;
}

.sampHeader .headItem{
	height: 80px;
	line-height: 80px;
	color: #FFFFFF;
}

.sampHeader .headItem a{
	color: #ffffff;
	font-size: 16px;
}

.sampHeader .headItem .lt.active a{
	color: #FF9C00;
}

.sampHeader .headItem .headRight{
	width: 28%;
	text-transform: uppercase;
}

.sampHeader .headItem .headRight .language .iconfont{
	margin-right: 16px;
	font-size: 20px;
}

.sampHeader .headItem .headRight .language{
	position: relative;
	padding: 0 4rem;
}

.sampHeader .headItem .headRight .language select{
	position: absolute;
	top: 56px;
	left: 0;
	width: 100%;
	display: none;
}

.sampHeader .headItem .headRight .language:hover .languageBox{
	display: block;
}

.sampHeader .headItem .headRight .language .languageBox{
	position: absolute;
	top: 60px;
	left: -300px;

	z-index: 999;
	display: none;

	padding: 20px 10px 20px 20px;
	width: 550px;
	border: 1px solid #eee;
	border-radius: 5px;
	background: #fff;
	opacity: 2;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	transform: scale3d(.9, .9, 1);

	border-radius: 3px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);


	max-height: 50vh;
	overflow: hidden;
	color: #333333;
}

.sampHeader .headItem .headRight .language .languageBox:hover{
	transform: initial;
	width: 595px;
}

.sampHeader .headItem .headRight .language .languageBox.more{
	max-height: 80vh;
	overflow-y: scroll;
}

.sampHeader .headItem .headRight .language .languageBox .ut{
	max-height: 35vh;
	overflow: hidden;
}

.sampHeader .headItem .headRight .language .languageBox.more .ut{
	max-height: 100%;
	overflow: initial;
}
.sampHeader .headItem .headRight .language .languageBox.more .langMore{
	display: none;
}

.sampHeader .headItem .headRight .language .languageBox .lt{
	width: 23%;
	margin-left: 2%;
	line-height: 40px;
	cursor: pointer;
	height: 30px;
	overflow: hidden;
}
.sampHeader .headItem .headRight .language .languageBox .langMore{
	cursor: pointer;
}
.sampHeader .headItem .headRight .search .iconfont{
	font-size: 28px;
}

.sampHeader .headItem .headRight .search{
	padding-right: 4rem;
}

.sampHeader .headItem .headRight .contact{
	height: 40px;
	line-height: 40px;
	width: 140px;
	background: #FF9C00;
	border-radius: 20px;
	overflow: hidden;
	text-align: center;
}

.sampHeader .headItem .utNav{
	width: 55%;
}

.sampHeader .headItem .utNav .lt{
	margin-left: 8%;
}

.sampHeader .headItem .logo{
	width: 15.29%;
}

.topline{
	margin-top: 80px;
}

.pullNav{
	position: fixed;
	top: 80px;
	left: 0;
	right: 0;
	background: #ffffff;
	z-index: 99999;
}

.pullNav .link{
	display: block;
	font-size: 16px;
	color: #000000;
	font-family: Arial;
	font-weight: bold;
}

.pullNav .sublink{
	font-size: 14px;
	color: #5A5A5A;
	font-family: Arial;
}

.pullNav .subNav .sublt{
	padding-bottom: 18px;
}


.pullNav .utNav.ut6,
.pullNav .utNav.ut5
{
	justify-content: space-between;
	
}

.pullNav .utNav.ut4{
	justify-content: center;
}

.pullNav .utNav.ut6 .lt{
	width: 12.86%;
}

.pullNav .utNav.ut5 .lt,
.pullNav .utNav.ut4 .lt
{
	width: 15%;
}

.pullNav .utNav.ut4 .lt{
	margin-left: 8%;
}
.pullNav .utNav.ut4 .lt:first-child{
	margin-left: 0;
}

.pullNav .utNav{
	padding: 41px 0;
}

.pullNav .utNav .lt.active .link,
.pullNav .utNav .lt:hover .link{
	color: #FFBA00;
}

.pullNav .subNav .sublt.active .sublink,
.pullNav .subNav .sublt:hover .sublink{
	color: #FFBA00;
}

.pullNav .utNav.child{
	padding: 56px 0;
}

.pullNav .itemNav{
	display: none;
}

.pullNav .utNav.child .link{
	margin-bottom: 25px;
}

.pullNav .utNav .subNav{
	padding-top: 38px;
	position: relative;
}

.pullNav .utNav .subNav::before{
	position: absolute;
	content: "";
	height: 1px;
	left: 0;
	right: 0;
	top: 0;
	background: #9E9E9E;
	
}

.searchFrom{
	position: fixed;
	left: 0;
	right: 0;
	top: 80px;
	background: #FFFFFF;
	box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.14);
	z-index: 99999;
	display: none;
}

.searchFrom .searchItem{
	position: relative;
	height: 100px;
	text-align: center;
	
}

.searchFrom form{
	padding-top: 10px;
	padding-bottom: 20px;
	position: relative;
	width: 34.3%;
	font-family: Arial;
	font-size: 14px;
	color: #ABABAB;
}

.searchFrom form::after{
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	background: #FFBA00;
}

.searchFrom .searchItem button,
.searchFrom .searchItem input{
	border: initial;
	background: #ffffff;
}

.searchFrom form button .iconfont{
	font-size: 24px;
	color: #FFBA00;
}

.searchFrom .close{
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 16px;
}

.bannerSwiper{
	text-align: center;
}

.bannerSwiper .bannerItem{
	position: absolute;
	left: 0;
	right: 0;
	top: 55%;
	bottom: 0;
	text-align: left;
}

.bannerSwiper .bannerItem .text{
	color: #FFFFFF;
	
	width: 60%;
}

.bannerSwiper .bannerItem .text .title{
	font-family: Arial;
	font-weight: bold;
	font-size: 45px;
	color: #FFFFFF;
	line-height: 1.5;
	
	text-transform: uppercase;
}

.bannerSwiper .bannerItem .text .tip{
	font-family: Arial;
	font-size: 24px;
	color: #FFFFFF;
	line-height: 3;
}

.bannerSwiper .bannerItem .SmapBannerBtn{
	width: 180px;
	height: 64px;
	border-radius: 32px;
	border: 2px solid #FF9C00;
	margin-top: 5%;
}

.bannerSwiper .bannerItem .SmapBannerBtn .link{
	font-family: Arial;
	font-weight: bold;
	font-size: 18px;
	color: #FFFFFF;
}

.bannerSwiper .bannerPagination{
	position: absolute;
	left: 14.33%;
	bottom: 9.6%;
	width: 100%;
}

.bannerSwiper .bannerPagination .swiper-pagination-bullet{
	width: 14px;
	height:14px;
	
	background: #FFFFFF;
	
	opacity: 1;
	margin-right: 1.6%;
	position: relative;
}

.bannerSwiper .bannerPagination .swiper-pagination-bullet-active{
	background: #FFBA00;
	
}

/* .bannerSwiper .bannerPagination .swiper-pagination-bullet::before{
	position: absolute;
	content: "";
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: 3px solid #FFFFFF;
	overflow: hidden;
} */

.bannerSwiper .bannerPagination .swiper-pagination{
	width: 100%;
	text-align: left;
}

.banner img{
	width: 100% !important;
}

.indexPro .indexProItem .link-item {
  width: 100%;
  font-size: 0;
  box-sizing: border-box;
  position: relative;
}

.indexPro .indexProItem .link-item .link-loop-p {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.indexPro .indexProItem .link-item .link-loop-p .link-loop {
  width: 10000vw;
  height: 100%;
  transform: translateX(-0px);
  transition: all 0.5s ease-in-out;
}

.indexPro .indexProItem .link-item .link-loop-p .link-loop .link-loop-item {
  max-width: 1600px;
  width: 100%;
  height: 100%;
  float: left;
}

.indexPro .indexProItem .link-item .imt {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}

.indexPro .indexProItem .link-item .link-item1 .imt {
  padding: 0 7px;
}

.indexPro .indexProItem .link-item .link-item2-1 .imt {
  padding-bottom: 0px;
}

.indexPro .indexProItem .link-item .link-item2-2 .imt {
  padding-top: 8px;
}

.indexPro .indexProItem .link-item .link-item2-2-1 .imt {
  padding-right: 6.5px;
}

.indexPro .indexProItem .link-item .link-item2-2-2 .imt {
  padding-left: 6.5px;
}

.indexPro .indexProItem .link-item .item-title1 {
  font-size: 26px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  /*color: #333333;*/
	color: #ffffff;
  position: absolute;
  top: 8%;
  left: 6%;
  line-height: 32px;
  display: block;
  margin-block-start: 0;
  margin-block-end: 0;
	font-family: Arial;
}

.indexPro .indexProItem .link-item .item-title1 p {
  margin: 0;
}

.indexPro .indexProItem .link-item .item-title2 {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #333333;
  position: absolute;
  top: calc(8% + 42px);
  left: 6%;
}

.indexPro .indexProItem .link-item .link-item1 {
  box-sizing: border-box;
  width: 50%;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  padding: 0 7px;
  overflow: hidden;
  position: relative;
}

.indexPro .indexProItem .link-item .link-item2 {
  box-sizing: border-box;
  width: 50%;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  padding: 0 7px;
}

.indexPro .indexProItem .link-item .link-item2-1 {
  box-sizing: border-box;
  width: 100%;
  height: calc(50% - 8px);
  margin-bottom: 8px;
  overflow: hidden;
  position: relative;
}

.indexPro .indexProItem .link-item .link-item2-1 .item-title1 {
  top: 16%;
}

.indexPro .indexProItem .link-item .link-item2-1 .item-title2 {
  top: calc(16% + 42px);
}

.indexPro .indexProItem .link-item .link-item2-2 {
  box-sizing: border-box;
  width: 100%;
  height: 50%;
  font-size: 0;
  padding-top: 8px;
  position: relative;
}

.indexPro .indexProItem .link-item .link-item2-2 .item-title1 {
  top: 16%;
}

.indexPro .indexProItem .link-item .link-item2-2 .item-title2 {
  top: calc(16% + 42px);
}

.indexPro .indexProItem .link-item .link-item2-2-1 {
  box-sizing: border-box;
  width: 50%;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  padding-right: 6.5px;
  overflow: hidden;
  position: relative;
}

.indexPro .indexProItem .link-item .link-item2-2-1 .item-title1 {
  left: 8%;
  top: 16%;
}

.indexPro .indexProItem .link-item .link-item2-2-1 .item-title2 {
  left: 8%;
  top: calc(16% + 42px);
}

.indexPro .indexProItem .link-item .link-item2-2-2 {
  box-sizing: border-box;
  width: 50%;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  padding-left: 6.5px;
  overflow: hidden;
  position: relative;
}

.indexPro .indexProItem .link-item .link-item2-2-2 .item-title1 {
  left: 8%;
  top: 16%;
}

.indexPro .indexProItem .link-item .link-item2-2-2 .item-title2 {
  left: 8%;
  top: calc(16% + 42px);
}

.indexPro .indexProItem .link-item .item-bg {
  
  border-radius: 30px;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}

/*静态设置每个模块背景图*/
.indexPro .indexProItem .link-loop-item:nth-child(1) .link-item1,
.link-item2-1,
.link-item2-2-1,
.link-item2-2-2 {
  cursor: pointer;
}

.indexPro .indexProItem .link-item1 .item-bg{
	
}

/* .indexPro .indexProItem .link-item1 .item-bg {
  background-image: url("https://www.yealink.com/upfiles/files/vcdevicebg.png");
}

.indexPro .indexProItem .link-item2-1 .item-bg {
  background-image: url("https://www.yealink.com/upfiles/files/headsetbg.png");
}

.indexPro .indexProItem .link-item2-2-1 .item-bg {
  background-image: url("https://www.yealink.com/upfiles/files/ipphonebg.png");
}

.indexPro .indexProItem .link-item2-2-2 .item-bg {
  background-image: url("https://www.yealink.com/upfiles/files/webcambg.png");
} */


.indexPro .indexProItem .link-item1 img,
.link-item2-1 img,
.link-item2-2 img,
.link-item2-2-1 img,
.link-item2-2-2 img {
  transition: all 0.2s ease-in-out;
}

.indexPro .indexProItem .link-item1:hover img,
.link-item2-1:hover img,
.link-item2-2-1:hover img,
.link-item2-2-2:hover img {
  transform: scale(1.1, 1.1);
}

.indexPro .indexProItem .link-item1:hover .item-btn,
.link-item2-1:hover .item-btn,
.link-item2-2-1:hover .item-btn,
.link-item2-2-2:hover .item-btn {
  background: #FFBA00 !important;
  color: white !important;
}

.indexPro .indexProItem .link-item .item-btn {

  position: absolute;
  bottom: 8%;
  left: 6%;
  width: 58px;
  height: 26px;
  background-color: #ffffff;
  border-radius: 13px;
  text-align: center;
  line-height: 26px;
  cursor: pointer;
}

.indexPro .indexProItem .link-item .item-btn a{
	color: #333333;
}

.indexPro .indexProItem .link-item .item-btn:hover{
  background: #FFBA00;

}

.indexPro .indexProItem .link-item1:hover .item-btn a,
.indexPro .indexProItem .link-item2-1:hover .item-btn a,
.indexPro .indexProItem .link-item2-2-1:hover .item-btn a,
.indexPro .indexProItem .link-item2-2-2:hover .item-btn a{
	color: white;
}

.indexArea{
	padding-top: 4%;
	padding-bottom: 4.5%;
}

.indexSolu{
	background: url('../img/banner-indexSolu.png') no-repeat center;
	background-size: cover;
}

.indexSolu .screen-three-item{
	    width: 100%;
	    /* max-height: 678px; */
	    font-size: 0;
	    box-sizing: border-box;
	    position: relative;
	    /* height: 674px; */
}


.indexSolu .screen-three-item .screen-three-item1{
	    display: inline-block;
	    vertical-align: top;
	    width: 30%;
	    height: 100%;
	    padding-right: 37px;
	    box-sizing: border-box;
	    padding-top: 2%;
}
.indexSolu .screen-three-item .screen-three-item1 .screen-three-item1-child{
	font-size: 0;
	    padding: 6% 0;
}
.indexSolu .screen-three-item .screen-three-item1 .screen-three-item1-child .sti1-child-left{
	display: inline-flex;
	    vertical-align: top;
	    width: 20%;
	    font-size: 16px;
	    font-weight: normal;
	    font-stretch: normal;
	    letter-spacing: 0px;
	    color: #333333;
	    text-align: center;
	
}
.indexSolu .screen-three-item .screen-three-item1 .screen-three-item1-child .sti1-child-left span{
	width: 100%;
}
.indexSolu .screen-three-item .screen-three-item1 .screen-three-item1-child .sti1-child-right{
	    display: inline-block;
	    width: 80%;
	    vertical-align: top;
}
.indexSolu .screen-three-item .screen-three-item1 .screen-three-item1-child .sti1-child-right .sti1-child-right-t{
	    font-size: 26px;
	    font-weight: normal;
	    font-stretch: normal;
	    color: #333333;
	    margin-bottom: 7%;
	    cursor: pointer;
	    margin-block-start: 0;
}
.indexSolu .screen-three-item .screen-three-item1 .screen-three-item1-child.on .sti1-child-right .sti1-child-right-d{
	display: block;
	    margin-bottom: 11%;
}
.indexSolu .screen-three-item .screen-three-item1 .screen-three-item1-child .sti1-child-right .sti1-child-right-d{
	font-size: 14px;
	    font-weight: normal;
	    font-stretch: normal;
	    color: #818181;
	    margin-bottom: 35px;
	    display: none;
}
.indexSolu .screen-three-item .screen-three-item1 .screen-three-item1-child.on .sti1-child-right .sti1-child-right-b{
	display: block;
	    padding-bottom: 10%;
	    border-bottom: solid 1px #e1e1e1;
		font-family: Arial;
		font-weight: 400;
		font-size: 14px;
		color: #333333;
		line-height: 24px;
		text-decoration-line: underline;
}
.indexSolu .screen-three-item .screen-three-item1 .screen-three-item1-child.on{
	padding-top: 10%;
	    border-top: solid 2px #19191a;
}
.indexSolu .screen-three-item .screen-three-item1 .screen-three-item1-child:hover .sti1-child-right .sti1-child-right-t{
	color: #FFBA00;
}
.indexSolu .screen-three-item .screen-three-item2{
	    display: inline-block;
	    vertical-align: top;
	    width: 70%;
	    height: 100%;
	    font-size: 0;
	    border-radius: 50px;
	    overflow: hidden;
	    position: relative;
}
.indexSolu .screen-three-item .screen-three-item2 .screen-three-item2-item{
	   /* position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    font-size: 0; */
		display: none;
}
.indexSolu .screen-three-item .screen-three-item2 .screen-three-item2-item.on{
	display: block;
}
/*第四屏*/
.indexCase .screen-four {}

.indexCase .screen-four .screen-four-item1 {
  font-size: 0;
  position: relative;
}

.indexCase .screen-four .screen-four-item1 .screen-four-loop {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0;
  display: none;
}

.indexCase .screen-four .screen-four-item1 .screen-four-loop.on {
  display: block;
}

.indexCase .screen-four .screen-four-item1 .screen-four-loop .screen-four-item1-back {
  padding: 3% 4%;
  box-sizing: border-box;
}

.indexCase .screen-four .screen-four-item1 .screen-four-loop .screen-four-item1-back {
  width: 50%;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  border-radius: 0px 50px 0px 0px;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.indexCase .screen-four .sfi1-back-t {
  font-size: 60px;
  line-height: 60px;
  color: #ffffff;
  position: absolute;
  left: calc(100% - 800px);
  top: 50px;
}

.indexCase .screen-four .sfi1-back-d {
  font-size: 26px;
  line-height: 26px;
  margin-top: 20px;
  color: #ffffff;
}

.indexCase .screen-four .screen-four-item1 .screen-four-item1-desc {
  width: 50%;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  padding: 4% 9%;
  box-sizing: border-box;
  position: relative;
}

.indexCase .screen-four .screen-four-item1 .screen-four-item1-desc .sfi1-desc-more-btn {
  width: 150px;
  height: 50px;
  background-color: #078855;
  border-radius: 25px;
  border: none;
  outline: none;
  color: #fff;
  cursor: pointer;
  line-height: 50px;
  position: absolute;
  top: 9.8%;
  right: calc(100% - 800px);
  text-align: center;
  font-size: 14px;
}

.indexCase .screen-four .screen-four-item2 {
  /*padding: 3.4% 9.8% 1.4% 9.8%;*/
  box-sizing: border-box;
  overflow: hidden;
	margin-top: 3.4%;
}

.indexCase .screen-four .screen-four-item1-desc .sfi1-desc-flex {
  /*flex 布局*/
  display: flex;
  /*实现垂直居中*/
  /*align-items: center;*/
  /*实现水平居中*/
  justify-content: center;
  flex-direction: column;
  height: 100%;
  width: 100%;
}

.indexCase .screen-four .screen-four-item1-desc .sfi1-desc-img {
  width: 223px;
  height: 72px;
  background-image: url("/public/images/activity_bg_01.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

.indexCase .screen-four .screen-four-item1-desc .sfi1-desc-title {
	font-size: 30px;
	color: #333333;
	margin: 3% 0px;
}

.indexCase .screen-four .screen-four-item1-desc .sfi1-desc-desc {
  width: 100%;
  font-size: 16px;
  color: #333333;
  margin: 6% 0px;
}

.indexCase .screen-four .screen-four-item1-desc .sfi1-desc-more {
  font-size: 14px;
  color: #333333;
  cursor: pointer;
  text-align: right;
}

.indexCase .screen-four .sfi2-item {
  /*width: calc(14% - 18px);
  height: 95px;*/
	width: 15.14%;
	margin-left: 1.86%;
  background-color: #f1f2f3;
  border-radius: 10px;
  border: solid 1px #ababab;
  float: left;
  margin: 13px 9px;
  background-image: url("/public/1.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  /*transition: all e;*/
	position: relative;
}

.indexCase .screen-four .sfi2-item .imt{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	object-fit: cover;
}

.indexCase .screen-four .sfi2-item:hover {
  background-color: #ffffff;
  box-shadow: 3px 11px 16px 0px rgba(74, 79, 93, 0.17);
  border: solid 1px #FFBA00;
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
}

.indexCase .screen-four .sfi2-item.on {
  background-color: #ffffff;
  box-shadow: 3px 11px 16px 0px rgba(74, 79, 93, 0.17);
  border: solid 1px #FFBA00;
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
  position: relative;
  top: -10px;
}

.indexCase .screen-four .sfi2-item .sfi2-item-text {
  font-size: 12px;
  color: #8b8b8b;
  position: absolute;
  bottom: 0px;
  left: 5px;
}
.indexCase .SmapBtn{
	margin-top: 5%;
}

.indexNews .screen-six-list {
  width: 100%;
  font-size: 0;
}

.indexNews .screen-six-list-item {
  width: calc((100% - 80px) / 3);
  display: inline-block;
  vertical-align: top;
}

.indexNews .screen-six-list-item+.screen-six-list-item {
  margin-left: 40px;
}

.indexNews .screen-six-list-item+.screen-six-list-item:nth-child(4){
	margin-left: initial;
}

.indexNews .ssli-img {
  width: 100%;
  border-radius: 20px;
  background-size: cover;
  background-repeat: no-repeat;
}

.indexNews .ssli-date {
  font-size: 12px;
  color: #999999;
  margin: 48px 0 19px 0;
}

.indexNews .ssli-t {
  font-size: 18px;
  color: #333333;
  margin-bottom: 39px;
  font-weight: normal;
}

.indexNews .ssli-more {
  font-size: 14px;
  color: #333333;
  padding-bottom: 50px;
  border-bottom: solid 0.3px #E1E1E1;
}

.indexNews .ssli-more a {
  color: #333333;
}

.indexNews .ssli-more a:hover {
  text-decoration: underline;
  cursor: pointer;
}

.indexNews .screen-six-list .screen-six-list-item:hover .ssli-more a{
	color: #FFBA00;
}

.indexNews .screen-six-list .screen-six-list-item:hover .ssli-more{
	border-color: #FFBA00;
}

.indexArea .indexAreaTop .title{
	font-family: Arial;
	font-weight: bold;
	font-size: 50px;
	color: #191919;
	line-height: 1.3;
}

.indexArea.indexPro .indexAreaTop .title{
	width: 50%;
}

.indexArea .indexAreaTop{
	margin-bottom: 5%;
}

.indexWhy{
	background: #000000;
	text-align: center;
}

.indexArea.indexWhy .indexAreaTop .title{
	color: #FFFFFF;
	margin-bottom: 3%;
}

.indexArea.indexWhy .indexAreaTop .info{
	font-family: Arial;
	font-size: 16px;
	color: #818181;
	line-height: 2;
	margin: 0 15%;
}

.indexArea.indexWhy .SmapBtn{
	margin: 0 auto;
	margin-top: 5%;
}
.whyUt{
	text-align: center;
}
.whyUt .lt{
	width: 22%;
	height: 320px;
	background: #FFFFFF;
	border-radius: 25px;
	overflow: hidden;
}

.whyUt .lt .ltitem{
	padding: 11% 10% 18% 10%;
}

.whyUt .lt .iconfont{
	font-size: 45px;
	color: #4555B9;
}

.whyUt .lt .name{
	font-family: Arial;
	font-weight: bold;
	font-size: 24px;
	color: #333333;
	line-height: 2;
	margin-bottom: 5%;
}

.whyUt .lt .info{
	font-family: Arial;
	font-size: 16px;
	color: #737373;
	line-height: 1.5;
}
.whyUt .lt:hover{
	background: #FFBA00;
}
.whyUt .lt:hover .name,
.whyUt .lt:hover .info,
.whyUt .lt:hover .iconfont{
	color: #ffffff;
}

.SmapBtn{
	width: 200px;
	height: 64px;
	background: #4555B9;
	border-radius: 32px;
	overflow: hidden;
}

.SmapBtn .link{
	font-family: Arial;
	font-size: 18px;
	color: #FFFFFF;
	text-transform: uppercase;
}

.footer{
	font-family: Arial;
	font-weight: 400;
	font-size: 18px;
	color: #FFFFFF;
	line-height: 1.5;
	background: #282828;
}

.footer .footItem{
	padding: 6% 0 3% 0;
}

.footer .footNav dt{
	text-transform: uppercase;
	padding-bottom: 18px;
	font-weight: initial !important;
	position: relative;
	margin-bottom: 15px;
}

.footer .footNav dt::after{
	position: absolute;
	content: "";
	width: 36px;
	height: 3px;
	background: #A5A5A5;
	left: 0;
	bottom: 0;
}

.footer .footNav dd{
	padding-top: 12px;
	
}

.footer .footNav dd a{
	font-size: 14px;
	color: #868686;
}

.footer .newsletter{
	margin-top: 3%;
}

.footer .newsletter .tip{
	margin-bottom: 1%;
}
.footer .newsletter form{
	height: 38px;
}

.footer .newsletter input{
	width: 264px;
	height: 38px;
	background: #FFFFFF;
	border-radius: 5px;
	overflow: hidden;
	
	font-family: Arial;
	font-size: 14px;
	color: #CCCCCC;
	padding: 0 16px;
}

.footer .newsletter .btnsubmit{
	width: 105px;
	height: 38px;
	background: #4555B9;
	border-radius: 0px 5px 5px 0px;
	overflow: hidden;

	font-family: Arial;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 26px;
	text-transform: uppercase;
	margin-left: -10px;
	margin-top: 1px;
}

.footer .newsletter p{
	display: flex;
}

.footer .newsletter p{
	display: flex;
}

.footer .newsletter p .wpcf7-not-valid-tip{
	display: block;
}
.screen-reader-response,
.wpcf7-response-output{
	display: none;
}

.footer .newsletter button{
	width: 105px;
	height: 100%;
	background: #4555B9;
	border-radius: 0px 5px 5px 0px;
	overflow: hidden;
	
	font-family: Arial;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 26px;
	text-transform: uppercase;
	margin-left: -10px;
}
.footer .newsletter .tip{
	text-transform: uppercase;
}
.footer .newsletter .tipText,
.footer .newsletter .tipText a{
	font-size: 16px;
	color: #868686;
}
.footer .newsletter .tipText .not{
	margin-right: 1rem;
	width: 3rem;
}
.footer .newsletter .tipText .item{
	margin-bottom: 0.6rem;
	display: flex;
}
.footer .newsletter .tipText .item span{
	display: block;
}
.footer .share{
	margin-top: 2.5%;
}

.footer .share a{
	display: block;
	margin-right: 1%;
}

.footer .share div{
	width: 46px;
	height: 46px;
	background: #A5A5A5;
	border-radius: 50%;
	overflow: hidden;
	color: #333333;
}

.footer .share div .iconfont{
	font-size: 22px;
}

/*.footer .share a:first-child div{
	background: #4555B9;
	color: #FFFFFF;
}*/

.footer .share div:hover{
	background: #4555B9;
	color: #FFFFFF;
}

.copyright{
	height: 80px;
	background: #565656;
	font-family: Arial;
	font-size: 14px;
	color: #ABABAB;
}

.copyright .copyItem{
	height: 80px;
}

.scrollTop{
	position: fixed;
	bottom: 12%;
	right: 5%;
	width: 62px;
	height: 62px;
	background: #4555B9;
	color: #FFFFFF;
}

.scrollTop .iconfont{
	font-size: 30px;
}

.nbanner{
	position: relative;
}

.nbanner .bannerText{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.nbanner .w1400,
.nbanner .w1400 .textItem{
	height: 100%;
}

.nbanner .w1400 .textItem{
	padding-bottom: 5%;
}

.nbanner .w1400 .textItem .textList{
	text-align: center;
}

.nbanner .bannerText .textItem .title{
	font-family: Arial;
	font-size: 42px;
	color: #FFFFFF;
}

.nbanner .bannerText .textItem .title.detailTitle{
	font-size: 36px;
	font-weight: bold;
}

.nbanner .bannerText .textItem .content{
	font-size: 16px;
	color: #FFFFFF;
	line-height: 1.75;
	margin: 4% 0 6%;
}

.nbanner .bannerText .textItem .bannerContact{
	display: block;
	width: 140px;
	height: 40px;
	line-height: 40px;
	background-color: rgba(255,255,255,0.3);
	border-radius: 20px;
	overflow: hidden;
	text-align: center;
	margin: 0 auto;
	margin-top: 30%;
}

.nbanner .bannerText .textItem .bannerContact .link{
	font-size: 16px;
	color: #FFFFFF;
}

.nbanner .bannerText .textItem .bannerInqury{
	width: 200px;
	height: 56px;
	background: #FFBA00;
	border-radius: 10px;
	overflow: hidden;
	text-align: center;
	margin: 0 auto;
}

.nbanner .bannerText .textItem .bannerInqury .link{
	font-size: 16px;
	color: #FFFFFF;
}

.nbanner .bannerText .textItem .bannerInqury .link .iconfont{
	font-size: 18px;
	padding-right: 18px;
}

.nbanner .bannerText .textItem .bannerMenuUt .link{
	font-size: 16px;
	color: #FFFFFF;
	line-height: 2;
}

.nbanner .bannerText .textItem .bannerMenuUt{
	margin-top: 15%;
}

.nbanner .bannerText .textItem .bannerMenuUt .lt{
	margin-right: 8%;
	padding-bottom: 3%;
	
}

.nbanner .bannerText .textItem .bannerMenuUt .lt:hover .link,
.nbanner .bannerText .textItem .bannerMenuUt .lt.active .link
{
	color: #FFBA00;
}

.nbanner .bannerText .textItem .bannerMenuUt .lt:hover,
.nbanner .bannerText .textItem .bannerMenuUt .lt.active{
	border-bottom: 3px solid #FFBA00;
}

.nbanner .w1400 .textItem{
	padding-bottom: 1%;
}
.nbanner .bannerText .textLeftItem{
	margin-top: 12%;
}
.nbanner .bannerText .textLeftItem .title{
	font-weight: bold;
	font-size: 52px;
	color: #FFFFFF;
	margin-bottom: 2%;
}

.nbanner .bannerText .textLeftItem .content{
	font-size: 16px;
	color: #FFFFFF;
	line-height: 2;
}

.nbanner .bannerText .textLeftItem .content a{
	color: #e99a10;
}

.nbanner .nbannerForm{
	width: 540px;
	height: 52px;
	background: #FFFFFF;
	border-radius: 10px;
	overflow: hidden;
	margin-top: 10%;
}

.nbanner .nbannerForm form
{
	height: 100%;
	font-size: 14px;
	color: #ABABAB;
	padding: 0 5%;
}
.nbanner .nbannerForm form input{
	width: 100%;
}
.nbanner .nbannerForm form input,
.nbanner .nbannerForm form button{
	border: initial;
}

.nbanner .nbannerForm form button{
	background: initial;
}

.nbanner .nbannerForm form button .iconfont{
	font-size: 24px;
	color: #FFBA00;
}

.subMenu{
	background: #F6F7F9;
}

.subMenu .subMenuUt{
	/* height: 60px; */
}

.subMenu .subMenuUt .lt{
	margin-left: 8%;
	padding: 15px 0;
}

.subMenu .subMenuUt.menu2{
	justify-content: space-between;
}

.subMenu .subMenuUt.menu2 .lt{
	margin-left: initial;
}

.subMenu .subMenuUt .lt:first-child{
	margin-left: initial;
}

.subMenu .subMenuUt .lt .link{
	font-size: 16px;
	color: #333333;
	display: block;
}

.subMenu .subMenuUt .lt:hover,
.subMenu .subMenuUt .lt.lt.active{
	border-bottom: 3px solid #FFBA00;
}

.subMenu .subMenuUt .lt:hover .link,
.subMenu .subMenuUt .lt.lt.active .link{
	color: #FFBA00;
}

.mainContainer .contentItem{
	padding-top: 6%;
	padding-bottom: 8%;
}

.sampTitle{
	font-weight: bold;
	font-size: 42px;
	color: #000000;
	line-height: 1;
}

.sampInfo{
	font-family: Arial;
	font-size: 26px;
	color: #000000;
	line-height: 1.3;
	margin-top: 50px;
	margin-bottom: 25px;
}

.sampInfo.listInfo{
	font-size: 14px;
	color: #737373;
	line-height: 1.7;
	width: 70%;
	margin: 4% auto 4%;
	text-align: center;
}

.sampcontent{
	font-size: 16px;
	color: #737373;
	line-height: 2;
}
.sampcontent .img2 img{
	max-width: 49%;
	border-radius: 16px;
	overflow: hidden;
}
.mainContainer .contentItem .item{
	margin-bottom: 5%;
}

.mainContainer .contentItem .item .itemLeft{
	width: 53.42%;
}

.mainContainer .contentItem .item .itemRight{
	width: 40.85%;
	background: #F6F7F9;
	border-radius: 25px;
	overflow: hidden;
}

.honorUt .lt{
	width: 47.86%;
	background: #F8F8F8;
	border-radius: 25px;
	overflow: hidden;
	padding: 30px 32px 30px 41px;
	margin-bottom: 4%;
}

.honorUt .lt .year{
	font-weight: bold;
	font-size: 42px;
	color: #000000;
	line-height: 30px;
}

.honorUt .lt .info{
	font-size: 16px;
	color: #000000;
	line-height: 1.7;
}

.honorUt .lt .honorBtn{
	width: 61px;
	height: 26px;
	background: #FFFFFF;
	border-radius: 13px;
	overflow: hidden;
}

.honorUt .lt .honorBtn .link{
	color: #000000;
	font-size: 14px;
}

.honorUt .lt .ltRight{
	position: relative;
}

.honorUt .lt .ltRight .imt{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	object-fit: cover;
}

.honorUt .lt:hover .honorBtn{
	background: #FFBA00;
}

.honorUt .lt:hover .honorBtn .link{
	color: #ffffff;
}

.sampLine{
	margin: 3% 0 4% 0;
	height: 1px;
	width: 100%;
	background: #CAD8E8;
}
.sampLine1{
	margin-top: 3%;
	height: 1px;
	width: 100%;
	background: #e1e1e1;
}
.sampLine2{
	height: 1px;
	width: 100%;
	background: #e1e1e1;
}
.sampLeftTitle{
	font-size: 26px;
	color: #000000;
	line-height: 1.3;
}

.mainContainer .detailItem .itemLeft{
	width: 25.64%;
}

.mainContainer .detailItem .itemRight{
	width: 68.37%;
}

.mainContainer .detailItem .itemLeft .item{
	margin-bottom: 10%;
}

.leftCateUt{
	
}

.leftCateUt .lt{
	
	margin-bottom: 4%;
}

.leftCateUt .lt .ltItem{
	background: #F7F7F7;
	border-radius: 10px;
	overflow: hidden;
	width: 100%;
	height: 64px;
	line-height: 64px;
	padding: 0 24px 0 20px;
}

.leftCateUt .lt .link{
	display: block;
	font-size: 20px;
	color: #333333;
	
}

.leftCateUt .lt .link .iconfont{
	font-size: 16px;
	color: #ABABAB;
}

.leftCateUt .lt .link .iconfont.chose{
	display: none;
}

.leftCateUt .lt.active .ltItem,
.leftCateUt .lt:hover .ltItem
{
	background: #FFBA00;
}

.leftCateUt .lt.active .link,
.leftCateUt .lt.active .link .iconfont,
.leftCateUt .lt:hover .link,
.leftCateUt .lt:hover .link .iconfont
{
	color: #FFFFFF;
}

.leftCateUt .lt.active .icon .chose{
	display: block;
}

.leftCateUt .lt.active .icon .default{
	display: none;
}

.leftCateUt .lt .subCateUt{
	margin: 3% 0 4% 0;
}

.leftCateUt .lt .sublt{
	padding: 0 30px 0 26px;
}

.leftCateUt .lt .sublt .sublink{
	font-size: 16px;
	color: #333333;
	line-height: 2.2;
}

.sampLeftLine{
	margin: 6% 0 10% 0;
	background: #E1E1E1;
}

.leftCateUt .lt .subCateUt{
	display: none;
}

.leftCateUt .lt .sublt.active .sublink,
.leftCateUt .lt .sublt:hover .sublink{
	color: #FFBA00;
}

.leftCateUt .lt.active .subCateUt{
	display: block;
}

.newsUt .lt{
	width: 100%;
	padding-bottom: 8%;
	border-bottom: 1px solid #E1E1E1;
}

.newsUt .ltText .time{
	font-size: 12px;
	color: #999999;
	line-height: 2;
}

.newsUt .ltText .title{
	font-size: 16px;
	color: #333333;
	line-height: 1.5;
	margin: 4% 0;
}

.newsUt .ltText .link{
	font-size: 14px;
	color: #333333;
	line-height: 1.8;
	display: block;
}

.newsUt .imtItem{
	position: relative;
	margin-top: 10%;
	margin-bottom: 8%;
	border-radius: 15px;;
	overflow: hidden;
}

.newsUt .imtItem .imt{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	object-fit: cover;
}

.newsUt .lt:hover .ltText .link{
	color: #FFBA00;
}
.newsUt .lt:hover,
.newsUt .lt:hover .ltText
{
	border-color: #FFBA00;
}

.sampDetailTitle{
	font-weight: bold;
	font-size: 28px;
	color: #333333;
	line-height: 1.5;
}

.sampDetailTip{
	font-size: 14px;
	color: #999999;
	line-height: 5;
}

.sampDetailLine{
	background: #E1E1E1;
}

.sampPn .link{
	font-size: 16px;
	color: #000000;
	line-height: 2;
}

.sampPn .link .iconfont{
	font-size: 14px;
}

.sampPn .prev .link .iconfont{
	margin-right: 20px;
}

.sampPn .next .link .iconfont{
	margin-left: 20px;
}

.sampPn .link:hover,
.sampPn .link:hover .iconfont{
	color: #FFBA00;
}

.listItem .newsUt .imtItem{
	margin-top: initial;
	margin-bottom: initial;
}

.listItem .newsUt .imtItem{
	width: 37.6%;
	border-radius: 25px;
}
.knowListItem.listItem .newsUt .imtItem{
	width: 25.64%;
	border-radius: 20px;
}

.listItem .newsUt .ltText{
	width: 57.78%;
	height: 100%;
	border-bottom: 1px solid #E1E1E1;
}

.knowListItem.listItem .newsUt .ltText{
	width: 69.65%;
}

.listItem .newsUt .ltItem.noImt .ltText{
	width: 100%;
}
.listItem .newsUt .ltText .time{
	margin-top: 3%;
}
.listItem .newsUt .ltItem.noImt .ltText .time{
	margin-top: initial;
}

.listItem .newsUt .ltText .title{
	font-size: 18px;
	margin: 3% 0 4% 0;
}

.knowListItem.listItem .newsUt .ltText .title{
	margin: 1% 0 2% 0;
}

.listItem .newsUt .ltItem.noImt .ltText .title{
	margin: 1.6% 0 2.3% 0;
}

.newsUt .ltText .info{
	font-size: 16px;
	color: #747474;
	line-height: 1.5;
	height: 22.5%;
}

.listItem .newsUt .ltText .link{
	margin: 5% 0;
}

.knowListItem.listItem .newsUt .ltText .link{
	margin: 2% 0;
}

.listItem .newsUt .ltItem.noImt .ltText .link{
	margin: 2.6% 0;
}

.listItem .newsUt .lt{
	border-bottom: initial;
	padding-bottom: 5%;
}

.pageNum{
	text-align: center;
}

.pageNum a{
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	background: #F6F6F6;
	border-radius: 5px;
	overflow: hidden;
	font-family: Microsoft YaHei;
	font-size: 16px;
	color: #333333;
	text-align: center;
	margin-left: 1.5%;
}

.pageNum a:first-child{
	margin-left: initial;
}

.pageNum a.active{
	background: #4555B9;
	color: #FFFFFF;
}

.pageNum a.prev,
.pageNum a.next{
	width: 48px;
}

.sampForm .sampTip{
	font-size: 16px;
	color: #737373;
	line-height: 1.5;
	margin: 2% 0;
}

.sampForm .form-control{
	font-size: 14px;
	color: #ABABAB;
	padding: 14px 36px;
}

.sampForm .form-item .form-control{
	height: 56px;
	background: #FFFFFF;
	border-radius: 10px;
	border: 1px solid #E1E1E1;
	overflow: hidden;
	
}

.sampForm .form-textarea .form-control{
	height: 160px;
	border-radius: 10px;
}

.sampForm .form-item .form-group{
	width: 31.2%;
	position: relative;
}

.sampForm .form-item.item2 .form-group{
	width: 48.29%;
}
.sampForm .form-item.item3 .form-group{
	width: 100%;
}

.sampForm .form-item.item3 .form-group.captchar p{
	display: flex;
	height: 56px;
	line-height: 56px;
}

.sampForm .form-item.item3 .form-group.captchar p span .wpcf7-not-valid-tip{
	display: block;
}

.sampForm .form-item.item3 .form-group.captchar p span input{
	height: 56px;
	background: #FFFFFF;
	border-radius: 10px;
	border: 1px solid #E1E1E1;
	font-size: 14px;
	color: #ABABAB;
	padding: 14px 36px;
	margin-left: 1.5rem;
}

.sampForm .form-item.item3 .form-group.captchar p img{
	height: 54px;
	width: 120px;
	border-radius: 10px;
	margin-left: -121px;
	margin-top: 1px;
}

.sampForm .form-item .star{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 16px;
	color: #FF0000;
	width: 6px;
	height: 12px;
}
/**
 * 隐藏默认下拉按钮
 */
.sampForm .form-item select{
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
/**
 * 添加下拉按钮
 */
.sampForm .form-item .pull{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 16px;
	color: #ABABAB;
	/**
	 * 给下拉按钮加上点击下来
	 */
	pointer-events: none;
}

.sampForm .form-group{
	margin-bottom: 30px;
}

.sampForm .btn button{
	width: 200px;
	height: 64px;
	background: #E3E3E3;
	border-radius: 10px;
	overflow: hidden;
	border: initial;
	font-size: 18px;
	color: #333333;
}

.sampForm .btn input{
	width: 200px;
	height: 64px;
	background: #E3E3E3;
	border-radius: 10px;
	overflow: hidden;
	border: initial;
	font-size: 18px;
	color: #333333;
}

.sampForm .btn button.submit{
	background: #4555B9;
	color: #FFFFFF;
	margin-right: 10%;
}

.sampForm .btn .submit{
	background: #4555B9;
	color: #FFFFFF;
	margin-right: 10%;
}

.sampForm.bg1{
	background: url(../img/product-detail-sale.png) no-repeat center;
	background-size: cover;
	padding-top: 4%;
	padding-bottom: 5%;
}

.sampForm.bg1 .contentItem{
	background: rgba(255,255,255,0.9);
	border-radius: 25px;
	overflow: hidden;
	padding: 4%;
}


.mainContainer .contentItem.p-b-0{
	padding-bottom: initial;
}

.mainContainer .indexCase .screen-four .screen-four-item2{
	padding-left: initial;
	padding-right: initial;
	
}

.mainContainer .indexCase{
	width: 45.7%;
	margin-top: 3%;
}

.mainContainer .rightForm{
	width: 48.57%;
	margin-top: -45%;
	background: #FFFFFF;
	border-radius: 25px;
	overflow: hidden;
	padding-left: 3%;
	padding-right: 3%;
	position: relative;
	z-index: 1;
}

.mainContainer .indexCase .screen-four .sfi2-item{
	width: 29.83%;
}

.bgsale{
	background: #FAF9F9;
}

.subMenuUt2{
	background: #F6F7F9;
	border-radius: 10px;
	overflow: hidden;
	padding: 10px 0;
	margin-bottom: 4%;
}

.subMenuUt2 .lt{
	border-radius: 10px;
	overflow: hidden;
	padding: 10px 16px;
	margin:0 18px;
	
}

.subMenuUt2 .lt .link{
	font-size: 16px;
	color: #000000;
}

.subMenuUt2 .lt.active{
	border: 1px solid #FFBA00;
}

.subMenuUt2 .lt.active .link{
	color: #FFBA00;
}

.sampForm{
	background: #FAF9F9;
}

.mainContainer .sampRelate .contentItem {
	padding-bottom: 5%;
}

.projectUt{
	margin-left: -1.71%;
}

.projectUt .lt{
	width: 31.62%;
	margin-left: 1.71%;
	background: #FFFFFF;
	overflow: hidden;
	margin-bottom: 3%;
	border-radius: 25px;
}
.projectUt .lt:hover .textItem{
	border: initial;
}
.projectUt .lt:hover{
	box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.15);
}

.projectUt .lt:hover .textItem .link{
	color: #FFBA00;
}

.projectUt .imtItem{
	position: relative;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	
}

.projectUt .imtItem .imt{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	object-fit: cover;
}

.projectUt .textItem{
	padding: 36px 35px 45px 30px;
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
	border: 1px solid #C7C7C7;
}

.projectUt .textItem .title{
	font-weight: 400;
	font-size: 18px;
	color: #333333;
	height: 50px;
}

.projectUt .textItem .info{
	font-size: 14px;
	color: #818181;
	line-height: 1.7;
	padding-top: 3%;
	padding-bottom: 8%;
	height: 130px;
}

.projectUt.solutionMain .textItem .info{
	padding-bottom: initial;
	height: 110px;
}

.projectUt .textItem .link{
	font-size: 14px;
	color: #333333;
	line-height: 1.7;
}

.sampRelate .projectUt{
	margin-top: 4%;
}

.m-b-2{
	margin-bottom: 2%;
}

.sampRelate.bg{
	background: #F6F7F9;
}

.sampRelate.bg1{
	background: url(../img/product-detail-relate-bg.png) no-repeat center;
	background-size: cover;
}
.productUt{
	margin-left: -1.3%;
}
.productUt .lt{
	width: 23.7%;
	margin-left: 1.3%;
}
.productUt.productListUt{
	margin-bottom: 3%;
	margin-left: -2.3%;
}

.productUt.productListUt .lt{
	width: 22.7%;
	margin-left: 2.3%;
	margin-bottom: 4%;
}

.productUt .lt .imtItem{
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}

.productUt .lt .imtItem .imt{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	object-fit: cover;
}

.productUt .lt .textItem .title{
	text-align: center;
	font-size: 16px;
	color: #000000;
	line-height: 2;
	margin-top: 6%;
}

.productUt .lt:hover .textItem .title{
	color: #FFBA00;
	text-decoration-line: underline;
}

.productUt .lt:hover .imtItem{
	background: #FFFFFF;
	box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.15);
}

.sampRelate .productUt{
	margin-top: 5%;
}

.projectUt.solutionUt .textItem .title{
	height: auto;
	margin-bottom: 5%;
}

.solutionUt .lt{
	margin-bottom: 8%;
}

.solutionUt .lt:hover .ltText .title{
	color: #FFBA00;
}

.solutionUt .imtItem{
	position: relative;
}

.solutionUt .imtItem .imt{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	object-fit: cover;
}

.solutionUt.leftSolutionUt .imtItem{
	width: 30%;
}

.solutionUt.leftSolutionUt .ltText{
	width: 64%;
}

.solutionUt .ltText .title{
	font-size: 14px;
	color: #000000;
	line-height: 1.7;
}

.solutionUt.listSolutionsUt .lt{
	background: #FFFFFF;
	border-radius: 25px;
	overflow: hidden;
	border: 1px solid #E1E1E1;
	padding: 3% 3.5% 3% 2.5%
}

.solutionUt.listSolutionsUt .lt .imtItem{
	background: #F6F7F9;
	border-radius: 20px;
	overflow: hidden;
	width: 38.7%;
}

.solutionUt.listSolutionsUt .lt .ltText{
	width: 56.6%;
}

.solutionUt.listSolutionsUt .ltText .title{
	font-size: 20px;
	color: #333333;
	line-height: 1.2;
}

.solutionUt.listSolutionsUt .ltText .info{
	font-size: 16px;
	color: #747474;
	line-height: 1.5;
	margin: 3% 0 4% 0;
}

.solutionUt.listSolutionsUt .ltText .link{
	font-size: 14px;
	color: #333333;
	line-height: 1.7;
}

.faqUt .lt{
	padding: 3% 0;
	border-bottom: 1px solid #e1e1e1;
}

.faqUt .lt .title{
	font-size: 18px;
	color: #333333;
	line-height: 1.5;
}

.faqUt .lt .info{
	font-size: 16px;
	color: #737373;
	line-height: 1.5;
	margin-top: 2%;
	margin-bottom: 1%;
	display: none;
}

.faqUt .lt .icon{
	margin-right: 2%;
}

.faqUt .lt .icon .iconfont{
	font-size: 20px;
	color: #000000;
}

.faqUt .lt .icon .open{
	display: none;
}

.faqUt .lt.active .info{
	display: block;
}

.faqUt .lt.active .icon .default{
	display: none;
}

.faqUt .lt.active .icon .open{
	display: block;
	color: #FFBA00;
}

.searchUt{
	margin-bottom: 5%;
}

.searchUt .lt{
	padding: 3%;
	margin-bottom: 3%;
}

.searchUt .lt:hover{
	background: #FFFFFF;
	box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.15);
	border-radius: 20px;
	overflow: hidden;
}

.searchUt .lt:hover .titleItem .title{
	color: #FFBA00;
}

.searchUt .titleItem{
	font-size: 18px;
	color: #333333;
	line-height: 1.3;
	
}

.searchUt .titleItem .title{
	margin-left: 2%;
	padding-left: 2%;
	position: relative;
}

.searchUt .titleItem .title:before{
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	bottom: 0;
	width: 1px;
	background: #D7D7D7;
}

.searchUt .info{
	font-weight: 400;
	font-size: 16px;
	color: #747474;
	line-height: 24px;
	margin-top: 3%;
}

.mMenuBtn{
	display: none;
	margin-right: 5%;
}

.mMenuBtn .iconfont{
	font-size: 24px;
}

#menu .gb{
	position: absolute;
	right: 20px;
	top: 20px;
	display: none;
}
#menu .gb img{
	width: 20px;
	height: 20px;
}
#menu{
	background: #ffffff;
	position: fixed;
	left: 0;
	right: 0;
	top:60px;
	bottom: 0;
	overflow: auto;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	opacity: 0;
	display: none;
	transform: translate(0,0);
	z-index: 9000;
		border-top: 1px #d7d7d7 solid;
}
.f2,.f3{
	display: none;
	
}
.leftMenu li.hasChild.open .f2{
	display: block;
	height: auto !important;
}
.leftMenu li.hasChild.open .f2 li{
	padding-left: 20px;
	margin-left: 0;
	margin-right: 0;
}
.f3 li{
	padding-left: 20px;
	margin-left: 0;
	margin-right: 0;
}


.leftMenu li.hasChild.open li.hasChild.open .f3{
	display: block;
	height: auto !important;
	}
.menu-open{
	transform: translate(0,0) !important;
	display: block !important;
	opacity: 1 !important;
	z-index: 9000000 !important;
}
.leftMenu li{
	line-height: 50px;
	margin: 0 15px;
	
}
.leftMenu li + li{
	border-top: 1px #d7d7d7 solid;
}
.leftMenu li a{
	display: block;
	padding: 0 15px;
	color: #333;
	
	font-size: 16px;
	box-sizing: border-box;
	
	overflow: hidden;
}
.leftMenu li.hasChild>a{
	color: #333;
	position: relative;
}
.leftMenu li.hasChild>a::after{
	position: absolute;
	right: 10px;
	top: 10px;
	background: url(../img/j1.png) no-repeat;
	background-size: 20px 20px;
	content: "";
	width: 20px;
	height: 20px;
}
.leftMenu li.hasChild.open>a::after{
	background: url(../img/j2.png) no-repeat;
	background-size: 20px 20px;
}
li.hasChild.open>a{
	border-bottom: 1px #D7D7D7 solid;
	font-weight: bold;
	color: #FFBA00;
}
.f3 a{
	color: #818181 !important;
}
.subMenu .subMenuUt.menu2{
	flex-wrap: wrap;
}

.leftMenu li.active a{
	border-bottom: 1px #D7D7D7 solid;
	font-weight: bold;
	color: #FFBA00 !important;
}
.containerItem{
	width: 100%;
	height: auto;
	font-family: Arial;
}

.containerItem .item{
	width: 100%;
	position: relative;
}

.containerItem .item img{
	width: 100% !important;
}

.containerItem .item .itemText{
	width: 100%;
	position: absolute;
	top: 40%;
	transform: translateY(-40%);
}
.containerItem .item .itemText .itembox{
	max-width: 620px;
}
.containerItem .item.text-right .itemText .itembox{
	float: right;
}
.containerItem .item.text-center .itemText .itembox{
	text-align: center;
	margin: 0 auto;
}

.containerItem .item .itemText .title,
.containerItem .text-left-img-right .title,
.containerItem .text-right-img-left .title{
	font-weight: bold;
	font-size: 42px;
	line-height: 1.5;
}
.containerItem .item .itemText .tip,
.containerItem .text-left-img-right .tip,
.containerItem .text-right-img-left .tip{
	font-weight: bold;
	font-size: 32px;
	line-height: 1.5;
}
.containerItem .item .itemText .text,
.containerItem .text-left-img-right .text,
.containerItem .text-right-img-left .text{
	font-size: 16px;
	line-height: 2;
	margin-top: 2rem;
}
.containerItem .item.text-left .itemText{
	color: #FFFFFF;
}
.containerItem .item.text-right .itemText,
.containerItem .text-left-img-right .itembox,
.containerItem .text-right-img-left .itembox{
	color: #000000;
}
.containerItem .item.text-center .itemText{
	color: #FFFFFF;
}
.containerItem .text-left-img-right,
.containerItem .text-right-img-left{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.containerItem .text-left-img-right .imgBox,
.containerItem .text-left-img-right .itembox,
.containerItem .text-right-img-left .imgBox,
.containerItem .text-right-img-left .itembox{
	width: 48%;
}

.containerItem .text-left-img-right img,
.containerItem .text-right-img-left img{
	width: 100%;
	border-radius: 20px;
	overflow: hidden;
}

.containerItem .text-left-img-right,
.containerItem .text-right-img-left{
	margin: 2rem 0;
}
.containerItem .text-right-img-left{
	flex-direction: row-reverse;
}

.containerItem .bigImg{
	margin-top: 1rem;
}

.containerItem .detailText{
	margin-top: 2rem;
}

.containerItem .detailText .title{
	font-weight: bold;
	font-size: 32px;
	color: #000000;
	line-height: 1.5;
}
.containerItem .detailText .content{
	font-size: 16px;
	color: #737373;
	line-height: 2;
}
.containerItem .bat{
	font-size: 16px;
	color: #737373;
	line-height: 2;
}
.containerItem .bat .spt{
	margin: 0 0.5rem;
}

.containerItem .param{
	background: #FAF9F9;
	font-family: Arial;
}
.containerItem .param .paramArea{
	margin: 4% 0 5% 0;
}
.containerItem .param .paramArea .title{
	font-weight: bold;
	font-size: 42px;
	color: #333333;
	line-height: 1.5;
	margin-bottom: 3rem;
}

.containerItem .param .paramArea .item{
	font-size: 16px;
	color: #737373;
	border-top: 1px solid #D7D7D7;
	padding: 2rem 0;
}

.containerItem .param .paramArea .item:last-child{
	border-bottom: 1px solid #D7D7D7;
}

.containerItem .param .paramArea .item .name{
	font-weight: bold;
	color: #333333;
}

.containerItem .param .paramArea .item .name,
.containerItem .param .paramArea .item .text{
	width: 50%;
}

/**
*增加圆点与序号
 */
.containerItem .detailText .content ol li,
.containerItem .item .itemText .itembox ol li{
	list-style-type: none; /* 移除默认的编号 */
}

.containerItem .detailText .content ol li:before,
.containerItem .item .itemText .itembox  ol li:before{
	content: "自定义编号: "; /* 自定义前缀 */
	counter-increment: item; /* 创建一个计数器 */
}

.containerItem .detailText .content ol li:before,
.containerItem .item .itemText .itembox  ol li:before{
	content: counters(item, ".") " "; /* 使用计数器生成编号，例如1.2.3 */
}
.containerItem .detailText .content ol,
.containerItem .item .itemText .itembox  ol{
	counter-reset: item; /* 初始化计数器 */
}

.containerItem .detailText .content ol li,
.containerItem .item .itemText .itembox  ol li{
	display: block; /* 确保每个列表项都占据一行 */
}

.containerItem .detailText .content ol li:before,
.containerItem .item .itemText .itembox  ol li:before{
	content: counters(item, ".") ". "; /* 使用计数器和点作为分隔符 */
	counter-increment: item; /* 每次应用时增加计数器 */
}

.containerItem .detailText .content ul,
.containerItem .item .itemText .itembox  ul{
	list-style-type: none; /* 首先移除默认的圆点 */
}

.containerItem .detailText .content ul li::before,
.containerItem .item .itemText .itembox  ul li::before{
	content: "•"; /* 使用Unicode字符创建一个新的圆点 */
	margin-right: 0.5rem;
}
/*-------------------------------
			scrollsidebar start
			----------------------------------*/
.scrollsidebar, .scrollsidebar a { color: #999; font-size: 12px; font-family: Arial; }
.scrollsidebar {position: fixed;top: 80px;right: 0;z-index: 30;}
.show_btn { position: absolute; top: 0; right: 0; display: block; overflow: hidden; overflow: hidden; width: 38px; height: 192px; background: url(../img/custom_service/show_btn.png) no-repeat center center; cursor: pointer; }
.side_content { float: left; overflow: hidden; width: 0; height: auto; display:none;}
.side_content .side_list { position: relative; overflow: hidden; width: 140px; border: 1px solid #dadada; border-radius: 8px; background: #fff; }
.side_content .side_list .hd img { width: 100%; border-bottom: 1px solid #dadada; }
.side_content .side_list .cont li { position: relative; height: 40px; border-bottom: 1px solid #dadada; list-style: none; line-height: 40px; }
.side_content .side_list .cont li img{ width:auto;}
.side_content .side_list .cont li a { position: relative; display: block; padding: 0 0 0 43px; text-decoration: none; }
.side_content .side_list .cont li a:before { position: absolute; top: 0; left: 10px; display: block; overflow: hidden; width: 25px; height: 40px; background-position: center center; background-repeat: no-repeat; content: ""; }
.side_content .side_list .cont li .email:before { background-image: url(../img/custom_service/icons01.png); }
.side_content .side_list .cont li .skype:before { background-image: url(../img/custom_service/icons02.png); }
.side_content .side_list .cont li .skype123:before { background-image: url(../img/custom_service/icons02.png) !important; }
.side_content .side_list .cont li .whatsapp123:before { background-image: url(../img/custom_service/whatsapp123.png) !important; }
.side_content .side_list .cont li .inquiry:before { background-image: url(../img/custom_service/icons03.png); }
.side_content .side_list .cont li .qq:before { background-image: url(../img/custom_service/icons04.png); }
.ww { margin-left: -30px; }
.side_content .side_list .t-code { padding: 10px 10px 7px; border-bottom: 1px solid #dadada; }
.side_content .side_list .t-code img { width: 100%; }
.side_content .side_list .side_title { padding: 0 12px; height: 30px; line-height: 30px; }
.side_content .side_list .side_title .close_btn { position: absolute; right: 10px; bottom: 0; width: 12px; height: 30px; background: url(../img/custom_service/close.png) no-repeat center center; cursor: pointer; }
.side_content .side_list .side_title .close_btn span { display: none; }
/*-------------------------------
			scrollsidebar end
			----------------------------------*/