.main { position: relative; margin-right: auto; margin-left: auto; width: 94%; max-width: 1400px; }
.header { position: fixed; top: 0; left: 0; z-index: 5; width: 100%; height: 100px; background: none; background-color: rgba(0,63,129,0.8); }
.header .main { display: flex; height: 100%; max-width: none; align-items: center; justify-content: space-between; }
.header .main .logo { width: auto;}
.header .main .logo img { width: auto; height: 100%; }
.header .main .right { display: inline-flex; align-items: center; }
.header .main .nav { display: inline-flex; align-items: center; }
.header .main .nav a { display: block; float: left; padding: 10px 14px; color: #fff; transition: all 0.3s; border-bottom: 1px solid transparent; font-size: 16px; line-height: 16px; white-space: nowrap; }
.header .main .nav a:hover, .header .main .nav a.active { color: #0586d2; border-color: #0586d2; }
.header .main .nav i { display: block; float: left; width: 1px; min-width: 1px; height: 10px; background-color: #ccc; margin: 0 20px; }
.header .main .nav i:last-child{ display: none; }
.header .main .lan-sec { display: inline-flex; margin-left: 80px; align-items: center; }
.header .main .lan-sec .lang { position: relative; }
.header .main .lan-sec .lang .tops { display: inline-flex; height: 30px; align-items: center; }
.header .main .lan-sec .lang .tops a { font-size: 18px; color: #fff; }
.header .main .lan-sec .lang .tops i { display: inline-block; margin-left: 8px; width: 12px; height: 9px; background-image: url(../images/02.png); background-size: 100% 100%; }
.header .main .lan-sec .lang .bots { position: absolute; top: 30px; left: 50%; display: none; margin-left: -58px; padding: 6px 0; width: auto; min-width: 95px; background-color: #fff; text-align: center; }
.header .main .lan-sec .lang .bots a { display: block; padding: 0 10px; width: auto; height: 35px; white-space: nowrap; font-size: 16px; line-height: 35px; transition: all 0.3s; }
.header .main .lan-sec .lang .bots a:hover { background-color: #0586d2; color: #fff; }
.header .main .lan-sec .lang:hover .bots { display: block; }
.header .main .lan-sec .line { float: left; display: block; margin: 0 15px; width: 1px; height: 10px; min-width: 1px; background-color: #ccc; }
.header .main .lan-sec .search { display: block; width: 20px; height: 20px; background-image: url(../images/03.png); background-size: 100% 100%; }
.header-h { clear: both; width: 100%; height: 100px; }
.mask { position: fixed; top: 0; left: 0; z-index: 9; display: none; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); }
.m-header { position: fixed; top: 0; left: 0; z-index: 10; display: none; width: 100%; height: 1rem; background-color: #fff; }
.m-header .main { display: flex; height: 100%; max-width: none; align-items: center; justify-content: space-between; }
.m-header .main .logo { width: auto; height: 0.6rem; }
.m-header .main .logo img { width: auto; height: 100%; }
.m-header .main .right { display: inline-flex; overflow: hidden; align-items: center; }
.m-header .main .right a { float: left; display: block; margin-left: 0.16rem; width: 0.64rem; height: 0.64rem; }
.m-header .main .right a img { width: 100%; height: 100%; }
.m-header .m-nav { position: fixed; top: 1rem; left: 0; display: none; padding: 0.24rem; width: 100%; background-color: #fff; }
.m-header .m-nav .nav { width: 100%; }
.m-header .m-nav .nav .one { display: flex; overflow: hidden; width: 100%; height: 0.9rem; border-bottom: 1px solid #e6e6e6; font-size: 0.28rem; line-height: 0.9rem; align-items: center; justify-content: space-between; }
.m-header .m-nav .nav .one a { float: left; display: block; height: 100%; white-space: nowrap; }
.m-header .m-nav .nav .one i { float: right; display: block; width: 100%; height: 100%; background-image: url(../images/32.png); background-position: right center; background-size: 0.2rem 0.2rem; background-repeat: no-repeat; }
.m-header .m-nav .nav .one i.open { background-image: url(../images/33.png); background-size: 0.2rem 0.03rem; }
.m-header .m-nav .nav .two { display: none; padding-bottom: 0.24rem; padding-left: 0.5rem; width: 100%; height: auto; border-bottom: 1px solid #e6e6e6; }
.m-header .m-nav .nav .two a { clear: both; display: block; margin-top: 0.24rem; font-size: 0.26rem; }
.m-header .m-nav .lang { overflow: hidden; padding-top: 0.24rem; width: 100%; }
.m-header .m-nav .lang a { float: left; display: block; margin-right: 0.1rem; padding: 0 0.1rem; height: 0.5rem; min-width: 0.5rem; border-radius: 0.06rem; color: #999; text-align: center; font-size: 0.28rem; line-height: 0.5rem; }
.m-header .m-nav .lang a.active { background-color: #0586d2; color: #fff; }
.m-header .m-fixed-search { position: fixed; top: 0; left: 0; z-index: 10; display: none; padding: 0 0.24rem; width: 100%; height: 1.6rem; background-color: #fff; }
.m-header .m-fixed-search .search-block { display: flex; margin-top: 0.5rem; width: 100%; border-bottom: 1px solid #ccc; justify-content: space-between; align-items: center; }
.m-header .m-fixed-search .search-block .serh { display: inline-block; width: 0.34rem; height: 0.33rem; background-image: url("../images/36.png"); background-size: 100% 100%; }
.m-header .m-fixed-search .search-block input { display: inline-block; padding: 0 0.2rem; width: 6.2rem; height: 0.66rem; border: none; font-size: 0.26rem; }
.m-header .m-fixed-search .search-block .close { display: inline-block; width: 0.3rem; height: 0.3rem; background-image: url("../images/37.png"); background-size: 100% 100%; }
.m-header-h { clear: both; display: none; width: 100%; height: 1rem; }
.mod-title { width: 100%; text-align: center; }
.mod-title .en { font-weight: 600; font-size: 44px; line-height: 44px; font-family: 'beba'; }
.mod-title .cn { margin-top: 18px; font-size: 28px; line-height: 28px; }
.mod-title i { display: block; margin: 20px auto 0; width: 14px; height: 4px; background-color: #0586d2; }
.readmore { display: flex; width: 170px; height: 50px; border: 1px solid #e6e6e6; border-radius: 25px; color: #999; font-size: 20px; font-family: 'beba'; transition: all 0.3s; align-items: center; justify-content: center; }
.readmore span { height: 18px; line-height: 20px; }
.readmore i { display: block; margin-top: -4px; margin-left: 12px; width: 32px; height: 9px; background-image: url(../images/08.png); background-position: 32px 0; background-size: auto 100%; transition: all 0.3s; }
.readmore:hover { border-color: #0586d2; background-color: #0586d2; color: #fff; }
.readmore:hover i { background-position: 80px 0; }
.sub-cate { position: relative; overflow-x: auto; margin-right: auto; margin-left: auto; width: 94%; max-width: 1400px; -webkit-overflow-scrolling: touch; }
.sub-cate::-webkit-scrollbar { width: 6px; height: 6px; background-color: #f5f5f5; }
.sub-cate::-webkit-scrollbar-track { border-radius: 3px; background-color: #f5f5f5; }
.sub-cate::-webkit-scrollbar-thumb { border-radius: 3px; background-color: #ddd; }
.sub-cate .items { display: inline-flex; margin-right: auto; margin-left: auto; min-width: 100%; justify-content: center; }
.sub-cate a { float: left; display: block; padding: 0 20px; margin: 0 6px; height: 40px; border-radius: 25px; color: #999; text-align: center; white-space: nowrap; font-size: 16px; line-height: 40px; transition: all 0.3s; }
.sub-cate a:hover, .sub-cate a.active { background-color: #0586d2; color: #fff; font-size: 16px; }
.footer { width: 100%; background-color:#00739c; }
.footer .foot-top { width: 100%; }
.footer .foot-top .tops { display: flex; width: 100%; flex: 1; justify-content: space-between; }
.footer .foot-top .tops .nav { display: inline-flex; padding-top: 60px; padding-right: 40px; padding-bottom: 30px; width: 100%; justify-content: space-between; }
.footer .foot-top .tops .nav .item { padding-right: 10px; color: #fff; }
.footer .foot-top .tops .nav .item .one { overflow: hidden; margin-bottom: 10px; text-overflow: ellipsis; white-space: nowrap; white-space: nowrap; font-size: 16px; }
.footer .foot-top .tops .nav .item .two { float: left; clear: both; margin-top: 10px; color: #fff; font-size: 14px; transition: all 0.3s; }
.footer .foot-top .tops .nav .item .two:hover { color: #0586d2; }
.footer .foot-top .tops .ewm { padding-top: 60px; padding-bottom: 30px; padding-left: 40px; width: 190px; min-width: 190px; border-left: 1px solid #5190a7; color: #fff; }
.footer .foot-top .tops .ewm p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; white-space: nowrap; font-size: 16px; }
.footer .foot-top .tops .ewm .logo { margin-top: 20px; width: 147px; height: 47px; }
.footer .foot-top .tops .ewm .logo img { width: 100%; height: 100%; }
.footer .foot-top .tops .ewm .img { overflow: hidden; margin-top: 30px; width: 150px; height: 150px; border-radius: 10px; }
.footer .foot-top .tops .ewm .img img { width: 100%; height: 100%; }
.footer .foot-top .bots { display: flex; padding: 40px 0; width: 100%; border-top: 1px solid #5190a7; justify-content: space-between; }
.footer .foot-top .bots .item .label { width: 100%; height: 18px; white-space: nowrap; }
.footer .foot-top .bots .item .label img { float: left; width: 18px; height: 18px; }
.footer .foot-top .bots .item .label span { float: left; margin-left: 12px; color: #fff; font-size: 16px; line-height: 18px; }
.footer .foot-top .bots .item .desc { margin-top: 20px; color: #fff; font-size: 16px; }
.footer .foot-bot { padding: 20px 0; width: 100%; border-top: 1px solid #5190a7; }
.footer .foot-bot .main { font-size: 14px; }
.footer .foot-bot .main p, .footer .foot-bot .main a, .footer .foot-bot .main span { display:inline-block; color: #fff;}
.footer .foot-bot .main .left { float: left; }
.footer .foot-bot .main .right { float: right; }
.footer .flink { display: flex; margin-bottom: 30px; width: 100%; }
.footer .flink .label { margin-top: 8px; color: #eee; white-space: nowrap; font-size: 14px; }
.footer .flink .items { overflow: hidden; width: 100%; }
.footer .flink .items a { float: left; display: block; margin-top: 8px; margin-left: 20px; color: #fff; font-size: 14px; }
.m-footer { display: none; padding: 24px 3% 0; width: 100%; background-color: #00739c; color: #fff; }
.m-footer .nav { overflow: hidden; width: 100%; }
.m-footer .nav a { float: left; display: flex; margin-top: 30px; padding-right: 20px; width: 33.33%; color: #fff; align-items: center; }
.m-footer .nav a span { font-size: 16px; }
.m-footer .nav a i { float: left; display: block; margin-left: 15px; width: 10px; height: 16px; background-image: url(../images/34.png); background-position: center; background-size: auto 100%; background-repeat: no-repeat; }
.m-footer .ewm { margin-top: 30px; width: 100%; }
.m-footer .ewm p { color: #fff; font-size: 16px; }
.m-footer .ewm .img { overflow: hidden; margin-top: 10px; width: 100px; height: 100px; border-radius: 6px; }
.m-footer .ewm .img img { width: 100%; height: 100%; }
.m-footer .foot-bot { padding: 20px 0; width: 100%; color: #fff; font-size: 14px; }
.m-footer .flink { display: none; }
.call{ display:none}
.inner-banner { position: relative; width: 100%; height: 400px; background-position: center; background-size: cover; }
.inner-banner .main { height: 100%; }
.inner-banner .text { position: absolute; top: 50%; left: 0; color: #fff; transform: translateY(-50%); }
.inner-banner .text .en { font-size: 44px; line-height: 44px; }
.inner-banner .text .cn { margin-top: 14px; font-size: 28px; line-height: 28px; }
.sub-menu { width: 100%; height: 70px; border-bottom: 1px solid #e6e6e6; }
.sub-menu .main { display: flex; justify-content: space-between; }
.sub-menu .main .sub-nav { position: relative; overflow-x: auto; overflow-y: hidden; margin-right: 30px; width: auto; height: 70px; -webkit-overflow-scrolling: touch; }
.sub-menu .main .sub-nav::-webkit-scrollbar { width: 6px; height: 6px; background-color: #f5f5f5; }
.sub-menu .main .sub-nav::-webkit-scrollbar-track { border-radius: 3px; background-color: #f5f5f5; }
.sub-menu .main .sub-nav::-webkit-scrollbar-thumb { border-radius: 3px; background-color: #ddd; }
.sub-menu .main .sub-nav .items { display: inline-flex; margin-right: auto; margin-left: auto; min-width: 100%; justify-content: center; align-items: center; }
.sub-menu .main .sub-nav .items a { float: left; display: block; height: 70px; border-bottom: 2px solid transparent; color: #333; white-space: nowrap; font-size: 14px; line-height: 70px; transition: all 0.3s; }
.sub-menu .main .sub-nav .items a:hover, .sub-menu .main .sub-nav .items a.active { border-color: #0586d2; color: #0586d2; }
.sub-menu .main .sub-nav .items i { float: left; display: block; margin: 0 40px; width: 1px; height: 10px; min-width: 1px; background-color: #ccc; }
.sub-menu .main .hamb { padding-left: 30px; height: 70px; background-image: url(../images/44.png); background-position: left center; background-size: 20px 23px; background-repeat: no-repeat; white-space: nowrap; line-height: 70px; }
.sub-menu .main .hamb span { display: inline-block; margin: 0 10px; }
.pages { display: inline-flex; margin: 100px auto; width: 100%; height: 36px; justify-content: center; align-items: center; }
.pages .page-num { display: inline-block; margin: 0 1px; padding: 0 5px; height: 36px; min-width: 36px; border: 1px solid #e6e6e6; background-color: #f6f6f6; text-align: center; font-size: 14px; line-height: 34px; transition: all 0.3s; }
.pages .page-num:hover, .pages .page-num-current { border-color: #0586d2; background-color: #0586d2; color: #fff; }
.pages .prev, .pages .next { display: inline-block; margin: 0 1px; padding: 0 10px; width: 36px; height: 36px; border: 1px solid #e6e6e6; background-color: #f6f6f6; background-position: center center; background-size: 8px 16px; background-repeat: no-repeat; font-size: 13px; line-height: 36px; transition: all 0.3s; }
.pages .prev { background-image: url(../images/46.png); }
.pages .next { background-image: url(../images/47.png); }
.pages .prev:hover { border-color: #0586d2; background-color: #0586d2; background-image: url(../images/48.png); color: #fff; }
.pages .next:hover { border-color: #0586d2; background-color: #0586d2; background-image: url(../images/49.png); color: #fff; }
.page-bottom { display: flex; padding: 20px 0; align-items: center; justify-content: space-between; }
.page-bottom .pro-page { display: flex; width: 45%; color: #0586d2; font-size: 16px; }
.page-bottom .pro-page span { flex-shrink: 0; }
.page-bottom .pro-page a { display: inline-block; margin-left: 10px; color: #666; }
.page-bottom .pro-page.next { justify-content: flex-end; }
.inner-mod-title .big { font-weight: bold; font-size: 34px; }
.inner-mod-title .small { color: #666; font-size: 16px; }
@media screen and (max-width: 1440px) { .header .main .nav a { padding: 10px 10px; }
.header .main .nav i { margin: 0 12px; }
.header .main .lan-sec { margin-left: 40px; }
.header .main .lan-sec .lang a { font-size: 18px; }
.header .main .lan-sec .lang i { margin-left: 8px; width: 12px; height: 9px; }
.header .main .lan-sec .line { margin: 0 15px; height: 10px; }
.header .main .lan-sec .search { width: 20px; height: 20px; }
} @media screen and (max-width: 1280px) { .header .main .nav a { padding: 10px 8px; }
.header .main .nav i { margin: 0 10px; }
.header .main .lan-sec { margin-left: 20px; }
.header .main .lan-sec .lang a { font-size: 18px; }
.header .main .lan-sec .lang i { margin-left: 8px; width: 12px; height: 9px; }
.header .main .lan-sec .line { margin: 0 10px; height: 10px; }
.header .main .lan-sec .search { width: 20px; height: 20px; }
.inner-banner { height: 300px; }
.inner-banner .text .en { font-size: 38px; line-height: 38px; }
.inner-banner .text .cn { margin-top: 14px; font-size: 24px; line-height: 24px; }
.sub-menu { height: 60px; }
.sub-menu .main .sub-nav { margin-right: 30px; height: 60px; }
.sub-menu .main .sub-nav .items a { height: 60px; font-size: 14px; line-height: 60px; }
.sub-menu .main .sub-nav .items i { margin: 0 20px; }
.sub-menu .main .hamb { padding-left: 30px; height: 60px; background-size: 20px 23px; line-height: 60px; }
} @media screen and (max-width: 1024px) { .header { display: none; }
.header-h { display: none; }
.m-header { display: block; }
.m-header-h { display: block; }
.mod-title .en { font-weight: 600; font-size: 30px; line-height: 30px; }
.mod-title .cn { margin-top: 12px; font-size: 20px; line-height: 20px; }
.mod-title i { margin: 12px auto 0; width: 14px; height: 3px; }
.readmore { width: 120px; height: 40px; border-radius: 20px; font-size: 14px; }
.readmore span { height: 11px; line-height: 14px; }
.readmore i { margin-top: 0px; margin-left: 8px; width: 16px; height: 4px; background-position: 16px 0; }
.readmore:hover i { background-position: 36px 0; }
.sub-cate a { padding: 0 10px; height: 36px; border-radius: 18px; font-size: 14px; line-height: 36px; }
.sub-cate a:hover, .sub-cate a.active { font-size: 14px; }
.footer { display: none; }
.m-footer { display: block; }
.inner-banner { height: 260px; }
.inner-banner .text .en { font-size: 30px; line-height: 30px; }
.inner-banner .text .cn { margin-top: 14px; font-size: 20px; line-height: 20px; }
.pages { margin: 50px auto; }
} @media screen and (max-width: 768px) { .mod-title .en { font-weight: 600; font-size: 30px; line-height: 30px; }
.mod-title .cn { margin-top: 12px; font-size: 20px; line-height: 20px; }
.mod-title i { margin: 12px auto 0; width: 14px; height: 3px; }
.readmore { width: 120px; height: 40px; border-radius: 20px; font-size: 14px; }
.readmore i { margin-top: -4px; margin-left: 8px; width: 16px; height: 4px; background-position: 16px 0; }
.readmore:hover i { background-position: 36px 0; }
.pages { margin: 40px auto; }
.inner-mod-title .big { font-size: 24px; }
.inner-mod-title .small { font-size: 14px; }
.call{ display:block; width:100%; position:fixed;bottom:20px; left:0; padding:0 20px; text-align:center; }
.call a{ width:100%; display:block; background:#ff8d00; color:#fff; letter-spacing:5px; font-size:16px; line-height:40px; font-weight:bold; border-radius:50px; cursor: pointer; }
} @media screen and (max-width: 480px) { .mod-title .en { font-weight: 600; font-size: 24px; line-height: 24px; }
.mod-title .cn { margin-top: 10px; font-size: 18px; line-height: 18px; }
.mod-title i { margin: 10px auto 0; width: 14px; height: 3px; }
.readmore { width: 120px; height: 40px; border-radius: 20px; font-size: 14px; }
.readmore i { margin-top: -4px; margin-left: 8px; width: 16px; height: 4px; background-position: 16px 0; }
.readmore:hover i { background-position: 36px 0; }
.sub-cate a { padding: 0 10px; height: 30px; border-radius: 15px; font-size: 14px; line-height: 30px; }
.sub-cate a:hover, .sub-cate a.active { font-size: 14px; }
.m-footer { padding: 10px 3% 0; }
.m-footer .nav a { margin-top: 16px; padding-right: 12px; color: #fff; }
.m-footer .nav a span { font-size: 14px; }
.m-footer .nav a i { float: left; display: block; margin-left: 6px; width: 10px; height: 12px; background-image: url(../images/34.png); background-position: center; background-size: auto 100%; background-repeat: no-repeat; }
.m-footer .ewm { margin-top: 30px; }
.m-footer .ewm p { font-size: 14px; }
.m-footer .ewm .img { margin-top: 10px; width: 80px; height: 80px; border-radius: 6px; }
.m-footer .foot-bot { padding: 20px 0; width: 100%; font-size: 14px; }
.m-footer .flink { display: block; margin-top: 20px; margin-bottom: 20px; }
.m-footer .flink .label { margin-top: 0; color: #777; white-space: nowrap; font-size: 14px; }
.m-footer .flink .items { overflow: hidden; margin-left: -20px; width: calc(100% + 20px); }
.m-footer .flink .items a { float: left; display: block; margin-top: 8px; margin-left: 20px; color: #777; font-size: 14px; }

.call{ display:block; width:100%; position:fixed;bottom:20px; left:0; padding:0 20px; text-align:center; }
.call a{ width:100%; display:block; background:#ff8d00; color:#fff; letter-spacing:5px; font-size:16px; line-height:40px; font-weight:bold; border-radius:50px; cursor: pointer; }

.inner-banner { height: 160px; }
.inner-banner .text .en { font-size: 22px; line-height: 22px; }
.inner-banner .text .cn { margin-top: 10px; font-size: 18px; line-height: 18px; }
.sub-menu { height: auto; }
.sub-menu .main { justify-content: space-between; flex-wrap: wrap; }
.sub-menu .main .sub-nav { margin-right: 20px; height: 50px; }
.sub-menu .main .sub-nav .items a { height: 50px; font-size: 14px; line-height: 50px; }
.sub-menu .main .sub-nav .items i { margin: 0 15px; }
.sub-menu .main .hamb { padding-left: 16px; height: 50px; background-size: auto 14px; line-height: 50px; }
.pages { margin: 30px auto; }
.inner-mod-title .big { font-size: 18px; }
.inner-mod-title .small { font-size: 14px; }
}