@charset "UTF-8";
/* !
 * 组成文件
 * reset.......................................默认浏览器样式重置
 * css3........................................css3宏集合
 * var.........................................变量集合
 * mixin.......................................自定义宏集合
 * 
 * 
 * */
/* line 5, E:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, E:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, E:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, E:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, E:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, E:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, E:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, E:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, E:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* line 15, sass/screen.scss */
body {
  font-family: Source Sans Pro,arial, "微软雅黑";
}

/* line 16, sass/screen.scss */
p, div, input {
  line-height: 1.5;
  color: #333333;
  font-size: 14px;
}

/* line 17, sass/screen.scss */
a {
  text-decoration: none;
}

/* line 18, sass/screen.scss */
i.th-icon {
  padding-right: 10px;
  vertical-align: middle;
}

/* line 21, sass/screen.scss */
.ellipsis, .th-nav li a, .th-nav-two li a, .th-menu-list > li > a, .th-product-list > li > h5, .th-product-text-list > li > p, .th-footer p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 22, sass/screen.scss */
.container {
  width: 1200px;
}

/* line 23, sass/screen.scss */
.overflow {
  overflow: hidden;
}

/* line 24, sass/screen.scss */
.clearfix {
  clear: both;
}

/* line 25, sass/screen.scss */
.tc {
  text-align: center;
}

/* line 26, sass/screen.scss */
.tl {
  text-align: left;
}

/* line 27, sass/screen.scss */
.tr {
  text-align: right;
}

/* line 28, sass/screen.scss */
.bc, .container, .th-banner-list li a .imgDiv {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

/* line 29, sass/screen.scss */
.l {
  float: left;
}

/* line 30, sass/screen.scss */
.r {
  float: right;
}

/* line 32, sass/screen.scss */
.imgA,
.imgDiv {
  overflow: hidden;
}
/* line 35, sass/screen.scss */
.imgA > img,
.imgDiv > img {
  width: 100%;
}

/* line 41, sass/screen.scss */
.w270 {
  width: 270px;
}

/* line 42, sass/screen.scss */
.w320 {
  width: 320px;
}

/* line 43, sass/screen.scss */
.w570 {
  width: 570px;
}

/* line 44, sass/screen.scss */
.w600 {
  width: 600px;
}

/* line 45, sass/screen.scss */
.w900 {
  width: 900px;
}

/* line 46, sass/screen.scss */
.w930 {
  width: 930px;
}
.w960 {
  width: 960px;
}
.w850 {
  width: 850px;
}

/* line 47, sass/screen.scss */
.w1200 {
  width: 1200px;
}

/* line 49, sass/screen.scss */
.h320 {
  height: 320px;
}
.h240 {
  height: 240px;
}

/* line 52, sass/screen.scss */
.lh-3 {
  line-height: 3;
}

/* line 55, sass/screen.scss */
.mt10 {
  margin-top: 10px;
}

/* line 56, sass/screen.scss */
.mt30 {
  margin-top: 30px;
}

/* line 57, sass/screen.scss */
.mt40 {
  margin-top: 40px;
}

/* line 58, sass/screen.scss */
.mb20 {
  margin-bottom: 20px;
}

/* line 59, sass/screen.scss */
.mb30 {
  margin-bottom: 30px;
}

/* line 60, sass/screen.scss */
.ml10 {
  margin-left: 10px;
}

/* line 61, sass/screen.scss */
.ml30 {
  margin-left: 30px;
}

/* line 62, sass/screen.scss */
.ml150 {
  margin-left: 150px;
}

/* line 63, sass/screen.scss */
.mr30 {
  margin-right: 30px;
}

/* line 64, sass/screen.scss */
.mr150 {
  margin-right: 150px;
}

/* line 66, sass/screen.scss */
.pt30 {
  padding-top: 30px;
}

/* line 69, sass/screen.scss */
.th-title-default {
  font-size: 18px;
  font-weight: 700;
}

/* line 70, sass/screen.scss */
.th-title-info {
  font-size: 24px;
  color: #81b92e;
}

/* line 72, sass/screen.scss */
.th-text-block {
  line-height: 2;
}
/* line 72, sass/screen.scss */
.th-text-block p {
  line-height: 2.2;
  font-size: 14px;
  color: #333;
  text-indent: 2em;
}

/* line 75, sass/screen.scss */
.th-bg-pink {
  background-color: #fdf2e9;
}

/* line 76, sass/screen.scss */
.th-bg-green {
  background-color: #81b92e;
}

/* line 79, sass/screen.scss */
.border-default {
  border: 1px solid #c4c4c4;
}

/* line 82, sass/screen.scss */
.th-header {
  height: 60px;
  line-height: 60px;
  overflow: hidden;
  background-color: white;
}
/* line 87, sass/screen.scss */
.th-header .imgA {
  float: left;
  line-height: 60px;
}
/* line 90, sass/screen.scss */
.th-header .imgA img {
  vertical-align: middle;
}
/* line 95, sass/screen.scss */
.th-nav {
  float: right;
  line-height: 60px;
}
/* line 98, sass/screen.scss */
.th-nav li {
  float: left;
  margin-left: 75px;
}
/* line 101, sass/screen.scss */
.th-nav li a {
  color: #333;
  font-size: 18px;
  display: block;
}
/* line 107, sass/screen.scss */
.th-nav li:hover a, .th-nav li.active a {
  color: #81b92e;
}

/* line 117, sass/screen.scss */
.th-banner {
  position: relative;
  overflow: hidden;
}
/* line 121, sass/screen.scss */
.th-banner-list {
  position: absolute;
  left: 0;
}
/* line 124, sass/screen.scss */
.th-banner-list li {
  float: left;
}
/* line 126, sass/screen.scss */
.th-banner-list li a {
  display: block;
  height: 500px;
}
/* line 128, sass/screen.scss */
.th-banner-list li a .imgDiv {
  width: 234px;
  height: 70px;
  padding-top: 320px;
}
/* line 138, sass/screen.scss */
.th-banner #slideButtonLeft1,
.th-banner #slideButtonRight1 {
  position: absolute;
  top: 38%;
  width: 45px;
  height: 85px;
  z-index: 9;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
}
/* line 149, sass/screen.scss */
.th-banner #slideButtonLeft1 {
  left: 10%;
  background-image: url(../img/banner_left.png);
}
/* line 153, sass/screen.scss */
.th-banner #slideButtonRight1 {
  right: 10%;
  background-image: url(../img/banner_right.png);
}

