/* CSS Document */
/* reset.css V1.6  Start*/
body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, form, button, input, textarea, th, td { font-weight: normal; margin: 0; padding: 0; }

body, button, input, select, textarea, h1, h2, h3, h4, h5, h6, i { font: normal 12px "Helvetica Neue", "Microsoft YaHei", Helvetica, STHeiTi, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }

ul, ol, li { list-style: none; }

a { text-decoration: none; color: #333; }

a:hover { text-decoration: none; }

img { vertical-align: top; border: 0; }

button, input, textarea { font-size: 100%; vertical-align: middle; outline: none; -webkit-appearance: none; }

table { border-spacing: 0; border-collapse: collapse; }

div, a { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }

html { font-size: 100px; }

@media screen and (min-width: 360px) { html { font-size: 112.5px; } }

@media screen and (min-width: 375px) { html { font-size: 117.1875px; } }

@media screen and (min-width: 414px) { html { font-size: 129.375px; } }

@media screen and (min-width: 480px) { html { font-size: 150px; } }

@media screen and (min-width: 640px) { html { font-size: 200px; } }

.clearfix:before, .clearfix:after { content: ""; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; /*IE/7/6*/ }

.c{clear:both;}

.wp { max-width: 1200px; margin: 0 auto; }

.wp1200 { max-width: 1200px; margin: 0 auto; }

.fl { float: left; }

.fr { float: right; }

.al { text-align: left; }

.ac { text-align: center; }

.ar { text-align: right; }

.hide { display: none; }

.checkBrowser { font-size: 14px; line-height: 40px; position: fixed; z-index: 99999; top: 0; left: 50%; width: 700px; height: 40px; margin-left: -360px; padding: 0 10px; color: #FFF; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-color: #E6212A; }

.checkBrowser a { font-size: 16px; line-height: 20px; position: absolute; top: 10px; right: 5px; display: block; width: 20px; height: 20px; cursor: pointer; text-align: center; color: #333; border-radius: 50%; background-color: #FFF; }

/* reset.css V1.6  End */
.paged { padding-top: 0.25rem; text-align: center; }

.paged a, .paged .p_info, .paged .current { display: inline-block; zoom: 1; *display: inline; margin: 5px 3px; padding: 5px 10px; font-size: 12px; text-align: center; border: 1px solid #ac938e; background: #58261d; color: #ac938e; }

.paged .current, .paged a:hover { border: 1px solid #ac938e; background: #ac938e; color: #58261d; }

.header { height: 90px; background: #0070c6; position: relative; }

.header h1 { position: absolute; left: 0; top: 0; height: 0.58rem; width: 3.365rem; background-size: cover; background-image: url(../images/logo.png); z-index: 9999; }

.header .nav li { float: left; height: 100%; line-height: 90px; position: relative; }

.header .nav li .nav-son { width: 100%; background: #fff; z-index: 99999999; position: absolute; top: 90px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); display: none; }

.header .nav li .nav-son div a { text-align: center; display: block; height: 42px; line-height: 42px; font-size: 14px; color: #000; width: 100%; box-sizing: border-box; padding: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.header .nav li .nav-son div a:hover { color: #ff8500; }

.header .nav li .nav-son div + div { border-top: 1px dashed  #c5c5c5; }

.header .nav li .nav-son-two { width: 400%; position: absolute; top: 90px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); position: absolute; display: none; z-index: 9999; background: #fff; }

.header .nav li .nav-son-two .son { float: left; width: 50%; box-sizing: border-box; height: 140px; position: relative; }

.header .nav li .nav-son-two .son .a { display: block; padding: 0; width: 100%; height: 100%; position: absolute; z-index: 999; }

.header .nav li .nav-son-two .son .left { width: 134px; height: 140px; position: relative; }

.header .nav li .nav-son-two .son .left img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; max-height: 90%; }

.header .nav li .nav-son-two .son .right { margin-left: 134px; }

.header .nav li .nav-son-two .son .right h2 { margin-top: 40px; font-size: 15px; margin-bottom: 10px; }

.header .nav li .nav-son-two .son .right a { padding: 0; color: #000; font-size: 12px; border-radius: 10px; height: 20px; width: 80px; line-height: 20px; border: 1px solid #ececec; text-align: center; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.header .nav li .nav-son-two .son:nth-child(n) { border-bottom: 1px dashed #c5c5c5; }

.header .nav li .nav-son-two .son:nth-child(2n+1) { border-right: 1px dashed #c5c5c5; }

.header .nav li .nav-son-two .son:hover .right a { background: #ff8500; color: #fff; }

.header .nav a { font-size: 16px; color: #ffffff; display: block; padding: 0 31px; }

.header .nav li:hover { background: #0367ad; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

.header .nav .active { background: #0367ad; }

.header .nav-btn { height: 100%; }

.header .nav-btn li { line-height: 90px; float: left; }

.header .nav-btn a { color: #fff; font-size: 13px; vertical-align: middle; display: inline-block; height: 100%; padding: 0 11px; }

.header .nav-btn a span { width: 17px; height: 17px; display: inline-block; background-size: cover; background-image: url(../images/search.png); vertical-align: middle; }

.header button { display: none; }

.header .search-li { position: relative; }

.header .search { display: none; position: absolute; right: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 9999; height: 30px; }

.header .search input { border: 1px solid #047ed3; width: 0.9rem; height: 30px; background: #fff; font-size: 14px; color: #000; padding-left: 10px; padding-right: 30px; border-radius: 30px; vertical-align: top; }

.header .search button { position: absolute; right: 10px; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; background-color: transparent; border: 0; display: block; background-size: cover; background-image: url(../images/search1.png); width: 20px; height: 20px; background-position: center center; background-repeat: no-repeat; vertical-align: top; z-index: 999999; }

.iphone-nav { display: none; position: fixed; left: 0; top: 0; width: 2.09rem; height: 100%; background: #0070c6; z-index: 66666666666; }

.iphone-nav a { display: block; padding-left: 0.44rem; color: #fff; font-size: 0.12rem; height: 0.515rem; line-height: 0.515rem; border-bottom: 1px solid  #f8f8f8; }

.bg { display: none; position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 100; left: 0; top: 0; }

@media screen and (max-width: 1600px) { .header h1 { left: -118px; } }

@media screen and (max-width: 960px) { .header { height: 0.41rem; }
  .header h1 { left: 0; width: 1.615rem; height: 0.5rem; background-image: url(../images/logo1.png); }
  .header .nav-btn-1 { cursor: pointer; background-color: transparent; border: 0; display: block; background-size: cover; background-image: url(../images/nav-btn.png); width: 0.13rem; height: 0.13rem; background-position: center center; background-repeat: no-repeat; vertical-align: top; margin: 0 0.135rem; margin-top: 0.14rem; }
  .header .nav { display: none; }
  .header .nav-btn li { border-left: 1px solid #0367ad; line-height: 0.41rem; height: 0.41rem; }
  .header .nav-btn li a { padding: 0 0.135rem; }
  .header .nav-btn li .en { padding: 0 0.135rem; }
  .header .nav-btn li:nth-child(3n) { cursor: pointer; }
  .header .nav-btn .en:after { content: ""; }
  .iphone-nav { display: block; -webkit-transform: translate3d(-2.09rem, 0, 0); transform: translate3d(-2.09rem, 0, 0); }
  .iphone-nav-active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } }

.footer { background: #0070c6; border-bottom: 1px solid #0177ca; color: #ffffff; font-size: 14px; }

.footer .footer-nav { overflow: hidden; height: 73px; line-height: 73px; cursor: pointer; }

.footer .footer-nav li { float: left; width: 140px; }

.footer .footer-nav li a { color: #ffffff; font-size: 14px; }

.footer .footer-nav li a:hover { color: #7a301a; }

.footer .footer-nav li label { font-size: 18px; font-weight: bold; vertical-align: middle; }

.footer .footer-nav li button { width: 18px; height: 18px; border: 0; background-size: cover; background-image: url(../images/xs.png); background-color: transparent; cursor: pointer; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

.footer .footer-nav li .active { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.footer .footer-nav .number { width: auto; }

.footer .footer-nav .fr { float: right; width: auto; }

.footer-nav-list { display: none; }

.footer-nav-list .li { float: left; }

.footer-nav-list .li ul li { width: 140px; padding-bottom: 10px; }

.footer-nav-list .li a { color: #ffffff; font-size: 14px; }

.footer-nav-list .li a:hover { color: #ff8500; }

.add { background: #0070c6; padding: 30px 0; color: #ffffff; font-size: 12px; }

.add a { color: #ffffff; font-size: 12px; }

.add a:hover { color: #7a301a; }

.test_1 { margin-bottom: 20px; }

.test_1 a { font-size: 14px; color: #fff; display: inline-block; vertical-align: top; margin-right: 10px; padding-right: 10px; position: relative; }

.test_1 a:after { position: absolute; content: ""; right: 0; top: 50%; margin-top: -5px; width: 1px; height: 10px; background: #fff; }

.test_1 a:hover { color: #ff8500; }

.number-1 { display: none; font-size: 12px; color: #fff; }

.number-1 label { font-size: 0.09rem; font-weight: bold; vertical-align: middle; }

.test_1 .customSelect { top: -145px !important; width: 1.15rem !important; }

.app-add-details { display: none; }

.fixed { z-index: 99999; position: fixed; right: 10px; padding: 15px; background: #ff8500; top: 50%; border-radius: 8px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }

.fixed .top { margin-bottom: 10px; }

.fixed .bottom { background: #fff; font-size: 14px; color: #333333; padding: 8px 6px 6px 6px; width: 118px; box-sizing: border-box; }

.fixed .bottom span { text-align: center; display: block; margin-bottom: 12px; }

.fixed .bottom img { max-width: 100%; }

@media screen and (max-width: 960px) { .fixed { display: none; }
  .app-wp { padding: 0 0.15rem; }
  .footer .number { display: none; }
  .footer-nav-list { display: block; }
  .footer-nav-list .li ul li { font-size: 0.09rem; width: 0.525rem; }
  .footer .footer-nav { display: none;}
  .test_1 { margin-right: 261px; padding-top: 0.215rem; }
  .test_1 .test_1 .customSelect { width: 1.1rem !important; }
  .add { height: auto; }
  .add .add-details { text-align: center; float: none; padding: 10px 0; }
  .number-1 { margin-bottom: 0.24rem; display: block; }
  .add-details { display: none; }
  .app-add-details { display: block; }
  .app-add-details .a { text-align: center; }
  .app-add-details .a a { display: inline-block; width: 0.2rem; height: 0.2rem; text-align: center; border-radius: 50%; background: #d84f0b; padding: 5px; box-sizing: border-box; margin: 0.05rem; position: relative; }
  .app-add-details .a a img { max-width: 100%; vertical-align: top; }
  .app-add-details .a a .e { display: none; position: absolute; -webkit-transform: translate(-100%, -120%); -ms-transform: translate(-100%, -120%); transform: translate(-100%, -120%); width: 1.5rem; height: 1.5rem; box-sizing: border-box; background: #fff; left: 50%; top: 0; padding: 0.025rem; }
  .app-add-details .a a .e img { max-width: 100%; }.r-btn{display: none;} }

.yw { display: inline-block; }

@media screen and (max-width: 640px) { .footer { padding-top: 40px;display: none; }
  .test_1 { margin-right: 0.4rem; }
  .footer .footer-nav { height: auto; float: left; overflow: hidden; }
  .footer .footer-nav li { width: auto; float: none; height: 70px; line-height: normal; }
  .footer-nav-list { margin-left: 0.75rem; overflow: hidden; display: block !important; }
  .footer-nav-list .li { float: none; }
  .footer-nav-list .li ul { overflow: hidden; height: 70px; }
  .footer-nav-list .li ul li { float: left; width: 0.7rem; }
  .footer .footer-nav .fr { display: none; } }

@media screen and (max-width: 375px) { .test_1 { margin-right: 0.35rem; } }

@media screen and (max-width: 360px) { .footer-nav-list .li ul li { width: 0.725rem; }
  .footer-nav-list { margin-left: 0.7rem; }
  .test_1 { margin-right: 0.1rem; }
  .number-1 { padding-top: 0.3rem; } }

#banner { width: 100%; height: 500px; position: relative; vertical-align: top; }

#banner .swiper-container { width: 100%; height: 500px; vertical-align: top; }

#banner .swiper-container .swiper-slide { background-size: cover; background-position: center center; background-repeat: no-repeat; }

#banner .swiper-container .swiper-slide a { width: 100%; height: 100%; display: block; }

#banner .swiper-pagination.swiper-pagination-bullets { bottom: 24px; z-index: 999; }

#banner .swiper-pagination.swiper-pagination-bullets span { width: 14px; height: 14px; cursor: pointer; }

#banner .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active { background: #ff8500; }

.banner-wave { width: 100%; height: 0.24rem; position: absolute; bottom: 0; left: 0; background-size: cover; background-image: url(../images/banner-bl2.png); background-position: bottom center; background-repeat: no-repeat; z-index: 1; }

#small-banner { display: none; width: 100%; height: 180px; position: relative; vertical-align: top; }

#small-banner .swiper-container { width: 100%; height: 100%; vertical-align: top; }

#small-banner .swiper-container .swiper-slide { background-size: cover; background-position: center center; background-repeat: no-repeat; }

#small-banner .swiper-container .swiper-slide a { width: 100%; height: 100%; display: block; }

#small-banner .swiper-pagination.swiper-pagination-bullets { bottom: 10px; z-index: 999; }

#small-banner .swiper-pagination.swiper-pagination-bullets span { width: 14px; height: 14px; cursor: pointer; }

#small-banner .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active { background: #ff8500; }

.product { text-align: center; }

.product .title { text-align: center; padding-top: 84px; padding-bottom: 48px; width: 810px; display: inline-block; }

.product .title h1 { font-size: 22px; font-weight: bold; color: #0070c6; line-height: 30px; }

.product .title h3 { font-size: 14px; color: #999; font-family: "Arial"; line-height: 30px; }

.product .title i { display: inline-block; width: 33px; height: 2px; background: #ea9539; }

.product .title .p { font-size: 14px; margin-top: 26px; color: #333; line-height: 30px; }

.product .list { padding: 0 78px; padding-bottom: 88px; }

.product .list li { float: left; padding: 0 12px; box-sizing: border-box; }

.product .list li .top { padding-bottom: 77.51938%; overflow: hidden; background-size: cover; background-position: center center; background-repeat: no-repeat; overflow: hidden; background-color: #e8edf0; border-top-left-radius: 0.25rem; }

.product .list li .bottom { text-align: center; height: 0.075rem; background: #0070c6; border-bottom-right-radius: 50px; padding-top: 0.13rem; padding-bottom: 0.195rem; }

.product .list li .bottom h4 { font-size: 15px; color: #fff; }

.product .list li .bottom i { display: inline-block; width: 13px; height: 1px; background: #fff; vertical-align: top; margin-top: 0.05rem; }

.product .list li:hover .bottom { background-color: #ff8500; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

.product .list li:hover h4 { color: #fff; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

.product .list li:hover i { background-color: #fff; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

.background { padding-bottom: 80px; background-image: #FFF; background-size: cover; background-repeat: no-repeat; background-position: top center; }

.company { width: 734px;float:left;overflow:hidden;}

.company .title { border-bottom: 1px solid #0070c6; padding-bottom: 12px; margin-bottom: 30px; }

.company .title h1 { color: #0070c6; font-size: 22px; font-weight: bold; display: inline-block; }

.company .title h2 { color: #999; font-size: 14px; display: inline-block; font-family: "Arial"; }

.company .img { width: 340px; }

.company .img div { background-repeat: no-repeat; background-position: center center; background-size: cover; border-bottom-left-radius: 0.25rem; height: 375px; }

.company .nr { padding-left: 0.15rem; padding-right: 0.05rem; padding-top: 0.05rem; padding-bottom: 0.15rem; background: #fff; margin-left: 340px; }

.company .nr h1 { font-size: 22px; color: #333333; padding-bottom: 20px; }

.company .nr i { display: block; width: 33px; height: 2px; background: #ea9539; margin-bottom: 0.2rem; }

.company .nr .p { font-size: 14px; color: #333333; line-height: 30px; height:300px; overflow: hidden; }

.company .nr .a { margin-top: 20px; display: block; width: 0.46rem; line-height: 0.125rem; height: 0.125rem; color: #fff; text-align: center; border-radius: 10px; background: #ff8500; font-size: 12px; }

.company .nr .a:hover { opacity: 0.7; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

.workshop { width: 426px; margin-left: 38px;float:left;overflow:hidden;}

.workshop .workshop-nr .workshop-img { height: 226px; }

.workshop .workshop-nr .workshop-img .swiper-container { width: 100%; height: 100%; border-top-right-radius: 0.25rem; }

.workshop .workshop-nr .workshop-img .swiper-slide { background-repeat: no-repeat; background-position: center center; background-size: cover; }

.workshop .workshop-nr .workshop-img .swiper-slide a { display: block; width: 100%; height: 100%; }
.footinfo { position: relative; padding: 18px 0 0 4px; }
.footinfo p { padding-bottom: 13px; height: auto; overflow: hidden; font-size: 14px; }
.footinfo span { margin: 0 0 0 11px;}
.footinfo img { display: block; margin-top: 2px; float: left;}

@media screen and (max-width: 960px) { .product .title { padding-top: 0.22rem; }
  #banner { display: none; }
  #small-banner { display: block; }
  .background { padding-left: 0.15rem; padding-right: 0.15rem; padding-bottom: 0.24rem; }
  .product .title { width: auto; }
  .product .title .p { line-height: 30px; }
  .product .list { padding-left: 0; padding-right: 0; padding-bottom: 0.375rem; }
  .company { width: auto; margin-left: 0; float: none; }
  .company + .company { padding-top: 0.15rem; }
  .company .img { width: 100%; float: left; box-sizing: border-box; }
  .company .img div { height: 1.52rem; }
  .company .nr { width: 100%; padding-left: 0; padding-right: 0; padding-top: 0.15rem; padding-bottom: 0.2rem; margin-left: 0; float: left; box-sizing: border-box; }
  .company .nr .a { margin-top: 0.1rem; }
  .company .nr h1 { font-size: 0.11rem; padding-bottom: 0.1rem; }
  .company .nr .p { font-size: 14px; line-height: 30px; height: 1.20rem; }
  .company .nr i { margin-bottom: 0.15rem; }
  .workshop .workshop-nr .workshop-img { height: 1.52rem; }
  .workshop .workshop-nr .workshop-details { height: 0.7rem; padding: 0.1rem 0.135rem 0.13rem 0.135rem; }
  .workshop .workshop-nr .workshop-details h3 { font-size: 0.12rem; }
  .workshop .workshop-nr .workshop-details .p { font-size: 0.1rem; line-height: 0.15rem; height: 0.3rem; overflow: hidden; } }

@media screen and (max-width: 640px) { .product .title h1 { font-size: 18px; }
  .company .title h1 { font-size: 18px; }
  .product .list li .bottom h4 { font-size: 12px; }
  .workshop .workshop-nr .workshop-details .p { font-size: 12px; }
  .workshop .workshop-nr .workshop-details h3 { font-size: 14px; }
  .company .nr .a { margin-top: 10px; width: 0.56rem; line-height: 0.15rem; height: 0.15rem; }
  .company .nr h1 { font-size: 13px; }
  .company .nr { padding-top: 0.1rem; }
  .company .nr i { margin-bottom: 0.1rem; }
  .product .list li .bottom { padding-top: 0.075rem; } }

.banner-1 { width: 100%; height: 1.8rem; background-size: cover; background-position: center center; background-repeat: no-repeat; }

.small-banner-1 { width: 100%; display: none; height: 1rem; background-size: cover; background-position: center center; background-repeat: no-repeat; }

.nav-two { position: relative; width: 247px; }

.nav-two-bg { box-sizing: border-box; position: absolute; top: -50px; left: 0; background-image: url(../images/title-bg.png); background-color: #0070c6; background-repeat: no-repeat; border-top-left-radius: 100px; width: 247px; height: 0.48rem; padding-left: 37px; }

.nav-two-bg h1 { padding-top: 0.135rem; color: #ffffff; font-size: 0.12rem; }

.nav-two-bg h2 { font-size: 12px; font-family: "Arial"; color: #999; }

.nav-list .li { border-bottom: 1px solid #3c9ce6; }

.nav-list .li .a { position: relative; width: 100%; box-sizing: border-box; z-index: 11; display: block; height: 0.35rem; line-height: 0.35rem; color: #fff; font-size: 0.075rem; padding-left: 37px; background: #1e87d8; background-image: url(../images/xz.png); background-position: 223px center; background-repeat: no-repeat; }

.nav-list .li .active { background-color: #0367ad; width: 100%; }

.nav-list .li .a:hover { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; background-color: #0367ad; width: 100%; }

.nav-list .li li a { width: 190px; display: block; height: 50px; line-height: 50px; background: #0367ad; color: #cabfbd; padding-left: 56px; font-size: 15px; background-image: url(../images/j.png); background-position: 37px center; background-repeat: no-repeat; box-sizing: border-box; }

.nav-list .li li .active { color: #c78f27; background-color: #0367ad; }

.nav-list .li li a:hover { color: #c78f27; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

.nav-list .li:first-child { margin-top: 46px; border-top: 1px solid #3c9ce6; }

.details { position: relative; margin-left: 247px; padding: 0 45px 120px 45px; background: #fff; border-bottom-right-radius: 76px;}

.details .details-bg { width: 100%; position: absolute; top: -50px; left: 0px; height: 50px; background: #fff; }

.details .title { text-align: center; margin-bottom: 60px; }

.product-details { padding-bottom: 0.47rem; }

.product-details .title { margin-bottom: 0; }

.product-details .title h1 { font-size: 24px; color: #333; text-align: center; padding-bottom: 12px; }

.details .title .title-head { display: inline-block; position: relative; width: 1.55rem; height: 28px; border: 1px solid #ded4d2; margin-bottom: 0.09rem; }

.details .title .title-head h1 { text-align: center; position: absolute; left: 50%; top: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 25px; color: #0070c6; display: inline-block; background: #fff; box-sizing: border-box; width: 0.93rem; }

.details .title h2 { font-size: 14px; color: #ffffff; letter-spacing: 6px; text-align: center; position: relative; padding-bottom: 10px; }

.details .title h2:after { position: absolute; content: ""; display: block; width: 0.93rem; height: 1px; border-bottom: 1px solid #ded4d2; left: 50%; bottom: 0; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.details-content{ text-align:center;}

.details-content img{max-width:100%; margin-bottom:10px;}

.details-introduce { padding-top: 0.14rem; text-align: left; }

.details-introduce h1 { color: #0070c6; font-size: 22px; border-bottom: 1px solid #999; background-image: url(../images/title-1.png); background-position: 5px center; padding-left: 42px; background-repeat: no-repeat; height: 42px; line-height: 42px; }

.details-introduce .list { padding: 0; }

.details-introduce .list li { width: 33.333%; }

.details-introduce .p { padding-top: 22px; }

.details-introduce .p p { font-size: 14px; color: #333; line-height: 30px; }

.details-introduce .p img{max-width:100%;}

.details-carousel .jqZoomPup { position: absolute; z-index: 10; top: 0; left: 0; visibility: hidden; width: 100px; height: 100px; background: rgba(255, 242, 212, 0.6); }

.details-carousel .zoomdiv { position: absolute; top: 0; left: 0; display: none; overflow: hidden; width: 100px; height: 100px; border: 1px solid #ccc; background-color: #fff; }

.details-carousel .zoomdiv img { max-width: none; width: 200%; }

.details-carousel .jqzoom { position: relative; width: 407px; height: 337px; }

.yu-nav-btn { display: none; }

.yu-nav-btn button { position: absolute; right: 7%; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); width: 18px; height: 18px; border: 0; background-size: cover; background-image: url(../images/xs.png); background-color: transparent; cursor: pointer; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

.yu-nav-btn .active { -webkit-transform: rotate(180deg) translate(0, 50%); -ms-transform: rotate(180deg) translate(0, 50%); transform: rotate(180deg) translate(0, 50%); }

@media screen and (min-width: 960px) { .nav-list { display: block !important; } }

@media screen and (max-width: 960px) { .yu-nav-btn button { right: 8%; }
  .yu-nav-btn { display: block; }
  .nav-list .li .active { width: 100%; }
  .nav-list .li .a { background-position: 90% center; }
  .nav-list .li .a:hover { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; background-color: #0367ad; width: 100%; }
  .banner-1 { display: none; }
  .small-banner-1 { display: block; }
  .nav-two { float: none; width: 100%; padding-top: 0.15rem; margin-bottom: 0.15rem; }
  .details { margin-left: 0; padding: 0; }
  .nav-two-bg { position: relative; top: 0; width: 100%; padding-left: 0; cursor: pointer; }
  .nav-two-bg h1 { margin-left: 37px; }
  .nav-two-bg h2 { margin-left: 37px; }
  .nav-list { display: none; }
  .nav-list .li:first-child { margin-top: 0; }
  .details-bg { display: none; }
  .nav-list .li li a { width: auto; }
  .details .title { padding-top: 0.15rem; margin-bottom: 0.15rem; }
  .details-carousel { float: none; }
  .details-nr { margin-left: 0; padding: 0; margin-top: 0.15rem; } }

@media screen and (max-width: 640px) { .yu-nav-btn button { right: 7%; }
  .details-introduce .list li { width: 50%; }
  .nav-two-bg h1 { font-size: 18px; padding-top: 0.1rem; }
  .nav-two-bg h2 { font-size: 14px; }
  .nav-list .li .a { font-size: 14px; }
  .details .title .title-head h1 { font-size: 18px; width: 1.25rem; }
  .details .title h2 { font-size: 12px; }
  .details .title .title-head { width: 2rem; }
  .details .title h2:after { width: 1.25rem; } }

@media screen and (max-width: 320px) { .nav-two-bg h1 { font-size: 18px; padding-top: 0.05rem; } }

.details-list-introduce { padding-top: 0; }

.details-list-introduce .list li { margin-bottom: 0.25rem; }

.product .list li .top { overflow: hidden; }

@media screen and (max-width: 960px) { .product_list { padding-left: 0; padding-right: 0; } }

.contact { padding-bottom: 0.35rem; }

.message input { height: 48px; border: 1px solid #9b7d77; width: 602px; padding: 0 10px; background: #58261d; color: #fff; font-size: 14px; }

.message textarea { height: 232px; border: 1px solid #9b7d77; width: 708px; padding: 0 10px; background: #58261d; color: #fff; font-size: 14px; resize: none; padding-top: 10px; }

.message .fl { width: 112px; height: 48px; line-height: 48px; color: #fac225; font-size: 14px; text-align: right; }

.message .clearfix { margin-bottom: 20px; }

.message-btn { text-align: center; margin-top: 23px; }

.message-btn button { font-size: 15px; color: #481e14; width: 225px; height: 45px; border-radius: 25px; border: 0; cursor: pointer; background: #fac225; }

.message-btn button:hover { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 0.8; }

.big-bg { background: #fff; border-top-left-radius: 76px; border-bottom-right-radius: 76px;  }

@media screen and (max-width: 960px) { .message .fl { float: none; text-align: left; }
  .message input { width: 92%; }
  .message textarea { width: 92%; }
  .big-bg { background: transparent; border-radius: 0; border: 0; } }

.contact-mode { padding-bottom: 110px; }

.contact-mode #map {
  width: 100%;
  height: 400px;
  margin-bottom:20px;
  border: 1px solid #e5e5e5;
}
@media screen and (max-width: 640px) { .contact-mode #map { height: 240px; } }
.contact-mode-nr { padding-left: 13px; }

.contact-mode-nr h1 { font-size: 25px; color: #0070c6; padding-bottom: 10px; }

.contact-mode-nr h2 { color: #666; padding-bottom: 26px; font-size: 14px; }

.contact-mode-nr .p p { font-size: 14px; color: #333; line-height: 30px; }

@media screen and (max-width: 640px) { .contact-mode-nr h1 { font-size: 18px; } }

.news { padding-bottom: 0.31rem; }

.news-list .img div { padding-bottom: 59.45946%; width: 0.925rem; background-size: cover; background-position: center center; background-repeat: no-repeat; }

.news-list .img + .nr { margin-left: 232px; }

.news-list .nr h1 { color: #333; font-size: 16px; padding-bottom: 4px; padding-top: 4px; }

.news-list .nr label { color: #666; font-size: 13px; display: block; padding-bottom: 10px; }

.news-list .nr .p p { height: 48px; line-height: 24px; overflow: hidden; font-size: 14px; color: #999; }

.news-list li { padding: 40px 0 26px 0; border-bottom: 1px  dashed #999; }

.news-list li:first-child { border-top: 0; }

.news-list li:hover h1 { color: #fabc25; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

.news-list-paged { padding-top: 0.35rem; border-top: 1px solid #4a2018; }

@media screen and (max-width: 640px) { .news-list .img { float: none; display: inline-block; }
  .news-list .img + .nr { margin-left: 0; }
  .news-list li { padding: 20px 0; } }

.news-details { padding-bottom: 0.47rem; }

.news-details .title { margin-bottom: 0; }

.news-details .title h1 { font-size: 24px; color: #333; text-align: center; padding-bottom: 12px; }

.news-details .title .label { color: #999; font-size: 12px; padding-bottom: 40px; height: auto; }

.news-details .p p { font-size: 14px; color: #333; line-height: 30px; margin-bottom: 15px; }

.news-details .p img { max-width: 100%; }

.news-details .piece { margin-top: 80px; color: #333; font-size: 14px; }

.news-details .piece a { color: #fabc25; }

.news-details .piece a:hover { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 0.8; }

.news-details .piece li + li { margin-top: 18px; }

@media screen and (max-width: 640px) { .news-details .title h1 { font-size: 18px; } }

#swiper-container5 { border: 8px solid #7c3d31; height: 2.4rem; margin-bottom: 6px; width: auto; }

#swiper-container5 .swiper-slide { background-position: center center; background-repeat: no-repeat; background-size: cover; }

#swiper-container5 .introduce { position: absolute; bottom: 0; left: 0; height: 0.265rem; width: 100%; font-size: 0.11rem; color: #fff; padding-left: 0.16rem; background: #ef923f; line-height: 0.265rem; }

#swiper-container4 { width: 100%; height: 0.45rem; }

#swiper-container4 .swiper-slide { cursor: pointer; background-position: center center; background-repeat: no-repeat; background-size: cover; -webkit-filter: grayscale(1); filter: grayscale(1); }

#swiper-container4 .swiper-slide i { position: absolute; width: 100%; height: 100%; display: block; box-sizing: border-box; }

#swiper-container4 .active-nav { -webkit-filter: grayscale(0); filter: grayscale(0); }

#swiper-container4 .active-nav i { border: 2px solid #e28472; }

#swiper-container4 .swiper-slide:hover { -webkit-filter: grayscale(0); filter: grayscale(0); }

#swiper-container4 .swiper-slide:hover i { border: 2px solid #e28472; }

.piece-carousel-btn { background: #7c3d31; padding: 7px 40px; }

.piece-carousel-btn .swiper-button-prev { left: 13px; }

.piece-carousel-btn .swiper-button-next { right: 13px; }

.r-btn { position: fixed; z-index: 11111; right: 0; top: 50%; transform: translate(0, -50%); }

.r-btn li { margin-top: 2px; }

.r-btn li .li-a { width: 100%; }

.r-btn li a { display: block; position: relative; font-size: 0; height: 60px; width: 60px; }

.r-btn li a .left { position: relative; z-index: 250; transition: all 0.5s ease; background: #802918; text-align: center; font-size: 22px; color: #FFF; width: 60px; height: 60px; line-height: 60px; display: inline-block; vertical-align: top; }

.r-btn li a .left img { vertical-align: middle; margin-top: -5px; }


.r-btn li a .left-oa { transform: translate(-122px, 0); background-color: #ea9539; }

.r-btn li a .right { position: absolute; left: 0; top: 0; background: #802918; text-align: center; font-size: 15px; color: #FFF; width: 122px; height: 60px; color: #fff; line-height: 60px; display: inline-block; vertical-align: top; transition: all 0.5s ease; }

.r-btn li a .right-oa { background-color: #a93d20; transform: translate(-62px, 0); }

.r-btn li a .erma { display: none; position: absolute; left: 0; top: 0; background: #ea9539; transform: translate(-122px, 0); text-align: center; font-size: 12px; height: 152.5px; color: #fff; width: 122px; padding: 6px; box-sizing: border-box; vertical-align: top; transition: all 0.5s ease; }

.r-btn li a .erma img { max-width: 100%; margin-bottom: 12px; }

.r-btn li .a { transform: translate(0, 0); }



.r-btn .li-er:hover .left { background: #A93D20; }

.r-btn .li-er:hover .erma { display: block; }


/*list*/
.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}


aside{background-color:#fff;position:fixed;right:-100px;z-index:100;bottom:112px;transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;border:1px solid #d5d5d5;opacity:0;filter:alpha(opacity=0);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px}
aside.active{right:40px;opacity:1;filter:alpha(opacity=100)}
aside ul{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;overflow:hidden}
aside ul li{width:76px;height:76px;background-repeat:no-repeat;background-position:center center;position:relative}
aside ul li:after{position:absolute;width:100%;height:100%;left:0;top:0;background:#0070c6;color:#fff;font-size:16px;line-height:76px;text-align:center;display:none;z-index:0;cursor:pointer}
aside ul li a{display:block;width:100%;height:100%}
aside ul li.kf a{position:relative;z-index:1}
aside ul li.kf{background-image:url(../images/aside1.png)}
aside ul li.kf:after{content:"QQ客服"}
aside ul li.ewm{background-image:url(../images/aside2.png)}
aside ul li.ewm:after{content:"二维码"}
aside ul li.zd{background-image:url(../images/zhiding.png);background-size:36px}
aside ul li.zd:after{content:"返回顶部"}
aside ul li:hover:after{display:block}
aside ul .line{width:64px;height:1px;background:#D5D5D5;margin:0 auto}
aside .ewms{position:absolute;height:130px;border:1px solid #d5d5d5;text-align:center;padding:5px 0;top:50%;left:-250px;margin-top:-65px;display:none;background-color:#fff}
aside .ewms:after{content:"";position:absolute;top:50%;right:-12px;margin-top:-6px;border:6px solid;border-color:transparent transparent transparent #fff}
aside .ewms div{width:110px;float:left;padding:0 5px}
aside .ewms div img{display:block}