﻿@charset "utf-8";
.cd-horizontal-timeline ol,.cd-horizontal-timeline ul{list-style:none;padding:0}
.cd-horizontal-timeline table{border-collapse:collapse;border-spacing:0}
.cd-horizontal-timeline a{color:#182b51!important;text-decoration:none}
.cd-horizontal-timeline{opacity:0;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;transition:opacity .2s}
.cd-horizontal-timeline::before{content:'mobile';display:none}
.cd-horizontal-timeline.loaded{opacity:1}
.cd-horizontal-timeline .timeline{position:relative;height:100px;margin:0 auto}
.cd-horizontal-timeline .timeline:before{content:'';width:calc(100% - 100px);height:2px;background:#dfdfdf;position:absolute;left:50px;top:49px}
.cd-horizontal-timeline .events-wrapper{position:relative;height:100%;margin:0 40px;overflow:hidden}
.cd-horizontal-timeline .events-wrapper::after,.cd-horizontal-timeline .events-wrapper::before{content:'';position:absolute;z-index:2;top:0;height:100%;width:20px}
.cd-horizontal-timeline .events-wrapper::before{left:0;background-image:-webkit-linear-gradient(left,#fff,rgba(248,248,248,0));background-image:linear-gradient(to right,#fff,rgba(248,248,248,0))}
.cd-horizontal-timeline .events-wrapper::after{right:0;background-image:-webkit-linear-gradient(right,#fff,rgba(248,248,248,0));background-image:linear-gradient(to left,#fff,rgba(248,248,248,0))}
.cd-horizontal-timeline .events{position:absolute;z-index:1;left:0;top:49px;height:2px;background:#dfdfdf;-webkit-transition:-webkit-transform .4s;-moz-transition:-moz-transform .4s;transition:transform .4s}
.cd-horizontal-timeline .filling-line{position:absolute;z-index:1;left:0;top:0;height:100%;width:100%;background-color:#182b51;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left center;-moz-transform-origin:left center;-ms-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;transition:transform .3s}
.cd-horizontal-timeline .events a{position:absolute;bottom:0;z-index:2;text-align:center;padding-bottom:15px;color:#383838;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}
.cd-horizontal-timeline .events a::after{content:'';position:absolute;left:50%;right:auto;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);bottom:-5px;height:8px;width:8px;border-radius:50%;border:2px solid #dfdfdf;background-color:#f8f8f8;-webkit-transition:background-color .3s,border-color .3s;-moz-transition:background-color .3s,border-color .3s;transition:background-color .3s,border-color .3s}
.no-touch .cd-horizontal-timeline .events a:hover::after{background-color:#182b51;border-color:#182b51}
.cd-horizontal-timeline .events a.selected{pointer-events:none}
.cd-horizontal-timeline .events a.selected::after{background-color:#182b51;border-color:#182b51}
.cd-horizontal-timeline .events a.older-event::after{border-color:#182b51}
@media only screen and (min-width:1100px){.cd-horizontal-timeline::before{content:'desktop'}}
.cd-timeline-navigation a{position:absolute;z-index:1;top:50%;bottom:auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);height:34px;width:34px;border-radius:50%;border:2px solid #dfdfdf;overflow:hidden;white-space:nowrap;-webkit-transition:border-color .3s;-moz-transition:border-color .3s;transition:border-color .3s;display:flex;align-items:center;justify-content:center;font-size:17px}
.cd-horizontal-timeline .timeline .events .selected,.cd-horizontal-timeline a:hover,.cd-timeline-navigation a:hover{color:#182b51!important}
.cd-timeline-navigation a.prev{left:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.cd-timeline-navigation a.next{right:0}
.no-touch .cd-timeline-navigation a:hover{border-color:#182b51}
.cd-timeline-navigation a.inactive{cursor:not-allowed}
.no-touch .cd-timeline-navigation a.inactive:hover{border-color:#dfdfdf}
.cd-horizontal-timeline .events-content{position:relative;overflow:hidden;-webkit-transition:height .4s;-moz-transition:height .4s;transition:height .4s}
.cd-horizontal-timeline .events-content>ol>li{position:absolute;z-index:1;width:100%;left:0;top:0;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);opacity:0;-webkit-animation-duration:.4s;-moz-animation-duration:.4s;animation-duration:.4s;-webkit-animation-timing-function:ease-in-out;-moz-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
.cd-horizontal-timeline .events-content li.selected{position:relative;z-index:2;opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
.cd-horizontal-timeline .events-content li.enter-right,.cd-horizontal-timeline .events-content li.leave-right{-webkit-animation-name:cd-enter-right;-moz-animation-name:cd-enter-right;animation-name:cd-enter-right}
.cd-horizontal-timeline .events-content li.enter-left,.cd-horizontal-timeline .events-content li.leave-left{-webkit-animation-name:cd-enter-left;-moz-animation-name:cd-enter-left;animation-name:cd-enter-left}
.cd-horizontal-timeline .events-content li.leave-left,.cd-horizontal-timeline .events-content li.leave-right{-webkit-animation-direction:reverse;-moz-animation-direction:reverse;animation-direction:reverse}
.cd-horizontal-timeline .events-content em{display:block;font-style:normal;margin:10px auto 15px auto;font-size:32px;font-weight:300;line-height:120%}
@-webkit-keyframes cd-enter-right{0%{opacity:0;-webkit-transform:translateX(100%)}
100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes cd-enter-right{0%{opacity:0;-moz-transform:translateX(100%)}
100%{opacity:1;-moz-transform:translateX(0)}}
@keyframes cd-enter-right{0%{opacity:0;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}
100%{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}
@-webkit-keyframes cd-enter-left{0%{opacity:0;-webkit-transform:translateX(-100%)}
100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes cd-enter-left{0%{opacity:0;-moz-transform:translateX(-100%)}
100%{opacity:1;-moz-transform:translateX(0)}}
@keyframes cd-enter-left{0%{opacity:0;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}
100%{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}
.prodetails-bref,.prodetails-bref p,.siggle-page .page-r{color:#000}
.table td,table th{border:1px solid #ccc}
.prodetails-page .container{max-width:1078px}
@media screen and (min-width:769px){.pdshow-l{width:400px}
.pdshow-r{width:calc(100% - 400px);padding-bottom:106px;position:relative}
.pdshow-r .pdshow-r-btn{position:absolute;bottom:0}
.pdshow-r-btn a:last-child{margin-bottom:0}
.share-btn-list{position:absolute;bottom:65px}
.pdshow-r-btn a{width:auto;padding:0 30px}}
.prodetails-bref,.prodetails-bref p{text-align:justify}
.floatwindow_more_box{height:auto!important}
.sf-menu li.LiLevel1>a{font-weight:700;color:#1a2a51}
.latestnews-img img{max-height:100%}
.prodetails-box-cont>.prodetails-box-tit:nth-child(1){display:none}
.product-list li{text-align:left}
.advantage-list li:hover .advantage-icon i,.contactus-tit,.crumbs,.gotop i,.news-list li:hover .news-item-tit a,.newspage-ninelist-0>li:hover .newspage-item-tit a,.page-l .categories .sf-menu .currentProType,.page-l-menu ul li a:hover,.product-list li:hover .product-tit,.product-more,.products-add-inquirl,.products-inquirl-btn,.products-ninelist-0>li:hover .products-list-tit a,.sf-menu li:hover i{color:#1a2a51}
#feedbackForm .send-btn,#swiper-banner .swiper-pagination-bullet-active,.about .swiper-button-next,.about .swiper-button-prev,.addToCart,.head-share a,.home-more,.news-item-data,.newspage-item-data,.page-l-menu-tit,.pages-turn .ctxt,.pages-turn a:hover,.pdshow-r-btn a{background:#1a2a51}
#feedbackForm .send-btn:hover,.addToCart:hover,.head-share a:hover,.home-more:hover,.news-list li:hover .news-item-data,.newspage-ninelist-0>li:hover .newspage-item-data,.pdshow-r-btn a:hover{background:#66799f}
.sf-menu li:hover>a,nav .nav li .inmenu_1,nav .nav li:hover>a{color:#182b51}
.product-list li:hover .product-more{color:#66799f}
.foot-b,.foot-t{background:#1a2a51}
.search-box input{background:0 0}
.foot-contact .head-share{display:block!important}
.service ul{margin:50px auto;display:flex;justify-content:space-between}
.service ul li{width:49%;position:relative}
.service .container{max-width:100%}
.service ul li{width:49.5%}
.service ul li span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;box-sizing:border-box;font-size:32px;display:inline-block;max-width:90%;text-shadow:2px 2px 3px #000}
@media (max-width:768px){.service ul{flex-wrap:wrap}
.service ul li{width:100%;margin-bottom:15px}
.service ul li span{font-size:22px}}
.news{display:none}
.about-img{width:535px;flex-basis:535px;position:relative;z-index:1}
.about-img i{display:inline-block;padding:5px;background:#fff}
.about-img:after{content:"";position:absolute;top:0;left:0;bottom:0;width:50%;z-index:-1;background:#f2f2f2}
.about-content{width:calc(100% - 620px)}
.about-content .h3{font-size:36px;padding:15px 0 20px;position:relative}
.about-content .h3:after{content:"";position:absolute;bottom:0;height:3px;width:70px;background:#fcb026;left:0}
.about-content .h4{font-size:18px;margin:20px 0;text-transform:uppercase}
.about-content p{color:#8a8a8a;font-size:16px;line-height:1.8;margin-bottom:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;height:140px}
.about-list{display:flex;display:-webkit-flex;justify-content:flex-start;padding-top:20px;border-top:1px solid #ebebeb}
.about-list li{margin-right:20px;display:flex;justify-content:center;height:65px;align-items:center;background:0 0;padding-left:0}
.about-list li i{margin-right:10px}
.about-list li strong{display:block;font-family:Lato-black;font-size:25px;margin-bottom:5px}
.about>.container{display:flex;justify-content:space-between}
.about-btn a{position:relative;display:inline-block;padding:16px 24px;background:0 0;color:#222;font-size:16px;text-transform:uppercase;font-family:Roboto-Bold;border:1px solid #222}
.hvr-bounce-to-right:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#fcb026;transform:scaleX(0);transform-origin:0 50%;transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out}
.hvr-bounce-to-right:active:before,.hvr-bounce-to-right:focus:before,.hvr-bounce-to-right:hover:before{transform:scaleX(1);transition-timing-function:cubic-bezier(.52,1.64,.37,.66)}
@media (max-width:768px){.about>.container{flex-wrap:wrap}
.about-content{width:100%}
.about-content .h3{font-size:6.6666666667vw;padding:4vw 0}
.about-content .h3:after{height:3px}
.about-content .h4{font-size:4.2666666667vw;margin:4vw 0}
.about-content p{-webkit-line-clamp:3;height:auto}
.about-us:after{display:none}
.about-list{justify-content:space-between}
.about-list li{width:30%;flex-direction:column;height:auto;margin-right:0;justify-content:flex-start}
.about-list li span,.about-list li strong{text-align:center;font-size:14px}
.about-list li strong{font-size:5.3333333333vw}
.service ul{margin-top:0}
.about .container{padding:0 15px}}
.product-list li{width:32%}
.product-list li a{display:block;position:relative}
.product-list li a .product-cont{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:15%;text-align:center;background:rgba(0,0,0,.4);transition:.2s;opacity:0}
.product-list li a .product-cont .product-tit{margin:0 0 20px;font-size:26px;color:#fff;-webkit-line-clamp:inherit}
.product-list li a .product-cont .product-more{color:#fff;font-size:20px}
.product-list li a:hover .product-cont{background:rgba(34 34 34 / 40%);opacity:1}
@media screen and (max-width:1200px){.product-list li a .product-cont .product-tit{font-size:22px}
.product-list li a .product-cont{padding:10%}}
@media screen and (max-width:768px){.product-list li{width:48%}}
@media screen and (max-width:560px){.product-list li a .product-cont .product-tit{font-size:18px;margin-bottom:6px}
.product-list li a .product-cont .product-more{font-size:18px}
.product-list li a .product-cont{padding:5%}}
nav .nav li a{color:#000}
.head-contact p:first-child,.head-t .head-share{display:none}
.head-contact p{font-size:14px;color:#414141;margin-left:0}
.logo{margin-right:0}
nav .nav .submenu{box-shadow:1px 0 5px #ccc}
.advantage{display:none}
.sf-menu a{text-align:left}
.page-l{position:static!important}
.sf-menu>li{padding:0}
.sf-menu .LiLevel3 .cur{background:#1a2a51;color:#fff}
.sf-menu .LiLevel3:hover .cur,.sf-menu li:hover .cur{color:#fff}
.sf-menu .LiLevel3>a,.sf-menu>li>a{padding-left:10px}
.sf-menu>li.LiLevel2>a{font-weight:700}
.sf-menu>li.LiLevel2 a{padding-left:26px}
nav .nav .submenu.nav1 ul{display:flex;flex-wrap:wrap;padding-left:16px}
nav .nav .submenu.nav1>li>a{font-weight:700}
.products-ninelist-1 li{text-align:left}
.products-add-inquirl{text-align:center}
.animated{animation:none!important}
.about{padding:20px 0}
.home-tit,.product .home-more,.product-list li{margin-bottom:20px}
.service ul{margin:20px auto}
@media screen and (min-width:801px){.foot-t .container,header .container{max-width:1200px;padding:0 15px}}
nav .nav>li>a{text-transform:uppercase}
.head-t{padding:10px 0}
@media (min-width:801px){nav .nav #liproducts .submenu{width:700px;display:flex!important;flex-wrap:wrap;margin-left:-350px;left:50%}
nav .nav #liproducts{position:static}
nav .nav #liproducts .submenu>li{width:50%}
nav .nav .submenu.nav1 ul{flex-direction:column;padding-left:0}
nav .nav .submenu{left:0;border-top:6px solid #66799f}
nav .nav #liproducts .submenu>li.LiLevel1{padding:0 15px}
nav .nav #liproducts .submenu>li.LiLevel1>a{border-bottom:1px solid #666;margin-bottom:15px;text-transform:capitalize;font-weight:400;color:#666}
nav .nav #liproducts .submenu>li a{padding-left:0}
nav .nav li:not(#liproducts) .submenu a{padding-left:20px}
nav .nav li:not(#liproducts) .submenu{left:50%;transform:rotateX(90deg) translateX(-50%)}
nav .nav li:not(#liproducts):hover .submenu{transform:rotateX(0) translateX(-50%)}
nav .nav>li>a{position:relative}
nav .nav>li i.navarrow{display:block;position:absolute;right:4px;border-width:4px;border-color:#000 transparent transparent transparent;border-style:solid;top:calc(50% - 2px)}}
.ablist{display:flex;flex-wrap:wrap;justify-content:space-between}
.ablist li{width:30%;margin-bottom:20px;padding:0 15px 35px;position:relative}
.about{padding-bottom:0}
.ablist li .ablist-icon{display:flex;align-items:center;margin-bottom:12px}
.ablist li .ablist-icon img{width:40px}
.ablist li .ablist-icon h3{width:calc(100% - 40px);text-align:left;padding-left:15px;font-size:18px;color:#182b51}
.ablist li p{font-size:14px;line-height:1.6;text-align:justify;color:#182b51}
.ablist li p a{text-decoration:underline;margin-left:5px}
@media (max-width:768px){.ablist li{width:49%;margin-bottom:15px}}
.search-text{position:absolute;right:0}
.head-search-btn{padding-right:65px;position:relative}
.headtopsearch+i .search-text{display:none}
@media (max-width:768px){.search-text{display:none}}
.product .home-tit{display:none}
.ablist{max-width:1200px;margin:0 auto}
@media screen and (max-width:480px){.ablist li{width:100%;margin-bottom:25px}}
.product-list li a .product-intro{color:#fff}
.add .product-list li .product-more{margin-top:19px}
.add .product-list li a .product-cont .product-more{position:absolute;bottom:15%}
.add{margin-top:50px}
.sf-menu>li.LiLevel1{font-size:20px;border-bottom:2px solid #000}
.products-list-tit{height:40px;line-height:20px}
.products-list-text{height:48px;margin:0 0 8px;padding:0 5px}
.prodetails-page .container{max-width:1400px}
.pdshow-r .pdshow-r-btn{position:static}
.pdshow-r-btn a:last-child{border-radius:0}
.prodetails-bref table{overflow-x:inherit;display:inline-table}
@media(min-width:769px){#in-phone{margin-right:2%}}
.crumbs-wrap{width:100%;background:#f6f6f7;color:#33b9bb;text-align:center;text-transform:capitalize;padding:15px 0;text-transform:capitalize}
.crumbs{text-align:left;margin:0 auto;max-width:1220px;padding:0 20px}
.page-box .container{max-width:1600px;padding:0 15px}
.page-box .page-r{max-width:1200px}
.container{max-width:1400px}
.foot-item4 .footText{display:block;width:100%;height:38px;padding:0 10px;margin-bottom:10px}
.foot-item4 .footTextarea{display:block;width:100%;height:100px;padding:8px 10px;margin-bottom:10px}
.foot-item4 .footBtn{cursor:pointer;height:38px;border:none;background:#1a2a51;color:#fff;padding:0 18px}
.foot-list>li{max-width:25%}
.foot-list>li.foot-item4{width:25%}
.head-share{margin-top:20px}
@media screen and (max-width:1024px){.foot-list>li{max-width:100%}
.foot-list>li.foot-item4{width:100%}}
nav .nav .submenu{width:auto}
.home-tit{font-size:40px;display:inline-block;position:relative;padding-left:20px;text-transform:uppercase;color:#182b51;font-weight:700}
section.about{text-align:center}
.home-tit:before{content:'';height:60%;width:8px;background:#1a2a51;position:absolute;left:5px;top:10px;transform:skewX(-20deg)}
@media screen and (max-width:640px){.home-tit{font-size:30px}
.home-tit:before{width:6px;top:8px}}
.floatwindow_fd_conct{top:auto!important;bottom:150px!important}
#jljw_IM_GdImBox{right:5px!important}
#jljw_IM_GdImBox .GdImBox{bottom:75px!important}
#jljw_IM_GdImBox{z-index:10000000!important}
@media screen and (min-width:801px){.head-t{display:none}
nav{max-width:100%;width:100%;height:35px;background:#eee}
.head-b{height:105px}
.head-b .container{position:relative;align-items:flex-start;padding:0}
.logo{max-width:inherit;height:70px;margin-left:50px}
.logo img{max-height:60%}
.search-box{display:flex!important;position:absolute;width:450px;height:44px;left:350px;top:14px}
.head-search-btn,.search-close{display:none!important}
.search-box #btnSearch{display:block}
.search-box input.searchtxt{height:44px;border:none;background:#eee;padding:0 10px 0 20px;width:calc(100% - 52px);border-radius:30px 0 0 30px;font-size:14px}
.search-box input.searchbtn{width:50px;margin-left:2px;border:none;color:transparent;height:44px;border-radius:0 30px 30px 0;background:#eee url(/Content/C_IMG/Common/btn.png) no-repeat 12px center;background-size:18px;cursor:pointer}
body{padding-top:105px!important}
nav .nav>li>a{color:#182b51;font-weight:700}
nav .nav{justify-content:center}
header{border:none;top:0!important}}
@media screen and (max-width:1220px) and (min-width:801px){.logo{margin-left:15px}
nav .nav>li>a{padding:0 15px}
.search-box{left:320px}}
nav .nav #liproducts .submenu>li ul a{position:relative;padding-left:20px}
nav .nav #liproducts .submenu>li:nth-child(1)>a{color:#f6a705;font-weight:700}
nav .nav #liproducts .submenu>li:nth-child(2)>a{color:#1b9b82;font-weight:700}
nav .nav #liproducts .submenu>li ul a:after{content:'';width:8px;height:8px;background:#479b81;border-radius:50%;position:absolute;left:0;top:16px}
nav .nav #liproducts .submenu>li:nth-child(2) ul li:nth-child(2) a:after{background:#57a78e}
nav .nav #liproducts .submenu>li:nth-child(2) ul li:nth-child(3) a:after{background:#64af98}
nav .nav #liproducts .submenu>li:nth-child(2) ul li:nth-child(4) a:after{background:#75baa7}
nav .nav #liproducts .submenu>li:nth-child(2) ul li:nth-child(5) a:after{background:#83c3b3}
nav .nav #liproducts .submenu>li:nth-child(2) ul li:nth-child(6) a:after{background:#9accc3}
nav .nav #liproducts .submenu>li:nth-child(2) ul li:nth-child(7) a:after{background:#acd6cc}
nav .nav #liproducts .submenu>li:nth-child(1) ul li:nth-child(1) a:after{background:#eda61a}
nav .nav #liproducts .submenu>li:nth-child(1) ul li:nth-child(2) a:after{background:#eead2d}
nav .nav #liproducts .submenu>li:nth-child(1) ul li:nth-child(3) a:after{background:#eeba40}
nav .nav #liproducts .submenu>li:nth-child(1) ul li:nth-child(4) a:after{background:#eec255}
nav .nav #liproducts .submenu>li:nth-child(1) ul li:nth-child(5) a:after{background:#f3ca6e}
nav .nav #liproducts .submenu>li:nth-child(1) ul li:nth-child(6) a:after{background:#f6d18b}
nav .nav #liproducts .submenu>li:nth-child(1) ul li:nth-child(7) a:after{background:#f4dfa0}
.inquiry-tit{margin-top:0;margin-bottom:16px}
ul.contuslist{margin-bottom:15px}
ul.contuslist li:not(:first-child){position:relative;padding-left:22px}
ul.contuslist li em{width:16px;text-align:center;position:absolute;left:0;display:block;line-height:26px}
ul.contuslist li em.fa-mobile{font-size:18px}
ul.contuslist+iframe{height:380px}
@media screen and (max-width:640px){ul.contuslist+iframe{height:300px}}
.sf-menu>li:hover .sub-menu{display:none}
.sf-menu>li:hover i{transform:rotate(-90deg)}
.sf-menu>li i.tshowic{transform:rotate(0)!important}
.addthis_inline_share_toolbox{margin-top:12px}
.at-resp-share-element .at-share-btn{padding:2px!important}
.floatwindow_sidebox li{margin-bottom:0!important}
ul.floatwindow_sidebox{background:rgba(0,0,0,.3);border-radius:30px}
.floatwindow_sidebox li i{background:0 0!important}
.floatwindow_sidebox li:hover i{background:#ff6d18!important;border-radius:0 30px 30px 0}
.floatwindow_sidebox li:hover span{opacity:1}
.floatwindow_sidebox li span{opacity:0;border-radius:30px 0 0 30px;right:0!important}
.floatcontbox{position:absolute;top:0;right:26px;z-index:1;width:44px;height:44px;overflow:hidden;border-radius:0 30px 30px 0}
.floatwindow_sidebox li:hover .floatcontbox{width:240px;transition:.3s}
.add .product-list li:nth-child(5) a .product-cont{background:0 0}
.Contact .page-l{display:none}
.Contact .page-r{width:100%}
.contact-box{display:flex}
.contact-box .left{width:40%}
.contact-box .right{flex:1;padding-left:20px}
.contact-box .left .inquiry-form input{width:100%;margin-right:0!important}
@media(max-width:900px){.contact-box{display:block}
.contact-box .left{width:100%!important}
.contact-box .right{width:100%!important}
.contact-box .right{padding:0;margin-top:30px}}
.sf-menu>li.LiLevel1{border-bottom:0;margin-top:20px}
.sf-menu>li.LiLevel1:nth-child(1){margin-top:0}
.sf-menu>li.LiLevel2 a{padding:6px 16px;font-weight:500}
.sf-menu>li i{top:10px}
.sf-menu>li>.sub-menu{display:block!important}
.sf-menu li{position:relative}
.sf-menu>li>i{display:none}
.sf-menu>li>.sub-menu>li{border-bottom:1px solid #ccc;padding:0 10px}
.sf-menu>li>.sub-menu>li>a{font-size:16px}
.sf-menu li .pro-menu{display:none;padding-left:10px}
.sf-menu li .pro-menu li{padding:0 10px}
.products-list-tit a{font-size:16px}
.products-add-inquirl{text-align:left;padding:0 6px}
.catalogue ul{display:flex}
.catalogue ul li{border:1px solid #eee;padding:10px;box-sizing:border-box}
.catalogue ul li a{display:flex;flex-direction:column;text-align:center;color:#000;font-weight:600}
.catalogue ul li img{transition:all .2s linear}
.catalogue ul li p:nth-child(1){overflow:hidden}
.catalogue ul li p:nth-child(1) img{vertical-align:bottom}
.catalogue ul li p:nth-child(1):hover img{transform:scale(1.1)}
.catalogue ul li{overflow:hidden;position:relative}
.catalogue ul li div:nth-child(2) a{transition:all .1s linear}
.catalogue ul li div:nth-child(2) a:hover{transform:translateY(-10px)}
.Support .page-r img{transition:all .3s}
.Support .page-r img:hover{transform:scale(1.2)}
.Support .page-r>div>div{overflow:hidden}
.Support .page-r>div>div strong{transition:all .3s;display:block}
.Support .page-r>div>div strong:hover{transform:translateY(-5px)}
.floatwindow_top{visibility:initial!important}
.nyaboutusmodule{background:url(/js/35168/bg.jpg) no-repeat center;background-size:cover;text-align:center;padding:30px 20px}
.nyaboutusmodule .nyaboutusmodtit{font-size:35px;line-height:1.2;color:#fff;margin-bottom:45px}
.nyaboutusmodule .nyaboutusmodlist{display:flex;justify-content:space-between;flex-wrap:wrap}
.nyaboutusmodule .nyaboutusmodlist li{width:23%;background:#fff;padding:20px 15px;transition:.3s}
.nyaboutusmodule .nyaboutusmodlist li:hover{background:#1a2a51;color:#fff}
.nyaboutusmodule .nyaboutusmodlist li .nyaboutusmodpic{position:relative;width:60px;height:60px;margin:0 auto}
.nyaboutusmodule .nyaboutusmodlist li .nyaboutusmodpic img{position:absolute;top:0;left:0;width:100%;transition:.3s}
.nyaboutusmodule .nyaboutusmodlist li .nyaboutusmodpic img:nth-child(2),.nyaboutusmodule .nyaboutusmodlist li:hover .nyaboutusmodpic img:nth-child(1){opacity:0}
.nyaboutusmodule .nyaboutusmodlist li:hover .nyaboutusmodpic img:nth-child(2){opacity:1}
.nyaboutusmodule .nyaboutusmodlist li .nyaboutusmodsmtit{margin:15px 0;font-size:20px}
.nyaboutusmodule .nyaboutusmodlist li p{color:#555;font-size:14px;transition:.3s}
.nyaboutusmodule .nyaboutusmodlist li:hover p{color:#fff}
@media screen and (max-width:1180px){.nyaboutusmodule .nyaboutusmodlist li{width:48%;margin-bottom:25px}}
@media screen and (max-width:540px){.nyaboutusmodule .nyaboutusmodlist li{width:100%}}
.foot-item4 .footBtn{background:#239d84}
.fshare a,.head-share a{border:1px solid #fff;border-radius:6px;background:0 0;display:inline-flex;justify-content:center;align-items:center;width:30px;height:30px}
.fshare a i{font-size:18px;color:#fff}
.floatwindow_sidebox li span,.floatwindow_sidebox li:hover i{background:#182b51!important}
.floatwindow_fd_conct{bottom:150px!important}
.ablist li p a{display:block;margin-top:6px}
.about{margin-top:40px}
.about .home-tit{margin-bottom:30px}
.ablist li p{font-size:15px;text-align:left}
.ablist li{margin:10px 15px 35px}
.ablist li p a{position:absolute;bottom:0}
li.floatwindow_top{display:none!important}
@media screen and (min-width:1601px){#swiper-banner .swiper-button-prev{left:55px;border-radius:10px}
#swiper-banner .swiper-button-next{right:55px;border-radius:10px}}
.faq-items p:nth-child(2){display:none}
.faq-items{cursor:pointer}
.ablist li .ablist-icon h3,.home-tit,.sf-menu li:hover>a,nav .nav li .inmenu_1,nav .nav li:hover>a{color:#000}
nav .nav .submenu{border-top:none}
.gotop{bottom:80px}
.about .home-tit{margin-bottom:40px;font-size:36px}
.sf-menu li .LiLevel3 a{color:#f6a705}
.sf-menu li:nth-child(n+10) .LiLevel3 a{color:#1b9b82}
.page-l-contact-box>p em{width:20px;font-size:18px}
.page-l-contact-box>p:nth-child(5) em{font-size:24px;padding-left:4px}
.contact-share{display:flex;margin-top:10px}
.contact-share a{display:flex;margin-right:14px;background:#1a2a51;width:32px;height:32px;border-radius:4px;align-items:center;justify-content:center}
.contact-share a em{position:static!important;font-size:20px;color:#fff;width:auto!important}
.contact-share a:hover{opacity:.8}
#xyz{top:18px;margin-right:50px}
@media (max-width:800px){nav .nav .submenu{box-shadow:0 0 0}
nav .nav .submenu.nav1 ul{display:block;padding:0}
header.headact{top:0!important}
nav .nav>#liproducts i{transform:rotate(-90deg)}
nav .nav>#liproducts i.acti{transform:rotate(0)}
nav #liproducts .submenu{display:none}
nav .nav>li>a{text-align:left}
nav .nav .submenu li a{text-align:left}
#xyz{position:fixed;z-index:99999;width:120px;flex-basis:120px;height:27px;left:3.5rem;top:.46rem;padding:0;margin-top:-13px}
.xyz12{border-radius:3px;border:1px solid #dcdcdc;width:100%;background:#fff;line-height:27px;position:absolute;box-sizing:border-box}
#xyz ul{padding:0;display:block!important}
#xyz ul li:not(:first-child){display:none!important}
#xyz ul li{position:relative;background:#fff;height:25px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:27px;padding:0 8px!important;z-index:1;text-align:left;margin:0;width:100%}
#xyz ul li a{color:#333;font-size:12px;display:block;line-height:25px}
.xyz12 li.selected{border-top:0}
#xyz .xyz12 span{top:10px;display:block!important;z-index:100}
#xyz .xyz12 span.dp+ul li{display:block!important}
.xyz12 li img{vertical-align:middle;margin:-2px 7px 0 0;width:16px}
.xyz12 li:hover{background:#f2f2f2}
.mob-search{margin-left:auto}}
@media (max-width:540px){.product-list li{width:100%}
section.add .container{padding:0}
nav .nav .submenu.nav1>li>a{font-size:16px}
.products-ninelist-1 li{width:100%;margin-right:0}}
.ablist li p,nav .nav>li>a{color:#000}
.foot-list>li>h6{white-space:nowrap}
.foot-list{overflow:inherit}
.foot-item1 p{margin-top:18px}
.about .home-tit{font-size:32px}
.ablist li .ablist-icon h3,.about .home-tit{color:#1a2a51}
.service .container{max-width:1400px}
.foot-t .container,header .container{max-width:1400px}
@media(min-width:801px){.head-b .container{padding:0;box-sizing:border-box;box-sizing:border-box;width:100%;max-width:inherit}
.search-box{position:absolute;left:50%;transform:translateX(-50%)}
.search-box input.searchtxt{width:calc(100% - 100px)}}
.footlogo img{height:29px}
#xyz ul{max-height:310px;overflow-y:auto}
#xyz ul::-webkit-scrollbar{width:5px}
#xyz ul::-webkit-scrollbar-track{background-color:#f2f2f2}
#xyz ul::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.1)}
#xyz ul::-webkit-scrollbar-button{display:none}
@media (max-width:800px){#xyz ul{max-height:250px}
nav .nav>li i{font-size:20px}
nav .nav{height:auto;max-height:calc(100vh - .92rem)}
nav{bottom:unset}}
.newspage-ninelist-1 li .newspage-img a{position:relative;display:block;width:100%;padding-bottom:72.53333%}
.newspage-ninelist-1 li .newspage-img a img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:contain;border:1px solid #ccc;box-sizing:border-box}
*{box-sizing:border-box}
@media (max-width:800px){#xyz ul li{box-sizing:border-box}
.head-b .container{box-sizing:border-box}}
.product-list li a .product-cont{box-sizing:border-box}
#page-content-view{display:none}
@media screen and (min-width:1221px){nav .nav>li>a{padding:0 30px}}
@media (min-width:801px){nav .nav>li i.navarrow{right:10px}}
.faq-items>p:first-child{border:1px solid #ccc;padding:10px;position:relative}
.faq-items>p:nth-child(2){background:#eee;padding:10px}
.faq-items>p:first-child:before{transition:.5s;content:'';width:20px;height:4px;background:#1a2a51;right:10px;position:absolute;top:50%;transform:translateY(-50%);border-radius:100%}
.faq-items>p:first-child:after{transition:.5s;content:'';position:absolute;width:4px;height:20px;background:#1a2a51;right:18px;border-radius:100%;top:50%;transform:translateY(-50%)}
.faq-items>p:first-child.active:before{transform:translateY(-50%) rotate(180deg);transition:.5s}
.faq-items>p:first-child.active:after{transform:translateY(-50%) rotate(270deg);transition:.5s}
.pdshow-r-btn a:last-child{border-radius:25px}
.news-page .page-l,.newsdetails-page .page-l,.newstype-page .page-l,.siggle-page .page-l{display:none}
.news-page .page-r,.newsdetails-page .page-r,.newstype-page .page-r,.siggle-page .page-r{float:none;margin:0 auto}
.foot-contact a{color:#fff}
.foot-list>li.foot-item3{display:none}
#liabout-us>a,#liresources>a{pointer-events:none}
.partner .home-tit{text-align:center;display:block;padding-left:0}
.partner .home-tit:before{display:none}
.partner ul img{width:100%;height:90px;object-fit:contain}
.partnerlist{margin:0 0 50px;position:relative;padding:0 60px}
.partner-btn>div{width:38px;height:38px;position:absolute;top:50%;transform:translateY(-50%);background:#eee;cursor:pointer;transition:.3s}
.partner-btn>div.partner-button-prev{left:0}
.partner-btn>div.partner-button-next{right:0}
.partner-btn>div:hover{background:#ddd}
.partner-btn>div:after{content:'';width:10px;height:10px;border:1px solid #000;border-bottom:none;position:absolute;top:13px}
.partner-btn>div.partner-button-prev:after{border-right:none;transform:rotate(-45deg);left:15px}
.partner-btn>div.partner-button-next:after{border-left:none;transform:rotate(45deg);left:10px}
@media (max-width:540px){.partner ul img{height:60px}
.partner-btn>div{width:32px;height:32px}
.partner-btn>div:after{width:8px;height:8px;top:11px}}
.head-share{display:flex}
.head-share a:first-child{order:2}
.head-share a:nth-child(2){order:3}
.head-share a:nth-child(3){order:1}
.head-share a:nth-child(4){order:4}
.head-share a:nth-child(5){display:none}
.head-share a:nth-child(6){order:5}
h3.home-tit::after{content:'';height:60%;width:8px;background:#1a2a51;position:absolute;left:5px;top:10px;transform:skewX(-20deg)}
.partner .home-tit{display:inline-block;padding-left:20px;color:#182b51;font-size:39px}
.partner .container{text-align:center}
.partnerlist .swiper-wrapper{display:flex}
.partnerlist .swiper-wrapper .swiper-slide{width:18%}
.partnerlist .swiper-wrapper .swiper-slide img{max-height:60px}
.foot-contact i{margin-right:5px}
.newsdetails-cont p{margin-bottom:0}
.newsdetails-page .page-box .page-r{max-width:900px}
.head-share-con a{border:1px solid #000;border-radius:6px;background:0 0;display:inline-flex;justify-content:center;align-items:center;width:30px;height:30px;margin-right:6px}
.newsdetails-cont p{color:#000}
ul.contuslist li .head-share-con em{position:static}
.contact-box{justify-content:space-between;flex-wrap:wrap}
.contact-box .left{width:48%}
.contact-box .right{flex:unset;padding-left:0;width:48%}
.newsdetails-page .share-btn-list{position:static}
.page-tit+p{font-size:17px;max-width:100%;margin-bottom:20px;color:#000;line-height:1.5}
@media (max-width:768px){.pdshow-r-btn a{border-radius:25px}
.pdshow-r-btn .sendinquiry{background:#1a2a51}
.page-tit+p{width:100%}}
.prodetails-box{max-width:1100px}
.partnerlist .partner-btn{display:none}
.praiselist li p img{max-width:30px;margin-right:10px}
.fshare{display:none}
.inquiry-form input#in-name{margin-right:0}
#in-phone{margin-right:0}
.about>.container{flex-wrap:wrap;justify-content:center}
.ablist{width:100%}
section.about lite-youtube{max-width:100%;width:1140px;margin:0 30px 30px}
@media (max-width:560px){.ablist li{margin:15px 0 20px;padding:0 0 30px}
section.about lite-youtube{margin:0 0 30px}}
@media (max-width:560px){.logo img{max-width:140px}}
@media (min-width:1025px){.lang{margin:18px 70px 0 30px}}

.homepro-list{display: flex;flex-wrap: wrap;justify-content: space-between;}
.proitem{width: 24%;margin-bottom: 30px;padding-bottom: 10px;text-align: center;border: 1px solid #EEE;border-radius: 5px 5px 0px 0px;transition: all .2s ease-in-out;}
.home-product{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.home-news{padding-bottom:4%}
.home-news .homenews-box{margin-top:-10%;background:#f6f6f6;border:1px solid #f6f6f6;padding:30px}
.home-news .homenews-box .home-line{margin-bottom:20px}
.home-news .homenews-list{display:flex;flex-wrap:wrap;margin-top:3%}
.home-news .homenews-list .homenews-item{width:23%;margin-right:2.6%;background:#eee;transition:all .1s linear;border-radius:var(--borderradius);overflow:hidden}
.home-news .homenews-list .homenews-item:nth-child(4n){margin-right:0}
.home-news .homenews-list .homenews-item .homenews-img{position:relative;overflow:hidden}
.home-news .homenews-list .homenews-item .homenews-img a{display:flex;align-items:center;justify-content:center;max-height:300px}
.home-news .homenews-list .homenews-item .homenews-img a img{width:100%;height:100%;object-fit:cover}
.home-news .homenews-list .homenews-item .homenews-img .date{position:absolute;left:0;bottom:0;background:var(--color);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:var(--fontsize14);padding:4px 10px}
.home-news .homenews-list .homenews-item .homenews-info{padding:20px}
.home-news .homenews-list .homenews-item .homenews-info .icon{color:#333;font-weight:var(--fontbold5);margin-bottom:5px}
.home-news .homenews-list .homenews-item .homenews-info .icon em{color:var(--color);margin-right:5px}
.home-news .homenews-list .homenews-item .homenews-info .title{font-size:var(--fontsize18);color:var(--fontcolor);font-weight:var(--fontbold7);line-height:1.2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-bottom:15px;text-transform:capitalize}
.home-news .homenews-list .homenews-item .homenews-info .text{color:#333;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.home-news .homenews-list .homenews-item .homenews-info .more{border-top:1px solid #dcdcdc;text-transform:lowercase;color:#333;display:flex;align-items:center;padding:10px 0 0;margin-top:20px}
.home-news .homenews-list .homenews-item .homenews-info .more em{margin-left:10px}
.home-news .homenews-list .homenews-item:hover{transform:translateY(-10px)}
.home-news .homenews-list .homenews-item:hover .homenews-info .title{color:var(--color)}
@media(max-width:1024px){.home-news .homenews-list{justify-content:space-between}
.home-news .homenews-list .homenews-item{width:48%;margin-bottom:20px;margin-right:0}
.home-news .homenews-list .homenews-item:nth-child(n+3){margin-bottom:0}
.home-about,.home-choose,.home-hotpro,.home-projects,.home-service{padding:50px 0}
.home-news{padding-bottom:50px}}
@media (max-width:768px){.home-news .l-wrap{padding:0}
.home-news .homenews-box{padding:30px 15px;margin:0}
.proitem {width: 48%;}}
@media(max-width:500px){.home-news .homenews-list .homenews-item{width:100%;margin-bottom:20px!important}
.home-news .homenews-list .homenews-item:last-child{margin-bottom:0!important}}
.home-product>.container>a.home-more{display:none;}
.praise h3.home-tit::after{display:none;}
.praise .home-tit:before{display:none;}