/* CSS Document */

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

	HEADER

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

#header {

  height: 100px;

}

#header .navbar-inverse {

  border: none;

}

#header .navbar #logo {

  height: auto;

  padding: 15px;

}

#header .navbar #logo img {

  height: 70px;

}

#header .navbar .navbar-toggle {

  margin: 12px 15px;

  padding: 10px;

  color: #FFF;

  border: none;

}

#header .navbar .navbar-nav li.active {

  border-bottom: 2px solid #CDAF63;

}

#header .navbar .navbar-nav li.active a {

  background-color: inherit;

}

#header .navbar .navbar-nav .dropdown .dropdown-menu {

  min-width: inherit;

  width: 100%;

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

 /* left: -8px;*/ left:0px;

}

#header .navbar .navbar-nav .dropdown .dropdown-menu > li > a {

  color: #9d9d9d;

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

  font-size:12px;

  padding: 10px 0;

  text-align: center;

}

#header .navbar .navbar-nav .dropdown .dropdown-menu > li > a:hover {

  background-color: rgba(255, 255, 255, 0.2);

}

#header .navbar-top .form-control {

  color: rgba(255, 255, 255, 0.8);

}

#header .navbar-top .form-control:hover {

  background-color: rgba(255, 255, 255, 0.3);

}

#header .navbar-top .form-control:focus {

  color: #000;

  background-color: rgba(255, 255, 255, 0.6);

}

#header .navbar-top .btn {

  margin-right: 15px;

  color: #000;

}

#header .navbar-top .btn:hover {

  background-color: rgba(255, 255, 255, 0.3);

}

#header .navbar-top .form-control,

#header .navbar-top .btn {

  height: 29px;

  font-size: 12px;

  line-height: 17px;

  background: rgba(255, 255, 255, 0.1);

  border: none;

  border-radius: 0;

  transition: background-color 0.3s;

}

#header .navbar-top a {

  display: inline-block;

  padding: 7px;

  font-size: 18px;

  line-height: 18px;

  color: #9d9d9d;

  transition: color .3s;

}

#header .navbar-top a:hover {

  text-decoration: none;



}

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

	FOOTER 

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

#footer {

  background-color: #CDAF63;

}

#footer p {

  margin: 0;

  padding: 15px 0;

  font-size: 12px;

  text-align: center;

  line-height: 1.5;

  color: #000;

}

#footer p a {

  color: inherit;

}

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

	NAV-TAB 标签切换

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

#nav-tabs {

  display: flex;

  align-content: stretch;

  justify-content: space-between;

  background-color: #EFEFEF;

}

#nav-tabs li {

  flex: 1;

  width: 50%;

  text-align: center;

}

#nav-tabs li a {

  position: relative;

  padding: 25px 250px;

  font-size: 24px;

  line-height: 24px;

  color: #000;

}

#nav-tabs li a::after {

  content: "";

  display: block;

  position: absolute;

  left: 0;

  right: 0;

  top: 100%;

  bottom: 0;

  margin: auto;

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

  transition: top .3s;

}

#nav-tabs li a:hover {

  background-color: inherit;

}

#nav-tabs li a:hover::after {

  top: 0;

}

#nav-tabs li.active {

  background-color: #CDAF63;

}

#nav-tabs li.active a {

  color: #FFF;

}

#nav-tabs li:first-child {

  text-align: right;

}

#nav-tabs li:last-child {

  text-align: left;

}

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

	STORY.PHP 品牌故事

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

#story-itd .jumbotron {

  margin: 0;

  /* background: url(../images/story/bg1.jpg) no-repeat center; */

  background-size: cover;

}

#story-itd .box {

  position: relative;

  margin:20px auto;

  padding: 0 20px;

  max-width: 940px;

}

#story-itd .title {

  margin: 0;

  padding: 0;

  font-size: 32px;

  font-weight: bold;

  text-align: center;

  color: #000;

}

#story-itd .title-en {

  margin: 20px 0 10px;

  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif !important;

  font-size: 20px;

  font-weight: 100;

  text-align: center;

  color: #000;

}

#story-itd .detail {

  font-size: 20px;

  text-align: justify;

  line-height: 1.8;

}

#culture {

  background-repeat: no-repeat;

  background-position: left center;

}

#culture .col-sm-6 {

  padding: 80px 65px;

  min-height: 300px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}

#culture .col-sm-6 .box {

  max-width: 600px;

}

#culture .title {

  margin: 55px 0;

}

