body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
ol,
dl,
dt,
dd,
img,
a,
p,
input,
form {
  padding: 0;
  margin: 0;
 /*  user-select: none; */
}

p {
  font-size: .18rem;
  color: #666;
}

ul,
ol {
  list-style: none;
}

img {
  display: block;
}

input {
  outline: none;
}

body {
  font-size: .16rem;
  color: #3e3e3e;
  font-family: '微软雅黑';
}

a {
  text-decoration: none;
  color: rgba(121, 121, 121, 1);
}

a:hover {
  text-decoration: none;
  color: #1280fc;
}

.l {
  float: left;
}

.r {
  float: right;
}

.w {
  width: 62.5%;
  margin: 0 auto;
}

/* =================== header ================= */

.header {
  width: 100%;
  z-index: 999;
  height: 1rem;
}


.header_cen {
  height: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}

.logo {
  overflow: hidden;
}

.logo img {
  width: 2.2rem;
  height: auto;
}

.nav {
  /*width: 70%;*/
  width:64%;
  overflow: hidden;
  position: absolute;
  /*right: 1.6rem;*/
  right: 1.8rem;
}

.nav>ul {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.nav>ul>li {
  font-size: .16rem;
  color: #050505;
  line-height: 1rem;
  text-align: center;
  position: relative;
  margin-left: .6rem;
}

.nav_cen>a {
  text-decoration: none;
  color: #050505;
  display: block;
  width: fit-content;
  background-position: right;
  background-size: 10px 10px;
  background-repeat: no-repeat;
}

.nav_cen>a:hover {
  color: #1280fc;
}

.nav ul li.nav_cen::after {
  width: 100%;
}

.nav ul li:hover::after {
  width: 100%;
}

.header-search {
  width: 1rem;
  height: auto;
  position: absolute;
  /*right: 2rem;*/
  right: 1rem;
}

.header-search input {
  width: 1rem;
  height: .3rem;
  line-height: .3rem;
  border-radius: .15rem;
  border: 2px solid #c6c6c6;
  background-size: .18rem .18rem;
  background-repeat: no-repeat;
  background-position: 8%;
  padding-left: .3rem;
}

.header-search input::placeholder {
  color: #c6c6c6;
  font-size: .14rem;
}

.an {
  width: .6rem;
  height: .6rem;
  display: none;
  position: absolute;
  right: 0%;
  top: 5px;
  transition: all 0.5s;
  z-index: 99;
}

.container {
  cursor: pointer;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  transition: all 0.5s;
}

svg {
  transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
}

.active svg {
  transform: rotate(90deg);
}

path {
  transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dasharray 500ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 500ms cubic-bezier(0.4, 0, 0.2, 1);
}

path:nth-child(1) {
  transform-origin: 36% 40%;
}

path:nth-child(2) {
  stroke-dasharray: 29 299;
}

path:nth-child(3) {
  transform-origin: 35% 63%;
}

path:nth-child(4) {
  stroke-dasharray: 29 299;
}

path:nth-child(5) {
  transform-origin: 61% 52%;
}

path:nth-child(6) {
  transform-origin: 62% 52%;
}

.active path:nth-child(1) {
  transform: translateX(9px) translateY(1px) rotate(45deg);
}

.active path:nth-child(2) {
  stroke-dasharray: 225 299;
  stroke-dashoffset: -72px;
}

.active path:nth-child(3) {
  transform: translateX(9px) translateY(1px) rotate(-45deg);
}

.active path:nth-child(4) {
  stroke-dasharray: 225 299;
  stroke-dashoffset: -72px;
}

.active path:nth-child(5) {
  transform: translateX(9px) translateY(1px) rotate(-45deg);
}

.active path:nth-child(6) {
  transform: translateX(9px) translateY(1px) rotate(45deg);
}
.survey_nr_dd ul{
    margin-top: .6rem;
}
.survey_nr_dd ul li{
    margin-bottom: .4rem;
}
.index-banner {
  width: 100%;
  height: 6.1rem;
  background-size: 100% 7rem;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

#index-swiper {
  width: 100%;
  height: 6.1rem;
}

#index-swiper .swiper-slide {
  width: 100%;
  height: auto;
  background-size: 100% 6.1rem;
}

#index-swiper .swiper-content {
  width: fit-content;
  height: auto;
  margin: auto;
  margin-top: 8%;
}

