@import url(lato.css);

::-moz-selection {

  text-shadow: none;

  color: #fff;

  background: #D50000;
}



::selection {

  text-shadow: none;

  color: #fff;

  background: #D50000;
}



img::selection {

  color: #fff;

  background: #D50000;
}



img::-moz-selection {

  color: #fff;

  background: #D50000;
}



.video-container {

  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;

  height: 0;
  overflow: hidden;
}



.video-container iframe,

.video-container object,

.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



body {

  font-family: 'Open Sans', sans-serif, "Microsoft JhengHei";

  color: #000;
  -webkit-font-smoothing: antialiased;

  overflow-x: hidden;
  margin: 0 !important;
}



a {

  font-family: 'Open Sans', sans-serif, "Microsoft JhengHei";

  -webkit-font-smoothing: antialiased;

  blr: expression(this.onFocus=this.blur());

  outline: none;

  /* for Firefox Google Chrome  */

  behavior: expression(this.onFocus=this.blur());

  /* for IE */
}



img {

  border: 0;
}



a:hover,
a:focus {

  text-decoration: none;

  color: #D50000;

  outline: 0;
}



div.content {

  overflow: hidden;
}



@-webkit-keyframes zoom {

  from {

    -webkit-transform: scale(1, 1);
  }

  to {

    -webkit-transform: scale(1.5, 1.5);
  }
}

/* Standard syntax */

@keyframes zoom {

  from {

    transform: scale(1, 1);
  }

  to {

    transform: scale(1.5, 1.5);
  }
}

/*

Custom SCroll

*/

::-webkit-scrollbar {

  width: 10px;
}



::-webkit-scrollbar-button:start:decrement,

::-webkit-scrollbar-button:end:increment {

  display: none;
}



::-webkit-scrollbar-track-piece {

  background-color: #000;
}



::-webkit-scrollbar-thumb:vertical {

  background-color: #44CA5D;
}



#gotop {

  position: fixed;

  display: none;

  right: 5.1%;

  bottom: 2%;

  font-size: 10px;

  font-weight: bold;

  text-align: center;

  padding: 5px;

  cursor: pointer;

  z-index: 80;

  color: #fff;

  background: #D50000;

  width: 40px;

  height: 40px;

  border-radius: 50%;

  text-align: center;

  border: 2px solid #fff;

  -webkit-transition: all 0.15s;

  -moz-transition: all 0.15s;

  transition: all 0.15s;
}

#gotop i {

  display: block;
}

#gotop:hover {

  background: #003898;

  color: #fff;

  border: 2px solid #fff;
}

#gotop:hover i {

  color: #fff;
}

