@charset "utf-8";

@font-face {
  font-family: "ProductSans";
  src: url("./font/Product-Sans-Regular-2.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "ProductSans";
  src: url("./font/Product-Sans-Bold-3.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* 电话数字字体 */
.contact-number,
.pro .pro-hotline strong,
.footerwp .phone-item strong,
.core-competence .core-btn {
  font-family: "ProductSans", Arial, Helvetica, sans-serif;
  font-variant-numeric: tabular-nums;
}
html {
  color: #000;
  background: #fff;
}
body {
  color: #666;
  font:
    12px/1.231 arial,
    helvetica,
    clean,
    sans-serif,
    "宋体";
}
/*网站字体颜色*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
th,
var,
optgroup {
  font-style: inherit;
  font-weight: inherit;
}
del,
ins {
  text-decoration: none;
}
li {
  list-style: none;
}
caption,
th {
  text-align: left;
}
q:before,
q:after {
  content: "";
}
abbr,
acronym {
  border: 0;
  font-variant: normal;
}
sup {
  vertical-align: baseline;
}
sub {
  vertical-align: baseline;
}
input,
button,
textarea,
select,
optgroup,
option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}
input,
button,
textarea,
select {
  font-size: 100%;
}
input,
select {
  vertical-align: middle;
}
i,
em {
  font-style: normal;
}
select,
input,
button,
textarea,
button {
  font:
    99% arial,
    helvetica,
    clean,
    sans-serif;
}
table {
  font-size: inherit;
  font: 100%;
  border-collapse: collapse;
}
pre,
code,
kbd,
samp,
tt {
  font-family: monospace;
  font-size: 108%;
  line-height: 100%;
}
/*title*/
h1 {
  font-size: 32px;
}
h2 {
  font-size: 26px;
}
h3 {
  font-size: 20px;
}
h4 {
  font-size: 14px;
}
h5 {
  font-size: 12px;
}
h6 {
  font-size: 10px;
}
.mt10 {
  margin-top: 10px;
}
a {
  color: #666;
  text-decoration: none;
}
/*for ie f6n.net*/
a:focus {
  outline: 0;
}
/*for ff f6n.net*/
a:hover {
  text-decoration: underline;
  text-decoration: none;
}
.vam {
  vertical-align: middle;
}
.clear {
  clear: both;
  height: 0;
  line-height: 0;
  font-size: 0;
}
.clearfix:after {
  content: "";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  zoom: 1;
}
p {
  word-spacing: -1.5px;
}
.tr {
  text-align: right;
}
.tl {
  text-align: left;
}
.center {
  text-align: center;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.pa {
  position: absolute;
}
.pr {
  position: relative;
}
/* -- 购物车外部框架 -- */
.cart_header,
.cart_content,
.cart_footer {
  width: 760px;
  margin: 0 auto;
}
/* -- 页面整体布局 -- */
@charset "utf-8";
html{color:#000;background:#FFF; }
body { color:#666;font:12px/1.231 arial,helvetica,clean,sans-serif, "Microsoft Yahei"; min-width: 1200px;    width: 100%;} /*网站字体颜色*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0; font-family: "Microsoft Yahei";}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
body{font:12px/1.231 arial,helvetica,clean,sans-serif;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

.mt10{ margin-top:10px;}

a { color:#666; text-decoration:none; font-family: "Microsoft Yahei";blr:expression(this.onFocus=this.blur());}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
a:hover { text-decoration:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px; font-family: "Microsoft Yahei";}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em { font-style:normal; font-family: "Microsoft Yahei";}
/* -- 购物车外部框架 -- */
.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}

.phone p{font-size: 16px;    font-weight: normal;
}
.phone{font-size: 22px;
color: #fff;
position: absolute;
right: 64px;
top: 27px;font-weight: bold;}

/* -- 页面整体布局 -- */
.header,
.footer {
	width: 1440px;
	margin: 0 auto;
}
.content {
	width: 1300px;
	margin: 0 auto;
}

.left { width:244px; float:left; overflow:hidden;}
.left2 { width:900px; float:left; overflow:hidden;}
.left3 { width:754px; float:left; overflow:hidden; color:#666;}
.lefttop { background:url(Img/left_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-top:10px;}
.left2top { background:url(Img/left2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.leftbot { background:url(Img/left_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;  margin-bottom:10px;}
.left2bot { background:url(Img/right_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px; }
.leftr { width:201px; float:left; overflow:hidden;}
.rightl { width:975px; float:right; display:inline; margin-left:24px; overflow:hidden;}
.right { width:1032px; float:right; display:inline; margin-left:24px; overflow:hidden;}
.right2 { width:275px;  float:right; overflow:hidden;}
.right3 { width:201px; float:right; overflow:hidden; color:#666;}
.righttop {height:3px; font-size:0; overflow:hidden;}
.right2top { background:url(Img/right2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.rightbot {height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}
.right2bot { background:url(Img/left_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}

.right_main { width:975px; padding-bottom:15px; overflow:hidden; }
.right2_main { width:273px; padding-bottom:15px; overflow:hidden;}
.left2_main { width:900px;  padding-bottom:15px; overflow:hidden;}
.plc,.plc2{margin-bottom: 20px; background:url(Img/logo_03.png) no-repeat 5px 5px;height:20px;line-height:24px;padding:7px 8px 8px 35px;margin-top:20px; position:relative; color:#333; overflow:hidden; font-size:14px; border-bottom:1px solid #888; padding-bottom:8px; font-family:微软雅黑;}
.plc i,.plc2 i,.plc a{ font-style:normal; font-size:14px; color:#333;}
.hp_withs{ width:1000px;}

.h_nav li a:-webkit-any-link{ display:block;}

em,i{ font-style:normal;}


.news-list { background:#f5f5f5; border-bottom:2px solid #eee; height:150px; padding:20px; margin-bottom:30px; overflow:hidden; *zoom:1; }
.news-list:hover, .news-list.cur { border-bottom:2px solid #16223A; }
.news-list .image { float:left; height:150px; padding-right:20px; }
.news-list .image img{ height:150px; }
.news-list .text h2 { font-weight:100; line-height:22px; height:40px; overflow:hidden; font-size:16px; }
.news-list .text h2 a { color:#16223A; }
.news-list .text p {line-height:24px; color:#958e95; font-size:14px; text-align:justify; height:72px; margin-bottom:10px; overflow:hidden; }
.news-list .text span.btn { font-size: 14px;}
.news-list .text span.btn a { padding:0 20px 0 0; }

.rele_search {border-top: 1px solid #DDDDDD;line-height: 160%;margin: 5px;}
.rele_search {line-height: 160%;}
.rele_search li {float: left;width: 150px;}


/*--客服--*/
.ImTable *{padding:0px;margin:0px}
.ImTable{border-collapse:collapse;border:none;background:url(/UserControls/im/kefu/bg.gif)}
.ImTable h2{font-size:14px;font-weight:bold;margin-top:5px}
.ImHeader{height:164px;background:url(/UserControls/im/kefu/im_01.gif)}
.ImRow0{background:url(/UserControls/im/kefu/ico_item1.gif) no-repeat;margin:10px 10px 0;height:24px;padding-left:10px;padding-top:4px; }
.ImRow1{background:url(/UserControls/im/kefu/ico_item1.gif) no-repeat;margin:10px 10px 0;height:24px;padding-left:10px;padding-top:4px;}
a.im,a:hover.im{text-decoration:none;height:35px;color:#008F5A; font-size:14px;}
.ImFooter{height:90px;background:url(/UserControls/im/kefu/im_04.gif) no-repeat; display:inline-block; width:150px;font-family:Arial,Helvetica,sans-serif;}
.ImFooter h5{font-size:14px;font-weight:normal; color:#fff;text-align:center;margin:15px 0 0;font-family:'宋体';}
.ImFooter p{font-size:20px;font-weight:bold;  color:#fff;text-align:center;margin:10px 0;}


/*rollup.css*/
#roll_top,#fall,#ct{position:relative;cursor:pointer;height:72px;width:26px}#roll_top{background:url(/Skins/Default/Img/top.gif) no-repeat}#fall{background:url(/Skins/Default/Img/top.gif) no-repeat 0 -80px}#ct{background:url(/Skins/Default/Img/top.gif) no-repeat 0 -40px}#roll{display:block;width:15px;margin-right:-500px;position:fixed;right:38%;top:80%;_margin-right:-505px;_position:absolute;_margin-top:300px;_top:expression(eval(document.documentElement.scrollTop))}



/* -- 弹出窗口 -- */
#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}
#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}
#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}
@font-face {
  font-family: "Regular";
  src: url("font/AlimamaFangYuanTiVF-Thin.ttf");
}
/* body {
	font-family: 'Regular';
} */
/*头部开始*/
.topWrap {
  width: 100%;
  height: 190px;
  background: url(/Skins/Default/Img/Common/h_bg.jpg) repeat-x center center;
}

/* 头部区域 */
.header-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  height: 130px;
}
.logo {
  display: flex;
}
.logo a {
  display: block;
  width: 212px;
  height: 80px;
}

.logo a img {
  display: block;
  width: 100%;
  height: auto;
}

.company-info {
  padding-left: 20px;
  margin-left: 16px;
  border-left: 1px solid #e8e8e8;
  font-size: 18px;
  line-height: 1;
  color: #777777;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.company-info .title {
  font-size: 24px;
  font-weight: bold;
  color: #333;
  margin-bottom: 10px;
}

.contact {
  display: flex;
  align-items: center;
}

.contact-item {
  display: flex;
  align-items: center;
  margin-left: 20px;
}

.contact-icon {
  width: 48px;
  height: 48px;
  margin-right: 10px;
}

.contact-text {
  font-size: 16px;
  color: #777777;
}

.contact-number {
  font-size: 26px;
  font-weight: bold;
  color: #222222;
}

/* 导航栏 */
.navbar {
  height: 60px;
}

.nav-list {
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 24px;
}

.nav-item {
  position: relative;
}

.nav-link {
  position: relative;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  height: 44px;
  line-height: 1;
  padding: 14px 42px;
  box-sizing: border-box;
  border-radius: 4px;
  overflow: hidden;
  transition: color 0.25s ease, transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}
.nav-link span {
  position: relative;
  z-index: 6;
}

.nav-link:hover {
  color: #fff;
}

.nav-list .nav-item.cur .underline-effect-1{
  content: "";
  inset: 0;
  background-color: #28a745;
  transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
  transform: translateX(-110%);
  border-radius: 4px;
  z-index: 1;
}


.nav-list .nav-item a.cur{
  content: "";
  inset: 0;
  background-color: #28a745;
  transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
  transform: translateX(-110%);
  border-radius: 4px;
  z-index: 1;
}


.nav-link.underline-effect-1:hover::after {
  transform: translateX(0);
}
.nav-link.underline-effect-1:hover {
  transform: translateY(-0px);
}

.nav-link.active.underline-effect-1::after {
  transform: translateX(0);
}

/*底部开始*/


.footerwp {
  height: 545px;
  background: url(../Default/Img/Common/foor_bg.jpg) repeat-x center top;
}
.footerwp .footer-inner {
  width: 1440px;
  margin: 0 auto;
}
.footerwp .footer-top {
  height: 210px;
  padding-top: 46px;
  box-sizing: border-box;
}
.footerwp .footer-top .footer-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footerwp .footer-slogan h3 {
  font-size: 44px;
  line-height: 1.2;
  color: #fff;
  font-weight: 700;
}
.footerwp .footer-slogan p {
  margin-top: 6px;
  font-size: 44px;
  line-height: 1.2;
  color: #fff;
}
.footerwp .footer-consult {
  min-width: 176px;
  height: 52px;
  border: 2px solid rgba(255, 255, 255, 0.8);
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #fff;
  font-size: 22px;
  font-weight: 600;
}
.footerwp .footer-consult img {
  display: block;
  width: 26px;
  height: 26px;
}
.footerwp .footer-main {
  height: 274px;
  padding-top: 40px;
  box-sizing: border-box;
}
.footerwp .footer-main-inner {
  display: flex;
  justify-content: space-between;
}
.footerwp .footer-links {
  display: flex;
  gap: 72px;
}
.footerwp .footer-links dl dt {
  font-size: 18px;
  color: #999999;
  font-weight: 600;
  margin-bottom: 12px;
}
.footerwp .footer-links dl dd {
  font-size: 16px;
  line-height: 1.9;
  color: #d9d9d9;
}
.footerwp .footer-links dl dd a {
  position: relative;
  display: inline-block;
  color: #d9d9d9;
  text-decoration: none;
  transition: color 0.22s ease, transform 0.22s ease, text-shadow 0.22s ease;
}
.footerwp .footer-links dl dd a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0));
  transform: scaleX(0);
  transform-origin: left center;
  opacity: 0;
  transition: transform 0.26s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.26s ease, filter 0.26s ease;
  filter: drop-shadow(0 6px 12px rgba(255, 255, 255, 0.18));
  pointer-events: none;
}
.footerwp .footer-links dl dd a:hover {
  color: #fff;
  transform: translateX(3px);
  text-shadow: 0 8px 18px rgba(255, 255, 255, 0.22);
}
.footerwp .footer-links dl dd a:hover::after {
  transform: scaleX(1);
  opacity: 1;
  filter: drop-shadow(0 6px 12px rgba(255, 255, 255, 0.28));
}
.footerwp .footer-contact-text dd {
  white-space: nowrap;
}
.footerwp .footer-contact-text dd span{
  color: #999999;
}
.footerwp .footer-side {
  display: flex;
  align-items: flex-start;
  gap: 30px;
}
.footerwp .footer-phones {
  padding-top: 8px;
}
.footerwp .phone-item {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.footerwp .phone-icon {
  width: 54px;
  height: 54px;
  margin-right: 16px;
}

.footerwp .phone-item p {
  font-size: 14px;
  color: #b8b8b8;
  line-height: 1.2;
}
.footerwp .phone-item strong {
  display: block;
  margin-top: 2px;
  font-size: 28px;
  color: #fff;
  line-height: 1.2;
  font-weight: 700;
}
.footerwp .footer-qrcode {
  width: 140px;
  background: #fff;
  border-radius: 8px;
  text-align: center;
  padding: 16px 0;
}
.footerwp .footer-qrcode img {
  display: block;
  width: 110px;
  height: 110px;
  margin: 0 auto 12px;
  object-fit: cover;
}
.footerwp .footer-qrcode p {
  font-size: 16px;
  line-height: 1.4;
  color: #0f8f44;
  font-weight: 600;
}
.footerwp .footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  text-align: center;
  color: #9a9a9a;
  font-size: 14px;
  line-height: 60px;
}

/* Unified interactive style for green CTA buttons */
.btn-free,
.why-btn,
.core-btn,
.about-btn,
.news-btn,
.footer-consult {
  position: relative;
  overflow: hidden;
  transition:
    transform 0.28s ease,
    background-color 0.28s ease,
    color 0.28s ease,
    border-color 0.28s ease;
  box-shadow: none;
}
.btn-free:before,
.why-btn:before,
.core-btn:before,
.about-btn:before,
.news-btn:before,
.footer-consult:before {
  content: "";
  position: absolute;
  top: -25%;
  left: -35%;
  width: 26%;
  height: 150%;
  background: linear-gradient(110deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.42), rgba(255, 255, 255, 0));
  transform: translateX(-180%) rotate(18deg);
  transition: transform 0.6s ease;
  pointer-events: none;
}
.btn-free:hover,
.why-btn:hover,
.core-btn:hover,
.about-btn:hover,
.news-btn:hover,
.footer-consult:hover {
  background: #ffde00 !important;
  color: #00431e !important;
  transform: translateY(-2px) scale(1.02);
  box-shadow: none;
}
.footer-consult:hover {
  border-color: #ffde00 !important;
}
.btn-free:hover:before,
.why-btn:hover:before,
.core-btn:hover:before,
.about-btn:hover:before,
.news-btn:hover:before,
.footer-consult:hover:before {
  transform: translateX(520%) rotate(18deg);
}
.btn-free:hover *,
.why-btn:hover *,
.core-btn:hover *,
.about-btn:hover *,
.news-btn:hover *,
.footer-consult:hover * {
  color: #00431e !important;
}
.btn-free:hover img,
.why-btn:hover img,
.core-btn:hover img,
.about-btn:hover img,
.news-btn:hover img,
.footer-consult:hover img {
  filter: brightness(0) saturate(100%) invert(15%) sepia(79%) saturate(861%) hue-rotate(101deg) brightness(94%) contrast(104%);
}
/* Smooth scroll reveal */
.scroll-reveal {
  opacity: 0;
  transform: translate3d(0, 34px, 0);
  transition: opacity 0.9s cubic-bezier(0.22, 1, 0.36, 1), transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: opacity, transform;
}
.scroll-reveal.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}


.topadcs { width:100%; overflow:hidden; text-align:center; margin:0 auto 0px; }
.topadcs a img { width:100%; height:auto; display:block; }
.topadcs a { display:block; margin:0 auto; }
.topadcs a.fullad { height:500px; }



.plc,.plc2{margin-bottom: 20px; background:url(Img/logo_03.png) no-repeat 5px 5px;height:20px;line-height:24px;padding:7px 8px 8px 35px;margin-top:20px; position:relative; color:#333; overflow:hidden; font-size:14px; border-bottom:1px solid #888; padding-bottom:8px; font-family:微软雅黑;}
.plc i,.plc2 i,.plc a{ font-style:normal; font-size:14px; color:#333;}
.hp_withs{ width:1000px;}