@charset "utf-8";
/* 全局CSS定义 */
html{ margin: 0; padding: 0;}
body { font-family: "Microsoft YaHei UI","微软雅黑" ; background: #fff; font-size:15px; color:#222; margin: 0; padding: 0;}
div,form,img,ul,ol,li,dl,dt,dd { margin: 0; padding: 0; border: 0; list-style: none none;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-size:15px; font-weight: normal;}
table,td,tr,th{font-size:15px;}

/* 链接颜色 */
a:link {color: #222; text-decoration:none;}
a:visited {color: #222;text-decoration:none;}
a:hover { color: #B62020; text-decoration: none;}
a:active { color: #222;}

/* 字体属性 */
.fB {font-weight: bold;}
.clr{ clear: both; height: 0; line-height: 0; font-size: 0;}
.c09f,.c09f:link,.c09f:visited{ color: #09f;}
.c09f:hover{ color: #F60;}
.clr_10{ clear: both; height: 10px; line-height: 0; font-size: 0;}
.clr_20{ clear: both; height: 20px; line-height: 0; font-size: 0;}
.pages{ height: 42px; line-height: 42px; clear:both; padding: 50px 0;text-align:center;}
.pages a,.pages a:visited,.pages strong{ margin: 0  5px; text-align:center; padding: 8px 14px;background: #ddd; }
.pages a:hover,.pages strong{ color: #fff; background: #B62020; font-weight:normal;}
.HeaderTop{ height: 23px; line-height: 23px; background: #000; color: #ccc; font-size: 12px;}
.Header{ margin: 0 auto;  padding: 20px 0; position:absolute; z-index: 10;  background: rgba(0, 0, 0, 0.6); width: 100%;position: fixed;top: 0;left: 0;right: 0;}/* 确保导航在最上层，不被其他内容挡住 */
.HeaderBg{ padding: 0 50px;}
.Header .logo{ float:left; padding-top: 10px;}
.Header .logo  a{ float:left;}
.Header .logo img{ height: 50px; width:auto;}
.Header .logo span{ margin: 0; padding-left: 15px; line-height: 170%; color: #fff; height: 45px; border-left: 1px solid #666; margin-left: 15px; float:left;}
.Header .logo span strong{ display:block;}
.Header .HeaderR{ float:right;}
.Header .tel{ clear:both; text-align:right; color: #fff; padding-bottom: 10px; margin-right: 40px;}
.Header .tel strong{ background:url(img/tel.png) no-repeat 0 center; padding-left: 24px; font-weight:normal; background-size: 18px; font-size: 18px; font-weight:bold; font-style:oblique;}
.Header .sc{ float:right; margin-left: 15px; }
.Header .sc .input{ width: 150px; height: 28px; line-height: 28px; border: none; float:left; text-indent: 10px; font-size: 14px; color: #666; outline: none}
.Header .sc .but{ border: none; color: #fff; background: #B62020; width: 75px;  height: 30px; float:right; cursor: pointer;}
.Header .sc #searchBtn{ background:url(img/ico_sc.png) no-repeat 0; background-size: 24px; height: 26px; display:block; width: 26px; margin-top: 5px;}
.Header .sc #searchForm{ position:absolute; z-index:999; top:110px; right:50px;}
.HeaderNav{ float:right;}
.HeaderNav .nav{ float:left;}
.HeaderNav .nav li{ float:left; margin-left: 25px; }
.HeaderNav #nav li{ position: relative; height: 35px; line-height: 35px; text-align:center;}
.HeaderNav #nav li h2{ font-size: 18px; }
.HeaderNav #nav li h2 a{ color: #fff; }
.HeaderNav #nav li h2 a:hover{}
.HeaderNav #nav li ul{ position: absolute; top: -999em;  width: 140px; height:auto; text-align:center; background: #000; padding: 10px 0; left: -35px; opacity: 0.7}
.HeaderNav #nav li ul li{ float:none; height:32px; line-height: 32px; margin-left: 0;}
.HeaderNav #nav li:hover ul,#nav li.sfHover ul { top: 35px; z-index:999; }
.HeaderNav #nav li:hover ul a,#nav li.sfHover ul h2 a { color: #fff; }
.HeaderNav #nav li ul a:hover { color: #C00;}
.meum2{ position: absolute; top: 50px; right: 0; width: 140px; z-index: 999999; display:block;}
.meum2 h5{ float:left; width:35px;}
.meum2 h5 img{ width: 16px;}
.meum2 ul{background: rgba(0,0,0,0.85); float:left; width: 110px; padding: 10px 0 10px 30px;}
.meum2 ul li{ line-height: 35px;}
.meum2 ul li a{ color: #fff; font-size: 16px;}
.mobile{ float:right; margin-top: 15px;}
.mobile .oxx{ background:url(img/i-menu.png) no-repeat 0 0; display:block; width: 28px; background-size: 28px; padding-top: 22px; font-size: 12px; text-align:center; color: #fff;}
.c-banner{width: 100%;position: relative;}
.c-banner img{width: 100%; display:block;}
.c-banner .banner ul{list-style: none;padding-left: 0px;margin-bottom: 0px;}
.c-banner .banner ul li{ display: none;opacity: 0;}
.c-banner .banner ul li:nth-child(1){opacity: 1;display: block;}
.c-banner .banner ul li img{width: 100%;position: absolute;top: 0px;}
.c-banner .banner ul li:first-child img{position: relative;}
.c-banner .jumpBtn{width: 100%;position: absolute;bottom: 20px;text-align: center;}
.c-banner .jumpBtn ul{margin-bottom: 0px;padding: 0px;}
.c-banner .jumpBtn ul li{width: 15px;height: 15px;border-radius: 50%;display: inline-block;background-color: #fff;opacity: 0.9;margin-left: 10px;}
.c-banner .jumpBtn ul li:first-child{margin-left: 0px; }
.HomeAbout{ background:url(img/bg_1.png) no-repeat center bottom;}
.Home{ margin: 0 auto; padding: 35px 50px;}
.Home2{ padding-bottom: 5px;}
.Home .title{ border-bottom: 1px solid #ccc; height: 60px; width: 100%;}
.Home h2{ font-size: 36px; border-bottom: 4px solid #B62020; float:left; height: 57px;}
.Home .title p{ margin: 0; padding: 15px 0; line-height: 200%; color: #999; }
.HomeAbout .left{ float:left; width: 55%;}
.HomeAbout .left .text{ padding: 25px 0; font-size: 16px;}
.HomeAbout .left .text p{ line-height: 200%; margin: 0; padding: 10px 0;}
.HomeAbout .left ul{ width: 100%;}
.HomeAbout .left ul li{ float:left; width: 29%; border-right: 1px solid #ddd; text-align:center;}
.HomeAbout .left ul li strong{ font-size: 36px; color:#B61F1F;}
.HomeAbout .left ul li em{ font-style:normal;}
.HomeAbout .left ul li span{ display:block;}
.HomeAbout .left ul .t1{ text-align:left; width: 22%;}
.HomeAbout .left ul .t2{ text-align:right; border-right: none; width: 18%; float:right;}
.HomeAbout .left .bottome{ border-bottom: 1px solid #ccc; clear:both; margin:50px 0; height: 2px;}
.HomeAbout .left .bottome .line{ width: 100px; height: 2px;  border-bottom: 2px solid #B62020; width: 100px;}
.HomeAbout .more{ background:#F0EEEE url(img/ico_1.png) no-repeat 100px center; background-size: 15px; width: 150px; height: 46px; line-height: 46px; text-indent: 30px; display:block;}
.HomeAbout .more:hover{background:#ddd url(img/ico_1.png) no-repeat 100px center;background-size: 15px;}
.HomeAbout .pic{ float:right; width: 40%; padding-top: 35px;}
.HomeAbout .pic img{ width: 100%;}
.Homejiagon {padding: 0 40px 50px 50px; display: flex;  align-items: stretch;  justify-content: space-between;}
.Homejiagon .pic { width: 39%;  background: #fff;  box-shadow: 0 0 6px #ccc;  margin-top: 0;  display: flex;  flex-direction: column; margin-top: 30px;}
.Homejiagon .pic img {display: block;  width: 100%;}
.Homejiagon .pic p {margin: 0;padding: 10px 15px;line-height: 180%;flex: 1;}
.Homejiagon .pic p strong {display: block;}
.Homejiagon ul {width: 60%;  margin: 0 0 0;  padding: 0;  display: flex;  flex-wrap: wrap;}
.Homejiagon li {width: 33.33%;  box-sizing: border-box; margin-top: 30px;}
.Homejiagon li span {display: block;  padding: 0 10px;}
.Homejiagon li img {  display: block;  width: 100%;}
.Homejiagon li span strong {  display: block;  font-weight: normal;  background: #fff;  height: 46px;  line-height: 46px;  text-align: center;  box-shadow: 0 0 6px #ccc;}
.HomeLinyu{ background: #FAF9F9;}
.HomeLinyu .Home{ padding: 25px 40px;}
.HomeLinyu .title{ margin: 0 10px;}
.HomeLinyu ul{ margin-top: 20px;}
.HomeLinyu li{ float:left; width: 20%;}
.HomeLinyu li span{ display:block; padding: 15px 10px;}
.HomeLinyu li img{ display:block; width: 100%;}
.HomeLinyu li span strong{ display:block; font-weight:normal; background: #fff; height: 46px; line-height: 46px; text-align:center;box-shadow: 0 0 6px #ccc;}
.HomeFoot .Video{ float:left; width: 48%; padding-top: 10px; }
.HomeFoot .Video .list{ padding-top: 15px;}
.HomeFoot .Video .list li{ height: 200px; padding: 20px 0;}
.HomeFoot .Video .list li span{ position:relative; float:left; height:200px; display:block;  margin-right: 25px;}
.HomeFoot .Video .list li span img{ height:200px; width:auto;  position:relative;}
.HomeFoot .Video .list li span em{ background: rgba(0,0,0,0.6) url(img/ico_v.png) no-repeat 10px center; background-size: 35px; height: 36px; position:absolute; bottom: 0; left:0; width: 100%; z-index:999; display:block;}
.HomeFoot .Video .list li p{ margin: 0; padding: 0 20px 0 0; line-height: 200%; word-wrap:break-word; color: #999;}
.HomeFoot .Video .list li strong{ display:block; font-size: 16px; }
.HomeFoot .Video .list li p .more{float: left; color: #fff; margin-top: 5px;  width: 100px; height: 32px; line-height: 32px; text-indent: 15px; font-size: 12px; border-radius:2px; background: #B62020 url(img/ico_3.png) no-repeat 72px center; background-size: 12px;  display:block;}
.HomeFoot .Video .list li p .more:hover{background:#000 url(img/ico_3.png) no-repeat 72px center; background-size: 12px;}
.HomeFoot .news{ float:right; width: 48%;  padding-top: 10px;}
.HomeFoot .news .list{ padding-top: 20px;}
.HomeFoot .news .list li{ padding: 10px 0; border-top: 1px solid #EFEFEF; line-height: 200%; color: #999;}
.HomeFoot .news .list li strong{ display:block; padding: 0 0 5px 0; font-size: 16px;}
.HomeFoot .news .list .no{ border-top: none;}
.HomeIco{padding: 35px 44px;background: #FAF9F9;overflow: hidden;position: relative;}
.HomeIco .Home{ padding: 0 6px;}
.scroll-wrapper {overflow: hidden;margin: 35px 6px 0;}
.HomeIco ul{display: flex;width: max-content;animation: scrollLeft 25s linear infinite;}
.HomeIco ul:hover {animation-play-state: paused;}
.HomeIco li{float: left;width: 150px;text-align: center;flex-shrink: 0;}
.HomeIco li span{ display:block; padding: 0 6px;}
.HomeIco li img{border: 1px solid #ccc;display:block;width: 100%;margin-bottom: 7px;}
@keyframes scrollLeft {0% { transform: translateX(0); }100% { transform: translateX(-50%); }}
.ContentBanner{ position:relative; }
.ContentBanner img{ display:block; width: 100%;}
.ContentBanner span{ position:absolute; left: 50px; top: 55%; font-size: 34px; color: #fff;}
/*-------
.ContentMenu{ padding:20px 40px; background: #F5F6F7; border-bottom: 1px solid #eee;}
.ContentMenu li{ float:left; margin-right: 20px; font-size: 16px; padding: 7px 10px;}
.ContentMenu .tag{ color: #B62020;}
.ContentMenu .tag a{ color: #B62020; border-bottom: 2px solid #B62020;}
-------------*/
.ContentMenu{padding:20px 40px;background: #F5F6F7;border-bottom: 1px solid #eee;}
.ContentMenu li{float:left;margin-right: 20px;font-size: 17px;padding: 7px 10px;position: relative;}
.ContentMenu a{text-decoration: none !important;}
.ContentMenu .tag a{color: #B62020; border-bottom: none !important; }
.ContentMenu .tag::after {content: ""; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 8px solid #B62020; position: absolute; left: 50%; bottom: -7px;transform: translateX(-50%); z-index: 99;}
.Content{ margin: 0 auto; padding: 35px 40px;}
.Content h1{font-size:32px; padding-left: 10px;}
.Content .about{ line-height: 200%;}
.Content .about h1{font-size:32px; padding: 0 0 20px 10px; font-weight:bold;}
.Content .about .text{ padding-top: 15px;}
.Content .about p{ margin: 0; padding: 12px 10px;}
.Content .about .aboutus{ float:right; margin: 25px 0 0 50px;}
.Content .about .contact2w{ text-align:center;}
.Content .about .contact2w img{ border: 1px solid #ccc; width: 200px;}
.Content .about .contact2w li{ float:left; width: 200px; margin-right: 25px;}
.Content .about .map{}
.Content .about .map #map{ width: 100%; height: 500px;}
.Content .about .map #map h4{ font-size: 18px; font-weight: bold;}
.Content .about .map #map p{ margin: 0; padding: 0;}
.Honors li{ float:left; width: 20%; padding-top: 25px; text-align:center;}
.Honors li span,.shijing li span{ display:block; padding: 10px; margin: 0 10px; box-shadow: 0 0 6px #ddd;}
.Honors li strong{font-weight:normal; height: 38px; display:block; line-height: 38px;}
.Honors li img,.shijing li img{ display:block; width: 100%;}
.Honors li .r{ float:right;}
.shijing{}
.shijing li{ float:left; width: 25%; padding-top: 25px; text-align:center;}
.leixin { line-height: 200%;}
.leixin h1{ text-align:center; }
.leixin h2{ font-size: 18px; text-align:center; background:url(img/ico_line.png) no-repeat center bottom; padding: 15px 0 25px; text-align:center; }
.leixin h3{ font-size: 22px; padding: 30px 0; text-align:center; }
.leixin h4{ font-size: 22px; padding: 30px 10px 10px; font-weight:bold;}
.leixin .pic_top { padding: 25px 10px;}
.leixin .pic_top img{ display:block; width: 90%; margin: 0 auto;}
.leixin .pic_top2 img{ width: 100%;}
.leixin .title{border-bottom: 1px solid #ccc; height: 60px; margin: 35px 10px 0;}
.leixin .title h4{ font-size: 32px; border-bottom: 4px solid #B62020; float:left; height: 57px; padding: 0; }
.leixin .bann{ background: #000; color: #fff; margin: 0 10px;}
.leixin .bann .tx{ float:left; width: 46%; padding: 35px 0 35px 35px; line-height: 200%;}
.leixin .bann .tx h5{ font-size: 26px; font-weight:bold; padding-bottom: 15px;}
.leixin .bann .tx h6{ border-bottom: 1px solid #666; font-size: 16px; padding-bottom: 15px;}
.leixin .bann .tx p{ padding-left: 0;}
.leixin .bann .tx li{ float:left; width: 33.33%; }
.leixin .bann .tx li span{ display:block; border: 2px solid #fff; margin: 0 10px; }
.leixin .bann .tx li img{ display:block; width: 100%; }
.leixin .bann .r{ float:right; width: 48%;}
.leixin .bann .r img{ display:block; width: 100%;}
.leixin .ullist{ margin: 30px 10px;}
.leixin .ullist li{ float:left; width: 50%;}
.leixin .ullist li p{ padding: 15px 0; margin: 0;}
.leixin .ullist li img{ width: 60px; float:left; margin-right: 20px;}
.leixin .ullist2 { margin: 10px;}
.leixin .ullist2 li{ background: #ddd; margin: 10px 0 0; text-indent: 10px;}


.leixin .pic_r{ float:right; margin: 35px 0 0 25px; width: 600px;}
.leixin .pic{ margin-top: 30px;overflow: hidden; /* 重要：包住浮动 */}
.leixin .pic li{float:left;width: 25%;padding: 10px 0;}
.leixin .pic li span{display:block;padding: 0 10px;}
.leixin .pic li img{display:block;width: 100%;}
.leixin .pic p{ margin: 0; padding: 10px 15px; background: #ddd; padding-bottom: 9999px; margin-bottom: -9999px;}
.leixin .pic p strong{display:block;}
.leixin .pic2 li{ width: 20%;}
.leixin .pic3 li{ width: 50%;}
.leixin2 .pic li{ text-align:center;}
.leixin2 .pic li img{ border: 1px solid #ddd; padding: 1px; margin-bottom: 7px;}
.leixin .table{ padding: 30px 10px 10px;}
.leixin .table table{ border-collapse:collapse; width: 100%;}
.leixin .table table td{ border: 1px solid #ddd; padding: 7px; background: #f8f8f8; line-height: 100%;}
.leixin .table table .tr td,.leixin .table table .tr th{ background: #666; border: 1px solid #ccc; color: #fff; padding: 10px; line-height: 100%;}
.leixin .liuchen{ padding-top: 20px;}
.leixin .liuchen li{ float:left; width: 33.33%;}
.leixin .liuchen li span{ display:block; margin: 15px 10px; background: #eee; height: 200px;}
.leixin .liuchen li img{ float:left; height: 100%; width:auto; margin-right: 15px;}
.leixin .liuchen li p{ margin: 0; padding: 10px 15px 10px 0;}
.leixin .liuchen li strong{ display:block;}
.leixin .liuchen li strong em{ background: #333; color: #fff;border-radius: 50%; font-style:normal; padding: 4px;}
.card{padding:25px;border-radius:10px;box-shadow: 0 0 6px #ccc; box-sizing: border-box; }
.card h2{text-align:center;margin-bottom:20px; font-size: 26px; font-weight:bold;}
.card .item{margin-bottom:15px}
.card label{display:block;margin-bottom:6px;color:#555}
.card input{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:16px; box-sizing: border-box; }
.card button{width:100%;padding:12px;background:#737C81;color:#fff;border:none;border-radius:6px;font-size:16px;margin:10px 0;cursor:pointer}
.card button:hover{background:#333}
.card .result{margin-top:20px;padding:15px;background:#e8f3ff;border-radius:6px;font-size:18px;text-align:center;font-weight:bold;color:#2d8cf0}
.tab-menu { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 35px; justify-content: center; /* 水平居中 */ align-items: center;}
.tab-btn {padding: 8px 20px;border: 1px solid #ccc;background: #f5f5f5;cursor: pointer;border-radius: 4px;font-size: 14px;}
.tab-btn.active {background: #000;color: #fff;border-color: #000;}
.tab-content {display: none;}
.tab-content.show {display: block;}
.item select { flex: 1; padding: 8px 12px; border: 1px solid #dcdfe6; border-radius: 6px; font-size: 14px;outline: none;}
.res-text {margin-top:20px;padding:15px;background:#e8f3ff;border-radius:6px;font-size:18px;text-align:center;font-weight:bold;color:#2d8cf0; display:block;}
.buxiugang {width: 100%;}
.buxiugang .card { width: 49%; box-sizing: border-box;}
.buxiugang .card:first-child { float: left;}
.buxiugang .card:last-child { float: right;}
.Content .newslist{ padding-top: 35px;}
.Content .newslist ul{ margin-top: 20px;}
.Content .newslist li{ height: 40px; line-height: 40px; text-align:right; color: #999; border-bottom: 1px solid #ddd; background:url(img/ico_4.png) no-repeat 0 center; padding-left: 20px;}
.Content .newslist li a{ float:left;}
.Content .news{  padding-top: 35px;}
.Content .news .time{ color: #999; height: 35px; line-height: 35px; padding: 0 10px;}
.Content .news .text{ line-height: 200%; padding: 10px 10px 70px;}
.Content .news .text p{ margin: 0; padding: 12px 0;}
.Content .news .text img{ max-width: 100%; margin: 0 auto;}
.Content .news .next{ border-top: 1px solid #eee; line-height: 35px; padding: 15px 10px 0;}
.Content .news .next span{ float:right; margin-top: 18px;}
.Content .news .next span a{ display:block; width: 68px; height: 34px; line-height: 34px; text-align:center;  background:#000; color: #fff;  border-radius: 4px; }
.Content .news .next span a:hover{ background: #EAAF25;}
.Content .productslist{ padding-top: 35px;}
.Content .productslist h3{ border-left: 5px solid #B62020; padding-left: 12px; font-size: 32px; margin-left: 10px; font-weight:bold;}
.Content .productslist ul{ margin-top: 25px;}
.Content .productslist li{ float:left; width: 20%;}
.Content .productslist li span{ display:block; padding: 15px 10px;}
.Content .productslist li img{ display:block; width: 100%;}
.Content .productslist li span strong{ display:block; font-weight:normal; background: #fff; height: 46px; line-height: 46px; text-align:center;box-shadow: 0 0 6px #ccc;}
.Content .videolist li{ float:left; width: 25%; text-align:center;}
.Content .videolist li span{ display:block; margin: 35px 10px 10px; overflow:hidden; position: relative;}
.Content .videolist li img{ display:block; width: 100%; position:relative; margin: 0; padding: 0;}
.Content .videolist li em{ background: rgba(0,0,0,0.6) url(img/ico_v.png) no-repeat 10px center; background-size: 35px; height: 36px; position:absolute; bottom: 0; left:0; width: 100%; z-index:999; display:block;}
.Content .videoview h1{ text-align:center;}
.Content .videoview .text{ line-height: 200%; padding: 35px 10px;}
.Content .videoview .text video{ margin: 0 auto; max-width: 100%; display:block;}
.Content .videoview .next{ border-top: 1px solid #eee; line-height: 38px; padding-top: 15px;}
.Content .videoview .next span{ float:right; margin-top: 18px;}
.Content .videoview .next span a{ display:block; width: 68px; height: 34px; line-height: 34px; text-align:center;  background:#000; color: #fff;  border-radius: 4px; }
.Content .videoview .next span a:hover{ background: #EAAF25;}
.FootBg{ background: #222; clear:both; }
.Foot{  padding: 35px 50px; color: #888;}
.Foot a,.Foot a:visited{ color: #888;}
.Foot a:hover,.FootBottom a:hover{color: #B62020;}
.Foot ul { float:left; width: 20%;}
.Foot ul li{ line-height: 32px;}
.Foot ul .wx{ font-size: 12px; text-align:center; width: 150px; color: #999; padding-top: 20px;}
.Foot ul .wx img{ text-align:center; display:block; width: 140px;}
.Foot ul .t{ font-size: 16px; font-weight:bold;  color: #fff; height: 45px; text-transform:uppercase; list-style:none; width:100%; float: none;}
.FootBottom{ clear:both; padding: 25px 0; text-align:center; font-size: 13px; color: #999; background: #000; color: #666;}
.FootBottom a{ color: #666;}

/* 手机屏幕定义  
@media (max-width: 767px) {
.hxs { display: none !important;}
.c-banner .jumpBtn ul li{width: 11px;height: 11px;}
.c-banner .jumpBtn ul li:first-child{margin-left: 0px; }
.c-banner .jumpBtn{bottom: 10px;}
.pages{ clear:both; padding: 20px 0;}
.pages a,.pages a:visited,.pages strong{padding: 5px 10px; }
.Header{ padding: 15px 10px; background:#000; width: auto;position: static;top: auto;left: auto;right: auto;}
.HeaderBg{ padding: 0;}
.Header .logo img{ height: 26px;}
.mobile{ float:right; margin-top: 5px;}
.HeaderTop{ padding-right: 10px;}
.HeaderTop .bg{ width: auto;}
.mobile{ float:right; margin-top: 5px;}
.HomeAbout{ background:url(img/bg_1.png) no-repeat center bottom;}
.Home{ width: auto; padding: 10px;}
.Home .title{ height: 40px;}
.Home h2{ font-size: 20px; height:37px;}
.Home .title p{ padding: 15px 0; line-height: 160%; }
.HomeAbout .left{ float: none; width: auto;}
.HomeAbout .left .text{ padding: 25px 0 0; font-size: 14px;}
.HomeAbout .left .text p{ line-height: 200%; margin: 0; padding: 10px 0;}
.HomeAbout .left ul{ width: 100%;}
.HomeAbout .left ul li{ width: 49%; height: 60px; border: none;}
.HomeAbout .left ul li strong{ font-size: 16px;}
.HomeAbout .left ul .t1{ width: 50%; text-align:center;}
.HomeAbout .left ul .t2{ width: 50%; float: left; text-align:center; }
.HomeAbout .left .bottome{ display:none;}
.HomeAbout .pic{ float: none; width: auto; padding-top: 0;}
.HomeAbout .pic img{ width: 100%;}
.Homejiagon { padding: 10px; display: inherit;}
.Homejiagon .pic { width: 100%; margin-top: 0;}
.Homejiagon ul {width: auto;  margin: 0 0 0;  padding: 0;  display: flex;  flex-wrap: wrap;}
.Homejiagon li {width: 50%;  box-sizing: border-box; margin-top: 20px;}
.Homejiagon li span { padding: 0 5px;}
.HomeLinyu .Home{ padding: 15px 0;}
.HomeLinyu .title{ width:auto;}
.HomeLinyu ul{ margin-top: 10px;}
.HomeLinyu li{ float:left; width: 50%;}
.HomeLinyu li span{ display:block; padding: 10px;}
.HomeFoot .Video{ float: none; width: auto; padding-top: 0; }
.HomeFoot .Video .list{ padding-top: 15px;}
.HomeFoot .Video .list li{ height: auto; padding: 0;}
.HomeFoot .Video .list li span{ float: none; margin-right: 0; height:auto;}
.HomeFoot .Video .list li span img{ height: auto; width:100%; display:block;}
.HomeFoot .Video .list li p{ padding: 10px 0; line-height:160%;}
.HomeFoot .Video .list li strong{ display:block; margin: 10px 0 5px; }
.HomeFoot .Video .list li p .more{float: none;}
.HomeFoot .news{ float: none; width: auto;  padding-top: 10px;}
.HomeIco{ padding: 10px;}
.scroll-wrapper { margin: 0;}
.HomeIco ul{display: inherit;width: auto;animation: none !important;transform: translateX(0) !important;margin-top: 10px;}
.HomeIco li{width: 50%;  padding: 10px 0;}
.ContentBanner{ }
.ContentBanner span{ display:none;}
.ContentMenu{ padding: 15px 10px; }
.ContentMenu li{ margin-right: 0; width: 33.33%;  padding: 10px 0; background: #fff; text-align:center;font-size: 14px;}
.Content{ margin: 0 auto; padding: 0;}
.Content h1{font-size:24px; padding-left: 10px;}
.Content .about{ line-height: 160%;}
.Content .about h1{font-size:24px; padding: 10px 0 20px 10px;}
.Content .about .text{ padding-top: 15px;}
.Content .about p{padding: 10px;}
.Content .about .aboutus{ float: none; margin: 0; width: 100%;}
.Content .about .contact2w{ float: none; margin: 0 auto;}
.Content .newslist{ padding: 25px 10px;}
.Content .newslist li{text-align:right; overflow:hidden;}
.Content .news{ padding: 25px 10px;}
.Content .news h1{ padding-left: 0;}
.Content .news .text{ line-height: 180%; padding: 10px 0 50px;}
.Content .news .text img{ display:block; margin: 0 auto; width: 100%; height:auto;}
.Content .news .text p{ padding: 10px 0;}
.Content .news .next span{ display:none;}
.Honors li{  width: auto; padding-top: 25px; }
.shijing{}
.shijing li{ float: none; width: auto; padding: 0 0 25px;}
.leixin { line-height: 180%;}
.Content .about .leixin h1{ text-align:center; padding: 10px;}
.leixin h2{ font-size: 18px; padding: 5px 0 25px;  }
.leixin .pic_top img{ width: 100%;}
.leixin .title{ height: 40px; margin: 15px 10px 0;}
.leixin .title h4{ font-size: 20px; height:37px;}
.leixin .bann{ margin: 0 10px;}
.leixin .bann .tx{ float: none; width: auto; padding: 15px 10px; line-height: 180%;}
.leixin .bann .tx h5{ font-size: 22px;}
.leixin .bann .tx h6{ padding-bottom: 0;}
.leixin .bann .tx li span{  border: 1px solid #fff; margin: 10px 5px; }
.leixin .bann .r{ float: none; width: auto;}
.leixin .ullist{ margin: 20px 10px;}
.leixin .ullist li{ float: none; width: 100%;}
.leixin .ullist li p{ padding: 10px 0; ;}
.leixin .ullist li img{ width: 60px; margin-right: 10px;}
.leixin .pic_r{ float: none; margin: 15px 0 0 0; width: 100%;}
.leixin .pic{ margin-top: 10px;overflow: hidden; }
.leixin .pic li{ width: 50%;padding: 10px 0;}
.leixin .pic li span{display:block;padding: 0 10px;}
.leixin .pic4 li{ width: 100%;}
.leixin .pic4 li p{ margin: 0; padding: 10px 15px;  margin-bottom: 0;}
.leixin .pic2 li{ width: 50%;}
.leixin .pic3 li{ width: 100%;}
.leixin2 .pic li{ text-align:center;}
.leixin2 .pic li img{ border: 1px solid #ddd; padding: 1px; margin-bottom: 7px;}
.leixin .table{ padding: 10px;}
.leixin .table table td{  padding: 2px; font-size: 9px;}
.leixin .table table .tr td,.leixin .table table .tr th{ padding: 2px; font-size: 9px;}
.Content .productslist{ padding-top: 25px;}
.Content .productslist h3{ font-size: 24px;}
.Content .productslist ul{ margin-top: 15px;}
.Content .productslist li{  width: 50%;}
.Content .videolist { padding-top: 30px;}
.Content .videolist li{ width: 50%;}
.Content .videolist li span{ margin: 20px 10px 10px;}
.Content .videoview h1{ text-align:center; padding: 30px 10px 0;}
.Content .videoview .text{ line-height: 180%; padding: 30px 10px;}
.Content .videoview .text video{ margin: 0 auto; max-width: 100%; display:block;}
.Content .videoview .next{padding: 15px 10px;}
.Content .videoview .next span{ display:none;}
.card{padding:15px; margin: 0 10px;}
.card h2{ margin-top: 10px; font-size: 22px; }
.buxiugang .card { width: auto; box-sizing: border-box; margin-bottom: 20px;}
.buxiugang .card:first-child { float: none;}
.FootBottom{ padding: 15px 10px;}------------------*/
}
@media (min-width: 768px) and (max-width: 991px) {
.hsm {display: none !important;}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hmd {display: none !important;}
}
@media (min-width: 1200px) {
.hlg {display: none !important;}
}