@charset "utf-8";
/**定义整个页面大小 默认为1002px*/
body {
  background: url(../images/bg.gif) repeat-x #fff;
  margin: 0 auto;
  padding: 0;
  font-size: 14px;
  color: #595959;
  font-family: microsoft yahei, Arial, Helvetica, sans-serif;
  line-height: 20px;
  -webkit-text-size-adjust: none;
}
.clearfloat {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
/**hack Opera, FF, Float "bug"*/
.clearfix {
  clear: both;
}

img {
  border: 0;
}

.uborder_line {
  border-bottom: 1px gray solid;
}
.uborder_dot {
  border-bottom: 1px gray dotted;
}

/**复制你自己的代码到这里*/

/**--------------------------------------LINK-----------------------------------*/

/**--------------------------------------/LINK/END-----------------------------------*/

.video_box {
  clear: both;
  padding: 0 0 20px;
  text-align: center;
}
.video_box img {
  width: 100%;
}
.video_box video {
  width: 100%;
}

.logo {
  padding-top: 5px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 5px;
  text-align: center;
  width: auto;
  margin: 0 auto;
}
.logo img {
  margin: 0 auto;
}
.top_nav {
  padding-top: 0;
  padding-right: 0;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 10px;
  float: none;
  padding: 0 10px 10px;
}
.top_nav a {
  display: inline-block;
  padding: 0 25px 0 25px;
  border: 1px solid #ddd;
  background: url(../images/index_06.png) 5px no-repeat #fff;
  -moz-border-radius: 150px; /* Gecko browsers */
  -webkit-border-radius: 150px; /* Webkit browsers */
  border-radius: 150px; /* W3C syntax */
  color: #666;
  line-height: 20px;
  height: 24px;
  margin: 0 0 0 5px;
}
.top_nav a:hover {
  background: url(../images/index_06.png) 5px no-repeat #46a955;
  border: 1px solid #46a955;
  text-decoration: none;
  color: #fff;
}
.top_nav .top_lang_hover {
  background: url(../images/index_06.png) 5px no-repeat #46a955;
  color: #fff;
  border: 1px solid #46a955;
}
.top_nav .top_lang:hover {
  background: url(../images/index_08.png) 5px no-repeat #f1f1f1;
}
.top_search {
  border: 1px solid #fff;
  -moz-border-radius: 15px; /* Gecko browsers */
  -webkit-border-radius: 15px; /* Webkit browsers */
  border-radius: 15px; /* W3C syntax */
  padding: 0 0 0 10px;
  float: none;
  margin-top: 12px;
  margin-left: 15px;
  position: absolute;
  background: #fff;
}
.top_search input {
  border: 0;
  background: none;
  height: 24px;
  line-height: 22px;
  float: left;
}
.top_search .search_bt {
  background: url(../images/index_08.png) center center no-repeat;
  width: 34px;
  height: 24px;
}
.nav_bg {
  width: 100%;
  clear: both;
  background: #46a955;
}
.navbar-toggle {
  z-index: 999999;
  border: 1px solid #fff;
  color: #fff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border: 0;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ddd;
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
  background: none;
}
.navbar-default {
  border: 0;
  margin-bottom: 0;
  width: 100%;
  top: 0;
  background: url(../images/index_11.jpg) repeat-x;
  padding: 0;
}
.navbar-collapse {
  position: absolute;
  width: 100%;
  background: #f9f9f9;
  border: 0;
  z-index: 9999;
}
.navbar-nav {
  margin-top: 0;
  margin-bottom: 0;
}
.navbar-default .navbar-nav li {
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: 1px solid #ddd;
}
.navbar-default .navbar-nav li a {
  text-align: left;
  /* line-height: 52px;
  height: 52px; */
  padding-top: 0;
  padding-bottom: 0;
  color: #666;
  outline: 0;
}
.navbar-default .navbar-nav .active a {
  background: #888;
  color: #fff;
}
.navbar-default .navbar-nav .active a:hover {
  color: #fff;
  background: #333;
}
.navbar-default .navbar-nav .active a:focus {
  color: #fff;
  background: #333;
}
.nav li ul {
  display: none;
}
.nav li .nav_show {
  display: none;
}

@media (min-width: 768px) {
  .top_search {
    border: 1px solid #c1d6c1;
    -moz-border-radius: 15px; /* Gecko browsers */
    -webkit-border-radius: 15px; /* Webkit browsers */
    border-radius: 15px; /* W3C syntax */
    padding: 0 0 0 10px;
    float: right;
    margin-top: 15px;
    margin-left: 0;
    position: relative;
  }
  .swiper-container-horizontal > .swiper-pagination-bullets,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
    bottom: 50px;
    left: 0;
    width: 100%;
  }
  .top_nav {
    padding-top: 0;
    padding-right: 0;
    text-align: center;
    margin: 0 auto;
    text-align: right;
    padding-bottom: 10px;
    float: right;
    right: 0;
    width: auto;
    padding: 15px 35px 5px 5px;
  }
  .top_nav a {
    display: inline-block;
    padding: 0 15px;
    border: 1px solid #ddd;
    background: url(../images/index_05.jpg) bottom repeat-x #fff;
    -moz-border-radius: 150px; /* Gecko browsers */
    -webkit-border-radius: 150px; /* Webkit browsers */
    border-radius: 150px; /* W3C syntax */
    color: #666;
    line-height: 24px;
    height: 26px;
    margin: 0 0 0 5px;
  }
  .logo {
    float: left;
    padding: 15px;
    width: 20%;
    text-align: left;
  }
  .logo img {
    margin: 0;
    width: 100%;
  }
  .nav_bg {
    float: right;
    background: url(../images/index_11.jpg) repeat-x;
    height: 50px;
    width: 80%;
    clear: none;
  }
  .navbar-collapse {
    background: none;
    position: static;
    border: 0;
    -moz-box-shadow: 0;
    -webkit-box-shadow: 0;
    box-shadow: 0;
  }
  .navbar-default {
    border: 0;
    background: none;
  }
  .navbar-default .navbar-nav {
    width: 100%;
  }
  .navbar-default .navbar-nav > li {
    width: 11%;
    font-size: 12px;
    text-align: center;
    border: 0;
    background: url(../images/index_16.png) right no-repeat;
  }
  .navbar-default .navbar-nav > li:hover span {
    background: none;
    color: #46a955;
  }
  .navbar-default .navbar-nav > li > a {
    color: #888;
    padding: 0;
    line-height: 50px;
    height: 55px;
  }
  .navbar-default .navbar-nav > li > a span {
    font-size: 16px;
    display: block;
    height: 55px;
    color: #333;
    text-align: center;
  }

  .navbar-default .navbar-nav > .active > a {
    background: none;
    color: #888;
    line-height: 50px;
  }
  .navbar-default .navbar-nav > .active > a span {
    background: none;
    color: #000;
    line-height: 50px;
  }
  .navbar-default .navbar-nav > .active > a:hover {
    background: none;
    color: #46a955;
  }
  .navbar-default .navbar-nav > li > a:focus span,
  .navbar-default .navbar-nav > li > a:hover span {
    background: none;
    color: #46a955;
  }
  .navbar-default .navbar-nav > .active > a:hover span {
    background: none;
    color: #46a955;
  }
  .navbar-default .navbar-nav > li > a:focus,
  .navbar-default .navbar-nav > li > a:hover span {
    background: none;
    color: #46a955;
  }
  .navbar-default .navbar-nav .active a:hover {
    background: none;
    color: #46a955;
  }
  .navbar-default .navbar-nav .active a:focus {
    background: none;
    color: #46a955;
  }
  .nav li .sub {
    display: none;
    position: absolute;
    z-index: 9999;
    background: rgba(70, 169, 85, 0.9);
    border-top: 0;
    width: 200%;
    left: 50%;
    transform: translateX(-50%);
    top: 55px;
    margin: 0;
    line-height: 28px;
  }
  .nav li .nav_arr {
    top: -5px;
    background: url(../images/index_14.png) no-repeat;
    width: 11px;
    height: 5px;
    left: 50%;
    position: absolute;
    margin-left: -6px;
  }
  .nav li ul {
    display: block;
  }
  .nav li .nav_show {
    display: block;
    z-index: 999999999;
  }
  .nav li .nav_show li {
    /* 修改没line-height */
    /* line-height: 38px; */
    padding: 0;
    /* height: 38px; */
    border: 0;
  }
  .navbar-default .navbar-nav li .nav_show li a {
    display: block;
    width: 100%;
    font-size: 14px;
    /* line-height: 28px; */
    /* text-align: center; */
    text-align: left;
    color: #fff;
    background: none;
    padding: 5px 15px 0;
    /* height: 38px; */
  }
  .navbar-default .navbar-nav li .nav_show li a:hover {
    color: #fff;
    background: #339642;
    text-decoration: none;
  }
}