#index-swiper .swiper-content h3 {
  line-height: .8rem;
  font-size: .6rem;
  color: #fff;
  text-align: center;
  letter-spacing: .12rem;
}

#index-swiper .swiper-content p {
  font-size: .26rem;
  color: #fff;
  line-height: 3;
  margin-top: .2rem;
  text-align: center;
}

#index-swiper .swiper-content .swiper-a {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-evenly;
}

#index-swiper .swiper-content .swiper-a a {
  display: block;
  width: 25%;
  font-size: .28rem;
  height: .4rem;
  line-height: .4rem;
  text-align: center;
  border: 2px solid #fff;
  border-radius: .1rem;
  color: #fff;
}

#index-swiper .my-bullet {
  display: inline-block;
  width: .26rem;
  height: .04rem;
  background: #999;
  position: relative;
  margin: 0 .1rem;
  border-radius: .01rem;
}

#index-swiper .swiper-pagination-bullet-active {
  background: #fff !important;
}

.index-main {
  height: auto;
}

.index-about,
.index-product,
.index-news,
.about-box1,
.product-main,
.product-content,
.news-main,
.news-content-main,
.jiance-main,
.liuyan-main,
.contact-main{
  padding-top: 1.2rem;
  height: auto;
}

.index-about>h3,
.index-product>h3,
.index-fangan>h3,
.index-news>h3,
.product-content h3,
.jiance-main h3 ,
.liuyan-main h3{
  font-size: .36rem;
  text-align: center;
  color: #1280fc;
  height: .6rem;
}

.index-about>p,
.index-product>p,
.index-fangan>p,
.index-news p,
.news-content-main p,
.jiance-main p,
.liuyan-main>p{
  font-size: .18rem;
  text-align: center;
  color: #666;
}

.index-about-all {
  width: 100%;
  height: auto;
  margin-top: .6rem;
  justify-content: space-between;
}

.index-about-left {
  height: auto;
}

.index-about-left>p {
  font-size: .18rem;
  line-height: 2;
}

.index-about-left>a {
  display: block;
  width: 1.7rem;
  height: .6rem;
  font-size: .2rem;
  color: #fff;
  background-color: #1280fc;
  text-align: center;
  line-height: .6rem;
  border-radius: .3rem;
  margin-top: .5rem;
}

.index-about-top {
  width: 100%;
  height: auto;
  border-left: 3px solid #1280fc;
  padding-left: .2rem;
}

.index-about-top span {
  font-size: .18rem;
  color: #a6acb2;
}

.index-about-top p {
  font-size: .22rem;
}

.index-about-right {
  width: 40%;
  position: relative;
  float: right;
  padding-right: .8rem;
  margin-left: .2rem;
  margin-top: -.3rem;
}
.index-about-right::after{
  content: "";
  width: calc(100% - .7rem);
  height: calc(100% - 0.1rem);
  border: 3px dashed #ccc;
  position: absolute;
  top: -.2rem;
  left: .1rem;
}

.index-about-right img {
  width: 100%;
  height: 3.3rem;
  height: auto;
  position: relative;
  z-index: 1;
}
.index-about-text{
  margin-top: .3rem;
  height: auto;
  margin-bottom: .3rem;
}
.index-about-text p{
  font-size: .18rem;
  line-height: 3;
  text-indent: 2em;
}
.index-text p{
  display: none;
}
.index-text p:nth-child(1){
    display: block;
}
.index-text .more{
    display: block;
    width: 10%;
    height: .4rem;
    border-radius: .2rem;
    text-align: center;
    line-height: .4rem;
    font-size: .16rem;
    color: #fff;
    background-color:#1280fc ;
    margin-top: 1rem;
}
.index-product-all {
  display: flex;
  margin-top: .5rem;
  justify-content: space-between;

}

.index-product-all li {
  width: 20%;
  height: 4rem;
  padding-top: .3rem;
  transition: width .4s;
  padding-left: .2rem;
}

.index-product-all li h5 {
  font-size: .2rem;
}

.index-product-all li p {
  font-size: .14rem;
  color: #848c93;
}

.index-product-all li a {
  display: block;
  font-size: .14rem;
  width: .9rem;
  height: .34rem;
  line-height: .34rem;
  border-radius: .17rem;
  background-color: #1280fc;
  color: #fff;
  text-align: center;
  margin-top: .3rem;
  margin-bottom: .4rem;
  opacity: 0;
}

