@import url(css2-Latowght300400700_swap.css);
@import url(css2-OpenSanswght300400700_swap.css);
* {
    margin:0;
    padding:0
}
li,ol,ul {
    list-style:none
}
a,a:hover {
    color:#000
}
a,a:hover,a:link,a:visited {
    text-decoration:none
}
body {
    font-family:Lato,sans-serif;
    font-size:16px
}
img {
    border:none;
    max-width:100%
}
div {
    box-sizing:border-box
}
table {
    border-collapse:collapse
}
.table-responsive {
    touch-action:auto;
    width:100%;
    margin:.2rem 0;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    -ms-overflow-style:-ms-autohiding-scrollbar
}
header {
    position:relative
}
/*header .header-top {*/
/*    display:flex;*/
/*    height:50px;*/
/*    background:#0b0b0b;*/
/*    padding:0 260px;*/
/*    justify-content:space-between*/
/*}*/
/*header .header-top .top-info {*/
/*    display:flex;*/
/*    align-items:center;*/
/*    height:100%;*/
/*    color:#ccc*/
/*}*/
/*header .header-top .top-info i {*/
/*    margin-right:5px*/
/*}*/
/*header .header-top .top-info .info-email {*/
/*    margin-left:30px*/
/*}*/
/*header .header-top .top-info a {*/
/*    color:#ccc*/
/*}*/
/*header .header-top .top-right {*/
/*    display:flex;*/
/*    align-items:center;*/
/*    height:100%*/
/*}*/
/*header .header-top .top-right .search-input {*/
/*    display:flex;*/
/*    align-items:center;*/
/*    width:230px;*/
/*    height:30px;*/
/*    box-sizing:border-box;*/
/*    !*border:1px solid #ccc;*!*/
/*    border-radius:15px*/
/*}*/
/*header .header-top .top-right .search-input .icon-search {*/
/*    cursor:pointer;*/
/*    color:#ccc;*/
/*    margin-left:18px*/
/*}*/
/*header .header-top .top-right .search-input input {*/
/*    margin-left:10px;*/
/*    height:24px;*/
/*    outline:none;*/
/*    border:none;*/
/*    color:#ccc;*/
/*    background:#0b0b0b*/
/*}*/
/*header .header-top .top-right .search-input .search-btn {*/
/*    display:none*/
/*}*/
/*header .header-top .top-right .language-list {*/
/*    margin-left:18px;*/
/*    width:100px;*/
/*    height:30px;*/
/*    box-sizing:border-box;*/
/*    border-radius:15px;*/
/*    border:1px solid #ccc;*/
/*    display:flex;*/
/*    justify-content:center;*/
/*    align-items:center;*/
/*    color:#ccc*/
/*}*/
/*header .header-top .top-right .language-list i {*/
/*    color:#ccc;*/
/*    margin-left:10px;*/
/*    transform:scale(1.3);*/
/*    cursor:pointer*/
/*}*/
/*header .header-top .top-right #xyz {*/
/*    z-index:999;*/
/*    width:40px;*/
/*    position:relative*/
/*}*/
/*header .header-top .top-right #xyz .xyz12 {*/
/*    position:absolute;*/
/*    top:-20px;*/
/*    box-sizing:border-box*/
/*}*/
/*header .header-top .top-right #xyz .xyz12 span {*/
/*    position:absolute;*/
/*    right:10px;*/
/*    top:12px;*/
/*    background:url(../images/down.png) no-repeat;*/
/*    width:20px;*/
/*    height:20px*/
/*}*/
/*header .header-top .top-right #xyz .xyz12 span:hover {*/
/*    cursor:pointer*/
/*}*/
/*header .header-top .top-right #xyz .xyz12 ul li {*/
/*    display:none;*/
/*    padding-left:5px;*/
/*    width:120px;*/
/*    height:40px;*/
/*    line-height:40px*/
/*}*/
/*header .header-top .top-right #xyz .xyz12 ul li a {*/
/*    color:#fff*/
/*}*/
/*header .header-top .top-right #xyz .xyz12 ul li a img {*/
/*    position:relative;*/
/*    top:3px;*/
/*    margin-right:5px*/
/*}*/
/*header .header-top .top-right #xyz .xyz12 ul li:first-child {*/
/*    display:block*/
/*}*/
/*header .header-top .top-right #xyz .xyz12 ul .bk {*/
/*    z-index:888;*/
/*    background:#6bb61b*/
/*}*/
/*header .header-top .top-right #xyz .xyz12 .up {*/
/*    transform:rotate(0);*/
/*    transition:all .6s ease*/
/*}*/
/*header .header-top .top-right #xyz .xyz12 .dp {*/
/*    transform:rotate(90deg);*/
/*    transition:all .6s ease*/
/*}*/
/*header nav {*/
/*    position:absolute;*/
/*    padding:0 260px;*/
/*    top:50px;*/
/*    display:flex;*/
/*    width:100%;*/
/*    height:100px;*/
/*    box-sizing:border-box;*/
/*    justify-content:space-between;*/
/*    background:#fff;*/
/*    z-index:90;*/
/*    transition-property:height;*/
/*    transition-duration:.2s;*/
/*    transition-timing-function:ease*/
/*}*/
/*header nav .header-logo {*/
/*    cursor:pointer;*/
/*    height:100%;*/
/*    display:flex;*/
/*    align-items:center;*/
/*    justify-content:center*/
/*}*/
/*header nav .header-logo img {*/
/*    max-width:100%;*/
/*    max-height:100%*/
/*}*/
/*header nav .header-logo a {*/
/*    width:100%;*/
/*    height:100%;*/
/*    display:flex;*/
/*    align-items:center;*/
/*    justify-content:center*/
/*}*/
/*header nav ul {*/
/*    display:flex;*/
/*    position:relative*/
/*}*/
/*header nav ul li {*/
/*    display:flex;*/
/*    align-items:center;*/
/*    height:100%;*/
/*    margin:0 20px;*/
/*    cursor:pointer;*/
/*    -webkit-tap-highlight-color:transparent*/
/*}*/
/*header nav ul li:last-child {*/
/*    margin-right:0*/
/*}*/
/*header nav ul li a {*/
/*    width:100%;*/
/*    height:100%;*/
/*    display:flex;*/
/*    justify-content:center;*/
/*    align-items:center;*/
/*    position:relative;*/
/*    font-size:18px;*/
/*    font-weight:900;*/
/*    color:#2b2b2b;*/
/*    transition:all .3s ease*/
/*}*/
/*header nav ul li a:after {*/
/*    transition:.4s ease-in-out;*/
/*    content:"";*/
/*    background:#6bb61b;*/
/*    left:50%;*/
/*    width:80%;*/
/*    height:2px;*/
/*    transform:translateX(-50%) rotateY(90deg);*/
/*    position:absolute;*/
/*    bottom:30px*/
/*}*/
/*header nav ul li .inmenu_1 {*/
/*    color:#6bb61b*/
/*}*/
/*header nav ul li .inmenu_1:after {*/
/*    transition:all .3s ease;*/
/*    content:"";*/
/*    background:#6bb61b;*/
/*    width:80%;*/
/*    height:2px;*/
/*    left:50%;*/
/*    transform:translateX(-50%);*/
/*    position:absolute;*/
/*    bottom:30px*/
/*}*/
/*header nav ul li .inmenu_1~.icon-angle-down,header nav ul li:hover>.icon-angle-down,header nav ul li:hover>a {*/
/*    color:#6bb61b*/
/*}*/
/*header nav ul li:hover>.icon-angle-down:after,header nav ul li:hover>a:after {*/
/*    transform:translateX(-50%) rotateY(0)*/
/*}*/
/*header nav ul .submenu {*/
/*    transition:all .5s ease;*/
/*    display:flex;*/
/*    width:100vw;*/
/*    top:100px;*/
/*    height:100px;*/
/*    right:-260px;*/
/*    transform-origin:top;*/
/*    transform:rotateX(90deg);*/
/*    opacity:0;*/
/*    position:absolute;*/
/*    background:#fff;*/
/*    justify-content:center*/
/*}*/
/*header nav ul .submenu li {*/
/*    position:relative;*/
/*    margin:0 10px;*/
/*    border-bottom:none*/
/*}*/
/*header nav ul .submenu li a {*/
/*    font-size:14px*/
/*}*/
/*header nav ul .submenu li a:after {*/
/*    content:none*/
/*}*/
/*header nav ul .submenu li a:hover {*/
/*    color:#6bb61b*/
/*}*/
/*header nav ul .submenu li:after {*/
/*    content:"";*/
/*    position:absolute;*/
/*    height:15px;*/
/*    width:2px;*/
/*    right:-10px;*/
/*    background:#ccc*/
/*}*/
/*header nav ul .submenu li:last-child:after {*/
/*    content:none*/
/*}*/
/*header nav ul .submenu+.icon-angle-down {*/
/*    position:relative;*/
/*    transform:scale(1);*/
/*    font-weight:700;*/
/*    color:#000;*/
/*    margin-left:5px;*/
/*    top:1px*/
/*}*/
/*header nav .nav-btn {*/
/*    display:none;*/
/*    position:relative;*/
/*    margin:auto 0;*/
/*    height:4.2666666667vw;*/
/*    width:5.0666666667vw*/
/*}*/
/*header nav .nav-btn span {*/
/*    border-radius:2px;*/
/*    position:absolute;*/
/*    display:block;*/
/*    width:5.0666666667vw;*/
/*    height:.6666666667vw;*/
/*    background-color:#6bb61b;*/
/*    transition:top .2s .2s,transform .2s,background .2s,opacity 0s .2s*/
/*}*/
/*header nav .nav-btn span:first-child {*/
/*    top:.1vw*/
/*}*/
/*header nav .nav-btn span:nth-child(2) {*/
/*    top:2.1333333333vw;*/
/*    width:4.2666666667vw*/
/*}*/
/*header nav .nav-btn span:nth-child(3) {*/
/*    top:4.2666666667vw*/
/*}*/
/*header nav .toggle-animate span:first-of-type {*/
/*    top:1.6vw;*/
/*    transform:rotate(45deg);*/
/*    transition:top .2s,transform .2s .2s,background .2s*/
/*}*/
/*header nav .toggle-animate span:nth-of-type(2) {*/
/*    opacity:0;*/
/*    transition:opacity .2s*/
/*}*/
/*header nav .toggle-animate span:nth-of-type(3) {*/
/*    top:1.6vw;*/
/*    transform:rotate(-45deg);*/
/*    transition:bottom .2s,transform .2s .2s,background .2s*/
/*}*/
/*header nav .mobile-search-btn {*/
/*    display:none*/
/*}*/
header .min ul li a:after {
    bottom:15px
}
main {
    margin-top:100px;
    width:100%
}
main .common-pages {
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:50px;
    width:100%;
    height:60px
}
main .common-pages span {
    opacity:.4
}
main .common-pages a,main .common-pages span {
    margin:0 5px;
    transition:all .3s ease;
    box-sizing:border-box;
    border:1px solid #f9f9f9;
    padding:8px 14px;
    display:flex;
    height:30px;
    justify-content:center;
    align-items:center;
    color:#494949
}
main .common-pages a:hover,main .common-pages span.ctxt {
    background:#6bb61b;
    color:#fff
}
main .common-pages span.ctxt {
    opacity:1;
    border:none
}
main.common-container .inner-banner .pc {
    display:block
}
main.common-container .inner-banner .sm {
    display:none
}
footer {
    margin-top:30px;
    width:100%
}
footer .top-btn {
    display:none;
    border-radius:50%;
    width:40px;
    height:40px;
    background:#fff;
    z-index:1;
    display:flex;
    justify-content:center;
    align-items:center;
    box-shadow:0 5px 5px 0 rgba(0,0,0,.1);
    transition:all .4s ease
}
footer .top-btn:hover {
    cursor:pointer;
    background:#ccc
}
footer .top-btn i {
    position:relative;
    transform:scale(1.4)
}
footer .footer-top {
    /*margin:0 260px;*/
    height:140px;
    background:#6bb61b;
    display:flex;
    align-items:center;
    padding:0 43px;
    justify-content:space-between
}
footer .footer-top .contact-left {
    display:flex
}
footer .footer-top .contact-left .contact-logo img {
    position:relative;
    top:-20px
}
footer .footer-top .contact-left .contact-content {
    position:relative;
    padding-top:20px;
    width:600px;
    height:100%;
    margin-left:50px
}
footer .footer-top .contact-left .contact-content p:first-child {
    line-height:58px;
    position:relative;
    top:8px;
    font-size:16px;
    font-weight:700;
    color:#fff
}
footer .footer-top .contact-left .contact-content p:nth-child(2) {
    font-size:26px;
    font-weight:700;
    color:#fff
}
footer .footer-top .contact-left .contact-content:before {
    content:"";
    position:absolute;
    left:-20px;
    width:3px;
    height:34px;
    background:#fff;
    opacity:.5;
    top:60px
}
footer .footer-top .contact-btn {
    width:206px;
    height:60px;
    border:2px solid #fff;
    justify-content:flex-end;
    display:flex;
    justify-content:center;
    align-items:center;
    transition:all .3s ease
}
footer .footer-top .contact-btn a {
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#fff;
    font-size:18px;
    font-weight:700
}
footer .footer-top .contact-btn:hover {
    background:#fff
}
footer .footer-top .contact-btn:hover a {
    color:#6bb61b
}
footer .footer-container {
    overflow:hidden;
    height:600px;
    background:#1f1f1f
}
footer .footer-container>ul {
    display:flex;
    height:140px;
    background:#161616;
    margin:0 260px
}
footer .footer-container>ul>li {
    height:100%;
    flex:1;
    display:flex;
    justify-content:center;
    align-items:center
}
footer .footer-container>ul>li .logo {
    position:relative;
    height:100%;
    width:140px;
    background:url(../images/footer-contact.png) no-repeat
}
footer .footer-container>ul>li .content {
    padding-top:25px;
    height:100%;
    display:flex;
    flex-direction:column;
    padding-left:30px;
    flex:1
}
footer .footer-container>ul>li .content .content-title {
    color:#fff;
    font-weight:700;
    line-height:50px
}
footer .footer-container>ul>li .content .content-title:after {
    content:"";
    background:#fff;
    width:3px;
    height:30px
}
footer .footer-container>ul>li .content .content-text {
    font-weight:700
}
footer .footer-container>ul>li .content .content-text,footer .footer-container>ul>li .content .content-text a {
    color:#707070;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
footer .footer-container>ul>li.map .logo {
    background-position:50px 40px
}
footer .footer-container>ul>li.email .logo {
    background-position:-70px 40px
}
footer .footer-container>ul>li.tel .logo {
    background-position:-190px 40px
}
footer .footer-container>ul>li span {
    height:26px;
    width:2px;
    background:#fff
}
footer .footer-container .bottom-info {
    margin-top:50px;
    height:340px;
    display:flex;
    background:#1f1f1f
}
footer .footer-container .bottom-info>li {
    height:100%;
    display:block;
    margin:0 15px
}
footer .footer-container .bottom-info>li .title {
    color:#fff;
    font-size:20px;
    font-weight:700;
    line-height:70px
}
footer .footer-container .bottom-info>li:last-child {
    margin-right:0
}
footer .footer-container .bottom-info .intro {
    flex:1.4
}
footer .footer-container .bottom-info .intro .intro-text {
    color:#707070;
    line-height:24px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical
}
.top-right .contact-list{
    display:flex
}
.top-right .contact-list li{
    width:32px;
    height:32px;
    background:#5c5c5c;
    border-radius:50%;
    display:flex;
    margin-right:10px;
    transition:all .5s;
    justify-content:center;
    align-items:center;
    box-sizing:border-box;
    padding:5px
}
.top-right .contact-list li img{
    display:block
}
.top-right .contact-list li:hover{
    background:#fff
}
footer .footer-container .bottom-info .intro .contact-list {
    margin-top:60px;
    display:flex
}
footer .footer-container .bottom-info .intro .contact-list li {
    width:32px;
    height:32px;
    background:#5c5c5c;
    border-radius:50%;
    display:flex;
    margin-right:10px;
    transition:all .5s;
    justify-content:center;
    align-items:center;
    box-sizing:border-box;
    padding:5px
}
footer .footer-container .bottom-info .intro .contact-list li img {
    display:block
}
footer .footer-container .bottom-info .intro .contact-list li:hover {
    background:#fff
}
footer .footer-container .bottom-info .nav {
    flex:1
}
footer .footer-container .bottom-info .nav ul li a {
    position:relative;
    color:#707070;
    line-height:28px;
    padding-left:16px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical
}
footer .footer-container .bottom-info .nav ul li a:hover {
    color:#fff
}
footer .footer-container .bottom-info .nav ul li a:after {
    content:">";
    position:absolute;
    top:0;
    left:0
}
footer .footer-container .bottom-info .cate {
    flex:1
}
footer .footer-container .bottom-info .cate ul li a {
    position:relative;
    color:#707070;
    line-height:28px;
    padding-left:16px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical
}
footer .footer-container .bottom-info .cate ul li a:hover {
    color:#fff
}
footer .footer-container .bottom-info .cate ul li a:after {
    content:">";
    position:absolute;
    top:0;
    left:0
}
footer .footer-container .bottom-info .code {
    flex:1
}
footer .footer-container .bottom-info .code img {
    width:135px;
    height:135px;
    min-width:135px;
    background:#000;
    opacity:.7;
    transition:all .5s;
    display:block;
    margin:0 auto
}
footer .footer-container .bottom-info .code img:hover {
    opacity:1;
    cursor:pointer
}
footer .footer-container .bottom-info .code .title {
    text-align:center
}
footer .footer-container .bottom-info .contact-list {
    display:none
}
footer .footer-container .right-text {
    color:#707070;
    padding:0 260px;
    font-size:14px
}
.sm-mask,footer .mobile-bottom {
    display:none
}


/*首页产品分类图片展示*/
.s1{width:25%;float:left;}
.clear{
    clear: both;
}
.text-center {
    text-align: center; margin-bottom:20px;
}
.two .single-service-icon i {
    color: #bbbbbb;
    font-size: 35px;
    line-height: 78px;
}
.two .single-service-icon a{
    border: 1px solid #bbbbbb;
    border-radius: 50%;
    height: 80px;
    width: 80px;
    display: block;
    margin: auto;
}
.single-service-icon{margin-bottom: 27px;}
.single-service-content h4{
    font-size: 18px;
    color: #333333;
    font-family: 'Open Sans', sans-serif;;
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 15px;
    font-weight: 600;
}
.single-service-content p{
    font-size: 14px;
    color: #666666;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    margin-bottom: 0;
}
.single-service{
    padding: 30px 25px 25px;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.two .single-service {padding: 70px 30px}
.two .single-service:hover i, .two .single-service-content h4:hover a{color: #3ba5f7}
.two .single-service{box-shadow: 0px 1px 5px 0px rgba(225, 225, 225, 0.3); position: relative}
.two .single-service:after{
    position: absolute;
    right: 0;
    bottom: 0;
    color: #bbbbbb;
    font-size: 150px;
    content: "";
    font-family: "Material-Design-Iconic-Font";
    background: #fff;
}
.single-service:hover {
    box-shadow: 0px 6px 15px 0px rgba(59, 59, 59, 0.21);
}
.single-service-icon-three{
    background: #F6F6F6;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    display: inline-table;
    margin: auto;
    margin-bottom: 25px;
    box-shadow: 0px 0px 14.25px 0.75px rgba(51, 51, 51, 0.15);
    z-index: 2;
    position: relative;
}
.single-service-icon-three a{
    display: table-cell;
    vertical-align: middle;
}
.single-service-content-three h4{
    font-size: 18px;
    color: #666666;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    position: relative;
    text-transform: uppercase;
    margin-bottom: 12px;
    padding-bottom: 18px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.single-service-content-three h4:hover a{
    color: #fff;
}
.single-service-content-three p{
    font-size: 14px;
    color: #333333;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.single-service-content-three h4:after{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    width: 50px;
    background: #DDDDDD;
    content: "";
    text-align: center;
    margin: auto;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.single-service-three{
    border-top: 1px solid #F6F6F6;
    border-left: 1px solid #F6F6F6;
    padding: 45px 25px;
    width: 33.3333%;
    float: left;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.service-area.three .single-service-three:nth-child(3), .service-area.three .single-service-three:nth-child(6){
    border-right: 1px solid #F6F6F6;
}
.service-area.three .single-service-three:nth-child(4), .service-area.three .single-service-three:nth-child(5), .service-area.three .single-service-three:nth-child(6){
    border-bottom: 1px solid #F6F6F6;
}
.single-service-three:hover{
    position: relative;
    background: rgba(0, 0, 0, 0) url("imagess/service.jpg") no-repeat scroll center center / cover ;
    transition: all 0.5s ease 0s;
}
.single-service-three:hover::after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0, 0, 0, 0.4);
}
.single-service-three:hover h4, .single-service-three:hover p{
    color: #fff;
    z-index: 1;
    position: relative;
}
.single-service-three:hover h4:after{
    background: #fff;
    z-index: 1;
}
.row{
    width: 99%;
    padding-top: 1%;
    margin: auto;
}
.product-class-text{
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow: hidden;
}
@media (max-width: 768px){
    .s1{width:50%;float:left;padding:0 15px;}
    .single-service{
        padding:0;
    }
}
/*首页产品分类图片展示*/

.sm-mask {
    position:fixed;
    width:100%;
    bottom:0;
    height:100%;
    background:rgba(0,0,0,.6);
    z-index:9;
    top:13.3333333333vw
}
#toast-container {
    padding-top:250px
}
.singglepic {
    z-index:9!important;
    width:450px!important;
    height:450px!important;
    margin-bottom:40px!important;
    border-color:#eee!important;
    display:flex;
    justify-content:center;
    align-items:center
}
.home-container {
    width:100%
}
.home-container .swiper-container .swiper-slide {
    width:100%;
    transform:translateZ(0);
    -webkit-transform:translateZ(0);
    -webkit-backface-visibility:hidden;
    overflow:hidden
}
.home-container .swiper-container .swiper-slide img {
    transform:translateZ(0)
}
.home-container .swiper-container .swiper-button-next:after,.home-container .swiper-container .swiper-button-prev:after {
    content:""
}
.home-container .swiper-container .swiper-button-next i,.home-container .swiper-container .swiper-button-prev i {
    transform:scale(3);
    color:#6bb61b
}
.home-container .swiper-container .swiper-pagination-bullet {
    background:#fff
}
.home-container .swiper-container .swiper-pagination-bullet-active {
    background:#6bb61b
}
.home-container .part-title {
    position:relative
}
.home-container .part-title h3 {
    text-align:center;
    font-family:Open Sans;
    font-size:52px;
    font-weight:700;
    color:#1a1a1a
}
.home-container .part-title h3 em {
    color:#6bb61b;
    font-style:normal;
    font-family:Open Sans
}
.home-container .part-title p {
    text-align:center;
    color:#202020;
    font-weight:700;
    line-height:24px
}
.home-container .part-title:after {
    color:#dedede;
    font-weight:700;
    font-size:210px;
    font-family:Open Sans;
    position:absolute;
    top:-120%;
    left:50%;
    transform:translateX(-50%);
    z-index:-99
}
.home-container .welcome-info {
    margin-top:100px
}
.home-container .welcome-info .part-title:after {
    content:"01"
}
.home-container .welcome-info .part-item {
    margin:80px 260px 0
}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide {
    display:flex
}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item {
    position:relative;
    border:1px solid #eaeaea;
    flex:1;
    margin-right:50px;
    transition:all .5s
}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:last-child {
    margin-right:0
}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img {
    display:flex;
    justify-content:center;
    align-items:center;
    position:relative;
    width:100%;
    height:auto;
    background:#6bb61b
}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img img {
    position:absolute;
    transition:all .5s ease;
    width:100%;
    height:100%;
    display:block
}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img a {
    transition:all .5s ease;
    width:100%;
    height:100%;
    justify-content:center;
    align-items:center;
    position:absolute;
    top:0;
    left:0;
    display:flex;
    font-size:24px;
    transform:translate3d(0,20px,0);
    opacity:0;
    color:#fff;
    z-index:666
}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img:after {
    content:"";
    display:block;
    padding-top:100%
}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item p {
    color:#2b2b2b;
    font-family:Open Sans
}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-title {
    margin:20px 10px 0;
    font-size:18px;
    line-height:24px;
    padding-right:5px
}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-content {
    margin:10px;
    font-size:14px;
    line-height:18px;
    color:#444;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical
}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover {
    transform:translateY(-2px);
    box-shadow:0 0 15px rgba(0,0,0,.3)
}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover .item-title {
    color:#6bb61b
}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover .item-img img {
    opacity:.4
}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover .item-img a {
    transform:translateZ(0);
    opacity:1
}
.home-container .welcome-info .part-item .swiper-part-pagination {
    margin:50px 0;
    display:flex;
    justify-content:center
}
.home-container .welcome-info .part-item .swiper-part-pagination .swiper-pagination-bullet {
    background:#000
}
.home-container .welcome-info .part-item .swiper-part-pagination .swiper-pagination-bullet-active {
    background:#6bb61b
}
.home-container .about-info {
    overflow:hidden;
    width:100%;
    display:flex
}
.home-container .about-info div {
    width:50%
}
.home-container .about-info .about-img img {
    width:100%;
    display:block
}
.home-container .about-info .about-content {
    padding:20px 0;
    background:#6bb61b;
    display:flex;
    flex-direction:column;
    justify-content:space-evenly
}
.home-container .about-info .about-content .content-title {
    padding-left:80px;
    font-size:40px;
    font-weight:700;
    color:#fff
}
.home-container .about-info .about-content article {
    padding-left:80px;
    padding-right:200px
}
.home-container .about-info .about-content article p {
    font-size:22px;
    color:#fff;
    line-height:36px;
    font-family:open Sans;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:7;
    -webkit-box-orient:vertical
}
.home-container .about-info .about-content .about-btn {
    width:200px;
    height:60px;
    border:2px solid #fff;
    font-size:22px;
    display:flex;
    justify-content:center;
    align-items:center;
    font-family:Open Sans;
    margin-left:80px;
    transition:all .5s ease
}
.home-container .about-info .about-content .about-btn:hover {
    background:#fff;
    border:2px solid #6bb61b;
    cursor:pointer
}
.home-container .about-info .about-content .about-btn:hover a {
    color:#6bb61b
}
.home-container .about-info .about-content .about-btn a {
    color:#fff
}
.home-container .hot-product {
    margin-top:130px
}
.home-container .hot-product .part-title:after {
    content:"03"
}
.home-container .hot-product ul {
    margin:80px 260px;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
}
.home-container .hot-product ul li {
    width:30%;
    height:30%;
    margin-bottom:50px
}
.home-container .hot-product ul li .pro-img {
    width:100%;
    height:100%;
    overflow:hidden;
    display:flex;
    justify-content:center;
    align-items:center;
    border:1px solid #eee
}
.home-container .hot-product ul li .pro-img img {
    display:block;
    width:100%;
    height:100%;
    border:none;
    transition:all .5s
}
.home-container .hot-product ul li .pro-img:after {
    display:block;
    content:"";
    padding-top:100%
}
.home-container .hot-product ul li .pro-name {
    color:#2b2b2b;
    font-size:22px;
    text-align:center;
    line-height:70px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical
}
.home-container .hot-product ul li .pro-btn {
    width:120px;
    height:33px;
    margin:0 auto;
    box-sizing:content-box;
    display:flex;
    justify-content:center;
    align-items:center;
    border:1px solid #4e4d4d;
    border-radius:16.5px;
    transition:all .5s
}
.home-container .hot-product ul li .pro-btn a {
    color:#2b2b2b;
    font-weight:700
}
.home-container .hot-product ul li:hover .pro-img img {
    transform:scale(1.1)
}
.home-container .hot-product ul li:hover .pro-name {
    color:#6bb61b
}
.home-container .hot-product ul li:hover .pro-btn {
    border:1px solid #fff;
    background:#6bb61b
}
.home-container .hot-product ul li:hover .pro-btn a {
    color:#fff
}
.home-container .lastest-news {
    width:100%
}
.home-container .lastest-news ul {
    width:100%;
    display:flex;
    flex-wrap:wrap
}
.home-container .lastest-news ul li {
    width:50%
}
.home-container .lastest-news ul li a object {
    display:flex
}
.home-container .lastest-news ul li div {
    flex:1
}
.home-container .lastest-news ul li .news-img img {
    width:100%;
    display:block
}
.home-container .lastest-news ul li .news-content {
    position:relative;
    background:#f6f6f6;
    display:flex;
    flex-direction:column;
    justify-content:space-evenly
}
.home-container .lastest-news ul li .news-content .news-title {
    margin:0 80px;
    color:#2b2b2b;
    font-size:22px;
    font-family:Open Sans;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
.home-container .lastest-news ul li .news-content .news-date {
    margin:0 80px;
    color:#666;
    font-weight:700
}
.home-container .lastest-news ul li .news-content article {
    margin:0 80px;
    color:#444;
    line-height:24px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical
}
.home-container .lastest-news ul li .news-content .more-link {
    margin:0 80px;
    color:#2b2b2b;
    font-weight:700;
    line-height:24px;
    font-size:18px
}
.home-container .lastest-news ul li .news-content .more-link i {
    color:#2b2b2b;
    position:relative;
    top:1px;
    transform:scale(1.7)
}
.home-container .lastest-news ul li .news-content:before {
    content:"";
    position:absolute;
    bottom:0;
    transition:opacity .7s ease 0s,transform .7s ease 0s;
    width:94%;
    height:92%;
    top:4%;
    left:3%;
    opacity:0;
    border-top:2px solid #6bb61b;
    border-bottom:2px solid #6bb61b;
    transform:scaleX(0);
    -webkit-transform:scaleX(0);
    box-sizing:border-box
}
.home-container .lastest-news ul li .news-content:after {
    transition:opacity .5s ease 0s,transform .5s ease 0s;
    content:"";
    border-left:2px solid #6bb61b;
    border-right:2px solid #6bb61b;
    transform:scaleY(0);
    -webkit-transform:scaleY(0);
    opacity:0;
    position:absolute;
    width:94%;
    height:92%;
    top:4%;
    left:3%;
    box-sizing:border-box
}
.home-container .lastest-news ul li:hover .news-content .more-link a,.home-container .lastest-news ul li:hover .news-content .more-link i,.home-container .lastest-news ul li:hover .news-content .news-title a {
    color:#6bb61b
}
.home-container .lastest-news ul li:hover .news-content:after,.home-container .lastest-news ul li:hover .news-content:before {
    opacity:1;
    transform:scale(1)
}
.home-container .lastest-news ul li:nth-child(3) a object,.home-container .lastest-news ul li:nth-child(4) a object {
    flex-direction:row-reverse
}
.home-container .partners {
    margin:140px 260px 150px
}
.home-container .partners .part-title:after {
    content:"05"
}
.home-container .partners ul {
    width:100%;
    margin-top:130px;
    display:flex;
    flex-wrap:wrap
}
.home-container .partners ul li {
    max-width:16%;
    min-width:16%;
    height:0;
    padding-bottom:13%;
    flex:1;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    transition:all .5s
}
.home-container .partners ul li img {
    transition:all .3s ease
}
.home-container .partners ul li:nth-of-type(6n) {
    border-right:1px solid #eee
}
.home-container .partners ul li:nth-of-type(n+7) {
    border-bottom:1px solid #eee
}
.home-container .partners ul li:nth-of-type(n+7):hover {
    border-bottom:1px solid #6bb61b
}
.home-container .partners ul li:hover {
    border-top:1px solid #6bb61b;
    border-left:1px solid #6bb61b
}
.home-container .partners ul li:hover img {
    transform:scale(1.1)
}
.home-container .partners ul li:hover+li {
    border-left:1px solid #6bb61b
}
.home-container .partners ul li:hover+li+li+li+li+li+li {
    border-top:1px solid #6bb61b
}
.home-container .partners ul li:nth-of-type(6n):hover {
    border-right:1px solid #6bb61b
}
.common-container .inner-banner {
    min-height:50px;
    background:#f1f1f1;
    width:100%
}
.common-container .inner-banner img {
    width:100%;
    display:block
}
.common-container .breadcrumbs-nav {
    position:relative;
    height:78px;
    padding:0 260px;
    border-bottom:1px solid #ececec;
    color:#989898
}
.common-container .breadcrumbs-nav a,.common-container .breadcrumbs-nav h1,.common-container .breadcrumbs-nav h2 {
    color:#989898;
    line-height:78px;
    margin:0 10px
}
.common-container .breadcrumbs-nav h1,.common-container .breadcrumbs-nav h2 {
    display:inline;
    font-size:16px;
    color:#2b2b2b
}
.common-container .breadcrumbs-nav h1 a,.common-container .breadcrumbs-nav h2 a {
    color:#2b2b2b
}
.abouts-content {
    padding:0 260px 50px
}
.abouts-content .abouts-title {
    margin-top:40px;
    font-size:28px;
    font-weight:700;
    color:#2b2b2b;
    text-transform:uppercase;
    padding:10px 0;
    border-bottom:1px solid #d5d5d5;
    margin-bottom:20px
}
.abouts-content article div {
    margin-bottom:30px
}
.abouts-content article .content,.abouts-content article .title,.abouts-content article p {
    color:#2b2b2b;
    line-height:28px
}
.abouts-content article .title {
    font-size:16px;
    font-weight:700
}
.abouts-content article .content {
    width:1000px
}
.abouts-content article .imgs-list {
    margin-top:30px;
    display:flex;
    justify-content:space-between
}
.abouts-content article .imgs-list li {
    margin-right:10px
}
.abouts-content article .imgs-list li:last-child {
    margin:0
}
.abouts-content article .imgs-list li img {
    display:block
}
.products-content {
    position:relative;
    width:100%;
    padding-top:0
}
.products-content .type-box {
    margin:0 260px 50px
}
.products-content .type-box h1 {
    padding-left:10px;
    color:#2b2b2b;
    border-left:5px solid #6bb61b;
    border-bottom:1px solid #eee;
    display:none
}
.products-content .pro-list {
    width:100%;
    display:flex;
    flex-wrap:wrap;
    /*justify-content:space-between;*/
    box-sizing:border-box;
    margin-top:50px;
    padding:0 260px
}
.products-content .pro-list li {
    transition:all .4s ease
}
.products-content .pro-list .list-1 {
    box-sizing:border-box;
    flex:1;
    width:23%;
    min-width:23%;
    max-width:23%;
    border:2px solid #eee;
    margin-right:20px;
    margin-bottom:40px
}
.products-content .pro-list .list-1:nth-of-type(4n) {
    margin-right:0
}
.products-content .pro-list .list-1 .pro-img {
    position:relative;
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center
}
.products-content .pro-list .list-1 .pro-img a {
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center
}
.products-content .pro-list .list-1 .pro-img img {
    position:absolute;
    max-width:100%;
    max-height:100%;
    display:block
}
.products-content .pro-list .list-1 .pro-img:after {
    display:block;
    content:"";
    padding-top:100%
}
.products-content .pro-list .list-1 .pro-name {
    padding:10px 20px 0;
    min-height:50px;
    display:flex;
    justify-content:center;
    align-items:center
}
.products-content .pro-list .list-1 .pro-name a {
    text-align:center;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    color:#4c4c4c;
    font-size:18px;
    font-weight:700;
    line-height:24px
}
.products-content .pro-list .list-1 article {
    padding:0 20px;
    margin-top:10px
}
.products-content .pro-list .list-1 article a {
    color:#4c4c4c;
    line-height:18px;
    font-size:14px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
.products-content .pro-list .list-1>span {
    display:block;
    margin:20px;
    height:1px;
    background:#eee
}
.products-content .pro-list .list-1 .more-btn {
    display:block;
    margin:30px 20px;
    height:37px;
    background:#6bb61b;
    color:#fff;
    line-height:37px;
    text-align:center
}
.products-content .pro-list .list-1:hover {
    box-shadow:0 5px 5px rgba(0,0,0,.1);
    transform:translateY(-3px)
}
.products-content .pro-list .list-2 {
    width:100%;
    height:280px;
    display:flex;
    margin-bottom:30px
}
.products-content .pro-list .list-2 .pro-img {
    width:280px;
    height:280px;
    display:flex;
    justify-content:center;
    align-items:center;
    border:1px solid #e5e5e5
}
.products-content .pro-list .list-2 .pro-img img {
    display:block;
    width:100%
}
.products-content .pro-list .list-2 .pro-info {
    padding:40px 100px;
    flex:1;
    background:#f6f6f6
}
.products-content .pro-list .list-2 .pro-info .pro-name a {
    font-size:24px;
    font-weight:700;
    color:#4c4c4c;
    line-height:24px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical
}
.products-content .pro-list .list-2 .pro-info article {
    margin-top:35px
}
.products-content .pro-list .list-2 .pro-info article a {
    font-size:16px;
    color:#707070;
    line-height:24px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical
}
.products-content .pro-list .list-2 .pro-info .more-btn {
    margin-top:35px;
    width:200px;
    height:42px;
    display:block;
    display:flex;
    justify-content:center;
    align-items:center;
    border:1px solid #6bb61b;
    color:#6bb61b;
    font-size:18px;
    font-weight:700;
    transition:all .3s ease
}
.products-content .pro-list .list-2 .pro-info .more-btn i {
    position:relative;
    top:1.2px;
    margin-left:5px;
    transform:scale(1.1)
}
.products-content .pro-list .list-2:hover {
    cursor:pointer;
    box-shadow:0 5px 5px 0 rgba(0,0,0,.1);
    transform:translateY(5px)
}
.products-content .pro-list .list-2:hover .pro-info .more-btn {
    background:#6bb61b;
    color:#fff
}
.products-content .pro-list .list-2:hover .pro-info .more-btn i {
    color:#fff
}
.products-content .pro-list .list-2 .compare-action {
    position:relative;
    margin:20px 0;
    width:200px;
    height:42px
}
.products-content .pro-list .list-2 .compare-action .compare-action-check+label {
    border-color:#1867d4
}
.products-content .pro-list .list-1.pro-checked {
    border:2px solid #6bb61b
}
.products-content .pro-list:after {
    content:"";
    width:23%
}
.products-content .seo-key {
    margin:0 260px;
    box-shadow:0 0 10px rgba(0,0,0,.1);
    border-radius:5px;
    padding:10px;
    line-height:1.7em;
    color:#2b2b2b
}
.products-content .seo-key .keywords {
    margin-top:10px
}
.products-content .seo-key .keywords a {
    padding:10px;
    background:#f1f1f1;
    line-height:2em;
    border-radius:999px;
    margin-right:20px;
    color:#2b2b2b
}
.pro-filter {
    position:absolute;
    top:19px;
    right:260px;
    height:40px;
    background:#fcb026;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:0 40px 0 10px
}

.checkLabel{
    margin-right: 0px;
}
@media screen and (max-width: 768px){
    .checkLabel{
        margin-right: 28px;
    }
}
.pro-filter>a {
    color:#fff!important;
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.pro-filter i {
    top:10px;
    right:20px;
    position:absolute;
    transform:scale(1.5);
    color:#fff
}
.pro-filter:hover,.pro-filter i:hover {
    cursor:pointer
}
.filter-box {
    overflow-y:auto;
    width:100%;
    position:absolute;
    padding:0 260px;
    max-height:300px;
    min-height:100px;
    background:#f8f8f8;
    transition:all .4s ease;
    top:-69px;
    z-index:20;
    box-shadow:0 7px 10px -7px rgba(0,0,0,.6);
    transform-origin:top;
    transform:rotateX(90deg);
    opacity:0
}
.filter-box::-webkit-scrollbar {
    width:3px
}
.filter-box::-webkit-scrollbar-thumb,.filter-box::-webkit-scrollbar-track {
    border-radius:10px;
    background-color:rgba(0,0,0,.1)
}
.filter-box::-webkit-scrollbar-thumb {
    box-shadow:inset 0 0 6px rgba(0,0,0,.3)
}
.filter-box .pro-type-list {
    padding:15px 0
}
.filter-box .pro-type-list>ul {
    width:100%;
    display:flex;
    flex-wrap:wrap
}
.filter-box .pro-type-list>ul a {
    transition:all .4s ease
}
.filter-box .pro-type-list>ul a:hover {
    color:#fcb026
}
.filter-box .pro-type-list>ul .LiLevel1 {
    width:25%;
    margin-bottom:20px
}
.filter-box .pro-type-list>ul .LiLevel1 li:last-child {
    margin-bottom:0
}
.filter-box .pro-type-list>ul .LiLevel1 li a {
    width:100%;
    height:100%;
    line-height:40px
}
.filter-box .pro-type-list>ul .LiLevel1 li a,.filter-box .pro-type-list>ul .LiLevel1>a {
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    text-align:center
}
.filter-box .pro-type-list>ul .LiLevel1>a {
    font-size:18px;
    height:35px;
    line-height:35px;
    background:#fff;
    width:70%;
    border-top:2px solid #fcb026
}
.filter-box .pro-type-list>ul .LiLevel1 .sub-menu {
    margin:10px 0 0;
    display:flex;
    flex-wrap:wrap;
    flex-direction:column
}
.filter-box .pro-type-list>ul .LiLevel2 {
    width:70%;
    height:35px;
    background-color:#fff;
    margin-bottom:10px
}
.filter-box .pro-type-list>ul .LiLevel2 a {
    font-size:13px
}
.filter-box .pro-type-list>ul .LiLevel2 .sub-menu {
    display:none
}
.filter-box .pro-type-list .prosubmenu {
    width:100%
}
.filter-box .pro-type-list .prosubmenu>ul {
    width:100%;
    display:flex;
    flex-wrap:wrap
}
.filter-box .pro-type-list .prosubmenu>ul a {
    transition:all .4s ease
}
.filter-box .pro-type-list .prosubmenu>ul a:hover {
    color:#6bb61b
}
.filter-box .pro-type-list .prosubmenu>ul>li {
    width:25%;
    margin-bottom:10px
}
.filter-box .pro-type-list .prosubmenu>ul>li>a {
    font-size:18px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    height:35px;
    line-height:35px;
    background:#fff;
    text-align:center;
    width:70%;
    border-top:2px solid #6bb61b
}
.filter-box .scrollTip {
    height:35px;
    width:35px;
    box-sizing:border-box;
    position:absolute;
    right:260px;
    bottom:40px;
    animation:down 1.5s infinite;
    border-radius:50%;
    background:rgba(0,0,0,.3);
    -webkit-animation:down 1.5s infinite;
    display:flex;
    justify-content:center;
    align-items:center
}
.filter-box .scrollTip i {
    position:relative;
    top:1px;
    transform:scale(2);
    color:#fff
}
@keyframes down {
    0% {
        transform:translate(0)
    }
    20% {
        transform:translateY(15px)
    }
    40% {
        transform:translate(0)
    }
}@-webkit-keyframes down {
     0% {
         transform:translate(0)
     }
     20% {
         transform:translateY(15px)
     }
     40% {
         transform:translate(0)
     }
 }.common-container .news-content {
      margin:0 260px
  }
.common-container .news-content .news-list {
    margin:50px 0 30px;
    width:100%;
    display:flex;
    flex-wrap:wrap
}
.common-container .news-content .news-list .list-1 {
    width:100%;
    height:195px;
    padding:0 24px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    background:#f8f8f8;
    margin-bottom:20px;
    transition:all .3s ease
}
.common-container .news-content .news-list .list-1:hover {
    cursor:pointer;
    box-shadow:0 5px 10px rgba(0,0,0,.2);
    transform:translateY(-2px)
}
.common-container .news-content .news-list .list-1:hover .news-info .more-btn,.common-container .news-content .news-list .list-1:hover .news-info .news-title a {
    color:#6bb61b
}
.common-container .news-content .news-list .list-1 .news-img {
    width:200px;
    max-width:200px;
    min-width:200px;
    height:150px;
    display:flex;
    justify-content:center;
    align-items:center
}
.common-container .news-content .news-list .list-1 .news-img img {
    width:100%
}
.common-container .news-content .news-list .list-1 .news-info .news-date {
    color:#707070;
    line-height:24px;
    font-weight:700
}
.common-container .news-content .news-list .list-1 .news-info .news-title {
    margin-top:10px
}
.common-container .news-content .news-list .list-1 .news-info .news-title a {
    color:#4c4c4c;
    font-weight:700;
    font-size:20px;
    line-height:24px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical
}
.common-container .news-content .news-list .list-1 .news-info .news-text {
    margin:10px 0
}
.common-container .news-content .news-list .list-1 .news-info .news-text a {
    color:#707070;
    font-size:16px;
    line-height:24px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
.common-container .news-content .news-list .list-1 .news-info .more-btn {
    position:relative;
    display:block;
    color:#4c4c4c;
    font-weight:700
}
.common-container .news-content .news-list .list-1 .news-info .more-btn i {
    position:absolute;
    top:1px;
    left:80px;
    transform:scale(1)
}
.common-container .news-content .news-list .list-2 {
    margin-right:25px;
    width:23%;
    border:2px solid #eee;
    box-sizing:border-box;
    margin-bottom:50px;
    transition:all .4s ease
}
.common-container .news-content .news-list .list-2:nth-of-type(4n) {
    margin-right:0
}
.common-container .news-content .news-list .list-2 .news-img {
    width:100%
}
.common-container .news-content .news-list .list-2 .news-img img {
    width:100%;
    max-width:100%;
    max-height:100%;
    transition:all .4s ease
}
.common-container .news-content .news-list .list-2 .news-info {
    padding:8px
}
.common-container .news-content .news-list .list-2 .news-info .news-date {
    color:#707070;
    line-height:24px;
    font-weight:700
}
.common-container .news-content .news-list .list-2 .news-info .news-title {
    margin-top:10px
}
.common-container .news-content .news-list .list-2 .news-info .news-title a {
    color:#4c4c4c;
    font-weight:700;
    font-size:18px;
    line-height:24px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
.common-container .news-content .news-list .list-2 .news-info .news-text {
    margin:10px 0
}
.common-container .news-content .news-list .list-2 .news-info .news-text a {
    color:#707070;
    font-size:16px;
    line-height:24px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical
}
.common-container .news-content .news-list .list-2:hover {
    border-color:#6bb61b;
    box-shadow:0 0 5px 1px rgba(0,0,0,.3);
    transform:translateY(-3px)
}
.common-container .news-content .news-list .list-2:hover .news-info .news-title a {
    color:#6bb61b
}
.common-container .news-content .common-pages {
    margin-bottom:80px
}
.knowledges-content {
    margin:0 260px
}
.knowledges-content .knowledges-list {
    margin:50px 0 30px;
    width:100%;
    display:flex;
    flex-wrap:wrap
}
.knowledges-content .knowledges-list .list-1 {
    width:100%;
    height:195px;
    padding:0 24px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    background:#f8f8f8;
    margin-bottom:20px;
    transition:all .3s ease
}
.knowledges-content .knowledges-list .list-1:hover {
    cursor:pointer;
    box-shadow:0 5px 10px rgba(0,0,0,.2);
    transform:translateY(-2px)
}
.knowledges-content .knowledges-list .list-1:hover .knowledges-info .knowledges-title a,.knowledges-content .knowledges-list .list-1:hover .knowledges-info .more-btn {
    color:#6bb61b
}
.knowledges-content .knowledges-list .list-1 .knowledges-img {
    width:200px;
    max-width:200px;
    min-width:200px;
    height:150px;
    display:flex;
    justify-content:center;
    align-items:center
}
.knowledges-content .knowledges-list .list-1 .knowledges-img img {
    width:100%
}
.knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-date {
    color:#707070;
    line-height:24px;
    font-weight:700
}
.knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-title {
    margin-top:10px
}
.knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-title a {
    color:#4c4c4c;
    font-weight:700;
    font-size:20px;
    line-height:24px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical
}
.knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-text {
    margin:10px 0
}
.knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-text a {
    color:#707070;
    font-size:16px;
    line-height:24px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
.knowledges-content .knowledges-list .list-1 .knowledges-info .more-btn {
    position:relative;
    display:block;
    color:#4c4c4c;
    font-weight:700
}
.knowledges-content .knowledges-list .list-1 .knowledges-info .more-btn i {
    position:absolute;
    top:1px;
    left:80px;
    transform:scale(1)
}
.knowledges-content .knowledges-list .list-2 {
    margin-right:25px;
    width:23%;
    border:2px solid #eee;
    box-sizing:border-box;
    margin-bottom:50px;
    transition:all .4s ease
}
.knowledges-content .knowledges-list .list-2:nth-of-type(4n) {
    margin-right:0
}
.knowledges-content .knowledges-list .list-2 .knowledges-img {
    width:100%
}
.knowledges-content .knowledges-list .list-2 .knowledges-img img {
    width:100%;
    max-width:100%;
    max-height:100%;
    transition:all .4s ease
}
.knowledges-content .knowledges-list .list-2 .knowledges-info {
    padding:8px
}
.knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-date {
    color:#707070;
    line-height:24px;
    font-weight:700
}
.knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-title {
    margin-top:10px
}
.knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-title a {
    color:#4c4c4c;
    font-weight:700;
    font-size:18px;
    line-height:24px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
.knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-text {
    margin:10px 0
}
.knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-text a {
    color:#707070;
    font-size:16px;
    line-height:24px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical
}
.knowledges-content .knowledges-list .list-2:hover {
    border-color:#6bb61b;
    box-shadow:0 0 5px 1px rgba(0,0,0,.3);
    transform:translateY(-3px)
}
.knowledges-content .knowledges-list .list-2:hover .knowledges-info .knowledges-title a {
    color:#6bb61b
}
.knowledges-content .common-pages {
    margin-bottom:80px
}
.news-detail-content {
    margin:50px 0 120px;
    width:100%;
    padding:0 260px
}
.news-detail-content .news-title {
    padding:0 160px;
    text-align:center;
    color:#4c4c4c;
    font-size:30px;
    line-height:48px;
    font-weight:700
}
.news-detail-content .news-date {
    margin:0;
    color:#707070;
    font-weight:700;
    text-align:center
}
.news-detail-content .news-views {
    color:#707070;
    margin-left:20px;
    width:120px;
    text-align:center
}
.news-detail-content .news-info {
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:20px
}
.news-detail-content article p {
    margin-top:30px;
    line-height:28px;
    color:#4c4c4c
}
.news-detail-content article p:first-of-type {
    margin-top:0
}
.news-detail-content span.line {
    margin:50px 0;
    display:block;
    width:100%;
    height:1px;
    background:#ececec
}
.news-detail-content .pages-list a,.news-detail-content .pages-list div,.news-detail-content .pages-list span {
    color:#4c4c4c;
    font-size:18px;
    line-height:28px
}
.news-detail-content .pages-list span {
    color:#6bb61b
}
.news-detail-content .pages-list div {
    margin-top:20px
}
.news-detail-content .pages-list a:hover {
    text-decoration:underline;
    color:#6bb61b
}
.knowledges-detail-content {
    margin:60px 0 120px;
    width:100%;
    padding:0 260px
}
.knowledges-detail-content .knowledges-title {
    padding:0 160px;
    text-align:center;
    color:#4c4c4c;
    font-size:30px;
    line-height:48px;
    font-weight:700
}
.knowledges-detail-content .knowledges-date {
    color:#707070;
    font-weight:700;
    text-align:center
}
.knowledges-detail-content .knowledges-views {
    color:#707070;
    margin-left:20px;
    width:120px;
    text-align:center
}
.knowledges-detail-content .knowledges-info {
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:20px
}
.knowledges-detail-content article p {
    margin-top:30px;
    line-height:28px;
    color:#4c4c4c
}
.knowledges-detail-content article p:first-of-type {
    margin-top:0
}
.knowledges-detail-content span.line {
    margin:50px 0;
    display:block;
    width:100%;
    height:1px;
    background:#ececec
}
.knowledges-detail-content .pages-list a,.knowledges-detail-content .pages-list div,.knowledges-detail-content .pages-list span {
    color:#4c4c4c;
    font-size:18px;
    line-height:28px
}
.knowledges-detail-content .pages-list span {
    color:#6bb61b
}
.knowledges-detail-content .pages-list div {
    margin-top:20px
}
.knowledges-detail-content .pages-list a:hover {
    text-decoration:underline;
    color:#6bb61b
}
.pro-detail-content {
    position:relative
}
.pro-detail-content .pro-review {
    margin:50px 260px 30px;
    display:flex
}
.pro-detail-content .pro-review .pro-preview-left {
    min-width:428px;
    height:600px;
    box-sizing:border-box
}
.pro-detail-content .pro-review .pro-preview-right {
    padding:30px 100px 0;
    margin-bottom:30px;
    flex:1
}
.pro-detail-content .pro-review .pro-preview-right .pro-name {
    font-size:30px;
    font-family:Lato;
    font-weight:700;
    color:#2b2b2b
}
.pro-detail-content .pro-review .pro-preview-right .pro-price,.pro-detail-content .pro-review .pro-preview-right .pro-views {
    font-size:24px;
    font-family:Arial;
    color:#6bb61b;
    line-height:24px;
    margin:20px 0
}
.pro-detail-content .pro-review .pro-preview-right article {
    font-size:16px;
    color:#2b2b2b;
    line-height:24px;
    margin-right:100px
}
.pro-detail-content .pro-review .pro-preview-right .btn-list {
    margin-top:10px;
    display:flex;
    flex-wrap:wrap
}
.pro-detail-content .pro-review .pro-preview-right .btn-list .btn,.pro-detail-content .pro-review .pro-preview-right .btn-list .pdown2 {
    height:46px;
    width:300px;
    border:1px solid #6bb61b;
    display:flex;
    justify-content:center;
    align-items:center;
    margin:30px 20px 0 0;
    cursor:pointer
}
.pro-detail-content .pro-review .pro-preview-right .btn-list .btn a,.pro-detail-content .pro-review .pro-preview-right .btn-list .pdown2 a {
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center
}
.pro-detail-content .pro-review .pro-preview-right .btn-list .btn span,.pro-detail-content .pro-review .pro-preview-right .btn-list .pdown2 span {
    font-size:18px;
    color:#6bb61b
}
.pro-detail-content .pro-review .pro-preview-right .btn-list .btn:hover span,.pro-detail-content .pro-review .pro-preview-right .btn-list .pdown2:hover span {
    color:#fff
}
.pro-detail-content .pro-detail-title {
    line-height:64px;
    padding:0 260px;
    height:64px;
    width:100%;
    background:#f8f8f8;
    font-size:20px;
    color:#2b2b2b;
    font-weight:700
}
.pro-detail-content .pro-intro {
    margin:30px 260px 0
}
.pro-detail-content .pro-intro .intro-title {
    font-size:20px;
    font-weight:700;
    color:#6bb61b;
    line-height:50px
}
.pro-detail-content .pro-intro article {
    font-size:16px;
    color:#2b2b2b;
    line-height:24px;
    padding:30px 30px 30px 0;
    border-top:1px solid #e6e6e6;
    border-bottom:1px solid #e6e6e6
}
.pro-detail-content .pro-spec {
    margin:30px 260px 0
}
.pro-detail-content .pro-spec .spec-title {
    font-size:20px;
    font-weight:700;
    color:#6bb61b;
    line-height:50px
}
.pro-detail-content .pro-spec .spec-content {
    padding:30px 400px 30px 0;
    border-top:1px solid #e6e6e6;
    border-bottom:1px solid #e6e6e6
}
.pro-detail-content .pro-spec .spec-content table tr td {
    height:50px;
    width:480px
}
.pro-detail-content .productsTags {
    margin:30px 260px 0
}
.pro-detail-content .pro-bottom-tip {
    margin:0 260px;
    font-size:16px;
    color:#2b2b2b;
    padding:40px 0
}
.pro-detail-content .pro-page-switch {
    width:100%;
    background:#f8f8f8;
    height:50px;
    padding:0 260px;
    display:flex;
    justify-content:space-between;
    margin:50px 0
}
.pro-detail-content .pro-page-switch .page-next,.pro-detail-content .pro-page-switch .page-prev {
    font-size:18px;
    font-weight:700;
    color:#2b2b2b;
    line-height:50px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical
}
.pro-detail-content .pro-page-switch .page-prev {
    display:flex
}
.pro-detail-content .pro-page-switch .page-prev i {
    margin-right:10px
}
.pro-detail-content .pro-page-switch .page-prev .page-btn {
    margin-right:30px
}
.pro-detail-content .pro-page-switch .page-next {
    display:flex;
    flex-direction:row-reverse
}
.pro-detail-content .pro-page-switch .page-next i {
    margin-left:10px
}
.pro-detail-content .pro-page-switch .page-next .page-btn {
    margin-left:30px
}
.pro-detail-content .pro-page-switch .page-btn {
    width:240px;
    height:100%;
    background:#6bb61b;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#fff;
    font-size:20px;
    line-height:50px
}
.pro-detail-content .pro-page-switch a {
    font-size:18px;
    font-weight:700;
    color:#2b2b2b;
    line-height:50px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical
}
.pro-detail-content .random-pro-list {
    margin:0 260px
}
.pro-detail-content .random-pro-list .random-title {
    font-size:30px;
    font-weight:700;
    color:#2b2b2b
}
.pro-detail-content .random-pro-list ul {
    margin-top:30px;
    display:flex;
    flex-wrap: wrap;
}
.pro-detail-content .random-pro-list ul li {
    flex:1;
    max-width:15%;
    min-width:15%;
    margin-right:10px;
}
.pro-detail-content .random-pro-list ul li .pro-img {
    width:100%;
    border:1px solid #eee;
    display:flex;
    justify-content:center;
    align-items:center;
    overflow:hidden
}
.pro-detail-content .random-pro-list ul li .pro-img img {
    width:100%;
    transition:all .3s ease
}
.pro-detail-content .random-pro-list ul li .pro-img:after {
    display:block;
    content:"";
    padding-top:100%
}
.pro-detail-content .random-pro-list ul li .pro-name {
    text-align:center;
    font-family:Open Sans;
    font-weight:700;
    color:#2b2b2b;
    min-height:40px;
    margin:20px 0
}
.pro-detail-content .random-pro-list ul li .more-btn {
    margin:0 auto;
    display:block;
    width:100px;
    height:33px;
    border:1px solid #000;
    border-radius:16px;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:14px;
    font-weight:700;
    color:#2b2b2b;
    transition:all .3s ease
}
.pro-detail-content .random-pro-list ul li:hover .more-btn {
    background:#6bb61b;
    color:#fff;
    border:1px solid #6bb61b
}
.pro-detail-content .random-pro-list ul li:hover .pro-img img {
    transform:scale(1.2)
}
.pro-detail-content .send-inquiry {
    margin-top:90px
}
.pro-detail-content .send-inquiry .inquiry-title {
    height:64px;
    width:100%;
    background:#f8f8f8;
    margin:40px 0;
    font-size:30px;
    font-weight:700;
    color:#2b2b2b;
    text-align:center;
    line-height:64px
}
.pro-detail-content .send-inquiry .inquiry-form {
    position:relative;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    margin:0 260px
}
.pro-detail-content .share-btn-list {
    margin-top:30px
}
.swiper-pagination-bullet-active {
    background:#6bb61b!important
}
.common-container .contact-wrapper {
    margin:50px 0;
    display:flex
}
.common-container .contact-wrapper .contact-left {
    padding:52px 60px;
    width:440px;
    background:#f8f8f8
}
.common-container .contact-wrapper .contact-left .title {
    font-size:30px;
    font-weight:700;
    color:#4c4c4c
}
.common-container .contact-wrapper .contact-left ul {
    margin-top:30px
}
.common-container .contact-wrapper .contact-left ul li {
    margin:16px 0;
    color:#4c4c4c;
    line-height:24px
}
.common-container .contact-wrapper .contact-left ul li .contact-way {
    font-size:18px;
    font-weight:700
}
.common-container .contact-wrapper .contact-left ul li .contact-info {
    font-size:16px
}
.common-container .contact-wrapper .contact-left ul li .contact-num {
    font-size:20px;
    margin-top:10px
}
.common-container .contact-wrapper .contact-main {
    margin-left:20px;
    flex:1
}
.common-container .contact-wrapper .contact-main .send-inquiry .inquiry-form {
    position:relative;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    margin-left:30px
}
.common-container .video-content {
    margin:0 260px
}
.common-container .video-content .video-list {
    margin:50px 0;
    width:100%
}
.common-container .video-content .video-list li {
    height:195px;
    padding:0 24px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    background:#f8f8f8;
    margin-bottom:20px;
    transition:all .3s ease
}
.common-container .video-content .video-list li:hover {
    cursor:pointer;
    box-shadow:0 5px 10px rgba(0,0,0,.2);
    transform:translateY(-2px)
}
.common-container .video-content .video-list li:hover .video-info .more-btn,.common-container .video-content .video-list li:hover .video-info .video-title a {
    color:#6bb61b
}
.common-container .video-content .video-list li .video-img {
    width:200px;
    height:150px
}
.common-container .video-content .video-list li .video-img img {
    width:100%
}
.common-container .video-content .video-list li .video-info .video-date {
    color:#707070;
    line-height:24px;
    font-weight:700
}
.common-container .video-content .video-list li .video-info .video-title {
    margin-top:10px
}
.common-container .video-content .video-list li .video-info .video-title a {
    color:#4c4c4c;
    font-weight:700;
    font-size:20px;
    line-height:24px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical
}
.common-container .video-content .video-list li .video-info .video-text {
    margin:10px 0
}
.common-container .video-content .video-list li .video-info .video-text a {
    color:#707070;
    font-size:16px;
    line-height:24px
}
.common-container .video-content .video-list li .video-info .more-btn {
    position:relative;
    display:block;
    color:#4c4c4c;
    font-weight:700
}
.common-container .video-content .video-list li .video-info .more-btn i {
    position:absolute;
    top:1px;
    left:80px;
    transform:scale(1)
}
.common-container .video-content .video-list-2 {
    display:flex;
    flex-wrap:wrap;
    margin:50px 0;
    width:100%
}
.common-container .video-content .video-list-2 li {
    margin-right:36px;
    width:23%;
    border:2px solid #eee;
    box-sizing:border-box;
    margin-bottom:50px;
    transition:all .4s ease
}
.common-container .video-content .video-list-2 li:nth-of-type(4n) {
    margin-right:0
}
.common-container .video-content .video-list-2 li .video-img {
    width:100%
}
.common-container .video-content .video-list-2 li .video-img img {
    width:100%;
    max-width:100%;
    max-height:100%;
    transition:all .4s ease
}
.common-container .video-content .video-list-2 li .video-info {
    padding:8px
}
.common-container .video-content .video-list-2 li .video-info .video-date {
    color:#707070;
    line-height:24px;
    font-weight:700
}
.common-container .video-content .video-list-2 li .video-info .video-title {
    margin-top:10px
}
.common-container .video-content .video-list-2 li .video-info .video-title a {
    color:#4c4c4c;
    font-weight:700;
    font-size:20px;
    line-height:24px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
.common-container .video-content .video-list-2 li .video-info .video-text {
    margin:10px 0
}
.common-container .video-content .video-list-2 li .video-info .video-text a {
    color:#707070;
    font-size:16px;
    line-height:24px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical
}
.common-container .video-content .video-list-2 li:hover {
    border-color:#6bb61b;
    box-shadow:0 0 5px 1px rgba(0,0,0,.3);
    transform:translateY(-3px)
}
.common-container .video-content .video-list-2 li:hover .video-info .video-title a {
    color:#6bb61b
}
.common-container .video-content .common-pages {
    margin-bottom:80px
}
.common-container .feedback-content {
    margin:50px 0;
    padding:0 260px;
    display:flex
}
.common-container .feedback-content .feedback-main {
    margin-left:20px;
    flex:1
}
.common-container .feedback-content .feedback-main .feedback-tips {
    margin-bottom:50px
}
.common-container .feedback-content .feedback-main .feedback-tips p {
    line-height:30px
}
.common-container .feedback-content .feedback-main .feedback-tips p a {
    color:#6bb61b
}
.common-container .feedback-content .feedback-main .send-inquiry .inquiry-form {
    position:relative;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap
}
@media(min-width:1441px)and (max-width:1680px) {
    .home-container .about-info .about-content .content-title {
        font-size:30px
    }
    .home-container .about-info .about-content article {
        padding-right:100px
    }
    .home-container .about-info .about-content article p {
        font-size:18px
    }
    .home-container .about-info .about-content .about-btn {
        width:140px;
        height:40px;
        font-size:18px
    }
    .home-container .lastest-news ul li .news-content .more-link,.home-container .lastest-news ul li .news-content .news-date,.home-container .lastest-news ul li .news-content .news-title,.home-container .lastest-news ul li .news-content article {
        margin:0 50px
    }
}@media(min-width:1281px)and (max-width:1440px) {
    .home-container .about-info .about-content .content-title {
        font-size:26px
    }
    .home-container .about-info .about-content article {
        padding-right:100px
    }
    .home-container .about-info .about-content article p {
        font-size:14px
    }
    .home-container .about-info .about-content .about-btn {
        width:120px;
        height:30px;
        font-size:14px
    }
    .home-container .lastest-news ul li .news-content .news-title {
        margin:0 40px;
        font-size:20px
    }
    .home-container .lastest-news ul li .news-content .more-link,.home-container .lastest-news ul li .news-content .news-date,.home-container .lastest-news ul li .news-content article {
        margin:0 40px
    }
}@media(min-width:1281px)and (max-width:1520px) {
    .home-container .welcome-info .part-item {
        margin:80px 100px 0
    }
    .home-container .hot-product ul {
        margin:80px 100px
    }
    .home-container .partners {
        margin:140px 100px 150px
    }
}@media(max-width:1440px) {
    .home-container .part-title p:first-child {
        font-size:40px
    }
    .home-container .part-title:after {
        font-size:170px
    }
    .home-container .about-info .about-content .content-title {
        padding-left:20px;
        font-size:18px
    }
    .home-container .about-info .about-content article {
        padding:0 20px
    }
    .home-container .about-info .about-content article p {
        font-size:15px;
        line-height:28px
    }
    .home-container .about-info .about-content .about-btn {
        width:120px;
        height:30px;
        font-size:14px;
        margin-left:20px
    }
}@media(min-width:1081px)and (max-width:1280px) {
    .home-container .welcome-info .part-item {
        margin:80px 50px 0
    }
    .home-container .hot-product ul {
        margin:80px 50px
    }
    .home-container .lastest-news ul li .news-content .news-title {
        margin:0 30px;
        font-size:16px
    }
    .home-container .lastest-news ul li .news-content .more-link,.home-container .lastest-news ul li .news-content .news-date,.home-container .lastest-news ul li .news-content article {
        margin:0 30px
    }
    .home-container .partners {
        margin:140px 50px 150px
    }
}@media(min-width:769px)and (max-width:1081px) {
    .home-container .welcome-info .part-item {
        margin:80px 15px 0 25px
    }
    .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item {
        margin-right:25px
    }
    .home-container .about-info .about-content article {
        padding:0 20px
    }
    .home-container .about-info .about-content article p {
        font-size:13px;
        line-height:28px
    }
    .home-container .hot-product ul {
        margin:80px 25px
    }
    .home-container .lastest-news ul li .news-content .news-date,.home-container .lastest-news ul li .news-content .news-title {
        margin:0 20px;
        font-size:14px
    }
    .home-container .lastest-news ul li .news-content .more-link,.home-container .lastest-news ul li .news-content article {
        margin:0 20px;
        font-size:12px
    }
    .home-container .lastest-news ul li .news-content:before {
        border-top:2px solid #6bb61b;
        border-bottom:2px solid #6bb61b
    }
    .home-container .lastest-news ul li .news-content:after {
        border-left:2px solid #6bb61b;
        border-right:2px solid #6bb61b
    }
    .home-container .lastest-news ul li .news-content:after,.home-container .lastest-news ul li .news-content:before {
        width:96%;
        height:94%;
        top:3%;
        left:2%
    }
    .home-container .partners {
        margin:140px 25px 150px
    }
}@media screen and (max-width:768px) {
    .home-container #swiper-banner .swiper-button-next,.home-container #swiper-banner .swiper-button-prev {
        display:none
    }
    .home-container .part-title h3 {
        font-size:4.8vw
    }
    .home-container .part-title p {
        line-height:24px;
        font-size:3.4666666667vw
    }
    .home-container .part-title:after {
        font-size:19.2vw;
        top:-6.6666666667vw
    }
    .home-container .welcome-info {
        margin-top:13.3333333333vw
    }
    .home-container .welcome-info .part-item {
        margin:10.6666666667vw 6.6666666667vw 0
    }
    .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide {
        max-width:44vw
    }
    .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-title {
        margin:2.6666666667vw 1.3333333333vw 0;
        font-size:3.4666666667vw;
        line-height:120%;
        padding-right:.5333333333vw;
        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        min-height:9.3333333333vw
    }
    .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-content {
        margin:1.3333333333vw;
        font-size:3.2vw;
        line-height:14px
    }
    .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img {
        min-height:41vw;
        background:#fff
    }
    .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover {
        transform:translateY(0);
        box-shadow:none
    }
    .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover .item-title {
        color:#6bb61b
    }
    .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover .item-img img {
        opacity:.4
    }
    .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover .item-img a {
        transform:translateZ(0);
        opacity:1
    }
    .home-container .welcome-info .part-item .swiper-part-pagination {
        margin:4vw 0
    }
    .home-container .about-info {
        position:relative
    }
    .home-container .about-info .about-img {
        width:100%;
        background:#6bb61b
    }
    .home-container .about-info .about-img img {
        opacity:.1
    }
    .home-container .about-info .about-content {
        padding:2.6666666667vw 0;
        width:100%;
        height:100%;
        position:absolute;
        top:0;
        left:0;
        background:transparent
    }
    .home-container .about-info .about-content .content-title {
        padding-left:5.3333333333vw;
        font-size:4.8vw;
        font-weight:700;
        color:#fff
    }
    .home-container .about-info .about-content article {
        padding-left:5.3333333333vw;
        padding-right:4vw
    }
    .home-container .about-info .about-content article p {
        font-size:4vw;
        line-height:150%
    }
    .home-container .about-info .about-content article p:nth-child(2) {
        display:none
    }
    .home-container .about-info .about-content .about-btn {
        width:26.6666666667vw;
        height:10.6666666667vw;
        border:1px solid #fff;
        font-size:4vw;
        font-family:Open Sans;
        margin-left:5.3333333333vw;
        transition:all .5s ease
    }
    .home-container .about-info .about-content .about-btn:hover {
        background:#fff;
        border:2px solid #6bb61b;
        cursor:pointer
    }
    .home-container .about-info .about-content .about-btn:hover a {
        color:#6bb61b
    }
    .home-container .about-info .about-content .about-btn a {
        color:#fff
    }
    .home-container .hot-product {
        margin-top:13.3333333333vw
    }
    .home-container .hot-product ul {
        margin:13.3333333333vw 6.6666666667vw
    }
    .home-container .hot-product ul li {
        width:48%;
        margin-bottom:6.6666666667vw;
        margin-right:1.8666666667vw
    }
    .home-container .hot-product ul li:nth-of-type(2n) {
        margin-right:0
    }
    .home-container .hot-product ul li .pro-img {
        min-height:40vw
    }
    .home-container .hot-product ul li .pro-name {
        font-size:3.4666666667vw;
        text-align:center;
        line-height:4.8vw;
        margin:2.6666666667vw 0;
        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical
    }
    .home-container .hot-product ul li .pro-btn {
        display:none
    }
    .home-container .lastest-news ul li {
        width:100%
    }
    .home-container .lastest-news ul li:nth-of-type(2n) {
        display:none
    }
    .home-container .lastest-news ul li .news-content,.home-container .lastest-news ul li .news-img {
        width:50%
    }
    .home-container .lastest-news ul li .news-content .news-title {
        margin:1.0666666667vw 2.6666666667vw 0;
        font-size:3.4666666667vw
    }
    .home-container .lastest-news ul li .news-content .news-date {
        margin:.6666666667vw 2.6666666667vw;
        font-size:3.2vw
    }
    .home-container .lastest-news ul li .news-content article {
        display:none;
        margin:0 2.6666666667vw;
        font-size:3.2vw;
        line-height:110%
    }
    .home-container .lastest-news ul li .news-content .more-link {
        display:none
    }
    .home-container .partners {
        margin:13.3333333333vw 6.6666666667vw 20vw
    }
    .home-container .partners ul {
        margin-top:10.6666666667vw
    }
    .home-container .partners ul li {
        box-sizing:border-box;
        max-width:33%;
        min-width:33%;
        height:auto;
        padding-bottom:0;
        border:1px solid #eee;
        border-right:none;
        border-bottom:none
    }
    .home-container .partners ul li:nth-of-type(6n) {
        border-top:1px solid #eee;
        border-left:1px solid #eee;
        border-right:none
    }
    .home-container .partners ul li:nth-of-type(3n) {
        border-right:1px solid #eee
    }
    .home-container .partners ul li:nth-of-type(n+7) {
        border-top:1px solid #eee;
        border-left:1px solid #eee;
        border-bottom:none
    }
    .home-container .partners ul li:nth-of-type(n+7):hover,.home-container .partners ul li:nth-of-type(n+10) {
        border-bottom:1px solid #eee
    }
    .home-container .partners ul li:hover {
        border-top:1px solid #eee;
        border-left:1px solid #eee
    }
    .home-container .partners ul li:hover+li {
        border-left:1px solid #eee
    }
    .home-container .partners ul li:hover+li+li+li+li+li+li {
        border-top:1px solid #eee
    }
    .home-container .partners ul li:nth-of-type(6n):hover {
        border-right:1px solid #eee
    }
}@media screen and (min-width:751px)and (max-width:768px) {
    .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-title {
        font-size:18px;
        min-height:0
    }
    .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-content {
        font-size:14px
    }
    .home-container .about-info .about-content .content-title {
        font-size:28px
    }
    .home-container .about-info .about-content article p,.home-container .hot-product ul li .pro-name,.home-container .lastest-news ul li .news-content .news-title {
        font-size:24px
    }
    .home-container .lastest-news ul li .news-content .news-date {
        font-size:20px
    }
    .home-container .lastest-news ul li .news-content article {
        font-size:18px
    }
}@media(min-width:1281px)and (max-width:1520px) {
    header .header-top,header nav {
        padding:0 100px
    }
    header nav ul .submenu {
        right:-100px
    }
    main.common-container .breadcrumbs-nav {
        padding:0 100px
    }
    footer .footer-container>ul,footer .footer-top {
        margin:0 100px
    }
    footer .footer-container .right-text {
        padding:0 100px
    }
}@media(min-width:1081px)and (max-width:1280px) {
    header .header-top,header nav {
        padding:0 50px
    }
    header nav ul .submenu {
        right:-50px
    }
    header nav ul .submenu li a {
        font-size:14px
    }
    header nav ul li a {
        font-size:16px
    }
    main.common-container .breadcrumbs-nav {
        padding:0 50px
    }
    footer .footer-container>ul,footer .footer-top {
        margin:0 50px
    }
    footer .footer-container .right-text {
        padding:0 50px
    }
}@media(min-width:769px)and (max-width:1080px) {
    header .header-top,header nav {
        padding:0 25px
    }
    header nav ul .submenu {
        right:-25px
    }
    header nav ul .submenu li a {
        font-size:12px
    }
    header nav ul li {
        margin:0 8px
    }
    header nav ul li a {
        font-size:14px
    }
    main.common-container .breadcrumbs-nav {
        padding:0 25px
    }
    footer .footer-top {
        margin:0 25px
    }
    footer .footer-top .contact-left .contact-content p:nth-child(2) {
        font-size:20px
    }
    footer .footer-container>ul {
        margin:0 25px
    }
    footer .footer-container .right-text {
        padding:0 25px
    }
}@media screen and (max-width:768px) {
    body,html {
        overflow:hidden;
        overflow-y:auto
    }
    body {
        font-size:4vw
    }
    header .header-top {
        position:relative;
        background:none
    }
    header .header-top .top-info,header .header-top i {
        display:none
    }
    header .header-top .top-right {
        transition:all .4s ease
    }
    header .header-top .top-right .search-input {
        position:fixed;
        width:100vw;
        left:0;
        background:#333;
        border-radius:0;
        padding:10.6666666667vw;
        z-index:80;
        border:none;
        display:flex;
        opacity:0;
        top:0;
        transition:all .4s ease
    }
    header .header-top .top-right .search-input .search-btn {
        padding:0 1.3333333333vw;
        display:block;
        height:10.6666666667vw;
        line-height:10.6666666667vw;
        background:#6bb61b;
        color:#fff;
        transition:all .4s ease
    }
    header .header-top .top-right .search-input input {
        flex:1;
        height:10.6666666667vw;
        background-color:#fff;
        color:#000;
        padding-left:4vw;
        transition:all .4s ease
    }
    header .header-top .top-right .search-active {
        opacity:1;
        top:13.3333333333vw
    }
    header nav {
        position:relative;
        width:100vw;
        height:13.3333333333vw;
        position:fixed;
        top:0;
        left:0;
        padding:0 6.6666666667vw;
        box-shadow:0 1px 2px 0 rgba(0,0,0,.1)
    }
    header nav ul {
        background-color:#232429;
        top:13.3333333333vw;
        left:0;
        position:absolute;
        flex-direction:column;
        width:66.7%
    }
    header nav ul li {
        position:relative;
        height:auto;
        margin:0;
        display:block;
        padding:4vw 5.3333333333vw;
        border-bottom:1px solid hsla(0,0%,100%,.5)
    }
    header nav ul li a {
        width:100%;
        display:flex;
        justify-content:space-between;
        color:#fff;
        font-size:4vw
    }
    header nav ul li a:hover {
        color:#6bb61b
    }
    header nav ul li a:hover:after {
        display:none;
        transform:none
    }
    header nav ul li .inmenu_1 {
        color:#fff
    }
    header nav ul li .inmenu_1:after {
        content:none
    }
    header nav ul li:last-child {
        border-bottom:none
    }
    header nav ul li i {
        position:absolute;
        box-sizing:border-box;
        width:8vw;
        height:4vw;
        padding-left:4vw;
        right:4vw;
        top:4vw;
        color:#fff;
        transform:scale(1.4) rotate(0);
        transform-origin:center center;
        transition:all .3s
    }
    header nav ul li .slide-active {
        transform:scale(1.4) rotate(90deg);
        transform-origin:6vw 2.9vw
    }
    header nav ul li:hover>a,header nav ul li:hover>i {
        color:#fff
    }
    header nav ul li:hover>a:after,header nav ul li:hover>i:after {
        transform:translateX(-50%) rotateY(90deg)
    }
    header nav ul .submenu {
        transition:none;
        position:relative;
        width:100%;
        right:0;
        transform-origin:top;
        transform:rotateX(0);
        opacity:1;
        height:auto;
        background:#232429;
        top:0;
        list-style-type:square;
        display:none
    }
    header nav ul .submenu li {
        position:relative;
        list-style-type:square;
        padding:2.6666666667vw 0 0;
        margin:0 0 0 5.3333333333vw
    }
    header nav ul .submenu li a {
        font-size:3.4666666667vw
    }
    header nav ul .submenu li:after {
        content:none
    }
    header nav ul .submenu li:before {
        content:"";
        position:absolute;
        top:4.2666666667vw;
        left:-2.6666666667vw;
        width:1.0666666667vw;
        height:1.0666666667vw;
        background-color:#fff
    }
    header nav>ul {
        left:-100%
    }
    header nav .nav-btn {
        width:33%;
        display:flex
    }
    header nav .mobile-search-btn {
        display:block;
        width:33%;
        display:flex;
        justify-content:flex-end;
        align-items:center
    }
    header nav .mobile-search-btn i {
        transform:scale(1.4);
        color:#919194
    }
    header nav .header-logo {
        width:33%
    }
    main {
        margin-top:0
    }
    main .breadcrumbs-nav {
        display:none
    }
    main .common-pages {
        margin-bottom:6.6666666667vw;
        height:8vw;
        font-size:4.6666666667vw
    }
    main .common-pages a,main .common-pages span {
        margin:0 .6666666667vw;
        padding:1.3333333333vw 2.6666666667vw;
        font-size:4.6666666667vw;
        height:auto
    }
    main.common-container .inner-banner {
        min-height:0
    }
    main.common-container .inner-banner .pc {
        display:none
    }
    main.common-container .inner-banner .sm {
        display:block;
        min-height:40vw;
        background:url(../images/inner-banner-sm.jpg);
        background-size:100vw 40vw
    }
    footer {
        margin-top:6.6666666667vw
    }
    footer .footer-top {
        height:18.6666666667vw;
        margin:0;
        padding:0 6.6666666667vw
    }
    footer .footer-top .contact-left .contact-logo {
        display:none
    }
    footer .footer-top .contact-left .contact-content {
        display:flex;
        flex-direction:column;
        justify-content:space-evenly;
        padding-top:0;
        margin-left:0;
        width:60vw;
        height:18.6666666667vw
    }
    footer .footer-top .contact-left .contact-content p:first-child {
        font-size:4vw;
        line-height:4vw;
        top:0;
        left:-5.3333333333vw;
        transform:scale(.8)
    }
    footer .footer-top .contact-left .contact-content p:nth-child(2) {
        position:relative;
        left:-5.3333333333vw;
        font-size:4vw;
        line-height:4vw;
        padding-right:.6666666667vw;
        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        transform:scale(.8)
    }
    footer .footer-top .contact-left .contact-content:before {
        display:none
    }
    footer .footer-top .contact-btn {
        width:27.4666666667vw;
        height:8vw;
        border:.2666666667vw solid #fff
    }
    footer .footer-top .contact-btn a {
        font-size:3.2vw
    }
    footer .footer-container {
        padding-bottom:16vw;
        height:auto
    }
    footer .footer-container>ul {
        margin:0;
        height:auto;
        flex-wrap:wrap
    }
    footer .footer-container>ul>li {
        flex:none;
        padding:1.3333333333vw 0
    }
    footer .footer-container>ul>li .content {
        padding-top:0;
        padding-left:0;
        font-size:4vw
    }
    footer .footer-container>ul>li .content .content-title {
        font-size:4vw;
        line-height:6.6666666667vw
    }
    footer .footer-container>ul>li .content .content-text {
        font-size:3.2vw;
        line-height:2em
    }
    footer .footer-container>ul>li .content .content-text a {
        color:#707070
    }
    footer .footer-container>ul>li .logo {
        width:70px;
        height:70px;
        overflow:hidden;
        background-size:200px 37px
    }
    footer .footer-container>ul>li:first-child {
        width:100%
    }
    footer .footer-container>ul>li:nth-child(2),footer .footer-container>ul>li:nth-child(3) {
        width:50%
    }
    footer .footer-container>ul>li span {
        margin-top:2.6666666667vw;
        height:5.3333333333vw;
        position:relative;
        right:4vw;
        top:-.6666666667vw
    }
    footer .footer-container>ul>li.map .logo {
        background-position:10px 20px
    }
    footer .footer-container>ul>li.email .logo {
        background-position:-70px 20px
    }
    footer .footer-container>ul>li.tel .logo {
        background-position:-150px 20px
    }
    footer .footer-container .bottom-info {
        height:auto;
        padding-left:6.6666666667vw;
        margin-top:.6666666667vw
    }
    footer .footer-container .bottom-info li .title {
        line-height:10.6666666667vw
    }
    footer .footer-container .bottom-info .cate,footer .footer-container .bottom-info .intro {
        display:none
    }
    footer .footer-container .bottom-info .nav {
        margin:0
    }
    footer .footer-container .bottom-info .nav .title {
        display:none
    }
    footer .footer-container .bottom-info .nav ul {
        display:flex;
        flex-wrap:wrap
    }
    footer .footer-container .bottom-info .nav ul li {
        margin-right:2.6666666667vw;
        min-width:30%
    }
    footer .footer-container .bottom-info .nav ul li a {
        font-size:4vw;
        line-height:6.6666666667vw
    }
    footer .footer-container .bottom-info .code {
        display:none
    }
    footer .footer-container .bottom-info .code .title {
        font-size:4vw
    }
    footer .footer-container .bottom-info .code img {
        width:18vw;
        height:18vw;
        min-width:18vw;
        opacity:1
    }
    footer .footer-container .bottom-info .contact-list {
        width:100%;
        margin-top:4vw;
        display:flex
    }
    footer .footer-container .bottom-info .contact-list li {
        width:6.6666666667vw;
        height:6.6666666667vw;
        display:flex;
        justify-content:center;
        align-items:center;
        margin-right:1.3333333333vw
    }
    footer .footer-container .bottom-info .contact-list li img {
        width:100%
    }
    footer .footer-container .right-text {
        padding:0 6.6666666667vw;
        font-size:3.2vw;
        line-height:9.3333333333vw
    }
    footer .mobile-bottom {
        z-index:9;
        height:16vw;
        background:#6bb61b;
        width:100%;
        display:flex;
        align-items:center;
        justify-content:space-evenly
    }
    footer .mobile-bottom .mobile-bottom-item {
        background:#6bb61b;
        padding:.6666666667vw 0;
        display:flex;
        flex-direction:column;
        justify-content:space-around;
        align-items:center;
        height:16vw;
        width:22vw;
        font-size:4vw
    }
    footer .mobile-bottom .mobile-bottom-item a {
        display:flex;
        flex-direction:column;
        justify-content:space-around;
        align-items:center;
        width:100%;
        height:100%;
        color:#fff
    }
    footer .mobile-bottom .mobile-bottom-item i {
        transform:scale(1.6);
        margin-bottom:.6666666667vw
    }
    #toast-container {
        padding-top:150px
    }
}@media screen and (min-width:751px)and (max-width:768px) {
    footer .footer-top .contact-left .contact-content p:first-child,footer .footer-top .contact-left .contact-content p:nth-child(2) {
        font-size:28px
    }
    footer .footer-top .contact-btn a {
        font-size:20px
    }
    footer .footer-container>ul>li .content,footer .footer-container>ul>li .content .content-title {
        font-size:24px
    }
    footer .footer-container>ul>li .content .content-text {
        font-size:20px
    }
    footer .footer-container>ul>li .content .content-text a {
        color:#707070
    }
    footer .footer-container>ul>li .logo {
        width:90px;
        height:90px
    }
    footer .footer-container>ul>li.map .logo {
        background-position:10px 30px
    }
    footer .footer-container>ul>li.email .logo {
        background-position:-70px 30px
    }
    footer .footer-container>ul>li.tel .logo {
        background-position:-150px 30px
    }
    footer .footer-container .bottom-info .nav .title,footer .footer-container .bottom-info .nav ul li a {
        font-size:24px
    }
    footer .footer-container .right-text {
        font-size:20px
    }
    footer .mobile-bottom .mobile-bottom-item {
        font-size:24px
    }
}@media screen and (min-width:2000px) {
    .swiper-slide a,.swiper-slide img {
        width:100%
    }
    header .header-top,header nav {
        padding:0 450px
    }
    .home-container .welcome-info .part-item {
        margin:80px 450px 0
    }
    .home-container .hot-product ul {
        margin:80px 450px
    }
    .home-container .partners {
        margin:140px 450px 150px
    }
    .common-container .news-content,.common-container .video-content,.knowledges-content,.pro-detail-content .pro-bottom-tip,.pro-detail-content .random-pro-list,.pro-detail-content .send-inquiry .inquiry-form,footer .footer-container>ul,footer .footer-top {
        margin:0 450px
    }
    .common-container .breadcrumbs-nav,.knowledges-detail-content,.news-detail-content,.pro-detail-content .pro-detail-title,.pro-detail-content .pro-page-switch,.products-content .pro-list,footer .footer-container .right-text {
        padding:0 450px
    }
    .abouts-content {
        padding:0 450px 50px
    }
    .pro-filter {
        right:450px
    }
    .pro-detail-content .pro-review {
        margin:50px 450px 30px
    }
    .pro-detail-content .pro-intro,.pro-detail-content .pro-spec,.pro-detail-content .productsTags {
        margin:30px 450px 0
    }
}@media(min-width:1281px)and (max-width:1520px) {
    .abouts-content {
        padding:0 100px 50px
    }
}@media(min-width:1081px)and (max-width:1280px) {
    .abouts-content {
        padding:0 50px 50px
    }
}@media(min-width:769px)and (max-width:1081px) {
    .abouts-content {
        padding:0 25px 50px
    }
}@media screen and (max-width:768px) {
    .abouts-content {
        padding:0 6.6666666667vw
    }
    .abouts-content .abouts-title {
        margin-top:6.6666666667vw;
        font-size:4.5333333333vw;
        padding:1.3333333333vw 0;
        margin-bottom:.1333333333vw
    }
    .abouts-content article div {
        margin-bottom:4vw
    }
    .abouts-content article .title {
        margin-top:2.1333333333vw;
        font-size:4vw
    }
    .abouts-content article .content,.abouts-content article .title,.abouts-content article p {
        line-height:5.3333333333vw
    }
    .abouts-content article .content,.abouts-content article p {
        width:100%
    }
    .abouts-content article .imgs-list {
        margin-top:1.3333333333vw
    }
    .abouts-content article .imgs-list li {
        display:none;
        padding-right:6.6666666667vw
    }
    .abouts-content article .imgs-list li:first-child {
        display:block
    }
}@media(min-width:1281px)and (max-width:1520px) {
    .common-container .news-content {
        margin:0 100px
    }
}@media(min-width:1081px)and (max-width:1280px) {
    .common-container .news-content {
        margin:0 50px
    }
}@media(min-width:769px)and (max-width:1081px) {
    .common-container .news-content {
        margin:0 25px
    }
}@media screen and (max-width:768px) {
    .common-container .news-content {
        margin:0 6.6666666667vw
    }
    .common-container .news-content .news-list {
        margin:6.6666666667vw 0;
        justify-content:space-between
    }
    .common-container .news-content .news-list .list-1 {
        height:32vw;
        padding:0 5.3333333333vw;
        margin-bottom:6.6666666667vw
    }
    .common-container .news-content .news-list .list-1 .news-img {
        display:none
    }
    .common-container .news-content .news-list .list-1 .news-info .news-date {
        font-size:4vw;
        line-height:4.5333333333vw;
        transform:scale(.8);
        position:relative;
        left:-7.3333333333vw
    }
    .common-container .news-content .news-list .list-1 .news-info .news-title {
        margin:1.3333333333vw 0
    }
    .common-container .news-content .news-list .list-1 .news-info .news-title a {
        font-size:4.5333333333vw;
        line-height:4.8vw
    }
    .common-container .news-content .news-list .list-1 .news-info .news-text {
        margin:0 0 1.3333333333vw
    }
    .common-container .news-content .news-list .list-1 .news-info .news-text a {
        font-size:4vw;
        line-height:4.5333333333vw
    }
    .common-container .news-content .news-list .list-1 .news-info .more-btn {
        font-size:4vw;
        position:relative
    }
    .common-container .news-content .news-list .list-1 .news-info .more-btn i {
        position:absolute;
        top:1.2px;
        left:21.3333333333vw;
        transform:scale(1.2)
    }
    .common-container .news-content .news-list .list-2 {
        margin-bottom:6.6666666667vw;
        width:46%;
        margin-right:4vw
    }
    .common-container .news-content .news-list .list-2:nth-of-type(3n) {
        margin-right:4vw
    }
    .common-container .news-content .news-list .list-2:nth-of-type(2n) {
        margin-right:0
    }
    .common-container .news-content .news-list .list-2 .news-info .news-date {
        line-height:3.2vw;
        font-size:3.2vw
    }
    .common-container .news-content .news-list .list-2 .news-info .news-title {
        margin-top:1.3333333333vw
    }
    .common-container .news-content .news-list .list-2 .news-info .news-title a {
        font-size:4vw;
        line-height:4.2666666667vw
    }
    .common-container .news-content .news-list .list-2 .news-info .news-text {
        margin:2.6666666667vw 0
    }
    .common-container .news-content .news-list .list-2 .news-info .news-text a {
        font-size:3.3333333333vw;
        line-height:4vw;
        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical
    }
}@media(min-width:1281px)and (max-width:1520px) {
    .knowledges-content {
        margin:0 100px
    }
}@media(min-width:1081px)and (max-width:1280px) {
    .knowledges-content {
        margin:0 50px
    }
}@media(min-width:769px)and (max-width:1081px) {
    .knowledges-content {
        margin:0 25px
    }
}@media screen and (max-width:768px) {
    .common-container .knowledges-content {
        margin:0 6.6666666667vw
    }
    .common-container .knowledges-content .knowledges-list {
        margin:6.6666666667vw 0;
        justify-content:space-between
    }
    .common-container .knowledges-content .knowledges-list .list-1 {
        height:32vw;
        padding:0 5.3333333333vw;
        margin-bottom:6.6666666667vw
    }
    .common-container .knowledges-content .knowledges-list .list-1 .knowledges-img {
        display:none
    }
    .common-container .knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-date {
        font-size:4vw;
        line-height:4.5333333333vw;
        transform:scale(.8);
        position:relative;
        left:-7.3333333333vw
    }
    .common-container .knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-title {
        margin:1.3333333333vw 0
    }
    .common-container .knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-title a {
        font-size:4.5333333333vw;
        line-height:4.8vw
    }
    .common-container .knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-text {
        margin:0 0 1.3333333333vw
    }
    .common-container .knowledges-content .knowledges-list .list-1 .knowledges-info .knowledges-text a {
        font-size:4vw;
        line-height:4.5333333333vw
    }
    .common-container .knowledges-content .knowledges-list .list-1 .knowledges-info .more-btn {
        font-size:4vw;
        position:relative
    }
    .common-container .knowledges-content .knowledges-list .list-1 .knowledges-info .more-btn i {
        position:absolute;
        top:1.2px;
        left:21.3333333333vw;
        transform:scale(1.2)
    }
    .common-container .knowledges-content .knowledges-list .list-2 {
        margin-bottom:6.6666666667vw;
        width:46%;
        margin-right:4vw
    }
    .common-container .knowledges-content .knowledges-list .list-2:nth-of-type(3n) {
        margin-right:4vw
    }
    .common-container .knowledges-content .knowledges-list .list-2:nth-of-type(2n) {
        margin-right:0
    }
    .common-container .knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-date {
        line-height:3.2vw;
        font-size:3.2vw
    }
    .common-container .knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-title {
        margin-top:1.3333333333vw
    }
    .common-container .knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-title a {
        font-size:4vw;
        line-height:4.2666666667vw
    }
    .common-container .knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-text {
        margin:2.6666666667vw 0
    }
    .common-container .knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-text a {
        font-size:3.3333333333vw;
        line-height:4vw;
        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical
    }
}@media screen and (max-width:768px) {
    .common-container .contact-wrapper {
        margin:0;
        padding:6.6666666667vw 0 0;
        flex-direction:column
    }
    .common-container .contact-wrapper .contact-left {
        padding:6vw 5.7333333333vw;
        width:100%
    }
    .common-container .contact-wrapper .contact-left .title {
        font-size:4.5333333333vw
    }
    .common-container .contact-wrapper .contact-left ul {
        margin-top:4vw
    }
    .common-container .contact-wrapper .contact-left ul li {
        line-height:5.3333333333vw;
        margin:2.6666666667vw 0
    }
    .common-container .contact-wrapper .contact-left ul li .contact-way {
        font-size:4vw;
        font-weight:700
    }
    .common-container .contact-wrapper .contact-left ul li .contact-info {
        font-size:4vw
    }
    .common-container .contact-wrapper .contact-left ul li .contact-num {
        font-size:4.5333333333vw;
        margin-top:.6666666667vw
    }
    .common-container .contact-wrapper .contact-main {
        margin-top:6.6666666667vw;
        margin-left:0;
        flex:1
    }
    .common-container .contact-wrapper .contact-main .send-inquiry .inquiry-form {
        margin-left:0
    }
}@media(min-width:1281px)and (max-width:1520px) {
    .products-content .content-top {
        margin:0 100px
    }
    .products-content .type-box {
        margin:0 100px 50px
    }
    .products-content .pro-list,.products-content .pro-list-2 {
        padding:0 100px
    }
    .products-content .seo-key {
        margin:0 100px
    }
    .pro-filter {
        right:100px
    }
    .filter-box {
        padding:0 100px
    }
    .filter-box .scrollTip {
        right:100px
    }
}@media(min-width:1081px)and (max-width:1280px) {
    .products-content .content-top {
        margin:0 50px
    }
    .products-content .type-box {
        margin:0 50px 50px
    }
    .products-content .pro-list,.products-content .pro-list-2 {
        padding:0 50px
    }
    .products-content .seo-key {
        margin:0 50px
    }
    .filter-box {
        padding:0 50px
    }
    .filter-box .scrollTip,.pro-filter {
        right:50px
    }
}@media(min-width:769px)and (max-width:1080px) {
    .products-content .content-top {
        margin:0 25px
    }
    .products-content .type-box {
        margin:0 25px 50px
    }
    .products-content .pro-list,.products-content .pro-list-2 {
        padding:0 25px
    }
    .products-content .pro-list-2 li .pro-info {
        padding:40px 50px
    }
    .products-content .seo-key {
        margin:0 25px
    }
    .filter-box {
        padding:0 25px
    }
    .filter-box .scrollTip,.pro-filter {
        right:25px
    }
}@media screen and (max-width:768px) {
    .products-content {
        padding:6.6666666667vw 6.6666666667vw 0
    }
    .products-content .content-top {
        margin:0;
        height:100px;
        display:flex;
        align-items:center
    }
    .products-content .content-top .pro-counts {
        display:none
    }
    .products-content .content-top .pro-filter {
        display:inline-block;
        background:transparent;
        width:auto;
        height:auto;
        padding:0
    }
    .products-content .content-top .pro-filter span {
        font-size:4vw;
        color:#2b2b2b;
        font-weight:700
    }
    .products-content .content-top .pro-filter i {
        display:none
    }
    .products-content .type-box {
        margin:0 0 6.6666666667vw
    }
    .products-content .type-box h1 {
        display:block;
        height:10.6666666667vw;
        font-size:4.8vw;
        line-height:10.6666666667vw
    }
    .products-content .type-box p {
        line-height:1.6em
    }
    .products-content .pro-list {
        margin-top:0;
        padding:0
    }
    .products-content .pro-list .list-1 {
        width:48%;
        min-width:48%;
        max-width:48%;
        margin-right:2.1333333333vw;
        margin-bottom:5.3333333333vw
    }
    .products-content .pro-list .list-1:nth-of-type(2n) {
        margin-right:0
    }
    .products-content .pro-list .list-1 .pro-img {
        height:32.8vw;
        min-height:32.8vw
    }
    .products-content .pro-list .list-1 .pro-name {
        padding:0 2.6666666667vw;
        min-height:8vw;
        display:flex;
        justify-content:center;
        align-items:center
    }
    .products-content .pro-list .list-1 .pro-name a {
        font-size:3.2vw;
        line-height:4vw
    }
    .products-content .pro-list .list-1 article {
        display:none
    }
    .products-content .pro-list .list-1 span {
        margin:2.6666666667vw
    }
    .products-content .pro-list .list-2.pro-checked {
        border-color:#6bb61b
    }
    .products-content .pro-list .list-2 {
        border:2px solid #eee;
        height:auto;
        width:47%;
        min-width:47%;
        max-width:47%;
        margin-right:1.3333333333vw;
        margin-bottom:5.3333333333vw;
        flex-direction:column
    }
    .products-content .pro-list .list-2:nth-of-type(2n) {
        margin-right:0
    }
    .products-content .pro-list .list-2 .pro-img {
        width:auto;
        height:32.8vw;
        min-height:32.8vw;
        border:none
    }
    .products-content .pro-list .list-2 .pro-info {
        padding:0;
        background:#fff
    }
    .products-content .pro-list .list-2 .pro-info .pro-name {
        margin-top:1.3333333333vw;
        padding:0 2.6666666667vw
    }
    .products-content .pro-list .list-2 .pro-info .pro-name a {
        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        font-size:3.2vw;
        line-height:3.2vw
    }
    .products-content .pro-list .list-2 .pro-info article {
        display:none
    }
    .products-content .pro-list .list-2 .pro-info span {
        display:block;
        height:1px;
        background:#eee;
        margin:2.6666666667vw
    }
    .products-content .pro-list .list-2 .pro-info .compare-action {
        left:0;
        margin:5.3333333333vw 2.6666666667vw;
        height:8vw;
        font-size:3.2vw;
        justify-content:flex-start;
        align-items:center;
        width:auto;
        background-color:#6bb61b
    }
    .products-content .pro-list .list-2 .pro-info .compare-action span {
        margin:0;
        background:transparent;
        height:auto;
        color:#fff
    }
    .products-content .pro-list .list-2 .pro-info .compare-action .compare-action-check+label {
        border-color:#fff
    }
    .products-content .pro-list .list-2 .pro-info .compare-action .compare-action-check:checked+label:before {
        color:#fff
    }
    .products-content .seo-key {
        margin:0 0 25px
    }
    .products-content .seo-key .keywords {
        margin-top:2.6666666667vw
    }
    .products-content .seo-key .keywords span {
        display:flex;
        flex-wrap:wrap
    }
    .products-content .seo-key .keywords a {
        display:inline-block;
        width:auto;
        padding:0 2.6666666667vw;
        background:#ccc;
        border-radius:999px;
        margin-right:1.3333333333vw;
        color:#2b2b2b;
        margin-bottom:4vw
    }
}@media(min-width:1281px)and (max-width:1520px) {
    .pro-detail-content .pro-review {
        margin:50px 100px 0
    }
    .pro-detail-content .pro-review .pro-preview-right {
        padding:30px 50px 0
    }
    .pro-detail-content .pro-detail-title {
        padding:0 100px
    }
    .pro-detail-content .pro-intro,.pro-detail-content .pro-spec,.pro-detail-content .productsTags {
        margin:30px 100px 0
    }
    .pro-detail-content .pro-bottom-tip {
        margin:0 100px
    }
    .pro-detail-content .pro-page-switch {
        padding:0 100px
    }
    .pro-detail-content .random-pro-list,.pro-detail-content .send-inquiry .inquiry-form {
        margin:0 100px
    }
}@media(min-width:1081px)and (max-width:1280px) {
    .pro-detail-content .pro-review {
        margin:50px 50px 0
    }
    .pro-detail-content .pro-review .pro-preview-right {
        width:500px;
        padding:30px 20px 0
    }
    .pro-detail-content .pro-review .pro-preview-right .pro-name {
        font-size:24px
    }
    .pro-detail-content .pro-review .pro-preview-right .btn-list {
        margin-top:20px
    }
    .pro-detail-content .pro-detail-title {
        padding:0 50px
    }
    .pro-detail-content .pro-intro,.pro-detail-content .pro-spec,.pro-detail-content .productsTags {
        margin:30px 50px 0
    }
    .pro-detail-content .pro-bottom-tip {
        margin:0 50px
    }
    .pro-detail-content .pro-page-switch {
        padding:0 50px
    }
    .pro-detail-content .random-pro-list {
        margin:0 50px
    }
    .pro-detail-content .random-pro-list ul li .pro-name {
        font-size:14px
    }
    .pro-detail-content .send-inquiry .inquiry-form {
        margin:0 50px
    }
}@media(min-width:769px)and (max-width:1080px) {
    .pro-detail-content .pro-review {
        margin:50px 25px 0
    }
    .pro-detail-content .pro-review .pro-preview-right {
        width:400px;
        padding:30px 20px 0
    }
    .pro-detail-content .pro-review .pro-preview-right .btn-list {
        margin-top:20px
    }
    .pro-detail-content .pro-detail-title {
        padding:0 25px
    }
    .pro-detail-content .pro-intro,.pro-detail-content .pro-spec,.pro-detail-content .productsTags {
        margin:30px 25px 0
    }
    .pro-detail-content .pro-bottom-tip {
        margin:0 25px;
        font-size:14px
    }
    .pro-detail-content .pro-page-switch {
        padding:0 25px
    }
    .pro-detail-content .random-pro-list {
        margin:0 25px
    }
    .pro-detail-content .random-pro-list ul li .pro-name {
        font-size:12px
    }
    .pro-detail-content .send-inquiry .inquiry-form {
        margin:0 25px
    }
}@media screen and (max-width:768px) {
    .pro-detail-content .pro-review {
        margin:0 6.6666666667vw;
        flex-direction:column
    }
    .pro-detail-content .pro-review .pro-preview-left {
        width:100%;
        min-width:100%;
        height:auto
    }
    .pro-detail-content .pro-review .pro-preview-left .preview-container {
        visibility:hidden;
        width:100%
    }
    .pro-detail-content .pro-review .pro-preview-left .preview-container .small-box {
        display:none
    }
    .pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box {
        margin-top:0
    }
    .pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box a {
        display:none
    }
    .pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box .list,.pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box .list .wrapper {
        width:100%
    }
    .pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box .list .wrapper .item {
        height:auto;
        border:none;
        margin:0
    }
    .pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box .list .wrapper .item img {
        width:100%
    }
    .pro-detail-content .pro-review .pro-preview-left .preview-container .thumbnail-box .list .banner-page {
        display:flex
    }
    .pro-detail-content .pro-review .pro-preview-right {
        margin-bottom:0;
        padding:4vw 0
    }
    .pro-detail-content .pro-review .pro-preview-right .pro-name {
        font-size:4vw
    }
    .pro-detail-content .pro-review .pro-preview-right .pro-price,.pro-detail-content .pro-review .pro-preview-right .pro-views {
        font-size:4vw;
        margin:1.3333333333vw 0
    }
    .pro-detail-content .pro-review .pro-preview-right .share-btn-list {
        margin:4vw 0
    }
    .pro-detail-content .pro-review .pro-preview-right article {
        font-size:3.2vw;
        line-height:4.8vw;
        margin-right:0
    }
    .pro-detail-content .pro-review .pro-preview-right .btn-list {
        justify-content:space-between;
        margin-top:4vw
    }
    .pro-detail-content .pro-review .pro-preview-right .btn-list .btn,.pro-detail-content .pro-review .pro-preview-right .btn-list .pdown2 {
        height:6.6666666667vw;
        width:40vw;
        margin:4vw 0
    }
    .pro-detail-content .pro-review .pro-preview-right .btn-list .btn span,.pro-detail-content .pro-review .pro-preview-right .btn-list .pdown2 span {
        font-size:4vw
    }
    .pro-detail-content .pro-review .singglepic {
        width:100%!important;
        height:auto!important;
        margin-top:4vw;
        margin-bottom:0!important;
        border:none!important
    }
    .pro-detail-content .pro-review .singglepic img {
        max-width:100%;
        max-height:100%
    }
    .pro-detail-content .pro-detail-title {
        line-height:5.3333333333vw;
        padding:1.3333333333vw 6.6666666667vw;
        height:auto;
        width:100%;
        font-size:4vw
    }
    .pro-detail-content .pro-intro {
        margin:4vw 6.6666666667vw
    }
    .pro-detail-content .pro-intro .intro-title {
        font-size:4.2666666667vw;
        line-height:6.6666666667vw
    }
    .pro-detail-content .pro-intro article {
        line-height:1.7em;
        padding:4vw 0
    }
    .pro-detail-content .pro-spec {
        margin:4vw 6.6666666667vw
    }
    .pro-detail-content .pro-spec .spec-title {
        font-size:4.2666666667vw;
        line-height:6.6666666667vw
    }
    .pro-detail-content .pro-spec .spec-content {
        padding:4vw 0
    }
    .pro-detail-content .pro-spec .spec-content table tr td {
        height:6.6666666667vw;
        width:100%
    }
    .pro-detail-content .productsTags {
        margin:4vw 6.6666666667vw 0;
        color:#2b2b2b
    }
    .pro-detail-content .pro-bottom-tip {
        margin:0 6.6666666667vw;
        padding:4vw 0;
        line-height:1.5em
    }
    .pro-detail-content .pro-page-switch {
        background:transparent;
        height:auto;
        padding:0 6.6666666667vw;
        margin:8vw 0;
        flex-wrap:wrap
    }
    .pro-detail-content .pro-page-switch .page-btn,.pro-detail-content .pro-page-switch .page-next,.pro-detail-content .pro-page-switch .page-prev {
        line-height:10.6666666667vw;
        font-size:4vw
    }
    .pro-detail-content .pro-page-switch .page-prev {
        background:#f8f8f8;
        width:100%
    }
    .pro-detail-content .pro-page-switch .page-prev i {
        margin-right:1.3333333333vw
    }
    .pro-detail-content .pro-page-switch .page-next {
        background:#f8f8f8;
        margin-top:6.6666666667vw;
        width:100%
    }
    .pro-detail-content .pro-page-switch .page-next i {
        margin-left:1.3333333333vw
    }
    .pro-detail-content .pro-page-switch .page-btn {
        width:32vw
    }
    .pro-detail-content .pro-page-switch .page-btn a {
        color:#fff;
        line-height:6.6666666667vw;
        font-size:4vw
    }
    .pro-detail-content .pro-page-switch a {
        font-weight:700;
        font-size:4vw;
        line-height:10.6666666667vw;
        margin:0
    }
    .pro-detail-content .random-pro-list {
        margin:6.6666666667vw
    }
    .pro-detail-content .random-pro-list .random-title {
        font-size:4vw;
        margin:4vw 0
    }
    .pro-detail-content .random-pro-list ul {
        width:100%;
        margin-top:4vw;
        flex-wrap:wrap
    }
    .pro-detail-content .random-pro-list ul li {
        max-width: 50%;
        min-width: 40%;
        margin-bottom:6.6666666667vw
    }
    .pro-detail-content .random-pro-list ul li .pro-img {
        height:29.0666666667vw
    }
    .pro-detail-content .random-pro-list ul li .pro-name {
        line-height:4vw;
        margin:2.6666666667vw 0;
        font-size:2.6666666667vw
    }
    .pro-detail-content .random-pro-list ul li .more-btn {
        width:16vw;
        height:5.3333333333vw;
        padding:.6666666667vw;
        border-radius:4vw;
        font-size:2.6666666667vw
    }
    .pro-detail-content .send-inquiry {
        margin-top:4vw
    }
    .pro-detail-content .send-inquiry .inquiry-title {
        height:8.5333333333vw;
        margin:6.6666666667vw 0;
        font-size:4vw;
        line-height:8vw
    }
    .pro-detail-content .send-inquiry .inquiry-form {
        margin:0 6.6666666667vw
    }
    .pro-detail-content .table-responsive {
        touch-action:auto;
        width:100%;
        margin:.2rem 0;
        overflow-x:auto;
        overflow-y:hidden;
        -webkit-overflow-scrolling:touch;
        -ms-overflow-style:-ms-autohiding-scrollbar
    }
}@media(min-width:1281px)and (max-width:1520px) {
    .news-detail-content {
        padding:0 100px
    }
    .news-detail-content .news-title {
        font-size:24px
    }
}@media(min-width:1081px)and (max-width:1280px) {
    .news-detail-content {
        padding:0 50px
    }
    .news-detail-content .news-title {
        font-size:20px
    }
}@media(min-width:769px)and (max-width:1081px) {
    .news-detail-content {
        padding:0 25px
    }
    .news-detail-content .news-title {
        font-size:18px
    }
}@media screen and (max-width:768px) {
    .news-detail-content {
        margin:13.3333333333vw 0;
        padding:0 6.6666666667vw
    }
    .news-detail-content .news-title {
        padding:0;
        font-size:4vw;
        line-height:5.3333333333vw
    }
    .news-detail-content .news-date {
        margin:4vw 0;
        line-height:6.4vw
    }
    .news-detail-content article p {
        margin-top:4vw;
        line-height:4.5333333333vw
    }
    .news-detail-content article p:first-of-type {
        margin-top:0
    }
    .news-detail-content span.line {
        margin:6.6666666667vw 0
    }
    .news-detail-content .pages-list a,.news-detail-content .pages-list div,.news-detail-content .pages-list span {
        line-height:5.3333333333vw;
        font-size:4vw
    }
    .news-detail-content .pages-list div {
        margin-top:2.6666666667vw
    }
}@media(min-width:1281px)and (max-width:1520px) {
    .knowledges-detail-content {
        padding:0 100px
    }
    .knowledges-detail-content .knowledges-title {
        font-size:24px
    }
}@media(min-width:1081px)and (max-width:1280px) {
    .knowledges-detail-content {
        padding:0 50px
    }
    .knowledges-detail-content .knowledges-title {
        font-size:20px
    }
}@media(min-width:769px)and (max-width:1081px) {
    .knowledges-detail-content {
        padding:0 25px
    }
    .knowledges-detail-content .knowledges-title {
        font-size:18px
    }
}@media screen and (max-width:768px) {
    .knowledges-detail-content {
        margin:13.3333333333vw 0;
        padding:0 6.6666666667vw
    }
    .knowledges-detail-content .knowledges-title {
        padding:0;
        font-size:4vw;
        line-height:5.3333333333vw
    }
    .knowledges-detail-content .knowledges-date {
        margin:4vw 0;
        line-height:6.4vw
    }
    .knowledges-detail-content article p {
        margin-top:4vw;
        line-height:4.5333333333vw
    }
    .knowledges-detail-content article p:first-of-type {
        margin-top:0
    }
    .knowledges-detail-content span.line {
        margin:6.6666666667vw 0
    }
    .knowledges-detail-content .pages-list a,.knowledges-detail-content .pages-list div,.knowledges-detail-content .pages-list span {
        line-height:5.3333333333vw
    }
    .knowledges-detail-content .pages-list div {
        margin-top:2.6666666667vw
    }
}@media(min-width:1281px)and (max-width:1520px) {
    .common-container .video-content {
        margin:0 100px
    }
}@media(min-width:1081px)and (max-width:1280px) {
    .common-container .video-content {
        margin:0 50px
    }
}@media(min-width:769px)and (max-width:1081px) {
    .common-container .video-content {
        margin:0 25px
    }
}@media screen and (max-width:768px) {
    .common-container .video-content {
        margin:0 6.6666666667vw
    }
    .common-container .video-content .video-list {
        margin:6.6666666667vw 0
    }
    .common-container .video-content .video-list li {
        height:32vw;
        padding:0 5.3333333333vw;
        margin-bottom:6.6666666667vw
    }
    .common-container .video-content .video-list li .video-img {
        display:none
    }
    .common-container .video-content .video-list li .video-info .video-date {
        font-size:4vw;
        line-height:4.5333333333vw;
        transform:scale(.8);
        position:relative;
        left:-7.3333333333vw
    }
    .common-container .video-content .video-list li .video-info .video-title {
        margin:1.3333333333vw 0
    }
    .common-container .video-content .video-list li .video-info .video-title a {
        font-size:4.5333333333vw;
        line-height:4.8vw
    }
    .common-container .video-content .video-list li .video-info .video-text {
        margin:0 0 1.3333333333vw
    }
    .common-container .video-content .video-list li .video-info .video-text a {
        font-size:4vw;
        line-height:4.5333333333vw
    }
    .common-container .video-content .video-list li .video-info .more-btn {
        font-size:4vw;
        position:relative
    }
    .common-container .video-content .video-list li .video-info .more-btn i {
        position:absolute;
        top:1.2px;
        left:21.3333333333vw;
        transform:scale(1.2)
    }
    .common-container .video-content .video-list-2 {
        margin:6.6666666667vw 0;
        justify-content:space-between
    }
    .common-container .video-content .video-list-2 li {
        margin-bottom:6.6666666667vw;
        width:46%;
        margin-right:4vw
    }
    .common-container .video-content .video-list-2 li:nth-of-type(3n) {
        margin-right:4vw
    }
    .common-container .video-content .video-list-2 li:nth-of-type(2n) {
        margin-right:0
    }
    .common-container .video-content .video-list-2 li .video-info .video-date {
        line-height:3.2vw;
        font-size:3.2vw
    }
    .common-container .video-content .video-list-2 li .video-info .video-title {
        margin-top:1.3333333333vw
    }
    .common-container .video-content .video-list-2 li .video-info .video-title a {
        font-size:4vw;
        line-height:4.2666666667vw
    }
    .common-container .video-content .video-list-2 li .video-info .video-text {
        margin:2.6666666667vw 0
    }
    .common-container .video-content .video-list-2 li .video-info .video-text a {
        font-size:3.3333333333vw;
        line-height:4vw;
        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical
    }
}@media(min-width:1281px)and (max-width:1520px) {
    .common-container .feedback-content {
        padding:0 100px 50px
    }
}@media(min-width:1081px)and (max-width:1280px) {
    .common-container .feedback-content {
        padding:0 50px 50px
    }
}@media(min-width:769px)and (max-width:1081px) {
    .common-container .feedback-content {
        padding:0 25px 50px
    }
}@media screen and (max-width:768px) {
    .common-container .feedback-content {
        margin:0;
        padding:6.6666666667vw 6.6666666667vw 0;
        flex-direction:column
    }
    .common-container .feedback-content .feedback-main {
        margin-top:0;
        margin-left:0;
        flex:1
    }
    .common-container .feedback-content .feedback-main .feedback-tips {
        margin-bottom:6.6666666667vw
    }
    .common-container .feedback-content .feedback-main .feedback-tips p {
        line-height:1.6em
    }
    .common-container .feedback-content .feedback-main .send-inquiry .inquiry-form {
        margin-left:0
    }
}@-webkit-keyframes hvr-icon-wobble-horizontal {
     16.65% {
         transform:translateX(6px)
     }
     33.3% {
         transform:translateX(-5px)
     }
     49.95% {
         transform:translateX(4px)
     }
     66.6% {
         transform:translateX(-2px)
     }
     83.25% {
         transform:translateX(1px)
     }
     to {
         transform:translateX(0)
     }
 }@keyframes hvr-icon-wobble-horizontal {
      16.65% {
          transform:translateX(6px) scale(1.7)
      }
      33.3% {
          transform:translateX(-5px) scale(1.7)
      }
      49.95% {
          transform:translateX(4px) scale(1.7)
      }
      66.6% {
          transform:translateX(-2px) scale(1.7)
      }
      83.25% {
          transform:translateX(1px) scale(1.7)
      }
      to {
          transform:translateX(0) scale(1.7)
      }
  }.hvr-icon-wobble-horizontal {
       display:inline-block;
       vertical-align:middle;
       transform:perspective(1px) translateZ(0);
       box-shadow:0 0 1px transparent;
       transition-duration:.3s
   }
.hvr-icon-wobble-horizontal:active .hvr-icon,.hvr-icon-wobble-horizontal:focus .hvr-icon,.hvr-icon-wobble-horizontal:hover .hvr-icon {
    -webkit-animation-name:hvr-icon-wobble-horizontal;
    animation-name:hvr-icon-wobble-horizontal;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out;
    -webkit-animation-iteration-count:1;
    animation-iteration-count:1
}
.hvr-bounce-to-right,.hvr-bounce-to-right-y {
    display:inline-block;
    vertical-align:middle;
    transform:perspective(1px) translateZ(0);
    box-shadow:0 0 1px transparent;
    position:relative;
    transition-property:color;
    transition-duration:.5s
}
.hvr-bounce-to-right-y:before,.hvr-bounce-to-right:before {
    content:"";
    position:absolute;
    z-index:-1;
    top:-1px;
    left:-1px;
    right:-1px;
    bottom:-1px;
    background:#6bb61b;
    transform:scaleX(0);
    transform-origin:0 50%;
    transition-property:transform;
    transition-duration:.5s;
    transition-timing-function:ease-out
}
.hvr-bounce-to-right-y:active,.hvr-bounce-to-right-y:focus,.hvr-bounce-to-right-y:hover,.hvr-bounce-to-right:active,.hvr-bounce-to-right:focus,.hvr-bounce-to-right:hover {
    color:#fff
}
.hvr-icon-wobble-horizontal .hvr-icon {
    transform:translateZ(0)
}
.hvr-bounce-to-right-y:active:before,.hvr-bounce-to-right-y:focus:before,.hvr-bounce-to-right-y:hover:before,.hvr-bounce-to-right:active:before,.hvr-bounce-to-right:focus:before,.hvr-bounce-to-right:hover:before {
    transform:scaleX(1);
    transition-timing-function:cubic-bezier(.52,1.64,.37,.66)
}
.hvr-shutter-out-vertical {
    display:inline-block;
    vertical-align:middle;
    transform:perspective(1px) translateZ(0);
    box-shadow:0 0 1px transparent;
    position:relative;
    background:#fff;
    transition-property:color;
    transition-duration:.3s
}
.hvr-shutter-out-vertical:before {
    content:"";
    position:absolute;
    z-index:-1;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:#6bb61b;
    transform:scaleY(0);
    transform-origin:50%;
    transition-property:transform;
    transition-duration:.3s;
    transition-timing-function:ease-out
}
.hvr-shutter-out-vertical:active,.hvr-shutter-out-vertical:focus,.hvr-shutter-out-vertical:hover {
    color:#fff
}
.hvr-shutter-out-vertical:active:before,.hvr-shutter-out-vertical:focus:before,.hvr-shutter-out-vertical:hover:before {
    transform:scaleY(1)
}
.swiper-slide {
    display:flex;
    justify-content:center
}
.swiper-lazy-preloader {
    width:30px!important;
    height:30px!important;
    border-radius:50%!important;
    border:2px solid #000!important;
    border-top-color:transparent!important
}
.preview-container {
    position:relative;
    width:450px
}
.preview-container .small-box {
    position:relative;
    width:450px;
    height:450px;
    border:1px solid #eee;
    display:flex;
    justify-content:center;
    align-items:center;
    box-sizing:border-box
}
.preview-container .small-box img {
    max-width:100%;
    max-height:100%
}
.preview-container .small-box .hover {
    position:absolute;
    width:180px;
    height:180px;
    background-color:hsla(0,0%,80%,.6);
    border:1px solid #eee;
    display:none
}
.preview-container .thumbnail-box {
    margin-top:40px;
    position:relative;
    width:100%;
    box-sizing:border-box
}
.preview-container .thumbnail-box .list {
    overflow:hidden;
    width:390px;
    margin:0 auto;
    position:relative
}
.preview-container .thumbnail-box .list ul {
    width:100000px;
    display:flex
}
.preview-container .thumbnail-box .list ul .item {
    width:58px;
    height:58px;
    display:flex;
    justify-content:center;
    align-items:center;
    margin:0 10px;
    box-sizing:border-box;
    border:1px solid #ccc
}
.preview-container .thumbnail-box .list ul .item:hover {
    cursor:pointer
}
.preview-container .thumbnail-box .list ul .item img {
    max-width:100%;
    max-height:100%
}
.preview-container .thumbnail-box .list ul .item-cur {
    border:1px solid #6bb61b
}
.preview-container .thumbnail-box .list .banner-page {
    display:none;
    justify-content:center;
    align-items:center;
    position:absolute;
    height:6.6666666667vw;
    width:13.3333333333vw;
    border-radius:5.3333333333vw;
    background:rgba(0,0,0,.8);
    bottom:1.3333333333vw;
    right:1.3333333333vw;
    z-index:999
}
.preview-container .thumbnail-box .list .banner-page span {
    color:#fff;
    font-size:4vw
}
.preview-container .thumbnail-box .btn {
    position:absolute;
    top:50%;
    width:22px;
    height:32px;
    margin-top:-16px
}
.preview-container .thumbnail-box .btn-prev {
    left:0;
    background:url(../images/btn_prev.png) no-repeat
}
.preview-container .thumbnail-box .btn-next {
    right:0;
    background:url(../images/btn_next.png) no-repeat
}
.preview-container .thumbnail-box .btn_prev_disabled {
    background:url(../images/btn_prev_disabled.png) no-repeat;
    cursor:not-allowed
}
.preview-container .thumbnail-box .btn_next_disabled {
    background:url(../images/btn_next_disabled.png) no-repeat;
    cursor:not-allowed
}
.preview-container .big-box {
    display:none;
    overflow:hidden;
    top:0;
    left:449px;
    border:1px solid #eee;
    position:absolute;
    width:450px;
    height:450px;
    box-sizing:border-box;
    background:#fff;
    z-index:20
}
.preview-container .big-box img {
    display:block;
    max-width:none;
    width:130%
}
.send-inquiry .inquiry-form input,.send-inquiry .inquiry-form textarea {
    padding-right:40px;
    transition:.3s
}
.send-inquiry .inquiry-form input::-webkit-input-placeholder,.send-inquiry .inquiry-form textarea::-webkit-input-placeholder {
    color:#4c4c4c;
    -webkit-transition:.3s;
    transition:.3s;
    transform-origin:top left
}
.send-inquiry .inquiry-form input::-moz-input-placeholder,.send-inquiry .inquiry-form textarea::-moz-input-placeholder {
    color:#4c4c4c
}
.send-inquiry .inquiry-form input::-ms-input-placeholder,.send-inquiry .inquiry-form textarea::-ms-input-placeholder {
    color:#4c4c4c
}
.send-inquiry .inquiry-form input:focus::-webkit-input-placeholder,.send-inquiry .inquiry-form textarea:focus::-webkit-input-placeholder {
    transform:scale(.8) translate(2px,-14px)
}
.send-inquiry .inquiry-form input:focus,.send-inquiry .inquiry-form textarea:focus {
    border-color:#6bb61b
}
.send-inquiry .inquiry-form input {
    position:relative;
    width:49%;
    height:50px;
    margin-bottom:30px
}
.send-inquiry .inquiry-form input,.send-inquiry .inquiry-form textarea {
    box-sizing:border-box;
    padding-left:20px;
    border:1px solid #d5d5d5;
    outline:none
}
.send-inquiry .inquiry-form textarea {
    padding-top:20px;
    width:100%;
    height:250px;
    resize:none
}
.send-inquiry .inquiry-form .input-error {
    border:1px solid #f77
}
.send-inquiry .inquiry-form #in-company {
    background:url(../images/company.png) no-repeat;
    background-size:26px 26px;
    background-position:right 10px top 12px
}
.send-inquiry .inquiry-form #in-name {
    background:url(../images/user.png) no-repeat;
    background-size:26px 26px;
    background-position:right 10px top 12px
}
.send-inquiry .inquiry-form #in-title {
    width:100%;
    background:url(../images/title.png) no-repeat;
    background-size:26px 26px;
    background-position:right 10px top 12px
}
.send-inquiry .inquiry-form #in-phone {
    background:url(../images/phone.png) no-repeat;
    background-size:24px 24px;
    background-position:right 10px top 12px
}
.send-inquiry .inquiry-form #in-email {
    background:url(../images/email.png) no-repeat;
    background-size:24px 24px;
    background-position:right 10px top 12px
}
.send-inquiry .inquiry-form #in-content {
    background:url(../images/pencil.png) no-repeat;
    background-size:20px 20px;
    background-position:right 10px top 15px
}
.send-inquiry .send-btn {
    width:216px;
    height:47px;
    border:1px solid #4c4c4c;
    display:flex;
    align-items:center;
    margin:50px auto;
    box-sizing:border-box
}
.send-inquiry .send-btn .span:first-child {
    display:flex;
    justify-content:center;
    align-items:center;
    flex:1;
    font-weight:700;
    color:#4c4c4c;
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.send-inquiry .send-btn .span:nth-child(2) {
    height:100%;
    width:47px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-left:1px solid #4c4c4c
}
.send-inquiry .send-btn .span:nth-child(2) em,.send-inquiry .send-btn .span:nth-child(2) i {
    color:#707070;
    transform:scale(1.7)
}
.send-inquiry .send-btn:hover {
    cursor:pointer;
    border:1px solid #6bb61b
}
.send-inquiry .send-btn:hover .span:first-child {
    color:#fff
}
.send-inquiry .send-btn:hover .span:nth-child(2) {
    border:none
}
.send-inquiry .send-btn:hover .span:nth-child(2) em,.send-inquiry .send-btn:hover .span:nth-child(2) i {
    color:#fff
}
@media screen and (max-width:768px) {
    .send-inquiry .inquiry-form input {
        padding-left:2.6666666667vw;
        width:100%;
        height:12vw;
        margin-bottom:4vw
    }
    .send-inquiry .inquiry-form textarea {
        padding-top:3.3333333333vw;
        padding-left:2.6666666667vw;
        width:100%;
        height:33.3333333333vw
    }
    .send-inquiry .inquiry-form #in-company,.send-inquiry .inquiry-form #in-name,.send-inquiry .inquiry-form #in-title {
        background-size:5.3333333333vw 5.3333333333vw;
        background-position:right 2.6666666667vw top 3.2vw
    }
    .send-inquiry .inquiry-form #in-email,.send-inquiry .inquiry-form #in-phone {
        background-size:4.6666666667vw 4.6666666667vw;
        background-position:right 2.6666666667vw top 3.2vw
    }
    .send-inquiry .inquiry-form #in-content {
        background-size:4vw 4vw;
        background-position:right 2.6666666667vw top 3.2vw
    }
    .send-inquiry .send-btn {
        width:42.6666666667vw;
        height:10.6666666667vw;
        margin:6.6666666667vw auto 0
    }
    .send-inquiry .send-btn .span:first-child {
        font-size:4vw
    }
    .send-inquiry .send-btn .span:nth-child(2) {
        width:6.6666666667vw
    }
}.compare-action {
     position:relative;
     height:37px;
     margin:30px 20px;
     display:flex;
     justify-content:center;
     align-items:center;
     background-color:#6bb61b;
     cursor:pointer
 }
.compare-action span {
    display:inline-block;
    color:#fff;
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.compare-action .compare-action-check+label {
    width:16px;
    height:16px;
    content:" ";
    border:1px solid #1867d4;
    border-radius:1px;
    margin-right:10px;
    cursor:pointer
}
.compare-action .compare-action-check:checked+label:before {
    font-size:16px;
    line-height:16px;
    content:"✓";
    text-align:center;
    color:#fff;
    position:relative;
    left:2px;
    top:-1px
}
.compare-action input[type=checkbox] {
    visibility:hidden
}
.compare-panel {
    height:100px;
    background:#f1f1f1;
    position:fixed;
    z-index:999999;
    bottom:0;
    left:0;
    width:100%;
    display:none;
    box-sizing:border-box;
    border:1px solid #ccc;
    font-size:14px
}
.compare-panel .button-area {
    float:right;
    height:100%;
    color:#fff;
    display:flex;
    align-items:center
}
.compare-panel .button-area .contact-button {
    margin:16px 20px;
    background:#6bb61b;
    color:#fff;
    line-height:28px;
    padding:0 12px;
    border-color:transparent;
    border-radius:3px;
    font-size:14px;
    cursor:pointer
}
.clear-all,.close {
    position:relative;
    display:inline-block;
    vertical-align:middle;
    color:#666;
    opacity:.5
}
.clear-all .ic-close,.close .ic-close {
    position:absolute;
    width:32px;
    height:32px;
    left:12px;
    top:45px
}
.clear-all .ic-close:after,.clear-all .ic-close:before,.close .ic-close:after,.close .ic-close:before {
    position:absolute;
    left:15px;
    content:"";
    height:16px;
    width:2px;
    background-color:#fff
}
.clear-all .ic-close:before,.close .ic-close:before {
    transform:rotate(45deg)
}
.clear-all .ic-close:after,.close .ic-close:after {
    transform:rotate(-45deg)
}
.button-area .clear-all {
    margin-right:20px;
    cursor:pointer
}
.button-area .clear-all:hover {
    opacity:1;
    color:#6bb61b
}
.button-area .close {
    position:relative;
    width:60px;
    height:100%;
    background:#555;
    cursor:pointer;
    display:inline-grid;
    align-items:Center;
    font-size:16px;
    text-align:center
}
.button-area .close i {
    color:#fff
}
.list-wrapper {
    height:100%;
    margin-right:380px;
    position:relative;
    display:flex;
    align-items:center;
    overflow-x:auto;
    overflow-y:hidden
}
.list-wrapper::-webkit-scrollbar {
    height:8px
}
.list-wrapper::-webkit-scrollbar-track {
    border-radius:10px;
    background-color:rgba(0,0,0,.1)
}
.list-wrapper::-webkit-scrollbar-thumb {
    border-radius:10px;
    background-color:rgba(0,0,0,.3)
}
.list-wrapper .next,.list-wrapper .pre {
    display:block;
    position:absolute;
    top:0;
    cursor:pointer;
    height:60px;
    color:#999;
    font-size:32px;
    line-height:60px;
    width:32px
}
.list-wrapper .next {
    right:0;
    text-align:right;
    color:#fff
}
.list-wrapper .item-clear {
    position:relative;
    float:right;
    box-sizing:border-box;
    width:20px;
    height:100%;
    border-left:1px solid #ebecf0;
    cursor:pointer;
    display:flex;
    justify-content:center;
    align-items:center
}
.list-wrapper .item-clear .ic-close {
    position:absolute;
    width:32px;
    height:32px;
    left:-6px;
    top:25px
}
.list-wrapper .item-clear .ic-close:after,.list-wrapper .item-clear .ic-close:before {
    position:absolute;
    left:15px;
    content:"";
    height:10px;
    width:2px;
    background-color:#333
}
.list-wrapper .item-clear .ic-close:before {
    transform:rotate(45deg)
}
.list-wrapper .item-clear .ic-close:after {
    transform:rotate(-45deg)
}
.list-wrapper .item-clear .fa {
    color:#c4c6cf
}
.list-wrapper .item-content {
    padding:7px;
    overflow:hidden;
    display:flex;
    justify-content:center;
    align-items:center
}
.list-wrapper .item-img {
    float:left;
    width:80px;
    height:45px;
    display:flex;
    align-items:center
}
.list-wrapper .item-img img {
    max-width:100%;
    max-height:100%
}
.list-wrapper .item-title {
    display:-webkit-box;
    text-overflow:ellipsis;
    overflow:hidden;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    font-size:12px;
    line-height:18px;
    color:#666;
    margin-left:10px
}
.cart-list {
    padding:0 32px
}
#productChache_listPC {
    position:relative;
    height:90px;
    overflow:hidden;
    display:flex;
    align-items:center
}
.selected-all {
    margin-left:0;
    display:flex
}
.selected-item {
    padding:10px 6px
}
.selected-item .item-box {
    width:220px;
    height:60px;
    background:#fff
}
@media(max-width:768px) {
    .compare-action {
        position:relative;
        margin:5.3333333333vw 2.6666666667vw;
        height:8vw;
        font-size:3.2vw;
        justify-content:flex-start
    }
    .compare-action .compare-action-check+label {
        margin-left:0;
        margin-right:5px
    }
    .products-content .pro-list .compare-action span {
        margin:0
    }
    .compare-panel {
        height:17vw;
        bottom:16vw
    }
    .compare-panel .button-area {
        padding:0 3vw;
        display:flex;
        justify-content:space-between;
        float:none
    }
    .compare-panel .button-area .close {
        display:none
    }
    .compare-panel .list-wrapper {
        padding-left:0;
        position:absolute;
        top:-15.6vw;
        margin-right:0;
        width:100%
    }
    .compare-panel .list-wrapper .cart-list {
        padding:0;
        width:100%
    }
    .compare-panel .list-wrapper .cart-list #productChache_listPC .selected-all {
        width:100%
    }
    .compare-panel .list-wrapper .selected-item {
        padding:0;
        width:20%;
        position:relative
    }
    .compare-panel .list-wrapper .selected-item .item-box {
        width:auto;
        height:14vw
    }
    .compare-panel .list-wrapper .selected-item .item-clear {
        height:30px;
        width:30px;
        background:#eee;
        border:none;
        position:absolute;
        border-radius:50%;
        opacity:.7;
        left:50%;
        top:50%;
        transform:translate(-50%,-50%)
    }
    .compare-panel .list-wrapper .selected-item .item-clear .ic-close {
        top:10px;
        left:0
    }
    .compare-panel .list-wrapper .selected-item .item-content {
        padding:2px 3px;
        box-sizing:border-box;
        border:1px solid #eee
    }
    .compare-panel .list-wrapper .selected-item .item-content .item-title {
        display:none
    }
    .compare-panel .list-wrapper .selected-item .item-content .item-img {
        width:auto;
        height:13vw
    }
}.inquiry-pro-list {
     margin:50px 0;
     display:none;
     width:100%;
     box-sizing:border-box;
     border:1px solid #ddd;
     padding:0 100px
 }
