@charset "utf-8";
body,html{ min-width: 1200px;font-size: 20px; transition: font-size 0.3s ease;} /* overflow-x: hidden; */
*{ margin:0; padding:0;box-sizing: border-box;}
body,p,h1,h2,h3,h4,h5,table,ul,li,form,input{ margin:0; padding:0; color:#000; font-family:"Microsoft yahei"; }

body{border:none; color: #000;}
p{ font-size:0.7rem; border:none; color: #000;}
a{ font-size:0.7rem; color:#000; text-decoration:none; border:none; padding:0; margin:0;}
table{border-collapse:collapse;}
img{ border:0; margin:0; padding:0;}
ul,li{ list-style:none; border:0; margin:0; padding:0;}
dl,dt,dd{ margin:0; padding:0; -webkit-margin-start:0;}
h1,h2,h3,h4,h5{ font-weight:normal; font-size:12px; display:block;}
strong,b{ font-weight:normal;}
table,tr,td{ border-spacing:0;}
em,i,b{ font-style:normal;}
p{ line-height: 170%; color: #555; font-size: 0.7rem;}
input{ border: none; background: none; }
select { border: none;background:#00544D;color: #fff;outline: none; padding-right: 0.7rem;font-size: 0.9rem;}
figcaption{ display: block;}
input:focus{ outline: none; }
::-webkit-input-placeholder { /* WebKit browsers */ font-size:0.7rem; color: #dfdfdf; } 
::-ms-input-placeholder { /* Internet Explorer 10+ */ font-size:0.7rem;color: #dfdfdf; } 
.fl{float:left;}
.fr{float:right;}
.clearfix{*zoom:1;} 
.clearfix:before,.clearfix:after{display:table; line-height:0; content:"";}
.clearfix:after{clear:both;}
.w1200{ width: 1232px; margin: 0 auto;}
.w1420{ width:95rem; display: flex;justify-content: space-around;}
.indexActive {
	font-weight: 500;
	background-color: rgba(255, 255, 255, 0.1);
	border-bottom: 4px solid #34e5ce;
	box-sizing: border-box;
}

body {
	scrollbar-width: thin;
	scrollbar-color: #718096 #edf2f7;
}

::-webkit-scrollbar {
	width: 8px;
	height: 8px;
  }
  
  /*定义滚动条轨道 内阴影+圆角*/
  ::-webkit-scrollbar-track {
	border-radius: 10px;
	background-color: #fafafa;
  }
  
  /*定义滑块 内阴影+圆角*/
  ::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: rgb(191, 191, 191);
  }

.footer input {cursor: pointer;}

.top{ height: 4rem; position: fixed; top: 0; left: 0; right: 0;  background: #00544D; z-index: 3366;
padding: 0 60px; overflow: hidden;}
.top .logo { display: inline-block;line-height: 4rem; height: 4rem; display: flex; align-items: center;}
.top .logo img{ display: block; height: 2.5rem; }
.navbar{ left: 382px; position: absolute;} 
.navbar li{ float: left; padding: 0 2.25rem; height: 4rem;}  /* 12 */
.navbar li a{ color: #EDEDEE; font-size: 1.1rem; height: 4rem; line-height: 4rem;  display: block;}
.navbar li:hover a{ color: #34E5CE;}
.navbar .scroll-nav { height: 2px;  background: #E1701D; position: absolute; left: 10px; overflow: hidden; bottom: 0;
width: 90px;}
.top .p1{ line-height: 4rem; font-family: "PingFangSC";  font-size: 1.1rem; color: #fff;} 
.top .tell{ margin: 0.9rem;} /* 12 */
.top .rinfo{ height: 100%; display: flex;} 
.top .rinfo .languagebix{display: flex;margin-left: 78px;font-size: 18px;} 
.top .searchbtn{ cursor: pointer; display: block; margin:40px 20px 0 20px;}
.top .codebtn{ cursor: pointer; display: block; margin-top:40px;  }
.top.on{  border-bottom: 1px solid #E0E0E0;}

.sousuo{ position: fixed; top: 105px; background: #fff; z-index: 33; left: 0; right: 0; padding: 30px 0; border-top: 1px solid #E0E0E0;
transition: all 1s; transform: translateY(100%); opacity: 0; filter:alpha(opacity=0); visibility: hidden;} 
.sousuo div{ margin: 0 auto; width: 610px;  }
.sousuo .input1{ display: block; width: 500px; height: 50px; line-height: 50px; float: left;
background: #f5f5f5; font-size: 14px; color: #666; padding-left: 10px; }
.sousuo .sub{float: left; display: block;  height: 50px; width: 100px; font-size:14px; color: #000; cursor: pointer;
background: #ffcc00;}
.sousuo.on{ transform: none; opacity: 1; filter:alpha(opacity=100); visibility: visible;}

.topcode{ position: fixed; top: 105px;z-index: 33; right: 30px; 
transition: all 1s; transform: translateY(30%); opacity: 0; filter:alpha(opacity=0)} 
.topcode.on{ transform: none; opacity: 1; filter:alpha(opacity=100)}

.main-icons {
	display: flex;
	margin-top: 6.6rem;
}
.main-icons li {
	margin-right: 0.5rem;
}
.main-icons img{
	width: 3.1rem;
	height: 3.1rem;
}

.indexTitle{width: 100%; height: 6.35rem; background: #32E0CF;overflow: hidden;}
.indexTitle p {font-family: "PingFangSC Medium"; font-size: 1.5rem; font-weight: 500; color: #2F2F2F;line-height: 6.35rem;text-align: center;}
.indexTitle img {display: flex;height: 3.75rem;background: transparent;margin: 1.3rem auto;}
.indexTitle div:first-child{text-align: center;
    font-family: "PingFangSC Medium";
    font-weight: 500;
    font-size: 1.5rem;
    color: #2f2f2f;
    margin-top: 1.45rem;}
.indexTitle div:last-child{text-align: center;
    font-family: "PingFangSC";
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 2rem;
    color: #7a7e86;}

 .indexTitle .activeInfo {
	font-family: "PingFangSC Light";
	font-weight: 300;
	font-size: 1.5rem;
	text-align: left;
	color: #2f2f2f;
 }

.slides li p{height:24px; line-height:24px; text-align:center}

.xiehui{width: 100%;height: 62.15rem;overflow: hidden;padding-top: 50px;}
.xiehui p{font-family: "PingFangSC";font-weight: 400;font-size: 1.5rem;line-height: 2.5rem;text-align: center;color: #292929;margin-top: 2.75rem;padding: 0 12.75rem; }
.xiehui .workimg {display: flex;justify-content: center; margin-top: 3.25rem;}
.xiehui .workimg img{width: 25.8rem;height: 21.3rem;background: transparent;margin-right: 1.3rem;cursor: pointer;transition: all 0.5s ease;}
.xiehui .workimg img:last-child{margin-right: 0;}
.xiehui .workimg img:hover {transform: scale(1.05);}
.xiehui span{display: block;
    font-family: "PingFangSC";
    font-weight: 400;
    font-size: 0.9rem;
    line-height: 1.5rem;
    text-align: center;
    color: #292929;
    margin-top: 2.5rem;}

.backcolor {
	background: linear-gradient(133.07deg, #61dbbe 0%, #32e0cf 100%)!important;
}

.service{width: 100%;height: 87.3rem;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: center;padding-top: 3.15rem;}
.service .card {width: 33rem;display: flex;justify-content: space-between;
	height: 14.5rem;
	border-radius: 1rem;
	background: #f7f7f7;margin-right: 1.5rem;}

.service .card img{width: 8.15rem;height: 8.15rem;margin-top: 3.1rem;margin-left: 2rem;}
.service .card .intro{width: 20.25rem;height: 85%;
    margin-top: 1.4rem;
    margin-right: 0.5rem;}
.service .card .intro .sline {
	width: 17.2rem;
	height: 0;
	background: transparent;
	border: 1px solid #0d9083;
	margin-top: 0.6rem;
	margin-bottom: 0.4rem;
}
.service .card .intro span{font-family: "PingFangSC SNaNpxibold";
	font-weight: 600;
	font-size: 1rem;
	line-height: 2.5rem;
	text-align: left;
	color: #0d9083;}
.service .card .intro p	{
	font-family: "PingFangSC";
	font-weight: 400;
	font-size: 0.8rem;
	line-height: 1.8rem;
	text-align: left;
	color: #464646;
}

.contact {
	width: 100%;
	height: 33.4rem;
	/* background: #ebe8e8; */
	padding: 6rem 8rem;
	overflow: hidden;
	box-sizing: border-box;
	background-image: url(../images/index/bangback.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.contact .contactTitle{
	font-family: "PingFangSC SNaNpxibold";
	font-weight: 600;
	font-size: 1.5rem;
	color: #151515;
}
.lh6 {
	line-height: 3rem;
	margin-bottom: 2rem;
}
.fatherContactCard {
	display: flex;
	justify-content: space-between;
}
.contact .contactCard {
    /* width: 778px; */
	flex: 1;
	height: 14.35rem;
	border-radius: 0.6rem;
	background: #fff;
	box-shadow: 0 10px 16px #00000066;
	padding-top: 1.8rem;
	padding-left: 1.55rem;
	box-sizing: border-box;
}

.fatherContactCard .lmr{
	margin-right: 0.8rem; /* 12 */
}

.fatherContactCard .rml{
	margin-left: 0.8rem; /* 12 */
}

.contact .contactCard .ct{
	margin-bottom: 2rem;
}

.contactTell {
	font-family: "Panton";
	font-weight: 400;
	font-size: 1.4rem;
	/* line-height: 89px; */
	color: #000;
	margin-left: 2.85rem;
}
.phoneNum {
	font-family: "PingFangSC";
	font-weight: 400;
	font-size: 1.4rem;
	/* line-height: 89px; */
	color: #00c2af;
}

.address {
	width: 100%;
	height: 16.75rem;
	background: #4a4a4a;
	padding: 2.4rem 0 1.3rem 0;
}
.address .hTitle {
	font-family: "PingFangSC SNaNpxibold";
	font-weight: 600;
	font-size: 1.4rem;
	color: #fff;
	text-align: center;
}
.address .addressDesc {
	font-family: "PingFangSC";
	font-weight: 400;
	font-size: 1.4rem;
	color: #fff;
	text-align: center;
}
.address .fTitle {
	font-size: 1.5rem;
	margin-top: 1.3rem;
}
.Spacing {
	margin-top: 30px;
	margin-bottom: 10px;
}

.s-content {
	padding: 5rem;
	padding-left: 8rem;
}
.s-title {
	padding-bottom: 1.5rem;
	margin-bottom: 5rem;
	border-bottom: 1px solid #242424;
}
.s-title span {
	font-family: "PingFangSC Medium";
	font-weight: 500;
	font-size: 2rem;
	text-align: left;
	color: #2f2f2f;
}

.s-title p {
	display: inline-block;
	font-family: "PingFangSC Light";
	font-weight: 300;
	font-size: 2rem;
	margin-left: 1.5rem;
	color: #2f2f2f;
}
.s-card {
	overflow: hidden;
	zoom: 1;
	/* height: 510px; */
}

.s-line {
	position: relative;
	float: left;
    width: 2px;
	height: 32.5rem;
    margin-left: 1.65rem;
    margin-top: 2.1rem;
    border-left: 3px dotted #7AE4BF;
}

.s-line:before {
    content: '';
    position: absolute;
    top: -1rem;
    left: 10%;
    transform: translate(-50%, -50%);
    width: 1.15rem;
    height: 1.15rem;
    background-color: #00C37F;
    border-radius: 50%;
}
 
.s-line:after {
	content: '';
	position: absolute;
	top: -1rem;
	left: 10%;
	transform: translate(-50%, -50%);
	width: 1.65rem;
	height: 1.65rem;
	background-color: transparent;
	border-radius: 50%;
	border: 4px solid #7ae4bf;
}

.s-content .s-card .s-text {
	float: left;
	/* position: relative;
	border-left: 2px dotted #00c37f; */
	padding-left: 2.25rem;
}
.s-text h2 {
	width: 30.95rem;
	height: 2.55rem;
	font-family: "PingFangSC SNaNpxibold";
	font-weight: 600;
	font-size: 1.5rem;
	text-align: left;
	color: #383838;
}
.s-text div {
	width: 31rem;
	/* height: 5rem; */
	border-radius: 0.4rem;
	background: #f8f8f8;
	margin-top: 1rem;
	padding: 1.5rem 0.9rem 1.9rem 0.9rem;
	box-sizing: border-box;
}
.s-text img {
    vertical-align: bottom;
}
.s-text p{
	display: inline;
    font-family: "PingFangSC";
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 2rem;
    text-align: left;
    color: #383838;
	margin-left: 1rem;
}
.s-content .s-card .s-img {
	float: right;
}
.s-content .s-card .s-img img {
    width: 43.25rem;
	height: 25rem;
}

.getInfo {
	height: 21.95rem;
	background: #fafafa;
}
.getInfo .info-content {
    width: 52rem;
    height: 100%;
    margin: 0 auto;
	display: flex;
    align-items: center;
    justify-content: space-between;
}
.getInfo .info-content .telephone {
	display: flex;
    align-items: center;
}
.getInfo .info-content .telephone span {
	display: block;
	font-family: "PingFangSC SNaNpxibold";
	font-weight: 600;
	font-size: 2.5rem;
	letter-spacing: 5px;
	text-align: left;
	color: #0d9083;
}

.getInfo .info-content .telephone img {
	vertical-align: middle;
}
.getInfo .info-content .telephone p {
	display: inline-block;
	font-family: "PingFangSC Medium";
	font-weight: 500;
	font-size: 1.2rem;
	text-align: left;
	color: #303534;
}
.getInfo .info-content .copyInfo {
	width: 20.15rem;
	height: 4.3rem;
	border-radius: 2.15rem;
	background: #0d9083;
	display: flex;
    justify-content: space-between;
    align-items: center;
	cursor: pointer;
}

.getInfo .info-content .copyInfo span {
	font-family: "PingFangSC Medium";
	font-weight: 500;
	font-size: 1.2rem;
	text-align: center;
	color: #fff;
}

.questions {
	height: 51.65rem;
	background: #fff;
	display: flex;
	flex-wrap: wrap;
	padding: 2.5rem 6rem 3.5rem 6rem;
}
.questions .textItem {
	flex-basis: calc(50% - 2rem); /* 子元素宽度为 50% - 间隔 */
	margin: 1rem;
	background-color: #f7f7f7;
	text-align: center;
	padding: 1.5rem;
	border-radius: 1rem;
	text-align: left;
}
.questions .textItem span {
	font-family: "PingFangSC SNaNpxibold";
	font-weight: 600;
	font-size: 1.2rem;
	display: inline-block;
	height: 45px;
	text-align: left;
	color: #0d9083;
	margin-bottom: 1rem;
}

.questions .textItem p {
	font-family: "PingFangSC";
	font-weight: 400;
	font-size: 1rem;
	line-height: 2.6rem;
	text-align: left;
	color: #383838;
}

.consult {
	height: 34.75rem;
	background: #fff;
}
.imglist {
	width: 70rem;
	margin: 0 auto;
	position: relative;
	padding-top: 3.75rem;
}
.imglist ul {
	display: flex;
}
.imglist ul li {
	margin-right: 2.25rem;
}
.imglist ul li a {
	display: inline-block;
	width: 21.8rem;
	height: 23.5rem;
	padding: 1rem 0.9rem;
	border-radius: 0.5rem;
	background: #fff;
	box-shadow: 0 1px 26px #0000001a;
}
.imglist ul li a span {
	display: block;
	font-family: "PingFangSC";
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 2.1rem;
	text-align: left;
	color: #2f2f2f;
	margin: 0.75rem 0.5rem;
}
.imglist ul li a p {
	font-family: "PingFangSC Medium";
	font-weight: 500;
	font-size: 1rem;
	line-height: 2rem;
	text-align: left;
	color: #757575;
	margin-left: 0.5rem;
}
.playcommon {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 5rem;
	height: 5rem;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
	z-index: 999;
}
.prev  {
	left: -10rem;
	background-image: url(../images/about/prev.png);
}
.next {
	right: -10rem;
	background-image: url(../images/about/next.png);
}


.carousel .fifth-face {position: relative;display: flex;width: 1345x;height: 41.2rem;justify-content: space-between;background-image: url(../images/index/bowen.png);background-size: 41.5rem 41.5rem;background-repeat: no-repeat;background-position: center center;}
.carousel .fifth-face .col {display: flex;flex-direction: column;justify-content: space-between;z-index: 999;}
.carousel .fifth-face .col .item{width: 19.05rem;height: 18.1rem;border-radius: 1rem;text-align: center;}
/* .carousel .fifth-face .col:nth-child(2) {align-self: center;} */
.carousel .fifth-face .col .item img{ width: 17.55rem;height: 8.9rem;margin-top: 0.5rem;}
.carousel .fifth-face .col .item .desc{ margin-top: 1.2rem;}
.carousel .fifth-face .col .item .desc p{ font-size: 1rem;color: #000;line-height: 1.5rem;}

.carousel .fifth-face .topbox {
	position: absolute; 
	top: 50%; 
	left: 50%;
	transform: translate(-50%, -50%); 
    width: 14.5rem;
    height: 11rem;
	z-index: 3360;
	background-image: url(../images/index/平安钟\(1\)@2x.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.index-prev {
	top: 40%;
	left: 60px;
	background-image: url(../images/index/prev.png);
}
.index-next {
	top: 40%;
	right: 60px;
	background-image: url(../images/index/next.png);
}

.foot .contactText {margin-bottom: 0.5rem;}
.foot .contactText span{
	font-family: "Panton";
	font-weight: 400;
	font-size: 0.8rem;
	letter-spacing: 0.02px;
	color: #fff;
}

.contact-us {
	position: fixed;
	right: 3rem;
	bottom: 4rem;
	cursor: pointer;
	z-index: 999999;
}
.contact-us img{
	width: 5rem;
	height: 5rem;
	cursor: pointer;
}
.software{
	position: fixed;
	right: 0rem;
	top:10rem;
	z-index: 999999;
	background-color: #fff;
	padding:0.3rem 0 0.3rem 0.3rem;
	border-radius: 1rem 0 0 1rem;
}
.software img{
	display: flex;
	flex-direction: column;
	width: 2.5rem;
	height: 2.5rem;
	cursor: pointer;
	border-bottom: 1px solid #f3f4f5;
	margin-bottom: 0.2rem;
	margin-top: 0.2rem;
}

.banner { position:relative; overflow:hidden; margin-top: 4rem;}
.mainImg{ display: block; width: 100%;height: 100%;object-fit: cover;}
.banner .text1{ position: absolute; top: 36%; left: 8rem; bottom: 0; z-index: 33;
transform: translateY(-50%); -ms-transform: translateY(-50%);  -moz-transform: translateY(-50%);
-webkit-transform: translateY(-24%);}
.banner .text1 .p1{ text-align: left; color: #32e0cf; font-size: 3rem; font-weight: 500; animation: none; line-height: 3.5rem;}
.banner .text1 .p2{ text-align: left; color: #2d2d2d; font-size: 1.5rem; animation: none;}  /* 12 */
.banner .text1 a{ text-align: center; color: #fff; font-size: 1.3rem; display: inline-block;margin-top: 1.5rem;margin-right: 0.5rem; width: 10rem; height: 2.5rem;
background: #292929; border-radius: 2.5rem; line-height: 2.5rem; font-family: fantasy;  animation: none;}
.banner .text1 a i{ display: inline-block; font-size: 2rem; vertical-align: middle;}

.banner3 { position:relative; margin-top: 4rem; overflow: hidden;height: 28.65rem; background: linear-gradient(119.56deg, #1fbfb9 0%, #7ce5bf 100%);}
.banner3 .serviceImg { width: 41rem;height: 28.65rem;float: right; margin-right: 7.5rem; }
.banner3 .text3{ position: absolute; top: 45%; left: 13rem; bottom: 0; z-index: 33;
	transform: translateY(-50%); -ms-transform: translateY(-50%);  -moz-transform: translateY(-50%);
	-webkit-transform: translateY(-24%);}
.banner3 .text3 .ps1{ font-family: "PingFangSC SNaNpxibold";font-weight: 600;font-size: 2.4rem;text-align: left;color: #fff;margin-bottom: 1.6rem;	}
.banner3 .text3 .ps2{font-family: "PingFangSC";font-weight: 400;font-size: 1.2rem;line-height: 2rem;text-align: left;color: #fff;	}

.banner li.flex-active-slide .p1,.banner li.flex-active-slide .p2,.banner li.flex-active-slide a{animation-name: fadeInUp;
 animation-duration: 1.5s; animation-fill-mode: both; }
.banner li.flex-active-slide .p2{ animation-delay: 0.5s;}
.banner li.flex-active-slide a{ animation-delay: 1s;}

.banner4 {
	height: 28.65rem;
	margin-top: 4rem;
	padding: 1rem 0;
	background: linear-gradient(221.69deg, #1fbfb9 0%, #7ee6c0 100%);
}
.a-content {
	width: 70rem;
	margin: 0 auto;
	height: 100%;
}

.banner4 .a-content .pa1{ font-family: "PingFangSC SNaNpxibold";font-weight: 600;font-size: 2rem;text-align: left;color: #fff;	margin-bottom: 1.25rem;}
.banner4 .a-content .pa2{font-family: "PingFangSC";font-weight: 400;font-size: 1.5rem;text-align: left;color: #fff;margin-bottom: 1.6rem;}
.banner4 .a-content .pa3{font-family: "PingFangSC";font-weight: 400;font-size: 1rem;line-height: 2rem;text-align: left;color: #fff;	}

.mainImg4 {
	width: 26.3rem;
	height: 26.6rem;
}

.a-serveinfo {
	height: 55.7rem;
	padding: 1.35rem 3rem;
}
.headrtitle {
	border-bottom: 1px solid #4c4a48;
    line-height: 3.25rem;
}
.a-serveinfo .headrtitle img {
	/* width: 14.7rem; */
	height: 3.75rem;
}
.a-serveinfo .sia1{
	font-family: "PingFangSC Medium";
	font-weight: 500;
	font-size: 2rem;
	text-align: left;
	color: #2f2f2f;
	margin-top: 1rem;
    line-height: 2.8rem;
}
.a-serveinfo .sia2{
	font-family: "PingFangSC Light";
	font-weight: 300;
	font-size: 1.5rem;
	text-align: left;
	color: #2f2f2f;
	line-height: 2.1rem;
}

.a-box {
	width: 100%;
	height: 37.05rem;
	margin-top: 2.9rem;
	display: flex;
}
.a-box-img {
	width: 100%;
	height: 37.05rem;
	background-image: url('../images/about/servicewomen.png');
	background-repeat: no-repeat;
	background-position: center;
	object-fit: contain;
	background-size: cover;
	flex: 50;
}
.a-box-crads{
	flex: 100;
	background-color:#2DC5BA;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
	padding: 2.25rem 1.5rem;
}
.crads-item {
	flex: 0 0 calc(25% - 12px);
	height: 14.25rem;
	margin-top: 1.5rem;
	border-radius: 0.5rem;
	background: #fff;
	padding: 1.25rem 0.85rem;
	box-sizing: border-box;
	position: relative;
}
.a-box-crads .crads-item{
	transition: all 0.5s ease;
}
.a-box-crads .crads-item:hover{
	transform: scale(1.08);
}
.crads-item p {
	font-family: "PingFangSC";
	font-weight: 400;
	font-size: 0.9rem;
	line-height: 1.7rem;
	text-align: left;
	color: #2f2f2f;
	margin-top: 0.6rem;
}
.crads-item .circle {
	width: 2.7rem;
	height: 2.7rem;
	background: #4a4a4a;
	border-radius: 50%;
	text-align: center;
	line-height: 2.7rem;
	position: absolute;
	top: -1.35rem;
	left: 37%;
	color: #fff;
	font-family: "PingFangSC Medium";
	font-weight: 500;
	font-size: 1.5rem;
}
.a-box-crads .crads-item:nth-last-child(-n+4) {
    margin-bottom: 0;
}

.product-feature {
	padding: 1rem 0;
	height: 31rem;
	background: #f5f5f5;
}

.product-feature .pa1{ 
	font-family: "PingFangSC Medium";
	font-weight: 500;
	font-size: 3rem;
	line-height: 4.25rem;
	text-align: left;
	color: #2dc5ba;	
}
.product-feature .pa2{font-family: "PingFangSC";font-weight: 400;font-size: 30px;text-align: left;color: #fff;margin-bottom: 32px;}
.product-feature .pa3{
	font-family: "PingFangSC";
	font-weight: 400;
	font-size: 1rem;
	line-height: 2rem;
	text-align: left;
	color: #5f5f5f;
}

.mainImgp {
	width: 37rem;
	height: 17.75rem;
	margin-top: 3.75rem;
}

.index-sec1{ background: url(../img/wenli.png) no-repeat top center; width: 100%; padding-bottom: 2.5rem; background-size: cover;}
.index-sec1 .ul1 { height: 9rem;}
.index-sec1 .ul1 li{ float: left; width: 19.92%; padding: 1rem 0; border-right: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0;
transition: all 0.6s; position: relative; z-index: 22; background: transparent; cursor: pointer;}
.index-sec1 .ul1 li:last-child{ border-right: none;}
.index-sec1 .ul1 .p1{ color: #000; font-weight: bold; font-size: 1.1rem; text-align: center;}
.index-sec1 .ul1 .p2{ color: #999;  font-size: 0.8rem; text-align: center; margin: 5px 0; line-height: 1.6rem;}
.index-sec1 .ul1 i{ display: block; margin: 0 auto; height: 6px; width: 6px; background: #FFCC00; border-radius: 100%;}
.index-sec1 .ul1 li:hover{ transform:translateY(-10px) ; background: #fff; padding: 30px 0;}



.tit .p1 img{ display: block; margin: 0 auto; }
.tit .p2{ font-size: 22px; font-weight: bold; text-align: center; color: #000; padding: 10px 0;}
.tit .p3{ color: #666; font-size: 14px; text-align: center;}
.product{ padding-top: 45px;}
.product .tab-hd{ padding-top: 45px;}
.product .tab-hd li{ float: left; width: 150px; height: 45px; line-height: 45px; text-align: center; background: #f5f5f5;
transition: all 0.6s; font-size: 16px; color: #000; margin-right: 25px;}
.product .tab-hd li:last-child{ margin-right: 0;}
.product .tab-hd li.on,.product .tab-hd li:hover{ background: #ffcc00;}
.product .tab-bd li{ float: left; width: 385px; margin-bottom: 10px; margin-right: 22px;  position: relative; overflow: hidden;}
.product .tab-bd ul {margin-right: -23px; margin-top: 45px;}
.product .tab-bd figure,.product .tab-bd figure img{ display: block; height: 270px; overflow: hidden; transition: all 0.6s; width: 385px;}
.product .tab-bd li p{ text-align: center; color: #000; font-size: 16px; height: 60px; line-height: 60px; transition: all 0.6s;
width: 100%; margin: 0 auto; transform: none; z-index: 33; position: relative;}
.product .tab-bd li:hover p{ background: #FFCC00; transform: translateY(-30px); width: 90%; }
.product .tab-bd li:hover figure img{  transform: scale(1.05);}
.product .pal{ display: none;}
.product .pal.on{ display: block;}


.hf{ background: url(../img/hf.png) no-repeat top center; height: 218px;}
.hf p img{ display: inline-block; vertical-align: 2px; margin-right: 15px;}
.hf p{ color: #fff; font-size: 26px; text-align: right; font-family: arial; padding-top: 60px;}
.hf a{ display: block; width: 155px; height: 50px; text-align: center; color: #fff; font-size: 14px; line-height: 50px; background: #111;
float: right; margin-top: 15px;}



.foot{ background: #1FBFB9;  width: 100%; height: 15rem; overflow: hidden;  }
.foot dl{ float: left;margin-top: 1.5rem;}
.foot dt{ font-family: "Panton Bold";font-weight: 700;font-size: 0.9rem; color: #fff; padding:2.2rem 0;letter-spacing: 0.02px;}
.foot dd a{ display: block; padding-bottom: 0.75rem; transition: all 0.6s;font-family: "Panton";font-weight: 400;font-size: 0.8rem;letter-spacing: 0.02px;color: #fff;}
.foot dd a:hover{ color: #FFCC00; }
.foot .hotline dt { padding: 0;  }
.foot .hotline{ margin-top: 3.05rem; height: 9.65rem;padding-right: 5rem;}
.hotline { border-right: 1px solid #fff;}
.range {margin-left: 5rem;padding-right:0px;}
/* .hotline{ border-left: 1px solid #444444; border-right: 1px solid #444444;  padding:0 45px; } */
.hotline dt span b{ font-size: 14px; color: #FFCC00; display: inline-block; width: 30px;  height: 35px; line-height: 1.1;}
.hotline dt span img{ display: inline-block;  padding-right: 0.5rem; vertical-align: 0; margin-bottom: 1.5rem;width: 9.85rem;height: 2.5rem;background: transparent;}
.hotline dt strong{ font-size: 26px; color: #FFCC00; padding-left: 15px; font-family: "微软雅黑";}
.hotline dd a{ display:block; text-align: center; color: #999999; float: left;  padding:0 13px; margin-top: 30px; transition: all 1s; width: 60px; height: 70px; }
.hotline dd a img{ display: inline-block; height: 29px;width: 29px;margin:auto; padding:10px 0; }
.hotline dd a:hover{ transform: translateY(5px); }
.foot .code{ padding-right: 0; padding-left: 4rem; }
.foot .code { font-size: 0.9rem; color: #fff;}
/* .foot .code dt{ margin-left: 40px;} */
.foot .code img{ display: inline-block; width: 1.45rem;height: 1.45rem; margin-right: 0.75rem; cursor: pointer;} /* padding: 2px 20px 0 0; */
.link{ padding-top: 1.5rem; border-top: 1px solid #444; margin-top: 1.5rem; }
.txtMarquee-left{ padding-left: 20px; float: left; }
.link h3{ float: left; font-size: 18px; color: #fff; }
.link li{  width: 110px; }
.link li a{ font-size: 14px; color: #999; display: block; padding-top: 5px; }
.link li a b{ display: inline-block; padding:0 20px; }
.link li a:hover{ color: #FFCC00; }
.link h4{ float: right; }
.link h4 a{ font-size: 14px; color: #FFCC00; display: block; padding-top: 5px; }
.copyright{ background: #000; padding:20px 0; width: 100%; overflow: hidden; }
.copyright p{ font-size: 14px; color: #d1d1d1; }



@-webkit-keyframes swipeRight {
	0% {}
	50%,
	60% {
		-webkit-transform: translate3d(0, 0, 0)
	}
	100% {
		-webkit-transform: translate3d(100%, 0, 0)
	}
}

@keyframes swipeRight {
	0% {}
	50%,
	60% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate(0)
	}
	100% {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		-ms-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

@-moz-keyframes down{
	from{transform: translateY(-100%); opacity: 0;}
	to{ transform: none; opacity: 1;}
}
@-ms-keyframes down{
	from{transform: translateY(-100%); opacity: 0;}
	to{ transform: none; opacity: 1;}
}
@-webkit-keyframes down{
	from{transform: translateY(-100%); opacity: 0;}
	to{ transform: none; opacity: 1;}
}

@keyframes down{
	from{transform: translateY(-100%); opacity: 0;}
	to{ transform: none; opacity: 1;}
}

@media screen and (max-width: 1920px){
	html {
		font-size: 20px !important;
	}
}

@media screen and (max-width: 1824px){
	html {
		font-size: 19px !important;
	}
}
@media screen and (max-width: 1728px){
	html {
		font-size: 18px !important;
	}
}

@media screen and (max-width: 1632px){
	html {
		font-size: 17px !important;
	}
}

@media screen and (max-width: 1536px){
	html {
		font-size: 16px !important;
	}
}

@media screen and (max-width: 1440px){
	html {
		font-size: 15px !important;
	}
}

@media screen and (max-width: 1344px){
	html {
		font-size: 14px !important;
	}
}

@media screen and (max-width: 1248px){
	html {
		font-size: 13px !important;
	}
}

@media screen and (max-width: 1152px){
	html {
		font-size: 12px !important;
	}
}

@media screen and (max-width: 960px){
	html {
		font-size: 12px !important;
	}
}