.index-product-all li img {
  width: 100%;
  position: sticky;
  position: relative;
  z-index: -1;
}
.index-product-all li::after{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;/* 
  background-color: #f50; */
  z-index: -2;
}
.index-product-all li:hover {
  background-color: rgba(89, 98, 109, .4);
  width: 22%;
}

.index-product-all li:hover h5 {
  color: #fff;
}

.index-product-all li:hover a {
  opacity: 1;
}

.index-fangan {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 0;
  background-color: rgba(38, 44, 51);
  padding-top: .4rem;
  margin-top: .6rem;
  padding-bottom: .4rem;
  z-index: 9999;
}


.index-fangan span {
  content: " ";
  width: 100%;
  height: 100%;
  background-image: url(../images/index-fangan-banner.png);
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: .3;
  z-index: -3;
}

.index-fangan>h3,
.index-fangan>p {
  color: #fff;
}

.index-fangan-card {
  height: auto;
  display: flex;
  position: relative;
  flex-direction: column;
  margin-top: .6rem;
  margin-bottom: 1rem;
  z-index: 2;
}

.index-fangan-card li {
  display: block;
  width: 20%;
  background-color: #262c33;
  height: .8rem;
  text-align: center;
  line-height: .8rem;
  font-size: .22rem;
  color: #eee;
  cursor: pointer;
  opacity: .8;
}

.index-fangan-card li div {
  position: absolute;
  top: 0;
  right: 0;
  width: 80%;
  height: 100%;
  z-index: 0;
  background-color: #262c33;
  color: #fff;
  display: none;
}

.index-fangan-card li div span{
  content: " ";
  width: 100%;
  height: 100%;
  background-image: url(../images/index-fangan-img.png);
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: .2;
}

.index-fangan-card .active {
  background: #1280fc;
  color: #fff;
  opacity: 1;
}

.index-fangan-card .active div {
  display: block;
}

.index-fangan-card li div h4 {
  text-align: left;
  font-size: .24rem;
  margin-bottom: .1rem;

  padding-top: .7rem;
  padding-left: .4rem;
}

.index-fangan-card li div p {
  font-size: .16rem;
  color: #b9b9be;
  text-align: left;
  padding-left: .4rem;
  line-height: 2;
}

.index-fangan-card li div a {
  display: block;
  width: 14%;
  height: .4rem;
  line-height: .4rem;
  font-size: .14rem;
  background-color: #1280fc;
  border-radius: .2rem;
  color: #fff;
  margin-left: .4rem;
  text-align: center;
  margin-top: .4rem;
}

.index-news {
  height: auto;
}

.index-news-all {
  display: flex;
  padding-top: .3rem;
  width: 100%;
  height: auto;
  justify-content: space-between;
}

.index-news-left {
  width: 40%;
  height: auto;
}

.index-news-left img {
  width: 100%;
}

.index-news-left h5 {
  width: 85%;
  font-size: .22rem;
  height: .8rem;
  line-height: .8rem;
  white-space: nowrap;  
    overflow: hidden;
    text-overflow: ellipsis;
}

.index-news-left span {
    display: block;
    margin-top: .2rem;
  font-size: .14rem;
  color: #666;
}

.index-news-left p {
    width: 100%;
  text-align: left;
  font-size: .18rem;
  color: #666;
  line-height: 1.5;
  overflow: hidden;    
    display: -webkit-box;
    text-overflow:ellipsis;    
    -webkit-box-orient: vertical;
    -webkit-line-clamp:4;/* 行数 */
}

.index-news-left a {
  display: block;
  width: 35%;
  height: .6rem;
  line-height: .6rem;
  font-size: .18rem;
  background-color: #1280fc;
  color: #fff;
  text-align: center;
  border-radius: .3rem;
  margin-top: .4rem;
}

.index-news-right {
  width: 55%;
  display: flex;
  flex-direction: column;
}

.index-news-right>div {
  display: flex;
  margin-bottom: .15rem;
}

.index-news-right>div div {
  width: 50%;
  flex-direction: column;
  position: relative;
  height: auto;
}

.index-news-right img {
  width: 2.2rem;
  height: 1.5rem;
  padding-right: .2rem;
}

