@charset "gb2312;
html { color: #000; background: #fff; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html * { outline: none; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select:auto;
font-family: 'syht'; }
/* 内外边距通常让各个浏览器样式的表现位置不同 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; }
input, select, textarea { font-size: 100%; }
/* 去掉各 Table  cell 的边距并让其边重合 */
table { border-collapse: collapse; border-spacing: 0; }
/* 去除默认边框 */
fieldset, img { border: 0; }
/* 去掉 firefox 下此元素的边框 */
abbr, acronym { border: 0; font-variant: normal; }
/* 一致的 del 样式 */
del { text-decoration: line-through; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 500; }
/* 去掉列表前的标识, li 会继承 */
ol, ul { list-style: none; }
/* 对齐是排版最重要的因素, 别让什么都居中 */
caption, th { text-align: left; }
/* 来自 yahoo, 让标题都自定义, 适应多个系统应用 */
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 500; }
q:before, q:after { content: ''; }
/* 统一上标和下标 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* 正常链接 未访问 */
/* 鼠标悬停 
a:hover { text-decoration: underline; }*/
/* 默认不显示下划线，保持页面简洁 */
ins, a { text-decoration: none;}

.fl{float: left;}
.fr{float: right;}
.hide{display: none!important;}

a { color: #434a54; }
a:hover { color: #666; text-decoration: none; }
*{ font-family:"sylt";}
@font-face {
    font-family: 'sylt';
      src: url('../images/font/sylt.eot');
      src:
        url('../images/font/sylt.eot?#font-spider') format('embedded-opentype'),
        url('../images/font/sylt.woff') format('woff'),
        url('../images/font/sylt.ttf') format('truetype'),
        url('../images/font/sylt.svg') format('svg');
      font-weight: normal;
      font-style: normal;
    }
.iconfont {
    -webkit-text-stroke-width: 0.2px;
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
}
body{ background: #fff;}
.mainBox{width: 10rem; margin: 0 auto;}

.m-title{ position: relative; width: 6rem; height:.773333rem; margin:0.6rem auto 0;}
.m-title h2{ text-indent: -9999px;}

.m-title.t1{background: url(../images/t1.png) no-repeat center top;background-size:6rem .773333rem;}
.m-title.t2{background: url(../images/t2.jpg) no-repeat center top; width: 6.666667rem; background-size:6.666667rem .773333rem;}
.m-title.t3{background: url(../images/t3.jpg) no-repeat center top; width: 6.666667rem; background-size:6.666667rem .773333rem;}
.m-title.t4{background: url(../images/t4.png) no-repeat center top; width: 6.666667rem; background-size:6.666667rem .773333rem;}
.m-title.t5{background: url(../images/t5.jpg) no-repeat center top; width: 6.666667rem; background-size:6.666667rem .773333rem;}
.m-title.t6{background: url(../images/t6.jpg) no-repeat center top; width: 6.666667rem; background-size:6.666667rem .773333rem;}
.m-title.t7{background: url(../images/t7.png) no-repeat center top; width:7.333333rem; background-size:7.333333rem .773333rem;}
.m-title.t8{background: url(../images/t8.jpg) no-repeat center top; width: 6.666667rem; background-size:6.666667rem .773333rem;}
.m-title.t9{background: url(../images/t9.jpg) no-repeat center top; width: 6.666667rem; background-size:6.666667rem .773333rem;}
.m-more{ display: block;margin:0 auto; width: 1rem; height: 1rem; font-size: .32rem; color: #00a1a3; text-align: center;background: url(../images/icon_b.png) no-repeat center .5rem; background-size: .226667rem .133333rem;}


.banner1{width: 10rem; height: 6.586667rem;background: url(../images/banner1.jpg) no-repeat center top; background-size: contain;}
.banner2{width: 10rem;height: 6.666667rem;background: url(../images/banner2.jpg) no-repeat center top; background-size: contain; overflow: hidden;}
.banner2 a{display: block;margin: 5.85rem auto 0; width:1.946667rem;font-weight: bold; height: .706667rem; line-height: .706667rem; text-align: center;  font-size:.4rem; color: #0069d4;  text-transform: uppercase;}

.jdt{ width: 10rem; height: 5.333333rem;   margin:0 auto; background: #f3f3f3; overflow:hidden; }
.jdt .swiper-container1 { width:100%; margin:0.3rem auto 0; height: 4.75rem;   position:relative; }
.jdt .swiper-container1 .swiper-slide {float: left; width: 9.466667rem; height: 4.266667rem; overflow: hidden; }
.jdt img { width: 9.466667rem; height: 4.266667rem;  margin: 0 auto;display:block; border-radius: 10px;}
.jdt .swiper-pagination-bullet { width: .466667rem; height: .066667rem; border-radius: 0;  opacity: 1;background: #00a1a3;}
.jdt .swiper-pagination-bullet-active{ background: #292154;}

.jdt.jdt2{ width: 10rem;  height:6.666667rem;  margin:0 auto; background: #f3f3f3; overflow:hidden; }
.jdt.jdt2 .swiper-container1 {width: 9.466667rem; position:relative; }
.jdt.jdt2 .swiper-container1 .swiper-slide {float: left; width: 9.466667rem; height: 3.866667rem; background: #fff; overflow: hidden;    box-shadow: 1px 10px 9px 1px hsla(0,0%,67%,.5); }
.jdt.jdt2  img { width: 9.2rem; height:3.6rem;margin: 0.12rem auto;display:block; border-radius: 10px;}

.newsList { width: 9.466667rem; margin:0 auto;background: #fff;}
.newsList li{clear: both; padding:.4rem 0; overflow: hidden;}
.newsList .imgbox{ float: left; width: 3.333333rem; height: 2.133333rem;}
.newsList .imgbox img{ width: 3.333333rem; height: 2.133333rem; border-radius: .133333rem;}
.newsList .info{float: right; width: 5.733333rem;}
.newsList .info h3{ height: 1.2rem; line-height: 0.6rem; overflow: hidden; font-size: .4rem; color: #303030; font-weight: bold; }
.newsList .info p{ line-height: 0.5rem; height: 1rem; overflow: hidden; font-size:.32rem;  color: #303030;}

.newsList .noImgList li{border-top: .013333rem solid #c6c6c6;}
.newsList .noImgList li a{ height: 1.2rem; line-height: 0.6rem; overflow: hidden; font-size: .4rem; color: #303030; font-weight: bold; }



.picScroll2{ width: 10rem; height:10.5rem; margin:0 auto;overflow:hidden;  position: relative;  }
.picScroll2.bg{background: #f3f3f3;}
.picScroll2 .swiper-container2 { width: 9.466667rem;height:7rem; margin:0.5rem auto; overflow: hidden; }
.picScroll2 .swiper-container2 .swiper-slide { width:4.666667rem; height: 3.2rem; overflow: hidden; }
.picScroll2 img{ width:4.666667rem; height: 3.2rem; display: block;border-radius: .133333rem;}

.picScroll2 p{ width: 100%; position: absolute; bottom: 0; height: 0.6rem; line-height:0.6rem; text-align: center; font-size: 0.32rem; color: #fff; background:rgba(0, 0, 0, 0.5);border-bottom-left-radius: .133333rem;border-bottom-right-radius: .133333rem;}
.picScroll2 .swiper-pagination-bullet { width: .466667rem; height: .066667rem; border-radius: 0;  opacity: 1;background: #00a1a3;}
.picScroll2 .swiper-pagination-bullet-active{ background: #292154;}

.picScroll2 .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 1.4rem;}




.picScroll3{ width: 10rem; height:6.8rem; margin:0 auto 0.5rem;overflow:hidden; position: relative;  }
.picScroll3 .swiper-container3 { width: 9.466667rem;height:3.5rem; margin:0.5rem auto; overflow: hidden; }
.picScroll3 .swiper-container3 .swiper-slide { width:4.666667rem; height: 3.2rem; overflow: hidden; }
.picScroll3 img{ width:4.666667rem; height: 3.2rem; display: block;border-radius: .133333rem;}
.picScroll3 .swiper-pagination-bullet { width: .466667rem; height: .066667rem; border-radius: 0;  opacity: 1;background: #00a1a3;}
.picScroll3 .swiper-pagination-bullet-active{ background: #292154;}

.picScroll3 .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 1.4rem;}

.m-list { height: auto;}
.m-list ul {margin: 0.2rem 0; overflow: hidden;}
.m-list ul li{ float: left; margin:0.1rem;}

.m-video{ width: 10rem; margin: 0 auto;overflow: hidden;}
.m-video ul {margin-top: .333333rem}
.m-video ul li{ background: url(../images/v_bg.png) no-repeat center bottom; width: 10rem; height: 5.85rem; background-size: 10rem .4rem; position: relative;}
.m-video ul li img{ display: block; width: 9.333333rem; height: 5.333333rem; margin: 0 auto; border:4px solid #fff; border-radius: 4px;}
.m-video ul li i{ position: absolute; top: 1.84rem;left: 4.133333rem; z-index: 9; background: url(../images/icon_v.png) no-repeat center bottom; width: 1.733333rem; height:1.733333rem; background-size: 1.733333rem 1.733333rem; }

.m-video .show{ margin: 0.2rem auto; width: 8.6rem;text-align: center;}
.m-video .show .showinfo{margin: 0.2rem auto;  }

.m-brand{ width: 10rem; height:5.5rem; margin:0 auto;overflow:hidden; background: #fff; position: relative; }
.m-brand .swiper-container4 { width: 9.2rem;height:3rem; margin:0.5rem auto; overflow: hidden;  }
.m-brand .swiper-container4 .swiper-slide { width: 2.733333rem; height: 1.253333rem; background: url(../images//logo_bg.png) no-repeat center; background-size:2.733333rem 1.253333rem}
.m-brand img{ width: 2.466667rem; height: 1rem; margin:0.14rem auto; display: block;border-radius: .133333rem;}


.m-brand .swiper-pagination-bullet { width: .466667rem; height: .066667rem; border-radius: 0;  opacity: 1;background: #00a1a3;}
.m-brand .swiper-pagination-bullet-active{ background: #292154;}
.m-brand .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: .32rem;}



.topPingxuan{ width: 10rem; margin: 0 auto 0.1rem;padding:.133333rem 0; width: 10rem; height: 5.173333rem; background-size: 10rem 5.173333rem;}
.topPingxuan img{ display: block; width: 10rem; height: 5.173333rem;}


.m-review{ width: 10rem; height:5rem; margin:0 auto;overflow:hidden; background: #fff; }
.m-review .swiper-container5 { width: 9.466667rem;height:4.3rem; margin:0.3rem auto 0; overflow: hidden; position: relative;  }
.m-review .swiper-container5 .swiper-slide { width:4.666667rem; height: 3.2rem; overflow: hidden; }
.m-review img{ display: block; width: 2.933333rem; height: 2rem;}

.m-review p{ width: 100%;height: .546667rem; line-height:0.546667rem; text-align: center; font-size: .186667rem; color: #666666; background:#f3f3f3;border-bottom-left-radius: .133333rem;border-bottom-right-radius: .133333rem; overflow: hidden;}
.m-review .swiper-pagination-bullet { width: .466667rem; height: .066667rem; border-radius: 0;  opacity: 1;background: #00a1a3;}
.m-review .swiper-pagination-bullet-active{ background: #292154;}

.m-review .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 1.4rem;}

.m-contact{ width: 10rem; height:7.5rem; margin:0 auto;overflow:hidden; background: #f3f3f3; position: relative;  }
.m-contact img{ width: 9.733333rem; height: 3.266667rem; margin: .266667rem 0;}
.m-contact ul li{ width: 9.466667rem; height: 1.133333rem; line-height: 1.133333rem; margin:0 auto .266667rem; background: #fff; font-size: .32rem; color: #666;}
.m-contact ul li b{color: #262626;padding-left: .4rem}
.m-contact ul li.baodao{ height: 2.5rem;}
.m-contact ul li.baodao strong{ display: block; width: 1.7rem; float: left;color: #262626;padding-left: .4rem}
.m-contact ul li.baodao .info{ float: left; display: block; width: 7rem; float: left; padding-top: 0.2rem;}
.m-contact ul li.baodao .info p{ line-height: 0.7rem;}
.footer_img {width:10rem; height: 5.946666rem; background:url(../images/footer_img.png) no-repeat center top; background-size:4.933333rem 1.6rem}


.page {
  font-size: 16px;
  margin: 30px 0;
  text-align: center;
}
.page A {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ddd;
  border-radius: 5px;
  color: #aaa;
  line-height: 35px;
  padding: 8px 12px;
  width: 35px;
}
.page A:hover {
  background: #f6f6f6 none repeat scroll 0 0;
}
.page .currentPage {
  border-radius: 5px;
  margin-left: 4px;
  padding: 8px 12px;
background:#4a89dc; color:#fff;
}
.paginationInfo {
  display: none;
}