#culture .title .cn {

  display: inline-block;

  height: 50px;

  margin: 0 20px 0 0;

  padding: 0 15px;

  font-size: 32px;

  font-weight: bold;

  line-height: 50px;

  color: #FFF;

  background-color: #000;

}

#culture .title .en {

  display: inline-block;

  position: relative;

  top: 5px;

  font-size: 24px;

  color: #000;

}

#culture .detail {

  font-size: 18px;

  line-height: 2;

  text-align: justify;

  white-space: pre-wrap;

}

#honors {

  padding-top: 115px;

  background: url(../images/story/bg3.jpg) no-repeat center;

}

#honors .title .cn {

  margin: 0;

  padding: 0;

  font-size: 32px;

  font-weight: bold;

  text-align: center;

  color: #000;

}

#honors .title .en {

  margin: 20px 0 60px;

  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif !important;

  font-size: 20px;

  font-weight: normal;

  text-align: center;

}

#honors .col-xs-6 {

  padding: 15px;

}

#honors .hover-show {

  display: block;

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  margin: 0;

  padding: 15px;

  font-size: 20px;

  text-align: center;

  color: #000;

  background-color: rgba(242, 198, 93, 0.8);

  opacity: 0;

  transition: opacity .3s;

}

#honors .hover-show:hover {

  opacity: 1;

}

#honors .hover-show p {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

}

#honors .box {

  position: relative;

  padding: 10px;

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

}

#honors .btn {

  margin: 30px;

  padding: 15px 50px;

  font-size: 24px;

  line-height: 30px;

  color: #000;

  border-radius: 0;

  background-color: #FFF;

  transition: background-color 0.3s;

}

#honors .btn:hover {

  text-decoration: none;

  background-color: #EEE;

}

.tab-box .items {

  position: relative;

  margin: 40px 0;

}

.tab-box .items::before {

  content: "";

  display: block;

  position: absolute;

  top: 12px;

  margin: auto;

  width: 100%;

  height: 1px;

  background-color: #D4D4D4;

}

.tab-box .items button {

  display: block;

  position: absolute;

  margin: 0;

  padding: 0;

  width: 25px;

  height: 25px;

  color: #FFF;

  background-color: #D4D4D4;

  transition: background-color 0.3s;

  border: none;

  border-radius: 3px;

  z-index: 5;

}

.tab-box .items button:hover {

  background-color: #AAA;

}

.tab-box .items button.btn-prev {

  left: 0;

}

.tab-box .items button.btn-next {

  right: 0;

}

.tab-box .items .marquee {

  position: relative;

  width: 100%;

  white-space: nowrap;

}

.tab-box .items .item {

  display: inline-block;

  position: relative;

  padding: 50px 50px 0 50px;

  text-align: center;

  font-size: 18px;

  color: #000;

  cursor: pointer;

}

.tab-box .items .item::before,

.tab-box .items .item::after {

  content: "";

  display: block;

  position: absolute;

  border-radius: 50%;

  top: 0;

  left: 50%;

  transform: translateX(-50%);

}

.tab-box .items .item::before {

  width: 25px;

  height: 25px;

  background-color: #FFF;

  border: 1px solid #B4B4B4;

}

.tab-box .items .item::after {

  margin-top: 7px;

  width: 11px;

  height: 11px;

  background-color: #B4B4B4;

}

.tab-box .items .item.active,

.tab-box .items .item:hover {

  color: #CDAF63;

  text-decoration: none;

}

.tab-box .items .item.active::before,

.tab-box .items .item:hover::before {

  border-color: #CDAF63;

}

.tab-box .items .item.active::after,

.tab-box .items .item:hover::after {

  background-color: #CDAF63;

}

.tab-box .tabs {

  padding: 40px;

  background-color: #E4E4E4;

  border-top: 5px solid #CDAF63;

}

.tab-box .tabs .box {

  display: none;

}

.tab-box .tabs .box p {

  font-size: 18px;

}

.tab-box .tabs .box.active {

  display: block;

}

#advantage .col-sm-4 {

  padding: 0 100px;

}

#advantage .simg-box {

  margin: 40px 0;

}

#advantage .title {

  margin: 20px 0;

  font-size: 20px;

  font-weight: bold;

  text-align: center;

}

#advantage .detail {

  font-size: 18px;

  line-height: 1.7;

}

#media .media-title {

  padding-top: 30px;

  padding-bottom: 30px;

  font-size: 2rem;

  text-align: center;

  background-color: #EEE;

}

/*---- 视频浮动 ----*/

