@charset "utf-8";
:root{--color:#4d99da}
a.floatwindow_chat_item span,a.floatwindow_more,a.floatwindow_top span{color:red;font-weight:700}
.pinfo img{height:auto}
ul.testlist{display:flex;justify-content:space-between;margin:30px 0}
ul.testlist li{width:24%}
ul.testlist li div{font-size:18px;font-weight:700;margin:20px 0;text-transform:capitalize}
ul.testlist li p{width:100%;padding:0;line-height:1.6}
.contactus a,.contactus span{color:red}
.content_top{display:none;}
.header{background: #fff;}
.top-nav>ul li a{color: #4c9bdc;}
.copy-right{background: var(--color);}
.top-nav>ul li a:hover, .top-nav>ul li.active a{background-color:#4d99da}
.grid h3, .grid .h3{color:#4d99da}
.button{background-color: #4d99da;}
.special-grid a:hover{color:#4d99da}
.footer-grid ul li a{border-bottom: 1px solid #4d99da;}
.header{border-bottom: 2px solid #4d99da;}
.submenu,.top-nav .xyz12 li,.top-nav .xyz12 li:hover {background:#fff;}
.top-nav .xyz12 li a {background:none;color:var(--color);}
.top-nav .xyz12 span {background-image:url(/Content/C_IMG/amore.png);top:0;}
.top-nav .xyz12 span.dp {background-image:url(/Content/C_IMG/amore1.png);}
.floatwindow_chat_box .floatwindow_more_box {height:auto!important;}
#floatwindow_chat_window .floatwindow_chat_box .floatwindow_more_box img {max-width:inherit;width:120px}
.homeproducttitle .h3{font-family:Roboto,sans-serif;font-size:2em;color:#323a45;text-align:center;text-transform:uppercase;padding:.5em 0 30px}
.home-procenter{padding-top:3%;}
.home-procenter .procenter-list{display:flex;flex-wrap: wrap;justify-content: center;}
.home-procenter .procenter-list .procenter-item{margin:0 2%;}
.home-procenter .procenter-list .procenter-item .img{overflow: hidden;border-radius: 50%;}
.home-procenter .procenter-list .procenter-item .img img{max-width:100%;display: block;transition: all .3s;border-radius: 50%;overflow: hidden;}
.home-procenter .procenter-list .procenter-item .title{margin:10px 0;font-size:18px;text-align: center;transition: all .3s;}
.home-procenter .procenter-list .procenter-item:hover img{transform: scale(1.1);}
.home-procenter .procenter-list .procenter-item:hover .title{color:var(--color)}
@media (min-width:769px){.home-procenter .procenter-list .procenter-item .img img{max-width:169px}}
@media (max-width:768px){.home-procenter .procenter-list{justify-content:space-between;}
.home-procenter .procenter-list .procenter-item{margin:10px 0;width:48%;}
.home-procenter .procenter-list .procenter-item .img img{width:100%;}
.home-procenter .procenter-list .procenter-item .title{font-size:16px;}}

@media (min-width:1025px){.head-nav>ul>li#liproducts:hover>.submenu{display:flex !important;}
.head-nav>ul>li#liproducts{position:static;}
#liproducts .submenu{padding:10px calc(50% - 800px);list-style:none;width:100%;flex-wrap:wrap;left:0;background:#fff;display:none !important;box-sizing:border-box;}
#liproducts .submenu:before{content:'';width:100vw;height:100%;display:block;background:#fff;z-index:-1;position:absolute;top:0;left:50%;transform:translateX(-50%);}
#liproducts .submenu>li{margin:10px 0;position:relative;min-height:100px;width:24%;margin-left:1%}
.head-nav>ul>li#liproducts:hover>.submenu{display:flex !important;}
#liproducts .submenu>li em,#liproducts .submenu>li i{display:none}
#liproducts .submenu>li>a{display:inline-block;text-decoration:none;height:auto;padding:0;padding-left:100px;line-height:normal;font-weight: var(--fontbold7);}
#liproducts .submenu>li .cate-con{padding-left:100px}
#liproducts .submenu>li .cate-con ul{position:static;display:block;background:0 0;padding:0}
#liproducts .submenu>li .cate-con ul a{font-size:14px;opacity:.8;padding:0}
#liproducts .submenu>li .cate-img{width:80px;height:80px;position:absolute;left:0;top:0}
#liproducts .submenu>li .cate-img img{width:100%;height:100%;object-fit:cover}}
@media (max-width:1650px) and (min-width:1025px){.head-nav>ul>li#liproducts .submenu{padding:10px 30px}}
@media (max-width:1024px){#liproducts .submenu{margin:0;padding:0;width:auto;display:none}
#liproducts .submenu>li{margin:0;padding-left:20px;min-height:inherit;width:100%}
#liproducts .submenu>li .cate-img{display:none}
#liproducts .submenu>li>a{padding-left:0}}
.product-detail .btn-list>a{margin-right: 10px;}