.main_banner {
  clear: both;
}
.main_banner img {
  display: block;
  margin: 0 auto;
}

main {
  clear: both;
  background: #e5eef5;
}
.sub_box {
  background: #fff;
  padding: 15px 0;
}
.main_bg {
  clear: both;
  position: relative;
  background: #fff;
  margin-top: 20px;
  z-index: 999;
  border-top: 5px solid #0172ad;
}
@media (min-width: 768px) {
  .main_bg {
    clear: both;
    position: relative;
    background: #fff;
    margin-top: -40px;
    z-index: 999;
    border-top: 5px solid #0172ad;
  }
}
.main_about {
  clear: both;
  background: url(../images/index_17.jpg) right top no-repeat;
}

.main_about_title {
  clear: both;
  padding: 15px;
  line-height: 40px;
  font-size: 24px;
}
.main_about_title strong {
  font-weight: normal;
  color: #09608b;
  font-size: 24px;
  background: url(../images/index_20.png) left no-repeat;
  padding-left: 30px;
}
.main_about_text {
  clear: both;
  padding: 15px;
  line-height: 30px;
  font-size: 16px;
  color: #333;
  background: rgba(255, 255, 255, 0.8);
}
.main_about_text p {
  text-indent: 2em;
}
.main_about_bt {
  clear: both;
  line-height: 30px;
  font-size: 14px;
}
.main_about_bt a {
  display: block;
  line-height: 30px;
  padding: 0 40px;
  color: #fff;
  text-align: center;
  background: #307293;
  -moz-border-radius: 5px; /* Gecko browsers */
  -webkit-border-radius: 5px; /* Webkit browsers */
  border-radius: 5px; /* W3C syntax */
}
.main_about_bt a:hover {
  background: #46a955;
}