.upload .box1{margin:40px 0 0;padding-bottom: 100px;}
.upload .box1 p{margin-bottom: 40px;}
.upload .select{margin-right: 15px;float: left;}
.upload .inp{display: inline-block;float: left;position: relative;}
.upload .inp input{width: 190px;padding: 0 60px 0 20px;font-size: 14px;color: #666;height: 50px;line-height: 50px;background: #fff url(a16.png) no-repeat right center;border: 1px solid #ededed;}
.upload .inp .ico{display: inline-block;width: 60px;height: 50px;position: absolute;right: 0;}
.upload .list{margin-top: 40px;margin-bottom: 45px; } 
.upload .list li{height: 75px; line-height: 75px; border-bottom: 1px solid #ededed; overflow: hidden; } 
.upload .list li.tlt{height: 60px; line-height: 60px; background: #ededed; } 
.upload .list li em{float: left; font-size: 16px;font-style: normal;} 
.upload .list li em:nth-child(1),.upload .list li span:nth-child(1){margin-left: 32px; width: 70%; } 
.upload .list li em:nth-child(2),.upload .list li span:nth-child(2){margin-left: 32px;width:20%;} 
.upload .list li em:nth-child(3),.upload .list li span:nth-child(3){margin-left: 32px;width: 123px;} 
.upload .list li em:nth-child(4),.upload .list li span:nth-child(4){margin-left: 32px; width: 73px; } 
.upload .list li span{float: left;} 
.upload .list li span:nth-child(3) a{display:block;}
.upload .list li img.off{display: initial; } 
.upload .list li img.on{display: none; } 
.upload .list li:hover span:nth-child(1),.upload .list li:hover span:nth-child(2),.upload .list li:hover span:nth-child(3){color: #4c9ff1;font-weight: bold; } 
.upload .list li:hover span:nth-child(3) a{color: #4c9ff1;font-weight: bold;text-decoration:underline; } 
.upload .list li:hover img.off{display: none; } 
.upload .list li:hover img.on{display: initial; }

.contactList ul{margin:0;padding:0}
.contactList{ padding-bottom:27px; }
.contactList li{ color:#808080; line-height:26px; padding:20px 0; border-bottom:1px solid #eee;list-style: none}
.contactList li:last-child{ border-bottom:none;}
.contactList .pic{ text-align:center;}
.contactList h2,.contactList p{ margin:0;}
.contactList h2{ font-size:16px; font-weight:bold; color:#4f4f4f; margin-top:20px; margin-bottom:4px;}
.contactNum th,.contactNum td{ padding:12px 20px; vertical-align:middle;}
.contactNum th{ font-weight:normal; color:#fff; background-color:#c0d1dd;}
.contactNum td{ border-bottom:1px solid #f0f0f0; color:#999; word-break:break-all;}
.contactNum td:first-child{ color:#333;}
.contactRight{ display:none;}
.contactList .memos p span{ display:block;}
.contactLeft,.contactList .pic{ float:left; display:inline;}
    .contactLeft{ width:51.09%;}
    .contactList .pic{ width:18.2%;}
    .contactList .memos{ width:77.27%;}
    .contactList h2{ margin-top:0;}
    .contactRight,.contactList .memos{ float:right; display:inline;}

@media (max-width: 768px) {
    
  #gotop {

    display: none !important;
  }
}

/*---------------------------------------------------------------*/

.flexslider ul {

  padding: 0;

  margin: 0;
}



.flex-direction-nav {

  display: none !important;
}



.flexslider {
  width: 100%;

  margin-top: -20px;
}



.main_banner {

  padding: 0;

  margin: 0;

  position: relative;

  vertical-align: top;
}

.main_banner .in_word {

  position: absolute;

  top: 47%;

  z-index: 5;

  color: #fff;
}

.main_banner .in_word h1 {

  font-size: 48px;

  font-family: "Anton", sans-serif;

  padding-left: 30px;

  text-shadow: 2px 0px 2px #969696;
}



.main_banner_in {

  position: relative;
}

.main_banner_in::after {

  content: '';

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c00000+0,c00000+42,1e5799+68,1e5799+100 */

  background: #3BCF55;

  /* Old browsers */

  background: -moz-linear-gradient(left, #3BCF55 0%, #3BCF55 42%, #1e5799 68%, #1e5799 100%);

  /* FF3.6-15 */

  background: -webkit-linear-gradient(left, #3BCF55 0%, #3BCF55 42%, #1e5799 68%, #1e5799 100%);

  /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(to right, #3BCF55 0%, #3BCF55 42%, #1e5799 68%, #1e5799 100%);

  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3BCF55', endColorstr='#1e5799', GradientType=1);

  /* IE6-9 */

  position: absolute;

  bottom: 0;

  left: 0;

  height: 6px;

  width: 100%;

  z-index: 10;
}



/*-----------------------------------------------------------------*/

.navbar-toggle {

  background: #D50000;

  color: #fff;

  border: 0;

  width: 50px;

  height: 50px;

  border-radius: 0;

  position: absolute;

  right: 0;

  top: -10px;

  margin-right: 0;
}

.navbar-toggle span {

  color: #fff;

  font-size: 2em;
}



/* Hambuger style */

.hamburger {

  width: 35px;

  height: 35px;

  background: transparent;
}

.hamburger:hover {

  cursor: pointer;
}

.hamburger:hover span:first-child {

  transform: translateY(-1.5px);
}

.hamburger:hover span:last-child {

  transform: translateY(1.5px);
}

.hamburger span {

  display: block;

  margin: 7px auto;

  background-color: #fff;

  width: 100%;

  height: 4px;

  transition: all .4s ease;
}



input.gray_line {

  border: 1px solid #ccc;

  padding: 8px;
}

input.gray_line:hover,
input.gray_line:focus {

  outline: 0;

  border-color: #D50000;
}



.navbar-nav>li>a {

  padding-top: 5px;
}



.navbar-nav {

  float: right !important;

  margin: 0;

  padding: 0;

}



.navbar-default {
  width: 100%;

  background: #3DCD58;

  -webkit-transition: all 0.25s;

  -moz-transition: all 0.25s;

  transition: all 0.25s;

  height: 90px;

  padding: 0 !important;

  margin: 0 !important;
}

.navbar-default ul.navbar-nav,
.navbar-default ul.navbar-nav_s {

  text-align: right;
}
.logo{float:left;padding-top:10px;}
.navbar-default ul.navbar-nav>li:nth-child(4)>a:before,
.navbar-default ul.navbar-nav_s>li:nth-child(4)>a:before {

  height: 0;
}

.navbar-default ul.navbar-nav>li:hover>a:before,
.navbar-default ul.navbar-nav>li.active>a:before,
.navbar-default ul.navbar-nav_s>li:hover>a:before,
.navbar-default ul.navbar-nav_s>li.active>a:before {

  width: 60px;
}

.navbar-default ul.navbar-nav>li:hover>a,
.navbar-default ul.navbar-nav>li.active>a,
.navbar-default ul.navbar-nav>li.active:hover>a,
.navbar-default ul.navbar-nav_s>li:hover>a,
.navbar-default ul.navbar-nav_s>li.active>a,
.navbar-default ul.navbar-nav_s>li.active:hover>a {

  color: #D50000;
}

.navbar-default ul.navbar-nav li.top_search,
.navbar-default ul.navbar-nav_s li.top_search {

  width: 38px;

  height: 38px;

  padding: 0;

  padding-top: 8px;

  position: relative;
}

.navbar-default ul.navbar-nav li.top_search .top_search_i>i,
.navbar-default ul.navbar-nav_s li.top_search .top_search_i>i {

  font-size: 20px;

  border-radius: 50px;

  -webkit-transition: all 0.25s;

  -moz-transition: all 0.25s;

  transition: all 0.25s;

  position: relative;

  width: 38px;

  height: 38px;

  padding-top: 8px;

  text-align: center;

  color: #fff;

  background: #ccc;
}

.navbar-default ul.navbar-nav li.top_search .top_search_box,
.navbar-default ul.navbar-nav_s li.top_search .top_search_box {

  position: absolute;

  display: none;

  z-index: 5;

  top: 60px;

  right: 0;

  background: #fff;

  padding: 12px 20px;
}

.navbar-default ul.navbar-nav li.top_search:hover .top_search_i>i,
.navbar-default ul.navbar-nav_s li.top_search:hover .top_search_i>i {

  background: #D50000;

  cursor: pointer;
}

.navbar-default ul.navbar-nav .top_search_close,
.navbar-default ul.navbar-nav_s .top_search_close {

  text-align: right;

  padding-bottom: 8px;

  color: #ccc;
}

.navbar-default ul.navbar-nav .top_search_close i,
.navbar-default ul.navbar-nav_s .top_search_close i {

  font-size: 16px;
}

.navbar-default ul.navbar-nav .top_search_close:hover,
.navbar-default ul.navbar-nav_s .top_search_close:hover {

  color: #D50000;

  cursor: pointer;
}

.navbar-default ul.navbar-nav>li,
.navbar-default ul.navbar-nav_s>li {

  -webkit-transition: all 0.25s;

  -moz-transition: all 0.25s;

  transition: all 0.25s;

  padding: 0 !important;

  margin: 0 10px;

  float: none;

  display: inline-block;

  text-align: center;
}

.navbar-default ul.navbar-nav>li>a,
.navbar-default ul.navbar-nav_s>li>a {

  -webkit-transition: all 0.25s;

  -moz-transition: all 0.25s;

  transition: all 0.25s;

  color: #fff;

  font-weight: normal;

  margin: 0 auto;

  left: 0;

  right: 0;

  display: block;

  width: 100%;

  font-family: "Anton", sans-serif;

  font-size: 16px;

  letter-spacing: 0.5px;

  position: relative;

  text-align: center;

  padding: 0 5px;
line-height:90px;
  height: 90px;
}

.navbar-default ul.navbar-nav>li>a:hover,
.navbar-default ul.navbar-nav_s>li>a:hover {
  text-decoration: underline;
}



.navbar-default.scrolled {

  -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);

  -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);

  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);

  padding: 0;

  -webkit-transition: all 0.25s;

  -moz-transition: all 0.25s;

  transition: all 0.25s;

  height: 50px;
}

.navbar-default.scrolled li:nth-child(4) img {

  height: 40px;
}



.menu_btn {

  display: none;
}



@media (max-width: 1280px) {

  .navbar-default {

    background: #3DCD58;

    -webkit-transition: all 0.25s;

    -moz-transition: all 0.25s;

    transition: all 0.25s;

    height: 90px;
  }

  .navbar-default li {

    padding: 0px !important;
  }

  .navbar-default li>img {

    max-height: 60px;
  }
}

@media (max-width: 991px) {

  .navbar-default {

    height: 80px;
  }


  .menu_btn {
    display: block;

    float: right;

    margin-top: -50px;
  }



  .navbar-default ul.navbar-nav li:nth-child(4) a:before,
  .navbar-default ul.navbar-nav_s li:nth-child(4) a:before {

    height: 4px;
  }



  .navbar-default.scrolled .nav_logo_768 img {

    height: 50px;
  }

  .navbar-default.scrolled .menu_btn {

    margin-top: -42px;
  }
}

/*-----------------------------------------------------------*/

@-webkit-keyframes fly-in-out {

  0% {

    -webkit-transform: scale(0) translate3d(0, 0, -100px);
  }

  100% {

    -webkit-transform: scale(1) translate3d(0, 0, 0);
  }
}

@-moz-keyframes fly-in-out {

  0% {

    -webkit-transform: scale(0) translate3d(0, 0, -100px);
  }

  100% {

    -webkit-transform: scale(1) translate3d(0, 0, 0);
  }
}

@-o-keyframes fly-in-out {

  0% {

    -webkit-transform: scale(0) translate3d(0, 0, -100px);
  }

  100% {

    -webkit-transform: scale(1) translate3d(0, 0, 0);
  }
}

@keyframes fly-in-out {

  0% {

    -webkit-transform: scale(0) translate3d(0, 0, -100px);
  }

  100% {

    -webkit-transform: scale(1) translate3d(0, 0, 0);
  }
}

/*----------------------------------------------------------------------------------*/

.overlay-navigation {

  overflow: hidden;

  -webkit-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);

  -moz-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);

  -o-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);

  -ms-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);

  transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);

  position: fixed;

  z-index: 550;

  height: 100%;

  right: 0;

  top: 60px;

  transform: translateY(-150%);

  -webkit-transform: translateY(-150%);

  -moz-transform: translateY-(150%);

  -o-transform: translateY(-150%);

  width: 100% !important;

  background: rgba(61, 205, 88, 0.95);

  text-align: center;
}

.overlay-navigation .show {

  opacity: 1;

  right: 0;
}

.overlay-navigation ul {

  list-style: none;

  padding: 0;

  margin: 0 auto;

  padding-top: 30px;
}

.overlay-navigation ul li {

  margin-bottom: 10px;

  width: 100%;

  display: block;
}



.nav_logo_768 {

  display: none;
}



.collapse {

  display: block;

  overflow: hidden;
}



@media (max-width: 991px) {

  .collapse {

    display: none;
  }



  .nav_logo_768 {
    padding-left: 10px;
    display: inline-block;
  }

  .nav_logo_768 img {

    height: 70px;

    padding-top: 8px;
  }

	.top_search_box{margin-top:50px}

  .navbar-default ul.navbar-nav>li>a,
  .navbar-default ul.navbar-nav_s>li>a {

    height: 50px;
  }
}

.overlay-navigation.active {

  transform: translateY(-10%);

  -webkit-transform: translateY(-10%);

  -moz-transform: translateY(-10%);

  -o-transform: translateY(-10%);
}



.nav_close {

  margin-top: 20px;

  text-align: right;

  padding-right: 20px;
}



.close-button {

  border: 1px solid transparent;

  height: 50px;

  width: 50px;

  position: relative;

  box-sizing: border-box;

  line-height: 50px;

  display: inline-block;

  text-align: right;
}



.close-button:before,

.close-button:after {

  transform: rotate(-45deg);

  content: '';

  position: absolute;

  top: 55%;

  left: 69%;

  margin-top: -3px;

  margin-left: -23px;

  display: block;

  height: 4px;

  width: 40px;

  background-color: #fff;

  transition: all 0.2s ease-out;
}



.close-button:after {

  transform: rotate(45deg);
}



.close-button:hover:before,

.close-button:hover:after {

  transform: rotate(0deg);
}



.slick-slider {

  margin: 0;
}



/*---------------------------------------------------------------------------------------*/

.pre-loader {

  position: fixed;

  width: 100%;

  height: 100%;

  z-index: 9999999;

  display: block;

  background: #fff;
}



.pre-loader .load-con {

  margin: 15% auto;

  position: relative;

  text-align: center;
}



@media (max-width: 768px) {

  .pre-loader .load-con {

    display: none;
  }
}

@-webkit-keyframes bouncedelay {

  0%,

  80%,

  100% {

    -webkit-transform: scale(0);
  }

  40% {

    -webkit-transform: scale(1);
  }
}

@keyframes bouncedelay {

  0%,

  80%,

  100% {

    transform: scale(0);

    -webkit-transform: scale(0);
  }

  40% {

    transform: scale(1);

    -webkit-transform: scale(1);
  }
}

.no-padding {

  padding: 0;
}



.no-margin {

  margin: 0;
}



/*---------------------------------------------------------------------------------*/

@-webkit-keyframes wobble {

  0% {

    -webkit-transform: rotate(0deg);
  }

  25% {

    -webkit-transform: rotate(3deg);
  }

  50% {

    -webkit-transform: rotate(6deg);
  }

  75% {

    -webkit-transform: rotate(3deg);
  }

  100% {

    -webkit-transform: rotate(0deg);
  }
}

@-moz-keyframes wobble {

  0% {

    -webkit-transform: rotate(0deg);
  }

  25% {

    -webkit-transform: rotate(3deg);
  }

  50% {

    -webkit-transform: rotate(6deg);
  }

  75% {

    -webkit-transform: rotate(3deg);
  }

  100% {

    -webkit-transform: rotate(0deg);
  }
}

@-o-keyframes wobble {

  0% {

    -webkit-transform: rotate(0deg);
  }

  25% {

    -webkit-transform: rotate(3deg);
  }

  50% {

    -webkit-transform: rotate(6deg);
  }

  75% {

    -webkit-transform: rotate(3deg);
  }

  100% {

    -webkit-transform: rotate(0deg);
  }
}

@keyframes wobble {

  0% {

    -webkit-transform: rotate(0deg);
  }

  25% {

    -webkit-transform: rotate(3deg);
  }

  50% {

    -webkit-transform: rotate(6deg);
  }

  75% {

    -webkit-transform: rotate(3deg);
  }

  100% {

    -webkit-transform: rotate(0deg);
  }
}

footer {

  background: #1DA537 url("footer.png") repeat-x top center;

  color: #fff;

  padding-top: 30px;

  padding-bottom: 30px;
}

footer .down_box h1 {

  color: #fff;
}



/*-----------------------------------------------------------------------------------*/

.tc {

  text-align: center;
}



.tr {

  text-align: right;
}



.tl {

  text-align: left;
}



.navbar-fixed-top,
.navbar-fixed-bottom {

  z-index: 100;
}



.winBox {

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.8);

  position: fixed;

  top: 0;

  left: 0;

  z-index: 0;

  transition: opacity .4s linear;

  opacity: 0;

  pointer-events: none;
}



.winBox.box-active {

  z-index: 1001;

  opacity: 1;

  pointer-events: all;
}



.winBox .inner {

  width: 100%;

  height: 100%;

  position: relative;
}



.winBox .inner .txt {

  /*width:410px;*/

  /*width:80%;*/

  width: 100%;

  height: 100%;

  transform: translateX(-50%) translateY(-50%);

  -webkit-transform: translateX(-50%) translateY(-50%);

  display: inline-block;

  position: absolute;

  top: 50%;

  left: 50%;

  right: auto;

  bottom: auto;

  z-index: 200;

  padding: 55px 40px;

  /*padding:50px 40px;*/

  /*background-color:#FFF;*/
}



.winBox .inner p {

  color: #565656;

  font-size: 20px;

  line-height: 1.5;

  /*text-align:center;*/
}



.winBox .inner .close {

  text-align: center;

  display: block;

  width: 60px;

  opacity: 1;

  height: 60px;

  padding: 0;

  border-radius: 50%;

  position: absolute;

  top: 40px;

  right: 10%;

  /*top: 40%;

  left: 5%;*/

  text-shadow: none;

  float: none;

  z-index: 100;

  color: #fff;

  background-color: #D50000;
}

.winBox .inner .close:before {

  content: '\f00d';

  display: block;

  font-family: FontAwesome;

  line-height: 60px;

  text-align: center;

  transform: rotate(0deg);

  -webkit-transition: all 0.15s;

  -moz-transition: all 0.15s;

  transition: all 0.15s;
}

.winBox .inner .close:hover {

  cursor: pointer;

  background-color: rgba(200, 10, 10, 0.75);
}

.winBox .inner .close:hover:before {

  color: #FFF;

  font-weight: block;

  transform: rotate(359deg);

  -webkit-transition: all 0.15s;

  -moz-transition: all 0.15s;

  transition: all 0.15s;
}



@media (max-width: 1580px) {

  .winBox .inner .close {

    top: 10px;

    right: 20px;

    /*left: 20px;*/
  }



  #pro-slider .slick-prev {

    left: 20px;
  }



  #pro-slider .slick-next {

    right: 20px;
  }
}

@media (max-width: 680px) {

  .winBox .inner .close {

    top: 15px;

    left: 0;

    right: 0;

    margin: auto;
  }



  .winBox .inner .txt {

    padding: 75px 40px 130px 40px;
  }



  #pro-slider .slick-prev {

    top: -31px;
  }



  #pro-slider .slick-next {

    top: -31px;
  }
}

