ul,li{
    margin: 0;
    padding: 0;
    list-style: none;
}
a,
a:hover{
    text-decoration: none;
    transition: all 0.7s linear 0s;
    blr:expression(this.onFocus=this.blur());
}
body{
    color: #323232;
}

@font-face {
    font-family: 'iconfont';  /* project id 1675097 */
    src: url('https://at.alicdn.com/t/font_1675097_69s42y75v4o.eot');
    src: url('https://at.alicdn.com/t/font_1675097_69s42y75v4o.eot?#iefix') format('embedded-opentype'),
    url('https://at.alicdn.com/t/font_1675097_69s42y75v4o.woff2') format('woff2'),
    url('https://at.alicdn.com/t/font_1675097_69s42y75v4o.woff') format('woff'),
    url('https://at.alicdn.com/t/font_1675097_69s42y75v4o.ttf') format('truetype'),
    url('https://at.alicdn.com/t/font_1675097_69s42y75v4o.svg#iconfont') format('svg');
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 20px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@font-face{
    font-family: "ahzt";
    src : url('../fonts/ahzt.ttf');
}
input::-webkit-input-placeholder {
    color: #9f9f9f;
}

input::-moz-placeholder {
    color: #9f9f9f;
}

input:-ms-input-placeholder {
    color: #9f9f9f;
}

input:-moz-placeholder {
    color: #9f9f9f;
}
.text-truncate {
    word-wrap: normal; /* for IE */
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.container{
    width: 1200px;
    padding: 0px !important;
}
.top{
    height: 60px;
    line-height: 60px;
    background: #e1e1e9;
    border-bottom: 1px solid #ab0105;
    font-size: 12px;
    overflow: hidden;
    min-width:1200px;
    max-width: 2000px;
}
.top-left{
    float: left;
}
.top-left li{
    float: left;
    padding-left: 36px;
    margin-right: 60px;
    color: #333333;
    font-size: 12px;	
}
.top-left li.tel{
    background: url(../images/icon-tel.png) no-repeat left center;
}
.top-left li.fax{
    background: url(../images/icon-fax.png) no-repeat left center;
}
.top-left li.email{
    background: url(../images/icon-email.png) no-repeat left center;
}
.top-right{
    float: right;
}
.top-right li{
    float: left;
    padding-left: 36px;
    margin-left: 25px;
}
.top-right li.cn{
    background: url(../images/icon-cn.png) no-repeat left center;
}
.top-right li a{
    color: #282828;
}
.top-right li.on a{
    color: #AB0105;
    font-weight: bold;
}
.top-right li.en{
    background: url(../images/icon-en.png) no-repeat left center;
}
.header{
    background: #fff;
    border-bottom: 10px solid #e1e1e9;
    border-top: 10px solid #e1e1e9;
    max-width: 2000px;
    min-width:1200px;
}
.logo {
    float: left;
    padding-top: 30px;
}
.logo img {
    width: 380px;
}
.logo a{
    display: block
}
.nav{
    float: right;
}
.menu, .menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.menu {
    height: 90px;
}
.menu li {
    min-width: 95px;
}
/*.menu li.on a{
	background: #ab0105;
	color: #ffffff;
}
.menu li.on a{
	color: #ffffff;
}*/
.menu > li {
    display: block;
    float: left;
    position: relative;
    text-align: center;    padding:0px 8px;
}.menu li:last-child{	padding-right:0;}
.menu > li > a{
    line-height: 90px;
}
.menu a {
    color: #363636;
    display: block;
    font-size: 14px;
    line-height: 40px;
    text-decoration: none;
    text-transform: uppercase;
}

.menu li:hover {
    background: #ab0105;
}
.menu li:hover > a {
    color: #ffffff;
}

.submenu {
    left: 0;
    max-height: 0;
    position: absolute;
    top: 100%;
    z-index: 999999;
    -webkit-perspective: 400px;
    -moz-perspective: 400px;
    -ms-perspective: 400px;
    -o-perspective: 400px;
    perspective: 400px;
}
.submenu li {
    opacity: 0;
    background:rgba(181,1,23,0.8);
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-transition: opacity .4s, -webkit-transform .5s;
    -moz-transition: opacity .4s, -moz-transform .5s;
    -ms-transition: opacity .4s, -ms-transform .5s;
    -o-transition: opacity .4s, -o-transform .5s;
    transition: opacity .4s, transform .5s;
}
.submenu li a{
    border-bottom: 2px solid transparent;
    color:#fff;
}
.menu .submenu li:hover a {
    border-radius: 0;
    color: #ffffff;
    background:#2f2f2f
}
.menu > li:hover .submenu,
.menu > li:focus .submenu {
    max-height: 2000px;
    z-index: 10;
}
.menu > li:hover .submenu li,
.menu > li:focus .submenu li {
    opacity: 1;

    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.menu li:hover .submenu li:nth-child(1) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.menu li:hover .submenu li:nth-child(2) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}
.menu li:hover .submenu li:nth-child(3) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}
.menu li:hover .submenu li:nth-child(4) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}
.menu li:hover .submenu li:nth-child(5) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}
.menu li:hover .submenu li:nth-child(6) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
}
.menu li:hover .submenu li:nth-child(7) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}
.menu li:hover .submenu li:nth-child(8) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms;
}

