/* ==========================================================================
   IMPORT GOOGLE FONTS
   ========================================================================== */
/* @import url("https://fonts.googleapis.com/css?family=Rubik:400,400i,500");
@import url("https://fonts.googleapis.com/css?family=Poppins:400,500,600"); */
/* ==========================================================================
   GENERAL
   ========================================================================== */
 
body {
  font-family:'Microsoft JhengHei', 'Rubik', sans-serif;
  color: #a0a6ad;
  font-size: 16px;
  font-weight: 400;
  background: #fff;
  overflow-x: hidden; }

html {
  overflow-x: hidden; }

p {
  font-size: 16px;
  color: #5e629c;
  line-height: 26px;
  margin-bottom: 0; }

a:hover, a:focus {
  color: #000; }

a {
  color: #5B5B5B;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

h1, h2, h3, h4, h5 {
  font-family: 'Microsoft JhengHei','Poppins', sans-serif;
  font-size: 40px;
  font-weight: 600;
  color: #333333; }

  p { color: #787878; font-size: 1rem;}

ul {
  margin: 0;
  padding: 0; }

ul li {
  list-style: none; }

a:hover,
a:focus {
  text-decoration: none;
  outline: none; color: #2db3a9; }

a:not([href]):not([tabindex]) {
  color: #fff; }

a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
  color: #fff; }

.bg-transparent {
  background: transparent !important; }

.bg-defult {
  background: #3c9cfd !important; }

  input { outline:none;}


/* ==========================================================================
   Section Title
   ========================================================================== */
.section {
  padding: 130px 0px; }

.form-control:focus {
  outline: none;
  box-shadow: none; }

.section-header {
  color: #fff;
  margin-bottom: 50px;
  text-align: center;
  position: relative; }

.section-header .section-title {
  font-size: 35px;
  margin-bottom: 12px;
  font-weight: 600;
  position: relative;
  line-height: 30px; }

.section-header .desc-text p {
  font-size: 18px;
  color: #5e629c;
  line-height: 26px;
  margin-bottom: 0; }

/* ==========================================================================
   Buttons
   ========================================================================== */
.btn {
  font-size: 14px;
  padding: 10px 30px;
  border-radius: 4px;
  font-family: 'Rubik', sans-serif;
  letter-spacing: 1px;
  font-weight: 500;
  color: #fff;
  border: none;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: inline-block; }

.btn:focus,
.btn:active {
  box-shadow: none;
  outline: none; }

.btn-common {
  background-color: #3ecf8e;
  position: relative;
  z-index: 1;
  box-shadow: 0px 8px 9px 0px rgba(96, 94, 94, 0.17);
  width: 160px;
  height: 50px;
  padding: 14px 15px; }

.btn-common:hover {
  color: #fff;
  transform: translateY(-2px); }

.btn-light-bg {
  background-color: #ff704f; }

.btn-border {
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  background-color: transparent;
  border-color: #3ecf8e;
  color: #3ecf8e;
  width: 160px;
  height: 50px;
  padding: 14px 15px; }

.btn-border:hover {
  box-shadow: 0px 8px 9px 0px rgba(96, 94, 94, 0.17);
  transform: translateY(-2px); }

.btn-border-filled {
  cursor: pointer;
  background-color: #3ecf8e;
  border: 1px solid #3ecf8e;
  color: #fff;
  box-shadow: 0px 8px 9px 0px rgba(96, 94, 94, 0.17);
  width: 180px;
  height: 50px;
  padding: 15px 15px; }

.btn-border-filled:hover {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
  transform: translateY(-2px); }

.btn-lg {
  padding: 14px 33px;
  text-transform: uppercase;
  font-size: 16px; }

.btn-rm {
  color: #3c9cfd;
  padding: 10px 0;
  text-transform: capitalize;
  font-size: 16px; }

.btn-rm i {
  vertical-align: middle; }

.btn-singin {
  background: #7fc9fb;
  color: #fff;
  padding: 10px 23px;
  margin-left: 30px;
  box-shadow: 0px 8px 9px 0px rgba(96, 94, 94, 0.17); }

.btn-singin:hover,
.btn-singin:active,
.btn-singin:focus {
  color: #fff;
  box-shadow: 0px 0px 0px 0px rgba(96, 94, 94, 0.17); }

.btn-light-singin:hover,
.btn-light-singin:active,
.btn-light-singin:focus {
  color: #fff;
  box-shadow: 0px 0px 0px 0px rgba(96, 94, 94, 0.17); }

.btn-apple {
  border-width: 2px;
  border-color: #3c96ff;
  border-style: solid;
  background: linear-gradient(to right, #3c96ff 0%, #2dfbff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out; }
.fixed-top{top:90px!important}
.btn-apple i {
  background: linear-gradient(to right, #3c96ff 0%, #2dfbff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

.btn-apple:hover,
.btn-apple:active,
.btn-apple:focus {
  background: linear-gradient(to right, #3c96ff 0%, #2dfbff 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important; }

button:focus {
  outline: none !important; }

.btn-border-fill {
  background: #fff;
  border-color: #fff;
  color: #3c9cfd; }

.btn-subtitle {
  color: #191c1e;
  font-family: 'Poppins', sans-serif;
  background: #dbecff;
  text-align: center;
  border-radius: 30px;
  padding: 6px 30px;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 20px;
  font-size: 14px; }

.clear {
  clear: both; }
.tlinks{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
.mt {
  margin-top: 80px; }
  .mt-0 {
    margin-top: 0; }

.mt-30 {
  margin-top: 30px; }

.mb-30 {
  margin-bottom: 30px; }

.pt-30 {
  padding-top: 30px; }

.pb-30 {
  padding-bottom: 30px; }

.pt-70 {
  padding-top: 70px; }

.mb-50 {
  margin-bottom: 50px; }

.pd-0 {
  padding: 0; }
  .pd-5 {
    padding: 5px; }
    .pd-10 {
      padding: 10px; }

.pr-20 {
  padding-right: 20px; }

.pl-20 {
  padding-left: 20px; }

.pl-70 {
  padding-left: 70px; }

.pr-70 {
  padding-right: 70px; }


  .pull-right {
    float: right !important;
  }
  .pd-20 {
    padding: 20px; }


/* Preloader */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 9999999; }

.loader {
  top: 50%;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  position: relative;
  margin: 0 auto; }

#loader-1:before, #loader-1:after {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 7px solid transparent;
  border-top-color: #3c9cfd; }

#loader-1:before {
  z-index: 100;
  animation: spin 2s infinite; }

#loader-1:after {
  border: 7px solid #fafafa; }

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }



 
  @media (min-width:1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1600px; 
    }
    }


/*common*/
.topbar { width: 100%; height: 56px; line-height: 56px; background: #f5f5f5; }
.topbar .top_left .tel { width: 250px; height: 56px; background: url(../images/common/top_tel_bg.png) left no-repeat; line-height: 56px;    }
      .topbar .top_left .tel i { font-size: 1.5rem; margin-left: 20px; color: #fff; line-height: 36px; }
      .topbar .top_left .tel strong { font-size: 1.3rem; margin-left: 10px; margin-right: 10px; color: #fff; }
      .topbar .top_left .tel span { width: 24px; height: 34px; display: inline-block;  overflow: hidden;  line-height: 34px; margin-top: -10px; vertical-align: middle; }
      .topbar .top_left .tel span:hover .show { width: 130px; height: auto; position:absolute; z-index: 111; box-shadow: 0 0  1px #2db3a9;  }
      .topbar .top_left .tel span:hover .show img { width: 100%; height: auto; border-radius: 2px;  }
            .topbar .top_left .tel span:hover .show .sjx { width: 0; margin-left: 5px; 
              height: 0;
              border-left: 5px solid transparent;
              border-right: 5px solid transparent;
              border-bottom: 5px solid #fff;}

.topbar .top_right { width: 610px; text-align: right; }


  .navbar {  padding: 0;}

  .topbar .top_right .top_snav {  width: auto; height: 45px; overflow: hidden; float: right; margin-right: 15px; }
    .topbar .top_right .top_snav a { margin-right: 10px; line-height: 56px;  font-size: 0.875rem; }
  .topbar .top_right .top_search {float: right; width: 220px; height:32px; margin-top: 10px;   overflow: hidden;   background: #2db3a9; border-radius:60px; 
                color: #fff; font-size: 0.875rem; }
    .topbar .top_right .top_search input:first-child { background:transparent; color: #fff; width: 80%; height: 32px; border: 0; border-radius: 32px; padding-left: 15px; float: left; }
    .topbar .top_right .top_search input::-webkit-input-placeholder { color: #fff;}
    .topbar .top_right .top_search input:last-child { width: 32px;height: 32px; background: url(../images/common/top_search_icon.png) center no-repeat; border: 0; float: right; margin-right: 4px;}

    .topbar .top_right .top_lang { float: right; width: 60px; height: 28px; line-height: 28px; margin-top: 10px; overflow: hidden; background: #fff; 
      border-radius:28px; margin-left: 20px; font-size: 0.875rem; padding: 0;    } 
        .topbar .top_right .top_lang span { width: 28px;height: 28px; display: inline-block; color: #5b5b5b; text-align: center; cursor: pointer;  }
        .topbar .top_right .top_lang span.checked { background: #2db3a9; color: #fff; border-radius:28px; }

        
        .navbar.navbar-light ul li.nav-item {   margin: 0;}
        .navbar.navbar-light .nav-link{ color:#5f5f5f; height: 120px; line-height: 110px; font-size: 18px; margin-right: 20px; margin-left: 20px;
           border-bottom: #fff 6px solid; padding-left: 0; padding-right: 0; overflow: hidden;  }
        .navbar.navbar-light .nav-link:hover,.navbar.navbar-light .nav-link.checked{ color:#40d0bb; border-bottom: #40d0bb 6px solid; } 

        .navbar.navbar-light .nav-link.dropdown-toggle:hover{ border-bottom: #40d0bb 6px solid;  } 
        .navbar.navbar-light .nav-link.checked { border-bottom: #40d0bb 6px solid;}
        /* .navbar-toggler-icon { border: 0; } */
        /*  */
        .navbar-toggler {  margin-right: 15px;  } 

        .dropdown-menu { background: #2db3a9; margin-top: -6px; border-radius: 0; border: 0; border-radius: 10px; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15); }
        .dropdown-menu a.dropdown-item { color: #fff; height: 45px; line-height: 45px; transition: all 0.2s; }
        .dropdown-menu a.dropdown-item:hover { color: #d0da39; background: #2db3a9;  } 
        /* border-left: #d0da39 6px solid; */
        
        

       .dropdown:hover>.dropdown-menu {  display: block;  }
       .dropdown>.dropdown-toggle:active {   pointer-events: none; }

       .dropdown-toggle2::after {
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent; color: #ddd;
        border-bottom: 0;
        border-left: .3em solid transparent
    }




 
        @media (max-width:1200px) {
          
          .topbar { display: none; }

          
        }
        @media (max-width:1400px) {
          .navbar-brand {   height: 80px; width: auto;  }
          .navbar-brand img { width: auto;  height: 90px;   }
        }



          @media (max-width:991) {
            /* .navbar.navbar-light .nav-link{ color:#5b5b5b; height: 50px; line-height: 30px; font-size: 20px; margin: 0; border-bottom: #efefef 1px solid;
               padding-left: 20px; }


               .navbar-toggler { padding: 0.15rem 0.45rem; border:#f5f5f5 1px solid ;} */
  
            }

/*quick_foo*/
    .quick_foo { width: 100%; height: 146px; background: url(../images/common/st_quick_bg2.png) left top  repeat-x; margin-top: -64px;   }
        .quick_foo .box { max-width: 1280px; margin: auto; height: 146px; background: url(../images/common/st_quick_bg.png) left top  no-repeat;  }
              .quick_foo .box .left { margin-top: 75px; padding-left: 300px;  }
                  .quick_foo .box .left h2 { font-size: 1.65rem; color: #fff; font-weight: 600; }
                  .quick_foo .box .left h2 span { color: #ffc600;  }
                  .quick_foo .box .left p { color: #fff; font-size: 1rem; margin-top: -6px; }
                  .quick_foo .box .left .icon { width: 61px; height: 63px; background: url(../images/common/st_quick_icon.png) 100%  no-repeat; position:absolute; z-index: 50;
                            margin-top: -50px; margin-left: 310px; 
                            animation: to_scale 4s  5s infinite  ;
                            -moz-animation: to_scale 4s  5s infinite  ;	/* Firefox */
                            -webkit-animation: to_scale 4s  5s infinite ;	/* Safari 和 Chrome */
                            -o-animation: to_scale 4s  5s infinite  ;
                            transform-origin: 0% 100%;  /*中心点改为左下角*/
                          }
                          /*冒泡小动画*/
                          @keyframes to_scale { from { 
                             transform: scale(1);
                          } 75% { 
                            transform: scale(1); 
                          }  80% { 
                            transform: scale(0); 
                          }  90% { 
                            transform: scale(1.2); 
                          }  95% { 
                              transform: scale(0.9); 
                          } 100% { 
                            transform: scale(1); 
                          } 
                        }




              .quick_foo .box .right { padding-top: 75px; text-align: right;   }
                  .quick_foo .box .right input { margin-bottom: 15px; width: 55%; height: 48px; line-height: 48px; border-radius: 30px; border: 0; vertical-align: middle;  }
                  .quick_foo .box .right input:first-child {   background:url(../images/index/quick_form/phone.png) 20px center no-repeat #f3f3f3; padding-left: 45px;   }
                  .quick_foo .box .right input:last-child { width: 35%; background: #ff7d26; text-align: center;line-height: 30px; 
                             color: #fff; font-size: 1.3125rem; font-weight: bold; margin-left: 10px;  background:linear-gradient(to bottom,#ff8534,#ff6600);/* 标准*/  }
                  .quick_foo .box .right input:last-child:hover { background: #f08b01;    }



        @media (max-width:575px) {
          .quick_foo {  margin-top: -44px; height: auto; padding: 0; display: none;   }
          .quick_foo .box { max-width: 100%; height: auto; background: url(../images/common/st_quick_bg3.png) left top  repeat-x;    }  
              .quick_foo .box .left { text-align: center; padding-left: 0; }
                 .quick_foo .box .left .icon {  margin-top: -65px; right: 10px;  }
              .quick_foo .box .right { padding-top: 35px; text-align: right; padding-bottom: 20px; background: #fff;  }
              .quick_foo .box .right input { height: 40px; line-height: 40px;}
              .quick_foo .box .right input:last-child { font-size: 1.2rem; }

        }

      /*固定底部表单*/
      .foot_fixed { position:fixed; bottom: 0; z-index: 1999; 
        animation: to_footer_fixed 1s;
        -moz-animation: to_footer_fixed 1s;	/* Firefox */
        -webkit-animation: to_footer_fixed 1s;	/* Safari 和 Chrome */
        -o-animation: to_footer_fixed 1s;	/* Opera */
      }
        @keyframes to_footer_fixed { from { bottom: -250px;} to { bottom: 0;}  }
        .del_foot_fixed { position:fixed; bottom: -250px; z-index: 1999; 
          animation: to_footer_fixed2 1s;
          -moz-animation: to_footer_fixed2 1s;	/* Firefox */
          -webkit-animation: to_footer_fixed2 1s;	/* Safari 和 Chrome */
          -o-animation: to_footer_fixed2 1s;	/* Opera */
        }
        @keyframes to_footer_fixed2  { from {bottom: 0;}  to {bottom: -250px;} }

        

        /*固定顶部导航*/
        .top_fixed { position:fixed; top: 0; z-index: 1555999; width: 100%; height: 120px; background: #fff; box-shadow: 0 2px 5px rgba(96, 94, 94, 0.17); 
          animation: to_top_fixed 1s;
          -moz-animation: to_top_fixed 1s;	/* Firefox */
          -webkit-animation: to_top_fixed 1s;	/* Safari 和 Chrome */
          -o-animation: to_top_fixed 1s;	/* Opera */
        }
        .navbar.navbar-light.top_fixed { height: 80px; overflow: hidden; }
        .navbar.navbar-light.top_fixed .navbar-brand img { height: 70px;  }

        @keyframes to_top_fixed { from { top: -150px;} to { top: 0;}  }


        .del_top_fixed { position:fixed; top: -150px;  z-index: 1555999;  
          animation: to_top_fixed2 1s;
          -moz-animation: to_top_fixed2 1s;	/* Firefox */
          -webkit-animation: to_top_fixed2 1s;	/* Safari 和 Chrome */
          -o-animation: to_top_fixed2 1s;	/* Opera */
        }
        @keyframes to_top_fixed2  { from {top: 0;}  to {top: -150px;} }


       

/*footer*/
      .st_footer { height: auto; min-height: 500px;  background:  #333; padding-top: 55px; padding-bottom: 30px;  }
                .st_footer  a { color: #7f7f7f;}
                .st_footer  a:hover { color: #1c9790;}
               .st_footer .box { max-width: 1280px; margin: auto; height: 350px;   }
               .st_footer .box .nav_list  { margin-top: 30px; line-height: 30px; }

               .st_footer .box .contact {  }
               .st_footer .box .contact p { width: 100%; height: auto; display: inline-block; color: #fff; vertical-align: middle; font-size: 1rem; line-height: 26px; margin-top: 20px;  }
               .st_footer .box .contact p i { margin-right: 20px; font-size: 1.5rem; line-height: 26px;}
               .st_footer .box .contact p span  { padding-left: 33px; margin-top: -10px; display: inline-block; }

               .st_footer .box .wx { text-align: center; margin-top: 20px;}
               .st_footer .box .wx img { margin: auto;}
               .st_footer .box .wx h5 { width: 100%; text-align: center; font-size: 1.25rem; color: #2db3a9; margin-top: 15px; font-weight: 600;  }
               .st_footer .box .wx p { width: 100%; text-align: center;  font-size: 1rem; color: #6b6b6b; line-height: 24px;  }

              .st_footer .copyright { max-width: 1280px; margin: auto;height: auto; line-height: 45px; border-top: #7f7f7f 1px solid; padding-top: 15px; text-align: center; color: #7f7f7f;}

             

              .st_footer .links {  max-width: 1280px; margin: auto; height: auto; line-height: 24px; padding-top: 15px; text-align: left; color: #7f7f7f;}

              .st_footer  .links a { font-size: 0.85rem; margin-right: 10px;}



               @media (max-width:575px) {
                .st_footer,.st_footer .box  { height: auto; }
                .st_footer .copyright { margin-top: 20px;}


               }


/*side_cus*/
    .side_cus { width: 85px; height: auto; position: fixed; right: 10px; top: 30%; background: #fff; padding: 30px 0 0 0; border-radius: 50px;
        z-index: 1000; box-shadow: 0 0 5px #ddd;}
        .side_cus ul li { text-align: center; height: 80px; width: 100%; margin-top: 5px; overflow: hidden;   }
        .side_cus ul li p { width: 100%; height: 30px; display: inline-block; font-size: 0.95rem; margin-top: 50px; }
        .side_cus ul li:last-child {  font-size: 3.5rem; line-height: 20px; cursor: pointer;}
        .side_cus ul li:hover,.side_cus ul li:hover p { color: #fff; cursor: pointer; border-radius:10px ; }



        .side_cus ul li.s1 { background: url(../images/common/side_cus/side_cus_01.png) left top no-repeat #fff; }
        .side_cus ul li.s1:hover { background: url(../images/common/side_cus/side_cus_01.png) -80px top  no-repeat #2bb0a6; }

        .side_cus ul li.s2 { background: url(../images/common/side_cus/side_cus_02.png) left top no-repeat #fff; }
        .side_cus ul li.s2:hover { background: url(../images/common/side_cus/side_cus_02.png) -80px top  no-repeat #2bb0a6; }

        .side_cus ul li.s3 { background: url(../images/common/side_cus/side_cus_03.png) left top no-repeat #fff; }
        .side_cus ul li.s3:hover { background: url(../images/common/side_cus/side_cus_03.png) -80px top  no-repeat #2bb0a6; }

        .side_cus ul li.s4 { background: url(../images/common/side_cus/side_cus_04.png) left top no-repeat #fff; }
        .side_cus ul li.s4:hover { background: url(../images/common/side_cus/side_cus_04.png) -80px top  no-repeat #2bb0a6; }

        .side_cus ul li div.show { width: 154px; height: auto;  position:absolute; right: 10px; z-index: -1;transition: all 0.5s;  
            margin-top: -80px; opacity:0; box-shadow: 0 0px 1px rgba(0,0,0,0.7);  }

            .side_cus ul li div.show img { width: 50%; }

            .side_cus ul li:hover div.show {  right: 85px; opacity:1;  }

            .side_cus ul li:hover div.show img { width: 100%; height: auto;}
            .side_cus ul li i { color: #2bb0a6;}
            .side_cus ul li :hover { color: #f49402;}

            @media (max-width:575px) {
                  .side_cus { display: none;}
            }






/*supporter*/
.st_supporter {  height: 650px; background: url(../images/index/st_supporter_bg.jpg) center bottom no-repeat #fff; padding-top: 35px; padding-bottom: 30px;  }
.st_supporter .header h2 { font-size: 2.6rem; color: #3b3b3b; margin-top: 20px;  }

        .st_supporter .box { max-width: 1280px; margin: auto;  margin-top: 10px; height: 560px; 
                           }
                        .st_supporter .box ul li { width: 20%; height: auto; float: left;  text-align: center;
                            
                        }
                        .st_supporter .box ul li img { width: 237px; height: auto;}



                    @media (max-width:575px) {
                        .st_supporter,.st_supporter .box {  height: auto; } 
                        .st_supporter .header h2 { font-size: 1.6rem; font-weight: 600; }

                        .st_supporter .box {   padding: 20px;    }
                        .st_supporter .box ul li { width: 47%; }
                        .st_supporter .box ul li img { width: 100%; height: auto;  }  
                    }





                    @media (max-width:750px) {
                        .swiper-pagination-bullet-active {
                            opacity: 1;
                            background: #2db3a9;
                            width: 24px !important;
                            height: 12px;
                            border-radius: 12px;
                        }

                        .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
                            bottom: 20px !important;
                            left: 0;
                            width: 100%;
                        }
                    }

/*文章分页*/
/* padding */
.digg { width: 100%; text-align: center; }
.pagination{
  width: auto;
  height: auto;
  margin: 0 auto;
  margin-bottom: 20px;
  text-align: center; margin: 30px auto; 
  line-height: 32px; font-size: 0.95rem; 
}
.pagination a{
  display: inline-block;
  height: 32px;
  margin-left: 6px;
  border: 1px solid #ddd;
  background: #fff;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 32px;
  color:#333; border-radius: 4px;
}
.pagination a:hover{
  border: 1px solid #2bb0a6;
  background: #2bb0a6;
  color: #fff;
}
.pagination span{
  display: inline-block;
  height: 32px;
  margin-left: 6px;
  border: 1px solid #2bb0a6;
  background: #2bb0a6;
  color: #fff;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 28px; border-radius: 4px; 
}
.pagination  .disabled span {
  border: 1px solid #2bb0a6;
  background: #2bb0a6; display: none;
}



/*导航+侧边导航*/
div.slide-mask {
  position: absolute;
  z-index: 12222222222;
  left: 0;
  top: 0;
  width: 100%;
  height: 5000px;
  background: rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  display: none;
}
.slide-wrapper2 {
  position:fixed;
  z-index: 1111222222222224;
  left: -3px;
  top: 0;
  width: 70%; height:100% ; 
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.slide-wrapper2 > div {
  background-color: #27b6ab;
  min-height: 100%;
}
.slide-wrapper2 > div > div {
  padding: 5px 10px;
  height: auto;
  background-color: #139c92;
  overflow: hidden;
}
.slide-wrapper2 > div > div strong {
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  color: #ffffff;
  font-weight: normal;
}
.slide-wrapper2.moved {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slide-wrapper2 li > a {
  padding: 8px 10px 8px 30px;
  border-bottom: 1px solid #25a99f;
  font-size: 15px;
  display: block;
  color: #fff;
}
.slide-wrapper2 li.current > a {
  background-color: #d1db3a;
}

.m_nav  { width: 100%; height: 60px; line-height: 60px; background: #fff; position: fixed; z-index: 1555; text-align: center; vertical-align: middle;   }
.m_nav a { margin: 0; padding: 0; display: inline-block; }
.m_nav .slide-menu { margin-left: 10px; font-size: 22px; float: left; margin-top: 10px; color: #999; }
.m_nav img { width: auto; height: 40px; margin-top: -5px 0 5px 0;}

.m_nav i { font-size: 30px; margin-top: 5px; }