.winBox .inner .close i {

  color: #4f4f4f;

  font-size: 30px;

  cursor: pointer;

  transition: all 0.5s;

  padding: 8px;

  position: absolute;

  text-align: center;
}



.winBox .inner .close:hover i {

  transform: rotate(360deg);
}



.winBox .inner .in {

  position: relative;

  margin: auto;

  left: 0px;

  top: 0px;

  right: 0px;

  bottom: 0px;
}



.winBox .inner .in i {

  background-repeat: no-repeat;

  display: block;

  /*position:relative;

  top:20px;*/

  padding-right: 20px;
}



/*-----------------------------------------------*/

.slider {

  width: auto;

  text-align: center;

  margin: 0 auto;
}



.slick-slide {

  padding: 0;

  margin: 0 auto;

  text-align: center !important;
}

.slick-slide img {

  margin: 0 auto;
}



.slick-dots {

  bottom: -30px;
}



.slick-slide {

  height: auto;
}



/*-----------------------------------------------*/

.pro_list {

  position: relative;

  border-top: 10px solid #3DCD58;

  -webkit-transition: all 0.25s;

  -moz-transition: all 0.25s;

  transition: all 0.25s;
}

.pro_list:hover {

  border-color: #D50000;
}

.pro_list:hover .pro_list_mask span {

  opacity: 1;

  margin: 45% auto;
}

.pro_list:hover .pro_list_word h1 {

  color: #003898;
}

.pro_list img {

  max-width: 100%;
}

.pro_list .pro_list_mask {

  position: absolute;

  z-index: 5;

  text-align: center;

  width: 100%;
}

.pro_list .pro_list_mask span {

  width: 250px;

  height: 45px;

  color: #fff;

  display: block;

  opacity: 0;

  -webkit-transition: all 0.25s;

  -moz-transition: all 0.25s;

  transition: all 0.25s;

  font-size: 22px;

  font-family: "Anton", sans-serif;

  padding-top: 5px;

  left: 0;

  right: 0;

  background: #D50000;

  margin: 40% auto;
}

.pro_list .pro_list_word {

  position: relative;

  padding-top: 5px;

  padding-left: 15px;

  z-index: 6;
}

.pro_list .pro_list_word h1 {

  position: relative;
  text-align: left;

  font-size: 17px;

  font-family: "Anton", sans-serif;

  font-weight: normal;

  -webkit-transition: all 0.25s;

  -moz-transition: all 0.25s;

  transition: all 0.25s;
}

.pro_list .pro_list_word h1::before {

  width: 31px;

  height: 2px;

  background: #3DCD58;

  content: '';

  position: absolute;

  bottom: -5px;

  left: 0;
}



#pro_prev,
#pro_next {

  width: 50px;

  height: 50px;

  overflow: hidden;

  position: absolute;

  z-index: 20;

  top: 40%;
}

#pro_prev:hover,
#pro_next:hover {

  background-position: 100% 100%;

  cursor: pointer;
}



#pro_prev {

  background: url("aw1.png") no-repeat;

  left: 0;
}



#pro_next {

  background: url("aw2.png") no-repeat;

  right: 0;
}