/* line 160, sass/screen.scss */
.th-nav-two {
  height: 40px;
  line-height: 40px;
  padding: 10px 0;
}
/* line 164, sass/screen.scss */
.th-nav-two li {
  float: left;
  width: 16.66%;
  text-align: center;
}
/* line 168, sass/screen.scss */
.th-nav-two li a {
  color: #666;
  font-size: 18px;
  display: block;
  font-weight: 700;
}
/* line 174, sass/screen.scss */
.th-nav-two li:hover, .th-nav-two li.active {
  background-color: white;
}
/* line 177, sass/screen.scss */
.th-nav-two li:hover a, .th-nav-two li.active a {
  color: #ef7a15;
}

/* line 185, sass/screen.scss */
.th-menu-list {
  position: relative;
  z-index: 99;
}
/* line 188, sass/screen.scss */
.th-menu-list > li {
  font-size: 16px;
  line-height: 2.8;
  padding-left: 20px;
}
/* line 192, sass/screen.scss */
.th-menu-list > li > a {
  position: relative;
  padding-right: 30px;
  color: #333;
  display: block;
}
/* line 198, sass/screen.scss */
.th-menu-list > li > a > span {
  position: absolute;
  right: 15px;
}
/* line 203, sass/screen.scss */
.th-menu-list > li:hover > a, .th-menu-list > li.active > a {
  color: #81b92e;
}
/* line 208, sass/screen.scss */
.th-menu-list > li:hover > .th-menu-list-content, .th-menu-list > li.active > .th-menu-list-content {
  display: block;
}
/* line 214, sass/screen.scss */
.th-menu-list-content {
  position: absolute;
  z-index: 999;
  top: 0;
  left: 270px;
  width: 270px;
  padding: 20px 0 20px 0;
  min-height: 398px;
  display: none;
  border: 1px solid #DCDCDC;
  background-color: white;
}
/* line 224, sass/screen.scss */
.th-menu-list-content > dl {
  position: relative;
  padding-left: 20px;
}
/* line 227, sass/screen.scss */
.th-menu-list-content > dl > dt,
.th-menu-list-content > dl > dd {
  font-size: 14px;
}
/* line 232, sass/screen.scss */
.th-menu-list-content > dl > dt {
  position: absolute;
  top: 10px;
  left: 0;
  font-weight: bold;
  clear: both;
}
/* line 240, sass/screen.scss */
.th-menu-list-content > dl > dd {
  padding: 6px 0;
  border-top: 1px solid #DCDCDC;
}
/* line 243, sass/screen.scss */
.th-menu-list-content > dl > dd > a {
  display: block;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 4px 0;
  padding: 0 10px;
  color: #666;
  line-height: 30px;
}
/* line 250, sass/screen.scss */
.th-menu-list-content > dl > dd > a:hover {
  color: #81b92e;
}
/* line 256, sass/screen.scss */
.th-menu-list-content > dl .first {
  border-top: none;
}

