﻿a{
    color:#222222;
}
p{
    font-size: 12pt !important;
}
.dropdown-menu-right {
    right: unset
}
.logo img{
    headbody_logo
}
.nav {
    float: right;
}
.r-1 {
    
    padding: unset;
    z-index: 1030;
}
.navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    z-index: 1030;
    background-color:#fff;
}
.nav-item a {
    color: #222222;
    font: 14px/1.571429 "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", Roboto, Arial, sans-serif;
}
.dropdown-item{
    color: #222222;
}
.dropdown-item:hover{
    color: red;
}
.r-2 {
    margin-top:66px;
}
.r-3 {
    margin:40px 0px 40px 0px;
}
.r-3-title {
    margin-bottom:30px;
}

/* r-3-image-list */
*{padding: 0;margin: 0;font-family: "微软雅黑";outline: none;box-sizing: border-box;font-weight: normal;}
img{border: none;}
a{text-decoration: none;}
ul{list-style: none;}
.template{padding: 65px 0 75px 0;width: 100%;overflow: hidden;background: url(../images/main3-bg.jpg) no-repeat;background-size: 100% 100%;}
.title{font-size: 28px;text-align: center;color: #333;}
.subtitle{font-size: 16px;margin-top: 20px;text-align: center;color: #777;}
.category{text-align: center;}
.category ul{overflow: hidden;margin-top: 40px;background-color: #fff; box-shadow: 0 0 4px rgba(0,0,0,0.1); border-radius: 3px;display: inline-block;}
.category ul li{float: left;display: inline-block;font-size: 16px;line-height: 35px;width: 140px;text-align: center;position: relative; cursor: pointer;}
.category ul li:after{content: '';height: 50%; border-left: 1px solid #eee; position: absolute; right: 0; top: 25%;}
.category ul li:last-child:after{border-left: none;}
.category ul li:hover{color: #fe782f;}
.category ul li.active{background:#fe782f;color: #fff;}
.category ul li.active:after{border-left: none;}
.content{width: 100%;height: auto;margin-top: 20px;display: none;}
.content.active{display: block;}
.content ul{width: 1200px;margin: 0 auto;}
.content ul li{float: left;position: relative;width: 200px;margin-right: 40px; transition: transform .3s ease,box-shadow .3s ease}
.content ul li:last-child{margin-right: 0;}
.content ul li img{
    width: 100%;
    height: 75%;
    background-size: cover;
    position: absolute;
    overflow: hidden;
}
.content ul li .bg{transition: opacity .3s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0);text-align: center;}
.content ul li .bg img{display: inline-block;width: 70%;margin-top: 75px;border-radius: 3px;opacity: 0;transition: opacity .5s;}
.content ul li:hover{transform: translate3d(0,-10px,0)}
.content ul li:hover .bg{background: rgba(0,0,0,.5);}
.content ul li:hover .bg img{opacity: 1;}
.content .more{text-align: center;width: 100%;clear: both;padding-top: 60px;}
.content .more a{display: inline-block;border: 1px solid #f73;color: #f73; transition: background-color .3s,color .3s;padding: 12px 50px;border-radius: 50px;font-size: 18px;}
.content .more a:hover{background: #f73;color: #fff;}
.content.wsc ul{width: 1200px;}
.content.wsc ul li{center center no-repeat;}
.content.wsc ul li .bg{width: 200px;height: 356px;left: 9px;top: 44px;}
.content.wsc ul li .bg img{border-radius: 3px;border:10px solid #fff}
.content.dnsc ul{width:1200px}
.content.dnsc ul li{center center no-repeat;}
.content.dnsc ul li .img img{max-width: 100%;}
.content.dnsc ul li .bg{width: 100%;height: 100%;top: 13px;}
.content.dnsc ul li .bg img{width: 145px;margin-top: 90px;}

.content ul li,.content scx ul li {
    width: 21% !important;
    margin-bottom: 40px;
    min-height: 193px;
}
.content ul li h3{
    text-align:center;
    margin-top: 15px;
    position: sticky;
    font-size: 16px;
}
.content ul li img {
    max-width: 100%;
    max-height: 152px;
}
#image-column-list-content {
    position: relative;
}

.r-4 {
    background-color: #f8f8f8;
    padding-bottom: 40px;
}
.r-4-news{
    margin-left: 40px;
    margin-top:40px;
}
.r-4-title {
    margin-top:40px;
}

.r-4-image img{
    max-width: 100%;
}
.r-4-content-title a{
    color: #222222;
    font-size:1rem !important;
}
.r-4-news-line {
    padding-left: 10px;
    margin-bottom: 40px;
}
a:hover {
    text-decoration-line:none;
    color:red;
}
.r-4-more-button {
    margin: auto;
}

.r-5 {
    padding-top:40px;
    margin-bottom:40px;
}
.r-5-content {
    padding-top:40px;
}
.r-5-content p {
    text-indent:25px;
}
.r-5 a{
    float: right
}

.r-6 {
    /*border-top-style: ridge;*/
    border-width:1px;
    border-style:solid none none none;
    border-color:#f0f2f5;
    padding-top:30px;
}
.r-6 h4 a{
    font-weight: 400;
    line-height: 1.2;
    color: #37474f !important;
    font: 18px/1.571429 "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", Roboto, Arial, sans-serif;
}
.r-6 h4 a:hover{
    color:red !important;
}
.r-6 li a{
    font-weight: 400;
    line-height: 1.2;
    color: #37474f !important;
    font: 14px/1.571429 "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", Roboto, Arial, sans-serif;
}
.r-6 li a:hover{
    color:red !important;
}
.r-6 p {
    margin-bottom: 0.2rem;
}
.fa-weixin:before {
    content: "\f1d7";
}
.footer_info_title {
    margin-right:5px;
}
.r-7 {
    border-width:1px;
    border-style:solid none none none;
    border-color:#f0f2f5;
    padding-top:30px;
}
.copyright {
    text-align :center;
}

/* column-text-list*/
.image-column-list-r-3 {
    padding-bottom: 40px;
}
.image-column-list-image-list .row{
    padding-bottom:20px;
}
.image-column-list-li-list {
    height:100%;
    border-width:1px;
    border-style:solid solid solid solid;
    border-color:red;
    margin:20px auto 20px auto  ;
}
.m-column-nav-ul {
    list-style-type:none;
    margin: 0 auto;
    /*width: 60%;*/
    padding-top: 15px;
  min-height: 50px;
    text-align: center;
}
.m-column-nav-ul li {
    display: inline-block;
    float:none;
}
.m-column-nav-ul li a {
    padding: 5px 10px;
}

.m-column-nav-ul .active {
    color:red;
}

.pagination {
    margin: 0 auto;
}

.pagination li{
    display: inline-block;
    float: none;
}

.swiper-container {
    width: 300px;
    height: 300px;
    position: absolute;
}
.swiper-slide {
    background-position: center;
    background-size: cover;
}

.product {
    margin-top:10px;
    width: 100%;
}
.product .titlebox{
    margin-bottom:20px;
}
.product .titlebox span{
    font-weight:600;
    font-size:24px;
    margin-button:20px;
}
.product ul li {
    white-space: nowrap;
    margin-bottom: 0;
    margin-top: 0;
    background: transparent;
}
.product ul li a {
    display: block;
    font-size: 16px;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-decoration: none;
    display: block;
    padding: 10px 10px 10px 20px;
    font-size: 15px;
    font-weight: 300;
    position: relative;
    color: #222222;
    background: -webkit-linear-gradient(top, #ffffff 0%,#f5f5f5 72%,#edecec 100%);
}
.product ul li a:hover{
    color:red;
}

.product-show {
    margin-top:10px;
    width: 100%;
}
.product-show .titlebox{
    margin-bottom:20px;
}
.product-show .titlebox span{
    font-weight:600;
    font-size:24px;
    margin-button:20px;
}

.contant {
    margin-top:60px;
    width: 100%;
}
.contant .titlebox{
    margin-bottom:20px;
}
.contant .titlebox span{
    font-weight:600;
    font-size:24px;
    margin-button:20px;
}
.contant .contant-more{
    padding: 10px;
    border: 1px solid;
    border-color: #cccccc;
}
.column-text-list-right{
    height:100%;
    margin-bottom:20px;
}
.column-text-list-left {
    margin-top:10px;
}
.column-text-list-left ul {
    margin-top:10px;
}
.column-text-list-left ul li{
    border-bottom: 1px solid #f0f2f5;
    margin-bottom: 20px;
}
.column-text-list-left ul li h4{
    margin: 0 0 20px;
    font-size: 18px;
}
.column-text-list-left ul li p{
    font-size: 16px !important;
    color: #a3afb7;
    padding-bottom:10px;
}
.column-text-list-left ul li h4 a{
    color:#292b2c;
}
.about-text {
    margin-top:20px;
    margin-bottom: 40px;
}
.about-text {
    margin-bottom: 0.2rem;
   /* text-indent: 40px;*/
}
.breadcrumb {
    background-color:unset;
    margin-bottom: unset;
}
.r-breadcrumb
{
    margin-top:10px;
    margin-left: -45px;
}
.breadcrumb .breadcrumb-item img {
    width:20px;
    height:20px;
    margin-top: -3px;
}
.breadcrumb .breadcrumb-item a {
    color: #292b2c;
}
.details-title {
    width:90%;
    border-bottom: 1px solid #f0f2f5;
    margin:0 auto;
}
.details-title .m-0 {
    margin-top:20px;
}
.details-title .info{
    margin-top:10px;
    margin-bottom:10px;
}
.editor {
    margin-top:20px;
    width: 90%;
     margin: 0 auto;
}
.editor img{
 
    margin: 0 auto;
    max-width: 100%;
   
}
.product_h3{
    font-family: serif;
    line-height: 1.5em;
    white-space: nowrap;      /* 保持文本在一行内显示 */
    overflow: hidden;         /* 超出容器部分隐藏 */
    text-overflow: ellipsis;  /* 超出部分显示省略号 */
}