@charset "UTF-8";
#hmDoc { width: 20px; position: fixed; top: 50%; right: 48px; height: 182px; margin-top: -91px; z-index: 28; }
#hmDoc li { margin: 3px 0 }
.hmDoc_a { display: inline-block; position: relative; width: 20px; height: 20px; }
 @keyframes sliRode {  0% {
 transform:rotate(0deg);
}
 100% {
 transform:rotate(360deg);
opacity:0.8;
}
}
.hmDoc_a:before { content: ""; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background: url(img/hmi.png) no-repeat center center; display: block; }
.hmDoc_a span { white-space: nowrap; font-size: 16px; line-height: 20px; color: #fa1b24; display: inline-block; position: absolute; top: 0px; right: 31px; transition: all 0.2s ease-in-out; opacity: 0; visibility: hidden }
.hmDoc_a.on:before { background: url(img/hmCi.png) no-repeat center center; animation: sliRode 2s linear infinite; }
.hmDoc_a.on span { opacity: 1; visibility: visible }
.hmPage1 { height: 100vh; position: relative }
.hmFocus_item { height: 100vh; position: relative }
.hmFocus_img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.hmFocus_img video { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.hmFocus_mobeil_img { display: none; }
.hmBanTxtImg { position: absolute; left: 13.02vw; top: 30.27vh; width: 31.19vw }
.hmBanTxtImg img { width: 100%; height: auto; }
.hmBanSquer { width: 5.36vw; height: 5.36vw; position: absolute; top: 0; left: 0; opacity: 0; transition: all 0.5s ease-in-out; transition-delay: 0.6s; }
.hmBanSquer img { position: absolute; left: 0; top: 0; }
.hmBanSquer img:nth-child(1) { animation: squerAi2 0.7s linear infinite; }
.hmBanSquer img:nth-child(2) { animation: squerAi2 0.58s linear infinite; }
.hmBanSquer img:nth-child(3) { animation: squerAi2 0.45s linear infinite; }
.hmBan1_img { position: absolute; left: 0; top: 0; transition: all 0.8s ease-in-out; opacity: 0 }
.hmBanTxtImg .hmBan1_img:nth-child(2) { transform: translate(0px, 0px); transition-delay: 0.2s; }
.on .hmBanTxtImg .hmBan1_img:nth-child(2) { transform: translate(0px, 0px); opacity: 1; }
.hmBanTxtImg .hmBan1_img:nth-child(3) { transform: translate(-100px, 0px); transition-delay: 0.8s; }
.on .hmBanTxtImg .hmBan1_img:nth-child(3) { transform: translate(0px, 0px); opacity: 1; }
.hmBanTxtImg .hmBan1_img:nth-child(4) { transform: translate(100px, 0px); transition-delay: 0.3s; }
.on .hmBanTxtImg .hmBan1_img:nth-child(4) { transform: translate(0px, 0px); opacity: 1; }
.hmBanTxtImg .hmBan1_img:nth-child(5) { transform: translate(100px, 0px); transition-delay: 0.4s; }
.on .hmBanTxtImg .hmBan1_img:nth-child(5) { transform: translate(0px, 0px); opacity: 1; }
.on .hmBanSquer { opacity: 1; }
.hmBan2TxtImg { position: absolute; left: 17.7vw; top: 39.07vh; width: 32.86vw; height: auto; }
.hmBan2_img { position: absolute; left: 0; top: 0; }
.hmBan2_imgs { right: 11.35vw; bottom: 22.22vh; width: 43.95vw; height: auto; position: absolute; transition: all 0.8s ease-in-out; opacity: 0 }
.on .hmBan2_imgs { opacity: 1; transition-delay: 0.2s; }
.hmBan2TxtImg img { transition: all 0.8s ease-in-out; opacity: 0 }
.hmBan2TxtImg img:nth-child(1) { transform: translate(100px, 0px); transition-delay: 0.2s; }
.on .hmBan2TxtImg img:nth-child(1) { transform: translate(0px, 0px); opacity: 1; }
.hmBan2TxtImg img:nth-child(2) { transform: translate(100px, 0px); transition-delay: 0.3s; }
.on .hmBan2TxtImg img:nth-child(2) { transform: translate(0px, 0px); opacity: 1; }
.hmBan2TxtImg img:nth-child(3) { transform: translate(100px, 0px); transition-delay: 0.4s; }
.on .hmBan2TxtImg img:nth-child(3) { transform: translate(0px, 0px); opacity: 1; }
.hmBan2TxtImg img:nth-child(4) { transform: translate(-20px, 0px); transition-delay: 0.5s; }
.on .hmBan2TxtImg img:nth-child(4) { transform: translate(0px, 0px); opacity: 1; }
.hmBan3TxtImg { position: absolute; left: 50%; top: 50%; width: 30.88vw; height: auto; transform: translate(-50%, -50%); }
.hmBan3TxtImg img { transition: all 0.8s ease-in-out; opacity: 0 }
.hmBan3_img { position: absolute; left: 0; top: 0; width: 100%; height: auto; }
.hmBan3TxtImg img:nth-child(1) { transform: translate(0px, 100px); transition-delay: 0.2s; }
.on .hmBan3TxtImg img:nth-child(1) { transform: translate(0px, 0px); opacity: 1; }
.hmBan3TxtImg img:nth-child(2) { transform: translate(0px, 100px); transition-delay: 0.5s; }
.on .hmBan3TxtImg img:nth-child(2) { transform: translate(0px, 0px); opacity: 1; }
.hmBan3TxtImg img:nth-child(3) { transform: translate(0px, 100px); transition-delay: 0.7s; }
.on .hmBan3TxtImg img:nth-child(3) { transform: translate(0px, 0px); opacity: 1; }
.hmBan2Squer { display: inline-block; height: 5.36vw; width: 5.36vw; position: absolute; left: -5.36vw; top: -12.18vh; background-size: cover; transition: all 0.8s ease-in-out; opacity: 0; transition-delay: 0.7s; }
.on .hmBan2Squer { opacity: 1; }
.hmFocus .slick-dots { bottom: 5.55vh; }
.hmFocus .slick-dots li { width: 12px; height: 12px; border-radius: 50%; background: #8C8C8C; margin: 0 7px; }
.hmFocus .slick-dots li.slick-active { background: #FA1B25; width: 28px; border-radius: 1.8em; }
.hmFocus .slick-dots li button { display: none; }
.hmc1Scroll { font-size: 21px; color: #A7A7A7; line-height: 28px; display: inline-block; z-index: 8; position: absolute; top: 50%; left: 4.2vw; transform: rotate(270deg); }
.hmc1Scroll i { height: 66px; width: 1px; position: absolute; left: -43px; top: -17px; transform: rotate(90deg); overflow: hidden; }
.hmc1Scroll i:after { content: ""; background: #8C8C8C; height: 66px; width: 1px; position: absolute; left: 0; top: 0; animation: hmc1ScrollAni 3.5s ease-out infinite; }
 @keyframes hmc1ScrollAni {  0% {
 transform:translateY(-100%);
}
 50% {
 transform:translateY(200%);
}
 100% {
 transform:translateY(200%);
}
}
 @media (max-width:1559px) {
.hmFocus .slick-dots { bottom: 4.25vh; }
.hmFocus .slick-dots li { width: 9px; height: 9px; margin: 0 6px; }
}
 @media (max-width:993px) {
.hmFocus_img { display: none }
.hmFocus_mobeil_img { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
}
 @media (max-width:1799px) {
#hmDoc { right: 18px; }
.hmDoc_a span { font-size: 14px; right: 28px; }
}
 @media (max-width:767px) {
#hmDoc { right: 0; }
#hmDoc li { margin: 0; }
.hmDoc_a span { font-size: 12px; right: 25px; }
.hmc1Scroll { left: 0; font-size: 18px; }
.hmBan2TxtImg { width: 250px; top: 50%; margin-top: -40px; }
.hmBan2Squer { display: none; }
.hmBan3TxtImg { width: 250px; }
.hmBanTxtImg { width: 250px; top: 50%; margin-top: -70px; }
.hmBan2_imgs { width: 250px; height: auto; right: 20px; bottom: 15vh; }
}
.hmc2Lx { float: left; height: 100vh; width: 50%; position: relative; overflow: hidden }
.hmc2Lx video { width: 960px!important; height: auto!important; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); margin-top: 40px }
.hmc2Des { color: #FFF; text-align: center; width: 100%; position: absolute; top: 50%; transform: translateY(-50%); padding-top: 60px; z-index: 2; }
.hmc2Lx:before { content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.1); position: absolute; left: 0; top: 0; z-index: 1 }
.hmc2Des strong { font-size: 5.55vh; font-weight: normal; line-height: 7.03vh; }
.hmc2Des strong span { display: inline-block; position: relative; }

/*.hmc2Des strong span:before{ content: ""; background: url(img/hmc2_sbg.png) no-repeat center center; display: inline-block; height: 3.12vw; width: 3.12vw; position: absolute; left: -4.44vh; top: -2.77vh; }*/

@-webkit-keyframes squerAi2 {  0% {
 opacity: 1;
}
 50% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
.squerAni2 { display: inline-block; height: 3.12vw; width: 3.12vw; position: absolute; left: -4.44vh; top: -2.77vh; }
.squerAni2 img { position: absolute; left: 0; top: 0; transform: scale(1)!important; display: block!important }
.squerAni2 img:nth-child(1) { animation: squerAi2 0.7s linear infinite; }
.squerAni2 img:nth-child(2) { animation: squerAi2 0.58s linear infinite; }
.squerAni2 img:nth-child(3) { animation: squerAi2 0.45s linear infinite; }
.hmc2Des p { font-size: 20px; line-height: 40px; margin-bottom: 45px; }
.hmc2more { font-size: 18px; line-height: 55px; color: #FFF; background: #FF0000 url(img/hmc2_ar.png) no-repeat 139px center; height: 55px; width: 182px; padding-left: 45px; display: inline-block; border-radius: 1.8em; text-align: left; }
.hmc2more:hover { box-shadow: 0 2px 5px 4px rgba(0,0,0,0.1); transform: translateY(-5px); color: #fff; }
.hmc2Rx { width: 50%; height: calc(100vh - 90px); float: right; margin-top: 90px; position: relative; z-index: 2; background: #fff; }
.hmc2ul li { float: left; }
.hmc2aBox { width: 25vw; height: calc((100vh - 90px)/3); display: block; position: relative; }
.hmc2aDes { width: 100%; text-align: center; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.hmc2icon { display: block; text-align: center; height: 72px; width: 72px; overflow: hidden; margin: 0 auto; position: relative; }
.hmc2icon img { width: 8.75vw; max-width: none; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.hmc2icon2 img { width: 2.5vw; height: auto; }
.hmc2aDes strong { display: block; font-size: 24px; line-height: 34px; margin-top: 12px; font-weight: normal; }
.hmc2aDes p { font-size: 16px; color: #a8a8a8; line-height: 26px; }
.hmc2ul li:nth-child(2) .hmc2aBox, .hmc2ul li:nth-child(3) .hmc2aBox { background: #f2f2f2; }
.hmc2aBox:hover { color: #FA1B25 }
.hmc2ul li:nth-child(6) .hmc2aBox { background: #f2f2f2; }
.hmc2ul li:nth-child(6) .hmc2aBox:hover { background: #fa1b24; }
.hmc2ul li:nth-child(6) .hmc2aBox strong { font-size: 20px; color: #333; margin-top: 22px; transition: all 0.5s ease-in-out; }
.hmc2ul li:nth-child(6) .hmc2aBox:hover strong { color: #fff; }
.hmc2ul li:nth-child(6) .hmc2aBox .hmc2icon2 { transition: all 0.5s ease-in-out; }
.hmc2ul li:nth-child(6) .hmc2aBox:hover .hmc2icon2 { transform: rotate(90deg); }
.hmc2ul li:nth-child(6) .hmc2aBox:hover .hmc2icon2 img:nth-child(2) { opacity: 0; }
.hmc2aBox:hover { background-color: #fa1b24!important; }
.hmc2aBox:hover * { color: #fff!important; }
 @media (max-width:1799px) {
.hmc2Rx { height: calc(100vh - 76px); margin-top: 76px }
.hmc2aBox { height: calc((100vh - 76px)/3); }
.hmc2more, .hmc2more:hover { transform: scale(0.85); }
.hmc2aDes strong { font-size: 18px; line-height: 28px; }
.hmc2aDes p { font-size: 14px; line-height: 22px; }
.hmc2ul li:nth-child(6) .hmc2aBox strong { font-size: 16px; margin-top: 10px; }
}
 @media (max-width:993px) {
.hmc2Lx video { display: none; }
.hmc2Lx { background: url(img/hmc2bg.jpg) no-repeat center center!important; background-size: cover; }
.hmc2Des strong { font-size: 28px; line-height: 38px; }
.hmc2Des p { font-size: 18px; line-height: 28px; margin-bottom: 15px; }
.squerAni2 { display: none; }
.hmc2Rx { height: calc(100vh - 58px); margin-top: 58px; }
.hmc2aBox { height: calc((100vh - 58px)/3); }
}
 @media (max-width:767px) {
.hmc2Lx { display: none; }
.hmc2Rx { width: 100%; }
.hmc2ul li { width: 50%; }
.hmc2aBox { width: 50vw; }
.hmc2icon img { width: 78px; height: auto; }
.hmc2aBox2 .hmc2icon img { width: 38px; height: auto; }
.hmc2aDes strong { margin-top: 0; }
}
.hmPage4 { position: relative; height: 100vh; overflow: hidden;padding-top: 150px; margin-top:20px;}
 @keyframes hmp4Bg {  0% {
opacity:0.8;
transform:scale(1)
}
 50% {
opacity:1;
transform:scale(1.25)
}
 100% {
opacity:0.8;
transform:scale(1)
}
}
.hmPage4:before { content: ""; width: 100vw; height: 100vh; left: 0; top: 0; position: absolute; background: url(img/hmc4Bg.jpg) no-repeat center center; background-size: 100vw 100vh; /*animation: hmp4Bg 10s linear infinite;*/ }
.hmc4BtnWpr { display: inline-block; height: 46px; width: 46px; margin-left: -23px; position: absolute; left: 50%; bottom: 8.14vh; }
.hmc4BtnWpr a { display: inline-block; background: url(img/m2hz_ar.png) no-repeat center center; display: inline-block; height: 46px; width: 46px; }
.hmc4BtnWpr:hover a { transform: translateY(-5px); }
.hmc4Itms { display: block; width: 100%; max-width: 1510px; padding: 0 15px; margin: 0 auto; }
.hmc4Tnm { font-size: 4.44vh; line-height: 5.92vh; margin-bottom: 10px; text-align: center; }
.hmc4Tnm_en { text-align: center; text-transform: uppercase; color: #636363; font: 100 18px/28px "微软雅黑"; }
.hmc4Tnm span { font-family: din; color: #fa1b24; }
.hmc4Itms { margin: 9.25vh auto 0 }
.hmc4Itms li { width: 25%; text-align: center; float: left; height: 256px; background: url(img/hmc4line.png) no-repeat right center; }
.hmc4Itms li:last-child { background: none; }
.hmc4icon { background: rgba(255,255,255,0.4); display: inline-block; height: 110px; width: 110px; border-radius: 50%; position: relative; overflow: hidden; }
.hmc4icon:after { content: ""; width: 90px; height: 90px; left: 10px; top: 10px; border-radius: 50%; background: #fff; position: absolute; transition: all 0.8s ease-in-out; }
.hmc4icon img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2; max-width: none; width: 78px; height: auto; }
.hmc4Num { font: 6.66vh/8.33vh din; color: #fa1b24; margin-top: 8px; display: block; }
.hmc4Itms li p { font-size: 18px; line-height: 28px; color: #666; font-weight: 100; }
.hmc4Itms li:hover .hmc4icon:after { width: 110px; height: 110px; left: 0; top: 0; }
 @media (max-width:1799px) {
.hmc4Itms li p { font-size: 16px; }
}
 @media (max-width:993px) {
.hmc4Tnm { font-size: 30px; line-height: 36px; }
.hmc4Tnm_en { font-size: 16px; line-height: 20px; }
.hmc4Itms { margin-top: 55px; }
.hmc4Num { font-size: 36px; line-height: 40px; }
.hmc4Itms li p { font-size: 14px; line-height: 26px; margin-top: 15px; }
}
 @media (max-width:767px) {
.hmc4Itms li { width: 50%; height: 140px; background: none }
.hmc4Itms { margin-top: 0px; padding-bottom: 20px; }
.hmc4icon { transform: scale(0.6); }
.hmc4Num { font-size: 26px; line-height: 32px; margin-top: -20px; }
.hmc4Itms li p { font-size: 12px; line-height: 20px; margin-top: 5px; }
.hmc4BtnWpr { bottom: 20px; }
.hmc4BtnWpr .hmc4Btn { transform: scale(0.9) }
.hmc4Tnm { font-size: 24px; margin-bottom: 5px; }
.hmc4Tnm_en { font-size: 14px; }
.hmc4BtnWpr { display: none; }
}
.hmPage5 { position: relative; z-index: 5; background: #fff; }
 @keyframes hmp5Bg {  0% {
opacity:0.8;
transform:scale(0.72) rotate(0deg) skew(0deg, 0deg);
}
 50% {
opacity:1;
transform:scale(0.85) rotate(45deg) skew(40deg, -40deg);
}
 100% {
opacity:0.8;
transform:scale(0.72) rotate(0deg) skew(0deg, 0deg);
}
}
.hmPage5:before { content: ""; width: 100%; height: 100%; left: 0; top: 0; position: absolute; background: url(img/hmc5bg.png) no-repeat center center; background-size: 2600px auto; animation: hmp5Bg 20s linear infinite; width: 2600px; height: 1000px; left: 50%; top: 50%; margin-left: -1300px; margin-top: -500px; }
.hmc5Tbox { text-align: center; }
.hmc5Tbox strong { font-size: 30px; line-height: 44px; font-weight: normal; display: block }
.hmc5Tbox p { font: 36px/44px din; color: #fa1b24; text-transform: uppercase; }
.hmc5ul { max-width: 1610px; padding: 0 15px; margin: 4.81vh auto 4.25vh; }
.hmc5ul li { padding: 0 10px; margin-bottom: 20px; width: 20%; float: left; }
.m2hz_sBox { height: 115px; background: #FFF; display: block; position: relative; box-shadow: 0 0 12px 10px rgba(0,0,0,0.03); }
.m2hz_sBox img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 80%; max-height: 80%; width: auto; height: auto; }
.m2hzLay { color: #FFF; background: #FF0000; position: absolute; height: 100%; width: 100%; left: 0px; top: 0px; right: 0px; bottom: 0px; opacity: 0; transition: all 0.5s ease-in-out; }
.m2hzLay strong { margin-right: 50px; margin-left: 50px; padding-top: 10px; font-size: 20px; line-height: 54px; color: #FFF; height: 65px; border-bottom: 1px solid #FFF; overflow: hidden; text-align: center; font-weight: normal; display: block; }
.m2hzLay span { background: url(img/m2hz_jia.png) no-repeat center center; display: block; margin: 13px auto 0px; height: 17px; width: 17px; }
.m2hz_sBox:hover .m2hzLay { opacity: 1; }
.hmc5Btns { text-align: center; position: relative; z-index: 10 }
 @media (max-width:1799px) {
.hmc5Tbox { padding-top: 30px; }
.hmc5Tbox strong { font-size: 26px; line-height: 38px; }
.hmc5Tbox p { font: 26px/28px din; }
.m2hzLay strong { font-size: 14px; }
.m2hzLay span { transform: scale(0.8); }
.m2hz_sBox { height: 80px; }
.hmc5ul { margin: 4.0vh auto 3.25vh; max-width: 1230px; }
.hmc5ul li { padding: 0 6px; margin-bottom: 12px; }
.m2hz_sBox img { max-width: 50%; max-height: 50%; }
.m2hzLay strong { height: 40px; line-height: 30px; }
.m2hzLay span { margin-top: 2px; }
}
 @media (max-width:1379px) {
.m2hz_sBox { height: 66px; }
.m2hzLay strong { line-height: 24px; }
}
.hmPage7 { position: relative; }
 @keyframes hmp7Bg {  0% {
opacity:0.8;
transform:scale(0.72) rotate(0deg) skew(0deg, 0deg);
}
 50% {
opacity:1;
transform:scale(0.85) rotate(45deg) skew(40deg, -40deg);
}
 100% {
opacity:0.8;
transform:scale(0.72) rotate(0deg) skew(0deg, 0deg);
}
}
.hmPage7:before { content: ""; width: 100%; height: 100%; left: 0; top: 0; position: absolute; background: url(img/hmc7_bg.png) no-repeat center center; background-size: 2600px auto; animation: hmp5Bg 20s linear infinite; width: 2600px; height: 1000px; left: 50%; top: 50%; margin-left: -1300px; margin-top: -500px; }
.hmTm_tbox { position: absolute; left: 15px; top: -42px; }
.hmTm_tbox strong { font-size: 30px; line-height: 44px; font-weight: normal; }
.hmTm_tbox p { font: 36px/44px din; color: #fa1b24; text-transform: uppercase; }
.hmTmCon { max-width: 1610px; padding: 0 15px; position: relative; margin: 10vh auto 0; }
.hmc9Wpr { height: 700px; position: relative; padding-top: 200px; }
.hmc9slickSml { position: relative; margin-left: 110px; margin-right: 110px; }
.hmc9slickSmlb { position: absolute; left: 110px; right: 110px; margin: 0; top: 200px; z-index: 8; opacity: 0!important; }
.hmc9slickSml .prev { height: 65px; width: 65px; position: absolute; left: -108px; top: 52px; z-index: 5; transition: all 0.5s ease-in-out; background: url(img/hmc7Btn.png) no-repeat center center; }
.hmc9slickSml .prev:hover { background: url(img/hmc7Btn2.png) no-repeat center center; }
.hmc9slickSml .next { height: 65px; width: 65px; position: absolute; right: -108px; top: 52px; z-index: 5; transition: all 0.5s ease-in-out; background: url(img/hmc7Btn.png) no-repeat center center; transform: rotate(180deg); }
.hmc9slickSml .next:hover { background: url(img/hmc7Btn2.png) no-repeat center center; }
.hmc9slick1 { height: 208px; margin: 0 -38px; }
.hmc9_item1 { padding: 0 38px; text-align: center; }
.hmc9simg.scaleImg .overflowHide { height: 152px; width: 152px; border: 8px solid #FA1B25; border-radius: 50%; margin: 0px auto; }
.hmc9simg p { font-size: 16px; line-height: 30px; margin-top: 6px; }
.hmc9slickBig { height: 700px; width: 1200px; position: absolute; left: 50%; margin-left: -600px; top: 0px; z-index: 5; }
.hmc9_item2 { padding: 20px; }
.hmc9person { display: block; }
.hmc9pimg { height: 496px; width: 496px; position: relative; z-index: 2; margin: 0 auto; transform: translateX(-10px) }
.hmc9sbg { position: absolute; left: 50%; top: 20px; height: 496px; width: 496px; background: #FFF; border-radius: 50%; box-shadow: 0 0 16px 14px rgba(0,0,0,0.08); transform: translateX(-50%); margin-left: -10px; }
.hmc9sbg:before { content: ""; width: 440px; height: 440px; border: 1px dashed #ddd; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2; }
.hmc9pimg img { width: 72%; height: auto; position: absolute; left: 50%; top: 0%; transform: translateX(-50%); transition: all 0.5s ease-in-out; }
.hmc9person strong { font-size: 28px; color: #414141; line-height: 42px; margin-top: 36px; text-align: center; display: block; font-weight: normal; }
.hmc9person p { text-align: center; font-size: 20px; line-height: 36px; color: #525252; margin-bottom: 10px; }
.hmc9slick1 .slick-active1 { transform: translateX(-60px); }
.hmc9slick1 .slick-active2 { transform: translateX(-130px); }
.hmc9slick1 .slick-current + .slick-active { transform: translateX(110px); }
.hmc9slick1 .slick-current + .slick-active + .slick-active { transform: translateX(50px); }
.m2usT2_sx { line-height: 30px; font-size: 17px; margin-bottom: 10px; text-align: center }
.m2usT2_sx a { background: url(img/m2su_sq.png) no-repeat left center; display: inline-block; margin: 0px 20px; padding-left: 22px; white-space: nowrap; }
.hmc9_item1 { opacity: 0; }
.hmc9_item1.slick-active { opacity: 1; }
 @media (max-width:1799px) {
.hmc9slickBig { width: 1000px; margin-left: -500px; height: 450px; top: 70px; }
.hmc9Wpr { margin-left: 50px; margin-right: 50px; }
.hmc9slickSml .prev { transform: scale(0.6) }
.hmc9slickSml .next { transform: scale(0.6) rotate(180deg) }
.hmc9simg.scaleImg .overflowHide { width: 110px; height: 110px; margin-top: 20px; }
.hmc9Wpr { margin-top: -80px; }
.hmCon9 { padding-bottom: 0; }
.hmc9sbg { width: 300px; height: 300px; }
.hmc9Wpr { height: 520px; padding-top: 150px; }
.hmc9pimg { width: 300px; height: 300px; }
.hmc9sbg:before { width: 266px; height: 266px; }
.m2usT2_sx a { font-size: 12px; padding-left: 12px; margin: 0 8px; }
.hmc9person strong { font-size: 22px; line-height: 28px; margin-bottom: 12px; margin-top: 15px }
.hmc9person p { line-height: 16px; line-height: 20px; }
.hmc9slick1 .slick-active1 { transform: translateX(-30px); }
.hmc9slick1 .slick-active2 { transform: translateX(-70px); }
.hmc9slick1 .slick-current + .slick-active { transform: translateX(50px); }
.hmc9slick1 .slick-current + .slick-active + .slick-active { transform: translateX(10px); }
.hmTm_tbox { left: 15px; top: 48px; }
.hmTm_tbox strong { font-size: 26px; line-height: 30px; }
.hmTm_tbox p { font: 26px/36px din; }
.hmTmCon { max-width: 1230px; }
}
 @media (max-width:1379px) {
.hmTm_tbox { left: 15px; top: 88px; }
}
 @media (max-width:767px) {
.hmc9slick1 { display: none; }
.hmc9person strong { font-size: 16px; line-height: 28px; font-weight: bold }
.hmc9person p { font-size: 14px; margin-top: -8px; }
.hmc9pimg { width: 200px; height: 200px; }
.hmc9sbg { width: 200px; height: 200px; left: 50%; transform: translateX(0); margin-left: -100px; }
.hmc9Wpr { height: 366px; }
.m2usT2_sx { display: none; }
.hmPage7 .hmTm_tbox { top: 0px; }
.hmTm_tbox strong { font-size: 24px; }
.hmTm_tbox p { font-size: 18px; }
.hmTmCon { transform: translateY(40px); }
.hmc9pimg { transform: translateX(0); }
.hmPage7 .hmTm_tbox { width: auto; right: 15px!important; }
.hmc9slickSml { margin-left: 50px; margin-right: 50px; transform: translateY(-50px)!important }
.hmc9slickBig { width: 100%; margin-left: 0; left: 0; }
.hmPage7 .hmc5Btns { margin-top: 15px; }
}
.hmPage6 { background: #f4f4f4; }
.hmc6Con { max-width: 1610px; padding: 0 15px; position: relative; margin: 0 auto; height: 73.38vh; }
.hmNews_tbox { position: absolute; left: 15px; top: -15px; }
.hmNews_tbox strong { font-size: 30px; line-height: 44px; font-weight: normal; }
.hmNews_tbox p { font: 36px/44px din; color: #fa1b24; text-transform: uppercase; }
.hmc6more { display: block; height: 34px; width: 34px; position: absolute; left: 50%; bottom: 0px; margin-left: -17px; z-index: 8 }
.hmc6ul { margin: 0 -1.45vw; }
.hmc6ul li { width: 33.33%; padding: 14.96vh 1.45vw 0; float: left; }
.hmc6ul li:nth-child(2) { padding-top: 2.59vh; }
.hmc6aBox { display: block; margin: 0 0 0 20px; position: relative; height: 57.4vh; }
/*.hmc6aBox:before{ content: ""; background: url(img/m2cm_sq.png) no-repeat center center; position: absolute; height: 60px; width: 60px; left: -26px; top: -30px; z-index: 2; transition:all 0.5s ease-in-out; -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity:0.5;}*/

/*.hmc6aBox:hover:before{ -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity:1;}*/

.hmc6aBox .overflowHide { height: 51.85vh; }
.hmc6Ades { background: #FFF; height: 17.22vh; position: absolute; right: 0px; bottom: 0px; left: 2.6vw; transition: all 0.5s ease-in-out; padding: 3.14vh 2.5vw 0px; }
.hmc6Ades strong { font-size: 1.85vh; height: 5.55vh; line-height: 2.77vh; overflow: hidden; font-weight: 100; }
.hmc6aBox:hover .hmc6Ades { background: #fa1b24; color: #fff; }
 @-webkit-keyframes squerAi {  0% {
 opacity: 1;
}
 50% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
.squerAni { width: 60px; height: 60px; position: absolute; left: -26px; top: -30px; z-index: 2; transition: all 0.5s ease-in-out; -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.5; }
.hmc6aBox:hover .squerAni { -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; }
.squerAni img { position: absolute; left: 0; top: 0; transform: scale(1)!important }
.squerAni img:nth-child(1) { animation: squerAi 0.8s linear infinite; }
.squerAni img:nth-child(2) { animation: squerAi 0.75s linear infinite; }
.squerAni img:nth-child(3) { animation: squerAi 0.65s linear infinite; }
.hmc6Ades span { font-size: 14px; line-height: 38px; text-align: center; display: inline-block; height: 40px; width: 134px; border: 1px solid #969696; border-radius: 1.8em; transition: all 0.5s ease-in-out; color: #888; }
.hmc6aBox:hover .hmc6Ades span { color: #FFF; border: 1px solid #FFF; }
.hmc6tm { color: #FFF; display: inline-block; position: absolute; left: 2.29vw; font: bold 16px/24px din; top: 2.31vh; text-align: center; z-index: 5; color: #fff; }
.hmc6tm strong { font-size: 48px; line-height: 44px; display: block; }
 @media (max-width:1799px) {
.hmc6Con { max-width: 1230px; }
.hmc6Ades strong { font-size: 2.25vh; height: 6.15vh; line-height: 3.07vh; }
.hmc6Ades span { font-size: 12px; line-height: 30px; height: 30px; width: 104px; }
.hmNews_tbox strong { font-size: 26px; line-height: 36px; }
.hmNews_tbox p { font: 26px/38px din; }
.hmc6aBox:before { height: 5.55vh; width: 5.55vh; left: -2.4vh; top: -2.77vh; background-size: cover; }
.hmc6tm { font: bold 14px/22px din; }
.hmc6tm strong { font-size: 32px; line-height: 36px; }
.hmNews_tbox { top: -5px; }
}
 @media (max-width:993px) {
.hmc6Ades strong { font-size: 14px; line-height: 22px; overflow: hidden; height: 44px; margin-bottom: 15px; display: block }
.hmc9slickSmlb { display: none; }
.hmTm_tbox { top: -30px; width: 100%; text-align: center; }
.hmc9slickSml { z-index: 10; }
.hmc9slick1 { opacity: 0; }
}
 @media (max-width:767px) {
.hmc6Ades p { display: none; }
.hmNews_tbox { position: static; text-align: center; width: 100%; margin-bottom: 10px; }
.hmNews_tbox strong { font-size: 24px; }
.hmNews_tbox p { font-size: 18px; line-height: 28px; }
.hmc6Ades { left: 0; }
.hmc6aBox .overflowHide { height: 250px; }
.hmc6aBox { height: auto; }
.hmc6Ades { height: 48px; line-height: 48px; overflow: hidden; padding-top: 0; text-align: center }
.hmc6Ades strong { height: 48px; line-height: 48px; overflow: hidden; }
.hmc6swiper .swiper-container { padding-bottom: 40px; }
.hmc6Con { height: auto; padding-bottom: 50px; }
.hmNews_tbox { padding-top: 20px; margin-bottom: 15px }
.hmc6swiper .swiper-pagination-bullet-active { background: #ee2d26; }
.hmc6aBox .hmc6Ades { background: #fa1b24; color: #fff; }
.hmc6aBox { margin-right: 20px; }
}
.hmPage3 { background: #000; position: relative; z-index: 3; }
.hmc3slick, .hmc3item, .hmc3item ul { height: 100vh; width: 100vw; }
.hmc3slick { position: relative; }
.hmc3item { opacity: 0; position: absolute; left: 0; top: 0; transition: all 0.5s ease-in-out; }
.hmc3item.on { opacity: 1; z-index: 5 }
.hmc3item ul li { float: left; height: 33.333vh; width: 33.333vw; position: relative; display: block }
.hmc3aBox { height: 33.333vh; width: 33.333vw; position: relative; display: block }
.hmc3aBox .overflowHide { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.hmc3aBox2 { cursor: default; }
.hmc3aBox .overflowHide:after { content: ""; transition: all 0.5s ease-in-out; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.7); }
.hmc3aBox .bgImg { -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 1; }
.hmc3aBox:hover .bgImg { -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; }
.hmc3aBox2 .bgImg { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.hmc3aBox:hover .overflowHide:after { background: rgba(0,0,0,0.5); }
.hmc3aBox2:hover .overflowHide:after { background: rgba(0,0,0,0.7); }
.hmc3Bor { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; transition: all 0.5s ease-in-out; opacity: 0 }
.hmc3Bor i { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; }
.hmc3Bor:before { content: ""; height: 30px; width: 30px; border-top: 2px solid #FF0000; border-left: 2px solid #FF0000; position: absolute; left: 0px; top: 0px; }
.hmc3Bor:after { content: ""; height: 30px; width: 30px; border-bottom: 2px solid #FF0000; border-left: 2px solid #FF0000; position: absolute; bottom: 0px; left: 0px; }
.hmc3Bor i:before { content: ""; height: 30px; width: 30px; border-top: 2px solid #FF0000; border-right: 2px solid #FF0000; position: absolute; right: 0px; top: 0px; }
.hmc3Bor i:after { content: ""; height: 30px; width: 30px; border-bottom: 2px solid #FF0000; border-right: 2px solid #FF0000; position: absolute; bottom: 0px; right: 0px; }
.hmc3aBox:hover .hmc3Bor { opacity: 1!important; }
.hmc3nm { font-size: 24px; color: #faf7f7; line-height: 42px; position: absolute; top: 50%; margin-top: -21px; left: 15px; right: 15px; text-align: center; overflow: hidden; z-index: 5; transition: all 0.5s ease-in-out; opacity: 0 }
.hmc3nm span { background-color: #FFF; height: 42px; width: 42px; display: inline-block; border-radius: 50%; position: relative; background-position: center center; background-repeat: no-repeat; margin-right: 16px; overflow: hidden; }
.hmc3nm span, .hmc3nm text { vertical-align: middle; }
.hmc3aBox:hover .hmc3nm { opacity: 1; }
.hmPage3 .hmc6more { bottom: 10.12vh }
.hmPage3 .hmc6more p { color: #faf7f7; font-size: 16px; }
.hmc3Tcenter { width: 33.33vw; position: absolute; left: 50%; margin-left: -16.66vw; top: 50%; transform: translateY(-50%); z-index: 8; }
.hmc3Tnm { text-align: center; }
.hmc3Tnm strong { font-size: 30px; line-height: 44px; font-weight: normal; color: #fff; }
.hmc3Tnm p { font: 36px/44px din; color: #fa1b24; text-transform: uppercase; }
.hmc3cnm { font-size: 16px; color: #ffffff; line-height: 22px; margin-top: 20px; text-align: center }
.hmc3cnm span { display: none; }
.hmc3cnm span.on { display: block; }
.hmc3Round { width: 140px; height: 140px; margin: 0 auto; background: rgba(255,255,255,0.2); border-radius: 50%; margin-top: -10px; position: relative }
.hmc3Lg { background: #FFF url(img/hmc3_lg.png) no-repeat center center; height: 44px; width: 44px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; background-size: 68% auto; }
.hmc3RunLine { height: 100px; width: 100px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border: 1px solid #9C9C9C; border-radius: 50%; }
.hmc3RunLine span { width: 9px; height: 9px; background: rgba(255,255,255,0.5); border-radius: 50%; display: inline-block; position: absolute; cursor: pointer }
.hmc3RunLine span.on { background: #fa1b24; }
.hmc3RunLine span:nth-child(1) { left: 45px; top: -4px; }
.hmc3RunLine span:nth-child(2) { right: 0px; top: 24px; }
.hmc3RunLine span:nth-child(3) { right: 11px; bottom: 8px; }
.hmc3RunLine span:nth-child(4) { left: 11px; bottom: 8px; }
.hmc3RunLine span:nth-child(5) { left: 0px; top: 24px; }
.pagenation { width: 90px; height: 90px; position: relative; display: block; margin: 30px auto 0 }
.pagenation:before { content: ""; width: 130px; height: 130px; background: rgba(255,255,255,0.2); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; }
.pagenation-link { position: absolute; z-index: 5; width: 100%; height: 100%; left: 0; top: 0 }
.pagenation-link a { display: inline-block; height: 7px; width: 7px; position: absolute; left: 42px; top: 4px; background: rgba(255,255,255,0.7); border-radius: 50%; }
.pagenation-link a.p1 { left: 42px; top: 4px; }
.pagenation-link a.p2 { left: 79px; top: 34px; }
.pagenation-link a.p3 { left: 63px; top: 73px; }
.pagenation-link a.p4 { left: 21px; top: 73px; }
.pagenation-link a.p5 { left: 4px; top: 34px; }
.pagenation-link a span { display: none; }
.pagenation-link a.active { background: #fa1b24!important; }
.pagenation-link a span { font-size: 16px; line-height: 20px; color: #FFF; white-space: nowrap; display: inline-block; position: absolute; transition: all 0.5s ease-in-out; opacity: 0 }
.pagenation-link a.p1 span { left: 50%; transform: translateX(-50%); top: -28px; }
.pagenation-link a.p2 span { left: 12px; top: -8px; }
.pagenation-link a.p3 span { left: 16px; top: -6px; }
.pagenation-link a.p4 span { right: 18px; top: -6px; }
.pagenation-link a.p5 span { right: 12px; top: -8px; }
.pagenation-link a.on span { opacity: 1!important; }
 @media (max-width:1799px) {
.hmc3nm { font-size: 20px; }
.hmc3Tcenter { padding-top: 0px; margin-top: -8px; }
.hmc3Tnm strong { font-size: 26px; }
.hmc3Tnm p { font-size: 24px; line-height: 26px; }
.hmc3Round { transform: scale(0.8); transform-origin: center top; }
.hmc3cnm { font-size: 16px; margin-top: 5px; }
.pagenation { transform: scale(0.9); transform-origin: center top; }
}
 @media (max-width:993px) {
.hmc3nm { font-size: 16px; }
}
 @media (max-width:767px) {
.hmc3item ul li:nth-child(1), .hmc3item ul li:nth-child(2), .hmc3item ul li:nth-child(6), .hmc3item ul li:nth-child(7) { display: none; }
.hmc3item ul li:nth-child(5) { width: 100%; }
.hmc3aBox { width: 100%; }
.hmc3item ul li:nth-child(5) .hmc3aBox { width: 100%; }
.hmc3item ul li:nth-child(3), .hmc3item ul li:nth-child(4) { width: 100%; }
.hmc3item ul li:nth-child(8), .hmc3item ul li:nth-child(9) { display: none; }
.hmc3Tcenter { width: 100vw; margin-left: 0; top: auto; bottom:30px; left: 0; transform: translate(0, 0)!important; }
.hmc3Tnm strong { font-size: 22px; }
.hmc3Tnm p { font-size: 18px; line-height: 22px; }
.pagenation { position: absolute; right: 65px; top: 10px; transform: scale(0.8); }
.hmc3Tnm { text-align: left; padding-left: 20px; padding-top: 5.2vh; }
.hmc3aBox .hmc3nm { opacity: 1; left: 15px; text-align: center; top: 20px; margin-top: 0 }
.hmc3nm span { display: none; }
.hmc3aBox .bgImg { -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; }
.hmc3aBox .overflowHide:after { background: rgba(0,0,0,0.5); }
.hmc3aBox2 .overflowHide:after { background: rgba(0,0,0,0.7); }
.hmc3slick, .hmc3item, .hmc3item ul{height:calc(100vh - 56px);}
.hmPage3 {padding-top:28px;}
.hmPage3 .hmc6more{bottom:192px;}
}

@charset "utf-8";
/* CSS Document */
.nybg{height:220px;}
.zsmbt1{line-height:55px; text-align:center; font-size:20px;}
.zsmbt2{line-height:44px; text-align:center; font-size:32px;}
.zsmbtfg{padding-top:40px; padding-bottom:20px;}
.sjzsmdw{padding:44px 10px;}
.sjzsmtp{width:20%; padding-left:3%;}
.sjzsmnr{padding-left:6%; padding-right:6%;}
.zsmxbt{font-size:18px; font-weight:bold; line-height:30px;}
.zsmnr{}
.bgmark{background:url(img/mark.jpg) no-repeat center top; background-size:cover;background-attachment: fixed;}
.bgmark2{padding:70px 0; background:url(img/mark2.jpg) no-repeat center top; background-size:cover;background-attachment: fixed;}
.bgyx1{background:url(img/bgyx1.png); padding:0 23px; height:320px;}
.bgyx2{background:url(img/bgyx2.png); padding:0 23px; height:320px;}
.bgyxfg{height:55px;}
.bgyxfg2{height:23px;}
.nyyxbt{font-size:18px; font-weight:bold; line-height:31px;}
.nyyxnr{}
@media (min-width: 768px) {
	.nybg{height:418px;}
	.nrzsm{padding-top:60px; padding-bottom:30px; position:relative;cursor:pointer;}
	
	.zsmtbfg{height:25px;}
	.zsmxbt{font-size:18px; font-weight:bold; line-height:30px;}
	.zsmnr{width:353px; font-size: 14px;min-height: 95px;}
	.serBoxOn {display:none; width:100%; height:100%; background:url(img/serboxon_bg.png) repeat 0px 0px; position:absolute; left:0px; top:0px; z-index:1;}
	.zindex99{z-index:99;}
	.bgmark{padding:90px 0; background:url(img/mark.jpg) no-repeat center top; background-size:cover;background-attachment: fixed;}
	.sjzsmdw{padding:44px 70px;}
}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}

.sjxs {
  display: none;
}
.kuan100 {
  margin-left: -15px;
  margin-right: -15px;
}
@media (min-width:767px){
.hmc2Lx { transition: all 0.8s ease-in-out; transform: translate(-250px, 0px); opacity: 100; }
.active .hmc2Lx { opacity: 1; transform: translate(0px, 0px); transition-delay: 0.3s; }
.hmc2Rx { transition: all 0.8s ease-in-out; transform: translate(250px, 0px); opacity: 100; }
.active .hmc2Rx { opacity: 1; transform: translate(0px, 0px); transition-delay: 0.3s; }
.hmc3Tcenter { transition: all 0.8s ease-in-out; transform: translate(0px, -100%); opacity: 100; }
.active .hmc3Tcenter { opacity: 1; transform: translate(0px, -50%); transition-delay: 0.3s; }
.hmc6more { transition: all 0.8s ease-in-out; transform: translate(0px, 100%); opacity: 100; }
.active .hmc6more { opacity: 1; transform: translate(0px, 0%); transition-delay: 0.3s; }
.hmc4Tnm { transition: all 0.8s ease-in-out; transform: translate(0px, 0px); opacity: 100; }
.active .hmc4Tnm { opacity: 1; transform: translate(0px, 0px); transition-delay: 0.3s; }
.hmc4Tnm_en { transition: all 0.8s ease-in-out; transform: translate(-150px, 0px); opacity: 100; }
.active .hmc4Tnm_en { opacity: 1; transform: translate(0px, 0px); transition-delay: 0.4s; }
.hmc4Itms { transition: all 0.8s ease-in-out; transform: translate(0px, 100px); opacity: 100; }
.active .hmc4Itms { opacity: 1; transform: translate(0px, 0px); transition-delay: 0.6s; }
.hmc4BtnWpr { transition: all 0.8s ease-in-out; transform: translate(0px, 100px); opacity: 100; }
.active .hmc4BtnWpr { opacity: 1; transform: translate(0px, 0px); transition-delay: 0.6s; }
.hmc5Tbox strong { transition: all 0.8s ease-in-out; transform: translate(150px, 0px); opacity: 100; }
.active .hmc5Tbox strong { opacity: 1; transform: translate(0px, 0px); transition-delay: 0.3s; }
.hmc5Tbox p { transition: all 0.8s ease-in-out; transform: translate(-150px, 0px); opacity: 100; }
.active .hmc5Tbox p { opacity: 1; transform: translate(0px, 0px); transition-delay: 0.4s; }
.hmc5ul li { transition: all 0.8s ease-in-out; transform: translate(150px, 0px); opacity: 100; }
.active .hmc5ul li { opacity: 1; transform: translate(0px, 0px); transition-delay: 0.5s; }
.hmc5ul li:nth-child(2n) { transform: translate(-150px, 0px); }
.active .hmc5ul li:nth-child(2n) { transform: translate(0px, 0px); }
.hmc5Btns { transition: all 0.8s ease-in-out; transform: translate(0px, 100%); opacity: 100; }
.active .hmc5Btns, .active2 .hmc5Btns { opacity: 1; transform: translate(0px, 0%); transition-delay: 0.7s; }
.hmNews_tbox { transition: all 0.8s ease-in-out; transform: translate(150px, 0px); opacity: 100; }
.active .hmNews_tbox { opacity: 1; transform: translate(0px, 0px); transition-delay: 0.3s; }
.hmc6ul li { transition: all 0.8s ease-in-out; transform: translate(0px, 150px); opacity: 100; }
.active .hmc6ul li { opacity: 1; transform: translate(0px, 0px); transition-delay: 0.5s; }
.hmc6ul li:nth-child(2n) { transform: translate(0px, -150px); }
.active .hmc6ul li:nth-child(2n) { transform: translate(0px, 0px); transition-delay: 0.7s; }
.hmTm_tbox { transition: all 0.8s ease-in-out; transform: translate(150px, 0px); opacity: 100; }
.active .hmTm_tbox, .active2 .hmTm_tbox { opacity: 1; transform: translate(0px, 0px); transition-delay: 0.3s; }
.hmc9slickSml { transition: all 0.8s ease-in-out; transform: translate(0px, 150px); opacity: 100; }
.active .hmc9slickSml, .active2 .hmc9slickSml { opacity: 1; transform: translate(0px, 0px); transition-delay: 0.4s; }
.hmc9slickBig { transition: all 0.3s ease-in-out; transform: translate(0px, -50px); opacity: 100; }
.active .hmc9slickBig, .active2 .hmc9slickBig { opacity: 1; transform: translate(0px, 0px); transition-delay: 0.3s; }
}

.hmc5ScrBox { max-width: 1580px; margin: 40px auto; height: 552px; }
.hmc5ScrBox ul li { overflow: hidden; height: 135px; }
.hmc5ScrBox ul li dl { overflow: hidden; }
.hmc5ScrBox ul li dl dd { width: 20%; float: left; padding: 10px; }
 @media (max-width:1799px) {
.hmc5ScrBox { max-width: 1200px; margin: 30px auto; height: 382px; }
.hmc5ScrBox ul li { height: 95px; }
}
 @media (max-width:1379px) {
.hmc5ScrBox { height: 322px; }
.hmc5ScrBox ul li { height: 85px; }
}
 @media (max-width:767px) {
.hmc5ScrBox { height: 235px; }
.str_wrap { width: auto; margin-left: 15px; margin-right: 15px; }
.hmc5ScrBox ul li dl dd { width: 33.33%; }
.hmc5ScrBox ul li dl dd:nth-child(4), .hmc5ScrBox ul li dl dd:nth-child(5) { display: none; }
.m2hzLay { display: none!important; }
.m2hz_sBox img { max-width: 80px!important; height: auto; }
.hmc5Tbox strong { font-size: 24px; }
.hmc5Tbox p { font-size: 18px; }
.hmc2more { line-height: 50px; height: 50px; }
}
/*2019-10-23 CSS*/

.nhmc3_logo { text-align: center; }
.nhmc3_abtn { display: inline-block; text-align: center; color: #fff; font-size: 16px; text-align: center; margin: 0 1.09vw; position: relative; }
.nhmc3_abtn p { line-height: 24px; margin-top: 12px; }
.nhmc3icon { display: block; position: relative; width: 36px; height: 36px; margin: 0 auto }
.nhmc3icon img { transition: all 0.5s ease-in-out; position: absolute; left: 0; top: 0 }
.nhmc3_items { text-align: center; margin-top: 5.48vh }
.nhmc3_abtn:hover, .nhmc3_abtn.on { color: #fa1b24; }
.nhmc3_abtn:hover .nhmc3icon img, .nhmc3_abtn.on .nhmc3icon img { opacity: 0; }
.nhmc3_abtn:hover .nhmc3icon img.iOpacity, .nhmc3_abtn.on .nhmc3icon img.iOpacity { opacity: 1; }
.nhmc3_abtn:after { content: ""; height: 1px; border-bottom: 1px dashed #8C8C8C; width: 1.45vw; right: -1.97vw; top: 43px; position: absolute; }
.nhmc3_items .nhmc3_abtn:first-child:before { content: ""; height: 1px; border-bottom: 1px dashed #8C8C8C; width: 1.45vw; left: -1.97vw; top: 43px; position: absolute; }
.nhmc3slick .hmc3item { opacity: 1; }
 @media (max-width:1799px) {
.nhmc3_abtn { font-size: 14px; }
.nhmc3_logo img { height: 48px; width: auto; }
.nhmc3_items { margin-top: 4vh; }
}
 @media (max-width:1379px) {
.nhmc3_abtn { font-size: 13px; }
}
 @media (max-width:1199px) {
.nhmc3_abtn { font-size: 12px; margin: 0 0.7vw; }
}
 @media (max-width:993px) {
.nhmc3_abtn:after, .nhmc3_abtn:before { display: none; }
.nhmc3_abtn { margin: 0 2vw; margin-bottom: 1.5vh }
.nhmc3_items { margin-top: 2vh; }
}
 @media (max-width:767px) {
.nhmc3_logo { display: none; }
.nhmc3_items { margin-top: 0; padding-top: 5vh; }
.nhmc3_abtn { font-size: 13px; }
.hmPage4:before {background-size: 150% 100vh;}
}

@media (max-width:767px){
#hmDoc{display:none!important;}
.sjxs {
  display: black;
}
.hmc3item ul li:nth-child(1){display:block; width:100%}
.hmPage3{padding-top:0;}
.phoneBody .hmPage2{ height:auto;}
.phoneBody .hmc2Rx{height:auto; float:none; margin-top:0}
.phoneBody .hmc2aBox{height:185px;}
.hmc3item ul li,.hmc3aBox{height:210px;}
.hmc3slick, .hmc3item, .hmc3item ul{height:auto; overflow:hidden;}
.hmc3aBox .hmc3nm{top:50%; transform:translateY(-50%);}
.hmc4Tnm,.hmc4Tnm_en,.hmc4Itms{position:relative;}
.hmPage4{padding-top:60px; height:auto; padding-bottom:60px; position:relative; z-index:8;}
.hmc4Itms li{height:150px;}
.hmPage5{padding-top:20px; padding-bottom:62px;}
.hmc5ScrBox{height:320px;}
.hmPage6 {padding-top:20px; padding-bottom:76px;}
.hmc6aBox .overflowHide{height:410px;}
.hmPage7 {padding-top:20px; padding-bottom:96px;}
}

/*iphone X*/
@media (max-width:767px) and (min-height:720px){
.hmBan3TxtImg{width:320px;}
.hmBanTxtImg{width:320px; left:0;}
.hmBan2TxtImg{width:320px; left:52px; margin-top:-80px}
.hmBan2_imgs{width:300px;}
}

.ShowTheMarket {
  padding: 10px 0; }
  .ShowTheMarket .IndexCommonTitleH1Style {
    text-align: center;
    display:none;
    letter-spacing: 5px; }
  .ShowTheMarket .titleDesc {
    margin-top: 24px;
    line-height: 2;
    font-size: 20px;
    color: #414141;
    text-align: center;
   /* font-family: 'Alibaba PuHuiTi Light';
    font-family: 'Microsoft YaHei Light'; */
        line-height: 1.5;
    
    color: #333;
    font-weight: bold;

}
    .ShowTheMarket .titleDesc span {
      font-family: 'Alibaba PuHuiTi Medium';
      font-family: 'Microsoft YaHei Bold';
      font-weight: bold; }
  .ShowTheMarket .img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 75px;
    margin-bottom: 40px; }
  .ShowTheMarket ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .ShowTheMarket ul li {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      padding-left: 40px; }
      .ShowTheMarket ul li .title span {
        font-size: 22px;
        color: #a6a6a6;
        padding: 15px 0;
        display: block; }
        .ShowTheMarket ul li .title h2{
             font-size: 22px;
        color: #a6a6a6;
        padding: 15px 0;
        display: block; 
        }
        .ShowTheMarket ul li .list h3{
            font-weight:normal;
        }
      .ShowTheMarket ul li .list a {
        font-size: 16px;
        color: #a6a6a6;
        display: block;
        padding: 2px 0; }

@media (max-width: 991px) {
  .ShowTheMarket ul li {
    padding: 0 10px;
    text-align: center; }
  .ShowTheMarket ul li .title a {
    font-size: 18px; } }

@media (max-width: 767px) {
  .ShowTheMarket ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
    .ShowTheMarket ul li {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      .ShowTheMarket ul li .wrapper .list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: wrap;
            -ms-flex-flow: wrap;
                flex-flow: wrap; }
  .ShowTheMarket ul li .title a {
    text-align: left; }
  .ShowTheMarket ul li .iconimg {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 20px; }
  .ShowTheMarket ul li .title a {
    padding: 0; }
  .ShowTheMarket .wrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 0; }
  .ShowTheMarket ul li .title {
    margin-bottom: 5px; }
  .ShowTheMarket ul li {
    margin-bottom: 20px; } }

@media (max-width: 767px) {
  .ShowTheMarket {
    padding: 30px 0; }
  .ShowTheMarket .titleDesc {
    font-size: 16px; }
  .ShowTheMarket .img {
    margin-top: 20px;
    margin-bottom: 20px; }
  .ShowTheMarket ul li .title a {
    font-size: 16px; }
  .ShowTheMarket ul li .wrapper .list {
    font-size: 14px; }
  .ShowTheMarket ul li .title a {
    font-weight: bold; } }

@media (max-width:575px){
  .ShowTheMarket ul{
  	display:none;
  }
  .ShowTheMarket .titleDesc i{
  	display:none;
  }
  
  .ShowTheMarket .img img{
  	width:130px;
    height:130px;
  }
  
}

.BrandDesignCase {
  margin-bottom: 135px; }
  @media (min-width: 1500px) {
    .BrandDesignCase .container {
      max-width: 1440px; } }
  .BrandDesignCase .top {
    padding: 0 10px;
    margin-bottom: 50px; }
    .BrandDesignCase .top .tab {
      margin-top: 10px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-flex-flow: wrap;
          -ms-flex-flow: wrap;
              flex-flow: wrap; }
      .BrandDesignCase .top .tab .list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: wrap;
            -ms-flex-flow: wrap;
                flex-flow: wrap; }
        .BrandDesignCase .top .tab .list span:last-child {
          display: none; }
        .BrandDesignCase .top .tab .list a {
          font-size: 20px;
          -webkit-transition: 0.5s ease all;
          transition: 0.5s ease all;
          color: #666666;
          padding: 0 12px;
          position: relative; }
          .BrandDesignCase .top .tab .list a:hover {
            color: #d11a2d; }
          .BrandDesignCase .top .tab .list a:first-child {
            padding-left: 0; }
      .BrandDesignCase .top .tab .more {
        margin-left: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center; }
        .BrandDesignCase .top .tab .more a {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          font-size: 20px;
          color: #666666;
          font-family: 'SegoeUI_SemilightItalic';
          -webkit-transition: 0.5s ease all;
          transition: 0.5s ease all; }
          .BrandDesignCase .top .tab .more a:hover {
            color: #d11a2d; }
  .BrandDesignCase .content ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .BrandDesignCase .content ul .parent {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: wrap;
          -ms-flex-flow: wrap;
              flex-flow: wrap;
      width: 50%; }
      .BrandDesignCase .content ul .parent li {
        padding: 0 10px;
        margin-bottom: 20px; }
    .BrandDesignCase .content ul li a {
      display: block; }
      .BrandDesignCase .content ul li a:hover .img .content {
        opacity: 1; }
      .BrandDesignCase .content ul li a .img {
        position: relative; }
        .BrandDesignCase .content ul li a .img .content {
          opacity: 0;

          -webkit-transition: 0.5s ease all;
          transition: 0.5s ease all;
          position: absolute;
          width: 100%;
          height: 100%;
          background: #d11a2d;
          top: 0;
          left: 0;
          color: #fff; }
          .BrandDesignCase .content ul li a .img .content .flex {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            height: 100%;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-pack: start;
            -webkit-justify-content: flex-start;
                -ms-flex-pack: start;
                    justify-content: flex-start;
            min-width: 0;
            padding: 10%; }
            .BrandDesignCase .content ul li a .img .content .flex .title {
              font-size: 32px;
              line-height: 1.3;
              display: -webkit-box;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical;
              overflow: hidden; }
            .BrandDesignCase .content ul li a .img .content .flex .position {
              font-size: 16px;
              margin-top: 20px;
              margin-bottom: 30px;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap; }
            .BrandDesignCase .content ul li a .img .content .flex .desc {
              font-size: 16px;
              line-height: 2;
              display: -webkit-box;
              -webkit-line-clamp: 4;
              -webkit-box-orient: vertical;
              overflow: hidden; }
            .BrandDesignCase .content ul li a .img .content .flex .iconimg {
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: end;
              -webkit-justify-content: flex-end;
                  -ms-flex-pack: end;
                      justify-content: flex-end;
              margin-top: 30px; }
  @media (min-width: 1500px) {
    .BrandDesignCase:nth-of-type(2n+0) .content ul .parent li .img img {
      width: 100%;
      height: 100%;
      display: block; }
    .BrandDesignCase:nth-of-type(2n+0) .content ul .parent:nth-of-type(1) li:nth-of-type(1) .img, .BrandDesignCase:nth-of-type(2n+0) .content ul .parent:nth-of-type(1) li:nth-of-type(2) .img {
      width: 340px;
      height: 340px; }
    .BrandDesignCase:nth-of-type(2n+0) .content ul .parent:nth-of-type(1) li:nth-of-type(3) .img {
      width: 700px;
      height: 700px; }
    .BrandDesignCase:nth-of-type(2n+0) .content ul .parent:nth-of-type(2) li:nth-of-type(1) .img {
      width: 700px;
      height: 700px; }
    .BrandDesignCase:nth-of-type(2n+0) .content ul .parent:nth-of-type(2) li:nth-of-type(2) .img, .BrandDesignCase:nth-of-type(2n+0) .content ul .parent:nth-of-type(2) li:nth-of-type(3) .img {
      width: 340px;
      height: 340px; }
    .BrandDesignCase .content ul .parent li .img img {
      width: 100%;
      height: 100%;
      display: block; }
    .BrandDesignCase .content ul .parent:nth-of-type(2) li:nth-of-type(1) .img, .BrandDesignCase .content ul .parent:nth-of-type(2) li:nth-of-type(2) .img {
      width: 340px;
      height: 340px; }
    .BrandDesignCase .content ul .parent:nth-of-type(2) li:nth-of-type(3) .img {
      width: 700px;
      height: 700px; }
    .BrandDesignCase .content ul .parent:nth-of-type(1) li:nth-of-type(1) .img {
      width: 700px;
      height: 700px; }
    .BrandDesignCase .content ul .parent:nth-of-type(1) li:nth-of-type(2) .img, .BrandDesignCase .content ul .parent:nth-of-type(1) li:nth-of-type(3) .img {
      width: 340px;
      height: 340px; } }

@media (max-width: 1499px) {
  .BrandDesignCase .content ul .parent {
    width: 100%; }
  .BrandDesignCase .content ul {
    -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
            flex-flow: wrap; }
  .BrandDesignCase .content ul .parent li {
    width: 33.333333333333336%; }
  .BrandDesignCase .content ul li a .img > img {
    width: 100%; } }

@media (max-width: 991px) {
  .BrandDesignCase .content ul li a .img .content .flex {
    padding: 20px; }
  .BrandDesignCase .content ul li a .img .content .flex .title {
    font-size: 16px; }
  .BrandDesignCase .content ul li a .img .content .flex .position {
    margin: 10px 0; }
  .BrandDesignCase .content ul li a .img .content .flex .desc {
    font-size: 12px; }
  .BrandDesignCase .content ul li a .img .content .flex .iconimg {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 20px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .BrandDesignCase .content ul li a .img .content .flex .iconimg img {
      width: 30px; }
  .BrandDesignCase .content ul li a .img .content .flex .desc {
    -webkit-line-clamp: 2; } }

@media (max-width: 767px) {
  .BrandDesignCase .top .tab .more {
    margin-left: 0;
    margin-top: 5px; }
  .BrandDesignCase {
    margin-bottom: 30px; }
  .BrandDesignCase .content ul li a .img .content .flex .iconimg {
    display: none; }
  .BrandDesignCase .content ul li a .img .content .flex .title {
    font-size: 14px; }
  .BrandDesignCase .top {
    margin-bottom: 20px; } }

@media (max-width: 575px) {
  .BrandDesignCase .top .tab .more {
    width: 100%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .BrandDesignCase .top .tab .list a {
    font-size: 14px; }
  .BrandDesignCase .top .tab .more a {
    font-size: 14px; }
  .BrandDesignCase .content ul li a .img .content .flex {
    padding: 10px; }
  .BrandDesignCase .content ul li a .img .content {
    opacity: 0;
    background: rgba(209, 26, 45, 0.5); }
  .BrandDesignCase .content ul li a .img .content{
  	
  }
  .BrandDesignCase .content ul .parent li {
    padding: 0 5px;
    margin-bottom: 10px; }
  .BrandDesignCase .top {
    margin-bottom: 10px; }
  .BrandDesignCase .content ul .parent li {
    width: 50%; }
  .BrandDesignCase .top {
    padding-left: 0;
    padding-right: 0; }
  .BrandDesignCase .content ul li {
    width: 50%;
    padding-right: 5px;
    margin-bottom: 10px; }
    .BrandDesignCase .content ul li:nth-of-type(2n+0) {
      padding-right: 0;
      padding-left: 5px; }
  .BrandDesignCase .top .tab .list a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-left: 0;
    padding-right: 0;
   
    margin-bottom: 10px; }
  .BrandDesignCase .top .tab .list span {
    margin-right: 10px;
    margin-left: 10px; }
  .BrandDesignCase .top .tab .list span {
    
        margin-bottom: 10px;
        display: flex;
    align-items: center;
        padding-bottom: 3px;
    
    }
  .BrandDesignCase .top .tab .more {
    margin-top: 0; }

  .BrandDesignCase .content ul li{
  	padding-left:5px;
    padding-right:0;
  }
  .BrandDesignCase .content ul li:nth-of-type(2n+0){
  	padding-left:0;
    padding-right:5px;
  }
  .BrandDesignCase .content ul li:nth-of-type(1), .BrandDesignCase .content ul li:last-child{
  		width:100%;
    	padding-right:0;
    padding-left:0;
  }
  
}

.CommercialDesignAgency {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .CommercialDesignAgency .swiper-container {
    display:flex;
    align-items:flex-end;
    width: 585px; }
    .CommercialDesignAgency .swiper-container .swiper-slide a {
      overflow: hidden;
      display: block; }
      .CommercialDesignAgency .swiper-container .swiper-slide a:hover img {
        -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
                transform: scale(1.1); }
      .CommercialDesignAgency .swiper-container .swiper-slide a img {
        -webkit-transition: 0.5s ease all;
        transition: 0.5s ease all; }
  .CommercialDesignAgency .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 0;
    padding: 0 95px; }
    .CommercialDesignAgency .content .IndexCommonTitleH1Style {
      padding-top: 100px;
      font-size: 40px; }
    .CommercialDesignAgency .content .title {
      font-size: 20px;
      color: #666666;
      margin-top: 30px;
      margin-bottom: 20px; }
    .CommercialDesignAgency .content .desc {
      font-size: 20px;
      color: #666666;
      width: 570px;
      line-height: 1.8; }
    .CommercialDesignAgency .content .more {
      margin-top: auto;
      margin-bottom: 20px; }
      .CommercialDesignAgency .content .more a {
        font-size: 20px;
        font-family: 'SegoeUI_SemilightItalic';
        -webkit-transition: 0.5s ease all;
        transition: 0.5s ease all;
        color: #666666; }
        .CommercialDesignAgency .content .more a:hover {
          color: #d11a2d; }
    .CommercialDesignAgency .content .list ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .CommercialDesignAgency .content .list ul li {
        -webkit-filter: grayscale(100%);
                filter: grayscale(100%);
        -webkit-filter: gray;
                filter: gray;
        -webkit-transition: 0.5s ease all;
        transition: 0.5s ease all;
        margin-right: 20px; }
        .CommercialDesignAgency .content .list ul li:last-child {
          margin-right: 0; }
        .CommercialDesignAgency .content .list ul li a {
          overflow: hidden;
          display: block; }
          .CommercialDesignAgency .content .list ul li a:hover img {
            -webkit-transform: scale(1.1);
                -ms-transform: scale(1.1);
                    transform: scale(1.1); }
          .CommercialDesignAgency .content .list ul li a img {
            -webkit-transition: 0.5s ease all;
            transition: 0.5s ease all; }
        .CommercialDesignAgency .content .list ul li.active {
          -webkit-filter: initial;
                  filter: initial;
          -webkit-filter: inherit;
                  filter: inherit; }

.CommercialDesignAgency .content .list{overflow:hidden;}

@media (max-width: 1599px) {
  .CommercialDesignAgency .content {
    padding: 0 40px; } }

@media (max-width: 1399px) {
  .CommercialDesignAgency .swiper-container {
    width: 500px; } }

@media (max-width: 1199px) {
  .CommercialDesignAgency .swiper-container {
    width: 400px; }
  .CommercialDesignAgency .content .desc {
    width: 100%;
    margin-bottom: 10px; }
  .CommercialDesignAgency .content .IndexCommonTitleH1Style {
    padding-top: 0; } }

@media (max-width: 991px) {
  .CommercialDesignAgency .swiper-container {
    width: 350px; } }

@media (max-width: 767px) {
  .CommercialDesignAgency .swiper-container {
    width: 300px; }
  .CommercialDesignAgency .content .title {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px; }
  .CommercialDesignAgency .content .list ul li {
    margin-right: 10px; } }

@media (max-width: 575px) {
  .CommercialDesignAgency .swiper-container {
    display: none; }
  .CommercialDesignAgency .content {
    padding: 0 10px; }
  .CommercialDesignAgency .content .list ul li {
    -webkit-filter: initial;
            filter: initial;
    -webkit-filter: inherit;
            filter: inherit; }
  .CommercialDesignAgency .content .more a {
    font-size: 14px; }
  .CommercialDesignAgency .content .more {
    margin-bottom: 10px; }
  .CommercialDesignAgency .content .IndexCommonTitleH1Style {
    font-size: 20px; }
  .CommercialDesignAgency .content .desc{
  	display:none;
  }
}

.Partners {
  margin-bottom: 100px; }
  .Partners.active {
    margin-top: 200px; }
  .Partners .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .Partners .text {
    width: 340px; }
    .Partners .text .title {
      font-size: 20px;
      color: #666666;
      margin-bottom: 20px;
      margin-top: 20px; }
    .Partners .text .desc {
      font-size: 14px;
      color: #666666; }
  .Partners .list {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-left: 110px;
    min-width: 0;
    margin-top: 85px;
    border-top: 1px solid #353233; }
    .Partners .list ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: wrap;
          -ms-flex-flow: wrap;
              flex-flow: wrap;
      padding-top: 30px; }

.Partners .list ul li, .WinningHonor .list ul li{
	    margin-right: 0;
    width: 25%;
    padding: 0 55px;
}

        .Partners .list ul li:nth-of-type(4n+0) {
          margin-right: 0; }
        .Partners .list ul li a {
          width: 100%;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          padding: 30px 0;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
              -ms-flex-direction: column;
                  flex-direction: column; }
          .Partners .list ul li a:hover .img img {
            -webkit-transform: scale(1.1);
                -ms-transform: scale(1.1);
                    transform: scale(1.1); }
          .Partners .list ul li a .img {
            overflow: hidden; }
            .Partners .list ul li a .img img {
              -webkit-transition: 0.5s ease all;
              transition: 0.5s ease all; }
  .Partners .more {
    width: 100%;
    -webkit-transition: 0.5s ease all;
    transition: 0.5s ease all;
    margin-top: 70px;
    text-align: right; }
    .Partners .more a {
      -webkit-transition: 0.5s ease all;
      transition: 0.5s ease all;
      color: #666666;
      font-size: 20px;
      font-family: 'SegoeUI_SemilightItalic'; }
      .Partners .more a:hover {
        color: #d11a2d; }
    @media (max-width: 575px) {
      .Partners .more a {
        font-size: 12px; } }

@media (max-width: 1499px) {
  .Partners .list ul li {
    margin-right: 0;
    padding: 0 10px;
    width: 25%; } }

@media (max-width: 1199px) {
  .Partners .list {
    margin-left: 40px; } }

@media (max-width: 991px) {
  .Partners .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .Partners .list {
    margin-left: 0;
    margin-top: 30px; }
  .Partners .more {
    text-align: center;
    margin-top: 30px; }
  .Partners .text {
    width: 100%; } }

@media (max-width: 767px) {
  .Partners.active {
    margin-top: 40px; }
  .Partners {
    margin-bottom: 40px; }
  .Partners .more {
    margin-top: 10px; }
  .Partners .text .title {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px; }
  .Partners .list ul {
    padding-top: 10px; }
  .Partners .list ul li a {
    padding: 20px 0; } }

@media (max-width: 575px) {
  .Partners .list ul li a {
    padding: 10px 0; }
  .Partners.active {
    margin-top: 30px; }
  .Partners {
    margin-bottom: 30px; }
  .Partners .text {
    width: 100%; }
  .Partners .list {
    margin-top: 20px; } 
  .Partners{
  	display:none;
  }
}

.WinningHonor {
  margin-bottom: 100px; }
  .WinningHonor.active {
    margin-top: 200px; }
  .WinningHonor .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .WinningHonor .text {
    width: 340px; }
    .WinningHonor .text .title {
      font-size: 20px;
      color: #666666;
      margin-bottom: 20px;
      margin-top: 20px; }
    .WinningHonor .text .desc {
      font-size: 14px;
      color: #666666; }
  .WinningHonor .list {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-left: 110px;
    min-width: 0;
    margin-top: 85px;
    border-top: 1px solid #353233; }
    .WinningHonor .list ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: wrap;
          -ms-flex-flow: wrap;
              flex-flow: wrap;
      padding-top: 30px; }
      .WinningHonor .list ul li {
        width: 25%;
        margin-bottom: 20px; }
        @media (max-width: 575px) {
          .WinningHonor .list ul li {
            margin-bottom: 0; } }
        .WinningHonor .list ul li a {
          width: 100%;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          padding: 30px 0;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
              -ms-flex-direction: column;
                  flex-direction: column; }
          .WinningHonor .list ul li a:hover .img img {
            -webkit-transform: scale(1.1);
                -ms-transform: scale(1.1);
                    transform: scale(1.1); }
          .WinningHonor .list ul li a .img {
            overflow: hidden; }
            .WinningHonor .list ul li a .img img {
              -webkit-transition: 0.5s ease all;
              transition: 0.5s ease all; }
          .WinningHonor .list ul li a .tit {
            text-align: center;
            font-size: 16px;
            color: #b3b3b3;
            margin-top: 20px; }
            @media (max-width: 575px) {
              .WinningHonor .list ul li a .tit {
                font-size: 12px; } }
  .WinningHonor .more {
    width: 100%;
    -webkit-transition: 0.5s ease all;
    transition: 0.5s ease all;
    margin-top: 70px;
    text-align: right; }
    .WinningHonor .more a {
      font-size: 20px;
      -webkit-transition: 0.5s ease all;
      transition: 0.5s ease all;
      color: #666666;
      font-family: 'SegoeUI_SemilightItalic'; }
      .WinningHonor .more a:hover {
        color: #d11a2d; }
    @media (max-width: 575px) {
      .WinningHonor .more a {
        font-size: 12px; } }

@media (max-width: 1499px) {
  .WinningHonor .list ul li {
    margin-right: 0;
    padding: 0 10px;
    width: 25%; } }

@media (max-width: 1199px) {
  .WinningHonor .list {
    margin-left: 40px; } }

@media (max-width: 991px) {
  .WinningHonor .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .WinningHonor .list {
    margin-left: 0;
    margin-top: 30px; }
  .WinningHonor .more {
    text-align: center;
    margin-top: 30px; }
  .WinningHonor .text {
    width: 100%; } }

@media (max-width: 767px) {
  .WinningHonor.active {
    margin-top: 40px; }
  .WinningHonor {
    margin-bottom: 40px; }
  .WinningHonor .more {
    margin-top: 10px; }
  .WinningHonor .text .title {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px; }
  .WinningHonor .list ul {
    padding-top: 10px; }
  .WinningHonor .list ul li a {
    padding: 20px 0; } }

@media (max-width: 575px) {
  .WinningHonor .list ul li a {
    padding: 10px 0; }
  .WinningHonor.active {
    margin-top: 30px; }
  .WinningHonor {
    margin-bottom: 30px; }
  .WinningHonor .text {
    width: 100%; }
  .WinningHonor .list {
    margin-top: 20px; } 
  .WinningHonor{
  	margin-top;30px;
  }

}

.ViewMarket {
  padding-top: 60px;
  padding-bottom: 120px; }
  @media (min-width: 1500px) {
    .ViewMarket .container {
      max-width: 1445px; } }
  .ViewMarket .top {
    padding: 0 12.5px; }
    .ViewMarket .top .desc {
      font-size: 20px;
      color: #666666;
      margin-bottom: 80px;
      margin-top: 30px; }
  .ViewMarket .list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .ViewMarket .list ul li {
      padding: 0 12.5px;
      width: 25%; }
      .ViewMarket .list ul li .img {
        overflow: hidden; }
        .ViewMarket .list ul li .img a:hover img {
          -webkit-transform: scale(1.1);
              -ms-transform: scale(1.1);
                  transform: scale(1.1); }
        .ViewMarket .list ul li .img a img {
          -webkit-transition: 0.5s ease all;
          transition: 0.5s ease all; }
      .ViewMarket .list ul li .text {
        padding: 0 30px;
        padding-bottom: 30px;
        padding-top: 20px;
        background: #e0e0e0; }
        .ViewMarket .list ul li .text .title {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center; }
          .ViewMarket .list ul li .text .title a {
            -webkit-transition: 0.5s ease all;
            transition: 0.5s ease all; }
            .ViewMarket .list ul li .text .title a:nth-of-type(1) {
              font-size: 30px;
              color: #666666;
              border-bottom: 3px solid #666666; }
              .ViewMarket .list ul li .text .title a:nth-of-type(1):hover {
                color: #c62d27;
                border-bottom: 3px solid #c62d27; }
            .ViewMarket .list ul li .text .title a:nth-of-type(2) {
              font-size: 14px;
              color: #666666;
              font-style:italic;
              font-family: 'SegoeUI_SemilightItalic'; }
              .ViewMarket .list ul li .text .title a:nth-of-type(2):hover {
                color: #d11a2d; }
        .ViewMarket .list ul li .text .con {
          margin-top: 30px; }
          .ViewMarket .list ul li .text .con a {
            display: block;
            font-size: 16px;
            color: #666666;
            margin-bottom: 10px;
            padding-left: 20px;
            position: relative;
            font-family: 'Alibaba PuHuiTi Light';
            font-family: 'Microsoft YaHei Light';
            -webkit-transition: 0.5s ease all;
            transition: 0.5s ease all;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            -webkit-box-align: center;
            -webkit-align-items: center;
                -ms-flex-align: center;
                    align-items: center; }
            .ViewMarket .list ul li .text .con a span {
              width: 100%;
              display: block; }
            .ViewMarket .list ul li .text .con a:hover {
              color: #d11a2d; }
              .ViewMarket .list ul li .text .con a:hover::after {
                border: 1px solid #d11a2d; }
            .ViewMarket .list ul li .text .con a::after {
              -webkit-transition: 0.5s ease all;
              transition: 0.5s ease all;
              position: absolute;
              width: 12px;
              height: 12px;
              border: 1px solid #848484;
              border-radius: 50%;
              content: '';
              left: 0;
              top: 0;
              bottom: 0;
              margin: auto; }

@media (max-width: 1199px) {
  .ViewMarket .list ul li .text .title a:nth-of-type(1) {
    font-size: 20px; } }

@media (max-width: 991px) {
  .ViewMarket .list ul {
    -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
            flex-flow: wrap; }
  .ViewMarket .list ul li {
    width: 50%;
    padding: 0 10px;
    margin-bottom: 20px; }
  .ViewMarket .top {
    padding: 0 10px; } }

@media (max-width: 767px) {
  .ViewMarket .top .desc {
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 14px; }
  .ViewMarket {
    padding-top: 30px;
    padding-bottom: 20px; } }

@media (max-width: 575px) {
  .ViewMarket{
  	display:none;
  }
  .ViewMarket .top {
    padding: 0; }
  .ViewMarket .list ul li {
    padding: 0;
    padding-right: 5px;
    margin-bottom: 10px; }
    .ViewMarket .list ul li:nth-of-type(2n+0) {
      padding-left: 5px;
      padding-right: 0; }
  .ViewMarket .list ul li .text .title a:nth-of-type(1) {
    font-size: 16px; }
  .ViewMarket .list ul li .text {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-top: 10px; }
  .ViewMarket .list ul li .text .con a {
    font-size: 14px; }
  .ViewMarket .list ul li .text .con {
    margin-top: 20px; }
  .ViewMarket .list ul li .text .con a::after {
    width: 6px;
    height: 6px; }
  .ViewMarket .list ul li .text .con a {
    padding-left: 10px; } }

.ContactUs .top .desc {
  font-size: 20px;
  color: #666666;
  margin-top: 20px;
  margin-bottom: 130px; }

.ContactUs .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .ContactUs .content .text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    .ContactUs .content .text ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: wrap;
          -ms-flex-flow: wrap;
              flex-flow: wrap;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .ContactUs .content .text ul li {
        margin-bottom: 60px;
        width: 270px; }
        .ContactUs .content .text ul li .title {
          font-size: 26px;
          color: #666666;
          font-weight: bold;
          margin-bottom: 30px; }
        .ContactUs .content .text ul li .desc {
          font-size: 16px;
          line-height: 1.8;
          color: #707070; }
          .ContactUs .content .text ul li .desc span {
            font-weight: bold;
            display: block; }
  .ContactUs .content .form {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-left: 130px; }
    .ContactUs .content .form .title, .ContactUs .content .form input {
      height: 50px;
      line-height: 50px;
      padding-left: 25px;
      width: 100%;
      margin-bottom: 30px; }
    .ContactUs .content .form textarea {
      height: 100px;
      border: 1px solid #d3d3d3;
      padding-left: 25px;
      font-size: 18px;
      color: #7a7a7a;
      width: 100%;
      padding-top: 15px;
      padding-bottom: 15px; }
    .ContactUs .content .form input {
      display: block;
      font-size: 18px;
      outline: none;
      color: #7a7a7a;
      border: 1px solid #d3d3d3; }
    .ContactUs .content .form .title {
      background: #d11a2d;
      font-size: 18px;
      color: #fff; }
    .ContactUs .content .form .styleblock {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin-top: 40px;
      cursor: pointer; }
      .ContactUs .content .form .styleblock .radio {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        width: 10px;
        height: 10px;
        background: none;
        z-index: -1; }
      .ContactUs .content .form .styleblock .radiochechbox {
        width: 15px;
        height: 15px;
        margin-top: 6px;
        border: 1px solid #333333;
        font-size: 12px;
        margin-right: 12px;
        cursor: pointer;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center; }
      .ContactUs .content .form .styleblock label {
        color: #333;
        font-size: 14px;
        cursor: pointer;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1;
        line-height: 2; }
.ContactUs .content .form .submit:hover{
	border:1px solid #d11a2d;
  background:#d11a2d;
  color:#fff;
}
    .ContactUs .content .form .submit {
      width: 138px;
      height: 42px;
      border: 1px solid #b9b9b9;
      border-radius: 5px;
      margin: 0 auto;
      margin-top: 30px;
      font-size: 16px;
      color: #b9b9b9;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      background: none;
      padding-left: 0;
      line-height: 42px; }

.ContactUs .content2 {
  margin-top: 170px;
  padding-bottom: 180px; }
  .ContactUs .content2 ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .ContactUs .content2 ul li {
      text-align: center;
      padding: 0 60px;
      width: 33.333333333333336%; }
      .ContactUs .content2 ul li .img {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
      .ContactUs .content2 ul li .title {
        font-size: 22px;
        color: #666666;
        font-weight: bold;
        margin-bottom: 50px;
        margin-top: 30px; }
      .ContactUs .content2 ul li .desc {
        font-size: 16px;
        color: #666666;
        line-height: 2; }
      .ContactUs .content2 ul li .more {
        margin-top: 100px; }
        .ContactUs .content2 ul li .more a {
          width: 133px;
          height: 36px;
          border: 2px solid #c03644;
          font-size: 16px;
          color: #585858;
          line-height: 32px;
          text-align: center;
          display: block;
          margin: 0 auto;
          -webkit-transition: 0.5s ease all;
          transition: 0.5s ease all; }
          .ContactUs .content2 ul li .more a:hover {
            background: #d11a2d;
            color: #fff; }

@media (max-width: 1499px) {
  .ContactUs .content .text ul li {
    width: 190px; } }

@media (max-width: 1199px) {
  .ContactUs .content .text ul li {
    width: 160px; } }

@media (max-width: 991px) {
  .ContactUs .content .form {
    -webkit-box-flex: inherit;
    -webkit-flex: inherit;
        -ms-flex: inherit;
            flex: inherit;
    -webkit-box-flex: initial;
    -webkit-flex: initial;
        -ms-flex: initial;
            flex: initial; }
  .ContactUs .content .form .title {
    font-size: 16px; }
  .ContactUs .content .form input {
    font-size: 16px; }
  .ContactUs .content .form textarea {
    font-size: 16px; }
  .ContactUs .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .ContactUs .content .text ul li {
    width: 33.333333333333336%;
    padding-right: 20px; }
  .ContactUs .content .form {
    padding-left: 0; }
  .ContactUs .content2 ul li {
    padding: 0 20px; } }

@media (max-width: 767px) {
  .ContactUs .content .text ul li .title {
    font-size: 16px;
    margin-bottom: 10px; }
  .ContactUs .content .text ul li .desc {
    font-size: 14px; }
  .ContactUs .content .text ul li {
    margin-bottom: 20px; }
  .ContactUs .top .desc {
    font-size: 14px;
    margin-bottom: 20px; }
  .ContactUs .content .form .title, .ContactUs .content .form input {
    height: 40px;
    line-height: 40px; }
  .ContactUs .content .form .title, .ContactUs .content .form input {
    margin-bottom: 10px;
    font-size: 14px; }
  .ContactUs .content .form .title, .ContactUs .content .form input {
    padding-left: 10px; }
  .ContactUs .content .form textarea {
    padding-left: 10px;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px; }
  .ContactUs .content .form .styleblock {
    margin-top: 10px; }
  .ContactUs .content .form .submit {
    width: 100px;
    margin-top: 10px; }
  .ContactUs .content2 {
    margin-top: 30px; }
  .ContactUs .content2 ul li .title {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px; }
  .ContactUs .content2 ul li .desc {
    font-size: 14px; }
  .ContactUs .content2 ul li .more {
    margin-top: 10px; }
  .ContactUs .content2 {
    padding-bottom: 30px; }
  .ContactUs .content2 ul li .more a {
    line-height: 33px; } }

@media (max-width: 575px) {
  .ContactUs .content2 ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
    .ContactUs .content2 ul li {
      padding: 0;
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      .ContactUs .content2 ul li .wrapper {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1;
        min-width: 0; }
  .ContactUs .content2 ul li {
    text-align: left; }
  .ContactUs .content2 ul li .img {
    margin-right: 20px; }
  .ContactUs .content2 ul li .more a {
    margin-left: 0; }
  .ContactUs .content2 ul li {
    padding: 10px 0; }
  .ContactUs .content2 ul li .more a {
    width: 100px;
    font-size: 14px; }
  .ContactUs .content .form{
  	display:none;
  }
  .ContactUs .content2{
  	display:none;
  }
}

.IndexBanner video {
  width: 100%; }

.IndexBanner .swiperContent .top {
  background: #3F3F3F; }
  .IndexBanner .swiperContent .top .swiper-slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative; }
    .IndexBanner .swiperContent .top .swiper-slide .text {
          background: rgba(0,0,0,.4);
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
    .IndexBanner .swiperContent .top .swiper-slide .title {
      color: #fff;
      font-size: 60px;
      letter-spacing: 4px;
          color: rgba(255,255,255,.85);
      text-align: center;
      font-family: 'Alibaba PuHuiTi Medium', PingFangSC, PingFangSC-Regular, 'Microsoft YaHei', 微软雅黑, STXihei, 华文细黑, Georgia, 'Times New Roman', serif; }
    .IndexBanner .swiperContent .top .swiper-slide a {
      width: 200px;
      height: 60px;
      border: 1px solid #fff;
      border-radius: 5px;
      letter-spacing: 4px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      font-size: 30px;
      font-family: 'Microsoft YaHei Light', PingFangSC, PingFangSC-Regular, 'Microsoft YaHei', 微软雅黑, STXihei, 华文细黑, Georgia, 'Times New Roman', serif;
      color: #fff;
      margin-top: 150px;
      -webkit-transition: 0.5s ease all;
      transition: 0.5s ease all; }
      .IndexBanner .swiperContent .top .swiper-slide a:hover {
        background: #d11a2d;
        border: 1px solid #d11a2d; }

.IndexBanner .swiperContent .bottom {
  margin-top: -130px; }
  .IndexBanner .swiperContent .bottom .swiper-pagination-bullet {
    opacity: 1;
    width: 10px;
    height: 10px;
    background: none;
    border: 1px solid #fff;
    -webkit-transition: 0.5s ease all;
    transition: 0.5s ease all; }
    .IndexBanner .swiperContent .bottom .swiper-pagination-bullet:hover, .IndexBanner .swiperContent .bottom .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background: #fff; }
  .IndexBanner .swiperContent .bottom .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px; }
  .IndexBanner .swiperContent .bottom .swiper-pagination-fraction, .IndexBanner .swiperContent .bottom .swiper-pagination-custom, .IndexBanner .swiperContent .bottom .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 60px; }

@media (max-width: 1499px) {
  .IndexBanner .swiperContent .bottom {
    margin-top: -80px; }
  .IndexBanner .swiperContent .top .swiper-slide a {
    margin-top: 50px; } }

@media (max-width: 991px) {
  .IndexBanner .swiperContent .top .swiper-slide .title {
    font-size: 40px; }
  .IndexBanner .swiperContent .top .swiper-slide a {
    width: 160px;
    height: 50px;
    font-size: 20px; }
  .IndexBanner .swiperContent .bottom .swiper-pagination-fraction, .IndexBanner .swiperContent .bottom .swiper-pagination-custom, .IndexBanner .swiperContent .bottom .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 20px; } }

@media (max-width: 767px) {
  .IndexBanner .swiperContent .top .swiper-slide .title {
    font-size: 30px; } }

@media (max-width: 575px) {
  .IndexBanner .swiperContent .top{
  	display:none;
  }
  .IndexBanner .swiperContent .bottom .container{
  	padding:0;
  }
  .IndexBanner .swiperContent .top .swiper-slide {
    height: auto;
    background-size: cover; }
  .IndexBanner .swiperContent .bottom {
    margin-top: 0; }
  .IndexBanner .swiperContent .top .swiper-slide .title {
    font-size: 18px; }
  .IndexBanner .swiperContent .top .swiper-slide a {
    width: 100px;
    height: 35px;
    font-size: 14px; }
  .IndexBanner .swiperContent .bottom .swiper-pagination-fraction, .IndexBanner .swiperContent .bottom .swiper-pagination-custom, .IndexBanner .swiperContent .bottom .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 10px; }
  .IndexBanner .swiperContent .bottom .swiper-pagination-bullet {
    width: 6px;
    height: 6px; }
  .IndexBanner .swiperContent .bottom .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 3px; }
  .IndexBanner .swiperContent .top .swiper-slide a {
    margin-top: 20px; } }

.MediaQueries {
  padding-top: 40px; }
  .MediaQueries .con {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 1px solid #cccccc;
    padding: 0 15px;
    padding-bottom: 50px; }
    .MediaQueries .con .iconimg {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .MediaQueries .con .iconimg span {
        font-family: 'Adobe Heiti Std R';
        font-size: 20px;
        letter-spacing: 2px; }
      .MediaQueries .con .iconimg img {
        margin-right: 10px; }
    .MediaQueries .con .desc {
      font-size: 16px;
      color: #6b6b6b;
      margin-left: 50px;
      font-family: 'Microsoft YaHei Light'; }
    .MediaQueries .con .more {
      margin-left: auto; }
      .MediaQueries .con .more a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 85px;
        height: 20px;
        font-size: 14px;
        color: #fff;
        background: #333333;
        border-radius: 2px;
        letter-spacing: 2px;
        -webkit-transition: 0.5s ease all;
        transition: 0.5s ease all; }
        .MediaQueries .con .more a:hover {
          background: #d11a2d; }

@media (max-width: 991px) {
  .MediaQueries .con .desc {
    font-size: 12px;
    margin-left: 20px; }
  .MediaQueries .con {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center; }
  .MediaQueries .con .desc {
    margin-left: 0;
    margin: 15px 0; }
  .MediaQueries .con .more {
    margin-left: 0; } }

@media (max-width: 575px) {
  .MediaQueries{
  
  }
  .MediaQueries .con .iconimg{
  
  }
  .MediaQueries .con .desc{
  	
  }
  .MediaQueries .con {
    padding: 0;
    padding-bottom: 30px;
    padding-top: 0; }
  .MediaQueries {
    padding-top: 0; } }

.IndexBannerMediaQueries {
  padding-top: 100px; }
  .IndexBannerMediaQueries .con {
    padding: 0;
    border: 0; }
    .IndexBannerMediaQueries .con .desc {
      margin-left: auto;
      margin-right: auto; }
    .IndexBannerMediaQueries .con .more {
      margin-left: 0; }

@media (max-width: 1499px) {
  .IndexBannerMediaQueries .con {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    text-align: left; }
  .MediaQueries .con .desc {
    margin-left: 0;
    margin: 20px 0; } }

@media (max-width: 767px) {
  .IndexBannerMediaQueries {
    padding-top: 30px; } }

.IndexCommonTitleH1Style {
  color: #333;
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 3px; }
  @media (max-width: 767px) {
    .IndexCommonTitleH1Style {
      font-size: 20px; } }




.Partners .container,
.WinningHonor .container{flex-direction: column;}
.Partners .list,
.WinningHonor .list{margin-left: 0; margin-top: 0; border-top: 0 solid #000;}
.Partners .list ul li a .img, .WinningHonor .list ul li a .img{height: 60px; width: 100%; display: flex; align-items: center; justify-content: center;}
.Partners .list ul li a .img img, .WinningHonor .list ul li a .img img{max-height: 100%;}
.Partners .list ul li, .WinningHonor .list ul li{padding: 0; width: 166px; margin-right: 65px; margin-bottom: 34px;}
.Partners .list ul li:nth-of-type(4n+0), .WinningHonor .list ul li:nth-of-type(4n+0){margin-right: 65px;}
.Partners .list ul li a, .WinningHonor .list ul li a{padding: 0;}
.Partners .text .title, .WinningHonor .text .title{margin: 34px 0;}
.Partners{margin-bottom: 16px;}
.WinningHonor .list ul li a .tit{margin-top: 16px;}
.WinningHonor .list ul li a .tit{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%;}

/*新增*/
.pl150 {
    padding-left: 150px;
}
.pr150 {
    padding-right: 150px;
}
.pull-right {
    float: right!important;
}
.bodtf {
    border-top: solid 1px #fff;
}
.bodrf {
    border-right: solid 1px #fff;
}
.bodtf, .bodrf{
  min-height: 295px !important;
}
.zifff,
.zifff a:link,
.zifff a:visited,
.zifff a:hover,
.zifff a:active {
  color: #fff;
  text-decoration: none;
}





@media (min-width: 768px) {
	
}









@media (max-width: 1499px){.Partners .list ul li, .WinningHonor .list ul li{width: 125px; margin-right: 60px;}}
@media (min-width: 1200px){.Partners .list ul li:nth-of-type(6n+0), .WinningHonor .list ul li:nth-of-type(6n+0){margin-right: 0;}}
@media (max-width: 1199px){.Partners .list ul li:nth-of-type(4n+0), .WinningHonor .list ul li:nth-of-type(4n+0){margin-right: 0;} .Partners .list ul li, .WinningHonor .list ul li{width: 190px;}}
@media (max-width: 991px){.Partners .list ul li, .WinningHonor .list ul li{width: 160px; margin-right: 20px;}}
@media (max-width: 767px){.Partners .list ul li, .WinningHonor .list ul li{width: 122px; margin-right: 10px;}}
@media (max-width: 575px){.Partners .list ul li, .WinningHonor .list ul li{width: 33.3333333333%; margin-right: 0; padding: 10px;} .Partners{margin-bottom: 30px;} .Partners .list ul li, .WinningHonor .list ul li{margin-bottom: 20px;} .Partners .text .title, .WinningHonor .text .title{margin: 10px 0;}}
@media (max-width:575px){.WinningHonor{margin-top:30px;}}

@media (max-width:575px){
  .IndexBanner .swiperContent .top{
 	 display:block;
  }
  .IndexBanner .swiperContent .top .swiper-slide .title{
 	padding:0 10px 
  }
  .IndexBanner .swiperContent .top{
 	 margin-bottom:20px
  }
  /*新增*/
  .zsmbt1{ font-size: 14px;line-height: 30px; }
  .pr150.pull-right,.nrzsm .pl150{ padding:20px; }
  .zsmxbt{ margin:10px 0; }





}