.side-view{position: fixed;right: max(10px,0.36rem);bottom: 40px;z-index: 999;box-shadow: 0px 8px 12px 0px rgba(9, 18, 26, 0.12); background:#FFF;}
.side-view .side-list{ text-align:center;}
.side-view .side-list a{ padding-bottom:5px; display:block;}
.side-item{margin-top: 1px;}
.side-btn{width: max(46px,0.5rem);height: max(46px,0.5rem);background: #fff;color: #333; padding-top: 10px;}
.side-con{position: absolute;right: calc(100% + max(12px,0.2rem));top: 50%;transform: translate(-15px,-50%);opacity: 0;visibility: hidden;transition: all .4s ease; background: #fff;}
.side-con::before{content: "";position: absolute;left: 100%;top: 0;width: max(12px,0.2rem);height: 100%;}
.side-con::after{content: "";position: absolute;left: 100%;top: 50%;transform: translateY(-50%);width: 8px;height: 10px;border: 5px solid transparent;border-left-color: #005ba8;}
.side-con .phone{display: flex;align-items: center; padding: 0 max(12px,0.2rem);height: max(30px,0.5rem); white-space: nowrap;}
.side-con .img{padding: max(3px,0.1rem);}
.side-con .img img{max-width: unset;width: max(50px,1.3rem);}
.side-item:hover .side-btn{background: #005ba8;color: #fff;}
.side-item:hover .side-con{opacity: 1;visibility: visible;transform: translate(0,-50%);}

/* 字体图标 */
@font-face{font-family: "icon";src: url('../fonts/boxicons.ttf') format('truetype')}
.icon{font-family: "icon" !important;font-size: 1.85rem;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscalel; }
.icon-w0001:before{content: "\e80b"}.icon-w0002:before{content: "\e7e7"}.icon-w0003:before{content: "\e692"}.icon-w0004:before{content: "\e614"}
.icon-w0005:before{content: "\e660"}.icon-w0006:before{content: "\e895"}.icon-w0007:before{content: "\e954"}.icon-w0008:before{content: "\e77c"}
.icon-w0009:before{content: "\e78c"}.icon-w0010:before{content: "\e79b"}.icon-w0011:before{content: "\e6a8"}.icon-w0012:before{content: "\eb20"}
.icon-w0013:before{content: "\e83f"}.icon-w0014:before{content: "\e7c5"}.icon-w0015:before{content: "\e726"}.icon-w0016:before{content: "\ee29"}
.icon-w0017:before{content: "\eb1c"}.icon-w0018:before{content: "\e64d"}.icon-w0019:before{content: "\e7a2"}.icon-w0020:before{content: "\e946"}
.icon-w0021:before{content: "\e89b"}.icon-w0022:before{content: "\e723"}.icon-w0023:before{content: "\e8bc"}
.icon-w0101:before{content: "\e727"}.icon-w0102:before{content: "\e7e5"}.icon-w0103:before{content: "\e65f"}.icon-w0104:before{content: "\e62e"}
.icon-w0105:before{content: "\e7c2"}.icon-w0106:before{content: "\e892"}.icon-w0107:before{content: "\e947"}.icon-w0108:before{content: "\e6bd"}
.icon-w0109:before{content: "\e725"}.icon-w0110:before{content: "\e78d"}.icon-w0111:before{content: "\e6f3"}.icon-w0112:before{content: "\e8c2"}
.icon-w0113:before{content: "\e6cf"}.icon-w0114:before{content: "\e724"}.icon-w0115:before{content: "\e762"}.icon-w0116:before{content: "\ee30"}
.icon-w0117:before{content: "\e620"}
.icon-w0301:before{content: "\e6b5"}.icon-w0302:before{content: "\e7db"}.icon-w0303:before{content: "\e621"}.icon-w0304:before{content: "\eca0"}
.icon-w0305:before{content: "\e6bc"}.icon-w0306:before{content: "\e659"}.icon-w0307:before{content: "\e903"}.icon-w0308:before{content: "\e667"}
.icon-w0309:before{content: "\e613"}.icon-w0310:before{content: "\e861"}.icon-w0311:before{content: "\e921"}.icon-w0312:before{content: "\e615"}
.icon-w0313:before{content: "\e616"}.icon-w0314:before{content: "\e637"}.icon-w0315:before{content: "\100c4"}.icon-w0316:before{content: "\e85d"}
.icon-w0317:before{content: "\ec7b"}.icon-w0318:before{content: "\e68e"}.icon-w0319:before{content: "\e606"}.icon-w0320:before{content: "\e8c1"}
.icon-w0321:before{content: "\e657"}
.icon-w0401:before{content: "\e8d6"}.icon-w0402:before{content: "\e601"}.icon-w0403:before{content: "\e6a6"}.icon-w0404:before{content: "\e617"}
.icon-w0405:before{content: "\e651"}.icon-w0406:before{content: "\e600"}.icon-w0407:before{content: "\e752"}.icon-w0408:before{content: "\e603"}
.icon-w0409:before{content: "\e62c"}.icon-w0410:before{content: "\e64a"}.icon-w0411:before{content: "\e654"}.icon-w0412:before{content: "\e88e"}
.icon-w0413:before{content: "\e81c"}.icon-w0414:before{content: "\e931"}
.icon-w0501:before{content: "\ec35"}.icon-w0502:before{content: "\e602"}.icon-w0503:before{content: "\e646"}.icon-w0504:before{content: "\e80f"}
.icon-w0505:before{content: "\e8db"}.icon-w0506:before{content: "\e7be"}.icon-w0507:before{content: "\e6e5"}.icon-w0508:before{content: "\e622"}
.icon-w0509:before{content: "\e688"}.icon-w0510:before{content: "\e623"}.icon-w0511:before{content: "\e8a3"}.icon-w0512:before{content: "\e8f1"}
.icon-w0513:before{content: "\e8d0"}.icon-w0514:before{content: "\e6df"}.icon-w0515:before{content: "\e6e0"}.icon-w0516:before{content: "\e604"}
.icon-w0517:before{content: "\e8cb"}.icon-w0518:before{content: "\e8d7"}.icon-w0519:before{content: "\e783"}.icon-w0520:before{content: "\e8de"}
.icon-w0521:before{content: "\e618"}.icon-w0522:before{content: "\e635"}.icon-w0523:before{content: "\e69a"}.icon-w0524:before{content: "\e652"}
.icon-w0525:before{content: "\ee49"}.icon-w0526:before{content: "\e605"}.icon-w0527:before{content: "\e6e2"}.icon-w0528:before{content: "\e812"}
.icon-w0529:before{content: "\e8dd"}.icon-w0530:before{content: "\e6e1"}.icon-w0531:before{content: "\e798"}.icon-w0532:before{content: "\e6e3"}
.icon-w0533:before{content: "\ea92"}.icon-w0534:before{content: "\e6e7"}.icon-w0535:before{content: "\e890"}.icon-w0536:before{content: "\e880"}
.icon-w0537:before{content: "\e8c7"}.icon-w0538:before{content: "\e8a6"}.icon-w0539:before{content: "\e6f2"}.icon-w0540:before{content: "\e741"}
.icon-w0541:before{content: "\e6e8"}.icon-w0542:before{content: "\e6e9"}.icon-w0543:before{content: "\ece3"}.icon-w0544:before{content: "\e6ef"}
.icon-w0545:before{content: "\e6ed"}.icon-w0546:before{content: "\e6f5"}.icon-w0547:before{content: "\e6f4"}.icon-w0548:before{content: "\e744"}
.icon-w0549:before{content: "\e6f9"}.icon-w0550:before{content: "\e8dc"}.icon-w0551:before{content: "\e8eb"}.icon-w0552:before{content: "\e70e"}
.icon-w0553:before{content: "\e707"}.icon-w0554:before{content: "\e70c"}.icon-w0555:before{content: "\e70a"}.icon-w0556:before{content: "\e909"}
.icon-w0557:before{content: "\eb92"}.icon-w0558:before{content: "\ea07"}.icon-w0559:before{content: "\e711"}.icon-w0560:before{content: "\e712"}
.icon-w0561:before{content: "\ea17"}.icon-w0562:before{content: "\e713"}.icon-w0563:before{content: "\e79f"}.icon-w0564:before{content: "\e75c"}
.icon-w0565:before{content: "\e714"}.icon-w0566:before{content: "\e716"}.icon-w0567:before{content: "\e71a"}.icon-w0568:before{content: "\e7a3"}
.icon-w0569:before{content: "\e718"}.icon-w0570:before{content: "\e719"}.icon-w0571:before{content: "\e717"}.icon-w0572:before{content: "\e722"}
.icon-w0573:before{content: "\e721"}.icon-w0574:before{content: "\ea09"}.icon-w0575:before{content: "\ea04"}.icon-w0576:before{content: "\e72a"}
.icon-w0577:before{content: "\e863"}.icon-w0578:before{content: "\eb74"}
.icon-w0601:before{content: "\e757"}.icon-w0602:before{content: "\e664"}.icon-w0603:before{content: "\e619"}.icon-w0604:before{content: "\e630"}
.icon-w0605:before{content: "\e641"}.icon-w0606:before{content: "\e8ba"}.icon-w0607:before{content: "\e624"}.icon-w0608:before{content: "\e60b"}
.icon-w0609:before{content: "\e60f"}.icon-w0610:before{content: "\e647"}.icon-w0611:before{content: "\e634"}.icon-w0612:before{content: "\e7e0"}
.icon-w0613:before{content: "\e633"}.icon-w0614:before{content: "\e608"}.icon-w0615:before{content: "\e61b"}.icon-w0616:before{content: "\e61a"}
.icon-w0701:before{content: "\ea82"}.icon-w0702:before{content: "\e775"}.icon-w0703:before{content: "\e625"}.icon-w0704:before{content: "\e68b"}
.icon-w0705:before{content: "\e609"}.icon-w0706:before{content: "\e611"}.icon-w0707:before{content: "\e6fe"}.icon-w0708:before{content: "\e60e"}
.icon-w0709:before{content: "\e650"}.icon-w0710:before{content: "\e638"}.icon-w0711:before{content: "\e62f"}.icon-w0712:before{content: "\e663"}
.icon-w0713:before{content: "\ea8c"}.icon-w0714:before{content: "\e61f"}.icon-w0715:before{content: "\ea6d"}
.icon-w0801:before{content: "\e66c"}.icon-w0802:before{content: "\e612"}.icon-w0803:before{content: "\e626"}.icon-w0804:before{content: "\e7c6"}
.icon-w0805:before{content: "\e6a5"}.icon-w0806:before{content: "\e7c3"}.icon-w0807:before{content: "\e60c"}.icon-w0808:before{content: "\e8b0"}
.icon-w0809:before{content: "\ea1a"}.icon-w0810:before{content: "\e6e6"}.icon-w0811:before{content: "\100c5"}.icon-w0812:before{content: "\e933"}
.icon-w0813:before{content: "\e88f"}.icon-w0814:before{content: "\e8a8"}.icon-w0815:before{content: "\ea0b"}.icon-w0816:before{content: "\e607"}
.icon-w0817:before{content: "\e691"}.icon-w0818:before{content: "\e627"}.icon-w0819:before{content: "\e7ff"}.icon-w0820:before{content: "\e7a5"}
.icon-w0821:before{content: "\e8f0"}.icon-w0822:before{content: "\e610"}.icon-w0823:before{content: "\e6a7"}.icon-w0824:before{content: "\ea0a"}
.icon-w0901:before{content: "\e64e"}.icon-w0902:before{content: "\e8c4"}.icon-w0903:before{content: "\e666"}.icon-w0904:before{content: "\e61c"}
.icon-w0905:before{content: "\e6b3"}.icon-w0906:before{content: "\e60a"}.icon-w0907:before{content: "\e644"}.icon-w0908:before{content: "\e61d"}
.icon-w0909:before{content: "\e90c"}.icon-w0910:before{content: "\e8cf"}.icon-w0911:before{content: "\e89e"}.icon-w0912:before{content: "\e807"}
.icon-w1001:before{content: "\e66b"}.icon-w1002:before{content: "\ec13"}.icon-w1003:before{content: "\e61e"}.icon-w1004:before{content: "\e696"}
.icon-w1005:before{content: "\e759"}.icon-w1006:before{content: "\e6eb"}.icon-w1007:before{content: "\e661"}.icon-w1008:before{content: "\e841"}
.icon-w1009:before{content: "\e78f"}.icon-w1010:before{content: "\e629"}.icon-w1011:before{content: "\e628"}.icon-w1012:before{content: "\e697"}
.icon-w1013:before{content: "\e7af"}.icon-w1014:before{content: "\e62b"}.icon-w1015:before{content: "\e631"}.icon-w1016:before{content: "\e848"}
.icon-w1017:before{content: "\e883"}.icon-w1018:before{content: "\e7de"}.icon-w1019:before{content: "\e92a"}.icon-w1020:before{content: "\e8c6"}
.icon-w1021:before{content: "\e60d"}.icon-w1022:before{content: "\e855"}.icon-w1023:before{content: "\e680"}.icon-w1024:before{content: "\e929"}
.icon-w1025:before{content: "\e6cc"}.icon-w1026:before{content: "\e857"}.icon-w1027:before{content: "\e665"}.icon-w1028:before{content: "\e6d0"}
.icon-w1029:before{content: "\e636"}.icon-w1030:before{content: "\e648"}.icon-w1031:before{content: "\e819"}.icon-w1032:before{content: "\e62d"}
.icon-w1101:before{content: "\e66a"}.icon-w1102:before{content: "\e698"}.icon-w1103:before{content: "\e642"}.icon-w1104:before{content: "\e6c"}
.icon-w1105:before{content: "\e720"}.icon-w1106:before{content: "\e668"}.icon-w1107:before{content: "\e63f"}.icon-w1108:before{content: "\e62a"}
.icon-w1109:before{content: "\e764"}.icon-w1110:before{content: "\e858"}.icon-w1111:before{content: "\e65a"}.icon-w1112:before{content: "\e639"}
.icon-w1113:before{content: "\e690"}.icon-w1114:before{content: "\e63a"}.icon-w1115:before{content: "\e7ae"}.icon-w1116:before{content: "\ed1b"}
.icon-w1117:before{content: "\e63b"}.icon-w1118:before{content: "\e6aa"}.icon-w1119:before{content: "\e7a"}.icon-w1120:before{content: "\ec2e"}
.icon-w1121:before{content: "\e643"}.icon-w1122:before{content: "\e6d"}.icon-w1123:before{content: "\e7d6"}.icon-w1124:before{content: "\e7d7"}
.icon-w1201:before{content: "\e60"}.icon-w1202:before{content: "\e6e4"}.icon-w1203:before{content: "\e6"}.icon-w1204:before{content: "\e649"}
.icon-w1205:before{content: "\e653"}.icon-w1206:before{content: "\e64c"}.icon-w1207:before{content: "\ebb3"}.icon-w1208:before{content: "\e98a"}
.icon-w1209:before{content: "\e8bd"}.icon-w1210:before{content: "\e64f"}.icon-w1211:before{content: "\e63e"}.icon-w1212:before{content: "\e853"}
.icon-w1213:before{content: "\eac1"}.icon-w1214:before{content: "\e64b"}.icon-w1215:before{content: "\e632"}.icon-w1216:before{content: "\e656"}
.icon-w1217:before{content: "\e71b"}.icon-w1218:before{content: "\e71d"}.icon-w1219:before{content: "\e71c"}
.icon-w1301:before{content: "\e835"}.icon-w1302:before{content: "\e92d"}.icon-w1303:before{content: "\e65d"}.icon-w1304:before{content: "\e9ca"}
.icon-w1305:before{content: "\e658"}.icon-w1306:before{content: "\e69b"}.icon-w1307:before{content: "\e63d"}.icon-w1308:before{content: "\e8ea"}
.icon-w1309:before{content: "\e65"}.icon-w1310:before{content: "\e63c"}.icon-w1311:before{content: "\e881"}.icon-w1312:before{content: "\e678"}
.icon-w1313:before{content: "\e640"}.icon-w1314:before{content: "\e662"}
.icon-w1401:before{content: "\e673"}.icon-w1402:before{content: "\e788"}.icon-w1403:before{content: "\e67e"}.icon-w1404:before{content: "\e67d"}
.icon-w1405:before{content: "\e877"}.icon-w1406:before{content: "\e6ad"}.icon-w1407:before{content: "\e8aa"}.icon-w1408:before{content: "\e67a"}
.icon-w1409:before{content: "\e66f"}.icon-w1410:before{content: "\e675"}.icon-w1411:before{content: "\e671"}.icon-w1412:before{content: "\e677"}
.icon-w1413:before{content: "\e755"}.icon-w1414:before{content: "\e6ba"}.icon-w1415:before{content: "\e6ea"}.icon-w1416:before{content: "\e65e"}
.icon-w1417:before{content: "\e679"}.icon-w1418:before{content: "\e7ea"}.icon-w1419:before{content: "\e684"}.icon-w1420:before{content: "\e704"}
.icon-w1421:before{content: "\e786"}.icon-w1422:before{content: "\ea57"}.icon-w1423:before{content: "\e65b"}.icon-w1424:before{content: "\e66e"}
.icon-w1425:before{content: "\e674"}.icon-w1426:before{content: "\e6af"}.icon-w1427:before{content: "\e6ac"}
.icon-w1501:before{content: "\e66d"}.icon-w1502:before{content: "\eabe"}.icon-w1503:before{content: "\e683"}.icon-w1504:before{content: "\e686"}
.icon-w1505:before{content: "\e67c"}.icon-w1506:before{content: "\e6ca"}.icon-w1507:before{content: "\e7b8"}.icon-w1508:before{content: "\e672"}
.icon-w1509:before{content: "\e793"}.icon-w1510:before{content: "\e6a0"}.icon-w1511:before{content: "\e687"}.icon-w1512:before{content: "\e670"}
.icon-w1513:before{content: "\e88a"}.icon-w1514:before{content: "\e869"}.icon-w1515:before{content: "\e886"}.icon-w1516:before{content: "\e69f"}
.icon-w1517:before{content: "\e7ab"}.icon-w1518:before{content: "\e728"}.icon-w1519:before{content: "\e733"}.icon-w1520:before{content: "\e67f"}
.icon-w1521:before{content: "\e87c"}.icon-w1522:before{content: "\e7ba"}.icon-w1523:before{content: "\e681"}.icon-w1524:before{content: "\e685"}
.icon-w1601:before{content: "\e770"}.icon-w1602:before{content: "\e7f5"}.icon-w1603:before{content: "\e7ad"}.icon-w1604:before{content: "\e932"}
.icon-w1605:before{content: "\e7fa"}.icon-w1606:before{content: "\e68d"}.icon-w1607:before{content: "\e78e"}.icon-w1608:before{content: "\e8fd"}
.icon-w1609:before{content: "\e6b4"}.icon-w1610:before{content: "\e693"}.icon-w1611:before{content: "\e7b0"}.icon-w1612:before{content: "\e694"}
.icon-w1613:before{content: "\e708"}.icon-w1614:before{content: "\e8b8"}.icon-w1615:before{content: "\e682"}.icon-w1616:before{content: "\e669"}
.icon-w1617:before{content: "\e689"}.icon-w1618:before{content: "\e8bb"}.icon-w1619:before{content: "\e732"}.icon-w1620:before{content: "\e7bd"}
.icon-w1621:before{content: "\e700"}.icon-w1622:before{content: "\e74a"}
.icon-w1701:before{content: "\e7a8"}.icon-w1702:before{content: "\e6be"}.icon-w1703:before{content: "\e758"}.icon-w1704:before{content: "\e6fa"}
.icon-w1705:before{content: "\e6ff"}.icon-w1706:before{content: "\e748"}.icon-w1707:before{content: "\e779"}.icon-w1708:before{content: "\e68c"}
.icon-w1709:before{content: "\e6a3"}.icon-w1710:before{content: "\e6a1"}.icon-w1711:before{content: "\e6ab"}.icon-w1712:before{content: "\e69e"}
.icon-w1713:before{content: "\e69d"}.icon-w1714:before{content: "\e67b"}.icon-w1715:before{content: "\e68f"}.icon-w1716:before{content: "\e6a4"}
.icon-w1801:before{content: "\e699"}.icon-w1802:before{content: "\e8c3"}.icon-w1803:before{content: "\e68a"}.icon-w1804:before{content: "\e69c"}
.icon-w1805:before{content: "\e8c9"}.icon-w1806:before{content: "\e729"}.icon-w1807:before{content: "\e87d"}.icon-w1808:before{content: "\e8f4"}
.icon-w1809:before{content: "\e6b9"}.icon-w1810:before{content: "\e6fc"}.icon-w1811:before{content: "\e6b0"}.icon-w1812:before{content: "\e7ec"}
.icon-w1813:before{content: "\e778"}.icon-w1814:before{content: "\e75a"}.icon-w1815:before{content: "\e71e"}.icon-w1816:before{content: "\e806"}
.icon-w1817:before{content: "\e7e2"}.icon-w1818:before{content: "\e709"}.icon-w1819:before{content: "\e6b8"}.icon-w1820:before{content: "\e71f"}
.icon-w1821:before{content: "\e949"}.icon-w1822:before{content: "\e94a"}
.icon-w1901:before{content: "\e6bb"}.icon-w1902:before{content: "\e7d3"}.icon-w1903:before{content: "\e7d4"}.icon-w1904:before{content: "\e6c2"}
.icon-w1905:before{content: "\e849"}.icon-w1906:before{content: "\e6b1"}.icon-w1907:before{content: "\e77d"}.icon-w1908:before{content: "\e6ae"}
.icon-w1909:before{content: "\e6b2"}.icon-w1910:before{content: "\e6b6"}.icon-w1911:before{content: "\e6f8"}.icon-w1912:before{content: "\e8b2"}
.icon-w1913:before{content: "\e8ee"}.icon-w1914:before{content: "\e6a9"}.icon-w1915:before{content: "\e695"}.icon-w1916:before{content: "\e6a2"}
.icon-w2001:before{content: "\e6c8"}.icon-w2002:before{content: "\e6c1"}.icon-w2003:before{content: "\e6c9"}.icon-w2004:before{content: "\e6c6"}
.icon-w2005:before{content: "\e8bf"}.icon-w2006:before{content: "\eb8d"}.icon-w2007:before{content: "\e6bf"}.icon-w2008:before{content: "\e6c0"}
.icon-w2009:before{content: "\e6c3"}.icon-w2010:before{content: "\e7da"}.icon-w2011:before{content: "\e8b7"}.icon-w2012:before{content: "\e795"}
.icon-w2013:before{content: "\e6ec"}.icon-w2014:before{content: "\e6c4"}.icon-w2015:before{content: "\e6c5"}.icon-w2016:before{content: "\e6c7"}
.icon-w2017:before{content: "\e701"}.icon-w2018:before{content: "\e703"}.icon-w2019:before{content: "\e6fd"}.icon-w2020:before{content: "\e706"}
.icon-w2021:before{content: "\e705"}.icon-w2022:before{content: "\e702"}.icon-w2023:before{content: "\e77e"}.icon-w2024:before{content: "\e70b"}
.icon-w2025:before{content: "\e70f"}.icon-w2026:before{content: "\e710"}
.icon-w2101:before{content: "\e6d2"}.icon-w2102:before{content: "\e6da"}.icon-w2103:before{content: "\e6dd"}.icon-w2104:before{content: "\e6b7"}
.icon-w2105:before{content: "\e6cb"}.icon-w2106:before{content: "\e6d3"}.icon-w2107:before{content: "\e8c5"}.icon-w2108:before{content: "\e6d9"}
.icon-w2109:before{content: "\e6ce"}.icon-w2110:before{content: "\e6d5"}.icon-w2111:before{content: "\e6ee"}.icon-w2112:before{content: "\e6d1"}
.icon-w2113:before{content: "\e6f0"}.icon-w2114:before{content: "\e7c1"}.icon-w2115:before{content: "\e6d8"}.icon-w2116:before{content: "\e6dc"}
.icon-w2117:before{content: "\e740"}.icon-w2118:before{content: "\e784"}.icon-w2119:before{content: "\e8a4"}.icon-w2120:before{content: "\e6d6"}
.icon-w2121:before{content: "\e6d7"}.icon-w2122:before{content: "\e790"}.icon-w2123:before{content: "\e839"}.icon-w2124:before{content: "\e6de"}
.icon-w2125:before{content: "\e7bb"}.icon-w2126:before{content: "\edd5"}.icon-w2127:before{content: "\e83e"}.icon-w2128:before{content: "\e6f1"}
.icon-w2201:before{content: "\e6d4"}.icon-w2202:before{content: "\e6fb"}.icon-w2203:before{content: "\e6db"}.icon-w2204:before{content: "\e6cd"}
.icon-w2205:before{content: "\e75b"}.icon-w2206:before{content: "\e76f"}.icon-w2207:before{content: "\e70d"}.icon-w2208:before{content: "\e8c0"}
.icon-w2301:before{content: "\e6f7"}.icon-w2302:before{content: "\e870"}.icon-w2303:before{content: "\e6f6"}.icon-w2304:before{content: "\e715"}
.icon-w2401:before {content: "\e72b";}.icon-w2402:before {content: "\e72c";}

.text-center {
	text-align: center !important
}

label {
	display: inline-block
}
.row {
	--hsg-gutter-x: 1.5rem;
	--hsg-gutter-y: 0;
	display: flex;
	flex-wrap: wrap;
	margin-top: calc(-1*var(--hsg-gutter-y));
	margin-right: calc(-0.5*var(--hsg-gutter-x));
	margin-left: calc(-0.5*var(--hsg-gutter-x))
}

.row>* {
	flex-shrink: 0;
	padding-right: calc(var(--hsg-gutter-x)*.5);
	padding-left: calc(var(--hsg-gutter-x)*.5);
	margin-top: var(--hsg-gutter-y)
}

.col-auto {
	flex: 0 0 auto;
	width: auto
}

.col-1 {
	flex: 0 0 auto;
	width: 8.33333333%
}

.col-2 {
	flex: 0 0 auto;
	width: 16.66666667%
}

.col-3 {
	flex: 0 0 auto;
	width: 25%
}

.col-4 {
	flex: 0 0 auto;
	width: 33.33333333%
}

.col-5 {
	flex: 0 0 auto;
	width: 41.66666667%
}

.col-6 {
	flex: 0 0 auto;
	width: 50%
}

.col-7 {
	flex: 0 0 auto;
	width: 58.33333333%
}

.col-8 {
	flex: 0 0 auto;
	width: 66.66666667%
}

.col-9 {
	flex: 0 0 auto;
	width: 75%
}

.col-10 {
	flex: 0 0 auto;
	width: 83.33333333%
}

.col-11 {
	flex: 0 0 auto;
	width: 91.66666667%
}

.col-12 {
	flex: 0 0 auto;
	width: 100%
}

.offset-1 {
	margin-left: 8.33333333%
}

.offset-2 {
	margin-left: 16.66666667%
}

.offset-3 {
	margin-left: 25%
}

.offset-4 {
	margin-left: 33.33333333%
}

.offset-5 {
	margin-left: 41.66666667%
}

.offset-6 {
	margin-left: 50%
}

.offset-7 {
	margin-left: 58.33333333%
}

.offset-8 {
	margin-left: 66.66666667%
}

.offset-9 {
	margin-left: 75%
}

.offset-10 {
	margin-left: 83.33333333%
}

.offset-11 {
	margin-left: 91.66666667%
}

.g-0,
.gx-0 {
	--hsg-gutter-x: 0
}

.g-0,
.gy-0 {
	--hsg-gutter-y: 0
}

.g-1,
.gx-1 {
	--hsg-gutter-x: 0.25rem
}

.g-1,
.gy-1 {
	--hsg-gutter-y: 0.25rem
}

.g-2,
.gx-2 {
	--hsg-gutter-x: 0.5rem
}

.g-2,
.gy-2 {
	--hsg-gutter-y: 0.5rem
}

.g-3,
.gx-3 {
	--hsg-gutter-x: 1rem
}

.g-3,
.gy-3 {
	--hsg-gutter-y: 1rem
}

.g-4,
.gx-4 {
	--hsg-gutter-x: 1.5rem
}

.g-4,
.gy-4 {
	--hsg-gutter-y: 1.5rem
}

.g-5,
.gx-5 {
	--hsg-gutter-x: 3rem
}

.g-5,
.gy-5 {
	--hsg-gutter-y: 3rem
}

@media(min-width: 500px) {
	.col-sm {
		flex: 1 0 0%
	}

	.row-cols-sm-auto>* {
		flex: 0 0 auto;
		width: auto
	}

	.row-cols-sm-1>* {
		flex: 0 0 auto;
		width: 100%
	}

	.row-cols-sm-2>* {
		flex: 0 0 auto;
		width: 50%
	}

	.row-cols-sm-3>* {
		flex: 0 0 auto;
		width: 33.3333333333%
	}

	.row-cols-sm-4>* {
		flex: 0 0 auto;
		width: 25%
	}

	.row-cols-sm-5>* {
		flex: 0 0 auto;
		width: 20%
	}

	.row-cols-sm-6>* {
		flex: 0 0 auto;
		width: 16.6666666667%
	}

	.col-sm-auto {
		flex: 0 0 auto;
		width: auto
	}

	.col-sm-1 {
		flex: 0 0 auto;
		width: 8.33333333%
	}

	.col-sm-2 {
		flex: 0 0 auto;
		width: 16.66666667%
	}

	.col-sm-3 {
		flex: 0 0 auto;
		width: 25%
	}

	.col-sm-4 {
		flex: 0 0 auto;
		width: 33.33333333%
	}

	.col-sm-5 {
		flex: 0 0 auto;
		width: 41.66666667%
	}

	.col-sm-6 {
		flex: 0 0 auto;
		width: 50%
	}

	.col-sm-7 {
		flex: 0 0 auto;
		width: 58.33333333%
	}

	.col-sm-8 {
		flex: 0 0 auto;
		width: 66.66666667%
	}

	.col-sm-9 {
		flex: 0 0 auto;
		width: 75%
	}

	.col-sm-10 {
		flex: 0 0 auto;
		width: 83.33333333%
	}

	.col-sm-11 {
		flex: 0 0 auto;
		width: 91.66666667%
	}

	.col-sm-12 {
		flex: 0 0 auto;
		width: 100%
	}

	.offset-sm-0 {
		margin-left: 0
	}

	.offset-sm-1 {
		margin-left: 8.33333333%
	}

	.offset-sm-2 {
		margin-left: 16.66666667%
	}

	.offset-sm-3 {
		margin-left: 25%
	}

	.offset-sm-4 {
		margin-left: 33.33333333%
	}

	.offset-sm-5 {
		margin-left: 41.66666667%
	}

	.offset-sm-6 {
		margin-left: 50%
	}

	.offset-sm-7 {
		margin-left: 58.33333333%
	}

	.offset-sm-8 {
		margin-left: 66.66666667%
	}

	.offset-sm-9 {
		margin-left: 75%
	}

	.offset-sm-10 {
		margin-left: 83.33333333%
	}

	.offset-sm-11 {
		margin-left: 91.66666667%
	}

	.g-sm-0,
	.gx-sm-0 {
		--hsg-gutter-x: 0
	}

	.g-sm-0,
	.gy-sm-0 {
		--hsg-gutter-y: 0
	}

	.g-sm-1,
	.gx-sm-1 {
		--hsg-gutter-x: 0.25rem
	}

	.g-sm-1,
	.gy-sm-1 {
		--hsg-gutter-y: 0.25rem
	}

	.g-sm-2,
	.gx-sm-2 {
		--hsg-gutter-x: 0.5rem
	}

	.g-sm-2,
	.gy-sm-2 {
		--hsg-gutter-y: 0.5rem
	}

	.g-sm-3,
	.gx-sm-3 {
		--hsg-gutter-x: 1rem
	}

	.g-sm-3,
	.gy-sm-3 {
		--hsg-gutter-y: 1rem
	}

	.g-sm-4,
	.gx-sm-4 {
		--hsg-gutter-x: 1.5rem
	}

	.g-sm-4,
	.gy-sm-4 {
		--hsg-gutter-y: 1.5rem
	}

	.g-sm-5,
	.gx-sm-5 {
		--hsg-gutter-x: 3rem
	}

	.g-sm-5,
	.gy-sm-5 {
		--hsg-gutter-y: 3rem
	}
}

@media(min-width: 768px) {
	.col-md {
		flex: 1 0 0%
	}

	.row-cols-md-auto>* {
		flex: 0 0 auto;
		width: auto
	}

	.row-cols-md-1>* {
		flex: 0 0 auto;
		width: 100%
	}

	.row-cols-md-2>* {
		flex: 0 0 auto;
		width: 50%
	}

	.row-cols-md-3>* {
		flex: 0 0 auto;
		width: 33.3333333333%
	}

	.row-cols-md-4>* {
		flex: 0 0 auto;
		width: 25%
	}

	.row-cols-md-5>* {
		flex: 0 0 auto;
		width: 20%
	}

	.row-cols-md-6>* {
		flex: 0 0 auto;
		width: 16.6666666667%
	}

	.col-md-auto {
		flex: 0 0 auto;
		width: auto
	}

	.col-md-1 {
		flex: 0 0 auto;
		width: 8.33333333%
	}

	.col-md-2 {
		flex: 0 0 auto;
		width: 16.66666667%
	}

	.col-md-3 {
		flex: 0 0 auto;
		width: 25%
	}

	.col-md-4 {
		flex: 0 0 auto;
		width: 33.33333333%
	}

	.col-md-5 {
		flex: 0 0 auto;
		width: 41.66666667%
	}

	.col-md-6 {
		flex: 0 0 auto;
		width: 50%
	}

	.col-md-7 {
		flex: 0 0 auto;
		width: 58.33333333%
	}

	.col-md-8 {
		flex: 0 0 auto;
		width: 66.66666667%
	}

	.col-md-9 {
		flex: 0 0 auto;
		width: 75%
	}

	.col-md-10 {
		flex: 0 0 auto;
		width: 83.33333333%
	}

	.col-md-11 {
		flex: 0 0 auto;
		width: 91.66666667%
	}

	.col-md-12 {
		flex: 0 0 auto;
		width: 100%
	}

	.offset-md-0 {
		margin-left: 0
	}

	.offset-md-1 {
		margin-left: 8.33333333%
	}

	.offset-md-2 {
		margin-left: 16.66666667%
	}

	.offset-md-3 {
		margin-left: 25%
	}

	.offset-md-4 {
		margin-left: 33.33333333%
	}

	.offset-md-5 {
		margin-left: 41.66666667%
	}

	.offset-md-6 {
		margin-left: 50%
	}

	.offset-md-7 {
		margin-left: 58.33333333%
	}

	.offset-md-8 {
		margin-left: 66.66666667%
	}

	.offset-md-9 {
		margin-left: 75%
	}

	.offset-md-10 {
		margin-left: 83.33333333%
	}

	.offset-md-11 {
		margin-left: 91.66666667%
	}

	.g-md-0,
	.gx-md-0 {
		--hsg-gutter-x: 0
	}

	.g-md-0,
	.gy-md-0 {
		--hsg-gutter-y: 0
	}

	.g-md-1,
	.gx-md-1 {
		--hsg-gutter-x: 0.25rem
	}

	.g-md-1,
	.gy-md-1 {
		--hsg-gutter-y: 0.25rem
	}

	.g-md-2,
	.gx-md-2 {
		--hsg-gutter-x: 0.5rem
	}

	.g-md-2,
	.gy-md-2 {
		--hsg-gutter-y: 0.5rem
	}

	.g-md-3,
	.gx-md-3 {
		--hsg-gutter-x: 1rem
	}

	.g-md-3,
	.gy-md-3 {
		--hsg-gutter-y: 1rem
	}

	.g-md-4,
	.gx-md-4 {
		--hsg-gutter-x: 1.5rem
	}

	.g-md-4,
	.gy-md-4 {
		--hsg-gutter-y: 1.5rem
	}

	.g-md-5,
	.gx-md-5 {
		--hsg-gutter-x: 3rem
	}

	.g-md-5,
	.gy-md-5 {
		--hsg-gutter-y: 3rem
	}
}

@media(min-width: 992px) {
	.col-lg {
		flex: 1 0 0%
	}

	.row-cols-lg-auto>* {
		flex: 0 0 auto;
		width: auto
	}

	.row-cols-lg-1>* {
		flex: 0 0 auto;
		width: 100%
	}

	.row-cols-lg-2>* {
		flex: 0 0 auto;
		width: 50%
	}

	.row-cols-lg-3>* {
		flex: 0 0 auto;
		width: 33.3333333333%
	}

	.row-cols-lg-4>* {
		flex: 0 0 auto;
		width: 25%
	}

	.row-cols-lg-5>* {
		flex: 0 0 auto;
		width: 20%
	}

	.row-cols-lg-6>* {
		flex: 0 0 auto;
		width: 16.6666666667%
	}

	.col-lg-auto {
		flex: 0 0 auto;
		width: auto
	}

	.col-lg-1 {
		flex: 0 0 auto;
		width: 8.33333333%
	}

	.col-lg-2 {
		flex: 0 0 auto;
		width: 16.66666667%
	}

	.col-lg-3 {
		flex: 0 0 auto;
		width: 25%
	}

	.col-lg-4 {
		flex: 0 0 auto;
		width: 33.33333333%
	}

	.col-lg-5 {
		flex: 0 0 auto;
		width: 41.66666667%
	}

	.col-lg-6 {
		flex: 0 0 auto;
		width: 50%
	}

	.col-lg-7 {
		flex: 0 0 auto;
		width: 58.33333333%
	}

	.col-lg-8 {
		flex: 0 0 auto;
		width: 66.66666667%
	}

	.col-lg-9 {
		flex: 0 0 auto;
		width: 75%
	}

	.col-lg-10 {
		flex: 0 0 auto;
		width: 83.33333333%
	}

	.col-lg-11 {
		flex: 0 0 auto;
		width: 91.66666667%
	}

	.col-lg-12 {
		flex: 0 0 auto;
		width: 100%
	}

	.offset-lg-0 {
		margin-left: 0
	}

	.offset-lg-1 {
		margin-left: 8.33333333%
	}

	.offset-lg-2 {
		margin-left: 16.66666667%
	}

	.offset-lg-3 {
		margin-left: 25%
	}

	.offset-lg-4 {
		margin-left: 33.33333333%
	}

	.offset-lg-5 {
		margin-left: 41.66666667%
	}

	.offset-lg-6 {
		margin-left: 50%
	}

	.offset-lg-7 {
		margin-left: 58.33333333%
	}

	.offset-lg-8 {
		margin-left: 66.66666667%
	}

	.offset-lg-9 {
		margin-left: 75%
	}

	.offset-lg-10 {
		margin-left: 83.33333333%
	}

	.offset-lg-11 {
		margin-left: 91.66666667%
	}

	.g-lg-0,
	.gx-lg-0 {
		--hsg-gutter-x: 0
	}

	.g-lg-0,
	.gy-lg-0 {
		--hsg-gutter-y: 0
	}

	.g-lg-1,
	.gx-lg-1 {
		--hsg-gutter-x: 0.25rem
	}

	.g-lg-1,
	.gy-lg-1 {
		--hsg-gutter-y: 0.25rem
	}

	.g-lg-2,
	.gx-lg-2 {
		--hsg-gutter-x: 0.5rem
	}

	.g-lg-2,
	.gy-lg-2 {
		--hsg-gutter-y: 0.5rem
	}

	.g-lg-3,
	.gx-lg-3 {
		--hsg-gutter-x: 1rem
	}

	.g-lg-3,
	.gy-lg-3 {
		--hsg-gutter-y: 1rem
	}

	.g-lg-4,
	.gx-lg-4 {
		--hsg-gutter-x: 1.5rem
	}

	.g-lg-4,
	.gy-lg-4 {
		--hsg-gutter-y: 1.5rem
	}

	.g-lg-5,
	.gx-lg-5 {
		--hsg-gutter-x: 3rem
	}

	.g-lg-5,
	.gy-lg-5 {
		--hsg-gutter-y: 3rem
	}
}

@media(min-width: 1200px) {
	.col-xl {
		flex: 1 0 0%
	}

	.row-cols-xl-auto>* {
		flex: 0 0 auto;
		width: auto
	}

	.row-cols-xl-1>* {
		flex: 0 0 auto;
		width: 100%
	}

	.row-cols-xl-2>* {
		flex: 0 0 auto;
		width: 50%
	}

	.row-cols-xl-3>* {
		flex: 0 0 auto;
		width: 33.3333333333%
	}

	.row-cols-xl-4>* {
		flex: 0 0 auto;
		width: 25%
	}

	.row-cols-xl-5>* {
		flex: 0 0 auto;
		width: 20%
	}

	.row-cols-xl-6>* {
		flex: 0 0 auto;
		width: 16.6666666667%
	}

	.col-xl-auto {
		flex: 0 0 auto;
		width: auto
	}

	.col-xl-1 {
		flex: 0 0 auto;
		width: 8.33333333%
	}

	.col-xl-2 {
		flex: 0 0 auto;
		width: 16.66666667%
	}

	.col-xl-3 {
		flex: 0 0 auto;
		width: 25%
	}

	.col-xl-4 {
		flex: 0 0 auto;
		width: 33.33333333%
	}

	.col-xl-5 {
		flex: 0 0 auto;
		width: 41.66666667%
	}

	.col-xl-6 {
		flex: 0 0 auto;
		width: 50%
	}

	.col-xl-7 {
		flex: 0 0 auto;
		width: 58.33333333%
	}

	.col-xl-8 {
		flex: 0 0 auto;
		width: 66.66666667%
	}

	.col-xl-9 {
		flex: 0 0 auto;
		width: 75%
	}

	.col-xl-10 {
		flex: 0 0 auto;
		width: 83.33333333%
	}

	.col-xl-11 {
		flex: 0 0 auto;
		width: 91.66666667%
	}

	.col-xl-12 {
		flex: 0 0 auto;
		width: 100%
	}

	.offset-xl-0 {
		margin-left: 0
	}

	.offset-xl-1 {
		margin-left: 8.33333333%
	}

	.offset-xl-2 {
		margin-left: 16.66666667%
	}

	.offset-xl-3 {
		margin-left: 25%
	}

	.offset-xl-4 {
		margin-left: 33.33333333%
	}

	.offset-xl-5 {
		margin-left: 41.66666667%
	}

	.offset-xl-6 {
		margin-left: 50%
	}

	.offset-xl-7 {
		margin-left: 58.33333333%
	}

	.offset-xl-8 {
		margin-left: 66.66666667%
	}

	.offset-xl-9 {
		margin-left: 75%
	}

	.offset-xl-10 {
		margin-left: 83.33333333%
	}

	.offset-xl-11 {
		margin-left: 91.66666667%
	}

	.g-xl-0,
	.gx-xl-0 {
		--hsg-gutter-x: 0
	}

	.g-xl-0,
	.gy-xl-0 {
		--hsg-gutter-y: 0
	}

	.g-xl-1,
	.gx-xl-1 {
		--hsg-gutter-x: 0.25rem
	}

	.g-xl-1,
	.gy-xl-1 {
		--hsg-gutter-y: 0.25rem
	}

	.g-xl-2,
	.gx-xl-2 {
		--hsg-gutter-x: 0.5rem
	}

	.g-xl-2,
	.gy-xl-2 {
		--hsg-gutter-y: 0.5rem
	}

	.g-xl-3,
	.gx-xl-3 {
		--hsg-gutter-x: 1rem
	}

	.g-xl-3,
	.gy-xl-3 {
		--hsg-gutter-y: 1rem
	}

	.g-xl-4,
	.gx-xl-4 {
		--hsg-gutter-x: 1.5rem
	}

	.g-xl-4,
	.gy-xl-4 {
		--hsg-gutter-y: 1.5rem
	}

	.g-xl-5,
	.gx-xl-5 {
		--hsg-gutter-x: 3rem
	}

	.g-xl-5,
	.gy-xl-5 {
		--hsg-gutter-y: 3rem
	}
}

@media(min-width: 1400px) {
	.col-xxl {
		flex: 1 0 0%
	}

	.row-cols-xxl-auto>* {
		flex: 0 0 auto;
		width: auto
	}

	.row-cols-xxl-1>* {
		flex: 0 0 auto;
		width: 100%
	}

	.row-cols-xxl-2>* {
		flex: 0 0 auto;
		width: 50%
	}

	.row-cols-xxl-3>* {
		flex: 0 0 auto;
		width: 33.3333333333%
	}

	.row-cols-xxl-4>* {
		flex: 0 0 auto;
		width: 25%
	}

	.row-cols-xxl-5>* {
		flex: 0 0 auto;
		width: 20%
	}

	.row-cols-xxl-6>* {
		flex: 0 0 auto;
		width: 16.6666666667%
	}

	.col-xxl-auto {
		flex: 0 0 auto;
		width: auto
	}

	.col-xxl-1 {
		flex: 0 0 auto;
		width: 8.33333333%
	}

	.col-xxl-2 {
		flex: 0 0 auto;
		width: 16.66666667%
	}

	.col-xxl-3 {
		flex: 0 0 auto;
		width: 25%
	}

	.col-xxl-4 {
		flex: 0 0 auto;
		width: 33.33333333%
	}

	.col-xxl-5 {
		flex: 0 0 auto;
		width: 41.66666667%
	}

	.col-xxl-6 {
		flex: 0 0 auto;
		width: 50%
	}

	.col-xxl-7 {
		flex: 0 0 auto;
		width: 58.33333333%
	}

	.col-xxl-8 {
		flex: 0 0 auto;
		width: 66.66666667%
	}

	.col-xxl-9 {
		flex: 0 0 auto;
		width: 75%
	}

	.col-xxl-10 {
		flex: 0 0 auto;
		width: 83.33333333%
	}

	.col-xxl-11 {
		flex: 0 0 auto;
		width: 91.66666667%
	}

	.col-xxl-12 {
		flex: 0 0 auto;
		width: 100%
	}

	.offset-xxl-0 {
		margin-left: 0
	}

	.offset-xxl-1 {
		margin-left: 8.33333333%
	}

	.offset-xxl-2 {
		margin-left: 16.66666667%
	}

	.offset-xxl-3 {
		margin-left: 25%
	}

	.offset-xxl-4 {
		margin-left: 33.33333333%
	}

	.offset-xxl-5 {
		margin-left: 41.66666667%
	}

	.offset-xxl-6 {
		margin-left: 50%
	}

	.offset-xxl-7 {
		margin-left: 58.33333333%
	}

	.offset-xxl-8 {
		margin-left: 66.66666667%
	}

	.offset-xxl-9 {
		margin-left: 75%
	}

	.offset-xxl-10 {
		margin-left: 83.33333333%
	}

	.offset-xxl-11 {
		margin-left: 91.66666667%
	}

	.g-xxl-0,
	.gx-xxl-0 {
		--hsg-gutter-x: 0
	}

	.g-xxl-0,
	.gy-xxl-0 {
		--hsg-gutter-y: 0
	}

	.g-xxl-1,
	.gx-xxl-1 {
		--hsg-gutter-x: 0.25rem
	}

	.g-xxl-1,
	.gy-xxl-1 {
		--hsg-gutter-y: 0.25rem
	}

	.g-xxl-2,
	.gx-xxl-2 {
		--hsg-gutter-x: 0.5rem
	}

	.g-xxl-2,
	.gy-xxl-2 {
		--hsg-gutter-y: 0.5rem
	}

	.g-xxl-3,
	.gx-xxl-3 {
		--hsg-gutter-x: 1rem
	}

	.g-xxl-3,
	.gy-xxl-3 {
		--hsg-gutter-y: 1rem
	}

	.g-xxl-4,
	.gx-xxl-4 {
		--hsg-gutter-x: 1.5rem
	}

	.g-xxl-4,
	.gy-xxl-4 {
		--hsg-gutter-y: 1.5rem
	}

	.g-xxl-5,
	.gx-xxl-5 {
		--hsg-gutter-x: 3rem
	}

	.g-xxl-5,
	.gy-xxl-5 {
		--hsg-gutter-y: 3rem
	}
}
/* 模块 */
.center-section {
	position: relative;
	z-index: 2;
	background-color: #f1f3f5;
	margin-bottom: 1.5rem;
}

.form-label {
	margin-bottom: .3125rem;
	font-size: 0.875rem;
	font-weight: 600;
	color: #0b0f19
}

.col-form-label {
	padding-top: calc(0.625rem + 1px);
	padding-bottom: calc(0.625rem + 1px);
	margin-bottom: 0;
	font-size: inherit;
	font-weight: 600;
	line-height: 1.6;
	color: #0b0f19
}

.col-form-label-lg {
	padding-top: calc(0.785rem + 1px);
	padding-bottom: calc(0.785rem + 1px);
	font-size: 1rem
}

.col-form-label-sm {
	padding-top: calc(0.475rem + 1px);
	padding-bottom: calc(0.475rem + 1px);
	font-size: 0.75rem
}

.form-text {
	margin-top: .25rem;
	font-size: 0.75rem;
	color: var(--hsg-gray-600)
}

.form-control {
	display: block;
	width: 100%;
	padding: .625rem 1rem;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.6;
	color: #565973;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #d4d7e5;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
	.form-control {
		transition: none
	}
}

.form-control[type=file] {
	overflow: hidden
}

.form-control[type=file]:not(:disabled):not([readonly]) {
	cursor: pointer
}

.form-control:focus {
	color: #565973;
	background-color: #fff;
	border-color: rgba(99, 102, 241, .35);
	outline: 0;
	box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 .5rem 1.125rem -0.5rem rgba(99, 102, 241, .2)
}

.form-control::-webkit-date-and-time-value {
	height: 1.6em
}

.form-control::-moz-placeholder {
	color: #b4b7c9;
	opacity: 1
}

.form-control::placeholder {
	color: #b4b7c9;
	opacity: 1
}

.form-control:disabled {
	background-color: #f3f6ff;
	opacity: 1
}

.form-control::-webkit-file-upload-button {
	padding: .625rem 1rem;
	margin: -0.625rem -1rem;
	-webkit-margin-end: 1rem;
	margin-inline-end: 1rem;
	color: #565973;
	background-color: #fff;
	pointer-events: none;
	border-color: inherit;
	border-style: solid;
	border-width: 0;
	border-inline-end-width: 1px;
	border-radius: 0;
	-webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out;
	transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out
}

.form-control::file-selector-button {
	padding: .625rem 1rem;
	margin: -0.625rem -1rem;
	-webkit-margin-end: 1rem;
	margin-inline-end: 1rem;
	color: #565973;
	background-color: #fff;
	pointer-events: none;
	border-color: inherit;
	border-style: solid;
	border-width: 0;
	border-inline-end-width: 1px;
	border-radius: 0;
	transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
	.form-control::-webkit-file-upload-button {
		-webkit-transition: none;
		transition: none
	}

	.form-control::file-selector-button {
		transition: none
	}
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
	background-color: #f2f2f2
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
	background-color: #f2f2f2
}

.form-control-plaintext {
	display: block;
	width: 100%;
	padding: .625rem 0;
	margin-bottom: 0;
	line-height: 1.6;
	color: #565973;
	background-color: rgba(0, 0, 0, 0);
	border: solid rgba(0, 0, 0, 0);
	border-width: 1px 0
}

.form-control-plaintext:focus {
	outline: 0
}

.form-control-plaintext.form-control-sm,
.form-control-plaintext.form-control-lg {
	padding-right: 0;
	padding-left: 0
}

.form-control-sm {
	min-height: calc(1.6em + 0.95rem + 2px);
	padding: .475rem .875rem;
	font-size: 0.75rem;
	border-radius: .25rem
}

.form-control-sm::-webkit-file-upload-button {
	padding: .475rem .875rem;
	margin: -0.475rem -0.875rem;
	-webkit-margin-end: .875rem;
	margin-inline-end: .875rem
}

.form-control-sm::file-selector-button {
	padding: .475rem .875rem;
	margin: -0.475rem -0.875rem;
	-webkit-margin-end: .875rem;
	margin-inline-end: .875rem
}

.form-control-lg {
	min-height: calc(1.6em + 1.57rem + 2px);
	padding: .785rem 1.125rem;
	font-size: 1rem;
	border-radius: .5rem
}

.form-control-lg::-webkit-file-upload-button {
	padding: .785rem 1.125rem;
	margin: -0.785rem -1.125rem;
	-webkit-margin-end: 1.125rem;
	margin-inline-end: 1.125rem
}

.form-control-lg::file-selector-button {
	padding: .785rem 1.125rem;
	margin: -0.785rem -1.125rem;
	-webkit-margin-end: 1.125rem;
	margin-inline-end: 1.125rem
}

textarea.form-control {
	min-height: calc(1.6em + 1.25rem + 2px)
}

textarea.form-control-sm {
	min-height: calc(1.6em + 0.95rem + 2px)
}

textarea.form-control-lg {
	min-height: calc(1.6em + 1.57rem + 2px)
}

.form-control-color {
	width: 3rem;
	height: calc(1.6em + 1.25rem + 2px);
	padding: .625rem
}

.form-control-color:not(:disabled):not([readonly]) {
	cursor: pointer
}

.form-control-color::-moz-color-swatch {
	border: 0 !important;
	border-radius: .375rem
}

.form-control-color::-webkit-color-swatch {
	border-radius: .375rem
}

.form-control-color.form-control-sm {
	height: calc(1.6em + 0.95rem + 2px)
}

.form-control-color.form-control-lg {
	height: calc(1.6em + 1.57rem + 2px)
}

.form-select {
	display: block;
	width: 100%;
	padding: .625rem 3rem .625rem 1rem;
	-moz-padding-start: calc(1rem - 3px);
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.6;
	color: #565973;
	background-color: #fff;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23565973' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right 1rem center;
	background-size: 16px 12px;
	border: 1px solid #d4d7e5;
	box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

@media(prefers-reduced-motion: reduce) {
	.form-select {
		transition: none
	}
}

.form-select:focus {
	border-color: rgba(99, 102, 241, .35);
	outline: 0;
	box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(99, 102, 241, .25)
}

.form-select[multiple],
.form-select[size]:not([size="1"]) {
	padding-right: 1rem;
	background-image: none
}

.form-select:disabled {
	background-color: #f3f6ff
}

.form-select:-moz-focusring {
	color: rgba(0, 0, 0, 0);
	text-shadow: 0 0 0 #565973
}

.form-select-sm {
	padding-top: .475rem;
	padding-bottom: .475rem;
	padding-left: .875rem;
	font-size: 0.75rem;
}

.form-select-lg {
	padding-top: .785rem;
	padding-bottom: .785rem;
	padding-left: 1.125rem;
	font-size: 1rem;
	border-radius: .5rem
}

.form-check {
	display: block;
	min-height: 1.6rem;
	padding-left: 1.5rem;
	margin-bottom: .25rem
}

.form-check .form-check-input {
	float: left;
	margin-left: -1.5rem
}

.form-check-reverse {
	padding-right: 1.5rem;
	padding-left: 0;
	text-align: right
}

.form-check-reverse .form-check-input {
	float: right;
	margin-right: -1.5rem;
	margin-left: 0
}

.form-check-input {
	width: 1rem;
	height: 1rem;
	margin-top: .3rem;
	vertical-align: top;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border: 2px solid #b4b7c9;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	print-color-adjust: exact
}

.form-check-input[type=checkbox] {
	border-radius: .1875em
}

.form-check-input[type=radio] {
	border-radius: 50%
}

.form-check-input:active {
	filter: brightness(90%)
}

.form-check-input:focus {
	border-color: rgba(99, 102, 241, .35);
	outline: 0;
	box-shadow: 0 0 0 0 rgba(99, 102, 241, .25)
}

.form-check-input:checked {
	background-color: #6366f1;

	border-color: #6366f1
}

.form-check-input:checked[type=checkbox] {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
}

.form-check-input:checked[type=radio] {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.form-check-input[type=checkbox]:indeterminate {
	background-color: #6366f1;
	border-color: #6366f1;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}

.form-check-input:disabled {
	pointer-events: none;
	filter: none;
	opacity: .55
}

.form-check-input[disabled]~.form-check-label,
.form-check-input:disabled~.form-check-label {
	cursor: default;
	opacity: .55
}

.form-switch {
	padding-left: 3.375em
}

.form-switch .form-check-input {
	width: 2.875em;
	margin-left: -3.375em;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
	background-position: left center;
	border-radius: 2.875em;
	transition: background-position .15s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
	.form-switch .form-check-input {
		transition: none
	}
}

.form-switch .form-check-input:focus {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.form-switch .form-check-input:checked {
	background-position: right center;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.form-switch.form-check-reverse {
	padding-right: 3.375em;
	padding-left: 0
}

.form-switch.form-check-reverse .form-check-input {
	margin-right: -3.375em;
	margin-left: 0
}

.form-check-inline {
	display: inline-block;
	margin-right: 1rem
}

.btn-check {
	position: absolute;
	clip: rect(0, 0, 0, 0);
	pointer-events: none
}

.btn-check[disabled]+.btn,
.btn-check:disabled+.btn {
	pointer-events: none;
	filter: none;
	opacity: .65
}

.form-range {
	width: 100%;
	height: 1rem;
	padding: 0;
	background-color: rgba(0, 0, 0, 0);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.form-range:focus {
	outline: 0
}

.form-range:focus::-webkit-slider-thumb {
	box-shadow: 0 0 0 1px #fff, 0 .5rem 1.125rem -0.5rem rgba(99, 102, 241, .2)
}

.form-range:focus::-moz-range-thumb {
	box-shadow: 0 0 0 1px #fff, 0 .5rem 1.125rem -0.5rem rgba(99, 102, 241, .2)
}

.form-range::-moz-focus-outer {
	border: 0
}

.form-range::-webkit-slider-thumb {
	width: 1rem;
	height: 1rem;
	margin-top: -0.25rem;
	background-color: #6366f1;
	border: 0;
	border-radius: 1rem;
	box-shadow: 0 .1rem .25rem rgba(0, 0, 0, .1);
	-webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	-webkit-appearance: none;
	appearance: none
}

@media(prefers-reduced-motion: reduce) {
	.form-range::-webkit-slider-thumb {
		-webkit-transition: none;
		transition: none
	}
}

.form-range::-webkit-slider-thumb:active {
	background-color: #393ded
}

.form-range::-webkit-slider-runnable-track {
	width: 100%;
	height: .5rem;
	color: rgba(0, 0, 0, 0);
	cursor: pointer;
	background-color: #e9ebf4;
	border-color: rgba(0, 0, 0, 0);
	border-radius: 1rem;
	box-shadow: inset 0 0 0 rgba(0, 0, 0, 0)
}

.form-range::-moz-range-thumb {
	width: 1rem;
	height: 1rem;
	background-color: #6366f1;
	border: 0;
	border-radius: 1rem;
	box-shadow: 0 .1rem .25rem rgba(0, 0, 0, .1);
	-moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	-moz-appearance: none;
	appearance: none
}

@media(prefers-reduced-motion: reduce) {
	.form-range::-moz-range-thumb {
		-moz-transition: none;
		transition: none
	}
}

.form-range::-moz-range-thumb:active {
	background-color: #393ded
}

.form-range::-moz-range-track {
	width: 100%;
	height: .5rem;
	color: rgba(0, 0, 0, 0);
	cursor: pointer;
	background-color: #e9ebf4;
	border-color: rgba(0, 0, 0, 0);
	border-radius: 1rem;
	box-shadow: inset 0 0 0 rgba(0, 0, 0, 0)
}

.form-range:disabled {
	pointer-events: none
}

.form-range:disabled::-webkit-slider-thumb {
	background-color: #b4b7c9
}

.form-range:disabled::-moz-range-thumb {
	background-color: #b4b7c9
}

.form-floating {
	position: relative
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext,
.form-floating>.form-select {
	height: calc(3.5rem + 2px);
	line-height: 1.25
}

.form-floating>label {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 1rem 1rem;
	overflow: hidden;
	text-align: start;
	text-overflow: ellipsis;
	white-space: nowrap;
	pointer-events: none;
	border: 1px solid rgba(0, 0, 0, 0);
	transform-origin: 0 0;
	transition: opacity .1s ease-in-out, transform .1s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
	.form-floating>label {
		transition: none
	}
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext {
	padding: 1rem 1rem
}

.form-floating>.form-control::-moz-placeholder,
.form-floating>.form-control-plaintext::-moz-placeholder {
	color: rgba(0, 0, 0, 0)
}

.form-floating>.form-control::placeholder,
.form-floating>.form-control-plaintext::placeholder {
	color: rgba(0, 0, 0, 0)
}

.form-floating>.form-control:not(:-moz-placeholder-shown),
.form-floating>.form-control-plaintext:not(:-moz-placeholder-shown) {
	padding-top: 1.625rem;
	padding-bottom: .625rem
}

.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown),
.form-floating>.form-control-plaintext:focus,
.form-floating>.form-control-plaintext:not(:placeholder-shown) {
	padding-top: 1.625rem;
	padding-bottom: .625rem
}

.form-floating>.form-control:-webkit-autofill,
.form-floating>.form-control-plaintext:-webkit-autofill {
	padding-top: 1.625rem;
	padding-bottom: .625rem
}

.form-floating>.form-select {
	padding-top: 1.625rem;
	padding-bottom: .625rem
}

.form-floating>.form-control:not(:-moz-placeholder-shown)~label {
	opacity: .7;
	transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem)
}

.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-control-plaintext~label,
.form-floating>.form-select~label {
	opacity: .7;
	transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem)
}

.form-floating>.form-control:-webkit-autofill~label {
	opacity: .7;
	transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem)
}

.form-floating>.form-control-plaintext~label {
	border-width: 1px 0
}

.input-group {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	width: 100%
}

.input-group>.form-control,
.input-group>.form-select,
.input-group>.form-floating {
	position: relative;
	flex: 1 1 auto;
	width: 1%;
	min-width: 0
}

.input-group>.form-control:focus,
.input-group>.form-select:focus,
.input-group>.form-floating:focus-within {
	z-index: 5
}

.input-group .btn {
	position: relative;
	z-index: 2
}

.input-group .btn:focus {
	z-index: 5
}

.input-group-text {
	display: flex;
	align-items: center;
	padding: .625rem 1rem;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.6;
	color: #565973;
	text-align: center;
	white-space: nowrap;
	background-color: #fff;
	border: 1px solid #d4d7e5;
	border-radius: .375rem
}

.input-group-lg>.form-control,
.input-group-lg>.form-select,
.input-group-lg>.input-group-text,
.input-group-lg>.btn {
	padding: .785rem 1.125rem;
	font-size: 1rem;
	border-radius: .5rem
}

.input-group-sm>.form-control,
.input-group-sm>.form-select,
.input-group-sm>.input-group-text,
.input-group-sm>.btn {
	padding: .475rem .875rem;
	font-size: 0.75rem;
	border-radius: .25rem
}

.input-group-lg>.form-select,
.input-group-sm>.form-select {
	padding-right: 4rem
}

.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,
.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
	margin-left: -1px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.input-group>.form-floating:not(:first-child)>.form-control,
.input-group>.form-floating:not(:first-child)>.form-select {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.valid-feedback {
	display: none;
	width: 100%;
	margin-top: .25rem;
	font-size: 0.75rem;
	color: #22c55e
}

.modular .container-fluid,
.all-modular .container-fluid {
	border-radius: 17px;
	text-align: center;
	background-color: #fff;
	text-align: left;
	padding: 15px;
	min-height: 320px;
	overflow: hidden;
}
/* 表单元素 */
.ask-price .container-fluid .ask-content {

	padding: 1.5rem;
	border-radius: 14px; 
}

.ask-price .text-title {
	margin-bottom: 1.5rem;
}

form .col-sm-6 {
	margin-bottom: 0.3rem;
}

.ask-price .container-fluid p {
	margin-bottom: 2rem;
}

.invalid-feedback {
	display: block;
	visibility: hidden;
	padding-left: 0.5rem;
}

.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip,
.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip {
	visibility: inherit;
}

.form-control,
.form-select {
	border: none;
	background-color: #fff;
}

.form-select {
	color: #bbbdce;
	background-repeat: no-repeat !important;
}

textarea.form-control {
	width: 100%;
}

.form-control:focus,
.form-select:focus {
	box-shadow: inset 0 0 0 rgb(0 0 0 / 0%), 0 0.5rem 1.125rem -0.5rem rgb(182 182 196 / 20%)
}

.was-validated :valid:not(:required):not(.btn):focus,
.is-valid:not(:required):not(.btn):focus {
	box-shadow: inset 0 0 0 rgb(0 0 0 / 0%), 0 0.5rem 1.125rem -0.5rem rgb(182 182 196 / 20%)
}

input::-webkit-input-placeholder {
	/* WebKit browsers */
	font-size: 12px;
}

input:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	font-size: 12px;
}

input::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	font-size: 12px;
}

input :-ms-input-placeholder {
	/* Internet Explorer 10+ */
	font-size: 12px;
}

.form-control {
	font-size: 12px;
}

@media (min-width: 1200px) {
	.ask-price .container-fluid .ask-content {
		border-radius: 17px;
		padding: 5rem 5rem;
	}

	.ask-price .container-fluid .text-title {
		margin-bottom: 3rem;
	}

	.form-control,
	.form-select {
		border: none;
	
		background-color: #fff;
	}

	form .col-sm-6 {
		margin-bottom: 0.85rem;
	}
}

@media (min-width: 992px) {
	.center-section .container-fluid {
		padding: 0 2.5rem;
	}
	
	}
	
@media (min-width: 1600px) {
	.center-section .container-fluid {
		padding: 0 5rem;
	}

	.company-news .row .col-xl-5 .card,
	.company-news .row .col-xl-7 .card {
		min-height: 610px;
	}

	.hsg-about .center-section .container-fluid {
		max-width: 1760px;
	}

	.technological-innovation .system-process .card-body {
		padding: 2rem 3rem 2rem 3rem;
	}
}

@media (min-width: 2400px) {
	.center-section .container-fluid {
		max-width: 1760px;
		padding: 0;
	}
}


@media (min-width: 1400px) and (max-width: 1599.98px){
	.navbar-expand-lg .navbar-nav .nav-link {
		font-size: 15px;
	}
	.widescreen .dropdown-item {
		font-size: 14px;
		color: #4b4949;
	}
	.model-title {
		font-size: calc(1.25vw + 18px);
		font-weight: 600;
	}
	.text-title,.system-process .text-title,.other-products .text-title,.system-process .text-title{
		font-size: 1.375rem;
	}
	.system-process .text-title{
		font-weight: 500;
	}
	.text-ftitle {
		font-size: 15px;
	}
	.ask-price .container-fluid .text-title{
		font-size: calc(1.25vw + 18px);font-weight: 800;
	}
	.company-news .card h1{
		font-weight: 500;
		font-size: 1.125rem;
	}
	.page-banner-title h1 {
		width: 80%;
	}
}
/*表单优化*/
.needs-validation label span{
	color: red;
}
.needs-validation label{
	font-weight: 500;
	font-size: 13px;
	margin: 0 0 5px 4px;
	line-height: 1.4;
}
@media (min-width: 1300px){
	.needs-validation label{
		font-size: 15px;
	}
	.contacts .contact-form-tlt {
		font-size: 2rem;
	}
	.contacts .pb-lg-5 {
		padding-bottom: 1rem !important;
	}
}

.hsg-videos-company img,.hsg-videos-clients img{
	border-radius: 12px;
}
.hsg-videos-clients{
	height: 540px;
	overflow-y: auto;
	overflow-x: hidden;
}

@media (min-width: 992px){
	.tab-content{
		padding: 0 10px;
	}
	.hsg-products-con .tab-content{
		padding: 0 0px;
	}
	.hsg-videos-clients{
		height: 700px;
	}
}


/*新五年质保*/
.warrenty-choose{
    display: flex;
    margin-bottom: 1rem;
}
.warrenty-section .model-title{
    font-size: 1.5rem;
    margin-bottom: 2rem;
}
.warrenty-hsg,.warrenty-products {
    padding: 2rem 0;
}
.warrenty-products .model-title{
    font-size: 1.725rem;
    margin-bottom: 2rem;
    color: #fff;
}
.warrenty-icon img {
    width: initial;
}
.hsg-warrenty-banner {
    position: relative;
}
.warrenty-banner-title h1, .warrenty-banner-title p {
    color: #fff;
}
.warrenty-banner-title {
    display: none;
}
.warrenty-choose img {
    width: 32px;
    height: 32px;
    margin-right: 0.5rem;
}
.warrenty-products-tlt img {
    width: 23px;
    height: 20px;
    margin-right: 6px;
}
.warrenty-products p,.warrenty-products h5,.warrenty-products h6{
    color: #fff;
}
.warrenty-products-tlt hr{
    margin-bottom: 2rem;
}
.warrenty-products-img {
    position: relative;
    background-color: rgba(255, 255, 255, 0.1);
    padding: 1rem;
    border-radius: 17px;
    text-align: center;
    margin-bottom: 1rem;
}
.warrenty-products-img img {
    padding-top: 1.5rem;
    width: 88%;
}
.warrenty-products-img h5 {
    position: absolute;
    color: #fff;
    font-size: 14px;
}
.warrenty-products-con a i {
    color: #f9a64a;
    font-size: 20px;
}
.warrenty-con h5{
    font-size: 1rem;
}
.warrenty-con p{
    font-size: 14px;
}
.warrenty-section .model-title,.warrenty-products .model-title{
    font-weight: 600;
}
.warrenty-products p{
    font-size: 14px;
}
.hsg-warrenty-banner picture img{
    width: 100%;
}
@media (min-width: 992px) {
    .warrenty-banner-title {
        display: block;
    }

    .warrenty-banner-title {
        position: absolute;
        right: 5.3333%;
        top: 15%;
    }

    .warrenty-title{
        font-size: 2.5rem;
        font-weight: 600;
        margin-bottom: 2.75rem;
    }

    .warrenty-banner-title {
        width: 750px;
        text-align: right;
    }

    .warrenty-ftitle {
        width: 600px;
        margin-left: auto;
        margin-bottom: 2.5rem;
        line-height: 1.8;
    }

    .warrenty-icon img {
        width: initial;
    }

    .warrenty-ftitle {
        font-size: 14px;
        font-weight: 300;
    }

    .warrenty-icon p {
        font-size: 12px;
        font-weight: 300;
        line-height: 1.3;
    }

    .warrenty-icon img {
        width: 3.625rem;
    }

    .warrenty-section {
        padding: 4rem 0;
        position: relative;
    }

    .warrenty-chucks {
        position: relative;
    }

    .warrenty-section img {
        width: initial;
    }

    .warrenty-con {
        width: 230px;
    }

    .warrenty-con p {
        font-size: 14px;
    }

    .warrenty-choose {
        position: absolute;
        display: flex;
    }

    .warrenty-choose1 {
        left: 5%;
        top: 0;
    }

    .warrenty-choose2 {
        right: 5%;
        top: 0;
    }

    .warrenty-choose3 {
        bottom: 0;
        left: 5%;
    }

    .warrenty-choose4 {
        bottom: 0;
        right: 5%;
    }

    .warrenty-choose img {
        margin-right: 1rem;
    }

    .warrenty-choose h5 {
        color: #f9a64a;
        font-size: 1rem;
        margin-bottom: 1rem;
    }

    .warrenty-section .model-title{
        font-size: 2.5rem;
        margin-bottom: 5rem;
    }

    .warrenty-hsg {
        background-color: #fff;
        padding: 5rem 0;
    }

    .warrenty-service, .warrenty-service .center-section {
        background-color: #fff;
    }

    .warrenty-products {
        padding: 5rem 0;
    }

    .warrenty-products-tlt {
        width: 750px;
        margin: 0 auto;
        margin-bottom: 43rem;
    }

    .warrenty-products {
        background-size: cover;
        background-repeat: no-repeat;
        color: #fff;
    }

    .warrenty-products-tlt h1 {
        color: #fff;
        margin-bottom: 9rem;
    }



    .warrenty-products-tlt hr {
        margin-bottom: 2.75rem;
    }

    .warrenty-products-model {
        color: #f9a64a;
        font-size: 1.5rem;
    }

    .warrenty-products-power {
        color: #fff;
        font-size: 1.5rem;
    }

    .warrenty-products-img {
        padding: 1rem;
    }


    .warrenty-products-con {
        margin-bottom: 2rem;
    }

    .warrenty-products-con a {
        display: flex;
        color: #fff;
        padding: 8px;
        font-size: 14px;
        justify-content: space-between;
    }

    .warrenty-products-con a i {
        color: #f9a64a;
        font-size: 20px;
    }

    .warrenty-products .model-title {
        font-size: 2.5rem;
    }

    .warrenty-products-tlt p {
        font-size: 14px;
    }

    .warrenty-products .col-xl-3 {
        width: 28%;
    }

    .warrenty-products-con p {
        font-size: 14px;
        line-height: 1.4;
    }
    .warrenty-products h6{
        font-size: 1rem;
    }
    .warrenty-products .warrenty-products-model{
        color: #f9a64a;
    }
}
@media (min-width: 1200px) {
    .warrenty-ftitle {
        font-size: 15px;
    }
    .warrenty-icon p {
        font-size: 13px;
    }
}
@media (min-width: 1400px) {
    .warrenty-ftitle {
        font-size: 16px;
        margin-bottom: 4.5rem;
    }
    .warrenty-icon p {
        font-size: 14px;
    }
    .warrenty-choose h5 {
        font-size: 1.25rem;
    }
    .warrenty-con p {
        font-size: 15px;
    }
}
@media (min-width: 1800px) {
    .warrenty-banner-title {
        display: block;
    }

    .warrenty-banner-title {
        position: absolute;
        right: 8.3333%;
        top: 20%;
    }

    .warrenty-title {
        font-size: 4rem;
        font-weight: 600;
        margin-bottom: 2.75rem;
    }

    .warrenty-banner-title {
        width: 1050px;
        text-align: right;
    }

    .warrenty-ftitle {
        width: 780px;
        margin-left: auto;
        margin-bottom: 5.3125rem;
        line-height: 1.8;
    }

    .warrenty-icon img {
        width: initial;
    }

    .warrenty-ftitle {
        font-size: 16px;
        font-weight: 300;
    }

    .warrenty-icon p {
        font-size: 18px;
        font-weight: 300;
        line-height: 1.3;
    }

    .warrenty-icon img {
        width: 5.625rem;
    }

    .warrenty-section {
        padding: 4rem 0;
        position: relative;
    }

    .warrenty-chucks {
        position: relative;
    }

    .warrenty-section img {
        width: initial;
    }

    .warrenty-con {
        width: 460px;
    }

    .warrenty-con p {
        font-size: 18px;
    }

    .warrenty-choose {
        position: absolute;
        display: flex;
    }



    .warrenty-choose img {
        width: 64px;
        height: 64px;
        margin-right: 1rem;
    }

    .warrenty-choose h5 {
        color: #f9a64a;
        font-size: 1.5rem;
        margin-bottom: 2rem;
    }

    .warrenty-section .model-title {
        font-size: 4rem;
        margin-bottom: 10rem;
    }

    .warrenty-hsg {
        background-color: #fff;
        padding: 13rem 0;
    }

    .warrenty-service, .warrenty-service .center-section {
        background-color: #fff;
    }

    .warrenty-products {
        padding: 14rem 0;
    }

    .warrenty-products-tlt {
        width: 910px;
        margin: 0 auto;
        margin-bottom: 43rem;
    }

    .warrenty-products {
        background-size: cover;
        background-repeat: no-repeat;
        color: #fff;
    }

    .warrenty-products-tlt h1 {
        color: #fff;
        margin-bottom: 9rem;
    }



    .warrenty-products-tlt hr {
        margin-bottom: 2.75rem;
    }

    .warrenty-products-model {
        color: #f9a64a;
        font-size: 1.5rem;
    }

    .warrenty-products-power {
        color: #fff;
        font-size: 1.5rem;
    }

    .warrenty-products-img {
        padding: 2rem;
    }


    .warrenty-products-con {
        margin-bottom: 4rem;
    }

    .warrenty-products-con a {
        display: flex;
        color: #fff;
        padding: 8px;
        font-size: 14px;
        justify-content: space-between;
    }

    .warrenty-products-con a i {
        color: #f9a64a;
        font-size: 24px;
    }

    .warrenty-products .model-title {
        font-size: 4rem;
    }

    .warrenty-products-tlt p {
        font-size: 18px;
    }

    .warrenty-products .col-xl-3 {
        width: 28%;
    }
    .warrenty-products-img h5{
        font-size: 1rem;
    }

    .warrenty-products-con p {
        font-size: 16px;
        line-height: 1.4;
    }
}
@media (min-width: 2000px) {
    .warrenty-title {
        margin-bottom: 4.75rem;
    }

    .warrenty-ftitle {
        margin-bottom: 7.3125rem;
    }

    .warrenty-products-tlt {
        margin-bottom: 62rem;
    }
}

/*cookies*/
.hsg-cookies{
    box-sizing: border-box;
    position: fixed;
    bottom: 0rem;
    left: 0rem;
    width: 100%;
    background: rgba(0,0,0,0.7);
    padding: 1rem;
    z-index: 9;
    display: none;
}

.hsg-cookies p{
    color: #fff;
    font-size: 14px;

}
.hsg-cookies a{
    color: #fff;
    text-decoration: underline;
}
.hsg-cookies .btn{
    padding: 4px 26px;
}
.hsg-cookies .btn:hover{
    background-color: #345aca;
    opacity: 0.8;
    transition: .3s ease-out;
    color: #fff;
    border-color: #345aca;
}
@media (min-width: 992px) {
    .hsg-cookies{
        width: 270px;
        left: 1rem;
        bottom: 4rem;
    }
}


/*prb*/
.text-subtitle{
    font-size: 13px;
    color: #fff;
    text-align: center;
    font-weight: 500;
}
@media (min-width: 992px){
    .modular .text-maintitle{
        margin-bottom: 0.5rem;
    }
    .modular .text-subtitle{
        text-align: left;
    }
}
@media (min-width: 1200px){
    .modular .text-subtitle{
        font-size: 16px;
        line-height: 1.5;
    }
}
@media (min-width: 1400px){
    .modular .text-maintitle{
        margin-bottom: 0.5rem;
    }
    .modular .text-subtitle{
        margin-bottom: 2rem;
        font-size: 23px;
        line-height: 1.5;
    }
}

.prb-banner-btn{
    top: 38%;
}
@media (min-width: 992px){
    .prb-banner-btn{
        left: 6.5%;
    }
}

.tp-tips{
    font-size: 12px;
    color: #909192;
    margin-bottom: 0;
}

/* 文字标题 */
.text-title {
	color: #000;
	font-size: 14px;
	margin-bottom: 8px;
	line-height: 1.125;
	font-weight: 600;

}

/* 文字内容 */
.text-ftitle {
	font-size: 12px;
	line-height: 21px;
	margin-bottom: 8px;
	font-weight: 300;
	color: #000;
	opacity: 0.9;
	letter-spacing: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* 按钮 */
.learn-more {
	border: 2px solid #345aca;
	background-color: #345aca;
	color: #fff;
	display: inline-block;
	padding: 10px 10px;
	transition: .3s ease-out;
	font-size: 14px;
	font-weight: 600;
	line-height: initial;
}
@media (min-width: 1200px) {
	.learn-more {
		min-width: 130px;
		text-align: center;
	}
	footer .with-us h6,.footer-social-media{
		display: none !important;
	}
	.hsg-privacy{
		padding-top: 1.5rem !important;
	}
	
	
	.d-xl-block {
		display: block !important
	}
}

.btn-icon>i {
	font-size: 22px; color:#dedede; padding:0 3px;
}