.inquiry-pro-list a {
    text-decoration:none;
    color:#000
}
.inquiry-pro-list .inquiry-pro-item {
    width:100%;
    height:100px;
    border-bottom:1px solid #ddd;
    display:flex;
    padding:40px 10px;
    margin-top:0;
    box-sizing:content-box
}
.inquiry-pro-list .inquiry-pro-item .pro-item-img {
    height:100%;
    width:200px;
    display:flex;
    justify-content:center;
    align-items:center;
    overflow:hidden
}
.inquiry-pro-list .inquiry-pro-item .pro-item-img a {
    width:100%;
    height:100%
}
.inquiry-pro-list .inquiry-pro-item .pro-item-img img {
    height:100%
}
.inquiry-pro-list .inquiry-pro-item .pro-item-name {
    padding-top:30px;
    margin-left:50px;
    font-size:14px
}
.inquiry-pro-list .inquiry-pro-item .pro-item-name a {
    font-size:16px
}
.inquiry-pro-list .inquiry-pro-item .pro-item-name a:hover {
    color:#6bb61b
}
.inquiry-pro-list .inquiry-pro-item .pro-item-name p {
    padding:0;
    margin:0
}
.inquiry-pro-list .inquiry-pro-item .pro-item-del {
    position:relative;
    padding-top:20px;
    height:100%;
    width:200px;
    margin-left:auto;
    display:flex;
    justify-content:center;
    align-items:center
}
.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close {
    position:absolute;
    width:32px;
    height:32px;
    left:-6px;
    top:43px
}
.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close:after,.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close:before {
    position:absolute;
    left:15px;
    content:"";
    height:20px;
    width:2px;
    background-color:#333
}
.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close:before {
    transform:rotate(45deg)
}
.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close:after {
    transform:rotate(-45deg)
}
.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close:hover {
    cursor:pointer
}
.inquiry-pro-list .inquiry-pro-item:last-child {
    border:none
}
@media(max-width:768px) {
    .inquiry-pro-list {
        padding:1vw 5vw
    }
    .inquiry-pro-list .inquiry-pro-item {
        box-sizing:border-box;
        padding:3vw;
        margin:0;
        height:20vw
    }
    .inquiry-pro-list .inquiry-pro-item .pro-item-del {
        padding-top:0;
        width:10vw
    }
    .inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close {
        right:0;
        top:4vw
    }
    .inquiry-pro-list .inquiry-pro-item .pro-item-name {
        font-size:3vw;
        margin:0;
        padding:2vw 0 0;
        max-width:48vw
    }
    .inquiry-pro-list .inquiry-pro-item .pro-item-name p a {
        font-size:3.2vw;
        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical
    }
    .inquiry-pro-list .inquiry-pro-item .pro-item-img {
        min-width:24vw;
        margin-right:3vw;
        width:auto
    }
}.table td,.table th {
     border:1px solid #cdcdcd;
     padding:5px;
 }
