.line1,

.line2,

.line3,

.line4{

  white-space: nowrap;

}





.error {

  text-indent: 5px;

  color: #F8070B;

  font-size: 0.75rem;

  position: relative;

  padding-left: 20px;

}

.cf {

  color: #fff;

}



.c00 {

  color: #000;

}



.c33 {

  color: #333;

}



.c99 {

  color: #999;

}



.c {

  color: #ee353e;

}



.bgf {

  background: #fff;

}



.bg00 {

  background: #000;

}



.bgc {

  background-color: #ee353e;

}



.bordb {

  border-bottom: 1px solid #ebebeb;

}



.container {

  max-width: 100%;

  width: 100%;

  padding: 0 15rem;

}



.more {

  padding: 0 34px;

  line-height: 54px;

  color: #fff;

  background-color: #ee353e;

  font-size: 24px;

  display: inline-block;

  border-radius: 6px;

  position: relative;

  overflow: hidden;

  z-index: 1;

}



.more a {

  display: block;

  color: #fff;

}



.more::before {

  position: absolute;

  content: "";

  left: -100%;

  top: 0;

  background: #000;

  width: 100%;

  height: 100%;

  z-index: -1;

  color: #fff;

}



.more:hover::before {

  left: 0;

  transition: all .4s;

}



.circle {

  width: 1.875rem;

  height: 1.875rem;

  line-height: 1.875rem;

  border: 1px solid rgba(235, 235, 235, 0.5);

  border-radius: 50%;

  text-align: center;

}



.searchs .sertext,

.serbtn {

  font-size: 16px;

}



body {

  overflow-x: clip;

}



/* PC头部 */

header {

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  height: 5rem;

  line-height: 5rem;

  border-bottom: 1px solid #ee353e;

  background: #fff;

  z-index: 999;

}



header .container .clearfix .fr .search .iconfont {

  font-size: 20px;

  color: #333;

}

.er-ul.container {

  padding: 0;

  

}

.er-ul.container  li {

  width: 100%;

  float: none;

  padding: 0 0 .9375rem 0;

}

header .container .clearfix .fr .headnav {

  margin-right: 1.25rem;

}



header .container .clearfix .fr .headnav>ul>li {

  display: inline-block;

  position: relative;

}



header .container .clearfix .fr .headnav>ul>li>a {

  display: block;

  padding: 0 2.5rem;

  font-size: 1.125rem;

  position: relative;

}



header .container .clearfix .fr .headnav>ul>li>a:hover,

header .container .clearfix .fr .headnav>ul>.current-menu-item>a {

  color: #ee353e;

}



header .container .clearfix .fr .headnav>ul>li>a:hover::before,

header .container .clearfix .fr .headnav>ul>.current-menu-item>a::before {

  position: absolute;

  content: "";

  left: 0;

  bottom: 0;

  width: 100%;

  height: 4px;

  background-color: #ee353e;

}



.er-ul>li:hover a {

  color: #ee353e;

}



header .container .clearfix .fr .headnav>ul>li .er-ul {

  padding-top: .9375rem;

}



header .container .clearfix .fr .headnav>ul>li .er-ul>li {

  width: 100%;

  float: none;

  font-size: 1.125rem;

  line-height: 1.875rem;

  color: #050301; 

  padding: 0 0 .375rem 0;

  text-align: inherit;

  text-align: center;

}



header .container .clearfix .fr .headnav>ul>li .er-ul>li>a { 

  font-size: 1rem;

  line-height: 1.875rem;

  font-family: Arial-BoldMT; 

  display: inline-block;

  width: 100%;

  position: relative;

}



header .container .clearfix .fr .headnav>ul>li .er-ul>li>a::before {

  position: absolute;

  content: "\e613";

  right: 0;

  top: 0;

  font-size: 28px;

  font-family: "iconfont" !important;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  display: none;

}



 





header .container .clearfix .fr .headnav>ul>li .er-ul>li .san-ul li {

  width: 100%;

  font-weight: 100;

}



header .container .clearfix .fr .headnav>ul>li .er-ul>li .san-ul li a {

  font-size: .875rem;

  line-height: 2.75rem;

  color: #333;

  display: inline-block;

  border-bottom: 1px solid #ebebeb;

  width: 100%;

}

header .container .clearfix .fr .headnav>ul>li .er-ul>li .san-ul li:hover a{

color: #ee353e;

}



.er-ul {

  position: absolute;

  left: 0;

  z-index: 1003;

  background: #fff;

  transition: 400ms ease-in-out;

  transform: scaleY(0);

  transform-origin: top center;

  opacity: 0;

}



header .container .clearfix .fr .headnav>ul li:hover .er-ul {

  opacity: 1;

  transform: none;

}



header .container .clearfix .search.active .iconfont:before {

  content: "\e64e";

}



header .container .clearfix .searchbox {

  left: 0;

  top: 5rem;

  display: none;

}



header .container .clearfix .searchbox.active {

  display: block;

}



/* 手机端头部 */

.phone_head {

  display: none;

  height: 60px;

  line-height: 60px;

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 999;

  background: #fff;

  box-shadow: 0 0 10px 0 #ddd;

}



.phone_head .fl a {

  display: block;

}



.phone_head .fl a img {

  height: 40px;

}



.phone_head .caidan.active .icon-caidan::before {

  content: "\e64e";

}



.menu {

  width: 100%;

  height: 100%;

  background: #fff;

  left: -100%;

  position: fixed;

  z-index: 99;

  padding-top: 1.25rem;

  top: 50px;

}



.menu .nav_ul li {

  border-bottom: 1px solid #eee;

  font-size: 18px;

  line-height: 28px;

  font-weight: 600;

  color: #000;

  padding: 10px 0;

  position: relative;

}



.menu .iconfont {

  float: right;

}



.menu .nav_ul li .er-ul {

  display: none;

  position: relative;

  opacity: 1;

  transform: none;

  transition: none;

  box-shadow: none;

}



/* .menu .nav_ul li .er-ul.active{

  display: block;

} */

.menu .nav_ul li .er-ul li {

  border: none;

  padding-left: 15px;

  font-weight: 100;

  text-align: inherit;

}



.menu .nav_ul li .er-ul li a {

  font-size: 16px;

  line-height: 26px;

  color: #333;

}



.menu .nav_ul li .er-ul li .san-ul {

  display: none;

}



/* .menu .nav_ul li .er-ul li .san-ul.active{

  display: block;

} */



.menu .nav_ul li .er-ul li .san-ul li a {

  font-size: 14px;

  line-height: 24px;

  color: #999;

}



.menu.active {

  left: 0;

  transition: all .4s;

}



/* 手机端底部 */

.phone_foot {

  padding: 15px 0;

  background: #000;

  display: none;

}



.phone_foot .menu {

  left: 0;

  position: relative;

  background: #000;

  z-index: 1;

  padding-top: 0;

  top: 0;

}



.phone_foot .menu .nav_ul li {

  color: #fff;

  border-bottom: 1px solid rgba(238, 238, 238, 0.302);

}



.phone_foot .menu .nav_ul li a {

  color: #fff;

}