h1.tit {

  font-size: 28px;

  font-family: "Anton", sans-serif;

  font-weight: normal;

  letter-spacing: 1px;
}

.ys_section {text-align:center;padding-bottom:80px}
.ys_section img,.hw2 img,.market_section img,.hz_section img{max-width:100%;}
.hw1,.hw3a{padding:85px 0}
.hw2{background:url(hw2b.jpg) no-repeat;background-size: cover;text-align: center;padding:80px 10px}
.hw2a{padding:20px 0 76px 0}
.market_section{text-align:center;}
.market_section .col-md-4{padding-bottom:45px;}
.market_section .col-md-4 img{width:100%}
.market_section .col-md-4 a{display:block;position:relative;color:#fff;}
.market_section .col-md-4 p{position:absolute;height:36px;line-height:36px;background-color:#3DCD58;width:100%;bottom:0px;font-size:18px;margin:0;}
h1.tit2 {

  font-size: 30px;

  font-family: "Anton",Arial,Helvetica,sans-serif;

  letter-spacing: 1px;

  color: #1DA537;

  position: relative;
  margin-bottom: 20px;
}





span.tit {

  float: right;
}

span.tit a {

  font-size: 16px;

  color: #666;

  font-weight: bold;

  font-family: "Fjalla One", sans-serif;

  letter-spacing: 0;

  display: block;

  padding-top: 8px;

  font-weight: normal;
}

span.tit a:hover {

  text-decoration: underline;
}



button.gray {

  background: #F4F4F4 url("aw.png") no-repeat right center;

  border: 1px solid #F4F4F4;

  color: #666;

  font-family: "Fjalla One", sans-serif;

  width: 100%;

  -webkit-transition: all 0.25s;

  -moz-transition: all 0.25s;

  transition: all 0.25s;

  text-align: left;
}

button.gray:hover {

  background: #D50000 url("aw_over.png") no-repeat right center;

  border-color: #D50000;

  color: #fff;
}



.home_login_row {

  background: url("login.jpg") no-repeat top right;

  min-height: 250px;

  padding-left: 40%;

  padding-top: 50px;

  padding-bottom: 40px;

  padding-right: 40px;
}

.home_login_row input {

  border: 1px solid #fff;

  background: #fff;

  margin-bottom: 7px;

  letter-spacing: 0px;

  padding: 7px;

  color: #666;

  font-family: "Fjalla One", sans-serif;

  width: 100%;
}

.home_login_row button {

  padding: 28px 20px;
}



.home_search_row {

  min-height: 250px;

  padding-top: 50px;

  padding-bottom: 40px;

  background: url("search.jpg") no-repeat top right;

  padding-left: 40px;
}

.home_search_row h1.tit {

  color: #fff;
}

.home_search_row select,
.home_search_row option,
.home_search_row input {

  padding: 7px;

  color: #666;

  font-family: "Fjalla One", sans-serif;

  border: 1px solid #fff;

  background: #fff;

  margin-bottom: 7px;

  height: 50px;

  width: 230px;

  letter-spacing: 0px;
}

.home_search_row button {

  padding: 15px 20px;

  width: 160px;

  height: 50px;
}



@media (min-width: 991px) {

  .nopadding768 {

    padding-left: 0;
  }



  .pl15 {

    padding-left: 30px;
  }
}

@media (max-width: 991px) {

  .home_login_row {

    padding-left: 15px;

    padding-top: 50px;

    padding-bottom: 40px;

    padding-right: 15px;
  }

  .home_login_row input {

    margin-bottom: 7px;

    letter-spacing: 0px;

    padding: 7px;

    width: 100%;
  }

  .home_login_row button {

    padding: 28px 20px;
  }



  .home_search_row {

    padding-left: 15px;

    padding-right: 15px;

    text-align: center;
  }

  .home_search_row select,
  .home_search_row option,
  .home_search_row input {

    padding: 7px;

    margin-bottom: 7px;

    height: 50px;

    width: 230px;
  }

  .home_search_row button {

    padding: 15px 20px;

    width: 160px;

    height: 50px;
  }
}

@media (max-width: 640px) {

  .home_login_row {

    padding-left: 15px;

    padding-top: 50px;

    padding-bottom: 40px;

    padding-right: 15px;
  }

  .home_login_row input {

    margin-bottom: 7px;

    letter-spacing: 0px;

    padding: 7px;

    width: 100%;
  }

  .home_login_row button {

    padding: 28px 20px;
  }



  .home_search_row {

    padding-left: 15px;

    padding-right: 15px;

    text-align: center;
  }

  .home_search_row select,
  .home_search_row option,
  .home_search_row input {

    width: 100%;
  }

  .home_search_row button {

    padding: 15px 20px;

    width: 100%;
  }
}

.market_section {

  padding-top: 30px;

  padding-bottom: 60px;
}

.hz_section{background-color:#EDEDED;padding-bottom:30px}
.hz_section .col-xs-4{padding-bottom:10px}
.lx_section{background-color:#44CA5D;padding:30px;color: #fff;margin-bottom: 50px}


h2.tit2l {
  font-family: "Droid Sans", sans-serif;
  font-size: 26px;
  font-weight:normal;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  position: relative;
	
}
h3.tit2l2 {
  font-family: "Droid Sans", sans-serif;
  font-size: 22px;
  font-weight:normal;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  position: relative;
	
}
.l02{text-align:right;padding-top:20px}
.l02 a{display:inline-block;padding:10px 20px;background-color:#fff;border-radius:10px;font-size:28px;color:#44CA5D}
.l02 a:hover{color:#000}
.market_box {

  margin-bottom: 40px;
}

.market_box img {

  max-width: 100%;
}
a.abk{background-color:#f7f7f7;display:block;color:#333}
a.abk:hover{color:#ccc}

.market_box h2{font-size:16px;font-weight: bold}
.market_box:hover {

  color: #000;
}

.market_box:hover p {

  text-decoration: underline;
}

.market_box .market_box_txt {
text-align:left;
  margin-bottom: 15px;
}

.market_box .market_box_txt h1 {

  font-family: "Anton", sans-serif;

  font-size: 21px;

  position: relative;
}

.market_box .market_box_txt h1:after {

  content: '';

  background: #D50000;

  width: 16px;

  height: 1px;
}

.market_box .market_box_txt p {

  font-size: 13px;
}

.market_box .market_box_txt span {

  color: #D50000;

  font-family: "Fjalla One", sans-serif;

  font-size: 15px;
}

.market_box_img2 {
margin-bottom:30px;
}



.btn_view {

  background: #fff url("aw.png") no-repeat right center;

  padding: 15px;

  width: 160px;

  display: block;

  font-size: 16px;

  border: 1px solid #444;

  color: #444;

  font-family: "Fjalla One", sans-serif;

  -webkit-transition: all 0.25s;

  -moz-transition: all 0.25s;

  transition: all 0.25s;

  text-align: left;

  margin: 0 auto;
}

.btn_view:hover {

  background: #D50000 url("aw_over.png") no-repeat right center;

  border-color: #D50000;

  color: #fff;
}



.f01 {

  text-align: left;

  padding-top: 35px;
}



.f02 {

  text-align: right;

  color: #ececec;

  font-style: italic;
}

.f02 a {

  font-style: normal;
}



.f01 a {

  border-left: 1px solid #fff;

  padding:0 20px 0 10px;

  color: #fff;

  display: inline-block;

  font-size: 14px;

  /*width: 100px;*/

  text-align: center;
  margin-bottom: 1em;
}

.f01 a:hover {
  background: #fff;
  color: #3DCD58;
}



.secmenu {

  list-style: none;

  padding: 0;

  margin: 0;
}

.secmenu li {

  display: inline-block;

  width: 16%;

  text-align: center;
}

.secmenu li a {

  display: block;

  font-size: 16px;

  color: #999999;

  padding: 23px 5px;

  width: 100%;

  font-family: "Fjalla One", sans-serif;

  text-transform: uppercase;
}

.secmenu li:hover a {

  background: #f1f1f1;
}

.secmenu li.active a {

  background: #f1f1f1;
}



@media (max-width: 991px) {

  .secmenu li {

    display: inline-block;

    width: 49.5%;

    text-align: center;
  }
}
.pages{text-align:center;padding-top:60px}
.pagination{display:inline-block;padding-left:0;border-radius:0}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:8px 12px;line-height:1.3;text-decoration:none;color:#666;background-color:#fff;border:1px solid #ddd;font-size:14px;border-radius:0px}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-radius:0px;padding:8px 12px;font-size:14px;line-height:1.3}.pagination>li:last-child>a,.pagination>li:last-child>span{border-radius:0px;padding:8px 12px;font-size:14px;line-height:1.3}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{z-index:2;color:#fff;background-color:#1DA537;border-color:#1DA537}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:3;color:#fff;background-color:#1DA537;border-color:#1DA537;cursor:default}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#999999;background-color:#fff;border-color:#ddd;cursor:not-allowed}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:0;border-top-left-radius:0}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-radius:0;padding:8px 12px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.3}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:0;border-top-left-radius:0}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-radius:0;padding:8px 12px}.pager{padding-left:0;margin:20px 0;list-style:none;text-align:center}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:0}.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#e6e6e6}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#999999;background-color:#fff;cursor:not-allowed}
@media (max-width: 768px) {

  .f01 {

    text-align: center;
	}footer{padding:0 0 20px 0}
	.f01 a{border:none;padding:0 10px}
	.hw2a{padding:10px 0 35px 0}
	.hw2{padding:35px}
	.l02{text-align:center}
	.lx_section{padding:30px 0}
	h2.tit2l{font-size:22px}
	h3.tit2l2{font-size:18px}
	.hw1, .hw3a{padding:35px 10px}
	.ys_section{padding-bottom:35px}
	
	.l02 a{font-size:20px}
	
  .market_box {

    margin-left: 15px;

    margin-right: 15px;

    text-align: center;

    border-bottom: 1px solid #ccc;
  }
}

@media (max-width: 480px) {

  .secmenu li {

    width: 49%;

    text-align: center;
  }

  .secmenu li a {

    font-size: 15px;
  }
}

p {

  font-size: 15px;

  line-height: 26px;
}



.cfb {

  position: relative;

  padding-bottom: 100px;
}

.cfb img {

  max-width: 100%;
}



.about_000 {

  background: #333;

  padding-top: 125px;

  padding-bottom: 35px;

  margin-top: 120px;

  position: relative;
}

.about_000 .about_img {

  text-align: center;

  margin-top: -180px;
}

.about_000 .about_img img {

  max-width: 100%;
}

.about_000 p {

  color: #fff;
}



.about_003 {

  background: #333;

  padding-top: 50px;

  padding-bottom: 50px;

  margin-top: 20px;

  position: relative;

  text-align: center;
}

.about_003 img {

  max-width: 100%;
}

.about_003 p {

  color: #fff;
}



.img-rwd img {

  max-width: 100%;
}



.about_001 {

  background: #efefef url("bg.png") no-repeat left top;

  padding-top: 80px;

  padding-bottom: 80px;

  margin-top: 0px;

  position: relative;
}



.about_002 {

  padding-top: 80px;

  margin-top: 0px;

  position: relative;
}



.founder_left {

  position: absolute;

  left: 0;

  bottom: 0;
}



.founder_right {

  position: absolute;

  right: 0;

  bottom: 0;
}



.fact_box {

  background: #003898;

  padding: 50px;
}



.fact_box2 {

  background: #000;

  padding: 50px;

  margin-top: 35px;
}



.red_dot_ul {

  list-style: none;

  padding: 0;

  margin: 0;

  vertical-align: top;
}

.red_dot_ul li {

  width: 33.3%;

  float: left;

  display: block;

  margin-bottom: 10px;

  position: relative;

  padding-left: 20px;

  vertical-align: top;

  font-size: 16px !important;
}

.red_dot_ul li:before {

  position: absolute;

  content: '';

  z-index: 5;

  background: #D50000;

  width: 8px;

  height: 8px;

  left: 0px;

  top: 7px;
}



.word_box {

  padding: 35px 30px;

  color: #fff;

  text-align: center;

  font-weight: bold;

  margin-bottom: 15px;
}

.word_box b {

  font-size: 50px;

  padding: 0;

  margin: 0;

  line-height: 30px;

  font-weight: normal;
}



.blue_box {

  background-color: #003898;
}



.red_box {

  background-color: #D50000;
}



@media (max-width: 1490px) {
	
	.ys_section img{max-width:90%;}
  .cfb {

    padding-bottom: 240px;
  }
}

@media (max-width: 1024px) {

  .cfb {

    padding-bottom: 200px;
  }



  .founder_left img {

    max-width: 200px;
  }



  .founder_right img {

    max-width: 300px;
  }



  .fact_box {

    padding: 30px;
  }



  .red_dot_ul li {

    width: 49%;

    margin-bottom: 10px;
  }
}

@media (max-width: 991px) {

  .about_002 {

    padding-bottom: 0px;
  }



  .fact_box2 {

    padding: 20px;

    margin-top: 15px;

    margin-left: 15px;

    margin-right: 15px;
  }
}

@media (max-width: 640px) {

  .fact_box {

    padding: 20px 20px;
  }
}

.pd55 {

  padding-top: 40px;

  padding-bottom: 40px;
}



@media (max-width: 500px) {

  .founder_left img {

    max-width: 200px;
  }



  .founder_right {

    display: none;
  }



  .red_dot_ul li {

    width: 100%;

    display: block;
  }



  .fact_box2 {

    padding: 20px;
  }
}

h2.tit {

  font-family: "Droid Sans", sans-serif;

  font-size: 28px;

  font-weight: bold;

  letter-spacing: 0.2px;

  text-transform: uppercase;

  position: relative;

  margin: 0px;

  padding: 0px;
}



h2.tit2 {

  font-family: "Droid Sans", sans-serif;

  font-size: 28px;

  font-weight: bold;

  letter-spacing: 0.2px;

  text-transform: uppercase;

  position: relative;
color:#3BCF55;
  text-align: center;

  margin-bottom: 50px;
}

h2.tit2::after {

  width: 24px;

  height: 2px;

  background: #3BCF55;

  position: absolute;

  content: '';

  left: 0;

  right: 0;

  margin: 0 auto;

  bottom: -20px;
}



h2.tit3 {

  font-family: "Droid Sans", sans-serif;

  font-size: 28px;

  font-weight: bold;

  letter-spacing: 0.2px;

  text-transform: uppercase;

  position: relative;

  text-align: left;color:#1DA537;

  margin-bottom: 50px;
}

h2.tit3::after {

  width: 24px;

  height: 2px;

  background: #1DA537;

  position: absolute;

  content: '';

  left: 0;

  bottom: -20px;
}



h3.tit {

  color: #aaaaaa;

  font-size: 15px;

  font-weight: bold;

  padding: 0;

  margin: 0;

  padding-top: 5px;
}



.about_link_box {

  position: relative;

  text-align: center;
}

.about_link_box:hover:before {

  background: transparent;
}

.about_link_box:hover .alb_word {

  margin: 24% auto;
}

.about_link_box .alb_word {

  position: absolute;

  z-index: 10;

  color: #fff;

  font-size: 26px;

  text-transform: uppercase;

  font-family: "Droid Sans", sans-serif;

  letter-spacing: 0;

  left: 0;

  right: 0;

  margin: 25% auto;

  -webkit-transition: all 0.25s;

  -moz-transition: all 0.25s;

  transition: all 0.25s;
}

.about_link_box img {

  max-width: 100%;
}
/*
.about_link_box:before {

  content: '';

  position: absolute;

  z-index: 10;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.4);

  -webkit-transition: all 0.8s;

  -moz-transition: all 0.8s;

  transition: all 0.8s;
}

*/

.txt_box_6 {

  max-width: 560px;
}



.txt_box_6_right {

  margin-left: 40%;

  max-width: 600px;
}



.core_box {

  padding: 40px 40px;
}

.core_box .core_box_tit {

  padding-bottom: 26px;

  height: 100px;
}

.core_box .core_box_tit h3 {

  position: relative;

  text-align: center;

  padding-top: 10px;

  padding-bottom: 30px;

  font-size: 80px;

  color: #e0e0e0;

  font-weight: bold;

  padding: 0;

  margin: 0;
}

.core_box .core_box_tit h3::after {

  position: absolute;

  content: '';

  background: #D50000;

  width: 25px;

  height: 3px;

  margin: 0 auto;

  background: #seccolor;

  bottom: 0px;

  left: 0;

  right: 0;
}

.core_box .core_box_tit span {

  display: block;

  position: absolute;

  z-index: 0;

  left: 0;

  right: 0;

  top: 25px;

  line-height: 30px;

  font-size: 30px;

  color: #000;

  font-weight: bold;

  padding: 0;

  margin: 0;

  text-transform: uppercase;
}

.core_box .core_box_tit span.s2 {

  top: 10px;
}

.core_box .core_box_txt {

  text-align: center;

  line-height: 30px;
}



.core_box_gray {

  background: #f6f6f6;
}



.core_box_block {

  background: #434343;
}



.core_box_row>div {

  padding: 0;
}



.circle_ini {

  position: relative;

  max-width: 618px;

  margin: 0 auto;
}

.circle_ini img {

  max-width: 100%;
}

.circle_ini .circle_ini_red {

  position: absolute;
}

.circle_ini .circle_ini_red a {

  font-size: 20px;

  color: #fff;

  font-weight: bold;

  width: 150px;

  height: 150px;

  padding-top: 45px;

  -webkit-transition: all 0.25s;

  -moz-transition: all 0.25s;

  transition: all 0.25s;

  display: block;

  text-align: center;

  border-radius: 50%;

  background: #003898;

  border: 13px solid #e7e7e7;
}

.circle_ini .circle_ini_red:hover a {

  background: #fff;

  color: #000;

  border-color: #003898;
}

.circle_ini div:nth-child(1) {

  top: 0;

  left: 39%;
}

.circle_ini div:nth-child(2) {

  top: 28%;

  right: 0;
}

.circle_ini div:nth-child(3) {

  bottom: 0;

  right: 14%;
}

.circle_ini div:nth-child(4) {

  bottom: 0;

  left: 14%;
}

.circle_ini div:nth-child(4) a {

  padding-top: 40px;

  line-height: 24px;
}

.circle_ini div:nth-child(5) {

  top: 28%;

  left: 0;
}



.circle_ini_ul {

  list-style: none;

  padding: 0;

  margin: 0;
}

.circle_ini_ul li {

  display: inline-block;

  vertical-align: top;

  width: 19.3%;

  text-align: center;
}

.circle_ini_ul li a {

  font-size: 18px;

  color: #333;

  font-weight: bold;

  width: 120px;

  height: 120px;

  margin: 0 auto;

  padding-top: 35px;

  -webkit-transition: all 0.25s;

  -moz-transition: all 0.25s;

  transition: all 0.25s;

  display: block;

  letter-spacing: 0;

  text-align: center;

  border-radius: 50%;

  background: #fff;

  border: 10px solid #e7e7e7;
}

.circle_ini_ul li:hover a {

  background: #003898;

  color: #fff;
}

.circle_ini_ul li:nth-child(4) a {

  padding-top: 28px;

  line-height: 18px;
}

.circle_ini_ul li.active a {

  background: #003898;

  color: #fff;
}



.black_btn {

  background: #333;

  color: #fff;

  width: 150px;

  padding: 12px;

  margin: 50px auto;

  text-align: center;

  display: block;

  -webkit-transition: all 0.25s;

  -moz-transition: all 0.25s;

  transition: all 0.25s;
}

.black_btn:hover {

  background: #1DA537;

  color: #fff;
}



.s_row .s_box {

  text-align: center;

  margin-bottom: 20px;
}

.s_row .s_box h6 {

  color: #D50000;

  font-size: 22px;

  text-transform: uppercase;

  font-weight: bold;

  margin-bottom: 4px;

  margin-top: 4px;
}

.s_row .s_box p {

  font-size: 15px;
}



.red_btn {

  background: #D50000;

  color: #fff;

  padding: 12px;

  border: 1px solid #D50000;

  width: 150px;

  -webkit-transition: all 0.25s;

  -moz-transition: all 0.25s;

  transition: all 0.25s;
}

.red_btn:hover {

  background: #aa0101;

  border-color: #aa0101;
}



.block_btn {

  background: #444;

  color: #fff;

  padding: 12px;

  border: 1px solid #444;

  width: 150px;

  -webkit-transition: all 0.25s;

  -moz-transition: all 0.25s;

  transition: all 0.25s;
}

.block_btn:hover {

  background: #000;

  border-color: #000;
}



.blue_btn {

  background: #003898;

  color: #fff;

  padding: 12px;

  border: 1px solid #003898;

  width: 80px;

  -webkit-transition: all 0.25s;

  -moz-transition: all 0.25s;

  transition: all 0.25s;

  border-radius: 5px;
}

.blue_btn:hover {

  background: #000;

  border-color: #000;
}



.input_gray {

  border: 1px solid #cecece;

  width: 100%;

  padding: 10px 15px;

  -webkit-transition: all 0.25s;

  -moz-transition: all 0.25s;

  transition: all 0.25s;

  margin-bottom: 15px;

  font-weight: bold;
}

.input_gray:focus {

  border-color: #D50000;
}



.input_gray_code {

  border: none;

  border-bottom: 3px solid #cecece;

  padding: 10px 15px;

  -webkit-transition: all 0.25s;

  -moz-transition: all 0.25s;

  transition: all 0.25s;

  margin-bottom: 15px;

  font-weight: bold;
}

.input_gray_code input {

  padding: 5px;

  border: 1px solid #fff;

  width: 80%;

  max-width: 300px;
}



.member_login_row {

  border-radius: 10px;

  border: 1px solid #eee;

  -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.25);

  -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.25);

  box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.25);

  padding: 20px;
}

.member_login_row a {

  color: #666;
}

.member_login_row a:hover {

  text-decoration: underline;
}



@media (max-width: 1280px) {

  .txt_box_6_right {

    margin-left: 0%;

    padding-left: 15px;

    padding-right: 15px;
  }
}

@media (max-width: 991px) {

  .member_login_row {

    margin-left: 15px;

    margin-right: 15px;

    -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.35);

    -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.35);

    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.35);
  }



  .pb50 {

    padding-bottom: 180px;
  }



  .txt_box_6 {

    max-width: 540px;

    padding-left: 15px;

    padding-right: 15px;

    margin: 0 auto;
  }



  .circle_ini_ul li {

    width: 32% !important;

    margin-bottom: 35px;
  }

  .circle_ini_ul li a {

    font-size: 16px;
  }
}

@media (max-width: 640px) {

  .circle_ini .circle_ini_red a {

    font-size: 16px;

    width: 120px;

    height: 120px;

    padding-top: 35px;

    border: 8px solid #e7e7e7;
  }

  .circle_ini div:nth-child(1) {

    top: 0;

    left: 37%;
  }

  .circle_ini div:nth-child(4) a {

    padding-top: 20px;
  }



  .w640 {

    width: 100%;
  }



  .core_box .core_box_tit span {

    font-size: 22px;
  }



  .main_banner .in_word {

    top: 35%;
  }



  .main_banner .in_word h1 {

    font-size: 30px;
  }



  .circle_ini_ul li {

    width: 32% !important;
  }

  .circle_ini_ul li a {

    width: 95px !important;

    height: 95px !important;

    padding-top: 24px !important;

    font-size: 14px !important;
  }
}

@media (max-width: 480px) {

  .pb50 {

    background-size: 100% !important;
  }



  .circle_ini .circle_ini_red a {

    font-size: 12px;

    width: 75px;

    height: 75px;

    padding-top: 22px;

    border: 3px solid #e7e7e7;
  }

  .circle_ini div:nth-child(1) {

    top: 0;

    left: 37%;
  }

  .circle_ini div:nth-child(4) a {

    padding-top: 20px;

    line-height: 16px;
  }
}

.login_blue_line {

  background: #003898;

  color: #fff;

  margin-left: 0px;

  margin-right: 0px;

  padding-top: 45px;

  padding-bottom: 35px;

  padding-left: 25px;

  padding-right: 25px;

  -webkit-border-top-left-radius: 10px;

  -webkit-border-top-right-radius: 10px;

  -moz-border-radius-topleft: 10px;

  -moz-border-radius-topright: 10px;

  border-top-left-radius: 10px;

  border-top-right-radius: 10px;
}

.login_blue_line input {

  background: #003898;
}



.login_white_line {

  background: #fff;

  border: 1px solid #dadada;

  border-top: none;

  margin-left: 0px;

  margin-right: 0px;

  padding-top: 35px;

  padding-bottom: 35px;

  padding-left: 25px;

  padding-right: 25px;

  -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.1);

  -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.1);

  box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.1);

  -webkit-border-bottom-right-radius: 10px;

  -webkit-border-bottom-left-radius: 10px;

  -moz-border-radius-bottomright: 10px;

  -moz-border-radius-bottomleft: 10px;

  border-bottom-right-radius: 10px;

  border-bottom-left-radius: 10px;
}



