.index-title-bar .title-desc{
    display: block;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: Uppercase;
    margin-top: 0px;
    background: url(../img/line.png) no-repeat center 20px;
}
.index_two {
  background: url(../img/5.jpg) no-repeat;
  background-size: cover;
  background-attachment: fixed;
  /*padding: 9.375rem 0 11.25rem;*/
  padding: 1.3rem 0 1.3rem;
}
.index_two .left .text {
  /*margin: 1.5625rem 0 4.375rem;*/
  margin: 0.4625rem 0 0.875rem;
  padding-right: 40%;
}
.index_two .left .text p{
    /*font-size: 1.1rem;*/
    /*line-height: 40px;*/
    text-indent: 0;
}
.index_two .right {
  padding-left: 8.75rem;
}
.index_two .right .en {
  font-size: 7.5rem;
  line-height: 5.5rem;
  display: block;
  text-transform: uppercase;
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.6);
  color: transparent;
  font-weight: 600;
}
.index_two .right .name {
  font-size: 1rem;
  line-height: 2.25rem;
  color: #FFFFFF;
  margin: 1.375rem 0 0.625rem;
}
.index_two .right ul li {
  font-size: 1rem;
  line-height: 2.25rem;
  color: #FFFFFF;
}
.index_two .right ul li div {
  position: relative;
  padding-left: 1.25rem;
}
.index_two .right ul li div::before {
  content: "";
  position: absolute;
  top: 0.95rem;
  left: 0.3125rem;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background: #fff;
}
.subtitle {
    font-size: 0.2rem;
    text-transform: uppercase;
    line-height: 0.375rem;
    color: #005dab;
}

.title {
    font-size: 0.3rem;
    line-height: 0.4rem;
    letter-spacing: 1px;
    color: #000000;
    font-weight: 600;
}
.cf {
    color: #fff !important;
}
.text {
    font-size: 0.17rem;
    line-height: 0.375rem;
    color: #565656;
}

