﻿@charset "utf-8";
:root{--color:#cc1616}
#demo li:hover a,.bb,.foot a:hover,.foot_top .know_more:hover{color:#3f3c3c}
.bb:hover::after,.bb:hover::before{background-color:#3f3c3c}
@media screen and (max-width:960px){.nav>li a{border-color:#3f3c3c}}
.pro_left .sk{outline-color:#3f3c3c}
#searchbox .sbtn{background:#444}
.button_box p{padding:3px 0}
#advantage{background-image:url(/js/20633/bg.jpg);background-size:cover;background-position:center;position:relative}
#advantage:before{content:'';width:100%;height:100%;background:rgba(0,0,0,.4);position:absolute;top:0;left:0}
#advantage .container{position:relative}
.rvc-next img,.rvc-prv img{background:#aaa}
.con_title{font-family:Arial,sans-serif;font-size:19px}
.pro_left .sf-menu a{font-family:Arial,sans-serif;font-size:15px}
.pro_left .sf-menu li.LiLevel1>a{background-color:#eee}
.pro_left .sf-menu li.LiLevel1>a:hover,.pro_left .sf-menu a:hover{background-color:#232935}
.nav .submenu li a{text-align:left;height:auto;line-height:26px;width:100%;padding:5px 16px;font-weight:500;font-size:15px;text-transform:capitalize}
.ftop_content{padding:20px 0}
.foot_top{margin-bottom:30px}
.nav .submenu{top:105px;width:500px}
.nav .submenu li{height:auto;float:left;width:50%;background:#232935}
.pro_left .searchbox_content{width:0;overflow:hidden;margin:0;height:0}
.img-wrapper p{font-size:18px}
#nav,.logo{height:105px}
.logoimg{max-height:105px}
.nav>li a{line-height:101px}
.contents_title h3{font-size:33px;font-family:arial}
.content_title{white-space:normal}
.content p{max-height:180px;-webkit-line-clamp:7}
#advantage .contents_title h3,#news .contents_title h3{font-size:32px}
#demo{height:250px;margin-bottom:60px}
.rollPro1 li p a{text-align:left}
.bPosition,.bPosition a{font-size:14px}
.ejfl{font-size:23px}
.floatwindow_im-tel li a.floatwindow_wec i{background:url(/Content/C_IMG/Common3/wx.png);width:24px!important}
.floatwindow_im-tel li a.floatwindow_wec span{padding-left:6px!important}
.floatwindow_im-tel li:hover a.floatwindow_wec i{background-image:url(/Content/C_IMG/Common3/wx1.png)}
.head .container{position:relative}
.idiframe{background:#f5f5f5;padding:2px 15px}
.idiframe iframe{width:100%;height:550px;max-width:1200px;margin:30px auto;display:block}
@media screen and (max-width:992px){.idiframe iframe{height:420px}}
#products .contents_title .h3{color:#000}
ul.sub-menu{position:absolute;left:100%;top:0;display:none}
.pro_left .sf-menu>li{position:relative}
.pro_left .sf-menu ul a{white-space:nowrap}
.pro_left .sf-menu>li:hover .sub-menu{display:block}
.pro_left{width:260px}
.pro_right{padding-left:280px}
.about_ul li{width:25%}
.bb::after,.bb::before{display:none}
.bb img,.bb_content{border-radius:inherit}
.li_content .fr{margin-top:70px}
.bb{width:270px}
.pro_right>ul{display:flex;flex-wrap:wrap}
.bb img{border:none}
.news_message .news_li{width:100%}
*{font-family:'Poppins',sans-serif!important}
.foot_info h3,.foot_info .h3{font-weight:bold;font-size:18px}
.head{z-index:9999}
.contents_title h3 span{color:var(--color);border-bottom:2px solid var(--color);line-height:1.2;display:inline-block}
.contents_title{background:none}
.contents_title h3:after,.contents_title .h3:after{display:none}
#products .contents_title .h3{color:var(--color);border-bottom:2px solid var(--color);padding-bottom:3px}
.contents_title h3,.contents_title .h3{font-weight:bold}
#advantage .contents_title h3{border-bottom:2px solid #fff;padding-bottom:3px}
#products{background:#dfdfdf}
.nav>li>a{text-transform:uppercase;font-family:poppins !important;font-size:16px}
#about_us .contents_title,#products .contents_title{display:none}
#liproducts .submenu{background:#fff;padding:16px 10px;width:100%;-o-transform:translate(-50%,0);-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%}
#liproducts .submenu li{width:33%;float:left}
.nav .submenu li a{color:#fff}
.nav .submenu li:hover{background:#222}
#liproducts{position:static}
ul.sub-menu{z-index:9999}
.pro_left .sf-menu ul li a{padding-right:15px}
.nav>li>a.inmenu_1,.nav>li:hover a{border-color:#232935}
#nav{box-shadow:0px 0px 0px}
.nav .submenu li:hover:hover>a{color:#f4ef64}
.button_box button{width:auto;min-width:140px;background:#232935}
.foot{background:#f1f1f1}
.foot_box{padding-top:10px}
.foot_box>li .scont{display:none}
.ssp_mid.About.Us .pro_left{display:none}
.ssp_mid.About.Us .pro_right{padding:0}
.nav>li>a,.nav .submenu li a{font-weight:normal}
.nav .submenu li{float:none;width:auto}
.nav .submenu li a{font-size:16px}
.nav .submenu{box-shadow:0px 0px 5px 2px #ccc;width:auto}
.content_title{font-weight:normal;color:#373937;font-size:20px}
.productsTags,.pror_detail .fr h1{font-weight:500}
.nav .submenu li a{color:#000}
#advantage{max-width:1200px;margin:0 auto}
.foot_info p img,.pro_left p img{position:relative;top:3px;width:20px;margin-right:4px}
.scont p:nth-of-type(4) img{transform:scale(1.4)}
.single_imgb .page-contact p img{position:relative;top:4px;width:20px;margin-right:10px}
#nav{position:fixed;top:0;left:0;right:0;z-index:9;background:#fff}
.ssp_mid{margin-top:105px}
.foot_info h3,.foot_info .h3{width:130px}
.foot_box>li{width:22%}
.foot_box>li:nth-child(1){width:30%}
.foot_info p img,.pro_left p img{width:15px;opacity:0.7}
.products_wrap{padding:0}
.foot_box>li:nth-child(1) .foot_info p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical}
div#slider{padding-top:105px}
#link-one{position:fixed;left:10px;bottom:10%;text-align:center;z-index:1}
#link-one .link-s{display:block;text-align:center;margin-bottom:6px;cursor:pointer}
#link-one .link-s img{border-radius:50%;width:60%}
#link-one .link-s>span{display:block;color:#000;font-weight:bold}
/*language*/.nylangbox{background:#f2f2f2}
.nylang{font-size:26px;text-align:center;line-height:1.3;margin-bottom:25px}
ul.nylanglist{display:flex;flex-wrap:wrap;justify-content:center;padding:15px}
ul.nylanglist li{text-align:center;width:19%;margin:10px 0}
ul.nylanglist li a:first-child{display:block;width:45px !important;height:45px !important;border:solid 1px #ea5529;border-radius:50%;margin:0 auto;line-height:45px;color:#444;margin-bottom:10px;font-size:17px}
ul.nylanglist li:first-child{margin-left:30%}
ul.nylanglist li:nth-child(2){margin-right:30%}
ul.nylanglist li a{font-size:16px}
.fl_title a{color:#222}
header .top-box .info .left span,header .top-box .info .left>span:nth-of-type(1),header .top-box .info .left span a,header .top-box .info .left span a:visited,header .top-box .nav-box .right .search-box,header .top-box .nav-box .right .search-close{color:#000}
header .top-box .nav-box{background:#ffffff47}
header .top-box .nav-box.top-0{background:#fff}
header .top-box .nav-box .right ul.nav1>li a{color:#000}
header .top-box .nav-box .right ul.nav1>li .submenu{background:#fff}
header .top-box .nav-box .right ul.nav1>li .inmenu_1,header .top-box .nav-box .right ul.nav1 li:hover>a{color:#fff}
@media screen and (max-width:1024px){header .top-box .nav-box .right nav{background:rgba(255,255,255,.9)}
header .top-box .nav-box .right ul.nav1>li .inmenu_1,header .top-box .nav-box .right ul.nav1 li:hover>a{color:var(--color)}
header .top-box .nav-box .right ul.nav1>li .submenu{background:none}
header .top-box .nav-box .right nav ul.nav1 i{color:#000}}
main.index section.about-us .block-box .content{flex-wrap:inherit}
.fa{font-family:FontAwesome!important}
footer .footer-info .nav1 ul>li>a:hover,footer .footer-info .nav2 ul>li>a:hover,footer .footer-info p:hover{color:#fff}
.productsDetails .btn-group button:nth-of-type(1),main.page-template-1 .max-width-box aside ul.nav1 li.LocalCurrent{background:var(--color)!important}
.item-faqdetails .btn-group button:nth-of-type(1),.item-aboutus .btn-group button:nth-of-type(1),header .top-box .info .right ul.sj li{background:var(--color)}
main.index section.products .list ul li{width:auto;padding:0 10px;margin-left:10px}
main.page-template-1 .form form{max-width:960px;margin:0 auto}
@media (min-width:1201px){.swiper-box.index-swiper{padding-top:102px}
header .top-box{width:100%;max-width:100%;padding:0 9vw}
header .top-box .nav-box{width:100%;max-width:100%;left:0;padding:0 9vw}
header .top-box .nav-box .right ul.nav1>li ul li{box-sizing:border-box}
#liproducts .submenu{padding:30px 20%;left:0;transform:none;box-sizing:border-box;background:#000}
header .top-box .nav-box .right ul.nav1 .nav0 li a{color:#fff}
#liproducts .submenu li{border-right:1px solid #fff}}
.title-img-box{text-align:center}
main.index section.products .list{margin-top:30px}
main.index section.products .list ul{justify-content:center}
main.index section.products .list ul li{background:var(--color)}
main.index section.products .list ul li:hover{background:#334400}
.has-children2 ul.sub-menu{position:static}
.advantage{width:100%}
.advantage .container{max-width:1600px;padding:0 4vw;margin:0 auto}
.advantage ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.comadvtit{text-align:center;margin-bottom:30px}
.comadvtit span{display:inline-block;font-weight:bold;color:var(--color);font-size:30px;line-height:1;position:relative;padding-left:15px}
.comadvtit span:before{content:'';width:7px;height:22px;background:var(--color);position:absolute;left:0;top:2px;transform:skewX(-15deg)}
.advantage ul li{width:31%;margin-bottom:35px}
.advantage ul li .advantit{display:flex;align-items:center;margin-bottom:15px}
.advantage ul li .advanic{width:50px;height:50px}
.advantage ul li .advanic img{height:100%;width:100%;object-fit:contain}
.advantage ul li .advantit span{font-weight:bold;font-size:17px;line-height:1.2;display:block;width:calc(100% - 50px);padding-left:15px;color:var(--color)}
.advantage ul li .advaninfo{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;line-height:22px;height:88px;margin-bottom:15px}
.advantage ul li .advanbtn{text-decoration:underline;color:#000;text-transform:capitalize}
.advantage ul li .advanbtn:hover{color:var(--color)}
@media (max-width:1024px){.advantage ul li{width:48%}}
@media (max-width:640px){.advantage ul li{width:100%}
.comadvtit span{font-size:20px;padding-left:12px}
.comadvtit span:before{height:15px;width:5px;top:1px}
.advantage ul li .advaninfo{font-size:13px;-webkit-line-clamp:inherit;height:auto}
.advantage ul li .advanic{width:40px;height:40px}
.advantage ul li .advantit span{font-size:16px;width:calc(100% - 40px)}}
main.index section.products .item ul{margin-bottom:50px}
footer{background:#011327}
footer .footer-info .nav1 ul>li>a:hover,footer .footer-info .nav2 ul>li>a:hover{padding-left:0}
footer .footer-info .nav1 ul>li>a::before,footer .footer-info .nav2 ul>li>a::before{display:none}
footer .footer-info .nav2{width:230px}
footer .footer-info .nav2 ul li{border-bottom:1px solid #4f4f4f;padding-bottom:5px;margin-bottom:5px}
footer .footer-info .nav1 .xunpan{margin-top:20px;display:flex;border-radius:3px;overflow:hidden}
footer .footer-info .nav1 .xunpan input{padding:2px 10px;box-sizing:border-box}
footer .footer-info .nav1 .xunpan span{background:#f3f3f3;color:#000;width:50px;font-weight:600;cursor:pointer}
footer .footer-info .soft{position:static;margin-top:30px}
footer .footer-info .soft ul li:nth-child(1){background:#103f5e}
footer .footer-info .soft ul li:nth-child(2){background:#73a6ca}
footer .footer-info .soft ul li:nth-child(4){background:#c52323}
.qr-code li i{color:#D9002C;width:20px}
@media (max-width:1600px) and (min-width:1201px){header .top-box{top:-40vw}}
@media (max-width:1200px){#liproducts .submenu li{width:100%}
#liproducts .submenu{background:transparent}
header .top-box .info{display:none}
}
main.index section.about-us .block-box .content{width:100%}
main.index section.about-us .block-box .pic{display:none}
main.index section.about-us,main.index section.about-us .block-box{height:auto}
.mb{display:none}
main.index section.about-us  .sub-title{text-align:center;width:80%;margin:0 auto}
.picshow{display:flex;flex-wrap:wrap;justify-content:space-between;margin:50px 0 0}
.picshow li{width:16%}
.picshow li img{width:100%}
.addimg{margin-bottom:50px}
.button-box{text-align:center;margin-bottom:50px}
@media (max-width:1200px){main.index section.about-us  .sub-title{width:100%}
.picshow{margin:15px 0}
.picshow li{width:49%}
header .top-box .nav-box .mob-nav i{color:#000}
.addimg{margin-bottom:20px}
.advantage{padding-bottom:20px}}
footer .footer-info>div{width:auto!Important;max-width:350px;padding:0 10px}
footer .footer-info p{width:100%}
@media (max-width:1550px){footer .footer-info>div{max-width:300px}}
@media (max-width:1366px){footer .footer-info{width:100%;padding:0 4vw}}
@media (max-width:1200px){footer .footer-info>div{max-width:100%;padding:0}}
header{z-index:99999}
#liproducts .submenu,header .top-box .nav-box .right ul.nav1>li .submenu{background:#013818}
header .top-box .nav-box .right ul.nav1>li ul li a{color:#fff}
header .top-box .info{padding:0;height:80px;align-items:center}
header .top-box .info>a>img{max-height:80px}
@media (min-width:1201px){.swiper-box.index-swiper{padding-top:0}
header .top-box .nav-box{height:80px}
}
header .top-box{height:80px}
header .top-box .nav-box{top:0}
header .top-box .info .right{display:none}
header .top-box .info>a{display:flex;align-items:center;color:#000;font-size:20px;font-weight:500}
header .top-box .info{display:none}
main.page-template-1 .max-width-box article .item-products-0 ul li .box .right button{background:var(--color)}
.pages p .ctxt{background-color:var(--color)}
@media (min-width:1200px){header .top-box .nav-box .right ul.nav1>li ul li:hover{background:var(--color)}
header .top-box .nav-box .right ul.nav1>li .inmenu_1,header .top-box .nav-box .right ul.nav1>li:hover{background:none}}
aside .last-products li img,aside .last-products li img,aside .last-products li img,aside .last-products li img,aside .last-products li img{max-height:none}
@media (min-width:1200px){header .top-box .nav-box .right ul.nav1>li{margin:0 10px}
header .top-box .nav-box .right ul.nav1>li a{padding:0 20px}}
@media (min-width:1201px){#liproducts .submenu{left:50%;transform:translateX(-50%);width:60%;padding:30px 5%}}
#liproducts .submenu,header .top-box .nav-box .right ul.nav1>li .submenu{background:var(--color)}
.picshow li{width:32%;margin-bottom:20px}
.picshow li img{display:block;height:100%}
.copyright{background:#011327}
.floatwindow_im-tel li a{position:relative}
.floatwindow_im-tel li a>img{width:auto;position:absolute;right:100%;top:0;max-width:inherit;max-height:inherit;width:180px;padding-right:10px;display:none}
.floatwindow_im-tel li a.floatwindow_wec i{background-size:100%}
.floatwindow_im-tel li a:hover>img{display:block}
.button-box{position:relative;z-index:2}
.button-box:before{content:'';position:absolute;top:50%;left:0;width:100%;height:2px;background:#000;z-index:-1}
.button-box a{padding:0 15px;background:#f6f6f7}
.footer-info .soft ul li:nth-child(2),.footer-info .soft ul li:nth-child(4){display:none}
footer .footer-info .soft ul{justify-content:flex-start}
footer .footer-info .soft ul li:nth-child(3){background:#0093d3}
footer .footer-info .soft ul li:nth-child(5){background:#0b66c1}
footer .footer-info .soft ul li a i{color:#fff;text-align:center}
footer .footer-info .soft ul li:nth-child(6){background:#D9002C}
.timeline-wrapper *{box-sizing:border-box}
.timeline li{width:50%;padding:40px 50px;float:left;position:relative;border-bottom:dotted #ccc 1px}
.timeline li:nth-child(2n){float:right;margin-top:100px}
.timeline li:nth-child(2n+1){clear:left}
.timeline li .year{position:absolute;right:-10px;bottom:-50px;width:100px;height:100px;background:var(--color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px}
.timeline li img{height:auto;display:block}
.timeline li .imgbox{position:relative}
.timeline li .list-content p{padding-top:50px}
.timeline li:nth-child(2n) .year{left:-10px;right:unset}
.timeline:after{content:'';display:block;clear:both}
.timeline:before{content:'';position:absolute;top:0;left:0;right:0;margin:auto;width:1px;height:100%;border-right:dashed #bababa 1px}
.timeline{position:relative}
.timeline li .spot{position:absolute;right:-12px;bottom:-13px;width:23px;height:23px;border-radius:50%;border:var(--color) solid 1px;background:#FFFFFF}
.timeline li .spot:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:11px;height:11px;border-radius:50%;background:var(--color)}
.timeline li:nth-child(2n) .spot{left:-12px}
@media (max-width:800px){.timeline li{width:100%;padding:15px;margin-bottom:15px}
.timeline li:nth-child(2n){margin-top:0;float:none}
.timeline li .spot{display:none}
.timeline li .year{left:-10px}
.timeline:before{display:none}}
.abcontent-tabs{margin-bottom:50px;display:flex;justify-content:center;flex-wrap:wrap}
.abcontent-tabs a{padding:15px 20px;box-shadow:0 3px 12px rgba(0,0,0,0.1);border-radius:10px;margin-right:10px}
.abcontent-tabs a.active{background:var(--color);color:#fff}
.ab-content-wrapper .nyabout:not(.active){display:none}
.nybrandone{background:#758eb7;margin-bottom:40px;padding:100px 35px 20px;position:relative;color:#fff}
.nybrandone:before{content:'';width:40px;height:5px;background:#fff;position:absolute;left:35px;top:35px}
.nybrandone:after{content:'';width:40px;height:5px;background:#fff;position:absolute;left:35px;top:47px}
.nybrandcet{text-align:center}
.nybrandcet div{font-size:28px}
.nybrandcet img{max-width:70%!important}
.nybrandcent{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:35px;border-top:1px solid #fff;padding:20px 0 10px}
.nybrandcent .nybrandlef{width:31%;font-size:29px;line-height:1.3}
.nybrandcent .nybrandlef strong{display:block}
.nybrandcent .nybrandrig{width:67%;line-height:1.3;font-size:16px}
.nybrandbot{font-size:28px;text-transform:uppercase;line-height:1.3}
.nybrandtwo,.nybrandthr{padding-top:140px}
.nybrandtwo .nybrandlef{width:38%;font-size:31px}
.nybrandtwo .nybrandrig{width:60%}
.nybrandthr .nybrandlef{font-size:37px}
@media (min-width:1501px){.nybrandcent .nybrandlef{width:22%}
.nybrandcent .nybrandrig{width:75%}
.nybrandtwo .nybrandlef{width:30%}
.nybrandtwo .nybrandrig{width:68%}}
@media (max-width:960px){.nybrandcent{display:block}
.nybrandcent .nybrandlef strong{display:inline}
.nybrandcent .nybrandlef{width:100%;margin-bottom:10px}
.nybrandcent .nybrandrig{width:100%}}
@media (max-width:640px){.nybrandone{padding:70px 15px 15px}
.nybrandone:before{width:34px;height:3px;top:20px;left:15px}
.nybrandone:after{width:34px;height:3px;top:28px;left:15px}
.nybrandcent{margin-top:25px}
.nybrandcent .nybrandlef{font-size:20px}
.nybrandcent .nybrandrig{font-size:14px}
.nybrandbot{font-size:19px}}
@media (min-width:1501px){.nybrandfour .nybrandcent .nybrandlef{font-size:39px}
.nybrandfour .nybrandcent .nybrandlef{min-width:31%}
.nybrandfour .nybrandcent .nybrandrig{width:68%}}
.swiper-box.index-swiper{position:static;transform:inherit}
.swiper-box.index-swiper img{display:block}
.swiper-index{height:auto}
main.index{margin-top:0}
.banner2-box{height:auto;min-height:inherit;position:static}
.tabs{margin:0}
.banner2-box img{display:block}
.firmodule{width:100%;margin-bottom:50px}
.firmodule ul{display:flex}
.firmodule ul li{width:25%;position:relative}
.firmodule ul li .firpic{position:relative}
.firmodule ul li .firpic img{width:100%;display:block}
.firmodule ul li .firtit{width:100%;height:100%;position:absolute;top:0;left:0;color:#000;text-align:center;justify-content:center;align-items:center;display:flex;font-size:24px;padding:15px;box-sizing:border-box;line-height:1.4;transition:.3s}
.firmodule ul li .firinfo{position:absolute;width:100%;height:100%;top:0;left:0;padding:20px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;color:#fff;background:rgb(116 142 184 / 80%);font-size:16px;text-align:center;transition:.3s;opacity:0}
/*.firmodule ul li:hover .firtit{opacity:0}*/
/*.firmodule ul li:hover .firinfo{opacity:1}*/
@media (max-width:1024px){.firmodule ul{flex-wrap:wrap}
.firmodule ul li{width:50%}}
@media (max-width:640px){.firmodule ul li .firtit{font-size:18px;line-height:1.3}}
main.index section.products .list ul li{margin-left:0;width:200px}
main.index section.products .item ul li>div .rule-box{max-height:none;height:auto}
.item-aboutus .article p{margin-bottom:5px}
.about-content1{padding:30px;box-sizing:border-box;background:var(--color)}
.about-content1 table td{background:var(--color) !important}
.item-faqdetails .btn-group button:nth-of-type(2),.item-aboutus .btn-group button:nth-of-type(2){background:#3B5998!important}
main.page-template-1 .max-width-box aside ul.nav1 li.active-bg-black{background:var(--color)}
.partners img{width:100%}
ul.nav1.latest.nynewnav li{margin-top:0}
ul.nav1.latest.nynewnav li a{border-bottom:1px solid #d5d5d5;line-height:40px;font-size:14px;text-align:left;padding:0 20px 0 30px;background:#fff}
ul.nav1.latest.nynewnav li:last-child a{border:none}
main.page-template-1 .max-width-box aside ul.nav1 li.LocalCurrent a{color:#000}
main.page-template-1 .max-width-box aside ul.nav1 li.LocalCurrent{background:#fff!important}
main.page-template-1 .max-width-box aside ul.nav1 li{border-bottom:1px solid #d5d5d5;font-size:14px}
main.page-template-1 .max-width-box aside ul.nav1 li a{text-align:center}
aside.nav2-template>ul>li.has-children2 ul li a{padding-left:20px}
.has-children2 ul.sub-menu{display:none!important}
.has-children2 .LiLevel1:hover>ul.sub-menu{display:block!important}
.productsDetails-article .details .right .btn-groups{margin-bottom:51px}
.productsDetails-article .details .right .btn-groups .button a{background:var(--color);color:#fff;border:1px solid var(--color);font-size:18px}
@media (min-width:1061px){main.index{padding:20px 0}}
.firmodule ul li .firtit{color:#fff;font-weight:bold;text-shadow:3px 2px 1px #484e56}
main.index section.about-us .block-box .content .button-box button{width:auto}
.parent{display:block}
.sun{width:100%}
main.index section.about-us .block-box .content{padding:3% 0;align-items:flex-start}
.advantage .container .title{display:flex;align-items:start;margin:0 0 20px}
@media (max-width:1600px){main.index section.products .title{display:flex}
main.index section.products .title .title-img-box{margin-bottom:0}
main.index section.about-us .block-box,main.index section.products{width:100%;padding:0 4vw}}
@media (max-width:1440px){.advantage{padding-bottom:0}}
@media (max-width:1210px){main.index section.products{margin:0}}
@media (max-width:769px){.parent{font-size:40px}
.sun{font-size:26px}
main.index section.about-us{padding:0}
main.index .news .title{margin-bottom:0}
main.index section.news .title{display:flex}}
.count-more.conaft:after{content:'+ ㎡'}
main.index section.number ul li{width:auto;padding:0 10px}
main.index section.number ul{justify-content:space-around}
@media (max-width:1024px){main.index section.number ul li{width:24%;padding:0;margin:15px 1.333% 15px 0}
main.index section.number ul li:nth-child(4n){margin-right:0}
main.index section.number ul{flex-wrap:wrap;justify-content:flex-start;height:auto}
main.index section.number{height:auto}}
@media (max-width:768px){main.index section.number ul li{width:48%;padding:0;margin:10px 4% 10px 0}
main.index section.number ul li:nth-child(2n){margin-right:0}}
footer .footer-info .nav1{display:none}
main.page-template-1 .max-width-box article .item-products-0 ul li .box .right p:nth-of-type(3){display:block}
@media (min-width:1214px){.productsDetails-article .details .right .btn-groups{justify-content:flex-start}
.productsDetails-article .details .right .btn-groups .button{width:auto;min-width:180px}
.productsDetails-article .details .right .btn-groups .button a{padding:0 20px}}
.qr-code>img{margin-top:20px}
@media screen and (max-width:1200px){main.page-template-1 .max-width-box article .item ul li .box .left img{max-width:100%;max-height:inherit;height:auto !important}
main.page-template-1 .max-width-box article .item ul li .box .left{-webkit-box-flex:inherit;-ms-flex:inherit;flex:inherit;max-height:inherit;display:block}
main.page-template-1 .max-width-box article .item ul li .box .right{-webkit-box-flex:inherit;-ms-flex:inherit;flex:inherit;height:auto;line-height:1.5;padding:12px 6%}
main.page-template-1 .max-width-box article .item ul li .box .left a,main.page-template-1 .max-width-box article .item ul li .box{display:block}
main.page-template-1 .max-width-box article .item ul li{height:auto}
main.page-template-1 .max-width-box article .item ul li .box .right p:nth-of-type(1){padding:5px 0}}
@media (min-width:1025px){#xyz{margin-top:25px;margin-left:15px}
#xyz.active{height:213px}
#xyz .xyz12 a{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:13px}
#xyz .xyz12 a img{vertical-align:middle;margin-right:3px}
#xyz .xyz12{padding:2px 5px}
#xyz .xyz12 span{right:0;top:0}}
@media (max-width:1440px) and (min-width:1025px){header .top-box .nav-box .right ul.nav1>li{margin:0}}
@media (max-width:1024px){#liproducts .submenu{transform:translate(0,0);padding:0;background:none}
header .top-box .nav-box .right ul.nav1>li ul li a,#xyz .xyz12 ul>li a{color:#000}
#xyz .xyz12 ul>li{padding:6px 6px 6px 0!important}
#xyz .xyz12 ul>li a{display:block}}
#xyz .xyz12{background:var(--color)}
header .top-box .nav-box{align-items:center}
.lang-icon span{color:#000}
.lang-icon span::before,.lang-icon span::after{background:#000}

.larmodule {width:100%;}
.larmodule .container {width:86.33333%;max-width:1600px;margin:0 auto}
.larmoduletit {text-align:center;font-size:36px;font-weight:bold;color:#fff;background:#416195;line-height:1.4;padding:12px;border-radius:100px;}
.larmodule-boxed{display:flex;justify-content:space-between;}
.larmodule-boxed>div{width:49%;}
.larmodule-info {padding:1px 0 30px;}
.larmodule-info .container>p:first-child {text-align:center;padding:15px 0;}
.larflex {box-shadow:0 0 10px #748eb859;display:flex;justify-content:space-between;align-items:center;background:#FFF;border-radius:200px;margin:30px 0;padding:30px 30px 30px 40px;}
.larmodule-flextit {text-align:center;background:#416195;color:#fff;padding:10px 20px;border-radius:40px;font-size:22px;line-height:1.4;margin-right:30px;}
.larmodule-sociallist {display:flex;justify-content:center;}
.larmodule-sociallist li {margin:0 15px;}
.larmodule-sociallist li a {color:#333;font-size:16px;text-transform:capitalize;text-align:center;line-height:1;}
.larmodule-sociallist li a span {display:block;margin:0 auto;width:60px;height:60px;background:url(/js/20633/index/social.png);background-size:auto 100%;}
.larmodule-sociallist li:nth-child(2) a span {background-position:-87px 0}
.larmodule-sociallist li:nth-child(3) a span {background-position:-175px 0}
.larmodule-sociallist li:nth-child(4) a span {background-position:-262px 0}
.larmodule-sociallist li:nth-child(5) a span {background-position:-350px 0}
.larmodule-sociallist li a p{display:none}
.larmodule-platformlist {display:flex;justify-content:center;}
.larmodule-platformlist li {margin:0 15px;}
.larmodule-platformlist li img {display:block;height:auto;max-height:70px;}
.larmodule-centerlist {display:flex;flex-wrap:wrap;justify-content:space-between;background:#fff;border-radius:100px;padding:50px;box-shadow:0 0 10px #748eb859}
.larmodule-centerlist li {width:31%;margin:10px 0;display:flex;flex-direction:column;}
.larmodule-centertit {flex:1;display:flex;align-items:center;justify-content:center;margin-bottom:12px;text-align:center;background:#416195;border-radius:100px;color:#fff;font-size:28px;line-height:1.4;padding:10px;text-overflow:ellipsis;overflow:hidden}
.larmodule-centerpic {margin-top:12px;}
.larmodule-info+.larmoduletit {margin-top:20px;}
.larmodule-standlist {background:#fff;padding:40px 50px;border-radius:100px;margin:30px 0;box-shadow:0 0 10px #748eb859}
.larmodule-standlist li {font-size:23px;display:flex;margin:8px 0;}
.larmodule-standlist li em {margin-right:4px;}
.larmodule-standlist li b {color:#416195;font-weight:500;}
.larmodule-bottom {background:#fff;border-radius:100px;text-align:center;padding:30px 50px;box-shadow:0 0 10px #748eb859}
.larmodule-bottomtxt{font-size:27px;color:#416195;margin-bottom:10px;font-weight: var(--fontbold7);}
.larmodule-bottomtxt+p{margin-bottom:20px;}
.larmodule-bottombtn {display:flex;justify-content:center;}
.larmodule-bottombtn a {background:#416195;color:#fff;font-size:28px;padding:5px 40px;border-radius:60px;line-height:1.2}
@media (max-width:1600px){.larmodule .container{margin:0 4vw;width:calc(100% - 8vw);}}
@media (max-width:1500px){.larmodule-centertit,.larmodule-bottombtn a{font-size:25px}
.larmodule-flextit{font-size:20px}}
@media (max-width:1300px){.larmoduletit{font-size:30px}
.larflex{padding:20px 50px 20px 30px}
.larmodule-flextit,.larmodule-centertit,.larmodule-bottombtn a{font-size:20px}
.larmodule-standlist li{font-size:20px}
.larflex{flex-direction:column}
.larmodule-flextit{margin:0 0 25px;width:80%}}
@media (max-width:1024px){.larmoduletit{font-size:25px}
.larflex{padding:20px 30px;flex-direction:column}
.larmodule-boxed{flex-wrap:wrap;}
.larmodule-boxed>div{width:100%;}
.larmodule-flextit{font-size:18px;padding:6px 20px;margin:0 0 20px;width:80%;text-align:center;}
.larmodule-bottombtn a,.larmodule-centertit{font-size:18px;padding:6px 20px}
.larmodule-standlist li{font-size:18px}
.larmodule-centerlist,.larmodule-standlist,.larmodule-bottom{padding:30px;border-radius:60px}}
@media (max-width:768px){.larflex{border-radius:60px}
.larmodule-sociallist,.larmodule-platformlist{justify-content:center}
.larmoduletit{font-size:22px}
.larmodule-flextit{width:100%}
.larmodule-sociallist li a{font-size:14px}
.larmodule-sociallist li a span {width:40px;height:40px;}
.larmodule-sociallist li:nth-child(2) a span {background-position:-58px 0}
.larmodule-sociallist li:nth-child(3) a span {background-position:-116px 0}
.larmodule-sociallist li:nth-child(4) a span {background-position:-175px 0}
.larmodule-sociallist li:nth-child(5) a span {background-position:-233px 0}
.larmodule-centerlist li{width:100%;margin:15px 0}
.larmodule-platformlist li img{max-height:40px;}
.larmodule-standlist li{font-size:17px}
.larmodule-bottomtxt{font-size:22px;line-height:1.4;margin-bottom:20px}}
@media (max-width:560px){.larmodule-info .container>p:first-child{padding-bottom:0}
.larflex{padding:20px 15px;border-radius:40px}
.larmodule-centerlist, .larmodule-standlist, .larmodule-bottom{border-radius:40px;padding:20px 15px}
.larmodule-sociallist li{margin:0 5px;transform: scale(0.9);}}
.wmkc-wechat-img img {width:auto!important;height:auto!important;}
.wmkc-itemcont img {padding:5px}
.wmkc-itemcont {height:auto!important;min-height:100%;}
header::before{display:none}
body .wmkc-bg-cyanblue,body .wmkc-forged-cyanblue::after,body .wmkc-forged-cyanblue::before,body .wmkc-forged-cyanblue>li::before{background:var(--color)!important}
body .wmkc-border-cyanblue,body .wmkc-table-border.wmkc-border-cyanblue>tbody>tr>td,body .wmkc-table-rules.wmkc-border-cyanblue>tbody>tr>td{border-color:var(--color)!important}
.footer-info .nav2 ul li{width:50%;}
.footer-info .nav2 ul{display: flex;flex-wrap: wrap;}
footer .footer-info .soft ul li:nth-child(7) {background: #d9002c;}
footer .footer-info .soft ul li:nth-child(8) {background: #0b66c1;}
footer .footer-info .soft ul li:nth-child(9) {background: #0093d3;}
footer .footer-info .soft ul li:nth-child(10) {background: #103f5e;}
footer .footer-info .logo-box .logo img{max-height: 120px;}
@media (min-width:1024px){body{padding-top:80px}    
header .top-box .nav-box .right ul.nav1>li .inmenu_1, header .top-box .nav-box .right ul.nav1 li:hover>a { color: #fff; background:var(--color)}}
@media (min-width:1024px)  and  (max-width:1201px){body{padding-top:62px}}
.kche-item-img img { border: unset;}
main.products.procate-common-width .max-width-box,main.products.procate-common-width .prolist-bottom{max-width:1260px;}
main.page-template-1.procate-common-width.products .max-width-box aside{display:none;}
main.page-template-1.procate-common-width.products .max-width-box article{margin-left:0}
@media (max-width:1600px){main.products.procate-common-width .prolist-bottom{max-width:1230px;}}
@media (min-width:1024px){header .top-box .nav-box .right ul.nav1>li a{color:#fff}
header .top-box .nav-box i,.lang-icon span{color:#fff}
header .top-box .nav-box .right{height:100%}
header .top-box .nav-box,header .top-box .nav-box.top-0{background:#000}
}