@media (min-width: 768px) {
  .main_about_text {
    clear: both;
    padding: 15px;
    line-height: 30px;
    font-size: 16px;
    /* background: none; */
  }
  .main_about_bt a {
    display: inline-block;
    line-height: 40px;
    padding: 0 40px;
    color: #fff;
    background: #307293;
    -moz-border-radius: 5px; /* Gecko browsers */
    -webkit-border-radius: 5px; /* Webkit browsers */
    border-radius: 5px; /* W3C syntax */
  }
}
.main_left_bg {
  /* clear: both; */
  background: #eef8ee;
  margin-bottom: 10px;
}
.main_title {
  clear: both;
  border-top: 5px solid #279127;
  line-height: 43px;
}
.main_title a {
  float: right;
  padding: 0 20px 0 20px;
  background: url(../images/index_39.png) left no-repeat;
  color: #333;
}
.main_title strong {
  font-weight: normal;
  font-size: 18px;
  padding: 0 50px 0 0;
  display: inline-block;
  background: url(../images/title_15.jpg) right no-repeat #2da32d;
}
.main_title strong span {
  font-size: 18px;
  padding: 0 0 0 40px;
  display: inline-block;
  color: #fff;
}
.main_title .main_t1 span {
  background: url(../images/index_25.png) 10px 50% no-repeat;
}
.main_title .main_t2 span {
  background: url(../images/index_36.png) 10px 50% no-repeat;
}
.main_title .main_t3 span {
  background: url(../images/index_49.png) 10px 50% no-repeat;
}
.main_title .main_t4 span {
  background: url(../images/index_60.png) 10px 50% no-repeat;
}
.main_video {
  text-align: center;
  clear: both;
  padding-top: 10px;
}
.main_video img {
  width: 100%;
  height: auto;
}
.main_news {
  clear: both;
  padding-top: 10px;
}
.main_news ul {
  margin: 0 auto;
}
.main_news li {
  text-align: right;
  line-height: 30px;
  padding: 0 15px;
  font-size: 12px;
}
.main_news li a {
  float: left;
  height: 30px;
  overflow: hidden;
  background: url(../images/index_44.png) left no-repeat;
  padding-left: 15px;
  font-size: 14px;
  color: #333;
  width: 70%;
  text-align: left;
}
.main_left {
  padding: 0 0 0 10px;
}
.main_pro {
  padding: 0 7px 0 10px;
}
.main_pro_box {
  padding: 0 3px 0 0;
}
.main_probg2 {
  clear: both;
  position: relative;
  background: #ffa800;
  min-height: 375px;
  overflow: hidden;
  margin-bottom: 3px;
  padding: 25px;
}
.main_probg1 {
  clear: both;
  position: relative;
  background: #2da32d;
  min-height: 375px;
  overflow: hidden;
  margin-bottom: 3px;
  padding: 25px;
}
.main_pro2bg2 {
  clear: both;
  position: relative;
  background: url(../images/en-pic.jpg) 50% no-repeat #ffa800;
  background-size: cover;
  min-height: 350px;
  overflow: hidden;
  margin-bottom: 3px;
  padding: 25px;
}
.main_pro2bg3 {
  clear: both;
  position: relative;
  background: url(../images/en-pic2.jpg) 50% no-repeat #2da32d;
  background-size: cover;
  min-height: 350px;
  overflow: hidden;
  margin-bottom: 3px;
  padding: 25px;
}

