﻿
@media (max-width:767px){.top-nav .top-nav-height a,.top-nav .top-nav-height .popup-icon{vertical-align:top;}
.top-nav .top-nav-height a span.text,.top-nav .top-nav-height div.popup-icon span.text{line-height:22px;margin-top:5px;display:block;font-size: 1rem;}}
.content-icon-box .col-xs-6{vertical-align:top;}
.content-icon-box .col-xs-6 p{-webkit-line-clamp:initial;}
.screen-select-box .screen-option dl.dl-horizontal dt{width:auto;}
.common-dialog .modal-dialog{top:0;left:0;}
.dsrms form .forms-warp em{display:inline-block;font-size:18px;}html[lang="en"] .col-item .type{width:auto;display:inline-block;}html[lang="en"] .col-item.type3 .type,html[lang="en"] .col-item.news-item .type,html[lang="en"] .col-item.type2 .type{background:url(../image/type2.png) repeat-x;}
@media (min-width:992px){.about-win h2{min-width:300px;}}
.item-row .left-con{display:table;}
.col-item .imgbox,.content-list-box .c-box .imgbox,.content-list-box-other .c-box .imgbox{overflow:hidden;position:relative;}
.col-item .imgbox img,.index-dt-box .col-item .imgbox img,.content-list-box .c-box .imgbox img,.content-list-box-other .c-box .imgbox img,.tab-content .type1 a .imgbox img,.tab-content .type2 a .imgbox img,.tab-content .type3 a .imgbox img{float:none;height:auto;width:100%;position:absolute;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);top:50%;left:0;}
.publication-detail-list .content-list-box .c-box .imgbox img{float:none;height:100%;width:auto;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);top:0;left:50%;max-width:inherit;}
@media (min-width:992px){.col-item a:hover .imgbox img,.content-list-box .c-box:hover .imgbox img,.content-list-box-other .c-box:hover .imgbox img,.tab-content .type1 a:hover .imgbox img,.tab-content .type2 a:hover .imgbox img,.tab-content .type3 a:hover .imgbox img,.index-dt-box .type1 a:hover .imgbox img,.index-dt-box .type2 a:hover .imgbox img{-webkit-transform:translateY(-50%) scale(1.05);-ms-transform:translateY(-50%) scale(1.05);transform:translateY(-50%) scale(1.05);left:0;top:50%;width:100%;height:auto;}
.publication-detail-list .content-list-box .c-box:hover .imgbox img{-webkit-transform:translateX(-50%) scale(1.05);-ms-transform:translateX(-50%) scale(1.05);transform:translateX(-50%) scale(1.05);left:50%;top:0;width:auto;height:100%;}}
@media(max-width:991px){.step-box{width:100%;overflow:hidden;}}
@media(max-width:767px){.main-subnav .dropdown ul li.active a,.main-subnav .dropdown ul li:hover a,.main-subnav .dropdown ul li:focus a{color:#333;}}
.main .share-box{z-index:99;}
@media (min-width:992px){.list-row .list-item .poster{max-width:230px;}
.big-box .contact-infor{overflow:hidden;position:relative;padding-left:0;margin-top:5px;margin-left:45px;margin-right:45px;}}
.has-keyword a> :before{content:"\e90c";}
@keyframes showdiv{from{width:0;}to{width:100%;}}
@-webkit-keyframes showdiv{from{width:0;}to{width:100%;}}
@-webkit-keyframes showdiv{from{width:0;}to{width:100%;}}
.index-banner{    
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    padding-left: 15px;
    padding-right: 15px;}
.index-banner .slick{width:100%;height:100%;}
.index-banner .slick .slide{position:relative;width:100%;height:100%;display: inline-block;}
.index-banner .slick .slide::before{height:200px;width:100%;content:"";
/*background:linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%);*/
display:block;position:absolute;bottom:0;left:0;}
.index-banner .slick .slide .banner-img{width:100%;height:auto;float:left;z-index: 1; border-radius: 5px;}
.index-banner .slick .slide span.btn-more{border:1px solid #fff;text-align:center;color:#fff;display:inline-block;text-decoration:none;position:absolute;font-size:0.875em;padding:5px 0;}
@media (max-width:992px){
.index-banner{margin-bottom: 10px !important;}
.index-banner .slick .slide span.btn-more{min-width:140px;padding-left:20px;padding-right:20px;}
.index-banner .slick .slide::before{height:90px;}}
.index-banner .slick .slide span.btn-more:hover{background-color:#c7000b;border-color:#c7000b;color:#fff;}
.index-banner .slick .slide span.btn-more.btn-black{color:#111111;border:1px solid #111111;}
.index-banner .slick .slide span.btn-more.btn-black:hover{border-color:#c7000b;color:#fff;}
.index-banner .slick .slide span.btn-more.btn-center{left:50%;margin-left:-89px;margin-left:-50px;}
.index-banner .pagination{position:absolute;width:100%;text-align:center;margin:0;bottom:0;display:none; max-width: initial;border-top: none;}
.index-banner .pagination a{color:#fff;display:inline-block;margin:0 5px;padding:20px 0;font-size:0.875em;text-decoration:none;opacity:1;}
.index-banner .pagination a .progress-div{width:100px;height:3px;background:rgba(230,230,230,0.7);position:relative;}
.index-banner .pagination a .progress-div div{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;display:none;}
.index-banner .pagination a.active .progress-div div{display:block;animation:showdiv 4s 1 linear;-webkit-animation:showdiv 4s 1 linear;}
.index-banner .slick-prev{left:0;}
@media (max-width:992px){.index-banner .slick-prev{display:none !important;}}
.index-banner .slick-prev:before{font-size:35px;line-height:35px;content:"\E979";color:#ff0000;}
.index-banner .slick-next{right:0;}
@media (max-width:992px){.index-banner .slick-next{display:none !important;}}
.index-banner .slick-next:before{font-size:35px;line-height:35px;content:"\E978";color:#ff0000;}
.index-banner .slick-dots{bottom:-10px;}
.index-banner .slick-dots li{border:1px solid #fff;}
.index-banner .slick-dots .slick-active{background:#fff;}
@media (min-width:992px){.index-banner .slick .slick-dots{display:none !important;}
.index-banner .slick .slide span.btn-more{padding:0 30px;min-width:170px;height:42px;line-height:40px;}
.index-banner .slick .slide span.btn-more.btn-center{margin-left:-89px;}
.index-banner .pagination{display:block;}
.index-banner .arrow-left,.index-banner .arrow-right{margin-top:-40px;}
.index-banner .arrow-left:before,.index-banner .arrow-right:before{font-size:60px;line-height:60px;}
.index-banner .slick-prev{opacity:0;visibility:hidden;left:2%;-webkit-transition:all 0.4s;transition:all 0.4s;}
.index-banner .slick-prev:before{font-size:35px;line-height:35px;}
.index-banner .slick-next{opacity:0;visibility:hidden;right:2%;-webkit-transition:all 0.4s;transition:all 0.4s;}
.index-banner .slick-next:before{font-size:35px;line-height:35px;}}
@media (min-width:992px){.slick:hover .slick-prev{opacity:1;visibility:visible;}
.slick:hover .slick-next{opacity:1;visibility:visible;}}
.index-dt-box ul li{position:relative;height:130px;}
.index-dt-box ul li .iconfont{color:#666666;display:block;-webkit-transition:all 0.5s;transition:all 0.5s;font-size:60px;}
.index-dt-box ul li a{display:block;text-decoration:none;position:relative;position:absolute;top:0;left:0;width:100%;}
.index-dt-box ul li a:hover .iconfont{color:#c7000b;}
.index-dt-box ul li a span{position:absolute;left:0;bottom:-40px;width:100%;text-align:center;line-height:20px;}
@media (min-width:992px){.index-dt-box ul{padding-bottom:60px;}
.index-dt-box ul li .iconfont{font-size:100px;}}
.index-banner .slick .slide a.btn-left{top:65.3%;left:12.5%;position:absolute;margin:0;}
.index-banner .slick .slide a.btn-center{top:65.3%;position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);margin:0 !important;}
.index-banner .slick .slide a.btn-right{top:65.3%;right:12.5%;position:absolute;margin:0;}
@media (max-width:992px){.index-banner .slick span.btn-more{top:37%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);margin:0 !important;}
.index-banner >.slick > .slide{height:420px;}
.index-banner .slick.slick-slider .slide{height:auto;}}
.main .btn-group{margin-top:20px;}
.main .btn-group a{margin:0 15px;}
.main .btn-group a:hover,.main .btn-group a:focus{background-color: #f00!important;color: #fff;}
@media (max-width:320px){.main .btn-group a{margin:0;}}
.recommend-img-list .img-box{position:relative;}
.recommend-img-list .img-box img{float:none;}
@media (max-width:992px){.recommend-img-list{margin-left:-15px;margin-right:-15px;padding:0 7.5px;display:flex;flex-wrap:wrap;}
.recommend-img-list:before{content:'';display:table;}
.recommend-img-list:after{content:'';clear:both;display:table;}
/*.recommend-img-list .recommend-img-box{width:50%;display:flex;float:none;padding:0 7.5px;flex:1 0 auto;}*/
.recommend-img-list .recommend-img-box{width:50%;display:block;float:none;padding:0 7.5px;flex:1 0 auto;}
.recommend-img-list .recommend-img-box .text-box{position:static;color:#000;background:#f5f5f5;padding:10px 15px;}
.recommend-img-list .recommend-img-box .text-box .name{min-height:2.8em;overflow:hidden;color:#333;font-size:1em;max-height:63px;}
.recommend-img-list .recommend-img-box .text-box .category{color:#666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}}
@media (max-width:1024px){.index-banner .slick .slide::after{position:absolute;content:"";background:rgba(0,0,0,0);width:100%;height:100%;z-index:9;}
.index-banner .slick .slide [class*="rich-text"]{z-index:10;}}
.recommend-img-list-mobile-slide{margin-bottom:15px;}
.recommend-img-list-mobile-slide a{outline:none;}
.recommend-img-list-mobile-slide .img-box img{width:100%;}
.recommend-img-list-mobile-slide .slide{position:relative;}
.recommend-img-list-mobile-slide .mask{position:absolute;width:100%;height:100%;left:0;top:0;z-index:2;-webkit-transition:all 0.5s;transition:all 0.5s;background-image:url(../image/mask_grad.png);background-repeat:repeat-x;background-position:left bottom;background-size:auto 100%;visibility:visible;opacity:0.7;}
.recommend-img-list-mobile-slide .slick-next{right:0;display:none !important;}
.recommend-img-list-mobile-slide .slick-next:before{font-size:16px;color:#fff;font-weight:bold;}
.recommend-img-list-mobile-slide .slick-next.slick-disabled:before{opacity:0;}
.recommend-img-list-mobile-slide .slick-prev{left:0;display:none !important;}
.recommend-img-list-mobile-slide .slick-prev:before{font-size:16px;color:#fff;font-weight:bold;}
.recommend-img-list-mobile-slide .slick-prev.slick-disabled:before{opacity:0;}
.recommend-img-list-mobile-slide .slick-dots{bottom:15px;}
.recommend-img-list-mobile-slide .slick-dots li{margin:0 10px;}
.recommend-img-list-mobile-slide .slick-dots li.slick-active{background:#fff;border:none;}
.recommend-img-list-mobile-slide .text-box{position:absolute;bottom:40px;left:0;padding:0 15px;text-align:left;z-index:2;}
.recommend-img-list-mobile-slide .text-box .category{font-size:1em;line-height:1.8em;color:#ccc;}
.recommend-img-list-mobile-slide .text-box .text{font-size:0.875em;line-height:1.8em;color:#ccc;margin-top:5px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.recommend-img-list-mobile-slide .text-box .name{color:#fff;line-height:1.4em;font-weight:bold;margin:0;font-size:1.2em;}
@media(max-width:991px){.recommend-img-list-mobile-slide .text-box .name{overflow:hidden;font-size:1.2em;max-height:112px;}
.recommend-img-list-mobile-slide .text-box .text{display:none;}
.recommend-img-list-mobile-slide .slick-dots{bottom:15px;}
.recommend-img-list-mobile-slide .text-box .category{color:#fff;}}
.col-item .textbox .overtext{height:9.6em;overflow:hidden;}
@media (min-width:1366px) and (max-width:1700px){.col-item .textbox .ovdertext{height:10.8em;}}
@media (min-width:992px) and (max-width:1365px){.col-item .textbox .overtext{height:11.3em;}}
@media (max-width:992px){.col-item .textbox .overtext{height:9.6em;}
.index-dt-box .col-item .textbox .overtext{height:auto;}}
@media (min-width:768px) and (max-width:992px){.index-dt-box .col-item .imgbox{height:560px;}}
.btn-play i{font-size:22px;margin-top:-10px;margin-left:-8px;}
.overlay-img{position:absolute;top:0;left:0;}
.recommend-videoimg-box .content-box .recommend-videoimg-text h2{padding-bottom:16px;}

.banner-text-3 {
text-align: center;
top: 72%;
left: 16%;
position: absolute;
margin: 0;
width: 35%;
}
.index-banner .slick .slide .banner-text-3 span.btn-more{
left: 50%;
margin-left: -125px;
}
@media (max-width: 992px){
.index-banner .slick .slide .banner-text-3 span.btn-more.btn-black{
color: #ffffff;
border: 1px solid #ffffff;
}
}
@media (max-width: 1500px){
.banner-text-3{
left: 15.5%;
}
}
@media(max-width: 1366px) {
.banner-text-3 {
left: 9%
}
}
@media (max-width:1280px) {
.banner-text-3 {
left: 16%;
}
}
@media (max-width:1200px) {
.banner-text-3 {
left: 16%;
}
}
@media (min-width: 992px) and (max-width:1024px) {
.banner-text-3 {
left: 16%;
}
.index-banner .slick .slide .banner-text-3 span.btn-more{
left: 50%;
margin-left: -120px;
}
}
@media (max-width: 992px) {
.banner-text-3 h3 {
font-size: 1.8em;
color: #fff;
}
.banner-text-3 p {
font-size: 1.2em;
color: #fff;
margin-bottom: 1em;
}
.banner-text-3 {
text-align: center;
top: 80%;
left: 9%;
position: absolute;
margin: 0;
width: 80%;
}
.index-banner .slick .slide .banner-text-3 span.btn-more {
top: 100%;
left:auto;
}
}

.banner-text-2 {
text-align: center;
top: 68%;
left: 30.8%;
position: absolute;
margin: 0;
width: 35%;
}
.index-banner .slick .slide .banner-text-2 span.btn-more{
left: 55%;
margin-left: -90px;
}
@media (max-width: 1580px){
.banner-text-2{
left: 31.2%;
}
}
/*ipad pro*/
@media(max-width: 1366px) {
.banner-text-2 {
left: 34.3%;
}
}
@media (max-width:1280px) {
.banner-text-2 {
left: 31.0%;
}
}
@media (max-width:1200px) {
.banner-text-2 {
left: 33.8%;
}
}
@media (min-width: 992px) and (max-width:1024px) {
.banner-text-2 {
left: 33%;
}
.index-banner .slick .slide .banner-text-2 span.btn-more{
left: 50%;
margin-left: -90px;
}
}
@media (max-width: 992px) {
.banner-text-2 h3 {
font-size: 1.8em;
color: #fff;
}
.banner-text-2 p {
font-size: 1.2em;
color: #fff;
margin-bottom: 1em;
}
.banner-text-2 {
text-align: center;
top: 76%;
left: 11%;
position: absolute;
margin: 0;
width: 80%;
}
.index-banner .slick .slide .banner-text-2 span.btn-more {
top: 100%;
left:auto;
}
}

.banner-text-1 {
text-align: center;
top: 60%;
left: 13.3%;
position: absolute;
margin: 0;
width: 30%;
}
.banner-text-1 h3 {
font-size: 2.5em;
color: #fff;
}
.banner-text-1 p {
font-size: 1.2em;
color: #fff;
margin-bottom: 1em;
}
.index-banner .slick .slide .banner-text-1 span.btn-more{
left: 55%;
margin-left: -90px;
}
@media(max-width: 1500px){
.banner-text-1 {
left: 9.5%;
}
}
@media(max-width: 1366px) {
.banner-text-1 {
left: 14.2%;
}
}
@media (max-width:1280px) {
.banner-text-1 {
left: 14%;
}
}
@media (max-width:1200px) {
.banner-text-1 {
left: 14%;
}
}
@media (min-width: 992px) and (max-width:1024px) {
.banner-text-1 {
left: 15.4%;
}
.index-banner .slick .slide .banner-text-1 span.btn-more{
left: 50%;
margin-left: -90px;
}
}
@media (max-width: 992px) {
.banner-text-1 h3 {
font-size: 1.8em;
color: #fff;
}
.banner-text-1 p {
font-size: 1.2em;
color: #fff;
margin-bottom: 1em;
}
.banner-text-1 {
text-align: center;
top: 36%;
left: 11%;
position: absolute;
margin: 0;
width: 80%;
}
.index-banner .slick .slide .banner-text-1 span.btn-more {
top: 100%;
left:auto;
}
}

.recommend-videoimg-text {
position: relative;
top: 50%;
transform: translateY(-50%);
max-width: 60%;
margin: 0 auto;
}
.recommend-videoimg-text .btn-center {
position: relative;
transform: translateX(0%);
left: auto;
top: auto;
}
.recommend-videoimg-text .vertical-middle-sm h2 {
text-align: center;
}
.recommend-videoimg-box .content-box .recommend-videoimg-text .subtitle {
text-align: center;
}
@media (min-width: 992px) {
.recommend-videoimg-box .content-box .recommend-videoimg-text .subtitle {
max-width: 100%;
}
}
@media(min-width: 992px) and (max-width: 1024px) {
.recommend-videoimg-text {
position: relative;
top: 50%;
transform: translateY(-50%);
max-width: 70%;
}
.recommend-videoimg-text .btn-center {
transform: translateX(0%);
left: auto;
top: auto;
}
.recommend-videoimg-text .vertical-middle-sm h2 {
text-align: center;
}
.recommend-videoimg-box .content-box .recommend-videoimg-text .subtitle {
text-align: center;
}
@media (min-width: 992px) {
.recommend-videoimg-box .content-box .recommend-videoimg-text .subtitle {
max-width: 100%;
}
}
}
@media (max-width: 992px) {
.recommend-videoimg-text {
position: relative;
top: 50%;
transform: translateY(-50%);
max-width: 90%;
height: 100%;
}
.recommend-videoimg-text .btn-center {
transform: translateX(0%);
left: auto;
top: auto;
}
.recommend-videoimg-text .vertical-middle-sm h2 {
text-align: center;
}
.recommend-videoimg-box .content-box .recommend-videoimg-text .subtitle {
text-align: center;
}
@media (min-width: 992px) {
.recommend-videoimg-box .content-box .recommend-videoimg-text .subtitle {
max-width: 100%;
}
}
}
@media (max-width: 768px) {
.content-box .recommend-videoimg-text h2:after {
display: none;
}
}
/* 首页产品推荐 */
.product-list-box{
box-sizing: border-box;
background: #ffffff;
width:100%;
margin: 8px auto;
}
.product-list-box ul{
padding-left: 0px;
}
.product-list-box .video-list{
padding-left: 0px;
}
.product-list-box .video-list a .figure:after {
    width: 60px;
    height: 60px;
    line-height: 60px;
    content: "\E62D";
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
    z-index: 9;
    color: #ffffff;
    font-size: 3rem;
    text-align: center;
    vertical-align: middle;
}
.product-list-box .video-list li:hover a .figure:after {
    color: #20a5f3;
}
/*.product-list-box-left{
width:80%;
display: block;
float: left;
}
.product-list-box-right{
width:20%;
background: red;
position: absolute;
height: 100%;
top: 0;
right: 0;
}   首页产品推荐分左右两边时*/
.testdd:after {
content: "";
display: block;
clear: both;
height: 0px;
}
.recommend-list-box .recommend-list-header,
.product-list-box .product-list-header {
height: 60px;
margin-bottom:30px;
color: #666;
position: relative;
display: flex;
align-items: flex-end;
padding-left: 25px;
}
.recommend-list-header .recommend-list-title,
.product-list-box .product-list-header .product-list-title {
font-size: 25px;
font-weight: 600;
float: left;
margin: 0;
margin-right: 16px;
vertical-align: bottom;
}
.product-list-box .product-list-header .cut-off-line{
display: inline-block;
}
.product-list-box .product-list-header .list-subhead{
font-size: 18px;
margin-left: 16px;
display: inline-block;
float: left;
}
.product-list-box .product-list-header .cut-off-line:before{
content: "";
display: inline-block;
width: 1px;
height: 25px;
background: #bdbdbd;
vertical-align: middle;
}
.recommend-list-header .more,
.product-list-box .product-list-header .more {
right: 14px;
vertical-align: middle;
display: list-item;
list-style: none;
bottom: 0;
position: absolute;
}
.recommend-list-header .more a,
.product-list-box .product-list-header a {
color: #666;
padding: 2px 15px;
border: 1px solid #e1e1e1;
border-radius: 10px;
background-color: #fafafa;
background-image: -webkit-linear-gradient(top,#fff,#fafafa);
background-image: linear-gradient(180deg,#fff,#fafafa);
font-size: 16px;
display: inline-table;
}
.product-list-box ul li {
display: list-item;
position: relative;
float: left;
width:25%;
padding-bottom: 25px;
padding: 0 8px 25px 8px;
}
.product-list-box ul li a .figure {
width: 100%;
height: auto;
position: relative;
display: block;
}
.product-list-box ul li a .figure img {
width: 100% !important;
height: auto !important;
box-sizing: border-box;
}
.product-list-box ul li a p {
font-size: 18px;
line-height: 40px;
margin: 6px 0px;
word-wrap: break-word;
padding: 0px 15px;
letter-spacing: 0;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
text-align: center;
}


/* 首页横幅推荐 */
.recommend-list-box{
box-sizing: border-box;
background: #ffffff;
width: 100%;
margin: 5px auto;
padding-bottom: 25px;
}
.recommend-list-box ul{
width: 100%;
padding-top: 15px;
/*    border-top: 1px solid #e8e8e8;*/
padding-left: 0;
}
.recommend-list-box ul li{
margin-bottom: 0;
border-radius: 10px;
overflow: hidden;
width: 50%;
float: left;
padding: 0 3px;
}
.recommend-list-box ul li a{
display: block;
height: 100%;
position: relative;
overflow: hidden;
}
.recommend-list-box .recommend-list-header {
margin-bottom:15px;
}
.recommend-list-box .figure{
width:100%;
height: auto;
}
.recommend-list-box .figure img{
position: relative;
width: 100%;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.recommend-list-box h3{
font-size: 18px;
font-weight:600;
line-height: 30px;
margin: 13px 0px;
padding: 0px 10px;
letter-spacing: 0;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-wrap: break-word;
}
.recommend-middle.recommend-list-box .recommend-middle-list .recommend-middle-bg {
position: relative;
width: 100%;
height: 100%;
}
@media screen and (max-width:992px){
.product-list-box ul li {
width:50%;
padding: 1vw 1.5vw;
}}
@media screen and (max-width:768px){
.product-list-box{
margin: 0vw auto 3vw auto;
padding: 3vw 2vw;
}
.product-list-box .product-list-header {
height: 8.33333vw;
margin-bottom:13px;
padding-left: 3vw;}
.product-list-box .product-list-header .product-list-title {
font-size: 4vw;
margin: 0;
margin-right: 6px;
}
.product-list-box .product-list-header .list-subhead{
font-size: 3vw;
margin-left: 6px;
}
.product-list-box .product-list-header .more {
right: 14px;
}
.product-list-box .product-list-header a {
padding: 2px 9px;
font-size: 3vw;
}
.product-list-box ul li a h3 {
font-size: 3vw;
height: 7.8vw;
line-height: 3.9vw;
margin: 6px 0px;
padding: 0px 2vw;
-webkit-line-clamp: 2;
}
.product-list-box .product-list-header .cut-off-line:before{
height: 3.61111vw;
}

/* 首页横幅推荐 */
.recommend-list-box{
padding-left: 3%;
padding-right: 3%;
margin: 3vw auto;
padding-bottom: 3vw;
}
.recommend-list-box ul{
padding-top: 15px;
}
.recommend-list-box ul li{
margin-bottom: 13px;
width: 100%;
}
.recommend-list-box .recommend-list-header{
height: 8.33333vw;
margin-bottom: 13px;
}
.recommend-list-header .recommend-list-title {
font-size: 4vw;
font-weight: 600;
float: left;
margin-right: 6px;
vertical-align: bottom;
}
.recommend-list-header .more {
right: 14px;
bottom: 0;
}
.recommend-list-header .more a{
font-size:3vw;
}
.recommend-list-box .figure img{
width:95vw;
height: 52.77725vw;
}
.recommend-list-box h3{
font-size: 4vw;
font-weight:600;
line-height: 4vw;
margin: 13px 0px;
padding: 0px 2vw;
letter-spacing: 0;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-wrap: break-word;
}
}
.advantage {
    margin: 0 auto;
    margin-top: 70px;
    margin-bottom: 40px;
    max-width: 1190px;
}
.advantage ul{
    padding-left: 0;
}
@media screen and (max-width:992px){.advantage {margin-top: 35px;}}
.advantage ul li {
    width: 25%;
    float: left;
    list-style-type: none;
    padding-bottom: 25px;
    text-align: center;
}
.advantage ul li dl {
    display: inline-block;
    *display: inline;
    overflow: hidden;
    margin-bottom: 0.6em;
    width: 100%; 
    text-align: center;
}
.advantage-img {
    width: 21%;
}
.advantage-img img {
    width: 100%;
    max-width: 58px;
    vertical-align: middle;
    display: inline-block;
}
@media screen and (max-width:768px){.advantage ul li { width: 50%;}}


/* 首页nav开始 */

.nav-bar {
width: 40px;
background: #ffffff;
padding: 0;
position: fixed;
bottom: 150px;
right: 0;
z-index: 80;
}
.nav-bar ul{
padding: 0;
}
.nav-bar ul li{
    list-style: none;
}
.nav-bar ul li dl.nav-bar-text {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 8px;
}
.nav-bar ul li dl.nav-bar-text span {
    display: block;
    padding: 0px 0px 5px;
    font-size: 15px;
}
.nav-bar ul li dl.nav-bar-img {
    display: block;
    overflow: hidden;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-image: linear-gradient(rgba(255,236,236,0.1), rgb(255 236 236));
    text-align: center;
}
.nav-bar ul li dl.nav-bar-img:after{
 line-height: 30px;
 background-image: linear-gradient(rgba(255,207,207,0.1), rgb(235 0 0));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.nav-bar ul li dl.nav-bar-img.one:after{
 content: "\F115";
}
.nav-bar ul li dl.nav-bar-img.two:after{
 content: "\F114";
 padding-left: 5px;
}
.nav-bar ul li dl.nav-bar-img.three:after{
 content: "\F113";
}
.nav-bar ul li dl.nav-bar-img.four:after{
 content: "\F112";
}
.nav-bar ul li dl.nav-bar-img.five:after{
 content: "\F111";
}
.nav-bar ul li dl.nav-bar-img:after{
font-size: 1.5em;
display: inline-block;
vertical-align: middle;
text-align: left;
white-space: normal;
padding-top: 3px;
}
@media screen and (max-width:992px){
.nav-bar {
width: 100%;
padding: 50px;
margin: auto;
position: relative;
bottom: 0;
padding: 0px 10px 10px;
}
.nav-bar ul{
width: 100%;
max-width: 1100px;
margin: auto;
display: table;
padding-left: 0;
}
.nav-bar ul li {
list-style-type: none;
text-align: center;
display: table-cell;
width: 20%;
}
.nav-bar ul li dl.nav-bar-img {
display: inline-block;
overflow: hidden;
width: 12vw;
height: 12vw;
border-radius: 50%;
}
.nav-bar ul li dl.nav-bar-img:after{
 line-height: 12vw;
 font-size: 6vw;
}
.nav-bar-img img {
width: 100%;
vertical-align: middle;
}
.nav-bar ul li dl.nav-bar-text {
text-align: center;
width: 100%;
padding-left: 0px;
display: block;
text-align: center;
}
.nav-bar ul li dl.nav-bar-text span {
font-size: 3vw;
color: #333;
}
}
/* 首页nav结束*/

/*首页商品推荐开始*/

.home-tjbox {
    overflow: hidden;
    width: 100%;
    padding-bottom: 60px;}
.home-tjbox .box{
    margin: 0 auto;
    width: 85.652%;
    max-width: 1430.016px;
}
.home-tjbox .home-tjbox-ul{
    display: block;
    border: 1px solid #E7E7E7;
    padding: 0;
}
.home-tjbox .home-tjbox-ul>li.d-two{
    box-sizing: border-box;
    float: left;
    width: 50%;
    height: 360px;
    list-style:none;
}
.home-tjbox .home-tjbox-ul>li.d-two .recommend-banner{
    width: auto;
    height: 100%;
    max-width: none;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
@media only screen and (max-width: 768px){
.home-tjbox .home-tjbox-ul>li.d-two .recommend-banner{
    width: 100%;
    height: auto;
}
.home-tjbox {padding-bottom: 30px;}
    }
.wp-home .forum-p li:hover,
.home-tjbox .home-tjbox-ul>li a:hover{box-shadow:0 0 38px rgba(0,0,0,.08) inset;-webkit-transition:all .15s ease;transition:all .15s ease; z-index:5;}


.home-tjbox .home-tjbox-ul>li{
    box-sizing: border-box;
    float: left;
    width: 25%;
    height: 360px;
    text-align: center;
    position: relative;
    background: #fff;
}
.home-tjbox .home-tjbox-ul>li:before{
    content: '';
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border-left: 1px solid #f2f2f2;
    border-left: 1px solid rgba(0,0,0,.1);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
}
.home-tjbox .home-tjbox-ul>li:nth-child(4):before,
.home-tjbox .home-tjbox-ul>li:nth-child(5):before,
.home-tjbox .home-tjbox-ul>li:nth-child(6):before,
.home-tjbox .home-tjbox-ul>li:nth-child(7):before{
    border-top: 1px solid #f2f2f2;
    border-top: 1px solid rgba(0,0,0,.1);
}
.wp-home .forum-p li.no-border-left:before, 
.home-tjbox .home-tjbox-ul>li.no-border-left:before, 
.home-tjbox .home-tjbox-ul>li:nth-child(4):before, 
.home-tjbox .home-tjbox-ul>li:first-child:before{
    border-left: none;
}
@media only screen and (max-width: 768px){
.home-tjbox .home-tjbox-ul>li:nth-child(4):before{
    border-left:1px solid rgba(0,0,0,.1);
}  
  }  
.home-tjbox .home-tjbox-ul>li.link>div{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.home-tjbox .home-tjbox-ul>li.link>div img{
    width: auto;
    height: 100%;
    max-width: none;
}

.home-tjbox .home-tjbox-ul>li.home-tjbox-li .lq-scope{
    padding: 3%;
    }
.home-tjbox .home-tjbox-ul>li.home-tjbox-li .info{
    margin-top: 6px;
    }
.home-tjbox .home-tjbox-ul>li.home-tjbox-li .info h3,.home-tjbox .home-tjbox-ul>li.home-tjbox-li .info p{
    font-size: 16px;
    }
.home-tjbox .home-tjbox-ul>li.home-tjbox-li .info h3{
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    }
.home-tjbox .home-tjbox-ul>li.home-tjbox-li img{
    width: 100%;
    display: block;
}
@media only screen and (max-width: 1200px){
.home-tjbox .box {
    margin: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: auto;
}
}
@media (min-width:1920px){.home-tjbox .home-tjbox-ul>li.d-two, .home-tjbox .home-tjbox-ul>li{height:390px;}}
@media (max-width:1920px){.home-tjbox .home-tjbox-ul>li.d-two, .home-tjbox .home-tjbox-ul>li{height:390px;}}
@media (max-width:1680px){.home-tjbox .home-tjbox-ul>li.d-two, .home-tjbox .home-tjbox-ul>li{height:380px;}}
@media (max-width:1440px){.home-tjbox .home-tjbox-ul>li.d-two, .home-tjbox .home-tjbox-ul>li{height:330px;}}
@media (max-width:1366px){.home-tjbox .home-tjbox-ul>li.d-two, .home-tjbox .home-tjbox-ul>li{height:315px;}}
@media (max-width:1200px){.home-tjbox .home-tjbox-ul>li.d-two, .home-tjbox .home-tjbox-ul>li{height:315px;}}
@media (max-width:992px){.home-tjbox .home-tjbox-ul>li.d-two, .home-tjbox .home-tjbox-ul>li{height:auto;}}

@media only screen and (max-width: 992px){
.home-tjbox .home-tjbox-ul>li.d-two {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}
.home-tjbox .home-tjbox-ul>li.home-tjbox-li .info h3,.home-tjbox .home-tjbox-ul>li.home-tjbox-li .info p{
    font-size: 3vw;
    }
.home-tjbox .home-tjbox-ul>li {
    width: 50%;
}
.home-tjbox .home-tjbox-ul>li.home-tjbox-li {
    height: auto;
    padding-bottom: 15px;
}


}

.home-tjbox .title-header{
    line-height: 60px;
    height: 60px;
    color: #666;
    position: relative;
    display: block;
}
.home-tjbox .title-header .lq-title{
    margin-left: 10px;
    line-height: 60px;
    display: block;
    font-size: 1.5rem;
    font-weight: 600;
}
.home-tjbox .title-header .more{
    position: absolute;
    right: 14px;
    vertical-align: middle;
    display: block;
    list-style: none;
    bottom: 10px;
    line-height: 35px;
}
.home-tjbox .c-link{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 4;
}
.home-tjbox  .title-header a{
    color: #666;
    display: inline-block;
    padding: 0 15px 0 19px;
    border: 1px solid #e1e1e1;
    border-radius: 15px;
    background-color: #fafafa;
    background-image: -webkit-linear-gradient(top,#fff,#fafafa);
    background-image: linear-gradient(180deg,#fff,#fafafa);
    color: #666;
}
.home-tjbox  .title-header a:hover{background-color:#eee;background-image:-webkit-linear-gradient(top,#f5f5f5,#eee);background-image:linear-gradient(180deg,#f5f5f5,#eee)}
@media only screen and (max-width: 768px){
    .home-tjbox .title-header{
    line-height: 50px;
    height: 50px;
}
.home-tjbox .title-header .lq-title{
    line-height: 50px;
    font-size: 1.3em;
    font-weight: 600;
}
.home-tjbox .title-header .more {
    height: 30px;
    line-height: 30px;
}
.home-tjbox .title-header a {
    padding: 0 10px 0 11px;
    font-size: 1em;
    line-height: 25px;
}
    }
/*首页商品推荐结束*/


/*首页banner开始*/
.index-banner-box{
    background-image: linear-gradient(rgba(255,207,207,0.1), rgb(207 231 255));
    color: white;
    border-bottom-width: 0;
    padding: 50px 15px;
    width: 100%;
    margin: auto;
}
.index-banner-box .sotw-content{
    width: 100%;
}
.index-banner-box .sotw-copy h1 {
    margin-top: 30px;
    text-align: left;
    line-height: 1.2;
    color: #000;
    font-size: 2em;
}            
.index-banner-box .sotw-copy h2{
    margin-top: 10px;
    text-align: left;
    line-height: 1.2;
    color: #000;
    font-size: 1.1em;
}
.index-banner-box .sotw-copy h2 span{
    color: #f00;
}
.index-banner-box .sotw-copy p{
    margin-top: 10px;
    text-align: left;
    line-height: 1.2;
    color: #858585;
    font-size: 1.1em;
}            
.embed-container {
    position: relative;
/*  padding-bottom: 56.25%;视频样式*/  
    padding-bottom: 40.69230769230769%;  
    overflow: hidden;
    max-width: 100%;
    margin-top: 30px;
}
.embed-container .embed-container-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.embed-container .embed-container-iframe a{
    display: block;
    height: 100%;
    width: 100%;
    position: relative;
}
.embed-container .embed-container-iframe a span{
    display: block;
    position: absolute;
    top: 10px;
    width: 100%;
    text-align: center;
    font-size: 2.5em;
    color: #fff;
}       
.embed-container .embed-container-iframe video,
.embed-container .embed-container-iframe img{
    width: 100%;
}
@media screen and ( min-width: 800px ) {
    .index-banner-box .sotw-content {
        display: flex;
        max-width: 1430.016px;
        margin: 0 auto;
    }
    .index-banner-box .sotw-copy p,
    .index-banner-box .sotw-copy h2 {
        text-align: left;
    }
    .sotw-copy {
        flex-basis: 46%;
        padding-right: 30px;
    }
    .embed-container {
        flex-grow: 1;
/*      padding-bottom: 37.75%; 如果是视频*/ 
       padding-bottom: 25%;
       margin-top: 0;
    }
}

.fenlei-nav {
    display: block;
    text-align: left;
    margin-top: 10px;
}
.fenlei-nav a {
    display: inline-block;
    background-color: #2adcff;
    padding: 5px 10px;
    margin: 10px 20px 10px 0px;
}
.fenlei-nav a:hover,.fenlei-nav a:focus{
    background-color: #f00!important;
    color: #fff;
}
@media only screen and (max-width: 800px) {
.index-banner-box{
        padding: 0;
    }
.index-banner-box .sotw-content .sotw-copy{
    text-align: center;
    padding: 10px 0;
    }
.fenlei-nav,.index-banner-box .sotw-copy p {
    display: none;
}
.index-banner-box .sotw-content .sotw-copy h1{
    text-align: center;
}
.index-banner-box .sotw-content .sotw-copy h2{
    text-align: center;
}
.embed-container {
    margin-top: 10px;
}
}
/*首页banner结束*/
/*首页大图推荐*/
.banner-img-box{
	max-width: 1430.016px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px;
}
.banner-img-box.full a img{
	width: 100%;
}
.banner-img-box h2{
	width: 100%;
	display: block;
	text-align: center;
	margin-bottom: 20px;
}
.banner-img-box a.boximg{
	display: block;
	position: relative;
	flex-grow: 1;
    padding-bottom: 66.6%;
    margin-top: 0;
    overflow: hidden;
    height: 0;
}
.banner-img-box a.boximg img{
    height: auto;
    width: 100%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    left: 0;
}
.banner-img-box.tworow ul {
    width: 100%;
    padding: 0;
}

.banner-img-box.tworow li {
    width: 33.3333333%;
    float: left;
    padding: 6px;
    list-style: none;
}
@media screen and (max-width: 992px){
	.banner-img-box.tworow li {
    width: 50%;
}
	}
.banner-img-box.tworow li .description {
    background-color: #f8f8f8;
	padding: 20px;
}
.banner-img-box.tworow li .description h4{
   font-size:16px;
   letter-spacing: 0;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.banner-img-box.tworow li .description p{
   font-size:14px;
   margin-top: 8px;
    letter-spacing: 0;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.banner-img-box.tworow .img-more {
    width: 100%;
    display: block;
}
.banner-img-box.tworow .img-more img{
    width: 100%;
    display: block;
}
.banner-img-box.tworow .img-more a{
    max-width: 500px;
    width: 60%;
    display: block;
    margin: auto;
}
.banner-img-box.tworow .img-more a img{
    width: 100%;
    margin: 20px auto;
}
.recommend-video a.img-box-link span{
    width: 60px;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
    z-index: 4;
    text-align: center;
    vertical-align: middle;
    background: #fff;
    border-radius: 50%;
    opacity: 0.8;
}
.recommend-video a.img-box-link span:after{
    width: 60px;
    height: 60px;
    content: "\f116";
    color: #000;
    font-size: 1.5em;
    padding-left: 5px;
}
.recommend-video a:hover span{
    background: #000;
}
.recommend-video a:hover span:after{
    color: #fff!important;
}
@media screen and (max-width:768px){
.banner-img-box.tworow .img-more a img{
    margin: 20px auto 0px auto;
}
.banner-img-box.tworow li {
    width: 100%;
}
.banner-img-box.tworow li .description h4 {
    font-size: 1.5rem;
}
.banner-img-box h2{
    margin-bottom: 10px;
}
	}
/*首页大图推荐结束*/