.index-news-right>div div h5 {
  width: 100%;
  font-size: .22rem;
  height: .4rem;
  line-height: .4rem;
  white-space: nowrap;  
    overflow: hidden;
    text-overflow: ellipsis;
}

.index-news-right>div div p {
  text-align: left;
  font-size: .18rem;
  line-height: 1.5;
  color: #666;
  overflow: hidden;
  display: -webkit-box;
    text-overflow:ellipsis;    
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;/* 行数 */
}

.index-news-right>div div a {
  display: block;
  width: 100%;
  font-size: .14rem;
  color: #999;
  position: absolute;
  bottom: 0rem;
  left: 0;
}

.index-news-right>div div a span {
  float: right;
  font-size: .12rem;
}

.about-main {
  height: auto;
}

.about-box1,
.about-box2 {
  height: auto;
  padding-top: 1.2rem;
}

.about-box1-top {
  width: 100%;
    height: auto;
    border-left: 3px solid #1280fc;
    padding-left: 0.2rem;
}

.about-box1-top p {
  font-size: .22rem;
  color: #333;
}

.about-box1-top span {
  font-size: .18rem;
  color: #a6acb2;
}


.index-about-right2 {
  width: 40%;
  position: relative;
  float: right;
  padding-right: .8rem;
  margin-left: .6rem;
  margin-bottom: .3rem;
}
.index-about-right2::after{
  content: "";
  width: calc(100% - 1rem);
  height: calc(100% - 0.1rem);
  border: 3px solid #1280fc;
  position: absolute;
  bottom: -.2rem;
  left: -.2rem;
}

.index-about-right2 img {
  width: 100%;
  height: 3.3rem;
  height: auto;
  position: relative;
  z-index: 1;
}


#about-swiper {
  height: auto;
}

#about-swiper .swiper-slide {
  height: 1.8rem !important;
  margin: auto;
}

#about-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
}

#about-swiper .swiper-slide-active {
  height: 2.6rem !important;
}

#about-swiper .swiper-slide-prev {
  height: 2.2rem !important;
  margin: auto;
}

#about-swiper .swiper-slide-next {
  height: 2.2rem !important;
  margin: auto;
}

.layui-tab {
  width: 100%;
  height: auto;
}

#product-layui .layui-tab-title,
#news-layui .layui-tab-title {
  display: flex;
  width: 80%;
  margin: 0 auto;
  border-bottom: 0;
}

#product-layui .layui-tab-title li,
#news-layui .layui-tab-title li {
  flex: 1;
  height: auto;
  font-size: .18rem;
  border-bottom: 0;
}

#product-layui .layui-this ,
#news-layui .layui-this a {
  background-color: #1280fc;
  color: #fff !important;
}


#product-page {
  width: 100%;
  text-align: center;
}

#product-page .active {
  padding: .05rem .1rem;
  text-align: center;
  line-height: .32rem;
  font-size: .14rem;
  color: #fff;
  background: #1280fc;
  display: inline-block;
  margin-left: .04rem;
  margin-top: .05rem;
  border: 1px solid #1280fc;
}

#product-page .total {
  padding: .05rem .1rem;
  text-align: center;
  line-height: .32rem;
  font-size: .14rem;
  color: #000;
  border: 1px solid #1280fc;
  background: #fff;
  display: inline-block;
  margin-top: .05rem;
  margin-left: .04rem;
}

#product-layui .layui-tab-item {
  width: 100%;
  height: auto;
}

.lashow{
 display: flex !important;
 flex-wrap: wrap;
}

#product-layui .layui-tab-item div,
#news-layui .layui-tab-item div {
  width: 29%;
  height: 3.6rem;
  display: inline-block;
  margin: .2rem;
  position: relative;
  background-color: blanchedalmond;
  text-align: center;
}

#product-layui .layui-tab-item div img {
  width: 90%;
  height: 2.4rem;
  margin-top: .1rem;
}

#product-layui .layui-tab-item div p {
  width: 100%;
  text-align: center;
  font-size: .14rem;
  line-height: 1.5;
  color: #333;
  bottom: .6rem;
  transition: all .4s;
  position: absolute;
}

