/* CSS Document */

html, body { position: relative; height: 100%; }
html { font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -moz-font-feature-settings: "liga", "kern"; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { line-height: 1.2; margin: 0; }
ul, ul li { padding: 0; list-style-type: none; }
dl, ol, ul { margin: 0; }
ol { padding: 1em 0 1em 2em; }
ol li { list-style-type: decimal !important; list-style-image: none; list-style-position: outside; }
dd, dt { line-height: 1.7; }
input, textarea, button { outline: none; }
.table-responsive { -webkit-overflow-scrolling: touch; }
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { padding: 10px 20px; font-size: 14px; border-top: 1px dotted #ddd; }
.table>thead:first-child>tr:first-child>th { font-size: inherit; color: #002f82; border-color: #002f82 }
.txtbg { background: #002f82; color: #fff; padding: .3em .5em; }
::selection { background: #002f82; color: white; /* Safari */ }
::-moz-selection {
background: #002f82;
color: white; /* Firefox */
}
input:-webkit-autofill {
background-color: #fff;
background-image: none;
color: #000;
}
body { font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15px; line-height: 1.7; color: #333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: #f8f8f8; }
* { box-sizing: border-box; }
a { color: #333; transition: .2s all ease-out; }
a:hover, a:focus { color: #1f3686; text-decoration: none; }
img { display: block; max-width: 100%; }
.fbox { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; }
.t-of { position: relative; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; height: 1.5em; line-height: 1.5; }
.headroom { transition: all .2s ease-in-out; }/*初始*/
.headroom--unpinned { top: -120px; }/*收起*/
.headroom--pinned { top: 0; }/*展开*/
.navbar-default { background: none; border: none; }
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:focus { color: #002f82; }
.navbar-default .navbar-nav>li>a:hover { background-color: transparent; color: #eb6100; }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { background-color: transparent; color: #eb6100; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color: transparent; color: #eb6100; }
/*header*/
header { background-color: rgba(255,255,255,0.95); }
.navbar { margin-bottom: 0; }
.navbar-toggle { margin-right: 0; border: none; }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: transparent; }
.navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar { background-color: #eb6100; }
.dropdown-toggle span.glyphicon { margin-left: .5em; transform: scale(0.5) translate(-.5em, 0px); }
.dropdown-menu { border: none; box-shadow: none; border-radius: 0; min-width: inherit; border-bottom: #002f82 3px solid; }
.dropdown-menu>li>a { padding: 5px 1.5em; }
.navbar-brand { padding: 10px 0; }
.navbar-brand img { height: 100%; width: auto; }
.navbar-right .gu { font-size: 12px; white-space: nowrap; font-weight: bold; }
.navbar-right .lan { position: relative; border-left: #eee 1px solid; padding-left: 2%; margin-left: 4%; }
.navbar-right .lan:before { content: ""; display: block; position: absolute; width: 12px; height: 1px; top: 50%; left: 50%; background-color: #cccccc; transform: translate(-50%, -50%); }
.navbar-right .lan a { position: relative; display: block; width: 30px; height: 30px; margin: auto 5px; line-height: 30px; text-align: center; border-radius: 100%; z-index: 1; background-color: #fff; font-size: 12px; flex-shrink: 0; }
.navbar-right .lan a.act { background: #002f82; color: #fff; }
.navbar-right .lan a:after { content: ""; position: absolute; width: 4px; height: 4px; border-radius: 100%; top: 50%; background: #002f82; transition: .2s all ease-out; display: none; }
.navbar-right .lan a:hover { background: #eb6100; color: #fff; }
.navbar-right .lan a.act:after { display: block; }
.navbar-right .lan a.act:hover:after { background: #eb6100; }
.navbar-right .lan a.cn:after { right: 0; transform: translate(50%, -50%); }
.navbar-right .lan a.en:after { left: 0; transform: translate(-50%, -50%); }
/*选项卡*/
.nav-tabs { margin-bottom: 20px; align-items: stretch; border-bottom: 3px solid #002f82; }
.nav-tabs>li { margin-bottom: -3px; }
.nav-tabs>li>a { font-size: 12px; position: relative; height: 100%; border-radius: 0; border: 3px solid transparent; }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { background-color: #002f82; color: #fff; border: 3px solid #002f82; border-bottom-color: transparent; }
/*footer*/
footer { background: #fff; padding: 40px 0; color: #999; }
footer a { color: #999; }
footer .fbox-pc { justify-content: space-between; }
footer .ft-l { flex: 1; }
footer .ft-links em { margin: auto 1em; font-size: 12px; }
footer .ft-links a { display: inline-block; white-space: nowrap; }
footer .copyrights { font-size: 12px; margin-top: 20px; }
/*goback*/
.gotoback-c { position: fixed; z-index: 9999; right: 3%; top: auto; bottom: 3%; }
.gotoback-c li { position: relative; margin-top: 6px; }
.gotoback-c #pagetop { display: flex; width: 50px; height: 50px; background: #002f82; justify-content: center; align-items: center; color: #fff; opacity: 0; -webkit-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition-property: background, box-shadow, opacity; -moz-transition-property: background, box-shadow, opacity; -ms-transition-property: background, box-shadow, opacity; -o-transition-property: background, box-shadow, opacity; transition-property: background, box-shadow, opacity; border-radius: 100%; }
#pagetop.headroom--top { opacity: 0; }
#pagetop.headroom--not-top { opacity: 1; }
#pagetop.headroom--unpinned { top: auto; bottom: 3%; }
#pagetop.headroom--pinned { top: auto; }
/*首页轮播*/
#home-banner, #home-banner .swiper-wrapper { position: relative; }
#home-banner .swiper-slide { position: relative; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; }
#mouse { position: absolute; bottom: 30px; left: 50%; z-index: 10; color: #FFF; display: block; width: 60px; height: 80px; overflow: hidden; cursor: pointer; transform: translate(-50%, 0); }
#mouse:before { content: ""; position: absolute; left: 17.5px; top: 8px; width: 25px; height: 40px; border: 2px solid #fff; border-radius: 10px; }
#mouse span { position: absolute; width: 60px; text-align: center; left: 0; bottom: 0; white-space: nowrap; }
#mouse span.bar { position: absolute; left: 28.5px; top: 0px; height: 20px; width: 100%; overflow: hidden; }
#mouse span.bar:after { content: ""; position: absolute; top: 0; left: 0; width: 2px; height: 20px; background: #FFF; -webkit-animation: scroll 1.5s ease-in-out infinite 0.5s; -moz-animation: scroll 1.5s ease-in-out infinite 0.5s; animation: scroll 1.5s ease-in-out infinite 0.5s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
#home-banner .swiper-txt { position: absolute; left: 50%; bottom: 120px; transform: translate(-50%, 0); }
#home-banner .swiper-txt img { width: 200px; margin: auto; }
#home-banner .swiper-txt p { text-align: center; font-size: 27px; line-height: 1.1; color: #fff; margin-top: 20px; font-family: cursive; font-weight: bold; }
/*首页轮播-mb*/
#home-banner-mb, #home-banner-mb .swiper-wrapper { position: relative; }
#home-banner-mb .swiper-slide p { position: absolute; bottom: 10%; left: 50%; color: #fff; line-height: 1.1; font-size: 13px; transform: translate(-50%, 0); }
/*首页新闻-mb*/
.i-news { background: #fff; padding: 20px 0 40px; }
.i-news-t { color: #002f82; border-left: 3px #eb6100 solid; }
.i-news-t h2 { font-size: 18px; }
.i-news-t h3 { font-weight: 200; }
.i-news-topic { margin: 20px 0; }
.i-news-topic-t { display: block; font-size: 20px; line-height: 1.2; }
.i-news-topic-sum { margin: 20px auto; -webkit-line-clamp: 4; height: 6em; line-height: 1.5; color: #666; }
.i-news-topic-c .more { padding: .3em .5em; background-color: #eb6100; color: #fff; }
.i-news-list-mb { margin-top: 20px; padding-top: 20px; border-top: #ccc 1px dotted; }
.i-news-list-mb a { display: block; height: auto; }
.i-news-list-mb p { font-size: 12px; color: #ccc; }
/*首页公司简介*/
.i-about { position: relative; padding: 60px 0; background-image: url(i-about.png)/*tpa=http://www.biok.com/img/i-about.png*/; background-repeat: no-repeat; background-size: cover; background-position: center center; }
.i-about:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-image: -moz-linear-gradient( 0deg, rgba(21,39,99,0.90196) 0%, rgba(21,39,99,0.9) 1%, rgba(31,54,134,0.50196) 100%); background-image: -webkit-linear-gradient( 0deg, rgba(21,39,99,0.90196) 0%, rgba(21,39,99,0.9) 1%, rgba(31,54,134,0.50196) 100%); background-image: -ms-linear-gradient( 0deg, rgba(21,39,99,0.90196) 0%, rgba(21,39,99,0.9) 1%, rgba(31,54,134,0.50196) 100%); }
.i-about, .i-about a { color: #fff; }
.i-about .container { position: relative; z-index: 1; }
.i-about .about-intro { margin: 40px 0; }
.i-about .more { display: inline-block; margin: 20px 0; padding: .4em 1.5em; border: 2px #fff solid; color: #fff; background: rgba(255,255,255,0.2) }
.i-about .more:hover { background: #fff; color: #002f82; }
.i-about img.logo { max-width: 30%; }
.i-about .about-group { margin-bottom: 40px; padding: 15px; background-color: rgba(255, 255, 255, 0.14); transition: .2s background-image ease-out; }
.i-about .about-group .logo { width: 40%; }
.i-about .about-group:hover { background-image: linear-gradient( -90deg, rgba(227,100,7,0.7) 0%, rgba(176, 86, 210,.5)50%, rgba(39,0,78,1) 100%); }
/*首页产品*/
.i-pro h2 { margin-bottom: 40px; }
.i-pro .i-pro-list li { align-items: stretch; margin-bottom: 15px; }
.i-pro .i-pro-list li .pro-info { position: relative; flex: 1; background-color: rgba(255, 255, 255, 0.14); padding: 15px; }
.i-pro .i-pro-list li .cover { position: relative; width: 25%; background-color: rgba(255, 255, 255, 0.14); }
.i-pro .i-pro-list li .cover img { position: relative; top: 50%; transform: translate(0, -50%) }
.i-pro .i-pro-list li h3 { margin-bottom: 10px; }
.i-pro .i-pro-list li .title a { -webkit-line-clamp: 1; height: 1.5em; }
.i-pro .i-pro-list li .title a:before { display: inline-block; content: "·"; margin-right: 1em; }
.i-pro .i-pro-list li a.more { position: absolute; bottom: 0; right: 0; margin: 0; padding: .2em 1em; border: none; }
/*首页链接*/
.i-links { padding: 40px 0; }
.i-links .group-logo { flex-direction: column; justify-content: space-around; }
.i-links .group-logo h2 { position: relative; font-size: 16px; color: #002f82; text-align: center; margin-bottom: 20px; }
.i-links .group-logo h2:after { content: ""; display: block; margin: 1em auto 0; width: 1em; height: 1px; background-color: #eb6100; }
.i-links a { display: block; position: relative; }
.i-links a:hover { opacity: .7; }
.i-links .group-logo a { max-width: 40%; }
.i-links .group-logo a img { width: 100%; }
.i-links .company-logo { flex-wrap: wrap; border-top: rgba(31, 54, 134, 0.2) 1px dotted 1px dotted; margin-top: 20px; padding-top: 20px; }
.i-links .company-logo a { width: 50%; height: 80px; }
.i-links .company-logo a img { position: relative; height: 70%; width: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); }
/*页面banner*/
.page-banner { position: relative; padding: 20px 0; margin-top: 50px; color: #fff; background-repeat: no-repeat; background-size: cover; background-position: center center; text-align: center; }
.page-banner.pb1 { background-image: url(p-banner1.png)/*tpa=http://www.biok.com/img/p-banner1.png*/; }
.page-banner.pb2 { background-image: url(p-banner2.png)/*tpa=http://www.biok.com/img/p-banner2.png*/; }
.page-banner.pb3 { background-image: url(p-banner3.png)/*tpa=http://www.biok.com/img/p-banner3.png*/; }
.page-banner.pb4 { background-image: url(p-banner4.png)/*tpa=http://www.biok.com/img/p-banner4.png*/; }
.page-banner.pb5 { background-image: url(p-banner5.png)/*tpa=http://www.biok.com/img/p-banner5.png*/; }
.page-banner:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-image: -webkit-linear-gradient( 0deg, rgba(21, 39, 99, 0.96) 1%, rgba(31, 54, 134, 0.6) 100%); }
.page-banner .container { position: relative; z-index: 1; }
.page-banner h2 { font-weight: 200; opacity: .2; }
.page-banner h3 { font-weight: bold; opacity: .2; }
.page-w { padding: 15px 0; }
.side-nav { margin-bottom: 20px; justify-content: space-around; border-bottom: 1px #ddd dotted; }
.side-nav li { display: inline-block; width: 23%; position: relative; margin-bottom: 5px; }
.side-nav li.act a:after { position: absolute; content: ""; top: 0; right: 0; display: block; width: 4px; height: 4px; border: 4px #eb6100 solid; border-bottom-color: transparent; border-left-color: transparent; }
.side-nav a { display: block; padding: .3em 0; font-size: 13px; color: #002f82; text-align: center; background: #fff; }
.side-nav a:hover, .side-nav li.act a { color: #eb6100; border-color: #eb6100; }
.main .text { font-size: 16px; color: #5f5f5f; line-height: 1.8; }
.main .text p { margin: 10px 0 20px; }
.main .text img { display: initial; }
.main .text a { color: #eb6100; }
.main .text a:hover { text-decoration: underline; }
.main .culture dd { margin-bottom: 20px; }
.main .zs-list li { margin-bottom: 30px; }
/*新闻*/
.news-list li { margin-bottom: 30px; background-color: rgba(255,255,255,0.8); padding: 20px; }
.news-list .title { margin: 10px 0; }
.news-list .title a { -webkit-line-clamp: 2; max-height: 2.6em; line-height: 1.3; height: auto; font-size: 18px; }
.news-list .intro { -webkit-line-clamp: 4; height: 6em; color: #999; }
.news-list .time { color: #eb6100; text-align: right; }
.news-list .cover img { width: 100%; height: auto; transform: translateZ(0); transition: .2s all ease-out; }
.news-list .cover:hover img { opacity: .8; }
.news-list .item-info { flex: 1; }
.main.news-detail h1, .main.news-detail p.time { text-align: center; }
.main.news-detail h1 { font-size: 24px; }
.main.news-detail p.time { margin: 20px 0; color: #999; }
/*产品*/
.pro-list li { align-items: stretch; margin-bottom: 15px; }
.pro-list .cover { width: 50%; background: #fff; }
.pro-list .cover img { width: 100%; border: #fff 2px solid; }
.pro-list .pro-info { padding: 15px; flex: 1; background: #fff; }
.pro-list .pro-info .title a { -webkit-line-clamp: 2; height: 3em; }
.pro-list .pro-info .intro { margin-top: 5px; font-size: 12px; color: #666; -webkit-line-clamp: 3; height: 4.5em; }
/*招聘*/
.job-list li { padding: 30px 0; border-top: #ccc 1px dotted; }
.job-list .job-title { color: #002f82; margin-bottom: 30px; }
.job-list .job-info dt { margin-bottom: 20px; }
/*英文版*/
body.en .navbar-default .navbar-nav>li>a { text-transform: uppercase; }
body.en #home-banner .swiper-txt { left: 20px; right: 20px; bottom: 120px; transform: none; }
body.en #home-banner .swiper-txt p { font-size: 18px; font-weight: normal; font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; }
body.en #home-banner .swiper-txt img { width: 120px; }
body.en .i-about { padding: 0; background-image: url(i-about-en.png)/*tpa=http://www.biok.com/img/i-about-en.png*/; }
body.en .section .container { padding-top: 60px; padding-bottom: 30px; }
body.en .i-news { padding: 0; }
body.en #section2 { background-image: url(en-news-bg.png)/*tpa=http://www.biok.com/img/en-news-bg.png*/; background-position: center center; background-size: cover; background-repeat: no-repeat; }
body.en #section3 .fp-tableCell { display: block; }
body.en .pro-list li { display: block; }
body.en .pro-list .cover { width: 100%; background: #fff; }
body.en #section4 { background-image: url(en-contact-bg.png)/*tpa=http://www.biok.com/img/en-contact-bg.png*/; background-position: center center; background-size: cover; background-repeat: no-repeat; }
/*管理团队*/
.leader-list li { padding: 15px 0; border-bottom: #ccc 1px dotted; align-items: flex-start; }
.leader-list li .photo { width: 60%; }
.leader-list li .intro { width: 100%; margin-top: 20px; }
.leader-list li .intro h3 { margin: 10px auto 20px; }

@media (min-width:  768px) {
table { background: #fff; }
.fbox-pc { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; }
header .navbar { margin: 20px auto; height: 60px; line-height: 60px; }
header .navbar-brand { padding: 0; height: 60px; width: auto; }
.navbar-nav { margin-left: 2%; }
.navbar-default .navbar-nav>li>a { display: block; padding: 1.5em 1em; font-size: 13px; color: #002f82; }
.navbar-nav>li>a { padding: 1.5em; }
.navbar-nav>.active>a:after { display: block; content: ""; margin: auto; width: 1em; height: 2px; margin-top: .5em; background: #eb6100; border-radius: 2px; }
.navbar-nav.navbar-right { margin-left: 0; padding-left: 1%; }
.navbar-right .lan { width: auto; margin: 15px auto; margin-left: 4%; }
.navbar-right .gu { display: none; }
.nav-tabs { justify-content: flex-start; }
.nav-tabs>li>a { font-size: 18px; }
.table-hover > tbody > tr { transition: .2s all ease-out; }
.table-hover > tbody > tr:hover { background-color: #002f82; color: #fff; }
/*首页新闻-pc*/
.i-news { padding: 140px 0; }
.i-news .container > ul { align-items: stretch; }
.i-news .container > ul > li { flex-grow: 1; min-height: 260px; }
.i-news-t { position: relative; padding-left: 25px; border-left: #002f82 4px solid; color: #002f82; }
.i-news-t h2 { position: relative; font-size: 18px; }
.i-news-t h2:after { content: ""; display: block; margin: 1em auto 1em 0; width: 1em; height: 1px; background-color: #eb6100; }
.i-news-t h3 { font-size: 16px; font-weight: 200; }
.i-news-t:after { position: absolute; content: ""; bottom: 0; display: block; width: 5px; height: 5px; border: 5px #eb6100 solid; border-bottom-color: transparent; border-left-color: transparent; }
.i-news-list .news-item { margin-bottom: 30px; }
.i-news-list .news-item .time { color: #eb6100; justify-content: flex-start; }
.i-news-list .news-item .time .date { font-size: 60px; line-height: 1; }
.i-news-list .news-item .time .month { font-size: 18px; }
.i-news-list .news-item a { -webkit-line-clamp: 2; height: 3em; }
.i-news-topic { border-left: #ccc 1px dotted; margin: 0; }
.i-news-topic-c { margin-left: 20px; }
.i-news-topic-t { font-size: 26px; color: #002f82; }
.i-news-topic-sum { margin: 20px auto 40px; }
.i-news .more { padding: .5em 1.5em; background-color: #eb6100; color: #fff; }
.i-news .more:hover { background-color: #002f82; }
.i-news .i-news-t .more { float: left; padding: .3em .5em; background-color: #002f82; }
.i-news .i-news-topic-c .more { float: right; }
/*首页公司简介*/
.i-about { padding: 100px 0; }
.i-about .about-intro { margin: 20px 0; }
/*首页链接*/
.i-links { padding: 80px 0; }
.i-links .row { align-items: stretch; }
.i-links .group-logo { border-left: rgba(31, 54, 134, 0.2) 1px dotted; }
.i-links .company-logo { border-left: rgba(31, 54, 134, 0.2) 1px dotted; border-right: rgba(31, 54, 134, 0.2) 1px dotted; border-top: none; margin-top: 0; padding-top: 0; }
.i-links .company-logo a { width: 25%; height: 80px; }
/*页面banner*/
.page-w { background-image: url(pbg.png)/*tpa=http://www.biok.com/img/pbg.png*/; background-repeat: no-repeat; background-size: 100% auto; background-attachment: fixed; background-position: center center; }
.page-banner { padding: 60px 0; margin-top: 100px; }
.page-banner h2 { font-weight: 200; font-size: 42px; opacity: .2; }
.page-banner h3 { font-weight: bold; opacity: .2; }
.page-w { padding: 60px 0; }
.side-nav { display: block; border: none; margin-bottom: 0; }
.side-nav li { display: block; width: auto; }
.side-nav a { padding: .5em; font-size: 15px; border-left: 2px #002f82 solid; }
.main .zs-list { position: relative; padding: 0; }
.main .zs-list li { position: relative; transition: ease .3s; }
.main .zs-list li:hover { transform: scale(1.1); z-index: 2; }
.news-list .cover { max-width: 40% }
.news-list .title a { font-size: 24px; }
.news-list .item-info { margin: 0 5%; }
.main.news-detail h1 { font-size: 30px; }
.pro-list li { display: block; }
.pro-list .cover { width: 100%; }
body.en #home-banner .swiper-txt { left: 50%; bottom: 150px; transform: translate(-50%, 0); }
body.en #home-banner .swiper-txt p { font-size: 30px; }
body.en #home-banner .swiper-txt img { width: 200px; }
body.en .section .container { padding-top: 100px; }
body.en .i-news { padding-bottom: 70px; }
body.en #section3 .container { padding-top: 130px; }
body.en .pro-list .pro-info .title a { -webkit-line-clamp: 1; height: 1.5em; }
/*管理团队*/
.leader-list li { padding: 50px 0; }
.leader-list li:first-child { padding-top: 0; }
.leader-list li:last-child { border: 0; }
.leader-list li .intro { width: auto; margin-top: 0; flex: 1; }
.leader-list li .photo { width: 40%; margin-right: 5%; }
.leader-list li .intro { width: 100%; }
.leader-list li .intro h3 { margin: 10px auto 20px; }
.leader-list li:nth-child(2n) { flex-direction: row-reverse; }
.leader-list li:nth-child(2n) .photo { margin-right: auto; margin-left: 5%; }
}

@media (min-width:  992px) {
.navbar-nav { margin-left: 5%; }
.navbar-default .navbar-nav>li>a { font-size: 15px; padding: 1.3em 0.7em; }
.navbar-right .gu { display: block; }
.i-links .company-logo a { width: 25%; height: 120px; }
.pro-list li { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.pro-list .cover { width: 43%; }
body.en #home-banner .swiper-txt p { font-size: 36px; }
}

@media (min-width: 1200px) {
.navbar-default .navbar-nav>li>a { font-size: 15px; padding: 1.3em 1.5em; }
.pro-list .cover { width: 40%; }
.pro-list .pro-info .intro { -webkit-line-clamp: 4; height: 6em; }
body.en #home-banner .swiper-txt p { font-size: 42px; }
body.en .section .text { font-size: 18px; }
}

@media (min-width: 1920px) {
#home-banner .swiper-txt { bottom: 150px; }
#home-banner .swiper-txt p { font-size: 36px; }
}
@-webkit-keyframes scroll {
0% {
top:-20px
}
100% {
top:20px
}
}
@-moz-keyframes scroll {
0% {
top:-20px
}
100% {
top:20px
}
}
@keyframes scroll {
0% {
top:-20px
}
100% {
top:20px
}
}