.phone_foot .menu .nav_ul li .er-ul {

  background: #000;

}



.phone_foot .menu .nav_ul li .er-ul li a {

  color: #fff;

}



.phone_foot .menu .nav_ul li .er-ul li .san-ul li a {

  color: #fff;

}



/* 首页轮播 */

.swiper-pagination-bullet {

  background: #fff;

  opacity: 0.5;

  width: 1.875rem;

  height: .25rem;

  border-radius: 0;

}



.swiper-pagination-bullet-active {

  background-color: #ee353e;

}



.banner {

  position: relative;

}



/* 产品 获取首字母 */

.index_one {

  padding: 7.8125rem 0;

}



.index_one .img {

  position: relative;

}



.index_one .row {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  background: #00000080;

  margin: 0;

}



.index_one .row .col-md-2 {

  padding: 0;

  height: 50%;

  border-right: 1px solid #ffffff4d;

}



.index_one .row .col-md-2 .box {

  height: 100%;

  padding-bottom: 60px;

  position: relative;

  border-bottom: 1px solid #ffffff4d;

  padding-left: 1.875rem;

}



.index_one .row .col-md-2 .box .content {

  position: absolute;

  top: 36%;

  text-align: left;

}



.index_one .row .col-md-2 .box .en_name {

  font-family: Montserrat-Bold;

  font-size: 8.75rem;

  line-height: 8.75rem;

  padding-bottom: 1.875rem;

  margin: 0 auto;

  -webkit-text-stroke: 1px #ffffff80;

  color: transparent;

  font-weight: bold;

text-transform: uppercase;

}



.index_one .row .col-md-2 .box .en_name2 {

  font-family: ArialMT;

  font-size: 1.625rem;

  font-weight: normal;

  font-stretch: normal;

  line-height: 1.875rem;

  color: #fff;

}