.login_white_line2 {

  background: #fff;

  border: 1px solid #dadada;

  margin-left: 0px;

  margin-right: 0px;

  padding-top: 35px;

  padding-bottom: 25px;

  padding-left: 25px;

  padding-right: 25px;

  -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.1);

  -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.1);

  box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.1);

  border-radius: 10px;
}



@media (max-width: 768px) {

  .tc768 {

    text-align: center;
  }
}

/*------------------------------------------------------------------------------------*/

/* --------------------------------



xnugget info



-------------------------------- */

.cd-nugget-info {

  text-align: center;

  position: absolute;

  width: 100%;

  height: 50px;

  line-height: 50px;

  bottom: 0;

  left: 0;
}



.cd-nugget-info a {

  position: relative;

  font-size: 14px;

  color: #5e6e8d;

  -webkit-transition: all 0.2s;

  -moz-transition: all 0.2s;

  transition: all 0.2s;
}



.no-touch .cd-nugget-info a:hover {

  opacity: .8;
}



.cd-nugget-info span {

  vertical-align: middle;

  display: inline-block;
}



.cd-nugget-info span svg {

  display: block;
}



.cd-nugget-info .cd-nugget-info-arrow {

  fill: #5e6e8d;
}



/* --------------------------------



Main components



-------------------------------- */

