body { margin:0; padding:0;}
.container-2xl { width:1650px;}
.wrapper { width:1650px;}
.center { margin:0px auto;}
.left { float:left;}
.right { float:right;}
.site-badge { height:26px; line-height:26px; padding:0 15px;}

.header { height:145px; background:#d71729; display:block; overflow: hidden;}
.header-top { height:34px; border-bottom:1px solid #eaebec; background:#f8f8f8;}
.header-top .welcome { height:34px; line-height:34px; color:#444444;}
.header-top .mobile { line-height:34px; }
.header-top .mobile i { margin-right:5px; color:#d71729;}
.header-top .wechat { margin-left:15px; line-height:34px; }
.header-top .wechat i { margin-right:5px; color:#d71729;}
.header-top .shop { margin-left:15px; line-height:34px; }
.header-top .shop i { margin-right:5px; color:#d71729;}
.text-secondary { color:#444444; line-height:34px;}
.text-secondary a { color:#444444;}
.head { height:110px; }
.head .logo { margin:20px 0;}
.head .logo .ico { float:left;}
.head .logo .ico img { height: 70px;}
.head .logo .site { float:left; margin-left:20px;}
.head .logo .site p { color:#f9f9f9; font-size:12px;letter-spacing: 0.5px; }
.head .logo .slogn { color:#fef2f3; font-size: 20px; margin-top:5px; font-weight: 600; margin-left:10px; background:url("../images/slogn_line.png") no-repeat left bottom; background-size: 100% auto; padding-bottom: 30px;}
.head .nvbar { margin-top:15px; margin-bottom:15px;}
.head .nvbar ul { line-height:60px; }
.head .nvbar ul li { float:left; padding:0 15px; }
.head .nvbar ul li a { color:#444444;}
.phone { margin:25px 0;}
.phone .favicon { width: 40px; color:#fcca02; height:60px; font-size:48px; line-height: 60px; }
.phone .favicon i {}
.phone .tel { line-height:30px; font-size:30px; font-weight:600; color:#fce3e6;}
.fill { margin:25px 0;}
.fill i { height:52px; line-height:52px;font-size:30px; color:#ffffff;}
.header-bottom { height:45px; background:#000000;}
.header-bottom .allcategorys { width:286px; height:60px; background:url("../images/bg_alltree.png") no-repeat;}
.search { height:60px; padding-top:0px; padding-left:0px; margin-top:35px; border: #d71729 1px solid; border-radius: 8px;}
.search .search-input { float:left; width:80%; border-radius: 8px 0 0 8px; }
.search .search-btn { float:left; border-radius: 0 8px 8px 0; color: #fdfbd5; font-size:16px;}
.cart {}

.menu_user { float:right; height:45px; line-height:45px; background:#f8f8f8; padding:0 25px;}
.menu_user a { color:#000000; font-weight:bolder;}

.support p { height:34px; line-height:34px; color:#444444;}
.support p a { color:#444444;}
.ovic-menu-wrapper-2 ul li { float: right; line-height:34px; margin-left: 10px;}
.ovic-menu-wrapper-2 ul li a { color:#444444; margin-left:5px; }
.ovic-menu-wrapper-2 ul li i { line-height:34px; font-size: 14px; color: #444444;}
.ziliao { line-height:29px; margin:8px 0; float:right;}

.site-nav { height:45px; line-height:45px;}
.site-nav ul {}
.site-nav ul li { float:left;}
.site-nav ul li a { color:#ffffff; font-weight:400;}
.site-this { background:#109deb; display: block;}

.directory { height:45px;}
.menu { font-size:18px;}
.menu a { color:#000000;}
.menu i { margin:0 20px;}

.position-absolute {margin-top:80px; margin-left:300px;}
.position-absolute h1 { color:#ffffff; font-size:30px; font-weight:700; }
.position-absolute h1 a { color:#ffffff; }
.position-absolute h4 { color:#ffffff; }
.position-absolute h4 a { color:#ffffff; }

.site-banner{position: relative; height: 500px; overflow: hidden; background-color: #393D49;}
.site-banner-bg,.site-banner-main{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.site-banner-bg{ background-position: center 0;}
.site-desc { position: relative; height: 70px; margin-top: 60px;}
.site-desc .web-font-desc{color: #fff; color: rgba(255,255,255,1.0); font-size: 60px; }

.site-desc-anim{-webkit-animation-name: site-desc; animation-name: site-desc;}
.site-desc cite{position: absolute; bottom: -60px; left: 0; width: 100%; color: #c2c2c2; color: rgba(255,255,255,1.0); font-style: normal; font-size:22px;}

.site-download {margin-top: 215px; font-size: 0; }
.site-download .layui-btn{margin-left: 24px;}
.site-download .layui-btn:first-child{margin-left: 0;}
.site-download .layui-btn+.layui-btn{margin-right: 0;}
.btn-download { width:180px; height:45px;}

.site-version{position: relative; margin-top: 15px; color: #ccc; font-size: 13px;}
.site-version span{padding: 0 3px;}
.site-version *{font-style: normal;}
.site-version a{color: #e2e2e2; text-decoration: underline;}

.site-banner-other{position: absolute; left: 0; bottom: 35px; width: 100%; text-align: center; font-size: 0;}
.site-banner-other iframe{border: none;}
.site-banner-other a{display: inline-block; vertical-align: middle; height: 28px; line-height: 28px; margin: 0 6px; padding: 0 8px; border-radius: 2px; color: #c2c2c2; color: rgba(255,255,255,.8); border: 1px solid #c2c2c2; border-color: rgba(255,255,255,.2); font-size: 14px; transition: all .5s; -webkit-transition: all .5s;}
.site-banner-other a:hover{color: #fff; background-color: rgba(255,255,255,.1);}


.site-idea{margin: 30px 0; font-weight: 300;}
.site-idea li{font-size: 14px; }
.site-idea li div{padding: 25px; line-height: 24px; border: 1px solid #d2d2d2;}
.site-idea .layui-field-title{border-color: #d2d2d2}
.site-idea .layui-field-title legend{margin: 0 20px 20px 0; padding: 0 20px; text-align: center;}

.site-hot { background:#d71729; min-height:220px; padding:20px 0 40px 0;}
.site-hot h3 { height:30px; line-height:30px; font-size:18px; color:#000; font-weight:600;}
.site-hot .site-hot-img h3 { color:#ffffff;}
.site-hot .site-hot-img p img { 
  margin-top: 10px; 
  height: 100%; /* 高度占满容器 */ 
  width: 100%;         /* 宽度占满容器 */ 
  object-fit: contain; /* 按比例缩放，完整显示 */
  border-radius: 8px;
}

.position { height:40px; background:#eaebec; line-height:40px; display:block; overflow: hidden;}
.position .place { text-align:left; line-height:40px;}

.catalogue {}
.categorys { border-left:#eaebec 1px solid; border-bottom:#eaebec 1px solid; border-right:#eaebec 1px solid; width:254px; background:url("../images/bg_catatop2.png") no-repeat top;}
.categorys ul {}
.categorys ul li { height:26px; line-height:26px;}

.container-h1 { margin:auto 0; height:45px; line-height:45px; margin-top:30px; text-align:center;}
.container-h2 { margin:auto 0; height:30px; line-height:30px; margin-top:10px; text-align:center; font-weight:500;}

.hot { background:#fff; padding:20px 0 40px 0; }

.about-item { min-height:100px; border:#eeeeee 1px solid; background:#f9f9f9; border-radius:12px; padding:15px;}
.about-item:hover { box-shadow:0 0 10px #cfcfcf; cursor:pointer; transform:translate(0,-5px);}
.about-item h3 { font-size:40px; line-height: 35px; height: 35px; text-align: center; gap:15px;}
.about-item i { color:#d71729; margin-right:20px;}
.about-item p { line-height:26px; font-size:14px; display:block; overflow:hidden;  margin:10px 0 0 0; }

.produte { background:#e1b72d; min-height:600px; padding:20px 0 40px 0; }

.site-produte { margin-top:20px;}
.site-produte ul li p { min-height:40px; line-height:40px;}
.site-produte ul li p img { width:100%; object-fit: cover; border-radius:8px; }

.news { background:#ffffff; padding:20px 0 40px 0; }

.newstable {}
.newstable h3 { height:40px; line-height:40px; font-weight:600; }
.newstable h3 span { float:right; font-weight:normal;}
.newstable ul {}
.newstable ul li { height:30px; line-height:30px; border-bottom:#eaebec 1px dashed;}
.newstable ul li a {}

.media { margin-top:10px; background:#f1f1f1; border-radius:10px; padding:15px;}
.media-title {display:block; overflow:hidden; margin-bottom:20px; }
.media-title h3 { float:left; padding:0 20px; height:40px; text-align:center; line-height:40px; color:#ffffff; background:#d71729; font-weight:600; border-radius:5px;}
.media-title span { float:right; height:40px; line-height:40px;}
.media-body { display:block; overflow:hidden;}
.media-body li { height:30px; line-height:30px; font-size:16px;}
.media-body li h5 { float:left;}
.media-body li span { float:right; font-size:12px;}

.class { background:#e1b72d; height:1080px;}

.main { margin-top:20px;}
/**
.view { border:#eaebec 1px solid; padding:5px; height:500px;}
.view img { width:495px; height:495px;}
.sideimg { width:500px;}
.sideparameter { margin-left:30px;}
**/
.sonsort { margin-bottom:20px; display:block; overflow:hidden;}
.sonsort-title { height:40px; line-height:40px; background-color:#d71729;}
.sonsort-title h3 { color:#ffffff; margin-left:20px; color:#ffffff;}
.sonsort-title h3 a { color:#ffffff; margin-left:20px;}
.sonsort-table { background-color:#f8f8f8;}
.sonsort-table li { height:30px; line-height:30px; border-bottom:#ffffff 1px solid; padding-left:10px;}
.sonsort-table li a { margin-left:10px;}
.sonsort-table li:hover { background:#f0fdef; font-size:14px; padding-left:30px; color:#0d8d02; display:block;}
.sonsort-box {}
.sonsort-box ul {}
.sonsort-box ul li { list-style-type:decimal;}
.sonsort-tags { padding:10px; background:#f8f8f8;}
.son-tags { border:#ddd 1px solid; height:26px; line-height:26px;text-align:center; display:block; background:#ffffff;}
.son-tags a { }

.sonsort-content { background:url(../images/kefu.jpg) no-repeat top; background-size:327px 85px; border:#e7e8ea 1px solid; border-top:0px; }
.sonsort-content ul { background:#ffffff; }
.sonsort-content ul li { height:30px; line-height:30px; border-bottom:#dddddd 1px dashed; padding:0 10px;}
.sonsort-content ul li:last-child { border-bottom:0px;}


.text-center { height:30px; margin:10px 0; line-height:30px; font-size:22px; font-weight:600;}
.text-content { background:#f8f8f8; padding:20px;border-radius:5px; line-height:30px;}
.text-pics img { width:1040px;max-width:1040px;}
.text-data { height:30px; line-height:30px; font-size:12px;}
.text-secondary { margin-top:20px;}
.secondary-pre { border:#baed75 1px solid; background:#e5fbc8; border-radius:3px; display:block; height:70px;}
.secondary-pre a { color:#7dbd28; height:30px; line-height:30px; margin:20px; float:left;}
.secondary-pre span { height:50px; width:50px; margin:10px; line-height:50px; color:#ffffff; border:#ffffff 1px solid; border-radius:3px; float:left; text-align:center; display:block; font-weight:600; background:#7dbd28;}
.text-type { margin-top:5px;}
.text-type ul { height:35px;}
.text-type ul li { text-align:left; width:49%; border-bottom:#eaebec 1px dashed; line-height:35px;}
.text-explain { margin-top:15px; background:#f8f8f8; padding:10px 20px; line-height:26px;}
.text-pic { background:#f8f8f8; padding:20px;}
.text-pic img { max-width:500px; max-height:500px;}
.text-mall {}
.text-mall .site-mall {}
.text-mall .site-mall ul {}
.text-mall .site-mall ul li { float:left; margin-right:5px;}
.text-mall .site-mall ul li:last-child { margin-right:0px;}
.btn-buy { width:95px;}
.text-parameter { line-height:30px;}
.text-tags { background:#ffffff; }
.text-tags ul { padding:10px 0;}
.text-tags ul li { height:26px; line-height:26px; color:#ffffff; font-size:14px; padding:0 10px; font-weight:bolder;}
.text-tags ul li a { color:#ffffff; font-weight:normal;}
.text-about p { margin-bottom:10px;}
.text-price { color:#fd020d; font-weight:bolder;}
.text-aftersales { background:#fdfaee; padding:20px; color:#000000; line-height:30px;}

.main_js { background:#fbfbfb; padding:20px; border-radius:10px;}
.text-js-table { border-bottom:#f4f4f4 solid 1px; background:#ffffff; border-radius:10px; padding:10px;}
.text-js-img { background:#ffffff; border-radius:10px; text-align:left;}
.text-js-img img { border-radius:10px;}
.text-js-list h3 { height:30px; line-height:30px; font-size:16px; font-weight:600;}
.text-js-list p { margin-top:10px; line-height:26px;}

#shop { background: #f8f8f8; min-height: 400px; display: block; overflow: hidden;}

#download { background: #ffffff; min-height: 400px; display: block; overflow: hidden;}

.recom {}
.recom-title { height:35px; line-height:35px; border-bottom:#d71729 1px dashed; padding-bottom:10px;}
.recom-title h3 { color:#d71729; font-size:16px; font-weight:600;}
.flink { margin-top:20px;}
.flink ul { padding-top:10px;}
.flink ul li { float:left; margin-right:10px; margin-bottom:10px; height:26px; line-height:26px;background:#fef3ef; }
.flink ul li:last-child { margin-right:0px;}
.flink ul li:hover { background:#ed471b; color:#ffffff; font-weight:bolder;}
.flink ul li:hover a { color:#ffffff;}
.flink ul li a { color:#ed471b; padding:0 10px;}
.site-lvniu { background:#ccfdd5; color:#009944; display:block; }
.site-lvniu a { color:#009944;}
.site-lvniu:hover { background:#009944; color:#ffffff; font-weight:bolder;}

.content { display:block; overflow: hidden;}

.subtitle { color:#fc0202;}

#dream { min-height:450px;}
.dream-bg { padding-top:50px;}
.dream-bg h2 { color:#ffffff; font-size:50px; font-weight:600; margin-bottom:40px;}
.dream-bg p { color:#ffffff; font-size:24px; font-weight:400; line-height:45px;}
.dream-bg span { color:#1e9fff; font-size:18px; font-weight:200; line-height:45px;}
.dream-bg .detailed { margin:20px 0;}
.dream-bg .detailed a { color:#ffffff; }


#footer{ min-height:120px;background-color:#d71729; padding:20px 0; display:block; overflow:hidden; }
#site-footer { padding:5px 0;background:#d0d0d0; border-bottom:1px solid rgba(255,255,255,0.20) ; margin-top:30px;}
#site-footer .site-footer { color:#333; }
#site-footer .site-footer li { line-height:22px; float:left; line-height:22px; margin-right:20px;}

.site { line-height:40px;}
.site a { line-height:40px;}

.site-footer .footer-service{ padding:20px 0;}
.site-footer .footer-links{ padding:20px 0;color:#6d6d6d}
.site-footer .footer-info{ padding:35px 0 65px;font-size:12px}
.site-footer .list-service{ margin:0;padding:0;list-style-type:none}
.site-footer .list-service li {float:left;text-align:center;}
.site-footer .list-service li a { display:block;font-size:12px;color:#ffffff; text-decoration:none;}
.site-footer .list-service li a:hover .iconfont{color:#ff4a00}
.site-footer .list-service li a .iconfont{font-size:30px;color:#6d6d6d}
.site-footer .list-service li a strong{display:block;margin-top:5px;font-size:18px;color:#ffffff;font-weight:lighter;}
.site-footer .list-service li a strong:hover{display:block;margin-top:5px;font-size:18px;color:#ff6700;font-weight:lighter;}
 
.about p { text-align:left;color:#ffffff;line-height:30px;font-size:14px;}
.about p a { color:#ffffff;}
.about p a:hover{color:#ff6700;}

.foot-content { color:#ffffff;}
.foot-content a { color:#ffffff;}
.foot-content h3 { font-weight:600; height:26px; line-height:26px;}
.foot-content ul { margin-top:5px; height:40px;}
.foot-content ul li { float:left; line-height:26px; margin-right:20px;}

.foot-icon { width:100%; display:block; overflow: hidden;}
.foot-icon ul {}
.foot-icon ul li { float:left; margin-right:15px;}
.wemedia { width:100%; text-align:center; line-height:26px; margin-top:5px; color:#ffffff; display:block; overflow: hidden;}

#kuaicha { min-height:250px; display:block; overflow:hidden; background:#f9f9f9;}
#kuaicha .layui-table a:hover { color:#ec0505;}
.price-market { color:#ec0505; font-size:16px; font-weight:600;}
.tishi { border:#64c703 1px dashed; border-radius:10px; background:#f1fee4; padding:20px 40px; margin-top:20px;}
.tishi h2 { font-size:26px; font-weight:500; color:#ec0505; text-align:center; margin-bottom:20px;}
.tishi p { line-height:26px; font-size:16px; color:#0f2c41; margin:0 40px;}

.main_bor {
  border: 1px solid #efefef;
  overflow: hidden;
  margin-top: 0px;
}
.main_bor .btit {
  text-align: center;
  overflow: hidden;
  line-height: 50px;
  color: #fff;
  background: -webkit-linear-gradient(bottom, #ea3516, #ee5e45);
  background: -moz-linear-gradient(bottom, #ea3516, #ee5e45);
  background: -o-linear-gradient(bottom, #ea3516, #ee5e45);
  background: linear-gradient(bottom, #ea3516, #ee5e45);
  font-size: 18px;
}

.main_pd {
  padding: 15px;
  overflow: hidden;
  line-height: 2;
}
.newslist li {
  background: #f5f5f5;
  margin-top: 10px;
  overflow: hidden;
  position: relative;
  padding: 20px 130px 20px 115px;
}
.newslist li .date {
  position: absolute;
  left: 20px;
  top: 20px;
  bottom: 20px;
  background: rgba(204, 253, 213, 0.5);
  width: 76px;
  text-align: center;
  line-height: 1.7;
}

.newslist li .more:hover {
  background: #f0592d;
}
.newslist li .bt {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  font-size: 16px;
}
.newslist li p {
  display: block;
  overflow: hidden;
  line-height: 22px;
  height: 44px;
}
.newslist li:first-child {
  margin-top: 0;
}
.newslist li:hover {
  background: rgba(234, 53, 22, 0.1);
}
.newslist li .date em {
  display: block;
  overflow: hidden;
  font-weight: bold;
  padding: 7px 0 0 0;
  font-size: 20px;
}
.newslist li .more {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 90px;
  line-height: 36px;
  margin-top: -15px;
  text-align: center;
  color: #fff;
  background: rgba(234, 53, 22, 0.8);
}
.newslist li p {
  display: block;
  overflow: hidden;
  line-height: 22px;
  height: 44px;
}


.btn-screen { width:100px;}
.row { margin-bottom:10px;}
.mro-btn-info { height:40px; line-height:40px; background:#ddd; }
.mro-btn-light{ height:30px; line-height:30px; background:#ddd; float:left; margin-left:10px; padding:0 15px; text-align:center; }
.mro-btn-info a { text-align:center;}
.mro-btn-light a { text-align:center;}
.pagination { margin-top:20px;}
.pagination a { width:45px; float:left; text-align:center;}

.item-produte {}
.card { padding:10px; background:#ffffff; border-radius:10px; box-shadow:0 0 7px #cfcfcf; text-align:center; display:block; overflow:hidden;}
.card a:hover { background:#dddddd; }
.card-img {}
.card-img img { width:100%; object-fit: cover;}
.card-body {}
.card-body .card-title { height:52px; line-height:26px; text-align:left; font-weight:300; overflow:hidden;}
.card-body .card-title a:hover { font-weight:600; color:#d71729; background:#ffffff;}
.card-body p { line-height:26px; margin-top:5px;}
.card-body p span { float:left; height:26px; line-height:26px; padding:0 10px; margin-right:5px;}
.card-body p a { height:26px; line-height:26px; padding:0 5px; background:#eaeaea; float:left; margin-bottom:5px; margin-right:5px; font-size:12px;}
.card-onsales { background:url(../images/onsale.png) no-repeat; top:0px; left:20px;z-index:10; height:40px;}
.card-onsales-down { background:url(../images/sale-down.png) no-repeat; height:40px; top:0px; left:20px;z-index:10;}

.w-100 { width:100%; object-fit: cover;}
.item-produte-content { margin-top:20px;}

.tags-box { border:#e8fde6 1px solid; font-size:12px;}
.tags-box h3 { background:#f0fdef; padding:2px; text-align:center;}
.tags-box h3 a { color:#0d8d02; font-size:12px; line-height:26px;}
.tags-box h3 a:hover { background:#d71729; color:#ffffff; font-weight:bolder; display:block;}

#friendlink { background:#000000; overflow: hidden; display:block; padding:10px 0;}
#friendlink .friend-content {}
#friendlink .friend-content ul {}
#friendlink .friend-content ul li { float:left;}
#friendlink .friend-content ul li h3 { font-size:18px; font-weight:600; background:#fb7600; padding:10px; line-height:26px; margin-right:10px;}
#friendlink .friend-content ul li a { padding:0 8px; color:#ffffff;}