.index_one .row .col-md-2 .box:hover {

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  background: #00000080;

  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.502), rgba(0, 0, 0, 0.502), #ad4c4c);

  /*  Safari 5.1 到 6.0 */

  background: -o-linear-gradient(rgba(0, 0, 0, 0.502), rgba(0, 0, 0, 0.502), #ad4c4c);

  /*  Opera 11.6 到 12.0 */

  background: -moz-linear-gradient(rgba(0, 0, 0, 0.502), rgba(0, 0, 0, 0.502), #ad4c4c);

  /*  Fx 3.6 到 15 */

  background: linear-gradient(rgba(0, 0, 0, 0.502), rgba(0, 0, 0, 0.502), #ad4c4c);

}



.index_one .row .col-md-2 .box:hover .en_name,

.index_one .row .col-md-2 .box:hover .en_name2 {

  color: #ee353e;

  -webkit-text-stroke: 1px #ee353e;

}



.index_one .row .col-md-2:first-child {

  height: 100%;

}



.index_one .row .col-md-2:first-child .box .content {

  top: 68%;

}



.index_one .row .col-md-2:nth-child(7),

.index_one .row .col-md-2:nth-child(8),

.index_one .row .col-md-2:nth-child(9),

.index_one .row .col-md-2:nth-child(10),

.index_one .row .col-md-2:nth-child(11) {

  top: -50%;

}



.index_one .row .col-md-2:nth-child(7) {

  margin-left: 16.666667%;

}



/* Featured Products */

.index_three {

  padding: 4.6875rem 0 6.25rem 0;

}



.index_three .top {

  padding-bottom: 1.75rem;

  border-bottom: 1px solid #ebebeb;

}



.index_three .top .title {

  font-size: 2.5rem;

  line-height: 1.875rem;

  color: #333;

}



.index_three .top ul {

  padding-left: 1.25rem;

}



.index_three .top ul li {

  float: left;

  padding: 0 1.875rem;

}



.index_three .top ul li a {

  font-size: 1.25rem;

  color: #999;

}



.index_three .top ul li.active a {

  color: #ee353e;

}



.index_three .bot {

  position: relative;

  margin: 0 -0.9375rem;

}



.index_three .bot .swiper {

  overflow: hidden;

  padding: 0 .9375rem;

}



.index_three .bot .swiper .swiper-button-next,

.index_three .bot .swiper .swiper-button-prev {

  top: 0;

  transform: translateY(-125%);

  background-size: 30px 30px;

  width: 30px;

}



.index_three .bot .swiper .swiper-button-prev,

.index_three .bot .swiper .swiper-container-rtl .swiper-button-next {

  left: auto;

  right: 1.875rem;

}



.index_three .bot .swiper .swiper-button-prev,

.index_three .bot .swiper .swiper-container-rtl .swiper-button-next {

  background-image: url(../img/zuojiant.png);

  margin-right: 1.25rem;

}



.index_three .bot .swiper .swiper-button-next,

.index_three .bot .swiper .swiper-container-rtl .swiper-button-prev {

  background-image: url(../img/youjiant.png);

}



.index_three .bot .swiper .pro_list {

  padding-top: 1.75rem;

  margin: 0;

}



.index_three .bot .swiper .pro_list .list {

  background: #fff;

  border: 1px solid #ebebeb;

  padding: 0;

}



.index_three .bot .swiper .pro_list .list img {

  padding: 2.75rem .9375rem 0 .9375rem;

}



.index_three .bot .swiper .pro_list .list .content {

  padding: 3.4375rem 1.25rem 1.4375rem 1.25rem;

}



.index_three .bot .swiper .pro_list .list .content .en_name {

  font-size: 1.625rem;

  line-height: 2.25rem;

  color: #333;

  padding-bottom: .625rem;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}



.index_three .bot .swiper .pro_list .list .content .txt {

  font-size: 1.375rem;

  color: #999;

}



.index_three .bot .swiper .pro_list .list:hover {

  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);

}



/* 首页面料介绍 */

.index_four {

  background: #f8f8f8;

  padding: 4.6875rem 0 5rem 0;

}



.index_four .waic {

  height: 44rem;

}



.index_four .waic ul li {

  padding-left: 13px;

  padding-right: 13px;

  margin-bottom: 1.875rem;

  height: 100%;

}



.index_four .waic ul li:nth-child(1) {

  width: 50%;

  height: 50%;

}



.index_four .waic ul li:nth-child(2) {

  width: 24.9%;

  height: 50%;

}



.index_four .waic ul li:nth-child(3) {

  width: 25%;

}



.index_four .waic ul li:nth-child(4) {

  transform: translateY(-109%);

  width: 24.9%;

  height: 50%;

}



.index_four .waic ul li:nth-child(5) {

  transform: translateY(-109%);

  width: 50%;

  height: 50%;

}



.index_four .row .img {

  position: relative;

  height: 100%;

}



.index_four .row .img .content {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  margin: 0;

  text-align: center;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: space-evenly;

  opacity: 0;

  background: #00000080;

  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.502), rgba(0, 0, 0, 0.502), #ad4c4c);

  /*  Safari 5.1 到 6.0 */

  background: -o-linear-gradient(rgba(0, 0, 0, 0.502), rgba(0, 0, 0, 0.502), #ad4c4c);

  /*  Opera 11.6 到 12.0 */

  background: -moz-linear-gradient(rgba(0, 0, 0, 0.502), rgba(0, 0, 0, 0.502), #ad4c4c);

  /*  Fx 3.6 到 15 */

  background: linear-gradient(rgba(0, 0, 0, 0.502), rgba(0, 0, 0, 0.502), #ad4c4c);

}



.index_four .row .img .content .title {

  font-size: 1.875rem;

  line-height: 1.875rem;

  color: #fff;

}



.index_four .row .img .content .txt {

  font-size: 1.5rem;

  line-height: 1.875rem;

  color: #fff;

}



.index_four .row .img:hover .content {

  opacity: 1;

}



/* 首页数字动画 */

.index_five {

  padding: 6.5625rem 0 7.1875rem 0;

}



.index_five .row .col-md-3 {

  text-align: center;

}



.index_five .row .col-md-3 .txt {

  font-size: 1.375rem;

  line-height: 2.25rem;

  color: #333;

}



.index_five .row .col-md-3 .data {

  font-size: 4.5rem;

  line-height: 2.25rem;

  font-family: Montserrat-Bold;

  padding: 1.0625rem 0 1.75rem 0;

  font-weight: bold;

  color: #ee353e;

  display: inline-block;

}



/* 首页视频 */

.index_six {

  overflow: hidden;

  position: relative;

}



.index_six .content {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  margin: 0;

  text-align: center;

  background: rgba(0, 0, 0, 0.3);

}



.index_six .content .iconfont {

  top: 50%;

  transform: translate(-50%, -50%);

  color: #e5e8ea;

  font-size: 5rem;

  position: absolute;

}



.index_seven {

  padding: 4.6875rem 0;

}



/* 首页新闻 */

.index_eight {

  padding-bottom: 6.125rem;

}



.index_eight .top {

  padding-bottom: 1.8125rem;

  border-bottom: 1px solid #ebebeb;

}



.index_eight .top .title {

  font-size: 2.5rem;

  line-height: 1.875rem;

  color: #333;

  font-family: Arial-BoldMT;

}



.index_eight .top .txt {

  font-size: 1.125rem;

  line-height: 1.875rem;

  color: #999;

}



.index_eight .top .txt .iconfont {

  border: 1px solid #999;

  color: #999;

  border-radius: 50%;

  font-size: 24px;

  padding: 2px;

  margin-left: 7px;

}



.index_eight .bot {

  padding-top: 1.625rem;

  overflow: hidden;

}



.index_eight .bot .over {

  border: 1px solid #ebebeb;

}



.index_eight .bot .content {

  padding: 1.3125rem 1.3125rem 0 .3125rem;

}



.index_eight .bot .content .title {

  font-size: 1.5rem;

  line-height: 2.25rem;

  color: #333;

}



.index_eight .bot .content .txt {

  font-size: 1.25rem;

  line-height: 1.875rem;

  color: #999;

  padding-top: .875rem;

  padding-bottom: 1.9375rem;

}



.index_eight .bot .content .time {

  font-size: 1rem;

  line-height: 1.875rem;

  color: #bfbfbf;

}



.index_eight .bot .swiper-slide:hover img {

  transform: scale(1.1);

}



.index_eight .bot .swiper-slide:hover .title {

  color: #ee353e;

}



/* PC底部 */

footer .container {

  background: rgba(0, 0, 0, 0.9);

  padding-top: 3.625rem;

  padding-bottom: 2.0625rem;

}



footer .fl .title {

  font-size: 1.5rem;

  line-height: 1.5rem;

  color: #fff;

  padding-bottom: 1.75rem;

}



footer .fl .txt {

  font-size: 1.125rem;

  line-height: 1.5rem;

  color: #999;

}



footer .fl1 {

  width: 30%;
  text-align: center;

}



footer .fl1 img {

  margin-bottom: 0.9375rem;

}



footer .fl1 .txt {

  padding-bottom: 1.1875rem;

}



footer .fl1 input,

footer .fl1 button {

  font-size: 1rem;

  line-height: 2.75rem;

  height: 2.75rem;

  float: left;

}



footer .fl1 input {

  background: #f2f2f2;

  padding: 0 5.625rem 0 .625rem;

}



footer .fl1 button {

  background-color: #ee353e;

  padding: 0 .6875rem 0 .6875rem;

  border: none;

}



footer .fl1 button .iconfont {

  font-size: 1.5rem;

  color: #fff;

}



footer .fl1 .social-share {

  padding-top: 1.0625rem;

}



footer .fl1 .social-share a {

  width: 1.75rem;

  height: 1.75rem;

  line-height: 1.75rem;

  border-radius: 0;

  margin-right: .625rem;

}



footer .fl1 .social-share .social-share-icon {

  font-size: 1.25rem;

}



footer .fl1 .social-share .icon-facebook {

  background: #355997;

  color: #fff;

}



footer .fl1 .social-share .icon-twitter {

  background: #1b97ef;

  color: #fff;

}



footer .fl1 .social-share .icon-weixin {

  background: #55c84b;

  color: #fff;

}



footer .fl2 {

  width: 22%;

}



footer .fl2 .title {

  /* padding-top: 4.0625rem; */

}



footer .fl2 .txt {

  padding-bottom: 1.875rem;

}



footer .fl2 p {

  font-size: 1.125rem;

  padding-left: .625rem;

  color: #ffffff;

}



footer .fl2 ul li {

  width: 100%;

  display: flex;

  float: left;

  line-height: 3rem;

  align-items: center;

}



footer .fl2 ul li .iconfont {

  font-size: 1.25rem;

  color: #ffffff;

}



footer .fl3{

  width: 40%;
  text-align: center; 
  padding-top: 1rem;
}



footer .fl3 .title {

  font-size: 1.125rem;

  line-height: 1.875rem;

}



footer .fl3 .img {

  /* margin-top: 5.9375rem; */

  width: 11.6875rem;
margin: auto;
}



footer .fl3 .img img {

  /* padding: .3125rem .5rem .25rem .625rem; */

  background: #fff;

}



footer .fl3 .img .title {

  display: inline-block;

  width: 33.3%;

  text-align: center;

  float: left;

}



.social-share .icon-wechat .wechat-qrcode .help {

  bottom: 10px;

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  display: block;

  width: 100%;

}



.social-share .icon-wechat {

  background: #7bc549;

  color: #fff;

}



.share {

  position: fixed;

  top: 50%;

  right: 0;

  transform: translateY(-50%);

  z-index: 999;

}



.share .box{

  margin-bottom: .9375rem;

}

.share .box:hover .iconfont{

  background: #ee353e;

  color: #fff;

}



.share .box .iconfont {

  display: inline-block;

  width: 2.625rem;

  height: 2.625rem;

  line-height: 2.625rem;

  text-align: center;

  vertical-align: middle;  

  background: #fff;

  color: #000;  

  border-radius: 50%;

  box-shadow: 0 0 10px 0 #eee;

  font-size: 1.5rem;

}



.share .box .biaod{

  position: absolute;

  top: 0;

  right: 0;

  padding-right: 4.375rem;

  width: 29.375rem;

  display: none;

}



/* .share .box:hover .biaod{

  display: block;

} */



.share .box .biaod .top{

  padding: 1.25rem;

  border-bottom: 1px solid #eee;

  font-size: 1rem;

  color: #fff;

  background: #000;

}



.share .box .biaod form{

  padding: 1.25rem 1.25rem 2.5rem 1.25rem;

  background: #000;

}



.share .box .biaod .top .iconfont{

  width: auto;

  height: auto;

  line-height: normal;

  border: none;

  box-shadow: none;

  font-size: 1.125rem;

  background: none;

  color: #fff;

}



.share .box .biaod form .con{

  display: flex;

  align-items: flex-start;

  margin-bottom: .625rem;

  line-height: 2.25rem;

}



.share .box .biaod form .con .clearfix{

  width: 70%;

}



.share .box .biaod form .txt{

  font-size: 1rem;

  color: #fff;

  width: 30%;

}



.share .box .biaod form .pr{

  width: 70%;

}



label{

  color: #fff;

}



.share .box .biaod form input,

.share .box .biaod form textarea{

  width: 100%;

}





.share .box .biaod form button{

  margin-top: .625rem;

}



.share .box .biaod .more{

  line-height: 2.25rem;

  font-size: 1rem;

  background: #3a3a3a;

  padding: 0 1.875rem;

  border-radius: inherit;

}



.share .box .biaod .more::before{

  background: #ee353e;

}









.share .social-share {

  border-bottom: 1px solid #fff;

}



.share .social-share:last-child {

  border-bottom: none;

}



.share .social-share a {

  margin: 0;

}



.share .social-share .social-share-icon {

  border-radius: inherit;

}



.share .social-share .icon-weixin {

  background: #ee353e;

  color: #fff;

  border-color: #ee353e;

  font-size: 1.5rem;

  width: 2.625rem;

  height: 2.625rem;

  line-height: 2.625rem;

}



.share .social-share .icon-weixin .wechat-qrcode {

  top: -43px;

  left: -151px;

  display: none;

  border: 1px solid #eee;

  position: absolute;

  z-index: 9;

  width: 140px;

  height: 130px;

  color: #666;

  font-size: 12px;

  text-align: center;

  background-color: #fff;

  box-shadow: 0 2px 10px #aaa;

  transition: all 200ms;

  -webkit-tansition: all 350ms;

  -moz-transition: all 350ms;

}



.share .social-share .icon-weixin:hover .wechat-qrcode {

  display: block;

}



.social-share .icon-weixin .wechat-qrcode .qrcode {

  width: 105px;

  margin: 10px auto;

}



.social-share .icon-weixin .wechat-qrcode .help {

  bottom: 10px;

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  display: block;

  width: 100%;

}



.share .social-share .icon-weixin .wechat-qrcode:after {

  top: 50%;

  right: -13px;

  left: auto;

  border-width: 6px 6px 6px 8px;

  border-color: transparent transparent transparent #fff;

  transform: translateY(-50%);

  content: '';

  position: absolute;

  margin-left: -6px;

  bottom: -13px;

  width: 0;

  height: 0;

  border-style: solid;

}



/* 备案 */

.beian {

  background: #000;

  text-align: center;

  padding: .75rem 0;

  font-size: 1rem;

  line-height: 1.875rem;

  color: #666;

}



/* 内页头部 电话等信息 */

.ban_head {

  position: fixed;

  left: 0;

  top: 5rem;

  width: 100%;

  height: 3.75rem;

  line-height: 3.75rem;

  border-bottom: 1px solid #eee;

  background: #fff;

  z-index: 99;

}



.ban_head .row {

  padding-left: 10.3125rem;

}



.ban_head .row .col-md-3 {

  display: flex;

  align-items: center;

}



.ban_head .row .col-md-3 .circle {

  border: 1px solid rgba(51, 51, 51, 0.5);

}



.ban_head .row .col-md-3 .iconfont {

  font-size: 1.375rem;

}



.ban_head .row .col-md-3 p {

  font-size: 1.125rem;

  padding-left: 0.625rem;

}



/* 列表页banner图 */

.list_ban {

  margin-top: 8.75rem;

  overflow: hidden;

  position: relative;

}



.list_ban .content {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  background: rgba(0, 0, 0, 0.1);

}



.list_ban .content .title {

  font-size: 4.5rem;

  line-height: 5.625rem;

  color: #fff;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  width: 100%;

}



/* 新闻列表页 */

.list_news {

  padding: 2.5rem 0 2.5rem 0;

  background: #f5f5f5;

}



.list_news .row {

  margin: 0 -1.25rem;

}



.list_news .row .col-sm-6 {

  padding-left: 1.25rem;

  padding-right: 1.25rem;

  margin-bottom: 2.75rem;

}



.list_news .row .col-sm-6 .bord {

  border: 1px solid #ebebeb;

}



.list_news .row .col-sm-6 .bord .content {

  background: #fff;

  padding: 2.0625rem 4.875rem 0 2.4375rem;

}



.list_news .row .col-sm-6 .bord .content .title {

  font-size: 1.875rem;

  line-height: 2.25rem;

  color: #333;

  padding-bottom: 1.8125rem;

}



.list_news .row .col-sm-6 .bord .content .txt {

  font-size: 1.625rem;

  line-height: 1.875rem;

  color: #999;

  padding-bottom: 5.1875rem;

}



.list_news .row .col-sm-6 .bord .content .time {

  font-size: 1.5rem;

  line-height: 1.875rem;

  padding-bottom: 2.625rem;

}



.list_news .row .col-sm-6 .bord:hover {

  box-shadow: 0 0 10px 0 #ddd;

}



.list_news .row .col-sm-6 .bord:hover img {

  transform: scale(1.1);

}



.list_news .row .col-sm-6 .bord:hover .title {

  color: #ee353e;

}



.list_search .over {

  background: #fff;

}



.list_search .over img {

  height: 300px;

  object-fit: cover;

}



/* 新闻内页 */

.show_new,

.list_search {

  margin-top: 8.75rem;

  padding: 3.25rem 0;

}



.show_new .title {

  font-size: 1.875rem;

  font-weight: bold;

  line-height: 1.875rem;

  color: #333;

  padding-bottom: 1.875rem;

  text-align: center;

}



.show_new .time {

  font-size: 1rem;

  line-height: 1.625rem;

  text-align: center;

  padding-bottom: 1.25rem;

  border-bottom: 1px solid #ddd;

}



.show_new .time span {

  padding: 0 1.25rem;

}



.show_new .txt {

  font-size: 1.25rem;

  line-height: 1.875rem;

  color: #999;

  padding-top: 1.875rem;

  text-align: justify;

}



.show_new .txt img {

  margin: 0 auto;

  display: block;

  padding-top: 30px;

}



/* 面料 */

.list_mianliao {

  padding: 6.25rem 0;

}



.list_mianliao .name {

  font-size: 3rem;

  line-height: 1.875rem;

  color: #333;

  padding-bottom: 2.4375rem;

}



.list_mianliao .txt {

  font-size: 1.25rem;

  line-height: 1.875rem;

  color: #999;

}



.list_mianliao .txt2 {

  font-size: 1.5rem;

  line-height: 1.875rem;

  color: #333;

  padding-top: 2.1875rem;

}



.list_mianliao .top {

  padding-bottom: 4.6875rem;

}



.list_mianliao .bot ul li {

  margin-bottom: 5.9375rem;

  align-items: center;

}



.list_mianliao .bot ul li .over {

  border: 1px solid #ddd;

}



.list_mianliao .bot ul li .col-sm-7 {

  padding-left: 7.5rem;

}



.list_mianliao .bot ul li .col-sm-7 .name {

  padding-bottom: 2.5rem;

}



.list_mianliao .bot ul li .col-sm-7 .txt {

  padding-bottom: 1.25rem;

}



.list_mianliao .bot ul li:hover .name {

  color: #ee353e;

}



.list_mianliao .bot ul li:hover img {

  transform: scale(1.1);

}



.list_mianliao .bot ul li:last-child {

  margin-bottom: 0;

}



/* 产品列表页 */

.list_pro {

  margin-bottom: 4.375rem;

}



.list_pro .one {

  position: relative;

}



.list_pro .one .top {

  border-bottom: 1px solid #333333;

}



.list_pro .one .top ul li a {

  padding: 2.1875rem 0;

  display: inline-block;

  float: left;

  font-size: 1.375rem;

  line-height: 1.875rem;

  font-weight: bolder;

  text-transform: uppercase;

}



.list_pro .one .top ul li:last-of-type a {

  color: #ee353e;

  border-bottom: 4px solid #ee353e;

}



.list_pro .one .top ul span {

  margin: 0 2.1875rem;

  float: left;

  line-height: 1.875rem;

  padding: 2.1875rem 0;

}



/* .list_pro .one .top ul span:last-of-type {

  display: none;

} */

.list_pro .one .top ul .iconfont {

  font-size: 20px;

  margin-right: .3125rem;

  float: left;

  line-height: 1.875rem;

  padding: 2.1875rem 0;

}



.list_pro .one .proerji {

  position: absolute;

  background: #fff;

  box-shadow: 0 0 10px 0 #ddd;

  padding: 0 4.5rem;

  transition: 0.4s ease-in-out;

  transform: scaleX(0);

  left: 0;

  transform-origin: left center;

  opacity: 0;

  z-index: 33;

}



.list_pro .one .proerji ul {

  padding: 1.25rem 0;

}



.list_pro .one .proerji ul li a {

  font-size: 1.125rem;

  line-height: 2.75rem;

}



.list_pro .one .proerji.active {

  opacity: 1;

  transform: none;

}



.list_pro .one .bot {

  padding: 2.5rem 0;

  border-bottom: 1px solid #ebebeb;

}



.list_pro .one .bot ul {

  margin: 0 -2.8125rem;

}



.list_pro .one .bot ul li {

  padding: 0 2.77rem;

}



.list_pro .one .bot ul li a {

  font-size: 1.125rem;

  line-height: 2.75rem;

  color: #333;

}



.list_pro .one .bot ul li.active a {

  color: #ee353e;

}



.list_pro .two {

  margin-bottom: 2.8125rem;

}



.list_pro .three {

  margin-bottom: 4.375rem;

}



.pro_list {

  padding-top: 1.875rem;

  margin: 0 -0.7813rem;

}



.pro_list .list {

  background: #fff;

  width: 20%;

  float: left;

  padding: 0 .7813rem;

  margin-bottom: 1.5625rem;

}



.pro_list .list a {

  border: 1px solid #ebebeb;

  display: block;

}



.pro_list .list a img {

  padding: 2.75rem .9375rem 0 .9375rem;

  height: 24.5rem;

  object-fit: cover;

}



.pro_list .list a .content {

  padding: 3.4375rem 1.25rem 1.4375rem 1.25rem;

}



.pro_list .list a .content .en_name {

  font-size: 1.625rem;

  line-height: 2.25rem;

  color: #333;

  padding-bottom: .625rem;

  text-transform: uppercase;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  display: block;

}



.pro_list .list a .content .txt {

  font-size: 1.375rem;

  color: #999;

}



.pro_list .list a:hover {

  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);

}



.pro_list .list a:hover img {

  transform: scale(1.1);

}



.pro_list .list a:hover .en_name {

  color: #ee353e;

}



/* 产品详情页 */

.show_pro {

  margin-bottom: 0;

  position: relative;

  margin-top: 8.75rem;

}



.show_pro .two {

  margin-top: 2.5rem;

}



.show_pro .two .row .col-lg-5 .swiper {

  overflow: hidden;

}



.show_pro .two .row .col-lg-5 .spro_xqSwiper2 {

  border: 1px solid #cccccc;

}



.show_pro .two .row .col-lg-5 .pad {

  margin-top: 1.875rem;

  padding: 0 4.375rem;

}



.show_pro .two .row .col-lg-5 .pad .spro_xqSwiper .swiper-slide {

  border: 1px solid #cccccc;

}



.show_pro .two .row .col-lg-5 .pad .spro_xqSwiper .swiper-slide-thumb-active {

  border: 1px solid #ee353e;

}



.show_pro .two .row .col-lg-5 .swiper-button-next,

.show_pro .two .row .col-lg-5 .swiper-button-prev {

  top: auto;

  bottom: 11%;

  transform: translateY(-11%);

  background-size: 10px 18px;

  width: 3.125rem;

  height: 3.125rem;

  line-height: 3.125rem;

  background-color: #eeeeee;

  border-radius: 50%;

}



.show_pro .two .row .col-lg-5 .swiper-button-prev,

.show_pro .two .row .col-lg-5 .swiper-container-rtl .swiper-button-next {

  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23333333'%2F%3E%3C%2Fsvg%3E");

}



.show_pro .two .row .col-lg-5 .swiper-button-next,

.show_pro .two .row .col-lg-5 .swiper-container-rtl .swiper-button-prev {

  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23333333'%2F%3E%3C%2Fsvg%3E");

}



.show_pro .two .row .col-lg-7 {

  padding-left: 5rem;

}



.show_pro .two .row .col-lg-7 .title {

  font-size: 2.2rem;

  line-height: 2.25rem;

  color: #333;

  padding-bottom: 3.75rem;

}



.show_pro .two .row .col-lg-7 .txt {

  font-size: 1.375rem;

  line-height: 3.75rem;

  color: #999;

  width: 30%;

  padding-right: 7.5rem;

}



.show_pro .two .row .col-lg-7 .txt1 {

  font-size: 1.375rem;

  line-height: 3.75rem;

  width: 70%;

  color: #333;

}



.show_pro .two .row .col-lg-7 #tab {

  margin-top: 3.75rem;

}



.show_pro .two .row .col-lg-7 #tab #tab-header ul {

  border-bottom: 1px solid #333333;

}



