.common-name{text-align:center;color:#fff;font-size:15px;margin-bottom:35px;text-transform:uppercase;}
._w1200::after,.clearfix:after,.school_list::after,.sub_title::after{width:100%;height:1px;display:block;clear:both;content:''}
.homebanner video{display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;width:100%;height:100%}
body::-webkit-scrollbar{display:none}

.boxs{width:100%;height:auto;padding:100px 0;position:relative}

body.home{background-color:#e4223a}
.boxs.b1{width:100%;padding:100px 10.4% 0;-webkit-background-size:100% auto;-moz-background-size:100% auto;-o-background-size:100% auto;background-size:100% auto;background-repeat:no-repeat;position:relative;z-index:4;overflow:hidden}
.boxs.b1 .bg{position:absolute;z-index:-1;left:0;top:0;width:100%;background-color:#e4223a}
.boxs.b1 .bg .hm1{max-width:1200px;margin:-13% auto 0}

.brand .right{padding-right:5%;padding:5%;background-color: #b12123;}
._flex_{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.brand .common-name{text-align:left;line-height:1.5}
.brand img{width:auto}
.brand .left{width:29.5%}
.brand .right{width:70.5%;padding:5.5% 10.4% 5% 5%;font-size:16px;line-height:1.7;text-align:justify}
.brand .content h2{font-size:18px;margin-top:25px;margin-bottom:5px}
.brand .box2{background-color:#e1003b;color:#fff}
.brand .box2 .common-name{color:#fff}
.brand .box2 .content{line-height:2.2}
.brand .box3 .right{padding-right:0;padding-left:0}
.brand .box3 .right .common-name{padding-left:7%;margin-bottom:8%}
.brand .box3 .swiper-slide{width:270px;padding:180px 0;position:relative}
.brand .box3 .c{width:30px;height:30px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:6px solid #8b080b;background-color:#fff;position:relative;z-index:5;margin-left:35%}
.brand .box3 .content{position:relative}
.brand .box3 .content:before{content:"";position:absolute;width:100%;height:2px;background-color:#8b080b;left:0;top:50%;margin-top:-1px}
.brand .box3 .text{position:absolute;left:0;bottom:0;line-height:1.5}
.brand .box3 .t{position:absolute;white-space:nowrap;font-size:24px;color:#8b080b;left:-25px;top:30px;font-weight:700}
.brand .box3 .b{position:absolute;width:35px;height:185px}
.brand .box3 .swiper-slide:nth-child(odd) .b{left:35%;margin-left:-25px;bottom:-webkit-calc(50% + 10px);bottom:-moz-calc(50% + 10px);bottom:calc(50% + 10px);border-left:2px solid #8b080b;border-bottom:2px solid #8b080b;-webkit-border-bottom-left-radius:10px;-moz-border-radius-bottomleft:10px;border-bottom-left-radius:10px}
.brand .box3 .swiper-slide:nth-child(odd) .text{left:35%;width:120%;top:0;padding-top:7px}
.brand .box3 .swiper-slide:nth-child(even) .t{top:auto;bottom:30px}
.brand .box3 .swiper-slide:nth-child(even) .b{left:35%;margin-left:-25px;top:-webkit-calc(50% + 10px);top:-moz-calc(50% + 10px);top:calc(50% + 10px);border-left:2px solid #8b080b;border-top:2px solid #8b080b;-webkit-border-top-left-radius:10px;-moz-border-radius-topleft:10px;border-top-left-radius:10px}
.brand .box3 .swiper-slide:nth-child(even) .text{left:35%;width:120%;bottom:0;padding-bottom:7px}
.brand .box4 .common-name{text-align:center;color:#fff;line-height:1.5}
.brand .box4{padding:5.5% 10.4%;background-image:url(/static/assets/images/video-bg.jpg);-webkit-background-size:100% auto;-moz-background-size:100% auto;-o-background-size:100% auto;background-size:100% auto}
.brand .box4 li{width:48%;margin-right:4%;position:relative;z-index:5}
.brand .box4 li:nth-child(2n){margin-right:0}
.brand .box4 li:nth-child(n+3){margin-top:4%}
.brand .box4 li .after_{position:absolute;z-index:-1;right:-20px;bottom:-20px}
.brand .box4 li ._iconfont{position:absolute;left:50%;width:50px;line-height:50px;color:#fff;font-size:50px;left:50%;top:50%;margin-top:-25px;margin-left:-25px;cursor:pointer}
.brand .box4 .thumb+p{position:absolute;text-align:center;color:#fff;left:0;bottom:5%;width:100%;font-size:18px;font-weight:700;z-index:5}
.brand .box4 li:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:35%;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.6)));background:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.6));background:-moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.6));background:-o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.6));background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.6))}
.video-box{position:fixed;left:0;top:0;z-index:999;width:100vw;height:100vh;background-color:rgba(0,0,0,.75);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;opacity:0;visibility:hidden}
.video-box ._box{width:1280px;height:720px;border:2px solid #fff;position:relative}
.video-box ._box video{display:block;width:100%;height:100%;background-color:#000;-o-object-position:center center;object-position:center center;-o-object-fit:cover;object-fit:cover}
.video-box ._box ._iconfont{position:absolute;width:50px;line-height:50px;right:-60px;top:0;font-size:40px;color:#fff;text-align:center;cursor:pointer;font-weight:100}

.company_profile {
    max-width: 1600px;
    height: auto;
    margin: 0 auto;
    padding: 20px 0;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}

.profile_sec1 {
    width: 100%;
    height: 590px;
    position: relative;
    margin-bottom: 10px;
}

.profile_sec1 .left {
    float: left;
    width: 100%;
    height: auto;
    /*position: absolute;*/
    top: 0;
    left: 0;
}

.profile_sec1 .left .pic {
    max-width:100%;
    width: 100%;
    height: auto;
}

.profile_sec1 .left .pic img {
    display: inherit;
    width: 100%;
    height: auto;
}

.profile_sec1 .right {
    float: right;
    width: 45%;
    height: auto;
   
    position: relative;
    z-index: 1;
}

.profile_sec1 .right .profile_introduction {
    width: 100%;
    height: 100%;
    /*background: url(../images/tacn/profile_sec1_bj.png) ;*/
    background-size: 100%;
    padding: 1px 30px 40px 1px;
    box-sizing: border-box;/*background: rgba(245, 150, 36, 0.91);*/
}

.profile_introduction h2 {
    font-size: 16px;
   
    line-height: 30px;
    font-weight: normal;
    padding-bottom: 0px;
    /*  color: #fff;background: url("../images/profile_line_b.png") no-repeat left bottom; */
    margin-bottom: 5px;
}

.profile_introduction h2 span {
    display: inline-block;
    font-size: 22px;
    margin-right: 5px;
    font-weight: 600;
    line-height: 30px;
}

.profile_introduction .article {
    font-size: 14px;
    /*color: #fff;*/
    line-height: 26px;
    text-align: justify;
}

.profile_introduction .article p {
    font-size: 15px;line-height: 26px;color: #444;
}

.profile_introduction .article p:last-child {
    margin-bottom: 0;
}

.profile_sec2 { width: 100%;    height: auto;margin-bottom: 60px;clear: both;}

.profile_sec2 h2 {
    font-size: 16px;
    color: #888888;
    line-height: 30px;
    font-weight: normal;
    padding-bottom: 20px;
    /* background: url("../images/profile_line_h.png") no-repeat center bottom; */
    text-align: center;
    margin-bottom: 50px;
}

.profile_sec2 h2 span {
    display: inline-block;
    font-size: 22px;
    margin-right: 5px;
    font-weight: 600;
    line-height: 30px;
    color: #333333;
}

.profile_sec2_list {
    width: 100%;
    height: auto;
}

.profile_sec2_list ul {
    margin: 0 -1%;
}

.profile_sec2_list ul li {
    float: left;
    width: 23%;
    height: auto;
    margin: 0 1%;
    margin-bottom: 10px;
}

.profile_sec2_list ul li .top {
    width: 100%;
    height: auto;
    padding-bottom: 15px;
    box-sizing: border-box;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 15px;
    position: relative;
}

.profile_sec2_list ul li .top h4 {
    font-size: 14px;
    color: #666666;
    line-height: 26px;
    font-weight: normal;
    position: absolute;
    top: 0;
    left: 40px;
}

.profile_sec2_list ul li .top h3 {
    font-size: 16px;
    color: #666666;
    line-height: 26px;
    font-weight: bold;
}

.profile_sec2_list ul li .top h3 strong {
    display: inline-block;
    width: 40px;
    font-size: 45px;
    color: #F85A16;
    line-height: 50px;
    font-weight: bold;
}

.profile_sec2_list ul li p {
    font-size: 13px;
    color: #666666;
    line-height: 26px;
    height: 52px;
}


.profile_sec3 {
    width: 100%;
    height: auto;
}

.profile_sec3 ul li {
    float: left;
    width: 50%;
    height: auto;
    position: relative;
    overflow: hidden;
    height: 320px;
}

.profile_sec3 ul li .pic {
    position: absolute;
    display: block;
    width: 100%;
    bottom: 0;
    right: 0;
}

.profile_sec3 ul li .pic img {
    display: inherit;
    /*width: 100%;*/
    height: 100%;
}

.profile_sec3 ul li .title {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 40px;
    box-sizing: border-box;
}

.profile_sec3 ul li .title h2 {
    font-size: 16px;
    color: #ffffff;
    line-height: 30px;
    font-weight: normal;
    /* background: url("../images/profile_line_b.png") no-repeat left bottom; */
    margin-bottom: 20px;
}

.profile_sec3 ul li .title h2 strong {
    display: inline-block;
    font-size: 22px;
    margin-right: 5px;
    font-weight: bold;
    line-height: 30px;
    color: #ffffff;
}

.profile_sec3 ul li .title .article {
    font-size: 14px;
    color: #ffffff;
    line-height: 30px;
}

.profile_sec3 ul li .title .article p {
    margin-bottom: 5px;
}

.cont {
    margin: 30px 0;    text-align: center; width: 100%;
}
.ab_title .en {
	font-size: 20px;
	color: #9fa0a0;
	line-height: 0.9;
	text-transform: uppercase;
	margin: 10px 0;
}
.ab_title .ch {
	font-size: 30px;
	color: #c30813;
}
.ab_title .line {
	display: inline-block;
	width: 42px;
	height: 1px;
	background: #9fa0a0;
	margin-top: 5px;
}

   .page-cen {
        width: 100%;
    }
.case-block {
    /*padding: 60px 0;*/
    width: 100%;
    background: #fff;
}


.case-block .page-cen {
    position: relative;
}




@media screen and (max-width:1600px){
.boxs.b1{padding:0 5%}
.boxs.b1 .bg .hm1{max-width:800px}

.boxs.b1 .bg .hm2{margin-top:8%}

.hot_tel{right:160px}
.boxs.b6 .thum{padding-top:60%}
.boxs.b6 ul li .info{padding:35px 30px}


.brand .left{position:relative;overflow:hidden}
.brand .left img{width:auto;height:100%;max-width:unset;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);position:absolute}
.brand .box3 .swiper-slide:nth-child(even) .text,.brand .box3 .swiper-slide:nth-child(odd) .text{width:100%;font-size:15px}
.brand .box3 .swiper-container{margin-bottom:5%}

}
@media only screen and (max-width:1200px){
}
.mobile{display:block!important}
.boxs.footer .socals{display:none}

}
@media screen and (max-width:768px){
.brand .left{display:block;width:100%;height:150px;}
.boxs.b6 ul li{width:100%;margin-right:0;margin-bottom:3vw}
.boxs.b6 ul li a{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.boxs.b6 .thum{width:35%;padding-top:21%}
.boxs.b6 ul li .info{width:65%}
.boxs.b6 ul{overflow:hidden}
.boxs.b6 ul li .info .abs{height:50px;-webkit-line-clamp:2}
.boxs.b6 ul li .info .title{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-line-clamp:unset;display:block}
.brand .left{display:none}
.brand .right{width:100%}
.brand .common-name{margin-bottom:25px}
.brand .box3 .swiper-slide:nth-child(even) .text,.brand .box3 .swiper-slide:nth-child(odd) .text{width:80%;font-size:12px}

}
@media screen and (max-width:600px){
.brand .left{display:block;width:100%;height:150px;}
.brand .right{width:100%;padding:5.5% 10.4% 5% 5%;font-size:16px;line-height:1.7;text-align:justify}
.boxs.b3 .title{font-size:19px}
.boxs.b3 .abs{line-height:1.6;font-size:12px}
.boxs.b4 ul li .icon .sprite{-webkit-animation:sprite .81s steps(26) infinite forwards;-moz-animation:sprite .81s steps(26) infinite forwards;-o-animation:sprite .81s steps(26) infinite forwards;animation:sprite .81s steps(26) infinite forwards}
.boxs.b4 ul li .icon .sprite.sprite1{-webkit-animation:sprite .9s steps(29) infinite forwards;-moz-animation:sprite .9s steps(29) infinite forwards;-o-animation:sprite .9s steps(29) infinite forwards;animation:sprite .9s steps(29) infinite forwards}
.boxs.b4 ul li .icon .sprite.sprite3{-webkit-animation:sprite .96s steps(31) infinite forwards;-moz-animation:sprite .96s steps(31) infinite forwards;-o-animation:sprite .96s steps(31) infinite forwards;animation:sprite .96s steps(31) infinite forwards}
.boxs.b4 ul li .icon .sprite.sprite4{-webkit-animation:sprite .9s steps(29) infinite forwards;-moz-animation:sprite .9s steps(29) infinite forwards;-o-animation:sprite .9s steps(29) infinite forwards;animation:sprite .9s steps(29) infinite forwards}
.boxs.b4 ul li{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.boxs.b4 ul li .title{width:100%;text-align:center;padding-left:0;margin-top:3vw}
.boxs.b4 ul li .title p{text-align:justify;-moz-text-align-last:center;text-align-last:center}
.boxs.b4 ul li .icon{width:80px;height:80px;border-width:3px}
.boxs.b4 ul li .title span{font-size:12px}
.boxs.b4 ul li .title b{font-size:18px}
.boxs.b4 ul li .icon .sprite{width:30px;height:30px}

.brand .left img{width:100%;height:auto;left:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.brand .box1 .left{display:block}
.brand .common-name{margin-bottom:10px}
.brand .right{font-size:14px}
.brand .content h2{font-size:16px!important;margin-top:15px!important}
.brand .box3 .content:before{width:1px;height:100%;top:0;left:50px}
.brand .box3 .swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.brand .box3 .swiper-slide{width:100%;padding:25px 20px}
.brand .box3 .b{display:none}
.brand .box3 .c{width:20px;height:20px;border-width:3px;margin-left:20px}
.brand .box3 .swiper-slide:nth-child(even) .text,.brand .box3 .swiper-slide:nth-child(odd) .text,.brand .box3 .text{position:relative;width:-webkit-calc(100% - 50px);width:-moz-calc(100% - 50px);width:calc(100% - 50px);left:50px;bottom:auto;padding:15px 0;font-size:14px}
.brand .box3 .t{left:30px;font-size:20px;line-height:1;top:-2px}
.brand .box3 .swiper-slide:nth-child(even) .t{bottom:auto;top:-2px}
.brand .box4 li{width:100%;margin-right:0;margin-bottom:3vw}
.brand .box4{padding-top:40px}
.brand .box4 .thumb+p{font-size:16px;font-weight:400}
.video-box ._box ._iconfont{right:50%;top:auto;bottom:-80px;margin-right:-25px}
.video-box ._box{width:96vw;height:54vw}
}


.development .developmentBox .ul .pic {
	background-size: cover;
	background-position: center
}
.development .Layout {
	text-align: left
}
.development {
	position: relative;
	z-index: 5;
	padding-top: 50px
}
.development .developmentBox {
	margin-top: 40px;
	width: 100%;
	height: auto
}
.development .developmentBox .ul .li {
	width: 41%;
	opacity: .6;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	transition: ease 1s
}
.development .developmentBox .ul .li.swiper-slide-next {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	opacity: 1
}
.development .developmentBox .ul .li.swiper-slide-next .heigst {
	opacity: 1
}
.development .developmentBox .heigst {
	position: absolute;
	width: 68%;
	background: #fffaf0;
	left:9%;
	bottom: 3%;
	text-align: left;
	padding: 30px 40px;
	opacity: 0;
 transition: ease .5s
}
#taste .dishes .li, #taste .dishes .li .pic {
	background-size: cover
}
.development .developmentBox .year {
	font-size: 38px;
	color: #c0000a;
	border-bottom: 1px solid #c4c0b8;
	font-weight: 700
}
.development .developmentBox .title {
	font-size: 18px;
	font-weight: 600;
	margin-top: 15px
}
.development .developmentBox .summary {
	margin-top: 10px
}
.development .developmentBox .tabBtnBox {
	position: absolute;
	width: 1200px;
	left: 50%;
	transform: translateX(-50%);
	bottom: 27%;
	z-index: 5;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%)
}
.development .developmentBox .button-prev {
	width: 48px;
	height: 50px;
	background-image: url(https://www.peijielaohuoguo.com/static/assets/images/pf_btnL.png);
	position: absolute;
	left: 0;
	cursor: pointer
}
.development .developmentBox .button-next {
	width: 48px;
	height: 50px;
	background-image: url(https://www.peijielaohuoguo.com/static/assets/images/pf_btnR.png);
	position: absolute;
	left: 53.5% !IMPORTANT;
	cursor: pointer
}
 @media only screen and (max-width:1440px) {
 .development .developmentBox .button-prev {
 left: 15%
}
 .development .developmentBox .button-next {
 left: 53%
}
 .development .developmentBox .year {
 font-size: 30px
}
 .development .developmentBox .title {
 font-size: 16px
}
}
 @media only screen and (max-width:1024px) {
 .development .developmentBox .heigst {
 padding: 10px 30px;
 left: 0;
 width: 100%;
 box-sizing: border-box;
 bottom: 0;
 position: relative;
 opacity: 1
}
 .development .developmentBox .summary {
 font-size: 12px;
 height: 85px;
 overflow: hidden
}
 .development .developmentBox .button-prev {
 left: 21%
}
 .development .developmentBox .button-next {
 left: 56%
}
 .development .developmentBox .button-next,  .development .developmentBox .button-prev,  .development .developmentBox .year {
 font-size: 24px
}
}
 @media only screen and (max-width:768px) {
 .development .Layout, {
 text-align: center
}
 .development .developmentBox .ul .li {
 width: 100%
}
 .development .developmentBox {
 width: 96%
}
 .development .developmentBox .ul .li.swiper-slide-active {
 -webkit-filter: grayscale(0);
 filter: grayscale(0);
 opacity: 1
}
 .development .developmentBox .tabBtnBox {
 width: 100%;
 bottom: auto;
 top: 30%;
 left: 0;
 transform: translate(0, -50%)
}
 .development .developmentBox .button-prev {
 left: 2%
}
 .development .developmentBox .button-next {
 right: 2%
}
 .development .developmentBox .ul .pic {
 background-size: cover;
 background-repeat: no-repeat
}
 .development .developmentBox .heigst {
 padding: 10px 15px
}
 .development .developmentBox .year {
 padding: 5px 0
}
}

 @media only screen and (max-width:514px) {
.profile_sec1 .right {
    float: right;
    width: 100%;
    height: auto;
   
    position: relative;
    z-index: 1;
}
.profile_sec1 .right .profile_introduction {
    width: 100%;
    height: 100%;
    /*background: url(../images/tacn/profile_sec1_bj.png) ;*/
    background-size: 100%;
    padding: 1px 1px 10px 1px;
    box-sizing: border-box;/*background: rgba(245, 150, 36, 0.91);*/
}



.company_profile {
    max-width: 1600px;
    height: auto;
    margin: 0 auto;
    padding: 2px 0;
    padding-left: 1px;
    padding-right: 20px;
    box-sizing: border-box;
}