@charset "utf-8";
@import url('/images/m416/font/iconfont.css');
:root{--color:#214c96;--fontcolor:#000000;--fontbold3:300;--fontbold4:400;--fontbold5:500;--fontbold6:600;--fontbold7:700;--fontbold8:800;--fontfamily:'Lato', 'Roboto', 'Open Sans', 'Poppins', 'Noto Sans', Arial, Helvetica, sans-serif}
*,html,body,h1,h2,h3,h4,h5,h6,th,td,ol,ul,li,dl,dt,dd,div,p,pre,form,input,button,textarea,hr{margin:0px;padding:0px;border:0px}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
html{margin:0px;padding:0px;overflow-x:hidden}
body{margin:0px auto;padding:116px 0px 0px 0px;font-size:16px;color:var(--fontcolor);line-height:1.7;font-family:var(--fontfamily)}
ol,ul{list-style:none}
img{border:none;height:auto}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
a{color:var(--fontcolor);text-decoration:none}
header{position:fixed;z-index:99;width:100%;box-shadow:0px 0px 1px #CCC;top:0px}
.header{position:relative;width:100%;height:116px;background-color:var(--color)}
.header .header-top{display:flex;height:46px;background-color:#FFF;align-items:center}
.header .header-top .mailclock{display:flex;margin-left:24%;max-width:600px;height:46px;justify-content:center;align-items:center}
.clock,.header .header-top .mailclock .mail{display:inline-block;display:flex;margin-left:35px;color:var(--fontcolor);font-size:16px;align-items:center}
.header .header-top .mailclock .mail img{margin-right:5px;width:18px;height:14px}
.header .header-top .mailclock .clock img{margin-right:5px;width:16px;height:16px}
.header .header-top .translation{position:absolute;top:5px;right:11.5%}
.header .logo{position:absolute;top:0px;left:155px;z-index:99}
.header .logo .logo1{position:absolute;bottom:0px;left:50%;transform:translateX(-50%)}
.header nav{position:relative;display:flex;width:100%;height:70px;background:var(--color);align-items:center;justify-content:center}
.header .navImg{position:absolute;top:50%;right:50px;z-index:26;display:none}
.header nav .navNav{margin-left:20%;width:55%;height:100%}
.header nav div .nav{display:flex;width:97%;height:100%;justify-content:space-between;align-items:center}
.header nav .navNav .nav>li{display:flex;height:100%;align-items:center}
.header nav .navNav .nav>li:nth-child(1){display:none;height:160px;border-bottom:none}
.header nav .navNav ul li:nth-child(1) input{padding-left:10px;width:92%;height:59px;border:1px solid #DDD;font-size:24px}
.header nav div .nav>li a{display:flex;height:100%;color:#FFF;white-space:pre;align-items:center;font-size:18px}
.header nav div .nav li a:hover{color:#FEDF00}
.header nav div .nav>li a.inmenu_1{color:#FEDF00}
.header nav div .nav .submenu li a{padding:0px 15px;font-size:16px}
.header nav .navNav .nav>li{position:relative}
.header nav .navNav .nav>li i{position:absolute;right:-17px;color:#FFF;display:none}
.header nav .navNav .nav>li .submenu{position:absolute;top:70px;left:-20px;z-index:9;display:none}
.header nav .navNav .nav>li:hover .submenu{display:block}
.header nav .navNav .nav>li .submenu li{display:block;height:35px;background-color:rgba(33,76,150,.6);color:#FFF;white-space:nowrap}
@media(min-width:768px){
.header nav .navNav .nav>li:hover .icon-jiantouyou{color:#FEDF00;transform:rotate(90deg)}}
.search{position:relative;display:flex;width:27px;height:27px;cursor:pointer;align-items:center}
.search #txtSearch{position:absolute;top:49px;right:0px;display:none;padding-left:10px;width:300px;height:40px;outline:0;border:none;border-radius:20px}
.banner{width:100%}
.banner .bannerimg{border:none;height:auto}
.banner img{width:100%;height:auto;vertical-align:bottom}
.introduction{padding-bottom:50px;overflow:hidden;text-align:center}
.introduction .hello{position:relative;margin:0px auto;width:80%}
.introduction .hello img{width:100%;height:auto}
.introduction .hello p{position:absolute;top:30%;left:50%;color:#FFF;font-size:18px;transform:translateX(-50%)}
.introduction .hello p::after{position:absolute;top:50%;left:-162px;width:120px;height:1px;background-color:#FFF;content:''}
.introduction .hello p::before{position:absolute;top:50%;right:-162px;width:120px;height:1px;background-color:#FFF;content:''}
.introduction .welcome{margin:50px auto 0px;width:40%}
.introduction .welcome p{margin-bottom:10px;color:var(--fontcolor);font-size:30px;text-transform:capitalize}
.introduction .welcome span{display:inline-block;display:-webkit-box;overflow:hidden;width:100%;color:#333;font-size:16px;-webkit-box-orient:vertical;-webkit-line-clamp:6}
.introduction .hellobtn{margin-top:20px}
.introduction .hellobtn a{display:inline-block;padding:6px 30px;border:1px solid #FEDF00;border-radius:35px;background-color:#FEDF00;color:var(--color)}
.introduction .hellobtn a:nth-child(1){margin-right:30px}
.introduction .hellobtn a:hover{border:1px solid var(--color);background-color:#FFF;transition:.5s}
.case{padding:50px 0px;overflow:hidden;background-color:#FAFAFA;text-align:center}
.case .ourcase p{margin:0px auto;color:var(--fontcolor);font-size:30px;text-transform:capitalize}
.case .ourcase span{color:#555;font-size:16px}
.case .caseItem{margin:0px auto;width:80%}
.case ul{display:flex;margin-top:30px;width:100%;justify-content:space-between}
.case ul li{padding:15px;width:30%;background-color:#FFF}
.case ul li img{width:100%;height:auto}
.case ul li p, .case .caseItem ul li p{display:inline-block;margin-top:15px;color:var(--fontcolor);font-size:20px}
.case ul li span,.case .caseItem ul li span{display:inline-block;display:-webkit-box;overflow:hidden;margin-top:10px;color:#555;font-size:16px;line-height:1.7;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.case ul li a,.case .caseItem ul li a{display:inline-block;margin:15px auto;padding:6px 30px;border:1px solid #FEDF00;border-radius:35px;background:#FEDF00;color:var(--color);font-size:15px}
.case ul li a:hover,.case .caseItem ul li a:hover{border:1px solid var(--color);background-color:#FFF;transition:.5s}
.case ul li:hover{background-color:var(--color);transition:1s}
.case ul li:hover p{color:#FFF}
.case ul li:hover span{color:#FFF}
.product{padding-top:50px;overflow:hidden;text-align:center}
.product .productTop p{margin:0px auto;color:var(--fontcolor);font-size:30px;text-transform:capitalize}
.product .productTop span{color:#555;font-size:16px}
.product .productItem ul{display:flex;margin:30px auto 50px auto;width:80%;justify-content:space-between;flex-wrap:wrap}
.product .productItem ul a{display:contents}
.product .productItem ul li{position:relative;overflow:hidden;margin-bottom:30px;width:19%;border:1px solid #EEE}
.product .productItem ul li>a{display:flex;height:100%;justify-content:center;align-items:center}
.product .productItem ul li a .loaded{width:100%}
.product .productItem ul li .more{position:absolute;top:0px;width:100%;height:100%;background:rgba(33,76,150,.3);opacity:0}
.product .productItem ul li:hover .more{opacity:1;transition:.4s}
.product .productItem ul li div .more{position:absolute;width:100%;height:100%}
.product .productItem ul li div .more p{position:absolute;top:50%;left:50%;width:100px;border:5px solid rgba(33,76,150,.8);border-radius:50%;background:#FEDF00;color:var(--color);font-size:18px;line-height:100px;transform:translate3d(-50%,-50%,0)}
.product .productItem ul li div span{position:absolute;bottom:0px;left:50%;overflow:hidden;width:100%;background-color:var(--color);color:#FEDF00;text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:40px;transform:translateX(-50%)}
.product .statistics{margin:0px auto;padding:40px 0px;width:100%;background-color:var(--color)}
.product .statistics>div{display:inline-block;width:18px;height:18px;border-radius:50%;background-color:#FEDF00;text-align:center}
.product .statistics ul{display:flex;margin:0px auto;width:70%;justify-content:space-around}
.product .statistics ul li span{display:inline-block;color:#FEDF00;font-size:36px}
.product .statistics ul li p{color:#FFF;font-size:18px}
.strength{padding:50px 0px;background-color:#FAFAFA;text-align:center}
.strength .ourStrength p{margin:0px auto;color:var(--fontcolor);font-size:30px;text-transform:capitalize}
.strength .ourStrength span{color:#555;font-size:16px}
.strengthItem{margin:30px auto 0px auto;width:80%}
.strengthItem ul{display:flex;justify-content:space-between}
.strengthItem ul li{box-sizing:border-box;padding:15px;width:32%;background:#FFF}
.strengthItem ul li:hover{background-color:var(--color);transition:.6s}
.strengthItem ul li:hover .text{border:1px solid #FEDF00;background-color:var(--color);background-size:0;transition:.5s}
.strengthItem ul li:hover .text p{color:#FEDF00}
.strengthItem ul li:hover .text span{color:#FFF}
.strengthItem ul li .text{width:100%;height:100%;background:linear-gradient(to left,#FEDF00 ,#FEDF00) left top no-repeat,linear-gradient(to bottom,#FEDF00,#FEDF00) left top no-repeat,linear-gradient(to left,#FEDF00,#FEDF00) right bottom no-repeat,linear-gradient(to left,#FEDF00,#FEDF00) right bottom no-repeat;background-color:#e8e8e8;background-size:.08rem 3rem,3rem .08rem}
.strengthItem ul li .text img{margin-top:50px}
.strengthItem ul li .text p{color:var(--fontcolor);font-size:20px}
.strengthItem ul li .text span{display:-webkit-inline-box;overflow:hidden;margin-bottom:50px;width:70%;color:#555;font-size:16px;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.latestNews{margin:50px auto;width:80%}
.latestNews .latestNewsTitle{text-align:center;text-transform:capitalize}
.latestNews .latestNewsTitle .yellow{margin:0px auto;color:var(--fontcolor);font-size:30px;text-transform:capitalize}
.latestNews .latestNewsTitle .blue{color:#555;font-size:16px}
.latestNews .latestNewsList ul{display:flex;justify-content:space-between;flex-wrap:wrap}
.latestNews .latestNewsList ul a{display:contents}
.latestNews .latestNewsList ul li{display:flex;margin-top:30px;width:32%;box-shadow:0 0 2px #BABABA;justify-content:space-between}
.latestNews .latestNewsList ul li:hover{box-shadow:0 0 9px #BABABA;transition:.5s;transform:translateY(-5px)}
.latestNews .latestNewsList ul li .latestNewsListT{display:flex;padding:15px;width:14%;background-color:#6289cd;align-items:center;justify-content:center;flex-wrap:wrap}
.latestNews .latestNewsList ul li .latestNewsListT p{color:#FEFEFE;font-size:28px}
.latestNews .latestNewsList ul li .latestNewsListT div{display:inline-block;width:90%;height:1px;background-color:#FFF}
.latestNews .latestNewsList ul li .latestNewsListT span{color:#FEFEFE;font-size:13px}
.latestNews .latestNewsList ul li .latestNewsListB{padding:10px;width:73%;background-color:#FFF}
.latestNews .latestNewsList ul li .latestNewsListB p{display:-webkit-box;overflow:hidden;margin-bottom:10px;max-height:1.4em;font-size:18px;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.latestNews .latestNewsList ul li .latestNewsListB span{display:-webkit-box;overflow:hidden;color:#555;font-size:16px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}
footer{padding:30px 0px 0px;background:url(/images/m416/footer.png) var(--color) no-repeat center;background-size:cover}
footer .footerTop{display:flex;margin:0px auto;width:82%;justify-content:space-between}
footer .footerTop>div{width:20%}
footer .footerLeft div p{margin-bottom:10px;color:#FEFEFE;font-size:20px;text-transform:capitalize}
footer .footerLeft>div>div{margin-bottom:15px;height:2px;border-left:100px solid #FEDF00;background-color:#2759AE}
footer .footerTop .footerLeft ul{margin-top:10px}
footer .footerTop .footerLeft .footerLeftT li{display:flex;margin-bottom:15px;color:#FFF;font-size:16px;line-height:21px;align-items:center}
footer .footerTop .footerLeft .footerLeftT li span,footer .footerTop .footerLeft .footerLeftT li span a{color:#FFF}
footer .footerTop .footerLeft ul:nth-child(3){display:flex}
footer .footerTop .footerLeft ul:nth-child(3) li{box-sizing:border-box;width:32px;height:32px;border:1px solid rgba(255,255,255,0);border-radius:50%}
footer .footerTop .footerLeft ul:nth-child(3) li:hover{box-sizing:border-box;border:1px solid #FFF;transition:.5s}
footer .footerTop .footerLeft ul:nth-child(3) li a{display:flex;width:100%;height:100%;justify-content:center;align-items:center}
footer .footerTop .footerLeft ul:nth-child(3) li a i{color:#FFF;font-size:18px}
footer .footerLeftT li img{margin-right:12px}
footer .footerCenter .footerTitle p{margin-bottom:10px;color:#FEFEFE;font-size:20px;text-transform:capitalize}
footer .footerCenter .footerTitle div{margin-bottom:15px;height:2px;border-left:100px solid #FEDF00;background-color:#2759AE}
footer .footerCenter .fnav li:hover a{color:#FEDF00}
footer .footerCenter .fnav li a{color:#FFF;font-size:16px}
footer .footerCenter .center{color:#FFF;font-size:16px;line-height:27px}
footer .footerCenter .center p{margin-left:10px;color:#FEDF00}
footer .footerCenter .center ul{display:flex;margin-top:63px;width:150px;justify-content:space-between}
footer .footerRight .footerTitle p{margin-bottom:10px;color:#FEFEFE;font-size:20px;text-transform:capitalize}
footer .footerRight .footerTitle div{margin-bottom:15px;height:2px;border-left:100px solid #FEDF00;background-color:#2759AE}
footer .footerRight .center{margin-bottom:20px;color:#FFF;font-size:16px;line-height:21px}
footer .footerRight span a{display:inline-block;padding:6px 20px;border:1px solid #FEDF00;border-radius:29px;background-color:#FEDF00;color:#083584;font-size:14px}
footer .footerRight span a:hover{border:1px solid #083584;background-color:#FFF;transition:.5s}
footer .footerBottom{margin-top:30px;padding:15px 0px;font-size:14px;color:#FEFEFE;width:100%;background-color:#083584;text-align:center}
footer .footerBottom a{margin-left:10px;color:#FEFEFE;font-size:14px}
.aboutList{overflow:hidden;margin:40px auto 80px;width:85%}
.aboutContent{display:flex;justify-content:center;flex-wrap:wrap}
.aboutContent ul{display:flex;margin-top:20px;width:100%;justify-content:space-between;flex-wrap:wrap}
.aboutContent ul .liImg{width:57%}
.aboutContent ul .liImg img{width:100%;height:100%}
.aboutContent ul .liText{display:flex;width:40%;align-items:center}
.aboutContent ul .liText>div{width:100%}
.aboutContent ul .liText p{position:relative;display:-webkit-box;overflow:hidden;margin-bottom:20px;color:var(--color);font-size:25px;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.aboutContent ul .liText p::before{position:absolute;bottom:-20px;left:0px;width:31px;height:2px;background:#B7B7B7;content:''}
.aboutContent ul .liText>div>div{display:-webkit-box;overflow:hidden;width:100%;color:#333;font-size:16px;-webkit-box-orient:vertical;-webkit-line-clamp:7}
.productBanner{position:relative;width:100%;height:100%;text-align:center;line-height:0px;min-height:200px;background:var(--color)}
.productBanner img{width:100%}
.productBannerTitle{display:block;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.productBannerTitle span:first-child{color:#FFF;font-size:14px}
.productBannerTitle h1, .productBannerTitle h2 {color:#FFF;font-size:32px}
.productBannerTitle span:nth-child(2){color:#FFF;text-transform:capitalize}
.productBannerTitle .bPosition{display:inline-block}
.productMain{display:flex;overflow:hidden;margin:40px auto 80px;width:85%}
.productSide{margin-right:60px;width:340px}
.productList{flex:1}
.productSide .productSideTop{margin-bottom:20px}
.productSide .productSideTop .sf-menu .menu-item{position:relative;padding-left:10px;border-bottom:1px solid #DDD}
.productSide .productSideTop .sub-menu{display:none;padding:0px 10px}
.productSide .productSideTop .sub-menu li:hover a{color:#FEDF00}
.productSide .productSideTop .sf-menu .menu-item i{position:absolute;top:7px;right:7px;font-size:16px;color:#333}
@media(min-width:1025px){.productSide .productSideTop .sf-menu .menu-item:hover i{color:#FEDF00;transition:.3s;transform:rotate(90deg)}
.productSide .productSideTop .sf-menu .menu-item:hover .sub-menu{display:block}
.productSide .productSideTop .sf-menu .menu-item:hover>a{color:#FEDF00!important}}
.productSide .productSideTop .sf-menu .menu-item a{color:var(--fontcolor);font-size:16px;line-height:40px}
.is-active{color:#FEDF00!important}
.productSide .productSideTop .TitleName{padding:10px;background:var(--color);color:#FFF;font-size:20px}
.productSide .productSideTop .productSideTopContent>div{position:relative;padding:0px 70px 0px 29px;border-bottom:1px solid #DDD;color:var(--fontcolor);font-size:16px;line-height:43px}
.productSide .productSideTop .productSideTopContent>div:nth-child(4){border:none}
.productSide .productSideTop .productSideTopContent>div .Triangle{position:absolute;top:16px;right:20px;width:0px;height:0px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #333}
.productSide .productSideTop .productSideTopContent>div:nth-child(2):hover .Triangle,.productSide .productSideTop .productSideTopContent>div:nth-child(3):hover .Triangle{position:absolute;top:16px;right:20px;width:0px;height:0px;border-top:6px solid #FEDF00;border-right:6px solid transparent;border-left:6px solid transparent}
.productSide .productSideTop .productSideTopContent>div>ul{display:none;color:var(--fontcolor);font-size:16px;line-height:43px}
.productSide .productSideTop .productSideTopContent>div>ul li{margin-left:20px}
.productSide .productSideTop .productSideTopContent>div>ul>li>a:hover{color:#FEDF00}
.productSide .productSideTop .productSideTopContent>div:hover>ul{display:block}
.productSide .productSideTop .productSideTopContent>div:hover>a{color:#FEDF00}
#productSideTopContent111 .productSideTopContentdiv1>a{color:#FEDF00}
#productSideTopContent111 .productSideTopContentul1{display:block}
#productSideTopContent111 .productSideTopContentul1 li:nth-child(2) a{color:#FEDF00}
#productSideTopContent111 .productSideTopContentdiv1 .Triangle{position:absolute;top:16px;right:20px;width:0px;height:0px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #FEDF00}
.productSideCenter .TitleName{margin-bottom:20px;padding:10px;background:var(--color);color:#FFF;font-size:20px}
.productSideCenter ul li{display:flex;margin-bottom:20px;width:100%;justify-content:space-between}
.productSideCenter ul li .img{position:relative;display:flex;overflow:hidden;width:40%;height:100px;border:1px solid #E5E5E5;justify-content:center;align-items:center}
.productSideCenter ul li .img a{height:100%}
.productSideCenter ul li .img img{max-width:100%;max-height:100%}
.productSideCenter ul li .text{width:50%}
.productSideCenter ul li .text p{overflow:hidden;margin-bottom:8px;max-height:5em;color:var(--fontcolor);font-size:16px}
.productSideCenter ul li .text span{color:grey;line-height:16px;opacity:.71;ont-size:16px;display:none}
.productSideCenter ul li:hover .text p{color:#FEDF00;transition:.5s}
.productSideCenter ul li:hover img{transition:.5s;transform:scale(1.2)}
.productSideBottom .TitleName{margin-bottom:20px;padding:5px 0px 5px 28px;background:var(--color);color:#FFF;font-size:21px}
.productSideBottom ul li{position:relative;margin-bottom:30px;margin-left:25px}
.productSideBottom ul li span{position:absolute;left:40px}
.productSideBottom ul li span,.productSideBottom ul li span a{overflow:hidden;max-height:3em;color:#333!important;font-size:16px;line-height:21px}
.Pagination{margin:0px auto;margin-top:40px;margin-bottom:100px;width:50%}
.Pagination ul{display:flex;justify-content:space-between}
.Pagination ul li{padding:15px 10px;border:1px solid #D9D9D9;color:#626262}
.Pagination ul a{display:block;padding:15px 27px;border:1px solid #D9D9D9}
.Pagination ul a:hover{background:var(--color);color:#FFF}
.Pagination ul .ablue{background:var(--color);color:#FFF}
.Pagination ul .li1-3{border:none;color:#1B1B1B}
.Feedback{margin:0px auto;padding-top:50px;width:80%}
.Feedback .page-box .container>p{color:var(--fontcolor);font-size:20px;line-height:30px}
.inquiry-pro-list{margin:30px 0px;padding:40px;border:1px solid #B7B7B7}
.inquiry-pro-item{display:flex;padding:20px 30px;border-bottom:1px solid #B7B7B7;justify-content:space-between}
.inquiry-pro-item:last-child{border:none}
.inquiry-pro-item .pro-item-img{display:flex;align-items:center}
.inquiry-pro-item .pro-item-img img{width:120px;height:120px}
.inquiry-pro-item .pro-item-name{display:flex;width:40%;align-items:center;flex-wrap:wrap}
.pro-item-del{display:flex;width:50px;cursor:pointer;align-items:center}
.pro-item-del .icon-icon_close{color:var(--color)}
.icon-gouwuche:before{content:"\e682"}
.page-r{max-width:100vw}
.page-r .page-tit{text-align:left}
.products-ninelist-1{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;margin-bottom:40px;flex-wrap:wrap}
.products-ninelist-1 li{margin:0 30px 30px 0px;width:calc(33.33% - 20px)}
.products-ninelist-1 li:nth-child(3n){margin-right:0px}
.products-ninelist-1 li .products-list-img{position:relative;overflow:hidden;border:1px solid #EAEAEA}
.products-list-img a{display:flex;width:100%;justify-content:center}
.products-list-img .loaded{width:100%;max-height:400px}
.products-ninelist-1 li .products-list-img .products-list-name{position:absolute;bottom:20px;left:50%;display:-webkit-box;overflow:hidden;width:100%;color:var(--color);text-align:center;font-size:20px;transform:translateX(-50%);-webkit-box-orient:vertical;-webkit-line-clamp:1}
.products-ninelist-1 .products-item-name{display:flex;margin:10px 0px;color:var(--fontcolor);font-size:15px;line-height:1.3;flex-wrap:wrap}
.products-ninelist-1 .products-item-name .products-list-content{overflow:hidden;max-height:3em;display:none}
.products-ninelist-1 .products-item-name .products-list-name span{font-size:18px;font-weight:var(--fontbold6)}
.products-item-bref{display:block;display:-webkit-box;overflow:hidden;margin:10px 0 20px;max-height:42px;color:#555;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.products-add-inquirl{display:flex;width:31px;height:31px;border:1px solid var(--color);border-radius:50%;color:var(--color);cursor:pointer;align-items:center;justify-content:center}
.products-ninelist-1 li:hover .products-list-img{box-shadow:0 0 5px #CCC;transition:.5s}
.products-ninelist-1 li:hover .products-list-img img{transition:.5s;transform:scale(1.1)}
.pro-item-checked .products-item-name,.products-ninelist-1 li:hover .products-item-name{color:var(--color)}
.pro-item-checked .products-add-inquirl{background-color:var(--color);color:#FFF}
.products-ninelist-1 li .products-list-box{display:flex;justify-content:space-between}
.products-ninelist-1 li .products-item-name{width:calc(100% - 38px)}
.products-ninelist-1 li .products-item-name .products-list-name{overflow:hidden;max-height:1.8em}
.products-ninelist-1 li .products-add-inquirl{margin:10px 0px}
.products-ninelist-0>li{display:flex;overflow:hidden;margin-bottom:30px;border:1px solid #EFEFEF;transition:all .3s ease-in-out;flex-wrap:wrap;align-items:center;justify-content:space-between}
.products-ninelist-0>li .products-list-img{overflow:hidden;width:25%}
.products-ninelist-0>li .products-list-img img{height:100%;object-fit:cover}
.products-ninelist-0>li .products-list-box{padding:10px;width:69%}
.products-ninelist-0>li .products-item-name{display:block;margin:0px;margin-bottom:20px;font-size:18px}
.products-ninelist-0>li .products-list-box .products-item-text{overflow:hidden;margin-bottom:20px;max-height:3.5em}
.products-ninelist-0>li .products-item-name .products-list-name{margin-bottom:10px;max-height:2em;font-size:20px;overflow:hidden}
.products-ninelist-0>li .products-item-name .products-list-content{overflow:hidden;margin-bottom:25px;font-size:16px;color:#555;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}
.products-ninelist-0>li:hover{box-shadow:0 3px 10px 0 #EEE;transform:translateY(-6px)}
.products-ninelist-0>li:hover .products-item-name{color:var(--color)}
.pageing{display:flex;margin-bottom:40px;text-align:center;line-height:130%;justify-content:center;align-items:baseline;flex-wrap:wrap}
.pageing a,.pageing span{display:inline-block;margin:5px;padding:10px 0px;border:1px solid #D9D9D9;font-size:16px;width:40px}
.pageing{color:#888585;font-size:14px}
.pageing .ctxt{background-color:var(--color);color:#FFF;width:40px}
.pageing a:hover{background-color:var(--color);color:#FFF;transition:.5s}
.procateword{padding:0px 10px;background:#FCFCFC;font-size:16px;line-height:1.6}
.protype-text{padding-top:4px}
.keywords.proCateTags a{display:inline-block;margin:6px 8px 6px 0px;padding:2px 14px 4px;border-radius:20px;background:var(--color);color:#FFF;font-size:16px;transition:all .2s ease-in-out}
.keywords.proCateTags a:hover{background-color:#F6B22A}
.tips{position:fixed;top:20%;left:50%;margin:-32px 0 0 -120px;padding:10px;width:300px;border-radius:6px;background:orange;color:#FFF;font-size:16px;line-height:1.6}
.details{flex:1}
.detailsTop{display:flex;justify-content:space-between}
.singglepic{overflow:hidden}
.singglepic:hover img{transition:.5s;transform:scale(1.2)}
.preview-container{position:relative;padding-bottom:1px;width:450px;background:#FFF}
.preview-container .small-box{position:relative;display:flex !important;overflow:hidden;box-sizing:border-box;width:450px;height:450px;border:1px solid #EEE;background-color:#FFF;cursor:move;justify-content:center;align-items:center}
.preview-container .small-box img{width:100%;max-width:100%;max-height:100%}
.preview-container .small-box .hover{position:absolute;display:none;width:180px;height:180px;border:1px solid #EEE;background-color:hsla(0,0%,80%,.6)}
.preview-container .thumbnail-box{position:relative;box-sizing:border-box;margin:10px 0px;width:100%;background:#FFF}
.preview-container .thumbnail-box .list{position:relative;margin:0px auto;width:390px}
.preview-container .thumbnail-box .list ul{display:flex;padding:2px 0px;width:5000px}
.preview-container .thumbnail-box .list ul .item{display:flex;overflow:hidden;box-sizing:border-box;margin:0px 10px;width:58px;height:58px;border:1px solid #CCC;justify-content:center;align-items:center}
.preview-container .thumbnail-box .list ul .item:hover{cursor:pointer}
.preview-container .thumbnail-box .list ul .item img{display:block;max-width:100%;max-height:100%}
.preview-container .thumbnail-box .list ul .item-cur{outline:2px solid #0078d7;border:none}
.preview-container .thumbnail-box .list .banner-page{position:absolute;right:1.3333333333vw;bottom:1.3333333333vw;z-index:999;display:none;width:13.3333333333vw;height:6.6666666667vw;border-radius:5.3333333333vw;background:rgba(0,0,0,.8);justify-content:center;align-items:center}
.preview-container .thumbnail-box .list .banner-page span{color:#FFF;font-size:4vw}
.preview-container .thumbnail-box .btn{position:absolute;top:50%;margin-top:-10px;width:22px;height:32px}
.preview-container .thumbnail-box .btn-prev{left:0px;background:url(/images/m416/btn_prev.png) no-repeat;background-position:10px 0px;background-size:10px}
.preview-container .thumbnail-box .btn-next{right:0px;background:url(/images/m416/btn_next.png) no-repeat;background-size:10px}
.preview-container .thumbnail-box .btn_prev_disabled{background:url(/images/m416/btn_prev_disabled.png) no-repeat;background-position:10px 0px;background-size:10px;cursor:not-allowed}
.preview-container .thumbnail-box .btn_next_disabled{background:url(/images/m416/btn_next_disabled.png) no-repeat;background-size:10px;cursor:not-allowed}
.preview-container .big-box{position:absolute;top:0px;left:449px;z-index:20;display:none;overflow:hidden;box-sizing:border-box;width:550px;height:553.5px;border:1px solid #EEE;background:#FFF}
.preview-container .big-box img{display:block;width:130%;max-width:none;max-height:none}
.preview-container #media{background:#EEE}
.preview-container #media{position:absolute;top:0px;left:0px;z-index:2;width:450px;height:450px}
.vPlay {position:absolute;bottom:10px;left:10px;background:rgba(0,0,0,.6) url(/images/m416/vPlay.png) no-repeat center;background-size:26px;z-index:10;cursor:pointer;user-select:none;width:40px;height:40px;border-radius:50%}
.detailsTopRight{margin-left:60px;flex:1}
.detailsTopRighttext h1{color:var(--fontcolor);font-size:20px}
.detailsTopRighttext p{margin:10px 0px 20px;color:#555;font-size:16px}
.detailsTopRightF ul{display:flex}
.detailsTopRightF ul li{margin-right:8px}
.detailsTopRightyun{margin-top:20px}
.detailsTopRightyun ul{display:flex}
.detailsTopRightyun ul li{margin-right:15px;cursor:pointer}
.detailsTopRightyun ul li a span{display:block;text-transform:capitalize;padding:10px 20px;border:1px solid var(--color);color:var(--color);font-size:16px}
.detailsTopRightyun ul li a span img{margin-left:20px;width:15px}
.detailsTopRightyun ul li:nth-child(2) a span img{margin-left:38px}
.detailsTopRightyun ul li a span:hover{box-shadow:1px 1px 3px #BBB}
.detailsTable{margin-top:10px}
.detailsTable .detailsTableTop{margin-bottom:10px;border-bottom:1px solid #E5E5E5}
.detailsTable .detailsTableTop ul{display:flex;margin:0px}
.detailsTable .detailsTableTop ul li{padding:5px 10px;border-bottom:2px solid #FEDF00;color:var(--fontcolor);font-size:20px;font-weight:var(--fontbold6)px}
.yellow-bt{border-bottom:2px solid #FEDF00}
.detailsTableContent img{max-width:100%;height:100%!important}
.table-responsive{margin:10px 0px}
.detailsTableContent .table-responsive .table{overflow-x:auto}
.detailsTableContentT{margin-top:40px;color:#555;font-size:20px;line-height:40px}
.detailsTableTurnPage{display:flex;margin:20px auto;justify-content:space-between}
.detailsTableTurnPage div{display:flex;width:50%;height:45px;background:#E5E5E5;color:var(--fontcolor);font-size:16px;align-items:center;justify-content:space-around}
.detailsTableTurnPage .zuo{display:flex;justify-content:space-around}
.detailsTableTurnPage .zuo span:nth-child(2){width:80%}
.detailsTableTurnPage .you{display:flex;justify-content:space-around}
.detailsTableTurnPage .you span:nth-child(1){width:80%}
.detailsTableTurnPage div span{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.detailsTableTurnPage div:hover{box-sizing:border-box;border:1px solid var(--color);background:0 0;color:var(--color)}
.detailsTableTurnPage div:hover span a{color:var(--color)}
.magnifierPhone{display:none;margin:0px auto 40px;width:700px}
.magnifierPhone img{width:700px;width:700px}
.swiper-pagination{--swiper-pagination-color:var(--color)}
.inquiry-form{display:flex;width:100%;flex-wrap:wrap}
.inquiry-form>input{bottom:20px;margin-top:10px;width:100%;height:50px;outline:0;border:1px solid #E5E5E5}
.inquiry-form>textarea{outline:0;resize:none}
.inquiry-form #in-content{margin-top:10px;padding-top:10px;width:100%;height:80px;border:1px solid #E5E5E5}
.inquiry-form p{margin-top:20px}
.input-error{border:1px solid red!important}
.send-btn{color:#FFF;text-align:center}
.send-btn .span:nth-child(1){display:inline-block;margin-top:30px;margin-bottom:60px;padding:6px 40px;background-color:var(--color);cursor:pointer}
.productMainContact .send-btn{text-align:left}
.detailsSort h1{display:inline-block;margin-bottom:20px;padding-bottom:10px;border-bottom:3px solid var(--color);color:var(--fontcolor);font-size:20px}
.product-sort-bottom{padding:10px;border:1px solid #EEE}
.product-sort-bottom div{margin-bottom:5px;color:var(--fontcolor);font-size:16px;line-height:130%}
.product-sort-bottom a{font-size:16px}
.productSide .newsViewd .TitleName{margin-bottom:20px;padding:5px 0px 5px 28px;background:var(--color);color:#FFF;font-size:21px}
.productSide .newsViewd ul li{margin-bottom:22px}
.productSide .newsViewd ul li:hover p{color:#FEDF00;transition:.5s}
.newsViewd ul li>img{width:100%}
.NewsTopHotList div{display:flex;overflow:hidden;width:100%;height:140px;justify-content:center;align-items:center}
.NewsTopHotList div>img{max-width:100%}
.NewsTopHotList li:hover div>img{transition:.5s;transform:scale(1.1)}
.productSide .newsViewd ul li p{overflow:hidden;margin:5px 10px;color:var(--fontcolor);font-size:16px}
.productSide .newsViewd ul li span{color:#555;font-size:14px;display:flex;align-items:center}
.productSide .newsViewd ul li span img{margin-right:10px;margin-left:10px;width:15px}
.productMain .newsList{width:100%}
.productMain .newsList .content-list0{width:100%}
.productMain .newsList .content-list0 li{display:flex;overflow:hidden;margin-bottom:40px;padding:15px;width:100%;min-height:150px;border:1px solid #EEE}
.productMain .newsList .content-list0 li>a{display:flex}
.productMain .newsList .content-list0 li .newsItem{margin-left:45px}
.productMain .newsList .content-list0 li .newsListDiv1 p{display:-webkit-box;overflow:hidden;margin-top:10px;margin-bottom:20px;max-height:1.5em;color:var(--fontcolor);font-size:18px;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.productMain .newsList .content-list0 li .newsListDiv1 span{color:#555;font-size:16px}
.productMain .newsList .content-list0 li .newsListDiv1 span img{margin-right:10px}
.productMain .newsList .content-list0 .newsListText{margin-top:20px}
.productMain .newsList .content-list0 .newsListText p{display:-webkit-box;overflow:hidden;margin-top:5px;max-height:3em;color:var(--fontcolor);font-size:16px;line-height:22px;opacity:.71;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.productMain .newsList .content-list0 li:hover{box-shadow:0 0 10px #EEE;transition:.5s;transform:translateY(-5px)}
.newsDetail{overflow:hidden;width:100%}
.newsDetail .newsArticle .newsArticleTop h1{color:var(--fontcolor);font-size:20px}
.newsDetail .newsArticle .newsArticleTop{text-align:center}
.newsDetail .newsArticle .newsArticleTopDiv{display:flex;justify-content:center}
.newsDetail .newsArticle .newsArticleTopDiv span{color:#555;font-size:14px;display:flex;align-items:center}
.newsDetail .newsArticle .newsArticleTopDiv span img{margin-right:5px;width:12px}
.newsDetail .newsArticle .newsArticleText img{width:100%;max-width:100%}
.newsDetail .newsArticle .newsArticleText{padding-top:20px}
.share-btn-list{margin-top:20px}
.newsDetail .newsArticle .newsArticleF ul{display:flex;margin-top:38px}
.newsDetail .newsArticle .newsArticleF ul li{margin-right:8px}
.newsDetail .newsArticle .newsArticleTurnPage{margin:50px auto;width:100%}
.newsDetail .newsArticle .newsArticleTurnPage ul{display:flex;width:100%;justify-content:space-between}
.newsDetail .newsArticle .newsArticleTurnPage ul li{display:flex;width:50%;border:1px solid #E5E5E5;background:#E5E5E5;justify-content:center;align-items:center}
.newsDetail .newsArticle .newsArticleTurnPage ul li a{color:var(--fontcolor);font-size:18px;line-height:76px}
.newsDetail .newsArticle .newsArticleTurnPage ul li:hover{border:1px solid var(--color);background-color:#FFF}
.newsDetail .newsArticle .newsArticleTurnPage ul li:hover a{color:var(--color)}
.newsArticleTablename{color:var(--fontcolor);font-size:20px}
.newsArticleTable .newsArticleTableLi ul{width:100%}
.newsArticleTable .newsArticleTableLi ul li p{margin-top:20px;margin-bottom:10px;color:#9C9C9C;font-size:16px}
.newsArticleTable .newsArticleTableLi ul li input{padding-left:20px;width:100%;height:35px;outline:0;border:1px solid #E5E5E5;font-size:20px}
.newsArticleTable .newsArticleTableLi ul li:nth-child(4) input{height:70px}
.newsArticleTableSubmit{margin:52px auto 100px;text-align:center}
.newsArticleTableSubmit a{padding:18px 44px;width:220px;background:var(--color);color:#FFF;font-size:18px}
.newsJgg{display:flex;justify-content:space-between;flex-wrap:wrap}
.newsJgg li{margin-bottom:34px;width:32%}
.newsJgg li .newsJggimg{overflow:hidden;margin-right:40px;min-width:200px}
.content-list0 li .newsJggimg img{width:200px}
.newsJgg li:hover .newsJggimg img{transition:.5s;transform:scale(1.1)}
.newsJgg li .newsJggitem .newsJggT{display:flex;margin-top:10px;align-items:center}
.newsJgg li .newsJggitem .newsJggT img{margin-right:5px;width:15px}
.newsJgg li .newsJggitem .newsJggT span{color:#555;font-size:14px}
.newsJgg li:hover .newsJggitem .newsJggB p,.newsJgg li:hover .newsJggitem .newsJggB span{color:#FEDF00;transition:.5s}
.newsJgg li .newsJggitem .newsJggB p{font-size:18px;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.newsJgg li .newsJggitem .newsJggB span{display:-webkit-box;max-height:2em;color:#555;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.content-list1 li .newsJggitem .newsJggB span{display:none}
.content-list1 li .newsJggimg{overflow:hidden;width:100%}
.content-list1 li .newsJggimg img{width:100%;height:100%}
.downloadViewd{margin-bottom:70px}
.downloadViewd .TitleName{margin-bottom:20px;padding:17px 252px 17px 28px;background:var(--color);color:#FFF;font-size:20px}
.downloadViewd .TitleName:hover{background:#FEDF00;color:var(--color);transition:.5s}
.documentlist{width:100%}
.documentlist .download-list{display:flex;width:100%;justify-content:space-between;flex-wrap:wrap}
.documentlist .download-list li{width:30%}
.documentlist .download-list li .download-img{overflow:hidden;width:100%;height:80%;border:1px solid #E5E5E5;box-sizing:border-box}
.documentlist .download-list li .download-img img{width:100%;max-width:100%}
.documentlist .download-list li .download-btn{display:block;padding:10px;border:1px solid #E5E5E5;color:var(--fontcolor);font-size:16px;border-top:none}
.download-info{display:none}
.documentlist .download-list li .download-info p{overflow:hidden;padding-left:20px;max-height:2em;color:var(--fontcolor);font-size:20px}
.documentlist .download-list li:hover .download-btn{color:var(--color);transition:.5s}
.documentlist .download-list li:hover .download-img img{transition:.5s;transform:scale(1.1)}
.project-list li{margin-bottom:20px;padding:5px 10px;border:1px solid #E5E5E5}
.project-list li .project-info p{position:relative;color:var(--fontcolor);font-size:18px;font-weight:var(--fontbold6)}
.project-list li .project-info p img{position:absolute;top:10px;right:10px;cursor:pointer;width:20px}
.project-list li .project-info div{display:none;color:#555;font-size:16px}
.productMainContact{display:flex;margin:40px auto 80px;width:85%;justify-content:space-between}
.contactRight{width:56%}
.contactRight ul{display:flex;margin-top:94px;justify-content:space-around}
.contactRight ul li{position:relative}
.contactRight ul li::after{position:absolute;top:-47px;left:-20px;width:1px;height:148px;background-color:#E5E5E5;content:''}
.contactRight ul li:nth-child(1){width:15%}
.contactRight ul li:nth-child(2){width:28%}
.contactRight ul li:nth-child(3){width:20%}
.contactRight ul li div{display:flex;align-items:center}
.contactRight ul li div span{margin-right:10px;color:var(--fontcolor);font-size:20px}
.contactRight ul li p{margin-top:20px;color:var(--fontcolor);font-size:16px;line-height:21px;opacity:.71}
.contactLeft{width:40%}
.contactLeft .newsArticleTable .newsArticleTablename{color:var(--fontcolor);font-size:20px;line-height:76px}
.contactLeft .newsArticleTable .newsArticleTablespan{color:#555;font-size:16px}
.contactLeft .newsArticleTable .newsArticleTableLi{margin-top:30px}
.contactLeft .newsArticleTable .newsArticleTableLi ul li p{margin-bottom:10px;color:#9C9C9C;font-size:16px}
.contactLeft .newsArticleTable .newsArticleTableLi ul li p span{color:red}
.contactLeft .newsArticleTable .newsArticleTableLi ul li input{margin-bottom:20px;padding-left:20px;width:100%;height:35px;outline:0;border:1px solid #E5E5E5;background:#F3F7FB;font-size:20px}
.contactLeft .newsArticleTable .newsArticleTableLi ul li:nth-child(4) input{height:70px}
.contactLeft .newsArticleTableSubmit{margin:52px auto 100px}
.contactLeft .newsArticleTableSubmit a{padding:21px 44px;width:220px;background:var(--color);color:#FFF;font-size:18px}
.footerPhone{display:none;width:100%;position:fixed;bottom:-3rem;visibility:hidden;background:#FCFCFCFB;box-shadow:1px 2px 10px rgba(0,0,0,.1)}
.footerPhone ul{display:flex;padding:30px 100px;justify-content:space-around;align-items:center}
.footerPhone ul li .iconfont{color:var(--color);font-size:25px}
.details-phone-list{overflow:hidden;margin-bottom:40px;padding:0px 10px}
.details-phone-list>p{color:var(--fontcolor);font-size:20px}
.details-phone-list ul{margin-top:30px;display:flex;flex-wrap:wrap}
.details-phone-list ul li{box-sizing:border-box;padding:0px 0px 10px 0px;width:15%;margin-right:10px;border:1px solid #EEE}
@media(max-width:768px){
.details-phone-list ul{justify-content:space-between}
.details-phone-list ul li{width:48%;margin-right:0px}}
.details-phone-list ul li>div{text-align:center}
.details-phone-list ul li .phonelistImg a img{max-width:100%}
.details-phone-list ul li>div p{overflow:hidden;max-height:2em;font-size:18px}
.details-phone-list ul li>div span{display:block;overflow:hidden;max-height:3.2em;font-size:14px}
@media screen and (max-width:1500px){
.productMain{width:95%}
.downloadList ul li div{height:60%}
.productSide{margin-right:20px}
.productMain .newsList .content-list0{width:90%!important}
.productMain .newsList .content-list0 li .newsItem{margin-left:30px}
.detailsTable .detailsTableTop ul li{padding:0px 0px 26px}
.newsArticleTable .newsArticleTableLi ul li input{width:95%}
.header nav{justify-content:flex-end;padding-right:100px;box-sizing:border-box}
.header nav .navNav{margin-left:30%}
.latestNews .latestNewsList ul li .latestNewsListT{width:20%}
.latestNews .latestNewsList ul li .latestNewsListT span{font-size:12px}
.header .logo{left:100px}
.header nav .navNav{width:65%}}
@media screen and (max-width:1366px){
.header nav .navNav{margin-left:30%}
.header .header-top .mailclock{margin-left:30%}
.header .logo{left:0px}
.introduction .hello img{width:1100px;height:auto}
.productMain{width:100%}
.productList .productListItem .productListitem ul li .top img{width:200px}
.product .productItem ul li div .more span{font-size:16px;line-height:35px}
.header .logo{margin-left:10px}
.latestNews .latestNewsList ul li .latestNewsListT{width:22%}
.latestNews .latestNewsList ul li .latestNewsListT span{font-size:12px}
.header nav{padding-right:50px}}
.header nav div .nav>li a{font-size:18px}
@media screen and (max-width:1024px){
header .logo{left:0px}
header nav div .nav>li a{padding:0px 5px;font-size:14px}
.header nav .navNav{margin-left:27%}
.header nav .navNav .nav>li i{right:0px;display:flex;width:30px;justify-content:center;align-items:center}
.introduction .welcome{width:60%}
.search #txtSearch{width:200px}
.introduction .hello img{width:100%;height:auto}
.product .productItem ul li div span{line-height:30px}
.case ul li a{margin:30px auto}
.case ul li p{margin-top:20px;font-size:20px;display:block}
.case ul li span,.case .caseItem ul li span{margin-top:10px;font-size:13px}
.latestNews{width:92%}
.latestNews .latestNewsList ul li .latestNewsListT span{font-size:12px}
.strengthItem{width:90%}
.strengthItem ul li{width:32%}
footer .footerRight .footerTitle div{width:60%}
.productSide{margin-right:20px;width:300px}
.contactRight ul{margin-top:60px!important;margin-left:10px;flex-wrap:wrap}
.contactRight ul li{margin-bottom:40px!important;width:100%!important}
.contactRight ul li::after{top:-7px;left:-10px;height:90px}
.productMainContact{display:block}
.productMainContact .contactRight{width:100%}
.contactLeft{width:100%!important}
.contactLeft .newsArticleTable .newsArticleTableLi ul li input{width:95%}
.faq .faqBottom{margin-bottom:71px}
.downloadList ul li div{height:53%}
.productSideNews{display:none}
.detailsTop{flex-wrap:wrap}
.detailsTopRight{box-sizing:border-box;margin:0px auto;padding:0px 30px;width:100%;flex:none}
.detailsTopRightyun ul li{margin-right:8px}
.detailsTopRightyun ul li a span{padding:10px;font-size:14px}
#magnifier{width:300px}
.small-box{width:300px;height:300px}
.thumbnail-box .list .item img{width:50px;height:50px}
.thumbnail-box .list{width:250px}
.detailsTable .detailsTableTop ul li{font-size:14px}
.detailsTable .detailsTableTop ul li:hover{font-size:14px}
.big-box{left:310px;width:300px;height:300px}
.products-ninelist-1 li .products-list-img .products-list-name{font-size:16px}
.product .productItem ul li div .more p{top:45%;width:70px;line-height:70px}
.latestNews .latestNewsList ul li .latestNewsListT{width:30%}
.newsJgg{justify-content:space-around}
.newsJgg li{margin-bottom:34px;width:30%}
.productMain .newsList .content-list0{margin:0px auto;width:80%}}
@media screen and (max-width:768px){
body{padding-top:0px}
.detailsTableContent img{width:auto!important;height:auto!important}
header{position:fixed;z-index:999}
.header nav{z-index:18;height:100%}
.header .navImg{top:10px;right:15px;display:block!important}
.header nav .navNav{position:absolute;z-index:25;display:none;margin-left:0px;width:100%}
.header nav div .nav{position:fixed;display:block;overflow-y:scroll;margin-top:55px;width:100%;height:calc(100vh - 55px);background:#FFF}
.header nav .navNav .nav>li:nth-child(1){display:flex;align-items:center}
.header nav .navNav .nav>li{box-sizing:border-box;padding-left:15px;background:#FFF}
.header nav .navNav .nav>li a{height:50px;color:var(--fontcolor)}
.header nav .navNav .nav>li i{position:absolute;top:12px;right:10px;color:var(--fontcolor)}
.header nav .navNav .nav>li{height:60px}
.header nav div .nav>li{border-bottom:1px solid #EEE;font-size:24px}
.product .productItem ul li div span{line-height:40px}
.header nav .navNav .nav>li{position:relative;display:block;height:auto}
.header nav .navNav .nav>li .submenu,.header nav .navNav .nav>li:hover .submenu{position:static;display:none;margin-bottom:15px}
.header nav .navNav .nav>li i.active{transform:rotate(90deg)}
.header nav .navNav .nav>li .submenu li{padding:0px;height:50px;background-color:#FFF}
.header nav .navNav .nav>li .submenu li a{font-size:16px;line-height:50px}
.header nav div .nav .hover>a{color:#333}
.search{position:absolute;top:88px;z-index:-1;display:none!important;width:100%;height:200px;background:#FFF}
.search #txtSearch{position:static;display:none;margin-top:40px;margin-left:50px;width:650px;height:72px;border:1px solid #A6A6A6;border-radius:0;font-size:24px;transform:translateY()}
.header-top{display:none!important}
.header .logo .rectangle{display:none}
.header .logo{left:0px}
.header .logo .logo1{position:static}
.header .logo .logo1 img {max-width:150px;max-height:47px;margin-top:3px}
.header .search #txtSearchClick{display:none}
.header nav div .nav>li{width:100%}
.banner{padding-top:55px!important}
.productBannerTitle span{font-size:12px}
.introduction .hello{width:100%}
.introduction .hello img{width:100%;height:30px}
.introduction .hello p{top:0px;width:100%;font-size:16px}
.introduction .hello p::before{right:15px;width:40px}
.introduction .hello p::after{left:15px;width:40px}
.introduction .welcome{margin-top:30px;width:90%}
.case .caseItem{width:100%}
.case ul li p{margin-top:30px;font-size:30px}
.case ul li span,.case .caseItem ul li span{margin:0px auto;width:96%;font-size:16px}
.case ul li a{margin:15px 0px;padding:6px 20px;border-radius:31px;font-size:16px}
.case ul{margin:10px 0px;flex-wrap:wrap}
.case ul li{padding:20px 20px 0px;width:100%}
.case .ourcase{margin-bottom:15px}
.case .ourcase p{font-size:24px}
.case{padding:35px;padding-top:70px}
.product{padding-top:30px}
.product .productItem ul{box-sizing:border-box;margin:15px auto 30px;padding:0px 15px;width:100%;justify-content:space-between}
.product .productItem ul li{margin-bottom:26px;width:48%}
.product .productItem ul li div .more span{font-size:20px;line-height:50px}
.product .statistics ul{display:flex;width:80%;justify-content:space-around;flex-wrap:wrap}
.product .statistics ul li{margin-bottom:20px;width:100%}
.product .statistics{padding-bottom:0!important}
.products-ninelist-0>li .products-list-img{overflow:hidden;width:35%}
.products-ninelist-0>li .products-list-box{padding:5px;width:60%}
.latestNews .latestNewsList ul li{margin-top:35px;width:100%}
.latestNews .latestNewsList ul li .latestNewsListT{padding:15px;width:10%}
.latestNews .latestNewsList ul li .latestNewsListB{padding:10px}
.strength{padding:140px 35px 0px}
.strengthItem{width:100%}
.strengthItem ul{flex-wrap:wrap}
.strengthItem ul li{margin-bottom:35px;width:100%}
.strengthItem ul li .text img{margin:35px 0px 10px}
.strengthItem ul li .text span{margin-bottom:30px;width:100%;font-size:16px}
.productMainContact{display:block;width:92%}
footer{padding:15px 0px 48px 0px}
footer .footerTop{width:92%;flex-wrap:wrap}
footer .footerTop>div{margin-bottom:30px;width:100%}
footer .footerTop .footerRight{display:none}
footer .footerCenter .footerTitle div{margin-bottom:10px;width:calc(100% - 100px)}
footer .footerCenter .fnav{display:flex;justify-content:space-between;flex-wrap:wrap}
footer .footerCenter .fnav li{width:50%}
footer .footerCenter .center ul{margin-top:43px;margin-bottom:70px}
footer .footerRight .footerTitle div{margin-bottom:20px;width:100%}
footer .footerBottom{padding:5px 0px 10px;padding-bottom:env(safe-area-inset-bottom)}
footer .footerBottom a{font-size:12px}
.aboutList{width:90%}
.aboutContent ul .liImg{margin-bottom:20px;width:100%}
.aboutContent ul .liText{margin-bottom:20px;width:100%}
.aboutContent ul:nth-child(2){flex-flow:column-reverse}
.productSide{display:none}
.productList .productListItem .productListitem ul{margin-right:20px;margin-left:20px;justify-content:space-around}
.productList .productListItem .productListitem ul li{width:46%}
.productList .productListItem .productListitem ul li .center span{font-size:24px;line-height:30px}
.productList .productListItem .productListitem ul li .center p{line-height:60px}
.productList .productListItem .productListitem ul li .bottom{line-height:40px}
.productList .productListItem .productListitem ul li .bottom img{width:12px;height:12px}
.productListItem .Pagination{width:84%}
.productBanner{z-index:-2;padding-top:88px;min-height:100px}
.productBannerTitle{top:65%!important}
.productBannerTitle>h1{margin-bottom:0px}
.faq .faqBottom{margin-bottom:71px}
.documentlist .download-list li{margin-bottom:30px;width:100%}
.productMain .newsList .content-list0 li{margin-bottom:20px}
.productMain .newsList .content-list0 li>img{max-width:100%;max-height:100%}
.products-ninelist-0>li{margin-bottom:20px}
.products-ninelist-0>li .products-item-name .products-list-name{margin:0px;font-size:18px}
.products-ninelist-0>li .products-item-name .products-list-content{margin-bottom:10px;-webkit-line-clamp:2}
.newsJgg{margin:20px auto;justify-content:space-between}
.newsJgg li{width:48%;margin-bottom:20px}
.Pagination{width:95%}
.detailsTop{flex-wrap:wrap}
#magnifier{display:none}
.productMain{width:92%}
.detailsPage {margin-top:70px}
.detailsBanner{display:none}
.detailsTable{padding:0px 30px}
.detailsTableContentT{font-size:16px;line-height:30px}
.detailsTableTurnPage{margin:10px auto 20px;flex-wrap:wrap}
.detailsTableTurnPage div{width:100%}
.detailsTableTurnPage .zuo{margin-bottom:30px}
.details{margin:0px auto;width:92%}
.detailsTable .detailsTableTop ul li:nth-child(4),.detailsTable .detailsTableTop ul li:nth-child(5){display:none}
.detailsTable .detailsTableTop ul li{font-size:20px}
.detailsTable .detailsTableTop ul li:hover{font-size:20px}
.detailsTableContent ul li{font-size:16px!important}
.faq{margin:0px auto;width:90%}
.newsDetail{margin:0px auto;width:90%}
.newsDetail .newsArticle .newsArticleTurnPage ul{flex-wrap:wrap}
.newsDetail .newsArticle .newsArticleTurnPage ul li{width:100%}
.newsDetail .newsArticle .newsArticleTurnPage ul li:nth-child(1){margin-bottom:30px}
.products-ninelist-1{margin:0px auto;padding:0px;justify-content:space-between}
.products-ninelist-1 li{margin:0px 0px 10px 0px;width:48%;min-height:160px}
.newsDetail .newsArticle .newsArticleTop h1{text-align:left;line-height:30px}
.newsDetail .newsArticle .newsArticleTopDiv{margin-top:15px;justify-content:flex-start}
.newsDetail .newsArticle .newsArticleF{display:none}
.newsDetail .newsArticle .newsArticleTurnPage{margin-top:26px}
.productMain .newsList .content-list0{width:90%!important}
.detailsSort h1{border-bottom:2px solid #1B1B1B;font-size:18px;line-height:1;margin-bottom:10px}
.tips{left:44%}
.preview-container{width:100%;margin:0px}
.preview-container .small-box{display:none !important}
.preview-container .thumbnail-box{box-sizing:border-box;margin:0px;padding:0px}
.preview-container .thumbnail-box a{display:none}
.preview-container .thumbnail-box .list,.preview-container .thumbnail-box .list .wrapper{width:100%}
.preview-container .thumbnail-box .list .wrapper .item{margin:0px;width:100%;height:auto;outline:0;border:none}
.preview-container .thumbnail-box .list .wrapper .item img{width:100%;height:100%}
.preview-container .thumbnail-box .list .banner-page{display:none}
.preview-container #media{width:100%;height:100%}
.productBannerTitle h2{margin-bottom:0px}
.details-phone-list{display:block}
.details-phone-list ul{display:flex}
.header nav .navNav .nav>li:last-child{margin-bottom:100px}
.header nav{padding-right:0px}}
@media screen and (max-width:500px){
.header{height:55px}
.productBanner{padding-top:55px;min-height:55px}
.productBannerTitle h1{font-size:18px}
.productBannerTitle h2{font-size:18px}
.productBannerTitle span:first-child{font-size:12px}
.productBannerTitle{top:75%!important}
.search{top:100%}
.search #txtSearch{width:265px!important}
.productList .productListItem .productListitem ul li .top img{width:100px}
.productList .productListItem .productListitem ul li .top{height:150px}
.productList .productListItem .productListitem ul li .center span{font-size:20px}
.productList .productListItem .productListitem ul li .center p{font-size:16px;line-height:30px}
.productList .productListItem .productListitem ul li .bottom{line-height:24px}
.productList .productListItem .productListitem ul li .bottom img{margin-left:10px}
.header nav div .nav{margin-top:55px;height:calc(100vh - 55px)}
.header nav .navNav .nav>li:nth-child(1){height:74px}
.header nav .navNav .nav>li:nth-child(1) input{width:93%;height:40px;border:1px solid #EEE;font-size:16px}
.introduction{padding-bottom:35px}
.introduction .welcome p{font-size:24px;margin:0px}
.introduction .welcome span{-webkit-line-clamp:12}
.case{padding:15px}
.case ul li{padding:0px}
.case ul li p{margin-top:10px;font-size:18px}
.case ul li a{margin:15px 0px;padding:6px 20px}
.product .productTop p{font-size:24px}
.product .productItem ul li{margin-bottom:12px}
.product .statistics{padding-top:10px}
.product .statistics>div{width:14px;height:14px}
.product .statistics ul{margin:0px auto}
.product .productItem ul li div span{font-size:16px;line-height:30px}
.detailsTopRight{padding:0px;margin-top:10px}
.newsJgg li .newsJggitem .newsJggT{margin-top:0px;margin-bottom:0px}
.newsJgg li .newsJggimg{margin-right:10px;min-width:120px}
.content-list0 li .newsJggimg img{width:140px}
.latestNews{margin:15px}
.latestNews .latestNewsList ul li .latestNewsListT{width:20%}
.latestNews .latestNewsTitle .yellow{font-size:24px}
.latestNews .latestNewsList ul li{margin-top:15px}
.strength .ourStrength p{font-size:24px}
.strengthItem{margin-top:20px}
.strength{padding:15px 15px 0px 15px}
.strengthItem ul li{margin-bottom:20px;padding:0px}
.aboutContent ul .liText{margin-bottom:20px}
.detailsTableTurnPage{margin:10px auto 20px}
.detailsTableTurnPage .zuo{margin-bottom:20px}
.productMain .newsList .content-list0 li{padding:10px;height:100px}
.productMain .newsList .content-list0 li>img{width:90px;height:90px}
.productMain .newsList .content-list0 li .newsItem{margin-left:10px}
.productMain .newsList .content-list0 .newsListText{margin-top:0px}
.Pagination{margin-left:21px!important;width:53%}
.productsPagination{margin-left:20px!important}
.Pagination ul a{padding:15px 10px}
.Pagination ul li{padding:15px 5px}
.productMain .newsList .content-list0 .newsListText p{margin-top:5px;font-size:13px}
.productMain .newsList .content-list0 li .newsListDiv1 p{margin-top:0px;margin-bottom:10px;font-size:14px}
.newsDetail{width:100%}
.newsDetail .newsArticle .newsArticleTable .newsArticleTableLi ul li input{width:85%}
.newsArticleF{display:none}
.newsDetail .newsArticle .newsArticleTurnPage ul{flex-wrap:wrap}
.newsDetail .newsArticle .newsArticleTurnPage ul li{margin-bottom:30px;width:100%}
.newsDetail .newsArticle .newsArticleTurnPage ul li a{padding:24px;font-size:16px;line-height:20px}
.newsDetail .newsArticle .newsArticleTurnPage{margin-top:26px;margin-bottom:50px}
.productList .productListItem .productListitem ul{margin-right:18px}
.productListItem .Pagination{width:90%}
.faq .faqTop{padding:15px 20px}
.faq{padding:0px 10px}
.faq .faqTop>.faqTopTitle>span{font-size:20px;line-height:50px}
.faq .faqTop .faqTopText{font-size:16px;line-height:18px}
.faq .faqBottom a{padding:15px 20px}
.newsArticleTableContact{margin-left:0px}
footer .footerPhone{z-index:500;padding-bottom:env(safe-area-inset-bottom);width:100%;transition:.7s}
footer .footerPhone ul{padding:0px 20px;height:48px}
footer .footerPhone ul li a img{width:25px}
.magnifierPhone{width:330px}
.magnifierPhone img{width:330px}
.detailsTopRightyun ul li a span{padding:10px;font-size:14px}
.detailsTableContent ul li span{padding:0px 2px}
.detailsTable{margin-top:20px;padding:0px}
.detailsTable .detailsTableTop ul{margin:0px}
.detailsTable .detailsTableTop ul li{padding-bottom:10px;font-size:18px}
.detailsTable .detailsTableTop ul li:hover{font-size:14px}
.table-responsive .table tr{line-height:30px}
.table-responsive .table tr td:nth-child(1),.table-responsive .table tr:nth-child(1){font-size:15px}
.table-responsive .table tr td:nth-child(1){font-size:15px}
.product .productItem ul li div p{width:70px;height:70px;border:2px solid rgba(33,76,150,.8);line-height:70px}
.product .productItem ul li div .more span{font-size:16px;line-height:28px}
.products-ninelist-1 li .products-list-img .products-list-name{bottom:3px}
.Feedback .page-box p{overflow:hidden;max-height:3em;font-size:16px;line-height:25px}
.inquiry-pro-list{padding:5px}
.inquiry-pro-item{padding:3px 5px}
.inquiry-pro-item .pro-item-img img{width:80px;height:80px}
.detailsSort .Pagination{margin-bottom:40px}
.tips{left:39.5%}
.Feedback{padding-top:30px}
.content-list1 li .newsJggimg{border:none;height:auto}
.products-ninelist-0>li .products-item-name{margin-bottom:0px}
.products-ninelist-0>li .products-list-box .products-item-text{margin-bottom:0px}
.detailsTopRightyun{margin-top:20px}}
@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none){
.nav>li>a>span{width:135px}
.products-item-name{font-size:14px}
.header .header-top .translation{top:7px}
.strengthItem ul li .text span{display:block;width:100%;max-height:2.5em;line-height:1.3em}
.case ul li span,.case .caseItem ul li span{max-height:5em}
.product .productItem ul li div span{max-height:2.5em}
.latestNews .latestNewsList ul li .latestNewsListB p{max-height:1em}
.latestNews .latestNewsList ul li .latestNewsListB span{display:block;max-height:3em}
.aboutContent ul .liText>div>div{max-height:7.5em}
.products-ninelist-1 li .products-list-img .products-list-name{max-height:1em}
.products-ninelist-1 li .products-item-name{overflow:hidden;max-height:2.5em}
.products-item-name{max-height:3em}
.productMain .newsList .content-list0 .newsListText p{overflow:hidden;max-height:2.5em}
.productMain .newsList .content-list0 li>img{width:100%}
.productMain .newsList .content-list0 li .newsListDiv1 p{max-width:500px;max-height:2em}
.productSideBottom ul li span{overflow:hidden;max-height:3em}
.downloadList{width:74%}
.detailsTopRighttext p{overflow:hidden;max-height:13.5em}
.productMain .newsList .content-list0{margin-left:85px;width:93%}
.newsViewd .TitleName{width:100%}
.newsViewd ul li>img{width:100%}
.productSide .newsViewd ul li p{overflow:hidden;max-height:2em}}
.detailsTopRightyun ul{flex-wrap:wrap}
.product-price{width:100%}
.addToCart{padding:10px 20px;border:1px solid var(--color);background:var(--color);color:#FFF;font-size:16px;transition:box-shadow .2s linear;cursor:pointer}
.addToCart:hover{box-shadow:1px 1px 3px #BBB}
.addToCart span{background:url(/images/m406/addtocart.png) no-repeat right center;padding-right:40px;background-size:20px}
@media(max-width:1025px){
.addToCart{padding:10px;font-size:14px}}
@media(max-width:1441px){img{height:auto;max-width:100%}}
@media(max-width:768px){iframe,video{max-width:100%;min-height:240px;height:auto}}
table.table td{border:1px solid #CCC;padding:5px}
strong{font-weight:bold}
#jljw_IM_GdImBox{z-index:900!important}
.inquiry-form input,.inquiry-form textarea{padding-left:10px}
.inquiry-form textarea{min-height:150px}
.solu-flex-l{width:40%}
.solu-flex-r{width:60%;padding-left:2%}
.solu-flex-r p{margin-bottom:10px}
.aboutList img{height:auto;max-width:100%}
.aboutList *{box-sizing:border-box}
.solu-flex-l img{display:block;width:100%;max-height:380px;object-fit:cover}
.flex-reverse .solu-flex-r{padding:0 2% 0 0}
.solutions>.flex{margin-bottom:4%}
.solu-name{font-size:26px;color:var(--fontcolor);position:relative;padding-bottom:6px;margin-bottom:20px;display:block}
.solu-name::before{content:'';display:block;position:absolute;bottom:0px;left:0px;width:70px;height:3px;background-color:#FE9900}
.solutions-list>li{width:24%;background:#F6F6F6;text-align:center;padding:2% 10px 4%;margin:2% 0}
.solutions-list>li .iconfont{font-size:40px;color:#FE9900}
.solutions-list>li p{font-size:18px;color:#111;line-height:1.6;margin-top:6px}
.solutions-list>li p strong{font-size:24px;color:#111;font-weight:var(--fontbold5)}
.support{color:#111;line-height:1.8}
.flex-half{margin-bottom:40px}
.flex-half-l{width:50%;padding-right:6%}
.flex-half-r{width:50%}
.support .flex-half-r{border:1px solid #EFEFEF}
.sup-bref1::before{content:'';display:inline-block;width:60px;height:1px;background:#484742;opacity:.5;vertical-align:middle;margin-right:10px}
.sup-name{display:block;font-size:26px;color:#111;line-height:1.3;margin:10px 0px}
.sup-bref2{font-size:16px;color:#555;line-height:1.6}
.sup-text{margin:20px 0px 30px;font-size:16px}
.sup-list>li{max-width:50%;margin-right:10px}
.sup-list>li div{font-size:20px;font-weight:var(--fontbold5);color:#111}
.sup-list>li div p{display:inline-block;border-bottom:1px solid #EEE;position:relative;line-height:1.3;padding:10px 0px}
.sup-list>li div p::before{content:'';display:block;width:40px;height:4px;background:#FE9900;position:absolute;bottom:-2px;left:0px}
.sup-list>li strong{font-size:40px;font-weight:var(--fontbold5);color:var(--fontcolor);line-height:1.7}
.flex-reverse{flex-direction:row-reverse}
.flex-reverse .flex-half-l{padding:0 0 0 6%}
.sup-list2>li{display:flex;flex-wrap:wrap}
.sup-list2>li .iconfont{font-size:40px;color:#FE9900;line-height:1}
.sup-list2>li>div{flex:1;padding-left:16px}
.sup-list2>li>div p{font-size:16px;color:#555;line-height:1.7}
.sup-list2>li>div p:nth-child(1){font-size:20px;color:#111;line-height:1.3;margin-bottom:6px}
.application{color:#111;line-height:1.8}
.app-name{display:block;font-size:26px;font-weight:var(--fontbold5);color:#111;margin-bottom:20px;line-height:1.3;padding-top:6px}
.president-l,.teami-l{width:40%}
.president-r,.teami-r{width:60%;padding-left:2%}
.president-r p,.teami-r p{margin-bottom:10px}
.flex-reverse .teami-r{padding:0 2% 0 0}
.president-r h6,.teami-r h6{font-size:24px;margin-bottom:20px;line-height:1.3}
.teami{margin-bottom:3%}
#brand-history-list{padding-bottom:160px;*zoom:1}
#brand-history-list:after{content:'';display:block;width:0px;height:0px;clear:both}
#brand-history-list li{position:relative;height:130px;width:50.6%;background-size:auto 80%!important}
#brand-history-list li h2{color:var(--fontcolor);font-size:40px;white-space:nowrap;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
#brand-history-list li:hover h2{color:#FE9900}
#brand-history-list li p{color:#999;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;max-height:170px;overflow:hidden;line-height:1.5}
#brand-history-list li:hover p{color:#333}
#brand-history-list li.left,#brand-history-list li:nth-of-type(2n+1){float:left;background:url(/images/m419/red/img/history_01.png) 100% 100% no-repeat}
#brand-history-list li.left h2,#brand-history-list li:nth-of-type(2n+1) h2{position:absolute;bottom:10%;right:10%}
#brand-history-list li.left p,#brand-history-list li:nth-of-type(2n+1) p{position:absolute;top:105%;right:10%;width:84%;text-align:right}
#brand-history-list li.right,#brand-history-list li:nth-of-type(2n){float:right;background:url(/images/m419/red/img/history_02.png) 0 100% no-repeat}
#brand-history-list li.right h2,#brand-history-list li:nth-of-type(2n) h2{position:absolute;bottom:10%;left:10%}
#brand-history-list li.right p,#brand-history-list li:nth-of-type(2n) p{position:absolute;top:105%;left:10%;width:84%}
.rank-flex{justify-content:space-between}
.rank-flex>li{width:32%;text-align:center;background:#FFF;margin-top:2%;padding:2%;position:relative;box-shadow:0 0 10px #EEE}
.rank-flex>li p:nth-of-type(2){margin-bottom:0px;font-size:20px;font-weight:var(--fontbold5);line-height:1.3;text-transform:capitalize}
.rank-flex>li::before{position:absolute;top:0px;right:2%;font-size:140px;color:rgba(255,255,255,.5);line-height:1}
.rank-flex>li:nth-child(1)::before{content:'1'}
.rank-flex>li:nth-child(2)::before{content:'2'}
.rank-flex>li:nth-child(3)::before{content:'3'}
.rank-flex>li:nth-child(4)::before{content:'4'}
.rank-flex>li:nth-child(5)::before{content:'5'}
.rank-flex>li:nth-child(6)::before{content:'6'}
.ch-flex{margin-top:3%}
.ch-flex>li{width:25%;border:1px solid #EFEFEF;padding:2%;text-align:center}
.ch-flex>li:not(:nth-child(4n)){border-right:none}
.ch-flex>li:nth-child(n+5){border-top:none}
.ch-flex>li img{max-width:236px;max-height:342px}
.ch-flex>li p{margin-top:10px}
.proequ-list>div{width:calc(25% - 8px);margin:0px 10px 10px 0px}
.proequ-list{margin-top:3%}
.proequ-list>div img{display:block;width:100%}
.proequ-list>div:nth-of-type(4n){margin-right:0px}
.organ-item{width:25%;text-align:center;padding:0 4% 4%}
.organ-item img{max-width:140px !important}
.organ-item h6{font-size:20px;line-height:1.3;margin:10px 0px;font-style:italic}
.organ-item h6>span{font-size:24px;font-style:initial}
.ch-name{font-size:20px;margin:10px 0px}
.ch-name+p{margin-bottom:20px}
.company-honor>div:nth-of-type(1){width:58%}
.company-honor>div:nth-of-type(2){width:40%}
.office-l{width:60%;padding-right:2%}
.office-l p{margin-bottom:10px}
.office-r{width:40%}
.flex-reverse .office-l{padding:0 0 0 2%}
.office-l .atext-t{font-size:20px;line-height:1.3;margin:10px 0px}
.office>.flex{margin-top:2%}
.competitive-tit,.rdc-tit{font-size:20px;line-height:1.3;position:relative;padding-bottom:8px;margin-bottom:20px}
.competitive-tit::before,.rdc-tit::before{content:'';display:block;width:60px;height:3px;background-color:#FE9900;position:absolute;bottom:0px;left:0px}
.competitive-two .flex-jc-sb>div,.rdc .flex-jc-sb>div{width:32%;margin:2% 0}
.competitive section p:nth-of-type(n+2),.cvision>p,.rdc>p:nth-of-type(n+2){margin-bottom:10px}
.competitive-four{margin-top:2%}
.strategy-list{padding-left:20px}
.strategy-list,.strategy-list li{list-style-type:circle}
.strategy-list li{margin:10px 0px}
.cmission-item{width:31.3%}
.cmission-item-tit{font-size:20px;line-height:1.3;position:relative;text-transform:capitalize;padding-bottom:8px;margin-bottom:20px}
.cmission-item-tit>span{color:#FE9900}
.cmission-item-tit::before{content:'';display:block;width:50px;height:2px;background-color:#FE9900;position:absolute;bottom:0px;left:0px}
.cvision .flex-jc-sb>div{width:calc(50% - 10px)}
.cphil-item{width:24%;text-align:center}
.cphil-item p{text-transform:capitalize;font-size:18px;margin-top:10px;line-height:1.3}
.cphil-item img{max-width:300px !important;width:100%}
@media(max-width:1281px){
.ch-name{margin:0px}}
@media(max-width:1024px){
.solutions-list>li{width:48%}
.ch-flex>li img{max-width:100% !important}
.president-l,.teami-l{width:100%}
.president-r,.teami-r{width:100%;padding:20px 0px 0px}
.teami{margin-bottom:6%}
.company-honor>div:nth-of-type(1){width:100%}
.office-l{width:100%;padding-right:0px}
.office-r{width:100%;margin-top:20px}
.flex-reverse .office-l{padding:0px}}
@media(max-width:800px){
.flex-half-l,.president-l,.solu-flex-l,.teami-l{width:100%;padding:0px}
.president-r,.solu-flex-r,.teami-r{width:100%;margin-top:.3rem;padding:0!important}
.flex-half-r{width:100%;margin-top:.4rem}
.flex-reverse .flex-half-l{padding:0px}
.sup-list2>li>div p{font-size:16px}
.app-name,.ch-name,.cmission-item-tit,.competitive-tit,.office-l .atext-t,.organ-item h6,.rank-flex>li p:nth-of-type(2),.rdc-tit,.solu-name,.sup-name{font-size:.3rem}
.organ-item h6>span{font-size:.32rem}
.solutions>.flex,.teami{margin-bottom:.4rem}
.president-r h6,.teami-r h6{font-size:.32rem;margin-bottom:10px}
.ch-flex>li{width:50%;text-align:center}
.ch-flex>li:nth-child(2n){border-right:1px solid #EFEFEF}
.ch-flex>li:not(:nth-child(-n+2)){border-top:none}
.proequ-list>div{width:calc(50% - 5px)}
.proequ-list>div:nth-of-type(2n){margin-right:0px}
.organ-item{width:50%}
.company-honor>div:nth-of-type(2){width:100%;margin-top:20px}
.competitive section{margin-bottom:.4rem}
.rank-flex>li{width:49%}
.cmission-item{width:100%;margin-bottom:.4rem}
.cvision .flex-jc-sb>div{width:100%;margin-bottom:20px}
.cphil-item{width:48%;margin-bottom:.4rem}}
@media(max-width:540px){
#brand-history-list li h2{font-size:26px}}
@media(max-width:481px){
.solutions-list{margin:.2rem 0}
.solutions-list>li{width:100%;padding:.2rem .3rem .4rem}
.solutions-list>li p strong{font-size:18px}
.app-name,.president-r h6,.solu-name,.sup-name,.teami-r h6{font-size:20px}
.sup-list>li{max-width:100%}
.solutions-list>li p{font-size:16px}
.rank-flex>li::before{font-size:70px}
.rank-flex>li img{max-width:80px !important}
.organ-item img{max-width:90px !important}
.competitive-two .flex-jc-sb>div,.rdc .flex-jc-sb>div{width:100%}}
@media(max-width:415px){
.sup-bref2,.sup-list>li div,.sup-text{font-size:16px}
.sup-list>li strong{font-size:30px}
.ch-flex>li p,.cphil-item p{font-size:14px}
#brand-history-list li p{max-height:2.7rem}}
@media(max-width:321px){
.app-name,.president-r h6,.solu-name,.sup-name,.teami-r h6{font-size:18px}}
.flex{display:flex;flex-wrap:wrap}
.flex-ai-c{display:flex;flex-wrap:wrap;align-items:center}
.flex-jc-sb{display:flex;flex-wrap:wrap;justify-content:space-between}
.flex-jc-c{display:flex;flex-wrap:wrap;justify-content:center}
.flex-jc-ai-c{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
.asynproject li{display:flex;align-items:center}
.asynproject .project-img{width:25%}
.asynproject .project-img img{width:100%}
.asynproject .project-info{width:70%;padding-left:2%}
.asynproject .project-name{line-height:1.4}
.asynproject .project-name img{display:none}
@media(max-width:415px){
.asynproject .project-img{width:40%}
.asynproject .project-info{width:58%;padding-left:2%}}
.wmck-advan-box,.wmck-advan-boxs{padding:10px 25px;width:33%;text-align:center}
.wmkc-advan-img{margin:40px auto 0px;width:45px;height:45px}
.wmck-advan-box p:nth-of-type(1),.wmck-advan-boxs p:nth-of-type(1){display:-webkit-box;overflow:hidden;margin-bottom:20px;padding:30px 0px 0px 0px;font-weight:var(--fontbold8);font-size:18px;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.wmck-advan-box p:nth-of-type(2),.wmck-advan-boxs p:nth-of-type(2){display:-webkit-box;overflow:hidden;margin-bottom:40px;-webkit-box-orient:vertical;-webkit-line-clamp:4}
.wmkc-advan{display:flex;flex-wrap:wrap}
.wmck-advan-boxs{background-color:#F5F5F5}
.wmkc-history-box,.wmkc-history-boxs{display:flex;width:50%}
.wmkc-history-boxs{margin-left:auto}
.wmkc-history-boxs .wmkc-history-g{margin-left:auto}
.wmkc-history-boxs .wmkc-history-time{margin-left:20px;text-align:left}
.wmkc-history-main{display:flex;justify-content:center;align-items:center}
.wmck-history-img{flex:1}
.wmkc-history-time{text-align:end;font-weight:var(--fontbold8);font-size:25px}
.wmkc-history-png{overflow:hidden;width:165px;height:165px;border-radius:100%}
.wmkc-history-png img{width:100%}
.wmkc-history-all{margin-top:80px}
.wmkc-history-p{margin-left:20px;padding:0px 0px 50px 0px;width:80%}
.wmkc-history-g{position:relative;margin-left:25px;width:2px;height:auto;background-color:#ECECEC}
.wmkc-history-q{position:absolute;left:-10px;width:20px;height:20px;border:2px solid var(--color);border-radius:100%;background-color:#ECECEC}
.wmkc-history-xq{position:relative;top:3px;left:3px;width:10px;height:10px;border-radius:100%;background-color:var(--color)}
.wmkc-history-sx{position:relative;top:-105px;right:-4px;width:1px;height:100px;background-color:#DFDFDF}
.wmkc-history-sx::after{position:absolute;top:20px;left:-9px;width:15px;height:15px;border:2px solid #DFDFDF;border-radius:100%;background-color:#FFF;content:''}
.wmkc-team-box{display:flex;margin-top:50px;margin-bottom:50px;justify-content:space-around}
.wmkc-team-people{width:30%;text-align:center}
.wmkc-team-p img{width:4%}
.wmck-team-img{margin:auto;width:50%}
.wmck-team-img img{width:80%}
.wmkc-team-people p:nth-of-type(1){font-weight:400;font-size:24px}
.wmkc-team-people p:nth-of-type(2){position:relative;margin-bottom:30px;color:#797979}
.wmkc-team-tow{margin:auto;width:55px;height:3px;background-color:#FFF}
.wmkc-team-bj{background:url(/images/m416/aboutimg/bj.jpg) no-repeat center;background-size:100% 100%;text-align:center}
.wmkc-team-bj p:nth-of-type(1){color:#FFF;font-size:28px}
.wmkc-team-bj p:nth-of-type(2){margin-bottom:20px;color:#FFF}
.wmkc-team-bjtp{padding:100px 0px;background-color:var(--color);opacity:.4}
.wmkc-team-footer{display:flex;padding:0px 100px;padding:95px 0px;justify-content:space-around;flex-wrap:wrap}
.wmkc-team-y{margin-top:20px;width:18%;text-align:center}
.wmkc-office-one img:nth-of-type(1){margin-bottom:20px}
.wmkc-office-box{display:flex;justify-content:space-between}
.wmkc-office-one{width:36%}
.wmkc-office-im,.wmkc-office-img{position:relative;width:62%}
.wmkc-office-im p,.wmkc-office-img p{position:absolute;bottom:0px;padding:20px 0px;width:100%;background-color:#797979;text-align:center;opacity:.8}
.wmkc-office-im img,.wmkc-office-img img{width:100%;height:100%}
.wmkc-office-one{display:flex;flex-direction:column}
.wmkc-office-main{display:flex;padding:20px 0px;justify-content:space-between}
.wmkc-office-main img{width:49%}
@media (max-width:768px){.wmck-advan-box,.wmck-advan-boxs,.wmkc-certi-tupian{width:100%}
.wmkc-history-main{flex-direction:column}
.wmkc-history-p{margin-left:0px;padding:0px 0px 10px 0px;width:100%}
.wmkc-history-time{text-align:left;font-size:20px}
.wmkc-history-box,.wmkc-history-boxs{padding:20px 0px;width:100%}
.wmck-history-img{padding:20px 0px}
.wmkc-history-g{display:none}
.wmkc-history-boxs .wmkc-history-main{flex-direction:column-reverse}
.wmkc-history-boxs .wmkc-history-time{margin-left:0px}
.wmkc-team-y{width:50%}
.wmkc-team-y img{width:80%}
.wmkc-team-bj p:nth-of-type(1){font-size:20px}
.wmkc-team-bj p:nth-of-type(2){font-size:16px}
.wmkc-team-footer{padding:50px 0px}
.wmkc-team-people{margin-top:20px;width:100%}
.wmkc-team-people p:nth-of-type(1){font-size:20px}
.wmkc-team-box{flex-direction:column}
.wmkc-team-bjtp{padding:50px 0px}
.wmck-team-img img{width:60%}
.wmkc-team-people p:nth-of-type(2){margin-bottom:10px}
.wmkc-office-box,.wmkc-office-main{flex-direction:column}
.wmkc-office-im,.wmkc-office-img,.wmkc-office-main img,.wmkc-office-one{width:100%}
.wmkc-office-one img:nth-of-type(2){margin-bottom:20px}
.wmkc-office-im p,.wmkc-office-img p{bottom:6px;padding:10px 0px}
.wmkc-office-main img:nth-of-type(1){margin-bottom:20px}
.wmkc-office-im{margin-bottom:20px}}
.fnav-flex{display:flex;flex-wrap:wrap;justify-content:space-between}
.fnav-flex li{width:48%}
@media(max-width:768px){
footer .footerCenter .fnav{justify-content:flex-start}
footer .footerTop .footerLeft .footerLeftT li,footer .footerTop>div{margin-bottom:10px}}
#feedbackForm .inquiry-form .feed-verification{width:100%;display:flex;margin-top:10px}
#feedbackForm .inquiry-form .feed-verification input{margin:0px;flex:1;border:1px solid #E5E5E5;max-width:300px}
#feedbackForm .inquiry-form .feed-verification img{width:90px;height:100%!important;cursor:pointer}
@media(max-width:1024px){
.mobcate-main{flex-wrap:wrap}
.mobcate-main .productSide{display:block;width:100%;margin:0px;padding:0px}
.mobcate-main .productSide .productSideCenter,.mobcate-main .productSide .productSideBottom{display:none}
.mobcate-main .productSide .productSideTop{position:relative}
.mobcate-main .productSide .productSideTop .sf-menu{position:absolute;top:100%;left:0px;right:0px;padding:0px;z-index:20;display:none;background-color:#FFF;box-shadow:rgb(0 0 0 / 20%) 0 2px 16px}
.mobcate-main .productSide .productSideTop .TitleName{background-color:transparent;color:var(--fontcolor);padding:10px 0px;border-bottom:1px solid #DDD;cursor:pointer;background:url(/images/cate-btn.png) right center/24px no-repeat}
.productSide .productSideTop .sf-menu .menu-item{padding-right:30px}
.productSide .productSideTop .sf-menu .menu-item i{right:10px}
.productSide .productSideTop .sf-menu .menu-item i.active{transform:rotate(90deg)}}
@media(min-width:769px){
.newsJgg li .newsJggitem .newsJggB span,.products-ninelist-0>li .products-item-name .products-list-content{-webkit-line-clamp:initial;max-height:100%}}
.detailsTopRightyun ul li .LayImAhrefNode {display:block;text-transform:capitalize;padding:10px 20px;border:1px solid var(--color);color:var(--color);font-size:16px}
.detailsTopRightyun ul li .LayImAhrefNode:hover {box-shadow:1px 1px 3px #BBB}
@media (max-width:1024px){.detailsTopRightyun ul li .LayImAhrefNode{font-size:16px;padding:15px 20px}}
#tagContent {padding-top:10px}
#tags {display:flex;flex-wrap:wrap}
#tags li {margin-bottom:10px;float:left}
#tags li a {text-decoration:none;display:block;line-height:1.4;padding:12px 0px;margin-right:25px;border-bottom:2px solid #FFF;color:#111;font-size:20px}
#tags li:last-child a{margin-right:0px}
ul#tags li.selectTag a {color:var(--color);border-color:var(--color)}
.tagContent {display:none;width:100%}
#tagContent div.selectTag {display:block}
@media (max-width:768px){#tags li a{font-size:17px;margin-right:15px}}
@media (max-width:560px){#tags li a{font-size:15px;margin-right:12px}}
h4.cate-h4, h4.pro-h4 {clear:both;font-weight:bold}
ul.cate-ulli, ul.pro-ulli {clear:both;padding:10px 0px 10px 20px}
ul.cate-ulli li, ul.pro-ulli li {list-style-type:disc;line-height:1.7}
ol.cate-ulli, ol.pro-ulli {clear:both;padding:10px 0px 10px 30px}
ol.cate-ulli li, ol.pro-ulli li {list-style-type:decimal;line-height:1.7}
.prohome-content{clear:both;margin:0px auto 20px;padding:10px;max-width:85%;line-height:1.6;box-sizing:border-box}
.prolist-bottom{clear:both;margin:0px auto 20px;padding:10px;max-width:85%;line-height:1.6;box-sizing:border-box}
@media(max-width:1500px){.prohome-content,.prolist-bottom{max-width:95%}}
@media(max-width:1366px){.prohome-content,.prolist-bottom{max-width:100%}}
@media(max-width:768px){.prohome-content{clear:both;margin:0px 15px 20px;padding:0px;line-height:1.6;box-sizing:border-box}
.prolist-bottom{clear:both;margin:0px 15px 30px;padding:0px;line-height:1.6;box-sizing:border-box}}
.prolist-content{clear:both;margin:0px auto 15px;line-height:1.6}
.ck-widget-toc{display:table;border:1px solid #a2a9b1;background-color:#f8f9fa;padding:10px 20px 10px 10px;font-size:95%;margin:15px 0px;min-width:300px;max-width:100%}
.ck-widget-toc ol{padding:0px 0px 0px 30px;counter-reset:item}
.ck-widget-toc ol li{display:block;position:relative;list-style:none}
.ck-widget-toc ol li:before{content:counters(item, ".");counter-increment:item;position:absolute;margin-right:100%;right:10px}
.ck-widget-toc-title{text-align:left;font-weight:700;margin:0px 0px 5px 0px;padding:0px 0px 0px 5px}
.ck-widget-pt{padding-top:100px;margin-top:-100px}
.ck-widget-toc1{display:table;border:1px solid #a2a9b1;background-color:#f8f9fa;padding:10px 20px 10px 10px;font-size:95%;margin:15px 0px;min-width:300px;max-width:100%}
.ck-widget-toc1 ol{padding:0px 0px 0px 30px;counter-reset:item}
.ck-widget-toc1 ol li{display:block;position:relative;list-style:none}
.ck-widget-toc1 ol li:before{content:counters(item, ".");counter-increment:item;position:absolute;margin-right:100%;right:10px}
.productBannerTitle{display:flex;align-items:center;justify-content:center;height:100%}
.productBanner .breadcrumbs-nav{width:100%;max-width:85%;position:absolute;bottom:-2px;text-align:left;left:50%;transform:translateX(-50%)}
.productBanner .breadcrumbs-nav>div{display:inline-block;background:#FFF;min-height:30px;color:#111;padding:0px 20px;line-height:2;font-size:14px}
.productBanner .breadcrumbs-nav a{color:#111;font-size:14px}
@media(max-width:1366px){.productBanner .breadcrumbs-nav{max-width:100%}}
@media(max-width:768px){.banner .swiper-button-next, .banner .swiper-button-prev{display:none}
.footerPhone{display:block}}
.send-btn{display:flex;width:120px;margin:30px auto}
.send-btn .span:nth-child(1){margin:0px;width:100%}
.productMainContact .send-btn{margin:30px 0px}
.lang{width:auto;position:relative;z-index:9999;text-align:left;margin-left:10px}
.lang-icon{display:flex;align-items:center;width:100%;height:30px;border:none;cursor:pointer;font-size:14px;user-select:none;white-space:nowrap}
.lang-icon>img{margin-right:5px;margin-top:3px}
.lang-icon span{position:relative;padding-right:18px}
.lang-icon span::before{content:"";position:absolute;right:4px;top:11px;width:8px;height:1px;background:#000;transform:rotate(50deg)}
.lang-icon span::after{content:"";position:absolute;right:0px;top:11px;width:8px;height:1px;background:#000;transform:rotate(-50deg)}
.lang-drop{position:absolute;top:calc(100% + 26px);right:50%;transform:translateX(50%);background:#FFF;border:1px solid #EBEEF5;border-radius:4px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);z-index:9999;visibility:hidden;opacity:0;transition:opacity .3s,top .3s}
.lang-drop.lang-flex{transform:translateX(25%)}
.lang-drop.lang-flex .lang-arrow{left:75%}
.lang-drop.active{visibility:visible;opacity:1;top:calc(100% + 12px)}
.lang-arrow{display:block;width:10px;height:10px;background-color:#FFF;border-top:1px solid #EBEEF5;border-left:1px solid #EBEEF5;transform:translateX(-50%) rotate(45deg);position:absolute;top:-6px;left:50%}
.lang-wrap{width:140px;padding:8px 0px;box-sizing:border-box}
.lang-flex .lang-wrap{width:340px;display:flex;flex-wrap:wrap;padding:8px}
.lang-wrap li{width:100%;padding:8px 16px;box-sizing:border-box;transition:background-color .3s}
.lang-flex .lang-wrap li{width:33%;padding:8px 6px}
.lang-wrap li.lang-active,.lang-wrap li:hover{background-color:#EEE}
.lang-wrap li a{color:var(--fontcolor);display:block;font-size:12px;text-decoration:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.lang-wrap li img{display:inline-block;width:24px;height:16px;vertical-align:-.25em;margin-right:4px}
@media (max-width:768px){.lang{margin-left:auto;position:fixed;top:14px;right:65px;transition:all .2s linear}
.lang-icon span{display:none}
.lang-icon>img{width:36px;height:24px;margin-top:0px}
.lang-drop.lang-flex{right:auto;left:50%;transform:translateX(-50%);top:60px!important;position:fixed;width:calc(100vw - 20px)}
.lang-drop.lang-flex.active{top:54px!important}
.lang-flex .lang-wrap{width:100%}
.lang-drop.lang-flex .lang-arrow{left:80%}
.lang-drop{display:none}
.lang-drop.active{display:block}}
.gotop{position:fixed;right:35px;bottom:140px;width:40px;height:40px;border-radius:50%;box-shadow:1px 2px 5px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s linear;background:#FFF;opacity:0;overflow:hidden;visibility:hidden;z-index:999}
.gotop.is-act{opacity:1;visibility:inherit;overflow:inherit}
.gotop:hover{box-shadow:1px 2px 5px rgba(0,0,0,.15);background:#FAFAFA}
.gotop em::after,.gotop em::before{content:'';position:absolute;left:50%;top:50%;width:12px;height:2px;background:#666}
.gotop em::before{transform:translate(-20%,-50%) rotate(45deg)}
.gotop em::after{transform:translate(-80%,-50%) rotate(-45deg)}
@media(max-width:768px){
.footerBot .gotop{display:none}
.gotop{width:35px;height:35px;display:none;opacity:1;visibility:inherit;overflow:inherit;position:relative;right:auto;bottom:auto}
.footerPhone .gotop {display:block}
.gotop:hover{box-shadow:none;background:#FFF}}