@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
}
.product-right h3 {
    line-height: 1.5;
    margin: 15px 0;
}
.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 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:#0078d7;*/
/*    left:50%;*/
/*    width:80%;*/
/*    height:2px;*/
/*    transform:translateX(-50%) rotateY(90deg);*/
/*    position:absolute;*/
/*    bottom:30px*/
/*}*/
/*header nav ul li .inmenu_1 {*/
/*    color:#0078d7*/
/*}*/
/*header nav ul li .inmenu_1:after {*/
/*    transition:all .3s ease;*/
/*    content:"";*/
/*    background:#0078d7;*/
/*    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:#0078d7*/
/*}*/
/*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:#0078d7*/
/*}*/
/*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:#0078d7;*/
/*    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:#0078d7;
    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:#0078d7;
    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:#0078d7
}
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(../image/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("images/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:#0078d7
}
.home-container .swiper-container .swiper-pagination-bullet {
    background:#fff
}
.home-container .swiper-container .swiper-pagination-bullet-active {
    background:#0078d7
}
.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:#0078d7;
    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:#0078d7
}
.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:#0078d7
}
.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:#0078d7
}
.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:#0078d7;
    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 #0078d7;
    cursor:pointer
}
.home-container .about-info .about-content .about-btn:hover a {
    color:#0078d7
}
.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:#0078d7
}
.home-container .hot-product ul li:hover .pro-btn {
    border:1px solid #fff;
    background:#0078d7
}
.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 #0078d7;
    border-bottom:2px solid #0078d7;
    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 #0078d7;
    border-right:2px solid #0078d7;
    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:#0078d7
}
.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 #0078d7
}
.home-container .partners ul li:hover {
    border-top:1px solid #0078d7;
    border-left:1px solid #0078d7
}
.home-container .partners ul li:hover img {
    transform:scale(1.1)
}
.home-container .partners ul li:hover+li {
    border-left:1px solid #0078d7
}
.home-container .partners ul li:hover+li+li+li+li+li+li {
    border-top:1px solid #0078d7
}
.home-container .partners ul li:nth-of-type(6n):hover {
    border-right:1px solid #0078d7
}
.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 #0078d7;
    border-bottom:1px solid #eee;
    display:none
}
.products-content .pro-list {
    width:100%;
    display:flex;
    flex-wrap:wrap;
    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:#0078d7;
    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 #0078d7;
    color:#0078d7;
    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:#0078d7;
    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 #0078d7
}
.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:#0078d7;
    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
}
@media screen and (min-width: 968px){
    .filter-box {
        overflow-y:auto;
        width:100%;
        position:relative;
        padding:0 260px;
        max-height:300px;
        min-height:100px;
        background:#f8f8f8;
        transition:all .4s ease;
        top:0;
        z-index:1;
        box-shadow:0 7px 10px -7px rgba(0,0,0,.6);
        transform-origin:top;
        /*transform:rotateX(90deg);*/
        opacity:1
    }
}
@media screen and (max-width: 968px){
    .filter-box {
        overflow-y: auto;
        width: 100%;
        position: relative;
        padding: 0 6px;
        /* max-height: 300px; */
        min-height: 100px;
        background: #f8f8f8;
        transition: all .4s ease;
        top: 0;
        z-index: 1;
        box-shadow: 0 7px 10px -7px rgb(0 0 0 / 60%);
        transform-origin: top;
        /* transform: rotateX(90deg); */
        opacity: 1;
    }
}
.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:#0078d7
}
.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 #0078d7
}
.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:#0078d7
}
.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 #0078d7
}
.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%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
}
.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:#0078d7
}
.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: 15px;
    width: 31%;
    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:#0078d7;
    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:#0078d7
}
.common-container .news-content .common-pages {
    margin-bottom:80px
}
.knowledges-content {
    margin:0 260px
}