#product-layui .layui-tab-item div span {
  display: block;
  width: 10%;
  height: 2px;
  background-color: #1280fc;
  margin: auto;
  bottom: .52rem;
  transition: all .4s;
  position: absolute;
  left: 45%;
}

#product-layui .layui-tab-item div a {
  display: block;
  width: 40%;
  height: .35rem;
  line-height: .35rem;
  font-size: .16rem;
  text-align: center;
  border-radius: .175rem;
  background-color: #1280fc;
  margin: auto;
  transition: all .4s;
  bottom: .1rem;
  color: #fff;
  opacity: 0;
  position: absolute;
  left: 30%;
  transition: all .8s;
}

#product-layui .layui-tab-item div:hover p {
  bottom: .7rem;
  font-size: .18rem;
}

#product-layui .layui-tab-item div:hover span {
  bottom: .62rem;
  width: 20%;
  left: 40%;
}

#product-layui .layui-tab-item div:hover a {
  opacity: 1;
}

.content-box1-bottom {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
}

.content-box1-bottom img {
  width: 30%;
}

.content-font {
  width: 60%;
  padding-top: .3rem;
}

.content-font h5 {
  font-size: .2rem;
  margin-bottom: .2rem;
}

.content-font p {
  line-height: 2;
}

.product-content-box2 {
  margin-top: .4rem;
}

.product-content-box2 h3 {
  margin-bottom: .2rem;
}

.product-content-box2 h6 {
  font-size: .22rem;
  margin-bottom: .2rem;
}

.product-content-box2 p {
  text-align: center;
}

.product-content-box2 p:nth-last-of-type(1) {
  text-align: left;
  line-height: 2;
  margin-bottom: .3rem;
}

.product-content-box2 img {
  width: 100%;
  margin-bottom: .3rem;
}

.news-main {
  height: auto;
}

#news-layui .layui-tab-title {
  width: 30%;
}

#news-layui .layui-tab-item div {
  /*height: 4rem;*/
  height: 5rem;
  text-align: left;
  position: relative;
}

#news-layui .layui-tab-item div img {
  width: 100%;
  margin: 0;
}

#news-layui .layui-tab-item div h5 {
  font-size: .18rem;
  margin: .1rem 0;
  overflow: hidden;    
    display: -webkit-box;
    text-overflow:ellipsis;    
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
    padding: 0 0.1rem;
}

#news-layui .layui-tab-item div p {
  font-size: .14rem;
  overflow: hidden;    
    display: -webkit-box;
    text-overflow:ellipsis;    
    -webkit-box-orient: vertical;
    -webkit-line-clamp:4;
    padding: 0 0.1rem;
}

#news-layui .layui-tab-item div a:nth-last-child(2) {
    position:absolute;
    bottom: .1rem;
    left: .1rem;
}

#news-layui .layui-tab-item div span {
  display: block;
  position:absolute;
    bottom: .1rem;
    right: .1rem;
  color: #666;
}

#news-page {
  width: 100%;
  text-align: center;
}

#news-page .active {
  padding: .05rem .1rem;
  text-align: center;
  line-height: .32rem;
  font-size: .14rem;
  color: #fff;
  background: #1280fc;
  display: inline-block;
  margin-left: .04rem;
  margin-top: .05rem;
  border: 1px solid #1280fc;
}

