@media (max-width: 768px) {
	
	}
@media (min-width: 769px){
#content_pc .brandItem{ padding:4vh 0 28vh 0;background:url(../../image/bg3.jpg); background-size:cover;}
.titleBox{ position:relative; text-align:center; display:inline-block; text-align:center; margin:1vw auto 2vw auto;}
.titleBox h4{text-transform:uppercase;opacity:1;font-size: 2.2vw; line-height:200%;font-weight:700; display:inline-block; position:relative}
.titleBox .lineBottom{ width:calc(100% + 2vw); height:1px; position:absolute; top:calc(100% + 15px);left:50%;transform: translate(-50%, 0);}
.titleBox .lineTopL{ width:30%; height:5px; position:absolute; top:-3px;left:0;transform: translate(0, 0);}
.titleBox .lineTopC{ width:50%; height:5px; position:absolute; top:-3px;left:50%;transform: translate(-50%, 0);}


#content_pc .brewItem{padding:6vh 0 8vh 0;background:rgba(255,255, 255, .6); }
#content_pc .brewItem .boxSize{ width:80%;}
#content_pc .brewItem .conItem{display: -webkit-flex; display: flex;justify-content: flex-start;align-items:center; padding:2vw 0;}
#content_pc .brewItem .leftSub{ width:40%; padding-right:4vw; text-align:left}
#content_pc .brewItem .leftSub section:nth-child(3){ margin-top:1vw;}
#content_pc .brewItem .leftSub h5{ font-size:1.8vw; font-weight:500; line-height:200%;}
#content_pc .brewItem .leftSub p{ line-height:180%; color: #686868 ;}

#content_pc .brewItem .leftSub .mobBtn{ margin-top:1vw;  padding:.5vh 1.0vw; font-size:0.7vw; display:inline-block; letter-spacing:0;cursor:pointer; border:#686868 solid 1px; color:#686868; background:none; border-radius: 30px;transition:  .5s; -webkit-transition: .5s;  -moz-transition: .5s;}
#content_pc .brewItem .leftSub .mobBtn:hover{color:#fff;border:#c6010b solid 1px; background:#c6010b; transition:  .5s; -webkit-transition: .5s;  -moz-transition: .5s;}

#content_pc .brewItem .rightSub{ width:60%; position:relative;flex: 1;
    border:rgba(255,255,255,1) solid 1px;
    cursor: pointer;
    transition: all .5s cubic-bezier(.8,.5,.2,1.4);
    overflow: hidden;}
#content_pc .brewItem .rightSub h5{ position:absolute; left:2vw; bottom:2vw; text-align:left; color:#FFF; font-weight:300; font-size:1.8vw; z-index:2}
#content_pc .brewItem .rightSub h5 i{ position:absolute; margin-left:10px; top:6px; font-size:80%;transform: rotate(0);transform-origin: center;transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s;}
#content_pc .brewItem .rightSub:hover h5 i{ position:absolute; margin-left:10px; top:6px; font-size:80%;transform: rotate(270deg);transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s;}
#content_pc .brewItem .rightSub img{
    width: 100%;
     height:auto;
    transition: all .5s cubic-bezier(.8,.5,.2,1.4);
}
#content_pc .brewItem .rightSub .descriptions{
    position: absolute;
    top:0px;
    left:0px;
    background-color: rgba(0,0,0,.3);
    width:100%;
    height:100%;
    transition: all .7s ease-in-out;
    padding: 2vw 0;
    box-sizing: border-box;
    clip-path: circle(0 at 100% 100%);z-index:1;
}
#content_pc .brewItem .rightSub:hover .descriptions{
    left:0px;
    transition: all .5s ease-in-out;
    clip-path: circle(120%);
}
#content_pc .brewItem .rightSub:hover{ border:rgba(255,255,255,.8) solid 1px;
    transition: all .5s cubic-bezier(.8,.5,.2,1.4);
    box-shadow: 0px 0 10px rgba(0,0,0,.3);
    transform: scale(1);
}
#content_pc .brewItem .rightSub:hover img{
    transition: all .5s cubic-bezier(.8,.5,.2,1.4);
    transform: scale(1.6) rotate(10deg);
    filter: blur(5px);
}
#content_pc .brewItem .rightSub .txtSub{ width:100%; height:auto; top:0;position:relative; }
#content_pc .brewItem .rightSub .txtSub section{ max-height:38vh; padding:0 2vw; position:relative}

