/*COMMON_BLK_START*/
/*AVAIBLE_VI
[
{"vicolor":"#17a4ce","sub1color":"#272636"},
{"vicolor":"#fe9e0b","sub1color":"#3B200C"},
{"vicolor":"#D32F2F","sub1color":"#3B200C"},
{"vicolor":"#4C9DA0","sub1color":"#fb5f08"}
]
AVAIBLE_VI*/
.flex {
  display: flex;
  display: -webkit-flex;
}
.jc-cen {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
}
.jc-sb {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.jc-sa {
  display: flex;
  display: -webkit-flex;
  justify-content: space-around;
  -webkit-justify-content: space-around;
}
.al-it {
  align-items: center;
  -webkit-align-items: center;
}
.ali-con {
  align-content: center;
  -webkit-align-content: center;
}
.box-si {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.message .message_button input,
.message .mess_su_sub {
  background-color: #17a4ce;
}
.f-mm {
  margin-left: auto;
  margin-right: auto;
}
.f-fl {
  float: left;
}
.f-fr {
  float: right;
}
.f-tr {
  text-align: right;
}
.f-tl {
  text-align: left;
}
.f-tc {
  text-align: center;
}
.f-pr {
  position: relative;
}
.f-di {
  display: inline;
}
/* -- 页面整体布局 -- */
.wrap img {
  display: block;
  width: 100%;
}
/*-----------------------------------------------------------------------------------------------------------------------*/
.g-head {
  position: relative;
}
.logo {
  width: 21.33%;
  padding: 0 2% 0 2%;
  float: left;
  height: 5.5rem;
  background-image: url('../images/logo_h.png');
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 0.35rem 3.25rem;
}
.g-head #h1-tag {
  max-width: 96%;
  height: 5.5rem;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
}
.g-head #h1-tag img {
  display: block;
  width: 100%;


}
.g-head h3 {
  width: 74.66%;
  float: right;
  margin-top: 0.8rem;
}
.g-head h3 em {
  display: block;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 2.2rem;
  color: #333333;
  height: 2.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.g-head h3 i {
  display: block;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 1.8rem;
  color: #666;
  height: 1.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nav1 {
  height: 3.25rem;
  background-color: #17a4ce;
}
.h-link {
  min-height: 3.25rem;
  background-color: #17a4ce;
  font-size: 0;
  line-height: 0;
  width: 80%;
}
.h-link a {
  width: 33.33%;
  display: inline-block;
  font-size: 1.2rem;
  line-height: 3.25rem;
  color: #fff;
  text-align: center;
}
.h_icon {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 2rem;
  height: 3.6rem;
  margin-right: 1rem;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  cursor: pointer;
}
.h_icon img {
  width: 1.9rem;
}
.h_icon em {
  display: none;
}
.h-nav {
  display: none;
  position: absolute;
  top: 8.7rem;
  left: 0;
  right: 0;
  z-index: 3;
  padding-bottom: 1rem;
  height: auto;
  width: 100%;
  background: rgba(0, 0, 0, 0.9);
}
.nav-one li {
  line-height: 3.5rem;
  height: 3.5rem;
  border-bottom: #fff 1px solid;
  margin: 0 1.5rem;
}
.nav-one li a {
  font-size: 1.3rem;
  color: #fff;
  display: block;
  width: 100%;
}
.nav-one li:last-child {
  border-bottom: 0;
}
.g-ft {
  width: 100%;
  padding: 1rem 0 5.5rem;
  max-width: 750px;
  min-width: 320px;
  margin: 0 auto;
  background-color: #1e1e23;
}
.f_nav {
  width: 92%;
  margin: 0 auto 1rem;
  text-align: center;
  line-height: 0;
  border-bottom: 1px solid #4b4b4f;
  padding-bottom: 1rem;
}
.f_nav a {
  display: inline-block;
  padding: 0 1.5%;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 3rem;
  color: #fff;
  position: relative;
  height: 3rem;
  overflow: hidden;
  box-sizing: border-box;
}
.f_main {
  width: 97%;
  margin: 0 auto;
}
.f_left {
  font-size: 1.2rem;
  color: #fff;
  line-height: 2.1rem;
  padding: 0 3%;
}
.f_left a {
  color: #fff;
}
.nsw-support {
  padding: 0 3%;
  height: 2.1rem;
  line-height: 2.1rem;
  overflow: hidden;
  text-align: left;
}
.nsw-support p,
.nsw-support span {
  display: inline-block;
  height: 2.1rem;
  line-height: 2.1rem;
  overflow: hidden;
}
.nsw-support p {
  max-width: 70%;
  margin-right: 3%;
}
.nsw-support p em,
.nsw-support p a {
  display: inline-block;
  height: 2.1rem;
  line-height: 2.1rem;
  font-size: 1.2rem;
  color: #fff;
  overflow: hidden;
}
.nsw-support p a {
  max-width: 60%;
}
.nsw-support span a {
  height: 2.1rem;
  display: flex;
  align-items: center;
}
.nsw-support span img {
  width: 2.2rem;
  height: 1rem;
  display: block;
}
.fnav {
  position: fixed;
  bottom: 0;
  min-width: 320px;
  max-width: 750px;
  width: 100%;
  height: 5.5rem;
  background: #17a4ce;
  z-index: 78;
}
.fnav li {
  overflow: hidden;
  width: 25%;
  float: left;
  height: 4.5rem;
  font-size: 1.2rem;
  line-height: 1.6rem;
  text-align: center;
  position: relative;
}
.fnav li:nth-child(2) {
  background-color: #17a4ce;
}
.fnav li:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
}
.fnav li em {
  display: block;
  width: 2.2rem;
  margin: 0 auto;
  padding-top: 0.8rem;
}
.fnav li em img {
  display: block;
  width: 100%;
}
.fnav li i {
  display: block;
  height: 1.6rem;
  line-height: 1.6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fnav li a {
  height: 100%;
  overflow: hidden;
  color: #fff;
  display: block;
  width: 100%;
}
.fnav li:last-child:before {
  background: none;
  border: 0;
}
.bg_vi_color {
  background-color: #17a4ce;
}
.txt_vi_color {
  color: #17a4ce !important;
}
/*COMMON_BLK_END*/
/*广告*/
.g-adv {
  clear: both;
  height: auto;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.g-adv img {
  width: 100%;
  display: block;
}
.g-adv .adv-pagin {
  position: absolute;
  left: 0 ;
  bottom: 0.3rem;
  z-index: 99;
  width: 100%;
  text-align: center;
}
.g-adv .adv-pagin span {
  display: inline-block;
  background: #272636;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 0.75rem;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  margin: 0 0 0 0.6rem;
  opacity: 1;
  cursor: pointer;
}
.g-adv .adv-pagin span.cur {
  background: #17a4ce;
  width: 2rem;
}
.title {
  text-align: center;
}
.title h2 {
  font-size: 2.3rem;
  font-weight: normal;
  line-height: 3rem;
  color: #333333;
  height: 3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.title span {
  display: block;
  font-size: 1.3rem;
  font-weight: normal;
  line-height: 1.8rem;
  color: #555;
  padding-top: 0.8rem;
  margin-top: 0.6rem;
  position: relative;
}
.title span:before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 12rem;
  height: 1px;
  background: #ccc;
  margin-left: -6rem;
}
.title span:after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 3rem;
  height: 2px;
  background: #17a4ce;
  margin-left: -1.5rem;
}
/*guide*/
.guide {
  padding: 2.5rem 0;
  border-bottom: 0.5rem solid #f4f2f5;
}
.guide dl {
  width: 92%;
  margin: 1.5rem auto 0;
}
.guide dl dt img {
  display: block;
  width: 100%;
  border-radius: 3rem 0 3rem 0;
}
.guide dl dd p {
  text-align: center;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 1.8rem;
  color: #373737;
  margin: 1rem 0;
}
.guide dl dd b {
  display: block;
  width: 36.95%;
  height: 3rem;
  border-radius: 3rem;
  background: #17a4ce;
  text-align: center;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 3rem;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 auto;
}
.guide dl dd b a {
  display: block;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/*g-prospect*/
.g-prospect {
  padding: 2.5rem 0 4rem;
  border-bottom: 0.5rem solid #f4f2f5;
  position: relative;
}
.g-prospect ul {
  width: 92%;
  margin: 2rem auto 0;
}
.g-prospect ul li {
  width: 100%;
}
.g-prospect ul li img {
  display: block;
  width: 45%;
  height: 11rem;
  float: left;
}
.g-prospect ul li h2 {

  font-size: 1.2rem;
  font-weight: normal;
  line-height: 2.7rem;
  color: #26282d;
  height: 2.7rem;
  overflow: hidden;
  width: 51%;
  float:right;
  
}
.g-prospect ul li p{
  font-size: 0.8rem;
  line-height: 1.5rem;
  float: right;
  width: 51%;
}
.g-prospect ul li:nth-child(2n-1) {
  float: left;
}
.g-prospect ul li:nth-child(2n) {
  float: right;
}
.g-prospect .prospect-pagin {
  position: absolute;
  left: 0 ;
  bottom: 1.3rem;
  z-index: 9;
  width: 100%;
  text-align: center;
}
.g-prospect .prospect-pagin span {
  display: inline-block;
  background: #272636;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 0.75rem;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  margin: 0 0 0 0.6rem;
  opacity: 1;
  cursor: pointer;
}
.g-prospect .prospect-pagin span.cur {
  background: #17a4ce;
  width: 2rem;
}
/*product*/
.product01 {
  padding: 2.5rem 0;
  border-bottom: 0.5rem solid #f4f2f5;
}
.product-nav {
  width: 92%;
  margin: 1.2rem auto 0;
  line-height: 0;
}
.product-nav a {
  display: inline-block;
  width: 30%;
  margin: 0 1% 0.6rem 0;
  height: 2.5rem;
  border-radius: 3rem;
  background: #e9e9e9;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 2.5rem;
  color: #333;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.product-nav .cur {
  color: #fff;
  background: #17a4ce;
}
.pro1 dl {
  width: 92%;
  margin: 0 auto;
  overflow: hidden;
  background: #f1f1f1;
}
.pro1 dl dd {
  padding: 0.8rem 6% 1.5rem;
}
.pro1 dl dd h3 {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 3.2rem;
  color: #17a4ce;
  border-bottom: 1px solid #b6b6b6;
  height: 3.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pro1 dl dd p {
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 1.8rem;
  color: #666;
  margin-top: 0.5rem;
}
.product-con {
  width: 92%;
  margin: 0.8rem auto 0;
  overflow: hidden;
}
.product-con .item-line {
  width: 49.13%;
}
.product-con .item-line .item-picture {
  padding: 0;
  height: 16rem;
  align-items: center;
  display: flex;
  justify-content: center;
}
.product-con .item-line .item-title a {
  font-size: 1.2rem;
}
.product-con .item-line:after {
  border: 0;
}
.product-con .item-line:nth-child(2n-1) {
  float: left;
}
.product-con .item-line:nth-child(2n) {
  float: right;
}
/*advantage*/
.advantage {
  padding: 2.5rem 0;
  border-bottom: 0.5rem solid #f4f2f5;
}
.advantage .advan-nav {
  height: 7.25rem;
  margin: 1.4rem auto 0;
  width: 92%;
}
.advantage .advan-nav ul {
  display: flex;
  justify-content: space-around;
}
.advantage .advan-nav li {
  width: 25%;
  float: left;
  position: relative;
  text-align: center;
  border-top: 2px solid #bababa;
}
.advantage .advan-nav li em {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 2.4rem;
  height: 2.4rem;
  margin: 1rem auto 0;
}
.advantage .advan-nav li span {
  display: block;
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 3rem;
  color: #333;
  overflow: hidden;
  height: 3rem;
}
.advantage .advan-nav .cur span {
  font-weight: bold;
  color: #17a4ce;
}
.advantage .advan-nav .cur {
  border-top: 4px solid #17a4ce;
}
.advantage .advan-con {
  width: 92%;
  margin: 1.2rem auto;
  overflow: hidden;
}
.advantage .advan-con dd h3 {
  height: 5.75rem;
  border-bottom: 2px solid #ebebeb;
  line-height: 5.75rem;
  overflow: hidden;
}
.advantage .advan-con dd h3 img {
  display: block;
  width: 2.5rem;
  padding-right: 3%;
  border-right: 2px solid #c0c1c2;
  float: left;
  margin-top: 1.9rem;
}
.advantage .advan-con dd h3 em {
  display: block;
  width: 78%;
  margin-left: 3%;
  height: 5.75rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  float: left;
}
.advantage .advan-con dd h3 em i {
  display: block;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 2.5rem;
  color: #26282d;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 2.5rem;
  margin-top: 1.3rem;
}
.advantage .advan-con dd h3 em b {
  display: block;
  font-size: 0.7rem;
  font-weight: normal;
  line-height: 1rem;
  color: #a8a9ab;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1rem;
}
.advantage .advan-con dd p {
  font-size: 1.3rem;
  font-weight: normal;
  line-height: 1.8rem;
  color: #333333;
  margin-top: 1rem;
}
.advantage .advan-pagin {
  width: 92%;
  margin: 1.9rem auto 0;
  height: 0.6rem;
  position: relative;
  text-align: center;
  line-height: 0;
}
.advantage .advan-pagin .swiper-pagination-bullet {
  display: inline-block;
  background: #272636;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 0.75rem;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  margin: 0 0.6rem;
  opacity: 1;
  cursor: pointer;
}
.advantage .advan-pagin .swiper-pagination-bullet-active {
  width: 2rem;
  background: #17a4ce;
}
.advantage img{
    height: 21rem;
}
.left-nav-01-one h3{
  border-bottom: 1px solid #e4e4e4;
}
/*g-case*/
.g-case {
  padding: 2.5rem 0 0 0;
  border-bottom: 0.5rem solid #f4f2f5;
}
.g-case dt img{
  height: 21rem;
}

.case-nav {
  height: 13rem;
  margin: 1.3rem auto 0;
  width: 92%;
}
.case-nav span {
  display: block;
  width: 32%;
  height: 5.5rem;
  background: #f0f0f0;
  float: left;
  margin: 0 2% 0.7rem 0;
}
.case-nav span em {
  display: block;
  width: 2.9rem;
  margin: 0.3rem auto 0;
}
.case-nav span i {
  display: block;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 1.8rem;
  color: #333;
  height: 1.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}
.case-nav span:nth-child(3n) {
  margin-right: 0;
}
.case-nav .cur {
  background: #17a4ce;
}
.g-case dl {
  width: 92%;
  margin: 0 auto;
  overflow: hidden;
}
.g-case dl dd {
  margin: 0.9rem 0 1.8rem;
}
.g-case dl dd h3 {
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 2.5rem;
  color: #333;
  height: 2.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.g-case dl dd p {
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 1.8rem;
  color: #666;
  margin-top: 0.5rem;
}
/*g-partner*/
.g-partner {
  padding: 2.5rem 0 4rem;
  border-bottom: 0.5rem solid #f4f2f5;
}
.g-partner h2 {
  width: 92%;
  margin: 0 auto 1.4rem;
  height: 2.5rem;
  background-image: url('../images/par_line.gif');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 1px 1px;
  background-repeat: repeat-x;
}
.g-partner h2 em {
  display: block;
  width: 33.33%;
  height: 2.5rem;
  background-color: #17a4ce;
  text-align: center;
  border-radius: 3rem;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 2.5rem;
  color: #fff;
  margin: 0 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.g-partner ul {
  width: 92%;
  margin: 0 auto;
}
.g-partner ul li {
  width: 32.3%;
  float: left;
  border: 1px solid #cfcfcf;
  box-sizing: border-box;
  margin-right: 1.5%;
}
.g-partner ul li:nth-child(3) {
  margin-right: 0;
}
/*g-new*/
.g-new {
  padding: 2.5rem 0;
}
.new-nav {
  margin: 0.8rem auto;
  width: 92%;
}
.new-nav h3 {
  display: block;
  width: 32%;
  float: left;
  margin: 0 1% 0.5rem 0;
  height: 2.5rem;
  border-radius: 3rem;
  background: #272636;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 2.5rem;
  color: #fff;
  text-align: center;
}
.new-nav h3:nth-child(3) {
  margin-right: 0;
}
.new-nav .cur {
  background: #17a4ce;
}
.news_con {
  width: 92%;
  margin: 0 auto;
  overflow: hidden;
}
.news_con .item-line {
  border-bottom: 1px solid #e2e2e2;
  position: relative;
}
.news_con .item-line:first-child {
  margin-bottom: 0.8rem;
}
.news_con .item-line:first-child .item-picture {
  display: block;
  width: 45%;
  float: left;
}
.news_con .item-line:first-child .item-picture img {
  display: block;
  width: 100%;
  height: 12rem;
}
.news_con .item-line:first-child .item-text {

  width: 52%;
  float: right;
}
.news_con .item-line:first-child .item-text .prod-hot-name {
  width: 100%;
  margin: 0.8rem 0 0;
}
.news_con .item-line:first-child .item-text .prod-hot-name a {
  color: #000;
  padding-left: 0;
  font-size: 1.5rem;
}
.news_con .item-line:first-child .item-text .prod-hot-name:after {
  border: 0;
}
.news_con .item-line:first-child .item-text .prod-hot-desc {
  display: block;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 1.6rem;
  color: #666;
  margin-bottom: 1.3rem;
}
.news_con .item-line:last-child {
  border: 0;
}
.news_con .item-line .item-picture,
.news_con .item-line .prod-hot-desc {
  display: none;
}
.news_con .item-line .prod-hot-name {
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 3rem;
  color: #5d5d5d;
  height: 3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
}
.news_con .item-line .prod-hot-name:after {
  content: "";
  position: absolute;
  top: 1.2rem;
  left: 0;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 0.4rem;
  border: 1px solid #a0a0a0;
}
.news_con .item-line .prod-hot-name a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 4%;
}
/*g-about*/
.g-about {
  padding: 0 0 1.5rem;
}
.g-about dd {
  padding: 0 4%;
}
.g-about dd h2 {
  width: 56.52%;
  background: #17a4ce;
  padding: 1.3rem 0;
  position: relative;
  margin: -3rem 0 2rem;
  z-index: 2;
}
.g-about dd h2 em {
  display: block;
  font-size: 2rem;
  font-weight: bold;
  line-height: 3rem;
  color: #fff;
  height: 3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 1.6rem;
}
.g-about dd h2 i {
  display: block;
  font-size: 1.3rem;
  font-weight: normal;
  line-height: 2rem;
  color: #fff;
  height: 2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 1.6rem;
}
.g-about dd h2:before {
  content: '';
  position: absolute;
  bottom: -0.8rem;
  left: 15%;
  width: 0;
  height: 0;
  border-top: 0.8rem solid #17a4ce;
  border-left: 0.8rem solid rgba(0, 0, 0, 0);
  border-right: 0.8rem solid rgba(0, 0, 0, 0);
}
.g-about dd h3 {
  display: block;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 3rem;
  color: #2f2f2f;
  height: 3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.g-about dd p {
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 2rem;
  color: #666;
}
/******************************************************************************************/
/*************************************内页样式**********************************************/
/******************************************************************************************/
.pro-show {
  margin-bottom: 1rem;
}
.pro-show-pic {
  position: relative;
  width: 93.75%;
  margin: 0.5rem auto 3rem;
}
.pro-show-prev,
.pro-show-next {
  width: 1.5rem;
  height: 1.5rem;
  border: 2px solid #333;
  transform: rotate(45deg);
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  margin-top: -0.5rem;
  z-index: 22;
}
.pro-show-prev {
  left: 2%;
  border-style: none none solid solid;
}
.pro-show-next {
  right: 2%;
  border-style: solid solid none none;
}
.pro-show-pic .pro-show-page {
  font-size: 0.9rem;
  line-height: 1.5rem;
  color: #787878;
  position: absolute;
  left: 0;
  bottom: 0.8rem;
  text-align: right;
  box-sizing: border-box;
  padding-right: 0.8rem;
  z-index: 22;
}
.pro-show-pic li > img {
  width: 100%;
  display: block;
}
.pro-show-tit {
  padding-top: 1rem;
  font-size: 1.6rem;
  color: #333;
  text-align: center;
  line-height: 4rem;
  height: 4rem;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.pro-show-desc {
  width: 93.75%;
  margin: 0 auto 0;
  font-size: 1.3rem;
  font-weight: normal;
  line-height: 2.4rem;
  color: #666;
}
.pro-show-desc p {
  margin: 0;
  padding: 0;
}
.pro_dis {
  margin-bottom: 2rem;
  overflow: hidden;
}
.product-info {
  margin: 0 auto;
  box-sizing: border-box;

}
.product-info .pro_title {
  margin: 2rem 0 1.5rem;
}
.pro_title {
  margin: 2rem 3.125% 1.5rem;
  height: 2.5rem;
  background-color: #666666;
  line-height: 0;
  overflow: hidden;
  margin-bottom: 1.5rem;
}
.pro_title span {
  float: left;
  display: block;
  max-width: 45%;
  position: relative;
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 2.5rem;
  color: #fff;
  text-transform: uppercase;
  height: 2.5rem;
  padding: 0 2.5%;
  z-index: 1;
  overflow: hidden;
  background: #17a4ce;
}
.pro_title em {
  display: block;
  height: 2.5rem;
  max-width: 46%;
  padding: 0 2%;
  float: left;
  font-size: 1rem;
  font-weight: normal;
  line-height: 2.5rem;
  color: #fff;
  text-transform: uppercase;
  overflow: hidden;
}
.prod-content-nav {
  height: 3rem;
  position: relative;
  background: #eee;
}
.prod-content-nav li {
  float: left;
  background: #17a4ce;
  color: #fff;
  white-space: nowrap;
  font-size: 1.4rem;
  padding: 0 1rem;
  text-align: center;
  font-weight: normal;
  height: 3rem;
  line-height: 3rem;
  overflow: hidden;
}
.com_adv {
  margin-bottom: 0.75rem;
}
.com_adv .pro_title {
  margin-bottom: 1.25rem;
}
.com_adv_con dl {
  border: 1px solid #c8c8c8;
  border-radius: 0.2rem;
  margin: 1rem 3.125%;

}
.com_adv_con dt span {
  padding: 0 0.5rem;
  display: block;
  border-bottom: 1px solid #c8c8c8;
  color: #333;
  font-size: 1.3rem;
  font-weight: bold;
  height: 3rem;
  line-height: 3rem;
  text-align: center;
  overflow: hidden;
  margin-bottom: 0.75rem;
}
.com_adv_con dt img {
  display: block;
  width: 80%;
  height: auto;
  margin: 0 auto;
}
.com_adv_con dd {
  margin: 0.75rem;
  font-size: 1.3rem;
  font-weight: normal;
  line-height: 2rem;
  color: #666;
  overflow: hidden;
}
.com_adv dl.pro_clear {
  margin-right: 0;
}
.com_case {
  margin-bottom: 2rem;
}
.com_case .pro_title {
  margin-bottom: 1.25rem;
}
.com_case_con ul {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-wrap: wrap;
}
.com_case_con li {
  padding: 0.2rem;
  border: 1px solid #d9d9d9;
  margin-bottom: 0.3rem;
  background-color: #f0f0f2;
  width: 32.8%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.com_case_con li:nth-last-child(1),
.com_case_con li:nth-last-child(2) {
  width: 49.5%;
}
.com_case_con img {
  display: block;
  width: 100%;
}
.com_case li.pro_clear {
  margin-right: 0;
}
/*相关产品*/
.pro_title {
  height: 2.5rem;
  background-color: #666666;
  line-height: 0;
  overflow: hidden;
  margin-bottom: 1.5rem;
}
.pro_title span {
  float: left;
  display: block;
  max-width: 45%;
  position: relative;
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 2.5rem;
  color: #fff;
  text-transform: uppercase;
  height: 2.5rem;
  padding: 0 2.5%;
  z-index: 1;
  overflow: hidden;
  background: #17a4ce;
}
.pro_title em {
  display: block;
  height: 2.5rem;
  max-width: 46%;
  padding: 0 2%;
  float: left;
  font-size: 1rem;
  font-weight: normal;
  line-height: 2.5rem;
  color: #fff;
  text-transform: uppercase;
  overflow: hidden;
}
.product02 {
  width: 93.75%;
  margin: 0 auto 1.3rem;
}
.product {
  position: relative;
  margin-bottom: 1.3rem;
}
.prod-hot-desc,
.prod-hot-link {
  display: none;
}
.prod-hot {
  position: relative;
  margin-bottom: 2rem;
}
.prod-hot-info {
  padding: 0 2rem;
}
.prod-hot-info dt img {
  border: 1px solid #eee;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.prod-hot-info .prod-hot-name {
  display: block;
  height: 3rem;
  font-size: 1.2rem;
  color: #333;
  text-align: center;
}
.prod-hot-info .prod-hot-name a {
  display: block;
  height: 3rem;
  color: #333;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.prod-hot-next,
.prod-hot-prev {
  position: absolute;
  top: 10rem;
  width: 1.8rem;
  height: 1.8rem;
  cursor: pointer;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.prod-hot-prev {
  left: 0.5rem;
  border-left: 2px #555 solid;
  border-bottom: 2px #555 solid;
}
.prod-hot-next {
  right: 0.5rem;
  border-right: 2px #555 solid;
  border-top: 2px #555 solid;
}
.prod-hot-swit dl {
  height: auto;
}
/****************副导航***************/
.left-nav-01 {
  position: relative;
}
.left-nav-01-icon {
  position: absolute;
  top: 16.5rem;
  right: 3%;
  width: 2rem;
  height: 2rem;
  background-image: url(../images/nav-icon1.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 2rem 2rem;
  cursor: pointer;
}
.left-nav-01-icon2 {
  display: none;
  width: 1.2rem;
  height: 1.2rem;
  border-left: 1px solid #333;
  border-bottom: 1px solid #333;
  position: absolute;
  top: 1.2rem;
  left: 2rem;
  cursor: pointer;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.left-nav-01-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0;
  z-index: 9;
}
.left-nav-01-list {
  display: none;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  max-width: 750px;
  margin: 0 auto;
  z-index: 111;
}
.left-nav-01-con {
  position: relative;
  z-index: 99;
  float: right;
  margin-right: -83.867%;
  width: 83.867%;
  height: 100%;
  background: #fff;
  padding: 0 0 2rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow-x: hidden;
}
.left-nav-01-title {
  height: 5rem;
  font-size: 2rem;
  line-height: 5rem;
  text-align: center;
  background-color: #fff;
}
.left-nav-01-one a {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.left-nav-01-one > li {
  background-color: #f4f5f7;
  border-top: 1px solid #e4e4e4;
  font-size: 0;
  line-height: 0;
  position: relative;
}
.left-nav-01-one > li::after {
  content: "";
  width: 0.7rem;
  height: 0.7rem;
  border-right: 1px solid #666666;
  border-top: 1px solid #666666;
  position: absolute;
  top: 1.35rem;
  right: 1rem;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.left-nav-01-one > li > h3 > a {
  max-width: 80%;
  display: inline-block;
  height: 3.75rem;
  font-size: 1.2rem;
  line-height: 3.8rem;
  color: #333;
  padding: 0 0% 0 7.5%;
  overflow: hidden;
}
.left-nav-01-one > li.sidenavcur > h3 > a {
  color: #17a4ce;
}
.left-nav-01-one > li.cur::after {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 1s ease;
}
.left-nav-01-one > li.sidenavcur .left-nav-01-two {
  display: block;
}
.left-nav-01-two {
  display: none;
  border-top: 1px solid #e4e4e4;
  font-size: 1.4rem;
  line-height: 2.8rem;
  background: #fff;
}
.left-nav-01-two li {
  padding: 0 3% 0 12%;
  border-bottom: 1px solid #e4e4e4;
}
.left-nav-01-two li.sidenavcur a {
  color: #17a4ce;
}
.left-nav-01-two li:nth-last-child(1) {
  border-bottom: 0 !important;
}
.left-nav-01-two a {
  display: block;
  height: 3.75rem;
  font-size: 1.1rem;
  line-height: 3.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #555;
}
.htmlbody {
  height: 100%;
  overflow: hidden;
}
/*联系信息*/
.fdh-01-tit {
  background: #17a4ce;
  height: 4rem /* 80/20 */;
}
.fdh-01-tit h3 {
  height: 3.75rem /* 75/20 */;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 3.75rem;
  color: #333;
  border-bottom: 0.05rem /* 1/20 */ solid #fff;
  text-align: center;
  overflow: hidden;
}
.p6-order-form-1-add {
  border: 0.05rem /* 1/20 */ solid #eee;
  overflow: hidden;
  margin-bottom: 2rem /* 40/20 */;
}
.p6-order-form-1-add ul {
  padding: 1rem /* 20/20 */ 0.6rem /* 12/20 */;
}
.p6-order-form-1-add li {
  font-size: 0.7rem;
  font-weight: normal;
  line-height: 1.7rem;
  color: #666;
}
/*分页*/
.pagination-1 {
  margin: 1rem auto 3rem;
  text-align: center;
  font-size: 1.3rem;
  color: #17a4ce;
  line-height: 3rem;
}
.pagination-1 a {
  display: inline-block;
  width: 30%;
  color: #17a4ce;
  border: 0.05rem /* 1/20 */ solid #17a4ce;
  border-radius: 0.5rem;
}
.pagination-1 span {
  vertical-align: top;
  display: inline-block;
  padding: 0 0.5rem;
}
.pagination-1 .page_curr {
  background: #000;
  color: #fff;
  border-color: #000;
}
.pagination-1 .laypage_first,
.pagination-1 .laypage_last {
  display: none;
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*产品列表*/
.prod-list01.list-style-01 {
  padding: 0 4%;
}
.list-style-01 .prod-list01-tit {
  height: 5rem;
  font-size: 1.6rem;
  text-align: center;
  line-height: 5rem;
  padding: 0 1.5rem;
  overflow: hidden;
}
.list-style-01 .prod-list01-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.list-style-01 dl {
  border: 0.05rem /* 1/20 */ solid #dedede;
  margin-bottom: 0.75rem /* 15/20 */;
  background: #fff;
  width: 48%;
  margin: 0 0 1rem;
}
.list-style-01 dl:hover {
  border-color: #17a4ce;
}
.list-style-01 dt img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
}
.list-style-01 dd {
  padding: 0 2%;
}
.list-style-01 .prod-list01-name {
  height: 3rem;
  font-weight: normal;
  font-size: 1.2rem;
  color: #333;
  line-height: 3rem;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.list-style-01 .prod-list01-name a {
  display: block;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.list-style-01 .prod-list01-list-desc {
  display: none;
  height: 2rem;
  font-size: 1rem;
  line-height: 2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*资讯列表*/
.prod-list01.list-style-02 {
  padding: 0 3%;
}
.list-style-02 .prod-list01-tit {
  height: 5rem;
  font-size: 1.6rem;
  text-align: center;
  line-height: 5rem;
  padding: 0 1.5rem;
  overflow: hidden;
}
.list-style-02 .prod-list01-list {
  border-top: 1px solid #e5e5e5;
}
.list-style-02 dl {
  padding: 1.25rem 0;
  border-bottom: 1px solid #e5e5e5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.list-style-02 dl:hover {
  border-color: #17a4ce;
}
.list-style-02 dt {
  width: 39.5%;
}
.list-style-02 dt img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
}
.list-style-02 dd {
  width: 56%;
  padding: 0 2%;
}
.list-style-02 .prod-list01-name {
  height: 2.6rem;
  font-weight: 400;
  font-size: 1.6rem;
  color: #333;
  line-height: 2.6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.list-style-02 .prod-list01-name a {
  display: block;
  color: #111;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.list-style-02 .prod-list01-list-desc {
  max-height: 4rem;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.list-style-02 .prod-list01-link {
  display: none;
}
/*---------------------------------------------------------------------------------------------------*/
/*资讯详情*/
.article-title {
  width: 93.75%;
  font-size: 2rem;
  color: #000;
  line-height: 2.5rem;
  text-align: center;
  border-bottom: 0.05rem /* 1/20 */ solid #a3a3a3;
  margin: 0.6rem auto;
  padding: 1rem 0;
}
.article-desc {
  width: 93.75%;
  margin: 0 auto 2rem;
  border: 0.05rem /* 1/20 */ solid #ccc;
  font-size: 1.2rem;
  line-height: 2rem;
  padding: 0.5rem 1rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.article-desc-t2 {
  display: initial;
}
.article-con {
  width: 93.75%;
  margin: 0 auto 2rem;
}
/**/
/*关于我们------------------------------------------------------------------------------------*/
.company {
  padding: 2rem 3.125% 1.5rem;
}
.com-title {
  font-size: 1.6rem /* 32/20 */;
  color: #222;
  text-align: center;
  position: relative;
  margin-bottom: 2rem /* 40/20 */;
}
.com-title p {
  height: 2.5rem /* 50/20 */;
  line-height: 2.5rem /* 50/20 */;
  overflow: hidden;
}
.com-title span {
  height: 1.4rem /* 28/20 */;
  display: block;
  font-size: 1.2rem /* 16/20 */;
  color: #666;
  line-height: 1.4rem /* 28/20 */;
  overflow: hidden;
}
.com-title i {
  display: block;
  width: 7rem /* 140/20 */;
  border-top: 0.05rem /* 1/20 */ dashed #999;
  margin: 0.5rem /* 10/20 */ auto;
  position: relative;
}
.com-title i::after {
  content: "";
  width: 0.5rem /* 10/20 */;
  height: 0.5rem /* 10/20 */;
  background: #17a4ce;
  border: 0.25rem /* 5/20 */ solid #fff;
  position: absolute;
  top: -0.55rem /* 11/20 */;
  left: 50%;
  margin-left: -0.5rem /* 5/20 */;
}
.company-name {
  padding: 0 0 0.5rem 0;
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 2rem;
  color: #000;
  margin-bottom: 1rem /* 20/20 */;
  border-bottom: 0.05rem /* 1/20 */ solid #f1f1f1;
}
.company-name p {
  height: 2rem /* 28/20 */;
  overflow: hidden;
}
.company-name span {
  display: block;
  height: 1.4rem /* 28/20 */;
  font-size: 1rem /* 14/20 */;
  line-height: 1.4rem;
  color: #666;
  text-transform: uppercase;
  overflow: hidden;
}
.company-info {
  margin-bottom: 1rem /* 10/20 */;
}
.company-desc {
  font-size: 1.3rem;
  font-weight: normal;
  line-height: 2rem;
  color: #666;
  text-align: justify;
  overflow: hidden;
}
.company-img {
  margin-bottom: 1rem;
}
/*联系我们---------------------------------------------------------------------------------------------------------*/
.contact {
  padding-top: 2rem;
  margin-bottom: 3rem;
  width: 93.75%;
  margin: 0 auto;
}
.contact-title {
  font-size: 1.6rem;
  color: #222;
  text-align: center;
  position: relative;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
}
.contact-title:after {
  content: "";
  width: 6rem;
  height: 2px;
  background-color: #999999;
  position: absolute;
  bottom: 0.15rem;
  left: 50%;
  margin-left: -3rem;
  line-height: 0;
}
.contact-title:before {
  content: "";
  width: 0.4rem;
  height: 0.4rem;
  background-color: #17a4ce;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -0.2rem;
  z-index: 6;
}
.contact-title p {
  font-size: 2rem;
  height: 2.3rem;
  line-height: 2.3rem;
  overflow: hidden;
}
.contact-title span {
  display: block;
  font-size: 1.1rem;
  height: 2rem;
  line-height: 2rem;
  color: #666;
  overflow: hidden;
}
.contact-txt {
  padding: 0.5rem 2%;
  margin-bottom: 2rem;
  background: #f4f4f4;
}
.contact-txt img {
  width: 20%;
  display: block;
  float: left;
}
.contact-txt p {
  font-size: 1.4rem;
  color: #17a4ce;
  line-height: 2.5rem;
}
.contact-txt .contact-txt-desc {
  color: #444;
  font-size: 1.2rem;
}
.contact-list {
  margin-bottom: 2rem;
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
}
.contact-deta {
  width: 48%;
  border: 1px solid #eee;
  text-align: center;
  color: #666;
  padding: 1rem 0.5rem 0.5rem;
  margin-bottom: 1rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.contact-deta.last {
  margin-right: 0;
}
.contact-icon {
  width: 2.5rem;
  height: 2.5rem;
  background-color: #17a4ce;
  border-radius: 50%;
  margin: 0 auto 1rem;
  overflow: hidden;
}
.contact-list-txt {
  font-size: 1.4rem;
  color: #333;
  line-height: 2rem;
}
.contact-info {
  font-size: 1.2rem;
  line-height: 2rem;
  color: #555;
  word-wrap: break-word;
}
.contact-info a {
  color: #555;
}
.contact-map {
  margin-bottom: 3rem;
}
.contact-map img {
  width: auto;
  max-width: 100%;
}
video{
    border-radius: 3rem 0 3rem 0;
}
.product-slide .item-line{
    border: 1px solid #ccc;
}



.pagination {

  margin-top: 1rem;

}
.pagination li {
  float: left;
}
.pagination a {
  border: 1px solid #c5c5c5;
  margin-right: 5px;
}
.pagination-1 a, .pagination-1 span {
  vertical-align: top;
  display: inline-block;

  height: 2.2rem;
  line-height: 2.2rem;
  border: 1px solid #e5e5e5;
  text-align: center;
  margin: 0 0.1rem;
    margin-right: 0.1rem;
  background: #fff;
}
.active a {
  background-color: #17a4ce;
  color: #fff;
}

.about_txt{
    width: 90%;
    margin: 2rem auto 3rem;
    height: 16rem;
}
.orien1{
  border-bottom: 0.5rem solid #f4f2f5;
}
.orien1 dl {
  width: 90%;
  height: 25rem;
  background: #f4f2f5;
  border-radius: 0.8rem;
  margin: 6rem auto 1rem;
  position: relative;
}
.orien1 dt em {
  display: block;
  width: 7rem;
  height: 7rem;
  background: #333;
  border: 1rem solid #fff;
  position: relative;
  margin: -6rem auto 0;
  border-radius: 12rem;
}
.orien1 dt em img {
  display: block;
  width: 3.5rem;
  height: 3.5rem;
  margin: 2rem auto;
}
.orien1 dt span {
  display: block;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 6rem;
  color: #3a3a3a;
  text-align: center;
  height: 6rem;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.orien1 dt span::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 2.6rem;
  height: 0.1rem;
  background: #bebcbe;
  margin-left: -1.3rem;
}
.orien1 dd {
  margin: 1.5rem 3rem 0 3rem;
  text-align: center;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 2.4rem;
  color: #3a3a3a;
  max-height: 7.2rem;
  overflow: hidden;
}




.clearfix li {
  width: 90%;
  height: 18rem;
  margin: 2rem auto;
  border-bottom: 1px solid #ece4e4;
}
.clearfix li .sup-left {
  width: 16rem;
  height: 16rem;
  float: left;
  padding-top: 0.5rem;
  box-sizing: border-box;

}
.clearfix li .sup-pic {
  width: 15rem;
  height: 15rem;
  float: left;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 1rem;

}
.clearfix li .sup-pic img {
  width: 100%;
  height: 100%;
}
.clearfix li .sup-left span {
  display: block;
  height: 3.3rem;
  line-height: 3.3rem;

  font-size: 1.6rem;
  color: #000;
  font-weight: bold;

}


.orien li {
  background: #fff;
  width: 90%;
  height: 20rem;

  text-align: center;
  position: relative;
  margin: 1rem auto;
  box-sizing: border-box;
}


.orien li .title {
  background-image: url('../images/ys-yun.png');
  background-repeat: no-repeat;
  background-position: center 4rem;
  background-size: 12.1rem 4.7rem;
  height: 9.4rem;
  font-size: 2.4rem;
  font-weight: 1000;
  line-height: 4rem;
  color: #17a4ce;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 2rem;
  line-height: 10.4rem;
}
.orien li .desc {
  font-size: 1.5rem;
  font-weight: normal;
  color: #000;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  line-height: 2.8rem;
  height: 10rem;

  padding: 0 1.2rem;

}

.fadeInUpLarge {
  width: 48%;

  border-radius: 1rem;
  background: #f5f5f5;
  color: #000;
  margin: 1rem auto;
    margin-left: auto;
  float: left;
  margin-left: 1.4%;

}



.t_box_title{
  text-align: center;
  font-size: 1.6rem;
  height: 5rem;
  line-height: 6rem;
  font-weight: bold;
  color:#000;
}
.show_box p{
    width: 90%;
    margin: 0 auto;
    
    
    
}

.recover_scope_list{
    padding: 0 0 4rem 0;
}





.right_box{
    height: 17rem;
  padding: 2rem 1rem;
  background: #252934;
  box-shadow: 1px 0px 6px 2px #fff;
  width: 84%;
  margin: 2rem 5%;
}

.right_box .item_title {
  font-weight: 500;
  color: #fff;
  font-size: 2.4rem;
}
.right_box .item_bic {
  width: 11rem;
  height: 3rem;
  margin: 1rem 0;
  border-radius: 0.5rem;
  background: #fff;
  padding: 0 0.5rem;
  color: #000;
  line-height: 3rem;
}
.right_box .item_des,.titley h2,.titley span{
    color:#fff;
}
.about1 .advan-pagin,.product-nav1 {
  width: 92%;
  margin: 3rem auto;
  height: 0.6rem;
  position: relative;
  text-align: center;
  line-height: 0;
}

.product-nav1 span{
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
}

.about1 .advan-pagin .swiper-pagination-bullet-active {
  width: 2rem;
  background: #17a4ce;
}

.about1{
    padding-top: 3rem;
    
}
.about1 .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 0.75rem;
  background: #fff;

}
.orien1 .swiper-pagination-bullet{
    background: #000;
}

.scope {
  padding-top: 3rem;
  background-image: url('../images/bzlc.png');
  background-repeat: no-repeat;
  background-position: 0 10rem;
  overflow: hidden;
  background-size: 37.5rem auto;
}


.scope ul li{
    width: 10rem;
    height: 3rem;
    float: left;
    text-align: center;
}
.scope ul li:nth-child(1),.scope ul li:nth-child(2),.scope ul li:nth-child(3){
    margin-top:9rem ;
}

.scope ul li:nth-child(4),.scope ul li:nth-child(5){
    margin-top:6rem ;
}
.scope ul li:nth-child(6),.scope ul li:nth-child(7),.scope ul li:nth-child(8){
    margin-top:7rem ;
}
.scope ul li:nth-child(1),.scope ul li:nth-child(6){
    margin-left: 3.7rem;
}
.scope ul li:nth-child(4){
    margin-left:9rem ;
}





.scope h5 {
  width: 30rem;
  margin: 1rem auto;
  height: 5.5rem;
  background-image: url('../images/lc_lx.png');
  background-repeat: no-repeat;
  background-position: left 1.9rem;
  background-size: 1.8rem 1.8rem;
}
.scope h5 em {
  display: inline-block;
  width: 7.2rem;
  height: 5.5rem;
  font-size: 1.3rem;
  font-weight: normal;
  line-height: 5.5rem;
  color: #000;
  overflow: hidden;
  margin-left: 3rem;
}
.scope h5 span {
  display: inline-block;
  width: 16.8rem;
  height: 5.5rem;
  font-size: 2.3rem;
  font-weight: bold;
  line-height: 5.5rem;
  color: #17a4ce;
  overflow: hidden;
}

.g-new1{
    background: #f5f5f5;
}
.about{
    padding-top: 3rem;
}
.about_txt1{
    margin: 2rem auto 0;
  height: 15rem;
}
.clearfix li:nth-child(4){
    border: none;
}

.advan-con1 dl{
    width: 86%;
    margin:0 7%;
}

.advan-con1 dl dt {
  width: 9.3rem;
  height: 9.2rem;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -4.65rem;
}


.advan-con1 dl dt::before, .advan-con1 dl dt::after {
  position: absolute;
  content: "";
  border-style: solid;
  border-color: transparent #17a4ce transparent transparent;
  border-width: 3.3rem 1.3rem;
  top: 1.3rem;
}
.advan-con1 dl dt::before {
  left: -1.3rem;
}
.advan-con1 dl dt img {
  width: 4rem;
  height: 4rem;
  position: relative;
  z-index: 2;
  margin: 2.5rem;
}
.advan-con1 dl dt i {
  width: 6.6rem;
  height: 6.6rem;
  position: absolute;
  top: 1.3rem;
  left: 1.3rem;
  background: #17a4ce;
}
.advan-con1 dl dt::after {
  right: -1.2rem;
  border-color: transparent transparent transparent #17a4ce;
}
.advan-con1 dl dd {
  width: 100%;
  height: 16.1rem;
  background: rgba(255, 255, 255, 0.9);
  margin-top: 4.8rem;
  padding: 5.6rem 3.4rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.advan-con1 dl dd h3 strong {
  text-align: center;
  display: block;
  font-size: 2.7rem;
  line-height: 5.3rem;
  height: 5.3rem;
  color: #17a4ce;
  font-weight: bold;
  overflow: hidden;
}

.advan-con1 dl dd h3 span {
  text-align: center;
  display: block;
  font-size: 1.6rem;
  line-height: 2.2rem;
  height: 2.2rem;
  color: #333;
  font-weight: bold;
  overflow: hidden;
}
.advan-con1 dl dd div {
  font-size: 1.6rem;
  line-height: 3rem;
  color: #545454;
  height: 18rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  margin-top: 1rem;
}
.about3{
    background: #f5f5f5;
}
.advan-con1 dl dt i::before, .advan-con1 dl dt i::after {
  position: absolute;
  content: "";
  border-style: solid;
  border-color: transparent transparent #17a4ce transparent;
  border-width: 1.3rem 3.3rem;
  left: 0;
}
.advan-con1 dl dt i::before {
  top: -2.6rem;
}
.advan-con1 dl dt i::after {
  bottom: -2.6rem;
  border-color: #17a4ce transparent transparent 
}
.about3 .swiper-pagination-bullet {

  background: #000;
}
.ysm{
    margin-top: 2rem;
}



.fw-box1{
  width: 45%;
  background: linear-gradient(180deg,#f4f6f9,#fff);
  box-shadow: 0 0 5px #cac8c8;
  border-radius: 1rem;
  border: 1px solid #fff;
  box-sizing: border-box;
  margin: 1rem 1.5% 0;
  float: left;
}
.fw-box1 img{
  width: 2.5rem;
  margin: 1.5rem auto 1rem;
  height: 2.5rem;
}
.fw-box1 em{
    display: block;
  font-size: 1.6rem;
  margin: 1rem auto 0.5rem;
  text-align: center;
}
.fw-box1 p{
  margin: 0 1rem 1rem 1rem;
  font-size: 1.2rem;
  text-align: center;
}
.fw-box1 .fw-box-more {
  width: 6rem;
  height: 2rem;
  background-color: #17a4ce;
  margin: 0 auto 1rem;
  text-align: center;
  line-height: 1.6rem;
  border-radius: 0.5rem;
}
.fw-box1 .fw-box-more span a{
    color:#fff;
    font-size: 1rem;
}
.message_button .submit{
    width: 100%;
  height: 100%;
  background: #1d667b;
  color: #fff;
  font-size: 1rem;
}


.advantage1 {
  background-image: url('../images/ys-bg.jpg');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 37.5rem 46.65rem;
  height: 46.65rem;
  box-sizing: border-box;
  padding-top: 4rem;
}
.advantage1 .advantage-con {
  width: 92%;
  margin: 0 auto;
    margin-top: 0px;
  overflow: hidden;
  margin-top: 1.85rem;
} 
.advantage1 .advantage-con ul {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.advantage1 .advantage-con ul li {
  background: #fff;
  width: 49%;
  height: 16rem;
  margin-bottom: 0.55rem;
  text-align: center;
  overflow: hidden;
}
.advantage1 .advantage-con ul li .icon {
  width: 3rem;
  height: 3rem;
  overflow: hidden;
  line-height: 0;
  display: block;
  margin: 1rem auto 0;
} 
.advantage1 img {
  width: 100%;
  display: block;
}
.advantage1 .advantage-con ul li .title {
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 3rem;
  color: #222;
  display: block;
  height: 3rem;
  overflow: hidden;
}
.advantage1 .advantage-con ul li .desc {
  font-size: 1.1rem;
  font-weight: normal;
  line-height: 1.5rem;
  color: #666;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  height: auto;
  padding: 0 1rem;
} 

.about-info2 .swiper-slide:nth-child(1) .fadeInUpLarge{
    height: 23rem;;
}
.about-info2 .swiper-slide:nth-child(2) .fadeInUpLarge{
    height: 19rem;;
}
.about-info2 .swiper-slide:nth-child(3) .fadeInUpLarge{
height: 19rem;

}
.about-info2 .swiper-slide:nth-child(4) .fadeInUpLarge{
    height: 24rem;;
}

.com_adv .advan-pagin, .product-nav1 {
  width: 92%;
  margin: 0 auto 3rem;
  height: 0.6rem;
  position: relative;
  text-align: center;
  line-height: 0;
}



/*# sourceMappingURL=index.css.map */