html{
  font: 16px "Microsoft YaHei", "Ã¥Â®â€¹Ã¤Â½â€œ", Tahoma, Arial;
  background: #FFFFFF;
  color: #4a4a4a;
}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
a{
    text-decoration: none;
}
ul{
    list-style: none;
}
.clear{
    clear: both;
}
.fadeContent{
    display: none;
}
.threeDots{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;  
}
.box{
    width: 90%;
    max-width: 1300px;
    margin: 0 auto;
    background:rgba(255,255,255,1);
    box-shadow:0px 0px 6px 0px rgba(179,179,179,0.5);
    position: relative;
}
.left{
  float: left;
}
.right{
  float: right;
}
.center{
  text-align: center;
}
.right-text{
  text-align: right;
}
/* header */
.header{
  position: relative;
  width: 100%;
  height: 6.0625rem;
  line-height: 6.0625rem;
  top: 0;
  left: 0%;
  z-index: 100;
  padding: 0 4% 0 2%;
}
.logo{
  position: relative;
  width: 25%;
  height: 6.0625rem;
  line-height: 6.0625rem;
}
.logo img{
  /* position: absolute; */
  width: 90%;
  height: auto;
  /* top: 50%;
  margin-top: -1.46875rem; */
  vertical-align: middle;
}
.header_en{
    position: absolute;
    left: 30%;
    top: 52%;
    width: 1.625rem;
    height: 1.625rem;
    margin-top: -0.8125rem;
    background-color: #4A90E2;
    text-align: center;
    line-height: 1.625rem;
    color: #fff;
    font-size:1rem;
    border-radius: 4px;

}
.header_en a{
    display: block;
    color: #fff;
    font-size:1rem;
}
.nav-click {
  display: none;
}
.nav{
  position: absolute;
  width: 65%;
  bottom: 0px;
  left: 31%;
  text-align: right;
  background-color: #FFFFFF;
}
.nav-active p,.nav li:hover p{
  font-weight: bold;
  color: #FFFFFF;
}
.nav li{
  float: left;
  text-align: center;
  height: 6.0625rem;
  line-height: 6.0625rem;
  font-size: 1rem;
  cursor: pointer;
  position: relative;
  color: #4C4948;
  width: calc(100% / 9.1);
}
.nav a{
  color: #4C4948;
}
.nav li p,.sub a{
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;  
}
.nav li .sub{
  position: absolute;
  width: 100%;
  left: 0;
  top: 6.0625rem;
  background:rgba(255,255,255,0.5);
  display: none;
}
.nav li .sub a{
  display: block;
  color: #4a4a4a;
  height: 2.6875rem;
  line-height: 2.6875rem;
  border-top: 1px solid #C8C8C8;
}
.nav li .sub a:hover{
  background:rgba(255,255,255,0.6);
}
.nav li:hover .sub a{
  font-weight: normal;
}
/* searchÃ¦Â¡â€  */
.search{
  position: absolute;
  right: 0;
  top: 0;
  width: 3.125rem;
  height: 6.0625rem;
  z-index: 100;
  text-align: center;
}
.search input{
  position: absolute;
  top:  6.25rem;
  right: .25rem;
  width: 7.25rem;
  height:1.875rem;
  border: 1px solid rgba(155,155,155,.4);
  border-right: none;
  padding-left: 5px;
  outline: none;
  background-color: #fff;
  display: none;
  font-size: .75rem;
  text-align: center;
}
.search-img{
  position: absolute;
  top: 50%;margin-top: -.75rem;
  left: 50%;margin-left: -.75rem;
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
}
.search-img img{
  position: absolute;
  top: 0;left: 0;
  width: 100%;height: 100%;
}
/* index-banner */
.slide .carouse{width:100%;overflow:hidden;position:relative}
.slide .slideItem .banner-img{width:100%;}
.slide .carouse .slideItem{
	width:100%;
	position:absolute;
}
.slide .dotList{
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 1.3%;
}
.slide .dotList ul li{
	display: inline-block;
    width: .625rem;
    height: .625rem;
    border-radius: 50%;
    background-color: #FFFFFF;
    margin-left: .625rem;
    cursor:pointer;
}
.slide .dotList ul li.active{
  background-color: #9B9B9B;
}
.slide .slidedetail{display:none;}
/* main */
.main-title{
  font-size: 1.25rem;
  color: #9B9B9B;
  padding: 2.5rem 0;
}
.main-cn{
  height: 30px;
  font-size: 1.5rem;
  color: #000000;
}
.main-block{
  padding: 0 6% 2.875rem;
}
/* main-company */
.company-list-block{
  width: 100%;
  position: relative;
}
.company-list-img{
  position: relative;
  top: 0;
  left: 0%;
  width: 42%;height: 0;
  padding-bottom: 23.6%;
}
.company-list-img img{
  position: absolute;
  top: 0;left: 0;
  height: 100%;
  width: 100%;
} 
.company-right-box{
  position: absolute;
  width: 56%;
  top: 0;
  right: 0;
  height: 100%;
}
.company-text-container{
  height: calc(100% - 1.875rem);
  display: flex;
  align-items: flex-start;
  justify-content:center
}
.company-text-box{
  overflow: hidden;
  line-height: 2rem;
  text-indent: 2rem;
  font-size: 1.125rem;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  line-clamp: 7;
  -webkit-box-orient: vertical;
  text-align: justify;
}
.company-list-more{
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: .9375rem;
  width: 6.25rem;
  height: 1.875rem;
  line-height: 1.875rem;
  text-align: center;
}
/* main-news */
.main-news{
  background-color: #F8F8F8;
}
.news_left_text{
  width:100%;
  font-size: 1rem;
  color:#3B3B3B;
}
.news_left_title{
  height: 36px;
  line-height: 36px;
  cursor: pointer;
  text-align: center;
  margin-bottom: 2.5rem;
}
.news_left_title_active{
  color: #FFFFFF;
  font-weight: bold;
}

