body {
    font-family: Roboto,Macys Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    line-height: 30px;
    color: #2d2d2d;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-overflow: ellipsis;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
*{ margin: 0; padding: 0;}
a{ color: #2d2d2d; 
	text-decoration: none;
}
a:hover{ color: #019ce4;}
li{ list-style-type: none;}
h1 {
	font-size: 25px;
	font-weight: 600;
}
h2 {
	font-size: 24px;
	font-weight: 600;
}
h3 {
	font-size: 18px;
	font-weight: 600;color: #2d2d2d;
}
h4 { font-size:18px; font-weight:400;}
.clear { clear:both; }
.indexback { width:100%; height:530px; background:#f0f0f5;margin-bottom: 30px; padding-top:30px;padding-bottom:30px;}
.huixintitlealla { width: 100%; height:auto; margin:0 auto;}
.huixintitlealla h1 { width: 100%; text-align: center; margin-bottom: 15px; font-weight: 600; color:#254893; margin-top: 40px; font-size: 30px;}
.huixintitlealla p { width: 1000px;margin:0 auto; text-align: center; margin-bottom: 15px;}
.huixinindexcategory { width:1428px; height:400px;margin:0px auto; }
.huixinindexcategory li { width:23.56%; height:360px; float:left;background-color: #fff;  margin-left:1.18%; border:0px solid #c0c1c2;box-shadow: 0 0.1875rem 0.4375rem 0 rgb(0 0 0 / 13%), 0 0.0625rem 0.125rem 0 rgb(0 0 0 / 11%); transition: all .2s linear;border-radius: 5px; text-align: center;}
.huixinindexcategory p { height: 30px; margin-bottom: 10px;}
.huixinindexcategory img { width:100%; height:200px; border-radius: 5px 5px 0 0;}
.huixinindexcategory h2 { font-size:18px; margin-top:15px; margin-bottom:5px;font-weight: 550;  overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.huixinindexcategory i { color:#00b67a;}

.huixinindexcategory d a {border:1px solid #333; padding: 8px 10px;font-size:16px;  margin-left:0px; margin-top:20px;color:#333; height: 30px; line-height: 30px; border-radius: 5px;}
.huixinindexcategory d a:hover {border:1px solid #333; background-color: #333; color: #fff; padding: 8px 10px;font-size:16px;  margin-left:0px;margin-top: 0px; height: 30px; line-height: 30px; border-radius: 5px;}

.huixinindexcategory id a {border:1px solid #eb002f;background-color: #eb002f; color:#fff; padding: 8px 10px;font-size:16px;  margin-left:20px; height: 30px; line-height: 30px; margin-top: 20px; border-radius: 5px;}
.huixinindexcategory id:hover {color:#333;margin-top: 0px;font-size:16px; background-color: #fff;}
.huixinindexcategory id a:hover {border:1px solid #eb002f;background-color: #fff; color:#333; padding: 8px 10px;font-size:16px;  margin-left:20px; height: 30px; line-height: 30px; margin-top: 20px; border-radius: 5px;}
 .indexhx  { width:1400px; height:447px; margin:0 auto; margin-bottom:40px; box-shadow: 0 0.1875rem 0.4375rem 0 rgb(0 0 0 / 13%), 0 0.0625rem 0.125rem 0 rgb(0 0 0 / 11%); transition: all .2s linear; border-radius: 5px;}
.hxabout {width:650px; height:447px; float:left;}
.hxaboutp {width:680px; height:447px; float:right; margin-right:20px; margin-top:40px;}
.indexwbu { width:100%; height:760px; margin:30px auto; padding-top:30px; }
.indexwbutitle {width:1200px; height:100px; margin:0px auto ;text-align: center;}
.whybuyus {width: 1428px;margin: 0 auto;height:720px;text-align: center;}
.whybuyus li { width:29.9%; height:280px; float:left;background:#fff; margin-left:1%;margin-right:0.2%;padding:1%;margin-bottom:20px; border:0px solid #c0c1c2;box-shadow: 0 0.1875rem 0.4375rem 0 rgb(0 0 0 / 13%), 0 0.0625rem 0.125rem 0 rgb(0 0 0 / 11%); border-radius: 5px;}
.whybuyus li:hover {box-shadow: 0 10px 15px rgba(0,0,0,.19),0 3px 3px rgba(0,0,0,.22);}
.whybuyus h2 { font-size:17px;font-weight:600;}
.whybuyus d {margin-top:10px;}
.whybuyus d i {font-size:40px; line-height:70px;}
.indexyidong { width:100%; height:1000px; margin:30px auto; background: #fff;}
.procontainer {width:1428px; margin: 0 auto; height:auto;}

.pro-center{width: 100%;height: auto;overflow: hidden;}
.pro-center .title{font-size: 28px;text-align: center;padding-bottom: 5px;color: #333333;letter-spacing: 1px;}
.pro-center .sub-title{font-size: 20px;text-align: center;color: #333333;}
.pro-center .sub-title span{display: inline-block;height: 30px;line-height: 30px;width: auto;}
.pro-center .sub-title span.text{padding: 0 10px;}

.pro-left{width: 97.9%;box-sizing: border-box;flex-wrap:wrap;margin: 0 auto;background: #f6f6f6;}
.pro-content{width: 100%;padding-top: 20px;}
.pro-right{width: 100%;}
.pro-left .left-title{background: #317fff;height: 110px;line-height: 110px;text-align: center;}
.pro-left .left-title span{display: inline-block;color: #FFFFFF;font-size: 24px;font-weight: bold;}
.pro-left .left-title span.text{padding: 0 10px;}
.pro-left .left-category ul li{float: left;width:19.95%;height: 50px;line-height: 50px;font-size: 16px;text-align: center;cursor: pointer;color: #333;font-weight: bold;}
.pro-left .left-category ul li.on{background: #254893;color: #FFFFFF;}
.pro-left .left-category ul li:hover{background: #FF8929;color: #FFFFFF;}
.pro-left .left-contact {margin-top: 37px;margin-bottom: 37px;text-indent: 70px;background: url(../image/tel.png) left 20px center no-repeat;}
.pro-left .left-contact p{color: #317fff;font-size: 14px;}
.pro-left .left-contact p .tel{font-size: 20px;padding-top: 10px;}
.list {
  display: flex;
  justify-content: space-around;
  list-style-type: none; /* 移除列表的标记，如果需要的话 */
  padding: 0; /* 移除默认的内边距，如果需要的话 */
  margin-bottom:15px;
}

.pro-right{display: none;}
.pro-right ul li { width:23.563%; height:425px; float:left;background:#fff; margin-left:1.18%; border:0px solid #c0c1c2;box-shadow: 0 0.1875rem 0.4375rem 0 rgb(0 0 0 / 13%), 0 0.0625rem 0.125rem 0 rgb(0 0 0 / 11%); transition: all .2s linear;border-radius: 5px; margin-bottom:15px; text-align: center;}
.pro-right ul li .img{width:100%;height:230px;overflow: hidden;}
.pro-right.active{display: block;}
.pro-right ul li:hover{box-shadow: 0 0.2rem 0.5rem 0 rgb(0 0 0 / 13%), 0 0.1rem 0.3rem 0 #777;transition: all .2s linear;}
.pro-right ul li img{width:100%;}
.pro-right ul li p {width:96%;height: 50px; margin: 2% auto; margin-bottom:15px; line-height: 25px;text-align: center;font-size: 16px;color: #333333; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.pro-right h2 { font-size:18px; width:94%; height: auto; margin: 3% auto; font-weight: 600;  overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.pro-right ii { width:100%; height: 30px; margin-top:25px;}
.pro-right d a {border:1px solid #333; padding: 8px 10px;font-size:16px;  margin-left:0px; margin-top:20px;color:#333; height: 30px; line-height: 30px; border-radius: 5px;}
.pro-right d a:hover {border:1px solid #333; background-color: #333; color: #fff; padding: 8px 10px;font-size:16px;  margin-left:0px;margin-top: 0px; height: 30px; line-height: 30px; border-radius: 5px;}
.pro-right id a {border:1px solid #eb002f;background-color: #eb002f; color:#fff; padding: 8px 10px;font-size:16px;  margin-left:20px; height: 30px; line-height: 30px; margin-top: 20px; border-radius: 5px;}
.pro-right id:hover {color:#333;margin-top: 0px;font-size:16px; background-color: #fff;}
.pro-right id a:hover {border:1px solid #eb002f;background-color: #fff; color:#333; padding: 8px 10px;font-size:16px;  margin-left:20px; height: 30px; line-height: 30px; margin-top: 20px; border-radius: 5px;}

.huixinliuyan { width: 100%; height:650px; margin:0 auto; background:#f0f0f5;}
.huixinliuyanall { width: 1400px; height:650px; margin:0 auto;}
.huixinliuyanalll { width: 52%; height:630px; margin-top:20px; float:left;}
.huixinliuyanallr { width: 46%; height:650px; float: right; background: #fff;  background: #fff; padding: 2%; border: 0px solid #c0c1c2; box-sizing: border-box; margin-bottom: 35px; box-shadow: 0px 4px 16px 2px rgba(98, 98, 98, 0.15); border-radius: 6px 6px 6px 10px;}
.huixinliuyanalll h2 { width: 100%; text-align:left; margin-bottom: 15px; font-weight: 600; color:#254893; margin-top: 40px; font-size: 30px;}
.huixinliuyanallr h2 { width: 100%;  margin-bottom: 25px; font-weight: 600; color:#254893; font-size: 30px; margin: 20px 0;}
.indexwbu { width:100%; height:760px; margin:30px auto; padding-top:30px; }
.indexwbutitle {width:1200px; height:100px; margin:0px auto ;text-align: center;}
.ituse{ width:1480px; height:145px; margin:0px auto; border:0px solid #c0c1c2;background:#fff;text-align: center;}
.ituse li { width:25%; height:145px; float:left;font-size:24px;line-height:145px;}
.ituse i { font-size:25px; width:auto; margin-right:10px;}
.ituse ii { font-size:18px; width:100%;}
.sttn { width:100%; height:145px; border:1px solid #c0c1c2; display: flex; align-items: center; /* 垂直居中 */}
.sttnmain {width:1340px; height:auto; margin:0 auto;}
.sttnmain li { float:left; width:33%; display: flex; align-items: center; /* 垂直居中 */}
.sttnmain h5 {line-height:60px;color:#f03; font-size:24px;}

.allfooter { width:100%; height:400px; background: #f4f4f4;}
.allfooterso { width:1340px; height:auto; margin:0 auto; padding-top:30px;}
.footertopleft a { color: #333; }
.footertop { width: 1340px; margin: 0 auto; height: 400px;}
.footertopleft { width: 70.5%; height: auto; float: left;}
.footertopleft li { width: 25%;float: left;}
.footertopleft li h3 { color:#333; font-size:16px; font-weight:700;padding: 10px 0;}
.footertopleft li ul li { width: 100%; padding: 6px 0;}
.footertopleft li ul li a { font-size:15px;}
.footertopleft li ul li a:hover{ text-decoration: underline; }
.footertopright { width: 25%; height: auto; float: right;border:0px solid #c0c1c2;color:#333;}
.footertopright h3 { color:#333; font-size:16px; font-weight:600;padding: 10px 0;}
.footerbottom {  width: 100%; height: 50px; background-color: #393a3b; text-align:center; line-height:50px;color:#ffffff;}
.footerbottom a { margin: 0px 30px; line-height:50px;}
.footerbottom a:hover{ text-decoration: underline; }
.footertopright i { width: 15px; height: 15px; font-size:15px; line-height:50px; }
.footertopright a {text-decoration:underline;}


@media (max-width: 768px) {
    
.indexback { width:100%; height:530px; background:#f0f0f5;margin-bottom: 30px; padding-top:30px;padding-bottom:30px;}
.huixintitlealla { width: 100%; height:auto; margin:0 auto;}
.huixintitlealla h1 { width: 100%; text-align: center; margin-bottom: 5px; font-weight: 600; color:#254893; margin-top: 10px; font-size: 20px;}
.huixintitlealla p { width: 96%;margin:0 auto; text-align: center; margin-bottom: 15px;}
.huixinindexcategory { width:100%; height:400px;margin:0px auto; }
.huixinindexcategory li { width:48%; height:190px; float:left;background-color: #fff;  margin-left:1.18%;margin-bottom:10px; border:0px solid #c0c1c2;box-shadow: 0 0.1875rem 0.4375rem 0 rgb(0 0 0 / 13%), 0 0.0625rem 0.125rem 0 rgb(0 0 0 / 11%); transition: all .2s linear;border-radius: 5px; text-align: center;}
.huixinindexcategory p { display:none; height: 30px; margin-bottom: 10px;}
.huixinindexcategory img { width:100%; height:auto; border-radius: 5px 5px 0 0;}
.huixinindexcategory h2 { font-size:14px; margin-top:5px; margin-bottom:5px;font-weight: 550;  overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.huixinindexcategory i { color:#00b67a;}
.huixinindexcategory d a {border:1px solid #333; padding: 3px 4px;font-size:16px;  margin-left:0px; margin-top:20px;color:#333; height: 30px; line-height: 30px; border-radius: 5px;}
.huixinindexcategory d a:hover {border:1px solid #333; background-color: #333; color: #fff; padding: 8px 10px;font-size:16px;  margin-left:0px;margin-top: 0px; height: 30px; line-height: 30px; border-radius: 5px;}

.huixinindexcategory id a {border:1px solid #eb002f;background-color: #eb002f; color:#fff; padding: 8px 10px;font-size:16px;  margin-left:20px; height: 30px; line-height: 30px; margin-top: 20px; border-radius: 5px;}
.huixinindexcategory id:hover {color:#333;margin-top: 0px;font-size:16px; background-color: #fff;}
.huixinindexcategory id a:hover {border:1px solid #eb002f;background-color: #fff; color:#333; padding: 8px 10px;font-size:16px;  margin-left:20px; height: 30px; line-height: 30px; margin-top: 20px; border-radius: 5px;}
 .indexhx  { width:100%; height:auto; margin:0 auto; margin-bottom:40px; box-shadow: 0 0.1875rem 0.4375rem 0 rgb(0 0 0 / 13%), 0 0.0625rem 0.125rem 0 rgb(0 0 0 / 11%); transition: all .2s linear; border-radius: 5px;}
.hxabout {width:100%; height:auto; float:none;}
.hxaboutp {width:96%; height:auto; float:none; margin:0 auto; margin-top:10px;}
.hxabout img {width:100%; height:auto;}
.indexwbu { width:100%; height:auto; margin:30px auto; padding-top:30px; }
.indexwbutitle {width:100%; height:100px; margin:0px auto ;text-align: center;}
.whybuyus {width: 100%;margin: 0 auto;height:auto;text-align: center;}
.whybuyus li { width:45%; height:380px; float:left;background:#fff; margin-left:1%;margin-right:0.2%;padding:1%;margin-bottom:20px; border:0px solid #c0c1c2;box-shadow: 0 0.1875rem 0.4375rem 0 rgb(0 0 0 / 13%), 0 0.0625rem 0.125rem 0 rgb(0 0 0 / 11%); border-radius: 5px; line-height:25px;}
.whybuyus li:hover {box-shadow: 0 10px 15px rgba(0,0,0,.19),0 3px 3px rgba(0,0,0,.22);}
.whybuyus h2 { font-size:17px;font-weight:600;}
.whybuyus d {margin-top:10px;}
.whybuyus d i {font-size:40px; line-height:70px;}
.indexyidong { width:100%; height:auto; margin:30px auto; background: #fff;}
.procontainer {width:100%; margin: 0 auto; height:auto;}

.pro-center{width: 100%;height: auto;overflow: hidden;}
.pro-center .title{font-size: 28px;text-align: center;padding-bottom: 5px;color: #333333;letter-spacing: 1px;}
.pro-center .sub-title{font-size: 20px;text-align: center;color: #333333;}
.pro-center .sub-title span{display: inline-block;height: 30px;line-height: 30px;width: auto;}
.pro-center .sub-title span.text{padding: 0 10px;}

.pro-left{width: 97.9%;box-sizing: border-box;flex-wrap:wrap;margin: 0 auto;background: #f6f6f6; height:auto;}
.pro-content{width: 100%;padding-top: 20px;}
.pro-right{width: 100%;}
.pro-left .left-title{background: #317fff;height: 110px;line-height: 110px;text-align: center;}
.pro-left .left-title span{display: inline-block;color: #FFFFFF;font-size: 24px;font-weight: bold;}
.pro-left .left-title span.text{padding: 0 10px;}
.pro-left .left-category ul li{float: left;width:48.95%;height: 50px;line-height: 30px;font-size: 14px;text-align: center;cursor: pointer;color: #333;font-weight: bold;}
.pro-left .left-category ul li.on{background: #254893;color: #FFFFFF;}
.pro-left .left-category ul li:hover{background: #FF8929;color: #FFFFFF;}
.pro-left .left-contact {margin-top: 37px;margin-bottom: 37px;text-indent: 70px;background: url(../image/tel.png) left 20px center no-repeat;}
.pro-left .left-contact p{color: #317fff;font-size: 14px;}
.pro-left .left-contact p .tel{font-size: 20px;padding-top: 10px;}
.list {
  display: flex;
  justify-content: space-around;
  list-style-type: none; /* 移除列表的标记，如果需要的话 */
  padding: 0; /* 移除默认的内边距，如果需要的话 */
  margin-bottom:15px; width:100%;
}

.pro-right{display: none;}
.pro-right ul li { width:48.563%; height:auto; float:left;background:#fff; margin-left:1.18%; border:0px solid #c0c1c2;box-shadow: 0 0.1875rem 0.4375rem 0 rgb(0 0 0 / 13%), 0 0.0625rem 0.125rem 0 rgb(0 0 0 / 11%); transition: all .2s linear;border-radius: 5px; margin-bottom:15px; text-align: center;}
.pro-right ul li .img{width:100%;height:auto;overflow: hidden;}
.pro-right.active{display: block;}
.pro-right ul li:hover{box-shadow: 0 0.2rem 0.5rem 0 rgb(0 0 0 / 13%), 0 0.1rem 0.3rem 0 #777;transition: all .2s linear;}
.pro-right ul li img{width:100%;}
.pro-right ul li p {width:96%;height: 50px; margin: 2% auto; margin-bottom:15px; line-height: 25px;text-align: center;font-size: 16px;color: #333333; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.pro-right h2 { font-size:18px; width:94%; height: auto; margin: 3% auto; font-weight: 600;  overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.pro-right ii { width:100%; height: 30px; margin-top:25px;display:none;}
.pro-right d a {border:1px solid #333; padding: 8px 10px;font-size:16px;  margin-left:0px; margin-top:20px;color:#333; height: 30px; line-height: 30px; border-radius: 5px;}
.pro-right d a:hover {border:1px solid #333; background-color: #333; color: #fff; padding: 8px 10px;font-size:16px;  margin-left:0px;margin-top: 0px; height: 30px; line-height: 30px; border-radius: 5px;}
.pro-right id a {border:1px solid #eb002f;background-color: #eb002f; color:#fff; padding: 8px 10px;font-size:16px;  margin-left:20px; height: 30px; line-height: 30px; margin-top: 20px; border-radius: 5px;}
.pro-right id:hover {color:#333;margin-top: 0px;font-size:16px; background-color: #fff;}
.pro-right id a:hover {border:1px solid #eb002f;background-color: #fff; color:#333; padding: 8px 10px;font-size:16px;  margin-left:20px; height: 30px; line-height: 30px; margin-top: 20px; border-radius: 5px;}

.huixinliuyan { width: 100%; height:auto; margin:0 auto; background:#f0f0f5;}
.huixinliuyanall { width: 100%; height:auto; margin:0 auto;}
.huixinliuyanalll { width: 96%; height:auto; margin:0 auto;margin-top:20px; float:none;}
.huixinliuyanallr { width: 96%; height:auto; margin:0 auto;float: none; background: #fff;  background: #fff; padding: 2%; border: 0px solid #c0c1c2; box-sizing: border-box; margin-bottom: 35px; box-shadow: 0px 4px 16px 2px rgba(98, 98, 98, 0.15); border-radius: 6px 6px 6px 10px;}
.huixinliuyanalll h2 { width: 100%; text-align:left; margin-bottom: 15px; font-weight: 600; color:#254893; margin-top: 40px; font-size: 30px;}
.huixinliuyanallr h2 { width: 100%;  margin-bottom: 25px; font-weight: 600; color:#254893; font-size: 30px; margin: 20px 0;}
.indexwbu { width:100%; height:auto; margin:10px auto; padding-top:10px; }
.indexwbutitle {width:100%; height:100px; margin:0px auto ;text-align: center;}
.ituse{ width:1480px; height:145px; margin:0px auto; border:0px solid #c0c1c2;background:#fff;text-align: center;}
.ituse li { width:25%; height:145px; float:left;font-size:24px;line-height:145px;}
.ituse i { font-size:25px; width:auto; margin-right:10px;}
.ituse ii { font-size:18px; width:100%;}
.sttn { width:100%; height:145px; border:1px solid #c0c1c2; display: flex; align-items: center; /* 垂直居中 */}
.sttnmain {width:1340px; height:auto; margin:0 auto;}
.sttnmain li { float:left; width:33%; display: flex; align-items: center; /* 垂直居中 */}
.sttnmain h5 {line-height:60px;color:#f03; font-size:24px;}

.allfooter { width:100%; height:400px; background: #f4f4f4;}
.allfooterso { width:1340px; height:auto; margin:0 auto; padding-top:30px;}
.footertopleft a { color: #333; }
.footertop { width: 1340px; margin: 0 auto; height: 400px;}
.footertopleft { width: 70.5%; height: auto; float: left;}
.footertopleft li { width: 25%;float: left;}
.footertopleft li h3 { color:#333; font-size:16px; font-weight:700;padding: 10px 0;}
.footertopleft li ul li { width: 100%; padding: 6px 0;}
.footertopleft li ul li a { font-size:15px;}
.footertopleft li ul li a:hover{ text-decoration: underline; }
.footertopright { width: 25%; height: auto; float: right;border:0px solid #c0c1c2;color:#333;}
.footertopright h3 { color:#333; font-size:16px; font-weight:600;padding: 10px 0;}
.footerbottom {  width: 100%; height: 50px; background-color: #393a3b; text-align:center; line-height:50px;color:#ffffff;}
.footerbottom a { margin: 0px 30px; line-height:50px;}
.footerbottom a:hover{ text-decoration: underline; }
.footertopright i { width: 15px; height: 15px; font-size:15px; line-height:50px; }
.footertopright a {text-decoration:underline;}    
    
}