.table {
    border-collapse:collapse;
}
.products-content .seo-key a {
    color:#2b2b2b;
}
.pro-detail-content .pro-intro article a {
    color:#2b2b2b;
}
.pro-detail-content .productsTags {
    line-height:1.6;
    color:#2b2b2b;
}
.pro-detail-content .productsTags a {
    color:#2b2b2b;
}
footer .footer-container .bottom-info {
    height:auto;
    margin-bottom:25px;
}
#tags {
    display:flex;
    border-bottom:1px solid #ccc;
    margin-bottom:20px;
    flex-wrap:wrap;
}
#tags li a {
    font-size:18px;
    font-weight:bold;
    line-height:46px;
    padding:0 28px;
    border:1px solid #ccc;
    margin:10px 20px -1px 0;
    display:block;
    box-sizing:border-box;
}
#tags li.selectTag a,#tags li a:hover {
    color:#6bb61b;
}
@media screen and (max-width:992px) {
    #tags li a {
        font-size:17px;
        padding:0 20px;
        line-height:40px;
        margin-right:10px;
    }
}@media screen and (max-width:768px) {
    #tags li a {
        font-size:14px;
        padding:0 10px;
        line-height:30px;
        margin-right:6px;
    }
}@media screen and (max-width:500px) {
    #tags li a {
        width:100%;
        text-align:center;
        font-size:14px;
        padding:0 10px;
        line-height:30px;
        margin-right:0;
    }
    #tags li {
        width:49%;
    }
    #tags {
        justify-content:space-between;
        border:none
    }
}#tagContent .tagContent {
     display:none;
 }