.submenu li:nth-child(1) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms;
}
.submenu li:nth-child(2) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}
.submenu li:nth-child(3) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
}
.submenu li:nth-child(4) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}
.submenu li:nth-child(5) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}
.submenu li:nth-child(6) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}
.submenu li:nth-child(7) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}
.submenu li:nth-child(8) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.banner{
    max-width: 2000px;
    min-width:1200px;
}
.hotwords{
    border-top: 10px solid #e0e1e9;
    padding: 10px 0;
    max-width: 2000px;
    min-width: 1200px;
    overflow: hidden;
}
.hotwords .list{
    background: url(../images/icon-hot.png) no-repeat left center;
    padding-left: 30px;
    float: left;
    width: 850px;
    line-height: 30px;
}
.hotwords .list a{
    font-size: 12px;
    color: #323232;
    padding: 0px 6px;
    position: relative;
}
.hotwords .list a:after{
    position: absolute;
    content: "";
    right: -3px;
    top:0;
    width: 1px;
    height: 100%;
    background: #323232;
}
.hotwords .list a:last-child:after{
    display:none;
}
.hotwords .search-guoup{
    float: right;
    width: 350px;
    background: #e5e5e5;
    border-radius: 10px;
    overflow: hidden;
}
.hotwords .search-guoup .input-group{
    display:flex;
    align-items: center;
    padding-left: 12px;
    float: left;
    width: 70%;
}
.hotwords .search-guoup .input-group img{
    height: 15px;
}
.hotwords .search-guoup .input-group input {
    background: transparent;
    border: none;
    outline: none;
    box-shadow: none;
}
.hotwords .search-guoup .input-group-btn{
    float: right;
    width: 100px;
}
.hotwords .search-guoup .input-group-btn:after {
    position: absolute;
    content: "";
    width: 5px;
    height: 20px;
    background: #fff;
    left: -5px;
    top: 5px;
    border-radius: 15px;
}
.hotwords .search-guoup .input-group-btn button {
    font-size: 12px;
    border: none;
    box-shadow: none;
    background: transparent;
    padding-top: 7px;
    width: 100%;
    color: #4f4f4f;
    outline: none;
}
.index-pro{
    background: url(../images/index-pro-bg.jpg) no-repeat top center #e0e1e9;
    padding: 50px 0;
    max-width: 2000px;
    min-width: 1200px;
    overflow: hidden;
}
.index-pro h2{
    font-size: 40px;
    color: #ab0105;
    margin: 0 0 50px 0;
    text-align: center;
    font-family: "ahzt";
}
.index-pro h2 span{
    font-size: 72px;
    font-family: "华文行楷";
}
.index-pro h3{
    background: url(../images/line.png) no-repeat center center;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #323232;
}
.index-pro h4{
    text-align: center;
    font-size: 14px;
    margin: 0 0 60px 0;
}
.index-pro .adv{
    margin-bottom: 60px;
}
.index-pro .adv li{
    float: left;
    width: 240px;
    height: 240px;
    position: relative;
    transition: All 0.5s ease-in-out;
    -webkit-transition: All 0.5s ease-in-out;
    -moz-transition: All 0.5s ease-in-out;
    -o-transition: All 0.5s ease-in-out;
    cursor:pointer;
}
.index-pro .adv li .item{
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
}
.index-pro .adv li .item i{
    height: 70px;
    display: block;
    margin-top: 60px;
    background-size: 20% !important;
}
.index-pro .adv li .item i.i1{
    background: url(../images/adv-img1.png) no-repeat center center;
}
.index-pro .adv li .item i.i2{
    background: url(../images/adv-img2.png) no-repeat center center;
    background-size: 24% !important;
}
.index-pro .adv li .item i.i3{
    background: url(../images/adv-img3.png) no-repeat center center;
    background-size: 24% !important;
}
.index-pro .adv li .item i.i4{
    background: url(../images/adv-img4.png) no-repeat center center;
    background-size: 28% !important;
}
.index-pro .adv li .item i.i5{
    background: url(../images/adv-img5.png) no-repeat center center;
}
.index-pro .adv li .item p{
    text-align: center;
    margin-top: 20px;
    font-size: 12px;
}
.index-pro .adv li .bg{
    width: 170px;
    height: 170px;
    -webkit-transform-origin: 140px 54px;
    -moz-transform-origin: 140px 54px;
    -o-transform-origin: 140px 54px;
    -ms-transform-origin: 140px 54px;
    transform-origin: 140px 54px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: #fff;
    z-index: 0;
}
.index-pro .adv li:hover{
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
}
.index-pro .adv li:hover .item{
    color: #fff;
}
.index-pro .adv li:hover i.i1{
    background: url(../images/adv-img1on.png) no-repeat center center;
}
.index-pro .adv li:hover i.i2{
    background: url(../images/adv-img2on.png) no-repeat center center;
}
.index-pro .adv li:hover i.i3{
    background: url(../images/adv-img3on.png) no-repeat center center;
}
.index-pro .adv li:hover i.i4{
    background: url(../images/adv-img4on.png) no-repeat center center;
}
.index-pro .adv li:hover i.i5{
    background: url(../images/adv-img5on.png) no-repeat center center;
}
.index-pro .adv li:hover .bg{
    background: #ab0105;
}
.index-pro .pro li{
    float: left;
    width: 232px;
    margin-right: 10px;
}
.index-pro .pro .item:hover{ display:block; background:#f5f5f5}
.index-pro .pro li:nth-child(5n){
    margin-right: 0;
}
.index-pro .pro .item{
    background: #fff;
    padding: 10px;
}
.index-pro .pro .item .img{
    margin-bottom: 10px;
    overflow: hidden;
}
.index-pro .pro .item .img img{
    width: 212px;
    height: 212px;
    transition: all .9s ease-in-out;
    -webkit-transition: all .9s ease-in-out;
	background: #dddfe6;
}
.index-pro .pro .item .img:hover img {
    transform: scale(1.2);
}
.index-pro .pro .item .brand{
    margin-bottom: 10px;
}

.index-pro .pro .item .brand span{
    background: #ab0105;
    border: 1px solid #ab0105;
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    padding: 4px 8px;
    display: block;
    float: left;
}
.index-pro .pro .item .brand span:nth-of-type(2){
    background: #fff;
    color: #ab0105;
    border: 1px solid #ab0105;
}
.index-pro .pro .item .title{
    font-size: 16px;
    margin-bottom: 5px;
}
.index-pro .pro .item .title a{
    display: block;
    color: #323232;
}
.index-pro .pro .item .title a:hover{
    color: #ab0105;
}
.index-pro .pro .item .xinghao{
    font-size: 12px;
    color: #767676;
}
.index-pro .pro .more{
    margin: 45px auto 15px auto;
    width: 230px;
    text-align: center;
}
.index-pro .pro .more a{
    display: block;
    font-size: 18px;
    color: #323232;
    border: 1px solid rgba(50,50,50,0.2);
    padding: 10px 0;
    transition: all 0.4s;
}
.index-pro .pro .more a:hover{
    color: #fff;
    background: #ab0105;
    border: 1px solid rgba(50,50,50,0);
}

.index-case{
    background: #fff;
    padding: 50px 0;
}
.index-case h3{
    background: url(../images/line.png) no-repeat center center;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #323232;
}
.index-case h4{
    text-align: center;
    font-size: 14px;
    margin: 0 0 60px 0;
}
.index-case .left{
    float: left;
    width: 350px;
    height: 595px;
    background: #dddee5;
}
.index-case .left .box{
    margin-bottom: 30px;
    padding: 10px;
}
.index-case .left .box .hd{
    height: 40px;
    line-height: 40px;
    border-bottom: 4px solid #fff;
}
.index-case .left .box .hd .t{
    float: left;
}
.index-case .left .box .hd .more{
    float: right;
}
.index-case .left .box .hd .more a{
    display: block;
    color: #323232;
    font-size: 12px;
}
.index-case .left .box .bd li{
    float: left;
    margin-right: 10px;
    margin-top: 10px;
}
.index-case .left .box .bd li a{
    float: left;
    background: #fff;
    padding: 5px;
    color: #323232;
    font-size: 12px;
    transition: all 0.4s;
}
.index-case .left .box .bd li a:hover{
    color: #fff;
    background: #ab0105;
}
.index-case .right{
    float: right;
    width: 815px;
    height: 595px;
}

.index-about{
    background: #ffffff;
    padding: 30px 0;
}
.index-about h3{
    background: url(../images/line.png) no-repeat center center;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #323232;
}
.index-about h4{
    text-align: center;
    font-size: 14px;
    margin: 0 0 30px 0;
}
.index-about .company{
    margin-bottom: 50px;
}
.index-about .company .con {
    text-align: center;
    line-height: 27px;
    font-size: 12px;
}
.index-about .company .more{
    margin: 30px auto 0 auto;
    width: 230px;
    text-align: center;
}
.index-about .company .more a{
    display: block;
    font-size: 18px;
    color: #323232;
    border: 1px solid rgba(50,50,50,0.2);
    padding: 10px 0;
    transition: all 0.4s;
}
.index-about .company .more a:hover{
    color: #fff;
    background: #ab0105;
    border: 1px solid rgba(50,50,50,0);
}

.index-news{
    background: #323232;
    padding: 30px 0;
    max-width: 2000px;
    min-width: 1200px;
    overflow: hidden;
}
.index-news h3{
    background: url(../images/line.png) no-repeat center center;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #fff;
}
.index-news h4{
    text-align: center;
    font-size: 14px;
    margin: 0 0 30px 0;
    color: #fff;
}
.honor .swiper-slide img {
    width: auto;
    object-fit: cover;
    max-width: 175px;
    height: 254px;
}
.index-news .first{
    float: left;
    width: 480px;
    background: #e1e1e8;
    padding: 10px;
}
.index-news .first .img{
    width: 460px;
    height: 225px;
    overflow: hidden;
    margin-bottom: 10px;
}
.index-news .first .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .9s ease-in-out;
    -webkit-transition: all .9s ease-in-out;
}
.index-news .first .img:hover img {
    transform: scale(1.2);
}
.index-news .first .title{
    margin-bottom: 10px;
}
.index-news .first .title a{
    color: #323232;
    font-size: 14px;
    font-weight: bold;
}
.index-news .first .desc{
    font-size: 12px;
    color: #676565;
}
.index-news .list{
    float: right;
    width: 685px;
}
.index-news .list li{
    margin-bottom: 15px;
}
.index-news .list li:last-child{
    margin-bottom: 0;
}
.index-news .list li .item{
    background: #e5e5e5;
    padding: 10px;
    height: 77px;
}
.index-news .list li .item .a{
    float: left;
    width: 70px;
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    font-weight: bold;
    border-right: 1px solid #C0C0C0;
    text-align: center;
}
.index-news .list li .item .b{
    float: right;
    width: 580px;
}
.index-news .list li .item .b .t{
    float: left;
    width: 500px;
}
.index-news .list li .item .b .t a{
    color: #323232;
    display: block;
    font-weight: bold;
}
.index-news .list li .item .b .t a:hover,.index-news .first .title a:hover{ color:#C00}
.index-news .list li .item .b .date{
    font-size: 12px;
    float: right;
}
.honor .swiper-pagination-bullet-active{
    background: #ab0105 !important;
}
.swiper-pagination-bullet{
    width: 10px !important;
    height: 10px !important;
}
.index-news .list li .item .b .desc{
    font-size: 12px;
    margin-top: 10px;
}

.index-hezuo{
    background: url(../images/index-hezuo-bg.jpg) no-repeat top center;
    padding: 30px 0;
    max-width: 2000px;
    min-width: 1200px;
    overflow: hidden;
}
.index-hezuo h3{
    background: url(../images/line.png) no-repeat center center;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
.index-hezuo h4{
    text-align: center;
    font-size: 14px;
    margin: 0 0 50px 0;
}
.index-hezuo li{
    float: left;
    width: 220px;
    margin-right: 25px;
    margin-bottom: 25px;
    border: 1px solid #CECCCD;
}
.index-hezuo li:nth-child(5n){
    margin-right: 0;
}
.index-hezuo li img{
    width: 100%;
}
.honor .swiper-container {
    padding-bottom: 25px;
}
.footer{
    border-top: 2px solid #A10213;
    background: #323232;
    color: #e1e1e8;
    padding: 20px 0;
    font-size: 12px;
    max-width: 2000px;
    min-width:1200px;
}

.footer .links{
    margin-bottom: 10px;
}
.footer .links a{
    color: #e1e1e8;
    margin-left: 5px;
}
.footer .links a:hover{
    color: #ab0105;
}
.footer .ftl{
    float: left;
}
.footer .ftl-a{
    margin-bottom: 30px;
    margin-top: 20px;
}
.footer .qrcode{
    float: left;
    margin-right: 20px;
}
.footer .follow{
    float: left;
}
.footer .follow li{
    margin-left: 15px;
    float: left;
}
.footer .follow li a {
    display: flex;
    border: 1px solid #ffffff;
    width: 45px;
    height: 45px;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}
.footer .ftr{
    float: left;
    margin-left: 230px;
}
.footer .ftr p span{
    font-size: 30px;
    color: #d93836;
    margin-left: 15px;
}
.footer .ftr .ly{
    background: #d93836;
    color: #fff;
    font-size: 14px;
    padding: 5px 15px;
    margin-left: 10px;
    border-radius: 5px;
}
.copyright{
    border-top: 2px solid #DDDDE5;
    background: #323232;
    color: #828284;
    padding: 20px 0;
    font-size: 12px;
    max-width: 2000px;
    min-width:1200px;
}
.copyright p{
    margin: 0;
    font-size:12px;
}
.copyright a{
    color: #828284;
}
.copyright p i {
    vertical-align: middle;
    margin-right: 3px;
}
/*产品展示*/
.page{
    padding-bottom: 50px;
}
.page.product{
    background: url(../images/pro-bg.jpg) repeat-y top center;
}
.loc{
    height: 80px;
    line-height: 80px;
}
.loc a{
    color: #323232;
}
.product .main-left{
    float: left;
    width: 920px;
}
.product .main-left .n-ban{
    margin-bottom: 35px;
}
.product .main-left .pro-con .hd{
    background: url(../images/icon-pro-hd.png) no-repeat 10px #fff;
    padding-left: 50px;
    height: 45px;
    line-height: 45px;
    border-radius:5px 5px 0px 0px;
    font-size: 16px;
    border-bottom: 1px solid #bbb;
}
.product .main-left .pro-con .bd{
    background: #fafafc;
    padding: 10px;
}
.product .main-left .pro-con .hd span{
    font-size: 14px;
}
.product .main-left .pro-con .list li{
    float: left;
    width: 216px;
    margin-right: 12px;
    margin-bottom: 15px;
}
.product .main-left .pro-con .list li:nth-child(4n){
    margin-right: 0;
}
.product .main-left .pro-con .list li .item{
    background: #fff;
    padding: 10px;
}
.product .main-left .pro-con .list .item .img{
    margin-bottom: 10px;
}
.product .main-left .pro-con .list .item .img img{
    width: 196px;
    height: 118px;
}
.product .main-left .pro-con .list .item .brand{
    margin-bottom: 10px;
}
.product .main-left .pro-con .list .item .brand span{
    background: #ab0105;
    border: 1px solid #ab0105;
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    padding: 4px 8px;
    display: block;
    float: left;
}
.product .main-left .pro-con .list .item .brand span:nth-of-type(2){
    background: #fff;
    color: #ab0105;
    border: 1px solid #ab0105;
}
.product .main-left .pro-con .list .item .title{
    font-size: 16px;
    margin-bottom: 5px;
}
.product .main-left .pro-con .list .item .title a{
    display: block;
    color: #323232;
}
.product .main-left .pro-con .list .item .title a:hover{
    color: #ab0105;
}
.product .main-left .pro-con .list .item .xinghao{
    font-size: 12px;
    color: #767676;
}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #ab0105 !important;
}
.banner .swiper-slide img {
    width: 100%;
    height: 500px;
    object-fit: cover;
}
.pages{
    margin-top: 20px;
    margin-bottom: 20px;
}
.pages li{
    float: left;
    margin-right: 5px;
}
.pages li a{
    display: block;
    border: 1px solid #C6C6C6;
    color: #323232;
    padding: 5px 10px;
}
.pages li a.active{
    border: 1px solid #97190c;
    background: #97190c;
    color: #fff;
}
.product .main-right{
    float: right;
    width: 260px;
}
.product .pro-cate .hd{
    height: 100px;
    line-height: 100px;
    background: url(../images/pro-cate-hd-bg.png) repeat-x;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    margin-bottom: 10px;
}
.product .pro-cate .bd li{
    height: 50px;
    line-height: 50px;
    margin-bottom: 5px;
}
.product .pro-cate .bd li a{
    display: block;
    font-size: 16px;
    color: #323232;
    padding-left: 35px;
    border-left: 8px solid #fff;
    background: #fff;
}
.product .pro-cate .bd li a:hover,
.product .pro-cate .bd li a.on{
    border-left: 8px solid #ab0105;
    background: #e7e7ec;
}

/*项目案例*/
/*.case .case-ban{
	background: url(../images/case-ban-bg.jpg) no-repeat top center;
	height: 450px;
}
.case .case-search{
	width: 330px;
	margin-top: 100px;
	background:rgb(255,255,255);
	border:1px solid #CCC;
	padding: 35px;
	float:right;
	-moz-box-shadow:2px 2px 12px #A6A6A6; -webkit-box-shadow:2px 2px 12px #A6A6A6; box-shadow:2px 2px 12px #A6A6A6;
}
.case .case-search .t{
	background: url(../images/icon-search.png) no-repeat left center;
	padding-left: 45px;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	font-weight: bold;
	width: 160px;
	margin: 0 auto;
}
.case .case-search .ipt{
	margin-top: 35px;
	width: 100%;
	border: 1px solid #A6A6A6;
	padding: 10px;
	font-size: 12px;
}
.case .case-search .btn{
	margin-top: 30px;
	display: block;
	width: 100%;
	background: #bc0707;
	color: #fff;
}
.case{
	background: url(../images/case-bg.jpg) repeat-y top center;
}
.case .case-main .hd{
	background: #fff;
	font-size:16px;
	margin: 50px 0;
	height: 50px;
	line-height: 50px;
	text-align: center;
}
.case .case-main .bd li{
	float: left;
	width: 294px;
	height: 400px;
	margin-right: 8px;
	margin-bottom: 8px;
}
.case .case-main .bd li:nth-child(4n){
	margin-right: 0;
}
.case .case-main .bd .item{
	position: relative;
}
.case .case-main .bd .item .con{
	width: 274px;
	height: 380px;
	overflow: hidden;
	position: absolute;
	z-index: 2;
	left: 10px;
	right: 10px;
	top: 10px;
	bottom: 10px;
}
.case .case-main .bd .item .con2{
	position: absolute;
	width: 274px;
	height: 380px;
	top: 300px;
	z-index: 3;
	background: rgba(255,255,255,0.9);
	transition: top 0.5s;
}
.case .case-main .bd .item .con2 .t{
	height: 80px;
	line-height: 80px;
	text-align: center;
	font-size: 20px;
}
.case .case-main .bd .item .con2 dl{
	border-top: 1px solid #eee;
	padding: 15px 30px;
}
.case .case-main .bd .item .con2 dd{
	font-size: 14px;
	line-height: 35px;
}
.case .case-main .bd .item .share{
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 4;
}
.case .case-main .bd .item .bg{
	position: absolute;
	width: 294px;
	height: 400px;
	z-index: 0;
}
.case .case-main .bd .item .bg img{
	width: 294px;
	height: 400px;
}
.case .case-main .bd .item:hover .con2{
	top: 0;
}
#share{ width:920px; height:60px; float:left; line-height:60px;}

#share i{ font-size:40px; color:#C00; padding-right:30px; line-height:60px;}
*/
.middle {
    min-height: 400px;
    background: #e1e1e9;
    overflow: hidden;
    max-width: 2000px;
    min-width: 1200px;
}
.middle_top {
    font-size: 12px;
    color: #868689;
    padding: 20px 0px;
    overflow: hidden;
}
.middle_top a{
    font-size: 12px;
    color: #868689;
}
.middle_top em {
    padding-left: 3px;
}
.middle_nr {
    overflow: hidden;
    margin-bottom: 50px;
}
.middle_nr .middle_nr_left {
    width: 915px;
    float: left;
    overflow: hidden;
}
.middle_nr .middle_nr_right {
    width: 275px;
    float: right;
    overflow: hidden;
}
.middle_nr_left_banner {
    width: 100%;
    height: 400px;
    overflow: hidden;
    margin-bottom: 10px;
}
.middle_nr_left_banner img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.middle_nr_left_product {
    background: #fff;
    overflow: hidden;
    padding: 10px;
}
.middle_nr_left_product_top {
    border-bottom: 1px solid #9f9f9f;
    overflow: hidden;
    font-size: 14px;
    color: #333333;
    padding-bottom: 3px;
}
.middle_nr_left_product_top i {
    font-size: 15px;
    color: #333333;
    margin-right: 8px;
}
.middle_nr_left_product_nav {
    overflow: hidden;
    margin-top:15px;
}

.middle_nr_left_product_nav ul li {
    float: left;
    margin-right: 44px;
    margin-bottom: 20px;
    width: 190px;
    height: 40px;
    text-align: center;
    border: 1px solid #ab0105;
    padding: 0px 10px;
    display: flex;
    align-items: center;
}
.middle_nr_left_product_nav ul li a {
    color: #333333;
    display: flex;
    width: 100%;
    height: 40px;
    font-size: 14px;
    justify-content: center;
    align-items: center;
}
.middle_nr_left_product_nav ul li.on {
    background: #ab0105;
    color: #fff;
}
.middle_nr_left_product_nav ul li.on a {
    color: #fff;
}
.middle_nr_left_product_nav ul li:hover{
    background: #ab0105;
    color: #fff;
}
.middle_nr_left_product_nav ul li:hover a{
    color: #fff;
}
.middle_nr_left_product_nav ul li:nth-child(4n){
    margin-right: 0;
}
.middle_nr_left_product_nr_act_top {
    height: 40px;
    line-height: 40px;
    background: #9f9f9f;
    color: #fff;
    padding: 0px 10px;
    font-size:14px;
}
.middle_nr_left_product_nr_act_top img {
    width: 12px;
    margin-right: 8px;
    vertical-align: middle;
}
.middle_nr_left_product_nr_act_con {
    margin: 15px 0px;
    overflow: hidden;
}

.middle_nr_left_product_nr_act_con ul li {
    float: left;
    width: 215px;
    height: auto;
    overflow: hidden;
    margin-right: 11px;
    margin-bottom: 10px;
    border:1px solid #c0c0c0;
    cursor: pointer;
}
.middle_nr_left_product_nr_act_con ul li:hover .act_con_bottom .act_con_bottom_more{
    background: #ab0105;
}
.middle_nr_left_product_nr_act_con ul li:hover .act_con_bottom .act_con_bottom_more .act_con_bottom_more_icon i{
    color: #ab0105;
}
.middle_nr_left_product_nr_act_con ul li:nth-child(4n){
    margin-right: 0;
}
/* .middle_nr_left_product_nr_act_con ul li .act_con_thumb {
    margin: 5px 5px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
    height: 140px;
    position: relative;
}
.middle_nr_left_product_nr_act_con ul li .act_con_thumb img {
    max-width: 200px;
} */
.middle_nr_left_product_nr_act_con ul li .act_con_thumb {
    margin: 5px 5px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
    height: 190px;
    position: relative;
    width: 190px;
    margin: 0 auto;
    margin-top: 10px;
}
.middle_nr_left_product_nr_act_con ul li .act_con_thumb img {
    max-width: 180px;
    max-height: 180px;
}
.middle_nr_left_product_nr_act_con ul li .act_con_thumb .access {
    position: absolute;
    top: 0;
    right: 0;
    padding: 2px 10px;
    background: #ab0105;
    color: #ffffff;
    font-size: 12px;
}
.act_con_bottom{
    padding: 5px 5px 0px;
    overflow: hidden;
}
.act_con_bottom h3 {
    font-size: 12px;
    color: #333333;
    font-weight: normal;
    margin: 0;
	padding:0px 10px;
    padding-top: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.act_con_bottom h6 {
    font-size: 12px;
    color: #333333;
    margin: 5px 0px;
    display: inline-flex;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    font-weight: normal;
}
.act_con_bottom .act_con_bottom_more {
    height: 25px;
    margin: 0;
    background: #9f9f9f;
    font-size: 12px;
    color: #ffffff;
    text-align: right;
    padding: 0px 15px;
    line-height: 25px;
    display: flex;
    justify-content: flex-end;
	margin-bottom: 10px;
}
.act_con_bottom .act_con_bottom_more .act_con_bottom_more_icon {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
    vertical-align: middle;
    margin-top: 7px;
    margin-right: 8px;
}
.act_con_bottom .act_con_bottom_more .act_con_bottom_more_icon i {
    color: #9f9f9f;
    font-size: 10px;
    margin-left: 2px;
    margin-top: 0px;
}
.act_con_bottom .act_con_bottom_more span{
    float: left;
    line-height: 27px;
}
.middle_nr_left_product_nr_act_more {
    text-align: center;
    padding-bottom: 25px;
    color: #323232;
    cursor: pointer;
}
.middle_nr_left_product_nr_act_more a{
    color: #323232;
}
.middle_nr_left_product_nr_act_more:hover{
    color: #ab0105;
}
.middle_nr_left_product_nr_act_more a:hover{
    color: #ab0105;
}
.middle_nr_right_top {
    width: 100%;
    background: #ab0105;
    color: #ffffff;
    padding: 15px 15px 13px;
}
.middle_nr_right_top h1 {
    font-size: 16px;
    margin: 0;
    font-weight: bold;
    padding-bottom: 3px;
}
.middle_nr_right_top span {
    font-size: 12px;
}
.middle_nr_right_con {
    background: #ffffff;
    overflow: hidden;
    padding: 10px 15px;
}
.middle_nr_right_con .middle_nr_right_con_select {
    display: flex;
    margin-bottom: 10px;
    overflow: hidden;
}
.middle_nr_right_con .middle_nr_right_con_select label {
    font-size: 14px;
    color: #ab0105;
    margin-right: 15px;
    min-width: 65px;
    font-weight: normal;
    display: flex;
    align-items: center;
}
.middle_nr_right_con .middle_nr_right_con_select select {
    /* -webkit-box-flex: 1; */
    /* -webkit-flex: 1; */
    /* flex: 1; */
    width: 69%;
    height: 35px;
    font-size: 12px;
    color: #7d7d7d;
    text-align: center;
    border: 0;
    border: 1px solid #ab0105;
    outline: none;
}
.middle_nr_right_con_pro .account .link {
    height: 38px;
    background: #9f9f9f;
    color: #ffffff;
    display: flex;
    align-items: center;
    padding: 0px 15px;
    padding-left: 30px;
    cursor: pointer;
    border-bottom: 1px dashed #ffffff;
    position: relative;
}
.middle_nr_right_con_pro li:last-child .link{
    border-bottom:none;
}
.middle_nr_right_con_pro .account .link:after {
    position: absolute;
    content: "";
    top: 17px;
    left: 16px;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background: #ffffff;
}
.middle_nr_right_con_pro .account .accordion_pro{
    display: none;
}
.middle_nr_right_con_pro .account .accordion_pro li {
    height: 38px;
    display: flex;
    align-items: center;
    background: #ffffff;
    padding: 0px 15px;
    border-bottom: 1px dashed #9f9f9f;
}
.middle_nr_right_con_pro .account .accordion_pro li a{
    color: #9f9f9f;
    font-size:14px;
}
.middle_nr_right_con_pro .account .accordion_pro li i {
    font-size: 14px;
    color: #ab0105;
    margin-right: 2px;
}
.middle_nr_right_con_pro .account .accordion_pro li:last-child {
    border-bottom: none;
}
.middle_nr_left_product_details {
    margin: 15px 0px;
    overflow: hidden;
}
.middle_nr_left_product_details_top {
    margin-top: 15px;
    overflow: hidden;
}
.middle_nr_left_product_details_top_thumb {
    width: 100%;
    height: 400px;
    overflow: hidden;
}
.middle_nr_left_product_details_top_thumb img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.middle_nr_left_product_details_top_but {
    margin: 15px 0px;
    overflow: hidden;
}
.middle_nr_left_product_details_top_but ul li {
    width: 172px;
    height: 40px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #9f9f9f;
    margin-right: 8px;
    margin-bottom: 10px;
    cursor: pointer;
    color: #333333;
}
.middle_nr_left_product_details_top_but ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333333;
    width: 100%;
    height: 100%;
}
.middle_nr_left_product_details_top_but ul li a:hover{
    color: #ab0105;
}
.middle_nr_left_product_details_top_but ul li:nth-child(5n){
    margin-right: 0;
}
.middle_nr_left_product_details_top_but ul li:hover{
    border:1px solid #ab0105;
    color: #ab0105;
}
.middle_nr_left_product_details_top_but ul li i {
    margin-right: 3px;
    vertical-align: middle;
}
i.iconfont.tuji {
    font-size: 23px;
}
.middle_nr_left_product_details_top_sort label {
    font-size: 14px;
    color: #323232;
}
.middle_nr_left_product_details_top_sort span a {
    color: #323232;
    margin-right: 15px;
}
.middle_nr_left_product_details_top_sort span a:hover{
    color: #ab0105;
}
.middle_nr_left_present_nr {
    padding: 15px 0px;
    overflow: hidden;
    line-height: 26px;
    color: #333333;
    font-size: 14px;
}
.middle_nr_left_technical_nr {
    padding: 15px 0px;
    overflow: hidden;
}
.middle_nr_left_technical_nr table{
    width: 100%;
}
.middle_nr_left_technical_nr table td {
    padding: 7px 15px 5px;
    font-size: 14px;
}
.middle_nr_left_present {
    margin-bottom: 10px;
}
.middle_nr_left_inquiry_nr {
    margin: 15px 0px 20px;
    border: 1px solid #9f9f9f;
    padding: 10px 10px 30px;
    overflow: hidden;
}
.middle_nr_left_inquiry_nr p {
    font-size: 14px;
    color: #333333;
    margin-bottom: 20px;
    padding-top: 8px;
}
.middle_nr_left_inquiry_nr_bottom_inp label {
    font-size: 14px;
    font-weight: normal;
    color: #333333;
    min-width: 70px;
    display: flex;
    align-items: center;
    margin-bottom: 0;
}
.middle_nr_left_inquiry_nr_bottom_inp input {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    width: 91%;
    height: 35px;
    padding: 0px 10px;
    font-size: 12px;
    outline: none;
    color: #9f9f9f;
}
.middle_nr_left_inquiry_nr_bottom_inp {
    padding-bottom: 30px;
    overflow: hidden;
    width: 47%;
    float: left;
    display: flex;
    margin-right: 40px;
}
.middle_nr_left_inquiry_nr_bottom_inp:nth-child(odd){
    margin-right: 0;
}
.middle_nr_left_inquiry_nr_bottom_inp:first-child {
    width: 860px;
    margin-right: 0;
}
.middle_nr_left_inquiry_nr_bottom_inp .yzm {
    font-size: 12px;
    width: 73px;
    max-width: 125px;
    background: #ab0105;
    border: none;
    color: #ffffff;
}
.middle_nr_left_inquiry_nr_bottom_inp .inp_yz {
    border: none;
    border: 1px solid #9f9f9f;
    border-right: none;
}
.middle_nr_left_inquiry_nr_bottom_button span {
    font-size: 12px;
    color: #ab0105;
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
}
.middle_nr_left_inquiry_nr_bottom_button .inquirysubmit {
    min-width: 126px;
    padding: 0px 15px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: #ab0105;
    border-radius: 4px;
    float: right;
    margin-right: 13px;
}
.middle_nr_left_honor {
    margin: 20px 0px;
    overflow: hidden;
}
.middle_nr_left_honor_nr {
    margin-top: 20px;
    overflow: hidden;
}
.middle_nr_left_honor_nr ul li {
    width: 204px;
    height: auto;
    text-align: center;
    float: left;
    cursor: pointer;
    margin-right: 25px;
    margin-bottom: 25px;
}
.middle_nr_left_honor_nr ul li:nth-child(4n){
    margin-right: 0;
}
.middle_nr_left_honor_nr ul li .middle_nr_left_honor_nr_thumb {
    width: 100%;
    height: 140px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 3px;
}
.middle_nr_left_honor_nr ul li:hover .middle_nr_left_honor_nr_thumb{
    border:1px solid #ab0105;
}
.middle_nr_left_honor_nr ul li .middle_nr_left_honor_nr_thumb img {
    max-width: 95%;
    max-height: 138px;
}
.middle_nr_left_honor_nr ul li p {
    padding-top: 15px;
    font-size: 14px;
    color: #333333;
}
.middle_nr_left_honor_nr ul li:hover p{
    color:#ab0105;
}
/*配件弹窗*/
#web_bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-width: 1000px;
    z-index: 999999;
    zoom: 1;
    background-color: rgba(0,0,0,0.7);
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
    /*    display:block;*/
}
.peijiantanchu {
    width: 310px;
    height: 160px;
    position: absolute;
    top: 40%;
    margin-left: 50%;
    left: -155px;
    background: #ffffff;
    border-radius: 5px;
}
.pejiancmanei {
    width: 310px;
    height: 80px;
    float: left;
    line-height: 80px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #ab0105;
}
.pejiananniu {
    width: 310px;
    height: 80px;
    float: left;
}
.yes {
    display: block;
    width: 90px;
    height: 30px;
    float: left;
    background: #ab0105;
    font-size: 14px;
    text-align: center;
    color: #fff;
    line-height: 30px;
    margin: 20px 34px;
    border-radius: 3px;
}
.no {
    display: block;
    width: 90px;
    height: 30px;
    float: left;
    background: #ab0105;
    font-size: 14px;
    text-align: center;
    color: #fff;
    line-height: 30px;
    margin: 20px 30px;
    border-radius: 3px;
}
.yes:hover{
    color: #fff;
    background: #ef5256;
}
.no:hover{
    background: #ef5256;
    color: #fff;
}
.web_bg .peijiantanchu{
    display:none;
}
/*配件弹窗结束*/
.middle_nr_right_con_select_inp {
    width: 69%;
    display: flex;
    height: 35px;
    border: 1px solid #ab0105;
}
.middle_nr_right_con_select_inp input {
    width: 83%;
    outline: none;
    border: none;
    padding: 2px 10px 0px;
}
.formsubmit i {
    color: #ab0105;
    display: inline-block;
    margin-top: 3px;
}
.middle_nr_left_accessories{
    padding: 20px 0px;
    overflow: hidden;
}
.middle_nr_left_accessories .middle_nr_left_accessories_top {
    font-size: 14px;
    color: #333333;
    padding-bottom: 10px;
}
.middle_nr_left_accessories .middle_nr_left_accessories_con {
    color: #9f9f9f;
    font-size: 12px;
    padding-bottom: 10px;
}
.middle_nr_left_accessories .accessories_buy{
    color: #9f9f9f;
    font-size: 12px;
    padding-bottom: 10px;
    text-decoration:underline;
}
.middle_nr_left_accessories .accessories_buy:hover{
    color: #ab0105;
}
.middle_nr_left_accessories_bottom {
    width: 100%;
    margin-top: 10px;
}
.middle_nr_left_accessories_bottom select {
    width: 100%;
    height: 35px;
    line-height: 35px;
    outline: none;
    color: #9f9f9f;
    text-indent: 10px;
}
.middle_nr_left_product_upload {
    padding: 20px 0px;
    overflow: hidden;
}
.middle_nr_left_product_upload_title {
    font-size: 16px;
    color: #ab0105;
    font-weight: bold;
    overflow: hidden;
}
.middle_nr_left_product_upload_nr{
    padding: 20px 0px;
    overflow: hidden;
}

