@charset "utf-8";
/* CSS Document */
*{padding:0px;margin:0px;list-style:none;text-decoration:none;box-sizing:border-box;word-break:break-all;word-wrap:break-word;}
.pc1,.pc2,.pc3,.pc4,.pc5,.pc6,.pc7,.pc8,.pc9,.pc10,.pc11,.pc12{float:left}
.pc1{width:8.33333333%}
.pc2{width:16.66666667%}
.pc3{width:25%}
.pc4{width:33.33333333%}
.pc5{width:41.66666667%}
.pc6{width:50%}
.pc7{width:58.33333333%}
.pc8{width:66.66666667%}
.pc9{width:75%}
.pc10{width:83.33333333%}
.pc11{width:91.66666667%}
.pc12{width:100%}
/*左菜单开始*/
.dt_meun{width:260px; height:100%; background:#E4E4E4; position:fixed; top:0px; left:0px; padding:0px 40px; padding-bottom:30px; overflow:auto;}
.dt_meun::-webkit-scrollbar{width:2px;height: 100%;}
.dt_meun::-webkit-scrollbar-track {background-color: #F5F5F5;}
.dt_meun::-webkit-scrollbar-thumb {background-color: #A9A9A9;border-radius: 10px;}
.dt_meun::-webkit-scrollbar-thumb:hover {background-color:#0C6;}
.dt_meun .son_mnenu a{display:block;}
.dt_meun ul li a,.son_mnenu a{transition: all 0.5s;}
.dt_meun ul li a:hover{text-indent:25px;background:#303030; display:block; border-radius:5px; color:#fff;}
.dt_meun ul li .son_mnenu a:hover{text-indent:25px;background:#585858; display:block; border-radius:5px; color:#fff;}
.dt_meun ul li >a{font-weight:bold; line-height:40px; color:#333; font-size:16px;text-indent:30px; display:block; margin-bottom:5px;}
.dt_meun ul li .on{background:#303030; display:block; border-radius:5px; color:#fff;}
.dt_meun ul li .son_mnenu a{color:#333; line-height:35px; font-size:14px; text-indent:30px;display:block; width:90%; margin:auto;}
.dt_meun ul li .son_mnenu .active{background:#585858; display:block; border-radius:5px; color:#fff;}
/*右主体开始*/
.dt_main{width:calc(100% - 260px); height:100%;position:fixed; top:0px; right:0px; overflow:auto; padding:20px 20px;}
.dt_main::-webkit-scrollbar {width:4px;height: 100%;}
.dt_main::-webkit-scrollbar-track {background-color: #F5F5F5;}
.dt_main::-webkit-scrollbar-thumb {background-color: #A9A9A9;border-radius: 10px;}
.dt_main::-webkit-scrollbar-thumb:hover {background-color:#0C6;}
.dt_main .dt_banner{width:100%; height:400px; background:#E4E4E4; border-radius:20px; overflow:hidden;}
.dt_main .product ul{padding:0px; margin:0px;}
.dt_main .product ul li{width:calc(25% - 20px); float:left; margin-right:26px; position:relative; margin-bottom:20px;}
.dt_main .product ul li:nth-child(4n){margin-right:0%;}
.dt_main .product ul li .pic{border-radius:10px; overflow:hidden;}
.dt_main .product ul li .more{position:absolute; bottom:15px; right:15px; background:rgba(0,0,0,0.5); color:#fff; padding:5px 25px; font-size:15px; border-radius:5px;font-size:14px;}
.dt_main .product ul li img{width:100%;transition: all 0.5s;}
.dt_main .product ul li:hover img{transform: scale(1.2);}
.dt_main .dt_h2{margin:30px auto; font-size:30px;}
.dt_main .danpin li{width:calc(33.3% - 18px);float:left;position:relative; overflow: hidden;border-radius:15px; height:260px; margin-bottom:28px; margin-right:26px;}
.dt_main .danpin li:nth-child(3n){margin-right:0%;}
.dt_main .danpin li img{width:100%;transition: all 0.5s;}
.dt_main .danpin li:hover img{transform: scale(1.2);}
.dt_main .danpin ul li .pic{border-radius:10px; overflow:hidden;}
.dt_main .danpin ul li .more{position:absolute; bottom:15px; right:15px; background:rgba(0,0,0,0.5); color:#fff; padding:5px 25px; font-size:15px; border-radius:5px; font-size:14px;}
.dt_clear{clear:both;}
.dt_main .dt_banner .swiper-slide{ height:400px; width:100%;} 
/*联系我们*/
.dt_main .dt_contact{background:#E4E4E4; padding:20px; padding-bottom:140px;border-radius:15px;}
.dt_main .dt_contact .info p font{display:block;}
.dt_main .dt_contact .info p font:nth-child(1){color:#7E7E7E; margin-bottom:10px;}
.dt_main .dt_contact .info p font:nth-child(2){font-weight:bold;}
/*首页新闻*/
.dt_main .news{margin-bottom:50px;}
.dt_main .news .pc6{padding:30px; position: relative;}
.dt_main .news .hot_top{transition: all 0.5s;text-align: center; height: 500px; overflow:hidden; border-radius: 15px; cursor: pointer;padding:0px;}
.dt_main .news .hot_top .hot_top_bg img{width:100%; height:100%;transition: all 0.5s;}
.dt_main .news .hot_top:hover .hot_top_bg img{transform: scale(1.1);}

.dt_main .news .hot_top h2{transition: all 0.5s;margin-bottom:10px;}
.dt_main .news .hot_top h2 a{color: #000;transition: all 0.5s; display: block;}
.dt_main .news .hot_top p{line-height:32px;}
.dt_main .news .hot_top .more{position:absolute; bottom:15px; right:15px; background:rgba(0,0,0,0.5); color:#fff; padding:5px 25px; font-size:15px; border-radius:5px; font-size:14px;}
.dt_main .news .hot_top .news_info{position:absolute; top:40px; left:10%; width:90%;}
.dt_main .news .index_news{height: 500px; overflow: hidden;}
.dt_main .news .index_news ul{padding:0px; margin:0px;}
.dt_main .news .index_news ul li{border-bottom: 1px solid #f3f3f3; padding:10px 0px;}
.dt_main .news .index_news ul li h2{font-size: 18px;position: relative; }
.dt_main .news .index_news ul li h2 a{transition: all 0.5s;color:#4e4e4e;vertical-align:middle; display: block; line-height: 40px;overflow: hidden;display: -webkit-box;-webkit-line-clamp:1;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.dt_main .news .index_news ul li h2 a:hover{text-indent:5px;}
.dt_main .news .index_news ul li i img{vertical-align:middle; position: absolute; right:6px; top:6px; height: 30px; cursor: pointer;transition: all 0.5s;transform:rotate(0deg);}
.dt_main .news .index_news ul li p{display:none; line-height: 30px; height: 90px; color:#757575;overflow: hidden;-webkit-line-clamp:1;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.dt_main .news .index_news ul li:nth-child(1) p{display: block;}
.dt_main .news .index_news ul li .on img{transform:rotate(180deg);transition: all 0.5s;}
/*新闻列表页*/
.dt_main .list_news ul li{padding:30px; background:#E4E4E4; margin-bottom:25px; border-radius:15px;transition: all 0.5s;}
.dt_main .list_news ul li:hover{-moz-box-shadow:2px 2px 15px #949494; -webkit-box-shadow:2px 2px 15px #949494; box-shadow:2px 2px 15px #949494;}
.dt_main .list_news ul li h2{font-size: 18px; margin-bottom:10px;color:#444;}
.dt_main .list_news ul li p{line-height: 30px; color:#6b6b6b;}
/*分页*/
.dt_page{text-align: center; margin-bottom:20px;}
.dt_page a{padding:10px;display:inline-block; color:#a0a0a0;}
.dt_page .on1{background: #000; color: #fff;border:1px solid #000;}
/*内容*/
.dt_body{padding:30px 0px;}
.dt_body h2{text-align: center;margin-bottom:15px;}
.dt_body .info{text-align: center;margin-bottom:15px; color:#8a8a8a;}
.dt_body .info font{margin: 0px 10px;}
/*轮播点*/
.swiper-pagination span{background:#303030!important;}
.wap_menu{display: none;}
.dt_h1{font-size:3.5vw;}
.dt_h2{font-size:30px;}
.dt_h3{font-size:2.2vw;}
.dt_h4{font-size:1.8vw;margin-bottom: 5px;}
.dt_h5{font-size:30px;}
.m40{margin-bottom:40px;}
.m20{margin-bottom:20px;}
.m30{margin-bottom:30px;}
.dt_hui{color:#B0B0B1;}
.dt_hui2{color:#8D8D8D!important;}
.top100{margin-top:100px;}
@media screen and (max-width:980px){
.m1,.m2,m3,.m4,.m5,.m6,.m7,.m8,.m9,.m10,.m11,.m12{float:left}
.m1{width:8.33333333%}
.m2{width:16.66666667%}
.m3{width:25%}
.m4{width:33.33333333%}
.m5{width:41.66666667%}
.m6{width:50%}
.m7{width:58.33333333%}
.m8{width:66.66666667%}
.m9{width:75%}
.m10{width:83.33333333%}
.m11{width:91.66666667%}
.m12{width:100%}
.wap_menu{display: block;}
.dt_main{width: 94%; margin: auto;position:static;padding:0px;}
.dt_meun{position: fixed; width: 100%; height: 50px; background:#F5F5F7;padding:0px; z-index:9999;}
.dt_meun .logo img{height:50px; width:auto}
.dt_meun .wap_menu{position: absolute; right:10px; top:10px;}
.dt_meun .nav{width:100%; height:calc(100% - 50px); background:#fff; position:fixed; top:50px; left:0px; z-index:9999; display:none;}
.dt_meun ul{padding:20px 0px;}
.dt_meun ul li >a{text-indent:15%;}
.dt_meun ul li >a:hover{background:none;color:#000;}
.dt_meun ul li .son_mnenu a{text-indent:20%;}
.dt_meun ul li .on{background:#fff;border-radius:0px;color:#000;}
.dt_main .dt_banner{height:160px; margin-top:60px;}
.dt_main .dt_banner .swiper-slide{height:160px; background-size:auto 100%!important;}
.dt_main .product ul li{width: calc(50% - 7px);margin-right: 12px;}
.dt_main .product ul li:nth-child(2n){margin-right:0px;}
.dt_main .dt_h2{margin:15px auto;}
.dt_main .news .hot_top{width: 100%; float: none; height:200px;}
.dt_main .news .hot_top .news_info{top: 10px;left: 5%;}
.dt_main .news .hot_top h2{font-size:16px;}
.dt_main .news .hot_top p{font-size: 14px;line-height:24px}
.dt_main .news .index_news{width: 100%;}
.dt_main .news .pc6{padding:0px;}
.dt_main .news .index_news{height: auto; margin-bottom:10px}
.dt_main .news .index_news ul li h2 a{font-size: 16px;font-weight:normal;}
.dt_main .news .index_news ul li p{font-size:13px;line-height: 24px;color: #bbb9b9;}
.dt_main .dt_contact{padding-bottom:20px; margin-bottom:20px;}
.dt_main .news{margin-bottom: 0px;}
.dt_main .dt_contact .info p font:nth-child(2){font-size:12px;}
/*产品列表*/
.dt_main .danpin li{width: calc(50% - 8px); height:auto;margin-right: 16px;}
.dt_main .danpin li:nth-child(2n){margin-right:0px;}
.dt_body{margin-top:40px;}
.dt_body .dt_t{font-size:16px;}
.dt_body .info{font-size:14px;}
.dt_main .list_news ul li{padding:20px 5px; margin-bottom:10px; border-radius:5px;}
.dt_main .list_news ul li p{font-size: 12px;line-height: 24px;}
.dt_main .list_news ul li h2{font-size:16px;}
.on_body{font-size: 12px; line-height:24px;}
.dt_body{font-size: 12px; line-height:24px;}
.dt_main .dt_contact .info p font{color: #000;}
.dt_h1{font-size:30px; line-height:40px;}
.dt_h2{font-size:30px;}
.dt_h3{font-size:18px;}
.dt_h4{font-size:14px;margin-bottom:0px;}
.dt_h5{font-size:16px;}
.top100{margin-top:20px;}
.m30{margin-bottom: 15px!important;}
.footer_img_kefu{width:80%; display: block!important; margin: auto;}
.dt_lx .pc4{padding:15px;}
.dt_code_img{width: 100px!important;}
}