main { overflow: hidden; zoom: 1 }

/*banner*/
.banner { position: relative; z-index: -2; width: 100%; height: 253px; color: #fff; background-color: #fafafa; background-repeat: no-repeat; background-size: cover; background-position: top center; justify-content: center; align-items: center; flex-direction: column; align-content: center }
.banner:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: rgba(0, 63, 150, .2) }
.banner span { display: block; padding-bottom: 11px; line-height: 67px; font-size: 48px; font-weight: 500; color: #fff; border-bottom: 1px solid #fff }
.banner p { display: block; margin-top: 15px; font-size: 18px; font-weight: normal; line-height: 25px; color: #fff; text-transform: uppercase }

/*subbar*/
.subbar { width: 100%; background: #f4f4f4 }
.subbar.subbar-empty { background: transparent }
.subbar .flex { justify-content: space-between; align-items: center }
.subbar .subnav { font-size: 0 }
.subbar .subnav a { display: inline-block; height: 67px; padding: 0 24px; line-height: 67px; font-size: 16px; color: #666 }
.subbar .subnav a:hover, .subbar .subnav a.on { color: #fff; background: #003f96 }
.subbar .position { padding: 20px 0; font-size: 14px; color: #999 }
.subbar .position a { padding: 0 5px; color: #999 }
.subbar .position a:hover { color: #003f96 }

/*pro*/
.pro-nav { top: -100px; z-index: 99 }
.pro-nav dl { margin-top: 13px }
.pro-nav dl:first-child { margin-top: 0 }
.pro-nav dl dt { display: block; width: 100%; height: 67px; line-height: 67px; text-align: center }
.pro-nav dl dt a { display: block; width: 100%; font-size: 18px; color: #333; background: #f4f4f4; transition: .3s ease }
.pro-nav dl dt a:after { content: "\e7ae"; margin-left: 6px; font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.pro-nav dl dt a:hover, .pro-nav dl.on dt a { font-weight: 600; color: #fff; background: #003f96 }
.pro-nav dl.on dt a:after { display: inline-block; -webkit-transform: rotate(90deg); transform: rotate(90deg); transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99) }
.pro-nav dl dd { margin-top: 17px; margin-bottom: 13px }
.pro-nav dl dd a { display: block; width: 100%; height: 40px; padding-left: 50px; padding-right: 15px; line-height: 40px; text-align: left; color: rgba(102, 102, 102, 1); transition: .3s ease }
.pro-nav dl dd a:hover, .pro-nav dl dd a.cur { color: #003f96 }
.pro-nav dl dd a:hover:after, .pro-nav dl dd a.cur:after { content: "\e7ae"; margin-left: 6px; font-family: "iconfont" !important; font-size: 14px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: .3s ease }

.pro-list{ padding-top: 7px }
.pro-list li a { display: block; margin-bottom: 30px; position: relative; background: #fafafa; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition: .42s ease }
.pro-list li a figure { display: flex; align-items: center; justify-content: center; width: 100%; height: 243px; margin: 0 }
.pro-list li a figure img { display: inline-block; width: 100%; height: 100% }
.pro-list li a h3 { height: 54px; padding: 0 15px; line-height: 54px; font-weight: 500; color: #fff; background: #003f96; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.pro-list li a:hover { z-index: 2; background: #fafafa; box-shadow: 0px 3px 25px 0px #b6ccea; transform: scale3d(1.08, 1.08, 1) }
.pro-list li a:hover h3 { color: #003f96; background: rgba(0, 63, 150, .1) }

.sidebar-pro h3 { background-image: url(../images/pro_title_hot.png) !important }

/*news*/
.news-hot { margin-top: 37px; padding: 40px; background: #fafafa }
.news-hot time { line-height: 29px; font-weight: 400; font-size: 21px; color: #333 }
.news-hot h3 { margin-top: 6px; line-height: 29px; font-weight: 400; font-size: 21px; color: #333 }
.news-hot p { margin-top: 10px; padding-left: 15px; line-height: 22px; font-weight: 400; font-size: 16px; border-left: 1px solid #c0c0c0 }
.news-hot figure { width: 100%; height: 140px; margin: 19px 0; cursor: grab; overflow: hidden }
.news-hot figure img { display: inline-block; width: 100%; height: 100%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition: .42s ease }
.news-hot figure:hover img { transform: scale3d(1.1, 1.1, 1) }
.news-hot a.more { display: block; width: 150px; height: 40px; line-height: 40px; font-size: 21px; text-align: center; color: #fff; background: #003f96 }
.news-hot a.more:hover { background: #122e53 }

.news-list li { display: flex; margin-top: 40px; padding-bottom: 40px; border-bottom: 1px solid #e7e7e7 }
.news-list li time { display: block; width: 105px; height: 105px; text-align: center; background: #fafafa; border: 1px solid #d5d5d5 }
.news-list li time span { display: block; padding-top: 5px; line-height: 40px; font-weight: bold; font-size: 36px; color: #333 }
.news-list li time p { line-height: 20px; font-weight: 400; font-size: 14px }
.news-list li time small { display: block; height: 32px; margin: 7px 5px 0; line-height: 30px; color: #333; font-size: 80%; border-top: 1px dashed #d1d1d1 }
.news-list li .info { flex: 1; padding: 0 26px }
.news-list li .info h3 { display: block; line-height: 31px; font-weight: 400; font-size: 21px; color: #333 }
.news-list li .info small { display: block; padding: 8px 0 6px; font-weight: 400; font-size: 16px; color: #999 }
.news-list li .info p { line-height: 22px }
.news-list li figure { width: 152px; height: 105px; margin: 0; cursor: grab; overflow: hidden }
.news-list li figure img { display: inline-block; width: 100%; height: 100%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition: .42s ease }
.news-list li figure:hover img { transform: scale3d(1.1, 1.1, 1) }

.sidebar { margin-top: 37px; padding: 20px 18px; background: #fafafa }
.sidebar h3 { height: 24px; padding-left: 30px; line-height: 24px; font-weight: bold; font-size: 16px; color: #003f96; background: url(../images/title_hot.png) no-repeat left center }
.sidebar ul { margin-top: 12px; background: #fff }
.sidebar ul li { display: block; padding: 0 20px; line-height: 50px; font-weight: 400; border-bottom: 1px solid #fafafa; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.sidebar ul li a { color: #666 }
.sidebar ul li a:hover { color: #003f96 }

.newsbar { margin-top: 37px }
.newsbar h1 { line-height: 45px; font-weight: bold; font-size: 32px; color: #333 }
.newsbar time { display: block; padding: 18px 0; line-height: 22px }
.article { margin-top: 10px; padding-top: 30px; line-height: 1.8; border-top: 3px solid #e7e7e7 }
.article p { text-indent: 0; line-height: 32px; color: #1c1f21 }
.article img { max-width: 100%; vertical-align: top }
.article a { color: #53a4dc }
.article a:hover { text-decoration: underline }
.article strong, .article th { font-weight: bold }

.article-propic { width: 100%; margin-bottom: 56px }
.article-propic img { display: inline-block; width: 100% }
.article-title { padding-left: 16px; color: #003f96; border-left: 9px solid #003f96 }
.article-title span { line-height: 28px; font-weight: bold; font-size: 20px }
.article-title p { line-height: 22px; color: #003f96 }
.article-info { padding: 21px 0 29px }
.article-info p { line-height: 36px; font-size: 18px; color: #666 }
.article-info .table { font-size: 16px }
.article-info .table th { width: 50%; height: 23px; padding: 20px; line-height: 32px; color: #ffff; background-color: #003f96 }
.table.bordered > thead > tr > th + th { border-left: 1px solid #fefefe }
.article-info .table td { width: 50%; height: 23px; line-height: 32px; padding: 10px 20px; color: #383838 }
.table.bordered > tbody > tr > td + td { border-left: 1px solid #003f96 }
.article-info .table > thead, .table.striped > tbody > tr:nth-of-type(2n + 2) { background-color: #f3f3f3 }
.article-info .table.rounded { border-radius: 0 }
.article-info .table.bordered { border: 1px solid #003f96 }

.pageturning { height: 69px; border: 1px solid #dedede; align-content: center }
.pageturning li { flex: 0 0 50%; max-width: 50%; padding: 0 15px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }

/*app*/
.app { position: relative; width: 100%; margin-top: 60px }
.app-scrolling { width: 100% }
.app-scrolling ul li { width: calc(25% - 35px); margin-right: 35px; padding: 10px 0 }
.app-scrolling ul li:nth-child(odd) { padding-top: 35px }
.app-scrolling ul li:nth-child(even) { padding-bottom: 35px }
.app-scrolling ul li a { }
.app-scrolling ul li a figure { display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 314px; margin: 0; background: #f5f5f5 }
.app-scrolling ul li a figure img { display: inline-block; max-width: 100% }
.app-scrolling ul li:nth-child(odd) a figure { margin-bottom: 14px }
.app-scrolling ul li:nth-child(even) a figure { margin-top: 14px }
.app-scrolling ul li a .info { display: flex }
.app-scrolling ul li:nth-child(even) a .info { align-items: flex-end }
.app-scrolling ul li:nth-child(odd) a .info h3 { position: relative; width: 52px; height: 71px; margin-right: 8px; padding: 6px; color: #003f96; font-weight: 600; font-size: 24px; border: 1px solid #979797; box-sizing: border-box; border-radius: 3px }
.app-scrolling ul li:nth-child(odd) a .info h3:before { content: ""; position: absolute; top: -2px; left: 6px; width: 15px; height: 5px; background: #003f96 }
.app-scrolling ul li:nth-child(even) a .info h3 { display: flex; align-items: flex-end; position: relative; width: 52px; height: 71px; margin-right: 8px; padding: 6px; color: #003f96; font-weight: 600; font-size: 24px; border: 1px solid #979797; box-sizing: border-box; border-radius: 3px }
.app-scrolling ul li:nth-child(even) a .info h3:before { content: ""; position: absolute; bottom: -2px; left: 6px; width: 10px; height: 5px; background: #003f96 }
.app-scrolling ul li a .info p { line-height: 20px; font-size: 14px; color: #999 }
.app-scrolling ul li a .info p span { display: block; margin-top: 7px; line-height: 22px; font-weight: bold; color: #333 }
.app .swiper-button-prev, .app .swiper-button-next { display: block; position: absolute; top: 50%; z-index: 1; width: 66px; height: 66px; line-height: 66px; text-align: center; margin-top: -33px; font-size: 66px; font-weight: 600; color: #666 }
.app .swiper-button-prev { left: -110px }
.app .swiper-button-next { right: -110px }
.app .swiper-button-prev:hover, .app .swiper-button-next:hover { cursor: pointer; color: #003f96 }

/*r&d*/
.patent-hot { margin: 90px 0 }
.patent-hot .swiper-slide { display: flex; height: 492px }
.patent-hot .swiper-slide p { flex: 0 0 30%; max-width: 30%; height: 492px; padding: 53px 36px 0; line-height: 36px; font-weight: 400; font-size: 22px; color: #fff; box-sizing: border-box; background: #003f96 }
.patent-hot .swiper-slide figure { flex: 0 0 70%; max-width: 70%; height: 492px; margin: 0 }
.patent-hot .swiper-slide figure img { display: inline-block; width: 100%; height: 100% }
.patent-hot .swiper-button-prev, .patent-hot .swiper-button-next { display: flex; justify-content: center; align-items: center; position: absolute; bottom: 43px; z-index: 99; width: 32px; height: 32px; font-weight: 600; font-size: 16px; color: #fff; border: 2px solid #fff; border-radius: 100% }
.patent-hot .swiper-button-prev { left: 39px; transform: rotate(180deg) }
.patent-hot .swiper-button-next { left: 89px }
.patent-hot .swiper-button-prev:hover, .patent-hot .swiper-button-next:hover { cursor: pointer; color: #003f96; background: #fff }

.patent-list li a { display: block; margin-bottom: 30px; position: relative }
.patent-list li a figure { display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 344px; overflow: hidden; margin: 0; background: #f5f5f5 }
.patent-list li a figure img { display: inline-block; max-width: 100%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition: .42s ease }
.patent-list li a h3 { padding: 21px 15px; line-height: 28px; font-weight: 500; text-align: center; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.patent-list li a:hover figure img { z-index: 2; box-shadow: 0px 3px 25px 0px #b6ccea; transform: scale3d(1.08, 1.08, 1) }
.patent-list li a:hover h3 { color: #003f96 }

.title-rd { position: relative; margin-top: 65px; padding-left: 35px; color: #003f96 }
.title-rd:before { content: ''; position: absolute; top: 0; left: 5px; z-index: -1; width: 22px; height: 22px; border-radius: 100%; background: #003F96 }
.title-rd:after { content: ''; position: absolute; top: 5px; left: 0; z-index: -2; width: 58px; height: 58px; border-radius: 100%; background: #003F96; opacity: 0.2 }
.title-rd h2 { line-height: 42px; font-weight: 500; font-size: 30px }
.title-rd h2:after { content: ''; display: inline-block; width: 75px; height: 1px; margin-left: 18px; background: #003f96 }
.title-rd p { line-height: 22px; font-weight: 500; font-size: 16px; text-transform: uppercase }

.research { margin-top: 37px; background: url(../images/research_bg.jpg) repeat-x }
.research .er { display: flex; flex-direction: column; justify-content: space-between; align-items: center; flex: 0 0 50%; max-width: 50%; margin-left: 50%; height: 377px; padding: 0 21px; background: #fff }
.research .er p { line-height: 36px; font-weight: 400; font-size: 18px }
.research .er ul { display: flex; justify-content: space-around; width: 100%; height: 167px; padding: 45px 0; background: #F5F5F5; border-radius: 12px }
.research .er ul li { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; border-right: 1px solid #C6C6C6 }
.research .er ul li:last-child { border-right: none }
.research .er ul li span { display: block; line-height: 28px; font-weight: bold; font-size: 20px; color: #333 }
.research .er ul li p { margin-top: 9px; line-height: 53px; font-weight: bold; font-size: 46px; color: #003f96 }

.sanbar { width: 100%; height: 507px; background: url(../images/san-bg.png) no-repeat center }
.san { height: 374px; margin-top: 28px; background: rgba(0, 63, 150, .05) }
.san li { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 374px }
.san li img { width: 56px; height: 56px }
.san li span { margin-top: 66px; line-height: 28px; font-weight: 600; font-size: 20px; color: #333 }
.san li p { margin-top: 17px; line-height: 25px; font-size: 18px }

.equipment { position: relative; width: 100%; margin-top: 70px }
.equipment .swiper-container { padding-bottom: 60px }
.equipment .swiper-slide { width: 680px; height: 400px; background: #f5f5f5 }
.equipment .swiper-slide img { display: block; width: 680px; height: 400px }

.strategy ul { margin-top: 60px }
.strategy ul li .col-box { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 304px; padding: 0 22px; background: #F5F5F5 }
.strategy ul li .col-box img { width: 104px; height: 104px }
.strategy ul li .col-box p { margin-top: 44px; line-height: 25px; font-weight: 400; font-size: 18px }
.strategy ul li:nth-child(2) .col-box { position: relative; background: #003F96 }
.strategy ul li:nth-child(2) .col-box p { color: #fff }
.strategy ul li:nth-child(2) .col-box:after { content: ""; position: absolute; bottom: 0; width: 80%; height: 6px; background: #009890 }

.framework { position: relative; height: 537px; margin-top: 54px; background: #003f96 }
.framework .title-rd { margin-top: 58px; color: #fff }
.framework .title-rd:before, .framework .title-rd h2:after { z-index: 1; background: #fff }
.framework .title-rd:after { background: #fff; opacity: 0.2; z-index: 2 }
.framework-info { margin-top: 127px; padding-left: 22px; line-height: 36px; font-size: 18px; color: #fff }
.framework figure { width: 100%; height: 537px; overflow: hidden; margin: 0 }
.framework figure img { display: inline-block; max-width: 100%; width: 100%; height: 537px }

.direction ul { margin-top: 50px }
.direction ul li .col-box { display: flex; align-items: center; justify-content: space-around; height: 103px; background: #F5F5F5 }
.direction ul li .col-box span { display: block; padding-right: 18px; line-height: 67px; font-weight: bold; font-size: 58px; color: #333; border-right: 1px solid #E4E4E4 }
.direction ul li .col-box p { line-height: 25px; font-size: 18px; color: #333 }
.direction ul li:nth-child(2) .col-box { border: 1px solid #003F96 }

/*about*/
.about { margin-top: 60px }
.about .col-7 { padding: 26px !important; background: #f4f4f4 }
.about h1 { position: relative; display: block; margin-bottom: 43px; padding: 16px 0; line-height: 42px; font-size: 30px; font-weight: bold; color: #333 }
.about h1:before { content: ""; position: absolute; left: 0; bottom: 0; width: 30px; height: 4px; background: #003f96 }
.about p { line-height: 32px; font-size: 18px }
.about .col-5 { padding: 45px 30px !important; background: #003f96 }
.about .col-5.about-img { padding: 0 !important; background: #003f96 }
.about .col-5.about-img img { display: inline-block; width: 100%; height: 100% }
.about .col-5 p { line-height: 44px; color: #ccc }
.about .col-5 p b { font-size: 36px }

/*history*/
.history { padding-top: 35px }
.history li { display: flex; align-items: center; margin: 15px 0 }
.history li img { width: 53px; height: 53px }
.history li p { margin-left: 15px }
.history li p span { color: #003f96 }

.history-img { margin-top: 40px }
.history-img li { position: relative }
.history-img li img { width: 100%; height: 100% }
.history-img li span { position: absolute; top: 50%; left: 0; z-index: 2; display: block; width: 100%; margin-top: -11px; text-align: center; font-size: 22px; color: #fff }

/*culture*/
.culture { display: flex; flex-direction: column; align-items: center; margin-top: 78px }
.culture .culture-top { text-align: center }
.culture .culture-top h1 { line-height: 30px; font-weight: bold; font-size: 22px; color: #333 }
.culture .culture-top p { margin-top: 6px; line-height: 22px; font-weight: 400 }
.culture ul { display: flex; flex-direction: column; position: relative; width: 100%; margin-top: 40px; padding: 10px 0 70px }
.culture ul:before { content: ""; top: 0; z-index: 10; width: 14px; height: 14px; border-radius: 100%; background: #fff; border: 1px solid #d4d4d4 }
.culture ul:after { content: ""; width: 1px; top: 0; bottom: 0; z-index: 9; background: #D4D4D4 }
.culture ul:before, .culture ul:after { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) }
.culture ul li { padding: 50px 0 }
.culture ul li:nth-child(odd) { position: relative; flex: 0 0 50%; max-width: 50%; margin-right: 50%; padding-right: 40px; text-align: right }
.culture ul li:nth-child(even) { position: relative; flex: 0 0 50%; max-width: 50%; margin-left: 50%; padding-left: 40px; text-align: left }
.culture ul li:before { content: ""; position: absolute; top: 66px; z-index: 11; width: 10px; height: 10px; border-radius: 100%; background: #003f96 }
.culture ul li:nth-child(odd):before { right: 0; -webkit-transform: translateX(50%); transform: translateX(50%) }
.culture ul li:nth-child(even):before { left: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%) }
.culture ul li time { line-height: 45px; font-weight: bold; font-size: 38px; color: #333 }
.culture ul li p { margin-top: 16px; line-height: 33px; font-size: 24px; font-weight: 400 }
.culture .culture-bottom { margin-top: 16px; line-height: 22px; font-weight: 400; color: #cdcdcd }

/*contact*/
.contact { padding-top: 65px }
.contact li .col-box { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 200px; border: 1px solid #dadada }
.contact li .col-box img { }
.contact li .col-box span { margin-top: 30px; line-height: 25px; font-weight: 400; font-size: 18px }
.contact li .col-box p { margin-top: 10px; line-height: 25px; font-weight: bold; font-size: 18px; color: #333 }
.mapbar { position: relative; height: 400px; margin-top: 38px; overflow: hidden }
.mapbar .map-list { width: 100%; padding: 20px; background: #f5f5f5 }
.mapbar .map-list li { position: relative; width: 100%; padding: 12px 0 12px 54px; line-height: 25px; font-weight: 500; font-size: 18px; color: #666; border-bottom: 1px solid #e3e3e3; cursor: pointer }
.mapbar .map-list li.on{ color: #003f96 }
.mapbar .map-list li:before { content: "\e612"; position: absolute; left: 15px; font-family: "iconfont" !important; font-size: 22px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.mapbar .map { width: 100%; height: 450px }
.contactbar .bd{ height: 265px; overflow:hidden}

/*page*/
.pagebar { margin-top: 50px; padding: 20px 0 }
.pagebar .pagination { display: flex; justify-content: center }
.pagebar .pagination a, .pagebar .pagination span { min-width: 40px; height: 40px; line-height: 40px; text-align: center; color: #606266; font-size: 14px; padding: 0 12px; margin: 0 6px; background: #f0f2f5; border-radius: 3px }
.pagebar .pagination a:hover, .pagebar .pagination a.page-num-current { color: #fff; background: #003f96 }
.pageno { padding: 20px 0; text-align: center; font-size: 14px; color: #999 }

/*grid*/
@media only screen and (max-width:1400px){

}

@media only screen and (max-width:1200px){

}

@media only screen and (max-width:992px){

}

@media only screen and (max-width:768px){

}

@media only screen and (max-width:576px){
	/*subbar*/
	.subbar .subnav { display: flex; width: 100%; height: 67px; padding-top: 15px; white-space: nowrap; overflow-x: auto }
	.subbar .subnav.none { display: none }
	.subbar .subnav a { height: 37px; line-height: 37px }
	.subbar .subnav::-webkit-scrollbar { height: 1px; background: rgba(51, 51, 51, .2) }
	.subbar .subnav::-webkit-scrollbar-button { display: block; background: #000; width: 100% }
	.subbar .subnav::-webkit-scrollbar-thumb { background: #003f96; border-radius: 2px }

	/*pro*/
	.pro-nav { position: static }

	/*news*/
	.news-list li time { width: 80px }
	.news-list li time span { font-size: 32px }
	.news-list li time p { font-size: 12px }
	.news-list li figure{ display: none }

	.pageturning { align-content: space-around }
	.pageturning li { flex: 0 0 100%; max-width: 100% }

	/*r&d*/
	.title-rd, .framework .title-rd{ margin-top: 36px }

	.patent-hot { margin: 36px 0 }
	.patent-hot .swiper-slide { display: block; height: 742px }
	.patent-hot .swiper-slide p { flex: 0 0 100%; max-width: 100%; height: 250px }
	.patent-hot .swiper-slide figure { flex: 0 0 100%; max-width: 100% }
	.patent-hot .swiper-button-prev, .patent-hot .swiper-button-next { top: 200px; bottom: 43px }
	.patent-hot .swiper-button-prev { left: initial; right: 39px; transform: rotate(180deg) }
	.patent-hot .swiper-button-next { left: initial; right: 89px }

	.research .er { flex: 0 0 100%; max-width: 100%; margin-left: 0 }
	.research .er ul li span { font-size: 16px }
	.research .er ul li p { font-size: 32px }

	.sanbar { height: initial }
	.san { height: initial; margin-top: 28px; background: rgba(0, 63, 150, .05) }
	.san li { height: 220px }
	.san li span { margin-top: 36px }

	.equipment { margin-top: 36px }
	.equipment .swiper-slide { width: 100% }
	.equipment .swiper-slide img { width: 100% }

	.strategy ul, .direction ul { margin-top: 6px }
	.strategy ul li, .direction ul li{ margin-top: 30px }

	.framework { height: auto; margin-top: 36px }
	.framework-info { margin-top: 36px }
	.framework figure { margin: 36px 0 }

	/*app*/
	.app, .about, .culture { margin-top: 36px }

	/*history*/
	.history-img { margin-top: 10px }
	.history-img li { margin-top: 30px }

	/*culture*/
	.culture ul { padding-bottom: 25px }
	.culture ul li { padding: 25px 0 }
	.culture ul li:first-child { padding-top: 50px }
	.culture ul li time { font-size: 32px }
	.culture ul li p { font-size: 16px }

	/*contact*/
	.contact { padding-top: 6px }
	.contact li{ margin-top: 30px }
	.mapbar{ height: 600px }
	.mapbar .map { width: 100%; height: 650px }

	/*page*/
	.pagebar { margin-top: 36px; padding: 0 }
}