#tagContent .tagContent.selectTag {
    display:block;
}
.protypebody {
    margin:0 260px 50px;
    line-height:1.6;
    color:#444;
    box-shadow:0px 0px 5px #ddd;
    padding:15px;
}
@media (max-width:1520px) and (min-width:1281px) {
    .protypebody {
        margin:0 100px 50px;
    }
}@media (max-width:1280px) and (min-width:1081px) {
    .protypebody {
        margin:0 50px 50px;
    }
}@media (max-width:1080px) and (min-width:769px) {
    .protypebody {
        margin:0 25px 50px;
    }
}@media screen and (max-width:768px) {
    .protypebody {
        margin:0 0 6.6666666667vw;
        font-size:3.4vw;
    }
}@media screen and (max-width:768px) {
    .products-content .pro-list .list-2 .pro-img a {
        display:block;
        height:100%;
        width:100%;
    }
    .products-content .pro-list .list-2 .pro-img a img {
        height:100%;
        object-fit:contain;
    }
    header nav >ul {
        height:calc(100% - 13.3333333333vw);
        position:fixed;
        display:block;
        overflow-y:auto;
    }
}.filter-box .pro-type-list>ul .LiLevel2 {
     width:25%;
     background:transparent
 }
.filter-box .pro-type-list>ul .LiLevel2 a {
    width:70%;
    height:35px;
    background:#fff;
    display:inline-block;
    line-height:35px;
    text-align:center
}
.filter-box .pro-type-list>ul .LiLevel1 .LiLevel2 {
    width:70%
}
@media screen and (max-width:768px) {
    main.common-container .inner-banner .sm {
        display:none
    }
    main.common-container .inner-banner .pc {
        display:block
    }
}@media screen and (max-width:768px) {
    main.detail-container .inner-banner .pc {
        display:none
    }
}.news-detail-content .pro-detail-content .random-pro-list,.knowledges-detail-content .pro-detail-content .random-pro-list {
     margin:0;
 }