#content_pc .brewItem .rightSub .txtSub section .listTxt{padding:1vw 0;color:#FFF;text-align:left;}
#content_pc .brewItem .rightSub .txtSub section .listTxt h6{ font-size:1.4vw; font-weight:300; margin-bottom:.5vw;}
#content_pc .brewItem .rightSub .txtSub p{ line-height:160%; color: #fff ;}
#content_pc .brewItem .rightSub .txtSub p:first-child{ padding-top:0;}


#content_pc .newItem{padding:4vh 0 10vh 0;background:rgba(255,255, 255, .6); }

#content_pc .newItem .boxSize{ width:75%;margin-top:-8vw; padding:2vw 3vw 3vw 3vw; background:#FFF;box-shadow:0px 10px 20px rgba(145,145, 145, 0.3); transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s;}
#content_pc .newsBox{display: -webkit-flex; display: flex;justify-content:space-between;align-items:stretch;}

#content_pc .newsBox .subBox{  -webkit-box-flex:0;-ms-flex:0 0 calc(50% - 1.5vw);flex:0 0 calc(50% - 1.5vw);max-width:calc(50% - 1.5vw); width:calc(50% - 1.5vw); padding:0 0;margin:0 0 4vh 0;overflow:hidden;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);transition: all .5s;}

#content_pc .newsBox .subBox:hover{ }
#content_pc .newsBox .subBox .showCon{overflow:hidden; position:relative}
#content_pc .newsBox .subBox .imgBox{display: block;overflow:hidden }

#content_pc .newsBox .subBox .imgBox img{ width:100%; height:auto}

#content_pc .newsBox .subBox .imgBox img{display:block;-webkit-transform:translateZ(0) scale(1);-moz-transform:translateZ(0) scale(1);-ms-transform:translateZ(0) scale(1);-o-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1);-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s;}
#content_pc .newsBox .subBox:hover .imgBox img{display:block;}

#content_pc .newsBox .subBox .textBox{ position:absolute; bottom:0; left:0; z-index:2;background-color:rgba(0,0,0,.4); width:100%; height:auto; text-align:center; padding:0 1.5vw;transition: all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;}
#content_pc .newsBox .subBox:hover .textBox{background-color:rgba(0,0,0,.7);padding:1vw 1.5vw; transition: all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;}

#content_pc .newsBox .subBox .textBox .textPos{ width:100%; height:auto; color:#FFF}
#content_pc .newsBox .subBox .textBox .textPos h5{ padding:1.0vw 0; font-size:.9vw;  text-align:left; font-weight:100; line-height:150%}


#content_pc .newItem .moreBtn{  padding:.5vh 1.0vw; font-size:0.7vw; display:inline-block; letter-spacing:0;cursor:pointer; border:#686868 solid 1px; color:#686868; background:none; border-radius: 30px;transition:  .5s; -webkit-transition: .5s;  -moz-transition: .5s;}
#content_pc .newItem .moreBtn:hover{color:#fff;border:#c6010b solid 1px; background:#c6010b; transition:  .5s; -webkit-transition: .5s;  -moz-transition: .5s;}

}
@media (min-width: 1921px)and (max-width: 3839px) {

#content_pc .newItem .boxSize{ width:64%;}

#content_pc .newsBox .subBox .txtBox h5{ font-size:.9vw; font-weight:normal; text-align:left; line-height:150%; letter-spacing:1px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; } 



	}
	