.middle_nr_left_product_upload_nr input {
    width: 400px;
    padding: 7px 0px;
    outline: none;
    text-indent: 10px;
    height: 38px;
}
.middle_nr_left_product_upload .peijiananniu {
    width: 90px;
    background: #ab0105;
    border: none;
    outline: none;
    color: #ffffff;
    height: 38px;
    text-align: center;
    text-indent: 0;
    margin-left: -5px;
}
.middle_nr_left_product_upload .accessories_buy {
    font-size: 12px;
    color: #ab0105;
    text-decoration: underline;
    margin-bottom: 5px;
    display: inline-block;
}
.middle_nr_left_product_upload .middle_nr_left_inquiry_nr_bottom_inp:first-child{
    width: 47%;
    margin-right: 40px;
}
.middle_nr_left_product_upload .middle_nr_left_inquiry_nr_bottom_inp:nth-child(odd){
    margin-right: 40px;
}
.middle_nr_left_product_upload .middle_nr_left_inquiry_nr_bottom_inp:nth-child(2n){
    margin-right: 0px;
}
i.iconfont.qiye {
    font-size: 21px;
    display: inline-block;
    margin-top: -4px;
    vertical-align: middle;
}
.accessories_category {
    margin: 30px 0px 15px;
    overflow: hidden;
    padding: 15px;
    border: 1px solid #ab0105;
}
.accessories_category_top {
    overflow: hidden;
    margin-top: 10px;
}
.accessories_category_top_left {
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    float: left;
    margin-right: 70px;
}
.accessories_category_top_left select {
    height: 34px;
    color: #9f9f9f;
    font-size: 12px;
    width: 240px;
    outline: none;
    text-indent: 10px;
}
.accessories_category_top_right {
    height: 34px;
    overflow: hidden;
    border: 1px solid #ab0105;
    width: 310px;
    padding: 0px 10px;
    display:flex;
}
.accessories_category_top_right input {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    border: none;
    outline: none;
    display: inline-block;
    padding: 4px 0px 0px;
    margin-right: 10px;
}
.accessories_category_top_right i {
    display: inline-block;
    font-size: 22px;
    color: #ab0105;
    margin-top: 1px;
    min-width: 23px;
}
.accessories_category_sore {
    padding: 35px 0px;
    overflow: hidden;
}
.accessories_category_sore h3 {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #323232;
}
.accessories_category_sore_nr {
    margin-top: 20px;
    overflow: hidden;
}
.accessories_category_sore_nr span.on{
    background: #ab0105;
    color: #ffffff;
    padding-right: 10;
}
.accessories_category_sore_nr span {
    background: #ebebeb;
    height: 30px;
    display: inline-block;
    float: left;
    line-height: 30px;
    margin-right: 20px;
    border-radius: 4px;
    color: #323232;
    padding: 0px 10px;
    text-align: center;
    margin-bottom: 20px;
    font-size:12px;
    cursor: pointer;
}
.accessories_category_sore_nr span a{
    color: #323232;
    text-align: center;
}
.accessories_category_sore_nr span.on a{
    color: #ffffff;
}
.accessories_category_table {
    overflow: hidden;
}
.accessories_category_table table{
    width: 100%;
    border:1px solid #ab0105;
    text-align: center;
    color: #323232;
    font-size:12px;
}
.accessories_category_table table tr td{
    padding: 10px 0px;
}
.accessories_category_table table th{
    text-align: center;
    padding: 10px 0px;
    min-width:100px;
}
.accessories_category_table table th a{
    color: #323232;
}
.accessories_category_table table tr td:last-child{
    color: #ab0105;
    font-weight:bold;
}
.accessories_category_table table th img {
    width: 10px;
    vertical-align: middle;
    margin-left: 5px;
    display: inline-block;
    margin-top: -3px;
}
.accessories_category_table_bottom {
    padding: 40px 20px;
    display: flex;
    justify-content: flex-end;
}
.accessories_category_table_bottom a {
    font-size: 14px;
    color: #ffffff;
    background: #ab0105;
    margin-right: 10px;
    padding: 8px 10px;
    min-width: 140px;
    text-align: center;
    border-radius: 4px;
}
.nochange {
    color: #9f9f9f !important;
}
.cartbutton{
    color: #ab0105;
}
.cartbutton:hover{
	color: #ab0105;
}
.spinner{
    height: auto !important;
    width: 40px !important;
    left: 44px !important;
}
.spinner .value {
    float: left;
    background-position: 0 -100px;
    width: 20px !important;
    height: 35px !important;
    border: none;
    font-family: Arial;
    color: #ffffff;
    padding: 0px;
    background: #be201b;
}
.spinner .decrease {
    background-position: 0 -75px;
    cursor: default;
    float: right !important;
    position: absolute;
    right: 0;
    top: 18px;
    height: 17px;
    line-height: 12px;
    text-indent: 0 !important;
    font-size: 17px;
}
.spinner .increase {
    text-indent: 0 !important;
    line-height: 14px;
    height: 18px;
    border-bottom: none;
    font-size: 14px;
}
.spinner .value.passive{
    color: #34353a !important;
    background: #dcdce4 !important;
    border: 1px solid #9b9b9d !important;
    border-right: none !important;
}
.spinner button{
    color: #ad0004;
    width: 20px !important;
}