.video-box.fixed-sm {

  bottom: 15px;

  right: 15px;

  width: 320px;

  height: 240px;

  z-index: 999;

}

.pages-btn {

  margin: 50px;

  padding: 15px 35px;

  font-size: 24px;

  line-height: 1;

  color: #000;

  background-color: #FFF;

  transition: background-color 0.3s;

  border: 1px solid #000;

  border-radius: 0;

}

.pages-btn:hover {

  background-color: #EEE;

}

@media (max-width: 768px) {

  .pages-btn {

    margin: 25px 15px;

    padding: 10px 20px;

    font-size: 1.6rem;

  }

}

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

	SERVICE.PHP 品牌业务

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

.breadcrumb {

  margin: 25px 15px;

  background-color: #FFF;

}

.breadcrumb > li {

  color: #999;

}

.breadcrumb > li > a {

  color: #999;

}

.breadcrumb > li > a:hover {

  color: #CDAF63;

}

.breadcrumb > li + li:before {

  color: #717171;

  content: ">";

}

.cate-title {

  position: relative;

  margin: 45px 0;

  font-size: 36px;

  text-align: center;

}

.cate-title::after {

  content: "";

  display: block;

  position: relative;

  margin-top: 25px;

  padding: 0;

  width: 100%;

  height: 3px;

  background: url(../images/service/title-bottom.png) repeat-y center;

}

#service .nav{ width: 100%;text-align: center;}

#service .nav a {

  display: block;

  margin: 0;

  padding: 10px;

  font-size:16px;

/*  line-height: 1; */

  color: #000;

  border-bottom: 3px solid #FFF;

  width:10%;

display: inline-block;

text-align: center;

vertical-align:top;

}

#service .nav a.active {

  border-bottom: 3px solid #CDAF63;

}

#service .nav a:hover {

  text-decoration: none;

  color: #CDAF63;

}

#service .pd-list .title {

  margin-bottom: 25px;

  padding: 0 10px;

  font-size: 30px;

  line-height: 1;

  white-space: pre;

  text-overflow: ellipsis;

  overflow: hidden;

  color: #000;

  border-left: 5px solid #CDAF63;

}

#service .pd-list p {

  margin-bottom: 10px;

  font-size: 20px;

  line-height: 1.5;

  color: #000;

}

#service .pd-list .more-btn {

  font-size: 16px;

  line-height: 1;

  color: #FFF;

  padding: 12px 24px;

  background-color: #CDAF63;

  border-radius: 0;

}

#service .pd-list .flex-sm {

  margin: 50px 0;

}

@media (min-width: 768px) {

  #service .pd-list .flex-sm:nth-last-of-type(odd) {

    flex-direction: row-reverse;

  }

  #service .pd-list .flex-sm:nth-last-of-type(odd) .title {

    border-left: none;

    border-right: 5px solid #CDAF63;

  }

  #service .pd-list .flex-sm:nth-last-of-type(odd) .title,

  #service .pd-list .flex-sm:nth-last-of-type(odd) p {

    text-align: right;

  }

 

}

@media (max-width: 768px) {

  #service .nav a {

    padding: 5px 25px;

    font-size: 2rem;

  }

  #service .pd-list .flex-sm .title {

    font-size: 2rem;

  }

}

/*---- 产品详情 ----*/

.show-img {

  position: relative;

}

.show-img .big-img {

  position: relative;

  width: 100%;

  text-align: center;

}

.show-img .big-img img {

  position: relative;

  margin: auto;

  max-width: 100%;

  max-height: 435px;

}

.show-img .items {

  position: relative;

}

.show-img .items .prev-btn,

.show-img .items .next-btn {

  display: block;

  position: absolute;

  top:0;

  margin: auto;

  padding: 0;

  width: 25px;

  height: 100%;

  font-size: 20px;

  color: #000;

  background-color: #FFF;

  transition: background-color 0.3s;

  border: none;

  border-radius: 0;

  line-height:100%;

  padding-top:6%

}

.show-img .items .prev-btn:hover,

.show-img .items .next-btn:hover {

  color: #CDAF63;

  background-color: #EEE;

}

.show-img .items .prev-btn {

  left: 0;

}

.show-img .items .next-btn {

  right: 0;

}

.show-img .mask {

  position: relative;

  margin: 0 25px;

  overflow: hidden;

}

.show-img ul.lh {

  display: flex;

  flex-wrap: nowrap;

  align-items: stretch;

  position: relative;

  margin: 0;

  padding: 0;

  list-style: none;

}