/*--CSS3 元素上下动--*/
/*-运用<div class="animate-bounce-up"></div>*/
.animate-bounce-down{
 -webkit-animation: bounce-down 1.5s linear infinite;
    animation: bounce-down 1.5s linear infinite;
}	
@-webkit-keyframes bounce-down {
    25% {
        -webkit-transform: translateY(-10px);
    }
    50%, 100% {
        -webkit-transform: translateY(0);
    }
    75% {
        -webkit-transform: translateY(10px);
    }
}
 
@keyframes bounce-down {
    25% {
        transform: translateY(-10px);
    }
    50%, 100% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(10px);
    }
}
 

 
@-webkit-keyframes bounce-up {
    25% {
        -webkit-transform: translateY(10px);
    }
    50%, 100% {
        -webkit-transform: translateY(0);
    }
    75% {
        -webkit-transform: translateY(-10px);
    }
}
 
@keyframes bounce-up {
    25% {
        transform: translateY(10px);
    }
    50%, 100% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(-10px);
    }
}
 
.animate-bounce-up{
    -webkit-animation: bounce-up 1.4s linear infinite;
    animation: bounce-up 1.4s linear infinite;
}
/*--CSS3 元素上下动--*/	

@media (max-width: 768px) {
	
	#content_pc .brandItem{ padding:20px 20px;background:#999; background-size:cover;}
	#content_pc .brandItem .boxSize{ width:100%;}
.titleBox{ position:relative; text-align:center; display:block; text-align:center; margin:20px auto  20px auto;}
.titleBox h4{text-transform:uppercase;opacity:1;font-size:  30px; line-height:200%;font-weight:700; display:inline-block; position:relative}
.titleBox .lineBottom{  width:calc(100% + 2vw); height:1px; position:absolute; top:calc(100% + 15px);left:50%;transform: translate(-50%, 0);}
.titleBox .lineTopL{ display:none;width:30%; height:5px; position:absolute; top:-3px;left:0;transform: translate(0, 0);}
.titleBox .lineTopC{display:none; width:50%; height:5px; position:absolute; top:-3px;left:50%;transform: translate(-50%, 0);}


#content_pc .brewItem{padding:20px 0 0 0;}
#content_pc .brewItem .boxSize{ width:100%;}
#content_pc .brewItem .conItem{ display:block; padding:0 0;}
#content_pc .brewItem .leftSub{ width:100%; padding:0 20px;  text-align:left}
#content_pc .brewItem .leftSub section:nth-child(3){ margin-top:20px;}
#content_pc .brewItem .leftSub h5{ font-size:24px; font-weight:500; line-height:200%;}
#content_pc .brewItem .leftSub p{ line-height:180%; color: #686868 ;}



#content_pc .brewItem .rightSub{ width:100%; position:relative; margin:20px 0 40px 0; padding:0 20px; position:relative;
    border:rgba(255,255,255,1) solid 1px;
    cursor: pointer;
    transition: all .5s cubic-bezier(.8,.5,.2,1.4);
    overflow: hidden;}
#content_pc .brewItem .rightSub h5{ position:absolute; left:40px; bottom:20px; text-align:left; color:#FFF; font-weight:300; font-size:24px; z-index:2}
#content_pc .brewItem .rightSub h5 i{ position:absolute; margin-left:10px; top:6px; font-size:80%;transform: rotate(0);transform-origin: center;transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s;}
#content_pc .brewItem .rightSub:hover h5 i{ position:absolute; margin-left:10px; top:6px; font-size:80%;transform: rotate(270deg);transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s;}
#content_pc .brewItem .rightSub img{
    width: 100%;
     height:auto;
    transition: all .5s cubic-bezier(.8,.5,.2,1.4);
}
#content_pc .brewItem .rightSub .descriptions{ display:none;
    
}

