*,body,html{margin: 0; padding: 0; font-size: 13px; font-family:'微软雅黑';}

.main{ width: 100%; position: relative; z-index: 50;}
.w1440{width: 1440px; margin: 0 auto;}
/*顶部导航*/
.boxt{height: 80px; overflow: hidden;background: #ffffff;width: 100%;position: fixed; top: 0; left: 0; right: 0;  }
.topbox{ height: 80px; background: #ffffff; width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 1rem; position: fixed; top: 0; left: 0; right: 0; opacity: 0; transform: translateY(-20px); animation: slideDown 0.6s ease-out forwards;  transition: all 0.3s ease;}
@keyframes slideDown{ to { opacity: 1; transform: translateY(0); }}
.topbox .logo{ width: 180px; float: left; line-height: 80px;}
.topbox .logo img{ margin-top: 15px; max-height: 50px; opacity: 0; animation: fadeIn 0.6s ease-out 0.2s forwards;}
@keyframes fadeIn{ to { opacity: 1; }}
.topbox .menu{ width: calc(100% - 405px); max-width: 980px; float: left; margin-top:30px; margin-left: 25px;}
.topbox .menu ul{ height: auto; padding: 0;}
.topbox .menu ul li{position: relative; list-style: none;  margin: 0; padding: 0; width: 12%; float: left; border-right: solid 1px #666; opacity: 0; transform: translateY(-10px); animation: fadeInUp 0.5s ease-out forwards;}
.topbox .menu ul li:nth-child(1){ animation-delay: 0.3s;}
.topbox .menu ul li:nth-child(2){ animation-delay: 0.4s;}
.topbox .menu ul li:nth-child(3){ animation-delay: 0.5s;}
.topbox .menu ul li:nth-child(4){ animation-delay: 0.6s;}
.topbox .menu ul li:nth-child(5){ animation-delay: 0.7s;}
.topbox .menu ul li:nth-child(6){ animation-delay: 0.8s;}
.topbox .menu ul li:nth-child(7){ animation-delay: 0.9s;}
.topbox .menu ul li:nth-child(8){ animation-delay: 1.0s;}
@keyframes fadeInUp{ to { opacity: 1; transform: translateY(0); }}
.topbox .menu ul li:last-child{ border-right: none;}
.topbox .menu ul li a{padding: 8px 15px; font-size: 16px; text-decoration: none; text-align: center; display: block; color: #333333; transition: color 0.3s ease; padding: 0 5px;}
.topbox .menu ul li a:hover{ color: #7f0000; transform: scale(1.05); transition: all 0.3s ease; /* 合并过渡效果 */}
.topbox .menu ul li dd{ display: none; /* 修改为none */ opacity: 0; position: absolute; left: 0;top: 100%; width: 190px;background-color: #ff6101;padding: 15px 0;margin-top:0px;border-radius: 4px; box-shadow: 0 2px 8px rgba(0,0,0,0.15); z-index: 100;}
.topbox .menu ul li dd dl{ height: 36px; overflow: hidden; line-height: 36px;}
.topbox .menu ul li dd dl a{ display: block; padding:0px 15px; color: #ffffff; font-size: 15px;transition: background-color 0.3s ease; /* 添加过渡效果 */}
.topbox .menu ul li dd dl a:hover{ background-color: #ffcc0f;color: #333;transform: none;}

/* 修改这里：当鼠标悬停在li上时显示dd */
.topbox .menu ul li:hover dd{display: block;animation: fadeIn 0.3s ease;opacity: 1;}

/* 淡入动画 */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-10px); }
  to { opacity: 1; transform: translateY(0); }
}

.topbox .tel{ width: 225px; float: right; height: 60px; overflow: hidden; margin-top: 25px; line-height: 60px; opacity: 0; transform: translateX(20px); animation: fadeInRight 0.6s ease-out 0.8s forwards;}
@keyframes fadeInRight{ to { opacity: 1; transform: translateX(0); }}
.topbox .tel em{ width: 40px; height: 60px; display: block; float: left; background: url(../img/tel.png) no-repeat; background-position: 10px 10px;}
.topbox .tel span{ display: block; height: 60px; width: 155px; float: left; font-size: 21px; font-weight: bold; color: #d00205; transition: transform 0.3s ease;}
.topbox.scrolled{ height: 70px; background: rgba(255, 255, 255, 0.98); }
.topbox.scrolled .logo{ line-height: 70px;}
.topbox.scrolled .logo img{ margin-top: 10px; max-height: 45px;}
.topbox.scrolled .menu{ margin-top: 38px;}


.bannerbox{height:778px; overflow: hidden; background: url(../img/banner1.jpg) no-repeat; position: relative;top:80px}
/*优势*/
.youshibox{height:700px;overflow:hidden;background:#efeeee;position:relative;top:80px;opacity:0;animation:fadeInUp 1s ease 0.3s forwards}
.ystit{height:40px;line-height:40px;font-size:49px;font-weight:bold;color:#bf0101;margin:65px 0px;width:350px;display:block;opacity:0;transform:translateY(30px);animation:fadeInUp 0.8s ease 0.5s forwards}
.ystit span{display:block;background:url(../img/hglogo.png) no-repeat left center;background-size:100%;width:90px;height:62px;float:right;margin-top:-18px;opacity:0;transform:scale(0.8);animation:zoomIn 0.6s ease 0.8s forwards}
.ysleft{width:450px;height:auto;overflow:hidden;float:left}

.ysitem1{height:230px;width:400px;margin-left:50px;background:url(../img/t1.png) no-repeat;background-position:0 35px;opacity:0;transform:translateX(-50px);animation:fadeInLeft 0.8s ease 0.7s forwards}
.ysitem1 h3{display:block;height:60px;font-size:23px;font-weight:bold;color:#af0101;margin-top:20px}
.ysitem1 h3 i{font-style:normal;font-size:20px;color:#fff;border-radius:50%;padding:4px 10px;background-color:#af0101;margin-right:30px;margin-left:30px;display:inline-block;transform:scale(0);animation:zoomIn 0.5s ease 1s forwards}
.ysitem1 p{font-size:16px;line-height:40px;margin:15px 15px;opacity:0;animation:fadeIn 0.8s ease 1.2s forwards}
.ysitem2{height:200px;width:400px;background:url(../img/t3.png) no-repeat left center;background-position:20px 50px;opacity:0;transform:translateX(-50px);animation:fadeInLeft 0.8s ease 1s forwards}
.ysitem2 h3{display:block;height:60px;font-size:23px;font-weight:bold;color:#af0101;margin-top:20px;margin-left:80px}
.ysitem2 h3 i{font-style:normal;font-size:20px;color:#fff;border-radius:50%;padding:4px 10px;background-color:#af0101;margin-right:30px;margin-left:30px;display:inline-block;transform:scale(0);animation:zoomIn 0.5s ease 1.3s forwards}
.ysitem2 p{font-size:16px;line-height:40px;margin:15px 15px 15px 100px;color:#fff;opacity:0;animation:fadeIn 0.8s ease 1.5s forwards}

.yscenter{width:410px;height:410px;float:left;border:2px solid #d1d9e6;border-radius:50%;justify-content:center;align-items:center;margin-top:-50px;padding:60px;opacity:0;transform:scale(0.5);animation:zoomInRotate 1s ease 0.8s forwards}
.yscyuan{width:380px;height:380px;background-color:#ffffff;border-radius:50%;text-align:center;padding:20px;opacity:0;animation:fadeIn 0.8s ease 1.3s forwards}
.yscyuan img{display:block;margin:0 auto;opacity:0;transform:translateY(20px);animation:fadeInUp 0.6s ease 1.5s forwards}
.yscyuan span{display:block;font-size:21px;padding:15px 0px;opacity:0;animation:fadeIn 0.6s ease 1.7s forwards}
.yscyuan h1{display:block;font-weight:bold;font-size:38px;color:#f08d00;margin-top:20px;opacity:0;transform:translateY(20px);animation:fadeInUp 0.6s ease 1.9s forwards}
.yscyuan h1 em{display:block;font-size:15px;font-weight:200;font-style:normal;text-transform:uppercase;padding-top:10px;opacity:0;animation:fadeIn 0.6s ease 2.1s forwards}

.ysright{width:450px;height:auto;overflow:hidden;float:right}
.ysitem3{height:230px;width:400px;margin-left:10px;background:url(../img/t2.png) no-repeat;background-position:0 35px;opacity:0;transform:translateX(50px);animation:fadeInRight 0.8s ease 0.7s forwards}
.ysitem3 h3{display:block;height:60px;font-size:23px;font-weight:bold;color:#af0101;margin-top:20px}
.ysitem3 h3 i{font-style:normal;font-size:20px;color:#fff;border-radius:50%;padding:4px 10px;background-color:#af0101;margin-right:30px;margin-left:80px;display:inline-block;transform:scale(0);animation:zoomIn 0.5s ease 1s forwards}
.ysitem3 p{font-size:16px;line-height:40px;margin:15px 75px;opacity:0;animation:fadeIn 0.8s ease 1.2s forwards}
.ysitem4{height:200px;width:400px;background:url(../img/t4.png) no-repeat left center;background-position:20px 50px;opacity:0;transform:translateX(50px);animation:fadeInRight 0.8s ease 1s forwards}
.ysitem4 h3{display:block;height:60px;font-size:23px;font-weight:bold;color:#af0101;margin-top:20px;margin-left:40px}
.ysitem4 h3 i{font-style:normal;font-size:20px;color:#fff;border-radius:50%;padding:4px 10px;background-color:#af0101;margin-right:30px;margin-left:80px;display:inline-block;transform:scale(0);animation:zoomIn 0.5s ease 1.3s forwards}
.ysitem4 p{font-size:16px;line-height:40px;margin:15px 15px 15px 60px;color:#fff;opacity:0;animation:fadeIn 0.8s ease 1.5s forwards}

@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}
to{opacity:1;transform:translateY(0)}
}@keyframes fadeInLeft{from{opacity:0;transform:translateX(-50px)}
to{opacity:1;transform:translateX(0)}
}@keyframes fadeInRight{from{opacity:0;transform:translateX(50px)}
to{opacity:1;transform:translateX(0)}
}@keyframes fadeIn{from{opacity:0}
to{opacity:1}
}@keyframes zoomIn{from{opacity:0;transform:scale(0.5)}
to{opacity:1;transform:scale(1)}
}@keyframes zoomInRotate{from{opacity:0;transform:scale(0.5) rotate(-180deg)}
to{opacity:1;transform:scale(1) rotate(0)}
}


/*关于我们*/
.aboutbox{height:860px;background:#980305;position:relative;top:80px;opacity:0;animation:fadeInUp 1s ease 0.3s forwards}

.ab-left{width:720px;float:left;height:340px;margin-top:50px;opacity:0;transform:translateX(-50px);animation:fadeInLeft 0.8s ease 0.5s forwards}
.ab-left h2{display:block;font-weight:bold;color:#fff;font-size:49px;background:url(../img/hglogo2.png) no-repeat;background-position:220px 0;opacity:0;animation:fadeIn 0.6s ease 0.7s forwards}
.ab-left p{font-size:16px;color:#ffffff;line-height:34px;margin-top:75px;width:650px;opacity:0;transform:translateY(20px);animation:fadeInUp 0.8s ease 0.9s forwards}

.ab-right{width:690px;float:right;margin-top:50px;position:relative;opacity:0;transform:translateX(50px);animation:fadeInRight 0.8s ease 0.5s forwards}
.ab-right span{display:block;width:150px;height:87px;line-height:87px;background:#d95608;float:left;position:absolute;bottom:0;text-align:center;opacity:0;transform:translateY(30px);animation:fadeInUp 0.6s ease 1.1s forwards}
.ab-right span a{color:#ffffff;font-size:16px;text-decoration:none;display:inline-block;transform:scale(0.8);animation:zoomIn 0.5s ease 1.3s forwards}
.ab-right img{float:right;opacity:0;transform:translateX(30px);animation:fadeInRight 0.7s ease 0.9s forwards}
.clearbox{display:block;clear:both;height:0;overflow:hidden}

.ab-brand{display:block;height:auto;margin-top:100px;opacity:0;animation:fadeIn 0.8s ease 1s forwards}
.branditem{width:290px;height:300px;border:solid 1px #fff;padding:4px;float:left;margin-right:75px;position:relative;opacity:0;transform:translateY(50px)}
.branditem:nth-child(1){animation:fadeInUp 0.7s ease 1.2s forwards}
.branditem:nth-child(2){animation:fadeInUp 0.7s ease 1.4s forwards}
.branditem:nth-child(3){animation:fadeInUp 0.7s ease 1.6s forwards}
.branditem:nth-child(4){float:right;margin-right:0;animation:fadeInUp 0.7s ease 1.8s forwards}
.brandtxt{width:278px;height:288px;border:solid 1px #fff;margin:5px;opacity:0;animation:fadeIn 0.6s ease 0.3s forwards}
.brandimg{width:120px;height:120px;border-radius:50%;border:solid 1px #ffffff;position:absolute;top:-50px;left:90px;opacity:0;transform:scale(0.5) rotate(-180deg)}
.branditem:nth-child(1) .brandimg{animation:zoomInRotate 0.8s ease 1.4s forwards}
.branditem:nth-child(2) .brandimg{animation:zoomInRotate 0.8s ease 1.6s forwards}
.branditem:nth-child(3) .brandimg{animation:zoomInRotate 0.8s ease 1.8s forwards}
.branditem:nth-child(4) .brandimg{animation:zoomInRotate 0.8s ease 2s forwards}
.brandimg img{width:110px;height:110px;border-radius:50%;margin:5px;opacity:0;animation:fadeIn 0.5s ease 0.5s forwards}
.brandtxt h3{display:block;width:278px;position:absolute;top:90px;font-size:18px;font-weight:bold;color:#fff;text-align:center;opacity:0;transform:translateY(20px)}
.branditem:nth-child(1) .brandtxt h3{animation:fadeInUp 0.6s ease 1.6s forwards}
.branditem:nth-child(2) .brandtxt h3{animation:fadeInUp 0.6s ease 1.8s forwards}
.branditem:nth-child(3) .brandtxt h3{animation:fadeInUp 0.6s ease 2s forwards}
.branditem:nth-child(4) .brandtxt h3{animation:fadeInUp 0.6s ease 2.2s forwards}
.brandtxt p{display:block;width:248px;position:absolute;top:140px;left:20px;font-size:15px;font-weight:100;color:#fff;text-align:center;line-height:34px;opacity:0;transform:translateY(20px)}
.branditem:nth-child(1) .brandtxt p{animation:fadeInUp 0.6s ease 1.8s forwards}
.branditem:nth-child(2) .brandtxt p{animation:fadeInUp 0.6s ease 2s forwards}
.branditem:nth-child(3) .brandtxt p{animation:fadeInUp 0.6s ease 2.2s forwards}
.branditem:nth-child(4) .brandtxt p{animation:fadeInUp 0.6s ease 2.4s forwards}
.brandtxt a{display:block;width:50px;position:absolute;top:260px;right:10px;font-size:25px;font-weight:800;color:#fff;text-align:center;text-decoration:none;opacity:0;transform:scale(0.5)}
.branditem:nth-child(1) .brandtxt a{animation:zoomIn 0.5s ease 2s forwards}
.branditem:nth-child(2) .brandtxt a{animation:zoomIn 0.5s ease 2.2s forwards}
.branditem:nth-child(3) .brandtxt a{animation:zoomIn 0.5s ease 2.4s forwards}
.branditem:nth-child(4) .brandtxt a{animation:zoomIn 0.5s ease 2.6s forwards}
@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}
to{opacity:1;transform:translateY(0)}
}@keyframes fadeInLeft{from{opacity:0;transform:translateX(-50px)}
to{opacity:1;transform:translateX(0)}
}@keyframes fadeInRight{from{opacity:0;transform:translateX(50px)}
to{opacity:1;transform:translateX(0)}
}@keyframes fadeIn{from{opacity:0}
to{opacity:1}
}@keyframes zoomIn{from{opacity:0;transform:scale(0.5)}
to{opacity:1;transform:scale(1)}
}@keyframes zoomInRotate{from{opacity:0;transform:scale(0.5) rotate(-180deg)}
to{opacity:1;transform:scale(1) rotate(0)}
}



/*产品*/
.probox{height:560px;position:relative;top:80px;opacity:0;animation:fadeInUp 1s ease 0.3s forwards;background:#efeeee;overflow:hidden}
.protit{height:auto;overflow:hidden;opacity:0;animation:fadeInUp 0.8s ease 0.5s forwards}
.protit h2{font-size:49px;color:#bf0101;margin-top:40px;background:url(../img/hglogo.png) no-repeat;background-size:6%;background-position:220px 0;opacity:0;transform:translateY(20px);animation:fadeInUp 0.6s ease 0.7s forwards}
.protit .procate{width:1000px;float:right;margin-top:-45px;opacity:0;animation:fadeIn 0.6s ease 0.9s forwards}
.protit .procate a{float:left;font-size:16px;color:#fff;border-radius:25px;background:#9f030b;text-align:center;padding:10px 30px;margin:0 15px;text-decoration:none;opacity:0;transform:translateY(10px);animation:fadeInUp 0.5s ease 1.1s forwards}
.protit .procate a:nth-child(1){animation-delay:1.1s}
.protit .procate a:nth-child(2){animation-delay:1.2s}
.protit .procate a:nth-child(3){animation-delay:1.3s}
.protit .procate a:nth-child(4){animation-delay:1.4s}
.protit .procate a:nth-child(5){animation-delay:1.5s}
.protit .procate a:hover{background:#f57900;transform:translateY(-2px);transition:all 0.3s ease}
.protit .procate a.prohover{background:#f57900}
.prolist-container{position:relative;height:380px;margin-top:30px;overflow:hidden;opacity:0;animation:fadeIn 0.8s ease 1.3s forwards}
.prolist{height:380px;padding:0 50px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}
.prolist::-webkit-scrollbar{display:none}
.prolist{-ms-overflow-style:none;scrollbar-width:none}
.prolist ul{height:auto;overflow:hidden;display:inline-flex;gap:40px;padding:0 20px;animation:slideInFromRight 1s ease 1.5s forwards;opacity:0}
.prolist ul li{height:370px;width:220px;background:#ffffff;padding:5px;list-style:none;flex-shrink:0;opacity:0;transform:translateY(30px);animation:fadeInUp 0.6s ease forwards}
.prolist ul li:nth-child(1){animation-delay:1.6s}
.prolist ul li:nth-child(2){animation-delay:1.7s}
.prolist ul li:nth-child(3){animation-delay:1.8s}
.prolist ul li:nth-child(4){animation-delay:1.9s}
.prolist ul li:nth-child(5){animation-delay:2.0s}
.prolist ul li:nth-child(6){animation-delay:2.1s}
.prolist ul li:nth-child(7){animation-delay:2.2s}
.prolist ul li:nth-child(8){animation-delay:2.3s}
.prolist ul li:nth-child(9){animation-delay:2.4s}
.prolist ul li:nth-child(10){animation-delay:2.5s}
.prolist ul li:nth-child(11){animation-delay:2.6s}
.prolist ul li p{font-size:18px;color:#333333;text-align:center;margin-top:10px}
.prolist ul li a{text-decoration:none;display:block;transition:transform 0.3s ease}
.prolist ul li a:hover{transform:translateY(-5px)}
.prolist ul li img{width:220px;height:315px;transition:transform 0.3s ease}
.prolist ul li a:hover img{transform:scale(1.05)}
.prolist ul li a:hover p{color:#930305}
.scroll-btn{display:none;position: absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:#9f030b;color:white;border-radius:50%;display:none;align-items:center;justify-content:center;font-size:20px;font-weight:bold;cursor:pointer;z-index:10;opacity:0;animation:fadeIn 0.6s ease 1.7s forwards;transition:all 0.3s ease}
.scroll-btn:hover{background:#f57900;transform:translateY(-50%) scale(1.1)}
.scroll-left{left:10px}
.scroll-right{right:10px}
@keyframes slideInFromRight{from{opacity:0;transform:translateX(100px)}
to{opacity:1;transform:translateX(0)}
}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}
to{opacity:1;transform:translateY(0)}
}@keyframes fadeIn{from{opacity:0}
to{opacity:1}
}

/*品牌历程*/
.brandlc{ height: 480px; overflow: hidden; position: relative; top: 80px; background: #980305;}
.brandlctit{ height: auto; overflow: hidden; padding: 45px 0 20px;}
.brandlctit h2{display:block;font-weight:bold;color:#fff;font-size:49px;background:url(../img/hglogo2.png) no-repeat;background-position:220px 0;opacity:0;animation:fadeIn 0.6s ease 0.7s forwards}
.brandlist{ height: 300px; overflow: hidden; background: url(../img/cz.png) no-repeat center; position: relative;}
.lcitem{ height: 110px; width:210px; opacity:0; transform:translateY(30px);}
.lcitem span{display: block; font-size: 25px; font-weight: bold; color: #ffffff;padding:0px 0px 15px;}
.lcitem p{display: block; font-size:16px; color:#ffffff;}
.lc1{ position: absolute; left:120px; top:18px; animation:fadeInUp 0.6s ease 0.9s forwards}
.lc2{ position: absolute; left:370px; top:188px; animation:fadeInUp 0.6s ease 1.1s forwards}
.lc3{ position: absolute; left:650px; top:18px; animation:fadeInUp 0.6s ease 1.3s forwards}
.lc4{ position: absolute; left:940px; top:188px; animation:fadeInUp 0.6s ease 1.5s forwards}
.lc5{ position: absolute; right:20px; top:18px; animation:fadeInUp 0.6s ease 1.7s forwards}

/* 添加动画关键帧 */
@keyframes fadeInUp {
from {opacity: 0;transform: translateY(30px);}
to {opacity: 1;transform: translateY(0);}
}
@keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}


/*新闻资讯*/
.newsbox{height:650px; overflow: hidden; position: relative; top: 80px;}
.newstit{ height: auto; overflow: hidden; padding: 45px 0 20px;}
.newstit h2{font-size:49px;color:#bf0101;margin-top:0px;background:url(../img/hglogo.png) no-repeat;background-size:6%;background-position:220px 0;opacity:0;transform:translateY(20px);animation:fadeInUp 0.6s ease 0.7s forwards}
.newslist{ height: auto; overflow: hidden; margin-top: 20px;}
.newslist ul{height: auto; overflow: hidden;}
.newslist ul li{width:335px; float: left; margin-right: 30px; list-style: none; opacity:0; transform:translateY(30px);}
.newslist ul li:nth-child(1){animation:fadeInUp 0.6s ease 0.9s forwards}
.newslist ul li:nth-child(2){animation:fadeInUp 0.6s ease 1.1s forwards}
.newslist ul li:nth-child(3){animation:fadeInUp 0.6s ease 1.3s forwards}
.newslist ul li:nth-child(4){ float: right; margin-right: 0; animation:fadeInUp 0.6s ease 1.5s forwards}
.newslist ul li h4{ font-size: 18px; color:#333333; font-weight: normal; padding: 5px 10px; line-height: 26px;}
.newslist ul li p{ display: block; font-size: 14px; color:#666666; font-weight: 100; padding:15px 10px;line-height: 26px;}
.newslist ul li span{ display: block; font-size: 14px; text-align: left; color:#666666; margin: 15px 10px;}
.newslist ul li span em{ float: right; font-size: 20px; font-weight:bold; font-style:normal; color:#bf0101;}
.newslist ul li a{ text-decoration: none;}
.newslist ul li a:hover h4{ color: #bf0101;}
.newslist ul li a:hover p{ color: #bf0101;}
.newslist ul li a:hover span{ color: #bf0101;}

/*联系方式*/
.contactbox{ height: auto; overflow: auto; background: #900305; position: relative; top: 80px; padding: 50px 0;}
.lxleft{ width: 410px; float: left; }
.lxleft .lxtel{ height: auto; overflow: hidden; color: #ffffff;}
.lxleft .lxtel span{ display: block; font-size:20px; font-weight: bold; padding: 10px 0; }
.lxleft .lxtel p{ display: block; font-size: 26px; font-weight:bold;}
.lxleft .lxsend{ display: block; height: auto;}
.lxleft .lxsend .lxinput{height:auto; overflow: hidden; margin:15px 0;}
.lxleft .lxsend .lxinput input{ display: block; width: 300px; padding:15px 15px}
.lxleft .lxsend .lxinput a{ padding:10px 15px; background: #ffffff; color: #333333; text-decoration: none; display: block; width: 80px; text-align: center;}

.lxcenter{ width: 410px; float:left; margin-top: 80px; margin-left: 50px;}
.lxcenter p{ display: block; color:#ffffff; line-height:55px; font-size:16px}

.lxright{width:530px; float: right; margin-top: 80px;}
.lxright p{ display: block; width:141px; height:180px; float: right; text-align: center; color:#ffffff; font-size: 14px; margin-right: 25px;}
.lxright p img{width:141px; height:141px; display: block; margin-bottom: 10px;}

.copyrighttxt{ background: #740204; height:40px; line-height: 40px; color: #fff; text-align: center;position: relative; top: 80px; border-top: solid 2px #999999;}

/*内页*/
.cbanner{ height:380px; position: relative; top:80px; background: #d2292e;}
.cbanner h2{ text-align: center; color:#ffffff; font-size:45px; font-weight:bold; display: block; height:150px; overflow: hidden; line-height: 150px; padding-top:80px}
.cbanner p{display: block; font-size: 16px; color:#ffffff; text-align: center; text-transform: uppercase;}

.cnav{ height:38px; overflow: hidden; background: #efefef; position: relative; top:80px; line-height: 38px;}
.cnav a{font-size:15px; color:#333333;}

.brandbox1{ height: auto; position: relative; top:80px;}
.jslist{ display: block; height:60px; overflow: hidden; margin-top:20px ; }
.jslist a{ font-size: 16px; color:#ffffff; text-decoration: none; float: left; padding:10px 28px; background: #e96e00; margin-right: 15px; border-radius: 30px;}
.jslist a:hover{ background: #e60012;}

.jsbox{ height: auto; overflow: hidden; margin: 15px 0px;}
.jsleft{ width:780px; float: left;}
.jstit{ font-size:33px; font-weight: bold; color:#b20707;} 
.jstit span{display: block; font-weight: normal; padding:5px 0;}
.jstxt{ font-size:16px; line-height: 35px; color: #333333;}
.jstxt p{ font-size:16px; line-height: 35px; color: #333333;}

.jsright{ float: right; background: url(../img/brand.jpg) no-repeat center; width: 600px; height: 467px;} 

.gybox{height:740px; overflow: hidden; background: #e96e00; position: relative; top:80px}
.gybox h2{ display:block; width: 100%; text-align: center; padding: 30px 0px; font-size: 32px; color:#ffffff;}
.gybox span{ display: block; width: 100%; text-align: center;color:#ffffff; font-size: 25px;}
.gybox .gybg{ background: url(../img/gy.jpg) no-repeat center; height: 549px; overflow: hidden; margin-top: 58px;}

.whbox{height:650px; overflow: hidden; background: #920206; position: relative; top:80px}
.whtit{ height:120px; overflow:hidden; text-align: center; margin-top: 48px;}
.whtit h2{ font-size:35px; color:#ffffff;}
.whtit span{font-size:16px; color:#ffffff; text-transform: uppercase;}
.whul{height:370px; overflow: hidden; margin-top: 40px;}
.whitem{ width: 295px; height: 370px; background: #ffffff; float: left; margin-right: 85px; position: relative;}
.whitem span:nth-child(1){ display: block; padding: 20px 25px 10px; font-size:23px; color:#f8b8b8; text-transform: uppercase;}
.whitem span:nth-child(2){ display: block; padding: 20px 25px; font-size:19px; color:#000000; font-weight: bold; }
.whitem span:nth-child(3){ display: block; padding: 20px 25px; font-size:22px; color:#000000; font-weight: bold; line-height: 32px; }
.whitem i{display: block; width: 95px; height:90px; background: url(../img/whtb.png) no-repeat; position: absolute; bottom:10px; left:20px}
.whitem:nth-child(1) i{ background-position: 0 0px; }
.whitem:nth-child(2) i{ background-position: 0 -125px; }
.whitem:nth-child(3) i{ background-position: 0 -240px; }
.whitem:nth-child(4) i{ background-position: 0 -355px; }
.whitem:hover{ background: #f88616;  }
.whitem:hover span{ color:#ffffff}
.whitem:nth-child(1):hover i{ background-position: -120px 0px; }
.whitem:nth-child(2):hover i{ background-position: -120px -125px; }
.whitem:nth-child(3):hover i{ background-position: -120px -240px; }
.whitem:nth-child(4):hover i{ background-position: -120px -355px; }

.wmdys{height:620px; overflow: hidden; background: #ffffff; position: relative; top:80px}
.wmdtit{ font-size:33px; font-weight: bold; color:#b20707; margin-top: 50px;} 
.wmdtit span{display: block; font-weight: normal; padding:5px 0; text-transform: uppercase;}
.wmdysleft{ width:600px; height: 310px; border: solid 4px #920206; padding:40px 60px; font-size: 16px; font-weight: 200; line-height: 32px; margin-top: 50px; float: left; position: relative; z-index: 2; background: #ffffff;}
.wmdysright{ width: 821px; height: 413px; background: url(../img/gs.jpg) no-repeat; float: right; position: relative; top:-350px; z-index: 1; }

.fzls{ height:500px; overflow: hidden; background: #ffffff; position: relative; top:80px}
.fzlsimg{ height: 251px; overflow: hidden; background: url(../img/fzls.jpg) no-repeat center; margin-top:35px}

.brandjm{ height: auto; position: relative; top:80px;}
.jmtxt{ text-align: center; font-size:18px; height: auto; overflow: hidden; line-height:40px; padding:30px 80px;}
.jmtxt h2{ font-size:30px; font-weight: bold; color:#c52823; padding:30px 0px}

.jmyoushi{ height:auto; overflow: hidden; width: 100%;}
.jmystit{font-size:35px; font-weight: bold; color:#c52823; padding:0px 0px; text-align: center; margin-bottom: 35px;}

.ysitems{ height: auto; overflow: hidden;}
.ysitembox{ height:135px; width: 635px; float:left;}
.ysitembox:nth-child(2n){ float: right;}
.itemleft{width:80px; height:60px; float:left; margin-right:25px; background: url(../img/num.png) no-repeat;}
.itemright{width:530px; float: right;}
.itemright h3{ display: block; width:155px; height:41px; background: url(../img/bj.png) no-repeat; font-size:22px; font-weight: bold; color:#ffffff; text-align: center; line-height:41px}
.itemright p{ font-size: 18px; color: #333333; margin-top: 15px; font-weight: 200;}

.t02{ background-position: 0 -80px;}
.t03{ background-position: 0 -180px;}
.t04{ background-position: 0 -270px;}
.t05{ background-position: 0 -360px;}
.t06{ background-position: 0 -450px;}
.t07{ background-position: 0 -540px;}

.jmdxz{ height:auto; overflow: hidden; width: 100%; margin-bottom: 80px;}
.jmxzitem{ height:auto;overflow:hidden; margin-top: 80px;}
.jmxztxt{width:157px; height:191px; padding:30px 30px; background: url(../img/jmbg.png) no-repeat center; float: left; margin:0 70px; font-size:16px; color:#ffffff;  text-align: center; }
.jmxztxt p{ margin-top: 60px; line-height: 30px; font-size: 14px;}
.jmxztxt:nth-child(5){ margin-left: 250px;}

.brandzc{ height:460px; background: #740204;}
.ppzctit{ text-align: center; font-size: 36px; color: #ffffff; font-weight: bold;padding:40px}
.ppzcitem{ height: auto; overflow: hidden;}
.ppzcitem ul{ height:auto; overflow: hidden;}
.ppzcitem ul li{width:450px; height: 260px; list-style: none; background: #ffffff; float:left; margin-right: 30px;}
.ppzcitem ul li i{ display: block; font-style: normal; padding:20px 10px; color: #f34d04; font-size:38px; font-weight: bold; text-align: center;}
.ppzcitem ul li em{display: block; font-style: normal; padding:0px 10px; color: #333333; font-size:28px; font-weight: bold; text-align: center;}
.ppzcitem ul li p{display: block; text-align: center; padding:40px 40px; font-size:16px; color:#333333}

.jmliucheng{height:auto; overflow: hidden; margin-bottom: 30px;}
.jmlctit{text-align: center; font-size: 36px; color: #740204; font-weight: bold;padding:40px}
.jmlcbg{ background: url(../img/jmlc.jpg) no-repeat center; height:530px; overflow: hidden;}

.jiamengfy{ background: url(../img/jmfy.jpg) no-repeat center; height:250px; margin-top:10px;}

.jmzcbox{height:400px; overflow: hidden;}
.jmzcleft{width:800px; float:left; height:auto}
.jmzcleft ul{height:auto; overflow: hidden;}
.jmzcleft ul li{ height: auto; overflow: hidden; margin-bottom: 30px;}
.jmzcleft ul li i{display: block; width:60px; height:30px; border-bottom:  solid 2px #c24900; font-size:18px; font-weight: bold; font-style:normal; margin-bottom: 10px;}
.jmzcleft ul li p{display:  block; font-size:16px; color: #333333; }

.jmzcright{width:550px; float:right; height:auto}
.jmzcright h2{ font-size:36px; font-weight: bold; color:#333333; display: block; margin-bottom: 20px;}
.lyform{ height: auto; overflow: hidden;}
.lyform .lytit{ height:26px; line-height: 26px; font-size:14px; color: #666666; margin-bottom: 5px;}
.lyform .lyinput{margin-bottom: 5px; height:auto; overflow: hidden;}
.lyform .lyinput input{width:400px; height:20px; padding:15px 25px; border-radius: 10px; margin-bottom: 5px}
.lyform .lybut{height:auto; overflow: hidden; padding:15px 0}
.lyform .lybut a{display:block; width:80px; height:20px;padding:15px 20px; color:#ffffff; background: #900305; font-size: 16px; font-style: normal; text-decoration: none; text-align: center;border-radius: 10px;}


.lxwmbox{height:auto; overflow: hidden; background: #ffffff; position: relative; top:80px;  padding-bottom:100px}
.lxwmleft{width:650px; height:auto; overflow: hidden;float:left }
.lxwmright{width:650px; height:auto; overflow: hidden; float: right;}

.lxitems{height:auto; overflow: hidden; border-bottom: solid 1px #f34d04;padding:15px 0px; margin-top: 30px;}
.lxname{font-size:20px; font-weight: bold; color:#000000;}
.lxname i{display:block; width:20px; height:20px; background-color: #f34d04; float:left; margin-right: 5px; margin-top:4px}
.lxtxt{ font-size:16px; color:#333333; line-height: 40px; margin-top: 21px;}
.lxwmright .lxtxt{ line-height: 30px; margin-top: 8px;}


.newsboxcenter{height:auto; overflow:hidden; position: relative; top:80px}
.catenav{height:auto; overflow: hidden;padding:30px 0px; }
.catenav ul{height:auto; overflow: hidden;}
.catenav ul li{ float:left; margin-right:30px; list-style: none; margin-bottom: 10px;}
.catenav ul li a{display:block; height:30px; background: #c52823; color:#ffffff; padding:5px 30px; border-radius: 10px; line-height:30px; text-decoration: none; text-align: center; font-size:16px}
.catenav ul li a:hover{background: #c24900;}
.catenav ul li a.cur{background: #c24900;}

.newslistny{height:auto; overflow: hidden; margin:15px 0}
.newslistny ul{height:auto;overflow: hidden;}
.newslistny ul li{height:auto; overflow: hidden; border-bottom: solid 1px #ddd; padding:15px 0; margin-bottom: 20px;}
.newslistny ul li img{width:320px; height:190px; float:left; margin-right: 20px;}
.newslistny ul li a{ text-decoration: none; color: #000;}
.newslistny ul li h3{ display: block; font-size:19px; font-weight: bold; margin-bottom:15px;}
.newslistny ul li i{display: block; font-style: normal; margin-bottom: 15px;}
.newslistny ul li p{ font-size: 14px; line-height: 1.9rem; margin-top: 30px;}
.newslistny ul li a:hover{color:#900305}

/*内容标题样式*/
.nr-auto{ height:auto; overflow:hidden; min-height:200px; margin:15px 0px;}
.meta{ margin:0px 0 0 0; padding:0 0 15px 0; border-bottom:1px solid #f0f0f0; text-align:center }
.meta:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
.meta h1{ margin:0; padding:0 0 15px 0; color:#1f1f1f; font-size:22px; line-height:30px; }
.meta .meta-info{ color:#999; font-size:12px; line-height:24px; }
.meta .meta-info span{ margin-right:10px; padding-left:20px; color:#777; background:url(../images/sprite.gif) no-repeat; }
.meta .meta-info .time{ background-position:left -156px; }
.meta .meta-info .view{ background-position:left -32px; }
.meta .meta-info .comm{ background-position:left 4px; }
.next-prev-single{ padding:10px 0; color:#444; font-size:14px; overflow:hidden; }
.next-prev-single p{ width:49%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.next-prev-single p a{ color:#428bca; text-decoration:none; }
.next-prev-single .prev{ float:left; }
.next-prev-single .next{ float:right; }
.c_imgbox{ height:auto; overflow:hidden; margin:30px 0px; text-align:center;padding: 10px 0px;}
.c_imgbox img{max-width:890px;  /*IE7和Firefox用*/ width: expression(this.width > 890 ? 890: true);   /*IE6用*/ margin:0px 0px;}

.newscontent{ height:auto; overflow:hidden; margin:15px 0px;}
.content_nr{ font-size:15px; color:#444; line-height:30px; /*min-height:200px;*/ margin:15px 0px;height:auto; overflow:hidden}
.content_nr p{ margin-bottom:10px; line-height:30px; font-size:15px;}
.content_nr img{max-width:100%;  /*IE7和Firefox用*/  /*IE6用*/ margin:0px 0px;}
.content_nr p a{ font-weight:bold; color:#03F; text-decoration:underline;}

/*图片带标题表*/
.productlistny{ height:auto; overflow:hidden; min-height:200px; margin:15px 0px;}
.productlistny ul{ height:auto; overflow:hidden}
.productlistny ul li{ width:220px; height:350px; overflow:hidden; margin-bottom:30px;float:left; margin-right:24px;transition:0.3s ease-in;-webkit-transition:0.3s ease-in;text-align: center;}
.productlistny ul li div.imgbox{display: table-cell;height: 202px;width: 282px;border: solid 1px #eee;line-height: 202px;vertical-align: middle;text-align: center;}
.productlistny ul li img{width:220px;height:315px;}
.productlistny ul li h3{ display:block; height:30px; line-height:30px; overflow:hidden; margin:10px 0px 0px; font-weight:normal}
.productlistny ul li h3 a{ font-size:14px; color:#333; text-decoration: none;}
.productlistny ul li:hover{ border-color:#318800}
.productlistny ul li p{ display:block; height:90px; overflow:hidden; font-size:12px; color:#666;text-align:left;}
.productlistny ul li span{ display:block; text-align:center; margin-top:10px;}
.productlistny ul li span a{ font-size:12px; color:#fff; padding:3px 15px; background:#41b500; width:80px; height:25px}
.productlistny ul li span a:hover{ background:#347cff}

.br-imginfo{ height:auto; overflow:hidden; text-align:center;padding:15px 0px}
.br-imginfo img{ max-width:800px;height:320px; margin-right:30px;}


.rongyulistny{ height:auto; overflow:hidden; min-height:200px; margin:15px 0px;}
.rongyulistny ul{ height:auto; overflow:hidden}
.rongyulistny ul li{ width:350px; height:320px; overflow:hidden; margin-bottom:30px;float:left; margin-right:10px;transition:0.3s ease-in;-webkit-transition:0.3s ease-in;text-align: center;}
.rongyulistny ul li div.imgbox{display: table-cell;height: 280px;width: 350px;border: solid 1px #eee;line-height: 202px;vertical-align: middle;text-align: center;}
.rongyulistny ul li img{height:280px; max-width:100%}
.rongyulistny ul li h3{ display:block; height:30px; line-height:30px; overflow:hidden; margin:10px 0px 0px; font-weight:normal}
.rongyulistny ul li h3 a{ font-size:14px; color:#333; text-decoration: none;}
.rongyulistny ul li:hover{ border-color:#318800}
.rongyulistny ul li p{ display:block; height:90px; overflow:hidden; font-size:12px; color:#666;text-align:left;}
.rongyulistny ul li span{ display:block; text-align:center; margin-top:10px;}
.rongyulistny ul li span a{ font-size:12px; color:#fff; padding:3px 15px; background:#41b500; width:80px; height:25px}
.rongyulistny ul li span a:hover{ background:#347cff}



@media (max-width: 768px) {
   .main{ width: 100%; position: relative; z-index: 50;}
   .w1440{width: 100%; margin: 0 auto; height: auto; overflow: hidden;}
   /*顶部导航*/
   .boxt{height: 155px; overflow: hidden;background: #ffffff;width: 100%;position: fixed; top: 0; left: 0; right: 0;  }
   .topbox{ height: 155px; background: #ffffff; width: 100%; max-width: 100%; margin: 0 auto; padding: 0 0rem; position: fixed; top: 0; left: 0; right: 0; opacity: 0; transform: translateY(-20px); animation: slideDown 0.6s ease-out forwards;  transition: all 0.3s ease;}
   @keyframes slideDown{ to { opacity: 1; transform: translateY(0); }}
   .topbox .logo{ width: 100%; float: none; line-height: 80px;height:80px; text-align: left;}
   .topbox .logo img{ margin-top: 15px; max-height: 50px; opacity: 0; animation: fadeIn 0.6s ease-out 0.2s forwards;}
   @keyframes fadeIn{ to { opacity: 1; }}
   .topbox .menu{ width:100%; max-width: 100%; float: none; margin-top:0px; padding-top:10px; margin-left: 0px; display: block; border-top: solid 1px #ddd}
   .topbox .menu ul{ height: auto; padding: 0;}
   .topbox .menu ul li{position: relative; list-style: none;  margin: 0; margin-bottom:5px; padding: 0; width: 24.5%; float: left; border-right: solid 1px #666; opacity: 0; transform: translateY(-10px); animation: fadeInUp 0.5s ease-out forwards;}
   .topbox .menu ul li:nth-child(4n){border:none}
   .topbox .tel{ width: 55%; float: right; height: 60px; overflow: hidden; margin-top: 15px; line-height: 60px; opacity: 0; transform: translateX(20px); animation: fadeInRight 0.6s ease-out 0.8s forwards; position: absolute; top:0;right:0}
   @keyframes fadeInRight{ to { opacity: 1; transform: translateX(0); }}
   .topbox .tel em{ width: 40px; height: 60px; display: block; float: left; background: url(../img/tel.png) no-repeat; background-position: 10px 10px;}
   .topbox .tel span{ display: block; height: 60px; width: 155px; float: left; font-size: 21px; font-weight: bold; color: #d00205; transition: transform 0.3s ease;}
   .topbox.scrolled{ height: 70px; background: rgba(255, 255, 255, 0.98); }
   .topbox.scrolled .logo{ line-height: 70px;}
   .topbox.scrolled .logo img{ margin-top: 15px; max-height: 50px;}
   .topbox.scrolled .menu{ margin-top: 0px;}
   
   .bannerbox{height:280px; background-size: 180%; background-position: center; }
   .topbox .menu ul li:hover dd{display:none}
   .topbox .menu ul li dd{display:none}
   
   /*优势*/
   .youshibox{height:auto;overflow:hidden;background:#efeeee;position:relative;top:80px;opacity:0;animation:fadeInUp 1s ease 0.3s forwards; padding-bottom: 30px;}
   .ystit{font-size:38px;margin-top:40px;width:80%; text-align: left; margin-left: 20px; margin-bottom: 20px;}
   
   .ysleft{width:100%;float:none}
   
   .ysitem1{height:auto; overflow: hidden;width:90%;margin-left:10px;background:none;}
   .ysitem1 h3{display:block;height:60px;font-size:23px;font-weight:bold;color:#af0101;margin-top:20px}
   .ysitem1 h3 i{margin-right:10px;margin-left:10px;display:inline-block;}
   .ysitem1 p{font-size:15px;line-height:30px;margin:0px 15px;}
   .ysitem2{height:auto;width:90%;background:none;margin-left:10px;}
   .ysitem2 h3{display:block;height:60px;font-size:23px;font-weight:bold;color:#af0101;margin-top:20px;margin-left: 0px;}
   .ysitem2 h3 i{margin-right:10px;margin-left:10px;display:inline-block;}
   .ysitem2 p{font-size:16px;line-height:40px;margin:0px 15px 0px 10px;color:#000000;}
   
   .yscenter{width: 300px;height: 300px;margin:10px auto;padding: 20px; float: none;}
   .yscyuan{width:280px;height:280px;padding:10px;}
   .yscyuan img{width:120px; height:auto;padding-top: 45px;}
   .yscyuan span{display:block;font-size:16px;padding:10px 0px;opacity:0;animation:fadeIn 0.6s ease 1.7s forwards}
   .yscyuan h1{display:block;font-weight:bold;font-size:25px;color:#f08d00;margin-top:5px;opacity:0;transform:translateY(20px);animation:fadeInUp 0.6s ease 1.9s forwards}
   .yscyuan h1 em{display:block;font-size:11px;font-weight:200;font-style:normal;text-transform:uppercase;padding-top:3px;opacity:0;animation:fadeIn 0.6s ease 2.1s forwards}
   
   .yscenter,.yscyuan {aspect-ratio: 1 / 1; /* 保持宽高比1:1 */}   
   
   .ysright{width:100%;height:auto;overflow:hidden;float:none}
   .ysitem3{height:auto;width:90%;margin-left:10px; background: none;}
   .ysitem3 h3{display:block;height:60px;font-size:23px;font-weight:bold;color:#af0101;margin-top:20px}
   .ysitem3 h3 i{margin-right:10px;margin-left:10px;display:inline-block;}
   .ysitem3 p{font-size:15px;line-height:30px;margin:0px 15px;}
   .ysitem4{height:auto;width:90%;background:none;margin-left:10px;}
   .ysitem4 h3{display:block;height:60px;font-size:23px;font-weight:bold;color:#af0101;margin-top:20px;margin-left:0px}
   .ysitem4 h3 i{margin-right:10px;margin-left:10px;display:inline-block;}
   .ysitem4 p{font-size:16px;line-height:40px;margin:0px 15px 0px 10px;color:#000000;}
   
   
   /*关于我们*/
   .aboutbox{height:auto;background:#980305;position:relative;top:80px;padding-bottom:50px;}
   
   .ab-left{width:90%;float:none;height:auto;margin-top:0px;padding:40px 20px}
   .ab-left h2{display:block;font-weight:bold;color:#fff;font-size:49px;background:url(../img/hglogo2.png) no-repeat;background-position:220px 0;}
   .ab-left p{font-size:16px;color:#ffffff;line-height:34px;margin-top:35px;width:100%;}
   
   .ab-right{width:98%;float:none;margin-top:0px;position:relative;padding:1%}
   .ab-right span{display:none;}
  
   .ab-right img{float:none;opacity:0; width: 100%; }
   .clearbox{display:block;clear:both;height:0;overflow:hidden}
   
   .ab-brand{display:block;height:auto;margin-top:80px; width:90%; margin:80px auto}
   .branditem{width:97%;height:300px;border:solid 1px #fff;padding:4px;float:none;margin-right:75px;position:relative;opacity:0;transform:translateY(50px)}

   .branditem:nth-child(4){float:right;margin-right:0;animation:fadeInUp 0.7s ease 1.8s forwards}
   .brandtxt{width:96%;height:288px;border:solid 1px #fff;margin:5px;opacity:0;animation:fadeIn 0.6s ease 0.3s forwards}
   .brandimg{width:120px;height:120px;border-radius:50%;border:solid 1px #ffffff;position:absolute;top:-50px;left:120px;opacity:0;transform:scale(0.5) rotate(-180deg)}

   .brandimg img{width:110px;height:110px;border-radius:50%;margin:5px;opacity:0;animation:fadeIn 0.5s ease 0.5s forwards}
   .brandtxt h3{display:block;width:100%;position:absolute;top:90px;font-size:18px;font-weight:bold;color:#fff;text-align:center;opacity:0;transform:translateY(20px)}
   .brandtxt p{display:block;width:89%;position:absolute;top:140px;left:20px;font-size:15px;font-weight:100;color:#fff;text-align:center;line-height:34px;opacity:0;transform:translateY(20px)}
   .brandtxt a{display:block;width:50px;position:absolute;top:260px;right:10px;font-size:25px;font-weight:800;color:#fff;text-align:center;text-decoration:none;opacity:0;transform:scale(0.5)}
	
	
	.probox{height:1780px;}
	.protit h2{font-size:49px;color:#bf0101;margin-top:40px;background-size:20%;background-position:220px 0; margin-left: 15px;}
	.protit .procate{width:100%;float:none;margin-top:15px; margin-left: 15px;}
	.protit .procate a{float:left;font-size:14px;color:#fff;border-radius:10px;padding:10px 5px;margin:5px 5px;}
	
	.prolist-container{height:auto;margin-top:20px;}
	.prolist{height:auto;padding:0 10px; width:100%}
	.prolist ul{height:auto;overflow:hidden;display:block;gap:10px;padding:0 10px;}
	.prolist ul li{height:280px;width:160px;background:#ffffff;padding:5px; float: left; margin-right: 10px; margin-bottom: 10px;}
	.prolist ul li:nth-child(n+11){display:none}
	.prolist ul li p{font-size:14px;color:#333333;text-align:center;margin-top:10px}
	.prolist ul li img{width:160px;height:235px;transition:transform 0.3s ease}

	.brandlc{display:none}
	
	.newsbox{height:auto; overflow: hidden; width:92%; margin:0 auto;}
	.newstit{ height: auto; overflow: hidden; padding: 45px 0 20px;}
	.newstit h2{font-size:49px;background-size:20%;margin-left: 0px;}
	.newslist{ height: auto; overflow: hidden; margin-top: 20px;}
	.newslist ul{height: auto; overflow: hidden;}
	.newslist ul li{width:100%; height:auto; overflow:hidden; float: none; margin-right: 0px; list-style: none;  margin-bottom: 15px;}
	.newslist ul li:nth-child(4){ float: none; margin-right: 0; animation:fadeInUp 0.6s ease 1.5s forwards}

	/*联系方式*/
	.contactbox{ height: auto; overflow: auto; background: #900305; position: relative; top: 80px; padding: 50px 15px 20px;}
	.lxleft{ width: 100%; float: none; }
	.lxleft .lxtel{ height: auto; overflow: hidden; color: #ffffff;}
	
	.lxcenter{ width: 100%; float:none; margin-top:20px; margin-left: 0px;}
	.lxcenter p{ display: block; color:#ffffff; line-height:55px; font-size:16px}
	
	.lxright{width:100%; float: none; margin-top: 20px;}
	.lxright p{ display: block; width:30.2%; height:180px; float: left; text-align: center; color:#ffffff; font-size: 14px; margin-right: 10px;}
	.lxright p img{width:100%; height:auto; display: block; margin-bottom: 10px;}
	
	.copyrighttxt{ background: #740204; height:40px; line-height: 40px; color: #fff; text-align: center;position: relative; top: 80px; border-top: solid 2px #999999;}
	
	
	.cbanner{ height:300px; position: relative; top:80px; background: #d2292e;}
	.cbanner h2{ text-align: center; color:#ffffff; font-size:40px; font-weight:bold; display: block; height:130px; overflow: hidden; line-height: 130px; padding-top:80px}
	.cbanner p{display: block; font-size: 16px; color:#ffffff; text-align: center; text-transform: uppercase;}
	
	.cnav{ height:38px; overflow: hidden; background: #efefef; position: relative; top:80px; line-height: 38px; padding:0 15px;}
	.cnav a{font-size:15px; color:#333333;}
	
	.brandbox1{ height: auto; position: relative; top:80px;}
	.jslist{ display: block; height:auto; overflow: hidden; margin-top:20px ; padding:0 15px; }
	.jslist a{ font-size: 15px; color:#ffffff; text-decoration: none; float: left; padding:10px 10px; background: #e96e00; margin-right: 10px; border-radius: 15px;}
	.jslist a:hover{ background: #e60012;}
	
	.jsbox{ height: auto; overflow: hidden; margin: 15px 15px;}
	.jsleft{ width:100%; float: none;}
	.jstit{ font-size:26px; font-weight: bold; color:#b20707;} 
	.jstit span{display: block; font-weight: normal; padding:5px 0;}
	.jstxt{ font-size:16px; line-height: 35px; color: #333333;}
	.jstxt p{ font-size:16px; line-height: 35px; color: #333333;}
	
	.jsright{ float: none; background: url(../img/brand.jpg) no-repeat center; width: 100%; height: 167px;} 
	
	.gybox{height:auto; overflow: hidden; background: #e96e00; position: relative; top:80px}
	.gybox h2{ display:block; width: 100%; text-align: center; padding: 30px 0px 0px; font-size: 23px; color:#ffffff;}
	.gybox span{ display: block; width: 90%; text-align: center;color:#ffffff; font-size: 14px; margin:10px auto}
	.gybox .gybg{ background: url(../img/gy.jpg) no-repeat center; height: 110px; overflow: hidden; margin-top: 10px; background-size: 100%;}
	
	
	.whbox{height:auto; overflow: hidden; background: #920206; position: relative; top:80px}
	.whtit{ height:auto; overflow:hidden; text-align: center; margin-top: 28px;}
	.whtit h2{ font-size:23px; color:#ffffff;}
	.whtit span{font-size:16px; color:#ffffff; text-transform: uppercase;}
	.whul{height:auto; overflow: hidden; margin-top: 40px; margin-left: 10px;}
	.whitem{ width: 180px; height: 370px; background: #ffffff; float: left; margin-right: 10px; position: relative; margin-bottom: 10px;}
    .whitem:nth-child(2n){margin-right: 0;}
	
	.whitem i{display: block; width: 95px; height:90px; background: url(../img/whtb.png) no-repeat; position: absolute; bottom:10px; left:20px}	
	.whitem:hover{ background: #f88616;  }
	.whitem:hover span{ color:#ffffff}
	
	.whitem span:nth-child(1){ font-size:18px; }
	.whitem span:nth-child(2){ font-size:16px; }
	.whitem span:nth-child(3){ font-size:19px; }
	
	
	.wmdys{height:auto; overflow: hidden; padding:15px}
	.wmdtit{ margin-top: 20px;} 
	.wmdtit span{display: block; font-weight: normal; padding:5px 0; text-transform: uppercase;}
	.wmdysleft{ width:100%; height: auto; overflow: hidden; border: solid 0px #920206; padding:0px 0px; margin-top:20px;}
	.wmdysright{ display:none }
	
	.fzls{ height:auto; overflow: hidden;padding:15px;}
	.fzlsimg{ height: 431px;overflow: inherit; background: url(../img/fzlswap.jpg) no-repeat center; background-size: 100%; margin-top:35px;width:100%; overflow-x: auto;}
	
	
	.lxwmbox{ padding:15px;padding-bottom:100px;}
	.lxwmleft{width:100%; float:none }
	.lxwmright{width:100%; float: none;}

	.brandjm{padding:15px}
	.jmtxt{ text-align: center; font-size:16px; height: auto; overflow: hidden; line-height:35px; padding:20px 0px;}
	.jmtxt h2{ font-size:20px; font-weight: bold; color:#c52823; padding:20px 0px}
	
	.jmyoushi{ height:auto; overflow: hidden; width: 100%;}
	.jmystit{font-size:35px; font-weight: bold; color:#c52823; padding:0px 0px; text-align: center; margin-bottom: 35px;}
	
	.ysitems{ height: auto; overflow: hidden;}
	.ysitembox{ height:135px; width: 100%; float:none;}
	.ysitembox:nth-child(2n){ float: none;}
	.itemleft{width:60px; height:40px; float:left; margin-right:20px; background: url(../img/num.png) no-repeat; background-size: 100%;}
	.itemright{width:100%; float: none;}
	.itemright h3{ display: block; width:155px; height:41px; margin-left:80px; background: url(../img/bj.png) no-repeat; font-size:20px; }
	.itemright p{ font-size: 16px; color: #333333; margin-top: 15px; font-weight: 200;}
	
	.t04{ background-position: 0 -68px;}
	.t05{ background-position: 0 -200px;}
	.t02{ background-position: 0 -135px;}
	.t03{ background-position: 0 -269px;}
	.t06{ background-position: 0 -340px;}
	.t07{ background-position: 0 -405px;}
	
	.jmdxz{margin-bottom: 30px;}
	.jmxzitem{ height:auto;overflow:hidden; margin-top: 0px;}
	.jmxztxt{width:38%; height:151px; padding:10px 15px; background: url(../img/jmbg.png) no-repeat center; float: left; margin:0 5px 10px; font-size:20px; background-size: 90%; }
	.jmxztxt p{ margin-top: 30px; line-height: 30px; font-size: 13px;}
	.jmxztxt:nth-child(5){ margin-left: 5px;}
	.jmxztxt:nth-child(2n){ float: right;}
	.jmxztxt:nth-child(2) p,.jmxztxt:nth-child(3) p,.jmxztxt:nth-child(4) p,.jmxztxt:nth-child(5) p,.jmxztxt:nth-child(7) p{margin-top:50px}
	.jmxztxt:nth-child(7) {display: none;}
	
	.brandzc{ height:auto;}
	.ppzcitem ul li{width:100%; }
	
	.jmliucheng,.brandzc,.jmzcright{display:none}
	
	.newsboxcenter{height:auto; overflow:hidden; position: relative; top:80px; padding:15px}
	.catenav{height:auto; overflow: hidden;padding:10px 0px; }
	.catenav ul li{margin-right: 10px;}
	.catenav ul li a{padding:5px 20px; font-size:14px}

	
	.newslistny{height:auto; overflow: hidden; margin:0px 0}
	
	.newslistny ul li img{width:100%; height:190px; float:none; margin-right: 20px; margin-bottom: 10px;}	
	.newslistny ul li p{ font-size: 14px; line-height: 1.9rem; margin-top:10px;}
	
	.newscontent{margin:0px 0px;}
	.content_nr{ font-size:15px; color:#444; line-height:30px; /*min-height:200px;*/ margin:15px 0px;height:auto; overflow:hidden}
	.content_nr p{ margin-bottom:10px; line-height:30px; font-size:15px;}
	.content_nr img{max-width:100%;  /*IE7和Firefox用*/  /*IE6用*/ margin:0px 0px;}
	.content_nr p a{ font-weight:bold; color:#03F; text-decoration:underline;}
	
	.productlistny{ height:auto; overflow:hidden; min-height:200px; margin:15px 0px;}
	.productlistny ul{ height:auto; overflow:hidden}
	.productlistny ul li{ width:45%; height:250px;margin-bottom:10px;float:left; margin-right:5px;}
	.productlistny ul li:nth-child(2n){float:right; margin-right:0;}
	.productlistny ul li div.imgbox{display: table-cell;height: 202px;width: 282px;border: solid 1px #eee;line-height: 202px;vertical-align: middle;text-align: center;}
	.productlistny ul li img{width:100%;height:200px;}


}