.news_left_title span{
  display: inline-block;
  padding:  0px 20px;
  height: 100%;
  border:  1px solid rgb(196, 195, 195);
}
.newsBlock_parent{
  position: relative;
}
.newsImg{
  width: 34%;
  position: absolute;
  padding-bottom: 19.2%;
}
.newsImg img{
  position: absolute;
  top: 0;left: 0;
  width:100%;
  height: 100%;
}
.newsImg div{
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 1.65rem;
  font-size: .8125rem;
  background:rgba(0,0,0,0.3);
  color: #FFFFFF;
}
.newsImg div p{
  width: 80%;
  margin: 0 auto;
  text-align: center;
  line-height: 1.65rem;
}
.newsBlock{
  float: right;
  width:62%;
}
.news_left_content_title{
  height:2.25rem;
  font-weight: bold;
  font-size: 1.125rem;
}
.news_left_content_title a{
  color:#000000;
}
.news_left_content_content{
  width: 100%;
  line-height: 1.5rem;
  height: 3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.more{
  height: 2.5rem;
  line-height: 2.25rem;
  text-align: right;
  padding-right: .625rem;
}
.news_left_content_content a,.more{
  display: block;
  font-size: 0.9375rem;
  color: #4A4A4A;
}
.more span{
  color:#BABABA;
}
/* Ã§â€¢â„¢Ã¨Â¨â‚¬Ã¦ÂÂ¿Ã¥Ââ€” */

.second-message {
    width: 80%;
    margin: 0 auto;
  }
  
  .second-message h5 {
    margin-top: 1.25rem;
    text-align: right;
    font-size: .875rem;
    color: #D81E06;
  }
  
  .second-message img {
    width: .875rem;
    height: .875rem;
  }
  
  .messsage-star {
    width: .75rem;
    height: .75rem;
    top: 0;
    right: -0.75rem;
    position: absolute;
    background: url("../img/star.png") center center no-repeat;
    background-size: .75rem .75rem;
  }
  
  .message-line {
    margin: 1.25rem 0;
    font-size: 1rem;
    position: relative;
    font-weight: normal;
  
  }
  
  .message-line span {
    position: absolute;
    width: 5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: right;
  }
  
  .message-line input {
    margin-left: 6.25rem;
    width: calc(100% - 6.25rem);
    height: 2.5rem;
    background: rgba(250, 250, 250, 1);
    border-radius: 6px;
    border: 1px solid rgba(155, 155, 155, 1);
    padding-left: .625rem;
  }
  
  .message-line textarea {
    margin-left: 6.25rem;
    width: calc(100% - 6.25rem);
    background: rgba(250, 250, 250, 1);
    border-radius: 6px;
    border: 1px solid rgba(155, 155, 155, 1);
    padding-left: .625rem;
    padding-top: .625rem;
  }
  
  .message-button {
    text-align: right;
  }
  
  .second-message input[type="button"],
  .second-message input[type="reset"] {
    width: 6.25rem;
    height: 2.5rem;
    font-size: 1rem;
    background: linear-gradient(180deg, rgba(74, 144, 226, 1) 0%, rgba(34, 115, 211, 1) 100%);
    border-radius: 6px;
    border: none;
    color: #F6F6F6;
    cursor: pointer;
  }
  
  .second-message input[type="button"] {
    margin-left: 3.75rem;
  }
  .alert-box {
    position: fixed;
    width: 18.75rem;
    height: 8.75rem;
    top: calc(50vh - 4.375rem);
    left: calc(50vw - 9.375rem);
    border: 1px solid #ccc;
    background-color: rgba(250, 250, 250, 1);
    box-shadow: 0 0 10px 2px rgba(151, 151, 151, .5);
    text-align: center;
    border-radius: 6px;
    display: none;
    /* padding-right: 2rem; */
  }
  
  .alert-text{
    height: 5.25rem;
    line-height: 5.25rem;
    font-size: .9375rem;
  }
  
  .second-message .alert-box input[type="button"] {
    margin-left: 0;
    font-size: .875rem;
    width: 5rem;
    height: 2.125rem;
    text-align: center;
  }
/* Ã¦â€“Â°Ã©â€”Â»Ã¥Ë†â€”Ã¨Â¡Â¨ */
.right_xw{
  color: #525252;
  font-size: .96875rem;
}
.right_xw a{
  color:#525252;
}
.xw_title{
  height: 2.1875rem;
  line-height: 2.1875rem;
  position: relative;
  padding-left: 1.125rem;
  overflow: hidden;
}
.circle{
  position: absolute;
  top: 50%;
  margin-top: -0.25rem;
  left: .125rem;
  width: .5rem;
  height: .5rem;
  border-radius: 50%;
  background-color: #4A4A4A;
}
.xw_name{
  width: 75%;
  float: left;
}
.xw_date{
  float: left;
  width: 22%;
  text-align: right;
}
/* main-service */

.tempWrap{
    overflow: hidden;
    cursor: pointer;
  }
  .tempWrap .picList li {
    float: left;
    list-style: none;
    margin-right: 20px;
    margin-bottom: 2.5rem;
  }
  .tempWrap .picList li div{
    position: relative;
    width: 100%;
    padding-bottom: 63.084%;
    border: 1px solid #F6F6F6;
  }
  .tempWrap .picList li img{
    position: absolute;
    top: 0;left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0px 0px 15px 0px #eee9e9;
  }
  .tempWrap .picList li p{
    width: 100%;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    position: absolute;
    left: 0;
    top: 100%;
    color: #4a4a4a;
    font-size: .875rem;
  }

.serviceList{
  width: 100%;
}
.serviceList li{
  float: left;
  width: 32%;
  cursor: pointer;
}
.downPage{
  position: relative;
  width: 100%;padding-bottom: 65%;
  height: 0;
}
.downPage img{
  position: absolute;
  top: 0;left: 0;
  width: 100%;
  height: 85%;
  z-index: 1;
}
.service-title{
  position: absolute;
  top: 85%; left: 0;
  width: 100%;
  line-height: 1.875rem;
  color: #4a4a4a;
}
.upPage{
  position: absolute;
  top: 0;left: 0;
  width: 100%;
  height: 85%;
  padding: 8% 5%;
  z-index: 2;
  background-color: rgba(0,0,0,0.4);
  color: rgba(255,255,255,0.8);
  font-size: .875rem;
  display: none;
}
.upPage-title{
  position: relative;
  font-size: 1.25rem;
  height: 25%;
}
.upPage-text-pa{
  position: relative;
  height: 60%;
}
.upPage-text{
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -1.5rem;
  line-height: 1.5rem;
  height: 3rem;
  overflow: hidden;
  text-indent: 2rem;
}
.upPage a{
  position: absolute;
  height: 1.875rem;
  line-height: 1.875rem;
  width: 6.25rem;
  border-radius:1.25rem;
  text-align: center;
  bottom: 5%;
  left: 50%;
  margin-left: -3.125rem;
  border: 1px solid rgba(255,255,255,0.8);
  color: rgba(255,255,255,0.8);
  font-size: 1rem;
}
.r_2{
  margin-right: 2%;
}
/* Ã¤ÂºÅ’Ã§ÂºÂ§Ã©Â¡ÂµÃ©ÂÂ¢ */
.second-main{
  background-color: #F5F5F5;
}
.second-banner img{
  display: block;
  width: 100%;height: auto;
}
.second-bg{
  background-color: #FFFFFF;
  min-height: 31.25rem;
  padding-top: 3rem;
  padding-bottom: 3.75rem;
}
.second-left {
  width: 28%;
  min-width: 170px;
}
.second-left-phone{
  width: 100%;
  position: relative;
  font-weight: bolder;
  font-size: 1.125rem;
  height: 3.125rem;
  line-height: 3.125rem;
  padding-left: 4%;    
  background-color: rgba(233, 233, 233, 0.5);
  display: none;
}
.second-left-phone span{
  margin-right: 5px;
}
.second-left-phone::after{
  content: "V";
  position: absolute;
  top: 0;
  right: 5%;
  height: 3.125rem;
  line-height: 3.125rem;
  text-align: center;
  font-size: .625rem;
  cursor: pointer; 
}
.second-title{
  width: 170px;
  height: 3.125rem;
  line-height: 3.125rem;
  margin: 0 auto;
  border-radius:4px;
  font-size: 1rem;
  background-color: #4A90E2;
  color: #FFFFFF;
  text-align: center;
}
.second-nav{
  width: 150px;
  margin: 0 auto;
  padding: 0 2%;
}
.second-nav li{
  width: 100%;height:2.3125rem;
  text-align: center;
  line-height: 2.3125rem;
  border-bottom: 1px solid #eeeeee;
}
.second-nav a{
  color: #4A4A4A;
  display: block;
  font-size: .875rem;
  position: relative;
  overflow:hidden;
text-overflow:ellipsis;
    white-space:nowrap;
}
li.second-nav-active a,.second-nav li:hover a{
  color: #4A90E2;
}
.second-nav-active span,.second-nav li:hover span{
  /*   position: absolute;
  top: 50%;
  margin-top: -6px;
  left: 20%;
  width: 0;height: 0;
  border: 6px solid;
  margin-right: .625rem;
  border-color: transparent; */
  display:inline-block;
  width: 12px;
  height: 10px;
  background:url(../img/right.png) no-repeat center center;
  background-size: 100%;
  margin-right: 4px;
  }
/* li.second-nav-active span,.second-nav li:hover span{
  border-left-color: #4A90E2;
} */
/* .second-nav li a{
  display: block;
  font-size: .875rem;
} */
.second-right{
  width: 70%;
  min-width: calc (100% -170px);
  padding-right: 10%;
}
.second-right-title{
  border-bottom: 1px solid #0068B7;
  margin-bottom: 1.25rem;
  font-size: .75rem;
}
.right-title-name{
  height: 2.5rem;line-height: 2.5rem;
  font-size: 1.125rem;
  font-weight: bolder;
  padding-left: 10px;
  position: relative;
}
.right-title-name span{
  position: absolute;
  width: 4px;
  height: 18px;
  top: 50%;
  left: 0px;
  margin-top: -9px;
}
.right-title-position{
  margin-top: 16px;
  float: right;
}

/* Ã¦â€“Â°Ã©â€”Â»Ã©Â¡ÂµÃ©ÂÂ¢ */
.second-news li{
  height: 2.125rem;
  line-height: 2.125rem;
  border-bottom: 1px dotted #A1A1A1;
  font-size: .875rem;
}
.second-news a{
  color: #525252;
}
.second-news-title{
  width: 70%;
}
.second-news-date{
  width: 30%;
  text-align: right;
  padding-right: 5px;
}
/* Ã¥Ë†â€ Ã©Â¡Âµ */
.page{
  margin-top: 1.25rem;
  text-align: right;
}
.btn{
  border-radius:4px;
  width: 2.5rem;
  height: 1.25rem ;
  line-height: 1.25rem;
  text-align: center;
  margin-right: .3125rem;
  cursor: pointer;
  border:1px solid rgba(151,151,151,1);
 display: inline-block;
  font-size: .75rem;
}
/*Ã¥Ë†â€ Ã©Â¡ÂµÃ©â‚¬â€°Ã¤Â¸Â­Ã¦Â Â·Ã¥Â¼Â */
.page-active,.btn:hover{
  color:rgba(255,255,255,1);
}
/* Ã¦â€“Â°Ã©â€”Â»Ã¤Â¸â€°Ã§ÂºÂ§Ã¥â€ â€¦Ã¥Â®Â¹Ã©Â¡ÂµÃ©ÂÂ¢ */
.main-right p{
  line-height: 1.5625rem;
  font-size: .875rem;
}
.main-right-conpany,.service-list{
  margin-top: 1.25rem;
}
.main-right-conpany p,.main-right-text p{
    text-indent: 2em;
    line-height: 1.75rem;
    margin: .625rem 0;
}
.main-right-conpany p img,.main-right-text p img{
    max-width: 100%;height: auto;
}
.main-right-top{
  text-align: center;
  margin: 1.25rem 0px;
}
.main-right-top p{
  line-height: 2.5rem;
  text-indent: 0rem;
}
p.top-title{
  font-size: 1.25rem;
  font-weight: bolder;
}
/* Ã¦â€“Â°Ã©â€”Â»Ã¨Â§â€ Ã©Â¢â€˜Ã©Â¡ÂµÃ©ÂÂ¢ */
.main-right-top video{
  width: 80%;
}
/* Ã¥â€¦Â¬Ã¥ÂÂ¸Ã©Â¢â€ Ã¥Â¯Â¼ */
.main-leader{
  font-size: .875rem;
  color: #4A4A4A;
}
.main-leader p{
  line-height: 1.5625rem;
}
.main-leader-top img{
  width: 50%;
  max-width: 20.125rem;
  max-height: 15.375rem;
}
.main-leader-name{
  font-size: 1.125rem;
  font-weight: 500;
}
.main-leader-position{
  color: #9B9B9B;
}
.main-leader-other{
  margin: 1.25rem auto 0px;
  margin-top: 1.25rem;
  text-align: left;
  font-size: .875rem;
}

/* Ã¨Ââ€Ã§Â³Â»Ã¦Ë†â€˜Ã¤Â»Â¬ */
#dituContent{
  width:100%;height:260px;border:#ccc solid 1px;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.address{
  height: 2.5rem;
  line-height: 2.5rem;
}
.address span:first-child{
  display: inline-block;
  width:4.625rem;
  font-weight: bold;
}
.main-leader-other span.addname{
  font-size: 1rem;
  font-weight: normal;
  width: 3rem;
  text-align-last:justify;
  text-align:justify;
  text-justify:distribute-all-lines;
 /* Ã¨Â¿â„¢Ã¨Â¡Å’Ã¥Â¿â€¦Ã¥Å Â Ã¯Â¼Å’Ã¥â€¦Â¼Ã¥Â®Â¹ieÃ¦ÂµÂÃ¨Â§Ë†Ã¥â„¢Â¨ */
  text-align: justify;
}
/* Ã¤Â¸Å¡Ã¥Å Â¡Ã¦ÂÂ¿Ã¥Ââ€” */
.service-list li{
  margin: 1.25rem 0rem;
  font-size: .875rem;
  /* cursor: pointer; */
}
.service-list-block{
  width: 100%;
  position: relative;
}
.service-list-img{
  width: 29%;
  padding-bottom: 22.5%;
  background-size: cover;
  background-repeat:no-repeat;
  background-position:center center;
}
.service-right{
  position: absolute;
  left: 30%;top: 0;
  width: 70%;height: 100%;
  padding: 0 4%;
  background-color: #F6F6F6;
}
.service-list-title{
  font-size: 1.125rem;
  height: 2.875rem;
  line-height: 2.875rem;
}
.service-list-text{
  height: calc(100% - 5.375rem);
}
.service-list-text-block{
  line-height: 26px;
  display: -webkit-box;
  overflow: hidden;
  white-space: normal !important;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-indent: 2rem;

}
.service-list-more{
  font-size: .75rem;
  display: block;
  width: 100%;
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: right;
  padding-right: 1%;
}
/* Ã¤Â¸Å¡Ã¥Å Â¡Ã¦ÂÂ¿Ã¥Ââ€” */
.service-list-link{
    border-bottom: 1px solid #4A90E2;
  }
  .service-list-link::after,.service-list-pics::after,.service-list-photos::after,.sec-news::after{
    display: block;
    clear: both;
    content:""; 
  }
  .service-list-link li{
    float: left;
    height: 2.875rem;
    padding: 0 20px;
    background-color: #F6F6F6;
  }
  .service-list-link li.service-list-link-active,.service-list-link li.service-list-link-active:hover{
    background-color: #4A90E2;
  }
  .service-list-link li:hover{
    background-color: rgba(74, 144, 226, .5);
  }
  .service-list-link li a{
    display: block;
    height: 2.875rem;
    line-height: 2.875rem;
    color: #4A4A4A;
  }
  .service-list-link li:hover a{
    color: rgba(255,255,255,0.8);
  }
  .service-list-link li.service-list-link-active a{
    color:#FFF;
  }
  .service-list-pics,.service-list-photos{
    margin-bottom: 20px;
  }
  .service-list-pics li{
    float: left;
    width: 18.8%;
    margin-right: 1.5%;
    margin-top: 1.25rem;
  }
  .service-list-pics li:hover{
    transform: translateY(-6px);
    -ms-transform: translateY(-6px); 	/* IE 9 */
    -moz-transform: translateY(-6px); 	/* Firefox */
    -webkit-transform: translateY(-6px); /* Safari Ã¥â€™Å’ Chrome */
    -o-transform: translateY(-6px); 	/* Opera */
  }
  .service-list-pics li:nth-child(5n){
    margin-right: 0;
  }
  .service-list-pics li a,.service-list-photos li a{
    display: block;
  }
  .service-list-pics li a h6{
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    font-size: .875rem;
    padding: 0 10px;
    color: #4A4A4A;
  }
  .service-list-pic{
    width: 100%;
    padding-bottom: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid #F5F5F5;
  }
  .service-list-photos-box{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 101;
    background-color: rgba(0,0,0,0.8);
    display: none;
  }
  .service-list-photos-slide{
    position: absolute;
    width: 60vw; height: calc(60vw * 0.66834);
    left: 50%;
    top: 50%;
    margin-left: -30vw;
    margin-top: -20vw;
    overflow: hidden;
  }
  .service-list-photos-slide ul{
    width: 100%;
    height: 100%;
    position: absolute;top: 0;left: 0;
    z-index: 102;
  }
  .service-list-photos-slide ul li{
    float: left;
    height: 100%;
  }
  .service-list-photos-slide ul li a{
    display: block;
    height: 100%;
  }
  .service-list-photos-slide ul li a img{
    width: 100%;
    height: 100%;
    z-index: 103;
  }