#content_pc .brewItem .rightSub .txtSub{ width:100%; height:auto; top:0;position:relative; }
#content_pc .brewItem .rightSub .txtSub section{ max-height:38vh; padding:0 2vw}

#content_pc .brewItem .rightSub .txtSub section .listTxt{padding:1vw 0;color:#FFF;text-align:left;   }
#content_pc .brewItem .rightSub .txtSub section .listTxt h6{ font-size:1.4vw; font-weight:300;}
#content_pc .brewItem .rightSub .txtSub p{ line-height:160%; color: #fff ;}
#content_pc .brewItem .rightSub .txtSub p:first-child{ padding-top:0;}


#content_pc .brandItem .swiper-slide{ margin:20px 0; }
#content_pc .brandItem .swiper-wrapper .imgBox{padding:0 0; width:100%; height:auto}
#content_pc .brandItem .swiper-wrapper .imgBox img{ width:100%; height:auto}

#content_pc .brandItem .swiper-wrapper .swiper-slide .textBox{ background-color:rgba(255,255,255,1); width:100%; height:auto; text-align:center; padding:5px 20px 10px 20px;transition: all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;}

#content_pc .brandItem .swiper-wrapper .swiper-slide {
  width: 100%;
  height:auto;
  position: relative; 
  padding: 0 0;
  transition-property: transform; overflow:hidden;
}
#content_pc .brandItem .swiper-wrapper .swiper-slide .textBox .textPos{ width:100%; height:auto; color:#000}
#content_pc .brandItem .swiper-wrapper .swiper-slide .textBox .textPos h5{ padding:5px 0; font-size:14px;  text-align:left; font-weight:500; line-height:180%}
#content_pc .brandItem .swiper-wrapper .swiper-slide .textBox .textPos p{ line-height:150%;  text-align:left; display:none;}


#content_pc .newItem{padding:20px 0 40px 0;}

#content_pc .newItem .boxSize{ width:100%;margin-top:0; padding:0;}
#content_pc .newsBox{ display:block;}

#content_pc .newsBox .subBox{ width:100%;   padding:0 20px;margin:20px 0;overflow:hidden;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);transition: all .5s;}

#content_pc .newsBox .subBox:hover{ }
#content_pc .newsBox .subBox .showCon{overflow:hidden; position:relative}
#content_pc .newsBox .subBox .imgBox{display: block;overflow:hidden }

#content_pc .newsBox .subBox .imgBox img{ width:100%; height:auto}

#content_pc .newsBox .subBox .imgBox img{display:block;-webkit-transform:translateZ(0) scale(1);-moz-transform:translateZ(0) scale(1);-ms-transform:translateZ(0) scale(1);-o-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1);-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s;}
#content_pc .newsBox .subBox:hover .imgBox img{display:block;}

#content_pc .newsBox .subBox .textBox{ position:absolute; bottom:0; left:0; z-index:2;background-color:rgba(0,0,0,.4); width:100%; height:auto; text-align:center; padding:0 20px;transition: all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;}
#content_pc .newsBox .subBox:hover .textBox{background-color:rgba(0,0,0,.5); transition: all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;}

#content_pc .newsBox .subBox .textBox .textPos{ width:100%; height:auto; color:#FFF}
#content_pc .newsBox .subBox .textBox .textPos h5{ padding:20px 20px; font-size:18px;  text-align:center; font-weight:300;}


#content_pc .newItem .moreBtn{ margin:10px 0;  padding:8px 30px; font-size:12px; display:inline-block; letter-spacing:0;cursor:pointer; border:#686868 solid 1px; color:#686868; background:none; border-radius: 30px;transition:  .5s; -webkit-transition: .5s;  -moz-transition: .5s;}
#content_pc .newItem .moreBtn:hover{color:#fff;border:#c6010b solid 1px; background:#c6010b; transition:  .5s; -webkit-transition: .5s;  -moz-transition: .5s;}

}