@charset 'UTF-8';
.ml40 {
  margin-left: 40px;
}
.ml-40 {
  margin-left: -40px;
}
.ml39 {
  margin-left: 39px;
}
.ml-39 {
  margin-left: -39px;
}
.ml38 {
  margin-left: 38px;
}
.ml-38 {
  margin-left: -38px;
}
.ml37 {
  margin-left: 37px;
}
.ml-37 {
  margin-left: -37px;
}
.ml36 {
  margin-left: 36px;
}
.ml-36 {
  margin-left: -36px;
}
.ml35 {
  margin-left: 35px;
}
.ml-35 {
  margin-left: -35px;
}
.ml34 {
  margin-left: 34px;
}
.ml-34 {
  margin-left: -34px;
}
.ml33 {
  margin-left: 33px;
}
.ml-33 {
  margin-left: -33px;
}
.ml32 {
  margin-left: 32px;
}
.ml-32 {
  margin-left: -32px;
}
.ml31 {
  margin-left: 31px;
}
.ml-31 {
  margin-left: -31px;
}
.ml30 {
  margin-left: 30px;
}
.ml-30 {
  margin-left: -30px;
}
.ml29 {
  margin-left: 29px;
}
.ml-29 {
  margin-left: -29px;
}
.ml28 {
  margin-left: 28px;
}
.ml-28 {
  margin-left: -28px;
}
.ml27 {
  margin-left: 27px;
}
.ml-27 {
  margin-left: -27px;
}
.ml26 {
  margin-left: 26px;
}
.ml-26 {
  margin-left: -26px;
}
.ml25 {
  margin-left: 25px;
}
.ml-25 {
  margin-left: -25px;
}
.ml24 {
  margin-left: 24px;
}
.ml-24 {
  margin-left: -24px;
}
.ml23 {
  margin-left: 23px;
}
.ml-23 {
  margin-left: -23px;
}
.ml22 {
  margin-left: 22px;
}
.ml-22 {
  margin-left: -22px;
}
.ml21 {
  margin-left: 21px;
}
.ml-21 {
  margin-left: -21px;
}
.ml20 {
  margin-left: 20px;
}
.ml-20 {
  margin-left: -20px;
}
.ml19 {
  margin-left: 19px;
}
.ml-19 {
  margin-left: -19px;
}
.ml18 {
  margin-left: 18px;
}
.ml-18 {
  margin-left: -18px;
}
.ml17 {
  margin-left: 17px;
}
.ml-17 {
  margin-left: -17px;
}
.ml16 {
  margin-left: 16px;
}
.ml-16 {
  margin-left: -16px;
}
.ml15 {
  margin-left: 15px;
}
.ml-15 {
  margin-left: -15px;
}
.ml14 {
  margin-left: 14px;
}
.ml-14 {
  margin-left: -14px;
}
.ml13 {
  margin-left: 13px;
}
.ml-13 {
  margin-left: -13px;
}
.ml12 {
  margin-left: 12px;
}
.ml-12 {
  margin-left: -12px;
}
.ml11 {
  margin-left: 11px;
}
.ml-11 {
  margin-left: -11px;
}
.ml10 {
  margin-left: 10px;
}
.ml-10 {
  margin-left: -10px;
}
.ml9 {
  margin-left: 9px;
}
.ml-9 {
  margin-left: -9px;
}
.ml8 {
  margin-left: 8px;
}
.ml-8 {
  margin-left: -8px;
}
.ml7 {
  margin-left: 7px;
}
.ml-7 {
  margin-left: -7px;
}
.ml6 {
  margin-left: 6px;
}
.ml-6 {
  margin-left: -6px;
}
.ml5 {
  margin-left: 5px;
}
.ml-5 {
  margin-left: -5px;
}
.ml4 {
  margin-left: 4px;
}
.ml-4 {
  margin-left: -4px;
}
.ml3 {
  margin-left: 3px;
}
.ml-3 {
  margin-left: -3px;
}
.ml2 {
  margin-left: 2px;
}
.ml-2 {
  margin-left: -2px;
}
.ml1 {
  margin-left: 1px;
}
.ml-1 {
  margin-left: -1px;
}
.ml0,
.ml-0 {
  margin-left: 0 !important;
}
.mr0,
.mr-0 {
  margin-right: 0 !important;
}
.mt0,
.mt-0 {
  margin-top: 0 !important;
}
.mb0,
.mb-0 {
  margin-bottom: 0 !important;
}
.mr40 {
  margin-right: 40px;
}
.mr-40 {
  margin-right: -40px;
}
.mr39 {
  margin-right: 39px;
}
.mr-39 {
  margin-right: -39px;
}
.mr38 {
  margin-right: 38px;
}
.mr-38 {
  margin-right: -38px;
}
.mr37 {
  margin-right: 37px;
}
.mr-37 {
  margin-right: -37px;
}
.mr36 {
  margin-right: 36px;
}
.mr-36 {
  margin-right: -36px;
}
.mr35 {
  margin-right: 35px;
}
.mr-35 {
  margin-right: -35px;
}
.mr34 {
  margin-right: 34px;
}
.mr-34 {
  margin-right: -34px;
}
.mr33 {
  margin-right: 33px;
}
.mr-33 {
  margin-right: -33px;
}
.mr32 {
  margin-right: 32px;
}
.mr-32 {
  margin-right: -32px;
}
.mr31 {
  margin-right: 31px;
}
.mr-31 {
  margin-right: -31px;
}
.mr30 {
  margin-right: 30px;
}
.mr-30 {
  margin-right: -30px;
}
.mr29 {
  margin-right: 29px;
}
.mr-29 {
  margin-right: -29px;
}
.mr28 {
  margin-right: 28px;
}
.mr-28 {
  margin-right: -28px;
}
.mr27 {
  margin-right: 27px;
}
.mr-27 {
  margin-right: -27px;
}
.mr26 {
  margin-right: 26px;
}
.mr-26 {
  margin-right: -26px;
}
.mr25 {
  margin-right: 25px;
}
.mr-25 {
  margin-right: -25px;
}
.mr24 {
  margin-right: 24px;
}
.mr-24 {
  margin-right: -24px;
}
.mr23 {
  margin-right: 23px;
}
.mr-23 {
  margin-right: -23px;
}
.mr22 {
  margin-right: 22px;
}
.mr-22 {
  margin-right: -22px;
}
.mr21 {
  margin-right: 21px;
}
.mr-21 {
  margin-right: -21px;
}
.mr20 {
  margin-right: 20px;
}
.mr-20 {
  margin-right: -20px;
}
.mr19 {
  margin-right: 19px;
}
.mr-19 {
  margin-right: -19px;
}
.mr18 {
  margin-right: 18px;
}
.mr-18 {
  margin-right: -18px;
}
.mr17 {
  margin-right: 17px;
}
.mr-17 {
  margin-right: -17px;
}
.mr16 {
  margin-right: 16px;
}
.mr-16 {
  margin-right: -16px;
}
.mr15 {
  margin-right: 15px;
}
.mr-15 {
  margin-right: -15px;
}
.mr14 {
  margin-right: 14px;
}
.mr-14 {
  margin-right: -14px;
}
.mr13 {
  margin-right: 13px;
}
.mr-13 {
  margin-right: -13px;
}
.mr12 {
  margin-right: 12px;
}
.mr-12 {
  margin-right: -12px;
}
.mr11 {
  margin-right: 11px;
}
.mr-11 {
  margin-right: -11px;
}
.mr10 {
  margin-right: 10px;
}
.mr-10 {
  margin-right: -10px;
}
.mr9 {
  margin-right: 9px;
}
.mr-9 {
  margin-right: -9px;
}
.mr8 {
  margin-right: 8px;
}
.mr-8 {
  margin-right: -8px;
}
.mr7 {
  margin-right: 7px;
}
.mr-7 {
  margin-right: -7px;
}
.mr6 {
  margin-right: 6px;
}
.mr-6 {
  margin-right: -6px;
}
.mr5 {
  margin-right: 5px;
}
.mr-5 {
  margin-right: -5px;
}
.mr4 {
  margin-right: 4px;
}
.mr-4 {
  margin-right: -4px;
}
.mr3 {
  margin-right: 3px;
}
.mr-3 {
  margin-right: -3px;
}
.mr2 {
  margin-right: 2px;
}
.mr-2 {
  margin-right: -2px;
}
.mr1 {
  margin-right: 1px;
}
.mr-1 {
  margin-right: -1px;
}
.ml0,
.ml-0 {
  margin-left: 0 !important;
}
.mr0,
.mr-0 {
  margin-right: 0 !important;
}
.mt0,
.mt-0 {
  margin-top: 0 !important;
}
.mb0,
.mb-0 {
  margin-bottom: 0 !important;
}
.mt40 {
  margin-top: 40px;
}
.mt-40 {
  margin-top: -40px;
}
.mt39 {
  margin-top: 39px;
}
.mt-39 {
  margin-top: -39px;
}
.mt38 {
  margin-top: 38px;
}
.mt-38 {
  margin-top: -38px;
}
.mt37 {
  margin-top: 37px;
}
.mt-37 {
  margin-top: -37px;
}
.mt36 {
  margin-top: 36px;
}
.mt-36 {
  margin-top: -36px;
}
.mt35 {
  margin-top: 35px;
}
.mt-35 {
  margin-top: -35px;
}
.mt34 {
  margin-top: 34px;
}
.mt-34 {
  margin-top: -34px;
}
.mt33 {
  margin-top: 33px;
}
.mt-33 {
  margin-top: -33px;
}
.mt32 {
  margin-top: 32px;
}
.mt-32 {
  margin-top: -32px;
}
.mt31 {
  margin-top: 31px;
}
.mt-31 {
  margin-top: -31px;
}
.mt30 {
  margin-top: 30px;
}
.mt-30 {
  margin-top: -30px;
}
.mt29 {
  margin-top: 29px;
}
.mt-29 {
  margin-top: -29px;
}
.mt28 {
  margin-top: 28px;
}
.mt-28 {
  margin-top: -28px;
}
.mt27 {
  margin-top: 27px;
}
.mt-27 {
  margin-top: -27px;
}
.mt26 {
  margin-top: 26px;
}
.mt-26 {
  margin-top: -26px;
}
.mt25 {
  margin-top: 25px;
}
.mt-25 {
  margin-top: -25px;
}
.mt24 {
  margin-top: 24px;
}
.mt-24 {
  margin-top: -24px;
}
.mt23 {
  margin-top: 23px;
}
.mt-23 {
  margin-top: -23px;
}
.mt22 {
  margin-top: 22px;
}
.mt-22 {
  margin-top: -22px;
}
.mt21 {
  margin-top: 21px;
}
.mt-21 {
  margin-top: -21px;
}
.mt20 {
  margin-top: 20px;
}
.mt-20 {
  margin-top: -20px;
}
.mt19 {
  margin-top: 19px;
}
.mt-19 {
  margin-top: -19px;
}
.mt18 {
  margin-top: 18px;
}
.mt-18 {
  margin-top: -18px;
}
.mt17 {
  margin-top: 17px;
}
.mt-17 {
  margin-top: -17px;
}
.mt16 {
  margin-top: 16px;
}
.mt-16 {
  margin-top: -16px;
}
.mt15 {
  margin-top: 15px;
}
.mt-15 {
  margin-top: -15px;
}
.mt14 {
  margin-top: 14px;
}
.mt-14 {
  margin-top: -14px;
}
.mt13 {
  margin-top: 13px;
}
.mt-13 {
  margin-top: -13px;
}
.mt12 {
  margin-top: 12px;
}
.mt-12 {
  margin-top: -12px;
}
.mt11 {
  margin-top: 11px;
}
.mt-11 {
  margin-top: -11px;
}
.mt10 {
  margin-top: 10px;
}
.mt-10 {
  margin-top: -10px;
}
.mt9 {
  margin-top: 9px;
}
.mt-9 {
  margin-top: -9px;
}
.mt8 {
  margin-top: 8px;
}
.mt-8 {
  margin-top: -8px;
}
.mt7 {
  margin-top: 7px;
}
.mt-7 {
  margin-top: -7px;
}
.mt6 {
  margin-top: 6px;
}
.mt-6 {
  margin-top: -6px;
}
.mt5 {
  margin-top: 5px;
}
.mt-5 {
  margin-top: -5px;
}
.mt4 {
  margin-top: 4px;
}
.mt-4 {
  margin-top: -4px;
}
.mt3 {
  margin-top: 3px;
}
.mt-3 {
  margin-top: -3px;
}
.mt2 {
  margin-top: 2px;
}
.mt-2 {
  margin-top: -2px;
}
.mt1 {
  margin-top: 1px;
}
.mt-1 {
  margin-top: -1px;
}
.ml0,
.ml-0 {
  margin-left: 0 !important;
}
.mr0,
.mr-0 {
  margin-right: 0 !important;
}
.mt0,
.mt-0 {
  margin-top: 0 !important;
}
.mb0,
.mb-0 {
  margin-bottom: 0 !important;
}
.mb40 {
  margin-bottom: 40px;
}
.mb-40 {
  margin-bottom: -40px;
}
.mb39 {
  margin-bottom: 39px;
}
.mb-39 {
  margin-bottom: -39px;
}
.mb38 {
  margin-bottom: 38px;
}
.mb-38 {
  margin-bottom: -38px;
}
.mb37 {
  margin-bottom: 37px;
}
.mb-37 {
  margin-bottom: -37px;
}
.mb36 {
  margin-bottom: 36px;
}
.mb-36 {
  margin-bottom: -36px;
}
.mb35 {
  margin-bottom: 35px;
}
.mb-35 {
  margin-bottom: -35px;
}
.mb34 {
  margin-bottom: 34px;
}
.mb-34 {
  margin-bottom: -34px;
}
.mb33 {
  margin-bottom: 33px;
}
.mb-33 {
  margin-bottom: -33px;
}
.mb32 {
  margin-bottom: 32px;
}
.mb-32 {
  margin-bottom: -32px;
}
.mb31 {
  margin-bottom: 31px;
}
.mb-31 {
  margin-bottom: -31px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb-30 {
  margin-bottom: -30px;
}
.mb29 {
  margin-bottom: 29px;
}
.mb-29 {
  margin-bottom: -29px;
}
.mb28 {
  margin-bottom: 28px;
}
.mb-28 {
  margin-bottom: -28px;
}
.mb27 {
  margin-bottom: 27px;
}
.mb-27 {
  margin-bottom: -27px;
}
.mb26 {
  margin-bottom: 26px;
}
.mb-26 {
  margin-bottom: -26px;
}
.mb25 {
  margin-bottom: 25px;
}
.mb-25 {
  margin-bottom: -25px;
}
.mb24 {
  margin-bottom: 24px;
}
.mb-24 {
  margin-bottom: -24px;
}
.mb23 {
  margin-bottom: 23px;
}
.mb-23 {
  margin-bottom: -23px;
}
.mb22 {
  margin-bottom: 22px;
}
.mb-22 {
  margin-bottom: -22px;
}
.mb21 {
  margin-bottom: 21px;
}
.mb-21 {
  margin-bottom: -21px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb-20 {
  margin-bottom: -20px;
}
.mb19 {
  margin-bottom: 19px;
}
.mb-19 {
  margin-bottom: -19px;
}
.mb18 {
  margin-bottom: 18px;
}
.mb-18 {
  margin-bottom: -18px;
}
.mb17 {
  margin-bottom: 17px;
}
.mb-17 {
  margin-bottom: -17px;
}
.mb16 {
  margin-bottom: 16px;
}
.mb-16 {
  margin-bottom: -16px;
}
.mb15 {
  margin-bottom: 15px;
}
.mb-15 {
  margin-bottom: -15px;
}
.mb14 {
  margin-bottom: 14px;
}
.mb-14 {
  margin-bottom: -14px;
}
.mb13 {
  margin-bottom: 13px;
}
.mb-13 {
  margin-bottom: -13px;
}
.mb12 {
  margin-bottom: 12px;
}
.mb-12 {
  margin-bottom: -12px;
}
.mb11 {
  margin-bottom: 11px;
}
.mb-11 {
  margin-bottom: -11px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb-10 {
  margin-bottom: -10px;
}
.mb9 {
  margin-bottom: 9px;
}
.mb-9 {
  margin-bottom: -9px;
}
.mb8 {
  margin-bottom: 8px;
}
.mb-8 {
  margin-bottom: -8px;
}
.mb7 {
  margin-bottom: 7px;
}
.mb-7 {
  margin-bottom: -7px;
}
.mb6 {
  margin-bottom: 6px;
}
.mb-6 {
  margin-bottom: -6px;
}
.mb5 {
  margin-bottom: 5px;
}
.mb-5 {
  margin-bottom: -5px;
}
.mb4 {
  margin-bottom: 4px;
}
.mb-4 {
  margin-bottom: -4px;
}
.mb3 {
  margin-bottom: 3px;
}
.mb-3 {
  margin-bottom: -3px;
}
.mb2 {
  margin-bottom: 2px;
}
.mb-2 {
  margin-bottom: -2px;
}
.mb1 {
  margin-bottom: 1px;
}
.mb-1 {
  margin-bottom: -1px;
}
.ml0,
.ml-0 {
  margin-left: 0 !important;
}
.mr0,
.mr-0 {
  margin-right: 0 !important;
}
.mt0,
.mt-0 {
  margin-top: 0 !important;
}
.mb0,
.mb-0 {
  margin-bottom: 0 !important;
}
.pl40 {
  padding-left: 40px;
}
.pl39 {
  padding-left: 39px;
}
.pl38 {
  padding-left: 38px;
}
.pl37 {
  padding-left: 37px;
}
.pl36 {
  padding-left: 36px;
}
.pl35 {
  padding-left: 35px;
}
.pl34 {
  padding-left: 34px;
}
.pl33 {
  padding-left: 33px;
}
.pl32 {
  padding-left: 32px;
}
.pl31 {
  padding-left: 31px;
}
.pl30 {
  padding-left: 30px;
}
.pl29 {
  padding-left: 29px;
}
.pl28 {
  padding-left: 28px;
}
.pl27 {
  padding-left: 27px;
}
.pl26 {
  padding-left: 26px;
}
.pl25 {
  padding-left: 25px;
}
.pl24 {
  padding-left: 24px;
}
.pl23 {
  padding-left: 23px;
}
.pl22 {
  padding-left: 22px;
}
.pl21 {
  padding-left: 21px;
}
.pl20 {
  padding-left: 20px;
}
.pl19 {
  padding-left: 19px;
}
.pl18 {
  padding-left: 18px;
}
.pl17 {
  padding-left: 17px;
}
.pl16 {
  padding-left: 16px;
}
.pl15 {
  padding-left: 15px;
}
.pl14 {
  padding-left: 14px;
}
.pl13 {
  padding-left: 13px;
}
.pl12 {
  padding-left: 12px;
}
.pl11 {
  padding-left: 11px;
}
.pl10 {
  padding-left: 10px;
}
.pl9 {
  padding-left: 9px;
}
.pl8 {
  padding-left: 8px;
}
.pl7 {
  padding-left: 7px;
}
.pl6 {
  padding-left: 6px;
}
.pl5 {
  padding-left: 5px;
}
.pl4 {
  padding-left: 4px;
}
.pl3 {
  padding-left: 3px;
}
.pl2 {
  padding-left: 2px;
}
.pl1 {
  padding-left: 1px;
}
.pl0 {
  padding-left: 0 !important;
}
.pr0 {
  padding-right: 0 !important;
}
.pt0 {
  padding-top: 0 !important;
}
.pb0 {
  padding-bottom: 0 !important;
}
.pr40 {
  padding-right: 40px;
}
.pr39 {
  padding-right: 39px;
}
.pr38 {
  padding-right: 38px;
}
.pr37 {
  padding-right: 37px;
}
.pr36 {
  padding-right: 36px;
}
.pr35 {
  padding-right: 35px;
}
.pr34 {
  padding-right: 34px;
}
.pr33 {
  padding-right: 33px;
}
.pr32 {
  padding-right: 32px;
}
.pr31 {
  padding-right: 31px;
}
.pr30 {
  padding-right: 30px;
}
.pr29 {
  padding-right: 29px;
}
.pr28 {
  padding-right: 28px;
}
.pr27 {
  padding-right: 27px;
}
.pr26 {
  padding-right: 26px;
}
.pr25 {
  padding-right: 25px;
}
.pr24 {
  padding-right: 24px;
}
.pr23 {
  padding-right: 23px;
}
.pr22 {
  padding-right: 22px;
}
.pr21 {
  padding-right: 21px;
}
.pr20 {
  padding-right: 20px;
}
.pr19 {
  padding-right: 19px;
}
.pr18 {
  padding-right: 18px;
}
.pr17 {
  padding-right: 17px;
}
.pr16 {
  padding-right: 16px;
}
.pr15 {
  padding-right: 15px;
}
.pr14 {
  padding-right: 14px;
}
.pr13 {
  padding-right: 13px;
}
.pr12 {
  padding-right: 12px;
}
.pr11 {
  padding-right: 11px;
}
.pr10 {
  padding-right: 10px;
}
.pr9 {
  padding-right: 9px;
}
.pr8 {
  padding-right: 8px;
}
.pr7 {
  padding-right: 7px;
}
.pr6 {
  padding-right: 6px;
}
.pr5 {
  padding-right: 5px;
}
.pr4 {
  padding-right: 4px;
}
.pr3 {
  padding-right: 3px;
}
.pr2 {
  padding-right: 2px;
}
.pr1 {
  padding-right: 1px;
}
.pl0 {
  padding-left: 0 !important;
}
.pr0 {
  padding-right: 0 !important;
}
.pt0 {
  padding-top: 0 !important;
}
.pb0 {
  padding-bottom: 0 !important;
}
.pt40 {
  padding-top: 40px;
}
.pt39 {
  padding-top: 39px;
}
.pt38 {
  padding-top: 38px;
}
.pt37 {
  padding-top: 37px;
}
.pt36 {
  padding-top: 36px;
}
.pt35 {
  padding-top: 35px;
}
.pt34 {
  padding-top: 34px;
}
.pt33 {
  padding-top: 33px;
}
.pt32 {
  padding-top: 32px;
}
.pt31 {
  padding-top: 31px;
}
.pt30 {
  padding-top: 30px;
}
.pt29 {
  padding-top: 29px;
}
.pt28 {
  padding-top: 28px;
}
.pt27 {
  padding-top: 27px;
}
.pt26 {
  padding-top: 26px;
}
.pt25 {
  padding-top: 25px;
}
.pt24 {
  padding-top: 24px;
}
.pt23 {
  padding-top: 23px;
}
.pt22 {
  padding-top: 22px;
}
.pt21 {
  padding-top: 21px;
}
.pt20 {
  padding-top: 20px;
}
.pt19 {
  padding-top: 19px;
}
.pt18 {
  padding-top: 18px;
}
.pt17 {
  padding-top: 17px;
}
.pt16 {
  padding-top: 16px;
}
.pt15 {
  padding-top: 15px;
}
.pt14 {
  padding-top: 14px;
}
.pt13 {
  padding-top: 13px;
}
.pt12 {
  padding-top: 12px;
}
.pt11 {
  padding-top: 11px;
}
.pt10 {
  padding-top: 10px;
}
.pt9 {
  padding-top: 9px;
}
.pt8 {
  padding-top: 8px;
}
.pt7 {
  padding-top: 7px;
}
.pt6 {
  padding-top: 6px;
}
.pt5 {
  padding-top: 5px;
}
.pt4 {
  padding-top: 4px;
}
.pt3 {
  padding-top: 3px;
}
.pt2 {
  padding-top: 2px;
}
.pt1 {
  padding-top: 1px;
}
.pl0 {
  padding-left: 0 !important;
}
.pr0 {
  padding-right: 0 !important;
}
.pt0 {
  padding-top: 0 !important;
}
.pb0 {
  padding-bottom: 0 !important;
}
.pb40 {
  padding-bottom: 40px;
}
.pb39 {
  padding-bottom: 39px;
}
.pb38 {
  padding-bottom: 38px;
}
.pb37 {
  padding-bottom: 37px;
}
.pb36 {
  padding-bottom: 36px;
}
.pb35 {
  padding-bottom: 35px;
}
.pb34 {
  padding-bottom: 34px;
}
.pb33 {
  padding-bottom: 33px;
}
.pb32 {
  padding-bottom: 32px;
}
.pb31 {
  padding-bottom: 31px;
}
.pb30 {
  padding-bottom: 30px;
}
.pb29 {
  padding-bottom: 29px;
}
.pb28 {
  padding-bottom: 28px;
}
.pb27 {
  padding-bottom: 27px;
}
.pb26 {
  padding-bottom: 26px;
}
.pb25 {
  padding-bottom: 25px;
}
.pb24 {
  padding-bottom: 24px;
}
.pb23 {
  padding-bottom: 23px;
}
.pb22 {
  padding-bottom: 22px;
}
.pb21 {
  padding-bottom: 21px;
}
.pb20 {
  padding-bottom: 20px;
}
.pb19 {
  padding-bottom: 19px;
}
.pb18 {
  padding-bottom: 18px;
}
.pb17 {
  padding-bottom: 17px;
}
.pb16 {
  padding-bottom: 16px;
}
.pb15 {
  padding-bottom: 15px;
}
.pb14 {
  padding-bottom: 14px;
}
.pb13 {
  padding-bottom: 13px;
}
.pb12 {
  padding-bottom: 12px;
}
.pb11 {
  padding-bottom: 11px;
}
.pb10 {
  padding-bottom: 10px;
}
.pb9 {
  padding-bottom: 9px;
}
.pb8 {
  padding-bottom: 8px;
}
.pb7 {
  padding-bottom: 7px;
}
.pb6 {
  padding-bottom: 6px;
}
.pb5 {
  padding-bottom: 5px;
}
.pb4 {
  padding-bottom: 4px;
}
.pb3 {
  padding-bottom: 3px;
}
.pb2 {
  padding-bottom: 2px;
}
.pb1 {
  padding-bottom: 1px;
}
.pl0 {
  padding-left: 0 !important;
}
.pr0 {
  padding-right: 0 !important;
}
.pt0 {
  padding-top: 0 !important;
}
.pb0 {
  padding-bottom: 0 !important;
}
@font-face {
  font-family: 'webfont' !important;
  src: url('../font/webfont.eot');
  /* IE9*/
  src: url('../font/webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../font/webfont.woff') format('woff'), /* chrome、firefox */ url('../font/webfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('../font/webfont.svg#webfont') format('svg');
  /* iOS 4.1- */
}
html,
body {
  font-size: 100%;
  background: #fff;
  color: #434343;
  margin: 0 !important;
}
.table-cont {
  display: none;
}
.table-cont.active {
  display: block;
}
input,
button,
select {
  border: 1px solid #ccc;
  box-sizing: border-box;
  color: #666;
  font-size: 100%;
  line-height: normal;
  margin: 0;
  outline: medium none;
  padding: 0;
  vertical-align: middle;
}
input {
  line-height: normal;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
  outline: none;
}
.text-overflow {
  display: block;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
p {
  margin: 0;
}
ul,
label {
  margin: 0;
  padding: 0;
}
li {
  list-style: none;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.effSize {
  width: 100%;
  height: auto;
}
.effSize img {
  width: 100%;
  height: 100%;
  transition: 1s;
}
.effSize:hover img {
  transform: scale(2);
}
.effSize2 img {
  width: 100%;
  height: 100%;
  transition: 0.3s;
}
.effSize2:hover img {
  transform: scale(1.1);
}
.effSize3 img {
  width: 100%;
  height: 100%;
  transition: 0.3s;
}
.effSize3:hover img {
  transform: scale(0.8);
  transform-origin: left center;
}
a {
  text-decoration: none !important;
  outline: medium none !important;
}
a:hover {
  text-decoration: none;
  color: #185cab !important;
}
a:link {
  text-decoration: none !important;
}
a:visited {
  text-decoration: none !important;
}
a:hover {
  text-decoration: none !important;
}
a:active {
  text-decoration: none !important;
}
.clearfix,
.about-banner-wrap {
  zoom: 1;
}
.clearfix:before,
.clearfix:after,
.about-banner-wrap:before,
.about-banner-wrap:after {
  content: "";
  display: block;
  visibility: hidden;
  clear: both;
}
.index-img {
  width: 100%;
}
.hidden-cont {
  overflow: hidden;
}
.width-cont {
  width: 100%;
}
.position-re {
  position: relative;
}
.position-ab {
  position: absolute;
}
.text-center {
  text-align: center;
}
.tent-right {
  text-align: right;
}
.rotate:hover {
  -webkit-transform: scale(1.23) rotate(5deg);
  -ms-transform: scale(1.23) rotate(5deg);
  transform: scale(1.23) rotate(5deg);
}
.border {
  border: 1px solid #ddd;
}
.border-radius {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
}
.container {
  width: 90% !important;
}
.index-pic-img {
  width: 100%;
  height: 0;
  padding-bottom: 63.51851852%;
  position: relative;
  overflow: hidden;
}
.index-pic-img > span,
.index-pic-img > a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.index-pic-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-search,
.index-weixin {
  position: fixed;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999999;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
}
.product-search .cont,
.index-weixin .cont {
  margin-left: 30%;
  margin-top: 17%;
  width: 40%;
}
.product-search .product-close,
.index-weixin .product-close {
  text-align: center;
}
.product-search .product-close i,
.index-weixin .product-close i {
  color: #fff;
  font-size: 55px;
}
.product-search .product-cont,
.index-weixin .product-cont {
  position: relative;
}
.product-search .product-cont input[type=text],
.index-weixin .product-cont input[type=text] {
  width: 100%;
  line-height: 3;
  color: #6b6969;
  font-size: 20px;
  padding: 10px 20px;
  border-radius: 10px;
}
@media (max-width: 1440px) {
  .product-search .product-cont input[type=text],
  .index-weixin .product-cont input[type=text] {
    font-size: 20px;
  }
}
.product-search .product-cont input[type=submit],
.index-weixin .product-cont input[type=submit] {
  border: 0;
}
.product-search .product-cont .part,
.index-weixin .product-cont .part {
  position: absolute;
  top: 25px;
  right: 20px;
  z-index: 9999;
}
.product-search .product-cont .part i,
.index-weixin .product-cont .part i {
  font-size: 35px;
  color: #a4a3a3;
}
@media (max-width: 1440px) {
  .product-search .product-cont .part,
  .index-weixin .product-cont .part {
    top: 18px;
  }
}
.product-search .product-cont button,
.index-weixin .product-cont button {
  border: 0;
  background: #fff;
  outline: none;
}
.index-weixin .cont {
  margin-left: 30%;
  margin-top: 15%;
  width: 40%;
  text-align: center;
}
.index-weixin .cont a {
  color: #fff !important;
}
.index-weixin .desc {
  color: #e9f5ff;
  font-size: 14px;
  margin-top: 20px;
  letter-spacing: 1px;
}
.header-menu-wrap {
  height: 78px;
  background: #000;
}
.header-menu-wrap .index-pic-logo {
  height: 78px;
}
@media (max-width: 1440px) {
  .header-menu-wrap,
  .header-menu-wrap .index-pic-logo {
    height: 54px;
  }
}
@media (max-width: 1040px) {
  .header-menu-wrap,
  .header-menu-wrap .index-pic-logo {
    height: 43px;
  }
}
.index-pic-logo {
  display: block;
  height: 100%;
}
.index-pic-logo img {
  height: 100%;
}
.header-index-cont ul {
  margin-bottom: 0 !important;
}
.header-index-cont li {
  display: inline-block;
  font-size: 16px;
  line-height: 77px;
  width: 10%;
  text-align: center;
  position: relative;
}
.header-index-cont li > span a {
  color: #fff !important;
}
.header-index-cont li i {
  font-size: 18px;
  color: #fff;
}
.header-index-cont li:hover span {
  padding-bottom: 10px;
  border-bottom: 4px solid #f6a800;
}
.header-index-cont li .search-a {
  margin-right: 20px;
}
.header-index-cont li .search-a:last-child {
  margin-right: 0;
}
@media (max-width: 1440px) {
  .header-index-cont li {
    line-height: 54px;
  }
}
@media (max-width: 1040px) {
  .header-index-cont li {
    line-height: 30px;
    font-size: 14px;
    width: 10%;
  }
}
.header-index-cont .active span {
  padding-bottom: 10px;
  border-bottom: 4px solid #f6a800;
}
.about-submenu,
.news-submenu {
  padding: 8px 0;
  position: absolute;
  background: #fff;
  font-size: 14px;
  z-index: 999;
  display: none;
  width: 100%;
  box-shadow: #ecebeb 0px 0px 10px;
  -webkit-box-shadow: #ecebeb 0px 0px 10px;
  -moz-box-shadow: #ecebeb 0px 0px 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.about-submenu a,
.news-submenu a {
  color: #323030;
}
.about-submenu div,
.news-submenu div {
  line-height: 3;
}
.about-submenu div:first-child,
.news-submenu div:first-child {
  margin-bottom: -10px;
}
@media (max-width: 1440px) {
  .about-submenu,
  .news-submenu {
    bottom: -74px;
  }
}
@media (max-width: 1040px) {
  .about-submenu,
  .news-submenu {
    bottom: -87px;
  }
}
.index-footer-wrap {
  background: #f5f3f3;
  padding: 50px 0;
}
.index-footer-cont .pic {
  width: 60%;
  margin-top: 20px;
  margin-left: 120px;
}
.index-footer-cont .pic img {
  width: 100%;
}
@media (max-width: 1440px) {
  .index-footer-cont .pic {
    margin-left: 60px;
    width: 80%;
  }
}
.index-footer-location {
  margin-right: 10%;
  line-height: 2;
}
.index-footer-location div:first-child {
  color: #000;
  font-size: 20px;
}
.index-footer-location div:nth(n+2) {
  color: #424040;
  font-size: 16px;
}
.index-footer-contact {
  line-height: 2;
  color: #424040;
  font-size: 16px;
  width: 15%;
}
.index-footer-contact i {
  margin-right: 3%;
}
@media (max-width: 1680px) {
  .index-footer-contact {
    width: 22%;
  }
}
@media (max-width: 1440px) {
  .index-footer-contact {
    width: 24%;
  }
}
@media (max-width: 1040px) {
  .index-footer-contact {
    width: 30%;
  }
}
.index-footer-menu {
  background: #000;
  line-height: 2;
}
.index-footer-menu .copyright {
  font-size: 16px;
  color: #d3d6d9;
  margin: 5% 0 0 10%;
}
.index-footer-menu .menu {
  float: right;
  width: 100%;
}
.index-footer-menu li {
  width: 7%;
  display: inline-block;
  text-align: center;
  font-size: 16px;
  margin-top: 1%;
}
.index-footer-menu li a {
  color: #fff;
}
.index-footer-menu li a:hover {
  color: #fff !important;
}
@media (max-width: 1680px) {
  .index-footer-menu li {
    width: 10%;
  }
}
@media (max-width: 1440px) {
  .index-footer-menu li {
    width: 13%;
  }
}
@media (max-width: 1040px) {
  .index-footer-menu li {
    width: 12%;
  }
}
.index-side {
  position: fixed;
  float: left;
  left: 0;
  bottom: 0;
  z-index: 999;
  background: #000;
  width: 4%;
  border: 1px solid #000;
  text-align: center;
  color: #fff;
  line-height: 4;
  font-size: 20px;
}
.index-side a {
  color: #fff !important;
}
.index-side i {
  font-size: 20px;
}
.index-side div {
  line-height: 2.5;
}
.index-banner-wrap {
  background: #f1f0f0;
  padding: 20px 0 30px;
  position: relative;
}
.index-banner-wrap > .container {
  height: 100%;
}
.index-banner-wrap .swiper-container {
  height: 100%;
}
.index-banner-wrap .pic {
  position: relative;
}
.index-banner-wrap .pic img {
  width: 100%;
}
.index-banner-wrap .cont {
  position: absolute;
  bottom: 4%;
  left: 2%;
  color: #fff;
  font-size: 20px;
  letter-spacing: 1px;
  line-height: 2;
}
@media (max-width: 1440px) {
  .index-banner-wrap .cont {
    font-size: 18px;
  }
}
.index-banner-wrap .bg {
  background: #f6a800;
  width: 55%;
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 3% 3% 3% 0;
  text-align: right;
}
.index-banner-wrap .bg .ico {
  color: #fff;
  font-size: 30px;
}
.index-banner-wrap .bg .ico:hover {
  color: #0e4e9a;
}
@media (max-width: 1440px) {
  .index-banner-wrap .bg {
    padding: 1% 3% 1% 0;
  }
}
.index-banner-wrap .desc {
  margin-top: 40%;
}
.index-banner-wrap .desc .hx {
  color: #131313;
  font-size: 70px;
}
@media (max-width: 1440px) {
  .index-banner-wrap .desc .hx {
    font-size: 40px;
  }
}
.index-banner-wrap .desc .px {
  color: #3a3a3a;
  font-size: 40px;
}
@media (max-width: 1440px) {
  .index-banner-wrap .desc .px {
    font-size: 20px;
  }
}
.index-banner-wrap .desc .more {
  margin-top: 5%;
}
.index-banner-wrap .desc .more a {
  padding: 15px 40px;
  background: #000;
  color: #fff;
  display: inline-block;
}
.index-banner-wrap .desc .more a:hover {
  color: #fff !important;
}
.index-banner-wrap .swiper-slide {
  background: #f1f0f0;
}
.index-banner-swiper:nth-child(1) {
  width: 30%;
}
.index-banner-swiper:nth-child(2) {
  width: 70%;
  padding-bottom: 25px;
}
.index-banner-swiper .swiper-pagination {
  bottom: -5px !important;
  left: -25% !important;
}
.index-banner-swiper .swiper-pagination-bullet-active {
  background: #000 !important;
}
.index-banner-swiper .swiper-pagination-bullet {
  background: #fff;
  opacity: 1;
}
.index-banner-swiper1 .swiper-slide .desc {
  -webkit-transform: translate3d(0, 40px, 0);
  -moz-transform: translate3d(0, 40px, 0);
  -ms-transform: translate3d(0, 40px, 0);
  -o-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.index-banner-swiper1 .swiper-slide-active .desc {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
.swiper-slide {
  overflow: hidden;
}
.btn-hover {
  position: relative;
  overflow: hidden;
}
.btn-hover .text {
  position: relative;
  z-index: 2;
}
.btn-hover:before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  -webkit-transform: translate3d(0, 100%, 0);
  -moz-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  -o-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  background-color: #293337;
  transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.btn-hover:hover:before {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slide-inner {
  position: absolute!important;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: center;
}
.index-banner-swiper2 {
  height: 550px;
}
.button-next-sc {
  outline: none;
}
.index-product-cont .index-col6 {
  border-right: 10px solid #f1f0f0;
}
.index-product-tit {
  font-size: 40px;
  color: #000;
}
.index-product-tit span {
  color: #302e2e;
  font-size: 20px;
  margin-left: 10px;
}
@media (max-width: 1440px) {
  .index-product-tit span {
    font-size: 16px;
  }
}
@media (max-width: 1440px) {
  .index-product-tit {
    font-size: 30px;
  }
}
.index-product-lef {
  padding-bottom: 10px;
}
.index-product-lef li {
  float: left;
  width: 25%;
  margin-bottom: 10px;
  padding-top: 30px;
  cursor: pointer;
}
@media (max-width: 1440px) {
  .index-product-lef li {
    margin-bottom: 35px;
    padding-top: 35px;
  }
}
.index-product-lef .pic {
  width: 100%;
  height: 0;
  padding-bottom: 63.51851852%;
  position: relative;
  padding-bottom: 100% !important;
  overflow: hidden;
}
.index-product-lef .pic > span,
.index-product-lef .pic > a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.index-product-lef .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index-product-lef .hx {
  width: 100%;
  text-align: center;
}
.index-product-rig {
  padding: 30px 0 0 30px;
}
@media (max-width: 1040px) {
  .index-product-rig {
    padding: 25px 0 0 10px;
  }
}
.index-product-rig .table-cont {
  display: none;
}
.index-product-rig .table-cont.active {
  display: block;
}
.index-product-rig .desc .hx {
  color: #000;
  font-size: 30px;
  letter-spacing: 1px;
  line-height: 35px;
}
@media (max-width: 1440px) {
  .index-product-rig .desc .hx {
    font-size: 26px;
    line-height: 30px;
  }
}
@media (max-width: 1040px) {
  .index-product-rig .desc .hx {
    font-size: 24px;
  }
}
.index-product-rig .desc .px {
  color: #3b3939;
  font-size: 18px;
  line-height: 35px;
  margin-top: 20px;
}
@media (max-width: 1440px) {
  .index-product-rig .desc .px {
    font-size: 16px;
  }
}
@media (max-width: 1040px) {
  .index-product-rig .desc .px {
    font-size: 14px;
    line-height: 25px;
  }
}
.index-product-rig .product {
  margin-top: 20px;
}
.index-product-rig .product .tit {
  color: #100f0f;
  font-size: 22px;
  letter-spacing: 1px;
  line-height: 35px;
}
@media (max-width: 1440px) {
  .index-product-rig .product .tit {
    font-size: 20px;
  }
}
.index-product-rig .product li {
  float: left;
  width: 25%;
}
.index-product-rig .product li .pic {
  width: 100%;
  height: 0;
  padding-bottom: 63.51851852%;
  position: relative;
  overflow: hidden;
  padding-bottom: 100% !important;
}
.index-product-rig .product li .pic > span,
.index-product-rig .product li .pic > a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.index-product-rig .product li .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index-product-rig .product li .hx {
  color: #100f0f;
  font-size: 14px;
  width: 100%;
  margin-top: 10px;
  text-align: center;
}
.index-product-rig .more {
  margin-top: 65px;
  font-size: 14px;
}
.index-product-rig .more a {
  padding: 15px 40px;
  background: #fff;
  border: 1px solid #131313;
  margin-right: 20px;
  color: #100f0f;
}
.index-product-rig .more a:last-child {
  margin-right: 0;
}
.index-product-rig .more a:hover {
  background: #000;
  color: #fff !important;
}
.index-product-rig .more i {
  padding-left: 10px;
}
.index-about-wrap {
  position: relative;
  height: 625px;
  margin-top: 60px;
}
@media (max-width: 1040px) {
  .index-about-wrap {
    height: 525px;
  }
}
.index-about-lef {
  width: 58%;
  background: #1356a3;
  height: 555px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
}
@media (max-width: 1040px) {
  .index-about-lef {
    height: 400px;
  }
}
.index-about-lef .cont {
  width: 78%;
  margin-left: 10%;
  color: #fff;
}
@media (max-width: 1440px) {
  .index-about-lef .cont {
    width: 80%;
  }
}
.index-about-lef .hx {
  font-size: 40px;
  letter-spacing: 1px;
  line-height: 150px;
}
@media (max-width: 1440px) {
  .index-about-lef .hx {
    font-size: 30px;
  }
}
@media (max-width: 1040px) {
  .index-about-lef .hx {
    line-height: 100px;
  }
}
.index-about-lef span {
  font-size: 20px;
  margin-left: 20px;
}
@media (max-width: 1440px) {
  .index-about-lef span {
    font-size: 16px;
  }
}
.index-about-lef .px {
  font-size: 16px;
  line-height: 1.5;
}
@media (max-width: 1440px) {
  .index-about-lef .px {
    font-size: 14px;
    line-height: 2;
  }
}
@media (max-width: 1040px) {
  .index-about-lef .px {
    line-height: 1.5;
  }
}
.index-about-lef .more {
  text-align: right;
  margin-top: 40px;
}
.index-about-lef .more a {
  padding: 15px 40px;
  background: #fff;
  font-size: 20px;
  color: #0e4e9a;
  display: inline-block;
  -webkit-transition: color 0.5s;
  -moz-transition: color 0.5s;
  -ms-transition: color 0.5s;
  -o-transition: color 0.5s;
  transition: color 0.5s;
}
.index-about-lef .more a:hover {
  color: #ffffff !important;
}
@media (max-width: 1440px) {
  .index-about-lef .more a {
    padding: 10px 30px;
    font-size: 16px;
  }
}
.index-about-rig {
  width: 58%;
  height: 500px;
  position: absolute;
  top: 125px;
  right: 5%;
}
.index-about-rig img {
  width: 100%;
  height: 500px;
}
@media (max-width: 1040px) {
  .index-about-rig {
    height: 400px;
    overflow: hidden;
  }
}
.index-partner-wrap {
  margin-top: 50px;
  position: relative;
}
.index-partner-wrap .container {
  z-index: 2;
  position: relative;
}
.index-partner-bg {
  background: #c0e1f0;
  width: 80%;
  position: absolute;
  bottom: 0;
  top: 7%;
  right: 0;
  z-index: 1;
}
@media (max-width: 1440px) {
  .index-partner-bg {
    width: 75%;
  }
}
.index-partner-detail .part {
  width: 25%;
  margin-left: 7%;
  float: left;
  margin-top: 2%;
}
.index-partner-detail .part:first-child {
  margin-left: 11%;
  padding-top: 15%;
}
.index-partner-detail .part:nth-child(2) {
  padding-top: 8%;
}
.index-partner-detail .pic {
  position: relative;
  overflow: hidden;
}
.index-partner-detail .pic img {
  width: 100%;
}
.index-partner-detail .pic:hover .hide-side {
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.index-partner-detail .pic:hover .location {
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.index-partner-detail .location {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 20px;
  color: #fff;
  background: #f6a800;
  padding: 15px 70px;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1440px) {
  .index-partner-detail .location {
    padding: 8px 40px;
    font-size: 16px;
  }
}
.index-partner-detail .hide-side {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  background: rgba(86, 159, 243, 0.7);
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.index-partner-detail .hide-side a {
  padding: 15px 40px;
  border: 2px solid #fff;
  color: #fff;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
}
.index-partner-detail .hide-side a:hover {
  color: #fff !important;
}
@media (max-width: 1440px) {
  .index-partner-detail .hide-side a {
    padding: 10px 30px;
  }
}
@media (max-width: 1040px) {
  .index-partner-detail .hide-side a {
    padding: 10px;
    font-size: 14px;
  }
}
.index-partner-detail .desc {
  padding: 20px;
  background: #fff;
}
.index-partner-detail .desc .hx {
  font-size: 20px;
  color: #302e2e;
}
@media (max-width: 1440px) {
  .index-partner-detail .desc .hx {
    font-size: 18px;
  }
}
@media (max-width: 1366px) {
  .index-partner-detail .desc .hx {
    font-size: 16px;
  }
}
.index-partner-detail .desc .px {
  color: #413e3e;
  font-size: 16px;
  margin-top: 10px;
}
@media (max-width: 1366px) {
  .index-partner-detail .desc .px {
    font-size: 14px;
  }
}
.index-partner-more {
  width: 89%;
  margin-left: 11%;
  margin-bottom: -20px;
  text-align: center;
  background: #000;
  line-height: 4;
  margin-top: 50px;
}
.index-partner-more a {
  color: #fff;
}
.index-partner-more a:hover {
  color: #fff !important;
}
.index-news-wrap .more {
  text-align: center;
  margin: 2% 0;
}
.index-news-wrap .more a {
  padding: 15px 40px;
  background: #000;
  display: inline-block;
  color: #fff !important;
}
@media (max-width: 1440px) {
  .index-news-wrap .more {
    margin: 40px 0;
  }
}
.index-news-cont .index-news-4 {
  margin: 40px 0 20px;
}
.index-news-cont .pic {
  width: 100%;
  height: 0;
  padding-bottom: 63.51851852%;
  position: relative;
  padding-bottom: 63.55636081% !important;
  overflow: hidden;
}
.index-news-cont .pic > span,
.index-news-cont .pic > a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.index-news-cont .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index-news-cont h3 {
  font-size: 20px;
  display: block;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.index-news-cont h3 a {
  color: #080808;
}
@media (max-width: 1440px) {
  .index-news-cont h3 {
    font-size: 16px;
  }
}
@media (max-width: 1040px) {
  .index-news-cont h3 {
    font-size: 14px;
  }
}
.index-news-cont .tim {
  color: #302e2e;
  font-size: 14px;
  margin-top: 10px;
}
@media (max-width: 1040px) {
  .index-news-cont .tim {
    font-size: 12px;
  }
}
.index-news-cont .tim.common {
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.location-wrap {
  background: #ebeaea;
  line-height: 4;
}
.location-wrap a {
  color: #696363;
  font-size: 16px;
}
.contact-banner-wrap {
  position: relative;
  color: #fff;
}
.contact-banner-wrap .pic img {
  width: 100%;
}
.contact-banner-wrap .desc {
  margin: 14% 0 0 5%;
  position: absolute;
  top: 0;
}
.contact-banner-wrap .hx {
  font-size: 50px;
}
@media (max-width: 1440px) {
  .contact-banner-wrap .hx {
    font-size: 40px;
  }
}
@media (max-width: 1040px) {
  .contact-banner-wrap .hx {
    font-size: 30px;
  }
}
.contact-banner-wrap .px {
  font-size: 30px;
}
@media (max-width: 1440px) {
  .contact-banner-wrap .px {
    font-size: 25px;
  }
}
@media (max-width: 1040px) {
  .contact-banner-wrap .px {
    font-size: 18px;
  }
}
.contact-detail-wrap {
  background: #000;
  color: #fff;
  padding: 6% 4%;
}
.contact-detail-tit .hx {
  font-size: 50px;
}
@media (max-width: 1440px) {
  .contact-detail-tit .hx {
    font-size: 40px;
  }
}
@media (max-width: 1440px) {
  .contact-detail-tit .hx {
    font-size: 30px;
  }
}
.contact-detail-tit .px {
  color: #7f8183;
  font-size: 20px;
}
@media (max-width: 1440px) {
  .contact-detail-tit .px {
    font-size: 16px;
  }
}
.contact-detail-cont {
  margin-top: 30px;
}
.contact-detail-cont .desc {
  font-size: 30px;
}
@media (max-width: 1440px) {
  .contact-detail-cont .desc {
    font-size: 25px;
  }
}
@media (max-width: 1440px) {
  .contact-detail-cont .desc {
    font-size: 20px;
  }
}
.contact-detail-cont .cont {
  font-size: 26px;
  margin-top: 5%;
}
@media (max-width: 1440px) {
  .contact-detail-cont .cont {
    font-size: 20px;
  }
}
@media (max-width: 1440px) {
  .contact-detail-cont .cont {
    font-size: 18px;
  }
}
.contact-detail-cont .hx {
  color: #878181;
}
.contact-detail-cont .px span {
  border-bottom: 1px solid #fff;
}
.contact-map-wrap iframe {
  width: 100%;
}
.about-banner-wrap {
  margin-top: 50px;
  margin-bottom: 50px;
  padding-bottom: 50px;
  position: relative;
}
.about-banner-wrap .container {
  position: relative;
}
.about-banner-wrap img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  position: relative;
  z-index: 1;
}
.about-banner-wrap .about-banner-right {
  width: 50.92592593%;
  position: relative;
  z-index: 2;
  float: right;
}
.about-banner-wrap .about-banner-left {
  position: absolute;
  z-index: 1;
  top: 50px;
  left: 15px;
  bottom: -50px;
  width: 53.81944444%;
}
.about-banner-wrap .right-thumb {
  width: 100%;
  height: 0;
  padding-bottom: 71.02272727%;
  position: relative;
}
.about-banner-wrap .right-thumb .inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.about-banner-wrap .fixed-text {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  padding-left: 50px;
  padding-right: 100px;
  padding-bottom: 16.12903226%;
}
.about-banner-wrap .fixed-text .title {
  font-size: 50px;
  color: #212020;
  line-height: 1.5;
}
.about-banner-wrap .fixed-text .desc {
  font-size: 30px;
  color: #504b4b;
}
.about-company-tit {
  color: #151414;
  font-size: 40px;
}
@media (max-width: 1440px) {
  .about-company-tit {
    font-size: 30px;
  }
}
@media (max-width: 1040px) {
  .about-company-tit {
    font-size: 20px;
  }
}
.about-company-tit span {
  border-bottom: 10px solid #f5a500;
  letter-spacing: 1px;
  padding-bottom: 10px;
}
@media (max-width: 1440px) {
  .about-company-tit span {
    border-bottom: 5px solid #f5a500;
  }
}
@media (max-width: 1040px) {
  .about-company-tit span {
    border-bottom: 2px solid #f5a500;
  }
}
.about-company-cont {
  margin-top: 40px;
  color: #151414;
  font-size: 20px;
  line-height: 1.5;
}
@media (max-width: 1440px) {
  .about-company-cont {
    font-size: 16px;
  }
}
@media (max-width: 1040px) {
  .about-company-cont {
    font-size: 14px;
  }
}
.culture-banner-wrap {
  width: 100%;
  height: 0;
  padding-bottom: 36.80555556%;
  position: relative;
}
.culture-banner-wrap > .inner {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.culture-banner-wrap > .inner img {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  z-index: 1;
}
.culture-banner-wrap .fixed-text {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding-bottom: 10.41666667%;
  line-height: 1.8;
}
.culture-banner-wrap .fixed-text .title {
  font-size: 40px;
  color: #020202;
}
.culture-banner-wrap .fixed-text .desc {
  font-size: 20px;
  color: #4f4d4d;
}
.about-culture-cont {
  /*margin-left: 5%;*/
}
.about-culture-cont .pic {
  /*width: 90%;*/
  position: relative;
}
.about-culture-cont .pic img {
  width: 100%;
}
.about-culture-cont .desc {
  line-height: 2;
  position: absolute;
  top: 30%;
  left: 3%;
}
.about-culture-cont .desc2 {
  width: 93%;
  text-align: right;
}
.about-culture-cont .hx {
  font-size: 40px;
  color: #000000;
}
.about-culture-cont .px {
  font-size: 20px;
  color: #020202;
}
.about-domain-cont {
  position: relative;
}
.about-domain-wrap .container {
  overflow: hidden;
}
.about-domain-wrap .change-page {
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 999;
}
.about-domain-wrap .change-page .common {
  text-align: center;
  display: inline-block;
  width: 10%;
}
.about-domain-wrap .change-page .tim {
  padding: 0 60px;
  color: #131212;
  font-size: 26px;
}
.about-domain-wrap .button-next,
.about-domain-wrap .button-prev {
  outline: none;
  width: 30px;
  font-size: 30px;
}
.about-domain-wrap .button-next:hover,
.about-domain-wrap .button-prev:hover {
  color: #23527c;
}
@keyframes lineHover {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes lineHoverOpacity {
  0% {
    background-color: #000000;
  }
  50% {
    background-color: rgba(0, 0, 0, 0);
  }
  100% {
    background-color: rgba(0, 0, 0, 0);
  }
}
.about-company-swiper {
  padding-bottom: 50px !important;
}
.about-company-swiper .swiper-slide {
  background: #fff;
}
.about-company-swiper .swiper-slide .pic {
  width: 100%;
  height: 0;
  padding-bottom: 63.51851852%;
  position: relative;
  overflow: hidden;
  padding-bottom: 74.83918669% !important;
}
.about-company-swiper .swiper-slide .pic > span,
.about-company-swiper .swiper-slide .pic > a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.about-company-swiper .swiper-slide .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-company-swiper .swiper-slide .pic,
.about-company-swiper .swiper-slide .pic img {
  display: block;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.about-company-swiper .swiper-slide:hover .pic {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
.about-company-swiper .swiper-slide:hover .pic img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.about-company-swiper .swiper-slide:hover .hx {
  -webkit-transform: translateX(15px);
  -moz-transform: translateX(15px);
  -ms-transform: translateX(15px);
  -o-transform: translateX(15px);
  transform: translateX(15px);
}
.about-company-swiper .swiper-slide:hover .line {
  animation: lineHoverOpacity 0.6s;
}
.about-company-swiper .swiper-slide:hover .line:before {
  animation: lineHover 0.3s;
}
.about-company-swiper .swiper-slide:hover .line:after {
  animation: lineHover 0.3s 0.3s;
}
.about-company-swiper .swiper-pagination {
  bottom: 2px !important;
  color: #131212 !important;
  font-size: 20px;
}
@media (max-width: 1440px) {
  .about-company-swiper .swiper-pagination {
    font-size: 16px;
    bottom: 5px !important;
  }
}
.about-company-swiper img {
  width: 100%;
}
.about-company-swiper .hx {
  color: #151414;
  font-size: 24px;
  line-height: 2;
  padding-left: 100px;
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1440px) {
  .about-company-swiper .hx {
    font-size: 20px;
  }
}
.about-company-swiper .hx .text {
  padding-left: 10px;
}
.about-company-swiper .hx .line {
  width: 100px;
  height: 3px;
  background: #000000;
  display: inline-block;
  bottom: 22px;
  position: absolute;
  left: 0;
}
.about-company-swiper .hx .line:before,
.about-company-swiper .hx .line:after {
  display: block;
  content: ' ';
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 3px;
}
.about-company-swiper .hx .line:before {
  background: #fff;
  z-index: 1;
}
.about-company-swiper .hx .line:after {
  background: #000;
  z-index: 2;
}
@media (max-width: 1440px) {
  .about-company-swiper .hx .line {
    width: 60px;
  }
}
.about-company-swiper .px {
  color: #525252;
  font-size: 16px;
  letter-spacing: 1px;
  -webkit-line-clamp: 4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media (max-width: 1440px) {
  .about-company-swiper .px {
    font-size: 14px;
  }
}
.news-company-cont .news-company-swiper1 {
  width: 55%;
  margin-right: 2%;
}
.news-company-cont .news-company-swiper1 .swiper-slide {
  width: 100%;
  height: 0;
  padding-bottom: 63.51851852%;
  position: relative;
  overflow: hidden;
  padding-bottom: 63.55459459% !important;
}
.news-company-cont .news-company-swiper1 .swiper-slide > span,
.news-company-cont .news-company-swiper1 .swiper-slide > a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.news-company-cont .news-company-swiper1 .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news-company-cont .news-company-swiper2 {
  width: 43%;
  padding-bottom: 80px;
}
.news-company-swiper .swiper-slide {
  background: #fff;
}
.news-company-swiper .swiper-pagination {
  bottom: 0 !important;
  left: -32% !important;
}
@media (max-width: 1440px) {
  .news-company-swiper .swiper-pagination {
    left: -24% !important;
  }
}
@media (max-width: 1440px) {
  .news-company-swiper .swiper-pagination {
    left: -18% !important;
  }
}
.news-company-swiper .swiper-pagination-bullet-active {
  background: #050505 !important;
  opacity: 1;
  outline: none;
}
.news-company-swiper .swiper-pagination-bullet {
  border-radius: 0;
  width: 80px;
  height: 5px;
  background: #bdb9b9 !important;
}
.news-company-swiper h3 {
  font-size: 30px;
  line-height: 2;
  margin-top: 80px;
}
.news-company-swiper h3 a {
  color: #212121;
}
@media (max-width: 1440px) {
  .news-company-swiper h3 {
    font-size: 24px;
    line-height: 1.5;
    margin-top: 35px;
  }
}
@media (max-width: 1040px) {
  .news-company-swiper h3 {
    font-size: 18px;
    margin-top: 20px;
  }
}
.news-company-swiper .tim {
  font-size: 14px;
  color: #f41111;
}
.news-company-swiper .px {
  margin-top: 20px;
  font-size: 14px;
  color: #5f5f5f;
  line-height: 2;
}
@media (max-width: 1040px) {
  .news-company-swiper .px {
    line-height: 1.5;
  }
}
.news-company-more {
  margin: 50px 0 20px;
  width: 100%;
  text-align: center;
}
.news-company-more a,
.news-company-more span {
  padding: 8px 14px;
  margin-right: 5px;
  color: #403e3e;
  border: 1px solid #ddd;
  font-size: 16px;
}
.news-company-more a:hover,
.news-company-more span:hover {
  background: #fff;
  color: #434343 !important;
}
@media (max-width: 1366px) {
  .news-company-more a,
  .news-company-more span {
    font-size: 14px;
  }
}
.news-company-more span {
  background: #fff;
}
.news-trade-detail {
  margin-top: 30px;
  border-bottom: 1px solid #dbd8d8;
  padding-bottom: 30px;
}
.news-trade-detail .pic {
  width: 20%;
  margin-right: 5%;
  overflow: hidden;
}
.news-trade-detail .pic .pic-cont {
  width: 100%;
  height: 0;
  padding-bottom: 63.51851852%;
  position: relative;
  overflow: hidden;
  padding-bottom: 58.19672131% !important;
}
.news-trade-detail .pic .pic-cont > span,
.news-trade-detail .pic .pic-cont > a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.news-trade-detail .pic .pic-cont img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news-trade-detail .cont {
  width: 75%;
}
.news-trade-detail h3 {
  font-size: 26px;
  letter-spacing: 1px;
}
.news-trade-detail h3 a {
  color: #100f0f;
}
@media (max-width: 1440px) {
  .news-trade-detail h3 {
    font-size: 20px;
  }
}
@media (max-width: 1040px) {
  .news-trade-detail h3 {
    font-size: 18px;
    margin: 10px 0 0;
  }
}
.news-trade-detail .tim,
.news-trade-detail .px {
  color: #635e5e;
  font-size: 20px;
  margin-top: 20px;
}
@media (max-width: 1440px) {
  .news-trade-detail .tim,
  .news-trade-detail .px {
    font-size: 16px;
  }
}
@media (max-width: 1040px) {
  .news-trade-detail .tim,
  .news-trade-detail .px {
    font-size: 14px;
    margin-top: 5px;
  }
}
.news-trade-detail .px {
  margin-top: 30px !important;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media (max-width: 1440px) {
  .news-trade-detail .px {
    font-size: 14px;
    margin-top: 14px !important;
  }
}
@media (max-width: 1040px) {
  .news-trade-detail .px {
    font-size: 14px;
    margin-top: 5px !important;
  }
}
.news-detail-wrap {
  background: #f9f7f7;
  padding-bottom: 20px;
}
.news-detail-cont {
  padding: 40px 50px;
  background: #fff;
}
.news-detail-cont h3 {
  font-size: 32px;
  color: #0f0f0f;
  margin: 0 !important;
  width: 100%;
  text-align: center;
}
@media (max-width: 1366px) {
  .news-detail-cont h3 {
    font-size: 28px;
  }
}
@media (max-width: 1040px) {
  .news-detail-cont h3 {
    font-size: 24px;
  }
}
.news-detail-cont .typ {
  width: 100%;
  text-align: center;
  color: #4d4a4a;
  font-size: 16px;
  margin-top: 20px;
  line-height: 28px;
}
.news-detail-cont .typ ul {
  display: block;
}
.news-detail-cont .typ li {
  margin-right: 20px;
  display: inline-block;
}
@media (max-width: 1366px) {
  .news-detail-cont .typ {
    font-size: 16px;
  }
}
.news-detail-cont .cont {
  margin-top: 50px;
  line-height: 2;
  color: #272626;
  font-size: 20px;
}
.news-detail-cont .cont img {
  width: 100%;
}
@media (max-width: 1366px) {
  .news-detail-cont .cont {
    font-size: 16px;
  }
}
.bdshare-button-style0-16:after {
  display: inline-block !important;
}
.news-detail-page {
  color: #1d1c1c;
  font-size: 18px;
}
.news-detail-page a {
  color: #1d1c1c;
}
@media (max-width: 1440px) {
  .news-detail-page {
    font-size: 18px;
  }
}
@media (max-width: 1040px) {
  .news-detail-page {
    font-size: 16px;
  }
}
.case-cont-wrap {
  background: #f7f6f6;
  padding-bottom: 20px;
}
.case-cont-wrap .cont {
  margin-top: 30px;
}
.case-cont-wrap .cont:hover:hover {
  box-shadow: #ecebeb 0px 0px 10px;
  -webkit-box-shadow: #ecebeb 0px 0px 10px;
  -moz-box-shadow: #ecebeb 0px 0px 10px;
}
.case-cont-wrap .pic {
  overflow: hidden;
  position: relative;
  height: 0;
  padding-bottom: 100%;
  /*
            高度Y/宽度X=500/400
            正方形就是100%=400/400
        */
}
.case-cont-wrap .pic img {
  width: 100%;
}
.case-cont-wrap .pic a {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  right: 0;
  overflow: hidden;
}
.case-cont-wrap .pic a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /*居中裁剪*/
}
.case-cont-wrap .hx {
  font-size: 20px;
  background: #fff;
  font-weight: 600000000000;
  width: 100%;
  text-align: center;
  line-height: 5;
}
@media (max-width: 1440px) {
  .case-cont-wrap .hx {
    font-size: 16px;
  }
}
.case-cont-wrap .hx a {
  color: #302f2f;
}
.case-detail-banner {
  z-index: 1;
}
.case-detail-swiper img {
  width: 100%;
}
.case-detail-swiper .swiper-button-next,
.case-detail-swiper .swiper-container-rtl .swiper-button-prev {
  outline: none;
}
.case-detail-swiper .swiper-button-prev {
  left: 5% !important;
}
.case-detail-swiper .swiper-button-next {
  right: 5% !important;
}
.case-detail-wrap {
  padding-bottom: 40px;
  z-index: 2;
  background: #f7f6f6;
  position: relative;
}
.case-detail-wrap .hx {
  padding: 50px;
  background: #fff;
  width: 100%;
  text-align: center;
  color: #090909;
  font-size: 40px;
  letter-spacing: 1px;
  margin-top: -80px;
}
@media (max-width: 1440px) {
  .case-detail-wrap .hx {
    padding: 35px;
    margin-top: -50px;
  }
}
@media (max-width: 1040px) {
  .case-detail-wrap .hx {
    font-size: 20px;
  }
}
.case-detail-wrap .px {
  background: #fff;
  padding: 50px 30px 30px;
  margin-top: 20px;
  color: #090909;
  font-size: 16px;
  line-height: 2;
}
.case-detail-wrap .page {
  margin-top: 40px;
  font-size: 16px;
  color: #090909;
}
.case-detail-wrap .page a {
  color: #090909;
}
.product-typ-wrap {
  margin-top: 60px;
}
.js-product-cont {
  height: 0;
  overflow: hidden;
}
.js-product-cont1 {
  height: 100%;
}
.product-typ-lef .contdetail {
  border: 1px solid #e7e6e6;
  padding: 20px 10px;
  margin-bottom: 30px;
}
.product-typ-lef .contdetail:hover:hover {
  box-shadow: #ecebeb 0px 0px 10px;
  -webkit-box-shadow: #ecebeb 0px 0px 10px;
  -moz-box-shadow: #ecebeb 0px 0px 10px;
}
.product-typ-lef .lef-pic {
  width: 80%;
  text-align: center;
  width: 100%;
  height: 0;
  padding-bottom: 63.51851852%;
  position: relative;
  overflow: hidden;
  padding-bottom: 100% !important;
}
.product-typ-lef .lef-pic > span,
.product-typ-lef .lef-pic > a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.product-typ-lef .lef-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-typ-lef .desc .hx {
  color: #1c1c1c;
  font-size: 30px;
  line-height: 2;
}
.product-typ-lef .desc .hx a {
  font-size: 20px;
  color: #686565;
}
.product-typ-lef .desc .hx i {
  font-size: 40px;
}
@media (max-width: 1440px) {
  .product-typ-lef .desc .hx i {
    font-size: 30px;
  }
}
@media (max-width: 1366px) {
  .product-typ-lef .desc .hx i {
    font-size: 24px;
  }
}
@media (max-width: 1040px) {
  .product-typ-lef .desc .hx i {
    font-size: 20px;
  }
}
@media (max-width: 1440px) {
  .product-typ-lef .desc .hx {
    font-size: 26px;
  }
}
@media (max-width: 1366px) {
  .product-typ-lef .desc .hx {
    font-size: 24px;
  }
}
@media (max-width: 1040px) {
  .product-typ-lef .desc .hx {
    font-size: 20px;
  }
}
.product-typ-lef .desc .px {
  color: #464444;
  font-size: 16px;
  line-height: 2;
  margin-top: 20px;
}
@media (max-width: 1040px) {
  .product-typ-lef .desc .px {
    font-size: 14px;
    line-height: 1.5;
  }
}
.product-typ-lef .product {
  margin-top: 20px;
  padding-bottom: 20px;
}
.product-typ-lef .product .hx {
  color: #212020;
  font-size: 22px;
  line-height: 2;
}
@media (max-width: 1440px) {
  .product-typ-lef .product .hx {
    font-size: 20px;
  }
}
@media (max-width: 1040px) {
  .product-typ-lef .product .hx {
    font-size: 16px;
  }
}
.product-typ-lef .product ul {
  padding: 0 5px;
}
.product-typ-lef .product li {
  float: left;
  width: 18%;
  margin-right: 2.5%;
  padding: 10px 0;
}
.product-typ-lef .product li:last-child {
  margin-right: 0;
}
.product-typ-lef .product li:hover {
  box-shadow: #ecebeb 0px 0px 10px;
  -webkit-box-shadow: #ecebeb 0px 0px 10px;
  -moz-box-shadow: #ecebeb 0px 0px 10px;
}
.product-typ-lef .product .pic {
  width: 100%;
  height: 0;
  padding-bottom: 63.51851852%;
  position: relative;
  overflow: hidden;
  padding-bottom: 100% !important;
}
.product-typ-lef .product .pic > span,
.product-typ-lef .product .pic > a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.product-typ-lef .product .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-typ-lef .product .pic img {
  padding: 0 10px;
}
.product-typ-lef .product .tit {
  width: 100%;
  text-align: center;
  color: #605d5d;
  font-size: 14px;
}
@media (max-width: 1040px) {
  .product-typ-lef .product .tit {
    font-size: 12px;
  }
}
.product-typ-lef .parts {
  margin-top: 20px;
}
.product-typ-lef .parts .hx {
  color: #212020;
  font-size: 22px;
  line-height: 2;
}
@media (max-width: 1440px) {
  .product-typ-lef .parts .hx {
    font-size: 20px;
  }
}
@media (max-width: 1040px) {
  .product-typ-lef .parts .hx {
    font-size: 16px;
  }
}
.product-typ-lef .parts li {
  float: left;
  width: 18%;
  margin-right: 2.5%;
}
.product-typ-lef .parts li:last-child {
  margin-right: 0;
}
.product-typ-lef .parts .pic {
  width: 100%;
  height: 0;
  padding-bottom: 63.51851852%;
  position: relative;
  overflow: hidden;
  padding-bottom: 77% !important;
}
.product-typ-lef .parts .pic > span,
.product-typ-lef .parts .pic > a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.product-typ-lef .parts .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-typ-lef .parts .tit {
  width: 100%;
  text-align: center;
  color: #605d5d;
  font-size: 14px;
}
.product-typ-rig .tit {
  color: #1c1c1c;
  font-size: 26px;
  letter-spacing: 1px;
  background: #eeecec;
  padding: 20px 30px;
}
.product-typ-rig .tit a {
  color: #686565;
  font-size: 30px;
}
@media (max-width: 1440px) {
  .product-typ-rig .tit a {
    font-size: 20px;
  }
}
@media (max-width: 1040px) {
  .product-typ-rig .tit a {
    font-size: 16px;
  }
}
@media (max-width: 1440px) {
  .product-typ-rig .tit {
    font-size: 18px;
    padding: 10px 30px;
  }
}
@media (max-width: 1040px) {
  .product-typ-rig .tit {
    font-size: 16px;
  }
}
.product-typ-rig .typ {
  padding-top: 20px;
}
.product-typ-rig .typ:last-child {
  text-align: right;
}
.product-typ-rig input[type=text],
.product-typ-rig textarea {
  width: 100%;
  height: 55px;
  padding: 10px;
  color: #807878;
  font-size: 16px;
}
@media (max-width: 1440px) {
  .product-typ-rig input[type=text],
  .product-typ-rig textarea {
    height: 40px;
    font-size: 14px;
  }
}
.product-typ-rig textarea {
  height: 170px;
}
@media (max-width: 1440px) {
  .product-typ-rig textarea {
    height: 60px;
  }
}
.product-typ-rig input[type=submit] {
  background: #7bb4f6;
  color: #fff;
  font-size: 16px;
  letter-spacing: 1px;
  border: 0;
  padding: 20px 50px;
}
@media (max-width: 1440px) {
  .product-typ-rig input[type=submit] {
    padding: 10px 50px;
    font-size: 14px;
  }
}
.productlamp-wrap {
  background: #f5f5f5;
  padding: 30px 0;
}
.productlamp-typ .part {
  padding: 25px;
  background: #fff;
  margin-bottom: 20px;
}
.productlamp-typ .partone .cont-tit {
  line-height: 2 !important;
}
.productlamp-typ .partone li {
  margin-bottom: 0 !important;
}
.productlamp-typ .cont-tit {
  text-align: center;
  color: #232222;
  font-size: 18px;
  line-height: 5;
  border-right: 1px solid #dbd8d8;
  margin-right: 40px;
}
@media (max-width: 1440px) {
  .productlamp-typ .cont-tit {
    font-size: 18px;
  }
}
@media (max-width: 1040px) {
  .productlamp-typ .cont-tit {
    font-size: 16px;
    margin-right: 0;
  }
}
.productlamp-typ .cont-detail ul {
  margin-bottom: 0 !important;
}
.productlamp-typ .cont-detail li {
  float: left;
  font-size: 18px;
  width: 10.75%;
  margin-right: 2%;
  margin-bottom: 20px;
  line-height: 2;
}
.productlamp-typ .cont-detail li:last-child {
  margin-right: 0;
}
.productlamp-typ .cont-detail li:nth-child(8n) {
  margin-right: 0;
}
.productlamp-typ .cont-detail li:nth-child(n+9) {
  margin-bottom: 0;
}
.productlamp-typ .cont-detail li a {
  color: #8d8688;
}
.productlamp-typ .cont-detail li.active a {
  color: #185cab !important;
}
@media (max-width: 1440px) {
  .productlamp-typ .cont-detail li {
    font-size: 16px;
  }
}
@media (max-width: 1040px) {
  .productlamp-typ .cont-detail li {
    font-size: 13px;
  }
}
.productlamp-cont li {
  float: left;
  width: 18.8%;
  margin-right: 1.5%;
  margin-bottom: 20px;
}
.productlamp-cont li:nth-child(5n) {
  margin-right: 0;
}
.productlamp-cont li:hover {
  box-shadow: #ecebeb 0px 0px 10px;
  -webkit-box-shadow: #ecebeb 0px 0px 10px;
  -moz-box-shadow: #ecebeb 0px 0px 10px;
}
.productlamp-cont .pic {
  width: 100%;
  height: 0;
  padding-bottom: 63.51851852%;
  position: relative;
  padding-bottom: 94.62025316% !important;
  overflow: hidden;
}
.productlamp-cont .pic > span,
.productlamp-cont .pic > a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.productlamp-cont .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.productlamp-cont .desc {
  background: #fff;
  padding: 20px;
  text-align: center;
  font-size: 16px;
}
.productlamp-cont .desc .hx {
  display: block;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.productlamp-cont .desc .hx:first-child {
  margin-bottom: 8px;
}
.productlamp-cont .desc a {
  color: #272728;
}
@media (max-width: 1440px) {
  .productlamp-cont .desc {
    font-size: 16px;
  }
}
@media (max-width: 1040px) {
  .productlamp-cont .desc {
    font-size: 12px;
  }
}
.product-series-choose {
  zoom: 1;
}
.product-series-choose:before,
.product-series-choose:after {
  content: "";
  display: block;
  visibility: hidden;
  clear: both;
}
.product-series-choose select {
  width: 190px;
  padding: 0 15px;
  margin: 0;
  height: 45px;
  color: #696363;
  font-size: 16px;
  margin-right: 30px;
}
.product-series-choose select:last-child {
  margin-right: 0;
}
.product-series-choose option {
  text-align: center;
}
.product-series-choose span {
  color: #4a4b4b;
  font-size: 20px;
  margin-right: 20px;
}
.product-series-pic {
  width: 100%;
  height: 0;
  padding-bottom: 63.51851852%;
  position: relative;
  overflow: hidden;
  padding-bottom: 41.72751331% !important;
  box-shadow: #ecebeb 0px 0px 10px;
  -webkit-box-shadow: #ecebeb 0px 0px 10px;
  -moz-box-shadow: #ecebeb 0px 0px 10px;
}
.product-series-pic > span,
.product-series-pic > a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.product-series-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-series-menu .tit {
  color: #232222;
  font-size: 26px;
}
.product-series-menu .detail li {
  float: left;
  width: 18.8%;
  margin-right: 1.5%;
  text-align: center;
  margin-top: 20px;
}
.product-series-menu .detail li:last-child {
  margin-right: 0;
}
.product-series-menu .detail li:hover .desc {
  display: block;
}
.product-series-menu .detail li.active .desc {
  display: block;
}
.product-series-menu .detail .pic {
  width: 100%;
  height: 0;
  padding-bottom: 63.51851852%;
  padding-bottom: 100% !important;
  position: relative;
  overflow: hidden;
}
.product-series-menu .detail .pic > span,
.product-series-menu .detail .pic > a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.product-series-menu .detail .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-series-menu .detail .pic .hx {
  color: #232222;
  font-size: 16px;
  margin-top: 10px;
}
.product-series-menu .detail .desc {
  position: absolute;
  display: none;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(24, 92, 171, 0.9);
  color: #fff;
  padding: 40px 30px;
}
@media (max-width: 1440px) {
  .product-series-menu .detail .desc {
    padding: 10px 20px;
  }
}
@media (max-width: 1040px) {
  .product-series-menu .detail .desc {
    padding: 10px;
  }
}
.product-series-menu .detail .desc .hx {
  font-size: 20px;
  color: #fff !important;
}
@media (max-width: 1440px) {
  .product-series-menu .detail .desc .hx {
    font-size: 16px;
  }
}
.product-series-menu .detail .desc .px {
  font-size: 14px;
  text-align: left;
  margin-top: 20px;
  line-height: 2;
}
@media (max-width: 1440px) {
  .product-series-menu .detail .desc .px {
    margin-top: 10px;
    line-height: 1.7;
  }
}
@media (max-width: 1040px) {
  .product-series-menu .detail .desc .px {
    font-size: 12px;
    line-height: 1.5;
  }
}
.product-series-menu .detail .desc .ico {
  margin-top: 40px;
}
.product-series-menu .detail .desc .ico i {
  font-size: 40px;
}
@media (max-width: 1440px) {
  .product-series-menu .detail .desc .ico {
    margin-top: 10px;
  }
}
@media (max-width: 1040px) {
  .product-series-menu .detail .desc .ico {
    margin-top: 0;
  }
}
.product-series-detail {
  border: 1px solid #dbd8d8;
  box-shadow: #ecebeb 0px 0px 10px;
  -webkit-box-shadow: #ecebeb 0px 0px 10px;
  -moz-box-shadow: #ecebeb 0px 0px 10px;
  padding: 30px;
}
@media (max-width: 1440px) {
  .product-series-detail {
    padding: 30px 20px;
  }
}
.product-series-detail .pic {
  width: 70%;
  width: 100%;
  height: 0;
  padding-bottom: 63.51851852%;
  position: relative;
  overflow: hidden;
  padding-bottom: 100% !important;
}
.product-series-detail .pic > span,
.product-series-detail .pic > a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.product-series-detail .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-series-detail .pic .hx {
  color: #1d1d1d;
  font-size: 18px;
  text-align: center;
  margin-top: 20px;
}
.product-series-detail .part {
  color: #1d1d1d;
}
.product-series-detail .part .hx {
  font-size: 20px;
}
.product-series-detail .part .px {
  font-size: 14px;
  line-height: 2;
  margin-top: 20px;
}
.product-series-detail .more .tit {
  color: #1d1d1d;
  font-size: 30px;
  line-height: 2;
  margin-top: 20px;
}
@media (max-width: 1440px) {
  .product-series-detail .more .tit {
    font-size: 24px;
  }
}
.product-series-detail .more li {
  float: left;
  width: 49%;
  margin-right: 2%;
  margin-top: 30px;
}
.product-series-detail .more li:nth-child(2n) {
  margin-right: 0;
}
.product-series-detail .more li .pic {
  width: 100%;
  border: 1px solid #e2e0e0;
}
.product-series-detail .more li .pic img {
  width: 100%;
}
.product-series-detail .more .desc {
  margin-top: 5px;
  line-height: 2;
}
@media (max-width: 1440px) {
  .product-series-detail .more .desc {
    margin-top: 0;
    line-height: 1.5;
  }
}
.product-series-detail .more .desc-pj {
  padding-top: 10px;
}
@media (max-width: 1440px) {
  .product-series-detail .more .desc-pj {
    padding-top: 6px;
  }
}
@media (max-width: 1040px) {
  .product-series-detail .more .desc-pj {
    padding-top: 2px;
  }
}
.product-seriesshow-wrap {
  background: #f4f1f1;
}
.product-seriesshow-cont {
  padding-top: 20px;
}
.product-seriesshow-lef {
  padding: 20px;
  background: #fff;
}
.product-seriesshow-lef .hx {
  color: #232222;
  font-size: 30px;
  line-height: 2;
}
@media (max-width: 1366px) {
  .product-seriesshow-lef .hx {
    font-size: 24px;
  }
}
.product-seriesshow-lef .pic {
  width: 100%;
  height: 0;
  padding-bottom: 63.51851852%;
  position: relative;
  overflow: hidden;
  padding-bottom: 100% !important;
}
.product-seriesshow-lef .pic > span,
.product-seriesshow-lef .pic > a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.product-seriesshow-lef .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-seriesshow-lef .detail {
  color: #272727;
}
.product-seriesshow-lef .detail .tit {
  font-size: 22px;
  line-height: 2;
}
@media (max-width: 1366px) {
  .product-seriesshow-lef .detail .tit {
    font-size: 20px;
  }
}
.product-seriesshow-lef .detail .px {
  font-size: 16px;
  line-height: 2;
}
@media (max-width: 1366px) {
  .product-seriesshow-lef .detail .px {
    font-size: 14px;
  }
}
.product-seriesshow-lef table {
  width: 95%;
  color: #232222;
  font-size: 16px;
  line-height: 3;
}
.product-seriesshow-lef table td {
  padding: 0 10px;
}
.product-seriesshow-lef table .tab-c {
  text-align: center;
}
@media (max-width: 1440px) {
  .product-seriesshow-lef table {
    width: 100%;
  }
}
@media (max-width: 1366px) {
  .product-seriesshow-lef table {
    font-size: 14px;
  }
}
.product-seriesshow-rig {
  padding: 30px 20px;
  background: #fff;
}
.product-seriesshow-rig .part .hx {
  color: #232222;
  font-size: 24px;
}
@media (max-width: 1440px) {
  .product-seriesshow-rig .part .hx {
    font-size: 16px;
  }
}
.product-seriesshow-rig .part .px {
  color: #7bb4f6;
  font-size: 16px;
}
@media (max-width: 1440px) {
  .product-seriesshow-rig .part .px {
    font-size: 14px;
  }
}
@media (max-width: 1440px) {
  .product-seriesshow-rig .part .px {
    font-size: 12px;
  }
}
.product-seriesshow-rig .part span {
  font-size: 16px;
  margin-right: 10px;
}
.product-seriesshow-rig .part span:last-child {
  margin-right: 0;
}
.product-seriesshow-rig .part span:last-child a {
  color: #e6113e;
}
.product-seriesshow-rig .part span:last-child i {
  font-size: 30px !important;
}
.product-seriesshow-rig .part span:nth-child(2) {
  margin-right: 30px;
}
@media (max-width: 1040px) {
  .product-seriesshow-rig .part span:nth-child(2) {
    margin-right: 10px;
  }
}
@media (max-width: 1040px) {
  .product-seriesshow-rig .part span {
    margin-right: 5px;
  }
}
.product-seriesshow-rig .part .desc {
  color: #232222;
  font-size: 18px;
}
@media (max-width: 1440px) {
  .product-seriesshow-rig .part .desc {
    font-size: 16px;
  }
}
.product-switch-wrap {
  background: #f5f5f5;
  padding-bottom: 60px;
}
.product-switch-cont li {
  float: left;
  margin-top: 50px;
  width: 18.8%;
  margin-right: 1.5%;
  box-shadow: #ecebeb 0px 0px 10px;
  -webkit-box-shadow: #ecebeb 0px 0px 10px;
  -moz-box-shadow: #ecebeb 0px 0px 10px;
  background: #fff;
  padding: 0 10px 30px;
}
.product-switch-cont li:nth-child(5n) {
  margin-right: 0;
}
.product-switch-cont li .pic {
  width: 100%;
  height: 0;
  padding-bottom: 63.51851852%;
  position: relative;
  padding-bottom: 115.87837838% !important;
  overflow: hidden;
}
.product-switch-cont li .pic > span,
.product-switch-cont li .pic > a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.product-switch-cont li .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-switch-cont .desc {
  color: #272728;
  font-size: 20px;
  line-height: 1.5;
  width: 100%;
  text-align: center;
}
@media (max-width: 1440px) {
  .product-switch-cont .desc {
    font-size: 16px;
  }
}
.product-switchdetail-wrap {
  padding-bottom: 20px;
}
.product-switchdetail-cont {
  background: #fff;
  margin: 30px;
  padding: 30px;
}
.product-switchdetail-swiper .pic {
  width: 100%;
  height: 0;
  padding-bottom: 63.51851852%;
  position: relative;
  overflow: hidden;
  padding-bottom: 100% !important;
}
.product-switchdetail-swiper .pic > span,
.product-switchdetail-swiper .pic > a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.product-switchdetail-swiper .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-switchdetail-swiper .swiper-button-next,
.product-switchdetail-swiper .swiper-button-prev {
  outline: none;
  color: #bfbfbf;
}
.product-switchdetail-swiper .swiper-pagination-bullet-active {
  background: #91c1f8 !important;
}
.product-switchdetail-swiper .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  outline: none;
  border: 1px solid #91c1f8;
  background: #fff;
  opacity: 0.9;
}
.product-switchdetail-typ .tit {
  text-align: center;
  color: #1e1d1d;
}
.product-switchdetail-typ .tit h3 {
  font-size: 40px;
}
@media (max-width: 1440px) {
  .product-switchdetail-typ .tit h3 {
    font-size: 30px;
  }
}
@media (max-width: 1040px) {
  .product-switchdetail-typ .tit h3 {
    font-size: 20px;
  }
}
.product-switchdetail-typ .tit .hx {
  font-size: 32px;
  line-height: 2;
}
@media (max-width: 1440px) {
  .product-switchdetail-typ .tit .hx {
    font-size: 24px;
  }
}
@media (max-width: 1040px) {
  .product-switchdetail-typ .tit .hx {
    font-size: 16px;
  }
}
.product-switchdetail-typ .tit .px {
  color: #626060;
  font-size: 18px;
  line-height: 2;
}
@media (max-width: 1040px) {
  .product-switchdetail-typ .tit .px {
    font-size: 16px;
  }
}
.product-switchdetail-typ .desc {
  text-align: center;
}
.product-switchdetail-typ .desc .tit {
  color: #1e1d1d;
  font-size: 22px;
  line-height: 3;
}
@media (max-width: 1040px) {
  .product-switchdetail-typ .desc .tit {
    font-size: 20px;
  }
}
.product-switchdetail-typ .desc .cont {
  margin-bottom: 60px;
}
@media (max-width: 1040px) {
  .product-switchdetail-typ .desc .cont {
    margin-bottom: 30px;
  }
}
.product-switchdetail-typ .desc .hx {
  color: #1e1d1d;
  font-size: 22px;
  line-height: 2;
}
@media (max-width: 1440px) {
  .product-switchdetail-typ .desc .hx {
    font-size: 20px;
  }
}
@media (max-width: 1040px) {
  .product-switchdetail-typ .desc .hx {
    font-size: 18px;
  }
}
.product-switchdetail-typ .desc .px {
  color: #7d7777;
  font-size: 16px;
}
@media (max-width: 1040px) {
  .product-switchdetail-typ .desc .px {
    font-size: 13px;
  }
}
.product-lampdetail-wrap {
  background: #f5f5f5;
  padding: 30px 0;
}
.product-lampdetail-wrap .part {
  background: #fff;
  padding: 30px;
}
.product-lampdetail-tit .pic {
  width: 90%;
}
.product-lampdetail-tit .pic .pic-cont {
  width: 100%;
  height: 0;
  padding-bottom: 63.51851852%;
  position: relative;
  overflow: hidden;
  padding-bottom: 94.65811966% !important;
}
.product-lampdetail-tit .pic .pic-cont > span,
.product-lampdetail-tit .pic .pic-cont > a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.product-lampdetail-tit .pic .pic-cont img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 1040px) {
  .product-lampdetail-tit .pic {
    width: 100%;
  }
}
.product-lampdetail-tit h3 {
  color: #191919;
  font-size: 30px;
  line-height: 2;
}
@media (max-width: 1440px) {
  .product-lampdetail-tit h3 {
    font-size: 20px;
    margin-top: 0;
  }
}
@media (max-width: 1040px) {
  .product-lampdetail-tit h3 {
    font-size: 16px;
    margin-top: 10px;
  }
}
.product-lampdetail-tit .tit {
  color: #191919;
  font-size: 20px;
}
@media (max-width: 1440px) {
  .product-lampdetail-tit .tit {
    font-size: 16px;
  }
}
@media (max-width: 1040px) {
  .product-lampdetail-tit .tit {
    font-size: 14px;
  }
}
.product-lampdetail-tit .typ {
  margin-top: 20px;
}
.product-lampdetail-tit .typ span {
  padding: 10px 30px;
  border: 1px solid #7fabe2;
  color: #7fabe2;
}
.product-lampdetail-tit .typ span:first-child {
  margin-right: 20px;
}
@media (max-width: 1040px) {
  .product-lampdetail-tit .typ span {
    padding: 5px 15px;
  }
}
@media (max-width: 1440px) {
  .product-lampdetail-tit .typ {
    font-size: 12px;
  }
}
.product-lampdetail-tit .desc {
  background: #f5f5f5;
  border: 1px solid #dfdcdc;
  padding: 30px 30px 50px;
  font-size: 16px;
  color: #535151;
}
.product-lampdetail-tit .desc .cont {
  margin-top: 30px;
}
@media (max-width: 1440px) {
  .product-lampdetail-tit .desc .cont {
    margin-top: 15px;
  }
}
.product-lampdetail-tit .desc i {
  margin-right: 10px;
  font-size: 12px;
  color: #91c1f8;
}
@media (max-width: 1040px) {
  .product-lampdetail-tit .desc i {
    margin-right: 1px;
  }
}
@media (max-width: 1440px) {
  .product-lampdetail-tit .desc {
    padding: 17px 20px 35px;
    font-size: 12px;
  }
}
@media (max-width: 1040px) {
  .product-lampdetail-tit .desc {
    padding: 0 20px 15px;
  }
  .product-lampdetail-tit .desc .col-md-4 {
    padding-left: 0;
    padding-right: 0;
  }
}
.product-lampdetail-desc .pic img {
  width: 100%;
}
.join-detail-cont .cont {
  margin-top: 30px;
}
.join-detail-cont .pic {
  width: 100%;
  height: 0;
  padding-bottom: 63.51851852%;
  padding-bottom: 69.87002903% !important;
  overflow: hidden;
  position: relative;
}
.join-detail-cont .pic > span,
.join-detail-cont .pic > a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.join-detail-cont .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.join-detail-cont .pic:hover .more {
  display: block;
}
.join-detail-cont .pic:hover .typ {
  display: none;
}
.join-detail-cont .typ {
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px 50px;
  background: #f6a800;
  color: #fff;
  z-index: 1;
}
@media (max-width: 1040px) {
  .join-detail-cont .typ {
    font-size: 14px;
    padding: 7px 20px;
  }
}
.join-detail-cont .more {
  position: absolute;
  text-align: center;
  display: none;
  top: 0;
  bottom: 0;
  width: 100%;
  background: rgba(86, 159, 243, 0.8);
  z-index: 2;
}
.join-detail-cont .more a {
  padding: 15px 40px;
  border: 2px solid #fff;
  color: #fff !important;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.join-detail-cont .desc {
  box-shadow: #ecebeb 0px 0px 10px;
  -webkit-box-shadow: #ecebeb 0px 0px 10px;
  -moz-box-shadow: #ecebeb 0px 0px 10px;
  padding: 20px;
}
.join-detail-cont .desc .hx {
  color: #302e2e;
  font-size: 20px;
}
@media (max-width: 1440px) {
  .join-detail-cont .desc .hx {
    font-size: 18px;
  }
}
@media (max-width: 1040px) {
  .join-detail-cont .desc .hx {
    font-size: 16px;
  }
}
.join-detail-cont .desc .px {
  color: #413e3e;
  font-size: 16px;
}
@media (max-width: 1040px) {
  .join-detail-cont .desc .px {
    font-size: 14px;
  }
}
.join-detailshow-2 {
  margin-top: 20px!important;
}
.join-detailshow-2 .pic {
  float: left;
  width: 100%;
  height: 0;
  padding-bottom: 63.51851852%;
  position: relative;
  overflow: hidden;
  padding-bottom: 69.87085692% !important;
}
.join-detailshow-2 .pic:last-child {
  margin-right: 0;
}
.join-detailshow-2 .pic > span,
.join-detailshow-2 .pic > a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.join-detailshow-2 .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.join-detailshow-2 .swiper-slide {
  position: relative;
}
.join-detailshow-2 .swiper-slide .bg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
}
.join-detailshow-2 .swiper-slide.active .bg {
  background: rgba(0, 0, 0, 0);
}
.join-detailshow-swiper-1 .swiper-slide {
  width: 100% !important;
}
.join-detailshow-swiper .pic {
  width: 100%;
  height: 0;
  padding-bottom: 63.51851852%;
  position: relative;
  overflow: hidden;
  padding-bottom: 69.87196553% !important;
}
.join-detailshow-swiper .pic > span,
.join-detailshow-swiper .pic > a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.join-detailshow-swiper .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.join-detailshow-swiper .swiper-button-next,
.join-detailshow-swiper .swiper-button-prev {
  outline: none;
  background: rgba(0, 0, 0, 0.5);
  width: 60px;
  height: 120px;
  top: 45%;
  padding-top: 4.5%;
}
.join-detailshow-swiper .swiper-button-next i,
.join-detailshow-swiper .swiper-button-prev i {
  color: #fff;
  font-size: 30px;
}
.join-detailshow-swiper .swiper-button-next:hover,
.join-detailshow-swiper .swiper-button-prev:hover {
  background: rgba(0, 0, 0, 0.8);
}
.join-detailshow-swiper .swiper-button-next {
  right: 0;
}
.join-detailshow-swiper .swiper-button-next i {
  margin: 0 10px;
}
.join-detailshow-swiper .swiper-button-prev {
  left: 0;
}
.join-detailshow-swiper .swiper-button-prev i {
  margin: 0 10px;
}
.join-detailshow-cont .detail .hx {
  color: #302e2e;
  font-size: 30px;
  line-height: 2;
  margin-top: 40px;
}
@media (max-width: 1440px) {
  .join-detailshow-cont .detail .hx {
    font-size: 24px;
    margin-top: 20px;
  }
}
@media (max-width: 1040px) {
  .join-detailshow-cont .detail .hx {
    font-size: 20px;
    margin-top: 10px;
  }
}
.join-detailshow-cont .detail .desc {
  color: #564f4f;
  font-size: 16px;
  line-height: 2;
  margin-top: 40px;
}
@media (max-width: 1440px) {
  .join-detailshow-cont .detail .desc {
    margin-top: 20px;
  }
}
@media (max-width: 1040px) {
  .join-detailshow-cont .detail .desc {
    margin-top: 10px;
  }
}
.join-detailshow-cont .detail .infomation {
  margin-top: 40px;
  width: 100%;
  text-align: center;
  border: 1px solid #f0eded;
  padding: 30px;
}
@media (max-width: 1440px) {
  .join-detailshow-cont .detail .infomation {
    padding: 20px 30px;
    width: 80%;
  }
}
@media (max-width: 1040px) {
  .join-detailshow-cont .detail .infomation {
    padding: 5px 30px;
    margin-top: 20px;
  }
}
.join-detailshow-cont .detail .infomation .tit {
  color: #262626;
  font-size: 20px;
  line-height: 3;
}
@media (max-width: 1440px) {
  .join-detailshow-cont .detail .infomation .tit {
    font-size: 16px;
  }
}
.join-detailshow-cont .detail .infomation .more {
  margin: 30px 0;
}
@media (max-width: 1440px) {
  .join-detailshow-cont .detail .infomation .more {
    margin: 20px 0;
  }
}
.join-detailshow-cont .detail .infomation a {
  color: #fff !important;
  padding: 20px 50px;
  background: #268fe8;
  font-size: 20px;
  letter-spacing: 1px;
}
@media (max-width: 1440px) {
  .join-detailshow-cont .detail .infomation a {
    font-size: 14px;
    padding: 10px 50px;
  }
}
.join-detailshow-cont .detail .infomation .px {
  color: #2c2a2a;
  font-size: 18px;
  padding-top: 20px;
}
@media (max-width: 1440px) {
  .join-detailshow-cont .detail .infomation .px {
    font-size: 14px;
    padding-top: 10px;
  }
}
.join-search {
  position: fixed;
  width: 100%;
  display: none;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(83, 60, 60, 0.7);
  z-index: 999999;
}
.join-search .cont {
  margin-left: 35%;
  margin-top: 5%;
  width: 30%;
}
@media (max-width: 1440px) {
  .join-search .cont {
    margin-top: 9%;
  }
}
@media (max-width: 1040px) {
  .join-search .cont {
    width: 40%;
    margin-left: 30%;
  }
}
.join-search .hx {
  color: #fff;
  font-size: 30px;
  line-height: 3;
}
@media (max-width: 1440px) {
  .join-search .hx {
    font-size: 20px;
  }
}
.join-search form {
  text-align: center;
}
.join-search input[type=text],
.join-search textarea {
  width: 100%;
  height: 90px;
  margin-bottom: 20px;
  padding: 10px 20px;
  color: #757171;
  font-size: 20px;
  border-radius: 10px;
}
@media (max-width: 1440px) {
  .join-search input[type=text],
  .join-search textarea {
    font-size: 16px;
    height: 70px;
  }
}
.join-search textarea {
  height: 110px;
}
.join-search input[type=submit] {
  width: 35%;
  border: 1px solid #fff;
  background: transparent;
  color: #fff;
  font-size: 20px;
  padding: 15px 0;
  letter-spacing: 1px;
}
@media (max-width: 1440px) {
  .join-search input[type=submit] {
    font-size: 16px;
    padding: 10px 0;
  }
}
.join-search .part {
  position: relative;
}
.join-search .typ {
  position: absolute;
  right: 10px;
  top: 30px;
}
.join-search .typ label {
  font-weight: normal;
}
.join-search .typ label:first-child {
  margin-right: 10px;
}
@media (max-width: 1440px) {
  .join-search .typ {
    top: 25px;
  }
}
.join-search input[type="radio"] {
  margin: 0 2px;
}
.join-search .join-select {
  position: relative;
}
.join-search .join-select .detail {
  position: absolute;
  width: 80%;
  right: 0;
  top: 30px;
}
@media (max-width: 1440px) {
  .join-search .join-select .detail {
    top: 20px;
    width: 75%;
  }
}
.join-search .join-select select {
  width: 31%;
  float: left;
  margin-right: 2%;
}
.join-search .join-select select:last-child {
  margin-right: 0;
}
.join-search i {
  color: #fff !important;
}