*{margin:0;padding:0;list-style:none; -webkit-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);transition:all;-o-transition:all;-ms-transition:all;-moz-transition:all;-webkit-transition:all;}
body,html{font-family:"Microsoft YaHei",'微软雅黑'; width: 100%; background: #cdd7da; font-size: 14px;}

a{text-decoration:none; transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
a:hover{text-decoration:none;}
em,i,strong{font-style:normal;}
img{ border: 0; vertical-align: middle; display: inline-block;}
input,textarea,select{ font-family: '微软雅黑'; font-size: 18px; outline: none;}
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type='file'],
button, select{ -webkit-appearance: none; }
.clearFloat{ clear: both;  }
.table{ display: table; width: 100%; height: 100%; }
.table .middle{ display: table-cell; vertical-align: middle; }
.content{ margin: 0 auto; width: 1288px;  position: relative;}
.transy{transform: translateY(60px);-webkit-transform: translateY(60px); transition: 700ms;-webkit-transition: 700ms;transition-timing-function: ease-out;-webkit-transition-timing-function: ease-out; opacity: 0;} 
.tranShow{ transform: translate(0); -webkit-transform: translate(0); opacity: 1;}

@font-face {
    /* font-properties */
    font-family: AVGARDN;
    src:url('../font/AVGARDN.TTF');
    src: url('../font/AVGARDN.woff') format('OpenType'); 
}
@font-face {
    /* font-properties */
    font-family: ITCAvantGardePro;
    src:url('../font/ITCAvantGardePro-XLt.otf'); 
    src: url('../font/ITCAvantGardePro-XLt.woff') format('OpenType'); 
}

@font-face {
    /* font-properties */
    font-family: AvantGardeITCbyBT;
    src:url('../font/AvantGardeITCbyBT-Medium.ttf'); 
    src: url('../font/AvantGardeITCbyBT-Medium.woff') format('OpenType'); 
}
@font-face {
    /* font-properties */
    font-family: GothamRnd;
    src:url('../font/GothamRnd-Book.otf'); 
    src: url('../font/GothamRnd-Book.woff') format('OpenType'); 
}


.wrap{ width: 100%; padding: 0 56px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;  position: relative; z-index: 1; }
.wrap:after{ content: ''; position: fixed; background: url(../images/bodu_bg_1.png) right 0 no-repeat; width: 100%; height: 100%; top: 0; right: 0; z-index: -1; }
.wrap:before{ content: ''; position: fixed; background: url(../images/bodu_bg_2.png) left 600px no-repeat; width: 100%; height: 100%; bottom: 0; left: 0; z-index: -1; }
header{ width: 100%; height: 88px; position: relative; z-index: 10; padding: 0 56px 10px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
header .left{ height: 100%;}
header .logo{ float: left; line-height: 88px; }
header nav{ float: left; overflow: hidden; width: 80%; height: 100%;}
header nav ul{ float: left; width: 780px; overflow: hidden; height: 100%;}
header nav ul li{ float: left; width: 13.66%; height: 100%; text-align: center; position: relative; border-right: 1px solid rgba(161,155,155,0.22); -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
header nav ul li:last-child{ border-right: 0; }
header .table .middle{ vertical-align: bottom; }
header nav ul li a{ color: #566875; position: relative; }
header nav ul li a:after{ content: ''; position: absolute; bottom: 0; left: 50%; width: 0px; height: 1px; background: #e62a0d; transform: translate(-50%, 0);transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }

/* // header nav ul li .table  a:hover,header .change a:hover,header nav ul li.cur .table a{ color: #e62a0d; }
// header nav ul li .table  a:hover:after,header nav ul li.cur .table a:after{ width: 100%; } */

@media screen and (min-width: 860px){
    header nav ul li .table  a:hover,header .change a:hover,header nav ul li.cur .table a{ color: #e62a0d; }
    header nav ul li .table  a:hover:after,header nav ul li.cur .table a:after{ width: 100%; }
}

header .change{  position: absolute; top: 0 ; right: 300px; height: 100%; width: auto; padding-bottom: 10px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
header .change .changeBox{ display: inline-block; }
header .change a{ color: #566875; font-size: 12px; margin: 0 5px; }
header .navText{ position: absolute; top: 50px; right: 16px; line-height: normal; font-size: 25px; color: #fff; }
.contBox{ position: relative; }
.cont{ background: #fff; position: relative; padding-top: 68px; }
.banner{ width: 100%;  height: 632px; background: #cdd7da; position: relative; }
.banner img{ width: 100%; }
.banner .swiper-container{ height: 100%; }
.banner .swiper-slide{ width: 100%; height: 632px; overflow: hidden;}
.banner .swiper-slide .swiper-slide-bg{ width: 100%; height: 100%;  background-size: cover; background-position: bottom center; transform: scale(1.2); }
.banner .swiper-slide a{ display: block; width: 100%; height: 100%;}
.banner .swiper-slide a p{ color: #fff; font-size: 46px; position: absolute; bottom: 50px; left: 50px;letter-spacing: 3px;}

.banner .swiper-mask{ width: 100%; height: 160px; background: url(../images/beijing.png) no-repeat bottom ; background-size: 100% 100%; position: absolute; bottom: 0; left: 0; z-index: 2; }
.banner .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 70px; }
.banner .swiper-mask .swiper-maks-container{ position: absolute; right: 30px; bottom: 20px; }
.banner .swiper-mask .swiper-mask-img{ float: left; }
.banner .swiper-mask .swiper-mask-text{ float: left; font-size: 18px; color: #fff; padding-top: 10px; margin-left: 20px; width: 145px; }
.banner .swiper-mask .swiper-mask-text p{ width: 100%; text-align: justify; text-align-last: justify; display: inline-block; }
.banner .swiper-mask .swiper-mask-img img{ width: auto; }
/*.banner .swiper-slide.cur .swiper-slide-bg{  animation: banner 4s forwards linear;  }*/
@keyframes banner{
	0%{ transform: scale(1.2);}
	100%{ transform: scale(1);}
}


.newsAndMap{ width: 100%; position: relative;  margin-bottom: 95px; z-index: 3; background: #e8e8e8;}
.newsAndMap .content{  z-index: 3; }
.newsAndMap .map{ width: 100%; height: 460px; position: relative; float: right; }
.newsAndMap .map .mapBox{ width: 780px; float: right; margin-top: 14px; position: relative; overflow: hidden; }
.newsAndMap .map .mapBox .transy{ transform: translateX(60px);-webkit-transform: translateX(60px); transition: 700ms;-webkit-transition: 700ms;transition-timing-function: ease-out;-webkit-transition-timing-function: ease-out; opacity: 0; }
.newsAndMap .map .mapBox .tranShow{ transform: translate(0); -webkit-transform: translate(0); opacity: 1;}

.newsAndMap .map .mapBox .text{ width: 780px; height: 180px; padding: 20px; background: #e62a0d; color: #fff; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; position: relative; opacity: 1; top: -35px; }
.newsAndMap .map .mapBox .text h4{ font-size: 34px; font-weight: normal; padding-left: 10px; border-left: 2px solid #fff; position: relative; }
.newsAndMap .map .mapBox .mapLogo{ position: absolute; top: 0; left: 0; width: 781px; height: 321px; background: url(../images/mapLogo.png?v=1); transform: scale(8); opacity: 0; transform-origin: 590px 140px; }
.newsAndMap .map .mapBox .text p{ line-height: 22px; margin-top: 24px; position: relative; }
.newsAndMap .map .mapBox .mapSpot{ position: absolute; z-index: 2; }
.newsAndMap .map .mapBox .mapSpot span{ display: block; position: absolute; cursor: pointer; opacity: 0; }
.newsAndMap .map .mapBox .mapSpot span:nth-child(1){ width: 31px; height: 42px; background: url(../images/map_spot.png); top: 120px; left: 145px; }
.newsAndMap .map .mapBox .mapSpot span:nth-child(2){ width: 30px; height: 41px; background: url(../images/map_spot1.png); top: 105px; left: 385px; }
.newsAndMap .map .mapBox .mapSpot span:nth-child(3){ width: 31px; height: 44px; background: url(../images/map_spot2.png); top: 184px; left: 365px; }
.newsAndMap .map .mapBox .mapSpot span:nth-child(4){ width: 31px; height: 41px; background: url(../images/map_spot3.png); top: 85px; left: 592px; }
.newsAndMap .map .mapBox .mapSpot span:nth-child(5){ width: 29px; height: 40px; background: url(../images/map_spot5.png); top: 126px; left: 658px; }
.newsAndMap .map .mapBox .mapSpot span:nth-child(6){ width: 31px; height: 43px; background: url(../images/map_spot4.png); top: 145px; left: 629px; }
.newsAndMap .map .mapBox .mapSpot span:nth-child(7){ width: 52px; height: 40px; background: url(../images/map_spot6.png); top: 200px; left: 597px; }
.newsAndMap .map .mapBox .mapSpot span:nth-child(8){ width: 41px; height: 43px; background: url(../images/map_spot7.png); top: 217px; left: 570px; }
.newsAndMap .map .mapBox .mapLine span{ display: block; width: 781px; height: 321px; position: absolute; top: 0; left: 0; opacity: 0; }
.newsAndMap .map .mapBox .mapLine span:nth-child(1){ background: url(../images/mapLine1.png); }
.newsAndMap .map .mapBox .mapLine span:nth-child(2){ background: url(../images/mapLine2.png); }
.newsAndMap .map .mapBox .mapLine span:nth-child(3){ background: url(../images/mapLine3.png); }
.newsAndMap .map .mapBox .mapLine span:nth-child(4){ background: url(../images/mapLine4.png); }
.newsAndMap .map .mapBox .mapLine span:nth-child(5){ background: url(../images/mapLine5.png); }
.newsAndMap .map .mapBox .mapLine span:nth-child(6){ background: url(../images/mapLine6.png); }
.newsAndMap .map .mapBox .mapLine span:nth-child(7){ background: url(../images/mapLine7.png); }
.newsAndMap .map .mapBox .mapLine span:nth-child(8){ background: url(../images/mapLine8.png); }
.newsAndMap .map .mapBox .mapSpot.cur span:nth-child(1){ animation: fadeInBack 0.5s forwards; }
.newsAndMap .map .mapBox .mapSpot.cur span:nth-child(2){ animation: fadeInBack 0.5s 0.1s forwards; }
.newsAndMap .map .mapBox .mapSpot.cur span:nth-child(3){ animation: fadeInBack 0.5s 0.2s forwards; }
.newsAndMap .map .mapBox .mapSpot.cur span:nth-child(4){ animation: fadeInBack 0.5s 0.3s forwards; }
.newsAndMap .map .mapBox .mapSpot.cur span:nth-child(5){ animation: fadeInBack 0.5s 0.4s forwards; }
.newsAndMap .map .mapBox .mapSpot.cur span:nth-child(6){ animation: fadeInBack 0.5s 0.5s forwards; }
.newsAndMap .map .mapBox .mapSpot.cur span:nth-child(7){ animation: fadeInBack 0.5s 0.6s forwards; }
.newsAndMap .map .mapBox .mapSpot.cur span:nth-child(8){ animation: fadeInBack 0.5s 0.7s forwards; }
.newsAndMap .map .mapBox .mapLine.cur span:nth-child(1){ animation: fadeIn 0.5s forwards; }
.newsAndMap .map .mapBox .mapLine.cur span:nth-child(2){ animation: fadeIn 0.5s 0.1s forwards; }
.newsAndMap .map .mapBox .mapLine.cur span:nth-child(3){ animation: fadeIn 0.5s 0.2s forwards; }
.newsAndMap .map .mapBox .mapLine.cur span:nth-child(4){ animation: fadeIn 0.5s 0.3s forwards; }
.newsAndMap .map .mapBox .mapLine.cur span:nth-child(5){ animation: fadeIn 0.5s 0.4s forwards; }
.newsAndMap .map .mapBox .mapLine.cur span:nth-child(6){ animation: fadeIn 0.5s 0.5s forwards; }
.newsAndMap .map .mapBox .mapLine.cur span:nth-child(7){ animation: fadeIn 0.5s 0.6s forwards; }
.newsAndMap .map .mapBox .mapLine.cur span:nth-child(8){ animation: fadeIn 0.5s 0.7s forwards; }
@keyframes fadeIn{
	from{ opacity: 0; }
	to{ opacity: 1; }
}

@keyframes fadeInBack{
	0%{ opacity: 0; transform: translateY(0); }
	50%{ opacity: 1; transform: translateY(2px); }
	75%{ opacity: 1; transform: translateY(-2px); }
	100%{ opacity: 1; transform: translateY(0); }
}

.banner .swiper-pagination-bullet{ width: 4px; height: 4px; border: 2px solid #fff; background: transparent; border-radius: 50%; opacity: 1; }

.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #fff; }
.newsAndMap .news{ position: absolute; top: -68px; left: 20px; z-index: 2; width: 488px; background: #f9f9f9; padding: 30px 50px 0 20px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.newsAndMap .news .productMove{ display: none; }
.newsAndMap .news .newsList:after{ content: ''; position: absolute; right: -20px; top: 10px; width: 1px; height: 80%; background: #eaeaea; }
.newsAndMap .news .newsTitle{ width: 100%; border-bottom: 1px solid #484848; overflow: hidden; }
.newsAndMap .news .newsTitle h2{ font-size: 51px; color: #e62a0d; font-weight: normal; position: relative; display: inline-block; font-family: 'AVGARDN';  }
.newsAndMap .news .newsTitle h2:after{ content: ''; position: absolute; top: 10px; right: -6px; width: 1px; height: 65%; background: #9e9e9e; }
.newsAndMap .news .newsTitle .right{ display: inline-block; padding-left: 12px; font-size: 18px;  }
.newsAndMap .news .newsTitle .right span{ color: #3f3f3f;  }
.newsAndMap .news .newsTitle .right a{  background: url(../images/move_jt.png) no-repeat right center; padding-right: 25px; font-size: 12px; color: #1e2022; margin-left: 60px; line-height: 26px; }
.newsAndMap .news .newsTitle .right a:hover{ color: #e62a0d; background-image: url(../images/move_jtC.png); }
.newsAndMap .news .newsList{ padding-top: 15px; position: relative; }
.newsAndMap .news .newsList .dec{ border-bottom: 1px solid #eaeaea;  padding: 25px 0; overflow: hidden; }
.newsAndMap .news .newsList .dec:last-child{ border-bottom: 0; }
.newsAndMap .news .newsList .dec .text p{ transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.newsAndMap .news .newsList .dec:hover .text h4{ color: #e62a0d; }
.newsAndMap .news .newsList .dec:hover .text p{ text-decoration: underline; }
.newsAndMap .news .newsList .dec .days{ float: left; width: 102px;  }
.newsAndMap .news .newsList .dec .days span.day{ font-size: 50px; font-family: 'ITCAvantGardePro'; position: relative; float: left; color: #000; transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; margin-top: -6px; }
.newsAndMap .news .newsList .dec .days span.day:after{ content: ''; position: absolute; top: 9px; right: -10px; transform: rotate(18deg); height: 41px; overflow: hidden; color: #a2a2a2; width: 1px; background: #a2a2a2; }
.newsAndMap .news .newsList .dec .days .yearAndMonth{ float: right; text-align: center; font-size: 13px; color: #6e6e6e; }
.newsAndMap .news .newsList .dec .days .yearAndMonth i{  display: block; width: 4px; height: 4px; background: url(../images/dayD.png) no-repeat; margin: 3px auto; }

.newsAndMap .news .newsList .dec .text{ float: left; width: calc(100% - 102px); padding-left: 10px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; color: #4d595e; }
.newsAndMap .news .newsList .dec .text h4{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; color: #4d595e; }
.newsAndMap .news .newsList .dec .text .info{ font-size: 12px; line-height: 18px; margin-top: 5px; height: 54px; overflow: hidden; color: #8e9496; }

.product{ width: 100%; padding-top: 45px; padding-bottom: 20px; }
.modularTitle{ text-align: center; color: #7d7d7d; margin-bottom: 10px; position: relative; }
.modularTitle .modularTitleBox{ position: relative; }
.modularTitle .Eng{ font-size: 51px; color: #cecece; font-family: 'AVGARDN'; position: relative; margin-right: 10px; }
.modularTitle .Eng:after{ content: ''; position: absolute; right: -8px; top: 6px; background: rgba(207,37,45,0.5); width: 1px; height: 45px; }
.modularTitle .china{ font-size: 18px; color: #7d7d7d; }
.modularTitle p{ color: #4d4d4d; margin-top: 10px; }
.product .chickenBg{ width: 100%; height: 300px; position: relative; overflow: hidden; }
.product .chickenBg .retailers{ width: 100%; text-align: center; position: absolute; bottom: 0; left: 0; height: 49px; }
.product .chickenBg .retailers a{ display: inline-block; height: 60px; margin: 0 5px; position: relative; transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; transform: translateY(0); }
.product .chickenBg .retailers a.tm{ width: 233px; background: url(../images/tm.jpg) no-repeat #ec2a35; }
.product .chickenBg .retailers a.jd{ width: 222px; background: url(../images/jd.jpg) no-repeat #ec2a35; }
.product .chickenBg .retailers a.wsc{ width: 222px; background: url(../images/wsc.jpg) no-repeat #ec2a35; }
.product .chickenBg .chickenBgBox{ width: 100%; height: 100%; background-image: url(../images/chickenBg.jpg); background-position: center; background-repeat: no-repeat;background-attachment: fixed; background-size: cover; }
.product .chickenBg .retailers a:hover{ transform: translateY(-10px); }

.product .productList{ width: 100%; padding: 0 100px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; overflow: hidden; position: relative; }
.product .productList .dec{ transform: translate(0); opacity: 1; }

.product .productList .dec .pic.transy{ transform: translateX(-60px); }
.product .productList .dec .pic.tranShow{ transform: translateX(0); }

.product .productList .dec{ width: 33.33%; padding: 30px 0; overflow: hidden; float: left ; }
.product .productList .dec .pic{ width: 150px; height: 192px; text-align: center; float: left; margin-right: 10px;  transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.product .productList .dec .pic img{ max-width: 100%; }
.product .productList .dec .text.transy{ transform: translateX(60px); }
.product .productList .dec .text.tranShow{ transform: translateX(0); }
.product .productList .dec .text{ float: left; height: 192px; width: calc(100% - 150px); max-width: 250px;  }
.product .productList .dec .text h4{ font-size: 17px; color: #e62a0c; font-weight: normal; padding-left: 3px; height: 22px; border-left: 2px solid #e62a0c; line-height: 20px; position: relative; }
.product .productList .dec .text h4 span{ font-weight: bold; position: relative; }
.product .productList .dec .text h4 span:after{ content: '';position: absolute; top: 50%; left: 0; margin-top: -4.5px; transform: translateX(-5px); background: url(../images/move_jtC.png); width: 13px; height: 9px; opacity: 0; transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.product .productList .dec .text h4 span i{ transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.product .productList .dec .text h4:hover span i{ opacity: 0; }
.product .productList .dec .text h4:hover span:after{ opacity: 1; transform: translateX(5px); }
.product .productList .dec .text p{ border-top: 1px solid #c9c9c9; margin-top: 8px; padding-top: 5px; font-size: 12px; color: #444; line-height: 18px; height: 90px; overflow: hidden; position: relative; }
.product .productList .dec .text p:hover{ text-decoration: underline; }
.product .productList .dec .text .look{ padding: 0 30px 0 10px; height: 20px; line-height: 20px; display: inline-block; text-align: center; font-size: 12px; color: #4b4b4b; border: 1px solid #c8c8c8; border-radius: 10px; margin-top: 5px; background: url(../images/product_icon.png) no-repeat 75px center; position: relative; }
.product .productList .dec .text .look:hover{ color: #e62a0c; border-color: #e62a0c; background-image: url(../images/product_iconC.png); }
/*.product .productList .dec .text .look:hover{ color: #fff; background: #e62a0c; border-color: #e62a0c; }*/
.product .swiper-button-next, .product .swiper-button-prev{ width: 28px; height: 56px; opacity: 1;outline: none; }
.product .swiper-button-next{ background-image: url(../images/product_right.png); right: 50px; }
.product .swiper-button-prev{ background-image: url(../images/product_left.png); left: 50px; }
.product  .swiper-pagination-bullet{ opacity: 1; background: transparent; border: 2px solid #a8acb9; width: 6px; height: 6px; }
.product  .swiper-pagination-bullet-active{ background: #a8acb9; }
.productMove{ text-align: center; }
.productMove a{ color: #fff;}
.productMove a{ display: inline-block; font-size: 12px; width: 147px; height: 34px; border: 1px solid #ff0042; border-radius: 20px; line-height: 34px; color: #1e2022; background: url(../images/move_jt.png) no-repeat 115px center; padding-right: 20px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; font-family: '微软雅黑'; }
.productMove a:hover{ color: #e62a0c; background-image: url(../images/move_jtC.png); }



.foodSafetyRegion{  position: relative; z-index: 2; padding: 0 56px; overflow: hidden; }
.foodSafetyRegion .s{ background: #fff; padding-bottom: 68px; }
.foodSafety .modularTitle{ padding-top: 60px; }
.foodSafety .modularTitle .modularTitleBox{ position: relative; }
.foodSafety .item{ width: 100%; background: url(../images/foodSafety_bg.jpg) no-repeat center; height: auto; background-size: cover; position: relative; margin: 0 auto; }
.foodSafety .item .slogan{ text-align: center; width: 100%; }
.foodSafety .item .slogan p{ display: inline-block; color: #e3122d; font-size: 30px; border-bottom: 1px solid #e3122d; padding: 60px 15px 10px; }

.foodSafety .item .packBg{ width: 1000px; position: relative; margin: 23px auto 0; z-index: 1; }
.foodSafety .item .pack{  overflow: hidden; }
.foodSafety .item .packBg .icon{ content: ''; position: absolute; top: -170px; left: -150px; width: 306px; height: 295px; background: url(../images/360pic.png); z-index: -1; background-size: cover; }
.foodSafety .item .pack .dec{ position: relative; float: left; margin-right: 3px; cursor: pointer; overflow: hidden; min-width: 247px; top: 300px; opacity: 0; }
.foodSafety .item .pack .dec:last-child{ margin-right: 0; }
.foodSafety .item .pack .dec .sDec{ position: relative; width: 331px; padding-top: 28px; overflow: hidden; z-index: 6; }
.foodSafety .item .pack .dec .transys>h2{ font-size: 196px; color: #e3122d; position: absolute; top: -55px; right: -28px; z-index: 20; font-family: '微软雅黑'; }
.foodSafety .item .pack .dec .sDec .kuang{ width: 100%; height: 60px; background: rgba(227,18,45,0.55); position: absolute; bottom: 24px; left: 0; line-height: 60px; font-size: 16px; color: #fff; padding-left: 25px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; padding-right: 15px; overflow: hidden;}
.foodSafety .item .pack .dec .sDec .kuang div{ width: 100%; overflow: hidden; }
.foodSafety .item .pack .dec .sDec .kuang p{ position: relative; display: inline-block; }
.foodSafety .item .pack .dec .sDec .kuang p:after{ content: ''; position: absolute; top: 50%; right: -510%; width: 500%; height: 1px; background: #fff; }

/*.foodSafety .item .pack .dec .bDec{ width: 331px; height: 0; opacity: 0; position: relative; z-index: 5; transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; overflow: hidden; }*/
.foodSafety .item .pack .dec .bDec>img{ margin-top: 28px; width: 100%; }
.foodSafety .item .pack .dec.small .sDec{ width: 247px; }
.foodSafety .item .pack .dec.small .bDec{ width: 247px; }
.foodSafety .item .pack .dec.click .sDec{ opacity: 0; width: 0; height: 0; }
.foodSafety .item .pack .dec.click .bDec{ width: 500px; min-height: 513px; opacity: 1; }

.foodSafety .item .pack .dec .bDec .bDecPost{ position: absolute; top: 0; left: 0; width: 100%; }
.foodSafety .item .pack .dec .bDec .bDecPost h2{ font-size: 196px; color: #e3122d; margin-top: -56px; margin-left: 0px; display: inline-block; font-family: '微软雅黑'; opacity: 0; }
.foodSafety .item .pack .dec .bDec .bDecPost span{ font-size: 26px; color: #515151; }
.foodSafety .item .pack .dec .bDec .bDecPost .List3{ overflow: hidden; width: 100%; margin-top: -25px; }
.foodSafety .item .pack .dec .bDec .bDecPost .List3 .List3Dec{ float: left;  width: 33.33%; text-align: center; position: relative;	padding-bottom: 60px; z-index: 1; opacity: 0; }

.foodSafety .item .pack .dec.cur .bDec .bDecPost .List3 .List3Dec:nth-child(1){ animation: fadeIn 0.5s forwards; }
.foodSafety .item .pack .dec.cur .bDec .bDecPost .List3 .List3Dec:nth-child(2){ animation: fadeIn 0.5s 0.2s forwards; }
.foodSafety .item .pack .dec.cur .bDec .bDecPost .List3 .List3Dec:nth-child(3){ animation: fadeIn 0.5s 0.4s forwards; }

.foodSafety .item .pack .dec .bDec .bDecPost .List3 .List3Dec img{ width: 118px; height: 171px; }
.foodSafety .item .pack .dec .bDec .bDecPost .List3 .List3Dec .infos{ background: #e3122d; height: 116px; color: #fff; position: absolute; bottom: 0px; padding-top: 55px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; z-index: -1; width: 100%; }
.foodSafety .item .pack .dec .bDec .bDecPost .List3 .List3Dec:after{ content: ''; position: absolute; top: 0; right: 0px; width: 1px; height: 100%; background: #fff; z-index: 3; }
.foodSafety .item .pack .dec .bDec .bDecPost .List3 .List3Dec:last-child:after{ display: none; }
.foodSafety .item .pack .dec .bDec .bDecPost .List3 .List3Dec .infos h3{ font-size: 27px; font-family: '微软雅黑'; }

.foodSafety .item .pack .dec .bDec .bDecPost .List6{ overflow: hidden; margin-top: -20px; background: rgba(255,255,255,.46); }
.foodSafety .item .pack .dec .bDec .bDecPost .List6 .List6Dec{ float: left; width: 33.33%; height: 162px; padding: 24px 0 0; text-align: center;  -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; position: relative; opacity: 0; }
.foodSafety .item .pack .dec .bDec .bDecPost .List6 .List6Dec:after{ content: ''; position: absolute; top: 14px; right: 0; width: 1px; height: 80%; background: #e5a99c; }
.foodSafety .item .pack .dec .bDec .bDecPost .List6 .List6Dec:before{ content: ''; position: absolute; bottom: 0; left: 50%; width: 80%; height: 1px; background: #e5a99c; margin-left: -40%; }
.foodSafety .item .pack .dec .bDec .bDecPost .List6 .List6Dec:nth-child(4):before,.foodSafety .item .pack .dec .bDec .bDecPost .List6 .List6Dec:nth-child(5):before,.foodSafety .item .pack .dec .bDec .bDecPost .List6 .List6Dec:nth-child(6):before{ display: none; }

.foodSafety .item .pack .dec .bDec .bDecPost .List6 .List6Dec:nth-child(3n):after{ content: ''; display: none; }
.foodSafety .item .pack .dec .bDec .bDecPost .List6 .List6Dec .pic{ height: 62px; }
.foodSafety .item .pack .dec .bDec .bDecPost .List6 .List6Dec .text h4{ font-size: 20px; color: #e3122d; margin: 0 auto; }
.foodSafety .item .pack .dec .bDec .bDecPost .List6 .List6Dec .text p{ font-size: 13px; color: #e3122d; }
.foodSafety .item .pack .dec.cur .bDec .bDecPost .List6 .List6Dec:nth-child(1){  animation: fadeIn 0.5s forwards; }
.foodSafety .item .pack .dec.cur .bDec .bDecPost .List6 .List6Dec:nth-child(2){  animation: fadeIn 0.5s 0.1s forwards; }
.foodSafety .item .pack .dec.cur .bDec .bDecPost .List6 .List6Dec:nth-child(3){  animation: fadeIn 0.5s 0.2s forwards; }
.foodSafety .item .pack .dec.cur .bDec .bDecPost .List6 .List6Dec:nth-child(4){  animation: fadeIn 0.5s 0.3s forwards; }
.foodSafety .item .pack .dec.cur .bDec .bDecPost .List6 .List6Dec:nth-child(5){  animation: fadeIn 0.5s 0.4s forwards; }
.foodSafety .item .pack .dec.cur .bDec .bDecPost .List6 .List6Dec:nth-child(6){  animation: fadeIn 0.5s 0.5s forwards; }

.foodSafety .item .pack .dec .bDec .close{ width: 15px; height: 15px; position: absolute; top: 38px; right: 10px; background: url(../images/foodSafety_iconP.png) no-repeat; z-index: 5; }



footer{ background: #fff; position: relative; z-index: 2; }
footer .footerBox{ width: 100%; height: 214px; background: #eaeef2 url(../images/footer_bg.png) no-repeat center top; position: relative; }
footer .footerBox .copy{ position: absolute; top: 30px; left: 50%; transform: translate(-50%, 0); text-align: center; }
footer .footerBox .copy p{ font-size: 12px; color: #6f757b; margin-top: 18px; }
footer ul{ padding-top: 105px; float: left; }
footer ul:nth-child(2){ float: right; }
footer ul li{ float: left; padding: 0 28px; position: relative; padding-top: 10px; }
footer ul li:after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: #e3122d; }
footer ul li a{ color: #616468; font-size: 12px; }
footer ul li a:hover{ color: #e3122d; }
.newsRegion,.productRegion{ position: relative; z-index: 3; }
/*.newsRegion:after{ content: ''; position: absolute; top: -135px; left: -56px; width: 56px; height: 648px; background: url(../images/bodu_bg_2.png) no-repeat; }*/
/*.productRegion:after{ content: ''; position: absolute; top: 200px; right: -56px; width: 56px; height: 648px; background: url(../images/bodu_bg_3.png) no-repeat; }
footer:after{ content: ''; position: absolute; bottom: 0; top: -277px; left: 0; width: 56px; height: 277px; background: url(../images/bodu_bg_2.png) no-repeat; }*/
.menu-handler {
	width: 50px;
	height: 50px;
	cursor: pointer;
	position: absolute;
	display: none;
	top: 10px;
	right: 38px;
	margin-left: 15px;
	z-index: 149;
}
.menu-handler .burger {
	width: 42px;
	height: 4px;
	background: #fff;
	display: block;
	position: absolute;
	z-index: 5;
	top: 20px;
	left: 50%;
	margin: 0px 0px 0px -12px;
	border-radius: 3px;
	transform-origin: center;
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-o-transform-origin: center;
	-ms-transform-origin: center;
	transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;
}
.menu-handler .burger-2 {
	top: 33px;
}
.menu-handler .burger-3 {
	top: 47px;
}
.menu-handler.active .burger-1 {
	top: 27px;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.menu-handler.active .burger-2 {
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	filter: alpha(opacity=0);
	opacity: 0;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	-webkit-opacity: 0;
}
.menu-handler.active .burger-3 {
	top: 27px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.trans, .trans:hover {
	-webkit-transition: all 277ms ease-in-out;
	-moz-transition: all 277ms ease-in-out;
	-o-transition: all 277ms ease-in-out;
	transition: all 277ms ease-in-out;
	-ms-transition: all 277ms ease-in-out;
}
.trans-fast,.trans-fast:hover {
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
}

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



/*
*内页头图
*/
.insideCont{ background: #fff; box-shadow:0px 1px 4px rgba(0,0,0,0.3),0 0 20px rgba(0,0,0,0.1);
	webkit-box-shadow:0px 1px 4px rgba(0,0,0,0.3),0 0 20px rgba(0,0,0,0.1) ;
	moz-box-shadow:0px 1px 4px rgba(0,0,0,0.3),0 0 20px rgba(0,0,0,0.1) ;
	o-box-shadow:0px 1px 4px rgba(0,0,0,0.3),0 0 20px rgba(0,0,0,0.1) ; position: relative; overflow: hidden; }
.websiteBanner{ width: 100%; overflow: hidden; position: relative; border-bottom: 3px solid #ff0000; min-height: 100px; height: calc(100% - 60px); }
.websiteBanner img{ width: 100%; position: relative; z-index: -1; height: 400px; }
.websiteBannertTitle{ width: 100%; position: absolute; bottom: -3px; left: 0; text-align: center; display: flex; }
.websiteBannertTitle p{ display: inline-block; padding: 8px 25px; background: #ff0000; font-size: 30px; color: #fff; margin: 0 auto; }
.websiteBannertTitle p span{ font-size: 22px;vertical-align: middle; font-family: 'GothamRnd'; }
.websiteBannertTitle p i{ display: inline-block; width: 3px; height: 50px; background: #fff; vertical-align: middle; margin: 0 5px 0 15px; }

/*
*内页二级导航
*/
.accessNav{ padding: 12px 0; text-align: center;}
.accessNav a{ font-size: 14px; color: #516974; margin-right: 55px; position: relative; transition-duration: 0s;-ms-transition-duration: 0s;-moz-transition-duration: 0s; -webkit-transition-duration: 0s; }
.accessNav a:last-child{ margin-right: 0;}
.accessNav a:after{ content: ''; position: absolute; width: 1px; height: 100%; background: #516974; right: -27.5px; }
.accessNav a:last-child:after{ display: none; }
.accessNav a:hover,.accessNav a.cur{ color: #ff0000;  }

/*
*内页标题
*/
.websiteTitle{ text-align: center; padding-top: 35px; padding-bottom: 30px; }
.websiteTitle h2{ font-size: 22px; color: #ff0000; display: inline-block; position: relative; font-weight: normal; }
.websiteTitle h2:after{ content: ''; position: absolute; top: 50%; left: -60px; width: 50px; height: 2px; background: #ff0000;}
.websiteTitle h2:before{ content: ''; position: absolute; top: 50%; right: -60px; width: 50px; height: 2px; background: #ff0000;}
.websiteTitle p{ margin-top: 20px; color: #444;}

/*
*凤祥资讯
*/
.newsPage{ padding-bottom: 45px;}
.newsPage .newsList{ width: 1200px; margin: 0 auto; overflow: hidden; }
.newsPage .newsList .dec{ overflow: hidden; border-bottom: 1px solid #e6e6e6; padding-top: 10px; position: relative; margin-bottom: 60px; }
.newsPage .newsList .dec .pic{ float: left; width: 212px; height: 155px; position: relative; z-index: 1; }
.newsPage .newsList .dec .pic img{ width: 100%; height: 100%; }
.newsPage .newsList .dec .pic:after{ content: ''; position: absolute; top: -8px; left: 10px; width: 202px; height: 145px; border: 4px solid #e8e8e8; z-index: -1; }
.newsPage .newsList .dec .text{ float: right; width: calc(100% - 270px); padding-top: 20px;  }
.newsPage .newsList .dec .text .textTop{ border-bottom: 1px solid #d8d8d8; overflow: hidden; max-width: 700px; line-height: 35px;}
.g_date{ float: left; font-family: 'AvantGardeITCbyBT'; }
.g_date span{ font-size: 13px; color: #8f8f8f; display: inline-block; margin-right: 20px; position: relative;}
.g_date span:last-child{ margin-right: 0;}
.g_date span:after{ content: ""; position: absolute; top: 50%; right: -11.5px; width: 4px; height: 4px; background:#8f8f8f; margin-top: -2px;  }
.g_date span:last-child:after{ display: none; }

.newsPage .newsList .dec .text .textTop .title{ float: left; width: calc(100% - 120px - 10px); padding-left: 10px; }
.newsPage .newsList .dec .text .textTop .title a{ color: #fa001b; font-weight: normal; display: block; width: 100%; font-size: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.newsPage .newsList .dec .text .textTop .title a:hover{ color: #fa0000;}
.newsPage .newsList .dec .text .info{ padding-top: 15px; line-height: 20px;}
.newsPage .newsList .dec .text .info a{ color: #516974;}
.newsPage .newsList .dec .text .info:hover{  text-decoration:underline; }
.newsPage .newsList .dec .text .viewDetails{ display: block; width: 35px; height: 12px; background: url(../images/viewDetails.png); position: absolute; bottom: 10px; right: 25px; }


/*
*下滑加载更多
*/
.loadingText{ text-align: center;}
.loadingText p{ color: #8f8f8f; display: inline-block; width: 440px; border-bottom: 1px solid #8f8f8f; padding-bottom: 10px; }

/*
*新闻详情
*/
.newsDetails{ width: 1200px; margin: 0 auto; }
.newsDetails .titleAndDate{ text-align: center; }
.newsDetails .titleAndDate .newsDetailsTit{ border-bottom: 1px solid #8f8f8f; padding-bottom: 10px; margin-bottom: 5px; }
.newsDetails .titleAndDate h2{ font-size: 24px; color: #fa001b; font-weight: normal; margin-bottom: 10px;}
.newsDetails .titleAndDate h4{ font-size: 20px; color: #676767; font-weight: normal;  }
.newsDetails .titleAndDate .g_date{ float: none;}
.newsDetails .newsInfo{ line-height: 24px; padding-top: 30px; padding-bottom: 50px; }
.newsDetails .newsInfo .img{ text-align: center;}
.newsDetails .newsInfo img{ max-width: 100%; }

/*
*凤祥愿景
*/
.insideControl{ width: 1035px; margin: 0 auto;}
.aboutVisionPage .insideControl .visionList{ padding-bottom: 30px;}
.aboutVisionPage .insideControl .dec{ position: relative; padding-bottom: 50px; margin-bottom: 20px; }
.aboutVisionPage .insideControl .dec .pic{ overflow: hidden; position: relative; }
.aboutVisionPage .insideControl .dec .pic img{ float: left; }
.aboutVisionPage .insideControl .dec .pic .headline{ position: absolute; top: 0; left: 0; width: 345px; height: 100%; color: #fff; text-align: right; }
.aboutVisionPage .insideControl .dec .pic .picmultiply{ position: absolute; top: 0; left: 0; width: 345px; height: 100%; background: #ff0000; mix-blend-mode: multiply; }
.aboutVisionPage .insideControl .dec .pic .headline .eng{ height: 160px; font-size: 50px; font-family: 'GothamRnd'; opacity: 0.5; position: relative; }
.aboutVisionPage .insideControl .dec .pic .headline .eng span,.aboutVisionPage .insideControl .dec .pic .headline .cnc span{display: table-cell;  vertical-align: bottom; width: 500px; height: 160px; }
.aboutVisionPage .insideControl .dec .pic .headline .cnc{ height: 118px; font-size: 96px; opacity: 0.5; line-height: normal; font-family: ''; background: rgba(255,0,0,0.8); }
.aboutVisionPage .insideControl .dec .pic .headline .cnc span{ height: 118px;}
.aboutVisionPage .insideControl .popover .popoverTwwen{ width: 655px; height: 184px;  position: relative;  padding-top: 65px; padding-left: 55px; padding-right: 35px; box-sizing: border-box; background: #f8f8f8; background: url(../images/popover_icon1.png) #f8f8f8 8px 8px no-repeat; border-bottom: 2px solid #fa293b;  line-height: 24px; color: #444; bottom: 0px; right: 0;}
.aboutVisionPage .insideControl .popover{ position: absolute; bottom: 0; right: 0;  }
.aboutVisionPage .insideControl .popover .popoverTwwen::after{ content: ''; position: absolute; bottom: 0; right: 0; width: 185px; height: 7px; background: #fa293b; }
.aboutVisionPage .insideControl .popover .info{ position: relative; }
.aboutVisionPage .insideControl .popover .info::after{ content: ''; position: absolute; top: -10px; left: -15px; width: 14px; height: 16px; background: url(../images/popover_icon2.png);}
.aboutVisionPage .insideControl .popover .info::before{ content: ''; position: absolute; bottom: -10px; right: -10px; width: 14px; height: 16px; background: url(../images/popover_icon3.png);}
 
.aboutVisionPage .insideControl .dec:nth-child(even) .pic img{ float: right; }
.aboutVisionPage .insideControl .dec:nth-child(even) .pic .picmultiply,.aboutVisionPage .insideControl .dec:nth-child(even) .pic .headline{ left: auto; right: 0; text-align: left; }
.aboutVisionPage .insideControl .dec:nth-child(even) .popover{ right: auto; left: 0; }


.aboutVisionPageIpad{ display: none; }
.aboutVisionPageIpadTop{ position: relative; padding-bottom: 70px; }
.aboutVisionPageIpadTop img{ max-width: 90%;}
.aboutVisionPage .insideControl .aboutVisionPageIpadTop .popover{ width: 70%;}
.aboutVisionPageIpad .visionListIpad{ }
.aboutVisionPageIpad .visionListIpad .item{ overflow: hidden; padding-bottom: 20px;}
.aboutVisionPageIpad .visionListIpad .item h5{ font-weight: normal; font-size: 45px; color: #ff0000; border-bottom: 1px solid #fa293b; padding-bottom: 10px;}
.aboutVisionPageIpad .visionListIpad .item .bottom{ overflow: hidden; padding-top: 10px; }
.aboutVisionPageIpad .visionListIpad .item .bottom .left{ float: left; font-family: 'GothamRnd'; font-size: 25px; color: #8a8a8a; }
.aboutVisionPageIpad .visionListIpad .item .bottom .right{ float: right; width: calc(100% - 180px); line-height: 24px; color: #444;}

.anim{ -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
	transition: all .8s;
	-webkit-transform: translateY(100px) translateX(0);
	-moz-transform: translateY(100px) translateX(0);
	transform: translateY(100px) translateX(0);
	opacity: 0;
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
}

.anim-show{
	-webkit-transform: translateY(0px) translateX(0);
	-moz-transform: translateY(0px) translateX(0);
	transform: translateY(0px) translateX(0);
	opacity: 1;
}


/*
*社会认可
*/
.aboutHonorPage{ padding-bottom: 50px;}
.honorList{ overflow: hidden; padding-bottom: 70px; padding-top: 10px;  }
.honorList .dec{ float: left; width: 25%; margin-bottom: 50px;}

.honorList .dec .border_n{  width: 210px; height: 230px; border: 1px solid #eaeaea; box-sizing: border-box; padding: 3px;  margin: 0  auto;  position: relative; z-index: 2; background: #fff;
	box-shadow:0px 1px 4px rgba(0,0,0,0.3),0 0 20px rgba(0,0,0,0.1);
	webkit-box-shadow:0px 1px 4px rgba(0,0,0,0.3),0 0 20px rgba(0,0,0,0.1) ;
	moz-box-shadow:0px 1px 4px rgba(0,0,0,0.3),0 0 20px rgba(0,0,0,0.1) ;
	o-box-shadow:0px 1px 4px rgba(0,0,0,0.3),0 0 20px rgba(0,0,0,0.1) ; }
.honorList .dec .border_n:after{ content: ''; width: 1px; height: 80px; background: #e5e5e5; position: absolute; bottom: -80px; left: 50%; margin-left: -0.5px; z-index: -2; }
.honorList .dec .border{ border: 1px solid #eaeaea; width: 100%; height: 100%; box-sizing: border-box; position: relative; padding: 70px 15px 0; color: #536379; margin: 0 auto; }
.honorList .dec .border .tag{  position: absolute; top: 0; right: 0; width: 63px; height: 56px; }


.honorList .dec .border:before{ content: ''; position: absolute; top: 20px; left: 15px; width: 50px; height: 25px; background: url(../images/honor_icon.png);}
.honorList .dec .border .info{ height: 57px; overflow: hidden;  }
.honorList .dec .border i{ display: block; width: 166px; height: 13px; background: url(../images/honor_icon1.png) no-repeat; margin-top: 20px;  background-size: 100%;  }
.honorList .dec .border .title{ text-align: center; margin: 5px 0 5px; color: #172c2b; line-height: 15px; font-size: 12px; max-height: 30px; overflow: hidden; }
.honorList .dec .border .day{ text-align: center; font-size: 12px; }


/*
*领导人介绍
*/
.bgWeird{ background: #f2f2f2; }
.aboutLeaderPage{ overflow: hidden; }
.aboutLeaderPage .content{ padding-right: 85px; box-sizing: border-box; width: 1035px; }
.aboutLeaderPage .dec{ background: #fff; width: 100%; position: relative; z-index: 1; box-sizing: border-box; padding-bottom: 40px; margin-bottom: 95px;}
.aboutLeaderPage .dec:after{ content: ''; position: absolute; top: 0; left: -98%; width: 100%; height: 100%; background: #fff; z-index: -1;}

.aboutLeaderPage .dec .message{ padding-left: 185px; padding-top: 35px; padding-bottom: 15px; width: 420px; }
.aboutLeaderPage .dec .message:after{ content: ''; position: absolute; top: 5px; left: 85px; width: 20px; height: 20px; background: url(../images/popover_icon1.png); }
.aboutLeaderPage .dec .message .name{ font-size: 18px; color: #444; line-height: 26px; position: relative;}
.aboutLeaderPage .dec .message .name::after{ content: ''; position: absolute; top: -35px; left: 0; width: 208%; height: 2px; background: #fa293b;}
.aboutLeaderPage .dec .message .name::before{ content: ''; position: absolute; top: -35px; left: 0; width: 185px; height: 9px; background: #fa293b;}
.aboutLeaderPage .dec .message .name span:first-child{ letter-spacing: 3px; position: relative; }
.aboutLeaderPage .dec .message .name span:last-child{ font-size: 16px;  color: #757575; }
.aboutLeaderPage .dec .message .name p{ line-height: 24px;}
.aboutLeaderPage .dec .message .position{ font-size: 14px; color: #757575; margin-bottom: 25px; }
.aboutLeaderPage .dec .message p{ color: #444;}
.aboutLeaderPage .positionList{ background: #ff0000; color: #fff; position: relative; z-index: 1; padding: 15px 0 15px 185px; box-sizing: border-box; left: -150%; }
.aboutLeaderPage .content:nth-child(even) .positionList{ left: 150%; }

.aboutLeaderPage .positionList:after{ content: ''; position: absolute; top: 0; left: -98%; width: 100%; height: 100%; background: #ff0000; z-index: -1; }
.aboutLeaderPage .positionList ul li{ line-height: 30px; padding-left: 15px; position: relative;  width: 375px;}
.aboutLeaderPage .positionList ul li:after{ content:''; position: absolute; top: 12px; left: 0; width: 6px; height: 6px; background: #fff; border-radius: 50%;}
.aboutLeaderPage .pic{  position: absolute; bottom: 40px; right: 40px; z-index: 2; }

.aboutLeaderPage .content:nth-child(even){ padding-right: 0; padding-left: 85px; }
.aboutLeaderPage .content:nth-child(even) .dec:after,.aboutLeaderPage .content:nth-child(even) .dec .positionList:after{ content: ''; left: auto; right: -98%; }
.aboutLeaderPage .content:nth-child(even) .dec .message,.aboutLeaderPage .content:nth-child(even) .dec .positionList{ padding-left: 440px; }
.aboutLeaderPage .content:nth-child(even) .dec .pic{ right: auto; left: 140px; }
.aboutLeaderPage .content:nth-child(even) .dec .positionList{ padding-top: 30px; padding-bottom: 30px;}
.aboutLeaderPage .content:nth-child(even) .dec .message .name::after{ left: auto; right: 100%; width: 125%; }
.aboutLeaderPage .content:nth-child(even) .dec .message:first-child:after{ content: ''; left: auto; right: 85px; }

.aboutLeaderPage .dec.anim .positionList{     
    -webkit-transform: translateY(0) translateX(0);
    -moz-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
     transition-delay: 0.5s; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; }
.aboutLeaderPage .dec.anim-show .positionList{ left: 0!important;  }
.aboutLeaderPage .dec.anim .positionList ul{  -webkit-transform: translateY(0) translateX(0);
    -moz-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);  -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s; opacity: 0;}
.aboutLeaderPage .dec.anim-show .positionList ul{ opacity: 1; transition-delay: 1.2s; -webkit-transition-delay: 1.2s; -moz-transition-delay: 1.2s; }

.aboutLeaderPage .dec .pic{ opacity: 0; -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s; }
.aboutLeaderPage .dec.anim-show .pic{ opacity: 1; transition-delay: 1.2s; -webkit-transition-delay: 1.2s; -moz-transition-delay: 1.2s;}



/*
*全产业链
*/
.safetyChainPage .top{ text-align: right; position: relative; padding-bottom: 100px; width: 100%;}
.safetyChainPage .top .popoverTwwen{ width: 545px; padding: 60px 35px 40px 30px; background: #f8f8f8; text-align: left; position: absolute; bottom: -105px; left: 0; border-bottom: 2px solid #fa293b; }
.safetyChainPage .top .popoverTwwen h4{ font-size: 18px; font-weight: 500; margin-bottom: 20px; }
.safetyChainPage .top .popoverTwwen .info{ line-height: 24px; color: #444; position: relative;}
.safetyChainPage .top .popoverTwwen .info:after{ content: ''; position: absolute; top: -5px; left: -10px; width: 14px; height: 16px; background: url(../images/popover_icon2.png);}
.safetyChainPage .top .popoverTwwen .info:before{ content: ''; position: absolute; bottom: -5px; right: -10px; width: 14px; height: 16px; background: url(../images/popover_icon3.png);}
.safetyChainPage .top .popoverTwwen:after{ content: ''; position: absolute; top: 10px; left: 10px; background: url(../images/popover_icon1.png); width: 20px; height: 20px;}
.safetyChainPage .chainList{ position: relative; overflow: hidden; padding-bottom: 80px; }

.safetyChainPage .chainList .dec{ width: 100%; margin-bottom: 60px; position: relative; }
.safetyChainPage .chainList .dec:after{ content:''; position: absolute; border: 1px dashed #fa293b; top: 100%; left: 50%; margin-left: -0.5px; height: 100%; }
.safetyChainPage .chainList .dec:last-child:after{ content: ''; display: none;}
.safetyChainPage .chainList .dec img{ display: block; margin: 0 auto; position: relative; z-index: 1; }
.safetyChainPage .chainList .dec .info{ width: 50%; position: absolute; right: 0; top: 0;  padding-top: 10px; box-sizing: border-box; }
.safetyChainPage .chainList .dec .info h4{ font-size: 18px; color: #fa293b; font-weight: normal; padding-left: 100px; border-bottom: 2px solid #fa293b; position: relative; padding-bottom: 10px;}

.safetyChainPage .chainList .dec .info h4 span{ display: inline-block; position: relative;}
.safetyChainPage .chainList .dec .info h4 span:after{ content:''; position: absolute; bottom: -10px; left: 0; width: 180px; height: 7px; background: #fa293b;  }
.safetyChainPage .chainList .dec .info ul{ padding-left: 100px;}
.safetyChainPage .chainList .dec .info ul li{ line-height: 36px; color: #444; padding-left: 10px; position: relative; padding-right: 30px }
.safetyChainPage .chainList .dec .info ul li:after{ content: ''; position: absolute; top: 16px; left: 0; width: 4px; height: 4px; border-radius: 50%; background: #fa293b;}


.safetyChainPage .chainList .dec:nth-child(even) .info{ right: auto; left: 0;  }
.safetyChainPage .chainList .dec:nth-child(even) .info h4{ text-align: right; padding-right: 110px;}
.safetyChainPage .chainList .dec:nth-child(even) .info ul{ padding-right: 50px; padding-left: 40px;}
.safetyChainPage .chainList .dec:nth-child(even) .info h4 span:after{ left: auto; right: 0; }


/*
*国际标准
*/
.standardPage { padding-top: 50px; padding-bottom: 50px;}
.standardPage .content{ position: relative; padding-top: 160px; }
.standardPage .img{ position: absolute; top: 0; right: 0; }
.standardPage .img:after{ content: ''; position: absolute; top: 0; left: -10px; width: 10px; height: 160px; background: #fa293b; }
.standardPage .dec{ background: #f8f8f8; padding-top: 30px; overflow: hidden; border-bottom: 2px solid #fa293b; width: 70%; position: relative; }
.standardPage .dec .left,.standardPage .dec .right{ float: right; }
.standardPage .dec .right{ padding: 0 10px; }
.standardPage .dec .right.anim{ transition-delay: 0.8s; -webkit-transition-delay: 0.8s; -moz-transition-delay: 0.8s;}
.standardPage .dec .left{ width: 100%; padding: 20px 30px 30px; box-sizing: border-box; position: relative;  }
.standardPage .dec .left:after{ content: ''; position: absolute; bottom: 0; left:20px; width: 180px; height: 9px; background: #fa293b; }
.standardPage .dec .left:before{ content: ''; position: absolute; top: -20px; left: 20px; width: 20px; height: 20px; background: url(../images/popover_icon1.png); }
.standardPage .dec .left h4{ font-size: 18px; margin-bottom: 30px;}
.standardPage .dec .left .info{ position: relative;}
.standardPage .dec .left .info p{ line-height: 24px; margin-bottom: 30px; color: #444; }
.standardPage .dec .left .info p.f12{ font-size: 12px; line-height: 15px;}
.standardPage .dec .left .info:after{ content: ''; position: absolute; top: -10px; left: -10px; width: 14px; height: 16px; background: url(../images/popover_icon2.png); }
.standardPage .dec .left .info:before{ content: ''; position: absolute; bottom: -10px; right: -10px; width: 14px; height: 16px; background: url(../images/popover_icon3.png); }

.standardPage .child{ padding-top: 100px; margin-bottom: 80px; position: relative; }

.iphoneImg{ text-align: center; margin-bottom: 30px; display: none; }
.iphoneImg img{ max-width: 90%; }






/*
* 浮动框
*/
.popover{ position: absolute; bottom: -40px; right: 0; width: 70%; }
.popover .popoverTween{ width: 100%; background: #f8f8f8; padding: 40px 30px 40px 40px; position: relative; box-sizing: border-box; border-bottom: 2px solid #ff0000; }
.popover .popoverTween:before{ content:''; position: absolute; bottom: 0; right: 0; width: 196px; height: 8px; background: #ff0000;  }
.popover .popoverTween:after{ content: ''; position: absolute; top: 10px; left: 10px; width: 20px; height: 20px; background: url(../images/popover_icon1.png); }
.popover .popoverTween h4{ font-size: 18px; margin-bottom: 15px; }
.popover .popoverTween .info{ font-size: 14px; color: #444; line-height: 24px; position: relative; }
.popover .popoverTween .info:after{ content: ''; position: absolute; top: -5px; left: -10px; width: 14px; height: 16px; background: url(../images/popover_icon2.png); }
.popover .popoverTween .info:before{ content: ''; position: absolute; bottom: -5px; right: -5px; width: 14px; height: 16px; background: url(../images/popover_icon3.png); }




/*
*联系我们
*/
.contactPage{ padding-bottom: 80px; }
.contactPage .img { overflow: hidden;}
.contactPage .img img{ min-width: 100%}
.contactPage .popoverTwwen{ width: 910px;  background: #f8f8f8; margin: 0 auto; margin-top: -10px; position: relative; z-index: 1; overflow: hidden; padding: 50px 90px 35px; box-sizing: border-box; border-bottom: 2px solid #fa293b; }
.contactPage .popoverTwwen:after{ content: ''; position: absolute; bottom: 0; right: 0; width: 180px; height: 6px; background: #fa293b;}
.contactPage .popoverTwwen:before{ content: ''; position: absolute; top: 10px; left: 30px; width: 20px; height: 20px; background: url(../images/popover_icon1.png); }
.contactPage .popoverTwwen .info{  overflow: hidden; position: relative;}
.contactPage .popoverTwwen .info:after{ content: ''; position: absolute; top: 0; left: 0; width: 14px; height: 16px; background: url(../images/popover_icon2.png); }
.contactPage .popoverTwwen .info:before{ content: ''; position: absolute; bottom: 0; right: 0; width: 14px; height: 16px; background: url(../images/popover_icon3.png); }
.contactPage .popoverTwwen .left,.contactPage .popoverTwwen .right{float: left; width: 50%; padding-left: 70px;  box-sizing: border-box; }
.contactPage .popoverTwwen .left{ line-height: 36px; border-right: 1px solid #6f6f6f;  padding-top: 10px; }
.contactPage .popoverTwwen .left a{ position:relative; color: #444; display: block; }
.contactPage .popoverTwwen .left a:after{ content: ''; position: absolute; top: 50%; left: -8px; width: 4px; height: 4px; background: #6f6f6f; border-radius: 50%;  margin-top: -2px; }
.contactPage .popoverTwwen .right{ float: left; width: 50%; overflow: hidden; display: flex; }
.contactPage .popoverTwwen .right img{ }
.contactPage .popoverTwwen .right .table{ height: 84px; display: table; padding-left: 10px; }
.contactPage .popoverTwwen .right .table .middle{ display: table-cell; vertical-align: middle;}

/*
*公司简介
*/
.aboutUs .top{ padding-bottom: 100px;}
.aboutUs .pic1{ padding-top: 225px; float: left; }
.aboutUs .pic2{ float: right; position: relative; z-index: 2; margin-top: 90px; }
.aboutUs .top .content{overflow: hidden; }
.aboutUs .positionBox{ width: 70%; box-sizing: border-box; position: absolute; top: 0; left: calc(100% -  140px - 70%); z-index: 1; }
.aboutUs .positionBox .positionBoxTween{ position: relative; width: 100%; height: 100%; background: #fff; }
.aboutUs .positionBox .info { width: calc(100% - 193px);  padding: 50px 50px 70px; box-sizing: border-box; border-bottom: 2px solid #fa293b; position: relative; }
.aboutUs .positionBox .info:after{ content:''; position: absolute; bottom: 0; right: 0; width: 180px; height: 8px; background: #fa293b; }
.aboutUs .positionBox .info:before{ content: ''; position: absolute; top: 5px; left: 5px; width: 20px; height: 20px; background: url(../images/popover_icon1.png); }
.aboutUs .positionBox .info .logos{ text-align: center; margin-bottom: 25px; }
.aboutUs .positionBox .info .text{ color: #444; position: relative; }
.aboutUs .positionBox .info .text:after{ content: ''; position: absolute; top: -10px; left: -10px; width: 14px; height: 16px; background: url(../images/popover_icon2.png); }
.aboutUs .positionBox .info .text:before{ content: ''; position: absolute; bottom: -10px; right: -10px; width: 14px; height: 16px; background: url(../images/popover_icon3.png); }
.aboutUs .positionBox .info .text h4{ font-size: 18px; margin-bottom: 10px;}
.aboutUs .positionBox .info .text p{ line-height: 24px;}
.aboutUs .videoModule{ background: #fff; padding-top: 35px; padding-bottom: 70px; }
.aboutUs .videoModule .content{ position: relative;}
.aboutUs .videoModule .left{ position: absolute; top: 50%; left: 0; background: url('../images/video_left.png') 140px center no-repeat #ff0000; width: calc(100% - 742px); height: 200px; margin-top: -100px; background-attachment: fixed; }
.aboutUs .videoModule .left:after{ content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: #ff0000; }
.aboutUs .videoModule .left p{ font-size: 22px; color: #fff; line-height: 200px; text-align: right; padding-right: 50px;  }
.aboutUs .videoModule .right{ float: right; position: relative;  }
.aboutUs .videoModule .right img{ width: 742px; height: 418px; object-fit: cover;}
.aboutUs .videoModule .right .video_btn{ width: 52px; height: 52px; background: url(../images/video_btn.png); position: absolute; top:50%; left: 50%; margin-left: -26px; margin-top: -26px; cursor: pointer; }
.aboutUs .videoModule .clear{ clear: both;}
.aboutUs .partners{ background: #fff; padding-bottom: 120px; }
.aboutUs .partners .dec{ background: #f1f1f1; padding: 50px; overflow: hidden; }
.aboutUs .partners .dec .text{ width: 530px; float: left; max-width: 55%; }
.aboutUs .partners .dec .text p { margin-top: 30px; line-height: 24px; color: #444;}
.aboutUs .partners .dec .pic{ float: right; position: absolute; right: 50px; top: 50px; max-width: 40%; }
.aboutUs .partners .dec .pic img{  position: relative;  }

.videoMask{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; display: none; }
.videoMask .videoMaskBg{ width: 100%; height: 100%; background: rgba(0,0,0,0.8); }
.videoMask video{ position: absolute; top: 50%;left: 50%; transform: translate(-50%, -50%); max-width: 80%; }
.videoMask .close{ width: 24px; height: 24px; background: url(../images/foodSafety_icon.png) no-repeat; position: absolute; top: 50px; right: 80px; cursor: pointer; }

header nav ul li .navIphone{ display: none; }
.aboutUs .mod1,.aboutUs .mod2,.aboutUs .mod3{ position: relative; background: #fff; padding-bottom: 80px; }
.aboutUs .mod1 .pic img,.aboutUs .mod2 .pic img,.aboutUs .mod3 .pic img{ max-width: 100%; }
.aboutUs .mod1 .pic{ width: 100%; }
.aboutUs .mod1 .pic img{ object-fit: cover; width: 100%; }
.aboutUs .mod1 .popover{ position: relative; bottom: 50px;; width: 100%; }
.aboutUs .mod1 .popover p{ margin-bottom: 20px; }

.aboutUs .mod2 .popover{bottom: auto; top: 20%; width: 50%; }
.aboutUs .mod3{ padding-bottom: 120px; }
.aboutUs .mod3 .pic{ float: right; }
.aboutUs .mod3 .popover{ bottom: auto; top: 20%; left: 0;  width: 50%; }

/*
*企业公民
*/
.citizenPage{ padding-bottom: 80px; }
.citizenPage .module1{ padding-top: 80px; padding-bottom: 100px; position: relative; }
.citizenPage .infoBox{ width: 548px;  background: url(../images/popover_icon1.png) no-repeat 10px 10px #f8f8f8; padding: 60px 30px 40px; box-sizing: border-box; overflow: hidden; border-bottom: 2px solid #fa293b;  }
.citizenPage .infoBoxTween{ position: relative; position: absolute; top: -40px; right: 0; z-index: 2; }
.citizenPage .infoBox:after{ content:''; position: absolute; bottom: 0; right: 0; width: 180px; height: 8px; background: #fa293b;} 
.citizenPage .infoBox h4{ font-size: 18px; font-weight: normal; margin-bottom: 25px; }
.citizenPage .infoBox .info{ line-height: 24px; position: relative; }
.citizenPage .infoBox .info:after{ content: ''; position: absolute; top: -5px; left: -10px; width: 14px; height: 16px; background: url(../images/popover_icon2.png); }
.citizenPage .infoBox .info:before{ content: ''; position: absolute; bottom: -5px; right: -10px; width: 14px; height: 16px; background: url(../images/popover_icon3.png); }
.citizenPage .infoBox .info p{ margin-bottom: 20px;}
.citizenPage .samllPic{ position: absolute; left: 58px; bottom: -77px; }

.citizenPage .module2{padding-bottom: 115px; position: relative; z-index: 1; }
.citizenPage .module2:after{ content: ''; position: absolute; top: 45px; left: 0; width: 100%; height: 286px; background: url(../images/citizen_pic2.jpg); background-size: cover; z-index: -1; }
.citizenPage .module2 .infoBoxTween{ right: auto; left: 0; top: auto; bottom: -25%; }
.citizenPage .module2 .infoBoxTween .infoBoxTween{ width: 680px; }
.citizenPage .module2 .pic{ float: right; }


.citizenPage .module3{ padding-top: 100px; padding-bottom: 150px; }
.citizenPage .module3 .infoBoxTween{ top: auto; bottom: -30%; width: calc(100% - 336px - 58px); }
.citizenPage .module3 .infoBoxTween .infoBox{ width: auto; }
.citizenPage .module3 .samllPic{ bottom: -150px; }


/*
*历史足迹
*/
.historyPage{ padding-bottom: 60px; }
.historyPage .list{ overflow: hidden; margin-bottom: 80px; }

.historyPage .list .dec{padding: 25px 23px; float: left; width: 100%; box-sizing: border-box; overflow: hidden;}
.historyPage .list .dec .date{ float: left; width: 125px; height: 72px; text-align: center; position: relative; }

.historyPage .list .dec .date .garden{ content:''; position: absolute; top: 50%; right: -10px; width: 10px; height: 10px; background: #ff0000; border-radius: 50%; margin-top: -5px; }
.historyPage .list .dec .date .garden:after{ content: ''; position: absolute; top: 10px; left: 50%; margin-left: -0.5px; width: 0; height: 300px; border: 1px dashed #ff0000;}
.historyPage .list .dec .date .garden:before{ content: ''; position: absolute; bottom: 5px; left: 50%; margin-left: -0.5px; width： 0; height: 120px; border: 1px dashed #ff0000; }

.historyPage .list .dec:last-child .date .garden:after,.historyPage .list .dec:first-child .date .garden:before{ display: none; }

.historyPage .list .dec .date .year{ font-size: 30px; color: #565656; display: inline-block; position: relative; }
.historyPage .list .dec .date .year:after{ content: ''; position: absolute; bottom: 0; left: 50%; width: 100%; margin-left: -50%; height: 1px; background: #cacaca; }
.historyPage .list .dec .date .month{ font-size: 13px; color: #949494; display: block; }
.historyPage .list .dec .right{ float: right; width: calc(100% - 125px - 36px); border-radius: 10px;  min-height: 72px; background: #f5f5f5; position: relative;}
.historyPage .list .dec .right:after{ content: '';width: 0; height: 0; border: 10px solid transparent; border-right: 15px solid #f5f5f5; position: absolute; top: 50%; left: -25px; margin-top: -10px; }
.historyPage .list .dec .right .pic img{ width: 100%; }
.historyPage .list .dec .right .text{ width: calc(100% - 195px); margin-left: 195px; min-height: 72px; padding-right: 30px; box-sizing: border-box; position: relative; }
.historyPage .list .dec .right .text{ min-height: 72px; display: flex; flex-direction: column; justify-content: space-around; padding: 10px 0; box-sizing: border-box; padding-right: 20px; }

.historyPage .list .dec .right .text p{ position: relative; }
.historyPage .list .dec .right .text p:after{ content: ''; position: absolute; top: 8px; left: -10px; width: 5px; height: 5px; background: #6f6f6f; border-radius: 50%; }
.historyPage .list .dec .right .pic{ position: absolute; top: 50%; left: 46px; margin-top: -47.5px; border-radius: 50%; border: 3px solid #eee; box-sizing: border-box; width: 95px; height: 95px; }
.historyPage .loadingText span{ display: block; width: 43px; height: 43px; background: url(../images/load_icon.png) no-repeat; margin: 0 auto 30px; }

.historyPage .juzhong{ display: flex; min-height: 90px; padding: 10px 0; flex-direction: column; justify-content: space-around; background: #000; color:#fff;}


.historyPage .list .dec.big .year{ color: #ff0000; }
.historyPage .list .dec.big .month{ color: #ff0000;}
.historyPage .list .dec.big .right{ background: #e2e2e2; }
.historyPage .list .dec.big .right:after{ border-right-color: #e2e2e2; }
.historyPage .list .dec.big .right .text p{ color: #ff0000; }
.historyPage .list .dec.big .right .text p:after{ background: #ff0000; }


/*
*凤祥产品
*/
.porductPage{ }
.porductPage .list{  }
.porductPage .list .dec{ position: relative; margin-bottom: 85px; }
.porductPage .list .dec .pic{ float: left; position: relative; z-index: 1; padding-bottom: 20px; width: 60%; }
.porductPage .list .dec .pic img{ width: 100%; }
.porductPage .list .dec .pic:after{ content: ''; position: absolute; top: -12px; left: 15px; width: 99%; height: 100%; border: 2px solid #ff0000; z-index: -1; }
.porductPage .list .dec .title{ position: absolute; z-index: 2; bottom: 20px; left: 60%; width: 40%; -webkit-transform: translateY(0) translateX(0);
    -moz-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0); }
.porductPage .list .dec .title .img{ width: 95px; text-align: center; float: left; position: relative; z-index: 1; margin-bottom: 10px; opacity: 0; transition-duration: .8s;-ms-transition-duration: .8s;-moz-transition-duration: .8s; -webkit-transition-duration: .8s; text-align: center; margin-left: 30px; }
.porductPage .list .dec .title .img img{ max-width: 100%; }

.porductPage .list .dec:nth-child(event) .title .img{ margin-left: 0; }


.porductPage .list .dec .title .child{ background: #eaeaea; position: absolute; bottom: 0; width: 100%; box-sizing: border-box; padding-left: 170px; padding-right: 10px; height: 105px; display: flex; flex-direction: column; justify-content: space-around; transform: translateX(30px); opacity: 0; transition-duration: .8s;-ms-transition-duration: .8s;-moz-transition-duration: .8s; -webkit-transition-duration: .8s; }
.porductPage .list .dec .title .child:after{ content: ''; position: absolute; top: 0; left: 100%; width: 1000px; height: 100%; background: #eaeaea;  }
.porductPage .list .dec:nth-child(even) .title .child{ transform: translateX(-30px);  }
.porductPage .list .dec .title .child h4{ font-size: 24px; color: #ed0721; font-weight: normal; position: relative; }
.porductPage .list .dec .title .child h4:after{ content: ''; position: absolute; top: 15px; left: -10px; width: 5px; height: 5px; background: #ed0721; border-radius: 50%;}
.porductPage .list .dec .title .child a{  padding: 0 30px 0 10px; height: 20px; line-height: 20px; display: inline-block; text-align: center; font-size: 12px; color: #ed0721; border: 1px solid #ed0721; border-radius: 10px; margin-top: 5px; background: url(../images/product_iconC.png) no-repeat 75px center; position: relative; width: 60px; }

.porductPage .list .dec:nth-child(even) .pic{ float: right; }
.porductPage .list .dec:nth-child(even) .title{ left: 0; }
.porductPage .list .dec:nth-child(even) .title .child:after{ left: -1000px; }
.porductPage .list .dec:nth-child(even) .pic:after{ left: -15px; }
.porductPage .list .dec.anim-show .title .img{   transition-delay: 0.8s; opacity: 1;}
.porductPage .list .dec.anim-show .title .child{ transition-delay: 0.5s; transform: translate(0); opacity: 1; }


/*
*凤祥产品-详情
*/
.productDetailsPage .productNav{ text-align: center; }
.productDetailsPage .productNav .list{ display: inline-block; margin-top: 20px; padding: 20px 20px; border-top: 1px solid #555; }
.productDetailsPage .productNav a{ font-size: 12px; color: #555; margin: 0 14px; position: relative; text-decoration:none; transition-duration: .0s;-ms-transition-duration: .0s;-moz-transition-duration: .0s; -webkit-transition-duration: .0s;  }
.productDetailsPage .productNav a:after{ content: ''; position: absolute; top: 50%; left: -10px; width: 3px; height: 3px; background: #555; border-radius: 50%;  }
.productDetailsPage .productNav a:before{ content: ''; position: absolute; bottom: -5px; width: 100%; height: 1px; background: #ff0000; opacity: 0; }
.productDetailsPage .productNav a:hover,.productDetailsPage .productNav a.cur{ color: #ff0000; font-weight: bold; }

.productDetailsPage .productNav a:hover:after,.productDetailsPage .productNav a.cur:after,.productDetailsPage .productNav a:hover:before,.productDetailsPage .productNav a.cur:before{ background: #ff0000; opacity: 1; }

.productDetailsPage .productPageTop{ position: relative; overflow: hidden; padding-bottom: 40px; }
.productDetailsPage .productPageTop .pic{ width: 100%; }
.productDetailsPage .productPageTop .pic img{ width: 100%; }
.productDetailsPage .productPageTop .popover{ position: relative; bottom: 50px; left: 45px; width: calc(100% - 360px); float: left; }
.productDetailsPage .productPageTop .popover .popoverTween{ padding-right: 100px; background: #fff; }
.productDetailsPage .productPageTop .popover .popoverTween .info{ margin-top: 20px;  }
.productDetailsPage .productPageTop .video{ float: right; width: 360px; height: 203px; position: relative; z-index: 2; }
.productDetailsPage .productPageTop .video img{ width: 100%; height: 100%; }

.productDetailsPage .productPageTop .video .video_btn{ width: 25px; height: 25px; background: url(../images/video_btn.png); background-size: cover; position: absolute; top: 50%; left: 50%; margin-left: -12.5px; margin-top: -12.5px;  cursor: pointer; }
.productDetailsPage .productDetailsList{ background: #fff; padding: 50px 0; }
.productDetailsPage .productDetailsList .content{ overflow: hidden; display: flex; flex-direction: row;flex-wrap: wrap;}
.productDetailsPage .productDetailsList .dec{ width: 33.33%;  overflow: hidden; padding-right: 20px; box-sizing: border-box; margin-bottom: 45px; }
.productDetailsPage .productDetailsList .dec .pic{ float: left; width: 140px; height: 165px; text-align: center; }
.productDetailsPage .productDetailsList .dec .text{ float: left; width: calc(100% - 140px); padding-top: 35px; }
.productDetailsPage .productDetailsList .dec .text h4{ font-size: 16px; font-weight: normal; color: #fa001a; border-left: 2px solid #fa001a; padding-left: 5px; }
.productDetailsPage .productDetailsList .dec .text h4 span{ font-weight: bold; position: relative; }
.productDetailsPage .productDetailsList .dec .text p{ font-size: 12px; color: #444; border-top: 1px solid #c9c9c9; padding-top: 5px; margin-top: 10px; }


/*
*凤祥商学院
*/
.joinPage{ padding-bottom: 60px; }
.joinPage .joinPageTop{ padding-top: 45px; padding-bottom: 90px; }
.joinPage .joinPageTop .content{ position: relative; }
.joinPage .joinPageTop .content .pic{ position: absolute; top: 0; left: 0; }
.joinPage .joinPageTop .popover{ position: relative; bottom: auto; bottom: -90px; right: 0; float: right; }
.joinPage .joinPageTop .popover .popoverTween{ padding-bottom: 90px; border-bottom: 0; }
.joinPage .joinPageTop .popover .popoverTween:before{ content: ''; bottom: auto; top: 0; width: 300px; }
.joinPage .joinPageTop .popover .info .dec { padding-bottom: 20px;  }
.joinPage .joinPageTop .popover h4{ font-weight: normal; }
.joinPage .joinPageTop .popover .info .dec h5{ font-size: 16px; color:#ff0000; font-weight: normal; border-bottom: 1px solid #ff0000; }

.joinPage .developmentFramework{ padding-bottom: 50px; }
.joinPage .developmentFramework .content{  }
.joinPage .developmentFramework .bg{ width: 100%; height: 214px; }
.joinPage .developmentFramework .bg img{ object-fit: cover; width: 100%; height: 100%; }
.joinPage .developmentFramework .text{ float: left; width: calc(100% - 450px); }
.joinPage .developmentFramework .text .info{ margin-bottom: 30px; }
.joinPage .developmentFramework .text .popover{ width: 100%; left: 0; right: auto; top: -50px; position: relative; z-index: 2; }
.joinPage .developmentFramework .flatPattern{ float: right; }

.joinPage .growthPath .bg{ width: 100%; height: 219px; }
.joinPage .growthPath .bg img{ object-fit: cover; width: 100%; height: 100%; }
.joinPage .growthPath .text{ padding: 15px 0; text-align: center; color: #444; border-bottom: 2px solid #fa293b; }
.joinPage .growthPath .text h4{ font-size: 18px;  margin-bottom: 10px; }
.joinPage .growthPath .growthPathImg{ text-align: center; background: #f5f5f5; padding: 20px 0; width: 100%; box-sizing: border-box; }
.joinPage .growthPath .growthPathImg img{ max-width: 80%; }


/*
*招聘职位
*/
.join1Page{ padding-bottom: 50px; }
.join1Page .list{ overflow: hidden; padding-bottom: 50px; }
.join1Page .list .child{ overflow: hidden; }
.join1Page .list .dec{ width: 48%; float: left; margin-bottom: -1000px; padding-bottom: 1040px; }
.join1Page .list .dec:nth-child(even){ float: right; }

.join1Page .list .dec .title{ border-bottom: 1px solid #fa293b; overflow: hidden; padding: 10px 10px 10px 0; position: relative;  }
.join1Page .list .dec .title p{ font-size: 18px; color: #fa293b; float: left; padding-left: 26px;  position: relative; max-width: calc(100% - 100px); overflow: hidden; box-sizing: border-box; }
.join1Page .list .dec .title p:after{ content: ''; position: absolute; top: 10px; left: 10px; width: 5px; height: 5px; background: #fa293b; border-radius: 50%;  }
.join1Page .list .dec .title:after{ content: ''; position: absolute; bottom: 0; left: 26px; width: 150px; height: 4px; background: #fa293b; }
.join1Page .list .dec .title a{ float: right; font-size: 12px; color: #ff0000; border: 1px solid #ff0000; border-radius: 10px; padding: 2px 20px 2px 10px; letter-spacing: 3px; background: url(../images/product_iconC.png) 73px 10px  no-repeat; }

.join1Page .list .dec .title a:hover{ color: #fff; background: #ff0000; }
.join1Page .list .dec .claim{  padding-left: 15px; margin-bottom: 20px; }
.join1Page .list .dec .claim p{ display: inline-block; color: #000; padding-right: 20px; white-space: nowrap; line-height: 43px; }
.join1Page .list .dec .claim p span{ color: #777; }
.join1Page .list .dec .info{ padding-left: 15px; }
.join1Page .list .dec .info h4{ font-weight: normal; padding-bottom: 5px; border-bottom: 1px solid #bebebe; }
.join1Page .list .dec .info p{ color: #777; line-height: 24px; padding-left: 10px; position: relative; }
.join1Page .list .dec .info p:after{ content: ''; position: absolute; top: 11px; left: 0; width: 3px; height: 3px; border-radius: 50%; background: #777; }

.contactPop{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.5); z-index: 5; display: none;}
.contactPop .dec{ width: 660px; height: 175px; background: #fff; position: absolute; top: 50%; left: 50%; margin-left: -330px; margin-top: -87.5px; }
.contactPop .dec .decTop{ border-bottom: 2px solid #fa293b; padding-left: 100px; line-height: 45px; height: 45px; position: relative; }
.contactPop .dec .decTop i{ position: absolute; top: 0px; right: 30px; cursor: pointer; }
.contactPop .dec .decTop p{ font-size:18px; color: #fa293b; position: relative; display: inline-block; }
.contactPop .dec .decTop p:after{ content: ''; position: absolute; width: 5px; height: 5px; background: #fa293b; border-radius: 50%; top: 50%; left: -10px; margin-top: -2.5px; }
.contactPop .dec .decTop p:before{ content: ''; position: absolute; width: 130%; height: 4px; background: #fa293b; bottom: 0; left: -20px; }


.contactPop .dec .info{ margin-left: 80px; padding-top: 20px; padding-left: 20px; padding-bottom: 10px; width: 480px; border-bottom: 1px solid #bebebe; }
.contactPop .dec .info div{ overflow: hidden; margin-bottom: 10px;}
.contactPop .dec .info div p{ display: inline-block; color: #777;}
.contactPop .dec .info div p a{ color: #777; margin-right: 5px;}








@media screen and (min-width: 1860px){
    .websiteBanner img{ height: 500px; }
}


@media screen and (min-width: 1200px)
{
	.foodSafety .item .pack .dec{ position: relative; float: left; width: 331px; height: 266px; overflow: hidden; margin-right: 3px; cursor: pointer; overflow: hidden; min-width: 247px; }

	.foodSafety .item .pack .dec .sDec{ position: absolute; width: 331px; padding-top: 28px; overflow: hidden; z-index: 6;  }
	.foodSafety .item .pack .dec .sDec img{ min-width: 100%; min-height: 100%; }
	/*.foodSafety .item .pack .dec .bDec{ width: 500px; height: 513px; opacity: 1; position: relative; z-index: 5; transition-duration: .0s;-ms-transition-duration: .0s;-moz-transition-duration: .0s; -webkit-transition-duration: .0s; overflow: hidden; }*/
	.foodSafety .item .pack .dec .bDec .close{ display: none; }
}

@media screen and (max-width: 1440px){
	.content{ width: 90%;  }
    .newsAndMap .content{ width: 100%; }
	header nav ul li{ width: 14.66%; }
	.newsAndMap .news{ width: calc(30% + 20px); }
	.newsAndMap .map .mapBox{ width: calc(70% - 40px); }
/*    .newsAndMap .map .mapBox .text{ width: 97%; }*/
	.product .productList{ padding: 0 50px; }
	.product .productList .dec .pic{ width: 40%; }
	.product .productList .dec .text{ width: calc(100% - 40% - 10px); }
	.newsAndMap .map .mapBox .mapTop{ transform-origin: left bottom;}
	.foodSafety .item .packBg:after{ display: none; }
	.foodSafety .item .packBg .icon{ content: ''; position: absolute; top: -165px; left: -56px; width: 244.8px; height: 238.4px;z-index: 0; }
	.newsAndMap .news{ padding-right: 30px; }
	.newsAndMap .news .newsTitle .right a{ margin-left: 10px; }
	.newsAndMap .news .newsTitle h2{ font-size: 35px; }
	.product .swiper-button-prev{ left: 10px; }
	.product .swiper-button-next{ right: 10px; }
	.banner .swiper-slide a p{ font-size: 38px;  }
    .websiteBanner img{ width: 100%; position: relative; z-index: -1; height: 320px; }
	/*
	*凤祥资讯
	*/
	.newsPage .newsList,.newsDetails{ width: 1000px; }

    /*
    *全产业链
    */
    .safetyChainPage .content{ width: 90%; }
    .safetyChainPage .chainList .dec:nth-child(even) .info ul{ padding-left: 80px;}
	.product .productList .dec .text h4{ font-size: 15px; }
	
	.porductPage .list .dec .title .child h4{font-size: 20px;}
	.porductPage .list .dec .title .child{ padding-left: 135px; }
	.porductPage .list .dec .title .img{ margin-left: 20px; }

}

@media screen and (max-width: 1240px){
	header nav ul li{ width: 12.66%; }
	footer ul li{ padding: 10px 15px 0; }
	.newsAndMap .map .mapBox .mapTop{ }
	header{ padding-left: 10px; }
	.newsAndMap .news .newsTitle .right a{ margin-left: 10px; }
	.newsAndMap .news .newsTitle h2{ font-size: 30px; }
	.newsAndMap .news{ padding-right: 30px;  }
	.foodSafety .item .pack .dec{ position: relative; float: left; margin-right: 3px; cursor: pointer; overflow: hidden; min-width: 247px; }
	.foodSafety .item .pack .dec:last-child{ margin-right: 0; }
	.foodSafety .item .pack .dec .sDec{ position: absolute; width: 331px; padding-top: 28px; overflow: hidden; z-index: 6;  }
	.foodSafety .item .pack .dec .sDec h2{ font-size: 196px; color: #e3122d; position: absolute; top: -55px; right: -28px; font-family: '微软雅黑'; }
	.foodSafety .item .pack .dec .sDec .kuang{ width: 100%; height: 60px; background: rgba(227,18,45,0.55); position: absolute; bottom: 24px; left: 0; line-height: 60px; font-size: 16px; color: #fff; padding-left: 25px; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; padding-right: 15px; overflow: hidden;}
	.foodSafety .item .pack .dec .sDec .kuang div{ width: 100%; overflow: hidden; }
	.foodSafety .item .pack .dec .sDec .kuang p{ position: relative; display: inline-block; }
	.foodSafety .item .pack .dec .sDec .kuang p:after{ content: ''; position: absolute; top: 50%; right: -510%; width: 500%; height: 1px; background: #fff; }

	/*.foodSafety .item .pack .dec .bDec{ width: 331px; height: 0; opacity: 0; position: relative; z-index: 5; transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; overflow: hidden; }*/
	.foodSafety .item .pack .dec .bDec>img{ margin-top: 28px; width: 100%; }
	.foodSafety .item .pack .dec.small .sDec{ width: 247px; }
	.foodSafety .item .pack .dec.small .bDec{ width: 247px; }
	.foodSafety .item .pack .dec.click .sDec{ opacity: 0; width: 0; height: 0; display: none; }
	.foodSafety .item .pack .dec.click .bDec{ width: 500px; min-height: 513px; opacity: 1; }
	/*.foodSafety .item .pack .dec .bDec .bDecPost h2{ font-size: 196px; color: #e3122d; margin-top: -56px; margin-left: 0px; display: inline-block; font-family: '微软雅黑'; opacity: 1; }*/
	.banner .swiper-slide a p{ font-size: 34px;}
	.foodSafety .item .packBg .icon{ left: -22px;}
	.foodSafety .item .pack .dec{ width: 331px; height: 266px; }
	.foodSafety .item .pack .dec .sDec img{ height: 100%; }
	/*
	*凤祥资讯
	*/
	.newsPage .newsList,.newsDetails{ width: 90%; padding: 0 5%; }
	.newsPage .newsList .dec .text{ padding-top: 0; width: calc(100% - 245px);}

	/*
	*凤祥愿景
	*/
	.insideControl{ width: 90%; }
	.aboutVisionPage .insideControl .dec .popover{ width: calc(100% - 360px); }
	.aboutVisionPage .insideControl .popover .popoverTwwen{ width: 100%;}

	/*
	*社会认可
	*/
	.honorList .dec{ width: 33.33%; }

    /*
    *领导人介绍
    */
    .aboutLeaderPage .content,.aboutLeaderPage .content:nth-child(even){ width: 100%; padding-right: 0; padding-left: 0;}
    .aboutLeaderPage .dec{ width: 90%;}
    .aboutLeaderPage .content:nth-child(even) .dec{ float: right;}
    .aboutLeaderPage .dec .message,.aboutLeaderPage .positionList{ padding-left: 10%; }
    .aboutLeaderPage .content:nth-child(even) .dec .pic{ left: 10%;}
    .aboutLeaderPage .content:nth-child(even) .dec .message, .aboutLeaderPage .content:nth-child(even) .dec .positionList{ padding-left: 40%; width: 380px;}
    .aboutLeaderPage .dec .message:after{ left: 25px;}
    .aboutLeaderPage .content:nth-child(even) .dec .message:first-child:after{ right: 25px;}

    /*
    *全产业链
    */
    .safetyChainPage .chainList .dec .info ul{ padding-left: 80px; padding-top: 10px; }
    .safetyChainPage .chainList .dec .info ul li{ max-width: 90%; line-height: 24px; margin-bottom: 10px; }
    .safetyChainPage .chainList .dec .info ul li:after{ top: 10px; }
    .safetyChainPage .chainList .dec:nth-child(even) .info ul{ padding-left: 0; padding-right: 0; }
    .safetyChainPage .top .popoverTwwen{ width: 50%; }

    /*
    *国际标准
    */
    .standardPage .img{ width: 80%; }
    .standardPage .img img{ width: 100%;}
    .standardPage .dec .right{ width: 50%; float: right; padding-right: 20px; padding-top: 50px; box-sizing: border-box; }
    .standardPage .dec .left{ width: 50%; }
    .standardPage .dec .right img{ width: 100%;}

    /*
    *联系我们
    */
    .contactPage .popoverTwwen{ width: 90%; padding: 50px 30px 35px; }
    .contactPage .popoverTwwen .left, .contactPage .popoverTwwen .right{ padding-left: 5%; }


    /*
    *公司简介
    */
    .aboutUs .positionBox{ left: calc(100% - 140px - 80%); }
    .aboutUs .positionBox .info{ width: calc(100% - 101px); }
    .aboutUs .videoModule .right iframe{ width: 519px; height: 292px; }
    .aboutUs .videoModule .left{ width: calc(100% - 519px); }
    .aboutUs .partners .dec .text{ width: 45%; }
    .aboutUs .partners .dec .text img{ max-width: 95%;}
    .aboutUs .partners .dec .pic{ width: 45%;}
    .aboutUs .partners .dec .pic img{ width: 100%;}
    .aboutUs .pic1 { width: 30%; }
    .aboutUs .pic1 img{  }
    .aboutUs .pic2{ width: 328px; }

    .websiteBanner{ min-height: auto; }
    .aboutUs .videoModule .right{ width: 519px; overflow: hidden; }
    .aboutUs .videoModule .right img{ width: 100%; }

    .citizenPage .pic_bg img{ max-width: 90%;}

    .citizenPage .samllPic{ width: 200px; left: 0; bottom: -50px; }
    .citizenPage .samllPic img{ width: 100%;}
    .citizenPage .module1 .infoBoxTween{ width: calc(100% - 200px); }
    .citizenPage .module3 .infoBoxTween{ width: calc(100% - 200px); }
    .citizenPage .module2 .infoBoxTween{ width: calc(100% - 315px); }
    .citizenPage .module2 .pic{ width: 280px; overflow: hidden; }
    .citizenPage .infoBox{ width: auto; }
    .citizenPage .module3 .samllPic{ bottom: -80px; }

    /*
    *凤祥产品-消费端
    */
    .porductPage .list .dec .pic{ width: 50%; }
    .porductPage .list .dec .pic a{ display: block; overflow: hidden; }
    .porductPage .list .dec .pic img{ width: auto;  }
    .porductPage .list .dec .title{ width: 50%; left: 50%; }
    .porductPage .list .dec .title .child h4{ font-size: 18px; }
    .porductPage .list .dec .title .child h4:after{ top: 10px; }

    /*
    *凤祥产品-详情
    */
    .productDetailsPage .productPageTop .pic img{ width: auto; }
    .productDetailsPage .productDetailsList .dec{ width: 50%; }
    .productDetailsPage .productPageTop .popover{ width: calc(100% - 288px); }
    .productDetailsPage .productPageTop .video{ width: 288px; height: 162.4px; }
    .productDetailsPage .productPageTop .popover .popoverTween{ padding-right: 80px; }
    .banner .swiper-slide{ height: 100%; }
    .product .productList .dec .text h4{ font-size: 14px; }
}

@media screen and (max-width: 1100px){
	.wrap{ background-position: -282px 0; }
	header .navText{ top: 56px; font-size: 18px; }
	header .change{ right: 181px; }
	.newsAndMap .map{ float: left; height: auto;  }
	.newsAndMap .news .newsTitle .right a{ position: static; right: 10px; bottom: 10px; }
	.newsAndMap .map .mapBox,.newsAndMap .map .mapBox .text{ width: 100%; overflow: hidden; }
	.newsAndMap .map .mapBox .text{ padding: 20px 30px;top: 0; }
	.newsAndMap .map .mapBox .mapTop{ transform: scale(1.1); }
	.newsAndMap .news{ position: static; float: right; }
	.newsAndMap{ margin-top: 33px; margin-bottom: 10px; }
	.newsAndMap .news{ width: 100%; padding: 0 40px; padding-top: 30px; padding-bottom: 30px; }
	.newsAndMap .news .newsList .dec .days{ width: 102px; }
	.newsAndMap .news .newsList .dec .text{ width: calc(100% - 102px); }
	.newsAndMap .news .newsList{ padding-right: 20px; }
	.newsAndMap .news .newsList .dec{ padding: 15px 0; }
	.newsAndMap .news .newsList .dec .text .info{ height: 40px; }
	.product .productList{ padding: 0 3%; }
	.product .productList .dec .pic{ width: 34%; }
	.product .productList .dec .text{ width: calc(100% - 34% -10px); }
	.foodSafety .item{ padding: 0 15px; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; }
	.foodSafety .item .packBg{ width: 100%; }
	.foodSafety .item .pack .dec{ width: 33%; min-width: auto; }
	.foodSafety .item .pack .dec .sDec{ width: 100%; }
	footer ul { padding-left: 10px; padding-right: 10px; }
	footer ul li{ padding: 10px 10px 0; }
	.banner{ height: 450px; }

	.foodSafety .item .pack .dec.click .bDec{  }
	.product .productList .dec{ padding: 15px 0; }
	.banner .swiper-slide a p{ font-size: 25px; left: 20px; bottom: 65px; }
	.foodSafety .item .packBg .icon{ left: -15px; }
    
    .citizenPage .module1{ padding-bottom: 150px; }
    .citizenPage .module2{ padding-bottom: 250px; }


    .historyPage .list .dec.big .year{ font-size: 30px; }
    .historyPage .list .dec.big .month{ font-size: 16px; }
    .historyPage .list .dec .date{ width: 95px; }
    .historyPage .list .dec .right{ width: calc(100% - 95px - 36px); }

    .joinPage .developmentFramework .text{ width: 100%; }
    .joinPage .developmentFramework .flatPattern{ width: 100%; text-align: center; }
    

}

@media screen and (max-width: 860px){
    .content{ width: 100%; }
	.wrap{ padding: 0; overflow: hidden; }
	.menu-handler{ display: block; }
    .banner .swiper-mask{ height: 100px; }
    .banner .swiper-mask .swiper-mask-img img{ width: 86.1px; bottom:  }
    .banner .swiper-mask .swiper-mask-text{ font-size: 14px; width: 120px; padding-top: 0; }
	header{ position: relative; z-index: 100; background: url(../images/m_topBg.png) no-repeat right 0 #cdd7da; padding: 0 0 0 34px; }
	header nav{ position: absolute; width: 190px; height: 100vh; right: -100%; top: 0; background: #d2232b; padding-top: 88px; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; }
	header nav ul{ width: 100%; height: 80%; overflow-y: scroll; -webkit-overflow-scrolling : touch; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; }

	header nav ul li{ width: 100%; height: auto; text-align: left; border-right: 0; padding-bottom: 5px; }
    header nav ul li .table{ padding: 0 10px; box-sizing: border-box; }
	header nav ul li .table a{ color: #fff; font-size: 18px; height: 45px; display: block; line-height: 60px;  border-bottom: 1px solid rgba(255,255,255,.5); }
    header .change a:hover, header nav ul li.cur .table a,header nav ul li .navIphone a.cur{ color: #f1e564; }
    header nav ul li .navIphone{ display: none; background: #bb2027; }
    header nav ul li .navIphone a{ display: block; font-size: 14px; padding: 5px 25px; color: #fff; position: relative; line-height: 25px; }
    header nav ul li .navIphone a:after{ content:''; position: absolute; top: 50%; left: 20px; width: 2px; height: 2px; background: #fff; border-radius: 50%; margin-top: -1px; }
	header .change{ position: absolute; top: auto; bottom: 0px; right: 0; z-index: 2; background: #af0f16; width: 100%; height: 100px; padding: 0 20px 10px; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; }
	header .change span{ display: none; }
	header .change a{ display: block; color: #fff; padding: 10px 10px; border-bottom: 1px solid rgba(255,255,255,.5); width: 100%; }
	header .change a:last-child{ border-bottom: 0; }
	header .left{ width: 100%; }
	header .navText{ top: 30px; right: 115px; }
	header .mNavBtn{ width: 41px; height: 29px; background: url(../images/nav_btn.png) no-repeat; position: absolute; top: 50%; right: 38px; margin-top: -14.5px; }
	.newsAndMap .map .mapBox .mapTop{ transform: scale(1); }
	.product .productList .dec{ width: 50%; }
	footer:after{ display: none; }
	.product .chickenBg .retailers a.jd,.product .chickenBg .retailers a.tm,.product .chickenBg .retailers a.wsc{ width: 177.6px; height: 50px; background-size: 177.6px 39.2px; transform: translateY(10px); }

	
	footer .footerBox{ background-image: none; overflow: hidden; height: auto; }
	footer .footerBox .copy .footerLogo img{ display: none; }
	footer ul{ padding: 0; width: 100%; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; overflow: hidden; }
	footer ul:nth-child(1),footer ul:nth-child(2) li:nth-child(1),footer ul li:after{ display: none; }
	footer ul:nth-child(2){ float: none; }
	footer ul li{ width: 100%; height: 92px; border-bottom: 1px solid #ccc; line-height: 92px; text-align: center; padding: 0; }
	footer ul li a{ font-size: 24px; }
	footer .footerBox .copy{ position: static; transform: translate(0); }
	footer .footerBox .copy p{ font-size: 18px; padding: 70px 0 20px;  }
	.foodSafety .item:after{ width: 183.6px; height: 177px; background-size: cover; }
	.foodSafety .item .slogan p{ padding-top: 25px; }
	.foodSafety .item{ background-image: none; background-color: #e9eef0; padding: 0; height: auto; }
	.foodSafety .item .pack .dec{ width: 100%; margin-bottom: 20px; }
	.foodSafety .item .pack .dec:last-child{ margin-bottom: 0; }
	.foodSafety .item .pack .dec .sDec { height: 106px; background: url(../images/mfoodSafety_pic.jpg)  center 28px no-repeat; background-size: cover; }
	.foodSafety .item .pack .dec:nth-child(2) .sDec{ background-image: url(../images/mfoodSafety_pic1.jpg); } 
	.foodSafety .item .pack .dec:nth-child(3) .sDec{ background-image: url(../images/mfoodSafety_pic2.jpg); }
	.foodSafety .item .pack .dec .sDec .kuang{ width: 50%; left: 125px; bottom: 0; overflow: hidden; }
	.foodSafety .item .pack .dec .sDec h2{ right: auto; left: 0; }
	.foodSafety .item .pack .dec .sDec img,.foodSafety .item .pack .dec .bDec>img{ display: none; }
	.foodSafety .item .pack .dec.click .bDec>img{ width: 100%; }
	.foodSafety .item .pack .dec.click .bDec { width: 100%;  }
	.foodSafety .item .pack .dec.click .bDec .bDecPost{ width: 100%; background: url(../images/foodSafety_Bpic.jpg) center 28px no-repeat; background-size: cover; }
	.foodSafety .item .pack .dec:nth-child(2).click .bDec .bDecPost{ background-image: url(../images/foodSafety_Bpic1.jpg);  }
	.foodSafety .item .pack .dec:nth-child(3).click .bDec .bDecPost{ background-image: url(../images/foodSafety_Bpic2.jpg); padding-bottom: 316px; }
	.foodSafety .item .pack .dec.small .sDec{ width: 100%; }
	.foodSafety .item .pack .dec .bDec{ padding-top: 0; }

	.foodSafety .item .pack .dec .bDec .close{ width: 24px; height: 24px; position: absolute; top: 38px; right: 20px; background: url(../images/foodSafety_icon.png) no-repeat; z-index: 5; }
	.newsAndMap .news .productMove{ margin-top: 30px;  display: block; }
	.modularTitle p{ padding: 0 10px; }
	.foodSafety .item .pack .dec .bDec .bDecPost .List3 .List3Dec .infos{ height: 122px; }

	.product .swiper-button-next, .product .swiper-button-prev{ display: none; }
	.banner .swiper-slide a p{  }
	.foodSafetyRegion{ width: 100%; padding: 0; }

	.foodSafety .item .pack .dec .transys>h2{ right: auto; left: 0; }
	.foodSafety .item .pack .dec .bDec .bDecPost .List3 .List3Dec,.foodSafety .item .pack .dec .bDec .bDecPost .List6 .List6Dec{ opacity: 1; }
	.cont{ padding-top: 20px; }
	.foodSafety .item .pack .dec{ width: 100%; height: auto; }
	.foodSafety .item .pack .dec .sDec{ position: relative; }

	/*
	*凤祥资讯
	*/
	.newsPage .newsList{ width: 100%; padding-left: 10px; box-sizing: border-box; }
	.websiteBanner{ border-bottom: 0; background-size: cover!important; background-position: center!important; }
	.websiteBannertTitle{ bottom: 0;}
	.newsPage .newsList .dec{ margin-bottom: 20px; padding-top: 20px;}
	.newsPage .newsList .dec .pic{ width: 95px; height: 70px;}
	.newsPage .newsList .dec .pic:after{ content:''; width: 95px; height: 70px; top: -5px; left: 2px; border-width: 2px; }
	.newsPage .newsList .dec .text{ width: calc(100% - 110px - 10px); padding-right: 10px;}
	.newsPage .newsList .dec .text .textTop{ margin-top: -31px; max-width: 100%; border-bottom: 0; }
	.newsPage .newsList .dec .text .textTop .title,.newsPage .newsList .dec .text .textTop .g_date{ float: none; padding-left: 0; width: 100%;}
	.newsPage .newsList .dec .text .info{ font-size: 12px; padding-top: 4px; height: 38px; overflow: hidden; }
	.newsPage .newsList .dec .text .viewDetails{ display: none;}
	.newsPage .newsList .dec .text .textTop .title a{ font-size: 14px;  line-height: 17px;}
	.websiteBannertTitle p{ font-size: 18px; padding: 2px 20px; line-height: 30px; }
	.websiteBannertTitle p i{ height: 25px; width: 2px; margin: 0 5px 0 10px; }
	.websiteBannertTitle p span{ font-size: 16px;}
	.websiteTitle{ padding: 24px 0 40px;}
	.accessNav a{ margin-right: 35px;}
	.accessNav a:after{ content: ''; right: -21.5px;}
	.loadingText p{ width: 80%; margin-top: 30px;}
	.websiteTitle h2{ font-size: 20px;}

	.newsDetails{ width: 100%; padding: 0 10px; box-sizing: border-box;}
	.newsDetails .titleAndDate h2{ font-size: 20px;}
	.newsDetails .titleAndDate h4{ font-size: 18px; }
	/*
	*凤祥愿景
	*/
	.websiteTitle p{ display: none;}
	.aboutVisionPage .insideControl .visionList{ display: none;}
	.aboutVisionPageIpad{ display: block;}

	/*
	*社会认可
	*/
	.honorList .dec{ width: 50%; }


    /*
    *领导人介绍
    */
    .aboutLeaderPage .dec{ width: 100%; margin-bottom: 0px; }
    .aboutLeaderPage .content:nth-child(even) .dec .pic{ left: 5%;}
    .aboutLeaderPage .content:nth-child(even) .dec .message, .aboutLeaderPage .content:nth-child(even) .dec .positionList{ width: 320px; padding-left: 46%;}

    /*
    *全产业链
    */
    .safetyChainPage .chainList .dec .info ul{ padding-left: 55px; }

    /* .aboutUs .positionBox{ position: static; width: 100%; float: left; }
    .aboutUs .positionBox .info{ width: 100%; }

    .aboutUs .pic1{ float: right; padding-top: 0; width: 100%; }
    .aboutUs .pic1 img{ width: 100%;}
    .aboutUs .pic2{ display: none; } */
    
    /*
    *公司简介
    */
    .aboutUs .pic2{ width: 30%; }
    .aboutUs .pic1 img{ width: 80%; }
    .aboutUs .positionBox{ left: calc(100% - 92px - 80%); }
    .aboutUs .partners{ padding-bottom: 90px; }
    .aboutUs .videoModule .left{ width: 40%; }
    .aboutUs .videoModule .right{ width: 60%; }
    .aboutUs .videoModule .right iframe{ width: 100%; }
    .aboutUs .top{ padding-bottom: 50px; }
    .aboutUs .positionBox .info{ width: calc(100% - 99px); }


    .websiteBanner{ background-attachment: scroll!important; }

    .citizenPage .samllPic{ width: 150px; }
    .citizenPage .module3 .infoBoxTween,.citizenPage .module1 .infoBoxTween{ width: calc(100% - 150px); }
    .citizenPage .module2 .infoBoxTween{ width: calc(100% - 280px); }
    .citizenPage .module2 .pic{ width: 250px; }

    a{text-decoration:none; transition-duration: 0s;-ms-transition-duration: 0s;-moz-transition-duration: 0s; -webkit-transition-duration: 0s; }

    .websiteBanner img{ width: 100%; position: relative; z-index: -1; height: auto; opacity: 1;}

    /*
    *凤祥产品-详情
    */
    .productDetailsPage .productDetailsList{ padding-top: 0; }
    .productDetailsPage .productDetailsList .dec{ margin-bottom: 0; }
    .productDetailsPage .productDetailsList .dec .text{ height: 179px; overflow: hidden; }

    /*
    *职位招聘
    */
    .join1Page .list{ padding: 0 2%; }
    .contactPop .dec{ width: 80%; margin-left: -40%; height: auto; }
    .contactPop .dec .info{ width: 80%; margin: 0 auto; } 


}
@media screen and (max-width: 640px){
    .banner .swiper-mask .swiper-mask-img img{ width: 49.2px; }
    .banner .swiper-slide .swiper-slide-bg{ background-position: bottom left; height: auto; }
	header{ height: 50px; background-position: 20px 0; }
	header .logo{ line-height: 50px; }
	header .logo img{ width: 35.5px; height: 33.5px; }
	header .navText{ top: 17px; right: 55px; font-size: 16px; }
	header .mNavBtn{ width: 24.6px; height: 17.4px; background-size: cover; margin-top: -8.7px; right: 20px; }
	.newsAndMap .map .mapBox .mapTop{ transform: scale(0.6); height: 210px; transform-origin: -45% top; }
	.newsAndMap .map .mapBox{ margin-top: 10px; }
	.newsAndMap{ margin-top: 0; }
	.newsAndMap .map .mapBox .text{ padding: 20px 25px; height: auto; }
	.newsAndMap .map .mapBox .text h4{ font-size: 28px; }
	.newsAndMap .map .mapBox .text p{ margin-top: 10px; }
	.newsAndMap .news{ padding: 15px 10px 25px; }
	.newsAndMap .news .newsTitle{ text-align: center; }
	.newsAndMap .news .newsTitle .right a{ display: none; }
	.newsAndMap .news .newsList .dec .days{ padding-top: 14px; }
	.newsAndMap .news .newsList .dec .text .info{ max-height: 56px; height: auto; }
	.newsAndMap .news .newsList .dec:last-child{ border-bottom: 1px solid #eaeaea; }
	.newsAndMap .news .newsTitle h2{ font-size: 42px; }
	.modularTitle .Eng{ font-size: 42px; }
	.modularTitle .Eng:after{ height: 40px; top: 4px; }
	.product .chickenBg .retailers{ height: 34.3px; }
	.product .chickenBg .retailers a.tm{ width: 163.1px; height: 34.3px; background-size: cover; }
	.product .chickenBg .retailers a.jd{ width: 155.4px; height: 34.3px; background-size: cover; }
	.product .productList .dec{ width: 100%; padding: 0px 0; }
	.product .chickenBg .retailers a.jd, .product .chickenBg .retailers a.tm, .product .chickenBg .retailers a.wsc{ width: 88px; background-size: 88px 19.6px; height: 34.3px;  }
	footer ul li{ height: 50px; line-height: 50px; }
	footer ul li a{ font-size: 14px; }
    footer ul li .navIphone a{ font-size: 12px; }
	footer .footerBox .copy p{ padding-top: 0px; font-size: 12px; padding-left: 10px; padding-right: 10px; }
	header nav{ padding-top: 50px; width: 150px; }
	header nav ul li{ }
    header nav ul li .table a{ padding-left: 5px; }
	header nav ul li a{ font-size: 14px; }
	.menu-handler{ right: 0px; top: 0; }
	.menu-handler .burger{ width: 24px; height: 2px; }
	.menu-handler .burger-2{ top: 27px; }
	.menu-handler .burger-3{ top: 35px; }

	.foodSafety .item .packBg .icon{ width: 97.92px; height: 94.4px; background-size: cover; left: 0; top: -110px; }
	.foodSafety .item .packBg{ margin-top: 20px; }
	.foodSafety .item .slogan p{ font-size: 20px; padding-top: 35px; }
	.foodSafety .item .pack .dec .sDec h2,.foodSafety .item .pack .dec .bDec .bDecPost h2{ top: -24px; font-size: 112px; }
	.foodSafety .item .pack .dec .bDec .bDecPost h2{ margin-top: -24px; }
	.foodSafety .item .pack .dec{ margin-bottom: 10px; }
	.foodSafety .item .pack .dec:last-child{ margin-bottom: 0; }
	.foodSafety .item .pack .dec .sDec{ height: 60px; }
	.foodSafetyRegion .s{ padding-bottom: 40px; }
	.foodSafety .item .pack .dec .sDec .kuang{ height: 30px; line-height: 30px; left: 78px;  font-size: 14px; }
	.foodSafety .item .pack .dec .bDec .bDecPost .List3{ margin-top: 0; }
	.foodSafety .item .pack .dec .bDec .bDecPost .List3 .List3Dec{ padding-bottom: 68px; }
	.foodSafety .item .pack .dec .bDec .bDecPost .List3 .List3Dec .pic img{ max-width: 92px; height: 129px;  }
	.foodSafety .item .pack .dec .bDec .bDecPost .List3 .List3Dec .infos h3{ font-size: 18px; }
	.foodSafety .item .pack .dec.click .bDec{ min-height: 330px;}
	.foodSafety .item .pack .dec:nth-child(2).click  .bDec{ min-height: 452px; }
	.foodSafety .item .pack .dec .bDec .bDecPost .List6 .List6Dec{ height: 170px; }
	/*.foodSafety .item .pack .dec.click .bDec .bDecPost{ padding-bottom: 195px; }*/

	.foodSafety .item .pack .dec .bDec .bDecPost .List6 .List6Dec .pic img{ transform: scale(0.6); }
	.foodSafety .item .pack .dec .bDec .bDecPost .List6 .List6Dec .text h4{ font-size: 16px; }
	.foodSafety .modularTitle{ padding-top: 10px; }
	.banner,.banner .swiper-slide{ height: auto; }
	.product .productList .dec .pic{ width: 25%; height: 170px; }
	.product .productList .dec .text{ width: calc(100% - 25% - 30px); max-width: none;  height: 170px; }
	.product .productList .dec .text p{ height: auto; }

	.product{ padding-top: 10px; }
	.newsAndMap .news .newsList .dec .days span.day{ margin-top: -11px; }
	.newsAndMap .news .newsList .dec .days span.day:after{ top: 14px; }
	.product .swiper-slide .dec:nth-child(3),.product .swiper-slide .dec:nth-child(4),.product .swiper-slide .dec:nth-child(5){ display: none; }
	.banner .swiper-slide a p{ font-size: 12px; bottom: 40px; right: 10px; }
	.foodSafetyRegion{ padding: 0; }
	.foodSafety .item .pack .dec .transys>h2{ font-size: 112px; top: -20px; }
	
	.banner .swiper-container-horizontal>.swiper-pagination-bullets,.banner .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 25px; }
	.productMove a{ margin-top: 30px; }
	.productList .swiper-container-horizontal>.swiper-pagination-bullets, .productList.swiper-pagination-custom, .swiper-pagination-fraction{ bottom: -3px; }
	.product .chickenBg{ height: 141px;}
	.product .chickenBg .chickenBgBox{ background-attachment: scroll; }

	/*
	*凤祥愿景
	*/
	.accessNav{ display: none;}
	.insideControl{ width: 100%; }
	.aboutVisionPageIpadTop{ padding-bottom: 0; }
	.aboutVisionPageIpadTop img{ max-width: 100%;}
	.aboutVisionPage .insideControl .aboutVisionPageIpadTop .popover{ position: static; width: 100%; }
	.aboutVisionPage .insideControl .aboutVisionPageIpadTop .popover .popoverTwwen{ width: 100%; position: static; padding-left: 25px; }
	.aboutVisionPageIpad .visionListIpad{ padding: 50px 5%; }
	.aboutVisionPageIpad .visionListIpad .item h5{ font-size: 30px;}
	.aboutVisionPageIpad .visionListIpad .item .bottom .left{ font-size: 16px;}
	.aboutVisionPageIpad .visionListIpad .item .bottom .right{ width: calc(100% - 120px); }
	.aboutVisionPageIpad .visionListIpad .item{ padding-bottom: 10px;}

	/*
	*社会认可
	*/
	.honorList .dec{ width: 100%; }

    /*
    *领导人介绍
    */
    .aboutLeaderPage .pic{  bottom: 0px; right: 0; transform: scale(0.6); transform-origin: bottom right; }
    .aboutLeaderPage .dec .message{ position: relative; min-height: 220px; width: 100%; box-sizing: border-box; }
    .aboutLeaderPage .dec .message p{ width: 60%;}
    .aboutLeaderPage .content:nth-child(even) .dec .message, .aboutLeaderPage .content:nth-child(even) .dec .positionList{ width: 100%; padding-left: 40%; padding-right: 2%;}
    .aboutLeaderPage .content:nth-child(even) .dec .positionList{ padding-left: 10%;}
    .aboutLeaderPage .content:nth-child(even) .dec .pic{ left: 2%; transform-origin: bottom left;}
    .aboutLeaderPage .positionList ul li{ width: 100%; box-sizing: border-box; padding-right: 5px;}
    .aboutLeaderPage .content:nth-child(even) .dec .message p{ width: 100%;}
    .aboutLeaderPage .dec .message:after{ left: 10px;}
    .aboutLeaderPage .content:nth-child(even) .dec .message:first-child:after{ right: 10px;}


    /*
    *全产业链
    */
    .safetyChainPage .top{ padding-bottom: 0;}
    .safetyChainPage .top img{ width: 100%;}
    .safetyChainPage .top .popoverTwwen{ width: 100%; position: static; box-sizing: border-box; padding: 15px 35px 25px 30px; }
    .safetyChainPage .top .popoverTwwen h4{ text-align: center; }
    .safetyChainPage .content{ width: 100%; }
    .safetyChainPage .chainList{ padding: 50px 2% 50px;}
    .safetyChainPage .chainList .dec{ overflow: hidden; margin-bottom: 0px; }
    .safetyChainPage .chainList .dec img,.safetyChainPage .chainList .dec .info{ float: left;}
    .safetyChainPage .chainList .dec img{ width: 80px; height: 80px; }
    .safetyChainPage .chainList .dec .info{ width: calc(100% - 80px); position: static; }
    .safetyChainPage .chainList .dec .info ul,.safetyChainPage .chainList .dec .info h4,.safetyChainPage .chainList .dec:nth-child(even) .info ul{ padding-left: 20px;}
    .safetyChainPage .chainList .dec:nth-child(even) .info h4{ text-align: left; padding-right: 0;  }
    .safetyChainPage .chainList .dec:nth-child(even) .info h4 span:after{ right: auto; left: 0; }
    .safetyChainPage .chainList .dec .info h4 span:after{ width: 120px; }

    /*
    *国际标准
    */
    .standardPage{ padding-top: 0px;}
    .standardPage .content{ padding-top: 0;}
    .standardPage .img{ position: static; width: 100%; }
    .standardPage .img:after{ display: none; }
    .standardPage .dec{ padding-top: 50px;}
    .standardPage .dec .right{ float: left; display: none; }
    .iphoneImg{ display: block; }
    .standardPage .dec .left{ float: right; width: 100%; }
    .standardPage .dec .right{ width: 100%; padding: 20px 20px; text-align:center; }
    .standardPage .dec .right img{ width: 85%; }
    .standardPage .dec .left:before{ top: -10px; }

    .standardPage .child{ padding-top: 20px; margin-bottom: 20px; }
    .standardPage .child .popover{ position: static; width: 100%; }

    /*
    *联系我们
    */
    .contactPage{ padding-bottom: 30px;}
    .contactPage .img img{ width: 100%;}
    .contactPage .popoverTwwen{ margin-top: 0; width: 100%;  }
    .contactPage .popoverTwwen .info .left,.contactPage .popoverTwwen .info .right{ float: none; width: 100%; }
    .contactPage .popoverTwwen .left{ border-right: 0; border-bottom: 1px solid #6f6f6f; margin-bottom: 20px; padding-bottom: 20px;}
    .contactPage .popoverTwwen:before{ left: 10px; }
    .contactPage .popoverTwwen .left, .contactPage .popoverTwwen .right{ padding-left: 10%;}
    .contactPage .popoverTwwen:after{ right: 30px;}


    /*
    *公司简介
    */
    .aboutUs .positionBox{ position: static; width: 100%; }
    .aboutUs .positionBox .info{ width: 100%; padding: 0 25px 40px; }
    .bgWeird{ background: #fff; }
    .aboutUs .positionBox .info .text h4{ text-align: center; }
    .aboutUs .positionBox .info .logos{ transform: scale(0.8); }
    .aboutUs .pic1{ width: 100%; padding-top: 0; height: 180px; }
    .aboutUs .pic1 img{ width: 100%;}
    .aboutUs .pic2{ display: none; }
    .aboutUs .top{ padding-bottom: 0; }
    .aboutUs .videoModule{ padding: 0; }
    .aboutUs .videoModule .left,.aboutUs .videoModule .right{ width: 100%; }
    .aboutUs .videoModule .right{ padding: 20px 0; }
    .aboutUs .videoModule .left{ position: static;  margin-top: 0; height: 50px; line-height: 50px; margin-top: -50px; }
    .aboutUs .videoModule .left p{ line-height: 50px; text-align: center; padding-right: 0; }
    .aboutUs .partners .dec{ padding: 0; }
    .aboutUs .partners .dec .pic{ width: 100%; position: static; float: left; max-width: none; }
    .aboutUs .partners .dec .text{ width: 100%; padding: 5%; box-sizing: border-box; max-width: none; }
    .aboutUs .partners .dec .text .logos{ text-align: center;}
    .aboutUs .partners .dec .text .logos img{ max-width: 80%;}
    .aboutUs .partners{ padding-bottom: 0; }
    .aboutUs .videoModule .left:after{ display: none; }
	.aboutUs .videoModule .right img{ width: 100%; height: 300px; }
	.aboutUs .mod1 .pic{ height: 180px; }
	.aboutUs .mod1 .pic img{ height: 100%; }
	.aboutUs .mod1 .popover,.aboutUs .mod2 .popover,.aboutUs .mod3 .popover{ position: relative; bottom: 0; width: 100%; }
	.aboutUs .mod3 .pic{ float: none; }
	.aboutUs .mod1, .aboutUs .mod2, .aboutUs .mod3{ padding-bottom: 0; }
	.aboutUs .mod3{ padding-bottom: 50px; }


	
    .citizenPage .samllPic{ display: none; }
    .citizenPage .module1,.citizenPage .module2,.citizenPage .module3{ padding-top: 0; padding-bottom: 20px; }
    .citizenPage .content{ width: 100%; max-width: 100%; }
    .citizenPage .pic_bg,.citizenPage .pic_bg img{ width: 100%; max-width: 100%; }
    .citizenPage .module2:after{ background-image: none; }
    .citizenPage .infoBoxTween{ width: 100%!important; position: static; }
    .citizenPage .module2 .pic{ float: none; width: 100%; }
    .citizenPage .module2 .pic img{ width: 100%; }
    .citizenPage .infoBox h4{ text-align: center; }
	.citizenPage .infoBox{ padding: 40px 30px 30px; }
	
	/*
	*社会认可
	*/
	.honorList{ padding-bottom: 0; }
	.honorList .dec .border { padding: 70px 15px 10px; }
    .honorList .dec .border i{ width: 100%; }
	.honorList .dec .border .title{ height: 30px; }
	.honorList .dec .border .info{ height: 75px; }
	.honorList .dec{ width: 50%; padding: 0 2%; box-sizing: border-box; }
	.honorList .dec .border_n{ width: 100%; height: auto; }

    /*
    * 历史足迹
    */
    .historyPage .list .dec,.historyPage .list .dec.big{ padding-left: 10px; padding-right: 10px; }
    .historyPage .list .dec .date{ width: 85px; }
    .historyPage .list .dec .right{ width: calc(100% - 85px - 36px); }
    .historyPage .list .dec .right .pic{ width: 65.5px; height: 65.5px; margin-top: -32.75px; left: 10px; }
    .historyPage .list .dec .right .text{ margin-left: 95px; width: calc(100% - 95px); }
    .historyPage .list .dec.big{ padding: 20px 10px; }
    .historyPage .list .dec{ padding: 10px 10px; }
    .historyPage .list .dec .right:after{ top: 36px; }
    .historyPage .loadingText span{ margin-bottom: 0; width: 30px; height: 30px; background-size: cover; }

    /*
    *凤祥产品-消费端
    */
    .porductPage .list .dec .pic{ width: 100%; float: none; padding-bottom: 0; border-bottom: 2px solid #ff0000; }
    .porductPage .list .dec .pic:after{ display: none; }
    .porductPage .list .dec .pic img{ width: 100%; }    
    .porductPage .list .dec .title{ width: 100%;  left: 0; bottom: -50px;  }
    .porductPage .list .dec .title .child{ height: 50px; display: block; line-height: 50px;  }
    .porductPage .list .dec .title .child h4{ float: left; }
    .porductPage .list .dec .title .child a{ margin-top: 15px; float: right;  }
    .porductPage .list .dec .title .img{ width: 70px;  text-align: left; margin-left: 20px;}
    .porductPage .list .dec .title .img img{ width: 100%; }
    .porductPage .list .dec .title .child{ padding-left: 100px; }
    .porductPage .list .dec:nth-child(2) .title .img{ text-align: left; }
    .porductPage .list .dec:nth-child(2) .title h4{ font-size: 14px; }
    .porductPage .list .dec .title .child h4:after{ top: 50%; margin-top: -2.5px; }

    /*
    *凤祥产品-详情
    */
    .productDetailsPage .productNav{ width: 100%; overflow: hidden; overflow-x: scroll; }
    .productDetailsPage .productNav .list{ white-space: nowrap; border-bottom: 1px solid #555; margin-bottom: 20px; }
    .productDetailsPage .productPageTop .popover{ position: static; width: 100%; }
    .productDetailsPage .productPageTop .video{ width: 100%; height: auto; }
    .popover .popoverTween h4{ text-align: center; }
    .productDetailsPage .productDetailsList .dec{ width: 100%; }
    .productDetailsPage .productDetailsList .dec .text{ height: auto; }
    .productDetailsPage .productPageTop .popover .popoverTween{ padding-right: 20px; }
    .productDetailsPage .productPageTop{ padding-bottom: 0; }
    .productDetailsPage .productNav a{ font-size: 14px; }
    .productDetailsPage .productPageTop .pic img{ width: 100%; }

    /*
    *凤祥商学院
    */
    .joinPage{ padding-bottom: 30px; }
    .joinPage .joinPageTop .content .pic{ position: static;  }
    .joinPage .joinPageTop .content .pic img{ width: 100%; }
    .joinPage .joinPageTop .popover{ bottom: 0; width: 100%; }
    .joinPage .joinPageTop .popover .popoverTween{ padding-bottom: 30px; }
    .joinPage .joinPageTop .popover .popoverTween:before{ width: 196px; top: auto; bottom: 0; }
    .joinPage .joinPageTop{ padding-bottom: 20px; padding-top: 0; }
    .joinPage .developmentFramework .text .popover{ top: 0; }
    .popover .popoverTween img{ display: none; }
    .joinPage .developmentFramework .content{ display: flex; flex-direction: column-reverse; }
    .joinPage .developmentFramework .flatPattern{ width: 100%; }
    .joinPage .developmentFramework .flatPattern img{ width: 90%; }
    .joinPage .growthPath .text{ padding: 15px 5%; }

    /*
    *职位招聘
    */
    .join1Page .list{ padding: 0; }
    .join1Page .list .dec{ width: 100%;  }

    .banner .swiper-mask{ height: 50px;  }
    .banner .swiper-mask .swiper-maks-container{ right: 10px; bottom: 3px; }
    .banner .swiper-mask .swiper-mask-text{ font-size: 12px; }
     .contactPop .dec { width: 90%; margin-left: -45%; }
    .contactPop .dec .info{ width: 93%; }
}

@media screen and (max-width: 341px){
	header .navText{ right: 48px; }
    .newsAndMap .map .mapBox .mapTop{ transform: scale(0.5); transform-origin: -40% top; }
    
}