.inquiry-title {
    height:64px;
    width:100%;
    background:#f8f8f8;
    margin:40px 0;
    font-size:30px;
    font-weight:700;
    color:#2b2b2b;
    text-align:center;
    line-height:64px
}
.inquiry-form {
    position:relative;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap
}
#feedbackForm .send-inquiry .inquiry-form #in-emailcomfirm {
    background:url(../images/email.png) no-repeat;
    background-size:24px 24px;
    background-position:right 10px top 12px
}
@media screen and (max-width:768px) {
    .common-container .news-content .news-list .list-1 .news-info .news-text {
        display:-webkit-box;
        display:-moz-box;
        max-height:36px;
        font-size:14px;
        line-height:18px;
        text-overflow:ellipsis;
        word-break:break-all;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
        overflow:hidden;
        margin:2vw 0
    }
    .common-container .news-content .news-list .list-1 {
        padding:4vw 5.3333333333vw
    }
}/* ie */
.ie .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img::after {
    padding-top:0;
    height:auto
}
.ie .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img img {
    position:relative;
    height:auto;
    width:auto
}
.ie .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img {
    display:block;
    position:relative
}
.ie .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img a {
    display:inline-block;
    position:absolute;
    top:50%;
    left:50%;
    height:auto;
    width:auto;
    transform:translate(-50%,-50%)
}
.ie .home-container .about-info .about-content {
    justify-content:space-around
}
.ie .home-container .hot-product ul li .pro-img:after {
    padding-top:0
}
.ie .home-container .lastest-news ul li .news-content {
    justify-content:space-around
}
.ie .home-container .hot-product ul li .pro-name {
    width:100%;
    height:70px
}
.ie .home-container .hot-product ul li a,.ie .home-container .hot-product ul li object {
    height:auto
}
.ie .products-content .pro-list .list-1 .pro-img img {
    position:relative;
    width:100%
}
.ie .products-content .pro-list .list-2 .pro-img a {
    position:relative;
    display:block;
    width:100%;
    height:100%
}
.ie .products-content .pro-list .list-2 .pro-img a img {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}
.ie .compare-action .compare-action-check+label {
    display:block
}
.ie .products-content .pro-list .list-1 .pro-name {
    box-sizing:border-box
}
.ie .products-content .pro-list .list-1 .pro-name a {
    width:100%;
    display:block
}
.ie .feedbackForm tbody {
    width:850px
}
.ie .feedbackForm table input {
    width:300px
}
.ie .feedbackForm tbody tr:last-child td:nth-of-type(2) input,.ie .feedbackForm tbody tr:last-child td:nth-of-type(2) textarea,.ie .feedbackForm tbody tr:nth-of-type(5) td:nth-of-type(2) input,.ie .feedbackForm tbody tr:nth-of-type(5) td:nth-of-type(2) textarea,.ie .feedbackForm tbody tr:nth-of-type(6) td:nth-of-type(2) input,.ie .feedbackForm tbody tr:nth-of-type(6) td:nth-of-type(2) textarea {
    width:740px
}
.ie .feedbackForm table tr td:first-of-type,.ie .filter-box .pro-type-list>ul .LiLevel1>a,.ie .filter-box .pro-type-list>ul .pro-menu>li a,.ie .filter-box .pro-type-list>ul .sub-menu>li a {
    display:block
}
.ie .products-content .pro-list .list-1 article a {
    height:36px;
    display:block
}
.ie .common-container .news-content .news-list .list-2 .news-info .news-text a,.ie .knowledges-content .knowledges-list .list-2 .knowledges-info .knowledges-text a {
    height:45px;
    display:block
}
.ie .preview-container .thumbnail-box .list ul .item img {
    width:80%
}
.ie .home-container .hot-product ul li {
    margin-bottom:150px
}
.ie footer .footer-container .bottom-info .intro .contact-list li img {
    width:20px
}
.ie10 .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img a {
    left:20%
}
.ie10 .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-title {
    word-break:break-all;
    width:40%
}
.ie10 .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-content {
    width:40%
}
.ie10 .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item {
    border:none
}
.ie10 .home-container .welcome-info .part-item .swiper-wrapper .swiper-slide {
    border:1px solid #eaeaea
}
.ie10 .home-container .hot-product ul li {
    margin-bottom:150px
}
/* pad */
@media (min-width:769px) and (max-width:1081px) {
    .home-container .about-info .about-img img {
        height:100%;
        object-fit:cover
    }
    .contact-logo,.home-container .lastest-news ul li .news-content article,footer .footer-top .contact-left .contact-content:before {
        display:none
    }
    footer .footer-top .contact-left .contact-content {
        width:90%;
        padding-top:0;
        margin-left:0
    }
    footer .footer-container>ul {
        flex-wrap:wrap;
        height:auto;
        padding:20px 0
    }
    footer .footer-container>ul>li {
        width:50%;
        height:140px
    }
    footer .footer-container .bottom-info .intro {
        display:none
    }
    footer .footer-container>ul>li {
        height:auto!important
    }
    footer .footer-container .bottom-info {
        margin-top:0
    }
    .abouts-content article .content {
        width:100%
    }
    .products-content .pro-list .list-1 {
        min-width:47%;
        max-width:47%
    }
    .common-container .contact-wrapper .contact-main,.common-container .contact-wrapper .contact-main .send-inquiry .inquiry-form {
        margin-left:0
    }
    .common-container .contact-wrapper .contact-main {
        margin-top:20px
    }
    .common-container .contact-wrapper .contact-left {
        width:100%
    }
    .common-container .contact-wrapper {
        flex-wrap:wrap
    }
    .common-container .news-content .news-list .list-2 {
        width:calc(48% - 12.5px)
    }
    .common-container .news-content .news-list .list-2:nth-of-type(2) {
        margin-right:0
    }
    .pro-detail-content .pro-review {
        flex-wrap:wrap
    }
    .pro-detail-content .pro-intro article {
        padding:30px 0 30px 0
    }
    .pro-detail-content .pro-review .pro-preview-left {
        margin:0 auto
    }
}@media screen and (max-width:768px) {
    .pro-detail-content {
        margin-top:50px
    }
}@media (max-width:768px) {
    .compare-panel .list-wrapper .selected-item {
        width:20vw!important
    }
    .compare-panel #productChache_listPC {
        background:#fff
    }
    .compare-panel .list-wrapper .cart-list {
        width:auto!important
    }
    .compare-panel .list-wrapper::-webkit-scrollbar {
        height:3px
    }
}.small-box .icon-video {
     width:50px;
     height:50px;
     position:absolute;
     top:0;
     right:0;
     cursor:pointer;
     z-index:33;
     background:url(../images/icon-video.png) no-repeat;
     background-size:40px 40px;
     background-position:center
 }
.icon-pre {
    width:50px;
    height:50px;
    position:absolute;
    top:0;
    right:0;
    cursor:pointer;
    z-index:33;
    background:url(../images/preview.png) no-repeat;
    background-size:30px 30px;
    background-position:center
}
iframe {
    max-width:100%;
}
@media screen and (max-width:768px) {
    .pro-detail-content .pro-intro img,.abouts-content img,.knowledges-detail-content article img,.news-detail-content article img {
        height:auto!important;
    }
}@media screen and (max-width:500px) {
    .pro-detail-content .pro-intro iframe {
        max-height:280px
    }
}

* {
    margin:0;
    padding:0
}
li,ol,ul {
    list-style:none
}
a,a:hover {
    color:#373937
}
a,a:hover,a:link,a:visited {
    text-decoration:none
}
body {
    font-family:Arial,Helvetica,sans-serif;
    font-size:14px;
    color:#333
}
div {
    box-sizing:border-box
}
h2 {
    font-weight:400
}
table {
    border-collapse:collapse
}
caption,td,th {
    font-size:16px;
    border:1px
}
button,input,select,textarea {
    font:14px Verdana,Helvetica,Arial,sans-serif
}
header {
    position:relative;
    box-shadow:0 2px 5px rgba(0,0,0,.2)
}
header .header-top {
    display:flex;
    height:40px;
    background:#222;
    padding:0 260px;
    justify-content:space-between
}
header .header-top .top-info {
    display:flex;
    align-items:center;
    height:100%;
    color:#939393
}
header .header-top .top-info i {
    margin-right:5px;
    color:#fcb026
}
header .header-top .top-info>div {
    padding:0 10px;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    border-left:1px solid #3a3a3a
}
header .header-top .top-info a {
    color:#939393
}
header .header-top .top-right {
    display:flex;
    align-items:center;
    height:100%
}
header .header-top .top-right span {
    color:#939393;
    font-size:15px;
    margin-right:10px
}
header .header-top .top-right i {
    font-size:20px;
    margin:0 5px;
    color:#939393;
    transition:all .3s ease
}
header .header-top .top-right ul li a:hover i {
    color:#fcb026
}
header .header-top #xyz {
    z-index:999;
    width:120px;
    position:relative
}
header .header-top #xyz .xyz12 {
    position:absolute;
    top:-20px;
    box-sizing:border-box
}
header .header-top #xyz .xyz12 span {
    position:absolute;
    right:10px;
    top:12px;
    background:url(../imagess/down.png) no-repeat;
    width:20px;
    height:20px
}
header .header-top #xyz .xyz12 span:hover {
    cursor:pointer
}
header .header-top #xyz .xyz12 ul li {
    display:none;
    padding-left:5px;
    width:120px;
    height:40px;
    line-height:40px
}
header .header-top #xyz .xyz12 ul li a {
    color:#FFF
}
header .header-top #xyz .xyz12 ul li a img {
    position:relative;
    top:3px;
    margin-right:5px
}
header .header-top #xyz .xyz12 ul li:first-child {
    display:block
}
header .header-top #xyz .xyz12 ul .bk {
    z-index:888;
    background:#fcb026
}
header .header-top #xyz .xyz12 .up {
    transform:rotate(0);
    transition:all .6s ease
}
header .header-top #xyz .xyz12 .dp {
    transform:rotate(90deg);
    transition:all .6s ease
}
header nav {
    position:absolute;
    padding:0 260px;
    top:40px;
    display:flex;
    width:100%;
    height:110px;
    box-sizing:border-box;
    align-items:center;
    background:#fcb026;
    z-index:90;
    transition-property:height;
    transition-duration:.2s;
    transition-timing-function:ease
}
header nav .header-logo {
    cursor:pointer;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:auto
}
header nav .header-logo img {
    max-width:100%;
    max-height:100%
}
header nav .header-logo a {
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center
}
header nav ul {
    height:100%;
    display:flex;
    position:relative
}
header nav ul>li {
    margin:0 20px;
    cursor:pointer
}
header nav ul>li,header nav ul>li a {
    display:flex;
    align-items:center;
    height:100%
}
header nav ul>li a {
    width:100%;
    justify-content:center;
    position:relative;
    font-size:16px;
    color:#373937;
    transition:all .3s ease;
    font-family:Microsoft Yahei,Tahoma,Arial,Helvetica,sans-serif;
    text-transform:uppercase
}
header nav ul>li:hover>a {
    color:#FFF
}
header nav ul .submenu {
    transition:all .3s ease;
    display:flex;
    flex-direction:column;
    top:100%;
    height:auto;
    transform-origin:top;
    transform:rotateX(90deg);
    opacity:0;
    position:absolute;
    justify-content:center
}
header nav ul .submenu li {
    width:auto;
    height:auto;
    margin:0;
    position:relative;
    border-bottom:none;
    background:#fcb026
}
header nav ul .submenu li a {
    display:block;
    padding:0 10px;
    width:100%;
    height:100%;
    line-height:48px;
    text-align:left
}
header nav ul .submenu li:hover a {
    background:#222
}
header nav ul .inmenu_1 {
    color:#FFF
}
header nav .search-btn {
    cursor:pointer;
    width:40px;
    height:40px;
    background-color:#222;
    margin-left:20px;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#FFF
}
header nav .search-btn i {
    font-size:22px
}
header nav .mobile-search-btn {
    display:none
}
header nav .nav-btn {
    display:none;
    position:absolute;
    margin:auto 0;
    height:4.2666666667vw;
    width:5.0666666667vw
}
header nav .nav-btn span {
    border-radius:2px;
    position:absolute;
    display:block;
    width:5.3333333333vw;
    height:.8vw;
    background-color:#333;
    transition:top .2s .2s,transform .2s,background .2s,opacity 0s .2s
}
header nav .nav-btn span:first-child {
    top:.1vw
}
header nav .nav-btn span:nth-child(2) {
    top:2.1333333333vw
}
header nav .nav-btn span:nth-child(3) {
    top:4.2666666667vw
}
header nav .toggle-animate span:first-of-type {
    top:1.6vw;
    transform:rotate(45deg);
    transition:top .2s,transform .2s .2s,background .2s
}
header nav .toggle-animate span:nth-of-type(2) {
    opacity:0;
    transition:opacity .2s
}
header nav .toggle-animate span:nth-of-type(3) {
    top:1.6vw;
    transform:rotate(-45deg);
    transition:bottom .2s,transform .2s .2s,background .2s
}
header nav .search-wrap {
    width:100%;
    background:#222;
    position:absolute;
    left:0;
    top:100%;
    transition:all .3s ease;
    transform-origin:top;
    transform:rotateX(90deg);
    opacity:0
}
header nav .active {
    opacity:1;
    transform:rotateX(0)
}
header nav .search-input {
    display:flex;
    justify-content:center;
    align-items:center;
    width:700px;
    padding:30px 0;
    margin:0 auto
}
header nav .search-input .searchtxt {
    flex-basis:calc(100% - 80px);
    height:48px;
    padding-left:20px;
    border:none;
    outline:0
}
header nav .search-input .searchbtn {
    flex-basis:80px;
    height:48px;
    border:none;
    background:#fcb026;
    cursor:pointer;
    text-transform:capitalize
}
main {
    margin-top:110px;
    width:100%
}
main .common-pages {
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:50px;
    width:100%;
    font-size:20px;
    height:60px
}
main .common-pages span {
    opacity:.4
}
main .common-pages a,main .common-pages span {
    font-size:20px;
    margin:10px;
    transition:all .3s ease;
    box-sizing:border-box;
    border:1px solid #f9f9f9;
    padding:10px 16px;
    display:flex;
    height:30px;
    justify-content:center;
    align-items:center;
    color:#494949
}
main .common-pages a:hover,main .common-pages span.ctxt {
    background:#fcb026;
    color:#FFF
}
main .common-pages span.ctxt {
    opacity:1;
    border:none
}
main.common-container .inner-banner .pc {
    display:block
}
main.common-container .inner-banner .sm {
    display:none
}
footer .footer-top {
    padding:20px 260px;
    width:100%;
    height:330px;
    display:flex;
    justify-content:center;
    align-items:center;
    background:url(../images/foot-bg.jpg);
    justify-content:space-between
}
footer .footer-top>div {
    margin-top:20px;
    height:100%;
    max-width:400px;
    display:flex;
    justify-content:flex-start;
    flex-direction:column
}
footer .footer-top .footer-intro .logo {
    margin-bottom:20px
}
footer .footer-top .footer-intro .logo img {
    max-height:70px
}
footer .footer-top .footer-intro>p {
    font-size:13px;
    color:silver;
    line-height:1.6
}
footer .footer-top .footer-intro .date {
    margin-top:15px;
    color:#ececec
}
footer .footer-top .footer-intro .foot-phone {
    position:relative;
    margin-top:20px;
    display:flex;
    align-items:center
}
footer .footer-top .footer-intro .foot-phone .phone {
    width:45px;
    height:45px;
    background:#fcb026;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center
}
footer .footer-top .footer-intro .foot-phone .phone i {
    color:#FFF;
    font-size:22px
}
footer .footer-top .footer-intro .foot-phone span {
    color:#fcb026;
    font-size:26px;
    display:block;
    margin-left:30px
}
footer .footer-top .footer-intro .foot-phone .circle {
    background:#fcb026;
    width:56px;
    height:56px;
    border-radius:50%;
    position:absolute;
    z-index:1;
    top:-5px;
    left:-6px;
    -webkit-animation:scaleout 2.5s ease-in-out infinite;
    animation:scaleout 2.5s ease-in-out infinite
}
footer .footer-top .footer-nav {
    width:400px
}
footer .footer-top .footer-nav li a {
    font-size:14px;
    color:silver;
    padding:5px 10px 5px 15px;
    display:inline-block
}
footer .footer-top .footer-nav li {
    position:relative
}
footer .footer-top .footer-nav li:after {
    position:absolute;
    content:"";
    top:11px;
    left:0;
    width:4px;
    height:4px;
    border:1px solid silver;
    border-top:none;
    border-left:none;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg)
}
footer .footer-top .footer-nav ul {
    margin:10px 0
}
footer .footer-top .footer-nav li:hover a {
    color:#fcb026
}
footer .footer-top .footer-nav li:hover:after {
    border-color:#fcb026
}
footer .footer-top .footer-nav .contact-us li {
    padding:10px 0;
    display:flex;
    display:-webkit-flex;
    color:silver
}
footer .footer-top .footer-nav .contact-us i {
    flex-basis:36px;
    text-align:center;
    font-size:18px;
    color:#fcb026
}
footer .footer-top .footer-code img {
    margin:30px 0 92px;
    display:block;
    width:120px
}
footer .footer-top .footer-title {
    position:relative;
    font-size:20px;
    color:#FFF;
    text-transform:capitalize;
    padding-bottom:10px;
    font-weight:400
}
footer .footer-top .footer-title:after {
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:40px;
    height:1px;
    background:#fcb026
}
footer .footer-copy {
    position:relative;
    padding:0 260px;
    border-top:1px solid #272727;
    height:50px;
    font-size:16px;
    color:#595959;
    background:#111;
    line-height:50px
}
footer .footer-copy .top-btn {
    cursor:pointer;
    position:absolute;
    top:-25px;
    right:260px;
    background:#fcb026;
    width:45px;
    height:45px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center
}
footer .footer-copy .top-btn i {
    font-size:22px;
    color:#2d2d2d;
    font-weight:700
}
.sm-mask,footer .mobile-bottom {
    display:none
}
.sm-mask {
    position:fixed;
    width:100%;
    bottom:0;
    height:100%;
    background:rgba(0,0,0,.6);
    z-index:9;
    top:110px
}
#toast-container {
    padding-top:250px
}
.singglepic {
    z-index:9!important;
    width:450px!important;
    height:450px!important;
    margin-bottom:12px!important;
    border-color:#eee!important;
    display:flex;
    justify-content:center;
    align-items:center
}
@-webkit-keyframes scaleout {
    0% {
        transform:scale(1.1);
        -webkit-transform:scale(1.1);
        opacity:0
    }
    50% {
        transform:scale(1);
        -webkit-transform:scale(1);
        opacity:.8
    }
    to {
        transform:scale(1.1);
        -webkit-transform:scale(1.1);
        opacity:0
    }
}@keyframes scaleout {
     0% {
         transform:scale(1.1);
         -webkit-transform:scale(1.1);
         opacity:0
     }
     50% {
         transform:scale(1);
         -webkit-transform:scale(1);
         opacity:.8
     }
     to {
         transform:scale(1.1);
         -webkit-transform:scale(1.1);
         opacity:0
     }
 }.spec-scroll .items ul li span.active,.spec-scroll .items ul li span:hover {
      border-color:#fcb026
  }
@media screen and (max-width:768px) {
    .singglepic {
        width:100%!important;
        height:100vw!important;
        margin-bottom:10px!important
    }
}#page-content-view {
     margin-left:10px
 }
