@charset "utf-8"; 
.button_box img{max-width:100%}
.button_box p,.button_box span,.button_box strong{font-family:Calibri,sans-serif!important;color:#17365d!important;font-size:16px!important;padding:2px 0}
.watch_botton .table td,.watch_botton .table th{font-family:Calibri,sans-serif!important;color:#17365d!important;font-size:16px!important;border-color:#17365d;background:#f2f2f2}
.watch_botton .table tr td:nth-child(1),.watch_botton .table tr th:nth-child(1){background:#e36c0a;color:#fff!important}
.watch_botton .table tr td:nth-child(1) p,.watch_botton .table tr th:nth-child(1) p{color:#fff!important}
.watch_botton .table td p,.watch_botton .table th p{padding:0!important}
.counters_li li{width:33.333%;padding:10px;box-sizing:border-box}
.counters_li li img{max-width:100%;display:block}
@media screen and (max-width:960px){.counters_li li{width:50%}}
@media screen and (max-width:540px){.counters_li li{width:100%}}
.mid_in{opacity:1;background:#ededed}
.single_content p{white-space:normal;font-size:17px;line-height:1.5;font-weight:700}
.mid_box .single_one{padding:10px;box-sizing:border-box}
@media screen and (min-width:961px){.single_content p{height:150px}}
.mid_box .two_imgbox{width:300px;height:166px;margin:100px auto}
.single_one img{width:94%;margin-top:-17px}
.two_imgbox:after,.two_imgbox:before{width:213px;height:213px}
.two_imgbox:before{top:-107px;left:41px}
.two_imgbox:after{bottom:-107px;left:41px}
.skill_li li{width:33.333%;padding:6px;box-sizing:border-box;margin-bottom:0}
.skill_li li iframe{max-width:100%;display:block;margin:0 auto}
@media screen and (max-width:960px){.skill_li li{width:100%}}
#skill{background:#fff;padding-bottom:0}
#skill .incon_title h2,#skill .incon_title h2 span{color:#333!important}
#skill .border_line{border-color:#333}
#skill .border_line:before{background:#333;border-color:#333}
#intro{background:#f4f4f4;color:#333;padding-bottom:0}
.intro_font{color:#333}
.intro_title p{border-color:#333}
.counters-item{padding:0 10px}
.counters_li li{width:25%;padding:0}
.mid_in{background:#14126f}
.single_content p{height:50px}
.par{padding:0 30px 50px}
.par img{display:block;max-width:100%;margin:0 auto;max-height:120px}
.par .swiper-wrapper{align-items:center}
.profile .profile-imgs .border-box iframe{width:100%;height:100%}
.profile .profile-imgs .border-box{padding:0;border:none;height:530px}
.profile .profile-imgs .img-box{width:100%;margin:0}
.profile .profile-imgs{margin-bottom:0}
.profile .profile-words{width:45%}
.profile .profile-words h3{line-height:1.3;padding-bottom:15px;font-size:3em}
.profile .profile-words p{padding:20px 0 0}
.par>div{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.conect-ways .container{background:url(/js/23370/f2.jpg) no-repeat right 90%;background-size:100% auto}
.par>div .swiper-slide{width:20%;margin-bottom:15px}
.head .container{margin:0 auto;position:relative}
.search_inp{position:absolute;right:0;top:17px;z-index:999}
.menu{padding-right:240px;box-sizing:border-box}
.language_search{margin:0}
.nav ul ul{background:#fff}
.nav ul li:hover a,.nav ul ul a{color:#000}
.nav ul li:hover>a{color:#fff}
.LayImAhrefNode,.details-btns p,.info-j{background-color:#02fe09}
#feedbackForm .submita{background-color:#3d5b96!important}
.profile .pri-p{padding-bottom:10px}
.profile .pro-p{font-size:1.4em}
.profile .more-btn{margin-top:2em}
.mid_box .two_imgbox,.two_imgbox:after,.two_imgbox:before{border:none}
.mid_box .two_imgbox{margin:20px auto}
.side-link li{border:1px solid #bbb;height:200px;text-align:center;display:flex;justify-content:center;flex-flow:column}
.side-link li i img{width:22px}
.side-link li span{color:#000}
.side-link li a{color:#000}
ul.sub-menu{display:none}
.menu-item:hover .sub-menu{display:block}
.popwhatsapp{position:fixed;bottom:70px;left:15px;z-index:99999}
.popwhatsapp div{width:42px;height:42px;border-radius:50%;background:#05af10 url(/Content/C_IMG/Common/whatsapp38.png) no-repeat center;background-size:22px;margin:0 auto 6px}
.popwhatsapp p{font-weight:700;font-size:15px;color:#05af10}
.left_control{background:#fff}
.cate_ltitle{font-size:70px}
#about .fr p{margin:20px 0 40px}
.foot_top .fr{position:relative;padding-right:150px}
.foot_top .fr .wqr{position:absolute;width:140px;top:50%;right:10px;transform:translateY(-50%)}
.foot_top{display:flex;flex-wrap:wrap}
#defind{background:#fafafa;padding:0}
#defind .container1{max-width:100%}
.last{display:flex;flex-wrap:wrap}
.last-l{width:50%}
.last-l img{width:100%;height:100%;object-fit:cover}
.last-l>ul{display:flex;justify-content:space-between;flex-wrap:wrap}
.last-l>ul>li{width:50%}
.last-r{width:50%;padding:1vw 2.5vw;box-sizing:border-box;font-size:.9vw;color:#fff;background:url(/js/23370/bg3.jpg) no-repeat center;background-size:cover}
.last-r h6{font-size:2.5vw;color:#0d468d;font-weight:700;line-height:1.3}
.last-r p{margin-top:.6vw}
@media screen and (max-width:1024px){.last-l{width:100%}
.last-r{width:100%;padding:20px;font-size:15px}
.last-r h6{font-size:25px}}
.recommend_content ul{display:flex;flex-wrap:wrap;justify-content:space-between}
#recommend li{margin:0 0 5%;width:30%}
#recommend li:nth-child(6){margin-right:0}
#recommend li:nth-child(n+4) .reco_bottom{padding-bottom:0}
.cate_pure{display:none}
.mask_reco{background:0 0}
.head{position:fixed;top:0;background:#3d5b96}
body{padding-top:71px}
.pro_lb1 li{margin-right:2%;justify-content:flex-start}
.pro_lb1 li:nth-child(2n){margin-right:0}
.pro_lb1 .img-box{max-height:inherit}
.pro_lb1 .readmore,.pro_lb1 p{display:none}
.pro_lb1 h5{margin-top:10px;text-align:center}
.reimg{display:block;position:relative;box-shadow:21px -20px 1px #3d5b96}
.relay{position:absolute;top:0;left:0%;bottom:0;right:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease-in-out}
.relay p{width:auto;padding:6px 20px;text-align:center;border:1px solid #fff;color:#fff;font-size:16px;transition:background .2s ease-in-out}
.relay p:hover{background:#3d5b96;color:#fff}
.rename{font-size:18px;text-align:center;margin-top:10px;display:block}
#recommend li:hover .relay{opacity:1}
#recommend li:hover .rename{color:#3d5b96}
.recommend_content{background:#fff;margin-top:6%}
.pro_lb1 li,.pro_lb1 li:nth-child(2n+1),.pro_lb1 li:nth-child(2n){width:31%;background:#f5f5f5;padding:5px;margin-bottom:15px}
.pro_lb1 li:nth-child(2n){margin-right:2%}
.pro_lb1 .img-box{height:auto}
.cate_border{border:none}
#news .container1{max-width:1100px}
.new_right li{padding:20px}
.new_right li:first-child{padding-bottom:0}
.index-news-title,.newtop_img-title{margin-bottom:8px;line-height:1.2}
.img_more{margin-top:13px}
.description::after,.morelink a{background:#3d5b96}
.product-tags p.active,.product-tags p:hover{color:#3d5b96}
#banner,#slider,.inner-banner{padding-top:0}
#product >.cate_ltitle{display:none}
#product .cate_ltitle{padding:50px 0 15px}
.indprotit{text-align:center;font-size:18px}
.indprotit p{max-width:800px;margin:0 auto 50px}
.pro_lb1 .img-box{padding-bottom:100%;height:0;position:relative}
.pro_lb1 .img-box img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-height:100%}
#procate{margin:50px 0;position:relative;z-index:11}
#procate .container1{display:flex;justify-content:space-between;flex-wrap:wrap}
#procate .fr{position:static!important;height:auto}
.cate_right{position:relative}
.cate_right li{height:auto}
@media screen and (max-width:1260px){#procate .fr{margin:18px auto 0}}
.product_li li{width:25%;margin:0}
.product_li{display:flex;flex-wrap:wrap;justify-content:space-between}
.feedbackForm #feedbackForm tr:last-child{border:none}
.feedbackForm #feedbackForm .fsbtn{width:100%}
.products-intro-change,.products-intro-change p,.products-intro-change a{font-size:17px}
.aboutus p,.news-text{font-size:15px}
.news-img{max-height:100%}
.news-list .imgbox{padding-bottom:100%;height:0;position:relative;background:#fff;border:1px solid #ccc;box-sizing:border-box}
.firstRow img{display:initial}
.content-protypebody,.rt-row-2 a{font-size:16px}
.pro_lb h5{font-size:17px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:54px;margin-bottom:0}
.rt-box{width:300px}
#news{padding-top:50px}
#news .news_top{margin-top:15px;font-size:18px}
.news-list li .news-title{padding:0;font-size:22px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border:none;line-height:1.4}
.news-list li .news-more{display:none}
.news-list li{background:#f2f2f2;margin-bottom:18px}
.news-list ul li .news-date{position:absolute;z-index:1}
.news-list ul li{position:relative;width:32%;margin-right:2%;margin-bottom:40px;padding-bottom:10px}
.news-list ul li .news-date+div img{width:100%;height:100%;object-fit:contain;display:block;max-height:inherit;position:absolute;top:0;left:0}
.news-list ul li .news-date+div .news-title{padding:10px 10px 5px;border:none;font-size:17px}
.news-list ul li .news-date+div .news-text{font-size:14px;margin:0;padding:0 10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height:1.6}
.news-list ul{display:flex;flex-wrap:wrap}
.news-list ul li:nth-child(3n){margin-right:0}
.lf-box{width:calc(100% - 350px)}
@media screen and (max-width:960px){.rt-box,.lf-box{width:100%}}
.news_imgli li{display:block;overflow:hidden}
.news_imgli a img{height:100%;width:100%;object-fit:contain}
.news_imgli li >a{display:block;width:100%;height:100%}
#defind{margin-top:100px}
#news{padding-bottom:0}
.new_right li{padding:33px 20px}
.news_imgli a img{object-fit:initial;height:auto}
.new_contents .fl{height:auto !important}
.newbot_cont{display:none}
#news .cate_ltitle{margin-bottom:20px}
.fshare{max-width:417px;text-align:left;margin-top:12px}
#about .container1{max-width:100%;padding:50px 0;display:flex}
.about_img li img{width:100%}
#about{padding:0}
#about .fr{background:#fafafa;margin-left:0;width:50%;padding:2%;box-sizing:border-box}
.video .container{max-width:1400px}
.video ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.video ul li{width:24%}
.video ul li iframe{width:100%}
.video .container{width:100%;box-sizing:border-box}
@media screen and (max-width:1260px){#about .fl{width:100% !important;left:0 !important}
#about .container1{flex-wrap:wrap}
.video ul li{width:49%}}
.video .cate_ltitle{text-align:center;margin-bottom:20px}
@media (min-width:1025px){section#about .fr p{font-size:1.05vw;}}
@media (max-width:1600px){#about .cate_ltitle{font-size:50px;line-height:1.2}
#about .fr p{margin:5px 0 15px;}
#about .fr{padding:10px 30px}}
@media screen and (max-width:1500px){#about .view_more a{width:auto;height:40px;line-height:40px;padding:0 15px}}
@media screen and (max-width:1300px){#about .cate_ltitle{font-size:32px}
#about .fr p{line-height:1.6}}
#defind{display:none}
.innerab .lf-box{max-width:1300px;width:100%}
.innerab .container{max-width:1630px}
.product_li li{box-shadow:1px 5px 12px rgb(0 0 0 / 30%);float:none;margin:0 !important;margin-bottom:20px !important}
@media(min-width:1025px){.product_li li{width:32%}}
.product_li li .index-pro-title a{position:relative}
.product_li li .index-pro-title a span{display:block;content:'view more';border:2px solid #fff;color:#fff;width:32%;margin-top:10px;font-size:15px;transition:all 0.2s linear}
.product_li li::before{display:none}
.product_li li .index-pro-title a span:hover{background:#fff;color:#000}
.product_li li{z-index:9999;display:block}
.product_li li::after{content:'';background:#000;opacity:0.4;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;transform:scale(0.2)}
.product_li li:hover::after{z-index:99;transform:scale(1)}
.feedbackForm #feedbackForm tr:nth-child(3){width:100%;flex-basis:100%;display:block;padding:10px 2px}
.feedbackForm #feedbackForm tr:nth-child(3) td:first-child{display:block;height:auto}
.feedbackForm #feedbackForm #SubmitContent{margin-top:0;height:120px;padding:5px 10px}
.feedbackForm #feedbackForm tr:nth-child(4) td:first-child{padding:0}
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap);
.head .container1{padding-right:155px;box-sizing:border-box}
#xyz{right:calc(50% - 685px);top:24px}
.nav>li>a{padding:0 8px}
@media (max-width:1420px){#xyz{right:15px}}
@media (max-width:1366px){.nav>li>a{padding:0 6px;font-size:16px}}
@media (max-width:1260px){#xyz{right:60px}}
.nav>li>a:hover{color:#FFEBCD}
#about .fr{background:#3d5b96}
#about .cate_ltitle,#about .fr p{color:#fff;font-weight:bold}
.view_more a{background:#fff;color:#3d5b96}
#procate{background:#eee;margin:0;padding:50px 0}
.cate_ltitle{font-size:36px;text-transform:uppercase;font-weight:500;font-family:Roboto;line-height:30px}
#product .cate_ltitle>span:first-child,#news .cate_ltitle>span:first-child,.video .cate_ltitle>span:first-child{background:url(/js/23370/tit-l.png) no-repeat center;background-size:100%}
#product .cate_ltitle>span:last-child,#news .cate_ltitle>span:last-child,.video .cate_ltitle>span:last-child{background:url(/js/23370/tit-r.png) no-repeat center;background-size:100%}
.cate_ltitle>span{width:107px;height:21px;display:inline-block;margin-bottom:32px}
.cate_ltitle div{display:inline-block;margin:0 4%}
.cate_ltitle div span{font-size:14px}
#news .cate_ltitle,.video .cate_ltitle{margin-bottom:50px}
.nav,.logo_img{line-height:90px;height:90px}
@media screen and (max-width:1470px){#head{height:90px}}
#procate .cate_ltitle{margin-top:30px}
.cate_mid,#procate .fl p{margin-top:20px}
#product .cate_ltitle>span{margin-bottom:0}
#news{padding-top:80px}
.video{padding:80px 0 50px;background:#eee}
#procate .view_more a,#product .view_more a{background:#3d5b96;color:#fff}
.view_more a:hover{font-weight:bold}
#about .container1{padding:0}
#procate .cate_right{display: flex;flex-wrap: wrap;justify-content: space-between;}
.product_li li{overflow:hidden;display:flex;flex-direction: column;}
.product_li li .index-pro-title a{display:block;width:100%;background:var(--color);padding:5px 0;}
.product_li li .index-pro-title a span{display:none;}
.product_li li::after{display:none;}
.product_li li .index-pro-title{width:100%;position:initial;transform:initial;opacity:1;flex:1;}
.product_li li .index-pro-title a { font-weight: bold;}