@charset "utf-8";
.pro_lb1 li a img{border:1px solid #ccc}
.pro_lb1 li a h3{margin-top:5px}
.header,.submenu{background:#fff}
.top-nav ul li a{color:#000;text-transform:capitalize}
.logo{height:90px;padding:4px 0;box-sizing:border-box}
.inner-banner img{width:100%}
.sf-menu li.LiLevel1>a{font-weight:700;padding-left:10px}
.sf-menu li.LiLevel2>a{padding-left:25px;font-size:15px}
.specials-grids{padding:30px 0 0}
.specials{padding-bottom:20px}
.testmonials{padding-top:20px}
.header .wrap{width:100%;max-width:1280px}
.logo img{display:block;max-height:100%}
.submenu{top:100%}
.content_top p{font-size:1.15em}
.footer-grid p,.footer-grid ul li a,.grid p,.special-grid p,.testmonial-grid p,.top-nav>ul li a{font-size:1em}
.contactus,.newcon p,.newslist li a,.pcon_r .pcon_info,.pinfo,.rnews li a{font-size:16px}
.pcon .tit{font-size:20px}
.rollPro p{padding:10px 0}
.top-nav>ul>li>a{font-size:1.1rem;padding:0 12px;line-height:90px}
@media (max-width:1200px){.top-nav>ul>li>a{padding:0 7px}}
@media (max-width:1100px){.top-nav>ul>li>a{font-size:15px}}
.pcon_r .p_more{margin:15px 0;display:inline-block;line-height:1;box-sizing:border-box;height:auto}
.news_item .news_pic{width:200px;height:200px;box-sizing:border-box}
.news_item .news_pic img{object-fit:contain}
.news_item .ri{width:calc(100% - 200px);box-sizing:border-box;padding-left:30px}
.news_item .title20 a{display:block;line-height:1.3}
.news_item{padding:15px 0}
@media screen and (min-width:641px){.sidebar{width:260px}
.main1{padding-left:300px}}
.sf-menu{width:100%;display:block}
.rt-row-3 li{display:flex;margin-bottom:15px;align-items:center}
.rt-row-3 li div{width:calc(100% - 94px)}
.rt-row-3 img{width:80px;height:80px;object-fit:cover;margin-right:14px;flex:0 0 auto;border:1px solid #ccc;box-sizing:border-box}
.rt-row-3 div a{font-size:14px;color:#070707;line-height:20px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.rt-row-3 p{color:#6f6f6f;font-size:13px;margin-top:10px;display:flex}
.rt-row-3 p i{margin-right:4px}
.rt-row-3 div a:hover{color:var(--color)}
.rt-row-4 ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.rt-row-4 li{position:relative;width:31%;height:0;box-sizing:border-box;padding-bottom:31%;margin-bottom:10px}
.rt-row-4 img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;border:1px solid #ccc;box-sizing:border-box}
.rt-row-4 a{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;background:#464646;opacity:0}
.rt-row-4 i{color:#fff;font-size:1.5rem}
.rt-row-4 li:hover a{opacity:.7}
.rt-row h3{font-size:18px;color:#fff;line-height:50px;border-bottom:1px solid #ccc;text-align:center;margin-bottom:12px;background:var(--color)}
.contactus{border:none;padding:15px 0 0}
.contactus .sidecont{background:#f1f1f1;padding:20px 15px;box-sizing:border-box;margin-bottom:15px;display:flex;justify-content:space-between}
.contactus .sidecont i{width:40px;color:var(--color);font-size:36px;height:40px;display:flex;align-items:center}
.contactus .sidecont i.icon-dianhua1{font-size:32px}
.contactus .sidecont>div{width:calc(100% - 50px);font-size:14px;color:#222;line-height:1.45}
.contactus .sidecont>div .sidetit{font-weight:700;text-transform:uppercase}
.contactus .sidecont a:hover{color:var(--color)}
#recommend{overflow:hidden;padding-bottom:0}
#recommend .cate_ltitle{font-family:Roboto,sans-serif;font-size:2em;color:#323a45;text-align:center;text-transform:uppercase;padding:.8em 0 .5em 0}
#recommend li{float:left;margin-right:8%;width:28%;position:relative;margin-top:-185px}
#recommend li:nth-child(3){margin-right:0}
.recommend_content{background:#00b895;margin-top:240px;position:relative}
.mask_reco{position:absolute;width:100%;height:100%;left:0;top:0;background:url(/js/19114/reco_bg1.jpg) no-repeat;background-size:cover}
.reco_top{position:relative}
.reco_img{border-radius:50%;overflow:hidden;text-align:-webkit-center;padding-bottom:100%;position:relative;height:auto}
.cycle_box{background:url(/js/19114/cycle2.png) no-repeat;background-size:contain;position:absolute;width:100%;height:100%;left:0;top:0}
.reco_img img{width:88%;display:block;border-radius:50%;height:88%;position:absolute;top:6%;object-fit:cover;left:6%}
.reco_bottom{padding:45px 0 90px 0;text-align:center;color:#fff}
.reco_bottom h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 5px}
.reco_bottom h3 a{color:#fff;font-size:30px}
.reco_bottom .reco_title a{font-size:22px;color:#fff}
.reco_bottom .reco_intro{font-size:17px;line-height:1.7;margin:15px 0;height:auto}
.learn_more{transition:all .3s}
.learn_more:hover{padding-left:20px}
.learn_more a{font-size:18px;text-transform:uppercase;color:#fff}
.learn_more i{vertical-align:middle;display:inline-block;margin-top:-4px;margin-left:10px;transition:all .3s}
.rotate{-webkit-transition-property:-webkit-transform;-webkit-transition-duration:1s;-moz-transition-property:-moz-transform;-moz-transition-duration:1s;-webkit-animation:rotate 10s linear infinite;-moz-animation:rotate 10s linear infinite;-o-animation:rotate 10s linear infinite;animation:rotate 10s linear infinite}
@-webkit-keyframes rotate{from{-webkit-transform:rotate(0)}
to{-webkit-transform:rotate(360deg)}}
@-moz-keyframes rotate{from{-moz-transform:rotate(0)}
to{-moz-transform:rotate(359deg)}}
@-o-keyframes rotate{from{-o-transform:rotate(0)}
to{-o-transform:rotate(359deg)}}
@keyframes rotate{from{transform:rotate(0)}
to{transform:rotate(359deg)}}
.footer-grid-address .sidecont{display:flex}
.footer-grid-address .sidecont i{color:#fff;width:20px;margin-right:8px;display:flex;align-items:center;height:28px}
.footer-grid-address .sidecont>div{width:calc(100% - 28px)}
.footer-grid-address .sidecont>div .sidetit{display:none}
.grid .h3,.grid h3{white-space:normal;font-size:21px;text-transform:capitalize}
.grid p{padding:4px 14px 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;height:76px}
.grid .button{margin:10px 0 15px}
.feedbackForm #feedbackForm .submita{background:var(--color);margin:0;height:42px;padding:0 35px;border-radius:4px}
.feedbackForm #feedbackForm table tr{border:1px solid #aaa;border-radius:4px;display:flex;margin-bottom:12px;padding:6px 10px;align-items:center}
.feedbackForm #feedbackForm table tr td:nth-child(1){width:auto}
.feedbackForm #feedbackForm table tr td:nth-child(2){width:100%}
.feedbackForm #feedbackForm .lable{white-space:nowrap;text-align:left;padding:0;height:auto;line-height:25px}
.feedbackForm #feedbackForm .text{width:100%;margin:0;height:30px;padding:0 0 0 8px;box-sizing:border-box;border:none;font-size:15px;color:#333;outline:0}
.feedbackForm #feedbackForm .atextarea{width:100%;margin:0;height:100px;padding:0 0 0 8px;box-sizing:border-box;border:none;font-size:15px;color:#333;line-height:25px;resize:none;outline:0}
.feedbackForm #feedbackForm table tr:nth-child(6){align-items:flex-start}
.feedbackForm #feedbackForm table tr:last-child{border:none}
.feedbackForm #feedbackForm .fsbtn{width:100%}
.sf-menu1{padding-bottom:20px}
.sf-menu1 li{border-bottom:1px solid #ccc;position:relative}
.sf-menu1 li a,.sf-menu1 li:hover a{display:block;color:#111;line-height:20px;font-size:16px;padding:9px 30px 9px 12px}
.sf-menu1 li a:hover{color:var(--color)}
.sf-menu1 li li{clear:both;text-transform:capitalize;margin:0 auto;position:relative;border-bottom:none;padding-bottom:0}
.sf-menu1 li li.LiLevel2 a{background:#fff;line-height:20px}
.sf-menu1 li li a,.sf-menu1 li:hover li a{display:block;line-height:20px;color:#333;padding:6px 0 4px 0;text-decoration:none;font-size:14px;padding-left:18px;font-weight:400}
.sf-menu1 li li a:hover{text-decoration:none;color:var(--color)}
ul.sf-menu1 ul{display:none}
.sf-menu1>li>a{font-weight:700}
i.sidebtn{position:absolute;right:5px;top:0;height:38px;width:20px;cursor:pointer}
i.sidebtn:after{content:'';width:6px;height:6px;border:2px solid #000;border-left:none;border-bottom:none;transform:rotate(45deg);position:absolute;top:15px;right:8px;transition:.3s}
.sf-menu1 li.sideshow i.sidebtn:after{transform:rotate(135deg)}
.rt-row-4 li{width:48%;padding-bottom:48%}
.sf-menu1 li.LiLevel1:hover .sub-menu{display:block}
.pro_lb1 li a img{width:100%}
@font-face{font-family:iconfont;src:url(//at.alicdn.com/t/font_1016298_h36wqo6wvf.woff2?t=1627020940677) format('woff2'),url(//at.alicdn.com/t/font_1016298_h36wqo6wvf.woff?t=1627020940677) format('woff'),url(//at.alicdn.com/t/font_1016298_h36wqo6wvf.ttf?t=1627020940677) format('truetype')}
.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-ai-phone:before{content:"\e614"}
.icon-ditu:before{content:"\e60c"}
.icon-fax:before{content:"\e80a"}
.icon-youxiang1:before{content:"\e604"}
.icon-dianhua1:before{content:"\e649"}
.icon-diqiu1:before{content:"\e603"}
.icon-rongyu:before{content:"\e684"}
.icon-jiangzhang:before{content:"\e65f"}
.icon-tuandui:before{content:"\e741"}
.icon-zan:before{content:"\e60b"}
.icon-VRquanjing:before{content:"\e63d"}
.icon-vr:before{content:"\e689"}
.icon-vr2:before{content:"\e635"}
.icon-upload_icon:before{content:"\e613"}
.icon-earth:before{content:"\e674"}
.icon-logo-tiktok:before{content:"\e9e5"}
.icon-telephone:before{content:"\e71d"}
.icon-diqiu:before{content:"\e719"}
.icon-xiala:before{content:"\e60a"}
.icon-riqi2:before{content:"\e6e1"}
.icon-you2:before{content:"\e692"}
.icon-sousuo:before{content:"\e605"}
.icon-guanbi:before{content:"\e658"}
.icon-youxiang:before{content:"\e644"}
.icon-caidan:before{content:"\e628"}
.icon-dianhua:before{content:"\e602"}
.icon-youtube3:before{content:"\e73f"}
.icon-linkedin1:before{content:"\e62b"}
.icon-linkedin:before{content:"\e72b"}
.icon-facebook:before{content:"\e676"}
.icon-pinterest:before{content:"\e74c"}
.icon-google:before{content:"\ef0f"}
.icon-ins:before{content:"\e609"}
.icon-ttww:before{content:"\e617"}
.icon-skype:before{content:"\e6e5"}
.icon-fangzi:before{content:"\e643"}
.icon-huojian:before{content:"\e612"}
.icon-80fenxiangweixin:before{content:"\e64a"}
.icon-icon-arrow-left2-copy:before{content:"\e601"}
.icon-riqi:before{content:"\e641"}
.icon-sousuo5:before{content:"\e611"}
.icon-youjian:before{content:"\e703"}
.icon-shizhong:before{content:"\e629"}
.icon-youtube:before{content:"\e68a"}
.icon-icon-arrow-left2-copy1:before{content:"\e606"}
.icon-whatsapp:before{content:"\e6da"}
.icon-riqi1:before{content:"\e73a"}
.icon-QQ:before{content:"\e6ab"}
.icon-bi:before{content:"\e600"}
@media(min-width:1281px){.top-nav>ul>li>a{padding:0 18px}}
.newcon .kche-wrap-width1{clear: inherit;} 
.pro-d-main .container{width:100%;max-width: 1640px;padding: 0 20px;margin: auto;}
@media (min-width: 1200px) {.container { width: 1500px;}}