.seo-key {
    box-shadow:0 0 10px rgba(0,0,0,.1);
    border-radius:5px;
    padding:10px;
    line-height:1.7em;
    color:#2b2b2b
}
.seo-key .keywords {
    margin-top:10px
}
.seo-key .keywords a {
    padding:10px;
    background:#f1f1f1;
    line-height:2em;
    border-radius:999px;
    margin-right:20px;
    color:#2b2b2b
}
.seo-key a {
    color:#2b2b2b
}
.prodetail-content,.prodetail-content a {
    font-size:16px;
    line-height:1.6;
    color:#222
}
.table td,.table th {
    border:1px solid #cdcdcd;
    padding:5px
}
.productsTags,.productsTags a {
    line-height:1.6;
    color:#222
}
.home-container,.home-container .swiper-container .swiper-slide {
    width:100%
}
.home-container .swiper-container .swiper-button-next,.home-container .swiper-container .swiper-button-prev {
    background:none;
    width:50px;
    height:50px
}
.home-container .swiper-container .swiper-button-next:after,.home-container .swiper-container .swiper-button-prev:after {
    content:""
}
.home-container .swiper-container .swiper-button-next i,.home-container .swiper-container .swiper-button-prev i {
    font-size:50px;
    color:#fcb026
}
.home-container .swiper-container .swiper-button-next {
    right:5px
}
.home-container .swiper-container .swiper-pagination-bullet {
    background:#FFF
}
.home-container .swiper-container .swiper-pagination-bullet-active {
    background:#fcb026
}
.home-container .company-advantage {
    margin:0 260px 80px
}
.home-container .company-advantage .advantage-list {
    overflow:hidden;
    width:100%;
    display:flex;
    justify-content:space-between;
    margin-top:30px
}
.home-container .company-advantage .advantage-list li {
    width:calc(33.3% - 20px);
    box-sizing:border-box;
    background:#f3f3f3;
    padding:20px 60px 40px;
    overflow:hidden;
    position:relative;
    z-index:1;
    margin-bottom:110px;
    transition:all .6s ease-out;
    text-align:center
}
.home-container .company-advantage .advantage-list li .cat,.home-container .company-advantage .advantage-list li h3 {
    color:#222;
    font-size:20px;
    text-transform:capitalize;
    margin:15px 0 20px
}
.home-container .company-advantage .advantage-list li p {
    font-size:16px;
    color:#777;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
    line-height:1.4
}
.home-container .company-advantage .advantage-list li:after {
    content:" ";
    position:absolute;
    top:0;
    left:-210%;
    width:186%;
    height:160%;
    background:#fcb026;
    transform:skew(-45deg);
    z-index:-1;
    transition:left .4s ease-in-out
}
.home-container .company-advantage .advantage-list li:hover {
    box-shadow:0 0 10px rgba(0,0,0,.3);
    transform:translateY(-5px)
}
.home-container .company-advantage .advantage-list li:hover:after {
    left:-69%;
    transition:left .4s ease-in-out
}
.home-container .company-advantage .advantage-list li:hover p {
    color:#222
}
.home-container .company-advantage .pro-list {
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap
}
.home-container .company-advantage .pro-list>li {
    border:1px solid #eaeaea;
    width:calc(33% - 30px);
    flex-basis:calc(33% - 30px)
}
.home-container .company-advantage .pro-list>li img {
    transition: all .3s ease;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
}
.home-container .company-advantage .pro-list>li>a {
    width:100%;
    padding-bottom:100%;
    display:block;
    position:relative;
    border-bottom:1px solid #eaeaea;
    overflow:hidden
}
.home-container .company-advantage .pro-list>li>a span {
    display:block;
    position:absolute;
    bottom:0;
    right:0;
    padding:10px 20px;
    background:#fcb026
}
.home-container .company-advantage .pro-list>li ul {
    padding:30px 20px
}
.home-container .company-advantage .pro-list>li ul li {
    padding:5px 0
}
.home-container .company-advantage .pro-list>li ul li a {
    position:relative;
    padding-left:15px;
    transition:all .3s ease-in-out
}
.home-container .company-advantage .pro-list>li ul li a:before {
    content:"";
    position:absolute;
    top:7px;
    left:0;
    display:inline-block;
    width:6px;
    height:6px;
    transform:rotate(-135deg);
    border:1px solid #6c6c6c;
    border-top:none;
    border-right:none;
    transition:all .3s ease-in-out
}
.home-container .company-advantage .pro-list>li ul li a:hover {
    padding-left:30px;
    color:#fcb026;
    transition:all .3s ease-in-out
}
.home-container .company-advantage .pro-list>li ul li a:hover:before {
    left:15px;
    border-color:#fcb026;
    transition:all .3s ease-in-out
}
.home-container .company-advantage .pro-list>li:hover img {
    transform:scale(1.1)
}
.home-container .news-product {
    width:100%;
    box-sizing:border-box;
    background:url(../images/products-bg.jpg);
    background-size:cover;
    padding:0 260px 60px
}
.home-container .news-product .section-title {
    color:#FFF
}
.home-container .news-product .section-title:after {
    background:#FFF
}
.home-container .news-product .news-products-list {
    position:relative;
    padding-bottom:80px
}
.home-container .news-product .news-content {
    width:100%;
    background:#f6f6f6;
    padding:20px
}
.home-container .news-product .news-content .ircn {
    line-height:1.6;
    color:#303030;
    font-size:18px;
    position:relative;
    padding-bottom:10px;
    white-space:normal;
    margin-bottom:10px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
.home-container .news-product .news-content .ircn:after {
    content:" ";
    position:absolute;
    bottom:0;
    left:0;
    width:50px;
    height:3px;
    background:#fcb026;
    transition:width .6s ease-in-out
}
.home-container .news-product .news-content .ircn+p {
    min-height:32px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical
}
.home-container .news-product .news-btn {
    width:100%;
    height:48px;
    display:flex;
    justify-content:center
}
.home-container .news-product .news-btn i {
    font-size:30px
}
.home-container .news-product .news-btn span {
    text-transform:uppercase;
    width:calc(100% - 68px);
    flex-basis:calc(100% - 68px);
    background:#eaebec;
    color:#1d1d1d;
    font-size:15px;
    display:flex;
    display:-webkit-flex;
    align-items:center;
    padding-left:20px;
    height:100%;
    position:relative;
    z-index:1;
    overflow:hidden;
    transition:all .3s ease-in-out;
    -webkit-transition:all .2s ease-in-out
}
.home-container .news-product .news-btn span:after {
    content:" ";
    position:absolute;
    left:-100%;
    width:100%;
    top:0;
    height:100%;
    background:#fcb026;
    transition:all .3s ease-in-out .2s;
    z-index:-1
}
.home-container .news-product .news-btn:hover .btn {
    color:#FFF;
    background:#222;
    transition:all .2s ease-in-out .2s;
    -webkit-transition:all .2s ease-in-out .2s
}
.home-container .news-product .news-btn:hover span:first-child:after {
    left:0;
    transition:all .3s ease-in-out;
    -webkit-transition:all .2s ease-in-out
}
.home-container .news-product .news-btn .btn {
    width:68px;
    flex-basis:68px;
    background:#fcb026;
    justify-content:center;
    padding:0;
    font-size:30px
}
.home-container .news-product #news-products-list {
    margin-top:40px
}
.home-container .news-product #news-products-list ul li {
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center
}
.home-container .news-product #news-products-list li:hover .ircn a {
    color:#fcb026
}
.home-container .news-product #news-products-list li:hover .news-content .ircn:after,.home-container .news-product .pro-list .pro-item:hover .news-content .ircn:after {
    width:100%;
    transition:width .6s ease-in-out
}
.home-container .news-product .news-img {
    width:100%;
    background:#FFF;
    display:flex;
    justify-content:center;
    align-items:center;
    overflow:hidden
}
.home-container .news-product .news-img:after {
    display:block;
    content:"";
    padding-top:100%
}
.home-container .news-product .news-img:hover img {
    transform:scale(1.2)
}
.home-container .news-product .news-img img {
    display:block;
    transition:transform .3s ease-in-out
}
.home-container .news-product .news-list-btn>div {
    cursor:pointer;
    position:absolute;
    width:48px;
    height:48px;
    border-radius:50%;
    left:-100px;
    outline:0;
    top:50%;
    border:3px solid #FFF;
    background:0 0;
    display:flex;
    align-items:center;
    justify-content:center
}
.home-container .news-product .news-list-btn>div i {
    font-size:20px
}
.home-container .news-product .news-list-btn .pro-next {
    left:auto;
    right:-100px
}
.home-container .news-product .news-list-btn {
    color:#FFF;
    font-size:20px
}
.home-container .news-product .pro-btn {
    text-align:center
}
.home-container .news-product .pro-btn a {
    display:inline-block;
    padding:16px 48px;
    border:1px solid #FFF;
    font-size:15px;
    color:#FFF;
    text-transform:uppercase
}
.home-container .news-product .pro-btn a:hover {
    color:#222;
    border-color:#fcb026
}
.home-container .news-product .pro-btn a i {
    padding-left:15px
}
.home-container .section-title {
    font-size:38px;
    line-height:1.6;
    position:relative;
    width:100%;
    text-align:center;
    padding-bottom:10px;
    padding-top:40px
}
.home-container .section-title span {
    color:#fcb026;
    padding-left:15px
}
.home-container .section-title:after {
    content:"";
    position:absolute;
    bottom:0;
    width:30px;
    left:50%;
    margin-left:-30px;
    height:3px;
    background:#222
}
.home-container .section-title:before {
    content:"";
    position:absolute;
    bottom:0;
    width:30px;
    left:50%;
    height:3px;
    background:#fcb026;
    margin-left:0
}
.home-container .about-us {
    position:relative
}
.home-container .about-us:after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    z-index:1;
    background:#f2f2f2;
    width:50%
}
.home-container .about-wrap {
    margin:0 260px;
    position:relative;
    background:#FFF;
    z-index:2;
    display:flex;
    display:-webkit-flex;
    justify-content:space-between
}
.home-container .about-wrap>div {
    padding:175px 0
}
.home-container .about-img {
    width:535px;
    flex-basis:535px;
    position:relative;
    z-index:1
}
.home-container .about-img i {
    display:inline-block;
    padding:5px;
    background:#FFF
}
.home-container .about-img:after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    width:50%;
    z-index:-1;
    background:#f2f2f2
}
.home-container .about-content {
    width:calc(100% - 620px)
}
.home-container .about-content .h3 {
    font-size:36px;
    padding:15px 0 20px;
    position:relative
}
.home-container .about-content .h3:after {
    content:"";
    position:absolute;
    bottom:0;
    height:3px;
    width:70px;
    background:#fcb026;
    left:0
}
.home-container .about-content .h4 {
    font-size:18px;
    margin:20px 0;
    text-transform:uppercase
}
.home-container .about-content p {
    color:#8a8a8a;
    font-size:16px;
    line-height:1.8;
    margin-bottom:20px;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:5;
    overflow:hidden;
    height:140px
}
.home-container .about-list {
    display:flex;
    display:-webkit-flex;
    justify-content:flex-start;
    padding-top:20px;
    border-top:1px solid #ebebeb
}
.home-container .about-list li {
    margin-right:20px;
    display:flex;
    justify-content:center;
    height:65px;
    align-items:center
}
.home-container .about-list li i {
    margin-right:10px
}
.home-container .about-list li strong {
    display:block;
    font-family:Lato-black;
    font-size:25px;
    margin-bottom:5px
}
.home-container .about-btn,.home-container .video-btn {
    margin-top:40px
}
.home-container .about-btn a,.home-container .video-btn a {
    display:inline-block;
    padding:16px 24px;
    background:transparent;
    color:#222;
    font-size:16px;
    text-transform:uppercase;
    font-family:Roboto-Bold;
    border:1px solid #222
}
.home-container .about-btn a:hover,.home-container .video-btn a:hover {
    border-color:#fcb026
}
.home-container .video-btn a {
    color:#FFF;
    border:1px solid #FFF
}
.home-container .video-btn a:hover {
    color:#222
}
.home-container .about-btn a i,.home-container .video-btn a i {
    padding-left:10px;
    font-size:18px;
    font-weight:700
}
.home-container .video {
    background:url(../images/video-bg.jpg) no-repeat;
    background-size:cover;
    width:100%;
    padding:80px 0
}
.home-container .video .contain {
    margin:0 260px;
    text-align:center
}
.home-container .video h2 {
    font-size:38px;
    color:#FFF;
    margin:20px 0 10px
}
.home-container .video p {
    font-size:16px;
    line-height:1.6;
    color:#FFF
}
.home-container .news {
    padding:0 260px 80px;
    background:#f6f6f6
}
.home-container .news-list .news-content {
    padding:18px 25px;
    background:#FFF;
    width:56%;
    flex-basis:56%
}
.home-container .news-list .news-content .news-title {
    padding-bottom:12px;
    position:relative;
    height:auto
}
.home-container .news-list .news-content .news-title a {
    font-size:18px;
    color:#050713;
    display:block;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    height:48px;
    margin-bottom:5px;
    position:relative;
    height:auto;
    min-height:50px
}
.home-container .news-list .news-content .news-title:after {
    content:"";
    position:absolute;
    width:50px;
    background:#fcb026;
    height:2px;
    bottom:12px;
    left:0
}
.home-container .news-list .news-content p {
    font-size:14px;
    line-height:1.6;
    color:#848484;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden
}
.home-container .news-list {
    margin-top:50px;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap
}
.home-container .news-list li {
    width:calc(50% - 15px);
    flex-basis:calc(50% - 15px);
    margin-bottom:40px;
    display:flex;
    justify-content:center;
    transition:all .3s ease-in-out
}
.home-container .news-list li>a {
    height:100%;
    display:flex;
    align-items:center;
    width:50%;
    flex-basis:50%
}
.home-container .news-list li:hover {
    transition:all .3s ease-in-out;
    box-shadow:0 5px 10px #e3e3e3;
    transform:translateY(-4px)
}
.home-container .news-list li:hover .news-title a {
    color:#fcb026
}
.home-container .news-list li a {
    background:#FFF
}
.home-container .news-list li img {
    display:block;
    max-height:100%
}
.home-container .section-p {
    font-size:16px;
    color:#cbcbcb;
    margin:20px auto 0;
    text-align:center
}
.common-container .inner-banner {
    width:100%
}
.common-container .inner-banner img {
    width:100%;
    display:block
}

.common-container .breadcrumbs-nav h1,.common-container .breadcrumbs-nav h2 {
    font-size:18px;
    color:#151515;
    font-weight:400
}
.common-container .breadcrumbs-nav a {
    color:#373937
}
.common-container .common-content {
    margin:50px 260px;
    display:flex
}
.common-container .common-content .contact-list {
    width:320px
}
.common-container .common-content .contact-list>li {
    padding:30px 20px;
    text-align:center;
    border:1px solid #e2e2e2;
    border-bottom:none
}
.common-container .common-content .contact-list>li:last-child {
    border-bottom:1px solid #e2e2e2
}
.common-container .common-content .contact-list>li i {
    color:#969696;
    font-size:24px
}
.common-container .common-content .contact-list>li h3 {
    padding:3px 0;
    font-size:18px;
    font-weight:400;
    color:#363636
}
.common-container .common-content .contact-list>li p {
    color:#616161;
    font-size:16px
}
.common-container .common-content .common-main {
    margin-left:50px;
    flex:1
}
.common-container .common-content .left-part {
    width:320px
}
.common-container .common-content .left-part .contact-list {
    padding:3px;
    margin-top:20px;
    background:#fcb026
}
.common-container .common-content .left-part .contact-list .contact-info {
    padding:20px
}
.common-container .common-content .left-part .contact-list .contact-info li {
    display:flex;
    padding:10px 0
}
.common-container .common-content .left-part .contact-list .contact-info li a,.common-container .common-content .left-part .contact-list .contact-info li span {
    color:#333
}
.common-container .common-content .left-part .contact-list .contact-info li i {
    color:#fcb026;
    margin-right:5px
}
.common-container .common-content .title {
    height:55px;
    line-height:55px;
    padding-left:5px;
    font-size:20px;
    color:#141414
}
.common-container .common-content .lastest-pro-list {
    padding:3px;
    margin-top:20px;
    background:#fcb026
}
.common-container .common-content .lastest-pro-list ul {
    padding:18px 18px 0;
    width:100%;
    display:flex;
    justify-content:space-between;
    box-sizing:border-box;
    flex-wrap:wrap
}
.common-container .common-content .lastest-pro-list ul li {
    padding-bottom:18px
}
.common-container .common-content .lastest-pro-list ul li a {
    position:relative;
    padding:20px;
    display:flex;
    justify-content:center;
    align-items:center;
    width:130px;
    height:130px;
    display:block;
    box-sizing:border-box;
    border:1px solid #eee
}
.common-container .common-content .lastest-pro-list ul li a:after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    visibility:hidden;
    opacity:0;
    transition:all .3s ease-in-out;
    background:rgba(11,11,11,.3);
    z-index:2
}
.common-container .common-content .lastest-pro-list ul li a:hover:after,.common-container .common-content .lastest-pro-list ul li a:hover i {
    visibility:visible;
    opacity:1
}
.common-container .common-content .lastest-pro-list ul li a i {
    transition:all .3s ease-in-out;
    visibility:hidden;
    opacity:0;
    position:absolute;
    top:54px;
    left:54px;
    z-index:3;
    color:#fcb026;
    font-size:24px
}
.abouts-content {
    padding:0 260px 50px
}
.abouts-content .abouts-title {
    margin-top:50px;
    font-size:28px;
    font-weight:700;
    color:#2b2b2b;
    text-transform:uppercase;
    padding:10px 0;
    border-bottom:1px solid #d5d5d5;
    margin-bottom:20px
}
.abouts-content article div {
    margin-bottom:30px
}
.abouts-content article .content,.abouts-content article .title {
    color:#2b2b2b;
    line-height:28px
}
.abouts-content article .title {
    font-size:16px;
    font-weight:700
}
.abouts-content article .content {
    width:1000px
}
.abouts-content article .imgs-list {
    margin-top:30px;
    display:flex;
    justify-content:space-between
}
.abouts-content article .imgs-list li {
    margin-right:10px
}
.abouts-content article .imgs-list li:last-child {
    margin:0
}
.abouts-content article .imgs-list li img {
    display:block
}
.common-content .nav-list {
    padding:3px;
    background:#fcb026
}
.common-content .nav-list>ul>li {
    padding-left:14px;
    border-bottom:1px solid #e2e2e2;
    position:relative
}
.common-content .nav-list>ul>li i {
    position:absolute;
    content:"";
    top:0;
    right:0;
    width:50px;
    height:47px;
    cursor:pointer;
    display:block
}
.common-content .nav-list>ul>li i:before {
    position:absolute;
    content:" ";
    top:17px;
    right:21px;
    width:8px;
    height:8px;
    border:2px solid #707070;
    border-top:none;
    border-left:none;
    transform:rotate(-45deg);
    transition:transform .3s ease-in-out;
    cursor:pointer
}
.common-content .nav-list>ul>li .active:before {
    transform:rotate(45deg)
}
.common-content .nav-list>ul>li:hover:before {
    border-color:#fcb026
}
.common-content .nav-list>ul>li:hover>a {
    color:#fcb026
}
.common-content .nav-list>ul>li>a {
    display:block;
    width:100%;
    height:45px;
    line-height:45px;
    color:#7c7c7c;
    font-size:16px
}
.common-content .nav-list>ul>li .sub-menu {
    display:none;
    padding-left:10px
}
.common-content .nav-list>ul>li .sub-menu li {
    position:relative
}
.common-content .nav-list>ul>li .sub-menu li a {
    display:block;
    padding:14px 10px 14px 8px;
    color:#7c7c7c;
    font-size:16px
}
.common-content .nav-list>ul>li .sub-menu li .pro-menu {
    padding-left:20px;
    display:none
}
.common-content .prolist-0 li {
    display:flex;
    border:1px solid #eee;
    margin-bottom:50px
}
.common-content .prolist-0 li>a {
    width:280px;
    height:280px;
    overflow:hidden;
    display:flex;
    justify-content:center;
    align-items:center
}
.common-content .prolist-0 li>a img {
    max-width:100%;
    max-height:100%
}
.common-content .prolist-0 li .pro-info {
    padding:35px;
    flex:1;
    background:#f6f6f6
}
.common-content .prolist-0 li .pro-info .pro-name {
    display:block;
    font-size:20px;
    color:#373937;
    position:relative;
    padding-bottom:20px;
    margin-bottom:20px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    max-width:470px;
    width:100%
}
.common-content .prolist-0 li .pro-info .pro-name:after {
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:50px;
    height:2px;
    background:#fcb026
}
.common-content .prolist-0 li .pro-intro {
    color:#4f4f4f;
    font-size:16px;
    line-height:1.6;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
    display:-webkit-box;
    height:75px
}
.common-content .prolist-0 li:hover .pro-info .pro-name {
    color:#fcb026
}
.common-content .prolist-0 li .compare-action {
    width:200px;
    margin:10px 0;
    padding-right:50px;
    transition:all .3s ease;
    background:transparent
}
.common-content .prolist-0 li .compare-action span {
    color:#1d1d1d
}
.common-content .prolist-0 li .compare-action .compare-action-check+label {
    border-color:#1d1d1d
}
.common-content .prolist-0 li .compare-action .compare-action-check:checked+label:before {
    color:#1d1d1d
}
.common-content .prolist-0 li .compare-action:hover {
    background:#fcb026;
    padding-right:20px
}
.common-content .prolist-0 li .compare-action:hover span {
    color:#FFF
}
.common-content .prolist-0 li .compare-action:hover .compare-action-check+label {
    border-color:#FFF
}
.common-content .prolist-0 li .compare-action:hover .compare-action-check:checked+label:before {
    color:#FFF
}
.common-content .prolist-0 .pro-checked {
    border-color:#fcb026
}
.common-content .prolist-1 {
    display:flex;
    align-items:center;
    flex-wrap:wrap
}
.common-content .prolist-1 li {
    border:1px solid #eee;
    width:calc(33% - 20px);
    margin:0 10px 20px
}
.common-content .prolist-1 li>a {
    width:100%;
    height:260px;
    display:flex;
    justify-content:center;
    align-items:center;
    overflow:hidden
}
.common-content .prolist-1 li>a img {
    transition:all .3s ease;
    max-width:100%;
    max-height:100%
}
.common-content .prolist-1 li>a:hover img {
    transform:scale(1.1)
}
.common-content .prolist-1 li .pro-info {
    flex:1;
    background:#f6f6f6
}
.common-content .prolist-1 li .pro-info .pro-name {
    padding:15px 15px 0;
    display:block;
    font-size:20px;
    color:#373937;
    margin-bottom:10px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical
}
.common-content .prolist-1 li .pro-intro {
    padding:0 15px;
    margin-bottom:15px;
    color:#4f4f4f;
    font-size:16px;
    line-height:1.6;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
    display:-webkit-box;
    height:75px
}
.common-content .prolist-1 li .more-btn {
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    height:48px;
    color:#1d1d1d;
    font-size:15px;
    background:#fcb026
}
.common-content .prolist-1 li .compare-action {
    margin:0
}
.common-content .prolist-1 .pro-checked {
    border-color:#fcb026
}
.common-content .type-title {
    color:#363636;
    border-bottom:1px solid #e2e2e2;
    border-left:4px solid #fcb026;
    height:40px;
    line-height:40px;
    padding-left:20px;
    font-size:25px;
    margin-bottom:30px;
    margin-top:0;
    font-weight:400
}
.common-content .type-active {
    color:#fcb026!important
}
.common-content .table-responsive,.pro-p {
    margin:20px 0
}
.pro-p {
    font-size:15px;
    color:#606060;
    line-height:1.6
}
.seo_key {
    background:#f6f6f6;
    line-height:1.6
}
.seo_key a {
    color:#555
}
.left-part .last-news-list {
    padding:3px;
    background:#fcb026
}
.left-part .last-news-list ul li a {
    width:100%;
    height:100%;
    display:block;
    padding:20px;
    display:flex;
    box-sizing:border-box;
    border-bottom:1px solid #e2e2e2
}
.left-part .last-news-list ul li a i {
    width:100px;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center
}
.left-part .last-news-list ul li a i img {
    display:block
}
.left-part .last-news-list ul li a .news-con {
    display:flex;
    justify-content:space-between;
    flex-direction:column;
    padding-left:20px
}
.left-part .last-news-list ul li a .news-con .news-title {
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
.left-part .last-news-list ul li a .news-con .date {
    color:#848484
}
.newslist-0 li {
    display:flex;
    margin:0 0 60px 60px;
    border:1px solid #e3e3e3;
    position:relative;
    height:257px;
    transition:all .3s ease
}
.newslist-0 li .news-date {
    width:60px;
    top:0;
    position:absolute;
    left:-60px
}
.newslist-0 li .news-date p {
    text-align:center;
    color:#222;
    background-color:#fcb026;
    font-size:23px;
    line-height:32px
}
.newslist-0 li .news-date .month {
    font-size:18px
}
.newslist-0 li .news-date .year {
    color:#FFF;
    background:#000;
    font-size:16px
}
.newslist-0 li .news-img {
    width:340px;
    height:100%
}
.newslist-0 li .news-img a {
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center
}
.newslist-0 li .news-img a img {
    max-width:100%;
    max-height:100%
}
.newslist-0 li .news-con {
    flex:1;
    padding:30px
}
.newslist-0 li .news-con h3 {
    padding-bottom:20px;
    margin-bottom:20px;
    position:relative;
    font-weight:400
}
.newslist-0 li .news-con h3:after {
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:50px;
    height:2px;
    background:#fcb026
}
.newslist-0 li .news-con h3 a {
    transition:all .3s ease;
    line-height:1.4;
    -webkit-line-clamp:1;
    font-size:20px;
    color:#050713
}
.newslist-0 li .news-con h3 a,.newslist-0 li .news-con p {
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical
}
.newslist-0 li .news-con p {
    color:#848484;
    line-height:1.6;
    height:75px;
    font-size:16px;
    -webkit-line-clamp:3
}
.newslist-0 li:hover {
    box-shadow:0 0 10px hsla(0,0%,87.1%,.75)
}
.newslist-0 li:hover .news-con h3 a {
    color:#fcb026
}
.newslist-1 {
    display:flex;
    flex-wrap:wrap
}
.newslist-1 li {
    width:calc(33% - 20px);
    display:flex;
    margin:0 10px 20px;
    border:1px solid #e3e3e3;
    position:relative;
    flex-direction:column;
    transition:all .3s ease
}
.newslist-1 li .news-date {
    width:60px;
    top:0;
    position:absolute;
    left:0
}
.newslist-1 li .news-date p {
    text-align:center;
    color:#222;
    background-color:#fcb026;
    font-size:23px;
    line-height:32px
}
.newslist-1 li .news-date .month {
    font-size:18px
}
.newslist-1 li .news-date .year {
    color:#FFF;
    background:#000;
    font-size:16px
}
.newslist-1 li .news-img {
    width:100%
}
.newslist-1 li .news-img a {
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:flex-start
}
.newslist-1 li .news-img a img {
    max-width:100%;
    max-height:100%
}
.newslist-1 li .news-con {
    flex:1;
    padding:10px
}
.newslist-1 li .news-con h3 {
    margin-bottom:5px;
    position:relative;
    font-weight:400
}
.newslist-1 li .news-con h3 a {
    transition:all .3s ease;
    height:54px;
    line-height:1.4;
    -webkit-line-clamp:2;
    font-size:18px;
    color:#050713
}
.newslist-1 li .news-con h3 a,.newslist-1 li .news-con p {
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical
}
.newslist-1 li .news-con p {
    color:#848484;
    line-height:1.6;
    height:75px;
    font-size:16px;
    -webkit-line-clamp:3
}
.newslist-1 li:hover {
    box-shadow:0 0 10px hsla(0,0%,87.1%,.75)
}
.newslist-1 li:hover .news-con h3 a {
    color:#fcb026
}
.news-article h1 {
    font-size:25px;
    color:#050713;
    margin-top:40px;
    line-height:1.6;
    margin-bottom:10px;
    font-weight:400
}
.news-article .news-date {
    color:#fcb026;
    font-size:16px
}
.news-article .news-date i {
    font-size:18px;
    padding-right:10px
}
.news-article article {
    padding:10px 0;
    margin-top:20px
}
.news-article article p {
    font-size:16px;
    line-height:1.6;
    margin-bottom:10px
}
.news-article .article-page {
    border-top:1px solid #e2e2e2;
    padding-top:30px;
    display:flex;
    margin-top:10px
}
.news-article .article-page>div {
    flex:1;
    position:relative
}
.news-article .article-page>div .news-a {
    display:flex;
    height:36px;
    align-items:center;
    color:#777;
    font-size:16px;
    margin-top:32px;
    position:relative;
    z-index:1
}
.news-article .article-page>div .news-a i {
    margin-right:10px;
    display:block;
    width:36px;
    height:36px;
    background:#222;
    position:relative;
    color:#FFF
}
.news-article .article-page>div .news-a i:after {
    content:"";
    width:8px;
    height:8px;
    border:2px solid #FFF;
    border-top:none;
    border-right:none;
    position:absolute;
    top:50%;
    margin-top:-5px;
    margin-left:-4px;
    left:50%;
    transform:rotate(45deg)
}
.news-article .article-page>div .news-p {
    font-size:20px;
    color:#000;
    margin-bottom:8px
}
.news-article .article-page>div:hover .news-a i {
    transition:all .3s ease;
    background:#fcb026
}
.news-article .article-page .next {
    text-align:right
}
.news-article .article-page .next .news-a {
    justify-content:flex-end
}
.news-article .article-page .next .news-a i {
    margin-left:10px
}
.news-article .article-page .next .news-a i:after {
    transform:rotate(-135deg);
    margin-left:-8px
}
.common-main .pro-top {
    width:100%;
    margin-top:30px;
    display:flex
}
.common-main .pro-top .pro-con {
    margin-left:70px
}
.common-main .pro-top .pro-con .btn-list {
    margin-top:30px;
    width:100%;
    display:flex;
    flex-wrap:wrap
}
.common-main .pro-top .pro-con .btn-list .chat-btn,.common-main .pro-top .pro-con .btn-list .download,.common-main .pro-top .pro-con .btn-list .send-btn {
    width:200px;
    box-sizing:border-box;
    height:50px;
    margin-right:5%;
    margin-bottom:5%
}
.common-main .pro-top .pro-con .btn-list .send-btn {
    background-color:#fcb026;
    color:#222
}
.common-main .pro-top .pro-con .btn-list .chat-btn {
    background-color:#222;
    color:#fcb026
}
.common-main .pro-top .pro-con .btn-list .chat-btn,.common-main .pro-top .pro-con .btn-list .send-btn {
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:16px;
    border-radius:3px;
    text-transform:uppercase
}
.common-main .pro-top .pro-con .btn-list .download {
    border:1px solid #d2d2d2;
    background-color:#FFF;
    border-radius:3px
}
.common-main .pro-top .pro-con .btn-list .download a {
    text-transform:uppercase;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:16px
}
.common-main .pro-top .pro-con .btn-list .download:after {
    content:"";
    position:absolute;
    width:2px;
    height:100%;
    top:0;
    left:0;
    background:#fcb026
}
.common-main .pro-top .pro-con .pro-name {
    font-size:24px;
    color:#141414;
    padding-bottom:20px;
    font-weight:400
}
.common-main .pro-top .pro-con .pro-info {
    font-size:16px;
    color:#5f5f5f;
    line-height:1.8;
    padding-top:10px;
    border-top:1px solid #eee
}
.common-main .pro-detail {
    font-size:16px;
    margin-top:50px;
    padding-bottom:30px;
    border-bottom:1px solid #d2d2d2
}
.common-main .pro-detail .pro-detail-title {
    width:100%;
    border-bottom:1px solid #d2d2d2;
    margin-bottom:15px
}
.common-main .pro-detail .pro-detail-title h3 {
    font-size:18px;
    background:#fcb026;
    padding:15px 35px;
    display:inline-block;
    font-weight:400
}
.common-main .pro-detail .productsTags {
    margin:12px 0
}
.common-main .pro-page {
    border-top:1px solid #e2e2e2;
    padding-top:30px;
    display:flex
}
.common-main .pro-page>div {
    flex:1;
    position:relative
}
.common-main .pro-page>div .pro-a {
    display:flex;
    height:36px;
    align-items:center;
    color:#777;
    font-size:16px;
    margin-top:32px;
    position:relative;
    z-index:1
}
.common-main .pro-page>div .pro-a i {
    margin-right:10px;
    display:block;
    width:36px;
    height:36px;
    background:#222;
    position:relative;
    color:#FFF
}
.common-main .pro-page>div .pro-a i:after {
    content:"";
    width:8px;
    height:8px;
    border:2px solid #FFF;
    border-top:none;
    border-right:none;
    position:absolute;
    top:50%;
    margin-top:-5px;
    margin-left:-4px;
    left:50%;
    transform:rotate(45deg)
}
.common-main .pro-page>div .pro-p {
    font-size:20px;
    color:#000;
    margin-bottom:8px
}
.common-main .pro-page>div:hover .pro-a i {
    transition:all .3s ease;
    background:#fcb026
}
.common-main .pro-page .next {
    text-align:right
}
.common-main .pro-page .next .pro-a {
    justify-content:flex-end
}
.common-main .pro-page .next .pro-a i {
    margin-left:10px
}
.common-main .pro-page .next .pro-a i:after {
    transform:rotate(-135deg);
    margin-left:-8px
}
.common-main .pro-random .title {
    margin-top:50px;
    color:#050713;
    font-size:28px;
    text-transform:capitalize;
    position:relative;
    padding-bottom:10px;
    margin-bottom:20px
}
.common-main .pro-random .title:after {
    content:"";
    position:absolute;
    bottom:0;
    width:50px;
    height:3px;
    left:0;
    background:#fcb026
}
.common-main .pro-random ul {
    display:flex
}
.common-main .pro-random ul li {
    margin:0 10px;
    flex:1
}
.common-main .pro-random ul li .pro-img {
    position:relative;
    width:100%;
    border:1px solid #eee;
    overflow:hidden
}
.common-main .pro-random ul li .pro-img:after {
    content:"";
    width:100%;
    display:block;
    padding-top:100%
}
.common-main .pro-random ul li .pro-img .img-wrap {
    width:100%;
    height:100%;
    box-sizing:border-box;
    display:flex;
    justify-content:center;
    align-items:center;
    position:absolute;
    top:0;
    left:0
}
.common-main .pro-random ul li .pro-name {
    height:50px;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center
}
.common-main .pro-random ul li .pro-name a {
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
.common-main .pro-random ul li:hover .pro-img img {
    transition:all .3s ease;
    transform:scale(1.1)
}
.common-main .pro-random ul li:hover .pro-name a {
    color:#fcb026
}
.common-main .inquiry-title {
    margin-top:50px;
    color:#050713;
    font-size:28px;
    text-transform:capitalize;
    position:relative;
    padding-bottom:10px;
    margin-bottom:20px
}
.common-main .inquiry-title:after {
    content:"";
    position:absolute;
    bottom:0;
    width:50px;
    height:3px;
    left:0;
    background:#fcb026
}
.common-main .contact-wrap {
    width:100%;
    display:flex;
    justify-content:space-between
}
.common-main .contact-wrap .contact-info p {
    line-height:1.6
}
.common-content .left-nav {
    padding:3px;
    background:#fcb026
}
.common-content .left-nav ul li {
    padding-left:14px;
    border-bottom:1px solid #e2e2e2;
    position:relative
}
.common-content .left-nav ul li:before {
    position:absolute;
    content:" ";
    top:17px;
    right:21px;
    width:8px;
    height:8px;
    border:2px solid #707070;
    border-top:none;
    border-left:none;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    transition:transform .3s ease-in-out;
    -webkit-transition:-webkit-transform .3s ease-in-out;
    cursor:pointer
}
.common-content .left-nav ul li:hover:before {
    border-color:#fcb026
}
.common-content .left-nav ul li:hover a {
    color:#fcb026
}
.common-content .left-nav ul li a {
    display:block;
    width:100%;
    height:45px;
    line-height:45px;
    color:#7c7c7c;
    font-size:16px
}
.common-content ul {
    background-color:#FFF
}
@media(min-width:1281px)and (max-width:1600px) {
    header .header-top,header nav {
        padding:0 100px
    }
    .common-container .common-content {
        margin:50px 100px
    }
    /*.common-container .breadcrumbs-nav {*/
    /*    padding:0 100px*/
    /*}*/
    footer .footer-top {
        padding:20px 100px
    }
    footer .footer-copy {
        padding:0 100px
    }
    footer .footer-copy .top-btn {
        right:100px
    }
    .common-content .prolist-0 li .pro-info .pro-name {
        max-width:400px
    }
}@media(min-width:1081px)and (max-width:1280px) {
    header .header-top,header nav {
        padding:0 50px
    }
    header nav ul>li {
        margin:0 10px
    }
    .common-container .common-content {
        margin:30px 50px
    }
    /*.common-container .breadcrumbs-nav {*/
    /*    padding:0 50px*/
    /*}*/
    footer .footer-top {
        padding:20px 50px
    }
    footer .footer-top .footer-nav {
        width:300px
    }
    footer .footer-copy {
        padding:0 50px
    }
    footer .footer-copy .top-btn {
        right:50px
    }
    .common-content .prolist-0 li .pro-info .pro-name {
        max-width:250px
    }
}@media(min-width:769px)and (max-width:1080px) {
    header .header-top,header nav {
        padding:0 25px
    }
    header nav ul>li {
        margin:0 10px
    }
    .common-container .remove-left-content .left-part {
        display:none
    }
    .common-container .common-content {
        flex-direction:column;
        margin:30px 25px
    }
    .common-container .common-content .contact-list {
        display:block;
        width:100%;
        margin-bottom:30px
    }
    .common-container .common-content .contact-list>li {
        flex:1;
        border:1px solid #e2e2e2
    }
    .common-container .common-content .contact-list>li:last-child {
        border-right:1px solid #e2e2e2
    }
    .common-container .common-content .left-part {
        width:100%
    }
    .common-container .common-content .common-main {
        margin-left:0
    }
    /*.common-container .breadcrumbs-nav {*/
    /*    padding:0 25px*/
    /*}*/
    footer .footer-top {
        padding:50px 25px 30px
    }
    footer .footer-top .footer-nav {
        width:200px
    }
    footer .footer-copy {
        padding:0 25px
    }
    footer .footer-copy .top-btn {
        right:25px
    }
}@media screen and (max-width:768px) {
    body,html {
        overflow:hidden;
        overflow-y:auto
    }
    body {
        font-size:4vw
    }
    header .header-top {
        padding:0 4vw;
        justify-content:flex-end
    }
    header .header-top .top-info {
        display:none
    }
    header nav {
        padding:0 4vw;
        height:16vw;
        justify-content:flex-end
    }
    header nav>ul {
        transition:all .3s ease;
        position:absolute;
        right:-100%;
        top:100%;
        width:100%;
        display:flex;
        flex-direction:column;
        background:#FFF;
        height:100vh
    }
    header nav>ul>li {
        height:auto;
        flex-direction:column;
        align-items:flex-start;
        position:relative;
        box-sizing:border-box;
        border-bottom:1px solid #ccc
    }
    header nav>ul>li i {
        position:absolute;
        box-sizing:border-box;
        width:8vw;
        height:4vw;
        padding-left:4vw;
        right:4vw;
        top:2.8vw;
        color:#222;
        transform:scale(1.4) rotate(0);
        transform-origin:center center;
        transition:all .3s;
        font-weight:700
    }
    header nav>ul>li a {
        justify-content:flex-start;
        font-weight:700;
        height:10.6666666667vw;
        color:#5d5d5d;
        font-size:14px
    }
    header nav>ul>li a:hover {
        color:#5d5d5d
    }
    header nav>ul>li .slide-active {
        transform:scale(1.4) rotate(90deg);
        transform-origin:6vw 2.9vw
    }
    header nav>ul>li:hover a {
        color:#5d5d5d
    }
    header nav>ul .inmenu_1 {
        color:#fcb026
    }
    header nav>ul .submenu {
        display:none;
        position:relative;
        opacity:1;
        transform:rotateX(0);
        top:0;
        transition:none
    }
    header nav>ul .submenu li,header nav>ul .submenu li:hover a {
        background:#FFF
    }
    header nav .active {
        right:0
    }
    header nav .nav-btn {
        display:flex
    }
    header nav .search-btn {
        background:transparent;
        margin-right:30px;
        position:relative;
        top:2px
    }
    header nav .search-btn i {
        color:#333;
        font-size:6.6666666667vw
    }
    header nav .search-input {
        width:100%;
        padding:4vw
    }
    header nav .search-input .searchbtn,header nav .search-input .searchtxt {
        height:9.3333333333vw
    }
    main {
        margin-top:16vw
    }
    footer {
        padding-bottom:16vw
    }
    footer .footer-top {
        min-height:auto;
        height:auto;
        padding:4vw
    }
    footer .footer-top .footer-code,footer .footer-top .footer-intro {
        display:none
    }
    footer .footer-top .footer-nav {
        width:auto
    }
    footer .footer-top .footer-nav ul {
        width:100%;
        display:flex;
        align-items:center;
        flex-wrap:wrap
    }
    footer .footer-top .footer-nav ul li {
        width:30%
    }
    footer .footer-top .footer-nav ul li a {
        width:100%;
        white-space:nowrap;
        text-overflow:ellipsis;
        overflow:hidden;
        padding:5px 10px 5px 15px
    }
    footer .footer-top .footer-title {
        font-size:4.8vw;
        padding-bottom:0
    }
    footer .footer-top .footer-title:after {
        display:none
    }
    footer .footer-copy {
        height:auto;
        padding:4vw;
        text-align:center;
        line-height:1.4;
        font-size:14px
    }
    footer .footer-copy .top-btn {
        right:4vw;
        width:9.3333333333vw;
        top:-4.6666666667vw;
        height:9.3333333333vw
    }
    footer .mobile-bottom {
        z-index:9;
        height:16vw;
        background:#fcb026;
        width:100%;
        display:flex;
        align-items:center;
        justify-content:space-evenly
    }
    footer .mobile-bottom .mobile-bottom-item {
        background:#fcb026;
        padding:.6666666667vw 0;
        display:flex;
        flex-direction:column;
        justify-content:space-around;
        align-items:center;
        height:16vw;
        width:16vw;
        font-size:4vw;
        box-sizing:border-box
    }
    footer .mobile-bottom .mobile-bottom-item a {
        display:flex;
        flex-direction:column;
        justify-content:space-around;
        align-items:center;
        width:100%;
        height:100%;
        color:#FFF
    }
    footer .mobile-bottom .mobile-bottom-item i {
        transform:scale(1.6);
        margin-bottom:.6666666667vw
    }
    .common-container .breadcrumbs-nav {
        display:none
    }
    .common-container .common-content {
        flex-wrap:wrap;
        margin:4vw
    }
    .common-container .common-content .contact-list {
        display:none
    }
    .common-container .common-content .common-main {
        margin:4vw 0
    }
    .common-container .common-content .common-main .contact-wrap {
        flex-direction:column-reverse
    }
    .common-container .common-content .common-main p {
        line-height:1.5;
        margin-bottom:5px
    }
    .common-container .common-content .left-part {
        display:none
    }
    .common-container .common-pages {
        margin-bottom:0;
        font-size:14px
    }
    .common-container .common-pages a,.common-container .common-pages span {
        font-size:14px
    }
    .sm-mask {
        top:13.3333333333vw
    }
    .seo-key {
        margin:0
    }
    .seo-key .keywords {
        margin-top:2.6666666667vw
    }
    .seo-key .keywords span {
        display:flex;
        flex-wrap:wrap
    }
    .seo-key .keywords a {
        display:inline-block;
        width:auto;
        padding:0 2.6666666667vw;
        background:#ccc;
        border-radius:999px;
        margin-right:1.3333333333vw;
        color:#2b2b2b;
        margin-bottom:4vw
    }
    .common-container .common-content .common-main .news-date p {
        margin-bottom:0!important
    }
    header .header-top .top-right>span {
        display:none
    }
    header .header-top .top-right {
        width:100%;
        justify-content:space-between
    }
    header .header-top #xyz .xyz12 {
        width:100%
    }
    header .header-top #xyz .xyz12 ul {
        display:flex;
        flex-direction:column;
        align-items:flex-end;
        width:100%
    }
    header .header-top #xyz .xyz12 ul li {
        box-sizing:border-box;
        width:120px
    }
    header .header-top #xyz .xyz12 ul li a {
        font-size:13px
    }
    header .header-top #xyz .xyz12 ul li:first-child {
        width:60px
    }
    header .header-top #xyz {
        width:120px
    }
    header .header-top #xyz .xyz12 span {
        left:100px;
        margin-right:0
    }
}@media screen and (min-width:2000px) {
    .swiper-slide a,.swiper-slide img {
        width:100%
    }
    .common-container .breadcrumbs-nav,footer .footer-copy,header .header-top,header nav {
        padding:0 288px
    }
    .home-container .company-advantage {
        margin:0 288px 80px
    }
    .home-container .news-product {
        padding:0 288px 60px
    }
    .home-container .about-wrap {
        margin:0 288px
    }
    .home-container .news {
        padding:0 288px 80px
    }
    footer .footer-top {
        padding:20px 288px
    }
    footer .footer-copy .top-btn {
        right:288px
    }
    .common-container .common-content {
        margin:50px 288px
    }
}@media(min-width:1281px)and (max-width:1600px) {
    .home-container .company-advantage {
        margin:0 100px 80px
    }
    .home-container .news-product {
        padding:0 100px
    }
    .home-container .news-product .pro-btn {
        padding-bottom:50px
    }
    .home-container .news-product .news-list-btn .pro-next {
        right:-70px
    }
    .home-container .news-product .news-list-btn .pro-prev {
        left:-70px
    }
    .home-container .about-wrap,.home-container .video .contain {
        margin:0 100px
    }
    .home-container .news {
        padding:0 100px 80px
    }
}@media(min-width:1081px)and (max-width:1280px) {
    .home-container .company-advantage {
        margin:0 50px 80px
    }
    .home-container .company-advantage .advantage-list li {
        padding:20px 20px 40px
    }
    .home-container .news-product {
        padding:0 50px
    }
    .home-container .news-product .pro-btn {
        padding-bottom:50px
    }
    .home-container .about-wrap {
        margin:0 50px
    }
    .home-container .about-img {
        width:400px;
        flex-basis:400px
    }
    .home-container .about-content {
        width:calc(100% - 430px)
    }
    .home-container .video .contain {
        margin:0 50px
    }
    .home-container .news {
        padding:0 50px 80px
    }
    .home-container .news-content .news-title a {
        font-size:16px
    }
    .home-container .news-content p {
        font-size:14px;
        line-height:1.4
    }
}@media(min-width:769px)and (max-width:1080px) {
    .home-container .company-advantage {
        margin:0 25px 80px
    }
    .home-container .company-advantage .advantage-list li {
        padding:20px 20px 40px
    }
    .home-container .news-product {
        padding:0 25px
    }
    .home-container .news-product .pro-btn {
        padding-bottom:50px
    }
    .home-container .about-wrap {
        margin:0 25px
    }
    .home-container .about-wrap>div {
        padding:75px 0
    }
    .home-container .about-img {
        width:350px;
        flex-basis:350px
    }
    .home-container .about-content {
        width:calc(100% - 380px)
    }
    .home-container .video .contain {
        margin:0 25px
    }
    .home-container .news {
        padding:0 25px 80px
    }
    .home-container .news-list li>a {
        width:30%;
        flex-basis:30%;
        justify-content:flex-start
    }
    .home-container .news-content {
        width:70%;
        flex-basis:70%
    }
    .home-container .news-content .news-title a {
        font-size:18px
    }
    .home-container .news-content p {
        font-size:16px;
        line-height:1.4
    }
    .home-container .news-list li {
        width:100%;
        flex-basis:100%
    }
}@media screen and (max-width:768px) {
    .home-container .company-advantage {
        margin:0 4vw
    }
    .home-container .company-advantage .advantage-list {
        flex-wrap:wrap
    }
    .home-container .company-advantage .advantage-list li {
        padding:2.6666666667vw;
        width:100%;
        margin-bottom:6.6666666667vw
    }
    .home-container .company-advantage .pro-list {
        flex-wrap:wrap
    }
    .home-container .company-advantage .pro-list>li {
        width:46%;
        flex-basis:46%;
        margin-bottom:6.6666666667vw
    }
    .home-container .company-advantage .pro-list>li ul {
        padding:2.6666666667vw
    }
    .home-container .section-title {
        font-size:6.6666666667vw;
        padding:2.6666666667vw 0
    }
    .home-container .news-product {
        padding:4vw
    }
    .home-container .news-product .news-products-list {
        padding-bottom:4vw
    }
    .home-container .news-product .news-content {
        padding:2.6666666667vw
    }
    .home-container .news-product .news-content .ircn+p {
        display:none
    }
    .home-container .news-product .news-content .ircn {
        font-size:14px;
        line-height:1.2;
        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        margin-bottom:0;
        padding-bottom:6px
    }
    .home-container .news-product .news-btn span {
        font-size:13px;
        text-align:center
    }
    .home-container .news-product .news-btn .btn {
        width:30%;
        flex-basis:30%
    }
    .home-container .news-product .pro-btn {
        display:none
    }
    .home-container .about-wrap {
        margin:0 4vw;
        padding-bottom:4vw
    }
    .home-container .about-wrap>div {
        padding:0
    }
    .home-container .about-img {
        display:none
    }
    .home-container .about-content {
        width:100%
    }
    .home-container .about-content .h3 {
        font-size:6.6666666667vw;
        padding:4vw 0
    }
    .home-container .about-content .h3:after {
        height:3px
    }
    .home-container .about-content .h4 {
        font-size:4.2666666667vw;
        margin:4vw 0
    }
    .home-container .about-content p {
        -webkit-line-clamp:3;
        height:auto
    }
    .home-container .about-us:after {
        display:none
    }
    .home-container .about-list {
        justify-content:space-between
    }
    .home-container .about-list li {
        width:30%;
        flex-direction:column;
        height:auto;
        margin-right:0;
        justify-content:flex-start
    }
    .home-container .about-list li span,.home-container .about-list li strong {
        text-align:center;
        font-size:14px
    }
    .home-container .about-list li strong {
        font-size:5.3333333333vw
    }
    .home-container .about-btn,.home-container .video-btn {
        display:none
    }
    .home-container .video {
        padding:6.6666666667vw 0
    }
    .home-container .video .contain {
        margin:0 4vw
    }
    .home-container .video h2 {
        font-size:5.3333333333vw;
        color:#FFF
    }
    .home-container .news {
        padding:0 4vw 1.3333333333vw
    }
    .home-container .news-list {
        margin-top:6.6666666667vw
    }
    .home-container .news-list li {
        width:100%;
        flex-basis:100%
    }
    .home-container .news-list li>a {
        width:45%;
        flex-basis:45%
    }
    .home-container .news-list .news-content {
        padding:1.3333333333vw 1.3333333333vw 1.3333333333vw 2.6666666667vw
    }
    .home-container .news-list .news-content p {
        -webkit-line-clamp:2;
        line-height:1.2
    }
    .home-container .news-list .news-content .news-title a {
        font-size:4vw;
        height:auto;
        min-height:auto
    }
}.pro-list2 {
     margin-top:60px
 }