/*下载栏目样式*/
.classes {
    margin-top: 30px; font-size:16px; line-height:30px;
}
.classes h3 {
    text-align: center;
    line-height: 30px;
    font-size: 24px;

}
.classes p {
    text-align: justify;
    line-height: 150%;
    margin-top: 10px;
    color: #666;
    font-size: 14px;
}
.classes .class-info p {
    text-align: left;
}
.classes .class-name ul {
    display: -webkit-flex; /* Safari */
    display: flex;
    justify-content:center;
}
.classes .class-name ul li {
    padding: 10px 30px;
    background-color: #303030;
    margin: 30px 20px;
    border-radius: 5px;
}
.classes .class-name ul .current {
    background-color: #78b124;
}
.classes .class-name ul li:hover {
    background-color: #78b124;
}
.classes .class-name ul li a{
    display: block;
    color: #fff;
    font-size: 20px;
}
.classes .class-content {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
}

.classes .class-content img {
    text-align: center;
    margin: 20px 0;
}
.classes .class-content {
    margin-top: 30px;
    text-align: center;
}

.classes .class-content img {
    text-align: center;
    margin: 20px 0;
}

.class-content .news-list {
    width: 100%;
    display: -webkit-flex; /* Safari */
    display: flex;
    flex-wrap: wrap;
}
.class-content .news-item {
    display: block;
    box-sizing: border-box;
    width: 31.333333333%;
    padding: 15px 10px;
    margin: 15px 1%;
    background-color: #fff;
}
.class-content .news-item .news-img {
    float: left;
    width: 100%;
}

.class-content .news-item .news-img img {
    width: 100%;
    margin: 0;
    height: 180px;
}
.class-content .news-item .news-info {
    float: right;
    width: 100%;
    text-align: left;
}
.class-content .news-item .news-info span {
    display: block;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-top: 10px;
}

.class-content .news-item .news-info p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.class-content .news-item .news-info .news-btn {
    display: block;
    background-color: #28a8af;
    color: #fff;
    padding: 10px 0;
    margin-top: 20px;
    width: 150px;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
}
.class-content .form .form-item textarea ,
.class-content .form .form-item input {
    box-sizing: border-box;
    width: 98%;
    line-height: 40px;
    padding: 0 5px;
    border: 1px solid #eee;
    border-radius: 5px;
}
.class-content .form .form-item textarea {
    min-height: 100px;
    width: 100%;
}
.class-content .form .form-item img {
    position: absolute;
    right: 0;
    top: 50%;
    margin: 0;
    transform: translate(-50%, -50%);
}
.class-content .download-list {
    width: 100%;
    display: -webkit-flex; /* Safari */
    display: flex;
    flex-wrap: wrap;
}
.n_Download {
    font-size: 14px;
    line-height: 22px;
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
}
.n_Download ul li p a {
    color: #FFF;
}
.n_Download ul li {
    float: left;
    width: 100%;
    border-bottom: dotted 1px #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.n_Download ul li span {
    float: left;
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: left center;
}
.n_Download ul li p {
    float: right;
    background-color: #2e2e2e;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #FFF;
    margin-top: 0;
}
#page {
    margin-top: 20px;
    background: #ffffff none repeat scroll 0 0;
}
#turn_page {
    clear: both;
    height: 35px;
    line-height: 35px;
    text-align: center;
}
#turn_page span {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #cecece;
    border-radius: 4px;
    display: inline-block;
    font-size: 14px;
    height: 33px;
    line-height: 33px;
    margin: 0 4px;
    overflow: hidden;
    vertical-align: top;
}
#turn_page .page_button, #turn_page .page_noclick {
    padding: 0 12px;
    width: auto;
}
#turn_page font, #turn_page a {
    display: block;
    height: 33px;
    text-align: center;
    text-decoration: none;
    width: 32px;
}
#turn_page .icon_page_prev {
    background: url("../image/normal.png") no-repeat scroll -391px -24px;
    margin-right: 6px;
}
#turn_page .icon_page_next {
    background: url("../image/normal.png") no-repeat scroll -408px -24px;
    margin-left: 6px;
}
#turn_page span em {
    display: inline-block;
    height: 12px;
    margin-top: -2px;
    vertical-align: middle;
    width: 7px;
}