/* --------------------------------



xpopup



-------------------------------- */

.cd-popup {

  position: fixed;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  z-index: 9999;

  background-color: rgba(0, 0, 0, 0.5);

  opacity: 0;

  visibility: hidden;

  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;

  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;

  transition: opacity 0.3s 0s, visibility 0s 0.3s;
}



.cd-popup.is-visible {

  opacity: 1;

  visibility: visible;

  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;

  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;

  transition: opacity 0.3s 0s, visibility 0s 0s;
}



.cd-popup-container {

  position: relative;

  width: 90%;

  max-width: 400px;

  margin: 4em auto;

  background: #FFF;

  border-radius: .25em .25em .4em .4em;

  text-align: center;

  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);

  -webkit-transform: translateY(-40px);

  -moz-transform: translateY(-40px);

  -ms-transform: translateY(-40px);

  -o-transform: translateY(-40px);

  transform: translateY(-40px);

  /* Force Hardware Acceleration in WebKit */

  -webkit-backface-visibility: hidden;

  -webkit-transition-property: -webkit-transform;

  -moz-transition-property: -moz-transform;

  transition-property: transform;

  -webkit-transition-duration: 0.3s;

  -moz-transition-duration: 0.3s;

  transition-duration: 0.3s;
}



.cd-popup-container p {

  padding: 2.5em 2em;

  padding-bottom: 1em;

  font-size: 18px;

  font-weight: 700;

  color: #666;
}



