/* 通用样式 */
*{ padding:0; margin:0;}
html{-webkit-font-smoothing: antialiased;/* 消除锯齿 */ -ms-touch-action: manipulation;touch-action: manipulation;/* 允许手势水平/垂直平移或持续的缩放 */font-size:62.5%;}
@media (min-width: 1601px) {
  html {font-size: 100px;}
}
@media (max-width: 1600px) and (min-width: 901px) {
  html {font-size: calc(100vw / 1600 * 100);}
}
@media (max-width: 900px) {
  html {font-size: calc(900px / 1700 * 100);}
  
.head{width:100%;height:.5rem;margin:auto;}
.head .logo{ float:left;}
.head .logo img{ width:auto; height:.35rem; padding-left:1rem; margin-top:.08rem;}
.head .logo a{border:none;outline: none;}
.head .animenu__toggle {display: inline-block;cursor: pointer;margin:.1rem .1rem 0 0; background:#cc0e1d;border: 0;padding: .1rem !important;height: .4rem !important;width: .4rem !important;float:right;}
.head .animenu__toggle:hover {background-color: #cc0e1d;}
.head .animenu__toggle__bar {display: block;width: .2rem;height: .02rem;background-color: #ffffff;-webkit-transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); -o-transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);}
.head .animenu__toggle__bar + .animenu__toggle__bar {margin-top: .04rem;}
.head .animenu__toggle--active .animenu__toggle__bar {margin: 0;position: absolute;}
.head .animenu__toggle--active .animenu__toggle__bar:nth-child(1) {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.head .animenu__toggle--active .animenu__toggle__bar:nth-child(2) {opacity: 0;}
.head .animenu__toggle--active .animenu__toggle__bar:nth-child(3) {-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.head .animenu {z-index:9999;display: block;width: 100% !important;margin: auto;padding: 0; position:absolute; top:0; right:0;}
.head .animenu ul {padding: 0; margin:0;list-style: none; font-size:0;}
.head .animenu li, .animenu a {display: inline-block;font-size:.14rem;}
.head .animenu a {color: #ffffff;text-decoration: none;}
.head .animenu__nav {height:.8rem;display:flex;justify-content:flex-end;argin: .1rem 0;}
.head .animenu__nav > li {position: relative;width:100%; float:none;margin:0; padding:0; background:#fff;}
.head .animenu__nav > li > a {text-align: center;display: block;text-transform: uppercase;color: #333 !important;background:#f2f3f5;height:.39rem; line-height:.39rem; display:block;border-bottom: .01rem solid #dedede; text-align:left; padding-left:.15rem;}
.head .animenu__nav > li:hover > ul {opacity: 1;visibility: visible;margin: 0;}
.head .animenu__nav > li:hover > a {color: #ffffff !important;}
.head .animenu__nav__child {width: 100% !important;position: absolute;top: 100%;left: 0;z-index: 1;opacity: 0;visibility: hidden;margin: .2rem 0 0 0;transition: margin .15s, opacity .15s;position: static !important;transition: none !important;visibility: visible !important;opacity:1 !important;}
.head .animenu__nav__child > li {width: 100%;border-bottom:.01rem solid #f2f3f5;}
.head .animenu__nav__child > li:first-child > a:after {content:none;position: absolute;height: 0;width: 0;left: .1rem;top: -.06rem;border: .06rem solid transparent;border-top: 0;border-bottom-color:rgba(0,0,0,0.8);}
.head .animenu__nav__child > li:last-child {border-bottom:.01rem solid #dedede;}
.head .animenu__nav__child a {padding:.05rem 0;width:calc(100% - .4rem);border-color: #cc0e1d;font-size:.12rem;background:#fff; color:#666;}
.head .animenu__nav__child a:hover {background:#fff;border-color: #dedede;}
.head .animenu__nav--open {display: block !important;}
.head .animenu__nav--open .animenu__nav__child {display: block;position: static !important;}
.head .animenu__nav,.animenu__nav__child {display: none !important;width:100%; margin:auto;}
.head .animenu__nav > li:last-child {border: 0;}
.head .animenu__nav > li:first-child > a:after {content: '';position: absolute;height: 0;width: 0;left:.1em;top: -.06rem;border: .06rem solid transparent;border-top: 0;border-bottom-color: inherit;}
.head .animenu__nav a:hover {background-color: #cc0e1d;border-color: #cc0e1d;color: #ffffff;}
}

/*屏幕宽度100vw / 设计稿宽度750px * 100px*/
body {font-family: "Microsoft YaHei","微软雅黑","Arial"; src:url("../fonts/msyh.ttf") format("truetype"); font-size: 0.26rem;color: #333;position: relative;overflow-x: hidden;-webkit-user-select: none; /* Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE/Edge */ user-select: none; /* 标准语法 */}
body * {-webkit-box-sizing: border-box;box-sizing: border-box;line-height: 1;}
@font-face {
  font-family: "Microsoft YaHei","微软雅黑","Arial";
  src: url('../fonts/msyh.eot'); /* IE9 Compat Modes */
  src: url('../fonts/msyh.eot') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/msyh.woff') format('woff'), /* Modern Browsers */
  url('../fonts/msyh.ttf')  format('truetype'), /* Safari, Android, iOS */
  url('../fonts/msyh.svg#microsoft yahei') format('svg'); /* Legacy iOS */
}
ul, li{ list-style-type:none; }
img, form{ border:0; }
label { }
em, cite, b { font-style:normal; }
a {color: #333333;transition-duration:.2s}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover{text-decoration: underline;}
a:active {text-decoration: none;}
.clear{ clear:both;}
table,table tr th, table tr td { border:.1rem solid #dedede; padding:5rem;}
table { border-collapse: collapse;} 

.head{width:100%;height:.6rem; margin:auto; position: absolute; left:0; right:0; z-index:9999;}
.head .logo{height:.3rem; width:auto; float:left; margin-top:.15rem; margin-left:.15rem;}
.head .animenu__toggle {display: inline-block;cursor: pointer;margin:.1rem .1rem 0 0; background:#cc0e1d;border: 0;padding:0;height:0;width:0;float:right;}
.head .animenu {margin: auto;padding:0;position: relative;z-index:999; width:95%;}
.head .animenu ul {margin:0;list-style: none;}
.head .animenu li, .animenu a {display: inline-block;font-size:.16rem; font-weight:600;}
.head .animenu a {color: #fff;text-decoration: none;}
.head .animenu__nav {height:.6rem;display:flex;justify-content:flex-end; float:right;}
.head .animenu__nav > li {position: relative;}
.head .animenu__nav > li > a {height:.6rem; line-height:.6rem;text-align: center;display: block;text-transform: uppercase; padding:0 .2rem;}
.head .animenu__nav > li:hover > ul {opacity: 1;visibility: visible;margin: 0;}
.head .animenu__nav > li:hover > a {height:.6rem; line-height:.6rem; color:#5b2c23; background:url(../images/nnh.png) no-repeat center;background-size:65%;}
.head .animenu__nav__child {width:200%;position: absolute;top:.6rem;left:-50%;z-index: 1;opacity: 0;visibility: hidden;margin: .2rem 0 0 0;transition: margin .15s, opacity .15s; background: url(../images/cdlbj.png) center no-repeat;background-size:100% 100%;}
.head .animenu__nav__child .child {width:100%; height:auto; overflow:hidden; margin:auto;display: flex;flex-wrap: wrap;justify-content: space-between;overflow: hidden;}
.head .animenu__nav__child .child .pic { width:3rem; height:1.7rem; overflow:hidden;}
.head .animenu__nav__child .child .pic img{width:3rem; height:1.7rem;transition: all 0.6s;}
.head .animenu__nav__child .child .pic img:hover{width:3rem; height:1.7rem;transform: scale(1.2);}
.head .animenu__nav__child .introduce {width:4.2rem; height:auto; line-height:.26rem; overflow:hidden; color:#666666; font-size:.15rem; font-weight:500;}
.head .animenu__nav__child .introduce h1{font-size:.16rem; line-height:.3rem; color:#4e4e4e; margin-bottom:.3rem;}
.head .animenu__nav__child .introduce a{border:solid #cccccc 0.01rem; font-size:.15rem; width:1.6rem; height:.4rem; line-height:.4rem; display:block; padding:0; margin-top:.4rem;}
.head .animenu__nav__child .introduce a:hover{border:solid rgba(50,111,255,0) 0.01rem; font-size:.15rem; width:1.6rem; height:.4rem; line-height:.4rem; display:block; padding:0; margin-top:.4rem;}
.head .animenu__nav__child ol{width:100%; height:auto; overflow:hidden;}
.head .animenu__nav__child li {width:100%;}
.head .animenu__nav__child > li {width:100%;}
.head .animenu__nav__child > li:first-child > a:after {content: '';position: absolute;height: 0;width: 0;left:48%;top:-.06rem;}
.head .animenu__nav__child > li:last-child {border: 0;}
.head .animenu__nav__child a {width:100%;font-size:.16rem; color:#666666;  text-align:center; display:block; height:.45rem; line-height:.45rem; font-weight:500;}
.head .animenu__nav__child a:hover {color: #5b2c23; background: url(../images/xzsk.png) center no-repeat;background-size:100%;}
.head .animenu__nav--open {display: block !important;}
.head .animenu__nav--open .animenu__nav__child {display: block !important;}
.head .phone {background:url(../images/hdphone.png) no-repeat left center; background-size:.24rem .24rem;padding-left:.3rem; height:.6rem; line-height:.6rem;font-size:.18rem;color:#333333;float:right; margin-left:.3rem;}
.head .phone span {font-size:.18rem;color:#333333;}

/* 轮播图开始 */
.swiper-slide {text-align: center;line-height:0;}
.swiper-slide a{line-height:0;}
.swiper-container .swiper-slide {height:auto;line-height:auto;}
.swiper-container .swiper-slide:nth-child(2n) {height:auto;line-height:auto;}
.swiper-slide img {width: 100%;height: auto;}
/* 轮播图结束 */

.jumbotron a,.ldb a,.yysn li a{display:block; line-height:0;}
.jumbotron img{ width:100%; height:auto;}
.ldb img{ width:100%; height:auto; margin:16px 0 0 0;}
.yysn{ width:100%; height:auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
.yysn li{ width:calc(50% - 8px); height:auto; overflow:hidden;}
.yysn li img{ width:100%; height:auto; margin:16px 0;}

.cmb{ width:14rem; height:auto; overflow:hidden; margin:1.2rem auto; background:#FFF;}
.cmb ul{ float:left; width:calc(100% - 10rem);}
.cmb ul li{ text-align:center; width:100%; height:2.14rem; line-height:.6rem; font-size:.3rem; color:#727272; border-bottom:solid #d0d0d0 1px; padding-top:.5rem;}
.cmb ul li:nth-of-type(3){border-bottom:0;}
.cmb ul li img{ display:block; margin:auto; width:.7rem; height:.7rem;}
#Tab3 {width:14rem; height:auto; overflow:hidden;}/*选项卡1*/
#Tab3 .Menubox {width:30%;height: auto; margin:auto; overflow:hidden; float:left;}/*菜单class*/
#Tab3 .Menubox ul { width:100%; height:auto; overflow:hidden; border-left:solid #e5e9e9 .02rem;}
#Tab3 .Menubox li {cursor:pointer;width: auto; height:.9rem; line-height:.9rem;font-size:.3rem; font-weight:600; color:#e6eaea;}
#Tab3 .Menubox li:nth-of-type(1) {cursor:pointer;width: auto; height:.45rem; line-height:.35rem;font-size:.3rem; font-weight:600; color:#e6eaea;}
#Tab3 .Menubox li:nth-of-type(5) {cursor:pointer;width: auto; height:.45rem; line-height:.65rem;font-size:.3rem; font-weight:600; color:#e6eaea;}
#Tab3 .Menubox li.hover { color:#FFF;}
#Tab3 .Menubox li hr{ display:block; float:left; width:.2rem; border-bottom: solid #e5e9e9 .02rem; border-left:0; border-right:0; border-top:0; background:none; margin-right:.4rem;}
#Tab3 .Menubox li:nth-of-type(2) hr,#Tab3 .Menubox li:nth-of-type(3) hr,#Tab3 .Menubox li:nth-of-type(4) hr,#Tab3 .Menubox li:nth-of-type(5) hr{ margin-top:.45rem;}
#Tab3 .Contentbox { float:right; margin:25px 0; width:10rem; height:auto; line-height:0;}
#Tab3 .Contentbox img{ width:100%; height:100%;}

.xppsy{ width:12rem; height:auto; overflow:hidden; margin:1rem auto; font-size:.2rem; color:#919191; line-height:.3rem;}
.xppsy h2{ color:#010101; font-size:.6rem; font-weight:500; height:1.4rem; line-height:1.4rem;}

.jcsj{ width:12rem; height:auto; overflow:hidden; margin:auto;}
.jcsj h2{ color:#010101; font-size:.6rem; font-weight:500; height:1.4rem; line-height:1.4rem;}
.jcsj .gdt {overflow-x:auto;}
.jcsj .gdt::-webkit-scrollbar {width: 10px; /* 滚动条宽度 */height:8px;}
.jcsj .gdt::-webkit-scrollbar-track {background: #e7e7e7; /* 滚动条轨道颜色 */}
.jcsj .gdt::-webkit-scrollbar-thumb {background: #a8a8a8; /* 滚动条滑块颜色 */}
.jcsj .gdt::-webkit-scrollbar-thumb:hover {background: #555; /* 滚动条滑块颜色：鼠标悬停时 */}
.jcsj .gdt ul{display: -webkit-box;-webkit-overflow-scrolling: touch;}
.jcsj .gdt ul li{ width:5.7rem; height:5.7rem; float:left; margin:0 .3rem .35rem 0;}
.jcsj .gdt ul li img{ width:100%; height:100%;}

.scroll-container {position: relative;}
.scroll-arrow {position: absolute;top:60%;cursor: pointer;user-select: none;z-index: 10;font-size:30px;}
.scroll-arrow-left {left:calc(50% - 6.5rem);transform: translateY(-50%); border:solid #cccccc 1px; background:#f0f0f0;border-radius:.08rem; width:.35rem; height:.35rem; line-height:.27rem; text-align:center;}
.scroll-arrow-right {right:calc(50% - 6.5rem);transform: translateY(-50%);border:solid #cccccc 1px; background:#f0f0f0;border-radius:.08rem; width:.35rem; height:.35rem; line-height:.27rem; text-align:center;}
.scroll-container::-webkit-scrollbar-button {display: none;}

.ppgy{width:100%; height:auto; overflow:hidden; margin:1rem 0 0 0;}
.ppgy li:nth-child(odd){ background:#f7f7f7; width:85%; height:auto; overflow:hidden; float:right; padding:.35rem;}
.ppgy li:nth-child(odd) img{ width:45%; height:auto; float:left; margin-right:.4rem;}
.ppgy li:nth-child(odd) h3{ width:35%; height:.8rem; line-height:.8rem; float:left; font-size:.3rem; border-bottom:solid #bbbbbb 1px; margin:.6rem 0 .2rem 0;display:none;}
.ppgy li:nth-child(odd) .con{ width:35%; height:auto; line-height:.3rem !important; float:left; font-size:.16rem; color:#919191;}
.ppgy li:nth-child(even){ background:#f7f7f7; width:85%; height:auto; overflow:hidden; float:left; padding:.35rem; margin-top:.8rem;}
.ppgy li:nth-child(even) img{ width:45%; height:auto; float:right; margin-left:.4rem;}
.ppgy li:nth-child(even) h3{ width:35%; height:.8rem; line-height:.8rem; float:right; font-size:.3rem; border-bottom:solid #bbbbbb 1px; margin:.6rem 0 .2rem 0;display:none;}
.ppgy li:nth-child(even) .con{ width:35%; height:auto; line-height:.3rem !important; float:right; font-size:.16rem; color:#919191;}
.ppgy li p{line-height:.3rem !important;}

.lxwm{ width:12rem; height:auto; overflow:hidden; margin:auto; position: absolute; left:calc(50% - 6rem); top:15%; z-index:99; color:#FFF;}
.lxwm h2{ float:left; width:50%; font-size:.5rem; font-weight:400;}
.lxwm .ewm{ float:left; width:50%;}
.lxwm .ewm ul{ float:left;width:40%; margin-right:10%; margin-top:.15rem;}
.lxwm .ewm ul li{ font-size:.14rem; line-height:.3rem;}
.lxwm .ewm ul li img{ margin-top:.2rem; width:1.5rem; height:auto;}

.message{ width:12rem; height:auto; overflow:hidden; margin:auto; position: absolute; left:calc(50% - 6rem); top:10%; z-index:99; color:#FFF;}
.message h2{ float:left; width:50%; font-size:.5rem; font-weight:400;}
.message .col{ width:50%; float:left;}
.message .col .form-group{ float:left; width:50%; height:auto; overflow:hidden; color:#010101; font-size:.2rem;}
.message .col .form-control{border-radius:.1rem; border:0; padding:.1rem .1rem; width:80%; margin:.2rem 0;}
.message .col .btn{ background:#1d1d1d; text-align:center;border-radius:.1rem; color:#FFF; font-size:.24rem; width:90%; border:0; padding:.15rem; margin-top:.1rem;}
.message .col .ewm{ text-align:center; font-size:.16rem; color:#010101; line-height:.24rem;}
.message .col img{ display:block; margin:.2rem auto;}

.hjry{ width:12rem;height:auto; overflow:hidden; margin:1rem auto 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
.hjry li{ width:23%; height:auto; overflow:hidden; position:relative; z-index:0; margin-bottom:.3rem;}
.hjry li:nth-of-type(7),.hjry li:nth-of-type(8),.hjry li:nth-of-type(9){ width:48.5%;}
.hjry li img{ width:100%; height:auto;}
.hjry li h3{ position:absolute; z-index:9; left:0; bottom:0;background:rgba(0,0,0,.6); width:100%; height:.4rem; line-height:.4rem; text-align:center; color:#FFF; font-size:.2rem; font-weight:normal;}

.products{width:12rem; height:auto; overflow:hidden; margin:auto;}
.products h2{ font-size:.36rem; color:#231714; width:100%; text-align:center; height:1rem; line-height:1rem;}
.products video{ margin-top:.3rem;}
.products .video{ margin-top:.3rem; width:100%; height:auto;}
#Tab1 {width:100%; height:auto; overflow:hidden;}/*选项卡1*/
#Tab1 .Menubox {width:100%;height: auto; margin:auto; overflow:hidden;}/*菜单class*/
#Tab1 .Menubox ul {display: flex;flex-wrap: wrap;justify-content:center;}
#Tab1 .Menubox li {cursor:pointer;width: auto; height:.3rem; line-height:.3rem;text-align:center;border-bottom:solid #d6d6d6 .01rem; font-size:.16rem; color:#d1d1d1; margin:0 .4rem;}
#Tab1 .Menubox li.hover { border-bottom:solid #5b2c23 .01rem; color:#5b2c23;}
#Tab1 .Contentbox { width:100%; height:auto; overflow:hidden;}
#Tab1 .Contentbox .pic{ width:100%; height: auto; overflow:hidden; display:block; margin:.5rem 0;}
#Tab1 .Contentbox img{ width:100%; height:100%;}
#Tab1 .Contentbox .con{ width:100%; height: auto; overflow:hidden;display: flex;flex-wrap: wrap;justify-content:space-between;}
#Tab1 .Contentbox .con li{ width:24%; height: auto;}
#Tab1 .Contentbox .con img{ width:100%; height: auto; overflow:hidden;display:block;border-radius:.1rem;}
#Tab1 .Contentbox .con h3{ font-size:.16rem; color:#5b2c23; font-weight:normal; line-height:.26rem; margin-top:.1rem; text-align:center;}
#Tab1 .Contentbox .cont{ width:100%; height: auto; overflow:hidden;display: flex;flex-wrap: wrap;justify-content:center;}
#Tab1 .Contentbox .cont div{ width:23%; height: auto;margin:0 1%;}
#Tab1 .Contentbox .cont img{ width:100%; height: auto; overflow:hidden;display:block;border-radius:.1rem;}
#Tab1 .Contentbox .cont h3{ font-size:.16rem; color:#5b2c23; font-weight:normal; line-height:.26rem; margin-top:.1rem; text-align:center;}
#Tab1 .Contentbox .pic {position: relative;margin: .5rem 0;}
.arrows {position: absolute;top: 50%;width: 100%;display: flex;justify-content: space-between;transform: translateY(-50%);}
.arrow {cursor: pointer;font-size:.8rem;color: #b8b8b8;}

.mySwiper{}
.mySwiper .swiper-slide{}
.mySwiper .swiper-slide .ppgs{width:12rem; height:auto; overflow:hidden; margin:auto; text-align:left;}
.mySwiper .swiper-slide .ppgs h2{ font-size:.6rem; margin:1.5rem 0 1rem 0; height:.7rem; line-height:.7rem;}
.mySwiper .swiper-slide .ppgs h3{ font-size:.36rem; margin:0 0 0 25%;}
.mySwiper .swiper-slide .ppgs p{ font-size:.16rem; margin:.3rem 20% 0 25%; line-height:.3rem; color:#919191;}
.mySwiper .swiper-slide .smyjzg{width:12rem; height:auto; overflow:hidden; margin:auto; text-align:left;}
.mySwiper .swiper-slide .smyjzg h2{ font-size:.6rem; margin:1.5rem 0 1rem 0; height:.7rem; line-height:.7rem;}
.mySwiper .swiper-slide .smyjzg ul{}
.mySwiper .swiper-slide .smyjzg ul li{ margin-top:.5rem;}
.mySwiper .swiper-slide .smyjzg ul li h3{ font-size:.36rem; height:.4rem; line-height:.4rem;}
.mySwiper .swiper-slide .smyjzg ul li h3 i{ border:solid #c80b0b .08rem; display:block; float:left;border-radius:50%; background:#FFF; width:.4rem; height:.4rem; margin-right:.1rem;}
.mySwiper .swiper-slide .smyjzg ul li p{ color:#919191; font-size:.16rem; line-height:.3rem; margin-top:.3rem;}
.mySwiper .swiper-slide .pplcb{width:80%; height:auto; overflow:hidden; margin:auto; text-align:left;}
.mySwiper .swiper-slide .pplcb h2{ font-size:.6rem; margin:1.5rem 0 .2rem 0; height:.7rem; line-height:.7rem; color:#FFF;}
#Tab2 {width:100%; height:auto; overflow:hidden;}/*选项卡1*/
#Tab2 .Menubox {width:60%;height: auto;}/*菜单class*/
#Tab2 .Menubox ul { width:100%; height:auto; overflow:hidden;display: flex;flex-wrap: wrap;justify-content:left;}
#Tab2 .Menubox li {cursor:pointer;width:20%; height:.9rem; line-height:.9rem;font-size:.3rem; font-weight:600; color:#bcb3ab; border-bottom:solid #bcb3ab .05rem; text-align:center;}
#Tab2 .Menubox li.hover { color:#54442b; border-bottom:solid #54442b .05rem;}
#Tab2 .Menubox li hr{ display:block; float:left; width:.2rem; border-bottom: solid #e5e9e9 .02rem; border-left:0; border-right:0; border-top:0; background:none; margin-right:.4rem;}
#Tab2 .Contentbox { width:70%; height:auto; overflow:hidden; float:left; color:#FFF; }
#Tab2 .Contentbox h3{ font-size:.3rem; height:.8rem; line-height:.8rem;}
#Tab2 .Contentbox h3 b{ font-size:.6rem;}
#Tab2 .Contentbox p{ line-height:.3rem;font-size:.2rem;}
#Tab2 .Contentbox img{ width:auto; height:auto; margin-top:.5rem;}

.mendian{ background:url(../images/dt.png) right top no-repeat; background-size:60%;width:80%; height:auto; overflow:hidden; margin:1rem auto 0 auto; }
.mendian .sjld{ position:relative; z-index:0;}
.mendian .sjld h3{ font-size:.36rem; margin:1.2rem 0 .4rem 0;}
.mendian .sjld select{padding:.12rem .1rem; border:solid #dcdcdc 1px; width:32%; display:none;}
.mendian .sjld #query{padding:.15rem .6rem; border:solid #000 1px; width:30%; border-radius:.3rem; font-size:.16rem; color:#000;}
.mendian .sjld #search{border:0; background: url(../images/search.png) no-repeat; background-size:100%; width:.25rem; height:.25rem; position:absolute; bottom:.12rem; left:.3rem;}
.mendian #result{overflow-y:auto; margin-top:2rem; height: auto;}
.mendian #result::-webkit-scrollbar {width: 10px; /* 滚动条宽度 */height:3px;}
.mendian #result::-webkit-scrollbar-track {background: #ecded2; /* 滚动条轨道颜色 */}
.mendian #result::-webkit-scrollbar-thumb {background: #000000; /* 滚动条滑块颜色 */}
.mendian #result::-webkit-scrollbar-thumb:hover {background: #555; /* 滚动条滑块颜色：鼠标悬停时 */}
.mendian #result ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.mendian #result ul li{ width:calc(33% - .1rem); height:2.3rem;padding:.3rem;background-color: #ffffff;border-radius:.15rem;margin-top:.2rem;font-size:.14rem;color: #989898;line-height: 18px;text-align: left;font-weight: normal; position:relative; z-index:0;}
.mendian #result ul li h3{color:#010101; font-size:.24rem; height:.4rem; line-height:.4rem; margin-bottom:.15rem; font-weight:normal;}
.mendian #result ul li:last-child { margin-right: calc(33% + .1rem);}
.mendian #result ul li img{ width:116px; height:31px; margin-top:.4rem; position:absolute; z-index:9; left:.3rem; bottom:.3rem;}

.foot{ width:100%; height:auto; overflow:hidden;}
.foot .links {width:15rem;height:1rem; line-height:1rem;overflow: hidden;margin:auto;font-size:.16rem;color: #bcbdbf;}
.foot .links a {font-size:.15rem;color: #fff;padding: 0;margin: 0 .1rem;}
.foot_nav{ width:15rem; height:auto; overflow:hidden; margin:auto;color:#2c2c2c;}
.foot_nav dl{ width:15%; height:auto; float:left; margin-top:1rem; margin-bottom:1rem;}
.foot_nav dl a{color:#000000;}
.foot_nav dt{ font-size:.18rem; margin-bottom:.3rem;}
.foot_nav dd { line-height:.3rem;}
.foot_nav dd a{font-size:.14rem; color:#333333;}
.foot_nav .tel{ width:25%; line-height:.2rem; float:left; text-align:center; margin-top:1rem; font-size:.16rem;color:#333333;}
.foot_nav .tel img{ width:1rem; height:1rem; margin:0 auto .1rem auto;}
.foot_nav .tel h3{ font-size:.16rem;color:#000000; height:.3rem; line-height:.3rem;}
.foot .copyright {width:15rem; overflow:hidden; margin:.5rem auto; font-size:.14rem;color:#7c8083;}
.foot .copyright h1{font-size:.16rem; font-weight:normal; border-bottom:solid #3e464b .01rem; height:.5rem; line-height:.5rem; margin-bottom:.2rem;}
.foot .copyright p{ line-height:.4rem;}
.foot .copyright a{color:#7c8083;}

/*分页*/
.paging{display: flex;flex-wrap: wrap;justify-content:center; width:100%; height:auto; overflow:hidden; margin-bottom:.3rem; margin-top:.3rem;}
.paging a{text-decoration:none;}
.jk_num {display: flex;flex-wrap: wrap;justify-content:center;}
.page-link:not(:disabled):not(.disabled) {cursor: pointer;}
.page-num, .page-link,.pagingNext,.pagingPrev{position: relative;display: block;padding: .12rem .2rem;margin-left: -1px;line-height: 1.25;color: #333;background-color: #fff;border: 1px solid #dee2e6; font-size:.14rem;}
.page-num:hover{background:#f0f0f0;color: #333;}
.jkbtnl:hover,.jkbtnr:hover{background:#f0f0f0;color: #333;}
.page-num-current{ background:#cc0e1d; color:#fff;}

.footer{margin:.15rem 0; text-align:center;font-size: .12rem; position:absolute; z-index:9; bottom:0; text-align:center; width:100%; color:#FFF;}
.footer a{color:#FFF;}