@font-face{
    font-family:GILSANUB;
   src:url('../font/GILmt.TTF')
 }
 
 html,body,div,ul,li,h1,h2,h3,h4,h5,h6,p,table {
   margin: 0;
   padding: 0;
 }

 .show-box div img{
  width: 30px;
  margin: auto;
}
.show-nav{
  position: relative;
}
.show-nav:hover .show-box{
  display: block;
}
.show-box{
  position: absolute;
  top:50px;
  width: 100%;
  display:none;

  background-color: #fff;
  z-index: 9;

}
.show-box div:hover{
  background-color: #75c2cc;
  color: #fff;
}
.show-box div{
  height: 40px;
  line-height: 40px;
  color: #333;
  padding: 0px 10px;
  display: flex;
  justify-content : center;
  border-bottom: 1px solid #ccc;
  text-align: center;
}
.show-nav>a {
    padding: 0 30px 0 0px !important;
    background: url(../images/ico.png) right center no-repeat;
}
 .img-box2{
     width: 100%;
 }
 .img-box2 img{
     width: 100%;
     margin: 10px auto;
 }
 .autxtarea-y {
     max-width: 100%;
     min-width: 100%;
     min-height: 200px;
 }
 .max-leftimg {
     width: 647px;
 }
 .max-leftimg img{
     width: 100%;
     height: 99%;
 }
 .max-img{
     display: none;
    /* display: flex;*/
     justify-content : space-between;
 }

 .img-rbox a img{
     width: 245px;
 }
 .showimg1 img{
    width: 274px;
 }
 .showimg1 a:nth-child(2) img{
    width: 554px
 }
 .form-group{
     margin: 10px auto;
     display: flex;justify-content : space-between;
 }
 .col-md-6 {
     width: 46%;
 }.col-sm-10 {
     width: 83.33333333%;
 }.form-group .btn {
     padding: 6px 52px !important;
 }
 .btn-primary:hover {
     color: #fff;
     background-color: #286090;
     border-color: #204d74;
 }.btn-primary {
     color: #fff;
     background-color: #337ab7;
     border-color: #2e6da4;
 }
 .control-label{
     font-size: 16px;
     font-weight: bold;
 }
 .plping .row p {
     display: flex;
     /* justify-content: space-between; */
     font-size: 1.1rem;
     justify-content: flex-start;
     line-height: 57px;
 }
 .btn {
     display: inline-block;
     padding: 6px 12px;
     margin-bottom: 0;
     font-size: 14px;
     font-weight: 400;
     line-height: 1.42857143;
     text-align: center;
     white-space: nowrap;
     vertical-align: middle;
     -ms-touch-action: manipulation;
     touch-action: manipulation;
     cursor: pointer;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     background-image: none;
     border: 1px solid transparent;
     border-radius: 4px;
 }
 .form-control {
     display: block;
     width: 100%;
     height: 34px;
     padding: 6px 12px;
     font-size: 14px;
     line-height: 1.42857143;
     color: #555;
     background-color: #fff;
     background-image: none;
     border: 1px solid #ccc;
     border-radius: 4px;
     -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
     box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
     -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
     -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
     transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
 }
 ul,li {
   list-style: none;
 }
 a {
   text-decoration: none;
 }
 html, body {
   width: 100%;
   
 }
 .w90 {
     width: 90%;
     margin: 0 auto;
 }
 .w90 h4 {
     line-height: 1.8em;
     font-size:16px;
 }.form-horizontal .control-label {
     padding-top: 7px;
     margin-bottom: 0;
     text-align: right;
 }
 .row{
     display: flex;
     justify-content : space-between;
 }
 
 .news-img img {
     width:90%;
     transform:scale(1);
     transition:all .9s;
 }
 .news-img img:hover {
     transform:scale(1.03);
 }
 .news-info {
     display:flex;
     border-bottom:1px solid #EEEEEE;
     padding-bottom:50px;
     height:100%;
     flex-direction:column;
 }
 .Join-box{
     margin-bottom: 40px;
 }
 .Join-box p {
     font-size: 14px;
     font-family: Source Han Sans CN;
     font-weight: 400;
     color: rgba(102,102,102,1);
     line-height: 23px;
 }
 .news-info:hover h3 {
     color:#06F;
 }
 .news-info h3 {
     font-size:20px;
     padding-bottom:20px;
     font-family:Source Han Sans CN;
     font-weight:500;
     color:rgba(51,51,51,1);
     line-height:23px;
 }
 .title {
     font-size:30px;
     text-align: center;
     color:#333;
     margin:90px 0 75px 0;
 }
 .news-info p {
     font-size:14px;
     font-family:Source Han Sans CN;
     font-weight:500;
     color:rgba(101,101,101,1);
     line-height:23px;
 }
 .news-info p span {
     color:rgba(153,153,153,1);
     margin-right:20px;
 }
 .news-list {
     overflow:hidden;
     margin:50px auto 30px;
 }
 
 .breadcrumb {
     background: #fff;
 }
 .breadcrumb {
     margin-bottom: 0;
 }
 
 .text-info {
     color: #2e70c7;
 }.text-center {
     text-align: center;
 }.h2, h2 {
     font-size: 30px;
 }.dowinlist {
     font-size: 0;
     overflow: hidden;
     padding: 0 10%;
 }
 .dowinlist li {
     font-size: 14px;
     width: 25%;
     margin-top: 30px;
 }
 .dowinlist li a {
     text-decoration: none;
 }
 .dowinlist li img.icoimg {
     display: block;
     margin: 0 auto;
     max-width: 100%;
     width: 140px;
     height: 140px;
 }
 .dowinlist li span {
     font-size: 20px;
     color: #313131;
     line-height: 46px;
     display: block;
     padding-top: 10px;
 }
 .dowinlist li span img {
     margin-right: 10px;
     vertical-align: middle;
     margin-bottom: 15px;
 }
 .dowinlist li:hover span {
     text-decoration: none;
     color: #2e70c7;
 }
 .mwnlist {
     margin-bottom: 140px;
     overflow: hidden;
     padding-left: 12%;
 }
 .mwnlist li {
     float: left;
     width: 33%;
     position: relative;
 }
 .mwnlist li a {
     padding-left: 24px;
     line-height: 2.5em;
     font-size: 20px;
     color: #313131;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     display: block;
 }
 .mwnlist li a::before {
     content: "";
     position: absolute;
     left: 8px;
     top: 20px;
     width: 10px;
     height: 10px;
     background: #2e70c7;
     border-radius: 50%;
     transition: 0.3s;
 }
 .mwnlist li a:hover {
     color: #2e70c7;
 }
 .mwnlist li a:hover::before {
     width: 15px;
     height: 15px;
     top: 18px;
 }
 .c-img-new {
     width: 100%;
     overflow: hidden;
     height: 300px;
     position: relative;
 }
 .breadcrumb {
     background: #fff;
 }
 .breadcrumb {
     padding: 8px 15px;
     margin-bottom: 20px;
     list-style: none;
     background-color: #f5f5f5;
     border-radius: 4px;
 }.breadcrumb>li {
     display: inline-block;
 }a {
     color: #337ab7;
     text-decoration: none;
 }
 .breadcrumb>li+li:before {
     padding: 0 5px;
     color: #ccc;
     content: "/\00a0";
 }
 
 *{
     /*letter-spacing: .3px;*/
      font-family:"GILSANUB";
 }
 body {
   overflow-x: hidden;
 }
 .fbox-info .white {
     color: #fff;
 }
 .fbox-info .white::after{
     background-color: #fff;
 }
 .container {
   width: 1162px;
   margin: 0 auto;
   position: relative;
 }
 .container::after {
   content: '';
   display: block;
   clear: both;
   width: 100%;
 }
 .show-img{
   padding: 2% ;
   width: 96%;
   background-color: #daf8ee;
   overflow: hidden;
 }
 .showimg1{
   width: 100%;
   display: flex;
   justify-content : space-between;
 }
 .showimg1 img{
   transform: scale(1);
     transition: all .8s;
 }
 .showimg1 img:hover{
   transform: scale(1.02 );
 }
 
 .swiper-banner {
   height: auto;
   position: relative;
   overflow: hidden;
 }