.show_pro .two .row .col-lg-7 #tab #tab-header ul li {

  float: left;

  font-size: 1.5rem;

  line-height: 3.75rem;

  color: #333;

  margin-right: 4.375rem;

}



.show_pro .two .row .col-lg-7 #tab #tab-header ul li.selected {

  color: #ee353e;

  border-bottom: 4px solid #ee353e;

}



.show_pro .two .row .col-lg-7 #tab #tab-content .dom {

  display: none;

}



.show_pro .two .row .col-lg-7 #tab #tab-content ul {

  margin: 2.1875rem 0;

}



.show_pro .two .row .col-lg-7 #tab #tab-content ul li {

  font-size: 1.375rem;

  line-height: 3.75rem;

  color: #999;

}



.show_pro .two .row .col-lg-7 .more {

  border-radius: 0;

}



.show_pro .index_three {

  background: #f5f5f5;

}



.show_pro .index_three .iconfont {

  border: 1px solid #999;

  color: #999;

  border-radius: 50%;

  font-size: 24px;

  padding: 2px;

  margin-left: 7px;

}



/* 证书 */

.list_zhengshu .two {

  padding: 3.125rem 0;

}



.list_zhengshu .two .row .col-md-3 {

  padding: 1.5625rem;

  margin-bottom: 3.125rem;

}



