@charset "UTF-8";

@font-face {
  font-family: "impact";
  src: url("../fonts/impact.ttf") format("truetype"),
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/Open Sans.ttf") format("truetype"),
  font-weight: normal;
  font-style: normal;
}

body,html, button, input, select, textarea{
    font-family:"Open Sans","microsoft yahei",SimHei,tahoma,Arial,Verdana,sans-serif; background:#f2f2f2;
}
@media (min-width: 768px) {
  html {
    font-size: 28px!important;
  }
}
@media (min-width: 1025px) {
  html {
        font-size: 30px!important;
  }
  ::-webkit-scrollbar {
        width: 6px;
        height:6px;
  }

  ::-webkit-scrollbar-track {
      background: #fff;
  }

  ::-webkit-scrollbar-thumb {
      background: #BA1C15;
    /*border-radius: 4px;*/
  }

  ::-webkit-scrollbar-thumb:window-inactive {
      background: #BA1C15;
  }

  ::-webkit-scrollbar-thumb:vertical:hover {
      background: #BA1C15;
  }
  .form-box .sub::-webkit-scrollbar {
      width: 4px;
      height:4px;
  }

  .form-box .sub::-webkit-scrollbar-track {
      background: #ccc;
  }
}
@media (min-width: 1440px) {
  html {
    font-size: 34px!important;
  }
}
@media (min-width: 1680px) {
  html {
    font-size: 40px!important;
  }
}
/* 重置表单样式 */
select::-ms-expand { display: none; }
input,select,textarea{
    box-shadow: none;
    outline: none;
    border: none;
    border-radius: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance:none;
    appearance:none;  
    padding: 0;
}
textarea{
    resize: none;
}
select::-ms-expand { display: none; }
/* 更改placeholder颜色 */
input::-webkit-input-placeholder{
    color:#888;  
}  
input:-moz-placeholder{
    color:#888;
}  
input::-moz-placeholder{
    color:#888;
}  
input:-ms-input-placeholder {
    color:#888;
}  

textarea::-webkit-input-placeholder{
    color:#888;  
}  
textarea:-moz-placeholder{
    color:#888;
}  
textarea::-moz-placeholder{
    color:#888;
}  
textarea:-ms-input-placeholder {
    color:#888;
}
body{
    /* max-width: 1920px; */
    overflow: hidden;
    /* margin: 0 auto; */
}
header{
    position: fixed;
    top: 0;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    z-index: 50;
    border-bottom: 1px solid #9fa3bb;
    max-width: 1920px;
}
header .logo{
    float: left;
    width: 10rem;
    margin-top: .35rem;
}
header .logo img{
    width: 100%;
    display: block;
}
header .logo .logo2{
    display: none;
}
.header-view{
    padding: 0 8%;
}
.header-right{
    float: right;
    font-size: 0;
}
.header-right .pc-nav,
.header-right .header-btns{
    display: inline-block;
    *display: inline;
    zoom: 1;
}
.pc-nav{
    margin-right: 1rem;
}
.pc-nav li{
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-left: 1.5rem;
	text-transform:uppercase;
}
.pc-nav .tit{
    font-size: .4rem;
    line-height: 2.25rem;
    display: block;
    color: #333;
    transition: color .2s;
}
.pc-nav .navson{
    display: none;
    position: absolute;
    left: 0;
    top: 2.3rem;
    width: 100%;
    padding: 0.5rem 0;
    border-top: 1px solid #e8e8e8;
    font-size: 0;
    text-align: center;
    box-shadow: 0 3px 3px rgba(0,0,0,.05);
    background-color:rgba(255,255,255,.8);
}
.pc-nav .navson a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 20%;
border:1px solid #818181;
height:40px;
line-height:40px;
margin-bottom:20px; margin-right:10px;
color: #333;
}