.cd-popup-container .cd-buttons {

  padding: 0;
}



.cd-popup-container .cd-buttons:after {

  content: "";

  display: table;

  clear: both;
}



.cd-popup-container .cd-buttons li {

  float: none;

  width: 100%;

  list-style: none;
}



.cd-popup-container .cd-buttons a {

  display: block;

  height: 50px;

  line-height: 50px;

  text-transform: uppercase;

  color: #FFF;

  -webkit-transition: background-color 0.2s;

  -moz-transition: background-color 0.2s;

  transition: background-color 0.2s;
}



.cd-popup-container .cd-buttons li:last-child a {

  background: #444;

  border-radius: 0 0 .25em 0;
}



.no-touch .cd-popup-container .cd-buttons li:last-child a:hover {

  background-color: #000;
}



.cd-popup-container .cd-popup-close2 {

  position: absolute;

  top: 8px;

  right: 8px;

  width: 30px;

  height: 30px;

  z-index: 9999;
}



.cd-popup-container .cd-popup-close2::before,
.cd-popup-container .cd-popup-close2::after {

  content: '';

  position: absolute;

  top: 12px;

  width: 14px;

  height: 3px;

  background-color: #8f9cb5;
}



.cd-popup-container .cd-popup-close2::before {

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

  left: 8px;
}



.cd-popup-container .cd-popup-close2::after {

  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  transform: rotate(-45deg);

  right: 8px;
}



.is-visible .cd-popup-container {

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  transform: translateY(0);
}



@media only screen and (min-width: 1170px) {

  .cd-popup-container {

    margin: 8em auto;
  }
}

/*------------------------------------------------------------------------------------------*/

.red_dot {

  position: relative;
}

.red_dot::after {

  position: absolute;

  right: 0;

  content: '\f069';

  color: #D50000;

  z-index: 10;

  font-family: FontAwesome;

  font-weight: normal;

  font-size: 10px;

  text-rendering: auto;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;
}



.d_line {

  border-bottom: 1px solid #e1e1e1;

  margin-bottom: 15px;

  position: relative;
}

.d_line:after {

  position: absolute;

  width: 0;

  background: #D50000;

  height: 1px;

  content: '';

  left: 0;

  right: 0;

  bottom: 0px;

  -webkit-transition: all 0.9s;

  -moz-transition: all 0.9s;

  transition: all 0.9s;
}

.d_line:hover:after {

  width: 100%;
}

.d_line:hover a span {

  background: #D50000;

  color: #fff;
}

.d_line:hover a {

  color: #666;
}

.d_line a {

  display: block;

  padding-bottom: 5px;
}

.d_line a i {

  font-size: 18px;

  color: #999;

  margin-right: 5px;
}

.d_line a h3 {

  font-size: 18px;

  display: block;

  color: #666;

  padding: 0;

  margin: 0;

  padding-top: 5px;

  width: 100%;
}

.d_line a span {

  width: 120px;

  color: #999;

  font-weight: bold;

  margin-bottom: 10px;

  font-size: 15px;

  display: block;

  float: right;

  background: #ebebeb;

  padding: 8px;

  text-align: center;

  border-radius: 5px;

  -webkit-transition: all 0.25s;

  -moz-transition: all 0.25s;

  transition: all 0.25s;
}



.icon_user {

  color: #999;

  font-weight: bold;
}

.icon_user a {

  margin-left: 5px;

  display: inline-block;

  padding: 6px 10px;

  -webkit-transition: all 0.25s;

  -moz-transition: all 0.25s;

  transition: all 0.25s;

  border-radius: 3px;

  background: #fff;

  border: 1px solid #ccc;

  color: #999;
}

.icon_user a:hover {

  background: #D50000;

  color: #fff;

  border-color: #D50000;
}



@media (max-width: 480px) {

  .w480 {

    width: 100%;
  }



  .w480m5 {

    margin-top: 8px;

    text-align: center;

    margin: 8px auto;
  }

  .w480m5 span {

    float: none !important;

    margin: 0px auto;
  }



  .login_white_line2 {

    padding: 15px;
  }
}

/*------------------------------------------------------------------------------------*/

.pro_box_out {

  margin-bottom: 25px;
}



.pro_box_out2 {

  margin-bottom: 35px;
}



.pro_box {

  vertical-align: top;

  position: relative;

  -webkit-transition: all 0.25s;

  -moz-transition: all 0.25s;

  transition: all 0.25s;

  background: #f7f7f7;

  border: 2px solid #f7f7f7;
}

.pro_box:hover {

  border: 2px solid #D50000;
}

.pro_box .pro_box_img {

  padding: 30px;

  text-align: center;
}

.pro_box .pro_box_txt {

  vertical-align: middle;

  padding: 15px;

  padding-top: 0;

  -webkit-transition: all 0.25s;

  -moz-transition: all 0.25s;

  transition: all 0.25s;
}

.pro_box .pro_box_txt h3 {

  font-size: 15px;

  padding: 0;

  margin: 0;

  position: relative;

  padding-bottom: 15px;

  font-weight: bold;

  text-transform: uppercase;

  text-align: center;
}



/*-------------------------------------------------------------------------------------*/

.product_secmenu {

  position: absolute;

  top: 0;

  z-index: 101;

  background: #b01a05;

  padding: 0px;

  color: #fff;

  -webkit-border-top-right-radius: 5px;

  -webkit-border-bottom-right-radius: 5px;

  -moz-border-radius-topright: 5px;

  -moz-border-radius-bottomright: 5px;

  border-top-right-radius: 5px;

  border-bottom-right-radius: 5px;

  transform: translateX(0%);

  -webkit-transform: translateX(0%);

  -moz-transform: translateX(0%);

  -o-transform: translateX(0%);

  -webkit-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);

  -moz-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);

  -o-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);

  -ms-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);

  transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);

  -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.2);

  -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.2);

  box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.2);
}

.product_secmenu #good {

  height: 90vh;

  display: block;

  overflow-y: auto;

  overflow-x: hidden;
}

.product_secmenu .product_secmenu_box ul {

  margin-bottom: 0px;

  list-style: none;

  padding: 0;

  margin: 0;

  padding: 20px;
}