.list_zhengshu .two .row .col-md-3 .over {

  padding: 1.6875rem 1.125rem;

  border: solid 1px #ebebeb;

  height: 100%;

}



.list_zhengshu .two .row .col-md-3 .over img {

  height: 100%;

}



/* 关于我们 */

.list_about .title {

  font-family: Montserrat-Regular;

  font-size: 3rem;

  line-height: 3.75rem;

  color: #333;

  padding-bottom: 2.5rem;

}







.list_about .cont {

  padding-right: 2.8125rem;

  height: 28.5rem;

  overflow-y: scroll;

  margin-top: 2.5rem;

}

.list_about .cont::-webkit-scrollbar {

width: .375rem;

background: #f7f1f1;

}



.list_about .cont::-webkit-scrollbar-thumb {

width: .625rem;

background: #ee353e;

}



.list_about .txt {

  font-size: 1.25rem;

  line-height: 1.875rem;

  color: #999;

  text-align: justify;

  padding-bottom: 20px;

}



.list_about .one {

  padding: 6.25rem 0;

}



.list_about .one .row {

  align-items: center;

}



.list_about .one img {

  padding-left: 60px;

}



.list_about .one .spbf {

  position: relative;

}



.list_about .one .spbf .content {

  position: absolute;

  width: calc(100% - 90px);

  height: 100%;

  top: 0;

  left: 0;

  margin: 0;

  margin-left: 75px;

  text-align: center;

  background: rgba(0, 0, 0, 0.3);

}