.pc-nav .navson a:hover{ border:1px solid #BB1C16; background:#BB1C16; color:#FFFFFF!important; }

.pc-nav .navson .img{
    border-radius: 2px;
    overflow: hidden;
}
.pc-nav .navson a img{
    width: 100%;
    transition: all .3s;
}
.pc-nav .navson a .txt{
    font-size: .35rem;
    line-height: .65rem;
    margin-top: .175rem;
		
}

.pc-nav li a.on{
    color: #BA1C15!important;
	border-bottom:2px solid #BA1C15;
	
}
.tubiao a.icon01{ font-size:18px; color:#FFFFFF; margin-left:15px; margin-right:15px;}

.tubiao{ float:left;}

.m-nav{
    display: none;
}

.header-right .header-btns{
    
    height: 2.27rem;
    background-color: #BA1C15;
    vertical-align: top;
    line-height: 2.25rem;
    font-size: 0;
    text-align: center;
}
.sousuo{ width:60px; height:60px; background:#BA1C15; float:left; margin-top:15px;}
.tubiao{ float:left;}
.header-right .header-btns .icon{
    float: none;
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin: 0;
    padding: 0;
    width: 18px;
    height:18px;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 .5rem;
    vertical-align: middle;
    background-size: 100%;
}
.line{ width:1px; height:30px; background:#fff;    display: inline-block;
    *display: inline;
    zoom: 1; position:relative;top:-30px; margin-right:0.5rem;}
.header-right .header-btns .bds_more{
    background-image: url('../images/header-icon1.svg')
}
.header-right .header-btns .search-btn{
    background-image: url('../images/header-icon2.svg'); margin-top:-25px;
}
.header-right .header-btns .person-btn{
    background-image: url('../images/header-icon3.svg')
}
.header-right .header-btns .person-box{
    display: inline-block;
    *display: inline;
    zoom: 1;
    position: relative;
}
.header-right .header-btns .person-box .sub{
    display: none;
    position: absolute;
    left: 50%;
    top: 2.25rem;
    transform: translateX(-50%);
    padding: .4rem .3rem;
    background-color: #fff;
    width: 2.5rem;
    box-sizing: border-box;
    border-radius: 2px;
    box-shadow: 0 5px 10px rgba(4,4,4,.05);
}
.header-right .header-btns .person-box .sub:before{
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 10px;
    height: 5px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url('../images/person-sj.png');
    top: -5px;
}
.header-right .header-btns .person-box .username{
    font-size: .35rem;
    line-height: .45rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #999;
    margin:0 0 .35rem;
    border-bottom: 1px solid #e8e8e8;
    padding: 0 0 .35rem;
    background: none;
    float: none;
    display: block;
}
.header-right .header-btns .person-box .exit{
    margin: 0;
    padding: 0;
    background: none;
    text-align: center;
    font-size: .35rem;
    line-height: .45rem;
    color: #999;
    float: none;
    display: block;
    transition: all .2s;
    height: auto;
}

.header-right .header-btns .nav-btn{
    display: none;
}
.bdshare_popup_box{
    display: none!important;
}
.clearfixed{
    height: 2.25rem;
}

.search-box{
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-color:rgba(0,0,0,0.9);
    display: none;
}
.pub-close{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: .6rem;
    height: .6rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url('../images/pub-close.png');
    top: 2.25rem;
}
.search-top{
    border-bottom: 1px solid #e5e5e5;
    padding: .9rem 0;
}
.search-top .search{
    position: relative;
    width: 94%;
    float: left;
}
.search-top .search input[type=text]{
    width: 85%;
    height: 1rem;
    line-height: 1rem;
    background-color: transparent;
    padding-left: 1.25rem;
    font-size: .65rem;
    -webkit-text-fill-color: #fff; caret-color: #fff;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url('../images/search-btn.png');
    font-size: .5rem;
    float: left;
}
.search-top .search input[type=submit]{
    float: right;
    width: 3rem;
    height: 1rem;
    font-size: .35rem;
    color: #fff;
    background-color: #BA1C15;
    border-radius: 4px;
}
.search-top .search-close{
    float: right;
    width: 1rem;
    height: 1rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url('../images/search-close.png');
}
.search-box .enter-box h3{
    font-size: .6rem;
    line-height: 1.75rem;
    color: #000;
}
.search-box .enter-box .list .item{
    font-size: 0;
}
.search-box .enter-box .list .item:nth-child(2n+1){
    background-color: #f1f1f1;
}
.search-box .enter-box .list .item a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    color: #666;
    line-height: 1.75rem;
    font-size: .4rem;
    transition: all .2s;
}
.search-wrap .search-top{
    padding: 0;
}


.banner{
    overflow: hidden;
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
}
.banner img{
    width: 100%;
}
.banner .m-img{
    display: none;
}
.banner .ban-text{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.banner .ban-text .tit{
    font-size: 1.75rem;
    line-height: 2.25rem;
    color: #fff;
}
.banner .ban-more{
    display: block;
    width: 4rem;
    height: 1rem;
    line-height: 1rem;
    border: 1px solid #fff;
    border-radius: .5rem;
    margin-top: 1.75rem;
    font-size: 0;
    text-align: center;
    transition: all .2s;
}
.banner .ban-more span{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .3rem;
    line-height: 1rem;
    color: #fff;
    padding-right: 1.25rem;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url('../images/ban-arrow.png');
}

.banner .btns{
    position: absolute;
    left: 0;
    bottom: 5.8%;
    width: 100%;
    z-index: 3;
    text-align: center;
    font-size: 0;
}
.banner .btns .swiper-pagination-bullet{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 18px;
    height: 18px;
    background-color: transparent;
    position: relative;
    margin: 0 10px;
    transform: rotate(-90deg);
}
.banner .btns .init,
.banner .btns .hover{
    opacity: 0;
    filter: alpha(opacity=0);

}
.banner .btns .swiper-pagination-bullet .hover{
    stroke-dasharray:314 0;
    stroke: none;
}
.banner .btns .swiper-pagination-bullet:before{
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 8px;
    height: 8px;
    background-color: rgba(255,255,255,.6);
    transform: translate(-50%,-50%);
    border-radius: 100%;
}
.banner .btns .swiper-pagination-bullet-active:before{
    background-color: #BA1C15;
    width: 4px;
    height: 4px;
}
.banner .btns .swiper-pagination-bullet-active .init,
.banner .btns .swiper-pagination-bullet-active .hover{
    opacity: 1;
    filter: alpha(opacity=100);
}
.banner .btns .swiper-pagination-bullet-active .hover{
    stroke: #fff;
    animation: circle-chart-fill 5s reverse;
}
@keyframes circle-chart-fill {
  to { stroke-dasharray: 0 314; }
}
.i-about-box{
    padding-top: 3.5rem;
}
.i-about-box .text-box{
    float: left;
    width: 45%;
}
.index-tit{
    font-size: 0;
    text-align: center;
}
.index-tit .cn{
    font-size: 1.25rem;
    color: #333;
    line-height: 1.35rem;
    display: inline-block;
    *display: inline;
    zoom: 1;
    position: relative;
    padding-right: .9rem;
    padding-left: .9rem;
}

.index-tit .cn:before{
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: .4rem;
    height: .4rem;
    border-radius: 100%;
    border: 3px solid #BA1C15;
    box-sizing: border-box;
}
.index-tit .en{
    font-size: .65rem;
    line-height: .75rem;
    color: #999;
    font-family: "DIN-REGULAR";
    margin-top: .25rem;
}
.index-tit .desc{
    font-size: .4rem;
    line-height: .5rem;
    padding-left: 6px;
    letter-spacing: 6px;
    margin-top: .25rem;
    color: #666;
}
.index-tit .line{
    width: 1.375rem;
    height: 4px;
    background-color: #BA1C15;
    margin: .6rem auto 0;
}
.i-about-box .index-tit{
    text-align: left;
}
.i-about-box .index-tit .cn{
    padding-left: 0;
}
.i-about-box .index-tit .line{
    margin: .6rem 0 0;
}
.i-about-box .con{
    margin-top:.5rem;
    font-size: .4rem;
    line-height: 1rem;
    color: #777; 
}

.i-about-box .num-list{
    font-size: 0;
    margin-top: 1rem;
}
.i-about-box .item{
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-right: .55rem;
}
.i-about-box .item:last-child{
    margin-right: 0;
}
.i-about-box .item .num-box{
    color: #BA1C15;
    font-family: arial;
    
}
.i-about-box .item .num{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: 1rem;
    line-height: 1rem;
    vertical-align: middle;
}
.i-about-box .item .jia{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .65rem;
    line-height: .75rem;
    vertical-align: middle;
}
.i-about-box .item .txt{
    font-size: .4rem;
    color: #666666;
    line-height: .5rem;
    margin-top: .25rem;
}
.i-about-box .img-box{
    float: right;
    width: 50%;
    padding: .5rem 0 0 .5rem;
    position: relative;
    /* margin-top: 1rem; */
}
.i-about-box .img-box video{
    width: 100%;
    display: block;
    background-color: #000;
}
.i-about-box .m-box{
    display: none;
}
.i-about-box .img{
    position: relative;
}
.i-about-box .img img{
    width: 100%;
}
.i-about-box .play-btn,
.i-about-box .pc-play-btn{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url('../images/i-play-btn.png');
    transition: all .2s;
}
.i-about-box .img-box .line{
    position: absolute;
    background-color: #BA1C15;
}
.i-about-box .img-box .line1{
    width: 82.26%;
    right: 17.74%;
    top: 0;
    height: .5rem;
}
.i-about-box .img-box .line2{
    width: .5rem;
    left:0;
    top: 0;
    height: 79.59%;
}
.i-about-box .pc-box.on .pc-play-btn{
    display: none;
}
.i-life-box{
    padding-top: 3.5rem;
}
.life-btn{
    width: 4rem;
    height: 1rem;
    display: block;
    border: 1px solid #BA1C15;
    border-radius: .5rem;
    margin: .6rem auto 0;
    transition: all .2s;
}
.life-btn span{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .35rem;
    line-height: 1rem;
    color: #BA1C15;
    padding-right: 1.15rem;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url('../images/life-btn.png');
    transition: all .2s;
}
.i-life{
    margin-top: 1.25rem;
    overflow: hidden;
}
.i-life .m-box{
    display: none;
}
.i-life .row{
    margin: 0 -.125rem;
}
.i-life .item{
    width: 12.5%;
    float: left;
}
.i-life .con-box{
    display: block;
    width: 100%;
    overflow: hidden;
    padding: 0 .125rem;
    box-sizing: border-box;
    position: relative;
    padding-bottom: .25rem;
}
.i-life .item .img{
    position: relative;
}
.i-life img{
    width: 100%;
}
.i-life .line{
    height: .25rem;
    background-color: #BA1C15;
    width: 0;
    position: absolute;
    left: .125rem;
    transition: all .3s;
}
.i-life .txt{
    position: absolute;
    left: .25rem;
    bottom: 1.125rem;
    font-size: .75rem;
    color: #fff;
    padding-right: 12px;
    line-height: .85rem;
    transition: all .3s;
}
.i-life .txt:before{
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    box-sizing: border-box;
    border: 2px solid #BA1C15;
}
.i-life .item.cur{
    width: 39.0625vw;
}
.i-life .item.cur .line{
    width: 100%;
}
.i-life .item.cur .txt{
    left: 1rem;
}
.i-product-box{
    padding-top: 3.5rem;
}
.i-product{
    margin-top: 1.25rem;
}
.i-product .pc-box{
    position: relative;
    
    width: 100%;
    padding: 0 .75rem .75rem 0;
}
.i-product .m-box{
    display: none;
}
.i-product .pc-box .item{
    overflow: hidden;
    float: left;
    position: relative;
    z-index: 3;
    width: 20%;
}
.i-product .con-box{
    display: block;
    position: relative;
}
.i-product .con-box a{
    display: block;
}
.i-product .con-box img{
    width: 100%;
}
.i-product .con-box .img{
    width: 49.479vw;
}

.i-product .con-box .text{
    position: absolute;
    left: .6rem;
    bottom: 10%;
    transition: all .5s;
}
.i-product .item.cur .con-box .text{
    left: 1rem;
}
.i-product .con-box .tit{
    font-size: 1.25rem;
    color: #fff;
    line-height: 1.35rem;
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding-right: .75rem;
    position: relative;
}

.i-product .con-box .tit:before{
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: .4rem;
    height: .4rem;
    border-radius: 100%;
    border: 3px solid #BA1C15;
    box-sizing: border-box;
}
.index-more{
    display: block;
    width: 4rem;
    height: 1rem;
    
    border-radius: .5rem;
    text-align: center;
    transition: all .2s;
}
.index-more span{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .35rem;
    line-height: 1rem;
    color: #fffffe;
    padding-right: 1.1rem;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: .525rem;
    transition: all .2s;
}
.i-product .con-box .index-more{
    border: 1px solid #fff;
    margin-top: 1rem;
}
.i-product .con-box .index-more span{
    background-image: url('../images/i-product-arrow.png');
}
.i-product .pc-box .line{
    position: absolute;
    background-color: #f1f1f1;
}
.i-product .pc-box .line1{
    width: .75rem;
    top: 35.38%;
    right: 0;
    height: 64.62%;
}
.i-product .pc-box .line2{
    height: .75rem;
    bottom:0;
    right: 0;
    width: 96.74%;
}
.i-experience-box{
    margin-top: 3rem;
}
.i-experience{
    position: relative;
}
.i-experience-box .bg-box{
    position: relative;
}
.i-experience-box .bg-box img{
    width: 100%;
}
.i-experience-box .bg-box .left{
    position: absolute;
    left: 0;
    top: 0;
    width: 28%;
    height: 100%;
    box-sizing: border-box;
    padding: 1.5rem 2.5% 0;
}
.i-experience-box .bg-box .left .con{
    font-size: .4rem;
    line-height: .75rem;
    color: #fff;
    margin-top: .75rem;
    opacity: .8;
    filter: alpha(opacity=80);
}
.i-experience-box .index-tit{
    text-align: left;
}
.i-experience-box .index-tit .cn{
    color: #fff;
    padding-left: 0;
}
.i-experience-box .index-tit .cn:before{
    border-color: #fff;
}
 
.i-experience-box .index-tit .line{
    background-color: #ddd;
    margin: .4rem 0 0;
}

.i-experience-box .list .index-tit{
    display: none;
}
.i-experience-box .index-more{
    opacity: .5;
    filter: alpha(opacity=50);
    border: 1px solid #fff;
    margin-top: 1.25rem;
}
.i-experience-box .index-more span{
    background-image: url('../images/i-product-arrow.png');
}
.i-experience-box .list{
    position: absolute;
    left: 0;
    bottom: .75rem;
    width: 100%;
    box-sizing: border-box;
    padding: 0 .75rem;
}

.i-experience-box .list .row{
    margin: 0 -.375rem;
}
.i-experience-box .list .item{
    padding: 0 .375rem;
    box-sizing: border-box;
}
.i-experience-box .list .con-box{
    background-color: #fff;
    padding: .5rem .4rem;
    transition: all .2s;
    display: block;
}
.i-experience-box .list .line{
    float: left;
    width: .625rem;
    height: 2px;
    background-color: #878787;
    margin-top: .5rem;
    transition: all .2s;
}
.i-experience-box .list .icon{
    float: right;
    width: 1.075rem;
    position: relative;
}
.i-experience-box .list .icon img{
    width: 100%;
}
.i-experience-box .list .init{
    transition: all .2s;
}
.i-experience-box .list .hover{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .2s;
}
.i-experience-box .list .tit{
    font-size: .45rem;
    line-height: .55rem;
    color: #090605;
    margin-top: .6rem;
    transition: all .2s;
}
.i-experience-box .list .con{
    font-size: .35rem;
    line-height: .6rem;
    color: #999;
    margin-top: .4rem;
    transition: all .2s;
}
.i-news-box{
    padding: 3.5rem 0 3.75rem;
}
.i-news-tit .index-tit{
    float: left;
    text-align: left;
}
.i-news-tit .index-tit .cn{
    padding-left: 0;
}
.i-news-tit .index-tit .line{
    margin: .6rem 0 0;
}
.i-news-tit .index-tit .desc{
    padding-left: 0;
}
.i-news-tit .index-more{
    float: right;
    border: 1px solid #999;
    float: right;
    opacity: .5;
    filter: alpha(opacity=50);
    margin-top: 1.25rem;
}
.i-news-tit .index-more span{
    color: #999;
    background-image: url('../images/i-news-arrow.png');
}
.i-news{
    margin-top: .9rem;
    overflow: hidden;
    position: relative;
}
.i-news .swiper-slide{
    width: 26.67%;
    margin-right: 2.5%;
}
/* .i-news .swiper-slide-next + .swiper-slide .time,
.i-news .swiper-slide-next + .swiper-slide .text-box{
    opacity: 0;
    filter: alpha(opacity=0);
} */
.i-news .swiper-slide:last-child{
    margin-right: 0;
}
.i-news .swiper-slide.on .time,
.i-news .swiper-slide.on .text-box{
    opacity: 0;
    filter: alpha(opacity=0);
}
.i-news .time{
    font-size: 0;
    transition: all .2s;
}
.i-news .time .day,
.i-news .time .ym{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-family: arial;
}
.i-news .time .day{
    font-size: 1.6rem;
    color: #999;
    line-height: 1.6rem;
    transition: all .2s;
}
.i-news .time .ym{
    font-size: .4rem;
    color: #999999;
    line-height: .5rem;
    margin-left: .25rem;
}
.i-news a{
    display: block;
}
.i-news .img{
    margin-top: .4rem;
}
.i-news .img img{
    width: 100%;
}
.i-news .text-box{
    margin-top: .75rem;
    transition: all .2s;
}
.i-news .text-box .tit{
    font-size: .45rem;
    line-height: .55rem;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .2s;
}
.i-news .text-box .con{
    font-size: .35rem;
    line-height: .6rem;
    color: #999;
    height: 1.2rem;
    overflow: hidden;
    margin-top: .25rem;
}
.i-news .text-box .index-more{
    border: 1px solid #999;
    margin-top: .6rem;
}
.i-news .text-box .index-more span{
    color: #999;
    background-image: url('../images/i-news-arrow.png');
}

.i-news .prev,
.i-news .next{
    position: absolute;
    top: 3.75rem;
    background-repeat: no-repeat;
    background-position: center;
    width: 1.4rem;
    height: 1.4rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 3;
    transition: all .2s;
}
.i-news .prev{
    left: 1.1rem;
    background-image: url('../images/i-news-prev.png');
}
.i-news .next{
    right: 1.1rem;
    background-image: url('../images/i-news-next.png');
}
.i-custom-box{
    padding-top: 3.5rem;
}

.i-custom{
    margin-top: 1.25rem;
    padding-right: 1.75rem;
    padding-bottom: 1.75rem;
    position: relative;
    width: 100%
}
.i-custom .line{
    position: absolute;
    background-color: #BA1C15;
}
.i-custom .line1{
    width: calc(100% - 1.75rem);
    left: 1.75rem;
    bottom: 0;
    height: 1.75rem;
}
.i-custom .line2{
    bottom: 0;
    right: 0;
    width: 1.75rem;
    height: 58.87%;
}

.i-custom .bimg{
    overflow: hidden;
}
.i-custom img{
    width: 100%;
}

.i-custom .custom-trans{
    width: 100%;
    display: block;
}
.i-custom .img-box{
    overflow: hidden;
}
.i-custom .img{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.i-custom .filter-img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0;
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px);
    transition: all .3s;
    overflow: hidden;
}
.point-list .item{
    position: absolute;
    width: 4.16%;
    left: 0;
    top: 0;
}
.point-list .point{
    width: 100%;
    padding-top: 100%;
    border: 1px solid #fff;
    border-radius: 100%;
    position: relative;
}
.point-list .point:before{
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 10px;
    height: 10px;
    background-color: #fff;
    transform: translate(-50%,-50%);
    border-radius: 100%;
}
.point-list .point .ripple{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: 1px solid #fff;
}
.ripple-1 {
  -webkit-animation: ripple 2.5s linear infinite;
}
.ripple-2 {
  -webkit-animation: ripple 2.5s linear infinite 0.75s;
}
.ripple-3 {
  -webkit-animation: ripple 2.5s linear infinite 1.8s;
}

.point-list .circle-img{
    width: 4.25rem;
    padding: .25rem;
    border-radius: 100%;
    border: 1px solid #BA1C15;
    /* display: none; */
}
.point-list .circle-img img{
    width: 100%;
}
.point-list .text-box{
    position: absolute;
    left: 50%;
    top: -1.25rem;
    transform: translateX(-50%);
    text-align: center;
    font-size: 0;
    display: none;
}
.point-list .text{
    margin-top: .6rem;
}
.point-list .text-box .tit{
    font-size: .5rem;
    line-height: .6rem;
    color: #fff;
}
.point-list .text-box .more{
    font-size: .325rem;
    line-height: .4rem;
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding-right: .75rem;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url('../images/custom-arrow.png');
    color: #fff;
    margin-top: .9rem;

}

.vidcontainer{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    background-color: rgba(0,0,0,0.7);
    cursor: pointer;
    z-index: 999;
}
.vidcontainer .closevid{
    width: 40px;
    height: 40px;
    background: url(../images/close-vid2.png) no-repeat center/100% auto;
    position: absolute;
    top: 40px;
    right: 40px;
    cursor: pointer;
}
.vidcontainer video{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000;
    bottom: 0;
    right: 0;
    margin: auto;
}
.index-page header{
    background-color: transparent;
    transition: background-color .3s,border-color .3s;
}
.index-page header .logo .logo1{
    display: none;
}
.index-page header .logo .logo2{
    display: block;
}
.index-page .clearfixed{
    display: none;
}
.index-page .pc-nav .tit{
    color: #fff;
}
.index-page .header-right .header-btns{
    background-color: transparent;
    transition: all .3s;
}
.index-page header.on{
    background-color: #fff;
    border-color: #ddd;
}
.index-page header.on .logo .logo1{
    display: block;
}
.index-page header.on .logo .logo2{
    display: none;
}
.index-page header.on .pc-nav .tit{
    color: #333;
}
.index-page header.on .pc-nav li.cur .tit{
  
}
.index-page header.on .header-right .header-btns{
    background-color: #BA1C15;
}

/* welcome end */
.showinfo-top-box .right .con .mCSB_scrollTools .mCSB_draggerRail{
    width: 1px;
    background: #fff;
}
.showinfo-top-box .right .con .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background: #BA1C15;
}
.showinfo-top-box .mCSB_inside>.mCSB_container{
    margin-right: .75rem;
}
.num-tab{
    display: none;
}
.pagination{
    margin: 0;
}
.life-top-box .m-tab{
    display: none;
}

.index_about{ background: url(../images/about_bg.png) #f3f3f3 no-repeat right top; overflow:hidden; padding-bottom:120px;}
.index_product{ background:#f3f3f3; overflow:hidden; padding-bottom:20px;}
.fl{ float:left;}
.fr{ float:right;}
.ab_tit h1{ font-size:30px; color:#BA1C15; text-transform:uppercase;line-height:46px;}
.w1200{ width:1200px; margin:0 auto;}
.tit01{ font-size:36px; text-transform:uppercase; font-family:"impact";}
.tit02{ font-size:36px; text-transform:uppercase; font-family:"impact";}
.tit_pro h1{ font-size:50px; text-transform:uppercase; font-family:"impact"; text-align:center;}
.tit_pro span{ color:#BA1C15;}
.ab_tit{ line-height:46px;}
.wz_txt{ line-height:36px; font-size:18px;margin-top:20px;}
.about_left{ width:70%; padding-top:50px;}
.about_tubiao{ width:450px; margin-top:20px;}
.about_tubiao ul li{ background:#BA1C15; width:200px; height:120px; float:left; margin-right:10px; margin-bottom:10px; text-align:center; text-transform:uppercase; }
.about_tubiao ul li img{ padding-top:15px;}
.about_tubiao ul li p{ font-size:18px; color:#FFFFFF;}
.cp_tu{ overflow:hidden;border:1px solid #c8c8c8;}
.cp_tu img{  width:100%;}
.cp_txt{ font-size:18px; text-align:center; line-height:30px;}
.cp_list dl dt{ width:23%; float:left; margin-left:1%; margin-right:1%; margin-bottom:2%; height:380px}
.cp_tu { width:100%;}
.cp_tu img{ width:100%;}
.choose{background: url(../images/img2.jpg) no-repeat center top; overflow:hidden; padding-bottom:80px;}
.choose_con{ float:right; width:70%; margin-top:80px;}
.choose_txt{ font-size:18px; text-align:center;}

.cp_tu img{-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;transform: translate3d(0,0,0);}
.cp_tu{-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s; overflow:hidden;}
.cp_tu:hover img{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}

.sitewidget-fontIcon .font-icon-wrap{display:inline-block;box-sizing:border-box;text-align:center}
.sitewidget-fontIcon .font-icon-wrap{-webkit-transition:background-color .3s;-moz-transition:background-color .3s;-ms-transition:background-color .3s;-o-transition:background-color .3s;transition:background-color .3s;-webkit-transition-property:background-color,border;transition-property:background-color,border;transition-property:background-color,border;transition-property:background-color,border;transition-property:background-color,border}
.sitewidget-fontIcon .font-icon-wrap i.font-icon{-webkit-transition:color .3s;-moz-transition:color .3s;-ms-transition:color .3s;-o-transition:color .3s;transition:color .3s}
.sitewidget-fontIcon.sitewidget-fontIcon-20190327165242 .sitewidget-bd{text-align:center}.sitewidget-fontIcon-20190327165242 i.font-icon{font-size:26px;color:#ba1c15}.sitewidget-fontIcon-20190327165242 .font-icon-wrap:hover i.font-icon{color:#fff}.sitewidget-fontIcon-20190327165242 .font-icon-wrap{border-radius:50%;width:72px;height:72px;background-color:transparent;border:1px solid #ba1c15}.sitewidget-fontIcon-20190327165242 .font-icon-wrap:hover{background-color:#ba1c15;border:1px solid #ba1c15}.sitewidget-fontIcon-20190327165242 i.font-icon{line-height:70px}.sitewidget-fontIcon-20190327165242 .font-icon-wrap{visibility:hidden;visibility:visible\0}.sitewidget-fontIcon-20190327165242 .rotateY:hover{transform:rotateY(360deg);-ms-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-o-transform:rotateY(360deg);transition:transform 1s;-moz-transition:transform 1s;-webkit-transition:transform 1s;-o-transition:transform 1s}
.sitewidget-fontIcon.sitewidget-fontIcon-20190327165455 .sitewidget-bd{text-align:center}.sitewidget-fontIcon-20190327165455 i.font-icon{font-size:26px;color:#ba1c15}.sitewidget-fontIcon-20190327165455 .font-icon-wrap:hover i.font-icon{color:#fff}.sitewidget-fontIcon-20190327165455 .font-icon-wrap{border-radius:50%;width:72px;height:72px;background-color:transparent;border:1px solid #ba1c15}.sitewidget-fontIcon-20190327165455 .font-icon-wrap:hover{background-color:#ba1c15;border:1px solid #ba1c15}.sitewidget-fontIcon-20190327165455 i.font-icon{line-height:70px}.sitewidget-fontIcon-20190327165455 .font-icon-wrap{visibility:hidden;visibility:visible\0}.sitewidget-fontIcon-20190327165455 .rotateY:hover{transform:rotateY(360deg);-ms-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-o-transform:rotateY(360deg);transition:transform 1s;-moz-transition:transform 1s;-webkit-transition:transform 1s;-o-transition:transform 1s}
.sitewidget-fontIcon.sitewidget-fontIcon-20190327170318 .sitewidget-bd{text-align:center}.sitewidget-fontIcon-20190327170318 i.font-icon{font-size:26px;color:#ba1c15}.sitewidget-fontIcon-20190327170318 .font-icon-wrap:hover i.font-icon{color:#fff}.sitewidget-fontIcon-20190327170318 .font-icon-wrap{border-radius:50%;width:72px;height:72px;background-color:transparent;border:1px solid #ba1c15}.sitewidget-fontIcon-20190327170318 .font-icon-wrap:hover{background-color:#ba1c15;border:1px solid #ba1c15}.sitewidget-fontIcon-20190327170318 i.font-icon{line-height:70px}.sitewidget-fontIcon-20190327170318 .font-icon-wrap{visibility:hidden;visibility:visible\0}.sitewidget-fontIcon-20190327170318 .rotateY:hover{transform:rotateY(360deg);-ms-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-o-transform:rotateY(360deg);transition:transform 1s;-moz-transition:transform 1s;-webkit-transition:transform 1s;-o-transition:transform 1s}

.row_why{ text-align:center; position:relative; left:55px;}
.row_why ul li{ float:left; width:30%; text-align:center; margin-top:30px; }
.sitewidget-bd{ font-size:18px; line-height:26px; margin-top:5px;}

.index_anniu a{ width:235px; background:#BA1C15; border-radius:5px; display:block; height:40px; line-height:40px; color:#FFFFFF; font-size:18px; text-align:center; margin:0 auto; margin-top:60px;}
.index_vehicles{ background:#f3f3f3; overflow:hidden;}
.vehicles_con{padding-top:30px;}
.ve_list ul li{ float:left; margin-bottom:4%; }
.ve_list ul li:nth-child(1){ width:48%; height:227px; background:url(../images/v01.png) no-repeat;}
.ve_list ul li:nth-child(2){ width:48%; height:227px; background:url(../images/v02.png) no-repeat; float:right;}
.ve_list ul li:nth-child(3){ width:48%; height:227px; background:url(../images/v03.png) no-repeat;}
.ve_list ul li:nth-child(4){ width:48%; height:227px; background:url(../images/v04.png) no-repeat;  float:right;}
.ve_list ul li:nth-child(5){ width:48%; height:227px; background:url(../images/v05.png) no-repeat;}
.ve_list ul li:nth-child(6){ width:48%; height:227px; background:url(../images/v06.png) no-repeat;  float:right;}
.v_tit h1{ color:#FFFFFF; text-transform:uppercase; font-size:24px; margin-top:50px;}
.v_tit{ width:40%; float:right;}
.v_more a{ width:110px; height:35px; background:#b60000; display:block; color:#FFFFFF; font-size:14px; text-transform:uppercase; text-align:center; line-height:35px;}
.v_more a:hover{ background:#312F30;}
.index_line{ width:85px; height:4px; background:#BA1C15; border-radius:5px; margin:0 auto; margin-bottom:40px;}

.tit_zh h1{ font-size:50px; text-transform:uppercase; font-family:"impact"; text-align: left; margin-top:30px;}
.tit_zh span{ color:#BA1C15;}
.zhanhui{ background:#f3f3f3; overflow:hidden; padding-bottom:5px;}
.zh_tu ul li{ float:left;}
.zh_tu ul li:nth-child(1){}
.zh_tu ul li:nth-child(2){ margin-left:15px;}
.zh_tu ul li:nth-child(3){ margin-left:15px;}
.zh_tu ul li:nth-child(4){ float:right;}
.news_xw{ background:#f3f3f3; overflow:hidden; padding-bottom:60px;}
.news_nav{ margin-top:60px;}
.news_nav ul li{ float:left;}
.news_nav ul li a{ color:#333; font-size:20px; padding-left:20px; padding-right:20px; height:40px; display:block; line-height:40px;}
.news_nav ul li a:hover{ background:#BA1C15; color:#FFFFFF;}

.secAtcs_btns{float:right}.newsCenter_atcTitle{font-size:24px;padding:0 0 32px 0}.secAtcs_btns .blocks-button{color:#000;padding:10px 20px;font-size:16px}.secAtcs_btns .blocks-button:hover{color:#fff;background:green}.article_list_fantiEight{margin:0 auto;padding-top:50px}@media(min-width:1180px){.article_list_fantiEight .item_other:nth-child(odd){float:left}.article_list_fantiEight .item_other:nth-child(even){float:right}.article_list_fantiEight{width:1180px}.article_list_fantiEight .backstage-blocksEditor-wrap{display:inline-block}.article_list_fantiEight .item_other:hover{box-shadow:rgba(0,0,0,0.08) 0px 10px 30px;transition:all .36s ease}.article_list_fantiEight .item_other:hover .ArticlePicList_ItemContentInnerBox{margin-left:10px;transition:all .36s}.article_list_fantiEight .item_other:hover .thepoint{background:#BA1C15;transition:all .36s;left:10px}.article_list_fantiEight .item_other:hover .fa-long-arrow-right{animation:myartmove .3s;-webkit-animation:myartmove .3s}@keyframes myartmove{from{margin-left:0}to{margin-left:15px}}@-webkit-keyframes myartmove{from{margin-left:0}to{margin-left:15px}}}.article_list_fantiEight .item_other{width:43%;padding:20px 20px 20px 20px;border-top:1px solid #ccc;position:relative;transition:all .36s}.article_list_fantiEight .ArticlePicList_ItemContentInnerH5{font-size:16px;line-height:30px}.article_list_fantiEight .ArticlePicList_ItemContentInnerH5 a{color:#666;white-space:nowrap;width:361px;overflow:hidden;text-overflow:ellipsis;display:block;float:left;transition:all .36s}.article_list_fantiEight .item_other .artwaterfall-date-box{float:right;color:#999;font-size:16px;position:absolute;right:18px;transition:all .36s}.article_list_fantiEight .ArticlePicList_ItemContentInnerP{font-size:14px;width:380px;overflow:hidden;color:#777;padding-top:14px;transition:all .36s ease;height:48px;line-height:24px}.article_list_fantiEight .item_other .ArticlePicList_ItemContentInnerA{width:40px;position:absolute;height:18px;border-left:1px solid #999;font-size:18px;bottom:36px;right:18px;line-height:18px;transition:all .36s}.article_list_fantiEight .fa-long-arrow-right{color:#999;margin-left:15px;display:block;transition:all .36s}.article_list_fantiEight .thepoint{display:block;position:absolute;width:5px;height:5px;float:left;background:#666;border-radius:100%;top:33px;left:0}.article_list_fantiEight .ArticlePicList_Item:hover .ArticlePicList_ItemContentInnerH5 a{color:#BA1C15;transition:all .36s}.article_list_fantiEight .item_other:hover .fa-long-arrow-right{color:#BA1C15;transition:all .36s}.article_list_fantiEight .art1_pic{width:380px;height:180px;overflow:hidden;transition:all .36s}@media(max-width:767px){.article_list_fantiEight .secAtcs_btns{display:none}}@media(max-width:1179px){.article_list_fantiEight .topToDetail{width:80%;margin:0 auto}.article_list_fantiEight .secAtcs_btns .backstage-blocksEditor-wrap{float:left}.article_list_fantiEight .secAtcs_btns{margin-top:5px}.article_list_fantiEight .thepoint{display:none}.ArticlePicList_ItemContentInnerA,.art1_pic{display:none}.article_list_fantiEight .ArticlePicList_ItemContentInnerH5 a{width:100%;max-width:100%}.article_list_fantiEight .ArticlePicList_ItemContentInnerP{width:100%}.article_list_fantiEight .ArticlePicList_Item{width:80%;float:none;margin:0 auto}.article_list_fantiEight .item_first{width:80%;margin:0 auto;padding:20px 0 20px 0;border-top:1px solid #ccc;position:relative}.article_list_fantiEight .item_other{padding:20px 0 20px 0}.article_list_fantiEight .item_other .artwaterfall-date-box{float:left;font-size:12px;position:relative;right:0}}.topToDetail .backstage-blocksCreate-btn{position:relative !important}
.article_list_fantiEight .ArticlePicList_ItemContentInnerH5 a:hover{ color:#BA1C15;}
.footer{ background:#292525; overflow:hidden;}
.foot_tit{ font-weight:bold; font-size:22px; color:#FFFFFF;}
.foot_nav ul li { list-style:circle; color:#c9c4c4; margin-left:15px;}
.foot_nav ul li a{color:#c9c4c4; font-size:15px; text-transform:uppercase;}
.foot_l{ width:30%; margin-top:40px;}
.foot_c{ width:30%;margin-top:40px;}
.foot_r{ width:40%; margin-top:40px; }
.dizhi{ color:#c9c4c4; font-size:15px; margin-bottom:10px;}
.foot_bq{ border-top:1px solid #626262; color:#FFFFFF; margin-top:40px; line-height:60px; font-size:14px;}
.dizhi i{ margin-right:5px;}
.foot_zr{ width:35%; height: auto; background:#BA1C15; padding-bottom:20px}
.foot_zl{ width:100%;}
.foot_zr form{ padding:30px;overflow:hidden;}
.controls{ width:48%; margin-top:30px;}
.controls input{width:100%; text-indent:1em; font-size:14px; height:35px;}
.wenben{ width:100%;}
.wenben textarea{ width:100%; margin-top:30px;text-indent:1em; font-size:14px;}
.anniu input{ width:120px; height:30px; color:#BA1C15; background:#fff; border-radius:5px; margin-top:20px;}

.about_banner{		background:url(../images/fy_banner.png) no-repeat #355355 top center;
	background-position:center;
	padding-bottom:320px; text-align:center; text-transform:uppercase; color:#FFFFFF; }
.about_banner h2{ display:block; position:relative;top:180px; font-size:30px; font-weight:bold; letter-spacing:0.1em;}
.about_banner p{position:relative;top:180px; font-size:16px;}
.about_banner p a{ color:#FFFFFF;}
.postion{ background:#e3e3e3; text-align:center; height:50px; line-height:50px; font-size:16px;}
.postion span{ color:#BA1C15;}
.fy_about{ background:#f3f3f3; overflow:hidden;}
.fy_abtxt{ font-size:16px; line-height:36px; text-align:center; width:1200px; margin:0 auto;}

.sitewidget-graphicNew-20190328171411{height:250px;background-color:#ba1c15;border-left:0 solid #000;border-right:0 solid #000;border-top:0 solid #000;border-bottom:0 solid #000;border-top-right-radius:3px;border-top-left-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:30px;padding-right:30px;padding-bottom:0;padding-left:30px;box-shadow:0}.sitewidget-graphicNew-20190328171411 .sitewidget-bd{border-left:0 solid #545454;border-right:0 solid #545454;border-top:0 solid #545454;border-bottom:0 solid #545454;border-top-right-radius:0;border-top-left-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}.sitewidget-graphicNew-20190328171411 .sitewidget-bd{font-size:15px;color:#fff}.sitewidget-graphicNew-20190328171411 .sitewidget-bd *,.sitewidget-graphicNew-20190328171411 .sitewidget-bd{letter-spacing:0;line-height:1.7em;text-align:left}.sitewidget-graphicNew-20190328171803{height:250px;background-color:#fff;border-left:0 solid #000;border-right:0 solid #000;border-top:0 solid #000;border-bottom:0 solid #000;border-top-right-radius:3px;border-top-left-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:30px;padding-right:30px;padding-bottom:0;padding-left:30px;box-shadow:0}.sitewidget-graphicNew-20190328171803 .sitewidget-bd{border-left:0 solid #545454;border-right:0 solid #545454;border-top:0 solid #545454;border-bottom:0 solid #545454;border-top-right-radius:0;border-top-left-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}.sitewidget-graphicNew-20190328171803 .sitewidget-bd{font-size:15px;color:#333}.sitewidget-graphicNew-20190328171803 .sitewidget-bd *,.sitewidget-graphicNew-20190328171803 .sitewidget-bd{letter-spacing:0;line-height:1.7em;text-align:left}.sitewidget-pictureNew-20190328142006 .picture-resize-wrap:hover .img-hover-shift{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}.sitewidget-follow-20190327191436 .hover-effect-border-color-choose{border:2px solid transparent;border-radius:50%}.sitewidget-follow-20190327191436 .hover-effect-border-color-choose:hover{border:2px solid}
.sitewidget-graphicNew-20190328172022{height:250px;background-color:#fff;border-left:0 solid #000;border-right:0 solid #000;border-top:0 solid #000;border-bottom:0 solid #000;border-top-right-radius:3px;border-top-left-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:30px;padding-right:30px;padding-bottom:0;padding-left:30px;box-shadow:0}.sitewidget-graphicNew-20190328172022 .sitewidget-bd{border-left:0 solid #545454;border-right:0 solid #545454;border-top:0 solid #545454;border-bottom:0 solid #545454;border-top-right-radius:0;border-top-left-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}.sitewidget-graphicNew-20190328172022 .sitewidget-bd{font-size:15px;color:#333}.sitewidget-graphicNew-20190328172022 .sitewidget-bd *,.sitewidget-graphicNew-20190328172022 .sitewidget-bd{letter-spacing:0;line-height:1.7em;text-align:left}.sitewidget-position-20150126161948{border-left:0 solid #000;border-right:0 solid #000;border-top:0 solid #000;border-bottom:0 solid #000;border-top-right-radius:0;border-top-left-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:10px;padding-right:0;padding-bottom:10px;padding-left:0;box-shadow:0}
.fy_abcon{ margin-top:30px; margin-bottom:30px; overflow:hidden;}
.fy_abcon ul li{ width:32%; float: left; m}
.fy_abcon ul li:nth-child(2){ margin-left:2%;}
.fy_abcon ul li:nth-child(3){ float:right;}

.about_youshi{background:#fff;
	background-position:center;
	padding-bottom:120px; padding-top:100px; overflow:hidden;}

.ys_tit {
    position: relative;
    font-size: 2.45rem;
    color: #355355;text-transform:uppercase;
	letter-spacing:2px; text-transform:uppercase;

}
.ys_tit::after {
    content: '';
    position: absolute;
    left:0px;
    bottom: -26px;
    display: block;
    width: 205px;
    height: 2px;
    background: #355355;
}

.crumb{ color:#FFFFFF;}
.about_banner p a{ color:#FFFFFF;}

.youshi_l{ width:60%;}
.ys_txt01{ font-size:18px; line-height:32px; margin-top:50px;}
.ys_txt02{ font-size:18px; line-height:36px; margin-top:20px;}
.ys_txt02 ul li{ margin-top:10px;}
.fa-rocket{ color:#BB1C16; font-size:18px; margin-right:10px;}
.youshi_r{ width:30%;}
.ys_01{ width:100%; background:#f3f3f3;text-align: center;}
.ys_tubiao{ padding-top:30px; font-size:46px;}
.ys_bt01{ margin-top:10px; font-size:28px; text-transform:uppercase; color:#333;}
.ys_wenzi{ width:90%; margin:0 auto; line-height:28px; font-size:18px; padding-bottom:40px; padding-top:20px}
.ys_02{ background:#BB1C16; height:55px; margin-top:20px; color:#fff; text-align:center; line-height:55px; font-size:20px;}

.tit_youshi h1{ font-size:50px; text-transform:uppercase; font-family:"impact"; text-align: left;}
.tit_youshi span{ color:#BA1C15;}
.postion a{ color:#BB1C16; font-weight:bold;}
.crumb{ color:#333!important; font-weight:normal!important;}
.about_banner .crumb{ color:#fff!important;}
.page_product{ margin-top:60px; margin-bottom:100px;}
.postion a.crumb{ color:#BB1C16;}
.product_l{width: 23%;}
.pro_top{ height:100px; background:#BB1C16; font-size:26px; color:#FFFFFF; line-height:100px; text-align:center; font-weight:bold;}
.pro_top01{ height:60px; background:#BB1C16; font-size:26px; color:#FFFFFF; line-height:60px; text-align:center; font-weight:bold; margin-top:30px;}
.product_list{ border:1px solid #ddd;}
.product_list ul li{ border-bottom:1px solid #F0F0F0; }
.product_list ul li a{ padding-left:20px; font-size:16px; line-height:50px; display:block; color:#333;}
.product_list ul li a:hover{ background:#F0F0F0; color:#BB1C16;}
.product_list ul li a.on{ background:#BB1C16; color:#FFFFFF;}
.product_list li span{ margin-right:10px;}

/*产品列表*/
.product_r{width:75%;}
.page_product_li li{ float: left; width:33%; padding: 0 15px; margin-bottom: 50px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.page_product_li li a{display: inline-block; width:280px;}
.page_product_li li .pic{width:100%; position: relative;}
.page_product_li li .pic>img{width: 100%; height: 100%;}
.page_product_li li .pic span{
    position: absolute; 
    top: 0; 
    left: 0; 
    height: 0; 
    transition: all .3s; 
    display: block; 
    width: 100%;
    background: rgba(187,28,22,.5);
    text-align: center;
    opacity: 0;
}
.page_product_li li .pic span img{display: inline-block; margin-top: 118px; transition: all .3s;}
.page_product_li li:hover .pic span{height: 100%; opacity: 1;}
.page_product_li li .title{padding: 15px 0px 0px;}
.page_product_li li .title h5{width: 280px; overflow:hidden; text-overflow:ellipsis; font-size:16px; font-weight:bold; color:#333; height:45px;word-wrap:break-word; line-height:26px;}
.page_product_li li .title p{
    color: #666; 
    text-align: center; 
    width:280px;
    white-space:nowrap; 
    overflow:hidden; 
    text-overflow:ellipsis;
}
.page_product_li li .title span{width:50px; height: 3px; background: #BB1C16; display: inline-block; margin-top: 10px; margin-bottom: 10px;}
.page_product_li li .more{width: 280px; text-align: center; height: 40px; line-height: 40px; border:1px solid #dedede; margin-top: 15px; color:#333; background:#dedede;}
.page_product_li li:hover .more{background: #BB1C16; color: #fff; border-color: #BB1C16;}
.f_box03 dl{ padding-top:20px; border-bottom:3px solid #BB1C16; border-left:1px solid #BB1C16; border-right:1px solid #BB1C16;}
.f_box03 dl dd{ margin-bottom:20px; color:#333; overflow:hidden; zoom:1; font-size:16px;}
.f_box03 dl dd a{color:#333;}
.f_box03 dl dd span{ display:inline-block; text-transform:capitalize;}
.f_box03 dl dd a{ color:#333;}
.f_box03 dl dd a:hover{ color:#BB1C16; text-decoration:underline;}
.f_box03 dl dd i{ float:left;display:block; width:22px; height:30px; vertical-align:middle; margin-right:10px; margin-top:-3px;}
.f_box03 dl dd i.tel{ background:url(../images/foot_icon03.png) no-repeat;}
.f_box03 dl dd i.mail{ background:url(../images/foot_icon02.png) no-repeat;}
.f_box03 dl dd i.fax{ background:url(../images/foot_icon04.png) no-repeat;}
.f_box03 dl dd i.add{ background:url(../images/foot_icon01.png) no-repeat;}


.page {
text-align:center;  margin:0 auto;
margin-bottom:50px;
margin-top:30px;
}
.tcdPageCode {
  text-align: center;
  color: #333;
  font-size: 14px;display: inline-block;
}
.tcdPageCode li {
  display: inline; float:left;
}
.tcdPageCode span.disabled {
  display: inline-block;
  height: 35px;
  line-height: 35px;
  padding: 0 14px;
  margin: 0 2px;
  color: #808080;
  background: #fff;
  border: 1px solid #e6e3e3;
  vertical-align: middle;
  border-radius:1px;
  font-size:14px;
}
.tcdPageCode span.current {
  display: inline-block;
  height: 35px;
  line-height: 35px;
  padding: 0 14px;
  margin: 0 2px;
  color: #fff;
  background-color: #BB1C16;
  border: 1px solid #BB1C16;
  vertical-align: middle;
  border-radius:1px;
}
.tcdPageCode a {
  display: inline-block;
  font-size:14px;
  height: 35px;
  line-height: 35px;
  background: #fff;
  padding: 0 14px;
  border: 1px solid #ddd;
  margin: 0 2px;
  vertical-align: middle;
  border-radius:1px;
  color:#333;
}

.tcdPageCode a:hover {
 background-color: #BB1C16;
 color:#FFFFFF;
}

.page .active a{ background-color: #BB1C16;color:#FFFFFF;}

.tcdPageCode li .active{ background:none;}



div.zoomDiv {
  z-index: 999;
  position: absolute;
  top: 0;
  left: 0;
  background: #ffffff;
  border: 1px solid #ddd;
  display: none;
  text-align: center;
  overflow: hidden;
  font-size: 0;
}

div.zoomDiv img {
  max-width: none;
}

div.zoomMask {
  position: absolute;
  background: url(../images/mask_1.png) repeat scroll 0 0 transparent;
  cursor: move;
  z-index: 1;
  max-width: 200px !important;
  max-height: 200px !important;
}

.img-center {
  text-align: center;
  font-size: 0;
}

.img-center img {
  display: block;
  width: auto;
  height: auto;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

.pc-slide {
  width: 100%;
  margin: 0 auto;
}

.pc-slide .view {
  border: 1px solid #ddd;
}

.pc-slide .view .swiper-slide {
  width: 100%;
}

.pc-slide .view .swiper-slide .imgauto {
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
}

.pc-slide .preview {
  width: 100%;
  margin-top: 10px;
  position: relative;
}

.pc-slide .preview .swiper-container {
  width: 80%;
  margin: 0 10%;
}

.pc-slide .preview .swiper-slide {
  width: 25%;
  padding: 5px;
}

.pc-slide .preview .swiper-slide .imgauto {
  width: 100%;
  border: 1px solid #ddd;
}

.pc-slide .preview .swiper-slide .imgauto img {
  display: block;
  width:100%;
}

.pc-slide .preview .active-nav .imgauto {
  border: 1px solid #BB1C16;
}

.pc-slide .preview .arrow-left {
  background: url(../images/feel3.png) no-repeat left top;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -9px;
  width: 9px;
  height: 18px;
  z-index: 10;
}

.pc-slide .preview .arrow-right {
  background: url(../images/feel4.png) no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -9px;
  width: 9px;
  height: 18px;
  z-index: 10;
}
.page_title {
  background:#e7e7e7;
}

.page_title h3 {
  width: 140px;
  height: 42px;
  font-size: 18px;
 
  display: block;
  color: #fff;
  line-height: 42px;
  text-align: center;
  font-weight: normal;
  background: -webkit-linear-gradient(left, #BB1C16 , #27797e); 
  background: -o-linear-gradient(right,  #BB1C16 , #27797e); 
  background: -moz-linear-gradient(right,  #BB1C16 , #27797e); 
  background: linear-gradient(to right,  #BB1C16 , #27797e);
}
.page_title h3 a:hover{
  color: #fff;
}

.page_title_1{ 
  float:right;
  margin-bottom:60px;
}
.page_title_1 h3 {
  width: 140px;
  height: 42px;
  font-size: 18px;
  margin-top: 10px;
  display: block;
  color: #fff;
  line-height: 42px;
  text-align: center;
  font-weight: normal;
  background: -webkit-linear-gradient(left, #BB1C16 , #1598FF); 
  background: -o-linear-gradient(right,   #BB1C16 , #1598FF); 
  background: -moz-linear-gradient(right,   #BB1C16 , #1598FF); 
  background: linear-gradient(to right,   #BB1C16 , #1598FF);
}

.page_title_1 h3 a{ color:#FFFFFF;}
.page_title_1 h3 a:hover{
  color: #fff;
}

.page_content{ margin-top:30px;}
.content{ margin-top:30px;}
.show_pages {
  padding-top: 20px;
  border-top:1px solid #e5e5e5;
  margin-top:40px;
  margin-bottom:40px;
}

.show_pages p {
  font-size: 14px;
  line-height: 24px;
  color: #333;
  margin-top: 6px;
}

.show_pages p a {
  font-size: 14px;
  line-height: 24px;
  color: #fff;
}


.index-page5 .index-page5-img {
    height: 100%;
    overflow: hidden;
}

.index-page5 .index-page5-img img {
    height: 100%;
}

.index-page5 .index-page5-content { overflow:hidden;
}

.index-page5 .index-page5-title {
    position: relative;
    font-size: 2.45rem;
    color: #fff;
    margin: 60px 0 50px;
	width:30%;
	letter-spacing:2px;
}

products-page::after {
    content: '';
    clear: both;
    display: block;
}

.products-page .products-page-right {
    width: 875px;
}

.products-page .products-page-info {
    font-size: 12px;
    font-weight: lighter;
    color: #222;
    line-height: 150%;
    text-transform: uppercase;
    margin-bottom: 50px;
}

.products-page .products-list::after {
    content: '';
    clear: both;
    display: block;
}

.products-page .products-list .products-item {
    width: 31.2%;
    margin-right: 3.2%;
}

.products-page .products-list .products-item:nth-of-type(4n) {
    margin-right: 3.2%;
}

.products-page .products-list .products-item:nth-of-type(3n) {
    margin-right: 0;
}

.products-page .c-pagination {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.product-detail-page1::after {
    content: '';
    clear: both;
    display: block;
}

.product-detail-page1 #container {
    position: relative;
}

.product-detail-page1 .pro_det_Img {
    width: 50%;
    padding-right: 15px;
    position: relative;
}

.product-detail-page1 .pro_det_Img img {
    width: 100%;
    vertical-align: middle;
}

.product-detail-page1 .pro_det_Img .pro_det_bigImg,
.product-detail-page1 .pro_det_Img .sp_pic {
    width: 100%;
}

.product-detail-page1 .pro_det_Img .pro_det_bigImg {
    margin-bottom: 20px;
    text-align: center;
    position: relative;
    overflow: hidden;
    border: 1px solid #e7e7e7;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.product-detail-page1 .pro_det_Img .sp_pic {
    position: relative;
    height: 100px;
}

.product-detail-page1 .pro_det_Img .tp_ti {
    width: 80%;
    position: absolute;
    left: 10%;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
}

.product-detail-page1 .pro_det_Img .button-prev {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.product-detail-page1 .pro_det_Img .button-next {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.product-detail-page1 .pro_det_Img .wrapper {
    position: relative;
    left: 0;
}

.product-detail-page1 .pro_det_Img .slide {
    width: 100px;
    height: 100px;
    border: 1px solid #eee;
    text-align: center;
    line-height: 100px;
    margin-right: 20px;
    padding: 10px;
    overflow: hidden;
    cursor: pointer;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.product-detail-page1 .pro_det_Img .slide.on {
    border-color: #BB1C16;
}

.product-detail-page1 .pro_det_Img .mask {
    display: none;
    position: absolute;
    background: rgba(50, 111, 196, 0.8);
    cursor: move;
}

.product-detail-page1 .pro_det_Img .rightView {
    position: absolute;
    left: 580px;
    top: 0;
    width: 200px;
    height: 200px;
    overflow: hidden;
    border: 1px solid #eee;
    background: #fff;
    display: none;
}

.product-detail-page1 .pro_det_Img .bigImg {
    position: absolute;
    top: 0;
    left: 0;
    max-width: none;
}

.product-detail-page1 .pro_det_Img .smallImg {
    max-height: 100%;
    max-width: 100%;
}

.product-detail-page1 .products_detail_xx {
    width: 46%;
    padding-left: 15px;
}

.product-detail-page1 .product-detail-name {
    font-size: 24px;
    color: #333;
    margin-bottom: 25px;
	font-weight:bold;
}

.product-detail-page1 .product-detail-type {
    color: #333;
    margin-bottom: 14px;
}

.product-detail-page1 .product-detail-type span {
    color: #BB1C16;
}

.product-detail-page1 .product-detail-info {
    font-size: 16px;
    color: #333;
    line-height: 200%;
    margin-bottom: 20px;
}

.product-detail-page1 .product-detail-feature {
    font-size: 0.875rem;
    color: #444;
    margin-bottom: 30px;
}

.product-detail-page1 .product-detail-feature li {
    margin-bottom: 15px;
}

.product-detail-page1 .product-detail-feature li:nth-last-of-type(1) {
    margin-bottom: 0;
}

.product-detail-page1 .product-detail-btn a {
    display: inline-block;
    font-size: 16px;
    padding: 10px 13px;
    color: #fff;
    background: #BB1C16;
    margin-bottom: 20px;
    margin-right: 10px;
}

.product-detail-page1 .product-detail-btn a:hover {
    background: #000;
}

.product-detail-page1 .product-detail-btn .buy-btn {
    background: #000;
}

.product-detail-page1 .product-detail-btn .buy-btn:hover {
    background: #BB1C16;
}

.product-detail-page2 {
    margin-top: 70px;
}

.product-detail-page2 .tab-switch-small-list {
    margin-bottom: 50px;
    text-align: center; font-size:18px;
}

.product-detail-page2 .tab-switch-small-list .tab-switch-small {
    display: inline-block;
    padding: 17px 30px;
    border: 1px solid #BB1C16;
    background: #fff;
    cursor: pointer;
}

.product-detail-page2 .tab-switch-small-list .tab-switch-small.tab-switch-small-active {
    background: #BB1C16;
    color: #fff;
}

.product-detail-page2 .tab-switch-big {
    display: none;
}

.product-detail-page2 .tab-switch-big.tab-switch-big-active {
    display: block;
}

.product-detail-page2 .tab-switch-big .product-detail-description {
    text-align: justify;
    line-height:36px;
    color: #333;
	font-size:16px;
}

.product-detail-page2 .tab-switch-big .inquiry-from div {
    margin-bottom: 20px;
}

.product-detail-page2 .tab-switch-big .inquiry-from div img {
    max-width: 100%;
}

.product-detail-page2 .tab-switch-big .inquiry-from input {
    width: 28%;
    height: 50px;
    padding: 0 20px;
    margin-right: 1.2%;
    outline: none;
    border: 1px solid #adadad;
}

.product-detail-page2 .tab-switch-big .inquiry-from input.inquiry-phone {
    margin-right: 0;
}

.product-detail-page2 .tab-switch-big .inquiry-from textarea {
    width: 100%;
    height: 200px;
    padding: 20px;
    border: 1px solid #adadad;
}

.product-detail-description table{ border-left:1px solid #d6d6d6; border-top:1px solid #d6d6d6; }
.product-detail-description table td{ border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; height:35px; text-indent:2em;}

.product-detail-page2 .tab-switch-big .inquiry-from button {
    width: 190px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border: 1px solid #333;
    background: #333;
    color: #fff;
    outline: none;
}

.product-detail-page2 .tab-switch-big .inquiry-from button:hover {
    color: #333;
    background: #fff;
}

.product-detail-page3 {
    margin-top: 70px;
    position: relative;
}

.product-detail-page3 .product-detail-page3-title {
    text-align: center;
    font-size: 24px;
	text-transform:uppercase;
    color: #fff;
    margin-bottom: 60px;
}

.product-detail-page3 .product-detail-page3-title span {
    display: inline-block;
    padding: 15px 40px;
    background: #BB1C16;
}

.product-detail-page3 .related-product-swiper {
    position: static;
}

.product-detail-page3 .swiper-button-next,
.product-detail-page3 .swiper-button-prev {
    background: none;
    width: 30px;
    height: 30px;
    margin-top: 0;
    top: 30px;
}

.product-detail-page3 .swiper-button-next.swiper-button-disabled,
.product-detail-page3 .swiper-button-prev.swiper-button-disabled {
    opacity: 0;
}

.product-detail-page3 .swiper-button-next {
    right: 0;
    background: url(../images/right1.png) no-repeat center;
}

.product-detail-page3 .swiper-button-next:hover {
    background-image: url(../images/right2.png);
}
.pull-left{ float: left;}
.pull-right{ float: right;}


.index-product {
    width: 23.2%;
    float: left;
    background: #f4f4f4;
    border: 1px solid #eeeeee;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-right: 2.4%;
    margin-bottom: 30px;
    padding: 20px 20px 60px;
    cursor: pointer;
    position: relative;
}

.index-product:nth-of-type(4n) {
    margin-right: 0;
}

.index-product:hover .index-product-hover {
    opacity: 1;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

.index-product .index-product-show-title {
    font-size:22px;
    font-weight: bold;
    color: #4eabb1;
    margin-bottom: 40px;
    text-align: center;
}

.index-product .index-product-show-img {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 228px;
    height: 202px;
    overflow: hidden;
}

.index-product .index-product-show-img img {
    width: 228px;
    vertical-align: middle;
    width: expression(this.width > 228 && this.width > this.height ? "228px":true);
    max-width: 100%;
    vertical-align: middle;
}

.index-product .index-product-hover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #4eabb1;
    padding: 20px 20px 10px;
    text-align: center;
    color: #fff;
    opacity: 0;
    -webkit-transform: scale(0, 1);
        -ms-transform: scale(0, 1);
            transform: scale(0, 1);
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}

.index-product .index-product-title {
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 35px;
    max-height: 70px;
    overflow: hidden;
    margin-bottom: 1rem;
}

.index-product .index-product-title a {
    color: #fff;
}

.index-product .index-product-info {
    position: relative;
    line-height: 26px;
    height: 59px;
    overflow: hidden;
    margin-bottom: 10px;
}

.index-product .index-product-info::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    display: block;
    width: 34px;
    height: 2px;
    background: #fff;
}

.index-product .index-product-attribute {
    margin-bottom: 40px;
}

.index-product .index-product-more a {
    display: inline-block;
    color: #fff;
    font-weight: bold;
    padding: 20px 30px;
    background: #4eabb1;
    border: 1px solid #fff;
    border-radius: 4px;
}

.index-product .index-product-more a:hover {
    background: #fff;
    color: #4eabb1;
}

.index-page1 {
    padding: 60px 0 90px; background:#355355;
}

.index-page1 .index-page1-title {
    text-align: center;
    font-size: 1.875rem;
    color: #fff;
    margin-bottom: 20px;
	text-transform:uppercase;
}

.index-page1 .index-page1-title span {
    font-size: 2.5rem;
    color: #4eabb1;
}

.index-page1 .index-page1-search {
    width: 74%;
    margin: auto;
}

.index-page1 .index-page1-search::after {
    content: '';
    clear: both;
    display: block;
}

.index-page1 .index-page1-search input {
    float: left;
    width: 91%;
    height: 55px;
    line-height: 55px;
    background: #ececee;
    border: 1px solid #cecece;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 1rem;
    outline: none;
}

.index-page1 .index-page1-search button {
    float: left;
    width: 9%;
    text-align: center;
    height: 55px;
    background: #4eabb1;
    border: 1px solid #4eabb1;
    color: #fff;
    outline: none;
    cursor: pointer;
}

.index-page1 .index-page1-search button:hover {
    background: #fff;
    color: #4eabb1;
}

.index-page1 .index-page1-search button i {
    line-height: 55px;
}

.index-page1 .index-page1-list {
    margin-top: 60px;
}

.index-page1 .index-page1-list::after {
    content: '';
    clear: both;
    display: block;
}

.index-page1 .index-page1-list .index-page1-item {
    float: left;
    width: 30%;
    margin-right: 4%;
    text-align: center;
}

.index-page1 .index-page1-list .index-page1-item:nth-last-of-type(1) {
    margin-right: 0;
}

.index-page1 .index-page1-list .index-page1-img {
    min-height: 90px;
    margin-bottom: 25px;
}

.index-page1 .index-page1-list .index-page1-img img {
    max-width: 100%;
    max-height: 100%;
}

.index-page1 .index-page1-list .index-page1-text-title {
    font-size: 1.25rem;
    font-weight: bold;
    color: #7ac0c5;
    margin-bottom: 20px;
}

.index-page1 .index-page1-list .index-page1-text-info {
    font-size: 0.975rem;
    color: #fff;
    line-height: 180%;
}

.index-page2 {
    background: url(../images/about_bg.png) no-repeat #355355;
    padding: 80px 0 110px;
}
.index-pagely{ background:#355355; overflow:hidden;}
.ly_con{ padding-top:100px; padding-bottom:120px;}
.ly_wz{ color:#FFFFFF; font-size:26px;}
.backstage{ width:280px; height:60px; background:#4eabb1; display:block; color:#FFFFFF; line-height:60px; font-size:18px; text-align:center;}
.backstage:hover{ color:#355355;}
.fa-paper-plane{ margin-right:5px;}

.product-detail-page{}

.index-page2 .maxwidth::after {
    content: '';
    clear: both;
    display: block;
}

.index-page2 .index-page2-block {
    float: left;
    width: 48.8%;
    background: #fff;
    border: 1px solid #eeeeee;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-right: 2.4%;
    margin-bottom: 30px;
    padding: 5% 8% 3%;
    text-align: center;
}

.index-page2 .index-page2-block .index-page2-title {
    position: relative;
    font-size: 2.25rem;
    font-weight: bold;
    color: #355355;
    margin-bottom: 50px;
	text-transform:uppercase;
}

.index-page2 .index-page2-block .index-page2-title::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -30px;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    display: block;
    width: 70px;
    height: 4px;
    background: #eee;
}

.index-page2 .index-page2-block .index-page2-info {
    font-size: 1.125rem;
    font-weight: lighter;
    color: #333;
    margin-bottom: 35px;
}

.index-page2 .index-page2-block .index-page2-more a {
    font-size: 0.875rem;
    font-weight: lighter;
    display: inline-block;
    padding: 20px 30px;
    background: #4eabb1;
    border: 1px solid #4eabb1;
    color: #fff;
}

.index-page2 .index-page2-block .index-page2-more a:hover {
    background: #fff;
    color: #4eabb1;
}

.index-page2 .index-product {
    background: #fff;
}

.index-page2 .index-product:nth-of-type(3) {
    margin-right: 0;
}

.index-page2 .index-product:nth-of-type(4n) {
    margin-right: 2.4%;
}

.index-page2 .index-product:nth-last-of-type(1) {
    margin-right: 0;
}

.index-page3 {
		background:url(../images/index6.jpg) no-repeat;
	background-position:center;
	background-attachment:fixed;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
}

.index-page3 img {
    max-width: 100%;
}

.index-page3 .index-page3-content {
    height: 63.8%;
}

.index-page3 .index-page3-content::after {
    content: '';
    clear: both;
    display: block;
}

.index-page3 .index-page3-left {
    position: relative;
    font-size: 2.45rem;
    color: #fff;
    width: 25%; margin:0 auto; text-transform:uppercase;
	padding-top:100px;
	letter-spacing:2px;

}

.sub_news_box{ padding:80px 0px 80px;}
.sub_news_box .titlemain{color:#1c2227; font-size:36px; text-transform:uppercase; text-align:center; padding-bottom:20px; border-bottom:1px solid #1c2227; margin-bottom:30px;}
.sub_news_box ul li{ overflow:hidden; zoom:1; margin:0 0 30px; padding-bottom:35px; border-bottom:1px solid #BB1C16;}
.sub_news_box ul li .date{float:left; width:8%; border:2px solid #c8c8c8; height:86px; margin:5px 40px 0 0; text-align:center; font-size:14px; color:#333;}
.sub_news_box ul li .date span{ display:block; font-size:36px; margin:10px 0;}
.sub_news_box ul li .pic{ float:left; width:20%;}
.sub_news_box ul li dl{ width:60%; margin-right:30px; float:right;}
.sub_news_box ul li dl dt{ font-size:22px; line-height:22px; margin:10px 0 15px; overflow:hidden; height:30px;color:#333;}
.sub_news_box ul li dl dd.text{ color:#333; line-height:22px; height:66px; overflow:hidden; margin-bottom:25px; font-size:15px;color:#333;}
.sub_news_box ul li dl dd.more{ background: url(../images/more.jpg) no-repeat center center; width:184px; height:38px; text-align:center;line-height:38px;font-size:14px; color:#fff; text-transform:uppercase;}
.sub_news_box ul li dl dd.more i{display:inline-block; background:url(../images/icons.png) no-repeat 0 -71px; width:10px; height:16px; vertical-align:middle; margin-left:38px;}
.sub_news_box ul li:hover .date{ border-color:#BB1C16;color:#BB1C16;}
.sub_news_box ul li:hover dl dt{color:#BB1C16;}
.sitewidget-faqList-20151218133009 .sitewidget-bd .faq-q-icon>i {
    font-size: 16px;
    color: #ba1c15;
    line-height: 32px;
}
.sitewidget-faqList-20151218133009 .sitewidget-bd .faq-a-icon>i {
    font-size: 16px;
    color: #aaa;
}

.mu-about-area {
	display: inline;
	float: left;
	padding: 50px 0 100px 0;
	width: 100%;
}

.mu-title {
	display: inline;
	float: left;
	text-align: left;
	width: 100%;
	margin-bottom: 15px;
	padding: 0 0;
}

.mu-title h2 {
	color: #BB1C16;
	font-size: 40px;
	font-weight: bold;
	text-transform: none;
	margin-bottom: 15px;
	text-align:center;
}

.mu-title p {
	font-size:18px;
	margin-top:10px; margin-bottom:10px; text-align: center; line-height:32px;
}

.main_grid_contact {
    display: block;
    width: 100%;
	height:100%;
	overflow:hidden;
	-webkit-box-shadow: 5px 6px 15px 2px rgba(0,0,0,0.55);
	-moz-box-shadow: 5px 6px 15px 2px rgba(0,0,0,0.55);
	box-shadow: 5px 6px 15px 2px rgba(0,0,0,0.55);
	background:#fff;
}
.form {
    width:43%;
    padding: 2.86em 4em 0 4em;
    background: #fff;
	float:left;
}
.w3ls-contact {
    width:100%;   
    padding: 3em 1.5em;
    background:#efefef;

	min-height:410px;
}
.input-group input[type="text"], .input-group input[type="email"] {
    font-size: 14px;
    text-transform: capitalize;
    padding: 15px 10px;
    margin: 10px 0;
    width: 49%;
	color: #666;
    box-sizing: border-box;
    outline: none;
    border: 1px solid #999;
    background: transparent;
	float:left;
}
.input-group input.margin2 {
    margin-right: 2%;
}
.input-group1 button.btn {
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 2px;
    outline: none;
    box-sizing: border-box;
    cursor: pointer;
    color: #fff;
    background: #0095eb;
    padding: 15px 10px 6px 10px;
    border: none;
    width: 25%;
    margin: 10px 0 0 auto;
	border-radius: 0;
    transition: all 0.5s ease-in;
}

.w3ls-contact address p span.fa {
    width: 25px;
    margin-left: 0px;
	margin-right:5px;
    display: inline-block;
	color: #00bcd4;
}
.w3ls-contact p,.w3ls-contact address p, .w3ls-contact address p a{
    color: #333;
	margin-bottom:15px;
}
.w3ls-contact address {
    margin-bottom: 2rem;
    margin-top: 2rem;
}
.mb-3 {
  margin-bottom: 1rem !important;
  color:#fff;
}
.text-capitalize {

  font-size:24px; color:#BB1C16;
  text-transform:uppercase;
}

input::-webkit-input-placeholder,
button::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #444444;
}

input:-moz-placeholder,
button:-moz-placeholder,
select:-moz-placeholder,
textarea:-moz-placeholder {
  color: #444444;
}

input::-moz-placeholder,
button::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
  color: #444444;
}

input:-ms-input-placeholder,
button:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #444444;
}

input:focus, input:active,
button:focus,
button:active,
select:focus,
select:active,
textarea:focus,
textarea:active {
  outline: none;
  border-color: #0075b7;
}
.fix01{
    font-size: 18px;
    color: #b1b1b1;
    font-weight: 400;
	text-transform:uppercase;
	line-height:30px;
}
.index_feedback{ margin-top:60px; margin-bottom:60px; overflow: hidden;}
.w3ls-contact address p span.fa {
    width: 25px;
    margin-left: 0px;
	margin-right:5px;
    display: inline-block;
	color: #00bcd4;
}
.w3ls-contact p,.w3ls-contact address p, .w3ls-contact address p a{
    color: #333;
	margin-bottom:15px;
	font-size:16px;
}
.w3ls-contact address {
    margin-bottom: 2rem;
    margin-top: 2rem;
}
.mb-3 {
  margin-bottom: 1rem !important;
  color:#333;
}

.index_feedback{ margin-top:60px; margin-bottom:60px; overflow: hidden;}

.index_feedbackl{ width:45%;}
.index_feedbackr{ width:44%;}
.input01{ width:97.5%; height:38px; border:1px solid #cccccc; background:#efefef; padding-left:10px; outline: none; margin-bottom:10px; color:#333; font-size:18px;-webkit-text-fill-color: #333;  caret-color: #333;}
.feed_backform textarea{ width:100%; height:90px;border:1px solid #cccccc;background:#efefef;outline: none;color:#333;-webkit-text-fill-color: #333; caret-color: #333;font-size:18px;font-family: "opensans";padding-left:10px;}
.tijiao{ width:100px; height:38px; background:#BB1C16; border:none; color:#FFFFFF; text-align:center;font-size:18px;font-family: "opensans"; margin-top:5px; text-transform:uppercase;}

.sitewidget-faqlist{ background:#f2f2f2; overflow:hidden; padding-top:30px; padding-bottom:60px;}
.sitewidget-faqlist img{max-width:100%}
.sitewidget-faqlist h3{font-size:22px}
.sitewidget-faqlist .faq-q-icon,.sitewidget-faqlist .faq-a-icon{margin-right:10px}
.sitewidget-faqlist .faqlist-style-unfold .faqlist-item{padding:10px 0}
.sitewidget-faqlist .faqlist-style-unfold .faqlist-with-divLine .faqlist-item{padding:20px 0}
.sitewidget-faqlist .faqlist-style-unfold .faqlist-with-divLine .faqlist-item .faq-answer-wrap>div,.sitewidget-faqlist .faqlist-style-unfold .faqlist-with-divLine .faqlist-item .faq-answer-wrap>p{display:inline-block}
.sitewidget-faqlist .faqlist-style-unfold .faqlist-item:first-child{padding-top:0}
.sitewidget-faqlist .faqlist-style-unfold .faqlist-list.faqlist-with-icon .faq-question-title,.sitewidget-faqlist .faqlist-style-unfold .faqlist-list.faqlist-with-icon .faq-answer-wrap{position:relative;padding-left:30px}
.sitewidget-faqlist .faq-q-icon,.sitewidget-faqlist .faq-a-icon{position:absolute;left:0;top:0}
.sitewidget-faqlist .faq-q-icon>i,.sitewidget-faqlist .faq-a-icon>i{font-style:normal;line-height:inherit}
.sitewidget-faqlist .faqlist-style-fold .faq-question-title{cursor:pointer}
.sitewidget-faqlist .faqlist-style-fold .faqlist-list.fold-icon-front .faq-question-title,.sitewidget-faqlist .faqlist-style-fold .faqlist-list.fold-icon-front .faq-answer-wrap{position:relative;padding-left:30px}
.sitewidget-faqlist .faqlist-style-fold .faqlist-list.fold-icon-back .faq-question-title,.sitewidget-faqlist .faqlist-style-fold .faqlist-list.fold-icon-back .faq-answer-wrap{position:relative;padding-right:30px}
.sitewidget-faqlist .faqlist-style-fold .fold-icon{position:absolute;top:0}
.sitewidget-faqlist .faqlist-style-fold .fold-icon.front{left:0}
.sitewidget-faqlist .faqlist-style-fold .fold-icon.back{right:0}
.sitewidget-faqlist .faqlist-style-fold .faq-answer-wrap{display:none;padding:10px 0}
.sitewidget-faqlist .paging-wrap{margin-top:20px;margin-bottom:20px}
.sitewidget-faqlist .faqlist-style-border .faqlist-item{padding:10px 20px}
.sitewidget-faqlist .faqlist-style-border li{border:1px solid #ddd;margin-bottom:20px}
.sitewidget-faqlist .faqlist-style-border .faqlist-list.faqlist-with-icon .faq-question-title,.sitewidget-faqlist .faqlist-style-border .faqlist-list.faqlist-with-icon .faq-answer-wrap{position:relative;padding-left:30px;}
.faq-answer-wrap{ font-size:16px;}
.sitewidget-faqlist .faqlist-style-firstshow .faqlist-style-unfold.faqlist-item{padding:10px 0}
.sitewidget-faqlist .faqlist-style-firstshow .faqlist-with-divLine .faqlist-style-unfold.faqlist-item{padding:20px 0}
.sitewidget-faqlist .faqlist-style-firstshow .faqlist-with-divLine .faqlist-style-unfold.faqlist-item .faq-answer-wrap>div,.sitewidget-faqlist .faqlist-style-firstshow .faqlist-with-divLine .faqlist-style-unfold.faqlist-item .faq-answer-wrap>p{display:inline-block}
.sitewidget-faqlist .faqlist-style-firstshow .faqlist-style-unfold.faqlist-item:first-child{padding-top:0}
.sitewidget-faqlist .faqlist-style-firstshow .faqlist-list.faqlist-with-icon .faqlist-style-unfold .faq-question-titles,.sitewidget-faqlist .faqlist-style-firstshow .faqlist-list.faqlist-with-icon .faqlist-style-unfold .faq-answer-wrap{position:relative;padding-left:30px}
.sitewidget-faqlist .faqlist-style-firstshow .faqlist-list.fold-icon-front .faqlist-style-fold .faq-question-title,.sitewidget-faqlist .faqlist-style-firstshow .faqlist-list.fold-icon-front .faqlist-style-fold .faq-answer-wrap{position:relative;padding-left:30px}
.sitewidget-faqlist .faqlist-style-firstshow .faqlist-list.fold-icon-back .faqlist-style-fold .faq-question-title,.sitewidget-faqlist .faqlist-style-firstshow .faqlist-list.fold-icon-back .faqlist-style-fold .faq-answer-wrap{position:relative;padding-right:30px}
.sitewidget-bd .paging{margin-top:20px;margin-bottom:20px}
.sitewidget-bd .paging>li{display:inline-block}
.sitewidget-bd .paging>li+li{margin-left:5px}
.sitewidget-bd .paging>li>a,.sitewidget-bd .paging>li>span{display:inline-block;text-align:center;line-height:28px;min-width:28px;font-size:14px;color:#898989}
.sitewidget-bd .paging>li>a{text-decoration:none;border:1px solid #c9caca}
.sitewidget-bd .paging>li>a:hover{text-decoration:none;border:1px solid #0079c3;color:#0079c3}
.sitewidget-bd .paging>li.active>span{color:#fff;background-color:#0079c3;border:1px solid #0079c3}
.sitewidget-bd .paging-wrap.txtc ul.paging{text-align:center}
.sitewidget-bd .paging-wrap.txtl ul.paging{text-align:left;margin-left:-5px}
.sitewidget-bd .paging-wrap.txtr ul.paging{text-align:right}
.sitewidget-articlelist .paging-wrap{margin-top:20px}
.sitewidget-ft .paging>li{display:inline-block;margin-left:5px;margin-bottom:5px}
.sitewidget-ft .paging>li+li{margin-left:5px}
.sitewidget-ft .paging>li>a,.sitewidget-ft .paging>li>span{display:inline-block;text-align:center;line-height:28px;min-width:28px;font-size:14px;color:#898989}
.sitewidget-ft .paging>li>a{text-decoration:none;border:1px solid #c9caca}
.sitewidget-ft .paging>li>a:hover{text-decoration:none;border:1px solid #0079c3;color:#0079c3}
.sitewidget-ft .paging>li.active>span{color:#fff;background-color:#0079c3;border:1px solid #0079c3}
.pagination-jump{display:inline-block;padding:10px;vertical-align:top}
.pagination-jump li{display:inline-block;color:#333}
.pagination-jump input{width:30px;outline:0;text-align:center !important;margin:0 5px;height:30px;border:1px solid #e5e5e5}
.pagination-jump span{font-size:14px}
.pagination-jump a{border:1px solid #e5e5e5;color:#333 !important;margin-left:10px;font-size:14px !important;display:inline-block;height:32px;box-sizing:border-box;line-height:32px !important;padding:0 5px;font-weight:normal !important}
.paging-wrap .paging{display:inline-block}
.paging-wrap .pagination-jump{padding:20px}
.sub_news_detail .title{padding-bottom:20px; border-bottom:1px solid #1c2227; margin-bottom:40px;}
.sub_news_detail .title a{color:#1c2227; font-size:18px; text-transform:uppercase;}
.sub_news_detail .title01{ text-align:center; margin-bottom:40px; border-bottom:1px dashed #dfdfdf; padding-bottom:10px; margin-top:30px;}
.sub_news_detail .title01 .t01{ font-size:30px; color:#333;}
.sub_news_detail .title01 .t02{ color:#333; margin-top:10px; font-size:14px;}
.sub_news_detail .title01 .fenxiang{margin-top:20px;}
.sub_news_detail .title01 .t02 span{ display:inline-block; margin-right:20px;}
.sub_news_detail .main .text{ color:#333;margin-bottom:20px; }
.text p{font-size:16px; line-height:32px;}
.sub_news_detail .main .pic{ margin-top:30px;}
.sub_news_detail .main ul{ border-top:1px solid #bb1c16;border-bottom:1px solid #bb1c16; overflow:hidden; margin-top:80px; margin-bottom:80px;}
.sub_news_detail .main ul li{ margin-bottom:15px; font-size:16px;}
.sub_news_detail .main ul li a{ color:#333;}
.sub_news_detail .main ul li span{ display: block; text-transform:capitalize;color:#333; float:left;}
/*sub_pro_cover*/
.sub_pro_cover{ padding-bottom:100px;}
.sub_pro_cover ul li{ overflow:hidden; zoom:1; margin-bottom:50px;}
.sub_pro_cover ul li .pic{ float:left; width:320px; margin-left:30px;}
.sub_pro_cover ul li dl{ float:right; width:410px;}
.sub_pro_cover ul li dl dt{ margin-bottom:20px;}
.sub_pro_cover ul li dl dt a{color:#1c2227; font-size:24px; text-transform:uppercase;}
.sub_pro_cover ul li dl dd{ margin-bottom:20px;}
.sub_pro_cover ul li dl dd a{ padding:10px 20px; border:1px solid #c4c4c4; display:inline-block;color:#1c2227; font-size:14px; text-transform:uppercase;}
.sub_pro_cover ul li dl dd:hover{ border-color:#7ab151;}
.sub_pro_cover ul li dl dd:hover a{color:#7ab151;}
.sub_pro_cover ul li dl dt:hover a{color:#7ab151;}


@media (max-width: 1680px){
    .i-experience-box .list .con{
        height: 1.8rem;
    }
    .i-about-box .item .num{
        font-size: .9rem;
    }
    .condition-box li .item{
        width: 90%;
    }
    .about-box .num-box .item{
        padding: 0 7%;
    }
    .service-box .about-con{
         width: 60%;
    }
    .service-form-box .icon-box .row{
        margin: 0 -2rem;
    }
    .service-form-box .icon-box .item{
        padding: 0 2rem;
    }
    .index-tit .cn{
        font-size: 1rem;
    }
}
@media (max-width: 1480px){
    .pc-nav .tit{
        font-size:16px;
    }
    .view{
        width:1200px;
    }
}
@media (max-width: 1366px){
    .f-nav li{
        width: 18%;
        margin-bottom: 1rem;
    }
    .f-nav li:nth-child(6){
        width: 10%;
    }
    .f-nav li:nth-child(7),
    .f-nav li:nth-child(8),
    .f-nav li:nth-child(9){
        margin-bottom: 0;
    }
    .f-nav li:last-child{
        width: 18%;
    }
    .view{
        width: 88%;
    }
    .showinfo-top-box .right .info-list .item{
        width: 50%;
    }
    .showinfo-top-box .right .info-list .item:nth-child(3n+1){
        width: 50%
    }
    .showinfo-top-box .right .info-list .item:nth-child(3n+2){
        width: 50%
    }

    .banner .ban-text .tit{
        font-size: 1.5rem;
        line-height: 2rem;
    }
    .i-about-box{
        padding-top: 2rem;
    }
    .i-about-box .text-box{
        width: 48%;
    }
    .i-about-box .item{
        margin-right: .5rem;
    }
    .i-about-box .img-box{
        width: 48%;
    }
    .i-custom-box{
        padding-top: 2rem;
    }
    .index-tit .cn{
        font-size: 1rem;
        line-height: 1.1rem;
    }
    .i-custom{
        margin-top: 1rem;
    }
    .i-custom .icon-box .swiper-slide{
        width: 6.76%;
        margin-right: 8.8%;
    }
    .point-list .circle-img{
        width: 3.25rem;
    }
    .i-life-box{
        padding-top: 2rem;
    }
    /* .i-life .item{
        width: 9vw;
    }
    .i-life .item .img{
        width: 43vw;
    } */
    .i-product .con-box .tit{
        font-size: 1rem;
        line-height: 1.1rem;
    }
    .i-experience-box{
        margin-top: 2rem;
    }
    .i-experience-box .list .tit{
        margin-top: .3rem;
    }
    .i-news-box{
        padding: 2rem 0;
    }
    .i-news .swiper-slide{
        width: 35%;
    }
    .i-product-box{
        padding-top: 2rem;
    }
    /* welcome end */
    .condition-box li .item{
        width: 88%;
    }
    .showinfo-top-box .right .con{
        margin-top: .5rem;
        padding-top: .5rem;
        height: 2.7rem;
        overflow: hidden;
    }
    .showinfo-top-box .right .info-list{
        padding-top: .5rem;
        margin-top: .5rem;
    }
    .home-top{
        padding: 2rem 0;
    }
    .custom-box{
        padding: 2rem 0;
    }
    .space-box li{
        padding-top: 2rem;
    }
    .space-box{
        padding-bottom: 2rem;
    }
    .life-top-box{
        padding: 2rem 0;
    }
    .life-bot-box{
        padding-bottom: 2rem;
    }
    .about-box{
        padding-top: 2rem;
    }
    .about-box .num-box .item{
        padding: 0 5%;
    }
    .factory .about-con{
        width: 60%;
    }
    .factory-box{
        padding-top: 2rem;
    }
    .vr-box{
        padding: 2rem 0;
    }
    .resarch-box{
        padding: 2rem 0;
    }
    .resarch-box .about-con{
        width: 100%;
    }
    .expert-box,
    .design-wrap,
    .health-box,
    .enjoy-box,
    .submit-box,
    .why-box,
    .output-box,
    .brand-wrap,
    .say-box,
    .order-box,
    .service-box,
    .need-box,
    .find-box,
    .service-form-box,
    .network-box{
        padding: 2rem 0;
    }
    .find-box .row{
        margin: 0 -1rem;
    }
    .find-box .item{
        padding: 0 1rem;
    }
    .service-form-box{
        position: relative;
    }
    .service-form-box .icon-box .row{
        margin: 0 -1.5rem;
    }
    .service-form-box .icon-box .item{
        padding: 0 1.5rem;
    }
    .idea-box{
        padding-top: 2rem;
    }
    .health-wrap,
    .idea-icon-box,
    .join-box,
    .position-box{
        padding: 2rem 0;
    }
    .recruit-list .list .item:nth-child(3n){
        width: 15vw;
    }
    .life-top-box .text-box{
        padding: .8rem;
    }
    .life-top-box .sub-tit .en{
        font-size: 1.5rem;
    }
    .life-top-box .bot-box .left{
        padding-top: 0;
    }
    .life-top-box .top-tab{
        margin-top: .65rem;
    }
}

.f-cb li a{ text-decoration:none;}