.accessories_category_table table tr td .example-image-link{
    color: #333333;
}
span.zx_gray {
    color: #9f9f9f;
}
.page {
    display: flex;
    justify-content: center;
    overflow: hidden;
    padding-top: 30px;
}
.page span {
    padding: 5px 10px;
    border: 1px solid #cccccc;
    margin-right: 10px;
    height: 30px;
    line-height: 24px;
    color: #323232;
}
.page span a{
    color: #323232;
}
.accessories_gwc {
    padding: 30px 0px 10px;
    overflow: hidden;
}
.accessories_gwc table {
    width: 100%;
    text-align: center;
    border: 1px solid #ab0105;
}
.accessories_gwc table td {
    padding: 10px 5px;
    font-size: 12px;
}
.accessories_gwc table td .delete {
    color: #ab0105;
}
.accessories_gwc .yanse{
    color: #ab0105;
}
.pejianzongji {
    margin: 20px 0px 0px;
    background: #cccccc;
    padding: 15px 30px;
    overflow: hidden;
}
.pejianzongji .cartdelform {
    font-size: 14px;
    color: #ffffff;
    background: #ab0105;
    padding: 8px 30px;
    text-align: center;
    border-radius: 4px;
}
.pejianzongji span {
    margin-left: 40px;
    color: #333333;
    font-weight: bold;
}
.accessories_gwc table .zx_black{
    color: #ab0105;
}
.middle_nr_left_download {
    margin: 15px 0px;
    overflow: hidden;
}
.middle_nr_left_download_nr {
    overflow: hidden;
    margin-bottom: 15px;
}
.middle_nr_left_download_nr_wz {
    display: flex;
    overflow: hidden;
    border-bottom: 1px dashed #888888;
    cursor: pointer;
}
.middle_nr_left_download_nr_wz:hover i.jiantou{
    color: #ab0105;
}
.middle_nr_left_download_nr_wz .synopsis_down:hover i{
    color: #ab0105;
}
.middle_nr_left_download_nr_wz .synopsis_over:hover i{
    color: #ab0105;
}
.middle_nr_left_download_nr_wz:hover h3{
    color: #ab0105;
}
.middle_nr_left_download_nr_wz a{
    color: #333333;
}
.middle_nr_left_download_nr_wz h3 {
    font-size: 12px;
    color: #333333;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.middle_nr_left_download_nr_wz span {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    text-align: right;
    display: inline-block;
    margin-top: 13px;
    min-width: 100px;
}
.middle_nr_left_download_nr_wz span i{
    margin-left: 15px;
    font-size:22px;
}
.middle_nr_left_download_nr_wz span .synopsis_down i {
    vertical-align: top;
    margin-top: -3px;
    display: inline-block;
}
.middle_nr_left_product_nr {
    margin: 20px 0px;
    overflow: hidden;
}
.middle_nr_left_video_details_shipin {
    width: 100%;
    height: 410px;
    margin-top: 15px;
    overflow: hidden;
}
.middle_nr_left_video_details_shipin video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.middle_nr_left_video_details_nr {
    padding-top: 30px;
    overflow: hidden;
}
.middle_nr_left_video_details_nr .middle_nr_left_video_details_nr_top{
    color: #5a5a5a;
    font-size:14px;
    padding-bottom: 10px;
    font-weight:bold;
}
.middle_nr_left_video_details_nr_bottom {
    font-size: 12px;
    line-height: 28px;
    color: #5a5a5a;
}
.middle_nr_left_contact {
    display: flex;
    overflow: hidden;
}
.middle_nr_left_contact .middle_nr_left_contact_left {
    width: 465px;
    min-width: 465px;
    height: 333px;
    overflow: hidden;
}
.middle_nr_left_contact .middle_nr_left_contact_left img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.middle_nr_left_contact .middle_nr_left_contact_right{
    margin-left: 10px;
    width: 100%;
}
.middle_nr_left_contact .middle_nr_left_contact_right p {
    padding: 11px 15px;
    background: #ffffff;
    font-size: 12px;
    color: #333333;
}
.middle_nr_left_product_nr_money table {
    width: 100%;
    border:1px solid #9f9f9f;
}
.middle_nr_left_product_nr_money table th{
    text-align: center;
    padding: 10px 5px;
    color: #ffffff;
}
.middle_nr_left_product_nr_money table td{
    text-align: center;
    padding: 15px 5px;
    font-size:12px;
    color: #333333;
    line-height: 25px;
    min-width: 120px;
}
.middle_nr_left_product_nr_money_bottom{
    font-size:12px;
    color: #333333;
    line-height: 25px;
    margin-top: 15px;
}
i.iconfont.zuzhijiagou {
    font-size: 20px;
    margin-right: 3px;
}