.list_about .one .spbf .content .iconfont {

  top: 50%;

  transform: translate(-50%, -50%);

  color: #e5e8ea;

  font-size: 5rem;

  position: absolute;

}



.list_about .two {

  height: 36.25rem;

  background: url(../img/about-2.jpg) no-repeat;

  background-size: cover;

  background-attachment: fixed;

  padding: 6.25rem 0;

  position: relative;

  z-index: 1;

}



.list_about .two .bg {

  position: absolute;

  background: rgba(51, 51, 51, 0.7);

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  z-index: -1;

}



.list_about .two .title {

  padding-bottom: 4.6875rem;

  color: #fff;

  text-align: center;

}



.list_about .two .txt {

  text-align: center;

}



.list_about .two ul li {

  width: 33.33%;

  float: left;

  text-align: center;

}



.list_about .two ul li .txt {

  padding-top: 3rem;

  color: #fff;

}



.list_about .three {

  padding: 6.25rem 0;

}



.list_about .three .row {

  align-items: center;

  margin: 0 -3.125rem;

}



.list_about .three .row .col-md-6 {

  padding: 0 3.125rem;

}



.list_about .four {

  position: relative;

}



.list_about .four .content {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  width: 37%;

  background-color: #ee353e;

}



.list_about .four .content .title,

.list_about .four .content .txt {

  color: #fff;

}



.list_about .four .content .box {

  padding: 3.75rem 3.4375rem 3.125rem 2.8125rem;

}



/* 联系我们 */

.list_contact {

  margin-top: 8.75rem;

}



.list_contact .top {

  background-color: #ee353e;

  color: #fff;

  padding: 5rem 0;

}



.list_contact .top .title {

  font-size: 2.25rem;

  line-height: 1.5rem;

  padding-bottom: 3.75rem;

}



.list_contact .top .row .col-md-6 {

  margin-bottom: 1.875rem;

  display: flex;

  align-items: flex-start;

}



.list_contact .top .row .col-md-6 .circle {

  background: #fff;

  display: inline-block;

  float: left;

  color: #ee353e;

  width: 3.75rem;

  height: 3.75rem;

  line-height: 3.75rem;

}



.list_contact .top .row .col-md-6 .circle .iconfont {

  font-size: 2.75rem;

}



.list_contact .top .row .col-md-6 P {

  font-size: 1.875rem;

  margin-left: 1.875rem;

  width: calc(100% - 3.75rem - 1.875rem);

}



.list_contact .bot {

  padding: 5rem 0;

}



.list_contact .bot .title {

  font-size: 3rem;

  line-height: 1.875rem;

  color: #333;

  padding-bottom: 2.375rem;

}



.list_contact .bot .txt {

  font-size: 1.125rem;

  line-height: 1.875rem;

  padding-bottom: 3.125rem;

  position: relative;

}



.list_contact .bot .txt .iconfont {

  color: #ee353e;

  font-size: 10px;

}



.list_contact .bot .txt .iconfont::before {

  position: absolute;

  transform: translateY(-10%);

}



.list_contact .bot form {

  padding-right: 5.625rem;

}



.list_contact .bot form .row {

  margin: 0;

}



.list_contact .bot form input,

.list_contact .bot form textarea {

  font-size: 1.125rem;

  line-height: 1.875rem;

  color: #cccccc;

  width: 100%;

  padding: 1.5625rem;

  border: solid 1px rgba(204, 204, 204, 0.5);

  margin-bottom: 1.875rem;

}



.list_contact .bot form .con {

  width: 100%;

}



.list_contact .bot form .con .iconfont {

  color: #ee353e;

  position: absolute;

}



.list_contact .bot form button {

  border: none;

  border-radius: 0;

}



@media (max-width: 1660px) {

  .ban_head .row {

    padding-left: 14rem;

  }

}



@media (max-width: 1440px) {



  /* 首页 */

  body,

  html {

    font-size: calc(100vw / 105);

  }



  .container {

    padding: 0 10rem;

  }



  .index_three .bot .swiper .swiper-button-next,

  .index_three .bot .swiper .swiper-button-prev {

    transform: translateY(-90%);

  }



  .ban_head .row {

    padding-left: 14rem;

  }



  .index_three .bot .swiper .swiper-button-prev,

  .index_three .bot .swiper .swiper-container-rtl .swiper-button-next {

    margin-right: 2.25rem;

  }



  .show_pro .two .row .col-lg-7 .title {

    padding-bottom: 3rem;

  }



  .show_pro .two .row .col-lg-7 #tab {

    margin-top: 2rem;

  }



  footer .fl3 {

    width: 25%;

  }



  .er-ul>li:nth-child(7) {

    margin-top: -18%;

  }



  .index_four .waic ul li:nth-child(1),

  .index_four .waic ul li:nth-child(5) {

    width: 49.74%;

  }



  .index_four .waic ul li:nth-child(2),

  .index_four .waic ul li:nth-child(4) {

    width: 25%;

  }

}