@media screen and (max-width:768px) {
    .pro-list2 {
        margin-top:10px
    }
}.home-container .company-advantage .pro-list {
     justify-content:flex-start
 }
.home-container .company-advantage .pro-list>li {
    margin-right:30px;
    margin-bottom:30px
}
.home-container .company-advantage .pro-list>li:nth-of-type(4n) {
    margin-right:0
}
.home-container .company-advantage .pro-list>li>a span {
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:3;
    width:100%;
    -webkit-box-orient:vertical;
    padding:10px;
    box-sizing:border-box;
}
@media screen and (max-width:768px) {
    .home-container .company-advantage .pro-list>li {
        margin-right:0;
        margin-bottom:4vw
    }
    .home-container .company-advantage .pro-list {
        justify-content:space-between
    }
}@media(min-width:769px)and (max-width:1081px) {
    .common-container .news-content .left-part {
        display:none
    }
    .common-container .news-content .newslist-0 li .news-img {
        width:300px
    }
}@media screen and (max-width:768px) {
    .newslist-0 li {
        height:auto;
        margin:0 0 6.6666666667vw
    }
    .newslist-0 li .news-date {
        left:0;
        width:13.3333333333vw
    }
    .newslist-0 li .news-date .day,.newslist-0 li .news-date .month,.newslist-0 li .news-date .year {
        font-size:16px
    }
    .newslist-0 li .news-img {
        width:50%
    }
    .newslist-0 li .news-con {
        padding:2.6666666667vw
    }
    .newslist-0 li .news-con h3 {
        padding-bottom:0;
        margin-bottom:2.6666666667vw
    }
    .newslist-0 li .news-con h3 a {
        font-size:16px;
        height:auto
    }
    .newslist-0 li .news-con p {
        font-size:14px;
        -webkit-line-clamp:2;
        height:auto;
        line-height:1.2
    }
    .newslist-1 {
        justify-content:space-between
    }
    .newslist-1 li {
        width:47%;
        height:auto;
        margin:0 0 6.6666666667vw
    }
    .newslist-1 li .news-img {
        height:30.6666666667vw
    }
    .newslist-1 li .news-date {
        left:0;
        width:13.3333333333vw
    }
    .newslist-1 li .news-date .day,.newslist-1 li .news-date .month,.newslist-1 li .news-date .year {
        font-size:16px
    }
    .newslist-1 li .news-con {
        padding:2.6666666667vw
    }
    .newslist-1 li .news-con h3 {
        padding-bottom:0;
        margin-bottom:2.6666666667vw
    }
    .newslist-1 li .news-con h3 a {
        font-size:16px;
        height:auto
    }
    .newslist-1 li .news-con p {
        font-size:14px;
        -webkit-line-clamp:2;
        height:auto;
        line-height:1.2
    }
    .news-article h1 {
        margin-top:0;
        font-size:5.3333333333vw
    }
    .news-article article {
        margin-top:2.6666666667vw
    }
    .news-article .article-page {
        flex-direction:column
    }
    .news-article .article-page>div {
        width:100%;
        display:flex;
        justify-content:flex-end;
        flex-direction:row-reverse;
        align-items:center
    }
    .news-article .article-page>div .news-a,.news-article .article-page>div .news-p {
        font-size:14px;
        line-height:14px;
        margin:0;
        height:10.6666666667vw;
        text-align:left;
        display:flex;
        justify-content:center;
        align-items:center
    }
    .news-article .article-page .next .news-a i {
        margin-left:0
    }
}@media(min-width:769px)and (max-width:1081px) {
    .common-container .knowledges-content .left-part {
        display:none
    }
    .common-container .knowledges-content .newslist-0 li .news-img {
        width:300px
    }
}@media(min-width:769px)and (max-width:1080px) {
    .common-container .product-content .left-part {
        display:none
    }
}@media screen and (max-width:768px) {
    .pro-detail-container .inner-banner img {
        display:none
    }
    .table-responsive {
        touch-action:auto;
        width:100%;
        margin:.2rem 0;
        overflow-x:auto;
        overflow-y:hidden;
        -webkit-overflow-scrolling:touch;
        -ms-overflow-style:-ms-autohiding-scrollbar
    }
    .common-content .prolist-0 {
        display:flex;
        flex-wrap:wrap;
        justify-content:space-between;
        width:100%
    }
    .common-content .prolist-0 li {
        flex-direction:column;
        width:47%;
        margin-bottom:6.6666666667vw
    }
    .common-content .prolist-0 li>a {
        width:100%;
        height:47.7333333333vw;
        display:flex;
        justify-content:center;
        align-items:center
    }
    .common-content .prolist-0 li>a img {
        display:block
    }
    .common-content .prolist-0 li .pro-info {
        padding:2.6666666667vw 2.6666666667vw 0
    }
    .common-content .prolist-0 li .pro-info .pro-name {
        padding-bottom:2.6666666667vw;
        margin-bottom:0;
        font-size:16px;
        font-weight:700;
        max-height:7.5vw;
        white-space:normal;
        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical
    }
    .common-content .prolist-0 li .pro-info .pro-intro {
        display:none
    }
    .common-content .prolist-0 li .pro-info .more-btn {
        margin-top:0;
        font-size:13px
    }
    .common-content .prolist-0 li:hover .more-btn {
        padding:0 20px;
        background:#fcb026
    }
    .common-content .prolist-0 li:hover .compare-action {
        width:100%;
        background:transparent;
        padding-right:0
    }
    .common-content .prolist-0 li:hover .compare-action span {
        color:#1d1d1d
    }
    .common-content .prolist-0 li:hover .compare-action .compare-action-check+label {
        border-color:#1d1d1d
    }
    .common-content .prolist-0 li:hover .compare-action .compare-action-check:checked+label:before {
        color:#1d1d1d
    }
    .common-content .prolist-1 {
        justify-content:space-between
    }
    .common-content .prolist-1 li {
        width:47%;
        margin:0 0 6.6666666667vw
    }
    .common-content .prolist-1 li>a {
        width:100%;
        height:47.7333333333vw;
        display:flex;
        justify-content:center;
        align-items:center
    }
    .common-content .prolist-1 li>a img {
        display:block
    }
    .common-content .prolist-1 li .pro-info .pro-name {
        padding:2.6666666667vw;
        margin-bottom:0;
        font-size:16px;
        font-weight:700;
        max-height:7.5vw;
        min-height:auto;
        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical
    }
    .common-content .prolist-1 li .pro-info .pro-intro {
        display:none
    }
    .common-content .prolist-1 li .pro-info .more-btn {
        margin-top:0;
        font-size:14px;
        height:9.3333333333vw
    }
    .common-main {
        width:100%
    }
    .common-main .pro-top {
        margin-top:0;
        flex-direction:column
    }
    .common-main .pro-top .pro-con {
        margin:0
    }
    .common-main .pro-top .pro-con .btn-list {
        margin-top:1.3333333333vw;
        align-items:center;
        justify-content:center
    }
    .common-main .pro-top .pro-con .btn-list .chat-btn,.common-main .pro-top .pro-con .btn-list .send-btn {
        width:100%;
        height:13.3333333333vw;
        margin-bottom:5.3333333333vw
    }
    .common-main .pro-top .pro-con .btn-list .download {
        width:100%;
        height:13.3333333333vw
    }
    .common-main .pro-top .pro-con .btn-list .download:after {
        width:0
    }
    .common-main .pro-top .pro-con .pro-name {
        font-size:5.3333333333vw;
        padding-bottom:0
    }
    .common-main .pro-top .spec-preview,.common-main .pro-top .spec-scroll .next,.common-main .pro-top .spec-scroll .prev {
        display:none
    }
    .common-main .pro-page {
        flex-direction:column
    }
    .common-main .pro-page>div {
        width:100%;
        display:flex;
        justify-content:flex-end;
        flex-direction:row-reverse;
        align-items:center
    }
    .common-main .pro-page>div .pro-a,.common-main .pro-page>div .pro-p {
        font-size:14px;
        line-height:14px;
        margin:0;
        height:10.6666666667vw;
        text-align:left;
        display:flex;
        justify-content:center;
        align-items:center
    }
    .common-main .pro-page .next .pro-a i {
        margin-left:0
    }
    .common-main .pro-detail {
        margin-top:1.3333333333vw
    }
    .common-main .inquiry-title {
        margin:6.6666666667vw 0;
        font-size:5.6vw
    }
    .common-main .pro-random .title {
        color:#050713;
        font-size:5.6vw;
        text-transform:capitalize;
        position:relative;
        padding-bottom:10px;
        margin:6.6666666667vw 0 20px
    }
    .common-main .pro-random ul {
        flex-wrap:wrap;
        justify-content:space-between
    }
    .common-main .pro-random ul li {
        width:47%;
        flex:none;
        margin:0
    }
    .common-content .type-title {
        font-size:16px;
        margin-bottom:4vw
    }
}.hvr-bounce-to-right {
     display:inline-block;
     vertical-align:middle;
     transform:perspective(1px) translateZ(0);
     box-shadow:0 0 1px transparent;
     position:relative;
     transition-property:color;
     transition-duration:.5s
 }
.hvr-bounce-to-right:before {
    content:"";
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:#fcb026;
    transform:scaleX(0);
    transform-origin:0 50%;
    transition-property:transform;
    transition-duration:.5s;
    transition-timing-function:ease-out
}
.hvr-bounce-to-right:active,.hvr-bounce-to-right:focus,.hvr-bounce-to-right:hover {
    color:#FFF
}
.hvr-bounce-to-right:active:before,.hvr-bounce-to-right:focus:before,.hvr-bounce-to-right:hover:before {
    transform:scaleX(1);
    transition-timing-function:cubic-bezier(.52,1.64,.37,.66)
}
.swiper-slide {
    display:flex;
    justify-content:center
}
.swiper-lazy-preloader {
    width:30px!important;
    height:30px!important;
    border-radius:50%!important;
    border:2px solid #000!important;
    border-top-color:transparent!important
}
.home-container .swiper-container .swiper-pagination-bullet {
    position:relative;
    width:30px;
    border-radius:999px
}
@media screen and (max-width:768px) {
    .home-container .swiper-container .swiper-pagination-bullet {
        width:8px
    }
    .home-container .swiper-button-next,.home-container .swiper-button-prev {
        display:none
    }
}.preview-container {
     position:relative;
     width:450px
 }
.banner-page {
    display:none;
    justify-content:center;
    align-items:center;
    position:absolute;
    height:6.6666666667vw;
    width:13.3333333333vw;
    border-radius:5.3333333333vw;
    background:rgba(0,0,0,.3);
    bottom:1.3333333333vw;
    right:1.3333333333vw;
    z-index:999
}
.banner-page span {
    color:#FFF;
    font-size:4vw
}
@media screen and (max-width:768px) {
    .spec-scroll {
        clear:both;
        margin:0;
        width:100%;
        height:auto
    }
    .spec-scroll .items {
        float:none;
        position:relative;
        width:100%;
        height:100vw;
        overflow:hidden
    }
    .spec-scroll .items ul {
        height:auto;
        overflow:visible
    }
    .spec-scroll .items ul li {
        flex-basis:auto;
        width:100%;
        float:none;
        padding-right:0
    }
    .spec-scroll .items ul li span {
        width:100%;
        height:93.3333333333vw;
        display:flex;
        justify-content:center;
        align-items:center;
        border:none!important
    }
    .spec-scroll .items ul li span img {
        display:block;
        width:auto;
        height:auto;
        max-height:100%;
        max-width:100%
    }
    .spec-scroll .swiper-pagination-bullet-active {
        background:#fcb026
    }
    .banner-page {
        display:flex
    }
}#feedbackForm span.xh,.feedbackForm #feedbackForm .atextarea,.feedbackForm #feedbackForm .fsbtn,.feedbackForm #feedbackForm .lable,.feedbackForm #feedbackForm .submita,.feedbackForm #feedbackForm .text,.feedbackForm #feedbackForm table,.feedbackForm #msg,.feedbackForm .fput,.feedbackForm .ftxt {
     max-width:none;
     padding:0;
     margin:auto;
     border:0;
     height:auto;
     font-size:auto;
     line-height:1.5;
     font-family:Arial;
     color:#333;
     background:0 0;
     text-align:left
 }
.feedbackForm {
    max-width:1200px;
    margin:20px auto 3.25rem
}
.feed-title {
    font-size:1.875rem;
    color:#2c2c2c;
    margin-top:2.5rem;
    margin-bottom:1.25rem;
    font-weight:600;
    text-transform:uppercase
}
.feedbackForm #feedbackForm td {
    border:0;
    height:48px;
    padding:0
}
.lable {
    white-space:nowrap
}
.feedbackForm #feedbackForm tbody {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
}
.feedbackForm #feedbackForm tr {
    border:1px solid #d9d9d9;
    border-radius:2px;
    box-sizing:border-box;
    margin-bottom:15px;
    font-size:.9375rem;
    color:#727272
}
.feedbackForm #feedbackForm tr:nth-child(-n+4) {
    width:49%;
    flex-basis:49%
}
.feedbackForm #feedbackForm tr:nth-child(-n+5) {
    display:flex;
    justify-content:flex-start
}
.feedbackForm #feedbackForm tr:nth-child(-n+5) td:first-child {
    display:flex;
    align-items:center;
    padding:0 5px
}
.feedbackForm #feedbackForm tr:nth-child(-n+5) td:last-child {
    width:100%;
    flex-basis:100%;
    display:block
}
.feedbackForm #feedbackForm tr:nth-child(-n+5) input {
    width:100%;
    height:100%;
    outline:0
}
.feedbackForm #feedbackForm tr:nth-child(5) {
    width:100%;
    flex-basis:100%
}
.feedbackForm #feedbackForm tr:nth-child(6) {
    width:100%;
    flex-basis:100%;
    display:flex;
    flex-direction:column
}
.feedbackForm #feedbackForm tr:nth-child(7) {
    border:0;
    padding:0
}
#feedbackForm input,.feedbackForm #feedbackForm #SubmitContent {
    border:0;
    font-size:.9375rem;
    color:#000;
    padding-left:5px;
    box-sizing:border-box
}
.feedbackForm #feedbackForm #SubmitContent {
    width:100%;
    margin-top:10px;
    padding-left:0;
    box-sizing:border-box
}
.feedbackForm #feedbackForm .submita {
    color:#222;
    font-size:16px;
    padding:10px 35px;
    border:none;
    background-color:#fcb026;
    text-transform:uppercase;
    cursor:pointer
}
#feedbackForm {
    background:#FFF
}
#feedbackForm input::-moz-placeholder {
    font-size:14px;
    color:#666
}
#feedbackForm input:-ms-input-placeholder {
    font-size:14px;
    color:#666
}
#feedbackForm input::placeholder {
    font-size:14px;
    color:#666
}
#feedbackForm input {
    color:#666
}
.feedbackForm #feedbackForm tr:nth-child(6) td {
    height:auto;
    padding:0 5px;
    display:block
}
.feedbackForm #feedbackForm tr:nth-child(6) textarea {
    outline:0;
    text-indent:15px
}
.feedbackForm #feedbackForm .xh {
    color:red
}
@media screen and (max-width:768px) {
    .send-inquiry .inquiry-form input {
        padding-left:2.6666666667vw;
        width:100%;
        height:12vw;
        margin-bottom:4vw
    }
    .send-inquiry .inquiry-form textarea {
        padding-top:3.3333333333vw;
        padding-left:2.6666666667vw;
        width:100%;
        height:33.3333333333vw
    }
    .send-inquiry .inquiry-form #in-company,.send-inquiry .inquiry-form #in-name,.send-inquiry .inquiry-form #in-title {
        background-size:5.3333333333vw 5.3333333333vw;
        background-position:right 2.6666666667vw top 3.2vw
    }
    .send-inquiry .inquiry-form #in-email,.send-inquiry .inquiry-form #in-phone {
        background-size:4.6666666667vw 4.6666666667vw;
        background-position:right 2.6666666667vw top 3.2vw
    }
    .send-inquiry .inquiry-form #in-content {
        background-size:4vw 4vw;
        background-position:right 2.6666666667vw top 3.2vw
    }
    .send-inquiry .send-btn {
        width:42.6666666667vw;
        height:10.6666666667vw;
        margin:4vw auto 0
    }
    .send-inquiry .send-btn .span:first-child {
        font-size:4vw
    }
    .send-inquiry .send-btn .span:nth-child(2) {
        width:4vw
    }
    .feedbackForm #feedbackForm tr:nth-child(-n+4) {
        width:100%;
        flex-basis:100%
    }
    .feedbackForm #feedbackForm tr:nth-child(3),.feedbackForm #feedbackForm tr:nth-child(4),.feedbackForm #feedbackForm tr:nth-child(5) {
        display:none
    }
    .feedbackForm {
        margin-bottom:0
    }
}#feedbackForm table {
     width:100%;
     max-width:600px;
     margin:0 auto;
     text-align:left
 }
