@charset "utf-8";
/*!* baguetteBox.js * @author feimosi * @version 1.8.2 * @url https://github.com/feimosi/baguetteBox.js */ #baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,0.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease;}#baguetteBox-overlay.visible{opacity:1;}#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center;}#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%;}#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-moz-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6);}#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,0.6);font-family:sans-serif;}#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px;}#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease;}#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out;}#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out;}@-webkit-keyframes bounceFromRight{0%{margin-left:0;}50%{margin-left:-30px;}100%{margin-left:0;}}@keyframes bounceFromRight{0%{margin-left:0;}50%{margin-left:-30px;}100%{margin-left:0;}}@-webkit-keyframes bounceFromLeft{0%{margin-left:0;}50%{margin-left:30px;}100%{margin-left:0;}}@keyframes bounceFromLeft{0%{margin-left:0;}50%{margin-left:30px;}100%{margin-left:0;}}.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px;}.baguetteBox-button{position:absolute;cursor:pointer;outline:none;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,0.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease;}.baguetteBox-button:focus,.baguetteBox-button:hover{background-color:rgba(50,50,50,0.9);}.baguetteBox-button#next-button{right:2%;}.baguetteBox-button#previous-button{left:2%;}.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2%+6px);width:30px;height:30px;}.baguetteBox-button svg{position:absolute;left:0;top:0;}.baguetteBox-spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px;}.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out;}.baguetteBox-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s;}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0);}50%{-webkit-transform:scale(1);transform:scale(1);}}@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0);}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);}}
/*通用样式*/
html, body, div, span, iframe, map, font, img, a img, samp, strong, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;  list-style:none;}
html, body { position: relative; height: 100%;}
body{ overflow-x:hidden; background:#fff; font:normal 12px/22px "微软雅黑";  }
img{ border:0;  }
a{ text-decoration:none; color:#000;  }
a:hover{ color:red;  }
.clear { clear:both;}
div,li { box-sizing:border-box;}

/* CSS Document */
@font-face{
    font-family: jetaidn;
    src: url(jetaidn.ttf);
}
@keyframes myfirst
{
from { top:-100%;}
60% { top:0;}
to { top:0;}
}
#bannnerSwiper img { display:block; width:100%;}
#bannnerSwiper .swiper-button-next {    line-height: 96px; display:none; text-align:center; transition:all 0.3s; width:48px; height:96px; border-radius:8px 0 0 8px; right:0; top:50%; margin-top:-48px;}
#bannnerSwiper .swiper-button-prev {    line-height: 96px; display:none; text-align:center; transition:all 0.3s; width:48px; height:96px; border-radius:0 8px 8px 0; left:0; top:50%; margin-top:-48px;}
#bannnerSwiper .swiper-button-next:after,#bannnerSwiper .swiper-button-prev:after  { color:#fff; font-size:20px;}
#bannnerSwiper .swiper-button-next:hover { background:rgba(0,0,0,0.3);}
#bannnerSwiper .swiper-button-prev:hover { background:rgba(0,0,0,0.3);}
.banner:hover #bannnerSwiper .swiper-button-next { display:block;}
.banner:hover #bannnerSwiper .swiper-button-prev { display:block;}
.bannerControl{

    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -686px;
    z-index: 850;
}
.banner { position:relative;}
.bannerControl .swiper-container {
  width: 100%;
  height:105px;
   text-align:left;
}
.bannerControl .swiper-slide {
    cursor:pointer;
   text-align:left;
  font-size: 18px;
  color:rgba(255,255,255,0.5); font-size:16px; line-height:35px;
}
.bannerControl .swiper-slide { padding:0 40px; position:relative;}
.bannerControl .swiper-slide span{ position:absolute; display:none; overflow:hidden; width:2px; height:16px; top:9.5px; left:0; background:rgba(255,255,255,.25);}
.bannerControl .swiper-slide span:after{ content:''; position:absolute; left:0; top:-100%; width:100%; background:#fff; height:100%;}
.bannerControl .swiper-slide.swiper-slide-active { display:block;}
.bannerControl .swiper-slide.swiper-slide-active { color:#fff;}
.bannerControl .swiper-slide.swiper-slide-active span { display:block;}
.bannerControl .swiper-slide.swiper-slide-active  span:after{ animation:myfirst 6.5s linear;}
.header { z-index:2; transition:all 0.3s; position:absolute; width:100%; height:60px;}
.headerBox { width:1372px; position:relative; margin:0 auto;}
.headerBox .logo { margin-top:6px; float:left;width:160px;}
.logo img {height: 53px;}

.nav { float:left; padding-top:22px; margin-left:20px;}
.nav li { position:relative; float:left;}
.nav li h2 { position:relative; padding:0 18px;}
.nav li h2:after { content:''; transition:all 0.3s; position:absolute; left:50%; transform:translateX(-50%); bottom:0; width:0; height:2px; background:#f05a6c;}
.nav li h2 a { display:block; line-height:38px; transition:all 0.3s; color:#58595b;}
.nav li:hover h2:after { width:80%;}
.nav li:hover h2 a { color:#f05a6c;}
.nav li dl { display:none; padding:10px 0; position:absolute; left:50%; width:100px; transform:translateX(-50%); top:38px; background:#fff; text-align:center;}
.nav li dt { line-height:2; font-size:14px;}
.nav li dt a { transition:all 0.3s; color:#58595b}
.nav li dt:hover a { color:#f05a6c;}
.nav li:hover dl { display:block;}
.headerBox .logo2 { float:right; margin-top:12px; margin-right:45px;}
.searchBtn span { display:block; background:url(../images/searchBtn.png) center no-repeat; width:19px; height:20px;}
.searchBtn { position:absolute; right:-27px; margin-top:31px; height:29px;}
.searchBar { display:none; position:absolute; top:29px; right:0px; background:#eee; width:150px; padding:3px;}
/* .searchBar input { text-indent:5px; width:100%; border:none; background:#fff; outline:none; height:28px; box-sizing:border-box; padding:0;} */
/* .searchBar button { position:absolute;background:url(../images/searchBtn.png) center no-repeat; width:19px; top:3px; height:28px; border:none; right:10px; outline:none;} */
.searchBtn:hover .searchBar { display:block;}
.langBox { padding-top:30px; position:absolute; right:-85px;}
.langBox span { cursor:pointer; font-size:18px; color:#58595b;}
.langList { display:none; background:#eee; padding:5px 0; position:absolute; width:50px; left:50%; margin-left:-25px;}
.langList a { display:block; width:100%; font-size:14px; line-height:2; transition:all 0.3s; text-align:center; color:#000; background:#eee;}
.langList a:hover { background:#000; color:#fff;}
.langBox:hover .langList { display:block;}
.proinfor { background:#f4f4f4; padding:56px 0 78px;}
.container1 { width:1372px; margin:0 auto;}
.asidBox { background:#fff; overflow:hidden;}
.newPro { width:672px; float:left;}
.titleCel { padding-top:29px; padding-bottom:32px; position:relative; padding-left:33px;}
.titleCel:after { content:''; position:absolute; left:0; top:50%; width:8px; height:64px; background:#f15b6c; margin-top:-32px;}
.titleCel h2 { margin-bottom:10px; font-size:24px; color:#f15b6c; line-height:30px;}
.titleCel p { font-size:16px; line-height:24px; color:#58595b;}
.newProimg { height:612px; position:relative; transition:all 0.3s; background-size:cover;background-image:url(../images/1.png);background-repeat:no-repeat;background-position:center;}
.newproTxt { position:absolute; left:11%; bottom:78px;}
.newproTxt h2 { transition:all 0.3s; font-size:30px; color:#fff; margin-bottom:16px;}
.newproTxt p { transition:all 0.3s; font-size:20px; color:#fff;}
.newproTxt a { display:block; width:100%; height:100%;}
.newProimg:hover h2{ color:#f15b6c}
.newProimg:hover p{ color:#f15b6c}
.information { width:672px; float:right; position:relative;}
.inforImg img{ display:block; width:100%;}
.information ul { height:248px; box-sizing:border-box; padding:32px 0 0 10px;}
.information li { background:url(../images/circle.png) left center no-repeat; line-height:32px; font-size:16px; padding-left:32px; width:300px;}
.information li a { color:#333333; transition:all 0.3s;}
.information li:hover a { color:#f15b6c;}
.information a.readMore { transition:all 0.3s; font-family:jetaidn; position:absolute; right:0; bottom:0; background:#f15b6c; color:#fff; padding:0 27px; line-height:54px; font-size:20px; border:1px solid #f15b6c;}
.information a.readMore:hover { color:#f15b6c; border:1px solid #f15b6c; background:#fff;}
.informationImg { float:right; width:29.8%; height:586px; background:url(../images/3.png) center no-repeat; background-size:cover;}
.inforLeft { float:left; width:70.2%; padding-left:82px;}
.inforCenter { overflow:hidden;}
.inforTit { line-height:116px; font-size:30px; font-weight:bold;}
.inforTit h2 {    font-size: 30px; font-weight:bold; color:#f15b6c;}
.inforTit h2 i { padding:0 25px; font-style:normal; font-size:28px;}
.inforTit h2 span { font-size:18px;}
.inforBar { float:left; width:33.33%;}
.inforBar h2 { font-size:24px; color:#f15b6c; margin-bottom:35px; line-height:24px; padding-top:25px; padding-bottom:31px; background:url(../images/4.png) left bottom no-repeat;}
.inforBar li { background:url(../images/circle.png) left center no-repeat; padding-left:32px; font-size:16px; line-height:32px; padding-right:27%;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.inforBar li a { transition:all 0.3s; color:#58595b;}
.inforBar li:hover a { color:#f15b6c;}
.inforBar a.more { font-size:16px; color:#666666; margin-left:30px; transition:all 0.3s; margin-top:30px; display:block;}
.inforBar a.more:hover { text-decoration:underline; color:#f15b6c;}
.aboutBox img { display:block; max-width:100%;}
.aboutBox { position:relative;}
.aboutBar { background:#f4f4f4; padding:146px 0 76px;}
.aboutInofr { position:absolute; background:#fff; top:-58px; width:61.7%; padding:0 68px 80px 55px; right:0;}
.aboutInofr p { font-size:16px; line-height:30px; color:#58595b; text-indent:32px; margin:15px 0;}
.aboutBar a.readMore { border:1px solid #f15b6c; transition:all 0.3s; font-family:jetaidn; position:absolute; right:0; bottom:0; background:#f15b6c; color:#fff; padding:0 27px; line-height:54px; font-size:20px;}
.aboutBar a.readMore:hover { background:#fff; color:#f15b6c;}
.deveLope { padding-top:36px; background:url(../images/6.png) center no-repeat; background-size:cover;}
.deveBox { width:1022px; padding-bottom:128px; position:relative; margin:0 auto;}
.deveList { height:500px;}
.deveInfor { position:relative; overflow:hidden;width:100%;}
.deveDate { float:left; width:70px; color:#333333; font-size:20px; line-height:2;}
.deveCircle { float:left; background:url(../images/devecircle.png) center no-repeat; margin:0 30px 0 50px; width:41px; height:40px;}
.deveTxt { float:left; width:calc(100% - 204px)}
.deveTxt h2 { transition:all 0.3s; font-size:20px; color:#333333; line-height:2;}
.deveTxt p { font-size:12px; line-height:30px; color:#333333;}
.deveList .swiper-container {
  width: 100%;
  height: 100%;
}

.deveList .swiper-slide {
  font-size: 18px;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  transition:all 0.3s;
  opacity:.6;
}
.deveInfor:after { content:''; position:absolute; height:100%; top:0; left:140px; background:#d0d0d0; width:1px; z-index:-1;}
.deveList .swiper-slide.swiper-slide-active{ opacity:1;}
.deveList .swiper-slide.swiper-slide-active .deveTxt h2 { font-size:27px; line-height:40px;}
.deveList .swiper-slide.swiper-slide-active .deveTxt p { font-size:16px; line-height:30px;}
.deveList .swiper-slide.swiper-slide-active .deveDate { font-size:27px; line-height:40px;}
.deveBox .swiper-button-next { outline:none; background:url(../images/next.jpg) center no-repeat; width:48px; height:40px; transition:all 0.3s; left:auto; top:auto; bottom:16px; right:-48px;}
.deveBox .swiper-button-prev { outline:none; background:url(../images/prev.jpg) center no-repeat; width:48px; height:40px; transition:all 0.3s; left:auto; top:auto; bottom:66px; right:-48px;}
.deveBox .swiper-button-next:hover { background:url(../images/nextcur.jpg) center no-repeat;}
.deveBox .swiper-button-prev:hover { background:url(../images/prevcur.jpg) center no-repeat;}
.deveBox .swiper-button-next:after,.deveBox .swiper-button-prev:after { content:'';}
.rehabCenter { width:1372px; margin:0 auto; overflow:hidden;}
.reBox { background:#f4f4f4; padding:58px 0 56px;}
.releft { float:left; width:36%; height:250px; background:#fff;}
.releTxt { border-left:3px solid #f15b6c; margin-left:100px; margin-top:83px; margin-bottom:69px; padding-left:15px;}
.releTxt p { font-size:30px; color:#f15b6c; line-height:1; margin-bottom:10px;}
.releTxt span { font-size:18px; line-height:1; color:#f15b6c;}
.releft a{ display:block; width:100%; color:#fff; line-height:36px; background:#f15b6c; text-align:center;}
.reright { float:right; height:250px; width:61%; background-image:url(../images/7.png);background-size:cover;background-repeat: no-repeat;background-position:center;}
.custorBox { padding-bottom:75px; background:#f4f4f4;}
.custorBar { width:1372px; margin:0 auto; overflow:hidden;}
.custorLeft { float:left; width:50%; height:324px; padding-top:100px; background:#fff; text-align:center;}
.custorLeft p { font-size:24px; color:#f15b6c; line-height:1; margin-bottom:40px;}
.custorLeft span { font-size:18px; color:#58595b;}
.custorRight { background-image: url(../images/8.png);background-repeat: no-repeat;background-position:center;background-size:cover; height:324px; padding-left:62px; float:right; width:50%; padding-top:48px;}
.custorRight h2 { font-size:24px; line-height:36px; color:#fff;}
.custorRight p { font-size:18px; color:#fff; margin-top:36px;}
.custorRight a { transition:all 0.3s; display:block; width:148px; height:36px; border-radius:36px; line-height:32px; color:#fff; margin-top:68px; text-align:center; font-size:14px; border:2px solid #fff; box-sizing:border-box;}
.custorRight a:hover { background:#f15b6c; border:2px solid #f15b6c;}
.footer { background:#dde3e9;}
.footerLink { border-bottom:1px solid #a1b6cc; text-align:center; padding-top:10px; line-height:110px;}
.footerLink a { transition:all 0.3s; font-size:16px; color:#58595b;}
.footerLink span { color:#58595b; padding:0 25px;}
.footerLink a:hover { color:#f15b6c;}
.footerBox { text-align:center; padding-top:58px;}
.footerBox p { font-size:14px; color:#666666; line-height:30px;}
.footerBox p img { margin:14px;}
.copyRight { text-align:center; font-size:14px; line-height:30px; color:#999999;}
.copyRight a{font-size:14px;color:#999999;}
.copyRight span{font-size:14px;color:#999999;}
.nav li.cur h2:after { width:100%;}
#screen { width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:999; position:fixed; left:0; top:0; display:none;}
@media screen and  (max-width:1580px){
    .headerBox .logo2 { float:left; margin-right:0; margin-left:5px;}
    .searchBtn { right:40px;}
    .langBox { right:0;}
}
@media screen and  (max-width:1372px){
    .headerBox { width:100%; padding:0 4%;}
    .bannerControl { margin:0; left:4%;}
    .container1 { width:100%}
    .newPro { width:49%;}
    .information { width:49%;}
    .proinfor { padding:40px 4%;}
    .rehabCenter { width:100%;}
    .releTxt { margin-left:5vw;}
    .custorBar { width:100%;}
    .deveBox .swiper-button-prev { right:0;}
    .deveBox .swiper-button-next { right:0;}
    .nav li h2 { padding:0 8px;}
}
@media screen and  (max-width:1280px){
    .logo2 { display:none;}
}
@media screen and  (max-width:1080px){
    .deveBox { width:100%; padding:0 4% 128px;}
    .langBox { right:100px;}
    .searchBtn { right:140px;}
    /* .menu { background:url(../images/menu.png) center no-repeat; width:40px; height:40px; display:block; position:absolute; right:4%; top:10px;} */
    .nav { float:none; position:fixed; left:-110%; top:0; height:100vh; z-index:1000; background:#fff; width:30%; margin:0; padding:20px 10px 0;}
    .nav li { float:none; width:100%;}
    .nav li:hover h2:after { width:100%;}
    .nav li h2 { padding:0;}
    .nav li dl { position:static; width:100%; transform:translate(0); text-align:left; text-indent:10px;}
    .bannerControl .swiper-slide { line-height:2; padding:0 10px; font-size:12px;}
    .bannerControl .swiper-container { height:72px;}
    .bannerControl .swiper-slide span { top:4px;}
    .bannerControl { bottom:10px;}
}
@media screen and  (max-width:999px){
    .newPro { width:100%;}
    .newProimg { height:400px;}
    .newproTxt h2 { margin-bottom:0; font-size:20px;}
    .newproTxt p { font-size:16px;}
    .titleCel { padding:15px 0 15px 15px }
    .titleCel:after { width:2px;}
    .titleCel h2 { font-size:20px; line-height:1.5; margin-bottom:0;}
    .titleCel p { font-size:14px;}
    .newproTxt { left:4%; bottom:20px;}
    .information { width:100%;}
    .information li { width:100%; font-size:14px; line-height:2;}
    .inforLeft { width:100%; padding:0 4%;}
    .informationImg { display:none;}
}
@media screen and  (max-width:780px){
    .searchBtn {display: none;}
    .langBox { right:60px; padding-top:16px; z-index:101;}
    .langBox span { font-size:14px;}
    .releft { width:100%; height:auto;}
    .releTxt { margin:30px 0 30px 4%;}
    .releTxt p { font-size:20px;}
    .releTxt span { font-size:14px;}
    .custorLeft { width:100%; height:auto; padding:20px 0;}
    .custorLeft p { font-size:20px; margin-bottom:10px;}
    .custorRight { width:100%;}
    .custorRight { padding-left:4%;}
    .custorLeft span { font-size:14px}
    .reright { width:100%;}
    .reBox { padding:20px 0;}
    .deveLope { padding-top:10px;}
    .deveDate { float:none;}
    .deveTxt h2 { font-size:16px; line-height:1;}
    .deveTxt p { line-height:2;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
    .deveList .swiper-slide.swiper-slide-active .deveTxt h2 { font-size:18px; line-height:2;}
    .deveList .swiper-slide.swiper-slide-active .deveTxt p { font-size:12px; line-height:2;}
    .deveList { height:400px;}
    .deveCircle { display:none;}
    .deveTxt { width:100%; float:none;}
    .deveInfor:after { width:0;}
    .aboutBar { padding:20px 4%;}
    .aboutInofr { position:static; width:100%; padding:0 4% 80px}
    .aboutInofr p { font-size:14px; margin-bottom:10px; margin-top:0;}
    .inforBar li { padding-right:0; font-size:14px; line-height:2;}
    .inforBar { margin-bottom:20px;}
    .inforBar a.more { margin-top:5px; margin-left:0;}
    .inforBar h2 { font-size:18px; margin-bottom:10px; padding-top:0;}
    .inforTit { line-height:3;}
    .inforTit h2 { font-size:20px;}
    .inforTit h2 i { font-size:10px; padding:0 10px;}
    .inforTit h2 span { font-size:14px;}
    .inforBar { width:100%;}
    .nav { width:50%}
    .logo img { height:30px;}
    .headerBox .logo { margin-top:15px;}
    .header { position:static; background:#fff;}
    .footerLink { line-height:1.5; padding:10px 4%;}
    .footerLink a { font-size:14px;}
    .footerLink span { padding:0 5px;}
    .footerBox { padding-top:20px;}
    .footerBox p { line-height:24px;}
    #bannnerSwiper .swiper-button-next { height:48px; line-height:48px; margin-top:-24px;}
    #bannnerSwiper .swiper-button-prev { height:48px; line-height:48px; margin-top:-24px;}
}

.clearfix {
    *zoom: 1;
}

.clearfix:after {
    content: "\200B";
    display: block;
    height: 0;
    clear: both;
}
@media print {
    img {
        max-width: 100% !important;
    }
}

/* main */
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
.hide{display: none;}
@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }
}
@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important;
    }
}
@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important;
    }
}
@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }
}
@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important;
    }
}
@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important;
    }
}
@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 1101px) {
    .hqpc {
        display: block !important;
    }
    .hqmobile {
        display: none !important;
    }
}
@media (max-width: 1100px) {
    .hqpc {
        display: none !important;
    }
    .hqmobile {
        display: block !important;
    }
}
::selection{background-color:rgba(142,109,77,0.2);color:#000}
::-moz-selection{background-color:rgba(142,109,77,0.2);color:#000}
::-webkit-selection{background-color:rgba(142,109,77,0.2);color:#000}
.cl:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}
.wrap {
    margin-left: auto;
    margin-right: auto;
    max-width:1200px;
}
.wrap:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    clear: both;
}
.pull-right {
    float: right !important;
}
.pull-left {
    float: left !important;
}
.clmg {
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
}
.clmt {
    margin-top: 0 !important;
}
.clmr {
    margin-right: 0 !important;
}
.clml {
    margin-left: 0 !important;
}
.pd0 {
    padding: 0;
}
.pdr0 {
    padding-right: 0;
}
.pdl0 {
    padding-left: 0;
}
.pdt0 {
    padding-top: 0;
}
.pdb0 {
    padding-bottom: 0;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
/* 防止图片过大，撑破容器 */
.img-response img {
    max-width: 100%;
}
* {
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}
body {
    margin: 0 auto;
    max-width: 100%;
}
body.page{background:#f2f2f2}
#top {height: 60px;position:relative;}
/* .menu {max-width: 1500px;margin: 0 auto;padding: 7px 0} */
.header .nav-btn{display:none;}
#banner {}
#banner img {
    width: 100%;
    display: block;
}
#footer {width: 100%;}
#footer img {max-width: 100%;}
section.banner {
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

section.banner .text {
    height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
}

section.banner .text .logo,section.banner .text h1.title {
    line-height: 1;
    margin-bottom: 16px;
}

section.banner .text .logo img {
    height: 100%;
    display: block;
}

section.banner .text h1.title {
    font-size: 40px;
    font-weight: 600;
}

section.banner .text p.content {
    font-size: 16px;
    line-height: 24px;
}

nav.dui-sidenav {
    padding: 24px 32px;
    background: #fff;
    min-height: 474px;
}

.grid-container {
    width: 1200px;
    margin: 0 auto;
}

@media (max-width:768px) {
    .grid-container {
        width: 100%;
    }
}

.grid-container-fluid {
    width: 100%;
}

.grid-container .grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.grid-container .grid.top {
    align-items: flex-start;
}

.grid-container .grid.middle {
    align-items: center;
}

.grid-container .grid.bottom {
    align-items: flex-end;
}

.grid-container .grid.stretch {
    align-items: stretch;
}

.grid-container .grid.baseline {
    align-items: baseline;
}

.grid-container .grid.left {
    justify-content: flex-start;
}

.grid-container .grid.center {
    justify-content: center;
}

.grid-container .grid.right {
    justify-content: flex-end;
}

.grid-container .grid.between {
    justify-content: space-between;
}

.grid-container .grid.around {
    justify-content: space-around;
}

.grid-container .cell {
    box-sizing: border-box;
    flex-shrink: 0;
    padding: 0 10px;
}

.grid-container .cell.is {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
}

.grid-container .cell.is-fifth {
    flex-basis: 20%;
    max-width: 20%;
}

.grid-container .cell.is-1 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
}

.grid-container .cell.is-2 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
}

.grid-container .cell.is-3 {
    flex-basis: 25%;
    max-width: 25%;
}

.grid-container .cell.is-4 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
}

.grid-container .cell.is-5 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
}

.grid-container .cell.is-6 {
    flex-basis: 50%;
    max-width: 50%;
}

.grid-container .cell.is-7 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
}

.grid-container .cell.is-8 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
}

.grid-container .cell.is-9 {
    flex-basis: 75%;
    max-width: 75%;
}

.grid-container .cell.is-10 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
}

.grid-container .cell.is-11 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
}

.grid-container .cell.is-12 {
    flex-basis: 100%;
    max-width: 100%;
}

.grid-container .cell.is-offset-0 {
    margin-left: 0;
}

.grid-container .cell.is-offset-1 {
    margin-left: 8.33333333%;
}

.grid-container .cell.is-offset-2 {
    margin-left: 16.66666667%;
}

.grid-container .cell.is-offset-3 {
    margin-left: 25%;
}

.grid-container .cell.is-offset-4 {
    margin-left: 33.33333333%;
}

.grid-container .cell.is-offset-5 {
    margin-left: 41.66666667%;
}

.grid-container .cell.is-offset-6 {
    margin-left: 50%;
}

.grid-container .cell.is-offset-7 {
    margin-left: 58.33333333%;
}

.grid-container .cell.is-offset-8 {
    margin-left: 66.66666667%;
}

.grid-container .cell.is-offset-9 {
    margin-left: 75%;
}

.grid-container .cell.is-offset-10 {
    margin-left: 83.33333333%;
}

.grid-container .cell.is-offset-11 {
    margin-left: 91.66666667%;
}

.products-list .product-item .product-img figure {
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;
    width: 270px;
    height: 270px;
    background-size: 100%;
}

nav.dui-sidenav {
    padding: 24px 32px;
    background: #fff;
    min-height: 474px;
}

nav.dui-sidenav ul.sidenav-menu li {
    padding: 8px 0;
    cursor: pointer;
}

nav.dui-sidenav ul.sidenav-menu li a {
    font-size: 16px;
    line-height: 24px;
    color: #303233;
    display: flex;
    align-items: center;
}

nav.dui-sidenav ul.sidenav-menu li a span {
    max-width: 200px;
}

nav.dui-sidenav ul.sidenav-menu li a i.fa-angle-right {
    display: none;
    margin-left: 16px;
    font-weight: 600;
}

nav.dui-sidenav ul.sidenav-menu li.active a span,nav.dui-sidenav ul.sidenav-menu li:hover a span {
    font-weight: 600;
}

nav.dui-sidenav ul.sidenav-menu li.active a i.fa-angle-right {
    display: inline-block;
}

.dui-sidenav.fixed-top {
    top: 20px;
}

.dui-sidenav.fixed-bottom,.dui-sidenav.fixed-top {
    position: fixed;
    width: 285px;
}

.dui-btn {
    display: inline-block;
    color: #fff;
    height: 46px;
    font-size: 16px;
    line-height: 16px;
    padding: 15px 32px;
    border: none;
    border-radius: 2px;
    outline: none;
    cursor: pointer;
    transition: all .3s ease;
}

.dui-btn.active,.dui-btn:hover {
    color: #fff;
    text-decoration: none;
}

.dui-btn-sm {
    height: 30px;
    font-size: 14px;
    line-height: 14px;
    padding: 8px 16px;
}

.dui-btn-normal,.dui-btn-primary {
    background: #3c3e40;
    background-image: linear-gradient(-180deg,#3c3e40 0%,#303233 100%);
}

.dui-btn-normal.active,.dui-btn-normal:hover,.dui-btn-primary.active,.dui-btn-primary:hover {
    background-image: linear-gradient(-180deg,#545759 0%,#303233 100%);
}

.dui-btn-buy {
    background: #1e9df7;
    background-image: linear-gradient(-180deg,#1e9df7 0%,#1392ed 100%);
}

.dui-btn-buy.active,.dui-btn-buy:hover {
    background-image: linear-gradient(-180deg,#4cb5ff 0%,#1392ed 100%);
}

.dui-learn-more {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    line-height: 46px;
    height: 46px;
    color: #303233;
    cursor: pointer;
}

.dui-learn-more i.fa-angle-right {
    margin-left: 8px;
    font-weight: 600;
}

.dui-learn-more.active,.dui-learn-more:hover {
    color: #616466;
    text-decoration: none;
}
.products-series {
    padding: 40px 0;
    min-height: 800px;
}

.products-list .product-item {
    background: #fff;
    transition: all .3s ease;
    margin-bottom: 20px;
}

.products-list .product-item:hover {
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
}

.products-list .product-item .product-content {
    padding: 6px 32px 32px;
}

.products-list .product-item .product-content .title {
    color: #303233;
    font-size: 24px;
    min-height: 24px;
    margin-bottom: 16px;
    line-height: 1;
}

.products-list .product-item .product-content .content {
    color: #303233;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 32px;
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
}

.products-list .product-item .product-content .action {
    line-height: 1;
    height: 46px;
}

.products-list .product-item .product-content .action .dui-btn-primary {
    margin-right: 32px;
}

.products-list .product-item .product-img {
    padding: 0;
    width: 100%;
    height: 270px;
    overflow: hidden;
    display: block;
}
.breadcrumb-nav {
    background: #f7f8f9;
    padding:25px 0
}

.breadcrumb-nav .title {
    color: #f05a6c;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 36px
}

.breadcrumb-nav .title .parent {
    display: inline-block;
    color: #707473;
    margin-right: 14px
}

.breadcrumb-nav .breadcrumb {
    margin: 0;
    background: 0 0;
    color: #707473;
    text-transform: capitalize;
    font-weight: 300;
    font-size: 12px;
    padding: 0 0 0 3px
}

.breadcrumb-nav .breadcrumb a {
    color: #707473
}

.breadcrumb-nav .breadcrumb>li+li:before {
    color: #707473;
    padding: 0 3px 0 6px
}

.bread-nav .bread-container {
    width: 1200px;
    margin-left: auto;
    margin-right: auto
}

.bread-nav .bread-crumb {
    padding: 15px 0;
    margin: 0;
    background: 0 0;
    color: #9fa3a6;
    text-transform: capitalize;
    font-weight: 300;
    font-size: 14px
}

.bread-nav .bread-crumb a,.bread-nav .bread-crumb a:hover {
    color: #6c7073
}

.bread-nav .bread-crumb li {
    display: inline-block
}

.bread-nav .bread-crumb li a:hover {
    border-bottom: solid 1px #6c7073
}

.bread-nav .bread-crumb li a,.bread-nav .bread-crumb li span {
    border-bottom: solid 1px transparent;
    display: inline-block;
    vertical-align: bottom;
    padding-bottom: 2px
}

.bread-nav .bread-crumb li:before {
    display: inline-block;
    vertical-align: bottom;
    content: '/\00a0';
    padding: 0 8px;
    color: #9fa3a6
}

.bread-nav .bread-crumb li:first-child:before {
    display: none
}

.bread-nav .bread-crumb>li+li:before {
    color: #9fa3a6;
    padding: 0 3px 2px 6px
}

.bread-nav .bread-title {
    color: #3b3e40;
    font-size: 32px;
    padding-top: 24px;
    padding-bottom: 16px;
    border-bottom: solid 1px #f0f1f2
}
.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 768px) {
    .container {
        width:750px
    }
}

@media (min-width: 992px) {
    .container {
        width:970px
    }
}

@media (min-width: 1200px) {
    .container {
        width:1170px
    }
}
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.row {
    margin-left: -15px;
    margin-right: -15px
}
.row:after, .row:before,.container:after, .container:before {
    content: " ";
    display: table;
}
.row:after,.container:after {
    clear: both;
}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666666666666%
}

.col-xs-10 {
    width: 83.33333333333334%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666666666666%
}

.col-xs-7 {
    width: 58.333333333333336%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666666666667%
}

.col-xs-4 {
    width: 33.33333333333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.666666666666664%
}

.col-xs-1 {
    width: 8.333333333333332%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666666666666%
}

.col-xs-pull-10 {
    right: 83.33333333333334%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666666666666%
}

.col-xs-pull-7 {
    right: 58.333333333333336%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666666666667%
}

.col-xs-pull-4 {
    right: 33.33333333333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.666666666666664%
}

.col-xs-pull-1 {
    right: 8.333333333333332%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666666666666%
}

.col-xs-push-10 {
    left: 83.33333333333334%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666666666666%
}

.col-xs-push-7 {
    left: 58.333333333333336%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666666666667%
}

.col-xs-push-4 {
    left: 33.33333333333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.666666666666664%
}

.col-xs-push-1 {
    left: 8.333333333333332%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666666666666%
}

.col-xs-offset-10 {
    margin-left: 83.33333333333334%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666666666666%
}

.col-xs-offset-7 {
    margin-left: 58.333333333333336%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666666666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.666666666666664%
}

.col-xs-offset-1 {
    margin-left: 8.333333333333332%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width: 768px) {
    .col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9 {
        float:left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666666666666%
    }

    .col-sm-10 {
        width: 83.33333333333334%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666666666666%
    }

    .col-sm-7 {
        width: 58.333333333333336%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666666666667%
    }

    .col-sm-4 {
        width: 33.33333333333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.666666666666664%
    }

    .col-sm-1 {
        width: 8.333333333333332%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666666666666%
    }

    .col-sm-pull-10 {
        right: 83.33333333333334%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666666666666%
    }

    .col-sm-pull-7 {
        right: 58.333333333333336%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666666666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.666666666666664%
    }

    .col-sm-pull-1 {
        right: 8.333333333333332%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666666666666%
    }

    .col-sm-push-10 {
        left: 83.33333333333334%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666666666666%
    }

    .col-sm-push-7 {
        left: 58.333333333333336%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666666666667%
    }

    .col-sm-push-4 {
        left: 33.33333333333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.666666666666664%
    }

    .col-sm-push-1 {
        left: 8.333333333333332%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666666666666%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333333334%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666666666666%
    }

    .col-sm-offset-7 {
        margin-left: 58.333333333333336%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666666666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.666666666666664%
    }

    .col-sm-offset-1 {
        margin-left: 8.333333333333332%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 992px) {
    .col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9 {
        float:left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666666666666%
    }

    .col-md-10 {
        width: 83.33333333333334%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666666666666%
    }

    .col-md-7 {
        width: 58.333333333333336%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666666666667%
    }

    .col-md-4 {
        width: 33.33333333333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.666666666666664%
    }

    .col-md-1 {
        width: 8.333333333333332%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666666666666%
    }

    .col-md-pull-10 {
        right: 83.33333333333334%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666666666666%
    }

    .col-md-pull-7 {
        right: 58.333333333333336%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666666666667%
    }

    .col-md-pull-4 {
        right: 33.33333333333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.666666666666664%
    }

    .col-md-pull-1 {
        right: 8.333333333333332%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666666666666%
    }

    .col-md-push-10 {
        left: 83.33333333333334%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666666666666%
    }

    .col-md-push-7 {
        left: 58.333333333333336%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666666666667%
    }

    .col-md-push-4 {
        left: 33.33333333333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.666666666666664%
    }

    .col-md-push-1 {
        left: 8.333333333333332%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666666666666%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333333334%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666666666666%
    }

    .col-md-offset-7 {
        margin-left: 58.333333333333336%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666666666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.666666666666664%
    }

    .col-md-offset-1 {
        margin-left: 8.333333333333332%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 1200px) {
    .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9 {
        float:left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666666666666%
    }

    .col-lg-10 {
        width: 83.33333333333334%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666666666666%
    }

    .col-lg-7 {
        width: 58.333333333333336%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666666666667%
    }

    .col-lg-4 {
        width: 33.33333333333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.666666666666664%
    }

    .col-lg-1 {
        width: 8.333333333333332%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666666666666%
    }

    .col-lg-pull-10 {
        right: 83.33333333333334%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666666666666%
    }

    .col-lg-pull-7 {
        right: 58.333333333333336%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666666666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.666666666666664%
    }

    .col-lg-pull-1 {
        right: 8.333333333333332%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666666666666%
    }

    .col-lg-push-10 {
        left: 83.33333333333334%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666666666666%
    }

    .col-lg-push-7 {
        left: 58.333333333333336%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666666666667%
    }

    .col-lg-push-4 {
        left: 33.33333333333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.666666666666664%
    }

    .col-lg-push-1 {
        left: 8.333333333333332%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666666666666%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333333334%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666666666666%
    }

    .col-lg-offset-7 {
        margin-left: 58.333333333333336%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666666666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.666666666666664%
    }

    .col-lg-offset-1 {
        margin-left: 8.333333333333332%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}
.service-bg,.about-bg {background:#fff;}
.breadcrumb-nav .breadcrumb {
    margin: 0;
    background: 0 0;
    color: #707473;
    text-transform: capitalize;
    font-weight: 300;
    font-size: 12px;
    padding: 0 0 0 3px;
}
.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px
}

.breadcrumb>li,.pagination {
    display: inline-block
}

.breadcrumb>li+li:before {
    content: '/\00a0';
    padding: 0 5px;
    color: #ccc
}

.breadcrumb>.active {
    color: #979797
}
.info-service {
    padding:0;
    padding-top: 60px;
    padding-bottom: 80px;
    max-width: 1200px;
}

.info-service .tab-content {
    padding-top: 25px
}

.info-service .service-item {
    margin-bottom: 45px
}

.center-type-tips li:last-child,.info-service .service-item:last-child {
    margin-bottom: 0
}

.info-service .service-item .subtitle {
    font-weight: 500;
    padding-bottom: 6px;
    border-bottom: 1px solid #e5e5e5
}

.info-service .service-item .detail {
    padding-top: 6px;
    padding-left: 15px;
    text-align: justify;
    line-height: 25px
}

.info-service .service-item .desc {
    margin-bottom: 40px;
    text-align: justify;
    line-height: 25px
}

.info-service .warranty-table tr td {
    vertical-align: middle;
    padding: 15px 10px
}

.info-service .warranty-table tr th {
    padding: 20px 10px;
    vertical-align: middle
}

.info-service .warranty-table tr .t-title {
    color: #44a8f2;
    text-align: center;
    vertical-align: middle
}

.info-service .warranty-table tr .t-h {
    color: #44a8f2
}

.info-grid {
    padding-bottom: 10px;
    margin-bottom: 30px
}
.care-tab li {
    padding-top: 25px;
    /* padding-bottom: 25px */
}

.care-tab li a {
    cursor: pointer;
    padding-bottom: 8px;
    border-bottom: 2px solid #fff;
    line-height: 32px;
    color: #707473;
    font-size: 14px;
}

.care-tab li a:focus {
    color: #707473
}
.care-tab li:hover a {
    color: #f05a6c
}
.care-tab li.active a {
    border-color: #f05a6c
}
.section-title {
    margin-bottom: 40px;
    font-size: 20px;
    text-transform: uppercase;
    color: #f05a6c
}

.section-desc {
    margin-bottom: 45px
}
.wenda_2{border: 1px solid #e2e2e2;padding:16px;}
.wenda_2 ul li{width: 100%;border-bottom: 1px dashed #e2e2e2;padding-bottom:8px;margin:16px 0;}
.wenda_2 ul li h2{color:#444;font-size:17px;}
.wenda_2 ul li h2 a{color:#444;}
.wenda_2 ul li h2 span{color:#da3765;font-size: 24px;font-weight: bold;margin-right:16px;}
.wenda_2 ul li p{line-height:24px;color:#666;font-size:15px;}
.wenda_2 ul li .huida {overflow: hidden;margin:16px 0;}
.wenda_2 ul li .huida .a{color:#59a7ff;font-size:24px;font-weight: bold;margin-right:16px;}
.wenda_2 ul li .huida p{width: 80%;}
.wenda_2 ul li .huida .span{color:#f05a6c;}
.wenda_2 ul li .tigong i{margin-right: 0.8rem;}
.wenda_2 ul li .tigong b{margin: 0 0.3rem;color: #59a7ff;}
.wenda_2 ul li .liulan{float:right;color: #999;}
.wenda_2 ul li  .biaoqian span{color: #999;display: inline-block;margin: 0.5rem;}
.wenda-btn{
    margin-top:20px;
}
.wenda-btn a {
    display: block;
    color: #fff;
    font-size:16px;
    width: 160px;
    height: 50px;
    line-height: 50px;
    background: #da3765;
    text-align: center;
}
.singlePage-info-1{padding:3% 0;}
.singlePage-info-1.big-padding{padding:5% 0;}
.singlePage-info-1 .pic img,.singlePage-info-1 .pic video{display:block;width:100%;}
.singlePage-info-1 .pic video{min-height:280px;background-color:#000;}
.singlePage-info-1 .pic .swiper-slide h5{position:absolute;left:0;bottom:0;width:100%;margin:0;color:#fff;background:rgba(0,179,220,0.7);font-size:14px;line-height:50px;padding:0 10% 0 18px;}
.singlePage-info-1 .pic .slick-dots{position:absolute;z-index:10;right:0;text-align:right;padding-right:15px;bottom:15px;}
.singlePage-info-1 .pic .slick-dots li{list-style:none;cursor:pointer;float:left;margin:0 0 0 10px;width:10px;height:10px;background:#fff;border-radius:50%;opacity:0.3;}
.singlePage-info-1 .pic .slick-dots li button{display:none;}
.singlePage-info-1 .pic .slick-dots li.slick-active{opacity:1;}
.singlePage-info-1 .title{font-size:24px;border-bottom:1px solid #eee;padding-bottom:20px;}
.singlePage-info-1 .info{padding:2% 0;line-height:24px;}
.singlePage-info-1 .info.no-padding{padding:0;}
.singlePage-info-1 .info p{margin:0 auto;text-align:justify;text-justify:inter-ideograph;}
.singlePage-info-1 .info .ptxt{margin-bottom:2%;text-align:justify;text-justify:inter-ideograph;}
.singlePage-info-1.singlePage-info-nofloat .info{float:none;width:auto;}
.singlePage-info-1.singlePage-info-nofloat .info-more{margin-left:0!important;}
@media (min-width:1025px){
  .singlePage-info-1 .DownListA{padding:20px 0;}
  .singlePage-info-1 .DownListA .DownListAH3{font-size:18px;margin-bottom:10px;font-weight:normal;color:#333;}
  .singlePage-info-1 .DownListA ul li{margin-bottom:10px;}
  .singlePage-info-1 .DownListA ul li a{background:url(../images/a_download.gif) no-repeat 0 center;padding-left:25px;line-height:24px;display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
}
@media (max-width:1024px){
  .singlePage-info-1 .DownListA .DownListAH3{display:none;}
  .singlePage-info-1 .DownListA{padding:3% 0;}
  .singlePage-info-1 .DownListA ul li{padding:0.5rem 0;}
  .singlePage-info-1 .DownListA ul li a{display:block;line-height:1.5rem;color:#f05a6c;font-size:1.125rem;position:relative;padding-left:1.625rem;}
  .singlePage-info-1 .DownListA ul li a::before{position:absolute;left:0;top:0.25rem;content:'';width:0.875rem;height:1rem;background:url(../images/a_download_wap.png) no-repeat center center;background-size:contain;}
}
.singlePage-info-1 .info .date{margin-bottom:2%;}
.singlePage-info-1 .info-more{padding-top:1%;}
.singlePage-info-1 .info-more a{display:inline-block;margin-right:10px;text-align:center;border-radius:6px;border:1px solid #f05a6c;color:#f05a6c;transition:background 0.3s;}
.singlePage-info-1 .info-more a:hover{background:#f05a6c;color:#fff;}
.list-singlePage .singlePage-info-1:nth-child(2n){background:#f8f9fb;}
.list-singlePage-nobg .singlePage-info-1:nth-child(2n){background:none;}
.list-singlePage-nobg .singlePage-info-1:not(:first-child){padding-top:0;}
.list-singlePage-notxt .singlePage-info-1:not(:first-child) .title{text-indent:-999em;padding-bottom:0;}

/*.list-singlePage-hidetxt .singlePage-info-1:not(:first-child) .title{ display:none;}*/
@media (min-width:1025px){
  .singlePage-info-1 .title{width:58.33%;}
  .singlePage-info-1 .title-w-auto{width:auto;}
  .singlePage-info-1 .info{float:left;width:58.33%;}
  .singlePage-info-1-yjjg .info{width:40%;}
  .singlePage-info-1 .pic{float:right;width:35%;margin-bottom:5%;}
  .singlePage-info-1 .pic .info-more{padding-top:10%!important;}
  .singlePage-info-1 .pic .info-more a{float:none!important;margin-top:0!important;}
  .singlePage-info-1.info-more-clear .pic{margin-bottom:0;}
  .singlePage-info-1.info-more-clear .info-more{clear:both;padding-top:0;}
  .singlePage-info-1.info-more-clear .info-more a{float:left;margin-top:-52px;}
  .singlePage-info-1 .info-more a{width:150px;line-height:50px;font-size:16px;}
  .list-singlePage .singlePage-info-1:nth-child(2n) .pic{float:left;margin-left:0;}
  .list-singlePage .singlePage-info-1:nth-child(2n) .info{float:right;}
  .list-singlePage .singlePage-info-1:nth-child(2n) .info-more,.list-singlePage .singlePage-info-1:nth-child(2n) .title{width:auto;margin-left:41.67%;}
}
@media (max-width:1024px){
  .singlePage-info-1 .pic{margin:2% 0;}
  .singlePage-info-1 .title{        /* font-size:1.5rem; */
  font-size:16px;color:#f05a6c;padding-top:7%;padding-bottom:5%;}
  .singlePage-info-1 .info{line-height:normal;}
  .singlePage-info-1 .pic .swiper-slide h5{font-size:0.625rem;line-height:2.5625rem;padding-right:20%;padding-left:3%;}
  .singlePage-info-1 .pic .slick-dots{bottom:0.9375rem;}
  .singlePage-info-1 .pic .slick-dots li{width:0.625rem;height:0.625rem;}
  .singlePage-info-1 .info-more{padding:5% 0;}
  .singlePage-info-1 .info-more a{width:7.5rem;line-height:2.5rem;}
}
@media (max-width:1024px){
  .scroll-grid{width:150%;margin-left:-25%;}
  .scroll-grid .slick-arrow{display:none!important;}
  .singlePage-info-1{overflow-x:hidden;}}

.auto_1200{margin:0 auto;max-width: 1200px;}
.list-history .year-all{background:#fafafa;margin:2.5% 0;    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;}
.list-history .year-all dd{width:25%;position:relative;border-right:4px solid #fff;}
.list-history .year-all dd:nth-child(1){z-index:4;}
.list-history .year-all dd:nth-child(2){z-index:3;}
.list-history .year-all dd:nth-child(3){z-index:2;}
.list-history .year-all dd:nth-child(4){z-index:1;}
.list-history .year-all dd::before{position:absolute;content:'';background:#fafafa;z-index:3;width:34px;height:34px;border:4px solid #fff;top:50%;margin-top:-17px;right:-17px;-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;}
.list-history .year-all dd:last-child::before{display:none;}
.list-history .year-all dd a{display:block;padding:30px;background:#fafafa;position:relative;z-index:4;color:#555;}
.list-history .year-all dd h3{margin:0;font-size:16px;}
.list-history .year-all dd h2{margin:0;color:#f05a6c;font-size:16px;}
.list-history .year-all dd h2 span{font-size:24px;font-weight:normal;}
.list-history .year-all dd p{line-height:24px;text-align:justify;}
.list-history .year-all dd a,.list-history .year-all dd{transition:0.2s;}
.list-history .year-all dd:hover,.list-history .year-all dd:hover a,.list-history .year-all dd:hover::before{background:#f05a6c;}
.list-history .year-all dd:hover *{color:#fff;}
.list-history .year-all dd:hover::before{border:4px solid #f05a6c;}
@media (max-width:1024px){
  .list-history .year-all{display:block;}
  .list-history .year-all dd{width:auto;border-right:0;border-bottom:4px solid #fff;}
  .list-history .year-all dd::before{right:auto;left:50%;margin-left:-17px;top:100%;}
  .list-history .year-all dd h3{font-size:1rem;}
  .list-history .year-all dd h2{font-size:0.875rem;}
  .list-history .year-all dd h2 span{font-size:1rem;}
  .list-history .year-all dd p{line-height:1.25rem;}
}
.list-history .box{padding:2% 0;}
.list-history .box .name{text-align:center;border-bottom:1px solid #eee;padding-bottom:17px;margin-bottom:30px;}
.list-history .box .name b{display:inline-block;position:relative;font-size:16px;color:#fff;line-height:50px;padding:0 25px;background:#f05a6c;border-radius:5px;}
.list-history .box .name b::after{position:absolute;content:'';border:10px solid transparent;border-top-color:#f05a6c;top:100%;left:50%;margin-left:-5px;}
.list-history .box li{position:relative;}
.list-history .box li time{color:#f05a6c;padding:12px 0 12px 10px;border-radius:5px;font-weight:bold;}
.list-history .box li:hover time{background:#f05a6c;color:#fff;padding-right:10px;}
.list-history .box li:hover time::after{position:absolute;content:'';border:7px solid transparent;border-left-color:#f05a6c;left:100%;top:24px;}
.list-history .box li time span{display:none;}
.list-history .box li:hover time span{display:inline;}
.list-history .box li .txt{border-left:2px solid #eee;padding-left:42px;padding-bottom:20px;}
.list-history .box li:last-child .txt{padding-bottom:0;}
.list-history .box li .txt{position:relative;    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;font-size:16px;}
.list-history .box li .txt i{position:absolute;content:'';left:-2px;top:20px;width:22px;height:2px;background:#eee;}
.list-history .box li .txt i::before{position:absolute;content:'';left:-2px;top:50%;margin-top:-3px;width:6px;height:6px;background:#f05a6c;}
.list-history .box li .txt dt{width:15%;}
.list-history .box li .txt dt img{display:block;width:100%;}
.list-history .box li .txt dd{width:81%;margin-left:4%;border-bottom:1px solid #eee;padding-top:1%;padding-bottom:2%;}
@media (min-width:641px){
  .list-history .box li{padding-left:158px;}
  .list-history .box li time{position:absolute;left:0;top:0;width:130px;text-align:right;}
  .list-history .box li:hover time{min-height:66px;text-align:left;top:-12px;}
}
@media (min-width:1025px){
  .list-history .box li time{font-size:16px;}
  .list-history .box li .txt dd{font-size:16px;line-height:26px;}
}
@media (max-width:1200px){
  .list-history .box li .txt dt{width:30%;}
  .list-history .box li .txt dd{width:66%;}
}
@media (max-width:1024px){
  .list-history .box .name b{font-size:1rem;line-height:2.5rem;}
}
@media (max-width:640px){
  .list-history .box li{border-left:2px solid #eee;padding-left:30px;}
  .list-history .box li time{position:relative;display:block;margin-bottom:10px;}
  .list-history .box li .txt{border-left:0;padding-left:0;}
  .list-history .box li .txt i{left:-32px;top:-32px;}
  .list-history .box li:hover time::after{left:-14px;crop:50%;margin-top:-7px;border-left-color:transparent;border-right-color:#f05a6c;}
}
.nav-menu{background:#fafafa;overflow:hidden;}
@media (min-width:1025px){
  .nav-menu{max-height:70px;}
  .nav-menu-fixed{position:fixed;left:0;top:0;width:100%;z-index:200;}
}
.nav-menu .auto{position:relative;}
.nav-menu .owl-nav button{cursor:pointer;position:absolute;top:50%;margin-top:-10px;width:20px;height:20px;}
.nav-menu .owl-nav button.disabled{display:none;}
.nav-menu .owl-nav button.owl-prev{left:-20px;background:url('../images/jtleft.png') no-repeat center!important;}
.nav-menu .owl-nav button.owl-next{right:-20px;background:url('../images/jtright.png') no-repeat center!important;}
.nav-menu .owl-nav button span{font-size:0;display:none;width:12px;height:12px;border-top:3px solid #aaa;border-right:3px solid #aaa;position:absolute;top:50%;left:50%;margin:-6px 0 0 -6px;-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);}
.nav-menu .owl-nav button.owl-prev span{-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);}
.nav-menu ul{}
.nav-menu li{line-height:69px;margin-right: 44px;display:inline-block;width: auto;}
.nav-menu li a{display:inline-block;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid transparent;font-size: 16px}
.nav-menu li a:hover,.nav-menu li.aon a{color:#f05a6c;border-bottom-color:#f05a6c;font-weight:bold;}
@media (max-width:1200px){
  .nav-menu .auto{padding:0 20px;}
}
@media (max-width:1024px){
  .nav-menu{width:100%;}
  .nav-menu-height{display:block!important;}
  .nav-menu li {
      line-height: 50px;
      /* margin-right: 30px; */
  }
}
.about .section-container {
    padding: 20px 0;
}
.about .section-container p {
    /* text-indent: 2em; */
    font-size: 16px;
    color: #3b4e3b;
    /* line-height: 2em; */
}
.about .section-container img {
    max-width: 100%;
}
.about .section-container video {
    max-width: 100%;
}
.contact .wrap1 .list{
    color: #333333;
    font-size: 0;
}
.contact .wrap1 .list .item{
    display: inline-block;
    text-align: center;
    width: 33.333%;
    font-size: 16px;
    position: relative;
    vertical-align: top;
}
.contact .wrap1 .list{
    margin: 100px 0 100px;
}
.contact .wrap1 ul{
    font-size: 0;
    border-top: 1px solid #e5e5e5;
    padding: 84px 0;
}
.contact .wrap1 ul li{
    display: inline-block;
    color: #333333;
    width: 25%;
    text-align: center;
    border-right: 1px solid #e5e5e5;
    box-sizing: border-box;
}
.contact .wrap1 ul li:last-child{
    border-right: none;
}
.contact .wrap1 ul li .d1{
    font-size: 18px;
    line-height: 1;
}
.contact .wrap1 ul li .d2{
    font-size: 16px;
    line-height: 1;
    padding: 14px 0 8px;
}
.contact .wrap1 .w1440{
    width: 1136px;
}
.contact .wrap1 .item .box{
    text-align: center;
    display: inline-block;
    font-size: 16px;
    line-height: 1.5;
}
.contact .wrap1 .item .box img{
    width: 70px;
}
.contact .wrap1 .item .box p{
    margin: 34px 0 0;
}
.contact .wrap1 a{
    color: #333;
}
.contact .wrap1 .item:first-child{
    text-align: left;
}
.contact .wrap1 .item:last-child{
    text-align: right;
}
.contact .wrap1 .item:nth-child(2):after,
.contact .wrap1 .item:nth-child(2):before{
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    height: 70%;
    bottom: 14px;
    background-color: #e5e5e5;
}
.contact .wrap1 .item:nth-child(2):after{
    right: 0;
}
.contact .wrap1 .item:nth-child(2):before{
    left: 0;
}
.culture .section-container {
    padding: 20px 0;
}
.culture .htit {
    font-size: 30px;
    color: #1a1a1a;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 26px;
}
.culture .htit .htit-d1 {
    font-size: 22px;
    color: #1a1a1a;
    line-height: 1;
    padding-bottom: 18px;
}
.culture .htit:after{
    content: '';
    display: block;
    position: absolute;
    width: 50px;
    height: 2px;
    background-color: #000000;
    bottom: 0;
    left: 0;
    margin: 0 auto;
}
.culture .con {
    font-size: 14px;
    color: #4d4d4d;
}
.culture .imgs {
    width:54.16666666666666%;
    vertical-align: middle;
    display: inline-block;
}
.culture .text {
    margin-left: 5.2%;
    width: 40.2%;
    vertical-align: middle;
    text-align: justify;
    display: inline-block;
    margin-top: 0;
    font-size:14px;
    line-height: 2.25;
}
.new_hang{
    width: 100%;
    overflow: hidden;
}
.list-type div.size2{
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    position: relative;
    display: inline-block;
    width: 24%;
    /*min-height: 327px; */
    border: 1px solid #fff;
    margin-right: 1%;
    border-radius: 8px;
    overflow: hidden;
    padding-bottom: 0;
    background-color: unset;
    float: left;
    margin-bottom: 20px;
}
.list-type div.size2:hover{border: 1px solid #f05a6c;}
.list-type div.size2:hover>a>h2{color: #f05a6c;}
.list-type div.size2:nth-of-type(4n){
    margin-right: 0;
}
.list-type div.size2>a{
    height: auto;
}
.list-type div.size2>a>.new_img{
    width: 100%;
    height: 200px;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
    background-color: #080808;
    border-radius: 8px 8px 0 0;
}
.list-type div.size2>a>h2{
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    padding: 0 20px;
    border-bottom: solid #f05a6c 1px;
    font-weight: normal;
}
.list-type div.size2>a>.ft-con{
    height: 60px;
    text-overflow: ellipsis;
    color: #291616;
    overflow: hidden;
    text-indent: unset;
    line-height: 20px;
    padding: 0 20px 0 20px;
    margin: 10px 0;
    font-size: 14px;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.news-detail-title {
    /* font-size: .3em; */
    line-height: 5;
    color: #000;
    font-weight: normal;
}

.breadcrumbs {
    /* font-size: .18em; */
    padding-bottom:40px;
    height: 30px;
    line-height: 30px;
}
.breadcrumbs a:hover{
    color: #009944;
}

.post-block {
    /* font-size: .18em; */
    line-height: 1.8;
}
.favorite{
    padding-right: 24px;
}
.main-news{
    background-color: #fff;
    padding-left: 1.5%;
    padding-right: 1.5%;
    width: 97%;
    margin-bottom: 120px;
    padding-bottom: 40px;
}
.page_nav{
    font-size:14px;
    padding-top: 48px;
    line-height: 1.8;
    color:#4b4b4b;
}
#share_box{
    /* font-size: .18em; */
    margin-top: 20px;
    /* background: url(../images/share.png) no-repeat; */
    /* background-position: 74px 0px; */
    width: 243px;
    height:44px;
    line-height:44px;
    /* background-size: auto 100%; */
}
#share_box span {
  float:left;
  margin-right:20px;
}
/* #share_box a {
    width: 30px;
    height: 302px;
    display: inline-block;
    margin: 0 7px;
    float: none;
    background: none;
    padding: 0;
}
#share_box span{
    vertical-align:top;
    font-size: 16px;
} */
@media screen and (max-width: 9999px) {
    .ft-con {
        font-size: 14px;
    }
    .ft-h2 {
        font-size: 16px;
    }
    .ft-nav {
        font-size: 16px;
    }
    .ft-h1 {
        font-size: 20px;
    }
    .ft-title {
        font-size: 28px;
    }
    .ft-title.ft_title_small {
        font-size: 24px;
    }
    .ft-ltitle {
        font-size: 54px;
    }
    .ft-fbanner {
        font-size: 25px;
    }
    .ft-large {
        font-size: 54px;
    }
    .ft-banner {
        font-size: 36px;
    }
    .login-list {
        top: 20%;
    }
    .l-form {
        margin-top: 30px;
        width: 300px;
    }
    .l-form .username,
    .l-form .password {
        width: 242px;
    }
    .pageBody h3 {
        margin-bottom: 50px;
    }
    .l-form p {
        margin: 30px 0;
    }
    .btn-login {
        width: 290px;
        height: 39px;
        line-height: 39px;
        background: url(../images/login-btn.png) no-repeat 0 0;
    }
    .pds-da-muenu {
        top: 20%;
    }
}

@media screen and (max-width: 1440px) {
    .ft-con {
        font-size: 13px;
    }
    .ft-h2 {
        font-size: 14px;
    }
    .ft-nav {
        font-size: 15px;
    }
    .ft-h1 {
        font-size: 18px;
    }
    .ft-title {
        font-size: 24px;
    }
    .ft-title.ft_title_small {
        font-size: 20px;
    }
    .ft-ltitle {
        font-size: 36px;
    }
    .ft-fbanner {
        font-size: 26px;
    }
    .ft-banner {
        font-size: 22px;
    }
    .footer .s-logo {
        width: 141px;
    }
    .footer .s-logo img {
        margin-top: 0%;
    }
    .ft-large {
        font-size: 48px;
    }
    .his-step .item {
        margin: 17px 0.12em;
    }
    .w1200 {
        width: 1000px;
    }
    .login-list {
        top: 18%;
    }
    .l-form {
        margin-top: 30px;
        width: 228px;
    }
    .l-form .username,
    .l-form .password {
        width: 180px;
    }
    .pageBody h3 {
        margin-bottom: 0;
    }
    .l-form p {
        margin: 0 0 10px 0;
    }
    .btn-login {
        width: 230px;
        height: 29px;
        line-height: 29px;
        background: url(../images/login-btn-sm.png) no-repeat 0 0;
    }
    .l-succ {
        width: 390px !important;
        left: 6% !important;
    }
    .l-succ img {
        width: 110px;
    }
    .banner-pic .banner-text {
        left: 17% !important;
    }
    .banner-pic .banner-text h2 {
        font-size: 32px;
    }
    .banner-pic .banner-text h3 {
        font-size: 24px;
    }
    .pds-da-muenu {
        top: 26%;
    }
    .pds-list-wrap .pds-cate-tab .tabs a {
        height: 200px;
    }
    .pds-list-wrap .pds-cate-tab .tabs .item-52 a {
        height: 190px;
    }
    .pds-section li {
        width: 237px;
        +width: 235px;
        height: 200px;
    }
    .pds-section li .pic {
        top: -10px;
    }
    .head-main .logo {
        /*width: 110px;*/
        /*margin-top: -1px;*/
    }
}

@media {
    .ft-con {
        font-size: 13px;
    }
    .ft-h2 {
        font-size: 14px;
    }
    .ft-nav {
        font-size: 14px;
    }
    .ft-h1 {
        font-size: 16px;
    }
    .ft-title {
        font-size: 22px;
    }
    .ft-title.ft_title_small {
        font-size: 18px;
    }
    .ft-large {
        font-size: 44px;
    }
    .login-list {
        top: 13%;
    }
    .head .nav-about .sub-nav li a {
        width: 70px;
    }
    .footer .center_box {
        width: 65%;
        margin-left: 10%;
        left: 12%;
    }
    .home-cus .tb {
        /*width: 460px;*/
        width: 719px;
    }
    .home-cus .tb p {
        padding-top: 9px;
        width: 200px;
        height: 45px;
    }
    .home-cus .tb p.t1 {
        margin-right: 57px;
    }
    .w1024 {
        width: 1085px;
    }
    .pds-section li {
        /*  width: 186px;
   height:192px; */
    }
    /* .pds-section li .pic{
    height: 130px;
} */
    .gotop {
        margin-left: 512px;
    }
    .about-p7 .c-title {
        padding: 0.5em 0;
    }
    .about-p7 .list .nav {
        margin-bottom: 1.52em;
    }
    .about-p7 .list li .wa {
        width: 80px;
    }
    .about-p7 .list li .wa .pic {
        height: 95px;
    }
    .about-p5 .content .c-title {
        margin-bottom: 0.1em;
    }
    .his-step,
    .his-step .i-wrap {
        height: 54px;
        margin-bottom: 14px;
        margin-top: 24px;
    }
    .his-step .item {
        margin: 17px 0.2em;
    }
    .his-step .item b {
        width: 34px;
        height: 34px;
        left: 50%;
        top: 50%;
        margin-left: -17px;
        margin-top: -17px;
    }
    .his-step .item,
    .his-step .item s {
        width: 20px;
        height: 70px;
        top: -22px;
    }
    .his-step .item .tx {
        top: 45px;
        left: -7px;
    }
    .about-p6 .content .tx-wrap {
        padding-top: 1.4em;
    }
    .about-p5 .content .text,
    .about-p6 .content .text {
        height: 16.2em;
    }
    .about-p5 .tx-wrap {
        padding-top: 18px;
        /* width: 11.41em; */
    }
    .about-p5 .content {
        top: .8em;
    }
    .pds-da-muenu {
        margin-right: -650px;
    }
}

@media screen and (max-width: 1024px) {
    .ft-con {
        font-size: 12px;
    }
    .ft-h2 {
        font-size: 14px;
    }
    .ft-nav {
        font-size: 13px;
    }
    .ft-h1 {
        font-size: 15px;
    }
    .ft-title {
        font-size: 20px;
    }
    .ft-title.ft_title_small {
        font-size: 16px;
    }
    .ft-large {
        font-size: 36px;
    }
    .about-menu {
        left: 5px;
    }
    /*.footer .center_box{
    width: 94%;
    margin-left: 3%;
}*/
    .footer .s-logo {
        width: 100px;
    }
    /*.footer .s-logo img{
    margin-top: -10px;
}*/
    .head-main .top-nav .login .drownlist .inner {
        width: 104px;
    }
    .pds-head {
        padding-left: 12px;
        padding-right: 12px;
    }
    .banner-pic .item #pro_img {
        margin-left: -480px;
    }
    .banner-pic .item #pro_no,
    .banner-pic .item #pro_title {
        margin-right: -480px;
    }
    .product-details-wrap .banner-pic {
        height: 360px;
    }
    .main {
        max-width: 966px;
        *width: 966px;
    }
    .his-step .item {
        margin: 17px 0.15em;
    }
}
.news-detail {
    padding-bottom: 50px;
    padding-top:30px;
}
.news-detail .container_12 {
    line-height: 2em;
    font-size: 14px;
}

.cooperation .wrap1 .tit{
    font-size: 30px;
    color: #1a1a1a;
    position: relative;
    text-align: center;
    padding:60px 0 22px;
    margin-bottom: 45px;
}
.cooperation .wrap1 .tit:after{
    content: '';
    display: block;
    position: absolute;
    width: 50px;
    height: 2px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #000;
}
.cooperation .wrap1 .con{
    font-size: 14px;
    color: #4d4d4d;
    /* text-indent: 2em; */
    line-height: 2;
    text-align: justify;
}
.cooperation .wrap1 .con p + p{
    margin-top: 36px;
}
.cooperation .wrap1 .w1440{
    padding: 0 30px 168px;
    box-sizing: border-box;
}
.cooperation .wrap1 .abox{
    padding: 0 15px;
    font-size: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin-top:20px;
}
.cooperation .wrap1 .abox a{
    display: inline-block;
    width: calc(33.3333% - 7px);
    transition: all .6s ease;
}
.cooperation .wrap1 .abox a img {width: 100%;}
.cooperation .wrap1 .abox a + a{
    margin-left: 10px;
}
.cooperation .wrap1 .abox a .text{
    padding: 30px 60px 20px;
    text-align: center;
}
.cooperation .wrap1 .abox .atit{
    font-size: 23px;
    color: #1a1a1a;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.cooperation .wrap1 .abox .atit:after{
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #666666;
    width: 58px;
    height: 1px;
}
.cooperation .wrap1 .abox .acon{
    font-size: 14px;
    color: #4d4d4d;
    line-height: 2;
}
.cooperation .wrap1 .abox .amore{
    font-size: 14px;
    color: #666666;
    margin-top: 20px;
    display: inline-block;
    padding-right: 1em;
    background: url(../images/arrow_right.png) no-repeat right center/7px auto;
    transition: all .3s ease-out;
    visibility: hidden;
    opacity: 0;
    transform: translateY(10px);
}
.cooperation .wrap1 .abox a:hover{
    box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
}
.cooperation .wrap1 .abox a:hover .amore{
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
}
.cooperation .wrap1 .abox .amore {
    color: #006699;
}
.nav-menu.fix {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    border-bottom: 1px solid #dddddd;
}
.honor {

}
.honor .honor-box {
    margin-top: 20px;
    width: 100%;
}
.honor .honor-box ul {
    width: 100%;
}
.honor .honor-box ul li {
    float: left;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}
.honor .honor-box ul li a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
}
.honor .honor-box ul li a p {
    color: #000;
    font-size: 18px;
    text-align: center;
    margin-top: 10px;
}
.honor .honor-box ul li a .honor-box-img {
    text-align: center;
}
.honor .honor-box ul li a .honor-box-img img {
    display: block;
    margin: 0 auto;
}
@media (min-width: 1101px) {
.honor .honor-box {
    margin-top: 50px;
}
.honor .honor-box ul {
    width: 100%;
    overflow: hidden;
}
.honor .honor-box ul li {
    max-width: 390px;
    margin: 0 5px 50px;
}
.honor .honor-box ul li a p {
    font-size:16px;
}
.honor .honor-box ul li a .honor-box-img {
    display: table-cell;
    width: 388px;
    height: 388px;
    max-height: 390px;
    vertical-align: middle;
    border: 2px solid #d5d5d5;
}
.honor .honor-box ul li a .honor-box-img img {
    max-width: 380px;
    max-height: 261px;
}
}
.join .jitem{margin: 0 auto;}
.join .htit{
    font-size:30px;
    line-height:30px;
    position: relative;
    text-align: center;
    padding-bottom: 15px;
}
.join .hcon{
    font-size: 14px;
    line-height: 2;
    text-align: center;
    position: relative;
}
.join .hcon:after{
    content: '';
    display: block;
    position: absolute;
    width: 50px;
    height: 2px;
    background-color: #000;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}
.join .wrap1 .htit{
    margin: 92px 0 34px;
    padding-bottom: 18px;
}
.join .wrap1 .htit:after{
    content: '';
    display: block;
    position: absolute;
    width: 50px;
    height: 2px;
    background-color: #000000;
    bottom: 0;
    left: 0;
    right: 0;
    margin:0 auto;
}
.join .wrap1 .hcon{
    /* text-indent: 2em; */
    text-align: justify;
}
.join .wrap1 .hcon:after{
    display: none;
}
.join .wrap2 {
    margin: 144px 0 0;
}
.join .wrap2 .hcon{
    margin-top: 10px;
    position: relative;
    padding-bottom: 28px;
    word-wrap: break-word;
}
.join .wrap2 ul{
    font-size: 0;
    width: calc(100% + 23px);
    margin: 90px 0 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.join .wrap2 ul li{
    width: calc(25% - 23px);
    display: inline-block;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    margin-right: 23px;
    vertical-align: top;
    box-sizing: border-box;
    padding: 40px 25px 40px;
    transition: all .3s ease-out;
}
.join .wrap2 ul li img{
    display: block;
    height: 42px;
    margin: 0 auto;
}
.join .wrap2 ul li .d1{
    font-size: 16px;
    color: #000000;
    position: relative;
    text-align: center;
    margin-top: 20px;
    padding-bottom: 0.75em;
}
.join .wrap2 ul li .d1:after{
    content: '';
    display: block;
    position: absolute;
    width: 50px;
    height: 2px;
    background-color: #707070;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.join .wrap2 ul li  .fot{
    font-size: 12px;
    color: #666666;
    line-height: 2.25;
    margin-top: 26px;
}
.join .wrap3 {
    margin: 160px 0 0;
}
.join .wrap3 .hcon{
    margin-top: 20px;
    padding-bottom: 34px;
    margin-bottom: 48px;
}
.join .wrap3 .swiper-slide img{
    width: 100%;
}
.join .wrap3 .swiper-pagination{
    font-size: 0;
    bottom: 20px;
}
.join .wrap3 .swiper-pagination .swiper-pagination-bullet{
    width: 14px;
    height: 14px;
    border-radius: 100%;
    border: 1px solid #ffffff;
    margin: 0 7px;
}
.join .wrap3 .swiper-pagination .swiper-pagination-bullet-active{
    background-color: #fff;
}
.join .wrap4{
    margin: 134px 0 0;
}
.join .wrap4 .hcon{
    margin-top: 16px;
    padding-bottom: 26px;
}
.join .wrap4 ul{
    width: 83.3334%;
    margin: 0 auto;
    font-size: 0;
}
.join .wrap4 ul li{
    width: 33.333333%;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    padding: 0 20px;
    box-sizing: border-box;
    margin-top: 100px;
}
.join .wrap4 ul li img{
    width: 100px;
    display: block;
    margin: 0 auto;
}
.join .wrap4 ul li .d1{
    font-size: 14px;
    line-height: 2;
    margin-top: 36px;
}
.join .wrap5{
    margin: 200px 0 0;
}
.join .wrap5 .htit{
    padding-bottom: 18px;
    margin-bottom: 52px;
}
.join .wrap5 .htit:after{
    content: '';
    display: block;
    position: absolute;
    width: 50px;
    height: 2px;
    background-color: #000000;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.join .wrap5 .swiper-slide{
    width: calc(33.333334% - 16px);
    margin-right: 24px;
}
.join .wrap5 .swiper-slide .imgs{
    overflow: hidden;
}
.join .wrap5 .swiper-slide .imgs img{
    transition: all .6s ease-out;
}
.join .wrap5 .swiper-slide:last-child{
    margin-right: 0;
}
.join .wrap5 .d1{
    font-size: 20px;
    color: #000000;
    margin: 34px 0 8px;
}
.join .wrap5 .d2{
    font-size: 14px;
    line-height: 2;
}
.join .wrap5 .control{
    font-size: 0;
    line-height: 25px;
    text-align: center;
}
.join .wrap5 .swiper-pagination{
    display: inline-block;
    width: auto;
    color: #000000;
    position: relative;
    bottom: auto;
    font-size: 20px;
    vertical-align: top;
}
.join .wrap5 .control {
    margin-top: 64px;
}
.join .wrap5 .control .prev,
.join .wrap5 .control .next{
    width: 10px;
    height: 25px;
    display: inline-block;
    background: no-repeat center/10px auto;
    margin: 0 12px;
}
.join .wrap5 .control .prev{
    background-image: url(../images/pic17.png);
}
.join .wrap5 .control .next{
    background-image: url(../images/pic18.png);
}
.join .wrap6 {
    margin: 200px 0;
}
.join .wrap6 .w1440{
    width: 1350px;
}
.join .wrap6 .swiper-slide{
    width: auto;
    padding-right:81px;
    position: relative;
}
.join .wrap6 .swiper-slide:last-child{
    padding-right: 0;
}
.join .wrap6 .imgs{
    position: relative;
    margin: 0 auto;
}
.join .wrap6 .imgs:after{
    content: '';
    width: 15px;
    height: 18px;
    background: url('../images/process.svg') no-repeat center/15px auto;
    position: absolute;
    right: -57px;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
.join .wrap6 .imgs{
    width: 130px;
    height: 130px;
    line-height: 130px;
    text-align: center;
    border-radius: 100%;
    border: 1px solid #010101;
}
.join .wrap6 .imgs img{
    width: 70px;
    vertical-align: middle;
}
.join .wrap6 .hcon{
    padding-bottom: 36px;
    margin-top: 20px;
}
.join .wrap6 .text{
    text-align: center;
    font-size: 16px;
    margin-top: 24px;
    line-height: 1.5;
}
.join .wrap6 .swiper-slide:last-child .imgs:after{
    display: none;
}
.join .wrap6 .swiper-container{
    margin-top: 90px;
    max-width: 100%;
}
.join .wrap7{
    background-color: #f6f6f6;
    padding:  98px 0 116px;
}
.join .wrap7 .subtit{
    font-size: 16px;
    color: #000000;
    text-align: center;
    margin-top: 20px;
}
.join .wrap7 .inpbox{
    width: 610px;
    margin: 54px auto 0;
    font-size: 0;
}
.join .wrap7 label{
    display: inline-block;
    width: 96px;
    font-size: 14px;
    color: #4d4d4d;
    vertical-align: middle;
}
.join .wrap7 input{
    width: 510px;
    height: 44px;
    font-size: 14px;
    border-radius: 3px;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 0 17px;
    border: 1px solid #dcdcdc;
}
.join .wrap7 .inp.code input{
    width: 310px;
}
.join .wrap7 .inp.code .send{
    display: inline-block;
    vertical-align: middle;
    width: 175px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    background-color: #007bc6;
    border-radius: 3px;
    margin: 0 0 0 24px;
    cursor: pointer;
}
.join .wrap7 .inp + .inp{
    margin-top: 24px;
}
.join .wrap7 .inp .select{
    width: 158px;
    height: 44px;
    font-size: 14px;
    color: #000000;
    text-align: left;
    box-sizing: border-box;
    border-radius: 3px;
    vertical-align: middle;
}
.join .wrap7 .inp .select .select-tit{
    padding: 0 29px 0 17px;
    height: 44px;
    line-height: 46px;
    background:#fff url('../images/triangle.svg') no-repeat 141px center/10px auto;
}
.join .wrap7 .inp .select + .select{
    margin-left: 18px;
}
.join .wrap7 .inp.submit {
    margin-top: 38px;
}
.join .wrap7 .submit input{
    background-color:#f05a6c;
    font-size: 18px;
    color: #fff;
    border: none;
}
.join .wrap7 .inp:last-child{
    margin-top: 31px;
}
.join .wrap7 .inp:last-child span{
    display: inline-block;
    width: 510px;
    text-align: center;
    font-size: 14px;
    color: #ff1d25;
}
.join .wrap2 ul li:hover{
    transform: translateY(-10px);
}
.join .wrap5 .swiper-slide:hover .imgs img{
    transform: scale(1.1);
}
.join .wrap6 .imgs:after{
    content: '';
    width: 15px;
    height: 18px;
    background: url(../images/process.svg) no-repeat center/15px auto;
    position: absolute;
    right: -57px;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
.cooperation .wrap5{
    margin: 20px 0 0;
}
.cooperation .wrap5 .htit{
    padding-bottom: 18px;
    margin-bottom: 52px;
}
.cooperation .wrap5 .htit:after{
    content: '';
    display: block;
    position: absolute;
    width: 50px;
    height: 2px;
    background-color: #000000;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.cooperation .wrap5 .swiper-slide{
    width: calc(33.333334% - 16px);
    margin-right: 24px;
}
.cooperation .wrap5 .swiper-slide .imgs{
    overflow: hidden;
}
.cooperation .wrap5 .swiper-slide .imgs img{
    transition: all .6s ease-out;
}
.cooperation .wrap5 .swiper-slide:last-child{
    margin-right: 0;
}
.cooperation .wrap5 .d1{
    font-size: 20px;
    color: #000000;
    margin: 34px 0 8px;
}
.cooperation .wrap5 .d2{
    font-size: 14px;
    line-height: 2;
}
.cooperation .wrap5 .control{
    font-size: 0;
    line-height: 25px;
    text-align: center;
}
.cooperation .wrap5 .swiper-pagination{
    display: inline-block;
    width: auto;
    color: #000000;
    position: relative;
    bottom: auto;
    font-size: 20px;
    vertical-align: top;
}
.cooperation .wrap5 .control {
    margin-top: 64px;
}
.cooperation .wrap5 .control .prev,
.cooperation .wrap5 .control .next{
    width: 10px;
    height: 25px;
    display: inline-block;
    background: no-repeat center/10px auto;
    margin: 0 12px;
}
.cooperation .wrap5 .control .prev{
    background-image: url('../images/pic17.png');
}
.cooperation .wrap5 .control .next{
    background-image: url('../images/pic18.png');
}
.soft_download .list-type div.size2>a>.new_img {background-color:transparent;}
.product-info {
    position: relative;
    overflow: hidden;
}
.product-info .product-info-img {
    position: relative;
}
.product-info .product-info-img .info-img-bimg {
    position: relative;
    text-align: center;
    /* width: 100%; */
    height: 100%;
    max-height: 562px;
    overflow: hidden;
}
.product-info .product-info-img .info-img-bimg ul li {
    position: relative;
    /* display: none; */
    /* margin: 0 auto; */
    overflow: hidden;
}
.product-info .product-info-img .info-img-bimg ul li a {
    position: relative;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

.product-info .product-info-img .info-img-bimg ul li a img {
    max-width: 100%;
    height: auto;
    /* 先拉到满屏，后期可以设置自动 */
    /* height: 100%; */
    vertical-align: middle;
}
.product-info .product-info-img .info-img-simgs {
    margin-top: 20px;
    padding: 2px 0;
}
.product-info .product-info-img .info-img-simgs ul {
    width: 100%;
    font-size: 0;
}
.product-info .product-info-img .info-img-simgs ul li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 130px;
    height: 130px;
    margin-right: 4px;
    margin-bottom: 8px;
    cursor: pointer;
    border-top: 2px solid transparent;
    padding-top: 2px;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.product-info .product-info-img .info-img-simgs ul li img {
    width: 130px;
    height: 130px;
    vertical-align: middle;
}
.product-info .product-info-img .info-img-simgs ul li.current,
.product-info .product-info-img .info-img-simgs ul li:hover {
    border-top-color: #72151d;
}
.product-info .product-info-des h2 {
    color: #000;
    font-size: 24px;
}
.product-info .product-info-des h3 {
    color: #000;
    font-size: 14px;
    font-weight: bold;
    margin-top: 15px;
    padding-bottom: 5px;
    padding-left: 5px;
}
.product-info .product-info-des .info-des-parabox .para-text {
    width: 100%;
}
.product-info .product-info-des .info-des-parabox .para-text table {
    width: 100%;
}
.product-info .product-info-des .info-des-parabox .para-text tr {
    width: 100%;
    height: 30px;
    font-size: 14px;
}
.product-info .product-info-des .info-des-parabox .para-text tr td {
    color: #424242;
}
.product-info .product-info-des .info-des-parabox .para-text tr td:first-child {
    width:30%;
    font-weight: bold;
    color: #000;
}
.product-info .product-info-des span.xline {
    display: block;
    width: 100%;
    height: 1px;
    background: #c8c8c8;
    margin-top: 12px;
}
.product-info .info-special {
    overflow: hidden;
}
.product-info .info-special .pic-box {
    text-align: center;
}
.product-info .info-special .pic-box p {
    color: #424242;
    font-size: 14px;
}
.product-info .product-info-des .qrimg {
    width: 100%;
    text-align: left;
}
.product-info .product-info-des .qrimg a {
    display: block;
    width: 100%;
    height: 100%;
}
@media (min-width: 1101px) {
    .product-abstract {
        height: 48px;
        line-height: 48px;
        padding-left: 2%;
        padding-right: 2%;
    }
    .product-abstract a {
        float: right;
    }
    #product-detail {
        margin-top: 50px;
    }
    .product-info {
        margin-top: 25px;
    }
    .product-info .product-info-img {
        float: left;
        width: 50%;
    }
    .product-info .product-info-img .info-img-bimg ul li a {
        display: table-cell;
        vertical-align: middle;
        border: 1px solid #c2c2c2;
    }
    .product-info .product-info-des {
        position: relative;
        float: left;
        width: 44%;
        margin-left: 3%;
        height: 456px;
    }
    .product-info .product-info-des h2 {
        margin-top: 35px;
        padding-left: 5px;
    }
    .product-show a {
        width: 257px;
        height: 51px;
        line-height: 51px;
        overflow: hidden;
    }
    .product-info .info-special {
        margin-top: 20px;
        padding-left: 5px;
    }
    .product-info .info-special .pic-box {
        float: left;
        width: 15%;
        margin-right: 5%;
    }
    .product-info .info-special .pic-box img {
        height: 44px;
    }
    .product-info .info-special .pic-box p {
        margin-top: 10px;
        color: #424242;
        font-size: 14px;
        line-height: 30px;
    }
    .product-info .info-special .pic-box.last {
        margin-right: 0;
        width: 20%;
    }
    .product-info .product-info-des .qrimg {
        margin-top: 60px;
        text-align: left;
    }
    .product-info .product-info-img .info-img-bimg ul li,.product-info .product-info-img .info-img-bimg ul li a {
        width: 560px;
        height: 560px;
    }
    .product-info .product-info-des {height: 560px;}
    .join .wrap2 ul li .fot{max-height: 243px;overflow-y:auto;}
    .join .wrap2 ul li .fot::-webkit-scrollbar-track{
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
      border-radius: 10px;
      background-color: #F5F5F5;
    }

    .join .wrap2 ul li .fot::-webkit-scrollbar{
      width:5px;
      background-color: #F5F5F5;
    }

    .join .wrap2 ul li .fot::-webkit-scrollbar-thumb{
      border-radius: 10px;
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
      background-color:#f05a6c;
    }

}
.post-meta{
    font-size:14px;
    text-align: right;
}
@media (min-width: 1100px) {
.post-meta{
    height: 30px;
    line-height: 30px;
}
.product-info .product-info-img .info-img-simgs {
position: absolute;
right: -50%;
margin-right: -342px;
bottom: 0;
z-index: 12;
width: 100%;
height: 142px;
overflow: hidden;
}
.product-info .product-info-des .info-des-parabox {
    padding-bottom: 5px;
    padding-left: 5px;
    position: absolute;
    bottom: 142px;
    width: 100%;
}
.product-app {
margin-top: 100px;
padding-bottom: 50px;
}
}
.product-app {
    width: 100%;
    overflow: hidden;
}
.product-app h3 {
    color: #333;
    font-size: 30px;
    line-height: 30px;
}
.product-txt {}
.product-txt p {
    color: #333;
    font-size: 16px;
    line-height: 2em;
}
.bdmap {text-align: center;width:100%;}
.bdmap img {max-width:1200px;padding-bottom:20px;}
@media screen and (min-width:1100px){
.par1{}
.par1 ul{}
.par1 ul li{width:100%;overflow:hidden;margin-bottom:25px;background:url(../images/baa1.png) repeat-x bottom;padding-bottom:25px;}
.par2{width:35%;float:left;}
.par2 img{width:100%;}
.par3{width:63%;float:right;}
.par3 p{font-size:18px;color:#494747;line-height:30px;}
.par3 h2{font-size:28px;color:#494747;margin-bottom:15px;line-height: 1.2;}
.par3 h3{font-size:16px;color:#f05a6c;margin-top:30px;}
.par3 a:hover{text-decoration:none !important;border:0px;outline:0;}
.par4{width:100%;overflow:hidden;margin-top:30px;}
.par5{float:right;font-size:22px;color:#494747;line-height:53px;margin-right:10px;}
.par6{float:right;font-size:22px;color:#FFFFFF;line-height:35px;padding:0 5px;background:#f05a6c;}
.par7{float:right;font-size:22px;color:#FFFFFF;line-height:35px;padding:0 5px;background:#494747;}
.par8{float:right;font-size:22px;color:#FFFFFF;line-height:35px;padding:0 5px;background:#00479C;}
.par9{width:100%;margin:0;}
.par10{text-align:center;}
.par10 img{max-width:100%;}
}
.product-app .photo-roll {
    position: relative;
    margin-top: 30px;
    width: 100%;
    max-height: 469px;
    overflow: hidden;
}
.product-app .photo-roll img {
    max-width: 100%;
}

.flex-direction-nav a,
.product-app .photo-roll a.roll-btn-prev,
.product-app .photo-roll a.roll-btn-next {
    position: absolute;
    display: block;
    top: 50%;
    margin-top: -22px;
    width: 27px;
    height: 44px;
    z-index: 123;
    background-image: url(../images/pic59.png);
    background-repeat: no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
    text-indent: -99999em;
}
.flex-direction-nav a.flex-prev,
.product-app .photo-roll a.roll-btn-prev {
    left: 0;
    background-position: left top;
}
.flex-direction-nav a.flex-next,
.product-app .photo-roll a.roll-btn-next {
    right: 0;
    background-position: left bottom;
}
.flex-direction-nav a.flex-disabled {
    cursor: not-allowed;
    /* pointer-events: none; */
}
.product-app .photo-roll ul.slides {
    width: 100%;
}
.product-app .photo-roll ul.slides li {
    position: relative;
    float: left;
    /* margin-right: 50px; */
    /* width: 563px; */
    width: 50%;
}
@media screen and (max-width:1000px){
    section.banner {height:200px;}
    section.banner .text {height:200px;}
    section.banner .text h1.title {font-size:30px;}
    .products-series {min-height:100%;}
    .culture .imgs {width: 100%;}
    .culture .text {width: 100%;margin-left: 0;}
    /* 荣誉 */
    .honor .honor-box {
      margin-top: 1.42857143rem;
    }
    .honor .honor-box ul li {
      float: left;
      margin-left: 3.3%;
      margin-bottom: 5%;
      width: 45%;
    }
    .honor .honor-box ul li a {
      display: block;
      width: 100%;
    }
    .honor .honor-box ul li a .honor-box-img {
      padding: 3.57142857rem 0;
      border: 1px solid #d5d5d5;
    }
    .honor .honor-box ul li a .honor-box-img .imgwrap {
      position: relative;
      width: 100%;
      padding-top: 68.49%;
      overflow: hidden;
    }
    .honor .honor-box ul li a .honor-box-img .imgwrap img {
      position: absolute;
      display: inline-block;
      left: 0;
      top: 0;
      /* width: 100%; */
      height: 100%;
      right: 0;
      margin: 0 auto;
    }
    .honor .honor-box ul li a p {
      width: 100%;
      color: #000;
      font-size: 14px;
      background: #fff;
      text-align: center;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
.contact .wrap1 .w1440{
    width: 7rem;
    text-align: center;
}
.contact .wrap1 .list{
    padding: 0;
    margin: 0.7rem 0 0.65rem;
    font-weight: 300;
    display: inline-block;
}
.contact .wrap1 .list .item{
    display: block;
    width: 100%;
    text-align: left;
}
.contact .wrap1 .list .item + .item{
    margin-top:10px;
}
.contact .wrap1 .item .box p{
    display: inline-block;
    font-size:14px;
    margin-left:10px;
    margin-top: 0;
    vertical-align: super;
    text-align: left;
    flex: 1;
}
.contact .wrap1 .item .box a{
    color: #333;
}
.contact .wrap1 .item .box img{
width:35px;
height:25px;
}
.contact .wrap1 .item .box{
    padding: 0;
    text-align: left;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.contact .wrap1 .item:nth-child(2):after, .contact .wrap1 .item:nth-child(2):before{
    display: none;
}
.contact .wrap1{
    padding: 0;
}
.contact .wrap1 ul{
    padding: 0.38rem 0 1.1rem;
}
.contact .wrap1 ul li{
    width: 50%;
    border-right: none;
    margin-top: 0.2rem;
    font-weight: 300;
}
.contact .wrap1 ul li .d1{
    font-size:14px;
}
.contact .wrap1 ul li .d2{
    font-size:14px;
    padding: 0.28rem 0 0.3rem;
}
.contact .wrap1 ul li .d2 a{
    color: #333;
}
.bdmap img {max-width:100%;}
}
html.jiameng-page {font-size: 55.2px;}
.vertical-divider {
    position: relative;
    width: 24px;
    overflow: hidden;
}

.vertical-divider:before {
    content: " ";
    position: absolute;
    left: 50%;
    top: 0;
    height: 100%;
    border-left: 1px solid #f0f1f2;
    transform: translateX(-50%);
    width: 2px;
}

.horizontal-divider {
    position: relative;
    height: 48px;
    overflow: hidden;
}

.horizontal-divider:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    border-top: 1px solid #f0f1f2;
    transform: translateY(-50%);
    height: 2px;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi) {
    .vertical-divider:before {
        width: 0;
    }

    .horizontal-divider:before {
        height: 0;
    }
}

.dui-dropdown-menu.columns,.dui-dropdown-menu.full-screen {
    position: absolute;
    top:60px;
    z-index: 1100;
    background-color: #fff;
    border-top: 1px solid #f0f1f2;
    transition: none;
    height: auto;
    display:none;
    overflow: hidden;
    width: 100%;
    min-width: 1200px;
    left: 0;
    margin-top: 0;
    -ms-box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);
    -o-box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);
}
.dui-dropdown-menu.full-screen .nav-columns .grid-container {
    padding:24px 0;
}

.dui-dropdown-menu.full-screen .nav-columns .grid {
    margin: 0;
}

.dui-dropdown-menu.full-screen .nav-columns .column-item {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    width: 384px;
    display: flex;
}

/* .dui-dropdown-menu.columns .nav-columns a,.dui-dropdown-menu.full-screen .nav-columns .column-item .cursor-default,.dui-dropdown-menu.full-screen .nav-columns .column-item a {
    cursor: text;
} */

.dui-dropdown-menu.full-screen .nav-columns .column-item a[href^=http]:hover {
    text-decoration: underline;
    cursor: pointer;
}

.dui-dropdown-menu.full-screen .nav-columns .column-item .product-img {
    width: 160px;
    height: 160px;
    display: inline-block;
    -moz-justify-content: center;
    justify-content: center;
    -moz-align-items: center;
    align-items: center;
    margin-right: 16px;
}

.dui-dropdown-menu.full-screen .nav-columns .column-item .product-img a {
    display: block;
}

.dui-dropdown-menu.full-screen .nav-columns .column-item .product-img img {
    width: 100%;
    height: auto;
}

.dui-dropdown-menu.full-screen .nav-columns .column-item .product-link {
    display: inline-block;
    max-width: 208px;
}

.dui-dropdown-menu.full-screen .nav-columns .column-item .title {
    color: #3b3e40;
    line-height: 24px;
    font-size: 16px;
    margin-bottom: 8px;
    font-weight: 600;
    display: block;
}

.dui-dropdown-menu.full-screen .nav-columns .column-item .content {
    color: #6c7073;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 16px;
    padding-right: 16px;
}

.dui-dropdown-menu.full-screen .nav-columns .column-item ul li.nav-item a {
    color: #3b3e40;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 8px;
    display: inline-block;
    word-break: break-word;
}
.dui-dropdown-menu.full-screen .nav-columns .column-item ul li.nav-item a:hover{color: #f15b6c;}
.dui-dropdown-menu.full-screen .nav-columns .column-item ul li:last-child a {
    margin-bottom: 0;
}
.dui-dropdown-menu.full-screen .nav-columns.lite .column-item {
    width: 282px;
}

.dui-dropdown-menu.full-screen .nav-columns.lite .column-item .product-img {
    width: 56px;
}

.dui-dropdown-menu.full-screen .nav-columns.lite .column-item .product-link {
    max-width: 218px;
}

.dui-dropdown-menu.columns .vertical-divider {
    width: 48px;
}

.dui-dropdown-menu.columns .nav-columns .grid-container {
    padding-top: 24px;
    padding-bottom: 48px;
}

.dui-dropdown-menu.columns .nav-columns .grid {
    margin: 0;
}

.dui-dropdown-menu.columns .nav-columns .column-item {
    position: relative;
    padding-left: 0;
    width: 264px;
}

.dui-dropdown-menu.columns .nav-columns a[href^=http]:hover {
    text-decoration: underline;
    cursor: pointer;
}

.dui-dropdown-menu.columns .nav-columns .title {
    color: #3b3e40;
    font-size: 16px;
    line-height: 24px;
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
}

.dui-dropdown-menu.columns .nav-columns .desc {
    color: #6c7073;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 16px;
}

.dui-dropdown-menu.columns .nav-columns .nav-item-link {
    display: inline-block;
    color: #3b3e40;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 8px;
}

.dui-dropdown-menu.single,ul.navbar-right li.nav-store .count {
    position: absolute;
    transform: translate(-50%,0);
    width: auto;
}

.dui-dropdown-menu.single {
    z-index: 1100;
    background: 0 0;
    border: none;
    margin-top: 0;
    opacity: 0;
    overflow: hidden;
    display: none;
    top: 100%;
    left: 50%;
    color: #303233;
    height: auto;
    padding: 0;
}

.dui-dropdown-menu.single ul {
    background: #fff;
    margin-top: 16px;
    -ms-box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);
    -o-box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);
}

.dui-dropdown-menu.single li.nav-item {
    display: block;
    width: 100%;
    font-size: 12px;
    transition: all .3s;
}

.dui-dropdown-menu.single li.nav-item>a {
    padding: 16px 32px;
    white-space: nowrap;
    display: inline-block;
    color: #303233;
    line-height: 1;
    height: auto;
    background: 0 0;
    text-align: center;
    width: 100%;
}

.dui-dropdown-menu.single li.nav-item:hover,.search-item li.active,.search-item li:hover {
    background: #ebeff2;
}

.navbar-right .dui-dropdown-menu.single {
    display: block;
    max-height: 0;
    transition: max-height .7s;
}

.navbar-category .dui-dropdown-menu.single .dropdown-container>ul {
    margin-top: 0;
    border-top: 1px solid #f0f1f2;
}
.soft_download .par2{text-align: center;}
.soft_download .par2 img {width: 50%;max-width: 204px;}
.soft_download .par6{color: #000;border: 1px solid #f05a6c;background: transparent;font-size: 18px;}
.header .nav-btn {
width: 24px;
height: 17px;
position: relative;
cursor: pointer;
margin-top: 18px;
margin-right: 18px;
}
.header .nav-btn .line {
display: block;
width: 100%;
height: 1px;
background-color: #000000;
position: absolute;
left: 0;
transition: all .3s ease-out;
}
.header .nav-btn .line1 {
top: 0;
transform-origin: left top 0;
}
.header .nav-btn.hover .line1{
transform: rotate(45deg);
}
.header .nav-btn.hover .line3{
transform: rotate(-45deg);
}
.header .nav-btn .line2 {
top: 50%;
transform: translate(0, -50%);
}
.header .nav-btn .line3 {
bottom: 0;
transform-origin: left bottom 0;
}
.header .nav-btn.active {
animation: rotate 0.3s linear 0s;
}
.header .nav-btn.hover .line {
left:2px;
}
.header .sub-menu {
width: 100%;
padding: 15px 35px;
display: none;
position: fixed;
height: calc(100% - 60px);
left: 0;
top: 60px;
background-color: #fff;
box-sizing: border-box;
text-align: left;
z-index:999;
}
.header .sub-menu.on{display:block;}
.header .nav-btn.hover .line2 {display:none;}
.header .sub-menu ul{
padding-top:11px;
max-height: calc(100% - 5px);
overflow: auto;
}
.header .sub-menu ul, .header .sub-menu li {
width: 100%;
font-size: 15px;
}
.header .sub-menu li {
/* border-bottom: 1px solid #dcdcdc; */
position: relative;
}
.header .sub-menu li:after{
content: '';
display: block;
position: absolute;
width: 100%;
height: 1px;
background-color: #eee;
bottom: 0;
left: 0;
transform: scaleY(0.5);
}
.header .sub-menu .tit {
display: block;
line-height:60px;
color: #000;
position: relative;
font-size:15px;
padding: 0 19px;
box-sizing: border-box;
}
.header .sub-menu a.sub-tit:after{
background: url(../images/4.svg) no-repeat center/14px 14px;
}
.header .sub-menu .sub-tit:after {
content: '';
display: block;
width:14px;
height:14px;
background: url(../images/ico_03.png) no-repeat center;
background-size: 100% auto;
position: absolute;
right: 16px;
top: 50%;
margin-top: -7px;
}
.header .sub-menu .sub-tit.on {
}
.header .sub-menu .sub-tit.on:after {
background: url(../images/ico_03_h.png) no-repeat center;
background-size: 100% auto;
}
.header .sub-menu .sec-list {
line-height:29px;
padding: 0 19px 24px;
display: none;
}
.header .sub-menu .sec-list p {

}
.header .sub-menu .sec-list a {
font-size:14px;
color: #333333;
display: block;
line-height:46px;
height:46px;
}
.sub-sear{
      position: relative;
      height:38px;
      line-height:38px;
      border-bottom: 1px solid #000000;
  }
.sub-sear input[type='text']{
    width: 100%;
    height: 38px;
    border: none;
    padding-left:50px;
    box-sizing: border-box;
    font-size:14px;
    vertical-align: top;
    background: transparent;
}
.sub-sear input[type='submit']{
    width: 4px;
    height:37px;
    position: absolute;
    background: transparent url(../images/35.png) no-repeat left center/12px auto;
    border: none;
    top: 0;
    left:19px;
}
.product-video {width:558px;padding:20px 0;}
.product-video video {max-width:558px;max-height:314px;}
@media (max-width: 1000px){
    .w90,
    .w91,
    .w92,
    .w93,
    .w94,
    .w95,
    .w96,
    .w97,
    .w98,
    .w99,
    .w100 {
      margin: 0 auto;
    }
    .w90 {
      width: 90%;
    }
    .w91 {
      width: 91%;
    }
    .w92 {
      width: 92%;
    }
    .w93 {
      width: 93%;
    }
    .w94 {
      width: 94%;
    }
    .w95 {
      width: 95%;
    }
    .w96 {
      width: 96%;
    }
    .w97 {
      width: 97%;
    }
    .w98 {
      width: 98%;
    }
    .w99 {
      width: 99%;
    }
    .w100 {
      width: 100%;
    }
    .join .htit{
            font-size: 0.36rem;
        }
        .join .wrap1 .htit:after{
            width: 1.16rem;
            height: 1px;
        }
        .join .wrap1 .htit{
            margin: 0.8rem 0 0.4rem;
            padding-bottom: 0.22rem;
        }
        .join .hcon{
            font-size: 0.26rem;
            line-height: 1.9;
        }
        .join .w1440{
            width: 6.7rem;
        }
        .join .wrap2{
            margin-top: 1.46rem;
        }
        .join .wrap2 .hcon{
            max-width: 100%;
            margin-top: 0.1rem;
            padding-bottom: 0.28rem;
            font-weight: 300;
        }
        .join .hcon:after{
            width: 1.16rem;
            height: 1px;
        }
        .join .wrap2 ul{
            width: 100%;
            margin-top: 0.64rem;
        }
        .join .wrap2 ul li{
            width: 100%;
            margin-right: 0;
            margin-bottom: 0.3rem;
            padding: 0.4rem;
        }
        .join .wrap2 ul li img{
            display: inline-block;
            vertical-align: middle;
            height: 0.65rem;
        }
        .join .wrap2 ul li .d1{
            display: inline-block;
            vertical-align: middle;
            margin: 0;
            padding-bottom: 0;
            font-size: 0.3rem;
            margin-left: 0.25rem
        }
        .join .wrap2 ul li .d1:after{
            display: none;
        }
        .join .wrap2 ul li .fot{
            font-size: 0.24rem;
            line-height: 1.75;
            margin-top: 0.32rem;
            font-weight: 300;
        }
        .join .wrap3 .w1440{
            width: 100%;
        }
        .join .wrap3{
            margin-top: 1.1rem;
        }
        .join .wrap3 .hcon{
            width: 6.7rem;
            padding-bottom: 0.3rem;
            margin: 0.1rem auto 0.6rem;
            font-weight: 300;
        }
        .join .wrap3 .swiper-pagination{
            position: relative;
            bottom: 0;
            margin: 0.6rem 0 0;
        }
        .join .wrap3 .swiper-pagination .swiper-pagination-bullet{
            width: 0.14rem;
            height: 0.14rem;
            margin: 0 0.1rem;
            background-color: #dddddd;
            opacity: 1;
        }
        .join .wrap3 .swiper-pagination .swiper-pagination-bullet-active{
            background-color: #aaaaaa;
        }
        .join .wrap4{
            margin-top: 1.04rem;
        }
        .join .wrap4 .hcon{
            margin-top: 0.06rem;
            padding-bottom: 0.32rem;
            font-weight: 300;
        }
        .join .wrap4 ul{
            margin-top: 0.1rem;
            width: 100%;
        }
        .join .wrap4 ul li{
            width: 50%;
            margin-top: 0.78rem;
            padding: 0 0.3rem;
        }
        .join .wrap4 ul li .d1{
            font-size: 0.23rem;
            line-height: 1.6;
            margin-top: 0.36rem;
            font-weight: 300;
        }
        .join .wrap5{
            margin: 1.14rem 0 0;
        }
        .join .wrap5 .htit{
            padding-bottom: 0.2rem;
            margin-bottom: 0.64rem;
        }
        .join .wrap5 .swiper-slide{
            width: 4.86rem;
            margin-right: 0;
        }
        .swiper-container-3d .swiper-slide-shadow-left{
            display: none;
        }
        .swiper-container-3d .swiper-slide-shadow-right{
            display: none;
        }
        .join .wrap5 .swiper-slide{
            box-shadow: 0 0.02rem 0.1rem rgba(0,0,0,0.1);
        }
        .join .wrap5 .text{
            padding: 0.54rem 0.33rem 0.3rem;
        }
        .join .wrap5 .d1{
            font-size: 0.28rem;
            margin: 0 0 0.14rem;
        }
        .join .wrap5 .d2{
            font-size: 0.244rem;
            line-height: 1.8;
            font-weight: 300;
        }
        .join .wrap5 .control{
            margin-top: 0.8rem;
            height: 0.28rem;
            line-height: 0.28rem;
        }
        .join .wrap5 .swiper-pagination{
            font-size: 0.26rem;
        }
        .join .wrap5 .control .prev, .join .wrap5 .control .next{
            width: 0.16rem;
            height: 0.28rem;
            background-size: 0.16rem auto;
        }
        .join .wrap6{
            margin: 1.1rem 0 1.24rem;
        }
        .join .wrap6 .w1440{
            width: 6.9rem;
        }
        .join .wrap6 .swiper-container{
            margin-top: .7rem;
            width: 100%;
        }
        .join .wrap6 .hcon{
            margin-top: 0.1rem;
            padding: 0 0.3rem 0.32rem;
            font-weight: 300;
        }
        .join .wrap6 .imgs{
            width: 1rem;
            height: 1rem;
            line-height: 1rem;
            border: none;
            background-image: url('../images/radio.svg')
        }
        .join .wrap6 .imgs img{
            width: 0.6rem;
        }
        .join .wrap6 .text{
            font-size: 0.24rem;
            margin-top: 0.3rem;
            font-weight: 300;
        }
        .join .wrap6 .swiper-slide{
            padding-right: 0.56rem;
        }
        .join .wrap6 .imgs:after{
            right: -0.8rem;
            width: 0.22rem;
            height: 0.26rem;
            background-size: .22rem auto;
        }
        .join .wrap6 .swiper-pagination-progress{
            position: relative;
            width: 2.4rem;
            margin: 0.62rem auto 0;
            height: 2px;
            background: #d8d8d8;
        }
        .swiper-pagination-progress .swiper-pagination-progressbar{
            background-color: #a5a5a5;
        }
        .join .wrap7{
            padding: 0.7rem 0 0.8rem;
        }
        .join .wrap7 .w1440{
            width: 6.9rem;
        }
        .join .wrap7 .inpbox{
            width: 100%;
            margin-top: 0.44rem;
        }
        .join .wrap7 label{
            width: 1.62rem;
            font-size: 0.28rem;
            color: #000000;
        }
        .join .wrap7 input{
            width: 5.1rem;
            height: 0.8rem;
            line-height: 0.8rem;
            border-radius: 0.1rem;
            font-size: 0.24rem;
            padding: 0 0.22rem;
        }
        .join .wrap7 .inp.code .send{
            width: 1.9rem;
            height: 0.8rem;
            line-height: 0.8rem;
            margin-left: 0.28rem !important;
        }
        .join .wrap7 .inp.code input{
            width: 2.9rem !important;
        }
        .join .wrap7 .inp .select{
            width: 1.52rem !important;
            height: 0.8rem;
            line-height: 0.8rem;
            font-size: 0.24rem;
            vertical-align: middle;
        }
        .join .wrap7 .inp .select .select-tit{
            height: 0.8rem;
            line-height: 0.8rem;
            padding: 0 .3rem 0 .18rem;
            font-size: 0.24rem;
            background-size: 0.13rem auto;
            background-position: 1.2rem center;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        .join .wrap7 .inp .select  .select-con li{
            padding: 0 0.18rem;
        }
        .join .wrap7 .inp .select + .select{
            margin-left: 0.26rem !important;
        }
        .join .wrap7 .submit input{
            font-size: 0.26rem;
        }
        .join .wrap7 .inp:last-child span{
            font-size: 0.24rem;
            text-align: left;
            line-height: 1.5;
            width: 5.1rem;
        }
        .join .wrap7 .inp + .inp{
            margin-top: 0.22rem;
        }
        .join .wrap7 .inp.submit{
            margin-top: 0.28rem;
        }
        .join .wrap7 .inp:last-child{
            margin-top: 0.28rem;
        }
        .join .wrap6 .w1440{
                width: 950px;
            }
            .join .wrap6 .swiper-slide{
                padding-right: 38px;
            }
            .join .wrap6 .imgs:after{
                right: -26px;
            }
            .join .wrap2 ul{
                flex-flow: wrap;
            }
            .join .wrap2 ul li{
                margin-bottom: 23px;
            }
            .join .wrap2 .hcon{
                max-width: 80%;
                margin: 0 auto;
                text-align: justify;
            }
            .join .wrap7 {
                width: 6.9rem;
            }
    .info-service {padding-top: 0;}
    .cooperation .wrap1 .tit {font-size: 25px;}
    .cooperation .wrap1 .abox{padding: 0;flex-wrap: wrap;}
    .cooperation .wrap1 .abox a {width: 100%;margin-left:0!important;margin-top:20px;box-shadow: 0 0.05rem 0.1rem rgba(0,0,0,0.1);}
    .cooperation .wrap5 .swiper-slide {width:auto;margin-right: 0;}
    .care-tab-box {overflow: hidden;height: 60px;}
    .care-tab-box.open {overflow: hidden;height:auto;}
    .care-tab li {padding-top: 10px;}
    #select-bar {font-size:14px;line-height:60px;}
    #select-bar h4 {position: relative;}
    #select-bar i {margin-right: 20px;position:absolute;top:20px;right: 20px;}
    .info-service .tab-content {padding: 0;}
    .info-service .row {margin: 0;}
    .wenda_2 {}
    .news-detail-title {line-height: 25px;}
    .new_hang {margin-top:20px;}
    .list-type div.size2 {margin-left: 3.3%;margin-bottom: 5%;width: 45%;margin-right:0;}
    .soft_download .list-type div.size2>a>.new_img{background-size: contain;}
    .products-list {
        background-color: #fff;
    }

    .products-list ul li {
        border-bottom: 1px solid #f1eded;
        padding: 10px 20px;
        display: flex;
        box-sizing: content-box;
        align-items: center;
    }

    .products-list.normal ul li>div {
        width: 50%;
    }

    .products-list ul li div.product-img {
        text-align: center;
        width: 140px;
        height: 140px;
    }
    .products-list ul li div.product-img a {
        width: 140px;
        height: 140px;
        display: table-cell;
        vertical-align: middle;
    }
    .products-list ul li div.product-img a img {max-width: 100%;}

    .products-list ul li div.product-content {
        flex: 1;
        padding-left: 20px;
    }

    .products-list ul li div.product-content h4 {
        color: #303233;
    }

    .products-list ul li div.product-content p.content {
        overflow: hidden;
        margin: 8px 0 16px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
    }

    .products-list ul li div.product-content .product-links a {
        float: left;
        overflow: hidden;
        max-width: 50%;
    }

    .products-list.normal ul li {
        flex-direction: row;
    }

    .products-list.normal ul li div.product-content h4 {
        font-size: 14px;
    }

    .products-list.normal ul li div.product-content p.content {
        font-size: 12px;
        height: 36px;
        line-height: 18px;
    }

    .products-list.normal ul li div.product-content div.product-links {
        width: 200%;
    }

    .products-list.normal ul li div.product-content div.product-links a {
        font-size: 12px;
        height: 28px;
        line-height: 28px;
    }

    .products-list.normal ul li div.product-content div.product-links a.buynow {
        max-width: 45%;
    }

    .products-list.normal ul li div.product-content div.product-links a.dui-learn-more {
        max-width: 55%;
    }

    .products-list.normal ul li div.product-content div.product-links a.dui-learn-more .fa-angle-right {
        margin-left: 4px;
    }

    .products-list.normal ul li div.product-content div.product-links a.dui-btn-sm {
        padding: 0 8px;
        margin-right: 15px;
    }
    .products-cats {
        position: relative;
        padding-top: 50px;
    }

    .products-cats .normal ul li div.product-img,.products-cats div.product-list ul li div.product-img a img,.products-cats nav.dui-headnav.navopen {
        height: 100%;
    }

    .products-cats nav.dui-headnav {
        position: absolute;
        top: 0;
        width: 100%;
        z-index:123;
    }

    .products-cats nav.dui-headnav div.headnav-tool-panel {
        padding: 0 20px;
        background-color: rgba(48,50,51,.98);
        height: 50px;
        line-height: 50px;
        color: #fff;
        display: flex;
        justify-content: space-between;
    }

    .products-cats div.large ul li div.product-img figure {
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center;
        margin: 0 auto;
        width: 144px;
        height: 100%;
    }

    .products-cats nav.dui-headnav div.headnav-tool-panel a.view-toggler {
        width: 16px;
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center;
    }

    .products-cats nav.dui-headnav div.headnav-tool-panel a.view-toggler i {
        display: none;
        width: 16px;
        height: 16px;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .products-cats nav.dui-headnav div.headnav-tool-panel a.view-toggler i.small {
        background-image: url(//www3.djicdn.com/assets/images/v3/collections/mobile/list-view-summary-d2d8d29c498b0766f6083f9560f38f1b.svg);
    }

    .products-cats nav.dui-headnav div.headnav-tool-panel a.view-toggler i.big {
        background-image: url(//www4.djicdn.com/assets/images/v3/collections/mobile/list-view-details-a8d408f26ab2176c6a8b348f93b1a330.svg);
    }

    .products-cats nav.dui-headnav div.headnav-tool-panel a.detail i.big,.products-cats nav.dui-headnav div.headnav-tool-panel a.summary i.small {
        display: inline-block;
    }

    .products-cats nav.dui-headnav div.headnav-tool-panel a.menu-toggler {
        color: #fff;
    }

    .products-cats nav.dui-headnav div.headnav-tool-panel a.menu-toggler i {
        margin-left: 5px;
    }

    .products-cats nav.dui-headnav div.mask {
        background: rgba(0,0,0,.5);
    }

    .products-cats nav.dui-headnav div.headnav-menu-panel {
        position: absolute;
        top: 50px;
        width: 100%;
        display: none;
    }

    .products-cats nav.dui-headnav div.headnav-menu-panel ul.headnav-menu {
        overflow-y: scroll;
        background-color: #303233;
        padding: 0 20px;
    }

    .products-cats nav.dui-headnav div.headnav-menu-panel ul.headnav-menu li {
        font-size: 14px;
        line-height: 62.8px;
        border-bottom: 1px solid #3d3e40;
    }

    .products-cats nav.dui-headnav div.headnav-menu-panel ul.headnav-menu li a {
        color: rgba(255,255,255,.8);
    }

    .products-cats nav.dui-headnav div.headnav-menu-panel.active {
        display: block;
    }
    .breadcrumb-nav {padding: 20px 0;}
    .product-info .product-info-img .info-img-simgs {position: relative;}
    .product-info .product-info-img .info-img-simgs ul li {width:50px;height: 50px;}
    .product-info .product-info-img .info-img-simgs ul li img {width:50px;height: 50px;}
    .product-app {margin-top:20px;padding-bottom: 50px;}
    .product-app h3 {font-size:25px;line-height:25px;}
    .product-app .photo-roll img {height: 143px;}
    /* .nav-menu .auto_1200{overflow-y:hidden;overflow-x:scroll;} */
    .par1{padding-top: 20px;}
    .par1 ul{}
    .par1 ul li{width:100%;overflow:hidden;margin-bottom:15px;background:url(../images/baa1.png) repeat-x bottom;padding-bottom:15px;padding-left: 15px;padding-right: 15px;word-wrap: break-word;}
    .par2{width:35%;float:left;}
    .par2 img{width:100%;}
    .par3{width:63%;float:right;}
    .par3 p{font-size:14px;color:#494747;line-height:20px;}
    .par3 h2{font-size:18px;color:#494747;margin-bottom:10px;}
    .par3 a:hover{text-decoration:none !important;border:0px;outline:0;}
    .par3 h3{font-size:16px;color:#f05a6c;margin-top:15px;}
    .par4{width:100%;overflow:hidden;margin-top:0;}
    .par5{float:right;font-size:12px;color:#494747;line-height:20px;margin-right:10px;}
    .par6{float:right;font-size:12px;color:#FFFFFF;line-height:20px;padding:0 5px;background:#f05a6c;}
    .par7{float:right;font-size:12px;color:#FFFFFF;line-height:20px;padding:0 5px;background:#494747;}
    .par8{float:right;font-size:22px;color:#FFFFFF;line-height:35px;padding:0 5px;background:#00479C;}
    .par9{width:100%;margin:0;}
    .par10{text-align:center;}
    .par10 img{max-width:100%;}
    .soft_download .par6 {font-size: 15px;}
    .header .nav-btn{display:block;}
.post-meta{padding:18px 0;}
.product-video {width:100%;height:314px;padding:20px 0;}
.product-video video {width:100%;max-height:314px;}
}
::selection{background:#f05a6c;color:#fff;}
.page-back{margin-top: 20px;}
.page-back a {display: block;
    width: 80px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: #f4f4f4 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAUCAYAAACXtf2DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplZGI3YTZlNi1kZWY3LThkNGYtYjAwZi1hODI5YTdmOTU2YmUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzRDNzAwMDZEN0ZEMTFFQUFFOEFCNDA2QTYxM0Y1RDEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzRDNzAwMDVEN0ZEMTFFQUFFOEFCNDA2QTYxM0Y1RDEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MWQ5N2FhOGUtY2UwOC1jODRhLWE4MGUtYTQwZjJiMjJhYzA2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmVkYjdhNmU2LWRlZjctOGQ0Zi1iMDBmLWE4MjlhN2Y5NTZiZSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiANpvkAAAG1SURBVHjarNQ5SANBFAbgzYXEA7XwFhsvRIRoEBG1CCqoWKgglpImCGJnYZPWxkYQxANshCh2ihYeCDaigrVRq4ApTApREA/U+D/4A8uS7G42efCRZHYmb2b2zTgDgYBiED3ggkv4VjIMu8HzFlhnkoRiIfQSNMImtMIb/OYyQQOsceaK1T+XcKZoq4cN8KnaPuAvFwnqOHOfpn0YXuEOHuHHSoJaWIWBFP0mYQge6BxOIWKUwOH1euWzmi90RKdvHvu1wSD0QhGE4VPvJcvMV7gNZsMN3bAIO+DRS7AAExaLxM2t24WxdAkO4UnJLpp5IMdTJTgBP0SzTFIOS9ClTSD1fQaz8JxmcIL9jK4LOUNBqNBWkcQ9K6IfCjUDb1ia0ifOZHK6bbwI1dEEMbiWCWkPmryPGZ7kMlX7FtvsTF4CVdDJ6vOwhJMxBwcyIfUKkhHm++iDArYdwS236IunOsqVhfhM2mt4NopZOFfpLrsQZxHjb5fBzXvBlfv5XWIKSvUG7cE8vHNGNhOVdAzTPHzt0OE0GLANlVyJw+S1HWFF5sOo3cSAZdjP5AZFvHCL4/8CDAAGYlxd9diHvQAAAABJRU5ErkJggg==) no-repeat 9px center;
    color: #666666;
    font-size: 14px;
    padding-left: 20px;
    border: 1px solid #d9d9d9;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;}
    .searchBar{border: 1px solid #ddd;border-top: 0;
        padding: 30px;width: 320px;background-color: #f3f3f3;
        position: absolute;right: 0;top: 100%;display: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box; 
    }
    .searchBar .inp,.searchBar .inp-sel{display: block;width: 100%;padding: 0 10px;height: 40px;
        border: 1px solid #c4c4c4;border-radius: 3px;color: #333;margin-bottom: 15px;
        transition: .3s;
        -ms-transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -o-transition: .3s;
    }
    .searchBar .inp{line-height: 40px \9;}
    .searchBar .inp:focus{
    border-color: #f05a6c;
    -webkit-box-shadow: inset 0 1px 1px rgba(240,90,108,.075),0 0 8px rgba(240,90,108,.6);
    box-shadow: inset 0 1px 1px rgba(240,90,108,.075),0 0 8px rgba(240,90,108,.6);
    }
    .searchBar .inp-sel{}
    .searchBar .g-btn1{width: 100%;
      background-color: #f3f3f3;
          border: 1px solid #333;
          color: #333;
    display: block;
    line-height: 40px;
    text-align: center;
    font-size: 14px;    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;}
    .searchBar .g-btn1:hover{background-color: #f05a6c;
    border: 1px solid #f05a6c;
    color: #fff;
    display: block;
    line-height: 40px;
    text-align: center;
    font-size: 14px;}
    #f_keyword::-webkit-input-placeholder { /* WebKit browsers */ 
    color:#201e1e; 
    } 
    #f_keyword:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
    color: #201e1e; 
    } 
    #f_keyword::-moz-placeholder { /* Mozilla Firefox 19+ */ 
    color: #201e1e; 
    }
    #f_keyword:-ms-input-placeholder { /* Internet Explorer 10+ */ 
    color:#201e1e; 
    }
    #f_keyword {
        background-color: #fff;
    }
/* 视频 */
.weui-video {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1000;
    background-color: #000;
    background: rgba(0,0,0,.5);
    display: none;
    overflow: hidden;
    -webkit-transition: all 0.3s cubic-bezier(0, 1.135, 0.73, 1.405);
    -moz-transition: all 0.3s cubic-bezier(0, 1.135, 0.73, 1.405);
    -o-transition: all 0.3s cubic-bezier(0, 1.135, 0.73, 1.405);
    transition: all 0.3s cubic-bezier(0, 1.135, 0.73, 1.405);
}
.weui-video .video-play {
    position: fixed;
    width: 100%;
    height: 100%;
    display: table;
    z-index: 123;
}
.weui-video .video-play .videoshow {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    /* height: 100%; */
    z-index: 125;
    text-align: center;
}
.weui-video .video-play .videoshow video {
    width: 100%;
    max-width: 1200px;
}
.weui-video .video-play .btn-close {
    position: absolute;
    top: 10%;
    right: 2%;
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    z-index: 129;
    cursor: pointer;
}
.weui-video.on {
    display: block;
}
.video-box ul {
    width: 100%;
    overflow: hidden;
}
.video-box ul li {
    position: relative;
    float: left;
}
.video-box ul li a {
    display: block;
    width: 100%;
    height: 100%;
}
.video-box ul li a img {
    width: 100%;
    height: auto;
    text-align: center;
    display: block;
}
.video-box ul li a i {
    position: absolute;
}
.video-box ul li:hover i {
    display: block;
    top: 50%;
}
  .video-box {
    margin-top: 1.42857143rem;
  }
  .video-box ul li{
    float: left;text-align:center;
  }
  .video-box ul li a {
    display: block;
    width: 100%;
  }
  .video-box ul li a .imgwrap {
    position: relative;
    width: 100%;
    padding-top: 92.30%;
    overflow: hidden;
  }
  .video-box ul li a .imgwrap img {
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
    /* width: 100%; */
    height: 100%;
    right: 0;
    margin: 0 auto;
  }
  .video-box ul li p {
    width: 100%;
    height:30px;
    line-height:30px;
    color: #000;
    font-size: 14px;
    background: #fff;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .video-box ul li a i {
    position: absolute;
    left: 50%;
    top: 50%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFMAAABTCAYAAADjsjsAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4BpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyYzgxZTI3My02MzFkLTIwNDYtYTEzYS1hYzYxNzkzN2NmNzQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RENFMDM3MTk0OUU4MTFFOEE4MERDM0I0QjAyODgyNjUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RENFMDM3MTg0OUU4MTFFOEE4MERDM0I0QjAyODgyNjUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowNDQyYTFiNS01OGU0LTQxNGMtOTY1Yi0xN2M2NTRlMjUzMjIiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo5OGVhYTBjNS00ODJkLTExZTgtYjgzMi04YTMx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) no-repeat center;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
      display: none;
      width: 83px;
      height: 83px;
  }
  .video-box ul li video {max-width: 100%;}
@media (min-width: 1101px) {
  .video-box ul li {
      width:370px;
      height:260px;
      margin:0 15px;
  }

}
@media (max-width: 1100px) {
  .video-box ul li {
    width:100%;float:none;
  }
  .video-box ul li+li{margin-top:20px;}
}