*{margin:0;padding:0;box-sizing:border-box;}
ul,ol{list-style:none}
a{text-decoration:none}
button,textarea,select{border:none;outline:none;font-family:inherit}
body{font-family:"Microsoft YaHei",Arial,sans-serif;color:#333;background-color:#f6f6f6; font-size: 14px;box-sizing: border-box; margin: 0; padding: 0;}
.clearfix::after{content:"";display:block;clear:both;visibility:hidden;height:0}
.dt_main{width:100%;max-width:1400px;margin: 0 auto;}	
.dt_left{float:left;padding-left: 0 !important;}
.dt_right{float:right;}
.dt_clear{clear: both;}
.dt_a{transition: all 0.5s; position: relative; top:0px; left: 0px;}
.dt_a:hover{top:-3px;}
.dt_bg_wh{background:#fff!important;}
.dt_w1200{width:1200px; margin: auto; min-width: 1200px;}
/**首页导航**/
.dt_head{height: 80px;width: 100%; background:#f6f6f6;} 
.dt_head .dt_main{height:80px;}
.dt_head .dt_main .logo img{height:60px; display: inline-block; margin-top: 10px;}
.dt_head .nav {margin-left:5%;}
.dt_head .nav ul li{float:left;transition: margin 0.5s; position:relative;}
@media screen and (min-width:980px){
.dt_head .nav ul li:hover{font-weight: bold; margin-top:-2px;}
.dt_head .nav ul li:hover .tow_menu{height:auto;}
.dt_head .nav ul li:hover .tow_menu a{height:24px; line-height:18px;border:2px solid #fff;}
.dt_xr .dt_xr2 .item{height:300px}
}
.dt_head .nav ul li a{line-height: 80px; display: inline-block; padding:0px 15px; font-size:15px;color: #444;}
.dt_head .nav .tow_menu{position:absolute;left: 0px;top:70px;width:100%;background:#fff;border-radius:8px;transition: all 0.3s; overflow:hidden;height:0px; z-index: 9999;min-width:200px}
.dt_head .nav .tow_menu a{font-size: 13px; font-weight: normal; line-height: 24px; height: 0px;overflow:hidden;transition: all 0.3s; width: 100%;display: inline-block; padding:2px;color:#6b6868;border:0px solid #fff;}
.dt_head .nav ul li:hover{background: url('../images/nav_active.jpg') no-repeat;background-size:20px auto; background-position:50% 50px; }
.dt_head .nav .tow_menu a:hover{background:#dedede;}
.dt_head .nav .active{background: url('../images/nav_active.jpg') no-repeat;background-size:20px auto; background-position:50% 50px; font-weight: bold;}
.dt_head .user {margin-left:3%; }
.dt_head .user span a img{height: 30px; margin-top:25px;}
.dt_head .lang{font-size: 13px;line-height:80px;display: inline-block; cursor: pointer;}
.dt_head .lang img{width: 20px; margin-top:-4px; vertical-align:middle;}
.dt_head .dt_top{display:none;}
.dt_banner{margin: 0 auto;}
@media screen and (max-width:1400px){.dt_head .nav {margin-left:5%;}.dt_head .user {margin-left:5%;}}
@media screen and (max-width:1350px){.dt_head .nav {margin-left:5%;}.dt_head .user {margin-left:2%;}}
.dt_banner{width: 100%; height:700px;position: relative;background:url(/skin/images/banner.jpg);background-size: cover;background-position:center}
.dt_head .nav ul li i{display:none;}
/**首页轮播**/
.dt_banner .banner_info {padding-top:4%;}
.dt_banner .banner_info h2{text-align: center; font-size:66px;padding-bottom: 1%;}
.dt_banner .banner_info p{text-align: center; font-size:20px; color: #5f5f5f;}
.dt_banner .more{position:absolute; bottom:160px;width: 100%;text-align: center;}
.dt_banner .more a{border-bottom:1px solid #038bf6;line-height: 30px; display: inline-block; color: #038bf6; font-size:18px;}
.dt_banner .banner_btn{position:absolute; bottom:70px;width: 100%;text-align: center;}
.dt_banner .banner_btn a{width:300px;height:40px;border:2px solid #fff;display:inline-block;line-height:35px;color:#fff;margin: 0px 15px;border-radius:10px;background: #fff;}
.dt_banner .banner_btn a:nth-child(1){color: #000;}
.dt_banner .banner_btn a:nth-child(1):hover{background:#fff; color: #000;}
.dt_banner .banner_btn a:nth-child(2){background:#008cff;border:2px solid #008cff;}
.swiper-button-prev.swiper-button-disabled{opacity:0;}
/**产品轮播**/
.adv1,.adv2{overflow: hidden; position: relative;}
.adv1{min-width: 1300px;padding:20px 0px;}
.adv1 .swiper-wrapper .swiper-slide{/*transition:all 1s;*/border-radius:10px; text-align:center; padding-bottom:10px; font-size:12px;}
.adv1 .swiper-wrapper .swiper-slide:hover{ text-decoration: underline;text-underline-offset: 1em;text-decoration-color: #333;}
.adv1 .swiper-wrapper .swiper-slide a p:nth-child(1){padding:10px;}
.adv1 .swiper-wrapper .swiper-slide a p img{width:80%; display: block; margin: auto;}
.adv1 .swiper-wrapper .swiper-slide a p{color:#000;}
.adv1 .swiper-button-next{background:#d8d8d8 url('../fonts/next.svg')no-repeat;height:50px;width:50px;border-radius: 50%; background-size:20px; background-position:15px 16px;}
.adv1 .swiper-button-prev{background:#d8d8d8 url('../fonts/prev.svg')no-repeat;height:50px;width:50px;border-radius: 50%; background-size:20px; background-position:15px 16px;}
/**产品热卖**/
.dt_t{font-size:20px;margin-top:80px; margin-bottom: 20px;}
.adv2 {margin-bottom: 80px; padding-bottom: 40px; min-width: 1300px;}
.adv2 .swiper-wrapper .swiper-slide{border-radius:10%;background-image: linear-gradient(#fff,#e0e0e0);padding:30px;}
.adv2 .swiper-wrapper .swiper-slide:hover{-moz-box-shadow:0px 10px 20px #7D7D7D; -webkit-box-shadow:0px 10px 20px #7D7D7D; box-shadow:0px 10px 20px #7D7D7D;background: #fff;transform: translateY(-10px);transition:all 0.5s;}
.adv2 .swiper-wrapper .swiper-slide p img{width: 100%;}
.adv2 .swiper-wrapper .swiper-slide a{color: #000;}
.adv2 .swiper-wrapper .swiper-slide .dt_title{font-size:20px;font-weight: bold; margin-top: 40px;}
.adv2 .swiper-wrapper .swiper-slide .des{color:#6d6969;}
.adv2 .swiper-wrapper .swiper-slide .foot{clear: both;text-align:center;margin-top:20px;padding-bottom:30px;}
.adv2 .swiper-wrapper .swiper-slide .foot span{color:#6d6969; display: inline-block; padding: 8px 20px;}
.adv2 .swiper-wrapper .swiper-slide .foot span:nth-child(2){background: #fff; border-radius: 30px;}
.adv2 .swiper-wrapper .swiper-slide:hover span:nth-child(2){}
.adv2 .swiper-button-next{background:#fff url('../fonts/nexter.svg')no-repeat;height:50px;width:50px;border-radius: 50%; background-size:20px; background-position:15px 16px;}
.adv2  .swiper-button-prev{background:#fff url('../fonts/previous.svg')no-repeat;height:50px;width:50px;border-radius: 50%; background-size:20px; background-position:15px 16px;}
/**势力优势**/
.dt_dz{background:#fff url(../images/user_ico.jpg)no-repeat;background-size:40px;padding:40px;border:2px solid #e0e0e0;margin-bottom: 60px;border-radius: 30px; background-position: 30px 50px;padding-left:100px; position: relative;}
.dt_dz h2{font-size:24px; color: #000;}
.dt_dz p{margin-top:16px; font-size: 16px; color:#8e8a8a;}
.dt_dz .dt_right{ position: absolute; top:30%; right:50px; font-size:20px;border-radius:30px;transition: all 0.5s;}
.dt_btn{background: #000;padding:14px 45px;color: #fff;}
.dt_dz .dt_right:hover{top:28%;}
.dt_shili{background: url(../images/shili_bg.jpg) no-repeat center top; height:900px; margin-top:80px; background-size:100% 100%;}
.dt_shili .dt_main h1{color: #fff; font-size: 52px; text-align: center; padding-top:120px;}
.dt_shili .dt_main ul{padding:0px; margin:0px;}
.dt_shili .dt_main ul li{width: 25%; float: left; text-align: center; color: #fff;}
.dt_shili .dt_main ul li .info{display: inline-block; text-indent:80px; height: 80px;position: relative;}
.dt_shili .dt_main ul li .info img{ position:absolute; width:80px; height:80px; top:0px; left:0px; }
.dt_shili .dt_main ul li .info h2{font-size:36px;}
.dt_shili .dt_main ul li .info h2 span{font-size: 20px;}
.dt_shili .dt_main ul li .info p{font-size: 20px;}
.dt_shili .dt_main .shili_info{margin-top:70px;}
.dt_shili .dt_main .shili_lst{margin-top:70px;}
.dt_shili .dt_main .shili_lst .dt_item{float:left; width: 31%; margin: 0px 1%; }
.dt_shili .dt_main .shili_lst .dt_item p:nth-child(1){background: #fff; height:300px; border-radius:30px;}
.dt_shili .dt_main .shili_lst .dt_item p:nth-child(2){text-align: center; font-size: 20px; color: #fff; margin: 20px auto;}
/**信任**/
.dt_xr{margin-top: 140px;}
.dt_xr .dt_main ul{padding:0px; margin:0px;}
.dt_xr .dt_main ul li{width:22%; background:#fff; float: left; margin-right:4%; border-radius: 20px; overflow: hidden;}
.dt_xr .dt_main ul li:nth-child(4){margin-right:0%;}
.dt_xr .dt_main ul li h1{padding:50px 50px 10px 50px; font-size:60px}
.dt_xr .dt_main ul li h1 span{font-size: 20px; vertical-align: top; margin-top: 12px;position: absolute;}
.dt_xr .dt_main ul li .dt_ti{padding:0px 50px 5px 50px; font-size:28px;color: #000;}
.dt_xr .dt_main ul li .dt_p{padding:0px 50px; font-size:16px; color: #777d7d; height: 44px;}
.dt_xr .dt_main ul li img{width: 100%;}
.dt_xr .dt_xr2 {margin-top: 20px;}
.dt_xr .dt_xr2 .item{float:left;width: 48%; height: 300px; background:#fff; margin-right:4%; border-radius: 20px;}
/**合作**/
.dt_hezuo .dt_ttt {text-align: center; margin-bottom:40px;}
.dt_hezuo .dt_ttt p{color:#8a8484; font-size:20px;}
.dt_hezuo .dt_main{background: #fff; margin-top: 30px; border-radius: 30px; padding: 40px; font-size:30px; font-weight: bold;}
.dt_hezuo .dt_main ul{padding:0px;}
.dt_hezuo .dt_main ul li{width: 33%; text-align: center; float: left;}
.dt_hezuo .dt_main ul li p{font-size:25px}
.dt_hezuo .dt_main ul li p img{width:90px;}
/**品牌**/
.brand{margin-top:80px;overflow:hidden}
.brand h2{font-size:35px;padding-bottom: 0.5%;}
.brand .swiper-wrapper .swiper-slide img{width:100%}
.brand.swiper{overflow:hidden;padding:10px 0}
.brand-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(2,auto);gap:15px}
.brand-grid img{width:100%;display:block;object-fit:contain}
.swiper-wrapper{transition-timing-function:linear !important}
.dt_xr .dt_xr2 .item:nth-child(2){margin-right: 0%;}
/**方案**/
.dt_fangan{margin-top:120px;}
.dt_fangan .dt_ttt{margin-bottom:60px;}
.dt_fangan .dt_ttt h2{font-size: 30px; color: #000;}
.dt_fangan .dt_ttt p{color: #666; font-size:20px;margin-top: 10px;}
.dt_fangan ul{padding:0px; margin: 0px;}
.dt_fangan ul li{float:left;width:48%;height:auto;background:#fff;margin-right:4%;border-radius:20px;margin-bottom:30px;padding:30px; position: relative;}
.dt_fangan ul li .add_ico{position: absolute; right:24px; top: 30px;height:30px; cursor: pointer;}
.dt_fangan ul li:nth-child(2n){margin-right: 0%;}
.dt_fangan ul li .info{display: none;}
.dt_fangan ul li h4{font-size:21px;}
.dt_fangan ul li p{font-size:19px; color: #666;margin-top: 10px; margin-bottom:10px;}
.dt_fangan ul .end_element{background: none; font-size:20px;padding-left: 0px;}
.dt_fangan ul .end_element .dt_btn{border-radius:40px; display:inline-block; cursor: pointer;}
.dt_fangan ul .end_element p{color: #666; font-size: 12px;}
.aini_foot_nav{display: none;}
/**客服**/
.kefu{position:fixed;right:10px;top:calc(50% - 100px);z-index:9999;width:40px;}
.kefu .item{height:40px; width:40px;background:#000; text-align:center;border-radius:50%; margin-top:10px;position: relative;cursor: pointer;opacity: 0.8;}
.kefu .item .img_ico{width:20px; display:block; margin:auto;margin-top:12px;}
.kefu .item a img{vertical-align: middle;display: inline-block;width:20px; margin-top:10px;}
.kefu .item font{background-repeat: no-repeat!important; background-position: 10px 10px!important;background-size:20px 20px!important;text-indent:10px; position: absolute; top:0px; right:-100%;background:#000;display:block; height:40px;transition:all 0.5s ease;opacity:0; z-index:-1;border-radius:25px; padding:0px 20px 0px 30px;line-height:40px;color:#fff;width:0px;}
.kefu .item font img{display: inline-block; float:left;}
.kefu .item span{display: inline-block;}
.kefu .item:hover font{right:0%;opacity:1;z-index:2; width:auto;top:0px;}
#backToTop{/*display:none;*/}
#backToTop img{width: 20px;margin-top: 12px;}
/**产品列表-左**/
.dt_product{max-width:1400px; margin: auto; min-width: 1200px;}
.dt_product_t h1{font-size:33px;font-weight: bold; text-align: center; margin:30px auto;}
.dt_product .product_left{width: 20%; float: left;}
.dt_product .product_left .dt_sx h2{color: #333; font-size: 20px;}
.dt_product .product_left .dt_sx h2 a{float:right; font-weight: normal; font-size: 14px; line-height: 30px; color: #008cfd;}
.dt_product .product_left ul{padding:0px; margin: 0px;}
.dt_product .product_left ul li >a{position: relative; display:block; width: 100%; height:45px; line-height:45px;color:#333;font-size: 15px;}
.dt_product .product_left ul li >a:hover{color:#008cfd;}
.dt_product .product_left ul li >a i{position: absolute; top:0px; right: 0px;width:30px;text-align: center;font-style: normal;}
.dt_product .product_left ul li >a i img{width:30px; margin-top:2px;}
.dt_product .product_left ul li .product_menu{display: block;}
.dt_product .product_left ul li:not(:first-child) .product_menu{display: none;}
.dt_product .product_left ul li .product_menu a{display: block; font-size: 13px; line-height:34px; color:#333;}

.dt_product .product_left ul li .product_menu a.on{color:#008cfd;}
.dt_product .product_left ul li .product_menu a:hover{color:#008cfd;}
.dt_product .product_left ul li .product_menu a input{margin-right: 5px; vertical-align: middle;background: url(../images/yq01.png) left -1px center no-repeat;}
.dt_product .product_left ul li .product_menu a span{margin-right: 5px; vertical-align: middle;background: url(../images/yq01.png) left 0px center no-repeat;padding-left:20px}
.dt_product .product_left ul li .product_menu a:hover input{border: 1px solid #008cfd;}
.dt_product .product_left ul li .product_menu a input.on{background:#008cfd;border: 1px solid #008cfd;background: url(../images/yq02.png) left -1px center no-repeat;}
.dt_product .product_left ul li .product_menu a span.on{background:#008cfd;border: 0px solid #008cfd;background: url(../images/yq02.png) left 0px center no-repeat;}
.dt_product .product_left ul li .product_menu a i{width:30px; margin-top:-1px; float:right; line-height: 30px; text-align: center; color: #777; font-size: 14px;font-style: normal;}
.dt_product .product_left ul li .on{color:#008cfd;}
.dt_product .product_left ul li .on i{transform: rotate(180deg);transition:all 0.5s;}
.dt_product .product_left ul li .product_menu .active{color:#008cfd;}






/**产品列表-右**/
.dt_product .product_right{width:calc(80% - 30px); float: right;}
.dt_product .product_right ul{padding:0px; margin:0px; margin-top: 10px;}	
.dt_product .product_right ul li{width:31.3%; float: left; background:#f5f5f5; border-radius:15px; margin-right: 3%; margin-bottom:25px; padding:30px;}
.dt_product .product_right ul li:nth-child(3n){margin-right: 0px;}
.dt_product .product_right ul li a p{color:#333; overflow: hidden;}
.dt_product .product_right ul li a p b{margin-right: 10px;font-size:15px}
.dt_product .product_right ul li a p img{width:100%; display: block; margin: auto;transition:all 0.5s;}
.dt_product .product_right ul li a p img:hover{transform:scale(1.2);}
.dt_product .product_right ul li a p:nth-child(2){margin-top:30px;}
.dt_product .product_right ul li a font{color: #fff; background:#038bfd; font-size:12px; padding:5px 15px; clear: both; display: inline-block; margin-top: 10px;border-radius:15px;transition:all 0.5s; position: relative;top:0px; left: 0px;}
.dt_product .product_right ul li a font:hover{top:-2px;}
.dt_product .product_right .dt_right .son{position: relative; background:#f0f0f0; font-size: 12px; padding:5px 20px; border-radius: 10px;cursor: pointer;}
.dt_product .product_right .dt_right .son h2{font-weight: normal; font-size: 12px; color: #008cfd}
.dt_product .product_right .dt_right .son .son_menu{-display: none; position: absolute; width: 100%;top:26px; left: 0px; background: #fff;padding:0px 10px;  border-top:0px; border-radius: 2px 2px 0px 0px;height:0px;overflow: hidden;transition:all 0.2s;}
.dt_product .product_right .dt_right .son .son_menu a{color:#333}
.dt_product .product_right .dt_right .son .son_menu dd{line-height:24px; font-size: 12px; width: 100%;text-indent:0px;transition:all 0.2s;background:#fff;}
.dt_product .product_right .dt_right .son .son_menu dd:hover{background:#ccc; text-indent: 5px; border-radius:2px;}
.dt_product .product_right .dt_right .son:hover .son_menu{display: block;height: 142px; padding:10px; height: 142px;}
/**服务列表**/
.dt_service_adv{background:#f8f9fc;}
.dt_service_adv .service_adv{width:80%; margin: auto; max-width:1400px; min-width: 1200px; padding-top: 20px;}
.dt_service_adv .service_adv h2{line-height:160px; color: #9c9c9e; font-weight: normal; font-size:18px; vertical-align:middle;}
.dt_service_adv .service_adv a{ color: #9c9c9e;}
.dt_service_adv .service_adv a:first-child{/*display: none;*/}
.crumb + .crumb::before {
    content: none !important;
}
.dt_service_adv .service_adv h2 img{height: 20px;transform: rotate(-90deg);vertical-align:middle; margin: 0px 15px; display: inline-block;}
.dt_service{width:1400px; margin: auto; min-width: 1200px; padding-top: 20px;}
.dt_service .service_left{width:25%; float: left;border: 1px solid #f7f7f7;}
.dt_service .service_left ul li a{ display:block; height:55px; line-height:55px; color: #000; text-indent: 10px;font-size: 14px;}
.dt_service .service_left ul li a:hover{background:#f7f7f7;}
.dt_service .service_left ul li .active{background:#f7f7f7;}
.dt_service .service_left ul li a img{width:15px; transform: rotate(-90deg); margin-top:20px; margin-right: 10px;}
.dt_service .service_right{width:calc(75% - 30px); float: right; line-height: 30px;}
.dt_service .service_right span{display: inline-block; }

/**线下厂区**/
.production_adv{height: 80vh; width: 100%; background: url(../images/production_adv.jpg) no-repeat center top; background-size: 100% 100%; position: relative;}
.production_adv .info{position: absolute; top:25%; left:13.5%;}
.production_adv .info p{font-size: 24px; color: #fff; line-height:45px;}

.contact_adv{height: 70vh; width: 100%; background: url(../images/contact_adv.jpg) no-repeat center top; background-size: 100% 100%; position: relative;}
.contact_adv .info{position: absolute; top:25%; left:13.5%;}
.contact_adv .info p{font-size: 24px; color: #fff; line-height:45px;}

.dt_hx{margin-top:100px; margin-bottom:100px;}
.dt_hx .dt_hx_t{float:left; width: 50%; float: left;}
.dt_hx .dt_hx_t h2{font-size: 36px; font-weight:normal;}
.dt_hx .dt_hx_info{float:right; padding-top:30px;}
.dt_hx .dt_hx_info p{color:#ccc;}
.dt_hx_dav{margin:50px auto; width: 100%; overflow: hidden;}
.dt_hx_dav .a_sw{position: relative;}
.dt_hx_dav .a_sw .adv_info{position: absolute; left:5%; bottom:60px;color: #fff;}
.dt_hx_dav .a_sw .adv_info h2{margin-bottom: 15px;font-weight:normal} 
.dt_hx_dav .swiper-slide img{width: 100%;}
.nav-tabs{display: flex;}
.dt_hx_dav .swiper-slide img{border-radius:30px;}
.nav-tabs .nav-item{width: calc(100% / 6); text-align: center; cursor: pointer; height:60px; font-size: 20px; color: #555;}
.nav-tabs .active{border-bottom:3px solid #333;}
.dt_hx_dav .swiper-slide-prev,.dt_hx_dav .swiper-slide-next{opacity:0.3;}
.dt_w60{width:60px;}
.dt_contact{margin-top:30px; margin-bottom:100px;}
.dt_contact .dt_w1200 h2{font-size:30px; text-align: center;margin-bottom: 40px;}
.dt_contact .item2{width:48.5%;float:left;background:#f9fbfc;margin-right:3%;text-align:center;padding:40px;height:320px;border-radius:20px;margin-bottom:30px;}
.dt_contact .item2:nth-child(2n){margin-right:0px;}
.dt_contact .item2 .dt_w60{margin-bottom:20px;}
.dt_contact .item2 h4{font-size:20px; margin-bottom: 20px;}
.dt_contact .item2 p{font-size: 14px; color: #777;}
.dt_contact .item2 a{margin-top: 30px; display: inline-block;font-size: 16px;color: #038dfe;}
.dt_contact .item3{width:31.3%; float:left; background:#f9fbfc;margin-right:3%;text-align:center;padding:60px;height:320px;border-radius:20px;}
.dt_contact .item3:nth-child(3){margin-right:0;}
.dt_contact .item3 h4{font-size:20px; margin-bottom: 20px;}
.dt_contact .item3 p{font-size: 14px; color: #777; height:24px;}
.dt_contact .item3 a{margin-top: 30px; display: inline-block;font-size: 16px;color: #038dfe;}
.dt_contact .item3 .dt_w60{margin-bottom:20px;}
.dt_contact a i{transform: rotate(-90deg);display:inline-block;font-style: normal}
/**公司简介**/
/**我们是谁**/
.company_me{margin-top:100px; position: relative;}
.toinfo_btn{position: absolute; left: 0px; bottom: 0px; background: #000;color: #fff; padding:15px 60px; display: inline-block; font-size: 20px;border-radius: 30px;transition:all 1s;}
.toinfo_btn:hover{bottom:10px;}
.company_me .item_left{width:calc(50% - 30px); float:left;}
.company_me .item_left h2{font-size:36px;color: #000; margin-bottom: 20px;}
.company_me .item_left p{font-size: 18px; color: #626262; margin-bottom: 30px; line-height:34px;}
.company_me .item_right{width:calc(50% - 30px); float:right;}
.company_me .item_right .jd_img ul li{width:47%; float:left;overflow:hidden;border-radius:40px; cursor: pointer;}
.company_me .item_right .jd_img ul li:nth-child(2){float: right;}
.company_me .item_right .jd_img ul li img{width:100%;border-radius:40px;transition:all 1s;}
.company_me .item_right .jd_img ul li img:hover{transform: scale(1.1);}
.company_me .item_right .jd{width: 100%;padding-bottom:0px; padding-left: 0px;position: relative; border-radius:20px; margin-bottom: 0px;}
.company_me .item_right .jd .map{width: 100%; position: relative; left: 0px; top:0px;}
.company_me .item_right .jd >h4{font-size:18px; margin-top: -30px; width:60%;}
.company_me .item_right .jd p{padding-top:20px;}
.company_me .item_right .jd .ka{width:calc(300px + 10px); height:calc(300px + 10px); position: absolute; right: 0px; bottom: 20%;transition:all 1s;}
.company_me .item_right .jd .ka a{position:absolute; left: 0px; top:0px; display: block; padding: 10px; background: #fff;border-radius: 10px; color: #333;transition:all 1s;-moz-box-shadow:0px 8px 10px #999999; -webkit-box-shadow:0px 8px 10px #999999; box-shadow:0px 8px 10px #999999;}
.company_me .item_right .jd .ka a img{border-radius: 10px;}

.company_me .item_right .jd .ka a:nth-child(1){z-index: 999;transform: rotate(0deg);}
.company_me .item_right .jd .ka a:nth-child(2){transform: rotate(-20deg); z-index: 998;}
.company_me .item_right .jd .ka a h4{display: block;  font-size: 20px; margin-top:5px;}
.company_me .item_right .jd .ka a p{padding-top: 0px; color: #888;}
.company_me .item_right .jd .ka:hover a:nth-child(1){transform: rotate(-20deg);z-index:9;}
.company_me .item_right .jd .ka:hover a:nth-child(2){transform: rotate(0deg);z-index: 998;}
/**我们前进**/
.dt_company_h{font-size:36px; color: #000;}
.dt_qj{margin-top: 200px;}
.dt_qj .dt_main .dt_t{font-size:36px; color: #000;}
.dt_qj .nav-menu{margin-bottom:40px; } 
.dt_qj .nav-menu .nav-item{border:1px solid #eee; display:inline-block; padding:12px 36px; border-radius: 30px; font-size:18px; cursor: pointer;}
.dt_qj .nav-menu .active{background: #000; color: #fff;}
.dt_qj .dt_qj_adv{width: 84%; margin: auto; overflow: hidden;border-radius: 40px;}
.dt_qj .dt_qj_adv a img{border-radius:40px; width: 100%; overflow: hidden;}
.dt_qj .dt_qj_adv .swiper-slide{position: relative;}
.dt_qj .dt_qj_adv .a_sw .adv_info{position:absolute; left:7%; top:calc(50% - 60px); z-index: 9999; font-size: 30px; color: #fff; font-weight: bold;}
.dt_cn{margin-top:100px; margin-bottom:200px;}
.dt_cn .dt_company_h{margin:30px;}
.dt_cn .item{background: #f1f1f1; padding:40px; border-radius:30px; min-height:500px;}
.dt_cn .item1{width: calc(45% - 30px);float: left;}
.dt_cn .item2{width: calc(55% - 30px);float: right;}
.dt_cn .item1 h4{font-size:30px;}
.dt_cn .item1 .fu_t{font-size: 18px; margin: 10px auto;}
.dt_cn .item1 .des{color: #666; font-size: 16px;line-height:2;padding-top: 2%;}
.dt_cn ul{margin-top:30px;}
.dt_cn ul li{width:24.2%;min-height:500px;float: left; margin-right:1%; border-radius:20px;}
.dt_cn ul li img{width:100%;border-radius: 20px;}
.dt_cn ul li:nth-child(4n){margin-right: 0px;}
/**公司简介**/
.jj_adv{width:84%; margin: auto; height: 80vh; background:#ccc;margin-top: 50px; border-radius:30px}
.jj_adv{overflow: hidden; position:relative; background: url(../images/gongsi.jpg);background-position: center;background-size: cover;}
.jj_adv .swiper-pagination{width:500px;left:50%;margin-left:-250px;bottom:80px;top: auto;}
.jj_adv .swiper-slide{position: relative;}
.jj_adv .swiper-slide .info{ position:absolute; bottom: 100px; width: 100%;text-align: center;}
.jj_adv .swiper-slide .info h2{ font-size:50px; margin-bottom:20px;color: #000;}
.jj_adv .swiper-slide .info p{color: #777; font-size: 20px;}
.s_t{background:url(../images/adv_stip.png); height: 90px; position: relative; top:-55px;}
.s_t .item{width:33.33%; float:left; text-align: center; padding-top:30px;}
.s_t .item h2{font-size: 30px; color:#068efe;}
.s_t .item h2 font{font-size: 16px;}
.s_t .item p{font-size: 16px; color: #666;}
/**里程碑**/
.dt_company_time{background: #000; height:800px; margin-bottom:100px; padding-top:80px;}
.dt_company_rongyu .dt_company_h{line-height:180px;}
.dt_company_rongyu .bei{width:50%; height:auto;}
.dt_zs,.dt_rongyu{width: 84%; margin: auto; overflow: hidden; margin-top:50px;}
.dt_zs .swiper-slide img{width: 100%;}
.dt_rongyu .swiper-slide img{width: 100%;}
.dt_m300{margin-bottom:200px;}
.dt_company_time .time_t{position: relative;}
.dt_company_time .time_t h2{color: #fff; font-size: 36px;}
.dt_company_time .time_date{height:70px;border-bottom:1px solid #353535;display:flex; margin-bottom: 100px;}
.dt_company_time .time_date .active{font-size: 26px; color: #fff;margin-top:10px;}
.dt_company_time .time_date .active i{height:10px; width:10px; bottom:-5px; background: #fff;}
.dt_company_time .time_date span{flex:1;text-align: center; font-size:20px; font-weight: bold; color:#989898; position: relative; margin-top:40px; cursor: pointer;}
.dt_company_time .time_date span i{height:5px; width:5px; background:#5d5d5d; display: inline-block; border-radius: 50%; position: absolute; bottom:-3px; left:calc(50% - 5px);}
.dt_time_adv{overflow:hidden;} 
.dt_time_adv .swiper-slide{background: #1a1a1a; vertical-align: middle;border-radius:30px; position: relative;}
.dt_time_adv .swiper-slide .company_logo{height: 400px; border-radius:30px;}
.dt_time_adv .swiper-slide .info{position:absolute; right:1%; top:0px;width: calc(100% - 660px); height:100%;color: #fff;}
.dt_time_adv .swiper-slide .info h2{padding-top:140px; font-size:30px;padding-bottom:3%}
.dt_time_adv .swiper-slide .info p{font-size:16px;}
.dt_company_time .dt_time_prev{background: #29292b url(../fonts/prev.svg) no-repeat;}
.dt_company_time .time_jt{position: absolute; right:0%; top: 0px;}
.dt_company_time .time_jt a{height:40px;width:40px;display: inline-block;border-radius: 50%;background-size:14px;background-position: 13px 14px; margin: 0px 10px;}
.dt_company_time .time_jt a:hover{background-color:#535356;}
.dt_company_time .dt_time_next{background: #29292b url(../fonts/next.svg) no-repeat;}

.about-company-honor {
  padding-top: 5%;
  padding-bottom: 5%;
}

.about-company-honor .honor-list {
  
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  row-gap: 21px;
  column-gap: max(0.3rem, 15px);
}
.about-company-honor .honor-list .item {
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.about-company-honor .honor-list .item .pic {
  width: 100%;
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid rgba(204, 204, 204, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: max(0.18rem, 10px);
  flex: 1;
}
.about-company-honor .honor-list .item .pic img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  transition:all .5s ease;
}
.about-company-honor .honor-list .item .text {
  font-weight: bold;
  font-size: 16px;
  color: #333;
  line-height: 2;
  margin-top: 11px;
  text-align: center;
  transition:all .5s ease;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  overflow-wrap: break-word;
  font-size:16px;
}
.about-company-honor .honor-list .item:hover .pic img {
  transform: scale(1.05);
}
.about-company-honor .honor-list .item:hover .text {
  color: #038bfd;
}

.wrap {
  max-width: 1400px;
  width: 86%;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 768px) {
  .wrap {width: 94%;}
}
@media (max-width: 1440px) {
.jj_adv .swiper-slide .info h2{font-size:40px}
}


@media screen and (max-width:1024px){
.dt_head{position: fixed; top: 0px; left: 0px; z-index: 9999;}
.dt_main{min-width: auto; max-width: auto; width: 94%; margin: auto;}
.dt_head .dt_top{display:block;}
.dt_head .dt_top .nav_menu{position:absolute;right:5%; top:18px;margin-top:12px;height:25px;transition:all .5s ease;}
.dt_head .dt_top .nav_menu span{display:block;width:26px;height:2px;background:#2caeff;margin-top:7px}
.dt_head .dt_top .nav_menu:before,.dt_top .nav_menu:after{content:"";display:block;width:26px;height:2px;background:#2caeff;transition: all .5s ease;}
.dt_head .dt_top .nav_menu:after{margin-top:7px}
.dt_head .dt_top .nav_menu.open span{background:transparent;transform:translate(-50%,-50%) rotate(180deg)}
.dt_head .dt_top .nav_menu.open:before{margin-top:10px;transform:rotate(45deg);width:23px}
.dt_head .dt_top .nav_menu.open:after{margin-top:-11px;transform:rotate(-45deg);width:23px} 
.dt_head .dt_top .nav_menu{display: block;}
.dt_head .nav,.dt_head .user{display: none;}
.dt_banner{margin-top: 80px;background-position: 50% center;height:170px;}
.aini_foot_nav{display:block!important}
.aini_foot_nav{border-top:1px solid #eee;display:none;padding:8px 0;background:#fff;position:fixed;bottom:0;width:100%;z-index:999999}
.aini_foot_nav p,.aini_foot_nav ul,.pc{margin:0;padding:0}
.aini_foot_nav li{width:25%;text-align:center;float:left}
.aini_foot_nav li a{width:100%;display:block;color:#888}
.aini_foot_nav .nohover{color:#0f7efa}
.aini_foot_nav li i{display:block;font-size:25px;line-height:26px}
.aini_foot_nav li p{overflow:hidden;font-size:12px;height:16px;line-height:16px;color:#888}
.aini_foot_nav li.aini_zjbtn{overflow:visible;position:relative}
.aini_foot_nav li.aini_zjbtn a{bottom:0;left:calc(50% - 30px);width:60px;height:40px;border-radius:50%;overflow:visible}
.aini_foot_nav li.aini_zjbtn a em{display:block;position:absolute;bottom:-5px;left:calc(50% - 30px);z-index:100;width:60px;height:60px;border-radius:50%}
.aini_foot_nav .b_ok{border:1px solid #efefef!important}
.aini_foot_nav .bg_f{background:#fff!important}
address,caption,cite,code,dfn,em,i,th,var{font-style:normal;font-weight:400}
.aini_foot_nav li.aini_zjbtn a span{display:block;position:absolute;bottom:-8px;left:calc(50% - 30px);z-index:110;width:60px;height:62px;line-height:62px;border-radius:50%;padding:0 1px}
.aini_foot_nav .bg_f{background:#fff!important}
.aini_foot_nav li.aini_zjbtn a span i.foot_btn{width:44px;height:44px;line-height:44px;border-radius:50%;padding:0;margin-top:8px;background: linear-gradient(-125deg,#70c3ff 0,#0e7fc5 100%);box-shadow:0 3px 10px -1px #0295f9!important}
.aini_foot_nav .foot_btn{width:48px;padding:5px 0;text-align:center;height:24px;line-height:24px;font-size:24px;margin:7px auto 0;border-radius:2px}
.aini_foot_nav .iconjiahao{color:#fff}
.dt_head .nav{width: 100%; height:calc(100% - 149px); position:fixed; top:80px; left: 0px; background:#fff; z-index:99999; margin: 0px; overflow: auto;}
.dt_head .nav ul li{float:none; text-align:center;position: relative;width:90%;margin:auto;}
.dt_head .nav ul li a{line-height:50px; display: inline-block;border-top:1px solid #f9f3f3;width:100%;margin:auto;}
.dt_head .nav ul li i{height: 40px; width: 50px;position: absolute; right:0px; top:5px; display:block;}
.dt_head .nav ul li i img{width:24px; line-height: 40px; margin-top:10px; transform: rotateZ(-90deg);transition:all 0.5s;opacity:0.5;}
.dt_head .nav .tow_menu{ position:relative; height:auto; top: 0px; left: 0px; display: none;}
.dt_head .nav .tow_menu a{height:40px; font-size: 14px;line-height: 40px;}
.dt_head .nav .tow_menu a:nth-child(1){border-top:1px solid #f9f3f3;}
.dt_head .nav ul li:hover .tow_menu a{height:40px; line-height:40px;border:0px;}
.dt_head .nav ul li:hover .tow_menu >a:nth-child(1){border-top:1px solid #f9f3f3;}
.dt_head .nav ul li .on img{transform: rotateZ(0deg);}
.dt_head .lang{float:left;margin-left: -10px;}


.dt_banner .banner_info {padding-top: 10%;}
.dt_banner .banner_info h2{font-size: 36px;}
.dt_banner .banner_info p{font-size:18px}
.dt_banner .banner_btn a{margin-bottom: 10px;width: 200px;}
.dt_banner .more{bottom:50%;display:none}
.dt_banner .banner_btn{bottom: 10px;display:none}
.t_t{text-align: center; margin: 15px auto;}
.adv2{min-width:auto;padding-bottom: 0px; margin-bottom: 20px;}
.dt_dz{margin-top: 20px;border:0px;padding-right: 20px;}
.dt_dz h2{font-size:16px;}
.dt_dz p{font-size:14px;}
.dt_dz .dt_right{position:static; float:none; display: inline-block; margin-top: 20px;font-size: 16px;}
.adv1{min-width: auto; width: 94%; margin: auto;}
.adv2{min-width: auto; width: 94%; margin: auto;}
.dt_shili{margin-top:20px; height: auto; padding-bottom:40px;}
.dt_shili .dt_main h1{padding-top:80px; font-size:24px;}
.dt_shili .dt_main ul li{width:50%;}
.dt_shili .dt_main ul li .info h2{font-size:22px;}
.dt_shili .dt_main ul li .info p{font-size: 16px;}
.dt_shili .dt_main ul li .info img{height:40px; width:40px;}
.dt_shili .dt_main ul li .info{text-indent:40px;}
.dt_shili .dt_main .shili_lst{margin-top: 30px;}
.dt_shili .dt_main .shili_lst .dt_item{float:left; width: 100%;margin:0 0}
.dt_shili .dt_main .shili_lst .dt_item p:nth-child(1){height: 200px;}
.dt_shili .dt_main .shili_lst .dt_item p:nth-child(2){font-size: 14px;}
.dt_xr{margin-top: 20px;}
.dt_xr .dt_main ul li{width:47%; margin-right:6%; margin-bottom: 20px;}
.dt_xr .dt_main ul li:nth-child(2n){margin-right:0%;}
.dt_xr .dt_main ul li h1{padding: 20px 20px 0px 20px;font-size: 40px;}
.dt_xr .dt_main ul li .dt_ti{padding:0px 20px 2px 20px;font-size:18px;}
.dt_xr .dt_main ul li h1 span{font-size: 16px;margin-top: 8px;}
.dt_xr .dt_main ul li .dt_p{font-size:12px;padding:0px 20px;}
.dt_xr .dt_xr2{margin-top: 0px;}
.dt_xr .dt_xr2 .item{float:none;width:100%; height:180px; margin-bottom: 20px;padding-top:40%}
.brand{margin-top: 20px;}
.brand h2{text-align: center;font-size:30px}
.dt_hezuo .dt_ttt p{font-size: 14px;}
.dt_hezuo .dt_main{padding:10px; border-radius: 5px; margin-top: 5px;}
.dt_hezuo .dt_main ul li p{font-size:14px; font-weight: normal;}
.dt_hezuo .dt_main ul li p img{width: 50px;}
.dt_fangan{margin-top:40px; padding-bottom: 80px;}
.dt_fangan .dt_ttt{margin-bottom:20px;}
.dt_fangan .dt_ttt h2{font-size:26px}
.dt_fangan .dt_ttt p{font-size:14px;}
.dt_fangan ul li{float: none; width: 100%;padding:20px;}
.dt_fangan ul li h4{font-size: 16px;}
.dt_fangan ul li p{font-size: 14px;}
.dt_fangan ul li .add_ico{right:15px; top:15px;}
.dt_fangan ul li .add_ico{height: 20px;}
.dt_fangan ul .end_element{padding:0px;}
.dt_fangan ul li{margin-bottom:10px;}
.dt_fangan ul .end_element{font-size:16px}
.dt_fangan ul .end_element .dt_btn{display: block;text-align:center;padding:20px}
.kefu{display: none;}
.service-item{display: none;}
.dt_product_t{margin-top:100px}
.dt_product{width:100%; min-width: auto;padding-bottom:70px;}
.dt_product_t h1{font-size:28px}
.dt_product .product_left{width:94%; margin: auto; float: none;}
.dt_product .product_right{width:94%; margin: auto; float: none;}
.dt_product .product_right ul li{width: 48%; margin-right:4%; padding:20px; margin-bottom:15px;}
.dt_product .product_right ul li:nth-child(2n){margin-right: 0px!important;}
.dt_product .product_right ul li:nth-child(3n){margin-right:4%;}
.dt_product .product_right ul li a p:nth-child(2){margin-top: 10px;}
.dt_left{padding-top: 3%;font-size: 15px;}
.dt_service_adv{margin-top: 80px;background-position: 50% center;}
.dt_service_adv .service_adv{width: 100%; max-width: auto; min-width: auto;}
.dt_service_adv .service_adv h2{text-indent: 15px;font-size: 16px;line-height: 30px;}
.dt_service{width: 100%; min-width: auto;padding-bottom:70px;}
.dt_service .service_left{float:none; width:94%; margin: auto;}
.dt_service .service_right{float:none; width:90%; margin: auto; border-top: 1px solid #eee; margin-top: 20px; padding-top: 20px;}
.dt_service .service_right img{width:100%!important;height:auto!important}
.production_adv{height: 220px; margin-top:80px;}
.production_adv .info{left: 5.5%}
.production_adv .info p{font-size:18px; line-height:30px;}
.contact_adv{height: 200px; margin-top:80px;}
.contact_adv .info{left: 5.5%}
.contact_adv .info p{font-size:18px; line-height:30px;}
.dt_w1200{width: 100%; min-width: auto;}
.dt_hx{margin: 30px auto;}
.dt_hx .dt_hx_t h2{font-size:22px}
.dt_hx .dt_hx_t{width: 94%;margin:auto; float: none;}
.dt_hx_info{width: 94%;margin:auto; float: none;}
.dt_hx .dt_hx_info{float: none;}
.dt_hx_dav .a_sw .adv_info h2{font-size:16px;margin-bottom:0}
.dt_hx_dav .a_sw .adv_info p{display:none}
.nav-tabs .nav-item{line-height:60px;font-size:18px}
.dt_hx_dav .a_sw .adv_info{bottom: 34px;}
.dt_hx_dav{margin: 20px auto;}
.dt_contact{margin-top: 20px;}
.dt_contact .dt_w1200 h2{margin-bottom: 20px; font-size: 22px;}
.dt_contact .item2{padding:30px 10px; margin-bottom: 10px;}
.dt_w60{width:40px}
.dt_contact .item3{padding:0px;}
.dt_contact .item2 h4{font-size:16px;}
.dt_contact .item3 h4{font-size: 16px;}
.dt_contact .item3{height: 280px; padding-top: 30px; width: 31%;}
.dt_contact .item3:nth-child(3){margin-right: 0px;}
.jj_adv{margin-top:100px;height:55vh;width:94%}
.jj_adv .swiper-pagination{width:300px;left:50%;bottom:80px; margin-left:-150px; }
.jj_adv .swiper-slide .info{bottom: 45px;}
.jj_adv .swiper-slide .info h2{font-size:24px;}
.jj_adv .swiper-slide .info p{display:none}
.s_t{background-size:100% 100%; background-position: 0px 0px; background: #fff; border-radius:30px; width:90%;}
.s_t .item h2{font-size:22px; line-height:32px;}
.s_t .item p{font-size: 12px;}
.s_t .item:nth-child(2) p{margin-top:4px;}
.company_me{width: 90%;}
.company_me .item_left{width:100%; float:none; position: relative; top:-30px; left: 0px;}
.company_me .item_right{width:100%; float: none;}
.company_me .item_left h2{margin-bottom: 10px;font-size:26px}
.company_me .item_left p{font-size: 16px; line-height: 24px;}
.company_me .item_right .jd .map{width: 100%;}
.company_me .item_right .jd .ka{position: relative; margin: auto;}
.company_me .item_right .jd >h4{margin-top: 0px;}
.company_me .item_right .jd_img ul li{border-radius:10px;}
.company_me .item_right .jd_img ul li img{border-radius:10px;}
.toinfo_btn{position:relative; display: block; margin: auto; width: 300px; text-align: center; padding:10px 20px; font-size: 14px; margin-top: 20px;}
.dt_qj{margin-top:50px; border-top: 1px solid #f7f4f4; padding-top: 50px;}
.dt_qj .dt_main .dt_t{margin-top:0px;}
.dt_qj .dt_main .dt_t{ font-size:26px; text-align: center;}
.dt_qj .nav-menu .nav-item{padding: 8px 35px;font-size:14px;}
.dt_qj .dt_qj_adv .a_sw .adv_info{font-size: 16px;}
.dt_qj .dt_qj_adv{width:94%}
.dt_qj .dt_qj_adv{border-radius:10px;}
.dt_qj .dt_qj_adv a img{border-radius:10px;height: 160px;}
.dt_qj .nav-menu{ margin-bottom:20px; }
.dt_company_h{font-size: 26px;}
.dt_cn ul li{width:49.5%; margin-bottom: 10px; min-height: auto;}
.dt_cn ul li:nth-child(2n){margin-right:0%;}
.dt_cn .item{padding:20px}
.dt_cn .item1{width:100%}
.dt_cn .item2{width:100%;float:none}
.dt_cn .item2 img{padding-top:5%}
.dt_cn .item1 h4 {font-size: 22px;}
.dt_cn .item1 .fu_t{font-size: 16px;}
.dt_cn .item1 .des{font-size: 14px;line-height: 1.8;}
.dt_company_time{margin-top: 20px;}
.dt_company_time .time_t h2{font-size:26px}
.dt_qj .dt_qj_adv .a_sw .adv_info{top: calc(50% - 30px); font-weight: normal;}
.dt_company_time .time_date{margin-bottom: 20px;white-space: nowrap;overflow: hidden;overflow-x: auto;max-width: 100%;}
.dt_company_time .time_date span{ font-weight:normal; font-size: 12px; border-left:0px solid #252323;border-top:0px solid #252323; line-height: 30px;border-radius: 5px;padding: 0 10px;}
.dt_company_time .time_date .active{font-size:12px; font-weight: bold;/*border-right:1px solid #252323;background: #323233;*/margin-top:20px}
.dt_time_adv .swiper-slide .company_logo{width: 100%; height: auto; margin: auto; display: block; margin-top: 20px;}
.dt_time_adv .swiper-slide .info{position: relative; width: 94%; margin: auto; padding: 0px; padding-top: 0px;}
.dt_time_adv .swiper-slide .info h2{padding-top: 20px;font-size:20px}
.dt_time_adv .swiper-slide .info p{font-size:14px}
.dt_company_time{padding-bottom:60px; padding-top: 60px; height: auto; margin-bottom:0px;}
.dt_company_rongyu .dt_company_h{line-height:80px; text-align: center; float: none; margin-bottom: 10px; margin-top: 50px;}
.dt_company_rongyu .bei{width: 100%;}
.dt_m300{margin-bottom: 100px;}
.dt_zs, .dt_rongyu{width:94%}
.about-company-honor{padding-top:10%}
.about-company-honor .honor-list{row-gap: 10px;}
}
/**搜索**/
.w_close{height: 32px; width: 32px; border:1px solid #fff; line-height:28px; text-align:center; font-size:20px; color:#fff;border-radius:50%; cursor:pointer;float:right;}
.dt_search{position: fixed; top:0px; left: 0px; background:rgba(0,0,0,0.8); height:100%;width:100%;z-index:9999;padding-top:100px;display:none;}
.container{z-index:1;width:90%;max-width:800px;text-align:center; margin:auto;}
{margin-bottom:50px}
.logo{font-size:48px;font-weight:700;background:#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-2px;margin-bottom:0px;/*animation:fadeInUp 1s ease-out*/}
.tagline{font-size:16px;color:rgba(255,255,255,0.6);font-weight:300;letter-spacing:3px;text-transform:uppercase;animation:fadeInUp 1s ease-out 0.2s both}
.search-wrapper{position:relative;margin-bottom:40px;animation:fadeInUp 1s ease-out 0.4s both}
.search-box{display:flex;align-items:center;background:rgba(255,255,255,0.08);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.1);border-radius:60px;padding:8px 8px 8px 25px;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);box-shadow:0 25px 50px rgba(0,0,0,0.3)}
.search-box:hover{background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.2);transform:translateY(-2px);box-shadow:0 35px 70px rgba(0,0,0,0.4)}
.search-box:focus-within{background:rgba(255,255,255,0.15);border-color:rgba(102,126,234,0.5);transform:translateY(-3px);box-shadow:0 40px 80px rgba(102,126,234,0.2),0 0 0 1px rgba(102,126,234,0.3)}
.search-icon{width:24px;height:24px;color:rgba(255,255,255,0.5);margin-right:15px;flex-shrink:0;transition:color 0.3s ease}
.search-box:focus-within .search-icon{color:#667eea}
.search-input{flex:1;background:transparent;border:none;outline:none;font-size:18px;color:#fff;font-weight:400;padding:18px 0}
.search-input::placeholder{color:rgba(255,255,255,0.4);font-weight:300}
.search-btn{background:#008cff;border:none;border-radius:50px;padding:16px 35px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease;white-space:nowrap;box-shadow:0 10px 30px rgba(102,126,234,0.4)}
.search-btn:hover{transform:scale(1.05);box-shadow:0 15px 40px rgba(102,126,234,0.6)}
.search-btn:active{transform:scale(0.98)}
.quick-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-bottom:50px;animation:fadeInUp 1s ease-out 0.6s both}
.tag{padding:10px 22px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:30px;color:rgba(255,255,255,0.7);font-size:14px;font-weight:400;cursor:pointer;transition:all 0.3s ease}
.tag:hover{background:rgba(255,255,255,0.1);border-color:rgba(102,126,234,0.5);color:#fff;transform:translateY(-2px)}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;animation:fadeInUp 1s ease-out 0.8s both}
.feature-card{background:rgba(255,255,255,0.05);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.08);border-radius:20px;padding:30px 20px;transition:all 0.4s ease;cursor:pointer}
.feature-card:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2);transform:translateY(-8px)}
.feature-icon{width:50px;height:50px;margin:0 auto 15px;background:#008cff;border-radius:15px;display:flex;align-items:center;justify-content:center;color:#fff}
.feature-title{color:#fff;font-size:16px;font-weight:600;margin-bottom:8px}
.feature-desc{color:rgba(255,255,255,0.5);font-size:13px;line-height:1.5}
@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}
to{opacity:1;transform:translateY(0)}
}.results{margin-top:40px;display:none;animation:fadeInUp 0.5s ease-out}
.result-item{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);border-radius:15px;padding:20px;margin-bottom:15px;text-align:left;transition:all 0.3s ease;cursor:pointer}
.result-item:hover{background:rgba(255,255,255,0.1);transform:translateX(5px)}
.result-title{color:#fff;font-size:18px;font-weight:600;margin-bottom:8px}
.result-meta{color:rgba(255,255,255,0.5);font-size:14px;display:flex;gap:15px}
@media (max-width:600px){.logo{font-size:36px}
.search-box{flex-direction:column;padding:15px;border-radius:20px}
.search-input{width:100%;padding:15px 0;text-align:center}
.search-btn{width:100%;margin-top:10px}
.features{grid-template-columns:1fr}
.dt_head .dt_main .logo img{margin-top:0px}
.dt_product .product_left ul li .product_menu a{font-size: 12px;line-height: 30px;}
.dt_product .product_left ul li >a{font-size: 14px;height: 35px;line-height: 35px;}
}
@media (max-width: 992px) {
  .about-company-honor .honor-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 576px) {
  .about-company-honor .honor-list {
    grid-template-columns: repeat(2, 1fr);
  }
}