.product_secmenu .product_secmenu_box ul li {

  border-bottom: 1px solid #bb3b29;
}

.product_secmenu .product_secmenu_box ul li a {

  color: #fff;

  display: block;

  width: 100%;

  padding: 8px;

  -webkit-transition: all 0.25s;

  -moz-transition: all 0.25s;

  transition: all 0.25s;
}

.product_secmenu .product_secmenu_box ul li a:hover {

  background: #000;

  color: #fff;
}

.product_secmenu .product_secmenu_box ul li:last-child {

  border-bottom: none;
}

.product_secmenu .product_secmenu_box ul.secmenu2 {

  display: none;
}

.product_secmenu .product_secmenu_box ul.secmenu2 li {

  border-bottom: none;
}

.product_secmenu .product_secmenu_box ul.secmenu2 li a {

  font-size: 14px;
}

.product_secmenu .product_secmenu_box ul.secmenu2 li:first-child {

  border-bottom: 1px solid #bb3b29;

  font-size: 16px;

  font-weight: bold;

  padding-bottom: 8px;

  padding-left: 8px;
}

.product_secmenu .product_secmenu_box ul.secmenu2 li a i {

  margin-right: 5px;

  color: #6c1003;
}

.product_secmenu .product_secmenu_box ul.secmenu2 li:last-child a {

  color: rgba(255, 255, 255, 0.7);
}

.product_secmenu .product_secmenu_box ul.secmenu2 li:hover a i {

  color: #fff;
}

.product_secmenu .product_secmenu_btn,
.product_secmenu .product_secmenu_btn2 {

  position: absolute;

  right: 0;

  top: 45%;

  display: none;
}

.product_secmenu .product_secmenu_btn2 {

  font-size: 20px;
}

.product_secmenu .product_secmenu_btn2 a i {

  color: #fff !important;
}



.b_active {

  display: block !important;
}



.product_active {

  transform: translateX(-100%);

  -webkit-transform: translateX(-100%);

  -moz-transform: translateX(-100%);

  -o-transform: translateX(-100%);
}



.product_secmenu_box_search {

  padding: 20px;

  padding-top: 28px;

  background: url("shadow.png") repeat-x top center;
}

.product_secmenu_box_search h4 {

  font-size: 15px;

  font-weight: bold;
}

.product_secmenu_box_search input {

  border: 1px solid #fff;

  padding: 5px;

  height: 36px;

  color: #666;
}

.product_secmenu_box_search button {

  background: #000;

  border: 1px solid #000;

  color: #fff;

  height: 38px;

  width: 38px;

  border-radius: 3px;
}



.close-button2,
.close-button3 {

  height: 40px;

  width: 40px;

  position: relative;

  box-sizing: border-box;

  line-height: 40px;

  display: block;

  margin-right: -50px;

  background: #000;

  padding: 15px;

  -webkit-border-top-right-radius: 3px;

  -webkit-border-bottom-right-radius: 3px;

  -moz-border-radius-topright: 3px;

  -moz-border-radius-bottomright: 3px;

  border-top-right-radius: 3px;

  border-bottom-right-radius: 3px;
}



.close-button3 {

  padding: 10px;

  -webkit-transition: all 0.25s;

  -moz-transition: all 0.25s;

  transition: all 0.25s;

  display: block;
}

.close-button3:hover {

  background: #D50000;
}



.close-button2:before,

.close-button2:after {

  transform: rotate(-45deg);

  content: '';

  position: absolute;

  top: 50%;

  left: 50%;

  margin-top: -2px;

  margin-left: -13px;

  display: block;

  height: 4px;

  width: 26px;

  background-color: #fff;

  transition: all 0.2s ease-out;
}



.close-button2:after {

  transform: rotate(45deg);
}



.close-button2:hover:before,

.close-button2:hover:after {

  transform: rotate(0deg);
}



/*---------------------------------------------------------------------------*/

.pro_box_gray {

  background: #f7f7f7;

  border: 2px solid #f7f7f7;

  padding: 20px;

  -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.1);

  -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.1);

  box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.1);

  -webkit-transition: all 0.25s;

  -moz-transition: all 0.25s;

  transition: all 0.25s;
}

.pro_box_gray a {

  display: block;
}

.pro_box_gray h3 {

  font-weight: bold;

  font-size: 26px;

  position: relative;

  text-align: center;

  margin-bottom: 20px;

  text-transform: uppercase;
}

.pro_box_gray h3:after {

  position: absolute;

  width: 20px;

  height: 2px;

  margin: 0 auto;

  background: #D50000;

  content: '';

  bottom: -5px;

  left: 0;

  right: 0;
}

.pro_box_gray h4 {

  color: #D50000;

  font-size: 17px;

  font-weight: bold;

  margin-bottom: 20px;

  text-align: center;
}

.pro_box_gray p {

  color: #666;
}

.pro_box_gray .pro_more {

  background: #D50000;

  color: #fff;

  width: 120px;

  height: 40px;

  -webkit-transition: all 0.25s;

  -moz-transition: all 0.25s;

  transition: all 0.25s;

  margin: 0 auto;

  text-align: center;

  font-size: 12px;

  padding-top: 10px;

  font-weight: bold;

  margin-top: 20px;
}

.pro_box_gray:hover {

  border: 2px solid #D50000;
}

.pro_box_gray:hover h3 {

  color: #000;
}

.pro_box_gray:hover .pro_more {

  background: #000;
}



h3.tit3 {

  font-size: 20px;

  color: #D50000;

  font-weight: bold;
}



.c_row img,
.de_row img {

  max-width: 100%;
}



.de_row {

  border-bottom: 1px solid #d2d2d2;

  padding: 0px;
}

.de_row ul {

  list-style: none;

  padding: 0;

  margin: 0;
}

.de_row ul li {

  display: inline-block;

  background: #f7f7f7;

  -webkit-border-top-left-radius: 5px;

  text-transform: uppercase;

  font-weight: bold;

  text-align: center;

  -webkit-border-top-right-radius: 5px;

  color: #333;

  -moz-border-radius-topleft: 5px;

  -moz-border-radius-topright: 5px;

  border-top-left-radius: 5px;

  border-top-right-radius: 5px;

  width: 250px;

  padding: 20px;

  -webkit-box-shadow: 3px -3px 3px 0px rgba(0, 0, 0, 0.12);

  -moz-box-shadow: 3px -3px 3px 0px rgba(0, 0, 0, 0.12);

  box-shadow: 3px -3px 3px 0px rgba(0, 0, 0, 0.12);
}



.red_dot_ul2 {

  list-style: none;

  padding: 0;

  margin: 0;

  vertical-align: top;

  margin-top: 5px;
}

.red_dot_ul2 li {

  display: block;

  margin-bottom: 0px;

  position: relative;

  padding-left: 20px;

  vertical-align: top;
}

.red_dot_ul2 li:before {

  position: absolute;

  content: '';

  z-index: 5;

  background: #D50000;

  width: 8px;

  height: 8px;

  left: 0px;

  top: 7px;
}



.top_second_menu {

  background: rgba(213, 0, 0, 0.8);

  width: 100%;

  position: absolute;

  top: 80px;

  padding: 20px 30px;

  display: none;
}

.top_second_menu ul {

  list-style: none;

  padding: 0;

  margin: 0;
}

.top_second_menu ul li {

  display: inline-block;

  width: 33%;

  margin-bottom: 5px;
}

.top_second_menu ul li a {

  color: #fff;
}

.top_second_menu ul li a:hover {

  text-decoration: underline;
}



.navbar-default.scrolled .top_second_menu {

  top: 50px;
}



.sub-menu {

  display: none;

  background: rgba(61, 205, 88, 0.9);

 /* width: 100% !important;
  left: 0 !important;
	*/
  top: 90px;
  position: absolute !important;
  padding: 20px 30px;
}

.sub-menu li {
list-style: none;
  margin-bottom: 10px;

  text-align: left !important;
}

.sub-menu li a {
font-size:16px;
  color: #fff !important;

  text-align: left !important;

  position: relative;
}

.sub-menu li a:before {

  position: absolute;

  content: '';

  background: #fff;

  width: 4px;

  height: 4px;

  left: -10px;

  top: 7px;
}

.sub-menu li a:hover {

  text-decoration: underline;
}



@media (max-width: 991px) {

  .sub-menu {

    display: none;
  }
}

/*-------------------------------------------------------------------------*/



.ffss {
  max-width: 670px;
  margin: 120px auto;
  margin-bottom: 20px;
}

@media(max-width:991px) {

  .ffss {
    max-width: 670px;
    margin: 50px auto;
    margin-bottom: 20px;
  }

}