@import url("news.css");
@import url("product.css");
@import url("gaode_main.css");/*高德地图*/
/*
 * FileName:base.css
 * Remark:base.css
 * Project:css
 * Author:Vincent
 * File Created:Saturday, 15th June 2019 3:32:24 am
 * Last Modified:Saturday, 15th June 2019 3:43:57 
 * Modified By:Vincent
 */
/* 清楚默认 */
* {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
}
em{
    font-style:normal;
    width:80%;
    line-height:18px;
}
i{
    font-style: normal;
}
u{
    text-decoration-line: none;
    -moz-text-decoration-line: none;
}
html{
  width:100%;
  height:100%;
}
body{
    width:100%;
    height:100%;
    overflow: scroll;
    position: relative;
}
/* img{
    width:100% !important;
    height:100% !important;
    cursor: pointer;
} */
input,textarea,button{
    border:none;
    outline:none;
    -webkit-appearance: none;
    background:none;
    resize: none;
}
input:focus{
    outline:none;
}

a{
    display: inline-block;
    text-decoration:none; 
    color:white; 
}
/* 头部样式 */
header {
  width: 100%;
  height: 70px;
  margin: 0 auto;
  box-shadow: 2px 0px 5px #e0e0e0;
  margin-top: 0px !important;
}
/* logo */
.rc-logo{
    width:111px;
    height:41px;
}
/* 放大镜 */
.rc-scale-mirror{
    background:url(../images/sc_mirror.png);
    background-size:100% 100%;
    background-repeat:no-repeat;
    width:17px;
    height:17px;
}
/* 导航 */
.rc-nav{
    width:80%;
}
/* 导航子元素 */
.rc-nav-item{
    width:25%;
}
/* 搜索框 */
.rc-search{
    height:30px;
    width:200px;
    background: #f4f4f4;
}
/* 圆 背景 */
.rc-bg-circle-bar{
    width:90%;
    height: 150px;    margin: 0 auto;
}
.rc-bg-circle{
    width:145px;
    height:145px;
    min-width:145px;
    min-height:145px;
    /* background:url(../images/bg_circle.png)no-repeat;
    background-size:100% 100%; */
}
/* 尾部 */
.rc-footer-bar{
    height:375px;
    width:100%;
}
.rc-footer{
    width:80%;
    height:80%
}
.rc-footer-left{
    height:100%;
    width:50%;
}
.rc-footer-right{
    height:100%;
    width:50%;
}
.rc-footer-left-logo{
    width:186px;
    height:70px;
    /* background: url(../images/logo_2.png)no-repeat;
    background-size: 100% 100%; */
}
.rc-footer-left-text{
    height:30%;
}
.rc-footer-right-nav{
    height:20%;
    
}
.rc-footer-right-nav span:hover a{
    color:#a72426;
}
.rc-footer-right-nav-item{
    width:auto; margin-left: 8px;
}
.rc-footer-right-ecode{
    height:40%;
}
.rc-footer-ecode{
    /* background: url(../images/ecode.png)no-repeat;
    background-size: 100% 100%; */
    width:110px;
    height: 111px;
}
.rc-footer-copyright{
    height:30%;
}
/* 三角 */
.rc-aboutus-angle-l{
    width:211px;
    height:289px;
    background: url(../images/angle_l.png)no-repeat;
    background-size:100% 100%;
}
.rc-aboutus-angle-r{
    width:370px;
    height:406px;
    background: url(../images/angle_r.png)no-repeat;
    background-size:100% 100%;
}
/* 公共标题 */
.rc-common-title{
    width:auto;
    height:30%;
}
/* 公共 中部 盒子 */
.rc-common-content-top{
    height:50%;
    width:100%;
}
.rc-common-content-bottom{
    height:auto;
    width:100%;
}
.rc-common-content-box {
    height:95%;
    width:80%;
}
/* 二级导航 */
.rc-common-sec-nav{
    height:13%;
    width:50%;
}
/* 导航子项 */
.rc-common-nav-item{
    width:25%;
}
/* 导航名称 */
.rc-common-nav-text{
    width:25%;
}
.rc-link-form{
    width:100%;
    height:84%;
}
.rc-link-form-list{
    width:auto;
    height:auto;
}
.rc-link-message-form-list{
    width:100%;
    height:80%;
}
.rc-link-username{
    width:100%;
    height:50px;
}
.rc-link-message{
    width:100%;
    height:100px;
}
.rc-link-button{
    width:40%;
    height: 3.2em;
    text-align: center;
    line-height: 3.2em;
    margin-top: 10px;
}
.rc-link-username::-webkit-input-placeholder{
    color:#777;
    font-size:15px;
    text-align: left;
}
.rc-link-username::-moz-input-placeholder{
    color:#777;
    font-size:15px;
    text-align: left;
}
.rc-link-username:-moz-input-placeholder{
    color:#777;
    font-size:15px;
    text-align: left;
}
.rc-link-username:-ms-input-placeholder{
    color:#777;
    font-size:15px;
    text-align: left;
}
/* 抽屉导航 */

