﻿@charset "utf-8";
.new-main .new-list.list0 .new-intro,.product-main .pro-list.list0 .pro-intro{word-break:break-word}
.common-main article img{max-width:100%;height:auto}
.pro-detail .pro-detail-content img{height:auto}
.foot-main .foot-intro{margin-right:10px}
.sidebar-prolist .pro-item{align-items:center}
.map iframe{border:0}
.foot-cate a:hover,.foot-main a:hover,.foot-right a:hover{color:#fff}
.foot-feedback .feedback-btn{background:#222}
.head-top .head-contact a:hover{color:#e5e5e5}
@media (min-width:1081px){.head-main .l-wrap,.head-nav{height:80px}
.head.is-fixed .head-main .head-nav,.head.is-fixed .head-main .l-wrap{height:70px}}
@media (min-width:769px){a.head-logo{height:100%;display:block}
#ind .ind-r{margin:0;top:0}
#ind .ind-wrap{padding-top:50px;padding-bottom:30px}}
#about{padding:50px 0}
#about .l-wrap{align-items:center}
#about .about-img .box,#about .about-img .dot{display:none}
#about .about-img{padding:0}
#about .about-img img{width:100%}
#about .about-con .title{display:none}
.more-btn{display:inline-block}
#ind{padding:0;margin:0 0 50px}
#product .pro-list{margin-top:30px}
#product{margin-bottom:50px}
#product .product-more .more-btn{margin-top:10px}
.sol-top h3{padding:50px 0 30px}
#new{padding-top:50px;padding-bottom:50px}
#new .new-list{margin-top:30px}
.pro-detail .pro-detail-top .pro-info .pro-con{padding:0;border:none}
.pagelink-content{display:flex;flex-wrap:wrap;align-items:center;border-top:1px solid #ccc;padding-top:20px;margin-top:20px}
.pagelink-content .pagelink{display:block;width:auto;margin:0 15px 0 0}
.pagelink-content .pagelink-item{width:auto;padding:10px 0;border:none;margin:0;display:flex;align-items:center}
.pagelink-content .pagelink-next{-ms-flex-direction:row;flex-direction:row}
.pagelink-content .pagelink-next .pagelink-icon{margin:0 20px 0 0}
.pagelink-content .pagelink .pagelink-icon{width:38px;height:38px;background:#fff;border:1px solid #ababab;display:flex;align-items:center;margin-right:20px;color:var(--summarycolor);padding:0 10px;transition:all .1s linear;box-sizing:border-box}
.pagelink-content .pagelink .pagelink-icon .iconfont{margin:0}
.pagelink-content .pagelink .pagelink-item.prev .iconfont{transform:rotate(180deg)}
.pagelink-content .pagelink .pagelink-item.next .iconfont{transform:rotate(0)}
.pagelink-content .pagelink-next .pagelink-info{-ms-flex-align:start;align-items:flex-start}
.pagelink-content .pagelink-info{border:none;padding:0;font-size:16px;text-align:left}
.pagelink-content .pagelink .link-intro{display:none}
.pagelink-content .pagelink .pagelink-info:hover{border:none;box-shadow:0 0 0}
.pagelink-content .pagelink .pagelink-info:hover a{color:var(--color)}
.prodetails-whatsapp{text-align:center;font-weight:700}
.prodetails-whatsapp p{margin-bottom:4px}
.prodetails-whatsapp img{width:100px}
.sidebar-contactus-list li{padding-bottom:5px}
.sidebar-contactus-list li img{margin-top:4px}
#appli .advan{display:none}
#project{margin-top:50px}
#project .main-title{max-width:1250px;margin:0 auto 20px}
#project img{margin:0 auto;display:block}
li.wmkc-whatsapp .wmkc-itemcont img{width:160px;display:block;margin:4px auto 0}
.common-main.feedback-main .l-wrap{display:flex;flex-wrap:wrap;justify-content:space-between}
.feedback-main .sidebar{position:relative;-ms-flex-item-align:start;align-self:flex-start;flex:0 0 370px;box-sizing:border-box;padding:15px 15px 0;border:2px solid #f3f3f3;width:370px;margin-right:40px}
.feedback-main article{flex:1;width:calc(100% - 410px)}
@media (max-width:1470px){.feedback-main .sidebar{flex:0 0 320px;width:320px}}
@media (max-width:1024px){.feedback-main .sidebar{display:none}
.feedback-main article{flex:1;width:100%}}
@font-face {font-display:swap;font-family:fontawesome;src:url(/images/fonts/fontawesome-webfont.eot?v=4.7.0);src:url(/images/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(/images/fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),url(/images/fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'),url(/images/fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(/images/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');font-weight:400;font-style:normal}
.fa {display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-family:FontAwesome!important;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fa-fax:before{content:"\f1ac"}
.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}
.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}
.foot-contact li{margin-bottom:10px}
.whatqr p{font-weight:bold;margin:18px 0 6px;}
.pro-detail .pro-btnlist .pdown2 a{width: 210px;height: 48px;display: flex;cursor: pointer;margin-bottom: 12px;margin-right: 12px;justify-content: center;align-items: center;line-height: 48px;color: var(--color);border: 1px solid var(--color);transition: background-color .2s ease, border-color .2s ease, color .2s ease;}
.pro-detail .pro-btnlist .pdown2 a:hover{background-color: var(--color);border-color: var(--color);color: #FFF;}
@media (max-width:768px){.pro-detail .pro-btnlist .pdown2 a{width: 100%;height: 13.3333333333vw;}}

.pro-detail .preview-container .small-box .hover,.pro-detail .preview-container .big-box{display:none !important}
.pro-detail .preview-container .small-box{cursor:inherit;}