.show-img ul.lh li {

  flex-shrink: 0;

  width: 23%;

  margin: 0 1%;

  padding: 0;

  text-align: center;

  border: 1px solid #D2D2D2;

}

.show-img ul.lh li img {

  width: 100%;

}

.show-img ul.lh li.active {

  border-color: #CDAF63;

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

}

#pd-show .title {

  margin: 20px 0;

  font-size: 20px;

  color: #4D4D4D;

}

#pd-show .link-store {

  line-height: 15px;

  color: #CDAF63;

}

#pd-show .detail {

  margin: 40px 0 25px;

  font-size: 14px;

  line-height: 1.6;

  text-align: justify;

  white-space: pre-line;

  color: #4D4D4D;

}

#pd-show .price {

  font-size: 16px;

  color: #000;

}

#pd-show .description .article {

  padding: 0;

  font-size: 1.6rem;

  line-height: 150%;

}

#pd-show .video-box .control-box .play {

  font-size: 4rem;

}

#media .video-box .control-box .play {

  font-size: 4rem;

}

#club .list .flex-sm {

  margin: 50px 0;

}

#club .list .flex-sm:nth-of-type(even) {

  flex-direction: row-reverse;

}

#club .list .title {

  margin-bottom: 25px;

  padding: 0 10px;

  font-size: 3rem;

  line-height: 1;

  white-space: pre;

  text-overflow: ellipsis;

  overflow: hidden;

  color: #000;

  border-left: 5px solid #CDAF63;

}

#club .list .title a {

  color: inherit;

}

#club .list .title a:hover {

  text-decoration: none;

}

#club .list .description {

  font-size: 2rem;

  line-height: 1.5;

}

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

	NEWS.PHP 品牌业务

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

.news-nav {

  background-color: #EEE;

}

.news-nav .items {

  margin: 0;

  padding: 0;

  height: 85px;

  font-size: 24px;

  text-align: center;

  line-height: 85px;

  color: #000;

}

.news-nav .items:hover {

  text-decoration: none;

  background-color: #CCC;

}

.news-nav .items.active {

  color: #FFF;

  background-color: #CDAF63;

}

#news-list .box {

  align-items: stretch;

  margin: 20px 0;

  max-height: 190px;

  background-color: #efefef;

  color: #000;

}

#news-list .box:hover {

  text-decoration: none;

  color: #FFF;

  background-color: #CDAF63;

}

#news-list .box .title {

  margin: 0 0 30px 0;

}

#news-list .box .description {

  margin: 0;

  font-size: 1.6rem;

  line-height: 1.8;

}

@media (max-width: 768px) {

  .news-nav .items {

    height: auto;

    padding: 15px 0;

    font-size: 1.2rem;

    line-height: 1;

  }

  #news-list .box {

    display: block;

    margin: 15px 0;

    max-height: none;

  }

  #news-list .box .img-box {

    height: 150px;

  }

  #news-list .box .flex-5.p40 {

    position: relative;

    padding: 15px!important;

  }

  #news-list .box .title {

    margin-bottom: 5px;

    font-size: 1.8rem;

  }

  #news-list .box .description {

    font-size: 1.2rem;

    color: #666;

  }

}

.poster {

  height: 375px;

}

#agent {

  margin-bottom: 40px;

}

#agent .head {

  margin: 70px 0;

  text-align: center;

}

#agent .head .catdir {

  margin: 25px auto;

  font-size: 66px;

  line-height: 1;

  color: #CDAF63;

}

#agent .head .catdir::after {

  content: "";

  margin: 25px auto;

  display: block;

  position: relative;

  width: 76px;

  height: 5px;

  background-color: #CDAF63;

  opacity: .4;

}

#agent .head .catname {

  font-size: 24px;

  color: #000;

}

#agent .title {

  position: relative;

  margin: 35px auto;

  padding: 0;

  font-size: 20px;

  text-align: center;

  color: #000;

}

#agent .title::after {

  content: "";

  display: block;

  width: 160px;

  height: 3px;

  margin: 15px auto;

  bottom: 0;

  background-color: #CDAF63;

}

#agent .article {

  margin-bottom: 40px;

  font-size: 16px;

  line-height: 1.7;

}

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

	EXPERIENCE.PHP 品牌体验

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

#security-check.navbar-example {

  margin-bottom: 60px;

}

#security-check.navbar-example .nav {

  margin: 50px 0;

  padding: 0;

  list-style: none;

  text-align: center;

}

#security-check.navbar-example .nav li {

  display: inline-block;

  margin: 10px;

  padding: 5px;

  font-size: 30px;

  line-height: 1;

  color: #000;

  border-bottom: 3px solid #FFF;

}