.more {
    width: 1.525rem;
    text-align: center;
    line-height: 0.5rem;
    border-radius: 2.5rem;
    background: -moz-linear-gradient(0% 50% 0deg, #134d9f 0%, #134d9f 100%);
    background: -webkit-linear-gradient(0deg, #134d9f 0%, #134d9f 100%);
    background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0, #134d9f), color-stop(1, #134d9f));
    background: -o-linear-gradient(0deg, #134d9f 0%, #134d9f 100%);
    background: -ms-linear-gradient(0deg, #134d9f 0%, #134d9f 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0068B1', endColorstr='#02A9D5' ,GradientType=0)";
    background: linear-gradient(#134d9f 100%, 90deg, #134d9f 0%);
    border-radius: 27px;
    -moz-border-radius: 27px;
    -webkit-border-radius: 27px;
    box-shadow: 0px 0px 10px rgba(0, 33, 143, 0.2);
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#00218F') progid:DXImageTransform.Microsoft.gradient(startColorstr='#0068B1', endColorstr='#02A9D5', GradientType=1);
    display: flex
;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 0.16rem;
    overflow: hidden;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    z-index: 8;
    position: relative;
}
.index_two .more {
    color: #134d9f;
    background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0, #fff), color-stop(1, #fff));
}
.about-us{
    padding: .7rem 0 0;
}
/*index-productlist-style*/
#m1 {
    /*background: #f5f6f6;*/
    position: relative;
    z-index: 2;
    padding-bottom: 0px;
}
#m1 .box {
    width: 100%;
    overflow: hidden;
    margin-top: -10px;
}
#m1 .list {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 10px);
}
#m1 .list a {
    display: block;
    width: calc(25% - 15px);
    margin-right: 15px;
    margin-bottom: 15px;
    background: #fff;
    position: relative;
    overflow: hidden;
    transition: all .3s;
    padding:0;
}
#m1 .list a>img{transform: scale(0.95);max-width: 100%;width: 100%;}
#m1 .list a i {
    position: absolute;
    text-align: right;
    font-size:4.2rem;
    width: 11%;
    right: 20px;
    top: -28px;
    color: #bbb;
    transition: all .2s;
}
#m1 .list a .tit {
    /*position: absolute;*/
    width: 100%;
    left: 0;
    /*padding-left: 20px;*/
    padding: 5px 10px;
    box-sizing: border-box;
    bottom: 22px;
    font-size: 0.18rem;
    font-weight: bold;
    transition: all .3s;
}
.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#m1 .list a .plus {
    display: block;
    width: 32px;
    height: 32px;
    background: #0073be ;
    color: #fff;
    position: absolute;
    right: -32px;
    bottom: -32px;
    text-align: center;
    line-height: 14px;
    font-size: 1.2rem;
    opacity: 0;
    transition: all .3s;
}
#m1 .list a .plus::after {
    
    font-family: 'iconfont';
    content: '\e6e2';
    content:none;
}
#m1 .list a:hover {
    box-shadow: 0 0 0 4px #0073be inset;
}
#m1 .list a:hover .plus {
    right: 0;
    bottom: 0;
    opacity: 1;
}
#m1 .list a:hover .plus>img{width:25px;}
@media (max-width:1679px){ /*1440*/
  #m1 .list a{display: block; width: calc(25% - 10px);margin-right: 10px;padding:0;}
  #m1 .list a .tit{height: auto;font-size:0.15rem;}
  .text {
    font-size: 0.16rem;
    }
}
@media (max-width:1439px){ /*1366*/
  #m1 .list a i{font-size: 4.8rem;}
  #m1 .list a .tit{font-size: 0.15rem;}
}
@media (max-width:1365px){ /*1280*/
  #m1 .list a i{font-size: 4.3rem;}
  #m1 .list a .tit{font-size: 0.15rem; height: auto;padding: 10px 7px;}
  #m1 .tit-container .more{font-size: 1.4rem;}
}
@media (max-width:1279px){ /*MP*/
  #m1{padding-bottom: 40px;}
  #m1 .tit-container .more{display: none;}
  #m1 .list{display: flex; margin-top: unset; padding: 0; box-sizing: border-box;}
  #m1 .list a{width: calc(50% - 10px); padding-bottom:0;}
  #m1 .list a i{font-size:5.6rem;top: -20px;}
  #m1 .list a .tit{padding-left: 15px; padding-right: 15px; bottom: 10px;font-size: 0.2rem;
        text-align: center;}
}
@media (max-width:767px){
    #m1 .list a{
        padding: 0;
    }
    #m1 .list a i{
        width: 15%;
        top: -50px;
        right: 8px;
    }
    #m1 .list a .tit{
        padding: 5px 7px;
    }
    
}
/*news-----------------------------------------------------------*/
.index_four {
  /*background: #F9F9F9;*/
  /*padding: 6.875rem 0 8.75rem;*/
  padding: 0;
  margin: -3% 0 2% 0;
}
.index_four .top {
  align-items: center;
}
.index_four .bot .name {
  font-size:0.22rem;
    line-height: 0.275rem;
  color: #161616;
}
.index_four .bot .text {
  color: #565656;
  font-size: 0.15rem;
    line-height: 0.30rem;
}
.index_four .bot .left > div {
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.05);
}
.index_four .bot .left .content {
  background: #fff;
  border-radius: 0 0 0.125rem 0.125rem;
  /*padding: 1.6875rem 1.875rem 3rem;*/
  padding: 0.0875rem 0.175rem 0.1rem;
}
.index_four .bot .left:hover img {
  transform: scale(1.1);
}
.index_four .bot .left:hover .name {
  color: #054e9f;
}
.index_four .bot .left .over,
.index_four .bot .left .over img {
  border-radius: 0.125rem 0.125rem 0 0;
}
.index_four .bot .left .over img {
  height: auto;
  object-fit: contain;
}
.index_four .bot .left .clearfix {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.index_four .bot .left .clearfix .left1 {
  width: 100%;
}
.index_four .bot .left .clearfix .right1 {
  width: 3.75rem;
}
.index_four .bot .left .clearfix .right1 .more_a div {
  border-color: #DDDDDD;
}
.index_four .bot .left .clearfix .right1 .more_a .iconfont {
  color: #606060;
}
.index_four .bot .left .clearfix .right1 .more_a:hover .iconfont {
  color: #fff;
}
.index_four .bot .data {
  color: #565656;
  font-size: 0.17rem;
    letter-spacing: 1px;
    line-height: 0.475rem;
}
.index_four .bot .bot1 ul {
  padding: 1.5625rem 2rem;
  border-radius: 0.625rem;
  background: #fff;
  filter: drop-shadow(0 0 1rem rgba(0, 0, 0, 0.05));
}
.index_four .bot .bot1 ul li {
  position: relative;
  line-height: 2.5rem;
}
.index_four .bot .bot1 ul li:hover .line1,
.index_four .bot .bot1 ul li:hover .data {
  color: #054e9f;
}
.index_four .bot .bot1 ul li a {
  display: flex;
  align-items: center;
  padding-left: 1.25rem;
  position: relative;
  justify-content: space-between;
}
.index_four .bot .bot1 ul li a .line1 {
  width: 70%;
}
.index_four .bot .bot1 ul li a .data {
  width: 30%;
  text-align: right;
  justify-content: flex-end;
}
.index_four .bot .bot1 ul li a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 0.3125rem;
  height: 0.3125rem;
  border-radius: 50%;
  background: #054e9f;
}
.index_four .bot .top1 {
  padding: 0.25rem 0.3rem;
    border-radius: 0.125rem;
  background: #fff;
  filter: drop-shadow(0 0 1rem rgba(0, 0, 0, 0.05));
}
.index_four .bot .top1:first-child{
    margin-bottom: 4.4%;
    
}
.index_four .bot .top1:last-child{
    /*margin-top: 3.4%;*/
    margin-top: 1.8%;
}
.index_four .bot .top1 .content {
  width: 50%;
  float: left;
  /*padding: 0 2.1875rem;*/
  padding: 0 0.1875rem;
}
.index_four .bot .top1 .content:nth-child(1) {
  border-right: 1px solid #DBDBDB;
}
.index_four .bot .top1 .content:hover .name {
  color: #054e9f;
}
.index_four .bot .top1 > .clearfix {
  /*margin: 0 -2.1875rem;*/
  margin: 0;
}
.index_four .bot .top1 > .clearfix .clearfix {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.index_four .bot .top1 > .clearfix .clearfix .left1 {
  width: 100%;
}
.index_four .bot .top1 > .clearfix .clearfix .right1 {
  width: 3.75rem;
}
.index_four .bot .top1 > .clearfix .clearfix .right1 .more_a div {
  border-color: #DDDDDD;
}
.index_four .bot .top1 > .clearfix .clearfix .right1 .more_a .iconfont {
  color: #606060;
}
.index_four .bot .top1 > .clearfix .clearfix .right1 .more_a:hover .iconfont {
  color: #fff;
}
/*.mt30 {*/
/*    margin-top: 1.875rem;*/
/*}*/
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
@media (min-width: 992px) {
    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}
.bl {
    display: block;
}
.over {
    overflow: hidden;
}
.w100 {
    width: 100%;
}
.over>img {
    cursor: pointer;
    transition: all .6s;
}
@media (min-width: 992px) {
    .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
}

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

.index_four .col-lg-4,.index_four .col-lg-8{
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
.line3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    overflow: hidden;
}