@charset "utf-8";
/* CSS Document */
body,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,input,select,textarea,form,img,div,pre,fieldset,blockquote,th,td {margin:0;padding:0;outline:none;}
body{color:#333; background-color:#ffffff;}
html{ overflow-x:hidden;}
ul,li,ol,dl,dt,dd{list-style:none}
img{border:none;border-style: none;}
*{ font-family:"Microsoft Yahei";margin:0;padding:0;}
.animate{transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;}
input,textarea,button{ background: transparent;vertical-align:middle}
a{ color:#333; text-decoration:none;}
:focus{outline:0}
table { border-spacing: 0px; border-collapse: collapse; }
tr { cursor: pointer; }
input, textarea{ border: 0; }
textarea{resize:none}
select{ border:none;outline: none;}
iframe, video{ width:600px; height:400px;}
.mt30{ margin-top:30px !important;}

/*href*/
a:link,a:visited{color:#333; text-decoration:none;}
a:hover,a:active{color:#005c33; text-decoration:none;}
.cfff,.cfff a:link,.cfff a:visited{color:#fff !important}
.cfff a:hover,.cfff a:active{color:#ddd}
.cccc,.cccc a:link,.cccc a:visited{color:#ccc}
.cccc a:hover,.cccc a:active{color:#ddd}
.c666,.c666 a:link,.c666 a:visited{color:#666}
.c666 a:hover,.c666 a:active{color:#005c33}
.c999,.c999 a:link,.c999 a:visited{color:#999}
.c999 a:hover,.c999 a:active{color:#005c33}

/*common*/
.wrap{width: 1200px;margin:0 auto;}
.l{float:left !important}
.r{float:right !important}
.o{overflow:hidden;}
.c{display:block;height:0;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*zoom:1}
.hidden{display:none}
.center{text-align:center}
.img-box img,.img{display:block;margin:0;padding:0;width:100%;}
.flexbox{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.lc{-webkit-box-direction:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
/*文字超出省略*/
.ellipsis{-webkit-box-direction:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.ovh1{text-overflow:ellipsis;white-space: nowrap;overflow: hidden;}
.ovh2{-webkit-line-clamp:2}
.ovh3{-webkit-line-clamp:3}
.ovh5{-webkit-line-clamp:5}

.table{ display:table; table-layout: fixed; text-align:center; width:100%; height:100%}
.table_cell{ display:table-cell; vertical-align:middle}

.index_banner_new {width: 100%;height: auto;min-width: 280px;min-height: 160px;margin: 0px auto;position: relative;overflow: hidden}
.index_banner_new ul {margin: 0;padding: 0;width: 100%;height: 100%;position: absolute;z-index: 1}
.index_banner_new ul li {display: none;position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden}
.index_banner_new ul li.active {display: block}
.index_banner_new ul li .intro {position: relative}
.index_banner_new ul li .intro video{ width:100%; height: 100%;object-fit: fill;}
.index_banner_new ul li img {position: absolute;left: 0;top: 0;width: 100%;height: 100%}
.index_banner_new .dots {position: absolute;bottom: 20px;right: 0;height: 12px;z-index: 2;text-align: center}
.index_banner_new .dots span {display: inline-block;width: 40px;height: 6px;background: #e0e0e0;margin: 0 5px;cursor: pointer;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px}
.index_banner_new .dots span.active {background: #c52c2b}
.index_banner_new .prev {left: 20px}
.index_banner_new .next {right: 20px}
#tqchina_banner {position: relative}
.tqchina_banner_load {position: absolute;bottom: 0px;left: 0px;z-index: 3;width: 100%}
.tqchina_banner_load i {width: 0%;display: block;height: 1px;background: #f00}
.tqchina_banner_bg {width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 9;background: rgba(0, 0, 0, 0.0)}
a.tqchina_banner_text {display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);z-index: 10;color: #fff;text-align: center;width: 100%}
#warp {max-width: 1920px;margin: 0 auto;overflow: hidden}
#index_top {position: relative}
/*logo导航*/
.top{ position:absolute; top:0; z-index:999; width:100%;}
.top_nr{ width:1176px; margin: 0 auto;}
.logo{ background: url(../images/logo.png) no-repeat center top; width: 126px; height: 277px; position: absolute; left: 50%; top: 15px; margin-left: -63px;}
.nav{ margin-top: 50px; z-index:1;position:relative;}
.nav .nLi{ float:left;writing-mode: vertical-lr; margin-left: 58px; position: relative;}
.nav li a{}
.nav_en{ font-size: 14px; color: #ffffff; text-transform: uppercase; line-height: 16px;}
.nav_ch{ font-size: 26px; color: #ffffff; line-height: 30px;}
.nav li.no{ margin-left: 0;}
.nav li.nav5{ margin-left: 250px;}
.nav .sub{ display:none; width:110px; center; left:50%; margin-left: -55px; top:66px; position:absolute; line-height:40px; writing-mode: horizontal-tb; border-radius: 5px; overflow: hidden;}
.nav .sub li{ zoom:1; position: relative; background:#ffffff;}
.nav .sub a:hover:before { content: ""; width: 8px; height: 8px; border-radius: 50%; background-color: #970709!important; position: absolute; top: 50%; left: 10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.nav .sub a{ display:block; padding-left: 25px; font-size: 16px;}
.nav .sub a:hover{ color:#970709;}
.nav .sub .menu{ display: none; position: absolute; top: 0; left: 100px; background:#ffffff; line-height:25px; box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); width: 100px;}
.nav .sub .menu a{ display: block; padding:0 10px; font-size: 14px;}
.nav .nLi.nav2 .sub, .nav .nLi.nav2.on .sub, .nav .nLi.nav4 .sub, .nav .nLi.nav4.on .sub, .nav .nLi.nav5 .sub, .nav .nLi.nav4.on .sub, .nav .nLi.nav8 .sub, .nav .nLi.nav8.on .sub, .nav .nLi.nav9 .sub, .nav .nLi.nav9.on .sub{ display: none !important;}
.nav .sub li:hover .menu{ display: block;}

.index{width:100%;overflow:hidden; position: absolute; top: 1000px;z-index: 90001; background-color: #ffffff;}

.index1{}
.index1_left{ width: 61.46%; position: relative;}
.index1_nr{ position: absolute; left: 25.4%; top: 12.1%; width: 67.8%;}
.index1_tit{ display: block; margin-left: 10px;}
.index1_p{ font-size: 16px; color: #ffffff; line-height: 34px; letter-spacing: 2px; margin: 7% 0 7% 10px; text-align: justify;}
.index1_slide{}
.index1_slide .hd{}
.index1_slide .hd ul{}
.index1_slide .hd ul li{ width: 102px; height: 102px; background-repeat: no-repeat; background-position: center; cursor: pointer; position: relative; margin-bottom: 50px;}
.index1_slide .hd ul li.on{ background-image: url(../images/index1_tit_bg.png);}
.index1_slide .hd ul li.on:before {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(202,175,103,0.2);animation: fangda 2s ease infinite;border-radius: 50%;}
@keyframes fangda {
	0%{ transform:scale(1); opacity:1}
	100% { transform:scale(1.25); opacity:0 }
}
.index1_slide .hd ul li .icon{ width: 102px; height: 102px; background-repeat: no-repeat; background-position: center;}
.index1_slide .hd ul li .icon1{ background-image: url(../images/index1_tit1.png);}
.index1_slide .hd ul li .icon2{ background-image: url(../images/index1_tit2.png);}
.index1_slide .hd ul li .icon3{ background-image: url(../images/index1_tit3.png);}
.index1_slide .hd ul li.on .icon1{ background-image: url(../images/index1_tit1_on.png);}
.index1_slide .hd ul li.on .icon2{ background-image: url(../images/index1_tit2_on.png);}
.index1_slide .hd ul li.on .icon3{ background-image: url(../images/index1_tit3_on.png);}
.index1_slide .bd{ margin-left: 70px;}
.index1_slide .bd ul{ position: relative;}
.index1_slide .bd ul .index1_zi{ position: absolute; left: 25px; bottom: 25px; width: 400px;}
.index1_slide .bd ul h1{ font-size: 32px; color: #f8cc65; line-height: 66px;}
.index1_slide .bd ul p{ font-size: 16px; color: #ffffff; line-height: 28px;}
.index1_right{ width: 38.54%; cursor: pointer;}
.vdplay {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 99;background: url('../images/op0-80.png');display: none;}
.vd-cha {position: absolute;right: 0;top: 0;z-index: 3;color: #fff;width: 80px;height: 80px;font-size: 50px;text-align: center;line-height: 80px;cursor: pointer;}
#vdbed {width: 70%;height: 80%;position: absolute;left: 15%;top: 10%;z-index: 1;}

.index2{ background: url(../images/index2_bg.jpg) no-repeat center center; height: 1219px;}
.title2{ background: url(../images/index2_tit.png) no-repeat center center; height: 77px; margin-top: 90px;}
.picScroll-left{ width: 1680px; margin: 50px auto 0; position: relative;}
.picScroll-left .prev, .picScroll-left .next{ display: block; width: 47px; height: 47px; position: absolute; z-index: 1; top: 50%; margin-top: -24px; cursor: pointer;}
.picScroll-left .prev{ background-image: url(../images/prev.png); left: 553px;}
.picScroll-left .next{ background-image: url(../images/next.png); right: 553px;}
.picScroll-left .bd{}
.picScroll-left .bd ul{}
.picScroll-left .bd ul li{ position:relative; width: 524px; height: 762px; margin-right: 15px; float: left; border: 13px solid rgba(255,255,255,.5);}
.index2_biaoti{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.index2_txt{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/color1.png) repeat center center; background-size: 524px 762px; text-align: center; opacity: 0;}
.index2_title{ padding: 40px 50px 80px;}
.index2_t_l{}
.index2_t_r{ color: #caaf67;}
.index2_t_r h1{ font-size: 34px; text-align: right;}
.index2_t_r p{ font-size: 16px; line-height: 26px;writing-mode: vertical-rl; height: 120px; text-align: justify; margin-top: 20px;}
.index2_txt .more{ margin-top: 25px}
.index2_swiper{ margin: 0 auto; width: 440px;}
.index2_swiper .swiper-slide{}
.index2_swiper .swiper-slide .pic{ width: 435px; height: 294px; position: relative; border-radius: 70px;}
.index2_swiper .swiper-slide .pic .img{ width: 429px; height: 288px; border-radius: 70px; z-index: 1; position: relative; border: 3px solid #9b6742;}
.index2_swiper .swiper-slide .pic .kuang{ position: absolute; top: 10px; left: 10px; z-index: 0;}
.index2_swiper .swiper-slide p{ line-height: 64px; font-size: 24px; color: #fcf1e1; text-align: center;}
.index2_swiper .swiper-pagination{ top: 20px; bottom: auto;}
.index2_swiper .swiper-pagination-bullet{ background: #cfb580; opacity: 1; width: 11px; height: 11px;}
.index2_swiper .swiper-pagination-bullet-active{ background: #ff0e03;}
.index2_zi{ margin-top: 80px;}
.picScroll-left .bd ul li:hover .index2_title .index2_t_r{ color: #fcf1e1;}
.picScroll-left .bd ul li:hover .index2_txt{ opacity: 1;}
.picScroll-left .bd ul li:hover .index2_biaoti{ opacity: 0;}

.index3{ background: url(../images/index3_bg.jpg) no-repeat center center; height: 586px;}
.title3{ background: url(../images/index3_tit.png) no-repeat center center; height: 75px; margin-top: 56px;}
.index3-left{ width: 1817px; margin: 60px auto 0;}
.index3-left .bd{}
.index3-left .bd ul{}
.index3-left .bd ul li{float: left; margin-right: 18px; width: 349px; height: 250px;}
.index3-left .bd ul li:first-child{ display: none;}
a.more{ display: block; width: 115px; height: 30px; margin: 44px auto 0;}

.index4{ position: relative; width: 100%; height: 918px;}
.index4_slide{ position: absolute; top: 0; right: 0; background: url(../images/index4_bg1.jpg) no-repeat center center; width: 50%; height: 555px; z-index: 1;}
.index4_slide .hd{ background: url(../images/index4_fd.png) no-repeat center center; width: 473px; height: 437px; position: relative; margin: 80px 0 0 50px;}
.index4_slide .hd ul{ background: url(../images/index4_logo.png) no-repeat center center; width: 100%; height: 100%;}
.index4_slide .hd ul li{ font-size: 14px; color: #a67456; height: 75px; text-align: center; line-height: 75px; background-repeat: no-repeat; background-position: center; min-width: 75px; cursor: pointer;}
.index4_slide .hd ul li.index4_icon1{ position: absolute; top: 0; left:50%; margin-left: -35px;}
.index4_slide .hd ul li.index4_icon2{ position: absolute; top: 100px; right: 40px;}
.index4_slide .hd ul li.index4_icon3{ position: absolute; bottom: 100px; right:40px;}
.index4_slide .hd ul li.index4_icon4{ position: absolute; bottom: 0; left:50%; margin-left: -38px;}
.index4_slide .hd ul li.index4_icon5{ position: absolute; bottom: 100px; left:30px;}
.index4_slide .hd ul li.index4_icon6{ position: absolute; top: 100px; left: 40px;}
.index4_slide .hd ul li.on:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(228,175,136,0.65);animation: fangda 2s ease infinite;border-radius: 50%; width: 75px; height: 75px; margin: 0 auto;}
.index4_slide .hd ul li.on{ line-height: 999;}
.index4_slide .hd ul li.on.index4_icon1{ background-image: url(../images/index4_icon1.png);}
.index4_slide .hd ul li.on.index4_icon2{ background-image: url(../images/index4_icon2.png);}
.index4_slide .hd ul li.on.index4_icon3{ background-image: url(../images/index4_icon3.png);}
.index4_slide .hd ul li.on.index4_icon4{ background-image: url(../images/index4_icon4.png);}
.index4_slide .hd ul li.on.index4_icon5{ background-image: url(../images/index4_icon5.png);}
.index4_slide .hd ul li.on.index4_icon6{ background-image: url(../images/index4_icon6.png);}
.index4_slide .bd{ margin: 150px 0 0 50px;}
.index4_slide .bd ul{}
.index4_slide .bd ul h1{ font-size: 34px; color: #94070a; font-weight: normal; line-height: 72px;}
.index4_slide .bd ul .index4_txt{ font-size: 18px; color: #767676; line-height: 26px;}
a.index4_more{ display: block; width: 128px; height: 33px; line-height: 33px; text-align: center; border-radius: 33px; background-color: #8e0407; font-size: 14px; color: #f7deb4; margin: -60px 0 0 600px;}
.index4 .slideBox{ position: relative;}
.index4 .slideBox .hd{}
.index4 .slideBox .hd span{ color: #eb9091; font-size: 14px; display: none;}
.index4 .slideBox .hd .prev, .index4 .slideBox .hd .next{ position: absolute; top: 50%; margin-top: -40px; z-index: 999; background-color: #f2dada; display: block; width: 80px; height: 80px; text-align: center; line-height: 80px; color: #da2d31; font-size: 20px;}
.index4 .slideBox .hd .prev{ left: 20px;}
.index4 .slideBox .hd .next{ right: 20px;}
.index4 .slideBox .hd .prev:hover, .index4 .slideBox .hd .next:hover{ background-color: #d81c21; color: #ffffff;}
.index4_swiper{ width: 50%;}
.index4_swiper .swiper-slide{}
.index4_swiper .swiper-pagination{ text-align: right; right: 70px; bottom: 70px; width: auto;}
.index4_swiper .swiper-pagination-bullet{ background: #cfb580; opacity: 1; width: 11px; height: 11px;}
.index4_swiper .swiper-pagination-bullet-active{ background: #ff0e03;}
.index4_right{ width: 50%; margin-top: 555px; height: 363px; background: url(../images/index4_bg2.jpg) no-repeat center center;}
.index4_right h1{ font-size: 30px; color: #fdf3df; line-height: 86px; margin: 56px 0 0 70px;}
.index4_right p{ font-size: 24px; color: #fefefe; line-height: 60px; letter-spacing: 1px; margin-left: 70px;}
.index4_right img{ vertical-align: middle; margin-right: 15px;}

.index5{ background: url(../images/index5_bg.jpg) no-repeat center center; height: 728px;}
.title5{ background: url(../images/index5_tit.png) no-repeat center center; height: 74px; margin-top: 60px;}
.index5_ul{ width: 1467px; margin: 90px auto 0;}
.index5_ul li{ float: left; background-color: #ffffff; width: 403px; padding: 25px 35px 40px; margin: 0 8px;}
.index5_t{}
.index5_title{ width: 87px; height: 33px; border: 1px solid #dedede; border-radius: 33px; text-align: center; line-height: 33px; font-size: 14px; color: #666666;}
.index5_time{ font-size: 14px; color: #2e2e2e; font-weight: bold; margin-left: 15px; line-height: 35px;}
.index5_t1{ font-size: 22px; color: #424242; line-height: 82px; height: 82px; overflow: hidden;}
.index5_img{ width: 403px; height: 236px; border-radius: 10px; overflow: hidden;}
.index5_img img{ -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
#demo { margin: 0 auto;overflow: hidden;width: 1467px;}
.index5_ul li:hover .index5_img img{ transform: scale(1.1);}
.index5_ul li:hover .index5_t1{ color: #970709;}

.footer{ background-color: #970709; padding: 24px 0;}
.foot_nr{ width: 1316px; margin: 0 auto;}
.d_logo{ background: url(../images/d_logo.png) no-repeat center center; width: 98px; height: 186px;}
.d_nav{ margin-left: 80px;}
.d_tit{ line-height: 36px; margin-top: 10px; font-size: 16px; color: #ffffff;}
.d_line{ background-color: #ff8700; width: 24px; height: 3px;}
.d_menu{ margin-top: 28px;}
.d_menu li{ float: left;writing-mode: vertical-lr; margin-right: 30px;}
.d_en{ font-size: 12px; color: #ffffff; text-transform: uppercase; line-height: 14px;}
.d_ch{ font-size: 20px; color: #ffffff; line-height: 22px;}
.d_tel{ margin-left: 30px;}
.d_dh{ margin-top: 28px;}
.d_ewm{}
.code{ width: 156px;}
.d_ewm p{ line-height: 26px; margin-top: 4px; text-align: center; font-size: 12px; color: #ed9394; font-family: simsun;}

.copy{ background-color: #511f24; line-height: 63px; border-top: 1px solid #5f3134; border-bottom: 1px solid #5f3133;}
.copy, .copy a{ font-family: simsun; font-size: 12px; color: #ae9980;}
.copy img{ vertical-align: middle;}

.er{ position: inherit;}

.ej_ban{ width: 100%; height: 541px; background: url(../images/ban1.jpg) no-repeat center center;}
.ban1{ background-image: url(../images/ban1.jpg);}
.ban2{ background-image: url(../images/ban2.jpg);}
.ban3{ background-image: url(../images/ban3.jpg); height: 314px;}
.ban4{ background-image: url(../images/ban4.jpg);}
.ban5{ background-image: url(../images/ban5.jpg);}
.ban6{ background-image: url(../images/ban6.jpg);}
.ban7{ background-image: url(../images/ban7.jpg);}
.ban8{ background-image: url(../images/ban8.jpg);}
.ban9{ background-image: url(../images/ban9.jpg);}

/*会员*/
.member1{ width: 1220px; margin: 0 auto; background: url(../images/member1_bg.png) no-repeat right center; height: 469px; font-style: italic;}
.member1 .table{ text-align: left;}
.member1_tit{ font-weight: bold;}
.member1_ch{ font-size: 36px; color: #9f1415; line-height: 40px;}
.member1_ch span{ color: #e4be84; margin-left: 10px; line-height: 26px;}
.member1_en{ font-size: 24px; color: #9f1415; text-transform: uppercase;}
.member1_txt{}
.member1_txt p{ font-size: 20px; color: #5c5c5c;}
.member1_txt span{ color: #9f1415;}
.member1_txt p.p1{ line-height: 24px; margin: 38px 0 22px; width: 766px;}
.member1_txt p.p2{ line-height: 44px;}

.member2{ background: url(../images/member2_bg.jpg) no-repeat center center; height: 595px;}
.member2_ul{ display: flex; justify-content: center;}
.member2_ul li{ margin: 0 60px;}
.member2_icon{}
.member2_text{ margin-top: 25px;}
.member2_zi1{ line-height: 60px; font-size: 24px; color: #ffffff; font-weight: bold;}
.member2_zi1 img{ margin-right: 15px; vertical-align: middle;}
.member2_zi2{ font-size: 18px; color: #ffffff; line-height: 28px;}

.member3{ background: url(../images/member3_bg.jpg) no-repeat center center; height: 592px;}
.member3_tit{ font-style: italic; font-weight: bold; line-height: 50px; padding-top: 38px;}
.member3_en{ text-transform: uppercase; font-size: 60px; color: rgba(238,232,222.55); letter-spacing: 2px;}
.member3_ch{ font-size: 44px; color: #9f1415; margin-top: -30px;}
.member3_ch span{ color: #e4be84; margin-left: 10px;}
.member3_txt{ width: 1140px; margin: 40px auto 0;}
.member3_txt p{ font-size: 18px; color: #868686; line-height: 28px;}
/*会员*/

/*联系*/
.contact1{ background: url(../images/contact1_bg.jpg) no-repeat center center; height: 472px;}
.contact1_nr{ width: 1320px; margin: 0 auto; font-style: italic; font-weight: bold; padding-top: 58px;}
.contact1_ch{ font-size: 68px; color: #9f1415; line-height: 84px;}
.contact1_en{ font-size: 48px; color: #9f1415; line-height: 56px;}
.contact1_zi{ height: 87px; margin-top: 33px;}
.contact1_tx{ font-size: 36px; color: #e4be84; margin-top: 50px; line-height: 36px;}

.contact2{ background: url(../images/contact2_bg.jpg) no-repeat center center; height: 391px;}
.contact2_nr{ width: 1320px; margin: 0 auto; padding-top: 86px;}
.contact2_nr li{ overflow: hidden; line-height: 66px; font-size: 44px; font-weight: bold; color: #ffffff;}
.contact2_nr li span{ font-size: 30px; font-weight: normal; float: left; display: block;}
.contact2_icon{ width: 40px; height: 66px; margin-left: 20px; float: left; background-repeat: no-repeat; background-position: center center; margin-right: 20px;}
.contact2_icon1{ background-image: url(../images/contact2_icon1.png);}
.contact2_icon2{ background-image: url(../images/contact2_icon2.png);}
.contact2_icon3{ background-image: url(../images/contact2_icon3.png);}
/*联系*/

/*食品*/
.pro_nav{ background: url(../images/pro_bg.jpg) no-repeat center center; text-align: center; font-size: 0; padding: 48px 0 60px;}
.pro_nav li{ position: relative; width: 148px; height: 148px; overflow: hidden; border-radius: 100%; display: inline-block; margin: 0 23px; border: 6px solid rgba(255,255,255,0.87);}
.pro_nav_zi{ background-repeat: no-repeat; background-position: center center; position: absolute; bottom: 0; left: 0; width: 148px; height: 72px;}
.pro_h1{ width: 54px; margin: 8px auto 0; background: url(../images/pro_seal.png) no-repeat right bottom; writing-mode: vertical-lr; line-height: 54px; font-size: 22px; color: #ffffff;}
.pro_nav li.pro_li5 .pro_h1{ height: 44px; line-height: 22px;}
.pro_nav li.on .pro_nav_zi, .pro_nav li:hover .pro_nav_zi{ background-image: url(../images/pro_nav_on.png);}

.pro_swiper{ padding-bottom: 50px;}
.pro_swiper .swiper-slide{ width: 64%; position: relative; margin: 0 .5%;}
.pro_zi{ font-size: 38px; color: #fcf1e1; position: absolute; bottom: 0; width: 100%; background: url(../images/pro_black.png) no-repeat center center; padding-top: 81px; line-height: 66px;}
.pro_zz{ opacity: 0; position: absolute; top: 38px; left: 38px; background: url(../images/pro_label.png) no-repeat center center; width: 213px; height: 449px;-webkit-transition: all 1.5s cubic-bezier(.23,1,.32,1);-webkit-transform: scale(0);}
.pro_zz p{ writing-mode: vertical-rl; height: 300px; margin: 90px 0 0 50px; font-size: 18px; color: #ffffff; line-height: 25px; letter-spacing: 1px;}
.pro_biaoti{ margin: 38px 0 0 20px;}
.pro_swiper .swiper-slide.swiper-slide-active .pro_zz{opacity: 1; -webkit-transform: scale(1);}
.pro_swiper .swiper-button-prev, .pro_swiper .swiper-button-next{ display: block; width: 47px; height: 47px; background-size: 100% 100%; position: absolute; z-index: 1; top: 50%; margin-top: -24px; cursor: pointer;}
.pro_swiper .swiper-button-prev{ background-image: url(../images/prev.png); left: 16.4%;}
.pro_swiper .swiper-button-next{ background-image: url(../images/next.png); right: 16.4%;}
/*食品*/

/*新闻*/
.newslist{}
.newslist li{ float: left; width: 29.2%; margin-left: 3.1%; margin-top: 100px;}
.newslist li img{ border-radius: 10px;}
.news_tit{ font-size: 24px; color: #4c4c4c; line-height: 72px; height: 72px; overflow: hidden;}
.news_txt{ padding: 30px 0 18px; line-height: 18px;font-size: 16px; color: #999999; overflow: hidden;}
.news_time{}
.news_more{ transition: ease .5s;}
.newslist li:hover .news_tit{ color: #d80c25;}
.newslist li:hover .news_txt{ color: #d10a30;}
.newslist li:hover .news_more{ background: url(../images/news_more.jpg) no-repeat right center; padding-right: 28px;}
/*新闻*/

/*招聘*/
.recruit1{ background: url(../images/zp1_bg.jpg) no-repeat center center; height: 580px;}
.recruit1 .table{ text-align: left; width: 1380px; margin: 0 auto;}
.recruit1_tit{ font-weight: bold; font-style: italic; color: #9f1415;}
.recruit1_ch{ line-height: 86px; font-size: 68px;}
.recruit1_en{ line-height: 55px; font-size: 48px; text-transform: uppercase;}
.recruit1_txt{ height: 160px; margin: 123px 0 43px;}
.recruit2{ background: url(../images/zp2_bg.jpg) no-repeat center center; height: 541px;}
.recruit2_ul{ display: flex; width: 1256px; margin: 0 auto ; padding-top: 53px;justify-content: space-between;}
.recruit2_ul li{ background-color: #ffffff; width: 252px; padding: 29px 17px;}
.recruit2_tit{ line-height: 62px; font-size: 22px; color: #d4b47e; font-weight: bold;}
.recruit2_line{ width: 35px; height: 1px; background-color: #8f8f8f;}
.recruit2_txt{ margin: 22px 0 5px; height: 264px; overflow-y: auto;}
.recruit2_txt p{ line-height: 30px; font-size: 14px; color: #525252;}
/*招聘*/

/*品牌*/
.about1_txt{ width: 84%; margin-top: 48px;}
.about1_txt p{font-size: 20px;line-height: 43px;letter-spacing: 2px;color: #616161; text-align: justify;}
.about1_ul{ margin: 20px 0;}
.about1_ul li{width: 42px;height: 42px; background: url(../images/about1_cir.png) no-repeat center center; float: left; margin-right: 38px; line-height: 42px; text-align: center; font-size: 26px; color: #ffffff;}
.about2{ background: url(../images/about2_bg.jpg) no-repeat center center; height: 1790px; position: relative;}
.about2_tit{ background: url(../images/about2_tit.png) no-repeat center top; margin-top: 52px;}
.about2_tit p{ font-size: 60px; color: #f7e0aa; font-weight: bold; letter-spacing: 2px; padding-top: 40px; line-height: 60px;}
.history_pan{ position: absolute; left: 0; top: 240px;}
.history{ position: relative; width: 1094px; height: 1489px; margin: 156px 0 0 288px;}
.history .history-line{ position: relative; z-index: 2;}
.history li{ cursor: pointer;}
.history li .after{width: 70px;height: 70px;background: transparent;position: absolute;top: 50%;margin-top: -35px;left: 50%; margin-left: -35px; border-radius: 100%; z-index: 4;}
.history li .point{width: 17px;height: 17px;background-color: #ffffff;border: 3px solid #ac1214;border-radius: 100%; position: relative; z-index: 3;}
.history li .image{ left: 50%; top: 50%; z-index: 1; display: block;}
.history li, .history li .icon, .history li .image, .history li .text{ position: absolute;}
.history li .text{ width: -webkit-max-content;}
.history li .text .year{ font-size: 28px; color: #f7e0aa; font-weight: bold; line-height: 38px;}
.history li .text .txt{ font-size: 16px; color: #ffffff; line-height: 26px;}
.history li .icon{ display: none;}

.history li.history_li1{ left: 160px; top: 3px;}
.history li.history_li1 .icon{ left: 10px; bottom: 23px; width: 28px; height: 33px; display: block;}
.history li.history_li1 .image{ display: none;}
.history li.history_li1 .text{ left: 62px; bottom: 72px;}
.history li.history_li1 .culture_img{ display: none;}

.history li.history_li2{left: 355px; top: 76px;}
.history li.history_li2 .image{ width: 124px; height: 116px; margin-left: -62px; margin-top: -58px;}
.history li.history_li2 .text{ left: 0; top: 65px;}

.history li.history_li3{ left: 692px; top: 110px;}
.history li.history_li3 .image{ width: 90px; height: 84px; margin-left: -45px; margin-top: -42px;}
.history li.history_li3 .text{ left:57px; bottom: 37px;}

.history li.history_li4{ left: 936px; top: 182px;}
.history li.history_li4 .image{ width: 81px; height: 75px; margin-left: -40px; margin-top: -37px;}
.history li.history_li4 .text{ left:65px; top: 50%; margin-top: -32px;}

.history li.history_li5{ right: 38px; top: 340px;}
.history li.history_li5 .image{ width: 103px; height: 90px; margin-left: -51px; margin-top: -45px;}
.history li.history_li5 .text{ right: 80px; top: -6px; text-align: right;}

.history li.history_li6{ right: 20px; top: 472px;}
.history li.history_li6 .image{ width: 77px; height: 71px; margin-left: -38px; margin-top: -35px;}
.history li.history_li6 .text{ left: 66px; top: 50%; margin-top: -32px;}

.history li.history_li7{ right: 180px; top: 536px;}
.history li.history_li7 .image{ width: 77px; height: 72px; margin-left: -38px; margin-top: -36px;}
.history li.history_li7 .text{ left: 16px; top: 50px;}

.history li.history_li8{ right: 325px; top: 574px;}
.history li.history_li8 .image{ width: 77px; height: 72px; margin-left: -38px; margin-top: -36px;}
.history li.history_li8 .text{ right: 50px; bottom: 50px; text-align: right;}

.history li.history_li9{ right: 503px; top: 688px;}
.history li.history_li9 .image{ width: 79px; height: 75px; margin-left: -40px; margin-top: -37px;}
.history li.history_li9 .text{ left: 64px; top: 14px; text-align: right;}

.history li.history_li10{ left: 450px; bottom: 664px;}
.history li.history_li10 .image{ width: 79px; height: 73px; margin-left: -40px; margin-top: -37px;}
.history li.history_li10 .text{ right: 50px; bottom: 10px; text-align: right;}

.history li.history_li11{ left: 340px; bottom: 506px;}
.history li.history_li11 .image{ width: 79px; height: 75px; margin-left: -40px; margin-top: -37px;}
.history li.history_li11 .text{ left: 70px; bottom: 5px;}

.history li.history_li12{ left: 460px; bottom: 372px;}
.history li.history_li12 .image{ width: 80px; height: 74px; margin-left: -40px; margin-top: -37px;}
.history li.history_li12 .text{ right: 60px; top: 10px; text-align: right;}

.history li.history_li13{ right: 305px; bottom: 315px;}
.history li.history_li13 .image{ width: 81px; height: 75px; margin-left: -40px; margin-top: -37px;}
.history li.history_li13 .text{ left: -10px; bottom: 65px;}

.history li.history_li14{ right: 40px; bottom: 238px;}
.history li.history_li14 .image{ width: 87px; height: 76px; margin-left: -44px; margin-top: -38px;}
.history li.history_li14 .text{ right: 74px; top: 0; text-align: right;}


.history li .culture_img{ background: url(../images/culture_bg.png) no-repeat center center; width: 375px; height: 254px; line-height: 240px; text-align: center; position: absolute; top: 70px; left: 50%; margin-left: -187px; z-index: 4; -webkit-transition: all .5s; -webkit-transform: scale(0); margin-top: 20px;}
.history li .culture_img img{ vertical-align: middle; margin-top: 14px;}

.history li .after:hover .culture_img{ -webkit-transform: scale(1); margin-top: 0;}
/*品牌*/
/*文化*/
.about3{ background: url(../images/about3_bg.jpg) no-repeat center center; height: 837px;}
.about3_nr{ width: 1620px; margin: 0 auto; padding-top: 203px;}
.earth{ width: 640px; height: 494px; margin-left: 66px; position: absolute;}
.circle-img{ position: absolute;animation: spin 6s infinite linear; transform-origin: 50% 30%;}
.circle-img img{ animation: spin-reverse 6s infinite linear;}
.circle-img1{ left: 0; top: 130px;}
.circle-img2{ right: 0; top: 0;animation: spin2 6s infinite linear;}
.circle-img2 img{animation: spin-reverse2 6s infinite linear;}
.circle-img3{ right: 0; bottom: 0;}
@keyframes spin{
    to{transform: rotate(1turn);}
}
@keyframes spin2{
    to{transform: rotate(-1turn);}
}
@keyframes spin-reverse{
    from{
        transform:rotate(1turn);
    }
}
@keyframes spin-reverse2{
    from{
        transform:rotate(-1turn);
    }
}
.about3_culture{ width: 744px;}
.culture_tit{ line-height: 160px; font-size: 46px; color: #ab1113; font-weight: bold; margin-top: 6px;}
.about3_slide{}
.about3_slide .hd{}
.about3_slide .hd ul{}
.about3_slide .hd ul li{ font-size: 20px; color: #bcbcbc; font-weight: bold; float: left; line-height: 42px; padding-top: 27px; cursor: pointer; margin-right: 20px;}
.about3_slide .hd ul li.on{ background: url(../images/culture_icon.png) no-repeat center top; color: #dd2b41;}
.about3_slide .bd{ margin-top: 25px;}
.about3_slide .bd ul{}
.about3_slide .bd ul p{ font-size: 20px; color: #767676; line-height: 36px;}
/*文化*/
/*加盟*/
#F1 {overflow: hidden;}
.boxes.b1 {z-index: 5;}
.boxes.b1 {background: #ffffff;}
.boxes {position: relative;padding: 70px 0px;background: #fff;}
.abBox {position: relative;}
.w1400 {width: 90%;max-width: 1400px;margin: 0px auto;position: relative;}
.syslist .sysWords {width: 100%;position: absolute;left: 0px;top: 50%;height: auto;line-height: 1;font-size: 140px;text-align: center;text-transform: uppercase;font-family: montserrat;color: rgb(254, 240, 240);-webkit-text-stroke: 1px rgb(203, 33, 40);-webkit-transform: translateY(-50%);text-align: center;opacity: .1;display: block;}
.syslist{padding-top: 105px;}
.syslist ol {width: 500px;height: auto;border-radius: 50%;position: relative;margin: 0 auto;}
.syslist ol::before {width: 600px;height: 600px;position: absolute;left: 50%;top: 50%;border: 1px dashed #cb2128;border-radius: 50%;-webkit-transform: translate(-50%, -50%);content: '';-webkit-animation: sysAnimate 50s linear infinite;}
@-webkit-keyframes sysAnimate { 
  0% { transform: translate(-50%, -50%) rotate(0deg); }
  100% { transform: translate(-50%, -50%) rotate(360deg); }
}
.syslist ol img {border-radius: 50%;}
.syslist ul {width: 500px;height: 500px;position: absolute;left: 50%;top: 50%;margin-top: -250px;margin-left: -250px;}
.syslist ul li {width: 50%;height: auto;position: absolute;left: 0%;top: 0%;}
.syslist ul li:nth-child(1) {left: -220px;}
.syslist ul li:nth-child(2){left: -330px;top: 160px;}
.syslist ul li:nth-child(3){left: -345px;top: 320px;}
.syslist ul li:nth-child(4){left: -270px;top: 480px;}
.syslist ul li:nth-child(5){left: 525px;top: 480px;}
.syslist ul li:nth-child(6){left: 595px;top: 320px;}
.syslist ul li:nth-child(7){left: 580px;top: 160px;}
.syslist ul li:nth-child(8){left: 455px;}
.syslist ul li .num { width: 50px;height: 50px;background: #cb2128;position: absolute;left: calc(100% + 25px);top: 50%;-webkit-transform: translateY(-50%);border-radius: 50%;color: #fff;text-align: center;line-height: 50px;font-family: din;font-size: 24px;}
.syslist ul li:nth-child(n+5) .info{text-align: left;}
.syslist ul li:nth-child(n+5)  .num {left: -75px;}
.syslist ul li .info {text-align: right;}
.syslist ul li .info .name {width: 100%;font-size: 20px;color: #cb2128;position: relative;line-height: 1;margin-bottom: 10px;font-weight: bold;}
.syslist ul li .info .des {font-size: 14px;line-height: 1.6;}

.investBox {display: flex;width: 100%;justify-content: space-between; background: url(../images/join2_bg.jpg) no-repeat center center; background-size: cover; margin-top: 100px;}
.investImg {width: 50%;background: center center no-repeat;background-size: cover;}
.inverstRight {width: 31%;margin-right: 12.5%; padding: 62px 0 82px;}
.commonTitle { margin-bottom: 74px;}
.commonTitle b {color: #f7e0aa;font-size: 38px; font-weight: bold; line-height: 38px; vertical-align: middle;}
.commonTitle img{ height: 31px; margin-left: 20px; vertical-align: middle;}
.singePage { margin-left: 20px;}

.join3{ padding: 80px 0;}
.join3_tit{ background: url(../images/join3_tit.png) no-repeat center center; height: 88px;}
.join3_ul{ width: 1235px; margin: 68px auto 0;}
.join3_ul li{ float: left; text-align: center; margin: 0 15px;}
.join3_ul li .cd-popup-trigger{ background-color: transparent; width: auto; height: auto; margin: 0; box-shadow: none;}
.join3_ul li img{ transition: 1.2s;}
.join3_ul li p{ font-size: 30px; color: #9a1214; line-height: 56px;}
.join3_ul li:hover .img{ transform: rotate(360deg);}

.join4{ background-color: #b6102a; padding: 45px 0 84px;}
.join4_left{ width: 50.2%; margin-left: 6.1%;}
.join4_right{ width: 21.6%; margin-right: 16.1%;}
.join4_h1{ font-size: 50px; color: #ffffff; font-weight: bold; line-height: 66px; margin-top: 55px;}
.join4_h2{ height: 82px; margin: 60px 0;}
.join4_p{ font-size: 22px; color: #fae8eb; line-height: 40px; text-align: justify;}

.join5{ background-color: #fbf1f2; padding: 55px 0 110px;}
.join5_tit{ background: url(../images/join5_tit.png) no-repeat center center; height: 88px;}
.join5_ul{ width: 1240px; margin: 74px auto 0; display: flex; justify-content: space-between;}
.join5_ul li{ cursor: pointer;}
.join5_icon{ background-color: #b6102a; width: 136px; height: 136px; border-radius: 100%; line-height: 136px; text-align: center; margin: 0 auto;}
.join5_icon img{ vertical-align: middle;}
.join5_text{ font-size: 16px; color: #b6102a; line-height: 24px; margin-top: 23px;}
.join5_ul li:hover .join5_icon img{ -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}
@keyframes jello {

    from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none }

    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }

    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }

    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }

    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }

    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }

    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }

    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }

}

.join6{ padding: 45px 0 60px;}
.join6_tit{ background: url(../images/join6_tit.png) no-repeat center center; height: 88px;}
.join6_slide{ width: 1380px; margin: 20px auto 0;}
.join6_slide .hd{ background: url(../images/join6_fd.png) no-repeat center center; width: 573px; height: 537px; position: relative;}
.join6_slide .hd ul{ background: url(../images/join6_logo.png) no-repeat center center; width: 100%; height: 100%;}
.join6_slide .hd ul li{ font-size: 16px; color: #a67456; height: 93px; text-align: center; line-height: 93px; background-repeat: no-repeat; background-position: center; min-width: 93px; cursor: pointer;}
.join6_slide .hd ul li.join6_icon1{ position: absolute; top: 0; left:50%; margin-left: -35px;}
.join6_slide .hd ul li.join6_icon2{ position: absolute; top: 120px; right: 40px;}
.join6_slide .hd ul li.join6_icon3{ position: absolute; bottom: 120px; right:40px;}
.join6_slide .hd ul li.join6_icon4{ position: absolute; bottom: 0; left:50%; margin-left: -38px;}
.join6_slide .hd ul li.join6_icon5{ position: absolute; bottom: 120px; left:30px;}
.join6_slide .hd ul li.join6_icon6{ position: absolute; top: 120px; left: 40px;}
.join6_slide .hd ul li.on:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(228,175,136,0.65);animation: fangda 2s ease infinite;border-radius: 50%; width: 93px; height: 93px; margin: 0 auto;}
.join6_slide .hd ul li.on{ line-height: 999;}
.join6_slide .hd ul li.on.join6_icon1{ background-image: url(../images/join6_icon1.png);}
.join6_slide .hd ul li.on.join6_icon2{ background-image: url(../images/join6_icon2.png);}
.join6_slide .hd ul li.on.join6_icon3{ background-image: url(../images/join6_icon3.png);}
.join6_slide .hd ul li.on.join6_icon4{ background-image: url(../images/join6_icon4.png);}
.join6_slide .hd ul li.on.join6_icon5{ background-image: url(../images/join6_icon5.png);}
.join6_slide .hd ul li.on.join6_icon6{ background-image: url(../images/join6_icon6.png);}
.join6_slide .bd{ width: 777px; margin-top: 60px;}
.join6_slide .bd ul{}
.join6_slide .bd ul .join6_h1{ position: relative; height: 121px; background: url(../images/join6_en.jpg) no-repeat center center;}
.join6_slide .bd ul .join6_h1 h1{ font-size: 42px; color: #94070a; font-weight: normal; line-height: 121px; margin-left: 30px;}
.join6_slide .bd ul .join6_h1 span{ font-size: 22px; color: #e7b791; letter-spacing: 10px; margin-left: 56px;}
.join6_slide .bd ul .join6_txt{ font-size: 18px; color: #767676; line-height: 26px; margin: 80px 0 0 40px;}
.join6_slide .bd ul .join6_txt .l{ margin-right: 50px;}
/*加盟*/
/*团队*/
.team{ background: url(../images/team_bg.jpg) no-repeat center center; height: 918px;}
.team_slide{ width: 910px; margin: 0 auto;}
.team_slide .hd{ height: 532px; position: relative;}
.team_slide .hd ul{}
.team_slide .hd ul li{ width: 166px; height: 166px; border-radius: 100%; background-color: #cca67e; line-height: 166px; text-align: center; font-size: 30px; color: #fffefe; font-weight: bold; letter-spacing: 5px; cursor: pointer; position: absolute;}
.team_slide .hd ul li.team_hd1{ left: 0; bottom: 0;}
.team_slide .hd ul li.team_hd2{ left: 50%; margin-left: -83px; top: 30px;}
.team_slide .hd ul li.team_hd3{ right: 0; bottom: 0;}
.team_slide .hd ul li.on{ background-color: #d21d2d;}
.team_slide .hd ul li.on:before {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(228,36,46,0.1);animation: fangda 2s ease infinite;border-radius: 50%;}
.team_slide .bd{ margin: -305px auto 0; text-align: center;}
.team_slide .bd ul{}
.team_slide .bd ul img.m_join_img{ display: none;}
.team_slide .bd ul .team_h1{ font-size: 20px; color: #d21d2d; font-weight: bold; line-height: 72px; letter-spacing: 5px;}
.team_slide .bd ul .team_p{ font-size: 20px; color: #808080; line-height: 30px; letter-spacing: 5px;}
.team_slide .bd ul .team_more{ display: block; width: 97px; height: 23px; line-height: 23px; background-color: #e4242e; font-size: 14px; color: #ffffff; border-radius: 10px; margin: 28px auto 0; cursor: pointer;}
/*团队*/
.article{ padding: 50px 0;}
.article, .article p{ font-size: 16px; color: 333333; line-height: 30px;}

.izl-rmenu {position: fixed;right: 8rem;width: 62px;bottom: 5rem;z-index: 999999;}
.izl-rmenu .btn{float: left;width: 62px;height: 62px;cursor:pointer;position:relative;margin: -0.5px 0;border: 1px solid #e5e5e5; border-radius: 10px;}
.izl-rmenu .btn-top{background: #fff url(../images/r_top.png) center no-repeat;display:none;}

.pagelist { text-align: center; margin: 20px 0 40px; clear:both; padding-top:30px;}
.pagelist span, .pagelist strong, .pagelist a { display: inline-block; border: 1px solid #ddd;padding: 2px 6px; margin-right: 2px; line-height:16px; text-decoration:none; color:#666;}
.pagelist strong { background: #ef5600; color: #fff;}