.rc-side-draw-search-box{
    width:90%;
    height:40px;
}
.rc-draw-nav{
    width:90%;
    height:auto;
}
.rc-draw-ul{
    width:100%;
}
.rc-draw-nav-item{
    width:50%;
    min-width:50%;
    height:40px;
    margin:10px 0;
}
.rc-search-bar{
    height:40px;
    width:100%;
    margin-top:-40px;
    display: none;
}
.rc-nav-btn{
    width:50px !important;
    height:50px !important;
    font-size:32px !important;
    line-height:50px !important;
}
.rc-search-wrap{
    padding:0 20px;
    width:60%;
    height:30px;
    background: #f4f4f4;
    box-shadow: 2px 0px 5px #e0e0e0;
   
}
.rc-side-search,.rc-side-back-top,.rc-side-back-right{
    width:100%;height:50px;
    /* #7f8595 */
}
.rc-side-back-right{
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.rc-side-btn-bar{
    width:50px;
    height:auto;
    bottom:10%;
    margin-right:-200px;
}
.rc-side-search,.rc-side-back-right{
    display:none;
}
.rc-nav-list{
    width:70%;
    height:70px;
    display:none !important;
}
.rc-english-text{
    font-size:26px;
}
.rc-content-title{
    letter-spacing: 0px;
}
.rc-content-title-left,.rc-content-title-right{
    width:50%;
}
.rc-content{
    width:100%;
    height:58%;
}
.rc-compony-content{
    width:auto;
    height:60%;
}

/* 动画延迟时间 */
.delay-half-0{
    animation-duration:0.2s;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.delay-half-1{
    animation-duration:0.3s;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
.delay-half-2{
    animation-duration:0.4s;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.delay-half-3{
    animation-duration:0.5s;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.delay-1s{
    animation-duration:1s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.delay-0{
    animation-duration:1s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.delay-1{
    animation-duration:1.1s;
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
}
.delay-2{
    animation-duration:1.2s;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}
.delay-3{
    animation-duration:1.3s;
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
}
.delay-4{
    animation-duration:1.4s;
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
}
.delay-5{
    animation-duration:1.5s;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}
.delay-1-0{
    animation-duration:1.7s;
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s;
}
.delay-1-1{
    animation-duration:1.8s;
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
}
.delay-1-2{
    animation-duration:1.9s;
    -webkit-animation-delay: 1.9s;
    animation-delay: 1.9s;
}
.delay-1-3{
    animation-duration:2.0s;
    -webkit-animation-delay: 2.0s;
    animation-delay: 2.0s;
}
.delay-1-4{
    animation-duration:2.1s;
    -webkit-animation-delay: 2.1s;
    animation-delay: 2.1s;
}
.delay-1-5{
    animation-duration:2.2s;
    -webkit-animation-delay: 2.2s;
    animation-delay: 2.2s;
}
.delay-1-6{
    animation-duration:2.3s;
    -webkit-animation-delay: 2.3s;
    animation-delay: 2.3s;
}
.delay-1-7{
    animation-duration:2.4s;
    -webkit-animation-delay: 2.4s;
    animation-delay: 2.4s;
}
.delay-1-8{
    animation-duration:2.5s;
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
}
.delay-1-9{
    animation-duration:2.6s;
    -webkit-animation-delay: 2.6s;
    animation-delay: 2.6s;
}
.delay-1-10{
    animation-duration:2.7s;
    -webkit-animation-delay: 2.7s;
    animation-delay: 2.7s;
}
.delay-1-11{
    animation-duration:2.8s;
    -webkit-animation-delay: 2.8s;
    animation-delay: 2.8s;
}
.delay-1s-0{
    animation-duration:1.3s;
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
}

.delay-1s-0{
    animation-duration:1.3s;
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
}
.delay-1s-1{
    animation-duration:1.5s;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}
.delay-1s-2{
    animation-duration:1.7s;
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s;
}
.delay-1s-3{
    animation-duration:2.1s;
    -webkit-animation-delay: 2.1s;
    animation-delay: 2.1s;
}
.delay-1s-4{
    animation-duration:2.3s;
    -webkit-animation-delay: 2.3s;
    animation-delay: 2.3s;
}
.delay-1s-5{
    animation-duration:2.5s;
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
}
.delay-half-1s{
    animation-duration:1.5s;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}
.delay-2s{
    animation-duration:2s;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}
.delay-half-2s{
    animation-duration:2.3s;
    -webkit-animation-delay: 2.3s;
    animation-delay: 2.3s;
}
.delay-half-2-2s{
    animation-duration:2.6s;
    -webkit-animation-delay: 2.6s;
    animation-delay: 2.6s;
}
.delay-3s{
    animation-duration:3s;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}
.delay-3s-0{
    animation-duration:3.1s;
    -webkit-animation-delay: 3.1s;
    animation-delay: 3.1s;
}
.delay-3s-1{
    animation-duration:3.2s;
    -webkit-animation-delay: 3.2s;
    animation-delay: 3.2s;
}
.delay-3s-2{
    animation-duration:3.3s;
    -webkit-animation-delay: 3.3s;
    animation-delay: 3.3s;
}
.delay-3s-3{
    animation-duration:3.4s;
    -webkit-animation-delay: 3.4s;
    animation-delay: 3.4s;
}
.delay-half-3s{
    animation-duration:3.5s;
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s;
}
/* 弹性盒子 */
.flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
/* 默认布局 */
.flex-start {
  justify-content: flex-start;
}
.column-start{
    align-items: flex-start;
}
/* 居中布局 */
.flex-center {
  justify-content: center;
}
/* 结尾布局 */
.flex-end {
  justify-content:flex-end;
}
.column-end{
    align-items:flex-end;
}
/* 平分布局 */
.flex-around {
  justify-content: space-around;
}
.column-around{
    align-items:space-around;
}
/* 两边布局 */
.flex-between {
  justify-content: space-between;
}
/* 垂直方向 */
.column {
  flex-direction: column;
}
/* 子元素 不换行 */
.column-no-wrap {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

/* 子元素换行 垂直方向 */
.column-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* 垂直居中 */
.column-center{
    align-items:center;
}

/* 水平垂直居中 */
.flex-column-center{
    justify-content: center;
    align-items:center;
}
/* 公共样式 */
/*
 * 
 * 宽高继承
 * 
 */
 .inherit-width{
    width: inherit;
 }
 .inherit-height{
    height: inherit;
 }

/*
 * 
 * 颜色 
 * 
 */

/* 默认字体颜色 */
.current-color{
    color:#666;
}
/* 选中字体颜色 */
.white{
    color:white;
}
.select-color{
    color:#a72426;
}

.color-page{
    color:#808080;
}
/* 选中背景颜色 */
.select-bg{
    background-color:#a72426;
}
.bg-white{
    background-color:white;
}
.bg-darkgray{
    background-color:#333;
}
.bg-bark-black-gray{
    background-color:#222222;
}
.bg-gray{
    background-color:rgba(0,0,0,.5);
}
.bg-thin-darkgray{
    /*background-color:rgba(0,0,0,.3);*/
}
.bg-thin-gray{
    background-color:#878482;
}
.bg-dark-thin-black{
    background-color: #1c1c1c;
}
.bg-thin-black{
    background-color: #232323;
}
.bg-dark-red{
    background-color:#2a1d1d;
}
.bg-ccc{
    background-color: #ccc;
}
.gradient-white-gray{
    background:linear-gradient(to right,rgba(0,0,0,.2),rgba(0,0,0,.8))
}
/*
 * 
 * 斜体
 * 
 */
.oblique{
    font-style: oblique;
}
/*
 * 
 * 字体不换行
 * 
 */
.text-no-wrap{
    white-space: nowrap;
}
/*
 * 
 * 字体大小
 * 
 */
 .size{
     font-size:15px;
 }
 .size-large{
    font-size:20px;
 }
 .size-large-x{
     font-size:24px;
 }
 .size-large-xx{
    font-size:32px;
 }
 .size-large-xxx{
    font-size:48px;
 }
 .size-small{
    font-size:14px
 }
 .size-small-large{
    font-size:13px
 }
 .size-content-text{
    font-size:42px;
 }
 .bold{
    font-weight:800;
 }
/*
 * 
 * 行高
 * 
 */
.line-height{
    line-height:20px;
}
 /*
 * 
 * 外边距
 * 
 */
 /* 下边距 */
 .margin-bottom{
    margin-bottom:10px;
 }
 .margin-bottom-large{
     margin-bottom:20px;
 }
 .margin-bottom-small{
     margin-bottom:5px;
 }

 /* 上边距 */
 .margin-top{
    margin-top:10px;
 }
 .margin-top-large{
     margin-top:20px;
 }
 .margin-top-small{
     margin-top:5px;
 }
 .margin-between-large{
    margin:15px 0;

 }
/* 左右 */
.margin-around{
    margin:0 10px;
}
.margin-around-large{
    margin:0 15px;
}
.margin-around-small{
    margin:0 5px;
}
/*
 * 
 * 内边距
 * 
 */
 .padding-bottom{
    padding-bottom:10px;
 }
 .padding-bottom-large{
     padding-bottom:20px;
 }
 .padding-bottom-small{
     padding-bottom:5px;
 }

 .padding-around-between{
    padding:7px 15px;
 }
 /* 上边距 */
 .padding-top{
    padding-top:10px;
 }
 .padding-top-large{
     padding-top:20px;
 }
 .padding-top-small{
     padding-top:5px;
 }
 .padding-around-small{
    padding:5px 0;
 }
 .padding-around-default{
    padding:5px 0;
 }
 .padding-around-large{
    padding:15px 0;
 }
 /* 左右 */
.padding-around{
    padding:0 10px;
}
.padding-around-large{
    padding:0 15px;
}
.padding-around-small{
    padding:0 5px;
}
.padding-right{
    padding-right:5%;
}
.padding-left{
    padding-left:5%;
    /*line-height: 80px;*/
}
.margin-right{
    margin-right:5%;
}
.margin-right-small{
    margin-right:15px;
}
.margin-left{
    margin-left:5%;
}
/*
 * 
 * 文字对齐方式
 * 
 */
.align-left{
    text-align:left;
}
.align-center{
    text-align:center;
}
.align-right{
    text-align:right;
}
/*
 * 
 * 显示隐藏
 * 
 */
.hide{
    visibility:hidden;
}
.show{
    visibility:visible;
}
.hidden{
    overflow: hidden;
}
.none{
    display: none;
}
.block{
    display: block;
}
/*
 * 
 * 透明度
 * 
 */
 .opacity{
     opacity: 1;
 }
 .opacity-half{
     opacity: 0.5;
 }
 .opacity-empty{
    opacity: 0;
}
/*
 * 
 * 元素转换
 * 
 */
 .inline-block{
     display: inline-block;
 }
 .inline{
     display: inline
 }
 /* 垂直居中 */
 .table-cell{
    display: table-cell;
    vertical-align: middle; 
 }
/*
 * 
 * 文本溢出隐藏
 * 
 */
 .text-auto-hide-1{
    overflow:hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
 }
 .text-auto-hide{
    overflow:hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
 }
 .text-auto-hide-5{
    overflow:hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
 }
 .text-auto-hide-3{
    overflow:hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
 }
 /* 文本自动换行 */
 .text-auto-row{
    word-wrap:break-word;
 }
 /* 文本不换行 */
 .no-wrap{
    white-space: nowrap;
 }
/*
 * 
 * 边框盒子
 * 
 */
.border-box{
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
    box-sizing:border-box;
}
/*
 * 
 * 边框线
 * 
 */
 .border-bottom-white{
    border-bottom:2px solid white;
 }
 .border-bottom-red{
    border-bottom:2px solid #a72426; 
 }
 .border-red{
    border:2px solid #a72426; 
 }
.border-right-current{
    border-right:1px solid #666;
}
.border-radius-gray{
    border:1px solid #868b98;
}
.border-right-white{
    border-right:1px solid white;
}
.border-right-white:last-child{ border:none;}
.border-left-white{
    border-left:1px solid white;
}

.line{
    width:30px;
    height:4px;
}
.line-inherit{
    width:100%;
    height:4px;
}
/*
 * 
 * logo
 * 
 */
 .logo{
    /* background:url(../images/logo.png);
    background-size:100% 100%;
    background-repeat:no-repeat; */
 }
 .logo_1{
    /* background:url(../images/logo_1.png);
    background-size:100% 100%;
    background-repeat:no-repeat; */
 }
/*
 * 
 * 圆角
 * 
 */
 .radius{
    -webkit-border-radius: 5px ;
    -moz-border-radius: 5px ;
    -ms-border-radius: 5px ;
    -o-border-radius: 5px ;
    border-radius: 5px ;
   
}
.radius-large{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}
.radius-large-x{
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    -ms-border-radius:15px;
    -o-border-radius:15px;
    border-radius:15px;
}
.radius-circle{
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.radius-top-right{
    border-top-right-radius: 10px
}
.radius-top-left{
    border-top-left-radius: 10px
}
.radius-bottom-left{
    border-bottom-left-radius: 10px
}.radius-bottom-right{
    border-bottom-right-radius: 10px
}
/*
 * 
 * 定位
 * 
 */
.relative{
    position:relative;
}
.absolute{
    position: absolute;
    
}
.fixed{
    position: fixed;
    z-index: 999;
}
.draw-fixed{
    position: fixed;
    z-index: 9999;
}
/*  左 */
.left-small{
    left:0px;
}
.left{
    left:5px;
}
.left-large{
    left:10px;
}
.left-large-x{
    left:15px;
}
.left-large-xx{
    left:20px;
}
.left-large-xxx{
    left:30px;
}
.left-logo{
    left:5%;
}
/* 右 */
.right-small{
    right:0px;
}
.right{
    right:5px;
}
.right-large{
    right:10px;
}
.right-large-x{
    right:15px;
}
.right-large-xx{
    right:20px;
}
.right-large-xxx{
    right:30px;
}
/* 上 */
.top-small{
    top:0px;
}
.top{
    top:5px;
}
.top-large{
    top:10px;
}
.top-large-x{
    top:15px;
}
.top-large-xx{
    top:20px;
}
.top-large-xxx{
    top:30px;
}
/* 下 */
.bottom-small{
    bottom:0px;
}
.bottom{
    bottom:5px;
}
.bottom-large{
    bottom:10px;
}
.bottom-large-x{
    bottom:15px;
}
.bottom-large-xx{
    bottom:20px;
}
.bottom-large-xxx{
    bottom:30px;
}
.bottom-percent-5{
    bottom:5%;
}
.bottom-percent-10{
    bottom:10%;
}
.top-percent{
    top:18%;
}
/*
 * 
 * 层级
 * 
 */
.z-index{
    z-index: 0;
}
.z-index-small{
    z-index: -1;
}
.z-index-5{
    z-index: 5;
}
.z-index-10{
    z-index: 10;
}
.z-index-20{
    z-index: 20;
}
/*
 * 
 * 鼠标指针
 * 
 */
 .pointer{
     cursor:pointer
 }
/*
 * 
 * 指示圆点
 * 
 */
 aside{
    width:94px;
 }
 .circle{display: inline-block;
     width:10px;
     height:10px;
 }


/*修改样式*/
.text-auto-hide-1{
	height: auto !important;
}
#onlineMessages{
	width:80%;
}
.rc-logo>img{
	width:100%;
	height:100%;
}
.rc-news-detail-list-content{
	width:80%;
}
.border-bottom-white{
    line-height: 80px;

}
/**/

@media only screen and (max-width: 1500px){
    .rc-productBox-textRight{
        padding: 11% 0 !important;
    }
    .product-title{
        font-size: 26px !important;
    }
    .rc-productBox-textRight p{
        font-size: 13px !important;
    }
}
@media only screen and (max-width: 1300px){
    .product-title {
        font-size: 24px !important;
    }
    .product-more{
        font-size: 14px !important;
    }
    .product-title,.bg-color,.rc-productBox-textRight p{
        margin-bottom: 20px !important;
    }
}
@media only screen and (max-width: 1250px) {
    .listBox-title {
        font-size: 18px !important;
    }

    .listBox-content {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
}

@media only screen and (max-width: 1150px) {
    .listBox-title {
        font-size: 16px !important;
        width: 305px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .newsBox-dateTime {
        white-space: nowrap;
    }
}
@media only screen and (max-width: 1050px){
    .rc-productBox-menu a{
        margin: 0 !important;
    }
    .rc-productBox-textRight{
        padding: 10% 0 !important;
    }
}
@media only screen and (max-width: 1040px) {
    .listBox-content {
        font-size: 12px !important;
    }
}

@media only screen and (max-width: 991px) {
    .newsBox-list-text {
        padding: 3% 5% !important;
    }

    .small-centerBox {
        width: 90% !important;
    }

    .listBox-title {
        padding-bottom: 10px !important;
    }

    .listBox-content {
        line-height: 20px !important;
    }

    .newsBox-dateTime {
        font-size: 14px !important;
    }

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

    .text-content {
        width: 100% !important;
        margin-right: 0px !important;
    }

    .newsBox-list-text {
        flex-wrap: wrap;
    }

    .newsBox-arrow-right {
        display: none !important;
    }

    .newsBox-dateTime {
        font-size: 14px;
    }

    .listBox-title {
        padding-top: 5%;
    }
}
@media only screen and (max-width: 850px){
    .rc-productBox-menu a{
        padding: 5px !important;
    }
    .product-title,.bg-color,.rc-productBox-textRight p{
        margin-bottom: 15px !important;
    }
    .product-title {
        font-size: 22px !important;
    }
    .rc-productBox-textRight p {
        font-size: 12px !important;
    }
    .rc-productBox-textRight {
        width: 46% !important;
    }
}
@media only screen and (max-width: 768px){
    .rc-productBox-imgLeft,.rc-productBox-textRight {
        width: 100% !important;
    }
    .rc-newsBox-menu,.rc-productBox-menu{
        flex-wrap: wrap;
    }
    .rc-productBox-imgLeft{
        padding: 0 !important;
    }
}
@media only screen and (max-width: 650px) {
    .newsBox-list-text {
        padding: 1% 3% !important;
    }
}

@media only screen and (max-width: 575px) {
    .newsBox-list-item {
        flex-wrap: wrap;
    }

    .newsBox-list-img {
        width: 100% !important;
    }

    .newsBox-list-text {
        padding: 3% 5% !important;
    }

    .newsBox-dateTime {
        padding-top: 15%;
    }
    .rc-productBox-textRight p,.product-more,.bg-color{
        display: none;
    }
    .product-title{
        font-size: 24px !important;
        text-align: center;
    }
    .bg{
        background: #1c1c1c !important;
    }
}
.rc-newsBox-paging a{    padding: 3px 10px;}
.rc-newsBox-paging a:hover { background:#a72426;}
@media only screen and (max-width: 525px) {
    .rc-newsBox-paging a {
        margin-right: 0px !important;
    }
}

@media only screen and (max-width: 430px) {

    .rc-newsBox-menu a,
    .rc-newsBox-menu>div,
    .rc-newsBox-paging a {
        padding: 5px !important;
    }
    .product-title{
        font-size: 18px !important;
    }
}

@media only screen and (max-width: 375px) {
    .rc-newsBox-menu a {
        font-size: 12px !important;
    }

    .newsBox-list-text {
        overflow: hidden;
    }

    .text-content {
        overflow: hidden;
    }

    .listBox-title {
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .rc-newsBox-menu a{
        margin: 0 10px !important;
    }
    .product-title{
        font-size: 16px !important;
    }
}


/*0823*/
.center {
            width: 100%;
            margin: 0 auto;
        }

        .formBox-text {
            width: 100%;
        }

        .formBox-text>input,
        .formBox-leave,
        .formBox-btn {
            border-bottom: 2px solid #fff;
            text-indent: 1em;
            box-sizing: border-box;
        }

        .formBox-text>input {
            width: 100%;
            height: 40px;
            border: none;
        }

        .formBox-leave {
            margin-top: 15px;
            width: 99%;
            word-wrap: break-word;
            word-break: break-all;
            padding-top: 10px;
            border: none;
            border-bottom: 2px solid #fff;
        }

        .formBox-btn {
            width: 99%;
            height: 45px;
            background: #A72426;
            margin-top: 15px;
            text-decoration: none;
            display: block;
            text-align: center;
            line-height: 45px;
            color: #fff;
        }

        .fromRight {
            width: 50%;
            margin: 0 auto;
        }
        .from_title{
            color: #A72426;
        }


/*0912*/
.rc-function-bar .current-color{color: #a72426;}
.rc-function-bar .select-color{color: #666;}
.rc-function-bar a:hover{color: #a72426;}


/*0918*/
.rc-news-bg span{letter-spacing: 0px !important;font-size: 44px;}
.rc-product-bg span{letter-spacing: 0px !important;font-size: 44px;}
.rc-case-bg span{letter-spacing: 0px !important;font-size: 44px;}
.rc-aboutus-bg span{letter-spacing: 0px !important;font-size: 44px;}

.rc-content-title span{white-space: nowrap; margin-right:20px;font-size: 40px;}