#news-page .total {
  padding: .05rem .1rem;
  text-align: center;
  line-height: .32rem;
  font-size: .14rem;
  color: #000;
  border: 1px solid #1280fc;
  background: #fff;
  display: inline-block;
  margin-top: .05rem;
  margin-left: .04rem;
}
.news-content-main{
  height: auto;

}
.news-content-main h4{
  width: 100%;
  text-align: center;
  font-size: .28rem;
  line-height: 3;
}
.news-content-main h6{
  width: 100%;
  text-align: center;
  font-size: .14rem;
  font-weight: normal;
  color: #666;
}
.news-content-main h6 span{
  margin-left: .4rem;
}
.news-content-main div{
  margin-top: .3rem;
  text-align: center;
  margin-bottom: .3rem;
}
.news-content-main div img{
  width: 100%;
  margin-bottom: .3rem;
}
.news-content-main p{
  text-align: left;
  text-indent: 2em;
  line-height: 2.5;
  letter-spacing: .02rem;
  margin-bottom: .2rem;
}
.news-content-main a{
  display: block;
  font-size: .16rem;
  margin-top: .3rem;
}
.jiance-box1-all,
.fwnr-all{
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
}
.jiance-main .div{
      color: #fff;
    height: 1.3rem;
    line-height: 1.5;
    font-size: .18rem;
    text-align: center;
    border-radius: 0.06rem;
    padding-top: 0.4rem;
    background-size: 100% 100%;
}
.jiance-box1-all div{
  width:23% ;
  margin: .1rem;
}
.jiance-box2,
.jiance-box3,
.jiance-box4{
  width: 100%;
  height: auto;
  margin-top: .8rem;
}
.fanglei-box1,
.fanglei-box2,
.fanglei-box3{
  display: flex;
  width: 100%;
  height: auto;
  justify-content: space-evenly;
  margin-bottom: .4rem;
  margin-top: .3rem;
}
.fanglei-box1 div{
  width: 28%;
  position: relative;
}
.fanglei-box1 div::before{
  display: block;
  content: " ";
  width: .2rem;
  height: .4rem;
  position: absolute;
  background-image: url(../images/jiance-jiantou.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  top: 1.8rem;
  left: .4rem;
  transform: rotate(30deg);
}
.fanglei-box1 div:nth-child(2)::after{
  display: block;
  content: " ";
  width: .2rem;
  height: .4rem;
  position: absolute;
  background-image: url(../images/jiance-jiantou.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  top: 1.8rem;
  left: 2.4rem;
  transform: rotate(330deg);
}
.fanglei-box2{
  margin-bottom: .7rem;
}
.fanglei-box2 div{
  width: 30%;
  margin-top: .4rem;
  position: relative;
}
.fanglei-box2 div::after{
  display: block;
  content: " ";
  width: .2rem;
  height: .4rem;
  position: absolute;
  background-image: url(../images/jiance-jiantou.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  top: 1.8rem;
  left: 49%;
}
.fanglei-box3 div{
  width: 30%;
}
.jclc{
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  margin-top:.6rem ;
}
.jclc div{
  width: 20%;
  margin-right:6.5%;
  margin-bottom: .8rem;
  position: relative;
}
.jclc div:nth-child(4n){
  margin-right: 0;
}
.jclc div::after{
  display: block;
  content: " ";
  width: .2rem;
  height: .4rem;
  position: absolute;
  background-image: url(../images/jiance-jiantou.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  right: -.4rem;
  top: 46%;
  transform: rotate(-90deg);
}
.jclc div:nth-child(5)::after,
.jclc div:nth-child(4)::after{
  top: 1.8rem;
  left: 49%;
  transform: rotate(0);
}
.jclc div:nth-child(6)::after,
.jclc div:nth-child(7)::after,
.jclc div:nth-child(8)::after{
  left: -.4rem;
  transform: rotate(90deg);
}
.jclc div:nth-child(10)::after{
  background-image: url(../images/jiance-jiantou2.png);
  width: 4rem;
  height: 4rem;
  left: -140%;
  top:-1.4rem;
  transform: rotate(0deg);
}
.jclc div:nth-child(11)::after{
  left: -20%;
}
.fwnr-all div{
  width: 20%;
  height: 2.4rem;
  border-radius: .06rem;
  width:23% ;
  margin: auto;
  margin: .1rem;
  margin-bottom: .2rem;
  
}
.fwnr-all div img{
  width: 100%;
}
.fwnr-all div h4{
  width: 100%;
  text-align: center;
  font-size: .16rem;
  margin-top: .1rem;
}
.liuyan-main form{
  width: 80%;
  height: auto;
  margin: auto;
  padding-top: .8rem;
}
.liuyan-main form div{
  width: 100%;
  height: auto;
  display: flex;
}
.liuyan-main form div input{
  flex: 1;
  margin-right: .2rem;
  height: .4rem;
  line-height: .4rem;
  background-color: #e2eaf5;
  border: 0;
  padding-left: .12rem;
}
.liuyan-main form div input:nth-last-of-type(1){
  margin-right: 0;
}
.liuyan-main form div input::placeholder,
.liuyan-main form div textarea::placeholder{
  color: #999;
  font-size: .16rem;
}
.liuyan-main form textarea{
  resize: none;
  width: 98.9%;
  margin-top: .2rem;
  padding-top: .1rem;
  padding-left: .1rem;
  background-color: #e2eaf5;
  border: 0;
  font-size: .16rem;
}
.liuyan-main form input[type=radio]{
  width: .15rem;
	height: .15rem;
  -webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
  line-height: .2rem;
  border: 1px solid #999;
  float: left;
  margin-top: .12rem;
}
.liuyan-main form input[type=radio]:checked{
  border: 1px solid #fff;
}
.liuyan-main form input[type=radio]:checked::before{
  content:"\2713";
  color: #fff;
  text-indent: .03rem;
  display: block;
  width: .15rem;
  height: .15rem;
  background-color: #4695d1;
}
.liuyan-main form span{
  display: inline-block;
  line-height: 1.5;
  font-size: .14rem;
  margin-top: .1rem;
  margin-left: .1rem;
  color:#999 ;
}
.liuyan-main form input[type=submit]{
  display: block;
  width: 20%;
  height: .4rem;
  margin: .4rem auto;
  border: 0;
  border-radius: .2rem;
  background-color: #1280fc;
  color: #fff;
  cursor: pointer;
}
.contact-box1{
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
}
.contact-box1 img{
  width: 6rem;
  height: 3.2rem;
}
.contact-right{
  width: 40%;
  padding-top: .4rem;
}
.contact-right h4{
  font-size: .18rem;
  color: #1280fc;
  margin-bottom: .3rem;
}
.contact-right span{
  width: .3rem;
  height: .3rem;
  float: left;
  font-size: .22rem;
}
.contact-right p{
  margin-bottom: .2rem;
}
#map{
  width: 100%;
  height: 6rem;
  margin-top: .3rem;
}
#allmap{
  width: 100%;
  height: 6rem;
}

/* ======================================================== */
footer {
  width: 100%;
  height: auto;
  background-color: #292e35;
  margin-top: .3rem;
  padding-top: .6rem;
}

.footer-top {
  height: auto;
  display: flex;
  justify-content: space-between;
}

.footer-left {
  width: 40%;
  height: auto;
  color: #fff;
}

.footer-left h4 {
  font-size: .22rem;
  color: #ccc;
}

.footer-left h5 {
  font-size: .18rem;
  color: #ccc;
  margin-top: .3rem;
}

.footer-middle {
  width: 30%;
  height: auto;
}

.footer-middle p {
  color: #666;
  font-size: .18rem;
  margin-bottom: .3rem;
}

.footer-middle input {
  font-size: .12rem;
  width: 45%;
  background-color: #292e35;
  border: 1px solid #555;
  padding-left: .1rem;
  color: #fff;
}

.footer-middle input::placeholder,
.footer-middle textarea::placeholder {
  font-size: .12rem;
  color: #aaa;
}

.footer-middle input:nth-of-type(2) {
  float: right;
}

.footer-middle textarea {
  margin-top: .3rem;
  width: 97%;
  resize: none;
  background-color: #292e35;
  border: 1px solid #555;
  padding-top: .1rem;
  padding-left: .1rem;
  color: #fff;
  font-size: .12rem;
}

.footer-middle input[type=submit]{
  height: .4rem;
  line-height: .4rem;
  color: #fff;
  background-color: #1280fc;
  font-size: .16rem;
  border-radius: .2rem;
  margin-top: .3rem;
  border: 0;
  cursor: pointer;
  padding-left: 0;
}

.footer-right {
  width: 15%;
  height: auto;
}

.footer-right img {
  width: 100%;
}

.footer-right p {
  font-size: .14rem;
  margin-top: .2rem;
  color: #ccc;
}

.footer-bottom {
  display: block;
  color: #ccc;
  height: .8rem;
  line-height: .8rem;
  text-align: center;
  border-top: 1px solid #ccc;
  margin-top: .6rem;
  font-size: .16rem;
}
.about-banner {
  width: 100%;
  height: 6.6rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;

}

.about-banner-box {
  height: auto;
  /*padding-top: 14%;*/
  padding-top: 20%;
}

.about-banner-box h3 {
  font-size: .32rem;
  /*margin-bottom: .2rem;*/
  margin-bottom: .42rem;
  color: #fff;
}

.about-banner-box p {
  color: #fff;
  /*font-size: .26rem;*/
  font-size: .2rem;
}

.about-banner-content {
  /*width: 40%;*/
  width: 100%;
  height: auto;
}