.swiper-banner img{
width:100%;}
 .banner2 {
   width: 1162px;
    margin: 0 auto;
    position: relative;
 }
 .banner2 a{
  
 }
 .swiper-slide a {
   height: auto;
   background-repeat: no-repeat;
   background-position: center;
   display: block;
 }
 .swiper-banner .swiper-button-prev,
 .swiper-banner .swiper-button-next {
   width: 80px;
   height: 45px;
   background-size: 100% 100%;
   opacity: 1;
 }
 .swiper-banner .swiper-button-prev {
   background-image: url('../img/arico2.jpg');
   left: 50%;
   margin-left: -580px;
 }
 .swiper-banner .swiper-button-next {
   background-image: url('../img/arico1.jpg');
   right: 50%;
   margin-right: -580px;
 }
 .swiper-banner .swiper-pagination .swiper-pagination-bullet {
   background-color: #fff;
   width: 45px;
   height: 4px;
   border-radius: 0;
 }
 .hnav-box {
   display: flex;
 }
 .logo {
   height: 45px;
   padding: 10px 0;
 }
 .logo img {
    margin-left: -5px;
    height: 100%;
    margin-top: 9px;
    display: block;
  
 }
 .r-nav {
   height:50px;
   margin-top: 10px;
   margin-left: auto;
 }
 .navlist {
   float: left;
 }
 .navlist > .active{
     border-bottom: 3px solid #75c2cc;
 }
 .navlist > .active a{
     color: #75c2cc;
 }
 .navlist > li {
   float: left;
 }
 .navlist > li > a {
   color: #000000;
   font-size: 16px;
   line-height: 50px;
   padding: 0 18px;
   display: block;
   transition: all 0.3s;
   text-align: center;
 }
 .navlist > li > a:hover {
   color: #36bd8c;
 }
 .r-nav .nav-more {
   font-size: 15px;
   color: #000000;
   line-height: 50px;
   margin-left: 20px;
 }
 .r-nav .nav-more .aico {
   width: 12px;
   height: 6px;
   vertical-align: middle;
   margin-left: 6px;
   position: relative;
   top: -2px;
 }
 .r-nav .nav-more:hover {
   color: #36bd8c;
 }
 .follow-tips {
   background-color: #d8f4eb;
   display: flex;
   align-items: center;
   justify-content: center;
 }
 .follow-tips p {
   font-size: 24px;
   color: #565857;
   font-style: italic;
 }
 .follow-tips .nico {
   width: 46px;
   margin-right: 20px;
 }
 .fbox-item {
   position: relative;
   margin-top: 16px;
 }
 .fbox-item .fimg {
   width: 100%;
 }
 .fbox-info {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   z-index: 2;
 }
 .info-h5 {
   font-size: 48px;
   color: #0b0c0c;
   position: absolute;
   left: 40px;
   top: 124px;
   z-index: 3;
   padding-bottom: 20px;
   line-height: 1;
 }
 .info-h5::after {
   content: '';
   position: absolute;
   left: 0;
   bottom: 0;
   width: 152px;
   height: 5px;
   background-color: #000000;
 }
 .blwhite .info-h5 {
   color: #fff;
 }
 .blwhite .info-h5::after {
   background-color: #fff;
 }
 .fbox-text {
   position: absolute;
   width: 298px;
   display: none;
   height: 70px;
   background: linear-gradient(to right, #89DA73, #18BB99);
   border-radius: 10px;
  
   align-items: center;
   justify-content: center;
   right: 42px;
   bottom: 42px;
   z-index: 3;
   font-size: 30px;
   color: #fff;
 }
 .about-us {
   padding: 38px 0;
   background-color: #abdecf;
   margin-top: 26px;
 }
 .about-content {
   width: 100%;
   max-width: 914px;
   margin: 0 auto;
 }
 .about-us h3 {
   font-size: 48px;
   font-weight: normal;
   color: #2ec191;
   text-align: center;
   padding-bottom: 20px;
   position: relative;
 }
 .about-us h3::after {
   content: '';
   position: absolute;
   left: 50%;
   bottom: 0;
   width: 58px;
   height: 4px;
   background-color: #2ec191;
   margin-left: -29px;
 }
 .about-us p {
   font-size: 18px;
   color: #636766;
   line-height: 34px;
   margin-top: 24px;
 }
 .share-box {
   text-align: center;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   padding: 78px 0 50px;
 }
 .share-box h3 {
   font-size: 30px;
   color: #000000;
   padding-bottom: 16px;
   line-height: 1;
   font-weight: normal;
 }
 .share-box p {
   font-size: 18px;
   color: #383d40;
   line-height: 44px;
 }
 .flinkbtn {
   display: flex;
 }
 .flinkbtn .fbtn {
   margin: 6px 10px;
 }
 .footer {
   background-color: #363636;
 }
 .top-links {
   display: flex;
   padding: 36px;
   border-bottom: 1px solid #6a6969;
 }
 .links-item {
   position: relative;
   flex: 1;
 }
 .links-item p {
   padding: 10px 0;
 }
 .links-item a {
   color: #fff;
   font-size: 18px;
 }
 .links-item a:hover {
   color: #fff;
   text-decoration: underline;
 }
 .footer-copy {
   font-size: 14px;
   color: #8d8d8d;
   padding: 16px 0;
   text-align: center;
 }
 .mt0 {
   margin-top: 0 !important;
 }
 .smart-box {
   position: relative;
   display: flex;
 }
 .ximg {
   width: 50%;
   padding: 3px;
 }
 .smart-info {
   padding: 98px 58px 0;
   flex: 1;
   box-sizing: border-box;
 }
 .smart-info h3 {
   font-size: 50px;
   color: #000000;
   padding-bottom: 20px;
 }
 .smart-info p {
   font-size: 25px;
   color: #001d23;
   line-height: 1.5em;
 }
 .shopnow {
   margin-top: 20px;
   display: block;
   font-size: 25px;
   color: #001d23;
   position: relative;
 }
 .shopnow .arico {
   display: inline-block;
   vertical-align: middle;
   border-width: 4px 8px;
   border-style: solid;
   border-color: transparent transparent transparent #001d23;
   margin-left: 10px;
 }
 .smart-white .shopnow {
   color: #fff;
 }
 .smart-white .arico {
   border-color: transparent transparent transparent #fff;
 }
 .smart-white h3,
 .smart-white p {
   color: #fff;
 }
 .shopnow:hover {
   color: #217455;
 }
 .shopnow:hover .arico {
   border-color: transparent transparent transparent #217455;
 }
 .shop-list {
   position: relative;
   display: flex;
   flex-wrap: wrap;
   margin-right: -28px;
 }
 .shop-list li {
   width: 269px;
   height: 460px;
   padding: 16px;
   box-sizing: border-box;
   margin-top: 22px;
   margin-right: 28px;
 }
 .pimgbox {
   position: relative;
   width: 100%;
   height: 238px;
 }
 .pimgbox .img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
   vertical-align: top;
 }
 .pinfo {
   display: flex;
   flex-direction: column;
   padding: 10px 0;
 }
 .pinfo h5 {
   font-size: 14px;
   color: #000000;
   line-height: 20px;
   word-break: break-all;
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
 }
 .show-rate {
   padding: 6px 0;
   display: flex;
 }
 .show-rate .stico {
   -webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
   -ms-filter: grayscale(100%);
   -o-filter: grayscale(100%);
   filter: grayscale(100%);
   filter: gray;
   margin-right: 3px;
   width: 16px;
 }
 .show-rate .stico.stactive {
   -webkit-filter: grayscale(0%);
   -moz-filter: grayscale(0%);
   -ms-filter: grayscale(0%);
   -o-filter: grayscale(0%);
   filter: grayscale(0%);
   filter: none;
 }
 .pinfo p {
   font-size: 13px;
   color: #333;
   margin-top: 6px;
 }
 .buybtn {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
   height: 54px;
   background: #efb71f;
   margin-top: 16px;
   border-radius: 20px;
   font-size: 14px;
   color: #000;
   transition: all 0.3s;
 }
 .buybtn .buyico {
   margin-right: 16px;
   width: 18px;
   margin-left: -10px;
 }
 .buybtn:hover {
   background: #dea71c;
 }
 
 @media screen and (max-width: 1200px) {
   .container {
     width: 960px;
   }
   .swiper-banner .swiper-button-prev {
     margin-left: 0;
     left: 10px;
   }
   .swiper-banner .swiper-button-next {
     margin-right: 0;
     right: 10px;
   }
   .r-nav {
     margin: auto;
   }
   .navlist > li > a {
     padding: 0 8px;
     font-size: 14px;
   }
   .smart-info {
     padding: 30px;
   }
   .shop-list {
     margin-right: -12px;
   }
   .shop-list li {
     margin-right: 11px;
     width: 232px;
     padding: 10px;
     height: 440px;
     margin-top: 10px;
   }
 }
 @media screen and (max-width: 992px) {
   .container {
     width: 766px;
   }
   .hnav-box {
     flex-direction: column;
     align-items: center;
   }
   .r-nav {
     height: auto;
   }
   .navbox {
     display: flex;
     flex-direction: column;
     align-items: center;
   }
   .info-h5 {
     font-size: 24px;
     top: 26px;
     left: 26px;
   }
   .fbox-text {
     right: 20px;
     bottom: 20px;
     width: 160px;
     height: 50px;
     font-size: 18px;
   }
   .about-content {
     width: 90%;
   }
   .swiper-banner,
   .swiper-slide a {
     height: auto;
   }
   .smart-info {
     padding: 24px;
   }
   .smart-info h3 {
     font-size: 36px;
   }
   .smart-info p {
     font-size: 13px;
   }
   .shopnow {
     font-size: 16px;
   }
   .ximg {
     height: 300px;
   }
   .shop-list li {
     width: 248px;
   }
 }
 @media screen and (max-width: 767px) {
     .showimg1 img{
         width: 100%  !important;
     }
     .showimg1{flex-direction:column;}
     .banner2{
  width: 100%  !important;
         height: auto!important;
     }
   .container {
     width: 566px;
   }
   .follow-tips p {
     font-size: 16px;
   }
   .follow-tips .nico {
     width: 30px;
   }
   .navlist {
     width: 100%;
     text-align: center;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: center;
   }
   .swiper-banner,
   .swiper-slide a {
     height: auto;
   }
   .navlist > li > a {
     padding: 0 16px;
   }
   .swiper-banner .swiper-button-prev, 
   .swiper-banner .swiper-button-next {
     width: 50px;
     height: 30px;
   }
   .smart-info {
     padding: 16px;
   }
   .smart-info h3 {
     padding-bottom: 10px;
     font-size: 25px;
   }
   .smart-info p {
     font-size: 12px;
   }
   .shop-list {
     margin-right: -11px;
   }
   .shop-list li {
     width: 277px;
   }
 }
 @media screen and (max-width: 575px) {
   .container {
     width: 100%;
   }
   .swiper-banner,
   .swiper-slide a {
     height: auto;
   }
   .swiper-banner .swiper-button-prev, 
   .swiper-banner .swiper-button-next {
     display: none;
   }
   .navlist > li > a {
     font-size: 12px;
     line-height: 40px;
     padding: 0 10px;
   }
   .follow-tips p {
     font-size: 13px;
   }
   .info-h5 {
     font-size: 16px;
     padding-bottom: 10px;
     left: 16px;
     top: 16px;
   }
   .info-h5::after {
     height: 3px;
     width: 100px;
   }
   .fbox-text {
     font-size: 12px;
     bottom: 16px;
     right: 16px;
     width: 100px;
     height: 36px;
   }
   .about-us h3 {
     font-size: 36px;
   }
   .about-us p {
     font-size: 14px;
   }
   .shop-list {
     margin-right: 0;
     padding: 0 10px;
     justify-content: space-between;
   }
   .shop-list li {
     width: 49%;
     margin-right: 0;
   }
   .smart-box {
     flex-direction: column;
     width: 96%;
     margin: 10px auto;
   }
   .mobile-reverse {
     flex-direction: column-reverse;
   }
   .ximg {
     height: auto;
   }
   .smart-info p {
     font-size: 14px;
   }
   .pimgbox {
     height: 180px;
   }
   .shop-list li {
     height: 380px;
   }
   .share-box {
     padding: 50px 0 20px;
   }
   .share-box h3 {
     padding-bottom: 0;
   }
 }
 @media screen and (max-width: 400px) {
   
 }