@charset "utf-8";
/* 
	



*/
.Container-wrapper{width:1170px; margin:0 auto;}
.cont_top{width:100%; height:auto;}
/*banner*/
.banner{min-width: 100%;min-height: 530px;max-height: 100%;max-width: 100%;overflow:hidden; position:relative; float:left;}
.banner .hd{height:10px; overflow:hidden; position:absolute; left:50%;transform: translateX(-50%); bottom:30px; z-index:1;}
.banner .hd ul{overflow:hidden; zoom:1; float:left;}
.banner .hd ul li{float:left; margin-right:2px;  width:70px; height:10px; line-height:14px; text-align:center; background:#fff; cursor:pointer;}
.banner .hd ul li.on{background:#841BEE;}
.banner .bd{position:relative; height:100%; z-index:0;}
.banner .bd li{zoom:1; vertical-align:middle; }
.banner .bd li img {min-width: 100%;min-height: 530px;max-height: 100%;max-width: 100%;}
.banner .bd images{width:100%; height:388px; display:block;}
.banner .prev,.banner .next{position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;}
.banner .next{left:auto; right:3%; background-position:8px 5px;}
.banner .prev:hover,.banner .next:hover{filter:alpha(opacity=100);opacity:1;}
.banner .prevStop{display:none;}
.banner .nextStop{display:none;}

/*entrance list_lb*/
.list_lb{width:264px; height:388px; float:right;}
.list_lb ul{}
.list_lb ul li{float:left; text-align:center; width:120px; height:115px; line-height:80px; border:1px solid #094; margin:12px 0 0 12px;}
.list_lb ul li a{display:block; width:120px; height:115px; color:#333; font-size:15px;}
.list_lb ul li a:hover{color:#094;}

/*图标菜单*/
/* .icon-menu{width:1168px; height:167px;margin:0 auto; float:left;}
.icon-menu ul{width:291.5px; float:left; height:125px; border-right:solid 1px #333; margin-top:20px;}
.icon-menu .icon-menu-msds{border-right:none;}
.icon-menu ul li{width:291.5px;float:left;display: grid; align-items: center; justify-items: center;}
.icon-menu ul li{margin-top:20px;}
.icon-menu ul li img {height:50px;}
.icon-menu ul li a:hover{}

.icon-menu ul li .index_catalog:hover {
    content: url('../images/index_catalog.svg');
} */

.icon-menu{width:1168px; height:auto;margin:0 auto; float:left;}
.icon-menu ul{width:1168px; float:left; height:auto; margin-top:20px;}
.icon-menu ul a li{width:254.5px;float:left;display: grid; align-items: center; justify-items: center; margin-left:50px;}
.icon-menu ul a {width:254.5px; height:auto;}
.icon-menu ul a .catalog-hover {margin-left:0px;}

.icon-menu ul .catalog-hover:hover {
    content: url('../images/index_catalog_2.svg');
}

.icon-menu ul .product-hover:hover {
    content: url('../images/index_product_list_2.svg');
}

.icon-menu ul .quality-hover:hover {
    content: url('../images/index_quality_inspection_report_2.svg');
}

.icon-menu ul .msds-hover:hover {
    content: url('../images/index_msds_2.svg');
}

/*产品分类*/
.product-category{width:1170px; height:auto; margin:30px auto; float:left;}
.product-category .product-category-title {width:1170px; height:60px; line-height:60px; font-size:30px;/* border-bottom:2px solid #841BEE; */ float:left; color:#841BEE; font-weight:700;}
.product-category .product-category-title span {font-size:14px; color:#841BEE; float:right; padding:20px 0px 0px 0px}
.product-category .product-category-list {height:auto; float:left;}
.product-category .product-category-list ul{
    width:360px;
    height:314px;
    float:left;
    margin-left:45px;
    margin-top:20px;
    /* display: flex; */
    display: block;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s, transform 0.3s;
}
.product-category .product-category-list ul:hover {
    background-color: #841BEE;
    transform: scale(1.1);
}
.product-category .product-category-list ul li a img {
    max-width: 100%;
    max-height: 100%;
    transition: transform 0.3s;
}
.product-category .product-category-list ul:hover li a img {
    transform: scale(1.0);
}
.product-category .product-category-list ul li:nth-child(2) {
    transition: transform 0.3s;
}
.product-category .product-category-list ul:hover li:nth-child(2) {
    transform:translateX(10px);
    color: #ffffff;
}
.product-category .product-category-list ul li:nth-child(3) {
    transition: transform 0.3s;
}
.product-category .product-category-list ul:hover li:nth-child(3) {
    transform:translateX(10px);
    color: #ffffff;
}

.product-category .product-category-list ul li:nth-child(1){height:234px;}
.product-category .product-category-list ul li:nth-child(2){width:35px;height:30px;border-bottom:2px solid #FEE02C;}
.product-category .product-category-list ul li:nth-child(3){height:50px;line-height:50px;font-size:16px; color:#333333; font-weight:700;}
.product-category .product-category-list ul:nth-child(3n+1){margin-left:0px;}
.product-category ul li{width:360px; float:left;display: grid; align-items: center; /* justify-items: center; */}
.product-category ul li a:hover{}

/*操作视频*/
.operate-video{width:1170px; height:auto; margin:30px auto; float:left;}
.operate-video .operate-video-title {width:1170px; height:60px; line-height:60px; font-size:30px;/* border-bottom:2px solid #841BEE; */ float:left; color:#841BEE; font-weight:700;}
.operate-video .operate-video-title span {font-size:14px; color:#841BEE; float:right; padding:20px 0px 0px 0px}
.operate-video .operate-video-list {height:auto; float:left;}

.operate-video .operate-video-list ul{
    width:360px;
    height:314px;
    float:left;
    margin-left:45px;
    margin-top:20px;
    display: block;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s, transform 0.3s;
}
.operate-video .operate-video-list ul:hover {
    background-color: #841BEE;
    transform: scale(1.1);
}
.operate-video .operate-video-list ul li a img {
    max-width: 100%;
    max-height: 100%;
    transition: transform 0.3s;
}
.operate-video .operate-video-list ul:hover li a img {
    transform: scale(1.0);
}
.operate-video .operate-video-list ul li:nth-child(2) {
    transition: transform 0.3s;
}
.operate-video .operate-video-list ul:hover li:nth-child(2) {
    transform:translateX(10px);
    color: #ffffff;
}
.operate-video .operate-video-list ul li:nth-child(3) {
    transition: transform 0.3s;
}
.operate-video .operate-video-list ul:hover li:nth-child(3) {
    transform:translateX(10px);
    color: #ffffff;
}

.operate-video .operate-video-list ul li:nth-child(1){height:234px;display: grid; align-items: center; justify-items: center;}
.operate-video .operate-video-list ul li:nth-child(2){width:35px;height:30px;border-bottom:2px solid #FEE02C;}
.operate-video .operate-video-list ul li:nth-child(3){height:50px;line-height:50px;font-size:16px; color:#333333; font-weight:700; text-align:left;}
.operate-video .operate-video-list ul:nth-child(3n+1){margin-left:0px;}
.operate-video ul li{width:360px; float:left;}
.operate-video ul li a:hover{}

/*产品资料*/
.product-catalog{width:1170px; height:auto; margin:30px auto; float:left;}
.product-catalog .product-catalog-title {width:1170px; height:60px; line-height:60px; font-size:30px;/* border-bottom:2px solid #841BEE; */ float:left; color:#841BEE; font-weight:700;}
.product-catalog .product-catalog-title span {font-size:14px; color:#841BEE; float:right; padding:20px 0px 0px 0px}
.product-catalog .product-catalog-list {height:auto; float:left;}

.product-catalog .product-catalog-list ul{
    width:360px;
    height:auto;
    float:left;
    margin-left:45px;
    margin-top:20px;
    display: block;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s, transform 0.3s;
}
.product-catalog .product-catalog-list ul:hover {
    background-color: #841BEE;
    transform: scale(1.1);
}
.product-catalog .product-catalog-list ul li a img {
    max-width: 100%;
    max-height: 100%;
    transition: transform 0.3s;
}
.product-catalog .product-catalog-list ul:hover li a img {
    transform: scale(1.0);
}
.product-catalog .product-catalog-list ul:hover li img {width:360px;}
.product-catalog .product-catalog-list ul:hover li:nth-child(1){
    border:1px solid #841BEE;
}
.product-catalog .product-catalog-list ul li:nth-child(2) {
    transition: transform 0.3s;
}
.product-catalog .product-catalog-list ul:hover li:nth-child(2) {
    transform:translateX(10px);
    color: #ffffff;
}
.product-catalog .product-catalog-list ul li:nth-child(3) {
    transition: transform 0.3s;
}
.product-catalog .product-catalog-list ul:hover li:nth-child(3) {
    transform:translateX(10px);
    color: #ffffff;
}

.product-catalog .product-catalog-list ul li:nth-child(1){height:489px; border:1px solid #dddddd;display: grid; align-items: center; justify-items: center;}
.product-catalog .product-catalog-list ul li:nth-child(2){width:35px;height:30px;border-bottom:2px solid #FEE02C;}
.product-catalog .product-catalog-list ul li:nth-child(3){height:50px;line-height:50px;font-size:16px; color:#333333; font-weight:700; text-align:left;}
.product-catalog .product-catalog-list ul:nth-child(3n+1){margin-left:0px;}
.product-catalog ul li{width:360px; float:left;}
.product-catalog ul li img {width:356px;}
.product-catalog ul li a:hover{}

/*行业应用*/
.industry-application{width:1170px; height:auto; margin:30px auto; float:left;}
.industry-application .industry-application-title {width:1170px; height:60px; line-height:60px; font-size:30px;/* border-bottom:2px solid #841BEE; */ float:left; color:#841BEE; font-weight:700;}
.industry-application .industry-application-title span {font-size:14px; color:#841BEE; float:right; padding:20px 0px 0px 0px}
.industry-application .industry-application-list {height:auto; float:left;}

.industry-application .industry-application-list ul{
    width:360px;
    height:auto;
    float:left;
    margin-left:45px;
    margin-top:20px;
    display: block;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s, transform 0.3s;
}
.industry-application .industry-application-list ul:hover {
    background-color: #841BEE;
    transform: scale(1.1);
}
.industry-application .industry-application-list ul li a img {
    max-width: 100%;
    max-height: 100%;
    transition: transform 0.3s;
}
.industry-application .industry-application-list ul:hover li a img {
    transform: scale(1.0);
}
.industry-application .industry-application-list ul:hover li img {width:360px;}
.industry-application .industry-application-list ul:hover li:nth-child(1){
    border:1px solid #841BEE;
}
.industry-application .industry-application-list ul li:nth-child(2) {
    transition: transform 0.3s;
}
.industry-application .industry-application-list ul:hover li:nth-child(2) {
    transform:translateX(10px);
    color: #ffffff;
}
.industry-application .industry-application-list ul li:nth-child(3) {
    transition: transform 0.3s;
}
.industry-application .industry-application-list ul:hover li:nth-child(3) {
    transform:translateX(10px);
    color: #ffffff;
}

.industry-application .industry-application-list ul li:nth-child(1){height:509px; border:1px solid #dddddd;display: grid; align-items: center; justify-items: center;}
.industry-application .industry-application-list ul li:nth-child(2){width:35px;height:30px;border-bottom:2px solid #FEE02C;}
.industry-application .industry-application-list ul li:nth-child(3){height:50px;line-height:50px;font-size:16px; color:#333333; font-weight:700; text-align:left;}
.industry-application .industry-application-list ul:nth-child(3n+1){margin-left:0px;}
.industry-application ul li{width:360px; float:left;}
.industry-application ul li img {width:356px;}
.industry-application ul li a:hover{}

/*行业标准*/
.standard{width:1170px; height:auto; margin:30px auto; float:left;}
.standard .standard-title {width:1170px; height:60px; line-height:60px; font-size:30px;/* border-bottom:2px solid #841BEE; */ float:left; color:#841BEE; font-weight:700;}
.standard .standard-title span {font-size:14px; color:#841BEE; float:right; padding:20px 0px 0px 0px}
.standard .standard-list {height:auto; float:left;}
.standard .standard-list ul{width:1170px; height:auto; float:left;}
.standard .standard-list ul li{width:50%;height:40px; line-height:40px; background:url(../images/1_41.png) left no-repeat; padding-left:16px; float:left; font-size:14px;}
.standard .standard-list ul li:nth-child(5), .standard .standard-list ul li:nth-child(6) {border-bottom:none;}
.standard ul li a:hover{color:#841BEE;}

/* 遮罩层 */
#fullbg{background-color:gray; left:0; opacity:0.7; position:absolute; top:0; z-index:3; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5;}

/* 弹出部分 */
.myresult{display:none; position:fixed; width:500px; height:200px; background-color:#ffffff; border:1px solid #2aa738; border-radius:10px; left:50%; top:50%; transform:translate(-50%,-50%); z-index:5;}
.myresult .close a{display:block; float:right; width:20px; height:20px; background:url(../images/closeBg.png) no-repeat;}
.myresult .result{height:30px; line-height:30px; font-size:16px; color:#2aa738; border-bottom:1px dashed #d5d5d5; margin:0 20px;}
.myresult .d_file{height:auto; margin:10px 20px; padding:0 20px; background:#efefef;}
.myresult .d_file h2{float:left; width:80%; height:30px; line-height:30px;}
.myresult .d_file span{float:right; display:block; height:30px; line-height:30px;}
.myresult .d_file a:hover{color:#2aa738;}

/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
    /*banner*/
    .banner{min-width: 100%;min-height: auto;max-height: 100%;max-width: 100%;}
    .banner .bd li img {min-width: 100%;min-height: 100%;max-height: 100%;max-width: 100%;}
}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
}

@media all and (max-width:1439px) {
	/* 1360 × (768) */
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1080px) {
    /* 平板设备 720 适配 */
    .banner{min-width: 92%;min-height: auto;max-height: 100%;max-width: 92%;margin: 0px 4%;}
    .banner .bd li img {min-width: 100%;min-height: 100%;max-height: 100%;max-width: 100%;}
    .banner .hd ul li {
        display: none;
    }

    .Container-wrapper {
        width: 92%;
        margin: 0 4%;
    }

    .icon-menu {
        width: 100%;
    }

    .icon-menu ul {
        width: 100%;
        margin-top: 6%;
    }

    .icon-menu ul a li {
        width: 23%;
        margin-left: 2.5%;
    }

    .product-category {
        width: 100%;
        margin: 3% auto;
    }

    .product-category .product-category-title {
        width: 100%;
        height: auto;
        line-height: normal;
        margin-bottom: 2%;
    }

    .product-category .product-category-list ul {
        width: 48.5%;
        height: auto;
    }

    .product-category ul li {
        width: 100%;
    }

    .product-category .product-category-list ul li:nth-child(1) {
        height: 128px;
    }

    .product-category .product-category-list ul {
        margin-left: 3%;
        margin-top: 3%;
    }

    .product-category .product-category-list ul:nth-child(3n+1) {
        margin-left: 3%;
    }

    .product-category .product-category-list ul:nth-child(2n+1) {
        margin-left: 0%;
    }

    .operate-video {
        width: 100%;
        margin: 3% auto;
    }

    .operate-video .operate-video-title {
        width: 100%;
        height: auto;
        line-height: normal;
        margin-bottom: 2%;
    }

    .operate-video .operate-video-list ul {
        width: 100%;
        height:auto;
        margin-left: 0px;
        margin-top: 3%;
    }

    .operate-video .operate-video-list ul li:nth-child(1) {
        height: auto;
    }

    .operate-video ul li {
        width: 100%;
    }

    .operate-video .operate-video-list ul li:nth-child(2) {
        margin-left: 5.5%;
    }

    .operate-video .operate-video-list ul li:nth-child(3) {
        width: 89%;
        margin-left: 5.5%;
    }

    .product-catalog {
        width: 100%;
        margin: 3% auto;
    }

    .product-catalog .product-catalog-title {
        width: 100%;
        height: auto;
        line-height: normal;
        margin-bottom: 2%;
    }

    .product-catalog .product-catalog-list ul {
        width: 49%;
    }

    .product-catalog ul li {
        width: 100%;
    }

    .product-catalog .product-catalog-list ul li:nth-child(1) {
        height: auto;
    }

    .product-catalog .product-catalog-list ul {
        width: 48.5%;
        height: auto;
        margin-left: 3%;
        margin-top: 2%;
    }

    .product-catalog .product-catalog-list ul li:nth-child(3) {
        height: 50px;
        line-height: normal;
        margin-top:10%;
    }

    .product-catalog .product-catalog-list ul:nth-child(2n+1) {
        margin-left: 0%;
    }

    .industry-application {
        width: 100%;
        margin: 3% auto;
    }

    .industry-application .industry-application-title {
        width: 100%;
        height: auto;
        line-height: normal;
        margin-bottom: 2%;
    }

    .industry-application .industry-application-list ul {
        width: 49%;
    }

    .industry-application ul li {
        width: 100%;
    }

    .industry-application .industry-application-list ul li:nth-child(1) {
        height: 277px;
    }

    .industry-application .industry-application-list ul {
        width: 48.5%;
        height: auto;
        margin-left: 3%;
        margin-top: 2%;
    }

    .industry-application .industry-application-list ul li:nth-child(3) {
        height: 50px;
        line-height: normal;
        margin-top:10%;
    }

    .industry-application .industry-application-list ul:nth-child(2n+1) {
        margin-left: 0%;
    }

    .standard {
        width: 100%;
        margin: 3% auto;
    }

    .standard .standard-title {
        width: 100%;
        height: auto;
        line-height: normal;
        margin-bottom: 2%;
    }

    .standard .standard-list ul {
        width: 100%;
    }

    .standard .standard-list ul li {
        width: 100%;
    }
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
}