/* line 265, sass/screen.scss */
.th-product-list {
  width: 936px;
}
/* line 268, sass/screen.scss */
.th-product-list > li {
  float: left;
  width: 276px;
  margin-right: 36px;
  margin-bottom: 10px;
  list-style: none;
}
/* line 275, sass/screen.scss */
.th-product-list > li .imgA {
  position: relative;
  width: 270px;
  height: 270px;
  padding: 3px;
  display: block;
  overflow: hidden;
}
/* line 283, sass/screen.scss */
.th-product-list > li .imgA > img {
  width: 100%;
}
/* line 288, sass/screen.scss */
.th-product-list > li > h5 {
  line-height: 2.6;
  font-size: 14px;
  text-align: center;
}
/* line 293, sass/screen.scss */
.th-product-list > li > h5 > a {
  color: #333;
}
/* line 298, sass/screen.scss */
.th-product-list > li .mack {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  background-image: url(../img/bg-img-4.png);
}
/* line 307, sass/screen.scss */
.th-product-list > li .mack > .icon {
  width: 24px;
  height: 24px;
  margin: 121px auto 0 auto;
  display: block;
  background: url(../img/icon-serch.png) no-repeat center;
}
/* line 316, sass/screen.scss */
.th-product-list > li:hover .mack {
  display: block;
}

/* line 321, sass/screen.scss */
.th-product-text-list {
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid #DCDCDC;
}
/* line 326, sass/screen.scss */
.th-product-text-list > li {
  float: left;
  width: 49.99%;
}
/* line 330, sass/screen.scss */
.th-product-text-list > li > p {
  font-size: 14px;
}
/* line 334, sass/screen.scss */
.th-product-text-list > li > p > span {
  color: #999;
}

/* line 343, sass/screen.scss */
#about-swiper .imgA {
  width: 387px;
  height: 256px;
}

/* line 349, sass/screen.scss */
#product-swiper .imgDiv {
  width: 84px;
  height: 84px;
  border: 1px solid #DCDCDC;
  cursor: pointer;
}
/* line 354, sass/screen.scss */
#product-swiper .imgDiv:hover {
  border-color: #81b92e;
}

/* line 361, sass/screen.scss */
.th-download-list {
  width: 1280px;
}
/* line 364, sass/screen.scss */
.th-download-list > li {
  float: left;
  width: 176px;
  margin: 20px 80px 40px 0;
}
/* line 369, sass/screen.scss */
.th-download-list > li > .imgDiv {
  position: relative;
  width: 174px;
  height: 217px;
  border: 1px solid #dcdcdc;
  overflow: hidden;
}
/* line 376, sass/screen.scss */
.th-download-list > li > .imgDiv > img {
  width: 100%;
}
/* line 380, sass/screen.scss */
.th-download-list > li > .imgDiv > a {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  line-height: 40px;
  font-size: 14px;
  color: white;
  text-align: center;
  display: none;
  background-image: url(../img/bg-img-4.png);
}
/* line 394, sass/screen.scss */
.th-download-list > li > p {
  margin-top: 20px;
  font-size: 16px;
  text-align: center;
}
/* line 399, sass/screen.scss */
.th-download-list > li > p > a {
  color: #333;
}
/* line 404, sass/screen.scss */
.th-download-list > li:hover {
  margin-top: 0;
  margin-bottom: 60px;
}
/* line 407, sass/screen.scss */
.th-download-list > li:hover > .imgDiv {
  -moz-box-shadow: 0 5px 15px #dcdcdc;
  -webkit-box-shadow: 0 5px 15px #dcdcdc;
  box-shadow: 0 5px 15px #dcdcdc;
}
/* line 410, sass/screen.scss */
.th-download-list > li:hover > .imgDiv > a {
  display: block;
}