.middle_nr_left_video_details_nr_top h3 {
    text-align: center;
    font-size: 20px;
    padding-bottom: 10px;
}
.middle_nr_left_news {
    padding-bottom: 30px;
}
.middle_nr_left_news_nr {
    overflow: hidden;
    display: flex;
    cursor: pointer;
    border-bottom: 1px dashed #9f9f9f;
}
.middle_nr_left_news_nr:hover .middle_nr_left_news_nr_left{
    color: #ab0105;
}
.middle_nr_left_news_nr:hover .middle_nr_left_news_nr_right h3{
    color: #ab0105;
}
.middle_nr_left_news_nr .middle_nr_left_news_nr_left {
    margin: 15px 0px;
    padding: 0px 20px;
    white-space: nowrap;
    text-align: center;
    color: #333333;
    position: relative;
    float: left;
    min-width: 110px;

}
.middle_nr_left_news_nr .middle_nr_left_news_nr_left h1 {
    font-size: 40px;
    font-weight: normal;
    margin: 0;
    margin-top: 9px;
}
.middle_nr_left_news_nr .middle_nr_left_news_nr_left span {
    font-size: 14px;
}
.middle_nr_left_news_nr .middle_nr_left_news_nr_left:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 57px;
    background: #333333;
    top: 18px;
    right: 0;
}
.middle_nr_left_news_nr .middle_nr_left_news_nr_right{
    padding: 15px 0px;
    margin-left: 20px;
    width: 85%;
    float: left;
}
.middle_nr_left_news_nr .middle_nr_left_news_nr_right h3 {
    font-size: 15px;
    color: #333333;
    font-weight: normal;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 100%;
}
.middle_nr_left_news_nr .middle_nr_left_news_nr_right p {
    font-size: 13px;
    color: #666666;
    line-height: 22px;
    padding-top: 3px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}