#security-check.navbar-example .nav li.active {

  border-bottom: 3px solid #CDAF63;

}

#security-check.navbar-example .nav li a {

  color: inherit;

}

#security-check.navbar-example .tab-content {

  color: #666;

}

#security-check.navbar-example .tab-content .font20 {

  margin: 60px;

}

#security-check.navbar-example .tab-content .font24 a {

  font-size: 16px;

  color: #1377FF;

  text-decoration: underline;

}

#security-check.navbar-example .tab-content .tab-pane-fade {

  display: none;

}

#security-check.navbar-example .tab-content .tab-pane-fade.active {

  display: block;

}

@media (max-width: 768px) {

  #security-check.navbar-example .nav {

    margin: 25px 0;

  }

  #security-check.navbar-example .nav li {

    font-size: 2rem;

  }

  #security-check.navbar-example .tab-content .font20 {

    margin: 15px;

    font-size: 1.4rem;

  }

  #security-check.navbar-example .tab-content .font24 {

    font-size: 1.6rem;

  }

  #security-check.navbar-example .tab-content .font24 a {

    font-size: 1.2rem;

    white-space: pre-line;

  }

}

#feedback .item {

  margin: 30px 0;

  padding: 40px 25px;

  background-color: rgba(239, 239, 239, 0.18);

}

#feedback .item .header {

  flex-wrap: nowrap;

  align-items: stretch;

  justify-content: space-around;

  margin-bottom: 35px;

}

#feedback .item .header .head-img {

  margin-bottom: 15px;

  height: 70px;

  text-align: center;

}

#feedback .item .header .info {

  flex: 1;

  display: flex;

  align-items: center;

  font-size: 14px;

  border-bottom: 1px solid #E4E4E4;

  margin-left: 10px;

  margin-bottom: 15px;

}

#feedback .item .header .info .name {

  margin-left: 30px;

  color: #000;

  width: 100px;

}

#feedback .item .header .info .inputtime {

  color: #8B8B8B;

}

#feedback .item .description {

  font-size: 16px;

  line-height: 1.5;

  text-align: justify;

  color: #464646;

}

@media (max-width: 768px) {

  #story-itd .detail {

    font-size: 13px;

  }

  #culture .col-sm-6 {

    padding: 0 15px;

    min-height: inherit;

  }

  #culture .col-sm-6.simg-box {

    top: 0;

    transform: none;

  }

  #culture .title {

    margin: 25px 0;

  }

  #culture .title .cn {

    height: 25px;

    margin-right: 10px;

    padding: 0 10px;

    font-size: 16px;

    line-height: 25px;

  }

  #culture .title .en {

    display: block;

    position: inherit;

    margin-top: 10px;

    font-size: 14px;

  }

  #culture .detail {

    font-size: 13px;

  }

}

@media (min-width: 768px) {

  #header .navbar .container .navbar-collapse .navbar-nav a {

    padding: 10px 40px;

  }

  #story-itd .jumbotron .detail {

    font-size: 20px;

  }

}

@media (min-width: 1024px) {

  #header .navbar .container {

    display: flex;

    align-items: stretch;

  }

  #header .navbar .navbar-collapse {

    float: left;

    flex: 1;

  }

  #header .navbar .navbar-collapse .navbar-top,

  #header .navbar .navbar-collapse .navbar-bottom {

    clear: both;

  }

  #club .list .flex-sm:nth-of-type(odd) .title,

  #club .list .flex-sm:nth-of-type(odd) .description {

    margin-left: 50px;

  }

  #club .list .flex-sm:nth-of-type(even) .title,

  #club .list .flex-sm:nth-of-type(even) .description {

    margin-right: 50px;

  }

}



@media (max-width: 1024px) {

  #header {

    height: 70px;

  }

  #header .navbar #logo img {

    height: 40px;

  }

  #header .navbar .navbar-toggle {

    font-size: 18px;

    color: #FFF;

    border: none;

  }

  #nav-tabs li {

    text-align: center!important;

  }

  #nav-tabs li a {

    height: auto;

    padding: 15px 0;

    font-size: 1.8rem;

    line-height: 1;

  }

  #advantage .col-sm-4 {

    padding: 0 15px;

  }

}

.article-news {

  white-space: normal;

}

.article-news img {

  max-width: 100%;

  margin: 15px auto;

}