/* line 420, sass/screen.scss */
.th-link-list > li {
  float: left;
  width: 16.66%;
  height: 150px;
}
/* line 424, sass/screen.scss */
.th-link-list > li > a {
  width: 100%;
  height: 150px;
  text-align: center;
  display: block;
  overflow: hidden;
}

/* line 437, sass/screen.scss */
.th-footer {
  padding-bottom: 30px;
}
/* line 439, sass/screen.scss */
.th-footer p {
  line-height: 2.4;
  color: white;
}
/* line 445, sass/screen.scss */
.th-footer > .container > p {
  padding-left: 435px;
}
/* line 450, sass/screen.scss */
.th-footer-c {
  padding: 15px 0;
  background-color: #618b23;
}
/* line 453, sass/screen.scss */
.th-footer-c > .container {
  position: relative;
}

/* line 457, sass/screen.scss */
.th-share-list {
  position: absolute;
  top: 6px;
  right: 0;
}
/* line 461, sass/screen.scss */
.th-share-list > li {
  float: left;
  margin-left: 20px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
}
/* line 469, sass/screen.scss */
.th-share-list > .li1 {
  width: 9px;
  height: 19px;
  background-image: url(../img/Ultra-satety-1.png);
}
/* line 474, sass/screen.scss */
.th-share-list > .li2 {
  width: 20px;
  height: 16px;
  background-image: url(../img/Ultra-satety-2.png);
}
/* line 479, sass/screen.scss */
.th-share-list > .li3 {
  width: 19px;
  height: 25px;
  background-image: url(../img/Ultra-satety-3.png);
}
/* line 484, sass/screen.scss */
.th-share-list > .li4 {
  width: 21px;
  height: 19px;
  background-image: url(../img/Ultra-satety-4.png);
}

/* line 495, sass/screen.scss */
.tcdPageCode {
  padding: 40px 0;
  color: #ccc;
  text-align: center;
}
/* line 500, sass/screen.scss */
.tcdPageCode a,
.tcdPageCode .current,
.tcdPageCode .disabled {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  height: 25px;
  line-height: 25px;
  padding: 0 10px;
  margin: 0 2px;
  vertical-align: middle;
}
/* line 511, sass/screen.scss */
.tcdPageCode a {
  color: #333;
  border: 1px solid #ddd;
}
/* line 515, sass/screen.scss */
.tcdPageCode a:hover {
  text-decoration: none;
  border: 1px solid #428bca;
}
/* line 521, sass/screen.scss */
.tcdPageCode .current {
  color: #fff;
  border: 1px solid #428bca;
  background-color: #428bca;
}
/* line 527, sass/screen.scss */
.tcdPageCode .disabled {
  color: #bfbfbf;
  border: 1px solid #bfbfbf;
  background: #f2f2f2;
}

/* line 535, sass/screen.scss */
.swiper-container {
  width: 100%;
  height: 100%;
}
/* line 539, sass/screen.scss */
> .swiper-slide {
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
/* line 540, sass/screen.scss */
> .swiper-slide > img {
  width: 100%;
}

/* line 561, sass/screen.scss */
.swiper-button-black > button {
  width: 35px;
  height: 35px;
  border: none;
  outline: none;
  background: none;
}
/* line 569, sass/screen.scss */
.swiper-button-black ._btn-l, .swiper-button-black ._btn-r {
  background-repeat: nno-repeat;
  background-position: center;
}
/* line 574, sass/screen.scss */
.swiper-button-black ._btn-l {
  background-image: url(../img/btn-img-2B.png);
}
/* line 575, sass/screen.scss */
.swiper-button-black ._btn-r {
  background-image: url(../img/btn-img-1B.png);
}
/* line 576, sass/screen.scss */
.swiper-button-black ._btn-l:hover {
  background-image: url(../img/btn-img-2A.png);
}
/* line 577, sass/screen.scss */
.swiper-button-black ._btn-r:hover {
  background-image: url(../img/btn-img-1A.png);
}