body,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,input,li,ol,ul{margin:0;padding:0}
html{font-size:62.5%}
img{border:none;object-fit:cover;-o-object-fit:cover;display:block}
body{margin:0 auto;background-color:#000000;color:#FFFFFF;font-size:62.5%;font-size:16px;font-family: \5B8B\4F53,Arial,sans-serif}
body,html{margin:0;padding:0;height:100%}
dl,form,li,ol,ul{list-style:none}
p{margin:0;padding:0}
a{color:#454545;text-decoration:none}
a:hover{text-decoration:none;color:#454545}
div{margin:0 auto;}
.lf{float:left}
.rt{float:right}
img{object-fit:cover;-o-object-fit:cover;vertical-align:bottom}
a,a:active,a:hover,a:link,a:visited{text-decoration:none}
.sen{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
@font-face {
  font-family: 'iconfont';  /* project id 1180104 */
  src: url('//at.alicdn.com/t/font_1180104_fku82ebndh5.eot');
  src: url('//at.alicdn.com/t/font_1180104_fku82ebndh5.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1180104_fku82ebndh5.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1180104_fku82ebndh5.woff') format('woff'),
  url('//at.alicdn.com/t/font_1180104_fku82ebndh5.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1180104_fku82ebndh5.svg#iconfont') format('svg');
}
  .iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body,html{scrollbar-face-color:#009E4E;scrollbar-highlight-color:#009E4E;scrollbar-shadow-color:#009E4E;scrollbar-3dlight-color:#009E4E;scrollbar-arrow-color:#222;scrollbar-track-color:#222;scrollbar-darkshadow-color:#009E4E}
::-webkit-scrollbar{width:8px;height:8px;background-color:#fcfcfc}
::-webkit-scrollbar-track{border-radius:10px;background-color:#fcfcfc}
::-webkit-scrollbar-thumb{border-radius:10px;background-color:#bfc3c6;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
  font-size:62.5%;font-size:16px;
  font-family:  \5B8B\4F53;
}


@media screen and (max-width:760px){body,html{font-size:10px}
}
@media screen and (max-width:480px){body,html{font-size:9px}
}
@media screen and (max-width:420px){body,html{font-size:8px}
}
@media screen and (max-width:360px){body,html{font-size:7px}
}

@font-face {
  font-family: 'FZQKBYSJW';
  src: url('../fonts/FZQKBYSJW.eot');
  src:
    url('../fonts/FZQKBYSJW.eot?#font-spider') format('embedded-opentype'),
    url('../fonts/FZQKBYSJW.woff') format('woff'),
    url('../fonts/FZQKBYSJW.TTF') format('truetype'),
    url('../fonts/FZQKBYSJW.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ****************************************** */

/*Header*/
#Header>.navbar-top{
  background: url(../images/headerBg.jpg) no-repeat center;
  background-size:100% 100%;
}

.navbar-top h1{display:flex;justify-content:flex-start;align-items:center}
.navbar-top h1 a{float:left;display:inline-block;width:296px;height:116px;background:url(../images/logo.png) no-repeat left center;text-indent:-9999em}
h3.tel{float:right;background:url(../images/tel.png) no-repeat left center;color:#6F6F6F;width: 288px;height:116px;}
h3.tel span{display:block;color:#484E59;font-weight:700;font-size:28px;line-height:1.2}


#nav{margin-bottom:0;background:#7B0009;border:none;border-radius:0}
#nav.head_nav_top{position:fixed;top:0;z-index:9;left:0;width:100%}
.navbar-collapse-nav{border:none}.ysPic2
#nav #header-nav{background:#BE0012;z-index:99;width:100%}
#header-nav>li{width:calc(100% / 7);float:left;line-height:50px;position:relative}
#header-nav>li:last-child{margin-right:0}
#nav ul li:last-child{margin-right:0}
#header-nav>li>a{font-family:"Microsoft Yahei";text-align:center;font-size:1.6rem;color:#FFF5EC;display:block;border-right:1px solid #943237;}
#header-nav>li:hover>a{background:#BE0012;}
#header-nav>li.active a{background:#BE0012;}
@media (max-width:1092px){.head ul li{width:80px}
}
@media (max-width:768px){#header-nav>li{width:100%;border:0;       border-top: 1px solid #861522;
  border-bottom: 1px solid #540a12;}
  #header-nav>li>a{text-align:center;font-size: 1.4rem;}
}
@media (min-width:768px) and (max-width:992px){#nav ul li{width:90px;border:0}
  #nav #header-nav{width:100%;margin:0}
  #nav>.container{padding:0;margin:0;width:100%}
  #header-nav>li>a{padding:0;text-align:center}
  #nav{background:#000}
  #header-nav>li>a{font-size:14px}
  .navbar-top h1{border:0;background-size:contain}
  .navbar-top h3{width:38%}
}
#nav{position:relative}
#nav img{position:absolute;top:-90px;left:50%;margin:0 0 0 -72px}
.head ul li a span{display:block;font-size:12px}
#nav{padding:0}
.navbar-toggle{margin-top:20px}
.sub_nav{background:rgba(15,38,117,.7);position:absolute;top:50px;display:none;width:100%;z-index:999;}
#header.sub_nav li{line-height:36px;margin:0;width:100%;margin:0;border:0}
#header .sub_nav li:hover{background:#081752}
#header .sub_nav li.active{background:#081752}
#header .sub_nav li a{display:block;width:100%;color:#fff;opacity:.7;font-size:16px;text-align:center;padding:0;overflow:hidden;text-overflow:ellipsis;line-height:40px}
#header ul>li:hover .sub_nav{display:block}
@media (max-width:767px){#header-nav>li:after{width:0}
  #header .sub_nav{position:inherit;top:0;padding:0}
  #header ul>li:hover .sub_nav{display:none}
  #header .sub_nav li:hover{background:#070707}
  #header .sub_nav li a{padding-left:40px;text-align:left}
  #header .sub_nav li a:before{position:absolute;content:"▷";left:16px;color:#fff}
}
#header-button{height:60px;line-height:60px;background:#fff;overflow:hidden;position:fixed;left:0;top:0;width:100%;z-index:9;box-shadow:1.5px 2.6px 3px 0}
#header-button h3 span{display:block;position:absolute;top:50%;left:0;width:100%;background:#C1C1C1;margin-top:-1px;height:2px;border-radius:2px;transition:ease .5s;-webkit-transition:ease .5s;-moz-transition:ease .5s;-o-transition:ease .5s}
#header-button h3{width:32px;height:32px;float:right;cursor:pointer;position:relative;margin-right:2%}
#header-button h3:after,#header-button h3:before{position:absolute;left:0;width:100%;height:2px;content:"";background:#C1C1C1;transition:ease .5s;-webkit-transition:ease .5s;-moz-transition:ease .5s;-o-transition:ease .5s;border-radius:1px}
#header-button h3:after{bottom:5px}
#header-button h3:before{top:5px}
#header-button h3.wap-boutton:before{top:4px;left:4px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform-origin:0 100%;-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;-moz-transform-origin:0 100%;-o-transform-origin:0 100%}
#header-button h3.wap-boutton:after{bottom:3px;left:5px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform-origin:0 100%;-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;-moz-transform-origin:0 100%;-o-transform-origin:0 100%}
#header-button h3.wap-boutton span{opacity:0}
.swiper-banner .swiper-pagination-bullet{
   width: 40px;
  border-radius: 2.667rem;
    background: rgba(255,255,255,0.4);
    opacity: 1;
}
.swiper-banner .swiper-pagination-bullet-active {
  opacity: 1;
  background: #F4F1EC !important;
  width: 40px;
  border-radius: 2.667rem;
  -webkit-transition: width .3s ease-in-out;
  transition: width .3s ease-in-out;
}

/* main */
.brand{padding:3.3125rem 0 6.25rem;background:url(../images/brandBg.png) no-repeat right bottom;background-size:24;position:relative}
.brand .bg{background:url(../images/beandk.png) no-repeat 0 3.3125rem;position:absolute;bottom:6.25rem;top:0;width:77%;left:4.8%;background-size:100% 94%;z-index:1}
@media (min-width:1200px) and (max-width:1600px){.brand .bg{width:94%}
}
@media (min-width:1600px) and (max-width:1700px){.brand .bg{width:85%}
}
.brandTop{margin:20px 0;display:flex;align-content:center;justify-content:space-between}
.common-title img{display:inline-block;vertical-align:middle;width:110px;margin-top:-27px}
.brandTitle img{width:24%}
.common-title b{font-size:4.8rem;color:#be0013;font-family:simsun;padding:9px;border:1px solid #650004;margin:0 7px}
.brandTitle{margin-top:9vh}
.companyName{font-size:3.6rem;text-align:center;font-family:Simsun;color:#c10012;line-height:1;margin:36px 0 0}
.comTxt{font-size:1.6rem;line-height:2;text-align:justify;color:#fff;font-weight:400;font-stretch:normal;padding:20px 0 30px}
.seeMore{color:#92000d;font-size:1.6rem}
.seeMore:hover{color:#92000d}
.brand .container{position:relative;z-index:2}
.brandYs{padding:4.8rem 0;background:url(../images/ysbg.jpg) no-repeat center;background-size:cover}
.workTab span{width:15%;display:inline-block;font-size:0;margin:.8% .5%;padding:2px;border:1px solid #a0000f}
.workTab span a{font-size:2rem;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:#fff;line-height:44px;background:#90000e;font-family:MicrosoftYaHei}
.workTab span.on a{background:#90000e;color:#fff}
.changeBox{margin:2.6rem auto 3.8rem}
.changeBox li a{display:block;border:solid 2px #372a2a;border-top:0;border-bottom:0}
.yxDec{padding:14px;background-color:#000;color:#ececec;height:381px;}
.yxDec img{max-height:134px;border-radius:4px}
.pattern-text h3{font-size:2rem;letter-spacing:1px;text-align:center;margin-top:3.4rem}
.pattern-text p{letter-spacing:3px;color:#ececec;opacity:.6;font-size:1.4rem;text-align:justify;margin:20px auto 18px}
.pattern-text span{display:block;margin:15px auto;width:121px;height:2px;background-color:#910103;border-radius:1px}
.common-title2{margin-bottom:20px}
.changeBox li:hover .yxDec{background:#a0000f;color:#000;border-color:#d69496}
.ysItem span.img1{width:100%;height:27px;background:url(../images/c1.jpg) no-repeat center;background-size:cover}
.ysItem span.img2{width:100%;height:64px;background:url(../images/c2.png) no-repeat center;background-size:cover}
.changeBox li:hover a{border-color:#d9989c;color:#000}
.changeBox li:hover p{color:#000}
.changeBox li:hover .pattern-text span{background-color:#ececec}
.changeBox li:hover span.img1{background-image:url(../images/c3.jpg)}
.changeBox li:hover span.img2{background-image:url(../images/c4.jpg)}
.joinYs{padding:7rem 0 4rem;background:url(../images/dl.jpg) no-repeat left 3rem top 0,url(../images/ff.jpg) no-repeat right 11.3rem top 0;background-size:3.5%,4.4%}

/* 菜品展示 */
.dishes{padding:5rem 0}
.dishes .common-title>div{display:inline-block}
.dishes .common-title p{letter-spacing:1px;color:#c00205;opacity:.6;font-size:1.8rem;font-family:MicrosoftYaHei}
.dishes .swiper-slide a{display:block;position:relative;overflow:hidden}
.dishes .swiper-slide .mask{position:absolute;bottom:100%;left:0;width:100%;background:rgba(29,29,29,.7);height:100%;transition:all .3s linear;display:flex;align-content:center;justify-content:center;flex-direction:column;text-align:center}
.dishes .swiper-slide:hover .mask{bottom:0}
.dishes .swiper-slide .mask img{width:37%;margin:15px auto}
.dishes .swiper-slide .mask .cp{font-size:2.4rem;color:#fff}
.cpList li{
  padding:8px;
}
.cpList .effect-goliath{
  position: relative;
    overflow: hidden;
    height: auto;
    background: #A0000F;
    text-align: center;
    cursor: pointer;
    height:290px;
    border:1px solid #A0000F;
}
.cpList figure img {
  display: block;
  min-height: 100%;
  max-width: 100%;    -webkit-transition: -webkit-transform .35s;
  transition: transform .35s;
  -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.cpList figure figcaption {
  
  color: #fff;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
figure.effect-goliath p {
  text-transform: none;
  font-size: 100%;
  opacity: 0;
  -webkit-transition: opacity .35s,-webkit-transform .35s;
  transition: opacity .35s,transform .35s;
  -webkit-transform: translate3d(0,50px,0);
  transform: translate3d(0,50px,0);
  position: absolute;
    bottom: 0;
    left: 0;
    letter-spacing: 1px;
    padding:16px 0;
    width:100%;
}

figure.effect-goliath:hover img {
  -webkit-transform: translate3d(0,-60px,0);
  transform: translate3d(0,-60px,0);
}

figure.effect-goliath:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
 figure figcaption>a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media (min-width:992px){
  .dishes-container .swiper-slide  a>img{
    height:540px;
  }
}

.dishScroll{padding-bottom:70px;position:relative}
.dishScroll .next-product,.dishScroll .prev-product{position:absolute;bottom:0;background:0 0;font-size:2.4rem;top:auto;margin-top:0;outline:0;color:#858484}
.dishScroll .next-product{right:47%}
.dishScroll .prev-product{left:47%}
.joinFc{padding:4rem 0;background:url(../images/jm.jpg) no-repeat center top;background-size:100%}
.dishes .dishes-pagination .swiper-pagination-bullet{width:10px;height:10px;background:#fff;opacity:1;border-radius:50%;position:relative;margin:0 6px}
.dishes-pagination .swiper-pagination-bullet:after{position:absolute;content:"";width:18px;height:18px;border-radius:100%;left:-4px;top:-4px;border:2px solid transparent}
.dishes-pagination .swiper-pagination-bullet-active:after{border-color:#fff}
.newsItem{padding:6px}
.newsItem .newsPic{width:40%;float:left;overflow:hidden}
.newsItem .newsIntro{width:57%;float:right}
.newsItem .newsInner{background:#262626;padding:6px;overflow:hidden}
.newsIntro h4 a{font-size:2rem;color:#e5e5e5;padding:10px 0}
.newsIntro .txt{letter-spacing:1px;color:#c7c7c7;opacity:.6;font-family:MicrosoftYaHei;font-size:1.4rem;line-height:1.6;margin-top:20px}
.newsPic img{height:160px;object-fit:cover;-o-object-fit:cover;border-radius:5px;transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear}
.newsItem:hover .newsPic img{transform:scale(1.2)}
.fcList{margin:50px auto}
.main .more a{border-radius:25px;border:solid 1px #92000d;color:#92000d;display:block;text-align:center;width:120px;height:34px;line-height:34px;margin:0 auto;font-size:14px}
.honor{background:url(../images/honorbg.jpg) no-repeat center;background-size:cover;padding:5rem 0 2rem}
.cases .swiper-slide{border:1px solid #7b0009}
.cases .casesTitle{background:#7b0009;line-height:44px;font-size:1.8rem;color:#fff;font-family:MicrosoftYahei;text-align:center}
.cases{background:url(../images/casebg.jpg) no-repeat center;background-size:100% 100%;padding-bottom:40px;padding-top:6.67rem}
.cases .dishScroll{margin-top:3.5rem}
.newsLf{padding-left:0}
.newsRt{padding-right:0}
.newsTop{font-weight:400;font-stretch:normal;letter-spacing:0;color:#9c1501;font-size:2.2rem;margin:20px 0}
.newsTop .sen{display:inline-block;width:65%;font-family:MicrosoftYaHei;line-height:1;transition:all .2s linear;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear}
.newsTop .time{font-size:1.4rem;font-family:MicrosoftYaHei;font-style:normal;float:right}
.xq .txt{color:#c1c1c1;font-size:1.6rem;line-height:1.8;text-align:justify;font-family:MicrosoftYaHei}
.newsRt .newsTop{color:#e2e2e2;font-size:1.8rem}
.xwpic img{height:140px;transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear}
.newsRt li:hover img{transform:scale(1.2)}
.newsRt em.time{color:#8a8a8a}
.newsRt .txt{color:#8a8a8a;font-size:1.4rem}
.newsRt li{background-color:#000;border-radius:1px;border:solid 1px #4c0208;margin-bottom:3rem}
.xwpic{padding-left:0;padding-right:5px;overflow:hidden}
.newsLf>a{display:block;border:solid 1px #4c0208;padding-bottom:36px}
.newsLf .xq{padding:0 6px}
.newsRt li:hover .newsTop .sen{color:#a90011}
.news{background:url(../images/newsbg.jpg) no-repeat center;background-size:cover;padding:8rem 0}
.news .more{width:127px;height:33px;border-radius:1px;border:solid 1px #910103;opacity:.7;font-family:MicrosoftYaHei;font-size:1.6rem;letter-spacing:3px;color:#ad0003;line-height:30px;display:block;text-align:center;margin:0 auto}
.news .more:hover{color:#fff;background: #ad0003;}



/* footer */
.visible-footer{background:#1A1A1A;color:#D7D7D7;font-size:14px;padding:10px 8px;line-height:2;text-align:center;margin-bottom:60px}
.footer-button{background:#7A000E;height:60px}
.footer-button li{padding:0 5px;text-align:center;border-left:solid 1px #861522;border-right:solid 1px #482024;height:60px}
.footer-button li a{display:block;color:#fff}
.footer-button li i{display:block;height:35px;line-height:35px;font-size:26px}
.footer-button li span{display:block;height:20px;line-height:25px}
footer{background:#7b0009}
.copy{height:60px;line-height:60px;background-color:#000;letter-spacing:1px;color:#aaa;font-size:1.2rem}
footer .message{background-color:#f4f0ea;box-shadow:0 4px 9px 0 rgba(150,150,150,.24);border-radius:1px;padding:3rem}
.footTop{display:flex;align-content:center;justify-content:center}
footer .info{margin:0 0 0 5%;color:#000;font-family:MicrosoftYaHei;font-size:1.4rem;padding-left:5%;border-left:2px solid #000}
footer .info h4{letter-spacing:2px;font-size:2.4rem;margin-bottom:10px}
footer .info h3{font-family:serif;letter-spacing:3px;font-size:3rem;font-weight:700;text-align:center}
.footMiddle{font-family:MicrosoftYaHei;font-size:14px;font-weight:400;font-stretch:normal;line-height:33px;letter-spacing:1px;color:#1f1f1f;text-align:justify;margin:4rem auto 1.8rem}
.ewm{background:url(../images/ewmbg.png) no-repeat center}
.ewm img{margin:0 auto}
.friendLink h5{margin-top:12px;margin-bottom:4px;font-family:MicrosoftYaHei;font-size:1.8rem;line-height:20px;letter-spacing:2px;color:#000}
.friendLink p{padding:10px 0;border:1px solid #7c0103;border-right:0;border-left:0}
.friendLink p a{display:inline-block;width:calc(100%/9);text-align:center;border-right:1px solid #c3c0bb;letter-spacing:1px;color:#434343;font-family:MicrosoftYaHei}
.friendLink p a:last-child{border-right:0}






/* 次页 */
section{padding:20px 0 50px;overflow:hidden}
section .columnInfo{padding:1rem;border-bottom:1px dashed #504747}
section .columnInfo span{font-size:2.4rem;
  color: #fff;
  display: inline-block;    font-family: MicrosoftYahei;}
  section .columnInfo span samp{    display: inline-block;
    font-size: 18px;
    font-family: Arial;
    text-transform: uppercase;
    color: #cc0000;margin-left: 10px;text-transform: uppercase}
section .local p,section .local p a{font-size:14px;color:#aaa}
section .local p a:hover{color:#780014}
section .content_box .content{padding:15px}
section .side .side1 #partnav{padding:20px 0 20px}
section .side .side1 #partnav li{height:36px;line-height:36px;width:calc(100% / 6 - 30px);margin:8px 15px;float:left}
section .side .side1 #partnav li a{text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:1.4rem;display:block;border:1px solid #544f4f;color: #fff;    border-radius: 6px;}
section .side .side1 #partnav li:hover a{color:#fff;background:#BE0012;border-color:#BE0012}
section .side .side1 #partnav li.active a{color:#fff;background:#BE0012;border-color:#BE0012}
section .content_box .content .txt{font-size:16px;line-height:2;text-align:justify;    color: #e5e5e5;}
section .content_box .content .txt img{max-width:100%;height:auto!important;margin:auto;}
section .links,section .links>a{color:grey;line-height:24px;margin-top:25px;    font-size: 1.4rem;}
section .links>a:hover{color:#BE0012;text-decoration:underline}
section .pages{margin:3rem 0;text-align:center}
section .pages a{margin:0 3px;padding:5px 8px;border:1px solid rgba(255,255,255,.6);color:#878787;font-size:1.2rem}
section .pages>b{margin:0 3px;padding:5px 8px;background:#63758E;color:#fff;font-size:1.2rem;font-weight:400}
section .train_list li{overflow:hidden;padding:34px 0;border-bottom:1px dotted #857979;overflow:hidden}
section .train_list dl dt a{font-size:1.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;display:block;-webkit-transition:-webkit-transform .3s linear;transition:-webkit-transform .3s linear;transition:transform .3s linear;transition:transform .3s linear,-webkit-transform .3s linear;color:#e5e5e5}
section .train_list .txt{margin-top:15px;color:#c7c7c7;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:2}
section .train_list img{padding:0;border:1px solid rgba(255,255,255,.4);
  max-height: 200px;
}
section .train_list dl p{font-size:1.4rem;color:#999;margin-top:12px}
section .train_list dl p a{float:right;color:#999}
section .train_list li:hover dl dt a{color:#f23144;}
section .content_box .pro_list li a{display:block;text-align:center}
section .content_box .pro_list li a p{line-height:4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:1.6rem;background: #780014;color:#fff;}
section .content_box .pro_list li{padding:0 10px;margin-bottom:20px}
section .content_box .pro_list li:hover a{box-shadow:4px 4px 4px rgba(0,0,0,.05);-webkit-box-shadow:4px 4px 4px rgba(0,0,0,.05);-moz-box-shadow:4px 4px 4px rgba(0,0,0,.05);color:#63758E}
section .content_box .pro_info{margin:2rem 0}
section .content_box .pro_info .pic img{border:1px solid #ddd;padding:5px}
section .content_box .pro_info .info h3{font-size:2.2rem;color:#000}
section .content_box .pro_info .txt{margin-top:3rem}
section .content_box .content .title_info h3{    text-align: center;
  line-height: 2;
  font-size: 2.4rem;
  color: #e2e2e2;}
section .content_box .content .title_info p{border-bottom:1px solid rgba(208,206,206,.6);text-align:center;line-height:24px;padding:10px 0;margin-bottom:15px;color:#9e9a9a}
section .content_box .content .title_info p span{margin:0 18px;font-size:12px}
section .content .lx h3{font-size:1.8rem}
section .content .lx p{font-size:1.4rem;line-height:2.4rem;margin:14px 0}

.product-intro h1.font-weight-300{margin-top:0;font-size:2.8rem}
.description{margin:15px 0;color:#5e7387;font-size:1.4rem;line-height:1.7;text-align:justify}
.para{margin:0;padding:10px 0;border-top:1px solid #f0f2f5;border-bottom:1px solid #f0f2f5}
.para li{margin:0;padding:3px 0;font-size:14px;line-height:1.5;word-wrap:break-word;color:#5e7387;width:50%;float:left}
.pro-con{margin:4rem auto}
.pro-panel{border:1px solid #ddd;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05);padding:20px}
.pro-panel .pro-tab{font-weight:400;padding-bottom:5px;color:#63758e;border-bottom:2px solid #63758e}
.content_box .content .pro-panel .txt img{width:100%!important}

.apply{padding:30px;background:#f5f5f5;margin:38px auto}
.applyTitle{padding-top:20px}
.applyTitle p{margin-top:14px;color:#8c8c8c}
.applyTitle span{font-size:2.8rem;color:#000;font-weight:700;position:relative;padding:0 20px}
.applyTitle span:before{position:absolute;right:100%;width:90px;height:1px;content:"";background:#b5b5b5;top:50%}
.applyTitle span:after{position:absolute;left:100%;width:90px;height:1px;content:"";background:#b5b5b5;top:50%}
.applyForm label{width:52px;display:inline-block;font-weight:400;color:#000;font-size:1.2rem}
button[type=submit]{background:#f80;color:#fff}
button[type=reset]{background:#c1c1c1;color:#fff;margin-right:20px}
@media (min-width:768px){.applyForm textarea{width:calc(100% - 70px)!important}
.form-inline{margin:26px 0}
.form-inline .form-group{margin-right:40px;margin-top:15px}
}


/* 767px */
@media(max-width:760px){
.row{margin-left:0;margin-right:0}
#nav{position:fixed;left:0;top:-100%;width:100%;transition:ease .5s;-webkit-transition:ease .5s;-moz-transition:ease .5s;-o-transition:ease .5s;z-index:8}
#nav.header-nav-show{top:60px}
#nav.header-nav-show>.container{padding:0}
.navbar-top .logo{width:50%;padding:0;line-height:60px;height:60px}
.navbar-top .logo a{display:block;width:90%;height:86%;margin:0 auto;background-size:contain}
#header-button h3{top:22%}
#Banner{margin-top:60px}
.brandTitle img{width:15%;margin-top:-10px}
.common-title b{font-size:2.8rem}
.companyName{font-size:2rem;margin-top:20px}
.brandTitle{margin-top:0;text-align:center}
.common-title img{margin-top:-10px;width:48px}
.brand,.brandYs{padding:3rem 0}
.workTab span{width:30%;line-height:34px}
.pattern-text h3{margin-top:1rem}
.pattern-text span{margin:8px auto}
.pattern-text p{margin:12px 0}
.ysItem span.img2{height:26px;    background-size: 100%;}
.changeBox li{padding:0;margin-bottom:15px}
.brandYs,.joinFc,.joinYs{padding:0}
.dishScroll .swiper-slide img{max-height:200px}
.dishScroll .prev-product{left:42%;height:27px}
.dishScroll .next-product{right:42%;height:27px}
.dishScroll{padding-bottom:38px}
.fcList{margin:0 0 40px}
#certify .swiper-slide{width:160px;height:120px;border:solid 5px #92000d;background:#fff;box-shadow:0 8px 30px rgba(0,0,0,.4)}
section .side .side1 #partnav li{margin:5px;padding:0;width:calc(100% / 3 - 10px);height:35px;border:0;line-height:35px}
section .side .side1 #partnav li a{overflow:hidden;padding:0;text-align:center;text-overflow:ellipsis;white-space:nowrap}
section .content_box .local{margin-top:1rem;padding:10px 18px;border-bottom:1px solid #aaa}
section .side .side1 #partnav li a.hover{border:1px solid #fff;background:0 0;background-color:#fff;color:#fff}
section .side{margin-bottom:2rem}
section .side .side1{border:0}
section .side .side1 #partnav li a{background-image:none;font-size:14px}
section .content_box .local p{float:left}
section .side{padding:0;margin:0}
section .side .side1 #partnav{padding:0;border:0;background-color:transparent;margin:0 10px}
section .content_box .content{padding:10px}
section .side .side1 #partnav li i{display:none}
section .container{padding:0}
section .content_box .pro_list li{padding:0 5px}
section .columnInfo .local{float:left!important;width: 100%;}
section .columnInfo .local p{text-align: left; }
section .content_box .content .txt{font-size:14px;line-height:1.6}
section .train_list dl dt a{font-size:1.2rem}
section .train_list img{padding-left:6px}
.workItem li{padding:0 6px}
.cases,.honor,.news{padding:2rem 0}
.yxDec{height:auto;}
.cpList .effect-goliath{height:140px;}
}