@media (max-width: 1366px) {



  body,

  html {

    font-size: calc(100vw / 100);

  }



  .container {

    padding: 0 9rem;

  }



  .index_three .top ul li {

    float: left;

    padding: 0 1.5rem;

  }



  .list_about .two {

    padding: 6rem 0;

  }



  .list_about .two .title {

    padding-bottom: 2.5rem;

  }



  .list_about .two ul li .txt {

    padding-top: 2rem;

  }



  .show_pro .two .row .col-lg-7 .title {

    padding-bottom: 2rem;

  }



  .show_pro .two .row .col-lg-7 #tab {

    margin-top: 1.5rem;

  }



  .show_pro .two .row .col-lg-7 #tab #tab-content ul {

    margin: 1.5rem 0;

  }



  .show_pro .two .row .col-lg-7 #tab #tab-content ul li {

    margin-bottom: 0;

  }



  header .container .clearfix .fr .headnav>ul>li .er-ul>li {

    padding: 0 5rem 3rem 0;

  }

}



@media (max-width: 1280px) {



  body,

  html {

    font-size: calc(100vw / 90);

  }



  .container {

    padding: 0 5rem;

  }



  .index_three .bot .swiper .swiper-button-next,

  .index_three .bot .swiper .swiper-button-prev {

    background-size: 25px 25px;

    transform: translateY(-75%);

  }



  .index_three .top ul li {

    float: left;

    padding: 0 1rem;

  }



  .list_about .four .content {

    width: 45%;

  }



  .list_about .four img {

    height: 400px;

    object-fit: cover;

  }



  .show_pro .two .row .col-lg-7 #tab {

    margin-top: 0;

  }



  .show_pro .two .row .col-lg-7 #tab #tab-content ul {

    margin: 1rem 0;

  }



  .show_pro .two .row .col-lg-7 .title {

    padding-bottom: 1rem;

  }



  footer .fl1 input {

    padding: 0 2rem 0 0.625rem;

  }



  footer .fl .txt {

    line-height: 2.5rem;

  }



  .er-ul>li:nth-child(7) {

    margin-top: 0;

  }



  .er-ul>li:nth-child(8) {

    margin-top: 0;

  }



  .er-ul>li:nth-child(10) {

    margin-top: 0;

  }



  header .container .clearfix .fr .headnav>ul>li .er-ul>li>a::before {

    font-size: 20px;

  }

}



@media (max-width: 1024px) {

  .container {

    padding: 0 4rem;

  }



  .ban_head .row .col-md-3 {

    flex: 0 0 24%;

    max-width: 24%;

  }



  .ban_head .row .col-md-3:last-child {

    flex: 0 0 28%;

    max-width: 28%;

  }

}



@media (max-width: 990px) {



  body,

  html {

    font-size: calc(100vw / 90);

    padding: 0;

  }



  .container {

    padding: 0 5rem;

  }



  header,

  footer,

  .ban_head {

    display: none;

  }



  .phone_head,

  .phone_foot {

    display: block;

  }



  .banner {

    margin-top: 60px;

  }



  .index_one .row .col-md-2 .content .en_name {

    font-size: 90px;

  }



  .index_one .row .col-md-2 .content .en_name2 {

    font-size: 16px;

  }



  .index_three .top .title {

    font-size: 24px;

  }



  .index_three .top .fl:last-child {

    display: none;

  }



  .index_three .bot .swiper .pro_list .list .content .en_name {

    font-size: 18px;

    line-height: 28px;

  }



  .index_three .bot .swiper .pro_list .list .content .txt {

    font-size: 16px;

    line-height: 26px;

  }



  .index_three .bot .swiper .swiper-button-prev,

  .index_three .bot .swiper .swiper-container-rtl .swiper-button-next {

    margin-right: 3.5rem;

  }



  .index_four {

    display: none;

  }



  .index_five .row .col-md-3 .data {

    font-size: 60px;

    line-height: 65px;

  }



  .index_five .row .col-md-3 .txt {

    font-size: 16px;

    line-height: 26px;

  }



  .index_eight .top .title {

    font-size: 24px;

  }



  .index_eight .top .txt {

    font-size: 16px;

    line-height: 26px;

  }



  .index_eight .bot .content .title {

    font-size: 18px;

    line-height: 28px;

  }



  .index_eight .bot .content .txt {

    font-size: 16px;

    line-height: 26px;

  }



  .index_eight .bot .content .time {

    font-size: 14px;

    line-height: 24px;

  }



  .list_pro .one .top ul li a {

    font-size: 18px;

  }



  .list_pro .one .bot ul li a {

    font-size: 14px;

    line-height: 24px;

  }



  .pro_list .list {

    width: 33.33%;

  }



  .pro_list .list a .content .en_name {

    font-size: 18px;

    line-height: 28px;

  }



  .pro_list .list a .content .txt {

    font-size: 16px;

    line-height: 26px;

  }



  .list_news .row .col-sm-6 .bord .content .title {

    font-size: 16px;

    line-height: 26px;

    padding-bottom: 0;

  }



  .list_news .row .col-sm-6 .bord .content .txt {

    font-size: 14px;

    line-height: 24px;

    padding-bottom: 0;

  }



  .list_news .row .col-sm-6 .bord .content .time {

    font-size: 14px;

    line-height: 24px;

  }



  .show_new,

  .list_search {

    margin-top: 60px;

  }



  .show_new .title {

    font-size: 22px;

    line-height: 32px;

    padding-bottom: 15px;

  }



  .show_new .time {

    font-size: 14px;

    line-height: 24px;

    padding-bottom: 15px;

  }



  .show_new .txt {

    font-size: 16px;

    line-height: 26px;

    padding-top: 15px;

  }



  .list_ban .content .title {

    font-size: 44px;

  }



  .list_mianliao {

    padding: 4rem 0;

  }



  .list_mianliao .name {

    font-size: 26px;

    line-height: 36px;

    padding-bottom: 10px;

  }



  .list_mianliao .txt {

    font-size: 16px;

    line-height: 26px;

    padding-bottom: 0;

  }



  .list_mianliao .txt2 {

    font-size: 14px;

    line-height: 24px;

    padding-bottom: 0;

    padding-top: 15px;

  }



  .list_mianliao .top {

    padding-bottom: 20px;

  }



  .list_mianliao .bot ul li {

    margin-bottom: 15px;

  }



  .list_mianliao .bot ul li .name {

    padding-top: 15px;

  }



  .show_pro .two .row .col-lg-7 .title {

    font-size: 26px;

    line-height: 36px;

  }



  .show_pro .two .row .col-lg-7 .txt,

  .show_pro .two .row .col-lg-7 .txt1 {

    font-size: 16px;

    line-height: 26px;

  }



  .show_pro .two .row .col-lg-7 #tab {

    margin-bottom: 20px;

  }



  .show_pro .two .row .col-lg-7 #tab #tab-header {

    margin: 15px 0;

  }



  .show_pro .two .row .col-lg-7 #tab #tab-header ul li {

    margin-right: 20px;

    font-size: 18px;

    line-height: 28px;

  }



  .show_pro .two .row .col-lg-7 #tab #tab-content ul li {

    font-size: 14px;

    line-height: 24px;

    margin-bottom: 10px;

  }



  .show_pro .two .row .col-lg-5 .swiper-button-next,

  .show_pro .two .row .col-lg-5 .swiper-button-prev {

    bottom: 5%;

    transform: translateY(-5%);

  }



  .list_about .title {

    font-size: 26px;

    line-height: 36px;

  }



  .list_about .txt {

    font-size: 16px;

    line-height: 26px;

  }



  .list_contact .top .title {

    font-size: 26px;

    line-height: 36px;

  }



  .list_contact .top .txt {

    font-size: 16px;

    line-height: 26px;

  }



  .list_contact .bot .title {

    font-size: 26px;

    line-height: 36px;

  }



  .list_contact .bot .txt {

    font-size: 16px;

    line-height: 26px;

  }



  .list_contact .bot form {

    padding-right: 0;

  }



  .list_contact .bot form input,

  .list_contact .bot form textarea {

    font-size: 16px;

    line-height: 26px;

  }



  .list_contact .bot form button {

    margin-bottom: 20px;

  }



  .list_contact .bot .row .col-md-6 {

    max-width: 100%;

    flex: 0 0 100%;

  }



  .list_contact,

  .list_ban {

    margin-top: 60px;

  }



  .list_about .two {

    padding: 2rem 0;

  }

}



