﻿@charset "utf-8"; 
#ind{width:100%;display:flex;flex-wrap:wrap;overflow:hidden}
#ind>div{width:50%;flex:inherit}
.ind-con{background:url(/js/16112/img/dot-map.jpg) no-repeat;background-size:cover;display:flex;justify-content:center;color:#fff;flex-direction:column;padding-left:160px;box-sizing:border-box}
.ind-tip{font-size:16px;margin-bottom:20px}
.ind-title{font-size:38px;font-weight:700;max-width:500px;text-transform:uppercase;line-height:1.3}
#ind article{max-width:630px;font-size:14px;color:#fff;margin:30px 0;line-height:1.8}
#ind ul li{font-size:14px;margin-bottom:20px}
.ind-sel{display:inline-block;margin-right:24px}
.ind-sel img{position:relative;top:3px}
#ind .more-btn{width:160px;height:55px;line-height:55px;font-size:14px;display:inline-block;font-family:Lato;font-weight:700;text-align:center;background:#ed2d30;margin-top:20px;color:#fff;border-radius:3px;padding:0;border:1px solid #ed2d30}
#ind .more-btn:hover{background:#fff;color:#ed2d30}
.ind-img{position:relative}
.ind-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;width:73px;height:73px;background:#ed2d30;border-radius:50%}
.ind-icon i{position:relative;left:3px;color:#fff;font-size:45px}
.ind-icon:after{top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;content:"";border-radius:50%;display:block;width:95px;height:95px;border:2px solid #ed2d30}
.ind-img img{display:block;max-width:100%;max-height:100%;width:100%}
.ind-list{padding:74px 0;background:#f4f4f4;box-sizing:border-box}
#ind .ind-list{width:100%}
.ind-list .l-wrap{display:flex}
.ind-item{width:25%;display:flex;justify-content:center;align-items:center}
.ind-ri{padding-left:24px}
.ind-num{color:#09162a;font-weight:700;font-size:48px}
.ind-text{margin-top:10px;text-transform:uppercase;font-size:14px}
.ind-item:hover img{transform:rotateY(360deg)}
.news-list{margin:50px 0 20px;display:flex;height:550px;flex-wrap:wrap;flex-direction:column;justify-content:space-between}
.news-item{display:flex;outline:1px solid #dfdfdf;box-sizing:border-box}
.news-item:first-of-type{width:30%;flex-direction:column;height:100%}
.news-item:nth-of-type(2),.news-item:nth-of-type(3){width:66%;height:46%}
.news-img{position:relative}
.news-img img{display:block;width:100%}
.news-date{padding:10px 22px;background:#ed2d30;color:#fff;font-size:12px;display:inline-block;position:absolute;top:0;left:0}
.news-info{padding:42px 24px;border-top:none}
.news-item:nth-of-type(2) .news-info,.news-item:nth-of-type(3) .news-info{flex:1.5}
.news-item:first-of-type .news-info{height:100%}
.news-title{font-size:20px;font-weight:700;color:#000;margin-bottom:20px;display:-webkit-box;max-height:48px;line-height:24px}
#new article{color:#868686;font-size:14px;display:-webkit-box;max-height:52px;line-height:26px;margin-bottom:40px}
#new article,.news-title{text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.news-more{text-transform:uppercase;color:#0d0d0d;font-family:Lato;font-weight:700;font-size:14px;padding:20px;transition:background-color .3s;border-radius:3px}
#new .news-list .news-item .news-more i{font-size:12px;margin-left:12px;position:relative;top:-2px;transform:rotate(180deg);display:inline-block}
.news-item:hover .news-more{background-color:#141414;color:#fff}
.news-item:nth-of-type(2) .news-img,.news-item:nth-of-type(3) .news-img{flex:1}
.news-item:nth-of-type(2) .news-img img,.news-item:nth-of-type(3) .news-img img{height:100%;max-width:none;object-fit:cover}
@media (max-width:1600px){.ind-con{padding-left:100px}
.ind-title{font-size:36px}}
@media (max-width:1440px){#ind{padding:0 0 100px}
#ind .ind-con,#ind .ind-img{width:100%}
#ind .ind-con{padding:30px 150px}
#ind .ind-img{max-height:450px}
.news-img img{height:auto;max-width:100%}
#ind .ind-img img{width:100%;object-fit:cover}}
@media (max-width:1024px){#new{padding:50px 0}
.news-list{height:auto}
.news-item{width:100%!important;margin-bottom:40px}
.news-item:first-of-type{flex-direction:row}
.news-item:first-of-type .news-img{flex:1}
.news-item:first-of-type .news-img img{height:100%;max-width:none}
.news-item:first-of-type .news-info{flex:1.5}
.news-list .news-more{padding:8px}}
@media (max-width:768px){#ind{position:relative;flex-direction:inherit;padding:0}
#ind .ind-con{padding:66vw 4vw 4vw;color:#151515}
.con-wrap{background:#fff;padding:5.3333333333vw}
.ind-con .ind-title{font-size:20px;color:#ed2d30;max-width:100%}
#ind article{color:#151515;margin:4vw 0}
.ind-sel img{visibility:hidden}
#ind ul li{font-size:12px;background:url(/js/16112/img/home-sel_red.png) no-repeat;background-position:10px;margin-bottom:8px;line-height:2}
#ind .ind-img{width:92vw;left:4vw;position:absolute;top:4vw}
#ind .ind-list{background:#24292f;padding:4vw 0;display:block}
.ind-list .l-wrap{flex-wrap:wrap;justify-content:space-between}
.ind-item{width:47%;justify-content:flex-start;margin-bottom:4vw}
.ind-ic img{width:40px;height:40px}
.ind-num{font-size:20px;color:#fff}
.ind-text{font-size:12px;color:#fff}
.news-item .news-title{font-size:16px}
#new article{display:none}
.news-item{height:30vw!important}
.news-item:first-of-type .news-img,.news-item:nth-of-type(2) .news-img,.news-item:nth-of-type(3) .news-img{flex:1.3}
.news-item:first-of-type .news-img img,.news-item:nth-of-type(2) .news-img img,.news-item:nth-of-type(3) .news-img img{object-fit:cover}
.news-item:first-of-type .news-info{height:auto}
.news-item .news-info{width:60%;padding:4vw}
.news-item .news-more{font-size:12px}}
@media (max-width:320px){.ind-sel{margin-right:10px}
.news-item .news-info{padding:5px}
.news-title{margin-bottom:10px}}
.new-main .l-wrap{flex-wrap:wrap;justify-content:center}
.content-list1{display:flex;flex-wrap:wrap;justify-content:space-between}
.content-item{width:24%;margin-bottom:50px}
.content-img{position:relative}
.content-img img{width:100%}
.content-date{position:absolute;width:116px;height:31px;line-height:31px;text-align:center;color:#fff;right:15px;top:0;transform:translateY(-50%);font-size:12px;background:#ed2d30}
.content-title{font-size:18px;color:#000;font-weight:700}
.content-info{padding-top:30px}
.content-list1 .content-title{height:45px;display:-webkit-box;display:-moz-box;max-height:40px;line-height:20px;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.content-info article{color:#868686;font-size:14px;margin-top:15px;display:-webkit-box;display:-moz-box;max-height:36px;line-height:18px;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.content-more{display:inline-block;margin-top:25px;width:160px;height:55px;line-height:55px;text-align:center;transform:translateX(-20px);transition:transform .3s;font-family:Lato;font-weight:700;border-radius:3px}
.content-more i{font-weight:700;margin-left:12px;transform:rotate(180deg);display:inline-block}
.content-list1 .content-info{display:flex;flex-direction:column;height:170px}
.content-list1 .content-more{margin-top:auto}
.content-item:hover .content-more{background:#ed2d30;color:#fff;transform:translateX(0)}
.common-pages{display:flex;align-items:center;justify-content:flex-end;margin-bottom:50px;width:auto;color:#3c3c3c;margin-left:auto}
.content-bottom .common-pages{justify-content:center}
.common-pages a,.common-pages span{padding:16px 20px;display:flex;justify-content:center;align-items:center;color:#3c3c3c;font-weight:700;border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;border-left:1px solid #d7d7d7;background:#fff}
.common-pages span{opacity:.4}
.common-pages span.ctxt{opacity:1;background:#ed2d30;border-color:#ed2d30;color:#fff}
@media (max-width:768px){.content-item{width:49%}
.content-list1 .content-title{font-size:16px}}
@media (max-width:450px){.content-item{width:100%}}
@font-face{font-family:iconfont;font-display:swap;src:url(iconfont.ttf?t=1666772761079) format('truetype')}
.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-qp_icon_play:before{content:"\e72d"}
.ttxt{position:absolute;top:100px;right:0;font-size:16px;font-weight:700;color:#da251c}
.ttxt a{color:#da251c}
a.navbar-brand img{max-width:550px}
footer .container.footnav>div{text-align:center;margin-top:12px}
footer .container.footnav>div a{color:#ddd;font-size:14px}
.title-p{padding-left:10px;position:static;padding-bottom:0;min-height:unset;padding-bottom:10px}
.subtitle1{font-size:15px}
.floatwindow_fd_main li span{white-space:nowrap}
div .floatwindow_fd_main ul{padding-left:7px}
.fshare{margin-bottom:20px}
.fshare a{color:#989898;font-size:20px;display:inline-flex;align-items:center;justify-content:center;margin-right:10px}
footer .container .col .contact-list li{overflow:hidden;margin-bottom:14px}
.sub-section .main .main-container .main-contant .details p a{height:auto}
#ind{padding:0 0 100px}
.contact .contact-item .con a{color:#fff}
.contact .contact-item .con a:hover{color:#ccc}
.foot-contact .contact-item em{margin-top:2px}
.foot-contact .con{justify-content:unset}
.ind-img lite-youtube{max-width:972px}
.sol-top{background-image:url(/js/16112/appbg.jpg)}
.ind-con{padding-top:20px;padding-bottom:20px}
.ind-title{max-width:80%}
@media (max-width:1440px){#ind .ind-img{max-height:none}}
@media (max-width:768px){.ind-img lite-youtube{height:66vw!important}}
@media screen and (max-width:768px){.product-main .pro-cart{opacity:0}}
iframe#okki-chat-widget-iframe{bottom:16vw}
.bottom-btn .btn-item:first-child{order:1}
.bottom-btn .btn-item:nth-child(2){order:4}
.bottom-btn .btn-item:nth-child(3){order:2}
.bottom-btn .btn-item:nth-child(5){order:3}
.floatwindow_chat_box a:last-child .floatwindow_more_box,.floatwindow_chat_box a:last-child .floatwindow_tit_box{background-position:3px -4px}
@media screen and (max-width:768px){#product .pro-list .pro-name,.product-main .pro-list.list0 .pro-name{white-space:unset;text-align:left}
.product-main .pro-list.list0 .pro-intro{display:none}}

.foot-main .foot-feedback {display:none;}
.foot-contact .con {max-width:calc(100% - 60px);}
@media (min-width:1025px){.foot-main .foot-item {width:auto;max-width:31%;}
.foot-main .l-wrap {justify-content:space-between;}
.foot-main .foot-intro {max-width:100%;}
.foot-cate ul {max-width:360px;}}
@media screen and (max-width: 768px){
#product .pro-list .pro-name,.product-main .pro-list.list0 .pro-name{white-space: unset;text-align: left;}
.product-main .pro-list.list0 .pro-intro{display:none;}}