.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:#0078d7
}
.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:#0078d7;
    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:#0078d7
}
.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:#0078d7
}
.news-detail-content .pages-list div {
    margin-top:20px
}
.news-detail-content .pages-list a:hover {
    text-decoration:underline;
    color:#0078d7
}
.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:#0078d7
}
.knowledges-detail-content .pages-list div {
    margin-top:20px
}
.knowledges-detail-content .pages-list a:hover {
    text-decoration:underline;
    color:#0078d7
}
.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:#0078d7;
    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 #0078d7;
    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:#fff
}
.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:#0078d7;
    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:#0078d7;
    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:#0078d7;
    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;
    justify-content: flex-start;
}
/*.pro-detail-content .random-pro-list ul li {*/
/*    flex:1;*/
/*    max-width:26%;*/
/*    min-width:26%;*/
/*    padding: 30px;*/
/*    box-sizing: border-box;*/
/*}*/
/*.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:#0078d7;*/
/*    color:#fff;*/
/*    border:1px solid #0078d7*/
/*}*/
/*.pro-detail-content .random-pro-list ul li:hover .pro-img img {*/
/*    transform:scale(1.2)*/
/*}*/
.pro-detail-content .send-inquiry {
    margin-top:90px;
    margin-bottom: 30px;
}
.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:#0078d7!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:#0078d7
}
.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:#0078d7;
    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:#0078d7
}
.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:#0078d7
}
.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 #0078d7;
        border-bottom:2px solid #0078d7
    }
    .home-container .lastest-news ul li .news-content:after {
        border-left:2px solid #0078d7;
        border-right:2px solid #0078d7
    }
    .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:#0078d7
    }
    .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:#0078d7
    }
    .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 #0078d7;
        cursor:pointer
    }
    .home-container .about-info .about-content .about-btn:hover a {
        color:#0078d7
    }
    .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 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:#0078d7*/
    /*}*/
    /*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:-66.7%*/
    /*}*/
    /*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:13.3333333333vw
    }
    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(../image/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:#0078d7;
        width:100%;
        display:flex;
        align-items:center;
        justify-content:space-evenly
    }
    footer .mobile-bottom .mobile-bottom-item {
        background:#0078d7;
        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;
        margin-bottom:30px;
    }
    .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:#0078d7
    }
    .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:#0078d7
    }
    .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:31%;*/
    /*    min-width:31%;*/
    /*    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:#0078d7;
    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:#0078d7;
    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 #0078d7
}
.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(../image/btn_prev.png) no-repeat
}
.preview-container .thumbnail-box .btn-next {
    right:0;
    background:url(../image/btn_next.png) no-repeat
}
.preview-container .thumbnail-box .btn_prev_disabled {
    background:url(../image/btn_prev_disabled.png) no-repeat;
    cursor:not-allowed
}
.preview-container .thumbnail-box .btn_next_disabled {
    background:url(../image/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:#0078d7
}
/*.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 .input-error {
    border:1px solid #f77
}
.send-inquiry .inquiry-form #in-company {
    background:url(../image/company.png) no-repeat;
    background-size:26px 26px;
    background-position:right 10px top 12px
}
.send-inquiry .inquiry-form #in-name {
    background:url(../image/user.png) no-repeat;
    background-size:26px 26px;
    background-position:right 10px top 12px
}
.send-inquiry .inquiry-form #in-title {
    width:100%;
    background:url(../image/title.png) no-repeat;
    background-size:26px 26px;
    background-position:right 10px top 12px
}
.send-inquiry .inquiry-form #in-phone {
    background:url(../image/phone.png) no-repeat;
    background-size:24px 24px;
    background-position:right 10px top 12px
}
.send-inquiry .inquiry-form #in-email {
    background:url(../image/email.png) no-repeat;
    background-size:24px 24px;
    background-position:right 10px top 12px
}
.send-inquiry .inquiry-form #in-content {
    background:url(../image/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;*/
/*    background: #24292f;*/
/*    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:#fff;
    -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 #0078d7
}
.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:#0078d7;
     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:#0078d7;
    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:#0078d7
}
.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:#0078d7
}
.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:#0078d7;
}
@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(../image/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(../image/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(../image/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
    }
}
.pageactive{
background: #787168 !important;
}



.foot-cate ul .ErWeiImg{
    width: 50%;
}