.main_pro2bg1 {
  clear: both;
  position: relative;
  background: url(../images/index69.jpg) 50% no-repeat #2da32d;
  background-size: cover;
  min-height: 350px;
  overflow: hidden;
  margin-bottom: 3px;
  padding: 25px;
}
@media (min-width: 768px) {
  .main_pro2bg2 {
    clear: both;
    background: url(../images/en-pic.jpg) right no-repeat #ffa800;
  }
  .main_pro2bg3 {
    background: url(../images/en-pic2.jpg) right no-repeat #2da32d;
  }
}
.main_probg3 {
  clear: both;
  position: relative;
  background: #35a889;
  min-height: 375px;
  overflow: hidden;
  margin-bottom: 3px;
  padding: 25px;
}
.main_probg4 {
  clear: both;
  position: relative;
  background: #009fbd;
  min-height: 375px;
  overflow: hidden;
  margin-bottom: 3px;
  padding: 25px;
}

.main_pro_pic {
  position: absolute;
  right: 0;
  bottom: 0;
  /* right: -25px;
  bottom: -15px; */
}
.main_pro_pic img {
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 314px;
  height: 227px;
}
.main_pro_pic2 {
  position: absolute;
  right: 0;
  bottom: 0;
  /* right: -25px;
  bottom: -15px; */
}
.main_pro_pic2 img {
  width: 163px;
  height: 249px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 768px) {
  .main_pro_pic2 img {
    width: 314px;
    height: 227px;
    /* width: 200px;
    height: 306px; */
  }
}
.main_pro_no {
  color: #fff;
  line-height: 50px;
  font-size: 48px;
}
.main_pro_title {
  color: #fff;
  line-height: 50px;
  font-size: 26px;
}
.main_pro_title a {
  color: #fff;
}
.main_pro_list {
  position: relative;
  color: #fff;
  line-height: 24px;
  font-size: 16px;
}
.main_pro_list li {
  clear: both;
}
.main_pro_list li a {
  color: #fff;
}
.main_pro_list2 {
  position: relative;
  color: #fff;
  line-height: 24px;
  font-size: 16px;
}
.main_pro_list2 li {
  clear: both;
  margin-top: 5px;
}
.main_pro_list2 li a {
  display: block;
  width: 50%;
  color: #fff;
  border: 1px solid #fff;
  -moz-border-radius: 5px; /* Gecko browsers */
  -webkit-border-radius: 5px; /* Webkit browsers */
  border-radius: 5px; /* W3C syntax */
  padding: 0 15px 0 10px;
  line-height: 30px;
}
.main_pro_list2 li a:hover {
  background: rgba(255, 255, 255, 0.2);
}
.main_pro_bt {
  position: absolute;
  left: 25px;
  bottom: 25px;
}
.main_pro_bt a {
  display: inline-block;
  padding: 0 25px;
  border: 1px solid #fff;
  line-height: 32px;
  -moz-border-radius: 5px; /* Gecko browsers */
  -webkit-border-radius: 5px; /* Webkit browsers */
  border-radius: 5px; /* W3C syntax */
  color: #fff;
}

.main_pro_bottom {
  clear: both;
}
.main_pro_bottom .col-md-4 {
  padding: 0 3px 0 0;
}
.main_pb_bg1 {
  min-height: 300px;
  background: url(../images/index_53.jpg) center top no-repeat;
  background-size: cover;
}
.main_pb_bg2 {
  min-height: 300px;
  background: url(../images/index_55.jpg) center top no-repeat;
  background-size: cover;
}
.main_pb_bg3 {
  min-height: 300px;
  background: url(../images/index_57.jpg) center top no-repeat;
  background-size: cover;
}

