@charset "utf-8";
/*头*/
header{position: fixed;width: 100%;left: 0;top: 0;z-index: 11;box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 20%);}
.head{padding: 10px 30px;display: flex;background-color: #000000cc;position: relative;}
.head .logo{}
.head .logo img{display: block;height: 40px;margin-top: 10px;}
.head .menu{flex: 1;padding: 0 15px;}
.head .menu .firstUL{width: 100%;display: flex;justify-content: end;}
.head .menu .firstUL>li{margin:0 15px;padding: 15px 0;}
.head .menu .first{font-size: 16px;line-height: 30px;display: inline-block;position: relative;color: #fe6c0480;}
.head .menu .firstUL>li:hover .first{color: #fe6c04;}
.head .menu .firstUL>li:hover .has::after{content: '';display: block;position: absolute;top: 100%;left: 50%;transform: translateX(-50%); width: 1vw;height: 1vw;background: url(../img/xl.png) no-repeat center / 100%;}
.head .menu .firstUL>li .first.on{color: #fe6c04;padding: 0 15px;border-radius: 15px;}
.head .menu .firstUL>li:hover .drop-down{opacity: 1; visibility: visible;transition: opacity 300ms ease-in, visibility 300ms ease-in;}
.head .menu .drop-down{opacity: 0; visibility: hidden;transition: opacity 300ms ease-in, visibility 300ms ease-in; border-top:1px solid #fe6c04;display: flex;position: absolute;width: 100%;top: 100%;left: 0;z-index: 9;}
.head .menu .drop-down::after{content: '';display: block;width: 100%;height: 10px;position: absolute;left: 0;top: -10px;}
.head .menu .tabMenu_second{width: 33%;} 
.head .menu .tabMenu_second .li{color: #FFFFFF;font-size: 1.25vw;line-height: 80px;text-align: right;padding: 0 45px;} 
.head .menu .tabMenu_second .li.on{background: #FFFFFF;color: #fe6c04;}
.head .menu .tabMenu_second .li a{position: relative;}
.head .menu .tabMenu_second .li.on a::after{content: '';display: block;position: absolute;right: -30px;top: 50%;transform: translateY(-50%); width: 1vw;height: 1vw;background: url(../img/xl1.png) no-repeat center / 100%;}
.head .menu .tabMenu_third{width: 100%; background: #ffffff;padding: 30px 10%;} 
.head .menu .tabMenu_third .li{display: flex;flex-wrap: wrap;display: none;justify-content: end;} 
.head .menu .tabMenu_third .li:first-child{display: flex;}
.head .menu .tabMenu_third dl{width: 16.6667%;} 
.head .menu .tabMenu_third dt{color: #fe6c04;font-size: 1vw;margin-bottom: 20px;} 
.head .menu .tabMenu_third dt a{position: relative;display: inline-block;}
.head .menu .tabMenu_third dt a::after{content: '';display: block;width: 150%;height: 1px;position: absolute; bottom: -5px;left: 0%;background-color: #fe6c04;}
.head .menu .tabMenu_third dd{font-size: 0.83vw;position: relative;margin-top: 10px;} 
.head .menu .tabMenu_third dd:hover::after{content: '•';display: block;position: absolute;left: -15px;top: 0;}
.head .menu .tabMenu_third dd:hover{color: #fe6c04;}
.head .menu .drop-down .three_level{display: block;margin: 0 50px; text-align: center;} 
.head .menu .drop-down .three_level img{width: 36px;display: block;margin: 5px auto;}
.head .menu .drop-down .three_level p{font-size: 1vw;color: #fe6c04;position: relative;display: inline-block;}
.head .menu .drop-down .three_level:hover p:after{content: '';display: block;width: 80%;height: 1px;position: absolute; bottom: -5px;left: 10%;background-color: #fe6c04;}
.head .menu .drop-down .more{display: block;float: right;font-size: 14px;color: #118CCF;margin: 10px 0 0 auto;}
.head .menu .drop-down .second_level{background: #000000cc;width: 100%;padding: 30px 10%;text-align: right;}
.head .menu .drop-down .second_level a{font-size: 14px;color: #fe6c0480;position: relative;display: inline-block;margin: 0 50px;}
.head .menu .drop-down .second_level a.on,
.head .menu .drop-down .second_level a:hover{color: #fe6c04;}
.head .menu .drop-down .second_level a.on:after,
.head .menu .drop-down .second_level a:hover:after{content: '';display: block;width: 80%;height: 1px;position: absolute; bottom: -5px;left: 10%;background-color: #fe6c04;}
.head .other{margin-left: auto;display: flex;margin-top: 20px; }
.head .other .search{margin-right: 20px;}
.head .other .search .search_inp{color: #fe6c04;transition: all .5s;display: block;width: 0;height: 30px;font-size: 14px; border-radius: 15px;float: left;margin-top: -5px;}
.head .other .search .search_img{display: block;width: 20px;cursor: pointer; }
.head .other .search:hover .search_inp,
.head .other .search .search_inp:focus{transition: all .5s; width: 180px;padding: 0 15px;border: 1px solid #fe6c04;margin-right: 5px;}
.head .other .en{display: block;}
.head .other .en img{display: block;width: 20px;}

header.hover{box-shadow: none;}
.hover .head{background-color: transparent;}
.hover .head .menu .first{color: #ffffff;}
.hover .head .logo img,
.hover .head .other .search .search_img,
.hover .head .other .en img{filter: brightness(0) invert(1);}
.hover .head .other .search:hover .search_inp{border: 1px solid #ffffff;}
.hover .head .other .search .search_inp{color: #ffffff;}
.hover .head .other .search .search_inp::placeholder{color: #ffffff;}
.hover .head:hover{background-color: #000000cc;}
.hover .head:hover .menu .first{color: #fe6c0480;}
.hover .head:hover .logo img,
.hover .head:hover .other .search .search_img,
.hover .head:hover .other .en img{filter: none;}
.hover .head:hover .other .search:hover .search_inp{border: 1px solid #fe6c04;}
.hover .head:hover .other .search .search_inp{color: #fe6c04;}
.hover .head:hover .other .search .search_inp::placeholder{color: #999999;}

header.news{position: static;background-color: #fe6c04;}
.news .head{background-color: transparent;}
.news .head .menu .first{color: #ffffff;}
.news .head .logo img,
.news .head .other .search .search_img,
.news .head .other .en img{filter: brightness(0) invert(1);}
.news .head .other .search:hover .search_inp{border: 1px solid #ffffff;}
.news .head .other .search .search_inp{color: #ffffff;}
.news .head .other .search .search_inp::placeholder{color: #ffffff;}
.news .head:hover{background-color: #ffffff;}
.news .head:hover .menu .first{color: #222222;}
.news .head:hover .logo img,
.news .head:hover .other .search .search_img,
.news .head:hover .other .en img{filter: none;}
.news .head:hover .other .search:hover .search_inp{border: 1px solid #fe6c04;}
.news .head:hover .other .search .search_inp{color: #222222;}
.news .head:hover .other .search .search_inp::placeholder{color: #999999;}



/*尾*/
footer{padding: 3vw 0;background: #000000;}
.foot{display: flex;justify-content: space-between;align-items: center;}
.foot .foot_one{overflow: hidden;}
.foot .foot_one .li{display: block;}
.foot .foot_one img{display: block;width: 150px;}
.foot .links{margin-top: 30px;width:200px;}
.foot .links .li{display: block;float: left; font-size: 14px;color: #FFFFFF;line-height: 2;margin: 0 10px;}
.foot .links .li a:hover{color:#fe6c04;}

.foot .foot_two{}
.foot .foot_two .t1{font-size: 18px;color: #FFFFFF;font-weight: 400;}
.foot .foot_two .t2{font-size: 14px;color: #FFFFFF;margin-top: 10px;line-height: 2;}
.foot .foot_two .code{margin-top: 10px;}
.foot .foot_two .code .li{display: block;width: 70px;float: left;}
.foot .foot_two .code .li+.li{margin-left: 8px;}
.foot .foot_three{}
.foot .foot_three .li{display: block;width: 100px;margin: 0 auto; margin-bottom: 20px;}
.foot .foot_three .txt{font-size: 14px;color: #FFFFFF66;margin-bottom: 15px;text-align: center;}
.foot .foot_three .share{text-align: center;margin-top: 20px;}
.foot .foot_three .share ul::after{content: '';display: block;clear: both;}
.foot .foot_three .share ul li{position: relative;display: inline-block;cursor: pointer;}
.foot .foot_three .share ul li+li{margin-left: 15px;}
.foot .foot_three .share .p1{display: block;width: 20px;}
.foot .foot_three .share .p2{display: block;position: absolute;bottom: 30px;left: 50%;width: 70px;transform: translateX(-50%);opacity: 0;visibility: hidden;transition: opacity 300ms ease-in, visibility 300ms ease-in;}
.foot .foot_three .share .tt{font-size: 14px; background: #ffffff;color:#fe6c04;width: auto;padding: 5px 10px;border-radius: 4px;}
.foot .foot_three .share ul li:hover .p2{opacity: 1;visibility: visible; transition: opacity 300ms ease-in, visibility 300ms ease-in;}
.friendly{margin-top: 30px;color: #ffffff47;font-size: 12px;}
.friendly a:hover{color: #ffffff;}
footer .bottom{border-top: 1px solid #F1F1F161;margin-top: 30px;padding: 30px 10px 0;overflow: hidden;}
footer .bottom .to{display: block;padding: 0 20px; float: left;border: 1px solid #FFFFFF66;line-height: 38px;}
footer .bottom .to img{display: inline-block;height: 20px;vertical-align: middle;margin-top: -2px;}
footer .bottom .to img:last-child{height: 12px;margin-left: 100px;}
footer .bottom .to p{display: inline-block;color: #FFFFFFc0;font-size: 16px;margin-left: 5px;}
footer .bottom .to:hover{background-color: #fe6c04b3;}
.copyRight{margin-left: 300px;text-align: right;line-height: 20px;font-size: 12px;color: #BEBEBE;padding-top: 10px;}

/* 侧边栏 */
.floating{position: fixed;z-index: 9;right: 0;bottom: 10px;transform: scale(0);visibility: hidden;opacity: 0;transition: all .5s;}
.floating.show{visibility: visible;opacity: 1;transform: scale(1);transition: all .5s;}
.floating .element{padding: 10px; background: #fe6c04b3;border-radius: 5px 0 0 5px;}
.floating .element .li{position: relative;padding:10px 0;}
.floating .element .li+.li{border-top: 1px solid #ffffff;}
.floating .element .li .img{width: 26px;display: block;cursor: pointer;}
.floating .element .li .QR{width: 120px;display: block;padding: 5px;background: #ffffff; border-radius: 4px;position: absolute;right: 60px;top: 50%;box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.23);
	transform: translateY(-50%) scale(0);visibility: hidden;opacity: 0;transition: all .5s;}
.floating .element .li .QR img{display: block;width: 100%;}
.floating .element .li:hover .QR{visibility: visible;opacity: 1;transform:translateY(-50%) scale(1);transition: all .5s;}
.floating .element .li .tel{display: block;background-color: #fe6c04;color: #ffffff;font-size: 1vw;padding: 10px;border-radius: 4px;
position: absolute;right: 60px;top: 50%;box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.23);transform: translateY(-50%) scale(0);white-space: nowrap;visibility: hidden;opacity: 0;transition: all .5s;}
.floating .element .li:hover .tel{visibility: visible;opacity: 1;transform:translateY(-50%) scale(1);transition: all .5s;}
.floating .element .li .tel::after{content: '';display: block;position: absolute;left: 100%;top: 50%;width: 0; height: 0;transform: translateY(-50%); border-left: 10px solid #fe6c04;border-top: 8px solid transparent;border-bottom: 8px solid transparent;}
.floating .element .li .QR::after{content: '';display: block;position: absolute;left: 100%;top: 50%;width: 0; height: 0;transform: translateY(-50%); border-left: 10px solid #ffffff;border-top: 8px solid transparent;border-bottom: 8px solid transparent;}


.formMask{display: none; position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 11;}
.formMask .center{position: relative;background: #ffffff; width: 520px;height: 100%; padding: 40px 50px;float: right;border-radius: 10px 0px 0px 10px;box-shadow: -3px 0px 6px 1px rgba(0,0,0,0.23);}
.formMask .mask{background: #222222;opacity: 0.3;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.formMask .center .close{position: absolute;right: 40px;top:35px;font-size: 30px;color: #BEBEBE;cursor: pointer;transition: all .3s;}
.formMask .center .close:hover{transform: rotate(90deg);transition: all .3s;}
.formMask .center .title{font-size: 24px;color: #fe6c04;}
.formMask .center .form{overflow: hidden;}
.formMask .center .form .li{margin-top: 15px;}
.formMask .center .form  p{display: block;margin-bottom: 10px;font-size: 16px;}
.formMask .center .form  em{color: #d10000;display: inline-block;vertical-align: middle;font-weight: bold;}
.formMask .center .form .li .inp{border-radius:4px;border: 1px solid #fe6c04;background: #fe6d060d;line-height: 40px;height: 42px;padding: 0 10px;font-size: 14px;}
.formMask .center .radio{margin-top: 15px;}
.formMask .center .radio label{font-size: 14px;margin-right: 10px;cursor: pointer;}
.formMask .center .radio input[type='radio']{display: inline-block;vertical-align: middle;margin-top: -4px;margin-right: 5px;}
.formMask .center .textarea{margin-top: 15px;}
.formMask .center .textarea textarea{font-size: 14px;border: 1px solid #fe6c04;border-radius: 4px;background: #FFFFFF;min-height: 120px;padding: 10px;}
.formMask .center .subBtn{margin: 0 auto; margin-top: 15px;background: #fe6c04;width: 200px;height: 42px;line-height: 40px; box-shadow: 0px 0px 6px 1px #F5F7F9;border-radius: 4px;}
.formMask .center .subBtn *{display: block;width: 100%;height: 100%;color: #FFFFFF;font-size: 15px;text-align: center;line-height: inherit;}





.banner{}
.banner img{display: block;width: 100%;}
.banner .ban-txt{position: absolute;left: 0%;top: 50%;transform: translateY(-50%);padding: 0 4%;width: 100%;color: #FFFFFF;}
.banner .ban-txt.left{text-align: left;}
.banner .ban-txt.center{text-align: center;}
.banner .ban-txt.right{text-align: right;}
.banner .ban-txt .tit{line-height: 1.3;font-size: 5vw;text-shadow: 0px 2px 3px rgba(0,0,0,0.75);
	display: block; margin-bottom: 2rem;}
.banner .ban-txt .des{text-shadow: 0px 2px 3px rgba(0,0,0,0.75);font-size: 1.56vw;line-height: 1.5;}
.banner .ban-txt .more{margin-top: 2vw;background: #FFFFFF;color: #090A0C;font-size: 1.042vw;padding: 15px 30px;border: 1px solid #FFFFFF;
	width: auto;min-width: 200px; display: inline-block;height: auto;line-height: 1;}
.banner .ban-txt .more+.more{background: none;color: #FFFFFF;margin-left: 20px;}
.banner .ban-txt .more:hover{background: #fe6c04;color: #FFFFFF;border: 1px solid #fe6c04;}
.banner .btns{margin-top: 3rem;}
.banner .btns a{box-shadow: 2px 3px 5px #00000033;
display: inline-block;border-radius: 20px;padding: 0 30px;line-height: 40px; color: #ffffff;background: #fe6c04;}
.banner .btns a+a{margin-left: 20px;}
.banner .btns a:hover{background: #ffffff;color: #fe6c04;}


.partOne{overflow: hidden;text-align: center; background-repeat: no-repeat;background-position: center top;background-size: 100% auto;margin-top:-6vw;padding-top: 8%;}
.partOne .data{margin: 7% 0;}
.partOne .data ul{display: flex;justify-content: space-around;}
.partOne .data ul li{text-align: center;}
.partOne .data p:first-child{color: #fe6c04;}
.partOne .data p:last-child{font-size: 16px;font-weight: 500;}
.partOne .data img{display: inline-block;height: 28px;margin-right: 10px;}
.partOne .data b{font-size: 3.125vw;}
.partOne .data span{font-size: 1.5625vw;font-weight: 900;}

.commonPart{padding: 4% 0;background: #ffffff;}
.commonTitle{text-align: center;margin-bottom: 3%;}
.commonTitle .tit{font-size: 2vw;font-weight: bold;margin-bottom: 10px;}
.commonTitle .des{font-size: 1vw;margin-bottom: 20px;}
.more{color: #fe6c04;font-size: 14px;display: inline-block;border: 1px solid #fe6c04;padding: 6px 20px;border-radius: 4px;margin-top: 2vw;}
.more:hover{background: #fe6c04;color:#ffffff;}
.commonTitle .to{margin-top: 20px;background: #fe6c04;border-radius:16px;font-size: 14px;transition: all .3s;color: #FFFFFF;line-height: 32px;text-align:center;display: inline-block;width: 110px;}
.commonTitle .to:hover{background: #118CCF;font-size: 12px;transition: all .3s;}
.commonTitle .triangle{margin: 8px 0 10px;}
.commonTitle .triangle img{display: block;height: 8px;margin: 0 auto;}


.aboutHQ{}
.aboutHQ .left{position: relative;border-radius: 10px;margin-bottom: 30px;}
.aboutHQ .left img{display: block;width: 100%;}
.aboutHQ .left .tabA{text-align: center;text-align: center;}
.aboutHQ .left .tabA li{cursor: pointer; display: inline-block; width: 25%;padding: 10px 20px;border-radius: 4px;background: #ffffff;border: 1px dashed #fe6c04;}
.aboutHQ .left .tabA a{font-size: 1vw;position: relative;color: #fe6c04;}
.aboutHQ .left .tabA li.on{background: #fe6c04;}
.aboutHQ .left .tabA .on a{color: #FFFFFF;}
.aboutHQ .left .tabA a:hover{}
.aboutHQ .right{background: #FFFFFF;box-shadow: 0px 0px 8px 1px #D6D6D6;padding: 30px;border-radius: 10px;}
.aboutHQ .right .tabB{}
.aboutHQ .right .tabB li{display: none;}
.aboutHQ .right .tabB li:first-child{display: block;}
.aboutHQ .right .video{margin-bottom: 20px;position: relative;}
.aboutHQ .right .video video,
.aboutHQ .right .video embed{display: block;width: 100%;}
.aboutHQ .right #poster{display: block;width: 100%;height: 100%;position: absolute;left: 0%;top: 0;}
.aboutHQ .right .txtDes{font-size: 16px;text-align: center;line-height: 28px;margin-bottom: 20px;}
.aboutHQ .right .more{background: #fe6c04;border-radius:16px;font-size: 14px;transition: all .3s;color: #FFFFFF;line-height: 32px;text-align:center;display: block; margin: 0 auto;width: 110px;}
.aboutHQ .right .more:hover{background: #118CCF;transition: all .3s;font-size: 12px;}

.aboutHQ .right .img{margin-bottom: 20px;}
.aboutHQ .right .img img{display: block;max-width: 100%;margin: 0 auto;}
.aboutHQ .right .prominent{margin-bottom: 10px;text-align: center;font-size: 16px;color: #fe6c04;}
.aboutHQ .right .prominent *{display: inline-block;margin: 0 10px;}

.aboutHQ .right .title{color: #fe6c04;font-size: 1.35vw;text-align: center;margin-bottom: 20px;font-weight: 500;}
.aboutHQ .right .credential{margin-bottom: 20px;position: relative;} 
.aboutHQ .right .credential .swiper{margin: 0 90px;padding: 10px;}
.aboutHQ .right .credential img{display: block;width: 100%;box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16);}
.aboutHQ .right .credential p{text-align: center;font-size: 18px;}
.aboutHQ .right .credential .swiper-button-prev,
.aboutHQ .right .credential .swiper-button-next{width: 30px;height: 30px;border-radius: 100%;border: 1px solid var(--swiper-theme-color);}
.credential .swiper-button-next:after, .credential .swiper-button-prev:after{font-size: 20px;}


.designTeam{}
.designTeam .lists{display: flex;gap: 20px;}
.designTeam .li{width: calc((100% - 40px) / 4);cursor: pointer;align-content: center;}
.designTeam .li .half{}
.designTeam .li .img{position: relative;}
.designTeam .li .img img{display: block;width: 100%;position: relative;z-index: 2;transition: all .5s;}
.designTeam .li .name{line-height: 1.5; display: block;font-weight: bold;margin-top: 5px;text-align: center;
	white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.designTeam .li .des{line-height: 1.5;display: block;font-size: 14px;font-weight: 400;
	white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.designTeam .li .mask{background: #F1F1F1;position: absolute;z-index: 1; left:0;top: 0;width: 100%;height: 100%;padding: 20px;
	opacity: 0;transition: all .3s;overflow: hidden;overflow-y: auto;}
.designTeam .li .posi{font-weight: bold;font-size: 1vw;margin-bottom: 10px;}
.designTeam .li .txt{line-height: 1.5;font-size: 0.9vw;text-align: left;}
.designTeam .li .lab1{line-height: 2;font-size: 1.5vw;font-weight: bold;}
.designTeam .li .lab2{line-height: 2;font-size: 2vw;font-weight: bold;}
.designTeam .li .lab3{line-height: 2;font-size: 2.6vw;font-weight: bold;}
.designTeam .li:nth-child(4) .mask,
.designTeam .li:nth-child(5) .mask{left: auto !important;right:0;}
.designTeam .li:hover .mask{left:calc(100% + 20px);z-index: 3;opacity: 1;transition: all .5s;}
.designTeam .li:nth-child(4):hover .mask,
.designTeam .li:nth-child(5):hover .mask{right:calc(100% + 20px);}
.designTeam .li:hover img{border-radius: 30px;transition: all .5s;}

.advertising_space{position: relative;}
.advertising_space .img{display: block;width: 100%;}
.advertising_space .txt{position: absolute;width: 60%;left: 10%;top: 50%;transform: translateY(-50%);}
.advertising_space .tit{font-weight: bold;font-size: 2vw;line-height: 1.5;}
.advertising_space .des{font-size: 18px;font-weight: 400;line-height: 1.5;margin-top: 1vw;}
.advertising_space .small{font-size: 16px;font-weight: 400;line-height: 1.5;margin-top: 1vw;color: #666666;}
.advertising_space .more{margin-top: 2rem;}

.ad{display: block; background-position: center;background-repeat: no-repeat;background-size: cover;
	background-attachment: fixed;padding: 4vw 0;position: relative;text-align: center;}
.ad .tit{color: #FBF8F2;font-size: 2.24vw;font-weight: 800;text-shadow: 0px 1px 2px rgba(0,0,0,0.75);line-height: 1.3;}
.ad .mask{background: rgba(34,34,34,0.47);position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.ad .tit a{color: #ffffff;text-decoration: underline;}
.ad .more{margin-top: 2rem;color: #ffffff;border-color: #ffffff;}
.ad .more:hover{background-color: #fe6c0480;}
.ad .more+.more{margin-left: 20px;}
.ad .des{font-size: 18px;color: #FFFFFF;text-shadow: 0px 1px 2px rgba(0,0,0,0.75);margin-top: 1vw;}
.ad .centerBox{z-index: 1;position: relative;}
.ad .small{font-size: 16px;font-weight: 400;line-height: 1.5;margin-top: 1vw;color: #ffffffcc;text-shadow: 0px 1px 2px rgba(0,0,0,0.75);}
.ad video{ position: fixed;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;z-index: -1;}



.innovation{padding: 4% 0 0;}
.innovation .lists{display: flex;align-items: center;background: #8a8a8a10;margin-top: 4%;}
.innovation .lists .half{width: 50%;}
.innovation .lists .half:first-child{padding:2% 4%;line-height: 1.5;font-size: 18px;}
.innovation .lists .half .li{}
.innovation .lists .half img{display: block;width: 100%;}
.innovation .swiper-button-prev,
.innovation .swiper-button-next{width: 40px;height: 40px;}
.innovation .swiper-button-prev::after,
.innovation .swiper-button-next::after{display: none;}
.innovation .swiper-button-prev{left: -40px;bottom: 40px;top: auto;}
.innovation .swiper-button-next{left: -40px;bottom: 0;top: auto;}

.designType{padding: 0 13% 4%;}
.designType .lists{margin-top: 4%;}
.designType .lists .li{display: flex;align-items: center;background: #8a8a8a10;}
.designType .lists .li+.li{margin-top: 4vw;}
.designType .lists .li:nth-child(2n){flex-direction: row-reverse;}
.designType .lists .li .half{width: 50%;text-align: center;overflow: hidden;}
.designType .lists .li .half:nth-child(2){padding: 3vw;}
.designType .lists .li img:hover{transform: scale(1.2);transition: all .3s;}
.designType .lists .li img{display: block;width: 100%;transition: all .3s;}
.designType .lists .li .tit{/* color: #fe6c04; */font-size: 1.5vw;font-weight: bold;text-align: left;}
.designType .lists .li .des{line-height: 1.5;margin-top: 10px;text-align: left;font-size: 0.93vw;}
.designType .lists .li .more2{width: 300px;min-width: 350px;}
.designType .lists .li .more2:hover{background: #090A0C;}

.recommendNews{padding: 4%;}
.recommendNews .lists{display: flex;gap: 40px;padding: 0 40px;justify-content: center;}
.recommendNews .lists .li{display: block;flex: 1;max-width: 25%;}
.recommendNews .lists .li img{display: block;width: 100%;object-fit: cover;object-position: center;aspect-ratio: 1 / 1; }
.recommendNews .lists .li p{display: block;font-weight: 400;line-height: 1.5;margin-top: 10px;font-size: 18px;text-align: center;}
.recommendNews .lists .li:hover p{color: #fe6c04;}
.recommendNews .lists .li:hover img{box-shadow: 0 0 8px #fe6c04;}
.recommendNews .lists .li b{color: #fe6c04;font-size: 20px;margin-top: 10px;display: block;}


.our_product .swiper{padding: 20px 0 50px;}
.our_product .swiper-slide{overflow: hidden; padding: 30px 0; box-shadow: 0px 0px 20px #88A3BE;border-radius: 6px 6px 6px 6px;transform: scale(0.8);-webkit-filter: brightness(85%);filter:brightness(85%);
background-image: url(../img/bg2.png); background-repeat: no-repeat;background-position: center;background-size: 100% auto;}
.our_product .swiper-slide-active, .our_product .swiper-slide-duplicate-active {transform: scale(1);-webkit-filter: brightness(100%);filter:brightness(100%);}
.our_product .textOne{text-align: center;margin-bottom: 10px;}
.our_product .textOne .ch{color: #fe6c04;font-size: 24px;font-weight: bold;}
.our_product .textOne .en{font-size: 16px;}
.our_product .textOne .to{color: #118CCF;font-size: 14px;}
.our_product .textOne .to:hover{font-weight: bold;}
.our_product .img{display: block;margin: 0 auto;height: 15vw;}
.our_product .swiper-pagination-bullets.swiper-pagination-horizontal{bottom: 0;}

.product_series {position: relative;}
.product_series .series1{position: relative;}
.product_series .series1 .img{display: block;width: 100%;}
.product_series .series1 .mask{background: linear-gradient( 116deg, rgba(0,0,0,0.5) 0%, rgba(26,26,26,0.5) 41%, rgba(39,39,39,0.15) 53%, rgba(31,31,31,0.4) 70%, #101010 100%);
position: absolute;width: 100%;height: 100%;left: 0;top: 0;padding:8% 13% 8% 10%;display: flex;flex-direction: column;}
.product_series .series1 .txtPart{}
.product_series .series1 .txtPart .t1{font-size: 1.875vw;color: #FFFFFF;font-weight: bold;margin-bottom: 20px;}
.product_series .series1 .txtPart .t1 span{font-size: 0.83vw;margin-left: 10px;font-weight: normal;}
.product_series .series1 .txtPart .t2{font-size: 1vw;color: #FFFFFF;margin-bottom: 20px;line-height: 2;}
.product_series .series1 .txtPart .more{background: #fe6c04B3;border-radius:15px;font-size: 12px;color: #FFFFFF;text-align:center;display: block; width: 110px;}
.product_series .series1 .txtPart .more:hover{background: #fe6c04;}
.product_series .series1 .imgPart{margin-top: auto;}
.product_series .series1 .imgPart .tit{font-size: 1.4vw;color: #FFFFFF;margin-bottom: 20px;}
.product_series .series1 .imgPart ul{overflow: hidden;}
.product_series .series1 .imgPart ul li{float: left;cursor: pointer;}
.product_series .series1 .imgPart ul li+li{margin-left: 20px;}
.product_series .series1 .imgPart img{display: block;height: 150px;}
.series1 .swiper-button-prev,
.series1 .swiper-button-next{width: 24px;height: 24px;color: #ffffff;}
.series1 .swiper-button-next:after, .series1 .swiper-button-prev:after{font-size: 24px;}
.series1 .swiper-button-prev{left: auto;right: 10%; top: 20%;transform: rotate(90deg) translateY(25%);}
.series1 .swiper-button-next{left: auto;right: 10%; top: calc(20% + 320px);transform: rotate(90deg) translateY(25%);}
.thumbsSlider{position: absolute;right: 9%;top: 18%; width: 4vw;height: 350px;padding: 30px 0;}
.thumbsSlider .series2 .swiper-slide-thumb-active .a{background: #fe6c049e;}
.thumbsSlider .series2 .swiper-slide-thumb-active .b{display: block;}
.product_series .series2{height: 100%;}
.product_series .series2 .swiper-wrapper{}
.product_series .series2 .swiper-slide{text-align: center;cursor: pointer;}
.product_series .series2 .a{display: block;width: 100%;line-height: 4vw;background: rgba(255, 255, 255, 0.3);border-radius: 4px;}
.product_series .series2 .b{display: none;width: 100%;color: #F1F1F1;font-size: 0.73vw;margin-top: 5px;}
.product_series .series2 .a img{display: inline-block;width: 1.875vw;vertical-align: middle;}

.commonPart.Food .commonTitle{text-align: left;padding: 0 10%;}
.cookbook{overflow: hidden;}
.cookbook .video{width: 50%;float: left;padding: 0 8% 0 10%;}
.playBtn{cursor: pointer;}
.playBtn img{display: block;width: 100%;}

.playBox{transform: scale(0);transition: all .3s;opacity: 0; position: fixed;z-index: 11;left: 0%;top: 0%; width: 100%;height: 100%;}
.playBox.show{transform: scale(1);transition: all .3s;opacity: 1;}
.playBox .close{position: absolute;right: 30px;top: 30px;z-index: 2;}
.playBox .close img{display: block;height: 36px;cursor: pointer;}
.playBox .video{height: 100%;background-color: #000000;}
.playBox #video{display: block;width: 100%;height: 100%;}
.imgMask{transform: scale(0);transition: all .3s;opacity: 0; position: fixed;z-index: 11;left: 0%;top: 0%; width: 100%;height: 100%;}
.imgMask.show{transform: scale(1);transition: all .3s;opacity: 1;}
.imgMask .close{position: absolute;right: 30px;top: 30px;z-index: 2;}
.imgMask .close img{display: block;height: 36px;cursor: pointer;}
.imgMask .video{height: 100%;background-color: #000000;}
.imgMask #video{display: block;width: 100%;height: 100%;}
.imgMask .img{height: 100%;background-color: #000000;}
.imgMask #img{display: block;max-width: 100%;height: 100%;margin: 0 auto;}

.cookbook .right{margin-left: 50%;}
.cookbook .foodDes{display: flex;padding-right:20%;}
.cookbook .foodDes .a{width: 48%;}
.cookbook .foodDes .a .txt{color: #11367A;font-size: 16px;margin-bottom: 15px;text-align: justify;
display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
	text-overflow:ellipsis;}
.cookbook .foodDes .a .more{color: #118CCF;font-size: 14px;}
.cookbook .foodDes .a .more:hover{font-weight: bold;}
.cookbook .foodDes .b{margin-left: auto;}
.cookbook .foodDes .b img{max-height: 90px;padding: 10px;display: inline-block;}
.cookbook .foodDes .b img+img{border-left: 1px solid #fe6c04;}
.more_cookbook{margin-top: 10%;}
.more_cookbook ul{white-space: nowrap;overflow-x: auto;overflow-y: hidden;}
.more_cookbook ul li{position: relative;display: inline-block;font-size: 0;}
.more_cookbook ul li+li{margin-left: 10px;}
.more_cookbook img{display: block;height: 25vw;}
.more_cookbook .mask{position: absolute;transition: all 0.3s;bottom: -100%;left: 0;width: 100%;max-height: 100%;overflow: hidden; color: #FFFFFF;padding: 20px;background: rgba(0, 0, 0, 0.3);}
.more_cookbook ul li:hover .mask{bottom: 0;transition: all 0.3s;}
.more_cookbook .mask .t1{font-size: 1vw;margin-bottom: 10px;}
.more_cookbook .mask .t2{font-size: 12px;margin-bottom: 10px;}
.more_cookbook .mask .more{background: #fe6c04b3;border-radius:12px;font-size: 12px;color: #FFFFFF;line-height: 24px;text-align:center;display: block;width: 70px;float: right;}
.more_cookbook .mask .more:hover{background: #fe6c04;}

/* 定制整个滚动条 */
.more_cookbook ul::-webkit-scrollbar {
    height: 8px;  /* 定制滚动条的宽度 */
} 
/* 定制滚动条轨道 */
.more_cookbook ul::-webkit-scrollbar-track {
    background: rgba(17,140,207,0.57); /* 定制轨道的背景颜色 */
	box-shadow: inset 0px 2px 3px 1px #003292;
	border-radius:10px;
}
/* 定制滚动条的滑块（thumb） */
.more_cookbook ul::-webkit-scrollbar-thumb {
    background: #11367A; /* 定制滑块的背景颜色 */
	border-radius:10px;
}
/* 当滑块悬停或活动时的样式 */
.more_cookbook ul::-webkit-scrollbar-thumb:hover {
    background: #555; /* 定制滑块在悬停状态下的背景颜色 */
}

.purchase{position: relative;}
.purchase .bigImg{display: block;width: 100%;}
.purchase .mask{background: linear-gradient( 343deg, rgba(0,0,0,0.4) 0%, rgba(3,3,4,0.25) 44%, rgba(67,75,85,0.25) 54%, rgba(69,69,69,0.03) 83%, rgba(84,84,84,0) 100%);
position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.purchase .buy{position: absolute;width: 100%;left: 0;bottom: 4vw;text-align: center;color: #ffffff;}
.purchase .buy .tit{font-size: 2vw;margin-bottom: 20px;font-weight: bold;}
.purchase .buy .to{background: #fe6c04b3;border-radius:16px;font-size: 14px;transition: all .3s;color: #FFFFFF;line-height: 32px;text-align:center;display: inline-block;width: 110px;}
.purchase .buy .to:hover{background: #fe6c04;font-size: 12px;transition: all .3s;}
.purchase .toLink{position: absolute;right: 7vw;bottom: 7vw;transform: scale(0);transition: transform 300ms ease-in;}
.purchase .toLink.on{transform: scale(1);transition: transform 300ms ease-in;}
.purchase .toLink ul{text-align: center;max-height: 22vw;display: flex;flex-wrap: wrap;flex-direction: column;}
.purchase .toLink ul li{position: relative; border-radius: 10px;background: #FFFFFF4D;margin: 0.5vw 0 0 0.5vw;display: flex; align-items: center;justify-content: center;width: 6.6667vw;height: 6.6667vw;}
.purchase .toLink ul li img{width: 3vw;}
.purchase .toLink ul li p{font-size: 0.73vw;color: #FFFFFF;}
.purchase .toLink ul li .hover{display: block;width: 100%;position: absolute;right: 100%;bottom: 0;z-index: 2; transform: scale(0);visibility: hidden;transition: transform 300ms ease-in, visibility 300ms ease-in;}
.purchase .toLink ul li:hover .hover{transform: scale(1); visibility: visible;transition: transform 300ms ease-in, visibility 300ms ease-in;}

.newsPart{padding: 0 6%;}
.newsPart::after{content: '';display: block;clear: both;}
.newsPart .list{float: left;padding:20px;width: 25%;transition: all .3s;}
.newsPart .list:hover{background-color: #ffffff;box-shadow: 0px 0px 10px #88A3BE;transform: translateY(-10px);transition: all .3s;}
.newsPart .list .img{display: block;width: 100%;object-fit: cover;object-position: center;aspect-ratio: 5 / 3; }
.newsPart .list .time{margin-top: 20px;font-size: 16px;display: block;}
.newsPart .list .tit{display: block; font-size: 1.25vw;font-weight: bold;margin-top: 10px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
.newsPart .list:hover .tit{color: #fe6c04;}
.newsPart .list .des{font-size: 16px;margin-top: 10px;
display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow:ellipsis;}
.newsPart .list .to{margin-top: 20px;display: block;float: left; font-size: 14px;color: #fe6c04;}
.newsPart .list .to:hover{font-weight: bold;}

.HaiQing{position: relative;}
.HaiQing .txtBox{position: absolute;width: 100%;height: 100%; left: 0;top: 0;padding: 7%;color: #ffffff;text-align: center; z-index: 2;background: url(../img/bg.png) no-repeat center / 100% 100%;}
.HaiQing .txtBox .tit{font-size: 2vw;}
.HaiQing .txtBox .des{font-size: 16px;margin-top: 20px;line-height: 2;}
.HaiQing .img{display: block;width: 100%;}

.introduce{padding:6% 0; background: url(../img/p17.png) no-repeat center right 6.5% / auto 100%  #f8f8f8;text-align: center;}
.introduce .rightPart{}
.introduce .list:first-child{margin-bottom: 10px;}
.introduce .swiper-slide{padding: 8px;}
.introduce .swiper-slide img{display: block;width: 100%;box-shadow: 0px 3px 6px 0 rgba(0,0,0,0.16);border-radius:10px;}
.introduce .more{{}}

.store .commonTitle{position: relative;}
.store .commonTitle .tit{text-align: left;}
.store .commonTitle .more{position: absolute;bottom: 0;right: 0;}
.allStore{}
.allStore .swiper{padding-bottom: 50px;}
.allStore .center{position: relative;overflow: hidden;}
.allStore .mask{background: #fe6c04;height: 15vw;color: #FFFFFF;padding: 1.5vw 2vw;transition: all .3s;position: absolute;width: 100%; left: 0;top: 100%;display: flex;flex-direction: column;}
.allStore .mask.on{position: static;}
.allStore .center:hover .mask{top: 0;transition: all .3s;}
.allStore .mask .tit{font-size: 20px;font-weight: bold;margin-bottom: 10px;}
.allStore .mask .address{font-size: 16px;background: url(../img/i20.png) no-repeat left center / auto 16px;padding-left: 20px;margin-bottom: 5px;}
.allStore .mask .tel{font-size: 16px;margin-bottom: 5px;}
.allStore .mask .to{font-size: 12px;margin-top: auto;text-align: right;}
.allStore .mask .to img{display: inline-block;height: 10px;vertical-align: middle;margin-left: 5px;margin-top: -2px;}
.allStore .img{height: 15vw;line-height: 15vw;font-size: 0; background: #ffffff;text-align: center;}
.allStore .img img{display: inline-block;vertical-align: middle;margin-top: -4px; max-width: 100%;max-height: 100%;}
.allStore .swiper-pagination-bullets.swiper-pagination-horizontal{bottom: 5px;}
.allStore .swiper-button-prev,
.allStore .swiper-button-next{width: 30px;height: 30px;border-radius: 100%;border: 1px solid var(--swiper-theme-color);}
.allStore .swiper-button-next:after, 
.allStore .swiper-button-prev:after{font-size: 20px;}
.allStore .swiper-button-prev{right: 40px;top: auto;bottom: 0;left: auto;}
.allStore .swiper-button-next{right: 0;top: auto;bottom: 0;left: auto;}


/* 产品列表 */
.pro_lists{}
.pro_lists .list{margin-bottom: 4vw;}
.pro_lists .list .tit{text-align: center;}
.pro_lists .list .tit i{display: inline-block;background: #fe6c04;border-radius: 6px;font-size: 2vw;color: #FFFFFF;font-weight: 400;padding: 10px 80px;}
.pro_lists .list .img{margin: 2vw 5vw 3vw;height: 19vw;overflow: hidden;transition: height .8s;}
.pro_lists .list .img ul{display: flex;flex-wrap: wrap;}
.pro_lists .list .img ul li{transition: all .3s;border: 2px solid #ffffff;width: 23.8%;margin: 0.6%;box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.16);border-radius:10px;background: #ffffff;}
.pro_lists .list .img ul li a{display: flex;padding: 0.5vw;flex-wrap: wrap;height: 100%;}
.pro_lists .list .img ul li img{transition: all .3s;display: block;width: 100%;padding: 1.5vw;}
.pro_lists .list .img ul li p{display: block;width: 100%;margin-top: auto; text-align: center; background: #ffffff;border-radius: 0px 0px 10px 10px;font-size: 1vw;line-height: 3;color: #fe6c04;font-weight: 500;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pro_lists .list .img ul li:hover{border: 2px solid #0077FF;transform: translateY(-5px);transition: all .3s;}
.pro_lists .list .img ul li:hover img{transform: scale(0.8);transition: all .3s;}
.pro_lists .list .img ul li:hover p{background: #005EAE;color: #FFFFFF;}
.pro_lists .list .open{text-align: center;}
.pro_lists .list .open span{font-size: 14px;padding: 8px 20px; color: #118CCF;border-radius: 20px;border: 1px solid #118CCF;}
.pro_lists .list .open .show{display: inline-block;cursor: pointer;}
.pro_lists .list .open .hide{display: none;}
.pro_lists .list .open.on .show{display: none;}
.pro_lists .list .open.on .hide{display: inline-block;cursor: pointer;}
.pro_lists .list .open .show:hover,
.pro_lists .list .open .hide:hover{background-color: #ffffff;}
/* .pro_lists .list .img.open{height:auto; transition: height 1s;} */

.result{background-color: #ffffff;overflow: hidden;}
.search_list{}
.search_list .tabLink{border-bottom: 1px solid #fe6c04;}
.search_list .tabLink .li{color: #5C5C66;font-size: 24px;position: relative;display: block;float: left;margin-right: 50px;padding-bottom: 10px;}
.search_list .tabLink .li.on:after,
.search_list .tabLink .li.yellow:after{content: '';display: block;position: absolute;left: 50%;bottom: 0;width: 0; height: 0;transform: translateX(-50%); border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 8px solid #fe6c04;}
.search_list .tabLink .li.on{color: #fe6c04;font-weight: bold;}
.search_list .tabLink .li:hover{color: #fe6c04;}
.search_list .tabLink .li.yellow{color: #ED733C;font-weight: bold;}
.search_list .tabLink .more{float: right;color: #118CCF;font-size: 14px;line-height: 46px;}
.search_list .tabLink .more:hover{color: #ED733C;}

.table_result{}
.table_result table{width: 100%;border-collapse: separate;border-spacing: 0px 20px;}
.table_result th{color: #fe6c04;font-weight: bold;font-size: 20px;padding:0 15px;}
.table_result a{color: #fe6c04;}
.table_result a:hover{color: #118CCF;}
.table_result td{font-size: 16px;text-align: center;padding: 15px;}
.table_result th:first-child,
.table_result td:first-child{text-align: left;}
.table_result tr{box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16);}
.table_result tr:first-child{box-shadow: none;}
.table_result tr:nth-child(2n){background-color: #F5F7F9;}

.post-pagination{margin-top: 3%;text-align: center;}

.pro_Details{background-color: #ffffff;overflow: hidden;}
.details_main{}
.details_main .partOne{display: flex;justify-content: space-between;}
.details_main .partOne .left{width: 66%;padding: 0 60px;position: relative;}
.details_main .partOne .left .img{display: block;width: 100%;}
.details_main .partOne .left .swiper{box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16);}
.details_main .partOne .left .swiper-button-prev,
.details_main .partOne .left .swiper-button-next{width: 30px;height: 30px;border-radius: 100%;border: 1px solid var(--swiper-theme-color);}
.details_main .partOne .left .swiper-button-next:after, 
.details_main .partOne .left .swiper-button-prev:after{font-size: 20px;}

.details_main .partOne .right{width: 32%;color: #11367A;}
.details_main .partOne .right .aa{font-size: 22px;font-weight: bold;}
.details_main .partOne .right .bb{font-size: 18px;}
.details_main .partTwo{display: flex;justify-content: space-between;margin: 3% 0;}
.details_main .partTwo .left{background-color: #EFF0F4;padding: 30px;width: 38%;margin-right: 4%;}
.details_main .partTwo .left .type1{}
.details_main .partTwo .left .type1 table{width: 100%;color: #5C5C66;font-size: 16px;}
.details_main .partTwo .left .type1 td{padding: 5px;}
.details_main .partTwo .left .type1 td:first-child{font-size: 18px;font-weight: bold;}
.details_main .partTwo .left .type2{}
.details_main .partTwo .left .type2 table{width: 100%;color: #5C5C66;font-size: 16px;}
.details_main .partTwo .left .type2 th{font-weight: bold;font-size: 18px;padding: 5px;}
.details_main .partTwo .left .type2 td{padding: 5px;text-align: center;}
.details_main .partTwo .left .type2 th:first-child,
.details_main .partTwo .left .type2 td:first-child{text-align: left;}
.details_main .partTwo .right{text-align: justify;display: flex;flex-direction: column;flex: 1;}
.details_main .partTwo .right .txt{font-size: 18px;color: #fe6c04;text-indent: 2em;}
.details_main .partTwo .right .img{display: block;width: 100px;margin-top: auto;align-self: self-end;}
.details_main .partThree{margin: 3% 0;}
.details_main .partThree .tit{color: #fe6c04;font-size: 1.5vw;font-weight: bold; text-align: center;margin-bottom: 40px;}
.details_main .partThree .left{width: 53%;float: left;}
.details_main .partThree .left .product{position: relative; box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16);}
.details_main .partThree .left .bigImg{display: block;}
.details_main .partThree .left .bigImg img{display: block;width: 100%;}
.details_main .partThree .left .pos{position: absolute;}
.details_main .partThree .left .pos:first-child{top: 3vw;left: 8vw;}
.details_main .partThree .left .pos:nth-child(2){bottom: 3vw;left: 8vw;}
.details_main .partThree .left .pos:nth-child(3){top: 3vw;right: 8vw;}
.details_main .partThree .left .pos:last-child{bottom: 3vw;right: 8vw;}
.details_main .partThree .left .pos .open{cursor: pointer;}
.details_main .partThree .left .pos .open img{width: 30px;display: block;}
.details_main .partThree .left .pos .open .show{}
.details_main .partThree .left .pos .open .hide{display: none;}
.details_main .partThree .left .pos .open:hover .hide{display: block;}
.details_main .partThree .left .pos .open:hover .show{display: none;}
.details_main .partThree .left .pos .mask{display: none; position: absolute;left: 50%;margin-left:-100px ; top: 100%;z-index: 2;padding: 15px;border-radius: 6px; width: 200px;background-color: #ffffff;box-shadow: 0px 0px 10px 1px rgba(1,19,77,0.65);}
.details_main .partThree .left .pos:hover .mask{display: block;}
.details_main .partThree .left .pos:nth-child(2) .mask,
.details_main .partThree .left .pos:last-child .mask{bottom: 100%;top: auto;}
.details_main .partThree .left .pos .mask .aa{color: #11367A;font-size: 14px;}
.details_main .partThree .left .pos .mask .bb{font-size: 12px;color: #11367A;margin-top: 10px;
display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 7;
	overflow: hidden;
	text-overflow:ellipsis;}
.details_main .partThree .left .pos .mask .cc{font-size: 12px;color: #118CCF;float: right;margin-top: 10px;}
.details_main .partThree .left .pos .mask .cc:hover{font-weight: bold;}
.details_main .partThree .right{margin-left: 56%;}
.details_main .partThree .right .product{display: flex;justify-content: space-between;flex-wrap: wrap;}
.details_main .partThree .right .li{width: 48%;position: relative;box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16);overflow: hidden;}
.details_main .partThree .right .li:nth-last-child(-n+2){margin-top: 4%;}
.details_main .partThree .right .li img{display: block;width: 100%;}
.details_main .partThree .right .li .mask{position: absolute;width: 100%;height: 100%;left:0;top: 100%;transition: all .3s;background: #00000059;padding: 20px;text-align: center;color: #ffffff;display: flex;flex-direction: column;justify-content: center;}
.details_main .partThree .right .li:hover .mask{top: 0;transition: all .3s;}
.details_main .partThree .right .mask .aa{font-size: 1vw;}
.details_main .partThree .right .mask .bb{font-size: 10px;background: #fe6c04b3;border-radius: 10px; line-height: 20px;width: 70px;display: block;margin: 0 auto;margin-top: 5px;}
.details_main .partThree .right .mask .bb:hover{font-weight: bold;}
.details_main .partThree .right .mask .cc{font-size: 12px;display: block;border: 1px solid #FFFFFF;line-height: 24px;padding: 0 10px;margin-top: 10px;}
.details_main .partThree .right .mask .cc:hover{background: #fe6c0450;}


.Company_Profile{position: relative;padding: 3% 0;overflow: hidden;}
.Company_Profile .bgImg{position: absolute;bottom: 0;right: 0;display: block;width: 25%;}
.Company_Profile .left{width: 55%;float: left;}
.Company_Profile .right{margin-left: 60%;padding-right: 10%;text-align: right;}
.Company_Profile .right .tit{font-size: 2.5vw;font-weight: bold;color: #fe6c04;}
.Company_Profile .right .en{font-size: 1.25vw;border-bottom: 1px solid #fe6c04;display: inline-block;margin-bottom: 10px;font-weight: 500;}
.Company_Profile .right .ch{font-size: 1vw;color: #11367A;margin-bottom: 20px;}
.Company_Profile .right .ch span{border: 2px solid #ED733C;color: #ED733C;font-size: 10px;border-radius: 14px;text-align: center; line-height: 24px;min-width: 28px;display: inline-block;margin-right: 5px;}
.Company_Profile .right .des{font-size: 0.93vw;text-align: justify;text-indent: 2em;line-height: 2;}

.development_history{position: relative;}
.development_history .bigImg{display: block;width: 100%;}
.development_history .title{position: absolute;left: 0;top: 8%;width: 100%;z-index: 2;text-align: center;}
.development_history .title .en{color: #FFFFFF1a;font-size:3.125vw ;font-weight: bold; transform: translateY(-72%);text-transform: uppercase;}
.development_history .title .ch{font-size: 1.35vw;color: #FFFFFF;}
.development_history .history{position: absolute;top: 25%;width: 100%;left: 0;z-index: 2;}
.development_history .history .li{position: relative;text-align: center;color: #ffffff;}
.development_history .history .li .mask{position: absolute;width: 100%;left: 0%;bottom: 1.8vw;font-weight: bold;font-size: 2vw;}
.development_history .history .li .mask img{width: 1vw;display: inline-block;vertical-align: middle;margin-top: -4px;margin-right: 10px;}
.development_history .history .li:after{content: '';display: block;width: 100%;height: 1px;background: #ffffff4d;position: absolute; left: 0;top: 70%;}
.development_history .history .li .year{font-size: 4vw;font-weight: bold;opacity: 0;position: relative;}
.development_history .history .li .year::after{content: '';display: block;position: absolute;z-index: 2; left: 50%;top: 90%;transform: translateX(-50%); width: 1.6667vw;height: 3vw;background: url(../img/quan1.png) no-repeat center bottom / auto 100%;}
.development_history .history .li .txt{font-size: 1.25vw;margin-top: 3vw;opacity: 0;}
.development_history .history .swiper-slide-active .year,
.development_history .history .swiper-slide-active .txt{opacity: 1;}
.development_history .history .swiper-slide-active .li .mask{opacity: 0;}
.history .swiper-button-prev,
.history .swiper-button-next{width: 60px;height: 60px;border-radius: 100%;border: 1px solid #ffffff;}
.history .swiper-button-prev{left: 28%;transform: translateY(1.7vw);}
.history .swiper-button-next{right: 28%;transform: translateY(1.7vw);}
.history .swiper-button-next:hover,.history .swiper-button-prev:hover{background-color: #fe6c04;}
.history .swiper-button-next:after, 
.history .swiper-button-prev:after{font-size: 20px;color: #ffffff;}

.title2{text-align: center;margin-bottom: 2%;}
.title2 .en{color: #fe6c041a;font-size:2.4vw ;font-weight: bold;text-transform: uppercase;}
.title2 .ch{font-size: 2.5vw;color: #fe6c04;font-weight: bold; transform: translateY(-2.4vw);}

.Culture{}
.Culture .lists{display: flex;justify-content: center;}
.Culture .lists .li{width: 17.8%;text-align: center;margin: 0 2%;}
.Culture .lists .li .aa{box-shadow: 0px 10px 20px 1px rgba(0,46,127,0.83);border-radius: 100%;margin: 0 auto; width: 10vw;height: 10vw;line-height: 10vw;background: #F5F7F9;position: relative;z-index: 2;}
.Culture .lists .li .aa img{display: inline-block;vertical-align: middle;width: 4.5vw;}
.Culture .lists .li:hover .aa{background: #ffffff;}
.Culture .lists .li .bb{margin-top: -5vw; box-shadow: 0px 10px 30px 1px rgba(164,164,164,0.76);border-radius: 0px 0px 500px 500px;padding: 10vw 10px 10vw;position: relative;overflow: hidden;}
.Culture .lists .li:hover .bb{box-shadow: 0px 10px 30px 1px rgba(6,71,145,0.76);}
.Culture .lists .li .bb img{display: none;width: 100%;position: absolute;left: 0;bottom: 0;}
.Culture .lists .li:hover .bb img{display: block;}
.Culture .lists .li .bb p:first-child{color: #ffffff;font-size: 1.875vw;font-weight: bold;position: relative;z-index: 2;}
.Culture .lists .li .bb p:nth-child(2){color: #ffffff;font-size: 1.45vw;margin-top: 2vw;position: relative;z-index: 2;}
.Culture .lists .li .mask{background: linear-gradient( 360deg, rgba(44,86,148,0.25) 0%, rgba(4,61,126,0.8) 48%, #fe6c04 100%);position: absolute;width: 100%;height: 100%;left: 0;top: 0;}

.INNO{overflow: hidden;position: relative;}
.INNO .logo{width: 21%;position: absolute;left: 6%;top: 14%;box-shadow: 0px 3px 20px 1px rgba(0,52,128,0.78);z-index: 2;}
.INNO .logo img{display: block;width: 100%;}
.INNO .right{width: 81.25%;float: right;position: relative;}
.INNO .right .bigImg{display: block;width: 100%;}
.INNO .right .center{position: absolute;width: 100%;height: 100%; left: 0%;top: 0%;padding: 7% 13% 0 16%;}
.INNO .right .center::before{content: '';display: block;width: 50%;height: 1px;background-color: #ffffff59; position: absolute;bottom: 10%;right: 3%;}
.INNO .right .center::after{content: '';display: block;height: 80%;width: 1px;background-color: #ffffff59; position: absolute;bottom: 5%;right: 5%;}
.INNO .right .title{color: #FFFFFF;width: 40%;position: absolute;}
.INNO .right .title p:first-child{font-size: 2.4vw;font-weight: bold;}
.INNO .right .title p:last-child{font-size: 1.5vw;}
.INNO .right .threeTab{display: flex;flex-wrap: wrap-reverse;justify-content: flex-end;  color: #FFFFFF;}
.INNO .right .threeTab .li{border: 1px solid #ffffff59;width: 40%;padding: 20px;font-size: 0.93vw;line-height: 1.8;
display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	overflow: hidden;
	text-overflow:ellipsis;}
.INNO .right .threeTab .li:nth-child(2){background: #fe6c04;}
.INNO .right .threeTab .li:hover{background: #118CCF;}

.partner{}
.partner .lists{display: flex;flex-wrap: wrap;border: 1px dashed #999999;}
.partner .lists .li{width: 20%;border: 1px dashed #999999;display: none;}
.partner .lists .li img{display: block;width: 100%;}
.partner .lists .li:nth-child(-n+15){display: block;}
.partner .lists.on .li:nth-child(-n+1000000){display: block;}
.partner .open{text-align: center;margin-top: 3vw;text-align: center;color: #118CCF;font-size: 0.93vw;}
.partner .open span{cursor: pointer;}

.hire{}
.hire .list{box-shadow: 0px 0px 20px 1px rgba(39,64,122,0.18);background: #FFFFFF;padding: 3vw;overflow: hidden;position: relative;}
.hire .list+.list{margin-top: 30px;}
.hire .list .hq{position: absolute;bottom: 0;right: 0;display: block;width: 25%;}
.hire .list .aa{color: #fe6c04;font-size: 2vw;margin-bottom: 20px;}
.hire .list .aa img{display: inline-block;width: 2.5vw;margin-right: 10px;vertical-align: middle;margin-top: -4px;}
.hire .list .aa span{}
.hire .list .bb{font-size: 1.25vw;display: flex;border-bottom: 1px solid #9ECBE4;padding-bottom: 10px;}
.hire .list .bb p{display: inline-block;}
.hire .list .bb p+p{margin-left: 4vw;}
.hire .list .bb p:last-child{margin-left: auto;}
.hire .list .cc{display: flex;flex-wrap: wrap;}
.hire .list .cc .li{padding: 20px 10px;border-bottom: 1px dashed #9ECBE4;width: 50%;}
.hire .list .cc .li:last-child{width: 100%;}
.hire .list .cc .li:nth-child(2){border-bottom: 0;}
.hire .list .cc .li .tit{color: #fe6c04;font-size: 1.35vw;padding-left: 10px;border-left: 1px solid #fe6c04;}
.hire .list .cc .li .txt{margin-top: 10px;font-size: 0.93vw;line-height: 2;}
.hire .list .dd{margin-top: 10px;}
.hire .list .dd .to{background: #fe6c04;display: block;float: left;font-size: 14px;color: #FFFFFF;width: 120px;text-align: center;line-height: 32px;border-radius: 16px;}
.hire .list .dd .to img{display: inline-block;height: 10px;vertical-align: middle;margin-left: 5px;margin-top: -2px;}
.hire .list .dd .to:hover{background: #118CCF;}
.hire .list .dd .mail{font-size: 1.25vw;display: block;float: right;line-height: 32px;} 
.hire .list .dd .mail a{font-size: 0.93vw;color: #118CCF;}
.hire .list .dd .mail a:hover{text-decoration: underline;}

.Video_Tutorials{}
.Video_Tutorials .big{position: relative;box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16);}
.Video_Tutorials .big .img{display: block;width: 100%;}
.Video_Tutorials .big .mask{position: absolute;width: 60%;height: 60%; left: 20%;top: 20%; background: rgba(4, 61, 126, 0.7);padding: 20px;color: #FFFFFF;text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.Video_Tutorials .big .mask .aa{font-size: 2.5vw;font-weight: bold;}
.Video_Tutorials .big .mask .bb{font-size: 1.45vw;margin-top: 10px;}
.Video_Tutorials .big .mask .cc{font-size: 1vw;display: block;border: 1px solid #FFFFFF;line-height: 2vw;width: 240px; margin-top: 20px;}
.Video_Tutorials .big .mask .cc:hover{background: #fe6c04;}
.Video_Tutorials .small{margin-top: 3vw;overflow: hidden;}
.Video_Tutorials .small .li{width: 32%;float: left;margin-right: 2%;}
.Video_Tutorials .small .li:nth-child(3n){margin-right: 0;}
.Video_Tutorials .small .li .playBtn{box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16);}
.Video_Tutorials .small .li .tit{text-align: center;color: #fe6c04;font-size: 1.25vw;margin-top: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.recommend{margin-top: 3vw;}
.recommend .li{display: block;width: 24%;margin-right: 1.33333%;float: left;}
.recommend .li:nth-child(4n){margin-right: 0;}
.recommend .li img{display: block;width: 100%;box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16);}
.recommend .li p{text-align: center;display: block;margin-top: 20px;font-size: 1vw;color: #fe6c04;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.recommend .li:hover p{color: #ED733C;}
.recommend .li:hover img{box-shadow: 0px 3px 6px 1px  rgba(4, 61, 126, 0.5);}

.cookbooks{display: flex;flex-wrap: wrap;margin-top: 2vw;}
.cookbooks .list{display: block;width: 24%;margin-right: 1.33333%;padding: 10px;margin-bottom: 1.33333%;}
.cookbooks .list:hover{background: #FFCFAA;}
.cookbooks .list .center{overflow: hidden;box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16);}
.cookbooks .list:nth-child(4n){margin-right: 0;}
.cookbooks .list .img{display: block;width: 100%;}
.cookbooks .list .txt{background: #fe6c04;padding: 20px;text-align: center;color: #ffffff;line-height: 2;}
.cookbooks .list p{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 20px;}
.cookbooks .list img{display: inline-block;width: 24px; vertical-align: middle;margin-right: 5px;margin-top: -4px;}

.filter{position: relative;float: left;}
.filter .btn{cursor: pointer; width: 200px;height: 60px;line-height: 60px;text-align: center; background: #ffffff;border-radius: 60px;box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16);}
.filter .btn img{display: inline-block;width: 32px;vertical-align: middle;margin: -4px 5px 0 0;}
.filter .btn span{color: #fe6c04;font-size: 20px;}
.filter .btn.on,.filter .btn:hover{background: #fe6c04;}
.filter .btn.on img,.filter .btn:hover img{filter: brightness(0) invert(1);}
.filter .btn.on span,.filter .btn:hover span{color: #FFFFFF;}
.filter:hover .condition{display: block;}
.filter .condition{display: none; position: absolute;left: 0%;top: 100%;width: 500px;box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16);padding: 20px 30px;color: #fe6c04;border-radius: 10px;border: 2px solid #fe6c04;background: #FFFFFF;}
.filter .condition ul{}
.filter .condition ul li{width: 50%;float: left;}
.filter .condition label{float: left;display: block;width: 100%;margin-top: 10px;}
.filter .condition .tit{font-size: 18px;}
.filter .condition input{height: 16px;width: 16px;display: inline-block;vertical-align: middle;margin: -4px 5px 0 0;}
.filter .condition span{font-size: 16px;}

.recipe_details{width: 62.5%;margin: 0 auto;}
.recipe_details .top_img{}
.recipe_details .top_img .title{text-align: center;margin-bottom: 3vw;}
.recipe_details .top_img .title .ch{color: #fe6c04;font-size: 1.875vw;font-weight: bold;}
.recipe_details .top_img .title .en{font-size: 1vw;margin-top: 5px;}
.recipe_details .top_img .img{box-shadow: 0px 3px 6px 1px rgba(0,27,100,0.24);border-radius: 6px;margin: 0 auto;width: 62.5%;}
.recipe_details .top_img img{display: block;width: 100%;}
.recipe_details .top_img .other{margin: 20px auto 0; width: 62.5%;}
.recipe_details .top_img .other::after{content: '';display: block;clear: both;}
.recipe_details .top_img .other .left{float: left;}
.recipe_details .top_img .other .left span{font-size: 20px;color: #fe6c04;}
.recipe_details .top_img .other .left img{display: inline-block;width: 24px; vertical-align: middle;margin-right: 5px;margin-top: -8px;}
.recipe_details .top_img .other .right{float: right;display: flex;}
.recipe_details .top_img .other .right span{font-size: 16px;display: block;line-height: 28px;}
.bottomDetails{margin-top: 3vw;}
.bottomDetails .list{margin-bottom: 2vw;}
.bottomDetails .list::after{content: '';display: block;clear: both;}
.bottomDetails .search_list .tabLink{padding-left: 5%;overflow: hidden;}
.bottomDetails .search_list .tabLink .li:last-child{float: right;margin-right: 20%;}
.bottomDetails .left{margin-top: 2vw; padding-left: 5%;width: 65%;float: left;}
.bottomDetails .left .txt_tep{font-size: 18px;color: #11367A;line-height: 2;}
.bottomDetails .left .ingredient{}
.bottomDetails .left .ingredient .li{overflow: hidden;}
.bottomDetails .left .ingredient .li+.li{margin-top: 1vw;}
.bottomDetails .left .ingredient .li .tit{font-weight: bold;font-size: 20px;color: #11367A;float: left;}
.bottomDetails .left .ingredient .li img{display: inline-block;width: 24px;vertical-align: middle;margin: -4px 5px 0 0;}
.bottomDetails .left .ingredient .li .txt{color: #11367A;font-size: 18px;margin-left: 100px;}
.bottomDetails .left .ingredient .li .txt p{display: block;float: left;width: 50%;margin-bottom: 10px;}
.bottomDetails .right{margin-top: 2vw; width: 30%;float: right;}
.bottomDetails .right .img{display: block;width: 100%;box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16);border-radius:4px;}
.bottomDetails .right .to{margin:20px auto 0;display: block;width: 88px;line-height: 30px;background: #fe6c04;font-size: 12px;text-align: center;color: #ffffff;border-radius: 15px;}
.bottomDetails .right .to:hover{background: #ED733C;}
.bottomDetails .right .playBtn{box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16);}

.information{background: #ffffff;overflow: hidden;}
.information .search_list{margin-top: 3vw;background: #F1F9FD;padding: 3vw 0 5vw;text-align: center;position: relative;}
.information .search_list .pos{position: absolute;width: 100%;left: 0;top: 100%;color: #222222;font-size: 20px;}
.information .search_list .tabLink .li{float: none;font-size: 40px;}

.newsBox{}
.newsBox .lists{padding: 0 10%;min-height: 500px;}
.newsBox .lists .li{overflow: hidden;display: flex;margin-bottom: 30px;align-items: center;padding: 20px;}
.newsBox .lists .li:hover{background: linear-gradient(360deg,#a1893a1e, #ffffff);}
.newsBox .lists .li .img{width: 25%;overflow: hidden;}
.newsBox .lists .li .img img{display: block;width: 100%;transition: all .3s;}
.newsBox .lists .li:hover .img img{transform: scale(1.2); transition: all .3s;}
.newsBox .lists .li .cont{flex: 1;display: flex;flex-direction: column;justify-content: center;flex-wrap: wrap;padding: 20px;}
.newsBox .lists .li .cont .aa{font-size: 0.93vw;margin-bottom: 10px;}
.newsBox .lists .li .cont .aa a{display: inline-block;color: #fe6c04;}
.newsBox .lists .li .cont .aa a+a{margin-left: 20px;}
.newsBox .lists .li .cont .aa a:hover{text-decoration: underline;}
.newsBox .lists .li .cont .bb{font-size: 1.25vw;font-weight: bold;line-height: 1.2;margin-bottom: 10px;
	display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.newsBox .lists .li:hover .cont .bb{color: #fe6c04;}
.newsBox .lists .li .cont .cc{font-weight: 400;line-height: 2;margin-bottom: 20px;
	display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.newsBox .lists .li .cont .dd{color: #989BAF;font-size: 0.93vw;}

.newsDetails{}
.newsDetails .title{font-size: 1.875vw;font-weight: bold;color: #fe6c04;text-align: center;}
.newsDetails .other{padding: 0 10%;margin-top: 20px;border-bottom: 1px dashed #BEBEBE;padding-bottom: 20px;}
.newsDetails .other:after{content: '';display: block;clear: both;}
.newsDetails .other .time{font-size: 16px;color: #5584C3;float: left;}
.newsDetails .other .time img{width: 20px;display: inline-block;vertical-align: middle;margin: -4px 5px 0 0;}
.newsDetails .other .share{float: right;display: flex;}
.newsDetails .other .share span{font-size: 16px;display: block;line-height: 28px;}
.newsDetails .detailsBox{width: 62.5%;margin: 2vw auto;font-size: 18px;text-indent: 2em;line-height: 2;text-align: justify;}
.newsDetails .detailsBox img{max-width: 100%;margin: 10px 0;text-indent: 0;}
.newsDetails .details_bottom{}
.newsDetails .details_bottom .key{margin-bottom: 5px;padding: 0 10%;}
.newsDetails .details_bottom .key a{color: #fe6c04;}
.newsDetails .details_bottom .flip{border-top: 1px solid #BEBEBE;overflow: hidden;margin-top: 15px;padding: 15px 10% 0;}
.newsDetails .details_bottom .flip .li{color: #fe6c04;display: block;width: 50%;float: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.newsDetails .details_bottom .flip .li+.li{text-align: right;}
.newsDetails .details_bottom .flip .li a:hover,
.newsDetails .details_bottom .key a:hover{color: #ED733C;}

.factory{position: relative;}
.factory .img{display: block;width: 100%;}
.factory .center{position: absolute;background: rgba(0, 36, 83, 0.8);color: #FFFFFF;text-align: center; width: 62.5%;left: 18.75%;top: 50%;transform: translateY(-50%);padding: 3% 6%;}
.factory .center .aa{font-size: 2vw;font-weight: bold;}
.factory .center .bb{font-size: 1vw;margin-top: 15px;line-height: 2;}
.factory .center .cc{font-size: 1.25vw;margin: 30px 10% 0;display: flex;flex-wrap: wrap;}
.factory .center .cc .li{display: block;width: 50%;padding:2vw 1vw;border: 1px solid #ffffff80;position: relative;}
.factory .center .cc .li:hover{font-weight: bold;color: #fe6c04;background: #FFFFFF;}
.factory .center .cc .li:first-child::before{content: '';display: block;width: 20px;height: 1px;background-color: #ffffff59; position: absolute;top: -1px;left: -20px;}
.factory .center .cc .li:first-child::after{content: '';display: block;height: 15px;width: 1px;background-color: #ffffff59; position: absolute;top: -15px;left: -1px;}
.factory .center .cc .li:last-child::before{content: '';display: block;width: 20px;height: 1px;background-color: #ffffff59; position: absolute;bottom: -1px;right: -20px;}
.factory .center .cc .li:last-child::after{content: '';display: block;height: 15px;width: 1px;background-color: #ffffff59; position: absolute;bottom: -15px;right: -1px;}
.factory .center .dd{text-align: center;margin-top: 20px;}
.factory .center .dd a{padding: 8px 20px;border-radius: 20px;color: #003292;background-color:#ffffff;font-size: 14px;}
.factory .center .dd a:hover{color: #ffffff;background-color: #0077FF;}
.club{}
.club .clubImg{position: relative;}
.club .clubImg .img{display: block;width: 100%;}
.club .clubNews{z-index: 10;position: relative; display: flex; justify-content: space-between; background: #FFFFFF;box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16);padding: 3vw 4vw;overflow: hidden;transform: translateY(-20px);}
.club .clubNews .left{width: 35%;display: flex;flex-direction: column;justify-content: center;}
.club .clubNews .left p{display: block;width: 100%; font-size: 1.5vw;color: #fe6c04;font-weight: 500;display: block;margin-bottom: 20px;}
.club .clubNews .left a{text-align: center; display: block;color: #FFFFFF;background: #fe6c04;font-size: 0.83vw;width: 10vw;height:  2.5vw;line-height: 2.5vw;border-radius:1.25vw;}
.club .clubNews .left a img{display: inline-block;height: 12px;vertical-align: middle;margin-left: 5px;}
.club .clubNews .right{width: 62%;color: #fe6c04;font-size: 0.93vw;line-height: 2;text-indent: 2em;text-align: justify;}
.environmental{}
.environmental .left{float: left; display: flex;flex-wrap: wrap;justify-content: space-between;width: 50%;float: left;}
.environmental .left .li{transition: all .3s;width: 49%;margin-bottom: 2%; box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.61);border-radius: 8px;overflow: hidden;}
.environmental .left .li:first-child{width: 100%;}
.environmental .left .li:hover img{transform: scale(1.2);transition: all .3s;}
.environmental .left .li img{display: block;width: 100%;}
.environmental .left .more{color: #003292;font-size: 1vw;font-weight: bold;text-align: center;width: 100%;margin-top: 10px;position: relative;}
.environmental .left .more:after{content: '';display:block;width: 100%;border-top: 1px dashed #003292;position: absolute; top: 50%;left: 0;}
.environmental .left .more a{background-color: #ffffff;position: relative;z-index: 1;padding: 0 20px;}
.environmental .left .more a:hover{color: #0077FF;}
.environmental .right{margin-left: 58%;}
.environmental .right .tit{font-size: 2vw;color: #fe6c04;font-weight: 500;text-align: right;}
.environmental .right .des{font-size: 1.25vw;font-weight: 500;margin-top: 10px;text-align: right;}
.environmental .right .line{border: 1px solid #F4F4F4;margin: 30px 0;} 
.environmental .right .txt{color: #5C5C66;font-size: 0.93vw;line-height: 1.8; font-weight: 400;text-align: right;padding-left: 10%;text-indent: 2em;}
.environmental .right .txtImg{font-size: 1.25vw;font-weight: 500;}
.environmental .right .txtImg ul{overflow: hidden;}
.environmental .right .txtImg ul li{width: 30%;float: left;margin-right: 5%;}
.environmental .right .txtImg ul li:nth-child(3n){margin-right: 0;}
.environmental .right .txtImg ul li .img{display: block;margin: 0 auto;width: 3vw;}
.environmental .right .txtImg ul li .aa{color: #5C5C66;font-size: 0.83vw;text-indent: 2em;margin-top: 15px;text-align: justify;}
.industry_recognition{}
.industry_recognition::after{content: '';display: block;clear: both;}
.industry_recognition .left{width: 30%;float: left;}
.industry_recognition .left .top_txt{padding-left: 25%;}
.industry_recognition .left .tit{font-weight: 500;color: #fe6c04;font-size: 2vw;}
.industry_recognition .left .tit span{color: #ED733C;border: 3px solid #ED733C;display: inline-block;vertical-align: middle;margin-top: -4px; text-align: center;font-weight: bold; font-size: 1vw;min-width: 3vw;line-height: 2.6vw;border-radius: 1.5vw;}
.industry_recognition .left .tit p{display: inline-block;}
.industry_recognition .left .sub{font-size: 1.35vw;font-weight: 500;margin-top: 10px;}
.industry_recognition .left .des{color: #5C5C66;font-size: 0.93vw;font-weight: 400;margin-top: 10px;}
.industry_recognition .left .btns{margin-top: 3vw;}
.industry_recognition .left .btns .li{display: block; position: relative;text-align: center; margin-top: 20px;background: #E3E3E3;border-radius: 0 64px 64px 0;padding: 1vw 0 0 15%;}
.industry_recognition .left .btns .li:hover{background: #118CCF;}
.industry_recognition .left .btns .li .ch{font-size: 1.5vw;color: #FFFFFF;font-weight: bold;position: relative;z-index: 1;}
.industry_recognition .left .btns .li .en{font-size: 1vw;color: #FFFFFF61;font-weight: bold;text-transform: uppercase;transform: translateY(-1.1vw);}
.industry_recognition .left .btns .li.on{background: #fe6c04;}
.industry_recognition .left .btns .li.on .en{color: #FFFFFF1a;}
.industry_recognition .right{margin-left: 37.5%;}
.industry_recognition .right .li{padding: 1.5vw;text-align: center;background: #5584C3;}
.industry_recognition .right .swiper-slide:nth-child(2n) .li{background: #243142;}
.industry_recognition .right .li .img{display: block;width: 100%;}
.industry_recognition .right .li .en{margin-top: 15px; font-size: 1.25vw;color: #FFFFFF;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.industry_recognition .right .li .ch{font-size: 0.93vw;color: #F1F1F1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.industry_list{position: relative;display: none;}
.industry_list:first-child{display: block;}
.industry_list .swiper-button-prev,
.industry_list .swiper-button-next{width: 30px;height: 30px;border-radius: 100%;border: 1px solid var(--swiper-theme-color);}
.industry_list .swiper-button-next:after, 
.industry_list .swiper-button-prev:after{font-size: 20px;}
.industry_list .swiper-button-prev{right: 15%;top:-20px;left: auto;}
.industry_list .swiper-button-next{right: 10%;top:-20px;left: auto;}

@keyframes fadeOut {
    0%,100% {
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
  }
.blueprint{margin: 0 7%;position: relative;}
.blueprint_img{}
.blueprint_img .li{display: none;}
.blueprint_img .li:first-child{display: block;}
.blueprint .img_one{}
.blueprint .img_two{position: absolute;width: 100%;left: 0%;top: 0;animation: fadeOut 2s infinite;}
.blueprint .img_one img,
.blueprint .img_two img{display: block;width: 100%;}
.blueprint .switch{position: absolute;left: 0%;bottom: 0;}
.blueprint .switch .li{font-size: 1.25vw;font-weight: bold;color: #fe6c04;padding-bottom: 10px;position: relative;cursor: pointer;}
.blueprint .switch .li.on:after{content: '';display: block;position: absolute;left: 50%;bottom: 0;width: 0; height: 0;transform: translateX(-50%); border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 8px solid #fe6c04;}
.blueprint .switch .li.on{border-bottom: 1px solid #fe6c04;}
.blueprint .switch .li img{display: inline-block;width: 24px;vertical-align: middle;margin: -4px 5px 0 0;}
.blueprint .switch .li+.li{color: #ED733C;margin-top: 10px;}
.blueprint .switch .li+.li.on:after{border-bottom: 8px solid #ED733C;}
.blueprint .switch .li+.li.on{border-bottom: 1px solid #ED733C;}
.business{display: flex;justify-content: center; padding: 0 7%;margin-top: 10%;}
.business .li{width: 20%;padding: 2.5vw 1vw;text-align: center;border-radius: 50px;border: 2px solid #1382C4;margin:0 1%;background: #FFFFFF;}
.business .li .img{}
.business .li .img img{display: block;height: 4vw;margin: 0 auto;}
.business .li .tit{font-size: 1.25vw;font-weight: bold;margin-top: 10px;}
.business .li .des{color: #fe6c04;margin-top: 10px;}
.business .li .name{font-size: 1vw;font-weight: 500;}
.business .li .address{font-size: 1vw;font-weight: 500;margin-top: 10px;}
.business .li .tel{font-size: 1vw;font-weight: 400;margin-top: 10px;}
.business .li:nth-child(2n){background: #fe6c04;border: 2px solid #fe6c04;}
.business .li:nth-child(2n) .tit,
.business .li:nth-child(2n) .des{color: #ffffff;}
.business .li:hover{background: #1382C4;border: 2px solid #1382C4;}
.business .li:hover .tit,
.business .li:hover .des{color: #ffffff;}

.social{}
.social .list{padding: 0 10%;}
.social .list .center{border-bottom: 1px solid rgba(232,232,232,0.8);overflow: hidden;padding: 3% 0;}
.social .list .img{display: block;width: 26%;float: left;}
.social .list .img img{display: block;width: 100%;}
.social .list .txtBox{margin-left: 29%;}
.social .list .txtBox .tit{display: block;color: #fe6c04;font-size: 1.25vw;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.social .list .txtBox .tit:hover{color: #0077FF;}
.social .list .txtBox .time{display: block;margin-top: 0.5vw;color: #11367A;font-size: 0.83vw;}
.social .list .txtBox .time img{display: inline-block;vertical-align: middle;height: 16px;margin: -4px 5px 0 0;}
.social .list .txtBox .des{font-size: 0.83vw;margin-top: 2vw;
display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	text-overflow:ellipsis;}
.social .list:hover{background-color: #FFF9F1;}

.brandPart{margin-top: 30px;padding: 0 100px;position: relative;}
.brandPart .swiper-slide{padding: 1px;}
.brandPart .li{border: 1px solid #EFEFF0;background: #FFFFFF;padding: 20px;}
.brandPart .li img{display: block;margin: 0 auto;max-width: 100%;}
.brandPart .li a{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #fe6c04;font-weight: 500;font-size: 0.83vw;text-align: center;}
.brandPart .li:hover{background: #FFF9F1;}
.brandPart .swiper-button-prev,
.brandPart .swiper-button-next{width:40px;height: 40px;border-radius: 100%;border: 1px solid var(--swiper-theme-color);}
.brandPart .swiper-button-prev{left: 20px;}
.brandPart .swiper-button-next{right: 20px;}
.brandPart .swiper-button-next:after, .brandPart .swiper-button-prev:after{font-size: 16px;}
.brand{}
.brand:nth-child(2n) .INNO .logo{left: auto;right: 6%;}
.brand:nth-child(2n) .INNO .right{float: left;}
.brand:nth-child(2n) .INNO .right .center{padding: 7% 16% 0 13%;}
.brand:nth-child(2n) .INNO .right .center::before{left: 3%;right: auto;}
.brand:nth-child(2n) .INNO .right .center::after{left: 5%;right: auto;}
.brand:nth-child(2n) .INNO .right .title{position: absolute;right: 16%;text-align: right;}
.brand:nth-child(2n) .INNO .right .threeTab{justify-content: flex-start;}
.brand:nth-child(2n) .INNO .right .threeTab .li:nth-child(2){background:none;}
.brand:nth-child(2n) .INNO .right .threeTab .li:first-child{background:#fe6c04;}

.title3{text-align: center;font-size: 1.5vw;font-weight: bold;margin-bottom: 2vw;}
.Haiqing_Factory{background-color: #ffffff;overflow: hidden;padding-top: 4%;}
.Haiqing_Factory .One{padding: 4% 0;display: flex;justify-content: space-between;}
.Haiqing_Factory .One .left{width: 56%;background: #F2F5FF;border-radius: 60px;position: relative;}
.Haiqing_Factory .One .left .img{display: block;width: 100%;border-radius: 60px;position: relative;right: -2vw;top: -2vw;}
.Haiqing_Factory .One .left::before{content: '';display: block;z-index: 2;position: absolute;bottom: -1vw;left: 3vw;background: url(../img/bggggg.png) repeat-y center / 100% auto;width: 3vw;height: 6vw;}
.Haiqing_Factory .One .left::after{content: '';display: block;position: absolute;top: -3vw;right: -2vw;background: url(../img/bggggg.png) repeat-y center / 100% auto;width: 3vw;height: 4.5vw;}
.Haiqing_Factory .One .right{width: 38%;position: relative;}
.Haiqing_Factory .One .right::after{content: '';display: block;position: absolute;bottom: 0;right: 0;background: url(../img/bggggg.png) repeat-y center / 100% auto;width: 3vw;height: 3vw;}
.Haiqing_Factory .One .right .title3{text-align: right;}
.Haiqing_Factory .One .right .txtDes{font-size: 0.93vw;font-weight: 400;color: #5C5C66;}
.Haiqing_Factory .Two{padding: 4% 0;background: url(../img/bggggg1.png) no-repeat center bottom / 100% auto;}
.Haiqing_Factory .Two .centerBox{position: relative;padding: 0 150px;}
.Haiqing_Factory .Two #factory1{box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.61);border-radius: 60px;}
.Haiqing_Factory .Two .swiper-button-prev,
.Haiqing_Factory .Two .swiper-button-next{width:40px;height: 40px;border-radius: 100%;border: 1px solid var(--swiper-theme-color);}
.Haiqing_Factory .Two .swiper-button-prev{left: 50px;}
.Haiqing_Factory .Two .swiper-button-next{right: 50px;}
.Haiqing_Factory .Two .swiper-button-next:after, .Haiqing_Factory .Two .swiper-button-prev:after{font-size: 16px;}
.Haiqing_Factory .Two .swiper-pagination-bullets.swiper-pagination-horizontal{bottom: -40px;}
.Haiqing_Factory .Two a,
.Haiqing_Factory .Two img{display: block;width: 100%;border-radius: 60px;}
.Haiqing_Factory .Two #factory2{width: 80%;margin: -70px auto 0;z-index: 0;}
.Haiqing_Factory .Two .des{padding: 130px 150px 70px;color: #5C5C66;font-size: 0.93vw;font-weight: 400;text-align: center;background: rgba(241,248,255,0.62);border-radius: 60px;}
.Haiqing_Factory .Three{background: url(../img/bggggg2.png) no-repeat center bottom / 100% auto;}
.process_img{}
.process_img img{display: block;width: 100%;box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.61);}
.process{background: #118CCF;font-size: 0.93vw;color: #FFFFFF;font-weight: 400;text-align: center;padding: 5vw;margin-top: -2vw;}