@charset "utf-8";
/* 全局CSS定义 */
html{ margin: 0; padding: 0;}
body { font-family: "Microsoft YaHei UI","微软雅黑" ; background: #fff; font-size:14px; 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:16px; font-weight: normal;}
table,td,tr,th{font-size:14px;}
@font-face { font-family: 'iconfont'; src: url("img/iconfont.ttf"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'icomoon'; src: url("img/icomoon.ttf"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'icomoon2'; src: url("img/icomoon_2.ttf"); font-weight: normal; font-style: normal; }

/* 链接颜色 */
a:link {color: #222; text-decoration:none;}
a:visited {color: #222;text-decoration:none;}
a:hover { color: #EE1D23; 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_25{ clear: both; height: 28px; 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: #EE1D23; font-weight:normal;}
.HeaderTop{ height: 23px; line-height: 23px; background: #000; color: #ccc; font-size: 12px;}
.HeaderTop .bg{ margin: 0 50px; text-align:right;}
.HeaderTop .bg a{ float:right; color: #fff; margin: 0 10px;}
.HeaderTop .bg .tag{ background: #fff; padding: 0 10px; color: #222;}
.HeaderTop .bg .no{ margin-right: 0;}
.Header{ margin: 0 auto;  padding: 25px 50px;}
.Header .logo{ float:left;}
.Header .logo img{ height: 36px;}
.Header .sc{ float:right; border: 1px solid #E3E3E3; width: 230px; height: 30px; padding: 1px; margin-top: 3px;}
.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: #EE1D23; width: 75px;  height: 30px; float:right; cursor: pointer;}
.HeaderNav{ float:left;}
.HeaderNav .nav{ float:left; margin-left: 100px;}
.HeaderNav .nav li{ float:left; margin-right: 40px; }
.HeaderNav #nav li{ position: relative; height: 40px; line-height: 35px; text-align:center;}
.HeaderNav #nav li h2{ text-transform:uppercase; font-size: 18px;}
.HeaderNav #nav li h2 a{ }
.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:35px; line-height: 35px; margin-right: 0;}
.HeaderNav #nav li:hover ul,#nav li.sfHover ul { top: 40px; z-index:999; }
.HeaderNav #nav li:hover ul a,#nav li.sfHover ul h2 a { color: #fff; }
.HeaderNav #nav li ul a:hover { color: #EE1D23;}
.meum2{ position: absolute; top: 67px; right: 0; width: 190px; z-index: 999; display:block;}
.meum2 h5{ float:left; width:35px;}
.meum2 h5 img{ width: 24px;}
.meum2 ul{background: rgba(0,0,0,0.85); float:left; width: 125px; padding: 10px 0 10px 30px;}
.meum2 ul li{ line-height: 45px;}
.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;}

.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: #ccc;opacity: 0.9;margin-left: 10px;}
.c-banner .jumpBtn ul li:first-child{margin-left: 0px; }

.Home{ margin: 0 auto; padding: 35px 50px;}
.Home .title{ text-align:center;}
.Home h2{ font-size: 36px;}
.Home .title p{ margin: 0; padding: 15px 0; line-height: 200%; color: #666; }


.HomeAbout{ padding: 35px 38px; background: #F5F6F7;}
.HomeAbout .about ul{ width: 90%; margin: 15px auto 0;}
.HomeAbout .about ul li{ float:left; width: 19%; border-right: 1px solid #ddd; text-align:center;}
.HomeAbout .about ul li strong{ font-size: 36px; color:#EE1D23;}
.HomeAbout .about ul li em{ font-style:normal;}
.HomeAbout .about ul li span{ display:block;}
.HomeAbout .about ul .end{ border-right: none;}


.HomeAbout .video{ padding-top: 15px;}
.HomeAbout .video li{ padding-top: 20px; width: 20%; float:left;}
.HomeAbout .video li span{ position:relative;display:block; margin: 0 12px;}
.HomeAbout .video li span img{ width:100%;  position:relative; display:block;}
.HomeAbout .video 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;}
.HomeAbout .video li strong{ font-weight:normal; margin-top: 12px; text-align:center; display:block; font-size: 16px;}


.Homehexin{ background:url(img/bg_2.jpg) no-repeat center 0; padding: 35px 38px;}
.Homehexin li,.HomeNews li{ float:left; width: 25%;}
.Homehexin li span,.HomeNews li span{ display:block; margin:12px; background: #fff;}
.Homehexin li span img,.HomeNews li span img{ display:block; width: 100%;}
.Homehexin li span strong,.HomeNews li span strong{ display:block; font-size: 18px; color: #222; padding-bottom: 7px;}
.Homehexin li span p,.HomeNews li span p{ margin: 0; padding: 20px; line-height: 180%; color: #666;}

.HomeYoushi{ padding: 35px 38px; background: #F5F6F7;}
.HomeYoushi .title{ }
.HomeYoushi .text{ background: #fff; margin-top: 15px;}
.HomeYoushi .text .pic{ float:left; width: 48%;}
.HomeYoushi .text .pic img{ display:block; width: 100%;}
.HomeYoushi .text ul{ float:right; width: 48%;}
.HomeYoushi .text ul li{ line-height: 200%; margin: 50px 0; padding: 0 20px; border-left: 4px solid #EE1D23; color: #666;}
.HomeYoushi .text ul li strong{ font-size:22px; display:block; padding-bottom: 7px; color: #222;}

.HomeNews{padding: 35px 38px;}

.HomeNews li span{ display:block; margin:12px; background: #F3F4F5;}
.HomeNews li span p em{ display:block; text-align:right; font-style:normal; color: #999;}



.Home .products{}
.Home .products li{ float:left; width:49%; padding: 15px 0;}
.Home .products li span{ display:block; background: #F5F6F7; padding: 35px 30px; line-height: 200%; float:left;}
.Home .products li span p{ float:left; width: 45%; margin: 0; padding: 0; position:relative; padding-bottom: 50px;}
.Home .products li span p strong{ font-size: 22px; display:block; font-weight:normal; padding-bottom: 15px;}
.Home .products li span p .mr{ background: url(img/ico_1.png) no-repeat 0 center; width: 31px; height: 31px; display:block; position:absolute; bottom: 0;}
.Home .products li span em{ float:right; width: 50%;}
.Home .products li span em img{width: 100%; display:block; margin-top: 10px;}
.Home .products .r{ float:right;}
.Home .products .more{ padding-top: 25px;}
.Home .products .more a{ display:block; width: 135px; height: 45px; line-height: 45px; font-size: 16px; text-align:center; margin: 0 auto; background:#1754AD; color: #fff; border-radius:3px;}
.Home .products .more a:hover{ background: #EE1D23;}
.HomeLinyu{}
.HomeLinyu .Home{ padding: 25px 40px;}
.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: #F5F6F7; height: 46px; line-height: 46px; text-align:center;}

.HomeLiuchen{ background:url(img/bg_1.jpg) no-repeat center 0; padding: 35px 40px 50px;}
.HomeLiuchen ul { padding-top: 50px; background:url(img/ico_5.png) no-repeat center 0;}
.HomeLiuchen ul li{ float:left; width: 10%; padding-top: 35px; font-size: 16px;}
.HomeLiuchen ul li span{ display:block; margin: 10px; padding-bottom: 25px; background: #fff; border: 2px solid #ccc; text-align:center; position:relative;}
.HomeLiuchen ul li span strong{ font-size: 26px; display:block; margin: 0 auto; padding: 20px 0 5px; color: #ccc; font-family:Verdana, Geneva, sans-serif;}
.HomeLiuchen ul li span em{ background: #fff; border-radius: 50%; display:block; position:absolute; width: 65px; height: 65px;  top:-50px;left:50%; transform: translateX(-50%);}
.HomeLiuchen ul li span em img{ width: 30px; margin: 15px auto 0;}
.HomeLiuchen .tel{ background:#fff url(img/lc_11.png) no-repeat 20px center; width: 350px; height: 45px;border-radius: 45px; line-height: 45px; margin: 0 auto; font-weight:bold; font-size: 18px; text-align:center; margin-top: 35px;}





.HomeIco{ padding: 35px 42px;}
.HomeIco li{ float:left; width: 10%; margin-top: 16px;}
.HomeIco li span{ display:block; padding: 0 8px;}
.HomeIco li img{ border: 1px solid #ccc; display:block; width: 100%;}

.HomeIco2{ padding: 0;}



.ContentBanner{ position:relative; }
.ContentBanner img{ display:block; width: 100%;}
.ContentBanner span{ position:absolute; left: 50px; top: 40%;}
.ContentBanner span{ font-size: 36px;}

.ContentMenu {padding: 20px 0;background: #fff;border-bottom: 1px solid #eee;}
.ContentMenu ul {display: flex; flex-wrap: wrap;justify-content: center; /* 整体居中；想左右铺满改成justify-content: space-around / space-between */gap: 0 30px; /* 替代li的padding，统一间距 */padding:0 35px; }
.ContentMenu li {font-size: 16px;line-height:40px; position: relative;}
/*------
.ContentMenu .tag {color: #f00;}
.ContentMenu .tag a {color: #EE1D23;border-bottom: 1px solid #EE1D23;}
-----*/

.ContentMenu .tag a{color: #EE1D23; 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 #EE1D23; position: absolute; left: 50%; bottom: -7px;transform: translateX(-50%); z-index: 99;}


.MenuAbout ul{gap: 0 50px; }
.MenuAbout li{ font-size: 18px;}




.ContentViewMenu{ border-bottom: 1px solid #eee;}
.ContentViewMenu ul{ display: flex; flex-wrap: wrap;justify-content: center; /* 整体居中；想左右铺满改成justify-content: space-around / space-between */gap: 0 80px; /* 替代li的padding，统一间距 */padding:20px 35px;}
.ContentViewMenu ul li{ height: 30px; line-height: 30px; font-size: 16px;}
.ContentViewMenu ul .tag{ border-bottom: 1px solid #000;}




.Content{ margin: 0 auto; padding: 35px 50px; background: #F5F6F7;}
.Content h1,.productslist h1{ height: 45px; font-size: 36px; font-weight:bold;}
.Content .about{ line-height: 200%; padding: 30px 0; font-size: 15px;}
.Content .about h1{ text-align:center;}
.Content .about .text{ padding-top: 15px;}
.Content .about p{ margin: 0; padding: 15px 0; line-height: 200%;}
.Content .about h3{ font-size: 18px; font-weight:bold; padding-top: 15px;}

.Content .about .us{ width: 90%; margin: 15px auto 0;}
.Content .about .us li{ float:left; width: 19%; border-right: 1px solid #ddd; text-align:center;}
.Content .about .us li strong{ font-size: 36px; color:#EE1D23;}
.Content .about .us li em{ font-style:normal;}
.Content .about .us li span{ display:block;}
.Content .about .us .end{ border-right: none;}
.Content .about .pic{ padding-top: 15px;}
.Content .about .pic li{ float:left; width: 25%; padding-top: 10px; text-align:center;}
.Content .about .pic li img{ width: 100%; display:block; border: 1px solid #fff;}
.Content .about .pic .r{ float:right;}


.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; background: #fff;}
.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;}

.Honors{}


.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;}





/* 纯CSS 依次淡入上移动画 —— 按顺序播放，无JS */
.df1,.df2,.df3,.df4,.df5,.df6,.df7,.df8,.df9,.df10,.df11,.df12,.df13,.df14,.df15,.df16,.df17,.df18{opacity: 0;transform: translateY(20px);animation: fadeInUp 0.8s ease-out forwards;}
/* 顺序延迟时间（可自己改） */
.df1 { animation-delay: 0s; }
.df2 { animation-delay: 0.3s; }
.df3 { animation-delay: 0.6s; }
.df4 { animation-delay: 0.9s; }
.df5 { animation-delay: 1.2s; }
.df6 { animation-delay: 1.5s; }
.df7 { animation-delay: 1.8s; }
.df8 { animation-delay: 2.1s; }
.df9 { animation-delay: 2.4s; }
.df10 { animation-delay: 2.7s; }
.df11 { animation-delay:3s; }
.df12 { animation-delay:3.3s; }
.df13 { animation-delay:3.6s; }
.df14 { animation-delay:3.9s; }
.df15 { animation-delay:4.2s; }
.df16 { animation-delay:4.5s; }
.df17 { animation-delay:4.8s; }
.df18 { animation-delay:5.1s; }



@keyframes fadeInUp {to {opacity: 1;transform: translateY(0);}}


.Content .about .service{}
.Content .about .service .sv1{display:flex;gap:0; margin-top: 15px;}
.Content .about .service .sv1 li{flex:1;}
.Content .about .service .sv1 li span{margin:0 10px;padding:25px 15px;background:#fff;height:100%;display:block;box-sizing:border-box; border: 1px solid #eee;}
.Content .about .service .sv1 li img,.productsview .service .sv1 li img{ width: 60px; margin: 0 auto; display:block;}
.Content .about .service .sv1 li strong,.productsview .service .sv1 li strong{ display:block; text-align:center; font-size: 18px; margin-top: 15px;}
.Content .about .service .sv1 li p,.productsview .service .sv1 li p{ margin: 0; padding: 15px; color: #666; line-height: 200%;}

.Content .about .service .sv2{ display:flex; flex-wrap: wrap; gap: 15px;  margin: 15px 10px 0;}
.Content .about .service .sv2 ul {  display: flex;  flex-wrap: wrap;  gap:15px;  padding:0;  margin:0;  list-style:none;  width:100%;}
.Content .about .service .sv2 li {  width: calc(50% - 7.5px); /* 两列均分，减掉gap一半 */  padding:15px 25px;  background:#fff;  border: 1px solid #eee;  box-sizing:border-box;}
.Content .about .service .sv2 li p{ color: #666;}

.Content .about .caselist{}
.Content .about .caselist li{ float:left; width: 25%;}
.Content .about .caselist li span{ background: #fff; padding: 8px; display:block; margin: 10px; box-shadow: 0 0 6px #ddd;}
.Content .about .caselist li img{ width: 100%; display:block; border: 1px solid #fff;}

.Content .about .contact-wx{ text-align:center; width: 200px; font-size: 14px;}
.Content .about .contact-wx img{ width: 200px; display:block; margin-bottom: 5px;}


.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;}
.Content .news .text{ line-height: 200%; padding: 10px 0 70px;}
.Content .news .text p{ margin: 0; padding: 12px 0;}
.Content .news .next{ border-top: 1px solid #eee; line-height: 38px; padding-top: 15px;}
.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;}

.productslist{ padding: 35px 30px;background: #F5F6F7;}
.productslist h1{ padding-left: 20px;}
.productslist h3{ border-left: 5px solid #000; padding-left: 12px; font-size: 18px;}
.productslist ul{ margin-top: 30px;}
.productslist p{ line-height: 200%;}
.productslist li{ float:left; width: 25%; }
.productslist li span{ padding: 20px; display:block;}
.productslist li img{ width: 100%;}
.productslist li a{ background: #fff; display:block; padding: 30px;}
.productslist li strong{ display: block; height: 50px; line-height: 50px; background: #F5F6F7; margin-top: 7px; font-weight:normal; font-size: 18px; background: url(img/ico_1.png) no-repeat right center; background-size: 20px;}
.productslist li a:hover{  box-shadow: 0 0 8px #ccc;}
.productslist .r{ float:right; margin-right: 0;}

.productsview{ padding: 35px 50px;background: #F5F6F7;}
.productsview h1{}
.productsview .pic{ float:left; width: 500px; padding: 35px 0;}
.productsview .pic img{ width: 100%; }
.productsview .title{ border-bottom: 1px solid #777; padding: 20px 0; clear:both; background:url(img/ico_6.jpg) no-repeat 0 13px;}
.productsview .title h1,.productsview .title h3{ border-left: 5px solid #000; padding-left: 12px; font-size: 24px; font-weight:normal; line-height: 100%; height:auto; font-weight:bold;}
.productsview .title h1{ font-size: 28px;}
.productsview .text{ clear:both; padding: 20px 0; line-height: 200%; border-top: 1px solid #fff;}
.productsview .text p{ margin: 0; padding: 10px 0;}
.productsview .text h3{ font-size: 18px; font-weight:bold; padding-top: 25px;}

.productsview .text table{ width: 100%; border-collapse:collapse; background: #fff; margin-top: 10px;}
.productsview .text table td{ border: 1px solid #ddd; padding: 5px 7px; background:#fff; line-height: 150%; text-align:center;}
.productsview .text table .tr td{ background:#000; color: #fff; padding: 7px; font-weight:bold; border: 1px solid #000; }

.productsview .text .text2{}
.productsview .text .text2 ul{ display: grid;grid-template-columns: repeat(2, 1fr); /* 3列平分 */ gap: 20px; /* 每行列间距 */}
.productsview .text .text2 ul li{ background: #fff; padding: 25px;}



.productsview .xijie{ margin: 30px 0;}
.productsview .xijie ul{ display: grid;grid-template-columns: repeat(4, 1fr); /* 3列平分 */ gap: 20px; /* 每行列间距 */}
.productsview .xijie li img{ width:100%; display:block;}
.productsview .xijie li strong{ font-weight:normal; text-align:center; display:block; padding: 12px 0; }


.productsview .liuchen{ padding: 30px 0;  overflow: hidden;}
.productsview .liuchen ul{display: grid;grid-template-columns: repeat(8, 1fr); /* 3列平分 */ gap: 30px; /* 每行列间距 */}
.productsview .liuchen li{ text-align:center; position: relative; }
.productsview .liuchen li span{ display:block;  padding: 20px 0; margin: 0 auto; background: #fff; border-radius: 5px; text-align:center; font-size: 16px; border: 1px solid #ddd; }
.productsview .liuchen li:not(:last-child)::after {content: "";  position: absolute;  top: 50%;  right: -20px; /* 关键：gap是30px，偏移一半15px，正好居中 */  transform: translateY(-50%);  width: 0;  height: 0;  border-top: 7px solid transparent;  border-bottom: 7px solid transparent;  border-left: 9px solid #999;}
.productsview .liuchen li strong{ display:block; font-family:Verdana, Geneva, sans-serif; font-size: 24px; margin-bottom: 5px; color: #999; position: relative;z-index: 1; }

.productsview .liuchen .us9{grid-template-columns: repeat(9, 1fr); }



.productsview .service{ margin-top: 30px;}
.productsview .service ul{ margin: 15px 0; display: grid;grid-template-columns: repeat(4, 1fr); /* 3列平分 */ gap: 20px; /* 每行列间距 */}
.productsview .service ul li{ background: #fff; padding: 20px 10px;}

.productsview .lingyu{ margin: 30px 0; line-height: 200%;}
.productsview .lingyu ul{display: grid;grid-template-columns: repeat(5, 1fr); /* 3列平分 */ gap: 20px; /* 每行列间距 */}
.productsview .lingyu ul li{ text-align:center;}
.productsview .lingyu ul li img{ display:block; width: 100%; margin: 0 auto 7px;}
.productsview .lingyu ul li strong{ font-weight:normal;}

.productsview .case{  margin: 30px 0;}
.productsview .case .ts{ display: grid;grid-template-columns: repeat(3, 1fr); /* 3列平分 */ gap: 10px; /* 每行列间距 */}
.productsview .case .ts li{ background: #fff; height: 38px; line-height: 38px; text-indent: 15px;}
.productsview .case .pc{ display: grid;grid-template-columns: repeat(12, 1fr); /* 3列平分 */ gap: 10px; /* 每行列间距 */ margin-bottom: 20px;}
.productsview .case .pc li { padding: 0 0 25px;padding: 5px; background: #fff; border: 1px solid #ddd;}
.productsview .case .pc li img{ display:block; margin: 0 auto; width: 100%; }


.productsview .video{ text-align:center; margin: 30px 0; background: #fff; padding: 20px;}
.productsview .video video{ margin: 0 auto; width:100%; display:block;}







.productsview .next{ line-height: 38px; padding-top: 15px;}

.productslist .search{ padding: 15px;}
.productslist .search .input{ width: 300px; height: 40px; line-height: 40px; border: 1px solid #ccc; float:left; text-indent: 10px; font-size: 16px; color: #666;}
.productslist .search .but{ border: none; color: #fff; background: #EE1D23; width: 75px;  height: 44px; float:left; cursor: pointer;}



.FootBg{ background: #000; clear:both; }
.Foot{  padding: 35px 50px; color: #666;}
.Foot a,.Foot a:visited{ color: #666;}
.Foot a:hover{color: #09f;}
.Foot ul { float:left; width: 20%;}
.Foot ul li{ line-height: 30px;}
.Foot ul .wx{ font-size: 12px; text-align:center; width: 120px; color: #999; padding-top: 15px;}
.Foot ul .wx img{ text-align:center; display:block; width: 120px;}
.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: 30px 0; text-align:center; font-size: 13px; color: #999; background: #000; border-top: 1px solid #222;}
.FootBottom a{ color: #999;}

.reveal-modal-bg{position:fixed;height:100%;width:100%;background:#000;background:rgba(0,0,0,.7);z-index:100;display:none;top:0;left:0}
.reveal-modal{visibility:hidden;width:330px;margin:0 auto;top:150px;margin:0 auto;left:50%;margin-left:-150px;position:absolute;z-index:101;padding:30px 40px 34px;text-align:center;color:#fff;font-weight:700}
.reveal-modal .close-reveal-modal{font-size:38px;line-height:.5;position:absolute;top:8px;right:11px;color:#aaa;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:700;cursor:pointer}
.reveal-modal img{ width: 330px;}

/* 手机屏幕定义 */
@media (max-width: 767px) {
.hxs { display: none !important;}
.c-banner .jumpBtn{bottom: 10px;}
.c-banner .banner ul li p{ top: 25%; left:10px; }
.c-banner .banner ul li p strong{ font-size: 14px; padding: 0;}


.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: #ccc;opacity: 0.9;margin-left: 10px;}
.c-banner .jumpBtn ul li:first-child{margin-left: 0px; }



.pages{ clear:both; padding: 20px 0;}
.pages a,.pages a:visited,.pages strong{padding: 5px 10px; }
.mobile{ float:right; margin-top: 0;}
.HeaderTop{ padding-right: 10px;}
.HeaderTop .bg{ width: auto;}
.Header{ padding: 20px 10px 10px; width: auto; }
.Header .logo img{ height: 26px;}
.Home{ width: auto; padding: 10px;}




.Home h2{ font-size: 22px; font-weight:bold; padding-top: 10px;}
.Home .title p{ padding: 5px 0; line-height: 200%; }
.Home .products li{ float: none; width: 100%;}
.Home .products li span{padding: 15px; line-height:180%; color: #666; }
.Home .products li span p{  width: 45%; padding-bottom: 0;}
.Home .products li span p strong{ font-size: 14px; padding-bottom: 0; font-weight:bold;}
.Home .products li span p .mr{ display:none;}
.Home .products .more{ padding: 5px 0 20px;}
.Home .products .more a{ width: 110px; height: 38px; line-height: 38px;  background:#000;}

.HomeLinyu .Home{ padding: 15px 0 0;}
.HomeLinyu li{ float: none; width: 100%;}
.HomeLinyu li span{ padding: 10px;}
.HomeLinyu li span strong{ height:40px; line-height: 40px; }
.HomeJishu{ background: none; padding: 0;}

.HomeJishu .Home .title{ color: #333;}
.HomeJishu .Home .title p{ color: #999;}
.HomeJishu ul{ margin-top: 0;}
.HomeJishu li{ float: none; width: 100%; color: #333; text-align:left; padding: 10px 0; }

.HomeJishu li span{ padding: 0;}
.HomeJishu li img{ border-radius:0%; border: none; width: 100%;}
.HomeJishu li strong{  padding: 10px 0 0; font-size: 16px;}
.HomeYoushi .l{ float: none; width: 100%; }
.HomeYoushi .l img{ display:block; width: 100%;}
.HomeYoushi .l .pic1{ position: static;}
.HomeYoushi .l .pic2{ padding-top: 25px;}
.HomeYoushi .l p{ position: static; bottom: 0; right: 0; }
.HomeYoushi .l strong,.HomeYoushi .r strong{ font-size: 16px; font-weight:bold; }
.HomeYoushi .title{ padding: 0 0 20px;}
.HomeYoushi .c{ display:none;}
.HomeYoushi .r{ float: none; width: 100%;}
.HomeYoushi .r img{ width: 100%; margin:0;}
.HomeYoushi .r p{padding: 20px 0; line-height: 180%;}

.Home .Video{ float: none; width: auto;}
.Home .Video .list{ padding-top: 20px;}
.Home .Video .list li{ height: auto; padding: 0; float:left; width: 50%;  }
.Home .Video .list li img{ float: none; margin-right: 0; width:100%;}
.Home .Video .list li p{ padding: 0 5px;}
.Home .Video .list li strong{ text-align:center; font-weight:normal; font-size: 14px; padding-bottom: 0;}

.Home .news{ float: none; width: auto; }
.Home .news .list li{ padding: 7px 0; line-height: 180%; border-top: 1px solid #ddd;}
.Home .news .list li strong{ font-weight:normal;}
.HomeIco{ padding: 15px 0;}
.HomeIco li{ float:left; width: 50%;}
.HomeIco li span{ display:block; padding: 10px;}
.HomeIco li img{ border: 1px solid #ccc; display:block; width: 100%;}

.ContentBanner{ }
.ContentBanner span{ display:none;}
.ContentMenu{ padding: 15px 10px; }
.ContentMenu li{ margin-right: 0; width: 33.33%;  padding: 7px 0; background: #fff; text-align:center;font-size: 14px;}
.ContentViewMenu{ }
.ContentViewMenu ul{ width: auto;}
.ContentViewMenu ul li{ width: 33.33%; padding: 10px 0;}



.Content{ padding: 10px;}
.Content h1{ font-size: 22px;}
.Content .about{ line-height: 200%; padding: 10px 0;}
.Content .about p{ margin: 0; padding: 12px 0;}
.Content .about img{ width: 100%; display:block; float:none;}
.Content .about .aboutus{ float:none; margin: 0;}
.Content .newslist{ padding-top: 0;}
.Content .newslist ul{ margin-top: 0;}
.Content .newslist li{ height: auto; line-height: 180%; text-align:left; background:url(img/ico_4.png) no-repeat 0 15px; padding: 7px 0 7px 20px;}
.Content .newslist li a{ float: none; display:block;}
.Content .news{  padding-top: 0;}
.Content .news .time{ height: 25px; line-height: 5px;}
.Content .news .text{ padding: 0 0 30px;}
.Content .news .next span{ display:none;}
.productslist{ padding-top: 15px;}
.productslist ul{ margin-top: 15px;}
.productslist li{ width: 100%;}
.productslist li span{ padding: 10px 0;}
.productslist li a{ padding: 10px;}
.productslist li strong{ height: 45px; line-height: 45px; font-size: 16px;}
.productslist li a:hover{  box-shadow: 0 0 8px #ccc;}
.productslist .r{ float:right; margin-right: 0;}
.productsview{ padding: 10px 0;}
.productsview h1{}
.productsview .pic{ float:left; width: 500px; padding: 35px 0;}
.productsview .pic img{ width: 100%; }
.productsview .title{ padding: 10px 0; }
.productsview .title h1,.productsview .title h3{ font-size: 18px; font-weight: bold;}
.productsview .title h1{ font-size: 18px;}
.productsview .text{ padding: 10px 0; line-height: 180%;}
.productsview .text table td{  padding: 5px; font-size: 12px;}
.productsview .text table .tr td{ padding: 5px; }
.productsview .next{ line-height: 28px; }

.FootBottom{ padding: 10px;}
}
@media (min-width: 768px) and (max-width: 991px) {
.hsm {display: none !important;}


}
/* PC屏幕定义 */
@media (min-width: 992px) and (max-width: 1199px) {
.hmd {display: none !important;}
}
@media (min-width: 1200px) {
.hlg {display: none !important;}
}