@media (max-width: 770px) {



  body,

  html {

    font-size: 16px;

    padding: 0;

  }



  .container {

    padding: 0 15px;

  }



  .banner {

    margin-bottom: 15px;

  }



  /* .banner img {

    height: 300px;

    object-fit: cover;

  } */



  .index_one {

    display: none;

  }



  .index_two {

    display: none;

  }



  .index_three {

    padding: 15px 0;

  }



  .index_three .top {

    padding-bottom: 15px;

  }



  .index_three .bot .swiper .pro_list {

    padding-top: 15px;

  }



  .index_three .bot .swiper .pro_list .list {

    margin-bottom: 0;

  }



  .index_three .bot .swiper .pro_list .list .content {

    padding: 15px;

  }



  .index_three .bot .swiper .swiper-button-prev,

  .index_three .bot .swiper swiper-container-rtl .swiper-button-next {

    margin-right: 15px;

  }



  .index_five {

    padding: 15px 0;

  }



  .index_five .row .col-md-3 {

    margin-bottom: 25px;

  }



  .index_five .row .col-md-3 .data {

    padding: 0;

  }



  .index_six .content .iconfont {

    font-size: 50px;

  }



  .index_seven {

    display: none;

  }



  .index_eight {

    padding: 15px 0;

  }



  .index_eight .top {

    padding-bottom: 15px;

  }



  .index_eight .bot .content {

    padding: 15px;

  }



  .index_eight .bot .content .txt {

    padding: 0;

  }



  .list_ban {

    height: 200px;

  }



  .list_ban img {

    height: 200px;

    object-fit: cover;

  }



  .list_about .title {

    padding-bottom: 15px;

  }



  .list_about .txt {

    padding-bottom: 10px;

  }



  .list_about .one {

    padding: 15px 0;

  }



  .list_about .one img {

    padding-left: 0;

  }



  .list_about .one .spbf {

    margin: 15px 0;

  }



  .list_about .one .spbf .content {

    margin-left: 15px;

    width: calc(100% - 30px);

  }



  .list_about .two ul li {

    width: 50%;

    margin-bottom: 40px;

  }



  .list_about .two ul li .txt {

    padding-top: 5px;

    line-height: 20px;

  }



  .list_about .two ul li:last-child {

    margin-left: 25%;

  }



  .list_about .three {

    padding: 15px 0;

  }



  .list_about .three .title {

    padding-top: 15px;

  }



  .list_about .four .content {

    width: 80%;

  }



  .list_about .four .content .box {

    padding: 15px;

  }



  .list_pro {

    margin-bottom: 15px;

  }



  .list_pro .one {

    display: none;

  }



  .list_pro .two {

    margin-bottom: 15px;

  }



  .list_pro .three {

    margin-bottom: 15px;

  }



  .pro_list .list {

    width: 100%;

    margin-bottom: 15px;

  }



  .pro_list .list a .content {

    padding: 15px;

  }



  .pro_list .list a .content .en_name {

    padding-bottom: 0;

  }



  .pro_list .list:last-child {

    margin-bottom: 0;

  }



  .show_pro {

    margin-top: 75px;

    margin-bottom: 0;

  }



  .show_pro .two .row .col-lg-5 .swiper-button-next,

  .show_pro .two .row .col-lg-5 .swiper-button-prev {

    background-size: 10px 14px;

    width: 30px;

    height: 30px;

  }



  .show_pro .two .row .col-lg-5 .pad {

    padding: 0 45px;

  }



  .show_pro .two .row .col-lg-7 {

    padding-top: 15px;

    padding-left: 15px;

  }



  .show_pro .two .row .col-lg-7 .txt,

  .show_pro .two .row .col-lg-7 .txt1 {

    width: 50%;

  }



  .show_pro .index_three .top .fr {

    display: none;

  }



  .list_zhengshu {

    margin-bottom: 0;

  }



  .list_zhengshu .two {

    padding: 15px 0;

    margin: 0;

  }



  .list_zhengshu .two .row .col-md-3 {

    padding: 15px;

    margin-bottom: 0;

  }



  .list_news {

    padding: 15px 0;

  }



  .list_news .row .col-sm-6 {

    margin-bottom: 15px;

  }



  .list_news .row .col-sm-6 .bord .content {

    padding: 15px;

  }



  .list_news .row .col-sm-6 .bord .content .time {

    padding-bottom: 0;

  }



  .list_news .row .col-sm-6:last-child {

    margin-bottom: 0;

  }



  .show_new {

    padding: 15px 0;

  }



  .list_mianliao {

    padding: 15px 0;

  }



  .list_contact .top {

    padding: 15px 0;

  }



  .list_contact .top .title {

    padding-bottom: 15px;

  }



  .list_contact .top .row .col-md-6 {

    margin-bottom: 15px;

    align-items: center;

  }



  .list_contact .top .row .col-md-6 .circle {

    width: 40px;

    height: 40px;

    line-height: 40px;

  }



  .list_contact .top .row .col-md-6 .circle .iconfont {

    font-size: 30px;

  }



  .list_contact .top .row .col-md-6 p {

    font-size: 22px;

    line-height: 32px;

  }



  .list_contact .bot {

    padding: 15px 0;

  }



  .list_contact .bot .title,

  .list_contact .bot .txt {

    padding-bottom: 15px;

  }



  .list_contact .bot form {

    padding-right: 15px;

  }



  .list_contact .bot form input,

  .list_contact .bot form textarea {

    margin-bottom: 15px;

  }.pro_list .list a img {

    height: auto;

  }

}