/* footer */
.footer{
  font-size: .875rem;
  width: 90%;
  max-width: 1300px;
  margin: 1.25rem auto 0;
}
.footer-part1{
  height: 2.4375rem;
  line-height: 2.4375rem;
  position: relative;
}
.footer-part1 a{
  display: inline-block;
  color: #4A4A4A;
  padding: 0 15px;
  position: relative;
}
/* Ã¥Ââ€¹Ã¦Æ’â€¦Ã©â€œÂ¾Ã¦Å½Â¥ */
.yqlj{
    position: absolute;
    left: 104px;
    top: 0;
    height: 2.4375rem;
}
.yqlj span{
    cursor: pointer;

}
.yqlj_block{
    position: absolute;
    bottom: 2.75rem;
    left: 50%;
    margin-left: -100px;
    border: 1px solid#4A90E2;
    border-radius: 4px;
    min-width: 200px;
    /* height: 5rem; */
    overflow-y: scroll;
    background-color: #E2F1FF;
    z-index: 1000;
    display: none;
}
.yqlj_block a{
    display: block;
    height: 1.875rem;
    line-height: 1.875rem;
    border-radius: 4px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.yqlj_block a:hover{
    background-color: #4A90E2;
    color: #FFFFFF;
}
.yqlj_img{
    position: absolute;
    width: 200px;
    height: 16px;
    left: 50%;
    margin-left: -100px;
    text-align: center;
    display: none;
    z-index: 999;
    bottom: 2.125rem;
}
.yqlj_img img{
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -8px;
    width: 16px;
    height: 16px;

}
.yqlj:hover .yqlj_block,.yqlj:hover .yqlj_img{
    display: block;
}
.footer-line{
  position: absolute;
  top: 50%;
  right: -3px;
  width: 1.5px;
  height: 0.9rem;
  margin-top: -.45rem;
  background-color: #4A4A4A;
}
.footer-part2{
  margin-bottom: 1.25rem;
}
.footer-part2 p{
  line-height: 2.4375rem;
  width: 30%;
  padding: 0 15px;
}
.footer-part2 p:nth-child(2){
  width: 40%;
  padding: 0;
}
.footer-part2 p a{
  color: #4A4A4A;
  font-size: 0.875rem;
  display: inline-block;
  width: 55%;
  text-align: center;
}
.footer-part2 p a:nth-child(1){
  width: 44%;
}
.footer-part2 p a img{
  margin-bottom: 4px;
  vertical-align: middle;
  margin-right: 5px;
}
.footer-part2::after,.serviceList::after{
  display: block;
  content: "";
  clear: both;
}
/* Ã¥â€ºÂ¾Ã§â€°â€¡Ã¥Ë†â€”Ã¨Â¡Â¨ */
.main-right-swiper .swiper-container{
    width: 100%;
    margin-left: 0;
    height: 2.5rem;
  }
.main-right-swiper .swiper-slide{
    width: auto!important;
    margin-right: 10px!important;
}
.main-right-swiper .swiper-slide a{
    display: inline-block;
    height: 2.5rem;
    line-height: 2.5rem;
    background-color: #4a90e2;
    color: #FFFFFF;
    font-size: 0.9375rem;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 4px;
}
.swiper-button-prev-bg{
    background-color: #FFFFFF;
    height:100%;
    position: absolute;
    top: 0;
    width: 1.25rem;
    left: 0;  
    z-index: 9;
}
.swiper-button-next-bg{
    background-color: #FFFFFF;
    height: 100%;
    position: absolute;
    top: 0%;
    width: 1.875rem;
    right: 0;
    z-index: 9;
}
.main-right-swiper .swiper-button-prev{
    height: 1.875rem;
    margin-top: -0.9375rem;
    left: 0;
}
.main-right-swiper .swiper-button-next{
    height: 1.875rem;
    margin-top: -0.9375rem;
    right: 0;
}
/* Ã¥Â¤Â§Ã¤Âºâ€¹Ã¨Â®Â°Ã¦ÂÂ¿Ã¥Ââ€” */
.main-right-year .swiper-container{
    width: 100%;
    margin-left: 0;
    height: 2.5rem;
  }
.main-right-year  .swiper-slide a{
    display: block;
    height: 2.5rem;
    line-height: 2.5rem;
    margin-left: 0;
    color: #4a4a4a;
    text-align: center;
}
.main-right-year .swiper-slide a{
    background-color: rgba(74, 144, 226, .5);
    color: rgba(255,255,255,0.9);
}
.main-right-year .swiper-slide-link a{
    background-color: #4A90E2;
    color:#FFF;
}
/* sec-content */
.sec-content{
  width: 100%;
  min-height: 25rem;
  position: relative;
  padding-bottom: 6.25rem;
}
/* sec-news */
.sec-news li{
  width: 31%;
  float: left;
  overflow: hidden;
  cursor: pointer;
  border-bottom: 1px solid rgba(161, 161, 161, .5);
  /* padding: 2.25rem 0; */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.sec-news li:nth-child(3n+2){
  margin: 0 3%;
}
.news-date{
  font-size: .75rem;
  color: #666666;
  margin-bottom:10px;
}
.sec-news li:hover .news-date{
  color: #0974D8;
}
.news-title{
  width: 80%;
  font-size: .9375rem;
  font-weight: bold;
  color: #525252;
  /* margin: 1.1875rem 0; */
  line-height: 1.375rem;
  /* height: 2.75rem; */
  height: 1.75rem;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  text-align: center;
}
.sec-news li:hover .news-title{
  color: #4A90E2;
}
.news-text{
  font-size: .875rem;
  color: #4a4a4a;
  line-height: 1.375rem;
  height: 5.5rem;
  margin-bottom: 1.875rem;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
}
.news-img{
  width: 100%;
  padding-bottom: 66.66%;
  background-size: cover;
  background-position: center center;
}
.sec-news li:hover .news-img{
  width: 105%;
  transition: all 2s;
  -moz-transition: all 2s; /* Firefox 4 */
  -webkit-transition: all 2s; /* Safari ÃƒÂ¥Ã¢â‚¬â„¢Ã…â€™ Chrome */
  -o-transition: all 2s; /* Opera */
}
.news-video{
  width: 100%;
  padding-bottom: 66.66%;
  position: relative;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.4);
}
.news-video video{
  position: absolute;
  top: 0;left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width:1400px){
    .company-text-box{
        line-height: 30px;
        -webkit-line-clamp: 6;
        line-clamp: 6;
    }
}
@media screen and (max-width:1200px){
  .main-right img,.second-right img{max-width: calc(100% - 2rem); height: auto !important;}
  .footer-part2 p{
    width: 100% !important;
    text-align: center;
  }
  .footer-part2 p a{
    display: inline;
    margin-right: 10px;
  }
    .company-text-box{
        -webkit-line-clamp: 4;
        line-clamp: 4;
    }
}
@media screen and (max-width:1024px){
  .footer-part1{
    /* text-align: center; */
  }

}
@media screen and (max-width:1023px){
  html{
    font-size: 14px;
  }
  .box,.footer{
    width: 100%;
  }
  .second-right{
    padding-right: 5%;
  }
}
@media screen and (max-width:767px){
  html{
    font-size: 12px;
  }
  .header{
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    height: 2.5rem;
    line-height: 2.5rem;
  }
  .logo{
    height: 2.5rem;
    line-height: 2.5rem;
  }
  .logo img{
    height: 2.5rem;
    width: auto;
    vertical-align: baseline;
  }
  .header_en{
    left: calc(100% - 7rem);
    background-color: rgba(74,74,74,0.1);
    margin-top: -0.8125rem;
  }
  .header_en a{
      color: #4a4a4a;
      font-weight: bold;
  }
  .nav-click{
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    right: 3rem;
    top: 50%;
    margin-top: -.75rem;
  }
  .nav-click img{
    width: 100%;height: 100%;
  }
  .close{
    display: none;
  }
  .nav {
    display: none;
    width: 50%;
    position: fixed;
    left: 50%;
    top: 2.5rem;
    z-index: 99;
    height: calc(100% - 2.5rem);
  }
  .nav li{
    display: block;
    float: none;
    height: auto;
    width: 100% !important;
    border-bottom: 1px solid rgba(151, 151, 151, .5);
  }
  .nav li p{
    color: #FFFFFF;
  }
  .nav li p{
    height: 2.6875rem;
    line-height: 2.6875rem;
  }
  .nav li .sub{
    position: relative;
    top: 0;
  }
  /* searchÃ¦Â¡â€  */
  .search{
    width: 2.5rem;
    height: 2.5rem;
  }
  .search input{
    top: 2.6875rem;
  }
  .second-main,.main{
    margin-top: 2.48rem;
  }
  .second-bg,.second-left{
    width: 100%;
    padding-top: 0px;
  }
  .second-title,.second-nav span{
    display: none;
  }
  .second-left-phone {
    display:block;
  }
  .second-nav {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 10px;
    max-height: 0;
    overflow: hidden;
    border: none;
    transition: max-height 300ms ease-in-out;
    -webkit-transition: max-height 300ms ease-in-out;
  }
  .openSubnav {
    max-height: 100vh;
  }
  .right-title-name{
    display: none;
  }
  .second-right-title{
    height: 2.5rem;
    margin-bottom: 0.25rem;
  }
  .right-title-position{
    float: left;
    margin-top: .625rem;
  }
  .second-right{
    width: 100%;
    padding: 0 5%;
  }
  .main-leader{
    margin-top: 1.25rem;
  }
  .service-list-pics li{
    width: 30%;
    margin-right: 5%;

  }
  .service-list-pics li:nth-child(5n){
    margin-right: 5%;
  }
  .service-list-pics li:nth-child(3n){
    margin-right: 0;
  }
  .service-list-photos li{
    width: 47.5%;
    margin-right: 5%;
  }
  .service-list-photos li:nth-child(4n){
    margin-right: 5%;
  }
  .service-list-photos li:nth-child(2n){
    margin-right: 0;
  }
  .company-text-box{
    line-height: 26px;
  }
  /*  */
  .service-list-photos-slide{
    width: 90vw; height: calc(90vw * 0.66834);
    margin-left: -45vw;
  }
  .sec-content{
    min-height: auto;
  }
  /* sec-news */
  .sec-news li{
    width: 48%;
  }
  .sec-news li:nth-child(3n+2){
    margin: 0;
  }
  .sec-news li:nth-child(2n){
    margin-left: 4%;
  }
}
@media screen and (max-width:640px){
  .main-leader-other{
    width: 80%;
  }
  /* Ã¤Â¸Â»Ã©Â¡ÂµÃ¦Â â€¡Ã©Â¢Ëœ */
  .main-title{
    padding: 1.25rem 0;
  }
  /* main-company */
  .company-list-block{
    /* height: 140px; */
    /* padding-bottom: 2rem; */
  }
  .company-list-img{
    /* display: none; */
    /* left: 0%; */
    width: 100%;
    padding-bottom: 56.25%;
    margin-bottom: 1.25rem;
  }
  .company-right-box{
    position: static;
    width: 100%;
    height: auto;
    padding-bottom: 2.5rem;
  }
  .company-list-more{
    bottom: -8px;
    right: 50%;
    margin-right: -3.125rem;
  }
  /* main-news */
  .newsImg{
    /* display: none; */
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    top: 0.625rem;
  }
  .newsImg div{height: 2.65rem;}
  .newsImg div p{line-height: 2.65rem;}
  .news_left_title {
    width: 100%;
    left: 0%;
    height: 26px;
    line-height: 26px;
    margin-bottom: 1.875rem;
  }
  .news_left_content_title {
    height: 35px;
    line-height: 44px;
  }
  .newsBlock{
    width: 100%;
  }
  .news_left_content_content{
    line-height: 22px;
    height: 66px;
  }
}
@media screen and (max-width:600px){
  .upPage-text-pa,.upPage-title{
    display: none;
  }
  .upPage a{
    bottom: 50%;
    margin-bottom: -0.9375rem;
  }
  /* Ã¤Â¸Å¡Ã¥Å Â¡Ã¦ÂÂ¿Ã¥Ââ€” */
  .service-list-img{
    display: none;
  }
  .service-right{
    position: static;
    width: 100%;
  }
  .service-list-text{
    height: auto;
  }
  .service-list-text-block{
    line-height: 1.5625rem;
    -webkit-line-clamp: 3;
  }
  .second-message {
    width: 90%;
  }
}
@media screen and (max-width:500px){
    /* sec-news */
    .sec-news li{
      width: 100%;
    }
    .sec-news li:nth-child(3n+2){
      margin: 0;
    }
    .sec-news li:nth-child(2n){
      margin-left: 0;
    }
    .footer-part2 p a{
      display: block;
      margin-right: 0;
      width: 100% !important;
    }
}
@media screen and (max-width:370px){
  .news_left_title span{
    padding:  0px 15px;
  }
  .second-message {
    width: 94%;
  }
}
/* Ã¥ÂÂ³Ã¤Â¾Â§Ã¥â€ºÂ¾Ã¦Â â€¡ */
.float_box{
  position: fixed;
  bottom: 20%;
  right: 2%;
  display: none;
}
.float_item{
  position: relative;
  background-color: #4A90E2;
  width: 2.5rem;height: 2.5rem;
  transition: all 1s linear 0.1s;
  border-bottom: 1px solid #ffffff;
  text-align: center;
  cursor: pointer;
}
.float_item:nth-child(1){border-top-left-radius: 4px;border-top-right-radius: 4px;}
.float_item:nth-child(3){border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.float_text img,.float_img img{width: 100%;vertical-align: middle;}
.float_img,.float_block{display: none;}
.float_img{position: absolute;width:100px;height:100px;top: 50%;margin-top: -50px;left:-110px;box-shadow: 0px 0px 10px 0px #dddddd;}
.float_block{position: absolute;top: 50%;left: -8px;margin-top: -4px;width: 0;height: 0;border: 8px solid #eee9e9;border-bottom-color: transparent;border-top-color: transparent;border-right-color: transparent;}