.ftxt {
    width:24%
}
.fput {
    width:70%
}
#feedbackForm .text {
    float:left;
    width:80%;
    height:26px;
    margin:16px 0 0;
    font-size:14px;
    line-height:26px;
    padding:0 5px;
    border:1px solid #ccc;
    font-family:Arial,Helvetica,sans-serif;
    color:#666
}
#feedbackForm .lable {
    padding:10px 12px 0 0;
    line-height:30px;
    height:30px;
    text-align:right
}
#feedbackForm .atextarea {
    float:left;
    width:80%;
    padding:5px;
    margin:16px 0 0;
    border:1px solid #ccc;
    height:100px;
    font-size:12px;
    line-height:20px;
    font-family:Arial,Helvetica,sans-serif;
    color:#666
}
#feedbackForm .submita {
    display:inline-block;
    padding:0 20px;
    height:28px;
    line-height:28px;
    text-align:center;
    font-size:16px;
    background:#ff9c00;
    margin:20px 14px;
    border:none;
    color:#FFF;
    cursor:pointer
}
#feedbackForm .fsbtn {
    text-align:center;
    width:80%;
    padding:1px;
    margin:0
}
#feedbackForm span.xh,#msg {
    color:red
}
.feedback-tips {
    position:fixed;
    top:30%;
    left:50%;
    background:#FFF;
    border:1px solid #a7a7a7;
    border-radius:4px;
    padding:30px;
    width:450px;
    z-index:10000000000000000;
    transform:translate(-50%,-50%);
    box-shadow:0 0 5px #a8a8a8;
    display:none
}
.feedback-tips .feedback-tips-box {
    display:flex;
    flex-direction:column
}
.feedback-tips button#closeBtn {
    border:0;
    background:#408aec;
    color:#FFF;
    height:35px;
    width:65px;
    border-radius:3px;
    box-shadow:0 0 2px #408aec;
    align-self:flex-end;
    margin:15px 0 0;
    padding:0;
    font-family:Arial,Helvetica,sans-serif
}
.feedback-tips p#feedback-text {
    color:#333;
    font-size:14px;
    margin:0
}
.feedback-tips p#feedback-text,.feedback-tips p#feedback-title {
    padding:0;
    font-family:Arial,Helvetica,sans-serif;
    line-height:1.6
}
.feedback-tips p#feedback-title {
    font-size:16px;
    color:#000;
    margin:0 0 10px
}
.compare-action {
    position:relative;
    height:37px;
    margin:30px 20px;
    display:flex;
    justify-content:center;
    align-items:center;
    background-color:#fcb026;
    cursor:pointer
}
.compare-action span {
    display:inline-block;
    color:#FFF;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.compare-action .compare-action-check+label {
    width:16px;
    height:16px;
    content:" ";
    border:1px solid #FFF;
    border-radius:1px;
    margin-right:10px;
    cursor:pointer
}
.compare-action .compare-action-check:checked+label:before {
    font-size:16px;
    line-height:16px;
    content:"✓";
    text-align:center;
    color:#FFF;
    position:relative;
    left:2px;
    top:1px
}
.compare-action input[type=checkbox] {
    visibility:hidden
}
.compare-panel {
    height:100px;
    background:#f1f1f1;
    position:fixed;
    z-index:999999;
    bottom:0;
    left:0;
    width:100%;
    display:none;
    box-sizing:border-box;
    border:1px solid #ccc;
    font-size:14px
}
.compare-panel .button-area {
    float:right;
    height:100%;
    color:#FFF;
    display:flex;
    align-items:center
}
.compare-panel .button-area .contact-button {
    margin:16px 20px;
    background:#fcb026;
    color:#FFF;
    line-height:28px;
    padding:0 12px;
    border-color:transparent;
    border-radius:3px;
    font-size:14px;
    cursor:pointer
}
.clear-all,.close {
    position:relative;
    display:inline-block;
    vertical-align:middle;
    color:#666;
    opacity:.5
}
.clear-all .ic-close,.close .ic-close {
    position:absolute;
    width:32px;
    height:32px;
    left:12px;
    top:45px
}
.clear-all .ic-close:after,.clear-all .ic-close:before,.close .ic-close:after,.close .ic-close:before {
    position:absolute;
    left:15px;
    content:"";
    height:16px;
    width:2px;
    background-color:#FFF
}
.clear-all .ic-close:before,.close .ic-close:before {
    transform:rotate(45deg)
}
.clear-all .ic-close:after,.close .ic-close:after {
    transform:rotate(-45deg)
}
.button-area .clear-all {
    margin-right:20px;
    cursor:pointer
}
.button-area .clear-all:hover {
    opacity:1;
    color:#fcb026
}
.button-area .close {
    position:relative;
    width:60px;
    height:100%;
    background:#555;
    cursor:pointer;
    display:inline-grid;
    align-items:Center;
    font-size:16px;
    text-align:center
}
.button-area .close i {
    color:#FFF
}
.list-wrapper {
    height:100%;
    margin-right:380px;
    position:relative;
    display:flex;
    align-items:center;
    overflow-x:auto;
    overflow-y:hidden
}
.list-wrapper::-webkit-scrollbar {
    height:8px
}
.list-wrapper::-webkit-scrollbar-track {
    border-radius:10px;
    background-color:rgba(0,0,0,.1)
}
.list-wrapper::-webkit-scrollbar-thumb {
    border-radius:10px;
    background-color:rgba(0,0,0,.3)
}
.list-wrapper .next,.list-wrapper .pre {
    display:block;
    position:absolute;
    top:0;
    cursor:pointer;
    height:60px;
    color:#999;
    font-size:32px;
    line-height:60px;
    width:32px
}
.list-wrapper .next {
    right:0;
    text-align:right;
    color:#FFF
}
.list-wrapper .item-clear {
    position:relative;
    float:right;
    box-sizing:border-box;
    width:20px;
    height:100%;
    border-left:1px solid #ebecf0;
    cursor:pointer;
    display:flex;
    justify-content:center;
    align-items:center
}
.list-wrapper .item-clear .ic-close {
    position:absolute;
    width:32px;
    height:32px;
    left:-6px;
    top:25px
}
.list-wrapper .item-clear .ic-close:after,.list-wrapper .item-clear .ic-close:before {
    position:absolute;
    left:15px;
    content:"";
    height:10px;
    width:2px;
    background-color:#333
}
.list-wrapper .item-clear .ic-close:before {
    transform:rotate(45deg)
}
.list-wrapper .item-clear .ic-close:after {
    transform:rotate(-45deg)
}
.list-wrapper .item-clear .fa {
    color:#c4c6cf
}
.list-wrapper .item-content {
    padding:7px;
    overflow:hidden;
    display:flex;
    justify-content:center;
    align-items:center
}
.list-wrapper .item-img {
    float:left;
    width:80px;
    height:45px;
    display:flex;
    align-items:center
}
.list-wrapper .item-img img {
    max-width:100%;
    max-height:100%
}
.list-wrapper .item-title {
    display:-webkit-box;
    text-overflow:ellipsis;
    overflow:hidden;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    font-size:12px;
    line-height:18px;
    color:#666;
    margin-left:10px
}
.cart-list {
    padding:0 32px
}
#productChache_listPC {
    position:relative;
    height:90px;
    overflow:hidden;
    display:flex;
    align-items:center
}
.selected-all {
    margin-left:0;
    display:flex
}
.selected-item {
    padding:10px 6px
}
.selected-item .item-box {
    width:220px;
    height:60px;
    background:#FFF
}
@media(max-width:768px) {
    .compare-action {
        position:relative;
        margin:5.3333333333vw 2.6666666667vw;
        height:8vw;
        font-size:3.2vw;
        justify-content:flex-start
    }
    .compare-action .compare-action-check+label {
        margin-left:0;
        margin-right:5px
    }
    .products-content .pro-list .compare-action span {
        margin:0
    }
    .compare-panel {
        height:17vw
    }
    .compare-panel .button-area {
        padding:0 3vw;
        display:flex;
        justify-content:space-between;
        float:none
    }
    .compare-panel .button-area .close {
        display:none
    }
    .compare-panel .list-wrapper {
        padding-left:0;
        position:absolute;
        top:-15.6vw;
        margin-right:0;
        width:100%
    }
    .compare-panel .list-wrapper .cart-list {
        padding:0;
        width:100%
    }
    .compare-panel .list-wrapper .cart-list #productChache_listPC .selected-all {
        width:100%
    }
    .compare-panel .list-wrapper .selected-item {
        padding:0;
        width:20%;
        position:relative
    }
    .compare-panel .list-wrapper .selected-item .item-box {
        width:auto;
        height:14vw
    }
    .compare-panel .list-wrapper .selected-item .item-clear {
        height:30px;
        width:30px;
        background:#eee;
        border:none;
        position:absolute;
        border-radius:50%;
        opacity:.7;
        left:50%;
        top:50%;
        transform:translate(-50%,-50%)
    }
    .compare-panel .list-wrapper .selected-item .item-clear .ic-close {
        top:10px;
        left:0
    }
    .compare-panel .list-wrapper .selected-item .item-content {
        padding:2px 3px;
        box-sizing:border-box;
        border:1px solid #eee
    }
    .compare-panel .list-wrapper .selected-item .item-content .item-title {
        display:none
    }
    .compare-panel .list-wrapper .selected-item .item-content .item-img {
        width:auto;
        height:13vw
    }
}.inquiry-pro-list {
     margin:50px 0;
     display:none;
     width:100%;
     box-sizing:border-box;
     border:1px solid #ddd;
     padding:0 100px
 }
.inquiry-pro-list a {
    text-decoration:none;
    color:#000
}
.inquiry-pro-list .inquiry-pro-item {
    width:100%;
    height:100px;
    border-bottom:1px solid #ddd;
    display:flex;
    padding:40px 10px;
    margin-top:0;
    box-sizing:content-box
}
.inquiry-pro-list .inquiry-pro-item .pro-item-img {
    height:100%;
    width:200px;
    display:flex;
    justify-content:center;
    align-items:center;
    overflow:hidden
}
.inquiry-pro-list .inquiry-pro-item .pro-item-img a {
    width:100%;
    height:100%
}
.inquiry-pro-list .inquiry-pro-item .pro-item-img img {
    height:100%
}
.inquiry-pro-list .inquiry-pro-item .pro-item-name {
    padding-top:30px;
    margin-left:50px;
    font-size:14px
}
.inquiry-pro-list .inquiry-pro-item .pro-item-name a {
    font-size:16px
}
.inquiry-pro-list .inquiry-pro-item .pro-item-name a:hover {
    color:#fcb026
}
.inquiry-pro-list .inquiry-pro-item .pro-item-name p {
    padding:0;
    margin:0
}
.inquiry-pro-list .inquiry-pro-item .pro-item-del {
    position:relative;
    padding-top:20px;
    height:100%;
    width:200px;
    margin-left:auto;
    display:flex;
    justify-content:center;
    align-items:center
}
.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close {
    position:absolute;
    width:32px;
    height:32px;
    left:-6px;
    top:43px
}
.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close:after,.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close:before {
    position:absolute;
    left:15px;
    content:"";
    height:20px;
    width:2px;
    background-color:#333
}
.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close:before {
    transform:rotate(45deg)
}
.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close:after {
    transform:rotate(-45deg)
}
.inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close:hover {
    cursor:pointer
}
.inquiry-pro-list .inquiry-pro-item:last-child {
    border:none
}
@media(max-width:768px) {
    .inquiry-pro-list {
        padding:1vw 5vw
    }
    .inquiry-pro-list .inquiry-pro-item {
        box-sizing:border-box;
        padding:3vw;
        margin:0;
        height:20vw
    }
    .inquiry-pro-list .inquiry-pro-item .pro-item-del {
        padding-top:0;
        width:10vw
    }
    .inquiry-pro-list .inquiry-pro-item .pro-item-del .ic-close {
        right:0;
        top:4vw
    }
    .inquiry-pro-list .inquiry-pro-item .pro-item-name {
        font-size:3vw;
        margin:0;
        padding:2vw 0 0;
        max-width:48vw
    }
    .inquiry-pro-list .inquiry-pro-item .pro-item-name p a {
        font-size:3.2vw;
        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical
    }
    .inquiry-pro-list .inquiry-pro-item .pro-item-img {
        min-width:24vw;
        margin-right:3vw;
        width:auto
    }
}.seo-key a {
     color:#2b2b2b;
 }
.prodetail-content,.prodetail-content a {
    font-size:16px;
    line-height:1.6;
    color:#222;
}
.table td,.table th {
    border:1px solid #cdcdcd;
    padding:5px;
}
.productsTags,.productsTags a {
    line-height:1.6;
    color:#222;
}
.common-main .pro-top .pro-con .btn-list .LayImAhrefNode {
    background:#fcb026;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:16px;
    border-radius:3px;
    text-transform:uppercase;
    width:200px;
    box-sizing:border-box;
    height:50px;
    margin-bottom:5%;
    color:#222;
}
@media screen and (max-width:768px) {
    .common-main .pro-top .pro-con .btn-list .LayImAhrefNode {
        width:100%;
        height:13.3333333333vw;
        margin-bottom:5.3333333333vw;
    }
    .common-main .pro-top .pro-con .btn-list .send-btn {
        margin-right:0
    }
}.left-part .last-news-list ul li a i {
     width:80px;
 }
.left-part .last-news-list ul li a .news-con {
    width:calc(100% - 80px);
}
@media screen and (max-width:768px) {
    header nav>ul {
        height:calc(100vh - 40px - 16vw);
        overflow-x:auto
    }
}@media screen and (max-width:768px) {
    .pro-detail-container .common-content .common-main {
        margin:0
    }
}#feedbackForm .send-inquiry .inquiry-form input,#feedbackForm .send-inquiry .inquiry-form textarea {
     padding-right:40px;
     transition:.3s
 }
#feedbackForm .send-inquiry .inquiry-form input::-webkit-input-placeholder,#feedbackForm .send-inquiry .inquiry-form textarea::-webkit-input-placeholder {
    color:#4c4c4c;
    transition:.3s;
    transform-origin:top left
}
#feedbackForm .send-inquiry .inquiry-form input::-moz-input-placeholder,#feedbackForm .send-inquiry .inquiry-form textarea::-moz-input-placeholder {
    color:#4c4c4c
}
#feedbackForm .send-inquiry .inquiry-form input::-ms-input-placeholder,#feedbackForm .send-inquiry .inquiry-form textarea::-ms-input-placeholder {
    color:#4c4c4c
}
#feedbackForm .send-inquiry .inquiry-form input:focus::-webkit-input-placeholder,#feedbackForm .send-inquiry .inquiry-form textarea:focus::-webkit-input-placeholder {
    transform:scale(.8) translate(2px,-14px)
}
#feedbackForm .send-inquiry .inquiry-form input:focus,#feedbackForm .send-inquiry .inquiry-form textarea:focus {
    border-color:#fcb026
}
#feedbackForm .send-inquiry .inquiry-form input {
    position:relative;
    box-sizing:border-box;
    padding-left:20px;
    width:49%;
    height:50px;
    border:1px solid #d5d5d5;
    outline:0;
    margin-bottom:30px
}
#feedbackForm .send-inquiry .inquiry-form textarea {
    padding-top:20px;
    box-sizing:border-box;
    padding-left:20px;
    width:100%;
    outline:0;
    height:250px;
    border:1px solid #d5d5d5;
    resize:none
}
#feedbackForm .send-inquiry .inquiry-form .input-error {
    border:1px solid #f77
}
#feedbackForm .send-inquiry .inquiry-form #in-company {
    background:url(../imagess/company.png) no-repeat;
    background-size:26px 26px;
    background-position:right 10px top 12px
}
#feedbackForm .send-inquiry .inquiry-form #in-name {
    background:url(../imagess/user.png) no-repeat;
    background-size:26px 26px;
    background-position:right 10px top 12px
}
#feedbackForm .send-inquiry .inquiry-form #in-title {
    width:100%;
    background:url(../imagess/title.png) no-repeat;
    background-size:26px 26px;
    background-position:right 10px top 12px
}
#feedbackForm .send-inquiry .inquiry-form #in-phone {
    background:url(../imagess/phone.png) no-repeat;
    background-size:24px 24px;
    background-position:right 10px top 12px
}
#feedbackForm .send-inquiry .inquiry-form #in-email {
    background:url(../imagess/email.png) no-repeat;
    background-size:24px 24px;
    background-position:right 10px top 12px
}
#feedbackForm .send-inquiry .inquiry-form #in-content {
    background:url(../imagess/pencil.png) no-repeat;
    background-size:20px 20px;
    background-position:right 10px top 15px
}
#feedbackForm .send-inquiry .send-btn {
    width:216px;
    height:47px;
    border:1px solid #4c4c4c;
    display:flex;
    align-items:center;
    margin:50px auto;
    box-sizing:border-box
}
#feedbackForm .send-inquiry .send-btn .span:nth-child(1) {
    display:flex;
    justify-content:center;
    align-items:center;
    flex:1;
    font-weight:700;
    color:#4c4c4c;
    user-select:none
}
#feedbackForm .send-inquiry .send-btn .span:nth-child(2) {
    height:100%;
    width:47px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-left:1px solid #4c4c4c
}
#feedbackForm .send-inquiry .send-btn .span:nth-child(2) em,#feedbackForm .send-inquiry .send-btn .span:nth-child(2) i {
    color:#707070;
    transform:scale(1.7)
}
#feedbackForm .send-inquiry .send-btn:hover {
    cursor:pointer;
    border:1px solid #fcb026
}
#feedbackForm .send-inquiry .send-btn:hover .span:nth-child(1) {
    color:#FFF
}
#feedbackForm .send-inquiry .send-btn:hover .span:nth-child(2) {
    border:none
}
#feedbackForm .send-inquiry .send-btn:hover .span:nth-child(2) em,#feedbackForm .send-inquiry .send-btn:hover .span:nth-child(2) i {
    color:#FFF
}
#feedbackForm .send-inquiry .inquiry-form {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
}
@media screen and (max-width:768px) {
    #feedbackForm .send-inquiry .inquiry-form input {
        padding-left:vm(20);
        width:100%;
        height:vm(90);
        margin-bottom:vm(30)
    }
    #feedbackForm .send-inquiry .inquiry-form textarea {
        padding-top:vm(25);
        padding-left:vm(20);
        width:100%;
        height:vm(250)
    }
    #feedbackForm .send-inquiry .inquiry-form #in-company {
        background-size:vm(40) vm(40);
        background-position:right vm(20) top vm(24)
    }
    #feedbackForm .send-inquiry .inquiry-form #in-name {
        background-size:vm(40) vm(40);
        background-position:right vm(20) top vm(24)
    }
    #feedbackForm .send-inquiry .inquiry-form #in-title {
        background-size:vm(40) vm(40);
        background-position:right vm(20) top vm(24)
    }
    #feedbackForm .send-inquiry .inquiry-form #in-phone {
        background-size:vm(35) vm(35);
        background-position:right vm(20) top vm(24)
    }
    #feedbackForm .send-inquiry .inquiry-form #in-email {
        background-size:vm(35) vm(35);
        background-position:right vm(20) top vm(24)
    }
    #feedbackForm .send-inquiry .inquiry-form #in-content {
        background-size:vm(30) vm(30);
        background-position:right vm(20) top vm(24)
    }
    #feedbackForm .send-inquiry .send-btn {
        width:vm(320);
        height:vm(80);
        margin:vm(50) auto 0
    }
    #feedbackForm .send-inquiry .send-btn .span:nth-child(1) {
        font-size:vm(30)
    }
    #feedbackForm .send-inquiry .send-btn .span:nth-child(2) {
        width:vm(50)
    }
}.hvr-bounce-to-right-y {
     display:inline-block;
     vertical-align:middle;
     -webkit-transform:perspective(1px) translateZ(0);
     transform:perspective(1px) translateZ(0);
     box-shadow:0 0 1px transparent;
     position:relative;
     -webkit-transition-property:color;
     transition-property:color;
     -webkit-transition-duration:.5s;
     transition-duration:.5s
 }
.hvr-bounce-to-right-y:before {
    content:"";
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:#fcb026;
    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    -webkit-transform-origin:0 50%;
    transform-origin:0 50%;
    -webkit-transition-property:transform;
    transition-property:transform;
    -webkit-transition-duration:.5s;
    transition-duration:.5s;
    -webkit-transition-timing-function:ease-out;
    transition-timing-function:ease-out
}
.hvr-bounce-to-right-y:active,.hvr-bounce-to-right-y:focus,.hvr-bounce-to-right-y:hover {
    color:#FFF
}
.hvr-bounce-to-right-y:active:before,.hvr-bounce-to-right-y:focus:before,.hvr-bounce-to-right-y:hover:before {
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
    -webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66);
    transition-timing-function:cubic-bezier(.52,1.64,.37,.66)
}
#feedbackForm {
    margin-top:20px
}
.newslist-0 li.no-img-news .no-img-news-date {
    width:100px;
    float:left;
    text-align:center;
    padding:22px 0;
    background:#fcb026;
    color:#FFF;
}
.newslist-0 li.no-img-news .no-img-news-date .day {
    font-size:19px;
    line-height:1.6;
    font-weight:700;
    margin-bottom:5px;
}
.newslist-0 li.no-img-news .no-img-news-date .year {
    font-size:17px;
}
.newslist-0 li.no-img-news .no-img-news-con {
    width:calc(100% - 100px);
    float:left;
    padding:10px 0 10px 20px;
}
.newslist-0 li.no-img-news .no-img-news-con a {
    display:block;
    font-size:17px;
    color:#050713;
    line-height:1.4;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}
.newslist-0 li.no-img-news .no-img-news-con p {
    margin-top:10px;
    font-size:14px;
    color:#848484;
    line-height:22px;
    height:44px;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    display:-webkit-box;
}
.newslist-0 li.no-img-news {
    height:100px;
    margin-left:0;
    margin-bottom:20px;
}
.newslist-0 li.no-img-news:hover .no-img-news-con a {
    color:#fcb026
}
.common-container .common-content .common-main {
    width:calc(100% - 370px)
}
@media screen and (max-width:1080px) {
    .common-container .common-content .common-main {
        width:100%
    }
}@media screen and (max-width:768px) {
    .newslist-0 li.no-img-news .no-img-news-date {
        width:70px;
        padding:13px 0;
    }
    .newslist-0 li.no-img-news .no-img-news-date .day {
        font-size:17px;
    }
    .newslist-0 li.no-img-news .no-img-news-date .year {
        font-size:14px;
    }
    .newslist-0 li.no-img-news .no-img-news-con {
        width:calc(100% - 70px);
        padding:7px 10px;
    }
    .newslist-0 li.no-img-news .no-img-news-con a {
        font-size:15px
    }
    .newslist-0 li.no-img-news .no-img-news-con p {
        margin:5px 0 0;
    }
    .newslist-0 li.no-img-news {
        height:80px;
    }
}.protypebody {
     margin:-10px 0 25px;
     padding:0 24px;
 }
@media screen and (max-width:768px) {
    .protypebody,.seo-key {
        font-size:14px;
        line-height:1.8
    }
}#feedbackForm .send-inquiry .inquiry-form #in-emailcomfirm {
     background:url(../imagess/email.png) no-repeat;
     background-size:24px 24px;
     background-position:right 10px top 12px
 }
#swiper-banner,#swiper-banner img {
    width:100%;
    display:block;
}
.ie #feedbackForm .send-inquiry .inquiry-form,.ie .home-container .news-list li img,.ie .home-container .news-product .news-img img,.ie .left-part .last-news-list ul li a i img {
    width:100%
}
.ie #feedbackForm,.ie10 .common-main .contact-wrap .contact-info p {
    max-width:750px
}
.ie .common-container .inner-banner img {
    height:0
}
.ie .home-container .news-product .news-content .ircn+p {
    height:45px
}
.ie header nav ul .submenu {
    left:0
}
.ie header nav ul>li,.ie header nav ul>li a {
    position:relative
}
.ie10 .home-container .news-product .news-btn .btn {
    width:48px;
    flex-basis:48px
}
.ie10 .home-container .news-list .news-content {
    width:40%;
    flex-basis:40%
}
.ie10 .compare-action .compare-action-check+label {
    display:inline-block
}
.ie10 .common-container .common-content .left-part .contact-list .contact-info li span {
    width:240px;
    display:inline-block
}
.nowrap {
    overflow-y:hidden!important;
}
@media screen and (min-width:768px) and (max-width:960px) {
    header nav>ul,header nav>ul .submenu li,header nav>ul .submenu li:hover a {
        background:#FFF
    }
    header .header-top #xyz .xyz12 ul li a img {
        top:-1px
    }
    header nav .search-btn i {
        font-size:40px
    }
    header nav .nav-btn span {
        height:4px
    }
    .common-main p,.home-container .company-advantage .pro-list>li ul li,.home-container .company-advantage .pro-list>li>a span,.home-container .news-product .news-content .ircn,footer .footer-top .footer-nav li a {
        font-size:18px
    }
    .common-container .common-pages,.common-content .prolist-0 li .compare-action span,.compare-action span,.home-container .news-product .news-btn span {
        font-size:16px
    }
    footer .mobile-bottom .mobile-bottom-item i {
        font-size:30px
    }
    footer .footer-top .footer-nav ul {
        width:80vw
    }
    .common-content .prolist-0 li .pro-info .pro-name {
        font-size:18px
    }
    .common-content .prolist-0 li .compare-action {
        width:100%
    }
    .common-content .prolist-1 {
        margin-top:30px
    }
    .compare-action {
        height:50px
    }
    .newslist-0 li .news-img a {
        justify-content:flex-start
    }
    header .header-top {
        padding:0 vm(30);
        justify-content:flex-end
    }
    header .header-top .top-info {
        display:none
    }
    header nav {
        padding:0 vm(30);
        height:vm(120);
        justify-content:flex-end
    }
    header nav>ul {
        transition:all .3s ease;
        position:absolute;
        right:-100%;
        top:100%;
        width:100%;
        display:flex;
        flex-direction:column;
        height:100vh
    }
    header nav>ul>li {
        height:auto;
        flex-direction:column;
        align-items:flex-start;
        position:relative;
        box-sizing:border-box;
        border-bottom:1px solid #ccc
    }
    header nav>ul>li i {
        position:absolute;
        box-sizing:border-box;
        width:8vw;
        height:4vw;
        padding-left:4vw;
        right:4vw;
        top:2.8vw;
        color:#222;
        transform:scale(1.4) rotate(0);
        transform-origin:center center;
        transition:all .3s;
        font-weight:700
    }
    header nav>ul>li a,header nav>ul>li a:hover,header nav>ul>li:hover a {
        color:#5d5d5d
    }
    header nav>ul>li a {
        justify-content:flex-start;
        font-weight:700;
        height:vm(80);
        font-size:14px
    }
    header nav>ul>li .slide-active {
        transform:scale(1.4) rotate(90deg);
        transform-origin:6vw 2.9vw
    }
    header nav>ul .inmenu_1 {
        color:#fcb026
    }
    header nav>ul .submenu {
        display:none;
        position:relative;
        opacity:1;
        transform:rotateX(0);
        top:0;
        transition:none
    }
    header nav .active {
        right:0
    }
    header nav .nav-btn {
        display:flex
    }
    .common-container .breadcrumbs-nav,.left-part,footer .footer-top>div.footer-code {
        display:none
    }
    header nav .search-btn {
        margin-right:60px;
        background:0 0
    }
    header nav .search-btn i {
        color:#333
    }
    header nav .search-input {
        width:100%;
        padding:vm(30)
    }
    header nav .search-input .searchbtn,header nav .search-input .searchtxt {
        height:vm(70)
    }
    footer .footer-top {
        height:auto
    }
    .common-container .common-content .common-main {
        margin:4vw 0
    }
    main {
        margin-top:16vw
    }
}@media screen and (min-width:768px) and (max-width:800px) {
    .compare-action .compare-action-check:checked+label:before {
        top:-8px
    }
}footer .footer-top {
     min-height:330px;
     align-items:flex-start
 }
@media screen and (max-width:768px) {
    footer .footer-top {
        min-height:0
    }
}.home-container .company-advantage .pro-list {
     flex-wrap:wrap
 }
@media (max-width:768px) {
    .compare-panel .list-wrapper .selected-item {
        width:20vw!important
    }
    .compare-panel #productChache_listPC {
        background:#FFF
    }
    .compare-panel .list-wrapper .cart-list {
        width:auto!important
    }
    .compare-panel .list-wrapper::-webkit-scrollbar {
        height:3px
    }
}/*product detail*/
#con {
    margin-top:30px;
}
#tagContent {
    padding-top:20px;
}
#tags:after {
    content:'';
    display:block;
    clear:both;
    visibility:hidden;
    height:0;
}
#tags li {
    float:left;
}
#tags li a {
    text-decoration:none;
    display:block;
    line-height:50px;
    padding:0 28px;
    margin-right:8px;
    background:#efefef;
    color:#222;
    font-size:18px;
}
ul#tags li.selectTag a {
    color:#000;
    background:#fcb026;
}
.tagContent {
    display:none;
    width:100%;
    padding-top:10px;
}
#tagContent div.selectTag {
    display:block;
}
.tagContent,.tagContent p {
    font-size:16px;
    line-height:1.6;
    color:#222;
}
#tags {
    border-bottom:1px solid #d2d2d2;
}
@media screen and (max-width:768px) {
    #tags li a {
        line-height:42px;
        font-size:16px;
        padding:0 20px
    }
}/*Index_5*/
#ind5-product #news-products-list ul {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}
#ind5-product #news-products-list ul li {
    width:23%;
    margin-bottom:35px;
}
#ind5-product #news-products-list .news-content .ircn a {
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
#ind5-product #news-products-list .news-img {
    padding-bottom:100%;
    height:0;
    position:relative;
}
#ind5-product #news-products-list .news-img img {
    width:100%;
    height:100%;
    object-fit:contain;
    position:absolute;
    top:0;
    left:0;
}
#ind5-product .news-products-list {
    padding-bottom:30px;
}
@media screen and (max-width:960px) {
    #ind5-product #news-products-list ul li {
        width:48%
    }
}@media screen and (max-width:768px) {
    #ind5-product .news-products-list {
        padding-bottom:0
    }
}@media screen and (max-width:768px) {
    .pro-detail iframe {
        width:100%;
        height:auto
    }
    .common-main .pro-detail img {
        height:auto
    }
}@font-face {
    font-family:addicon;
    src:url('data:application/x-font-woff2; charset=utf-8; base64,d09GMgABAAAAAAREAAsAAAAACEwAAAP3AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACDBgqELINwATYCJAMMCwgABCAFhFsHOhtEB8geklQhwh5IAFAACkYcD1/7/c59u1+QxJC8mYUimoli2slirRMpVbJFpv+/z80e+EBdUnNLVyxLPqloSMWp2Ul1adfMaE97EtNeoGOENP29099454GtSRTSHFu76IMlGtBY0xJugwTkPcYm2P1cI4B67sYUM3PJ2aB2ssmUgJHMqA8QF8fJIUWAkNfh1mCCUMlvOzVjvQIPFHfsmwBe/O/HH3iGEBR4ibHK/F4MCWefa794w5H/l4P0AW6dAN0LoAQkYGBlhlirty3ghLEBiahMxsXsMi4W9qjB///xeaqCv+Y/HhtEmSFrBNAjLU6KbzMJ8P2GC3Lnb6fMF3gD8I+q5r7N2XM9Bj51zfhxHF/UM5sOs5pviHttFA4K3SH/6DOs5sDjyz3xV4NPgjzkVE6OQlexDeQ3RT2Bi47b9RbJcvajIFcqxb1JN8LO5MgfPhT1LDtedNT4MnpYzVbbgXplRdyrdLiizlFCBcixbcq6nocGO9Uie3BId0g/V6lcAWi5bP3oTesttofxcAh+H58+4LTDRtyrO2SotN2jOjqD5shR3X0htxKGlvR3OI0sKXJsej6c7pR7uXZyhMu7VdrR6s8v+I5t1zIUutjuEpKd7T+0zRJMrYONys3rPQZ014Qm/yTStSjD7+9+1tqG7o4uWkEnvZaMdSy4n0zt4iPrbOPDSYVhyuvUqEiajoxyTDH82eJeXxBKBQVRoQX17nMzhimO5ayNftw5YAktLYW1VWXMau1z2ekd79Sm5xw9/rjbOcf/isUlt/n6Tfs1r0ee6x46lnFg1y+rJ+0LiwlmiVa1Rc7Rbvz06O+ImNVQ9ZSlW69Z33tsbJzyQu5xX1+Zfr+xlPoaxPvYRZj1HfTI0iqHTQC10heOoHZ6x5H+9d/AwyPvto3qwV+rZIDPdTVRvrdWhvYG1ddhC/CP5etawmbVT8plPJtX40hKekYKoN7Ug59aCk2++gteJM91CGjHiAIYIRKwQGRgTyoRcyOVCQSS6jmZnN1A2wkOVq4DutwSEosaBYINDiA44ByCC+6QePR8kvjUfCaJ4MFaTsw2cqdpRDCIxDbXYPmS0hKp5WUIkpQKMxFVUUTQosDD4oiW5QcwD1f3XDIOlSC6+whZJeXJMFJMSpcWY7Hj7IaKikqxMrq0AEkY1zyGKQt0c5OW3cRVUloMUWgIgYGQMFtqYA5JlCohdUsZBBKpVGZCKBWKEI4ur5LKxCE0Gc+FxjCjhozUI+JkJW2qrmD0tUoUTzcYUpg9LCxVDDO3JgtShLFSmItySwGkxhiuDnpEygQaNuH22spc51UUPzcuV4OxfooiUmS86+OaMiSsOiAYGVFWBgAA') format('woff2'),url(../fonts/addicon.woff) format('woff'),url(../fonts/addicon.ttf) format('truetype')  }
    .iconfont.icon-skype,.iconfont.icon-whatsapp {
    font-family:addicon!important
    }
    .icon-skype:before {
    content:"\e713"
    }
    .icon-whatsapp:before {
    content:"\e8ec"
    }