.w1520 { width: 15.2rem; margin: 0 auto; position: relative; font-size: 0; }

@media (max-width: 1540px) { .w1520 { width: 94%; } }

header { width: 100%; position: fixed; top: 0; left: 0; right: 0; z-index: 20; }

header .hops { width: 100%; background-color: #002040; }

header .hop { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.08rem 0; }

header .hop .hol { display: inline-block; vertical-align: middle; }

header .hop .hol .hm { display: inline-block; vertical-align: middle; color: rgba(255, 255, 255, 0.7); line-height: 1.5; }

header .hop .hor { display: inline-block; vertical-align: middle; font-size: 0; }

header .hop .hor .hiom { display: inline-block; vertical-align: middle; color: rgba(255, 255, 255, 0.7); line-height: 1.5; }

header .hop .hor .hiom span { display: inline-block; vertical-align: middle; width: 16px; margin-right: 0.08rem; }

header .hop .hor .hiom span img { width: 100%; display: block; }

header .hop .hor .hiom + .hiom { margin-left: 0.3rem; }

header .hobs { width: 100%; background-color: #fff; -webkit-box-shadow: 0px 0px 16px 0px rgba(4, 0, 0, 0.08); box-shadow: 0px 0px 16px 0px rgba(4, 0, 0, 0.08); }

header .hob { width: 100%; font-size: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

header .hob .logo { display: inline-block; vertical-align: middle; width: 1.19rem; }

header .hob .logo a, header .hob .logo img { width: 100%; display: block; }

header .hob nav { display: inline-block; vertical-align: middle; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: right; }

header .hob nav .natem { width: auto; display: inline-block; vertical-align: middle; position: relative; text-align: left; }

header .hob nav .natem .nas { width: auto; display: inline-block; position: relative; margin: 0 0.1rem; }

header .hob nav .natem .nas a { display: inline-block; line-height: 3.5; line-height: 1rem; color: #333; position: relative; padding: 0 0.15rem; }

header .hob nav .natem .nas:after { content: ' '; position: absolute; left: 50%; top: 0rem; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; width: 100%; height: 0.04rem; background-color: #00cae7; }

header .hob nav .natem .navuls { width: 2.2rem; width: 140px; position: absolute; z-index: 101; left: calc(50%); top: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: white; -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.09); display: none; }

header .hob nav .natem .navuls ul { width: 100%; }

header .hob nav .natem .navuls ul li { width: 100%; position: relative; }

header .hob nav .natem .navuls ul li .njm { width: 100%; font-size: 0; background-color: rgba(255, 255, 255, 0.5); }

header .hob nav .natem .navuls ul li .ns { width: 100%; display: inline-block; vertical-align: middle; line-height: 3; color: #222; text-align: left; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 0 0.15rem; position: relative; background-color: rgba(255, 255, 255, 0.5); }

header .hob nav .natem .navuls ul li .theul { width: 100%; background-color: #f4f4f5; display: none; position: absolute; left: 100%; top: 0; }

header .hob nav .natem .navuls ul li .theul li { width: 100%; font-size: 0; }

header .hob nav .natem .navuls ul li .theul li .xn { display: inline-block; vertical-align: middle; color: #81838e; line-height: 2.5; padding: 0 0.2rem; width: 100%; }

header .hob nav .natem .navuls ul li .theul li:hover { background-color: #e5e5ed; }

header .hob nav .natem .navuls ul li .theul li:hover .xn { color: #00cae7; }

header .hob nav .natem .navuls ul li:hover .ns { background-color: #00cae7; }

header .hob nav .natem .navuls ul li.has-the:after { content: " "; display: inline-block; width: 8px; height: 11px; position: absolute; right: 0.08rem; left: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; background-image: url("../images/r1.png"); background-size: 100% 100%; background-position: center; }

header .hob nav .natem .navuls ul li.has-the.show:after { content: "-"; }

header .hob nav .natem.on .nas a { color: #00cae7; }

header .hob nav .natem.on .nas:after { opacity: 1; }

header .hob nav .natem:hover .nas a { color: #00cae7; }

header .hob nav .natem:hover .nas:after { opacity: 1; }

header .hob .rav { display: inline-block; vertical-align: middle; padding-left: 0.2rem; }

header .hob .rav .am { display: inline-block; vertical-align: middle; width: 19px; height: 19px; display: none; }

header .hob .rav .am img { width: 100%; display: block; }

header .hob .rav .menu { display: inline-block; vertical-align: middle; width: 24px; height: 24px; margin-left: 0.1rem; cursor: pointer; display: none; position: relative; }

header .hob .rav .menu img { width: 100%; display: block; }

header .hob .rav .menu .clk { width: 100%; height: 100%; text-align: center; color: #333; font-size: 20px; line-height: 24px; text-align: center; position: absolute; z-index: 3; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: none; }

header .hob .rav .seovm { width: 2rem; background-color: #f7f7f7; border-radius: 0.25rem; border: solid 1px #dddddd; font-size: 0%; padding-right: 0.2rem; }

header .hob .rav .seovm form { width: 100%; display: block; }

header .hob .rav .seovm .inl { display: inline-block; vertical-align: middle; width: calc(100% - 19px); }

header .hob .rav .seovm .inl input { width: 100%; display: block; padding: 0 0.2rem; color: #333; line-height: 2.8; height: 2.8em; border: none; background-color: transparent; }

header .hob .rav .seovm .inl input::-webkit-input-placeholder, header .hob .rav .seovm .inl textarea::-webkit-input-placeholder { color: #999; }

header .hob .rav .seovm .inl input:-moz-placeholder, header .hob .rav .seovm .inl textarea:-moz-placeholder { color: #999; }

header .hob .rav .seovm .inl input::-moz-placeholder, header .hob .rav .seovm .inl textarea::-moz-placeholder { color: #999; }

header .hob .rav .seovm .inl input:-ms-input-placeholder, header .hob .rav .seovm .inl textarea:-ms-input-placeholder { color: #999; }

header .hob .rav .seovm .inr { display: inline-block; vertical-align: middle; width: 19px; height: 18px; position: relative; }

header .hob .rav .seovm .inr img { width: 100%; display: block; }

header .hob .rav .seovm .inr input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; z-index: 2.8; border: none; background-color: transparent; }

header .hob .rav .stvm { display: inline-block; vertical-align: middle; position: relative; overflow: hidden; display: none; }

header .hob .rav .stvm .input { display: inline-block; vertical-align: middle; width: 0; border-bottom: solid 1px #eee; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; }

header .hob .rav .stvm .input input { width: 100%; display: block; border: none; background-color: transparent; line-height: 2.5; color: #333; }

header .hob .rav .stvm .input input::-webkit-input-placeholder, header .hob .rav .stvm .input textarea::-webkit-input-placeholder { color: #999; }

header .hob .rav .stvm .input input:-moz-placeholder, header .hob .rav .stvm .input textarea:-moz-placeholder { color: #999; }

header .hob .rav .stvm .input input::-moz-placeholder, header .hob .rav .stvm .input textarea::-moz-placeholder { color: #999; }

header .hob .rav .stvm .input input:-ms-input-placeholder, header .hob .rav .stvm .input textarea:-ms-input-placeholder { color: #999; }

header .hob .rav .stvm .clost { display: inline-block; vertical-align: middle; font-size: 0; color: #333; cursor: pointer; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; }

header .hob .rav .stvm .clost img { width: 100%; display: block; }

header .hob .rav .stvm .vic { display: inline-block; vertical-align: middle; width: 22px; height: 22px; cursor: pointer; width: 0; position: relative; }

header .hob .rav .stvm .vic img { width: 100%; display: block; }

header .hob .rav .stvm .vic .vis { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; z-index: 2; cursor: pointer; opacity: 0; }

@media (max-width: 800px) { header .hop { padding: 0.1rem 0; min-height: 0.8rem; }
  header .hop .hor .hiom { font-size: 0; }
  header .hob { height: 0.8rem; }
  header .hob nav { width: 100%; position: fixed; right: 0; left: auto; height: calc(100vh - 0.2rem - 32px); background-color: #fff; margin-right: 0; overflow: auto; z-index: 500; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; padding-left: 0.1rem; padding: 0.1rem; display: block; text-align: left; display: none; border-top: solid 1px #e5e5e5; }
  header .hob nav .natem { display: inline-block; vertical-align: middle; position: relative; width: auto; width: 100%; padding: 0.1rem 0; opacity: 0; -webkit-transform: translate(-10px, -30px); -ms-transform: translate(-10px, -30px); transform: translate(-10px, -30px); -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; }
  header .hob nav .natem .nas { width: auto; display: inline-block; width: 100%; margin: 0; }
  header .hob nav .natem .nas a { width: auto; display: inline-block; vertical-align: middle; line-height: 2.5; color: #333; font-weight: bold; padding: 0 0.3rem; position: relative; }
  header .hob nav .natem .nas a:hover { color: #00cae7; background-color: transparent; }
  header .hob nav .natem .navuls { width: 1.4rem; width: 100%; position: relative; z-index: 101; left: 0%; top: 0%; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); background: #fff; -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.09); display: none; text-align: left; }
  header .hob nav .natem .navuls ul { width: 100%; padding: 0.1rem 0.2rem; }
  header .hob nav .natem .navuls ul li { width: 100%; display: block; position: relative; margin-bottom: 0; }
  header .hob nav .natem .navuls ul li .ns { width: auto; display: inline-block; vertical-align: middle; line-height: 3; color: #333; text-align: left !important; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 0 0.2rem; background: #fff; position: relative; }
  header .hob nav .natem .navuls ul li .ns:hover { color: #00cae7; }
  header .hob nav .natem .navuls ul li .theul { width: 100%; background-color: #fff; display: none; left: 0; top: 0; position: relative; }
  header .hob nav .natem .navuls ul li .theul li { width: 100%; font-size: 0; }
  header .hob nav .natem .navuls ul li .theul li .xn { display: inline-block; vertical-align: middle; color: #333; line-height: 2.5; padding: 0 0.2rem; }
  header .hob nav .natem .navuls ul li .theul li .xn:hover { color: #00479d; }
  header .hob nav .natem .navuls ul li + li { border-top: solid 1px #eee; }
  header .hob nav .natem .navuls ul li:hover .ns { background-color: transparent; color: #00cae7; }
  header .hob nav .natem .navuls ul li.has-the:after { top: 0.4rem; }
  header .hob nav .natem:before { display: none !important; }
  header .hob nav .natem .prosubnav { display: none; }
  header .hob nav .natem.on .nas:after { display: none; }
  header .hob nav .natem.has-nav:after { content: "+"; display: inline-block; width: 36px; height: 36px; line-height: 36px; text-align: center; position: absolute; background: none; right: 0; left: auto; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); top: 0.05rem; font-size: 20px; color: #333; border: none; }
  header .hob nav .natem.has-nav.show:after { content: "-"; }
  header .hob nav .natem.animate { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
  header .hob .rav .menu { display: inline-block; }
  header .hob .rav .ss { display: inline-block; }
  header .hob .rav .stvm { position: fixed; left: 0; top: 0; width: 100%; height: 1rem; z-index: 10; background-color: rgba(0, 0, 0, 0.8); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.15rem 2%; display: none; }
  header .hob .rav .stvm form { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; }
  header .hob .rav .stvm .clost { display: inline-block; vertical-align: middle; width: 23px; height: 23px; font-size: 20px; color: #fff !important; line-height: 23px; text-align: center; position: relative; margin-right: 0.1rem; }
  header .hob .rav .stvm .input { display: inline-block; vertical-align: middle; width: calc(100% - 23px - 1rem); }
  header .hob .rav .stvm .input input::-webkit-input-placeholder, header .hob .rav .stvm .input textarea::-webkit-input-placeholder { color: #fff; }
  header .hob .rav .stvm .input input:-moz-placeholder, header .hob .rav .stvm .input textarea:-moz-placeholder { color: #fff; }
  header .hob .rav .stvm .input input::-moz-placeholder, header .hob .rav .stvm .input textarea::-moz-placeholder { color: #fff; }
  header .hob .rav .stvm .input input:-ms-input-placeholder, header .hob .rav .stvm .input textarea:-ms-input-placeholder { color: #fff; }
  header .hob .rav .stvm .input input { color: #fff; }
  header .hob .rav .stvm .vic { width: 22px; text-align: center; }
  header .hob .rav .stvm .vic .sub { width: 100%; }
  header .hob .rav .seovm { display: none; }
  header.menu-state .hob .rav .menu img { opacity: 0; } }

@media (max-width: 450px) { header .hop .hm { display: none; }
  header .hop .hk { width: 100%; text-align: center; } }

footer { width: 100%; background-color: #002040; }

footer .ftop { width: 100%; }

footer .fop { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: solid 1px rgba(255, 255, 255, 0.1); padding: 0.4rem 0; }

footer .fop .fogo { display: inline-block; vertical-align: middle; width: 1.19rem; }

footer .fop .fogo a, footer .fop .fogo img { width: 100%; display: block; }

footer .fop .fg { display: inline-block; vertical-align: middle; color: #fff; line-height: 1.5; font-weight: bold; margin-right: 0.1rem; }

footer .fop .fg.hide { display: none; }

footer .fop .forn { display: inline-block; vertical-align: middle; width: auto; max-width: 100%; }

footer .fop .forn form { width: 100%; display: block; }

footer .fop .forn .fg { display: inline-block; vertical-align: middle; }

footer .fop .forn .inpuc { display: inline-block; vertical-align: middle; width: 4rem; margin: 0 0.1rem; }

footer .fop .forn .inpuc input { width: 100%; display: block; background-color: #fff; padding: 0 0.2rem; height: 3em; line-height: 3; border: none; }

footer .fop .forn .sut { width: auto; display: inline-block; vertical-align: middle; }

footer .fop .forn .sut input { display: inline-block; vertical-align: middle; padding: 0 0.24rem; background-color: #00cae7; border: none; line-height: 3em; height: 3em; width: auto; color: #fff; }

footer .fom { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0.6rem 0; }

footer .fom .fitm { display: inline-block; vertical-align: top; }

footer .fom .longc { width: calc((400 / 1520 * 100%)); margin-right: calc((130 / 1520 * 100%)); }

footer .fom .vonh { width: calc((320 / 1520 * 100%)); margin-right: calc((30 / 1520 * 100%)); }

footer .fom .short { width: calc((280 / 1520 * 100%)); }

footer .fom .fit { width: 100%; color: #fff; line-height: 1.5; margin-bottom: 0.15rem; }

footer .fom .fip { width: 100%; color: rgba(255, 255, 255, 0.6); line-height: 1.5; margin: 0.15rem 0 0.15rem; }

footer .fom .ful { width: 100%; }

footer .fom .ful a { width: 100%; display: inline-block; vertical-align: middle; color: rgba(255, 255, 255, 0.6); -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; line-height: 1.5; padding: 0.03rem 0; }

footer .fom .ful a span { margin-right: 0.06rem; display: inline-block; width: 6px; height: 10px; margin-top: calc(0.75em - 5px); }

footer .fom .ful a span img { width: 100%; display: block; }

footer .fom .ful a:hover { color: #fff; }

footer .fom .ful div { width: 100%; display: inline-block; vertical-align: middle; color: rgba(255, 255, 255, 0.5); line-height: 2; -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; }

footer .fom .fhare { width: 100%; font-size: 0; }

footer .fom .fhare .am { display: inline-block; vertical-align: top; width: 0.4rem; height: 0.4rem; margin-right: 0.1rem; margin-bottom: 0.1rem; }

footer .fom .fhare .am a, footer .fom .fhare .am img { width: 100%; display: block; }

footer .fom .fomp { width: 100%; }

footer .fom .fomp .flic { width: 100%; font-size: 0; margin-bottom: 0.1rem; }

footer .fom .fomp .flic .ic { display: inline-block; vertical-align: top; width: 16px; height: 16px; margin-top: calc(0.75em - 8px); }

footer .fom .fomp .flic .ic img { width: 100%; display: block; }

footer .fom .fomp .flic .cm { display: inline-block; vertical-align: top; margin-left: 0.1rem; width: calc(100% - 0.1rem - 16px); color: rgba(255, 255, 255, 0.6); line-height: 1.5; }

footer .fbot { width: 100%; padding: 0.25rem 0; }

footer .fbot .fob { width: 100%; text-align: center; color: rgba(255, 255, 255, 0.6); line-height: 1.5; }

@media (max-width: 800px) { footer .fop { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-line-pack: center; align-content: center; }
  footer .fop .fg.hide { display: inline-block; vertical-align: middle; margin-left: 0.2rem; margin-top: 0.1rem; }
  footer .fop .forn { width: 100%; margin-top: 0.2rem; }
  footer .fop .forn .fg { display: inline-block; vertical-align: middle; }
  footer .fop .forn .inpuc { width: calc(100% - 2rem - 0.1rem); margin: 0.1rem 0.1rem 0.1rem 0rem; }
  footer .fop .forn .sut { width: 2rem; }
  footer .fop .forn .sut input { width: 100%; text-align: center; }
  footer .fom { width: 100%; padding: 0.1rem 0; }
  footer .fom .fitm { width: 100%; margin: 0.1rem 0; }
  footer .fom .longc { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; }
  footer .fom .fhare .am { width: 24px; height: 24px; }
  footer .fom .vonh { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
  footer .fom .short { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
  footer .fom .flist { width: 100%; border-bottom: solid 1px #e5e5e5; position: relative; border-top: solid 1px #e5e5e5; }
  footer .fom .flist .fit { width: 100%; margin-bottom: 0; padding: 0.3rem 0; }
  footer .fom .flist .lx { display: none; }
  footer .fom .flist .ful { width: 100%; font-size: 0; padding-bottom: 0.15rem; display: none; }
  footer .fom .flist .ful a { line-height: 2; }
  footer .fom .flist.has-ful:after { content: " "; display: inline-block; width: 14px; height: 8px; background-image: url("../images/x1.png"); background-position: center; background-size: 100% 100%; text-align: center; position: absolute; right: 0.2rem; left: auto; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); top: 0.4rem; color: #333; border: none; -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; }
  footer .fom .flist.has-ful.show:after { content: " "; -webkit-transform: translateX(0) rotate(180deg); -ms-transform: translateX(0) rotate(180deg); transform: translateX(0) rotate(180deg); }
  footer .fom .flist + .flist { border-top: none; } }

.rightnav { position: fixed; right: 0; bottom: 20%; width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 0.7rem; z-index: 10; }

.rightnav .ritm { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: block; font-size: 0; position: relative; background-color: #002040; width: 0.7rem; height: 0.7rem; -webkit-box-shadow: 0px 0px 16px 0px rgba(4, 0, 0, 0.08); box-shadow: 0px 0px 16px 0px rgba(4, 0, 0, 0.08); }

.rightnav .ritm a { display: block; white-space: nowrap; right: 0; font-size: 0; width: 0.7rem; }

.rightnav .ritm .atom { display: inline-block; vertical-align: middle; width: 0.7rem; height: 0.7rem; }

.rightnav .ritm .atom img { width: 100%; display: block; }

.rightnav .ritm .vm { display: inline-block; vertical-align: middle; color: #fff; width: auto; -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; width: 0; }

.rightnav .ritm.long { width: auto; background-color: #00cae7; }

.rightnav .ritm.long a { width: auto; overflow: auto; }

.rightnav .ritm.long .vm { width: auto; display: inline-block; vertical-align: middle; padding-left: 0.05rem; padding-right: 0.15rem; }

.rightnav .ritm + .ritm { margin-top: 1px; }

@media (max-width: 800px) { .rightnav .ritm { width: 0.8rem; height: 0.8rem; }
  .rightnav .ritm a { width: 0.8rem; }
  .rightnav .ritm .atom { width: 0.8rem; height: 0.8rem; } }

.banner { width: 100%; position: relative; }

.banner .swiper-slide { width: 100%; width: 100%; position: relative; overflow: hidden; }

.banner .swiper-slide a { width: 100%; display: block; }

.banner .swiper-slide .img { width: 100%; padding-top: 36.45%; }

.banner .swiper-slide .voc { background-color: #000; -o-object-fit: cover; object-fit: cover; position: absolute; z-index: 3; top: 0; left: 0; width: 100%; height: 100%; }

.banner .swiper-slide .box { position: absolute; left: calc((260 / 1920 * 100%)); top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 8.2rem; max-width: 80%; z-index: 5; }

.banner .swiper-slide .box .bp { width: 100%; color: #fff; font-weight: bold; line-height: 1.5; }

.banner .swiper-slide .box .bp p { color: #fff; line-height: 1.5; }

.banner .swiper-slide .box .xt { width: 100%; color: #fff; line-height: 1.5; margin: 0.1rem 0 0.2rem; }

.banner .swiper-slide .box .xt p { color: #fff; line-height: 1.5; }

.banner .swiper-slide .box .btns { width: 100%; font-size: 0; margin-top: 0.4rem; }

.banner .swiper-slide .box .btns a { display: inline-block; vertical-align: middle; color: #fff; line-height: 3.2; background-color: #00cae7; top: 0; position: relative; -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; width: auto; padding: 0 0.3rem; }

.banner .swiper-slide .box .btns a span { display: inline-block; vertical-align: middle; width: 6px; margin-left: 0.1rem; }

.banner .swiper-slide .box .btns a span img { width: 100%; display: block; }

.banner .swiper-slide .box .btns a:hover { background-color: #00cae7; top: -0.06rem; }

.banner .swiper-pagination { bottom: 1.3rem; }

.banner .swiper-pagination-bullet { width: 0.1rem; height: 0.1rem; background-color: rgba(255, 255, 255, 0.5); display: inline-block; vertical-align: middle; opacity: 1; border-radius: 50%; }

.banner .swiper-pagination-bullet-active { width: 0.3rem; height: 0.3rem; background-image: url("../images/i4.png"); background-size: 100% 100%; background-repeat: no-repeat; background-color: transparent; }

@media (max-width: 1540px) { .banner .swiper-slide .box { left: 3%; } }

@media (max-width: 800px) { .banner .swiper-slide .img { padding-top: 55%; }
  .banner .swiper-slide .box .bp { font-size: 18px; }
  .banner .swiper-pagination { bottom: 0.5rem; } }

.abouts { width: 100%; padding: 0; position: relative; z-index: 2; }

.abouts .classify { width: 100%; font-size: 0; position: relative; top: -1rem; }

.abouts .classify .clatm { display: inline-block; vertical-align: top; width: 25%; }

.abouts .classify .clatm a { width: 100%; display: block; font-size: 0; background-color: #002040; padding: 0.3rem 0.4rem; }

.abouts .classify .clatm .cic { display: inline-block; vertical-align: top; width: 0.5rem; height: 0.5rem; margin-right: 0.25rem; }

.abouts .classify .clatm .cic img { width: 100%; display: block; }

.abouts .classify .clatm .cic img:first-child { display: block; }

.abouts .classify .clatm .cic img:last-child { display: none; }

.abouts .classify .clatm .cim { display: inline-block; vertical-align: top; width: calc(100% - 0.75rem); }

.abouts .classify .clatm .cim .ct { width: 100%; color: #fff; line-height: 1.5; font-weight: bold; margin-bottom: 0.06rem; }

.abouts .classify .clatm .cim .cp { width: 100%; color: rgba(255, 255, 255, 0.7); line-height: 1.5; height: 6em; }

.abouts .classify .clatm + .clatm { border-left: solid 1px #1a3753; }

.abouts .classify .clatm:hover a { background-color: #00cae7; }

.abouts .classify .clatm:hover .cic img:first-child { display: none; }

.abouts .classify .clatm:hover .cic img:last-child { display: block; }

.abouts .abotem { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.abouts .abotem .abl { display: inline-block; vertical-align: middle; width: calc((740 / 1520 * 100%)); position: relative; overflow: hidden; }

.abouts .abotem .abl .img { width: 100%; padding-top: 62.16%; }

.abouts .abotem .abr { display: inline-block; vertical-align: middle; width: calc((660 / 1520 * 100%)); }

.abouts .abotem .abr .ait { width: 100%; color: #333; line-height: 1.5; }

.abouts .abotem .abr .ainp { width: 100%; color: #666; line-height: 1.8; margin: 0.25rem 0; }

.abouts .abotem .abr .ainp p { color: #666; line-height: 1.8; }

.abouts .abotem .abr .btns { width: 100%; font-size: 0; margin-top: 0.4rem; }

.abouts .abotem .abr .btns a { display: inline-block; vertical-align: middle; color: #fff; line-height: 3.2; background-color: #00cae7; top: 0; position: relative; -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; width: auto; padding: 0 0.3rem; }

.abouts .abotem .abr .btns a span { display: inline-block; vertical-align: middle; width: 6px; margin-left: 0.1rem; }

.abouts .abotem .abr .btns a span img { width: 100%; display: block; }

.abouts .abotem .abr .btns a:hover { background-color: #00cae7; top: -0.06rem; }

.abouts .havem { width: 100%; font-size: 0; background-color: #ffffff; -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); position: relative; bottom: -1rem; }

.abouts .havem .hal { display: inline-block; vertical-align: middle; width: calc((400 / 1520 * 100%)); position: relative; }

.abouts .havem .hal .imgs { width: 100%; position: relative; overflow: hidden; }

.abouts .havem .hal .img { width: 100%; padding-top: 60%; }

.abouts .havem .hal .ic { position: absolute; right: 0; -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); width: 1.2rem; height: 1.2rem; border-radius: 50%; background-color: #fff; padding: 0.2rem; top: 50%; }

.abouts .havem .hal .ic .cm { display: block; border-radius: 50%; width: 100%; height: 100%; background-color: #002040; }

.abouts .havem .hal .ic .cm img { width: 100%; display: block; }

.abouts .havem .har { display: inline-block; vertical-align: middle; width: calc((1120 / 1520 * 100%)); padding: 0.2rem 1.2rem; }

.abouts .havem .har .ht { width: 100%; font-weight: bold; color: #001f40; line-height: 1.1; }

.abouts .havem .har .hm { width: 100%; margin-top: 0.15rem; color: #666; line-height: 1.5; }

@media (max-width: 800px) { .abouts { padding: 0.3rem 0; }
  .abouts .classify { top: 0; margin-bottom: 20px; }
  .abouts .classify .clatm { width: 100%; margin-bottom: 0.1rem; }
  .abouts .classify .clatm + .clatm { border-left: none; }
  .abouts .havem { bottom: 0; margin-top: 20px; }
  .abouts .havem .hal .ic { right: 10%; top: 100%; } }

.modular { width: 100%; }

.modular .mitop { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0.35rem; }

.modular .mitop .mal, .modular .mitop .mar { display: inline-block; vertical-align: middle; }

.modular .mitop .mm { display: inline-block; vertical-align: middle; color: #333; font-weight: bold; line-height: 1.3; }

.modular .mitop a { display: inline-block; vertical-align: middle; color: #fff; line-height: 3.2; background-color: #00cae7; top: 0; position: relative; -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; width: auto; padding: 0 0.3rem; }

.modular .mitop a span { display: inline-block; vertical-align: middle; width: 6px; margin-left: 0.1rem; }

.modular .mitop a span img { width: 100%; display: block; }

.modular .mitop a:hover { background-color: #00cae7; top: -0.06rem; }

.modular .mimop { width: 100%; text-align: center; margin-bottom: 0.35rem; }

.modular .mimop .mit { width: 100%; text-align: center; color: #333; font-weight: bold; line-height: 1.5; }

.products { width: 100%; padding: 1.5rem 0 0.25rem; }

.products .propers { width: 100%; font-size: 0; position: relative; }

.products .propers .cetrm { display: inline-block; vertical-align: top; width: calc((480 / 1520 * 100%)); margin-right: calc((39 / 1520 * 100%)); margin-bottom: 0.4rem; position: relative; }

.products .propers .cetrm a { width: 100%; display: block; }

.products .propers .cetrm .imgs { width: 100%; position: relative; overflow: hidden; }

.products .propers .cetrm .imgs .img { width: 100%; padding-top: 75%; -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; }

.products .propers .cetrm .vom { position: absolute; bottom: 0; width: calc(100% - 0.6rem); background-color: #fff; right: 0; padding: 0.25rem 0.65rem 0.25rem 0.3rem; -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); }

.products .propers .cetrm .vom .xim { width: 100%; color: #333; font-weight: bold; line-height: 1.5; height: 3em; }

.products .propers .cetrm .vom .add { position: absolute; right: 0; bottom: 0; background-color: #002040; line-height: 0.5rem; width: 0.5rem; height: 0.5rem; z-index: 2; font-weight: lighter; color: #fff; text-align: center; }

.products .propers .cetrm:hover .imgs .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.products .propers .cetrm:hover .vom { background-color: #00cae7; }

.products .propers .cetrm:hover .vom .xim { color: #fff; }

.products .propers .cetrm:hover .vom .add { background-color: #fff; color: #00cae7; }

.products .propers .cetrm:nth-child(3n) { margin-right: 0; }

.products .propers .btn { display: inline-block; vertical-align: middle; width: 0.6rem; height: 0.6rem; cursor: pointer; top: calc( 50% - 0.2rem); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; z-index: 5; background-color: #f3f5f8; border-radius: 50%; }

.products .propers .btn img { width: 100%; display: block; }

.products .propers .btn img:first-child { display: block; }

.products .propers .btn img:last-child { display: none; }

.products .propers .btn:hover { background-color: #00cae7; }

.products .propers .btn:hover img:first-child { display: none; }

.products .propers .btn:hover img:last-child { display: block; }

.products .propers .bl { left: -0.8rem; }

.products .propers .br { right: -0.8rem; }

@media (max-width: 1540px) { .products .propers .bl { left: -0.3rem; }
  .products .propers .br { right: -0.3rem; } }

@media (max-width: 800px) { .products { padding: 0.25rem 0; }
  .products .propers .bl { left: 0rem; }
  .products .propers .br { right: 0rem; }
  .products .propers .cetrm { width: 100%; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } }

.Solutions { width: 100%; padding: 0.25rem 0 0; }

.Solutions .solutper { width: 100%; position: relative; }

.Solutions .solutper .swiper-slide { width: 100%; position: relative; }

.Solutions .solutper .swiper-slide a { width: 100%; display: block; }

.Solutions .solutper .swiper-slide .imgs { width: 100%; position: relative; overflow: hidden; }

.Solutions .solutper .swiper-slide .imgs .img { width: 100%; padding-top: 56.25%; -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; }

.Solutions .solutper .swiper-slide .vom { position: absolute; bottom: 0.4rem; left: 1rem; z-index: 2; width: calc(100% - 2rem); }

.Solutions .solutper .swiper-slide .vom .vmm { width: 100%; position: relative; z-index: 3; padding: 0.3rem; background-color: #002040; width: 400px; max-width: calc(100% - 2rem); }

.Solutions .solutper .swiper-slide .vom .num { -webkit-text-stroke: 1px rgba(255, 255, 255, 0.5); -webkit-text-fill-color: transparent; font-weight: 550; position: absolute; z-index: -2; top: 0%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: calc(100% - 0rem); left: 0; }

.Solutions .solutper .swiper-slide .vom .vt { width: 100%; color: #fff; line-height: 1.3; border-left: solid 2px #fff; padding-left: 0.15rem; position: relative; z-index: 2; margin-bottom: 0.3rem; }

.Solutions .solutper .swiper-slide .vom .vmk { width: 100%; color: #fff; font-weight: bold; line-height: 1.5; height: 3em; position: relative; z-index: 2; padding-right: 0.3rem; }

.Solutions .solutper .swiper-slide .vom .vmk p { color: #fff; font-weight: bold; line-height: 1.5; }

.Solutions .solutper .swiper-slide .vom .ic { position: absolute; width: 1.37rem; height: 1.37rem; right: 0.2rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; }

.Solutions .solutper .swiper-slide .vom .ic img { width: 100%; display: block; }

.Solutions .solutper .swiper-slide:hover .imgs .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.Solutions .solutper .swiper-slide:hover .vom .vmm { background-color: #00cae7; }

.Solutions .solutper .btn { display: inline-block; vertical-align: middle; width: 0.5rem; height: 0.5rem; cursor: pointer; top: calc( 50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; z-index: 10; background-color: rgba(0, 0, 0, 0.5); }

.Solutions .solutper .btn img { width: 100%; display: block; }

.Solutions .solutper .btn:hover { background-color: #00cae7; }

.Solutions .solutper .bl { left: 0rem; }

.Solutions .solutper .br { right: 0rem; }

.choosed { width: 100%; padding: 0.8rem 0 0.25rem; }

.choosed .citop { width: 100%; margin-bottom: 0.35rem; }

.choosed .citop .cit { width: 100%; color: #333; font-weight: bold; line-height: 1.5; }

.choosed .citop .cp { width: 100%; color: #666; line-height: 1.5; }

.choosed .choem { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.choosed .choem .cml { display: inline-block; vertical-align: middle; width: calc((480 / 1520 * 100%)); position: relative; overflow: hidden; }

.choosed .choem .cml .img { width: 100%; padding-top: 129.16%; }

.choosed .choem .cmr { display: inline-block; vertical-align: middle; width: calc((910 / 1520 * 100%)); }

.choosed .choem .cmr .cmrlis { width: 100%; font-size: 0; }

.choosed .choem .cmr .cmrlis .clrm { display: inline-block; vertical-align: top; width: calc((390 / 910 * 100%)); margin-right: calc((129 / 910 * 100%)); margin-bottom: 0.7rem; }

.choosed .choem .cmr .cmrlis .clrm .vic { display: block; width: 0.8rem; height: 0.8rem; border-radius: 50%; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; position: relative; border: solid 1px transparent; }

.choosed .choem .cmr .cmrlis .clrm .vic .mc { width: 100%; height: 100%; display: block; margin: 0rem auto; border-radius: 50%; position: absolute; left: 0; top: 0; -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; }

.choosed .choem .cmr .cmrlis .clrm .vic .mc img { width: 100%; height: 100%; display: block; }

.choosed .choem .cmr .cmrlis .clrm .vmt { width: 100%; color: #333; font-weight: bold; line-height: 1.5; margin: 0.25rem 0 0.15rem; }

.choosed .choem .cmr .cmrlis .clrm .vin { width: 100%; color: #666; line-height: 1.5; height: 4.5em; }

.choosed .choem .cmr .cmrlis .clrm:nth-child(2n) { margin-right: 0; }

.choosed .choem .cmr .cmrlis .clrm:nth-child(4n+1) .vic .mc, .choosed .choem .cmr .cmrlis .clrm:nth-child(4n+4) .vic .mc { background-color: #00cae7; }

.choosed .choem .cmr .cmrlis .clrm:nth-child(4n+1):hover .vic, .choosed .choem .cmr .cmrlis .clrm:nth-child(4n+4):hover .vic { background-color: transparent; border: dashed 1px #00cae7; }

.choosed .choem .cmr .cmrlis .clrm:nth-child(4n+1):hover .vic .mc, .choosed .choem .cmr .cmrlis .clrm:nth-child(4n+4):hover .vic .mc { -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); }

.choosed .choem .cmr .cmrlis .clrm:nth-child(4n+1):hover .vmt, .choosed .choem .cmr .cmrlis .clrm:nth-child(4n+4):hover .vmt { color: #00cae7; }

.choosed .choem .cmr .cmrlis .clrm:nth-child(4n+2) .vic .mc, .choosed .choem .cmr .cmrlis .clrm:nth-child(4n+3) .vic .mc { background-color: #002040; }

.choosed .choem .cmr .cmrlis .clrm:nth-child(4n+2):hover .vic, .choosed .choem .cmr .cmrlis .clrm:nth-child(4n+3):hover .vic { background-color: transparent; border: dashed 1px #002040; }

.choosed .choem .cmr .cmrlis .clrm:nth-child(4n+2):hover .vic .mc, .choosed .choem .cmr .cmrlis .clrm:nth-child(4n+3):hover .vic .mc { -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); }

.choosed .choem .cmr .cmrlis .clrm:nth-child(4n+2):hover .vmt, .choosed .choem .cmr .cmrlis .clrm:nth-child(4n+3):hover .vmt { color: #002040; }

.choosed .heres { width: 100%; padding: 0.6rem 0.8rem; margin: 0.5rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.choosed .heres .hel { display: inline-block; vertical-align: middle; padding-right: 0.5rem; }

.choosed .heres .hel .hit { width: 100%; color: #fff; font-weight: bold; line-height: 1.3; margin-bottom: 0.15rem; }

.choosed .heres .hel .hit p { color: #fff; font-weight: bold; line-height: 1.3; }

.choosed .heres .hel .him { width: 100%; color: #fff; line-height: 1.5; }

.choosed .heres .hel .him p { color: #fff; line-height: 1.5; }

.choosed .heres .her { display: inline-block; vertical-align: middle; }

.choosed .heres .her a { display: inline-block; vertical-align: middle; color: #fff; line-height: 3.2; background-color: #00cae7; top: 0; position: relative; -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; width: auto; padding: 0 0.3rem; }

.choosed .heres .her a span { display: inline-block; vertical-align: middle; width: 6px; margin-left: 0.1rem; }

.choosed .heres .her a span img { width: 100%; display: block; }

.choosed .heres .her a:hover { background-color: #00cae7; top: -0.06rem; }

@media (max-width: 800px) { .choosed .choem .cml .img { padding-top: 50%; } }

.newsd { width: 100%; padding: 0.25rem 0 1rem; }

.newsd .mewom { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.newsd .mewom .mwl { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(1000 / 1520 * 100%); font-size: 0; }

.newsd .mewom .mwl .melm { display: inline-block; vertical-align: top; width: calc((480 / 1000 * 100%)); margin-right: calc((39 / 1000 * 100%)); }

.newsd .mewom .mwl .melm a { width: 100%; display: block; }

.newsd .mewom .mwl .melm .imgs { width: 100%; position: relative; overflow: hidden; margin-bottom: 0.2rem; }

.newsd .mewom .mwl .melm .imgs .img { width: 100%; padding-top: 56.25%; -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; }

.newsd .mewom .mwl .melm .tm { width: 100%; color: #666; line-height: 1.5; margin-bottom: 0.1rem; }

.newsd .mewom .mwl .melm .tt { width: 100%; color: #333; line-height: 1.5; height: 3em; font-weight: bold; margin-bottom: 0.15rem; }

.newsd .mewom .mwl .melm .tim { width: 100%; color: #666; line-height: 1.5; height: 4.5em; margin-bottom: 0.3rem; }

.newsd .mewom .mwl .melm .more { width: 100%; font-size: 0; }

.newsd .mewom .mwl .melm .more span { display: inline-block; vertical-align: middle; color: #666; line-height: 1.5; }

.newsd .mewom .mwl .melm:hover .imgs .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.newsd .mewom .mwl .melm:hover .more span { color: #00cae7; }

.newsd .mewom .mwl .melm:hover .tt { color: #00cae7; }

.newsd .mewom .mwl .melm:nth-child(2n) { margin-right: 0; }

.newsd .mewom .mwr { width: calc(450 / 1520 * 100%); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.newsd .mewom .mwr .mwrm { width: 100%; border-bottom: solid 1px #dad9d9; }

.newsd .mewom .mwr .mwrm a { width: 100%; display: block; padding-bottom: 0.25rem; }

.newsd .mewom .mwr .mwrm .tm { width: 100%; color: #666; line-height: 1.5; margin-bottom: 0.1rem; }

.newsd .mewom .mwr .mwrm .tt { width: 100%; color: #333; line-height: 1.5; height: 3em; font-weight: bold; margin-bottom: 0.15rem; }

.newsd .mewom .mwr .mwrm .more { width: 100%; font-size: 0; }

.newsd .mewom .mwr .mwrm .more span { display: inline-block; vertical-align: middle; color: #666; line-height: 1.5; }

.newsd .mewom .mwr .mwrm + .mwrm { margin-top: 0.25rem; }

.newsd .mewom .mwr .mwrm:last-child { border: none; }

.newsd .mewom .mwr .mwrm:hover .more span { color: #00cae7; }

.newsd .mewom .mwr .mwrm:hover .tt { color: #00cae7; }

.nanner { width: 100%; position: relative; }

.nanner .imgs { width: 100%; position: relative; overflow: hidden; }

.nanner .imgs .img { width: 100%; height: 4.2rem; }

.nanner .nox { position: absolute; z-index: 4; left: calc(200 / 1920 * 100%); top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 80%; }

.nanner .nox .nit { width: 100%; color: #fff; font-weight: bold; line-height: 1.5; }

.nanner .nox .nim { width: 100%; color: #fff; font-weight: bold; line-height: 1.5; }

@media (max-width: 1540px) { .nanner .nox { left: 3%; width: 90%; } }

.crumbs { width: 100%; background-color: #f4f6f8; position: relative; }

.crumbs:before { content: ' '; position: absolute; z-index: 1; left: 0; top: 0; height: 100%; width: 6.4rem; display: block; height: 0.8rem; background-color: #00cae7; }

.crumbs .crum { width: 100%; font-size: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 2; font-size: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.crumbs .crum .cul { display: inline-block; vertical-align: middle; width: auto; }

.crumbs .crum .cul .home { display: inline-block; vertical-align: middle; margin-right: 0.15rem; width: 20px; }

.crumbs .crum .cul .home img { width: 100%; display: block; }

.crumbs .crum .cul a { display: inline-block; vertical-align: middle; color: #fff; line-height: 0.8rem; }

.crumbs .crum .cul a span { display: inline-block; color: #fff; margin: 0 0.1rem; }

.crumbs .crum .cul a span img { width: 100%; display: block; }

.crumbs .crum .cul a:last-child span { display: none; }

.crumbs .crum .cur { width: auto; display: inline-block; vertical-align: middle; }

.crumbs .crum .cur .curm { display: inline-block; vertical-align: middle; width: auto; }

.crumbs .crum .cur .curm.fixed { position: fixed; z-index: 5; width: 106%; left: 50%; padding: 0 6%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: #fff; }

.crumbs .crum .cur .swiper-slide { display: inline-block; vertical-align: middle; }

.crumbs .crum .cur .swiper-slide { display: inline-block; vertical-align: bottom; width: auto; height: auto; }

.crumbs .crum .cur .swiper-slide a { display: inline-block; vertical-align: bottom; color: #333; line-height: 0.8rem; padding: 0 0.3rem; width: auto; -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; }

.crumbs .crum .cur .swiper-slide.on a, .crumbs .crum .cur .swiper-slide:hover a { color: #fff; background-color: #00cae7; }

.contactd { width: 100%; padding: 0.7rem 0; }

.contactd .contm { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.contactd .contm .conl { display: inline-block; vertical-align: middle; width: calc(760 / 1520 * 100%); }

.contactd .contm .conl .cit { width: 100%; color: #333; line-height: 1.5; font-weight: bold; margin-bottom: 0.35rem; }

.contactd .contm .conl .form { width: 100%; display: block; }

.contactd .contm .conl .row { width: 100%; font-size: 0; margin-bottom: 0.2rem; }

.contactd .contm .conl .row .input { width: 32%; display: inline-block; vertical-align: top; margin-right: 2%; border-bottom: solid 1px #999; }

.contactd .contm .conl .row .input input { width: 100%; line-height: 3.2em; height: 3.2em; color: #333; border: none; background-color: transparent; }

.contactd .contm .conl .row .input.w100 { width: 100%; margin-right: 0; }

.contactd .contm .conl .row .input.w100.yzm { width: 100%; margin-right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.contactd .contm .conl .row .input.w100.yzm .mm { height: 3.2em; display: inline-block; vertical-align: middle; width: auto; }

.contactd .contm .conl .row .input.w100.yzm input { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.contactd .contm .conl .row .input:nth-child(3n) { margin-right: 0; }

.contactd .contm .conl .row .stn { display: inline-block; vertical-align: middle; width: auto; }

.contactd .contm .conl .row .stn input { display: inline-block; vertical-align: middle; width: auto; padding: 0 0.35rem; color: #fff; background-color: #00cae7; line-height: 3.2em; height: 3.2em; text-align: center; cursor: pointer; border: none; }

.contactd .contm .conr { display: inline-block; vertical-align: middle; width: calc(600 / 1520 * 100%); }

.contactd .contm .conr .fhare { width: 100%; font-size: 0; margin-bottom: 0.25rem; }

.contactd .contm .conr .fhare .am { display: inline-block; vertical-align: top; width: 0.4rem; height: 0.4rem; margin-right: 0.1rem; margin-bottom: 0.1rem; }

.contactd .contm .conr .fhare .am a, .contactd .contm .conr .fhare .am img { width: 100%; display: block; }

.contactd .contm .conr .fhare .am img:first-child { display: block; }

.contactd .contm .conr .fhare .am img:last-child { display: none; }

.contactd .contm .conr .fhare .am:hover img:first-child { display: none; }

.contactd .contm .conr .fhare .am:hover img:last-child { display: block; }

.contactd .contm .conr .fic { width: 100%; font-weight: bold; color: #333; line-height: 1.5; }

.contactd .contm .conr .finp { width: 100%; color: #666; line-height: 1.5; margin: 0.15rem 0; }

.contactd .contm .conr .finp p { color: #666; line-height: 1.5; }

.contactd .contm .conr .tel { width: 100%; color: #333; font-weight: bold; line-height: 1.5; }

.contactd .maps { width: 100%; margin-top: 0.4rem; }

.contactd .maps .map { width: 100%; height: 5.8rem; }

@media (max-width: 800px) { .contactd .contm .conr .fhare .am { width: 24px; height: 24px; } }

.solucom { width: 100%; padding: 0.8rem 0; }

.solucom .solulis { width: 100%; font-size: 0; }

.solucom .solulis .solum { display: inline-block; vertical-align: top; width: calc((480 / 1520 * 100%)); margin-right: calc((39 / 1520 * 100%)); margin-bottom: 0.4rem; }

.solucom .solulis .solum a { width: 100%; display: block; }

.solucom .solulis .solum .imgs { width: 100%; position: relative; overflow: hidden; }

.solucom .solulis .solum .imgs .img { width: 100%; padding-top: 56.25%; -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; }

.solucom .solulis .solum .vod { width: 100%; background-color: #f4f6f8; padding: 0.3rem; border-bottom: solid 0.05rem transparent; }

.solucom .solulis .solum .vod .vt { width: 100%; color: #333; font-weight: bold; line-height: 1.5; height: 3em; margin-bottom: 0.15rem; }

.solucom .solulis .solum .vod .vt p { font-weight: bold; line-height: 1.5; }

.solucom .solulis .solum .vod .vm { width: 100%; color: #666; line-height: 1.5; height: 4.5em; }

.solucom .solulis .solum:nth-child(3n) { margin-right: 0; }

.solucom .solulis .solum:hover { -webkit-transition: all  ease 0.5s; -o-transition: all  ease 0.5s; transition: all  ease 0.5s; -webkit-box-shadow: 0px 10px 40px 0px rgba(0, 32, 64, 0.1); box-shadow: 0px 10px 40px 0px rgba(0, 32, 64, 0.1); }

.solucom .solulis .solum:hover .imgs .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.solucom .solulis .solum:hover .vod { width: 100%; background-color: #fff; -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; border-bottom: solid 0.05rem #00cae7; }

.solucom .solulis .solum:hover .vod .vt { color: #00cae7; }

.solucom .solulis .solum:hover .vod .vt p { color: #00cae7; }

.pages { text-align: center; width: 100%; font-size: 0; display: block; padding-top: 0.3rem; }

.pages .page { display: inline-block; vertical-align: middle; width: 0.6rem; height: 0.6rem; line-height: 0.6rem; text-align: center; color: #666; cursor: pointer; border: solid 1px #dddddd; background-color: #fff; margin: 0 0.05rem; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; }

.pages .page.ltn { background-image: url("../images/b1.png"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat; }

.pages .page.rtn { background-image: url("../images/b2.png"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat; }

.pages .page.on { background-color: #002040; background-position: center; background-size: 100% 100%; background-repeat: no-repeat; border: solid 1px #002040; color: #fff; }

.pages .page.on.ltn, .pages .page.ltn:hover { background-image: url("../images/b3.png"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat; opacity: 1; border: solid 1px #002040; color: #fff; }

.pages .page.on.rtn, .pages .page.rtn:hover { background-image: url("../images/b4.png"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat; opacity: 1; }

.pages .page:hover { background-color: #002040; background-position: center; background-size: 100% 100%; background-repeat: no-repeat; border: solid 1px #002040; color: #fff; }

@media (max-width: 900px) { .pages .page { width: 0.7rem; height: 0.7rem; line-height: 0.7rem; } }

.setails { width: 100%; padding: 0.8rem 0; }

.setails .setom { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.setails .setom .sel { display: inline-block; vertical-align: top; width: calc((630 / 1520 * 100%)); }

.setails .setom .sel .sit { width: 100%; color: #333; font-weight: bold; line-height: 1.3; }

.setails .setom .sel .sit p { color: #333; font-weight: bold; line-height: 1.3; }

.setails .setom .ser { display: inline-block; vertical-align: top; width: calc((760 / 1520 * 100%)); }

.setails .setom .ser .sinp { width: 100%; color: #666; line-height: 1.8; }

.setails .setom .ser .sinp p { color: #666; line-height: 1.8; }

.setails .smgs { width: 100%; font-size: 0; margin: 0.6rem 0; }

.setails .smgs .smg { width: 50%; display: inline-block; vertical-align: middle; position: relative; overflow: hidden; }

.setails .smgs .smg .img { width: 100%; padding-top: 55.26%; }

.setails .filling { width: 100%; padding: 0.4rem 0; }

.setails .filling .fitop { width: 100%;   margin-bottom: 0.5rem; padding: 0 0.4rem; }

.setails .filling .fitop .ft { width: 100%; color: #333; font-weight: bold; line-height: 1.5; margin-bottom: 0.25rem; }

.setails .filling .fitop .fmm { width: 100%; color: #666; line-height: 1.5; }

.setails .filling .filstm { width: 100%; font-size: 0; }

.setails .filling .filstm .fitm { display: inline-block; vertical-align: top; width: calc(450 / 1520 * 100%); cursor: pointer; margin-right: calc((84 / 1520 * 100%)); }

.setails .filling .filstm .fitm .fic { display: block; margin: 0 auto; width: 1.36rem; height: 1.36rem; border: dashed 1px #002040; padding: 0.16rem; border-radius: 50%; }

.setails .filling .filstm .fitm .fic .fm { width: 100%; height: 100%; border-radius: 50%; display: block; background-color: #002040; }

.setails .filling .filstm .fitm .fic .fm img { width: 100%; display: block; }

.setails .filling .filstm .fitm .ait { width: 100%; text-align: center; line-height: 1.5; font-weight: bold; margin-bottom: 0.1rem; color: #333; margin: 0.25rem 0 0.15rem; }

.setails .filling .filstm .fitm .aim { width: 100%; color: #666; line-height: 1.5; height: 3em; text-align: center; }

.setails .filling .filstm .fitm:nth-child(3n) { margin-right: 0; }

.setails .filling .filstm .fitm:hover .fic { border: dashed 1px #00cae7; }

.setails .filling .filstm .fitm:hover .fic .fm { background-color: #00cae7; }

.setails .filling .filstm .fitm:hover .ait { color: #00cae7; }

.setails .recomd {display: none !important; width: 100%; }

.setails .recomd .recomper { width: 100%; position: relative; }

.setails .recomd .recomper .swiper-slide { width: 100%; display: inline-block; vertical-align: top; position: relative; }

.setails .recomd .recomper .swiper-slide a { width: 100%; display: block; }

.setails .recomd .recomper .swiper-slide .imgs { width: 100%; position: relative; overflow: hidden; }

.setails .recomd .recomper .swiper-slide .imgs .img { width: 100%; padding-top: 75%; -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; }

.setails .recomd .recomper .swiper-slide .vom { position: absolute; bottom: 0; width: calc(100% - 0.6rem); background-color: #fff; right: 0; padding: 0.25rem 0.65rem 0.25rem 0.3rem; -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); }

.setails .recomd .recomper .swiper-slide .vom .xim { width: 100%; color: #333; font-weight: bold; line-height: 1.5; height: 3em; }

.setails .recomd .recomper .swiper-slide .vom .add { position: absolute; right: 0; bottom: 0; background-color: #002040; line-height: 0.5rem; width: 0.5rem; height: 0.5rem; z-index: 2; font-weight: lighter; color: #fff; text-align: center; }

.setails .recomd .recomper .swiper-slide:hover .imgs .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.setails .recomd .recomper .swiper-slide:hover .vom { background-color: #00cae7; }

.setails .recomd .recomper .swiper-slide:hover .vom .xim { color: #fff; }

.setails .recomd .recomper .swiper-slide:hover .vom .add { background-color: #fff; color: #00cae7; }

.setails .recomd .recomper .btn { display: inline-block; vertical-align: middle; width: 0.6rem; height: 0.6rem; cursor: pointer; top: calc( 50% - 0.2rem); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; z-index: 5; background-color: #f3f5f8; border-radius: 50%; }

.setails .recomd .recomper .btn img { width: 100%; display: block; }

.setails .recomd .recomper .btn img:first-child { display: block; }

.setails .recomd .recomper .btn img:last-child { display: none; }

.setails .recomd .recomper .btn:hover { background-color: #00cae7; }

.setails .recomd .recomper .btn:hover img:first-child { display: none; }

.setails .recomd .recomper .btn:hover img:last-child { display: block; }

.setails .recomd .recomper .bl { left: 0rem; }

.setails .recomd .recomper .br { right: 0rem; }

.producom { width: 100%; padding: 0.8rem 0; }

.producom .pronav { width: 100%; padding-bottom: 0.2rem; border-bottom: solid 1px #ddd; margin-bottom: 0.3rem; }

.producom .pronav .swiper-slide { display: inline-block; vertical-align: bottom; width: auto; margin-right: 0.3rem; height: auto; }

.producom .pronav .swiper-slide a { display: inline-block; vertical-align: bottom; color: #333; line-height: 20px; font-size: 14px; -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; }

.producom .pronav .swiper-slide.on a { color: #00cae7; font-size: 16px; }

.producom .pronav .swiper-slide:hover a { color: #00cae7; }

.producom .procont { width: 100%; }

.producom .procont .proem { width: 100%; display: none; }

.producom .procont .proem.on { display: block; }

.producom .solulis { width: 100%; font-size: 0; }

.producom .solulis .solum { display: inline-block; vertical-align: top; width: calc((480 / 1520 * 100%)); margin-right: calc((39 / 1520 * 100%)); margin-bottom: 0.4rem; }

.producom .solulis .solum a { width: 100%; display: block; }

.producom .solulis .solum .imgs { width: 100%; position: relative; overflow: hidden; }

.producom .solulis .solum .imgs .img { width: 100%; padding-top: 56.25%; -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; }

.producom .solulis .solum .vod { width: 100%; background-color: #f4f6f8; padding: 0.3rem; border-bottom: solid 0.05rem transparent; }

.producom .solulis .solum .vod .vt { width: 100%; color: #333; font-weight: bold; line-height: 1.5; height: 3em; margin-bottom: 0.15rem; }

.producom .solulis .solum .vod .vt p { font-weight: bold; line-height: 1.5; }

.producom .solulis .solum .vod .vm { width: 100%; color: #666; line-height: 1.5; height: 4.5em; }

.producom .solulis .solum:nth-child(3n) { margin-right: 0; }

.producom .solulis .solum:hover { -webkit-transition: all  ease 0.5s; -o-transition: all  ease 0.5s; transition: all  ease 0.5s; -webkit-box-shadow: 0px 10px 40px 0px rgba(0, 32, 64, 0.1); box-shadow: 0px 10px 40px 0px rgba(0, 32, 64, 0.1); }

.producom .solulis .solum:hover .imgs .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.producom .solulis .solum:hover .vod { width: 100%; background-color: #fff; -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; border-bottom: solid 0.05rem #00cae7; }

.producom .solulis .solum:hover .vod .vt { color: #00cae7; }

.producom .solulis .solum:hover .vod .vt p { color: #00cae7; }

.producom .seromd { width: 100%; padding-bottom: 0.2rem; border-bottom: solid 1px #ddd; margin-bottom: 0.3rem; }

.producom .seromd form { width: 100%; display: block; font-size: 0; }

.producom .seromd .inpt { display: inline-block; vertical-align: top; margin-right: calc(9 / 1520 * 100%); margin-bottom: 0.1rem; width: calc(440 / 1520 * 100%); }

.producom .seromd .inpt .select-con { width: 100%; display: inline-block; vertical-align: middle; position: relative; font-size: 0; background-color: #fff; border: solid 1px #999; padding: 0 0.4rem 0 0.2rem; overflow: hidden; }

.producom .seromd .inpt .select-con .select-value { display: inline-block; vertical-align: middle; width: 100%; line-height: 3.2; height: 3.2em; color: #333; }

.producom .seromd .inpt .select-con select { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 2; opacity: 0; }

.producom .seromd .inpt .select-con select option { color: #666; font-size: calc(12px - 0.12rem + 0.14rem); line-height: 2.8; background: #fff; }

.producom .seromd .inpt .select-con:after { display: inline-block; content: ""; position: absolute; right: 0.2rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; width: 12px; height: 6px; background-image: url("../images/x1.png"); background-size: 100% 100%; }

.producom .seromd .sub { display: inline-block; vertical-align: top; width: calc((170 / 1520) * 100%); text-align: center; height: 3.2em; line-height: 3.2; color: #fff; position: relative; background-color: #002040; overflow: hidden; padding: 0 0.2rem; }

.producom .seromd .sub span { display: inline-block; vertical-align: middle; width: 19px; margin-right: 0.1rem; position: relative; top: -0.02rem; }

.producom .seromd .sub span img { width: 100%; display: block; }

.producom .seromd .sub input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; opacity: 0; cursor: pointer; }

.protem { width: 100%; padding: 0.7rem 0; }

.protem .potem { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.protem .potem .pol { display: inline-block; vertical-align: middle; width: calc((500 / 1520 *  100%)); }

.protem .potem .pol .elper { width: 100%; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; }

.protem .potem .pol .elper .swiper-slide { width: 100%; -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; cursor: pointer; height: auto; }

.protem .potem .pol .elper .swiper-slide .img { width: 100%; padding-top: 75%; }

.protem .potem .pol .elper .swiper-slide.on { -webkit-box-shadow: 0px 15px 40px 0px rgba(0, 32, 64, 0.3); box-shadow: 0px 15px 40px 0px rgba(0, 32, 64, 0.3); }

.protem .potem .pol .elper .btn { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 0.4rem; height: 0.4rem; margin: 0 auto 0rem; cursor: pointer; z-index: 5; background-color: rgba(0, 32, 64, 0.5); }

.protem .potem .pol .elper .btn img { width: 100%; display: block; }

.protem .potem .pol .elper .btn:hover { background-color: rgba(88, 199, 71, 0.8); }

.protem .potem .pol .elper .bl { left: 0; }

.protem .potem .pol .elper .br { right: 0; }

.protem .potem .pol .erper { width: 100%; display: block; margin-bottom: 0.2rem; }

.protem .potem .pol .erper .swiper-slide { width: 100%; }

.protem .potem .pol .erper .swiper-slide .img { width: 100%; padding-top: 75%; }

.protem .potem .por { width: calc((920 / 1520 *  100%)); display: inline-block; vertical-align: middle; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: distribute; align-content: space-around; }

.protem .potem .por .piu { width: 100%; color: #333; font-weight: bold; line-height: 1.3; margin-bottom: 0.3rem; }

.protem .potem .por .pom { width: 100%; }

.protem .potem .por .pom .pp {display: none !important; width: 100%; color: #333; line-height: 1.5; }

.protem .potem .por .pom .line {display: none !important; width: 100%; height: 1px; background-color: #999; margin: 0.15rem 0; }

.protem .potem .por .pom .pinp { width: 100%; color: #666; line-height: 1.6; }

.protem .potem .por .pom .pinp p { color: #666; line-height: 1.6; }

.protem .potem .por .vomlis { width: 100%; margin-top: 0.4rem; }

.protem .potem .por .vomlis .vli { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0.02rem 0; }

.protem .potem .por .vomlis .vli .dm { display: inline-block; vertical-align: top; color: #333; line-height: 1.5; font-weight: bold; margin-right: 0.05rem; }

.protem .potem .por .vomlis .vli .pm { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: inline-block; vertical-align: top; color: #666; line-height: 1.5; }

.protem .potem .por .vot { width: 100%; font-size: 0; margin-top: 0.4rem; }

.protem .potem .por .vot a { display: inline-block; vertical-align: middle;margin-right: .15rem; background-color: #00cae7; color: #fff; line-height: 3; padding: 0 0.5rem; }

.protem .pemes {display: none !important; width: 100%; margin-top: 0.5rem; }

.protem .pemes .pit { width: 100%; background-color: #f4f6f8; padding: 0.15rem 0.3rem; margin-bottom: 0.2rem; }

.protem .pemes .pit span { display: inline-block; vertical-align: middle; color: #333; line-height: 1.5; }

.protem .pemes .pinp { width: 100%; color: #666; line-height: 1.6; }

.protem .pemes .pinp p { color: #666; line-height: 1.6; }

.protem .pemes .pinp img { max-width: 100%; }

.protem .relateds {display: none !important; width: 100%; padding-top: 0.5rem; }

.protem .relateds .pit { width: 100%; background-color: #f4f6f8; padding: 0.15rem 0.3rem; margin-bottom: 0.2rem; }

.protem .relateds .pit span { display: inline-block; vertical-align: middle; color: #333; line-height: 1.5; }

.protem .relateds .recomper { width: 100%; position: relative; }

.protem .relateds .recomper .swiper-slide { width: 100%; display: inline-block; vertical-align: top; position: relative; }

.protem .relateds .recomper .swiper-slide a { width: 100%; display: block; }

.protem .relateds .recomper .swiper-slide .imgs { width: 100%; position: relative; overflow: hidden; }

.protem .relateds .recomper .swiper-slide .imgs .img { width: 100%; padding-top: 75%; -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; }

.protem .relateds .recomper .swiper-slide .vom { position: absolute; bottom: 0; width: calc(100% - 0.6rem); background-color: #fff; right: 0; padding: 0.25rem 0.65rem 0.25rem 0.3rem; -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); }

.protem .relateds .recomper .swiper-slide .vom .xim { width: 100%; color: #333; font-weight: bold; line-height: 1.5; height: 3em; }

.protem .relateds .recomper .swiper-slide .vom .add { position: absolute; right: 0; bottom: 0; background-color: #002040; line-height: 0.5rem; width: 0.5rem; height: 0.5rem; z-index: 2; font-weight: lighter; color: #fff; text-align: center; }

.protem .relateds .recomper .swiper-slide:hover .imgs .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.protem .relateds .recomper .swiper-slide:hover .vom { background-color: #00cae7; }

.protem .relateds .recomper .swiper-slide:hover .vom .xim { color: #fff; }

.protem .relateds .recomper .swiper-slide:hover .vom .add { background-color: #fff; color: #00cae7; }

.protem .relateds .recomper .btn { display: inline-block; vertical-align: middle; width: 0.6rem; height: 0.6rem; cursor: pointer; top: calc( 50% - 0.2rem); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; z-index: 5; background-color: #f3f5f8; border-radius: 50%; }

.protem .relateds .recomper .btn img { width: 100%; display: block; }

.protem .relateds .recomper .btn img:first-child { display: block; }

.protem .relateds .recomper .btn img:last-child { display: none; }

.protem .relateds .recomper .btn:hover { background-color: #00cae7; }

.protem .relateds .recomper .btn:hover img:first-child { display: none; }

.protem .relateds .recomper .btn:hover img:last-child { display: block; }

.protem .relateds .recomper .bl { left: -0.8rem; }

.protem .relateds .recomper .br { right: -0.8rem; }

@media (max-width: 1540px) { .protem .relateds .recomper .bl { left: -0.2rem; }
  .protem .relateds .recomper .br { right: -0.2rem; } }

.oemdms { width: 100%; padding: 0.7rem 0; overflow: hidden; }

.oemdms .oemdm { width: 100%; font-size: 0; position: relative; }

.oemdms .oemdm .odl { display: inline-block; vertical-align: top; width: 33.33%; min-height: 6rem;}

.oemdms .oemdm .odl .oit { width: 100%; color: #333; line-height: 1.3; font-weight: bold; margin-bottom: 0.4rem; }

.oemdms .oemdm .odl .oit p { color: #333; font-weight: bold; line-height: 1.3; }

.oemdms .oemdm .odl .oinp { width: 100%; color: #666; line-height: 1.8; }

.oemdms .oemdm .odl .oinp p { color: #666; line-height: 1.8; }

.oemdms .oemdm .odm { display: inline-block; vertical-align: top; width: calc(66.66% - 60px); position: absolute; z-index: 2; right: 0; top: 0; overflow: hidden; }

.oemdms .oemdm .odm .img { width: 100%; padding-top: calc(1440/2560*100%); }

.oemdms .oemdm .odr { display: block; margin-top: 1rem; width: calc(36.33% + 40px); z-index: 3; position: relative; background-color: #00cae7; padding: 0.6rem 0.5rem 0.4rem; }

.oemdms .oemdm .odr .icd { position: absolute; left: 100%; top: 0; width: 0; height: 0; border-top: solid 0.4rem #00cae7; border-right: solid 0.5rem transparent; }

.oemdms .oemdm .odr .odrlis { width: 100%; font-size: 0; }

.oemdms .oemdm .odr .odrlis .oli { width: 47.5%; display: inline-block; vertical-align: top; margin-right: 5%; margin-bottom: 0.4rem; }

.oemdms .oemdm .odr .odrlis .oli .om { display: inline-block; vertical-align: top; width: 18px; height: 18px; margin-right: 0.1rem; position: relative; top: -0.02rem; margin-top: calc(0.75em - 9px); }

.oemdms .oemdm .odr .odrlis .oli .om img { width: 100%; display: block; }

.oemdms .oemdm .odr .odrlis .oli .pm { display: inline-block; vertical-align: top; width: calc(100% - 18px - 0.1rem); color: #fff; line-height: 1.5; }

.oemdms .oemdm .odr .odrlis .oli:nth-child(2n) { margin-right: 0; }

.oemdms .imgpers { width: 100%; padding: 0.5rem 0; }

.oemdms .imgpers .swiper-slide { width: 100%; position: relative; overflow: hidden; }

.oemdms .imgpers .swiper-slide .img { width: 100%; padding-top: 56.25%; -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; }

.oemdms .feels { width: 100%; }

.oemdms .feels .fetop { width: 100%; margin-bottom: 0.3rem; }

.oemdms .feels .fetop .fit { width: 100%; color: #333; line-height: 1.5; font-weight: bold; text-align: center; }

.oemdms .feels .fetop .fit span { color: #00cae7; }

.oemdms .feels .fetop .fmm { width: 100%; color: #666; line-height: 1.5; text-align: center; }

.oemdms .feels .fetop .fmm p { color: #666; line-height: 1.5; }

.oemdms .feels .freeom { width: 100%; font-size: 0; padding: 0.5rem; }

.oemdms .feels .freeom form { width: 100%; display: block; }

.oemdms .feels .freeom .row { width: 100%; font-size: 0; margin-bottom: 0.25rem; }

.oemdms .feels .freeom .row .input { width: calc(330 / 1420 * 100%); margin-right: calc((32 / 1420 * 100%)); display: inline-block; vertical-align: top; }

.oemdms .feels .freeom .row .input .int { width: 100%; color: #fff; line-height: 1.5; margin-bottom: 0.1rem; }

.oemdms .feels .freeom .row .input input { width: 100%; line-height: 3.2em; height: 3.2em; color: #333; border: none; padding: 0 0.2rem; background-color: #fff; }

.oemdms .feels .freeom .row .input .area { width: 100%; display: block; background-color: #fff; padding: 0.1rem 0.2rem; line-height: 1.5; color: #333; }

.oemdms .feels .freeom .row .input.w100 { width: 100%; margin-right: 0; }

.oemdms .feels .freeom .row .input:nth-child(4n) { margin-right: 0; }

.oemdms .feels .freeom .row .stn { display: inline-block; vertical-align: middle; width: 100%; text-align: center; }

.oemdms .feels .freeom .row .stn input { display: inline-block; vertical-align: middle; width: auto; padding: 0 0.35rem; color: #fff; background-color: #00cae7; line-height: 3.2em; height: 3.2em; text-align: center; cursor: pointer; border: none; }

.oemdms .feels .freeom .chox { width: 100%; font-size: 0; }

.oemdms .feels .freeom .chox .choxm { display: inline-block; vertical-align: middle; width: 1rem; height: 1rem; width: 100px; height: 100px; position: relative; background-color: #ffffff; border: solid 1px #d2d2d2; line-height: 100px; text-align: center; margin-right: 0.2rem; margin-bottom: 0.1rem; font-size: 24px; color: #00cae7; }

.oemdms .feels .freeom .chox .choxm div { color: #00cae7; }

.oemdms .feels .freeom .chox .choxm input { position: absolute; z-index: 4; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; display: block; filter: alpha(opacity=0); cursor: pointer; }

.oemdms .feels .freeom .chox .choxm .c-img { max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.oemdms .feels .freeom .chox .choxm .c-delete { width: 0.3rem; height: 0.3rem; line-height: 0.3rem; border-radius: 50%; border: 1px solid #eee; background-color: #fff; text-align: center; position: absolute; right: -0.15rem; top: -0.15rem; z-index: 10; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; }

.oemdms .feels .freeom .chox .choxm .uv-x { display: inline-block; vertical-align: top; line-height: 0.25rem; font-size: calc(12px - 0.12rem + 0.3rem); }

.oemdms .feels .freeom .chox #uvPicker:after { content: ' '; position: absolute; z-index: 2; width: 90%; height: 90%; left: 50%; top: 50%; border: dashed 1px #ddd; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media (max-width: 800px) { .oemdms .oemdm .odl { width: 100%;min-height: 10px; margin-bottom: 0.3rem; }
  .oemdms .oemdm .odm { width: 100%; position: relative; margin-bottom: 0.3rem; }
  .oemdms .oemdm .odr { width: 100%; margin-top: 0; } }

.newsd { width: 100%; padding: 0.7rem 0; }

.newsd .newdlis { width: 100%; font-size: 0; }

.newsd .newdlis .exbom { width: 100%; font-size: 0; border-bottom: solid 1px #e5e5e5; }

.newsd .newdlis .exbom a { width: 100%; display: block; padding: 0.4rem 0; }

.newsd .newdlis .exbom .exl { display: inline-block; vertical-align: top; width: 1.7rem; padding-right: 0.2rem; text-align: center; }

.newsd .newdlis .exbom .exl .et { width: 100%; color: #333; line-height: 1.3; }

.newsd .newdlis .exbom .exl .ep { width: 100%; color: #333; line-height: 1.5; }

.newsd .newdlis .exbom .exm { display: inline-block; vertical-align: top; width: 4.8rem; }

.newsd .newdlis .exbom .exm .imgs { width: 100%; position: relative; overflow: hidden; }

.newsd .newdlis .exbom .exm .imgs .img { width: 100%; padding-top: 56.25%; -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; }

.newsd .newdlis .exbom .exr { display: inline-block; vertical-align: top; width: calc(100% - 1.7rem - 4.8rem); padding-left: 0.6rem; }

.newsd .newdlis .exbom .exr .pit { width: 100%; color: #333; line-height: 1.5; }

.newsd .newdlis .exbom .exr .cim { width: 100%; color: #888; line-height: 1.8; margin-top: 0.1rem; margin: 0.3rem 0; }

.newsd .newdlis .exbom .exr .more { width: 100%; font-size: 0; }

.newsd .newdlis .exbom .exr .more span { display: inline-block; vertical-align: middle; color: #666; line-height: 1.5; }

.newsd .newdlis .exbom:hover { border-bottom: solid 1px #00cae7; }

.newsd .newdlis .exbom:hover .exl .et, .newsd .newdlis .exbom:hover .exl .ep { color: #00cae7; }

.newsd .newdlis .exbom:hover .exm .imgs .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.newsd .newdlis .exbom:hover .exr .pit { color: #00cae7; }

.newsd .newdlis .exbom:hover .exr .more span { color: #00cae7; }

@media (max-width: 800px) { .newsd .newdlis .exbom a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .newsd .newdlis .exbom .exm { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
  .newsd .newdlis .exbom .exl { width: 100%; font-size: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding: 0rem 0 0.1rem; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
  .newsd .newdlis .exbom .exl .et { display: inline-block; vertical-align: middle; width: auto; margin-right: 0rem; font-size: 16px; color: #666; font-weight: normal; }
  .newsd .newdlis .exbom .exl .ep { display: inline-block; vertical-align: middle; width: auto; font-size: 16px; color: #666; margin-right: 0.1rem; }
  .newsd .newdlis .exbom .exr { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } }

.newtails { width: 100%; padding: 0.7rem 0; }

.newtails .net { width: 100%; color: #333; font-weight: bold; line-height: 1.3; margin-bottom: 0.15rem; }

.newtails .nim { width: 100%; font-size: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0.2rem 0; }

.newtails .nim .nml { display: inline-block; vertical-align: middle; }

.newtails .nim .nml span { display: inline-block; vertical-align: middle; color: #666; line-height: 1.5; }

.newtails .nim .nml { display: inline-block; vertical-align: middle; }

.newtails .nim .fhare { width: 100%; font-size: 0; text-align: right; display: inline-block; vertical-align: middle; }

.newtails .nim .fhare .am { display: inline-block; vertical-align: top; width: 0.4rem; height: 0.4rem; margin-right: 0.1rem; margin-bottom: 0.1rem; }

.newtails .nim .fhare .am a, .newtails .nim .fhare .am img { width: 100%; display: block; }

.newtails .nim .fhare .am img:first-child { display: block; }

.newtails .nim .fhare .am img:last-child { display: none; }

.newtails .nim .fhare .am:hover img:first-child { display: none; }

.newtails .nim .fhare .am:hover img:last-child { display: block; }

.newtails .ninop { width: 100%; margin: 0.2rem 0; padding: 0.3rem 0; border-top: solid 1px #999; border-bottom: solid 1px #999; color: #666; line-height: 1.8; }

.newtails .ninop p { color: #666; line-height: 1.8; }

.newtails .ninop img { max-width: 100%; }

.newtails .noc { width: 100%; font-size: 0; padding: 0.15rem 0; }

.newtails .noc a { display: inline-block; vertical-align: middle; color: #666; line-height: 1.5; }

.newtails .noc a span { display: inline-block; vertical-align: middle; width: 18px; height: 18px; margin-right: 0.1rem; position: relative; top: -0.03rem; }

.newtails .noc a span img { width: 100%; display: block; }

.newtails .noc a span img:first-child { display: block; }

.newtails .noc a span img:last-child { display: none; }

.newtails .noc a:hover { color: #00cae7; }

.newtails .noc a:hover span img:first-child { display: none; }

.newtails .noc a:hover span img:last-child { display: block; }

.newtails .pom { width: 100%; }

.newtails .pom .pas { width: 100%; display: block; color: #333; line-height: 1.8; }

.newtails .pom .pas:hover { color: #00cae7; }

@media (max-width: 800px) { .newtails .nim .fhare .am { width: 24px; height: 24px; } }

.styles { width: 100%; padding: 0.7rem 0; }

.styles .imgpers { width: 100%; position: relative; }

.styles .imgpers .swiper-slide { width: 100%; position: relative; overflow: hidden; }

.styles .imgpers .swiper-slide .img { width: 100%; padding-top: 60%; -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; }

.styles .imgpers .btn { display: inline-block; vertical-align: middle; width: 0.6rem; height: 0.6rem; cursor: pointer; top: calc( 50% - 0.2rem); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; z-index: 5; background-color: #f3f5f8; border-radius: 50%; }

.styles .imgpers .btn img { width: 100%; display: block; }

.styles .imgpers .btn img:first-child { display: block; }

.styles .imgpers .btn img:last-child { display: none; }

.styles .imgpers .btn:hover { background-color: #00cae7; }

.styles .imgpers .btn:hover img:first-child { display: none; }

.styles .imgpers .btn:hover img:last-child { display: block; }

.styles .imgpers .bl { left: -0.8rem; }

.styles .imgpers .br { right: -0.8rem; }

@media (max-width: 1540px) { .styles .imgpers .bl { left: -0.2rem; }
  .styles .imgpers .br { right: -0.2rem; } }

.honors { width: 100%; padding: 0.7rem 0; }

.honors .honsper { width: 100%; position: relative; }

.honors .honsper .swiper-container, .honors .honsper .swiper-wrapper { height: auto; }

.honors .honsper .swiper-slide { width: 100%; background-color: #fff; -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; }

.honors .honsper .swiper-slide .imgs { width: 100%; position: relative; overflow: hidden; }

.honors .honsper .swiper-slide .imgs .ic { position: absolute; bottom: 0.15rem; right: 0.15rem; width: 30px; height: 30px; }

.honors .honsper .swiper-slide .imgs .ic img { width: 100%; display: block; }

.honors .honsper .swiper-slide .imgs .img { width: 100%; padding-top: 105.55%; -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; }

.honors .honsper .swiper-slide .hom { width: 100%; padding: 0.28rem 0.3rem; border-top: solid 1px #eee; }

.honors .honsper .swiper-slide .hom .ht { width: 100%; color: #333; font-weight: bold; line-height: 1.5; }

.honors .honsper .swiper-slide .hom .hp { width: 100%; color: #999; line-height: 1.5; margin-top: 0.1rem; }

.honors .honsper .swiper-slide:hover { -webkit-box-shadow: 0px 10px 40px 0px rgba(21, 64, 145, 0.1); box-shadow: 0px 10px 40px 0px rgba(21, 64, 145, 0.1); }

.honors .honsper .swiper-slide:hover .imgs .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.honors .honsper .btn { display: inline-block; vertical-align: middle; width: 0.6rem; height: 0.6rem; cursor: pointer; top: calc( 50% - 0.2rem); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; z-index: 5; background-color: #f3f5f8; border-radius: 50%; }

.honors .honsper .btn img { width: 100%; display: block; }

.honors .honsper .btn img:first-child { display: block; }

.honors .honsper .btn img:last-child { display: none; }

.honors .honsper .btn:hover { background-color: #00cae7; }

.honors .honsper .btn:hover img:first-child { display: none; }

.honors .honsper .btn:hover img:last-child { display: block; }

.honors .honsper .bl { left: -0.8rem; }

.honors .honsper .br { right: -0.8rem; }

@media (max-width: 1540px) { .honors .honsper .bl { left: -0.2rem; }
  .honors .honsper .br { right: -0.2rem; } }

.Profile { width: 100%; padding: 0.7rem 0; }

.Profile .ptc { width: 100%; color: #333; font-weight: bold; line-height: 1.5; margin-bottom: 0.3rem; }

.Profile .proam { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.Profile .proam .pkl { width: calc((760 / 1520 * 100%)); display: inline-block; vertical-align: top; }

.Profile .proam .pkl .pmm { width: 100%; color: #333; font-weight: bold; line-height: 1.5; margin-bottom: 0.3rem; padding-right: 0.5rem; }

.Profile .proam .pkl .pmm p { color: #333; font-weight: bold; line-height: 1.5; }

.Profile .proam .pkl .pinp { width: 100%; color: #666; line-height: 1.5; padding-right: 0.5rem; margin-bottom: 0.5rem; }

.Profile .proam .pkl .pinp p { color: #666; line-height: 1.5; }

.Profile .proam .pkr { width: calc((640 / 1520 * 100%)); display: inline-block; vertical-align: top; }

.Profile .proam .pkr .imgs { width: 100%; position: relative; overflow: hidden; }

.Profile .proam .pkr .imgs .img { width: 100%; padding-top: 118.75%; }

.Profile .proam .pkr .kom { width: 90%; display: block; margin: 0 auto; background-color: #00cae7; padding: 0.35rem 0.4rem; position: relative; top: -1rem; }

.Profile .proam .pkr .kom .imp { width: 100%; color: #fff; line-height: 1.6; }

.Profile .proam .pkr .kom .imp p { color: #fff; line-height: 1.6; }

.Profile .datas { width: 100%; font-size: 0; margin-top: 0.8rem; }

.Profile .datas .datm { width: calc(260 / 1520 * 100%); margin-right: calc(160 / 1520 * 100%); display: inline-block; vertical-align: top; }

.Profile .datas .datm .dc { display: block; width: 0.56rem; height: 0.56rem; }

.Profile .datas .datm .dc img { width: 100%; display: block; }

.Profile .datas .datm .dum { width: 100%; font-size: 0; margin: 0.25rem 0; }

.Profile .datas .datm .dum .num { display: inline-block; vertical-align: top; color: #333; font-weight: bold; margin-right: 0.1rem; }

.Profile .datas .datm .dum .im { display: inline-block; vertical-align: top; font-weight: bold; color: #333; }

.Profile .datas .datm .lx { width: 100%; height: 1px; background-color: #999; margin: 0.25rem 0; }

.Profile .datas .datm .dx { width: 100%; color: #333; line-height: 1.5; }

.Profile .datas .datm:nth-child(4n) { margin-right: 0; }

@media (max-width: 800px) { .Profile .proam .pkr .imgs .img { padding-top: 60%; } }

.faqtails { width: 100%; padding: 0.7rem 0; }

.faqtails .faqlist { width: 100%; }

.faqtails .faqlist .recuim { width: 100%; }

.faqtails .faqlist .recuim .ritle { width: 100%; padding: 0.2rem 0.5rem; font-size: 0; cursor: pointer; background-color: #f4f6f8; }

.faqtails .faqlist .recuim .ritle .rm { display: inline-block; vertical-align: middle; color: #333; font-weight: bold; line-height: 1.5; }

.faqtails .faqlist .recuim .recont { width: 100%; display: none; border-bottom: solid 1px #ddd; }

.faqtails .faqlist .recuim .recont .ritm { width: 100%; padding: 0.5rem; background-color: #f4f6f8; }

.faqtails .faqlist .recuim .recont .rinp { width: 100%; color: #666; line-height: 1.8; }

.faqtails .faqlist .recuim .recont .rinp p { color: #666; line-height: 1.8; }

.faqtails .faqlist .recuim:nth-child(2n) .ritle { background-color: #fff; }

.faqtails .faqlist .recuim.show .ritle { background-color: #00cae7; }

.faqtails .faqlist .recuim.show .ritle .rm { color: #fff; }



.consulting {
  width: 100%;
  padding:  .83rem 0 1rem;
}

.consulting .cit {
  width: 100%;
  color: #111111;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.2rem;
}

.consulting .conbles {
  width: 100%;
  border: solid 1px #e8e8f4;
}

.consulting .conbles .tr {
  width: 100%;
  font-size: 0;
  display: flex;
}

.consulting .conbles .tr .td {
  flex: 1;
  display: inline-block;
  vertical-align: middle;
}

.consulting .conbles .tr .tdm {
  width: 100%;
  height: 100%;
  padding: 0.2rem;
  line-height: 1.5;
  color: #222434;
  display: flex;
  align-items: center; 
}

.consulting .conbles .tr .tdm .mg{max-width: 3rem;}

.consulting .conbles .tr .tdm .num {
  display: inline-block;
  vertical-align: middle;
  border: solid 1px #e8e8f4;
  padding: 0 0.3rem;
  color: #666;
  line-height: 2.5;
}

.consulting .conbles .tr .td+.td {
  border-left: solid 1px #e8e8f4;
}

.consulting .conbles .tr.head {
  background-color: #f4f4f5;
}

.consulting .conbles .tr.head .tdm {
  color: #666;
}

.consulting .conbles .tr+.tr {
  border-top: solid 1px #e8e8f4;
}

.consulting .conform {
  width: 100%;
  margin-top: 0.3rem;
  background-color: #f4f4f5;
  padding: 0.5rem;
}

.consulting .conform form {
  width: 100%;
  display: block;
}

.consulting .conform .row {
  width: 100%;
  font-size: 0;
}

.consulting .conform .row .inpuv {
  display: inline-block;
  vertical-align: top;
  width: calc((318 / 1300 * 100%));
  margin-right: calc((8 / 1300 * 100%));
  margin-bottom: 0.1rem;
}

.consulting .conform .row .inpuv input {
  width: 100%;
  display: block;
  background-color: #ffffff;
  border: solid 1px #d7d7de;
  padding: 0 0.12rem;
  line-height: 3;
  height: 3em;
  color: #333;
}

.consulting .conform .row .inpuv:nth-child(4n) {
  margin-right: 0;
}

.consulting .conform .row .text {
  width: 100%;
}

.consulting .conform .row .text .area {
  width: 100%;
  display: block;
  background-color: #ffffff;
  border: solid 1px #d7d7de;
  padding: 0.12rem;
  line-height: 1.5;
  color: #333;
  margin-bottom: 0.1rem;
}

.consulting .conform .row .code {
  width: 100%;
  font-size: 0;
  display: flex;
}

.consulting .conform .row .code .int {
  width: 2.3rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.15rem;
}

.consulting .conform .row .code .int input {
  width: 100%;
  display: block;
  padding: 0 0.2rem;
  color: #333;
  line-height: 3;
  height: 3em;
  border: none;
  background-color: #ffffff;
  border: solid 1px #d7d7de;
}

.consulting .conform .row .code .ymg {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  height: 3em;
}

.consulting .conform .row .code .ymg img {
  height: 100%;
  display: block;
}

.consulting .conform input::-webkit-input-placeholder,
.consulting .conform textarea::-webkit-input-placeholder {
  color: #999;
}

.consulting .conform input:-moz-placeholder,
.consulting .conform textarea:-moz-placeholder {
  color: #999;
}

.consulting .conform input::-moz-placeholder,
.consulting .conform textarea::-moz-placeholder {
  color: #999;
}

.consulting .conform input:-ms-input-placeholder,
.consulting .conform textarea:-ms-input-placeholder {
  color: #999;
}

.consulting .conform .sub {
  width: 100%;
  text-align: center;
  font-size: 0;
  margin-top: 0.2rem;
}

.consulting .conform .sub .stn {
  display: inline-block;
  vertical-align: middle;
  min-width: 2.3rem;
  text-align: center;
  color: #fff;
  line-height: 3em;
  height: 3em;
  background-color: #00cae7;
  cursor: pointer;
  border: none;
}

.cs-row{width: 100%;overflow: hidden;}
.cs-left{float: left;font-size: 0;user-select: none;}
.cs-right{float: right;font-size: 0;}
.cs-num{width: .5rem;height: .3rem;border: 1px solid #e8e8f4;text-align: center;color: #666;margin: 0 .04rem;}
.cs-delete{display: inline-block;vertical-align: top;width: .3rem;height: .3rem;background-image: url(../images/cs1.png);background-size: .2rem auto;background-repeat: no-repeat;background-position: center center;cursor: pointer;}
.cs-minus,
.cs-add{display: inline-block;vertical-align: top;width: .3rem;height: .3rem;line-height: .28rem;border: 1px solid #e8e8f4;text-align: center;cursor: pointer;background-size: 100% 100%;}
.cs-minus{background-image: url(../images/cs2.png);}
.cs-add{background-image: url(../images/cs3.png);}
.cs-hd{width: 100%;position: relative;}
.cs-rt{position: absolute;right: 0;top: 50%;font-size: 0;transform: translate(0,-50%);}
.cs-btn{display: inline-block;vertical-align: top;color: #666;cursor: pointer;}
.cs-btn:after{content: "";display: inline-block;vertical-align: top;width: .875em;height: .9375em;margin-left: .25em;background-size: 100% 100%;}
.cs-back{margin-left: .26rem;}
.cs-empty:after{background-image: url(../images/cs4.png);}
.cs-back:after{background-image: url(../images/cs5.png);}
@media(max-width: 1920px){
    .cs-num{width: 50px;height: 30px;margin: 0 4px;}
    .cs-delete{width: 30px;height: 30px;background-size: 20px auto;}
    .cs-minus,
    .cs-add{width: 30px;height: 30px;line-height: 28px;}
}
@media(max-width: 700px){
    .cs-left{float: none;width: 100%;text-align: center;margin-bottom: 20px;padding-top: 10px;}
    .cs-right{float: none;width: 100%;text-align: right;}
}
@media(max-width: 450px){
    .consulting .conbles .tr .td{width: calc(50% - 70px);flex: auto;}
    .consulting .conbles .tr .td:nth-child(3n){width: 140px;}
}

@media(max-width: 700px){
  .nanner .imgs .img{height: auto;padding-top: calc(500/1920*100%);}

}

.numbers{width: 100%;font-size: 0;margin: 0.35rem 0;}
.numbers span{display: inline-block;vertical-align: middle;color: #333;line-height: 2.2;}
.numbers .cum{display:inline-block;vertical-align:middle;font-size:0;margin-left:0.2rem}
.numbers .cum .ctn{display:inline-block;vertical-align:middle;width:0.4rem;height:0.4rem;cursor:pointer;width:2.2em;height:2.2em;line-height:2.2em;border:solid 1px #eee;border-radius: .05rem;overflow: hidden;}
.numbers .cum .ctn img{width:100%;display:block}
.numbers .cum .counx{display:inline-block;vertical-align:middle;width:50px;margin:0 0.1rem}
.numbers .cum .counx input{width:100%;height:0.4rem;line-height:0.4rem;height:2.2em;line-height:2.2em;text-align:center;display:block;background-color:#fff;border:solid 1px #eee;color:#666;border-radius: .05rem;}