@charset "utf-8";
.newList{ padding-top: 100px; padding-bottom: 50px;min-height:500px; }
.newList ul{ position: relative;margin-bottom: 30px; overflow: hidden;}
.newList ul li{ float: left; background: #fff; margin-bottom: 23px;margin-right: 23px;width:31%; margin-right:3.5%;}
.newList ul li:nth-of-type(3n)  {margin-right:0;}
.newList ul li a .pic{ overflow: hidden; position: relative;}
.newList ul li a .nk{ position: absolute; width: 100%; display: none; height: 100%; left: 0; top: 0; z-index: 10; background: #000; background: rgba(0,0,0,.7);}
.newList ul li a .nk span{ position: absolute; width: 70px; height: 70px; background: url(../images/home/more.png); left: 50%; top: 50%; margin: -35px 0 0 -35px; }
.newList ul li a img{width:100%;height:33%; -webkit-transition:-webkit-transform 0.15s ease 0s;-moz-transition:-moz-transform 0.15s ease 0s;-o-transition:-o-transform 0.15s ease 0s;transition:transform 0.15s ease 0s;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
.newList ul li a{display:block;width:335px;padding-bottom:19px;background:#fff;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.newList ul li a:hover { background: #d7000f; color: #c5c5c5; }
.newList ul li a:hover img{ -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);  }
.newList ul li h3{ font-size: 16px; color: #411d19; font-weight: bold; margin: 24px 19px; width: 290px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.newList ul li p{ font-size: 14px; line-height: 20px; color: #666; margin:0 19px 15px 19px; }
.newList ul li .date{ margin-left: 19px; color: #999; font-size: 12px;}
.newList ul li a:hover h3{ color: #fff; }
.newList ul li a:hover p{ color: #c5c5c5; }
.newList ul li a:hover .nk{ display: block; }

.productMenu{margin:50px auto 0px;width:95%;}
.productMenu>dt{font-size:14px;float:left;width:20%;}
.productMenu>dd{float:right;}
.productMenu>dd>ul>li{float:left;}
.productMenu>dd>ul>li>a{font-size:14px;padding:0px 20px;}
.productMenu>dd>ul>li.on>a,.productMenu>dd>ul>li>a:hover{color:#db0110;}
.productMenu::after{content:'';display:block;clear:both;}
.productList{ padding-top: 100px; padding-bottom: 50px;min-height:500px; }
.productList ul{ position: relative;margin-bottom: 30px; overflow: hidden;}
.productList ul li{ float: left; background: #fff; margin-bottom: 23px;margin-right: 23px;width:31%; margin-right:3.5%;}
.productList ul li:nth-of-type(3n)  {margin-right:0;}
.productList ul li a .pic{ overflow: hidden; position: relative;width: 100%;padding-top: 75%;background-position: center;background-repeat: no-repeat;background-size: auto 100%;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.productList ul li a .nk{ position: absolute; width: 100%; display: none; height: 100%; left: 0; top: 0; z-index: 10; background: #000; background: rgba(0,0,0,.7);}
.productList ul li a .nk span{ position: absolute; width: 70px; height: 70px; background: url(../images/home/more.png); left: 50%; top: 50%; margin: -35px 0 0 -35px; }
.productList ul li a img{width:100%;height:33%; -webkit-transition:-webkit-transform 0.15s ease 0s;-moz-transition:-moz-transform 0.15s ease 0s;-o-transition:-o-transform 0.15s ease 0s;transition:transform 0.15s ease 0s;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
.productList ul li a{display:block;padding-bottom:19px;background:#fff;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.productList ul li a:hover { background: #d7000f; color: #c5c5c5; }
.productList ul li a:hover .pic{background-size: auto 120%;}
.productList ul li h3{ font-size: 16px; color: #411d19; font-weight: bold; margin: 24px 19px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.productList ul li p{ font-size: 14px; line-height: 20px; color: #666; margin:0 19px 15px 19px; }
.productList ul li .date{ margin-left: 19px; color: #999; font-size: 12px;}
.productList ul li a:hover h3{ color: #fff; }
.productList ul li a:hover p{ color: #c5c5c5; }
.productList ul li a:hover .nk{ display: block; }

.product_detailed{width:90%;max-width:1600px;margin:6% auto 0%;}
.product_detailed>.fl{width:640px;}
.product_detailed>.fr{width:calc(100% - 640px);}
.product_img{border:2px #ececec solid;padding:24px;position:relative;}
.gallery-top{padding-bottom:24px;}
.gallery-top .swiper-slide{padding-top:100%;background-repeat:no-repeat;background-position:center;background-size:contain;}
.gallery-thumbs{margin-left:5px;margin-right:5px;}
.gallery-thumbs .swiper-slide{padding-top:18%;background-repeat:no-repeat;background-position:center;background-size:contain;border:1px #000 solid;cursor:pointer;}
.product_img_btn{position: relative;}
.product_img .swiper-button-prev,.product_img .swiper-button-next{background-color:#a2a2a2;top:0px;width:24px;height:100%;margin-top:0px;background-size:50% 50%;outline:unset;}
.product_img .swiper-button-prev{left:-20px;}
.product_img .swiper-button-next{right:-20px;}
.product_dl{padding-top:50px;width:90%;margin:0px auto;}
.product_dl>dt{font-size:16px;font-weight:bold;}
.product_dl>dd{font-size:16px;line-height:24px;padding-top:20px;}
.product_dl_2>dd{text-align:center;width:50%;margin:0px auto;}
.product_dl_2>dd>hr{height:1px;border:none;border-top:1px solid #555555;}
.product_code{float:right;max-width: 150px;}
.product_prev_next{width:90%;max-width:1600px;margin:6% auto 0%;background-color:#f1f1f1;}
.product_prev_next>div{padding:0px 20px;}
.product_prev_next p{display: inline-block;padding:0px 10px;}
.product_feature{width:90%;max-width:1600px;margin:2% auto 2%;}
.product_feature>dt{font-size:16px;font-weight:bold;}
.product_feature>dd{padding:20px 0px 20px;display:flex;flex-wrap: wrap;}
.product_feature>dd>dl{width:33%;display:inline-flex;margin-bottom:10px;}
.product_feature>dd>dl>dt{width:160px;height:94px;float:left;}
.product_feature>dd>dl>dd{width:calc(100% - 160px);float:right;font-size:14px;line-height:24px;margin: 0 10px;}
.product_feature>dd>dl>dt img{
    width: 100%;
    height: 100%;
}
.proxq_content .aside_l i,.proxq_content .aside_r i{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.proxq_content .aside_l{position:fixed;top:200px;left:0;height:570px;border:1px solid #e5e5e5;z-index:99;background-color:#fff;cursor:pointer}
@media screen and (max-width:1024px){.proxq_content .aside_l{width:30px;height:200px}}
@media screen and (min-width:1025px){.proxq_content .aside_l{width:69px}}
.proxq_content .aside_l a{display:inline-block;width:100%;height:100%}
.proxq_content .aside_l i{font-size:16px;top:20px}
.proxq_content .aside_l p{-webkit-transform:rotate(90deg);transform:rotate(90deg);position:absolute;bottom:50px}
@media screen and (max-width:1024px){.proxq_content .aside_l p{left:-24px}}
@media screen and (min-width:1025px){.proxq_content .aside_l p{left:-4px}}
.proxq_content .aside_r{position:fixed;top:200px;right:0;height:570px;border:1px solid #e5e5e5;z-index:99;background-color:#fff;cursor:pointer}
@media screen and (max-width:1024px){.proxq_content .aside_r{width:30px;height:200px;}}
@media screen and (min-width:1025px){.proxq_content .aside_r{width:69px}}
.proxq_content .aside_r a{display:inline-block;width:100%;height:100%}
.proxq_content .aside_r i{font-size:16px;bottom:20px}
.proxq_content .aside_r p{-webkit-transform:rotate(90deg);transform:rotate(90deg);position:absolute;top:30px}
@media screen and (max-width:1024px){.proxq_content .aside_r p{left:-4px}}
@media screen and (min-width:1025px){.proxq_content .aside_r p{left:15px}}

#main .case-top{border-bottom:1px solid rgba(0,0,0,0.4);width: 100%;}
#main .case-top h1{position:relative;text-align:center;font-size:24px;}
#main .case-top .note{height:2rem;position:relative;overflow:hidden;text-align:center;}
#main .case-top .note .date{height:1rem;line-height:1rem;color:#fff;letter-spacing:2px;}
#main .case-top .note .date > i{vertical-align:top;font-size:20px;}
#main .rowMain{background-color:#fff;padding:0.5rem 5%;max-width:1200px;margin:auto;}
#main .rowMain img{max-width:100%;}

.layout-page{text-align: center;padding:10px 0px 20px 0px;}
.layout-page li{display: inline-block;}
.layout-page a,.layout-page span{padding:0px 10px;}

.PrevNext{border-top:1px solid rgba(0,0,0,0.4);margin-top:20px;margin-bottom:20px;}
.PrevNext .prev{float: left;display: block;max-width: 40%;padding: 0 0.714rem;text-align: left;}
.PrevNext .next{float: right;display: block;max-width: 40%;padding: 0 0.714rem;text-align: right;}
.PrevNext .next,.PrevNext .prev{padding:5px 15px}
.PrevNext{padding:0;}
.next,.prev{max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.back{clear: both;text-align: center;}
@media (max-width:768px){
    .PrevNext .next,.PrevNext .prev{max-width:100%;float: unset;text-align: left;}
}

.compare_title{width:90%;max-width:1600px;margin:6% auto 5%;text-align:center;}
.compare_title>dt{font-size:40px;}
.compare_title>dd{font-size:21px;padding-top:40px;}
.compare_title>dd>div{padding-top:40px;}
.compare_title>dd a{color:#0060ca;}
.compare_content{border-bottom:1px solid #e5e5e5;}
.compare_content>div{width:90%;max-width:1600px;margin:6% auto 0%;}
.compare_content_dl{padding:2% 0%;}
.compare_content_dl>dt{font-size:28px;font-weight:bold;line-height:130px;border-bottom:1px solid #626262;}
.compare_content_dl>dd{width:95%;margin:0px auto;}
.compare_content_dl>dd>ul:before{content:"";display:table;clear:both;}
.compare_content_dl>dd>ul:after{content:"";display:table;clear:both;}
.compare_content_dl>dd>ul>li{width:27.33%;padding:0% 3%; float:left;}
#compare_select select{width:100%;font-size:19px;line-height:1.21053;font-weight:600;letter-spacing:.012em;margin:0;padding:17px 14px;color:#1d1d1f;background:transparent;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border-radius:5px;border-width:1px;border-style:solid;border-color:rgb(169,169,169);border-image:initial;position:relative;}
#compare_select>dd>ul>li>div{position:relative;}
#compare_select>dd>ul>li>div::before{font-family:"iconfont" !important;content:"\f0170";color:#0071e3;width:18px;height:18px;position:absolute;top:calc(50% - 9px);right:10px;z-index:0;}
.compare_pic{width:400px;max-width:100%;padding-top:72.22%;position:relative;margin:0px auto;border:1px #959595 solid;overflow:hidden;}
.compare_pic img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.compare_link{text-align:center;padding:20px 0px;}
.compare_link>a{font-size:24px;color:#fff;background-color:#0071e3;display:inline-block;margin:0px auto;padding:10px 25px;border-radius:30px;}
#compare_content_height ul{padding:140px 0px 100px;}
#compare_content_height li{font-size:90px;font-weight:bold;text-align:center;}
#compare_content_soh ul{padding:140px 0px 100px;}
#compare_content_soh li{text-align:center;}
#compare_content_soh span{font-size:33px;font-weight:bold;text-align:center;display:inline-block;padding:0em 0.5em;}
#compare_content_soh span::before{content:'';width:46px;height:46px;display:block;border:1px #203864 solid;border-radius:50%;}
#compare_content_soh span.on::before{background-color:#203864;}
#compare_content_feature ul{padding:40px 0px;}
#compare_content_feature p{font-size:19px;line-height:1.21053;font-weight:bold;}

.craft_dl{position:relative;padding-left:180px;}
.craft_dl::before{content:'';position:absolute;left:0px;top:30px;width:128px;height:1px;background-color:#000;}
.craft_dl>dt{font-size:14px;line-height:60px;}
.craft_dl>dd{font-size:14px;line-height:36px;}
.craft_1{padding:120px 0px 0px 0px;width:82%;margin:0px auto;}
.craft_1>.craft_dl{max-width:940px;}
.craft_1>div{text-align:right;padding:2% 0px;}
.craft_2{padding:120px 0px 0px 0px;width:82%;margin:0px auto;}
.craft_2>.craft_dl{width:30%;float:left;}
.craft_2>.craft_dl>dt{font-size:18px;margin-bottom:20px;}
.craft_2>div{width:calc(65% - 180px);float:right;}
.craft_3{position:relative;padding:120px 0px 0px 0px;}
.craft_3>dl{position:absolute;top:18%;left:18%;font-size:36px;color:#fff;line-height:80px;}
.craft_3>dl>dd{font-weight:300;}
.craft_4{padding:120px 0px 0px 9%;margin:0px auto;}
.craft_4>.craft_dl{width:24%;float:left;}
.craft_4>.craft_dl>dt{font-size:18px;margin-bottom:20px;}
.craft_4>div{width:calc(74% - 180px);float:right;}
.craft_4>div>img{width:49%;float: left;margin:0% 0.5%;}
.craft_5{padding:190px 0px 120px 0px;margin:0px auto;text-align:center;}
.craft_5>dt{font-size:30px;color:#70464a;line-height:80px;margin-bottom:40px;}
.craft_5>dd{font-size:24px;color:#70464a;line-height:120px;}

.technique_title{text-align:center;position:relative;margin:60px 0px 0px 0px;}
.technique_title>dt{font-size:96px;font-weight:bold;color:#e7e7e7;}
.technique_title>dd{font-size:24px;font-weight:bold;position:absolute;top:50%;left:50%;transform:translate(-50%,0%);}
.technique_1{background:url(../images/home/technique/technique_bg.jpg) no-repeat center top;padding-bottom:50px;}
.technique_1>div{width:80%;margin:0px auto;}
.technique_1>div>.fl{width:50%;}
.technique_1>div>.fr{width:48%;text-align:center;margin-top:5%;}
.technique_1>div>.fr>div,.technique_1>div>.fr>p{text-align:left;max-width:698px;margin:0px auto;padding:1%;}
.technique_1>div>.fr>div{font-size:18px;font-weight:bold;margin-top:2%;}
.technique_1>div>.fr>p{font-size:14px;}
.technique_dl_1>dt{font-size:24px;color:#e6e6e6;}
.technique_img{margin:10% 0% 10% 20%;}
.technique_dl_1>dd{font-size:18px;font-weight:bold;}
.technique_dl_2{position:absolute;width:25%;right:0%;top:25%;}
.technique_dl_3{position:absolute;width:33%;bottom:20%;}
.technique_dl>dt{font-size:18px;font-weight:bold;margin-bottom:20px;}
.technique_dl>dd{font-size:14px;line-height:24px;}
.technique_2 .technique_title{margin-bottom:50px;}
.technique_2_box{width:90%;margin:20px auto;}
.technique_2_box>div,.technique_2_box>dl{width:50%;}
.technique_2_box>div{text-align:center;float:right;}
.technique_2_box>dl{float:left;position:relative;text-align:right;}
.technique_2_box>dl>dt{font-size:24px;padding-left:30px;padding-right:30px;}
.technique_2_box>dl>dt::before{content:'';position:absolute;border-bottom:1px #000 solid;border-left:1px #000 solid;width:50px;height:50px;}
.technique_2_box>dl>dd{font-size:16px;padding-left:30px;padding-right:30px;}

.technique_2_box:nth-child(2n)>div{float:left;}
.technique_2_box:nth-child(2n)>dl{float:right;text-align:left;}


@media (max-width: 1200px) {
    .newList ul {width:100%;}
    .newList ul li  {width:31%; margin-right:3.5%;}
    .newList ul li a {width:100%;}
    .newList ul li h3 {margin:24px 5%;width:90%;}

    .productList ul {width:100%;}
    .newList ul li  {width:31%; margin-right:3.5%;}
    .productList ul li a {width:100%;}
    .productList ul li h3 {margin:24px 5%;width:90%;}
}

@media screen and (max-width:1000px){
    .product_detailed>.fl,.product_detailed>.fr{width:100%;}
    .product_dl>dd{font-size:14px;}
    .product_dl{padding-top:30px;width: 100%;}
    .product_prev_next>div{float: unset;}
    .product_feature>dd>dl{width:100%;}
    .product_feature>dd>dl>dd{font-size:12px;line-height:20px;}

    .compare_title>dt{font-size:18px;}
    .compare_title>dd{font-size:14px;padding-top:10px;}
    .compare_title>dd>div{padding-top:10px;}
    .compare_content_dl>dd{width:100%;}
    .compare_content_dl>dd>ul>li{width:32.33%;padding:0% 0.5%;}
    #compare_select select{font-size:14px;    padding: 5px 10px;}
    #compare_select>dd>ul>li>div::before{font-size:12px;top:calc(50% - 6px);}
    .compare_link{padding: 10px 0px;}
    .compare_link>a{font-size: 12px;padding: 5px 25px;}
    .compare_content_dl>dt{font-size: 14px;line-height: 30px;}
    #compare_content_height ul{padding:20px 0px 0px;}
    #compare_content_height li{font-size:14px;}
    #compare_content_soh ul{padding:20px 0px 0px;}
    #compare_content_soh span{font-size:14px;padding:0em 0.2em;}
    #compare_content_soh span::before{width:20px;height:20px;}
    #compare_content_feature ul{padding:10px 0px;}
    #compare_content_feature p{font-size:12px}

    .craft_dl{position:relative;padding-left:60px;}
    .craft_dl::before{top:12px;width:40px;}
    .craft_dl>dt{font-size:14px;line-height:24px;}
    .craft_dl>dd{font-size:12px;line-height:24px;}
    .craft_1{padding:20px 0px 0px 0px;width:95%;}
    .craft_1>div{text-align:right;padding:2% 0px;}
    .craft_2{padding:20px 0px 0px 0px;width:95%;}
    .craft_2>.craft_dl{width:calc(100% - 60px);}
    .craft_2>.craft_dl>dt{font-size:14px;margin-bottom:10px;}
    .craft_2>div{width:100%;}
    .craft_3{padding:20px 0px 0px 0px;}
    .craft_3>dl{font-size:14px;line-height:24px;}
    .craft_4{padding:20px 2.5% 0px 2.5%;margin:0px auto;}
    .craft_4>.craft_dl{width:calc(100% - 60px);}
    .craft_4>.craft_dl>dt{font-size:14px;margin-bottom:10px;}
    .craft_4>div{width:100%;padding:2% 0px;}
    .craft_4>div>img{width:49%;float: left;margin:0% 0.5%;}
    .craft_5{padding:30px 0px 20px 0px;}
    .craft_5>dt{font-size:14px;line-height:24px;margin-bottom:10px;}
    .craft_5>dd{font-size:14px;line-height:24px;}
    
}


@media (max-width: 768px) {
    .wrap{width:95%;margin:0px auto;}
    .newList ul li  {width:48%; margin-right:4%;}
    .newList ul li:nth-of-type(3n)  {margin-right:4%;}
    .newList ul li:nth-of-type(2n)  {margin-right:0;}
    .productMenu{margin:50px auto 0px;width:95%;}
    .productMenu>dt{width:100%;border-bottom:1px solid rgba(0,0,0,0.4);margin-bottom:5px;padding-bottom:5px;}
    .productMenu>dd>ul>li>a{font-size:12px;padding:0px 40px 0px 0px;}
    .productList{padding-top:50px}
    .productList ul li  {width:48%; margin-right:4%;}
    .productList ul li:nth-of-type(3n)  {margin-right:4%;}
    .productList ul li:nth-of-type(2n)  {margin-right:0;}
    .productList ul li h3{font-size: 14px;font-weight: normal;}
    #main .row .case-top{width:95%;margin:0px auto;}
    #main .row .case-top h1{font-size:16px;}
    	/*技术wap*/
	.technique_title>dt{
		font-size: 44px;
    }
    .technique_title>dd{
        font-size: 18px;
    }
    .technique_1>div>.fr{
        width: 100%;
    }
    .technique_1>div>.fr>div{
        font-size: 16px;
    }
    .technique_1>div>.fl{
        width: 100%;
    }

    .technique_1{padding-bottom:0px;}
    .technique_title{margin: 50px 0px 0px 0px;}

    .craft_dl{
        padding-bottom: 30px;
    }

    .technique_2_box>dl>dt::before{
        margin-left: -8px;
        padding-bottom: 8px;
    }
    .technique_dl_3{
        bottom: 5%;
    }
    .technique_2_box>dl>dd{
        font-size:14px
    }
    .technique_2_box>dl>dt{
        font-size: 18px;
        padding-left: 32px;
        padding-right: 98px;
    }
    .technique_2_box>dl>dt::before{
        width: 50px;
        height: 70px;
    }
    .technique_2_box>dl{
        text-align: left;
    }

    .technique_3_box>div,.technique_3_box>dl{width:100%;}
    .technique_3_box>dl>dt{padding-right: 0px;}
    .technique_3_box>dl>dt::before{height: 60px;}
}
@media (max-width: 480px) {
    .newList ul li  {width:100%; margin-right:0 !important;}
    .productList ul li  {width:100%; margin-right:0 !important;}
}