@font-face {
  font-family: 'iconfont';  /* Project id 2376408 */
  src: url('//at.alicdn.com/t/c/font_2376408_4qix8o0mjdo.woff2?t=1740017166938') format('woff2'),
       url('//at.alicdn.com/t/c/font_2376408_4qix8o0mjdo.woff?t=1740017166938') format('woff'),
       url('//at.alicdn.com/t/c/font_2376408_4qix8o0mjdo.ttf?t=1740017166938') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

* {
  margin: 0;
  padding: 0;
}

*,
:before,
:after {
  box-sizing: border-box;
}

/* html,body{width:100%;height:100%;} */
html {
  position: relative;
  height: 100%;
  width: 100%;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

/* body {
  position: relative;
  top: 0;
  left: 0;
  height: 100%;
  } */
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
blockquote,
p {
  padding: 0;
  margin: 0;
}

body {
  font-size: 14px;
  line-height: 24px;
  color: #333;
  width: 100%;
  font-weight: 500;
  overflow-x: hidden;
}

ul,
li {
  list-style: none;
  padding: 0px;
  margin: 0px
}

img {
  border: 0;
  margin: 0px;
  padding: 0px;
  display: block;
  max-width: 100%;
}

input,
textarea {
  font-family: "BL";
}

input:focus {
  outline: none;
}

.clean {
  clear: both;
}

a:link {
  color: #333;
  text-decoration: none;
}

a:visited {
  color: #333;
  text-decoration: none;
}

a:hover {
  color: #1c4c9e;
  text-decoration: none;
}

a:active {
  color: #333;
  text-decoration: none;
}

.pic_link:link {
  color: #fff;
  text-decoration: none;
}

.pic_link:visited {
  color: #fff;
  text-decoration: none;
}

.pic_link:hover {
  color: #fff;
  text-decoration: none;
}

.pic_link:active {
  color: #fff;
  text-decoration: none;
}

h1 {
  font-size: 26px;
  color: #000;
  letter-spacing: -1px;
  line-height: 36px;
}

h2 {
  font-size: 26px;
  color: #000;
  letter-spacing: -1px;
  line-height: 26px;
  display: inline;
  font-weight: normal;
}

h3 {
  font-size: 26px;
  color: #fff;
  letter-spacing: -1px;
  line-height: 26px;
}

h4 {
  font-size: 26px;
  color: #000;
  letter-spacing: -1px;
  line-height: 26px;
  display: inline;
}

h5 {
  font-size: 26px;
  color: #000;
  letter-spacing: -1px;
  line-height: 34px;
  display: inline;
  font-weight: normal;
}

.allMid {
  width: 66%;
  min-width: 1200px;
  margin: 0 auto;
}



.index_banner {
  width: 100%;
  height: calc(100vh - 1.75rem);
  margin: 0 auto 0 auto;
  margin-top: 1.75rem;
}

.index_banner .txt-box {
  display: block;
  margin: 0 auto;
  text-align: center;
  position: relative;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.index_banner .txt-box ol {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.index_banner .swiper-container {
  width: 100%;
  height: 100%;
}

.index_banner .swiper-slide {
  color: #fff;
}

.index_banner .swiper-slide .titleb_a_a {}

.index_banner .swiper-slide .titleb_a_a img {
  margin: 0 auto;
}

.index_banner .swiper-slide .titleb_a {
  font-size: .5rem;
  line-height: 1.5;
  color: #fff;
  font-weight: bold;
  font-family: "GL";
  letter-spacing: 1px;
  position: relative;
  overflow: hidden;
}

.index_banner .swiper-slide .titleb_b {
  font-size: 1.5rem;
  line-height: 1.5;
  color: #fff;
  font-family: "GB";
  position: relative;
  overflow: hidden;
  letter-spacing: 1px;
  padding-bottom: 10px;
}

.index_banner .swiper-slide .titleb_c a {
  border-radius: 50px;
  color: #fff;
  border: 1px solid #fff;
  padding: 5px 20px;
  transition: all 0.3s;
  display: inline-block;
  margin-top: 20px;
}

.index_banner .swiper-slide .titleb_c a:hover {
  background: #005BAC;
  border: 1px solid #005BAC;
  color: #fff;
}

.index_banner .swiper-slide .titlec_a {
  margin: 30px 0;
}

.index_banner .swiper-slide .titlec_a img {
  margin: 0 auto;
}

.index_banner .swiper-slide .titled_a {
  font-size: 25px;
  line-height: 1.5;
  color: #fff;
  margin-top: 3vw;
  letter-spacing: 2px;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 50px !important;
}

.swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  width: 30px;
}

.index_banner .swiper-slide .titleb_b a {
  padding: 5px 20px;
  background-color: #fff;
  color: #005BAC;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: .6rem;
  transition: all 0.3s;
  text-transform: uppercase;
  font-family: "GL";
  letter-spacing: 1px;
  font-weight: bold;
}

.index_banner .swiper-slide .titleb_b a i {
  margin-right: 10px;
  transition: all 0.2s;
}

.index_banner .swiper-slide .titleb_b a span {
  transition: all 0.2s;
}

.index_banner .swiper-slide .titleb_b a:hover {
  background-color: #005BAC;
  color: #fff;
}

.index_banner .swiper-slide .titleb_b a:hover i {
  margin-right: 15px;
}

.index_banner .swiper-pagination-bullet {
  background: #fff;
  opacity: .5;
}

.index_banner .swiper-pagination-bullet-active {
  background: #005BAC;
  opacity: 1;
  border-radius: 0;
}


.ind_aBox {
  background-image: url(../images/ind_aBg.jpg);
  background-position: center;
  background-size: cover;
  width: 100%;
  padding: 3.5rem 0;
}

.ind_a {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.ind_a_l {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 20%;
}

.ind_a_l h3 {
  color: #005BAC;
  font-size: 36px;
  margin-bottom: 35px;
  line-height: 1.2;
  font-weight: bold;
}

.ind_a_l h4 {
  color: #808080;
  font-size: 20px;
  letter-spacing: .5px;
  line-height: 1.2;
}

.ind_a_r {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 70%;
}

.ind_a_r p {
  margin-bottom: 12px;
  font-size: 16px;
  line-height: 1.8;
}

.ind_bBox {
  padding: 80px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.allTitle {
  font-size: 36px;
  margin-bottom: 20px;
  color: #005BAC;
  font-weight: bold;
}

.ind_bBox ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 40px 40px;
  align-items: stretch;
  width: 100%;
}

.ind_bBox ul li a {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.ind_bBox ul li a .img {
  width: 100%;
  overflow: hidden;
}

.ind_bBox ul li a .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.9s;
}

.ind_bBox ul li a:hover img {
  transform: scale(1.1);
}

.ind_bBox ul li a p {
  font-size: 24px;
  line-height: 1.5;
  margin-top: 8px;
  width: 100%;
  text-align: left;
}

.ind_cBox {
  padding: 80px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 0;
}

.ind_cBox .swiper {
  width: 100%;
  height: 100%;
  padding-bottom: 60px;
}

.ind_cBox .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.ind_cBox .swiper-slide .img {
  display: block;
  margin-bottom: 8px;
  width: 100%;
}

.ind_cBox .swiper-slide .img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ind_cBox .swiper-slide .p1 {
  font-size: 18px;
  color: #333;
  line-height: 1.5;
  font-weight: bold;
}

.ind_cBox .swiper-slide .p2 {
  font-size: 16px;
  color: #666666;
  line-height: 1.5;
}

.ind_cBox .swiper-pagination-bullet {
  background-color: #fff;
  border: 1px solid #808080;
  opacity: 1;
  width: 10px;
  height: 10px;
}

.ind_cBox .swiper-pagination-bullet-active {
  background-color: #808080;
}

.ind_dBox {
  height: 60vh;
  position: relative;
}

.col-b {
  color: #fff;
}

.index_banner .swiper-slide .col-b a {
  color: #fff;
  border: 1px solid #fff;
}

.swiperBtn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
}


.ind_dBox .swiper-button-next,
.ind_dBox .swiper-button-prev {
  color: #3d3d3d;
}

/* foot */
.footBox {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 10px 30px 0px rgb(47 54 69 / 20%);
  background: #fff;
}

.footBox .top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 50px 0;
}

.foot_top_l {}

.foot_top_l ul {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.foot_top_l ul li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin-right: 3.5vw;
}

.foot_top_l ul li p {
  font-size: 18px;
  margin-bottom: 5px;
}

.foot_top_l ul li a {
  font-size: 14px;
  line-height: 1.5;
}

.foot_top_r {
  width: 30%;
}

.foot_top_r p:nth-child(1) {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 10px;
  font-weight: bold;
}

.foot_top_r p:nth-child(2) {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 25px;
}

.foot_top_r p:nth-child(3) {
  font-size: 14px;
  line-height: 1.5;
}

.foot_top_r p:nth-child(4) {
  font-size: 14px;
  margin-bottom: 25px;
  line-height: 1.5;
}

.foot_top_r .iconBox {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.foot_top_r .iconBox i {
  font-size: 25px;
  margin-right: 12px;
  color: #333;
}

.footBox .btm {
  background-color: #B2B2B2;
  width: 100%;
  padding: 12px 0;
}

.footBox .btm .w1400 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.footBox .btm .w1400 img {
  height: 20px;
  margin-right: 20px;
}

.n_banner {
  width: 100%;
  height: 45vh;
  margin-top: 70px;
  background-position: center;
  background-size: cover;
}

/* finishes */
.finishesBox {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 80px 0;
}

.allfinishesP {
  font-size: 16px;
  text-align: center;
  line-height: 1.5;
  margin-bottom: 15px;
}

.finishesNav {
  width: 100%;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-gap: 20px 20px;
  align-items: stretch;
  background: #fff;
  transition: all 0.3s;
}

.finishesNav a {
  padding: 12px 6px;
  text-align: center;
  font-size: 16px;
  height: 100%;
  line-height: 1.5;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}

.finishesNav a.on {
  border-bottom: 3px solid #6d6d6d;
}

.finishes {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding-bottom: 70px;
}

.finishes .allTitle {
  color: #333;
  text-transform: uppercase;
}

.finishesList {
  width: 100%;
  margin-top: 30px;
  display: flex;flex-wrap: wrap;
}

.finishesList a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: calc(16.66% - 17px);
  margin-right:20px;
  margin-bottom: 20px;
}
.finishesList a:nth-child(6n){
  margin-right: 0;
}

.finishesList a .img {
  margin-bottom: 10px;
  overflow: hidden;
  height: 12vw;
  max-height: 216px;
  width: 100%;
}

.finishesList a .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.finishesList a .p1 {
  font-size: 18px;
  color: #333;
  line-height: 1.5;
  font-weight: bold;
  padding: 0 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  text-align: center;
}

.finishesList a .p2 {
  font-size: 16px;
  color: #666666;
  line-height: 1.5;
  margin-bottom: 5px;
}

.finishesList a:hover {
  box-shadow: 0px 10px 30px 0px rgb(47 54 69 / 20%);
}

.black_overlay {
  display: none;
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1001;
  -moz-opacity: 0.6;
  opacity: .60;
  filter: alpha(opacity=60);
}

.white_content {
  display: none;
  position: fixed;
  height: 80%;
  background-color: white;
  z-index: 1002;
  overflow: auto;
  padding: 30px;
  top:50%;left:50%;transform: translate(-50%, -50%);
}
.white_content .closeBox{
  text-align: right; cursor: default; height: 40px;
}
.white_content .closeBox span{
  font-size:24px;
  cursor: pointer;
  transition: all 0.9s;
}
.white_content .closeBox span:hover{
  font-size:26px;
}
.tcBox{
  display: flex;flex-direction: column;align-items: flex-start;justify-content:flex-start;
  height: calc(100% - 80px);
  width: 100%;
}
.tcBox_top{
  width: 70%;
  line-height: 1.2;
}
.tcBox_top p:nth-child(1){
  font-size:36px;
  color:#333;
  line-height: 1.5;
  font-weight: bold;
}
.tcBox_top p:nth-child(2){
  color:#666666;
  line-height: 1.5;
  font-size:24px;
}
.tcBox_top p:nth-child(3){
  font-size:16px !important;
  color:#333 !important;
  line-height: 1.5 !important;
  font-family: "GL" !important;
}
.tc_nr{
  display:flex;justify-content:center;align-items:flex-start;
  width: 100%;
  margin-top: 3%;
  height: 500px;
  background: #F4F4F4;
}
.finishes2_cont .tc_nr{
  width: 100%;
  margin-top: 3%;
  background: #F4F4F4;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: auto;
  background:#fff;
}
.finishes2_cont .tcBox{
  height: auto;
}

.tc_nr_l{
  width: 70%;
  height: 100%;
}

.finishes2_cont .tc_nr_l{
  width: 100%;
  height: 600px;
}
.tc_nr_l img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tc_nr_r{
  width: 30%;
  background: #F4F4F4;
  padding:25px;
}
.finishes2_cont .tc_nr_r{
  background: #fff;
  width: 100%;
  padding:80px 0;
}
.tc_nr_r p{
  font-size:24px;
  margin-bottom: 20px;
  font-weight: bold;
  line-height: 1;
}
.tc_nr_r ul{
  font-size:16px;
  display: flex;flex-direction: column;align-items: flex-start;justify-content:flex-start;
}
.tc_nr_r ul li{
  line-height: 1.5;
  margin-bottom: 5px;
  width: 100%;
}
.tc_nr_r ul li p{
  margin:0 !important;
  font-family: "GL" !important;
  font-size: 16px !important;
  margin-bottom: 5px !important;
  line-height: 1.5 !important;
}
.tc_nr_r ul li p span{
  margin:0 !important;
  font-family: "GL" !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  font-weight: 500 !important;
}

.finishes2_cont table{
  width: 100% !important;
  border-top: 1px solid #ddd;
  font-family: "GL" !important;
}
.finishes2_cont table tr{
  border-bottom: 1px solid #ddd;
}
.finishes2_cont table tr td{
  padding:0 12px;
  border-right: 1px solid #ddd !important;
  line-height: 1.2;
  font-family: "GL" !important;
  text-align: center;
}
.finishes2_cont table tr td:last-child{
  border-right: none !important;
}

.contact_a{
  display: flex;flex-direction: column;align-items: flex-start;justify-content:flex-start;
  padding:80px 0;
}
.contact_a_title{
  font-size: 36px;
  font-weight: bold;
  line-height: 2;
  width: 100%;
  border-bottom:1px solid #888888;
  margin-bottom: 30px;
}
.contact_a_gs{
  font-size:24px;
  line-height: 1.5;
  margin-bottom: 15px;
  font-weight: bold;
}
.contact_a ul{
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px 30px;
  align-items: stretch;
}
.contact_a ul li{
  display:flex;justify-content:flex-start;align-items:center;
  width: 100%;
}
.contact_a ul li img{
  margin-right: 12px;
  width: 40px;
}
.contact_a ul li p{
  font-size:14px;
  font-weight: bold;
  line-height: 1.5;
}

.contact_b{
  background-color: #EFEFEF;
  padding:60px 0 30px;
  margin-bottom: 80px;
}
.contact_b .swiper-slide{
  display:flex;justify-content:space-between;align-items:flex-start;
  background: #fff;
  padding: 20px;
}
.contact_b .swiper-slide .img{
  width: 40%;
  overflow: hidden;
  height: 12.5vw;
  max-height: 200px;
}
.contact_b .swiper-slide .img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.contact_b .swiper-slide .info{
  width: 55%;
  overflow: hidden;
  display: flex;flex-direction: column;align-items: flex-end;justify-content:flex-end;
  
}
.contact_b .swiper-slide .info p:nth-child(1){
  font-weight: bold;
  font-size:24px;
  line-height: 1.2;
}
.contact_b .swiper-slide .info p:nth-child(2){
  font-size:16px;
  color:#888888;
  margin-bottom: 10px;
}
.contact_b .swiper-slide .info p:nth-child(3){
  font-size: 14px;
  line-height: 1.5;
  text-align: right;
}

.contact_b .w1400 .swiper{
  padding-bottom: 40px;
}

.contact_b .swiper-pagination-bullets.swiper-pagination-horizontal{
  bottom: -5px;
}


/* .contact_b .swiper{
  width: calc(100% + 120px);
  padding: 0 60px;
}
.contact_b .w1400{
  padding:0 60px;
} */

.contact_c{
  padding-bottom:80px;
  display: flex;flex-direction: column;align-items: center;justify-content:center;
}
.contact_c_title{
  font-size:24px;
  line-height: 1.5;
  font-weight: bold;
}
.contact_c form{
  width: 100%;
  display: flex;flex-direction: column;align-items: center;justify-content:center;
}
.contact_c form ul{
  margin-top: 20px;
  width: 100%;
  display: flex;flex-wrap: wrap;
}
.contact_c form ul li{
  width: calc(50% - 10px);
  margin-right: 20px;
  margin-bottom: 20px;
}
.contact_c form ul li:nth-child(2n){
  margin-right: 0px;
}
.contact_c form ul li p{
  font-size:14px;
  margin-bottom: 10px;
  font-weight: bold;
  text-transform: uppercase;
}
.contact_c form ul li input{
  font-size:16px;
  width: 100%;
  border:1px solid #333;
  height: 40px;
  padding:5px;
  font-family: "GL";
}
.contact_c form ul li:last-child{
  width: 100%;
  margin-right: 0;
}
.contact_c form ul li textarea{
  width: 100%;
  height: 180px;
  padding:5px;
  border:1px solid #333;
  font-family: "GL";
  font-size:16px;
}
.contact_c form button{
  padding: 8px 35px;
  font-family: "GL";
  border-radius: 50px;
  border:1px solid #333;
  color:#333;
  font-size:16px;
}
.contact_c form button:hover{
  color:#fff;
  background: #333;
}
.mapBox{
  width: 100%;
}
.mapBox img{
  width: 100%;
}

/* company */
.company_a{
  display: flex;flex-direction: column;align-items: center;justify-content:center;
  padding:80px 0;
}
.company_a .allTitle{
  text-transform: uppercase;
}
.company_a ul{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 40px 40px;
  align-items: stretch;
}
.company_a ul li p{
  font-size:16px;
  line-height: 1.5;
  margin-bottom: 20px;
}
.company_b{
  background-image: url(../images/company_b1.jpg);
  background-position: center;
  background-size: cover;
  padding:100px 0;
  display:flex;justify-content:center;align-items:center;
}
.company_b .box{
  border:2px solid #fff;
  padding:30px;
  display: flex;flex-direction: column;align-items: center;justify-content:center;
  color:#fff;
}
.company_b .box p:nth-child(1){
  text-transform: uppercase;
  font-size: 36px;
  margin-bottom: 50px;
  line-height: 1;
}
.company_b .box p:nth-child(2){
  font-size: 20px;
  margin-bottom: 15px;
  line-height: 1.5;
  text-align: center;
}
.company_b .box p:nth-child(3){
  font-size: 48px;
  font-family: "GB";
  line-height: 1;
}
.company_c_t{
  display: flex;flex-direction: column;align-items: center;justify-content:center;
  padding:80px 0 40px;
  text-align: center;
  font-size:16px;
}
.company_c_t .allTitle{
  margin-bottom: 0;
}
.company_cBox{
  background-image: url(../images/company_c1.jpg);
  width: 100%;
  background-position: center;
  background-size: cover;
  padding:120px 0;
}
.company_cBox ul{
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 12px 12px;
  align-items: stretch;
}
.company_cBox ul li{
  background:rgba(255,255,255,0.8);
  display: flex;flex-direction: column;align-items: center;justify-content:flex-start;
  padding:2vw;
}
.company_cBox ul li img{
  width: 40%;
  margin-bottom: 30px;
}
.company_cBox ul li p{
  text-align: center;
  font-size:16px;
  line-height: 1.2;
  min-height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}
.company_cBox ul li:hover{
  background:rgba(255,255,255,1);
}

/* news */
.newsList_a{
  padding:80px 0;
}
.newsList{
  display: flex;flex-wrap: wrap;
}
.newsList li{
  width: calc(33.3% - 17px);
  margin-right:20px;
  margin-bottom: 30px;
}
.newsList li:nth-child(3n){
  margin-right:0;
}
.newsList li a{
  display: flex;flex-direction: column;align-items: flex-start;justify-content:flex-start;
  width: 100%;
}
.newsList li .img{
  width: 100%;
  overflow: hidden;
  height: 17vw;
  max-height: 290px;
}
.newsList li .img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.9s;
}
.newsList li .title{
  width: 100%;
  margin:10px 0 5px;
  line-height: 1.5;
  overflow: hidden; text-overflow: ellipsis;white-space: nowrap;
  font-size:20px;
  font-weight: bold;
}
.newsList li .cont{
  font-size:14px;
  margin-bottom: 10px;
  line-height: 1.4;
  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;height: 60px;
}
.newsList li button{
  padding: 3px 20px;
  font-size: 12px;
  border: 1px solid #333;
  border-radius: 50px;
  font-family: "GL";
  transition: all 0.3s;
  font-weight: bold;
}
.newsList li a:hover .cont{
  color:#333;
}
.newsList li a:hover button{
  background:#005BAC;
  border:1px solid #005BAC;
  color:#fff;
}
.newsList li a:hover img{
  transform: scale(1.1);
}
.new_cont{
  background: #fff;
  padding:4vw;
  margin :140px auto 1vw !important;
  box-shadow: 0px 10px 30px 0px rgb(47 54 69 / 20%);
}
.finishes2_cont{
  margin-bottom: 80px !important;
  position: relative;
}
.finishes2_cont span{
  font-size:28px;
}
.news_title{
  font-size:40px;
  font-family: "GB";
  line-height: 1.2;
  margin-bottom: 20px;
}
.news_date{
  width: 100%;
  border-bottom: 1px solid #888888;
  display:flex;justify-content:space-between;align-items:center;
}
.share{
  display:flex;justify-content:flex-end;align-items:center;
  font-family: "GB";
}
.share span{
  margin-right: 10px;
}
.share i{
  font-size: 22px;
  margin-right: 5px;
}
.share i:hover{
  color:#005BAC;
}
.news_body{
  margin-top:30px;
  font-size:18px;
}
.news_body p{
  margin-bottom: 20px;
  line-height: 1.5;
}
.news_body p{
  margin:0 !important;
  font-family: "GL" !important;
  font-size: 16px !important;
  margin-bottom: 20px !important;
  line-height: 1.5 !important;
}
.news_body p span{
  margin:0 !important;
  font-family: "GL" !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
}
.news_body img{
  max-width: 100%;
}
.news_btm{
  display:flex;justify-content:space-between;align-items:center;
  padding:1vw 4vw 4vw;
}
.news_btm .left{
  display:flex;justify-content:flex-start;align-items:center;
}
.news_btm .left span{
  font-family: "GB";
  font-size:16px;
}
.news_btm .left a{
  margin-left:8px;
}
.news_btm .left a i{
  font-size:28px;
}
.news_btm .right{
  display:flex;justify-content:flex-end;align-items:center;
}
.news_btm .right a{
  padding:4px 20px;
  border-radius: 50px;
  border:1px solid #333;
  display: inline-block;
  display:flex;justify-content:space-between;align-items:center;
  margin-left:20px;
  transition: all 0.3s;
  width: 120px;
}
.news_btm .right a i{
  font-size:25px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.news_btm .right a span{
  font-size:14px;
  font-weight: bold;
}
.news_btm .right a:nth-child(1) i{
  margin-right:12px;
}
.news_btm .right a:nth-child(2) i{
  margin-left:12px;
}
.news_btm .right a:hover{
  color:#fff;
  background: #005BAC;
  border:1px solid #005BAC;
}

/* gallery */
.galleryList{
  padding:80px 0;
  display: flex;flex-direction: column;align-items: center;justify-content:center;
}
.galleryBox{
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px 20px;
  align-items: stretch;
}
.galleryBox li{
  display: flex;flex-direction: column;align-items: flex-start;justify-content:flex-start;
  width: 100%;
  cursor: pointer;
}
.galleryBox li .img{
  width: 100%;
  height: 17vw;
  margin-bottom: 10px;
  max-height: 285px;
  overflow: hidden;
}
.galleryBox li .img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.9s;
}
.galleryBox li p{
  font-size:16px;
  line-height: 1.3;
  font-weight: bold;
}
.galleryBox li:hover img{
  transform: scale(1.1);
}
.galleryBox li:hover p{
  color:#005BAC;
}
.gallery_tc{
  padding:0;
  overflow: hidden;
}
.gallery_closeBox{
  position: absolute;
  right: 30px;
  top: 30px;
  z-index: 99;
}
.gallery_tcBox{
  width: 100%;
  display: flex;flex-direction: column;align-items: center;justify-content:center;
}
.gallery_tcBox .index_banner{
  height: 60vh;
  margin: 0 auto 0 auto;
  position: relative;
  margin-top:0;
}

.gallery_tcBox .swiper-pagination-bullet{
  background: none;
  border:1px solid #808080;
  width: 10px;
  height: 10px;
  opacity: 1;
}
.gallery_tcBox .swiper-container .swiper-pagination .swiper-pagination-bullet-active{
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #808080;
  border:1px solid #808080;
}
.tc_cont{
  width: 80%;
  padding:30px 0;
  display:flex;justify-content:space-between;align-items:flex-start;
}
.tc_cont .left{
  font-size:24px;
  font-weight: bold;
  width: 35%;
  line-height: 1.2;
}
.tc_cont .right{
  display: flex;flex-direction: column;align-items: flex-start;justify-content:center;
  width: 60%;
}
.tc_cont .right p{
  font-size:16px;
  margin-bottom: 12px;;
  line-height: 1.2;
}

.caseList li{
  background: #f1f1f1;
}
.caseBox{
  padding:20px;
  position: relative;
  padding-bottom: 50px;
}
.caseBox .caseTitle{
  width: 100%;
  margin: 10px 0 5px;
  line-height: 1.2;
  font-size: 20px;
  font-weight: bold;
  margin-top:0;
  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
  height: 48px;
}
.caseBox .caseCont{
  line-height: 1.5;
}
.caseBox .caseCont p{
  margin-bottom: 20px;
}
.caseBox button{
  position: absolute;
  bottom: 20px;
  left:20px;
}
.newsList li a:hover .caseCont{
  color:#333;
}

/* pro */
.proList-tit{ display: flex; border-bottom: 1px solid #cbcbcb; justify-content: flex-start; text-align:left;}
.proList-tit li{ background-color: #808080; color: white; text-align: center; padding: 10px 20px; margin-right: 5px;}
.proList-tit li p{ line-height: 20px;}
.proList-tit li.active{background-color: #005bac;}
.proList{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px 20px;
  align-items: stretch;
  width: 100%;
  margin-top:30px;
}
.proList2{
  grid-template-columns: repeat(3, 1fr);
}
.proList li{
  display: flex;flex-direction: column;align-items: flex-start;justify-content:flex-start;
  cursor: pointer;
  transition: all 0.3s;
}
.proList li:hover{
  margin-top: -20px;
}
.proList img{
  width: 100%;
  margin-bottom: 12px;
}
.proList p{
  font-size: 24px;
  line-height: 1.2;
}
.p_small{
  color:#808080;
  font-size:18px !important;
}
.proList p span{
  font-family: "GB";
}
.pro_cont{
  border-top:2px solid #DDDDDD;
  padding:3vw 0 0;
  display:flex;justify-content:space-between;align-items:flex-start;
}
.pro_cont .allTitle{
  line-height: 1;
}
.allTile_small{
  font-size:24px !important;
}
.pro_cont li:nth-child(1){
  display: flex;flex-direction: column;align-items: flex-start;justify-content:flex-start;
  width: 46%;
}
.pro_cont li:nth-child(1) .allfinishesP{
  text-align: left; width: 100%;
}
.pro_cont li:nth-child(1) .allfinishesP b{
  font-family: "GB";
  font-weight: 500;
}
.pro_cont li:nth-child(1) .downBox{
 
  margin-top:30px;
  width: 50%;
}
.pro_cont li:nth-child(1) .downBox a{
  display:flex;justify-content:space-between;align-items:center;
  font-size:14px;
  padding:5px 10px;
  border:1px solid #B7B7B7;
  transition: all 0.3s; margin-bottom: 10px;
}
.pro_cont li:nth-child(1) .downBox a i{
  font-size: 24px;
    line-height: 1.2;
}
.pro_cont li:nth-child(1) .downBox a:hover{
  background: #005BAC;
  color:#fff;
}
.pro_cont li:nth-child(2){
  width: 46%;
}
.pro_b{
  background-image: url(../images/pro_b_bg.jpg);
  background-position: center;
  background-size: cover;
  padding:4vw 0;
}
.pro_b .w1400{
  display: flex;flex-direction: column;align-items: center;justify-content:center;
}
.pro_b_p{
  color:#fff;
  line-height: 1.5;
  font-size: 24px;
  margin-bottom: 40px;
  text-align: center;
}
.pro_b ul{
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 20px 20px;
  align-items: stretch;
  width: 100%;
}
.pro_b ul li{
  display: flex;flex-direction: column;align-items: center;justify-content:flex-start;
  padding:30px;
  background: #fff;
}
.pro_b ul li img{
  width: 40%;
  margin-bottom: 30px;
}
.pro_b ul li p{
  font-size: 16px;
    line-height: 1.2;
    text-align: center;
    font-weight: bold;
}

.pro_c{
  background: #DDDDDD;
  width: 100%;
  padding:3vw 0;
}
.pro_c_p{
  color:#333;
  line-height: 1.5;
  font-size: 24px;
  margin-bottom: 40px;
  text-align: center;
}

.plist ul{ display: grid; margin-top: 10px;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px 10px;
  align-items: stretch;}


.pro_c ul{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 80px 80px;
  align-items: stretch;
  width: 80%;
  margin:0 auto;
}
.pro_c ul li{
  display:flex;justify-content:space-between;align-items:center;
  padding:0px 20px;
  border-left:1px solid #888888;
}
.pro_c ul li div p:nth-child(1){
  font-size:20px;
  line-height: 1.5;
}
.pro_c ul li div p:nth-child(2){
  font-size:20px;
  line-height: 1.5;
  font-family: "GB";
}
.pro_c ul li img{
  width:  100px;
}

.pro_d{
  padding:80px 0 20px;
}
.sideMenu {
  border-top: 1px solid #dddddd;
  width: 100%;
}

.sideMenu .rc_box {
  background: #fafafa;
}

.rc_box .tit {
  background: #fff;
  color: #333;
  line-height: 50px;
  /* height: 50px; */
  border-bottom: 1px solid #dddddd;
  cursor: pointer;
  position: relative;
  font-size: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 5px 20px;
}

.rc_box .tit p {
  width: 80%;
}

.rc_box .tit p:nth-child(1) {
  font-size: 26px;
}

.rc_box .tit p:nth-child(2) {
  font-size: 16px;
  color: #888;
}

.rc_box .tit p:nth-child(3) {
  font-size: 16px;
  color: #888;
}

.rc_box .tit:hover p:nth-child(1) {
  color: var(--logoColor);
}


.zp_tit,
.rc_box .tit {
  cursor: pointer;
  box-sizing: border-box;
  transition: all .6s;
  z-index: 1;
}

.rc_box .tit span {
  display: block;
  font-size: 16px;
  float: left;
  position: relative;
  margin-right: 30px;
}

.rc_box .tit span::after {
  content: "";
  position: absolute;
  right: -15px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 24px;
  background-color: #ededed;
}

.rc_box .tit.on,
.rc_box .tit:hover {
  color: #2866B3;
  background: #fafafa;
}

.rc_box .tit.on {
  border-bottom: none;
}

.rc_box .tit:before {
  content: "";
  display: block;
  width: 18px;
  height: 16px;
  background: url(../images/jia.png) no-repeat center;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
}

.rc_box .tit.on:before {
  content: "";
  display: block;
  width: 18px;
  height: 16px;
  background: url(../images/jian.png) no-repeat center;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
}

.rc_box .rc_con {
  width: 100%;
  box-sizing: border-box;
  padding: 0px 20px 20px 20px;
  box-sizing: border-box;
  /* background: #fff; */
  border-bottom: 1px solid #ddd;
  display: none;
  border-top: none;
  font-size: 14px;
}

.rc_box .rc_con strong {
  font-size: 16px;
}

.rc_box .rc_con.on {
  border-color: #212881;
}
.rc_box .rc_con table{
  border-collapse:collapse;table-layout:fixed;width:100%;
  border-top:2px solid #bcbcbc;
}
.rc_box .rc_con table th{
  background-color: #DDDDDD;
  color:#717071;
  font-size:20px;
  padding:15px 20px;
  text-align: center;
  border-right: 1px solid #bcbcbc;
  line-height: 1.5;
  border-bottom: 2px solid #bcbcbc;
}
/* .rc_box .rc_con table th:first-child{
  text-align: left;
} */
.rc_box .rc_con table th b{
  font-weight: 500;
  font-family: "GB";
  color:#333;
}
.rc_box .rc_con table tr{
  border-bottom:1px solid #bcbcbc;
}

.rc_box .rc_con table tr td{
  color:#333;
  font-size:18px;
  padding:10px 20px;
  border-right: 1px solid #bcbcbc;
  line-height: 1.2;
  text-align: center;
}
/* .rc_box .rc_con table tr td:first-child{
  text-align: left;
} */
.rc_box .rc_con table tr td:last-child{
  border-right:none;
}
.rc_box .rc_con table tr th:last-child{
  border-right:none;
}
.table_tips{
  color:#808080;
  font-size:18px;
  margin-top:10px;
  padding-left:20px;
  line-height: 1.2;
}
.rc_zy{
  display:flex;justify-content:space-between;align-items:flex-start;
  width: 100%;
  font-size:16px;
  line-height: 1.5;
  margin:5px 0;
}
.rc_zy span{
  display:flex;justify-content:flex-start;align-items:center;
}
.rc_zy span b{
  font-weight: bold;
  font-size:18px;
}
.yd tr td{
  font-size: 30px !important;
  padding: 0 20px !important;
}

.appList{
  padding:80px 0;
  display: flex;flex-direction: column;align-items: center;justify-content:center;
}
.appList ul{
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 20px 20px;
  align-items: stretch;
  width: 100%;
}
.appList ul li{
  border:1px solid #808080;
  padding:30px;
  display: flex;flex-direction: column;align-items: center;justify-content:flex-start;
  font-size:16px;
  line-height: 1.2;
  font-weight: bold;
  text-align: center;
}
.appList ul li img{
  width: 50%;
  margin-bottom: 30px;
}

@media only screen and (min-width: 120px) and (max-width: 1200px) {
  .index_banner .swiper-slide .titleb_b{
    font-size:30px;
    line-height: 1.2;
  }
  .ind_a{
    display: flex;flex-direction: column;align-items: center;justify-content:center;
  }
  .ind_a_l{
    width: 100%;
  }
  .ind_a_r{
    width: 100%;
    margin-top: 40px;
  }
  .ind_a_l h3{
    margin-bottom: 15px;
  }
  .allTitle{
    font-size:28px;
  }
  .ind_bBox ul{
    grid-template-columns: repeat(1, 1fr);
    grid-gap:20px 20px;
  }
  .ind_bBox ul li a p{
    font-size:18px;
  }
  .foot_top_l{
    display: none;
  }
  .foot_top_r{
    width: 100%;
  }
  .footBox .top{
    padding:30px 0;
  }
  .foot_top_r p:nth-child(2){
    margin-bottom: 15px;
  }
  .foot_top_r p:nth-child(4){
    margin-bottom: 15px;
  }
  .n_banner{
    margin-top:50px;
    height: 20vh;
  }
  .contact_a_title {
    font-size: 22px;
  }
  .contact_a_gs {
    font-size: 16px;
  }
  .contact_a ul{
    grid-template-columns: repeat(1, 1fr);
    margin-top:30px;
  }
  .contact_a ul li img {
    margin-right: 12px;
    width: 30px;
  }
  .contact_b .swiper-slide{
    display: flex;flex-direction: column;align-items: center;justify-content:center;
  }
  .contact_b .swiper-slide .img{
    width: 100%;
    max-height: 250px;
    height: 65vw;
  }
  .contact_b .swiper-slide .info{
    width: 100%;
    margin-top:20px;
    align-items: center;
    justify-content: center;
  }
  .contact_b .swiper-slide .info p:nth-child(3){
    text-align: left;
  }
  .contact_c_title {
    font-size: 18px;
    text-align: center;
  }
  .contact_c form ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }

  .company_a ul {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0px 0px;
    align-items: stretch;
  }

  .company_a{
    padding:50px 0;
  }
  .company_c_t{
    line-height: 1.5;
  }
  .company_cBox ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .company_cBox ul li{
    padding: 5vw 3vw;
  }
  .company_cBox ul li img{
    margin-bottom: 20px;
  }
  .company_cBox ul li p{
    font-size:14px;
  }
  .newsList li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }
  .newsList li .img {
    width: 100%;
    overflow: hidden;
    height: 55vw;
    max-height: 210px;
  }
  .new_cont{
    margin-top: 80px !important;
  }
  .news_title {
    font-size: 22px;
  }
  .news_body {
    margin-top: 20px;
    font-size: 16px;
  }
  .news_btm{
    display: flex;flex-direction: column;align-items: center;justify-content:center;
  }
  .news_btm .right a{
    margin-left: 10px;
    margin-right: 10px;
  }
  .news_btm{
    padding: 20px 0 50px;
  }
  .galleryBox{
    grid-template-columns: repeat(1, 1fr);
  }
  .galleryBox li .img {
    height: 58vw;
    max-height: 220px;
  }
  .galleryBox li p {
    font-size: 14px;
  }

  .gallery_tcBox .index_banner {
    height: 25vh;
  }
  .gallery_closeBox {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 99;
  }
  .tc_cont{
    width: 90%;
    display: flex;flex-direction: column;align-items: center;justify-content:center;
  }
  .tc_cont .left{
    width: 100%;
    line-height: 1.4;
    font-size:20px;
  }
  .tc_cont .right{
    width: 100%;
    margin-top:30px;
  }
  .gallery_tc{
    height: 60%;
  }
  .galleryList{
    padding:40px 0;
  }
  .finishesBox{
    padding:40px 0;
  }
  .finishesNav{
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px 10px;
    position: relative !important;
    top:0 !important;
    left:0 !important;
    transform: none !important;
  }
  .finishesList a{
    width: calc(50% - 10px);
    margin-right:20px;
  }
  .finishesList a:nth-child(2n){
    margin-right: 0;
  }
  .finishesList a .img{
    height: 42vw;
    max-height: 165px;
  }
  .finishesList a .p1 {
    font-size: 16px;
  }
  .finishesList a .p2 {
    font-size: 14px;
  }
  .tcBox_top{
    width: 100%;
  }
  .tcBox_top p:nth-child(1) {
    font-size: 28px;
  }
  .tcBox_top p:nth-child(2) {
    font-size: 20px;
  }
  .tcBox_top p:nth-child(3) {
    line-height: 1.3;
    margin-top: 5px;
  }
  .tc_nr{
    display: flex;flex-direction: column;align-items: center;justify-content:center;
    margin-top:30px;
    height: auto;
  }
  .tc_nr_l {
    width: 100%;
    height: 200px;
  }
  .tc_nr_r {
    width: 100%;
  }
  .tcBox{
    height: auto;
  }
  .proList{
    grid-template-columns: repeat(1, 1fr);
  }
  .proList p {
    font-size: 20px;
  }
  .pro_cont{
    display: flex;flex-direction: column;align-items: center;justify-content:center;
  }
  .pro_cont li:nth-child(1){
    width: 100%;
    margin-bottom: 30px;
  }
  .pro_cont li:nth-child(2){
    width: 100%;
  }
  .pro_cont li:nth-child(1) .downBox a{
    line-height: 1.2;
  }
  .pro_b{
    padding:40px 0;
  }
  .pro_b_p {
    color: #fff;
    line-height: 1.5;
    font-size: 20px;
  }
  .pro_b ul{
    grid-template-columns: repeat(2, 1fr);
  }
  .pro_c{
    padding:40px 0;
  }
  .pro_c_p{
    font-size:20px;
  }
  .pro_c ul {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 20px 20px;
  }
  .rc_box .rc_con table th{
    font-size:16px;
    line-height: 1.2;
    padding: 12px;
  }
  .rc_box .rc_con table tr td{
    font-size:13px;
    line-height: 1.2;
    padding: 12px;
  }
  .rc_box .tit{
    font-size:18px;
  }
  .table_tips{
    font-size: 16px;
    line-height: 1.2;
  }
  .max-table{
    overflow-x: scroll;
  }
  .max-table table{
    width: 1000px !important;
  }
  .rc_zy{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  .appList{
    padding:40px 0;
  }
  .appList ul{
    grid-template-columns: repeat(2, 1fr);
  }
  .finishes2_cont table{
    width: 1000px !important;
  }
  .tc_nr_r ul li{
    overflow-x: scroll;
  }
}