body {
  font-family: 'SR';
}
.ui.container {
  padding: 0 15px;
  position: relative;
  max-width: 1402px;
  margin: auto;
  width: 100%;
}
#header {
  z-index: 20;
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  background: #fff;
  box-shadow: 0 0 6px 0 #a5a5a5;
  border-bottom: 1px solid rgba(245, 245, 245, 0.5);
}
#header .nav {
  position: relative;
  display: inline-block;
  width: 100%;
}
#header .nav .ui.container {
  max-width: 1798px;
  width: 100%;
}
#header .nav .ui.menu {
  padding: 16px;
  position: initial;
  display: flex;
  align-items: center;
  margin: 0 auto;
}
#header .nav .ui.menu .logo {
  display: inline-block;
  margin-left: 0;
  margin-right: 0;
  vertical-align: middle;
  padding: 3px 0;
}
#header .nav .ui.menu .menu-box {
  display: inline-block;
  vertical-align: middle;
  margin-left: 4.05rem;
  margin-right: 3.4rem;
}
#header .nav .ui.menu .menu-box ul.menu > li {
  font-size: .9rem;
  margin: 0 1rem 0 0;
  color: #333;
  -webkit-perspective: 500px;
  -moz-perspective: 500px;
  perspective: 500px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  z-index: 100;
  float: left;
  position: relative;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
  text-transform: uppercase;
}
#header .nav .ui.menu .menu-box ul.menu > li:last-child {
  margin: 0;
}
#header .nav .ui.menu .menu-box ul.menu > li:last-child a {
  border-right: none;
  padding: 0;
}
#header .nav .ui.menu .menu-box ul.menu > li::after {
  content: '';
  position: absolute;
  left: 50%;
  height: 5px;
  bottom: -82%;
  width: 0;
  background-color: #00adde;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
#header .nav .ui.menu .menu-box ul.menu > li > span{
  display: inline-block;
  padding: 0 25px 0 0;
  line-height: 1;
  position: relative;
}
#header .nav .ui.menu .menu-box ul.menu > li > a {
  display: inline-block;
  padding: 0 25px 0 0;
  line-height: 1;
  position: relative;
}
#header .nav .ui.menu .menu-box ul.menu > li > a::after{
  content: '';
  position: absolute;
  left: 50%;
  height: 5px;
  bottom: -145%;
  width: 0;
  background-color: #00adde;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}

#header .nav .ui.menu .menu-box ul.menu > li > span::after{
  content: '';
  position: absolute;
  left: 50%;
  height: 5px;
  bottom: -145%;
  width: 0;
  background-color: #000;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}

#header .nav .ui.menu .menu-box ul.menu > li > a.active::after{
  left: 0;
  width: 100%;
}

#header .nav .ui.menu .menu-box ul.menu > li > span.active::after{
  left: 0;
  width: 100%;
}
#header .nav .ui.menu .menu-box ul.menu > li ul.sub-menu {
  -webkit-perspective: 500px;
  perspective: 500px;
  transform-style: preserve-3d;
  text-align: left;
  position: absolute;
  z-index: 1;
  font-size: 15px;
  background: #fff;
  top: 150%;
  left: -10px;
  width: 180px;
  transform: rotate3d(1, 0, 0, -90deg);
  -webkit-transform: rotate3d(1, 0, 0, -90deg);
  -moz-transform: rotate3d(1, 0, 0, -90deg);
  -ms-transform: rotate3d(1, 0, 0, -90deg);
  -o-transform: rotate3d(1, 0, 0, -90deg);
  -webkit-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  opacity: 0;
  transition: transform 0.5s, opacity 0.3s;
  -webkit-transition: -webkit-transform 0.5s, opacity 0.3s;
  -moz-transition: -moz-transform 0.5s, opacity 0.3s;
  box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.2);
  border-bottom: 3px solid #0195ff;
  display: none \9;
}
#header .nav .ui.menu .menu-box ul.menu > li ul.sub-menu li {
  display: block;
  float: none;
  padding: 0 15px;
  line-height: 40px;
  color: black;
  font-weight: 400;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  text-transform: capitalize;
  position: relative;
}
#header .nav .ui.menu .menu-box ul.menu > li ul.sub-menu li a {
  display: block;
}
#header .nav .ui.menu .menu-box ul.menu > li ul.sub-menu li:hover {
  background: #222;
  color: white;
}
#header .nav .ui.menu .menu-box ul.menu > li:hover::after {
  left: 0;
  width: 100%;
}
#header .nav .ui.menu .menu-box ul.menu > li:hover::before {
  transform: rotate(180deg);
}
#header .nav .ui.menu .menu-box ul.menu > li:hover ul.sub-menu {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  transform: rotate3d(0, 0, 0, 0);
  -webkit-transform: rotate3d(0, 0, 0, 0);
  -moz-transform: rotate3d(0, 0, 0, 0);
  -ms-transform: rotate3d(0, 0, 0, 0);
  -o-transform: rotate3d(0, 0, 0, 0);
  display: block \9;
}
#header .nav .ui.menu .language {
  position: relative;
  display: inline-block;
  font-size: 18px;
  vertical-align: middle;
  margin-left: 36px;
  color: #000;
}
#header .nav .ui.menu .language img {
  display: inline-block;
  vertical-align: middle;
}

#header .nav .ui.menu .language span {
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.55rem;
}
#header .nav .ui.menu .language span i {
  padding-left: 7px;
  font-size: 16px;
}
#header .nav .ui.menu .language ul.sub-menu {
  -webkit-perspective: 500px;
  perspective: 500px;
  transform-style: preserve-3d;
  text-align: left;
  position: absolute;
  font-size: 15px;
  background: #fff;
  top: 110%;
  left: 0;
  width: 100%;
  transform: rotate3d(1, 0, 0, -90deg);
  -webkit-transform: rotate3d(1, 0, 0, -90deg);
  -moz-transform: rotate3d(1, 0, 0, -90deg);
  -ms-transform: rotate3d(1, 0, 0, -90deg);
  -o-transform: rotate3d(1, 0, 0, -90deg);
  -webkit-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  opacity: 0;
  transition: transform 0.5s, opacity 0.3s;
  -webkit-transition: -webkit-transform 0.5s, opacity 0.3s;
  -moz-transition: -moz-transform 0.5s, opacity 0.3s;
  box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.2);
  border-bottom: 3px solid #0195ff;
  display: none \9;
}
#header .nav .ui.menu .language ul.sub-menu li {
  display: block;
  float: none;
  padding: 0 5px;
  line-height: 40px;
  font-size: 12px;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  text-transform: capitalize;
}
#header .nav .ui.menu .language ul.sub-menu li a {
  display: block;
  color: #000;
}
#header .nav .ui.menu .language ul.sub-menu li a img {
  vertical-align: middle;
  height: 20px;
}
#header .nav .ui.menu .language ul.sub-menu li:hover {
  background: #222;
}
#header .nav .ui.menu .language ul.sub-menu li:hover a {
  color: #fff;
}
#header .nav .ui.menu .language:hover ul.sub-menu {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  transform: rotate3d(0, 0, 0, 0);
  -webkit-transform: rotate3d(0, 0, 0, 0);
  -moz-transform: rotate3d(0, 0, 0, 0);
  -ms-transform: rotate3d(0, 0, 0, 0);
  -o-transform: rotate3d(0, 0, 0, 0);
  display: block \9;
}
#header .nav .ui.menu .h-search {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  cursor: pointer;
  padding-top: 5px;
  padding-right: 0.7rem;
  border-right: 1px solid #fff;
  filter: brightness(0);
}
#header .nav .ui.menu .box {
  display: inline-block;
  vertical-align: middle;
  margin-left: auto;
  margin-right: 0;
  padding-top: 5px;
}
#header .nav .ui.menu .box li {
  color: #000;
  font-size: 18px;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  margin-right: 3.25rem;
}
#header .nav .ui.menu .box li img {
  display: inline-block;
  vertical-align: middle;
  filter: brightness(0);
}
#header .nav .ui.menu .box li span {
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px;
}
#header .nav .ui.menu .box li:last-child {
  margin-right: 0;
}
#header .nav .search-box {
  line-height: normal;
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
  width: 100%;
  height: 100%;
  z-index: 99999;
  display: none;
}
#header .nav .search-box form {
  position: absolute;
  top: 45%;
  left: 50%;
  width: 60%;
  margin-left: -30%;
}
#header .nav .search-box form input {
  background: none;
  outline: none;
  border: none;
}
#header .nav .search-box form input[type="text"] {
  width: 100%;
  border-bottom: 1px solid #e1e1e1;
  font-size: 26px;
  color: #000;
  padding: 10px 0;
}
#header .nav .search-box form input[type="submit"] {
  width: 22px;
  height: 22px;
  background: url(../images/tc-zoom.png) no-repeat;
  position: absolute;
  right: 15px;
  top: 20px;
}
#header .nav .search-box form input[type="submit"]:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
#header .nav .search-box .close {
  width: 30px;
  height: 30px;
  background: url(../images/close.png) no-repeat;
  position: absolute;
  right: 25px;
  top: 15px;
  cursor: pointer;
}
#banner .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 50px;
  height: 80px;
  color: transparent;
  border: none;
  z-index: 1;
  outline: none;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  opacity: 0;
}
#banner .slick-arrow:hover {
  background-color: #0195ff;
}
#banner:hover .slick-arrow {
  opacity: 1;
}
#banner .slick-prev {
  background: url("../images/banner-btn-l.png") no-repeat center center rgba(0, 0, 0, 0.3);
  left: 15px;
}
#banner .slick-next {
  background: url("../images/banner-btn-r.png") no-repeat center center rgba(0, 0, 0, 0.3);
  right: 15px;
}
#banner ul.slick-dots {
  position: absolute;
  z-index: 10;
  bottom: 7%;
  left: 0;
  text-align: center;
  width: 100%;
}
#banner ul.slick-dots li {
  position: relative;
  text-align: center;
  color: #fff;
  width: 13px;
  height: 13px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  display: inline-block;
  margin-right: 1.2rem;
}
#banner ul.slick-dots li:last-child {
  margin-right: 0;
}
#banner ul.slick-dots li button {
  display: none;
}
#banner ul.slick-dots li.slick-active {
  background: #fff;
  width: 18px;
  height: 19px;
}
#index-body .partner .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 31px;
  height: 68px;
  color: transparent;
  border: none;
  z-index: 1;
  outline: none;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
#index-body .partner .slick-arrow:hover {
  background-color: #0195ff;
}
#index-body .partner .slick-prev {
  background: url("../images/pal.png") no-repeat center center #dedede;
  left: -8.2%;
}
#index-body .partner .slick-next {
  background: url("../images/par.png") no-repeat center center #dedede;
  right: -2.5%;
}
#index-body .product .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 69px;
  height: 69px;
  border: solid 2px #b9b9b9;
  border-radius: 50%;
  color: transparent;
  z-index: 1;
  outline: none;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
#index-body .product .slick-arrow:hover {
  background-color: #b9b9b9;
}
#index-body .product .slick-prev {
  background: url("../images/pl.png") no-repeat center center;
  left: -6.2%;
}
#index-body .product .slick-next {
  background: url("../images/pr.png") no-repeat center center;
  right: -4.5%;
}
table {
  margin-bottom: 20px;
  word-break: break-word;
  width: 100% !important;
  height: auto !important;
  display: block;
  overflow: auto;
}
table tbody {
  display: table;
  width: 100% !important;
  min-width: 700px;
}
table td,
table th {
  padding: 5px 10px;
  border: 1px solid #317bde;
  width: auto !important;
  height: auto !important;
}
table tr {
  width: auto !important;
  height: auto !important;
}
table tr:nth-child(even) {
  background: #eee;
}
.button-group {
  position: absolute;
  bottom: 20px;
  right: 20px;
  font-size: 12px;
  padding: 10px;
}
.button-group .button {
  height: 28px;
  line-height: 28px;
  background-color: #0195ff;
  color: #FFF;
  border: 0;
  outline: none;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 3px;
  margin-bottom: 4px;
  cursor: pointer;
}
.layui-layer-dialog .layui-layer-content {
  word-break: break-word !important;
}
#mobile {
  position: fixed;
  top: 0;
  left: -280px;
  width: 280px;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  z-index: 999;
}
#mobile .yy {
  content: '';
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 100%;
  display: block;
  background: rgba(0, 0, 0, 0.13);
  z-index: -1;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
#mobile #menu-on {
  width: 40px;
  height: 40px;
  position: absolute;
  left: 100%;
  top: 10px;
  cursor: pointer;
}
#mobile #menu-on i {
  width: 23px;
  height: 2px;
  background: #fff;
  display: block;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
#mobile #menu-on i.line1 {
  top: 12px;
}
#mobile #menu-on i.line2 {
  top: 19px;
}
#mobile #menu-on i.line3 {
  top: 26px;
}
#mobile .menu-content {
  width: 100%;
  height: 100vh;
  display: block;
  background: #222;
  padding: 40px 10%;
  overflow-y: auto;
  color: white;
}
#mobile .menu-content::-webkit-scrollbar {
  width: 3px;
  border-radius: 1.5px;
}
#mobile .menu-content::-webkit-scrollbar-button {
  display: none;
}
#mobile .menu-content::-webkit-scrollbar-track {
  background-color: #222;
}
#mobile .menu-content::-webkit-scrollbar-thumb {
  background-color: #eee;
}
#mobile .menu-content h3 {
  font-size: 20px;
  color: inherit;
  text-transform: capitalize;
  margin-bottom: 10px;
}
#mobile .menu-content h3 i {
  font-size: 16px;
  position: relative;
  top: -1px;
}
#mobile .menu-content .menu-logo {
  display: block;
}
#mobile .menu-content .menu-logo img {
  margin: 0 auto;
}
#mobile .menu-content .menu-list {
  margin: 40px 0;
}
#mobile .menu-content .menu-list ul li {
  font-size: 15px;
  color: inherit;
  text-transform: capitalize;
  line-height: 30px;
}
#mobile .menu-content .menu-list ul li a {
  padding: 8px 0;
  display: block;
}
#mobile .menu-content .menu-list ul li a:hover {
  color: #fd2318;
  text-decoration: underline;
}
#mobile .menu-content .menu-list ul li li a {
  position: relative;
  padding-left: 15px;
  font-size: 13px;
  line-height: 18px;
}
#mobile .menu-content .menu-list ul li li a:after {
  content: '';
  width: 6px;
  height: 1px;
  background: white;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
#mobile .menu-content .mob-search form {
  position: relative;
}
#mobile .menu-content .mob-search form input {
  width: 100%;
  height: 45px;
  line-height: 45px;
  border-radius: 5px;
  border: none;
  padding: 0 15px;
  font-size: 14px;
  color: black;
}
#mobile .menu-content .mob-search form input[type="submit"] {
  width: 45px;
  height: 45px;
  background: url("../images/icon-search-white.png") no-repeat center center #222;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 0;
}
#mobile .menu-content .mob-yuy {
  margin: 40px 0;
}
#mobile .menu-content .mob-yuy ul li {
  margin-bottom: 10px;
  color: inherit;
  font-size: 14px;
}
#mobile .menu-content .mob-yuy ul li img {
  max-width: 40px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
#mobile .menu-content .mob-share ul li {
  width: 30px;
  height: 30px;
  border-radius: 3px;
  background: #333;
  display: inline-block;
  text-align: center;
  line-height: 30px;
  color: white;
  font-size: 14px;
  margin-right: 3px;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
#mobile .menu-content .mob-share ul li:hover {
  background: #fd2318;
}
#mobile .menu-content #menu-off {
  margin-top: 40px;
  cursor: pointer;
}
#mobile.active {
  left: 0;
}
#mobile.active .yy {
  left: 0;
}
#mobile.active #menu-on i.line1 {
  -webkit-transform: translateX(-50%) rotateZ(45deg);
  -moz-transform: translateX(-50%) rotateZ(45deg);
  -ms-transform: translateX(-50%) rotateZ(45deg);
  -o-transform: translateX(-50%) rotateZ(45deg);
  transform: translateX(-50%) rotateZ(45deg);
  top: 12px;
  margin-left: 3px;
}
#mobile.active #menu-on i.line2 {
  opacity: 0;
}
#mobile.active #menu-on i.line3 {
  -webkit-transform: translateX(-50%) rotateZ(-45deg);
  -moz-transform: translateX(-50%) rotateZ(-45deg);
  -ms-transform: translateX(-50%) rotateZ(-45deg);
  -o-transform: translateX(-50%) rotateZ(-45deg);
  transform: translateX(-50%) rotateZ(-45deg);
  top: 28px;
  margin-left: 3px;
}
#mobile.white .menu-content {
  background: white;
  color: black;
}
#mobile.white .menu-content .menu-list ul li li a:after {
  background: black;
}
#mobile.white .menu-content .mob-search form input {
  border: 1px solid black;
}
#mobile.white .menu-content .mob-search form input[type="submit"] {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
#m-header {
  position: relative;
  display: none;
  z-index: 21;
  margin-top: 60px;
}
#m-header .m-box {
  position: fixed;
  left: 0;
  top: 0;
  font-size: 0;
  width: 100%;
  height: 60px;
  line-height: 60px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
  background-color: #fff;
  padding: 0 15px;
}
#m-header .m-box .m-menu {
  display: inline-block;
  width: 33.3333333%;
  vertical-align: middle;
  margin-right: auto;
}
#m-header .m-box .m-menu .BtnMenu {
  font-size: 26px;
  vertical-align: middle;
  color: #333;
}
#m-header .m-box .m-menu .m-content {
  display: none;
  position: absolute;
  left: 0;
  top: 59px;
  font-size: 14px;
  width: 100%;
  line-height: normal;
  background-color: #fff;
  overflow-y: auto;
  max-height: 600px;
  max-height: 100vh;
  padding-bottom: 60px;
}
#m-header .m-box .m-menu .m-content .m-search {
  position: relative;
  padding: 20px;
}
#m-header .m-box .m-menu .m-content .m-search form {
  position: relative;
}
#m-header .m-box .m-menu .m-content .m-search form input {
  display: inline-block;
  width: 100%;
  height: 36px;
  line-height: 36px;
  border: 1px solid #d3d3d3;
  border-radius: 3px;
  padding: 7px 30px 7px 10px;
}
#m-header .m-box .m-menu .m-content .m-search form input:focus {
  border-color: #0D9BF2;
}
#m-header .m-box .m-menu .m-content .m-search form button {
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  border: none;
  background-color: transparent;
}
#m-header .m-box .m-menu .m-content .m-list ul {
  height: auto;
}
#m-header .m-box .m-menu .m-content .m-list ul li {
  position: relative;
  border-bottom: solid 1px #f3f3f3;
}
#m-header .m-box .m-menu .m-content .m-list ul li .link {
  position: relative;
  padding: 0 50px 0 30px;
}
#m-header .m-box .m-menu .m-content .m-list ul li .link a {
  display: inline-block;
  font-weight: 600;
  line-height: 1.5;
  padding: 16px 0;
}
#m-header .m-box .m-menu .m-content .m-list ul li .link i.Expandmenu {
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  font-size: 20px;
  width: 30px;
  text-align: center;
  color: #333;
  padding: 10px 0;
}
#m-header .m-box .m-menu .m-content .m-list ul li .link.active i.Expandmenu {
  -webkit-transform: translateY(-50%) rotateZ(-180deg);
  -moz-transform: translateY(-50%) rotateZ(-180deg);
  -ms-transform: translateY(-50%) rotateZ(-180deg);
  -o-transform: translateY(-50%) rotateZ(-180deg);
  transform: translateY(-50%) rotateZ(-180deg);
}
#m-header .m-box .m-menu .m-content .m-list ul li .nav-list {
  display: none;
}
#m-header .m-box .m-menu .m-content .m-list ul li .nav-list ul.nav-listchild li {
  border-bottom: none;
  padding: 0 20px 0 40px;
}
#m-header .m-box .m-menu .m-content .m-list ul li .nav-list ul.nav-listchild li a {
  display: block;
  padding: 8px 0;
}
#m-header .m-box .m-menu .m-content .m-list ul li .nav-list ul.nav-listchild li a:hover {
  color: #0D9BF2;
}
#m-header .m-box .m-menu .m-content .m-list ul li .nav-list ul.nav-listchild li:hover {
  background-color: #f5f5f5;
}
#m-header .m-box .m-menu .m-content .m-list ul li:hover .link,
#m-header .m-box .m-menu .m-content .m-list ul li:focus .link,
#m-header .m-box .m-menu .m-content .m-list ul li:active .link {
  background-color: #f5f5f5;
}
#m-header .m-box .m-menu .m-content .m-language {
  text-align: center;
  padding: 20px;
}
#m-header .m-box .m-menu .m-content .m-language a {
  display: inline-block;
  text-align: center;
  padding: 10px;
}
#m-header .m-box .m-menu .m-content .m-language a img {
  height: 25px;
}
#m-header .m-box .m-menu .m-content .m-language a p {
  font-size: 14px;
  color: #777;
  margin-top: 5px;
}
#m-header .m-box .m-menu .m-content .m-contact {
  font-size: 14px;
  text-align: center;
  color: #777;
  padding: 20px;
  padding-top: 0;
}
#m-header .m-box .m-logo {
  display: inline-block;
  text-align: center;
  width: 33.3333333%;
  vertical-align: middle;
  margin: auto;
}
#m-header .m-box .m-logo img {
  display: inline-block;
  vertical-align: middle;
  height: 40px;
}
#m-header .m-box .m-login {
  display: inline-block;
  width: 33.3333333%;
  vertical-align: middle;
  text-align: right;
  margin-left: auto;
  font-size: 14px;
}
#m-header .m-box .m-login a:hover {
  color: #0D9BF2;
}
@keyframes ks {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
  }
  10% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 1;
  }
  80% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: .3;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes ks {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
  }
  10% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 1;
  }
  80% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: .3;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@-moz-keyframes ks {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
  }
  10% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 1;
  }
  80% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: .3;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@-moz-keyframes rain-line {
  0% {
    top: -20%;
  }
  100% {
    top: 100%;
  }
}
@keyframes rain-line {
  0% {
    top: -20%;
  }
  100% {
    top: 100%;
  }
}
@-webkit-keyframes rain-line {
  0% {
    top: -20%;
  }
  100% {
    top: 100%;
  }
}
#banner {
  position: relative;
  z-index: 1;
}
#banner ul .slick-slide img {
  display: inline-block;
}
#banner ul li {
  position: relative;
}
#banner ul li > img {
  width: 100%;
  min-height: 300px;
  object-fit: cover;
}

#banner ul li .text {
  position: absolute;
  left: 0;
  top: 55%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  color: #fff;
  width: 100%;
  text-align: center;
}
#banner ul li .text span {
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  color: #0195ff;
}
#banner ul li .text h3 {
  font-size: 3rem;
  line-height: 1.2;
  margin-top: 1.25rem;
  font-family: 'SSB';
}
#banner ul li .text .play {
  margin-top: 6rem;
  text-align: center;
  position: relative;
  display: inline-block;
}
#banner ul li .text .play::before,
#banner ul li .text .play::after {
  position: absolute;
  z-index: -1;
  content: '';
  left: -30px;
  right: -30px;
  top: -30px;
  bottom: -30px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.5);
  -webkit-animation: ks 2s linear infinite;
  -o-animation: ks 2s linear infinite;
  -ms-animation: ks 2s linear infinite;
  -moz-animation: ks 2s linear infinite;
  animation: ks 2s linear infinite;
}
#banner ul li .text .play::before {
  -webkit-animation-delay: .6s;
  -o-animation-delay: .6s;
  -ms-animation-delay: .6s;
  -moz-animation-delay: .6s;
  animation-delay: .6s;
}
#banner ul li .more {
  display: block;
  width: 190px;
  height: 43px;
  border-radius: 18px;
  border: solid 1px #ffffff;
  font-size: 18px;
  font-family: 'SSB';
  font-weight: bold;
  text-align: center;
  line-height: 43px;
  position: absolute;
  right: 3.25rem;
  top: 12%;
  color: #fff;
  text-transform: uppercase;
  z-index: 1;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
#banner ul li .more::before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #0195ff;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
#banner ul li .more:hover {
  border-color: #0195ff;
  background: #0195ff;
}
/*#banner ul li .more:hover::before {
  width: 100%;
  border-radius: 18px;
}*/
#index-body .more {
  position: relative;
  z-index: 1;
  display: block;
  font-size: 18px;
  font-family: 'SR';
  font-weight: bold;
  color: #333;
  width: 170px;
  height: 47px;
  border-radius: 22px;
  border: solid 1px #0195ff;
  text-align: center;
  line-height: 47px;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
#index-body .more::before {
  content: '';
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  width: 0;
  height: 100%;
  border-radius: 22px;
  background-color: #0195ff;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
#index-body .more:hover {
  color: #fff;
  background: #0195ff;
}
/*#index-body .more:hover::before {
  width: 100%;
}*/
#index-body .title img {
  display: inline-block;
}
#index-body .title h3 {
  display: inline-block;
  font-size: 3.5rem;
  font-family: 'SSB';
  font-weight: bold;
  line-height: 1;
  color: #333333;
  /*padding-left: 1.35rem;*/
  position: relative;
  z-index: 1;
}
#index-body .title h3::after {
  content: '';
  position: absolute;
  z-index: -1;
  left: 1.35rem;
  bottom: 10px;
  width: 160px;
  height: 9px;
  background-color: #0195ff;
}
#index-body .rs {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 100vh;
  margin: auto;
  pointer-events: none;
  z-index: 0;
}
#index-body .rs .line {
  position: absolute;
  width: 1px;
  height: 100vh;
  top: 0;
  left: -webkit-calc(50%);
  left: -moz-calc(50%);
  left: calc(50%);
  background: rgba(153, 153, 153, 0.35);
  z-index: 1;
}
#index-body .rs .line:nth-child(1) {
  left: 5.2%;
}
#index-body .rs .line:nth-child(2) {
  left: 18%;
}
#index-body .rs .line:nth-child(3) {
  left: 30.5%;
}
#index-body .rs .line:nth-child(4) {
  left: 43.7%;
}
#index-body .rs .line:nth-child(5) {
  left: 55.5%;
}
#index-body .rs .line:nth-child(6) {
  left: 67.5%;
}
#index-body .rs .line:nth-child(7) {
  left: 80%;
}
#index-body .rs .line:nth-child(8) {
  left: 95%;
}
#index-body .data {
  background: #093759;
  padding: 3.45rem 0;
  color: #fff;
  text-align: center;
  position: relative;
}
#index-body .data li h3 {
  font-size: 3.65rem;
  font-family: 'SSB';
  line-height: 1;
}
#index-body .data li h3 em {
  display: inline-block;
  vertical-align: middle;
}
#index-body .data li h3 sub {
  display: inline-block;
  vertical-align: middle;
}
#index-body .data li p {
  font-size: 24px;
  font-family: 'SR';
  line-height: 1;
  font-style: italic;
  margin-top: 10px;
}
#index-body .advantage {
  background: url(../images/ad.png) no-repeat center;
  position: relative;
}
#index-body .advantage .left {
  padding: 4.35rem 0 0 8.3rem;
}
#index-body .advantage .left .content {
  padding-top: 0.55rem;
}
#index-body .advantage .left .content h4 {
  font-size: 17px;
  line-height: 1;
  color: #333;
  font-weight: bold;
  font-family: 'SSB';
}
#index-body .advantage .left .content .info {
  margin-top: 1.6rem;
}
#index-body .advantage .left .content .info li {
  list-style-type: disc;
  list-style-position: inside;
  font-size: 20px;
  font-family: 'SSB';
  line-height: 1.8;
}
#index-body .advantage .left .content .share {
  margin-top: 3.15rem;
}
#index-body .advantage .left .content .share li {
  display: inline-block;
  margin-right: 1.5rem;
}
#index-body .advantage .left .content .share li:last-child {
  margin-right: 0;
}
#index-body .advantage .right {
  position: relative;
}
#index-body .advantage .right .arrow {
  position: absolute;
  bottom: 0;
  right: 0;
}
#index-body .advantage .right .arrow .al,
#index-body .advantage .right .arrow .ar {
  display: inline-block;
  width: 67px;
  height: 67px;
  background-color: #ffffff;
  text-align: center;
  line-height:70px;
  font-size: 2rem;
  font-family: 'PR';
  cursor: pointer;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
#index-body .advantage .right .arrow .al:hover,
#index-body .advantage .right .arrow .ar:hover {
  background-color: #0195ff;
  color: #fff;
}
#index-body .advantage .right .arrow .al {
  margin-right: -3px;
}
#index-body .partner {
  background: url("../images/pab.png") no-repeat #f7f7f8;
  padding: 5.6rem 0;
  background-size: cover;
  position: relative;
}
#index-body .partner .ui.container {
  max-width: 1660px;
  width: 100%;
}
#index-body .partner ul {
  margin-right: -4.95rem;
}
#index-body .partner ul li {
  padding-right: 4.95rem;
}
#index-body .show1 {
  background: url("/nihaowater/2022/12/29/fac-1.jpg") no-repeat;
  width: 100%;
  height: 713px;
  background-attachment: fixed;
  position: relative;
  background-size: cover;
}
#index-body .show2 {
  background: url("/nihaowater/2022/12/29/fac-2.jpg") no-repeat;
  width: 100%;
  height: 713px;
  background-attachment: fixed;
  position: relative;
  background-size: cover;
}
#index-body .product {
  position: relative;
  padding: 4.25rem 0 4.05rem;
  background-color: #e9e9ea;
}
#index-body .product .ui.container {
  max-width: 1660px;
  padding: 0 15px;
  position: relative;
  margin: auto;
  width: 100%;
}
#index-body .product .header {
  text-align: center;
}
#index-body .product .header p {
  text-transform: uppercase;
  font-size: 17px;
  font-family: 'SSB';
  font-weight: bold;
  color: #333;
  line-height: 2;
}
#index-body .product .content {
  margin-top: 3rem;
}
#index-body .product .content ul {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
#index-body .product .content ul .slick-slide {
  margin-right: 1.5rem;
}
#index-body .product .content ul li{
  border-radius: 16px 18px 18px 18px;
  padding: 20px 10px;
  width: 25%;
}
#index-body .product .content .img{
  background: #fff;
  border-radius: 14px 16px 0px 0px;
}
#index-body .product .content .img img {
  width: 100%;
}
#index-body .product .content .text {
  padding: 1.5rem 0 1.5rem 0;
  text-align: center;
  font-size: 22px;
  font-family: 'SR';
  color: #333;
  line-height: 1.4;
   background-color: #e4ebf4;
}
#index-body .product .content .more {
  margin: 2.95rem auto 0;
}
#index-body .about {
  background: url("../images/ab.jpg") no-repeat;
  padding: 4.85rem 0 1.55rem;
  background-size: cover;
}
#index-body .about .header {
  text-align: center;
}
#index-body .about .header .title h1,#index-body .about .header .title h2 {
  display: inline-block;
  vertical-align: middle;
  font-size: 3.65rem;
  font-family: 'SR';
  font-weight: bold;
  line-height: 1;
  color: #333;
  position: relative;
  z-index: 1;
}
#index-body .about .header .title h1::after,#index-body .about .header .title h2::after {
  content: '';
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: 10px;
  width: 160px;
  height: 9px;
  background-color: #0195ff;
}
#index-body .about .header p,#index-body .about .header .nihaowaterintro {
  font-size: 21px;
  font-family: 'SR';
  font-weight: 300;
  line-height: 1.8;
  color: #333;
  margin: 2rem auto 0;
  width: 60%;
}
#index-body .about .header .nihaowaterintro h1{
  display: inline;
  font-size: inherit;
}
#index-body .about .header .more {
  margin: 1.35rem auto 0;
}
#index-body .about .content {
  margin-top: 3.85rem;
}
#index-body .about .content .left {
  background: #fff;
  padding-top: 1.5rem ;
  width: 33%;
  position: relative;
}
#index-body .about .content .left ul {
  margin: 0 5rem;
}
#index-body .about .content .left ul li {
  padding: 1.8rem 0 0.75rem;
  border-bottom: 3px solid rgba(0, 0, 0, 0.22);
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-box-justify-content: space-between;
  -moz-box-justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  align-items: center;
  -webkit-box-align-items: center;
  -moz-box-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
}
#index-body .about .content .left ul li .text {
  color: #333333;
}
#index-body .about .content .left ul li .text h4 {
  font-size: 24px;
  font-family: 'SSB';
  line-height: 1.2;
  font-weight: bold;
}
#index-body .about .content .left ul li .text .mores {
  display: block;
  font-size: 15px;
  font-family: 'SEL';
  font-weight: bold;
}
#index-body .about .content .left ul li .tag {
  font-size: 2rem;
  font-family: 'SSB';
  color: rgba(0, 0, 0, 0.2);
  line-height: 1;
}
#index-body .about .content .left .arrow {
  margin-top: 1.4rem;
  text-align: right;
}
#index-body .about .content .left .arrow .al,
#index-body .about .content .left .arrow .ar {
  display: inline-block;
  width: 67px;
  height: 67px;
  background-color: #ffffff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  text-align: center;
  line-height: 82px;
  font-size: 2rem;
  font-family: 'PR';
  cursor: pointer;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
#index-body .about .content .left .arrow .al:hover,
#index-body .about .content .left .arrow .ar:hover {
  background-color: #0195ff;
  color: #fff;
}
#index-body .about .content .left .arrow .al {
  margin-right: -3px;
}
#index-body .about .content .right {
  width: 100%;
  padding-left: 0.6rem;
}

#index-body .about .content .right ul .slick-slide {
  margin-right: 12px;
}
#index-body .about .content .right ul .slick-slide div li > a{
  position: relative;
}
#index-body .about .content .right ul .slick-slide div li > a p{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 10px 16px;
  font-size: 20px;
  z-index: 2;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}

#index-body .news {
  padding: 6.1rem 0 6.4rem 0;
  position: relative;
  z-index: 1;
}
#index-body .news.pt_0{
  padding: 0;
}
#index-body .news .header {
  text-align: center;
}
#index-body .news .header .all p {
  display: inline-block;
  font-size: 17px;
  font-family: 'SSB';
  font-weight: bold;
  line-height: 2;
  padding: 1.2rem 0 0 9rem;
}
#index-body .news .header .all .more {
  float: right;
}
#index-body .news .content {
  margin-top: 3.75rem;
}
#index-body .news .content ul {
  margin-right: -4.6rem;
}
#index-body .news .content ul .slick-slide {
  margin-right: 4.6rem;
  padding: 0 0 2px 1px;
}
#index-body .news .content li {
  background-color: #ffffff;
  border-radius: 14px 16px 16px 16px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
#index-body .news .content li .img img {
  width: 100%;
}
#index-body .news .content li .text {
  padding: 1.65rem 1.2rem 1.75rem 2rem;
}
#index-body .news .content li .text time {
  font-size: 14px;
  font-family: 'SSB';
  line-height: 1;
  color: #0195ff;
}
#index-body .news .content li .text h3 {
  font-size: 26px;
  margin-top: 0.95rem;
  font-family: 'SSB';
  color: #040404;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1;
}
#index-body .news .content li .text p {
  font-size: 18px;
  margin-top: 1.25rem;
  font-family: 'SR';
  line-height: 1.6;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
#index-body .news .content li .text .mores {
  display: block;
  margin-top: 2.7rem;
  font-family: 'MEB';
  color: #0195ff;
  line-height: 1;
  font-size: 18px;
}
#index-body .news .content li .text .mores i {
  font-size: 29px;
  font-family: 'PR';
  font-weight: bold;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.7rem;
}
#index-body .news .n1 {
  position: absolute;
  z-index: -1;
  bottom: 0;
  right: 0;
}
#footer {
  position: relative;
}
#footer .box {
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-box-flex-wrap: wrap;
  -moz-box-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  background: #093759;
  padding: 0;
}
#footer .box .left {
  width: 60%;
  padding: 2.3rem 4.9rem 2.2rem 4.45rem;
  color: #fff;
}
#footer .box .left .header {
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-box-flex-wrap: wrap;
  -moz-box-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-box-justify-content: space-between;
  -moz-box-justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
}
#footer .box .left .header .nav {
  padding-top: 1.25rem;
}
#footer .box .left .header .nav .f-nav {
  border-bottom: 2px solid #b4b4b4;
  padding-bottom: 0.7rem;
}
#footer .box .left .header .nav .f-nav li {
  display: inline-block;
  font-size: 16px;
  line-height: 1;
  text-transform: uppercase;
}
#footer .box .left .header .nav .f-nav li a {
  display: inline-block;
  padding: 0 1rem;
  border-right: 1px solid #bbb;
  color: #bbb;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
#footer .box .left .header .nav .f-nav li:first-child a {
  padding: 0 1rem 0 0;
}
#footer .box .left .header .nav .f-nav li:last-child a {
  border-right: none;
  padding: 0 0 0 1rem;
}
#footer .box .left .header .nav .f-nav li:hover a {
  color: #fff;
  border-color: #fff;
}
#footer .box .left .header .nav .f-language {
  text-align: right;
  margin-top: 0.9rem;
  font-size: 18px;
  color: #bbb;
  line-height: 1;
  position: relative;
}
#footer .box .left .header .nav .f-language span {
  display: inline-block;
  vertical-align: middle;
  padding-right: 1rem;
}
#footer .box .left .header .nav .f-language img {
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 18px;
}
#footer .box .left .header .nav .f-language i {
  padding-left: 0.6rem;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
}
#footer .box .left .header .nav .f-language ul.sub-menu {
  -webkit-perspective: 500px;
  perspective: 500px;
  transform-style: preserve-3d;
  text-align: left;
  position: absolute;
  z-index: 99;
  font-size: 15px;
  background: #fff;
  top: 120%;
  right: 0;
  width: 140px;
  transform: rotate3d(1, 0, 0, -90deg);
  -webkit-transform: rotate3d(1, 0, 0, -90deg);
  -moz-transform: rotate3d(1, 0, 0, -90deg);
  -ms-transform: rotate3d(1, 0, 0, -90deg);
  -o-transform: rotate3d(1, 0, 0, -90deg);
  -webkit-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  opacity: 0;
  transition: transform 0.5s, opacity 0.3s;
  -webkit-transition: -webkit-transform 0.5s, opacity 0.3s;
  -moz-transition: -moz-transform 0.5s, opacity 0.3s;
  box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.2);
  border-bottom: 3px solid #0195ff;
  display: none \9;
}
#footer .box .left .header .nav .f-language ul.sub-menu li {
  display: block;
  float: none;
  padding: 0 5px;
  line-height: 40px;
  font-size: 12px;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  text-transform: capitalize;
}
#footer .box .left .header .nav .f-language ul.sub-menu li a {
  display: block;
  color: #000;
}
#footer .box .left .header .nav .f-language ul.sub-menu li a img {
  vertical-align: middle;
  height: 20px;
}
#footer .box .left .header .nav .f-language ul.sub-menu li:hover {
  background: #222;
}
#footer .box .left .header .nav .f-language ul.sub-menu li:hover a {
  color: #fff;
}
#footer .box .left .header .nav .f-language:hover ul.sub-menu {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  transform: rotate3d(0, 0, 0, 0);
  -webkit-transform: rotate3d(0, 0, 0, 0);
  -moz-transform: rotate3d(0, 0, 0, 0);
  -ms-transform: rotate3d(0, 0, 0, 0);
  -o-transform: rotate3d(0, 0, 0, 0);
  display: block \9;
}
#footer .box .left .content {
  margin-top: 1.9rem;
}
#footer .box .left .content h3 {
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
}
#footer .box .left .content ul li {
  font-size: 14px;
  line-height: 1.2;
  margin-bottom: 1rem;
}
#footer .box .left .content ul li:last-child {
  margin-bottom: 0;
}
#footer .box .left .content .f-contact{
  width: 55%;
}
#footer .box .left .content .f-contact .f-info {
  margin-top: 2rem;
}
#footer .box .left .content .f-contact .f-info ul li {
  font-size: 20px;
}
#footer .box .left .content .f-contact .f-info ul li:nth-child(3) {
  font-size: 17px;
}
#footer .box .left .content .f-contact .f-share {
  margin-top: 1.45rem;
}
#footer .box .left .content .f-contact .f-share ul li {
  margin: 0 10px 0 0;
  display: inline-block;
  width: 31px;
  height: 31px;
  text-align: center;
  line-height: 31px;
  color: #fff;
  border-radius: 50%;
  background-color: #3b5999;
  font-size: 16px;
}
#footer .box .left .content .f-contact .f-share ul li:nth-child(2) {
  background-color: #00aced;
}
#footer .box .left .content .f-contact .f-share ul li:nth-child(3) {
  background-color: #cb2027;
}
#footer .box .left .content .f-contact .f-share ul li:last-child {
  margin: 0;
  background-color: #cc2366;
}
#footer .box .left .content .f-down {
  text-align: right;
  width: 45%;
}
#footer .box .left .content .f-down .img img{
  max-width: 100%;
  object-fit: contain;
}
#footer .box .left .content .f-down h3 img {
  margin-right: 0.9rem;
}
#footer .box .left .content .f-down .pdf {
  margin-top: 2rem;
}
#footer .box .left .content .f-down .pdf li img {
  margin-left: 0.55rem;
  display: inline-block;
}
#footer .box .left .f-copy {
  font-size: 15px;
  color: #bbbbbb;
  margin-top: 1.85rem;
}
#footer .box .left .f-copy p {
  float: left;
  width: 85%;
}
#footer .box .left .f-copy svg {
  vertical-align: top;
  width: auto;
  max-height: 26px;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  fill: #bbb;
}
#footer .box .left .f-copy svg text {
  fill: #bbb;
}
#footer .box .left .f-copy svg:hover {
  fill: #0195ff;
}
#footer .box .left .f-copy .f-code {
  float: right;
  width: 15%;
  position: relative;
  cursor: pointer;
}
#footer .box .left .f-copy .f-code img{
  display: inline-block;
}
#footer .box .left .f-copy .f-code #ewm {
  width: 100px;
    height: 100px;
    padding: 5px;
    background: #fff;
    position: absolute;
    bottom: 0;
    right: -5rem;
    display: none;
}
/*#footer .box .left .f-copy .f-code #ewm img {
  width: 27px;
  height: 27px;
  border: 2px solid #fff;
}*/
#footer .box .left .f-copy .f-code a {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  color: #fff;
  text-decoration: underline;
  padding-left: 0.85rem;
}
#footer .box .right {
  width: 40%;
  background: url(../images/fb.jpg) no-repeat;
  position: relative;
  background-size: cover;
}
#footer .box .right h3 {
  padding: 0.8rem 0 0 1.05rem;
  font-size: 4.3rem;
  color: rgba(255, 255, 255, 0.05);
  line-height: 1;
  font-family: 'AR';
}
#footer .box .right .form {
  position: relative;
}
#footer .box .right .form ul {
  width: 61.1%;
  margin-left: 6.7rem;
}
#footer .box .right .form ul li {
  padding: 1.45rem 0 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}
#footer .box .right .form ul li label {
  display: inline-block;
  width: 20%;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
}
#footer .box .right .form ul li input[type="text"],
#footer .box .right .form ul li textarea {
  background: transparent;
  width: 80%;
  border: none;
  height: 100%;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.3);
  font-weight: bold;
}
#footer .box .right .form ul li input[type="text"]::placeholder,
#footer .box .right .form ul li textarea::placeholder {
  color: rgba(255, 255, 255, 0.3);
}
#footer .box .right .form ul li input[type="text"]::-moz-placeholder,
#footer .box .right .form ul li textarea::-moz-placeholder {
  color: rgba(255, 255, 255, 0.3);
}
#footer .box .right .form ul li input[type="text"]::-webkit-input-placeholder,
#footer .box .right .form ul li textarea::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.3);
}
#footer .box .right .form ul li input[type="text"]:-ms-input-placeholder,
#footer .box .right .form ul li textarea:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.3);
}
#footer .box .right .form ul textarea {
  text-align: right;
}
#footer .box .right .form input[type="image"] {
  position: absolute;
  bottom: 0;
  right: 13%;
}
#footer .box .right .more {
  display: block;
  margin: 1.45rem 0 0 6.7rem;
  width: 184px;
  height: 47px;
  border-radius: 22px;
  border: solid 1px #ffffff;
  text-align: center;
  line-height: 47px;
  color: #fff;
  font-size: 18px;
  font-family: 'SSB';
  font-weight: bold;
  position: relative;
  z-index: 1;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
#footer .box .right .more::before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  border-radius: 22px;
  background: #0195ff;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
#footer .box .right .more:hover {
  border-color: #0195ff;
  background-color: #0195ff;
}
/*#footer .box .right .more:hover::before {
  width: 100%;
}*/
#footer .box .right .top {
  width: 51px;
  height: 51px;
  border: solid 1px #ffffff;
  text-align: center;
  line-height: 51px;
  color: #fff;
  font-size: 1.85rem;
  font-family: 'PR';
  font-weight: 300;
  position: absolute;
  bottom: 1.95rem;
  right: 2.3rem;
  cursor: pointer;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
#footer .box .right .top:hover {
  background-color: #0195ff;
  border-color: #0195ff;
}

.fx_box {
    display: none;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
}
.fx_box .cont {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.fx_box .cont .shadow {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
    opacity: .3;
}
.fx_box .cont .content {
    background-color: #fff;
    z-index: 2;
    width: 80%;
    border-radius: 30px;
    box-shadow: 0 0 5px 5px #929292;
    max-width: 414px;
    position: relative;
}
.fx_box .cont .content .close {
    width: 30px;
    height: 30px;
    background-color: #fff;
    position: absolute;
    right: -30px;
    top: 0;
    border-radius: 50%;
    font-size: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
}
.fx_box .cont .content .top {
    display: flex;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    overflow: hidden;
}
.fx_box .cont .content .top > div {
    width: 50%;
    margin: 0;
    top: 0;
    position: relative;
    text-align: center;
    font-size: 20px;
    padding: 10px 0;
    cursor: pointer;
    background-color: #fff;
    transition: all .5s;
}
.fx_box .cont .content .top > .left{
    border-right: #ccc solid 1px;
}
#index-body .i-new_product .fx_box .cont .content .top .left {
    padding: 10px 0;
    margin-top: 0;
    color: #000;
    border-right: #ccc solid 1px;
    background: #fff;
}
#index-body .i-new_product .fx_box .cont .content .top .right {
    position: relative;
    top: 0;
    left: 0;
}
.fx_box .cont .content .bottom_1 .bottom {
    border-top: 1px #ccc solid;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.fx_box .cont .content .bottom_1 .bottom input {
    width: 80%;
    padding: 5px 5px;
    margin-top: 50px;
    font-size: 14px;
    outline: none;
    border: #ccc solid 1px;
    border-radius: 5px;
}
.fx_box .cont .content .bottom_1 .bottom .des{
  width: 80%;
  margin-top: 10px;
  font-size: 14px;
}
.fx_box .cont .content .bottom_1 .bottom .confirm {
  text-transform: uppercase;
    width: 80%;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    margin: 30px 0;
    border: #ccc solid 1px;
    padding: 5px;
    color: #666;
    transition: all .5s;
    border-radius: 5px;
}
.fx_box .cont .content .bottom_2 {
    display: none;
}
.fx_box .cont .content .bottom_2 .bottom {
    border-top: 1px solid #ccc;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    font-size: 16px;
}
.fx_box .cont .content .bottom_2 .bottom input {
    width: 80%;
    margin-top: 30px;
    border-radius: 5px;
    border: #ccc solid 1px;
    font-size: 14px;
    padding: 5px;
}
.fx_box .cont .content .bottom_2 .bottom textarea {
    margin-top: 30px;
    width: 80%;
    border-radius: 5px;
    padding: 5px;
    border: #ccc solid 1px;
}
.fx_box .cont .content .bottom_2 .bottom .submit {
    width: 80%;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    margin: 30px 0;
    border: #ccc solid 1px;
    padding: 5px;
    color: #666;
    transition: all .5s;
    border-radius: 5px;
    text-transform: uppercase;
}
.fx_box .cont .content .close:hover{
  background: #000;
  color: #fff;
}
.fx_box .cont .content .bottom_1 .bottom .confirm:hover{
  background: #000;
  color: #fff;
}
.fx_box .cont .content .bottom_2 .bottom .submit:hover{
  background: #000;
  color: #fff;
}







.f-slide {
  position: fixed;
  top: 30%;
  right: 0;
  z-index: 20;
}
.f-slide li {
  width: 55px;
  height: 55px;
  background-color: #00adde;
  text-align: center;
  line-height: 50px;
  font-size: 20px;
  color: #fff;
  margin-bottom: 1px;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
  position: relative;
}
.f-slide li .info{
  position: absolute;
  right: 0;
  top: 0;
  background: #00adde;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 1.6;
  color: #fff;
  opacity: 0;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
  width: 230px;
  transform: scale(0);
  transform-origin: right;
}
.f-slide li:hover .info{
  opacity: 1;
  right: 60px;
  transform: scale(1);
}
.f-slide li img {
  vertical-align: middle;
}
.f-slide li:hover {
  background-color: #ffae01;
}
.f-slide li:last-child {
  margin-bottom: 0;
}
.inquiry {
  /*position: fixed;
  bottom: 5rem;
  right: 2rem;
  width: 60px;
  height: 60px;
  border-radius: 100%;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 20px;
  color: #fff;
  background: rgba(1, 149, 255, 0.5);
  cursor: pointer;
  /*-webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);*/
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
  z-index: 100;
}
.layer-form {
  display: none;
}
.container-contact100 {
  width: 100%;
  min-height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 15px;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  z-index: 1000001;
  left: 0;
  top: 0;
}
.wrap-contact100 {
  width: 560px;
  background: #fff;
  border-radius: 3px;
  position: relative;
  overflow: auto;
  max-height: 90vh;
}
.layer-form .wrap-contact100 {
  width: 357px;
  border-radius: 10px;
}
.btn-hide-contact100 {
  font-size: 20px;
  color: #fff;
  opacity: .6;
  position: absolute;
  right: 10px;
  top: 5px;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  -moz-transition: all .4s;
  transition: all .4s;
  cursor: pointer;
  z-index: 10;
}
.layer-form .wrap-contact100 .btn-hide-contact100 {
  color: #000;
}
.layer-form .wrap-contact100 form {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 40px 25px 15px;
}
.layer-form .wrap-contact100 form h2 {
  width: 100%;
  font-size: 25px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 30px;
}
.layer-form .wrap-contact100 form input {
  height: 36px;
  display: block;
  width: 100%;
  background: 0 0;
  font-size: 14px;
  color: #333;
  line-height: 1.2;
  padding: 0 20px;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  margin-bottom: 20px;
  transition: .3s ease;
  -webkit-transition: .3s ease;
  -moz-transition: .3s ease;
  -ms-transition: .3s ease;
  -o-transition: .3s ease;
}
.layer-form .wrap-contact100 form textarea {
  height: 114px;
  padding-top: 22px;
  padding-bottom: 15px;
  display: block;
  width: 100%;
  background: 0 0;
  font-size: 14px;
  color: #333;
  line-height: 1.2;
  padding: 15px 20px;
  border: none;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  transition: .3s ease;
  -webkit-transition: .3s ease;
  -moz-transition: .3s ease;
  -ms-transition: .3s ease;
  -o-transition: .3s ease;
}
.layer-form .wrap-contact100 form p {
  font-size: 12px;
  color: #adadad;
  padding: 10px 0;
}
.layer-form .wrap-contact100 form .layer-submit {
  width: 100%;
  position: relative;
  border-radius: 2px;
}
.layer-form .wrap-contact100 form .layer-submit input[type=submit] {
  border: 1px solid #e6e6e6;
  background: #0195ff;
  height: 42px;
  display: block;
  width: 100%;
  font-size: 15px;
  line-height: 1.2;
  padding: 0 20px;
  margin: 0;
  border-radius: 42px;
  transition: .5s ease;
  -webkit-transition: .5s ease;
  -moz-transition: .5s ease;
  -ms-transition: .5s ease;
  -o-transition: .5s ease;
  position: relative;
  z-index: 10;
  color: #fff;
}
.layer-form .wrap-contact100 form .layer-submit input[type=submit]:hover {
  background: #000;
}
.layer-form .wrap-contact100 form input {
  height: 36px;
  display: block;
  width: 100%;
  background: 0 0;
  font-size: 14px;
  color: #333;
  line-height: 1.2;
  padding: 0 20px;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  margin-bottom: 20px;
  transition: .3s ease;
  -webkit-transition: .3s ease;
  -moz-transition: .3s ease;
  -ms-transition: .3s ease;
  -o-transition: .3s ease;
}
@media screen and (max-width: 1920px) {
  #mobile {
    left: -320px;
  }
}
@media screen and (max-width: 1761px) {
  #header .nav .ui.menu{
    justify-content: center;
  }
  #header .nav .ui.menu .menu-box {
    margin-left: 2rem;
  }
  #header .nav .ui.menu .box {
    margin-left: 6rem;
  }
  #footer .box .left .f-copy p {
    width: 80%;
  }
  #footer .box .left .f-copy .f-code {
    width: 20%;
  }
  #footer .box .right .form input[type="image"] {
    right: 9%;
  }
}
@media screen and (max-width: 1599px) {
  #header .nav .ui.menu .box {
    margin-left: 2rem;
  }
  #header .nav .ui.menu .box li {
    margin-right: 1.5rem;
  }
  #header .nav .ui.menu .menu-box ul.menu > li {
    font-size: 16px;
    margin-right: 10px;
  }
  #header .nav .ui.menu .menu-box ul.menu > li > a{
    padding-right: 10px;
  }
  #header .nav .ui.menu .language {
    font-size: 18px;
  }
  #index-body .about .content .left ul {
    margin: 0 3rem;
  }
  #index-body .about .content .left ul li {
    padding: 1rem 0 0.75rem;
  }
  #footer .box .right .form input[type="image"] {
    right: 6%;
  }
}
@media screen and (max-width: 1439px) {
  #header .nav .ui.menu .menu-box {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  #header .nav .ui.menu .menu-box ul.menu > li {
    font-size: 16px;
  }
  #header .nav .ui.menu .menu-box ul.menu > li a {
    padding: 0 10px 0 0;
  }
  #header .nav .ui.menu .box {
    margin-left: 1rem;
  }
  #header .nav .ui.menu .box li {
    font-size: 16px;
  }
  #banner ul li .more {
    top: 19%;
  }
  #index-body .advantage .left {
    padding: 2.35rem 0 0 4.3rem;
  }
  #index-body .about .content .left ul {
    margin: 0px 1rem;
  }
  #footer .box .left {
    padding: 2.3rem 2.9rem 2.2rem 2.45rem;
  }
  #footer .box .left .f-copy .f-code a {
    padding-left: 0;
  }
  #footer .box .right .form ul {
    margin-left: 4.7rem;
  }
  #footer .box .right .more {
    margin-left: 4.87rem;
  }
}
@media screen and (max-width: 1144px) {
  #header .nav .ui.menu .menu-box ul.menu > li {
    font-size: 15px;
  }
  #header .nav .ui.menu .language {
    font-size: 15px;
  }
  #header .nav .ui.menu .box li {
    font-size: 15px;
  }
  #header .nav .ui.menu .box {
    margin-left: 1.5rem;
    padding-top: 0;
  }
  #banner ul li .text .play {
    margin-top: 2rem;
  }
  #footer .box .left {
    padding: 2.3rem 1.9rem 2.2rem 1.45rem;
  }
  #footer .box .right .form ul {
    margin-left: 3rem;
    width: 70%;
  }
  #footer .box .right .more {
    margin-left: 3rem;
  }
}
@media screen and (max-width: 1100px) {
  #header .nav .ui.menu .menu-box {
    margin: 0 0.5rem;
  }
  #header .nav .ui.menu .menu-box ul.menu > li {
    font-size: 14px;
    margin-right: 0 0.5rem 0 0;
  }
  #header .nav .ui.menu .language {
    font-size: 14px;
  }
  #header .nav .ui.menu .box {
    margin-left: 1rem;
  }
  #header .nav .ui.menu .box li {
    margin-right: 1rem;
    font-size: 14px;
  }
  #header .nav .ui.menu .menu-box ul.menu > li a {
    padding: 0 3px 0 0;
    border-right: 0;
  }
  #index-body .data li {
    width: 50%;
    margin: 10px 0;
  }
  #index-body .advantage .left {
    padding: 2.35rem 0 0 1.3rem;
  }
  #index-body .advantage .left .content .info li {
    font-size: 18px;
  }
  #footer .box .left {
    padding: 2.3rem 1rem 2.2rem 1rem;
  }
  #footer .box .left .header .nav {
    width: 100%;
  }
  #footer .box .left .header .logo {
    text-align: center;
    width: 100%;
  }
  #footer .box .left .f-copy p {
    width: 74%;
  }
  #footer .box .left .f-copy #ewm {
    width: 26%;
  }
}
@media screen and (max-width: 992px) {
  #mobile {
    left: -280px;
  }

  #header{
    height: 40px;
    box-shadow: none;
    position: relative !important;
  }
  
  #index-body .rs {
    display: none;
  }
  #header .nav .ui.menu .box {
    display: none;
  }
  #banner ul.slick-dots {
    bottom: 1%;
  }
  #banner ul li .text h3 {
    font-size: 2.5rem;
    margin-top: 1rem;
  }
  #banner ul li .text .play {
    margin-top: 1rem;
  }
  #banner ul li .more {
    width: 130px;
    height: 30px;
    line-height: 30px;
  }
  #index-body .data li p {
    font-size: 20px;
  }
  #index-body .about .header p {
    width: 100%;
    font-size: 18px;
  }
  #index-body .about .content .left ul li .text h4 {
    font-size: 18px;
  }
  #index-body .about .content .left .arrow .al,
  #index-body .about .content .left .arrow .ar {
    width: 50px;
    height: 50px;
    line-height: 57px;
  }
  #index-body .more {
    display: none;
  }
  #footer .box {
    display: block;
  }
  #footer .box .left {
    width: 100%;
  }
  #footer .box .right {
    width: 100%;
  }
  #footer .box .right .form input[type="image"] {
    right: 16%;
  }
}
@media screen and (max-width: 700px) {
 
  #banner ul li .more {
    display: none;
  }
  #banner ul li .text .play {
    display: none;
  }
  #banner ul.slick-dots {
    bottom: 3%;
  }
 #index-body .advantage .left .content .share li{
   margin: 20px;
 }
 #index-body .about .header .nihaowaterintro{
   width: 100%;
   margin: 0!important;
   padding: 20px;
 }

  #index-body .title h3,
  #index-body .title img {
    vertical-align: middle;
  }
  #index-body .product .header p {
    line-height: 1.4;
  }
  #index-body .show1,
  #index-body .show2 {
    display: none;
  }
  #index-body .about .content {
    display: none;
  }
  #index-body .news .header .all p {
    padding: 1.2rem 0 0 0;
  }
  #footer .box .left .header .nav {
    display: none;
  }
  #footer .box .left .content .f-contact .f-share {
    display: none;
  }
  #footer .box .left .content .f-down {
    display: none;
  }
  #footer .box .left .f-copy p {
    width: 100%;
  }
  #footer .box .left .f-copy .f-code {
    display: none;
  }
  #footer .box .right {
    display: none;
  }
}
.inner-banner {
  position: relative;
  overflow: hidden;
  color: #333;
  z-index: 1;
  padding: 0;
  background-position: center center;
  background-size: cover;
  background: #fff;
  margin-top: 162px;
}

.inner-banner .container{
  max-width: 1512px;
  display: none;
}

.inner-banner h2 {
  font-size: 3rem;
  line-height: 1;
  font-family: 'SSB';
  text-transform: uppercase;
}
.inner-banner .mbx {
  font-size: 16px;
  font-family: 'SR';
  line-height: 1.5;
}
.inner-banner .mbx a{
  transition: all .5s;
}
.inner-banner .mbx a:hover{
  color: #00adde;
}

.calculator-page{
  padding: 80px 0;
}

.calculator-page .tips{
  font-size: 60px;
  font-weight: bold;
  text-align: center;
}
.calculator-page .content_list{
  margin-top: 20px;
  margin-bottom: 60px;
}
.calculator-page .content_list .colornait{
  color: #ffae01;
}

.calculator-page .content_list .list{
  text-align: center;
  font-size: 20px;
  margin-top: 10px;
}
.calculator-page .container ul{
  margin-top: 0 -15px;
  display: flex;
  flex-wrap: wrap;
}
.calculator-page .container ul li{
  padding: 15px;
}

.calculator-page .container ul li .box{
  height: 100%;
  padding: 30px 16px;
  box-shadow: 0 0 10px #ccc;
  text-align: center;
  border-radius: 20px;
}
.calculator-page .container ul li .box .img{
  width: 80px;
  height: 80px;
  margin: auto;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 16px #cdcdcd;
  padding: 15px;
  transition: all .5s;
}

.calculator-page .container ul li .box .img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.calculator-page .container ul li .box .title{
  padding-top: 12px;
  border-top: 1px solid #f2f2f2;
  margin-top: 30px;
  font-size: 18px;
}

.calculator-page .container ul li .box .more{
  display: inline-block;
  background: #00adde;
  color: #fff;
  padding: 4px 16px;
  text-transform: uppercase;
  font-size: 18px;
  margin-top: 20px;
  border-radius: 10px;
  transition: all .5s;
}
.calculator-page .container ul li .box .more:hover{
  background: #ffae01;
}

.calculator-page .container ul li .box:hover .img{
  box-shadow: 2px 2px 16px #00adde8c;;
}
.calculatordet-page{
  padding: 80px 0;
}
.calculatordet-page .title{
  text-align: center;
  font-size: 36px;
  font-weight: bold;
}
.calculatordet-page .date{
  text-align: center;
      font-size: 16px;
      margin-top: 10px;
    color: #828893;
}
.calculatordet-page .content{
  border-top: 1px #ababab dashed;
  border-bottom: 1px #ababab dashed;
  padding: 30px 0;
  margin-top: 60px;
  font-size: 16px;
}
.calculatordet-page .content table{
  border: none;
}
.calculatordet-page .content table tr:nth-child(even) {
    background: inherit;
}
.calculatordet-page .content table tr td,
.calculatordet-page .content table tr th{
  border: 1px solid #f2f2f2;
}
.calculatordet-page .content table tr td{
  min-width: 120px;
}
.calculatordet-page .m-link{
  margin-top: 40px;
}
.calculatordet-page .m-link a{
  display: block;
  margin-top: 6px;
  font-size: 16px;
}
.calculatordet-page .m-link a:hover{
  text-decoration: underline;
}
.thank-page{
  padding: 120px 0;
  text-align: center;
}
.thank-page .tip{
  font-size: 38px;
  font-weight: bold;
  text-transform: uppercase;
  color: #00aced;
}
.thank-page .des{
  font-size: 18px;
  color: #333;
  line-height: 2;
  margin: 20px 0;
}
.thank-page .go_back{
  display: inline-block;
  font-size: 20px;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: underline;
}

.about-page {
  padding: 5rem 0 7.5rem;
}
.about-page .ab-1 {
  padding-bottom: 5.65rem;
  position: relative;
  z-index: 1;
}
.about-page .ab-1 .ui.container {
  max-width: 1688px;
  width: 100%;
}
.about-page .ab-1 .left {
  width: 28.2%;
  background-color: #ffffff;
  border-radius: 16px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  position: sticky;
  top: 3rem;
}
.about-page .ab-1 .left h3 {
  background-color: #093759;
  border-radius: 16px 16px 0px 0px;
  padding: 11px 0 13px 2rem;
  color: #fff;
  font-size: 22px;
  font-family: 'SSB';
  text-transform: uppercase;
}
.about-page .ab-1 .left h3 img {
  vertical-align: middle;
  display: inline-block;
}
.about-page .ab-1 .left h3 em {
  display: inline-block;
  vertical-align: middle;
  margin-left: 1.1rem;
}
.about-page .ab-1 .left .content {
  padding: 1.85rem 3.15rem 2.5rem 1.9rem;
}
.about-page .ab-1 .left .content li label {
  display: block;
  font-size: 22px;
  line-height: 1;
  font-family: 'SEL';
  font-weight: 300;
  color: #333333;
  text-transform: uppercase;
}
.about-page .ab-1 .left .content li input[type="text"],
.about-page .ab-1 .left .content li textarea {
  width: 100%;
  height: 32px;
  background-color: #f6f6f7;
  border-radius: 16px;
  border: none;
  margin: 12px 0 15px;
  padding-left: 1rem;
}
.about-page .ab-1 .left .content li textarea {
  height: 104px;
  padding-top: 1rem;
}
.about-page .ab-1 .left .content input[type="submit"] {
  margin: 1.3rem auto 0;
  width: 160px;
  height: 44px;
  text-align: center;
  color: #fff;
  background: linear-gradient(38deg, #093759 30%, #0195ff 100%);
  background: -webkit-gradient(38deg, #093759 30%, #0195ff 100%);
  background: -webkit-linear-gradient(38deg, #093759 30%, #0195ff 100%);
  background: -moz-linear-gradient(38deg, #093759 30%, #0195ff 100%);
  border-radius: 22px;
  border: none;
  text-transform: uppercase;
  font-size: 18px;
  font-family: 'SSB';
  display: block;
}
.about-page .ab-1 .right {
  width: 71.8%;
  padding: 0 5.3rem 0 5.55rem;
}
.about-page .ab-1 .right .header h3 {
  font-size: 1.6rem;
  font-family: 'SSB';
  line-height: 1;
  color: #333;
}
.about-page .ab-1 .right .header p {
  font-size: 20px;
  line-height: 1.5;
  color: #333333;
  font-family: 'SR';
  margin-top: 1.5rem;
}
.about-page .ab-1 .right .header .img {
  position: relative;
  margin-top: 2rem;
}
.about-page .ab-1 .right .header .img .play {
  position: absolute;
  top: 39%;
  left: 45%;
  z-index: 1;
}
.about-page .ab-1 .right .header .img .play::before,
.about-page .ab-1 .right .header .img .play::after {
  position: absolute;
  z-index: -1;
  content: '';
  left: -15px;
  right: -15px;
  top: -15px;
  bottom: -15px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.5);
  -webkit-animation: ks 2s linear infinite;
  -o-animation: ks 2s linear infinite;
  -ms-animation: ks 2s linear infinite;
  -moz-animation: ks 2s linear infinite;
  animation: ks 2s linear infinite;
}
.about-page .ab-1 .right .header .img .play::before {
  -webkit-animation-delay: .6s;
  -o-animation-delay: .6s;
  -ms-animation-delay: .6s;
  -moz-animation-delay: .6s;
  animation-delay: .6s;
}
.about-page .ab-1 .right .data {
  margin-top: 3rem;
}
.about-page .ab-1 .right .data li {
  text-align: center;
}
.about-page .ab-1 .right .data li h3 {
  font-size: 2.4rem;
  line-height: 1;
  color: #0d0d0d;
  font-family: 'IM';
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.about-page .ab-1 .right .data li h3 em {
  display: inline-block;
  vertical-align: middle;
}
.about-page .ab-1 .right .data li h3 sub {
  display: inline-block;
  vertical-align: middle;
}
.about-page .ab-1 .right .data li p {
  margin-top: 1.8rem;
  line-height: 1;
  font-size: 22px;
}
.about-page .ab-1 .right .data li:hover h3 {
  color: #0475c7;
}
.about-page .ab-1::after {
  content: '';
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 46%;
  background-color: #f6f6f7;
}
.about-page .ab-2 {
  overflow: hidden;
}
.about-page .ab-2 .grid-box {
  background-color: #093759;
}
.about-page .ab-2 .left {
  width: 30%;
  vertical-align: middle;
}
.about-page .ab-2 .left .content {
  margin-left: auto;
  max-width: 350px;
  padding-left: 15px;
  padding-right: 40px;
}
.about-page .ab-2 .right {
  width: 70%;
  vertical-align: middle;
  background: #fff ;
}
.about-page .ab-2 .right ul {
  background: #fff;
  margin-right: -10px;
}
.about-page .ab-2 .right .slick-slide {
  margin-right: 10px;
}
.about-page .ab-2 h2 {
  font-size: 1.6rem;
  font-family: 'SSB';
  line-height: 1;
  color: #fff;
}
.about-page .ab-2 .mml-text {
  font-size: 20px;
  color: #FFFFFF;
  font-family: 'SSB';
  margin-top: 1.1rem;
  margin-bottom: 2.15rem;
}
.about-page .ab-2 .arrow-l,
.about-page .ab-2 .arrow-r {
  display: inline-block;
  width: 55px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  background-color: #FFFFFF;
  font-size: 30px;
  cursor: pointer;
}
.about-page .ab-2 .arrow-l:hover,
.about-page .ab-2 .arrow-r:hover {
  background-color: #0475c7;
  color: #fff;
}
.about-page .ab-3 {
  position: relative;
  z-index: 1;
  padding-top: 5.55rem;
}
.about-page .ab-3 h3 {
  text-align: center;
  font-size: 2.8rem;
  color: #333;
  font-family: 'SSB';
}
.about-page .ab-3 .content {
  margin-top: 4.5rem;
}
.about-page .ab-3 .content ul{
  margin-right: -1rem;
}
.about-page .ab-3 .content ul .slick-slide{
  margin-right: 1rem;
}
.about-page .ab-3 .content li img{
  width: 100%;
}
.about-page .ab-3 .content .slick-arrow {
  position: absolute;
  top: 50%;
  width: 43px;
  height: 77px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  color: transparent;
  z-index: 1;
  outline: none;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  border: none;
}
.about-page .ab-3 .content .slick-prev {
  background: url("../images/a3l.png") no-repeat center center;
  left: -8%;
}
.about-page .ab-3 .content .slick-next {
  background: url("../images/a3r.png") no-repeat center center;
  right: -4.5%;
}
.about-page .ab-3::after {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 70%;
  background-color: #f6f6f7;
}
@media screen and (max-width: 1600px) {
  .about-page .ab-3 .content .slick-prev {
    left: 0;
  }
  .about-page .ab-3 .content .slick-next {
    right: 0;
  }
}
@media screen and (max-width: 1500px) {
  .calculator-page .tips{
    font-size: 40px;
  }
}
@media screen and (max-width: 1366px) {
  .about-page .ab-1 .right {
    padding: 0 3.3rem 0 3.55rem;
  }
  .about-page .ab-1 .right .data li h3 {
    font-size: 2.2rem;
  }
  .about-page .ab-1 .left .content {
    padding: 1.85rem 1.15rem 2.5rem 1.15rem;
  }
}
@media screen and (max-width: 1200px) {
  .about-page .ab-1 .right {
    padding: 0 2rem;
  }
  .about-page .ab-1 .right .data li {
    width: 25%;
  }
  .about-page .ab-1 .right .data li h3 {
    font-size: 2rem;
  }
  .about-page .ab-1 .right .data li p {
    font-size: 18px;
  }
  .about-page .ab-2 .mml-text {
    font-size: 18px;
  }
}
@media screen and (max-width: 992px) {
  .about-page .ab-1 .left {
    display: none;
  }
  .about-page .ab-1 .right {
    width: 100%;
  }
  .about-page .ab-2 .left,
  .about-page .ab-2 .right {
    width: 100%;
  }
  .about-page .ab-2 .left .content {
    max-width: 100%;
    padding: 10px 0;
    text-align: center;
  }
  .about-page .ab-2 h2 {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 700px) {

  .about-page .ab-1 .right .header p {
    font-size: 16px;
  }
  .about-page .ab-1 .right .header .img,
  .about-page .ab-1 .right .data {
    display: none;
  }
}
@media screen and (max-width: 500px) {
  .about-page .ab-1 .right .header h3 {
    font-size: 20px;
  }
  #banner ul .slick-slide img{
    height: 250px;
    object-fit: cover;
    min-height: auto;
  }
  .calculator-page .container ul li{
    padding: 15px 0;
  }
  .calculatordet-page .title{
    font-size: 24px;
  }
  .calculatordet-page .content{
    margin-top: 40px;
  }
    .calculator-page .tips{
    font-size: 30px;
  }
  .calculator-page .content_list{
    margin: 10px 0 20px 0;
  }
  .calculator-page .content_list .list{
    font-size: 16px;
    margin-top: 6px;
  }
}
.prodet-page {
  padding: 2.9rem 0 6.6rem;
}
.prodet-page .ui.container {
  max-width: 1688px;
  width: 100%;
}
.prodet-page .sideBox .sideleft {
  width: 28.2%;
  position: sticky;
  z-index: 100;
  top: 0;
}
.prodet-page .sideBox .sideleft .top {
  width: 100%;
  background-color: #ffffff;
  border-radius: 16px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.prodet-page .sideBox .sideleft .top h3 {
  background-color: #093759;
  border-radius: 16px 16px 0px 0px;
  padding: 11px 0 13px 2rem;
  color: #fff;
  font-size: 22px;
  font-family: 'SSB';
  text-transform: uppercase;
}
.prodet-page .sideBox .sideleft .top h3 img {
  vertical-align: middle;
  display: inline-block;
}
.prodet-page .sideBox .sideleft .top h3 em {
  display: inline-block;
  vertical-align: middle;
  margin-left: 1.1rem;
}
.prodet-page .sideBox .sideleft .top .content {
  padding: 1.45rem 2.1rem 1.7rem;
}
.prodet-page .sideBox .sideleft .top .content .c1 {
  margin-bottom: 1.5rem;
}
.prodet-page .sideBox .sideleft .top .content .c1:last-child {
  margin-bottom: 0;
}
.prodet-page .sideBox .sideleft .top .content span {
  font-size: 20px;
  font-family: 'SSB';
  line-height: 1;
  color: #333;
}
.prodet-page .sideBox .sideleft .top .content ul {
  margin-top: 1rem;
  padding-left: 2rem;
}
.prodet-page .sideBox .sideleft .top .content ul li {
  font-size: 20px;
  line-height: 1.5;
  font-family: 'SEL';
  font-weight: 500;
}
.prodet-page .sideBox .sideleft .bottom {
  width: 100%;
  background-color: #ffffff;
  border-radius: 16px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  margin-top: 3.1rem;
  position: sticky;
  top: 100px;
  z-index: 1;
}
.prodet-page .sideBox .sideleft .bottom h3 {
  background-color: #093759;
  border-radius: 16px 16px 0px 0px;
  padding: 11px 0 13px 2rem;
  color: #fff;
  font-size: 22px;
  font-family: 'SSB';
  text-transform: uppercase;
}
.prodet-page .sideBox .sideleft .bottom h3 img {
  vertical-align: middle;
  display: inline-block;
}
.prodet-page .sideBox .sideleft .bottom h3 em {
  display: inline-block;
  vertical-align: middle;
  margin-left: 1.1rem;
}
.prodet-page .sideBox .sideleft .bottom .content {
  padding: 1.85rem 3.15rem 2.5rem 1.9rem;
}
.prodet-page .sideBox .sideleft .bottom .content li label {
  display: block;
  font-size: 22px;
  line-height: 1;
  font-family: 'SEL';
  font-weight: 300;
  color: #333333;
  text-transform: uppercase;
}
.prodet-page .sideBox .sideleft .bottom .content li input[type="text"],
.prodet-page .sideBox .sideleft .bottom .content li textarea {
  width: 100%;
  height: 32px;
  background-color: #f6f6f7;
  border-radius: 16px;
  border: none;
  margin: 12px 0 15px;
  padding-left: 1rem;
}
.prodet-page .sideBox .sideleft .bottom .content li textarea {
  height: 104px;
  padding-top: 1rem;
}
.prodet-page .sideBox .sideleft .bottom .content input[type="submit"] {
  margin: 1.3rem auto 0;
  width: 160px;
  height: 44px;
  text-align: center;
  color: #fff;
  background: linear-gradient(38deg, #093759 30%, #0195ff 100%);
  background: -webkit-gradient(38deg, #093759 30%, #0195ff 100%);
  background: -webkit-linear-gradient(38deg, #093759 30%, #0195ff 100%);
  background: -moz-linear-gradient(38deg, #093759 30%, #0195ff 100%);
  border-radius: 22px;
  border: none;
  text-transform: uppercase;
  font-size: 18px;
  font-family: 'SSB';
  display: block;
}
.prodet-page .sideBox .sideright {
  width: 71.8%;
  padding: 0 5.3rem 0 5.55rem;
}
.prodet-page .sideBox .sideright .pro-1 {
  padding-bottom: 4.7rem;
}
.prodet-page .sideBox .sideright .pro-1 h1 {
  font-size: 1.6rem;
  font-family: 'SSB';
  color: #333;
  font-weight: 900;
  line-height: 1.7;
}
.prodet-page .sideBox .sideright .pro-1 .box {
  margin-top: 1.75rem;
}
.prodet-page .sideBox .sideright .pro-1 .box .img {
  width: 28%;
}
.prodet-page .sideBox .sideright .pro-1 .box .img .large img {
  width: 100%;
}
.prodet-page .sideBox .sideright .pro-1 .box .img .small {
  margin-top: 9px;
}
.prodet-page .sideBox .sideright .pro-1 .box .img .small ul {
  margin-right: -9px;
}
.prodet-page .sideBox .sideright .pro-1 .box .img .small ul .slick-slide {
  margin-right: 9px;
}
.prodet-page .sideBox .sideright .pro-1 .box .text {
  width: 72%;
  padding: 1.45rem 0 0 2.9rem;
}
.prodet-page .sideBox .sideright .pro-1 .box .text p {
  font-size: 18px;
  line-height: 1.3;
  color: #333333;
  font-family: 'SSB';
  font-weight: 300;
}
.prodet-page .sideBox .sideright .pro-1 .box .text .all {
  margin-top: 1.85rem;
}
.prodet-page .sideBox .sideright .pro-1 .box .text .all .mores {
  display: inline-block;
  vertical-align: middle;
  width: 243px;
  height: 56px;
  background: linear-gradient(38deg, #093759 30%, #0195ff 100%);
  background: -webkit-gradient(38deg, #093759 30%, #0195ff 100%);
  background: -webkit-linear-gradient(38deg, #093759 30%, #0195ff 100%);
  background: -moz-linear-gradient(38deg, #093759 30%, #0195ff 100%);
  border-radius: 28px;
  text-align: center;
  color: #fff;
  line-height: 56px;
  font-size: 18px;
  font-family: 'SSB';
  text-transform: uppercase;
}
.prodet-page .sideBox .sideright .pro-1 .box .text .all .mores img {
  vertical-align: middle;
  margin-left: 0.6rem;
  margin-top: -7px;
}
.prodet-page .sideBox .sideright .pro-1 .box .text .all .share {
  display: inline-block;
  vertical-align: middle;
  padding-left: 1.65rem;
}
.prodet-page .sideBox .sideright .pro-1 .box .text .all .share li {
  display: inline-block;
  font-size: 18px;
  margin-right: 1.2rem;
}
.prodet-page .sideBox .sideright .pro-2 {
  padding: 4.15rem 0;
  position: relative;
  z-index: 1;
}
.prodet-page .sideBox .sideright .pro-2 h3 {
  font-size: 1.6rem;
  line-height: 1.2;
  color: #333;
  font-family: 'SSB';
  font-weight: 900;
}
.prodet-page .sideBox .sideright .pro-2 .b1 {
  margin-top: 2rem;
}
.prodet-page .sideBox .sideright .pro-2 .b1 .left {
  padding-right: 3rem;
}
.prodet-page .sideBox .sideright .pro-2 .b1 .left li {
  font-size: 20px;
  color: #333;
  font-family: 'SR';
  font-weight: 300;
  line-height: 1.2;
  padding-left: 20px;
  position: relative;
  margin-bottom: 1.2rem;
}
.prodet-page .sideBox .sideright .pro-2 .b1 .left li::before {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #0195ff;
  position: absolute;
  left: 0;
  top: 7px;
}
.prodet-page .sideBox .sideright .pro-2 .b1 .left li:last-child {
  margin-bottom: 0;
}
.prodet-page .sideBox .sideright .pro-2 .b2 {
  margin-top: 3.25rem;
}
.prodet-page .sideBox .sideright .pro-2::after {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: -73%;
  right: -20%;
  width: 198%;
  height: 100%;
  background-color: #f6f6f7;
}
.prodet-page .sideBox .sideright .pro-3 {
  padding-top: 5rem;
}
.prodet-page .sideBox .sideright .pro-3 h3 {
  font-size: 1.6rem;
  line-height: 1.2;
  color: #333;
  font-family: 'SSB';
  font-weight: 900;
}
.prodet-page .sideBox .sideright .pro-3 .b1 {
  margin-top: 2rem;
}
.prodet-page .sideBox .sideright .pro-3 .b1 .left {
  padding-left: 3rem;
}
.prodet-page .sideBox .sideright .pro-3 .b1 .left li {
  font-size: 20px;
  color: #333;
  font-family: 'SR';
  font-weight: 300;
  line-height: 1.2;
  position: relative;
  margin-bottom: 0.9rem;
}
.prodet-page .sideBox .sideright .pro-3 .b1 .left li:last-child {
  margin-bottom: 0;
}
.prodet-page .sideBox .sideright .pro-3 .b2 {
  margin-top: 3.25rem;
}
.prodet-page .sideBox .sideright .pro-4 {
  padding-top: 3rem;
}
.prodet-page .sideBox .sideright .pro-4 h3 {
  font-size: 1.6rem;
  font-family: 'SSB';
  color: #333333;
  line-height: 1;
}
.prodet-page .sideBox .sideright .pro-4 .content {
  margin-top: 2rem;
}
.prodet-page .sideBox .sideright .pro-4 .content ul {
  margin-right: -1rem;
}
.prodet-page .sideBox .sideright .pro-4 .content ul .slick-slide {
  margin-right: 1rem;
}
.prodet-page .sideBox .sideright .pro-4 .content ul li h3 {
  font-size: 20px;
  padding-top: 1rem;
}

.prodet-page-2{
  padding: 130px 0;
  background: #e9f2fa;
}
.prodet-page-2 .init-1 .container{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background: #fff;
  width: 1500px;
  padding: 0;
}
.prodet-page-2 .init-1 .container .left{
  width: 45%;
}
.prodet-page-2 .init-1 .container .left .slick-track{
  margin-left: 0;
}

.prodet-page-2 .init-1 .container .left .big_img{
  display: block;
  width: 100%;
}
.prodet-page-2 .init-1 .container .left .big_img img{
  width: 100%;
}

.prodet-page-2 .init-1 .container .left ul{
  margin-top: 30px;
}
.prodet-page-2 .init-1 .container .left ul .slick-list{
  margin: 0 -15px;
}
.prodet-page-2 .init-1 .container .left ul li{
  padding: 0 15px;
}
.prodet-page-2 .init-1 .container .left ul li a{
  display: block;
}
.prodet-page-2 .init-1 .container .left ul li a img{
  width: 100%;
}

.prodet-page-2 .init-1 .container .right{
  width: 51%;
  padding: 40px 150px 20px 0;
}
.prodet-page-2 .init-1 .container .right .title{
  font-size: 30px;
  font-weight: bold;
}
.prodet-page-2 .init-1 .container .right .content{
  padding: 26px 0;
  margin-top: 16px;
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  font-size: 18px;
  color: #7b7b7b;
}
.prodet-page-2 .init-1 .container .right .content strong{
  font-weight: bold;
}
.prodet-page-2 .init-1 .container .right .share_list{
  margin-top: 30px;
}
.prodet-page-2 .init-1 .container .right .share_list a{
  margin-top: 10px;
  margin-right: 10px;
  display: inline-block;
  width: 36px;
  height: 36px;
  text-align: center;
  font-size: 16px;
  line-height: 36px;
  background: #4267b2;
  color: #ffffff;
  border-radius: 6px;
}
.prodet-page-2 .init-1 .container .right .share_list a:nth-child(2){
  background: #55acee;
}
.prodet-page-2 .init-1 .container .right .share_list a:nth-child(3){
  background: #cb2027;
}
.prodet-page-2 .init-1 .container .right .share_list a:nth-child(4){
  background: #0077b5;
}
.prodet-page-2 .init-1 .container .right .more_c .more{
  display: inline-block;
  background: #00adde;
  color: #ffffff;
  padding: 10px 42px;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 40px;
  border-radius: 34px;
  transition: all .5s;
}
.prodet-page-2 .init-1 .container .right .more_c .more:hover{
  background: #ffae01;
}

.prodet-page-2 .title_cont{
  background-image: url(../images/smart_10.png);
  background-size: 600px;
  background-position: left center;
  background-repeat: no-repeat;
  font-weight: bold;
  display: flex;
  align-items: flex-start;
  padding: 10px 0;
  line-height: 1.7;
  font-size: 34px;
  justify-content: left;
  flex-wrap: wrap;
  color: #333;
  text-transform: uppercase;
}
.prodet-page-2 .product-page .title_cont{
  justify-content: left;
}

.product-page .title_cont p.coreword{
  font-size: 18px;
}
.prodet-page-2 .title_cont .blue{
  color: #00adde;
}

.prodet-page-2 .init-1 .container{
  width: 1500px;
}

.prodet-page-2 .init-2{
  margin-top: 70px;
}
.prodet-page-2 .init-2 .container{
  width: 1500px;
  padding: 60px 40px;
  background: #ffffff;
}
.prodet-page-2 .init-2 .container .content{
  font-size: 16px;
}
.prodet-page-2 .init-2 .container .content h3{
  font-size: 24px;
  font-weight: bold;
  color: #000;
}
.prodet-page-2 .init-2 .container .content .list{
  padding-top: 20px;
  margin-top: 14px;
  border-top: 1px solid #d4d4d4;
  line-height: 2;
}
.prodet-page-2 .init-2 .container .content .list video{
  width: 100%;
}
.prodet-page-2 .init-2 .container .content .list strong,
.prodet-page-2 .init-2 .container .content .list b{
  font-weight: bold;
}
.prodet-page-2 .product-page .pro-1{
  background-color: #e9f2fa;
}

.prodet-page-2 .product-page .container{
  padding: 0 100px;
}
.prodet-page-2 .product-page .title_cont{
  width: 1500px;
  margin: auto;
}
.prodet-page-2 .product-page .pro-1 .content li .text .desc{
  overflow-y: auto;
}
.prodet-page-2 .product-page .pro-1 .content li{
  padding-bottom: 10px;
}

@media screen and (max-width: 1600px) {
  .prodet-page-2 .init-1 .container,
  .prodet-page-2 .init-2 .container,
  .prodet-page-2 .product-page .title_cont{
    width: 1200px;
  }
}
@media screen and (max-width: 1320px) {
  .prodet-page .sideBox .sideright .pro-1 .box .text .all .mores {
    width: 220px;
  }
  .prodet-page .sideBox .sideright .pro-1 .box .text .all .share {
    padding-left: 1rem;
  }
}
@media screen and (max-width: 1280px) {
  .inner-banner{
    margin-top: 204px;
  }

}
@media screen and (max-width: 1250px) {
  .prodet-page-2 .init-1 .container,
  .prodet-page-2 .init-2 .container,
  .prodet-page-2 .product-page .title_cont{
    width: 970px;
  }
}
@media screen and (max-width: 1160px) {
  .prodet-page .sideBox .sideright {
    padding: 0 2rem;
  }
  .prodet-page .sideBox .sideright .pro-1 .box .text {
    padding: 1.45rem 0 0 1.9rem;
  }
  .prodet-page .sideBox .sideleft .top .content ul {
    padding-left: 1rem;
  }
  .prodet-page .sideBox .sideleft .top .content ul li {
    font-size: 17px;
  }
  .prodet-page .sideBox .sideright .pro-2 .b1 .left li {
    font-size: 18px;
  }
  .prodet-page .sideBox .sideright .pro-2 .b1 .left {
    padding-right: 1rem;
  }
  .prodet-page .sideBox .sideright .pro-3 .b1 .left {
    padding-left: 1rem;
  }
  .prodet-page .sideBox .sideright .pro-3 .b1 .left li {
    font-size: 18px;
  }
  .prodet-page .sideBox .sideright .pro-4 .content ul li h3 {
    font-size: 18px;
  }
}
@media screen and (max-width: 1000px) {
  .prodet-page .sideBox .sideleft {
    display: none;
  }
  .prodet-page .sideBox .sideright {
    width: 100%;
    padding: 0;
  }
  .prodet-page-2 .init-1 .container, .prodet-page-2 .init-2 .container, .prodet-page-2 .product-page .title_cont{
    width: 700px;
  }
  .prodet-page-2 .product-page .container{
    padding: 0 20px;
  }
  .prodet-page-2 .init-1 .container{
    padding: 20px 16px;
  }
  .prodet-page-2 .init-1 .container .left{
    width: 100%;
  }
  .prodet-page-2 .init-1 .container .right{
    width: 100%;
    padding: 0;
    margin-top: 20px;
  }

}
@media screen and (max-width: 700px) {
  .prodet-page .sideBox .sideright .pro-1 .box .img {
    width: 100%;
  }
  .prodet-page .sideBox .sideright .pro-1 .box .text {
    width: 100%;
    padding: 1.45rem 0 0;
  }
  .prodet-page .sideBox .sideright .pro-1 .box .text p {
    font-size: 16px;
  }
  .prodet-page .sideBox .sideright .pro-1 .box .text .all .share {
    display: none;
  }
  .prodet-page-2{
    padding: 40px 0; 
  }
  .prodet-page-2 .init-1 .container, .prodet-page-2 .init-2 .container, .prodet-page-2 .product-page .title_cont{
    width: 100%;
  }
  .prodet-page-2 .init-1 .container, .prodet-page-2 .init-2 .container{
    padding: 20px 16px;
  }

}

.product-page .product-box .box {
  font-size: 0;
}
.product-page .product-box .left {
  display: inline-block;
  vertical-align: top;
  width: 25%;
}
.product-sideBar {
  padding: 20px 15px;
  border: 1px solid #f1f1f1;
  background-color: #f9f9f9;
}
.product-sideBar h2.pro-cat-title {
  font-size: 24px;
  text-transform: uppercase;
  border-bottom: 1px solid #d0d0d0;
  padding-bottom: 10px;
  font-family: 'SSB';
}
.product-sideBar .cat-list .first-li {
padding: 10px 15px;
    transition: all .5s ease;
}
.product-page .product-box .right .cat-text{
  padding-bottom: 2rem;
}
.product-sideBar .cat-list .second-li {
  margin-top: 10px;
}
.product-sideBar .cat-list .level-two {
  font-size: 16px;
  text-transform: uppercase;
}
.product-sideBar .cat-list .level-three {
  font-size: 16px;
  color: #777777;
  display: inline-block;
  padding-left: 15px;
  position: relative;
}
.product-sideBar .cat-list .level-three::after {
  content: "";
  width: 8px;
  height: 8px;
  background-color: #cccccc;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.m-page {
  margin-top: 20px;
}

.xp_btn_cont{
  position: fixed;
  z-index: 9999;
  right: 0;
  bottom: 0;
 
}

.xp_btn_cont div {
  transition: all .5s;
  padding: 8px 20px;
  background: #00adde;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.xp_btn_cont div:hover{
  background: #ffae01;
}




.ling_ani {
  -webkit-animation: ling_ani 3s linear infinite;
  animation: ling_ani 3s linear infinite;
}
@keyframes ling_ani {
  0% {
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(2);
    -ms-transform: scale(2);
    -moz-transform: scale(2);
    -webkit-transform: scale(2);
    -o-transform: scale(2);
    opacity: 0;
  }
}
.ling_ani_2 {
  -webkit-animation: ling_ani_2 3s linear infinite;
  animation: ling_ani_2 3s linear infinite;
}
@keyframes ling_ani_2 {
  0% {
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform-origin: left;
  }
  50% {
    transform: scale(0.9);
    -ms-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -o-transform: scale(0.9);
  }
  10% {
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
  }
}
.pro_sub_btn {
  position: fixed;
  z-index: 10;
  top: 60%;
  right: 40px;
  cursor: pointer;
  display: none;
}
.pro_sub_btn .subline {
  width: 30px;
  height: 0;
  margin: auto;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  background-image: linear-gradient(to bottom, rgba(1, 171, 223, 0), rgba(1, 171, 223, 0.788), #01addf);
}
.pro_sub_btn .bottom_cont {
  width: 38px;
  height: 38px;
  margin: auto;
  margin-top: -10px;
  position: relative;
}
.pro_sub_btn .bottom_cont .ling {
  background-color: #01addf;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 50%;
}
.pro_sub_btn .bottom_cont .ling:nth-child(2) {
  animation-delay: 1.5s;
}
.pro_sub_btn .bottom_cont .cont {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  background-color: #01addf;
  border-radius: 50%;
}
.pro_sub_btn .bottom_cont .cont div {
  background-color: #fff;
  width: calc(100% - 8px);
  border-radius: 50%;
  height: calc(100% - 8px);
}
.pro_sub_btn .bottom_cont .hand {
  margin-top: -26px;
  margin-left: 11px;
  position: relative;
  z-index: 2;
  max-width: none;
  width: 80px;
}
.pro_sub_btn .text {
  font-size: 18px;
  color: #00adde;
  margin-left: 40px;
  margin-top: 64px;
}
.pro_sub_btn.active .subline {
  height: 100px;
}

.inner-page .m-page {
  text-align: center;
  padding-top: 30px;
}
.inner-page .m-page a,
.inner-page .m-page span {
  display: inline-block;
  font-size: 14px;
  width: 40px;
  height: 40px;
  margin: 0 5px;
  border: 1px solid #eee;
  background: #f9f9f9;
  line-height: 40px;
  text-align: center;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.inner-page .m-page a:hover,
.inner-page .m-page a.current{
  color: white;
  background: #0195ff;
}
/*.product-page {
  padding: 80px 0;
}*/
.product-page .product-box .right {
  display: inline-block;
  vertical-align: top;
  width: 75%;
  padding-left: 40px;
}
.product-page .product-box .right .cat-text h1 {
  font-size: 18px;
  font-weight: bold;
}
.product-page .product-box .right .cat-text .text {
  font-size: 14px;
  margin: 15px 0;
}
.product-page .product-box .right .inner-pro-box .pro-content {
  font-size: 14px;
  padding: 15px 0;
  text-align: center;
}
.product-page .product-box .right .inner-pro-box .inner-pro-name {
  color: rgba(0, 0, 0, 0.5);
}
.product-page .product-box .right .inner-pro-box .pro-cat-name {
  font-weight: bold;
}
.product-page .product-box .right .inner-pro-list ul {
  margin: -10px;
}
.product-page .product-box .right .inner-pro-list ul li {
  padding: 10px;
}

.inner-page .side-contact {
    padding: 26px 26px 32px 20px;
    background: #f9f9f9;
    border: 1px solid #f1f1f1;
}
.inner-page .side-tit {
    color: #000000;
    font-size: 18px;
    text-transform: uppercase;
    font-family: poppins-bold;
    margin-bottom: 8px;
}
.side-contact-btn {
    background: #000;
    color: #fff;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    text-align: center;
    margin-top: 30px;
    display: block;
}
.inner-page .side-contact li i.fa {
    float: left;
    width: 8%;
    font-size: 16px;
    text-align: center;
}
.inner-page .side-contact{
  margin-top: 19px;
  padding-right: 35px;
  padding-left: 19px;
}
.inner-page .side-contact .side-tit{
	margin-bottom: 13px;
}
.inner-page .side-contact li:first-child{
	border-top: 1px solid #d1d1d1;
}
.inner-page .side-contact li{
	padding: 20px 0 18px;
	border-bottom: 1px solid #d1d1d1;
}
.inner-page .side-contact li i.icon{
	float: left;
	width: 8%;
	font-size: 16px;
}
.inner-page .side-contact li span{
	float: right;
	width: 88%;
	font-size: 14px;
	color: #000000;
  font-family: "arial";
}

@media screen and (max-width: 970px) {
  .product-page .product-box .left {
    display: none;
  }
  .product-page .product-box .right {
    width: 100%;
    padding-left: 0;
  }
}

.news-page{
  padding-top: 4rem;
}
.news-page .news-sideBar ul li {
  display: inline-block;
  font-size: 18px;
}
.news-page .news-sideBar ul li a {
  display: block;
  background-color: #e4ebf4;
  font-size: 16px;
  font-family: 'SR';
  text-align: center;
  padding: 12px 20px;
  border-bottom: 6px solid transparent;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.news-page .news-sideBar ul li a:hover,
.news-page .news-sideBar ul li.active a {
    background-color: #00adde;
    color: #fff;
    border-bottom: 6px solid #ffae01;
}
.news-page .new-list {
  padding: 30px 0 60px;
}
.news-page .new-list li {
  margin-bottom: 27px;
}
.news-page .new-list li:last-child {
  margin-bottom: 0;
}
.news-page .new-list li .new-pic {
  width: 35%;
  vertical-align: middle;
}
.news-page .new-list li .new-con {
  width: 65%;
  padding-left: 40px;
  vertical-align: middle;
}
.news-page .new-list li .new-con .tit {
  font-size: 24px;
  line-height: 24px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: 'SSB';
}
.news-page .new-list li .new-con .tit a:hover {
  color: #000;
}
.news-page .new-list li .new-con .abst {
  font-size: 16px;
  line-height: 27px;
  margin: 10px 0 55px;
}
.news-page .new-list li .new-con a.more {
  color: #000;
  font-size: 18px;
  line-height: 18px;
  display: inline-block;
  border-bottom: 2px solid #000;
}
.news-page .new-list li .new-con .date {
  margin-top: 20px;
}
.news-page .new-list li .new-con .date span {
  color: #4a4a4a;
  font-size: 14px;
}
.news-page .new-list li .new-pic img {
  width: 100%;
}
.newdet-page{
  padding-top: 4rem;
}
.newdet-page .news {

}
.newdet-page .news .news_title h1 {
  padding-bottom: 5px;
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  font-family: 'SSB';
}
.newdet-page .news .news_date {
  text-align: center;
  line-height: 22px;
  font-size: 16px;
}
.newdet-page .news .news_contents {
  color: #555;
  line-height: 24px;
  clear: both;
  margin-top: 10px;
  padding: 45px 0 40px;
  font-size: 14px;
}
.newdet-page .news .news_contents h2{
  font-size: 24px;
    line-height: 40px;
    font-weight: 700;
    color: #ffae01;
}
.newdet-page .news .news_contents h4{
  font-size: 20px;
    line-height: 40px;
    color: #ffae01;
    font-weight: 700;
}
.newdet-page .news .news_contents .tablecolorit li a {
  color: #0195ff;
}
.newdet-page .news .news_contents .tablecolorit li{
  padding-left: 10px;
}


.newdet-page .news .news_contents p a{
  color: #0195ff;
}
.newdet-page .news .news_contents h3{
  color: #0195ff;
  font-size: 20px;
  line-height: 36px;
}

.newdet-page .news .news_contents a {
  color: #555;
  font-size: 16px;
  line-height: 30px;
}
.newdet-page .news .news_contents strong{
  font-weight: 700;
}
.newdet-page .news .news_contents p,
.newdet-page .news .news_contents div,
.newdet-page .news .news_contents span,
.newdet-page .news .news_contents table {
  font-size: 16px;
  line-height: 24px;
  clear: both;
}
.newdet-page .news .news_next {
  width: 99%;
  margin-top: 0px;
  padding-left: 5px;
  border-top: 0px solid #CCC;
  text-align: left;
  padding-top: 10px;
}
.newdet-page .news .news_next a {
  width: 100%;
  height: 25px;
  line-height: 25px;
  color: #777;
  font-size: 15px;
  margin-left: 5px;
}
.newdet-page .news .news_next a:hover {
  width: 100%;
  height: 25px;
  line-height: 25px;
  color: #000;
}
.newdet-page .news .newsnav {
  margin-bottom: 30px;
}

@media screen and (max-width: 1230px) {
  .news-page .new-list li .new-con .abst {
    font-size: 14px;
    margin: 10px 0 15px;
  }
}

@media screen and (max-width: 1000px) {
  .inner-banner{
    text-align: center;
    margin-top: 0;
  }
  .news-page .news-sideBar {
    display: none;
  }
  .news-page .new-list li .new-con .tit {
    font-size: 18px;
    line-height: 18px;
  }
}
@media screen and (max-width: 970px) {
  .news-page .new-list li .new-con {
    padding-left: 25px;
  }
  .news-page .new-list li .new-con .date {
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .news-page .new-list li .new-con .abst {
    line-height: 20px;
  }
  .disc-page .disc-1 .content .top .box .left .table1 table tr:nth-child(1) th{
    width: 30%!important;
  }
}
@media screen and (max-width: 700px) {
  .news-page .new-list li .new-pic,
  .news-page .new-list li .new-con {
    width: 100%;
  }
  .news-page .new-list li .new-con {
    padding-left: 0;
    padding-top: 10px;
  }
}

.contact-page {
    padding: 70px 0;
}
.contact-page .button-group .button {
    background: #15b8ec !important;
}
.contact-page .amap-copyright,
.contact-page .amap-logo {
    display: none !important;
}
.contact-page .contact-2 {
    padding-top: 70px;
}
.contact-page .contact-2 .container .title{
  position: relative;
  padding-bottom: 15px;
  font-size: 1.6rem;
  font-family: 'SSB';
  margin-bottom: 15px;
}

.contact-page .contact-2 .container .title:before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 110px;
    height: 4px;
    width: 20px;
    background: #ddd none repeat scroll 0 0;
}
.contact-page .contact-2 .container h3.title:after {
    position: absolute;
    height: 4px;
    width: 100px;
    background: #0195ff none repeat scroll 0 0;
    content: "";
    left: 0;
    bottom: 0;
}


.contact-page .contact-2 .left {
    width: 55%;
    padding-right: 15px;
}
.contact-page .contact-2 .left .form {
    -moz-box-shadow: 7px 5px 30px rgba(72, 73, 121, 0.15);
    -o-box-shadow: 7px 5px 30px rgba(72, 73, 121, 0.15);
    box-shadow: 7px 5px 30px rgba(72, 73, 121, 0.15);
    padding: 30px;
}
.contact-page .contact-2 .right {
    width: 45%;
    padding-left: 15px;
}
.contact-page .contact-2 .right h3.title {
    position: relative;
    padding-bottom: 15px;
    font-size: 1.6rem;
    font-family: 'SSB';
    margin-bottom: 15px;
}
.contact-page .contact-2 .right h3.title:after {
    position: absolute;
    height: 4px;
    width: 18%;
    background: #0195ff none repeat scroll 0 0;
    content: "";
    left: 0;
    bottom: 0;
}
.contact-page .contact-2 .right h3.title:before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 20%;
    height: 4px;
    width: 20px;
    background: #ddd none repeat scroll 0 0;
}
.contact-page .contact-2 .right p{
  font-size: 14px;
  line-height: 1.8;
  color: #333;
}
.contact-page .contact-2 .right ul {
    padding-top: 0;
    margin: -10px;
    margin-top: -10px;
}
.contact-page .contact-2 .container .title:before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 110px;
    height: 4px;
    width: 20px;
    background: #ddd none repeat scroll 0 0;
}
.contact-page .contact-2 .container h3.title:after {
    position: absolute;
    height: 4px;
    width: 100px;
    background: #0195ff none repeat scroll 0 0;
    content: "";
    left: 0;
    bottom: 0;
}
.contact-page .contact-2 .right ul li {
    padding: 10px;
}
.contact-page .contact-2 .right ul li.wid-100 {
    width: 100%;
}
.contact-page .contact-2 .right ul li h6 {
    font-size: 14px;
    margin-bottom: 7px;
    text-transform: capitalize;
    color: #828893;
    font-weight: 500;
}
.contact-page .contact-2 .right ul li p {
    font-size: 15px;
    color: #111;
    text-transform: none;
    line-height: normal;
    letter-spacing: 1px;
}
.gallery-page {
    padding: 70px 0;
}
.gallery-page .gallery-list ul {
    margin: -15px;
}
.gallery-page .gallery-list ul li {
    padding: 15px;
}
.gallery-page .gallery-list ul li .box {
    box-shadow: 0 0 10px rgba(72, 73, 121, 0.3);
    padding: 10px;
    border-radius: 5px;
}
.gallery-page .gallery-list ul li .box a.img-box {
    margin-bottom: 10px;
    display: block;
}
.gallery-page .gallery-list ul li .box h5 {
    display: block;
    color: #111;
    font-weight: 500;
    font-size: 18px;
    padding: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.gallery-page .gallery-list ul li .box:hover h5 {
    background: #0195ff;
    color: white;
}
.faq-page {
  padding: 130px 0;
}
.faq-page .container {
  width: 1400px;
}
.faq-page .container .list {
  position: relative;
  display: block;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  border-radius: 0;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 10px 30px 0px #000000;
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);
  margin-top: 20px;
}
.faq-page .container .list:first-child {
  margin-top: 0px;
}
.faq-page .container .list.active .title h4::before {
  content: "\f147";
}
.faq-page .container .list::before {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  width: 2px;
  content: "";
  background-color: #15b8ec;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: 1;
}
.faq-page .container .list:hover::before,
.faq-page .container .list.active::before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.faq-page .container .list .title {
  position: relative;
  display: block;
  cursor: pointer;
  padding: 24px 40px 25px;
  padding-right: 27px;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.faq-page .container .list .title h4 {
  padding-right: 30px;
  font-family: 'SSB';
  margin: 0;
  font-size: 16px;
  line-height: 26px;
  color: #000;
  position: relative;
  text-transform: uppercase;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.faq-page .container .list .title h4::before {
  content: "\f196";
  font-family: 'FontAwesome';
  font-size: 12px;
  color: #0195ff;
  position: absolute;
  top: 13px;
  right: 0;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.faq-page .container .list .content {
  display: none;
  position: relative;
  padding: 0px 40px 29px;
  font-size: 16px;
}

.inner-page .forms ul {
    margin: -5px;
}
.inner-page .forms ul li {
    padding: 5px;
}
.inner-page .forms ul li.wid-100 {
    width: 100%;
}
.inner-page .forms ul li input,
.inner-page .forms ul li textarea {
    width: 100%;
    padding: 10px 15px;
    background: #f8f9fa none repeat scroll 0 0;
    border: medium none;
    font-size: 14px;
}
.inner-page .forms ul li input::-webkit-input-placeholder,
.inner-page .forms ul li textarea::-webkit-input-placeholder {
    color: #242424;
}
.inner-page .forms ul li input:-moz-placeholder,
.inner-page .forms ul li textarea:-moz-placeholder {
    color: #242424;
}
.inner-page .forms ul li input::-moz-placeholder,
.inner-page .forms ul li textarea::-moz-placeholder {
    color: #242424;
}
.inner-page .forms ul li input:-ms-input-placeholder,
.inner-page .forms ul li textarea:-ms-input-placeholder {
    color: #242424;
}
.inner-page .forms ul li textarea {
    height: 120px;
    resize: vertical;
}
.inner-page .forms ul li input[type="submit"] {
    background: #0195ff;
    color: white;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
}
.inner-page .forms ul li input[type="submit"]:hover {
    background: #222;
}

h2.title {
    font-weight: 500;
    font-size: 4.5rem;
    line-height: 1.1;
    position: relative;
    z-index: 1;
}
h2.title:after {
    content: '';
    position: absolute;
    left: 0;
    z-index: -1;
    height: 15px;
    width: 278px;
    top: 0.8em;
    background: #0195ff;
    max-width: 28%;
}
.about-page h2.title {
  font-size: 50px;
}
.about-page h2.title:after {
  width: 185px;
}
.about-page .about-1 {
  background: #e6e8ea;
  padding: 130px 0 90px;
}
.about-page .about-1 .box .left {
  vertical-align: middle;
  padding-right: 4%;
}
.about-page .about-1 .box .left .text em {
  color: #15b8ec;
}
.about-page .about-1 .box .left .text p {
  padding-top: 25px;
}
.about-page .about-1 .box .right {
  vertical-align: middle;
}
.about-page .about-1 .box .right .img {
  height: 700px;
  background-size: cover;
  background-position: center center;
  position: relative;
}
.about-page .about-1 .box .right .img .play {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 115px;
  height: 115px;
  cursor: pointer;
}
.about-page .about-1 .box .right .img .play:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../images/icon-play-c.png") center center;
  -webkit-animation: rz 10s linear infinite;
  -moz-animation: rz 10s linear infinite;
  animation: rz 10s linear infinite;
}
.about-page .about-1 .box .right .img .play i {
  border-left: 24px solid white;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.about-page .about-1 .list {
  margin-top: 120px;
  padding: 0 3%;
}
.about-page .about-1 .list ul {
  margin: 0 -45px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.about-page .about-1 .list ul li {
  padding: 0 45px;
}
.about-page .about-1 .list ul li .box2 {
  display: block;
  padding: 40px 45px 50px;
  background: white;
  text-align: center;
  height: 100%;
  -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
  position: relative;
  top: 0;
}
.about-page .about-1 .list ul li .box2 i {
  width: 90px;
  height: 90px;
  line-height: 90px;
  border-radius: 100%;
  text-align: center;
  background: #f7f8f8;
  font-size: 40px;
  color: #212c63;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
}
.about-page .about-1 .list ul li .box2 h6 {
  margin: 15px 0 10px;
  font-size: 20px;
  font-weight: bold;
  color: black;
  line-height: 1;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
}
.about-page .about-1 .list ul li .box2 h6:after {
  content: '';
  width: 15px;
  height: 1px;
  background: #212c63;
  display: block;
  margin: 10px auto 0;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
}
.about-page .about-1 .list ul li .box2 p {
  font-size: 16px;
  color: #333;
  font-family: "Arial";
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
}
.about-page .about-1 .list ul li .box2:hover {
  top: -10px;
  background: #212c63;
}
.about-page .about-1 .list ul li .box2:hover i {
  background: white;
}
.about-page .about-1 .list ul li .box2:hover h6 {
  color: white;
}
.about-page .about-1 .list ul li .box2:hover h6:after {
  background: white;
}
.about-page .about-1 .list ul li .box2:hover p {
  color: white;
}
.about-page .about-2 {
  background: #f2f4f6;
  padding: 100px 0 140px;
}
.about-page .about-2 .text {
  margin: 20px 0 60px;
}
.about-page .about-2 .list ul {
  margin: 0 -25px;
}
.about-page .about-2 .list ul li {
  padding: 0 25px;
}
.about-page .about-2 .list ul li a {
  display: block;
}
.about-page .about-2 .list ul li img {
  display: block;
  width: 100%;
}
.about-page .about-3 {
  padding: 90px 5% 50px;
  background: #e6e8ea;
  text-align: center;
}
.about-page .about-4 {
  padding: 110px 0;
  background: #f2f4f6;
}
.about-page .about-4 .text {
  margin: 30px 0 70px;
  max-width: 60%;
}
.about-page .about-4 .list ul {
  margin: -18px;
}
.about-page .about-4 .list ul li {
  padding: 18px;
}
.about-page .about-4 .list ul li a.box {
  display: block;
  background-size: cover;
  background-position: center center;
  padding: 100px 7%;
  color: white;
}
.about-page .about-4 .list ul li a.box span {
  font-family: "Arial";
  font-size: 16px;
}
.about-page .about-4 .list ul li a.box h6 {
  margin: 5px 0 20px;
  line-height: 1.4;
  font-size: 28px;
}
.about-page .about-4 .list ul li a.box em {
  display: inline-block;
  line-height: 46px;
  height: 46px;
  padding: 0 20px;
  background: white;
  font-size: 16px;
  font-weight: bold;
  color: black;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
}
.about-page .about-4 .list ul li a.box em:hover {
  background: #15b8ec;
  color: white;
}

@media screen and (max-width: 1700px) {
  #index-body .advantage .box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #index-body .advantage .box .left{
    padding-right: 20px;
  }
   .about-page h2.title,{
    font-size: 44px;
  }
  .about-page .about-1 .box .right .img {
    height: 640px;
  }
  .about-page .about-1 .list {
    margin-top: 50px;
    padding: 0;
  }
  .about-page .about-1 .list ul li {
    padding: 0 20px;
  }
  .about-page .about-1 .list ul {
    margin: 0 -20px;
  }
  .about-page .about-1 .list ul li .box2 {
    padding: 20px;
  }
  .about-page .about-1 .list ul li .box2 h6 {
    font-size: 18px;
  }
  .about-page .about-1 .list ul li .box2 i {
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 30px;
  }
  .about-page .about-2,
  .about-page .about-4{
    padding: 70px 0;
  }
  .about-page .about-3 {
    padding: 50px 15px;
  }
  .about-page .about-4 .text {
    margin: 15px 0 40px;
  }
  .about-page .about-4 .list ul li a.box {
    padding: 60px 5%;
  }
  .about-page .about-4 .list ul li a.box em {
    line-height: 40px;
    height: 40px;
    font-size: 14px;
  }
}

@media screen and (max-width: 1500px) {
  .about-page h2.title{
    font-size: 36px;
  }
  .about-page .about-1 .box .left .text p {
    padding-top: 10px;
  }
  .about-page .about-1 .box .right .img .play {
    width: 90px;
    height: 90px;
  }
  .about-page .about-1 .box .right .img .play:after {
    background-size: cover;
  }
  .about-page .about-2 .list ul li {
    padding: 0 10px;
  }
  .about-page .about-2 .list ul {
    margin: 0 -10px;
  }
  h2.title {
    font-size: 54px;
  }
}

@media screen and (max-width: 1250px) {
   .inner-page .forms ul li input,
    .inner-page .forms ul li textarea {
        padding: 8px 15px;
    }
    h2.title {
    font-size: 48px;
  }
}
@media screen and (max-width: 1000px) {
    .inner-page h3.title {
        font-size: 24px;
        line-height: 26px;
    }
    .gallery-page,
    .faq-page .faq-1,
    .faq-page .faq-2,
    .service-page,
    .contact-page{
        padding: 40px 0;
    }
    .contact-page .contact-2 {
        padding-top: 40px;
    }
    .gallery-page .gallery-list ul li .box h5 {
        font-size: 16px;
    }
    .contact-page .contact-2 .right ul li p {
        font-size: 13px;
    }
    .contact-page .contact-2 .right ul li h6 {
        margin-bottom: 3px;
    }
    h2.title {
    font-size: 36px;
  }
  h2.title:after {
    height: 10px;
    width: 100px;
  }
}

@media screen and (max-width: 700px) {
    .contact-page .contact-2 .left {
        width: 100%;
        padding-right: 0;
    }
    .contact-page .contact-2 .right {
        width: 100%;
        padding-left: 0;
        padding-top: 30px;
    }
    .gallery-page .gallery-list ul li .box h5 {
        font-size: 14px;
    }
    .inner-page .forms ul li {
        width: 100% !important;
    }
     h2.title br {
    display: none;
  }
  h2.title {
    font-size: 28px;
  }
  .about-page .about-2 .text {
    margin: 10px 0 20px;
  }
  .about-page h2.title{
    font-size: 28px;
  }
  .about-page .about-1 .box .left {
    width: 100%;
    padding-right: 0;
  }
  .about-page .about-1 .box .right {
    width: 100%;
    padding-top: 20px;
  }
  .about-page .about-1 .box .right .img {
    height: 240px;
  }
  .about-page .about-1 .list ul li {
    padding: 10px;
  }
  .about-page .about-1 .list ul {
    margin: -10px;
  }
  .about-page .about-1 .list ul li .box2 p {
    font-size: 14px;
  }
  .about-page .about-1 .list ul li .box2 {
    padding: 10px;
  }
  .about-page .about-1 .list ul li .box2 i {
    height: 44px;
    width: 44px;
    line-height: 44px;
    font-size: 20px;
  }
  .about-page .about-1 .list ul li .box2 h6 {
    margin: 10px 0;
  }
  .about-page .about-4 .text {
    max-width: none;
  }
  .about-page .about-4 .list ul li {
    padding: 10px;
    width: 100%;
  }
  .about-page .about-4 .list ul {
    margin: -10px;
  }
  .about-page .about-4 .list ul li a.box {
    padding: 25px 15px;
  }
  .about-page .about-4 .list ul li a.box h6 {
    font-size: 22px;
    margin: 5px 0 10px;
  }
}
@media screen and (max-width: 500px) {
    .contact-page .contact-2 .left .form {
        padding: 10px;
    }
    .button-group .button:nth-child(2) {
        display: none;
    }
    .button-group {
        padding: 5px !important;
        bottom: 0 !important;
        right: 15px !important;
    }
    #index-body .product .content ul li{
    width: 100%;
  }

}

/*.product-page {
  padding-bottom: 2rem;
}*/

.product-page .title_cont{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.product-page .title_cont .more{
  margin: 0;
  margin-left: auto !important;
}

.product-page .more_c{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.product-page .more_c .more{
  margin: 0;
  margin-top: 3.55rem;
}
.product-page .more_c .more.more_2{
  margin-left: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-page .more_c .more.more_2 em{
  margin-left: 10px;
}
.product-page .more_c .more.email{
  width: 300px;
}
.product-page .more {
  display: block;
  width: 230px;
  height: 44px;
  background-color: #ffae01;
  border-radius: 22px;
  text-align: center;
  line-height: 44px;
  color: #fff;
  font-size: 18px;
  margin: auto;
  margin-top: 3.55rem;
  position: relative;
  z-index: 1;
  font-family: 'SSB';
  font-weight: bold;
}
.product-page .more::after {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  border-radius: 22px;
  background-color: #00adde;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.product-page .more:hover::after {
  width: 100%;
}
.product-page .more_2{
  margin-left: 30px;
  background: #00adde;
}
.product-page .more_2::after{
  background: #ffae01;
}
.product-page .proabs {
  font-size: 18px;
  line-height: 2;
  color: #333333;
  margin: 30px 0;
  padding-bottom: 20px;
}
.product-page h3.title {
  font-size: 1.7rem;
  font-weight: 600;
  color: #333333;
  line-height: 1;
  position: relative;
  z-index: 1;
  text-transform: capitalize;
  margin-bottom: 20px;
}
.product-page h3.title em {
  color: #00adde;
}
.product-page h3.title::after {
  content: '';
  position: absolute;
  top: -24px;
  left: -4px;
  width: 15.5rem;
  height: 4.25rem;
  background: url(../images/pro-icon1.png) no-repeat center center;
  z-index: -1;
}

.product-page .pro-1 {
  padding-top: 40px;
  background-color: #f4f7fc;
  padding-bottom: 3.75rem;
}
.product-page .pro-1 .ui.container {
  max-width: 1770px;
  width: 100%;
}
.product-page .pro-1 .nav {
  padding: 0 6.2rem;
}
.product-page .pro-1 .nav>ul{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  height: 58px;
  overflow: hidden;
  transition: all .5s;
}
.product-page .pro-1 .nav>ul.active{
  height: auto;
}
.product-page .pro-1 .nav li {
  padding-right: 3px;
  margin-bottom: 20px;
  width: auto;
}

.product-page .pro-1 .nav li a {
  display: block;
  background-color: #e4ebf4;
  font-size: 16px;
  font-family: 'SR';
  text-align: center;
  padding: 12px 20px;
  border-bottom: 6px solid transparent;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.product-page .pro-1 .nav li .show span{
  margin-left: 4px;
}

.product-page .pro-1 .nav li a:hover,

.product-page .pro-1 .nav li a.active {
  background-color: #00adde;
  color: #fff;
  border-bottom: 6px solid #ffae01;
}
.product-page .pro-1 .nav li a.show{
  background-color: #ffae01;
  color: #fff;
  border-bottom: 6px solid #00adde;
}


.product-page .pro-1 .content {
  margin-top: 3.7rem;
}
.product-page .pro-1 .content ul {
  margin-right: -2.4rem;
  padding: 0 5.95rem;
}
.product-page .pro-1 .content ul .slick-slide {
  margin-right: 2.4rem;
  padding: 4px;
}
.product-page .pro-1 .content ul .slick-track {
  margin-left: 0;
  margin-right: 0;
}
.product-page .pro-1 .content li {
  position: relative;
  background-color: #e4ebf4;
  border-radius: 16px 18px 18px 18px;
  padding-bottom: 2.5rem;
  box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.2);
}
.product-page .pro-1 .content li .img {
  background-color: #fff;
  border-radius: 14px 16px 0px 0px;
}
.product-page .pro-1 .content li .img img{
  width: 100%;
  /*height: 255px;
  object-fit: cover;*/
}
.product-page .pro-1 .content li .text {
  padding: 20px 10px;
}
.product-page .pro-1 .content li .text h3 {
  font-size: 20px;
  line-height: 1.4;
  color: #333333;
  font-family: 'SSB';
 
  overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1; 
}


.product-page .pro-1 .content li .text .desc {
  height: 136px;
  overflow: hidden;
  font-size: 16px;
  line-height: 1.8;
  color: #666666;
  margin-top: 0.8rem;
}

.product-page .pro-1 .content li .text.active .desc{
  height: auto;
}

.product-page .pro-1 .content li .text .btn_c{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
}

.product-page .pro-1 .content li .text .btn_c > div{
  width: 49%;
  margin-top: 20px;
}

.product-page .pro-1 .content li .text .btn_c > div > span{
  background: #ffae01;
  text-align: center;
  display: block;
  color: #fff;
  font-size: 18px;
  border-radius: 20px;
  padding: 4px 0;
  cursor: pointer;
}

.product-page .pro-1 .content li .text .btn_c > div .cont{
  position: absolute;
  bottom: 35px;
  left: 0;
  width: 100%;
  height: auto;
  background: #fff;
  padding: 10px;
  border-radius: 10px;
  transform: scaleY(0);
  transition: all .5s;
  transform-origin: bottom;
  font-size: 16px;
  line-height: 1.6;
}

.product-page .pro-1 .content li .text .btn_c > div .cont img{
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.product-page .pro-1 .content li .text .btn_c > div:hover .cont{
  transform: scale(1);
}

.product-page .pro-1 .content li .text .btn_c .btn1 > span{
  background: #00aced;
}

.product-page .pro-1 .content li .text .btn_c .btn1 .cont{
  max-height: 500px;
  overflow-y: auto;
}


.product-page .pro-1 .content li .text .btn_cont{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 2;
  background: #00adde;
  color: #fff;
  border-radius: 0 0 18px 18px;
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
  padding-top: 6px;
  padding-bottom: 2px;
}

.product-page .pro-1 .content li .text .btn_cont i{
  cursor: pointer;
}
.product-page .pro-1 .content li .text.active .btn_cont i{
  transform: rotateX(180deg);
}

.product-page .pro-1 .content li .text .desc::-webkit-scrollbar-thumb {
  background-color: #00adde;
}
.product-page .pro-1 .content li .text .desc::-webkit-scrollbar-track {
  background-color: #fff;
}
.product-page .pro-1 .content .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 69px;
  height: 69px;
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 50%;
  color: transparent;
  z-index: 1;
  outline: none;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  box-shadow: none;
}
.product-page .pro-1 .content .slick-arrow:hover {
  background-color: #ffae01;
}
.product-page .pro-1 .content .slick-prev {
  background: url("../images/pl.png") no-repeat center center #fff;
  left: 0;
}
.product-page .pro-1 .content .slick-next {
  background: url("../images/pr.png") no-repeat center center #fff;
  right: 2rem;
}

.product-page .pro-2 {
  padding: 2rem 0 2rem;
}
.product-page .pro-2 .ui.container {
  max-width: 1580px;
  width: 100%;
}
.product-page .pro-2 .header h3.title {
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
}
.product-page .pro-2 .header .list {
  display: inline-block;
  vertical-align: middle;
  padding-left: 4.3rem;
}
.product-page .pro-2 .header .list li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 1.95rem;
}
.product-page .pro-2 .header .list li:last-child {
  margin-right: 0;
}
.product-page .pro-2 .content {
  margin-top: 3.35rem;
}
.product-page .pro-2 .content ul .slick-track {
  margin-left: 0;
  margin-right: 0;
}
.product-page .pro-2 .content .info ul {
  margin-right: -1.7rem;
}
.product-page .pro-2 .content .info ul .slick-slide {
  margin-right: 1.7rem;
}
.product-page .pro-2 .content .info ul li {
  position: relative;
}
.product-page .pro-2 .content .info ul li img {
  width: 100%;
}

.product-page .pro-2 .content .info ul li .text {
  position: absolute;
  top: 40%;
  left: 0;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.1;
}
.product-page .pro-2 .content .info ul li .title_2{
  text-align: center;
  font-size: 18px;
  margin-top: 16px;
}
.product-page .pro-2 .content .info ul li .text h4 {
  width: 60%;
  margin: 0 auto;
  text-transform: uppercase;
  opacity: 0;
  transition: all .5s;
}
.product-page .pro-2 .content .info ul li:hover .text h4{
  opacity: 1;
}
.product-page .pro-2 .content .desc {
  margin-top: 4.1rem;
  font-size: 22px;
  line-height: 1.5;
  color: #666666;
  padding-right: 4rem;
}
.product-page .pro-2 .content .desc em {
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 8px;
  background-color: #ffae01;
  border-radius: 50%;
  margin-right: 8px;
  margin-top: -8px;
}
.product-page .pro-3 {
  background: url(/nihaowater/2022/12/26/back-2.jpg) no-repeat center center;
  padding: 4.25rem 0 4.15rem;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
  z-index: 1;
  text-align: center;
}
.product-page .pro-3 .ui.container {
  max-width: 1484px;
  width: 100%;
}
.product-page .pro-3::after {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(28, 113, 202, 0.2);
}
.product-page .pro-3 h3 {
  font-size: 1.9rem;
  line-height: 1.2;
  font-weight: 600;
  color: #fff;
}
.product-page .pro-3 .more {
  margin-top: 2.6rem;
}
.product-page .pro-4 {
  background-color: #f4f7fc;
  padding: 4.55rem 0 6.45rem;
}
.product-page .pro-4 h3.title {
  margin-left: 2.95rem;
}
.product-page .pro-4 .ui.container {
  max-width: 1590px;
}
.product-page .pro-4 .content {
  margin-top: 2.45rem;
}
.product-page .pro-4 .content .left {
  padding-top: 2rem;
  text-align: right;
  padding-right: 2.7rem;
}
.product-page .pro-4 .content .left dl dd {
  margin-bottom: 3.5rem;
}
.product-page .pro-4 .content .left dl dd h3 {
  display: inline-block;
  vertical-align: middle;
  padding-right: 1rem;
  font-size: 24px;
  line-height: 1.4;
  color: #00adde;
  font-weight: 600;
  margin-bottom: 12px;
  margin-top: 15px;
}
.product-page .pro-4 .content .left dl dd img {
  display: inline-block;
  vertical-align: middle;
}
.product-page .pro-4 .content .left dl dd .text {
  font-size: 16px;
  line-height: 1.8;
  color: #666666;
  /*max-height: 136px;
  overflow: auto;*/
  position: relative;
  direction: rtl;
  padding-left: 1.7rem;
}
.product-page .pro-4 .content .left dl dd .text::-webkit-scrollbar {
  position: absolute;
  left: 0;
  top: 0;
}
.product-page .pro-4 .content .left dl dd .text::-webkit-scrollbar-thumb {
  background-color: #00adde;
}
.product-page .pro-4 .content .left dl dd:last-child {
  margin-bottom: 0;
}
.product-page .pro-4 .content .middle {
  text-align: center;
  padding: 0 0.65rem;
  position: relative;
}
.product-page .pro-4 .content .middle li img {
  width: 100%;
}
.product-page .pro-4 .content .middle .text {
  position: absolute;
  top: 5.7rem;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 600;
  color: #fff;
}
.product-page .pro-4 .content .middle .circle {
  position: absolute;
  top: 157px;
  left: 0;
  width: 100%;
}
.product-page .pro-4 .content .middle .circle .box {
  width: 190px;
  height: 190px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  margin: 0 auto;
  position: relative;
}
.product-page .pro-4 .content .middle .circle .box li {
  position: absolute;
  font-size: 20px;
  line-height: 1;
  font-weight: 600;
  color: #01365d;
}
.product-page .pro-4 .content .middle .circle .box li:nth-child(1) {
  left: 8px;
  top: 54px;
}
.product-page .pro-4 .content .middle .circle .box li:nth-child(2) {
  right: 8px;
  top: 54px;
}
.product-page .pro-4 .content .middle .circle .box li:nth-child(3) {
  left: 8px;
  bottom: 60px;
}
.product-page .pro-4 .content .middle .circle .box li:nth-child(4) {
  right: 8px;
  bottom: 60px;
}
.product-page .pro-4 .content .right {
  padding-left: 2.7rem;
  padding-top: 2rem;
}
.product-page .pro-4 .content .right dl dd {
  margin-bottom: 3.5rem;
}
.product-page .pro-4 .content .right dl dd h3 {
  display: inline-block;
  vertical-align: middle;
  padding-left: 1rem;
  font-size: 24px;
  line-height: 1.4;
  color: #00adde;
  font-weight: 600;
  margin-bottom: 12px;
  margin-top: 15px;
}
.product-page .pro-4 .content .right dl dd img {
  display: inline-block;
  vertical-align: middle;
}
.product-page .pro-4 .content .right dl dd .text {
  font-size: 16px;
  line-height: 1.8;
  color: #666666;
  position: relative;
  padding-right: 1.7rem;
}
.product-page .pro-4 .content .right dl dd .text::-webkit-scrollbar {
  position: absolute;
  left: 0;
  top: 0;
}
.product-page .pro-4 .content .right dl dd .text::-webkit-scrollbar-thumb {
  background-color: #00adde;
}
.product-page .pro-4 .content .right dl dd:last-child {
  margin-bottom: 0;
}
.product-page .pro-5 {
  padding: 4.35rem 0 1rem;
}
.product-page .pro-5 table {
  margin-top: 2.25rem;
  font-size: 18px;
}
.product-page .pro-5 table thead {
  display: table;
  width: 100% !important;
  min-width: 700px;
}
.product-page .pro-5 table thead tr th {
  border: none;
  width: 14% !important;
}
.product-page .pro-5 table thead tr:nth-child(1) {
  background-color: #00adde;
  color: #fff;
  font-size: 20px;
}
.product-page .pro-5 table thead tr:nth-child(1) th:first-child {
  border-radius: 19px 0 0 0;
}
.product-page .pro-5 table thead tr:nth-child(1) th:last-child {
  border-radius: 0 19px 0 0;
}
.product-page .pro-5 table tbody tr {
  /*border: 1px solid #01365d;*/
  text-align: center;
}
.product-page .pro-5 table tbody tr td {
  width: 14% !important;
  border: none;
}
.product-page.mbbr-page table tbody tr td{
  border: 1px solid #01365d;
}
.product-page .pro-5 .table1 tbody tr td{
  padding: 10px;
}
.product-page .pro-5 table tbody tr td img {
  display: inline-block;
  vertical-align: middle;
  width: 39px;
}
.product-page .pro-5 table tbody tr td span {
  display: inline-block;
  vertical-align: middle;
  padding-left: 9px;
}
.product-page .pro-5 table tbody tr td:nth-child(1) {
  text-align: left;
}
.product-page .pro-5 table tbody tr td:nth-child(4),
.product-page .pro-5 table tbody tr td:nth-child(5),
.product-page .pro-5 table tbody tr td:nth-child(6) {
  /*border: 1px solid #01365d;*/
}
.product-page .pro-5 table tbody tr:nth-child(1) td:nth-child(1),
.product-page .pro-5 table tbody tr:nth-child(1) td:nth-child(2),
.product-page .pro-5 table tbody tr:nth-child(1) td:nth-child(3),
.product-page .pro-5 table tbody tr:nth-child(1) td:nth-child(4),
.product-page .pro-5 table tbody tr:nth-child(1) td:nth-child(7) {
  background-color: #fdfdda;
}
.product-page .pro-5 table tbody tr:nth-child(1) td:nth-child(5) {
  background-color: #ffffff;
}
.product-page .pro-5 table tbody tr:nth-child(2) td:nth-child(1),
.product-page .pro-5 table tbody tr:nth-child(3) td:nth-child(1),
.product-page .pro-5 table tbody tr:nth-child(2) td:nth-child(2),
.product-page .pro-5 table tbody tr:nth-child(3) td:nth-child(2),
.product-page .pro-5 table tbody tr:nth-child(2) td:nth-child(3),
.product-page .pro-5 table tbody tr:nth-child(3) td:nth-child(3),
.product-page .pro-5 table tbody tr:nth-child(2) td:nth-child(4),
.product-page .pro-5 table tbody tr:nth-child(3) td:nth-child(4) {
  background-color: #fdfdda;
}
.product-page .pro-5 table tbody tr:nth-child(odd) {
  background-color: #ddf6fd;
}
.product-page .pro-5 table tbody tr:nth-child(even) {
  background-color: #ffffff;
}

.product-page .pro-5 .table1 tbody tr td:nth-child(1) {
  border-right: 0;
}
.product-page .pro-5 .table1 tbody tr td:nth-child(2) {
  border-right: 0;
  border-left: 0;
}
.product-page .pro-5 .table1 tbody tr td:nth-child(3) {
  border-right: 0;
  border-left: 0;
}
.product-page .pro-5 .table1 tbody tr td:nth-child(4) {
  border-right: 0;
  border-left: 0;
}

.product-page .pro-5 p {
  font-size: 20px;
  line-height: 1.7;
  color: #7b7b7b;
  padding-top: 1rem;
  position: relative;
  font-family: 'SSB';
  font-style: italic;
}
.product-page .pro-5 p::before {
  content: '';
  width: 5px;
  height: 6px;
  background-color: #ffae01;
  display: inline-block;
  vertical-align: middle;
  margin: -8px 6px 0 0;
}
.product-page .pro-6 {
  padding: 4.35rem 0 2rem;
}
.product-page .pro-6 table {
  margin-top: 2.4rem;
}
.product-page .pro-6 table tr {
  border: 1px solid #dedede;
}
.product-page .pro-6 table tr td {
  border: none;
  font-size: 18px;
  color: #666666;
  text-align: center;
  width: 33.33% !important;
  padding: 10px 10px;
}
.product-page .pro-6 table tr:nth-child(even) {
  background-color: #ddf6fd;
}
.product-page .pro-6 table.table2 tr td:nth-child(1){
  border-right: 0;
}
.product-page .pro-6 table.table2 tr td:nth-child(2){
  border-left: 0;
  border-right: 0;
}
.product-page .pro-6 table.table2 tr td:nth-child(3){
  border-left: 0;
}
.product-page .pro-6 p {
  font-size: 20px;
  line-height: 1.7;
  color: #7b7b7b;
  padding-top: 1rem;
  position: relative;
  font-family: 'SSB';
  font-style: italic;
}
.product-page .pro-6 p::before {
  content: '';
  width: 5px;
  height: 6px;
  background-color: #ffae01;
  display: inline-block;
  vertical-align: middle;
  margin: -8px 6px 0 0;
}

.product-page .pro-7 {
  padding: 3.5rem 0 2.95rem;
}
.product-page .pro-7 .img {
  margin-top: 4.5rem;
  text-align: center;
}
.product-page .pro-7 p {
  font-size: 20px;
  line-height: 1.7;
  color: #7b7b7b;
  padding-top: 1rem;
  position: relative;
  font-family: 'SSB';
  font-style: italic;
  text-align: center;
  margin-top: 3rem;
}
.product-page .pro-7 p::before {
  content: '';
  width: 5px;
  height: 6px;
  background-color: #ffae01;
  display: inline-block;
  vertical-align: middle;
  margin: -8px 6px 0 0;
}
.product-page .pro-7 .more {
  width: 210px;
}
.product-page .pro-8 {
  background-color: #f4f7fc;
  padding: 5.2rem 0 4.65rem;
}
.product-page .pro-8 .ui.container {
  max-width: 1318px;
  width: 100%;
}
.product-page .pro-8 .left {
  padding-top: 4.2rem;
}
.product-page .pro-8 .right {
  padding: 0 2.3rem;
}
.product-page .pro-8 .right p,.product-page .pro-8 .right .nihaombbrcore {
  margin-top: 2.6rem;
  font-size: 16px;
  line-height: 1.7;
  color: #8c8c8c;
}
.product-page .pro-8 .right .nihaombbrcore h1{
  display: inline;
  font-size: inherit;
}

.product-page .pro-8 .right .desc {
  margin-top: 2.15rem;
  font-size: 16px;
  line-height: 1.7;
  color: #8c8c8c;
}
.product-page .pro-8 .right .desc dd {
  padding-left: 1.5rem;
  position: relative;
  margin-bottom: 10px;
}
.product-page .pro-8 .right .desc dd p {
  margin-top: 0;
}
.product-page .pro-8 .right .desc dd::before {
  content: '';
  width: 15px;
  height: 16px;
  background-color: #ffac00;
  position: absolute;
  top: 4px;
  left: 0;
}
.product-page .pro-8 .right .desc dd:last-child {
  margin-bottom: 0;
}
.product-page .pro-8 .right .desc::-webkit-scrollbar-thumb {
  background-color: #00adde;
}
.product-page .pro-8 .right .desc::-webkit-scrollbar-track {
  background-color: #fff;
}
.product-page .pro-8 .more {
  margin: 2.25rem auto 0;
}
.product-page .pro-9 {
  padding: 6.9rem 0 8.7rem;
}
.product-page .pro-9 .desc {
  margin-top: 1.65rem;
  font-size: 17px;
  color: #646464;
  line-height: 2;
}
.product-page .pro-9 .img {
  text-align: center;
  margin-top: 2.5rem;
}
.product-page .pro-10 {
  background-color: #e9f2fa;
  padding: 4.35rem 0 6.9rem;
}
.product-page .pro-10 .header p {
  margin-top: 1.4rem;
  font-size: 18px;
  color: #333333;
  line-height: 1.9;
}
.product-page .pro-10 .content {
  margin-top: 4.55rem;
}
.product-page .pro-10 .content .left {
  width: 37.61%;
  vertical-align: middle;
}
.product-page .pro-10 .content .left li {
  padding: 1.95rem 1.5rem 3rem 1.5rem;
}
.product-page .pro-10 .content .left li h4 {
  font-size: 20px;
  font-weight: 600;
  color: #313131;
  line-height: 1.4;
  width: 100%;
  position: relative;
  padding-right: 1rem;
}
.product-page .pro-10 .content .left li h4 i {
  position: absolute;
  top: 8px;
  right: 0;
}
.product-page .pro-10 .content .left li .desc {
  margin-top: 1.4rem;
  font-size: 15px;
  line-height: 1.8;
  color: #858585;
  font-family: 'SSB';
  padding-right: 1.5rem;
  display: none;
}
.product-page .pro-10 .content .left li.active {
  background-color: #ffffff;
  border-top: 3px solid #00adde;
}
.product-page .pro-10 .content .left li.active .desc {
  display: block;
}
.product-page .pro-10 .content .right {
  width: 62.39%;
  vertical-align: middle;
  padding-left: 6.35rem;
}
.product-page .pro-10 .content .right ul {
  margin-right: -1.6rem;
}
.product-page .pro-10 .content .right ul .slick-slide {
  margin-right: 1.6rem;
}
.product-page .pro-10 .content .right ul .slick-dots {
  position: absolute;
  z-index: 10;
  bottom: -20%;
  left: 0;
  text-align: center;
  width: 100%;
}
.product-page .pro-10 .content .right ul .slick-dots li {
  position: relative;
  text-align: center;
  color: #fff;
  width: 13px;
  height: 13px;
  background-color: rgba(0, 173, 222, 0.5);
  border-radius: 50%;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  display: inline-block;
  margin-right: 1.2rem;
}
.product-page .pro-10 .content .right ul .slick-dots li:last-child {
  margin-right: 0;
}
.product-page .pro-10 .content .right ul .slick-dots li button {
  display: none;
}
.product-page .pro-10 .content .right ul .slick-dots li.slick-active {
  background: #00adde;
}
.product-page .pro-11 {
  padding: 2rem 0 2rem;
}
.product-page .pro-11 .text {
  width: 40%;
}
.product-page .pro-11 .text .desc {
  margin-top: 2.55rem;
}
.product-page .pro-11 .text .desc li {
  font-size: 19px;
  color: #666;
  line-height: 1.8;
}
.product-page .pro-11 .text .desc li::before {
  content: '√';
  font-size: 20px;
  color: #00adde;
  display: inline-block;
  font-weight: 600;
  margin-right: 10px;
}
.product-page .pro-11 .img {
  width: 70%;
  margin-right: -10%;
}
.product-page .pro-12 {
  background-color: #f4f7fc;
  padding: 5.25rem 0 6.7rem;
}
.product-page .pro-12 .header h3.title {
  float: left;
  margin-top: 10px;
}
.product-page .pro-12 .header .more {
  float: right;
  margin: 0;
}
.product-page .pro-12 .desc {
  margin-top: 2.6rem;
  font-size: 18px;
  line-height: 1.9;
  color: #333333;
}
.product-page .pro-12 .img {
  text-align: center;
  margin-top: 3.4rem;
}
.product-page .pro-13 {
  padding-bottom: 7.75rem;
}
.product-page .pro-13 .boxs {
  background: url(../images/pro13.jpg) no-repeat center center;
  padding: 4.45rem 0 14.35rem 0;
  background-size: cover;
}
.product-page .pro-13 .ui.container {
  max-width: 1396px;
  width: 100%;
}
.product-page .pro-13 .header {
  text-align: center;
}
.product-page .pro-13 .header h3.title {
  color: #fff;
}
.product-page .pro-13 .header h3.title::after {
  left: 34%;
}
.product-page #index-body .title h3{
  text-transform: uppercase;
}
.product-page .pro-13 .header p {
  margin-top: 1.75rem;
  font-size: 17px;
  line-height: 1;
  color: #fff;
}
.product-page .pro-13 .content {
  margin-top: -15%;
  background-color: rgba(255, 255, 255, 0.74);
  position: relative;
  padding: 2.45rem 2.5rem 4.85rem 2.5rem;
  box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.2);
}
.product-page .pro-13 .content li .img img {
  width: 100%;
}
.product-page .pro-13 .content li .img .img1 {
  width: 48.342%;
  margin-right: 3.1%;
}
.product-page .pro-13 .content li .img .img1:last-child {
  margin-right: 0;
}
.product-page .pro-13 .content li .desc {
  margin: 3.85rem 0 0 0;
  text-align: center;
}
.product-page .pro-13 .content li .desc h3 {
  font-size: 1.5rem;
  color: #333333;
  font-weight: 600;
  line-height: 1.4;
}
.product-page .pro-13 .content li .desc p {
  font-size: 17px;
  line-height: 2;
  color: #666;
  width: 56%;
  margin: 2.85rem auto 0;
}
.product-page .pro-13 .slick-arrow {
  position: absolute;
  top: 70%;
  width: 69px;
  height: 69px;
  background-color: #fff;
  border: 2px solid #b9b9b9;
  border-radius: 50%;
  color: transparent;
  z-index: 1;
  outline: none;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  box-shadow: none;
}
.product-page .pro-13 .slick-arrow:hover {
  background-color: #ffae01;
}
.product-page .pro-13 .slick-prev {
  background: url("../images/pl.png") no-repeat center center #fff;
  left: 0;
}
.product-page .pro-13 .slick-next {
  background: url("../images/pr.png") no-repeat center center #fff;
  right: 0;
}
.product-page .pro-14 {
  padding-top: 4.95rem;
}


.smart-page .container.ui {
  width: 1500px;
}

.smart-page .pro-1 {
  background-color: #fff;
  padding-bottom: 3.75rem;
}

.smart-page .tip_title_cont {
  background-image: url(../images/smart_10.png);
  background-size: 600px;
  background-position: left center;
  background-repeat: no-repeat;
  font-weight: bold;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 10px 0;
}

.smart-page .tip_title_cont .tip_title {
  line-height: 1.7;
  font-size: 34px;
  color: #333;
  text-transform: uppercase;
}

.smart-page .tip_title_cont .tip_title .blue {
  color: #00adde;
}

.smart-page .init-1 {
  background-color: #f4f7fc;
  padding: 0;
  padding-top: 60px;
  padding-bottom: 130px;
  background-image: url(../images/smart_1.jpg);
  background-position: bottom center;
  background-size: cover;
}
.smart-page  .init-1 .container.ui{
  width: 1500px;
}
.smart-page .init-1 .container .content {
  margin-top: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.smart-page .init-1 .container .content .left {
  width: 38%;
}

.smart-page .init-1 .container .content .left .title {
  font-size: 30px;
  color: #d67823;
  font-weight: bold;
  text-transform: uppercase;
}

.smart-page .init-1 .container .content .left .des {
  margin-top: 20px;
  font-size: 18px;
  line-height: 1.6;
}

.smart-page .init-1 .container .content .right {
  width: 52%;
  padding: 20px 60px;
  background-color: rgba(255, 255, 255, 0.4);
}

.smart-page .init-2 {
  padding-top: 160px;
  padding-bottom: 110px;
  background-color: #fff;
}

.smart-page .init-2 .container .content {
  margin-top: 100px;
}

.smart-page .init-2 .container .content .list {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.smart-page .init-2 .container .content .list>div {
  width: 50%;
}

.smart-page .init-2 .container .content .list .text_cont {
  padding: 20px 80px 20px 20px;
}

.smart-page .init-2 .container .content .list .text_cont .title_cont {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  justify-content: left;
}

.smart-page .init-2 .container .content .list .text_cont .title_cont .num {
  font-size: 166px;
  line-height: 0.6;
  font-family: 'Italianno';
  color: #00adde;
  min-width: 60px;
}

.smart-page .init-2 .container .content .list .text_cont .title_cont .cont {
  margin-top: 4px;
  margin-left: 16px;
}

.smart-page .init-2 .container .content .list .text_cont .title_cont .cont img {
  width: 28px;
  display: block;
}

.smart-page .init-2 .container .content .list .text_cont .title_cont .cont .text {
  font-weight: bold;
  font-size: 24px;
  color: #333;
  margin-top: 8px;
}

.smart-page .init-2 .container .content .list .text_cont .des {
  margin-top: 20px;
  font-size: 18px;
  line-height: 1.8;
  color: #7b7b7b;
}

.smart-page .init-2 .container .content .list .img_cont {
  position: relative;
}

.smart-page .init-2 .container .content .list .img_cont img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.smart-page .init-2 .container .content .list .img_cont .sub_cont {
  padding: 12px 20px;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
}

.smart-page .init-2 .container .content .list .img_cont .sub_cont::before {
  content: '';
  position: absolute;
  width: 0;
  top: 0;
  right: 100%;
  border-right: 30px solid rgba(0, 0, 0, 0.5);
  border-top: 60px solid transparent;
}

.smart-page .init-2 .container .content .list:nth-child(2n) .text_cont {
  padding: 20px 50px;
}

.smart-page .init-2 .container .content .list:nth-child(2n) .img_cont {
  order: -1;
}

.smart-page .init-2 .container .content .list:nth-child(2n) .img_cont .sub_cont {
  left: 0;
  right: unset;
}

.smart-page .init-2 .container .content .list:nth-child(2n) .img_cont .sub_cont::before {
  border-right: 0;
  border-left: 30px solid rgba(0, 0, 0, 0.5);
  left: 100%;
}

.smart-page .init-3 {
  padding: 100px 0;
  background-color: #e9f2fa;
}

.smart-page .init-3 .tip_title_cont .more {
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  background-color: #00adde;
  min-width: 230px;
  height: 50px;
  margin: 0;
  margin-left: 20px;
  text-transform: uppercase;
}

.smart-page .init-3 .tip_title_cont .more::after{
  background-color: #ffac00;
}

.smart-page .init-3 .content {
  margin-top: 60px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.smart-page .init-3 .content>div {
  width: 50%;
}

.smart-page .init-3 .content .left {
  padding-right: 30px;
}

.smart-page .init-3 .content .left .list {
  margin-top: 30px;
  display: flex;
  align-items: flex-start;
}

.smart-page .init-3 .content .left .list img {
  width: 44px;
  min-width: 44px;
}

.smart-page .init-3 .content .left .list .cont {
  margin-left: 20px;
}

.smart-page .init-3 .content .left .list .cont .title {
  font-weight: bold;
  font-size: 20px;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}

.smart-page .init-3 .content .left .list .cont .des {
  font-size: 18px;
  color: #858585;
  margin-top: 10px;
  line-height: 1.8;
}

.smart-page .init-3 .content .left .list:first-child {
  margin-top: 0;
}

.smart-page .init-3 .content .left .list:hover .cont .title {
  color: #ffac00;
}

.smart-page .init-3 .content .right {
  padding-left: 60px;
}

.smart-page .init-3 .content .right .mt_80 {
  margin-top: 80px;
}

.smart-page .init-3 .content .right .mt_60 {
  margin-top: 60px;
}

.smart-page .init-3 .content .right img {
  width: 100%;
  display: block;
}

.smart-page .init-4 {
  padding: 100px 0;
  background-image: url(../images/smart_16_91.jpg);
  background-size: cover;
  background-position: center center;
}

.smart-page .init-4 .container {
  text-align: center;
}

.smart-page .init-4 .container .des {
  font-size: 38px;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
}

.smart-page .init-4 .container .more {
  background-color: #ffac00;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  margin-top: 30px;
  display: inline-block;
  text-transform: uppercase;
}

.smart-page .init-5 {
  margin-top: 30px;
}

.smart-page .init-5 .container img {
  width: 100%;
  display: block;
}

.smart-page .init-5 .container .content {
  margin-top: 50px;
}

.smart-page .init-5 .container .content .list {
  display: flex;
  margin-top: 14px;
  align-items: flex-start;
}

.smart-page .init-5 .container .content .list .sub {
  min-width: 10px;
  width: 10px;
  height: 10px;
  background-color: #ffac00;
  margin-top: 10px;
}

.smart-page .init-5 .container .content .list .text {
  margin-left: 8px;
  font-size: 22px;
  color: #333;
}

.smart-page .init-5 .container .content .des {
  font-size: 18px;
  color: #666666;
  margin-top: 20px;
}

.smart-page .init-5 .container .content .more_cont_c {
  text-align: center;
  margin-top: 30px;
}

.smart-page .init-5 .container .content .more_cont_c .more {
  background-color: #ffac00;
  text-transform: uppercase;
}

.smart-page .init-6 {
  margin-top: 60px;
}

.smart-page .init-6 .content {
  margin-top: 30px;
  padding: 0 40px;
}

.smart-page .init-6 .content table {
  box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.3);
  border: none;
  font-weight: 500;
  text-align: center;
  font-size: 18px;
}

.smart-page .init-6 .content table .f_18 {
  font-size: 18px;
}

.smart-page .init-6 .content table .w_270 {
  width: 270px;
  max-width: 270px;
}

.smart-page .init-6 .content table .f_rel {
  font-weight: 400;
}

.smart-page .init-6 .content table .red {
  color: #dd0000;
  position: relative;
}

.smart-page .init-6 .content table .red img {
  width: 38px;
  position: absolute;
  top: 22px;
  left: 30px;
}

.smart-page .init-6 .content table tbody tr {
  border: none;
}

.smart-page .init-6 .content table tbody tr td {
  min-width: 126px;
  width: auto;
  padding: 10px 10px;
  border: none;
  border-right: 2px solid #f5f5f5;
}

.smart-page .init-6 .content table tbody tr td:last-child {
  border-right: 0;
}

.smart-page .init-6 .content table tbody tr td:first-child {
  min-width: 240px;
}

.smart-page .init-6 .content table tbody tr:nth-child(2n) {
  background-color: #fff7e5;
}

.smart-page .init-6 .content table tbody tr:nth-child(1),
.smart-page .init-6 .content table tbody tr:nth-child(2) {
  background-color: #ffae01;
  color: #fff;
  font-weight: bold;
  font-size: 24px;
}

.smart-page .init-6 .content table tbody tr:nth-child(1) td:nth-child(2) {
  padding: 20px 22px;
}

.smart-page .init-6 .content table tbody tr:nth-child(2) {
  border-top: 2px solid #fff;
}

.smart-page .init-6 .content table tbody tr:nth-child(2) td:nth-child(2) {
  padding: 10px;
  width: 100px;
}


.smart-page .init-6 .content table tbody tr:nth-child(3) {
  font-weight: bold;
  font-size: 20px;
}

.smart-page .init-7 {
  margin-top: 100px;
}

.smart-page .init-7 .content {
  margin-top: 40px;
  padding: 0 40px;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
}

.smart-page .init-7 .content .f_18 {
  font-size: 18px;
}

.smart-page .init-7 .content .red {
  position: relative;
  color: #dd0000;
  min-width: 180px;
}

.smart-page .init-7 .content .red img {
  width: 38px;
  position: absolute;
  top: 22px;
  left: 20px;
}

.smart-page .init-7 .content table {
  box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.3);
}

.smart-page .init-7 .content table tbody tr td {
  padding: 10px;
  min-width: 130px;
  border: none;
  border-right: #f5f5f5 solid 2px;
}

.smart-page .init-7 .content table tbody tr:nth-child(2n) {
  background-color: #fff7e5;
}

.smart-page .init-7 .content table tbody tr:nth-child(1),
.smart-page .init-7 .content table tbody tr:nth-child(2) {
  background-color: #ffae01;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
}

.smart-page .init-7 .content table tbody tr:nth-child(2) {
  border-top: 2px solid #fff7e5;
}

.smart-page .init-7 .content table tbody tr:nth-child(3) {
  font-size: 24px;
  font-weight: bold;
}

.smart-page .init-8 {
  margin-top: 80px;
}

.smart-page .init-8 .container .more {
  background-color: #00adde;
  margin: 0;
  margin-left: 20px;
  text-transform: uppercase;
}

.smart-page .init-8 .container .more::after{
  background: #ffac00;
}



.smart-page .init-8 .container .content {
  margin-top: 40px;
}

.smart-page .init-8 .container .content .top {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.smart-page .init-8 .container .content .top>div {
  width: 50%;
}

.smart-page .init-8 .container .content .top .left {
  padding-right: 80px;
}

.smart-page .init-8 .container .content .top .left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.smart-page .init-8 .container .content .top .right .tip {
  font-size: 20px;
  font-weight: bold;
  color: #ffac00;
  text-align: center;
}

.smart-page .init-8 .container .content .top .right .cont {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.smart-page .init-8 .container .content .top .right .cont .list {
  margin-top: 30px;
  width: calc(50% - 12px);
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.2);
  background-color: #e9f2fa;
  padding: 26px 20px;
  font-size: 16px;
  color: #858585;
  position: relative;
}

.smart-page .init-8 .container .content .top .right .cont .list .num {
  text-align: center;
  background-color: #00adde;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 2;
  position: absolute;
  bottom: -12px;
  left: -12px;
}

.smart-page .init-8 .container .content .bottom {
  margin-top: 40px;
}

.smart-page .init-8 .container .content .bottom .tip {
  text-transform: uppercase;
  color: #e47815;
  font-size: 24px;
  font-weight: bold;
}

.smart-page .init-8 .container .content .bottom .list_cont {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.smart-page .init-8 .container .content .bottom .list_cont .list {
  margin-top: 20px;
  width: calc(33.33% - 10px);
}

.smart-page .init-8 .container .content .bottom .list_cont .list img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.smart-page .init-9 {
  margin-top: 90px;
}

.smart-page .init-9 .container .title {
  font-size: 24px;
  margin-top: 50px;
  font-weight: bold;
  background-color: #e9f2fa;
  padding: 12px;
  text-align: center;
}

.smart-page .init-9 .container .content {
  margin-top: 40px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}

.smart-page .init-9 .container .content .left {
  padding-right: 30px;
  width: 48%;
}

.smart-page .init-9 .container .content .left img {
  width: 100%;
}

.smart-page .init-9 .container .content .right {
  width: 51%;
}

.smart-page .init-9 .container .content .right .tip {
  font-size: 24px;
  color: #ffae01;
  font-weight: bold;
  text-transform: uppercase;
}

.smart-page .init-9 .container .content .right table {
  text-align: center;
  font-size: 16px;
}

.smart-page .init-9 .container .content .right table tbody tr td {
  line-height: 1.2;
  border: none;
  min-width: 60px;
  border-right: 2px solid #f2f2f2;
}

.smart-page .init-9 .container .content .right table tbody tr td:last-child {
  border-right: 0;
}

.smart-page .init-9 .container .content .right table tbody tr td:first-child {
  background-color: #e5e5e5;
}

.smart-page .init-9 .container .content .right table tbody tr:nth-child(1),
.smart-page .init-9 .container .content .right table tbody tr:nth-child(2) {
  background-color: #ffae01;
  color: #fff;
}

.smart-page .init-9 .container .content .right table tbody tr:nth-child(1) td:first-child,
.smart-page .init-9 .container .content .right table tbody tr:nth-child(2) td:first-child {
  background-color: #ffae01;
}

.smart-page .init-9 .container .content .right table tbody tr:nth-child(2) {
  border-top: 2px solid #f2f2f2;
}

.smart-page .init-9 .container .content .right table tbody tr:nth-child(2) td {
  background-color: #ffae01;
}

.smart-page .init-9 .container .content .right table tbody tr:nth-child(2) td:first-child {
  background-color: #ffae01 !important;
}

.smart-page .init-9 .container .content .right table tbody tr:nth-child(2) td:last-child {
  border-right: 2px #f2f2f2 solid;
}

.smart-page .init-9 .container .content .right table tbody tr:nth-child(2n) {
  background-color: #fff7e5;
}

.smart-page .init-9 .container .content .right table tbody tr:nth-child(2n) td:first-child {
  background-color: #e5dece;
}

.smart-page .init-9 .container .content .right .list_cont .list {
  margin-top: 20px;
  display: flex;
  align-items: flex-start;
}

.smart-page .init-9 .container .content .right .list_cont .list .sub {
  width: 10px;
  height: 10px;
  min-width: 10px;
  background-color: #00adde;
  margin-top: 10px;
}

.smart-page .init-9 .container .content .right .list_cont .list .text {
  font-size: 20px;
  font-weight: bold;
  margin-left: 16px;
}

.smart-page .init-10 {
  margin-top: 90px;
  text-align: center;
}

.smart-page .init-10 .container .title {
  background-color: #e9f2fa;
  padding: 12px;
  font-size: 24px;
  font-weight: bold;
}

.smart-page .init-10 .container .content {
  margin-top: 50px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
}

.smart-page .init-10 .container .content .left {
  width: 46%;
  padding-right: 40px;
}

.smart-page .init-10 .container .content .left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.smart-page .init-10 .container .content .left .top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.smart-page .init-10 .container .content .left .top img {
  width: calc(50% - 13px);
}

.smart-page .init-10 .container .content .left .bottom {
  margin-top: 16px;
}

.smart-page .init-10 .container .content .right {
  width: 54%;
  padding-left: 16px;
}

.smart-page .init-10 .container .content .right .des {
  font-size: 20px;
  font-weight: bold;
  text-align: left;
}

.smart-page .init-10 .container .content .right .tip {
  color: #ffae01;
  font-size: 24px;
  font-weight: bold;
  text-align: left;
  text-transform: uppercase;
  margin-top: 50px;
}

.smart-page .init-10 .container .content .right table {
  margin-top: 10px;
  font-size: 16px;
  font-weight: 500;
  box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.2);
}

.smart-page .init-10 .container .content .right table tbody tr td {
  min-width: 60px;
  border: none;
  border-right: 2px solid #f2f2f2;
}

.smart-page .init-10 .container .content .right table tbody tr td:last-child {
  border: none;
}

.smart-page .init-10 .container .content .right table tbody tr td.e5e5e5 {
  background-color: #e5e5e5;
}

.smart-page .init-10 .container .content .right table tbody tr td.e5dece {
  background-color: #e5dece;
}

.smart-page .init-10 .container .content .right table tbody tr.bg_y {
  background-color: #ffae01;
  color: #fff;
}

.smart-page .init-10 .container .content .right table tbody tr:nth-child(1),
.smart-page .init-10 .container .content .right table tbody tr:nth-child(2) {
  font-weight: 700;
}

.smart-page .init-10 .container .content .right table tbody tr:nth-child(2) {
  border-top: 2px solid #f2f2f2;
}

.smart-page .init-10 .container .content .right table tbody tr:nth-child(2) td:last-child {
  border-right: 2px solid #f2f2f2;
}

.smart-page .init-10 .container .content .right table tbody tr:nth-child(2n) {
  background-color: #fff7e5;
}

.smart-page .init-10 .container .content .right table tbody tr:nth-child(2n).bg_y {
  background-color: #ffae01;
  color: #fff;
}

.smart-page .init-11 {
  margin-top: 120px;
  margin-bottom: 150px;
}

.smart-page .init-11 .container .list_cont {
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.smart-page .init-11 .container .list_cont img {
  width: calc(33.33% - 6px);
}




@media screen and (max-width: 1500px) {
  .product-page .pro-1 .nav {
    padding: 0 6rem;
  }

  .product-page .pro-4 .content .right dl dd h3 {
    width: 90%;
  }
  #footer .box .left .content .f-contact {
    width: 50%;
  }
  #footer .box .left .content .f-contact .f-info ul li {
    font-size: 16px;
  }
  #footer .box .left .content .f-contact .f-info ul li:nth-child(3) {
    font-size: 14px;
  }
  #footer .box .left .content .f-down {
    width: 50%;
  }

  .smart-page .container.ui{
    width: 1200px;
  }
  .smart-page  .init-1 .container.ui{
    width: 1200px;
  }
  .smart-page .init-6 .content{
    padding: 0;
  }
  .smart-page .init-7 .content{
    padding: 0;
  }



}
@media screen and (max-width: 1400px) {
  .product-page .pro-1 .nav {
    padding: 0 3rem;
  }

}



@media screen and (max-width: 1280px) {
  .product-page .pro-1 .nav {
    padding: 0;
  }
  .product-page .pro-1 .nav li a {
    font-size: 14px;
  }
  .product-page .pro-1 .content ul {
    margin-right: -1rem;
  }
  .product-page .pro-1 .content ul .slick-slide {
    margin-right: 1rem;
  }
  .product-page .pro-2 .header .list {
    padding-left: 3rem;
  }
  .product-page .pro-2 .header .list li {
    margin-right: 1rem;
  }
}

@media screen and (max-width: 1250px) {
  .smart-page .container.ui{
    width: 970px;
  }
  .smart-page  .init-1 .container.ui{
    width: 970px;
  }
}
@media screen and (max-width: 1100px) {
  .product-page .pro-1 .nav li {
    width: 16%;
    margin-bottom: 10px;
  }
  .product-page .pro-2 .header .list {
    padding-left: 10px;
  }
  .product-page .pro-2 .header .list li {
    margin-right: 0;
  }
  .product-page .pro-4 .content .left dl dd h3 {
    width: 88%;
  }
  .product-page .pro-4 .content .right dl dd h3 {
    width: 80%;
  }
  .product-page .pro-13 .content li .desc p {
    width: 80%;
  }
  .product-page .pro-4 .content .middle .text {
    top: 3rem;
  }
  .product-page .pro-4 .content .middle .circle {
    top: 90px;
  }
}

@media screen and (max-width: 1000px) {
   .product-page .title_cont{
    justify-content: center;
  }
  .product-page .title_cont .more{
    margin: auto !important;
    margin-top: 20px !important;
  }
  .product-page .title_cont .more{
      margin: auto !important;
    margin-top: 20px !important;
  }
  .product-page h3.title{
    width: 100%;
    text-align: left;
  }
  .product-page .pro-1 .nav li .show span{
    font-size: 18px;
  }
  .smart-page .tip_title_cont{
    background-image: none;
    justify-content: center;
    text-align: center;
    flex-wrap: wrap;
  }
  
  .smart-page .container.ui{
    width: 700px;
  }
  .smart-page .init-1{
    text-align: center;
  }
  .smart-page  .init-1 .container.ui{
    width: 700px;
  }
  .smart-page .init-1 .container .content .left{
    width: 100%;
  }
  .smart-page .init-1 .container .content .right{
    width: 100%;
    margin-top: 20px;
  }

  .smart-page .init-2 .container .content .list{
    margin-top: 40px;
  }
  .smart-page .init-2 .container .content .list:first-child{
    margin-top: 0;
  }
  .smart-page .init-2 .container .content .list > div{
    width: 100%;
    padding: 0;
  }
  .smart-page .init-2 .container .content .list .text_cont{
    padding: 0;
  }
  .smart-page .init-2 .container .content .list .img_cont{
    margin-top: 20px;
  }
  .smart-page .init-2 .container .content .list:nth-child(2n) .img_cont{
    order: 2;
  }
  .smart-page .init-2 .container .content .list:nth-child(2n) .text_cont{
    padding: 0;
  }

  .smart-page .init-3 .tip_title_cont .more{
    margin-left: 0;
    margin-top: 20px;
  }

  .smart-page .init-3 .content .left{
    width: 100%;
    padding: 0;
  }
  .smart-page .init-3 .content .right{
    padding: 0;
    width: 100%;
    margin-top: 40px;
  }
  .smart-page .init-8 .container .more{
    margin-top: 20px;
  }
  .smart-page .init-8 .container .content .top > div{
    width: 100%;
  }
  .smart-page .init-8 .container .content .top .left{
    padding-right: 0;
  }

  .smart-page .init-9 .container .content .left{
    width: 100%;
    padding: 0;
  }
  .smart-page .init-9 .container .content .right{
    width: 100%;
    margin-top: 20px;
    text-align: center;
  }
  .smart-page .init-9 .container .content .right table{
    margin-top: 20px;
  }
  .smart-page .init-9 .container .content .right .list_cont .list .text{
    text-align: left;
  }
  .smart-page .init-10 .container .content .left{
    width: 100%;
    padding: 0;
  }
  .smart-page .init-10 .container .content .right{
    width: 100%;
    padding: 0;
    margin-top: 20px;
  }
  .smart-page .init-10 .container .content .right .tip{
    text-align: center;
  }
  .smart-page .init-10 .container .content .right .des{
    text-align: center;
  }
}

@media screen and (max-width: 992px) {
  .product-page .pro-1 .nav li {
    width: 20%;
  }
  .product-page .pro-1 .content ul {
    padding: 0 1rem;
  }
  .product-page .pro-2 .header .list {
    display: none;
  }
  .product-page .pro-2 .content .desc {
    font-size: 18px;
  }
  .product-page .pro-4 .content .left,
  .product-page .pro-4 .content .right {
    width: 50%;
  }
  .product-page .pro-4 .content .middle {
    display: none;
  }
  .product-page .pro-5 table thead tr th {
    width: auto !important;
  }
  .product-page .pro-5 table tbody tr td {
    width: auto !important;
  }
  .product-page .pro-5 table {
    font-size: 14px;
  }
  .product-page .pro-6 table tr td {
    font-size: 14px;
  }
  .product-page .pro-10 .content .left {
    width: 100%;
  }
  .product-page .pro-10 .content .right {
    width: 100%;
  }
  .product-page .pro-11 .text {
    width: 100%;
  }
.product-page h3.title{
  font-size: 22px;
  line-height: 1.2;
}
  .product-page .more {
    width: 200px;
    font-size: 16px;
  }
}
@media screen and (max-width: 700px) {
  .product-page .pro-1 .nav {
    
  }
  .product-page .pro-1 .content li .text h3{
    -webkit-line-clamp:initial; 
  }
  .product-page .pro-3 {
    display: none;
  }
  .product-page .pro-2 .content .desc {
    font-size: 16px;
  }
  .f-slide {
    display: none;
  }
  .product-page .pro-4 .content .left,
  .product-page .pro-4 .content .right {
    width: 100%;
  }
  .product-page .pro-4 .content .left dl dd h3,
  .product-page .pro-4 .content .right dl dd h3 {
    font-size: 18px;
  }
  .product-page .pro-4 .content .left dl dd .text,
  .product-page .pro-4 .content .right dl dd .text {
    font-size: 14px;
  }
  .product-page .pro-5 p,
  .product-page .pro-6 p {
    font-size: 16px;
  }
  .product-page .pro-7 {
    display: none;
  }
  .product-page .pro-8 .left {
    width: 100%;
  }
  .product-page .pro-8 .right {
    width: 100%;
    padding: 4rem 0 0 0;
  }
  .product-page .pro-8 .right .desc {
    font-size: 14px;
  }
  .product-page .pro-8 .right .desc p {
    font-size: 14px;
  }
  .product-page .pro-9 .desc {
    font-size: 15px;
  }
  .product-page .pro-9 .img {
    display: none;
  }
  .product-page .pro-10 .header p {
    font-size: 15px;
  }
  .product-page .pro-10 .content .left li h4 {
    font-size: 16px;
  }
  .product-page .pro-10 .content .left li .desc {
    font-size: 14px;
  }
  .product-page .pro-10 .content .right {
    padding-left: 0;
  }
  .product-page .pro-11 .text .desc li {
    font-size: 15px;
  }
  .product-page .pro-12 .more {
    display: none;
  }
  .product-page .pro-12 .desc {
    font-size: 15px;
  }
  .product-page .pro-12 .img {
    display: none;
  }
  .product-page .pro-13 .content li .desc h3 {
    font-size: 18px;
  }
  .product-page .pro-13 .content li .desc p {
    width: 100%;
    font-size: 14px;
  }

  .smart-page  .init-1 .container.ui{
    width: 100%;
  }
  .smart-page .container.ui{
    width: 100%;
  }
}

@media screen and (max-width: 500px) {

  
  
  .smart-page .tip_title_cont .tip_title{
    width: 100%;
  }
  .smart-page .init-1{
    padding: 40px 0;
  }
  .smart-page .tip_title_cont .tip_title{
    font-size: 20px;
  }
  .smart-page .init-1 .container .content{
    margin-top: 10px;
  }
  .smart-page .init-1 .container .content .left .title{
    font-size: 20px;
  }
  .smart-page .init-1 .container .content .left .des{
    font-size: 16px;
    margin-top: 10px;
    line-height: 2;
  }
  .smart-page .init-1 .container .content .right{
    padding: 10px;
  }
  .smart-page .init-2{
    padding: 40px 0;
  }
  .smart-page .init-2 .container .content{
    margin-top: 40px;
  }
  .smart-page .init-2 .container .content .list .text_cont .title_cont{
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
  }
  .smart-page .init-2 .container .content .list .text_cont .title_cont .num{
    font-size: 100px;
    min-width: 50px;
  }
  .smart-page .init-2 .container .content .list .text_cont .title_cont .cont{
    margin-left: 0;
    text-align: center;
    width: 100%;
  }
  .smart-page .init-2 .container .content .list .text_cont .title_cont .cont img{
    margin: auto;
  }
  .smart-page .init-2 .container .content .list .text_cont .title_cont .cont .text{
    font-size: 18px;
  }
  
  .smart-page .init-2 .container .content .list .text_cont .des{
    font-size: 16px;
    line-height: 2;
    text-align: center;
  }
  .smart-page .init-2 .container .content .list .img_cont .sub_cont{
    font-size: 18px;
  }
  .smart-page .init-2 .container .content .list .img_cont .sub_cont::before{
    border-top: 51px solid transparent;
  }
  .smart-page .init-2 .container .content .list .img_cont .sub_cont::after{
    border-bottom: 51px solid transparent;
  }
  .smart-page .init-3{
    padding: 40px 0;
  }
  .smart-page .init-3 .content .left .list .cont .title{
    font-size: 18px;
  }
  .smart-page .init-3 .content .left .list .cont .des{
    font-size: 16px;
    line-height: 2;
  }
  .smart-page .init-4{
    padding: 40px 0;
  }
  .smart-page .init-4 .container .des{
    font-size: 20px;
  }

  .smart-page .init-5 .container .content .list{
    margin-top: 8px;
  }
  .smart-page .init-5 .container .content .list .text{
    font-size: 16px;
    line-height: 2;
  }
  .smart-page .init-5 .container .content .des{
    font-size: 16px;
    line-height: 2;
  }

  .smart-page .init-6{
    margin-top: 40px;
  }
  .smart-page .init-6 .content table{
    font-size: 14px;
  }
  .smart-page .init-6 .content table tbody tr:nth-child(1), .smart-page .init-6 .content table tbody tr:nth-child(2){
    font-size: 18px;
  }
  .smart-page .init-6 .content table tbody tr:nth-child(1) td:nth-child(2){
    padding: 10px;
  }

  .smart-page .init-6 .content table tbody tr:nth-child(3){
    font-size: 16px;
  }

  .smart-page .init-7 .content{
    font-size: 14px;
  }
  .smart-page .init-7 .content table tbody tr:nth-child(1), .smart-page .init-7 .content table tbody tr:nth-child(2){
    font-size: 18px;
  }

  .smart-page .init-7 .content table tbody tr:nth-child(3){
    font-size: 16px;
  }

  .smart-page .init-8{
    margin-top: 40px;
  }

  .smart-page .init-8 .container .content .top .right{
    margin-top: 20px;
  }

  .smart-page .init-8 .container .content .top .right .tip{
    font-size: 18px;
  }

  .smart-page .init-8 .container .content .top .right .cont .list{
    width: 100%;

  }

  .smart-page .init-8 .container .content .bottom .tip{
    font-size: 20px;
    text-align: center;
  }

  .smart-page .init-8 .container .content .bottom .list_cont .list{
    width: 100%;
  }

  .smart-page .init-9{
    margin-top: 40px;
  }

  .smart-page .init-9 .container .content .left{
    padding-right: 0;
  }
  .smart-page .init-9 .container .title{
    margin-top: 20px;
    font-size: 18px;
  }
  .smart-page .init-9 .container .content .right .tip{
    font-size: 18px;
  }
  .smart-page .init-9 .container .content .right table tbody tr td{
    min-width: 120px;
    line-height: 1.6;
  }
  .smart-page .init-9 .container .content .right .list_cont .list .text{
    font-size: 16px;
    line-height: 2;
    margin-left: 10px;
  }

  .smart-page .init-10{
    margin-top: 40px;
  }
  .smart-page .init-10 .container .title{
    font-size: 20px;
  }
  .smart-page .init-10 .container .content{
    margin-top: 20px;
  }
  .smart-page .init-9 .container .content .right table tbody tr td{
    min-width: 120px;
  }
  .smart-page .init-10 .container .content .right .des{
    font-size: 16px;
    line-height: 2;
  }
  .smart-page .init-10 .container .content .left .top img{
    width: 100%;
    margin-top: 10px;
  }
  .smart-page .init-10 .container .content .right .tip{
    margin-top: 20px;
    font-size: 18px;
  }
  .smart-page .init-10 .container .content .right table tbody tr td{
    min-width: 150px;
  }

  .smart-page .init-11{
    margin-top: 20px;
  }
  .smart-page .init-11 .container .list_cont{
    margin-top: 0;
  }
  .smart-page .init-11 .container .list_cont img{
    width: 100%;
    margin-top: 10px;
  }

  .smart-page .init-11{
    margin-bottom: 40px;
  }
}

.tube-page .ui.container {
  max-width: 1532px;
  width: 100%;
}
.tube-page .tube-1 {
  padding: 4.85rem 0 8.65rem;
}
.tube-page .tube-1 .header .con {
  margin-top: 3.75rem;
  font-size: 17px;
  color: #231f20;
  line-height: 2;
}
.tube-page .tube-1 .header .con h1{
  display: inline;
  font-size: inherit;
}

.tube-page .tube-1 .content {
  margin-top: 3.9rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  -webkit-box-justify-content: space-between;
  -moz-box-justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
}
.tube-page .tube-2 {
  padding: 4.9rem 0 2.65rem;
  background-color: #f4f7fc;
}
.tube-page .tube-3 {
  padding: 5.2rem 0 6.2rem;
}
.tube-page .tube-3 .box {
  margin-top: 4.55rem;
}
.tube-page .tube-3 .box .img {
  width: 53.5%;
}

.tube-page .tube-3 .box .text {
  width: 46.5%;
  padding-left: 3.2rem;
}
.tube-page .tube-3 .box .img .text{
  margin-top: 20px;
  width: 100%;
  padding-left: 0;
}
.tube-page .tube-3 .box .text li {
  font-size: 16px;
  color: #4c4c4c;
  line-height: 1.8;
  margin-bottom: 1rem;
  position: relative;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.tube-page .tube-3 .box .text li:last-child {
  margin-bottom: 0;
}
.tube-page .tube-3 .box .text li::before {
  content: '';
  position: absolute;
  top: 5px;
  left: 0;
  width: 14px;
  height: 19px;
  background: url(../images/tube-sd.png) no-repeat center center;
}
.tube-page .tube-3 .box .text::-webkit-scrollbar-thumb {
  background-color: #00adde;
}
.tube-page .tube-4 {
  background: url(../images/tube4-1.jpg) no-repeat center center;
  background-size: cover;
  padding: 3.4rem 0 5.1rem;
  text-align: center;
  color: #fff;
}
.tube-page .tube-4 h3 {
  font-size: 1.8rem;
  font-family: 'SSB';
  line-height: 1.2;
  width: 70%;
  margin: 0 auto;
}
.tube-page .tube-4 a.more {
  margin-top: 1.9rem;
}
.tube-page .tube-5 {
  padding: 3.45rem 0 8.45rem;
}
.tube-page .tube-5 .text {
  width: 45%;
  vertical-align: bottom;
}
.tube-page .tube-5 .text .header {
  color: #97cadb;
}
.tube-page .tube-5 .text .header h3 {
  font-size: 5.2rem;
  line-height: 1;
  font-family: 'SSB';
  font-weight: bold;
  width: 66%;
}
.tube-page .tube-5 .text .header p {
  font-size: 1.5rem;
  font-family: 'SSB';
  line-height: 1.4;
  margin-top: 0.6rem;
}
.tube-page .tube-5 .text .content {
  margin-top: 3.15rem;
  padding-right: 4.5rem;
}
.tube-page .tube-5 .text .content ul li {
  position: relative;
  font-size: 16px;
  color: #4d4d4d;
  line-height: 1.8;
  padding-left: 30px;
  margin-bottom: 1rem;
}
.tube-page .tube-5 .text .content ul li::before {
  content: '';
  position: absolute;
  top: 5px;
  left: 0;
  width: 14px;
  height: 19px;
  background: url(../images/tube-sd.png) no-repeat;
}
.tube-page .tube-5 .text .content::-webkit-scrollbar-thumb {
  background-color: #00adde;
}
.tube-page .tube-5 .img {
  text-align: right;
  width: 55%;
  vertical-align: bottom;
}
.tube-page .tube-6 {
  background-color: #f4f7fc;
  padding: 4.1rem 0 3.75rem;
}
.tube-page .tube-6 .header p {
  font-size: 18px;
  color: #666666;
  line-height: 1.3;
  margin-top: 2.05rem;
}
.tube-page .tube-6 .content {
  margin-top: 2.5rem;
}
.tube-page .tube-6 .content ul {
  margin-right: -3.1rem;
}
.tube-page .tube-6 .content ul li {
  padding-right: 3.1rem;
}
.tube-page .tube-6 .content ul li .box {
  background: #fff;
  text-align: center;
  padding: 1.5rem 1.2rem 0;
}
.tube-page .tube-6 .content ul li .box .img {
  height: 110px;
  line-height: 110px;
}
.tube-page .tube-6 .content ul li .box .img img {
  vertical-align: middle;
}
.tube-page .tube-6 .content ul li .box i {
  display: block;
  margin-top: 1.35rem;
}
.tube-page .tube-6 .content ul li .box .text {
  padding: 2.5rem 0 3.1rem;
  text-align: left;
  color: #022169;
}
.tube-page .tube-6 .content ul li .box .text h3 {
  font-size: 18px;
  line-height: 1.3;
  font-family: 'SSB';
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tube-page .tube-6 .content ul li .box .text p {
  font-size: 18px;
  line-height: 1.3;
  margin-top: 0.8rem;
  height: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.tube-page .tube-7 {
  padding: 5.85rem 0 9.1rem;
}
.tube-page .tube-7 .img {
  text-align: right;
  width: 48%;
  padding-top: 6.3rem;
}
.tube-page .tube-7 .text {
  width: 52%;
}
.tube-page .tube-7 .text .content {
  margin-top: 3.85rem;
}
.tube-page .tube-7 .text .content ul li p {
  position: relative;
  font-size: 16px;
  line-height: 1.8;
  color: #666;
  padding-left: 30px;
  margin-bottom: 0.8rem;
}
.tube-page .tube-7 .text .content ul li p::before {
  content: '';
  position: absolute;
  top: 5px;
  left: 0;
  width: 14px;
  height: 19px;
  background: url(../images/tube-sd.png) no-repeat;
}
.tube-page .tube-7 .text .content ul li p:last-child {
  margin-bottom: 0;
}
.tube-page .tube-7 .text .content ul li:nth-child(1) {
  width: 58%;
}
.tube-page .tube-7 .text .content ul li:nth-child(2) {
  width: 42%;
  padding-left: 2%;
}
.tube-page .tube-8 {
  background-color: #f4f7fc;
  padding: 4.35rem 0 7.15rem;
}
.tube-page .tube-8 .ui.container {
  max-width: 1476px;
  width: 100%;
}
.tube-page .tube-8 table {
  margin-top: 4.45rem;
  border-radius: 31px;
  border: solid 1px rgba(0, 84, 163, 0.36);
}
.tube-page .tube-8 table tr {
  text-align: center;
  background-color: #00adde;
  color: #fff;
  font-size: 22px;
}
.tube-page .tube-8 table tr td {
  border: none;
  padding: 1rem 1.35rem;
  width: 200px !important;
}
.tube-page .tube-8 table tr:nth-child(1) {
  font-size: 20px;
  background: #fff;
  color: #333;
  font-family: 'SSB';
}
.tube-page .tube-8 table tr:nth-child(2),
.tube-page .tube-8 table tr:nth-child(3) {
  border-bottom: 1px solid #fff;
}
.tube-page .tube-9 {
  background: url(/nihaowater/2022/12/26/tubesettlers-8.jpg) no-repeat center center;
  padding: 9.85rem 0 8.95rem;
  background-size: cover;
  background-attachment: fixed;
  text-align: center;
  color: #fff;
  font-size: 2.23rem;
  font-family: 'SSB';
}
.tube-page .tube-9 .play {
  margin-top: 3rem;
}
.tube-page .tube-9 .play span {
  position: relative;
  z-index: 1;
  display: inline-block;
}
.tube-page .tube-9 .play span::before,
.tube-page .tube-9 .play span::after {
  position: absolute;
  z-index: -1;
  content: '';
  left: -15px;
  right: -15px;
  top: -15px;
  bottom: -15px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.5);
  -webkit-animation: ks 2s linear infinite;
  -o-animation: ks 2s linear infinite;
  -ms-animation: ks 2s linear infinite;
  -moz-animation: ks 2s linear infinite;
  animation: ks 2s linear infinite;
}
.tube-page .tube-9 .play span::before {
  -webkit-animation-delay: .6s;
  -o-animation-delay: .6s;
  -ms-animation-delay: .6s;
  -moz-animation-delay: .6s;
  animation-delay: .6s;
}
.tube-page .tube-10 {
  padding-top: 6.7rem;
}
.tube-page .tube-10 .content {
  margin-top: 4.65rem;
  background: url(/nihaowater/2022/12/26/tubesettlers-9.jpg) no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
  padding: 6.55rem 0;
  text-align: center;
}
.tube-page .tube-10 .content .mores {
  width: 190px;
  height: 44px;
  border-radius: 5px 0px 5px 0px;
  border: solid 2px #ffffff;
  display: block;
  text-align: center;
  line-height: 30px;
  color: #fff;
  font-size: 20px;
  font-family: 'SSB';
  margin: 0 auto;
}
.tube-page .tube-10 .content .mores em {
  display: inline-block;
  vertical-align: middle;
}
.tube-page .tube-10 .content .mores img {
  display: inline-block;
  vertical-align: middle;
  margin-left: 12px;
}
@media screen and (max-width: 1280px) {
  .tube-page .tube-6 .content ul {
    margin-right: -1.5rem;
  }
  .tube-page .tube-6 .content ul li {
    padding-right: 1.5rem;
  }
  .tube-page .tube-8 table tr {
    font-size: 18px;
  }
}
@media screen and (max-width: 1000px) {
  .tube-page .tube-6 .content ul li {
    width: 50%;
    margin-bottom: 1.5rem;
  }
  .tube-page .tube-7 .text {
    width: 100%;
  }
  .tube-page .tube-7 .img {
    width: 100%;
  }
  .tube-page .tube-8 table tr td {
    width: auto !important;
  }
  .tube-page .tube-8 table tr td {
    padding: 1rem 10px;
  }
}
@media screen and (max-width: 700px) {
  .product-page .pro-1 .content ul {
    padding: 0;
  }
  .tube-page .tube-1 .header .con {
    font-size: 14px;
  }
  .tube-page .tube-3 .box .img {
    width: 100%;
  }
  .tube-page .tube-3 .box .text {
    width: 100%;
    padding-left: 0;
  }
  .tube-page .tube-3 .box .text li {
    font-size: 14px;
    padding-left: 30px;
  }
  .tube-page .tube-4 h3 {
    width: 100%;
  }
  .tube-page .tube-5 .text {
    width: 100%;
  }
  .tube-page .tube-5 .img {
    width: 100%;
  }
  .tube-page .tube-6 .header p {
    font-size: 14px;
  }
  .tube-page .tube-7 .text .content ul li:nth-child(1) {
    width: 100%;
  }
  .tube-page .tube-7 .text .content ul li:nth-child(2) {
    width: 100%;
  }
  .tube-page .tube-9 {
    display: none;
  }
  #footer .box .left .content .f-contact {
    width: 100%;
  }
  #footer .box .left .content .f-down {
    width: 100%;
  }
}
@media screen and (max-width: 500px) {
  .tube-page .tube-6 .content ul li {
    width: 100%;
  }

  .pro_sub_btn{
    right: 0;
    width: 120px;
    text-align: center;
  }
  .pro_sub_btn .subline{
    width: 20px;
  }
  .pro_sub_btn .bottom_cont .hand{
    width: 40px;
  }
  .pro_sub_btn .text{
    margin-top: 20px;
    margin-left: 0;
  }
  .product-page .pro-1 .content li .text .btn_cont{
    bottom: 0;
  }
  .product-page .pro-1 .content li{
    padding-bottom: 0;
  }
  .product-page .pro-1 .content li .text{
    padding-bottom: 70px;
  }
}

.diffuser-page .pro-1 .anniu {
  text-align: center;
}
.diffuser-page .pro-1 .anniu .more {
  display: inline-block;
}
.diffuser-page .pro-1 .anniu .mores {
  display: inline-block;
  width: 271px;
  height: 44px;
  background-color: #00adde;
  border-radius: 22px;
  text-align: center;
  line-height: 35px;
  font-size: 18px;
  font-family: 'SSB';
  font-weight: bold;
  color: #fff;
  margin-left: 1.55rem;
  position: relative;
  z-index: 1;
}
.diffuser-page .pro-1 .anniu .mores em {
  display: inline-block;
  vertical-align: middle;
  margin-left: 11px;
}
.diffuser-page .pro-1 .anniu .mores img {
  display: inline-block;
  vertical-align: middle;
}
.diffuser-page .pro-1 .anniu .mores:last-child {
  width: 353px;
  background-color: #ffae01;
}
.diffuser-page .pro-1 .anniu .mores:last-child::after {
  background: #00adde;
}
.diffuser-page .pro-1 .anniu .mores::after {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  border-radius: 22px;
  background-color: #ffae01;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.diffuser-page .pro-1 .anniu .mores:hover::after {
  width: 100%;
}
.diffuser-page .ui.container {
  max-width: 1503px;
  width: 100%;
}
.diffuser-page .diffuser-1 {
  padding-top: 5.35rem;
}
.diffuser-page .diffuser-1 .header .con {
  margin-top: 3.4rem;
  font-size: 18px;
  color: #231f20;
  line-height: 2;
}
.diffuser-page .diffuser-1 .header .con h1{
  display: inline;
  font-size: inherit;
}
.diffuser-page .diffuser-1 .header .con em {
  color: #ffae01;
  font-weight: bold;
}
.diffuser-page .diffuser-1 .content {
  margin-top: 3.65rem;
}
.diffuser-page .diffuser-1 .content ul {
  margin-right: -0.95rem;
}
.diffuser-page .diffuser-1 .content ul li {
  padding-right: 0.95rem;
}
.diffuser-page .diffuser-1 .content ul li .img {
  background-color: #393939;
  padding-bottom: 2.75rem;
}
.diffuser-page .diffuser-2 {
  padding: 6.75rem 0 3.85rem;
}
.diffuser-page .diffuser-2 .content {
  margin-top: 3.8rem;
}
.diffuser-page .diffuser-3 {
  background-color: #f4f7fc;
  padding: 3.85rem 0 4.15rem;
}
.diffuser-page .diffuser-3 .box {
  margin-top: 3.1rem;
}
.diffuser-page .diffuser-3 .box .left {
  padding: 2.05rem 2.8rem 0 0;
  width: 38%;
}
.diffuser-page .diffuser-3 .box .left .con {
  margin-bottom: 1.5rem;
}
.diffuser-page .diffuser-3 .box .left .con h4 {
  font-size: 24px;
  color: #00adde;
  font-weight: bold;
  line-height: 1.7;
}
.diffuser-page .diffuser-3 .box .left .con p {
  font-size: 22px;
  color: #1c1c1c;
  line-height: 1.3;
}
.diffuser-page .diffuser-3 .box .left .con:last-child {
  margin-bottom: 0;
}
.diffuser-page .diffuser-3 .box .right {
  width: 62%;
}
.diffuser-page .diffuser-3 .box .right .top {
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
}
.diffuser-page .diffuser-3 .box .right .top span {
  display: inline-block;
  writing-mode: vertical-rl;
  font-size: 26px;
  font-family: 'SSB';
  color: #fff;
  background-color: #00adde;
  border-radius: 2px;
  padding: 1.75rem 0.8rem;
  vertical-align: top;
}
.diffuser-page .diffuser-3 .box .right .top .boxs {
  display: inline-block;
  width: 90%;
  vertical-align: top;
  padding-left: 7px;
}
.diffuser-page .diffuser-3 .box .right .top .boxs ul {
  margin-right: -1.25rem;
}
.diffuser-page .diffuser-3 .box .right .top .boxs ul li {
  padding-right: 1.25rem;
}
.diffuser-page .diffuser-3 .box .right .top .boxs ul li img {
  width: 100%;
}
.diffuser-page .diffuser-3 .box .right p {
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: bold;
  margin-top: 1.8rem;
}
.diffuser-page .diffuser-3 .box .right .top1 {
  margin-top: 2.6rem;
}
.diffuser-page .diffuser-3 .box .right .top1 span {
  background-color: #ffae01;
}
.diffuser-page .diffuser-4 {
  margin-top: 7.05rem;
}
.diffuser-page .diffuser-4 .content {
  margin-top: 3.4rem;
}
.diffuser-page .diffuser-4 .content .left {
  width: 35.85%;
  vertical-align: middle;
}
.diffuser-page .diffuser-4 .content .middle {
  width: 28.3%;
  padding: 0 31px;
  text-align: center;
  vertical-align: middle;
}
.diffuser-page .diffuser-4 .content .middle .img {
  padding: 29px;
  border: solid 1px #cbd7d7;
  border-radius: 50%;
  position: relative;
}
.diffuser-page .diffuser-4 .content .middle .img dd {
  position: absolute;
  font-size: 1.5rem;
  font-weight: bold;
  color: #fff;
  background-color: #ffae01;
  width: 4.05rem;
  height: 4.05rem;
  border-radius: 50%;
  text-align: center;
  line-height: 4.05rem;
}
.diffuser-page .diffuser-4 .content .middle .img dd:nth-child(1) {
  top: -10px;
  left: -20px;
}
.diffuser-page .diffuser-4 .content .middle .img dd:nth-child(2) {
  top: -10px;
  right: -10px;
  font-size: 20px;
}
.diffuser-page .diffuser-4 .content .middle .img dd:nth-child(3) {
  bottom: 0;
  left: -16px;
}
.diffuser-page .diffuser-4 .content .middle .img dd:nth-child(4) {
  bottom: 0;
  right: -10px;
}
.diffuser-page .diffuser-4 .content .right {
  width: 35.85%;
  vertical-align: middle;
}
.diffuser-page .diffuser-4 .content ul li {
  background-color: #f7f7f7;
  border-radius: 0px;
  padding: 1.4rem 19px 1.2rem 36px;
  margin-bottom: 12px;
}
.diffuser-page .diffuser-4 .content ul li h4 {
  position: relative;
  font-size: 16px;
  line-height: 1.8;
}
.diffuser-page .diffuser-4 .content ul li h4::before {
  content: '';
  position: absolute;
  width: 14px;
  height: 19px;
  top: 5px;
  left: -23px;
  background: url(../images/tube-sd.png) no-repeat;
}
.diffuser-page .diffuser-4 .content ul li h5 {
  font-size: 22px;
  color: #00adde;
  font-weight: bold;
  line-height: 1.5;
}
.diffuser-page .diffuser-4 .content ul li .con {
  font-size: 16px;
  line-height: 1.7;
  color: #414141;
  margin-top: 0.5rem;
  padding-right: 10px;
}
.diffuser-page .diffuser-4 .content ul li .con::-webkit-scrollbar-thumb {
  background: #00aced;
}
.diffuser-page .diffuser-4 .content ul li:last-child {
  margin-bottom: 0;
}

.diffuser-page .diffuser-5 {
  padding: 4.65rem 0 3.85rem;
}
.diffuser-page .diffuser-5 .box {
  margin-top: 4.05rem;
}
.diffuser-page .diffuser-5 .box .img {
  padding-left: 3.95rem;
}
.diffuser-page .diffuser-5 .box .right {
  padding-top: 5.5rem;
  padding-left: 17px;
}
.diffuser-page .diffuser-5 .box .right .desc1 {
  margin-top: 3.5rem;
}
.diffuser-page .diffuser-5 .box .bottom {
  margin-top: 1.5rem;
}
.diffuser-page .diffuser-5 .box h4 img {
  display: inline-block;
  vertical-align: top;
  margin-top: 4px;
}
.diffuser-page .diffuser-5 .box h4 span {
  display: inline-block;
  font-size: 22px;
  font-weight: bold;
  color: #00adde;
  padding-left: 9px;
}
.diffuser-page .diffuser-5 .box p {
  font-size: 16px;
  color: #414141;
  line-height: 1.7;
  margin-top: 1.25rem;
  padding-right: 4.2rem;
}
.diffuser-page .diffuser-6 {
  background-color: #f4f7fc;
  padding-top: 4rem;
}
.diffuser-page .diffuser-6 .box {
  margin-top: 4.15rem;
}
.diffuser-page .diffuser-6 .box .left {
  padding-right: 1.5rem;
  padding-top: 20px;
  overflow-x: auto;
}
.diffuser-page .diffuser-6 .box .right{
  padding-left: 20px;
}
.diffuser-page .diffuser-6 .box .left table {
  border: none;
  box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.05);
  overflow: unset;
}
.diffuser-page .diffuser-6 .box .left table td,
.diffuser-page .diffuser-6 .box .left table th {
  border: none;
  padding: 10px 15px;
  border-right: 2px solid #eff4fc;
}
.diffuser-page .diffuser-6 .box .left table tr {
  font-size: 18px;
  color: #303030;
  text-align: center;
  font-family: 'SSB';
}
.diffuser-page .diffuser-6 .box .left table tr:nth-child(1){
  background-color: #ffae01 !important;
  color: #fff;
  font-size: 24px;
}
.diffuser-page .diffuser-6 .box .left table tr:nth-child(1) td{
  position: relative;
}
.diffuser-page .diffuser-6 .box .left table tr:nth-child(1) td img{
  position: absolute;
  right: 10px;
  top: -26px;
}
.diffuser-page .diffuser-6 .box .left table tr:nth-child(1) td:nth-child(1){
  text-align: center;
  min-width: 190px;
}


.diffuser-page .diffuser-6 .box .left table tr:nth-child(even) {
  background: #fff;
}
.diffuser-page .diffuser-6 .box .left table tr:nth-child(odd) {
  background: #fff7e5;
}
.diffuser-page .diffuser-6 .box .left table tr td:nth-child(1) {
  text-align: center;
}
.diffuser-page .diffuser-6 .box .right ul {
  margin: 20px -9px -10px 0;
}
.diffuser-page .diffuser-6 .box .right ul li {
  padding: 0 9px 10px 0;
}
.diffuser-page .diffuser-6 .box .right ul li img {
  width: 100%;
}
.diffuser-page .diffuser-7 {
  background-color: #f4f7fc;
  padding: 6.4rem 0 3.5rem;
}
.diffuser-page .diffuser-7 .header {
  display: flex;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-justify-content: space-between;
  -moz-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.diffuser-page .diffuser-7 .header .more {
  margin: 0;
}
.diffuser-page .diffuser-7 .content {
  margin-top: 2.25rem;
  padding-left: 1.75rem;
}
.diffuser-page .diffuser-7 .content h4 {
  font-size: 22px;
  line-height: 1.1;
  color: #2a2a2a;
  font-weight: bold;
  position: relative;
}
.diffuser-page .diffuser-7 .content h4::before {
  content: '';
  width: 7px;
  height: 7px;
  background-color: #ffae01;
  position: absolute;
  left: -14px;
  top: 10px;
}
.diffuser-page .diffuser-7 .content .desc {
  margin-top: 1.45rem;
  font-size: 18px;
  color: #2a2a2a;
  line-height: 1.5;
}
.diffuser-page .diffuser-7 .content .desc em {
  font-weight: bold;
}
.diffuser-page .diffuser-7 .content .desc p {
  margin-bottom: 0.7rem;
}
.diffuser-page .diffuser-7 .content .desc p:last-child {
  margin-bottom: 0;
}
.diffuser-page .diffuser-7 .imgs {
  margin-top: 2.4rem;
}
.diffuser-page .diffuser-7 .imgs ul {
  margin-right: -0.8rem;
}
.diffuser-page .diffuser-7 .imgs ul li {
  padding-right: 0.8rem;
}
.diffuser-page .diffuser-7 .imgs ul li img {
  width: 100%;
}
.diffuser-page .diffuser-8 {
  padding: 4.25rem 0;
}
.diffuser-page .diffuser-8 .ui.container {
  max-width: 1648px;
  width: 100%;
}
.diffuser-page .diffuser-8 .left {
  padding-right: 18px;
}
.diffuser-page .diffuser-8 .left h3.title {
  padding-left: 3.2rem;
  font-size: 30px;
}
.diffuser-page .diffuser-8 .left h4 {
  font-size: 22px;
  color: #ffae01;
  font-weight: bold;
  line-height: 1.1;
  text-align: center;
  margin-top: 1.8rem;
}
.diffuser-page .diffuser-8 .left table {
  margin-top: 1.5rem;
  box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.06);
}
.diffuser-page .diffuser-8 .left table td,
.diffuser-page .diffuser-8 .left table th {
  border: none;
  width: 263px !important;
  padding: 10px 10px;
}
.diffuser-page .diffuser-8 .left table tr {
  text-align: center;
  font-size: 20px;
  color: #303030;
  font-family: 'SSB';
}
.diffuser-page .diffuser-8 .left table tr:nth-child(1) {
  background-color: #ffae01 !important;
  font-size: 22px;
  color: #fff;
}
.diffuser-page .diffuser-8 .left table tr:nth-child(2){
  background-color: #ffae01 !important;
  font-size: 22px;
  color: #fff;
}
.diffuser-page .diffuser-8 .left table tr:nth-child(1) td,.diffuser-page .diffuser-8 .left table tr:nth-child(2) td{
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.diffuser-page .diffuser-8 .left table tr:nth-child(1) th {
  position: relative;
}
.diffuser-page .diffuser-8 .left table tr:nth-child(1) th::after {
  content: '';
  width: 2px;
  background-color: #f2f2f2;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
.diffuser-page .diffuser-8 .left table tr:nth-child(1) th:last-child::after {
  display: none;
}
.diffuser-page .diffuser-8 .left table tr:nth-child(even) {
  background: #fff7e5;
}
.diffuser-page .diffuser-8 .left table tr:nth-child(odd) {
  background: #fff;
}
.diffuser-page .diffuser-8 .right {
  padding-left: 18px;
}
.diffuser-page .diffuser-8 .right h3 {
  font-size: 1.5rem;
  line-height: 1.4;
  color: #2e2e2e;
  font-weight: bold;
  text-align: center;
}
.diffuser-page .diffuser-8 .right table {
  margin-top: 2.25rem;
  box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.05);
}
.diffuser-page .diffuser-8 .right table td,
.diffuser-page .diffuser-8 .right table th {
  border: none;
  padding: 10px 24px;
}
.diffuser-page .diffuser-8 .right table tr {
  font-size: 20px;
  color: #303030;
  text-align: center;
  font-family: 'SSB';
}
.diffuser-page .diffuser-8 .right table tr:nth-child(1),
.diffuser-page .diffuser-8 .right table tr:nth-child(2) {
  background-color: #00adde !important;
  color: #fff;
  font-size: 24px;
}
.diffuser-page .diffuser-8 .right table tr:nth-child(1) td,
.diffuser-page .diffuser-8 .right table tr:nth-child(2) td {
  position: relative;
}
.diffuser-page .diffuser-8 .right table tr:nth-child(1) td:nth-child(1),
.diffuser-page .diffuser-8 .right table tr:nth-child(2) td:nth-child(1) {
  text-align: center;
}
.diffuser-page .diffuser-8 .right table tr:nth-child(1) td::after,
.diffuser-page .diffuser-8 .right table tr:nth-child(2) td::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 2px;
  height: 100%;
  background: #fff;
}
.diffuser-page .diffuser-8 .right table tr:nth-child(1) td:last-child::after,
.diffuser-page .diffuser-8 .right table tr:nth-child(2) td:last-child::after {
  display: none;
}
.diffuser-page .diffuser-8 .right table tr:nth-child(1) td:last-child::before {
  content: '';
  width: 100%;
  height: 2px;
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
}
.diffuser-page .diffuser-8 .right table tr:nth-child(even) {
  background: #ddf6fd;
}
.diffuser-page .diffuser-8 .right table tr:nth-child(odd) {
  background: #fff;
}
.diffuser-page .diffuser-8 .right table tr td:nth-child(1) {
  text-align: left;
}
.diffuser-page .diffuser-9 {
  padding: 2.7rem 0 5rem;
  background-color: #f4f7fc;
}
.diffuser-page .diffuser-9 .box {
  margin-top: 3.6rem;
}
.diffuser-page .diffuser-9 .box .img {
  vertical-align: middle;
  padding: 0 2.2rem 0 3.05rem;
}
.diffuser-page .diffuser-9 .box .img ul li img {
  width: 100%;
}
.diffuser-page .diffuser-9 .box .img ul .slick-dots {
  position: absolute;
  z-index: 10;
  bottom: -10%;
  left: 0;
  text-align: center;
  width: 100%;
}
.diffuser-page .diffuser-9 .box .img ul .slick-dots li {
  position: relative;
  text-align: center;
  color: #fff;
  width: 11px;
  height: 11px;
  background-color: rgba(0, 173, 222, 0.4);
  border-radius: 50%;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  display: inline-block;
  margin-right: 15px;
}
.diffuser-page .diffuser-9 .box .img ul .slick-dots li:last-child {
  margin-right: 0;
}
.diffuser-page .diffuser-9 .box .img ul .slick-dots li button {
  display: none;
}
.diffuser-page .diffuser-9 .box .img ul .slick-dots li.slick-active {
  background-color: #00adde;
}
.diffuser-page .diffuser-9 .box .text {
  vertical-align: middle;
}
.diffuser-page .diffuser-9 .box .text dl dd {
  margin-bottom: 1.8rem;
}
.diffuser-page .diffuser-9 .box .text dl dd img {
  display: inline-block;
  vertical-align: middle;
  padding-right: 1.5rem;
}
.diffuser-page .diffuser-9 .box .text dl dd .info {
  display: inline-block;
  vertical-align: middle;
  width: 90%;
  padding: 0 0 1.65rem 14px;
  border-bottom: 1px solid #c4c4c4;
  position: relative;
}
.diffuser-page .diffuser-9 .box .text dl dd .info h4 {
  font-size: 1.4rem;
  color: #00adde;
  font-weight: bold;
  line-height: 1.5;
}
.diffuser-page .diffuser-9 .box .text dl dd .info p {
  font-size: 18px;
  line-height: 1.5;
  color: #1e1e1e;
  margin-top: 0.5rem;
}
.diffuser-page .diffuser-9 .box .text dl dd .info::after {
  content: '';
  width: 10px;
  height: 10px;
  background-color: #ffae01;
  border-radius: 50%;
  position: absolute;
  bottom: -5px;
  left: 0;
}
.diffuser-page .diffuser-9 .box .text dl dd:last-child {
  margin-bottom: 0;
}
.diffuser-page .diffuser-10 {
  padding: 4.35rem 0 3.15rem;
}
.diffuser-page .diffuser-10 .img {
  margin-top: 3.25rem;
  padding: 0 1.5rem;
}
.diffuser-page .diffuser-10 .img img {
  width: 100%;
}
.diffuser-page .diffuser-10 .content {
  padding: 2rem 1.5rem 0;
  text-align: center;
}
.diffuser-page .diffuser-10 .content h4 {
  font-size: 1.5rem;
  line-height: 1.4;
  color: #ffae01;
  font-weight: bold;
}
.diffuser-page .diffuser-10 .content p {
  font-size: 18px;
  line-height: 1.5;
  color: #272727;
  margin-top: 1.3rem;
}
.diffuser-page .diffuser-10 .content .right h4 {
  color: #00adde;
}
.diffuser-page .diffuser-11 {
  background-color: #f4f7fc;
  padding: 4.4rem 0 2.55rem;
}

.diffuser-page .diffuser-11 .lct_cont{
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 10px;
}
.diffuser-page .diffuser-11 .lct_cont .list{
  width: calc(25% - 38px);
  margin-top: 40px;
  margin-left: 50px;
}
.diffuser-page .diffuser-11 .lct_cont .list:nth-child(1){
  margin-left: 0;
}
.diffuser-page .diffuser-11 .lct_cont .list .title{
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: center;
  margin-top: 20px;
}
.diffuser-page .diffuser-11 .lct_cont .list .title .num{
  width: 50px;
  min-width: 50px;
  height: 50px;
  background: #fff;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  text-align: center;
  line-height: 50px;
  font-size: 30px;
  font-weight: 600;
  color: #00adde;
}
.diffuser-page .diffuser-11 .lct_cont .list .title .text{
  font-size: 20px;
  color: #3c3c3c;
  margin-top: 10px;
  margin-left: 10px;
}
.diffuser-page .diffuser-11 .lct_cont .list .img{
  text-align: center;
  margin-top: 20px;
}
.diffuser-page .diffuser-11 .lct_cont .img_list{
  position: absolute;
  top: 260px;
  left: 23%;
  width: auto;
  height: auto;
}
.diffuser-page .diffuser-11 .lct_cont .img_list_2{
  left: 49%;
}
.diffuser-page .diffuser-11 .lct_cont .img_list_3{
  left: 75%;
}
.diffuser-page .diffuser-11 .lct_cont .img_list_4{
  left: 76%;
  top: 450px;
}
.diffuser-page .diffuser-11 .lct_cont .img_list_5{
  left: 50.5%;
  top: 610px;
}
.diffuser-page .diffuser-11 p {
  margin-top: 2.95rem;
  text-align: center;
  font-size: 20px;
  line-height: 1.7;
  font-family: 'SSB';
  color: #7b7b7b;
  font-style: italic;
}
.diffuser-page .diffuser-11 p::before {
  content: '';
  width: 7px;
  height: 7px;
  background-color: #ffae01;
  display: inline-block;
  vertical-align: top;
  margin: 12px 9px 0 0;
}
.diffuser-page .diffuser-11 .mores {
  display: block;
  width: 271px;
  height: 44px;
  background-color: #ffae01;
  border-radius: 22px;
  text-align: center;
  line-height: 44px;
  color: #fff;
  font-size: 18px;
  margin: 1.95rem auto 0;
  position: relative;
  z-index: 1;
  font-family: 'SSB';
  font-weight: bold;
}
.diffuser-page .diffuser-11 .mores::after {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  border-radius: 22px;
  background-color: #00adde;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.diffuser-page .diffuser-11 .mores:hover::after {
  width: 100%;
}
.diffuser-page .diffuser-12 {
  padding: 4.6rem 0 3.5rem;
}
.diffuser-page .diffuser-12 .content {
  margin-top: 3.9rem;
}
.diffuser-page .diffuser-12 .content ul {
  display: flex;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-justify-content: space-between;
  -moz-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.diffuser-page .diffuser-12 p {
  margin-top: 3rem;
  padding: 0 0 0 1.55rem;
  width: 78%;
  font-size: 20px;
  line-height: 1.7;
  color: #7b7b7b;
  font-family: 'SSB';
  font-style: italic;
  position: relative;
}
.diffuser-page .diffuser-12 p::before {
  content: '';
  width: 7px;
  height: 7px;
  background-color: #ffae01;
  position: absolute;
  left: 13px;
  top: 12px;
}
.diffuser-page .diffuser-13 {
  background-color: #f4f7fc;
  padding: 4.7rem 0 4.5rem;
}
.diffuser-page .diffuser-13 .desc {
  padding: 3.05rem 0 0 10px;
}
.diffuser-page .diffuser-13 .desc h3 {
  font-size: 18px;
  color: #1c1c1c;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 2rem;
}
.diffuser-page .diffuser-13 .desc h3::before {
  content: '';
  width: 8px;
  height: 8px;
  background-color: #ffae01;
  display: inline-block;
  vertical-align: top;
  margin: 10px 11px 0 0;
}
.diffuser-page .diffuser-13 .desc p {
  font-size: 16px;
  line-height: 1.5;
  color: #535353;
  position: relative;
  padding-left: 24px;
  margin-bottom: 1rem;
}
.diffuser-page .diffuser-13 .desc p::before {
  content: '';
  width: 14px;
  height: 19px;
  position: absolute;
  left: 0;
  top: 4px;
  background: url(../images/tube-sd.png) no-repeat;
}
.diffuser-page .diffuser-13 .desc p:last-child {
  margin-bottom: 0;
}
.diffuser-page .diffuser-13 .content {
  margin-top: 4.4rem;
  padding: 0 1.7rem;
}
.diffuser-page .diffuser-13 .content .left {
  padding-right: 1.9rem;
}
.diffuser-page .diffuser-13 .content .left table tr:nth-child(1) {
  background: #ffae01 !important;
}
.diffuser-page .diffuser-13 .content .left table tr:nth-child(even) {
  background: #fff;
}
.diffuser-page .diffuser-13 .content .left table tr:nth-child(odd) {
  background: #fff7e5;
}
.diffuser-page .diffuser-13 .content .right {
  padding-left: 1.9rem;
}
.diffuser-page .diffuser-13 .content .right table tr:nth-child(1) {
  background: #00adde !important;
}
.diffuser-page .diffuser-13 .content .right table tr:nth-child(even) {
  background: #fff;
}
.diffuser-page .diffuser-13 .content .right table tr:nth-child(odd) {
  background: #ddf6fd;
}
.diffuser-page .diffuser-13 .content h3 {
  font-size: 29px;
  line-height: 1.1;
  color: #313131;
  font-weight: bold;
  text-align: center;
}
.diffuser-page .diffuser-13 .content table {
  margin-top: 0.95rem;
  box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.05);
}
.diffuser-page .diffuser-13 .content table tbody {
  min-width: 664px;
}
.diffuser-page .diffuser-13 .content table td,
.diffuser-page .diffuser-13 .content table th {
  border: none;
  width: 221px !important;
  padding: 10px 1.25rem;
}
.diffuser-page .diffuser-13 .content table tr {
  font-size: 15px;
  color: #303030;
  text-align: center;
}
.diffuser-page .diffuser-13 .content table tr:nth-child(1) {
  font-size: 20px;
  font-family: 'SSB';
  text-align: center;
  color: #fff;
}
.diffuser-page .diffuser-13 .content table tr:nth-child(1) th {
  position: relative;
}
.diffuser-page .diffuser-13 .content table tr:nth-child(1) th::after {
  content: '';
  width: 2px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background: #f2f2f2;
}
.diffuser-page .diffuser-13 .content table tr:nth-child(1) th:last-child::after {
  display: none;
}
.diffuser-page .diffuser-13 .content table tr th:nth-child(1),.diffuser-page .diffuser-13 .content table tr td:nth-child(1){
  max-width: 80px;
}{
  max-width: 80px;
}

.diffuser-page .diffuser-13 .con {
  padding: 3.75rem 0 0 1.7rem;
  width: 80%;
}
.diffuser-page .diffuser-13 .con h4 {
  font-size: 24px;
  color: #1c1c1c;
  font-weight: bold;
  line-height: 1.7;
  position: relative;
}
.diffuser-page .diffuser-13 .con h4::before {
  content: '';
  position: absolute;
  left: -21px;
  top: 16px;
  width: 8px;
  height: 8px;
  background-color: #ffae01;
}
.diffuser-page .diffuser-13 .con p {
  font-size: 18px;
  font-family: 'SSB';
  font-style: italic;
  color: #1c1c1c;
  line-height: 1.8;
}
.diffuser-page .diffuser-14 {
  padding: 4.5rem 0;
}
.diffuser-page .diffuser-14 .con {
  padding: 2.75rem 0 0 10px;
}
.diffuser-page .diffuser-14 .con h3 {
  font-size: 20px;
  color: #313131;
  line-height: 1.6;
  margin-bottom: 1.75rem;
}
.diffuser-page .diffuser-14 .con h3::before {
  content: '';
  width: 8px;
  height: 8px;
  background-color: #ffae01;
  display: inline-block;
  vertical-align: top;
  margin: 10px 11px 0 0;
}
.diffuser-page .diffuser-14 .con p {
  font-size: 16px;
  line-height: 1.5;
  color: #535353;
  position: relative;
  padding-left: 24px;
  margin-bottom: 1rem;
}
.diffuser-page .diffuser-14 .con p::before {
  content: '';
  width: 14px;
  height: 19px;
  position: absolute;
  left: 0;
  top: 4px;
  background: url(../images/tube-sd.png) no-repeat;
}
.diffuser-page .diffuser-14 .con p:last-child {
  margin-bottom: 0;
}
.diffuser-page .diffuser-14 .content {
  padding: 2.7rem 4.85rem 0;
  text-align: center;
}
.diffuser-page .diffuser-14 .content ul {
  margin-right: -2.75rem;
}
.diffuser-page .diffuser-14 .content ul li {
  padding-right: 2.75rem;
}
.diffuser-page .diffuser-14 .content ul li img {
  width: 100%;
}
.diffuser-page .diffuser-14 .content ul li p {
  font-size: 22px;
  color: #333333;
  font-weight: bold;
  margin-top: 1.7rem;
}
.diffuser-page .disc-6 .left .top ul li:nth-child(1) {
  width: 36%;
}
.diffuser-page .disc-6 .left .top ul li:nth-child(3) {
  width: 30%;
}
.diffuser-page .disc-6 .left .middle h4 {
  font-size: 20px;
  color: #ffae01;
  line-height: 1.6;
  margin-bottom: 1.5rem;
  font-family: 'SSB';
}
.diffuser-page .disc-6 .left .middle h4::before {
  content: '';
  width: 8px;
  height: 8px;
  background-color: #ffae01;
  display: inline-block;
  vertical-align: top;
  margin: 10px 11px 0 0;
}
.diffuser-page .disc-6 .left .middle p {
  font-size: 16px;
  line-height: 1.5;
  color: #535353;
  position: relative;
  padding-left: 30px !important;
  margin-bottom: 1rem;
  margin-left: 15px;
}
.diffuser-page .disc-6 .left .middle p::before {
  display: none;
}
.diffuser-page .disc-6 .left .middle p::after {
  content: '';
  width: 14px;
  height: 19px;
  position: absolute;
  left: 0;
  top: 4px;
  background: url(../images/tube-sd.png) no-repeat;
}
.diffuser-page .disc-6 .left .middle p:last-child {
  margin-bottom: 0;
}
.diffuser-page .disc-6 .left .bottom h4 {
  text-align: center;
  font-size: 20px;
  line-height: 1.5;
  font-family: 'SSB';
  width: 70%;
  margin: 0 auto 17px;
}
.diffuser-page .diffuser-15 {
  padding: 3.95rem 0 4.95rem;
}

.diffuser-page .diffuser-16 {
  background-color: #f4f7fc;
  padding-top: 3.55rem;
}
.diffuser-page .diffuser-16 .con {
  width: 60%;
  margin-top: 2.75rem;
}
.diffuser-page .diffuser-16 .con .left {
  width: 40%;
}
.diffuser-page .diffuser-16 .con .right {
  width: 60%;
}
.diffuser-page .diffuser-16 .con li {
  font-size: 18px;
  color: #5e5e5e;
  line-height: 1.7;
  position: relative;
  padding-left: 20px;
}
.diffuser-page .diffuser-16 .con li::before {
  content: '';
  width: 8px;
  height: 8px;
  background: #00aced;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 14px;
}
@media screen and (max-width: 1100px) {
  .diffuser-page .diffuser-9 .box .text dl dd .info {
    width: 87%;
  }
  .diffuser-page .diffuser-16 .con {
    width: 76%;
  }
}
@media screen and (max-width: 1000px) {
  .diffuser-page .diffuser-3 .box .left {
    width: 100%;
    padding: 0;
  }
  .diffuser-page .diffuser-3 .box .right {
    width: 100%;
    padding-top: 2rem;
  }
  .diffuser-page .diffuser-8 .left h3.title {
    font-size: 22px;
  }
  .diffuser-page .diffuser-5 .box .img {
    display: none;
  }
  .diffuser-page .diffuser-5 .box .left {
    width: 100%;
  }
  .diffuser-page .diffuser-5 .box .right {
    width: 100%;
    padding-left: 0;
  }
  .diffuser-page .diffuser-9 .box .img {
    width: 100%;
    padding: 0;
  }
  .diffuser-page .diffuser-9 .box .text {
    width: 100%;
    padding-top: 2rem;
  }
  .diffuser-page .diffuser-11 .lct_cont .img_list{
    display: none;
  }
  .diffuser-page .diffuser-11 .lct_cont{
    justify-content: space-between;
  }
  .diffuser-page .diffuser-11 .lct_cont .list{
    width: calc(33% - 38px);
    margin-left: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    order: 1;
  }
  .diffuser-page .diffuser-11 .lct_cont .list:nth-child(5){
    order: 3;
  }
  .diffuser-page .diffuser-11 .lct_cont .list:nth-child(6){
    order: 2;
  }
  .diffuser-page .diffuser-11 .lct_cont .list .title{
    order: -1;
  }
  .diffuser-page .diffuser-12 p {
    width: 90%;
  }
  
  .diffuser-page .diffuser-13 .con {
    width: 90%;
  }
  .diffuser-page .diffuser-14 .content {
    padding: 2.7rem 2.85rem 0;
    text-align: center;
  }
  .diffuser-page .diffuser-14 .content ul li p {
    font-size: 18px;
  }
  .disc-page .disc-6 .box .left .bottom {
    padding-right: 0;
  }
  .diffuser-page .diffuser-16 .con {
    width: 90%;
  }
}
@media screen and (max-width: 700px) {
  .diffuser-page .diffuser-2 {
    display: none;
  }
  .diffuser-page .diffuser-3 .box .left .con h4 {
    font-size: 20px;
  }
  .diffuser-page .diffuser-3 .box .left .con p {
    font-size: 18px;
  }
  .diffuser-page .diffuser-5 .box h4 span {
    font-size: 18px;
    width: 90%;
  }
  .diffuser-page .diffuser-5 .box .right {
    padding-left: 0;
  }
  .diffuser-page .diffuser-5 .box p {
    padding-right: 0;
  }
  .diffuser-page .diffuser-6 .box .left{
    width: 100%;
  }
  .diffuser-page .diffuser-6 .box .left table tr {
    font-size: 18px;
  }
  .diffuser-page .diffuser-6 .box .right {
    display: none;
  }
  .diffuser-page .diffuser-7 .header {
    display: block;
  }
  .diffuser-page .diffuser-7 .header h3.title {
    margin-bottom: 2rem;
  }
  .diffuser-page .diffuser-8 .left h3.title {
    font-size: 19px;
  }
  .diffuser-page .diffuser-8 .left table td,
  .diffuser-page .diffuser-8 .left table th {
    padding: 10px 10px;
  }
  .diffuser-page .diffuser-8 .right {
    padding-left: 0;
  }
  .diffuser-page .diffuser-9 {
    display: none;
  }
  .diffuser-page .diffuser-9 .box .img {
    padding: 0;
  }
  .diffuser-page .diffuser-10,
  .diffuser-page .diffuser-11,
  .diffuser-page .diffuser-12 {
    display: none;
  }
  .diffuser-page .diffuser-13 .content {
    padding: 0;
  }
  .diffuser-page .diffuser-13 .content h3 {
    font-size: 22px;
  }
  .diffuser-page .diffuser-13 .content .left {
    padding-right: 0;
  }
  .diffuser-page .diffuser-13 .content .right {
    padding-left: 0;
  }
  .diffuser-page .diffuser-13 .con {
    width: 100%;
  }
  .diffuser-page .diffuser-13 .con p {
    font-size: 16px;
  }
  .diffuser-page .diffuser-14 .con h3 {
    font-size: 16px;
  }
  .diffuser-page .diffuser-14 .content {
    display: none;
  }
  .diffuser-page .disc-6 .left .bottom h4 {
    width: 100%;
    font-size: 18px;
  }
  .diffuser-page .diffuser-15 {
    display: none;
  }
  .diffuser-page .diffuser-16 .con {
    width: 100%;
  }
  .diffuser-page .diffuser-16 .con .left {
    width: 100%;
  }
  .diffuser-page .diffuser-16 .con .right {
    width: 100%;
  }
}
.bio-page .pro-2 .info .img {
  position: relative;
  width: 39.6%;
  padding-top: 10px;
}
.bio-page .pro-2 .info .img img {
  width: 100%;
}
.bio-page .pro-2 .info .img .text {
  position: absolute;
  top: 36%;
  left: 0;
  width: 100%;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: bold;
}
.bio-page .pro-2 .info .img::after {
  content: '';
  position: absolute;
  top: 22px;
  bottom: 40px;
  left: 24px;
  right: 20px;
  border: 1px solid #fff;
}
.bio-page .pro-2 .info .con .nihaobiobock h1{
  display: inline;
  font-size: inherit;
}

.bio-page .pro-2 .info .con {
  width: 60.4%;
  padding-left: 3rem;
  vertical-align: top;
}
.bio-page .pro-2 .info .con p,.bio-page .pro-2 .info .con .nihaobiobock,.submer-page .pro-2 .info .con .submermixerh {
  font-size: 16px;
  color: #1d1d1d;
  line-height: 1.8;
  margin-bottom: 1.5rem;
}
.bio-page .pro-2 .info .con p:last-child,.submer-page .pro-2 .info .con .submermixerh:last-child {
  margin-bottom: 0;
}
.bio-page .pro-2 .info .con p::before,.bio-page .pro-2 .info .con .nihaobiobock::before,.submer-page .pro-2 .info .con .submermixerh::before {
  content: '';
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ffae01;
  display: inline-block;
  vertical-align: top;
  margin: 11px 10px 0 0;
}
.bio-page .pro-4 .ui.container {
  max-width: 1402px;
  width: 100%;
}
.bio-page .pro-4 .content .left {
  vertical-align: middle;
}
.bio-page .pro-4 .content dl dd .text {
  position: relative;
  padding-right: 53px;
}
.bio-page .pro-4 .content dl dd .text::after {
  content: '';
  position: absolute;
  right: 0;
  top: -5px;
  width: 28px;
  height: 48px;
  background: url(../images/pro4-icon.png) no-repeat;
}
.bio-page .pro-4 .content .right {
  vertical-align: middle;
}
.bio-page .pro-4 .content .right dl dd .text {
  position: relative;
  padding-left: 53px;
}
.bio-page .pro-4 .content .right dl dd .text::after {
  content: '';
  position: absolute;
  left: 0;
  top: -5px;
  width: 28px;
  height: 48px;
  background: url(../images/pro4-icon.png) no-repeat;
}
.bio-page .pro-4 .content .middle {
  vertical-align: middle;
}
.bio-page .bio-1 {
  padding: 4.95rem 0 5.95rem;
}
.bio-page .bio-1 .content {
  margin-top: 2.8rem;
  padding-left: 1.5rem;
}
.bio-page .bio-1 .content li {
  margin-bottom: 3.35rem;
}
.bio-page .bio-1 .content li .img {
  width: 44.6%;
}
.bio-page .bio-1 .content li .text {
  font-size: 14px;
  color: #1d1d1d;
  line-height: 1.8;
  width: 55.4%;
}
.bio-page .bio-1 .content li .text p {
  margin-bottom: 1rem;
}
.bio-page .bio-1 .content li .text p:last-child {
  margin-bottom: 0;
}
.bio-page .bio-1 .content li .text p::before {
  content: '';
  width: 7px;
  height: 7px;
  background-color: #ffae01;
  border-radius: 50%;
  display: inline-block;
  vertical-align: top;
  margin: 8px 10px 0 0;
}
.bio-page .bio-1 .content li:last-child {
  margin-bottom: 0;
}
.bio-page .bio-1 .content li:nth-child(even) .img {
  border: solid 2px #2a2a2a;
  width: 53%;
}
.bio-page .bio-1 .content li:nth-child(even) .text {
  width: 47%;
  padding-right: 1.9rem;
}
.bio-page .bio-2 {
  background-color: #e9f2fa;
  padding: 4.4rem 0 3.35rem;
}
.bio-page .bio-2 table {
  margin-top: 3.55rem;
  border-radius: 19px 19px 0 0;
}
.bio-page .bio-2 table tr {
  text-align: center;
  font-size: 18px;
}
.bio-page .bio-2 table tr td {
  border: 1px solid #01365d;
  padding: 10px 10px;
}
.bio-page .bio-2 table tr:nth-child(1) {
  font-size: 20px;
  color: #fff;
  background-color: #00adde !important;
}
.bio-page .bio-2 table tr:nth-child(1) td {
  border: none;
}
.bio-page .bio-2 table tr:nth-child(2) {
  background-color: #fff;
}
.bio-page .bio-2 table tr:nth-child(odd) {
  background-color: #d8f2fa;
}
.bio-page .bio-2 table tr:nth-child(4) {
  background: #e9f2fa;
}
.bio-page .bio-2 .desc {
  margin-top: 1.9rem;
  padding-left: 0.85rem;
}
.bio-page .bio-2 .desc p {
  font-size: 18px;
  color: #666666;
  line-height: 1.5;
  margin-bottom: 1.6rem;
  position: relative;
  padding-left: 13px;
}
.bio-page .bio-2 .desc p em {
  color: #2b2b2b;
  font-weight: bold;
  line-height: 1.4;
}
.bio-page .bio-2 .desc p::before {
  content: '';
  width: 6px;
  height: 6px;
  background-color: #ffae01;
  border-radius: 50%;
  position: absolute;
  top: 12px;
  left: 0;
}
.bio-page .bio-2 .desc p:last-child {
  margin-bottom: 0;
}
.bio-page .tube-3 .box .img {
  width: 30%;
}
.bio-page .tube-3 .box .text {
  width: 70%;
  /*max-height: 460px;*/
}
@media screen and (max-width: 1000px) {
  .bio-page .pro-2 .info .img {
    width: 100%;
  }
  .bio-page .pro-2 .info .con {
    width: 100%;
    padding: 2rem 0 0 0;
  }
  .bio-page .pro-4 .content .left {
    width: 100%;
  }
  .bio-page .pro-4 .content .middle {
    width: 100%;
  }
  .bio-page .pro-4 .content .right {
    width: 100%;
    padding-left: 0;
  }
  .bio-page .bio-1 .content li .img {
    width: 100%;
  }
  .bio-page .bio-1 .content li .text {
    width: 100%;
  }
  .bio-page .bio-1 .content li:nth-child(even) .text {
    width: 100%;
    padding-right: 0;
  }
  .bio-page .bio-1 .content li:nth-child(even) .img {
    width: 100%;
  }
  .bio-page .tube-3 .box .img {
    width: 100%;
  }
  .bio-page .tube-3 .box .text {
    width: 100%;
    padding: 2rem 0 0 0;
  }
  .diffuser-page .pro-1 .anniu .mores {
    width: 200px;
    margin-left: 1rem;
    font-size: 16px;
  }
  .product-page .more {
    width: 190px;
    font-size: 16px;
  }
  .diffuser-page .pro-1 .anniu .mores:last-child {
    width: 280px;
  }
}
@media screen and (max-width: 700px) {
  .product-page .pro-4 {
    display: none;
  }
  .bio-page .bio-2 .desc p {
    font-size: 16px;
  }
  .bio-page .bio-2 .desc p em {
    font-size: 18px;
  }
  .diffuser-page .pro-1 .anniu .more {
    margin-bottom: 10px;
  }
  .diffuser-page .pro-1 .anniu .mores {
    margin-bottom: 10px;
  }
}
.disc-page .pro-2 .header .desc {
  margin-top: 3.25rem;
}
.disc-page .pro-2 .header .desc .nihaodiscdiffuser h1{
display: inline;
font-size: inherit;
}
.disc-page .pro-2 .header .desc p,.disc-page .pro-2 .header .desc .nihaodiscdiffuser {
  position: relative;
  font-size: 20px;
  color: #313131;
  line-height: 1.6;
  padding-left: 12px;
  font-style: italic;
}
.disc-page .pro-2 .header .desc p::before,.disc-page .pro-2 .header .desc .nihaodiscdiffuser::before {
  content: '';
  width: 6px;
  height: 6px;
  background-color: #ffae01;
  position: absolute;
  top: 15px;
  left: 0;
}
.disc-page .pro-2 .content dl {
  margin-right: -1.35rem;
}
.disc-page .pro-2 .content dl dd {
  padding-right: 1.35rem;
}
.disc-page .pro-2 .content dl dd .img {
  position: relative;
}
.disc-page .pro-2 .content dl dd .img::after {
  content: '';
  position: absolute;
  top: 13px;
  left: 13px;
  bottom: 11px;
  right: 14px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  transition: .5s;
  -webkit-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -o-transition: .5s;
}
.disc-page .pro-2 .content dl dd .img .text {
  position: absolute;
  z-index: 1;
  top: 35%;
  left: 0;
  text-align: center;
  width: 100%;
  color: #fff;
  font-size: 21px;
  line-height: 1.6;
  font-weight: bold;
  padding: 0 3rem;
  text-transform: uppercase;
  opacity: 0;
  transition: all .5s;
}
.disc-page .pro-2 .content dl dd .con {
  padding-top: 1.7rem;
}
.disc-page .pro-2 .content dl dd .con h4 {
  font-size: 18px;
  color: #00adde;
  font-weight: bold;
  line-height: 1.7;
  padding-left: 29px;
}
.disc-page .pro-2 .content dl dd .con .list {
  margin-top: 0.95rem;
  padding-right: 10px;
  max-height: 170px;
  overflow: auto;
}
.disc-page .pro-2 .content dl dd .con .list p {
  font-size: 16px;
  color: #313131;
  line-height: 1.3;
  padding-left: 29px;
  position: relative;
  margin-bottom: 1.15rem;
}
.disc-page .pro-2 .content dl dd .con .list p::before {
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  width: 11px;
  height: 15px;
  background: url(../images/disc-sd.png) no-repeat;
}
.disc-page .pro-2 .content dl dd .con .list p:last-child {
  margin-bottom: 0;
}
.disc-page .pro-2 .content dl dd .con .list::-webkit-scrollbar-thumb {
  background: #00aced;
}
.disc-page .pro-2 .content dl dd:hover .img .text{
  opacity: 1;
}
.disc-page .pro-2 .content dl dd:hover .img::after {
  background: rgba(255, 255, 255, 0.3);
}
.disc-page .diffuser-4 {
  padding-bottom: 6.35rem;
}
.disc-page .diffuser-4 .content .middle .img dd {
  width: 3.6rem;
  height: 3.6rem;
  line-height: 3.6rem;
  font-size: 1.9rem;
}
.disc-page .diffuser-4 .content .middle .img dd:nth-child(1) {
  left: 5px;
}
.disc-page .diffuser-4 .content .middle .img dd:nth-child(2) {
  font-size: 1.9rem;
  right: 5px;
}
.disc-page .diffuser-4 .content .middle .img dd:nth-child(3) {
  left: 5px;
}
.disc-page .diffuser-4 .content .middle .img dd:nth-child(4) {
  right: 5px;
}


.disc-page .disc-1 {
  background-color: #f4f7fc;
  padding: 2rem 0 2rem;
}
.disc-page .disc-1 .header .imgs {
  margin-top: 3.2rem;
}
.disc-page .disc-1 .header .imgs ul {
  margin-right: -1.65rem;
}
.disc-page .disc-1 .header .imgs ul li {
  padding-right: 1.65rem;
}
.disc-page .disc-1 .header .imgs ul li a {
  display: block;
}
.disc-page .disc-1 .header .imgs ul li a img {
  width: 100%;
}
.disc-page .disc-1 .content {
  margin-top: 4.55rem;
}
.disc-page .disc-1 .content .top h3 {
  font-size: 1.4rem;
  color: #303030;
  font-weight: bold;
  line-height: 1.2;
}
.disc-page .disc-1 .content .top .box {
  margin-top: 1.95rem;
}
.disc-page .disc-1 .content .top .box .left {
  width: 53.7%;
}
.disc-page .disc-1 .content .top .box .left .table1 table {
  border: none;
}
.disc-page .disc-1 .content .top .box .left .table1 table tr {
  font-size: 20px;
  color: #303030;
  text-align: center;
}


.disc-page .disc-1 .content .top .box .left .table1 table tr:nth-child(1){
  color: #fff;
}

.disc-page .disc-1 .content .top .box .left .table1 table tr:nth-child(1),
.disc-page .disc-1 .content .top .box .left .table1 table tr:nth-child(2) {
  text-align: center;
}
.disc-page .disc-1 .content .top .box .left .table1 table tr:nth-child(1){
  font-size: 24px;
}
.disc-page .disc-1 .content .top .box .left .table1 table tr:nth-child(1) td,
.disc-page .disc-1 .content .top .box .left .table1 table tr:nth-child(2) td {
  position: relative;
  text-align: center;
}


.disc-page .disc-1 .content .top .box .left .table1 table tr:nth-child(even) {
  background-color: #ddf6fd;
}
.disc-page .disc-1 .content .top .box .left .table1 table tr:nth-child(odd) {
  background-color: #fff;
}
.disc-page .disc-1 .content .top .box .left .table1 table tr:nth-child(1){
  background: #00adde;
}
.disc-page .disc-1 .content .top .box .left .table1 table tr td {
  border: none;
  padding: 15px 10px 14px;
}
.disc-page .disc-1 .content .top .box .left .table1 table tr td:nth-child(1){
  max-width: 270px;
}
.disc-page .disc-1 .content .top .box .left .table1 table tr td,.disc-page .disc-1 .content .top .box .left .table1 table tr th{
  border: none;
  border-right: 2px solid #eff4fc;
}
.disc-page .disc-1 .content .top .box .left .table1 table tr td:nth-child(1) {
  text-align: left;
  padding: 10px 24px;
}
.disc-page .disc-1 .content .top .box .left .table2 {
  margin-top: 1.75rem;
}
.disc-page .disc-1 .content .top .box .left .table2 table tr {
  text-align: center;
  font-size: 20px;
  color: #303030;
  font-family: 'SSB';
}
.disc-page .disc-1 .content .top .box .left .table2 table tr:nth-child(1) {
  background: #00aced !important;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
}
.disc-page .disc-1 .content .top .box .left .table2 table tr:nth-child(1) td {
  position: relative;
}
.disc-page .disc-1 .content .top .box .left .table2 table tr:nth-child(1) td::after {
  content: '';
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background: #fff;
}
.disc-page .disc-1 .content .top .box .left .table2 table tr:nth-child(1) td:last-child::after {
  display: none;
}
.disc-page .disc-1 .content .top .box .left .table2 table tr td {
  border: none;
  padding: 14px 10px;
}
.disc-page .disc-1 .content .top .box .left .table2 table tr:nth-child(odd) {
  background: #fff;
}
.disc-page .disc-1 .content .top .box .left .table2 table tr:nth-child(even) {
  background-color: #ddf6fd;
}
.disc-page .disc-1 .content .top .box .right {
  padding-left: 2.65rem;
  width: 46.3%;
}
.disc-page .disc-1 .content .top .box .right .card {
  background-color: #ffffff;
  box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.05);
}
.disc-page .disc-1 .content .top .box .right .card h4 {
  background-color: #ffae01;
  color: #fff;
  font-size: 22px;
  font-family: 'SSB';
  line-height: 1.5;
  padding: 7px 1.65rem 6px;
}
.disc-page .disc-1 .content .top .box .right .card .con {
  padding: 0.25rem 2rem 1.8rem 10px;
  font-family: 'SSB';
}
.disc-page .disc-1 .content .top .box .right .card .con li {
  border-bottom: 2px solid #dadada;
  padding: 0.85rem 1.4rem;
}
.disc-page .disc-1 .content .top .box .right .card .con li h5 {
  display: inline-block;
  font-size: 16px;
  line-height: 1.7;
  color: #ff9b0c;
  margin-right: 15px;
}
.disc-page .disc-1 .content .top .box .right .card .con li p {
  display: inline-block;
  font-size: 16px;
  color: #292929;
  line-height: 1.5;
}
.disc-page .disc-1 .content .top .box .right .card .con li:last-child {
  border-bottom: 0;
  padding: 0.85rem 1.4rem 0;
}
.disc-page .disc-1 .content .top .box .right .bottom {
  margin-top: 1.5rem;
}
.disc-page .disc-1 .desc {
  margin-top: 3.2rem;
  padding: 0 3.45rem 0 2.15rem;
}
.disc-page .disc-1 .desc p {
  position: relative;
  color: #7b7b7b;
  font-size: 20px;
  line-height: 1.7;
  font-family: 'SSB';
  font-style: italic;
  padding-left: 15px;
}
.disc-page .disc-1 .desc p::before {
  content: '';
  position: absolute;
  left: 0;
  top: 14px;
  width: 5px;
  height: 5px;
  background-color: #ffae01;
}
.disc-page .disc-1 .anniu {
  text-align: center;
}
.disc-page .disc-1 .anniu .more {
  width: 266px;
  height: 39px;
  border-radius: 19px;
  text-align: center;
  line-height: 39px;
  display: inline-block;
}
.disc-page .disc-1 .anniu .mores {
  width: 266px;
  height: 39px;
  background-color: #00adde;
  border-radius: 19px;
  text-align: center;
  line-height: 39px;
  color: #fefefe;
  font-size: 18px;
  font-weight: bold;
  display: inline-block;
  margin-left: 1.2rem;
  position: relative;
  z-index: 1;
}
.disc-page .disc-1 .anniu .mores::after {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  border-radius: 22px;
  background-color: #ffae01;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.disc-page .disc-1 .anniu .mores:hover::after {
  width: 100%;
}
.disc-page .disc-1 .anniu .mores:last-child {
  background: #ffae01;
}
.disc-page .disc-1 .anniu .mores:last-child::after {
  background: #00adde;
}
.disc-page .disc-2 {
  padding: 2rem 0 2rem;
}
.disc-page .disc-2 .videoC{
  margin: 40px 0 60px 0;
}
.disc-page .disc-2 .videoC ul{
  margin: 0 -10px;
}
.disc-page .disc-2 .videoC ul li{
  padding: 0 10px;
  margin-top: 16px;
}
.disc-page .disc-2 .videoC ul li .box iframe{
  display: block;
  width: 100%;
  max-height: 400px;
}
.disc-page .disc-2 p {
  margin-top: 2.75rem;
  padding: 0 6.25rem 0 1.15rem;
  font-size: 20px;
  line-height: 1.6;
  font-family: 'SSB';
  font-style: italic;
  padding-left: 7px;
  position: relative;
}
.disc-page .disc-2 p::before {
  content: '';
  width: 5px;
  height: 5px;
  background-color: #ffae01;
  position: absolute;
  left: 0;
  top: 14px;
}
.disc-page .disc-2 .content {
  padding: 1.85rem 0 0 0.75rem;
}
.disc-page .disc-2 .content ul {
  margin-right: -0.95rem;
}
.disc-page .disc-2 .content ul li {
  padding-right: 0.95rem;
}
.disc-page .disc-2 .content ul li .img img {
  width: 100%;
}
.disc-page .disc-3 {
  padding: 4.25rem 0 4.95rem;
  background-color: #f4f7fc;
}
.disc-page .disc-3 .content {
  margin-top: 4.3rem;
  text-align: center;
}
.disc-page .disc-3 .content .left {
  width: 40%;
}
.disc-page .disc-3 .content .middle {
  width: 20%;
  padding-top: 5.2rem;
}
.disc-page .disc-3 .content .right {
  width: 40%;
}
.disc-page .disc-3 .content .right .info h3 {
  color: #ffae01;
}
.disc-page .disc-3 .content .bottom {
  margin-top: 1.65rem;
}
.disc-page .disc-3 .content .bottom img {
  display: inline-block;
}
.disc-page .disc-3 .content .bottom img:last-child {
  margin-left: 1.4rem;
}
.disc-page .disc-3 .content .info {
  margin-top: 2.6rem;
}
.disc-page .disc-3 .content .info h3 {
  font-size: 1.4rem;
  color: #00adde;
  font-weight: bold;
  line-height: 1.4;
}
.disc-page .disc-3 .content .info .con {
  text-align: left;
  font-size: 18px;
  color: #2b2b2b;
  line-height: 1.6;
  margin-top: 1.4rem;
  padding: 0 1.8rem;
}
.disc-page .disc-4 {
  padding: 5.3rem 0 6.5rem;
}
.disc-page .disc-4 .img {
  margin-top: 5.15rem;
  text-align: center;
}
.disc-page .disc-4 .anniu {
  text-align: center;
  margin-top: 6.25rem;
}
.disc-page .disc-4 .anniu .mores {
  display: inline-block;
  width: 258px;
  height: 44px;
  background-color: #00adde;
  border-radius: 22px;
  line-height: 44px;
  font-size: 18px;
  font-weight: bold;
  position: relative;
  z-index: 1;
  color: #fff;
}
.disc-page .disc-4 .anniu .mores::after {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  border-radius: 22px;
  background-color: #ffac00;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.disc-page .disc-4 .anniu .mores:hover::after {
  width: 100%;
}
.disc-page .disc-4 .anniu .more {
  display: inline-block;
  margin-left: 1.5rem;
}
.disc-page .disc-5 {
  background: url(../images/disc6-1.jpg) no-repeat center center;
  background-size: cover;
  padding: 7rem 0;
  position: relative;
  z-index: 1;
}
.disc-page .disc-5::after {
  content: '';
  position: absolute;
  z-index: -1;
  top: 18px;
  left: 18px;
  bottom: 18px;
  right: 18px;
  background: rgba(255, 255, 255, 0.15);
}
.disc-page .disc-5 .ui.container {
  max-width: 1764px;
  width: 100%;
}
.disc-page .disc-5 .top ul {
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-justify-content: space-between;
  -moz-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.disc-page .disc-5 .top ul li {
  font-size: 26px;
  line-height: 1.1;
  color: #fff;
  font-family: 'SSB';
}
.disc-page .disc-5 .top ul li:last-child {
  position: relative;
}
.disc-page .disc-5 .top ul li:last-child::after {
  content: '';
  width: 30px;
  height: 45px;
  background: url(../images/disc6-icon1.png) no-repeat;
  position: absolute;
  bottom: -60px;
  left: 33%;
}
.disc-page .disc-5 .bottom {
  margin-top: 62px;
}
.disc-page .disc-5 .bottom ul {
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -o-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.disc-page .disc-5 .bottom ul li {
  font-size: 26px;
  line-height: 1.1;
  color: #fff;
  font-weight: bold;
  margin-right: 4.6rem;
}
.disc-page .disc-5 .bottom ul li:last-child {
  margin-right: 0;
}
.disc-page .disc-6 {
  background-color: #f4f7fc;
  padding: 2rem 0 2rem;
}
.disc-page .disc-6 .box {
  margin-top: 1.05rem;
}
.disc-page .disc-6 .box .left {
  padding-top: 2.05rem;
  width: 53%;
}
.disc-page .disc-6 .box .left .top li {
  vertical-align: middle;
  font-size: 15px;
  line-height: 1.6;
  color: #4c4c4c;
  font-family: 'SEL';
  font-weight: bold;
}
.disc-page .disc-6 .box .left .top li:nth-child(1) {
  width: 30%;
}
.disc-page .disc-6 .box .left .top li:nth-child(3) {
  width: 36%;
}
.disc-page .disc-6 .box .left .middle {
  margin-top: 2.2rem;
  font-size: 16px;
  line-height: 1.8;
  color: #4c4c4c;
  font-family: 'SSB';
}
.disc-page .disc-6 .box .left .middle em {
  color: #00adde;
  font-size: 20px;
  line-height: 1.5;
}
.disc-page .disc-6 .box .left .middle p {
  padding-left: 13px;
  position: relative;
}
.disc-page .disc-6 .box .left .middle p::before {
  content: '';
  width: 7px;
  height: 7px;
  background-color: #ffac00;
  position: absolute;
  left: 0;
  top: 12px;
}
.disc-page .disc-6 .box .left .bottom {
  margin-top: 2.95rem;
  padding-right: 4.4rem;
}
.disc-page .disc-6 .box .left .bottom table {
  text-align: center;
}
.disc-page .disc-6 .box .left .bottom table tbody {
  min-width: 650px;
}
.disc-page .disc-6 .box .left .bottom table th,
.disc-page .disc-6 .box .left .bottom table td {
  border: none;
  width: 216px !important;
  padding: 0.95rem 1.85rem;
}
.disc-page .disc-6 .box .left .bottom table tr {
  font-size: 20px;
}
.disc-page .disc-6 .box .left .bottom table tr:nth-child(1) {
  background-color: #ffae01 !important;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
.disc-page .disc-6 .box .left .bottom table tr:nth-child(1) th {
  position: relative;
}
.disc-page .disc-6 .box .left .bottom table tr:nth-child(1) th::after {
  content: '';
  width: 2px;
  height: 100%;
  background-color: #f2f2f2;
  position: absolute;
  top: 0;
  right: 0;
}
.disc-page .disc-6 .box .left .bottom table tr:nth-child(1) th:last-child::after {
  display: none;
}
.disc-page .disc-6 .box .left .bottom table tr:nth-child(even) {
  background: #fff;
}
.disc-page .disc-6 .box .left .bottom table tr:nth-child(odd) {
  background: rgba(255, 174, 1, 0.1);
}
.disc-page .disc-6 .box .right {
  width: 47%;
  padding-left: 3.7rem;
}
.disc-page .disc-6 .box .right h3 {
  font-size: 27px;
  color: #313131;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
}
.disc-page .disc-6 .box .right table {
  margin-top: 18px;
  box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.05);
}
.disc-page .disc-6 .box .right table tbody {
  min-width: 616px;
}
.disc-page .disc-6 .box .right table tbody th,
.disc-page .disc-6 .box .right table tbody td {
  border: none;
  width: 205px !important;
  padding: 10px 23px;
}
.disc-page .disc-6 .box .right table tbody tr {
  font-size: 15px;
  color: #303030;
  font-family: 'SSB';
}
.disc-page .disc-6 .box .right table tbody tr:nth-child(1) {
  background-color: #00adde !important;
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  font-family: 'SR';
}
.disc-page .disc-6 .box .right table tbody tr:nth-child(1) th {
  position: relative;
  padding: 10px 0;
}
.disc-page .disc-6 .box .right table tbody tr:nth-child(1) th::after {
  content: '';
  width: 2px;
  height: 100%;
  background-color: #f2f2f2;
  position: absolute;
  right: 0;
  top: 0;
}
.disc-page .disc-6 .box .right table tbody tr:nth-child(1) th:last-child::after {
  display: none;
}
.disc-page .disc-6 .box .right table tbody tr:nth-child(even) {
  background: #fff;
}
.disc-page .disc-6 .box .right table tbody tr:nth-child(odd) {
  background-color: #ddf6fd;
}
.disc-page .disc-6 .box .right table tbody tr td:nth-child(2),
.disc-page .disc-6 .box .right table tbody tr td:nth-child(3) {
  text-align: center;
}
.disc-page .disc-6 .box .right .desc {
  margin-top: 1.75rem;
  font-size: 14px;
  line-height: 1.5;
  color: #737373;
  font-weight: bold;
  font-style: italic;
  position: relative;
}
.disc-page .disc-6 .box .right .desc em {
  color: #00adde;
}
.disc-page .disc-6 .box .right .desc::before {
  content: '';
  position: absolute;
  left: -13px;
  top: 7px;
  width: 7px;
  height: 7px;
  background-color: #ffac00;
}
.disc-page .pro-11 .text {
  width: 36%;
}
.disc-page .pro-11 .img {
  width: 64%;
}
.disc-page .disc-7 {
  background-color: #f4f7fc;
  padding-top: 4.7rem;
  padding-bottom: 2rem;
}
.disc-page .disc-7 .box {
  margin-top: 2.75rem;
}
.disc-page .disc-7 .box .left {
  font-size: 24px;
  color: #303030;
  line-height: 1.5;
}
.disc-page .disc-7 .box .left li {
  position: relative;
  padding-left: 20px;
}
.disc-page .disc-7 .box .left li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 15px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ffac00;
}
@media screen and (max-width: 1440px) {
  .disc-page .disc-6 .box .right {
    padding-left: 2rem;
  }
  .disc-page .disc-5 .top ul li {
    font-size: 20px;
  }
  .disc-page .disc-5 .bottom ul li {
    font-size: 20px;
  }
}
@media screen and (max-width: 1280px) {
  .disc-page .disc-3 .content .bottom img {
    width: 45%;
  }
  .disc-page .disc-3 .content .bottom img:last-child {
    margin-left: 0;
  }
  .product-page .pro-11 .text .desc li {
    font-size: 16px;
  }
  .disc-page .disc-7 .box .left {
    font-size: 20px;
  }
}
@media screen and (max-width: 1000px) {
  .disc-page .pro-2 .content dl dd {
    width: 50%;
    margin-bottom: 20px;
  }
  .diffuser-page .diffuser-4 .content .left {
    width: 100%;
  }
  .diffuser-page .diffuser-4 .content .middle {
    display: none;
  }
  .diffuser-page .diffuser-4 .content .right {
    width: 100%;
    margin-top: 2rem;
  }
  .disc-page .disc-1 .content .top .box .left {
    width: 100%;
  }
  .disc-page .disc-1 .content .top .box .right {
    width: 100%;
    padding: 2rem 0 0 0;
  }
  .disc-page .disc-1 .content .top .box .right .bottom img {
    width: 100%;
  }
  .disc-page .disc-1 .anniu .more {
    width: 160px;
  }
  .disc-page .disc-1 .anniu .mores {
    width: 188px;
  }
  .disc-page .disc-2 .content ul li {
    width: 50%;
    margin-bottom: 20px;
  }
  .disc-page .disc-6 .box .left {
    width: 100%;
  }
  .disc-page .disc-6 .box .right {
    width: 100%;
    padding: 2rem 0 0 0;
  }
  .disc-page .pro-11 .text {
    width: 100%;
  }
  .disc-page .pro-11 .img {
    width: 100%;
  }
}
@media screen and (max-width: 700px) {
  .disc-page .pro-2 .header .desc p,.disc-page .pro-2 .header .desc .nihaodiscdiffuser {
    font-size: 16px;
  }
  .disc-page .pro-2 .content dl dd {
    width: 100%;
  }
  .diffuser-page .diffuser-4 .content ul li h5 {
    font-size: 18px;
  }
  .disc-page .disc-1 .desc {
    padding: 0;
  }
  .disc-page .disc-1 .desc p {
    font-size: 16px;
  }
  .disc-page .disc-1 .content .top .box .left .table1 table tr {
    font-size: 18px;
  }
  .disc-page .disc-1 .content .top .box .left .table2 table tr {
    font-size: 18px;
  }
  .disc-page .disc-1 .anniu .more {
    margin-bottom: 10px;
  }
  .disc-page .disc-1 .anniu .mores {
    margin-bottom: 10px;
  }
  .disc-page .disc-2 p {
    padding: 0;
    font-size: 16px;
  }
  .disc-page .disc-3 {
    display: none;
  }
  .disc-page .disc-5 {
    display: none;
  }
  .disc-page .disc-6 .box .left .top li {
    width: 100%;
  }
  .disc-page .disc-6 .box .left .top li:nth-child(1) {
    width: 100%;
  }
  .disc-page .disc-6 .box .left .top li:nth-child(3) {
    width: 100%;
  }
  .disc-page .disc-6 .box .left .bottom {
    padding-right: 0;
  }
  .disc-page .disc-7 .box .left {
    font-size: 16px;
  }
}
@media screen and (max-width: 500px) {
  .diffuser-page .diffuser-8 .left{
    padding-right: 0;
  }
  .disc-page .pro-2 .header .desc p,.disc-page .pro-2 .header .desc .nihaodiscdiffuser {
    font-size: 14px;
  }
  .disc-page .disc-1 .desc p {
    font-size: 14px;
  }
  .disc-page .disc-2 p {
    font-size: 14px;
  }
  .product-page .more{
    width: 100%;
  }

  
  
  .product-page .more_2{
    margin-left: 0;
  }
  .product-page .more_c .more.more_2{
    margin-left: 0;
  }
  .product-page .pro-2 .content .desc{
    padding-right: 0;
  }
  .product-page .more_c .more.email{
    width: 100%;
  }

  .about-page .ab-3 .content .slick-arrow{
    background-size: contain;
    width: 30px;
    height: 30px;
  }
}
.submer-page .pro-2 .header .list {
  width: 79%;
  text-align: right;
  padding: 0 8rem 0 0;
}
.submer-page .pro-2 .info .img {
  width: 49.45%;
  vertical-align: middle;
}
.submer-page .pro-2 .info .img::after {
  display: none;
}
.submer-page .pro-2 .info .con {
  width: 50.55%;
  vertical-align: middle;
}
.submer-page .pro-2 .info .con .submermixerh h1{
  display: inline;
  font-size: inherit;
}

.submer-page .submer-1 {
  background-color: #f4f7fc;
  padding: 3.9rem 0 5.1rem;
}
.submer-page .submer-1 .header h3.title {
  margin-bottom: 2.4rem;
}
.submer-page .submer-1 .header h3.title::after {
  margin-left: -56px;
}
.submer-page .submer-1 .header p {
  font-size: 18px;
  line-height: 1.6;
  color: #3d3d3d;
  position: relative;
  padding-left: 14px;
}
.submer-page .submer-1 .header p::before {
  content: '';
  position: absolute;
  left: 0;
  top: 13px;
  width: 6px;
  height: 6px;
  background-color: #ffae01;
}
.submer-page .submer-1 .content {
  margin-top: 2.5rem;
}
.submer-page .submer-1 .content .img {
  vertical-align: middle;
  width: 43%;
}
.submer-page .submer-1 .content .text {
  vertical-align: middle;
  font-size: 18px;
  line-height: 1.5;
  color: #282828;
  width: 57%;
}
.submer-page .submer-1 .content .text p {
  position: relative;
  padding-left: 30px;
  margin-bottom: 1.9rem;
}
.submer-page .submer-1 .content .text p::before {
  content: '';
  position: absolute;
  top: 5px;
  left: 0;
  width: 14px;
  height: 19px;
  background: url(../images/tube-sd.png) no-repeat center center;
}
.submer-page .submer-1 .content .text p:last-child {
  margin-bottom: 0;
}
.submer-page .pro-3 h3 {
  width: 80%;
  margin: 0 auto;
}
.submer-page .submer-2 {
  padding: 5.4rem 0 4.75rem;
}
.submer-page .submer-2 .header p {
  font-size: 18px;
  line-height: 1.5;
  color: #707070;
  margin: 2.9rem 0 0 1.95rem;
  padding-left: 15px;
  position: relative;
}
.submer-page .submer-2 .header p::before {
  content: '';
  position: absolute;
  left: 0;
  top: 13px;
  width: 5px;
  height: 6px;
  background-color: #ffae01;
}
.submer-page .submer-2 .content {
  margin-top: 1.95rem;
  padding-left: 2.5rem;
}
.submer-page .submer-2 .content table {
  border-radius: 19px 19px 0px 0px;
  text-align: center;
}
.submer-page .submer-2 .content table tr {
  font-size: 16px;
  color: #666666;
}
.submer-page .submer-2 .content table tr:nth-child(1) {
  font-size: 17px;
  background-color: #00adde !important;
  color: #fff;
  font-family: 'SSB';
}
.submer-page .submer-2 .content table tr th {
  border: none;
}
.submer-page .submer-2 .content table tr:nth-child(even) {
  background: #ddf6fd;
}
.submer-page .submer-2 .content table tr:nth-child(1) {
  background: #fff;
}
.submer-page .submer-2 .content table td,
.submer-page .submer-2 .content table th {
  border: solid 1px #01365d;
  padding: 10px 10px;
}
.submer-page .submer-3 {
  background-color: #f4f7fc;
  padding: 2.9rem 0 4.45rem;
}
.submer-page .submer-3 .left .img {
  margin-top: 3.7rem;
}
.submer-page .submer-3 .right {
  text-align: center;
}
.submer-page .submer-3 .right h3 {
  font-size: 1.7rem;
  font-weight: bold;
  color: #333;
  line-height: 1.2;
}
.submer-page .submer-3 .right .img {
  margin-top: 2.65rem;
}
.submer-page .pro-6 table {
  margin-top: 4.35rem;
  border-radius: 19px;
  border: solid 1px #e0e0e0;
}
.submer-page .pro-6 table tr td {
  width: auto !important;
}
.submer-page .submer-4 {
  background-color: #f4f7fc;
  padding: 3.9rem 0 4.85rem;
}
.submer-page .submer-4 .content {
  margin-top: 2.55rem;
}
.submer-page .submer-4 .content .img {
  vertical-align: middle;
  width: 46%;
}
.submer-page .submer-4 .content .text {
  vertical-align: middle;
  width: 54%;
  padding-left: 1.6rem;
}
.submer-page .submer-4 .content .text li {
  font-size: 18px;
  color: #222222;
  line-height: 1.5;
  padding: 0 0 1.75rem 28px;
  position: relative;
}
.submer-page .submer-4 .content .text li:last-child {
  padding: 0 0 0 28px;
}
.submer-page .submer-4 .content .text li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 6px;
  width: 14px;
  height: 19px;
  background: url(../images/tube-sd.png) no-repeat;
}
.submer-page .submer-5 {
  padding: 4.3rem 0 6.3rem;
}
.submer-page .submer-5 .content {
  margin-top: 3.2rem;
}
.submer-page .submer-5 .content .img {
  vertical-align: middle;
  width: 54%;
  margin-left: -8%;
}
.submer-page .submer-5 .content .text {
  vertical-align: middle;
  width: 54%;
}
.submer-page .submer-5 .content .text li {
  font-size: 20px;
  line-height: 1.5;
  color: #222;
  position: relative;
  padding: 0 5.5rem 1.5rem 20px;
}
.submer-page .submer-5 .content .text li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 6px;
  width: 14px;
  height: 19px;
  background: url(../images/tube-sd.png) no-repeat;
}
.submer-page .submer-5 .content .text li:first-child {
  padding: 0 0 1.5rem 20px;
}
.submer-page .submer-5 .content .text li:last-child {
  padding: 0 5.5rem 0 20px;
}
@media screen and (max-width: 1000px) {
  .submer-page .pro-2 .info .img {
    width: 100%;
  }
  .submer-page .pro-2 .info .con {
    width: 100%;
  }
  .submer-page .submer-1 .content .img {
    width: 100%;
  }
  .submer-page .submer-1 .content .img img {
    width: 100%;
  }
  .submer-page .submer-1 .content .text {
    width: 100%;
    padding: 2rem 0 0 0;
  }
  .submer-page .submer-4 .content .img {
    width: 100%;
  }
  .submer-page .submer-4 .content .img img {
    width: 100%;
  }
  .submer-page .submer-4 .content .text {
    width: 100%;
    padding: 2rem 0 0 0;
  }
  .submer-page .submer-5 .content .text {
    width: 100%;
  }
  .submer-page .submer-5 .content .img {
    width: 100%;
    margin: 2rem 0 0 0;
  }
}
@media screen and (max-width: 700px) {
  .submer-page .submer-1 .header p {
    font-size: 16px;
  }
  .submer-page .submer-1 .content .text {
    font-size: 16px;
  }
  .submer-page .submer-2 .header p {
    margin: 2.95rem 0 0 0;
  }
  .submer-page .submer-2 .content {
    padding-left: 0;
  }
  .submer-page .submer-2 .header p {
    font-size: 16px;
  }
  .submer-page .submer-5 .content .text li {
    font-size: 16px;
    padding: 0 0 1.5rem 20px;
  }
  .submer-page .submer-3 .left {
    width: 100%;
  }
  .submer-page .submer-3 .right {
    width: 100%;
    padding-top: 2rem;
  }
  .submer-page .submer-4 .content .text li {
    font-size: 16px;
  }
  .submer-page .submer-5 .content .text li {
    font-size: 16px;
  }
}
.mbr-page .ui.container {
  max-width: 1510px;
  width: 100%;
}
.mbr-page .mbr-1 {
  padding: 5.3rem 0 2.5rem;
}
.mbr-page .mbr-1 .text {
  width: 55%;
  padding-right: 2%;
}
.mbr-page .mbr-1 .text .con {
  padding-top: 3.65rem;
  font-size: 18px;
  line-height: 1.6;
  color: #555;
}
.mbr-page .mbr-1 .text .con h1{
  display: inline;
  font-size: inherit;
}

.mbr-page .mbr-1 .text .con p,.mbr-page .mbr-1 .text .con .mbrmemh {
  margin-bottom: 2rem;
}
.mbr-page .mbr-1 .text .con p:last-child,.mbr-page .mbr-1 .text .con .mbrmemh:last-child {
  margin-bottom: 0;
}
.mbr-page .mbr-1 .text .con p::before,.mbr-page .mbr-1 .text .con .mbrmemh::before {
  content: '';
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #ffae01;
  display: inline-block;
  vertical-align: top;
  margin: 11px 6px 0 0;
}
.mbr-page .mbr-1 .img {
  width: 45%;
  text-align: right;
  padding-top: 2.3rem;
}
.mbr-page .mbr-2 {
  padding: 5rem 0 3.4rem;
}
.mbr-page .mbr-2 .box {
  margin-top: 4.8rem;
  margin-right: -5%;
}
.mbr-page .mbr-2 .box .left {
  width: 58%;
  vertical-align: middle;
}
.mbr-page .mbr-2 .box .right {
  width: 42%;
  text-align: right;
  vertical-align: middle;
}
.mbr-page .pro-3 h3 {
  width: 76%;
  margin: 0 auto;
}
.mbr-page .mbr-3 {
  padding: 6.7rem 0 4.65rem;
  background-color: #f4f7fc;
}
.mbr-page .mbr-3 .ui.container {
  max-width: 1484px;
  width: 100%;
}
.mbr-page .mbr-3 .top {
  padding-right: 6.3rem;
}
.mbr-page .mbr-3 .top .content {
  padding-top: 1.55rem;
}
.mbr-page .mbr-3 .top .content .text {
  padding-top: 2rem;
  padding-right: 5%;
}
.mbr-page .mbr-3 .top .content .text ul {
  padding-left: 8px;
}
.mbr-page .mbr-3 .top .content .text ul li {
  padding-left: 22px;
  position: relative;
  margin-bottom: 1.5rem;
}
.mbr-page .mbr-3 .top .content .text ul li h4 {
  font-size: 20px;
  color: #3c3c3c;
  line-height: 1.5;
  font-family: 'SSB';
}
.mbr-page .mbr-3 .top .content .text ul li p {
  font-size: 18px;
  line-height: 1.4;
  color: #4c4c4c;
}
.mbr-page .mbr-3 .top .content .text ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  width: 11px;
  height: 15px;
  background: url(../images/mbr-sd.png) no-repeat;
}
.mbr-page .mbr-3 .top .content .text ul li:last-child {
  margin-bottom: 0;
}
.mbr-page .mbr-3 .top .content .img {
  text-align: right;
}
.mbr-page .mbr-3 .bottom {
  margin-top: 1.85rem;
}
.mbr-page .mbr-3 .bottom ul {
  margin-right: -1.3rem;
}
.mbr-page .mbr-3 .bottom ul li {
  padding-right: 1.3rem;
}
.mbr-page .mbr-3 .bottom ul li .img img {
  width: 100%;
}
.mbr-page .mbr-3 .bottom ul li .text {
  padding: 1.85rem 1.6rem 0 0;
}
.mbr-page .mbr-3 .bottom ul li .text h3 {
  font-size: 16px;
  color: #393939;
  font-weight: bold;
  line-height: 1.8;
  padding-left: 1.25rem;
}
.mbr-page .mbr-3 .bottom ul li .text .con {
  font-size: 16px;
  color: #313131;
  line-height: 1.3;
  margin-top: 0.95rem;
}
.mbr-page .mbr-3 .bottom ul li .text .con p {
  position: relative;
  margin-bottom: 13px;
  padding-left: 1.25rem;
}
.mbr-page .mbr-3 .bottom ul li .text .con p::before {
  content: '';
  width: 5px;
  height: 5px;
  background-color: #ffae01;
  position: absolute;
  top: 8px;
  left: 0;
}
.mbr-page .mbr-3 .bottom ul li .text .con p:last-child {
  margin-bottom: 0;
}
/*.mbr-page .mbr-3 .bottom ul li:nth-child(2) .text .con {
  max-height: 100px;
  overflow: auto;
}*/
.mbr-page .mbr-3 .bottom ul li:nth-child(2) .text .con::-webkit-scrollbar-thumb {
  background: #00aced;
}
.mbr-page .mbr-3 .bottom ul li:nth-child(4) .text .con {
  max-height: 80px;
  overflow: auto;
}
.mbr-page .mbr-3 .bottom ul li:nth-child(4) .text .con::-webkit-scrollbar-thumb {
  background: #00aced;
}
.mbr-page .mbr-4 {
  padding: 5.7rem 0 5.4rem;
}
.mbr-page .mbr-4 .ui.container {
  max-width: 1411px;
  width: 100%;
}
.mbr-page .mbr-4 .top .imgs {
  margin-top: 4.7rem;
}
.mbr-page .mbr-4 .top .table {
  margin-top: 2.75rem;
  text-align: center;
  margin-bottom: 2.15rem;
}
.mbr-page .mbr-4 .top .table table {
  border-radius: 19px 19px 0 0;
}
.mbr-page .mbr-4 .top .table table tr {
  font-size: 18px;
  color: #666;
}
.mbr-page .mbr-4 .top .table tr:nth-child(2n){
  background: #fff;
}
.mbr-page .mbr-4 .top .table tr:nth-child(2n-1){
  background: #ddf6fd;
}
.mbr-page .mbr-4 .top .table tr th{
  border: 1px solid #00aced;
  font-size: 20px;
  background: #00adde;
  color: #fff;
  padding: 18px 10px;
}
.mbr-page .mbr-4 .top .table tr td{
  padding: 10px;
  border: none;
  border-bottom: 1px solid #557f9a;
  border-right: 1px solid #557f9a;
}
.mbr-page .mbr-4 .top .table tr td p::before{
  display: none;
}
.mbr-page .mbr-4 .top .table tr td:nth-child(1){
  border-left: 1px solid #557f9a;
}

.mbr-page .mbr-4 .top .table tr td:nth-child(2){
  border-right: 0;
}

.mbr-page .mbr-4 .top .table tr td:nth-child(3){
  border-right: 0;
}


.mbr-page .mbr-4 p {
  font-size: 20px;
  font-family: 'SSB';
  color: #7b7b7b;
  font-style: italic;
  line-height: 1.7;
  padding-left: 10px;
  position: relative;
}
.mbr-page .mbr-4 p::before {
  content: '';
  position: absolute;
  left: 0;
  top: 15px;
  width: 5px;
  height: 6px;
  background-color: #ffae01;
}
.mbr-page .mbr-4 .bottom {
  margin-top: 5.6rem;
}
.mbr-page .mbr-4 .bottom .table {
  margin-top: 4.5rem;
  margin-bottom: 3.1rem;
}
.mbr-page .mbr-4 .bottom .table table {
  border-radius: 19px 19px 0 0;
  border: 1px solid rgba(195, 195, 195, 0.55);
  text-align: center;
}
.mbr-page .mbr-4 .bottom .table table tr {
  font-size: 18px;
  color: #666;
}
.mbr-page .mbr-4 .bottom .table table tr:nth-child(1) {
  font-size: 20px;
}
.mbr-page .mbr-4 .bottom .table table tr td:nth-child(1),
.mbr-page .mbr-4 .bottom .table table tr th:nth-child(1) {
  width: 230px !important;
}
.mbr-page .mbr-4 .bottom .table table tr td:nth-child(2),
.mbr-page .mbr-4 .bottom .table table tr th:nth-child(2) {
  width: 368px !important;
}
.mbr-page .mbr-4 .bottom .table table tr td:nth-child(3),
.mbr-page .mbr-4 .bottom .table table tr th:nth-child(3) {
  width: 521px !important;
}
.mbr-page .mbr-4 .bottom .table table tr td:nth-child(4),
.mbr-page .mbr-4 .bottom .table table tr th:nth-child(4) {
  width: 215px !important;
}
.mbr-page .mbr-4 .bottom .table table tr:nth-child(even) {
  background: #ddf6fd;
}
.mbr-page .mbr-4 .bottom .table table tr:nth-child(7),
.mbr-page .mbr-4 .bottom .table table tr:nth-child(8) {
  text-align: left;
}
.mbr-page .mbr-4 .bottom .table table tr:nth-child(7) td,
.mbr-page .mbr-4 .bottom .table table tr:nth-child(8) td {
  padding: 15px 0;
}
.mbr-page .mbr-4 .bottom .table table td,
.mbr-page .mbr-4 .bottom .table table th {
  border: none;
}
.mbr-page .mbr-5 {
  padding: 7.9rem 0 9.2rem;
}
.mbr-page .mbr-5 .left {
  width: 36.3%;
}
.mbr-page .mbr-5 .left .top {
  padding: 5.25rem 1.8rem 0 0;
}
.mbr-page .mbr-5 .left .top ul {
  margin-right: -0.9rem;
}
.mbr-page .mbr-5 .left .top ul li {
  padding-right: 0.9rem;
}
.mbr-page .mbr-5 .left .top ul li img {
  width: 100%;
}
.mbr-page .mbr-5 .left .top .img {
  margin-top: 1.1rem;
}
.mbr-page .mbr-5 .left .top .img img {
  width: 100%;
}
.mbr-page .mbr-5 .left .bottom {
  margin-top: 2.75rem;
}
.mbr-page .mbr-5 .left .bottom table {
  font-size: 16px;
  color: #303030;
  font-family: 'SSB';
  box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.06);
}
.mbr-page .mbr-5 .left .bottom table tbody {
  min-width: 537px;
}
.mbr-page .mbr-5 .left .bottom table td,
.mbr-page .mbr-5 .left .bottom table th {
  padding: 16px 29px;
  border: none;
}
.mbr-page .mbr-5 .left .bottom table tr:nth-child(odd) {
  background: #fff2d6;
}
.mbr-page .mbr-5 .left .bottom table tr:nth-child(even) {
  background: #fff;
}
.mbr-page .mbr-5 .left .bottom table tr:nth-child(1) td:nth-child(odd),
.mbr-page .mbr-5 .left .bottom table tr:nth-child(2) td:nth-child(odd),
.mbr-page .mbr-5 .left .bottom table tr:nth-child(3) td:nth-child(odd) {
  border-right: 1px solid #353535;
}
.mbr-page .mbr-5 .right {
  width: 63.7%;
  padding-left: 3.35rem;
}
.mbr-page .mbr-5 .right h3.title {
  text-align: center;
}
.mbr-page .mbr-5 .right h3.title::after {
  display: none;
}
.mbr-page .mbr-5 .right table {
  margin-top: 2.6rem;
  text-align: center;
  box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.05);
}
.mbr-page .mbr-5 .right table tr {
  font-size: 16px;
  line-height: 1;
  color: #353535;
  font-family: 'SSB';
}
.mbr-page .mbr-5 .right table tr:nth-child(1),
.mbr-page .mbr-5 .right table tr:nth-child(2) {
  font-size: 19px;
  color: #fff;
  background-color: #00adde !important;
}
.mbr-page .mbr-5 .right table tr:nth-child(1) th,
.mbr-page .mbr-5 .right table tr:nth-child(2) th {
  position: relative;
}
.mbr-page .mbr-5 .right table tr:nth-child(1) th:nth-child(4)::after,
.mbr-page .mbr-5 .right table tr:nth-child(2) th:nth-child(4)::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 3px;
  height: 100%;
  background-color: #f2f2f2;
}
.mbr-page .mbr-5 .right table tr:nth-child(1) th:nth-child(5)::after {
  content: '';
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #f2f2f2;
}
.mbr-page .mbr-5 .right table tr:nth-child(2) th:nth-child(1)::after,
.mbr-page .mbr-5 .right table tr:nth-child(2) th:nth-child(2)::after,
.mbr-page .mbr-5 .right table tr:nth-child(2) th:nth-child(3)::after,
.mbr-page .mbr-5 .right table tr:nth-child(2) th:nth-child(4)::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 3px;
  height: 100%;
  background-color: #f2f2f2;
}
.mbr-page .mbr-5 .right table tr:last-child td:nth-child(1) {
  text-align: left;
  padding: 18px 0 15px 2.2rem;
}
.mbr-page .mbr-5 .right table tr:last-child td:nth-child(2) {
  text-align: right;
  padding: 18px 2.2rem 15px 0;
}
.mbr-page .mbr-5 .right table tr:nth-child(even) {
  background: #fff;
}
.mbr-page .mbr-5 .right table tr:nth-child(even) td:nth-child(1),
.mbr-page .mbr-5 .right table tr:nth-child(even) td:nth-child(2),
.mbr-page .mbr-5 .right table tr:nth-child(even) td:nth-child(3),
.mbr-page .mbr-5 .right table tr:nth-child(even) td:nth-child(4) {
  background: #cef4ff;
}
.mbr-page .mbr-5 .right table tr:nth-child(even) td:nth-child(5),
.mbr-page .mbr-5 .right table tr:nth-child(even) td:nth-child(6),
.mbr-page .mbr-5 .right table tr:nth-child(even) td:nth-child(7),
.mbr-page .mbr-5 .right table tr:nth-child(even) td:nth-child(8),
.mbr-page .mbr-5 .right table tr:nth-child(even) td:nth-child(9) {
  background-color: #ffefcc;
}
.mbr-page .mbr-5 .right table td,
.mbr-page .mbr-5 .right table th {
  border: none;
  padding: 10px 10px;
}
.mbr-page .mbr-5 .right table td:nth-child(1),
.mbr-page .mbr-5 .right table th:nth-child(1) {
  width: 54px !important;
}
.mbr-page .mbr-5 .right table td:nth-child(2),
.mbr-page .mbr-5 .right table th:nth-child(2) {
  width: 120px !important;
}
.mbr-page .mbr-5 .right table td:nth-child(3),
.mbr-page .mbr-5 .right table th:nth-child(3) {
  width: 88px !important;
}
.mbr-page .mbr-5 .right table td:nth-child(4),
.mbr-page .mbr-5 .right table th:nth-child(4) {
  width: 170px !important;
}
.mbr-page .mbr-5 .right table td:nth-child(5),
.mbr-page .mbr-5 .right table th:nth-child(5),
.mbr-page .mbr-5 .right table td:nth-child(6),
.mbr-page .mbr-5 .right table th:nth-child(6),
.mbr-page .mbr-5 .right table td:nth-child(7),
.mbr-page .mbr-5 .right table th:nth-child(7),
.mbr-page .mbr-5 .right table td:nth-child(8),
.mbr-page .mbr-5 .right table th:nth-child(8),
.mbr-page .mbr-5 .right table td:nth-child(9),
.mbr-page .mbr-5 .right table th:nth-child(9) {
  width: 94px !important;
}
.mbr-page .mbr-6 {
  background-color: #f4f7fc;
  padding: 5.55rem 0 3.35rem;
}
.mbr-page .mbr-6 .top .box {
  margin-top: 2.85rem;
}
.mbr-page .mbr-6 .top .box .text {
  margin-top: 12px;
  font-size: 20px;
  color: #202020;
  line-height: 2;
}
.mbr-page .mbr-6 .top .box .img {
  text-align: right;
}
.mbr-page .mbr-6 .bottom {
  margin-top: 7.15rem;
}
.mbr-page .mbr-6 .bottom ul {
  margin: 4.4rem -2.85rem 0 0;
}
.mbr-page .mbr-6 .bottom ul li {
  padding-right: 2.85rem;
}
.mbr-page .mbr-6 .bottom ul li .box {
  background-color: #ffffff;
  border-radius: 0px;
  padding: 2rem 0.9rem 1.7rem 18px;
  font-size: 16px;
  color: #414141;
  line-height: 1.7;
}
.mbr-page .mbr-6 .bottom ul li .box p {
  padding-left: 25px;
  position: relative;
  padding-right: 1.4rem;
}
.mbr-page .mbr-6 .bottom ul li .box p::before {
  content: '';
  width: 11px;
  height: 15px;
  background: url(../images/mbr-sd.png) no-repeat;
  position: absolute;
  left: 0;
  top: 5px;
}
.mbr-page .mbr-6 .bottom ul li .box p::-webkit-scrollbar-thumb {
  background: #00adde;
}
.mbr-page .mbr-7 {
  padding: 4.6rem 0 7rem;
}
.mbr-page .mbr-7 h3.title {
  padding-left: 26px;
}
.mbr-page .mbr-7 ul {
  margin-top: 3.7rem;
  width: 60.41%;
}
.mbr-page .mbr-7 ul li {
  margin-bottom: 23px;
}
.mbr-page .mbr-7 ul li h4 {
  background-color: #f7f7f7;
  padding: 21px 23px;
  font-size: 24px;
  color: #393939;
  font-family: 'SSB';
}
.mbr-page .mbr-7 ul li h4 em {
  color: #00adde;
  margin-right: 12px;
}
.mbr-page .mbr-7 ul li .con {
  border: solid 1px #e7e7e7;
  font-size: 18px;
  color: #3e3e3e;
  line-height: 1.4;
  padding: 18px 3rem;
  display: none;
}
.mbr-page .mbr-7 ul li:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 1200px) {
  .mbr-page .mbr-6 .top .box .text {
    font-size: 18px;
    line-height: 1.6;
  }
  .mbr-page .mbr-6 .bottom ul {
    margin: 4.4rem -1.85rem 0 0;
  }
  .mbr-page .mbr-6 .bottom ul li {
    padding-right: 1.85rem;
  }
  .mbr-page .mbr-7 ul {
    width: 72%;
  }
  .mbr-page .mbr-7 ul li h4 {
    font-size: 22px;
  }
}
@media screen and (max-width: 1000px) {
  .mbr-page .mbr-1 .text {
    width: 100%;
  }
  .mbr-page .mbr-1 .img {
    width: 100%;
    padding: 2rem 0 0 0;
    text-align: left;
  }
  .mbr-page .mbr-3 .top {
    padding-right: 0;
  }
  .mbr-page .mbr-3 .top .content .text {
    width: 100%;
    padding-right: 0;
  }
  .mbr-page .mbr-3 .top .content .img {
    width: 100%;
    text-align: center;
  }
  .mbr-page .mbr-3 .bottom ul li {
    width: 50%;
    margin-bottom: 20px;
  }
  .mbr-page .mbr-5 .left {
    width: 100%;
  }
  .mbr-page .mbr-5 .right {
    padding: 20px 0 0 0;
    width: 100%;
  }
  .mbr-page .mbr-6 .top .box .text {
    width: 100%;
  }
  .mbr-page .mbr-6 .top .box .img {
    width: 100%;
    padding: 20px 0 0 0;
    text-align: center;
  }
  .mbr-page .mbr-6 .bottom ul li {
    width: 50%;
    margin-bottom: 20px;
  }
  .mbr-page .mbr-7 ul {
    width: 90%;
  }
}
@media screen and (max-width: 700px) {
  .mbr-page .mbr-1 .text .con {
    font-size: 16px;
  }
  .mbr-page .mbr-3 .top .content .text ul li h4 {
    font-size: 18px;
  }
  .mbr-page .mbr-3 .top .content .text ul li p {
    font-size: 16px;
  }
  .mbr-page .mbr-3 .bottom {
    display: none;
  }
  .mbr-page .mbr-4 .top .table table tr:nth-child(1) {
    font-size: 18px;
  }
  .mbr-page .mbr-4 .top .table table tr {
    font-size: 16px;
  }
  .mbr-page .mbr-4 p {
    font-size: 16px;
  }
  .mbr-page .mbr-4 .bottom .table table tr:nth-child(1) {
    font-size: 18px;
  }
  .mbr-page .mbr-4 .bottom .table table tr {
    font-size: 16px;
  }
  .mbr-page .mbr-5 {
    padding: 20px 0;
  }
  .mbr-page .mbr-5 .left .top {
    display: none;
  }
  .mbr-page .mbr-6 .top .box {
    margin-top: 0;
  }
  .mbr-page .mbr-6 .top .box .text {
    font-size: 16px;
  }
  .mbr-page .mbr-6 .bottom ul {
    margin: 20px 0 0 0;
  }
  .mbr-page .mbr-6 .bottom ul li {
    width: 100%;
    padding-right: 0;
  }
  .mbr-page .mbr-7 ul {
    width: 100%;
  }
  .mbr-page .mbr-7 ul li h4 {
    font-size: 18px;
    padding: 10px;
  }
  .mbr-page .mbr-7 ul li .con {
    font-size: 16px;
    padding: 18px 10px;
  }
}
.hose-page .ui.container {
  max-width: 1492px;
  width: 100%;
}
.hose-page .hose-1 {
  padding: 5.35rem 0 5.25rem;
}
.hose-page .hose-1 .box {
  margin-top: 1.9rem;
}
.hose-page .hose-1 .box .text,.hose-page .hose-1 .box .text .aerationhoseh {
  padding-top: 1.8rem;
  font-size: 18px;
  color: #2a2a2a;
  line-height: 1.7;
}
.hose-page .hose-1 .box .text .aerationhoseh h1{
  display: inline;
  font-size: inherit;
}
.hose-page .hose-1 .box .img {
  text-align: right;
}
.hose-page .hose-2 {
  padding: 5.95rem 0 5.25rem;
}
.hose-page .hose-2 .header {
  display: flex;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-justify-content: space-between;
  -moz-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.hose-page .hose-2 .header .more {
  margin: 0;
}
.hose-page .hose-2 .content {
  margin-top: 3.5rem;
}
.hose-page .hose-2 .content ul {
  margin-right: -2.85rem;
}
.hose-page .hose-2 .content ul li {
  padding-right: 2.85rem;
}
.hose-page .hose-2 .content ul li .box {
  padding: 1.9rem 18px 1.8rem;
  background-color: #f2f2f2;
  font-size: 16px;
  color: #414141;
  line-height: 1.7;
}
.hose-page .hose-2 .content ul li .box p {
  position: relative;
  padding-left: 25px;
  padding-right: 23px;
  /*max-height: 184px;
  overflow: auto;*/
}
.hose-page .hose-2 .content ul li .box p::before {
  content: '';
  position: absolute;
  top: 6px;
  left: 0;
  width: 11px;
  height: 15px;
  background: url(../images/mbr-sd.png) no-repeat;
}
.hose-page .hose-2 .content ul li .box p::-webkit-scrollbar-thumb {
  background: #00adde;
}
.hose-page .hose-3 {
  background-color: #f4f7fc;
  padding: 4.8rem 0 3.7rem;
}
.hose-page .hose-3 h3.title {
  margin-bottom: 3.5rem;
}
.hose-page .hose-3 p {
  font-size: 20px;
  line-height: 1.6;
  color: #2a2a2a;
}
.hose-page .pro-11 {
  padding: 4.6rem 0 5.7rem;
}
.hose-page .pro-11 .box {
  margin-top: 4.75rem;
}
.hose-page .pro-11 .box .text {
  vertical-align: middle;
  padding-left: 2.55rem;
  width: 30%;
}
.hose-page .pro-11 .box .text .desc {
  margin-top: 0;
}
.hose-page .pro-11 .box .img {
  vertical-align: middle;
  width: 70%;
  margin-right: 0;
}
.hose-page .pro-11 .box .img ul {
  margin-right: -1.35rem;
}
.hose-page .pro-11 .box .img ul li {
  padding-right: 1.35rem;
}
.hose-page .pro-11 .box .img ul li img {
  width: 100%;
}
.hose-page .hose-4 {
  padding: 4.1rem 0 4.6rem;
  background-color: #f4f7fc;
}
.hose-page .hose-4 .top {
  padding: 3.35rem 2.8rem 0 1.45rem;
}
.hose-page .hose-4 .top table {
  background: #f4f7fc;
  text-align: center;
}

.hose-page .hose-4 .top table tbody{
  background: #f4f7fc;
}

.hose-page .hose-4 .top table tr {
  font-size: 18px;
  color: #303030;
}

.hose-page .hose-4 .top table tr th:first-child{
    border-top-left-radius: 20px;
}
.hose-page .hose-4 .top table tr th:last-child{
  border-top-right-radius: 20px;
}
.hose-page .hose-4 .top table tr:nth-child(1) {
  background-color: #00adde !important;
  color: #fff;
  font-size: 24px;
}
.hose-page .hose-4 .top table tr:nth-child(3) td:nth-child(3),
.hose-page .hose-4 .top table tr:nth-child(3) td:nth-child(4){
  background: #fff7e5;
}
.hose-page .hose-4 .top table tr:nth-child(5) td:nth-child(2),
.hose-page .hose-4 .top table tr:nth-child(6) td:nth-child(2),
.hose-page .hose-4 .top table tr:nth-child(7) td:nth-child(2),
.hose-page .hose-4 .top table tr:nth-child(8) td:nth-child(2){
  text-align: left;
}
.hose-page .hose-4 .top table tr:nth-child(even) {
  background: #fff;
}
.hose-page .hose-4 .top table tr:nth-child(odd) {
  background-color: #ddf6fd;
}

.hose-page .hose-4 .top table tr th,
.hose-page .hose-4 .top table tr td {
  border: none;
  padding: 12px 21px;
}
.hose-page .hose-4 .top table tr th{
  border: 1px solid rgba(0, 0, 0, 0);
}
.hose-page .hose-4 .top table tr td{
  border-right: 1px solid #557f9a;
  border-bottom: 1px solid #557f9a;
}
.hose-page .hose-4 .top table tr td:first-child{
  border-left: 1px solid #557f9a;
}
.hose-page .hose-4 .bottom {
  padding: 3.5rem 2.8rem 0 1.45rem;
}
.hose-page .hose-4 .bottom table {
  box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.05);
}
.hose-page .hose-4 .bottom table tr {
  font-size: 20px;
  color: #303030;
  font-family: 'SSB';
  text-align: center;
}
.hose-page .hose-4 .bottom table tr:nth-child(1) {
  background-color: #ffae01 !important;
  color: #fff;
  font-size: 24px;
}
.hose-page .hose-4 .bottom table tr:nth-child(even) {
  background: #fff;
}
.hose-page .hose-4 .bottom table tr:nth-child(odd) {
  background-color: #fff7e5;
}
.hose-page .hose-4 .bottom table tr th {
  position: relative;
}
.hose-page .hose-4 .bottom table tr th::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 2px;
  height: 100%;
  background: #f2f2f2;
}
.hose-page .hose-4 .bottom table tr th:last-child::after {
  display: none;
}
.hose-page .hose-4 .bottom table tr th,
.hose-page .hose-4 .bottom table tr td {
  border: none;
  padding: 12px 21px;
  width: 254px !important;
}
.hose-page .hose-5 {
  padding: 5rem 0;
}
.hose-page .hose-5 .top .box {
  margin-top: 3.25rem;
}
.hose-page .hose-5 .top .box .left {
  font-size: 18px;
  line-height: 1.4;
  color: #262626;
  padding-right: 11%;
}
.hose-page .hose-5 .top .box .left li {
  margin-bottom: 1.15rem;
  position: relative;
  padding-left: 15px;
}
.hose-page .hose-5 .top .box .left li:last-child {
  margin-bottom: 0;
}
.hose-page .hose-5 .top .box .left li::after {
  content: '';
  position: absolute;
  top: 10px;
  left: 0;
  width: 5px;
  height: 5px;
  background-color: #ffae01;
}
.hose-page .hose-5 .top .box .right ul {
  margin-right: -2.5rem;
}
.hose-page .hose-5 .top .box .right ul li {
  padding-right: 2.5rem;
}
.hose-page .hose-5 .top .box .right ul li img {
  width: 100%;
  box-shadow: 0px 3px 9px 1px rgba(0, 0, 0, 0.1);
}
.hose-page .hose-5 .bottom {
  margin-top: 7rem;
}
.hose-page .hose-5 .bottom .content {
  margin-top: 5.95rem;
}
.hose-page .hose-5 .bottom .content ul {
  margin-right: -1.25rem;
}
.hose-page .hose-5 .bottom .content ul .slick-track {
  margin: 0;
}
.hose-page .hose-5 .bottom .content ul li {
  padding-right: 1.25rem;
}
.hose-page .hose-5 .bottom .content ul li img {
  width: 100%;
  box-shadow: 0px 5px 9px 1px rgba(0, 0, 0, 0.09);
}
.hose-page .hose-5 .bottom .content ul li p {
  text-align: center;
  font-size: 20px;
  color: #272727;
  line-height: 1.4;
  font-family: 'SSB';
  padding-top: 1.35rem;
}
@media screen and (max-width: 1280px) {
  .hose-page .hose-5 .top .box .left {
    padding-right: 6%;
  }
  .hose-page .hose-1 .box .text,.hose-page .hose-1 .box .text .aerationhoseh {
    padding-right: 2%;
  }
  .hose-page .hose-2 .content ul {
    margin-right: -1.5rem;
  }
  .hose-page .hose-2 .content ul li {
    padding-right: 1.5rem;
  }
  .hose-page .hose-2 .content ul li .box p {
    padding-right: 20px;
  }
}
@media screen and (max-width: 1000px) {
  .hose-page .hose-1 .box .text,.hose-page .hose-1 .box .text .aerationhoseh {
    width: 100%;
    padding-right: 0;
  }
  .hose-page .hose-1 .box .img {
    width: 100%;
    padding-top: 20px;
  }
  .hose-page .hose-2 .content ul li .box {
    padding: 1.9rem 10px 1.8rem;
  }
  .hose-page .hose-2 .content ul li .box p {
    padding-right: 10px;
  }
  .hose-page .pro-11 .box .text {
    width: 100%;
    padding-left: 0;
  }
  .hose-page .hose-5 .top .box .left {
    width: 100%;
    padding-right: 0;
  }
  .hose-page .hose-5 .top .box .right {
    width: 100%;
    padding-top: 20px;
  }
  .product-page .pro-10 .content .right {
    padding-left: 0;
  }
}
@media screen and (max-width: 700px) {
  .hose-page .hose-1 .box .text,.hose-page .hose-1 .box .text .aerationhoseh {
    font-size: 16px;
  }
  .hose-page .hose-3 p {
    font-size: 16px;
  }
  .hose-page .hose-5 .top .box .right {
    display: none;
  }
  .hose-page .hose-4 .top {
    padding: 3.35rem 0 0 0;
  }
  .hose-page .hose-4 .bottom {
    padding: 3.5rem 0 0 0;
  }
}
.daf-page .ui.container {
  max-width: 1508px;
  width: 100%;
}
.daf-page .pro-2 {
  padding: 4.7rem 0 5.05rem;
}
.daf-page .pro-2 .header .list {
  padding-left: 7.3rem;
}
.daf-page .pro-2 .box {
  margin-top: 4.35rem;
}
.daf-page .pro-2 .box .left {
  font-size: 20px;
  color: #323232;
  line-height: 1.5;
  width: 45%;
  padding-right: 2%;
}
.daf-page .pro-2 .box .left h1{
  display: inline;
  font-size: inherit;
}
.daf-page .pro-2 .box .right {
  width: 55%;
  padding-left: 2%;
}
.daf-page .pro-2 .box .right ul {
  margin-right: -20px;
}
.daf-page .pro-2 .box .right ul li {
  padding-right: 20px;
}
.daf-page .daf-1 {
  padding: 3.5rem 0 3.65rem;
  background-color: #f4f7fc;
}
.daf-page .daf-1 .box {
  margin-top: 3.4rem;
}
.daf-page .daf-1 .box p {
  font-size: 18px;
  color: #2c2c2c;
  line-height: 1.4;
  margin-bottom: 1.5rem;
  padding-left: 20px;
  position: relative;
}
.daf-page .daf-1 .box p:last-child {
  margin-bottom: 0;
}
.daf-page .daf-1 .box p::before {
  content: '';
  position: absolute;
  width: 9px;
  height: 13px;
  background: url(../images/daf-sd.png) no-repeat;
  left: 0;
  top: 6px;
}
.daf-page .daf-1 .box dl {
  font-size: 16px;
  color: #1d1d1d;
  line-height: 1.5;
  margin-top: 20px;
  padding-left: 17px;
}
.daf-page .daf-1 .box dl dd {
  position: relative;
  padding-left: 10px;
}
.daf-page .daf-1 .box dl dd::before {
  content: '';
  width: 4px;
  height: 4px;
  background-color: #ffae01;
  position: absolute;
  top: 10px;
  left: 0;
}
.daf-page .daf-1 .box .left {
  vertical-align: middle;
  padding-left: 7px;
  width: 30%;
}
.daf-page .daf-1 .box .middle {
  vertical-align: middle;
  width: 40%;
  text-align: center;
}
.daf-page .daf-1 .box .right {
  vertical-align: middle;
  width: 30%;
}
.daf-page .daf-2 {
  padding: 4.6rem 0;
}
.daf-page .daf-2 .box {
  margin-top: 3.8rem;
}
.daf-page .daf-2 .box .img {
  width: 37.5%;
  vertical-align: middle;
  padding-left: 1.3%;
}
.daf-page .daf-2 .box .text {
  width: 62.5%;
  padding-left: 2.5rem;
  vertical-align: middle;
}
.daf-page .daf-2 .box .text h4 {
  font-size: 19px;
  color: #2f2f2f;
  font-family: 'SSB';
  line-height: 1.3;
  margin: 15px 0 26px;
}
.daf-page .daf-2 .box .text ul {
  padding-left: 9px;
}
.daf-page .daf-2 .box .text ul li {
  padding-left: 19px;
  font-size: 19px;
  color: #2f2f2f;
  line-height: 1.4;
  position: relative;
  margin-bottom: 2px;
}
.daf-page .daf-2 .box .text ul li::before {
  content: '';
  position: absolute;
  top: 10px;
  left: 0;
  width: 5px;
  height: 6px;
  background-color: #ffae01;
}
.daf-page .daf-2 .box .text ul li:last-child {
  margin-bottom: 0;
}
.daf-page .daf-3 {
  background-color: #f4f7fc;
  padding: 3.45rem 0 4.1rem;
}
.daf-page .daf-3 .table {
  padding: 3.5rem 7.75rem 0 5.6rem;
}
.daf-page .daf-3 .table table {
  box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.05);
}
.daf-page .daf-3 .table table tr {
  text-align: center;
  color: #373737;
  font-size: 18px;
  line-height: 1.2;
  font-family: 'SSB';
}
.daf-page .daf-3 .table table tr:nth-child(1) {
  background-color: #00adde !important;
  color: #fff;
}
.daf-page .daf-3 .table table tr:nth-child(odd) {
  background-color: #fff;
}
.daf-page .daf-3 .table table tr:nth-child(even) {
  background-color: #ddf6fd;
}
.daf-page .daf-3 .table table td,
.daf-page .daf-3 .table table th {
  border: none;
  padding: 12px 10px;
}
.daf-page .daf-3 .table table td:nth-child(1),
.daf-page .daf-3 .table table th:nth-child(1) {
  width: 130px !important;
}
.daf-page .daf-3 .table table td:nth-child(2),
.daf-page .daf-3 .table table th:nth-child(2) {
  width: 210px !important;
}
.daf-page .daf-3 .table table td:nth-child(3),
.daf-page .daf-3 .table table th:nth-child(3) {
  width: 210px !important;
}
.daf-page .daf-3 .table table td:nth-child(4),
.daf-page .daf-3 .table table th:nth-child(4) {
  width: 210px !important;
}
.daf-page .daf-3 .table table td:nth-child(5),
.daf-page .daf-3 .table table th:nth-child(5) {
  width: 210px !important;
}
.daf-page .daf-3 .table table td:nth-child(6),
.daf-page .daf-3 .table table th:nth-child(6) {
  width: 220px !important;
}
.daf-page .daf-4 {
  padding: 4.5rem 0 4.75rem;
}
.daf-page .daf-4 .box {
  margin-top: 3.75rem;
}
.daf-page .daf-4 .box .img {
  padding-left: 2.05rem;
  vertical-align: middle;
}
.daf-page .daf-4 .box .text {
  vertical-align: middle;
}
.daf-page .daf-4 .box .text h4 {
  font-size: 26px;
  color: #ffae01;
  font-weight: bold;
  line-height: 1.3;
}
.daf-page .daf-4 .box .text p {
  font-size: 24px;
  color: #1e1e1e;
  line-height: 1.5;
  margin-top: 22px;
}
.daf-page .daf-5 {
  padding: 3.35rem 0 3.4rem;
  background-color: #f4f7fc;
}
.daf-page .daf-5 ul {
  padding: 2.7rem 0 0 16px;
}
.daf-page .daf-5 ul li {
  padding-left: 12px;
  position: relative;
  font-size: 18px;
  color: #1e1e1e;
  line-height: 1.6;
}
.daf-page .daf-5 ul li::before {
  content: '';
  width: 5px;
  height: 5px;
  background-color: #ffae01;
  position: absolute;
  left: 0;
  top: 12px;
}
.daf-page .daf-5 .content {
  padding-left: 0;
  text-align: center;
}
.daf-page .daf-5 .content h4 {
  font-size: 1.5rem;
  line-height: 1;
  color: #ffae01;
  font-weight: bold;
}
.daf-page .daf-5 .content .top {
  margin-top: 2.25rem;
}
.daf-page .daf-5 .content .bottom {
  margin-top: 2.45rem;
}
.daf-page .daf-5 .content ul {
  padding: 0;
  margin-right: -2rem;
}
.daf-page .daf-5 .content ul li {
  padding: 0 2rem 0 0;
}
.daf-page .daf-5 .content ul li::before {
  display: none;
}
.daf-page .daf-5 .content ul li img {
  width: 100%;
}
.daf-page .daf-5 .content ul li p {
  font-size: 20px;
  color: #00adde;
  line-height: 1.4;
  font-weight: bold;
  margin-top: 1.35rem;
}
.daf-page .daf-6 {
  padding: 4.3rem 0;
}
.daf-page .daf-6 .year-list {
  position: relative;
  margin-top: 3.9rem;
  margin-bottom: 4rem;
}
.daf-page .daf-6 .year-list ul {
  position: relative;
  z-index: 1;
  margin-right: -2.45rem;
}
.daf-page .daf-6 .year-list ul::after {
  border-top: 1px solid #212121;
  content: '';
  width: 94%;
  position: absolute;
  top: 20px;
  left: 33px;
  z-index: -1;
}
.daf-page .daf-6 .year-list ul .slick-current li * {
  opacity: 1;
}
.daf-page .daf-6 .year-list ul li {
  padding-top: 10px;
  padding-right: 2.45rem;
}
.daf-page .daf-6 .year-list ul li * {
  opacity: 1;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
}
.daf-page .daf-6 .year-list ul li i {
  width: 18px;
  height: 18px;
  border-radius: 100%;
  background-color: #00adde;
  border: 5px solid #00adde;
  display: block;
  margin: 0 auto;
  opacity: 1;
  position: relative;
}
.daf-page .daf-6 .year-list ul li i::after {
  position: absolute;
  z-index: 1;
  content: '';
  left: -10px;
  right: -10px;
  top: -10px;
  bottom: -10px;
  border-radius: 50%;
  background-color: rgba(0, 173, 222, 0.55);
  animation: ks 2s linear .5s infinite;
  -moz-animation: ks 2s linear .5s infinite;
  -webkit-animation: ks 2s linear .5s infinite;
  -o-animation: ks 2s linear .5s infinite;
}
.daf-page .daf-6 .year-list ul li h4 {
  display: block;
  font-size: 24px;
  color: #244124;
  margin: 30px 0 20px;
  line-height: 1;
  font-weight: bold;
  text-align: center;
  position: absolute;
  top: -30%;
  left: 0;
}
.daf-page .daf-6 .year-list ul li .text {
  width: 320px;
  position: relative;
  left: 47%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-top: 32px;
  text-align: center;
  color: #242424;
  background-color: rgba(255, 174, 1, 0);
  padding: 1.35rem 1.5rem 2.25rem;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.daf-page .daf-6 .year-list ul li .text::before {
  content: '';
  position: absolute;
  top: -10px;
  left: 50%;
  width: 22px;
  height: 19px;
  background: url(../images/daf-icon.png) no-repeat;
  opacity: 0;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.daf-page .daf-6 .year-list ul li .text h3 {
  font-size: 24px;
  line-height: 1;
  font-weight: bold;
  text-transform: uppercase;
}
.daf-page .daf-6 .year-list ul li .text p {
  font-size: 18px;
  line-height: 2;
  margin-top: 1rem;
}
.daf-page .daf-6 .year-list ul li .text:hover {
  background-color: #ffae01;
  color: #fff;
}
.daf-page .daf-6 .year-list ul li .text:hover::before {
  opacity: 1;
}
.daf-page .daf-6 .year-list .btn {
  position: relative;
  z-index: 2;
}
.daf-page .daf-6 .year-list .btn div {
  content: '';
  position: absolute;
  font-size: 24px;
  top: -10px;
  cursor: pointer;
  width: 57px;
  height: 57px;
  border-radius: 50%;
  text-align: center;
  line-height: 57px;
}
.daf-page .daf-6 .year-list .btn .next {
  right: -5%;
  background: url(../images/daf-r.png) no-repeat center center rgba(27, 27, 27, 0.17);
}
.daf-page .daf-6 .year-list .btn .prev {
  left: -5%;
  background: url(../images/daf-l.png) no-repeat center rgba(27, 27, 27, 0.17);
}
.daf-page .daf-6 .years {
  text-align: center;
}
.daf-page .daf-6 .years .column {
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  color: #242424;
}
.daf-page .daf-7 {
  background-color: #f4f7fc;
  padding: 3.9rem 0 5.05rem;
}
.daf-page .daf-7 .contenet {
  margin-top: 3.25rem;
}
.daf-page .daf-7 .contenet ul {
  margin-right: -10px;
}
.daf-page .daf-7 .contenet ul li {
  padding-right: 10px;
}
.daf-page .daf-7 .contenet ul li img {
  width: 100%;
}
.daf-page .daf-7 .contenet ul li p {
  text-transform: uppercase;
  font-size: 16px;
  line-height: 1.6;
  color: #242424;
  text-align: center;
  background: rgba(255, 255, 255, 0.5);
  padding: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.daf-page .pro-14 {
  background: #fff;
}
@media screen and (max-width: 1480px) {
  .daf-page .daf-3 .table {
    padding: 3.5rem 5rem 0 5rem;
  }
  .daf-page .daf-5 .content {
    padding-left: 4rem;
  }
  .daf-page .daf-6 .year-list .btn .prev {
    left: 0;
  }
  .daf-page .daf-6 .year-list .btn .next {
    right: 0;
  }
  .daf-page .daf-6 .year-list ul::after {
    width: 88%;
    left: 54px;
  }
}
@media screen and (max-width: 1280px) {
  .daf-page .daf-3 .table {
    padding: 3.5rem 3rem 0 3rem;
  }
  .daf-page .daf-4 .box .text p {
    font-size: 20px;
  }
  .daf-page .daf-5 .content {
    padding-left: 2rem;
  }
  .daf-page .daf-6 .year-list ul::after {
    width: 85%;
  }
}
@media screen and (max-width: 1000px) {
  .daf-page .pro-2 .box {
    margin-top: 30px;
  }
  .daf-page .pro-2 .box .left {
    width: 100%;
  }
  .daf-page .pro-2 .box .right {
    width: 100%;
    padding: 20px 0 0 0;
  }
  .daf-page .daf-1 .box .left,
  .daf-page .daf-1 .box .right {
    width: 100%;
  }
  .daf-page .daf-1 .box .middle {
    width: 100%;
    padding: 20px 0;
  }
  .daf-page .daf-2 .box .img {
    width: 100%;
    padding-left: 0;
  }
  .daf-page .daf-2 .box .text {
    width: 100%;
    padding: 20px 0 0 0;
  }
  .daf-page .daf-3 .table {
    padding: 3.5rem 0 0;
  }
  .daf-page .daf-4 .box .text p {
    font-size: 18px;
  }
  .daf-page .daf-5 .content ul li p {
    font-size: 18px;
  }
  .daf-page .daf-6 .year-list ul::after {
    width: 80%;
  }
}
@media screen and (max-width: 700px) {
  .daf-page .pro-2 .box {
    margin-top: 20px;
  }
  .daf-page .pro-2 .box .left {
    font-size: 16px;
  }
  .daf-page .pro-2 .box .right {
    display: none;
  }
  .daf-page .daf-1 .box p {
    font-size: 16px;
  }
  .daf-page .daf-2 .box .text h4 {
    font-size: 16px;
  }
  .daf-page .daf-2 .box .text ul li {
    font-size: 16px;
  }
  .daf-page .daf-3 .table table tr {
    font-size: 16px;
  }
  .daf-page .daf-4 .box .img {
    width: 100%;
    padding-left: 0;
  }
  .daf-page .daf-4 .box .text {
    width: 100%;
    padding-top: 20px;
  }
  .daf-page .daf-4 .box .text h4 {
    font-size: 22px;
  }
  .daf-page .daf-4 .box .text p {
    font-size: 16px;
    margin-top: 15px;
  }
  .daf-page .daf-5 ul {
    padding: 2.7rem 0 0 0px;
  }
  .daf-page .daf-5 .content {
    padding-left: 0rem;
    margin-top: 20px;
  }
  .daf-page .daf-5 .content h4 {
    font-size: 18px;
  }
  .daf-page .daf-5 .content ul li {
    width: 100%;
    margin-bottom: 10px;
  }
  .daf-page .daf-5 .content ul li p {
    font-size: 16px;
  }
  .daf-page .daf-6 {
    display: none;
  }
}
.water-page .ui.container {
  max-width: 1406px;
  width: 100%;
}
.water-page .water-1 {
  padding: 5.65rem 5.85rem 3.65rem 0;
}
.water-page .water-1 h3.title {
  line-height: 1.2;
  width: 90%;
}
.water-page .water-1 .box {
  margin-top: 2.7rem;
}
.water-page .water-1 .box .text {
  padding-left: 21px;
  width: 55%;
}
.water-page .water-1 .box .text p {
  font-size: 18px;
  line-height: 1.4;
  color: #333333;
}
.water-page .water-1 .box .text ul {
  padding: 2.65rem 0 0 20px;
}
.water-page .water-1 .box .text ul li {
  font-size: 18px;
  line-height: 1.6;
  color: #333333;
  font-family: 'SSB';
  padding-left: 14px;
  position: relative;
  margin-bottom: 10px;
}
.water-page .water-1 .box .text ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 12px;
  width: 5px;
  height: 5px;
  background-color: #ffae01;
}
.water-page .water-1 .box .text ul li:last-child {
  margin-bottom: 0;
}
.water-page .water-1 .box .img {
  width: 45%;
  text-align: right;
}
.water-page .water-2 {
  padding: 4.15rem 0 4.5rem;
  background-color: #f4f7fc;
}
.water-page .water-2 .ui.container {
  max-width: 1516px;
  width: 100%;
}
.water-page .water-2 .box {
  margin-top: 3.4rem;
  padding: 0 0 0 2.2rem;
}
.water-page .water-2 .box .img {
  vertical-align: middle;
  width: 31%;
}
.water-page .water-2 .box .text {
  width: 69%;
  padding-left: 2.5rem;
  vertical-align: middle;
}
.water-page .water-2 .box .text h4 {
  font-size: 34px;
  color: #ffae01;
  font-weight: bold;
  line-height: 1.3;
}
.water-page .water-2 .box .text ul {
  margin-top: 1.8rem;
}
.water-page .water-2 .box .text ul li {
  font-size: 20px;
  color: #383838;
  font-family: 'SSB';
  line-height: 1.6;
}
.water-page .water-3 {
  padding: 4.6rem 0 5.75rem;
}
.water-page .water-3 .ui.container {
  max-width: 1516px;
  width: 100%;
}
.water-page .water-3 .table {
  padding: 3.55rem 3.55rem 0 3.55rem;
}
.water-page .water-3 .table table {
  text-align: center;
}
.water-page .water-3 .table table tr {
  font-size: 20px;
  color: #303030;
}
.water-page .water-3 .table table tr:nth-child(1) {
  background-color: #ffae01;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
.water-page .water-3 .table table tr:nth-child(even) {
  background: #fff;
}

.water-page .water-3 .table table th {
  position: relative;
  border: none;
}
.water-page .water-3 .table table th::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background: #f2f2f2;
}
.water-page .water-3 .table table td {
  border: 1px solid #dedede;
}
.water-page .water-3 .table table td,
.water-page .water-3 .table table th {
  padding: 10px;
}
.water-page .water-3 .table table td:nth-child(2),
.water-page .water-3 .table table th:nth-child(2) {
  width: 114px !important;
}
.water-page .water-4 {
  padding: 3.95rem 0 2.7rem;
  background-color: #f4f7fc;
}
.water-page .water-4 .ui.container {
  max-width: 1516px;
  width: 100%;
}
.water-page .water-4 .box {
  margin-top: 24px;
}
.water-page .water-4 .box .text {
  vertical-align: middle;
  font-size: 20px;
  color: #202020;
  line-height: 1.8;
  width: 55%;
}
.water-page .water-4 .box .text em {
  color: #ffae01;
  font-weight: bold;
}
.water-page .water-4 .box .img {
  vertical-align: middle;
  width: 45%;
  text-align: right;
}
.water-page .pro-11 .ui.container {
  max-width: 1516px;
  width: 100%;
}
.water-page .pro-11 .box {
  margin-top: 2rem;
}
.water-page .pro-11 .box .text {
  width: 44%;
  position: relative;
  z-index: 1;
}
.water-page .pro-11 .box .text .desc li {
  padding-right: 7.5rem;
}
.water-page .pro-11 .box .text .desc li:nth-child(1) {
  padding-right: 0;
}
.water-page .pro-11 .box .img {
  width: 63%;
  margin-left: -7%;
}
.water-page .water-5 {
  padding: 4.6rem 0 5.4rem;
  background-color: #f4f7fc;
}
.water-page .water-5 .ui.container {
  max-width: 1516px;
  width: 100%;
}
.water-page .water-5 .top {
  padding: 2.25rem 0 0 16px;
}
.water-page .water-5 .top .left {
  padding-top: 1.5rem;
  width: 55%;
}
.water-page .water-5 .top .left p {
  font-size: 20px;
  line-height: 1.6;
  color: #262626;
  position: relative;
  padding-left: 20px;
  margin-bottom: 4.8rem;
}
.water-page .water-5 .top .left p::before {
  content: '';
  width: 7px;
  height: 6px;
  background-color: #ffae01;
  position: absolute;
  top: 12px;
  left: 0;
}
.water-page .water-5 .top .left p:last-child {
  margin-bottom: 0;
}
.water-page .water-5 .top .right {
  width: 45%;
  text-align: right;
}
.water-page .water-5 .bottom {
  padding: 2.45rem 0 0 16px;
}


@media screen and (max-width: 1280px) {
  .water-page .water-1 {
    padding: 5.65rem 2rem 3.65rem 0;
  }
  .water-page .water-3 .table {
    padding: 3.55rem 2rem 0 2rem;
  }
}
@media screen and (max-width: 1000px) {
  .water-page .water-1 .box .text {
    padding: 0 21px 0 0;
  }
  .water-page .water-1 {
    padding: 5.65rem 0 3.65rem 0;
  }
  .water-page .water-3 .table {
    padding: 3.55rem 0 0;
  }
  .water-page .water-4 .box .text {
    font-size: 18px;
  }
  .water-page .water-2 .box .text ul li {
    font-size: 18px;
  }
  .water-page .water-2 .box .text h4 {
    font-size: 28px;
  }
  .water-page .pro-11 .box .text {
    width: 100%;
  }
  .water-page .water-5 .top .left {
    width: 100%;
  }
  .water-page .water-5 .top .right {
    width: 100%;
  }
}
@media screen and (max-width: 700px) {
  .water-page .water-1 .box .text {
    width: 100%;
  }
  .water-page .water-1 .box .text p {
    font-size: 16px;
  }
  .water-page .water-1 .box .text ul {
    padding: 0;
  }
  .water-page .water-1 .box .text ul li {
    font-size: 16px;
  }
  .water-page .water-1 .box .img {
    display: none;
  }
  .water-page .water-2 .box .img {
    width: 100%;
  }
  .water-page .water-2 .box .text {
    width: 100%;
  }
  .water-page .water-2 .box {
    padding: 0;
  }
  .water-page .water-2 .box .text {
    padding: 20px 0 0 0;
  }
  .water-page .water-2 .box .text h4 {
    font-size: 22px;
  }
  .water-page .water-2 .box .text ul li {
    font-size: 16px;
  }
  .water-page .water-3 .table table tr {
    font-size: 16px;
  }
  .water-page .water-4 .box .text {
    width: 100%;
    font-size: 16px;
  }
  .water-page .water-4 .box .img {
    width: 100%;
    text-align: center;
    padding-top: 20px;
  }
  .water-page .pro-11 .box .text .desc li {
    padding-right: 0;
  }
  .water-page .water-5 .top {
    padding: 20px 0 0 0;
  }
  .water-page .water-5 .top .left p {
    font-size: 16px;
  }
  .water-page .water-5 {
    padding: 4.6rem 0 2rem 0;
  }
}
.plate-page .ui.container {
  max-width: 1516px;
  width: 100%;
}
.plate-page .plate-1 {
  padding: 4.8rem 0;
}
.plate-page .plate-1 .box {
  margin-top: 3.05rem;
}
.plate-page .plate-1 .box .text {
  vertical-align: middle;
  font-size: 20px;
  line-height: 1.6;
  color: #1f1f1f;
  padding-right: 1.8rem;
}
.plate-page .plate-1 .box .text h1{
  display: inline;
  font-size: inherit;
}
.plate-page .plate-1 .box .img {
  vertical-align: middle;
}
.plate-page .plate-1 .box .img ul {
  margin-right: -1.9rem;
}
.plate-page .plate-1 .box .img ul li {
  padding-right: 1.9rem;
}
.plate-page .plate-1 .box .img ul li img {
  width: 100%;
  box-shadow: 0px 0px 11px 1px rgba(0, 0, 0, 0.11);
}
.plate-page .plate-2 {
  padding: 3.65rem 0 5rem;
  background-color: #f4f7fc;
}
.plate-page .plate-2 .box {
  margin-top: 4.1rem;
}
.plate-page .plate-2 .box .text {
  vertical-align: middle;
  width: 42%;
  padding-left: 12px;
}
.plate-page .plate-2 .box .text ul li {
  padding-left: 21px;
  position: relative;
  font-size: 20px;
  color: #0d0d0d;
  line-height: 1.7;
  margin-bottom: 1rem;
}
.plate-page .plate-2 .box .text ul li em {
  font-family: 'SSB';
}
.plate-page .plate-2 .box .text ul li::before {
  content: '';
  position: absolute;
  top: 14px;
  left: 0;
  width: 9px;
  height: 8px;
  background-color: #ffae01;
}
.plate-page .plate-2 .box .text ul li:last-child {
  margin-bottom: 0;
}
.plate-page .plate-2 .box .img {
  vertical-align: middle;
  width: 58%;
  padding-left: 1.7rem;
}
.plate-page .plate-2 .box .img ul {
  margin-right: -1.5rem;
}
.plate-page .plate-2 .box .img ul li {
  padding-right: 1.5rem;
}
.plate-page .plate-3 {
  padding: 4.3rem 0 3.15rem;
}
.plate-page .plate-3 .top {
  margin-top: 4.95rem;
}
.plate-page .plate-3 .top .left {
  width: 51%;
  padding-left: 10px;
}
.plate-page .plate-3 .top .left table {
  box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.22);
}
.plate-page .plate-3 .top .left table tr {
  font-size: 18px;
  font-family: 'SSB';
  color: #303030;
  text-align: center;
}
.plate-page .plate-3 .top .left table tr:nth-child(1) {
  background-color: #ffae01 !important;
  color: #fff;
  font-size: 22px;
}
.plate-page .plate-3 .top .left table tr:nth-child(even) {
  background: #fff;
}
.plate-page .plate-3 .top .left table tr:nth-child(odd) {
  background: #fff7e5;
}
.plate-page .plate-3 .top .left table td,
.plate-page .plate-3 .top .left table th {
  border: none;
  width: 33.3333% !important;
  padding: 10px;
}
.plate-page .plate-3 .top .right {
  width: 49%;
  text-align: right;
}
.plate-page .plate-3 .bottom {
  margin-top: 3.3rem;
  text-align: center;
}
.plate-page .plate-3 .bottom h4 {
  font-size: 1.7rem;
  color: #333333;
  font-weight: bold;
  margin-bottom: 1.4rem;
}
.plate-page .hose-5 {
  padding: 3.65rem 0 2.3rem;
  background-color: #f4f7fc;
}
.plate-page .hose-5 .top {
  margin-top: 2.55rem;
}
.plate-page .hose-5 .top .left {
  vertical-align: middle;
  font-size: 20px;
  color: #080808;
  padding-left: 20px;
  width: 47%;
  padding-right: 0 !important;
}
.plate-page .hose-5 .top .left li::before {
  top: 14px;
}
.plate-page .hose-5 .top .right {
  vertical-align: middle;
  width: 53%;
}
.plate-page .hose-5 .top .right ul {
  margin-right: -1.6rem !important;
}
.plate-page .hose-5 .top .right ul li {
  padding-right: 1.6rem !important;
}
.plate-page .plate-4 {
  padding: 3.8rem 0 4.35rem;
}
.plate-page .plate-4 .content {
  margin-top: 4.15rem;
}
.plate-page .plate-4 .content ul {
  margin-right: -2.45rem;
}
.plate-page .plate-4 .content ul li {
  padding-right: 2.45rem;
}
.plate-page .plate-4 .content ul li img {
  width: 100%;
}
.plate-page .plate-4 .content ul li .text {
  padding-top: 2.05rem;
  font-size: 18px;
  line-height: 1.7;
  color: #131313;
}
.plate-page .plate-4 .content ul li .text h3 {
  font-family: 'SSB';
}
.plate-page .plate-5 {
  padding: 3.8rem 0 5rem;
  background-color: #f4f7fc;
}
.plate-page .plate-5 p {
  font-size: 18px;
  line-height: 1.5;
  color: #080808;
  padding: 2.5rem 0 0 11px;
}
.plate-page .plate-5 .content {
  margin-top: 2.5rem;
}
.plate-page .plate-5 .content ul {
  margin-right: -2.1rem;
}
.plate-page .plate-5 .content ul li {
  padding-right: 2.1rem;
}
.plate-page .plate-5 .content ul li img {
  width: 100%;
}
@media screen and (max-width: 1080px) {
  .plate-page .plate-1 .box .text {
    width: 100%;
  }
  .plate-page .plate-1 .box .img {
    width: 100%;
    padding: 20px 0 0 0;
  }
  .plate-page .plate-2 .box .text {
    width: 100%;
  }
  .plate-page .plate-2 .box .img {
    padding: 20px 0 0 0;
    width: 100%;
  }
  .plate-page .plate-3 .top .left {
    width: 100%;
  }
  .plate-page .plate-3 .top .right {
    width: 100%;
    padding: 20px 0 0 0;
    text-align: center;
  }
}
@media screen and (max-width: 700px) {
  .plate-page .plate-1 .box {
    margin-top: 20px;
  }
  .plate-page .plate-1 .box .text {
    font-size: 16px;
  }
  .plate-page .plate-1 .box .img {
    display: none;
  }
  .plate-page .plate-1 .box .img ul li {
    margin-bottom: 10px;
  }
  .plate-page .plate-1 .box .img ul li:last-child {
    margin-bottom: 0;
  }
  .plate-page .plate-2 .box .text ul li {
    font-size: 16px;
  }
  .plate-page .plate-2 .box .img ul {
    display: none;
  }
  .plate-page .plate-2 .box .img ul li {
    margin-bottom: 10px;
  }
  .plate-page .plate-2 .box .img ul li:last-child {
    margin-bottom: 0;
  }
  .plate-page .hose-5 .top .left {
    font-size: 16px !important;
  }
  .plate-page .plate-4 .content ul li {
    margin-bottom: 15px;
  }
  .plate-page .plate-4 .content ul li:last-child {
    margin-bottom: 0;
  }
  .plate-page .plate-4 .content ul li .text {
    font-size: 16px;
  }
  .plate-page .plate-5 p {
    font-size: 16px;
    padding: 20px 0 0 0;
  }
}



/*new add*/
.product-page .pro-1{
  overflow: hidden;
}
.water-page .pro-1 .container .init-1,.water-page .pro-1 .container .init-2{
  margin-top: 80px;
  padding: 0 6.2rem;
}

.water-page .pro-1 .container .init-1 ul{
  margin: 0 -10px;
}
.water-page .pro-1 .container .init-1 ul li{
  padding: 0 10px;
}
.water-page .pro-1 .container .init-1 .slick-list{
  margin-bottom: 20px;
}
.water-page .pro-1 .container .init-1 ul li .box{
  background: #e1e1e1;
  box-shadow: 0 10px 12px 0 rgba(0, 0, 0, 0.14);
}
.water-page .pro-1 .container .init-1 ul li .box .img{
  padding: 40px;
  height: 310px;
  display: block;
}
.water-page .pro-1 .container .init-1 ul li .box .img img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.water-page .pro-1 .container .init-2{
  margin-top: 40px;
}
.water-page .pro-1 .container .init-2 ul li{
  height: 100%;
}
.water-page .pro-1 .container .init-2 ul li .box .title{
  position: relative;
  text-transform: uppercase;
  padding: 10px 50px;
  font-size: 18px;
  background-color: #e9f2fa;
  font-weight: bold;
}
.water-page .pro-1 .container .init-2 ul li .box .title .sub{
  width: 20px;
  height: 20px;
  background: #00adde;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 14px;
  left: 22px;
}
.water-page .pro-1 .container .init-2 ul li .box .title .sub div{
  background: #fff;
  border-radius: 50%;
  width: 8px;
  height: 8px;
}
.water-page .pro-1 .container .init-2 ul li .box .cont{
  margin-top: 20px;
  padding: 0 32px;
}
.water-page .pro-1 .container .init-2 ul li .box .cont > div{
  min-height: 350px;
  padding: 0 18px;
  font-size: 16px;
  line-height: 2;
  height: 100%;
  color: rgba(0, 0, 0, 0.8);
  padding-bottom: 30px;
  border-left: 1px solid #9ed4f6;
}


#header .nav .h-top{
  background: #00adde;
  padding: 10px 0;
  border-bottom: 6px solid #ffae01;
}

#header .nav .h-top .container{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
#header .nav .h-top .container .left{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
#header .nav .h-top .container .left .list{
  margin-right: 50px;
}
#header .nav .h-top .container .left .list img{
  height: 18px;
  width: auto;
  margin-top: 6px;
}

#header .nav .h-top .container .left .list span{
  margin-left: 5px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}

#header .nav .h-top .container .middle{
  color: red;
  font-size: 18px;
  font-weight: bold;
}

#header .nav .h-top .container .right{
  font-size: 18px;
  color: #fff;
  font-weight: bold;
}
#header .nav .h-top .container .right a{
  transition: all .5s;
  margin-left: 20px;
}
#header .nav .h-top .container .right a:hover{
  color: #ffae01;
}
#header .nav .ui.menu > form{
  margin-left: auto;
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  background: #e4ebf4;
}
#header .nav .ui.menu > form input{
  background: inherit;
  width: 320px;
  font-size: 16px;
  padding: 8px 60px;
  border: none;
}
#header .nav .ui.menu > form input.submit_btn{
  position: absolute;
  top: 10px;
  left: 22px;
  width: 22px;
  height: 22px;
  padding: 0;
  background: url(/nihaowater/2023/03/10/header_3.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
#header .nav .ui.menu .open_btn{
  margin-left: 40px;
  padding: 12px 40px;
  background: #ffae01;
  border-radius: 10px;
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
  cursor: pointer;
}
#header .nav .ui.menu .right_cont{
  display: flex;
  align-items: center;
}

.diffuser-1 .content1 ul li{
  padding: 10px;
}
.max_1480{
  max-width: 1480px;
  margin: auto;
}

.max_1508{
  max-width: 1508px;
  margin: auto;
}

#index-body{
  overflow: hidden;
}
.smart-page .pro-1 .ui.container{
  padding: 0;
  width: 100%;
  max-width: 100%;
}
.smart-page .pro-1 .ui.container .container{
  max-width: 1550px;
}

.smart-page .pro-1 .container > .content{
  max-width: 1770px;
}


.daf-page .init-1{
  padding: 80px 0;
}
.daf-page .init-1 .container{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.daf-page .init-1 .container .left{
  width: 44%;
}

.daf-page .init-1 .container .left img{
  box-shadow: 5px 10px 10px 0 rgba(0, 0, 0, 0.2);
}


.daf-page .init-1 .container .left .top img{
  width: 100%;
}

.daf-page .init-1 .container .left .bottom{
  display: flex;
  align-items: center;
  margin-top: 30px;
  justify-content: space-between;
  flex-wrap: wrap;
}
.daf-page .init-1 .container .left .bottom img{
  width: 48%;
}

.daf-page .init-1 .container .right{
    width: 50%;
}

.daf-page .init-1 .container .right .tip{
  font-size: 34px;
  color: #ffae01;
  font-weight: bold;
}

.daf-page .init-1 .container .right .list{
  margin-top: 36px;
}
.daf-page .init-1 .container .right .list .title{
  font-size: 18px;
  font-weight: bold;
  color: #333333;
}

.daf-page .init-1 .container .right .list .des,.daf-page .init-1 .container .right .list ul{
  font-size: 18px;
  color: #7b7b7b;
  margin-top: 10px;
}

.daf-page .init-1 .container .right .list ul li{
  position: relative;
  padding-left: 24px;
}
.daf-page .init-1 .container .right .list ul li .sub{
  position: absolute;
  top: 8px;
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #00adde;
  display: flex;
  align-items: center;
  justify-content: center;
  
}
.daf-page .init-1 .container .right .list ul li .sub div{
  background: #fff;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}


@media screen and (max-width: 1500px){
  .water-page .pro-1 .container .init-1,.water-page .pro-1 .container .init-2 {
    padding: 0 6rem;
  }
  #header .nav .ui.menu{
    flex-wrap: wrap;
  }
  #header .nav .ui.menu > form input{
    width: 260px;
  }
  #header .nav .ui.menu .open_btn{
    padding: 10px;
    font-size: 14px;
  }
}


@media screen and (max-width: 1400px){
  #header .nav .h-top .container .middle{
    display: none;
  }
  .water-page .pro-1 .container .init-1,.water-page .pro-1 .container .init-2 {
    padding: 0 6rem;
  }
}


@media screen and (max-width: 1280px){
  .water-page .pro-1 .container .init-1,.water-page .pro-1 .container .init-2 {
    padding: 0;
  }
  #header .nav .ui.menu > form{
    margin-left: 100px;
  }

}

@media screen and (max-width: 1250px){
  #header .nav .ui.menu .right_cont{
    margin-left: auto;
  }

}


@media screen and (max-width: 1000px){
  .daf-page .init-1 .container .right{
    order: -1;
    text-align: center;
    width: 100%;
  }
  .daf-page .init-1 .container .left{
    width: 100%;
    margin-top: 20px;
  }
  .daf-page .init-1 .container .right .list ul{
    text-align: left;
  }
}

@media screen and (max-width: 992px){
  #header .nav .ui.menu > form{
    display: none;
  }
  #header .nav .ui.menu .right_cont{
    display: none;
  }
}


@media screen and (max-width: 700px){

}


@media screen and (max-width: 500px){
  .water-page .pro-1 .container .init-1{
    margin-top: 20px;
  }
  .water-page .pro-1 .container .init-2 ul li .box .title{
    padding: 10px 16px;
    padding-left: 50px;
  }
  .water-page .pro-1 .container .init-2 ul li .box .cont > div{
    border: none;
    padding: 0;
    padding-bottom: 10px;
    min-height: auto;
  }


}

.ras-page{
    font-family: 'SSB';
}
.ras-page .init-1 img {
  width: 100%;
}
.ras-page .init-2 {
  margin-top: 100px;
}
.ras-page .init-2 .container {
  min-width: 1700px;
}
.ras-page .init-2 .container .tipsTitle {
  font-weight: bold;
  text-align: center;
  font-size: 60px;
}
.ras-page .init-2 .container .tipsDes {
  font-size: 22px;
  text-align: center;
  max-width: 1120px;
  margin: 20px auto 0;
}
.ras-page .init-2 .container .content ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 50px;
  margin: 0 -10px;
}
.ras-page .init-2 .container .content ul li {
  padding: 0 10px;
  width: 50%;
  margin-top: 40px;
}
.ras-page .init-2 .container .content ul li .box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.ras-page .init-2 .container .content ul li .box .left {
  width: 50%;
}
.ras-page .init-2 .container .content ul li .box .right {
  width: 50%;
  padding-left: 20px;
}
.ras-page .init-2 .container .content ul li .box .right .title {
  font-size: 30px;
  font-weight: bold;
}
.ras-page .init-2 .container .content ul li .box .right .des {
  color: #5c5c5c;
  font-size: 22px;
  font-weight: 300;
  margin-top: 30px;
  min-height: 230px;
}
.ras-page .init-2 .container .content ul li .box .right .more {
  display: block;
  margin-top: 16px;
  text-align: right;
  font-size: 22px;
  color: #0195ff;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.ras-page .init-2 .container .content ul li .box .right .more:hover {
  color: #000;
}
.ras-page .init-3 {
  padding-bottom: 150px;
  background-color: #f4f7fc;
  margin-top: 150px;
  padding-top: 100px;
}
.ras-page .init-3 .container {
  min-width: 1700px;
}
.ras-page .init-3 .container .tipsTitle {
  font-weight: bold;
  text-align: center;
  font-size: 60px;
}
.ras-page .init-3 .container .content .listC {
  margin-top: 90px;
}
.ras-page .init-3 .container .content .listC .list {
  margin: 0 -20px;
}
.ras-page .init-3 .container .content .listC .list .item {
  margin-top: 10px;
  padding: 0 20px;
}
.ras-page .init-3 .container .content .listC .des {
  font-size: 22px;
  font-weight: 300;
  margin-top: 16px;
}
@media (max-width: 1800px) {
  .ras-page .init-2 .container {
    min-width: 1px;
  }
  .ras-page .init-3 .container {
    min-width: 1px;
  }
}
@media (max-width: 1500px) {
  .ras-page .init-2 .container .content ul li {
    width: 100%;
  }
  .ras-page .init-2 .container .tipsTitle {
    font-size: 40px;
  }
  .ras-page .init-3 .container .tipsTitle {
    font-size: 40px;
  }
}
@media (max-width: 700px) {
  .ras-page .init-2 .container .content ul li .box .left {
    width: 100%;
  }
  .ras-page .init-2 .container .content ul li .box .right {
    width: 100%;
    margin-top: 20px;
    padding-left: 0;
  }
  .ras-page .init-2 .container .content ul li .box .right .more {
    text-align: left;
  }
}
@media (max-width: 500px) {
  .ras-page .init-2 {
    margin-top: 40px;
  }
  .ras-page .init-2 .container .tipsTitle {
    font-size: 24px;
  }
  .ras-page .init-2 .container .content ul li .box .right .title {
    font-size: 24px;
  }
  .ras-page .init-2 .container .content ul li .box .right .des {
    margin-top: 16px;
  }
  .ras-page .init-3 {
    margin-top: 40px;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .ras-page .init-3 .container .tipsTitle {
    font-size: 24px;
  }
  .ras-page .init-3 .container .content .listC {
    margin-top: 30px;
  }
}

.dls-page{
    font-family: 'SSB';
}
.dls-page .init-1 {
  -o-background-size: cover;
  background-size: cover;
  padding: 60px 0;
}
.dls-page .init-1 .container {
  min-width: 1700px;
}
.dls-page .init-1 .container .tipsTitle {
  color: #fff;
  font-size: 60px;
  font-weight: bold;
  text-align: center;
}
.dls-page .init-1 .container .tipsTitle em {
  color: #92e5fd;
}
.dls-page .init-2 {
  margin-top: 100px;
}
.dls-page .init-2 .container {
  min-width: 1700px;
}
.dls-page .init-2 .container .tipsTitle {
  font-weight: bold;
  text-align: center;
  font-size: 60px;
}
.dls-page .init-2 .container .tipsDes {
  font-size: 24px;
  margin-top: 10px;
  text-align: center;
}
.dls-page .init-2 .container .tipDes2 {
  margin-top: 50px;
  font-size: 34px;
}
.dls-page .init-2 .container .tipDes2 em {
  color: #00adde;
}
.dls-page .init-2 .container .content {
  margin-top: 30px;
}
.dls-page .init-2 .container .content ul {
  margin: 0 -45px;
}
.dls-page .init-2 .container .content ul li {
  margin-top: 14px;
  padding: 0 45px;
}
.dls-page .init-2 .container .content ul li .box {
  overflow: hidden;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.dls-page .init-2 .container .content ul li .box a {
  display: block;
}
.dls-page .init-2 .container .content ul li .box .text {
  font-size: 24px;
  color: #fff;
  background-color: #0059be;
  display: block;
  text-align: center;
  padding: 16px 5px;
}
.dls-page .init-3 {
  margin-top: 140px;
  background-color: #f4f7fc;
  padding: 60px 0;
}
.dls-page .init-3 .container {
  min-width: 1700px;
}
.dls-page .init-3 .container .tipsTitle {
  font-weight: bold;
  text-align: center;
  font-size: 60px;
}
.dls-page .init-3 .container ul li {
  margin-top: 50px;
}
.dls-page .init-3 .container ul li .title {
  font-weight: bold;
  font-size: 34px;
}
.dls-page .init-3 .container ul li .des {
  font-size: 22px;
  margin-top: 10px;
}
.dls-page .init-4 {
  padding-top: 140px;
}
.dls-page .init-4 .container {
  min-width: 1700px;
}
.dls-page .init-4 .container .tipsTitle {
  font-weight: bold;
  text-align: center;
  font-size: 60px;
}
.dls-page .init-4 .container .tipsDes {
  font-size: 24px;
  text-align: center;
  max-width: 860px;
  margin: 10px auto 0;
}
.dls-page .init-4 .container ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 40px;
}
.dls-page .init-4 .container ul li {
  width: 33.33%;
  padding: 15px;
  margin-top: 40px;
}
.dls-page .init-4 .container ul li .box {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-radius: 14px;
  -webkit-box-shadow: 0 0 30px rgba(176, 176, 176, 0.3);
  box-shadow: 0 0 30px rgba(176, 176, 176, 0.3);
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 14px;
}
.dls-page .init-4 .container ul li .box .cir {
  width: 94px;
  height: 94px;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 30px rgba(176, 176, 176, 0.3);
  box-shadow: 0 0 30px rgba(176, 176, 176, 0.3);
  border: 1px solid #eeeeee;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.dls-page .init-4 .container ul li .box .cir img {
  width: 30%;
}
.dls-page .init-4 .container ul li .box .text {
  width: -webkit-calc(6%);
  width: -moz-calc(6%);
  width: calc(100% - 94px);
  padding-left: 30px;
}
.dls-page .init-4 .container ul li .box .text .title {
  font-weight: 700;
  font-size: 20px;
}
.dls-page .init-5 {
  padding: 50px 0;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
}
@media (max-width: 1800px) {
  .dls-page .init-1 .container,
  .dls-page .init-2 .container,
  .dls-page .init-3 .container,
  .dls-page .init-4 .container {
    min-width: 1px;
  }
}
@media (max-width: 1500px) {
  .dls-page .init-1 .container .tipsTitle {
    font-size: 40px;
  }
  .dls-page .init-2 .container .tipsTitle {
    font-size: 40px;
  }
  .dls-page .init-3 .container .tipsTitle {
    font-size: 40px;
  }
  .dls-page .init-4 .container .tipsTitle {
    font-size: 40px;
  }
}
@media (max-width: 1250px) {
  .dls-page .init-2 .container .content ul {
    margin: 0 -10px;
  }
  .dls-page .init-2 .container .content ul li {
    padding: 0 10px;
  }
  .dls-page .init-4 .container ul li {
    margin-top: 20px;
    width: 100%;
  }
}
@media (max-width: 500px) {
  .dls-page .init-1 {
    padding: 40px 0;
  }
  .dls-page .init-1 .container .tipsTitle {
    font-size: 24px;
  }
  .dls-page .init-2 {
    margin-top: 40px;
  }
  .dls-page .init-2 .container .tipsTitle {
    font-size: 24px;
  }
  .dls-page .init-2 .container .tipDes2 {
    margin-top: 16px;
    font-size: 24px;
  }
  .dls-page .init-2 .container .content {
    margin-top: 10px;
  }
  .dls-page .init-3 {
    margin-top: 40px;
    padding: 40px 0;
  }
  .dls-page .init-3 .container .tipsTitle {
    font-size: 24px;
  }
  .dls-page .init-3 .container ul li {
    margin-top: 30px;
  }
  .dls-page .init-3 .container ul li .title {
    font-size: 24px;
  }
  .dls-page .init-4 {
    padding-top: 40px;
  }
  .dls-page .init-4 .container .tipsTitle {
    font-size: 24px;
  }
  .dls-page .init-4 .container ul {
    margin-top: 10px;
  }
  .dls-page .init-4 .container ul li .box .text {
    width: 100%;
    padding-left: 0;
    margin-top: 20px;
  }
  .dls-page .init-5 {
    font-size: 24px;
  }
}


.add_table  table td,
.add_table  table th{
  
  text-align: center!important;
  
}
/*.add_table  table td *{
  color: #333!important;
}*/
.add_table  table td img{
  margin-right: 10px; 
}