@media (max-width: 500px) {

 #service .nav a{width:50% !important; padding: 0; display: inline-block; float: left; margin-bottom: 15px;}

 #service .pd-list .flex-sm{ margin: 10px 0;}

 #pd-show .detail{ margin: 10px  0}

 #header .navbar .navbar-nav .dropdown .dropdown-menu{ width: 100%;}

 }

 

 

 

 

 

a{ color:#333333; display:inline-block;-webkit-transition:all 0.5s;transition:all 0.5s;}

a:hover{ color:#f08000; text-decoration:none;}



.set_box{display:flex;justify-content: space-between;}

.set_box_wrap{display:flex;justify-content: space-between; flex-wrap:wrap;}

.set_box_wrapstart{display:flex;flex-wrap:wrap;justify-content:flex-start;}

*{-webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;margin:0;padding:0; list-style:none;}



.fl{ float:left;}

.fr{ float:right;}

.clearboth{ clear:both;}

.bc_ui{ width:100%;}

.bc_ui_c{width:1500px; margin:0px auto;}

.bc_ui_pages{ margin-top:110px;}

   .ipro_slide{

	position: relative;

	padding-bottom:30px !important;

	width:100%;

	overflow: hidden;

}

.ipro_slide .swiper-slide{

	width:220px;

	/*display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;*/

}

.ipro_slide .swiper-slide .img_box{

	width:220px;

	height:430px;

	display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    overflow: hidden;

}

.ipro_slide .swiper-slide p{

	height:50px;

	line-height:50px;

	font-size:18px;

	text-align: center;

	color:#444;

}

.ipro_slide .swiper-pagination .swiper-pagination-bullet{

	width:30px;

	height:3px;

	border-radius: 0;

	margin:0 6px !important;

	background:#c9c9c9 !important;

	opacity: 1;

}

.ipro_slide .swiper-pagination .swiper-pagination-bullet-active{

	background:#797979 !important;

}



@media (max-width:1500px){

	.ipro_slide .swiper-slide .img_box{

		height:360px;

	}

}

.bc_box1_t{ padding-bottom:20px; line-height:1.0; text-align:center; color:#3d3d3f; font-size:35px;text-transform:uppercase;}

.bc_box1_t span{ font-size:20px;}

.bc_box1_t.active{width:100%; position:absolute; text-align:left;  padding: 0px 40px; left:0px; top:30px; z-index:1;}

.bc_box1_c{ padding-bottom:60px; padding:0px 12% 40px 12%;}

.bc_box1_c li{ position:relative; padding:0px 65px; color:#888; font-size:15px; line-height:1.4; text-align:center;}

.bc_box1_c li span{ color:#3d3d3f; font-size:30px; padding-bottom:10px;}

.bc_box1_c li:after{width:1px; height:50px; background-color:#ccc7c7; position:absolute; right:0px; top:50%; margin-top:-25px; content:"";}

.bc_box1_c li:nth-child(4):after{ background-color:transparent;}





/**/

.a_zxlmenu{width:100%; position:relative; display:none; z-index:10;}

.a_zxlmenu_t{width:100%;padding:3% 0px;background:url(../img/zxl_jt1.jpg) right center no-repeat; font-size:16px; text-align:center; background-color:#CDAF63; color:#fff; cursor:pointer; background-size:30px;}

.a_zxlmenu_c{width:100%; position:absolute; left:0px; top:100%; margin:0px; padding:0px; background-color:#eeeeee;text-indent:0px; display:none;-moz-box-shadow:0px 0px 10px #c7c5bf;/*firefox*/  

-webkit-box-shadow:0px 0px 10px #c7c5bf;/*webkit*/  

box-shadow:0px 0px 10px #c7c5bf;/*opera或ie9*/}

.a_zxlmenu_c li{width:100%;  float:left; text-align:center;}

.a_zxlmenu_c li .aone{width:100%;padding:3% 0px; display:inline-block; color:#CDAF63; font-size:14px; text-decoration:none; text-indent:0px;}

.a_zxlmenu_c li .aone:hover,.a_zxlmenu_c li .aone.activetwo{ color:#fff; text-decoration:none; background-color:#e6c97f;}

.a_zxlmenu_c li dl{width:100%; border-bottom:1px solid #ccc;display:none;}

.a_zxlmenu_c li dl dd{width:100%; float:left; text-align:center;}

.a_zxlmenu_c li dl dd a,.a_zxlmenu_c li dl dd a:hover{width:100%; padding:3% 0px; display:inline-block; color:#333; font-size:14px; text-decoration:none; text-indent:0px;}





.pc_amenu{width:100%; padding:0px 2%; text-align:center;}

.a_menu_bg{ background-color:#fff;}

.a_menu{width:100%; margin:0px; padding:0px; height:90px; overflow:hidden;}

.a_menu .a_menu_a{ padding:0px; margin:0px; padding:0px 25px; height:90px; margin:0px 5px; display:inline-block; overflow:hidden; text-align:center; line-height:90px; color:#333333; font-size:18px;}

.a_menu .a_menu_a:hover,.a_menu .a_menu_a.activetm1{ color:#fff; background-color:#CDAF63; text-decoration:none;}



.bc_bg1{ background-color:#f7f7f7;}

.bc_product{ padding:80px 0px;}

.bc_product_ul{width:100%;}

.bc_product_ul.bc_product_ul1{width:100%;}

.bc_product_ul li{ margin-right:2.6%; width:23%; padding-bottom:30px;}

.bc_product_ul li:nth-child(4n){ margin-right:0px;}

.bc_product_ul li .div{width:100%; display:inline-block; overflow:hidden; color:#333333; font-size:20px;}

.bc_product_ul li .div:hover{ color:#CDAF63;}

.bc_product_ul li .div .a_img{width:100%; display:inline-block; overflow:hidden;}

.bc_product_ul li .div .a_img img{width:100%; float:left;}

.bc_product_ul li .div .a_text{width:100%; height:70px; line-height:70px; overflow:hidden; text-align:center;}





.n_pro_t{width:100%; height:80px; line-height:80px; color:#333333; font-size:30px; overflow:hidden; text-align:center;}

.n_pro_c{width:100%; padding:30px 5%; background-color:#fff;}

.n_pro_ct{width:100%; height:60px; line-height:60px; color:#333333; font-size:26px; text-align:center;}

.n_pro_ctx{width:100%; padding-bottom:30px; line-height:2; color:#333333; font-size:16px; overflow:hidden;}

.n_pro_con{width:100%; padding-bottom:30px;}

.n_pro_ctext{width:100%; color:#666666; font-size:14px; line-height:2; overflow:hidden;}

.n_pro_ctext img{ max-width:100%;}



.product-swiper{width: 100%;height: 100%;}

.product-swiper .swiper-slide {text-align: center;font-size: 18px;background-repeat: no-repeat;background-position: center center;background-size: cover;opacity: 1;width:100%;}

.product-swiper .swiper-slide .a_img{width:100%; display:inline-block; overflow:hidden; text-align:center;}

.product-swiper .swiper-slide .a_img img{width:60%; border:1px solid #e5e5e5;}

.product-swiper .pro_next{width:40px; height:40px; background:url(../img/r_btn.png) no-repeat; right:0px;}

.product-swiper .pro_prev{width:40px; height:40px; background:url(../img/l_btn.png) no-repeat; left:0px;}



.Amplification img {



	transition: 400ms;

	filter: Alpha(Opacity=100);

	opacity: 1;

}



.Amplification:hover img {

	filter: Alpha(Opacity=100);

	opacity: 1;

	-webkit-transform: scale(1.12);

	transform: scale(1.12);

}

#index-4 .bc_ui_pages{ margin-top:0px !important;}

@media screen and (min-width:0px) and (max-width:640px)

{

	.bc_box1_c{flex-wrap:wrap; padding:0px 5% 40px 5%;}

	.bc_box1_c li{width:50%; padding:0px 15px 0px 15px; margin-bottom:25px; font-size:14px; line-height:1.6;}

	.bc_box1_c li span{ font-size:25px;}

	.bc_box1_c li:nth-child(2):after{ display:none; }

	

	.bc_ui_c{width:100%; padding:0px 5%;}

	.a_zxlmenu{ display:block;}

	.pc_amenu{ display:none;}

	.bc_product{ padding:40px 0px;}

	.bc_product_ul li{width:50%; padding:0px 4% 20px 4%; margin:0px;}

	.bc_product_ul li .div .a_img{ height:auto !important;}

	

	.n_pro_t{ height:auto !important; line-height:2; padding:10px 0px; font-size:22px;}

	.n_pro_ct{ height:auto !important; line-height:2; padding:10px 0px; font-size:22px;}

	.n_pro_c{ padding:20px 3%;}

	.n_pro_ctx{ font-size:14px;}

	

	.bc_box1_t.active{ text-align:center;}

	.bc_box1_t{ font-size:30px;}

	.bc_box1_t span{ font-size:18px;}

	.bc_box1_t{ padding-bottom:30px;}

	

	.product-swiper .swiper-slide .a_img img{width:70%;}

	

	.bc_product_ul.bc_product_ul1 li .div .a_img{ height:auto !important;}

	.bc_product_ul.bc_product_ul1 li{ width:100%; padding:0px 1% 20px 1%}

	

	.pages a{width:100%; display:inline-block; line-height:1.8;}
	
	.product-swiper .pro_next{width:30px; height:30px; margin-top:-15px; background-size:100%;}
	.product-swiper .pro_prev{width:30px; height:30px; margin-top:-15px; background-size:100%;}

}

@media screen and (min-width:641px) and (max-width:767px)

{

	.bc_box1_c{flex-wrap:wrap; padding:0px 5% 40px 5%;}

	.bc_box1_c li{width:50%; padding:0px 15px 0px 15px; margin-bottom:25px; font-size:14px; line-height:1.6;}

	.bc_box1_c li span{ font-size:25px;}

	.bc_box1_c li:nth-child(2):after{ display:none; }

	

	.bc_ui_c{width:100%; padding:0px 5%;}

	.a_zxlmenu{ display:block;}

	.pc_amenu{ display:none;}

	.bc_product{ padding:40px 0px;}

	.bc_product_ul li{width:50%; margin:0px; padding:0px 1% 10px 1%;}

	

	.bc_product_ul li .div .a_img{ height:auto !important;}

	.bc_product_ul.bc_product_ul1 li .div .a_img{ height:auto !important;}

	

	

	.pages a{width:100%; display:inline-block; line-height:1.8;}

	
	.product-swiper .pro_next{width:30px; height:30px; margin-top:-15px; background-size:100%;}
	.product-swiper .pro_prev{width:30px; height:30px; margin-top:-15px; background-size:100%;}
	.product-swiper .swiper-slide .a_img img{width:70%;}
	

}

@media screen and (min-width:768px) and (max-width:992px)

{

	.bc_box1_c{flex-wrap:wrap; padding:0px 5% 40px 5%;}

	.bc_box1_c li{width:25%; padding:0px 15px 0px 15px; margin-bottom:25px; font-size:14px; line-height:1.6;}

	.bc_box1_c li span{ font-size:25px;}

	.bc_box1_c li:nth-child(2):after{ display:none; }

	

	

	.bc_ui_c{width:100%; padding:0px 5%;}

	.a_menu{ height:70px;}

	.a_menu .a_menu_a{ height:70px; line-height:70px; font-size:16px;}

	

	.bc_product{ padding:40px 0px;}
	
	.product-swiper .pro_next{width:30px; height:30px; margin-top:-15px; background-size:100%;}
	.product-swiper .pro_prev{width:30px; height:30px; margin-top:-15px; background-size:100%;}
	.product-swiper .swiper-slide .a_img img{width:70%;}

}

@media screen and (min-width:993px) and (max-width:1200px)

{

	.bc_box1_c{flex-wrap:wrap; padding:0px 5% 60px 5%;}

	.bc_box1_c li{ padding:0px 30px;}

	

	.bc_ui_c{width:100%; padding:0px 5%;}

	.a_menu{ height:80px;}

	.a_menu .a_menu_a{ height:80px; line-height:80px; font-size:16px;}

	

	.bc_product{ padding:60px 0px;}

	.bc_box1_c li span{ font-size:29px;}

	#index-4 .box{ padding:15px;}

	#index-4 .box .simg-box{ height:140px;}

	#index-4 .bc_ui_pages{ margin-top:30px;}
	
	.product-swiper .swiper-slide .a_img img{width:70%;}

}

@media screen and (min-width:1201px) and (max-width:1400px)

{

	

	.bc_box1_c li{ padding:0px 30px;}

	

	.bc_ui_c{width:100%; padding:0px 5%;}

	.a_menu{ height:80px;}

	.a_menu .a_menu_a{ height:80px; line-height:80px; font-size:16px;}

	

	.bc_product{ padding:60px 0px;}

	

	#index-4 .box{ padding:15px;}

	#index-4 .box .simg-box{ height:140px;}

	#index-4 .bc_ui_pages{ margin-top:30px;}
	
	.product-swiper .swiper-slide .a_img img{width:70%;}

}

@media screen and (min-width:1401px) and (max-width:1600px)

{

	 .bc_box1_c{flex-wrap:wrap; padding:0px 5% 60px 5%;}

	 

	.bc_ui_c{width:100%; padding:0px 5%;}

}

@media screen and (min-width:1601px) and (max-width:1800px)

{

}

@media screen and (min-width:1601px) and (max-width:1800px)

{

}