.main_pro_bottom a {
  display: block;
  padding: 30% 0 0;
}
.main_pro_bottom span {
  display: block;
  text-align: center;
}
.main_pro_bottom span img {
  margin: 0 auto;
}
.main_pro_bottom a p {
  padding: 10% 0 5%;
  text-align: center;
  color: #fff;
  font-size: 24px;
}
@media (min-width: 1068px) {
  .main_pro_bottom a {
    display: block;
    padding: 40% 0 0;
  }
  .main_pro_bottom a p {
    padding: 40% 0 0;
    text-align: center;
    color: #fff;
    font-size: 24px;
  }
}
.main_pro_bottom a:hover {
  text-decoration: none;
}
.bg-cover-center{
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.index-product-list {
  padding: 0 10px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.index-product-list::after {
  content: "";
  display: block;
  width: 32%;
}
.index-product-list .product-one {
  width: 32%;
  padding-bottom: 40%;
  margin-bottom: 10px;
  position: relative;
}
.index-product-list .product-one h4 {
  position: absolute;
  bottom: 10%;
  left: 0;
  font-weight: bold;
  font-size: 28px;
  color: white;
  z-index: 10;
  transition: 0.5s;
  padding: 0 20px;
}
.index-product-list .product-one::after {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background-image: linear-gradient(-180deg, rgba(72, 75, 77, 0), rgba(35, 36, 38, 0.5));
  transition: 0.5s;
}
.index-product-list .product-one:hover::after {
  opacity: 0.5;
}
.main_product_title {
  padding: 15px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main_product_title .main_about_title{
  padding: 0;
}
.main_product_title .main_about_title strong{
  background: none;
  padding-left: 0;
}
@media (max-width: 992px) {
  .index-product-list .product-one{
    width: 48%;
  }
}
@media (max-width: 768px) {
  .index-product-list .product-one{
    width: 100%;
    padding-bottom: 100%;
  }
  .index-product-list .product-one h4{
    font-size: 18px;
  }
  .main_about_text{
    padding: 10px 0;
  }
}

footer {
  position: relative;
  background: #39464f;
  padding-bottom: 40px;
  margin: 0 auto;
  padding-top: 20px;
}
@media (min-width: 768px) {
  footer {
    position: relative;
    background: #39464f;
    padding-bottom: 40px;
    margin: 0 auto;
    margin-top: -40px;
    padding-top: 70px;
  }
  .sub_foot footer {
    padding-top: 20px;
  }
}
.foot_nav dl {
  margin: 0;
  padding: 0;
}
.foot_nav dt {
  font-size: 18px;
  font-weight: normal;
  border-bottom: 1px solid #616b72;
  line-height: 40px;
  margin-bottom: 5px;
}
.foot_nav dt a {
  color: #4dc92b;
  line-height: 30px;
}
.foot_nav dd {
  clear: both;
  display: none;
}
.foot_nav dd a {
  color: #e1e2e3;
  line-height: 24px;
}
.foot_nav dd a:hover {
  color: #fff;
}
.foot_contact {
  color: #e1e2e3;
}
.foot_add {
  line-height: 20px;
  padding: 10px 0;
  float: left;
  width: 73%;
}
.foot_add p {
  margin: 0;
}
.foot_add a {
  text-decoration: none;
  color: #e1e2e3;
}
.foot_company {
  font-size: 18px;
}
.foot_title {
  font-size: 18px;
  font-weight: normal;
  color: #4dc92b;
  line-height: 40px;
  margin-bottom: 10px;
}
.foot_title strong {
  font-weight: normal;
}
.foot_c_text {
  clear: both;
  color: #666;
}
.foot_c_text strong {
  clear: both;
  display: block;
  padding: 10px 0;
  font-weight: normal;
  color: #333;
  font-size: 16px;
}

.foot_bottom {
  margin: 0 auto;
  clear: both;
  background: #0f335a;
}
.foot_bottom a {
  color: #a1b1c2;
}
.foot_bottom a:hover {
  color: #fff;
}

.foot_copy {
  float: left;
  width: 100%;
  padding: 10px 0 0;
  text-align: center;
  font-size: 12px;
  color: #a1b1c2;
}
.foot_power {
  float: right;
  width: 100%;
  padding: 10px 0 30px;
  text-align: center;
  font-size: 12px;
  color: #a1b1c2;
}
.foot_bg {
  clear: both;
  border-top: 1px solid #616b72;
}
.foot_code {
  clear: both;
  padding-top: 10px;
}
.foot_code span {
  display: block;
}
.foot_code img {
  display: block;
  background: #fff;
  border: 1px solid #ddd;
  padding: 3px;
  margin: 0 auto;
}
.foot_code p {
  padding: 8px 0 0;
  text-align: center;
}
.foot_code strong {
  text-align: center;
  font-size: 12px;
  font-weight: normal;
  color: #afb2b5;
  display: block;
}
@media (min-width: 768px) {
  /* .foot_nav dl{
	} */
  .foot_nav dt {
    border: 0;
    margin-bottom: 10px;
  }
  .foot_nav dd {
    display: block;
  }
  .foot_copy {
    width: 100%;
    padding: 10px 0 0;
    text-align: center;
    font-size: 12px;
  }
  .foot_power {
    text-align: center;
    font-size: 12px;
  }
  .foot_code {
    float: right;
    width: 27%;
    padding: 0;
    clear: none;
    margin-top: -15px;
  }
  .foot_code span {
    display: block;
  }
  .foot_code img {
    display: block;
    background: #fff;
    border: 1px solid #ddd;
    padding: 3px;
    margin: 0 auto;
  }
  .foot_code p {
    padding: 8px 0 0;
    margin-bottom: 0;
    text-align: center;
  }
  .foot_code strong {
    padding: 0;
    text-align: center;
    font-size: 12px;
    font-weight: normal;
    color: #afb2b5;
  }
}

.foot_c_text {
  float: left;
  width: 70%;
  padding: 0 20px 0 0;
}

.sub_content {
  clear: both;
}
@media screen and (min-width: 860px) {
  .sub_content {
    padding-right: 20px;
  }
}
.sub_content img {
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}

.sub_bg {
  background: url(../images/subbg.jpg) center top no-repeat #e5eef5;
}

.sub_guide {
  line-height: 30px;
  text-align: left;
  padding: 10px 15px;
  color: #fff;
}
.sub_guide a {
  display: inline-block;
  padding: 0 5px;
  color: #fff;
}
.sub_guide_title {
  float: none;
  font-size: 24px;
  color: #fff;
}
@media (min-width: 768px) {
  .sub_guide {
    line-height: 56px;
    clear: both;
    text-align: right;
  }
  .sub_guide_title {
    float: left;
    font-size: 24px;
  }
}

.sub_content {
  clear: both;
  line-height: 24px;
}

.sub_nav {
  clear: both;
  padding: 0;
}
.sub_nav ul {
  margin: 0;
}
.sub_nav li {
  clear: none;
  line-height: 50px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font-size: 16px;
  width: 50%;
  float: left;
}
.sub_nav li a {
  display: block;
  padding: 0 10px;
  color: #333;
  text-align: center;
  background: #f1f1f1;
}
.sub_nav li a:hover {
  background: #f7f7f7;
  color: #333;
}
.sub_nav li .hover {
  background: #46a955;
  color: #fff;
}
.sub_nav li .hover:hover {
  background: #46a955;
  color: #fff;
}
.sub_nav li ul {
  display: none;
}
@media (min-width: 768px) {
  .sub_nav {
    clear: both;
  }
  .sub_nav li {
    clear: both;
    width: 100%;
    line-height: 50px;
    font-size: 16px;
    margin-bottom: 5px;
    border: 0;
  }
  .sub_nav li a {
    display: block;
    padding: 0 15px 0 30px;
    color: #333;
    text-align: left;
    -moz-border-radius: 5px; /* Gecko browsers */
    -webkit-border-radius: 5px; /* Webkit browsers */
    border-radius: 5px; /* W3C syntax */
    background: url(../images/07_01.gif) 10px center no-repeat #f1f1f1;
  }
  .sub_nav li a:hover {
    background: url(../images/07_01.gif) 10px center no-repeat #f7f7f7;
    color: #333;
  }
  .sub_nav li .hover {
    background: url(../images/07_01x.gif) 95% center no-repeat #46a955;
    color: #fff;
    padding: 0 15px 0 15px;
  }
  .sub_nav li .hover:hover {
    background: url(../images/07_01x.gif) 95% center no-repeat #46a955;
    color: #fff;
    padding: 0 15px 0 15px;
  }

  .sub_nav li ul {
    margin: 0;
    padding-top: 5px;
    display: block;
    -moz-border-radius: 5px; /* Gecko browsers */
    -webkit-border-radius: 5px; /* Webkit browsers */
    border-radius: 5px; /* W3C syntax */
  }
  .sub_nav li li {
    margin-bottom: 3px;
    clear: both;
    float: none;
  }
  .sub_nav li li a {
    clear: both;
    display: block;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    color: #666;
    font-size: 14px;
    padding: 0 10px 0 25px;
    text-align: left;
    background: url(../images/position_line.gif) 10px no-repeat #f9f9f9;
  }
  .sub_nav li li a:hover {
    color: #333;
    background: url(../images/position_line.gif) 10px no-repeat #eee;
  }
  .sub_nav li li a.hover {
    color: #fff;
    background: url(../images/position_linex.gif) 95% no-repeat #888;
    padding: 0 10px;
  }
  .sub_nav li li a.hover:hover {
    color: #fff;
    padding: 0 10px;
    background: url(../images/position_linex.gif) 95% no-repeat #888;
  }
}
/* 	
.sub_left{
	} */
.sub_right {
  padding-top: 15px;
}
@media (min-width: 768px) {
  .sub_left {
    padding-top: 0;
    padding-right: 30px;
  }
  .sub_right {
    padding-top: 0;
    padding-right: 15px;
    padding: 0;
  }
}

.news_list ul {
  margin: 0 -15px;
}
@media (min-width: 768px) {
  .news_list ul {
    margin: 0;
  }
}
.news_list li {
  padding-bottom: 15px;
  clear: both;
}
/* .news_list li .m_news_bg{
	} */
.news_list li .m_news_data {
  line-height: 30px;
  font-size: 12px;
  color: #888;
}
.news_list li .m_news_title {
  font-size: 18px;
  color: #000;
}
.news_list li .m_news_title a {
  color: #000;
  line-height: 30px;
}
.news_list li .m_news_pic {
  margin-bottom: 10px;
}
.news_list li .m_news_pic a {
  display: block;
  overflow: hidden;
}
.news_list li .m_news_pic img {
  display: block;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  transition: transform 0.5s;
  -webkit-transition: -webkit-transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  -o-transition: -o-transform 0.5s;
}
.news_list li .m_news_pic img:hover {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}
.news_list li .m_news_pic a {
  display: block;
}
.news_list li .m_news_c {
  font-size: 14px;
  color: #888;
  line-height: 24px;
  padding: 5px 0 0;
}

.case_list {
  clear: both;
}
.case_list ul {
  clear: both;
  margin: 0 -15px;
}
@media (min-width: 768px) {
  .case_list ul {
    clear: both;
    margin: 0;
  }
}
.case_list li {
  padding-bottom: 15px;
}
.case_list li span {
  display: block;
  overflow: hidden;
}

.case_list li img {
  display: block;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  transition: transform 0.5s;
  -webkit-transition: -webkit-transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  -o-transition: -o-transform 0.5s;
}
.case_list li img:hover {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}

.case_list li p {
  padding-top: 10px;
  text-align: center;
}
.case_list li p a {
  color: #666;
}

.contact_tel2 {
  color: #333;
  font-size: 18px;
  padding: 10px 0;
  font-weight: 300;
}
.contact_map {
  clear: both;
}
.contact_wp1 .main_title {
  text-align: left;
}
.contact_wp1 .main_title strong {
  background: none;
  font-size: 28px;
}
.contact_wp2 .main_title strong {
  background: none;
  font-size: 28px;
}
.contact_text {
  clear: both;
  line-height: 30px;
  margin-bottom: 30px;
}
.contact_text strong {
  display: block;
  font-size: 18px;
  color: #000;
  font-weight: normal;
  margin-bottom: 10px;
}
.contact_text p {
  margin-bottom: 0;
}
.contact_fbk {
  clear: both;
  line-height: 36px;
  padding: 10px 0;
}
.fbk_input {
  margin-bottom: 10px;
}
.fbk_input input {
  background: #f7f7f7;
}
.fbk_textarea {
  margin-bottom: 10px;
}
.fbk_textarea textarea {
  background: #f7f7f7;
}
/* .fbk_bt{
	} */
.fbk_bt button {
  width: 100%;
  line-height: 40px;
  height: 50px;
  font-size: 16px;
  padding: 0;
  background: #46a955;
  border: 1px solid #46a955;
}
.fbk_bt button:hover {
  background: #319841;
  border: 1px solid #319841;
}
/* .fbk_bt2{
	} */
.fbk_bt2 button {
  width: 100%;
  line-height: 40px;
  height: 50px;
  font-size: 16px;
  padding: 0 30px;
  background: #49b700;
  border: 1px solid #49b700;
}
.fbk_bt2 button:hover {
  background: #53c00b;
  border: 1px solid #53c00b;
}

.main_title2 {
  clear: both;
  font-size: 16px;
  color: #999;
  line-height: 18px;
  margin-bottom: 15px;
}
.main_title2 span {
  display: inline-block;
  padding: 0 20px;
}
.main_title2 strong {
  color: #2da32d;
  font-size: 18px;
  font-weight: normal;
  line-height: 30px;
  padding-right: 10px;
}

.pro_list {
  clear: both;
}
.pro_list ul {
  clear: both;
  margin: 0 -15px;
}
.pro_list li {
  padding-bottom: 25px;
}
.pro_list li .pro_l_bg {
  padding: 0 0 5px;
  -moz-border-radius: 5px; /* Gecko browsers */
  -webkit-border-radius: 5px; /* Webkit browsers */
  border-radius: 5px; /* W3C syntax */
  position: relative;
}
@media (min-width: 768px) {
  .pro_list ul {
    clear: both;
    margin: 0 auto;
  }
  .pro_list li .pro_l_bg {
    padding: 0 0 5px;
    -moz-border-radius: 5px; /* Gecko browsers */
    -webkit-border-radius: 5px; /* Webkit browsers */
    border-radius: 5px; /* W3C syntax */
    position: relative;
  }
}
.pro_list li .pro_l_pic a {
  display: block;
  overflow: hidden;
  transition: transform 0.5s;
  transform: translate(0, 0);
  transition: all 0.2s ease-in 0s;
}
.pro_list li .pro_l_pic a:hover {
  -moz-box-shadow: 0 0 20px #ccc;
  -webkit-box-shadow: 0 0 20px #ccc;
  box-shadow: 0 0 20px #ccc;
}
.pro_list li .pro_l_pic img {
  display: block;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  transition: transform 0.5s;
  -webkit-transition: -webkit-transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  -o-transition: -o-transform 0.5s;
}
.pro_list li .pro_l_pic img:hover {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}
.pro_list li .pro_l_title {
  padding: 15px 0 10px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
.pro_list li .pro_l_title a {
  color: #2da32d;
}
.pro_list li .pro_l_text {
  line-height: 20px;
  font-size: 12px;
  height: 40px;
  overflow: hidden;
}

.pro_d_pic {
  clear: both;
  padding: 20px 0 40px;
  text-align: center;
}
.pro_d_pic img {
  width: 100%;
}
@media (min-width: 768px) {
  .pro_d_pic img {
    width: 50%;
  }
}

.down_list {
  clear: both;
}
.down_list ul {
  clear: both;
  margin: 0 -15px;
}
.down_list li {
  clear: both;
  padding-left: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #888;
  border-bottom: 1px dashed #ddd;
  font-size: 12px;
  line-height: 30px;
}
@media (min-width: 768px) {
  .down_list ul {
    clear: both;
    margin: 0;
  }
  .down_list li {
    clear: both;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0;
    color: #888;
    border-bottom: 1px dashed #ddd;
    font-size: 12px;
    line-height: 30px;
  }
}
.down_list li a {
  float: right;
  color: #333;
  font-size: 14px;
  background: #46a955;
  -moz-border-radius: 5px; /* Gecko browsers */
  -webkit-border-radius: 5px; /* Webkit browsers */
  border-radius: 5px; /* W3C syntax */
  color: #fff;
  padding: 0 10px;
}
.down_list li span {
  float: left;
  padding: 0 10px 0 0;
}
.down_list li .down_title {
  float: left;
  color: #333;
  font-size: 16px;
  color: #333;
  background: none;
  padding: 0 10px 0 0;
}

.border_blue {
  border: solid 1px #7f9db9;
}
.height5 {
  height: 5px;
  line-height: 0;
  font-size: 0;
  clear: both;
}
.height10 {
  height: 10px;
  line-height: 0;
  font-size: 0;
  clear: both;
}

.height20 {
  height: 20px;
  line-height: 0;
  font-size: 0;
  clear: both;
}

.border_ccc {
  border: solid 1px #ccc;
}

.sub_content h6 {
  font-size: 24px;
  padding: 25px 0 10px 0;
  margin: 0 0 10px;
  text-align: center;
  font-weight: normal;
  line-height: 30px;
}
.sub_content h6 span {
  display: block;
  color: #999;
  font-size: 12px;
}

.page {
  clear: both;
  text-align: center;
  line-height: 36px;
}
.page span {
  display: inline-block;
  padding: 0 8px;
  margin: 3px;
}
.page a {
  display: inline-block;
  border: 1px solid #ddd;
  background: #fafafa;
  padding: 0 15px;
  margin: 3px;
  color: #666;
  -moz-border-radius: 5px; /* Gecko browsers */
  -webkit-border-radius: 5px; /* Webkit browsers */
  border-radius: 5px; /* W3C syntax */
}
.page a:hover {
  border: 1px solid #ddd;
  background: #f1f1f1;
  color: #333;
}
.page .hover {
  border: 1px solid #2da32d;
  background: #2da32d;
  color: #fff;
}
.page .hover:hover {
  border: 1px solid #2da32d;
  background: #2da32d;
  color: #fff;
}
.page input {
  display: inline-block;
  border: 1px solid #ddd;
  background: #fafafa;
  padding: 0 5px;
  width: 50px;
  line-height: 36px;
  height: 36px;
  margin: 0 10px;
}
.page .page_bt {
  margin: 0;
  padding: 0;
}
.page .page_bt input {
  background: url(../images/bt_36.jpg) repeat-x;
  cursor: pointer;
  font-size: 14px;
  margin: 0;
}
/**--------------------------------------from-----------------------------------*/

.form1 {
  padding: 2px 8px 0 3px;
  border: 1px solid #ee9b00;
  background-color: #fdf5e5;
  color: #ee9b00;
}

.form2 {
  padding: 6px 12px 6px 12px;
  border: 1px solid #ccc;
  background-color: #fff;
}

.formfont input,
select {
  font-size: 12px;
  color: #666;
}
.formfont textarea {
  font-size: 14px;
  color: #666;
  width: 545px;
}
/**--------------------------------------/from/END-----------------------------------*/

/**--------------------------------------/margin&padding-----------------------------------*/

.margin_0 {
  margin: 0;
}
.margin_5 {
  margin: 5px;
}
.margin_top_5 {
  margin-top: 5px;
}
.margin_left_5 {
  margin-left: 5px;
}
.margin_right_5 {
  margin-right: 5px;
}
.margin_bottom_5 {
  margin-bottom: 5px;
}
.margin_t_b_5 {
  margin: 5px auto 5px auto;
}
.margin_l_r_5 {
  margin: auto 5px auto 5px;
}

.padding_0 {
  padding: 0;
}
.padding_top_5 {
  padding-top: 5px;
}
.padding_left_5 {
  padding-left: 5px;
}
.padding_right_5 {
  padding-right: 5px;
}
.padding_bottom_5 {
  padding-bottom: 5px;
}
.padding_5 {
  padding: 5px;
}
.padding_t_b_5 {
  padding: 5px 0 5px 0;
}
.padding_l_r_5 {
  padding: 0 5px 0 5px;
}
.pdtd td {
  padding: 5px;
}
/**--------------------------------------/margin&padding/END-----------------------------------*/